/* ============================================================
   1. CSS CUSTOM PROPERTIES
   Brand tokens — use these variables throughout this file.
   ============================================================ */




/* ============================================================
   2. LAYOUT — SECTION WIDTH UTILITIES
   All Elementor sections must be set to Full Width.
   These classes control the actual rendered width.
   Never use the Elementor "Boxed" section setting.
   ============================================================ */

/* Inset full-width section — section background expands with
   the viewport but always preserves a 20px outer gutter on
   left and right. The page background remains visible at the
   edges on wider screens. */
.section-inset {
    width: calc(100% - 40px);
    margin-left: auto;
    margin-right: auto;
}

/* True full-bleed — no class required. Elementor Full Width
   handles it. Documented here for reference only. */




/* ============================================================
   3. HEADER AND NAVIGATION
   ============================================================ */




/* ============================================================
   4. STICKY NAV CARD EFFECT
   Box-shadow and border-radius for the sticky nav container
   in Theme Builder. Applied via custom CSS on the section.
   ============================================================ */




/* ============================================================
   5. HERO SECTIONS
   ============================================================ */




/* ============================================================
   6. TECH CAROUSEL AND BRANDS CAROUSEL
   CSS @keyframes scroll animation — required because the
   standard Elementor carousel widget cannot replicate this.
   ============================================================ */




/* ============================================================
   7. FEATURES SECTION
   Overflow scroll carousel on desktop; 2-column static stack
   on mobile. Use Elementor responsive visibility settings to
   show/hide alternate layouts — do not use a single adaptive
   layout here.
   ============================================================ */




/* ============================================================
   8. FAQ NUMBERED PREFIX
   Transparent text on white background for the Accordion
   widget number prefix. Requires custom CSS targeting.
   ============================================================ */




/* ============================================================
   9. FOOTER
   ============================================================ */




/* ============================================================
   10. FORMS AND CONTACT
   ============================================================ */




/* ============================================================
   11. BUTTONS AND CTAS
   ============================================================ */




/* ============================================================
   12. UTILITY AND MISCELLANEOUS
   ============================================================ */