:root{
  --bg:#080C16;
  --ink:#E7F0FF;
  --muted:#9FB1C6;
  --panel:#0E1526;
  --border:#1E2A44;
  --accent:#00E5A8;
  --accent2:#6CC3FF;
}

*{box-sizing:border-box}
html,body{margin:0;padding:0;font-family:Inter, Segoe UI, Helvetica, Arial, sans-serif;background:var(--bg);color:var(--ink)}

.header{
  position:sticky; top:0; z-index:50;
  background:rgba(8,12,22,0.75);
  border-bottom:1px solid var(--border);
  backdrop-filter: blur(8px);
}
.header-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;gap:20px;padding:14px 20px}
.logo{height:36px}
nav a{color:var(--muted);text-decoration:none;margin-left:18px;font-weight:600}
nav a:hover{color:var(--ink)}

.section{
  position:relative;
  padding:72px 20px;
}
.container{max-width:1200px;margin:0 auto}

.hero{
  min-height:76vh; display:flex; align-items:center; justify-content:center; text-align:center;
  background: radial-gradient(900px 400px at 50% 10%, rgba(0,229,168,0.12), transparent 60%),
              radial-gradient(800px 300px at 90% 10%, rgba(108,195,255,0.12), transparent 60%),
              #0A101E url('/assets/hero-cloud.jpg') center/cover no-repeat;
}
.hero .overlay{position:absolute;inset:0;background:rgba(8,12,22,0.45)}
.hero h1{position:relative;font-size:clamp(34px,5.2vw,64px);line-height:1.05;margin:0 0 12px}
.hero p{position:relative;font-size:clamp(16px,2.2vw,20px);color:var(--muted);max-width:880px;margin:0 auto}
.btn{display:inline-block;margin-top:20px;padding:14px 18px;border-radius:12px;background:var(--accent);color:#062c21;text-decoration:none;font-weight:800;box-shadow:0 10px 30px rgba(0,229,168,0.35)}

.subtle{color:var(--muted)}

.panel{background:linear-gradient(180deg, rgba(255,255,255,0.02), rgba(255,255,255,0));border:1px solid var(--border);border-radius:16px;padding:24px}

.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}

.bg-showcase{background:#0A101E url('/assets/showcase-desks.jpg') center/cover no-repeat;}
.bg-infra   {background:#0A101E url('/assets/infra-racks.jpg') center/cover no-repeat;}
.bg-advice  {background:#0A101E url('/assets/advisory-boardroom.jpg') center/cover no-repeat;}

.tint::before{content:'';position:absolute;inset:0;background:rgba(8,12,22,0.55)}
.tint > .container{position:relative}

.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin-top:16px}
.kpi{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:16px}
.kpi strong{font-size:24px;color:var(--accent)}
.kpi span{display:block;color:var(--muted);font-size:12px}

footer{border-top:1px solid var(--border);padding:28px 20px;color:var(--muted);text-align:center}