:root{--ink:#17151d;--panel:#211e2b;--chalk:#f7f3ea;--muted:#b7b0a4;--line:#494354;--red:#ff6745;--blue:#4c99ea;--yellow:#ffd342}*{box-sizing:border-box}body{margin:0;background:var(--ink);color:var(--chalk);font:17px/1.5 "Hanken Grotesk",system-ui,sans-serif}header{max-width:1100px;margin:auto;padding:22px max(20px,4vw);display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}header>a{color:var(--muted);font-size:.8rem;text-decoration:none}.brand{display:flex;align-items:center;gap:11px}.brand>b{display:grid;place-items:center;width:42px;height:42px;background:var(--red);color:var(--ink);letter-spacing:-.08em}.brand strong,.brand small{display:block}.brand strong{color:var(--chalk);font-size:.92rem}.brand small{margin-top:3px;font-size:.65rem}.stage{width:min(820px,calc(100% - 36px));margin:0 auto;padding:clamp(56px,10vw,112px) 0;text-align:center}.stage>p:first-child,.card-top p{color:var(--red);font-size:.72rem;font-weight:800;letter-spacing:.1em}.stage h1,.stage h2{max-width:11ch;margin:16px auto 22px;font-size:clamp(3rem,8vw,6.6rem);line-height:.9;letter-spacing:-.07em}.stage h2{font-size:clamp(2.6rem,6vw,5rem)}.copy{max-width:50ch;margin:0 auto;color:var(--muted)}.button{display:inline-flex;min-height:54px;align-items:center;justify-content:center;padding:12px 22px;background:var(--red);border:1px solid var(--red);color:var(--ink);font:800 1rem inherit;text-decoration:none;cursor:pointer}.stage .button{margin-top:30px}.stage small{display:block;margin-top:15px;color:var(--muted);font-size:.76rem}.orbit{width:140px;aspect-ratio:1;margin:32px auto;border:1px solid var(--red);border-radius:50%;display:grid;place-items:center;color:var(--red);font-size:5rem;box-shadow:0 0 0 24px #ff67451e,0 0 0 48px #ff67450c}.loading{animation:pulse 1s ease-in-out infinite}input{width:min(420px,100%);min-height:55px;padding:0 16px;border:1px solid var(--line);background:var(--panel);color:var(--chalk);font:inherit}form{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.progress-head{display:flex;justify-content:space-between;color:var(--muted);font-size:.8rem}.progress-head button,.card-action>button{border:0;background:transparent;color:var(--muted);font:inherit;text-decoration:underline;cursor:pointer}.progress{height:3px;background:var(--line);margin:16px 0 44px}.progress i{display:block;width:10%;height:100%;background:var(--red);transition:width .2s}.quiz>#category{font-size:.72rem;font-weight:800;letter-spacing:.1em;color:var(--red)}.quiz h2{max-width:14ch}.answers{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:32px;text-align:left}.answers button{min-height:75px;padding:16px;border:1px solid var(--line);background:var(--panel);color:var(--chalk);font:inherit;text-align:left;cursor:pointer}.answers button:hover{border-color:var(--red)}.answers span{display:block;color:var(--red);font-size:.7rem;font-weight:800;margin-bottom:5px}.card{background:var(--panel);border:1px solid var(--line);padding:clamp(22px,5vw,52px);text-align:left}.card-top{display:flex;justify-content:space-between;gap:24px;align-items:start}.card-top h2{margin:0;font-size:clamp(2.25rem,5vw,4.5rem)}.score-ring{width:145px;aspect-ratio:1;display:grid;place-content:center;text-align:center;border:1px solid var(--red);border-radius:50%;box-shadow:0 0 0 18px #ff67451c}.score-ring strong{color:var(--red);font-size:4.4rem;line-height:.8;letter-spacing:-.08em}.score-ring small{margin-top:8px;color:var(--muted)}.radar{display:block;width:min(390px,100%);margin:40px auto 25px;overflow:visible}.radar g polygon{fill:none;stroke:var(--line);stroke-width:1}.radar .shape{fill:#ff67455c;stroke:var(--red);stroke-width:2}.radar text{fill:var(--muted);font:700 9px sans-serif;text-anchor:middle}.breakdown{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.metric span,.metric strong{display:block}.metric span{color:var(--muted);font-size:.75rem}.metric strong{color:var(--red);font-size:1.7rem;letter-spacing:-.06em}.metric i{display:block;height:3px;background:linear-gradient(90deg,var(--red) var(--value),var(--line) var(--value));margin-top:8px}.card-action{margin-top:42px;display:flex;align-items:center;gap:18px;flex-wrap:wrap}.card-action p{width:100%;margin:0;font-size:1.05rem}@keyframes pulse{50%{transform:scale(.94);opacity:.55}}@media(max-width:620px){header{padding:16px 18px}.brand small{display:none}.stage{width:calc(100% - 36px);padding:58px 0}.stage h1{font-size:clamp(3rem,15vw,4.5rem)}.answers{grid-template-columns:1fr}.card{padding:24px 18px}.card-top{display:block}.score-ring{width:128px;margin:28px auto}.breakdown{grid-template-columns:1fr;gap:12px}.metric{display:grid;grid-template-columns:1fr auto;gap:0 14px}.metric i{grid-column:1/-1}.card-action{display:grid}.card-action .button{width:100%}.card-action>button{justify-self:start;padding:0}}
.quiz h2 em{color:var(--red);font-style:normal}.card-action.immediate{margin:30px 0 0;padding:22px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.card-action.secondary{margin-top:24px}.card-action.secondary button{border:0;padding:0;background:transparent;color:var(--muted);font:inherit;text-decoration:underline;cursor:pointer}

.orbit{display:grid;place-content:center;text-align:center;font-size:initial}.orbit strong{font-size:5rem;line-height:.8;letter-spacing:-.08em}.orbit span{display:block;margin-top:8px;color:var(--muted);font-size:.55rem;font-weight:800;letter-spacing:.1em}