*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
body{background:#F0EDE6;color:#1A1A1F;font-family:'Inter',sans-serif;overflow-x:hidden}

.masthead{position:sticky;top:0;z-index:100;background:#1A1A1F;padding:16px 24px;border-bottom:2px solid #7B2FFF}
.masthead-inner{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}
.logo-mark{font-family:'IBM Plex Mono',monospace;font-size:1.2rem;color:#F0EDE6}
.logo-bracket{color:#7B2FFF;font-weight:700}
.logo-text{font-weight:700}
.logo-accent{color:#FFE600;font-weight:400}
.nav-pills{display:flex;gap:8px}
.pill{font-family:'Space Grotesk',sans-serif;font-size:.7rem;font-weight:700;letter-spacing:.15em;padding:6px 14px;border-radius:20px;border:1px solid #7B2FFF;color:#F0EDE6;cursor:pointer;transition:all .3s}
.pill.active,.pill:hover{background:#7B2FFF;color:#F0EDE6}

.hero-split{display:flex;min-height:80vh;max-width:1200px;margin:0 auto;padding:60px 24px;gap:60px;align-items:center}
.hero-left{flex:1.2}
.hero-right{flex:1;display:flex;justify-content:center}
.glitch-tag{font-family:'IBM Plex Mono',monospace;font-size:.75rem;font-weight:700;letter-spacing:.3em;color:#FF003C;margin-bottom:16px;text-transform:uppercase}
.hero-headline{font-family:'Space Grotesk',sans-serif;font-size:clamp(3rem,8vw,7rem);font-weight:700;line-height:.95;color:#1A1A1F;margin-bottom:24px}
.hero-deck{font-size:clamp(1rem,1.5vw,1.2rem);line-height:1.7;color:#1A1A1F;opacity:.7;max-width:480px}

.data-stream{font-family:'IBM Plex Mono',monospace;font-size:.85rem;color:#7B2FFF;display:flex;flex-direction:column;gap:12px;padding:32px;background:#1A1A1F;border-radius:12px;min-width:260px}
.stream-line{opacity:0;transform:translateX(20px);animation:streamIn .6s ease forwards;color:#FFE600}
.stream-line:nth-child(2){animation-delay:.3s}
.stream-line:nth-child(3){animation-delay:.6s}
.stream-line:nth-child(4){animation-delay:.9s}
.stream-line:nth-child(5){animation-delay:1.2s}
@keyframes streamIn{to{opacity:1;transform:translateX(0)}}

.editorial-grid{max-width:1200px;margin:0 auto;padding:40px 24px;display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.card{border-radius:14px;padding:36px;transition:transform .3s,box-shadow .3s}
.card:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(26,26,31,.12)}
.card-label{font-family:'IBM Plex Mono',monospace;font-size:.65rem;font-weight:700;letter-spacing:.25em;text-transform:uppercase;display:inline-block;margin-bottom:12px;padding:4px 10px;border-radius:4px}
.card-title{font-family:'Space Grotesk',sans-serif;font-size:clamp(1.3rem,2.5vw,2rem);font-weight:700;margin-bottom:12px;line-height:1.2}
.card-text{font-size:.9rem;line-height:1.7;opacity:.8}

.card-feature{background:#1A1A1F;color:#F0EDE6;grid-column:1/3}
.card-feature .card-label{background:#FF003C;color:#FFF}
.card-secondary{background:#FFF;border:1px solid #1A1A1F20}
.card-secondary .card-label{background:#7B2FFF;color:#FFF}
.card-accent{background:#FFE600;color:#1A1A1F}
.card-accent .card-label{background:#1A1A1F;color:#FFE600}
.card-dark{background:#7B2FFF;color:#F0EDE6}
.card-dark .card-label{background:#FFE600;color:#1A1A1F}

.signal-meter{height:8px;background:#1A1A1F30;border-radius:4px;margin:16px 0;overflow:hidden}
.meter-fill{width:0;height:100%;background:#FF003C;border-radius:4px;animation:fillMeter 2s ease forwards 1s}
@keyframes fillMeter{to{width:78%}}

.ticker-band{background:#1A1A1F;padding:14px 0;overflow:hidden;margin:40px 0}
.ticker-track{display:flex;gap:24px;animation:tickerScroll 20s linear infinite;white-space:nowrap;font-family:'Space Grotesk',sans-serif;font-size:.85rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:#FFE600}
.sep{color:#7B2FFF}
@keyframes tickerScroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}

.manifesto{max-width:1200px;margin:0 auto;padding:80px 24px;text-align:center}
.manifesto-title{font-family:'Space Grotesk',sans-serif;font-size:clamp(1.8rem,4vw,3.5rem);font-weight:700;line-height:1.2;margin-bottom:24px;color:#1A1A1F}
.manifesto-text{font-size:1.05rem;line-height:1.8;max-width:600px;margin:0 auto;color:#1A1A1F;opacity:.7}

.footer{background:#1A1A1F;padding:32px 24px;text-align:center}
.footer-inner{display:flex;justify-content:center;gap:24px;align-items:center;flex-wrap:wrap}
.footer-logo{font-family:'IBM Plex Mono',monospace;color:#7B2FFF;font-weight:700}
.footer-copy{color:#F0EDE6;opacity:.4;font-size:.85rem}

@media(max-width:768px){
  .hero-split{flex-direction:column;min-height:auto;padding:40px 20px}
  .editorial-grid{grid-template-columns:1fr}
  .card-feature{grid-column:1}
}