/* ========================================
   MAIN CSS — Import Aggregator
   ========================================
   Load order matters for specificity.
   For production, concatenate all files.
   ======================================== */

/* 1. Design Tokens */
@import './variables.css';

/* 2. Reset & Globals */
@import './reset.css';

/* 3. Typography */
@import './typography.css';

/* 4. Layout */
@import './layout.css';

/* 5. Animations */
@import './animations.css';

/* 6. UI Components */
@import '../components/ui/buttons.css';
@import '../components/ui/cards.css';
@import '../components/ui/pills.css';

/* 7. Page Components (DOM order) */
@import '../components/header/header.css';
@import '../components/hero/hero.css';
@import '../components/marquee/marquee.css';
@import '../components/problem/problem.css';
@import '../components/solution/solution.css';
@import '../components/capabilities/capabilities.css';
@import '../components/audience/audience.css';
@import '../components/how-it-works/how-it-works.css';
@import '../components/results/results.css';
@import '../components/testimonials/testimonials.css';
@import '../components/faq/faq.css';
@import '../components/contact/contact.css';
@import '../components/footer/footer.css';