:root{--ink:#f4f7fb;--paper:#0a0f16;--panel:#101823;--panel-2:#151f2c;--muted:#9ba8b8;--line:rgba(148,163,184,.22);--gold:#c8b477;--cream:#fff4d1;--red:#a42134;--red-light:#d6455c;--green:#5fb58b;--shadow:rgba(0,0,0,.42)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:radial-gradient(circle at 76% 8%,rgba(164,33,52,.15),transparent 30rem),linear-gradient(180deg,#0a0f16,#070b10 75%);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;min-height:100vh}
button,input{font:inherit}
button,a{-webkit-tap-highlight-color:transparent}
.shell{width:min(100% - 40px,1120px);margin-inline:auto}
.skip-link{position:fixed;top:-80px;left:16px;z-index:100;background:#fff;color:#111;padding:10px 14px;border-radius:6px}.skip-link:focus{top:16px}
.site-header{border-bottom:1px solid var(--line);background:rgba(7,11,16,.86);backdrop-filter:blur(14px);position:relative;z-index:5}
.nav{display:flex;align-items:center;justify-content:space-between;min-height:76px;gap:24px}
.brand{display:flex;align-items:center;color:var(--ink);text-decoration:none}.brand img{display:block;width:68px;height:68px;object-fit:contain;flex:0 0 auto}
.nav-label{font-size:.7rem;font-weight:900;letter-spacing:.17em;color:var(--cream);border:1px solid rgba(200,180,119,.3);padding:.55rem .75rem;border-radius:999px}
.screen{min-height:calc(100vh - 144px)}
.landing-screen{display:grid;align-items:center;padding:clamp(3.5rem,9vw,8rem) 0}
.hero-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:clamp(2rem,6vw,5rem);align-items:center}
.eyebrow{margin:0 0 .8rem;color:var(--gold);font-size:.72rem;font-weight:950;letter-spacing:.16em;text-transform:uppercase}
h1,h2,h3,legend{font-family:Georgia,"Times New Roman",serif}
h1{font-size:clamp(3rem,7.5vw,6.7rem);line-height:.87;letter-spacing:.015em;margin:0;max-width:820px;text-shadow:0 12px 50px rgba(0,0,0,.42)}
.hook{font-family:Georgia,"Times New Roman",serif;color:var(--cream);font-size:clamp(1.3rem,2.5vw,2rem);margin:1.6rem 0 .6rem}
.lead{color:#cbd3de;font-size:clamp(1rem,1.35vw,1.16rem);line-height:1.65;max-width:730px}
.button{display:inline-flex;align-items:center;justify-content:center;border-radius:7px;border:1px solid transparent;padding:.93rem 1.25rem;font-size:.76rem;font-weight:950;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;text-decoration:none;transition:transform .16s ease,background .16s ease,border-color .16s ease;min-height:48px}
.button:hover{transform:translateY(-1px)}.button:focus-visible,input:focus-visible{outline:3px solid rgba(200,180,119,.8);outline-offset:3px}
.button.primary{background:linear-gradient(180deg,#bd2a42,#811829);color:#fff;box-shadow:0 14px 40px rgba(164,33,52,.26)}
.button.primary:hover{background:linear-gradient(180deg,#ca334c,#921d30)}
.button.secondary{border-color:var(--line);background:rgba(255,255,255,.03);color:#dbe3ec}
.button:disabled{opacity:.4;cursor:not-allowed;transform:none}.button.full{width:100%}
#start-button{margin-top:1.3rem}
.field-card,.report-card,.recommendation{border:1px solid var(--line);background:linear-gradient(180deg,rgba(21,31,44,.88),rgba(9,14,21,.94));box-shadow:0 26px 90px var(--shadow);border-radius:24px;padding:clamp(1.25rem,3vw,2rem)}
.status-chip{display:inline-block;border:1px solid rgba(200,180,119,.35);color:var(--cream);border-radius:999px;padding:.38rem .6rem;font-size:.64rem;font-weight:950;letter-spacing:.12em}
.field-card dl{display:grid;gap:0;margin:1.1rem 0;border-top:1px solid var(--line)}
.field-card dl div{display:flex;justify-content:space-between;gap:2rem;padding:.85rem 0;border-bottom:1px solid var(--line)}
.field-card dt{color:var(--muted);font-size:.78rem;text-transform:uppercase;letter-spacing:.08em}.field-card dd{margin:0;text-align:right;font-weight:800;color:var(--cream)}
.field-card>p{color:var(--muted);line-height:1.55;font-size:.91rem}
.assessment-screen{padding:clamp(2.5rem,7vw,5.5rem) 0}
.assessment-shell{width:min(100% - 40px,820px);margin-inline:auto}.assessment-shell.narrow{width:min(100% - 40px,680px)}
.progress-row{display:flex;justify-content:space-between;gap:1rem;color:var(--muted);font-size:.72rem;font-weight:850;letter-spacing:.08em}.progress-row .eyebrow{margin:0}
.progress-track{height:6px;border-radius:99px;background:rgba(148,163,184,.16);overflow:hidden;margin:.8rem 0 clamp(2.1rem,5vw,4rem)}
.progress-track span{display:block;width:8%;height:100%;background:linear-gradient(90deg,var(--red),var(--red-light));transition:width .22s ease}.progress-track.complete span{width:100%}
fieldset{border:0;padding:0;margin:0}legend{font-size:clamp(1.7rem,4vw,2.65rem);line-height:1.15;font-weight:700;width:100%}
.question-help{color:var(--muted);line-height:1.55;min-height:1.5em;margin:.8rem 0 1.5rem}
.answer-options{display:grid;gap:.75rem}
.answer-option{position:relative;display:flex;align-items:center;gap:.85rem;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.025);padding:1rem 1.1rem;cursor:pointer;transition:border .15s ease,background .15s ease,transform .15s ease}
.answer-option:hover{border-color:rgba(200,180,119,.55);transform:translateY(-1px)}
.answer-option input{position:absolute;opacity:0;pointer-events:none}.answer-dot{display:grid;place-items:center;flex:0 0 auto;width:22px;height:22px;border-radius:50%;border:2px solid #647184}.multi-options .answer-dot{border-radius:5px}
.answer-option:has(input:checked){border-color:var(--gold);background:rgba(200,180,119,.09);color:var(--cream)}
.answer-option:has(input:focus-visible){outline:3px solid rgba(200,180,119,.7);outline-offset:3px}
.answer-option input:checked+.answer-dot{border-color:var(--gold);box-shadow:inset 0 0 0 5px var(--panel),inset 0 0 0 12px var(--gold);background:var(--gold)}
.multi-options .answer-option input:checked+.answer-dot:after{content:"✓";font-size:.75rem;color:#111;font-weight:950}
.answer-label{line-height:1.42;font-weight:700}
.screen-actions{display:flex;justify-content:space-between;gap:1rem;margin-top:2rem}
.report-list{color:#cbd3de;line-height:1.8;padding-left:1.2rem}
#email-form{margin-top:1.7rem}#email-form>label:first-child{display:block;font-weight:800;margin-bottom:.45rem}
#email{width:100%;border:1px solid var(--line);border-radius:9px;background:#0a111a;color:#fff;padding:1rem;margin-bottom:1rem}
.consent-row{display:grid;grid-template-columns:auto 1fr;gap:.75rem;align-items:start;color:#cbd3de;font-size:.91rem;line-height:1.52;cursor:pointer;margin-top:.9rem}.consent-row input{width:20px;height:20px;accent-color:var(--red);margin-top:.1rem}.consent-copy strong{display:block;color:#eef2f7;line-height:1.4}.consent-copy small{display:block;margin-top:.25rem;color:var(--muted);font-size:.84rem;line-height:1.5}
.privacy-note{margin:.6rem 0 1rem;color:var(--muted);font-size:.78rem;line-height:1.55}.privacy-note a,footer a{color:inherit;text-decoration:underline;text-underline-offset:.18em}.privacy-note a:hover,.privacy-note a:focus-visible,footer a:hover,footer a:focus-visible{color:#fff4d1}
.supporting-copy{color:var(--muted);font-size:.83rem;line-height:1.5}.form-error{color:#ff9aaa;border-left:3px solid var(--red-light);padding:.7rem;background:rgba(164,33,52,.12)}
.result-screen{padding:clamp(3rem,7vw,6rem) 0}.report-shell{max-width:980px}.report-header{text-align:center;max-width:850px;margin:0 auto 4.5rem}
.report-label{margin:1.8rem 0 .2rem;color:var(--muted);font-size:.76rem;font-weight:900;letter-spacing:.15em}.overall-score{font-family:Georgia,serif;font-size:clamp(4.5rem,11vw,8.5rem);line-height:1;color:var(--cream)}
.report-header h2{font-size:clamp(1.6rem,4vw,2.8rem);margin:.65rem 0 1rem}.low-score-summary{max-width:760px;margin:0 auto 1.2rem;color:var(--cream);font-family:Georgia,"Times New Roman",serif;font-size:clamp(1.1rem,2vw,1.35rem);line-height:1.5}.report-intro{color:#bdc7d3;line-height:1.68;font-size:1.02rem}
.section-heading{display:flex;align-items:center;border-bottom:1px solid var(--line);margin:4rem 0 1.4rem;padding-bottom:.8rem}.section-heading h2{font-size:1.15rem;letter-spacing:.07em;margin:0}.section-heading.danger h2{color:#ffd7dd}
.category-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.15rem}.category-item{border:1px solid var(--line);border-radius:16px;padding:1.3rem 1.35rem;background:rgba(255,255,255,.025)}
.category-top{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1.35rem;align-items:center}.category-top strong{color:var(--cream);line-height:1.35}.category-top .category-percent{display:block;min-width:4.5rem;padding-left:1.15rem;border-left:1px solid var(--line);text-align:right;font-family:Georgia,serif;font-size:1.65rem;color:#fff4d1}
.category-bar{height:8px;background:rgba(148,163,184,.16);border-radius:99px;overflow:hidden;margin-top:1rem}.category-bar span{display:block;height:100%;background:linear-gradient(90deg,var(--red),var(--gold))}
.critical-section>p{color:#cbd3de;line-height:1.6}.block-grid{display:grid;gap:.75rem}.critical-block{border-left:4px solid var(--red-light);background:rgba(164,33,52,.11);padding:1rem 1.2rem;border-radius:0 12px 12px 0}.critical-block h3{margin:0 0 .35rem;color:#ffd7dd}.critical-block p{margin:0;color:#cbd3de;line-height:1.55}
.two-column-report{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:4rem 0}.report-card h2{margin:.2rem 0 .7rem;color:var(--cream)}.report-card p:last-child{color:#c3ccd7;line-height:1.62}.weak-card{border-color:rgba(164,33,52,.38)}
.priority-list{list-style:none;padding:0;counter-reset:priority;display:grid;gap:.8rem}.priority-list li{counter-increment:priority;display:grid;grid-template-columns:44px 1fr;gap:1rem;align-items:start;border:1px solid var(--line);border-radius:15px;padding:1.1rem;background:rgba(255,255,255,.025);color:#cbd3de;line-height:1.55}.priority-list li:before{content:counter(priority);display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:rgba(164,33,52,.2);color:#ffd7dd;font-family:Georgia,serif;font-weight:800}.priority-list strong{display:block;color:var(--cream);font-family:Georgia,"Times New Roman",serif;font-size:1.08rem;line-height:1.35}.priority-list p{margin:.35rem 0 0;color:#bfc9d5;line-height:1.55}
.recommendation{margin:4rem 0 2rem;padding:clamp(1.4rem,4vw,2.5rem);border-color:rgba(200,180,119,.4);background:radial-gradient(circle at 95% 5%,rgba(164,33,52,.28),transparent 22rem),linear-gradient(180deg,rgba(21,31,44,.92),rgba(9,14,21,.96))}.recommendation h2{font-size:clamp(1.8rem,4vw,2.6rem);margin:.2rem 0}.recommendation p:not(.eyebrow){color:#cbd3de;line-height:1.6;max-width:790px}.recommendation .recommendation-lead{color:var(--cream);font-weight:800}.recommendation .button{margin-top:.7rem}
.next-stage-recommendation{margin-top:2.1rem;padding-top:1.65rem;border-top:1px solid var(--line);max-width:790px}.next-stage-recommendation .eyebrow{margin-bottom:.55rem;color:#aeb9c7}.next-stage-recommendation p:not(.eyebrow){font-size:.94rem;color:#aeb9c7}.next-stage-link{display:inline-block;margin-top:.3rem;color:var(--cream);font-size:.74rem;font-weight:900;letter-spacing:.07em;text-transform:uppercase;text-underline-offset:4px;text-decoration-thickness:1px}.next-stage-link:hover{color:#fff}
.disclaimer{color:var(--muted);font-size:.82rem;line-height:1.5;text-align:center;max-width:760px;margin:2rem auto}
footer{border-top:1px solid var(--line);color:#7f8b99;padding:1.4rem 0;font-size:.78rem}
[hidden]{display:none!important}
@media(max-width:760px){.shell,.assessment-shell,.assessment-shell.narrow{width:min(100% - 24px,1120px)}.hero-grid,.two-column-report{grid-template-columns:1fr}.hero-grid{gap:2.5rem}.landing-screen{padding:2.5rem 0 3rem}.landing-screen h1{font-size:clamp(2.9rem,12.5vw,4.7rem);line-height:.9}.landing-screen .hook{margin-top:1.25rem}.field-card{border-radius:18px}.nav{min-height:64px}.brand img{width:56px;height:56px}.nav-label{font-size:.62rem}.assessment-screen{padding:2.5rem 0}.category-grid{grid-template-columns:1fr}.category-top{grid-template-columns:1fr;gap:.35rem}.category-top .category-percent{min-width:0;padding-left:0;border-left:0;text-align:left}.two-column-report{margin:3rem 0}.screen-actions .button{flex:1}.report-header{margin-bottom:3rem}.priority-list li{grid-template-columns:36px 1fr;padding:.9rem}.priority-list li:before{width:32px;height:32px}}
@media(max-width:420px){.landing-screen h1{font-size:clamp(2.7rem,12vw,3.35rem)}.button{font-size:.69rem;padding:.85rem}.progress-row{font-size:.62rem}.screen-actions{gap:.55rem}.answer-option{padding:.9rem}.overall-score{font-size:5rem}.next-stage-link{font-size:.65rem;letter-spacing:.045em;line-height:1.5}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}