@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}.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)}.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-xl);text-align:center}.quickStart h2{color:var(--brand-primary);font-size:1.75rem;font-weight:600}.quickStart h2,.quickStart p{margin-bottom:var(--space-lg)}.quickStart p{color:var(--brand-text-secondary);font-size:1.125rem}.quickStart ol{color:var(--brand-text-primary);margin:var(--space-lg) auto;max-width:500px;padding-left:var(--space-xl);text-align:left}.quickStart li{line-height:1.6;margin-bottom:var(--space-sm)}@media (max-width:768px){.apiOverview{padding:var(--space-lg)}.apiHero h1{font-size:2rem}.apiGrid{gap:var(--space-lg);grid-template-columns:1fr}.apiCard{padding:var(--space-lg)}}