/* ===== HERO ===== */
.hero{ position:relative; min-height:92vh; display:flex; align-items:center; overflow:hidden; }
.hero-bg{ position:absolute; inset:0; z-index:0; }
.rift-seam{
  position:absolute; top:-10%; left:50%; width:2px; height:120%;
  background:linear-gradient(180deg, transparent, var(--ember) 30%, var(--horn) 50%, var(--circuit) 70%, transparent);
  transform:translateX(-50%) rotate(8deg); filter:blur(.5px);
  animation:seam-flicker 4s ease-in-out infinite;
}
@keyframes seam-flicker{ 0%,100%{ opacity:.55;} 50%{ opacity:1;} }
.glyphs{ position:absolute; inset:0; opacity:.12; background-image:
  radial-gradient(1px 1px at 20% 30%, var(--circuit), transparent),
  radial-gradient(1px 1px at 70% 60%, var(--ember), transparent),
  radial-gradient(1px 1px at 40% 80%, var(--horn), transparent),
  radial-gradient(1px 1px at 90% 20%, var(--circuit), transparent);
  background-size:100% 100%;
}
.hero-inner{ text-align:center; padding-top:40px; }
.hero-title{
  font-family:var(--f-display); font-weight:900; font-size:clamp(3rem,10vw,7rem);
  line-height:1; letter-spacing:.02em; display:flex; align-items:center; justify-content:center; gap:.15em; flex-wrap:wrap;
}
.half-l{ color:var(--ember); text-shadow:0 0 30px rgba(230,57,80,.4); }
.half-r{ color:var(--circuit); text-shadow:0 0 30px rgba(47,232,212,.4); font-family:var(--f-tech); }
.seam-slash{ color:var(--horn); font-weight:300; }
.hero-tag{ font-family:var(--f-tech); font-size:1rem; letter-spacing:.1em; color:var(--horn); margin:22px 0 10px; }
.hero-desc{ max-width:620px; margin:0 auto; color:var(--ash-dim); font-size:1rem; line-height:1.8; }
.hero-cta{ display:flex; gap:18px; justify-content:center; margin:34px 0 26px; flex-wrap:wrap; }
.hero-status{ font-family:var(--f-tech); font-size:.72rem; letter-spacing:.1em; color:var(--ash-dim); }
#live-state{ color:var(--ash-faint); font-weight:700; }
#live-state.on{ color:var(--ember); }

/* ===== STATS ===== */
.stats-section{ padding:100px 0 60px; text-align:center; }
.stat-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:18px; margin-top:36px; text-align:left; }
.stat-note{ margin-top:18px; font-size:.78rem; color:var(--ash-faint); }
@media (max-width:820px){ .stat-grid{ grid-template-columns:repeat(2,1fr); } }

/* ===== DUALITY ===== */
.duality-section{ padding:80px 0; }
.duality-grid{ display:grid; grid-template-columns:1fr auto 1fr; gap:30px; align-items:center; }
.duality-card{ padding:36px 30px; border:1px solid rgba(255,255,255,.08); position:relative; overflow:hidden; }
.duality-card h3{ font-family:var(--f-display); font-size:1.6rem; margin:10px 0 14px; }
.duality-card p{ color:var(--ash-dim); line-height:1.8; font-size:.94rem; }
.duality-card.demon{ background:linear-gradient(155deg, rgba(230,57,80,.1), transparent 60%); border-color:rgba(230,57,80,.25); }
.duality-card.circuit{ background:linear-gradient(205deg, rgba(47,232,212,.1), transparent 60%); border-color:rgba(47,232,212,.25); }
.seam-divider img{ width:72px; height:72px; object-fit:contain; filter:drop-shadow(0 0 14px rgba(212,168,87,.5)); animation:seam-float 3.6s ease-in-out infinite; }
@keyframes seam-float{ 0%,100%{ transform:translateY(0) scale(1); } 50%{ transform:translateY(-8px) scale(1.04); } }
@media (max-width:820px){ .duality-grid{ grid-template-columns:1fr; } .seam-divider{ justify-self:center; } }

/* ===== QUICK LINKS ===== */
.quick-section{ padding:60px 0 100px; }
.quick-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:20px; margin-top:30px; }
.quick-card{
  display:block; padding:28px; border:1px solid rgba(255,255,255,.08); background:rgba(255,255,255,.02);
  transition:transform .3s ease, border-color .3s ease;
}
.quick-card:hover{ transform:translateY(-6px); border-color:var(--circuit); }
.qn{ font-family:var(--f-tech); color:var(--ember); font-size:.75rem; letter-spacing:.2em; }
.quick-card h4{ font-family:var(--f-display); font-size:1.25rem; margin:12px 0 8px; }
.quick-card p{ color:var(--ash-dim); font-size:.86rem; }
@media (max-width:820px){ .quick-grid{ grid-template-columns:1fr; } }