:root{--navy:#06152a;--ink:#10233d;--muted:#546982;--blue:#3158f7;--line:#dbe6f2;--pale:#f2f7ff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:linear-gradient(150deg,#edf5ff 0%,#f8fbff 44%,#eef4ff 100%);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;line-height:1.55}button,input,textarea{font:inherit}[hidden]{display:none!important}.shell{width:min(1180px,calc(100% - 48px));margin-inline:auto}
.site-header{background:var(--navy);border-bottom:1px solid #243653}.header-inner{display:flex;align-items:center;justify-content:space-between;min-height:86px;gap:16px}.brand img{display:block;width:165px;height:auto}.header-link{color:#d4e3ff;font-size:14px;font-weight:700;text-decoration:none}.header-link:hover{text-decoration:underline}
.layout{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(0,1.2fr);gap:clamp(32px,6vw,90px);align-items:start;padding-block:clamp(38px,6vw,80px) 95px}.intro{position:sticky;top:32px;padding-top:22px}.eyebrow{display:inline-flex;align-items:center;gap:10px;color:#2456cd;font-size:12px;font-weight:800;letter-spacing:.15em;text-transform:uppercase}.eyebrow-dot{width:8px;height:8px;background:#3a67fc;border-radius:50%;box-shadow:0 0 0 5px #dce7ff}.intro h1{font-size:clamp(40px,4.5vw,68px);line-height:1.04;letter-spacing:-.065em;margin:26px 0 23px;color:var(--navy);max-width:540px}.intro h1 em{font-style:normal;color:var(--blue)}.intro>p{font-size:18px;line-height:1.65;color:#455a76;max-width:450px}.intro-note{margin-top:48px;border-left:3px solid var(--blue);padding:3px 0 3px 20px;display:grid;gap:6px;max-width:420px}.intro-note strong{font-size:13px;letter-spacing:.04em;text-transform:uppercase}.intro-note span{color:var(--muted);font-size:14px}.step-rail{display:flex;align-items:center;gap:12px;color:#647892;margin-top:65px;font-size:12px;font-weight:650}.rail-number{color:#2456cd}.rail-line{width:52px;height:1px;background:#aebed5}
.flow{display:grid;gap:20px;min-width:0}.panel{background:#fff;border:1px solid #e0e9f5;border-radius:20px;box-shadow:0 20px 60px rgba(16,45,95,.08);padding:clamp(24px,4vw,44px)}.panel-top{display:flex;justify-content:space-between;gap:15px;align-items:center;color:#697e99;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.panel-kicker{color:#2456cd}.progress-track{height:5px;background:#ebf1fa;border-radius:10px;margin:20px 0 42px;overflow:hidden}.progress-track span{display:block;height:100%;width:16.67%;border-radius:10px;background:linear-gradient(90deg,#476aff,#2b4be4);transition:width .25s ease}.section-label{color:#4965a8;font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:800;margin:0 0 15px}.panel h2{font-size:clamp(26px,2.5vw,36px);line-height:1.2;letter-spacing:-.04em;color:var(--navy);margin:0 0 14px}.question-hint{color:var(--muted);margin:0 0 28px;font-size:15px;line-height:1.65}.options{display:grid;gap:10px}.option{display:flex;align-items:center;gap:14px;min-height:69px;border:1px solid var(--line);border-radius:12px;padding:12px 16px;cursor:pointer;transition:border-color .16s,background .16s,box-shadow .16s}.option:hover{border-color:#9bb5ff;background:#f9fbff}.option:has(input:checked){border-color:#4267ed;background:#f1f5ff;box-shadow:0 0 0 2px #dbe5ff}.option:focus-within{outline:3px solid #9ab1ff;outline-offset:2px}.option input{accent-color:#3158f7;width:19px;height:19px;flex:none}.option-content{display:grid;line-height:1.35;gap:3px}.option strong{font-size:15px}.option small{font-size:13px;color:var(--muted)}.flow-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid #e7edf5;margin-top:30px;padding-top:24px}.primary-button{display:inline-flex;justify-content:center;align-items:center;gap:22px;border:0;border-radius:9px;padding:13px 19px;background:#3158f7;color:#fff;font-size:14px;font-weight:800;text-decoration:none;cursor:pointer;min-height:48px;transition:background .16s,transform .16s}.primary-button:hover:not(:disabled){background:#1f42d1;transform:translateY(-1px)}.primary-button:disabled{opacity:.45;cursor:not-allowed}.back-button,.text-button{border:0;background:none;padding:8px 0;color:#3156a6;font-size:14px;font-weight:750;cursor:pointer}.back-button:disabled{visibility:hidden}.text-button:hover,.back-button:hover:not(:disabled){text-decoration:underline}
.result-panel{border-top:4px solid #3d61f1}.result-mark{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;margin:30px 0 22px;background:#e9efff;color:#3158f7;font-size:25px}.recommendations{display:grid;gap:12px}.recommendation{border:1px solid var(--line);background:#fbfdff;border-radius:12px;padding:18px}.recommendation-heading{display:flex;justify-content:space-between;align-items:start;gap:12px;flex-wrap:wrap}.recommendation h3{margin:0;font-size:18px;letter-spacing:-.02em}.status{border-radius:40px;background:#e8edfb;color:#2c4f9b;font-size:11px;font-weight:800;padding:5px 9px}.recommendation p{font-size:14px;color:#4c607a;margin:10px 0}.recommendation a{font-size:13px;font-weight:800;color:#2d52d3;text-decoration:none}.recommendation a:hover{text-decoration:underline}.result-caveat,.binary-note{background:#f4f7fc;border-radius:9px;padding:12px 15px;color:#5b6f86;font-size:13px;line-height:1.6}.result-caveat{margin:22px 0 15px}.contact-panel{background:#fdfefe}.contact-panel .panel-top{margin-bottom:24px}.contact-panel form{display:grid;gap:18px}.contact-panel label:not(.check-row){display:grid;gap:7px;color:#1b3151;font-size:13px;font-weight:750}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.contact-panel input:not([type=checkbox]),.contact-panel textarea{width:100%;border:1px solid #cbd8e8;border-radius:8px;padding:11px 12px;background:#fff;color:var(--ink);font-size:15px;outline:none}.contact-panel input:focus,.contact-panel textarea:focus{border-color:#3158f7;box-shadow:0 0 0 3px #d9e3ff}.contact-panel textarea{resize:vertical}.optional{color:#73839a;font-weight:500}.check-row{display:flex;align-items:flex-start;gap:10px;font-size:14px;line-height:1.5;color:#2f4260;cursor:pointer}.check-row input{accent-color:#3158f7;width:18px;height:18px;margin:2px 0 0;flex:none}.check-row a{color:#2d52d3}.binary-note{margin:-9px 0 0 28px}.consent-row{border-top:1px solid #e5edf7;padding-top:18px}.form-message{min-height:20px;margin:0;color:#3156a6;font-size:13px}.submit-button{justify-self:start}.success-panel p{color:var(--muted);font-size:16px}.link-button{margin-top:10px}footer{background:var(--navy);color:#b5c4db;font-size:13px}.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:18px;min-height:85px;flex-wrap:wrap;padding-block:20px}footer nav{display:flex;gap:20px}footer a{color:#d2dcef;text-decoration:none}footer a:hover{text-decoration:underline}
@media(max-width:850px){.layout{grid-template-columns:1fr;gap:28px;padding-top:35px}.intro{position:static;padding-top:0}.intro h1{max-width:650px;margin:18px 0}.intro>p{max-width:620px}.intro-note,.step-rail{display:none}.flow{max-width:720px}}
@media(max-width:550px){.shell{width:min(100% - 32px,1180px)}.header-inner{min-height:72px}.brand img{width:137px}.header-link{font-size:12px}.layout{padding-bottom:55px}.intro h1{font-size:39px}.intro>p{font-size:15px}.panel{padding:22px 18px;border-radius:15px}.panel h2{font-size:27px}.panel-top{font-size:10px}.progress-track{margin-bottom:32px}.field-grid{grid-template-columns:1fr}.flow-actions{align-items:stretch}.flow-actions .primary-button{flex:1}.footer-inner{align-items:flex-start;flex-direction:column}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}