.onboarding{display:grid;gap:1rem;color:var(--ink,#11131a)}.onboarding__hero{display:flex;align-items:start;justify-content:space-between;gap:1.5rem;padding:1.5rem;border-radius:22px;color:#fff;background:linear-gradient(120deg,var(--blue,#2878ff),var(--violet,#7758ff) 54%,var(--pink,#ed5aa9));box-shadow:0 18px 42px #4338ca26}.onboarding__hero h2{max-width:720px;margin:.15rem 0;font-size:clamp(1.45rem,3vw,2.25rem);line-height:1.25}.onboarding__hero p{max-width:720px;margin:.35rem 0}.onboarding__eyebrow{font-size:.78rem;font-weight:900;letter-spacing:.09em}.onboarding button{min-height:44px;border-radius:999px;padding:.6rem 1rem;font:inherit;font-weight:800;cursor:pointer}.onboarding :is(button,[tabindex]):focus-visible{outline:3px solid #93c5fd;outline-offset:3px}.onboarding__dismiss{flex:none;border:1px solid #ffffff88;color:#fff;background:#ffffff18}.onboarding__progress{display:grid;gap:.5rem;padding:1rem 1.2rem;border:1px solid var(--line,#dfe3ea);border-radius:16px;background:#fff}.onboarding__progress>div:first-child{display:flex;justify-content:space-between;gap:1rem}.onboarding__progress span{color:var(--muted,#687083);font-weight:700}.onboarding__meter{height:10px;overflow:hidden;border-radius:999px;background:#e8ebf2}.onboarding__meter i{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--blue,#2878ff),var(--violet,#7758ff));transition:width .25s ease}.onboarding__cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.onboarding__card{display:grid;align-content:start;gap:.9rem;border:1px solid var(--line,#dfe3ea);border-radius:20px;padding:1.25rem;background:#fff;box-shadow:0 10px 30px #1725540c}.onboarding__card[data-status=completed]{border-color:#86d3a1;background:#f3fff7}.onboarding__card[data-status=skipped]{background:#f8fafc}.onboarding__card-heading{display:flex;align-items:start;justify-content:space-between;gap:1rem}.onboarding__card-heading p{margin:0;color:var(--violet,#7758ff);font-size:.78rem;font-weight:900;letter-spacing:.08em}.onboarding__card h3{margin:.2rem 0;font-size:1.2rem}.onboarding__duration{flex:none;border-radius:999px;padding:.3rem .65rem;color:#4338ca;background:#eef2ff;font-size:.82rem;font-weight:800}.onboarding__checklist{display:grid;gap:.45rem;margin:0;padding:0;list-style:none}.onboarding__checklist li{position:relative;padding-left:1.7rem}.onboarding__checklist li::before{position:absolute;left:0;content:"✓";display:grid;place-items:center;width:1.15rem;height:1.15rem;border-radius:50%;color:#4338ca;background:#ede9fe;font-size:.75rem;font-weight:900}.onboarding__actions{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:auto}.onboarding__primary{border:0;color:#fff;background:#172554}.onboarding__secondary,.onboarding__reopen{border:1px solid var(--line,#dfe3ea);color:var(--ink,#11131a);background:#fff}.onboarding__announcement{min-height:1.5em;margin:0;color:#9a3412}.onboarding__reopen{justify-self:start}@media(max-width:720px){.onboarding__cards{grid-template-columns:1fr}.onboarding__hero{align-items:stretch;flex-direction:column}.onboarding__dismiss{align-self:start}}@media(prefers-reduced-motion:reduce){.onboarding__meter i{transition:none}}
