:root{
  --bg:#0a0a0a;
  --panel:#121212;
  --card:#161616;
  --text:#f5f5f5;
  --muted:#bfbfbf;
  --red:#ff3b3b;
  --accent:#ff4545;
  --link:#ffffff;
  --ring: rgba(255,59,59,0.35);
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,'Helvetica Neue',Arial,sans-serif;line-height:1.45}
a{color:var(--link);text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:2px}
.site-header{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:12px 20px;background:rgba(10,10,10,.9);backdrop-filter:saturate(140%) blur(6px);border-bottom:1px solid #1b1b1b;z-index:50}
.brand{display:flex;align-items:center;gap:.65rem;font-weight:700;text-decoration:none}
.brand span{letter-spacing:.2px}
.logo{display:block}
.nav{display:flex;gap:1rem;align-items:center}
.nav a{padding:8px 10px;border-radius:8px;text-decoration:none;color:var(--text)}
.nav a.cta{background:var(--red);color:#000;font-weight:700}
.hamburger{display:none;border:1px solid #2a2a2a;border-radius:8px;background:#111;color:#fff;padding:8px 10px}
@media (max-width:800px){
  .nav{display:none;position:absolute;top:56px;right:12px;flex-direction:column;background:#0f0f0f;border:1px solid #1e1e1e;border-radius:12px;padding:8px;width:min(92vw,320px)}
  .hamburger{display:block}
  .nav.open{display:flex}
}

.hero{padding:96px 20px 48px;text-align:center;background:radial-gradient(1200px 600px at 50% -10%, rgba(255,59,59,0.14), transparent 60%)}
.hero h1{font-size:clamp(32px,3.6vw,56px);margin:0 0 12px}
.tag{color:var(--muted);margin:0 0 18px}
.cta-row{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin:18px 0 10px}
.btn{display:inline-block;padding:12px 18px;border-radius:12px;border:1px solid #2a2a2a;text-decoration:none}
.btn-primary{background:var(--red);border-color:var(--red);color:#000;font-weight:700}
.btn-ghost{background:#111}
.pill-row{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;list-style:none;padding:0;margin:22px 0 0}
.pill-row li{border:1px solid #2a2a2a;border-radius:999px;padding:8px 12px;background:#0f0f0f;font-size:14px;color:var(--muted)}

.panel{padding:56px 20px;border-top:1px solid #151515;background:linear-gradient(0deg, transparent, transparent)}
.panel h2{font-size:clamp(24px,2.5vw,36px);margin:0 0 18px}
.grid{display:grid;gap:16px}
.grid.two{grid-template-columns:repeat(2, minmax(0,1fr))}
.grid.three{grid-template-columns:repeat(3, minmax(0,1fr))}
@media (max-width:900px){
  .grid.two{grid-template-columns:1fr}
  .grid.three{grid-template-columns:1fr}
}
.card{background:var(--card);border:1px solid #1c1c1c;border-radius:16px;padding:16px}
.card h3{margin:4px 0 8px;color:var(--accent)}
.mono{font-family: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}
.tiny{font-size:12px;color:var(--muted)}

.contact .contact-list{list-style:none;margin:0;padding:0}
.contact .contact-list li{margin:6px 0}

.site-footer{padding:28px 20px;border-top:1px solid #151515;color:var(--muted);text-align:center}