
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
:root{
  --red:#DC2626;--red-dark:#991B1B;--red-light:#FEE2E2;--red-50:#FEF2F2;
  --g9:#111827;--g8:#1F2937;--g7:#374151;--g6:#4B5563;--g5:#6B7280;
  --g4:#9CA3AF;--g3:#D1D5DB;--g2:#E5E7EB;--g1:#F3F4F6;--g0:#F9FAFB;--w:#fff;
  --font-h:'Instrument Sans',system-ui,sans-serif;
  --font-b:'Instrument Sans',system-ui,sans-serif;
  --font-accent:'Newsreader',Georgia,serif;
  --font-m:'JetBrains Mono',monospace;
}
html{font-size:16px;scroll-behavior:smooth;overflow-x:hidden}
body{font-family:var(--font-b);color:var(--g7);background:var(--w);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:var(--red);text-decoration:none}
.container{max-width:1200px;margin:0 auto;padding:0 28px}
section{padding:100px 0}

/* ── Page Hero ── */
.page-hero{padding:120px 0 60px;text-align:center;background:var(--g0);border-bottom:1px solid var(--g2);position:relative;overflow:hidden}
.page-hero .container{position:relative;z-index:2}
.page-hero h1{font-family:var(--font-h);font-size:clamp(2rem,5vw,3rem);font-weight:800;color:var(--g9);line-height:1.15;margin-bottom:16px;letter-spacing:-.02em}
.page-hero h1 em{font-family:var(--font-accent);font-style:italic;font-weight:400;color:var(--red)}
.page-hero p{font-size:1.05rem;color:var(--g6);max-width:600px;margin:0 auto;line-height:1.7}
.page-hero p strong{color:var(--g9)}

/* Nav */
nav{position:fixed;top:0;left:0;right:0;z-index:1000;transition:all .3s;height:64px;display:flex;align-items:center;background:rgba(255,255,255,.92);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--g2)}
nav.scrolled{background:rgba(255,255,255,.98);box-shadow:0 1px 12px rgba(0,0,0,.06)}
nav>.nav-inner{max-width:1200px;margin:0 auto;padding:0 28px;display:flex;align-items:center;justify-content:space-between;width:100%}
.nav-left{display:flex;align-items:center}
.logo{display:flex;align-items:center}
.logo svg{width:180px;height:auto}
.menu-toggle{display:none;background:none;border:none;cursor:pointer;padding:8px}
.menu-toggle span{display:block;width:22px;height:2px;background:var(--g8);margin:5px 0;border-radius:2px;transition:all .3s}
.nav-menu{display:flex;list-style:none;gap:8px;align-items:center}
.nav-menu li a{color:var(--g6);font-size:.88rem;font-weight:500;padding:8px 14px;border-radius:6px;transition:all .2s}
.nav-menu li a:hover{color:var(--g9);background:var(--g1)}
.nav-menu li a.active{color:var(--red)}
.nav-cta{background:var(--red);color:var(--w)!important;padding:9px 20px;border-radius:8px;font-weight:600;font-size:.88rem;transition:all .3s;box-shadow:0 2px 8px rgba(220,38,38,.2)}
.nav-cta:hover{background:var(--red-dark);box-shadow:0 4px 16px rgba(220,38,38,.3);color:var(--w)!important}

/* Legal doc */
.legal-doc{max-width:800px;margin:0 auto;padding:60px 28px}
.legal-doc h1{font-family:var(--font-h);font-size:1.8rem;font-weight:800;color:var(--g9);margin-bottom:8px;letter-spacing:-.01em}
.legal-date{font-family:var(--font-m);font-size:.75rem;color:var(--g5);text-transform:uppercase;letter-spacing:1px;display:block;margin-bottom:40px}
.legal-doc h2{font-family:var(--font-h);font-size:1.25rem;font-weight:700;color:var(--g9);margin-top:36px;margin-bottom:16px;padding-top:24px;border-top:1px solid var(--g2)}
.legal-doc h2:first-of-type{border-top:none;padding-top:0}
.legal-doc p,.legal-doc li{font-size:.92rem;color:var(--g6);line-height:1.8}
.legal-doc ul{padding-left:20px;margin:12px 0}
.legal-doc li{margin-bottom:8px}
.legal-doc strong{color:var(--g9)}
.legal-doc a{color:var(--red)}
.cookie-table{width:100%;border-collapse:collapse;margin:20px 0}
.cookie-table th,.cookie-table td{border:1px solid var(--g2);padding:12px;text-align:left}
.cookie-table th{background:var(--g0);font-weight:700;color:var(--g9)}
.cookie-table td{font-size:.85rem;color:var(--g6)}

/* Footer */
footer{background:var(--g9);color:var(--g4);padding:40px 28px;font-size:.85rem}
footer a{color:var(--red)}
    