/* Additive onboarding layout, using approved UX02 brand tokens and components. */
.onboarding-body{background:var(--canvas,#f5f6ef);color:var(--ink,#1d3543)}
.onb-screen h1:focus{outline:none}.onb-form-panel .input-hint{margin:10px 0 14px}.onb-example .c0{background:var(--senior-1)}.onb-example .c1{background:var(--senior-2)}.onb-example .c2{background:var(--senior-3)}.onb-source-note{font-size:11px;line-height:1.8;color:#607168;margin-top:18px}.onb-source-note summary{cursor:pointer}.onb-source-note p{margin-top:10px}
.onb-example .example-dot.c0{background:var(--senior-1)}.onb-example .example-dot.c1{background:var(--senior-2)}.onb-example .example-dot.c2{background:var(--senior-3)}
.onb-header-note{font-size:12px;color:var(--muted,#6a7d79)}
.onb-shell{max-width:1160px;margin:auto;padding:40px 40px 76px;min-height:78vh}
.onb-progress{max-width:560px;margin:0 auto 38px}.onb-progress p{display:flex;justify-content:space-between;font-size:12px;color:#607571;letter-spacing:.04em}.onb-progress progress{appearance:none;width:100%;height:4px;border:0;border-radius:10px;overflow:hidden;background:#e2e8e1}.onb-progress progress::-webkit-progress-bar{background:#e2e8e1}.onb-progress progress::-webkit-progress-value{background:#2b7167;border-radius:10px}.onb-progress ol{display:flex;justify-content:space-between;list-style:none;padding:0;font-size:10px;color:#7b8883}.onb-progress [aria-current=step]{color:#23594f;font-weight:750}
.onb-screen{animation:onb-enter .25s ease-out}.onb-screen[hidden]{display:none!important}@keyframes onb-enter{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.onb-screen{animation:none}}
.onb-screen h1{font-size:clamp(38px,4.5vw,60px);line-height:1.18;letter-spacing:-.055em;margin:14px 0 22px;font-weight:670}.onb-lead{font-size:19px;line-height:1.8;color:#526963;max-width:650px}.onb-heading{margin:0 0 34px}.onb-heading .eyebrow,.onb-hero-grid .eyebrow{margin-bottom:0}
.onb-hero-grid{display:grid;grid-template-columns:1.12fr 1fr;gap:60px;align-items:center;min-height:540px}.onb-actions{display:flex;flex-direction:column;align-items:flex-start;gap:14px;margin:32px 0}.onb-actions .primary{padding:18px 24px}.onb-trust{display:flex;gap:16px;flex-wrap:wrap;font-size:11px;color:#607571;border-top:1px solid #dde5df;padding-top:24px;max-width:500px}
.onb-art{height:480px;position:relative;border-radius:140px 140px 24px 24px;background:#e5ede4;overflow:hidden}.onb-art-circle{position:absolute;width:300px;height:300px;border:1px solid #ccdccc;border-radius:50%;top:45px;left:68px}.onb-art-book{display:block;position:absolute;width:100px;height:180px;border-radius:4px 14px 14px 4px;box-shadow:inset 8px 0 #ffffff12,10px 10px 24px #183c2717;transform:rotate(-14deg);top:130px;left:70px;background:#2c5e52}.onb-art-book.two{left:165px;top:90px;height:220px;background:#9caf92;transform:rotate(7deg)}.onb-art-book.three{left:256px;top:165px;height:150px;background:#d2bd90;transform:rotate(20deg)}.onb-art-caption{position:absolute;left:36px;bottom:32px;z-index:1}.onb-art-caption small{display:block;font-size:10px;letter-spacing:.12em;color:#597469;margin-bottom:10px}.onb-art-caption strong{font-size:23px;font-weight:600;line-height:1.6}.onb-art svg{position:absolute;left:100px;bottom:18px;width:380px;opacity:.4}.onb-art path{fill:none;stroke:#4d8070;stroke-width:1.7}
.onb-two-column{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(240px,.8fr);gap:50px;align-items:start}.onb-form-panel{padding:32px}.onb-form-panel h2{font-size:21px;margin:0 0 20px}.onb-form-panel label{margin:20px 0 0}.onb-form-panel input,.onb-form-panel select,.onb-form-panel textarea{font:inherit;display:block;width:100%;box-sizing:border-box;padding:12px 14px;background:white;border:1px solid #d7e0d9;border-radius:9px;color:#264238;margin-top:8px;line-height:1.5}.onb-form-panel textarea{resize:vertical;min-height:90px}.onb-form-panel input[type=checkbox]{width:17px;height:17px;flex-shrink:0;margin:2px 0 0;padding:0}.onb-form-panel .checkbox-label{align-items:flex-start;gap:10px;font-size:12px;line-height:1.8}.onb-form-panel .primary{margin-top:24px}.onb-form-panel .field-pair{gap:16px}.onb-form-panel .input-hint{line-height:1.7}.onb-form-panel h2:not(:first-child){margin-top:30px}.onb-side-note{padding:26px 0}.onb-side-note h2{font-size:25px;line-height:1.6;font-weight:600;letter-spacing:-.03em;margin-top:14px}.onb-side-note>p:not(.section-kicker){font-size:14px;color:#647a70;line-height:1.9}.onb-login-details{margin-top:40px;border-top:1px solid #dce4dc;padding-top:20px;font-size:13px}.onb-login-details summary{cursor:pointer}.onb-login-details label{display:block;margin-top:16px}.onb-login-details input{display:block;width:100%;box-sizing:border-box;padding:12px;border:1px solid #d7e0d9;border-radius:9px;margin-top:6px;font:inherit}.onb-login-details button{margin-top:18px}
.onb-chart-panel{padding:30px}.onb-chart-panel .section-heading h2{margin-top:8px;font-size:23px}.onb-observed-chart{min-height:260px}.onb-observed-chart svg{display:block;width:100%;height:320px}.onb-example-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0}.onb-example{padding:17px;border:1px solid #dce5dd;border-radius:12px;background:#fbfcf9;text-align:left;font:inherit;cursor:pointer;color:#294639}.onb-example[aria-pressed=true]{border-color:#3e7b69;background:#edf4ed;box-shadow:0 0 0 1px #3e7b69}.onb-example strong{display:block;font-size:15px}.onb-example small{display:block;color:#6a7a70;margin-top:8px;line-height:1.7}.example-dot{display:inline-block;width:8px;height:8px;border-radius:100%;margin-right:8px}.example-dot.c0{background:#298778}.example-dot.c1{background:#c19759}.example-dot.c2{background:#577ba1}.onb-bottom-row{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:30px 0}.onb-bottom-row p{font-size:14px;color:#62766d}.onb-note{font-size:13px;line-height:1.8;padding:16px 18px;border-radius:11px;background:#edf3ed;border:1px solid #dae5da;color:#4d6d60}.onb-timer{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:24px 0;padding:20px;border:1px solid #dce5dd;border-radius:13px;background:#fafcf9}.onb-timer>div{grid-column:1/-1}.onb-timer strong{display:block;font-size:37px;font-variant-numeric:tabular-nums;margin:5px 0;color:#234c40}.onb-timer small{display:block;color:#7b887e;font-size:11px;line-height:1.6}.onb-timer button{font-size:12px;padding:12px}.onb-answers{margin-top:24px;border:1px solid #dce5dd;border-radius:10px;padding:15px}.onb-answers summary{font-size:13px;font-weight:650;cursor:pointer}.onb-answer-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.onb-answer-grid textarea{min-height:65px}.onb-result{margin:24px 0;padding:22px;border:1px solid #9fbdad;background:#f1f7f0;border-radius:12px}.onb-result h3{margin:0 0 12px;font-size:18px}.onb-result p{font-size:13px;line-height:1.8;margin:7px 0}.onb-starting-point{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:28px 0}.onb-starting-point article{padding:24px;border-radius:14px;background:#e9f0e7;border:1px solid #d4dfd0}.onb-starting-point strong{display:block;font-size:31px;margin-top:12px;line-height:1.5}.onb-starting-point p{font-size:12px;color:#65796b;line-height:1.7}.onb-next-info{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin:40px 0}.onb-next-info span{font-size:13px;color:#438373}.onb-next-info h3{font-size:16px;font-weight:600}.onb-next-info p{font-size:13px;line-height:1.9;color:#697e73}
.onb-offer-layout{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;padding:26px 0}.onb-offer-card{padding:36px}.onb-offer-card h2{font-size:26px;letter-spacing:-.03em}.onb-offer-card ul{list-style:none;padding:0;margin:28px 0}.onb-offer-card li{font-size:14px;line-height:2.6;color:#486b5c}.onb-offer-card li::before{content:'✓';margin-right:12px;color:#2b7a62}.onb-offer-terms{border-top:1px solid #dce5dd;border-bottom:1px solid #dce5dd;padding:20px 0;margin:24px 0}.onb-offer-terms strong{font-size:14px}.onb-offer-terms p{font-size:12px;line-height:1.8;color:#65796b}.onb-offer-card button{margin:8px 0}.onb-footer{max-width:1160px;margin:auto;display:flex;justify-content:space-between;padding:24px 40px 36px;border-top:1px solid #dce5dd;font-size:11px;color:#7a8a7e}.onb-footer a{color:inherit}.onb-screen>.text-button{margin-top:20px}#onb-message{font-size:13px;color:#326455;line-height:1.8}#onb-message:empty{display:none}button:disabled{cursor:wait;opacity:.5}input:focus,select:focus,textarea:focus{outline:2px solid #86ac97;outline-offset:2px}
@media(max-width:950px){.onb-shell{padding:30px 28px 50px}.onb-hero-grid{gap:30px}.onb-art{height:400px}.onb-art-book{left:30px}.onb-art-book.two{left:125px}.onb-art-book.three{left:210px}.onb-two-column{gap:28px;grid-template-columns:minmax(0,1.3fr) minmax(200px,.7fr)}.onb-form-panel,.onb-chart-panel{padding:24px}.onb-offer-layout{gap:30px}.onb-offer-card{padding:25px}}
@media(max-width:650px){.onb-header-note{display:none}.onboarding-body .header-inner{padding:0 20px;gap:12px}.onboarding-body .header-inner>.text-button{font-size:10px}.onb-shell{padding:24px 20px 44px}.onb-progress{margin-bottom:30px}.onb-progress ol{font-size:9px}.onb-screen h1{font-size:38px}.onb-lead{font-size:16px}.onb-hero-grid,.onb-two-column,.onb-offer-layout{grid-template-columns:1fr;gap:26px;min-height:0}.onb-art{height:315px;border-radius:100px 100px 18px 18px}.onb-art-book{top:75px;height:140px;left:45px;width:80px}.onb-art-book.two{left:130px;top:50px;height:170px}.onb-art-book.three{left:215px;top:90px;height:130px}.onb-art-caption{left:24px;bottom:20px}.onb-art-caption strong{font-size:18px}.onb-trust{font-size:10px;gap:10px}.onb-heading{margin-bottom:26px}.onb-form-panel,.onb-chart-panel,.onb-offer-card{padding:22px}.onb-two-column .onb-side-note{padding:0 4px}.onb-side-note h2{font-size:22px}.onb-example-grid{grid-template-columns:1fr;gap:8px}.onb-example{padding:13px}.onb-example small{margin-top:4px}.onb-chart-panel .section-heading{display:block}.onb-chart-panel h2{font-size:20px}.onb-chart-panel .quiet-label{display:block;margin:12px 0}.onb-observed-chart svg{height:270px}.onb-bottom-row{align-items:stretch;flex-direction:column;gap:14px}.onb-bottom-row .button{width:100%}.onb-starting-point{gap:10px}.onb-starting-point article{padding:17px}.onb-starting-point strong{font-size:23px}.onb-next-info{grid-template-columns:1fr;gap:10px;margin:28px 0}.onb-next-info h3{display:inline;margin-left:14px}.onb-next-info p{margin-top:6px}.onb-answer-grid{grid-template-columns:1fr}.onb-offer-layout{padding:0}.onb-footer{padding:24px 20px;gap:20px;font-size:10px}.onb-form-panel .field-pair{grid-template-columns:1fr 1fr;gap:10px}.onb-form-panel label{font-size:12px}.onb-form-panel input{padding:11px 9px}.onb-form-panel .optional-label{font-size:10px;display:block;margin:0}.onb-offer-card li{font-size:12px}}