*{box-sizing:border-box}body{margin:0;background:#050806;color:#f5f7f5;font-family:Arial,Helvetica,sans-serif;min-height:100vh}body.respawn{background:#090510}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 15% 20%,#a6ff0030,transparent 30%),radial-gradient(circle at 85% 25%,#37ff6a18,transparent 28%)}body.respawn:before{background:radial-gradient(circle at 15% 20%,#9b22ff33,transparent 30%),radial-gradient(circle at 85% 30%,#ff1fa833,transparent 28%),radial-gradient(circle at 55% 70%,#16d9ff18,transparent 25%)}a{color:inherit;text-decoration:none}.wrap{max-width:1120px;margin:auto;padding:0 22px}.nav{display:flex;justify-content:space-between;align-items:center;padding:22px 0;border-bottom:1px solid #ffffff18}.logo{font-size:28px;font-weight:1000;letter-spacing:-2px}.accent{color:#a6ff00}.respawn .accent{color:#ff32c8}.navlinks{display:flex;gap:18px;align-items:center}.btn{display:inline-block;background:#a6ff00;color:#071006;padding:14px 22px;border:0;border-radius:6px;font-weight:900;cursor:pointer}.respawn .btn{background:linear-gradient(90deg,#8d35ff,#ff2ebd);color:#fff}.ghost{background:#ffffff0a!important;color:#fff!important;border:1px solid #ffffff30}.hero{padding:78px 0 54px;display:grid;grid-template-columns:1.25fr .75fr;gap:36px;align-items:center}.eyebrow{letter-spacing:4px;font-weight:900;color:#a6ff00;font-size:13px}.respawn .eyebrow{color:#45dfff}.hero h1,.section h1{font-size:clamp(48px,8vw,100px);line-height:.9;margin:14px 0 24px;letter-spacing:-5px}.hero p{font-size:20px;line-height:1.55;color:#cbd0cc;max-width:720px}.panel,.card{background:#0d110fdd;border:1px solid #a6ff0044;box-shadow:0 20px 60px #0008;padding:26px;border-radius:12px}.respawn .panel,.respawn .card{border-color:#a838ff66;background:#100a16dd}.stat{font-size:40px;font-weight:1000}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:30px 0 60px}.card h3{margin:8px 0}.muted{color:#9ca49f}.section{padding:52px 0;border-top:1px solid #ffffff14}.form{max-width:680px}.form input,.form select{width:100%;padding:15px;margin:7px 0 13px;background:#080b09;border:1px solid #ffffff28;color:white;border-radius:6px}.form label{font-weight:800;font-size:13px}.notice{padding:14px;border-left:3px solid #a6ff00;background:#ffffff08;margin:18px 0}.respawn .notice{border-color:#ff32c8}.footer{padding:34px 0;color:#7f8882;border-top:1px solid #ffffff14;margin-top:60px;font-size:13px}@media(max-width:760px){.hero{grid-template-columns:1fr;padding-top:45px}.grid{grid-template-columns:1fr 1fr}.hero h1{letter-spacing:-3px}.navlinks a:not(.btn){display:none}}
.network-line{font-weight:1000;letter-spacing:2px;font-size:15px;margin:12px 0 4px;color:#f4f6f1}.network-line b{color:#a6ff00}.microfacts{display:flex;gap:18px;flex-wrap:wrap;margin-top:28px;color:#dce2dc;font-size:11px;font-weight:900;letter-spacing:1px}.microfacts span{border-left:2px solid #a6ff00;padding-left:9px}.hero{position:relative;overflow:visible}.hero:after{content:'SOUTH AFRICA\A PLAYS HERE';white-space:pre;position:absolute;right:-80px;bottom:20px;font-weight:1000;font-style:italic;font-size:34px;line-height:.9;transform:rotate(-6deg);color:#a6ff00;opacity:.14;letter-spacing:-2px;pointer-events:none}.panel{backdrop-filter:blur(8px)}.card{position:relative;overflow:hidden}.card:after{content:'';position:absolute;inset:auto -25% -70% 20%;height:100%;background:radial-gradient(circle,#a6ff0022,transparent 65%);pointer-events:none}
@media(max-width:760px){.hero:after{display:none}.microfacts{gap:10px}.network-line{font-size:12px}}

/* cinematic homepage v2 */
.n3xt-home{margin-left:calc((1120px - 100vw)/2);margin-right:calc((1120px - 100vw)/2);background:#020503;overflow:hidden}.cinema-hero{min-height:650px;position:relative;padding:70px max(5vw,calc((100vw - 1200px)/2));display:grid;grid-template-columns:1.15fr .58fr .78fr;gap:25px;align-items:center;border-bottom:1px solid #9dff0040;background:radial-gradient(circle at 58% 38%,#8cff0030,transparent 20%),radial-gradient(circle at 10% 45%,#173800,transparent 40%),repeating-linear-gradient(90deg,#a6ff0005 0 1px,transparent 1px 42px),linear-gradient(110deg,#020503,#071007 48%,#030604)}.cinema-hero:after{content:'SOUTH AFRICA  //  CAPE TOWN  //  GAMING NETWORK';position:absolute;right:3%;top:3%;color:#9dff00;font-size:9px;letter-spacing:2px}.hero-copy{z-index:3}.hero-copy h1{font-size:clamp(58px,5.8vw,94px);line-height:.82;margin:16px 0 22px;letter-spacing:-5px;text-shadow:0 5px 35px #000}.hero-copy h1 span{color:#9dff00;text-shadow:0 0 30px #83ff0040}.hero-copy p{font-size:16px;color:#d0d8d1;max-width:640px}.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.hero-operative{height:470px;position:relative;z-index:2;filter:drop-shadow(0 0 30px #8cff0038);background:radial-gradient(ellipse at 50% 32%,#293c23,#0b100b 29%,transparent 30%),linear-gradient(150deg,transparent 25%,#1b281b 26% 64%,transparent 65%);clip-path:polygon(18% 0,82% 0,100% 30%,90% 100%,10% 100%,0 30%)}.helmet{position:absolute;top:12%;left:18%;right:18%;height:35%;border:2px solid #71846d;border-radius:45% 45% 28% 28%;background:linear-gradient(135deg,#1b261a,#050805);display:flex;justify-content:center;padding-top:28px;color:#8cff00;font-weight:1000;letter-spacing:5px}.visor{position:absolute;top:27%;left:23%;right:23%;height:12%;background:#a6ff00;box-shadow:0 0 18px #a6ff00,0 0 55px #a6ff00;clip-path:polygon(0 20%,100% 0,90% 75%,8% 100%)}.chest{position:absolute;bottom:20%;left:42%;font-weight:1000;font-size:30px;color:#fff;border:1px solid #9dff00;padding:5px 9px;transform:rotate(-5deg)}.join-console{z-index:5;background:#040806ed;border:1px solid #8cff0066;padding:24px;box-shadow:0 0 45px #7cff0015;clip-path:polygon(0 0,92% 0,100% 8%,100% 92%,92% 100%,0 100%)}.join-console h2{margin:5px 0 14px}.join-console input{width:100%;margin:5px 0;padding:13px;background:#0a100c;border:1px solid #445146;color:#fff}.join-console .btn{width:100%;margin:7px 0}.join-console small{color:#929b94}.feature-deck{padding:12px max(3vw,calc((100vw - 1450px)/2)) 25px;display:grid;grid-template-columns:repeat(4,1fr) 1.2fr;gap:9px;background:#030604}.feature-card,.status-console{min-height:190px;border:1px solid #7fff0048;background:radial-gradient(circle at 70% 10%,#8cff0025,transparent 38%),linear-gradient(160deg,#121c13,#050806 70%);padding:20px;position:relative;overflow:hidden}.feature-card:after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 30px,#9dff0008 31px);pointer-events:none}.feature-card i{color:#9dff00;font-size:11px;font-weight:900}.feature-card h3{font-size:20px;margin:72px 0 4px}.feature-card p{font-size:12px;color:#b8c0ba;margin:0}.status-console{display:grid;align-content:center}.status-console strong{font-size:52px}.status-console span{color:#9dff00;font-weight:900}.status-console small{color:#778078;margin-top:10px}.network-strip{display:grid;grid-template-columns:1fr 1fr .8fr;gap:20px;align-items:center;padding:45px max(5vw,calc((100vw - 1300px)/2));border-block:1px solid #ffffff12;background:linear-gradient(90deg,#040704,#0b150c,#030504)}.network-strip h2{font-size:36px;margin:6px 0}.network-strip h2 span,.sa-statement b,.manifesto h2 span{color:#9dff00}.network-strip p{color:#aab2ab;font-size:13px}.sa-statement{font-size:42px;font-weight:1000;font-style:italic;line-height:.9;text-align:center;transform:rotate(-3deg);text-shadow:0 0 28px #8cff0030}.network-pulse{border:1px solid #7fff0045;padding:22px;display:grid;gap:8px}.network-pulse b{color:#9dff00}.network-pulse small{color:#778078;font-size:9px}.manifesto{padding:35px max(5vw,calc((100vw - 1300px)/2));display:flex;justify-content:space-between;align-items:center}.manifesto small{letter-spacing:3px;color:#8f988f}.manifesto h2{font-size:34px;margin:6px 0}@media(max-width:1050px){.n3xt-home{margin-left:-22px;margin-right:-22px}.cinema-hero{grid-template-columns:1fr 1fr}.join-console{grid-column:1/3}.feature-deck{grid-template-columns:repeat(2,1fr)}.status-console{grid-column:1/3}.network-strip{grid-template-columns:1fr}}@media(max-width:650px){.cinema-hero{display:block;padding:45px 22px}.hero-copy h1{font-size:55px}.hero-operative{height:300px;margin:20px 0}.feature-deck{grid-template-columns:1fr;padding:10px}.status-console{grid-column:auto}.network-strip{padding:32px 22px}.sa-statement{text-align:left;font-size:34px}.manifesto{padding:28px 22px;display:block}.manifesto .btn{margin-top:12px}}

/* desktop landscape expansion v3 */
@media(min-width:1200px){
  .wrap{max-width:none;width:100%;padding:0 3.2vw}
  .nav{max-width:1680px;margin:0 auto;padding-left:0;padding-right:0}
  .n3xt-home{margin-left:-3.2vw;margin-right:-3.2vw}
  .cinema-hero{min-height:clamp(650px,72vh,820px);padding-left:5vw;padding-right:5vw;grid-template-columns:minmax(560px,1.15fr) minmax(320px,.72fr) minmax(350px,.72fr);gap:3vw}
  .hero-copy h1{font-size:clamp(76px,6.2vw,118px)}
  .hero-copy p{max-width:760px;font-size:18px}
  .hero-operative{height:min(62vh,610px)}
  .join-console{max-width:430px;width:100%;justify-self:start}
  .feature-deck{padding-left:4vw;padding-right:4vw;grid-template-columns:repeat(4,minmax(220px,1fr)) minmax(280px,1.1fr);gap:14px}
  .feature-card,.status-console{min-height:230px}
  .feature-card h3{font-size:24px;margin-top:96px}
  .feature-card p{font-size:14px}
  .network-strip{padding-left:7vw;padding-right:7vw;min-height:230px}
  .network-strip h2{font-size:48px}
  .sa-statement{font-size:54px}
  .manifesto{padding-left:7vw;padding-right:7vw;min-height:150px}
  .manifesto h2{font-size:42px}
  .footer{max-width:1680px;margin-left:auto;margin-right:auto}
}
@media(min-width:1700px){
  .cinema-hero{padding-left:8vw;padding-right:8vw;grid-template-columns:1.2fr .72fr .72fr}
  .feature-deck{padding-left:7vw;padding-right:7vw}
}

/* N3XT production artwork integration v4 */
:root{--n3xt:#9dff00;--asset:'/assets/n3xt/'}
body{background:#020503 url('/assets/n3xt/textures/grunge.png') center top/cover fixed}
.nav .brand{font-size:0;width:230px;height:62px;background:url('/assets/n3xt/logo/n3xt-logo.png') left center/contain no-repeat;display:block}
.cinema-hero{isolation:isolate;background-image:linear-gradient(90deg,rgba(1,5,2,.93) 0%,rgba(2,7,3,.78) 35%,rgba(2,7,3,.22) 63%,rgba(1,4,2,.72) 100%),url('/assets/n3xt/backgrounds/hero-desktop.jpg');background-size:cover;background-position:center}
.cinema-hero:before{content:"";position:absolute;inset:0;z-index:-1;background:url('/assets/n3xt/hud/hud-overlay.png') center/cover no-repeat;opacity:.38;mix-blend-mode:screen;pointer-events:none}
.hero-operative{clip-path:none;background:url('/assets/n3xt/operators/operator.png') center bottom/contain no-repeat;filter:drop-shadow(0 0 30px #8cff0048);height:min(65vh,650px)}
.hero-operative .helmet,.hero-operative .visor,.hero-operative .chest{display:none}
.join-console{background:linear-gradient(145deg,#020604ef,#071108e8);box-shadow:0 0 50px #6dff001c,inset 0 0 35px #000}
.feature-card{min-height:290px;background-size:cover!important;background-position:center!important;display:flex;flex-direction:column;justify-content:flex-end}
.feature-card:nth-child(1){background-image:linear-gradient(0deg,#020503f5 0%,#0205037a 55%,#00000018 100%),url('/assets/n3xt/features/communities.jpg')!important}
.feature-card:nth-child(2){background-image:linear-gradient(0deg,#020503f5 0%,#0205037a 55%,#00000018 100%),url('/assets/n3xt/features/clans.jpg')!important}
.feature-card:nth-child(3){background-image:linear-gradient(0deg,#020503f5 0%,#0205037a 55%,#00000018 100%),url('/assets/n3xt/features/events.jpg')!important}
.feature-card:nth-child(4){background-image:linear-gradient(0deg,#020503f5 0%,#0205037a 55%,#00000018 100%),url('/assets/n3xt/features/creators.jpg')!important}
.feature-card i{position:absolute;top:18px;left:20px;text-shadow:0 1px 10px #000}.feature-card h3{margin:0 0 6px;font-size:25px;text-shadow:0 3px 12px #000}.feature-card p{font-size:14px;color:#e2e7e2;text-shadow:0 2px 8px #000}.feature-card:after{background:linear-gradient(135deg,transparent 65%,#9dff0017),repeating-linear-gradient(90deg,transparent 0 42px,#9dff0008 43px)}
.network-strip{position:relative;overflow:hidden;background:linear-gradient(90deg,#030703f7 0%,#071208e5 40%,#020503d9 100%),url('/assets/n3xt/hud/sa-network-map.png') 56% 50%/42% auto no-repeat}
.network-strip:after{content:"";position:absolute;inset:0;background:url('/assets/n3xt/textures/grunge.png') center/cover;opacity:.10;mix-blend-mode:screen;pointer-events:none}
.network-strip>*{position:relative;z-index:2}
.manifesto{position:relative;background:linear-gradient(90deg,#020503f5,#020503d9),url('/assets/n3xt/textures/grunge.png') center/cover}
.status-console{background:linear-gradient(145deg,#071309,#020503),url('/assets/n3xt/hud/sa-network-map.png') 120% 50%/70% auto no-repeat}
@media(max-width:650px){
 .cinema-hero{background-image:linear-gradient(180deg,rgba(1,5,2,.70),rgba(1,5,2,.90) 48%,#020503 78%),url('/assets/n3xt/mobile/hero-mobile.jpg');background-position:center top;background-size:cover}
 .cinema-hero:before{background-size:auto 100%;opacity:.24}
 .hero-operative{background-image:url('/assets/n3xt/operators/monolith.png');height:360px;margin:10px auto;max-width:330px}
 .nav .brand{width:165px;height:48px}
 .feature-card{min-height:250px}
 .network-strip{background-size:cover,90% auto;background-position:center,center 55%}
}