:root{--ink:#191917;--muted:#6d6c66;--canvas:#dededc;--paper:#f7f7f2;--line:#d7d6cf;--soft:#ecece6;--accent:#273f34;--accent-soft:#dfe8df;--radius:3px;--ease:cubic-bezier(.22,1,.36,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:var(--canvas);color:var(--ink);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.site-header,main,footer{width:min(980px,calc(100% - 48px));margin-inline:auto}.site-header{height:80px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:11px;color:var(--ink);font-size:14px;font-weight:650;letter-spacing:-.01em;text-decoration:none}.brand-symbol{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--ink);color:var(--paper);font-size:12px;font-weight:700}.quiet-link{color:var(--ink);font-size:13px;text-underline-offset:4px;text-decoration-thickness:1px}.view{display:none}.view.active{display:block;animation:view-in .55s var(--ease) both}.intro{min-height:calc(100vh - 160px);padding:8vh 0 12vh}.intro-copy{max-width:760px;margin-bottom:64px}.overline,.panel-label{margin:0 0 18px;color:var(--muted);font-size:11px;font-weight:650;letter-spacing:.105em;text-transform:uppercase}h1,h2,h3,h4,p{letter-spacing:-.02em}h1{max-width:830px;margin:0;font-size:clamp(44px,7.3vw,76px);font-weight:510;line-height:1.02;letter-spacing:-.055em}.lede{max-width:610px;margin:28px 0 0;color:var(--muted);font-size:18px;line-height:1.55}.start-panel{width:min(100%,680px);margin-left:auto;background:var(--paper);padding:42px 46px 38px;border:1px solid rgba(25,25,23,.08);box-shadow:0 1px 0 rgba(255,255,255,.7) inset,0 22px 70px rgba(29,29,24,.06)}.start-note{display:grid;grid-template-columns:42px 1fr;gap:18px;padding:0 0 24px;margin:0 0 24px;border-bottom:1px solid var(--line)}.step-number{font-size:11px;color:var(--muted);padding-top:3px;font-variant-numeric:tabular-nums}.start-note strong{font-size:15px;font-weight:600}.start-note p{margin:5px 0 0;color:var(--muted);font-size:14px;line-height:1.45}.primary-button,.secondary-button{width:100%;min-height:54px;border:0;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;padding:0 24px;background:var(--ink);color:#fff;cursor:pointer;font-size:14px;font-weight:600;text-decoration:none;transition:background .2s ease,transform .2s var(--ease)}.primary-button:hover,.secondary-button:hover{background:var(--accent)}.primary-button:active,.secondary-button:active{transform:scale(.995)}.time-note{margin:14px 0 0;text-align:center;color:var(--muted);font-size:11px;letter-spacing:.01em}.quiz{min-height:calc(100vh - 160px);padding:28px 0 100px}.quiz-header{margin-bottom:clamp(64px,10vh,108px)}.progress-copy{display:flex;justify-content:space-between;margin-bottom:13px;color:var(--muted);font-size:11px;font-variant-numeric:tabular-nums}.progress-track{height:1px;background:rgba(25,25,23,.15);overflow:hidden}.progress-track span{display:block;width:6.66%;height:100%;background:var(--ink);transform-origin:left;transition:width .55s var(--ease)}.question-stage{width:min(100%,760px);margin-inline:auto}.question-stage.changing{animation:question-change .36s var(--ease) both}.question-stage h2{max-width:720px;min-height:2.35em;margin:0 0 42px;font-size:clamp(30px,4.7vw,48px);font-weight:510;line-height:1.16;letter-spacing:-.045em}.answers{border-top:1px solid var(--line)}.answer{width:100%;min-height:66px;display:grid;grid-template-columns:34px 1fr 20px;align-items:center;gap:12px;border:0;border-bottom:1px solid var(--line);padding:11px 4px;background:transparent;color:var(--ink);cursor:pointer;text-align:left;font-size:15px;line-height:1.45;transition:background .18s ease,padding .25s var(--ease)}.answer:hover{background:rgba(247,247,242,.5);padding-left:12px;padding-right:12px}.answer.selected{background:var(--paper);padding-left:12px;padding-right:12px}.answer-key{display:grid;place-items:center;width:25px;height:25px;border:1px solid #bdbdb6;border-radius:50%;color:var(--muted);font-size:10px;font-variant-numeric:tabular-nums;transition:all .18s ease}.answer-check{width:8px;height:8px;border-radius:50%;background:transparent;justify-self:end;transition:background .18s ease}.answer.selected .answer-key{border-color:var(--ink);background:var(--ink);color:var(--paper)}.answer.selected .answer-check{background:var(--accent)}.question-footer{display:flex;justify-content:space-between;align-items:center;margin-top:26px;color:var(--muted);font-size:11px}.previous-button,.restart-button{border:0;border-bottom:1px solid transparent;background:transparent;color:var(--muted);padding:3px 0;cursor:pointer;font-size:12px;transition:border-color .2s,color .2s}.previous-button:hover,.restart-button:hover{border-color:currentColor;color:var(--ink)}.result{padding:7vh 0 110px}.result-heading{max-width:780px;margin-bottom:72px}.score-line{display:flex;align-items:baseline;margin-bottom:20px;font-variant-numeric:tabular-nums}.score-line strong{font-size:clamp(96px,16vw,168px);font-weight:470;line-height:.8;letter-spacing:-.08em}.score-line span{color:var(--muted);font-size:18px;margin-left:10px}.result-heading h2{margin:0 0 15px;font-size:clamp(34px,5vw,54px);font-weight:510;letter-spacing:-.05em}.result-heading>p:last-child{max-width:650px;margin:0;color:var(--muted);font-size:17px;line-height:1.55}.result-layout{display:grid;grid-template-columns:1.45fr .75fr;gap:16px;align-items:start}.result-panel{background:var(--paper);border:1px solid rgba(25,25,23,.08);padding:38px}.primary-result h3{margin:0 0 13px;font-size:32px;font-weight:520;letter-spacing:-.04em}.primary-result>p:not(.panel-label){margin:0;color:var(--muted);font-size:15px;line-height:1.6}.email-gate{margin:36px -6px -6px;padding:30px;background:var(--soft);border:1px solid var(--line)}.email-gate h4{margin:0 0 10px;font-size:22px;font-weight:540}.email-gate>p:not(.panel-label){max-width:520px;margin:0 0 22px;color:var(--muted);font-size:14px;line-height:1.55}.email-gate .privacy{margin:14px 0 0;font-size:10px;line-height:1.5}.hidden{display:none!important}.recommendations{display:grid;gap:0;margin-top:36px;border-top:1px solid var(--line)}.recommendation-block{padding:26px 0;border-bottom:1px solid var(--line)}.recommendation-block span{color:var(--muted);font-size:10px;font-weight:650;letter-spacing:.1em;text-transform:uppercase}.recommendation-block p,.recommendation-block ol{margin:12px 0 0;font-size:14px;line-height:1.65}.recommendation-block ol{padding-left:19px}.recommendation-block li+li{margin-top:7px}.recommendation-block.emphasis{padding:26px 22px;background:var(--accent-soft);border:0}.breakdown{display:grid;gap:25px;margin-top:30px}.breakdown-head{display:flex;justify-content:space-between;gap:20px;margin-bottom:9px;color:var(--muted);font-size:12px;line-height:1.3}.breakdown-head strong{color:var(--ink);font-weight:560;font-variant-numeric:tabular-nums}.breakdown-bar{height:2px;background:var(--line);overflow:hidden}.breakdown-bar span{display:block;height:100%;background:var(--ink)}.closing-cta{margin-top:16px;background:var(--ink);color:var(--paper);padding:40px;display:flex;align-items:flex-end;justify-content:space-between;gap:48px}.closing-cta>div{max-width:590px}.closing-cta .panel-label{color:#aaa9a3}.closing-cta h3{margin:0;font-size:clamp(25px,3.5vw,38px);font-weight:500;line-height:1.16;letter-spacing:-.04em}.secondary-button{width:auto;min-width:180px;background:var(--paper);color:var(--ink)}.secondary-button:hover{background:#fff;color:var(--ink)}.restart-button{margin-top:28px}footer{min-height:92px;border-top:1px solid rgba(25,25,23,.12);display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:11px}@keyframes view-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes question-change{0%{opacity:.2;transform:translateY(8px)}100%{opacity:1;transform:none}}@media(max-width:760px){.site-header,main,footer{width:min(100% - 28px,980px)}.site-header{height:66px}.quiet-link{font-size:12px}.intro{padding:6vh 0 70px}.intro-copy{margin-bottom:42px}h1{font-size:43px}.lede{font-size:16px}.start-panel{padding:30px 24px 26px}.quiz{padding-top:20px}.quiz-header{margin-bottom:56px}.question-stage h2{min-height:auto;margin-bottom:30px;font-size:31px}.answer{min-height:70px;font-size:14px}.question-footer span{display:none}.result{padding-top:50px}.result-heading{margin-bottom:48px}.score-line strong{font-size:108px}.result-layout{grid-template-columns:1fr}.result-panel{padding:28px 23px}.email-gate{padding:24px 19px}.closing-cta{padding:30px 24px;align-items:stretch;flex-direction:column}.secondary-button{width:100%}footer{padding:24px 0;gap:8px;align-items:flex-start;flex-direction:column;justify-content:center}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}