:root{
  --bg:#070b08;--bg2:#0b110d;--panel:#0e1711;--green:#b7ff2a;--green2:#62ff48;
  --text:#f4f6ef;--muted:#9ba69d;--line:rgba(183,255,42,.18);--gold:#f4c65b;
  --max:1180px
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif;overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 75% 10%,rgba(93,255,64,.09),transparent 32%),radial-gradient(circle at 10% 80%,rgba(183,255,42,.05),transparent 27%);z-index:-2}
.noise{position:fixed;inset:0;opacity:.035;pointer-events:none;z-index:20;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.65'/%3E%3C/svg%3E")}
.container{width:min(var(--max),calc(100% - 40px));margin:auto}.section{padding:120px 0}.nav-wrap{position:fixed;top:0;left:0;right:0;z-index:50;background:linear-gradient(to bottom,rgba(7,11,8,.94),rgba(7,11,8,.45),transparent);backdrop-filter:blur(10px)}
.nav{height:78px;display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;gap:12px;color:var(--text);text-decoration:none;font-weight:800}.brand img{width:42px;height:42px;object-fit:cover;border-radius:50%;border:1px solid var(--line)}.brand span{letter-spacing:-.03em}
.nav-links{display:flex;gap:25px;margin-left:auto}.nav-links a,.nav-cta{color:#d6ddd5;text-decoration:none;font-size:14px}.nav-links a:hover{color:var(--green)}.nav-cta{border:1px solid var(--line);padding:11px 16px;border-radius:999px}.nav-cta:hover{background:var(--green);color:#071007}.menu-btn{display:none;margin-left:auto;background:none;border:0;color:white;font-size:24px}
.hero{height:min(940px,100vh);min-height:760px;position:relative;display:flex;align-items:center;overflow:hidden}.hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;image-rendering:auto;filter:saturate(.9) contrast(1.05)}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,11,8,.97) 5%,rgba(7,11,8,.82) 42%,rgba(7,11,8,.2) 77%),linear-gradient(0deg,var(--bg),transparent 30%)}
.hero-content{position:relative;padding-top:70px}.eyebrow{font-family:"Press Start 2P",monospace;color:var(--green);font-size:10px;letter-spacing:.08em;line-height:1.8}.hero h1,.section h2,.section-head h2,.cta h2{font-size:clamp(48px,7vw,92px);line-height:.96;letter-spacing:-.065em;margin:24px 0}.hero h1 span{color:var(--green)}.hero-copy{max-width:640px;color:#c1cac1;font-size:18px;line-height:1.7}.hero-actions{display:flex;gap:12px;margin-top:34px;flex-wrap:wrap}.button{display:inline-flex;justify-content:center;align-items:center;min-height:50px;padding:0 22px;border-radius:5px;text-decoration:none;font-weight:700;font-size:14px}.primary{background:var(--green);color:#071007;box-shadow:0 0 30px rgba(183,255,42,.18)}.primary:hover{transform:translateY(-2px);box-shadow:0 0 42px rgba(183,255,42,.28)}.ghost{color:white;border:1px solid rgba(255,255,255,.18);background:rgba(7,11,8,.35)}.disabled{opacity:.6;pointer-events:none}.hero-stats{display:flex;gap:42px;margin-top:72px}.hero-stats div{display:flex;flex-direction:column}.hero-stats strong{font-size:28px;color:var(--green)}.hero-stats span{font-size:12px;color:var(--muted);margin-top:5px}
.section-label{font-family:"Press Start 2P";color:#718076;font-size:9px;letter-spacing:.08em;margin-bottom:30px}.story-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:100px}.story h2{font-size:clamp(40px,5vw,68px)}.story-text{font-size:18px;line-height:1.8;color:#b9c1b9}.story-text blockquote{margin:35px 0 0;border-left:2px solid var(--green);padding:10px 0 10px 25px;color:white;font-size:21px}
.city-section{background:linear-gradient(180deg,var(--bg),#09100c,var(--bg))}.section-head{display:flex;justify-content:space-between;align-items:end;gap:70px;margin-bottom:50px}.section-head h2{font-size:clamp(44px,5.5vw,76px)}.section-head>p{max-width:410px;color:var(--muted);line-height:1.7}
.district-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.district{position:relative;min-height:360px;overflow:hidden;border:1px solid rgba(255,255,255,.08);background:#101713}.district img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:.55s;filter:saturate(.75) brightness(.67)}.district:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(5,10,7,.98),rgba(5,10,7,.02) 75%)}.district div{position:absolute;z-index:2;left:22px;right:22px;bottom:20px}.district span{font-size:11px;color:var(--green)}.district h3{margin:8px 0 5px;font-size:21px}.district p{margin:0;color:#aeb8af;font-size:13px}.district:hover img{transform:scale(1.05);filter:saturate(1) brightness(.8)}
.citizens{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.citizen-visual{position:relative}.citizen-visual:before{content:"";position:absolute;inset:8% -5% -5% 8%;border:1px solid var(--line);z-index:-1}.citizen-visual img{display:block;width:100%;border:1px solid rgba(255,255,255,.1)}.citizen-copy h2{font-size:clamp(48px,6vw,82px)}.citizen-copy>p:not(.eyebrow){color:var(--muted);line-height:1.8;font-size:17px}.role-list{display:flex;flex-wrap:wrap;gap:9px;margin-top:30px}.role-list span{border:1px solid var(--line);color:#dce4dc;padding:9px 13px;border-radius:999px;font-size:12px}
.collection-section{background:#090f0b;border-top:1px solid rgba(255,255,255,.05);border-bottom:1px solid rgba(255,255,255,.05)}.collection-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:90px;align-items:center}.collection-grid h2{font-size:clamp(44px,5.2vw,72px)}.muted{color:var(--muted);line-height:1.75}.spec-list{list-style:none;padding:0;margin:35px 0}.spec-list li{display:flex;justify-content:space-between;border-top:1px solid rgba(255,255,255,.08);padding:16px 0}.spec-list span{color:var(--muted)}.featured-card{position:relative;padding:14px;border:1px solid var(--line);background:#0c140f}.featured-card img{width:100%;display:block}.card-badge{position:absolute;left:28px;bottom:28px;background:var(--green);color:#071007;padding:9px 12px;font-family:"Press Start 2P";font-size:8px}
.chapters{border-top:1px solid rgba(255,255,255,.1)}.chapter{display:grid;grid-template-columns:110px 1fr;gap:20px;border-bottom:1px solid rgba(255,255,255,.1);padding:30px 0}.chapter>span{font-family:"Press Start 2P";color:#68776d;font-size:24px}.chapter small{font-family:"Press Start 2P";color:var(--green);font-size:8px}.chapter h3{font-size:32px;margin:10px 0}.chapter p{color:var(--muted);margin:0;max-width:650px}.chapter.active>span{color:var(--green)}
.manifesto{padding:130px 0;background:var(--green);color:#071007}.manifesto p{font-size:clamp(30px,5vw,70px);font-weight:800;letter-spacing:-.055em;line-height:1.02;margin:8px 0}
.faq h2{font-size:clamp(48px,6vw,82px)}.faq-list{max-width:850px;margin-left:auto}.faq details{border-top:1px solid rgba(255,255,255,.12);padding:22px 0}.faq details:last-child{border-bottom:1px solid rgba(255,255,255,.12)}.faq summary{cursor:pointer;font-weight:700;font-size:18px;list-style:none}.faq summary:after{content:"+";float:right;color:var(--green)}.faq details[open] summary:after{content:"−"}.faq details p{color:var(--muted);line-height:1.7;max-width:720px}
.cta{padding:140px 0;text-align:center;background:radial-gradient(circle at center,rgba(183,255,42,.1),transparent 48%)}.cta h2{font-size:clamp(55px,8vw,100px)}.cta .hero-actions{justify-content:center}
footer{border-top:1px solid rgba(255,255,255,.08);padding:42px 0 55px}.footer-grid{display:grid;grid-template-columns:1fr 1fr 2fr;align-items:center;gap:30px}.footer-grid>p{color:var(--muted);font-size:13px}.legal{text-align:right}
.reveal{opacity:1;transform:none;transition:opacity .7s ease,transform .7s ease}.js .reveal{opacity:0;transform:translateY(20px)}.js .reveal.visible{opacity:1;transform:none}
@media(max-width:900px){
  .nav-links,.nav-cta{display:none}.menu-btn{display:block}.nav.open .nav-links{display:flex;position:absolute;top:72px;left:20px;right:20px;flex-direction:column;background:#0b120e;border:1px solid var(--line);padding:20px}
  .hero{min-height:720px}.hero-shade{background:linear-gradient(90deg,rgba(7,11,8,.94),rgba(7,11,8,.5)),linear-gradient(0deg,var(--bg),transparent 35%)}.hero-stats{gap:22px;flex-wrap:wrap}
  .story-grid,.citizens,.collection-grid{grid-template-columns:1fr;gap:55px}.district-grid{grid-template-columns:repeat(2,1fr)}.section-head{align-items:start;flex-direction:column;gap:5px}.footer-grid{grid-template-columns:1fr}.legal{text-align:left}
}
@media(max-width:560px){
  .container{width:min(var(--max),calc(100% - 28px))}.section{padding:85px 0}.hero h1{font-size:48px}.hero-copy{font-size:16px}.hero-stats{margin-top:48px}.district-grid{grid-template-columns:1fr}.district{min-height:410px}.chapter{grid-template-columns:55px 1fr}.chapter>span{font-size:18px}.manifesto{padding:90px 0}.manifesto p{font-size:35px}
}