.component-area:has(.city-service){padding:0}.component-area:has(.city-service)>.container{width:100%;max-width:none}.city-service{--cs-blue:#0759f8;--cs-orange:#ff6200;color:#091b3f;font-size:15px}.city-service h1,.city-service h2,.city-service h3{letter-spacing:-.025em}.cs-hero,.cs-section{width:min(1170px,calc(100% - 40px));margin-inline:auto}.cs-hero{position:relative;padding:25px 0 42px}.cs-hero:before{content:"";position:absolute;z-index:-1;top:0;right:-16vw;width:58vw;height:100%;background:radial-gradient(circle at 62% 42%,rgba(21,99,255,.12),transparent 52%),radial-gradient(var(--cs-blue) 1px,transparent 1px);background-size:auto,13px 13px;opacity:.55}.cs-breadcrumbs{display:flex;gap:10px;align-items:center;margin-bottom:22px;font-size:13px}.cs-breadcrumbs a{color:#53617a}.cs-breadcrumbs strong{color:var(--cs-orange)}.cs-hero-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:42px;align-items:start}.cs-hero-copy h1{margin:5px 0 20px;font-size:clamp(42px,5vw,58px);line-height:1.03}.cs-hero-copy h1 em{color:var(--cs-orange);font-style:normal}.cs-intro{max-width:535px;color:#283a5b;font-size:15px;line-height:1.75}.cs-actions{display:flex;flex-wrap:wrap;gap:15px;margin:25px 0 28px}.cs-actions .button{min-width:165px}.cs-benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.cs-benefit{display:flex;min-width:0;flex-direction:column;gap:3px}.cs-benefit .cs-icon{display:grid;width:48px;height:48px;margin-bottom:6px;place-items:center;border-radius:50%;background:#eef4ff;color:var(--cs-blue);font-size:24px}.cs-benefit:nth-child(2n) .cs-icon{background:#fff2e9;color:var(--cs-orange)}.cs-benefit strong{font-size:13px}.cs-benefit small{color:#4d5e7b;font-size:11px;line-height:1.45}.cs-intent{min-height:430px;padding:24px 28px;border:1px solid #e2e9f5;border-radius:18px;background:rgba(255,255,255,.94);box-shadow:0 20px 45px rgba(18,52,105,.14)}.cs-intent-head{position:relative}.cs-intent-head h2{margin:0 0 5px;font-size:20px}.cs-intent-head p{margin:0;color:#50607c;font-size:12px}.cs-intent-head span{position:absolute;top:0;right:0;padding:5px 10px;border-radius:20px;background:#edf4ff;color:var(--cs-blue);font-size:10px;font-weight:700}.cs-intent-map{position:relative;display:grid;min-height:330px;grid-template-columns:1fr 1fr;gap:105px 65px;align-content:center;margin-top:10px}.cs-intent-map:before{content:"";position:absolute;inset:18% 20%;border:2px dashed #7aa7ff;border-radius:50%;opacity:.7}.cs-intent-card{position:relative;z-index:1;padding:18px;border-radius:12px;background:#fff;box-shadow:0 8px 22px rgba(15,38,79,.12)}.cs-intent-card:before{content:"";display:inline-block;width:10px;height:10px;margin-right:9px;border-radius:50%;background:var(--cs-blue)}.cs-intent-card--orange:before{background:var(--cs-orange)}.cs-intent-card small{display:block;margin:6px 0 0 20px;color:#53617a}.cs-intent-center{position:absolute;z-index:2;top:50%;left:50%;width:205px;padding:15px;transform:translate(-50%,-50%);border-radius:12px;background:linear-gradient(135deg,#0759f8,#0c45d9);box-shadow:0 12px 25px rgba(0,74,225,.25);color:#fff;text-align:center;font-weight:700}.cs-section{padding:35px 0}.cs-section>h2{margin:0 0 4px;font-size:28px}.cs-section-intro{max-width:700px;margin:0 0 18px;color:#4c5c78}.cs-steps{display:grid;gap:8px}.cs-step{display:grid;grid-template-columns:35% 65%;overflow:hidden;border:1px solid #dbe5f4;border-radius:13px;background:#fff}.cs-step-summary{display:flex;gap:18px;align-items:center;padding:18px;background:linear-gradient(90deg,#eef4ff,#f8faff)}.cs-step--orange .cs-step-summary{background:linear-gradient(90deg,#fff2e9,#fffaf7)}.cs-step-summary>span{display:grid;min-width:48px;height:48px;place-items:center;border-radius:50%;background:#fff;color:var(--cs-blue);font-size:20px;font-weight:800}.cs-step--orange .cs-step-summary>span{color:var(--cs-orange)}.cs-step-summary h3{margin:0;font-size:16px}.cs-step-summary small{color:#53617a}.cs-step-detail{padding:10px 24px;font-size:12px}.cs-step-detail p{margin:0}.cs-step-detail ul{margin:5px 0;padding-left:18px}.cs-step-detail li::marker{color:var(--cs-blue)}.cs-step--orange .cs-step-detail li::marker{color:var(--cs-orange)}.cs-process-footer{display:flex;justify-content:space-between;align-items:center;margin-top:10px;padding:12px 20px;border:1px solid #dbe5f4;border-radius:12px;background:#f5f8ff}.cs-process-footer .button{min-height:40px}.cs-practical{background:linear-gradient(100deg,#f4f8ff,#fff)}.cs-practical-grid{display:grid;grid-template-columns:1fr 1.12fr;gap:50px;align-items:center}.cs-practical h2{font-size:28px;line-height:1.2}.cs-practical h2 br+*{color:var(--cs-orange)}.cs-richtext{color:#344664;line-height:1.75}.cs-practical img{width:100%;max-height:360px;object-fit:contain}.cs-article-body{line-height:1.8}.cs-funding{display:flex;justify-content:center;padding:15px 20px}.cs-funding img{max-width:min(850px,100%);max-height:110px;object-fit:contain}.cs-cta{display:grid;grid-template-columns:1fr 1.15fr auto;gap:28px;align-items:center;margin-bottom:0;padding:26px 30px;border-radius:20px 20px 0 0;background:linear-gradient(120deg,#071b41,#00102f);color:#fff}.cs-cta h2{margin:0;font-size:27px;line-height:1.15}.cs-cta h2 em,.cs-cta h2 strong{color:var(--cs-orange)}.cs-cta p{margin:8px 0 0;color:#d5def0}.cs-cta-form input,.cs-cta-form textarea{background:#fff}.cs-cta>.button{white-space:nowrap}.city-service+.item-page{display:none}@media (max-width:900px){.cs-hero-grid,.cs-practical-grid{grid-template-columns:1fr}.cs-intent{min-height:380px}.cs-step{grid-template-columns:42% 58%}.cs-cta{grid-template-columns:1fr 1fr}.cs-cta>.button{grid-column:1/-1}.cs-benefits{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.cs-hero,.cs-section{width:min(100% - 28px,1170px)}.cs-hero-copy h1{font-size:39px}.cs-benefits{grid-template-columns:1fr 1fr}.cs-intent{padding:20px 15px}.cs-intent-map{gap:100px 14px}.cs-intent-card{padding:13px;font-size:12px}.cs-intent-center{width:170px}.cs-step{grid-template-columns:1fr}.cs-step-detail{padding:12px 20px}.cs-process-footer,.cs-actions{align-items:stretch;flex-direction:column}.cs-process-footer .button,.cs-actions .button{width:100%}.cs-cta{grid-template-columns:1fr;padding:24px 20px;border-radius:16px 16px 0 0}}
/* City-service visual refinements: stable SVG benefit icons and configurable CTA artwork. */
.cs-benefit .cs-icon{font-size:0}
.cs-benefit .cs-icon svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.cs-cta{position:relative;isolation:isolate;overflow:hidden;border-radius:20px;padding:30px 34px;box-shadow:0 18px 40px rgba(4,23,57,.2)}
.cs-cta:before,.cs-cta:after{content:"";position:absolute;z-index:-1;border-radius:50%;pointer-events:none}
.cs-cta:before{right:12%;bottom:-105px;width:240px;height:190px;border:2px solid rgba(255,98,0,.85);box-shadow:0 0 0 24px rgba(255,98,0,.06)}
.cs-cta:after{left:-70px;top:-115px;width:250px;height:240px;background:radial-gradient(circle,rgba(7,89,248,.42),transparent 68%)}
.cs-cta.cs-cta--image:before{inset:0;width:auto;height:auto;border:0;border-radius:0;background:linear-gradient(90deg,rgba(0,16,47,.94),rgba(0,16,47,.62)),var(--cs-cta-bg) center/cover no-repeat;box-shadow:none}
.cs-cta-copy{display:grid;grid-template-columns:auto 1fr;column-gap:16px;align-items:center}
.cs-cta-copy h2,.cs-cta-copy p{grid-column:2}
.cs-cta-copy:not(:has(.cs-cta-decor)) h2,.cs-cta-copy:not(:has(.cs-cta-decor)) p{grid-column:1/-1}
.cs-cta-decor{grid-row:1/3;width:72px;height:72px;object-fit:contain}
.cs-hero.cs-hero--image{padding-inline:28px;border-radius:0 0 22px 22px;background:var(--cs-hero-bg) center/cover no-repeat}
.cs-hero.cs-hero--image:before{display:none}
.cs-hero.cs-hero--image{isolation:isolate;background:none;border-radius:0}
.cs-hero.cs-hero--image:after{content:"";position:absolute;z-index:-1;top:0;bottom:0;left:50%;width:100vw;transform:translateX(-50%);background:var(--cs-hero-bg) center/cover no-repeat;pointer-events:none}