@import "../base/_variables.css";.apiOverview{margin:0 auto;max-width:1200px;padding:var(--space-2xl) var(--space-md)}.apiHero{background:var(--brand-surface);border:1px solid var(--brand-border);border-radius:var(--radius-lg);margin-bottom:var(--space-2xl);padding:var(--space-2xl);text-align:center}.apiHero h1{color:var(--brand-primary);font-size:3rem;font-weight:700;margin-bottom:var(--space-lg)}.apiHero p{color:var(--brand-text-secondary);font-size:1.25rem;line-height:1.6;margin:0 auto;max-width:600px}.quickStart{background:var(--brand-section-bg);border:1px solid var(--brand-border);border-radius:var(--radius-lg);margin:var(--space-2xl) 0;padding:var(--space-2xl);text-align:center}.quickStart h2{color:var(--brand-primary);font-size:2.5rem;font-weight:700;margin-bottom:var(--space-lg)}.quickStart>p{color:var(--brand-text-secondary);font-size:1.125rem;line-height:1.6;margin-bottom:var(--space-xl);margin-left:auto;margin-right:auto;max-width:600px}.quickStartGrid{display:grid;gap:var(--space-xl);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:var(--space-xl)}.quickStartCard{background:var(--brand-surface);border:1px solid var(--brand-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-2xl);text-align:center;transition:transform var(--transition-base),box-shadow var(--transition-base),border-color var(--transition-base)}.quickStartCard:hover{border-color:var(--brand-primary);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.quickStartCard h3{color:var(--brand-primary);font-size:1.5rem;font-weight:600;margin-bottom:var(--space-lg)}.quickStartCard p{color:var(--brand-text-secondary);font-size:1rem;line-height:1.6;margin-bottom:var(--space-lg)}.ctaButton{background:var(--brand-primary);border:none;border-radius:var(--radius-md);cursor:pointer;display:inline-block;font-weight:600;padding:var(--space-md) var(--space-lg);transition:all var(--transition-base)}.ctaButton,.ctaButton:hover{color:var(--brand-text-on-primary);text-decoration:none}.ctaButton:hover{background:var(--brand-primary-hover);box-shadow:0 4px 12px rgba(59,130,246,.3);transform:translateY(-2px)}.apiGrid{display:grid;gap:var(--space-xl);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin:var(--space-2xl) 0}.apiCard{background:var(--brand-surface);border:1px solid var(--brand-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:2rem;min-width:250px;padding:var(--space-xl);transition:transform var(--transition-base),box-shadow var(--transition-base)}.apiCard:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.apiCard h3{color:var(--brand-primary);font-size:1.5rem;font-weight:600}.apiCard h3,.apiCard p{margin-bottom:var(--space-lg)}.apiCard p{color:var(--brand-text-secondary);line-height:1.6}.apiCardLink{background:var(--brand-primary);border-radius:var(--radius-md);display:inline-block;font-weight:600;padding:var(--space-sm) var(--space-lg);transition:background var(--transition-base)}.apiCardLink,.apiCardLink:hover{color:var(--brand-text-on-primary);text-decoration:none}.apiCardLink:hover{background:var(--brand-primary-hover)}.dev-tools-hero{background:linear-gradient(135deg,#1e40af,#7c3aed);border-radius:12px;color:#fff;margin-bottom:2rem;padding:1.5rem 2rem}.dev-tools-hero__title{color:#fff;font-size:1.5rem;margin:0 0 1rem}.dev-tools-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.dev-tools-card{background:hsla(0,0%,100%,.15);border-radius:8px;color:#fff;display:block;padding:1.25rem;text-decoration:none;transition:background .2s}.dev-tools-card:hover{background:hsla(0,0%,100%,.25);color:#fff;text-decoration:none}.dev-tools-card__header{align-items:center;display:flex;gap:.75rem;margin-bottom:.5rem}.dev-tools-card__icon{font-size:1.5rem}.dev-tools-card__name{font-size:1.1rem}.dev-tools-card__badge{background:var(--status-clean-text);border-radius:9999px;color:#fff;font-size:.65rem;font-weight:600;padding:2px 8px}.dev-tools-card__description{font-size:.9rem;margin:0;opacity:.9}.apiCard--new{border-color:var(--brand-primary)}[data-theme=dark] .dev-tools-card__badge{color:#0f172a}.newBadge{background:var(--status-clean-bg);border-radius:9999px;color:var(--status-clean-text);font-size:.7rem;font-weight:600;padding:2px 8px;vertical-align:middle}@media (max-width:768px){.apiOverview{padding:var(--space-lg)}.apiHero h1{font-size:2rem}.quickStart{padding:var(--space-lg)}.quickStart h2{font-size:2rem}.apiGrid,.quickStartGrid{gap:var(--space-lg);grid-template-columns:1fr}.apiCard{padding:var(--space-lg)}}