/* Three selectable stages, matching the approved onboarding reference. */
.launch-section{padding:50px 0 56px}
.launch-heading{max-width:none;text-align:center}
.launch-heading .section-label{letter-spacing:.16em;margin-bottom:18px}
.launch-heading h2{font-size:clamp(32px,3.5vw,52px);font-weight:850;line-height:1.12;color:#080b10}
.launch-heading .section-description{max-width:1000px;margin:18px auto 0;font-size:19px}
.onboarding-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:34px}
.onboarding-tab{display:flex;align-items:flex-start;gap:20px;padding:18px 10px 32px;position:relative;text-align:left;min-width:0}
.onboarding-tab:before{content:'';height:2px;background:var(--line);position:absolute;bottom:0;left:0;right:0}
.onboarding-tab:after{content:'';width:14px;height:14px;border:4px solid white;box-sizing:content-box;background:#ced5df;border-radius:50%;position:absolute;bottom:-10px;left:calc(50% - 11px)}
.onboarding-tab[aria-selected=true]:before,.onboarding-tab[aria-selected=true]:after{background:var(--red)}
.onboarding-tab-icon{position:relative;flex:0 0 76px;width:76px;height:76px;display:grid;place-items:center;border-radius:50%;background:#f5f6f9;color:#687487}
.onboarding-tab-icon svg{width:37px;height:37px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.onboarding-tab-icon>span{position:absolute;top:-8px;right:-6px;width:32px;height:32px;display:grid;place-items:center;background:#f5f6f9;border-radius:50%;font-size:14px;font-weight:700}
.onboarding-tab[aria-selected=true] .onboarding-tab-icon,.onboarding-tab[aria-selected=true] .onboarding-tab-icon>span{color:var(--red);background:var(--pink)}
.onboarding-tab-copy{display:block;padding-top:8px}
.onboarding-tab-copy strong{display:block;font-size:19px;line-height:1.3;letter-spacing:-.025em;font-weight:750}
.onboarding-tab-copy>span{display:block;margin-top:7px;font-size:14px;line-height:1.5;color:var(--muted)}
.onboarding-tab:hover .onboarding-tab-copy strong{color:var(--red)}
.onboarding-tab:focus-visible,.onboarding-panel:focus-visible{outline:3px solid var(--red);outline-offset:4px;border-radius:10px}
.onboarding-panels{margin-top:30px}
.onboarding-panel{display:grid;grid-template-columns:minmax(0,.42fr) minmax(0,.58fr);gap:30px;align-items:center;padding:26px 30px;border:1px solid var(--line);border-radius:20px;min-height:420px;background:white}
.onboarding-panel[hidden]{display:none}
.onboarding-stage-label{display:inline-block;padding:7px 18px;border-radius:30px;color:var(--red);background:var(--pink);font-size:14px;font-weight:650;margin-bottom:16px}
.onboarding-panel-copy h3{font-size:clamp(27px,2.65vw,38px);line-height:1.14;font-weight:800;color:#090c10}
.onboarding-panel-copy>p{font-size:19px;line-height:1.5;margin-top:16px}
.onboarding-panel-copy ul{padding:0;margin:18px 0 0;list-style:none;display:grid;gap:12px}
.onboarding-panel-copy li{display:flex;align-items:center;gap:13px;color:var(--muted);font-size:16px;line-height:1.5}
.onboarding-panel-copy li>span{flex:0 0 32px;width:32px;height:32px;display:grid;place-items:center;border-radius:50%;color:var(--red);background:var(--pink);font-size:20px;font-weight:700}
.onboarding-panel-visual{min-width:0;background:#fff4f7;border-radius:18px;overflow:hidden}
.onboarding-reference{margin:0;position:relative;aspect-ratio:875/365;overflow:hidden}
.onboarding-reference img{position:absolute;width:183.885714%;max-width:none;height:auto;left:-79.428571%;top:-121.09589%}
.onboarding-ui{margin:20px;background:white;border:1px solid var(--line);border-radius:12px;padding:18px;color:var(--ink);box-shadow:0 10px 28px #26344810;min-height:282px}
.onboarding-ui-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:12px;color:var(--muted);padding-bottom:16px;border-bottom:1px solid var(--line)}
.onboarding-ui-brand{font-weight:850;color:var(--ink);letter-spacing:-.03em}
.onboarding-ui h4{font-size:21px;line-height:1.3;letter-spacing:-.025em;margin:12px 0}
.onboarding-settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.onboarding-settings-grid>div{border:1px solid var(--line);border-radius:9px;padding:14px}
.onboarding-settings-grid b{font-size:14px}
.onboarding-settings-grid p{font-size:12px;margin-top:5px}
.onboarding-ui-lines{display:block;width:70%;height:6px;border-radius:6px;background:#e6e9ef;margin:14px 0 8px;box-shadow:0 10px 0 #eff1f5}
.onboarding-rule{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid var(--line);font-size:13px}
.onboarding-rule small{display:block;font-size:11px;color:var(--muted);margin-top:3px}
.onboarding-toggle{width:34px;height:19px;border-radius:20px;background:var(--red);position:relative;flex-shrink:0}
.onboarding-toggle:after{content:'';position:absolute;width:13px;height:13px;border-radius:50%;background:white;right:3px;top:3px}
.onboarding-order-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}
.onboarding-order-status{color:#167253;background:#e7f7ef;padding:5px 10px;border-radius:6px;font-size:12px;font-weight:600}
.onboarding-order-row{display:flex;justify-content:space-between;gap:12px;font-size:14px;padding:15px 0;border-bottom:1px solid var(--line)}
.onboarding-order-row>span{color:var(--muted)}
.onboarding-order-done{display:flex;align-items:center;gap:14px;padding:16px;background:#fff1f5;border-radius:10px;margin-top:18px;font-size:14px}
.onboarding-order-done>span{color:var(--red);font-size:26px}
.onboarding-order-done p{font-size:12px;margin-top:4px}
.launch-support{gap:20px;margin-top:16px;padding:20px 28px;border:0;border-radius:18px;background:linear-gradient(100deg,#fff0f5,#fff7f9);align-items:center}
.onboarding-support-icon{flex:0 0 64px;width:64px;height:64px;display:grid;place-items:center;border-radius:50%;color:var(--red);background:#ffe5ef}
.onboarding-support-icon svg{width:30px;height:30px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.launch-support-copy{flex:1;min-width:0}
.launch-support h3{font-size:20px;font-weight:750}
.launch-support-copy>p{font-size:14px;margin-top:6px}
.launch-support-action .button{font-size:14px;min-height:48px}
@media(max-width:1100px){.onboarding-tab{gap:12px;padding-inline:6px}.onboarding-tab-icon{flex-basis:58px;width:58px;height:58px}.onboarding-tab-icon svg{width:29px;height:29px}.onboarding-tab-copy strong{font-size:17px}.onboarding-tab-copy>span{font-size:13px}.onboarding-panel{gap:20px;padding:24px;grid-template-columns:minmax(0,.44fr) minmax(0,.56fr)}.onboarding-panel-copy>p{font-size:17px}.onboarding-panel-copy li{font-size:14px}.onboarding-ui{margin:15px;padding:17px}.launch-support{gap:16px;padding:20px}.onboarding-support-icon{flex-basis:50px;width:50px;height:50px}.launch-support h3{font-size:18px}}
@media(max-width:760px){.launch-section{padding:38px 0}.launch-heading h2{font-size:clamp(29px,5.5vw,40px)}.launch-heading .section-description{font-size:16px}.launch-heading .section-label{font-size:10px;letter-spacing:.1em}.onboarding-tabs{margin-top:24px}.onboarding-tab{flex-direction:column;align-items:center;text-align:center;gap:10px;padding:12px 4px 24px}.onboarding-tab-icon{flex-basis:48px;width:48px;height:48px}.onboarding-tab-icon>span{width:24px;height:24px;font-size:11px;right:-7px;top:-6px}.onboarding-tab-copy{padding-top:0}.onboarding-tab-copy strong{font-size:13px;line-height:1.4}.onboarding-tab-copy>span{display:none}.onboarding-panel{grid-template-columns:1fr;gap:24px;padding:24px 20px;min-height:0;border-radius:16px}.onboarding-panel-copy h3{font-size:29px}.onboarding-panel-copy>p{font-size:17px}.onboarding-panel-copy li{font-size:14px}.onboarding-panels{margin-top:26px}.launch-support{display:grid;grid-template-columns:48px minmax(0,1fr);align-items:start;padding:20px;gap:14px}.onboarding-support-icon{width:48px;height:48px}.launch-support-action{grid-column:1/-1;width:100%;text-align:center}.launch-support-copy>p{font-size:13px}.launch-support h3{font-size:17px}.onboarding-ui{margin:14px;padding:16px;min-height:0}.onboarding-ui h4{font-size:18px}.onboarding-settings-grid{gap:9px}.onboarding-settings-grid>div{padding:10px}.onboarding-settings-grid p{font-size:11px}}
@media(max-width:380px){.onboarding-tab-copy strong{font-size:12px}.onboarding-panel{padding:22px 16px}.onboarding-panel-copy h3{font-size:26px}.onboarding-panel-copy>p{font-size:16px}.onboarding-ui{margin:10px;padding:12px}.onboarding-settings-grid b{font-size:12px}.onboarding-order-row{font-size:12px}.onboarding-order-status{font-size:10px}.launch-support{padding:17px;gap:12px}}