:root{
  --bg:#0a0a0a;
  --panel:#121212;
  --text:#f1f5f9;
  --muted:#cbd5e1;
}
*{box-sizing:border-box}
html,body{height:100%}
body{margin:0;background:var(--bg);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial}
.topbar{background:#000;border-bottom:1px solid rgba(255,255,255,.06)}
.topbar .inner{max-width:1200px;margin:0 auto;padding:14px 22px}
.brand .logo{height:38px;width:auto;display:block}
.hero{background:#151515;min-height:calc(100vh - 60px);display:grid;place-items:start}
.hero-inner{max-width:1200px;margin:0 auto;padding:50px 22px 80px}
.logos{display:grid;gap:24px;grid-template-columns:1fr;align-items:center;justify-items:center;margin:20px 0 26px}
@media(min-width:900px){.logos{grid-template-columns:1fr 1fr 1fr}}
.logo-link{display:block;filter:drop-shadow(0 6px 20px rgba(0,0,0,.5))}
.logo-link img{max-width:320px;width:80%;height:auto}
.copy{max-width:820px;margin:10px auto 0}
.copy p{font-size:20px;line-height:1.7;color:var(--muted)}
.foot{background:#0b0b0b;border-top:1px solid rgba(255,255,255,.06)}
.foot .inner{max-width:1200px;margin:0 auto;padding:18px 22px;color:#94a3b8;font-size:14px}