/* ============================================================
   MAIN.CSS — single entry point.
   Every page links only to this file. It pulls in the rest via
   @import, in the order the cascade needs:
   tokens -> reset -> layout -> components -> sections -> responsive.

   TO ADD A NEW SECTION STYLE: create css/sections/your-section.css
   and add one @import line below. Nothing else changes.
   ============================================================ */

@import url("variables.css");
@import url("base.css");
@import url("layout.css");

@import url("components/buttons.css");
@import url("components/nav.css");
@import url("components/cards.css");
@import url("components/badges.css");
@import url("components/footer.css");
@import url("components/whatsapp.css");
@import url("components/forms.css");
@import url("components/trust.css");
@import url("components/quote-cart.css");
@import url("components/product-studio.css");

@import url("sections/hero.css");
@import url("sections/workflow.css");
@import url("sections/milestones.css");
@import url("sections/products.css");
@import url("sections/testimonials.css");
@import url("sections/about.css");
@import url("sections/faq.css");
@import url("sections/payment.css");
@import url("sections/cta.css");
@import url("sections/blog.css");
@import url("sections/contact.css");
@import url("sections/before-after.css");

@import url("responsive.css");