:root{color-scheme:light only;--zoe-bg-neutral-0: #ffffff;--zoe-bg-neutral-100: #f9f9f9;--zoe-bg-blue-100: #e8edf9;--zoe-bg-blue-zoe: #012e48;--zoe-bg-blue-500: #1849c0;--zoe-text-neutral-zoe: #070707;--zoe-text-neutral-600: #434343;--zoe-text-neutral-500: #8b8b8b;--zoe-text-blue-zoe: #012e48;--zoe-text-blue-500: #1849c0;--zoe-stroke-neutral-200: #dcdcdc;--zoe-bg-green-500: #009966;--zoe-bg-red-500: #d36564;--zoe-bg-yellow-500: #d39324;--zoe-spacing-1: 2px;--zoe-spacing-2: 4px;--zoe-spacing-3: 8px;--zoe-spacing-4: 12px;--zoe-spacing-5: 16px;--zoe-spacing-6: 20px;--zoe-spacing-7: 24px;--zoe-spacing-8: 32px;--zoe-spacing-9: 40px;--zoe-spacing-10: 48px;--zoe-spacing-11: 56px;--zoe-spacing-12: 64px;--zoe-radius-small: 4px;--zoe-radius-medium: 8px;--zoe-radius-large: 16px;--zoe-radius-circle: 9999px;--zoe-border-default: 1px;--zoe-border-big: 1.5px;--zoe-input-height: 56px;--zoe-input-padding-x: 16px;--zoe-input-padding-y: 20px;--zoe-button-height: 48px;--zoe-font-family: "Roboto", sans-serif;--zoe-font-serif: "DM Serif Display", Georgia, "Times New Roman", serif;--zoe-font-size-micro: 12px;--zoe-font-size-small: 14px;--zoe-font-size-body: 16px;--zoe-font-size-large: 18px;--zoe-font-size-big: 20px;--zoe-font-size-title: 24px;--zoe-line-height-micro: 16px;--zoe-line-height-small: 20px;--zoe-line-height-body: 24px;--zoe-line-height-big: 28px;--zoe-line-height-title: 32px;--zoe-font-weight-regular: 400;--zoe-font-weight-medium: 500;--zoe-font-weight-semibold: 600;--zoe-font-weight-bold: 700;--bg: var(--zoe-bg-neutral-100);--card: var(--zoe-bg-neutral-0);--primary: var(--zoe-bg-blue-zoe);--action: var(--zoe-bg-blue-500);--soft: var(--zoe-bg-blue-100);--text: var(--zoe-text-neutral-zoe);--text-2: var(--zoe-text-neutral-600);--text-3: var(--zoe-text-neutral-500);--stroke: var(--zoe-stroke-neutral-200);--success: var(--zoe-bg-green-500);--error: var(--zoe-bg-red-500);--warning: var(--zoe-bg-yellow-500)}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--zoe-bg-neutral-100);color:var(--zoe-text-neutral-zoe);font-family:var(--zoe-font-family);font-weight:var(--zoe-font-weight-regular);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:var(--zoe-font-size-body);line-height:1.5}#root{min-height:100vh}button{font-family:inherit;cursor:pointer}input,select,textarea{font-family:inherit;font-size:16px}a{color:var(--action);text-decoration:none}a:hover{text-decoration:underline}.app{min-height:100vh;display:flex;flex-direction:column}.header{padding:20px 24px;border-bottom:1px solid var(--stroke);background:var(--card)}.brand-logo{display:block;height:30px;width:auto}.container{width:100%;max-width:720px;margin:0 auto;padding:32px 24px 64px;flex:1}.container-narrow{max-width:560px}.btn-primary{display:inline-flex;align-items:center;justify-content:center;background:#012e48;color:#fff;border:none;border-radius:8px;padding:14px 24px;font-size:16px;font-weight:500;transition:background .15s ease;width:100%}.btn-primary:hover:not(:disabled){background:#013a5c}.btn-primary:disabled{background:#c9c9c9;cursor:not-allowed}.btn-ghost{display:inline-flex;align-items:center;gap:6px;background:transparent;color:var(--text-2);border:none;padding:10px 4px;font-size:14px;font-weight:500}.btn-ghost:hover{color:var(--primary)}.intro{text-align:center;padding-top:32px}.intro h1{font-family:var(--zoe-font-serif);font-size:46px;font-weight:400;color:var(--primary);letter-spacing:-.01em;line-height:1.1;margin:0 0 18px}.intro p{font-size:17px;color:var(--text-2);margin:0 auto 36px;max-width:520px;line-height:1.6}.intro-hook{font-size:18px;font-weight:500;color:var(--primary);max-width:500px;margin:0 auto 28px;line-height:1.5}.intro-hook em{font-style:italic}.intro .cta-wrap{max-width:320px;margin:0 auto}.intro-meta{margin-top:20px;font-size:13px;color:var(--text-3)}.intro-visual{margin:0 auto 40px;max-width:560px;background:var(--soft);border-radius:16px;padding:32px 24px 28px}.intro-visual-eyebrow{font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--action);margin:0 0 20px}.type-preview{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.type-chip{display:flex;flex-direction:column;align-items:center;gap:10px;width:96px}.type-chip-name{white-space:nowrap}.type-chip-icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:9999px;background:var(--card);border:1px solid rgba(1,46,72,.1);color:var(--primary);font-size:22px}.type-chip-name{font-size:12px;font-weight:500;color:var(--text-2);line-height:1.3;text-align:center}.progress-wrap{margin-bottom:28px}.progress-label{display:flex;justify-content:space-between;font-size:13px;color:var(--text-3);margin-bottom:8px;font-weight:500}.progress-track{height:4px;background:var(--stroke);border-radius:999px;overflow:hidden}.progress-fill{height:100%;background:var(--action);border-radius:999px;transition:width .3s ease}.question{font-family:var(--zoe-font-serif);font-size:28px;font-weight:400;color:var(--text);line-height:1.25;margin:8px 0}.question-hint{font-size:14px;color:var(--text-3);margin-bottom:24px}.answers{display:flex;flex-direction:column;gap:10px;margin-bottom:32px}.answer{display:flex;align-items:center;gap:12px;text-align:left;background:var(--card);border:1px solid var(--stroke);border-radius:10px;padding:16px 18px;font-size:15px;color:var(--text);font-weight:400;width:100%;transition:border-color .12s ease,background .12s ease,color .12s ease}.answer:hover{border-color:#b8b8b8}.answer.selected{background:var(--soft);border:2px solid var(--primary);color:var(--primary);font-weight:500;padding:15px 17px}.answer .check{width:20px;height:20px;border-radius:999px;border:1.5px solid var(--stroke);flex-shrink:0;display:inline-flex;align-items:center;justify-content:center}.answer.selected .check{border-color:var(--primary);background:var(--primary);color:#fff}.answer .check i{font-size:12px;display:none}.answer.selected .check i{display:inline-block}.nav-row{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:8px}.nav-row .btn-primary{width:auto;min-width:160px}.form-card{background:var(--card);border:1px solid var(--stroke);border-radius:12px;padding:32px;margin-top:16px}.form-title{font-family:var(--zoe-font-serif);font-size:30px;font-weight:400;color:var(--primary);margin:0 0 8px}.form-sub{color:var(--text-2);font-size:15px;margin:0 0 28px}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field{display:flex;flex-direction:column}.field.full{grid-column:1 / -1}.label{font-size:13px;font-weight:500;color:var(--text-2);margin-bottom:6px}.label .opt{color:var(--text-3);font-weight:400;margin-left:4px}.input,.select{width:100%;background:#fff;border:1px solid var(--stroke);border-radius:8px;padding:11px 12px;font-size:15px;color:var(--text);transition:border-color .12s ease,box-shadow .12s ease}.input:focus,.select:focus{outline:none;border-color:var(--action);box-shadow:0 0 0 3px #1849c01f}.input.error,.select.error{border-color:var(--error)}.err-msg{color:var(--error);font-size:12px;margin-top:4px}.field-help{font-size:12px;color:var(--text-3);margin:6px 0 0}.advisor-block{margin-top:16px}.advisor-check{display:flex;align-items:center;gap:10px;font-size:15px;color:var(--text);cursor:pointer}.advisor-check input[type=checkbox]{width:18px;height:18px;accent-color:var(--action);cursor:pointer}.advisor-phone{margin-top:12px}.fine-print{font-size:12px;color:var(--text-3);margin:20px 0 16px;line-height:1.5}.result-card{background:var(--card);border:1px solid var(--stroke);border-radius:12px;padding:36px;margin-top:8px}.result-icon{width:64px;height:64px;border-radius:12px;background:var(--soft);color:var(--primary);display:inline-flex;align-items:center;justify-content:center;margin-bottom:20px}.result-icon i{font-size:36px}.result-eyebrow{font-size:13px;font-weight:500;color:var(--text-3);text-transform:none;letter-spacing:0;margin:0 0 6px}.result-title{font-family:var(--zoe-font-serif);font-size:38px;font-weight:400;color:var(--primary);letter-spacing:-.01em;margin:0 0 8px;line-height:1.1}.result-tagline{font-size:16px;color:var(--action);font-weight:500;margin:0 0 20px}.result-desc{font-size:16px;color:var(--text-2);line-height:1.6;margin:0 0 28px}.focus-areas{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:32px}.focus-chip{background:var(--soft);color:var(--primary);font-size:13px;font-weight:500;padding:6px 12px;border-radius:999px}.insights{border-top:1px solid var(--stroke);padding-top:28px}.insights h3{font-size:18px;font-weight:600;color:var(--text);margin:0 0 16px}.insight{display:flex;gap:12px;padding:14px 0;border-bottom:1px solid var(--stroke)}.insight:last-child{border-bottom:none}.insight-dot{flex-shrink:0;width:24px;height:24px;border-radius:999px;background:var(--soft);color:var(--primary);display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:600}.insight-body{font-size:15px;color:var(--text-2);line-height:1.55}.cta-card{background:var(--primary);color:#fff;border-radius:12px;padding:32px;margin-top:20px;text-align:center}.cta-card h3{margin:0 0 8px;font-size:22px;font-weight:600;letter-spacing:-.01em}.cta-card p{margin:0 0 22px;color:#cdd6e0;font-size:15px;line-height:1.5}.cta-card .cta-btn{display:inline-block;background:#fff;color:var(--primary);border-radius:8px;padding:13px 28px;font-weight:500;font-size:15px;border:none;text-decoration:none}.cta-card .cta-btn:hover{background:#f0f3f8;text-decoration:none}@media(max-width:640px){.container{padding:24px 16px 48px}.header{padding:16px}.intro h1{font-size:34px}.intro p{font-size:16px}.question{font-size:23px}.form-title{font-size:26px}.form-card,.result-card{padding:24px 20px}.field-grid{grid-template-columns:1fr}.result-title{font-size:30px}.intro-visual{padding:24px 16px 20px}.type-preview{gap:8px}.type-chip{width:84px}.cta-card{padding:24px 20px}}.footer{border-top:1px solid var(--stroke);background:var(--card);margin-top:auto}.footer-inner{width:100%;max-width:720px;margin:0 auto;padding:16px 24px 32px}.footer-toggle{display:inline-flex;align-items:center;gap:8px;background:none;border:none;padding:8px 0;color:var(--text-2);font-size:13px;font-weight:500}.footer-toggle:hover{color:var(--primary)}.footer-toggle i{font-size:14px}.footer-disclosures{margin-top:12px;color:var(--text-3);font-size:12px;line-height:1.55}.footer-disclosures p{margin:0 0 10px}.footer-disclosures p:last-child{margin-bottom:0}.footer-disclosures a{color:var(--text-2);text-decoration:underline}
