@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)}@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)}}