:root{
  --bg:#0b121e; --panel:#0f1626; --card:#111a2c;
  --text:#eef3fd; --muted:#a9b8d6; --primary:#f97316; --ring:#fb923c;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--text);
  font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial}
a{color:var(--text);text-decoration:none}

/* wider container for balanced margins */
.container{max-width:1280px;margin:0 auto;padding:0 28px}

/* header */
.topbar{position:sticky;top:0;z-index:50;background:rgba(11,18,32,.7);
  backdrop-filter:blur(8px);border-bottom:1px solid #1b2b49}
.topbar .inner{height:76px;display:flex;align-items:center;justify-content:space-between}
.brand{display:flex;gap:12px;align-items:center;font-weight:800}
.brand img{width:32px;height:32px}
nav.menu{display:flex;gap:34px;align-items:center}
nav.menu a{opacity:.95}
.hamburger{display:none;background:transparent;border:0;font-size:24px;color:var(--text)}

.btn{padding:12px 18px;border-radius:12px;border:1px solid #203050;background:#141f34;transition:.2s}
.btn:hover{transform:translateY(-1px)}
.btn-primary{background:var(--primary);border-color:var(--primary);color:#fff}

/* HERO more balanced */
.hero{padding:96px 0 54px;background:radial-gradient(1200px 420px at 20% -10%, #1a283f 0, rgba(0,0,0,0) 60%)}
.hero .grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:stretch}
.hero .copy{display:flex;flex-direction:column;justify-content:center}
.hero .art{display:flex;align-items:center;justify-content:center}
.hero .art img{width:100%;height:100%;max-height:360px;object-fit:cover;border-radius:16px}

.eyebrow{display:inline-block;background:#17253d;color:#ffb37a;border:1px solid #2a3e61;padding:6px 12px;border-radius:999px;font-size:12px;margin-bottom:12px}
.lead{color:var(--muted);max-width:62ch}
.badges{display:flex;gap:12px;margin-top:14px;list-style:none;padding:0;color:#c3d0ea;font-size:12px;opacity:.85}

h1{font-size:46px;margin:.2em 0 .5em 0;line-height:1.08}
h2{font-size:30px;margin:0 0 20px 0}
h3{margin:0 0 10px 0}

.section{padding:68px 0}

/* UNIFORM GRID: 3 columns desktop, 2 tablet, 1 mobile */
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
@media (max-width: 1100px){ .grid{grid-template-columns:repeat(2,1fr)} }
@media (max-width: 700px){ .grid{grid-template-columns:1fr} }

/* cards equal height */
.card{background:var(--card);border:1px solid #1b2b49;border-radius:18px;padding:22px;box-shadow:0 10px 24px rgba(0,0,0,.25);display:flex;flex-direction:column}
.card.equal{min-height:220px} /* for small feature cards */
.card ul{margin:10px 0 0 20px;color:#c1cbea;line-height:1.6;flex:1 0 auto}

/* Partners grid: fixed 6 columns desktop -> 3 tablet -> 2 mobile */
.logo-wall{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}
.logo{background:#0f1a2b;border:1px solid #1b2b49;border-radius:12px;height:60px;display:flex;align-items:center;justify-content:center;color:#a9b8d6;font-weight:600}
@media (max-width: 1200px){ .logo-wall{grid-template-columns:repeat(3,1fr)} }
@media (max-width: 700px){ .logo-wall{grid-template-columns:repeat(2,1fr)} }
@media (max-width: 480px){ .logo-wall{grid-template-columns:1fr} }

/* table */
table{width:100%;border-collapse:collapse;background:var(--card);border:1px solid #1b2b49;border-radius:12px;overflow:hidden}
th,td{padding:14px;border-bottom:1px solid #1b2b49;text-align:left}

/* footer */
.footer{padding:30px 0;border-top:1px solid #1a2b47;background:var(--panel);color:#c3d0ea}
.footer .inner{display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap}

/* mobile nav */
@media (max-width: 980px){
  nav.menu{display:none;position:absolute;right:16px;top:76px;background:#0f1a2b;border:1px solid #1b2b49;border-radius:12px;padding:12px;flex-direction:column;gap:12px}
  .hamburger{display:block}
}