:root{--paper: #f7f5ef;--card: #ffffff;--ink: #111111;--muted: rgba(17, 17, 17, .62);--line: #d9d9d9;--accent: #111111;--accent-dark: #000000;--accent-soft: #d4e2e3;--sand: #faedda;--teal: #95b7b9;--focus: #f94f02;--danger: #9b2c2c;--danger-soft: #faedda;--shadow: 0 16px 40px rgba(17, 17, 17, .05);color-scheme:light}*,*:before,*:after{box-sizing:border-box}html{font-size:17px}body{margin:0;min-height:100vh;color:var(--ink);background-color:var(--paper);background-image:radial-gradient(900px 420px at 100% -8%,rgba(250,237,218,.95),transparent 58%),linear-gradient(180deg,#d4e2e3 0%,var(--paper) 320px);font-family:Neue Haas Grotesk Display Pro,Helvetica Neue,Helvetica,Arial,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased}button,input{font:inherit}button{cursor:pointer}h1{margin:0 0 16px;font-size:clamp(2rem,4vw,2.75rem);font-weight:500;letter-spacing:-.03em;line-height:1.05;text-wrap:balance}h1[tabindex="-1"]:focus{outline:none}p{margin:0;text-wrap:pretty}.page{padding:28px 0 12px}.shell{width:min(720px,calc(100% - 32px));margin:0 auto}.shell.wide{width:min(940px,calc(100% - 32px))}.brand{display:block;width:168px;height:auto;margin:0 0 28px}.steps ol{display:flex;flex-wrap:wrap;gap:6px 18px;margin:0 0 22px;padding:0;list-style:none}.step{display:inline-flex;align-items:center;gap:8px;padding:2px 0;border:0;background:transparent;color:var(--muted);font-size:.72rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase}.step.current{color:var(--ink);font-weight:500}.step.done{color:var(--accent)}.step.done:hover{text-decoration:underline}.step:focus-visible{outline:2px solid var(--focus);outline-offset:3px;border-radius:6px}.step-index{display:grid;width:1.4rem;height:1.4rem;place-items:center;border:1px solid currentColor;border-radius:999px;font-size:.75rem;font-weight:500;letter-spacing:0}.step.current .step-index{border-color:var(--accent);background:var(--accent);color:#fff}.screen{padding-bottom:28px}.screen:not(.has-actions){padding-bottom:48px}.thanks{display:grid;min-height:calc(100vh - 180px);align-items:safe center;padding-bottom:28px}.screen.has-actions{padding-bottom:132px}.card{background:var(--card);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow)}.intro-card,.thanks-card,.scale-card{padding:36px 36px 32px}.eyebrow{margin-bottom:10px;color:#11111173;font-size:.7rem;font-weight:500;letter-spacing:.16em;text-transform:uppercase}.prose{display:grid;gap:16px;max-width:65ch;margin-bottom:28px;color:var(--muted);font-size:1.02rem}.prose strong,.lead strong{color:var(--ink)}.callout{padding:14px 16px;border-radius:12px;background:var(--accent-soft);color:var(--ink)}.callout strong{font-weight:500;color:var(--ink)}.lead{max-width:62ch;margin-bottom:22px;color:var(--muted)}.btn{display:inline-flex;min-height:48px;align-items:center;justify-content:center;padding:0 22px;border-radius:999px;font-size:.78rem;font-weight:500;letter-spacing:.12em;line-height:1;text-transform:uppercase;white-space:nowrap}.btn:focus-visible{outline:2px solid var(--focus);outline-offset:3px}.btn:disabled{cursor:wait;opacity:.7}.btn-primary{border:1px solid var(--accent);background:var(--accent);color:#fff}.btn-primary:hover:not(:disabled){background:var(--accent-dark)}.btn-ghost{border:1px solid var(--line);background:var(--card);color:var(--ink)}.btn-ghost:hover{border-color:var(--ink);background:var(--sand)}.levels{display:grid;gap:12px;margin:0;padding:0;list-style:none}.level{padding:16px 18px;border-radius:12px;background:var(--paper)}.level h2{margin:0 0 6px;font-size:1.28rem;font-weight:500;letter-spacing:-.02em}.level h2 span{color:var(--accent)}.level p{color:var(--muted)}.actionbar{position:fixed;right:0;bottom:0;left:0;z-index:10;padding:12px 16px calc(12px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:#f7f5eff0;box-shadow:0 -10px 30px #3026160d;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.actionbar-inner{display:flex;width:min(720px,100%);align-items:center;justify-content:space-between;gap:16px;margin:0 auto}.action-status{margin:0;color:var(--muted);font-size:.92rem;font-variant-numeric:tabular-nums}.action-status.complete{color:var(--accent);font-weight:500}.form-error,.field-error{color:var(--danger);font-size:.92rem;font-weight:500}.form-error{width:min(720px,100%);margin:8px auto 0}.questions .actionbar-inner,.questions .form-error{width:min(940px,100%)}.progress{position:fixed;top:0;right:0;left:0;z-index:20;height:4px;background:#11111114}.progress>span{display:block;height:100%;background:var(--accent);transition:width .18s ease}.questions-intro{padding-inline:17px}.questions-intro .lead{margin-bottom:6px}.keyboard-hint{max-width:62ch;margin:0;color:#11111173;font-size:.86rem}.email-card{margin-bottom:28px;padding:16px 17px 18px}.email-card label{display:block;margin-bottom:4px;color:#11111173;font-size:.7rem;font-weight:500;letter-spacing:.16em;text-transform:uppercase}.email-card input{width:100%;padding:10px 0;border:0;border-bottom:1.5px solid rgba(17,17,17,.2);border-radius:0;background:transparent;color:var(--ink)}.email-card input::placeholder{color:#a3a3ab}.email-card input:focus{border-bottom-color:var(--ink);outline:none}.email-card input[aria-invalid=true]{border-bottom-color:var(--danger);background:transparent}.field-error{margin-top:8px}.section-heading{margin-bottom:14px}.questions h1{margin-bottom:8px;font-size:clamp(1.7rem,3vw,2.15rem)}.legend{display:flex;flex-wrap:wrap;gap:8px 16px;margin:0 0 48px;padding:0;list-style:none;color:var(--muted);font-size:.92rem}.legend span{display:inline-grid;width:1.35rem;height:1.35rem;margin-right:6px;place-items:center;border-radius:6px;background:var(--accent-soft);color:var(--ink);font-weight:500}.areas{margin:0;padding:0;overflow:hidden;list-style:none;border:1px solid var(--line);border-radius:16px;background:var(--card);box-shadow:var(--shadow)}.area{position:relative;display:grid;grid-template-areas:"index label level choices";grid-template-columns:2.4rem minmax(0,1fr) 7.4rem auto;align-items:center;gap:10px 14px;padding:14px 16px;border-left:3px solid transparent;scroll-margin:28px 0 140px}.area+.area{border-top:1px solid var(--line)}.area.answered{border-left-color:var(--accent);background:#f3f7f7}.area.missing{border-left-color:var(--danger);background:var(--danger-soft)}.area.current{border-left-color:transparent;background:#fff}.area.current:after{content:"";position:absolute;inset:0 0 0 -3px;border:1px solid var(--ink);pointer-events:none}.areas>.area.current:first-child:after{border-top-left-radius:15px;border-top-right-radius:15px}.areas>.area.current:last-child:after{border-bottom-left-radius:15px;border-bottom-right-radius:15px}.index{grid-area:index;color:#11111161;font-size:.82rem;font-weight:500;font-variant-numeric:tabular-nums}.area-label{grid-area:label;font-weight:500;line-height:1.35;-webkit-hyphens:auto;hyphens:auto}.level-name{grid-area:level;min-height:1.2em;color:var(--accent);font-size:.86rem;font-weight:500;text-align:right}.level-name:empty{min-height:0}.level-name.prompt{color:var(--danger)}.choices{display:grid;grid-area:choices;grid-template-columns:repeat(5,42px);gap:6px}.choice{position:relative;display:grid;color:var(--ink);font-weight:500}.choice span{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none}.choice input{width:42px;height:42px;margin:0;border:1px solid var(--line);border-radius:8px;background:#fff;cursor:pointer;appearance:none;-webkit-appearance:none}.choice input:hover{border-color:var(--accent);background:var(--accent-soft)}.choice input:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.choice input:checked{border-color:var(--accent);background:var(--accent)}.choice:has(input:checked){color:#fff}.choice input:checked:hover{background:var(--accent-dark)}.thanks-card{padding-top:42px;padding-bottom:42px;text-align:center}.thanks-card p{max-width:46ch;margin:0 auto;color:var(--muted)}.check{display:grid;width:64px;height:64px;margin:0 auto 18px;place-items:center;border-radius:999px;background:var(--accent-soft);color:var(--accent)}.fade-enter-active,.fade-leave-active{transition:opacity .18s ease,transform .18s ease}.fade-enter-from,.fade-leave-to{transform:translateY(6px);opacity:0}@media(max-width:720px){.intro-card,.thanks-card,.scale-card{padding:22px 18px 20px}.area{grid-template-areas:"label label" "level level" "choices choices";grid-template-columns:minmax(0,1fr);gap:8px}.index{display:none}.level-name{text-align:left}.level-name:empty{display:none}.choices{grid-template-columns:repeat(5,minmax(0,1fr))}.choice input{width:100%;height:46px}.actionbar-inner{display:grid;grid-template-columns:auto minmax(0,1fr)}.action-status{grid-column:1 / -1;grid-row:1;text-align:center}.btn-ghost,.btn-primary{grid-row:2}.steps ol{flex-wrap:nowrap;gap:4px 10px}.step{gap:6px;font-size:.68rem;letter-spacing:.06em}.intro-card .btn{width:100%}.prose{gap:12px;margin-bottom:18px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}