.landing { background:var(--ivory); }
.landing .site-header { background:color-mix(in srgb,var(--ivory) 94%,transparent); }
.landing .hero { display:block; min-height:0; padding:68px 0 38px; text-align:center; }
.landing .hero>div { max-width:820px; margin:auto; }
.landing .hero h1 { font-size:clamp(36px,4.5vw,62px); line-height:1.25; letter-spacing:-.025em; margin:18px 0; }
.landing .hero .lede { max-width:690px; margin:0 auto; font-size:18px; }
.landing .hero-questionnaire-cta { margin-top:24px; }
.landing .eyebrow,.landing .panel-kicker { color:var(--forest); }
.landing-dashboard { border:1px solid var(--line); border-radius:26px; padding:24px; box-shadow:0 24px 70px color-mix(in srgb,var(--forest) 7%,transparent); margin-bottom:80px; }
.demo-caption { display:flex; justify-content:space-between; flex-wrap:wrap; gap:12px; align-items:center; margin-bottom:22px; }
.demo-caption>span:last-child { font-size:12px; color:var(--muted); }
.landing-dashboard .twin-shell { grid-template-columns:minmax(280px,40%) minmax(0,1fr); gap:28px; }
.landing-dashboard .twin-anatomy { position:relative; top:auto; }
.landing-dashboard .twin-body { height:460px; position:relative; }
.landing-dashboard .twin-heading { position:static; padding:22px 22px 0; }
.landing-dashboard .twin-heading h2 { font-size:25px; }
.landing-dashboard .twin-organs { padding:14px 14px 18px; flex-wrap:wrap; overflow:visible; }
.landing-dashboard .twin-organs button { min-height:44px; }
.demo-content { padding-top:12px; }
.demo-tabs { display:flex; gap:22px; overflow-x:auto; border-bottom:1px solid var(--line); scrollbar-width:thin; }
.demo-tabs button { flex:none; position:relative; border:0; background:none; font:inherit; color:var(--muted); padding:0 0 18px; min-height:44px; cursor:pointer; }
.demo-tabs button[aria-selected=true] { color:var(--ink); font-weight:600; }
.demo-tabs button[aria-selected=true]::after { content:''; position:absolute; bottom:0; left:0; right:0; height:3px; background:var(--gold); border-radius:4px 4px 0 0; }
#demoPanel { min-height:380px; padding:22px 0; }
.demo-periods { display:flex; flex-wrap:wrap; gap:10px; margin-bottom:26px; }
.demo-periods button { border:1px solid var(--forest); background:var(--ivory); color:var(--forest); padding:10px 20px; border-radius:999px; min-height:44px; cursor:pointer; }
.demo-periods button[aria-pressed=true] { color:var(--ivory); background:var(--forest); }
.demo-action { display:flex; gap:22px; align-items:center; border:1px solid var(--gold); border-left:5px solid var(--gold); border-radius:18px; padding:26px 22px; background:linear-gradient(115deg,color-mix(in srgb,var(--gold) 12%,var(--ivory)),var(--ivory)); }
.demo-action-symbol { color:var(--forest); font-size:50px; }
.demo-label { color:var(--muted); font-size:12px; }
.demo-action h3 { font-size:20px; line-height:var(--leading-body); margin:10px 0; }
.demo-action p,.demo-content>p,.demo-info-card p { color:var(--muted); font-size:14px; line-height:var(--leading-body); margin:0; }
.demo-note { color:var(--muted); font-size:12px; line-height:var(--leading-body); margin:22px 0 0; }
.demo-context { border-top:1px solid var(--line); display:flex; flex-direction:column; gap:14px; padding:22px 0 12px; font-size:13px; color:var(--muted); }
.demo-context a { align-self:flex-start; font-size:16px; font-weight:400; line-height:1.5; }
.landing .hero .hero-questionnaire-cta .pill,.demo-context a { width:200px; max-width:100%; min-height:46px; padding:0 22px; font-size:16px; font-weight:400; line-height:1.5; }
.demo-panel-heading h3 { font-size:25px; line-height:1.5; margin:14px 0 26px; }
.demo-info-grid { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.demo-info-card { border:1px solid var(--line); border-radius:16px; padding:20px; }
.demo-info-card h3 { margin:0 0 12px; font-size:17px; }
.demo-report { display:flex; gap:20px; align-items:center; border-bottom:1px solid var(--line); padding:20px 0; }
.demo-report>span { color:var(--sage); font-size:24px; }
.demo-report p { color:var(--muted); font-size:13px; }
.demo-comparison { border:1px solid var(--line); border-radius:16px; padding:24px; font-size:13px; }
.demo-comparison>span,.demo-comparison p { color:var(--muted); }
.demo-comparison>div { display:flex; gap:12px; align-items:center; margin:26px 0; flex-wrap:wrap; }
.demo-comparison i { height:5px; background:var(--silver); flex:1; min-width:32px; border-radius:5px; }
.demo-comparison>div:nth-of-type(2) i { background:var(--forest); }
.landing-approach { background:var(--paper); border-block:1px solid var(--line); }
.landing .feature { background:var(--ivory); border:1px solid var(--line); }
.landing .feature p { color:var(--muted); }
.landing .feature-index { color:var(--forest); border-color:var(--gold); }
.landing .data-band,.landing .ai-section { background:var(--paper); color:var(--ink); }
.landing .data-band p,.landing .ai-section p { color:var(--muted); }
.landing .timeline-preview,.landing .question-preview,.landing .answer-preview { background:var(--ivory); color:var(--ink); border-color:var(--line); }
.landing .story-card { background:var(--ivory); border:1px solid var(--line); }
.landing .final-cta { border-top:1px solid var(--line); }
.landing button:focus-visible,.landing a:focus-visible { outline:3px solid var(--sage); outline-offset:4px; }
@media(max-width:900px){.landing-dashboard .twin-shell{grid-template-columns:minmax(240px,40%) minmax(0,1fr);gap:20px}.landing-dashboard{padding:18px}.demo-action{padding:20px 16px;gap:10px}.demo-action-symbol{display:none}.demo-info-grid{grid-template-columns:1fr}}
@media(max-width:640px){.landing .hero{padding:36px 0 30px}.landing .hero .lede{font-size:16px}.landing .hero-questionnaire-cta{width:auto;min-width:200px}.landing-dashboard{padding:14px;border-radius:20px;margin-bottom:48px}.demo-caption{gap:8px;margin-bottom:16px}.demo-caption .eyebrow{font-size:10px;letter-spacing:.12em}.landing-dashboard .twin-shell{display:block}.landing-dashboard .twin-anatomy{margin-bottom:18px}.landing-dashboard .twin-heading{padding:18px 18px 0}.landing-dashboard .twin-heading h2{font-size:23px}.landing-dashboard .twin-body{height:390px}.landing-dashboard .twin-organs{gap:2px;padding:12px}.landing-dashboard .twin-organs button{font-size:12px;padding:8px}.demo-content{padding-top:0}.demo-tabs{gap:22px}.demo-tabs button{font-size:14px;padding-bottom:14px}.demo-periods{gap:8px;margin-bottom:20px}.demo-periods button{padding:9px 16px}.demo-action h3{font-size:18px}.demo-action p{font-size:14px}#demoPanel{min-height:0;padding-bottom:22px}.demo-panel-heading h3{font-size:22px}.demo-context{padding-bottom:4px}.demo-comparison{padding:18px}.landing .section h2,.landing .data-band h2,.landing .ai-section h2,.landing .final-cta h2{font-size:30px;line-height:1.45}.landing .section,.landing .ai-section{padding-block:54px}.landing .final-cta{padding-block:60px}}

.landing .text-link,.landing .question-label,.landing .answer-preview>span,.landing .story-card>span,.landing .intervention-icon { color:var(--forest); }
.landing-dashboard .twin-heading h2 { font-size:var(--type-section); }
.demo-action h3,.demo-info-card h3 { font-size:var(--type-card); line-height:var(--leading-heading); }
.demo-action p,.demo-info-card p { font-size:var(--type-body); line-height:var(--leading-body); }
.demo-panel-heading h3 { font-size:var(--type-section); line-height:var(--leading-heading); }
@media(max-width:640px){.demo-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0 8px;overflow:visible}.demo-tabs button{min-width:0;min-height:48px;font-size:13px;padding:10px 0;white-space:normal}.landing-dashboard .twin-heading h2{font-size:var(--type-section)}}