/* ACS Consultancy & Technology — Tech Wave Premium Upgrade */
:root{
  --acs-midnight:#03122f;
  --acs-navy:#06183d;
  --acs-blue:#145bd7;
  --acs-electric:#2388ff;
  --acs-cyan:#18c8ff;
  --acs-violet:#7c3cff;
  --acs-indigo:#4f46e5;
  --acs-ice:#eef8ff;
  --acs-glow:0 0 42px rgba(24,200,255,.18);
  --grad:linear-gradient(135deg,var(--acs-violet) 0%,var(--acs-blue) 52%,var(--acs-cyan) 100%);
  --grad2:linear-gradient(110deg,#9a6cff 0%,#4c55ff 48%,#18c8ff 100%);
}

html{background:#fff}
body{background:linear-gradient(180deg,#fff 0%,#f9fbff 45%,#fff 100%)}
::selection{background:rgba(35,136,255,.2);color:#05152f}

/* Brand shell */
.announcement-bar{background:linear-gradient(90deg,#020b20,#06183d 48%,#08255a);border-bottom:1px solid rgba(96,169,255,.12)}
.announcement-inner{min-height:42px}
.live-dot{background:#28e0c0;box-shadow:0 0 0 5px rgba(40,224,192,.1),0 0 22px rgba(40,224,192,.45)}
.site-header{background:rgba(255,255,255,.88);backdrop-filter:blur(22px) saturate(140%);border-bottom:1px solid rgba(173,195,230,.38)}
.site-header.scrolled{box-shadow:0 16px 50px rgba(4,22,57,.1);background:rgba(255,255,255,.94)}
.brand-symbol{background:linear-gradient(145deg,#6f3df0 0%,#215de6 55%,#14c5ff 100%);box-shadow:0 14px 34px rgba(33,93,230,.28),inset 0 1px 0 rgba(255,255,255,.22)}
.brand-symbol:before{content:"";position:absolute;inset:1px;border-radius:15px;border:1px solid rgba(255,255,255,.18)}
.brand-text strong em{background:linear-gradient(90deg,#5e43dc,#158ee8);-webkit-background-clip:text;background-clip:text;color:transparent}
.nav-link:hover,.nav-link.active{background:linear-gradient(135deg,#f1efff,#eef9ff);color:#4532b9}
.button.primary{background:linear-gradient(110deg,#6f3df0,#275fdc 56%,#14bce8);box-shadow:0 15px 34px rgba(41,91,216,.28);position:relative;overflow:hidden}
.button.primary:after{content:"";position:absolute;inset:-60% auto -60% -40%;width:35%;transform:rotate(18deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.38),transparent);transition:.55s}
.button.primary:hover:after{left:120%}
.button.white{box-shadow:0 13px 34px rgba(2,18,47,.18)}
.icon-nav-btn{transition:.2s;border-color:#dce7f7!important}
.icon-nav-btn:hover{color:#185fd9!important;border-color:#aac8f6!important;background:#f2f8ff!important;transform:translateY(-1px)}

/* Moving technology wave system */
.wave-host{position:relative;overflow:hidden;isolation:isolate}
.wave-host>.shell,.wave-host>.page-title{position:relative;z-index:3}
.tech-wave-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none;opacity:.7;mix-blend-mode:screen}
.wave-host:after{content:"";position:absolute;z-index:2;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(2,12,34,.68) 0%,rgba(3,19,51,.32) 46%,rgba(8,35,79,.05) 100%)}
.hero-premium.wave-host:after{background:linear-gradient(90deg,rgba(1,10,29,.88) 0%,rgba(3,18,47,.68) 43%,rgba(8,34,76,.24) 70%,rgba(3,14,38,.38) 100%)}
.page-hero.wave-host:after{background:linear-gradient(90deg,rgba(2,11,31,.87),rgba(4,24,60,.62) 55%,rgba(4,29,70,.2))}
.smart-suite.wave-host:after{background:linear-gradient(90deg,rgba(2,12,33,.77),rgba(4,25,62,.54),rgba(4,33,76,.38))}
.final-cta.wave-host:after{background:linear-gradient(90deg,rgba(58,22,151,.46),rgba(18,57,178,.35),rgba(0,122,188,.25))}

/* Hero */
.hero-premium{
  min-height:720px;
  background:
    linear-gradient(90deg,rgba(2,11,30,.82),rgba(4,20,51,.48) 52%,rgba(5,29,68,.25)),
    url('../images/acs-tech-wave.webp') center 63%/cover no-repeat,
    #041431;
  border-bottom:1px solid rgba(74,148,255,.18)
}
.hero-premium:before{z-index:0;background-image:linear-gradient(rgba(104,170,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(104,170,255,.035) 1px,transparent 1px);background-size:52px 52px;animation:gridDrift 20s linear infinite;mask-image:linear-gradient(to bottom,#000 0%,rgba(0,0,0,.8) 55%,transparent 96%)}
@keyframes gridDrift{to{background-position:52px 26px}}
.hero-grid{z-index:4;grid-template-columns:minmax(0,1.1fr) 430px;padding:96px 0 104px;gap:78px}
.hero-copy{position:relative}
.hero-copy:before{content:"";position:absolute;width:320px;height:320px;left:-160px;top:-90px;background:radial-gradient(circle,rgba(117,60,255,.24),transparent 68%);filter:blur(8px);z-index:-1}
.hero-badge{background:rgba(9,43,91,.48);border-color:rgba(97,180,255,.25);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 10px 35px rgba(0,0,0,.12)}
.hero-copy h1{font-size:clamp(55px,6.3vw,82px);text-shadow:0 10px 46px rgba(0,0,0,.22)}
.hero-copy h1 span{background:linear-gradient(92deg,#d5c1ff 0%,#76aaff 43%,#3de4ff 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 18px rgba(43,188,255,.12))}
.hero-copy>p{color:#d7e6fa;max-width:730px}
.hero-proof span{color:#d5e2f5}
.hero-proof span:before{background:rgba(24,200,255,.13);color:#78edff;box-shadow:0 0 15px rgba(24,200,255,.12)}
.hero-glow{z-index:1;filter:blur(12px)}
.glow-one{background:rgba(37,104,255,.2);animation:floatGlow 8s ease-in-out infinite alternate}
.glow-two{background:rgba(124,60,255,.16);animation:floatGlow 10s ease-in-out infinite alternate-reverse}
@keyframes floatGlow{to{transform:translate3d(20px,-18px,0) scale(1.08)}}
.consult-card{background:linear-gradient(160deg,rgba(255,255,255,.97),rgba(247,251,255,.93));border:1px solid rgba(168,211,255,.55);box-shadow:0 40px 100px rgba(0,8,33,.35),0 0 0 1px rgba(255,255,255,.35),0 0 80px rgba(32,130,255,.1);backdrop-filter:blur(22px)}
.consult-card:before{height:4px;left:24px;right:24px;background:linear-gradient(90deg,#7d3eff,#2776ff,#25d8ff);box-shadow:0 0 22px rgba(37,216,255,.35)}
.consult-badge{background:linear-gradient(135deg,#eaf0ff,#e8fbff);color:#176ebf;border:1px solid #cfe9ff}
.premium-form input,.premium-form select,.premium-form textarea{background:rgba(248,251,255,.88);border-color:#d9e6f7}
.premium-form input:focus,.premium-form select:focus,.premium-form textarea:focus{border-color:#58a8ff!important;box-shadow:0 0 0 4px rgba(71,145,255,.12)!important;background:#fff}
.consult-trust span:before{color:#16a9e7}

/* Premium metric ribbon */
.trust-ribbon{margin-top:-33px;z-index:8}
.trust-ribbon-inner{min-height:104px;border-color:rgba(169,201,243,.55);background:rgba(255,255,255,.93);backdrop-filter:blur(18px);box-shadow:0 24px 70px rgba(18,55,112,.14),0 0 0 1px rgba(255,255,255,.45)}
.metric strong{background:linear-gradient(90deg,#6e3ee8,#2673df 55%,#13aeda);-webkit-background-clip:text;background-clip:text;color:transparent}

/* Sections and cards */
.section.soft{background:radial-gradient(circle at 92% 8%,rgba(35,136,255,.05),transparent 24%),linear-gradient(180deg,#f5f9ff 0%,#fff 100%)}
.section-head h2,.split-copy h2,.page-title h1{color:#0b1732}
.section-kicker{color:#5a42d0}
.division-grid,.product-grid,.case-grid,.testimonial-grid{position:relative}
.division-card,.product-card,.service-card,.simple-card,.utility-card,.article-card,.portfolio-card,.form-card,.sidebar-card,.tool-card,.contact-card{
  border-color:#dfeaf8!important;
  box-shadow:0 12px 36px rgba(27,65,121,.055);
}
.division-card,.product-card,.service-card,.simple-card,.case-card,.testimonial{position:relative;overflow:hidden}
.division-card:before,.product-card:before,.service-card:before,.simple-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,#7a3ff2,#2584f2,#27d9ff);opacity:0;transition:.22s}
.division-card:hover:before,.product-card:hover:before,.service-card:hover:before,.simple-card:hover:before{opacity:1}
.division-card:hover,.product-card:hover,.service-card:hover,.simple-card:hover{transform:translateY(-5px);border-color:#bed8f7!important;box-shadow:0 24px 60px rgba(22,75,148,.12),0 0 35px rgba(29,170,255,.045)}
.card-code,.product-icon,.service-mark{background:linear-gradient(135deg,#efeaff,#e9f7ff)!important;color:#5541cb!important;border:1px solid #dcdcff}
.card-arrow{background:#f1f7ff;color:#176ed5}
.division-card:hover .card-arrow{background:linear-gradient(135deg,#653ce5,#147cd9);color:#fff;box-shadow:0 8px 20px rgba(33,103,220,.25)}

/* Tech sections */
.smart-suite{
  background:
    linear-gradient(90deg,rgba(2,12,34,.88),rgba(6,30,70,.73)),
    url('../images/acs-tech-wave.webp') center 70%/cover no-repeat,
    #041431;
  border-top:1px solid rgba(47,134,255,.18);border-bottom:1px solid rgba(47,134,255,.18)
}
.smart-suite>.shell{position:relative;z-index:3}
.smart-card{background:linear-gradient(160deg,rgba(12,37,82,.72),rgba(10,28,62,.72));border-color:rgba(101,177,255,.18)!important;backdrop-filter:blur(12px);box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.smart-card:hover{background:linear-gradient(155deg,rgba(29,67,135,.78),rgba(20,46,100,.78));border-color:rgba(83,194,255,.38)!important;box-shadow:0 18px 50px rgba(0,0,0,.2),0 0 28px rgba(28,167,255,.08)}
.smart-card>span{color:#68e4ff!important}
.smart-card b{color:#78dfff!important}
.dashboard-mock{border-color:#1f5ca1;box-shadow:0 30px 80px rgba(8,36,89,.18),0 0 55px rgba(29,142,255,.08)}
.dash-top{background:linear-gradient(100deg,#06152e,#0a2853)}
.dash-logo{background:linear-gradient(135deg,#743fe7,#1689e9)!important}
.chart-bars i{background:linear-gradient(180deg,#5d55ec,#17bdf1)!important}

/* Page heroes inherit ACS wave identity */
.page-hero{
  background:
    linear-gradient(90deg,rgba(2,11,31,.9),rgba(4,27,68,.6)),
    url('../images/acs-tech-wave.webp') center 62%/cover no-repeat,
    #03132f;
  padding:82px 0 80px;border-bottom:1px solid rgba(60,144,255,.2)
}
.page-hero:before{background-image:linear-gradient(rgba(93,162,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(93,162,255,.035) 1px,transparent 1px);background-size:46px 46px;animation:gridDrift 20s linear infinite}
.page-title h1{color:#fff;text-shadow:0 8px 34px rgba(0,0,0,.18)}
.page-title p{color:#d2e2f8}
.breadcrumb{color:#a9c8f6}
.breadcrumb a{color:#e7f3ff}
.group-stat-panel{background:rgba(6,31,70,.55);border-color:rgba(86,166,255,.22);backdrop-filter:blur(14px);box-shadow:0 20px 50px rgba(0,0,0,.15)}

/* CTA / Footer */
.final-cta{
  background:
    linear-gradient(105deg,rgba(95,42,201,.87),rgba(32,78,205,.82) 55%,rgba(0,146,204,.8)),
    url('../images/acs-tech-wave.webp') center 64%/cover no-repeat;
}
.final-cta:before{background:linear-gradient(90deg,rgba(255,255,255,.03),transparent 46%),radial-gradient(circle at 82% 18%,rgba(83,220,255,.25),transparent 27%)}
.site-footer{background:radial-gradient(circle at 85% 10%,rgba(18,103,212,.12),transparent 23%),linear-gradient(145deg,#020b20,#05142f 58%,#071b3e)}
.footer-badges span{background:rgba(19,55,105,.35);border-color:rgba(96,161,241,.18)}
.official-portals{border-color:rgba(90,139,204,.18)!important}
.float-action.phone{background:linear-gradient(135deg,#6338e2,#167dd9);box-shadow:0 13px 30px rgba(39,99,214,.32)}
.float-action.whatsapp{box-shadow:0 13px 30px rgba(20,166,101,.28)}

/* Premium decorative accents */
.section-head:has(.section-kicker)::before{content:"";display:block;width:46px;height:3px;border-radius:99px;background:linear-gradient(90deg,#7840ed,#16b8e9);position:absolute;transform:translateY(-18px);opacity:.75}
.section-head{position:relative}
.case-visual,.portfolio-art{background:linear-gradient(145deg,#04142f,#0b2f66 58%,#145bb5)!important}
.case-ui-hero i,.portfolio-browser i{background:linear-gradient(135deg,#713fea,#2f74ef 55%,#22c8ee)!important}
.ngo-tags a{background:linear-gradient(135deg,#f6f3ff,#effaff);border-color:#dce9fb!important;color:#4c3cbd!important}
.checklist-panel{border-color:#d4e6fb!important;background:linear-gradient(160deg,#fff,#f4f9ff)!important;box-shadow:0 20px 60px rgba(27,75,139,.08)}
.feature-line i{background:linear-gradient(135deg,#6d3ee7,#2183e7)!important;color:#fff!important}
.process-num{color:#2a75dc!important}
.faq-item.open{border-color:#c8ddf8!important;box-shadow:0 10px 34px rgba(39,99,180,.07)}

/* Better focus + accessibility */
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(34,166,255,.38);outline-offset:3px}

@media(max-width:920px){
  .hero-premium{background-position:64% 70%}
  .hero-grid{gap:46px}
  .tech-wave-canvas{opacity:.55}
}
@media(max-width:680px){
  .hero-premium{background-position:67% 72%;min-height:auto}
  .hero-grid{padding:62px 0 70px}
  .hero-copy h1{font-size:45px}
  .hero-copy>p{color:#e2ecfa}
  .consult-card{background:rgba(255,255,255,.97)}
  .trust-ribbon{margin-top:-20px}
  .page-hero{background-position:68% 68%;padding:62px 0 58px}
  .tech-wave-canvas{opacity:.42}
  .section-head:has(.section-kicker)::before{display:none}
}
@media(prefers-reduced-motion:reduce){
  .hero-premium:before,.page-hero:before,.glow-one,.glow-two{animation:none!important}
  .button,.division-card,.product-card,.service-card,.simple-card{transition:none!important}
  .tech-wave-canvas{display:none!important}
}

/* Dark-mode compatibility fix */
body.dark-theme{background:#071126;color:#e9f1ff}
body.dark-theme .site-header{background:rgba(4,14,34,.92);border-bottom-color:rgba(87,145,226,.22)}
body.dark-theme .brand-text strong{color:#fff}
body.dark-theme .nav-link,body.dark-theme .login-link{color:#cad8eb}
body.dark-theme .nav-link:hover,body.dark-theme .nav-link.active{background:rgba(38,84,151,.22);color:#fff}
body.dark-theme .section:not(.smart-suite):not(.dark){background:#08142a}
body.dark-theme .section.soft{background:linear-gradient(180deg,#09172f,#071126)}
body.dark-theme .section-head h2,body.dark-theme .split-copy h2{color:#eef6ff}
body.dark-theme .section-head p,body.dark-theme .split-copy p{color:#9fb1ca}
body.dark-theme .division-card,body.dark-theme .product-card,body.dark-theme .service-card,body.dark-theme .simple-card,body.dark-theme .utility-card,body.dark-theme .article-card,body.dark-theme .portfolio-card,body.dark-theme .form-card,body.dark-theme .sidebar-card,body.dark-theme .tool-card,body.dark-theme .contact-card,body.dark-theme .testimonial,body.dark-theme .faq-item{background:#0c1b34;border-color:#1c385e!important;color:#eef6ff}
body.dark-theme .division-card p,body.dark-theme .product-card p,body.dark-theme .service-card p,body.dark-theme .simple-card p,body.dark-theme .article-card p,body.dark-theme .testimonial blockquote,body.dark-theme .faq-answer{color:#a5b7ce}
body.dark-theme .premium-form input,body.dark-theme .premium-form select,body.dark-theme .premium-form textarea{background:#091a35;border-color:#24466f;color:#f1f7ff}
body.dark-theme .consult-card{background:linear-gradient(160deg,rgba(10,28,57,.96),rgba(7,22,48,.96));color:#f2f7ff;border-color:rgba(73,144,231,.28)}
body.dark-theme .consult-card p,body.dark-theme .premium-form label{color:#a9bad0}
body.dark-theme .trust-ribbon-inner{background:rgba(8,24,50,.94);border-color:#1e3e66}
body.dark-theme .trust-intro strong{color:#fff}
body.dark-theme .site-footer{background:#010817}