:root{
  --navy:#06111f;
  --navy2:#0b1b2d;
  --gold:#f3a800;
  --white:#f7f8fa;
  --muted:#bdc7d3;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--navy);color:var(--white);font-family:Arial,Helvetica,sans-serif;line-height:1.55}
a{color:inherit}
.site-header{
  position:sticky;top:0;z-index:50;height:74px;background:rgba(4,14,25,.97);
  display:flex;align-items:center;justify-content:space-between;padding:0 5vw;border-bottom:1px solid rgba(255,255,255,.12)
}
.brand{font-weight:800;letter-spacing:.12em;text-decoration:none}
.brand span{display:block;color:var(--gold);font-size:.65rem;letter-spacing:.3em}
nav{display:flex;gap:28px;align-items:center}
nav a{text-decoration:none;font-weight:700;font-size:.95rem}
nav a:hover{color:var(--gold)}
.cta{background:var(--gold);color:#07111d!important;padding:13px 20px;font-weight:800;text-decoration:none;border-radius:2px}
.menu-btn{display:none;background:none;border:1px solid #fff;color:#fff;padding:8px 12px}
.home-art{position:relative;max-width:1920px;margin:0 auto;background:#06111f}
.home-art img{display:block;width:100%;height:auto}
.hotspot{position:absolute;display:block;z-index:4}
.hotspot.partner{left:2.6%;top:54.1%;width:15%;height:5.3%}
.hotspot.services{left:17.6%;top:54.1%;width:14%;height:5.3%}
.section{max-width:1180px;margin:auto;padding:76px 28px}
.eyebrow{color:var(--gold);font-weight:800;letter-spacing:.18em;text-transform:uppercase}
h1{font-size:clamp(2.2rem,5vw,4.8rem);line-height:1.02;margin:.3em 0}
h2{font-size:clamp(1.8rem,3vw,3rem);margin:.2em 0 .5em}
.lead{font-size:1.15rem;color:var(--muted);max-width:800px}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:35px}
.card{background:var(--navy2);padding:26px;border:1px solid rgba(255,255,255,.08)}
.card h3{color:var(--gold);margin-top:0}
.footer{padding:32px 5vw;border-top:1px solid rgba(255,255,255,.12);color:var(--muted)}
form{max-width:720px;display:grid;gap:14px}
input,textarea{width:100%;padding:14px;background:#0b1b2d;border:1px solid #314357;color:white}
button{background:var(--gold);border:0;padding:14px 20px;font-weight:800;cursor:pointer}
@media(max-width:850px){
  .menu-btn{display:block}
  nav{display:none;position:absolute;left:0;right:0;top:74px;background:#06111f;flex-direction:column;padding:24px}
  nav.open{display:flex}
  .grid{grid-template-columns:1fr}
  .site-header{padding:0 20px}
}

/* Responsive homepage rebuild */
.home-page{overflow-x:hidden;background:#04101c}
.home-header{height:88px;background:rgba(3,12,22,.96);backdrop-filter:blur(12px)}
.brand-logo{display:grid;grid-template-columns:52px auto;grid-template-rows:auto auto;column-gap:10px;align-items:center;line-height:1;text-decoration:none;letter-spacing:0}
.brand-logo .sun-mark{grid-row:1/3;font-size:42px;color:var(--gold);line-height:1;transform:translateY(-1px)}
.brand-logo .brand-main{font-size:1.55rem;letter-spacing:.14em;color:#fff;font-weight:700}
.brand-logo .brand-sub{font-size:.72rem;letter-spacing:.28em;color:var(--gold);font-weight:700;margin-top:5px}
.home-header nav a.active{color:var(--gold);position:relative}
.home-header nav a.active::after{content:"";position:absolute;left:0;right:0;bottom:-12px;height:2px;background:var(--gold)}
.nav-cta{margin-left:18px;white-space:nowrap}
.responsive-hero{position:relative;min-height:640px;display:flex;align-items:center;isolation:isolate;border-bottom:1px solid rgba(255,255,255,.12)}
.hero-media{position:absolute;inset:0;background-image:url('hero-datacenter.webp');background-size:cover;background-position:center;z-index:-3}
.hero-overlay{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(2,10,18,.98) 0%,rgba(2,10,18,.92) 31%,rgba(2,10,18,.45) 58%,rgba(2,10,18,.08) 100%),linear-gradient(0deg,rgba(2,10,18,.35),transparent 45%)}
.hero-content{width:min(720px,56vw);padding:70px 0 74px 5vw}
.hero-kicker{color:var(--gold);font-weight:800;text-transform:uppercase;letter-spacing:.03em;font-size:1.24rem;margin:0 0 18px}
.hero-kicker::after{content:"";display:block;width:38px;height:3px;background:var(--gold);margin-top:10px}
.responsive-hero h1{font-size:clamp(2.75rem,4.4vw,4.65rem);line-height:1.05;margin:0 0 18px;max-width:760px;letter-spacing:-.035em}
.responsive-hero h1 em{display:block;color:var(--gold);font-style:normal}
.hero-copy{font-size:1.08rem;line-height:1.85;color:#edf2f7;max-width:690px;margin:0 0 28px;text-shadow:0 1px 12px rgba(0,0,0,.7)}
.hero-actions{display:flex;gap:16px;flex-wrap:wrap}
.hero-actions a{display:inline-flex;align-items:center;gap:16px;text-decoration:none;text-transform:uppercase;font-weight:800;letter-spacing:.02em;padding:15px 22px;border-radius:2px}
.hero-primary{box-shadow:0 6px 22px rgba(243,168,0,.18)}
.hero-secondary{border:1px solid rgba(255,255,255,.75);background:rgba(3,13,23,.55)}
.hero-secondary:hover{border-color:var(--gold);color:var(--gold)}
.capability-strip{display:grid;grid-template-columns:repeat(5,1fr);background:#061421;border-bottom:1px solid rgba(255,255,255,.12);padding:0 3vw}
.capability-strip a{min-height:84px;display:flex;align-items:center;justify-content:center;gap:16px;padding:16px;color:#fff;text-decoration:none;text-transform:uppercase;font-weight:800;border-right:1px solid rgba(255,255,255,.22);text-align:center}
.capability-strip a:last-child{border-right:0}
.capability-strip a:hover{background:#0b1b2d;color:var(--gold)}
.cap-icon,.home-card-icon{color:var(--gold);font-size:2rem;line-height:1;min-width:34px;text-align:center}
.home-capabilities{padding:30px 24px 62px;max-width:1600px;margin:auto}
.section-heading{text-align:center;margin:0 auto 24px}
.section-heading .eyebrow{margin-bottom:2px}
.section-heading h2{font-size:clamp(1.7rem,2.6vw,2.6rem)}
.home-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}
.home-card{display:grid;grid-template-columns:52px 1fr;grid-template-rows:auto 1fr;gap:6px 12px;background:linear-gradient(145deg,#0b1b2d,#081724);border:1px solid rgba(255,255,255,.06);padding:24px 20px;text-decoration:none;min-height:190px;transition:transform .2s,border-color .2s}
.home-card:hover{transform:translateY(-3px);border-color:rgba(243,168,0,.55)}
.home-card-icon{grid-row:1/3;align-self:start;margin-top:2px}
.home-card h3{margin:0;color:#fff;font-size:1rem;text-transform:uppercase;line-height:1.35}
.home-card p{margin:4px 0 0;color:#c8d1dc;font-size:.87rem;line-height:1.65}
@media(max-width:1180px){
 .home-header nav{gap:18px}.nav-cta{margin-left:5px;padding:12px 14px}
 .home-grid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:850px){
 .home-header{height:76px}.brand-logo{grid-template-columns:40px auto}.brand-logo .sun-mark{font-size:33px}.brand-logo .brand-main{font-size:1.17rem}.brand-logo .brand-sub{font-size:.57rem}
 .home-header nav{top:76px;align-items:stretch;gap:0;border-top:1px solid rgba(255,255,255,.1);box-shadow:0 15px 35px rgba(0,0,0,.35)}
 .home-header nav a{padding:13px 8px;border-bottom:1px solid rgba(255,255,255,.08)}
 .home-header nav a.active::after{display:none}.nav-cta{margin:12px 0 0;text-align:center;justify-content:center}
 .responsive-hero{min-height:auto;display:block;padding-top:0}
 .hero-media{position:relative;height:47vw;min-height:240px;max-height:420px;background-position:61% center;z-index:-1}
 .hero-overlay{background:linear-gradient(0deg,#04101c 0%,rgba(4,16,28,.55) 42%,rgba(4,16,28,.05) 100%);height:47vw;min-height:240px;max-height:420px;bottom:auto}
 .hero-content{width:100%;padding:30px 22px 42px;background:#04101c}
 .hero-kicker{font-size:1rem}.responsive-hero h1{font-size:clamp(2.25rem,9vw,3.35rem)}
 .hero-copy{font-size:1rem;line-height:1.7}
 .hero-actions{display:grid;grid-template-columns:1fr}.hero-actions a{justify-content:center;text-align:center}
 .capability-strip{grid-template-columns:1fr 1fr;padding:0}.capability-strip a{justify-content:flex-start;min-height:72px;border-bottom:1px solid rgba(255,255,255,.15);font-size:.88rem}.capability-strip a:nth-child(even){border-right:0}.capability-strip a:last-child{grid-column:1/-1;justify-content:center}
 .home-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:560px){
 .site-header{padding:0 14px}.menu-btn{font-size:.8rem}
 .hero-media,.hero-overlay{height:64vw;min-height:225px;background-position:61% center}
 .hero-content{padding:25px 18px 36px}.hero-kicker{font-size:.9rem;margin-bottom:14px}.responsive-hero h1{font-size:2.18rem;line-height:1.08}.hero-copy{font-size:.96rem}
 .capability-strip{grid-template-columns:1fr}.capability-strip a,.capability-strip a:nth-child(even),.capability-strip a:last-child{grid-column:auto;border-right:0;justify-content:flex-start;padding-left:24px}
 .home-capabilities{padding:28px 14px 42px}.home-grid{grid-template-columns:1fr}.home-card{min-height:0}
 .footer{font-size:.83rem;text-align:center}
}