/*
Theme Name: Apex Stratus Complete Business
Theme URI: https://apexstratus.com
Author: Apex Stratus
Description: Complete business infrastructure WordPress theme for Apex Stratus, including an expanded homepage and Everything We Do service directory.
Version: 7.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: apex-stratus-corporate
*/

:root{
  --as-bg:#020912;
  --as-deep:#01060d;
  --as-panel:#061523;
  --as-blue:#168aff;
  --as-blue2:#43b5ff;
  --as-white:#fff;
  --as-text:#dbe6ee;
  --as-muted:#91a7b8;
  --as-line:rgba(255,255,255,.12);
  --as-shadow:0 22px 58px rgba(0,0,0,.36);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;background:var(--as-bg);color:var(--as-text);
  font-family:Inter,Arial,sans-serif;line-height:1.55;
  -webkit-font-smoothing:antialiased;overflow-x:hidden
}
a{text-decoration:none;color:inherit}
img{max-width:100%;height:auto}
.as-container{width:min(1240px,calc(100% - 38px));margin:auto}

/* Non-sticky header */
.site-header{
  position:relative;
  z-index:50;
  background:#020912;
  border-bottom:1px solid var(--as-line)
}
.as-header{
  min-height:116px;
  display:grid;
  grid-template-columns:340px 1fr auto;
  align-items:center;
  gap:28px
}
.as-brand{
  display:flex;align-items:center;
  width:340px
}
.as-brand img{
  display:block;width:100%;max-height:102px;
  object-fit:contain;object-position:left center
}
.as-nav{justify-self:center}
.as-nav ul{
  list-style:none;margin:0;padding:0;
  display:flex;align-items:center;gap:27px
}
.as-nav a{
  position:relative;color:#f5f8fb;
  font-size:10.5px;font-weight:800;
  text-transform:uppercase;letter-spacing:.055em
}
.as-nav a:after{
  content:"";position:absolute;left:0;right:0;bottom:-16px;
  height:2px;background:linear-gradient(90deg,var(--as-blue),var(--as-blue2));
  transform:scaleX(0);transform-origin:left;transition:.22s
}
.as-nav a:hover:after,.as-nav .current-menu-item>a:after{transform:scaleX(1)}
.as-tools{display:flex;align-items:center;gap:16px;white-space:nowrap}
.as-tools span,.as-tools a{font-size:9.5px;font-weight:800}
.as-phone{color:var(--as-blue2)}
.as-quote{
  min-height:42px;padding:0 17px;display:inline-flex;align-items:center;
  border-radius:3px;background:linear-gradient(180deg,#2a94ff,#1267d6);
  color:#fff!important;text-transform:uppercase;box-shadow:0 10px 25px rgba(18,103,214,.28)
}
.as-menu{display:none;background:none;border:0;color:white;font-size:27px}

/* Hero */
.as-hero{
  min-height:500px;position:relative;display:flex;align-items:center;
  background:
    linear-gradient(90deg,#020912 0%,rgba(2,9,18,.99) 40%,rgba(2,9,18,.57) 66%,rgba(2,9,18,.08) 100%),
    url('assets/apex-city-network.jpg') center right/cover no-repeat;
  border-bottom:1px solid var(--as-line)
}
.as-hero-inner{padding:48px 0;position:relative;z-index:2}
.as-hero h1{
  margin:0 0 16px;max-width:720px;
  font-family:Oswald,Inter,sans-serif;
  font-size:clamp(58px,6.7vw,88px);line-height:.93;
  letter-spacing:-.025em;text-transform:uppercase;color:#fff
}
.as-hero h1 span{display:block;color:var(--as-blue)}
.as-hero p{max-width:610px;margin:0 0 23px;color:#eff5f9;font-size:16px}
.as-proof-mini{display:flex;gap:27px;flex-wrap:wrap;margin:23px 0 28px}
.as-proof-mini div{display:flex;align-items:center;gap:9px}
.as-proof-mini i{font-style:normal;color:var(--as-blue2);font-size:25px}
.as-proof-mini strong{font-size:10.5px;line-height:1.25;text-transform:uppercase;color:#fff}
.as-actions{display:flex;gap:14px;flex-wrap:wrap}
.as-btn{
  min-height:47px;padding:0 22px;display:inline-flex;align-items:center;
  justify-content:center;border:1px solid rgba(255,255,255,.38);
  border-radius:3px;color:#fff;font-size:10.5px;font-weight:900;text-transform:uppercase;
  transition:.22s;position:relative;overflow:hidden
}
.as-btn:hover{transform:translateY(-3px);box-shadow:0 14px 28px rgba(20,130,255,.22)}
.as-btn-primary{background:linear-gradient(180deg,#2a93ff,#1167d7);border-color:#319aff}

/* Partner strip */
.as-partners{background:#030c15;border-bottom:1px solid var(--as-line)}
.as-partner-grid{
  min-height:74px;display:grid;grid-template-columns:repeat(7,1fr);
  align-items:center;gap:18px
}
.as-partner-grid span{
  text-align:center;color:#dce7ee;opacity:.84;font-weight:900;font-size:13px;
  transition:.2s
}
.as-partner-grid span:hover{opacity:1;color:#fff;transform:translateY(-2px)}

/* Shared section headings */
.as-section{padding:42px 0}
.as-heading{text-align:center;max-width:800px;margin:0 auto 25px}
.as-heading h2{margin:0;color:#fff;font-size:31px;line-height:1.1}
.as-heading h3{margin:5px 0 8px;color:var(--as-blue2);font-size:13px;text-transform:uppercase;letter-spacing:.08em}
.as-heading p{margin:0;color:#d0dbe4;font-size:12px}

/* Service grid */
.as-services{background:linear-gradient(180deg,#03101c,#020912)}
.as-service-grid{
  display:grid;grid-template-columns:repeat(5,1fr);
  border-left:1px solid var(--as-line);border-top:1px solid var(--as-line)
}
.as-service{
  min-height:173px;padding:19px 14px;text-align:center;
  border-right:1px solid var(--as-line);border-bottom:1px solid var(--as-line);
  background:linear-gradient(180deg,rgba(8,29,48,.32),rgba(3,13,22,.18));
  transition:.23s
}
.as-service:hover{transform:translateY(-5px);background:#092540;box-shadow:var(--as-shadow)}
.as-service-icon{font-size:31px;color:var(--as-blue2);margin-bottom:9px}
.as-service h3{
  margin:0 0 7px;color:var(--as-blue2);
  font-family:Oswald,Inter,sans-serif;font-size:15px;text-transform:uppercase
}
.as-service p{margin:0;color:#d4dfe7;font-size:10.5px;line-height:1.55}

/* Industries */
.as-industries{border-top:1px solid var(--as-line);border-bottom:1px solid var(--as-line)}
.as-industry-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:10px}
.as-industry{
  min-height:140px;position:relative;overflow:hidden;border:1px solid var(--as-line);
  border-radius:7px;background-size:cover;background-position:center;transition:.23s
}
.as-industry:after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(2,9,18,.08),rgba(2,9,18,.9))
}
.as-industry:hover{transform:translateY(-5px);box-shadow:0 16px 32px rgba(0,0,0,.3)}
.as-industry h3{
  position:absolute;z-index:2;left:8px;right:8px;bottom:12px;margin:0;
  text-align:center;color:#fff;font-size:11px;text-transform:uppercase
}

/* Why us */
.as-why{background:linear-gradient(180deg,#03101c,#020912)}
.as-why-grid{
  display:grid;grid-template-columns:repeat(6,1fr);
  border-top:1px solid var(--as-line);border-bottom:1px solid var(--as-line)
}
.as-benefit{
  min-height:186px;padding:23px 15px;text-align:center;
  border-right:1px solid var(--as-line);transition:.23s
}
.as-benefit:last-child{border-right:0}
.as-benefit:hover{transform:translateY(-5px);background:#071a2b}
.as-benefit-icon{font-size:29px;color:var(--as-blue2)}
.as-benefit h3{margin:10px 0 7px;color:var(--as-blue2);font-size:12px;line-height:1.25;text-transform:uppercase}
.as-benefit p{margin:0;color:#d3dde5;font-size:10.5px;line-height:1.55}

/* Footer */
.site-footer{padding:30px 0;background:#01060d;border-top:1px solid var(--as-line)}
.as-footer{display:flex;justify-content:space-between;gap:25px;color:#788e9e;font-size:10px}
.as-page{min-height:60vh;padding:70px 0}.as-page h1{color:white}

@media(max-width:1120px){
  .as-header{grid-template-columns:285px 1fr auto;gap:20px}
  .as-brand{width:285px}
  .as-nav ul{gap:18px}
  .as-tools span:not(.as-phone){display:none}
}
@media(max-width:980px){
  .as-header{min-height:86px;display:flex}
  .as-brand{width:265px;flex:0 0 265px}
  .as-brand img{max-height:74px}
  .as-menu{display:block;margin-left:auto}
  .as-nav{
    display:none;position:absolute;left:0;right:0;top:86px;
    background:#020912;padding:23px;border-top:1px solid var(--as-line)
  }
  .as-nav.open{display:block}
  .as-nav ul{flex-direction:column;align-items:stretch}
  .as-tools{display:none}
  .as-service-grid{grid-template-columns:repeat(2,1fr)}
  .as-industry-grid{grid-template-columns:repeat(4,1fr)}
  .as-why-grid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:700px){
  .as-container{width:min(100% - 26px,1240px)}
  .as-header{min-height:74px}
  .as-brand{width:220px;flex-basis:220px}
  .as-brand img{max-height:60px}
  .as-nav{top:74px}
  .as-hero{min-height:610px;background-position:69% center}
  .as-hero h1{font-size:53px}
  .as-proof-mini{display:grid;grid-template-columns:1fr 1fr}
  .as-actions{flex-direction:column}.as-btn{width:100%}
  .as-partner-grid{grid-template-columns:repeat(3,1fr);padding:16px 0}
  .as-service-grid{grid-template-columns:1fr}
  .as-industry-grid{grid-template-columns:repeat(2,1fr)}
  .as-why-grid{grid-template-columns:1fr 1fr}
  .as-benefit:nth-child(even){border-right:0}
  .as-footer{flex-direction:column}
}


/* ===== APEX STRATUS ULTIMATE REFINEMENT LAYER ===== */
:root{
  --as-max:1260px;
  --as-radius:8px;
  --as-radius-lg:14px;
}

body{
  text-rendering:optimizeLegibility;
}

.as-container{
  width:min(var(--as-max),calc(100% - 42px));
}

/* Header: strong logo, polished proportions */
.site-header{
  position:relative !important;
  box-shadow:0 10px 28px rgba(0,0,0,.22);
}

.as-header{
  min-height:124px !important;
  grid-template-columns:390px 1fr auto !important;
  gap:30px !important;
}

.as-brand{
  width:390px !important;
}

.as-brand img,
.custom-logo{
  width:100% !important;
  max-width:390px !important;
  max-height:108px !important;
  object-fit:contain !important;
  object-position:left center !important;
}

.as-nav ul{
  gap:25px !important;
}

.as-nav a{
  font-size:10.5px !important;
  letter-spacing:.06em !important;
}

.as-tools{
  gap:15px !important;
}

.as-tools span,
.as-tools a{
  font-size:9.5px !important;
}

.as-quote{
  min-height:42px !important;
  padding:0 18px !important;
  border-radius:4px !important;
  transition:transform .2s ease,box-shadow .2s ease !important;
}

.as-quote:hover{
  transform:translateY(-2px);
  box-shadow:0 14px 30px rgba(18,103,214,.34);
}

/* Hero */
.as-hero{
  min-height:570px !important;
  background:
    linear-gradient(90deg,#020912 0%,rgba(2,9,18,.995) 39%,rgba(2,9,18,.59) 67%,rgba(2,9,18,.08) 100%),
    url('assets/apex-city-network.jpg') center right/cover no-repeat !important;
}

.as-hero-inner{
  padding:62px 0 58px !important;
}

.as-hero h1{
  font-size:clamp(62px,6.9vw,94px) !important;
  letter-spacing:-.03em !important;
}

.as-hero p{
  max-width:630px !important;
  font-size:16px !important;
  line-height:1.7 !important;
}

.as-proof-mini{
  gap:30px !important;
  margin:28px 0 31px !important;
}

.as-proof-mini strong{
  font-size:11px !important;
  letter-spacing:.025em !important;
}

.as-btn{
  min-height:50px !important;
  padding:0 24px !important;
  border-radius:4px !important;
  letter-spacing:.055em !important;
}

/* Partner strip */
.as-partner-grid{
  min-height:82px !important;
}

.as-partner-grid span{
  font-size:12.5px !important;
  letter-spacing:.05em !important;
}

/* Section rhythm */
.as-section{
  padding:58px 0 !important;
}

.as-heading{
  margin-bottom:32px !important;
}

.as-heading h2{
  font-size:36px !important;
  letter-spacing:-.025em !important;
}

.as-heading h3{
  font-size:13px !important;
  letter-spacing:.12em !important;
}

.as-heading p{
  font-size:12.5px !important;
  line-height:1.7 !important;
}

/* Service cards */
.as-service-grid{
  gap:0 !important;
}

.as-service{
  min-height:205px !important;
  padding:27px 18px !important;
  background:linear-gradient(180deg,rgba(8,29,48,.46),rgba(3,13,22,.23)) !important;
  transition:transform .24s ease,background .24s ease,box-shadow .24s ease,border-color .24s ease !important;
}

.as-service:hover{
  transform:translateY(-7px) !important;
  background:linear-gradient(180deg,#0b2945,#061725) !important;
  box-shadow:0 24px 58px rgba(0,0,0,.34) !important;
}

.as-service-icon{
  font-size:35px !important;
  margin-bottom:13px !important;
}

.as-service h3{
  font-size:16px !important;
  letter-spacing:.025em !important;
}

.as-service p{
  font-size:11.5px !important;
  line-height:1.65 !important;
}

/* Industry cards */
.as-industry-grid{
  gap:11px !important;
}

.as-industry{
  min-height:158px !important;
  border-radius:9px !important;
}

.as-industry:hover{
  transform:translateY(-7px) !important;
  box-shadow:0 20px 42px rgba(0,0,0,.34) !important;
}

.as-industry h3{
  font-size:11.5px !important;
  letter-spacing:.035em !important;
  bottom:14px !important;
}

/* Why section */
.as-why-grid{
  border-bottom:1px solid var(--as-line) !important;
}

.as-benefit{
  min-height:215px !important;
  padding:29px 18px !important;
}

.as-benefit:hover{
  transform:translateY(-6px) !important;
  background:linear-gradient(180deg,#09223a,#061725) !important;
  box-shadow:0 22px 50px rgba(0,0,0,.32) !important;
}

.as-benefit-icon{
  font-size:31px !important;
}

.as-benefit h3{
  font-size:13px !important;
  letter-spacing:.03em !important;
}

.as-benefit p{
  font-size:11px !important;
  line-height:1.65 !important;
}

/* Footer */
.site-footer{
  padding:34px 0 !important;
}

.as-footer{
  align-items:center !important;
}

/* Accessibility */
a:focus-visible,
button:focus-visible{
  outline:2px solid var(--as-blue2);
  outline-offset:3px;
}

/* Tablet */
@media(max-width:1120px){
  .as-header{
    grid-template-columns:320px 1fr auto !important;
    min-height:106px !important;
  }

  .as-brand{
    width:320px !important;
  }

  .as-brand img,
  .custom-logo{
    max-width:320px !important;
    max-height:90px !important;
  }

  .as-nav ul{
    gap:17px !important;
  }
}

/* Mobile/tablet menu */
@media(max-width:980px){
  .as-header{
    min-height:88px !important;
  }

  .as-brand{
    width:280px !important;
    flex:0 0 280px !important;
  }

  .as-brand img,
  .custom-logo{
    max-width:280px !important;
    max-height:76px !important;
  }

  .as-nav{
    top:88px !important;
    box-shadow:0 18px 38px rgba(0,0,0,.38);
  }

  .as-service-grid{
    grid-template-columns:repeat(2,1fr) !important;
  }

  .as-industry-grid{
    grid-template-columns:repeat(4,1fr) !important;
  }

  .as-why-grid{
    grid-template-columns:repeat(3,1fr) !important;
  }
}

/* Mobile */
@media(max-width:700px){
  .as-container{
    width:min(100% - 28px,var(--as-max));
  }

  .as-header{
    min-height:76px !important;
  }

  .as-brand{
    width:225px !important;
    flex-basis:225px !important;
  }

  .as-brand img,
  .custom-logo{
    max-width:225px !important;
    max-height:62px !important;
  }

  .as-nav{
    top:76px !important;
  }

  .as-hero{
    min-height:640px !important;
  }

  .as-hero-inner{
    padding:72px 0 56px !important;
  }

  .as-hero h1{
    font-size:53px !important;
  }

  .as-hero p{
    font-size:15px !important;
  }

  .as-proof-mini{
    grid-template-columns:1fr 1fr !important;
  }

  .as-actions{
    flex-direction:column !important;
  }

  .as-btn{
    width:100% !important;
  }

  .as-partner-grid{
    grid-template-columns:repeat(3,1fr) !important;
    padding:18px 0 !important;
  }

  .as-service-grid{
    grid-template-columns:1fr !important;
  }

  .as-industry-grid{
    grid-template-columns:repeat(2,1fr) !important;
  }

  .as-why-grid{
    grid-template-columns:1fr 1fr !important;
  }

  .as-benefit:nth-child(even){
    border-right:0 !important;
  }
}

@media(max-width:430px){
  .as-industry-grid,
  .as-why-grid{
    grid-template-columns:1fr !important;
  }

  .as-benefit{
    border-right:0 !important;
  }
}


/* ===== EXECUTIVE CLEANUP PASS ===== */

:root{
  --as-exec-max:1320px;
}

/* Overall structure */
.as-container{
  width:min(var(--as-exec-max),calc(100% - 48px)) !important;
}

/* Header cleanup */
.as-header{
  min-height:112px !important;
  grid-template-columns:360px minmax(0,1fr) auto !important;
  gap:34px !important;
}

.as-brand{
  width:360px !important;
}

.as-brand img,
.custom-logo{
  max-width:360px !important;
  max-height:96px !important;
}

.as-nav{
  justify-self:center !important;
}

.as-nav ul{
  gap:24px !important;
}

.as-nav a{
  font-size:10px !important;
  letter-spacing:.065em !important;
}

.as-tools{
  gap:14px !important;
}

.as-tools span,
.as-tools a{
  font-size:9px !important;
}

.as-quote{
  min-height:44px !important;
  padding:0 19px !important;
  font-size:9.5px !important;
}

/* Hero cleanup */
.as-hero{
  min-height:620px !important;
  background-position:66% center !important;
}

.as-hero-inner{
  padding:72px 0 66px !important;
}

.as-hero h1{
  max-width:820px !important;
  font-size:clamp(58px,6vw,86px) !important;
  line-height:.95 !important;
  letter-spacing:-.028em !important;
}

.as-hero h1 span{
  white-space:nowrap !important;
}

.as-hero p{
  max-width:650px !important;
  font-size:17px !important;
  line-height:1.7 !important;
  margin-bottom:26px !important;
}

.as-proof-mini{
  gap:34px !important;
  margin:28px 0 32px !important;
}

.as-proof-mini div{
  min-width:122px !important;
}

.as-proof-mini i{
  font-size:24px !important;
}

.as-proof-mini strong{
  font-size:10.5px !important;
  letter-spacing:.03em !important;
}

.as-actions{
  gap:16px !important;
}

.as-btn{
  min-height:52px !important;
  padding:0 26px !important;
  font-size:10.5px !important;
  border-radius:5px !important;
}

/* Partner strip */
.as-partner-grid{
  min-height:88px !important;
}

.as-partner-grid span{
  font-size:12px !important;
  letter-spacing:.055em !important;
}

/* Section spacing and headings */
.as-section{
  padding:68px 0 !important;
}

.as-heading{
  margin-bottom:36px !important;
}

.as-heading h2{
  font-size:38px !important;
  letter-spacing:-.03em !important;
}

.as-heading h3{
  margin-top:7px !important;
  font-size:13px !important;
  letter-spacing:.13em !important;
}

.as-heading p{
  max-width:780px !important;
  margin:0 auto !important;
  font-size:13px !important;
  line-height:1.75 !important;
}

/* Service cards */
.as-service{
  min-height:215px !important;
  padding:30px 20px !important;
}

.as-service-icon{
  font-size:36px !important;
  margin-bottom:14px !important;
}

.as-service h3{
  font-size:16px !important;
}

.as-service p{
  font-size:11.5px !important;
  line-height:1.7 !important;
}

/* Industry cards */
.as-industry{
  min-height:170px !important;
  border-radius:10px !important;
}

.as-industry h3{
  font-size:11.5px !important;
  bottom:16px !important;
}

/* Why cards */
.as-benefit{
  min-height:220px !important;
  padding:31px 19px !important;
}

.as-benefit h3{
  font-size:13px !important;
}

.as-benefit p{
  font-size:11px !important;
  line-height:1.68 !important;
}

/* Footer */
.site-footer{
  padding:36px 0 !important;
}

/* Responsive behavior */
@media(max-width:1200px){
  .as-header{
    grid-template-columns:315px minmax(0,1fr) auto !important;
    gap:24px !important;
  }

  .as-brand{
    width:315px !important;
  }

  .as-brand img,
  .custom-logo{
    max-width:315px !important;
    max-height:86px !important;
  }

  .as-nav ul{
    gap:17px !important;
  }
}

@media(max-width:980px){
  .as-header{
    min-height:88px !important;
  }

  .as-brand{
    width:270px !important;
    flex-basis:270px !important;
  }

  .as-brand img,
  .custom-logo{
    max-width:270px !important;
    max-height:72px !important;
  }

  .as-nav{
    top:88px !important;
  }

  .as-hero h1 span{
    white-space:normal !important;
  }
}

@media(max-width:700px){
  .as-container{
    width:min(100% - 28px,var(--as-exec-max)) !important;
  }

  .as-header{
    min-height:76px !important;
  }

  .as-brand{
    width:220px !important;
    flex-basis:220px !important;
  }

  .as-brand img,
  .custom-logo{
    max-width:220px !important;
    max-height:60px !important;
  }

  .as-nav{
    top:76px !important;
  }

  .as-hero{
    min-height:680px !important;
    background-position:72% center !important;
  }

  .as-hero-inner{
    padding:76px 0 58px !important;
  }

  .as-hero h1{
    font-size:50px !important;
    max-width:100% !important;
  }

  .as-hero h1 span{
    white-space:normal !important;
  }

  .as-hero p{
    font-size:15px !important;
  }

  .as-proof-mini{
    gap:18px !important;
  }

  .as-proof-mini div{
    min-width:0 !important;
  }

  .as-section{
    padding:54px 0 !important;
  }

  .as-heading h2{
    font-size:31px !important;
  }
}


/* ===== FINAL HEADER ALIGNMENT FIX ===== */
.site-header{
  background:#020912 !important;
}

.as-header{
  min-height:104px !important;
  height:104px !important;
  grid-template-columns:340px minmax(0,1fr) auto !important;
  align-items:center !important;
  gap:30px !important;
  padding-top:0 !important;
  padding-bottom:0 !important;
}

.as-brand{
  width:340px !important;
  height:88px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  overflow:visible !important;
}

.as-brand img,
.as-brand .custom-logo,
.custom-logo-link img{
  width:auto !important;
  max-width:340px !important;
  height:auto !important;
  max-height:88px !important;
  object-fit:contain !important;
  object-position:left center !important;
  display:block !important;
  margin:0 !important;
}

.as-nav{
  align-self:center !important;
  justify-self:center !important;
  transform:translateY(1px) !important;
}

.as-nav ul{
  align-items:center !important;
  margin:0 !important;
}

.as-nav a{
  line-height:1 !important;
}

.as-tools{
  align-self:center !important;
  justify-self:end !important;
  transform:translateY(0) !important;
}

.as-quote{
  min-height:42px !important;
}

/* Pull hero directly beneath the balanced header */
.as-hero{
  margin-top:0 !important;
}

@media(max-width:1200px){
  .as-header{
    min-height:96px !important;
    height:96px !important;
    grid-template-columns:295px minmax(0,1fr) auto !important;
  }

  .as-brand{
    width:295px !important;
    height:80px !important;
  }

  .as-brand img,
  .as-brand .custom-logo,
  .custom-logo-link img{
    max-width:295px !important;
    max-height:80px !important;
  }
}

@media(max-width:980px){
  .as-header{
    min-height:82px !important;
    height:82px !important;
  }

  .as-brand{
    width:255px !important;
    height:68px !important;
    flex-basis:255px !important;
  }

  .as-brand img,
  .as-brand .custom-logo,
  .custom-logo-link img{
    max-width:255px !important;
    max-height:68px !important;
  }

  .as-nav{
    top:82px !important;
    transform:none !important;
  }
}

@media(max-width:700px){
  .as-header{
    min-height:72px !important;
    height:72px !important;
  }

  .as-brand{
    width:210px !important;
    height:58px !important;
    flex-basis:210px !important;
  }

  .as-brand img,
  .as-brand .custom-logo,
  .custom-logo-link img{
    max-width:210px !important;
    max-height:58px !important;
  }

  .as-nav{
    top:72px !important;
  }
}


/* ===== REFERENCE-PRO FINAL LAYOUT ===== */
:root{
  --as-ref-max:1460px;
  --as-ref-blue:#1488ff;
  --as-ref-blue2:#38aaff;
  --as-ref-bg:#020912;
  --as-ref-line:rgba(255,255,255,.12);
}

.as-container{
  width:min(var(--as-ref-max),calc(100% - 64px)) !important;
}

/* Header: smaller logo, larger navigation */
.site-header{
  position:relative !important;
  background:#020912 !important;
  border-bottom:1px solid var(--as-ref-line) !important;
  box-shadow:none !important;
}

.as-header{
  height:132px !important;
  min-height:132px !important;
  display:grid !important;
  grid-template-columns:310px minmax(0,1fr) auto !important;
  align-items:center !important;
  gap:38px !important;
  padding:0 !important;
}

.as-brand{
  width:310px !important;
  height:104px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
}

.as-brand img,
.as-brand .custom-logo,
.custom-logo-link img{
  width:auto !important;
  max-width:310px !important;
  height:auto !important;
  max-height:104px !important;
  display:block !important;
  object-fit:contain !important;
  object-position:left center !important;
}

.as-nav{
  justify-self:center !important;
  align-self:center !important;
  transform:none !important;
}

.as-nav ul{
  gap:36px !important;
  align-items:center !important;
  margin:0 !important;
}

.as-nav a{
  font-size:13px !important;
  line-height:1 !important;
  font-weight:800 !important;
  letter-spacing:.025em !important;
}

.as-nav a:after{
  bottom:-19px !important;
}

.as-tools{
  justify-self:end !important;
  align-self:center !important;
  display:flex !important;
  gap:22px !important;
  transform:none !important;
}

.as-tools span,
.as-tools a{
  font-size:11px !important;
}

.as-phone{
  color:var(--as-ref-blue2) !important;
}

.as-quote{
  min-height:56px !important;
  padding:0 27px !important;
  border-radius:5px !important;
  font-size:11px !important;
  box-shadow:0 16px 36px rgba(18,103,214,.28) !important;
}

/* Hero: match reference proportions */
.as-hero{
  min-height:680px !important;
  margin:0 !important;
  background:
    linear-gradient(
      90deg,
      #020912 0%,
      rgba(2,9,18,.995) 34%,
      rgba(2,9,18,.73) 47%,
      rgba(2,9,18,.12) 75%,
      rgba(2,9,18,.03) 100%
    ),
    url('assets/apex-reference-city.jpg') center right/cover no-repeat !important;
  border-bottom:1px solid var(--as-ref-line) !important;
}

.as-hero-inner{
  padding:78px 0 68px !important;
}

.as-hero h1{
  max-width:760px !important;
  margin:0 0 20px !important;
  font-size:clamp(70px,6.2vw,102px) !important;
  line-height:.92 !important;
  letter-spacing:-.035em !important;
}

.as-hero h1 span{
  white-space:nowrap !important;
  color:var(--as-ref-blue) !important;
}

.as-hero p{
  max-width:700px !important;
  margin-bottom:30px !important;
  font-size:19px !important;
  line-height:1.75 !important;
}

.as-proof-mini{
  gap:44px !important;
  margin:32px 0 38px !important;
}

.as-proof-mini div{
  min-width:150px !important;
}

.as-proof-mini i{
  font-size:29px !important;
}

.as-proof-mini strong{
  font-size:12px !important;
  letter-spacing:.025em !important;
}

.as-actions{
  gap:22px !important;
}

.as-btn{
  min-height:62px !important;
  padding:0 34px !important;
  border-radius:5px !important;
  font-size:12px !important;
  letter-spacing:.035em !important;
}

/* Partner strip */
.as-partner-grid{
  min-height:96px !important;
}

.as-partner-grid span{
  font-size:15px !important;
}

/* First section */
.as-section{
  padding:70px 0 !important;
}

.as-heading{
  margin-bottom:38px !important;
}

.as-heading h2{
  font-size:43px !important;
}

.as-heading h3{
  font-size:17px !important;
}

/* Cards */
.as-service{
  min-height:230px !important;
  padding:34px 22px !important;
}

.as-service-icon{
  font-size:40px !important;
}

.as-service h3{
  font-size:17px !important;
}

.as-service p{
  font-size:12px !important;
}

.as-industry{
  min-height:180px !important;
}

.as-benefit{
  min-height:230px !important;
}

/* Responsive */
@media(max-width:1250px){
  .as-header{
    grid-template-columns:270px minmax(0,1fr) auto !important;
    gap:25px !important;
    height:112px !important;
    min-height:112px !important;
  }

  .as-brand{
    width:270px !important;
    height:90px !important;
  }

  .as-brand img,
  .as-brand .custom-logo,
  .custom-logo-link img{
    max-width:270px !important;
    max-height:90px !important;
  }

  .as-nav ul{
    gap:22px !important;
  }

  .as-nav a{
    font-size:11px !important;
  }

  .as-tools{
    gap:12px !important;
  }

  .as-tools span,
  .as-tools a{
    font-size:9px !important;
  }

  .as-quote{
    min-height:46px !important;
    padding:0 18px !important;
  }
}

@media(max-width:980px){
  .as-header{
    height:88px !important;
    min-height:88px !important;
    display:flex !important;
  }

  .as-brand{
    width:245px !important;
    height:72px !important;
    flex:0 0 245px !important;
  }

  .as-brand img,
  .as-brand .custom-logo,
  .custom-logo-link img{
    max-width:245px !important;
    max-height:72px !important;
  }

  .as-tools{
    display:none !important;
  }

  .as-nav{
    top:88px !important;
  }

  .as-hero h1 span{
    white-space:normal !important;
  }
}

@media(max-width:700px){
  .as-container{
    width:min(100% - 28px,var(--as-ref-max)) !important;
  }

  .as-header{
    height:74px !important;
    min-height:74px !important;
  }

  .as-brand{
    width:205px !important;
    height:58px !important;
    flex-basis:205px !important;
  }

  .as-brand img,
  .as-brand .custom-logo,
  .custom-logo-link img{
    max-width:205px !important;
    max-height:58px !important;
  }

  .as-nav{
    top:74px !important;
  }

  .as-hero{
    min-height:680px !important;
    background-position:72% center !important;
  }

  .as-hero-inner{
    padding:78px 0 60px !important;
  }

  .as-hero h1{
    font-size:52px !important;
  }

  .as-hero p{
    font-size:16px !important;
  }

  .as-proof-mini{
    gap:18px !important;
  }

  .as-proof-mini div{
    min-width:0 !important;
  }

  .as-actions{
    flex-direction:column !important;
  }

  .as-btn{
    width:100% !important;
  }

  .as-partner-grid{
    grid-template-columns:repeat(3,1fr) !important;
    padding:18px 0 !important;
  }
}


/* ===== REFERENCE PRO V2 POLISH ===== */
:root{
  --as-v2-max:1480px;
  --as-v2-blue:#158aff;
  --as-v2-blue2:#4ab8ff;
  --as-v2-line:rgba(255,255,255,.115);
}

.as-container{
  width:min(var(--as-v2-max),calc(100% - 72px)) !important;
}

/* Header refinement */
.as-header{
  height:118px !important;
  min-height:118px !important;
  grid-template-columns:285px minmax(0,1fr) auto !important;
  gap:42px !important;
}

.as-brand{
  width:285px !important;
  height:92px !important;
}

.as-brand img,
.as-brand .custom-logo,
.custom-logo-link img{
  max-width:285px !important;
  max-height:92px !important;
}

.as-nav ul{
  gap:34px !important;
}

.as-nav a{
  font-size:12px !important;
  letter-spacing:.035em !important;
}

.as-tools{
  gap:18px !important;
}

.as-tools span,
.as-tools a{
  font-size:10px !important;
}

.as-quote{
  min-height:52px !important;
  padding:0 24px !important;
  border-radius:5px !important;
  font-size:10.5px !important;
}

/* Hero refinement */
.as-hero{
  min-height:700px !important;
  background:
    linear-gradient(
      90deg,
      #020912 0%,
      rgba(2,9,18,.995) 31%,
      rgba(2,9,18,.81) 42%,
      rgba(2,9,18,.20) 72%,
      rgba(2,9,18,.04) 100%
    ),
    url('assets/apex-reference-city-v2.jpg') center right/cover no-repeat !important;
  background-position:67% center !important;
}

.as-hero-inner{
  padding:86px 0 78px !important;
}

.as-hero h1{
  max-width:820px !important;
  font-size:clamp(72px,6.4vw,104px) !important;
  line-height:.91 !important;
  letter-spacing:-.04em !important;
  margin-bottom:24px !important;
}

.as-hero h1 span{
  white-space:nowrap !important;
  color:var(--as-v2-blue) !important;
}

.as-hero p{
  max-width:720px !important;
  font-size:19px !important;
  line-height:1.72 !important;
  margin-bottom:34px !important;
}

.as-proof-mini{
  gap:42px !important;
  margin:34px 0 40px !important;
}

.as-proof-mini div{
  min-width:142px !important;
}

.as-proof-mini i{
  font-size:27px !important;
  color:var(--as-v2-blue2) !important;
}

.as-proof-mini strong{
  font-size:11.5px !important;
}

.as-actions{
  gap:18px !important;
}

.as-btn{
  min-height:58px !important;
  padding:0 30px !important;
  border-radius:5px !important;
  font-size:11.5px !important;
}

/* Partner strip */
.as-partner-grid{
  min-height:92px !important;
}

.as-partner-grid span{
  font-size:14px !important;
  opacity:.9 !important;
}

/* Below-the-fold polish */
.as-section{
  padding:74px 0 !important;
}

.as-heading{
  margin-bottom:40px !important;
}

.as-heading h2{
  font-size:42px !important;
}

.as-heading h3{
  font-size:15px !important;
}

.as-heading p{
  font-size:13px !important;
  max-width:800px !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

.as-service{
  min-height:228px !important;
  padding:32px 20px !important;
}

.as-service:hover{
  border-color:rgba(74,184,255,.55) !important;
}

.as-service-icon{
  font-size:38px !important;
}

.as-service h3{
  font-size:16px !important;
}

.as-service p{
  font-size:11.5px !important;
  line-height:1.7 !important;
}

.as-industry{
  min-height:176px !important;
  border-radius:9px !important;
}

.as-benefit{
  min-height:228px !important;
  padding:31px 18px !important;
}

/* Responsive */
@media(max-width:1260px){
  .as-header{
    grid-template-columns:255px minmax(0,1fr) auto !important;
    gap:24px !important;
    height:108px !important;
    min-height:108px !important;
  }

  .as-brand{
    width:255px !important;
    height:84px !important;
  }

  .as-brand img,
  .as-brand .custom-logo,
  .custom-logo-link img{
    max-width:255px !important;
    max-height:84px !important;
  }

  .as-nav ul{
    gap:21px !important;
  }

  .as-nav a{
    font-size:10.5px !important;
  }

  .as-tools{
    gap:11px !important;
  }

  .as-tools span,
  .as-tools a{
    font-size:9px !important;
  }

  .as-quote{
    min-height:46px !important;
    padding:0 18px !important;
  }
}

@media(max-width:980px){
  .as-header{
    height:86px !important;
    min-height:86px !important;
  }

  .as-brand{
    width:235px !important;
    height:70px !important;
    flex-basis:235px !important;
  }

  .as-brand img,
  .as-brand .custom-logo,
  .custom-logo-link img{
    max-width:235px !important;
    max-height:70px !important;
  }

  .as-nav{
    top:86px !important;
  }

  .as-hero h1 span{
    white-space:normal !important;
  }
}

@media(max-width:700px){
  .as-container{
    width:min(100% - 28px,var(--as-v2-max)) !important;
  }

  .as-header{
    height:74px !important;
    min-height:74px !important;
  }

  .as-brand{
    width:200px !important;
    height:58px !important;
    flex-basis:200px !important;
  }

  .as-brand img,
  .as-brand .custom-logo,
  .custom-logo-link img{
    max-width:200px !important;
    max-height:58px !important;
  }

  .as-nav{
    top:74px !important;
  }

  .as-hero{
    min-height:690px !important;
    background-position:73% center !important;
  }

  .as-hero-inner{
    padding:80px 0 62px !important;
  }

  .as-hero h1{
    font-size:52px !important;
  }

  .as-hero p{
    font-size:16px !important;
  }

  .as-proof-mini{
    gap:18px !important;
  }

  .as-proof-mini div{
    min-width:0 !important;
  }

  .as-actions{
    flex-direction:column !important;
  }

  .as-btn{
    width:100% !important;
  }
}


/* ===== COMPLETE BUSINESS VERSION 7 ===== */
:root{
  --cb-blue:#168aff;
  --cb-blue2:#4bb9ff;
  --cb-panel:#071827;
  --cb-line:rgba(255,255,255,.11);
  --cb-shadow:0 24px 60px rgba(0,0,0,.34);
}

/* Hero copy */
.as-hero h1{
  max-width:900px !important;
}
.as-hero h1 span{
  white-space:normal !important;
}
.as-hero-kicker{
  display:block;
  margin:0 0 18px;
  color:#fff;
  font-size:14px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.08em;
}
.as-hero-copy{
  max-width:740px !important;
}

/* Everything grid */
.cb-everything{
  background:linear-gradient(180deg,#03101c,#020912);
  border-top:1px solid var(--cb-line);
}
.cb-grid{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  border-top:1px solid var(--cb-line);
  border-left:1px solid var(--cb-line);
}
.cb-item{
  min-height:138px;
  padding:22px 15px;
  text-align:center;
  border-right:1px solid var(--cb-line);
  border-bottom:1px solid var(--cb-line);
  background:linear-gradient(180deg,rgba(8,29,48,.38),rgba(3,13,22,.18));
  transition:.23s;
}
.cb-item:hover{
  transform:translateY(-5px);
  background:#092440;
  box-shadow:var(--cb-shadow);
}
.cb-icon{
  font-size:29px;
  color:var(--cb-blue2);
  margin-bottom:9px;
}
.cb-item strong{
  display:block;
  color:#fff;
  font-size:12px;
  text-transform:uppercase;
  letter-spacing:.025em;
}
.cb-item span{
  display:block;
  margin-top:5px;
  color:#a9bbc8;
  font-size:10.5px;
}

/* One partner comparison */
.cb-partner{
  background:#fff;
  color:#18232d;
}
.cb-partner .as-heading h2{color:#111b24 !important}
.cb-partner .as-heading p{color:#61717e !important}
.cb-partner-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:22px;
  align-items:stretch;
}
.cb-vendor-box,
.cb-apex-box{
  border-radius:16px;
  padding:34px;
  border:1px solid #dce4ea;
  background:#fff;
  box-shadow:0 10px 30px rgba(12,28,42,.07);
}
.cb-apex-box{
  color:#fff;
  border-color:#167fe6;
  background:linear-gradient(145deg,#0a2b4a,#0759aa);
}
.cb-vendor-box h3,
.cb-apex-box h3{
  margin:0 0 18px;
  font-size:25px;
}
.cb-list{
  list-style:none;
  padding:0;
  margin:0;
  display:grid;
  gap:11px;
}
.cb-list li{
  position:relative;
  padding-left:24px;
  font-size:13px;
}
.cb-list li:before{
  content:"✓";
  position:absolute;
  left:0;
  color:var(--cb-blue);
  font-weight:900;
}
.cb-apex-box .cb-list li:before{color:#72d3ff}

/* Outcomes */
.cb-outcomes{
  background:linear-gradient(180deg,#041321,#020912);
}
.cb-outcome-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:14px;
}
.cb-outcome{
  min-height:175px;
  padding:27px;
  border:1px solid var(--cb-line);
  border-radius:12px;
  background:#071827;
  transition:.23s;
}
.cb-outcome:hover{
  transform:translateY(-5px);
  border-color:rgba(72,184,255,.52);
  box-shadow:var(--cb-shadow);
}
.cb-outcome strong{
  display:block;
  color:#fff;
  font-size:17px;
  margin-bottom:7px;
}
.cb-outcome p{
  margin:0;
  color:#adc0ce;
  font-size:12px;
}

/* Big CTA */
.cb-final-cta{
  padding:62px 0;
  background:linear-gradient(110deg,#0c4387,#167de6 60%,#0b5fc0);
  color:#fff;
}
.cb-final-grid{
  display:grid;
  grid-template-columns:1.25fr .75fr;
  gap:40px;
  align-items:center;
}
.cb-final-cta h2{
  margin:0;
  font-size:42px;
  line-height:1.05;
}
.cb-final-cta p{
  margin:10px 0 0;
  color:#e4f2ff;
}
.cb-final-actions{
  text-align:right;
}
.cb-final-actions strong{
  display:block;
  font-size:27px;
  margin-bottom:14px;
}

/* Everything We Do page */
.cb-page-hero{
  padding:82px 0 54px;
  background:
    radial-gradient(circle at 80% 20%,rgba(22,138,255,.14),transparent 28%),
    #020912;
  border-bottom:1px solid var(--cb-line);
}
.cb-page-hero h1{
  margin:0;
  color:#fff;
  font-size:58px;
  line-height:1;
}
.cb-page-hero p{
  max-width:800px;
  margin:16px 0 0;
  color:#c8d6e0;
}
.cb-directory{
  padding:62px 0;
}
.cb-directory-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
}
.cb-directory-card{
  border:1px solid var(--cb-line);
  border-radius:12px;
  padding:27px;
  background:#061523;
}
.cb-directory-card h2{
  margin:0 0 15px;
  color:#fff;
  font-size:20px;
}
.cb-directory-card ul{
  list-style:none;
  padding:0;
  margin:0;
  display:grid;
  gap:8px;
}
.cb-directory-card li{
  color:#aec0cd;
  font-size:12px;
  padding-left:17px;
  position:relative;
}
.cb-directory-card li:before{
  content:"•";
  position:absolute;
  left:0;
  color:var(--cb-blue2);
}

@media(max-width:1000px){
  .cb-grid{grid-template-columns:repeat(3,1fr)}
  .cb-outcome-grid{grid-template-columns:repeat(2,1fr)}
  .cb-directory-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:700px){
  .cb-grid{grid-template-columns:repeat(2,1fr)}
  .cb-partner-grid,
  .cb-final-grid,
  .cb-directory-grid{grid-template-columns:1fr}
  .cb-outcome-grid{grid-template-columns:1fr}
  .cb-final-actions{text-align:left}
  .cb-page-hero h1{font-size:42px}
}
@media(max-width:430px){
  .cb-grid{grid-template-columns:1fr}
}


/* ===== INDUSTRY SECTION CLEANUP ===== */
.as-industries{
  padding-top:72px !important;
  padding-bottom:72px !important;
  background:
    radial-gradient(circle at 50% -10%,rgba(22,138,255,.08),transparent 28%),
    #020912 !important;
}

.as-industries .as-heading{
  margin-bottom:38px !important;
}

.as-industry-grid{
  grid-template-columns:repeat(7,minmax(0,1fr)) !important;
  gap:14px !important;
  align-items:stretch !important;
}

.as-industry{
  min-height:210px !important;
  border-radius:12px !important;
  border:1px solid rgba(255,255,255,.14) !important;
  background-size:cover !important;
  background-position:center !important;
  overflow:hidden !important;
  position:relative !important;
  isolation:isolate !important;
}

.as-industry:before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  z-index:1 !important;
  background:
    linear-gradient(180deg,rgba(2,9,18,.08) 0%,rgba(2,9,18,.28) 46%,rgba(2,9,18,.94) 100%) !important;
}

.as-industry:after{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  z-index:2 !important;
  background:
    linear-gradient(90deg,transparent,rgba(39,149,255,.06),transparent) !important;
  opacity:0 !important;
  transition:opacity .24s ease !important;
}

.as-industry:hover{
  transform:translateY(-8px) !important;
  border-color:rgba(65,177,255,.62) !important;
  box-shadow:0 22px 48px rgba(0,0,0,.36) !important;
}

.as-industry:hover:after{
  opacity:1 !important;
}

.as-industry h3{
  position:absolute !important;
  z-index:3 !important;
  left:16px !important;
  right:16px !important;
  bottom:18px !important;
  margin:0 !important;
  color:#fff !important;
  font-size:12px !important;
  line-height:1.25 !important;
  letter-spacing:.03em !important;
  text-transform:uppercase !important;
  text-align:center !important;
  text-shadow:0 2px 10px rgba(0,0,0,.65) !important;
}

@media(max-width:1100px){
  .as-industry-grid{
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  }
}

@media(max-width:700px){
  .as-industries{
    padding-top:54px !important;
    padding-bottom:54px !important;
  }

  .as-industry-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:12px !important;
  }

  .as-industry{
    min-height:190px !important;
  }
}

@media(max-width:430px){
  .as-industry-grid{
    grid-template-columns:1fr !important;
  }

  .as-industry{
    min-height:220px !important;
  }
}


/* ===== REAL INDUSTRY PHOTOGRAPHY ===== */
.as-industry{
  min-height:220px !important;
  background-size:cover !important;
  background-position:center !important;
  border:1px solid rgba(255,255,255,.16) !important;
  border-radius:12px !important;
}

.as-industry:before{
  background:
    linear-gradient(
      180deg,
      rgba(1,8,17,.06) 0%,
      rgba(1,8,17,.22) 42%,
      rgba(1,8,17,.92) 100%
    ) !important;
}

.as-industry h3{
  bottom:20px !important;
  font-size:12.5px !important;
  letter-spacing:.035em !important;
  text-shadow:0 3px 12px rgba(0,0,0,.85) !important;
}

.as-industry:hover{
  transform:translateY(-8px) scale(1.01) !important;
  border-color:rgba(69,181,255,.72) !important;
  box-shadow:0 24px 55px rgba(0,0,0,.40) !important;
}

@media(max-width:700px){
  .as-industry{
    min-height:210px !important;
  }
}

@media(max-width:430px){
  .as-industry{
    min-height:245px !important;
  }
}