:root{--color-downriver: #003366;--color-downriver-hover: #00264d;--color-flamingo: #ef4142;--color-flamingo-cta: #cc393b;--color-flamingo-cta-hover: #b8312f;--color-flamingo-cta-active: #a52a2c;--color-mint: #afe5e3;--color-athens-gray: #eef1ef;--color-card-gray: #f7f7f7;--color-eerie-black: #212121;--color-white: #ffffff;--color-connector: #7a93ad;--color-slate-text: #54606c;--color-slate-on-dark: #92a6bd;--color-border-hairline: #d9e0e8;--text-default: var(--color-eerie-black);--text-strong: var(--color-downriver);--text-muted: var(--color-slate-text);--text-inverse: var(--color-white);--text-muted-inverse: var(--color-slate-on-dark);--surface-page: var(--color-athens-gray);--surface-white: var(--color-white);--surface-card: var(--color-card-gray);--surface-dark: var(--color-downriver);--border-default: var(--color-border-hairline);--cta: var(--color-flamingo-cta);--cta-hover: var(--color-flamingo-cta-hover);--cta-active: var(--color-flamingo-cta-active);--accent: var(--color-flamingo);--accent-decoration: var(--color-mint);--status-needs: var(--color-flamingo);--status-ok: var(--color-connector);--status-good: var(--color-downriver);--font-primary: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--space-4:4px;--space-8:8px;--space-12:12px;--space-16:16px;--space-24:24px;--space-32:32px;--space-48:48px;--space-64:64px;--radius-8:8px;--radius-12:12px;--radius-16:16px;--radius-24:24px;--radius-pill:999px;--shadow-card: 0 1px 2px rgba(0,51,102,.04), 0 10px 24px -14px rgba(0,51,102,.12);--shadow-elevated: 0 24px 48px -16px rgba(0,51,102,.18), 0 2px 8px rgba(0,51,102,.06);--ease-out-expo: cubic-bezier(.22,1,.36,1);--dur-fast:.18s;--dur-med:.32s;--dur-reveal:.9s;--container: 720px;color-scheme:light}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{font-family:var(--font-primary);color:var(--text-default);background:var(--surface-page);line-height:1.5;font-size:16px;-webkit-font-smoothing:antialiased;overflow-x:hidden}h1,h2,h3{color:var(--text-strong);line-height:1.15;letter-spacing:-.01em}.eyebrow{font-size:13px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--accent);margin-bottom:var(--space-12)}.wrap{min-height:100dvh;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;gap:var(--space-16);padding:var(--space-16) var(--space-24);border-bottom:1px solid var(--border-default);background:var(--surface-white)}.logo-link{display:flex;align-items:center}.logo-mark{height:30px;width:auto;display:block}.topbar .tag{margin-left:auto;font-size:13px;color:var(--text-muted);font-weight:500}main{flex:1 1 auto;display:flex;justify-content:center;padding:var(--space-32) var(--space-24) var(--space-64)}.stage{width:100%;max-width:var(--container)}.hero{text-align:center;padding-top:var(--space-24)}.hero h1{font-size:clamp(30px,6vw,52px);font-weight:800}.hero .sub{font-size:clamp(16px,2.6vw,20px);color:var(--text-strong);max-width:560px;margin:var(--space-24) auto 0;line-height:1.5;font-weight:500}.hero .meta{font-size:15px;color:var(--text-muted);margin-top:var(--space-16)}.cta-row{margin-top:var(--space-48)}.reassure{margin-top:var(--space-16);font-size:14px;color:var(--text-default);font-weight:600}.reassure .src{display:block;font-size:12.5px;color:var(--text-muted);font-weight:400;margin-top:6px}button,.btn{font-family:inherit;cursor:pointer;border:0}.btn-primary{background:var(--cta);color:var(--text-inverse);font-weight:700;font-size:17px;padding:16px 32px;border-radius:var(--radius-pill);min-height:52px;transition:background var(--dur-fast) var(--ease-out-expo),transform var(--dur-fast) var(--ease-out-expo);box-shadow:var(--shadow-card)}.btn-primary:hover{background:var(--cta-hover);transform:translateY(-1px)}.btn-primary:active{background:var(--cta-active);transform:translateY(0)}.btn-secondary{background:transparent;color:var(--text-strong);font-weight:600;font-size:16px;padding:14px 24px;border-radius:var(--radius-pill);border:1.5px solid var(--text-strong);min-height:48px;transition:background var(--dur-fast) var(--ease-out-expo)}.btn-secondary:hover{background:var(--surface-page)}.btn-ghost{background:transparent;color:var(--text-muted);font-weight:600;font-size:15px;padding:10px 8px;text-decoration:underline;text-underline-offset:3px}:focus-visible{outline:3px solid var(--color-downriver);outline-offset:2px;border-radius:var(--radius-8)}.progress{display:flex;align-items:center;gap:var(--space-12);margin-bottom:var(--space-32)}.progress-track{flex:1 1 auto;height:6px;background:var(--border-default);border-radius:var(--rad-pill, 999px);border-radius:var(--radius-pill);overflow:hidden}.progress-fill{height:100%;width:0%;background:var(--color-downriver);border-radius:var(--radius-pill);transition:width var(--dur-med) var(--ease-out-expo)}.progress-label{font-size:13px;color:var(--text-muted);font-weight:600;white-space:nowrap}.qcard{animation:riseIn var(--dur-med) var(--ease-out-expo) both}.qcard .kind{font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);margin-bottom:var(--space-12)}.qcard h2{font-size:clamp(21px,3.6vw,28px);font-weight:700;margin-bottom:var(--space-8)}.qcard .qhint{font-size:14px;color:var(--text-muted);margin-bottom:var(--space-24);line-height:1.45}.options{display:flex;flex-direction:column;gap:var(--space-12)}.option{text-align:left;background:var(--surface-white);border:1.5px solid var(--border-default);border-radius:var(--radius-12);padding:16px 18px;font-size:16px;color:var(--text-default);min-height:44px;display:flex;align-items:center;gap:14px;line-height:1.4;transition:border-color var(--dur-fast) var(--ease-out-expo),background var(--dur-fast) var(--ease-out-expo),transform var(--dur-fast) var(--ease-out-expo)}.option:hover{border-color:var(--color-downriver);background:var(--surface-page)}.option:active{transform:scale(.995)}.option .pip{width:20px;height:20px;flex:0 0 20px;border-radius:50%;border:2px solid var(--color-connector);transition:all var(--dur-fast);position:relative}.option:hover .pip{border-color:var(--color-downriver)}.option.selected{border-color:var(--color-downriver);background:var(--surface-page);box-shadow:inset 0 0 0 1px var(--color-downriver)}.option.selected .pip{border-color:var(--color-downriver);background:var(--color-downriver)}.option.selected .pip:after{content:"";position:absolute;inset:4px;border-radius:50%;background:var(--color-white)}.back{margin-top:var(--space-24)}.result{animation:riseIn .42s var(--ease-out-expo) both}.result-hero{background:var(--surface-dark);color:var(--text-inverse);border-radius:var(--radius-24);padding:var(--space-32);text-align:center;position:relative;overflow:hidden;box-shadow:var(--shadow-elevated)}.result-hero:after{content:"";position:absolute;inset:0;background:radial-gradient(120% 90% at 50% -10%,rgba(175,229,227,.14),transparent 60%);pointer-events:none}.result-hero .eyebrow{color:var(--accent-decoration)}.result-hero h2{color:var(--text-inverse);font-size:clamp(24px,5vw,38px);font-weight:800}.result-hero .lvl-of{display:block;font-size:14px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted-inverse);margin-bottom:6px}.result-hero .headline{color:var(--accent-decoration);font-size:clamp(15px,2.4vw,18px);font-weight:600;margin-top:var(--space-12)}.ladder{display:flex;gap:6px;margin:var(--space-32) 0 var(--space-8)}.rung{flex:1 1 0;text-align:center}.rung .bar{height:10px;border-radius:var(--radius-pill);background:#ffffff29;transform:scaleY(.6);transform-origin:bottom;transition:background var(--dur-reveal) var(--ease-out-expo),transform var(--dur-reveal) var(--ease-out-expo)}.rung.filled .bar{background:var(--color-slate-on-dark);transform:scaleY(1)}.rung.current .bar{background:var(--accent-decoration);transform:scaleY(1.6);box-shadow:0 0 0 3px #afe5e347}.rung .n{font-size:12px;color:var(--text-muted-inverse);margin-top:10px;font-weight:600}.rung.current .n{color:var(--text-inverse)}.next-note{font-size:13px;color:var(--text-muted-inverse);margin-top:var(--space-16)}.next-note b{color:var(--accent-decoration);font-weight:700}.quant{background:var(--surface-white);border:1px solid var(--border-default);border-radius:var(--radius-16);padding:var(--space-32) var(--space-24);text-align:center;margin-top:var(--space-24);box-shadow:var(--shadow-card)}.quant .num{font-size:clamp(40px,9vw,68px);font-weight:800;color:var(--text-strong);letter-spacing:-.03em;line-height:1;animation:scoreReveal var(--dur-reveal) var(--ease-out-expo) both}.quant-eyebrow{font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);margin-bottom:var(--space-12)}.chip{display:inline-flex;align-items:center;gap:7px;margin-top:var(--space-12);padding:6px 14px;border-radius:var(--radius-pill);font-size:13px;font-weight:700}.chip-cost{background:#ef414217;color:var(--color-flamingo-cta)}.chip-clear{background:#afe5e359;color:var(--text-strong)}.scale{margin-top:var(--space-24)}.scale-track{height:8px;background:var(--surface-page);border-radius:var(--radius-pill);overflow:hidden}.scale-fill{height:100%;width:0%;background:var(--accent);border-radius:var(--radius-pill);transition:width var(--dur-reveal) var(--ease-out-expo)}.scale-ends{display:flex;justify-content:space-between;gap:var(--space-12);margin-top:8px;font-size:12px;color:var(--text-muted)}.verdict{font-size:14px;color:var(--text-default);margin-top:var(--space-16);line-height:1.5}.info-btn{width:20px;height:20px;border-radius:50%;border:1.5px solid var(--color-connector);background:transparent;color:var(--text-muted);font-size:12px;font-weight:700;line-height:1;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.info-btn:hover{border-color:var(--color-downriver);color:var(--text-strong)}.quant .foot{font-size:12.5px;color:var(--text-muted);margin:var(--space-12) auto 0;max-width:520px;line-height:1.5;display:none}.quant .foot.show{display:block}.block{background:var(--surface-white);border:1px solid var(--border-default);border-radius:var(--radius-16);padding:var(--space-24);margin-top:var(--space-24);box-shadow:var(--shadow-card)}.block h3{font-size:18px;font-weight:700;margin-bottom:var(--space-8)}.block .lede{color:var(--text-muted);font-size:15px;margin-bottom:var(--space-16);line-height:1.55}.legend{display:flex;flex-wrap:wrap;gap:var(--space-16);margin-bottom:var(--space-16)}.legend span{font-size:12px;color:var(--text-muted);display:inline-flex;align-items:center;gap:6px;font-weight:600}.legend i{width:12px;height:12px;border-radius:3px;display:inline-block}.pillar{padding:var(--space-16) 0;border-top:1px solid var(--border-default)}.pillar:first-of-type{border-top:0;padding-top:0}.pillar-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-12)}.pillar-name{font-weight:700;font-size:15px;color:var(--text-strong)}.pillar-status{font-size:12px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap}.s-needs{color:var(--status-needs)}.s-ok{color:var(--status-ok)}.s-good{color:var(--status-good)}.pbar-track{height:8px;background:var(--surface-page);border-radius:var(--radius-pill);margin:10px 0 0;overflow:hidden}.pbar-fill{height:100%;width:0%;border-radius:var(--radius-pill);transition:width var(--dur-reveal) var(--ease-out-expo)}.f-needs{background:var(--status-needs)}.f-ok{background:var(--status-ok)}.f-good{background:var(--status-good)}.rec .ctx{font-size:15.5px;color:var(--text-default);line-height:1.6;margin-bottom:var(--space-16)}.rec .moves-label{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);margin-bottom:var(--space-12)}.rec ul{list-style:none;display:flex;flex-direction:column;gap:12px;margin-bottom:var(--space-16)}.rec li{display:flex;gap:12px;align-items:flex-start;font-size:15px;line-height:1.5}.rec li .tick{flex:0 0 24px;width:24px;height:24px;border-radius:50%;background:var(--surface-page);color:var(--text-strong);display:inline-flex;align-items:center;justify-content:center;font-weight:800;font-size:12px;margin-top:1px}.rec li .mv b{color:var(--text-strong)}.hook{background:var(--surface-page);border-left:3px solid var(--accent-decoration);border-radius:var(--radius-8);padding:14px 16px;font-size:14.5px;color:var(--text-strong);line-height:1.55}.cta-wrap{margin-top:var(--space-32)}.cta-primary-card{background:var(--surface-dark);border-radius:var(--radius-24);padding:var(--space-32);color:var(--text-inverse);text-align:center;box-shadow:var(--shadow-elevated)}.cta-primary-card h3{color:var(--text-inverse);font-size:22px;font-weight:800}.cta-primary-card p{color:var(--text-muted-inverse);font-size:15px;margin-top:10px;max-width:460px;margin-left:auto;margin-right:auto;line-height:1.5}.bonus2{margin-top:var(--space-16);font-size:13.5px;color:var(--text-inverse);font-weight:500}.bonus2 .star{color:var(--accent-decoration);margin-right:6px}.bonus2 b{color:var(--accent-decoration);font-weight:700}.form{display:flex;flex-direction:column;gap:var(--space-12);max-width:420px;margin:var(--space-24) auto 0}.form input{font-family:inherit;font-size:16px;padding:15px 16px;border-radius:var(--radius-12);border:1.5px solid transparent;background:var(--surface-white);color:var(--text-default);min-height:50px;width:100%}.form input::placeholder{color:var(--text-muted)}.form input:focus-visible{outline:3px solid var(--accent-decoration);outline-offset:1px}.form .btn-primary{width:100%}.form-note{font-size:12.5px;color:var(--text-muted-inverse);margin-top:6px}.form-err{font-size:13px;color:#ffc9c9;font-weight:600}.consult{text-align:center;margin-top:var(--space-24)}.consult p{font-size:14px;color:var(--text-muted);margin-bottom:var(--space-12)}.success{text-align:center;padding:var(--space-16) 0}.success .check{width:48px;height:48px;margin:0 auto var(--space-16);border-radius:50%;background:var(--accent-decoration);display:flex;align-items:center;justify-content:center}.success h3{color:var(--text-inverse)}.success p{color:var(--text-muted-inverse)}.fitnote{font-size:13.5px;color:var(--text-muted);line-height:1.5;text-align:center;margin-top:var(--space-24)}.footer{text-align:center;padding:var(--space-32) var(--space-24);color:var(--text-muted);font-size:12.5px;line-height:1.6}.restart{text-align:center;margin-top:var(--space-24)}@keyframes riseIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes scoreReveal{0%{opacity:0;transform:translateY(10px) scale(.96)}60%{opacity:1}to{opacity:1;transform:translateY(0) scale(1)}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.rung .bar{transform:none}}@media(max-width:560px){main{padding:var(--space-24) var(--space-16) var(--space-48)}.result-hero,.cta-primary-card{padding:var(--space-24)}.rung .n{font-size:10px}}