.klyp-feature-onboarding-Shell{background:var(--color-bg-root);width:100%;min-height:100dvh;color:var(--color-fg-primary);grid-template-columns:1fr;display:grid;position:relative;container:onboarding-shell/inline-size}@media (width>=800px){.klyp-feature-onboarding-Shell{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}.klyp-feature-onboarding-Shell__form{flex-direction:column;min-width:0;display:flex;container:onboarding-form/inline-size}.klyp-feature-onboarding-Shell__wizard{flex:auto;min-height:0}.klyp-feature-onboarding-Shell__visual{min-width:0;min-height:0;display:none}@container onboarding-shell (width>=800px){.klyp-feature-onboarding-Shell__visual{display:block}}.klyp-feature-onboarding-Shell .klyp-layout-Wizard__step[data-state=active] .klyp-layout-Wizard__bullet{border-color:var(--color-border-strong,var(--color-fg-primary));background:color-mix(in oklch, var(--color-fg-primary) 8%, transparent);color:var(--color-fg-primary)}.klyp-feature-onboarding-Shell:has(.klyp-feature-email-otp-Flow) .klyp-layout-Wizard__header{display:none}.klyp-feature-onboarding-Shell .klyp-layout-Wizard__headerInner,.klyp-feature-onboarding-Shell .klyp-layout-Wizard__bodyInner,.klyp-feature-onboarding-Shell .klyp-layout-Wizard__footerInner{max-width:560px}.klyp-feature-onboarding-Shell .klyp-layout-Wizard__body{flex-direction:column;justify-content:center;display:flex}.klyp-feature-onboarding-Shell__skipAll{top:var(--space-8);right:var(--space-8);padding:var(--space-4) var(--space-8);border-radius:var(--r-chip);border:var(--bw-default) solid var(--color-border-subtle);background:var(--color-bg-surface);color:var(--color-fg-muted);font-family:var(--font-sans);font-size:var(--font-size-13);font-weight:var(--font-weight-medium);cursor:pointer;z-index:1;transition:background var(--duration-fast) var(--easing-standard), color var(--duration-fast) var(--easing-standard), border-color var(--duration-fast) var(--easing-standard);line-height:1;position:absolute}.klyp-feature-onboarding-Shell__skipAll:hover,.klyp-feature-onboarding-Shell__skipAll:focus-visible{background:var(--color-bg-surface-solid);border-color:var(--color-border-default);color:var(--color-fg-primary)}.klyp-feature-onboarding-Shell__skipAll:focus-visible{outline:var(--bw-emphasis) solid var(--color-fg-primary);outline-offset:var(--bw-emphasis)}html:has(.klyp-feature-onboarding-Shell){scrollbar-gutter:auto}.klyp-layout-Wizard{flex-direction:column;height:100%;min-height:0;display:flex}.klyp-layout-Wizard__header{z-index:var(--z-content);border-bottom:var(--bw-hairline) solid var(--color-border-subtle);background:var(--color-bg-glass-deep);-webkit-backdrop-filter:blur(12px);position:sticky;top:0}.klyp-layout-Wizard__headerInner{width:100%;max-width:var(--container-md);padding-inline:var(--space-16);padding-block:var(--space-16);gap:var(--space-12);flex-direction:column;margin-inline:auto;display:flex}.klyp-layout-Wizard__steps{align-items:center;gap:var(--space-8);margin:0;padding:0;list-style:none;display:flex}.klyp-layout-Wizard__step{align-items:center;gap:var(--space-8);flex:1;display:flex}.klyp-layout-Wizard__bullet{width:var(--space-24);height:var(--space-24);border-radius:var(--radius-full);border:var(--bw-hairline) solid var(--color-border-subtle);color:var(--color-fg-muted);font-size:var(--font-size-10);font-weight:var(--font-weight-medium);transition:background var(--duration-fast) var(--easing-standard), border-color var(--duration-fast) var(--easing-standard), color var(--duration-fast) var(--easing-standard);background:0 0;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.klyp-layout-Wizard__step[data-state=active] .klyp-layout-Wizard__bullet{border-color:var(--color-border-accent);background:color-mix(in oklch, var(--color-fg-accent) 10%, transparent);color:var(--color-fg-accent)}.klyp-layout-Wizard__step[data-state=done] .klyp-layout-Wizard__bullet{border-color:color-mix(in oklch, var(--color-status-success) 60%, transparent);background:color-mix(in oklch, var(--color-status-success) 10%, transparent);color:var(--color-status-success)}.klyp-layout-Wizard__label{text-overflow:ellipsis;white-space:nowrap;font-size:var(--font-size-13);font-weight:var(--font-weight-medium);color:var(--color-fg-muted);transition:color var(--duration-fast) var(--easing-standard);overflow:hidden}.klyp-layout-Wizard__step[data-state=active] .klyp-layout-Wizard__label{color:var(--color-fg-primary)}.klyp-layout-Wizard__connector{background:var(--color-border-subtle);height:1px;transition:background var(--duration-fast) var(--easing-standard);flex:1}.klyp-layout-Wizard__step[data-state=done] .klyp-layout-Wizard__connector{background:color-mix(in oklch, var(--color-status-success) 40%, transparent)}@media (prefers-reduced-motion:reduce){.klyp-layout-Wizard .klyp-layout-Wizard__bullet,.klyp-layout-Wizard .klyp-layout-Wizard__label,.klyp-layout-Wizard .klyp-layout-Wizard__connector{transition:none}}.klyp-layout-Wizard__body{flex:1;overflow-y:auto}.klyp-layout-Wizard__bodyInner{width:100%;max-width:var(--container-md);padding-inline:var(--space-16);padding-block:var(--space-32);margin-inline:auto}.klyp-layout-Wizard__footer{z-index:var(--z-content);border-top:var(--bw-hairline) solid var(--color-border-subtle);background:var(--color-bg-glass-deep);-webkit-backdrop-filter:blur(12px);position:sticky;bottom:0}.klyp-layout-Wizard__footerInner{width:100%;max-width:var(--container-md);padding-inline:var(--space-16);padding-block:var(--space-16);justify-content:space-between;align-items:center;gap:var(--space-16);margin-inline:auto;display:flex}.klyp-feature-onboarding-Q1{gap:var(--space-32);flex-direction:column;width:100%;max-width:540px;margin-inline:auto;display:flex}.klyp-feature-onboarding-Q1__heading{gap:var(--space-8);flex-direction:column;display:flex}.klyp-feature-onboarding-Q1__eyebrow{font-size:var(--font-size-12);font-weight:var(--font-weight-medium);color:var(--color-fg-muted);letter-spacing:.02em}.klyp-feature-onboarding-Q1__title{font-size:clamp(var(--font-size-24), 3.5vw, var(--font-size-24));font-weight:var(--font-weight-medium);color:var(--color-fg-primary);margin:0;line-height:1.15}.klyp-feature-onboarding-Q1__subtitle{font-size:var(--font-size-14);color:var(--color-fg-muted);margin:0;line-height:1.5}.klyp-feature-onboarding-Q1__group{gap:var(--space-12);grid-template-columns:repeat(2,1fr);display:grid}@container (width<=480px){.klyp-feature-onboarding-Q1__group{grid-template-columns:1fr}}.klyp-feature-onboarding-Q1__radio{width:100%;display:block}.klyp-feature-onboarding-Q1__footer{justify-content:flex-end;align-items:center;gap:var(--space-12);flex-wrap:wrap;display:flex}.klyp-feature-onboarding-Q2{gap:var(--space-32);flex-direction:column;width:100%;max-width:600px;margin-inline:auto;display:flex}.klyp-feature-onboarding-Q2__heading{gap:var(--space-8);flex-direction:column;display:flex}.klyp-feature-onboarding-Q2__eyebrow{font-size:var(--font-size-12);font-weight:var(--font-weight-medium);color:var(--color-fg-muted);letter-spacing:.02em}.klyp-feature-onboarding-Q2__title{font-size:clamp(var(--font-size-24), 3.5vw, var(--font-size-24));font-weight:var(--font-weight-medium);color:var(--color-fg-primary);margin:0;line-height:1.15}.klyp-feature-onboarding-Q2__subtitle{font-size:var(--font-size-14);color:var(--color-fg-muted);margin:0;line-height:1.5}.klyp-feature-onboarding-Q2__group{gap:var(--space-12);grid-template-columns:repeat(2,1fr);display:grid}@container (width<=480px){.klyp-feature-onboarding-Q2__group{grid-template-columns:1fr}}.klyp-feature-onboarding-Q2__radio{width:100%;display:block}.klyp-feature-onboarding-Q2__ramp{width:28px;height:8px;color:var(--color-fg-primary)}.klyp-feature-onboarding-Q2__footer{align-items:center;gap:var(--space-12);flex-wrap:wrap;display:flex}.klyp-feature-onboarding-Q2__spacer{flex:auto}.klyp-feature-onboarding-Q3{gap:var(--space-32);flex-direction:column;width:100%;max-width:720px;margin-inline:auto;display:flex}.klyp-feature-onboarding-Q3__heading{gap:var(--space-8);flex-direction:column;display:flex}.klyp-feature-onboarding-Q3__eyebrow{font-size:var(--font-size-12);font-weight:var(--font-weight-medium);color:var(--color-fg-muted);letter-spacing:.02em}.klyp-feature-onboarding-Q3__title{font-size:clamp(var(--font-size-24), 3.5vw, var(--font-size-24));font-weight:var(--font-weight-medium);color:var(--color-fg-primary);margin:0;line-height:1.15}.klyp-feature-onboarding-Q3__subtitle{font-size:var(--font-size-14);color:var(--color-fg-muted);margin:0;line-height:1.5}.klyp-feature-onboarding-Q3__group{gap:var(--space-12);grid-template-columns:repeat(3,1fr);display:grid}@container (width<=700px){.klyp-feature-onboarding-Q3__group{grid-template-columns:repeat(2,1fr)}}@container (width<=420px){.klyp-feature-onboarding-Q3__group{grid-template-columns:1fr}}.klyp-feature-onboarding-Q3__check{width:100%;display:block}.klyp-feature-onboarding-Q3__footer{align-items:center;gap:var(--space-12);flex-wrap:wrap;display:flex}.klyp-feature-onboarding-Q3__spacer{flex:auto}.klyp-feature-onboarding-Q4{gap:var(--space-32);flex-direction:column;width:100%;max-width:540px;margin-inline:auto;display:flex}.klyp-feature-onboarding-Q4__heading{gap:var(--space-8);flex-direction:column;display:flex}.klyp-feature-onboarding-Q4__eyebrow{font-size:var(--font-size-12);font-weight:var(--font-weight-medium);color:var(--color-fg-muted);letter-spacing:.02em}.klyp-feature-onboarding-Q4__title{font-size:clamp(var(--font-size-24), 3.5vw, var(--font-size-24));font-weight:var(--font-weight-medium);color:var(--color-fg-primary);margin:0;line-height:1.15}.klyp-feature-onboarding-Q4__subtitle{font-size:var(--font-size-14);color:var(--color-fg-muted);margin:0;line-height:1.5}.klyp-feature-onboarding-Q4__group{gap:var(--space-8);grid-template-columns:repeat(2,1fr);display:grid}@container (width<=420px){.klyp-feature-onboarding-Q4__group{grid-template-columns:1fr}}.klyp-feature-onboarding-Q4__radio{width:100%;display:block}.klyp-feature-onboarding-Q4__footer{align-items:center;gap:var(--space-12);flex-wrap:wrap;display:flex}.klyp-feature-onboarding-Q4__spacer{flex:auto}.klyp-feature-onboarding-Q5{gap:var(--space-32);flex-direction:column;width:100%;max-width:720px;margin-inline:auto;display:flex}.klyp-feature-onboarding-Q5__heading{gap:var(--space-8);flex-direction:column;display:flex}.klyp-feature-onboarding-Q5__eyebrow{font-size:var(--font-size-12);font-weight:var(--font-weight-medium);color:var(--color-fg-muted);letter-spacing:.02em}.klyp-feature-onboarding-Q5__title{font-size:clamp(var(--font-size-24), 3.5vw, var(--font-size-24));font-weight:var(--font-weight-medium);color:var(--color-fg-primary);margin:0;line-height:1.15}.klyp-feature-onboarding-Q5__subtitle{font-size:var(--font-size-14);color:var(--color-fg-muted);margin:0;line-height:1.5}.klyp-feature-onboarding-Q5__group{gap:var(--space-12);grid-template-columns:repeat(3,1fr);display:grid}@container (width<=700px){.klyp-feature-onboarding-Q5__group{grid-template-columns:repeat(2,1fr)}}@container (width<=420px){.klyp-feature-onboarding-Q5__group{grid-template-columns:1fr}}.klyp-feature-onboarding-Q5__check{width:100%;display:block}.klyp-feature-onboarding-Q5__footer{align-items:center;gap:var(--space-12);flex-wrap:wrap;display:flex}.klyp-feature-onboarding-Q5__spacer{flex:auto}.klyp-feature-onboarding-Showcase{height:100%;min-height:0;display:block;position:relative}.klyp-feature-onboarding-Showcase__frame{background:var(--color-bg-elev);width:100%;height:100%;position:relative;overflow:hidden}.klyp-feature-onboarding-Showcase__img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;transition:opacity var(--duration-medium,.24s) var(--easing-standard,ease-out);will-change:opacity;position:absolute;inset:0}.klyp-feature-onboarding-Showcase__img--front{opacity:1}.klyp-feature-onboarding-Showcase__img--back{opacity:0}.klyp-feature-onboarding-Showcase__tint{pointer-events:none;background:linear-gradient(180deg, color-mix(in oklch, var(--color-scrim-base) 0%, transparent) 0%, color-mix(in oklch, var(--color-scrim-base) 35%, transparent) 100%);position:absolute;inset:0}@media (prefers-reduced-motion:reduce){.klyp-feature-onboarding-Showcase__img{transition:none}}