.getting-started{max-width:1280px;margin:0 auto;padding:64px 24px 40px}.getting-started-hero{border:1px solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-surface);grid-template-columns:1.4fr .8fr;gap:48px;margin-bottom:72px;padding:48px;display:grid}.getting-started-section-description{color:var(--color-text-secondary);margin-bottom:28px;line-height:1.8}.getting-started-badge{background:var(--color-primary-light);color:var(--color-primary);border-radius:999px;align-items:center;padding:6px 14px;font-size:.875rem;font-weight:600;display:inline-flex}.getting-started-hero h2{margin:20px 0 16px;font-size:clamp(2.25rem,5vw,3.5rem);line-height:1.1}.getting-started-hero p{max-width:650px;color:var(--color-text-secondary);line-height:1.8}.getting-started-actions{gap:16px;margin-top:32px;display:flex}.getting-started-code{border-radius:var(--radius-lg);background:var(--color-background);border:1px solid var(--color-border);padding:24px}.getting-started-code span{margin-bottom:16px;font-weight:600;display:block}.getting-started-code pre{margin:0}.getting-started-section{margin-bottom:72px}.getting-started-section h2{margin-bottom:28px}.getting-started-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;display:grid}.getting-started-steps{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.getting-started-step{text-align:center;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);padding:28px}.getting-started-step span{background:var(--color-primary);color:#fff;border-radius:50%;place-items:center;width:44px;height:44px;margin:0 auto 18px;font-weight:700;display:grid}.getting-started-step h3{margin-bottom:14px}.getting-started-step code{border-radius:var(--radius-md);background:var(--color-background);padding:12px;display:block}@media (max-width:900px){.getting-started-hero,.getting-started-steps{grid-template-columns:1fr}}@media (max-width:768px){.getting-started{padding:24px 20px}.getting-started-hero{padding:24px}.getting-started-actions{flex-direction:column}.getting-started-section h2{text-align:center}}