/* ============================================================================
   main.css — stylesheet entry point.

   Cascade layers establish an explicit, predictable order regardless of
   import/source order. Specificity battles are resolved by layer precedence,
   not by selector weight or file position. Each imported file declares its
   own @layer block; this @layer statement fixes their relative order:

      tokens     → CSS custom properties (design tokens)
      base       → resets + element defaults
      layout     → page container / layout primitives
      components → every UI component
      motion     → keyframes + reduced-motion / print overrides
   ========================================================================= */
@layer tokens, base, layout, components, motion;

/* Each @import carries ?v=mqtthii5 so a deploy busts the cache for
   every sub-stylesheet too — not just main.css. Without this, browsers that
   cached these files under the old `immutable` header keep serving them stale
   (the URL never changes, so they never re-request). See version-stamp.js. */
@import url("tokens.css?v=mqtthii5");
@import url("base.css?v=mqtthii5");
@import url("layout.css?v=mqtthii5");

@import url("components/preloader.css?v=mqtthii5");
@import url("components/hero.css?v=mqtthii5");
@import url("components/nav.css?v=mqtthii5");
@import url("components/mobile-menu.css?v=mqtthii5");
@import url("components/journey.css?v=mqtthii5");
@import url("components/roadmap.css?v=mqtthii5");
@import url("components/modal.css?v=mqtthii5");
@import url("components/chat.css?v=mqtthii5");
@import url("components/sections-shared.css?v=mqtthii5");
@import url("components/ebook.css?v=mqtthii5");
@import url("components/cta.css?v=mqtthii5");
@import url("components/footer.css?v=mqtthii5");

@import url("motion.css?v=mqtthii5");