:root{--gold:#e5c15a;--cyan:#28ddff;--green:#52f1ad;--ink:#020609;--panel:rgba(6,16,24,.78);--line:rgba(101,214,255,.22);--text:#f4f8fb;--muted:#8fa7b7}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:#020609;color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;overflow-x:hidden}.world{position:fixed;inset:0;z-index:-2;background:radial-gradient(circle at 70% 15%,#12374a 0,transparent 31%),radial-gradient(circle at 18% 70%,#142b37 0,transparent 28%),#020609}.world:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.68),rgba(0,0,0,.12) 55%,rgba(0,0,0,.52)),linear-gradient(0deg,#020609 0,transparent 45%)}#cityCanvas{width:100%;height:100%}.scan{position:absolute;inset:0;background:linear-gradient(transparent 49%,rgba(40,221,255,.025) 50%,transparent 51%);background-size:100% 8px;pointer-events:none}.mast{height:82px;padding:0 clamp(20px,5vw,72px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(229,193,90,.18);backdrop-filter:blur(18px);background:rgba(2,6,9,.48)}.brand{display:flex;align-items:center;gap:12px}.mark{width:42px;height:42px;border:1px solid var(--gold);display:grid;place-items:center;color:var(--gold);font-family:Georgia,serif;font-size:27px;box-shadow:0 0 28px rgba(229,193,90,.13)}.brand b{display:block;font-family:Georgia,serif;color:var(--gold);letter-spacing:.12em}.brand small{font-size:8px;letter-spacing:.22em;color:#b6c6ce}.pro{color:#dce8ed;text-decoration:none;border:1px solid var(--line);padding:10px 14px;border-radius:999px;font-size:12px}main{max-width:1500px;margin:auto;padding:0 clamp(20px,5vw,72px)}.hero{min-height:68vh;display:flex;flex-direction:column;justify-content:center;max-width:820px;padding:70px 0}.eyebrow{color:var(--gold);font-size:11px;letter-spacing:.28em;font-weight:800}.hero h1{font-family:Georgia,serif;font-size:clamp(48px,7vw,102px);line-height:.92;margin:18px 0 22px;letter-spacing:-.035em}.hero h1 span{color:transparent;-webkit-text-stroke:1px rgba(244,248,251,.62)}.hero p{max-width:650px;color:#b7c8d1;font-size:clamp(16px,2vw,21px);line-height:1.6}.equation{margin:22px 0;color:var(--gold);font-family:Georgia,serif;font-size:clamp(18px,2vw,27px);text-shadow:0 0 20px rgba(229,193,90,.2)}.actions{display:flex;gap:12px;margin-top:15px}.actions button{border:1px solid var(--gold);background:linear-gradient(135deg,#e5c15a,#a98731);color:#071015;padding:14px 19px;border-radius:9px;font-weight:900;cursor:pointer;box-shadow:0 0 28px rgba(229,193,90,.13)}.actions .ghost{background:rgba(4,13,20,.58);color:#dce8ed;border-color:var(--line);box-shadow:none}.cockpit{margin:0 0 70px;padding:clamp(18px,3vw,36px);border:1px solid var(--line);border-radius:26px;background:linear-gradient(145deg,rgba(7,22,32,.92),rgba(3,9,14,.82));backdrop-filter:blur(24px);box-shadow:0 35px 90px rgba(0,0,0,.5),inset 0 1px rgba(255,255,255,.04)}.cockpitTop{display:flex;justify-content:space-between;gap:20px;align-items:center}.cockpitTop small{letter-spacing:.2em;color:var(--cyan)}.cockpitTop h2{font-family:Georgia,serif;font-size:clamp(25px,4vw,44px);margin:5px 0}.pulse{font-size:10px;color:#9fe5bc;border:1px solid rgba(82,241,173,.25);padding:9px 12px;border-radius:999px}.pulse span{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 12px var(--green);animation:pulse 1.4s infinite}.gauges{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:28px 0}.gauges article{border:1px solid var(--line);border-radius:18px;padding:22px;text-align:center;background:rgba(5,15,23,.62)}.ring{width:125px;height:125px;margin:auto;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,#07131b 55%,transparent 57%),conic-gradient(var(--cyan) 0 82%,rgba(255,255,255,.08) 82%);box-shadow:0 0 32px rgba(40,221,255,.12)}.ring b{font-size:22px}.gauges article>span{display:block;margin-top:12px;color:#a9bec9}.timeline{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:22px}.era{background:#07131b;border:1px solid var(--line);color:#8fa7b7;padding:14px;text-align:left;border-radius:10px;cursor:pointer}.era b,.era span{display:block}.era b{letter-spacing:.15em;font-size:11px}.era span{margin-top:4px}.era.active{border-color:var(--gold);color:#fff;box-shadow:inset 0 -2px var(--gold)}.story{margin-top:12px;padding:18px;border-left:2px solid var(--gold);background:rgba(229,193,90,.05);color:#c8d6dd;line-height:1.6}footer{text-align:center;color:#667d89;font-size:10px;padding:30px}@keyframes pulse{50%{opacity:.35;transform:scale(.7)}}@media(max-width:700px){.mast{height:72px;padding:0 15px}.brand small{display:none}.pro{font-size:10px;padding:8px}.hero{min-height:72vh;padding:50px 0}.gauges{grid-template-columns:1fr}.timeline{grid-template-columns:1fr}.cockpitTop{align-items:flex-start;flex-direction:column}.ring{width:110px;height:110px}}
.citydeck{margin:0 0 70px;padding:clamp(18px,3vw,36px);border:1px solid var(--line);border-radius:26px;background:linear-gradient(145deg,rgba(5,18,28,.96),rgba(2,8,13,.88));box-shadow:0 35px 90px #0008}.deckhead{display:flex;justify-content:space-between;gap:25px;align-items:end}.deckhead small{color:var(--cyan);letter-spacing:.2em}.deckhead h2{font:clamp(30px,4vw,54px)/1 Georgia,serif;margin:7px 0}.deckhead p{color:#9eb3be;max-width:650px}.viewmode{display:flex;gap:6px;flex-wrap:wrap}.mode{background:#07131b;color:#9eb3be;border:1px solid var(--line);padding:9px 12px;border-radius:999px}.mode.active{color:#071015;background:var(--gold);border-color:var(--gold)}.twin{height:min(68vh,700px);min-height:480px;position:relative;margin-top:25px;border:1px solid #1a5267;border-radius:20px;overflow:hidden;background:radial-gradient(circle at 50% 45%,#103245,#03090e 70%);box-shadow:inset 0 0 80px #000,0 0 50px #0ae1ff0b}.twin:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent 70%,#020609cc),radial-gradient(circle at 50% 50%,transparent 40%,#02060999)}#twinCanvas{width:100%;height:100%;touch-action:manipulation}.twinHud{position:absolute;z-index:3;top:14px;left:14px;display:flex;gap:8px;flex-wrap:wrap}.twinHud span{font-size:9px;letter-spacing:.08em;padding:7px 9px;border:1px solid #ffffff18;border-radius:999px;background:#02080dbd;backdrop-filter:blur(12px)}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:5px}.green{background:var(--green);box-shadow:0 0 8px var(--green)}.cyan{background:var(--cyan);box-shadow:0 0 8px var(--cyan)}.inspector{position:absolute;z-index:4;right:16px;bottom:16px;width:min(330px,calc(100% - 32px));padding:18px;border:1px solid #ffffff20;border-radius:16px;background:#02090edb;backdrop-filter:blur(18px);box-shadow:0 15px 45px #0008}.inspector small{color:var(--gold);letter-spacing:.16em}.inspector h3{font:30px Georgia,serif;margin:6px 0}.inspector p,.plain span{font-size:13px;line-height:1.45;color:#9fb4bf}.plain{margin-top:12px;padding:10px;border-left:2px solid var(--cyan);background:#0b253044}.plain b,.plain span{display:block}.plain b{font-size:10px;color:#fff;text-transform:uppercase;letter-spacing:.1em}.systemcards{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:12px}.systemcards button{text-align:left;padding:14px;border:1px solid var(--line);border-radius:12px;background:#06121a;color:#fff}.systemcards b,.systemcards span{display:block}.systemcards span{font-size:11px;color:#829aa7;margin-top:4px}@media(max-width:700px){.deckhead{display:block}.viewmode{margin-top:15px}.twin{height:68vh;min-height:520px}.inspector{bottom:12px;right:12px;width:calc(100% - 24px)}.systemcards{grid-template-columns:1fr 1fr}}
.twin{margin:0 0 36px;padding:clamp(18px,3vw,36px);border:1px solid var(--line);border-radius:26px;background:linear-gradient(145deg,rgba(5,17,26,.96),rgba(2,7,11,.9));box-shadow:0 35px 90px #0008}.twinHead{display:flex;justify-content:space-between;align-items:end;gap:20px}.twinHead small{color:var(--gold);letter-spacing:.2em}.twinHead h2{font:clamp(30px,5vw,58px)/1 Georgia,serif;margin:8px 0}.twinHead p{color:#9bb0bb;max-width:620px}.twinLive{font-size:10px;color:#9fe5bc}.twinLive span{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 14px var(--green);animation:pulse 1.4s infinite}.twinStage{position:relative;height:min(68vh,720px);min-height:480px;margin-top:25px;border:1px solid rgba(40,221,255,.25);border-radius:20px;overflow:hidden;background:radial-gradient(circle at 50% 60%,#0b3545 0,#04121a 38%,#02070b 75%);box-shadow:inset 0 0 80px #000}.twinStage:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent 65%,rgba(0,0,0,.6)),radial-gradient(circle at center,transparent 45%,rgba(0,0,0,.55))}#twinCanvas{width:100%;height:100%;touch-action:none;cursor:grab}.layerDock{position:absolute;z-index:3;top:14px;left:14px;display:flex;gap:6px;flex-wrap:wrap}.layer{border:1px solid rgba(40,221,255,.28);background:rgba(2,10,16,.78);color:#91a9b5;border-radius:999px;padding:8px 11px;font-size:9px;font-weight:900;letter-spacing:.1em}.layer.active{color:#071015;background:var(--gold);border-color:var(--gold)}.twinHint{position:absolute;z-index:3;bottom:13px;left:15px;color:#69828f;font-size:8px;letter-spacing:.16em}.assetCard{position:absolute;z-index:4;right:16px;bottom:16px;width:min(320px,42%);padding:20px;border:1px solid rgba(229,193,90,.28);border-radius:16px;background:rgba(2,9,14,.88);backdrop-filter:blur(16px);box-shadow:0 20px 50px #0008}.assetCard small{color:var(--gold);letter-spacing:.15em}.assetCard h3{font:28px Georgia,serif;margin:7px 0}.assetCard strong{color:var(--green);font-size:12px}.assetCard p{color:#9db0ba;font-size:12px;line-height:1.5}.assetFacts{display:grid;grid-template-columns:1fr 1fr;gap:8px}.assetFacts span{padding:8px;background:#07141c;border:1px solid var(--line);font-size:8px;color:#6f8793}.assetFacts b{display:block;color:#eaf5f8;font-size:10px;margin-bottom:3px}@media(max-width:700px){.twinHead{align-items:flex-start;flex-direction:column}.twinStage{height:68vh;min-height:540px}.assetCard{left:12px;right:12px;bottom:35px;width:auto;padding:14px}.assetCard h3{font-size:22px}.layerDock{right:10px}.twinHint{display:none}}

/* TGMP governed integration + municipal touchscreen */
.intelligence,.touchscreen{margin:0 0 36px;padding:clamp(18px,3vw,36px);border:1px solid var(--line);border-radius:26px;background:linear-gradient(145deg,rgba(5,17,26,.97),rgba(2,7,11,.93));box-shadow:0 35px 90px #0008;overflow:hidden}
.intelHead,.touchHead{display:flex;justify-content:space-between;align-items:end;gap:24px}.intelHead small,.touchHead small{color:var(--gold);letter-spacing:.2em}.intelHead h2,.touchHead h2{font:clamp(30px,5vw,58px)/1 Georgia,serif;margin:8px 0;max-width:850px}.intelHead p,.touchHead p{color:#9bb0bb;max-width:760px;line-height:1.55}
.intelSeal{width:150px;min-width:150px;aspect-ratio:1;border:1px solid rgba(229,193,90,.55);border-radius:50%;display:grid;place-content:center;text-align:center;box-shadow:0 0 45px rgba(229,193,90,.10),inset 0 0 35px rgba(229,193,90,.06);color:var(--gold)}.intelSeal span{font:40px Georgia,serif}.intelSeal b{font-size:10px;letter-spacing:.16em}.intelSeal small{font-size:6px;margin-top:4px}
.intelStage{height:min(58vh,600px);min-height:430px;position:relative;margin-top:24px;border:1px solid rgba(40,221,255,.23);border-radius:20px;overflow:hidden;background:radial-gradient(circle at center,#0c3444 0,#041019 45%,#010508 80%)}#networkCanvas{width:100%;height:100%}.intelLegend{position:absolute;left:16px;right:16px;top:14px;display:flex;gap:6px;flex-wrap:wrap}.intelLegend span{font-size:8px;letter-spacing:.12em;padding:7px 9px;border:1px solid #ffffff18;border-radius:999px;background:#02080dc9;color:#9cb4c0}.intelDoctrine{position:absolute;left:18px;bottom:18px;padding:14px 16px;border-left:2px solid var(--gold);background:#02080dd9;backdrop-filter:blur(12px)}.intelDoctrine b,.intelDoctrine span{display:block}.intelDoctrine b{color:var(--gold);font-size:11px;letter-spacing:.12em}.intelDoctrine span{color:#91a8b4;font-size:10px;margin-top:5px}
.touchLive{font-size:9px;color:#9fe5bc;border:1px solid rgba(82,241,173,.22);padding:9px 11px;border-radius:999px}.touchLive span{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 12px var(--green);animation:pulse 1.4s infinite}.touchBody{display:grid;grid-template-columns:130px minmax(0,1fr) 310px;min-height:570px;margin-top:24px;border:1px solid rgba(40,221,255,.24);border-radius:20px;overflow:hidden;background:#02080d}.touchRail{padding:12px;background:#041018;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:7px}.touchSystem{padding:13px 9px;text-align:left;border:1px solid transparent;border-radius:9px;background:#07141c;color:#78919e;font-size:9px;font-weight:900;letter-spacing:.09em}.touchSystem.active{border-color:var(--gold);color:#061016;background:linear-gradient(135deg,#f0d06c,#aa8731)}.touchMap{position:relative;min-width:0;background:radial-gradient(circle at 50% 48%,#0b3545,#031019 58%,#010609)}#touchCanvas{width:100%;height:100%;touch-action:manipulation}.touchPrompt{position:absolute;left:14px;bottom:12px;color:#607985;font-size:8px;letter-spacing:.16em}.touchPanel{padding:24px;background:linear-gradient(180deg,#06131bd9,#02080df2);border-left:1px solid var(--line)}.touchPanel>small{color:var(--gold);letter-spacing:.15em}.touchPanel h3{font:32px Georgia,serif;margin:8px 0 10px}.touchState{display:flex;align-items:center;gap:8px;color:var(--green);font-size:11px}.touchState i{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 12px var(--green)}.touchPanel p{color:#9db1bb;line-height:1.55;font-size:12px;min-height:75px}.dependency,.authority{padding:12px;margin-top:9px;border:1px solid var(--line);border-radius:10px;background:#07141c}.dependency span,.authority span{display:block;color:#6f8793;font-size:7px;letter-spacing:.14em}.dependency b,.authority b{display:block;color:#eaf5f8;font-size:11px;margin-top:4px}.authority{border-color:rgba(229,193,90,.25)}.authority b{color:var(--gold)}.authority small{display:block;color:#7f959f;font-size:9px;line-height:1.4;margin-top:5px}
@media(max-width:900px){.intelSeal{display:none}.touchBody{grid-template-columns:1fr;min-height:0}.touchRail{flex-direction:row;overflow-x:auto;border-right:0;border-bottom:1px solid var(--line)}.touchSystem{white-space:nowrap}.touchMap{height:470px}.touchPanel{border-left:0;border-top:1px solid var(--line)}}
@media(max-width:700px){.intelHead,.touchHead{align-items:flex-start;flex-direction:column}.intelStage{min-height:460px}.touchMap{height:440px}.touchPanel h3{font-size:27px}}

.mark{overflow:hidden;border:0;border-radius:50%;background:#0c2347}.mark img{width:100%;height:100%;display:block;object-fit:cover}.intelSeal{overflow:hidden;padding:0;background:#0c2347;border:0;box-shadow:none}.intelSeal img{width:100%;height:100%;display:block;object-fit:cover;border-radius:50%;box-shadow:0 0 36px rgba(229,193,90,.12)}

@media(max-width:900px){.intelSeal{display:block;width:112px;min-width:112px}}
@media(max-width:700px){.intelHead{display:grid;grid-template-columns:minmax(0,1fr) 88px;align-items:center;gap:12px}.intelSeal{display:block;width:88px;min-width:88px}.intelHead h2{font-size:clamp(28px,8vw,42px)}}