
:root{
  --home-cyan:#2de1fc; --home-blue:#3b82f6; --home-purple:#8b5cf6; --home-bg:#07101f; --home-bg2:#0a1630;
}
.logo{display:inline-flex;align-items:center;min-height:44px;padding:2px 0;}
.logo img{display:block;width:auto;height:40px;max-width:190px;object-fit:contain;filter:drop-shadow(0 0 14px rgba(45,225,252,.12));}
.logo:hover img{transform:translateY(-1px) scale(1.02);filter:drop-shadow(0 0 18px rgba(45,225,252,.28));}
.nav-menu>li:nth-child(2){animation-delay:.15s}.nav-menu>li:nth-child(3){animation-delay:.22s}.nav-menu>li:nth-child(4){animation-delay:.3s}.nav-menu>li:nth-child(5){animation-delay:.38s}.nav-menu>li:nth-child(6){animation-delay:.46s}.nav-menu>li:nth-child(7){animation-delay:.54s}.nav-menu>li:nth-child(8){animation-delay:.62s}
.hero-v2{min-height:100svh;background:radial-gradient(circle at 72% 36%,rgba(58,130,246,.18),transparent 28%),radial-gradient(circle at 87% 72%,rgba(139,92,246,.16),transparent 30%),linear-gradient(135deg,#07111f 0%,#0b1d37 47%,#101b3d 100%);isolation:isolate;}
.hero-v2::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 12% 28%,rgba(45,225,252,.13),transparent 22%),radial-gradient(circle at 50% 0%,rgba(99,102,241,.1),transparent 20%);animation:heroAtmosphere 18s ease-in-out infinite alternate;z-index:-2}
.hero-v2::after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 97%,rgba(45,225,252,.13) 98%,transparent 100%);background-size:100% 38px;opacity:.28;z-index:-1;mix-blend-mode:screen}
.hero-v2-grid-lines{position:absolute;inset:0;opacity:.14;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.9),transparent 88%);pointer-events:none}
.hero-v2-orb{position:absolute;border-radius:50%;filter:blur(12px);pointer-events:none;mix-blend-mode:screen}.hero-v2-orb-a{width:280px;height:280px;left:-120px;top:18%;background:rgba(45,225,252,.16);animation:orbFloatA 16s ease-in-out infinite}.hero-v2-orb-b{width:360px;height:360px;right:-140px;top:28%;background:rgba(124,58,237,.13);animation:orbFloatB 20s ease-in-out infinite}
.hero-v2-container{position:relative;z-index:3;max-width:1500px;grid-template-columns:minmax(0,1fr) minmax(540px,1.08fr);gap:2rem;align-items:center;padding-top:8.5rem;padding-bottom:5rem}
.hero-v2-copy{position:relative;z-index:10;transform:translateZ(0)}
.hero-v2-badge{position:relative;overflow:hidden;display:inline-flex;align-items:center;gap:.55rem;letter-spacing:1.25px;box-shadow:0 0 0 1px rgba(45,225,252,.04),0 8px 34px rgba(45,225,252,.08)}
.badge-pulse-dot{width:9px;height:9px;border-radius:50%;background:var(--home-cyan);box-shadow:0 0 0 0 rgba(45,225,252,.7);animation:pingDot 2.2s infinite}
.hero-v2 h1{font-size:clamp(3.7rem,6.1vw,6.8rem);line-height:.92;letter-spacing:-4px;max-width:820px;text-shadow:0 15px 50px rgba(0,0,0,.18);margin-bottom:1.8rem}
.hero-v2 h1 span{background:linear-gradient(100deg,#fff 0%,#9cecff 35%,#6d8dff 65%,#c19cff 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;display:inline-block;background-size:220% 100%;animation:titleSheen 8s ease-in-out infinite}
.hero-v2 .hero-text{max-width:760px;font-size:1.16rem;color:#d4dfef;line-height:1.95;margin-bottom:2rem}
.hero-v2-buttons .btn{min-width:220px;justify-content:center}
.magnetic-btn{will-change:transform;transform-style:preserve-3d}.magnetic-btn i{transition:transform .35s ease}.magnetic-btn:hover i{transform:translateX(4px) scale(1.08)}
.hero-trust-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;max-width:720px;margin-top:1.5rem}
.hero-mini-card{display:flex;align-items:center;gap:.85rem;padding:.9rem 1rem;border:1px solid rgba(148,163,184,.16);background:linear-gradient(135deg,rgba(255,255,255,.06),rgba(255,255,255,.025));backdrop-filter:blur(14px);border-radius:16px;box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 10px 36px rgba(0,0,0,.12);transition:transform .35s ease,border-color .35s ease,background .35s ease}
.hero-mini-card:hover{transform:translateY(-5px) rotateX(2deg);border-color:rgba(45,225,252,.35);background:linear-gradient(135deg,rgba(45,225,252,.11),rgba(99,102,241,.08))}.hero-mini-card i{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(135deg,rgba(45,225,252,.18),rgba(99,102,241,.2));color:#8defff;font-size:1rem}.hero-mini-card strong,.hero-mini-card span{display:block}.hero-mini-card strong{font-size:.92rem;color:#f8fbff}.hero-mini-card span{font-size:.72rem;color:#9fb0c8;margin-top:.15rem}
.hero-v2-visual{min-height:620px;position:relative;display:flex;align-items:center;justify-content:center;perspective:1400px;transform-style:preserve-3d}
.hero-visual-stage{position:relative;width:min(100%,760px);aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;transform-style:preserve-3d}
.hero-visual-image-wrap{position:relative;width:100%;height:100%;z-index:3;display:flex;align-items:center;justify-content:center;will-change:transform;transform-style:preserve-3d}
.hero-visual-image{width:100%;height:100%;object-fit:contain;display:block;filter:drop-shadow(0 28px 70px rgba(0,0,0,.28));user-select:none;pointer-events:none}
.hero-glow-ring{position:absolute;border-radius:50%;border:1px solid rgba(93,214,255,.26);box-shadow:0 0 40px rgba(45,225,252,.1),inset 0 0 35px rgba(45,225,252,.05);pointer-events:none}.ring-1{width:82%;height:82%;animation:ringOrbit1 18s linear infinite}.ring-2{width:68%;height:68%;border-color:rgba(139,92,246,.24);animation:ringOrbit2 14s linear infinite reverse}.ring-3{width:95%;height:95%;border-style:dashed;border-color:rgba(255,255,255,.1);animation:ringOrbit3 28s linear infinite}
.hero-floating-card{position:absolute;z-index:6;display:flex;align-items:center;gap:.75rem;min-width:180px;padding:.8rem .95rem;border:1px solid rgba(255,255,255,.16);background:linear-gradient(135deg,rgba(11,23,45,.84),rgba(20,32,62,.76));backdrop-filter:blur(16px);border-radius:18px;box-shadow:0 18px 40px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.06);transform-style:preserve-3d;animation:floatCard 5.5s ease-in-out infinite}
.hero-floating-card strong{font-size:1.1rem;color:#fff;display:block;line-height:1}.hero-floating-card span:not(.hf-icon){font-size:.71rem;color:#9eb1c8;display:block;margin-top:.24rem}.hf-icon{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;font-size:.95rem}.hf-icon.cyan{color:#8ff5ff;background:linear-gradient(135deg,rgba(45,225,252,.2),rgba(59,130,246,.18))}.hf-icon.purple{color:#c3b2ff;background:linear-gradient(135deg,rgba(139,92,246,.22),rgba(99,102,241,.18))}.hf-icon.green{color:#76f4bd;background:linear-gradient(135deg,rgba(16,185,129,.22),rgba(34,197,94,.15))}.hf-icon.orange{color:#ffcb7a;background:linear-gradient(135deg,rgba(245,158,11,.2),rgba(249,115,22,.14))}
.hf-card-1{top:9%;left:6%;animation-delay:-.5s}.hf-card-2{top:27%;right:1%;animation-delay:-1.8s}.hf-card-3{bottom:18%;left:1%;animation-delay:-2.7s}.hf-card-4{bottom:4%;right:9%;animation-delay:-.9s}
.hero-connection-dot{position:absolute;width:8px;height:8px;border-radius:50%;background:#74e8ff;box-shadow:0 0 0 5px rgba(116,232,255,.08),0 0 20px rgba(116,232,255,.8);z-index:7}.dot-a{top:17%;right:22%;animation:dotTravelA 6s ease-in-out infinite}.dot-b{bottom:21%;right:26%;background:#c59cff;box-shadow:0 0 0 5px rgba(197,156,255,.08),0 0 20px rgba(197,156,255,.7);animation:dotTravelB 7s ease-in-out infinite}.dot-c{left:26%;bottom:31%;background:#7cffc0;box-shadow:0 0 0 5px rgba(124,255,192,.08),0 0 20px rgba(124,255,192,.7);animation:dotTravelC 8s ease-in-out infinite}
.hero-scroll-cue{position:absolute;left:50%;bottom:1.3rem;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:.3rem;color:#93a8c3;font-size:.72rem;z-index:9;animation:scrollCue 3s ease-in-out infinite}.mouse-icon{width:20px;height:31px;border:1px solid rgba(255,255,255,.3);border-radius:14px;display:block;position:relative}.mouse-icon span{width:3px;height:7px;border-radius:3px;background:#8cf0ff;position:absolute;left:50%;top:5px;transform:translateX(-50%);animation:mouseWheel 1.6s ease-in-out infinite}.hero-scroll-cue i{font-size:.7rem;color:#8cf0ff}
/* Animation helpers used on the broader page */
.reveal-fast{opacity:0;transform:translateY(20px);transition:opacity .8s cubic-bezier(.22,.61,.36,1),transform .8s cubic-bezier(.22,.61,.36,1)}.reveal-fast.in-view{opacity:1;transform:none}
.feature-card,.industry-card,.service-card,.compliance-card,.testimonial-card,.stat-item{will-change:transform}.feature-card:hover,.service-card:hover,.industry-card:hover,.testimonial-card:hover{transform:translateY(-14px) scale(1.01) !important}
.badges-grid{perspective:1200px}.badge{transform-style:preserve-3d}.badge:hover{transform:translateY(-6px) rotateY(10deg) scale(1.04)}
.stat-item::after{content:"";position:absolute;inset:-1px;border-radius:inherit;background:linear-gradient(120deg,transparent 20%,rgba(255,255,255,.06) 50%,transparent 80%);background-size:220% 100%;opacity:0;transition:opacity .3s}.stat-item:hover::after{opacity:1;animation:sweep 1.1s ease}
footer{position:relative}footer::after{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,transparent,#2de1fc,#8b5cf6,transparent);background-size:200% 100%;animation:footerFlow 8s linear infinite}
@keyframes heroAtmosphere{from{transform:translate3d(-1%,0,0) scale(1)}to{transform:translate3d(1.5%,2%,0) scale(1.04)}}
@keyframes orbFloatA{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(60px,-35px,0)}}@keyframes orbFloatB{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(-55px,45px,0)}}
@keyframes pingDot{0%{box-shadow:0 0 0 0 rgba(45,225,252,.65)}70%{box-shadow:0 0 0 10px rgba(45,225,252,0)}100%{box-shadow:0 0 0 0 rgba(45,225,252,0)}}
@keyframes titleSheen{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
@keyframes ringOrbit1{from{transform:rotate(0) scale(1)}to{transform:rotate(360deg) scale(1.01)}}@keyframes ringOrbit2{from{transform:rotate(360deg)}to{transform:rotate(0)}}@keyframes ringOrbit3{from{transform:rotate(0)}to{transform:rotate(360deg)}}
@keyframes floatCard{0%,100%{translate:0 0}50%{translate:0 -10px}}@keyframes dotTravelA{0%,100%{transform:translate(0,0)}50%{transform:translate(-90px,28px)}}@keyframes dotTravelB{0%,100%{transform:translate(0,0)}50%{transform:translate(70px,-20px)}}@keyframes dotTravelC{0%,100%{transform:translate(0,0)}50%{transform:translate(30px,-50px)}}
@keyframes scrollCue{0%,100%{opacity:.75;transform:translate(-50%,0)}50%{opacity:1;transform:translate(-50%,5px)}}@keyframes mouseWheel{0%{opacity:0;transform:translate(-50%,0)}20%{opacity:1}100%{opacity:0;transform:translate(-50%,11px)}}@keyframes sweep{from{background-position:220% 0}to{background-position:-20% 0}}@keyframes footerFlow{from{background-position:0% 0}to{background-position:200% 0}}
@media (max-width:1200px){.hero-v2-container{grid-template-columns:1fr 1fr;gap:1rem}.hero-v2 h1{font-size:clamp(3.2rem,5.8vw,5.2rem)}.hero-v2-visual{min-height:560px}.hero-floating-card{min-width:160px}.hf-card-1{left:0}.hf-card-3{left:-3px}.hf-card-2{right:-4px}.hf-card-4{right:4%}}
@media (max-width:1024px){.hero-v2-container{grid-template-columns:1fr;grid-template-areas:'copy' 'visual';text-align:center;padding-top:7.5rem}.hero-v2-copy{grid-area:copy}.hero-v2-visual{grid-area:visual;min-height:500px;margin-top:-.5rem}.hero-v2 .hero-text{margin-left:auto;margin-right:auto}.hero-v2-buttons{justify-content:center}.hero-trust-row{margin-left:auto;margin-right:auto;max-width:760px}.hero-v2 h1{font-size:clamp(3rem,8vw,5.6rem)}.hero-scroll-cue{display:none}}
@media (max-width:768px){.logo img{height:35px;max-width:160px}.hero-v2-container{padding:6.5rem 5vw 3.5rem}.hero-v2 h1{font-size:clamp(2.75rem,12vw,4.4rem);letter-spacing:-2.4px}.hero-v2 .hero-text{font-size:1rem;line-height:1.75}.hero-trust-row{grid-template-columns:1fr 1fr;gap:.65rem}.hero-mini-card{padding:.72rem}.hero-mini-card i{width:34px;height:34px}.hero-v2-buttons .btn{min-width:0;flex:1}.hero-v2-buttons{gap:.8rem}.hero-v2-visual{min-height:380px}.hero-visual-stage{width:112%;margin-left:-6%}.hero-floating-card{min-width:142px;padding:.65rem .7rem;border-radius:15px}.hero-floating-card strong{font-size:.94rem}.hero-floating-card span:not(.hf-icon){font-size:.62rem}.hf-icon{width:35px;height:35px}.hf-card-1{top:8%;left:4%}.hf-card-2{top:21%;right:1%}.hf-card-3{bottom:19%;left:0}.hf-card-4{bottom:3%;right:3%}}
@media (max-width:520px){.hero-v2-container{padding-top:6rem}.hero-v2-buttons{flex-direction:column}.hero-v2-buttons .btn{width:100%}.hero-trust-row{grid-template-columns:1fr}.hero-v2-visual{min-height:330px}.hero-visual-stage{width:120%;margin-left:-10%}.hero-floating-card{min-width:125px}.hf-card-1{left:2%;top:11%}.hf-card-2{right:-2%;top:24%}.hf-card-3{left:1%;bottom:16%}.hf-card-4{right:0;bottom:1%}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;scroll-behavior:auto !important;transition-duration:.01ms !important}.hero-v2 h1 span{animation:none}.hero-floating-card{animation:none}}

.hero-v2-container{transform:translate3d(0,var(--hero-shift,0),0)}

/* =========================================================
   LIGHT THEME + MOTION SYSTEM — HOME PAGE REVISION
   Keeps the hero identity, transitions the rest of the page
   into a brighter premium SaaS visual language.
   ========================================================= */
:root{
  --lite-bg:#f6faff;
  --lite-bg-2:#edf5ff;
  --lite-surface:rgba(255,255,255,.9);
  --lite-surface-2:#ffffff;
  --lite-text:#0d1b33;
  --lite-muted:#5c6f8c;
  --lite-line:rgba(47,104,175,.13);
  --lite-blue:#2563eb;
  --lite-cyan:#0891b2;
  --lite-purple:#7c3aed;
  --lite-shadow:0 24px 70px rgba(20,63,120,.10);
}

body{background:var(--lite-bg);}

/* Give the page a continuous luminous atmosphere. */
.trust-section,.stats-section,.features-section,.industries-section,.services-section,.compliance-section,.testimonials-section,.cta-section{position:relative;isolation:isolate;}
.trust-section::after,.stats-section::after,.features-section::after,.industries-section::after,.services-section::after,.compliance-section::after,.testimonials-section::after,.cta-section::after{content:"";position:absolute;inset:0;z-index:-2;pointer-events:none;background:radial-gradient(circle at 15% 20%,rgba(45,225,252,.10),transparent 27%),radial-gradient(circle at 85% 80%,rgba(124,58,237,.08),transparent 30%);animation:liteAtmosphere 18s ease-in-out infinite alternate;}

.trust-section{background:linear-gradient(180deg,#eef8ff 0%,#f8fbff 100%);border-top:1px solid rgba(37,99,235,.10);border-bottom:1px solid rgba(37,99,235,.08);padding-top:4.5rem;padding-bottom:4.5rem;}
.trust-section::before{content:"";position:absolute;left:-8%;top:18%;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(45,225,252,.15),transparent 70%);filter:blur(8px);animation:floatLiteBlob 11s ease-in-out infinite;z-index:-1;pointer-events:none}
.trust-title,.stats-section .stat-label,.section-subtitle,.feature-text,.industry-name,.service-text,.service-list li,.compliance-text,.testimonial-text,.cta-text{color:var(--lite-muted)!important;}
.badges-grid{gap:1.5rem 2.5rem;}
.badge{padding:1.25rem 1.8rem;min-width:150px;border:1px solid var(--lite-line);border-radius:18px;background:rgba(255,255,255,.76);box-shadow:0 12px 34px rgba(35,90,155,.07);backdrop-filter:blur(12px);transform:translateY(14px);opacity:0;animation:sectionCardIn .8s cubic-bezier(.2,.75,.25,1) forwards;}
.badge:nth-child(1){animation-delay:.05s}.badge:nth-child(2){animation-delay:.12s}.badge:nth-child(3){animation-delay:.19s}.badge:nth-child(4){animation-delay:.26s}.badge:nth-child(5){animation-delay:.33s}
.badge-label,.stat-label,.section-title,.feature-title,.industry-name,.service-title,.compliance-title,.author-info strong{color:var(--lite-text)!important;}
.badge-sublabel{color:#7285a0!important;}
.badge i{filter:drop-shadow(0 8px 16px rgba(37,99,235,.15));}
.badge:hover{background:#fff;box-shadow:0 18px 40px rgba(25,90,165,.14);border-color:rgba(37,99,235,.22);}

.stats-section{background:linear-gradient(180deg,#f9fcff 0%,#eff7ff 100%);padding-top:6.5rem;padding-bottom:6.5rem;}
.stats-section::before{content:"";position:absolute;width:520px;height:520px;right:-180px;top:-180px;border-radius:50%;background:radial-gradient(circle,rgba(59,130,246,.14),transparent 72%);animation:driftRound 18s ease-in-out infinite;z-index:-1;pointer-events:none;}
.stats-container{gap:1.25rem;}
.stat-item{padding:2.35rem 1.4rem;background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(242,248,255,.92));border:1px solid rgba(37,99,235,.10);box-shadow:var(--lite-shadow);border-radius:24px;overflow:hidden;transform:translateY(35px);opacity:0;transition:transform .45s cubic-bezier(.2,.7,.2,1),box-shadow .45s ease,border-color .45s ease;}
.stat-item.motion-in{opacity:1;transform:translateY(0);}
.stat-item:hover{transform:translateY(-12px)!important;box-shadow:0 30px 75px rgba(29,78,216,.14);border-color:rgba(37,99,235,.24);}
.stat-number{font-size:3.5rem;background:linear-gradient(135deg,#0ea5e9 0%,#2563eb 55%,#7c3aed 100%)!important;-webkit-background-clip:text!important;background-clip:text!important;}
.stat-item::before{opacity:.05!important}
.stat-item::after{opacity:.0;}
.stat-item:hover::after{opacity:1;}

.section{padding-top:8.5rem;padding-bottom:8.5rem;}
.section-header{margin-bottom:4.25rem;}
.section-title{background:linear-gradient(100deg,#0f2042 0%,#2563eb 52%,#7c3aed 100%)!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;}
.section-header .section-title{position:relative;display:inline-block;}
.section-header .section-title::after{content:"";display:block;width:84px;height:4px;border-radius:99px;margin:1rem auto 0;background:linear-gradient(90deg,#2de1fc,#6366f1,#8b5cf6);background-size:200% 100%;animation:lineFlow 4s linear infinite;}

.features-section{background:linear-gradient(180deg,#f4f9ff 0%,#ffffff 100%);}
.features-section::before{content:"";position:absolute;left:6%;top:12%;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(45,225,252,.12),transparent 68%);filter:blur(4px);animation:floatLiteBlob 13s ease-in-out infinite alternate;}
.features-grid,.industries-grid,.services-grid,.compliance-grid,.testimonials-grid{position:relative;z-index:1;}
.feature-card{background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(240,247,255,.92));border:1px solid rgba(37,99,235,.10);border-radius:24px;box-shadow:0 18px 55px rgba(20,71,126,.08);backdrop-filter:blur(16px);padding:2.7rem;}
.feature-card::after{background:linear-gradient(120deg,#2de1fc,#6366f1)!important;opacity:.0;}
.feature-card:hover{box-shadow:0 30px 85px rgba(37,99,235,.16)!important;border-color:rgba(37,99,235,.22)!important;}
.feature-icon{box-shadow:0 14px 30px rgba(37,99,235,.18);}

.industries-section{background:linear-gradient(180deg,#ffffff 0%,#eef7ff 100%);}
.industry-card{background:rgba(255,255,255,.86);border:1px solid rgba(37,99,235,.10);box-shadow:0 16px 42px rgba(24,73,128,.07);border-left:5px solid #2de1fc;border-radius:18px;backdrop-filter:blur(12px);}
.industry-card:hover{background:#fff!important;box-shadow:0 22px 55px rgba(37,99,235,.13)!important;}

.services-section{background:linear-gradient(180deg,#eef7ff 0%,#f9fbff 100%);}
.service-card{background:linear-gradient(145deg,#fff 0%,#f3f8ff 100%);border:1px solid rgba(37,99,235,.11);box-shadow:0 20px 60px rgba(17,61,112,.09);border-radius:24px;}
.service-card:hover{box-shadow:0 30px 85px rgba(37,99,235,.15)!important;}
.service-list li{border-bottom:1px dashed rgba(74,119,169,.12);}
.service-list li:last-child{border-bottom:none;}
.service-list li:hover{color:#2563eb!important;}
.service-list li::before{filter:drop-shadow(0 3px 7px rgba(45,225,252,.28));}

.compliance-section{background:linear-gradient(180deg,#f8fbff 0%,#eaf4ff 100%);}
.compliance-card{background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(241,247,255,.92));border:1px solid rgba(37,99,235,.11);box-shadow:0 20px 55px rgba(20,67,120,.08);border-radius:22px;}
.compliance-card:hover{box-shadow:0 28px 70px rgba(37,99,235,.15)!important;}

.testimonials-section{background:linear-gradient(180deg,#edf6ff 0%,#fff 100%);}
.testimonial-card{background:rgba(255,255,255,.94);border:1px solid rgba(37,99,235,.10);box-shadow:0 20px 60px rgba(30,70,120,.08);border-radius:24px;}
.testimonial-card:hover{background:#fff!important;box-shadow:0 30px 80px rgba(37,99,235,.15)!important;}
.testimonial-card::before{color:#2563eb;opacity:.10;}

.cta-section{background:linear-gradient(135deg,#eaf8ff 0%,#edf0ff 52%,#f8efff 100%);padding-top:8rem;padding-bottom:8rem;}
.cta-section::before{background:radial-gradient(circle at 26% 45%,rgba(45,225,252,.19),transparent 45%),radial-gradient(circle at 76% 55%,rgba(124,58,237,.13),transparent 45%);}
.cta-section .cta-title{background:linear-gradient(100deg,#0d2042 0%,#2563eb 52%,#7c3aed 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;}
.cta-section .cta-text{color:#516783!important;}

/* All main content cards get staged entrances and a soft spotlight that follows the pointer. */
.feature-card,.industry-card,.service-card,.compliance-card,.testimonial-card{overflow:hidden;isolation:isolate;}
.feature-card::marker,.industry-card::marker,.service-card::marker{display:none;}
.feature-card::before,.service-card::before,.testimonial-card::before{z-index:-1;}
.feature-card,.service-card,.compliance-card,.testimonial-card{--mx:50%;--my:50%;}
.feature-card::after,.service-card::after,.compliance-card::after,.testimonial-card::after{content:"";position:absolute;left:calc(var(--mx) - 120px);top:calc(var(--my) - 120px);width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,rgba(45,225,252,.12),transparent 68%);opacity:0;transition:opacity .35s ease;pointer-events:none;z-index:-1;}
.feature-card:hover::after,.service-card:hover::after,.compliance-card:hover::after,.testimonial-card:hover::after{opacity:1;}

.reveal{opacity:0!important;transform:translateY(45px) scale(.985)!important;filter:blur(2px);transition:opacity .9s cubic-bezier(.22,.61,.36,1),transform .9s cubic-bezier(.22,.61,.36,1),filter .9s ease!important;}
.reveal.active{opacity:1!important;transform:none!important;filter:none!important;}

/* Scroll-sequenced stagger without editing each HTML node. */
.features-grid .feature-card:nth-child(1){transition-delay:.03s!important}.features-grid .feature-card:nth-child(2){transition-delay:.12s!important}.features-grid .feature-card:nth-child(3){transition-delay:.21s!important}.features-grid .feature-card:nth-child(4){transition-delay:.30s!important}.features-grid .feature-card:nth-child(5){transition-delay:.39s!important}.features-grid .feature-card:nth-child(6){transition-delay:.48s!important}
.services-grid .service-card:nth-child(1){transition-delay:.03s!important}.services-grid .service-card:nth-child(2){transition-delay:.12s!important}.services-grid .service-card:nth-child(3){transition-delay:.21s!important}.services-grid .service-card:nth-child(4){transition-delay:.30s!important}.services-grid .service-card:nth-child(5){transition-delay:.39s!important}.services-grid .service-card:nth-child(6){transition-delay:.48s!important}

/* Animated light ribbons between sections. */
.trust-section::after,.features-section::after,.industries-section::after,.services-section::after,.compliance-section::after,.testimonials-section::after{background-size:160% 160%;}

/* Make the transition from dark hero into light theme intentional. */
.hero-v2{box-shadow:0 30px 90px rgba(13,45,82,.16);}
.hero-v2 + .trust-section{margin-top:-1px;}

/* Header stays dark for brand contrast while gaining a subtle light-mode halo when scrolling. */
header.scrolled{background:rgba(10,22,48,.92)!important;box-shadow:0 10px 35px rgba(12,39,77,.18)!important;}

/* Footer remains the dark brand anchor. */
footer{background:linear-gradient(180deg,#07111f 0%,#0b1630 100%)!important;}
footer .footer-brand p,footer .footer-section a,footer .footer-section h4,footer .footer-bottom{color:#c4d3e7!important;}
footer .footer-section a:hover{color:#55ecff!important;}

/* Page-wide motion accents. */
.home-motion-beam{position:fixed;inset:0;pointer-events:none;z-index:20;overflow:hidden;mix-blend-mode:screen;opacity:.23;}
.home-motion-beam::before{content:"";position:absolute;left:-18%;top:35%;width:38vw;height:2px;background:linear-gradient(90deg,transparent,#2de1fc,#8b5cf6,transparent);filter:blur(.2px);transform:rotate(-13deg);animation:beamSweep 14s linear infinite;}

@keyframes liteAtmosphere{0%{background-position:0% 0%;transform:scale(1)}100%{background-position:100% 100%;transform:scale(1.035)}}
@keyframes floatLiteBlob{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(35px,-18px,0) scale(1.06)}}
@keyframes driftRound{0%,100%{transform:translate3d(0,0,0) rotate(0)}50%{transform:translate3d(-35px,28px,0) rotate(180deg)}}
@keyframes sectionCardIn{to{opacity:1;transform:translateY(0)}}
@keyframes lineFlow{from{background-position:0% 0}to{background-position:200% 0}}
@keyframes beamSweep{0%{left:-38%;opacity:0}15%{opacity:1}80%{opacity:.8}100%{left:120%;opacity:0}}

@media (max-width:1024px){
  .section{padding-top:6.8rem;padding-bottom:6.8rem}
  .stats-section{padding-top:5.5rem;padding-bottom:5.5rem}
}
@media (max-width:768px){
  .trust-section,.stats-section,.section,.cta-section{padding-top:5.5rem;padding-bottom:5.5rem}
  .badge{min-width:132px;padding:1rem 1.2rem}
  .stat-number{font-size:2.6rem}
  .feature-card,.service-card,.compliance-card,.testimonial-card{border-radius:20px}
  .home-motion-beam{opacity:.12}
}
@media (max-width:520px){
  .badges-grid{gap:.7rem}
  .badge{min-width:118px;padding:.8rem .9rem}
  .stat-item{padding:1.8rem 1rem}
}

@media (prefers-reduced-motion:reduce){
  .trust-section::before,.stats-section::before,.home-motion-beam::before,.section-header .section-title::after,.badge{animation:none!important}
}
