/*
 * DBC / BIOTEN V5.3.0
 * Mobile precision layer.
 *
 * This file is intentionally loaded after V5.2.0. It preserves desktop
 * composition and changes only tablet, phone and coarse-pointer behaviour.
 */

@media (max-width: 980px) {
  html[data-v530-release] {
    --v530-page-pad: 20px;
    --v530-card-radius: 16px;
    --v530-section-gap: 76px;
    scroll-padding-top: 76px;
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
  }

  html[data-v530-release],
  html[data-v530-release] body {
    max-width: 100%;
    overflow-x: clip;
  }

  body.v530-site {
    min-width: 0;
    -webkit-tap-highlight-color: transparent;
  }

  body.v530-site :is(main, section, article, aside, nav, header, footer, div, figure) {
    min-width: 0;
  }

  body.v530-site :is(img, picture, video, canvas, svg, iframe) {
    max-width: 100%;
  }

  body.v530-site :is(h1, h2, h3, p, li, dd, figcaption) {
    overflow-wrap: anywhere;
  }

  body.v530-site :is(.v520-shell, .v500-shell, .v500-context__inner, .dv2-shell, .brand510-shell, .dev504-shell, .btp-shell, .site-page-shell, .request-shell, .v245-shell, .formal-shell, .article-shell, .compliance-map-shell, .v450-document-shell) {
    width: min(100% - 40px, 760px) !important;
    max-width: none !important;
    margin-inline: auto !important;
  }

  body.v530-site :is(.v520-actions, .v500-actions, .brand510-actions, .dev504-actions, .btp-actions, .news-article-actions) {
    gap: 10px;
  }

  body.v530-site :is(.v520-action, .v500-button, .brand510-action, .dev504-button, .btp-button, .news-article-actions a, .v281-decision__action) {
    min-height: 46px;
    touch-action: manipulation;
  }

  body.v530-site .v520-localnav {
    display: none !important;
  }

  body.v530-site :is(.v520-app-hero, .v520-pkg-hero, .v520-dev-hero, .v520-brand-detail-hero) {
    min-height: auto;
    padding-block: 56px 52px;
  }

  body.v530-site :is(.v520-app-hero__grid, .v520-pkg-hero__grid, .v520-dev-hero__grid, .v520-brand-detail-hero__grid) {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 36px !important;
  }

  body.v530-site :is(.v520-app-hero__visual, .v520-pkg-hero__visual, .v520-brand-detail-hero__visual) {
    min-height: 420px;
  }

  body.v530-site .v520-dev-brief {
    width: 100%;
    max-width: 680px;
  }

  body.v530-site :is(.v520-thesis, .v520-signature, .v520-dev-workbench, .v520-pkg-routes, .v520-final__inner) {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  body.v530-site .v520-final__inner {
    display: grid;
    align-items: start;
  }

  body.v530-site .v520-pkg-object-grid,
  body.v530-site .v520-detail-gallery {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-rows: auto;
  }

  body.v530-site :is(.v520-pkg-object:first-child, .v520-detail-gallery figure:first-child) {
    grid-column: 1 / -1;
    grid-row: auto;
  }

  body.v530-site .v520-failure-grid,
  body.v530-site .v520-application-grid,
  body.v530-site .v520-dev-input-grid,
  body.v530-site .v520-detail-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.v530-site :is(.v520-application-card, .v520-application-card:nth-child(1), .v520-application-card:nth-child(4), .v520-dev-input, .v520-dev-input:nth-child(1), .v520-dev-input:nth-child(2), .v520-dev-input:nth-child(3), .v520-dev-input:nth-child(4), .v520-detail-card, .v520-detail-card:nth-child(1), .v520-detail-card:nth-child(2), .v520-detail-card:nth-child(5), .v520-detail-card:nth-child(6), .v520-failure, .v520-failure:nth-child(1), .v520-failure:nth-child(2), .v520-failure:nth-child(5), .v520-failure:nth-child(6)) {
    grid-column: auto;
  }

  body.v530-site :is(.v520-path, .v520-dev-flow) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.v530-site .v500-page .v500-hero__grid,
  body.v530-site.v500-page .v500-hero__grid {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 34px !important;
  }

  body.v530-site.v500-page .v500-hero {
    min-height: auto;
    padding-block: 54px 50px;
  }

  body.v530-site.v500-page .v500-card-grid:not(.v500-card-grid--5) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.v530-site.v500-page .v500-card-grid:not(.v500-card-grid--5) > .v500-card {
    grid-column: auto !important;
  }

  body.v530-site.home-v340 :is(#bioten, #platform, #updates).v260-screen {
    block-size: auto !important;
    height: auto !important;
    min-height: calc(100dvh - 65px) !important;
    overflow: hidden;
  }

  body.v530-site.home-v340 :is(#bioten, #platform, #updates) :is(.v287-packaging__stage, .v321-portfolio__stage, .v330-newsroom__stage) {
    min-height: 0 !important;
  }

  body.v530-site.home-v340 #platform .v321-brand-deck {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 720px) {
  html[data-v530-release] {
    --v530-page-pad: 16px;
    --v530-section-gap: 64px;
    scroll-padding-top: calc(65px + env(safe-area-inset-top));
  }

  body.v530-site {
    font-size: 16px;
  }

  body.v530-site :is(.v520-shell, .v500-shell, .v500-context__inner, .dv2-shell, .brand510-shell, .dev504-shell, .btp-shell, .site-page-shell, .request-shell, .v245-shell, .formal-shell, .article-shell, .compliance-map-shell, .v450-document-shell, .v260-shell) {
    width: calc(100% - 32px) !important;
  }

  /* Header and mobile navigation */
  body.v530-site.dbc-global-nav-active .site-header {
    min-height: calc(65px + env(safe-area-inset-top));
    padding-top: env(safe-area-inset-top);
    background: rgba(250, 252, 251, .94);
    box-shadow: 0 1px 0 rgba(19, 45, 62, .09), 0 12px 34px rgba(19, 45, 62, .04);
    -webkit-backdrop-filter: blur(18px) saturate(135%);
    backdrop-filter: blur(18px) saturate(135%);
  }

  body.v530-site.dbc-global-nav-active .site-header .header-inner {
    min-height: 65px !important;
    padding: 8px 12px !important;
    gap: 8px !important;
  }

  body.v530-site.dbc-global-nav-active .site-header .brand-logos {
    flex: 0 0 auto;
  }

  body.v530-site.dbc-global-nav-active .site-header .brand-logos .logo {
    display: inline-flex;
    min-height: 44px !important;
    align-items: center;
  }

  body.v530-site.dbc-global-nav-active .dbc-header-actions {
    gap: 7px;
  }

  body.v530-site.dbc-global-nav-active :is(.dbc-nav-trigger, .language-toggle) {
    min-height: 44px !important;
  }

  html body.v530-site.dbc-global-nav-active .site-header .language-toggle {
    height: 44px !important;
    min-height: 44px !important;
  }

  body.v530-site .dbc-nav-overlay {
    background: rgba(247, 250, 249, .985);
  }

  body.v530-site .dbc-nav-topbar {
    min-height: calc(65px + env(safe-area-inset-top));
    padding: env(safe-area-inset-top) 18px 0;
  }

  body.v530-site .dbc-nav-stage {
    width: calc(100% - 32px);
    padding-top: 24px;
    padding-bottom: calc(40px + env(safe-area-inset-bottom));
  }

  body.v530-site .dbc-nav-directory > h2,
  body.v530-site .dbc-nav-panel-head > h2 {
    max-width: 8.5em;
    font-size: clamp(34px, 10.4vw, 44px);
    line-height: 1.04;
    letter-spacing: -.045em;
  }

  body.v530-site .dbc-nav-primary {
    margin-top: 16px;
  }

  body.v530-site .dbc-nav-primary button {
    min-height: 66px;
    padding-block: 10px;
  }

  body.v530-site .dbc-nav-primary__copy strong {
    font-size: 18px;
    letter-spacing: -.025em;
  }

  body.v530-site .dbc-nav-primary__copy small {
    margin-top: 4px;
    color: #6b7881;
    font-size: 11px;
    line-height: 1.4;
  }

  body.v530-site .dbc-nav-card {
    grid-template-columns: 104px minmax(0, 1fr);
    min-height: 108px;
  }

  body.v530-site .dbc-nav-card__media {
    width: 96px;
    border-radius: 12px;
  }

  body.v530-site .dbc-nav-card__copy {
    min-height: 108px;
    padding: 15px 26px 15px 12px;
  }

  body.v530-site .dbc-nav-card__copy strong {
    font-size: 16px;
    line-height: 1.28;
  }

  body.v530-site .dbc-nav-card__copy em {
    color: #65727b;
    font-size: 11px;
    line-height: 1.45;
  }

  body.v530-site .dbc-nav-utilities a,
  body.v530-site .dbc-nav-quick > a {
    min-height: 48px;
  }

  /* Older inner pages receive a family context row from site-v270.js. On a
     phone it behaves as a deliberate swipe rail instead of five squeezed tabs. */
  body.v530-site .v270-context__inner {
    display: block !important;
    width: 100% !important;
    min-height: 52px;
    padding: 4px 14px !important;
  }

  body.v530-site .v270-context__identity,
  body.v530-site .v270-context__action {
    display: none !important;
  }

  body.v530-site .v270-context__links {
    display: flex !important;
    width: 100%;
    margin: 0 !important;
    padding: 0 !important;
    justify-content: flex-start !important;
    gap: 2px;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    scrollbar-width: none;
    scroll-snap-type: x proximity;
    -webkit-overflow-scrolling: touch;
  }

  body.v530-site .v270-context__links::-webkit-scrollbar {
    display: none;
  }

  body.v530-site .v270-context__links a {
    flex: 0 0 auto !important;
    min-height: 44px !important;
    padding-inline: 12px !important;
    scroll-snap-align: start;
    white-space: nowrap;
  }

  /* Shared mobile typography and rhythm */
  body.v530-site :is(.v520-app-hero h1, .v520-pkg-hero h1, .v520-dev-hero h1, .v520-brand-detail-hero h1, .v500-hero h1, .brand510-hero h1, .btp-hero h1) {
    max-width: 100%;
    font-size: clamp(34px, 10.35vw, 43px) !important;
    font-weight: 650;
    line-height: 1.09 !important;
    letter-spacing: -.048em !important;
    text-wrap: balance;
  }

  body.v530-site :is(.v520-section-head h2, .v520-thesis__statement h2, .v500-section__head h2, .v500-evidence__intro h2, .brand510-section h2, .btp-section-head h2, .btp-sustainability h2, .btp-final h2, .dev504-section__head h2, .dev504-composer__intro h2, .dev504-evidence__copy h2, .dev504-final h2) {
    font-size: clamp(30px, 8.6vw, 37px) !important;
    line-height: 1.12 !important;
    letter-spacing: -.04em !important;
  }

  body.v530-site :is(.v520-app-hero__lead, .v520-pkg-hero__lead, .v520-dev-hero__lead, .v520-brand-detail-hero__lead, .v500-hero__lead, .brand510-hero__lead, .btp-hero__lead, .dev504-hero__lead) {
    margin-top: 18px;
    font-size: 15px !important;
    line-height: 1.74 !important;
  }

  body.v530-site :is(.v520-section-head p, .v500-section__head p, .v500-evidence__intro p, .brand510-section-head p, .btp-section-head p, .dev504-section__head p) {
    margin-top: 15px;
    font-size: 15px !important;
    line-height: 1.72 !important;
  }

  body.v530-site :is(.v520-app-hero, .v520-pkg-hero, .v520-dev-hero, .v520-brand-detail-hero) {
    padding-block: 42px 48px;
  }

  body.v530-site :is(.v520-app-hero__grid, .v520-pkg-hero__grid, .v520-dev-hero__grid, .v520-brand-detail-hero__grid) {
    gap: 30px !important;
  }

  body.v530-site .v520-kicker {
    margin-bottom: 14px;
    font-size: 11px;
    line-height: 1.5;
    letter-spacing: .045em;
  }

  body.v530-site .v520-actions {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    margin-top: 26px;
  }

  body.v530-site .v520-action {
    width: 100%;
    min-height: 48px;
    padding-inline: 18px;
  }

  body.v530-site :is(.v520-app-hero__visual, .v520-pkg-hero__visual, .v520-brand-detail-hero__visual) {
    min-height: 0;
    height: auto;
    aspect-ratio: 4 / 3;
    border-radius: 20px;
    box-shadow: 0 18px 52px rgba(20, 40, 53, .11);
  }

  body.v530-site .v520-dev-brief {
    padding: 22px 20px;
    border-radius: 18px;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }

  body.v530-site .v520-dev-brief h2 {
    margin-bottom: 12px;
    font-size: 18px;
  }

  body.v530-site .v520-dev-brief div {
    grid-template-columns: 82px minmax(0, 1fr);
    gap: 12px;
    padding-block: 12px;
  }

  body.v530-site .v520-signal-strip__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.v530-site .v520-signal {
    min-height: 100px;
    padding: 18px 16px;
    border-bottom: 1px solid var(--v520-line);
  }

  body.v530-site .v520-signal:nth-child(odd) {
    border-left: 1px solid var(--v520-line);
  }

  body.v530-site .v520-signal strong {
    font-size: 14px;
  }

  body.v530-site .v520-section,
  body.v530-site.v500-page .v500-section,
  body.v530-site .brand510-section,
  body.v530-site .dv2-section {
    padding-block: var(--v530-section-gap) !important;
  }

  body.v530-site .v520-section-head,
  body.v530-site.v500-page .v500-section__head {
    margin-bottom: 32px;
  }

  body.v530-site :is(.v520-thesis, .v520-signature, .v520-dev-workbench, .v520-pkg-routes) {
    gap: 14px;
  }

  body.v530-site .v520-thesis__list {
    grid-template-columns: minmax(0, 1fr);
    gap: 10px;
  }

  body.v530-site .v520-thesis__list article {
    min-height: 0;
    padding: 22px;
  }

  body.v530-site :is(.v520-signature__visual, .v520-signature__copy, .v520-dev-workbench__statement, .v520-dev-variable-board) {
    min-height: 0;
    padding: 24px 20px;
    border-radius: 18px;
  }

  body.v530-site .v520-signature__visual {
    min-height: 360px;
  }

  body.v530-site .v520-signature__copy h3,
  body.v530-site .v520-dev-workbench__statement h3 {
    font-size: 25px;
  }

  body.v530-site .v520-role-list div {
    grid-template-columns: minmax(0, 1fr);
    gap: 6px;
    padding-block: 14px;
  }

  body.v530-site .v520-seed-cycle__line,
  body.v530-site .v520-formula-map,
  body.v530-site .v520-dev-variable-board {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.v530-site .v520-layer-stack div {
    min-height: 76px;
    grid-template-columns: 108px minmax(0, 1fr);
    padding: 16px;
  }

  body.v530-site :is(.v520-application-grid, .v520-dev-input-grid, .v520-detail-list, .v520-failure-grid) {
    grid-template-columns: minmax(0, 1fr);
    gap: 12px;
  }

  body.v530-site .v520-failure-map {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 12px !important;
  }

  body.v530-site :is(.v520-application-card, .v520-dev-input, .v520-detail-card, .v520-failure) {
    grid-column: 1 !important;
    min-height: 0;
    padding: 23px 21px;
    border-radius: 16px;
  }

  body.v530-site .v520-failure-map > .v520-failure,
  body.v530-site .v520-failure-map > .v520-failure:nth-child(n) {
    grid-column: 1 !important;
    width: auto !important;
    min-height: 0 !important;
  }

  body.v530-site :is(.v520-application-card h3, .v520-dev-input strong, .v520-detail-card h3, .v520-failure strong) {
    font-size: 20px;
  }

  body.v530-site :is(.v520-path, .v520-dev-flow) {
    grid-template-columns: minmax(0, 1fr);
    border-bottom: 0;
  }

  body.v530-site :is(.v520-path article, .v520-dev-flow article) {
    min-height: 0;
    padding: 22px 0;
    border-right: 0;
    border-bottom: 1px solid currentColor;
    border-bottom-color: rgba(226, 238, 234, .14);
  }

  body.v530-site :is(.v520-path strong, .v520-dev-flow strong) {
    margin-top: 12px;
  }

  body.v530-site .v520-pkg-object-grid,
  body.v530-site .v520-detail-gallery {
    grid-template-columns: minmax(0, 1fr);
    gap: 12px;
  }

  body.v530-site .v520-pkg-object,
  body.v530-site .v520-pkg-object:first-child {
    min-height: 0;
    padding: 22px;
  }

  body.v530-site .v520-pkg-object:first-child {
    grid-column: 1;
    min-height: 350px;
  }

  body.v530-site .v520-pkg-route {
    min-height: 0;
    padding: 25px 22px;
    border-radius: 18px;
  }

  body.v530-site .v520-pkg-route h3 {
    font-size: 24px;
  }

  body.v530-site .v520-pkg-route a {
    min-height: 44px;
    margin-top: 22px;
    align-items: center;
  }

  body.v530-site .v520-detail-gallery figure,
  body.v530-site .v520-detail-gallery figure:first-child {
    grid-column: 1;
    min-height: 0;
    aspect-ratio: 4 / 3;
    border-radius: 16px;
  }

  body.v530-site .v520-detail-gallery figcaption {
    inset: auto 12px 12px;
    padding: 9px 10px;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }

  body.v530-site .v520-dev-output-grid {
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: auto;
    gap: 12px;
  }

  body.v530-site .v520-dev-output,
  body.v530-site .v520-dev-output:first-child {
    grid-row: auto;
    min-height: 0;
    padding: 24px 21px;
  }

  body.v530-site .v520-dev-output:first-child {
    min-height: 280px;
  }

  body.v530-site .v520-final {
    padding-block: 54px calc(54px + env(safe-area-inset-bottom));
  }

  body.v530-site .v520-final__inner {
    gap: 26px;
  }

  body.v530-site .v520-final h2 {
    font-size: 30px;
  }

  /* V5 generic pages */
  body.v530-site.v500-page .v500-hero {
    padding-block: 42px 48px;
  }

  body.v530-site.v500-page .v500-hero__grid {
    gap: 28px !important;
  }

  body.v530-site.v500-page .v500-hero__visual,
  body.v530-site.v500-page .v500-hero__visual img {
    min-height: 0;
    height: auto;
    aspect-ratio: 4 / 3;
    border-radius: 20px;
  }

  body.v530-site.v500-page .v500-facts__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.v530-site.v500-page .v500-fact {
    min-height: 94px;
    padding: 17px 14px;
  }

  body.v530-site.v500-page .v500-card-grid,
  body.v530-site.v500-page .v500-card-grid:not(.v500-card-grid--5) {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 12px;
  }

  body.v530-site.v500-page .v500-card {
    grid-column: 1 !important;
    min-height: 0;
    padding: 23px 21px;
  }

  body.v530-site.v500-page .v500-route-grid {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 14px;
  }

  body.v530-site.v500-page .v500-route {
    min-width: 0;
  }

  body.v530-site.v500-page--map .v500-map {
    padding-block: 50px 64px;
  }

  body.v530-site.v500-page--map .v500-map-grid {
    grid-template-columns: minmax(0, 1fr) !important;
    border-top: 1px solid var(--v500-line);
  }

  body.v530-site.v500-page--map .v500-map__group {
    width: auto !important;
    min-height: 0 !important;
    padding: 26px 20px;
    border-right: 1px solid var(--v500-line);
    border-bottom: 1px solid var(--v500-line);
  }

  body.v530-site.v500-page--map .v500-map__group h2 {
    margin-top: 18px;
  }

  body.v530-site.v500-page--map .v500-map__group > p {
    min-height: 0;
    margin-bottom: 22px;
  }

  body.v530-site.v500-page--map .v500-map__group a {
    min-height: 44px;
  }

  body.v530-site.v500-page .v500-route:first-child img,
  body.v530-site.v500-page .v500-route img {
    min-height: 0;
    aspect-ratio: 16 / 10;
  }

  body.v530-site.v500-page .v500-chain article {
    padding: 22px 0;
  }

  /* Homepage: retain the locked hero, redesign the lower screens for touch. */
  body.v530-site.home-v340 #home {
    min-height: calc(100dvh - 65px);
  }

  body.v530-site.home-v340 #bioten .v287-packaging__stage,
  body.v530-site.home-v340 #platform .v321-portfolio__stage,
  body.v530-site.home-v340 #updates .v330-newsroom__stage {
    width: 100% !important;
    padding: 62px 16px 56px !important;
  }

  body.v530-site.home-v340 #bioten .v287-packaging__head,
  body.v530-site.home-v340 #platform .v321-portfolio__head,
  body.v530-site.home-v340 #updates .v330-newsroom__head {
    margin-bottom: 28px;
  }

  body.v530-site.home-v340 #bioten .v287-packaging__head h2,
  body.v530-site.home-v340 #platform .v321-portfolio__head h2,
  body.v530-site.home-v340 #updates .v330-newsroom__head h2 {
    font-size: clamp(30px, 9vw, 36px) !important;
    line-height: 1.08 !important;
    letter-spacing: -.045em !important;
  }

  body.v530-site.home-v340 #bioten .v287-packaging__head > p,
  body.v530-site.home-v340 #platform .v321-portfolio__head p,
  body.v530-site.home-v340 #updates .v330-newsroom__head > p:last-child {
    font-size: 14px !important;
    line-height: 1.7 !important;
  }

  body.v530-site.home-v340 #bioten .v287-packaging__grid {
    display: flex !important;
    gap: 12px !important;
    width: auto;
    margin-inline: -16px;
    padding: 0 16px 10px;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-snap-type: x mandatory;
    scroll-padding-inline: 16px;
    scrollbar-width: none;
    overscroll-behavior-inline: contain;
    -webkit-overflow-scrolling: touch;
  }

  body.v530-site.home-v340 #bioten .v287-packaging__grid::-webkit-scrollbar {
    display: none;
  }

  html body.v530-site.home-v340 #main-content #bioten .v311-domain {
    flex: 0 0 min(82vw, 326px) !important;
    width: min(82vw, 326px) !important;
    height: 430px !important;
    min-height: 430px !important;
    block-size: 430px !important;
    min-block-size: 430px !important;
    scroll-snap-align: start;
    border-radius: 18px;
  }

  html body.v530-site.home-v340 #main-content #bioten .v311-domain__media,
  html body.v530-site.home-v340 #main-content #bioten .v311-domain__slides,
  html body.v530-site.home-v340 #main-content #bioten .v311-domain__slide {
    height: 100% !important;
    min-height: 0 !important;
  }

  body.v530-site.home-v340 #bioten .v311-domain__link {
    min-height: 132px;
    padding: 20px 52px 20px 20px;
  }

  body.v530-site.home-v340 #bioten .v311-domain__link h3 {
    font-size: 22px;
    line-height: 1.16;
  }

  body.v530-site.home-v340 #bioten .v311-domain__link p {
    margin-top: 9px;
    font-size: 13px;
    line-height: 1.5;
  }

  body.v530-site.home-v340 #bioten .v287-packaging__foot {
    margin-top: 22px;
  }

  body.v530-site.home-v340 #platform .v321-brand-deck {
    grid-template-columns: minmax(0, 1fr);
    gap: 0;
    overflow: hidden;
    border: 1px solid rgba(21, 49, 66, .11);
    border-radius: 18px;
    background: rgba(253, 253, 251, .84);
    box-shadow: 0 18px 48px rgba(22, 49, 64, .075);
  }

  body.v530-site.home-v340 #platform .v321-brand-cell {
    min-height: 0;
    padding: 22px 18px;
    border: 0 !important;
    border-bottom: 1px solid rgba(21, 49, 66, .1) !important;
    border-radius: 0;
    box-shadow: none;
  }

  body.v530-site.home-v340 #platform .v321-brand-cell:last-child {
    border-bottom: 0 !important;
  }

  body.v530-site.home-v340 #platform .v321-brand-cell::after {
    inset: 0 auto 0 0;
    width: 3px;
    height: auto;
  }

  body.v530-site.home-v340 #platform .v322-bioten-panel {
    margin-top: 14px;
    border-radius: 18px;
  }

  body.v530-site.home-v340 #platform .v322-bioten-fields {
    grid-template-columns: minmax(0, 1fr);
  }

  body.v530-site.home-v340 #platform .v322-bioten-fields > a {
    min-height: 58px;
  }

  body.v530-site.home-v340 #updates .v330-feature {
    border-radius: 18px;
    overflow: hidden;
  }

  body.v530-site.home-v340 #updates .v330-feature__media figure,
  body.v530-site.home-v340 #updates .v330-feature__media img {
    aspect-ratio: 16 / 10;
    border-radius: 16px;
  }

  body.v530-site.home-v340 #updates .v330-news-item {
    grid-template-columns: 96px minmax(0, 1fr) !important;
    gap: 14px !important;
    padding-block: 16px !important;
  }

  body.v530-site.home-v340 #updates .v330-news-item figure {
    width: 96px;
    min-height: 84px;
    aspect-ratio: 1 / 1;
  }

  body.v530-site.home-v340 #updates .v330-news-item h3 {
    font-size: 15px !important;
    line-height: 1.42;
  }

  /* BIOTEN platform and developer home */
  body.v530-site.bioten-platform-v503 {
    --btp-shell: calc(100% - 32px) !important;
  }

  body.v530-site.bioten-platform-v503 .btp-hero__grid {
    padding: 46px 0 44px;
  }

  html[data-v530-release] body.v530-site.bioten-platform-v503 .btp-actions .btp-button {
    min-height: 46px !important;
    padding-block: 11px !important;
  }

  html[data-v530-release] body.v530-site.v530-site.v530-site.v530-site.v530-site.v530-site.bioten-platform-v503 main.btp-main #btp-title {
    font-size: clamp(35px, 10.4vw, 43px) !important;
    line-height: 1.08 !important;
    text-wrap: balance;
  }

  body.v530-site.bioten-platform-v503 .btp-hero h1 em {
    display: block;
    text-wrap: balance;
  }

  body.v530-site.bioten-platform-v503 .btp-hero__facts {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0;
    border-top: 1px solid rgba(199, 230, 224, .16);
  }

  body.v530-site.bioten-platform-v503 .btp-hero__facts div {
    padding: 17px 10px;
    border-right: 1px solid rgba(199, 230, 224, .16);
  }

  body.v530-site.bioten-platform-v503 .btp-emulsion {
    min-height: 390px;
  }

  body.v530-site.bioten-platform-v503 .btp-domain-rail__inner {
    grid-template-columns: minmax(0, 1fr);
  }

  body.v530-site.bioten-platform-v503 .btp-domain-rail a {
    min-height: 70px;
  }

  body.v530-site.bioten-platform-v503 .btp-section {
    padding-block: 64px;
  }

  body.v530-site.bioten-platform-v503 .btp-development-loop ol {
    grid-template-columns: minmax(0, 1fr);
  }

  body.v530-site.bioten-platform-v503 .btp-development-loop li {
    min-height: 0;
  }

  body.v530-site.bioten-platform-v503 .btp-final__inner {
    padding: 30px 22px;
    border-radius: 16px;
  }

  body.v530-site.dev504-page .dev504-shell {
    width: calc(100% - 32px) !important;
  }

  body.v530-site.dev504-page .dev504-hero {
    padding-top: 34px;
  }

  html[data-v530-release] body.v530-site.v530-site.v530-site.v530-site.v530-site.v530-site.v530-site.v530-site.dev504-page .dev504-main #dev504-title {
    font-size: clamp(37px, 10.4vw, 42px) !important;
    line-height: 1.05 !important;
    text-wrap: balance;
  }

  body.v530-site.dev504-page .dev504-stage {
    min-height: 390px;
    border-radius: 18px;
  }

  body.v530-site.dev504-page .dev504-section {
    padding-block: 64px;
  }

  body.v530-site.dev504-page .dev504-logic,
  body.v530-site.dev504-page .dev504-domains,
  body.v530-site.dev504-page .dev504-evidence__list {
    grid-template-columns: minmax(0, 1fr);
  }

  body.v530-site.dev504-page .dev504-logic > div {
    border-right: 1px solid var(--dev-line);
    border-bottom: 1px solid var(--dev-line);
  }

  body.v530-site.dev504-page .dev504-final__inner {
    min-height: 0;
    padding: 34px 22px;
    border-radius: 18px;
  }

  body.v530-site.dev504-page :is(.dev504-section__head h2, .dev504-composer__intro h2, .dev504-evidence__copy h2) {
    color: #edf6f3 !important;
  }

  body.v530-site.dev504-page :is(.dev504-section__head p, .dev504-composer__intro p, .dev504-evidence__copy p) {
    color: rgba(231, 242, 238, .72) !important;
  }

  body.v530-site.dev504-page .dev504-tabs button {
    min-height: 44px;
  }

  /* Brand pages */
  body.v530-site.brand510-site .brand510-hero,
  body.v530-site.brand510-site .brand510-section {
    padding-block: 64px;
  }

  body.v530-site.brand510-site .brand510-hero__grid,
  body.v530-site.brand510-site .brand510-section__grid,
  body.v530-site.brand510-site .brand510-final__inner {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 28px !important;
  }

  body.v530-site.brand510-site .brand510-hero__visual {
    min-height: 0;
    aspect-ratio: 4 / 3;
    border-radius: 20px;
  }

  body.v530-site.brand510-site :is(.brand510-grid, .brand510-card-grid, .brand510-case-grid) {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  body.v530-site.brand510-site :is(.brand510-card, .brand510-case) {
    min-height: 0;
    padding: 22px;
  }

  /* Newsroom and long-form reading */
  body.v530-site.formal-news-page #main-content .formal-news-hero__grid h1 {
    font-size: clamp(38px, 11vw, 46px) !important;
    line-height: 1.06 !important;
  }

  body.v530-site.formal-news-page #main-content .news-list-hero {
    padding-block: 56px 42px !important;
  }

  body.v530-site.formal-news-page #main-content :is(.v450-news-text-link, .news-card-actions a) {
    display: inline-flex;
    min-height: 40px;
    align-items: center;
  }

  body.v530-site.formal-news-page #main-content .news-business-anchor-wrap {
    top: 65px !important;
  }

  body.v530-site.formal-news-page #main-content .news-event-card,
  body.v530-site.formal-news-page #main-content #bioten-news .news-event-card:first-child,
  body.v530-site.formal-news-page #main-content :is(#casu-news, #antux-news) .news-event-card,
  body.v530-site.formal-news-page #main-content #dpu-news .news-event-card {
    grid-template-columns: 104px minmax(0, 1fr) !important;
    min-height: 116px;
    padding: 8px !important;
    border-radius: 14px !important;
  }

  body.v530-site.formal-news-page #main-content .news-event-card .openai-news-image,
  body.v530-site.formal-news-page #main-content #bioten-news .news-event-card:first-child .openai-news-image,
  body.v530-site.formal-news-page #main-content :is(#casu-news, #antux-news) .news-event-card .openai-news-image,
  body.v530-site.formal-news-page #main-content #dpu-news .news-event-card .openai-news-image {
    width: 104px !important;
    height: 100% !important;
    min-height: 100px !important;
    border-radius: 10px !important;
  }

  body.v530-site.newsroom-article-v233 #main-content .news-original-hero {
    padding-block: 52px 42px !important;
  }

  html body.v530-site.newsroom-article-v233 #main-content .news-original-hero h1 {
    font-size: clamp(32px, 9.6vw, 40px) !important;
    line-height: 1.12 !important;
    letter-spacing: -.038em !important;
  }

  body.v530-site.newsroom-article-v233 #main-content .news-hero-meta {
    gap: 7px 12px;
    font-size: 12px;
    line-height: 1.5;
  }

  body.v530-site.newsroom-article-v233 #main-content .v270-static-pdf {
    gap: 16px;
    padding: 20px !important;
    border-radius: 14px;
  }

  body.v530-site.newsroom-article-v233 #main-content .v270-static-pdf > a {
    min-height: 48px;
  }

  body.v530-site.newsroom-article-v233 #main-content .news-content-original > p {
    font-size: 16px !important;
    line-height: 1.88 !important;
  }

  body.v530-site.newsroom-article-v233 #main-content .news-content-original > h2 {
    margin-top: 2.7rem !important;
    font-size: 27px !important;
    line-height: 1.25 !important;
  }

  body.v530-site.newsroom-article-v233 #main-content .news-content-original > h3 {
    font-size: 21px !important;
    line-height: 1.32 !important;
  }

  body.v530-site.news-article-page #main-content .news-continue-card {
    grid-template-columns: 104px minmax(0, 1fr) !important;
    min-height: 112px !important;
    border-radius: 14px;
    overflow: hidden;
  }

  body.v530-site.news-article-page #main-content .news-continue-card img {
    width: 104px !important;
    min-height: 112px !important;
  }

  /* Five legacy archive articles used the real title only as a hidden source
     for a NEWS UPDATES badge. Restore the headline on phones so the article has
     a clear subject before its evidence notice and body copy. */
  html[data-v530-release] body.v530-site.news-article-page.news-article-page.news-article-page.news-article-page.news-article-page.news-article-page.news-article-page:not(.newsroom-article-v233) main .news-original-hero {
    padding: 46px 0 40px !important;
  }

  html[data-v530-release] body.v530-site.news-article-page:not(.newsroom-article-v233) main .news-original-hero .news-hero-copy {
    width: calc(100% - 32px) !important;
    max-width: 760px !important;
    margin-inline: auto !important;
    text-align: left !important;
  }

  html[data-v530-release] body.v530-site.news-article-page.news-article-page.news-article-page.news-article-page.news-article-page.news-article-page.news-article-page:not(.newsroom-article-v233) main .news-original-hero h1 {
    display: block !important;
    width: auto !important;
    max-width: 18em !important;
    min-height: 0 !important;
    margin: 20px 0 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: none !important;
    box-shadow: none !important;
    color: #102a3b !important;
    font-size: clamp(29px, 8.8vw, 36px) !important;
    line-height: 1.14 !important;
    letter-spacing: -.038em !important;
    text-align: left !important;
    text-wrap: balance;
  }

  html[data-v530-release] body.v530-site.news-article-page.news-article-page.news-article-page.news-article-page.news-article-page.news-article-page.news-article-page:not(.newsroom-article-v233) main .news-original-hero h1::before {
    content: none !important;
    display: none !important;
  }

  html[data-v530-release] body.v530-site.news-article-page:not(.newsroom-article-v233) main .news-original-hero :is(.news-hero-meta, .news-hero-deck) {
    justify-content: flex-start !important;
    text-align: left !important;
  }

  /* Forms, tables and footer */
  body.v530-site :is(.table-wrap, .routing-table-wrap, .decision-table-wrap) {
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    -webkit-overflow-scrolling: touch;
  }

  body.v530-site :is(table, .decision-table, .routing-table) {
    min-width: 640px;
  }

  body.v530-site :is(input, select, textarea) {
    max-width: 100%;
    min-height: 48px;
    font-size: 16px !important;
  }

  body.v530-site textarea {
    min-height: 132px;
  }

  body.v530-site :is(.form-grid, .request-grid, .contact-grid) {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  body.v530-site :is(.formal-site-footer .footer-inner, .site-footer .footer-inner, .v330-footer__inner, .v410-home-footer__inner) {
    width: calc(100% - 32px) !important;
  }

  body.v530-site :is(.footer-directory, .footer-columns, .v410-home-footer__directory) {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 26px 18px !important;
  }

  body.v530-site :is(.footer-legal, .footer-bottom, .v330-footer__legal) {
    align-items: flex-start !important;
    flex-direction: column !important;
    gap: 12px !important;
  }

  body.v530-site :is(.formal-site-footer, .site-footer, .v330-footer, .v410-home-footer) a {
    display: inline-flex;
    min-height: 32px;
    align-items: center;
  }

  /* Motion must be lighter on touch surfaces. */
  body.v530-site :is(.v520-reveal, .v260-reveal, .btp-reveal, .dev504-reveal) {
    transition-duration: 480ms !important;
    transition-timing-function: cubic-bezier(.16, 1, .3, 1) !important;
  }

  body.v530-site :is(.v520-reveal, .v260-reveal, .btp-reveal, .dev504-reveal):not(.is-visible) {
    transform: translateY(12px);
  }
}

@media (max-width: 430px) {
  html[data-v530-release] {
    --v530-page-pad: 14px;
  }

  body.v530-site :is(.v520-shell, .v500-shell, .v500-context__inner, .dv2-shell, .brand510-shell, .dev504-shell, .btp-shell, .site-page-shell, .request-shell, .v245-shell, .formal-shell, .article-shell, .compliance-map-shell, .v450-document-shell, .v260-shell) {
    width: calc(100% - 28px) !important;
  }

  body.v530-site.dbc-global-nav-active .site-header .header-inner {
    padding-inline: 10px !important;
  }

  body.v530-site.dbc-global-nav-active .dbc-header-actions .language-toggle {
    width: 58px !important;
    min-width: 58px !important;
  }

  body.v530-site.dbc-global-nav-active .dbc-nav-trigger {
    min-width: 68px;
    padding-inline: 10px;
  }

  body.v530-site .dbc-nav-stage {
    width: calc(100% - 28px);
  }

  body.v530-site .dbc-nav-card {
    grid-template-columns: 92px minmax(0, 1fr);
  }

  body.v530-site .dbc-nav-card__media {
    width: 86px;
  }

  body.v530-site :is(.v520-app-hero h1, .v520-pkg-hero h1, .v520-dev-hero h1, .v520-brand-detail-hero h1, .v500-hero h1, .brand510-hero h1, .btp-hero h1) {
    font-size: clamp(32px, 9.9vw, 39px) !important;
  }

  html[data-v530-release] body.v530-site.v530-site.v530-site.v530-site.v530-site.v530-site.bioten-platform-v503 main.btp-main #btp-title {
    font-size: 36px !important;
  }

  html[data-v530-release] body.v530-site.v530-site.v530-site.v530-site.v530-site.v530-site.v530-site.v530-site.dev504-page .dev504-main #dev504-title {
    font-size: clamp(37px, 10.1vw, 40px) !important;
  }

  body.v530-site .v520-signal {
    min-height: 96px;
    padding-inline: 13px;
  }

  body.v530-site .v520-signal span {
    letter-spacing: .025em;
  }

  body.v530-site .v520-seed-cycle__line,
  body.v530-site .v520-formula-map,
  body.v530-site .v520-dev-variable-board {
    grid-template-columns: minmax(0, 1fr);
  }

  body.v530-site .v520-formula-map div:nth-child(1) {
    grid-row: auto;
    min-height: 210px;
  }

  body.v530-site .v520-layer-stack div {
    grid-template-columns: minmax(0, 1fr);
    gap: 6px;
  }

  body.v530-site.home-v340 #bioten .v287-packaging__stage,
  body.v530-site.home-v340 #platform .v321-portfolio__stage,
  body.v530-site.home-v340 #updates .v330-newsroom__stage {
    padding-inline: 14px !important;
  }

  body.v530-site.home-v340 #bioten .v287-packaging__grid {
    margin-inline: -14px;
    padding-inline: 14px;
    scroll-padding-inline: 14px;
  }

  html body.v530-site.home-v340 #main-content #bioten .v311-domain {
    flex-basis: min(86vw, 318px) !important;
    width: min(86vw, 318px) !important;
    height: 420px !important;
    min-height: 420px !important;
    block-size: 420px !important;
    min-block-size: 420px !important;
  }

  body.v530-site.formal-news-page #main-content .news-event-card,
  body.v530-site.formal-news-page #main-content #bioten-news .news-event-card:first-child,
  body.v530-site.formal-news-page #main-content :is(#casu-news, #antux-news) .news-event-card,
  body.v530-site.formal-news-page #main-content #dpu-news .news-event-card,
  body.v530-site.news-article-page #main-content .news-continue-card {
    grid-template-columns: 92px minmax(0, 1fr) !important;
  }

  body.v530-site.formal-news-page #main-content .news-event-card .openai-news-image,
  body.v530-site.formal-news-page #main-content #bioten-news .news-event-card:first-child .openai-news-image,
  body.v530-site.formal-news-page #main-content :is(#casu-news, #antux-news) .news-event-card .openai-news-image,
  body.v530-site.formal-news-page #main-content #dpu-news .news-event-card .openai-news-image,
  body.v530-site.news-article-page #main-content .news-continue-card img {
    width: 92px !important;
  }

  body.v530-site :is(.footer-directory, .footer-columns, .v410-home-footer__directory) {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 22px !important;
  }
}

@media (orientation: landscape) and (max-height: 560px) and (pointer: coarse) {
  body.v530-site :is(.v520-app-hero, .v520-pkg-hero, .v520-dev-hero, .v520-brand-detail-hero, .v500-hero, .brand510-hero) {
    min-height: auto !important;
    padding-block: 34px !important;
  }

  body.v530-site .dbc-nav-stage {
    padding-top: 18px;
  }
}

@media (hover: none), (pointer: coarse) {
  body.v530-site :is(.v520-action, .v500-button, .brand510-action, .btp-button, .dev504-button, .v520-application-card, .v520-detail-card, .v520-pkg-object, .v321-brand-cell, .v311-domain) {
    transform: none !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  html[data-v530-release] {
    scroll-behavior: auto !important;
  }

  body.v530-site *,
  body.v530-site *::before,
  body.v530-site *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
  }

  body.v530-site :is(.v520-reveal, .v260-reveal, .btp-reveal, .dev504-reveal) {
    opacity: 1 !important;
    transform: none !important;
  }
}

@media (prefers-reduced-transparency: reduce) {
  body.v530-site.dbc-global-nav-active .site-header,
  body.v530-site .dbc-nav-overlay,
  body.v530-site .v520-dev-brief,
  body.v530-site .v520-detail-gallery figcaption {
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
  }
}

/* V5.3.0 final mobile QA: retain the compact map appearance while making
   every market selector a reliable finger-sized control. */
@media (max-width: 720px) {
  html body.v530-site.compliance-map-page .compliance-map-shell .dog-marker {
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    min-height: 44px !important;
    display: grid !important;
    place-items: center !important;
  }

  html body.v530-site.compliance-map-page .compliance-map-shell .dog-marker .dog {
    width: 32px !important;
    height: 32px !important;
  }

  html body.v530-site.compliance-map-page .compliance-map-shell .market-chip {
    min-height: 44px !important;
    padding-block: 10px !important;
  }

  html body.v530-site .site-back-to-top,
  html body.v530-site .news-article-action {
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    min-height: 44px !important;
  }

  html body.v530-site.news-article-page .news-article-actions button.news-article-action {
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    min-height: 44px !important;
    block-size: 44px !important;
    min-block-size: 44px !important;
  }

  html body.v530-site :is(
    a.button,
    button.button,
    .home-link,
    button[type="submit"],
    button[type="reset"],
    input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
    select,
    textarea
  ) {
    min-height: 44px !important;
  }

  html body.v530-site.v500-page .v500-button,
  html body.v530-site.dev504-page .dev504-button,
  html body.v530-site.compliance-map-page .compliance-map-shell .copy-btn {
    height: 44px !important;
    min-height: 44px !important;
    block-size: 44px !important;
    min-block-size: 44px !important;
  }
}