:root {
      --page-bg: #f7f7f2;
      --panel-bg: #fff5e6;
      --ink: #3a3a3f;
      --text: #3a3a3f;
      --gold: #E6B24A;
      --gold-hover: #ddb45c;
      --outline: #3a3a3f;
    }
    * { box-sizing: border-box; }
    html, body { margin: 0; padding: 0; background: var(--page-bg); }
    body { font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; color: var(--ink); }

    .page { min-height: 100vh; background: var(--page-bg); overflow-x: clip; }
    .shell { max-width: 1440px; margin: 0 auto; padding: 0 80px; }

    .site-header { height:72px; }
    .topbar { height:72px; display:flex; align-items:center; justify-content:space-between; gap:80px; }
    .logo { font:300 24.41px/32px Poppins, sans-serif; white-space:nowrap; }
    .logo span { color:#E6B24A; font-weight:300; }
    .nav { display:flex; align-items:center; justify-content:flex-end; gap:53px; font:400 13px/1 Inter,sans-serif; color:#3a3a3f; }
    .nav-item { position:relative; white-space:nowrap; color:inherit; text-decoration:none; }
    .nav-item.is-active { color:var(--gold); }
    a.logo { color:inherit; text-decoration:none; }
    .nav-item::before { display:none; }
    .nav-item.caret { display:flex; align-items:center; gap:2px; }
    .nav-item.caret::after { content:''; width:6px; height:6px; border-right:1px solid currentColor; border-bottom:1px solid currentColor; transform:rotate(45deg) translateY(-2px); }

    .hero { height:500px; position:relative; padding:0; }
    .hero .copy { position:absolute; left:5px; top:120px; width:635px; height:309px; z-index:2; }
    h1 { margin:0; color:var(--ink); font-family:Poppins,Inter,sans-serif; font-size:56px; line-height:70px; letter-spacing:-1.68px; font-weight:300; }
    .copy p { position:absolute; left:0; top:152px; width:601px; margin:0; color:var(--text); font-size:18px; line-height:28px; }
    .buttons { position:absolute; left:0; top:256px; display:flex; gap:32px; margin:0; }
    .btn { min-width:0; padding:18px 40px; border-radius:6px; text-decoration:none; text-align:center; font:400 14px/17px Inter,sans-serif; white-space:nowrap; transition:background .2s ease,color .2s ease,border-color .2s ease; }
    .btn-outline { border:1px solid var(--outline); color:var(--ink); background:transparent; }
    .btn-outline:hover { background: rgba(0,0,0,.03); }
    .btn-solid { background:var(--gold); border:1px solid var(--gold); color:white; }
    .btn-solid:hover { background: var(--gold-hover); border-color: var(--gold-hover); }

    .art { position:absolute; left:512px; top:45px; width:905px; height:509px; display:block; }
    .art-card { position:relative; width:905px; height:509px; background:transparent; overflow:hidden; user-select:none; -webkit-user-select:none; -webkit-touch-callout:none; }
    .art-card canvas { display: block; width: 100%; height: 100%; cursor: crosshair; background:transparent; user-select:none; -webkit-user-select:none; }
    .hint { position: absolute; left: 18px; bottom: 14px; font-size: 11px; letter-spacing: .14em; text-transform: uppercase; color: rgba(64,65,73,.34); pointer-events: none; user-select: none; }

    .section { padding: 60px max(80px,calc((100vw - 1440px)/2 + 80px)); }
    .section-inner { max-width:1280px; margin:0 auto; }
    .section h2 { margin:0 0 10px; font-family:Poppins,Inter,sans-serif; font-size:32px; line-height:1.3; letter-spacing:-.03em; font-weight:300; color:#3a3a3f; }
    .section p { color:#3a3a3f; line-height:1.75; }
    .eyebrow { font:500 18px/1.3 Poppins,Inter,sans-serif; }
    .video-scroll-stage { position:relative; height:230vh; overflow:clip; }
    .feature-intro { position:sticky; top:72px; height:calc(100vh - 72px); display:grid; grid-template-columns:535px 735px; gap:10px; align-items:start; padding-top:48px; padding-bottom:0; overflow:visible; }
    .feature-copy { will-change:opacity,transform; }
    .feature-intro > .feature-copy,.feature-intro > .video-box { transition:none; }
    .feature-intro h2 { border-left:5px solid #c8921e; padding-left:20px; font-size:36px; line-height:1.38; }
    .feature-intro > div:first-child { width:535px; height:380px; position:relative; }
    .feature-intro > div:first-child p { width:500px; font-size:18px; line-height:28px; }
    .feature-intro > div:first-child .button-row { position:absolute; left:0; top:315px; margin:0; }
    .feature-intro > div:first-child .btn { width:298px; text-align:left; }
    .video-box { position:relative; width:735px; height:380px; border-radius:24px; background:#3a3a3f; overflow:hidden; transform-origin: center center; will-change: transform, border-radius; z-index:5; }
    .video-box.active { z-index:100; }
    .video-box video { width:100%; height:100%; object-fit:cover; display:block; }
    .video-mute { position:absolute; bottom:16px; right:16px; width:40px; height:40px; border-radius:50%; border:0; background:rgba(0,0,0,.55); color:#fff; font-size:16px; cursor:pointer; display:flex; align-items:center; justify-content:center; z-index:20; }
    .video-mute:hover { background:rgba(0,0,0,.8); }
    .video-box.is-expanding { z-index:100; }
    @media (prefers-reduced-motion: reduce) {
      .video-scroll-stage { height:auto; }
      .feature-intro { position:relative; height:608px; padding-top:114px; padding-bottom:114px; }
      .feature-copy,.video-box { transform:none !important; opacity:1 !important; }
    }
    .btn { border:1px solid currentColor; }
    .btn-outline:hover,.btn-outline:focus-visible { background:#3a3a3f; border-color:#3a3a3f; color:#fff; }
    .btn-solid:hover,.btn-solid:focus-visible { background:transparent; border-color:var(--gold); color:var(--gold); }
    .button-row { margin-top:28px; }
    .button-row .btn,.diagnosis > .section-inner > .btn,.latest-head .btn,.article-card > a:not(.article-hit) { display:inline-flex; align-items:center; justify-content:space-between; gap:6px; }
    .button-row .btn::after,.diagnosis > .section-inner > .btn::after,.latest-head .btn::after,.article-card > a:not(.article-hit)::after { content:'→'; width:12px; height:17px; flex:0 0 12px; font:400 16px/17px Inter,sans-serif; }
    .stats { height:150px; background:#fff; display:grid; grid-template-columns:repeat(4,260px); justify-content:space-between; align-items:center; padding:0 max(80px,calc((100vw - 1440px)/2 + 80px)); text-align:center; color:#3a3a3f; }
    .stat-main { min-height:29px; display:flex; align-items:center; justify-content:center; gap:5px; font:500 24px/normal Poppins,sans-serif; letter-spacing:0; white-space:nowrap; }
    .stat-main .small { font:inherit; letter-spacing:inherit; }
    .stat-main .super { position:static; }
    .stat-label { margin-top:5px; font:400 13px/normal Inter,sans-serif; }
    .center-head { width:700px; text-align:center; margin:0 auto 70px; }
    .center-head p { margin:0; font-size:16px; line-height:28px; }
    .audience { height:715px; padding-top:60px; padding-bottom:60px; position:relative; z-index:1; scroll-margin-top:96px; }
    .audience .center-head { height:136px; }
    .stack-stage { position:relative; min-height:389px; }
    .stack-stage.emerging-stage { min-height:0; }
    /* Audience stacked-reveal parallax: all three cards start stacked at center,
       then slide to left/center/right resting spots as user scrolls. */
    .audience { height:auto; }
    .audience .audience-stack { min-height: 200vh; }
    .audience .audience-stack .audience-grid { position: sticky; top: 100px; display:block; height: 420px; max-width: 1280px; margin: 0 auto; }
    .audience .audience-stack .audience-card { position:absolute; top:0; left:50%; width:405.333px; transform: translateX(-50%); will-change: transform; box-shadow: 0 20px 60px -20px rgba(58,58,63,.25); }
    .audience .audience-stack .audience-card:nth-child(1) { z-index: 3; }
    .audience .audience-stack .audience-card:nth-child(2) { z-index: 2; }
    .audience .audience-stack .audience-card:nth-child(3) { z-index: 1; }
    @media (max-width: 1100px) {
      .audience .center-head { width: 100%; height: auto; }
      .audience .audience-stack { min-height: 0; }
      .audience .audience-stack .audience-grid { position: static; height: auto; display: flex; flex-direction: column; gap: 24px; }
      .audience .audience-stack .audience-card { position: relative; left: auto; top: auto; transform: none; width: 100%; }
    }
    @media (max-width: 760px) {
      .audience .center-head { width: 100%; height: auto; }
      .audience .audience-stack { min-height: 0; }
      .audience .audience-stack .audience-grid { position: static; height:auto; display:flex; flex-direction:column; gap:24px; }
      .audience .audience-stack .audience-card { position:relative; left:auto; top:auto; transform:none; width:100%; }
    }
    .audience-grid,.treatment-grid,.article-grid,.research-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:32px; }
    .audience-card { position:relative; width:405.333px; height:389px; padding:30px; border-radius:12px; background:#fff; border:0; display:block; overflow:hidden; }
    .audience-card::before { content:''; position:absolute; inset:0; background-image:var(--watermark); background-repeat:no-repeat; background-position:center center;  opacity:var(--watermark-opacity,.1); pointer-events:none; }
    .audience .audience-stack .audience-card:nth-child(1)::before {margin-top: -100px; background-position:center center; opacity:var(--watermark-opacity,.12); }
    .audience-card > * { position:relative; z-index:1; }
    .audience-card h3,.treatment-card h3,.research-card h3,.article-card h3 { margin:0 0 15px; font:500 18px/1.45 Poppins,Inter,sans-serif; }
    .audience-card h3 { position:absolute; left:30px; top:113px; font-weight:300; font-size:24px; line-height:28px; letter-spacing:-.72px; }
    .audience-card p { position:absolute; left:30px; top:156px; width:345.333px; margin:0; font-size:16px; line-height:24px; }
    .audience-card .btn { position:absolute; left:30px; top:276px; }
    .audience-label { position:absolute; left:30px; top:30px; height:54px; display:flex; align-items:center; gap:20px; }
    .audience-icon { height:53.333px; width:76px; object-fit:contain; object-position:left center; }
    .audience-label .eyebrow { white-space:nowrap; font-size:18px; line-height:24px; }
    .organs { height:776px; padding-top:60px; padding-bottom:62px; position:relative; overflow:visible; }
    .organs-head { position:relative; height:216px; margin-bottom:70px; }
    .organs-head h2 { position:absolute; z-index:2; left:0; top:-19px; width:1280px; margin:0; font-size:32px; line-height:40px; }
    .organs-head h3 { position:absolute; z-index:2; left:0; top:80.5px; margin:0; font:500 32px/40px Poppins,sans-serif; letter-spacing:-.96px; }
    .organs-head p { position:absolute; z-index:2; left:0; top:130.5px; width:537px; margin:0; font:400 14px/28px Inter,sans-serif; }
    .organs-halftone-bg { position:absolute; left:234px; top:-386px; width:1054px; height:1373px; z-index:0; opacity:.32; pointer-events:auto; transition:opacity .4s ease; }
    .organs-halftone-bg:hover { opacity:.48; }
    .organs-halftone-bg canvas { width:100%; height:100%; display:block; background:transparent; cursor:crosshair; }
    .organ-card { position:relative; z-index:1; }
    @media (max-width: 1100px) {
      .organs-halftone-bg { left:auto; right:-40px; top:-260px; width:720px; height:938px; opacity:.22; }
    }
    @media (max-width: 760px) {
      .organs-halftone-bg { display:none; }
    }
    .organ-grid { display:grid; grid-template-columns:repeat(5,1fr); gap:31px; }
    .organ-card { position:relative; height:267px; padding:30px; border:1px solid #3a3a3f; border-top:7px solid #e3c17a; border-radius:0; overflow:hidden; background:#f7f7f2; }
    .organ-card h3 { position:relative; z-index:2; margin:0 0 12px; font:500 18px/24px Poppins,Inter,sans-serif; }
    .organ-card p { position:relative; z-index:2; width:auto; max-width:100%; font:400 14px/28px Inter,sans-serif; margin:0; padding-right:12px; }
    .organ-halftone { position:absolute; inset:0; opacity:.2; pointer-events:none; transition:opacity .3s ease; }
    .organ-card:hover .organ-halftone { opacity:.35; }
    .organ-halftone canvas { width:100%; height:100%; display:block; }
    .organs .button-row { margin-top:33px; }
    .organs .button-row .btn { width:222px; }
    .dark { background:#3a3a3f; color:white; }
    .dark h2,.dark p { color:white; }
    .diagnosis { min-height:497px; padding-top:60px; padding-bottom:64px; position:relative; }
    .diagnosis .reveal { min-height:114px; margin-bottom:28px; }
    .diagnosis .reveal p { width:622px; margin:0; font:400 14px/28px Inter,sans-serif; }
    .journey { display:grid; grid-template-columns:repeat(6, 75px); justify-content:space-between; align-items:start; margin-top:28px; margin-bottom:48px; position:relative; }
    .journey-step { position:relative; width:75px; text-align:left; padding:0; opacity:0; transform:translateY(24px); transition:opacity .6s ease, transform .6s ease; }
    .journey-step.visible { opacity:1; transform:none; }
    .journey-icon { position:relative; width:75px; height:75px; margin:0 0 18px; border:2px solid #fff; border-radius:50%; display:grid; place-items:center; background:transparent; z-index:1; overflow:hidden; transition:border-color .25s ease, transform .25s ease; }
    .journey-icon img {  object-fit:contain; display:block; mix-blend-mode:screen; }
    .journey-step:hover .journey-icon, .journey-step:focus-within .journey-icon { transform:scale(1.05); border-color:#E6B24A; }
    .journey-step strong { display:block; width:max-content; max-width:170px; font:500 14px/20px Poppins,sans-serif; color:#ddb45c; margin:0; }
    .journey-step:last-child { text-align:right; }
    .journey-step:last-child strong { margin-left:auto; }
    .journey-step span { display:none; }
    .diagnosis > .section-inner > .btn { position:relative; left:auto; top:auto; width:auto; min-width:248px; margin-top:8px; color:#ddb45c; border-color:#ddb45c; background:transparent; }
    .diagnosis > .section-inner > .btn:hover, .diagnosis > .section-inner > .btn:focus-visible { background:#ddb45c; color:#3a3a3f; border-color:#ddb45c; }
    
    .treatment { height:auto; padding-top:60px; padding-bottom:60px; text-align:center; }
    .treatment .center-head { height:114px; }
    .treatment-card { height:404px; background:#3a3a3f; color:white; border-radius:8px; padding:30px; text-align:left; overflow:hidden; }
    .treatment-card img { width:100%; height:130px; object-fit:cover; border-radius:5px; transition:transform .45s ease; }
    .treatment-card:hover img { transform:scale(1.045); }
    .treatment-card p,.treatment-card h3 { color:white; }
    .treatment-card h3 { margin-top:30px; margin-bottom:15px; }
    .treatment-card p { margin:0; font:400 16px/24px Inter,sans-serif; }
    .treatment .button-row { margin-top:70px; }
    .treatment .button-row .btn { width:247px;border-color: #E6B24A; color: #E6B24A; }
    /* Treatment stacked-reveal parallax — same behavior as audience-stack */
    .treatment .treatment-stack { min-height: 200vh; }
    .treatment .treatment-stack .treatment-grid { position: sticky; top: 100px; display:block; height: 420px; max-width: 1280px; margin: 0 auto; }
    .treatment .treatment-stack .treatment-card { position:absolute; top:0; left:50%; width:405.333px; transform: translateX(-50%); will-change: transform; box-shadow: 0 20px 60px -20px rgba(58,58,63,.35); }
    .treatment .treatment-stack .treatment-card:nth-child(1) { z-index: 3; }
    .treatment .treatment-stack .treatment-card:nth-child(2) { z-index: 2; }
    .treatment .treatment-stack .treatment-card:nth-child(3) { z-index: 1; }
    @media (max-width: 1100px) {
      .treatment .treatment-stack .treatment-card { width: 340px; }
    }
    @media (max-width: 760px) {
      .treatment .treatment-stack { min-height: 0; }
      .treatment .treatment-stack .treatment-grid { position: static; height:auto; display:flex; flex-direction:column; gap:24px; }
      .treatment .treatment-stack .treatment-card { position:relative; left:auto; top:auto; transform:none; width:100%; }
    }
    .support { height:383px; position:relative; display:block; padding:60px max(80px,calc((100vw - 1440px)/2 + 80px)); }
    .support > .reveal { position:absolute; left:max(80px,calc((100vw - 1440px)/2 + 80px)); top:98px; width:488px; }
    .support > .reveal h2 { margin-bottom:22px; }
    .support > .reveal p { margin:0; font:400 16px/normal Inter,sans-serif; }
    .support > .reveal .button-row { position:absolute; left:0; top:154px; margin:0; }
    .support > .reveal .btn { width:257px; }
    .support { min-height:440px; }
    .hands { position:absolute; left:calc(50% - 60px); top:30px; width:900px; height:370px; background:transparent; overflow:hidden; }
    .hands canvas { width:100%; height:100%; display:block; background:transparent; }
    .research-grid { margin-top:70px; }
    .emerging .research-card { background:rgba(236,238,241,.28); filter:blur(16px); opacity:.28; transform:translateY(22px); transition:none; will-change:filter,opacity,transform; }
    .emerging .research-card.in-focus { background:#eceef1; filter:blur(0); opacity:1; transform:translateY(0); }
    .emerging { height:250vh; padding-top:0; padding-bottom:0; }
    .emerging > .section-inner { position:sticky; top:72px; height:680px; padding-top:60px; box-sizing:border-box; }
    .emerging .reveal { height:114px; }
    .emerging .reveal p { margin:0; width:568px; font:400 14px/28px Inter,sans-serif; }
    .emerging .button-row { margin-top:70px; }
    .emerging .button-row .btn { width:304px; }
    .articles { height:auto; padding-top:60px; padding-bottom:80px; }
    .research-card { background:#eceef1; border-radius:12px; padding:30px; }
    .latest-head { display:flex; height:114px; justify-content:space-between; align-items:start; margin-bottom:70px; }
    .latest-head > div { width:700px; }
    .latest-head > div p { width:549px; margin:0; font-size:14px; line-height:28px; }
    .latest-head .btn { width:151px; }
    .article-card img { width:100%; height:200px; object-fit:cover; border-radius:8px; }
    .article-card h3 { width:360px; margin-top:30px; margin-bottom:15px; line-height:32px; }
    .article-card p { margin:0; font:400 16px/24px Inter,sans-serif; }
    .article-card .article-hit { display: flex; flex-direction: column; align-items: flex-start; width: 100%; color: inherit; text-decoration: none; }
    .article-card .tag { display: none; }
    .article-card > a:not(.article-hit) { display:inline-block; margin-top:30px; color:#3a3a3f; text-decoration:none; font:400 14px/17px Inter,sans-serif; transition:color .2s ease; }
    .article-card > a:not(.article-hit):hover, .article-card > a:not(.article-hit):focus-visible { color:var(--gold); }
    .newsletter { height:327px; text-align:center; padding-block:60px; }
    .newsletter h2, .newsletter p { color:#fff; text-align:center; }
    .newsletter p { margin-left:auto; margin-right:auto; max-width:700px; font:400 14px/24px Inter,sans-serif; }
    .newsletter-form { display:flex; justify-content:center; align-items:center; gap:20px; margin-top:36px; }
    .newsletter input { width:400px; height:53px; border:0; border-radius:6px; padding:0 20px; font:400 14px/17px Inter,sans-serif; color:#3a3a3f; background:#f7f7f2; }
    .newsletter input::placeholder { color:#3a3a3f; font:400 14px/17px Inter,sans-serif; }
    .newsletter .btn-solid { font:400 14px/17px Inter,sans-serif; background:#E6B24A; border-color:#E6B24A; color:#fff; }
    .newsletter .btn-solid:hover, .newsletter .btn-solid:focus-visible { background:#d4a043; border-color:#d4a043; color:#fff; }
    .footer { height:auto; border-top:1px solid #eceef1; padding-top:30px; padding-bottom:30px; }
    .footer-grid { display:grid; grid-template-columns:1.7fr repeat(3,1fr); gap:32px; padding-bottom:35px; border-bottom:1px solid #eceef1; }
    .footer h3 { font:500 16px Poppins,sans-serif; }
    .footer a { display:block; color:#3a3a3f; text-decoration:none; font-size:13px; margin:12px 0; }
    .footer a:hover { color:var(--gold); }
    .footer-social { display: flex; align-items: center; gap: 8px; margin-top: 16px; }
    .footer-social a.share {
      display: inline-flex; align-items: center; justify-content: center;
      width: 32px; height: 32px; margin: 0; padding: 0;
      border-radius: 50%; border: 1px solid #3a3a3f; color: #3a3a3f; background: transparent;
    }
    .footer-social a.share:hover { background: #3a3a3f; color: #fff; border-color: #3a3a3f; }
    .footer-social a.share svg { display: block; width: 16px; height: 16px; fill: currentColor; }
    .footer-bottom { display:flex; justify-content:space-between; font-size:12px; padding-top:20px; }
    .footer-bottom a { display:inline; margin:0; font-size:inherit; }
    .footer-bottom a:hover { color: var(--gold); }
    .reveal { opacity:0; transform:translateY(42px); filter:blur(4px); transition:opacity 1.1s cubic-bezier(.22,.61,.36,1), transform 1.1s cubic-bezier(.22,.61,.36,1), filter .9s cubic-bezier(.22,.61,.36,1); will-change:opacity,transform,filter; }
    .reveal.visible { opacity:1; transform:none; filter:blur(0); }
    .reveal > * { opacity:0; transform:translateY(18px); transition:opacity .9s cubic-bezier(.22,.61,.36,1), transform .9s cubic-bezier(.22,.61,.36,1); }
    .reveal.visible > * { opacity:1; transform:none; }
    .reveal.visible > *:nth-child(1) { transition-delay:.08s; }
    .reveal.visible > *:nth-child(2) { transition-delay:.18s; }
    .reveal.visible > *:nth-child(3) { transition-delay:.28s; }
    .reveal.visible > *:nth-child(4) { transition-delay:.38s; }
    @media (prefers-reduced-motion: reduce) {
      .reveal, .reveal > * { transition:none; opacity:1; transform:none; filter:none; }
    }

    @media (max-width: 1100px) {
      .shell { padding:0 32px; }
      .hero { grid-template-columns: 1fr; gap: 34px; padding-top: 40px; }
      .art { justify-content: flex-start; }
      .section { padding-inline:32px; }
      .feature-intro,.support { grid-template-columns:1fr; }
      .video-scroll-stage { height:auto; }
      .feature-intro { position:relative; height:auto; padding-top:60px; padding-bottom:60px; }
      .emerging { height:auto; padding-top:60px; padding-bottom:60px; }
      .emerging > .section-inner { position:relative; height:auto; padding-top:0; }
      .emerging .research-card { filter:none; opacity:1; transform:none; background:#eceef1; }
      .audience-grid,.treatment-grid,.article-grid,.research-grid { grid-template-columns:1fr 1fr; }
      .organ-grid { grid-template-columns:repeat(3,1fr); }
      .journey { display:grid; grid-template-columns:repeat(3, 1fr); justify-content:stretch; row-gap:40px; }
      .journey-step { width:auto; }
      .journey-step strong { width:auto; max-width:none; }
      .journey-step:last-child { text-align:left; }
      .journey-step:last-child strong { margin-left:0; }
      /* journey connectors removed */
    }
    @media (max-width: 760px) {
      .shell { padding: 0 18px; }
      .topbar { flex-direction: column; gap: 10px; }
      .nav { justify-content: flex-start; gap: 14px 20px; font-size: 13px; padding-top: 0; }
      .nav-item { padding-top: 0; }
      .nav-item::before { display: none; }
      .hero { padding: 24px 0 30px; gap: 24px; }
      h1 { font-size: clamp(42px, 12vw, 58px); }
      .buttons { gap: 14px; }
      .btn { min-width: 148px; padding: 14px 20px; }
      .hint { display: none; }
      .section { padding:48px 18px; }
      .feature-intro { min-height:auto; height:auto; grid-template-columns:1fr; padding-top:60px; padding-bottom:60px; }
      .video-box { width:100%; height:260px; }
      .stats { grid-template-columns:1fr 1fr; gap:35px; padding:38px 18px; }
      .audience-grid,.treatment-grid,.article-grid,.research-grid,.organ-grid { grid-template-columns:1fr; }
      .center-head { margin-bottom:40px; }
      .organs-head { grid-template-columns:1fr; gap:20px; }
      .journey { display:grid; grid-template-columns:1fr; gap:24px; }
      /* journey connectors removed */
      .support { grid-template-columns:1fr; }
      .newsletter-form { flex-direction:column; }
      .newsletter input { width:100%; }
      .footer-grid { grid-template-columns:1fr 1fr; }
      .footer-bottom { flex-direction:column; gap:10px; }
    }
  
    /* Mobile / tablet overrides — keep last so they win over desktop pixel layouts */
    .nav-toggle-input {
      position: absolute;
      opacity: 0;
      pointer-events: none;
      width: 0;
      height: 0;
    }
    .nav-toggle {
      display: none;
      width: 44px;
      height: 44px;
      margin-left: auto;
      padding: 10px 8px;
      border: 0;
      border-radius: 8px;
      background: transparent;
      cursor: pointer;
      flex-direction: column;
      justify-content: center;
      gap: 5px;
    }
    .nav-toggle span,
    .nav-toggle::before,
    .nav-toggle::after {
      content: '';
      display: block;
      height: 2px;
      width: 22px;
      background: #3a3a3f;
      border-radius: 1px;
      transition: transform .2s ease, opacity .2s ease;
    }
    .nav-toggle-input:checked + .nav-toggle::before { transform: translateY(7px) rotate(45deg); }
    .nav-toggle-input:checked + .nav-toggle span { opacity: 0; }
    .nav-toggle-input:checked + .nav-toggle::after { transform: translateY(-7px) rotate(-45deg); }
    body:has(.nav-toggle-input:checked) { overflow: hidden; }

    @media (max-width: 1100px) {
      html, body { overflow-x: hidden; }
      .page { overflow-x: hidden; }
      .shell { padding: 0 24px; }
      .site-header { height: auto; position: sticky; top: 0; z-index: 50; background: var(--page-bg); }
      .topbar { height: 64px; gap: 16px; position: relative; }
      .nav-toggle { display: inline-flex; }
      .nav {
        display: none;
        position: absolute;
        top: 64px;
        left: -24px;
        right: -24px;
        flex-direction: column;
        align-items: stretch;
        justify-content: flex-start;
        gap: 0;
        padding: 8px 24px 20px;
        background: var(--page-bg);
        border-bottom: 1px solid rgba(58,58,63,.12);
        box-shadow: 0 18px 40px rgba(58,58,63,.1);
        z-index: 40;
      }
      .nav-toggle-input:checked ~ .nav, .nav.is-open { display: flex; }
      .nav-item { white-space: normal; padding: 14px 0; border-bottom: 1px solid rgba(58,58,63,.08); }
      .hero {
        height: auto;
        display: flex;
        flex-direction: column;
        gap: 28px;
        padding: 28px 0 40px;
      }
      .hero .copy { position: relative; left: auto; top: auto; width: 100%; height: auto; }
      h1 { font-size: clamp(34px, 7vw, 48px); line-height: 1.15; letter-spacing: -0.04em; }
      .copy p { position: relative; left: auto; top: auto; width: 100%; margin-top: 16px; font-size: 16px; line-height: 26px; }
      .buttons { position: relative; left: auto; top: auto; flex-wrap: wrap; margin-top: 22px; gap: 12px; }
      .art { position: relative; left: auto; top: auto; width: 100%; height: auto; }
      .art-card { width: 100%; height: min(360px, 58vw); }
      .section { padding: 48px 24px; }
      .feature-intro {
        display: grid;
        grid-template-columns: 1fr;
        gap: 28px;
        height: auto;
        align-items: start;
      }
      .feature-intro > .feature-copy,
      .feature-intro > div:first-child {
        width: 100%;
        height: auto;
        position: relative;
      }
      .feature-intro h2 { font-size: clamp(26px, 5vw, 32px); line-height: 1.3; }
      .feature-intro > div:first-child p { width: 100%; font-size: 16px; line-height: 26px; }
      .feature-intro > div:first-child .button-row { position: relative; left: auto; top: auto; margin-top: 24px; }
      .feature-intro > div:first-child .btn,
      .button-row .btn,
      .diagnosis > .section-inner > .btn,
      .organs .button-row .btn,
      .treatment .button-row .btn,
      .emerging .button-row .btn,
      .support > .reveal .btn { width: auto; max-width: 100%; }
      .video-box { width: 100%; height: auto; aspect-ratio: 16 / 9; }
      .stats {
        height: auto;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 24px 16px;
        padding: 36px 24px;
      }
      .stat-main { white-space: normal; font-size: 20px; }
      .center-head,
      .audience .center-head,
      .treatment .center-head { width: 100%; height: auto; margin-bottom: 40px; }
      .audience-card,
      .treatment .treatment-stack .treatment-card,
      .audience .audience-stack .audience-card { max-width: 100%; width: 100%; height: auto; overflow: visible; }
      .audience-label,
      .audience-card h3,
      .audience-card p,
      .audience-card .btn { position: relative; left: auto; top: auto; width: auto; max-width: 100%; }
      .audience-card h3 { margin: 16px 0 10px; letter-spacing: normal; }
      .audience-card p { width: auto; max-width: 100%; margin: 0 0 20px; }
      .audience-label { height: auto; flex-wrap: wrap; }
      .audience-label .eyebrow { white-space: normal; }
      .organs { height: auto; }
      .organs-head { height: auto; margin-bottom: 32px; }
      .organs-head h2,
      .organs-head h3,
      .organs-head p { position: relative; left: auto; top: auto; width: 100%; }
      .organ-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
      .organ-card { height: auto; min-height: 220px; }
      .organ-card p { width: 100%; }
      .organ-halftone { display: flex; justify-content: center; }
      .organ-halftone canvas { width: auto; }
      .diagnosis { min-height: 0; }
      .diagnosis .reveal { min-height: 0; }
      .diagnosis .reveal p { width: 100%; }
      .support {
        height: auto;
        min-height: 0;
        display: flex;
        flex-direction: column;
        gap: 24px;
        padding: 48px 24px;
      }
      .support > .reveal { position: relative; left: auto; top: auto; width: 100%; }
      .support > .reveal .button-row { position: relative; left: auto; top: auto; margin-top: 20px; }
      .hands { position: relative; left: auto; top: auto; width: 100%; max-width: 100%; height: 220px; }
      .emerging .reveal { height: auto; }
      .emerging .reveal p { width: 100%; }
      .articles { height: auto; }
      .latest-head { height: auto; flex-wrap: wrap; gap: 16px; margin-bottom: 32px; }
      .latest-head > div,
      .latest-head > div p,
      .article-card h3 { width: 100%; }
      .treatment { padding-top: 48px; padding-bottom: 48px; }
      .treatment .center-head { height: auto; }
      .treatment-card { height: auto; }
      .newsletter { height: auto; }
      .footer { height: auto; }
      .footer-grid { grid-template-columns: 1fr 1fr; }
    }

    @media (max-width: 760px) {
      .shell { padding: 0 16px; }
      .topbar { flex-direction: row; align-items: center; gap: 12px; }
      .nav { left: -16px; right: -16px; padding-left: 16px; padding-right: 16px; }
      .logo { font-size: 20px; }
      .hero { padding: 20px 0 28px; gap: 20px; }
      h1 { font-size: clamp(30px, 9vw, 40px); line-height: 1.18; }
      .buttons { flex-direction: column; align-items: stretch; }
      .buttons .btn { width: 100%; min-width: 0; }
      .art-card { height: min(280px, 70vw); }
      .section { padding: 40px 16px; }
      .stats { grid-template-columns: 1fr; gap: 20px; padding: 28px 16px; }
      .audience-card { width: 100%; height: auto; min-height: 0; padding: 24px; overflow: visible; }
      .audience-label,
      .audience-card h3,
      .audience-card p,
      .audience-card .btn { position: relative; left: auto; top: auto; width: auto; max-width: 100%; }
      .audience-card h3 { margin: 18px 0 12px; font-size: 22px; letter-spacing: normal; }
      .audience-card p { margin: 0 0 20px; width: auto; }
      .audience-card .btn { margin: 0; }
      .audience-label { height: auto; }
      .audience-label .eyebrow { white-space: normal; }
      .audience .center-head { width: 100%; height: auto; }
      .organ-grid { grid-template-columns: 1fr; }
      .journey { display:grid; grid-template-columns: 1fr 1fr; gap: 20px; }
      .support { padding: 40px 16px; }
      .hands { display: none; }
      .newsletter-form { flex-direction: column; align-items: stretch; gap: 12px; }
      .newsletter input,
      .newsletter .btn { width: 100%; }
      .footer-grid { grid-template-columns: 1fr; gap: 20px; }
      .footer-bottom { flex-direction: column; gap: 10px; }
    }

    @media (max-width: 480px) {
      .journey { display:grid; grid-template-columns: 1fr; }
    }

    /* Mobile reference layout: card groups become swipeable carousels. */
    @media (max-width: 760px) {
      .mobile-carousel {
        display: flex !important;
        grid-template-columns: none !important;
        flex-direction: row !important;
        gap: 16px !important;
        width: auto !important;
        margin-left: 16px !important;
        margin-right: 16px !important;
        padding: 0 0 10px !important;
        overflow-x: auto !important;
        overflow-y: visible !important;
        scroll-snap-type: x mandatory;
        overscroll-behavior-x: contain;
        scrollbar-width: none;
      }
      .mobile-carousel::-webkit-scrollbar { display: none; }
      .mobile-carousel > .audience-card,
      .mobile-carousel > .organ-card,
      .mobile-carousel > .treatment-card,
      .mobile-carousel > .research-card,
      .mobile-carousel > .article-card {
        flex: 0 0 calc(100% - 42px) !important;
        width: calc(100% - 42px) !important;
        max-width: none !important;
        scroll-snap-align: start;
      }
      .mobile-carousel-dots {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 12px;
        min-height: 18px;
        margin: 14px 0 0;
      }
      .mobile-carousel-dot {
        width: 5px;
        height: 5px;
        padding: 0;
        border: 0;
        border-radius: 50%;
        background: #d5d5d0;
        cursor: pointer;
      }
      .mobile-carousel-dot.is-active {
        width: 15px;
        border-radius: 999px;
        background: var(--gold);
      }
      .organs .mobile-carousel-dots { margin-top: 14px; }
      .articles .mobile-carousel-dots { margin-top: 18px; }
    }