:root {
  --bg: #070707;
  --panel: #111111;
  --panel-2: #181516;
  --text: #f2f2f2;
  --muted: #aaa3a6;
  --red: #e00000;
  --red-dark: #740000;
  --line: #302a2c;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--bg); color: var(--text); font-family: Arial, Helvetica, sans-serif; line-height: 1.6; }
a { color: inherit; text-decoration: none; }
.site-header { position: sticky; top: 0; z-index: 20; height: 70px; display: flex; align-items: center; justify-content: space-between; padding: 0 6vw; background: rgba(7,7,7,.91); border-bottom: 1px solid var(--line); backdrop-filter: blur(10px); }
.brand { font-weight: 900; letter-spacing: .12em; }
.brand span { color: var(--red); }
nav { display: flex; gap: 28px; }
nav a { color: var(--muted); font-size: .9rem; }
nav a:hover { color: white; }
.hero { min-height: 82vh; position: relative; display: grid; place-items: center; overflow: hidden; background: radial-gradient(circle at 50% 35%, rgba(224,0,0,.16), transparent 38%), linear-gradient(180deg, #090909 0%, #050505 100%); border-bottom: 1px solid var(--line); }
.scanlines { position:absolute; inset:0; opacity:.12; pointer-events:none; background: repeating-linear-gradient(to bottom, transparent 0, transparent 3px, rgba(255,255,255,.12) 4px); }
.hero-content { width: min(1020px, 92vw); text-align: center; padding: 90px 0 80px; position:relative; }
.eyebrow, .section-label { color: var(--red); text-transform: uppercase; letter-spacing: .18em; font-size: .76rem; font-weight: 800; }
.hero-logo { display:block; width:min(900px, 92vw); margin: 12px auto 14px; filter: drop-shadow(0 18px 40px rgba(224,0,0,.16)); }
.hero-copy { max-width: 730px; margin: 0 auto 30px; color: #d0cbcd; font-size: clamp(1rem, 2vw, 1.25rem); }
.hero-actions, .social-actions { display:flex; justify-content:center; gap:14px; flex-wrap:wrap; }
.button { padding: 12px 20px; border:1px solid var(--line); font-weight:700; }
.button.primary { background:var(--red); border-color:var(--red); }
.button.primary:hover { background:#ff1010; }
.button.secondary:hover, .button.social-link:hover { border-color:var(--red); color:white; }
.status { margin-top:24px; color:var(--muted); font-size:.85rem; }
.status span { display:inline-block; width:8px; height:8px; border-radius:50%; background:var(--red); margin-right:8px; box-shadow:0 0 10px var(--red); }
.section { width:min(1180px, 88vw); margin:0 auto; padding:100px 0; }
.split { display:grid; grid-template-columns: .9fr 1.1fr; gap:80px; align-items:start; }
h1, h2 { line-height:1.08; margin:.35em 0 .6em; letter-spacing:-.03em; }
h1 { font-size:clamp(2.6rem, 5vw, 5rem); }
.development h2 { font-size:clamp(2.2rem, 4vw, 4rem); }
.prose { color:#c8c2c4; font-size:1.1rem; }
.prose p:first-child { color:white; font-size:1.3rem; }
.feature-grid { margin-top:34px; display:grid; grid-template-columns:repeat(4,1fr); border-top:1px solid var(--line); border-left:1px solid var(--line); }
.feature-card { min-height:300px; padding:28px; background:linear-gradient(160deg, rgba(255,255,255,.025), transparent); border-right:1px solid var(--line); border-bottom:1px solid var(--line); }
.feature-card:hover { background:var(--panel-2); }
.number { color:var(--red); font-family:monospace; }
.feature-card h2 { font-size:2rem; margin-top:50px; }
.feature-card p { color:var(--muted); }
.warning-band { text-align:center; padding:58px 20px; border-top:1px solid #5b0000; border-bottom:1px solid #5b0000; background:linear-gradient(90deg,#230000,#650000,#230000); text-transform:uppercase; letter-spacing:.12em; }
.warning-band p { margin:0; color:#d7bcbc; }
.warning-band strong { display:block; font-size:clamp(1.3rem,3vw,2.3rem); }
.development { display:grid; grid-template-columns:1fr 1fr; gap:70px; align-items:center; }
.development > div > p:not(.section-label) { color:var(--muted); max-width:600px; }
.progress-panel { border:1px solid var(--line); background:var(--panel); }
.progress-row { display:flex; justify-content:space-between; gap:20px; padding:18px 20px; border-bottom:1px solid var(--line); }
.progress-row:last-child { border-bottom:0; }
.progress-row span { color:#d9d4d6; }
.progress-row b { color:var(--red); text-align:right; font-size:.86rem; }
.follow-section { padding:90px max(6vw,20px); text-align:center; border-top:1px solid var(--line); background:radial-gradient(circle at 50% 100%, rgba(224,0,0,.12), transparent 45%), var(--panel); }
.follow-section h2 { font-size:clamp(2rem,4vw,3.5rem); }
.follow-section > p:not(.section-label):not(.social-note) { color:var(--muted); max-width:650px; margin:0 auto 28px; }
.button.social-link { min-width:170px; background:#0a0a0a; }
.social-note { margin:18px auto 0; color:var(--muted); font-size:.86rem; }
footer { text-align:center; border-top:1px solid var(--line); padding:58px 20px; color:var(--muted); }
.footer-brand { color:white; font-size:1.4rem; }
.footer-links { display:flex; justify-content:center; gap:18px; margin:14px 0; font-size:.86rem; }
.footer-links a:hover { color:white; }
.small { font-size:.78rem; }
@media (max-width: 900px) {
  .split, .development { grid-template-columns:1fr; gap:35px; }
  .feature-grid { grid-template-columns:repeat(2,1fr); }
}
@media (max-width: 620px) {
  .site-header { padding:0 20px; }
  nav { gap:14px; }
  nav a { font-size:.75rem; }
  .hero { min-height:auto; }
  .hero-content { padding-top:70px; }
  .section { padding:72px 0; }
  .feature-grid { grid-template-columns:1fr; }
  .feature-card { min-height:240px; }
  .progress-row { flex-direction:column; gap:4px; }
  .progress-row b { text-align:left; }
}