/* The landing uses the same navy headers, blue annotations and warm paper as the PDFs. */
body[data-view="landing"]{--paper-ink:#112b41;--paper-blue:#496684;--paper-muted:#6e7d8c;--paper-line:#d4dce4;--paper-cream:#faf7f1;--paper-tint:#f2f5f8;--paper-warm:#dfc39b}
body[data-view="landing"] .landing{background:radial-gradient(ellipse at 80% 44%,#273e54 0,transparent 42%),linear-gradient(125deg,#0b1c2e,#142e44 65%,#20384b)}
body[data-view="landing"] .hero-copy h1 em{color:var(--paper-warm)}
body[data-view="landing"] .kicker span{background:var(--paper-warm)}
body[data-view="landing"] .hero-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:min(100%,440px);gap:12px;align-items:stretch}
body[data-view="landing"] .hero-actions .primary-button{width:100%;min-height:58px;padding:16px 18px;gap:12px;border:1px solid var(--paper-warm);border-radius:4px;background:var(--paper-warm);color:var(--paper-ink);box-shadow:0 8px 24px #00000014;font-size:13px;white-space:nowrap}
body[data-view="landing"] .hero-actions .rehearsal-button{background:var(--paper-cream);border-color:var(--paper-cream)}
body[data-view="landing"] .hero-actions .primary-button:hover{background:#ead5b7;border-color:#ead5b7;box-shadow:0 12px 28px #00000024}
body[data-view="landing"] .hero-actions .rehearsal-button:hover{background:#fff;border-color:#fff}
body[data-view="landing"] .hero-actions .primary-button b{font-size:19px}
body[data-view="landing"] .landing-product-preview{background:#193147;border-color:#71839870;border-radius:10px;box-shadow:0 34px 90px #0006,0 0 60px #a0b1c00c}
body[data-view="landing"] .landing-product-preview:before,body[data-view="landing"] .landing-product-preview:after{border-color:#b7c8d220}
body[data-view="landing"] .landing-preview-top>span,body[data-view="landing"] .landing-preview-caption b{color:#d3e0eb}
body[data-view="landing"] .landing-preview-top>span i{background:#a9bfd2;box-shadow:0 0 0 4px #a9bfd21c}
body[data-view="landing"] .landing-preview-top>b{background:var(--paper-tint);color:var(--paper-blue)}
body[data-view="landing"] .landing-motion-pipeline{background:#10283c;border-color:#71839845;border-radius:5px}
body[data-view="landing"] .pipeline-step{color:#a2b3c2}
body[data-view="landing"] .pipeline-step.active{color:#fff}
body[data-view="landing"] .pipeline-step.active i{background:var(--paper-warm);color:var(--paper-ink);border-color:var(--paper-warm);box-shadow:0 0 12px #dfc39b30}
body[data-view="landing"] .pipeline-link b{background:var(--paper-warm);box-shadow:0 0 8px #dfc39b66}
body[data-view="landing"] .landing-preview-paper{background:var(--paper-cream);border-color:var(--paper-line);box-shadow:inset 0 0 0 5px #f4f1eb}
body[data-view="landing"] .landing-preview-paper-head{color:var(--paper-blue)}
body[data-view="landing"] .landing-preview-paper h2,body[data-view="landing"] .landing-preview-paper h2 em,body[data-view="landing"] .landing-sentence b{color:var(--paper-ink)}
body[data-view="landing"] .landing-sentence{border-left-color:#8da1b3;color:var(--paper-ink)}
body[data-view="landing"] .landing-structure{background:#eaf0f5;color:var(--paper-blue)}
body[data-view="landing"] .landing-structure span{background:var(--paper-ink)}
body[data-view="landing"] .landing-grammar{border-color:var(--paper-line);border-radius:4px}
body[data-view="landing"] .landing-grammar p{background:var(--paper-tint);color:var(--paper-ink)}
body[data-view="landing"] .landing-grammar p b{background:#e0e9f0;color:#365b7c}
body[data-view="landing"] .landing-grammar>div,body[data-view="landing"] .landing-grammar>small{color:var(--paper-muted)}
body[data-view="landing"] .landing-grammar>div i,body[data-view="landing"] .landing-preview-tags span{background:#edf1f5;color:var(--paper-blue)}
body[data-view="landing"] .materials-showcase,body[data-view="landing"] .story-library,body[data-view="landing"] .story-practice{background:var(--paper-cream)}
body[data-view="landing"] .method,body[data-view="landing"] .story-notes,body[data-view="landing"] .story-rehearsal{background:var(--paper-tint)}
body[data-view="landing"] .showcase-heading>div>span,body[data-view="landing"] .demo-copy small,body[data-view="landing"] .pdf-preview-open,body[data-view="landing"] .method-heading h2 em,body[data-view="landing"] .method-list h3,body[data-view="landing"] .method-list article>span,body[data-view="landing"] .section-number{color:var(--paper-blue)}
body[data-view="landing"] .pdf-preview-open{background:var(--paper-ink);color:#fff;border-radius:3px}
body[data-view="landing"] .demo-paper,body[data-view="landing"] .complete-demo .demo-paper{background:#e5e9ed}
body[data-view="landing"] .material-demo,body[data-view="landing"] .method-list article{border-color:var(--paper-line);border-radius:8px}
body[data-view="landing"] .method-icon{background:var(--paper-tint);color:var(--paper-blue);border-color:var(--paper-line)}
body[data-view="landing"] .showcase-flow,body[data-view="landing"] .showcase-flow span{color:var(--paper-blue);border-color:var(--paper-line)}
body[data-view="landing"] .story-copy h2,body[data-view="landing"] .story-final h2{color:var(--paper-ink)}
body[data-view="landing"] .story-copy h2 em,body[data-view="landing"] .story-copy>small,body[data-view="landing"] .story-final>small,body[data-view="landing"] .story-final h2 em,body[data-view="landing"] .story-copy>ul li:before{color:var(--paper-blue)}
body[data-view="landing"] .story-copy>p,body[data-view="landing"] .story-copy>ul,body[data-view="landing"] .story-final>p{color:var(--paper-muted)}
body[data-view="landing"] .story-copy>button,body[data-view="landing"] .story-final button{color:var(--paper-ink);border-color:#aab9c7;border-radius:4px;min-height:52px}
body[data-view="landing"] .story-copy>button:hover{background:#edf1f6}
body[data-view="landing"] .story-visual{border-color:var(--paper-line);border-radius:8px;background:#fff}
body[data-view="landing"] .story-window-head{padding:11px 13px;margin:-6px -6px 0;background:var(--paper-ink);border-color:var(--paper-ink);color:#bac9d5;border-radius:2px}
body[data-view="landing"] .story-window-head b{color:#fff}
body[data-view="landing"] .story-library-tabs span,body[data-view="landing"] .story-note-label,body[data-view="landing"] .story-rounds{background:#edf1f5;color:var(--paper-blue)}
body[data-view="landing"] .story-library-tabs span:first-child{background:var(--paper-ink);color:#fff}
body[data-view="landing"] .story-breadcrumb,body[data-view="landing"] .story-selection,body[data-view="landing"] .story-passage-grid small,body[data-view="landing"] .story-detail-grid span,body[data-view="landing"] .story-product-list span,body[data-view="landing"] .story-rehearsal-steps span{color:var(--paper-muted)}
body[data-view="landing"] .story-passage-grid>span{background:#f1f5f8;border-color:#9badbd;color:var(--paper-blue);border-radius:4px}
body[data-view="landing"] .story-passage-grid>span.unselected{background:#fff;border-color:var(--paper-line)}
body[data-view="landing"] .story-passage-grid b,body[data-view="landing"] .story-detail-grid b,body[data-view="landing"] .story-product-list b,body[data-view="landing"] .story-rehearsal-steps b,body[data-view="landing"] .story-mini-paper h3{color:var(--paper-ink)}
body[data-view="landing"] .story-selection i{background:var(--paper-blue)}
body[data-view="landing"] .story-question{background:var(--paper-tint);color:var(--paper-ink);border-radius:4px}
body[data-view="landing"] .story-question mark{background:#dfe8f0;color:#365b7c}
body[data-view="landing"] .story-answer{border-color:#819ab0}
body[data-view="landing"] .story-caution{border-color:#c1ac8b}
body[data-view="landing"] .story-answer b{color:var(--paper-blue)}
body[data-view="landing"] .story-answer p,body[data-view="landing"] .story-caution p,body[data-view="landing"] .note-illustration footer{color:var(--paper-muted)}
body[data-view="landing"] .story-product-list>div,body[data-view="landing"] .story-rehearsal-steps li{border-color:var(--paper-line)}
body[data-view="landing"] .practice-illustration{background:#e9edf1}
body[data-view="landing"] .story-mini-paper{background:var(--paper-cream);border-color:#cbd4dc}
body[data-view="landing"] .story-mini-paper:last-child{background:#fff}
body[data-view="landing"] .story-mini-paper>small,body[data-view="landing"] .story-mini-paper>span,body[data-view="landing"] .story-choice-lines{color:var(--paper-blue)}
body[data-view="landing"] .story-rehearsal-steps li>i{background:var(--paper-tint);color:var(--paper-blue);border:1px solid var(--paper-line);border-radius:4px}
body[data-view="landing"] .story-lecture{background:#142c40;color:#f6f8fa}
body[data-view="landing"] .story-lecture .story-copy h2{color:#fff}
body[data-view="landing"] .story-lecture .story-copy h2 em,body[data-view="landing"] .story-lecture-screen h3 em{color:var(--paper-warm)}
body[data-view="landing"] .story-lecture .story-copy>small,body[data-view="landing"] .story-lecture .story-copy>p,body[data-view="landing"] .story-lecture .story-copy>ul{color:#b5c5d2}
body[data-view="landing"] .lecture-illustration{background:#1d364b;border-color:#5b728660}
body[data-view="landing"] .story-lecture-screen>small,body[data-view="landing"] .story-lecture-screen>div span,body[data-view="landing"] .story-lecture-screen>p,body[data-view="landing"] .story-lecture-timeline{color:#c2d0db}
body[data-view="landing"] .story-wave i{background:#a9bfd2}
body[data-view="landing"] .story-wave i:nth-child(3n){background:var(--paper-warm)}
body[data-view="landing"] .story-final{background:var(--paper-cream)}
body[data-view="landing"] .story-final button{background:var(--paper-ink);border-color:var(--paper-ink);color:#fff;min-width:205px;justify-content:space-between}
body[data-view="landing"] .story-final button:last-child{background:#fff;color:var(--paper-ink);border-color:#aab9c7}
body[data-view="landing"] .story-final button:hover{background:#294b65;color:#fff;border-color:#294b65}
body[data-view="landing"] .story-final footer{color:var(--paper-muted);border-color:var(--paper-line)}
@media(max-width:700px){body[data-view="landing"] .hero-actions{gap:9px}body[data-view="landing"] .hero-actions .primary-button{min-height:52px;padding:13px 12px;font-size:11px}body[data-view="landing"] .hero-actions .primary-button b{font-size:16px}}
@media(max-width:350px){body[data-view="landing"] .hero-actions{grid-template-columns:1fr}body[data-view="landing"] .hero-actions .primary-button{font-size:12px}}