/* ═══════════════════════════════════════════════════════════════
   style.css — Main CSS Entry Point
   CoreDM — InShot Aesthetic Design System

   Imports are ordered by dependency (base first):
     1. base.css           — tokens, reset, global utilities
     2. header.css         — navigation bar
     3. hero.css           — hero section (first box)
     4. made-with.css      — collage + pill tags + toolbar strip
     5. effects-swiper.css — exclusive effects carousel
     6. music-library.css  — music cards, stickers, feature banner
     7. reviews-more-apps.css — review masonry + more-apps cards
     8. faq-footer.css     — FAQ accordion, footer, toast, legal
   ═══════════════════════════════════════════════════════════════ */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Lato:wght@300;400;700;900&display=swap');
@import url('css/base.css');
@import url('css/header.css');
@import url('css/hero.css');
@import url('css/made-with.css');
@import url('css/effects-swiper.css');
@import url('css/compare-plans.css');
@import url('css/faq-footer.css');