/* =========================================================
BASE.CSS
Grundlagen, Farben, Schrift, Buttons
========================================================= */
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,Arial,sans-serif;background:var(--page);color:var(--text-main);overflow-x:hidden}
a{text-decoration:none;color:inherit}
img{max-width:100%;display:block}
input,textarea,button{font-family:inherit}
h1,h2,h3,.btn,.main-nav a{font-family:Manrope,Inter,Arial,sans-serif}
:root{
  --red:#e10600;--red-dark:#a20b1b;--page:#080808;--section:#fff;--section-text:#111;
  --dark-section:#080808;--card:#f5f5f5;--card-border:#e6e6e6;--text-main:#fff;
  --muted:#606060;--footer:#040404;--field:#29292c;--field-border:rgba(255,255,255,.18)
}
body.light{
  --page:#f7f7f7;--section:#fff;--section-text:#111;--dark-section:#f2f2f2;
  --card:#fff;--card-border:#e0e0e0;--text-main:#111;--muted:#555;
  --footer:#101010;--field:#fff;--field-border:#d8d8d8
}
.btn{display:inline-flex;gap:8px;align-items:center;justify-content:center;border-radius:10px;padding:14px 24px;font-weight:900;transition:.25s;border:1px solid transparent;text-transform:uppercase;letter-spacing:.5px}
.btn-red{background:var(--red);color:#fff;box-shadow:0 16px 38px rgba(225,6,0,.25)}
.btn-outline{background:transparent;border-color:rgba(255,255,255,.44);color:#fff}
.btn:hover{transform:translateY(-3px)}
.eyebrow{color:var(--red);text-transform:uppercase;letter-spacing:3px;font-size:13px;font-weight:950}
.reveal{opacity:0;transform:translateY(42px);transition:.8s}
.reveal.active{opacity:1;transform:translateY(0)}