/* ========================================= */
/*           GLOBAL RESET & BASE STYLES          */
/* ========================================= */
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; font-family: 'Inter', sans-serif; }
.font-display { font-family: 'Plus Jakarta Sans', Inter, sans-serif; }
.reveal { opacity: 0; transform: translateY(30px); transition: all 0.7s cubic-bezier(0.16,1,0.3,1); }
.reveal.active { opacity: 1; transform: translateY(0); }

/* ========================================= */
/*           HEADER SECTION STYLES           */
/* ========================================= */
#header { backdrop-filter: blur(12px); }


/* ========================================= */
/*           HERO SECTION STYLES             */
/* ========================================= */
#matrixCanvas { background: transparent; pointer-events: none; }

/* ========================================= */
/*        PROMO BANNER SECTION STYLES        */
/* ========================================= */
#promo { background: #E5F8B4; }

/* ========================================= */
/*        PROBLEM SECTION STYLES             */
/* ========================================= */
#problem { background: #fbfaf6; }

/* ========================================= */
/*        PORTFOLIO / CASE STUDY STYLES      */
/* ========================================= */
#portfolio { background: #0B1120; }

/* ========================================= */
/*        FEATURES / SERVICES STYLES         */
/* ========================================= */
#services { background: #fff; }

/* ========================================= */
/*        COMPLETED PROJECTS SHOWCASE STYLES */
/*        (Note: Main styles are inline inside */
/*         the section for encapsulation)      */
/* ========================================= */
#completed-projects { background: #0B1120; }

/* ========================================= */
/*        PRICING SECTION STYLES             */
/* ========================================= */
#pricing { background: #fbfaf6; }

/* ========================================= */
/*        TESTIMONIALS SECTION STYLES        */
/*        (Note: Main styles are inline inside */
/*         the section for encapsulation)      */
/* ========================================= */
#testimonials { background: #ffffff; }

/* ========================================= */
/*        STEPS / PROCESS SECTION STYLES     */
/* ========================================= */
#steps { background: #0F2E2B; }

/* ========================================= */
/*        FAQ SECTION STYLES                 */
/* ========================================= */
#faq { background: #fff; }
.faq-item.active { border-color: #16a34a !important; box-shadow: 0 0 0 4px rgba(22,163,74,0.08); }

/* ========================================= */
/*        TRUST / PRE-FOOTER SECTION STYLES  */
/* ========================================= */
#trust { background: #F8FAF8; }

/* ========================================= */
/*        FOOTER SECTION STYLES              */
/* ========================================= */
.main-footer { background: #0B1120; }
.main-footer a:hover { color: #fff !important; }
/* ========================================= */
/*           RESPONSIVE BREAKPOINTS          */
/* ========================================= */
@media(max-width:768px){ #home{padding-bottom:40px;} }