html{scroll-behavior:smooth}
body{background-color:#FAFCFF;font-family:'Outfit',sans-serif}
.nav-scrolled{background-color:rgba(255,255,255,.98);backdrop-filter:blur(10px);box-shadow:0 4px 20px rgba(0,0,0,.05);padding-top:.75rem;padding-bottom:.75rem}
.nav-link.active{color:#1A87D9;font-weight:700}
.nav-link.active::after{content:'';position:absolute;bottom:-4px;left:0;width:100%;height:2px;background-color:#1A87D9;border-radius:2px}

/* Dark hero navbar fix - white text when not scrolled */
header.nav-dark:not(.nav-scrolled) .nav-logo{color:white !important}
header.nav-dark:not(.nav-scrolled) .nav-logo .fa-chart-pie{color:white !important}
header.nav-dark:not(.nav-scrolled) .nav-link{color:rgba(255,255,255,.75) !important}
header.nav-dark:not(.nav-scrolled) .nav-link:hover{color:white !important}
header.nav-dark:not(.nav-scrolled) .nav-link.active{color:white !important;font-weight:700}
header.nav-dark:not(.nav-scrolled) .nav-link.active::after{background-color:white}
header.nav-dark:not(.nav-scrolled) .mobile-btn{color:white !important}
header.nav-dark:not(.nav-scrolled) .dropdown-trigger .fa-chevron-down{color:rgba(255,255,255,.6) !important}
/* When scrolled, revert to normal dark text */
header.nav-dark.nav-scrolled .nav-logo{color:#121936 !important}
header.nav-dark.nav-scrolled .nav-logo .fa-chart-pie{color:#64D3E5 !important}
header.nav-dark.nav-scrolled .nav-link{color:#4b5563 !important}
header.nav-dark.nav-scrolled .nav-link:hover{color:#1A87D9 !important}
header.nav-dark.nav-scrolled .nav-link.active{color:#1A87D9 !important}
header.nav-dark.nav-scrolled .nav-link.active::after{background-color:#1A87D9}
header.nav-dark.nav-scrolled .mobile-btn{color:#121936 !important}

/* Float animation */
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
.animate-float{animation:float 3s ease-in-out infinite}

/* Shimmer animation for partners */
@keyframes shimmer{0%{opacity:.3}50%{opacity:.7}100%{opacity:.3}}
.partner-logo{animation:shimmer 3s ease-in-out infinite}
.partner-logo:nth-child(2){animation-delay:.4s}
.partner-logo:nth-child(3){animation-delay:.8s}
.partner-logo:nth-child(4){animation-delay:1.2s}
.partner-logo:nth-child(5){animation-delay:1.6s}
.partner-logo:nth-child(6){animation-delay:2s}
.partner-logo:nth-child(7){animation-delay:2.4s}

/* Scroll Animations */
[data-animate]{opacity:0;transition:opacity .75s cubic-bezier(.4,0,.2,1),transform .75s cubic-bezier(.4,0,.2,1)}
[data-animate].animated{opacity:1;transform:none !important}
[data-animate="fade-up"]{transform:translateY(45px)}
[data-animate="fade-down"]{transform:translateY(-45px)}
[data-animate="fade-left"]{transform:translateX(-55px)}
[data-animate="fade-right"]{transform:translateX(55px)}
[data-animate="scale-in"]{transform:scale(.82)}
[data-animate="zoom-in"]{transform:scale(.88)}
[data-animate="flip-up"]{transform:perspective(700px) rotateX(18deg) translateY(35px)}
[data-animate="slide-right"]{transform:translateX(80px)}
[data-animate="slide-left"]{transform:translateX(-80px)}
[data-animate="bounce-in"]{transform:scale(.6)}
[data-animate="bounce-in"].animated{transform:scale(1);animation:bounceSettle .5s ease forwards .05s}
@keyframes bounceSettle{0%{transform:scale(1.08)}60%{transform:scale(.97)}100%{transform:scale(1)}}
[data-animate="rotate-in"]{transform:rotate(-8deg) scale(.9)}
[data-animate="img-reveal"]{clip-path:inset(0 100% 0 0);opacity:1}
[data-animate="img-reveal"].animated{clip-path:inset(0 0% 0 0);transition:clip-path .9s cubic-bezier(.77,0,.175,1)}

/* Stagger delays */
[data-delay="100"]{transition-delay:.1s}
[data-delay="200"]{transition-delay:.2s}
[data-delay="300"]{transition-delay:.3s}
[data-delay="400"]{transition-delay:.4s}
[data-delay="500"]{transition-delay:.5s}
[data-delay="600"]{transition-delay:.6s}
[data-delay="700"]{transition-delay:.7s}
[data-delay="800"]{transition-delay:.8s}
[data-delay="900"]{transition-delay:.9s}
[data-delay="1000"]{transition-delay:1s}
[data-delay="1100"]{transition-delay:1.1s}
[data-delay="1200"]{transition-delay:1.2s}

/* Hero text animation */
@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}
.fade-in-up{animation:fadeInUp .8s ease-out forwards;opacity:0}
@keyframes slideInLeft{from{opacity:0;transform:translateX(-40px)}to{opacity:1;transform:translateX(0)}}
.slide-in-left{animation:slideInLeft .8s ease-out forwards;opacity:0}
@keyframes fadeInRight{from{opacity:0;transform:translateX(40px)}to{opacity:1;transform:translateX(0)}}
.fade-in-right{animation:fadeInRight .8s ease-out forwards;opacity:0}
@keyframes scaleUp{from{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}
.scale-up{animation:scaleUp .8s ease-out forwards;opacity:0}
@keyframes pulse-glow{0%,100%{box-shadow:0 0 0 0 rgba(26,135,217,.3)}50%{box-shadow:0 0 20px 10px rgba(26,135,217,0)}}
.pulse-glow{animation:pulse-glow 2s ease-in-out infinite}
@keyframes spin-slow{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
.spin-slow{animation:spin-slow 20s linear infinite}
@keyframes ping-once{0%{transform:scale(1);opacity:1}70%{transform:scale(1.4);opacity:0}100%{transform:scale(1.4);opacity:0}}

/* Page hero */
.page-hero{background:linear-gradient(135deg,#121936 0%,#1a2a5e 50%,#1A87D9 100%);position:relative;overflow:hidden}
.page-hero::before{content:'';position:absolute;top:-50%;right:-20%;width:600px;height:600px;border-radius:50%;border:60px solid rgba(100,211,229,.1);z-index:1}
.page-hero::after{content:'';position:absolute;bottom:-30%;left:-10%;width:400px;height:400px;border-radius:50%;border:40px solid rgba(255,255,255,.05);z-index:1}
/* Hero background image */
.hero-bg-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.12;mix-blend-mode:luminosity;z-index:0}

/* Breadcrumb styling */
.breadcrumb{display:flex;align-items:center;gap:.5rem;font-size:.875rem}
.breadcrumb a{color:rgba(156,163,175,1);transition:color .25s;text-decoration:none}
.breadcrumb a:hover{color:white}
.breadcrumb .bc-sep{color:rgba(156,163,175,.5);font-size:.6rem}
.breadcrumb .bc-current{color:#64D3E5;font-weight:600}

/* Service & feature cards */
.service-card{transition:all .35s cubic-bezier(.4,0,.2,1)}
.service-card:hover{transform:translateY(-8px);box-shadow:0 25px 50px -15px rgba(0,0,0,.12)}

/* Image hover zoom */
.img-zoom{overflow:hidden;border-radius:1.5rem}
.img-zoom img{transition:transform .7s cubic-bezier(.4,0,.2,1)}
.img-zoom:hover img{transform:scale(1.05)}

/* Floating badge animation */
@keyframes floatBadge{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-6px) rotate(1deg)}}
.float-badge{animation:floatBadge 4s ease-in-out infinite}

/* Counter value */
.stat-value{display:inline-block;transition:transform .3s}

/* FAQ */
.faq-answer{max-height:0;overflow:hidden;transition:max-height .35s ease}
.faq-item.open .faq-answer{max-height:500px}
.faq-item.open .faq-icon{transform:rotate(45deg)}

/* Section image decorative frame */
.img-frame{position:relative;display:inline-block}
.img-frame::before{content:'';position:absolute;inset:-12px;border:2px solid rgba(26,135,217,.2);border-radius:2rem;z-index:0}
.img-frame img{position:relative;z-index:1}

/* Gradient text */
.gradient-text{background:linear-gradient(135deg,#1A87D9,#64D3E5);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}