/* ─────────────────────────────────────────────────────────
   MAIN CSS ENTRY POINT
   Import order matters: base → components → sections → utils
   ───────────────────────────────────────────────────────── */

/* ── Base ── */
@import 'base.css';
@import 'animations.css';

/* ── Components (reusable across all pages) ── */
@import 'components/nav.css';
@import 'components/footer.css';
@import 'components/buttons.css';
@import 'components/badge.css';
@import 'components/terminal.css';
@import 'components/cards.css';

/* ── Sections (landing page) ── */
@import 'sections/hero.css';
@import 'sections/stats.css';
@import 'sections/logos.css';
@import 'sections/difference.css';
@import 'sections/how.css';
@import 'sections/features.css';
@import 'sections/compare.css';
@import 'sections/pricing.css';
@import 'sections/testimonials.css';
@import 'sections/cta.css';
@import 'sections/sdk-companies.css';

/* ── Responsive (always last) ── */
@import 'responsive.css';