/* SEO Services — local search page */
.seo-page .sp-hero__copy {
  background:
    radial-gradient(ellipse 80% 70% at 4% 0%, rgba(125, 201, 255, .14), transparent 68%),
    var(--bg);
}
.seo-page .sp-hero__media--seo {
  background:
    url('/assets/seo-services-dashboard.png') center center / cover no-repeat,
    #09101d;
}
.seo-page .sp-hero__media--seo::before {
  display: none;
}
.seo-page .sp-hero__media--seo::after {
  background:
    linear-gradient(100deg,
      var(--bg) 0%,
      rgba(6, 8, 9, .96) 12%,
      rgba(6, 8, 9, .78) 28%,
      rgba(6, 8, 9, .38) 52%,
      rgba(6, 8, 9, .12) 78%,
      rgba(6, 8, 9, .18) 100%);
}
.seo-intro {
  width: min(calc(100% - 40px), 1180px);
  margin: clamp(44px, 7vw, 88px) auto;
  padding: clamp(28px, 5vw, 60px);
  background: var(--surface-1);
  border: 1px solid var(--border);
  border-radius: var(--r-panel);
}
.seo-intro__grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(230px, .68fr);
  gap: clamp(28px, 6vw, 80px);
  align-items: end;
}
.seo-intro h2 { max-width: 18ch; }
.seo-intro p { max-width: 58ch; color: var(--text-2); line-height: 1.75; }
.seo-proof {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
}
.seo-proof__item {
  padding: 16px;
  border-left: 2px solid var(--accent);
  background: var(--surface-2);
}
.seo-proof__item strong { display: block; color: var(--text-1); font: 700 1.3rem/1 var(--font-display); }
.seo-proof__item span { display: block; margin-top: 7px; color: var(--text-3); font-size: .75rem; line-height: 1.35; }
.seo-pricing {
  width: min(calc(100% - 40px), 1180px);
  margin: 0 auto clamp(44px, 7vw, 88px);
  padding: clamp(28px, 5vw, 60px);
}
.seo-pricing__head { display: flex; justify-content: space-between; gap: 20px; align-items: end; margin-bottom: 24px; }
.seo-pricing__head p { max-width: 50ch; color: var(--text-2); }
.seo-table-wrap { overflow-x: auto; border: 1px solid var(--border); border-radius: var(--r-card); background: var(--surface-1); }
.seo-table { width: 100%; min-width: 760px; border-collapse: collapse; table-layout: fixed; }
.seo-table th, .seo-table td { padding: 13px 14px; text-align: center; border-bottom: 1px solid var(--border); font-size: .8125rem; }
.seo-table th:first-child, .seo-table td:first-child { width: 29%; text-align: left; }
.seo-table th { background: #102643; color: var(--text-1); font-family: var(--font-display); }
.seo-table thead th:not(:first-child) { color: #b9dcff; font-size: 1rem; }
.seo-table thead th:nth-child(3), .seo-table tbody td:nth-child(3) { background: rgba(125, 201, 255, .07); }
.seo-table thead small { display: block; color: var(--text-3); font: 500 .62rem/1.2 var(--font); margin-top: 5px; }
.seo-table thead em { display: block; color: var(--accent); font: 600 .62rem/1.2 var(--font); margin-top: 4px; }
.seo-table tbody td { color: var(--text-2); }
.seo-table tbody td:first-child { color: var(--text-1); font-weight: 600; }
.seo-table tbody tr:last-child td { border-bottom: 0; }
.seo-table tbody tr:hover td { background: rgba(255,255,255,.025); }
.seo-table .not-included { color: var(--text-3); font-style: italic; }
.seo-table__note { padding: 12px 14px; color: var(--text-3); font-size: .72rem; }
.seo-addon { margin-top: 26px; border: 1px solid var(--border); border-radius: var(--r-card); overflow: hidden; background: var(--surface-1); }
.seo-addon__head { display: grid; grid-template-columns: 1fr 2fr .7fr; gap: 16px; padding: 12px 14px; background: #102643; color: var(--text-1); font: 700 .72rem/1.2 var(--font-display); text-transform: uppercase; letter-spacing: .08em; }
.seo-addon__body { display: grid; grid-template-columns: 1fr 2fr .7fr; gap: 16px; padding: 16px 14px; color: var(--text-2); font-size: .8rem; line-height: 1.5; }
.seo-addon__body strong { color: var(--text-1); }
.seo-addon__cost { color: var(--accent); font: 700 1.1rem var(--font-display); }
.seo-addon__cost small { display: block; color: var(--text-3); font: 500 .62rem var(--font); }
@media (max-width: 720px) {
  .seo-intro, .seo-pricing { width: min(calc(100% - 32px), 1180px); }
  .seo-intro__grid, .seo-proof { grid-template-columns: 1fr; }
  .seo-pricing__head { display: block; }
  .seo-pricing__head p { margin-top: 12px; }
  .seo-addon__head, .seo-addon__body { grid-template-columns: 1fr; gap: 8px; }
  .seo-addon__head { display: none; }
  .seo-addon__body { padding: 18px; }
  .seo-addon__body > * { padding-bottom: 12px; border-bottom: 1px solid var(--border); }
  .seo-addon__body > *:last-child { border-bottom: 0; padding-bottom: 0; }
}