:root{
  --bg:#000; --bg-elev-1:#0b0b0b; --bg-elev-2:#111; --bg-elev-3:#151515;
  --text:#fff; --text-dim:#cfcfcf; --text-muted:#a7a7a7;
  --line:#1b1d1c; --red:#d40000; --red-600:#ff0000; --red-500:#ff4444;
  --ring:rgba(212,0,0,.5); --shadow:rgba(0,0,0,.5);
  --radius-lg:20px; --radius-pill:999px; --transition:.25s ease;
  --footer-bg:#000; --footer-elev:#030303; --footer-link:#d4d4d4;
  --footer-link-hover:var(--red); --footer-muted:#e2e2e25b;
  --container-w:70%;
  --container-max:1500px;
  --header-height:64px
}
*{box-sizing:border-box;max-width:100%}
html,body{overflow-x:hidden;height:100%}
body{
  width:100%;min-height:100vh;margin:0;background:var(--bg);color:var(--text);
  font-family:'Regular',system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  font-size:16px;display:flex;flex-direction:column
}
img{max-width:100%;height:auto}
a{
  color:var(--text);text-decoration:none;position:relative;
  transition:color var(--transition),opacity var(--transition);outline:none
}
a::after{
  content:"";position:absolute;left:0;bottom:-2px;width:100%;height:2px;
  background:linear-gradient(45deg,var(--red),var(--red-500));
  transform:scaleX(0);transform-origin:right;transition:transform var(--transition)
}
a:hover{color:var(--red)}
a:hover::after{transform:scaleX(1);transform-origin:left}
a:focus-visible{outline:2px solid var(--ring);outline-offset:3px;border-radius:4px}
.container,.hero-content,.section-inner{width:var(--container-w);max-width:var(--container-max);margin:0 auto}
.container{display:flex;justify-content:space-between;align-items:center}
.hero-button,.minor-hero-button,#header-button{
  background:#fff;color:#000!important;border:none;border-radius:var(--radius-pill);
  padding:12px 24px;font-family:'Bold';letter-spacing:.02em;white-space:nowrap;
  transition:transform .12s ease,box-shadow .2s ease,background var(--transition)
}
.hero-button::after,.minor-hero-button::after,#header-button::after{display:none!important}
.hero-button:hover,.minor-hero-button:hover,#header-button:hover{background:#d4d4d4!important;box-shadow:0 8px 24px var(--shadow)}
.header-spacer{height:var(--header-height);flex:0 0 auto}
:focus-visible{scroll-margin:120px}
@media (prefers-reduced-motion:reduce){
  *{animation:none!important;transition:none!important}
}