:root{--brand-grey: #58595B;--brand-grey-dk: #3A3B3D;--brand-red: #E6261F;--brand-blue: #0AB1E2;--brand-green: #44B649;--brand-accent: #E6261F;--bg: #F5F5F3;--bg-card: #FFFFFF;--bg-cream: #EEECEA;--charcoal: #2A2A2B;--warm-grey: #5A5A5C;--mid-grey: #8C8C8E;--border: #DCDBD8;--border-light: #EAEAE8;--error: #C93B2E;--error-subtle: rgba(201, 59, 46, .08);--serif: "Nunito", sans-serif;--sans: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--ease-out: cubic-bezier(.22, 1, .36, 1)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-text-size-adjust:100%}body{font-family:var(--sans);background:var(--bg);color:var(--charcoal);min-height:100dvh;-webkit-font-smoothing:antialiased;overflow-x:hidden}#root{min-height:100dvh;display:flex;flex-direction:column}:focus-visible{outline:2px solid var(--brand-red);outline-offset:3px;border-radius:4px}.form-shell{flex:1;display:flex;flex-direction:column;max-width:480px;width:100%;margin:0 auto;padding:0 24px}.screen-container{flex:1;display:flex;flex-direction:column;padding-bottom:40px;animation:screenIn .45s var(--ease-out) both}@keyframes screenIn{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.screen-container{animation:none}}.welcome{display:flex;flex-direction:column;align-items:center;text-align:center;padding-top:8vh;padding-bottom:6vh}.welcome-logo{height:72px;width:auto;margin:0 auto 28px;display:block;object-fit:contain}.welcome-badge{display:inline-flex;align-items:center;background:var(--bg-cream);border:1px solid var(--border);color:var(--warm-grey);font-family:var(--sans);font-size:11px;font-weight:500;padding:7px 16px;border-radius:100px;margin-bottom:28px;letter-spacing:.02em}.welcome-ornament{display:flex;align-items:center;gap:14px;margin-bottom:24px;width:100%;max-width:280px}.welcome-ornament-line{flex:1;height:1px;background:var(--border-light)}.welcome-ornament-star{color:var(--brand-red);font-size:14px;line-height:1}.welcome-heading{font-family:var(--serif);font-size:clamp(30px,8vw,40px);font-weight:800;color:var(--brand-grey-dk);line-height:1.15;letter-spacing:-.01em;margin-bottom:16px;white-space:pre-line}.welcome-body{font-family:var(--sans);font-size:15px;color:var(--warm-grey);line-height:1.65;max-width:340px;margin-bottom:40px}.btn-welcome{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-family:var(--sans);font-size:15px;font-weight:600;color:#fff;background:var(--brand-grey);border:none;border-radius:12px;padding:17px 40px;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background .22s var(--ease-out),transform .22s var(--ease-out),box-shadow .22s var(--ease-out);width:100%;max-width:320px}.btn-welcome:hover{background:var(--brand-red);transform:translateY(-1px);box-shadow:0 5px 20px #e6261f40}.btn-welcome:active{transform:translateY(0)}.btn-welcome .arrow{font-size:18px;transition:transform .2s var(--ease-out)}.btn-welcome:hover .arrow{transform:translate(3px)}.welcome-tagline{margin-top:28px;font-family:var(--sans);font-size:11px;color:var(--mid-grey);letter-spacing:.05em}.topbar{display:flex;align-items:center;justify-content:space-between;padding:16px 0 12px;position:sticky;top:0;background:var(--bg);z-index:10;border-bottom:1px solid var(--border-light)}.topbar-logo{height:32px;width:auto;display:block;object-fit:contain}.topbar-progress{font-family:var(--sans);font-size:12px;font-weight:500;color:var(--mid-grey)}.progress-bar-track{height:3px;background:var(--border-light);border-radius:2px;overflow:hidden;margin-bottom:6px}.progress-bar-fill{height:100%;background:var(--brand-red);border-radius:2px;transition:width .5s var(--ease-out)}.question-eyebrow{font-family:var(--sans);font-size:10px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--brand-red);margin-bottom:10px}.question-heading{font-family:var(--serif);font-size:clamp(21px,5.5vw,27px);font-weight:800;color:var(--brand-grey-dk);line-height:1.22;letter-spacing:-.01em;margin-bottom:6px}.question-helper{font-family:var(--sans);font-size:13px;color:var(--mid-grey);line-height:1.55;margin-bottom:18px}.options-list{list-style:none;display:flex;flex-direction:column;gap:10px;margin-top:20px;margin-bottom:22px}.option-card{display:flex;align-items:center;gap:14px;width:100%;text-align:left;font-family:var(--sans);font-size:15px;font-weight:500;color:var(--charcoal);background:var(--bg-card);border:1.5px solid var(--border-light);border-radius:14px;padding:15px 18px;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:border-color .2s var(--ease-out),background .2s var(--ease-out),box-shadow .2s var(--ease-out)}.option-card:hover{border-color:var(--brand-grey);background:#fafafa;box-shadow:0 2px 8px #58595b14}.option-card.selected{border-color:var(--brand-red);background:#e6261f0a;box-shadow:0 2px 10px #e6261f1a}.option-radio{flex-shrink:0;width:20px;height:20px;border-radius:50%;border:2px solid var(--border);display:flex;align-items:center;justify-content:center;transition:border-color .2s var(--ease-out),background .2s var(--ease-out)}.option-card.selected .option-radio{border-color:var(--brand-red);background:var(--brand-red)}.option-radio-dot{width:8px;height:8px;border-radius:50%;background:#fff;opacity:0;transform:scale(0);transition:opacity .2s var(--ease-out),transform .2s var(--ease-out)}.option-card.selected .option-radio-dot{opacity:1;transform:scale(1)}.option-label{line-height:1.4}.text-input-wrap{margin-top:20px;margin-bottom:22px}.text-field,.textarea-field{width:100%;font-family:var(--sans);font-size:16px;color:var(--charcoal);background:var(--bg-card);border:1.5px solid var(--border-light);border-radius:12px;padding:15px 18px;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;transition:border-color .2s var(--ease-out),box-shadow .2s var(--ease-out)}.text-field::placeholder,.textarea-field::placeholder{color:var(--mid-grey)}.text-field:focus,.textarea-field:focus{border-color:var(--brand-red);box-shadow:0 0 0 3px #e6261f14}.textarea-field{resize:vertical;min-height:130px;line-height:1.6}.btn-back{display:inline-flex;align-items:center;gap:6px;font-family:var(--sans);font-size:13px;font-weight:500;color:var(--mid-grey);background:none;border:none;cursor:pointer;padding:0;-webkit-tap-highlight-color:transparent;transition:color .18s}.btn-back:hover{color:var(--charcoal)}.btn-back .arrow{font-size:15px}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--sans);font-size:15px;font-weight:600;color:#fff;background:var(--brand-grey);border:none;border-radius:12px;padding:15px 28px;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background .22s var(--ease-out),transform .22s var(--ease-out),box-shadow .22s var(--ease-out),opacity .22s;width:auto}.btn-primary:hover:not(:disabled){background:var(--brand-red);transform:translateY(-1px);box-shadow:0 4px 16px #e6261f38}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-primary:disabled{opacity:.35;cursor:not-allowed;background:var(--mid-grey)}.btn-primary .arrow{font-size:17px;transition:transform .2s var(--ease-out)}.btn-primary:hover:not(:disabled) .arrow{transform:translate(3px)}.nav-row{display:flex;align-items:center;justify-content:space-between;padding:8px 0 24px}.outcome{padding-top:8vh;text-align:center;display:flex;flex-direction:column;align-items:center}.outcome-logo{height:72px;width:auto;margin:0 auto 28px;display:block;object-fit:contain}.outcome-badge{display:inline-flex;align-items:center;gap:6px;background:var(--bg-cream);border:1px solid var(--border);color:var(--warm-grey);font-family:var(--sans);font-size:10px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;padding:8px 18px;border-radius:100px;margin-bottom:24px}.outcome-heading{font-family:var(--serif);font-size:clamp(26px,7vw,34px);font-weight:800;color:var(--brand-grey-dk);line-height:1.2;letter-spacing:-.01em;margin-bottom:16px}.outcome-heading em{color:var(--brand-red);font-style:italic}.outcome-support{font-family:var(--sans);font-size:15px;color:var(--warm-grey);line-height:1.65;max-width:340px;margin-bottom:36px}.btn-ghost{display:inline-flex;align-items:center;justify-content:center;font-family:var(--sans);font-size:14px;font-weight:500;color:var(--mid-grey);background:transparent;border:1.5px solid var(--border);border-radius:10px;padding:12px 26px;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:color .18s,border-color .18s}.btn-ghost:hover{color:var(--charcoal);border-color:var(--warm-grey)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}