:root{--ign-gap:16px}
body{background:transparent}
.nav-ign{position:sticky;top:0;z-index:10;background:rgba(0,0,0,.4);backdrop-filter:blur(10px);border-bottom:1px solid rgba(0,255,255,.25)}
.nav-ign .nav-wrap{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:12px 20px}
.nav-ign .brand{color:#0ff;text-decoration:none;font-weight:800;letter-spacing:.5px}
.nav-ign .menu a{color:#fff;text-decoration:none;margin:0 10px;opacity:.85}
.nav-ign .menu a.active,.nav-ign .menu a:hover{color:#0ff}

.ign-shell{max-width:1200px;margin:0 auto;padding:20px}
.hero-rail{display:grid;grid-template-columns:2fr 1fr;gap:var(--ign-gap)}
.hero-main,.hero-card{position:relative;border-radius:14px;overflow:hidden;background:rgba(0,0,0,.35);border:1px solid rgba(255,255,255,.08)}
.hero-main .thumb,.hero-card .thumb{aspect-ratio:16/9;background:linear-gradient(135deg,#00ffff22,#7a00ff22)}
.hero-main .overlay{position:absolute;inset:auto 0 0 0;padding:16px;background:linear-gradient(180deg,transparent,rgba(0,0,0,.65))}
.hero-main .title{margin:.15rem 0 .35rem;font-size:1.8rem}
.hero-main .dek{opacity:.9}
.hero-side{display:grid;grid-template-columns:1fr;gap:var(--ign-gap)}
.hero-card .meta{padding:12px}
.badge{display:inline-block;background:#0ff;color:#000;font-weight:700;border-radius:999px;padding:.25rem .6rem;font-size:.7rem}

.feed{margin-top:28px}
.section-h{margin:0 0 10px 0}
.feed .grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--ign-gap)}
.card{border-radius:12px;overflow:hidden;background:rgba(0,0,0,.35);border:1px solid rgba(255,255,255,.08);cursor:pointer}
.card .thumb{aspect-ratio:16/9;background:linear-gradient(135deg,#7a00ff22,#00ff7f22)}
.card .body{padding:12px}
.card .chip{display:inline-block;background:#7a00ff;color:#fff;border-radius:8px;padding:.15rem .4rem;margin-bottom:.35rem;font-size:.7rem}

.business-band{margin:36px 0;border-radius:14px;background:rgba(0,0,0,.35);border:1px solid rgba(255,255,255,.08);padding:20px}
.business-band .wrap{display:flex;gap:20px;align-items:center;justify-content:space-between}
.business-band .copy h2{margin:.2rem 0 .4rem}
.business-band .pills{list-style:none;display:flex;gap:8px;margin:0;padding:0;flex-wrap:wrap}
.business-band .pills li{border:1px solid rgba(0,255,255,.35);border-radius:999px;padding:.35rem .6rem;color:#0ff}

@media (max-width: 980px){
  .hero-rail{grid-template-columns:1fr}
  .feed .grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width: 600px){
  .feed .grid{grid-template-columns:1fr}
}