/* ---------- city landing page ---------- */
.chero{position:relative;background:var(--navy-deep);overflow:hidden}
.chero .shot{position:absolute;right:0;top:0;width:58%;height:100%;object-fit:cover;object-position:center}
.chero .veil{position:absolute;inset:0;background:linear-gradient(90deg,var(--navy-deep) 0 40%,rgba(8,20,44,.86) 52%,rgba(8,20,44,.25) 78%,rgba(8,20,44,.55) 100%)}
.chero .shell{position:relative;z-index:2;display:grid;grid-template-columns:1fr 340px;gap:30px;
  align-items:center;padding-top:34px;padding-bottom:34px}
.chero h1{font-size:clamp(30px,4vw,54px);line-height:1;color:#fff}
.chero h1 em{font-style:normal;color:var(--orange);display:block}
.chero .sub{font-family:var(--disp);font-weight:700;font-size:clamp(15px,1.7vw,23px);color:#fff;
  letter-spacing:.04em;text-transform:uppercase;margin:10px 0 12px}
.chero p{font-size:14px;line-height:1.62;color:#d7dfee;margin:0;max-width:60ch}
.cticks{display:grid;grid-template-columns:1fr 1fr;gap:6px 22px;margin:16px 0 18px;max-width:60ch}
.cticks li{display:flex;align-items:center;gap:9px;font-size:13.5px;color:#fff;font-weight:600}
.cticks .tk{width:18px;height:18px;border-radius:50%;background:var(--orange);flex:none;display:grid;place-items:center}
.cticks .tk svg{width:10px;height:10px;fill:#fff}
.chero .cta{display:flex;gap:11px;flex-wrap:wrap}
.chero .btn{display:inline-flex;align-items:center;gap:9px;font-family:var(--disp);font-weight:700;font-size:15px;
  letter-spacing:.05em;text-transform:uppercase;padding:12px 22px;border-radius:5px}
.chero .b1{background:var(--orange);color:#fff}
.chero .b1:hover{background:var(--orange-dk)}
.chero .b2{border:2px solid #fff;color:#fff}
.chero .b2:hover{background:#fff;color:var(--navy)}
.chero .btn svg{width:15px;height:15px;fill:currentColor}

.cform{background:#fff;border:3px solid var(--orange);border-radius:12px;padding:16px;box-shadow:0 18px 44px rgba(6,16,38,.34)}
.cform h2{font-size:23px;color:var(--navy)}
.cform h2 span{color:var(--orange)}
.cform .lede{font-size:12px;color:var(--muted);margin:4px 0 10px}
.cform input,.cform select,.cform textarea{width:100%;font-family:var(--body);font-size:13.5px;color:var(--ink);
  padding:9px 11px;border:1px solid #d8dde7;border-radius:5px;margin-bottom:8px;background:#fff}
.cform textarea{min-height:62px;resize:vertical}
.cform button{width:100%;background:var(--orange);color:#fff;border:0;border-radius:5px;padding:12px;
  font-family:var(--disp);font-weight:700;font-size:16px;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}
.cform button:hover{background:var(--orange-dk)}
.cform .secure{display:flex;align-items:center;justify-content:center;gap:6px;font-size:10.5px;color:var(--muted);margin-top:8px}
.cform .secure svg{width:11px;height:11px;fill:var(--muted)}

.cbadges{background:var(--navy-deep);border-top:1px solid #1c356e}
.cbadges .shell{display:grid;grid-template-columns:repeat(5,1fr);padding-top:16px;padding-bottom:16px}
.cbadges .cell{display:flex;align-items:center;gap:11px;padding:0 16px;border-right:1px solid #1c356e}
.cbadges .cell:last-child{border-right:0}
.cbadges svg{width:30px;height:30px;flex:none;fill:none;stroke:var(--orange);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.cbadges b{font-family:var(--disp);font-size:13px;color:#fff;letter-spacing:.04em;text-transform:uppercase;line-height:1.2}

.cintro{padding:34px 0}
.cintro .grid{display:grid;grid-template-columns:1.15fr .85fr;gap:30px;align-items:start}
.cintro h2{font-size:clamp(20px,2.5vw,31px);line-height:1.1;color:var(--navy);margin-bottom:12px}
.cintro h2 em{font-style:normal;color:var(--orange)}
.cintro p{font-size:14px;line-height:1.66;color:#414a5c;margin:0 0 13px}
.cintro img{width:100%;height:auto;border-radius:9px}

.ctriple{background:var(--navy-deep);padding:26px 0}
.ctriple .grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.ctriple .col{border-right:1px solid #1c356e;padding-right:24px}
.ctriple .col:last-child{border-right:0;padding-right:0}
.ctriple img{width:100%;height:auto;border-radius:9px;border:2px solid #fff;margin-bottom:14px}
.ctriple h3{font-size:17px;color:#fff;line-height:1.2;margin-bottom:9px}
.ctriple p{font-size:13px;line-height:1.62;color:#c3d0e8;margin:0 0 11px}
.ctriple p:last-child{margin-bottom:0}

.cgrid5{padding:32px 0}
.cgrid5 .head{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:18px}
.cgrid5 .head:before,.cgrid5 .head:after{content:"";height:2px;width:60px;background:var(--orange)}
.cgrid5 h2{font-size:clamp(19px,2.4vw,30px);color:var(--navy);text-align:center}
.cgrid5 h2 em{font-style:normal;color:var(--orange)}
.cgrid5 .lede{max-width:80ch;margin:0 auto 20px;text-align:center;font-size:13.5px;line-height:1.6;color:#4a5265}
.cgrid5 .row{display:grid;grid-template-columns:repeat(5,1fr)}
.cgrid5 .cell{padding:0 16px;border-right:1px solid var(--line)}
.cgrid5 .cell:last-child{border-right:0}
.cgrid5 .ic{width:46px;height:46px;border-radius:50%;background:var(--navy-deep);display:grid;place-items:center;margin-bottom:10px}
.cgrid5 .ic svg{width:21px;height:21px;fill:none;stroke:var(--orange);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.cgrid5 b{display:block;font-family:var(--disp);font-size:13.5px;color:var(--navy);letter-spacing:.03em;
  text-transform:uppercase;line-height:1.2;margin-bottom:7px}
.cgrid5 p{margin:0;font-size:12.5px;line-height:1.55;color:#5a6376}

.clocal{background:var(--navy-deep);padding:24px 0}
.clocal .grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:26px;align-items:center}
.clocal img{width:100%;height:auto;border-radius:9px;border:2px solid #fff}
.clocal h2{font-size:clamp(19px,2.4vw,29px);line-height:1.12;color:#fff;margin-bottom:12px}
.clocal h2 em{font-style:normal;color:var(--orange)}
.clocal p{font-size:13.5px;line-height:1.65;color:#c3d0e8;margin:0 0 12px}
.clocal p:last-child{margin-bottom:0}
.clocal strong{color:#fff}

.ctrio{padding:30px 0 38px}
.ctrio .row{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:10px}
.ctrio .cell{display:flex;gap:14px;padding:20px;border-right:1px solid var(--line)}
.ctrio .cell:last-child{border-right:0}
.ctrio .ic{width:44px;height:44px;border-radius:50%;background:var(--orange);flex:none;display:grid;place-items:center}
.ctrio .ic svg{width:21px;height:21px;fill:none;stroke:#fff;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ctrio h3{font-size:16px;color:var(--navy);margin-bottom:7px}
.ctrio p{margin:0;font-size:12.5px;line-height:1.6;color:#5a6376}

.cnear{background:#fbfcfd;border-top:1px solid var(--line);padding:22px 0 30px}
.cnear b{display:block;font-family:var(--disp);font-size:15px;color:var(--navy);letter-spacing:.04em;
  text-transform:uppercase;margin-bottom:9px}
.cnear .links{display:flex;flex-wrap:wrap;gap:7px 16px}
.cnear .links a{font-size:13px;color:#4a5265}
.cnear .links a:hover{color:var(--orange)}

@media (max-width:1080px){
  .chero .shell{grid-template-columns:1fr}
  .chero .shot{position:static;width:100%;height:auto;border-radius:9px}
  .chero .veil{display:none}
  .cbadges .shell{grid-template-columns:repeat(2,1fr);gap:14px}
  .cbadges .cell:nth-child(2n){border-right:0}
  .cintro .grid{grid-template-columns:1fr}
  .ctriple .grid{grid-template-columns:1fr;gap:20px}
  .ctriple .col{border-right:0;padding-right:0;border-bottom:1px solid #1c356e;padding-bottom:18px}
  .ctriple .col:last-child{border-bottom:0;padding-bottom:0}
  .cgrid5 .row{grid-template-columns:repeat(2,1fr);row-gap:20px}
  .cgrid5 .cell:nth-child(2n){border-right:0}
  .clocal .grid{grid-template-columns:1fr}
  .ctrio .row{grid-template-columns:1fr}
  .ctrio .cell{border-right:0;border-bottom:1px solid var(--line)}
  .ctrio .cell:last-child{border-bottom:0}
}
@media (max-width:600px){
  .cticks{grid-template-columns:1fr}
  .cbadges .shell{grid-template-columns:1fr}
  .cbadges .cell{border-right:0}
  .cgrid5 .row{grid-template-columns:1fr}
  .cgrid5 .cell{border-right:0;margin-bottom:16px}
}

/* ---------- map band ---------- */
.cmap{background:#fbfcfd;border-top:1px solid var(--line);padding:26px 0 30px}
.cmap .grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:24px;align-items:center}
.cmap b{display:block;font-family:var(--disp);font-size:19px;color:var(--navy);letter-spacing:.03em;
  text-transform:uppercase;margin-bottom:8px}
.cmap p{margin:0 0 14px;font-size:13.5px;line-height:1.6;color:#4a5265}
.cmap .gbtn{display:inline-block;background:var(--orange);color:#fff;font-family:var(--disp);font-weight:700;
  font-size:15px;letter-spacing:.05em;text-transform:uppercase;padding:12px 24px;border-radius:6px}
.cmap .gbtn:hover{background:var(--orange-dk)}
.cmap iframe{width:100%;height:300px;border:0;border-radius:9px;display:block}
@media (max-width:900px){
  .cmap .grid{grid-template-columns:1fr}
  .cmap iframe{height:260px}
}
.cnear-lede{margin:0 0 11px;font-size:13px;line-height:1.55;color:#5a6376}

@media (max-width:1080px){
  /* backdrop, never a product plate: the hero photo fills the panel */
  .chero .shot{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center right}
  .chero .veil{display:block;background:linear-gradient(180deg,rgba(8,20,44,.72) 0%,rgba(8,20,44,.88) 55%,rgba(8,20,44,.94) 100%)}
  .chero .shell{grid-template-columns:1fr;gap:20px}
  .cform{max-width:440px}
}
@media (max-width:600px){
  .chero h1{font-size:28px}
  .chero .sub{font-size:15px}
  .cform{max-width:none}
}

/* nearby-cities block now closes the page, directly above the footer */
.cnear{padding:26px 0 34px}
.cnear b{font-size:17px}
.cnear .links{gap:9px 18px}
.cnear .links a{padding:4px 0}