@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');

:root{
  --bg:#05070a;
  --surface:rgba(11,15,21,.62);
  --surface-strong:rgba(12,17,24,.82);
  --line:rgba(255,255,255,.085);
  --text:#f6f8fb;
  --muted:#9aa6b4;
  --cyan:#5ff4ff;
  --red:#ff5268;
  --violet:#ad7cff;
  --orange:#ff9a58;
  --green:#7df7bb;
  --radius:28px;
  --shadow:0 28px 90px rgba(0,0,0,.38);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:92px;background:var(--bg)}
body{margin:0;min-height:100vh;overflow-x:hidden;color:var(--text);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#05070a}
body::before{content:"";position:fixed;inset:-20%;z-index:0;pointer-events:none;background:radial-gradient(circle at 22% 18%,rgba(255,82,104,.08),transparent 28%),radial-gradient(circle at 78% 18%,rgba(95,244,255,.08),transparent 30%),radial-gradient(circle at 55% 68%,rgba(173,124,255,.055),transparent 30%);filter:blur(80px)}
body::after{display:none!important}
a{color:inherit;text-decoration:none}
button{font:inherit}

#aqueduct3d{position:fixed!important;inset:0!important;width:100%!important;height:100%!important;z-index:0!important;opacity:1!important;filter:saturate(.9) contrast(1.02)!important}
.grid-bg,.scanline,.crt-vignette{display:none!important}

.nav{
  position:fixed!important;top:14px!important;left:14px!important;right:14px!important;z-index:40!important;
  max-width:1460px;margin:0 auto;padding:10px 12px!important;min-height:60px!important;
  border:1px solid var(--line)!important;border-radius:20px!important;background:rgba(9,12,17,.68)!important;
  backdrop-filter:blur(28px) saturate(1.25)!important;box-shadow:0 16px 55px rgba(0,0,0,.26),inset 0 1px 0 rgba(255,255,255,.055)!important
}
.nav::before,.nav::after{display:none!important}
.brand{gap:.7rem!important}.brand-mark{width:40px!important;height:40px!important;border:1px solid rgba(255,255,255,.09)!important;border-radius:13px!important;background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.015))!important;box-shadow:none!important;color:var(--cyan)!important;font:800 .9rem/1 Inter,sans-serif!important}
.brand-type strong{font:700 .82rem/1 Inter,sans-serif!important;letter-spacing:.08em!important}.brand-type small{font:600 .54rem/1 Inter,sans-serif!important;letter-spacing:.14em!important;color:var(--cyan)!important}
.nav nav{gap:.12rem!important}.nav nav a{padding:.62rem .72rem!important;border:0!important;border-radius:999px!important;color:rgba(232,239,247,.64)!important;font:700 .66rem/1 Inter,sans-serif!important;letter-spacing:.04em!important;transition:160ms ease!important}.nav nav a:hover{background:rgba(255,255,255,.065)!important;color:#fff!important;text-shadow:none!important}.privacy-nav{color:#ffc391!important}

.status-rail{position:fixed!important;z-index:39!important;top:84px!important;right:max(14px,calc((100vw - 1460px)/2 + 14px))!important;left:auto!important;width:max-content!important;max-width:calc(100vw - 28px)!important;min-height:auto!important;padding:.42rem .58rem!important;gap:.42rem!important;border:1px solid rgba(255,255,255,.065)!important;border-radius:999px!important;background:rgba(7,10,15,.54)!important;backdrop-filter:blur(24px)!important;color:rgba(197,208,220,.55)!important;font:700 .54rem/1 Inter,sans-serif!important;letter-spacing:.035em!important;box-shadow:0 14px 40px rgba(0,0,0,.2)!important}
.status-rail span{padding:.2rem .4rem!important}.dot.live{background:var(--cyan)!important;box-shadow:0 0 12px rgba(95,244,255,.8)!important}

main{position:relative;z-index:2!important;padding:0!important}
.section{position:relative;padding:clamp(6rem,9vw,9rem) clamp(1.2rem,5vw,5.5rem)!important}

.city-command{min-height:100svh!important;padding:0!important;display:block!important;background:transparent!important;overflow:hidden!important}
.city-stage{position:relative!important;min-height:100svh!important;border:0!important;background:transparent!important;box-shadow:none!important;backdrop-filter:none!important;overflow:hidden!important}
.city-stage::before{display:none!important}
.city-stage-head{position:absolute!important;z-index:7!important;left:clamp(1.2rem,4vw,4.5rem)!important;bottom:clamp(7rem,11vh,9rem)!important;width:min(720px,72vw)!important;padding:0!important;border:0!important;background:transparent!important;display:block!important}
.city-stage-head .micro{display:inline-flex!important;padding:.46rem .68rem!important;border:1px solid rgba(255,255,255,.075)!important;border-radius:999px!important;background:rgba(8,11,16,.46)!important;backdrop-filter:blur(18px)!important;color:rgba(255,255,255,.66)!important;font:700 .56rem/1 Inter,sans-serif!important;letter-spacing:.09em!important}
.city-stage h1{margin:.75rem 0 .7rem!important;font:800 clamp(3rem,6.4vw,6.6rem)/.86 Inter,sans-serif!important;letter-spacing:-.065em!important;text-transform:none!important;color:transparent!important;background:linear-gradient(180deg,#fff,#d9e0e7 70%,#98a5b3)!important;-webkit-background-clip:text!important;background-clip:text!important;text-shadow:none!important;max-width:10ch}
.city-stage h1 span{color:transparent!important;background:linear-gradient(100deg,#bafcff,#5ff4ff 52%,#9a86ff)!important;-webkit-background-clip:text!important;background-clip:text!important;text-shadow:none!important}
.city-stage-status{display:flex!important;gap:.55rem!important;margin-top:.8rem!important;color:rgba(222,230,238,.6)!important;font:700 .58rem/1 Inter,sans-serif!important;letter-spacing:.03em!important}
.city-stage-status span{padding:.42rem .58rem!important;border:1px solid rgba(255,255,255,.07)!important;border-radius:999px!important;background:rgba(8,11,16,.42)!important;backdrop-filter:blur(14px)!important}
.city-reticle{display:none!important}
.city-legend{position:absolute!important;z-index:6!important;left:clamp(1.2rem,4vw,4.5rem)!important;bottom:4.7rem!important;display:flex!important;gap:.4rem!important;padding:0!important;border:0!important;background:transparent!important;color:rgba(202,212,224,.55)!important;font:700 .54rem/1 Inter,sans-serif!important;letter-spacing:.02em!important}
.city-legend span{padding:.38rem .52rem;border:1px solid rgba(255,255,255,.06);border-radius:999px;background:rgba(8,11,16,.4);backdrop-filter:blur(14px)}
.legend-dot,.status-led{width:.42rem!important;height:.42rem!important;margin-right:.35rem!important}

.city-terminal{position:absolute!important;z-index:6!important;right:clamp(1.2rem,4vw,4.5rem)!important;bottom:4.7rem!important;left:auto!important;width:min(360px,32vw)!important;max-height:136px!important;border:1px solid rgba(255,255,255,.07)!important;border-radius:20px!important;background:rgba(8,11,16,.48)!important;backdrop-filter:blur(22px)!important;box-shadow:0 18px 55px rgba(0,0,0,.24)!important;overflow:hidden!important}
.terminal-bar{padding:.55rem .66rem!important;border-bottom:1px solid rgba(255,255,255,.05)!important;color:rgba(195,207,219,.5)!important;font-size:.5rem!important}.terminal-bar span{width:.4rem!important;height:.4rem!important;box-shadow:none!important;opacity:.7}.terminal-bar em{color:var(--green)!important}.city-terminal pre{min-height:72px!important;max-height:72px!important;padding:.7rem .85rem!important;color:#aaf9ff!important;font-size:.58rem!important;line-height:1.55!important;text-shadow:none!important;overflow:hidden!important}

.systems-rail,.utility-context{position:absolute!important;z-index:8!important;top:145px!important;width:min(290px,24vw)!important;min-height:auto!important;padding:.68rem!important;border:1px solid rgba(255,255,255,.07)!important;border-radius:24px!important;background:rgba(9,12,17,.48)!important;backdrop-filter:blur(26px) saturate(1.2)!important;box-shadow:0 24px 80px rgba(0,0,0,.28)!important}
.systems-rail{left:clamp(1.2rem,3vw,3rem)!important}.utility-context{right:clamp(1.2rem,3vw,3rem)!important}
.rail-heading,.context-head{padding:.55rem .62rem .7rem!important;border-bottom:0!important}.rail-heading h2,.context-head h2{margin:.25rem 0 0!important;font:700 .85rem/1 Inter,sans-serif!important;letter-spacing:.02em!important}.micro,.eyebrow{font:700 .55rem/1.3 Inter,sans-serif!important;letter-spacing:.08em!important;color:rgba(204,216,227,.55)!important}.micro.red,.eyebrow.red{color:#ff8a98!important}.micro.cyan,.eyebrow.cyan{color:#9cfaff!important}.eyebrow.orange{color:#ffc391!important}
.system-state{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:.7rem!important;padding:.72rem!important;border:1px solid rgba(255,255,255,.045)!important;border-radius:15px!important;margin:.32rem 0!important;background:rgba(255,255,255,.018)!important}.system-state span{font:600 .54rem/1 Inter,sans-serif!important;letter-spacing:.02em!important;color:rgba(183,196,209,.5)!important}.system-state strong{font:700 .6rem/1 Inter,sans-serif!important;letter-spacing:.01em!important;color:#eef4f9!important}.cyan{color:var(--cyan)!important}.red{color:#ff8795!important}.green{color:var(--green)!important}.pink{color:#d7a3ff!important}.orange{color:#ffc391!important}
.mission-card,.service-status,.trust-card{margin-top:.5rem!important;padding:.8rem!important;border:1px solid rgba(255,255,255,.05)!important;border-radius:17px!important;background:rgba(255,255,255,.022)!important}.mission-card p:not(.micro){margin:.45rem 0!important;color:rgba(222,230,238,.7)!important;font-size:.75rem!important;line-height:1.5!important}.trace-pill{display:inline-flex!important;padding:.35rem .48rem!important;border:1px solid rgba(255,255,255,.075)!important;border-radius:999px!important;color:rgba(236,242,248,.68)!important;font:700 .5rem/1 Inter,sans-serif!important;letter-spacing:.02em!important}.trace-pill.danger{border-color:rgba(255,82,104,.18)!important;color:#ff9ba7!important;box-shadow:none!important}
.service-status strong{display:block!important;margin-top:.3rem!important;color:var(--green)!important;font:800 1rem/1 Inter,sans-serif!important;text-shadow:none!important}.service-status small{display:block!important;margin-top:.3rem!important;color:rgba(177,190,203,.48)!important;font:600 .5rem/1 Inter,sans-serif!important;letter-spacing:.03em!important}.service-meter{height:5px!important;margin-top:.65rem!important;border-radius:999px!important;background:rgba(255,255,255,.045)!important;overflow:hidden!important}.service-meter span{display:block!important;width:76%!important;height:100%!important;border-radius:999px!important;background:linear-gradient(90deg,var(--cyan),var(--green))!important;box-shadow:none!important}
.utility-metrics{margin:.5rem 0 0!important}.utility-metrics div{padding:.66rem!important;border:0!important;border-radius:14px!important;background:rgba(255,255,255,.016)!important;margin:.28rem 0!important}.utility-metrics dt{font:600 .52rem/1 Inter,sans-serif!important;color:rgba(182,194,206,.46)!important;letter-spacing:.02em!important}.utility-metrics dd{font:700 .58rem/1 Inter,sans-serif!important;color:#edf3f8!important;letter-spacing:.01em!important}
.utility-cta{display:flex!important;align-items:center!important;justify-content:center!important;min-height:40px!important;margin-top:.5rem!important;padding:.68rem!important;border:1px solid rgba(95,244,255,.24)!important;border-radius:14px!important;background:rgba(95,244,255,.08)!important;color:#bffcff!important;box-shadow:none!important;font:700 .58rem/1 Inter,sans-serif!important;letter-spacing:.02em!important}
.trust-card strong{font:700 .6rem/1 Inter,sans-serif!important;letter-spacing:.01em!important;color:#f2f6fa!important}

.section-head{max-width:760px!important}.section-head h2,.botmode-head h2,.veilwell-copy h2,.boundary h2{margin:.7rem 0 1rem!important;font:800 clamp(2.5rem,5vw,5.2rem)/.94 Inter,sans-serif!important;letter-spacing:-.055em!important;text-transform:none!important}.section-head h2 span,.botmode-head h2 span,.veilwell-copy h2 span,.boundary h2 span{color:var(--cyan)!important;text-shadow:none!important}.lede,.section-head>p:not(.eyebrow),.card p,.protocol-card p,.boundary li,.detail-note{color:rgba(190,202,214,.68)!important;line-height:1.7!important}
.botmode-section,.faucet-section,.veilwell-section,.protocol-section,.boundary{background:linear-gradient(180deg,rgba(5,7,10,.94),rgba(5,7,10,.99))!important}

.botmode-stage{position:relative!important;display:grid!important;grid-template-columns:1fr!important;gap:0!important;margin-top:2rem!important}.botmode-canvas-shell{position:relative!important;min-height:760px!important;border:1px solid rgba(255,255,255,.07)!important;border-radius:32px!important;background:rgba(7,10,14,.58)!important;box-shadow:var(--shadow)!important;overflow:hidden!important;clip-path:none!important}.botmode-canvas-hud{left:1rem!important;right:auto!important;top:1rem!important;gap:.4rem!important;font:700 .55rem/1 Inter,sans-serif!important;letter-spacing:.03em!important}.botmode-canvas-hud span{padding:.42rem .58rem!important;border:1px solid rgba(255,255,255,.065)!important;border-radius:999px!important;background:rgba(8,11,16,.48)!important;backdrop-filter:blur(15px)!important}.botmode-panel{position:absolute!important;z-index:7!important;top:1rem!important;right:1rem!important;width:min(360px,34vw)!important;max-height:calc(100% - 2rem)!important;overflow:auto!important;padding:.55rem!important;border:1px solid rgba(255,255,255,.065)!important;border-radius:24px!important;background:rgba(8,11,16,.5)!important;backdrop-filter:blur(26px)!important;box-shadow:0 24px 80px rgba(0,0,0,.3)!important}.botmode-card{padding:.85rem!important;margin:0 0 .48rem!important;border:1px solid rgba(255,255,255,.045)!important;border-radius:17px!important;background:rgba(255,255,255,.018)!important;box-shadow:none!important;clip-path:none!important}.botmode-card h3{font:700 .64rem/1 Inter,sans-serif!important;letter-spacing:.03em!important}.bot-agent,.bot-step,.botmode-button,.botmode-json{font-family:Inter,sans-serif!important;border-radius:13px!important}.bot-agent{border:1px solid rgba(255,255,255,.045)!important;background:rgba(255,255,255,.018)!important}.bot-agent:hover,.bot-agent.active{transform:translateY(-2px)!important}.botmode-button{border:1px solid rgba(255,255,255,.07)!important;background:rgba(255,255,255,.025)!important;color:#eef4f9!important}.botmode-button.primary{background:linear-gradient(135deg,#c2fbff,#5ff4ff)!important;color:#041014!important;border-color:transparent!important}.botmode-json{background:rgba(2,4,7,.5)!important;border:1px solid rgba(255,255,255,.05)!important;color:#b9faff!important}

.filter-rail{display:inline-flex!important;gap:.25rem!important;padding:.28rem!important;border:1px solid rgba(255,255,255,.065)!important;border-radius:999px!important;background:rgba(255,255,255,.028)!important;backdrop-filter:blur(16px)!important}.filter{padding:.58rem .78rem!important;border:0!important;border-radius:999px!important;background:transparent!important;color:rgba(207,217,228,.55)!important;font:700 .58rem/1 Inter,sans-serif!important;letter-spacing:.02em!important}.filter.active{background:rgba(255,255,255,.08)!important;color:#fff!important}
.cards{display:grid!important;grid-template-columns:repeat(12,minmax(0,1fr))!important;gap:1rem!important;margin-top:1.5rem!important}.card{grid-column:span 4!important;min-height:265px!important;padding:1.2rem!important;border:1px solid rgba(255,255,255,.065)!important;border-radius:25px!important;background:radial-gradient(circle at var(--mx,50%) var(--my,0%),var(--card-glow,rgba(95,244,255,.08)),transparent 38%),linear-gradient(180deg,rgba(14,18,24,.72),rgba(8,11,16,.72))!important;box-shadow:0 18px 60px rgba(0,0,0,.22)!important;clip-path:none!important;transition:200ms ease!important}.card:hover{transform:translateY(-5px)!important;border-color:rgba(255,255,255,.13)!important;box-shadow:0 28px 80px rgba(0,0,0,.3)!important}.card h3{font:800 1.2rem/1.1 Inter,sans-serif!important;letter-spacing:-.02em!important}.card .tag{border:1px solid rgba(255,255,255,.06)!important;border-radius:999px!important;background:rgba(255,255,255,.025)!important}

.veilwell-shell,.boundary{border:1px solid rgba(255,255,255,.065)!important;border-radius:34px!important;background:radial-gradient(circle at 78% 20%,rgba(255,154,88,.08),transparent 28%),linear-gradient(180deg,rgba(14,18,24,.72),rgba(8,11,16,.76))!important;box-shadow:0 28px 85px rgba(0,0,0,.26)!important;clip-path:none!important}.privacy-rules span{border:1px solid rgba(255,154,88,.12)!important;border-radius:999px!important;background:rgba(255,154,88,.045)!important}.veilwell-hud>div{border:1px solid rgba(255,255,255,.05)!important;border-radius:16px!important;background:rgba(255,255,255,.018)!important}
.protocol-grid{display:grid!important;grid-template-columns:repeat(12,minmax(0,1fr))!important;gap:1rem!important}.protocol-card{grid-column:span 4!important;min-height:210px!important;padding:1.15rem!important;border:1px solid rgba(255,255,255,.06)!important;border-radius:24px!important;background:linear-gradient(180deg,rgba(13,17,23,.7),rgba(7,10,14,.72))!important;box-shadow:0 18px 60px rgba(0,0,0,.2)!important;clip-path:none!important}.protocol-card span{display:inline-flex!important;min-width:34px!important;height:34px!important;align-items:center!important;justify-content:center!important;border-radius:11px!important;background:rgba(255,255,255,.045)!important;color:var(--cyan)!important}

.detail-panel{position:fixed!important;right:18px!important;bottom:18px!important;top:auto!important;width:min(410px,calc(100vw - 36px))!important;max-height:min(72vh,680px)!important;border:1px solid rgba(255,255,255,.075)!important;border-radius:27px!important;background:rgba(9,12,18,.72)!important;backdrop-filter:blur(28px)!important;box-shadow:0 30px 100px rgba(0,0,0,.4)!important;clip-path:none!important}
.footer{border:0!important;background:#030407!important;padding:4rem clamp(1.2rem,5vw,5.5rem) 5rem!important}
.footer-rail{border:1px solid rgba(255,255,255,.055)!important;border-radius:999px!important;background:rgba(255,255,255,.022)!important}
.city-label{padding:.28rem .46rem!important;border:1px solid rgba(255,255,255,.06)!important;border-radius:999px!important;background:rgba(7,10,15,.56)!important;backdrop-filter:blur(11px)!important;box-shadow:0 8px 24px rgba(0,0,0,.16)!important;color:rgba(238,245,250,.7)!important;font:700 .52rem/1 Inter,sans-serif!important;letter-spacing:.02em!important}.city-label.district-label{color:#fff!important;background:rgba(8,11,16,.7)!important}.city-label.privacy-label{color:#ffc391!important;border-color:rgba(255,154,88,.14)!important}

[data-scene-beat="city-arrival"] .systems-rail{opacity:.72}
[data-scene-beat="utility-grid-reveal"] .utility-context{border-color:rgba(95,244,255,.18)!important;box-shadow:0 24px 80px rgba(0,0,0,.28),0 0 70px rgba(95,244,255,.055)!important}
[data-scene-beat="chainwell-service"] #faucets{box-shadow:inset 0 120px 120px -120px rgba(95,244,255,.08)}
[data-scene-beat="botmode-operations"] #botmode{box-shadow:inset 0 120px 120px -120px rgba(173,124,255,.07)}

@media(max-width:1080px){.nav nav a:nth-last-child(-n+2){display:none!important}.systems-rail{display:none!important}.utility-context{width:min(260px,30vw)!important}.cards,.protocol-grid{grid-template-columns:repeat(6,minmax(0,1fr))!important}.card,.protocol-card{grid-column:span 3!important}}
@media(max-width:820px){.nav{top:9px!important;left:9px!important;right:9px!important}.nav nav{display:none!important}.status-rail{top:78px!important;left:9px!important;right:9px!important;max-width:none!important;width:auto!important}.status-rail span:nth-child(n+4){display:none!important}.city-stage-head{left:1rem!important;right:1rem!important;bottom:6.4rem!important;width:auto!important}.city-stage h1{font-size:clamp(3rem,14vw,5.2rem)!important}.city-legend{left:1rem!important;bottom:3.5rem!important}.city-terminal,.utility-context{display:none!important}.cards,.protocol-grid{grid-template-columns:1fr!important}.card,.protocol-card{grid-column:auto!important}.botmode-canvas-shell{min-height:540px!important}.botmode-panel{position:relative!important;top:auto!important;right:auto!important;width:auto!important;max-height:none!important;margin-top:.7rem!important}}
@media(max-width:560px){.section,.botmode-section{padding-left:1rem!important;padding-right:1rem!important}.status-rail{font-size:.5rem!important}.city-legend span:nth-child(n+2){display:none}.section-head h2,.botmode-head h2,.veilwell-copy h2,.boundary h2{font-size:clamp(2.4rem,12vw,4rem)!important}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}