/* COMMAND — dark, Fortna-inspired. Premium / control-center. */
:root{
  --bg:var(--charcoal);
  --text:#c9c6c7;
  --heading:#ffffff;
  --surface:#242223;
  --surface-2:#1f1d1e;
  --border:#38353699;
  --link:var(--blue);
  --header-bg:var(--charcoal);
  --header-text:#ffffff;
  --footer-bg:var(--ink);
  --maxw:1200px;
}
body{background:var(--bg)}
a{color:var(--blue)}
a:hover{color:var(--blue-light)}

.topbar .container{justify-content:space-between}

.site-header{box-shadow:0 1px 0 #ffffff12;border-bottom:1px solid #ffffff10}
.site-header .dropdown{background:#242223;border-top-color:var(--orange)}
.site-header .dropdown a{color:#e7e5e6}
.site-header .dropdown a:hover{background:#1a1819;color:var(--orange)}

/* Hero: left gradient, left-aligned command copy */
.hero-command{min-height:825px;display:flex;align-items:center;padding:80px 0}
.hero-command .hero-media::after{background:linear-gradient(90deg,rgba(29,27,28,.96) 0%,rgba(29,27,28,.78) 42%,rgba(29,27,28,.28) 100%)}
/* span the full 1200px column so text aligns with the service-card left edge */
.hero-command > .container{width:100%}
.hero-command .inner{max-width:720px}
.hero-command h1{font-size:clamp(46px,6.6vw,76px);letter-spacing:.01em;margin-bottom:20px}
.hero-command .eyebrow{color:var(--orange)}
.hero-command p{color:#D9D9D9;font-size:20px;max-width:560px}

/* Overlapping service cards pulled up over the next dark band */
.svc-overlap{margin-top:-64px;position:relative;z-index:5}
.command-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;box-shadow:0 24px 48px rgba(0,0,0,.45)}
.command-card{background:#282526;padding:30px 30px 26px;border-top:3px solid var(--orange);display:flex;flex-direction:column;gap:8px;transition:.2s}
.command-card:hover{background:#302c2d}
.command-card .k{font-family:var(--cond);font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--orange);font-size:13px}
.command-card h3{color:#fff;font-size:23px;margin:0}
.command-card .more{font-family:var(--cond);font-weight:600;letter-spacing:.1em;text-transform:uppercase;font-size:14px;color:var(--blue)}

/* dark service cards (grids) */
.svc-card{background:var(--surface);border:1px solid #ffffff14}
.svc-card h3{color:#fff}
.svc-card p{color:#b6b3b4}
.svc-card .more{color:var(--blue)}

.stats .num{color:#fff}
.band-accent .stat .num{color:#fff}

.section-head{text-align:center;max-width:660px;margin:0 auto 48px}
.section-head h2{font-size:clamp(34px,4.4vw,48px);text-transform:uppercase;color:#fff}

/* big dark pull-quote */
.pullquote{text-align:center;max-width:900px;margin:0 auto}
.pullquote .mark{font-family:var(--cond);font-weight:700;color:var(--orange);font-size:90px;line-height:.5}
.pullquote p{color:#fff;font-family:var(--cond);font-weight:500;font-size:clamp(24px,3vw,32px);line-height:1.35}
.pullquote .who{color:var(--blue);font-family:var(--cond);font-weight:600;letter-spacing:.15em;text-transform:uppercase}

.quote-card{background:#242223;border-left-color:var(--orange)}
.quote-card p{color:#eceaeb}
.quote-card .who{color:#a8a5a6}

.feature-list li{color:#cdcacb}

/* interior page hero always dark-gradient */
.page-hero .hero-media::after{background:linear-gradient(90deg,rgba(29,27,28,.94),rgba(29,27,28,.55))}