/*
 * ACS Consultancy & Technology — ACS Group palette layer
 * Reference family palette:
 * Deep Navy #06172F | Royal Navy #0E3A79 | Gold #F7D56B → #C88A15
 * Accent Green #36B37E | Purple #7C5CFF | Cyan #2CB6E9 | Amber #F2B632
 */
:root{
  --ink:#10213b;
  --muted:#627188;
  --soft:#f7f9fc;
  --soft2:#eef3f8;
  --line:#dce4ee;
  --navy:#06172f;
  --navy2:#0e3a79;
  --violet:#7c5cff;
  --violet2:#9179ff;
  --blue:#0e3a79;
  --sky:#2cb6e9;
  --cyan:#2cb6e9;
  --green:#36b37e;
  --gold:#f2b632;
  --gold-light:#f7d56b;
  --gold-deep:#c88a15;
  --white:#fff;
  --grad:linear-gradient(135deg,#f7d56b 0%,#e9b83e 48%,#c88a15 100%);
  --grad2:linear-gradient(115deg,#0e3a79 0%,#0b4c8f 52%,#2cb6e9 100%);
  --group-tech:linear-gradient(115deg,#f7d56b 0%,#2cb6e9 48%,#7c5cff 77%,#36b37e 100%);
  --shadow:0 25px 75px rgba(6,23,47,.13);
  --shadow-sm:0 12px 35px rgba(14,58,121,.09)
}

/* Global brand rhythm */
body{color:var(--ink);background:#fff}
::selection{background:#f7d56b;color:#06172f}
.announcement-bar{background:linear-gradient(90deg,#06172f,#0e3a79 58%,#0a2f64);color:#e9f2ff;border-bottom:1px solid rgba(247,213,107,.22)}
.live-dot{background:#36b37e;box-shadow:0 0 0 5px rgba(54,179,126,.1)}
.announcement-links>span{background:#d4a73c}
.site-header{background:rgba(255,255,255,.94);border-bottom-color:rgba(14,58,121,.1)}
.site-header.scrolled{box-shadow:0 12px 42px rgba(6,23,47,.09)}
.nav-link{color:#34465e}
.nav-link:hover,.nav-link.active{background:#f7f4ea;color:#0e3a79}
.nav-link.active{box-shadow:inset 0 -2px 0 #d9a022}
.icon-nav-btn{border-color:#d9e2ec;color:#0e3a79}
.icon-nav-btn:hover{background:#fff9e9;color:#a97210;border-color:#ecd79d}
.login-link{color:#465a72}.login-dot{color:#d99e1c}

/* Brand logo sizing */
.brand.brand-image{min-width:250px;max-width:280px;height:60px}
.brand.brand-image img{width:100%;height:100%;object-fit:contain;object-position:left center}
.footer-brand.brand-image{max-width:320px;height:76px}

/* Menus */
.mega-menu,.resource-menu,.software-menu{border-color:#dce4ee;box-shadow:0 32px 90px rgba(6,23,47,.16)}
.mega-intro{background:linear-gradient(145deg,#06172f,#0e3a79);border:1px solid rgba(247,213,107,.22)}
.mega-intro:after{background:radial-gradient(circle,rgba(247,213,107,.22),rgba(44,182,233,.08) 56%,transparent 70%)}
.mini-kicker{color:#f7d56b}.mini-cta{color:#f7d56b}
.mega-service:hover,.resource-menu a:hover,.software-menu a:hover{background:#f8f6ef}
.mega-bottom a:hover{color:#a66d0d}
.service-icon.violet{background:#f0edff;color:#6e52df}.service-icon.blue{background:#eaf2fb;color:#0e3a79}.service-icon.cyan,.service-icon.sky{background:#eaf9fd;color:#1685ad}.service-icon.indigo{background:#fff7df;color:#a56d0d}
.software-menu .acs-icon{color:#0e3a79}.software-menu a:hover .acs-icon{color:#c88a15}

/* Buttons */
.button.primary,.demo-primary{background:var(--grad);color:#06172f;box-shadow:0 13px 32px rgba(200,138,21,.25);border:1px solid rgba(255,245,190,.72)}
.button.primary:hover,.demo-primary:hover{box-shadow:0 18px 38px rgba(200,138,21,.34);filter:saturate(1.04) brightness(1.02)}
.button.dark{background:linear-gradient(135deg,#06172f,#0e3a79);color:#fff;box-shadow:0 12px 28px rgba(6,23,47,.2)}
.button.soft{background:#fff7df;color:#8b5c0a;border:1px solid #f0dda5}
.button.ghost{border-color:rgba(247,213,107,.38);background:rgba(6,23,47,.28)}
.button.ghost:hover{background:rgba(247,213,107,.11);border-color:rgba(247,213,107,.62)}
.button.glass{border-color:rgba(247,213,107,.3)}

/* Hero: technology motion with ACS Group blue/gold hierarchy */
.hero-premium,.v2-hero{
  background:
    radial-gradient(circle at 78% 20%,rgba(44,182,233,.15),transparent 28%),
    radial-gradient(circle at 16% 12%,rgba(247,213,107,.10),transparent 24%),
    radial-gradient(circle at 66% 78%,rgba(124,92,255,.08),transparent 25%),
    linear-gradient(135deg,#04101f 0%,#06172f 38%,#0e3a79 78%,#08284f 100%);
}
.hero-premium:before,.page-hero:before{background-image:linear-gradient(rgba(247,213,107,.026) 1px,transparent 1px),linear-gradient(90deg,rgba(44,182,233,.024) 1px,transparent 1px)}
.glow-one{background:rgba(247,213,107,.12)}.glow-two{background:rgba(44,182,233,.11)}
.hero-badge{color:#fff5d0;background:rgba(247,213,107,.07);border-color:rgba(247,213,107,.22)}
.hero-badge i{background:#36b37e;box-shadow:0 0 0 5px rgba(54,179,126,.09)}
.hero-copy h1 span,.v2-hero .hero-copy h1 span{background:linear-gradient(90deg,#f7d56b 0%,#fff2bd 35%,#66d7f3 68%,#b4a6ff 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-copy>p{color:#d7e3f0}
.hero-proof span{color:#dce6f2}.hero-proof span:before{background:rgba(54,179,126,.14);color:#69dbac}
.consult-card{border-color:rgba(247,213,107,.38);box-shadow:0 38px 110px rgba(0,8,24,.38),0 0 70px rgba(247,213,107,.055)}
.consult-card:before{background:linear-gradient(90deg,#f7d56b,#c88a15 55%,#2cb6e9)}
.consult-badge{background:#eef8f4;color:#207e5d;border-color:#cde9dd}
.premium-form input:focus,.premium-form select:focus,.premium-form textarea:focus{border-color:#d5a028!important;box-shadow:0 0 0 4px rgba(242,182,50,.12)!important}

/* Premium trust ribbon */
.trust-ribbon-inner{border-color:#e7d8ad;background:rgba(255,255,255,.95);box-shadow:0 25px 70px rgba(6,23,47,.11)}
.metric strong{background:linear-gradient(90deg,#0e3a79,#0e3a79 55%,#c88a15);-webkit-background-clip:text;background-clip:text;color:transparent}

/* Section typography and surfaces */
.section.soft{background:radial-gradient(circle at 94% 8%,rgba(247,213,107,.09),transparent 22%),linear-gradient(180deg,#f8fafc 0%,#fff 100%)}
.section-kicker{color:#a96f0d}.section-kicker.light{color:#f7d56b}
.section-head h2,.split-copy h2,.page-title h1{color:#06172f}
.section-head:has(.section-kicker)::before{background:linear-gradient(90deg,#f7d56b,#c88a15 55%,#2cb6e9)}

/* Cards: navy/gold family, coloured accents only as detail */
.division-card,.product-card,.service-card,.simple-card,.utility-card,.article-card,.portfolio-card,.form-card,.sidebar-card,.tool-card,.contact-card,.testimonial,.case-card{
  border-color:#dfe6ee!important;
  box-shadow:0 12px 38px rgba(6,23,47,.055)
}
.division-card:before,.product-card:before,.service-card:before,.simple-card:before{background:linear-gradient(180deg,#f7d56b,#c88a15 60%,#2cb6e9)}
.division-card:hover,.product-card:hover,.service-card:hover,.simple-card:hover{border-color:#e1c477!important;box-shadow:0 24px 60px rgba(6,23,47,.105),0 0 34px rgba(247,213,107,.08)}
.card-code,.product-icon,.service-mark,.division-icon{background:linear-gradient(135deg,#fff8e5,#eef7fb)!important;color:#0e3a79!important;border-color:#e9d79f!important}
.card-arrow{background:#fff7df;color:#9a650b}
.division-card:hover .card-arrow{background:var(--grad);color:#06172f;box-shadow:0 8px 20px rgba(200,138,21,.23)}
.division-card>.division-watermark{color:#0e3a79!important;opacity:.05}.division-card:nth-child(2n)>.division-watermark{color:#c88a15!important}.division-card:nth-child(3n)>.division-watermark{color:#2cb6e9!important}

/* Smart / dark technology sections */
.smart-suite{
  background:
    linear-gradient(90deg,rgba(3,13,28,.93),rgba(6,23,47,.84) 42%,rgba(14,58,121,.74)),
    url('../images/acs-tech-wave.webp') center 70%/cover no-repeat,
    #06172f;
  border-top:1px solid rgba(247,213,107,.17);border-bottom:1px solid rgba(44,182,233,.15)
}
.smart-card{background:linear-gradient(160deg,rgba(8,31,61,.78),rgba(6,23,47,.82));border-color:rgba(247,213,107,.14)!important}
.smart-card:hover{background:linear-gradient(155deg,rgba(14,58,121,.72),rgba(7,30,61,.9));border-color:rgba(247,213,107,.34)!important;box-shadow:0 18px 50px rgba(0,0,0,.22),0 0 28px rgba(247,213,107,.06)}
.smart-card>span{background:linear-gradient(135deg,#0e3a79,#2cb6e9)!important;color:#fff!important;border:1px solid rgba(247,213,107,.2)}
.smart-card b{color:#f7d56b!important}

/* Product demo cards and connected systems */
.product-demo-card{border-color:rgba(14,58,121,.15)!important}
.product-demo-card:hover{border-color:rgba(200,138,21,.45)!important;box-shadow:0 30px 70px rgba(6,23,47,.12),0 0 32px rgba(247,213,107,.08)}
.product-demo-icon,.integration-icon,.watermark-card .icon-wrap{background:linear-gradient(135deg,#fff7df,#edf7fb)!important;color:#0e3a79!important;border-color:#e9d79f!important}
.product-demo-card .demo-link,.integration-copy a{color:#9f6b0b!important}
.integration-core{border-color:rgba(247,213,107,.48)!important;box-shadow:0 0 0 8px rgba(247,213,107,.04),0 24px 70px rgba(6,23,47,.23)}
.integration-node{border-color:rgba(247,213,107,.18)!important;background:linear-gradient(145deg,rgba(10,38,75,.88),rgba(5,20,42,.92))!important}
.integration-node .acs-icon{color:#f7d56b!important}
.integration-line{background:linear-gradient(90deg,rgba(247,213,107,.15),rgba(44,182,233,.55),rgba(247,213,107,.15))!important}
.watermark-card>.acs-icon{color:#0e3a79!important}.watermark-card:nth-child(4n+2)>.acs-icon{color:#c88a15!important}.watermark-card:nth-child(4n+3)>.acs-icon{color:#36b37e!important}.watermark-card:nth-child(4n)>.acs-icon{color:#7c5cff!important}

/* Dashboard / software demo UI */
.dashboard-mock,.demo-app{background:linear-gradient(150deg,#04101f,#06172f 52%,#0e3a79);border-color:#244f82;box-shadow:0 35px 90px rgba(3,12,29,.26),0 0 50px rgba(247,213,107,.045)}
.dash-top,.demo-app-top{background:linear-gradient(100deg,#04101f,#0e3a79);border-bottom-color:rgba(247,213,107,.13)}
.dash-logo{background:var(--grad)!important;color:#06172f!important}
.demo-sidebar{background:#041326;border-color:rgba(247,213,107,.12)}
.demo-workspace{background:linear-gradient(155deg,#071b36,#051327)}
.demo-sidebar button.active,.demo-sidebar button:hover{background:linear-gradient(110deg,rgba(247,213,107,.16),rgba(44,182,233,.11));color:#fff;box-shadow:inset 2px 0 0 #e8b438}
.demo-kpi,.demo-panel,.demo-stage,.demo-lead{border-color:rgba(247,213,107,.10);background:#0a2345}
.demo-kpi .acs-icon{color:#f7d56b}.demo-kpi span{color:#65d6aa}
.demo-chart-area i{background:linear-gradient(180deg,#f7d56b,#c88a15)!important}.demo-chart-area i:nth-child(2n){background:linear-gradient(180deg,#2cb6e9,#0e3a79)!important}
.demo-device-controls button.active{background:linear-gradient(135deg,#f7d56b,#c88a15);color:#06172f}
.preview-site-nav b{color:#0e3a79}.preview-site-copy button{background:linear-gradient(120deg,#0e3a79,#2cb6e9)}
.preview-site-art{background:linear-gradient(145deg,#06172f,#0e3a79)}
.preview-site-art:before{background:linear-gradient(135deg,rgba(247,213,107,.46),rgba(44,182,233,.38))}

/* Page heroes */
.page-hero{
  background:
    linear-gradient(90deg,rgba(3,13,28,.93),rgba(6,23,47,.76),rgba(14,58,121,.58)),
    url('../images/acs-tech-wave.webp') center 62%/cover no-repeat,
    #06172f;
  border-bottom:1px solid rgba(247,213,107,.2)
}
.page-title h1{color:#fff}.page-title p{color:#d7e3f0}.breadcrumb{color:#c7d6e9}.breadcrumb a{color:#fff5d0}
.group-stat-panel{background:rgba(6,23,47,.63);border-color:rgba(247,213,107,.18)}

/* Process / feature accents */
.ngo-tags a{background:#fff8e7;border-color:#ecdcae!important;color:#8e5c08!important}
.checklist-panel{border-color:#e7d8ae!important;background:linear-gradient(160deg,#fff,#fffbf0)!important;box-shadow:0 20px 60px rgba(6,23,47,.07)}
.feature-line i{background:linear-gradient(135deg,#0e3a79,#2cb6e9)!important;color:#fff!important}
.process-num{color:#c88a15!important}
.faq-item.open{border-color:#e4cd8e!important;box-shadow:0 10px 34px rgba(200,138,21,.07)}

/* Final CTA + footer */
.final-cta{
  background:
    linear-gradient(105deg,rgba(6,23,47,.95),rgba(14,58,121,.88) 55%,rgba(8,53,93,.86)),
    url('../images/acs-tech-wave.webp') center 64%/cover no-repeat;
  border-top:1px solid rgba(247,213,107,.2)
}
.final-cta:before{background:linear-gradient(90deg,rgba(247,213,107,.04),transparent 46%),radial-gradient(circle at 82% 18%,rgba(247,213,107,.18),transparent 27%)}
.site-footer{background:radial-gradient(circle at 85% 10%,rgba(247,213,107,.08),transparent 23%),linear-gradient(145deg,#020b17,#06172f 58%,#0a2d5f);border-top:1px solid rgba(247,213,107,.17)}
.footer-badges span{background:rgba(14,58,121,.35);border-color:rgba(247,213,107,.14)}
.official-portals{border-color:rgba(247,213,107,.14)!important}
.float-action.phone{background:linear-gradient(135deg,#0e3a79,#082b59);box-shadow:0 13px 30px rgba(6,23,47,.32)}

/* Search, cookies, forms */
.search-overlay{background:rgba(2,11,23,.76)}
.search-panel{border:1px solid #e9d8a8;box-shadow:0 40px 120px rgba(6,23,47,.3)}
.search-suggestions a{background:#fff8e5;color:#815509}
.cookie-card{border-color:#e7d8ae;box-shadow:0 24px 70px rgba(6,23,47,.16)}

/* Dark mode retains group identity */
body.dark-theme{background:#04101f;color:#eaf2fb}
body.dark-theme .site-header{background:rgba(4,16,31,.94);border-bottom-color:rgba(247,213,107,.14)}
body.dark-theme .nav-link,body.dark-theme .login-link{color:#c8d6e7}
body.dark-theme .nav-link:hover,body.dark-theme .nav-link.active{background:rgba(247,213,107,.09);color:#fff1bb}
body.dark-theme .section:not(.smart-suite):not(.dark){background:#06172f}
body.dark-theme .section.soft{background:linear-gradient(180deg,#071c37,#04101f)}
body.dark-theme .section-head h2,body.dark-theme .split-copy h2{color:#f6f9fd}
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:#09203d;border-color:#234a75!important}
body.dark-theme .premium-form input,body.dark-theme .premium-form select,body.dark-theme .premium-form textarea{background:#071a33;border-color:#315276;color:#f4f8fc}
body.dark-theme .consult-card{background:linear-gradient(160deg,rgba(7,27,52,.97),rgba(4,18,37,.97));border-color:rgba(247,213,107,.22)}
body.dark-theme .trust-ribbon-inner{background:rgba(6,23,47,.95);border-color:#2b4f72}
body.dark-theme .software-menu,body.dark-theme .resource-menu,body.dark-theme .mega-menu{background:#06172f;border-color:#234a75}
body.dark-theme .software-menu a,body.dark-theme .resource-menu a,body.dark-theme .mega-service{color:#eaf2fb}
body.dark-theme .software-menu a:hover,body.dark-theme .resource-menu a:hover,body.dark-theme .mega-service:hover{background:#0c2a50}

/* Responsive */
@media(max-width:1180px){.brand.brand-image{min-width:215px;max-width:235px}}
@media(max-width:920px){.brand.brand-image{max-width:235px;height:54px}}
@media(max-width:680px){
  .brand.brand-image{max-width:195px;height:48px}
  .main-nav{background:#06172f!important;border-bottom-color:#244c78!important}
  .software-menu{background:#082141!important}.software-menu a{color:#eef5fc!important}
  .hero-copy h1 span,.v2-hero .hero-copy h1 span{background:linear-gradient(90deg,#f7d56b,#fff1b6 48%,#5fd1ee 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
}