/* Inner-page header and banner proportions matched to the About page. */
.local-seo-page {
  overflow-x: hidden
}

.local-seo-page #masthead {
  position: absolute !important;
  inset: 0 0 auto !important;
  height: auto !important;
  padding: 0 !important;
  background: transparent !important;
  z-index: 60;
}

/* Why Local SEO Matters */
.matters-section {
  padding: 100px 0 110px;
  background: linear-gradient(180deg, #fff 0%, #fbfbfe 100%);
  overflow: hidden
}

.matters-section .matters-heading {
  max-width: 860px;
  margin: 0 auto 58px;
  text-align: center
}

.matters-section .matters-heading h2 {
  margin: 10px 0 18px;
  color: #211e46;
  font-family: 'Manrope', Arial, sans-serif;
  font-size: clamp(34px, 4vw, 54px);
  font-weight: 800;
  line-height: 1.12
}

.matters-section .matters-heading p {
  max-width: 760px;
  margin: 0 auto;
  color: #6f7080;
  font-size: 18px;
  line-height: 1.75
}

.matters-heading>i {
  display: block;
  width: 140px;
  height: 4px;
  margin: 28px auto 0;
  border-radius: 20px;
  background: linear-gradient(90deg, #ffbd59, #f26a3d 38%, #8c5fd7 70%, #343eb7)
}

.matters-showcase {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 390px minmax(0, 1fr);
  gap: 34px;
  align-items: center;
  max-width: 1500px;
  margin: auto
}

.matter-column {
  display: grid;
  gap: 28px
}

.matter-card {
  position: relative;
  display: grid;
  grid-template-columns: 70px 1fr;
  gap: 20px;
  min-height: 220px;
  padding: 34px 30px;
  background: #fff;
  border: 1px solid #f0eff8;
  border-radius: 26px;
  box-shadow: 0 16px 45px rgba(31, 30, 70, .09);
  transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease
}

.matter-card:hover {
  transform: translateY(-9px);
  border-color: rgba(111, 90, 206, .35);
  box-shadow: 0 24px 55px rgba(46, 36, 103, .16)
}

.matter-card .matter-icon {
  display: grid;
  place-items: center;
  width: 64px;
  height: 64px;
  border-radius: 18px;
  background: linear-gradient(145deg, #7168d9, #4e48aa);
  box-shadow: 0 10px 22px rgba(83, 73, 183, .25);
  color: #fff;
  font-size: 35px;
  font-weight: 700;
  line-height: 1;
  transition: transform .35s ease
}

.matter-card:hover .matter-icon {
  transform: rotate(-8deg) scale(1.08)
}

.matter-card b {
  position: absolute;
  top: 17px;
  right: 23px;
  color: #e6e4f3;
  font-size: 38px;
  line-height: 1;
  font-weight: 800
}

.matter-card h3 {
  position: relative;
  margin: 6px 40px 14px 0;
  color: #211e46;
  font-family: 'Manrope', Arial, sans-serif;
  font-size: 22px;
  font-weight: 800;
  line-height: 1.25
}

.matter-card p,
.matter-card small,
.matter-card li {
  color: #707181;
  font-size: 14px;
  line-height: 1.65
}

.matter-card p {
  margin: 0 0 8px
}

.matter-card p:last-child {
  margin-bottom: 0
}

.matter-card small {
  display: block;
  font-weight: 700;
  color: #4d4b6d
}

.matter-card ul {
  margin: 4px 0 8px;
  padding-left: 18px
}

.matter-visual {
  position: relative;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  min-height: 560px;
  padding-top: 42px
}

.matter-visual:before {
  content: "";
  position: absolute;
  left: 50%;
  top: 62px;
  width: 330px;
  height: 330px;
  transform: translateX(-50%);
  border-radius: 50%;
  background: linear-gradient(145deg, #ff8254, #ff4778 52%, #685bd6);
  box-shadow: 0 28px 70px rgba(95, 60, 165, .25)
}

.matter-visual .visual-orbit {
  position: absolute;
  inset: 15px 12px 90px;
  border: 1px dashed rgba(100, 83, 193, .3);
  border-radius: 50%;
  animation: matterOrbit 18s linear infinite
}

.matter-visual .visual-orbit:before,
.matter-visual .visual-orbit:after {
  content: "";
  position: absolute;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background: #ff7255;
  box-shadow: 0 0 0 8px rgba(255, 114, 85, .12)
}

.matter-visual .visual-orbit:before {
  top: 40px;
  left: 34px
}

.matter-visual .visual-orbit:after {
  right: 17px;
  bottom: 80px;
  background: #6255d0;
  box-shadow: 0 0 0 8px rgba(98, 85, 208, .12)
}

.matter-visual img {
  position: relative;
  z-index: 2;
  width: min(100%, 390px);
  max-height: 545px;
  object-fit: contain;
  filter: drop-shadow(0 25px 22px rgba(40, 31, 78, .2));
  transition: transform .45s ease
}

.matter-visual:hover img {
  transform: translateY(-9px) scale(1.025)
}

@keyframes matterOrbit {
  to {
    transform: rotate(360deg)
  }
}

@media(max-width:1200px) {
  .matters-showcase {
    grid-template-columns: 1fr 320px 1fr;
    gap: 20px
  }

  .matter-card {
    grid-template-columns: 56px 1fr;
    padding: 28px 22px
  }

  .matter-card .matter-icon {
    width: 54px;
    height: 54px;
    font-size: 29px
  }

  .matter-card h3 {
    font-size: 19px
  }

  .matter-visual {
    min-height: 500px
  }
}

@media(max-width:991px) {
  .matters-showcase {
    grid-template-columns: 1fr 1fr
  }

  .matter-visual {
    grid-column: 1/-1;
    grid-row: 1;
    min-height: 400px
  }

  .matter-visual:before {
    width: 270px;
    height: 270px
  }

  .matter-visual img {
    max-height: 390px;
    width: 310px
  }

  .matter-column {
    align-self: stretch
  }

  .matter-card {
    height: 100%
  }
}

@media(max-width:680px) {
  .matters-section {
    padding: 72px 0
  }

  .matters-section .matters-heading {
    margin-bottom: 35px
  }

  .matters-section .matters-heading p {
    font-size: 16px
  }

  .matters-showcase {
    grid-template-columns: 1fr
  }

  .matter-visual {
    grid-column: 1;
    min-height: 340px
  }

  .matter-column {
    gap: 18px
  }

  .matter-card {
    grid-template-columns: 50px 1fr;
    min-height: auto;
    padding: 25px 19px;
    border-radius: 20px
  }

  .matter-card .matter-icon {
    width: 48px;
    height: 48px;
    border-radius: 14px;
    font-size: 26px
  }

  .matter-card h3 {
    margin-right: 28px;
    font-size: 18px
  }

  .matter-card b {
    top: 16px;
    right: 16px;
    font-size: 29px
  }
}

@media(prefers-reduced-motion:reduce) {
  .matter-visual .visual-orbit {
    animation: none
  }

  .matter-card,
  .matter-card .matter-icon,
  .matter-visual img {
    transition: none
  }
}

/* Proven Direction / Real-World Example */
.local-seo-page .example-section {
  position: relative;
  padding: 105px 0 0;
  background: #fff;
  color: #211e46;
  overflow: hidden
}

.example-section .example-shape {
  position: absolute;
  left: -12%;
  top: -18%;
  width: 58%;
  height: 128%;
  border-radius: 0 48% 48% 0;
  background: linear-gradient(135deg, #eef7fb 0%, #e8f3fa 55%, #f8fbfd 100%);
  transform: rotate(-4deg)
}

.example-section .example-shape:after {
  content: "";
  position: absolute;
  right: 2%;
  top: 18%;
  width: 60%;
  height: 60%;
  border-radius: 50%;
  background: linear-gradient(145deg, #ffd8aa, #ffc19c);
  opacity: .9
}

.local-seo-page .example-grid {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: .95fr 1.05fr;
  gap: 95px;
  align-items: center;
  min-height: 690px
}

.example-visual {
  position: relative;
  align-self: end;
  display: flex;
  justify-content: center;
  min-height: 650px
}

.example-visual:before {
  content: "";
  position: absolute;
  left: 5%;
  bottom: 0;
  width: 90%;
  height: 76%;
  border: 1px solid rgba(96, 90, 170, .13);
  border-radius: 50% 50% 0 0
}

.example-visual img {
  position: absolute;
  z-index: 2;
  bottom: 0;
  width: min(100%, 620px);
  max-height: 665px;
  object-fit: contain;
  object-position: center bottom;
  filter: drop-shadow(0 24px 28px rgba(50, 44, 89, .13));
  transition: transform .45s ease
}

.example-visual:hover img {
  transform: translateY(-8px)
}

.example-bubble {
  position: absolute;
  z-index: 3;
  top: 20px;
  right: 18%;
  display: grid;
  place-items: center;
  width: 86px;
  height: 68px;
  border-radius: 24px 24px 24px 8px;
  background: linear-gradient(145deg, #a875ff, #704fc9);
  box-shadow: 0 15px 25px rgba(104, 75, 190, .24);
  color: #fff;
  font-size: 28px;
  letter-spacing: 4px;
  animation: exampleFloat 3.2s ease-in-out infinite
}

.example-copy {
  padding: 70px 0 80px
}

.example-copy .eyebrow {
  color: #6662a8 !important;
  letter-spacing: .18em
}

.local-seo-page .example-grid .example-copy h2 {
  margin: 17px 0 27px;
  color: #211e46;
  font-family: 'Manrope', Arial, sans-serif;
  font-size: clamp(40px, 4.2vw, 62px);
  font-weight: 800;
  letter-spacing: -.035em;
  line-height: 1.08
}

.local-seo-page .example-grid .example-copy p {
  margin: 0 0 13px;
  color: #6d6d7c;
  font-size: 15px;
  line-height: 1.7
}

.example-points {
  display: grid;
  gap: 12px;
  margin: 27px 0 34px;
  padding: 0;
  list-style: none
}

.example-points li {
  position: relative;
  padding-left: 36px;
  color: #292641;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.5
}

.example-points li:before {
  content: "✓";
  position: absolute;
  left: 0;
  top: 0;
  display: grid;
  place-items: center;
  width: 23px;
  height: 23px;
  border-radius: 50%;
  background: #f0eff5;
  color: #5c58b2;
  font-size: 13px;
  font-weight: 900
}

.example-btn {
  display: inline-flex;
  align-items: center;
  gap: 18px;
  padding: 17px 24px 17px 30px;
  border-radius: 40px;
  background: linear-gradient(90deg, #4e4bab, #8885da);
  box-shadow: 0 14px 28px rgba(78, 75, 171, .22);
  color: #fff;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: .08em;
  font-size: 12px;
  font-weight: 800;
  transition: transform .3s ease, box-shadow .3s ease
}

.example-btn b {
  display: grid;
  place-items: center;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #fff;
  color: #4e4bab;
  font-size: 17px;
  transition: transform .3s ease
}

.example-btn:hover {
  transform: translateY(-5px);
  box-shadow: 0 20px 34px rgba(78, 75, 171, .3);
  color: #fff
}

.example-btn:hover b {
  transform: rotate(45deg)
}

@keyframes exampleFloat {
  50% {
    transform: translateY(-10px) rotate(3deg)
  }
}

@media(max-width:1050px) {
  .local-seo-page .example-grid {
    grid-template-columns: .9fr 1.1fr;
    gap: 45px
  }

  .example-visual {
    min-height: 580px
  }

  .example-copy {
    padding: 60px 0
  }

  .example-section .example-shape {
    width: 55%
  }
}

@media(max-width:820px) {
  .local-seo-page .example-section {
    padding-top: 75px
  }

  .local-seo-page .example-grid {
    grid-template-columns: 1fr;
    gap: 15px
  }

  .example-section .example-shape {
    top: -8%;
    width: 115%;
    height: 58%;
    border-radius: 0 0 48% 48%
  }

  .example-visual {
    min-height: 490px;
    grid-row: 1
  }

  .example-visual img {
    max-height: 520px;
    width: 500px
  }

  .example-copy {
    padding: 30px 0 75px
  }

  .example-bubble {
    top: 5px;
    right: 24%
  }
}

@media(max-width:520px) {
  .local-seo-page .example-section {
    padding-top: 45px
  }

  .example-visual {
    min-height: 385px
  }

  .example-visual img {
    max-height: 410px
  }

  .example-bubble {
    width: 66px;
    height: 54px;
    right: 15%;
    border-radius: 18px 18px 18px 7px;
    font-size: 22px
  }

  .example-copy {
    padding-top: 15px
  }

  .local-seo-page .example-grid .example-copy h2 {
    font-size: 38px
  }

  .example-btn {
    padding: 14px 17px 14px 22px;
    font-size: 10px
  }
}

@media(prefers-reduced-motion:reduce) {
  .example-bubble {
    animation: none
  }

  .example-visual img,
  .example-btn,
  .example-btn b {
    transition: none
  }
}

/* What We Do / Key Local SEO Strategies */
.local-seo-page .strategies-section {
  position: relative;
  padding: 105px 0;
  background: #fff;
  overflow: hidden
}

.strategies-layout {
  display: grid;
  grid-template-columns: .82fr 1.18fr;
  gap: 90px;
  align-items: center
}

.strategies-visual {
  position: relative;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  min-height: 670px
}

.strategies-visual:before,
.strategies-visual:after {
  content: "";
  position: absolute;
  border-radius: 50%
}

.strategies-visual:before {
  left: 4%;
  bottom: 5%;
  width: 92%;
  height: 78%;
  background: linear-gradient(145deg, #dff8fa, #dce1f8)
}

.strategies-visual:after {
  left: 12%;
  bottom: 0;
  width: 76%;
  height: 67%;
  border: 1px solid rgba(78, 74, 171, .14)
}

.strategies-visual img {
  position: relative;
  z-index: 2;
  width: min(100%, 530px);
  max-height: 690px;
  object-fit: contain;
  object-position: center bottom;
  filter: drop-shadow(0 25px 24px rgba(38, 35, 78, .16));
  transition: transform .45s ease
}

.strategies-visual:hover img {
  transform: translateY(-9px)
}

.question-bubble {
  position: absolute;
  z-index: 4;
  right: 5%;
  top: 8%;
  display: grid;
  place-items: center;
  width: 92px;
  height: 92px;
  border-radius: 28px 28px 28px 8px;
  background: linear-gradient(145deg, #a56cf7, #714bc9);
  box-shadow: 0 16px 30px rgba(116, 76, 204, .27);
  color: #fff;
  font-family: 'Manrope', Arial, sans-serif;
  font-size: 52px;
  font-weight: 800;
  animation: strategyFloat 3s ease-in-out infinite
}

.strategies-heading {
  margin-bottom: 42px
}

.strategies-heading .eyebrow {
  color: #6561a6 !important;
  letter-spacing: .17em
}

.strategies-heading h2 {
  margin: 17px 0 18px;
  color: #211e46;
  font-family: 'Manrope', Arial, sans-serif;
  font-size: clamp(40px, 4vw, 60px);
  font-weight: 800;
  letter-spacing: -.035em;
  line-height: 1.08
}

.strategies-heading p {
  max-width: 720px;
  margin: 0;
  color: #727280;
  font-size: 16px;
  line-height: 1.7
}

.strategy-accordion {
  display: grid;
  gap: 14px
}

.strategy-accordion details {
  overflow: hidden;
  border: 0;
  border-radius: 30px;
  background: linear-gradient(90deg, #3679cf 0%, #29bdb0 100%);
  box-shadow: 0 12px 25px rgba(41, 110, 173, .13);
  transition: transform .3s ease, box-shadow .3s ease
}

.strategy-accordion details:hover {
  transform: translateX(6px);
  box-shadow: 0 17px 30px rgba(41, 110, 173, .2)
}

.strategy-accordion details[open] {
  border-radius: 22px;
  background: #fff;
  box-shadow: 0 14px 38px rgba(39, 39, 70, .12)
}

.strategy-accordion summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  min-height: 68px;
  padding: 17px 26px;
  cursor: pointer;
  list-style: none;
  color: #fff;
  font-family: 'Manrope', Arial, sans-serif;
  font-size: 17px;
  font-weight: 800;
  line-height: 1.35
}

.strategy-accordion summary::-webkit-details-marker {
  display: none
}

.strategy-accordion details[open] summary {
  color: #252246;
  border-bottom: 1px solid #ececf1
}

.strategy-accordion summary b {
  position: relative;
  flex: 0 0 24px;
  width: 24px;
  height: 24px
}

.strategy-accordion summary b:before,
.strategy-accordion summary b:after {
  content: "";
  position: absolute;
  left: 4px;
  top: 11px;
  width: 16px;
  height: 2px;
  border-radius: 4px;
  background: currentColor
}

.strategy-accordion summary b:after {
  transform: rotate(90deg);
  transition: transform .25s ease
}

.strategy-accordion details[open] summary b:after {
  transform: rotate(0)
}

.strategy-accordion details p {
  margin: 0;
  padding: 24px 26px 28px;
  color: #737382;
  font-size: 15px;
  line-height: 1.7
}

@keyframes strategyFloat {
  50% {
    transform: translateY(-10px) rotate(-3deg)
  }
}

@media(max-width:1100px) {
  .strategies-layout {
    grid-template-columns: .75fr 1.25fr;
    gap: 50px
  }

  .strategies-visual {
    min-height: 590px
  }

  .strategies-visual img {
    max-height: 610px
  }

  .question-bubble {
    width: 76px;
    height: 76px;
    font-size: 42px
  }
}

@media(max-width:860px) {
  .local-seo-page .strategies-section {
    padding: 80px 0
  }

  .strategies-layout {
    grid-template-columns: 1fr;
    gap: 45px
  }

  .strategies-visual {
    min-height: 520px
  }

  .strategies-visual img {
    max-height: 540px
  }

  .strategies-content {
    max-width: 760px;
    margin: auto;
    width: 100%
  }

  .question-bubble {
    right: 16%
  }
}

@media(max-width:520px) {
  .local-seo-page .strategies-section {
    padding: 65px 0
  }

  .strategies-visual {
    min-height: 400px
  }

  .strategies-visual img {
    max-height: 420px
  }

  .question-bubble {
    right: 7%;
    top: 3%;
    width: 62px;
    height: 62px;
    border-radius: 20px 20px 20px 7px;
    font-size: 34px
  }

  .strategies-heading {
    margin-bottom: 28px
  }

  .strategies-heading h2 {
    font-size: 38px
  }

  .strategy-accordion summary {
    min-height: 62px;
    padding: 15px 18px;
    font-size: 14px
  }

  .strategy-accordion details p {
    padding: 20px 18px 23px;
    font-size: 14px
  }
}

@media(prefers-reduced-motion:reduce) {
  .question-bubble {
    animation: none
  }

  .strategies-visual img,
  .strategy-accordion details,
  .strategy-accordion summary b:after {
    transition: none
  }
}

/* The Outcome / Benefits of Local SEO */
.local-seo-page .benefits-section {
  position: relative;
  padding: 110px 0;
  background: linear-gradient(125deg, #101a42 0%, #1d235b 48%, #3c1767 100%);
  color: #fff;
  overflow: hidden
}

.local-seo-page .benefits-section:before,
.local-seo-page .benefits-section:after {
  content: "";
  position: absolute;
  border-radius: 50%;
  pointer-events: none
}

.local-seo-page .benefits-section:before {
  width: 440px;
  height: 440px;
  left: -180px;
  top: -220px;
  border: 1px solid rgba(255, 255, 255, .1);
  box-shadow: 0 0 0 65px rgba(255, 255, 255, .025), 0 0 0 130px rgba(255, 255, 255, .018)
}

.local-seo-page .benefits-section:after {
  width: 360px;
  height: 360px;
  right: -130px;
  bottom: -230px;
  background: radial-gradient(circle, rgba(244, 86, 179, .24), transparent 68%)
}

.local-seo-page .benefits-grid {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: .68fr 1.32fr;
  gap: 85px;
  align-items: center
}

.benefits-grid>div:first-child {
  position: relative;
  padding-left: 28px
}

.benefits-grid>div:first-child:before {
  content: "";
  position: absolute;
  left: 0;
  top: 4px;
  width: 4px;
  height: 86%;
  border-radius: 5px;
  background: linear-gradient(180deg, #ff8b54, #d65fc7, #7965e8)
}

.local-seo-page .benefits-grid .eyebrow {
  color: #f7b7e7 !important;
  letter-spacing: .18em
}

.local-seo-page .benefits-grid h2 {
  margin: 18px 0 24px;
  color: #fff;
  font-family: 'Manrope', Arial, sans-serif;
  font-size: clamp(42px, 4.5vw, 64px);
  font-weight: 800;
  letter-spacing: -.045em;
  line-height: 1.08
}

.local-seo-page .benefits-grid>div:first-child p {
  max-width: 480px;
  margin: 0;
  color: #cdd1e5;
  font-size: 17px;
  line-height: 1.75
}

.local-seo-page .benefit-list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px
}

.local-seo-page .benefit-list span {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 86px;
  padding: 18px 22px 18px 72px;
  border: 1px solid rgba(255, 255, 255, .16);
  border-radius: 20px;
  background: linear-gradient(135deg, rgba(255, 255, 255, .1), rgba(255, 255, 255, .055));
  box-shadow: 0 14px 30px rgba(5, 8, 35, .12);
  backdrop-filter: blur(7px);
  color: #fff;
  font-family: 'Manrope', Arial, sans-serif;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.4;
  transition: transform .32s ease, border-color .32s ease, background .32s ease, box-shadow .32s ease
}

.local-seo-page .benefit-list span:before {
  content: "✓";
  position: absolute;
  left: 22px;
  top: 50%;
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  transform: translateY(-50%);
  border-radius: 11px;
  background: linear-gradient(145deg, #cfff4d, #73df73);
  box-shadow: 0 8px 18px rgba(159, 244, 80, .18);
  color: #172047;
  font-size: 17px;
  font-weight: 900
}

.local-seo-page .benefit-list span:after {
  content: "";
  position: absolute;
  right: 17px;
  bottom: 12px;
  width: 28px;
  height: 2px;
  border-radius: 4px;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .35));
  transform: scaleX(0);
  transform-origin: right;
  transition: transform .32s ease
}

.local-seo-page .benefit-list span:hover {
  transform: translateY(-7px);
  border-color: rgba(204, 255, 92, .5);
  background: linear-gradient(135deg, rgba(255, 255, 255, .16), rgba(255, 255, 255, .08));
  box-shadow: 0 22px 38px rgba(4, 6, 29, .22)
}

.local-seo-page .benefit-list span:hover:after {
  transform: scaleX(1)
}

.local-seo-page .benefit-list span:nth-child(even) {
  transform: translateY(16px)
}

.local-seo-page .benefit-list span:nth-child(even):hover {
  transform: translateY(9px)
}

@media(max-width:1020px) {
  .local-seo-page .benefits-grid {
    grid-template-columns: 1fr;
    gap: 48px
  }

  .benefits-grid>div:first-child {
    max-width: 720px
  }

  .local-seo-page .benefit-list span:nth-child(even) {
    transform: none
  }

  .local-seo-page .benefit-list span:nth-child(even):hover {
    transform: translateY(-7px)
  }
}

@media(max-width:650px) {
  .local-seo-page .benefits-section {
    padding: 75px 0
  }

  .local-seo-page .benefits-grid {
    gap: 38px
  }

  .benefits-grid>div:first-child {
    padding-left: 20px
  }

  .local-seo-page .benefits-grid h2 {
    font-size: 40px
  }

  .local-seo-page .benefits-grid>div:first-child p {
    font-size: 15px
  }

  .local-seo-page .benefit-list {
    grid-template-columns: 1fr;
    gap: 12px
  }

  .local-seo-page .benefit-list span {
    min-height: 74px;
    padding: 15px 18px 15px 63px;
    border-radius: 17px;
    font-size: 14px
  }

  .local-seo-page .benefit-list span:before {
    left: 17px;
    width: 32px;
    height: 32px
  }
}

@media(prefers-reduced-motion:reduce) {

  .local-seo-page .benefit-list span,
  .local-seo-page .benefit-list span:after {
    transition: none
  }
}

/* Your Growth Partner / Why Choose Papa Marketing */
.local-seo-page .choose-section {
  position: relative;
  padding: 110px 0;
  background: #fff;
  overflow: hidden
}

.local-seo-page .choose-local-grid {
  display: grid;
  grid-template-columns: 1.02fr .98fr;
  gap: 90px;
  align-items: center
}

.choose-copy {
  max-width: 690px
}

.choose-copy .eyebrow {
  color: #6561a6 !important;
  letter-spacing: .18em
}

.local-seo-page .choose-copy h2 {
  max-width: 650px;
  margin: 17px 0 22px;
  color: #211e46;
  font-family: 'Manrope', Arial, sans-serif;
  font-size: clamp(42px, 4.4vw, 64px);
  font-weight: 800;
  letter-spacing: -.045em;
  line-height: 1.08
}

.choose-divider {
  display: block;
  width: 108px;
  height: 4px;
  margin: 0 0 28px;
  border-radius: 10px;
  background: linear-gradient(90deg, #ffb85c, #c867c9, #5250b5)
}

.local-seo-page .choose-copy p {
  max-width: 650px;
  margin: 0 0 16px;
  color: #6d6e7d;
  font-size: 15px;
  line-height: 1.75
}

.choose-btn {
  display: inline-flex;
  align-items: center;
  gap: 18px;
  margin-top: 20px;
  padding: 16px 20px 16px 28px;
  border-radius: 35px;
  background: linear-gradient(90deg, #4e4bab, #8785dd);
  box-shadow: 0 14px 26px rgba(78, 75, 171, .2);
  color: #fff;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: .08em;
  font-size: 11px;
  font-weight: 800;
  transition: transform .3s ease, box-shadow .3s ease
}

.choose-btn b {
  display: grid;
  place-items: center;
  width: 29px;
  height: 29px;
  border-radius: 50%;
  background: #fff;
  color: #504daf;
  font-size: 16px;
  transition: transform .3s ease
}

.choose-btn:hover {
  transform: translateY(-5px);
  box-shadow: 0 20px 32px rgba(78, 75, 171, .28);
  color: #fff
}

.choose-btn:hover b {
  transform: translateX(4px)
}

.local-seo-page .choose-visual {
  position: relative;
  display: block;
  min-height: 560px;
  border-radius: 0;
  background: transparent;
  overflow: visible
}

.local-seo-page .choose-visual:before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 350px;
  height: 350px;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  border: 1px solid #ececf4;
  box-shadow: 0 0 0 44px rgba(95, 84, 192, .025), 0 0 0 88px rgba(95, 84, 192, .018)
}

.local-seo-page .choose-visual:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 215px;
  height: 215px;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background: radial-gradient(circle, rgba(181, 121, 245, .2), rgba(210, 184, 247, .07) 55%, transparent 72%);
  filter: blur(2px)
}

.choose-orbit {
  position: absolute;
  z-index: 1;
  left: 50%;
  top: 50%;
  width: 430px;
  height: 430px;
  transform: translate(-50%, -50%);
  border: 1px dashed rgba(80, 76, 173, .18);
  border-radius: 50%;
  animation: chooseOrbit 22s linear infinite
}

.choose-orbit:before,
.choose-orbit:after {
  content: "";
  position: absolute;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #ff8260;
  box-shadow: 0 0 0 7px rgba(255, 130, 96, .1)
}

.choose-orbit:before {
  left: 35px;
  top: 85px
}

.choose-orbit:after {
  right: 28px;
  bottom: 95px;
  background: #7665db;
  box-shadow: 0 0 0 7px rgba(118, 101, 219, .1)
}

.choose-stat {
  position: absolute;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 180px;
  min-height: 185px;
  padding: 24px 18px;
  border: 1px solid #f0eff5;
  border-radius: 20px;
  background: #fff;
  box-shadow: 0 18px 42px rgba(32, 29, 73, .13);
  text-align: center;
  transition: transform .35s ease, box-shadow .35s ease
}

.choose-stat:hover {
  transform: translateY(-9px) scale(1.025);
  box-shadow: 0 28px 52px rgba(44, 36, 103, .2)
}

.choose-stat em {
  display: grid;
  place-items: center;
  width: 47px;
  height: 47px;
  margin-bottom: 15px;
  border-radius: 14px;
  background: #f1efff;
  color: #6256c5;
  font-size: 26px;
  font-style: normal;
  font-weight: 900
}

.choose-stat strong {
  color: #211e46;
  font-family: 'Manrope', Arial, sans-serif;
  font-size: 25px;
  line-height: 1
}

.choose-stat small {
  margin-top: 10px;
  color: #82818f;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .1em;
  text-transform: uppercase
}

.choose-stat.stat-one {
  left: 2%;
  top: 34%
}

.choose-stat.stat-two {
  right: 3%;
  top: 5%
}

.choose-stat.stat-three {
  right: 3%;
  bottom: 1%
}

.choose-stat.stat-two em {
  background: #eaf8ef;
  color: #20ad77
}

.choose-stat.stat-three em {
  background: #fff0e9;
  color: #f06b3f
}

@keyframes chooseOrbit {
  to {
    transform: translate(-50%, -50%) rotate(360deg)
  }
}

@media(max-width:1050px) {
  .local-seo-page .choose-local-grid {
    grid-template-columns: 1fr 1fr;
    gap: 45px
  }

  .choose-stat {
    width: 160px;
    min-height: 170px
  }

  .choose-orbit {
    width: 380px;
    height: 380px
  }
}

@media(max-width:820px) {
  .local-seo-page .choose-section {
    padding: 80px 0
  }

  .local-seo-page .choose-local-grid {
    grid-template-columns: 1fr;
    gap: 40px
  }

  .choose-copy {
    max-width: 730px
  }

  .local-seo-page .choose-visual {
    min-height: 520px;
    max-width: 650px;
    width: 100%;
    margin: auto
  }

  .choose-stat {
    width: 175px
  }
}

@media(max-width:520px) {
  .local-seo-page .choose-section {
    padding: 70px 0
  }

  .local-seo-page .choose-copy h2 {
    font-size: 40px
  }

  .local-seo-page .choose-visual {
    min-height: 465px
  }

  .local-seo-page .choose-visual:before {
    width: 260px;
    height: 260px
  }

  .choose-orbit {
    width: 310px;
    height: 310px
  }

  .choose-stat {
    width: 138px;
    min-height: 145px;
    padding: 17px 11px
  }

  .choose-stat strong {
    font-size: 19px
  }

  .choose-stat em {
    width: 39px;
    height: 39px;
    margin-bottom: 12px;
    font-size: 21px
  }

  .choose-stat.stat-one {
    left: 0
  }

  .choose-stat.stat-two,
  .choose-stat.stat-three {
    right: 0
  }

  .choose-btn {
    font-size: 10px;
    padding-left: 20px
  }
}

@media(prefers-reduced-motion:reduce) {
  .choose-orbit {
    animation: none
  }

  .choose-stat,
  .choose-btn,
  .choose-btn b {
    transition: none
  }
}

/* Get Started Today / Final CTA */
.local-seo-page .local-cta {
  position: relative;
  padding: 105px 0;
  background: linear-gradient(125deg, #111a43 0%, #25205e 50%, #64175a 100%);
  color: #fff;
  overflow: hidden
}

.local-cta:before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: radial-gradient(rgba(255, 255, 255, .16) 1px, transparent 1px);
  background-size: 34px 34px;
  opacity: .16;
  mask-image: linear-gradient(90deg, #000, transparent 48%)
}

.cta-orb {
  position: absolute;
  border-radius: 50%;
  pointer-events: none
}

.cta-orb-one {
  width: 420px;
  height: 420px;
  left: -190px;
  bottom: -250px;
  border: 1px solid rgba(255, 255, 255, .13);
  box-shadow: 0 0 0 65px rgba(255, 255, 255, .025), 0 0 0 130px rgba(255, 255, 255, .018)
}

.cta-orb-two {
  width: 330px;
  height: 330px;
  right: -120px;
  top: -180px;
  background: radial-gradient(circle, rgba(255, 111, 88, .32), transparent 69%)
}

.local-cta-shell {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: .9fr 1.1fr;
  gap: 80px;
  align-items: center
}

.local-cta-heading .eyebrow {
  color: #ffb9e8 !important;
  letter-spacing: .18em
}

.local-seo-page .local-cta-heading h2 {
  max-width: 680px;
  margin: 18px 0 22px;
  color: #fff;
  font-family: 'Manrope', Arial, sans-serif;
  font-size: clamp(44px, 5vw, 70px);
  font-weight: 800;
  letter-spacing: -.05em;
  line-height: 1.04
}

.cta-kicker {
  max-width: 560px;
  margin: 0;
  color: #cdd0e3 !important;
  font-size: 17px !important;
  line-height: 1.7 !important
}

.local-cta-card {
  position: relative;
  padding: 40px 40px 38px;
  border: 1px solid rgba(255, 255, 255, .18);
  border-radius: 28px;
  background: linear-gradient(145deg, rgba(255, 255, 255, .13), rgba(255, 255, 255, .07));
  box-shadow: 0 25px 60px rgba(7, 7, 30, .25);
  backdrop-filter: blur(10px);
  transition: transform .35s ease, border-color .35s ease
}

.local-cta-card:hover {
  transform: translateY(-7px);
  border-color: rgba(255, 185, 232, .45)
}

.local-cta-card .cta-card-icon {
  position: absolute;
  right: 32px;
  top: -28px;
  display: grid;
  place-items: center;
  width: 58px;
  height: 58px;
  border-radius: 18px;
  background: linear-gradient(145deg, #ff7d54, #de55b7);
  box-shadow: 0 14px 28px rgba(222, 85, 183, .3);
  color: #fff;
  font-size: 28px;
  font-weight: 800;
  transition: transform .35s ease
}

.local-cta-card:hover .cta-card-icon {
  transform: rotate(45deg)
}

.local-seo-page .local-cta-card>p {
  margin: 0;
  color: #eef0fb;
  font-size: 16px;
  line-height: 1.8
}

.cta-actions {
  display: flex;
  align-items: center;
  gap: 25px;
  flex-wrap: wrap;
  margin-top: 30px
}

.local-cta-btn {
  display: inline-flex;
  align-items: center;
  gap: 18px;
  padding: 15px 18px 15px 27px;
  border-radius: 36px;
  background: linear-gradient(90deg, #ff714e, #f1539c);
  box-shadow: 0 14px 30px rgba(241, 83, 156, .24);
  color: #fff;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: .07em;
  font-size: 11px;
  font-weight: 800;
  transition: transform .3s ease, box-shadow .3s ease
}

.local-cta-btn b {
  display: grid;
  place-items: center;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #fff;
  color: #e75091;
  font-size: 17px;
  transition: transform .3s ease
}

.local-cta-btn:hover {
  transform: translateY(-4px);
  box-shadow: 0 20px 36px rgba(241, 83, 156, .34);
  color: #fff
}

.local-cta-btn:hover b {
  transform: translateX(4px)
}

.cta-actions small {
  display: flex;
  align-items: center;
  gap: 9px;
  color: #d7d9e9;
  font-size: 12px;
  font-weight: 700
}

.cta-actions small i {
  display: grid;
  place-items: center;
  width: 24px;
  height: 24px;
  border-radius: 8px;
  background: rgba(199, 255, 77, .14);
  color: #c7ff4d;
  font-style: normal;
  font-weight: 900
}

@media(max-width:950px) {
  .local-cta-shell {
    grid-template-columns: 1fr;
    gap: 45px
  }

  .local-cta-heading {
    max-width: 750px
  }

  .local-cta-card {
    max-width: 760px
  }
}

@media(max-width:600px) {
  .local-seo-page .local-cta {
    padding: 75px 0
  }

  .local-seo-page .local-cta-heading h2 {
    font-size: 42px
  }

  .cta-kicker {
    font-size: 15px !important
  }

  .local-cta-card {
    padding: 34px 22px 28px;
    border-radius: 22px
  }

  .local-seo-page .local-cta-card>p {
    font-size: 14px
  }

  .local-cta-card .cta-card-icon {
    right: 20px;
    width: 50px;
    height: 50px;
    border-radius: 15px
  }

  .cta-actions {
    align-items: flex-start;
    flex-direction: column
  }

  .local-cta-btn {
    padding-left: 21px;
    font-size: 10px
  }
}

@media(prefers-reduced-motion:reduce) {

  .local-cta-card,
  .local-cta-card .cta-card-icon,
  .local-cta-btn,
  .local-cta-btn b {
    transition: none
  }
}

/* Papa Marketing brand system: charcoal, orange and white */
.local-seo-page {
  --brand-ink: #272525;
  --brand-deep: #171717;
  --brand-orange: #ff8418;
  --brand-orange-dark: #d95b00;
  --brand-cream: #fff8f1;
  --brand-line: #f1dfcf
}

.local-seo-page main h1:not(.inner-page-banner h1),
.local-seo-page main h2 {
  font-family: 'Manrope', Arial, sans-serif !important;
  font-size: 36px !important;
  font-weight: 800 !important;
  line-height: 1.15 !important;
  letter-spacing: -.03em !important;
  color: var(--brand-ink) !important
}

.local-seo-page main h3 {
  font-family: 'Manrope', Arial, sans-serif !important;
  color: var(--brand-ink) !important
}

.local-seo-page .eyebrow,
.local-seo-page .eyebrow.light,
.local-seo-page .strategies-heading .eyebrow,
.local-seo-page .benefits-grid .eyebrow,
.local-seo-page .choose-copy .eyebrow,
.local-cta-heading .eyebrow {
  color: var(--brand-orange) !important
}

.local-seo-page .eyebrow:before,
.local-seo-page .eyebrow.light:before {
  background: var(--brand-orange) !important
}

.local-seo-page .inner-page-banner {
  background: linear-gradient(118deg, #111 0%, #29231f 58%, #9c3f00 100%) !important
}

.local-seo-page .inner-page-banner:before {
  opacity: .35 !important;
  filter: grayscale(1) sepia(.45) !important
}

.local-seo-page .inner-page-banner h1 {
  font-size: 40px !important
}

.local-seo-page .channel-section,
.local-seo-page .definition-section,
.local-seo-page .matters-section,
.local-seo-page .example-section,
.local-seo-page .strategies-section,
.local-seo-page .benefits-section,
.local-seo-page .choose-section,
.local-seo-page .local-cta {
  padding-top: 60px !important;
  padding-bottom: 60px !important
}

.local-seo-page .channel-section,
.local-seo-page .matters-section,
.local-seo-page .strategies-section,
.local-seo-page .choose-section {
  background: #fff !important
}

.local-seo-page .definition-section {
  background: var(--brand-cream) !important
}

.local-seo-page .section-center,
.local-seo-page .matters-heading,
.local-seo-page .strategies-heading {
  margin-bottom: 34px !important
}

.matters-heading>i,
.choose-divider {
  background: linear-gradient(90deg, var(--brand-orange), var(--brand-orange-dark), var(--brand-ink)) !important
}

.local-seo-page .reach-icon,
.matter-card .matter-icon {
  background: linear-gradient(145deg, var(--brand-orange), var(--brand-orange-dark)) !important;
  box-shadow: 0 10px 22px rgba(255, 132, 24, .22) !important
}

.local-seo-page .matter-card:hover {
  border-color: rgba(255, 132, 24, .42) !important;
  box-shadow: 0 22px 48px rgba(50, 34, 22, .14) !important
}

.matter-visual:before {
  background: linear-gradient(145deg, #ffac55, var(--brand-orange) 58%, #4a2d1c) !important
}

.matter-visual .visual-orbit:after {
  background: var(--brand-ink) !important;
  box-shadow: 0 0 0 8px rgba(39, 37, 37, .1) !important
}

.example-section .example-shape:after {
  background: linear-gradient(145deg, #ffd6a8, #ffad64) !important
}

.example-copy .eyebrow {
  color: var(--brand-orange) !important
}

.example-points li:before {
  color: var(--brand-orange-dark) !important
}

.example-btn,
.choose-btn {
  background: linear-gradient(90deg, var(--brand-ink), #5c3a24, var(--brand-orange)) !important
}

.example-btn b,
.choose-btn b {
  color: var(--brand-orange-dark) !important
}

.strategy-accordion details {
  background: linear-gradient(90deg, var(--brand-ink), #57341d 55%, var(--brand-orange)) !important;
  box-shadow: 0 12px 25px rgba(70, 40, 20, .14) !important
}

.strategy-accordion details[open] {
  background: #fff !important
}

.question-bubble {
  background: linear-gradient(145deg, var(--brand-orange), var(--brand-orange-dark)) !important;
  box-shadow: 0 16px 30px rgba(255, 132, 24, .25) !important
}

.strategies-visual:before {
  background: linear-gradient(145deg, #fff2e6, #f6e2d1) !important
}

.local-seo-page .benefits-section,
.local-seo-page .local-cta {
  background: linear-gradient(125deg, #111 0%, #28231f 55%, #6d2c00 100%) !important
}

.local-seo-page .benefits-grid h2,
.local-seo-page .local-cta-heading h2 {
  color: #fff !important
}

.benefits-grid>div:first-child:before {
  background: linear-gradient(180deg, #ffc078, var(--brand-orange), #7f3600) !important
}

.local-seo-page .benefit-list span:before {
  background: linear-gradient(145deg, #ffb154, var(--brand-orange)) !important;
  color: #201b17 !important;
  box-shadow: 0 8px 18px rgba(255, 132, 24, .2) !important
}

.local-seo-page .benefit-list span:hover {
  border-color: rgba(255, 154, 68, .55) !important
}

.choose-orbit {
  border-color: rgba(255, 132, 24, .22) !important
}

.choose-orbit:before {
  background: var(--brand-orange) !important;
  box-shadow: 0 0 0 7px rgba(255, 132, 24, .1) !important
}

.choose-orbit:after {
  background: var(--brand-ink) !important;
  box-shadow: 0 0 0 7px rgba(39, 37, 37, .1) !important
}

.local-seo-page .choose-visual:after {
  background: radial-gradient(circle, rgba(255, 132, 24, .18), rgba(255, 190, 125, .07) 55%, transparent 72%) !important
}

.choose-stat em,
.choose-stat.stat-two em,
.choose-stat.stat-three em {
  background: #fff0e1 !important;
  color: var(--brand-orange-dark) !important
}

.choose-stat:hover {
  border-color: rgba(255, 132, 24, .35) !important;
  box-shadow: 0 26px 50px rgba(73, 39, 15, .18) !important
}

.local-cta-card .cta-card-icon,
.local-cta-btn {
  background: linear-gradient(145deg, #ff9c3f, var(--brand-orange-dark)) !important
}

.local-cta-btn b {
  color: var(--brand-orange-dark) !important
}

.cta-actions small i {
  background: rgba(255, 132, 24, .16) !important;
  color: #ffad58 !important
}

.local-seo-page .channel-grid,
.local-seo-page .definition-grid,
.local-seo-page .benefits-grid,
.local-seo-page .choose-local-grid,
.local-seo-page .local-cta-shell {
  gap: 55px !important
}

.local-seo-page .matters-showcase {
  gap: 24px !important
}

.local-seo-page .matter-column {
  gap: 20px !important
}

.local-seo-page .strategy-accordion {
  gap: 10px !important
}

.local-seo-page .benefit-list {
  gap: 12px !important
}

@media(max-width:767px) {

  .local-seo-page main h1:not(.inner-page-banner h1),
  .local-seo-page main h2 {
    font-size: 30px !important
  }

  .local-seo-page .inner-page-banner h1 {
    font-size: 36px !important
  }

  .local-seo-page .channel-section,
  .local-seo-page .definition-section,
  .local-seo-page .matters-section,
  .local-seo-page .example-section,
  .local-seo-page .strategies-section,
  .local-seo-page .benefits-section,
  .local-seo-page .choose-section,
  .local-seo-page .local-cta {
    padding-top: 48px !important;
    padding-bottom: 48px !important
  }
}

/* Local SEO opening section: reference-inspired illustration-left layout. */
.local-seo-page .local-hero {
  padding: 105px 0 !important;
  background: #fff !important
}

.local-seo-page .local-hero:before {
  content: '';
  position: absolute;
  left: -120px;
  top: 80px;
  width: 420px;
  height: 420px;
  border-radius: 50%;
  background: #f4f9ff;
  opacity: .8
}

.local-seo-page .local-hero-grid {
  grid-template-columns: 1fr 1fr !important;
  gap: 72px !important;
  align-items: center !important
}

.local-seo-page .local-hero-visual {
  order: 1;
  min-height: 570px !important
}

.local-seo-page .local-hero-copy {
  order: 2
}

.local-seo-page .local-hero-visual:before {
  width: 520px !important;
  height: 520px !important;
  background: linear-gradient(145deg, #eef7ff, #f8f4ff) !important
}

.local-seo-page .local-hero-visual:after {
  width: 430px !important;
  height: 430px !important;
  border-color: #d7e7f5 !important
}

.local-seo-page .search-window {
  width: min(510px, 94%) !important;
  transform: none !important;
  border-color: #e3eaf1 !important;
  box-shadow: 0 28px 70px rgba(35, 57, 87, .14) !important
}

.local-seo-page .local-hero-copy>.eyebrow {
  margin-bottom: 16px !important;
  color: #7d348b !important
}

.local-seo-page .local-hero h1 {
  margin: 0 0 25px !important;
  color: #191919 !important;
  font-family: 'Manrope', Arial, sans-serif !important;
  font-size: clamp(43px, 4.2vw, 61px) !important;
  font-weight: 800 !important;
  line-height: 1.08 !important;
  letter-spacing: -.045em !important
}

.local-seo-page .local-hero h1 em {
  display: block !important;
  margin-top: 10px !important;
  color: #191919 !important;
  font-family: Georgia, 'Times New Roman', serif !important;
  font-size: .64em !important;
  font-weight: 500 !important;
  font-style: italic !important;
  line-height: 1.2 !important;
  letter-spacing: -.025em !important
}

.local-seo-page .local-hero-copy>p {
  max-width: 680px !important;
  margin: 0 0 24px !important;
  color: #6b6b6b !important;
  font-size: 17px !important;
  line-height: 1.8 !important
}

.local-seo-page .hero-question {
  margin-top: 20px !important;
  padding: 17px 20px !important;
  border-left: 4px solid #ff4c68 !important;
  background: #fafafa !important;
  box-shadow: none !important
}

.local-seo-page .local-intro-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 18px;
  margin-top: 30px
}

.local-seo-page .intro-btn {
  min-height: 58px;
  padding: 15px 26px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  font-weight: 800;
  transition: transform .25s ease, box-shadow .25s ease
}

.local-seo-page .intro-btn:hover {
  transform: translateY(-3px)
}

.local-seo-page .intro-btn-primary {
  color: #fff;
  background: linear-gradient(110deg, #ff3e68, #ff7045);
  box-shadow: 0 13px 28px rgba(255, 75, 91, .2)
}

.local-seo-page .intro-btn-outline {
  color: #20172e;
  border: 2px solid #9a35cc;
  background: #fff
}

.local-seo-page .intro-btn-outline span {
  width: 27px;
  height: 27px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: #251f2c;
  color: #fff
}

@media(max-width:1000px) {
  .local-seo-page .local-hero-grid {
    grid-template-columns: 1fr !important;
    gap: 40px !important
  }

  .local-seo-page .local-hero-visual {
    min-height: 500px !important
  }

  .local-seo-page .local-hero-copy {
    max-width: 780px
  }
}

@media(max-width:650px) {
  .local-seo-page .local-hero {
    padding: 72px 0 !important
  }

  .local-seo-page .local-hero-visual {
    min-height: 410px !important
  }

  .local-seo-page .local-hero h1 {
    font-size: 39px !important
  }

  .local-seo-page .local-hero h1 em {
    font-size: .68em !important
  }

  .local-seo-page .local-intro-actions {
    display: grid
  }

  .local-seo-page .intro-btn {
    width: 100%
  }
}

/* Reach More Customers: reference-inspired icon service grid. */
.local-seo-page .channel-section {
  padding: 110px 0 !important;
  background: #fff !important
}

.local-seo-page .channel-grid {
  display: block !important
}

.local-seo-page .channel-grid>div:first-child {
  max-width: 900px;
  margin: 0 auto 58px;
  text-align: center
}

.local-seo-page .channel-grid>div:first-child .eyebrow {
  justify-content: center
}

.local-seo-page .channel-grid h2 {
  margin: 0 !important;
  color: #17171b !important;
  font-family: 'Manrope', Arial, sans-serif !important;
  font-size: clamp(38px, 4vw, 57px) !important;
  font-weight: 800 !important;
  line-height: 1.12 !important;
  letter-spacing: -.045em !important
}

.local-seo-page .channel-list {
  display: grid !important;
  grid-template-columns: repeat(6, 1fr) !important;
  gap: 0 !important;
  border-top: 1px solid #e8e8ed;
  border-left: 1px solid #e8e8ed;
  background: #fff
}

.local-seo-page .channel-list article {
  grid-column: span 2;
  min-height: 355px;
  padding: 42px 28px 35px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  text-align: center;
  border-right: 1px solid #e8e8ed;
  border-bottom: 1px solid #e8e8ed;
  background: #fff;
  transition: transform .25s ease, box-shadow .25s ease, background-color .25s ease
}

.local-seo-page .channel-list article:nth-child(4) {
  grid-column: 2/span 2
}

.local-seo-page .channel-list article:nth-child(5) {
  grid-column: 4/span 2
}

.local-seo-page .channel-list article:hover {
  position: relative;
  z-index: 2;
  transform: translateY(-5px);
  background: #fdfcff;
  box-shadow: 0 22px 48px rgba(54, 39, 86, .1)
}

.local-seo-page .channel-list i {
  width: 190px;
  height: 190px;
  margin-bottom: 25px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: #ecf9ff;
  font-style: normal;
  font-size: 82px;
  line-height: 1;
  filter: drop-shadow(0 12px 14px rgba(46, 76, 133, .12))
}

.local-seo-page .channel-list article:nth-child(2) i {
  background: #fff5df
}

.local-seo-page .channel-list article:nth-child(3) i {
  background: #eef0ff
}

.local-seo-page .channel-list article:nth-child(4) i {
  background: #fff0f1
}

.local-seo-page .channel-list article:nth-child(5) i {
  background: #e6faf4
}

.local-seo-page .channel-list small {
  margin-bottom: 10px;
  color: #5f5b66;
  font-size: 15px;
  font-weight: 500
}

.local-seo-page .channel-list b {
  max-width: 290px;
  color: #16162c;
  font-family: 'Manrope', Arial, sans-serif;
  font-size: 20px;
  line-height: 1.35
}

.local-seo-page .lead-note {
  margin-top: 42px !important;
  padding: 27px 32px !important;
  border-left: 4px solid #783ac0;
  border-radius: 0 17px 17px 0 !important;
  background: #f8f3fb !important
}

@media(max-width:900px) {
  .local-seo-page .channel-list {
    grid-template-columns: repeat(2, 1fr) !important
  }

  .local-seo-page .channel-list article,
  .local-seo-page .channel-list article:nth-child(4),
  .local-seo-page .channel-list article:nth-child(5) {
    grid-column: auto
  }

  .local-seo-page .channel-list article:last-child {
    grid-column: 1/-1
  }

  .local-seo-page .channel-list article {
    min-height: 330px
  }

  .local-seo-page .channel-list i {
    width: 165px;
    height: 165px;
    font-size: 70px
  }
}

@media(max-width:600px) {
  .local-seo-page .channel-section {
    padding: 72px 0 !important
  }

  .local-seo-page .channel-grid>div:first-child {
    margin-bottom: 38px;
    text-align: left
  }

  .local-seo-page .channel-grid>div:first-child .eyebrow {
    justify-content: flex-start
  }

  .local-seo-page .channel-grid h2 {
    font-size: 35px !important
  }

  .local-seo-page .channel-list {
    grid-template-columns: 1fr !important
  }

  .local-seo-page .channel-list article,
  .local-seo-page .channel-list article:last-child {
    grid-column: auto;
    min-height: 285px;
    padding: 32px 20px
  }

  .local-seo-page .channel-list i {
    width: 145px;
    height: 145px;
    margin-bottom: 20px;
    font-size: 62px
  }
}

/* The Foundation: four-step hexagon process inspired by the supplied reference. */
.local-seo-page .definition-section {
  position: relative;
  padding: 110px 0 125px !important;
  overflow: hidden;
  background: #fff !important
}

.local-seo-page .definition-section:before {
  content: '';
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at 50% 58%, rgba(239, 244, 255, .7), transparent 48%);
  pointer-events: none
}

.local-seo-page .definition-grid {
  position: relative;
  z-index: 1;
  display: block !important
}

.local-seo-page .definition-copy {
  max-width: 940px;
  margin: 0 auto 70px;
  text-align: center
}

.local-seo-page .definition-copy>.eyebrow {
  justify-content: center
}

.local-seo-page .definition-copy h2 {
  margin: 0 0 25px !important;
  color: #17171b !important;
  font-family: 'Manrope', Arial, sans-serif !important;
  font-size: clamp(40px, 4.2vw, 60px) !important;
  font-weight: 800 !important;
  line-height: 1.1 !important;
  letter-spacing: -.045em !important
}

.local-seo-page .definition-copy p {
  max-width: 850px;
  margin: 0 auto 13px !important;
  color: #686873 !important;
  font-size: 16px !important;
  line-height: 1.75 !important
}

.local-seo-page .search-examples {
  position: relative;
  display: grid !important;
  grid-template-columns: repeat(4, 1fr);
  gap: 30px;
  min-height: 430px;
  padding: 55px 0 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important
}

.local-seo-page .search-examples:before {
  content: '';
  position: absolute;
  left: -8%;
  right: -8%;
  top: 230px;
  height: 120px;
  border-top: 2px dashed #dce3f4;
  border-radius: 50%;
  transform: rotate(-2deg);
  z-index: 0
}

.local-seo-page .search-examples>small {
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  width: max-content;
  max-width: 100%;
  color: #ff6b18 !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  letter-spacing: .14em !important;
  text-align: center
}

.local-seo-page .search-examples blockquote {
  --step: #ffcf3d;
  position: relative;
  z-index: 2;
  width: 225px;
  height: 255px;
  margin: 80px auto 0 !important;
  padding: 125px 22px 28px !important;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  border: 0 !important;
  border-radius: 0 !important;
  background: linear-gradient(145deg, #fff 0%, #f8f9fd 100%) !important;
  clip-path: polygon(50% 0, 93% 24%, 93% 76%, 50% 100%, 7% 76%, 7% 24%);
  box-shadow: none !important;
  color: #141526 !important;
  font-family: 'Manrope', Arial, sans-serif;
  font-size: 15px !important;
  font-weight: 800 !important;
  line-height: 1.35 !important;
  text-align: center;
  filter: drop-shadow(1px 0 0 #d7ddea) drop-shadow(-1px 0 0 #d7ddea) drop-shadow(0 1px 0 #d7ddea) drop-shadow(0 -1px 0 #d7ddea) drop-shadow(0 18px 22px rgba(40, 54, 90, .17));
  transition: transform .35s cubic-bezier(.2, .8, .2, 1), filter .35s ease, color .35s ease, background .35s ease;
  will-change: transform
}

.local-seo-page .search-examples blockquote:nth-of-type(even) {
  margin-top: 0 !important
}

.local-seo-page .search-examples blockquote:before {
  content: '⌕' !important;
  position: absolute !important;
  left: 50% !important;
  top: 63px !important;
  width: 62px;
  height: 62px;
  display: grid;
  place-items: center;
  transform: translateX(-50%);
  color: var(--step) !important;
  font: 800 46px/1 Arial, sans-serif !important;
  transition: transform .45s cubic-bezier(.2, .8, .2, 1), filter .35s ease
}

.local-seo-page .search-examples blockquote:after {
  position: absolute;
  left: 50%;
  top: -75px;
  transform: translateX(-50%);
  z-index: -1;
  color: #f0f2f9;
  font: 800 104px/1 'Manrope', Arial, sans-serif
}

.local-seo-page .search-examples blockquote:nth-of-type(1):after {
  content: '01'
}

.local-seo-page .search-examples blockquote:nth-of-type(2) {
  --step: #ff7200
}

.local-seo-page .search-examples blockquote:nth-of-type(2):after {
  content: '02'
}

.local-seo-page .search-examples blockquote:nth-of-type(3) {
  --step: #43d5df
}

.local-seo-page .search-examples blockquote:nth-of-type(3):after {
  content: '03'
}

.local-seo-page .search-examples blockquote:nth-of-type(4) {
  --step: #4735f2
}

.local-seo-page .search-examples blockquote:nth-of-type(4):after {
  content: '04'
}

.local-seo-page .search-examples blockquote:nth-of-type(1):before {
  content: '⌕' !important
}

.local-seo-page .search-examples blockquote:nth-of-type(2):before {
  content: '⚙' !important
}

.local-seo-page .search-examples blockquote:nth-of-type(3):before {
  content: '◎' !important
}

.local-seo-page .search-examples blockquote:nth-of-type(4):before {
  content: '↗' !important
}

.local-seo-page .search-examples blockquote:hover {
  z-index: 5;
  transform: translateY(-14px) scale(1.045);
  color: #21143a !important;
  background: linear-gradient(145deg, #fff 0%, color-mix(in srgb, var(--step) 9%, #fff) 100%) !important;
  filter: drop-shadow(1px 0 0 color-mix(in srgb, var(--step) 45%, #d7ddea)) drop-shadow(-1px 0 0 color-mix(in srgb, var(--step) 45%, #d7ddea)) drop-shadow(0 1px 0 color-mix(in srgb, var(--step) 45%, #d7ddea)) drop-shadow(0 -1px 0 color-mix(in srgb, var(--step) 45%, #d7ddea)) drop-shadow(0 26px 30px rgba(73, 45, 118, .25))
}

.local-seo-page .search-examples blockquote:hover:before {
  transform: translateX(-50%) rotate(12deg) scale(1.18);
  filter: drop-shadow(0 8px 8px color-mix(in srgb, var(--step) 35%, transparent))
}

.local-seo-page .search-examples blockquote:nth-of-type(even):hover {
  transform: translateY(-14px) scale(1.045)
}

@media(max-width:1080px) {
  .local-seo-page .search-examples {
    grid-template-columns: repeat(2, 1fr);
    gap: 35px;
    min-height: auto
  }

  .local-seo-page .search-examples:before {
    display: none
  }

  .local-seo-page .search-examples blockquote,
  .local-seo-page .search-examples blockquote:nth-of-type(even) {
    margin: 55px auto 0 !important
  }
}

@media(max-width:600px) {
  .local-seo-page .definition-section {
    padding: 72px 0 85px !important
  }

  .local-seo-page .definition-copy {
    margin-bottom: 52px;
    text-align: left
  }

  .local-seo-page .definition-copy>.eyebrow {
    justify-content: flex-start
  }

  .local-seo-page .definition-copy h2 {
    font-size: 38px !important
  }

  .local-seo-page .search-examples {
    grid-template-columns: 1fr;
    padding-top: 45px !important
  }

  .local-seo-page .search-examples>small {
    width: 100%;
    font-size: 11px !important
  }

  .local-seo-page .search-examples blockquote,
  .local-seo-page .search-examples blockquote:nth-of-type(even) {
    width: min(225px, 100%);
    height: 255px;
    margin: 45px auto 0 !important;
    padding: 125px 20px 25px !important
  }

  .local-seo-page .search-examples blockquote:after {
    top: -58px;
    font-size: 82px
  }
}

@media(prefers-reduced-motion:reduce) {

  .local-seo-page .search-examples blockquote,
  .local-seo-page .search-examples blockquote:before {
    transition: none !important
  }

  .local-seo-page .search-examples blockquote:hover {
    transform: none !important
  }
}

.local-seo-page #header-sticky {
  padding-top: 8px !important;
  background: transparent !important;
}

.local-seo-page #header-sticky>.e-con-inner {
  width: calc(100% - 64px) !important;
  max-width: 1201px !important;
  margin: 0 auto !important;
  padding: 0 !important;
}

.local-seo-page #header-sticky .header-inner {
  position: relative !important;
  min-height: 88px !important;
  height: 88px !important;
  padding: 4px 16px !important;
  border-radius: 16px !important;
  background: #fff !important;
  box-shadow: 0 18px 55px rgba(18, 19, 29, .11) !important;
}

.local-seo-page #header-sticky .ht-site-logo img {
  width: 88px !important;
  height: 76px !important;
  max-width: 88px !important;
  object-fit: contain !important;
}

.local-seo-page #header-sticky .elementor-element-1a6025f {
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  width: auto !important;
  --width: auto !important;
  transform: translate(-50%, -50%) !important;
}

.local-seo-page #header-sticky .main-nav .menu {
  justify-content: center !important;
  gap: 42px !important;
}

.local-seo-page #header-sticky .main-nav .menu>li>a {
  font-size: 15px !important
}

.local-seo-page #header-sticky .elementor-element-52247f4 {
  width: auto !important;
  --width: auto !important;
  margin-left: auto !important;
}

.local-seo-page #header-sticky .elementor-element-515e4a7 {
  display: none !important
}

.local-seo-page #header-sticky .themeht-btn {
  margin: 0 !important
}

.local-seo-page .inner-page-banner {
  min-height: 500px !important;
  padding-top: 125px !important;
}

.local-seo-page .inner-page-banner>.container {
  padding: 78px 0 60px !important
}

.local-seo-page .inner-page-banner h1 {
  color: #fff !important;
  font-family: 'Manrope', Arial, sans-serif !important;
  font-size: 48px !important;
  line-height: 1 !important;
  letter-spacing: -.035em !important;
}

@media(max-width:1024px) {
  .local-seo-page #header-sticky {
    padding-top: 18px !important
  }

  .local-seo-page #header-sticky>.e-con-inner {
    width: calc(100% - 40px) !important
  }

  .local-seo-page .inner-page-banner {
    padding-top: 130px !important;
    min-height: 470px !important
  }
}

@media(max-width:767px) {
  .local-seo-page #header-sticky {
    padding-top: 10px !important
  }

  .local-seo-page #header-sticky>.e-con-inner {
    width: calc(100% - 24px) !important
  }

  .local-seo-page #header-sticky .header-inner {
    min-height: 72px !important;
    height: 72px !important
  }

  .local-seo-page #header-sticky .ht-site-logo img {
    width: 78px !important;
    height: 62px !important;
    max-width: 78px !important
  }

  .local-seo-page #header-sticky .elementor-element-1a6025f {
    position: static !important;
    transform: none !important
  }

  .local-seo-page .inner-page-banner {
    padding-top: 92px !important;
    min-height: 390px !important
  }

  .local-seo-page .inner-page-banner>.container {
    padding: 55px 0 42px !important
  }

  .local-seo-page .inner-page-banner h1 {
    font-size: 40px !important
  }
}

/* Final brand consistency overrides — keep at end of stylesheet */
.local-seo-page main h1:not(.inner-page-banner h1),
.local-seo-page main h2,
.local-seo-page .channel-grid h2,
.local-seo-page .definition-copy h2,
.local-seo-page .section-center h2,
.local-seo-page .example-grid h2,
.local-seo-page .benefits-grid h2,
.local-seo-page .choose-local-grid h2,
.local-seo-page .local-cta h2 {
  font-family: 'Manrope', Arial, sans-serif !important;
  font-size: 36px !important;
  font-weight: 800 !important;
  line-height: 1.15 !important;
  letter-spacing: -.03em !important
}

.local-seo-page main h1:not(.inner-page-banner h1),
.local-seo-page main h2:not(.benefits-grid h2):not(.local-cta h2) {
  color: #000 !important
}

.local-seo-page .benefits-grid h2,
.local-seo-page .local-cta h2 {
  color: #fff !important
}

.local-seo-page .eyebrow,
.local-seo-page .eyebrow.light {
  color: #ff8418 !important
}

.local-seo-page .eyebrow:before,
.local-seo-page .eyebrow.light:before {
  background: #ff8418 !important
}

.local-seo-page .inner-page-banner {
  background: linear-gradient(118deg, #111 0%, #29231f 58%, #9c3f00 100%) !important
}

.local-seo-page .inner-page-banner h1 {
  font-size: 40px !important
}

.local-seo-page .channel-section,
.local-seo-page .definition-section,
.local-seo-page .matters-section,
.local-seo-page .example-section,
.local-seo-page .strategies-section,
.local-seo-page .benefits-section,
.local-seo-page .choose-section,
.local-seo-page .local-cta {
  padding-top: 60px !important;
  padding-bottom: 60px !important
}

@media(max-width:767px) {

  .local-seo-page main h1:not(.inner-page-banner h1),
  .local-seo-page main h2,
  .local-seo-page .channel-grid h2,
  .local-seo-page .definition-copy h2,
  .local-seo-page .section-center h2,
  .local-seo-page .example-grid h2,
  .local-seo-page .benefits-grid h2,
  .local-seo-page .choose-local-grid h2,
  .local-seo-page .local-cta h2 {
    font-size: 30px !important
  }

  .local-seo-page .inner-page-banner h1 {
    font-size: 36px !important
  }

  .local-seo-page .channel-section,
  .local-seo-page .definition-section,
  .local-seo-page .matters-section,
  .local-seo-page .example-section,
  .local-seo-page .strategies-section,
  .local-seo-page .benefits-section,
  .local-seo-page .choose-section,
  .local-seo-page .local-cta {
    padding-top: 48px !important;
    padding-bottom: 48px !important
  }
}

/* Balanced Why Local SEO Matters card grid */
@media(min-width:992px) {
  .local-seo-page .matters-showcase {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 350px minmax(0, 1fr) !important;
    grid-template-rows: auto auto;
    gap: 18px 28px !important;
    align-items: stretch !important;
    max-width: 1480px
  }

  .local-seo-page .matter-column {
    display: contents !important
  }

  .local-seo-page .matter-column-left .matter-card:nth-child(1) {
    grid-column: 1;
    grid-row: 1
  }

  .local-seo-page .matter-column-left .matter-card:nth-child(2) {
    grid-column: 1;
    grid-row: 2
  }

  .local-seo-page .matter-column-right .matter-card:nth-child(1) {
    grid-column: 3;
    grid-row: 1
  }

  .local-seo-page .matter-column-right .matter-card:nth-child(2) {
    grid-column: 3;
    grid-row: 2
  }

  .local-seo-page .matter-visual {
    grid-column: 2;
    grid-row: 1/3;
    align-self: center;
    min-height: 500px !important;
    padding-top: 25px !important
  }

  .local-seo-page .matter-visual:before {
    top: 90px !important;
    width: 300px !important;
    height: 300px !important
  }

  .local-seo-page .matter-visual .visual-orbit {
    inset: 45px 8px 45px !important
  }

  .local-seo-page .matter-visual img {
    width: 350px !important;
    max-height: 455px !important;
    align-self: center
  }

  .local-seo-page .matter-card {
    grid-template-columns: 58px minmax(0, 1fr) !important;
    gap: 17px !important;
    min-height: 0 !important;
    height: 100%;
    padding: 27px 24px !important;
    border-radius: 22px !important
  }

  .local-seo-page .matter-card .matter-icon {
    width: 54px !important;
    height: 54px !important;
    border-radius: 16px !important;
    font-size: 28px !important
  }

  .local-seo-page .matter-card b {
    top: 15px !important;
    right: 18px !important;
    font-size: 31px !important
  }

  .local-seo-page .matter-card h3 {
    margin: 2px 34px 11px 0 !important;
    font-size: 19px !important;
    line-height: 1.25 !important
  }

  .local-seo-page .matter-card p,
  .local-seo-page .matter-card small,
  .local-seo-page .matter-card li {
    font-size: 12.5px !important;
    line-height: 1.55 !important
  }

  .local-seo-page .matter-card p {
    margin-bottom: 7px !important
  }

  .local-seo-page .matter-card ul {
    margin: 3px 0 7px !important;
    padding-left: 16px !important
  }
}

@media(min-width:992px) and (max-width:1200px) {
  .local-seo-page .matters-showcase {
    grid-template-columns: minmax(0, 1fr) 285px minmax(0, 1fr) !important;
    gap: 16px !important
  }

  .local-seo-page .matter-visual img {
    width: 285px !important
  }

  .local-seo-page .matter-visual:before {
    width: 250px !important;
    height: 250px !important
  }

  .local-seo-page .matter-card {
    grid-template-columns: 48px minmax(0, 1fr) !important;
    padding: 23px 18px !important
  }

  .local-seo-page .matter-card .matter-icon {
    width: 46px !important;
    height: 46px !important;
    font-size: 24px !important
  }

  .local-seo-page .matter-card h3 {
    font-size: 17px !important
  }

  .local-seo-page .matter-card p,
  .local-seo-page .matter-card small,
  .local-seo-page .matter-card li {
    font-size: 11.5px !important
  }
}

@media(max-width:991px) {
  .local-seo-page .matter-column {
    display: grid !important
  }

  .local-seo-page .matter-card {
    min-height: 0 !important
  }

  .local-seo-page .matter-visual {
    padding-top: 20px !important
  }
}

/* Opening Local SEO section — Papa orange palette */
.local-seo-page .local-hero:before {
  background: #fff3e7 !important
}

.local-seo-page .hero-orb-one {
  background: #ffe5cc !important
}

.local-seo-page .hero-orb-two {
  background: #fff2e6 !important
}

.local-seo-page .local-hero-visual:before {
  background: linear-gradient(145deg, #fff5eb, #ffead5) !important
}

.local-seo-page .local-hero-visual:after {
  border-color: #f3c79e !important
}

.local-seo-page .search-window {
  border-color: #f0d8c2 !important;
  box-shadow: 0 28px 70px rgba(84, 48, 20, .14) !important
}

.local-seo-page .search-bar {
  border-color: #efd8c4 !important
}

.local-seo-page .search-bar span {
  border-color: #ff8418 !important
}

.local-seo-page .search-bar i {
  background: #ffe0c2 !important
}

.local-seo-page .map-card {
  background: linear-gradient(135deg, #fff0df, #f7eadc) !important
}

.local-seo-page .map-route {
  border-top-color: #ff8418 !important;
  border-right-color: #ff8418 !important
}

.local-seo-page .pin {
  background: #ff8418 !important
}

.local-seo-page .pin-three {
  background: #272525 !important
}

.local-seo-page .map-result b {
  color: #272525 !important
}

.local-seo-page .result-row>span {
  background: #ffe2c7 !important;
  color: #c75200 !important
}

.local-seo-page .result-row b {
  color: #272525 !important
}

.local-seo-page .local-hero-copy>.eyebrow {
  color: #ff8418 !important
}

.local-seo-page .hero-question {
  border-left-color: #ff8418 !important;
  background: #fff8f1 !important
}

.local-seo-page .hero-question small {
  color: #9d5a25 !important
}

.local-seo-page .hero-question strong {
  color: #272525 !important
}

.local-seo-page .intro-btn-primary {
  background: linear-gradient(110deg, #ff9a35, #ff6a00) !important;
  box-shadow: 0 13px 28px rgba(255, 106, 0, .23) !important
}

.local-seo-page .intro-btn-outline {
  color: #272525 !important;
  border-color: #ff8418 !important
}

.local-seo-page .intro-btn-outline span {
  background: #ffff !important;
  color: #272525 !important
}

.local-seo-page .intro-btn-outline:hover {
  background: #fff7ef !important;
  box-shadow: 0 12px 24px rgba(255, 132, 24, .12) !important
}

/* Compact Reach More Customers grid */
.local-seo-page .channel-grid>div:first-child {
  max-width: 780px !important;
  margin-bottom: 30px !important
}

.local-seo-page .channel-grid h2 {
  font-size: 30px !important;
  line-height: 1.18 !important;
  letter-spacing: -.025em !important
}

.local-seo-page .channel-list article {
  min-height: 245px !important;
  padding: 24px 20px 22px !important
}

.local-seo-page .channel-list i {
  width: 122px !important;
  height: 122px !important;
  margin-bottom: 16px !important;
  background: #fff0e1 !important;
  font-size: 52px !important;
  filter: drop-shadow(0 9px 11px rgba(117, 62, 20, .1)) !important
}

.local-seo-page .channel-list article:nth-child(2) i,
.local-seo-page .channel-list article:nth-child(3) i,
.local-seo-page .channel-list article:nth-child(4) i,
.local-seo-page .channel-list article:nth-child(5) i {
  background: #fff0e1 !important
}

.local-seo-page .channel-list small {
  margin-bottom: 7px !important;
  font-size: 13px !important
}

.local-seo-page .channel-list b {
  max-width: 260px !important;
  font-size: 17px !important;
  line-height: 1.3 !important
}

.local-seo-page .lead-note {
  margin-top: 24px !important;
  padding: 20px 25px !important;
  border-left-color: #ff8418 !important;
  background: #fff8f1 !important
}

@media(max-width:900px) {
  .local-seo-page .channel-list article {
    min-height: 225px !important
  }

  .local-seo-page .channel-list i {
    width: 108px !important;
    height: 108px !important;
    font-size: 46px !important
  }
}

@media(max-width:600px) {
  .local-seo-page .channel-grid>div:first-child {
    margin-bottom: 24px !important
  }

  .local-seo-page .channel-grid h2 {
    font-size: 27px !important
  }

  .local-seo-page .channel-list article,
  .local-seo-page .channel-list article:last-child {
    min-height: 205px !important;
    padding: 21px 16px !important
  }

  .local-seo-page .channel-list i {
    width: 96px !important;
    height: 96px !important;
    margin-bottom: 13px !important;
    font-size: 41px !important
  }
}

/* Compact Local SEO search examples */
.local-seo-page .definition-section {
  padding-top: 48px !important;
  padding-bottom: 48px !important
}

.local-seo-page .definition-copy {
  margin-bottom: 28px !important
}

.local-seo-page .definition-copy h2 {
  margin-bottom: 14px !important
}

.local-seo-page .definition-copy p {
  margin-bottom: 8px !important;
  line-height: 1.6 !important
}

.local-seo-page .search-examples {
  gap: 12px !important;
  min-height: 300px !important;
  padding-top: 34px !important
}

.local-seo-page .search-examples:before {
  top: 166px !important;
  height: 80px !important
}

.local-seo-page .search-examples blockquote {
  width: 178px !important;
  height: 202px !important;
  margin-top: 48px !important;
  padding: 96px 17px 20px !important;
  font-size: 13px !important
}

.local-seo-page .search-examples blockquote:nth-of-type(even) {
  margin-top: 0 !important
}

.local-seo-page .search-examples blockquote:before {
  top: 49px !important;
  width: 46px !important;
  height: 46px !important;
  font-size: 35px !important
}

.local-seo-page .search-examples blockquote:after {
  top: -49px !important;
  font-size: 72px !important
}

.local-seo-page .search-examples blockquote:hover,
.local-seo-page .search-examples blockquote:nth-of-type(even):hover {
  transform: translateY(-8px) scale(1.035) !important
}

@media(max-width:1080px) {
  .local-seo-page .search-examples {
    gap: 12px 20px !important
  }

  .local-seo-page .search-examples blockquote,
  .local-seo-page .search-examples blockquote:nth-of-type(even) {
    margin-top: 32px !important
  }
}

@media(max-width:600px) {
  .local-seo-page .definition-section {
    padding-top: 42px !important;
    padding-bottom: 42px !important
  }

  .local-seo-page .definition-copy {
    margin-bottom: 22px !important
  }

  .local-seo-page .search-examples {
    padding-top: 32px !important
  }

  .local-seo-page .search-examples blockquote,
  .local-seo-page .search-examples blockquote:nth-of-type(even) {
    width: 170px !important;
    height: 194px !important;
    margin-top: 26px !important;
    padding: 92px 15px 18px !important
  }
}

/* Real-World Example background in Papa orange palette */
.local-seo-page .example-section .example-shape {
  background: linear-gradient(135deg, #fff5ea 0%, #ffe6cd 55%, #fffaf5 100%) !important
}

.local-seo-page .example-section .example-shape:after {
  background: linear-gradient(145deg, #ffd49f, #ffad60) !important
}

.local-seo-page .example-visual:before {
  border-color: rgba(255, 132, 24, .18) !important
}