:root{
  --bg:#090909;
  --panel:#121212;
  --stroke:rgba(255,255,255,0.10);
  --text:#ffffff;
  --muted:rgba(255,255,255,0.70);
  --gold:#d5b15a;
  --gold-soft:rgba(213,177,90,0.15);
  --gold-stroke:rgba(213,177,90,0.28);
  --shadow:0 30px 80px rgba(0,0,0,0.35);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  min-height:100vh;
  background:var(--bg);
  color:var(--text);
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  line-height:1.6;
}
a{color:inherit;text-decoration:none}
.background-glow{
  position:fixed; inset:0; pointer-events:none; z-index:0;
  background:
    radial-gradient(circle at top, rgba(213,177,90,0.18), transparent 28%),
    radial-gradient(circle at 80% 20%, rgba(255,255,255,0.08), transparent 20%);
}
.container{width:min(1200px, calc(100% - 2rem)); margin:0 auto; position:relative; z-index:1;}
.site-header{
  position:sticky; top:0; z-index:10; backdrop-filter:blur(14px);
  background:rgba(9,9,9,0.65); border-bottom:1px solid var(--stroke);
}
.nav{display:flex; align-items:center; justify-content:space-between; padding:1rem 0; gap:1rem;}
.brand{display:flex; align-items:center; gap:0.85rem}
.brand-mark{
  width:46px; height:46px; border-radius:18px; display:grid; place-items:center;
  border:1px solid var(--gold-stroke); background:rgba(255,255,255,0.04);
  color:#f2d48f; box-shadow:0 20px 40px rgba(213,177,90,0.1); font-weight:700;
  letter-spacing:0.28em; padding-left:0.25em;
}
.brand-name{font-size:0.75rem; letter-spacing:0.32em; text-transform:uppercase; color:rgba(255,255,255,0.55);}
.brand-sub{font-size:0.92rem; color:rgba(255,255,255,0.84);}
.nav-links{display:flex; gap:2rem; color:rgba(255,255,255,0.74); font-size:0.95rem;}
.nav-links a:hover{color:#fff}
.hero{display:grid; grid-template-columns:1.2fr 0.8fr; gap:3rem; padding:5rem 0 4rem;}
.eyebrow,.section-label,.card-label,.panel-label{letter-spacing:0.28em; text-transform:uppercase; font-size:0.76rem;}
.eyebrow{
  display:inline-flex; padding:0.7rem 1rem; border-radius:999px;
  border:1px solid rgba(213,177,90,0.18); background:var(--gold-soft); color:#f0d89f;
}
.hero h1{margin:1.25rem 0 0; font-size:clamp(2.8rem, 6vw, 5.2rem); line-height:1.02; letter-spacing:-0.04em;}
.hero-text{max-width:720px; margin-top:1.4rem; font-size:1.18rem; color:var(--muted);}
.hero-actions{display:flex; flex-wrap:wrap; gap:1rem; margin-top:2rem;}
.btn{display:inline-flex; align-items:center; justify-content:center; padding:0.95rem 1.35rem; border-radius:1rem; font-weight:600; transition:0.2s ease;}
.btn-primary{
  border:1px solid var(--gold-stroke); background:var(--gold-soft); color:#f6e3b3;
  box-shadow:0 25px 40px rgba(213,177,90,0.08);
}
.btn-primary:hover{background:rgba(213,177,90,0.22)}
.btn-secondary{border:1px solid var(--stroke); background:rgba(255,255,255,0.04); color:rgba(255,255,255,0.88);}
.btn-secondary:hover{background:rgba(255,255,255,0.08)}
.pillars{margin-top:2.4rem; display:grid; grid-template-columns:repeat(3,1fr); gap:1rem;}
.card{
  background:linear-gradient(180deg, rgba(255,255,255,0.08), rgba(255,255,255,0.03));
  border:1px solid var(--stroke); border-radius:2rem; padding:1.5rem; box-shadow:var(--shadow);
}
.small-card p,.nested p,.section-copy,.site-footer p,.system-card p,.capability,.meta-value{color:var(--muted);}
.hero-panel{padding:1.5rem;}
.panel-label,.section-label,.card-label{color:rgba(240,216,159,0.82);}
.stack{display:grid; gap:1rem; margin-top:1.3rem;}
.nested{background:rgba(255,255,255,0.03); border-radius:1.4rem; box-shadow:none; padding:1.2rem;}
.nested h3,.card h3{margin:0 0 0.5rem; font-size:1.05rem;}
.band{border-top:1px solid var(--stroke); border-bottom:1px solid var(--stroke); background:rgba(255,255,255,0.02);}
.section{padding:4.5rem 0;}
.split{display:grid; grid-template-columns:0.9fr 1.1fr; gap:2rem; padding:4.5rem 0; align-items:start;}
.split h2,.section h2,.cta h2{margin:0.6rem 0 0; font-size:clamp(2rem, 3vw, 3rem); line-height:1.08; letter-spacing:-0.03em;}
.grid{display:grid; gap:1rem;}
.grid.two{grid-template-columns:repeat(2,1fr)}
.grid.three{grid-template-columns:repeat(3,1fr)}
.section-top{display:flex; justify-content:space-between; align-items:end; gap:2rem; margin-bottom:2rem;}
.section-copy{max-width:540px;}
.capability{display:flex; align-items:center; min-height:100px; font-size:0.98rem;}
.systems-grid{margin-top:2rem;}
.system-card h3{margin-top:0.5rem; font-size:1.75rem;}
.cta{
  display:grid; grid-template-columns:1fr auto; gap:1.5rem; align-items:center;
  border:1px solid rgba(213,177,90,0.20);
  background:linear-gradient(90deg, rgba(213,177,90,0.10), rgba(255,255,255,0.03), rgba(255,255,255,0.02));
}
.cta p{max-width:800px; color:var(--muted);}
.site-footer{border-top:1px solid var(--stroke); background:rgba(0,0,0,0.32);}
.footer-grid{display:grid; grid-template-columns:1fr auto; gap:2rem; padding:3.5rem 0; align-items:start;}
.site-footer h3{margin:0.5rem 0 0; font-size:1.85rem;}
.contact-card{min-width:320px; background:rgba(255,255,255,0.04);}
.meta-title{color:#fff; font-size:0.98rem;}
.divider{height:1px; background:var(--stroke); margin:1.5rem 0;}
@media (max-width:980px){
  .hero,.split,.section-top,.cta,.footer-grid{grid-template-columns:1fr; display:grid;}
  .nav-links{display:none;}
  .pillars,.grid.two,.grid.three{grid-template-columns:1fr;}
  .hero{padding-top:3.5rem;}
  .contact-card{min-width:0;}
}