.flywheel-app .fw-onboard{border:1px solid var(--border);background:var(--card);border-radius:1rem;margin-block:1.5rem;padding:clamp(1rem,2.5vw,1.75rem)}.fw-onboard-heading{margin-bottom:1.35rem}.flywheel-app .fw-onboard-heading h2{letter-spacing:-.055em;margin:.25rem 0 .35rem;font-size:clamp(1.65rem,3vw,2.35rem)}.fw-onboard-kicker,.fw-onboard-number{letter-spacing:.09em;color:var(--muted-foreground);font-family:Fragment Mono,monospace;font-size:.71rem}.fw-onboard-heading .fw-onboard-kicker{color:var(--brand)}.fw-onboard-layout{grid-template-columns:minmax(9rem,.6fr) minmax(0,3fr);gap:.7rem;display:grid}.fw-onboard-steps{align-content:start;gap:.3rem;display:grid}.flywheel-app .fw-onboard-step{text-align:left;min-height:2.6rem;color:var(--muted-foreground);border:1px solid #0000;border-radius:.5rem;grid-template-columns:1.35rem 1.25rem 1fr;align-items:center;gap:.5rem;padding:.5rem .65rem;transition:background-color .16s,color .16s,border-color .16s;display:grid}.fw-onboard-step-logo{object-fit:contain;width:1.25rem;height:1.25rem}.fw-onboard-step:hover{background:var(--muted);color:var(--foreground)}.flywheel-app .fw-onboard-step[data-state=active]{background:var(--accent);color:var(--brand);border-color:#5a6b46}.fw-onboard :is(button,a,summary,[role=tabpanel]):focus-visible{outline:2px solid var(--ring);outline-offset:3px}.fw-onboard-panel{border:1px solid var(--border);background:var(--soft);border-radius:.75rem;min-width:0}.fw-onboard-panel[hidden]{display:none}.fw-onboard-panel-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);min-height:13.5rem;display:grid}.fw-onboard-panel[data-state=active] .fw-onboard-copy{animation:.35s cubic-bezier(.2,.7,.2,1) both fw-onboard-enter}.fw-onboard-copy{align-self:center;padding:clamp(1rem,2.5vw,1.65rem)}.flywheel-app .fw-onboard-copy h3{letter-spacing:-.04em;margin:.35rem 0 .55rem;font-size:clamp(1.25rem,2.1vw,1.85rem)}.fw-onboard-copy p{max-width:31ch}.flywheel-app .fw-onboard-cta{background:var(--brand);color:var(--ink);border-radius:.38rem;align-items:center;gap:.55rem;margin-top:.9rem;padding:.45rem .7rem;font-weight:650;display:inline-flex}.fw-onboard-cta svg{flex-shrink:0;transition:transform .16s}.fw-onboard-cta:hover svg{transform:translate(2px,-2px)}.fw-onboard-graphic{place-items:center;min-width:0;display:grid;overflow:hidden}.fw-onboard-graphic svg{width:100%;max-width:22rem;height:auto;display:block}.fw-onboard-signal{animation:1.25s linear 2 fw-onboard-trace}.fw-onboard-meta{border-top:1px solid var(--border);color:var(--muted-foreground);padding:.75rem 1rem}.fw-onboard-meta summary{cursor:pointer;width:fit-content;color:var(--foreground)}.fw-onboard-meta ol{margin:.65rem 0 0;padding-left:1.15rem;list-style:decimal}.fw-onboard-meta code{overflow-wrap:anywhere}@keyframes fw-onboard-enter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes fw-onboard-trace{to{stroke-dashoffset:-16px}}@media (width<=767px){.fw-onboard-layout{grid-template-columns:minmax(0,1fr)}.fw-onboard-steps{grid-template-columns:repeat(5,minmax(0,1fr))}.flywheel-app .fw-onboard-step{text-align:center;grid-template-columns:minmax(0,1fr);justify-items:center;gap:.2rem;min-height:2.8rem;padding:.35rem .05rem;font-size:.67rem}.fw-onboard-number{display:none}}@media (width<=425px){.fw-onboard-panel-grid{grid-template-columns:minmax(0,1fr)}.fw-onboard-graphic{border-top:1px solid var(--border)}.fw-onboard-graphic svg{max-width:15rem}}@media (prefers-reduced-motion:reduce){.flywheel-app .fw-onboard *,.flywheel-app .fw-onboard-panel[data-state=active] .fw-onboard-copy{transition:none;animation:none}.fw-onboard-cta:hover svg{transform:none}}