/* The original skyline stays behind the entire experience. */
body{position:relative;isolation:isolate;background:#020812}
body::before{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,rgba(1,7,15,.68),rgba(1,10,20,.48)),url('/bg-hero-skyline.jpg') center bottom/cover no-repeat}
.hero,.showcase,.method,.contact{background:transparent}
.hero-city{display:none}
.hero::after{background:linear-gradient(90deg,rgba(1,7,14,.15),transparent)}
.showcase,.method,.contact{border-color:#467e9c55}
.section-heading>p,.connected-intro,.scope>div>p,.about-copy>p,.faq p{color:#c7d7e5}
.service,.project-form{background:rgba(4,17,29,.88);backdrop-filter:blur(10px)}
.ecosystem{background:#031221b3;padding-inline:28px;border:1px solid #335976;border-radius:10px;margin-block:30px}
.ecosystem summary{font-size:clamp(21px,2.4vw,32px)}
.ecosystem-content>p{color:#bfd1df}
.energy-line{position:relative;height:1px;background:linear-gradient(90deg,transparent,#248fbe66,transparent);overflow:hidden;pointer-events:none}
.energy-line>span{position:absolute;inset:0 auto 0 -20%;width:20%;background:linear-gradient(90deg,transparent,#19b9ff,#d3faff);box-shadow:0 0 12px #42d5ff;animation:energy-run 5s linear infinite}
@keyframes energy-run{from{left:-20%}to{left:100%}}
.connected-intro{max-width:730px;font-size:15px}
.foundation-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:40px}
.foundation-grid article{border:1px solid #315772;background:#031422d9;padding:26px 22px;border-radius:9px}
.foundation-grid article>span{font-size:9px;letter-spacing:.1em;color:var(--cyan)}
.foundation-grid h3{font-size:23px;line-height:1.2;margin:27px 0 15px}
.foundation-grid p{font-size:13px;color:#bcd0e0;margin-bottom:0}
.connected-outcomes{display:flex;justify-content:space-between;gap:25px;padding-top:30px;color:#cee9f7;font-size:13px}
.connected-outcomes span::before{content:'↗';color:var(--cyan);margin-right:12px}
.sectors{overflow:hidden}
.motion-toggle{display:block;margin:0 0 26px auto;padding:10px 16px;border:1px solid #3c6c89;border-radius:5px;background:#061827;color:#d6ebf9;font-size:11px}
.sector-window{overflow:hidden;margin-top:16px}
.sector-track{display:flex;width:max-content;animation:sector-run 38s linear infinite}
.sector-window:last-child .sector-track{animation-duration:44s}
.sector-group{display:flex;gap:16px;padding-right:16px;flex-shrink:0}
.sector-chip{padding:17px 26px;border:1px solid #32607c;border-radius:7px;background:#06182be6;font-size:14px;color:#d5e6f2;white-space:nowrap}
.sector-chip::before{content:'◇';color:var(--cyan);margin-right:12px}
@keyframes sector-run{from{transform:translateX(-50%)}to{transform:translateX(0)}}
.motion-paused .sector-track,.motion-paused .energy-line>span,.sector-window:hover .sector-track{animation-play-state:paused}
@media(max-width:850px){.foundation-grid{grid-template-columns:repeat(2,1fr)}.connected-outcomes{flex-wrap:wrap}.ecosystem{padding-inline:22px}}
@media(max-width:600px){body::before{background-position:center,54% bottom;background-size:auto,auto 100lvh}.foundation-grid{grid-template-columns:1fr;gap:14px}.foundation-grid h3{margin-top:17px}.connected-outcomes{display:grid;gap:14px}.connected-intro{font-size:14px}.sector-chip{font-size:12px;padding:14px 20px}.ecosystem{padding-inline:18px}.ecosystem summary{gap:15px}.motion-toggle{margin-left:0}}
@media(prefers-reduced-motion:reduce){.sector-track{animation:none;width:auto;flex-wrap:wrap}.sector-group{width:100%;flex-wrap:wrap;justify-content:center;padding:0 20px}.sector-group[aria-hidden=true]{display:none}.energy-line>span{animation:none;left:40%;opacity:.6}.motion-toggle{display:none}}