/* * DBC / BIOTEN Full-site Experience Layer V2.7.0 * Industrial precision + bio-material clarity. * Loaded last and deliberately scoped to body.v270-site. */ :root { --v270-blue: #0757a6; --v270-blue-deep: #07345f; --v270-blue-ink: #061f35; --v270-green: #07835a; --v270-green-deep: #056342; --v270-ink: #0b1721; --v270-body: #3f4f5d; --v270-muted: #6d7b87; --v270-line: rgba(7, 52, 95, .12); --v270-line-strong: rgba(7, 52, 95, .22); --v270-paper: #fff; --v270-canvas: #f3f7f9; --v270-canvas-cool: #eaf2f6; --v270-dark: #061d2c; --v270-dark-soft: #0b2a3b; --v270-blue-glow: rgba(7, 87, 166, .10); --v270-green-glow: rgba(7, 131, 90, .09); --v270-ease: cubic-bezier(.22, 1, .36, 1); --v270-ease-soft: cubic-bezier(.32, .72, 0, 1); --v270-shell: min(1240px, calc(100% - clamp(2rem, 7vw, 6.5rem))); --v270-reading: min(760px, 100%); --v270-radius: 14px; --v270-radius-large: 24px; --v270-shadow-soft: 0 24px 70px rgba(6, 31, 53, .075); --v270-shadow-lift: 0 28px 72px rgba(6, 31, 53, .12); } html { scroll-padding-top: 8.25rem; } body.v270-site { background: radial-gradient(circle at 9% 2%, rgba(7, 87, 166, .035), transparent 28rem), linear-gradient(180deg, #f9fbfc 0, var(--v270-canvas) 38rem, #f7f9fa 100%); color: var(--v270-ink); font-family: "SF Pro Display", "SF Pro Text", "Avenir Next", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif; font-feature-settings: "kern" 1, "liga" 1, "tnum" 1; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; } body.v270-site::before { position: fixed; z-index: 80; inset: 0; background-image: radial-gradient(circle at 20% 20%, rgba(7, 52, 95, .16) 0 .45px, transparent .65px), radial-gradient(circle at 80% 70%, rgba(7, 131, 90, .12) 0 .4px, transparent .6px); background-position: 0 0, 7px 9px; background-size: 13px 13px, 17px 17px; content: ""; opacity: .025; pointer-events: none; } body.v270-site ::selection { background: rgba(7, 87, 166, .16); color: var(--v270-blue-ink); } body.v270-site :where(h1, h2, h3, h4) { color: var(--v270-ink); letter-spacing: -.034em; text-wrap: balance; } body.v270-site :where(p, li, dd) { color: var(--v270-body); text-wrap: pretty; } body.v270-site :where(a, button, input, select, textarea) { -webkit-tap-highlight-color: transparent; } body.v270-site :where(a, button, input, select, textarea):focus-visible { outline: 2px solid rgba(7, 87, 166, .8); outline-offset: 3px; } body.v270-site main { isolation: isolate; } body.v270-site:not([data-v270-family="home"]) main { min-height: 54vh; } /* Shared header: restrained glass, precise brand line, no heavy chrome. */ html body.v270-site.dbc-global-nav-active .site-header.site-header { min-height: 72px !important; border-bottom: 1px solid rgba(7, 52, 95, .09) !important; background: rgba(250, 252, 253, .9) !important; box-shadow: 0 12px 42px rgba(6, 31, 53, .055) !important; backdrop-filter: blur(20px) saturate(132%) !important; -webkit-backdrop-filter: blur(20px) saturate(132%) !important; } html body.v270-site.dbc-global-nav-active .site-header.site-header::after { position: absolute; right: 0; bottom: -1px; left: 0; height: 1px; background: linear-gradient(90deg, var(--v270-blue) 0 72%, var(--v270-green) 72% 100%); content: ""; opacity: .82; } body.v270-site .site-header .header-inner { width: var(--v270-shell) !important; min-height: 72px !important; margin-inline: auto !important; } body.v270-site .brand-logos { gap: .72rem !important; } body.v270-site .brand-logos .logo-image img { filter: saturate(.96) contrast(1.03); } body.v270-site .dbc-desktop-nav { gap: clamp(.18rem, .65vw, .7rem); } body.v270-site .dbc-desktop-nav__link { min-height: 2.85rem; border-radius: .72rem; font-family: inherit; font-weight: 660; letter-spacing: -.01em; transition: color 260ms var(--v270-ease), background-color 260ms var(--v270-ease), border-color 260ms var(--v270-ease), transform 420ms var(--v270-ease); } body.v270-site .dbc-desktop-nav__link:hover, body.v270-site .dbc-desktop-nav__link:focus-visible { transform: translateY(-1px); } body.v270-site .dbc-desktop-mega { border-bottom-color: rgba(7, 52, 95, .11); background: radial-gradient(circle at 9% -10%, rgba(7, 87, 166, .065), transparent 30rem), radial-gradient(circle at 92% 0%, rgba(7, 131, 90, .045), transparent 24rem), rgba(249, 252, 253, .965); box-shadow: 0 30px 84px rgba(6, 31, 53, .14), inset 0 1px rgba(255, 255, 255, .9); } body.v270-site .dbc-desktop-mega__inner { width: var(--v270-shell); min-height: 19rem; padding-block: 1.6rem 1.75rem; } body.v270-site .dbc-desktop-route { border-color: rgba(7, 52, 95, .105); border-radius: var(--v270-radius); background: rgba(255, 255, 255, .78); box-shadow: inset 0 1px rgba(255, 255, 255, .92), 0 0 0 5px rgba(7, 52, 95, .018); transition: border-color 280ms var(--v270-ease), box-shadow 520ms var(--v270-ease), transform 520ms var(--v270-ease); } body.v270-site .dbc-desktop-route:hover, body.v270-site .dbc-desktop-route:focus-visible { box-shadow: inset 0 1px rgba(255, 255, 255, .94), 0 0 0 5px rgba(7, 87, 166, .035), 0 18px 42px rgba(6, 31, 53, .11); transform: translateY(-3px); } body.v270-site .dbc-desktop-mega--bioten .dbc-desktop-route:hover, body.v270-site .dbc-desktop-mega--developer .dbc-desktop-route:hover { box-shadow: inset 0 1px rgba(255, 255, 255, .94), 0 0 0 5px rgba(7, 131, 90, .035), 0 18px 42px rgba(6, 31, 53, .11); } body.v270-site .dbc-desktop-route__copy strong { font-size: .96rem; letter-spacing: -.018em; } /* Family context bar: makes every inner page's ownership and next routes obvious. */ .v270-context { position: relative; z-index: 110; border-bottom: 1px solid var(--v270-line); background: rgba(255, 255, 255, .86); box-shadow: inset 0 1px rgba(255, 255, 255, .92); } .v270-context__inner { display: grid; grid-template-columns: minmax(10rem, .72fr) minmax(0, 2.4fr) auto; align-items: center; gap: 1.25rem; width: var(--v270-shell); min-height: 48px; margin-inline: auto; } .v270-context__identity { display: inline-flex; align-items: center; gap: .65rem; min-width: 0; color: var(--v270-blue-deep); font-size: .65rem; font-weight: 760; letter-spacing: .13em; line-height: 1.2; text-transform: uppercase; white-space: nowrap; } .v270-context__identity::before { width: 2rem; height: 2px; background: linear-gradient(90deg, var(--v270-blue) 0 70%, var(--v270-green) 70% 100%); content: ""; } body[data-v270-family="bioten"] .v270-context__identity, body[data-v270-family="developer"] .v270-context__identity { color: var(--v270-green-deep); } body[data-v270-family="bioten"] .v270-context__identity::before, body[data-v270-family="developer"] .v270-context__identity::before { background: var(--v270-green); } .v270-context__links { display: flex; align-items: center; justify-content: center; gap: .18rem; min-width: 0; } .v270-context__links a { position: relative; display: inline-flex; align-items: center; min-height: 2.25rem; padding-inline: .72rem; border-radius: .6rem; color: #465663; font-size: .74rem; font-weight: 620; text-decoration: none; white-space: nowrap; transition: color 280ms var(--v270-ease), background-color 280ms var(--v270-ease), transform 420ms var(--v270-ease); } .v270-context__links a:hover, .v270-context__links a:focus-visible, .v270-context__links a[aria-current="page"] { background: rgba(7, 87, 166, .065); color: var(--v270-blue); } body[data-v270-family="bioten"] .v270-context__links a:hover, body[data-v270-family="bioten"] .v270-context__links a:focus-visible, body[data-v270-family="bioten"] .v270-context__links a[aria-current="page"], body[data-v270-family="developer"] .v270-context__links a:hover, body[data-v270-family="developer"] .v270-context__links a:focus-visible, body[data-v270-family="developer"] .v270-context__links a[aria-current="page"] { background: rgba(7, 131, 90, .065); color: var(--v270-green-deep); } .v270-context__links a[aria-current="page"]::after { position: absolute; right: .72rem; bottom: .18rem; left: .72rem; height: 2px; border-radius: 99px; background: currentColor; content: ""; } .v270-context__action { display: inline-flex; align-items: center; gap: .55rem; min-height: 2.25rem; padding: 0 .85rem; border: 1px solid rgba(7, 87, 166, .2); border-radius: 999px; background: rgba(255, 255, 255, .72); color: var(--v270-blue); font-size: .72rem; font-weight: 700; text-decoration: none; white-space: nowrap; transition: border-color 280ms var(--v270-ease), background-color 280ms var(--v270-ease), transform 420ms var(--v270-ease); } .v270-context__action::after { display: grid; width: 1.38rem; height: 1.38rem; border-radius: 50%; background: rgba(7, 87, 166, .075); content: "↗"; place-items: center; transition: transform 420ms var(--v270-ease); } .v270-context__action:hover, .v270-context__action:focus-visible { border-color: rgba(7, 87, 166, .42); background: #fff; transform: translateY(-1px); } .v270-context__action:hover::after { transform: translate(2px, -1px); } body[data-v270-family="bioten"] .v270-context__action, body[data-v270-family="developer"] .v270-context__action { border-color: rgba(7, 131, 90, .22); color: var(--v270-green-deep); } body[data-v270-family="bioten"] .v270-context__action::after, body[data-v270-family="developer"] .v270-context__action::after { background: rgba(7, 131, 90, .08); } /* Shared editorial surface. Homepage is intentionally excluded. */ body.v270-site:not([data-v270-family="home"]) main > section { position: relative; } body.v270-site:not([data-v270-family="home"]) :where( .about-hero, .knowledge-hero, .news-hero, .resources-hero, .bioten-request-hero, .v245-hero ) { border-bottom: 1px solid var(--v270-line); } body.v270-site:not([data-v270-family="home"]) :where( .home-eyebrow, .formal-eyebrow, .v245-eyebrow, .section-kicker, .news-card-badge, .entry-type ) { font-family: inherit; letter-spacing: .13em; } body.v270-site:not([data-v270-family="home"]) :where( .about-hero-copy, .knowledge-hero-copy, .news-hero-copy, .resources-hero-copy ) h1 { font-weight: 620; line-height: 1.02; } body.v270-site .v245-main { background: radial-gradient(circle at 8% 12%, rgba(7, 87, 166, .045), transparent 31rem), var(--v270-canvas); } body.v270-site .v245-hero { background: radial-gradient(circle at 78% 12%, rgba(7, 131, 90, .065), transparent 28rem), linear-gradient(180deg, #fbfcfd, #f1f6f8); } body.v270-site .v245-hero__media, body.v270-site .v245-tech-visual { border-radius: var(--v270-radius-large); box-shadow: inset 0 1px rgba(255, 255, 255, .75), 0 0 0 6px rgba(7, 52, 95, .025), var(--v270-shadow-soft); } body.v270-site .v245-hero__media img { filter: saturate(.9) contrast(1.035); } body.v270-site :where( .v245-role-grid a, .v245-domain-card, .v245-route-card, .v245-product-card, .entry-card, .news-event-card, .resource-card, .pl-mini-card, .pl-feature-card ) { border-color: var(--v270-line); box-shadow: inset 0 1px rgba(255, 255, 255, .82), 0 0 0 5px rgba(7, 52, 95, .018); transition: border-color 280ms var(--v270-ease), box-shadow 520ms var(--v270-ease), transform 520ms var(--v270-ease); } body.v270-site :where( .v245-role-grid a, .v245-domain-card, .v245-route-card, .entry-card, .news-event-card, .resource-card ):hover { border-color: rgba(7, 87, 166, .3); box-shadow: inset 0 1px rgba(255, 255, 255, .9), 0 0 0 5px rgba(7, 87, 166, .025), 0 20px 52px rgba(6, 31, 53, .085); transform: translateY(-3px); } body[data-v270-family="bioten"] :where( .v245-role-grid a, .v245-domain-card, .v245-route-card, .entry-card, .resource-card ):hover, body[data-v270-family="developer"] :where( .entry-card, .resource-card ):hover { border-color: rgba(7, 131, 90, .3); } /* Product and technical pages: convert crowded legacy blocks into a calm dossier. */ body.v270-site :where(.pl-page, .product-lines-page, .product-matrix-page) main { background: linear-gradient(180deg, #f8fafb, #eef4f6 34rem, #f8fafb 100%); } body.v270-site :where(.pl-section, .product-line-section, .matrix-section) { border-color: var(--v270-line); } body.v270-site :where(.pl-section-title, .section-head) h2 { max-width: 19ch; color: var(--v270-ink); font-weight: 620; letter-spacing: -.034em; } body.v270-site :where(.pl-proof-strip, .pl-chip-cloud) { gap: .5rem; } body.v270-site :where(.pl-proof-strip i, .pl-chip-cloud span) { border-color: rgba(7, 52, 95, .11); background: rgba(255, 255, 255, .7); box-shadow: inset 0 1px rgba(255, 255, 255, .86); } body.v270-site :where(.pl-compliance-note, .formal-archive-notice, .matrix-footnote, .pl-note) { border-color: rgba(7, 131, 90, .22); background: rgba(235, 247, 241, .72); box-shadow: inset 3px 0 var(--v270-green); color: #334d43; } /* Resources, knowledge and forms share one evidence-workbench language. */ body[data-v270-family="developer"] main { background: radial-gradient(circle at 93% 4%, rgba(7, 131, 90, .055), transparent 27rem), linear-gradient(180deg, #f9fbfc, #eef4f6 44rem, #f8fafb 100%); } body.v270-site main :where(input, select, textarea) { box-sizing: border-box; min-height: 3rem; border: 1px solid rgba(7, 52, 95, .17); border-radius: .72rem; background: rgba(255, 255, 255, .88); box-shadow: inset 0 1px 2px rgba(6, 31, 53, .025); color: var(--v270-ink); font: inherit; transition: border-color 260ms var(--v270-ease), box-shadow 360ms var(--v270-ease), background-color 260ms var(--v270-ease); } body.v270-site main textarea { min-height: 8rem; } body.v270-site main :where(input, select, textarea):focus { border-color: rgba(7, 87, 166, .55); background: #fff; box-shadow: 0 0 0 4px rgba(7, 87, 166, .075); outline: 0; } body.v270-site main :where(button[type="submit"], input[type="submit"]) { min-height: 3.1rem; border: 1px solid var(--v270-blue); border-radius: 999px; background: var(--v270-blue); box-shadow: 0 12px 30px rgba(7, 87, 166, .15); color: #fff; font: 700 .9rem/1 inherit; transition: background-color 260ms var(--v270-ease), box-shadow 420ms var(--v270-ease), transform 420ms var(--v270-ease); } body.v270-site main :where(button[type="submit"], input[type="submit"]):hover { background: var(--v270-blue-deep); box-shadow: 0 16px 36px rgba(7, 87, 166, .2); transform: translateY(-2px); } body[data-v270-family="bioten"] main :where(button[type="submit"], input[type="submit"]), body[data-v270-family="developer"] main :where(button[type="submit"], input[type="submit"]) { border-color: var(--v270-green); background: var(--v270-green); box-shadow: 0 12px 30px rgba(7, 131, 90, .14); } body.v270-site main :where(table) { border-color: var(--v270-line); background: rgba(255, 255, 255, .8); box-shadow: inset 0 1px rgba(255, 255, 255, .9); } body.v270-site main :where(th) { background: rgba(7, 52, 95, .045); color: var(--v270-blue-ink); } body.v270-site main :where(th, td) { border-color: var(--v270-line); } /* Newsroom: evidence first, archive second. */ body[data-v270-family="news"] main { background: radial-gradient(circle at 86% 2%, rgba(7, 87, 166, .045), transparent 29rem), linear-gradient(180deg, #f9fbfc, #f0f5f7 46rem, #f8fafb 100%); } body.v270-site .news-event-card { overflow: hidden; border-radius: var(--v270-radius); background: rgba(255, 255, 255, .82); } body.v270-site .news-event-card img, body.v270-site .openai-news-image { filter: saturate(.88) contrast(1.035); transition: filter 420ms var(--v270-ease), transform 700ms var(--v270-ease); } body.v270-site .news-event-card:hover img { filter: saturate(.98) contrast(1.04); transform: scale(1.018); } body.v270-site .news-article-body, body.v270-site .news-article-content { max-width: 800px; } body.v270-site .news-article-body :where(p, li), body.v270-site .news-article-content :where(p, li) { font-size: clamp(1rem, 1.1vw, 1.09rem); line-height: 1.86; } body.v270-site .news-original-figure { overflow: hidden; border-radius: var(--v270-radius); box-shadow: 0 0 0 6px rgba(7, 52, 95, .022), var(--v270-shadow-soft); } body.v270-site a.v270-pdf-link::after { display: inline-grid; width: 1.42rem; height: 1.42rem; margin-left: .3rem; border-radius: 50%; background: rgba(7, 87, 166, .075); content: "↗"; font-size: .72em; place-items: center; vertical-align: middle; } body.v270-site .language-toggle[data-language-unavailable] { cursor: not-allowed !important; filter: grayscale(.35) !important; opacity: .58 !important; } body.v270-site .v270-visual-disclaimer { position: absolute; right: .75rem; bottom: .75rem; left: .75rem; z-index: 4; width: auto; max-width: 38rem; padding: .62rem .75rem; border: 1px solid rgba(255, 255, 255, .22); border-radius: .65rem; background: rgba(4, 27, 42, .7); box-shadow: 0 12px 32px rgba(1, 16, 27, .16); color: rgba(242, 248, 251, .88); font-size: .7rem; line-height: 1.5; backdrop-filter: blur(14px) saturate(120%); } body.v270-site :where(.v245-flagship__media, .v245-tech-visual):has(.v270-visual-disclaimer) { position: relative; overflow: hidden; } body.v270-site .v245-hero__media:has(.v270-visual-disclaimer) { overflow: hidden; } body.v270-site .v270-governance-note { display: flex; width: var(--v270-shell); margin: 1.25rem auto; padding: 1rem 1.1rem; border-left: 3px solid var(--v270-green); background: linear-gradient(90deg, rgba(7, 131, 90, .07), rgba(7, 87, 166, .035)); color: var(--v270-muted); font-size: .78rem; line-height: 1.65; gap: .5rem 1.25rem; flex-wrap: wrap; } body.v270-site .v270-governance-note strong { color: var(--v270-ink); } body.v270-site .v270-static-pdf { display: flex; width: min(800px, calc(100% - 2rem)); margin: 1rem auto 1.5rem; padding: .9rem 1rem; border: 1px solid rgba(7, 87, 166, .11); border-radius: 12px; background: rgba(255, 255, 255, .76); color: var(--v270-muted); align-items: center; justify-content: space-between; gap: 1rem; } body.v270-site .v270-static-pdf div { display: grid; gap: .15rem; } body.v270-site .v270-static-pdf strong { color: var(--v270-ink); font-size: .82rem; } body.v270-site .v270-static-pdf span { font-size: .72rem; line-height: 1.55; } body.v270-site .v270-static-pdf > a { display: inline-flex; min-height: 42px; padding: .65rem .85rem; border-radius: 9px; background: var(--v270-blue); color: #fff; font-size: .76rem; font-weight: 700; white-space: nowrap; align-items: center; gap: .35rem; } body.v270-site .v270-footer-toggle { display: block; width: 100%; padding: 0; border: 0; background: transparent; color: inherit; font: inherit; text-align: left; } /* Group ecosystem pages retain their identity while sharing typography and rhythm. */ body[data-v270-family="dbc"] main { background: radial-gradient(circle at 11% 2%, rgba(7, 87, 166, .045), transparent 30rem), linear-gradient(180deg, #f9fbfc, #f0f5f7 40rem, #f8fafb 100%); } body.v270-site :where(.business-detail-page, .about-suite-page) figure img { filter: saturate(.9) contrast(1.025); } /* Footer: one restrained system directory with an explicit evidence boundary. */ body.v270-site .formal-site-footer { position: relative; border-top: 0; background: radial-gradient(circle at 90% 0%, rgba(7, 131, 90, .11), transparent 28rem), radial-gradient(circle at 12% 20%, rgba(7, 87, 166, .1), transparent 32rem), var(--v270-dark); color: #fff; } body.v270-site .formal-site-footer::before { position: absolute; top: 0; right: 0; left: 0; height: 2px; background: linear-gradient(90deg, var(--v270-blue) 0 72%, var(--v270-green) 72% 100%); content: ""; } body.v270-site .formal-footer-cta { border-color: rgba(255, 255, 255, .12); background: rgba(255, 255, 255, .035); } body.v270-site .formal-footer-cta h2, body.v270-site .formal-site-footer .footer-column h3, body.v270-site .formal-site-footer .footer-bottom strong { color: #fff; } body.v270-site .formal-footer-cta p, body.v270-site .formal-site-footer .footer-note, body.v270-site .formal-site-footer .footer-column a, body.v270-site .formal-site-footer .footer-legal :where(a, span) { color: rgba(226, 237, 244, .68); } body.v270-site .formal-site-footer .footer-column a:hover, body.v270-site .formal-site-footer .footer-column a:focus-visible { color: #fff; } body.v270-site .formal-site-footer .formal-button--secondary { border-color: rgba(255, 255, 255, .22); background: rgba(255, 255, 255, .075); color: #fff; } body.v270-site .formal-site-footer .footer-directory { border-color: rgba(255, 255, 255, .1); } body.v270-site .formal-site-footer .footer-bottom { border-color: rgba(255, 255, 255, .1); } /* Motion is enabled only after JS confirms IntersectionObserver support. */ html.v270-motion-ready body.v270-site:not([data-v270-family="home"]) [data-v270-reveal] { opacity: 0; transform: translateY(18px); transition: opacity 820ms var(--v270-ease), transform 920ms var(--v270-ease); } html.v270-motion-ready body.v270-site:not([data-v270-family="home"]) [data-v270-reveal].is-v270-visible { opacity: 1; transform: translateY(0); } @media (max-width: 1040px) { .v270-context__inner { grid-template-columns: auto minmax(0, 1fr) auto; gap: .75rem; } .v270-context__identity { font-size: .6rem; } .v270-context__links { justify-content: flex-start; overflow-x: auto; scrollbar-width: none; } .v270-context__links::-webkit-scrollbar { display: none; } .v270-context__links a { flex: 0 0 auto; } } @media (max-width: 860px) { :root { --v270-shell: min(100% - 2rem, 760px); } html { scroll-padding-top: 7rem; } body.v270-site::before { opacity: .018; } html body.v270-site.dbc-global-nav-active .site-header.site-header, body.v270-site .site-header .header-inner { min-height: 64px !important; } .v270-context__inner { grid-template-columns: auto minmax(0, 1fr); min-height: 45px; } .v270-context__identity { max-width: 8.8rem; overflow: hidden; text-overflow: ellipsis; } .v270-context__action { display: none; } body.v270-site .dbc-nav-overlay { background: radial-gradient(circle at 10% 0%, rgba(7, 87, 166, .09), transparent 27rem), radial-gradient(circle at 90% 18%, rgba(7, 131, 90, .065), transparent 24rem), rgba(248, 251, 253, .98); } body.v270-site .dbc-nav-card { border-radius: var(--v270-radius); } body.v270-site .v245-hero__media, body.v270-site .v245-tech-visual { border-radius: 18px; } } @media (max-width: 560px) { :root { --v270-shell: calc(100% - 1.5rem); } .v270-context__inner { grid-template-columns: 1fr; gap: 0; padding-block: .35rem .45rem; } .v270-context__identity { max-width: none; min-height: 1.6rem; } .v270-context__links { margin-inline: -.35rem; } .v270-context__links a { min-height: 2rem; padding-inline: .6rem; font-size: .7rem; } body.v270-site :where(.formal-actions, .v245-actions) > a, body.v270-site :where(.formal-actions, .v245-actions) > button { min-height: 3rem; } body.v270-site main :where(table) { font-size: .82rem; } } @media (max-width: 680px) { body.v270-site .v270-static-pdf { align-items: stretch; flex-direction: column; } body.v270-site .v270-static-pdf > a { justify-content: center; } body.v270-site .formal-site-footer .formal-footer-cta { padding-block: 1.4rem !important; } body.v270-site .formal-site-footer .footer-directory.footer-directory { display: grid !important; grid-template-columns: 1fr !important; gap: 0 !important; padding-block: .5rem !important; } body.v270-site .formal-site-footer .footer-column.footer-column { display: block !important; padding: 0 !important; border-bottom: 1px solid rgba(255, 255, 255, .1) !important; } body.v270-site .formal-site-footer .footer-column h3 { margin: 0 !important; } body.v270-site .formal-site-footer .v270-footer-toggle { position: relative; min-height: 46px; padding: .72rem 2rem .72rem 0; color: #fff; cursor: pointer; } body.v270-site .formal-site-footer .v270-footer-toggle::after { position: absolute; top: 50%; right: .15rem; content: "+"; font-size: 1rem; font-weight: 400; transform: translateY(-50%); } body.v270-site .formal-site-footer .v270-footer-toggle[aria-expanded="true"]::after { content: "−"; } body.v270-site .formal-site-footer .v270-footer-column:not(.is-v270-open) > a { display: none !important; } body.v270-site .formal-site-footer .v270-footer-column.is-v270-open > a { display: block !important; min-height: 40px; padding-block: .55rem !important; } body.v270-site .site-back-to-top { display: none !important; } } /* Homepage mobile editorial pass. The confirmed hero is deliberately excluded. Sections remain four conceptual chapters, but can grow naturally instead of shrinking technical and evidence text below a readable size. */ @media (max-width: 700px) { body.v270-site.home-v262 #main-content > .v260-screen { block-size: auto; min-height: calc(100svh - var(--dbc-header-height, 4.2rem)); overflow: clip; } body.v270-site.home-v262 .v260-eyebrow { margin-bottom: 12px; font-size: 10px; letter-spacing: .11em; } body.v270-site.home-v262 .v260-eyebrow > span { width: 24px; height: 24px; font-size: 9px; } body.v270-site.home-v262 .v260-boundary { font-size: 12px; line-height: 1.48; } body.v270-site.home-v262 .v260-strength__stage { height: auto; min-height: auto; grid-template-rows: auto minmax(430px, auto) auto auto; gap: 16px; padding-block: 42px 36px; } body.v270-site.home-v262 .v260-strength__copy h2 { margin-bottom: 12px; font-size: clamp(30px, 8vw, 34px); line-height: 1.06; } body.v270-site.home-v262 .v260-strength__copy .v260-lead { font-size: 14px; line-height: 1.62; } body.v270-site.home-v262 .v260-strength__media { min-height: 430px; } body.v270-site.home-v262 .v261-mechanism__panel { grid-template-rows: auto auto minmax(150px, 1fr) auto auto; gap: 8px; padding: 12px; } body.v270-site.home-v262 .v261-mechanism__head { min-height: 20px; } body.v270-site.home-v262 .v261-mechanism__head p { font-size: 9.5px; letter-spacing: .1em; } body.v270-site.home-v262 .v261-mechanism__steps li { min-height: 50px; padding: 7px 4px 7px 8px; } body.v270-site.home-v262 .v261-mechanism__steps strong { font-size: 11px; line-height: 1.28; } body.v270-site.home-v262 .v261-afteruse { min-height: 96px; gap: 7px; padding: 10px 10px 9px 14px; } body.v270-site.home-v262 .v261-afteruse > div strong { font-size: 11.5px; line-height: 1.35; } body.v270-site.home-v262 .v261-afteruse li { padding: 4px 6px; font-size: 10.5px; line-height: 1.3; } body.v270-site.home-v262 .v262-afteruse-boundary { font-size: 11px; line-height: 1.35; } body.v270-site.home-v262 .v261-mechanism.v260-strength__media figcaption { min-height: 34px; padding-top: 7px; } body.v270-site.home-v262 .v261-mechanism.v260-strength__media figcaption span { font-size: 11px; line-height: 1.4; } body.v270-site.home-v262 .v260-route-status { min-height: 62px; padding: 11px 12px 10px 18px; } body.v270-site.home-v262 .v260-route-status > span { font-size: 9px; } body.v270-site.home-v262 .v260-route-status > strong { font-size: 13px; } body.v270-site.home-v262 .v260-route-status > small { font-size: 11px; } body.v270-site.home-v262 .v260-action { min-height: 50px; padding-left: 13px; font-size: 14px; line-height: 1.3; } body.v270-site.home-v262 .v260-strength__meta > .v260-boundary { font-size: 12px; line-height: 1.5; } body.v270-site.home-v262 .v260-capability-path a { min-height: 66px; padding: 12px 4px 6px; } body.v270-site.home-v262 .v260-capability-path a > strong { font-size: 11px; line-height: 1.25; } body.v270-site.home-v262 .v260-business__stage { height: auto; min-height: auto; gap: 18px; padding-block: 44px 36px; } body.v270-site.home-v262 .v260-business__head h2 { margin-bottom: 12px; font-size: clamp(30px, 8vw, 34px); line-height: 1.06; } body.v270-site.home-v262 .v260-business__head > p:last-child { font-size: 14px; line-height: 1.62; } body.v270-site.home-v262 .v260-business__map { gap: 12px; } body.v270-site.home-v262 .v260-business__spine > a { min-height: 58px; } body.v270-site.home-v262 .v260-business__spine > a > span { font-size: 13px; } body.v270-site.home-v262 .v260-business__spine > a > strong { font-size: 10.5px; line-height: 1.35; } body.v270-site.home-v262 .v260-business__spine > .v260-business__flagship { min-height: 92px; padding: 13px 14px; } body.v270-site.home-v262 .v260-business__flagship > em { font-size: 9px; } body.v270-site.home-v262 .v260-business__spine > .v260-business__flagship > span { font-size: 20px; } body.v270-site.home-v262 .v260-business__directions { gap: 2px; } body.v270-site.home-v262 .v260-business__directions > a { min-height: 72px; padding: 9px 4px; } body.v270-site.home-v262 .v260-business__directions a > strong { font-size: 12.5px; } body.v270-site.home-v262 .v260-business__directions a > small { font-size: 12px; line-height: 1.42; } body.v270-site.home-v262 .v260-business__index > a { min-height: 58px; } body.v270-site.home-v262 .v260-business__index a > strong { font-size: 10.5px; } body.v270-site.home-v262 .v260-business__stage > .v260-boundary { font-size: 12px; line-height: 1.5; } body.v270-site.home-v262 .v260-updates, body.v270-site.home-v262 .v260-updates__stage { height: auto; min-height: auto; } body.v270-site.home-v262 .v260-updates__stage { gap: 16px; padding-block: 44px 36px; } body.v270-site.home-v262 .v260-updates__head h2 { font-size: clamp(30px, 8vw, 34px); line-height: 1.06; } body.v270-site.home-v262 .v260-updates__head > p { margin-top: 9px; font-size: 14px; line-height: 1.55; } body.v270-site.home-v262 .v260-updates__grid { gap: 12px; } body.v270-site.home-v262 .v260-news-record { min-height: 164px; grid-template-columns: 128px minmax(0, 1fr); gap: 12px; } body.v270-site.home-v262 .v260-news-record figure { height: 148px; } body.v270-site.home-v262 .v260-news-record > div > p, body.v270-site.home-v262 .v260-route-window > p { font-size: 9px; } body.v270-site.home-v262 .v260-news-record h3 { font-size: 13.5px; line-height: 1.34; } body.v270-site.home-v262 .v260-news-record small { font-size: 12px; line-height: 1.4; } body.v270-site.home-v262 .v260-news-record__links a { font-size: 10.5px; } body.v270-site.home-v262 .v260-route-window { min-height: 150px; padding: 16px 16px 14px 20px; } body.v270-site.home-v262 .v260-route-window h3 { font-size: 14.5px; line-height: 1.35; } body.v270-site.home-v262 .v260-route-window > span, body.v270-site.home-v262 .v260-route-window > a { font-size: 12px; line-height: 1.45; } body.v270-site.home-v262 .v262-route-factors li { font-size: 8.5px; } body.v270-site.home-v262 .v260-portals { gap: 1px; } body.v270-site.home-v262 .v260-portals > a, body.v270-site.home-v262 .v260-portals > a:last-child { min-height: 82px; padding: 11px 12px 9px; } body.v270-site.home-v262 .v260-portals a > strong { font-size: 12.5px; } body.v270-site.home-v262 .v260-portals a > small { font-size: 11px; line-height: 1.38; } body.v270-site.home-v262 .v260-updates__boundary { font-size: 12px; line-height: 1.5; } body.v270-site.home-v262 .v260-footer { height: auto; } body.v270-site.home-v262 .v260-footer__inner { height: auto; gap: 14px; padding-block: 28px 22px; } body.v270-site.home-v262 .v260-footer__brand strong { font-size: 13px; } body.v270-site.home-v262 .v260-footer__brand p { font-size: 11px; line-height: 1.5; } body.v270-site.home-v262 .v260-footer__primary a { font-size: 11px; } body.v270-site.home-v262 .v260-footer__legal { gap: 7px 12px; font-size: 9.5px; line-height: 1.4; } } @media (max-width: 380px) { body.v270-site.home-v262 .v260-actions, body.v270-site.home-v262 .v260-capability-path, body.v270-site.home-v262 .v260-business__index, body.v270-site.home-v262 .v260-portals { grid-template-columns: 1fr 1fr; } body.v270-site.home-v262 .v260-capability-path > li:last-child, body.v270-site.home-v262 .v260-business__index > a:last-child { grid-column: 1 / -1; } body.v270-site.home-v262 .v260-news-record { grid-template-columns: 1fr; } body.v270-site.home-v262 .v260-news-record figure { width: 100%; height: 210px; } } @media (prefers-reduced-motion: reduce) { html.v270-motion-ready body.v270-site [data-v270-reveal], html.v270-motion-ready body.v270-site [data-v270-reveal].is-v270-visible { opacity: 1 !important; transform: none !important; transition: none !important; } body.v270-site *, body.v270-site *::before, body.v270-site *::after { scroll-behavior: auto !important; } } @media print { body.v270-site::before, .v270-context, .dbc-desktop-mega-layer, #dbc-global-navigation { display: none !important; } body.v270-site { background: #fff !important; } }