/* v7 FLAT THEME — no borders, no shadows, uniform background */
*,
*::before,
*::after { box-sizing: border-box; border: 0 !important; outline: 0; }

:root{
  --bg:#121315;
  --ink:#ECEFF3;
  --ink-dim:#BAC1C9;
  --accent:#D5D9E0;
}

html,body{margin:0;padding:0;font-family:Inter,system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--bg);color:var(--ink)}
a{color:var(--accent);text-decoration:none}
a:hover{text-decoration:underline}
.container{max-width:1100px;margin:0 auto;padding:24px}
header{position:sticky;top:0;background:var(--bg);z-index:10}
.brand{display:flex;align-items:center;gap:12px;font-weight:800;font-size:20px;letter-spacing:.2px}
.brand img{height:54px;width:auto;display:block}
nav{display:flex;gap:18px;align-items:center;flex-wrap:wrap}
.navbar{display:flex;justify-content:space-between;align-items:center}
nav a{padding:10px 12px;border-radius:10px}
nav a.active, nav a:hover{background:#1a1c1f}
.hero{display:grid;grid-template-columns:1.2fr .8fr;gap:28px;align-items:center;padding:40px 0}
.hero-card{background:#1a1c1f;border-radius:20px;padding:28px}
h1{font-size:40px;line-height:1.1;margin:0 0 12px}
h2{font-size:28px;margin:24px 0 12px}
p.lead{color:var(--ink-dim);font-size:18px}
.cta{display:inline-block;margin-top:16px;background:#2a2d31;color:#fff;padding:12px 18px;border-radius:14px;font-weight:700}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.card{background:#1a1c1f;border-radius:16px;padding:18px}
.card h3{margin-top:0;font-size:18px}
.badge{display:inline-block;font-size:12px;padding:6px 10px;border-radius:999px;color:var(--accent);margin-right:6px;background:#1a1c1f}
footer{margin-top:40px;background:var(--bg)}
.footer-inner{display:flex;gap:16px;justify-content:space-between;align-items:center;padding:24px 0;color:var(--ink-dim);flex-wrap:wrap}
.footer-inner img{height:40px}
ul{margin:0 0 0 18px;padding:0}
.section{margin:34px 0}
.kicker{color:var(--ink-dim);text-transform:uppercase;letter-spacing:.18em;font-weight:700;font-size:12px}
.table{width:100%;border-collapse:collapse;margin-top:10px}
.table th,.table td{padding:10px;text-align:left;vertical-align:top}
.footer-nap{font-size:14px; color:var(--ink-dim)}
@media (max-width:920px){
  .hero{grid-template-columns:1fr}
  .grid{grid-template-columns:1fr;gap:12px}
  .brand img{height:48px}
}