:root {
    --black: #061827;
    --graphite: #0b2336;
    --graphite-2: #12324a;
    --bone: #f1f5f6;
    --white: #fbfdff;
    --muted: #9fb4c2;
    --line: rgba(190, 222, 238, .16);
    --blue: #91d0ea;
    --lime: #c8ff61;
    --header-height: 82px;
    --ease: cubic-bezier(.22, 1, .36, 1);
}

*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; background: var(--black); }
body { margin: 0; background: var(--black); color: var(--bone); font-family: "Aptos", "Segoe UI Variable", "Segoe UI", "Helvetica Neue", Arial, sans-serif; font-size: 16px; line-height: 1.55; overflow-x: hidden; -webkit-font-smoothing: antialiased; }
body.menu-open { overflow: hidden; }
img { max-width: 100%; display: block; }
a { color: inherit; text-decoration: none; }
button, input, textarea, select { font: inherit; }
button { color: inherit; }
::selection { background: var(--blue); color: var(--black); }

.skip-link { position: fixed; left: 1rem; top: -5rem; z-index: 200; background: var(--white); color: var(--black); padding: .75rem 1rem; border-radius: 999px; }
.skip-link:focus { top: 1rem; }
.wrap { width: min(100% - 40px, 1360px); margin-inline: auto; }
.section { position: relative; padding: clamp(96px, 11vw, 180px) 0; }
.eyebrow { margin: 0 0 24px; color: var(--blue); font-size: 11px; font-weight: 600; letter-spacing: .18em; text-transform: uppercase; }
.section-heading { display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(270px, .55fr); gap: 72px; align-items: end; margin-bottom: clamp(56px, 8vw, 112px); }
.section-heading h2, .results-copy h2, .network-title, .final-cta h2, .medical h2, .page-hero h1, .content-title { margin: 0; font-size: clamp(46px, 6.4vw, 104px); font-weight: 300; line-height: .98; letter-spacing: -.06em; }
.section-heading > p { color: var(--muted); font-size: 16px; line-height: 1.75; max-width: 430px; margin: 0 0 4px; }

.button { min-height: 52px; display: inline-flex; align-items: center; justify-content: center; gap: 24px; padding: 0 24px; border: 1px solid transparent; border-radius: 999px; font-size: 13px; font-weight: 600; letter-spacing: -.01em; transition: transform .35s var(--ease), background .35s, color .35s, border-color .35s; }
.button:hover { transform: translateY(-2px); }
.button:active { transform: scale(.97); }
.button-primary { background: var(--white); color: var(--black); }
.button-primary span { transition: transform .35s var(--ease); }
.button-primary:hover span { transform: translateX(6px); }
.button-primary:hover { background: var(--lime); }
.button-dark { background: var(--black); color: var(--white); }
.text-link, .inline-cta { display: inline-flex; align-items: center; gap: 12px; font-size: 13px; font-weight: 500; border-bottom: 1px solid var(--line); padding-bottom: 7px; transition: color .3s, border-color .3s; }
.text-link:hover, .inline-cta:hover { color: var(--blue); border-color: var(--blue); }
.inline-cta { margin-top: 52px; }

/* Header */
.site-header { position: fixed; inset: 0 0 auto; height: var(--header-height); z-index: 100; transition: transform .5s var(--ease), background .4s, border-color .4s; border-bottom: 1px solid transparent; }
.menu-open .site-header { z-index: 110; }
.site-header.scrolled { background: rgba(6, 24, 39, .84); backdrop-filter: blur(18px); border-color: rgba(190,222,238,.1); }
.site-header.header-hidden { transform: translateY(-110%); }
.header-inner { width: min(100% - 40px, 1500px); height: 100%; margin: auto; display: flex; align-items: center; justify-content: space-between; gap: 30px; }
.brand { display: inline-flex; align-items: center; gap:10px; position: relative; z-index: 110; }
.brand-logo { width: 34px; height: auto; object-fit: contain; filter: drop-shadow(0 5px 14px rgba(0,0,0,.16)); transition: transform .4s var(--ease), filter .4s; }
.brand:hover .brand-logo { transform: translateY(-1px) scale(1.025); filter: drop-shadow(0 7px 18px rgba(31,139,182,.2)); }
.brand-name { color:var(--bone); font-size:14px; letter-spacing:.12em; line-height:1; white-space:nowrap; }
.brand-name b { color:var(--blue); font-weight:500; }
.desktop-nav { display: flex; align-items: center; justify-content: center; gap: clamp(18px, 2vw, 34px); }
.desktop-nav a { color: #ccd0d0; font-size: 12px; transition: color .3s; white-space: nowrap; }
.desktop-nav a:hover { color: var(--blue); }
.header-actions { display: flex; align-items: center; gap: 22px; }
.header-cta { font-size: 12px; border-bottom: 1px solid rgba(255,255,255,.35); padding-bottom: 5px; white-space: nowrap; }
.header-cta span { color: var(--lime); margin-left: 6px; }
.menu-toggle { display: none; width: 44px; height: 44px; padding: 0; border: 0; background: transparent; position: relative; z-index: 110; }
.menu-toggle span { position: absolute; width: 22px; height: 1px; background: var(--white); left: 11px; transition: transform .4s var(--ease), top .4s var(--ease); }
.menu-toggle span:first-child { top: 17px; }.menu-toggle span:last-child { top: 26px; }
.menu-toggle[aria-expanded="true"] span:first-child { top: 22px; transform: rotate(45deg); }.menu-toggle[aria-expanded="true"] span:last-child { top: 22px; transform: rotate(-45deg); }
.mobile-menu { position: fixed; inset: 0; z-index: 105; background: var(--black); opacity: 0; visibility: hidden; transform: translateY(-18px); transition: opacity .4s, visibility .4s, transform .6s var(--ease); }
.mobile-menu.open { opacity: 1; visibility: visible; transform: none; }
.mobile-menu-inner { padding: calc(var(--header-height) + 34px) 24px 32px; min-height: 100%; display: flex; flex-direction: column; }
.mobile-menu nav { display: grid; }
.mobile-menu nav a { display: flex; align-items: baseline; gap: 18px; padding: 8px 0; font-size: clamp(29px, 8vw, 44px); font-weight: 300; letter-spacing: -.04em; }
.mobile-menu nav a span { color: var(--muted); font-size: 10px; letter-spacing: .12em; }
.mobile-menu .button { margin-top: 28px; }
.mobile-contact { margin-top: auto; padding-top: 30px; display: flex; justify-content: space-between; gap: 10px; color: var(--muted); font-size: 11px; }

/* Hero */
.hero { min-height: 100svh; position: relative; overflow: hidden; display: flex; align-items: flex-end; background: #04131f; }
.hero-media { position: absolute; inset: 0; }
.hero-media img { width: 100%; height: 100%; object-fit: cover; object-position: 68% center; filter: saturate(.56) contrast(1.08) brightness(.82); transform: scale(1.03); animation: heroIn 1.6s var(--ease) both; }
@keyframes heroIn { from { transform: scale(1.13); filter: saturate(.2) contrast(1.08) brightness(.4); } }
.hero-shade { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(6,24,39,.98) 0%, rgba(7,30,48,.78) 30%, rgba(10,44,68,.16) 66%, rgba(6,24,39,.36) 100%), linear-gradient(0deg, rgba(6,24,39,.86) 0%, transparent 45%); }
.scan-grid { position: absolute; inset: 10% 4% 9% 44%; opacity: .16; background-image: linear-gradient(rgba(167,216,232,.28) 1px, transparent 1px), linear-gradient(90deg, rgba(167,216,232,.28) 1px, transparent 1px); background-size: 54px 54px; mask-image: radial-gradient(circle at 55% 45%, #000 0%, transparent 66%); }
.scan-line { position: absolute; top: 15%; bottom: 8%; left: 62%; width: 1px; background: linear-gradient(transparent, var(--blue), transparent); box-shadow: 0 0 24px rgba(167,216,232,.7); opacity: .7; animation: scanMove 6s ease-in-out infinite; }
@keyframes scanMove { 0%,100% { transform: translateX(-90px); opacity: .15; } 40%,60% { transform: translateX(90px); opacity: .8; } }
.scan-data { position: absolute; color: rgba(241,240,236,.56); font-size: 9px; letter-spacing: .15em; display: flex; align-items: center; gap: 7px; animation: dataBlink 5s ease-in-out infinite; }
.scan-data span { width: 5px; height: 5px; border-radius: 50%; background: var(--lime); box-shadow: 0 0 10px var(--lime); }
.scan-data-one { left: 52%; top: 27%; }.scan-data-two { right: 9%; top: 47%; animation-delay: 1.4s; }.scan-data-three { left: 60%; bottom: 21%; animation-delay: 2.7s; }
@keyframes dataBlink { 0%,15%,100% { opacity: 0; transform: translateY(6px); } 28%,70% { opacity: 1; transform: none; } }
.hero-content { position: relative; z-index: 2; padding-bottom: clamp(105px, 11vh, 132px); }
.hero-kicker { display: flex; align-items: center; gap: 10px; text-transform: uppercase; letter-spacing: .16em; font-size: 10px; color: var(--blue); margin-bottom: 25px; }
.status-dot { display: inline-block; width: 6px; height: 6px; border-radius: 50%; background: var(--lime); box-shadow: 0 0 12px rgba(200,255,97,.7); }
.hero h1 { margin: 0; font-size: clamp(58px, 8.2vw, 138px); font-weight: 300; letter-spacing: -.075em; line-height: .86; max-width: 920px; }
.hero h1 em { color: var(--bone); font-style: normal; }
.hero-copy { margin-top: 48px; display: flex; align-items: flex-end; justify-content: space-between; max-width: 760px; gap: 60px; }
.hero-copy > p { color: #c5c9c9; font-size: 16px; line-height: 1.55; margin: 0; }
.hero-buttons { display: flex; align-items: center; gap: 28px; white-space: nowrap; }
.hero-route { position: absolute; z-index: 2; right: 4.5%; bottom: 43px; display: flex; align-items: center; gap: 13px; font-size: 9px; letter-spacing: .14em; color: var(--muted); }
.hero-route i { display: block; width: 48px; height: 1px; background: linear-gradient(90deg, var(--blue), rgba(167,216,232,.15)); position: relative; }
.hero-route i::after { content:""; position: absolute; right: 0; top: -2px; width: 5px; height: 5px; border-radius: 50%; background: var(--lime); }
.scroll-cue { position: absolute; z-index: 3; bottom: 35px; left: 2.5%; display: flex; flex-direction: column; align-items: center; gap: 10px; color: var(--muted); font-size: 9px; letter-spacing: .13em; text-transform: uppercase; writing-mode: vertical-rl; }
.scroll-cue i { width: 1px; height: 30px; background: linear-gradient(var(--blue), transparent); }

/* Continuum */
.continuum { min-height: 108vh; display: grid; place-items: center; background: var(--bone); color: var(--black); overflow: hidden; }
.continuum::after { content:""; position: absolute; width: 55vw; height: 55vw; left: -28vw; bottom: -35vw; border: 1px solid rgba(6,24,39,.12); border-radius: 50%; box-shadow: 0 0 0 10vw rgba(6,24,39,.025), 0 0 0 20vw rgba(6,24,39,.02); }
.continuum-inner { position: relative; z-index: 1; }
.continuum .eyebrow { color: #5f6b6f; }
.statement { margin: 0; max-width: 1220px; font-size: clamp(47px, 7.2vw, 112px); font-weight: 300; letter-spacing: -.07em; line-height: .98; }
.strike-word { position: relative; color: #777c7d; }
.strike-word::after { content:""; position: absolute; top: 53%; left: -4%; width: 108%; height: 3px; background: var(--black); transform: scaleX(0); transform-origin: left; transition: transform 1.3s var(--ease) .4s; }
.strike-word.visible-strike::after { transform: scaleX(1); }
.statement-answer { margin: 56px 0 0 auto; max-width: 770px; font-size: clamp(24px, 3vw, 48px); line-height: 1.2; letter-spacing: -.045em; color: #4d5455; }

/* Journey */
.journey { background: var(--black); }
.journey-stage { position: relative; display: grid; grid-template-columns: repeat(3, 1fr); gap: 0; padding-top: 44px; }
.journey-route-line { position: absolute; top: 57px; left: 8.5%; right: 8.5%; height: 1px; background: rgba(255,255,255,.14); overflow: hidden; }
.route-progress { display: block; width: 0; height: 100%; background: linear-gradient(90deg, var(--blue), var(--lime)); box-shadow: 0 0 14px var(--blue); transition: width 2.5s var(--ease); }
.journey-stage.route-visible .route-progress { width: 100%; }
.journey-stop { position: relative; padding: 64px clamp(22px, 4vw, 64px) 30px; min-height: 360px; border-right: 1px solid var(--line); transition: background .45s, color .45s; }
.journey-stop:last-child { border-right: 0; }
.journey-node { position: absolute; top: 1px; left: calc(50% - 14px); width: 28px; height: 28px; display: grid; place-items: center; border: 1px solid rgba(167,216,232,.32); border-radius: 50%; background: var(--black); }
.journey-node span { width: 6px; height: 6px; background: var(--blue); border-radius: 50%; transition: transform .4s, background .4s; }
.journey-stop:hover .journey-node span, .journey-stop.active .journey-node span { transform: scale(1.8); background: var(--lime); box-shadow: 0 0 12px var(--lime); }
.journey-number { color: #6f7778; font-size: 10px; letter-spacing: .12em; margin: 0 0 32px; }
.journey-city { color: var(--blue); font-size: 11px; font-weight: 600; letter-spacing: .18em; margin: 0 0 10px; }
.journey-stop h3 { margin: 0 0 22px; font-size: clamp(30px, 3vw, 48px); font-weight: 300; letter-spacing: -.045em; }
.journey-stop > p:not(.journey-number):not(.journey-city) { color: var(--muted); max-width: 310px; margin: 0; font-size: 14px; line-height: 1.7; }
.journey-tag { display: inline-block; margin-top: 30px; padding: 7px 12px; border: 1px solid var(--line); border-radius: 999px; color: #c8cccc; font-size: 9px; letter-spacing: .12em; text-transform: uppercase; }

/* Results */
.results { background: var(--graphite); overflow: hidden; }
.results::before { content:""; position: absolute; width: 720px; height: 720px; border-radius: 50%; background: rgba(167,216,232,.05); filter: blur(100px); right: -20%; top: 15%; }
.results-grid { display: grid; grid-template-columns: .82fr 1.18fr; align-items: center; gap: clamp(54px, 9vw, 140px); }
.results-copy { position: relative; z-index: 1; }
.results-copy h2 { font-size: clamp(48px, 5.2vw, 82px); }
.results-copy > p:not(.eyebrow) { color: var(--muted); max-width: 480px; margin: 38px 0; line-height: 1.75; }
.case-meta { display: grid; grid-template-columns: 1fr 1fr; gap: 0; border-top: 1px solid var(--line); margin: 0; }
.case-meta div { padding: 18px 0; border-bottom: 1px solid var(--line); display: flex; justify-content: space-between; gap: 14px; }
.case-meta div:nth-child(odd) { padding-right: 24px; }.case-meta div:nth-child(even) { padding-left: 24px; border-left: 1px solid var(--line); }
.case-meta dt { color: var(--muted); font-size: 10px; letter-spacing: .08em; text-transform: uppercase; }
.case-meta dd { margin: 0; font-size: 11px; font-weight: 600; text-align: right; }
.comparison-card { --position: 50%; position: relative; aspect-ratio: 4/5; max-height: 820px; overflow: hidden; background: #0b2233; border-radius: 3px; cursor: ew-resize; user-select: none; touch-action: pan-y; }
.comparison-image { position: absolute; inset: 0; overflow: hidden; }
.comparison-image img { position: absolute; top: 0; width: 200%; max-width: none; height: 100%; object-fit: cover; filter: saturate(.82) contrast(1.02); }
.before-image img { left: 0; }.after-image { clip-path: inset(0 0 0 var(--position)); }.after-image img { left: -100%; }
.comparison-handle { position: absolute; z-index: 3; top: 0; bottom: 0; left: var(--position); width: 1px; background: var(--white); transform: translateX(-50%); pointer-events: none; }
.comparison-handle span { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 48px; height: 48px; border-radius: 50%; background: rgba(252,252,250,.94); color: var(--black); display: grid; place-items: center; box-shadow: 0 8px 30px rgba(0,0,0,.25); }
.comparison-range { position: absolute; z-index: 4; inset: 0; width: 100%; height: 100%; opacity: 0; cursor: ew-resize; }
.comparison-labels { position: absolute; z-index: 2; inset: 20px 22px auto; display: flex; justify-content: space-between; pointer-events: none; }
.comparison-labels span { padding: 7px 10px; background: rgba(6,24,39,.72); backdrop-filter: blur(8px); font-size: 9px; letter-spacing: .12em; }

/* Methods */
.methods { background: var(--bone); color: var(--black); }
.methods .eyebrow { color: #56676c; }
.methods .section-heading > p { color: #626a6c; }
.method-panels { display: grid; grid-template-columns: 1fr 1fr; border: 1px solid rgba(6,24,39,.16); }
.method-panel { min-height: 650px; position: relative; overflow: hidden; display: flex; flex-direction: column; justify-content: space-between; padding: clamp(30px, 5vw, 70px); background: #e7eef1; transition: background .55s var(--ease), color .55s var(--ease); }
.method-panel + .method-panel { border-left: 1px solid rgba(6,24,39,.16); }
.method-panel:hover { background: var(--graphite); color: var(--bone); }
.method-panel .eyebrow { transition: color .4s; }.method-panel:hover .eyebrow { color: var(--blue); }
.method-index { position: absolute; top: 32px; right: 32px; font-size: 10px; letter-spacing: .12em; opacity: .55; }
.method-panel h3 { margin: 0; font-size: clamp(58px, 7vw, 112px); font-weight: 300; line-height: .84; letter-spacing: -.07em; }
.method-panel ul { list-style: none; margin: 0; padding: 0; width: 50%; }
.method-panel li { padding: 10px 0; border-bottom: 1px solid currentColor; font-size: 12px; opacity: .65; }
.method-link { display: flex; justify-content: space-between; border-top: 1px solid currentColor; padding-top: 18px; font-size: 12px; }.method-link b { font-size: 17px; color: var(--lime); }
.method-figure { position: absolute; width: 230px; height: 390px; right: 5%; top: 23%; opacity: .12; transform: rotate(14deg); transition: opacity .5s, transform .8s var(--ease); }
.method-figure::before { content:""; position: absolute; width: 14px; height: 100%; left: 50%; border-radius: 50% 50% 10px 10px; background: currentColor; transform: translateX(-50%) rotate(4deg); }
.method-figure::after { content:""; position: absolute; width: 130px; height: 170px; left: 50%; bottom: -20px; border: 8px solid currentColor; border-top-width: 18px; border-radius: 50%; transform: translateX(-50%); }
.method-panel:hover .method-figure { opacity: .24; transform: rotate(5deg) scale(1.08); }
.follicle-b { transform: rotate(-9deg); right: 10%; }.method-panel:hover .follicle-b { transform: rotate(-2deg) scale(1.08); }

/* Medical */
.medical { min-height: 105vh; padding: 0; display: grid; align-items: end; overflow: hidden; }
.medical-image { position: absolute; inset: 0; }
.medical-image img { width: 100%; height: 100%; object-fit: cover; filter: saturate(.25) contrast(1.05) brightness(.44); transform: scale(1.03); }
.medical-image::after { content:""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(6,24,39,.95), rgba(8,39,61,.56) 55%, rgba(9,46,71,.18)), linear-gradient(0deg, rgba(6,24,39,.88), transparent 50%); }
.medical-content { position: relative; z-index: 1; padding-bottom: clamp(80px, 10vw, 150px); }
.medical-copy { max-width: 790px; }
.medical h2 { font-size: clamp(54px, 7vw, 105px); }
.medical-copy > p:not(.eyebrow) { color: #bbc0c0; max-width: 560px; margin: 36px 0; line-height: 1.8; }
.medical-points { display: flex; flex-wrap: wrap; gap: 10px; }
.medical-points span { border: 1px solid rgba(255,255,255,.22); border-radius: 999px; padding: 10px 16px; color: #d5d8d7; font-size: 10px; letter-spacing: .08em; text-transform: uppercase; backdrop-filter: blur(8px); }

/* Network */
.network { background: var(--black); text-align: center; overflow: hidden; }
.network::before { content:""; position: absolute; inset: 18% 5% 12%; background-image: radial-gradient(rgba(167,216,232,.25) .7px, transparent .7px); background-size: 24px 24px; mask-image: radial-gradient(ellipse, #000 0%, transparent 68%); opacity: .3; }
.network-title { position: relative; z-index: 1; font-size: clamp(51px, 7.5vw, 116px); }
.network-map { position: relative; z-index: 1; margin: clamp(70px, 10vw, 140px) auto 0; display: flex; align-items: center; justify-content: center; max-width: 1100px; }
.network-node { appearance: none; border: 0; background: transparent; width: 190px; flex: none; text-align: center; cursor: pointer; display: flex; flex-direction: column; align-items: center; }
.node-ring { width: 26px; height: 26px; border: 1px solid var(--blue); border-radius: 50%; margin-bottom: 24px; position: relative; transition: transform .45s var(--ease); }
.node-ring::before { content:""; position: absolute; inset: 7px; background: var(--blue); border-radius: 50%; transition: background .3s, box-shadow .3s; }
.network-node.active .node-ring, .network-node:hover .node-ring { transform: scale(1.25); }.network-node.active .node-ring::before { background: var(--lime); box-shadow: 0 0 14px var(--lime); }
.network-node small { color: var(--blue); letter-spacing: .15em; font-size: 8px; margin-bottom: 7px; }.network-node strong { font-size: 16px; font-weight: 500; letter-spacing: .12em; }.network-node em { color: var(--muted); font-size: 10px; font-style: normal; margin-top: 4px; }
.network-beam { height: 1px; background: rgba(167,216,232,.2); flex: 1 1 auto; min-width: 90px; overflow: hidden; position: relative; margin-bottom: 70px; }
.network-beam i { position: absolute; inset: 0; background: linear-gradient(90deg, transparent, var(--blue), var(--lime), transparent); transform: translateX(-100%); animation: beamFlow 3.2s linear infinite; }
@keyframes beamFlow { to { transform: translateX(100%); } }
.network-detail { position: relative; z-index: 1; max-width: 680px; margin: 56px auto 0; padding-top: 24px; border-top: 1px solid var(--line); text-align: left; display: grid; grid-template-columns: 150px 1fr; gap: 24px; }
.network-detail span { color: var(--blue); font-size: 9px; letter-spacing: .13em; }.network-detail p { color: var(--muted); line-height: 1.7; margin: 0; }
.network .inline-cta { position: relative; z-index: 1; }

/* Final CTA + footer */
.final-cta { background: var(--blue); color: var(--black); }
.final-cta .eyebrow { color: #34484e; }
.final-cta-inner { display: grid; grid-template-columns: 1.5fr .5fr; gap: 80px; align-items: end; }
.final-cta h2 { font-size: clamp(48px, 6.5vw, 102px); }
.final-cta-inner > div:last-child p { max-width: 360px; line-height: 1.7; margin: 0 0 28px; }
.site-footer { background: #04131f; color: var(--bone); }
.footer-cta { padding: clamp(90px, 12vw, 170px) 0; text-align: center; border-bottom: 1px solid var(--line); }
.footer-cta h2 { margin: 0 0 42px; font-size: clamp(52px, 7vw, 110px); line-height: .96; font-weight: 300; letter-spacing: -.065em; }
.footer-grid { padding: 72px 0 90px; display: grid; grid-template-columns: 1.7fr repeat(3, 1fr); gap: 56px; }
.footer-grid > div:not(.footer-brand) { display: flex; flex-direction: column; align-items: flex-start; gap: 11px; }
.footer-grid a, .footer-grid span { color: var(--muted); font-size: 12px; line-height: 1.7; transition: color .3s; }.footer-grid a:hover { color: var(--blue); }
.footer-label { color: var(--bone); font-size: 10px; letter-spacing: .14em; text-transform: uppercase; margin: 0 0 14px; }
.footer-brand .brand-logo { width:52px; }
.footer-brand .brand-name { color:var(--bone); font-size:14px; line-height:1; }
.footer-brand .brand-name b { color:var(--blue); }
.footer-brand p { margin: 32px 0 0; color: #62696a; font-size: clamp(20px, 2vw, 28px); line-height: 1.35; letter-spacing: -.03em; }
.footer-bottom { padding: 23px 0; border-top: 1px solid var(--line); display: flex; justify-content: space-between; color: #63696a; font-size: 9px; letter-spacing: .1em; text-transform: uppercase; }
.footer-bottom div { display: flex; gap: 24px; }
.floating-actions { position:fixed; z-index:80; right:20px; bottom:max(18px, env(safe-area-inset-bottom)); display:flex; flex-direction:column; align-items:stretch; gap:8px; min-width:158px; transform:translateY(120px); opacity:0; pointer-events:none; transition:transform .55s var(--ease), opacity .35s; }
.floating-actions.visible { transform:none; opacity:1; pointer-events:auto; }
.floating-analysis { min-height:42px; padding:0 16px; border:1px solid rgba(190,222,238,.2); border-radius:999px; background:rgba(6,24,39,.84); color:var(--bone); backdrop-filter:blur(15px); font-size:11px; box-shadow:0 8px 30px rgba(2,12,20,.32); display:flex; align-items:center; justify-content:space-between; gap:14px; transition:background .3s, color .3s, transform .3s var(--ease); }
.floating-analysis span { color:var(--lime); }.floating-analysis:hover { background:var(--white); color:var(--black); transform:translateY(-2px); }
.floating-whatsapp { min-height:42px; padding:0 13px 0 9px; border-radius:999px; background:#25d366; color:#062312; display:grid; grid-template-columns:28px 1fr auto; align-items:center; gap:9px; font-size:11px; font-weight:600; box-shadow:0 10px 32px rgba(37,211,102,.25); transition:transform .3s var(--ease), background .3s, box-shadow .3s; }
.floating-whatsapp:hover { transform:translateY(-2px); background:#32e276; box-shadow:0 14px 36px rgba(37,211,102,.34); }
.floating-whatsapp b { font-size:14px; font-weight:500; }.whatsapp-symbol { width:28px; height:28px; border-radius:50%; background:rgba(255,255,255,.92); color:#11863e; display:grid; place-items:center; font-size:8px; letter-spacing:-.03em; }

/* Medical team */
.team-heading { display:grid; grid-template-columns:1.3fr .55fr; gap:70px; align-items:end; margin-bottom:70px; }
.team-heading .content-title { margin-bottom:0; }
.team-heading > p { color:var(--muted); line-height:1.75; margin:0 0 8px; max-width:440px; }
.team-section.light .team-heading > p { color:#5e7079; }
.team-grid { display:grid; gap:16px; }
.doctors-grid, .assistants-grid { grid-template-columns:repeat(3, 1fr); }
.team-card { min-width:0; border:1px solid var(--line); background:var(--graphite); overflow:hidden; transition:transform .45s var(--ease), border-color .35s, box-shadow .45s var(--ease); }
.team-card:hover { transform:translateY(-6px); border-color:rgba(145,208,234,.5); box-shadow:0 24px 60px rgba(2,12,20,.24); }
.team-section.light .team-card { background:var(--white); border-color:rgba(6,24,39,.12); }
.team-portrait { position:relative; height:clamp(300px, 30vw, 420px); display:grid; place-items:center; overflow:hidden; background:linear-gradient(145deg, #0b2b43, #061827 72%); }
.assistant-card .team-portrait { height:clamp(270px, 25vw, 350px); background:linear-gradient(145deg, #103953, #071c2c 72%); }
.team-portrait img { position:absolute; z-index:1; inset:0; width:100%; height:100%; object-fit:cover; object-position:center 28%; filter:saturate(.92) contrast(1.02); transition:transform .75s var(--ease), filter .45s; }
.team-portrait::before { content:""; position:absolute; z-index:2; inset:0; background:linear-gradient(0deg, rgba(4,19,31,.28), transparent 36%); pointer-events:none; }
.team-portrait::after { content:""; position:absolute; z-index:2; inset:0; background-image:linear-gradient(rgba(145,208,234,.055) 1px, transparent 1px), linear-gradient(90deg, rgba(145,208,234,.055) 1px, transparent 1px); background-size:38px 38px; mask-image:linear-gradient(180deg, transparent 20%, #000 100%); pointer-events:none; }
.team-portrait span { position:relative; z-index:2; color:var(--bone); font-size:clamp(52px, 7vw, 94px); font-weight:300; letter-spacing:-.08em; opacity:.9; }
.assistant-card .team-portrait span { font-size:58px; }
.team-card:hover .team-portrait img { transform:scale(1.035); filter:saturate(1) contrast(1.02); }
.team-card-copy { padding:28px; min-height:220px; display:flex; flex-direction:column; }
.team-role { margin:0 0 14px; color:var(--blue); font-size:9px; font-weight:600; letter-spacing:.15em; text-transform:uppercase; }
.team-card-copy h3 { margin:0 0 18px; font-size:clamp(24px, 2.5vw, 36px); font-weight:300; line-height:1.08; letter-spacing:-.045em; }
.team-card-copy > p:last-child { color:var(--muted); font-size:13px; line-height:1.7; margin:auto 0 0; }
.team-section.light .team-card-copy { color:var(--black); }
.team-section.light .team-card-copy > p:last-child { color:#60727b; }
.video-story { background:linear-gradient(145deg, #071c2d, #0c3048); overflow:hidden; }
.video-story::before { content:""; position:absolute; width:620px; height:620px; right:-320px; top:-350px; border:1px solid rgba(145,208,234,.14); border-radius:50%; box-shadow:0 0 0 85px rgba(145,208,234,.02), 0 0 0 170px rgba(145,208,234,.014); }
.video-story-heading { position:relative; z-index:1; display:grid; grid-template-columns:1.3fr .55fr; gap:70px; align-items:end; margin-bottom:70px; }
.video-story-heading .content-title { margin-bottom:0; }
.video-story-heading > p { color:var(--muted); line-height:1.75; margin:0 0 8px; max-width:440px; }
.video-story-grid { position:relative; z-index:1; width:100%; max-width:100%; min-width:0; display:grid; grid-template-columns:minmax(0, 1.45fr) minmax(280px, .55fr); gap:16px; align-items:stretch; }
.video-story-grid > * { min-width:0; }
.video-frame { position:relative; aspect-ratio:16 / 9; background:#04131f; border:1px solid rgba(145,208,234,.2); overflow:hidden; box-shadow:0 24px 80px rgba(2,12,20,.3); }
.video-frame::after { content:""; position:absolute; inset:0; pointer-events:none; box-shadow:inset 0 0 0 1px rgba(255,255,255,.04); }
.video-frame iframe { position:absolute; inset:0; width:100%; height:100%; border:0; }
.video-facade { background:radial-gradient(circle at 74% 30%, rgba(145,208,234,.2), transparent 28%), linear-gradient(145deg, #0d3a57, #04131f 72%); }
.video-poster { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center; filter:saturate(.76) contrast(1.04) brightness(.68); transform:scale(1.002); transition:transform .9s var(--ease), filter .5s; }
.video-facade::before { content:""; position:absolute; z-index:1; inset:0; background:linear-gradient(90deg, rgba(4,19,31,.34), rgba(4,19,31,.08)), linear-gradient(0deg, rgba(4,19,31,.48), transparent 54%); }
.video-facade.is-playing::before, .video-facade.is-playing::after { display:none; }
.video-play { position:absolute; z-index:2; inset:0; width:100%; border:0; background:transparent; color:var(--bone); cursor:pointer; display:flex; align-items:center; justify-content:center; gap:24px; transition:background .35s; }
.video-play:hover { background:rgba(145,208,234,.04); }.video-facade:has(.video-play:hover) .video-poster { transform:scale(1.025); filter:saturate(.82) contrast(1.04) brightness(.73); }
.video-play-icon { width:76px; height:76px; border-radius:50%; display:grid; place-items:center; background:var(--white); color:var(--black); box-shadow:0 18px 45px rgba(2,12,20,.35); transition:transform .45s var(--ease), background .35s; }
.video-play:hover .video-play-icon { transform:scale(1.08); background:var(--lime); }
.video-play-icon i { width:0; height:0; border-top:8px solid transparent; border-bottom:8px solid transparent; border-left:13px solid currentColor; margin-left:4px; }
.video-play-copy { display:flex; flex-direction:column; align-items:flex-start; text-align:left; }
.video-play-copy small { color:var(--blue); font-size:9px; letter-spacing:.14em; text-transform:uppercase; margin-bottom:6px; }
.video-play-copy strong { font-size:18px; font-weight:400; letter-spacing:-.02em; }
.video-details { padding:clamp(28px, 4vw, 52px); border:1px solid var(--line); background:rgba(6,24,39,.58); backdrop-filter:blur(18px); display:flex; flex-direction:column; justify-content:center; }
.video-details h3 { margin:0 0 22px; font-size:clamp(28px, 3vw, 44px); font-weight:300; line-height:1.08; letter-spacing:-.045em; }
.video-details > p:not(.team-role) { color:var(--muted); font-size:13px; line-height:1.75; margin:0 0 28px; }
.video-details ul { list-style:none; padding:0; margin:0; }
.video-details li { padding:11px 0; border-top:1px solid var(--line); color:#c8d7de; font-size:11px; letter-spacing:.02em; }
.video-details li::before { content:"+"; color:var(--lime); margin-right:12px; }

/* Generic inner pages */
.page-hero { min-height: 72svh; padding: calc(var(--header-height) + 90px) 0 80px; display: flex; align-items: flex-end; position: relative; overflow: hidden; border-bottom: 1px solid var(--line); }
.page-hero::before { content:""; position: absolute; width: 65vw; height: 65vw; right: -34vw; top: -32vw; border: 1px solid rgba(167,216,232,.16); border-radius: 50%; box-shadow: 0 0 0 10vw rgba(167,216,232,.015), 0 0 0 20vw rgba(167,216,232,.012); }
.page-hero-inner { position: relative; z-index: 1; display: grid; grid-template-columns: 1.45fr .55fr; gap: 80px; align-items: end; }
.page-hero h1 { font-size: clamp(58px, 8vw, 128px); }.page-hero h1 em { color: var(--blue); font-style: normal; }.page-hero-copy { color: var(--muted); max-width: 430px; font-size: 17px; line-height: 1.75; }
.subnav { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 34px; }.subnav a { padding: 9px 13px; border: 1px solid var(--line); border-radius: 999px; font-size: 10px; letter-spacing: .06em; transition: background .3s, color .3s; }.subnav a:hover { background: var(--white); color: var(--black); }
.content-section { padding: clamp(80px, 10vw, 150px) 0; }.content-section.light { background: var(--bone); color: var(--black); }.content-section.graphite { background: var(--graphite); }
.content-title { font-size: clamp(45px, 5vw, 82px); margin-bottom: 60px; }
.card-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; background: var(--line); border: 1px solid var(--line); }.info-card { min-height: 360px; background: var(--black); padding: 35px; display: flex; flex-direction: column; justify-content: space-between; transition: background .35s; }.info-card:hover { background: var(--graphite-2); }.info-card .card-number { color: var(--blue); font-size: 10px; letter-spacing: .13em; }.info-card h2, .info-card h3 { margin: 0 0 16px; font-size: 34px; font-weight: 300; letter-spacing: -.04em; }.info-card p { color: var(--muted); font-size: 14px; line-height: 1.7; margin: 0; }.info-card .arrow { align-self: flex-end; color: var(--lime); font-size: 20px; }
.split-content { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(50px, 9vw, 140px); align-items: start; }.split-content .lead { margin: 0; font-size: clamp(30px, 4vw, 62px); line-height: 1.12; letter-spacing: -.045em; font-weight: 300; }.prose { color: var(--muted); line-height: 1.85; }.light .prose { color: #555e60; }.prose h2, .prose h3 { color: currentColor; font-size: 28px; font-weight: 400; line-height: 1.2; letter-spacing: -.035em; margin: 40px 0 15px; }.prose p { margin: 0 0 20px; }.feature-list { list-style: none; padding: 0; margin: 30px 0 0; }.feature-list li { display: flex; gap: 16px; padding: 16px 0; border-bottom: 1px solid currentColor; border-color: var(--line); }.feature-list li::before { content:"+"; color: var(--lime); }
.result-gallery { width:100%; max-width:100%; min-width:0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }.result-card { min-width:0; overflow:hidden; background: var(--graphite); }.result-card img { width: 100%; aspect-ratio: 1/1; object-fit: cover; }.result-card div { min-width:0; padding: 20px; display: flex; flex-wrap:wrap; justify-content: space-between; gap:8px 14px; color: var(--muted); font-size: 10px; letter-spacing: .08em; }.result-card div strong { color: var(--bone); font-weight: 500; }
.timeline { width:100%; max-width:100%; min-width:0; display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); border: 1px solid var(--line); }.timeline article { min-width:0; min-height: 250px; padding: 24px; border-right: 1px solid var(--line); overflow-wrap:anywhere; }.timeline article:last-child { border-right: 0; }.timeline span { color: var(--blue); font-size: 9px; letter-spacing: .13em; }.timeline h3 { font-size: 24px; font-weight: 300; margin: 50px 0 12px; }.timeline p { color: var(--muted); font-size: 12px; line-height: 1.6; }

/* Consultation */
.consultation-shell { min-height: 100svh; padding: calc(var(--header-height) + 55px) 0 70px; background: radial-gradient(circle at 12% 28%, rgba(60,139,181,.2), transparent 33%), linear-gradient(145deg, #061827 0%, #0a2a40 52%, #0c344d 100%); color: var(--bone); display: grid; align-items: center; position: relative; overflow: hidden; }
.consultation-shell::before { content:""; position:absolute; width:520px; height:520px; left:-360px; bottom:-300px; border:1px solid rgba(145,208,234,.16); border-radius:50%; box-shadow:0 0 0 90px rgba(145,208,234,.025), 0 0 0 180px rgba(145,208,234,.018); }
.consultation-shell::after { content:""; position:absolute; inset:0; pointer-events:none; background-image:radial-gradient(rgba(145,208,234,.17) .7px, transparent .7px); background-size:28px 28px; mask-image:linear-gradient(90deg, #000, transparent 48%); opacity:.32; }
.consultation-grid { display: grid; grid-template-columns: .7fr 1.3fr; gap: clamp(45px, 9vw, 140px); align-items: center; position:relative; z-index:1; }.consultation-intro h1 { margin: 0; font-size: clamp(48px, 6vw, 88px); line-height: .97; letter-spacing: -.06em; font-weight: 300; }.consultation-intro p:not(.eyebrow) { color: #b3c8d4; max-width: 400px; line-height: 1.75; margin-top: 30px; }
.consultation-form { background:linear-gradient(145deg, rgba(242,249,251,.98), rgba(216,236,244,.98)); min-height:590px; padding:clamp(28px, 5vw, 64px); border:1px solid rgba(145,208,234,.42); box-shadow:0 28px 90px rgba(2,12,20,.3), inset 0 1px 0 rgba(255,255,255,.75); position:relative; color:var(--black); backdrop-filter:blur(20px); }.form-progress { display: flex; align-items: center; gap: 14px; margin-bottom: 58px; }.form-progress span { font-size: 10px; letter-spacing: .12em; white-space: nowrap; }.progress-track { height: 2px; background: #bfd7e1; flex: 1; }.progress-track i { display: block; height: 100%; width: 25%; background: var(--black); transition: width .5s var(--ease); }
.form-step { display: none; animation: stepIn .45s var(--ease); }.form-step.active { display: block; }@keyframes stepIn { from { opacity: 0; transform: translateY(14px); } }
.form-step h2 { font-size: clamp(34px, 4vw, 54px); line-height: 1; letter-spacing: -.05em; font-weight: 300; margin: 0 0 38px; }.field-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 22px; }.field { display: grid; gap: 8px; }.field.full { grid-column: 1 / -1; }.field label { color: #687174; font-size: 10px; letter-spacing: .1em; text-transform: uppercase; }.field input, .field select { width: 100%; height: 54px; border: 0; border-bottom: 1px solid #c8cbc7; border-radius: 0; background: transparent; color: var(--black); outline: none; }.field input:focus, .field select:focus { border-color: var(--black); }
.selection-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }.selection-card { position: relative; }.selection-card input { position: absolute; opacity: 0; }.selection-card label { min-height: 110px; padding: 18px; border: 1px solid #d0d2ce; display: flex; flex-direction: column; justify-content: space-between; cursor: pointer; transition: background .25s, color .25s, border-color .25s; }.selection-card label span { font-size: 10px; color: #788082; }.selection-card input:checked + label { background: var(--black); color: var(--white); border-color: var(--black); }.selection-card input:checked + label span { color: var(--lime); }
.upload-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; }.upload-zone { min-height: 155px; border: 1px dashed #9ab9c7; position: relative; display: grid; place-items: center; text-align: center; color: #526b77; cursor: pointer; transition: border-color .25s, background .25s; }.upload-zone:hover { border-color: var(--black); background:rgba(255,255,255,.46); }.upload-zone input { position: absolute; inset: 0; opacity: 0; cursor: pointer; }.upload-zone span { font-size: 10px; text-transform: uppercase; letter-spacing: .09em; }.upload-zone b { display: block; font-size: 24px; font-weight: 300; color: var(--black); margin-bottom: 6px; }.form-actions { margin-top: 45px; display: flex; justify-content: space-between; align-items: center; }.form-back { border: 0; background: transparent; color: #526b77; font-size: 12px; cursor: pointer; padding: 12px 0; }.form-status { margin-top: 16px; font-size: 12px; }.success-screen { min-height: 390px; display: none; place-items: center; text-align: center; }.success-screen.active { display: grid; }.success-check { width: 74px; height: 74px; border-radius: 50%; background: var(--lime); display: grid; place-items: center; font-size: 31px; margin: 0 auto 26px; }.success-screen h2 { font-size: clamp(37px, 5vw, 60px); font-weight: 300; line-height: 1; letter-spacing: -.05em; margin: 0 0 18px; }.success-screen p { color: #526b77; max-width: 430px; }

/* Digital hair assessment */
.assessment-shell { align-items:start; padding-top:calc(var(--header-height) + 62px); padding-bottom:90px; }
.assessment-layout { grid-template-columns:minmax(300px, .55fr) minmax(620px, 1.45fr); align-items:start; gap:clamp(55px, 7vw, 110px); }
.assessment-intro { position:sticky; top:calc(var(--header-height) + 45px); padding-top:30px; }
.assessment-intro h1 { font-size:clamp(52px, 5.6vw, 88px); }
.assessment-intro > p:not(.eyebrow) { max-width:470px; }
.assessment-protocol { list-style:none; padding:0; margin:48px 0 34px; border-top:1px solid rgba(190,222,238,.13); }
.assessment-protocol li { min-height:64px; display:grid; grid-template-columns:26px 1fr 10px; align-items:center; gap:14px; border-bottom:1px solid rgba(190,222,238,.13); color:#718e9e; transition:color .35s, padding .35s var(--ease); }
.assessment-protocol li > span { font-size:9px; letter-spacing:.1em; }.assessment-protocol li div { display:flex; justify-content:space-between; align-items:center; gap:15px; }.assessment-protocol strong { font-size:12px; font-weight:500; }.assessment-protocol small { font-size:9px; letter-spacing:.05em; }
.assessment-protocol li > i { width:6px; height:6px; border-radius:50%; background:#436377; transition:background .35s, box-shadow .35s, transform .35s; }
.assessment-protocol li.active { color:var(--bone); padding-left:8px; }.assessment-protocol li.active > i { background:var(--lime); box-shadow:0 0 12px rgba(200,255,97,.7); transform:scale(1.35); }.assessment-protocol li.completed { color:var(--blue); }.assessment-protocol li.completed > i { background:var(--blue); }
.assessment-trust { display:flex; flex-wrap:wrap; gap:8px; }.assessment-trust span { padding:7px 10px; border:1px solid rgba(190,222,238,.14); border-radius:999px; color:#9fb6c2; font-size:8px; letter-spacing:.04em; }.assessment-trust i { display:inline-block; width:5px; height:5px; border-radius:50%; background:var(--blue); margin-right:5px; }
.assessment-panel { min-width:0; min-height:780px; padding:clamp(30px, 4vw, 58px); }
.assessment-progress { display:grid; grid-template-columns:auto 1fr; align-items:end; gap:26px; margin-bottom:48px; }
.assessment-progress > div:first-child { display:flex; flex-direction:column; gap:5px; }.assessment-progress > div:first-child span { color:#55717f; }.assessment-progress > div:first-child strong { font-size:12px; font-weight:500; }.assessment-progress .progress-track { margin-bottom:6px; }.assessment-progress .progress-track i { background:linear-gradient(90deg, #0d668e, #20a3c6); }
.step-heading { display:grid; grid-template-columns:36px 1fr; gap:18px; align-items:start; margin-bottom:35px; }.step-heading > span { width:36px; height:36px; display:grid; place-items:center; border:1px solid #9ebdca; border-radius:50%; color:#2b657e; font-size:9px; }.form-step .step-heading h2 { margin:0 0 10px; font-size:clamp(34px, 3.3vw, 52px); }.step-heading p { color:#607985; font-size:13px; line-height:1.65; margin:0; max-width:650px; }
.assessment-panel .field-grid { gap:18px 24px; }.assessment-panel .field label span { color:#90a2aa; font-size:8px; }.assessment-panel .field input, .assessment-panel .field select, .assessment-panel .field textarea { width:100%; border:0; border-bottom:1px solid #abc3cd; border-radius:0; background:transparent; color:var(--black); outline:none; padding:0; transition:border-color .25s, background .25s; }.assessment-panel .field input, .assessment-panel .field select { height:52px; }.assessment-panel .field textarea { padding:13px 0; resize:vertical; min-height:88px; line-height:1.55; }.assessment-panel .field input:focus, .assessment-panel .field select:focus, .assessment-panel .field textarea:focus { border-color:#147fa6; }.assessment-panel .field textarea::placeholder, .assessment-panel .field input::placeholder { color:#859ba5; }
.assessment-fields { margin-top:28px; }
.choice-grid { display:grid; gap:9px; }.choice-grid-3 { grid-template-columns:repeat(3, 1fr); }.choice-card { position:relative; }.choice-card input { position:absolute; opacity:0; pointer-events:none; }.choice-card label { min-height:112px; padding:14px; border:1px solid #b6ccd5; display:flex; flex-direction:column; cursor:pointer; transition:background .25s, border-color .25s, color .25s, transform .25s var(--ease); }.choice-card label:hover { border-color:#4e91ad; transform:translateY(-2px); }.choice-card label > span { color:#69838e; font-size:8px; letter-spacing:.1em; }.choice-card label strong { margin-top:auto; font-size:15px; font-weight:500; }.choice-card label small { color:#6c838d; font-size:9px; margin-top:3px; }.choice-card input:checked + label { background:var(--black); border-color:var(--black); color:var(--white); }.choice-card input:checked + label > span { color:var(--lime); }.choice-card input:checked + label small { color:#9eb6c2; }
.group-error { min-height:18px; color:#a13237; font-size:11px; margin:9px 0 0; }
.medical-disclaimer { margin-top:24px; padding:15px 17px; border:1px solid #b5ced9; background:rgba(255,255,255,.3); display:grid; grid-template-columns:24px 1fr; gap:11px; align-items:start; }.medical-disclaimer > span { width:22px; height:22px; border:1px solid #6f9dad; border-radius:50%; display:grid; place-items:center; color:#27677f; font-size:10px; }.medical-disclaimer p { margin:0; color:#5d747e; font-size:10px; line-height:1.6; }
.photo-guidance { display:flex; gap:8px; margin-bottom:18px; }.photo-guidance span { flex:1; padding:9px 10px; border:1px solid #b7ccd5; color:#5c747e; font-size:9px; }.photo-guidance b { color:#176a88; margin-right:7px; }
.analysis-upload-grid { display:grid; grid-template-columns:repeat(2, 1fr); gap:10px; }.analysis-upload-card { position:relative; min-width:0; }.analysis-upload-card label { position:relative; aspect-ratio:4 / 5; display:block; border:1px dashed #8eb0bf; background:rgba(255,255,255,.26); overflow:hidden; cursor:pointer; transition:border-color .25s, background .25s, transform .3s var(--ease); }.analysis-upload-card label:hover, .analysis-upload-card.is-dragging label { border-color:#176f91; background:rgba(255,255,255,.58); transform:translateY(-3px); box-shadow:inset 0 0 0 2px rgba(23,111,145,.14); }.analysis-upload-card input { position:absolute; inset:0; opacity:0; pointer-events:none; }.upload-placeholder { position:absolute; inset:0; display:flex; flex-direction:column; align-items:center; justify-content:center; padding:15px; text-align:center; }.upload-placeholder b { width:42px; height:42px; display:grid; place-items:center; border:1px solid #7ba2b3; border-radius:50%; font-size:22px; font-weight:300; margin-bottom:18px; }.upload-placeholder strong { font-size:13px; font-weight:500; }.upload-placeholder small { color:#6d838d; font-size:9px; margin-top:5px; }.analysis-upload-card img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; opacity:0; transition:opacity .3s; }.analysis-upload-card.has-file img { opacity:1; }.analysis-upload-card.has-file .upload-placeholder { opacity:0; }.analysis-upload-card > button { position:absolute; z-index:4; right:8px; top:8px; width:30px; height:30px; border:0; border-radius:50%; background:rgba(6,24,39,.82); color:white; cursor:pointer; opacity:0; pointer-events:none; transition:opacity .25s, background .25s; }.analysis-upload-card.has-file > button { opacity:1; pointer-events:auto; }.analysis-upload-card > button:hover { background:#9b3138; }
.photo-status { display:flex; justify-content:space-between; gap:16px; margin-top:13px; color:#526f7c; font-size:10px; }.photo-status b { color:#0d668e; }.photo-status small { font-size:9px; }
.contact-choice { margin-top:26px; }.contact-choice > p { color:#687174; font-size:10px; letter-spacing:.1em; text-transform:uppercase; margin:0 0 10px; }.contact-choice > div { display:grid; grid-template-columns:repeat(3, 1fr); gap:8px; }.contact-choice label { position:relative; }.contact-choice input { position:absolute; opacity:0; }.contact-choice label span { min-height:46px; display:grid; place-items:center; border:1px solid #abc3cd; font-size:11px; cursor:pointer; transition:background .25s, color .25s; }.contact-choice input:checked + span { background:var(--black); color:white; border-color:var(--black); }
.analysis-review { display:grid; grid-template-columns:repeat(3, 1fr); margin-top:24px; border:1px solid #b5cad3; }.analysis-review p { min-width:0; margin:0; padding:13px; border-right:1px solid #b5cad3; display:flex; flex-direction:column; gap:4px; }.analysis-review p:last-child { border-right:0; }.analysis-review span { color:#728892; font-size:8px; letter-spacing:.09em; text-transform:uppercase; }.analysis-review strong { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:10px; font-weight:500; }
.consent-check { display:grid; grid-template-columns:18px 1fr; gap:12px; align-items:start; margin-top:22px; color:#526b76; font-size:10px; line-height:1.6; cursor:pointer; }.consent-check input { width:17px; height:17px; margin:1px 0 0; accent-color:#0b668c; }.consent-check a { color:#0b668c; text-decoration:underline; }.assessment-submit { min-width:225px; }.assessment-submit:disabled { opacity:.55; cursor:wait; }
.assessment-panel .form-actions { margin-top:34px; }.assessment-panel .success-screen { min-height:650px; }.success-screen .eyebrow { margin-bottom:15px; color:#29718e; }.success-meta { display:flex; flex-wrap:wrap; justify-content:center; gap:8px; margin:28px 0 0; }.success-meta span { border:1px solid #b5cdd7; border-radius:999px; padding:7px 10px; color:#55717d; font-size:9px; }

/* Quick consultation flow */
.quick-assessment-shell { background:radial-gradient(circle at 8% 18%, rgba(50,137,180,.22), transparent 32%), linear-gradient(145deg, #061827 0%, #092b42 52%, #0b3852 100%); }
.quick-assessment-layout { grid-template-columns:minmax(290px, .62fr) minmax(600px, 1.38fr); }
.quick-assessment-intro > p:not(.eyebrow) { max-width:430px; }
.quick-assessment-benefits { display:grid; margin-top:38px; border-top:1px solid rgba(190,222,238,.14); }
.quick-assessment-benefits span { min-height:48px; display:flex; align-items:center; gap:10px; border-bottom:1px solid rgba(190,222,238,.14); color:#a8bfca; font-size:10px; }
.quick-assessment-benefits i { width:6px; height:6px; flex:0 0 6px; border-radius:50%; background:var(--lime); box-shadow:0 0 10px rgba(200,255,97,.48); }
.quick-assessment-panel { min-height:650px; border-radius:2px; box-shadow:0 30px 90px rgba(2,15,24,.22); }
.quick-progress { margin-bottom:38px; }
.quick-choice-grid .choice-card label { min-height:104px; }
.quick-question-block { margin-top:30px; }
.quick-question-block > p:first-child { margin:0 0 12px; color:#526f7c; font-size:11px; font-weight:600; }
.quick-option-grid { display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:8px; }
.quick-option-grid-3 { grid-template-columns:repeat(3, minmax(0, 1fr)); }
.quick-option-grid label { position:relative; min-width:0; }
.quick-option-grid input { position:absolute; opacity:0; pointer-events:none; }
.quick-option-grid span { min-height:58px; padding:10px; display:grid; place-items:center; text-align:center; border:1px solid #abc5d0; color:#4f6873; font-size:10px; line-height:1.3; cursor:pointer; transition:background .25s, color .25s, border-color .25s, transform .25s var(--ease); }
.quick-option-grid label:hover span { border-color:#4289a6; transform:translateY(-2px); }
.quick-option-grid input:checked + span { border-color:#071d2c; background:#071d2c; color:#fff; box-shadow:inset 0 -3px 0 var(--lime); }
.quick-optional-details { margin-top:30px; border-top:1px solid #b5cad3; border-bottom:1px solid #b5cad3; }
.quick-optional-details summary { min-height:54px; display:flex; align-items:center; justify-content:space-between; gap:15px; cursor:pointer; color:#365b6b; font-size:11px; list-style:none; }
.quick-optional-details summary::-webkit-details-marker { display:none; }
.quick-optional-details summary::after { content:"+"; color:#176f91; font-size:20px; font-weight:300; }
.quick-optional-details[open] summary::after { content:"−"; }
.quick-optional-details summary span { margin-left:auto; color:#8198a2; font-size:8px; text-transform:uppercase; letter-spacing:.1em; }
.quick-optional-details .field-grid { padding:0 0 20px; }
.quick-upload-grid .analysis-upload-card label { aspect-ratio:16 / 11; }
.quick-contact-fields { margin-top:4px; }
.quick-review { grid-template-columns:2fr 1fr; }
.quick-review p:first-child { min-width:0; }

/* Sapphire FUE */
.sapphire-hero { background:radial-gradient(circle at 76% 22%, rgba(64,137,168,.2), transparent 30%), linear-gradient(145deg, #061827, #092a40 58%, #061827); }.sapphire-hero h1 em { color:var(--blue); }.sapphire-hero-copy { max-width:470px; align-self:end; }.sapphire-hero-copy > p { margin:0; color:#b5c8d1; font-size:17px; line-height:1.8; }.sapphire-hero-copy > div { display:flex; flex-wrap:wrap; gap:7px; margin-top:30px; }.sapphire-hero-copy span { padding:8px 11px; border:1px solid rgba(190,222,238,.18); border-radius:999px; color:#9bb7c4; font-size:7px; letter-spacing:.12em; text-transform:uppercase; }
.sapphire-definition { background:#eaf2f4; color:var(--black); }.sapphire-definition-grid { display:grid; grid-template-columns:minmax(360px, .72fr) minmax(520px, 1.28fr); gap:clamp(60px, 9vw, 145px); align-items:center; }.sapphire-definition .eyebrow, .sapphire-candidacy .eyebrow, .sapphire-recovery .eyebrow { color:#55717e; }.sapphire-definition-copy h2 { margin:0; font-size:clamp(48px, 6vw, 88px); font-weight:300; line-height:.98; letter-spacing:-.065em; }.sapphire-definition-copy h2 em { color:#176f91; font-style:normal; }.sapphire-definition-copy .lead { margin:36px 0 22px; color:#183b4c; font-size:clamp(20px, 2vw, 28px); font-weight:300; line-height:1.5; letter-spacing:-.025em; }.sapphire-definition-copy > p:not(.eyebrow):not(.lead) { margin:0 0 36px; color:#607781; line-height:1.75; }.sapphire-definition-copy .button { min-width:210px; }
.sapphire-instrument, .sapphire-anatomy, .sapphire-planning-visual { position:relative; margin:0; overflow:hidden; background:var(--graphite); }.sapphire-instrument { aspect-ratio:1.28 / 1; }.sapphire-instrument img, .sapphire-anatomy img, .sapphire-planning-visual img { width:100%; height:100%; object-fit:cover; transition:transform 1s var(--ease); }.sapphire-instrument::after, .sapphire-anatomy::after, .sapphire-planning-visual::after { content:""; position:absolute; inset:0; background:linear-gradient(0deg, rgba(4,19,31,.82), transparent 44%); pointer-events:none; }.sapphire-instrument:hover img, .sapphire-anatomy:hover img, .sapphire-planning-visual:hover img { transform:scale(1.025); }.sapphire-instrument figcaption, .sapphire-anatomy figcaption, .sapphire-planning-visual figcaption { position:absolute; z-index:2; left:clamp(20px, 3vw, 40px); right:clamp(20px, 3vw, 40px); bottom:clamp(20px, 3vw, 36px); display:grid; gap:5px; color:var(--white); }.sapphire-instrument figcaption > span, .sapphire-anatomy figcaption > span, .sapphire-planning-visual figcaption > span { color:var(--lime); font-size:8px; letter-spacing:.15em; }.sapphire-instrument figcaption strong, .sapphire-anatomy figcaption strong, .sapphire-planning-visual figcaption strong { font-size:clamp(20px, 2.2vw, 30px); font-weight:400; letter-spacing:-.035em; }.sapphire-instrument figcaption small, .sapphire-anatomy figcaption small, .sapphire-planning-visual figcaption small { color:#a9bdc7; font-size:8px; }
.sapphire-facts { display:grid; grid-template-columns:repeat(4, 1fr); margin-top:clamp(70px, 9vw, 125px); border-top:1px solid #aec4cc; border-left:1px solid #aec4cc; }.sapphire-facts article { min-height:285px; padding:clamp(24px, 3vw, 40px); border-right:1px solid #aec4cc; border-bottom:1px solid #aec4cc; display:flex; flex-direction:column; }.sapphire-facts article > span { color:#7a929b; font-size:9px; }.sapphire-facts small { margin-top:auto; color:#167394; font-size:8px; letter-spacing:.14em; text-transform:uppercase; }.sapphire-facts strong { margin:10px 0 15px; font-size:clamp(24px, 2.6vw, 36px); font-weight:300; letter-spacing:-.04em; }.sapphire-facts p { margin:0; color:#637982; font-size:12px; line-height:1.7; }
.sapphire-process { background:#0a2335; }.sapphire-section-heading, .sapphire-candidacy-heading, .sapphire-recovery-heading { display:grid; grid-template-columns:minmax(0, 1.25fr) minmax(310px, .55fr); gap:clamp(55px, 8vw, 120px); align-items:end; margin-bottom:clamp(60px, 8vw, 110px); }.sapphire-section-heading h2, .sapphire-candidacy-heading h2, .sapphire-recovery-heading h2 { margin:0; font-size:clamp(50px, 6.5vw, 100px); font-weight:300; line-height:.97; letter-spacing:-.065em; }.sapphire-section-heading h2 em, .sapphire-candidacy-heading h2 em, .sapphire-recovery-heading h2 em { color:var(--blue); font-style:normal; }.sapphire-section-heading > p, .sapphire-candidacy-heading > p, .sapphire-recovery-heading > p { max-width:450px; margin:0 0 4px; color:var(--muted); line-height:1.75; }.sapphire-candidacy-heading > p, .sapphire-recovery-heading > p { color:#617781; }
.sapphire-process-grid { display:grid; grid-template-columns:repeat(3, 1fr); border-top:1px solid var(--line); border-left:1px solid var(--line); }.sapphire-process-grid article { position:relative; min-height:390px; padding:clamp(26px, 3.4vw, 48px); border-right:1px solid var(--line); border-bottom:1px solid var(--line); display:flex; flex-direction:column; background:rgba(255,255,255,.01); transition:background .4s; }.sapphire-process-grid article:hover { background:rgba(145,208,234,.055); }.sapphire-process-grid article > span { color:var(--blue); font-size:8px; letter-spacing:.13em; }.sapphire-process-grid h3 { margin:70px 0 20px; font-size:clamp(28px, 3vw, 42px); font-weight:300; line-height:1.08; letter-spacing:-.045em; }.sapphire-process-grid p { max-width:420px; margin:0; color:#9fb3bd; font-size:13px; line-height:1.72; }.sapphire-process-grid b { margin-top:auto; color:#425f6e; font-size:30px; font-weight:300; letter-spacing:-.04em; }
.sapphire-precision { background:linear-gradient(145deg, #061827, #092a40); }.sapphire-precision-grid { display:grid; grid-template-columns:minmax(480px, 1.05fr) minmax(380px, .95fr); gap:clamp(65px, 9vw, 140px); align-items:center; }.sapphire-anatomy { aspect-ratio:1 / 1.04; }.sapphire-precision-copy h2 { margin:0; font-size:clamp(48px, 5.8vw, 84px); font-weight:300; line-height:.98; letter-spacing:-.065em; }.sapphire-precision-copy h2 em { color:var(--blue); font-style:normal; }.sapphire-precision-copy > p:not(.eyebrow) { margin:32px 0 42px; color:var(--muted); line-height:1.75; }.sapphire-precision-copy ul { list-style:none; margin:0; padding:0; border-top:1px solid var(--line); }.sapphire-precision-copy li { display:grid; grid-template-columns:42px 1fr; gap:16px; padding:22px 0; border-bottom:1px solid var(--line); }.sapphire-precision-copy li > span { color:var(--lime); font-size:8px; }.sapphire-precision-copy li strong { display:block; margin-bottom:6px; font-size:14px; font-weight:500; }.sapphire-precision-copy li p { margin:0; color:#91a8b3; font-size:12px; line-height:1.65; }
.sapphire-candidacy { background:#edf3f4; color:var(--black); }.sapphire-candidacy-heading h2 em, .sapphire-recovery-heading h2 em { color:#176f91; }.sapphire-candidacy-grid { display:grid; grid-template-columns:repeat(2, 1fr); border-top:1px solid #adc4cd; border-left:1px solid #adc4cd; }.sapphire-candidacy-grid article { min-height:470px; padding:clamp(28px, 4vw, 55px); border-right:1px solid #adc4cd; border-bottom:1px solid #adc4cd; display:flex; flex-direction:column; }.sapphire-candidacy-grid article > div { display:flex; align-items:center; justify-content:space-between; color:#68828d; }.sapphire-candidacy-grid article > div span, .sapphire-candidacy-grid article > div small { font-size:8px; letter-spacing:.13em; }.sapphire-candidate-positive { background:rgba(255,255,255,.28); }.sapphire-candidate-positive > div small { color:#176f91; }.sapphire-candidate-review > div small { color:#8b695b; }.sapphire-candidacy-grid h3 { max-width:620px; margin:75px 0 36px; font-size:clamp(31px, 3.4vw, 48px); font-weight:300; line-height:1.1; letter-spacing:-.05em; }.sapphire-candidacy-grid ul { list-style:none; margin:auto 0 0; padding:0; }.sapphire-candidacy-grid li { position:relative; padding:13px 0 13px 20px; border-top:1px solid #bdcfd5; color:#5f747d; font-size:12px; }.sapphire-candidacy-grid li::before { content:""; position:absolute; left:0; top:20px; width:6px; height:6px; border-radius:50%; background:#2582a4; }.sapphire-candidate-review li::before { background:#a27b67; }.sapphire-planning-visual { aspect-ratio:2.15 / 1; margin-top:clamp(55px, 8vw, 110px); }.sapphire-planning-visual figcaption { display:flex; align-items:flex-end; gap:20px; }.sapphire-planning-visual figcaption div { display:grid; gap:5px; }
.sapphire-comparison { background:#0a2335; }.sapphire-comparison-grid { display:grid; grid-template-columns:repeat(2, 1fr); border-top:1px solid var(--line); border-left:1px solid var(--line); }.sapphire-comparison-grid article { min-height:520px; padding:clamp(30px, 4.5vw, 65px); border-right:1px solid var(--line); border-bottom:1px solid var(--line); display:flex; flex-direction:column; }.sapphire-comparison-grid article > span { color:var(--blue); font-size:8px; letter-spacing:.14em; }.sapphire-comparison-grid h3 { margin:70px 0 20px; font-size:clamp(42px, 5vw, 72px); font-weight:300; letter-spacing:-.06em; }.sapphire-comparison-grid article > p { max-width:590px; margin:0 0 45px; color:#9eb3bd; line-height:1.75; }.sapphire-comparison-grid dl { margin:auto 0 0; }.sapphire-comparison-grid dl div { display:grid; grid-template-columns:140px 1fr; gap:24px; padding:16px 0; border-top:1px solid var(--line); }.sapphire-comparison-grid dt { color:#6e8996; font-size:8px; letter-spacing:.1em; text-transform:uppercase; }.sapphire-comparison-grid dd { margin:0; color:#c3d1d7; font-size:11px; line-height:1.6; }.sapphire-comparison-grid article > a { display:flex; justify-content:space-between; gap:20px; margin-top:28px; padding-top:17px; border-top:1px solid var(--line); font-size:11px; }.sapphire-comparison-grid article > a b { color:var(--lime); font-weight:400; }
.sapphire-recovery { background:#eaf2f4; color:var(--black); }.sapphire-recovery-line { display:grid; grid-template-columns:repeat(3, 1fr); border-top:1px solid #aec4cd; border-left:1px solid #aec4cd; }.sapphire-recovery-line article { min-height:300px; padding:clamp(25px, 3.3vw, 44px); border-right:1px solid #aec4cd; border-bottom:1px solid #aec4cd; display:flex; flex-direction:column; }.sapphire-recovery-line span { color:#176f91; font-size:8px; letter-spacing:.13em; }.sapphire-recovery-line strong { margin-top:auto; font-size:clamp(26px, 3vw, 40px); font-weight:300; letter-spacing:-.045em; }.sapphire-recovery-line p { margin:16px 0 0; color:#647982; font-size:12px; line-height:1.7; }.sapphire-risks { display:grid; grid-template-columns:minmax(300px, .75fr) minmax(460px, 1.25fr); gap:clamp(60px, 9vw, 145px); margin-top:clamp(70px, 9vw, 125px); padding-top:clamp(40px, 6vw, 75px); border-top:1px solid #aec4cd; }.sapphire-risks h3 { max-width:520px; margin:0; font-size:clamp(38px, 4.6vw, 66px); font-weight:300; line-height:1.02; letter-spacing:-.055em; }.sapphire-risks > div:last-child p { margin:0 0 24px; color:#5e747d; line-height:1.75; }

/* DHI */
.dhi-hero { background:radial-gradient(circle at 77% 25%, rgba(94,174,205,.2), transparent 29%), linear-gradient(150deg, #041522, #0a3048 58%, #061b2a); }.dhi-hero h1 em { color:#a8dcec; }.dhi-hero-copy { max-width:480px; align-self:end; }.dhi-hero-copy > p { margin:0; color:#bfd0d7; font-size:17px; line-height:1.8; }.dhi-hero-copy > div { display:flex; flex-wrap:wrap; gap:7px; margin-top:30px; }.dhi-hero-copy span { padding:8px 11px; border:1px solid rgba(190,222,238,.18); border-radius:999px; color:#9dbac6; font-size:7px; letter-spacing:.12em; text-transform:uppercase; }
.dhi-definition { background:#edf4f5; color:var(--black); }.dhi-definition-grid { display:grid; grid-template-columns:minmax(360px, .72fr) minmax(520px, 1.28fr); gap:clamp(60px, 9vw, 145px); align-items:center; }.dhi-definition .eyebrow, .dhi-candidacy .eyebrow, .dhi-recovery .eyebrow { color:#55717e; }.dhi-definition-copy h2 { margin:0; font-size:clamp(48px, 6vw, 88px); font-weight:300; line-height:.98; letter-spacing:-.065em; }.dhi-definition-copy h2 em { color:#176f91; font-style:normal; }.dhi-definition-copy .lead { margin:36px 0 22px; color:#183b4c; font-size:clamp(20px, 2vw, 28px); font-weight:300; line-height:1.5; letter-spacing:-.025em; }.dhi-definition-copy > p:not(.eyebrow):not(.lead) { margin:0 0 36px; color:#607781; line-height:1.75; }.dhi-definition-copy .button { min-width:210px; }
.dhi-instrument, .dhi-anatomy, .dhi-loading-visual { position:relative; margin:0; overflow:hidden; background:var(--graphite); }.dhi-instrument { aspect-ratio:1.28 / 1; }.dhi-instrument img, .dhi-anatomy img, .dhi-loading-visual img { width:100%; height:100%; object-fit:cover; transition:transform 1s var(--ease); }.dhi-instrument::after, .dhi-anatomy::after, .dhi-loading-visual::after { content:""; position:absolute; inset:0; background:linear-gradient(0deg, rgba(3,18,29,.84), transparent 44%); pointer-events:none; }.dhi-instrument:hover img, .dhi-anatomy:hover img, .dhi-loading-visual:hover img { transform:scale(1.025); }.dhi-instrument figcaption, .dhi-anatomy figcaption, .dhi-loading-visual figcaption { position:absolute; z-index:2; left:clamp(20px, 3vw, 40px); right:clamp(20px, 3vw, 40px); bottom:clamp(20px, 3vw, 36px); display:grid; gap:5px; color:var(--white); }.dhi-instrument figcaption > span, .dhi-anatomy figcaption > span, .dhi-loading-visual figcaption > span { color:var(--lime); font-size:8px; letter-spacing:.15em; }.dhi-instrument figcaption strong, .dhi-anatomy figcaption strong, .dhi-loading-visual figcaption strong { font-size:clamp(20px, 2.2vw, 30px); font-weight:400; letter-spacing:-.035em; }.dhi-instrument figcaption small, .dhi-anatomy figcaption small, .dhi-loading-visual figcaption small { color:#a9bdc7; font-size:8px; }
.dhi-facts { display:grid; grid-template-columns:repeat(4, 1fr); margin-top:clamp(70px, 9vw, 125px); border-top:1px solid #aec4cc; border-left:1px solid #aec4cc; }.dhi-facts article { min-height:285px; padding:clamp(24px, 3vw, 40px); border-right:1px solid #aec4cc; border-bottom:1px solid #aec4cc; display:flex; flex-direction:column; }.dhi-facts article > span { color:#7a929b; font-size:9px; }.dhi-facts small { margin-top:auto; color:#167394; font-size:8px; letter-spacing:.14em; text-transform:uppercase; }.dhi-facts strong { margin:10px 0 15px; font-size:clamp(24px, 2.6vw, 36px); font-weight:300; letter-spacing:-.04em; }.dhi-facts p { margin:0; color:#637982; font-size:12px; line-height:1.7; }
.dhi-process { background:#09283c; }.dhi-section-heading, .dhi-candidacy-heading, .dhi-recovery-heading { display:grid; grid-template-columns:minmax(0, 1.25fr) minmax(310px, .55fr); gap:clamp(55px, 8vw, 120px); align-items:end; margin-bottom:clamp(60px, 8vw, 110px); }.dhi-section-heading h2, .dhi-candidacy-heading h2, .dhi-recovery-heading h2 { margin:0; font-size:clamp(50px, 6.5vw, 100px); font-weight:300; line-height:.97; letter-spacing:-.065em; }.dhi-section-heading h2 em, .dhi-candidacy-heading h2 em, .dhi-recovery-heading h2 em { color:#a8dcec; font-style:normal; }.dhi-section-heading > p, .dhi-candidacy-heading > p, .dhi-recovery-heading > p { max-width:450px; margin:0 0 4px; color:var(--muted); line-height:1.75; }.dhi-candidacy-heading > p, .dhi-recovery-heading > p { color:#617781; }
.dhi-process-grid { display:grid; grid-template-columns:repeat(3, 1fr); border-top:1px solid var(--line); border-left:1px solid var(--line); }.dhi-process-grid article { position:relative; min-height:390px; padding:clamp(26px, 3.4vw, 48px); border-right:1px solid var(--line); border-bottom:1px solid var(--line); display:flex; flex-direction:column; background:rgba(255,255,255,.01); transition:background .4s; }.dhi-process-grid article:hover { background:rgba(145,208,234,.055); }.dhi-process-grid article > span { color:#a8dcec; font-size:8px; letter-spacing:.13em; }.dhi-process-grid h3 { margin:70px 0 20px; font-size:clamp(28px, 3vw, 42px); font-weight:300; line-height:1.08; letter-spacing:-.045em; }.dhi-process-grid p { max-width:420px; margin:0; color:#9fb3bd; font-size:13px; line-height:1.72; }.dhi-process-grid b { margin-top:auto; color:#426374; font-size:30px; font-weight:300; letter-spacing:-.04em; }
.dhi-precision { background:linear-gradient(145deg, #041722, #0b334a); }.dhi-precision-grid { display:grid; grid-template-columns:minmax(480px, 1.05fr) minmax(380px, .95fr); gap:clamp(65px, 9vw, 140px); align-items:center; }.dhi-anatomy { aspect-ratio:1 / 1.04; }.dhi-precision-copy h2 { margin:0; font-size:clamp(48px, 5.8vw, 84px); font-weight:300; line-height:.98; letter-spacing:-.065em; }.dhi-precision-copy h2 em { color:#a8dcec; font-style:normal; }.dhi-precision-copy > p:not(.eyebrow) { margin:32px 0 42px; color:var(--muted); line-height:1.75; }.dhi-precision-copy ul { list-style:none; margin:0; padding:0; border-top:1px solid var(--line); }.dhi-precision-copy li { display:grid; grid-template-columns:42px 1fr; gap:16px; padding:22px 0; border-bottom:1px solid var(--line); }.dhi-precision-copy li > span { color:var(--lime); font-size:8px; }.dhi-precision-copy li strong { display:block; margin-bottom:6px; font-size:14px; font-weight:500; }.dhi-precision-copy li p { margin:0; color:#91a8b3; font-size:12px; line-height:1.65; }
.dhi-candidacy { background:#f0f5f5; color:var(--black); }.dhi-candidacy-heading h2 em, .dhi-recovery-heading h2 em { color:#176f91; }.dhi-candidacy-grid { display:grid; grid-template-columns:repeat(2, 1fr); border-top:1px solid #adc4cd; border-left:1px solid #adc4cd; }.dhi-candidacy-grid article { min-height:470px; padding:clamp(28px, 4vw, 55px); border-right:1px solid #adc4cd; border-bottom:1px solid #adc4cd; display:flex; flex-direction:column; }.dhi-candidacy-grid article > div { display:flex; align-items:center; justify-content:space-between; color:#68828d; }.dhi-candidacy-grid article > div span, .dhi-candidacy-grid article > div small { font-size:8px; letter-spacing:.13em; }.dhi-candidate-positive { background:rgba(255,255,255,.3); }.dhi-candidate-positive > div small { color:#176f91; }.dhi-candidate-review > div small { color:#8b695b; }.dhi-candidacy-grid h3 { max-width:620px; margin:75px 0 36px; font-size:clamp(31px, 3.4vw, 48px); font-weight:300; line-height:1.1; letter-spacing:-.05em; }.dhi-candidacy-grid ul { list-style:none; margin:auto 0 0; padding:0; }.dhi-candidacy-grid li { position:relative; padding:13px 0 13px 20px; border-top:1px solid #bdcfd5; color:#5f747d; font-size:12px; }.dhi-candidacy-grid li::before { content:""; position:absolute; left:0; top:20px; width:6px; height:6px; border-radius:50%; background:#2582a4; }.dhi-candidate-review li::before { background:#a27b67; }.dhi-loading-visual { aspect-ratio:2.15 / 1; margin-top:clamp(55px, 8vw, 110px); }.dhi-loading-visual figcaption { display:flex; align-items:flex-end; gap:20px; }.dhi-loading-visual figcaption div { display:grid; gap:5px; }
.dhi-comparison { background:#09283c; }.dhi-comparison-grid { display:grid; grid-template-columns:repeat(2, 1fr); border-top:1px solid var(--line); border-left:1px solid var(--line); }.dhi-comparison-grid article { min-height:540px; padding:clamp(30px, 4.5vw, 65px); border-right:1px solid var(--line); border-bottom:1px solid var(--line); display:flex; flex-direction:column; }.dhi-comparison-grid article > span { color:#a8dcec; font-size:8px; letter-spacing:.14em; }.dhi-comparison-grid h3 { margin:70px 0 20px; font-size:clamp(42px, 5vw, 72px); font-weight:300; letter-spacing:-.06em; }.dhi-comparison-grid article > p { max-width:590px; margin:0 0 45px; color:#9eb3bd; line-height:1.75; }.dhi-comparison-grid dl { margin:auto 0 0; }.dhi-comparison-grid dl div { display:grid; grid-template-columns:140px 1fr; gap:24px; padding:16px 0; border-top:1px solid var(--line); }.dhi-comparison-grid dt { color:#6e8996; font-size:8px; letter-spacing:.1em; text-transform:uppercase; }.dhi-comparison-grid dd { margin:0; color:#c3d1d7; font-size:11px; line-height:1.6; }.dhi-comparison-grid article > a { display:flex; justify-content:space-between; gap:20px; margin-top:28px; padding-top:17px; border-top:1px solid var(--line); font-size:11px; }.dhi-comparison-grid article > a b { color:var(--lime); font-weight:400; }
.dhi-recovery { background:#edf4f5; color:var(--black); }.dhi-recovery-line { display:grid; grid-template-columns:repeat(3, 1fr); border-top:1px solid #aec4cd; border-left:1px solid #aec4cd; }.dhi-recovery-line article { min-height:300px; padding:clamp(25px, 3.3vw, 44px); border-right:1px solid #aec4cd; border-bottom:1px solid #aec4cd; display:flex; flex-direction:column; }.dhi-recovery-line span { color:#176f91; font-size:8px; letter-spacing:.13em; }.dhi-recovery-line strong { margin-top:auto; font-size:clamp(26px, 3vw, 40px); font-weight:300; letter-spacing:-.045em; }.dhi-recovery-line p { margin:16px 0 0; color:#647982; font-size:12px; line-height:1.7; }.dhi-risks { display:grid; grid-template-columns:minmax(300px, .75fr) minmax(460px, 1.25fr); gap:clamp(60px, 9vw, 145px); margin-top:clamp(70px, 9vw, 125px); padding-top:clamp(40px, 6vw, 75px); border-top:1px solid #aec4cd; }.dhi-risks h3 { max-width:520px; margin:0; font-size:clamp(38px, 4.6vw, 66px); font-weight:300; line-height:1.02; letter-spacing:-.055em; }.dhi-risks > div:last-child p { margin:0 0 24px; color:#5e747d; line-height:1.75; }

/* Beard transplantation */
.bart-hero { background:radial-gradient(circle at 76% 24%, rgba(83,158,188,.2), transparent 29%), linear-gradient(148deg, #051725, #0a3048 58%, #061a29); }.bart-hero h1 em { color:#a8dcec; }.bart-hero-copy { max-width:485px; align-self:end; }.bart-hero-copy > p { margin:0; color:#bfd0d7; font-size:17px; line-height:1.8; }.bart-hero-copy > div { display:flex; flex-wrap:wrap; gap:7px; margin-top:30px; }.bart-hero-copy span { padding:8px 11px; border:1px solid rgba(190,222,238,.18); border-radius:999px; color:#9dbac6; font-size:7px; letter-spacing:.12em; text-transform:uppercase; }
.bart-definition { background:#edf4f5; color:var(--black); }.bart-definition-grid { display:grid; grid-template-columns:minmax(360px, .72fr) minmax(520px, 1.28fr); gap:clamp(60px, 9vw, 145px); align-items:center; }.bart-definition .eyebrow, .bart-planning .eyebrow, .bart-candidacy .eyebrow, .bart-recovery .eyebrow { color:#55717e; }.bart-definition-copy h2 { margin:0; font-size:clamp(48px, 6vw, 88px); font-weight:300; line-height:.98; letter-spacing:-.065em; }.bart-definition-copy h2 em { color:#176f91; font-style:normal; }.bart-definition-copy .lead { margin:36px 0 22px; color:#183b4c; font-size:clamp(20px, 2vw, 28px); font-weight:300; line-height:1.5; letter-spacing:-.025em; }.bart-definition-copy > p:not(.eyebrow):not(.lead) { margin:0 0 36px; color:#607781; line-height:1.75; }.bart-definition-copy .button { min-width:220px; }
.bart-portrait, .bart-cutaway, .bart-planning-visual { position:relative; margin:0; overflow:hidden; background:var(--graphite); }.bart-portrait { aspect-ratio:1.28 / 1; }.bart-portrait img, .bart-cutaway img, .bart-planning-visual img { width:100%; height:100%; object-fit:cover; transition:transform 1s var(--ease); }.bart-portrait::after, .bart-cutaway::after, .bart-planning-visual::after { content:""; position:absolute; inset:0; background:linear-gradient(0deg, rgba(3,18,29,.84), transparent 44%); pointer-events:none; }.bart-portrait:hover img, .bart-cutaway:hover img, .bart-planning-visual:hover img { transform:scale(1.025); }.bart-portrait figcaption, .bart-cutaway figcaption, .bart-planning-visual figcaption { position:absolute; z-index:2; left:clamp(20px, 3vw, 40px); right:clamp(20px, 3vw, 40px); bottom:clamp(20px, 3vw, 36px); display:grid; gap:5px; color:var(--white); }.bart-portrait figcaption > span, .bart-cutaway figcaption > span, .bart-planning-visual figcaption > span { color:var(--lime); font-size:8px; letter-spacing:.15em; }.bart-portrait figcaption strong, .bart-cutaway figcaption strong, .bart-planning-visual figcaption strong { font-size:clamp(20px, 2.2vw, 30px); font-weight:400; letter-spacing:-.035em; }.bart-portrait figcaption small, .bart-cutaway figcaption small, .bart-planning-visual figcaption small { color:#a9bdc7; font-size:8px; }
.bart-principles { display:grid; grid-template-columns:repeat(4, 1fr); margin-top:clamp(70px, 9vw, 125px); border-top:1px solid #aec4cc; border-left:1px solid #aec4cc; }.bart-principles article { min-height:285px; padding:clamp(24px, 3vw, 40px); border-right:1px solid #aec4cc; border-bottom:1px solid #aec4cc; display:flex; flex-direction:column; }.bart-principles article > span { color:#7a929b; font-size:9px; }.bart-principles small { margin-top:auto; color:#167394; font-size:8px; letter-spacing:.14em; text-transform:uppercase; }.bart-principles strong { margin:10px 0 15px; font-size:clamp(24px, 2.6vw, 36px); font-weight:300; letter-spacing:-.04em; }.bart-principles p { margin:0; color:#637982; font-size:12px; line-height:1.7; }
.bart-zones, .bart-process { background:#09283c; }.bart-section-heading, .bart-planning-heading, .bart-candidacy-heading, .bart-recovery-heading { display:grid; grid-template-columns:minmax(0, 1.25fr) minmax(310px, .55fr); gap:clamp(55px, 8vw, 120px); align-items:end; margin-bottom:clamp(60px, 8vw, 110px); }.bart-section-heading h2, .bart-planning-heading h2, .bart-candidacy-heading h2, .bart-recovery-heading h2 { margin:0; font-size:clamp(50px, 6.5vw, 100px); font-weight:300; line-height:.97; letter-spacing:-.065em; }.bart-section-heading h2 em { color:#a8dcec; font-style:normal; }.bart-planning-heading h2 em, .bart-candidacy-heading h2 em, .bart-recovery-heading h2 em { color:#176f91; font-style:normal; }.bart-section-heading > p, .bart-planning-heading > p, .bart-candidacy-heading > p, .bart-recovery-heading > p { max-width:455px; margin:0 0 4px; color:var(--muted); line-height:1.75; }.bart-planning-heading > p, .bart-candidacy-heading > p, .bart-recovery-heading > p { color:#617781; }
.bart-zone-grid, .bart-process-grid { display:grid; grid-template-columns:repeat(3, 1fr); border-top:1px solid var(--line); border-left:1px solid var(--line); }.bart-zone-grid article, .bart-process-grid article { position:relative; min-height:390px; padding:clamp(26px, 3.4vw, 48px); border-right:1px solid var(--line); border-bottom:1px solid var(--line); display:flex; flex-direction:column; background:rgba(255,255,255,.01); transition:background .4s; }.bart-zone-grid article:hover, .bart-process-grid article:hover { background:rgba(145,208,234,.055); }.bart-zone-grid article > span, .bart-process-grid article > span { color:#a8dcec; font-size:8px; letter-spacing:.13em; }.bart-zone-grid h3, .bart-process-grid h3 { margin:70px 0 20px; font-size:clamp(28px, 3vw, 42px); font-weight:300; line-height:1.08; letter-spacing:-.045em; }.bart-zone-grid p, .bart-process-grid p { max-width:420px; margin:0; color:#9fb3bd; font-size:13px; line-height:1.72; }.bart-zone-grid b, .bart-process-grid b { margin-top:auto; color:#426374; font-size:34px; font-weight:300; letter-spacing:-.04em; }
.bart-precision { background:linear-gradient(145deg, #041722, #0b334a); }.bart-precision-grid { display:grid; grid-template-columns:minmax(480px, 1.05fr) minmax(380px, .95fr); gap:clamp(65px, 9vw, 140px); align-items:center; }.bart-cutaway { aspect-ratio:1 / 1.04; }.bart-precision-copy h2 { margin:0; font-size:clamp(48px, 5.8vw, 84px); font-weight:300; line-height:.98; letter-spacing:-.065em; }.bart-precision-copy h2 em { color:#a8dcec; font-style:normal; }.bart-precision-copy > p:not(.eyebrow) { margin:32px 0 42px; color:var(--muted); line-height:1.75; }.bart-precision-copy ul { list-style:none; margin:0; padding:0; border-top:1px solid var(--line); }.bart-precision-copy li { display:grid; grid-template-columns:42px 1fr; gap:16px; padding:22px 0; border-bottom:1px solid var(--line); }.bart-precision-copy li > span { color:var(--lime); font-size:8px; }.bart-precision-copy li strong { display:block; margin-bottom:6px; font-size:14px; font-weight:500; }.bart-precision-copy li p { margin:0; color:#91a8b3; font-size:12px; line-height:1.65; }
.bart-planning { background:#edf4f5; color:var(--black); }.bart-planning-visual { aspect-ratio:2.15 / 1; }.bart-planning-visual figcaption { display:flex; align-items:flex-end; gap:20px; }.bart-planning-visual figcaption div { display:grid; gap:5px; }.bart-planning-facts { display:grid; grid-template-columns:repeat(3, 1fr); margin-top:14px; border-top:1px solid #aec4cc; border-left:1px solid #aec4cc; }.bart-planning-facts article { min-height:280px; padding:clamp(25px, 3.4vw, 44px); border-right:1px solid #aec4cc; border-bottom:1px solid #aec4cc; display:flex; flex-direction:column; }.bart-planning-facts span { color:#176f91; font-size:8px; letter-spacing:.13em; }.bart-planning-facts strong { margin-top:auto; font-size:clamp(25px, 2.8vw, 38px); font-weight:300; letter-spacing:-.045em; }.bart-planning-facts p { margin:16px 0 0; color:#647982; font-size:12px; line-height:1.7; }
.bart-candidacy { background:#f1f6f6; color:var(--black); }.bart-candidacy-grid { display:grid; grid-template-columns:repeat(2, 1fr); border-top:1px solid #adc4cd; border-left:1px solid #adc4cd; }.bart-candidacy-grid article { min-height:470px; padding:clamp(28px, 4vw, 55px); border-right:1px solid #adc4cd; border-bottom:1px solid #adc4cd; display:flex; flex-direction:column; }.bart-candidacy-grid article > div { display:flex; align-items:center; justify-content:space-between; color:#68828d; }.bart-candidacy-grid article > div span, .bart-candidacy-grid article > div small { font-size:8px; letter-spacing:.13em; }.bart-candidate-positive { background:rgba(255,255,255,.3); }.bart-candidate-positive > div small { color:#176f91; }.bart-candidate-review > div small { color:#8b695b; }.bart-candidacy-grid h3 { max-width:620px; margin:75px 0 36px; font-size:clamp(31px, 3.4vw, 48px); font-weight:300; line-height:1.1; letter-spacing:-.05em; }.bart-candidacy-grid ul { list-style:none; margin:auto 0 0; padding:0; }.bart-candidacy-grid li { position:relative; padding:13px 0 13px 20px; border-top:1px solid #bdcfd5; color:#5f747d; font-size:12px; }.bart-candidacy-grid li::before { content:""; position:absolute; left:0; top:20px; width:6px; height:6px; border-radius:50%; background:#2582a4; }.bart-candidate-review li::before { background:#a27b67; }
.bart-recovery { background:#eaf2f4; color:var(--black); }.bart-recovery-line { display:grid; grid-template-columns:repeat(3, 1fr); border-top:1px solid #aec4cd; border-left:1px solid #aec4cd; }.bart-recovery-line article { min-height:300px; padding:clamp(25px, 3.3vw, 44px); border-right:1px solid #aec4cd; border-bottom:1px solid #aec4cd; display:flex; flex-direction:column; }.bart-recovery-line span { color:#176f91; font-size:8px; letter-spacing:.13em; }.bart-recovery-line strong { margin-top:auto; font-size:clamp(26px, 3vw, 40px); font-weight:300; letter-spacing:-.045em; }.bart-recovery-line p { margin:16px 0 0; color:#647982; font-size:12px; line-height:1.7; }.bart-risks { display:grid; grid-template-columns:minmax(300px, .75fr) minmax(460px, 1.25fr); gap:clamp(60px, 9vw, 145px); margin-top:clamp(70px, 9vw, 125px); padding-top:clamp(40px, 6vw, 75px); border-top:1px solid #aec4cd; }.bart-risks h3 { max-width:520px; margin:0; font-size:clamp(38px, 4.6vw, 66px); font-weight:300; line-height:1.02; letter-spacing:-.055em; }.bart-risks > div:last-child p { margin:0 0 24px; color:#5e747d; line-height:1.75; }

/* Eyebrow transplantation */
.eyebrow-hero { background:radial-gradient(circle at 76% 24%, rgba(92,171,199,.2), transparent 29%), linear-gradient(148deg, #051725, #0a3048 58%, #061a29); }.eyebrow-hero h1 em { color:#a8dcec; }.eyebrow-hero-copy { max-width:485px; align-self:end; }.eyebrow-hero-copy > p { margin:0; color:#bfd0d7; font-size:17px; line-height:1.8; }.eyebrow-hero-copy > div { display:flex; flex-wrap:wrap; gap:7px; margin-top:30px; }.eyebrow-hero-copy span { padding:8px 11px; border:1px solid rgba(190,222,238,.18); border-radius:999px; color:#9dbac6; font-size:7px; letter-spacing:.12em; text-transform:uppercase; }
.eyebrow-definition { background:#edf4f5; color:var(--black); }.eyebrow-definition-grid { display:grid; grid-template-columns:minmax(360px, .72fr) minmax(520px, 1.28fr); gap:clamp(60px, 9vw, 145px); align-items:center; }.eyebrow-definition .eyebrow, .eyebrow-planning .eyebrow, .eyebrow-candidacy .eyebrow, .eyebrow-care .eyebrow, .eyebrow-recovery .eyebrow { color:#55717e; }.eyebrow-definition-copy h2 { margin:0; font-size:clamp(48px, 6vw, 88px); font-weight:300; line-height:.98; letter-spacing:-.065em; }.eyebrow-definition-copy h2 em { color:#176f91; font-style:normal; }.eyebrow-definition-copy .lead { margin:36px 0 22px; color:#183b4c; font-size:clamp(20px, 2vw, 28px); font-weight:300; line-height:1.5; letter-spacing:-.025em; }.eyebrow-definition-copy > p:not(.eyebrow):not(.lead) { margin:0 0 36px; color:#607781; line-height:1.75; }.eyebrow-definition-copy .button { min-width:230px; }
.eyebrow-portrait, .eyebrow-cutaway, .eyebrow-planning-visual { position:relative; margin:0; overflow:hidden; background:var(--graphite); }.eyebrow-portrait { aspect-ratio:1.28 / 1; }.eyebrow-portrait img, .eyebrow-cutaway img, .eyebrow-planning-visual img { width:100%; height:100%; object-fit:cover; transition:transform 1s var(--ease); }.eyebrow-portrait::after, .eyebrow-cutaway::after, .eyebrow-planning-visual::after { content:""; position:absolute; inset:0; background:linear-gradient(0deg, rgba(3,18,29,.84), transparent 44%); pointer-events:none; }.eyebrow-portrait:hover img, .eyebrow-cutaway:hover img, .eyebrow-planning-visual:hover img { transform:scale(1.025); }.eyebrow-portrait figcaption, .eyebrow-cutaway figcaption, .eyebrow-planning-visual figcaption { position:absolute; z-index:2; left:clamp(20px, 3vw, 40px); right:clamp(20px, 3vw, 40px); bottom:clamp(20px, 3vw, 36px); display:grid; gap:5px; color:var(--white); }.eyebrow-portrait figcaption > span, .eyebrow-cutaway figcaption > span, .eyebrow-planning-visual figcaption > span { color:var(--lime); font-size:8px; letter-spacing:.15em; }.eyebrow-portrait figcaption strong, .eyebrow-cutaway figcaption strong, .eyebrow-planning-visual figcaption strong { font-size:clamp(20px, 2.2vw, 30px); font-weight:400; letter-spacing:-.035em; }.eyebrow-portrait figcaption small, .eyebrow-cutaway figcaption small, .eyebrow-planning-visual figcaption small { color:#a9bdc7; font-size:8px; }
.eyebrow-principles { display:grid; grid-template-columns:repeat(4, 1fr); margin-top:clamp(70px, 9vw, 125px); border-top:1px solid #aec4cc; border-left:1px solid #aec4cc; }.eyebrow-principles article { min-height:285px; padding:clamp(24px, 3vw, 40px); border-right:1px solid #aec4cc; border-bottom:1px solid #aec4cc; display:flex; flex-direction:column; }.eyebrow-principles article > span { color:#7a929b; font-size:9px; }.eyebrow-principles small { margin-top:auto; color:#167394; font-size:8px; letter-spacing:.14em; text-transform:uppercase; }.eyebrow-principles strong { margin:10px 0 15px; font-size:clamp(24px, 2.6vw, 36px); font-weight:300; letter-spacing:-.04em; }.eyebrow-principles p { margin:0; color:#637982; font-size:12px; line-height:1.7; }
.eyebrow-zones, .eyebrow-process { background:#09283c; }.eyebrow-section-heading, .eyebrow-planning-heading, .eyebrow-candidacy-heading, .eyebrow-recovery-heading { display:grid; grid-template-columns:minmax(0, 1.25fr) minmax(310px, .55fr); gap:clamp(55px, 8vw, 120px); align-items:end; margin-bottom:clamp(60px, 8vw, 110px); }.eyebrow-section-heading h2, .eyebrow-planning-heading h2, .eyebrow-candidacy-heading h2, .eyebrow-recovery-heading h2 { margin:0; font-size:clamp(50px, 6.5vw, 100px); font-weight:300; line-height:.97; letter-spacing:-.065em; }.eyebrow-section-heading h2 em { color:#a8dcec; font-style:normal; }.eyebrow-planning-heading h2 em, .eyebrow-candidacy-heading h2 em, .eyebrow-recovery-heading h2 em { color:#176f91; font-style:normal; }.eyebrow-section-heading > p, .eyebrow-planning-heading > p, .eyebrow-candidacy-heading > p, .eyebrow-recovery-heading > p { max-width:455px; margin:0 0 4px; color:var(--muted); line-height:1.75; }.eyebrow-planning-heading > p, .eyebrow-candidacy-heading > p, .eyebrow-recovery-heading > p { color:#617781; }
.eyebrow-zone-grid { display:grid; grid-template-columns:repeat(4, 1fr); border-top:1px solid var(--line); border-left:1px solid var(--line); }.eyebrow-zone-grid article, .eyebrow-process-grid article { position:relative; min-height:390px; padding:clamp(26px, 3.4vw, 48px); border-right:1px solid var(--line); border-bottom:1px solid var(--line); display:flex; flex-direction:column; background:rgba(255,255,255,.01); transition:background .4s; }.eyebrow-zone-grid article:hover, .eyebrow-process-grid article:hover { background:rgba(145,208,234,.055); }.eyebrow-zone-grid article > span, .eyebrow-process-grid article > span { color:#a8dcec; font-size:8px; letter-spacing:.13em; }.eyebrow-zone-grid h3, .eyebrow-process-grid h3 { margin:70px 0 20px; font-size:clamp(28px, 3vw, 42px); font-weight:300; line-height:1.08; letter-spacing:-.045em; }.eyebrow-zone-grid p, .eyebrow-process-grid p { max-width:420px; margin:0; color:#9fb3bd; font-size:13px; line-height:1.72; }.eyebrow-zone-grid b, .eyebrow-process-grid b { margin-top:auto; color:#426374; font-size:34px; font-weight:300; letter-spacing:-.04em; }.eyebrow-process-grid { display:grid; grid-template-columns:repeat(3, 1fr); border-top:1px solid var(--line); border-left:1px solid var(--line); }
.eyebrow-precision { background:linear-gradient(145deg, #041722, #0b334a); }.eyebrow-precision-grid { display:grid; grid-template-columns:minmax(480px, 1.05fr) minmax(380px, .95fr); gap:clamp(65px, 9vw, 140px); align-items:center; }.eyebrow-cutaway { aspect-ratio:1 / 1.04; }.eyebrow-precision-copy h2 { margin:0; font-size:clamp(48px, 5.8vw, 84px); font-weight:300; line-height:.98; letter-spacing:-.065em; }.eyebrow-precision-copy h2 em { color:#a8dcec; font-style:normal; }.eyebrow-precision-copy > p:not(.eyebrow) { margin:32px 0 42px; color:var(--muted); line-height:1.75; }.eyebrow-precision-copy ul { list-style:none; margin:0; padding:0; border-top:1px solid var(--line); }.eyebrow-precision-copy li { display:grid; grid-template-columns:42px 1fr; gap:16px; padding:22px 0; border-bottom:1px solid var(--line); }.eyebrow-precision-copy li > span { color:var(--lime); font-size:8px; }.eyebrow-precision-copy li strong { display:block; margin-bottom:6px; font-size:14px; font-weight:500; }.eyebrow-precision-copy li p { margin:0; color:#91a8b3; font-size:12px; line-height:1.65; }
.eyebrow-planning { background:#edf4f5; color:var(--black); }.eyebrow-planning-visual { aspect-ratio:2.15 / 1; }.eyebrow-planning-visual figcaption { display:flex; align-items:flex-end; gap:20px; }.eyebrow-planning-visual figcaption div { display:grid; gap:5px; }.eyebrow-planning-facts { display:grid; grid-template-columns:repeat(3, 1fr); margin-top:14px; border-top:1px solid #aec4cc; border-left:1px solid #aec4cc; }.eyebrow-planning-facts article { min-height:280px; padding:clamp(25px, 3.4vw, 44px); border-right:1px solid #aec4cc; border-bottom:1px solid #aec4cc; display:flex; flex-direction:column; }.eyebrow-planning-facts span { color:#176f91; font-size:8px; letter-spacing:.13em; }.eyebrow-planning-facts strong { margin-top:auto; font-size:clamp(25px, 2.8vw, 38px); font-weight:300; letter-spacing:-.045em; }.eyebrow-planning-facts p { margin:16px 0 0; color:#647982; font-size:12px; line-height:1.7; }
.eyebrow-candidacy { background:#f1f6f6; color:var(--black); }.eyebrow-candidacy-grid { display:grid; grid-template-columns:repeat(2, 1fr); border-top:1px solid #adc4cd; border-left:1px solid #adc4cd; }.eyebrow-candidacy-grid article { min-height:470px; padding:clamp(28px, 4vw, 55px); border-right:1px solid #adc4cd; border-bottom:1px solid #adc4cd; display:flex; flex-direction:column; }.eyebrow-candidacy-grid article > div { display:flex; align-items:center; justify-content:space-between; color:#68828d; }.eyebrow-candidacy-grid article > div span, .eyebrow-candidacy-grid article > div small { font-size:8px; letter-spacing:.13em; }.eyebrow-candidate-positive { background:rgba(255,255,255,.3); }.eyebrow-candidate-positive > div small { color:#176f91; }.eyebrow-candidate-review > div small { color:#8b695b; }.eyebrow-candidacy-grid h3 { max-width:620px; margin:75px 0 36px; font-size:clamp(31px, 3.4vw, 48px); font-weight:300; line-height:1.1; letter-spacing:-.05em; }.eyebrow-candidacy-grid ul { list-style:none; margin:auto 0 0; padding:0; }.eyebrow-candidacy-grid li { position:relative; padding:13px 0 13px 20px; border-top:1px solid #bdcfd5; color:#5f747d; font-size:12px; }.eyebrow-candidacy-grid li::before { content:""; position:absolute; left:0; top:20px; width:6px; height:6px; border-radius:50%; background:#2582a4; }.eyebrow-candidate-review li::before { background:#a27b67; }
.eyebrow-care { background:linear-gradient(145deg, #061827, #0a2d44); }.eyebrow-care-grid { display:grid; grid-template-columns:minmax(320px, .75fr) minmax(520px, 1.25fr); gap:clamp(65px, 10vw, 160px); align-items:start; }.eyebrow-care-grid > div:first-child { position:sticky; top:calc(var(--header-height) + 50px); }.eyebrow-care-grid h2 { margin:0; font-size:clamp(50px, 6vw, 88px); font-weight:300; line-height:.98; letter-spacing:-.065em; }.eyebrow-care-grid h2 em { color:#a8dcec; font-style:normal; }.eyebrow-care-list { border-top:1px solid var(--line); }.eyebrow-care-list article { min-height:210px; display:grid; grid-template-columns:70px 1fr; gap:28px; align-items:start; padding:42px 0; border-bottom:1px solid var(--line); }.eyebrow-care-list article > span { color:var(--lime); font-size:9px; }.eyebrow-care-list strong { display:block; margin-bottom:14px; font-size:clamp(25px, 2.8vw, 38px); font-weight:300; letter-spacing:-.04em; }.eyebrow-care-list p { max-width:590px; margin:0; color:#9eb3bd; line-height:1.72; }
.eyebrow-recovery { background:#eaf2f4; color:var(--black); }.eyebrow-recovery-line { display:grid; grid-template-columns:repeat(3, 1fr); border-top:1px solid #aec4cd; border-left:1px solid #aec4cd; }.eyebrow-recovery-line article { min-height:300px; padding:clamp(25px, 3.3vw, 44px); border-right:1px solid #aec4cd; border-bottom:1px solid #aec4cd; display:flex; flex-direction:column; }.eyebrow-recovery-line span { color:#176f91; font-size:8px; letter-spacing:.13em; }.eyebrow-recovery-line strong { margin-top:auto; font-size:clamp(26px, 3vw, 40px); font-weight:300; letter-spacing:-.045em; }.eyebrow-recovery-line p { margin:16px 0 0; color:#647982; font-size:12px; line-height:1.7; }.eyebrow-risks { display:grid; grid-template-columns:minmax(300px, .75fr) minmax(460px, 1.25fr); gap:clamp(60px, 9vw, 145px); margin-top:clamp(70px, 9vw, 125px); padding-top:clamp(40px, 6vw, 75px); border-top:1px solid #aec4cd; }.eyebrow-risks h3 { max-width:520px; margin:0; font-size:clamp(38px, 4.6vw, 66px); font-weight:300; line-height:1.02; letter-spacing:-.055em; }.eyebrow-risks > div:last-child p { margin:0 0 24px; color:#5e747d; line-height:1.75; }

/* About Apex */
.about-hero { background:radial-gradient(circle at 74% 24%, rgba(39,114,150,.22), transparent 29%), linear-gradient(145deg, #061827, #09283c 58%, #061827); }
.about-hero .page-hero-inner { align-items:end; }.about-hero h1 { max-width:1050px; }.about-hero h1 em { color:var(--blue); }.about-hero-copy { max-width:430px; }.about-hero-copy > p { margin:0 0 30px; color:#b7c9d2; font-size:16px; line-height:1.8; }.about-hero-copy > a { display:inline-flex; align-items:center; gap:14px; padding-bottom:7px; border-bottom:1px solid rgba(190,222,238,.24); font-size:12px; }.about-hero-copy > a span { color:var(--lime); }
.about-hero-route { display:flex; align-items:center; gap:13px; margin-top:48px; color:var(--blue); font-size:9px; font-weight:600; letter-spacing:.14em; text-transform:uppercase; }.about-hero-route i { width:clamp(32px, 5vw, 78px); height:1px; background:linear-gradient(90deg, rgba(145,208,234,.15), var(--blue)); }
.about-intro { padding-bottom:0; background:#eaf2f4; color:var(--black); }.about-intro-grid { display:grid; grid-template-columns:minmax(0, 1.1fr) minmax(380px, .7fr); gap:clamp(60px, 10vw, 170px); align-items:start; }.about-intro .eyebrow, .about-pillars .eyebrow { color:#55717e; }.about-intro h2 { max-width:820px; margin:0; font-size:clamp(52px, 6.6vw, 102px); font-weight:300; line-height:.98; letter-spacing:-.065em; }.about-intro-copy .lead { margin:0; color:#17384a; font-size:clamp(21px, 2.1vw, 30px); font-weight:300; line-height:1.48; letter-spacing:-.025em; }.about-intro-copy > p:not(.lead) { margin:28px 0 36px; color:#5d737d; line-height:1.75; }.about-intro-copy .button { min-width:220px; }
.about-care-line { display:grid; grid-template-columns:repeat(3, 1fr); margin-top:clamp(75px, 11vw, 150px); border-top:1px solid #abc2cb; border-left:1px solid #abc2cb; }.about-care-line article { position:relative; min-height:350px; padding:clamp(26px, 3.4vw, 48px); border-right:1px solid #abc2cb; background:rgba(255,255,255,.2); display:flex; flex-direction:column; }.about-care-line article > span { color:#587580; font-size:8px; letter-spacing:.14em; }.about-care-line strong { margin:72px 0 20px; font-size:clamp(32px, 3.4vw, 48px); font-weight:300; letter-spacing:-.05em; }.about-care-line p { max-width:390px; margin:0; color:#627881; font-size:13px; line-height:1.7; }.about-care-line em { margin-top:auto; color:#b7cbd2; font-size:42px; font-style:normal; font-weight:300; letter-spacing:-.06em; }
.about-clinic { background:linear-gradient(145deg, #061827, #0a2a40); }.about-clinic-heading { display:grid; grid-template-columns:minmax(0, 1.25fr) minmax(300px, .55fr); gap:80px; align-items:end; margin-bottom:clamp(55px, 8vw, 105px); }.about-clinic-heading h2 { max-width:920px; margin:0; font-size:clamp(52px, 6.5vw, 100px); font-weight:300; line-height:.98; letter-spacing:-.065em; }.about-clinic-heading h2 em { color:var(--blue); font-style:normal; }.about-clinic-heading > p { max-width:440px; margin:0 0 5px; color:var(--muted); line-height:1.75; }
.about-gallery { display:grid; grid-template-columns:minmax(0, 1.32fr) minmax(310px, .68fr); grid-template-rows:repeat(2, minmax(260px, 33vw)); gap:14px; }.about-photo { position:relative; min-width:0; margin:0; overflow:hidden; background:var(--graphite); }.about-photo-main { grid-row:1 / 3; }.about-photo img { width:100%; height:100%; object-fit:cover; transition:transform 1s var(--ease), filter .6s; }.about-photo::after { content:""; position:absolute; inset:0; background:linear-gradient(0deg, rgba(4,19,31,.82), transparent 42%); pointer-events:none; }.about-photo:hover img { transform:scale(1.025); filter:saturate(1.05); }.about-photo figcaption { position:absolute; z-index:2; left:clamp(20px, 3vw, 42px); right:clamp(20px, 3vw, 42px); bottom:clamp(20px, 3vw, 38px); display:flex; align-items:flex-end; gap:18px; color:var(--white); }.about-photo figcaption > span { color:var(--lime); font-size:9px; letter-spacing:.12em; }.about-photo figcaption div { display:grid; gap:5px; }.about-photo figcaption strong { font-size:clamp(17px, 1.7vw, 25px); font-weight:400; letter-spacing:-.025em; }.about-photo figcaption small { color:#a9bdc8; font-size:7px; letter-spacing:.15em; text-transform:uppercase; }.about-visual-note { margin-top:14px; color:#6f8995; font-size:9px; letter-spacing:.04em; }
.about-pillars { background:#f2f6f6; color:var(--black); }.about-pillars-heading { display:grid; grid-template-columns:.55fr 1.4fr .65fr; gap:clamp(35px, 6vw, 90px); align-items:end; margin-bottom:clamp(65px, 9vw, 120px); }.about-pillars-heading h2 { margin:0; font-size:clamp(58px, 8vw, 126px); font-weight:300; line-height:.84; letter-spacing:-.075em; }.about-pillars-heading h2 em { color:#176f91; font-style:normal; }.about-pillars-heading > p:last-child { max-width:390px; margin:0 0 4px; color:#61757e; line-height:1.75; }
.about-pillar-grid { display:grid; grid-template-columns:repeat(3, 1fr); border-top:1px solid #b3c7cf; border-left:1px solid #b3c7cf; }.about-pillar-grid article { min-height:490px; padding:clamp(26px, 3.5vw, 50px); border-right:1px solid #b3c7cf; border-bottom:1px solid #b3c7cf; display:flex; flex-direction:column; transition:background .4s; }.about-pillar-grid article:hover { background:#e3eef1; }.about-pillar-grid article > span { color:#78919b; font-size:9px; }.about-pillar-grid article > div { margin-top:auto; }.about-pillar-grid article div > p { margin:0 0 28px; color:#167394; font-size:8px; letter-spacing:.15em; }.about-pillar-grid h3 { margin:0 0 28px; font-size:clamp(42px, 4.4vw, 66px); font-weight:300; line-height:1; letter-spacing:-.06em; }.about-pillar-grid strong { display:block; margin-bottom:20px; font-size:15px; font-weight:500; line-height:1.55; }.about-pillar-grid small { display:block; color:#667c85; font-size:12px; line-height:1.7; }
.about-standard { background:#0a2335; }.about-standard-grid { display:grid; grid-template-columns:minmax(320px, .72fr) minmax(520px, 1.28fr); gap:clamp(65px, 10vw, 160px); align-items:start; }.about-standard-intro { position:sticky; top:calc(var(--header-height) + 50px); }.about-standard-intro h2 { margin:0; font-size:clamp(50px, 6vw, 88px); font-weight:300; line-height:.98; letter-spacing:-.065em; }.about-standard-intro h2 em { color:var(--blue); font-style:normal; }.about-standard-intro > p:last-child { max-width:480px; margin:38px 0 0; color:var(--muted); line-height:1.75; }.about-standard-list { border-top:1px solid var(--line); }.about-standard-list article { min-height:230px; display:grid; grid-template-columns:70px 1fr; gap:28px; align-items:start; padding:42px 0; border-bottom:1px solid var(--line); }.about-standard-list article > span { color:var(--lime); font-size:9px; }.about-standard-list h3 { margin:0 0 16px; font-size:clamp(28px, 3vw, 42px); font-weight:300; letter-spacing:-.045em; }.about-standard-list p { max-width:590px; margin:0; color:#9eb3bd; line-height:1.72; }
.about-next { background:#eaf2f4; color:var(--black); }.about-next-heading { display:grid; grid-template-columns:.55fr 1.45fr; gap:60px; align-items:start; margin-bottom:clamp(60px, 8vw, 105px); }.about-next .eyebrow { color:#55717e; }.about-next h2 { margin:0; font-size:clamp(54px, 7vw, 104px); font-weight:300; line-height:.93; letter-spacing:-.07em; }.about-next h2 em { color:#176f91; font-style:normal; }.about-next-grid { display:grid; grid-template-columns:repeat(3, 1fr); border-top:1px solid #abc2cb; border-left:1px solid #abc2cb; }.about-next-grid a { position:relative; min-height:310px; padding:clamp(25px, 3vw, 42px); border-right:1px solid #abc2cb; border-bottom:1px solid #abc2cb; display:flex; flex-direction:column; transition:background .35s, color .35s; }.about-next-grid a:hover { background:#0a2a40; color:var(--white); }.about-next-grid span { color:#63808c; font-size:8px; letter-spacing:.14em; }.about-next-grid strong { margin-top:auto; font-size:clamp(27px, 3vw, 40px); font-weight:300; letter-spacing:-.05em; }.about-next-grid p { max-width:330px; margin:15px 0 0; color:#637983; font-size:12px; line-height:1.65; transition:color .35s; }.about-next-grid a:hover p { color:#a9bdc7; }.about-next-grid b { position:absolute; top:clamp(25px, 3vw, 42px); right:clamp(25px, 3vw, 42px); color:#167394; font-weight:400; }.about-next-grid a:hover b { color:var(--lime); }

/* Contact & locations */
.contact-hero { min-height:78svh; }.contact-hero .page-hero-inner { align-items:end; }.contact-route { display:flex; align-items:center; gap:12px; margin-top:46px; color:var(--blue); font-size:9px; font-weight:600; letter-spacing:.16em; }.contact-route i { width:clamp(28px, 5vw, 80px); height:1px; background:linear-gradient(90deg, rgba(145,208,234,.18), var(--blue)); }
.contact-main { background:#e7f0f3; color:var(--black); }.contact-direct { display:grid; grid-template-columns:minmax(300px, .82fr) minmax(420px, 1.18fr); align-items:end; gap:clamp(55px, 9vw, 150px); }.contact-direct .eyebrow { color:#55717e; }.contact-direct h2 { margin:0; font-size:clamp(48px, 5.5vw, 84px); font-weight:300; line-height:.94; letter-spacing:-.06em; }.contact-direct-copy > p:not(.eyebrow) { max-width:470px; margin:30px 0 0; color:#5d717a; line-height:1.75; }
.contact-channels { border-top:1px solid #b4cad3; }.contact-channels a { min-height:78px; display:grid; grid-template-columns:90px 1fr auto; align-items:center; gap:16px; border-bottom:1px solid #b4cad3; transition:padding .35s var(--ease), color .3s; }.contact-channels a:hover { padding-inline:8px; color:#0a7199; }.contact-channels span { color:#6e858f; font-size:8px; letter-spacing:.12em; text-transform:uppercase; }.contact-channels strong { font-size:13px; font-weight:500; }.contact-channels b { color:#167598; font-size:15px; font-weight:400; }.contact-availability { display:grid; grid-template-columns:8px 1fr; gap:10px; align-items:start; margin-top:20px; color:#687f88; font-size:10px; line-height:1.55; }.contact-availability i { width:7px; height:7px; margin-top:4px; border-radius:50%; background:var(--lime); box-shadow:0 0 10px rgba(150,205,55,.6); }
.locations-section { background:linear-gradient(145deg, #061827, #0a2c42); }.location-heading > p { color:var(--muted); }.locations-grid { display:grid; grid-template-columns:repeat(2, 1fr); border-top:1px solid rgba(190,222,238,.18); border-left:1px solid rgba(190,222,238,.18); }.location-card { min-height:480px; padding:clamp(28px, 4vw, 55px); border-right:1px solid rgba(190,222,238,.18); border-bottom:1px solid rgba(190,222,238,.18); background:rgba(255,255,255,.012); display:flex; flex-direction:column; transition:background .4s, transform .4s var(--ease); }.location-card:hover { background:rgba(145,208,234,.055); }.location-primary { background:linear-gradient(145deg, rgba(145,208,234,.1), rgba(145,208,234,.025)); }.location-card-top { display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:16px; color:var(--blue); font-size:8px; letter-spacing:.12em; }.location-card-top i { height:1px; background:rgba(145,208,234,.22); }.location-card-top em { color:var(--lime); font-style:normal; font-size:7px; }.location-card h3 { margin:50px 0 20px; font-size:clamp(48px, 5vw, 76px); font-weight:300; line-height:1; letter-spacing:-.06em; }.location-card > p { max-width:470px; min-height:72px; margin:0 0 34px; color:#9eb4bf; font-size:13px; line-height:1.75; }.location-card dl { margin:auto 0 30px; }.location-card dl div { display:grid; grid-template-columns:90px 1fr; gap:16px; padding:12px 0; border-top:1px solid rgba(190,222,238,.14); }.location-card dt { color:#6f8b99; font-size:8px; letter-spacing:.1em; text-transform:uppercase; }.location-card dd { margin:0; color:#c7d6dd; font-size:11px; line-height:1.55; }.location-card > a { display:flex; justify-content:space-between; gap:16px; padding-top:16px; border-top:1px solid rgba(190,222,238,.2); color:var(--bone); font-size:11px; }.location-card > a span { color:var(--lime); }.location-disclaimer { max-width:850px; margin:24px 0 0; color:#6f8995; font-size:9px; line-height:1.65; }
.contact-continuity { text-align:center; }.contact-continuity h2 { margin:0 auto 46px; font-size:clamp(48px, 6.8vw, 102px); font-weight:300; line-height:.96; letter-spacing:-.065em; }.contact-continuity h2 em { color:var(--blue); font-style:normal; }

/* reveal */
.reveal { opacity: 0; transform: translateY(26px); transition: opacity .9s var(--ease), transform .9s var(--ease); }.reveal.is-visible { opacity: 1; transform: none; }

@media (max-width: 1180px) {
    .desktop-nav { display: none; }.menu-toggle { display: block; }.header-cta { display: none; }
    .hero-shade { background: linear-gradient(90deg, rgba(6,24,39,.95), rgba(9,43,66,.34)), linear-gradient(0deg, rgba(6,24,39,.9), transparent 60%); }
}

@media (max-width: 860px) {
    :root { --header-height: 70px; }
    .wrap, .header-inner { width: min(100% - 32px, 1360px); }
    .section-heading, .results-grid, .final-cta-inner, .page-hero-inner, .split-content, .consultation-grid { grid-template-columns: 1fr; gap: 36px; }
    .section-heading { margin-bottom: 60px; }.section-heading > p { max-width: 560px; }
    .hero-media img { object-position: 61% center; }.hero-shade { background: linear-gradient(0deg, rgba(6,24,39,.99) 0%, rgba(7,34,54,.72) 51%, rgba(10,47,72,.14) 100%); }
    .hero-content { padding-bottom: 118px; }.hero h1 { max-width: 680px; }.hero-copy { max-width: none; }.scan-grid { inset-inline: 30% 0; }.scan-data { display: none; }
    .journey-stage { grid-template-columns: 1fr; padding: 0 0 0 30px; }.journey-route-line { top: 12px; bottom: 50px; left: 12px; right: auto; height: auto; width: 1px; }.route-progress { width: 100%; height: 0; transition: height 2.5s var(--ease); }.journey-stage.route-visible .route-progress { width: 100%; height: 100%; }.journey-stop { min-height: 260px; padding: 0 20px 55px 45px; border-right: 0; }.journey-node { top: 0; left: -31px; }.journey-stop > p:not(.journey-number):not(.journey-city) { max-width: 500px; }
    .results-grid { gap: 64px; }.results-copy { order: 1; }.comparison-card { order: 0; max-height: none; }.case-meta { max-width: 580px; }
    .method-panels { grid-template-columns: 1fr; }.method-panel { min-height: 540px; }.method-panel + .method-panel { border-left: 0; border-top: 1px solid rgba(6,24,39,.16); }
    .network-map { max-width: 700px; }.network-node { width: 140px; }.network-beam { min-width: 35px; }
    .footer-grid { grid-template-columns: 1.4fr 1fr 1fr; }.footer-grid > div:last-child { grid-column: 2 / -1; }
    .team-heading, .video-story-heading { grid-template-columns:1fr; gap:22px; }.doctors-grid, .assistants-grid { grid-template-columns:repeat(2, 1fr); }.doctor-card:last-child { grid-column:1 / -1; max-width:calc(50% - 8px); }.team-portrait { height:320px; }.video-story-grid { grid-template-columns:1fr; }.video-details { min-height:320px; }
    .card-grid, .result-gallery { grid-template-columns: repeat(2, 1fr); }.timeline { grid-template-columns: repeat(3, 1fr); }.timeline article:nth-child(3) { border-right: 0; }.timeline article:nth-child(-n+3) { border-bottom: 1px solid var(--line); }
    .consultation-shell { padding-top: calc(var(--header-height) + 35px); }.consultation-form { min-height: 560px; }
    .assessment-intro { position:static; top:auto; padding-top:0; }
    .assessment-intro > p:not(.eyebrow) { max-width:620px; }
    .assessment-protocol { display:grid; grid-template-columns:repeat(5, 1fr); margin:28px 0 20px; border:1px solid rgba(190,222,238,.13); }
    .assessment-protocol li { min-height:78px; grid-template-columns:1fr 8px; grid-template-rows:auto auto; gap:6px 8px; padding:12px; border:0; border-right:1px solid rgba(190,222,238,.13); }
    .assessment-protocol li:last-child { border-right:0; }
    .assessment-protocol li > span { align-self:end; }
    .assessment-protocol li div { display:block; }
    .assessment-protocol li small { display:none; }
    .assessment-protocol li > i { grid-column:2; grid-row:1 / 3; }
    .assessment-protocol li.active { padding-left:12px; }
    .assessment-panel { min-height:760px; }
    .quick-assessment-layout { grid-template-columns:1fr; }
    .quick-assessment-intro { position:static; padding-top:0; }
    .quick-assessment-benefits { grid-template-columns:repeat(3, 1fr); border:1px solid rgba(190,222,238,.14); }
    .quick-assessment-benefits span { min-height:68px; padding:12px; border-bottom:0; border-right:1px solid rgba(190,222,238,.14); }
    .quick-assessment-benefits span:last-child { border-right:0; }
    .contact-direct { grid-template-columns:1fr; align-items:start; gap:48px; }
    .contact-direct-copy > p:not(.eyebrow) { max-width:620px; }
    .sapphire-definition-grid, .sapphire-section-heading, .sapphire-candidacy-heading, .sapphire-recovery-heading, .sapphire-precision-grid, .sapphire-risks { grid-template-columns:1fr; gap:48px; }
    .sapphire-definition-copy { max-width:690px; }
    .sapphire-instrument { aspect-ratio:16 / 10; }
    .sapphire-facts, .sapphire-process-grid, .sapphire-recovery-line { grid-template-columns:repeat(2, 1fr); }
    .sapphire-section-heading > p, .sapphire-candidacy-heading > p, .sapphire-recovery-heading > p { max-width:640px; }
    .sapphire-anatomy { aspect-ratio:16 / 10; }
    .sapphire-comparison-grid { grid-template-columns:1fr; }
    .dhi-definition-grid, .dhi-section-heading, .dhi-candidacy-heading, .dhi-recovery-heading, .dhi-precision-grid, .dhi-risks { grid-template-columns:1fr; gap:48px; }
    .dhi-definition-copy { max-width:690px; }
    .dhi-instrument { aspect-ratio:16 / 10; }
    .dhi-facts, .dhi-process-grid, .dhi-recovery-line { grid-template-columns:repeat(2, 1fr); }
    .dhi-section-heading > p, .dhi-candidacy-heading > p, .dhi-recovery-heading > p { max-width:640px; }
    .dhi-anatomy { aspect-ratio:16 / 10; }
    .dhi-comparison-grid { grid-template-columns:1fr; }
    .bart-definition-grid, .bart-section-heading, .bart-planning-heading, .bart-candidacy-heading, .bart-recovery-heading, .bart-precision-grid, .bart-risks { grid-template-columns:1fr; gap:48px; }
    .bart-definition-copy { max-width:690px; }
    .bart-portrait { aspect-ratio:16 / 10; }
    .bart-principles, .bart-zone-grid, .bart-process-grid, .bart-recovery-line { grid-template-columns:repeat(2, 1fr); }
    .bart-section-heading > p, .bart-planning-heading > p, .bart-candidacy-heading > p, .bart-recovery-heading > p { max-width:640px; }
    .bart-cutaway { aspect-ratio:16 / 10; }
    .eyebrow-definition-grid, .eyebrow-section-heading, .eyebrow-planning-heading, .eyebrow-candidacy-heading, .eyebrow-recovery-heading, .eyebrow-precision-grid, .eyebrow-care-grid, .eyebrow-risks { grid-template-columns:1fr; gap:48px; }
    .eyebrow-definition-copy { max-width:690px; }
    .eyebrow-portrait { aspect-ratio:16 / 10; }
    .eyebrow-principles, .eyebrow-zone-grid, .eyebrow-process-grid, .eyebrow-recovery-line { grid-template-columns:repeat(2, 1fr); }
    .eyebrow-section-heading > p, .eyebrow-planning-heading > p, .eyebrow-candidacy-heading > p, .eyebrow-recovery-heading > p { max-width:640px; }
    .eyebrow-cutaway { aspect-ratio:16 / 10; }
    .eyebrow-care-grid > div:first-child { position:static; top:auto; }
    .about-intro-grid, .about-clinic-heading, .about-pillars-heading, .about-standard-grid { grid-template-columns:1fr; gap:48px; }
    .about-intro-copy { max-width:650px; }
    .about-clinic-heading > p, .about-pillars-heading > p:last-child { max-width:620px; }
    .about-gallery { grid-template-columns:1fr 1fr; grid-template-rows:auto; }
    .about-photo { aspect-ratio:4 / 3; }
    .about-photo-main { grid-column:1 / -1; grid-row:auto; aspect-ratio:16 / 9; }
    .about-pillars-heading .eyebrow { margin-bottom:0; }
    .about-standard-intro { position:static; top:auto; }
    .about-standard-intro > p:last-child { max-width:620px; }
}

@media (max-width: 600px) {
    body { font-size: 15px; }.wrap, .header-inner { width: min(100% - 28px, 1360px); }
    .site-header .brand-logo { width:31px; }
    .site-header .brand-name { font-size:12px; }
    .hero { min-height: 100svh; }.hero-media img { object-position: 63% 15%; }.hero-content { padding-bottom: 124px; }.hero h1 { font-size: clamp(52px, 15.2vw, 64px); line-height: .91; }.hero-kicker { margin-bottom: 18px; }.hero-copy { margin-top: 30px; display: block; }.hero-copy > p { font-size: 14px; }.hero-buttons { margin-top: 26px; display: flex; flex-direction: column; align-items: flex-start; gap: 18px; }.hero-buttons .button { width: 100%; }.hero-route { left: 14px; right: 14px; bottom: 28px; justify-content: center; }.hero-route i { width: 24px; }.scroll-cue { display: none; }.scan-line { left: 67%; }
    .section { padding: 88px 0; }.continuum { min-height: 100svh; }.statement { font-size: 46px; }.statement-answer { font-size: 24px; margin-top: 42px; }
    .section-heading h2, .results-copy h2, .network-title, .medical h2, .content-title { font-size: 46px; }.section-heading { gap: 28px; }
    .journey-city { margin-bottom: 5px; }.journey-stop h3 { font-size: 34px; margin-bottom: 13px; }
    .comparison-card { aspect-ratio: 1 / 1.35; }.case-meta { grid-template-columns: 1fr; }.case-meta div:nth-child(odd), .case-meta div:nth-child(even) { padding: 15px 0; border-left: 0; }
    .method-panel { min-height: 500px; padding: 28px; }.method-panel h3 { font-size: 65px; }.method-panel ul { width: 55%; }.method-figure { width: 160px; height: 280px; top: 27%; }
    .medical { min-height: 92svh; }.medical-content { padding-bottom: 75px; }
    .network-map { align-items: flex-start; }.network-node { width: 92px; }.network-node strong { font-size: 12px; }.network-node small { font-size: 6px; }.node-ring { margin-bottom: 16px; }.network-beam { min-width: 8px; margin: 13px -4px 0; }.network-detail { grid-template-columns: 1fr; gap: 12px; text-align: center; }.network-detail p { font-size: 13px; }
    .final-cta-inner { gap: 40px; }.final-cta .button { width: 100%; }.footer-grid { grid-template-columns: 1fr 1fr; gap: 45px 25px; }.footer-brand { grid-column: 1 / -1; }.footer-grid > div:last-child { grid-column: auto; }.footer-bottom { flex-wrap: wrap; gap: 15px; }.footer-bottom > span:last-child { width: 100%; }.footer-cta .button { width: 100%; }
    .floating-actions { right:14px; bottom:max(14px, env(safe-area-inset-bottom)); }
    .doctors-grid, .assistants-grid { grid-template-columns:1fr; }.doctor-card:last-child { grid-column:auto; max-width:none; }.team-heading, .video-story-heading { margin-bottom:42px; }.team-portrait, .assistant-card .team-portrait { height:280px; }.team-card-copy { min-height:200px; padding:24px; }.video-story-grid { margin-inline:0; }.video-frame { width:100%; max-width:100%; }.video-details { min-height:0; padding:28px 22px; }.video-play { gap:16px; padding-inline:16px; }.video-play-icon { width:62px; height:62px; flex:0 0 62px; }.video-play-copy { min-width:0; }
    .page-hero { min-height: 68svh; padding-bottom: 60px; }.page-hero h1 { font-size: 57px; }.page-hero-copy { font-size: 15px; }
    .card-grid, .result-gallery { grid-template-columns: 1fr; }.info-card { min-height: 300px; }.timeline { grid-template-columns: 1fr 1fr; }.timeline article, .timeline article:nth-child(3) { border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); }.timeline article:nth-child(even) { border-right: 0; }.timeline article:nth-last-child(-n+2) { border-bottom: 0; }
    .consultation-grid { gap: 35px; }.consultation-intro h1 { font-size: 48px; }.consultation-intro p:not(.eyebrow) { margin-top: 20px; }.consultation-form { margin-inline: -14px; padding: 28px 20px; min-height: 600px; }.form-progress { margin-bottom: 42px; }.field-grid { grid-template-columns: 1fr; gap: 15px; }.field.full { grid-column: auto; }.selection-grid { grid-template-columns: 1fr 1fr; }.selection-card label { min-height: 92px; }.upload-grid { grid-template-columns: 1fr 1fr; }.upload-zone { min-height: 120px; }.form-actions .button { min-width: 160px; }
    .assessment-shell { padding-top:calc(var(--header-height) + 28px); }
    .assessment-intro h1 { font-size:46px; }
    .assessment-protocol, .assessment-trust { display:none; }
    .assessment-panel { min-height:680px; padding:26px 18px; }
    .quick-assessment-shell { padding-top:calc(var(--header-height) + 22px); }
    .quick-assessment-intro h1 { font-size:43px; }
    .quick-assessment-intro > p:not(.eyebrow) { font-size:13px; }
    .quick-assessment-benefits { grid-template-columns:1fr; margin-top:25px; }
    .quick-assessment-benefits span { min-height:42px; padding:0 12px; border-right:0; border-bottom:1px solid rgba(190,222,238,.14); }
    .quick-assessment-benefits span:last-child { border-bottom:0; }
    .quick-assessment-panel { min-height:0; padding:25px 16px; }
    .quick-progress { margin-bottom:30px; }
    .assessment-progress { grid-template-columns:1fr; gap:12px; margin-bottom:36px; }
    .step-heading { grid-template-columns:30px 1fr; gap:12px; margin-bottom:28px; }
    .step-heading > span { width:30px; height:30px; }
    .form-step .step-heading h2 { font-size:34px; }
    .choice-grid-3 { grid-template-columns:1fr 1fr; }
    .choice-card label { min-height:100px; padding:12px; }
    .quick-choice-grid .choice-card label { min-height:94px; }
    .quick-option-grid, .quick-option-grid-3 { grid-template-columns:1fr 1fr; }
    .quick-option-grid span { min-height:54px; padding:8px; }
    .photo-guidance { flex-wrap:wrap; }
    .photo-guidance span { flex:1 1 calc(50% - 8px); }
    .analysis-upload-grid { grid-template-columns:repeat(2, minmax(190px, 72vw)); overflow-x:auto; scroll-snap-type:x mandatory; margin-inline:-18px; padding:0 18px 10px; scrollbar-width:none; -ms-overflow-style:none; }
    .quick-upload-grid { grid-template-columns:1fr; overflow:visible; margin-inline:0; padding:0; }
    .quick-upload-grid .analysis-upload-card label { aspect-ratio:16 / 10; }
    .analysis-upload-grid::-webkit-scrollbar { display:none; }
    .analysis-upload-card { scroll-snap-align:center; }
    .photo-status { flex-direction:column; gap:3px; }
    .contact-choice > div { grid-template-columns:1fr; }
    .analysis-review { grid-template-columns:1fr; }
    .analysis-review p { border-right:0; border-bottom:1px solid #b5cad3; }
    .analysis-review p:last-child { border-bottom:0; }
    .assessment-panel .form-actions { gap:16px; }
    .assessment-submit, .assessment-panel .form-actions .button { min-width:0; flex:1; padding-inline:16px; }
    .assessment-panel .success-screen { min-height:560px; }
    .contact-hero { min-height:72svh; }
    .contact-route { margin-top:30px; gap:8px; }
    .contact-main { padding-top:72px; }
    .contact-direct h2 { font-size:48px; }
    .contact-channels a { grid-template-columns:74px 1fr auto; min-height:70px; gap:10px; }
    .contact-channels strong { font-size:11px; overflow-wrap:anywhere; }
    .locations-grid { grid-template-columns:1fr; }
    .location-card { min-height:440px; padding:30px 24px; }
    .location-card h3 { margin-top:38px; }
    .location-card > p { min-height:0; }
    .contact-continuity h2 { font-size:46px; }
    .contact-continuity .button { width:100%; }
    .sapphire-hero-copy > p { font-size:14px; }
    .sapphire-hero-copy > div { margin-top:22px; }
    .sapphire-definition-copy h2 { font-size:46px; }
    .sapphire-definition-copy .lead { font-size:20px; }
    .sapphire-definition-copy .button { width:100%; }
    .sapphire-instrument { aspect-ratio:4 / 3; }
    .sapphire-facts, .sapphire-process-grid { grid-template-columns:1fr; }
    .sapphire-facts article { min-height:250px; }
    .sapphire-section-heading h2, .sapphire-candidacy-heading h2, .sapphire-recovery-heading h2 { font-size:48px; }
    .sapphire-process-grid article { min-height:350px; }
    .sapphire-process-grid h3 { margin-top:55px; }
    .sapphire-anatomy { aspect-ratio:4 / 3; }
    .sapphire-precision-copy h2 { font-size:46px; }
    .sapphire-precision-copy li { grid-template-columns:30px 1fr; gap:12px; }
    .sapphire-candidacy-grid { grid-template-columns:1fr; }
    .sapphire-candidacy-grid article { min-height:430px; }
    .sapphire-candidacy-grid h3 { margin-top:58px; }
    .sapphire-planning-visual { aspect-ratio:4 / 3; }
    .sapphire-planning-visual figcaption { display:grid; gap:8px; }
    .sapphire-comparison-grid article { min-height:480px; }
    .sapphire-comparison-grid h3 { margin-top:55px; }
    .sapphire-comparison-grid dl div { grid-template-columns:100px 1fr; gap:15px; }
    .sapphire-recovery-line { grid-template-columns:repeat(6, minmax(270px, 80vw)); overflow-x:auto; scroll-snap-type:x mandatory; scrollbar-width:none; }
    .sapphire-recovery-line::-webkit-scrollbar { display:none; }
    .sapphire-recovery-line article { min-height:290px; scroll-snap-align:start; }
    .sapphire-risks h3 { font-size:42px; }
    .dhi-hero-copy > p { font-size:14px; }
    .dhi-hero-copy > div { margin-top:22px; }
    .dhi-definition-copy h2 { font-size:46px; }
    .dhi-definition-copy .lead { font-size:20px; }
    .dhi-definition-copy .button { width:100%; }
    .dhi-instrument { aspect-ratio:4 / 3; }
    .dhi-facts, .dhi-process-grid { grid-template-columns:1fr; }
    .dhi-facts article { min-height:250px; }
    .dhi-section-heading h2, .dhi-candidacy-heading h2, .dhi-recovery-heading h2 { font-size:48px; }
    .dhi-process-grid article { min-height:350px; }
    .dhi-process-grid h3 { margin-top:55px; }
    .dhi-anatomy { aspect-ratio:4 / 3; }
    .dhi-precision-copy h2 { font-size:46px; }
    .dhi-precision-copy li { grid-template-columns:30px 1fr; gap:12px; }
    .dhi-candidacy-grid { grid-template-columns:1fr; }
    .dhi-candidacy-grid article { min-height:430px; }
    .dhi-candidacy-grid h3 { margin-top:58px; }
    .dhi-loading-visual { aspect-ratio:4 / 3; }
    .dhi-loading-visual figcaption { display:grid; gap:8px; }
    .dhi-comparison-grid article { min-height:500px; }
    .dhi-comparison-grid h3 { margin-top:55px; }
    .dhi-comparison-grid dl div { grid-template-columns:100px 1fr; gap:15px; }
    .dhi-recovery-line { grid-template-columns:repeat(6, minmax(270px, 80vw)); overflow-x:auto; scroll-snap-type:x mandatory; scrollbar-width:none; }
    .dhi-recovery-line::-webkit-scrollbar { display:none; }
    .dhi-recovery-line article { min-height:290px; scroll-snap-align:start; }
    .dhi-risks h3 { font-size:42px; }
    .bart-hero-copy > p { font-size:14px; }
    .bart-hero-copy > div { margin-top:22px; }
    .bart-definition-copy h2 { font-size:46px; }
    .bart-definition-copy .lead { font-size:20px; }
    .bart-definition-copy .button { width:100%; }
    .bart-portrait { aspect-ratio:4 / 3; }
    .bart-principles, .bart-zone-grid, .bart-process-grid { grid-template-columns:1fr; }
    .bart-principles article { min-height:250px; }
    .bart-section-heading h2, .bart-planning-heading h2, .bart-candidacy-heading h2, .bart-recovery-heading h2 { font-size:48px; }
    .bart-zone-grid article, .bart-process-grid article { min-height:350px; }
    .bart-zone-grid h3, .bart-process-grid h3 { margin-top:55px; }
    .bart-cutaway { aspect-ratio:4 / 3; }
    .bart-precision-copy h2 { font-size:46px; }
    .bart-precision-copy li { grid-template-columns:30px 1fr; gap:12px; }
    .bart-planning-visual { aspect-ratio:4 / 3; }
    .bart-planning-visual figcaption { display:grid; gap:8px; }
    .bart-planning-facts { grid-template-columns:repeat(3, minmax(270px, 80vw)); overflow-x:auto; scroll-snap-type:x mandatory; scrollbar-width:none; }
    .bart-planning-facts::-webkit-scrollbar { display:none; }
    .bart-planning-facts article { min-height:270px; scroll-snap-align:start; }
    .bart-candidacy-grid { grid-template-columns:1fr; }
    .bart-candidacy-grid article { min-height:430px; }
    .bart-candidacy-grid h3 { margin-top:58px; }
    .bart-recovery-line { grid-template-columns:repeat(6, minmax(270px, 80vw)); overflow-x:auto; scroll-snap-type:x mandatory; scrollbar-width:none; }
    .bart-recovery-line::-webkit-scrollbar { display:none; }
    .bart-recovery-line article { min-height:290px; scroll-snap-align:start; }
    .bart-risks h3 { font-size:42px; }
    .eyebrow-hero-copy > p { font-size:14px; }
    .eyebrow-hero-copy > div { margin-top:22px; }
    .eyebrow-definition-copy h2 { font-size:46px; }
    .eyebrow-definition-copy .lead { font-size:20px; }
    .eyebrow-definition-copy .button { width:100%; }
    .eyebrow-portrait { aspect-ratio:4 / 3; }
    .eyebrow-principles, .eyebrow-zone-grid, .eyebrow-process-grid { grid-template-columns:1fr; }
    .eyebrow-principles article { min-height:250px; }
    .eyebrow-section-heading h2, .eyebrow-planning-heading h2, .eyebrow-candidacy-heading h2, .eyebrow-recovery-heading h2 { font-size:48px; }
    .eyebrow-zone-grid article, .eyebrow-process-grid article { min-height:350px; }
    .eyebrow-zone-grid h3, .eyebrow-process-grid h3 { margin-top:55px; }
    .eyebrow-cutaway { aspect-ratio:4 / 3; }
    .eyebrow-precision-copy h2 { font-size:46px; }
    .eyebrow-precision-copy li { grid-template-columns:30px 1fr; gap:12px; }
    .eyebrow-planning-visual { aspect-ratio:4 / 3; }
    .eyebrow-planning-visual figcaption { display:grid; gap:8px; }
    .eyebrow-planning-facts { grid-template-columns:repeat(3, minmax(270px, 80vw)); overflow-x:auto; scroll-snap-type:x mandatory; scrollbar-width:none; }
    .eyebrow-planning-facts::-webkit-scrollbar { display:none; }
    .eyebrow-planning-facts article { min-height:270px; scroll-snap-align:start; }
    .eyebrow-candidacy-grid { grid-template-columns:1fr; }
    .eyebrow-candidacy-grid article { min-height:430px; }
    .eyebrow-candidacy-grid h3 { margin-top:58px; }
    .eyebrow-care-grid h2 { font-size:46px; }
    .eyebrow-care-list article { grid-template-columns:36px 1fr; gap:14px; min-height:190px; }
    .eyebrow-recovery-line { grid-template-columns:repeat(6, minmax(270px, 80vw)); overflow-x:auto; scroll-snap-type:x mandatory; scrollbar-width:none; }
    .eyebrow-recovery-line::-webkit-scrollbar { display:none; }
    .eyebrow-recovery-line article { min-height:290px; scroll-snap-align:start; }
    .eyebrow-risks h3 { font-size:42px; }
    .about-hero h1 { font-size:54px; }
    .about-hero-copy > p { font-size:14px; }
    .about-hero-route { margin-top:32px; gap:8px; }
    .about-hero-route i { width:26px; }
    .about-intro h2 { font-size:46px; }
    .about-intro-copy .lead { font-size:20px; }
    .about-intro-copy .button { width:100%; }
    .about-care-line { grid-template-columns:repeat(3, minmax(280px, 82vw)); overflow-x:auto; padding-bottom:8px; scroll-snap-type:x mandatory; scrollbar-width:none; }
    .about-care-line::-webkit-scrollbar { display:none; }
    .about-care-line article { min-height:330px; scroll-snap-align:start; }
    .about-care-line strong { margin-top:52px; }
    .about-clinic-heading h2 { font-size:48px; }
    .about-gallery { grid-template-columns:1fr; gap:10px; }
    .about-photo, .about-photo-main { grid-column:auto; aspect-ratio:4 / 3; }
    .about-photo figcaption { left:20px; right:20px; bottom:20px; }
    .about-pillars-heading h2 { font-size:56px; line-height:.9; }
    .about-pillar-grid { grid-template-columns:1fr; }
    .about-pillar-grid article { min-height:390px; }
    .about-standard-intro h2 { font-size:48px; }
    .about-standard-list article { min-height:0; grid-template-columns:38px 1fr; gap:14px; padding:32px 0; }
    .about-next-heading { grid-template-columns:1fr; gap:26px; }
    .about-next h2 { font-size:48px; }
    .about-next-grid { grid-template-columns:1fr; }
    .about-next-grid a { min-height:260px; }
}

@media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto; }*, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }.reveal { opacity: 1; transform: none; }
}