:root{--bg:#f4f7f8;--surface:#fff;--ink:#10242b;--ink-muted:#55686f;--accent:#0f6b7a;--accent-hover:#0b5460;--accent-soft:#e4eef0;--border:#cfdde1;--border-strong:#9fb6bd;--error:#a4231c;--error-soft:#fdeceb;--radius:10px;--radius-pill:999px;--tap:44px;--step-0:1rem;--step-1:1.125rem;--step-2:1.375rem;--step-3:1.75rem;--gap:1rem;--gap-lg:1.75rem;--measure:34rem;--font:system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans", sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--ink);font-family:var(--font);font-size:var(--step-0);-webkit-text-size-adjust:100%;line-height:1.55}:focus-visible{outline:3px solid var(--accent);outline-offset:2px;border-radius:4px}.visually-hidden{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}.screen{flex-direction:column;min-block-size:100dvh;padding-block:1.5rem;padding-inline:clamp(1rem,5vw,2rem);display:flex}.screen--message{text-align:center;justify-content:center;align-items:center;gap:var(--gap);color:var(--ink-muted)}.screen--welcome,.screen--thanks{justify-content:center;align-items:center;padding-block-end:calc(6rem + env(safe-area-inset-bottom,0px))}.welcome{max-inline-size:var(--measure);text-align:center}.welcome__title{font-size:clamp(var(--step-2), 6vw, 2.25rem);letter-spacing:-.01em;margin-block:0 .75rem;line-height:1.25}.welcome__title:focus{outline:none}.welcome__subtitle{font-size:var(--step-1);color:var(--ink-muted);margin:0}.cta{background:linear-gradient(to top, var(--bg) 60%, transparent);padding:1rem;padding-block-end:calc(1rem + env(safe-area-inset-bottom,0px));position:fixed;inset-block-end:0;inset-inline:0}.cta__button{border-radius:var(--radius);background:var(--accent);color:#fff;min-block-size:52px;inline-size:100%;font-size:var(--step-1);cursor:pointer;border:none;font-family:inherit;font-weight:600}.cta__button:hover:not(:disabled){background:var(--accent-hover)}.cta__button:disabled{opacity:.6;cursor:default}@media (width>=640px){.cta{background:0 0;justify-content:center;display:flex}.cta__button{border-radius:var(--radius-pill);inline-size:auto;min-inline-size:15rem;padding-inline:2.5rem;box-shadow:0 6px 20px #0f6b7a40}}.progress{inline-size:100%;max-inline-size:var(--measure);margin-block-end:var(--gap-lg);margin-inline:auto}.progress__track{background:var(--border);border-radius:var(--radius-pill);block-size:6px;overflow:hidden}.progress__fill{background:var(--accent);border-radius:var(--radius-pill);block-size:100%;transition:inline-size .22s}.progress__label{color:var(--ink-muted);margin-block:.5rem 0;font-size:.8125rem}.page{inline-size:100%;max-inline-size:var(--measure);margin-inline:auto;padding-block-end:2rem}.page__title{font-size:var(--step-3);margin-block:0 .25rem;line-height:1.3}.page__title:focus{outline:none}.page__subtitle{color:var(--ink-muted);margin-block:0 var(--gap-lg)}.questions{gap:var(--gap-lg);margin-block-start:var(--gap-lg);display:grid}@media (width>=768px){.questions--two-up{grid-template-columns:1fr 1fr;align-items:start}}.question{border:none;min-inline-size:0;margin:0;padding:0}.question__label{font-size:var(--step-1);margin-block-end:.25rem;padding:0;font-weight:600;display:block}.question__optional{color:var(--ink-muted);font-size:.875rem;font-weight:400}.question__help{color:var(--ink-muted);margin-block:0 .75rem;font-size:.875rem}.question__error{color:var(--error);background:var(--error-soft);border-inline-start:3px solid var(--error);border-radius:0 var(--radius) var(--radius) 0;margin-block:.75rem 0;padding:.5rem .75rem;font-size:.875rem}.options{gap:.625rem;margin-block-start:.75rem;display:grid}.options--chips{flex-wrap:wrap;grid-auto-columns:max-content;grid-auto-flow:column;justify-content:start;gap:.5rem;display:flex}.option{position:relative}.option input{opacity:0;cursor:pointer;block-size:100%;inline-size:100%;margin:0;position:absolute;inset-block-start:0;inset-inline-start:0}.option label{min-block-size:var(--tap);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;align-items:center;padding:.625rem 1rem;transition:border-color .12s,background .12s;display:flex}.option input:hover+label{border-color:var(--border-strong)}.option input:checked+label{border-color:var(--accent);background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent);font-weight:600}.option input:focus-visible+label{outline:3px solid var(--accent);outline-offset:2px}.options--chips .option label{border-radius:var(--radius-pill);padding-inline:1.125rem}.options--cards .option label{min-block-size:64px;padding:1rem}.option--consent input{opacity:1;block-size:22px;inline-size:22px;accent-color:var(--accent);flex:none;position:static}.option--consent{min-block-size:var(--tap);align-items:flex-start;gap:.75rem;display:flex}.option--consent label{background:0 0;border:none;align-items:flex-start;min-block-size:0;padding:0;font-weight:400}.input{inline-size:100%;min-block-size:var(--tap);font-family:inherit;font-size:var(--step-0);color:var(--ink);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin-block-start:.5rem;padding:.625rem .875rem}.input:hover{border-color:var(--border-strong)}.input--textarea{resize:vertical;line-height:1.5}.nav{gap:.75rem;margin-block-start:2.5rem;padding-block-end:env(safe-area-inset-bottom,0px);display:flex}.nav__button{min-block-size:50px;min-inline-size:var(--tap);border-radius:var(--radius);font-family:inherit;font-size:var(--step-0);cursor:pointer;border:1px solid #0000;padding-inline:1.5rem;font-weight:600}.nav__button--primary{background:var(--accent);color:#fff;flex:1}.nav__button--primary:hover:not(:disabled){background:var(--accent-hover)}.nav__button--secondary{background:var(--surface);border-color:var(--border-strong);color:var(--ink)}.nav__button:disabled{opacity:.6;cursor:default}.banner{z-index:10;background:var(--error-soft);color:var(--error);border-block-end:1px solid var(--error);flex-wrap:wrap;align-items:center;gap:.75rem;padding:.75rem 1rem;font-size:.9375rem;display:flex;position:sticky;inset-block-start:0}.banner__retry{border:1px solid var(--error);border-radius:var(--radius);min-block-size:36px;color:var(--error);cursor:pointer;background:0 0;padding-inline:1rem;font-family:inherit;font-weight:600}.honeypot{block-size:1px;inline-size:1px;position:absolute;inset-inline-start:-9999px;overflow:hidden}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}