:root{ --bg:#000; --panel:#111; --ink:#fff; --muted:#bdbdbd; --red:#ff2b2b; }
*{ box-sizing:border-box; }
html,body{ margin:0; padding:0; background:var(--bg); color:var(--ink); font-family: Arial, Helvetica, sans-serif; }
a{ color:var(--red); text-decoration:none; }
a:hover{ color:#ff5555; }
.container{ max-width:1100px; margin:0 auto; padding:0 16px; }

header{ position:sticky; top:0; z-index:10; background:#000; border-bottom:1px solid #1b1b1b; }
nav{ display:flex; align-items:center; gap:18px; height:68px; }
nav img.logo{ height:38px; object-fit:contain; }
nav a.navlink{ color:#fff; opacity:.9; }
nav a.navlink:hover{ opacity:1; }
nav .spacer{ flex:1; }
.cta{ display:inline-block; padding:12px 16px; background:var(--red); color:#fff; border-radius:10px; font-weight:700; }
.cta:hover{ background:#e02424; color:#fff; }

/* Hero with image + dark overlay */
.hero{
  position:relative;
  background:#000 url('https://drive.google.com/uc?export=view&id=1RRzqbU9SuXuf5dIG1rhJuscUZ1FfZ8Kl') center/cover no-repeat;
}
.hero::before{
  content:''; position:absolute; inset:0;
  background:linear-gradient(180deg, rgba(0,0,0,.55), rgba(0,0,0,.85));
}
.hero .wrap{ position:relative; z-index:1; }
.hero .inner{ padding:100px 0 80px; text-align:center; }
.hero h1{ color:var(--red); margin:0 0 10px; font-size:48px; }
.hero p{ color:#d7d7d7; margin:0 0 20px; font-size:18px; }

/* Sections */
section{ padding:48px 0; background:transparent; border-top:1px solid #111; }
.card{ background:var(--panel); border:1px solid #222; border-radius:12px; padding:20px; box-shadow:0 10px 24px rgba(0,0,0,.4); }
.grid{ display:grid; gap:16px; }
.grid.cols-3{ grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); }

/* Footer */
footer{ border-top:1px solid #1b1b1b; padding:24px 0; color:#9a9a9a; text-align:center; }

/* Responsive hero height & text sizing */
@media (max-width: 900px){
  .hero .inner{ padding:80px 0 64px; }
  .hero h1{ font-size:40px; }
}
@media (max-width: 600px){
  .hero .inner{ padding:64px 0 56px; }
  .hero h1{ font-size:34px; }
  nav img.logo{ height:32px; }
}