.seo-tec-page main h2 {
  font-weight: 850
}

/* Final contrast lock: keep enterprise content readable on the light redesign. */
body#top.seo-tec-page main .enterprise-seo .enterprise-head h2,
body#top.seo-tec-page main .enterprise-seo h2 {
  color: #191613 !important;
}

body#top.seo-tec-page main .enterprise-seo .enterprise-cards article h3,
body#top.seo-tec-page main .enterprise-seo .enterprise-cards article:hover h3 {
  color: #201c19 !important;
}

/* 2026 SEO services page refinement */

/* 1. Services redesigned as a balanced capability grid */
body#top.seo-tec-page main .seo-services{padding:64px 0!important;background:#fff!important}
body#top.seo-tec-page main .seo-service-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important;max-width:1380px!important;margin:30px auto 0!important}
body#top.seo-tec-page main .seo-service-grid article,
body#top.seo-tec-page main .seo-service-grid article:nth-child(5),
body#top.seo-tec-page main .seo-service-grid article:nth-child(6),
body#top.seo-tec-page main .seo-service-grid article:nth-child(7){position:relative!important;grid-column:auto!important;display:grid!important;grid-template-columns:50px minmax(0,1fr)!important;align-items:center!important;gap:14px!important;min-height:112px!important;padding:18px 20px!important;border:1px solid #e7dfd8!important;border-radius:15px!important;background:#fff!important;box-shadow:none!important;transform:none!important;overflow:hidden!important}
body#top.seo-tec-page main .seo-service-grid article:nth-child(7){grid-column:auto!important}
body#top.seo-tec-page main .seo-service-grid article:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#ff7712;opacity:0;transition:opacity .25s ease}
body#top.seo-tec-page main .seo-service-grid article:after{display:none!important;content:none!important}
body#top.seo-tec-page main .seo-service-grid article:hover{transform:translateY(-4px)!important;border-color:rgba(255,119,18,.35)!important;background:#221c18!important;box-shadow:0 16px 32px rgba(42,28,18,.12)!important}
body#top.seo-tec-page main .seo-service-grid article:hover:before{opacity:1}
body#top.seo-tec-page main .seo-service-grid b{grid-column:1!important;display:grid!important;place-items:center!important;width:48px!important;height:48px!important;margin:0!important;border-radius:13px!important;background:#fff0e5!important;color:#ef6808!important;font-size:22px!important}
body#top.seo-tec-page main .seo-service-grid i{top:13px!important;right:16px!important;color:#eee7e1!important;font-size:24px!important}
body#top.seo-tec-page main .seo-service-grid h3{grid-column:2!important;margin:0 22px 0 0!important;color:#201c19!important;font-size:17px!important;line-height:1.35!important}
body#top.seo-tec-page main .seo-service-grid article:hover h3{color:#fff!important}

/* 2. Small Business section with a warmer neutral background */
body#top.seo-tec-page main .business-seo{padding:88px 0!important;background-color:#f7f4f0!important;background-image:linear-gradient(rgba(226,217,208,.4) 1px,transparent 1px),linear-gradient(90deg,rgba(226,217,208,.4) 1px,transparent 1px)!important;background-size:42px 42px!important}
body#top.seo-tec-page main .business-seo:before,body#top.seo-tec-page main .business-seo:after{display:none!important;content:none!important}
body#top.seo-tec-page main .business-grid{gap:72px!important;align-items:center!important}
body#top.seo-tec-page main .business-visual{background:transparent!important}
body#top.seo-tec-page main .business-visual span{border:1px solid #e6ddd5!important;box-shadow:0 8px 20px rgba(45,32,22,.07)!important}

/* 3. Enterprise redesigned as a light premium section */
body#top.seo-tec-page main .enterprise-seo{padding:62px 0!important;background:#fff!important;color:#211d1a!important}
body#top.seo-tec-page main .enterprise-seo:before,body#top.seo-tec-page main .enterprise-seo:after{display:none!important;content:none!important}
body#top.seo-tec-page main .enterprise-head{grid-template-columns:minmax(300px,.72fr) minmax(0,1.28fr)!important;gap:54px!important;align-items:start!important}
body#top.seo-tec-page main .enterprise-seo h2{color:#191613!important}
body#top.seo-tec-page main .enterprise-seo .eyebrow{color:#f06c0b!important}
body#top.seo-tec-page main .enterprise-head p{color:#665f59!important;font-size:15.5px!important;line-height:1.75!important}
body#top.seo-tec-page main .enterprise-cards{gap:16px!important;margin-top:30px!important}
body#top.seo-tec-page main .enterprise-cards article{min-height:220px!important;padding:26px!important;border:1px solid #e4d8cd!important;border-radius:18px!important;background:rgba(255,255,255,.86)!important;box-shadow:none!important;color:#201c19!important}
body#top.seo-tec-page main .enterprise-cards article:hover{transform:translateY(-5px)!important;border-color:rgba(240,108,11,.38)!important;box-shadow:0 16px 34px rgba(43,30,21,.08)!important}
body#top.seo-tec-page main .enterprise-cards article>b{color:#eee7e1!important;font-size:39px!important}
body#top.seo-tec-page main .enterprise-cards i{background:#fff0e5!important;color:#ee6808!important;box-shadow:none!important}
body#top.seo-tec-page main .enterprise-cards h3{color:#201c19!important;font-size:21px!important}
body#top.seo-tec-page main .enterprise-cards p,body#top.seo-tec-page main .enterprise-cards article:hover p{color:#6a635e!important;font-size:14.5px!important;line-height:1.75!important}

/* 4. CTA heading contrast */
body#top.seo-tec-page main .seo-cta h2{color:#fff!important}
@media(max-width:900px){body#top.seo-tec-page main .seo-service-grid{grid-template-columns:1fr 1fr!important}body#top.seo-tec-page main .seo-service-grid article:nth-child(7){grid-column:1/-1!important}body#top.seo-tec-page main .business-grid,body#top.seo-tec-page main .enterprise-head{grid-template-columns:1fr!important;gap:40px!important}}
@media(max-width:580px){body#top.seo-tec-page main .seo-services,body#top.seo-tec-page main .business-seo,body#top.seo-tec-page main .enterprise-seo{padding:62px 0!important}body#top.seo-tec-page main .seo-service-grid,body#top.seo-tec-page main .enterprise-cards{grid-template-columns:1fr!important}body#top.seo-tec-page main .seo-service-grid article:nth-child(7){grid-column:auto!important}body#top.seo-tec-page main .seo-service-grid article{min-height:108px!important;padding:20px!important}body#top.seo-tec-page main .enterprise-cards article{min-height:0!important;padding:26px 22px!important}}

.seo-tec-page main section:not(.page-hero) {
  padding: 76px 0
}

.seo-services>.container {
  width: min(1480px, calc(100% - 50px))
}

.seo-hero-grid,
.business-grid,
.process-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  gap: 72px
}

.seo-main-hero {
  position: relative;
  background: linear-gradient(135deg, #fff, #fff7ef);
  overflow: hidden
}

.seo-main-hero:after {
  content: "";
  position: absolute;
  right: -120px;
  top: -150px;
  width: 380px;
  height: 380px;
  border: 75px solid #fff0e2;
  border-radius: 50%
}

.seo-hero-art {
  position: relative;
  min-height: 500px;
  display: flex;
  align-items: flex-end;
  justify-content: center
}

.seo-hero-art>span {
  position: absolute;
  inset: 55px 15px 15px;
  border-radius: 50% 50% 38% 38%;
  background: linear-gradient(145deg, #ffb15f, #ff7613);
  box-shadow: 0 30px 65px #ff76132d
}

.seo-hero-art>span:after {
  content: "";
  position: absolute;
  inset: 30px;
  border: 1px dashed #ffffffaa;
  border-radius: 50%
}

.seo-hero-art img {
  position: relative;
  z-index: 2;
  width: min(100%, 550px);
  filter: drop-shadow(0 22px 25px #38231430);
  transition: .45s
}

.seo-hero-art:hover img {
  transform: translateY(-10px)
}

.seo-hero-art article {
  position: absolute;
  z-index: 3;
  display: flex;
  flex-direction: column;
  padding: 15px 18px;
  min-width: 150px;
  border-radius: 16px;
  background: #fff;
  border: 1px solid #f5d5b9;
  box-shadow: 0 16px 38px #38261625
}

.seo-hero-art article b {
  font-size: 26px;
  color: #ff7613
}

.seo-hero-art article small {
  font-weight: 750;
  color: #626875
}

.seo-hero-art article:first-of-type {
  top: 90px;
  left: -10px
}

.seo-hero-art article:last-of-type {
  right: -5px;
  bottom: 35px
}

.seo-services {
  background: #fff
}

.seo-services .off-heading p {
  max-width: 730px;
  margin: auto
}

.seo-service-grid {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  gap: 14px
}

.seo-service-grid article {
  grid-column: span 2;
  position: relative;
  min-height: 168px;
  padding: 20px 20px;
  border: 1px solid #f0d7c1;
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 12px 28px #4e2b110b;
  overflow: hidden;
  transition: .38s
}

.seo-service-grid article:nth-child(5) {
  grid-column: 2/span 2
}

.seo-service-grid article:nth-child(6) {
  grid-column: 4/span 2
}

.seo-service-grid article:nth-child(7) {
  grid-column: 6/span 2
}

.seo-service-grid article:hover {
  color: #fff;
  background: linear-gradient(145deg, #252036, #4b2a15);
  border-color: transparent;
  transform: translateY(-7px);
  box-shadow: 0 20px 40px #2c1e1830
}

.seo-service-grid article:after {
  content: "";
  position: absolute;
  right: -24px;
  bottom: -32px;
  width: 86px;
  height: 86px;
  border: 18px solid #fff2e7;
  border-radius: 50%;
  transition: .35s
}

.seo-service-grid article:hover:after {
  border-color: #ffffff0b;
  transform: scale(1.25)
}

.seo-service-grid i {
  position: absolute;
  right: 15px;
  top: 7px;
  color: #f3dfcf;
  font-size: 31px;
  font-style: normal;
  font-weight: 900
}

.seo-service-grid b {
  display: grid;
  place-items: center;
  width: 43px;
  height: 43px;
  border-radius: 12px;
  background: #fff0e3;
  color: #ff7613;
  font-size: 19px;
  transition: .35s
}

.seo-service-grid article:hover b {
  background: #ff7613;
  color: #fff;
  transform: rotate(-8deg) scale(1.08)
}

.seo-service-grid h3 {
  position: relative;
  z-index: 1;
  font-size: 16px;
  line-height: 1.35;
  margin: 18px 0 0;
  color: #1a1b20;
  transition: .3s
}

body#top.seo-tec-page main .seo-service-grid article:hover h3 {
  color: #fff !important
}

.services-note {
  max-width: 920px;
  margin: 30px auto 0 !important;
  text-align: center;
  padding: 17px 24px;
  border-left: 4px solid #ff7613;
  background: #fff8f1
}

.seo-service-grid article {
  min-height: 112px !important;
  padding: 20px 48px 20px 20px !important;
  display: flex !important;
  align-items: center;
  gap: 14px
}

.seo-service-grid b {
  flex: 0 0 43px
}

.seo-service-grid h3 {
  margin: 0 !important
}

.business-seo {
  background: linear-gradient(135deg, #effcff, #fff3fb)
}

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

.business-visual:before {
  content: "";
  position: absolute;
  inset: 30px 15px 20px;
  border-radius: 32px;
  /* background: linear-gradient(135deg, #c9f4ff, #edd7ff, #ffe0f0);
  box-shadow: 0 24px 55px #664b891b */
}

.business-visual img {
  position: relative;
  z-index: 2;
  width: min(100%, 570px);
  max-height: 560px;
  object-fit: contain;
  filter: drop-shadow(0 22px 23px #4a356a28);
  transition: .45s
}

.business-visual:hover img {
  transform: scale(1.025)
}

.business-visual span {
  position: absolute;
  z-index: 3;
  padding: 13px 18px;
  border-radius: 13px;
  background: #fff;
  box-shadow: 0 13px 32px #49395b24;
  font-size: 13px;
  font-weight: 800
}

.business-visual span:nth-of-type(1) {
  top: 52px;
  left: -5px
}

.business-visual span:nth-of-type(2) {
  right: -8px;
  top: 190px
}

.business-visual span:nth-of-type(3) {
  left: 35px;
  bottom: 28px
}

.business-seo p {
  font-size: 16px !important
}

.enterprise-seo {
  position: relative;
  background: linear-gradient(120deg, #1d1b1c, #542407)
}

body#top.seo-tec-page main .enterprise-seo h2 {
  color: #fff !important
}

.enterprise-head {
  display: grid;
  grid-template-columns: .75fr 1.25fr;
  align-items: start;
  gap: 70px;
  margin-bottom: 38px
}

.enterprise-head p {
  color: #d4cdca !important
}

.enterprise-cards {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px
}

.enterprise-cards article {
  position: relative;
  padding: 34px;
  border: 1px solid #ffffff20;
  border-radius: 24px;
  background: #ffffff0b;
  overflow: hidden;
  transition: .35s
}

.enterprise-cards article:hover {
  background: #ff7613;
  transform: translateY(-8px);
  box-shadow: 0 22px 45px #0e08052b
}

.enterprise-cards article>b {
  position: absolute;
  right: 22px;
  top: 12px;
  font-size: 55px;
  color: #ffffff0c
}

.enterprise-cards i {
  display: grid;
  place-items: center;
  width: 55px;
  height: 55px;
  border-radius: 16px;
  background: #ff7613;
  color: #fff;
  font-style: normal;
  font-size: 24px
}

.enterprise-cards article:hover i {
  background: #fff;
  color: #ff7613
}

.enterprise-cards h3 {
  color: #fff;
  font-size: 22px;
  margin: 22px 0 12px
}

.enterprise-cards p {
  color: #d9d3d0 !important;
  font-size: 15px !important
}

.enterprise-cards article:hover p {
  color: #fff !important
}

body#top.seo-tec-page main .enterprise-cards h3 {
  color: #fff !important
}

.seo-process {
  background: #fff7ef
}

.metrics-board {
  position: relative;
  display: grid;
  grid-template-columns: 190px 1fr;
  align-items: center;
  gap: 34px;
  padding: 38px;
  border: 1px solid #efd4bd;
  border-radius: 28px;
  background: #fff;
  box-shadow: 0 24px 55px #5b321414;
  overflow: hidden;
  transition: .4s
}

.metrics-board:after {
  content: "";
  position: absolute;
  right: -70px;
  bottom: -85px;
  width: 190px;
  height: 190px;
  border: 42px solid #fff2e7;
  border-radius: 50%
}

.metrics-board:hover {
  transform: translateY(-8px);
  box-shadow: 0 30px 65px #5b321426
}

.metric-score {
  width: 185px;
  height: 185px;
  margin: 0;
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: conic-gradient(#ff7613 0 338deg, #f3e5d9 338deg);
  position: relative;
  filter: drop-shadow(0 15px 18px #ff761329);
  transition: .4s
}

.metric-score:before {
  content: "";
  position: absolute;
  inset: 15px;
  border-radius: 50%;
  background: #fff
}

.metric-score:after {
  content: "EXCELLENT";
  position: absolute;
  bottom: -17px;
  padding: 7px 13px;
  border-radius: 999px;
  background: #252036;
  color: #fff;
  font-size: 9px;
  font-weight: 900;
  letter-spacing: 1.4px;
  box-shadow: 0 8px 20px #251f2930
}

.metrics-board:hover .metric-score {
  transform: scale(1.055)
}

.metric-score>* {
  position: relative
}

.metric-score small {
  font-size: 9px;
  font-weight: 900;
  letter-spacing: 1.3px;
  white-space: nowrap
}

.metric-score b {
  font-size: 58px;
  line-height: 1;
  color: #1b1c20;
  transition: .35s
}

.metrics-board:hover .metric-score b {
  color: #ff7613;
  transform: scale(1.06)
}

.metric-score span {
  font-size: 10px;
  margin-top: 4px
}

.metric-list {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: 1fr;
  gap: 15px
}

.metric-list span {
  font-size: 12px;
  font-weight: 850
}

.metric-list i {
  display: block;
  height: 8px;
  margin-top: 7px;
  background: #f1e5dc;
  border-radius: 10px;
  overflow: hidden
}

.metric-list i:before {
  content: "";
  display: block;
  width: var(--m);
  height: 100%;
  background: linear-gradient(90deg, #ff7613, #ffb05b, #ff7613);
  background-size: 200% 100%;
  border-radius: inherit
}

.metrics-board:hover i:before {
  animation: metric-shine 1.5s linear infinite
}

@keyframes metric-shine {
  to {
    background-position: -200% 0
  }
}

.seo-choose {
  background: #fff
}

.seo-choose-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 15px
}

.seo-choose-grid span {
  position: relative;
  min-height: 105px;
  display: flex;
  align-items: center;
  padding: 22px 22px 22px 68px;
  border: 1px solid #f0d5bd;
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 13px 30px #4b2c160c;
  font-weight: 800;
  transition: .35s
}

.seo-choose-grid span:before {
  content: "✓";
  position: absolute;
  left: 22px;
  display: grid;
  place-items: center;
  width: 32px;
  height: 32px;
  border-radius: 10px;
  background: #fff0e3;
  color: #ff7613
}

.seo-choose-grid span:hover {
  color: #fff;
  background: linear-gradient(145deg, #252036, #4b2a15);
  transform: translateY(-7px);
  box-shadow: 0 22px 45px #2a1c1730
}

.seo-choose-grid span:hover:before {
  background: #ff7613;
  color: #fff;
  transform: rotate(-8deg) scale(1.1)
}

.seo-choose>.container>p {
  max-width: 900px;
  text-align: center;
  margin: 32px auto 0 !important
}

.seo-cta {
  position: relative;
  background: linear-gradient(180deg, #fff7ef, #fff)
}

.seo-cta>.container {
  display: grid;
  grid-template-columns: .75fr 1.25fr;
  gap: 45px;
  align-items: center;
  padding: 52px 58px;
  border-radius: 32px;
  background: linear-gradient(120deg, #211e22, #3b231a 58%, #9b4008);
  box-shadow: 0 28px 68px #4528172b
}

.seo-cta h2 {
  color: #fff !important
}

.seo-cta p {
  color: #eee5df !important
}

.seo-cta a {
  display: inline-flex;
  align-items: center;
  gap: 18px;
  margin-top: 8px;
  padding: 15px 22px;
  border-radius: 999px;
  background: #fff;
  color: #251f1b;
  font-weight: 850;
  transition: .35s
}

.seo-cta a b {
  display: grid;
  place-items: center;
  width: 29px;
  height: 29px;
  border-radius: 50%;
  background: #ff7613;
  color: #fff
}

.seo-cta a:hover {
  color: #fff;
  background: #ff7613;
  transform: translateY(-4px)
}

.seo-cta a:hover b {
  background: #fff;
  color: #ff7613;
  transform: translateX(4px)
}

@media(max-width:991px) {

  .seo-hero-grid,
  .business-grid,
  .process-grid,
  .enterprise-head,
  .seo-cta>.container {
    grid-template-columns: 1fr
  }

  .seo-service-grid {
    grid-template-columns: 1fr 1fr
  }

  .seo-service-grid article,
  .seo-service-grid article:nth-child(5),
  .seo-service-grid article:nth-child(6),
  .seo-service-grid article:nth-child(7) {
    grid-column: auto
  }

  .seo-service-grid article:last-child {
    grid-column: 1/-1
  }

  .business-visual {
    order: 2
  }

  .seo-choose-grid {
    grid-template-columns: 1fr 1fr
  }
}

@media(max-width:600px) {
  .seo-tec-page main section:not(.page-hero) {
    padding: 52px 0
  }

  .seo-hero-art {
    min-height: 370px
  }

  .seo-hero-art article {
    min-width: 120px;
    padding: 11px
  }

  .seo-hero-art article:first-of-type {
    top: 55px;
    left: 0
  }

  .seo-service-grid,
  .enterprise-cards,
  .metric-list,
  .seo-choose-grid {
    grid-template-columns: 1fr
  }

  .seo-service-grid article:last-child {
    grid-column: auto
  }

  .business-visual {
    min-height: 430px
  }

  .business-visual span {
    padding: 9px;
    font-size: 11px
  }

  .enterprise-cards article {
    padding: 27px 23px
  }

  .metrics-board {
    grid-template-columns: 1fr;
    padding: 30px 22px;
    gap: 40px
  }

  .metric-score {
    margin: auto
  }

  .seo-cta>.container {
    padding: 34px 24px
  }

  .seo-cta a {
    width: 100%;
    justify-content: center
  }
}

/* Compact SEO package typography for clearer cards. */
body#top.seo-tec-page main .seo-services .off-heading h2 {
  font-size: clamp(30px, 3.2vw, 42px) !important;
  line-height: 1.15 !important;
  margin-bottom: 12px !important;
}
body#top.seo-tec-page main .seo-services .off-heading p {
  max-width: 700px !important;
  font-size: 16px !important;
  line-height: 1.55 !important;
}
body#top.seo-tec-page main .seo-service-grid h3 {
  font-size: 15px !important;
  line-height: 1.25 !important;
  letter-spacing: -.01em !important;
}
body#top.seo-tec-page main .seo-service-grid article {
  min-height: 100px !important;
  padding: 14px 16px !important;
  gap: 10px !important;
}
body#top.seo-tec-page main .seo-service-grid b {
  width: 42px !important;
  height: 42px !important;
  font-size: 19px !important;
}

/* Align enterprise SEO card icons beside their headings. */
body#top.seo-tec-page main .enterprise-cards article {
  display: grid !important;
  grid-template-columns: 50px minmax(0, 1fr) !important;
  grid-template-rows: auto auto !important;
  align-items: start !important;
  column-gap: 14px !important;
  row-gap: 10px !important;
}
body#top.seo-tec-page main .enterprise-cards article > i {
  grid-column: 1 !important;
  grid-row: 1 !important;
  align-self: start !important;
  margin: 0 !important;
}
body#top.seo-tec-page main .enterprise-cards article > h3 {
  grid-column: 2 !important;
  grid-row: 1 !important;
  align-self: center !important;
  margin: 0 !important;
  line-height: 1.3 !important;
}
body#top.seo-tec-page main .enterprise-cards article > p {
  grid-column: 1 / -1 !important;
  grid-row: 2 !important;
  margin: 0 !important;
}