@layer components{.start .gs-hero{padding-block:clamp(44px,7vw,74px) 0}.start .gs-hero h1{max-width:820px;font-family:var(--mono);letter-spacing:-.035em;text-wrap:balance;margin-top:22px;font-size:clamp(30px,5.2vw,46px);font-weight:700;line-height:1.16}.start .gs-hero p.lead{margin-top:20px}.start .step{padding-block:clamp(40px,6vw,64px) 0;scroll-margin-top:96px}.start .step-head{flex-wrap:wrap;align-items:baseline;gap:14px;display:flex}.start .step-n{font-family:var(--mono);letter-spacing:.14em;color:var(--accent);background:var(--chip);border:1px solid var(--border);border-radius:999px;flex:none;padding:4px 11px;font-size:12px;font-weight:700}.start .step h2{letter-spacing:-.02em;font-size:clamp(21px,3vw,27px);font-weight:600;line-height:1.25}.start .step>p{max-width:660px;color:var(--text-2);text-wrap:pretty;margin-top:14px;line-height:1.6}.start .cards3{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;margin-top:24px;display:grid}.start .card3{border:1px solid var(--border);background:var(--card);border-radius:12px;padding:18px 20px}.start .card3 h3{margin-bottom:7px;font-size:15px;font-weight:600}.start .card3 p{color:var(--text-3);font-size:14px;line-height:1.55}.start .card3 a{font-size:14px}.start .gs-next{flex-wrap:wrap;gap:12px;margin-top:20px;display:flex}}
