:root{
  --black:#000;
  --red:#E10600;
  --white:#fff;
  --grey:#d1d5db;
  --text:#f5f5f5;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:#0b0b0b;color:var(--text);}
a{color:#60a5fa;text-decoration:none}
.container{max-width:1100px;margin:0 auto;padding:0 16px}
.flex{display:flex;gap:16px}
.between{justify-content:space-between}
.center{align-items:center}
.site-header{position:sticky;top:0;background:rgba(0,0,0,.85);backdrop-filter:saturate(1.2) blur(4px);border-bottom:1px solid #111;z-index:50}
.site-header .brand img{height:56px}
.nav a{margin:0 10px;color:#e5e7eb;font-weight:600}
.nav .btn{margin-left:8px}
.btn{display:inline-block;padding:12px 18px;border-radius:999px;border:1px solid #333;font-weight:700}
.btn-cta{background:var(--red);border-color:var(--red);color:#fff}
.btn-cta:hover{filter:brightness(1.1)}
.hero{position:relative;min-height:72vh;display:flex;align-items:center}
.hero::before{content:"";position:absolute;inset:0;background:url('/assets/img/hero-bg.jpg') center/cover no-repeat;filter:brightness(.55)}
.hero .content{position:relative;z-index:2;max-width:700px;padding:40px 0}
.hero h1{font-size:44px;line-height:1.1;margin:0 0 12px}
.hero p{font-size:18px;margin:0 0 20px;color:#e5e7eb}
.hero .badges{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px}
.badge{background:#111;border:1px solid #222;padding:8px 10px;border-radius:10px}
.section{padding:60px 0;border-top:1px solid #111}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}
.card{background:#0f0f0f;border:1px solid #1a1a1a;border-radius:16px;padding:20px}
.card h3{margin-top:0}
.logo-small{height:46px}
.site-footer{border-top:1px solid #111;background:#050505;margin-top:40px}
.legal{border-top:1px solid #111;padding:16px 0;text-align:center;color:#9aa3af}
input,textarea{width:100%;padding:12px;border-radius:10px;border:1px solid #222;background:#0a0a0a;color:#e5e7eb}
label{display:block;margin:8px 0 6px;color:#cbd5e1}
form .row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media(max-width:900px){
  .grid-3,.grid-2{grid-template-columns:1fr}
  .hero h1{font-size:34px}
  .nav{display:none}
}