.city-preview-ribbon{position:fixed;z-index:1200;right:20px;bottom:20px;display:inline-flex;align-items:center;gap:.6rem;padding:.72rem 1rem;border:1px solid rgba(255,92,58,.42);border-radius:999px;background:rgba(12,15,20,.92);color:#f7f8fa;font:700 .64rem/1 Inter,sans-serif;letter-spacing:.1em;text-transform:uppercase;box-shadow:0 18px 50px rgba(0,0,0,.38);backdrop-filter:blur(14px)}
.city-preview-ribbon:before{width:8px;height:8px;border-radius:50%;background:#ff5c3a;content:"";box-shadow:0 0 14px rgba(255,92,58,.8)}
.city-hero{position:relative;display:flex;align-items:center;min-height:82vh;overflow:hidden;padding:11rem 0 6rem;background:#0d1116}
.city-hero-media{position:absolute;inset:0;display:grid;grid-template-columns:1fr 1fr;opacity:.58}
.city-hero-media:after{position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,12,17,.98),rgba(9,12,17,.86) 43%,rgba(9,12,17,.54));content:""}
.city-hero-image{background-position:center;background-size:cover}.city-hero-image.electrical{background-image:url('images/service-power.webp')}.city-hero-image.mechanical{background-image:url('images/service-mechanical.webp')}
.city-hero:after{position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.024) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.024) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to right,rgba(0,0,0,.7),transparent 76%);content:""}
.city-hero .container{position:relative;z-index:2}
.city-breadcrumb{display:inline-flex;align-items:center;gap:.55rem;margin-bottom:1.4rem;color:rgba(238,241,245,.58);font:500 .74rem/1 Inter,sans-serif}.city-breadcrumb a{color:rgba(238,241,245,.72)}.city-breadcrumb svg{width:14px;height:14px;color:#ff5c3a}
.city-hero .section-subtitle{display:block;margin-bottom:1rem}.city-hero h1{max-width:1000px;margin:0 0 1.35rem;color:#f8f9fb;font:500 clamp(3.2rem,6.1vw,6.2rem)/.97 Outfit,sans-serif;letter-spacing:-.05em}.city-hero p{max-width:760px;margin:0 0 2rem;color:rgba(235,238,243,.72);font:400 clamp(1rem,1.4vw,1.18rem)/1.75 Inter,sans-serif}
.city-hero-actions{display:flex;flex-wrap:wrap;gap:.85rem;margin-bottom:2.2rem}.city-proof{display:flex;flex-wrap:wrap;gap:.8rem 1.5rem;margin:0;padding:0;list-style:none}.city-proof li{display:flex;align-items:center;gap:.5rem;color:rgba(244,246,249,.68);font:500 .75rem/1.3 Inter,sans-serif}.city-proof svg{width:16px;height:16px;color:#ff5c3a}
.city-intro{padding:7rem 0;background:#12161c}.city-intro-grid{display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);gap:clamp(3rem,7vw,7rem)}.city-intro h2,.city-services h2,.city-projects h2,.city-process h2,.city-faq h2{margin:0;color:#f7f8fa;font:500 clamp(2.35rem,4.4vw,4.5rem)/1.02 Outfit,sans-serif;letter-spacing:-.04em}.city-intro-copy p{margin:0 0 1.2rem;color:rgba(229,233,239,.67);font:400 1rem/1.78 Inter,sans-serif}.city-context{margin-top:1.6rem;padding:1.2rem 1.35rem;border-left:2px solid #ff5c3a;background:rgba(255,255,255,.03);color:rgba(229,233,239,.66);font:400 .86rem/1.65 Inter,sans-serif}
.city-services{padding:7rem 0;background:#171b21}.city-section-head{display:grid;grid-template-columns:minmax(0,.7fr) minmax(320px,1fr);gap:3rem;align-items:end;margin-bottom:3rem}.city-section-head p{margin:0;color:rgba(229,233,239,.62);line-height:1.72}.city-service-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.9rem}.city-service-card{display:flex;min-height:310px;flex-direction:column;padding:1.5rem;border:1px solid rgba(255,255,255,.09);border-radius:17px;background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.018));transition:transform 180ms ease,border-color 180ms ease}.city-service-card:hover{transform:translateY(-4px);border-color:rgba(255,92,58,.42)}.city-service-card svg{width:24px;height:24px;margin-bottom:3.5rem;color:#ff5c3a}.city-service-card h3{margin:0 0 .7rem;color:#f4f6f8;font:500 1.35rem/1.2 Outfit,sans-serif}.city-service-card p{margin:0 0 1.2rem;color:rgba(225,229,235,.6);font:400 .82rem/1.65 Inter,sans-serif}.city-service-card a{display:inline-flex;align-items:center;gap:.45rem;margin-top:auto;color:#f5f6f8;font:600 .76rem/1 Inter,sans-serif}.city-service-card a svg{width:15px;height:15px;margin:0}
.city-projects{padding:7rem 0;background:#101419}.city-type-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;margin-top:3rem}.city-type{display:flex;align-items:center;gap:.8rem;min-height:76px;padding:1rem 1.15rem;border:1px solid rgba(255,255,255,.08);border-radius:13px;background:rgba(255,255,255,.025);color:rgba(242,244,247,.82);font:600 .82rem/1.3 Inter,sans-serif}.city-type:before{width:6px;height:6px;flex:0 0 auto;border-radius:50%;background:#ff5c3a;content:"";box-shadow:0 0 10px rgba(255,92,58,.5)}
.city-process{padding:7rem 0;background:#171b21}.city-process-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:3rem;overflow:hidden;border:1px solid rgba(255,255,255,.09);border-radius:18px;background:rgba(255,255,255,.024)}.city-process-step{min-height:220px;padding:1.5rem}.city-process-step+.city-process-step{border-left:1px solid rgba(255,255,255,.09)}.city-process-step span{color:#ff6544;font:700 .65rem/1 Inter,sans-serif;letter-spacing:.14em;text-transform:uppercase}.city-process-step h3{margin:3rem 0 .6rem;color:#f3f5f8;font:600 .98rem/1.3 Inter,sans-serif}.city-process-step p{margin:0;color:rgba(225,229,235,.57);font:400 .8rem/1.6 Inter,sans-serif}
.city-faq{padding:7rem 0;background:#101419}.city-faq-grid{display:grid;gap:.8rem;max-width:1100px;margin:3rem auto 0}.city-faq details{padding:1.25rem 1.35rem;border:1px solid rgba(255,255,255,.09);border-radius:14px;background:rgba(255,255,255,.025)}.city-faq summary{cursor:pointer;color:#f2f4f7;font:600 .9rem/1.4 Inter,sans-serif}.city-faq details p{margin:1rem 0 0;color:rgba(225,229,235,.62);font:400 .84rem/1.7 Inter,sans-serif}
.city-cta{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2rem;align-items:center;margin:0 auto 7rem;padding:clamp(2rem,4vw,3.5rem);border:1px solid rgba(255,92,58,.32);border-radius:22px;background:radial-gradient(circle at 90% 20%,rgba(255,92,58,.18),transparent 34%),#1a1e25}.city-cta h2{margin:0 0 .7rem;color:#f7f8fa;font:500 clamp(2rem,3vw,3.2rem)/1.05 Outfit,sans-serif;letter-spacing:-.035em}.city-cta p{max-width:720px;margin:0;color:rgba(232,235,240,.66);line-height:1.65}
@media(max-width:1100px){.city-service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.city-process-grid{grid-template-columns:1fr 1fr}.city-process-step:nth-child(3){border-left:0;border-top:1px solid rgba(255,255,255,.09)}.city-process-step:nth-child(4){border-top:1px solid rgba(255,255,255,.09)}}
@media(max-width:800px){.city-intro-grid,.city-section-head,.city-cta{grid-template-columns:1fr}.city-type-grid{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.city-preview-ribbon{right:12px;bottom:12px;font-size:.54rem}.city-hero{min-height:780px;padding:9.5rem 0 5rem}.city-hero-media{grid-template-columns:1fr}.city-hero-image.mechanical{display:none}.city-service-grid,.city-type-grid,.city-process-grid{grid-template-columns:1fr}.city-process-step+.city-process-step{border-left:0;border-top:1px solid rgba(255,255,255,.09)}}