@property --onb-stage-h{syntax:"<length>";inherits:true;initial-value:0}@property --onb-top{syntax:"<length>";inherits:true;initial-value:0}.onboarding-page.onb-flow{--onb-title-size:2.625rem;--onb-title-lh:1.12;--onb-lead-size:1.25rem;--onb-lead-lh:1.5;--onb-lead-max:36rem;--onb-form-title-size:1.75rem;--onb-form-title-lh:1.2;--onb-form-lead-size:1rem;--onb-form-lead-lh:1.5;--onb-form-gap-lead:.5rem;--onb-form-w:24rem;--onb-gap-stage:1.75rem;--onb-gap-stage-road:2.5rem;--onb-gap-lead:.875rem;--onb-gap-title:1.375rem;--onb-gap-caption:1.25rem;--onb-gap-caption-road:1.75rem;--onb-gap-actions:2.25rem;--onb-btn-h:3.25rem;--onb-btn-font:1.0625rem;--onb-btn-min-w:13rem;--onb-field-h:3.25rem;--onb-back-gap:.25rem;--onb-back-h:2.75rem;--onb-back-font:1rem;--onb-pad:clamp(1.25rem, 4cqh, 2.5rem);--onb-pad-bottom:clamp(2rem, 9cqh, 5.5rem);--onb-header-h:3rem;--onb-progress-w:17rem;--onb-stage-min:9rem;--onb-stage-max:clamp(22rem, 40cqh, 28rem);--onb-title-lines:2;--onb-lead-lines:2;--onb-road-lead-lines:2}.onboarding-page.onb-flow .onboarding-main{container:onb-main q-host/size}.onboarding-page.onb-flow .onboarding-main:has(>.onb-frame){--onb-main-pad-bottom:0rem;padding-top:0}.onb-frame{--onb-text-nominal:calc(var(--onb-title-lines) * var(--onb-title-size) * var(--onb-title-lh) + var(--onb-gap-lead) + var(--onb-lead-lines) * var(--onb-lead-size) * var(--onb-lead-lh));--onb-actions-h:calc(var(--onb-btn-h) + var(--onb-back-gap) + var(--onb-back-h));--onb-frame-rest:calc(var(--onb-gap-stage) + var(--onb-text-nominal) + var(--onb-gap-actions) + var(--onb-actions-h) + var(--onb-pad) + var(--onb-pad-bottom));--onb-stage-h:round(clamp(var(--onb-stage-min), 100cqh - var(--onb-frame-rest), var(--onb-stage-max)), 1px);box-sizing:border-box;min-height:100cqh;padding:var(--onb-pad) 0 var(--onb-pad-bottom);justify-content:safe center;align-self:flex-start;gap:0}.onb-frame .interlude-stage{--interlude-h:var(--onb-stage-h);--interlude-web:calc(var(--onb-stage-h) * .89);margin-bottom:var(--onb-gap-stage);flex:none}.onb-frame .interlude-copy{flex:none;gap:0}.onb-frame .onboarding-step-heading--hero{max-width:40rem;font-size:var(--onb-title-size);line-height:var(--onb-title-lh);text-wrap:balance}.onb-frame .onboarding-step-description--lead{max-width:var(--onb-lead-max);margin:var(--onb-gap-lead) auto 0;font-size:var(--onb-lead-size);line-height:var(--onb-lead-lh);text-wrap:pretty}.onb-frame.is-road .interlude-stage{--interlude-h:round(var(--onb-stage-h) - var(--onb-gap-stage-road) + var(--onb-gap-stage), 1px);margin-bottom:calc(var(--onb-gap-stage) + var(--onb-stage-h) - var(--interlude-h))}.onb-frame.is-road{--onb-road-lead-h:calc(var(--onb-road-lead-lines) * var(--onb-lead-size) * var(--onb-lead-lh))}.onb-frame.is-road .onboarding-step-heading{min-height:calc(2 * var(--onb-title-size) * var(--onb-title-lh));align-content:end;display:grid}.onb-frame.is-road:not(:has(.onboarding-step-description--lead)) .interlude-copy>.onboarding-actions{margin-top:calc(var(--onb-gap-actions) + var(--onb-road-lead-h))}.onb-frame.is-title-top{--onb-gap-lead:var(--onb-gap-title);--onb-gap-stage:var(--onb-gap-caption);--onb-gap-stage-road:var(--onb-gap-caption-road)}.onb-frame.is-title-top>.interlude-copy{display:contents}.onb-frame.is-title-top .onboarding-step-heading--hero{margin-bottom:var(--onb-gap-lead);order:-1}.onb-frame.is-title-top .onboarding-step-description--lead{margin-top:0}.onb-frame .interlude-copy>.onboarding-actions{margin-top:var(--onb-gap-actions);gap:var(--onb-back-gap)}.onb-frame .onboarding-btn.is-primary.onb-cta{min-width:var(--onb-btn-min-w);min-height:var(--onb-btn-h);font-size:var(--onb-btn-font);padding:0 2rem}.onb-frame .onboarding-btn.is-ghost,.onb-frame .interlude-copy__back-slot{min-height:var(--onb-back-h)}.onb-frame .onboarding-btn.is-ghost{font-size:var(--onb-back-font);padding-block:0}.onb-frame .interlude-copy__back-slot{display:none}.onb-frame.is-form{--onb-form-nominal:22rem;--onb-top:max(var(--onb-pad), (100cqh - var(--onb-form-nominal)) * .42);padding-top:var(--onb-top);padding-bottom:var(--onb-pad);justify-content:flex-start}@media not (min-width:48rem){.onboarding-page.onb-flow{--onb-title-size:1.75rem;--onb-title-lh:1.15;--onb-lead-size:1.0625rem;--onb-lead-lh:1.5;--onb-lead-max:30rem;--onb-form-title-size:1.5rem;--onb-form-lead-size:1rem;--onb-form-w:30rem;--onb-gap-stage:1.25rem;--onb-gap-stage-road:1.25rem;--onb-gap-lead:.625rem;--onb-gap-title:1rem;--onb-gap-caption:.875rem;--onb-gap-caption-road:1.25rem;--onb-gap-actions:1.75rem;--onb-btn-h:3.5rem;--onb-field-h:3.5rem;--onb-pad:1rem;--onb-pad-bottom:0rem;--onb-header-h:2.25rem;--onb-progress-w:15rem;--onb-stage-min:10rem;--onb-stage-max:20rem;--onb-title-lines:3;--onb-lead-lines:3;--onb-road-lead-lines:0}.onb-frame:is(:not(.is-title-top),.onb-flow-interlude):has(>.interlude-copy>.onboarding-actions){justify-content:flex-start}.onb-frame:is(:not(.is-title-top),.onb-flow-interlude):has(>.interlude-copy>.onboarding-actions):before{content:"";flex:3 1 0}.onb-frame:is(:not(.is-title-top),.onb-flow-interlude)>.interlude-copy:has(>.onboarding-actions){flex:2 0 auto;justify-content:flex-end}.onb-frame.onb-flow-interlude{--onb-gap-lead:inherit;--onb-gap-stage:inherit;--onb-gap-stage-road:inherit}.onb-frame.onb-flow-interlude>.interlude-copy{display:flex}.onb-frame.onb-flow-interlude .onboarding-step-heading--hero{order:0;margin-bottom:0}.onb-frame.onb-flow-interlude .onboarding-step-description--lead{margin-top:var(--onb-gap-lead)}.onb-frame.is-title-top:not(.onb-flow-interlude){justify-content:flex-start}.onb-frame.is-title-top:not(.onb-flow-interlude):before,.onb-frame.is-title-top:not(.onb-flow-interlude):after{content:"";flex:1 1 0}.onb-frame.is-title-top:not(.onb-flow-interlude) .onboarding-step-description--lead,.onb-frame.is-title-top:not(.onb-flow-interlude) .interlude-copy>.onboarding-actions{order:1}.onb-frame .interlude-copy>.onboarding-actions{align-self:stretch}.onb-frame .interlude-copy__back-slot{display:block}.onb-frame .onboarding-btn.is-primary.onb-cta{width:100%;min-width:0}.onb-frame .onboarding-btn.is-ghost{align-self:center;width:auto;min-width:7.5rem;padding-inline:1.5rem}.onboarding-page.onb-flow .onboarding-main:has(>:is(.onb-frame,.onb-result)){padding-left:0;padding-right:0}.onboarding-page.onb-flow .onboarding-main>:is(.onb-frame,.onb-result){padding-left:var(--onb-gutter);padding-right:var(--onb-gutter);overflow-x:clip}.onboarding-page.onb-flow .onboarding-main:has(>:is(.q-stage,.onb-result)){--onb-main-pad-bottom:0rem;padding-top:0}.onboarding-page.onb-flow .q-stage{--q-btn-h:var(--onb-btn-h);--q-btn-font:var(--onb-btn-font);padding:var(--onb-pad) 0 var(--onb-pad-bottom)}.onb-frame.is-form{--onb-top:clamp(var(--onb-pad), (100cqh - var(--onb-form-nominal)) * .2, 3rem);padding-bottom:0}@container onb-main not (min-height:34rem){.onb-frame{--onb-title-size:1.5rem;--onb-lead-size:1rem;--onb-lead-lh:1.45;--onb-gap-actions:1.25rem;--onb-stage-min:7.5rem}}}@media (min-width:48rem){@container onb-main not (min-height:36rem){.onb-frame{--onb-title-size:2.25rem;--onb-lead-size:1.125rem;--onb-gap-actions:1.75rem;--onb-stage-min:8rem}}}.onboarding-page.onb-flow{--onb-quiet-hover:#35373b;--onb-ring-hot-1:#ffdec09e;--onb-ring-hot-2:#ffc89e6b;--onb-ring-hot-3:#ffc89e42;--onb-mote:#fff1e0;--onb-mote-glow:#ffbe8299}.onboarding-btn.onb-cta,.onboarding-page.onb-flow .onboarding-btn.is-primary{color:var(--accent-orange-ink);letter-spacing:-.01em;box-shadow:var(--shadow-glow-md-off), inset 0 1px 0 var(--white-22), var(--light-inset) transparent;font-weight:750}.onboarding-btn.onb-cta:focus-visible:not(:disabled),.onboarding-page.onb-flow .onboarding-btn.is-primary:focus-visible:not(:disabled){background:var(--accent-orange);border-color:var(--accent-orange-hover);box-shadow:var(--shadow-glow-orange-md), inset 0 1px 0 var(--white-22), var(--light-inset) var(--white-12)}@media (hover:hover){.onboarding-btn.onb-cta:hover:not(:disabled),.onboarding-page.onb-flow .onboarding-btn.is-primary:hover:not(:disabled){background:var(--accent-orange);border-color:var(--accent-orange-hover);box-shadow:var(--shadow-glow-orange-md), inset 0 1px 0 var(--white-22), var(--light-inset) var(--white-12)}}.onboarding-btn.onb-cta[aria-busy=true],.onboarding-page.onb-flow .onboarding-btn.is-primary[aria-busy=true]{opacity:1;cursor:progress;border-color:var(--accent-orange-hover);box-shadow:var(--shadow-glow-md-off), inset 0 1px 0 var(--white-22), var(--light-inset) var(--white-12)}@media not (min-width:48rem){.onboarding-btn.onb-cta:active:not(:disabled),.onboarding-page.onb-flow .onboarding-btn.is-primary:active:not(:disabled){border-color:var(--accent-orange-hover);box-shadow:var(--shadow-glow-md-off), inset 0 1px 0 var(--white-22), var(--light-inset) var(--white-12);transition-duration:0s}}.onboarding-page.onb-flow .q-progress{clip-path:inset(50%);white-space:nowrap;width:.0625rem;height:.0625rem;position:absolute;overflow:hidden}@media (min-width:48rem){@container onb-main (orientation:portrait){.onboarding-page.onb-flow .q-stage{align-self:center}}}.onb-header.is-flow{height:var(--onb-header-h);padding:0 var(--onb-pad);flex-shrink:0;place-items:center;display:grid}.onb-progress{--onb-progress-ease:cubic-bezier(.22, 1, .36, 1);--onb-progress-h:.25rem;--onb-progress-head:.5rem;width:min(100%, var(--onb-progress-w));gap:.375rem;animation:.45s both onb-progress-in;display:flex}.onb-progress.is-leaving{animation:.32s both onb-progress-out}.onb-progress__seg{height:var(--onb-progress-h);background:var(--white-08);border-radius:99rem;flex:1;position:relative}.onb-progress__fill{border-radius:inherit;background:var(--white-60);transform:scaleX(var(--f));transform-origin:0;transition:transform .7s var(--onb-progress-ease);animation:onb-progress-grow .65s var(--onb-progress-ease) calc(.15s + var(--i) * .16s) backwards;position:absolute;inset:0;overflow:hidden}.onb-progress__glint{background:linear-gradient(90deg, transparent, var(--white-95), transparent);opacity:0;width:50%;position:absolute;top:0;bottom:0;left:0;transform:translate(-100%)}.onb-progress__seg[data-state=done] .onb-progress__glint{animation:onb-progress-glint .9s ease calc(.55s + var(--i) * .16s) both}.onb-progress.is-complete .onb-progress__seg[data-state=current] .onb-progress__glint{animation:.9s .6s both onb-progress-glint}.onb-progress__rail{transform:translateX(calc(var(--f) * 100%));transition:transform .7s var(--onb-progress-ease);animation:onb-progress-ride .65s var(--onb-progress-ease) calc(.15s + var(--i) * .16s) backwards;pointer-events:none;position:absolute;inset:0}.onb-progress__head{width:var(--onb-progress-head);height:var(--onb-progress-head);margin:calc(var(--onb-progress-head) / -2) 0 0 calc(var(--onb-progress-head) / -2);background:var(--accent-orange);box-shadow:var(--shadow-glow-orange-sm);animation:onb-progress-in .35s ease calc(.1s + var(--i) * .16s) both;border-radius:50%;position:absolute;top:50%;left:0}.onb-progress.is-complete .onb-progress__head{animation:.35s both onb-progress-in,1.1s .55s both onb-progress-reach}@keyframes onb-progress-in{0%{opacity:0}to{opacity:1}}@keyframes onb-progress-out{0%{opacity:1}to{opacity:0}}@keyframes onb-progress-grow{0%{transform:scaleX(0)}}@keyframes onb-progress-ride{0%{transform:translate(0)}}@keyframes onb-progress-glint{0%{opacity:0;transform:translate(-100%)}20%{opacity:1}80%{opacity:1}to{opacity:0;transform:translate(200%)}}@keyframes onb-progress-reach{0%,to{box-shadow:var(--shadow-glow-orange-sm)}40%{box-shadow:0 0 1.125rem var(--accent-orange-40)}}.onboarding-page.onb-flow[data-own-page] .onboarding-main{scrollbar-gutter:auto;padding:0;display:block;overflow:hidden}@media not (min-width:48rem){.onboarding-page.onb-flow[data-own-page]{padding-top:0}}.onboarding-page.onb-flow[data-reduced-motion=true] .onb-motive *,.onboarding-page.onb-flow[data-reduced-motion=true] .onb-motive :before,.onboarding-page.onb-flow[data-reduced-motion=true] .onb-motive :after{animation-duration:1ms;animation-iteration-count:1;animation-delay:0s}
