:root{--navy: #102a43;--navy-deep: #0b1c2d;--teal: #0f766e;--teal-soft: #d7f6ef;--gold: #e8c872;--gold-deep: #c9a227;--cream: #f4efe6;--paper: #fffcf7;--ink: #1c2834;--muted: #4b5b6b;--line: #e4d9c8;--ok: #166534;--ok-bg: #e4f7ea;--err: #9f1239;--err-bg: #fde8eb;--focus: #c2410c;--shadow: 0 16px 36px rgba(16, 42, 67, .08);--shadow-hover: 0 22px 44px rgba(16, 42, 67, .14);--radius: 20px;--tap: 48px;--max: 72rem;--ease: cubic-bezier(.22, 1, .36, 1);--font-display: "Fraunces", Georgia, serif;--font-body: "Outfit", "Segoe UI", sans-serif}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:clip}body{margin:0;min-width:0;overflow-x:clip;font-family:var(--font-body);font-size:1rem;line-height:1.65;color:var(--ink);background:var(--cream)}body.nav-open{overflow:hidden}#root{position:relative;z-index:1;min-width:0}img,svg,video{max-width:100%}h1,h2,h3,h4{font-family:var(--font-display);color:var(--navy);line-height:1.15;margin-top:0}h1{font-size:clamp(1.85rem,8.4vw,4.1rem);letter-spacing:-.02em;overflow-wrap:anywhere}h2{font-size:clamp(1.7rem,4vw,2.4rem);margin-bottom:.8rem}h3{font-size:1.22rem}p{margin:0 0 1rem;overflow-wrap:break-word}a{color:var(--teal);transition:color .25s var(--ease)}a:hover{color:var(--navy)}:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.skip-link{position:absolute;left:.8rem;top:-4rem;z-index:1000;background:var(--navy);color:#fff;padding:.7rem 1rem;text-decoration:none;min-height:var(--tap);display:inline-flex;align-items:center;border-radius:8px;transition:top .25s var(--ease)}.skip-link:focus{top:.8rem}.container,.header-inner{width:100%;max-width:var(--max);margin-inline:auto;padding-inline:max(1rem,env(safe-area-inset-left,0px)) max(1rem,env(safe-area-inset-right,0px))}.section,.hero{scroll-margin-top:4.75rem}.section{padding:2.6rem 0}.section-alt{background:#efe9dc}.source-note{font-size:.92rem;color:var(--muted);font-style:italic}[hidden]{display:none!important}@keyframes riseIn{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes drift{0%,to{transform:translateZ(0) scale(1)}50%{transform:translate3d(18px,22px,0) scale(1.06)}}@keyframes pausePulse{0%,to{transform:scaleY(1)}50%{transform:scaleY(.72)}}.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s var(--ease),transform .7s var(--ease)}.reveal.is-visible{opacity:1;transform:translateY(0)}.hero-enter{animation:riseIn .8s var(--ease) both;animation-delay:var(--delay, 0s)}.hero-wait{opacity:0}.intro{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;background:var(--navy-deep);color:#fff;display:grid;place-items:center;overflow:hidden;transition:opacity .7s var(--ease),visibility .7s}.intro.is-leaving{opacity:0;visibility:hidden;pointer-events:none}.intro-bar{position:absolute;left:0;right:0;height:7vh;background:#050b12;z-index:2}.intro-bar-top{top:0}.intro-bar-bottom{bottom:0}.intro-orb{position:absolute;width:min(36rem,140vw);height:min(36rem,140vw);border-radius:50%;background:radial-gradient(circle,rgba(232,200,114,.18) 0%,transparent 70%);animation:drift 10s ease-in-out infinite}.intro-skip{position:absolute;top:max(.9rem,env(safe-area-inset-top,0px),8vh);right:max(.9rem,env(safe-area-inset-right,0px));z-index:3;min-height:40px;padding:.4rem .9rem;border:1px solid rgba(255,255,255,.28);border-radius:999px;background:#050b1259;color:#fff;font:inherit;font-size:.78rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:background .25s var(--ease)}.intro-skip:hover{background:#ffffff1a}.intro-stage{position:relative;z-index:1;width:min(100% - 2.4rem,40rem);text-align:center}.intro-kicker{margin:0 0 .7rem;font-size:.74rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--gold);animation:riseIn .7s var(--ease)}.intro-title{margin:0;font-family:var(--font-display);font-size:clamp(1.45rem,7vw,3.1rem);font-weight:500;line-height:1.2;color:#fff;animation:riseIn .8s var(--ease);overflow-wrap:anywhere;max-width:100%}.intro-title.is-finale{letter-spacing:.04em}.intro-progress{position:absolute;left:10%;right:10%;bottom:max(calc(7vh + .8rem),env(safe-area-inset-bottom,0px));height:2px;background:#ffffff29;z-index:3}.intro-progress span{display:block;height:100%;background:var(--gold);transition:width .55s var(--ease)}.site-header{position:sticky;top:0;z-index:50;background:#f4efe6;border-bottom:1px solid var(--line)}.header-inner{min-height:3.5rem;display:flex;align-items:center;justify-content:space-between;gap:.75rem}.logo{display:flex;align-items:center;gap:.55rem;text-decoration:none;color:var(--navy);font-weight:700;letter-spacing:.04em;font-size:.86rem;min-width:0}.pause-mark{width:18px;height:18px;display:grid;grid-template-columns:1fr 1fr;gap:3px;flex-shrink:0}.pause-mark span{background:var(--gold-deep);border-radius:2px;transform-origin:center;animation:pausePulse 2.4s var(--ease) infinite}.pause-mark span:last-child{animation-delay:.18s}.nav-toggle{width:var(--tap);height:var(--tap);flex-shrink:0;border:1px solid var(--line);border-radius:12px;background:var(--paper);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;cursor:pointer;z-index:2;transition:background .25s var(--ease),transform .25s var(--ease)}.nav-toggle:hover{background:#fff}.nav-toggle-bar{width:18px;height:2px;background:var(--navy);display:block;transform-origin:center;transition:transform .3s var(--ease),opacity .3s var(--ease)}.nav-toggle[aria-expanded=true] .nav-toggle-bar:nth-child(1){transform:translateY(7px) rotate(45deg)}.nav-toggle[aria-expanded=true] .nav-toggle-bar:nth-child(2){opacity:0}.nav-toggle[aria-expanded=true] .nav-toggle-bar:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.site-nav{display:block;position:absolute;top:100%;left:0;right:0;background:#fffdf8;border-bottom:1px solid var(--line);box-shadow:0 18px 32px #102a431f;padding:0 max(1rem,env(safe-area-inset-right,0px)) 0 max(1rem,env(safe-area-inset-left,0px));max-height:0;overflow:hidden;visibility:hidden;z-index:60;transition:max-height .35s var(--ease),visibility .35s}.site-nav.is-open{max-height:calc(100dvh - 3.6rem);visibility:visible;overflow:auto;padding-top:.45rem;padding-bottom:max(.9rem,env(safe-area-inset-bottom,0px))}.site-nav ul{list-style:none;margin:0;padding:0}.site-nav a{display:flex;align-items:center;min-height:var(--tap);padding:0 .75rem;text-decoration:none;color:var(--navy);font-weight:600;border-radius:10px;transition:background .25s var(--ease),transform .25s var(--ease)}.site-nav a:hover,.site-nav a:focus-visible{background:var(--cream)}.hero{position:relative;overflow:hidden;background:var(--navy);color:#fff;padding:3rem 0 3.2rem}.hero-orb{position:absolute;width:min(28rem,120vw);height:min(28rem,120vw);right:-8rem;top:-10rem;border-radius:50%;pointer-events:none;background:radial-gradient(circle,rgba(232,200,114,.22) 0%,transparent 70%)}.hero h1,.hero .eyebrow{color:#fff}.hero-inner{position:relative;z-index:1;max-width:38rem}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:.72rem;font-weight:700;margin-bottom:.85rem;opacity:.72}.hero-sub{font-size:clamp(1.05rem,2.2vw,1.28rem);max-width:28rem;opacity:.92}.beat-row{display:flex;flex-wrap:wrap;gap:.55rem .75rem;margin:1.15rem 0 1rem;font-size:.74rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;opacity:.7}.beat-row span+span:before{content:"·";margin-right:.85rem;opacity:.5}.disclaimer{font-size:.92rem;opacity:.72;max-width:28rem}.hero-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.5rem}.hero-actions .btn,.pretest-card .btn,.results-card .btn,.quiz-next{width:100%}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:var(--tap);padding:.7rem 1.15rem;border-radius:999px;border:2px solid transparent;font:inherit;font-weight:700;text-decoration:none;cursor:pointer;text-align:center;max-width:100%;transition:transform .28s var(--ease),background .28s var(--ease),box-shadow .28s var(--ease),border-color .28s var(--ease),color .28s var(--ease)}.btn:hover{transform:translateY(-2px)}.btn:active{transform:translateY(0)}.btn-primary{background:var(--gold);color:var(--navy-deep);box-shadow:0 8px 18px #c9a22738}.btn-primary:hover{background:#f3d78a;color:var(--navy-deep)}.btn-secondary{background:transparent;color:#fff;border-color:#ffffffb3}.hero .btn-secondary:hover{background:#ffffff1f;color:#fff}.section .btn-primary,.quiz-card .btn-primary,.pretest-card .btn-primary,.results-card .btn-primary{background:var(--teal);color:#fff;box-shadow:0 8px 18px #0f766e33}.section .btn-secondary,.results-card .btn-secondary{background:var(--paper);color:var(--navy);border-color:var(--navy)}.section .btn-secondary:hover,.results-card .btn-secondary:hover{background:var(--cream);color:var(--navy)}.lead-grid{display:grid;gap:1rem}.fact-chip,.quiz-card,.results-card,.pretest-card,.risk-card,.action-list li,.callout{background:var(--paper);border-radius:var(--radius);box-shadow:var(--shadow);transition:transform .35s var(--ease),box-shadow .35s var(--ease)}.fact-chip,.callout,.quiz-card,.results-card,.pretest-card{padding:1.05rem}.fact-chip:hover,.risk-card:hover,.action-list li:hover{box-shadow:var(--shadow-hover)}.fact-chip h3{margin-bottom:.35rem}.fact-chip p{margin:0;color:var(--muted)}.quiz-card,.results-card,.pretest-card{margin-top:1.3rem;padding:1.2rem}.results-card{animation:riseIn .55s var(--ease)}.quiz-top{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.quiz-progress-label{font-size:.82rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--teal);margin:0}.progress-ring{width:54px;height:54px}.progress-ring circle{fill:none;stroke-width:6;transform:rotate(-90deg);transform-origin:50% 50%}.progress-ring .track{stroke:var(--line)}.progress-ring .value{stroke:var(--teal);stroke-linecap:round;transition:stroke-dashoffset .55s var(--ease)}.quiz-question{font-family:var(--font-display);font-size:clamp(1.25rem,3vw,1.55rem);color:var(--navy);margin:0 0 1.1rem;animation:riseIn .45s var(--ease)}.quiz-choices{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.choice{min-height:64px;border-radius:16px;border:2px solid var(--navy);background:var(--paper);color:var(--navy);font:inherit;font-weight:700;cursor:pointer;transition:background .28s var(--ease),color .28s var(--ease),transform .28s var(--ease),box-shadow .28s var(--ease)}.choice:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.choice.is-selected{background:var(--navy);color:#fff}.choice:disabled{cursor:not-allowed}.feedback{margin:1rem 0 0;padding:.95rem 1rem;border-radius:12px;animation:riseIn .4s var(--ease)}.feedback.is-correct{background:var(--ok-bg);color:var(--ok)}.feedback.is-incorrect{background:var(--err-bg);color:var(--err)}.quiz-next{margin-top:1rem;animation:riseIn .45s var(--ease)}.quiz-score{font-size:1.5rem;font-weight:700;color:var(--navy)}.learning-points{padding-left:1.2rem}.learning-points li{margin-bottom:.4rem}.risk-grid{display:grid;gap:1rem;margin:1.5rem 0 1rem}.risk-card{overflow:hidden}.risk-toggle{width:100%;min-height:var(--tap);display:flex;align-items:center;gap:.7rem;padding:.85rem .95rem;border:0;background:transparent;font:inherit;font-family:var(--font-display);font-size:1.08rem;font-weight:700;color:var(--navy);text-align:left;cursor:pointer}.risk-icon{width:2.4rem;height:2.4rem;border-radius:12px;background:var(--teal-soft);color:var(--teal);display:grid;place-items:center;flex-shrink:0;transition:transform .35s var(--ease),background .35s var(--ease)}.risk-card.is-open .risk-icon{transform:rotate(-8deg) scale(1.06);background:#bfeee4}.risk-icon svg{width:22px;height:22px}.risk-label{flex:1;min-width:0;overflow-wrap:anywhere}.risk-plus{margin-left:auto;color:var(--teal);font-size:1.4rem;line-height:1;transition:transform .35s var(--ease)}.risk-card.is-open .risk-plus{transform:rotate(180deg)}.risk-panel{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .42s var(--ease),opacity .32s var(--ease)}.risk-panel.is-open{grid-template-rows:1fr;opacity:1}.risk-body{overflow:hidden;padding:0 1.15rem;color:var(--muted)}.risk-panel.is-open .risk-body{padding-bottom:1.15rem}.risk-body p{margin:0;padding-left:0}.callout{border-left:4px solid var(--gold-deep);border-radius:0 16px 16px 0}.callout p{margin:0}.action-list{list-style:none;counter-reset:actions;padding:0;margin:1.25rem 0 0;display:grid;gap:1rem}.action-list li{counter-increment:actions;padding:1.05rem 1.05rem 1.05rem 3.8rem;position:relative}.action-list li:before{content:counter(actions);position:absolute;left:1rem;top:1.15rem;width:2.4rem;height:2.4rem;border-radius:50%;background:var(--navy);color:#fff;display:grid;place-items:center;font-weight:700;transition:transform .35s var(--ease)}.action-list li:hover:before{transform:scale(1.08)}.action-list h3{margin-bottom:.3rem}.action-list p{margin:0;color:var(--muted)}.form-field{margin-bottom:1.2rem;border:0;padding:0}.form-field label,.form-field legend{display:block;font-weight:700;color:var(--navy);margin-bottom:.45rem}textarea{width:100%;font:inherit;padding:.8rem;border:1px solid var(--line);border-radius:12px;background:var(--cream);color:var(--ink);min-height:5.4rem;resize:vertical;transition:border-color .25s var(--ease),box-shadow .25s var(--ease),background .25s var(--ease)}textarea:focus{border-color:var(--teal);background:#fff;box-shadow:0 0 0 4px #0f766e1f;outline:none}.scale{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.45rem}.scale label{min-width:0;min-height:var(--tap);width:100%;display:inline-flex;align-items:center;justify-content:center;gap:.3rem;border:1px solid var(--line);border-radius:12px;padding:0 .2rem;font-weight:700;cursor:pointer;background:var(--cream);transition:background .25s var(--ease),color .25s var(--ease),transform .25s var(--ease),border-color .25s var(--ease)}.scale label:hover{transform:translateY(-2px)}.scale label:has(input:checked){background:var(--navy);color:#fff;border-color:var(--navy)}.scale input{width:1.1rem;height:1.1rem}.scale-hint{font-size:.85rem;color:var(--muted);margin:.45rem 0 0}.form-error{color:var(--err);font-weight:700;animation:riseIn .3s var(--ease)}.summary-list{display:grid;gap:.8rem}.summary-list dt{font-weight:700;color:var(--navy)}.summary-list dd{margin:.15rem 0 0;overflow-wrap:anywhere}.source-list{padding-left:1.15rem}.source-list li{margin-bottom:.85rem;overflow-wrap:anywhere}.source-list a{display:block;max-width:100%;word-break:break-word;overflow-wrap:anywhere}.site-footer{background:var(--navy-deep);color:#d7e0ea;padding:1.8rem 0 max(1.8rem,env(safe-area-inset-bottom,0px));text-align:center}.site-footer p{margin:0 0 .5rem;overflow-wrap:anywhere}.footer-meta{font-size:.9rem;opacity:.85}.footer-credit{margin-top:1.1rem;font-size:.78rem;letter-spacing:.05em;text-transform:uppercase;opacity:.72}@media (min-width: 640px){body{font-size:1.05rem}.lead-grid{grid-template-columns:1fr 1fr}.hero-actions .btn,.pretest-card .btn,.results-card .btn,.quiz-next{width:auto}}@media (min-width: 768px){.section{padding:3.6rem 0}.hero{padding:4.6rem 0 4.8rem}.container,.header-inner{padding-inline:max(1.5rem,env(safe-area-inset-left,0px)) max(1.5rem,env(safe-area-inset-right,0px))}.fact-chip,.callout,.quiz-card,.results-card,.pretest-card{padding:1.4rem 1.45rem}.quiz-card,.results-card,.pretest-card{padding:1.7rem}.risk-grid{grid-template-columns:1fr 1fr}.risk-body p{padding-left:3.2rem}.beat-row{font-size:.82rem;letter-spacing:.14em;gap:.85rem}}@media (min-width: 960px){.nav-toggle{display:none}.header-inner{display:grid;grid-template-columns:auto 1fr}.site-nav{position:static;max-height:none;visibility:visible;overflow:visible;padding:0;border:0;background:transparent;box-shadow:none;opacity:1}.site-nav ul{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.1rem}.site-nav a{min-height:2.7rem;font-size:.9rem}.action-list{grid-template-columns:1fr 1fr}.action-list li{padding:1.15rem 1.2rem 1.15rem 4.3rem}}@media (min-width: 1024px){.section{padding:4.6rem 0}.hero{padding:5.5rem 0 5.8rem}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.intro{opacity:1!important}}