.city-seo-page{background:#f5f5f7;color:#101114}.city-seo-hero a,.city-seo-page a{color:inherit}.city-seo-heading{max-width:730px}.city-seo-eyebrow,.city-kicker{font-size:13px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:#6b4eff}.city-seo-h1{font-family:Inter,Arial,sans-serif;font-weight:800;letter-spacing:-.05em}.city-seo-hero-line{font-size:22px;line-height:1.35;font-weight:700;max-width:720px;margin:20px 0 10px}.city-seo-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.city-seo-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;border:1px solid #d8d8df;border-radius:16px;background:#fff;text-decoration:none;font-weight:800}.city-seo-btn-dark{background:#111218;color:#fff!important;border-color:#111218}.city-seo-btn-accent{background:linear-gradient(135deg,#ff8a00,#ff5b2d);color:#fff!important;border:0}.city-seo-btn-whatsapp{background:#1db954;color:#fff!important;border:0}.city-proof{display:flex;gap:7px;flex-wrap:wrap}.city-proof span,.city-proof b{padding:5px 9px;border-radius:999px;background:#fff;border:1px solid #eee;font-size:12px}.city-seo-section{padding:86px 24px}.city-soft{background:#fff}.city-dark{background:#111318;color:#fff}.city-seo-wrap{width:min(1180px,100%);margin:0 auto}.media-split{display:grid;grid-template-columns:1fr 1.05fr;gap:54px;align-items:center}.media-split.reverse{grid-template-columns:1.05fr 1fr}.media-split.reverse .city-content{order:1}.media-split.reverse .city-media{order:2}.city-media{position:relative;border-radius:28px;overflow:hidden;min-height:420px;background:#ddd;box-shadow:0 24px 70px rgba(20,20,30,.08)}.city-media img{width:100%;height:100%;min-height:420px;object-fit:cover;display:block}.city-media span{position:absolute;left:18px;bottom:18px;background:rgba(15,16,22,.88);color:#fff;border:1px solid rgba(255,255,255,.16);padding:10px 14px;border-radius:999px;font-size:12px;font-weight:800;letter-spacing:.08em}.city-content h2,.section-head h2,.city-cta h2{font-family:Inter,Arial,sans-serif;font-size:clamp(32px,4vw,40px);line-height:1.08;letter-spacing:-.04em;margin:12px 0 22px;font-weight:800}.city-content p,.section-head p,.dark-copy p,.two-copy p,.long-copy p,.city-cta p{font-size:18px;line-height:1.75;color:#5f626d;margin:0 0 18px}.city-dark p{color:#cfd2dc}.city-pills,.districts{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.city-pills span,.districts span{padding:10px 14px;border:1px solid #dddfe7;background:#fff;border-radius:999px;font-weight:700;font-size:14px}.section-head{max-width:820px;margin:0 auto 34px;text-align:center}.section-head.light p{color:#cfd2dc}.city-grid{display:grid;gap:16px}.city-grid-3{grid-template-columns:repeat(3,1fr)}.city-grid article{background:#fff;border:1px solid #e4e4e9;border-radius:22px;padding:26px;min-height:210px}.city-grid article i{font-style:normal;color:#6b4eff;font-size:12px;font-weight:900;letter-spacing:.12em}.city-grid h3{font-size:22px;margin:14px 0 10px}.city-grid p{color:#666a75;line-height:1.6}.city-grid a,.text-link{font-weight:800;color:#6b4eff!important;text-decoration:none}.city-quote{padding:24px;border-left:4px solid #ff7a00;background:#fff4e9;border-radius:0 18px 18px 0;font-size:20px;line-height:1.55;font-weight:750;margin-top:26px}.dark-copy{max-width:920px;margin:auto}.two-copy{display:grid;grid-template-columns:1fr 1fr;gap:34px;margin-top:30px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:30px 0}.steps>div{background:#fff;border:1px solid #e4e4e9;border-radius:22px;padding:24px}.steps b{display:inline-flex;width:38px;height:38px;border-radius:12px;background:#111318;color:#fff;align-items:center;justify-content:center}.steps h3{font-size:20px;margin:16px 0 8px}.steps p{color:#666a75;line-height:1.55}.long-copy{max-width:940px;margin:0 auto}.faq-grid{max-width:980px;margin:auto;display:grid;gap:12px}.faq-grid details{background:#fff;border:1px solid #dedfe6;border-radius:20px;padding:0 24px;box-shadow:0 10px 30px rgba(25,25,35,.03)}.faq-grid summary{cursor:pointer;padding:22px 0;font-weight:800;font-size:18px;list-style:none}.faq-grid summary::-webkit-details-marker{display:none}.faq-grid details p{color:#636673;line-height:1.7;padding:0 0 22px;margin:0}.city-cta{padding:70px 24px;background:linear-gradient(135deg,#171923,#252038 58%,#3b2456);color:#fff}.cta-inner{display:grid;grid-template-columns:1.4fr .8fr;gap:40px;align-items:center}.city-cta p{color:#d7d5df;max-width:720px}.cta-points{display:grid;gap:12px}.cta-points span{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.13);border-radius:18px;padding:17px 18px;color:#d9d8e2}.cta-points b{display:block;color:#fff;margin-bottom:5px}.city-faq{background:#f0f1f4}
@media(max-width:900px){.media-split,.media-split.reverse,.cta-inner{grid-template-columns:1fr}.media-split.reverse .city-content,.media-split.reverse .city-media{order:initial}.city-grid-3{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:repeat(2,1fr)}.two-copy{grid-template-columns:1fr}.city-media{min-height:340px}.city-media img{min-height:340px}}
@media(max-width:640px){.city-seo-section{padding:56px 18px}.city-seo-heading{text-align:center}.city-seo-eyebrow{font-size:11px}.city-seo-h1{font-size:48px!important;line-height:.98!important}.city-seo-hero-line{font-size:18px}.city-seo-actions{justify-content:center}.city-content,.section-head{text-align:center}.city-content h2,.section-head h2,.city-cta h2{font-size:30px!important;line-height:1.12!important;max-width:92%;margin-left:auto;margin-right:auto}.city-kicker{display:block;text-align:center;font-size:11px}.city-content p,.section-head p,.dark-copy p,.two-copy p,.long-copy p,.city-cta p{font-size:16px;line-height:1.65}.city-grid-3,.steps{grid-template-columns:1fr}.city-grid article,.steps>div{text-align:center}.city-pills,.districts{justify-content:center}.city-media{min-height:260px;border-radius:22px}.city-media img{min-height:260px}.city-quote{font-size:17px;text-align:left}.faq-grid details{text-align:left;padding:0 18px}.faq-grid summary{font-size:16px}.cta-inner{text-align:center}.cta-points{text-align:left}.agency-stage{margin-bottom:0!important}.city-seo-hero{min-height:auto!important;padding-bottom:30px!important}}
.city-directory-hero{padding:120px 24px 72px;background:linear-gradient(180deg,#f7f7f9,#eceef4);text-align:center}.city-directory-wrap{width:min(1180px,100%);margin:0 auto}.city-directory-hero h1{font-family:Inter,Arial,sans-serif;font-size:clamp(44px,6vw,72px);line-height:1;letter-spacing:-.05em;margin:14px 0 22px}.city-directory-hero p{max-width:820px;margin:0 auto;color:#626671;font-size:18px;line-height:1.7}.city-directory-page{background:#f5f5f7;padding:20px 24px 90px}.city-directory-region{padding:44px 0;border-bottom:1px solid #dddfe6}.city-directory-region-head{text-align:center;margin-bottom:24px}.city-directory-region-head span{color:#6b4eff;font-size:12px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.city-directory-region-head h2{font-family:Inter,Arial,sans-serif;font-size:34px;letter-spacing:-.035em;margin:8px 0}.city-directory-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.city-directory-card{display:flex;min-height:150px;flex-direction:column;justify-content:space-between;padding:22px;border-radius:22px;border:1px solid #e0e1e7;background:#fff;text-decoration:none;color:#111318;box-shadow:0 12px 30px rgba(30,30,40,.035)}.city-directory-card strong{font-size:18px}.city-directory-card small{color:#6b6e78;line-height:1.45}.city-directory-card em{font-style:normal;font-weight:800;color:#6b4eff}.city-directory-card.is-live:hover{transform:translateY(-2px);box-shadow:0 18px 40px rgba(30,30,40,.08)}.city-directory-card.is-planned{background:#eceef2;color:#747782}.city-directory-card.is-planned em{color:#999ca6}.city-directory-cta{margin-top:50px;border-radius:28px;padding:34px 38px;background:#111318;color:#fff;display:flex;justify-content:space-between;gap:30px;align-items:center}.city-directory-cta h2{font-size:34px;margin:8px 0 12px}.city-directory-cta p{color:#c9ccd5;max-width:760px;line-height:1.65}.city-directory-cta>a{flex:0 0 auto;padding:14px 18px;border-radius:14px;background:#fff;color:#111318;text-decoration:none;font-weight:800}
@media(max-width:900px){.city-directory-grid{grid-template-columns:repeat(2,1fr)}.city-directory-cta{align-items:flex-start;flex-direction:column}}
@media(max-width:640px){.city-directory-hero{padding:90px 18px 50px}.city-directory-hero h1{font-size:46px}.city-directory-hero p{font-size:16px}.city-directory-page{padding:10px 18px 60px}.city-directory-region{padding:34px 0}.city-directory-region-head h2{font-size:30px;text-align:center}.city-directory-grid{grid-template-columns:1fr}.city-directory-card{min-height:128px}.city-directory-cta{text-align:center;padding:28px 22px}.city-directory-cta h2{font-size:30px}.city-directory-cta>a{align-self:center}}


/* 2026-10-20 city pages visual layout correction - scoped to all city SEO expert pages */
.city-seo-hero .agency-shell{
  width:min(1180px,calc(100% - 40px))!important;
}
.city-seo-hero .city-seo-heading{
  width:min(860px,100%)!important;
  max-width:860px!important;
  margin:0 auto!important;
  text-align:center!important;
}
.city-seo-hero .city-seo-h1{
  max-width:100%!important;
  margin:14px auto 0!important;
  font-size:clamp(52px,6vw,78px)!important;
  line-height:.98!important;
}
.city-seo-hero .city-seo-hero-line,
.city-seo-hero .agency-description{
  margin-left:auto!important;
  margin-right:auto!important;
}
.city-seo-hero .city-seo-actions{justify-content:center!important;}
.city-seo-hero .agency-stage{
  width:min(1055px,100%)!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

.city-seo-page .city-seo-section{
  position:relative;
  overflow:hidden;
}
.city-seo-page .city-seo-wrap{
  width:min(1180px,100%)!important;
}
.city-seo-page .media-split{
  grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr)!important;
  gap:0!important;
  align-items:stretch!important;
  background:#fff;
  border:1px solid #e7e8ee;
  border-radius:30px;
  overflow:hidden;
  box-shadow:0 24px 70px rgba(22,24,35,.07);
}
.city-seo-page .media-split.reverse{
  grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr)!important;
}
.city-seo-page .media-split .city-content{
  min-width:0;
  padding:48px 50px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  background:#fff;
}
.city-seo-page .media-split .city-media{
  min-width:0;
  min-height:100%!important;
  height:100%;
  border-radius:0!important;
  box-shadow:none!important;
  background:#e9eaf0;
}
.city-seo-page .media-split .city-media img{
  width:100%;
  height:100%!important;
  min-height:520px!important;
  object-fit:cover;
  object-position:center;
}
.city-seo-page .media-split .city-media span{
  left:22px;
  bottom:22px;
  max-width:calc(100% - 44px);
  white-space:normal;
  line-height:1.25;
}
.city-seo-page .city-content h2,
.city-seo-page .section-head h2,
.city-seo-page .city-cta h2{
  max-width:760px;
  margin-left:auto;
  margin-right:auto;
}
.city-seo-page .media-split .city-content h2{
  margin-left:0;
  margin-right:0;
  max-width:620px;
}
.city-seo-page .media-split .city-content p{
  max-width:680px;
}
.city-seo-page .city-grid-3{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:18px!important;
}
.city-seo-page .city-grid article{
  min-height:230px!important;
  padding:28px!important;
  border-radius:24px!important;
  box-shadow:0 16px 45px rgba(22,24,35,.045);
}
.city-seo-page .city-grid h3{
  line-height:1.18;
  letter-spacing:-.02em;
}
.city-seo-page .city-dark{
  background:
    radial-gradient(circle at 15% 20%,rgba(107,78,255,.18),transparent 36%),
    radial-gradient(circle at 86% 74%,rgba(255,122,0,.12),transparent 32%),
    #111318;
}
.city-seo-page .city-dark .city-seo-wrap{
  padding:56px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:30px;
  background:rgba(255,255,255,.025);
}
.city-seo-page .dark-copy{
  max-width:900px!important;
  text-align:center;
}
.city-seo-page .dark-copy p{
  text-align:left;
}
.city-seo-page .districts{
  justify-content:center;
}
.city-seo-page .two-copy{
  width:min(980px,100%);
  margin:34px auto 0!important;
  gap:24px!important;
}
.city-seo-page .two-copy p{
  margin:0;
  padding:26px;
  border:1px solid #e3e4ea;
  border-radius:22px;
  background:#fff;
  box-shadow:0 14px 35px rgba(22,24,35,.035);
}
.city-seo-page .steps{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:16px!important;
}
.city-seo-page .steps>div{
  min-width:0;
  min-height:220px;
  box-shadow:0 16px 40px rgba(22,24,35,.04);
}
.city-seo-page .faq-grid details{
  overflow:hidden;
}
.city-seo-page .city-cta{
  padding:76px 24px!important;
}
.city-seo-page .cta-inner{
  width:min(1180px,100%);
  margin:0 auto;
  grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr)!important;
  gap:48px!important;
}

@media(max-width:980px){
  .city-seo-page .media-split,
  .city-seo-page .media-split.reverse{
    grid-template-columns:1fr!important;
  }
  .city-seo-page .media-split .city-media,
  .city-seo-page .media-split.reverse .city-media{order:1!important;}
  .city-seo-page .media-split .city-content,
  .city-seo-page .media-split.reverse .city-content{order:2!important;}
  .city-seo-page .media-split .city-media img{min-height:400px!important;max-height:460px;}
  .city-seo-page .city-grid-3{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .city-seo-page .steps{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .city-seo-page .cta-inner{grid-template-columns:1fr!important;}
}

@media(max-width:760px){
  .city-seo-hero .agency-shell{width:calc(100% - 28px)!important;}
  .city-seo-hero .city-seo-heading{text-align:center!important;}
  .city-seo-hero .city-seo-h1{
    font-size:46px!important;
    line-height:1!important;
    letter-spacing:-.045em!important;
  }
  .city-seo-hero .city-seo-hero-line,
  .city-seo-hero .agency-description{
    max-width:560px!important;
    text-align:center!important;
  }
  .city-seo-page .city-seo-section{padding:54px 16px!important;}
  .city-seo-page .media-split{border-radius:24px;}
  .city-seo-page .media-split .city-content{
    padding:32px 22px 34px!important;
    text-align:center!important;
  }
  .city-seo-page .media-split .city-content h2{
    margin-left:auto!important;
    margin-right:auto!important;
  }
  .city-seo-page .media-split .city-content p{
    margin-left:auto;
    margin-right:auto;
  }
  .city-seo-page .media-split .city-media img{
    min-height:280px!important;
    max-height:330px!important;
  }
  .city-seo-page .city-media span{
    left:14px!important;
    bottom:14px!important;
    max-width:calc(100% - 28px)!important;
    font-size:10px!important;
    padding:8px 10px!important;
  }
  .city-seo-page .city-content h2,
  .city-seo-page .section-head h2,
  .city-seo-page .city-cta h2{
    font-size:30px!important;
    line-height:1.12!important;
    text-align:center!important;
  }
  .city-seo-page .section-head{
    max-width:680px!important;
    text-align:center!important;
  }
  .city-seo-page .city-grid-3,
  .city-seo-page .steps{
    grid-template-columns:1fr!important;
  }
  .city-seo-page .city-grid article,
  .city-seo-page .steps>div{
    min-height:auto!important;
    padding:24px 20px!important;
    text-align:center!important;
  }
  .city-seo-page .city-dark .city-seo-wrap{
    padding:34px 20px!important;
    border-radius:24px!important;
  }
  .city-seo-page .dark-copy p{text-align:center!important;}
  .city-seo-page .two-copy{grid-template-columns:1fr!important;gap:14px!important;}
  .city-seo-page .two-copy p{text-align:center!important;padding:22px 18px!important;}
  .city-seo-page .city-quote{text-align:center!important;}
  .city-seo-page .cta-inner{text-align:center!important;gap:28px!important;}
  .city-seo-page .cta-points{text-align:center!important;}
  .city-seo-page .cta-points span{text-align:center!important;}
}

/* 2026-10-20 heading hierarchy v4: centered H2 + badge below */
.city-seo-page .section-head,
.city-seo-page .city-content,
.city-seo-page .cta-inner>div:first-child{
  text-align:center;
}
.city-seo-page .section-head h2,
.city-seo-page .city-content h2,
.city-seo-page .city-cta h2{
  text-align:center!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.city-seo-page .city-kicker{
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  width:max-content;
  max-width:100%;
  margin:14px auto 22px!important;
  padding:9px 14px;
  border:1px solid rgba(93,73,255,.16);
  border-radius:999px;
  background:linear-gradient(135deg,#5a7cff 0%,#704cff 55%,#8b5cff 100%);
  color:#fff!important;
  box-shadow:0 9px 24px rgba(94,76,255,.16);
  font-size:11px!important;
  line-height:1.1;
  letter-spacing:.13em!important;
  text-align:center;
}
.city-seo-page .section-head .city-kicker{
  display:flex!important;
}
.city-seo-page .media-split .city-content .city-kicker{
  align-self:center;
}
.city-seo-page .section-head>p{
  margin-top:0!important;
}
.city-seo-page .city-dark .city-kicker{
  border-color:rgba(255,255,255,.16);
  box-shadow:0 10px 28px rgba(86,70,255,.22);
}
.city-seo-page .city-content>p,
.city-seo-page .city-content>.city-quote,
.city-seo-page .city-content>.city-pills,
.city-seo-page .city-content>.text-link{
  text-align:left;
}
.city-seo-page .cta-inner>div:first-child>p{
  text-align:center;
}
@media(max-width:760px){
  .city-seo-page .city-kicker{
    margin:11px auto 18px!important;
    padding:8px 12px;
    font-size:10px!important;
  }
}


/* v5 definitive heading stack: neutralize global/grid rules */
.city-seo-page .section-head{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;grid-template-columns:none!important;max-width:920px!important;margin:0 auto 34px!important;text-align:center!important;}
.city-seo-page .city-content{display:flex!important;flex-direction:column!important;align-items:center!important;text-align:center!important;}
.city-seo-page .cta-inner>div:first-child{display:flex!important;flex-direction:column!important;align-items:center!important;text-align:center!important;}
.city-seo-page .section-head h2,.city-seo-page .city-content h2,.city-seo-page .city-cta h2{order:1!important;width:100%!important;max-width:760px!important;margin:0 auto 12px!important;text-align:center!important;}
.city-seo-page .section-head .city-kicker,.city-seo-page .city-content .city-kicker,.city-seo-page .cta-inner>div:first-child .city-kicker{order:2!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;width:auto!important;max-width:100%!important;margin:0 auto 18px!important;padding:9px 15px!important;border-radius:999px!important;background:linear-gradient(135deg,#5277ff 0%,#654eff 48%,#8758ff 100%)!important;color:#fff!important;border:1px solid rgba(83,74,255,.18)!important;box-shadow:0 8px 22px rgba(91,74,255,.16)!important;font-size:11px!important;line-height:1.1!important;letter-spacing:.13em!important;text-align:center!important;}
.city-seo-page .section-head>p{order:3!important;width:100%!important;max-width:820px!important;margin:0 auto!important;text-align:center!important;}
.city-seo-page .city-content>p,.city-seo-page .city-content>.city-quote,.city-seo-page .city-content>.city-pills,.city-seo-page .city-content>.text-link{order:3;text-align:left!important;width:100%;}
.city-seo-page .city-content>.city-pills{justify-content:center!important;}
.city-seo-page .city-content>.text-link{text-align:center!important;}
.city-seo-page .city-dark .section-head h2{color:#fff!important;}
.city-seo-page .city-dark .section-head>p{color:#cfd2dc!important;}
@media(max-width:760px){.city-seo-page .section-head h2,.city-seo-page .city-content h2,.city-seo-page .city-cta h2{font-size:30px!important;line-height:1.12!important;margin-bottom:10px!important}.city-seo-page .section-head .city-kicker,.city-seo-page .city-content .city-kicker,.city-seo-page .cta-inner>div:first-child .city-kicker{font-size:10px!important;padding:8px 12px!important;margin-bottom:16px!important}.city-seo-page .section-head>p{font-size:16px!important;line-height:1.65!important}}