/* Extracted from style2026.css without selector or declaration changes.
   Loaded conditionally by functions.php to reduce per-page CSS. */

/* ==========================================================
   AI SEO services page-specific variations
   Shared component foundations are defined above.
   ========================================================== */
/* Page palette */
.si-ai-seo-services,
.si-ai-seo-process {
  background: #eef3f8 !important;
}

.si-ai-seo-experience {
  background: #f5f6f8 !important;
}

/* Case-study proof section */
.si-ai-seo-proof-section {
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(circle at 92% 86%, rgba(219,231,244,.78) 0, rgba(219,231,244,.78) 150px, transparent 151px),
    #ffffff !important;
}

.si-ai-seo-proof-shell {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(320px, .85fr);
  gap: 52px;
  align-items: center;
}

.si-ai-seo-proof-copy {
  max-width: 760px;
}

.si-ai-seo-proof-link {
  margin-top: 28px;
  margin-left: 0;
  text-align: left;
}

.si-ai-seo-proof-panel {
  padding: 34px 36px;
  background: linear-gradient(180deg, #173a67 0%, #214d7f 100%);
  color: #ffffff;
  border-left: 4px solid #f15a24;
  border-radius: 20px;
  box-shadow: 0 20px 48px rgba(15,23,42,.16);
}

.si-ai-seo-proof-panel h3,
.si-ai-seo-proof-panel p {
  color: #ffffff;
}

.si-ai-seo-proof-number {
  display: block;
  margin-bottom: 10px;
  color: #ffd0bf;
  font-size: 30px;
  font-weight: 800;
}

/* Services editorial layout */
.si-ai-seo-services {
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(circle at 10% 20%, rgba(71,126,185,.12) 0%, rgba(71,126,185,0) 24%),
    linear-gradient(180deg, #eef4fa 0%, #e8f0f8 100%) !important;
}

.si-ai-seo-services-shell {
  display: grid;
  grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr);
  gap: 60px;
  align-items: start;
}

.si-ai-seo-services-copy {
  max-width: 650px;
}

.si-ai-seo-services-cta {
  margin-top: 28px;
  margin-left: 0;
  text-align: left;
}

.si-ai-seo-service-links {
  border-top: 1px solid rgba(16,40,76,.16);
}

.si-ai-seo-service-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding: 22px 0;
  border-bottom: 1px solid rgba(16,40,76,.16);
  color: #10284c;
  text-decoration: none;
}

.si-ai-seo-service-link:hover {
  color: #10284c;
  text-decoration: none;
}

.si-ai-seo-service-link strong {
  display: block;
  margin-bottom: 5px;
  font-size: 21px;
}

.si-ai-seo-service-link small {
  display: block;
  color: #475569;
  font-size: 16px;
  line-height: 1.5;
}

.si-ai-seo-service-link b {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  flex-shrink: 0;
  border-radius: 50%;
  background: #f15a24;
  color: #ffffff;
  font-size: 26px;
}

/* What AI SEO requires */
.si-ai-seo-includes {
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(circle at 6% 18%, rgba(225,235,246,.9) 0 90px, transparent 91px),
    radial-gradient(circle at 96% 78%, rgba(241,90,36,.07) 0 55px, transparent 56px),
    #ffffff !important;
}

.si-ai-seo-includes-shell {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 58px;
  align-items: center;
}

.si-ai-seo-includes-copy {
  max-width: 640px;
}

.si-ai-seo-capability-matrix {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  border-top: 1px solid rgba(16,40,76,.14);
  border-left: 1px solid rgba(16,40,76,.14);
}

.si-ai-seo-capability {
  min-height: 154px;
  padding: 22px 24px;
  border-right: 1px solid rgba(16,40,76,.14);
  border-bottom: 1px solid rgba(16,40,76,.14);
  background: rgba(255,255,255,.72);
}

.si-ai-seo-capability h3 {
  margin: 0 0 8px;
  font-size: 20px;
}

.si-ai-seo-capability p {
  margin: 0;
  font-size: 16px;
  line-height: 1.55;
}

/* Experience split */
.si-ai-seo-experience-shell {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(320px, .85fr);
  gap: 54px;
  align-items: center;
}

.si-ai-seo-experience-copy {
  max-width: 760px;
}

.si-ai-seo-experience-cta {
  margin-top: 28px;
  margin-left: 0;
  text-align: left;
}

.si-ai-seo-experience-proof {
  padding: 32px 34px;
  background: #ffffff;
  border: 1px solid rgba(16,40,76,.10);
  border-radius: 18px;
  box-shadow: 0 16px 38px rgba(15,23,42,.07);
}

.si-ai-seo-proof-kicker {
  display: block;
  margin-bottom: 12px;
  color: #f15a24;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
}

/* Dark strategy section */
.si-ai-seo-strategy {
  position: relative;
  overflow: hidden;
  padding: 82px 0;
  color: #ffffff;
  background:
    radial-gradient(circle at 14% 28%, rgba(88,149,223,.20) 0%, rgba(88,149,223,0) 24%),
    radial-gradient(circle at 86% 80%, rgba(241,90,36,.12) 0%, rgba(241,90,36,0) 24%),
    linear-gradient(135deg, #0e2748 0%, #163b68 55%, #102f56 100%);
}

.si-ai-seo-strategy::before {
  content: "";
  position: absolute;
  left: -120px;
  top: 18px;
  width: 520px;
  height: 520px;
  border-radius: 50%;
  filter: blur(18px);
  background: radial-gradient(circle, rgba(65,131,214,.42) 0%, rgba(65,131,214,.22) 28%, rgba(65,131,214,0) 68%);
}

.si-ai-seo-strategy .container {
  position: relative;
  z-index: 1;
}

.si-ai-seo-strategy-shell {
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(290px, .75fr);
  gap: 48px;
  align-items: center;
}

.si-ai-seo-strategy h2,
.si-ai-seo-strategy h3,
.si-ai-seo-strategy p {
  color: #ffffff;
}

.si-ai-seo-strategy .si-2026-section-label {
  color: #ffd0bf;
}

.si-ai-seo-strategy-copy {
  max-width: 760px;
}

.si-ai-seo-strategy-lead {
  color: #dce9f8 !important;
  font-size: 23px;
  line-height: 1.48;
  font-weight: 600;
}

.si-ai-seo-strategy-actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 20px;
  margin-top: 30px;
}

.si-ai-seo-text-link {
  color: #ffffff;
  font-weight: 700;
  text-decoration: none;
  border-bottom: 1px solid rgba(255,255,255,.45);
  padding-bottom: 4px;
}

.si-ai-seo-text-link:hover {
  color: #ffffff;
  text-decoration: none;
  border-bottom-color: #ffd0bf;
}

.si-ai-seo-strategy-panel {
  max-width: 430px;
  justify-self: end;
  padding: 32px 34px;
  background: rgba(255,255,255,.96);
  border-radius: 20px;
  box-shadow: 0 24px 60px rgba(4,18,35,.24);
}

.si-ai-seo-strategy-panel h3,
.si-ai-seo-strategy-panel p {
  color: #10284c;
}

.si-ai-seo-panel-emphasis {
  margin: 22px 0 0 !important;
  padding-top: 20px;
  border-top: 1px solid rgba(16,40,76,.14);
  font-weight: 700;
}

/* Process without cards */
.si-ai-seo-process-list {
  margin-top: 34px;
  border-top: 1px solid rgba(16,40,76,.15);
}

.si-ai-seo-process-step {
  display: grid;
  grid-template-columns: 72px minmax(0, 1fr);
  gap: 24px;
  padding: 25px 0;
  border-bottom: 1px solid rgba(16,40,76,.15);
}

.si-ai-seo-process-step > span {
  color: #f15a24;
  font-size: 30px;
  font-weight: 800;
  line-height: 1;
}

.si-ai-seo-process-step h3 {
  margin: 0 0 7px;
}

.si-ai-seo-process-step p {
  margin: 0;
}

/* BBB webinar image */
.si-ai-seo-bbb-visual {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  background: transparent;
}

.si-ai-seo-bbb-visual a {
  display: block;
  width: 100%;
  max-width: 360px;
  line-height: 0;
}

.si-ai-seo-bbb-visual img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 16px;
  box-shadow: 0 18px 42px rgba(15,23,42,.13);
}

@media (max-width: 991px) {
  .si-ai-seo-proof-shell,
  .si-ai-seo-services-shell,
  .si-ai-seo-includes-shell,
  .si-ai-seo-experience-shell,
  .si-ai-seo-strategy-shell {
    grid-template-columns: 1fr;
    gap: 34px;
  }

  .si-ai-seo-strategy-panel {
    max-width: none;
    justify-self: stretch;
  }
}

@media (max-width: 767px) {
  .si-ai-seo-capability-matrix {
    grid-template-columns: 1fr;
  }

  .si-ai-seo-capability {
    min-height: 0;
  }

  .si-ai-seo-strategy {
    padding: 64px 0;
  }

  .si-ai-seo-strategy-lead {
    font-size: 20px;
  }

  .si-ai-seo-strategy-actions {
    align-items: flex-start;
    flex-direction: column;
  }

  .si-ai-seo-process-step {
    grid-template-columns: 54px minmax(0, 1fr);
    gap: 16px;
  }

  .si-ai-seo-bbb-visual {
    margin-top: 30px;
  }
}

/* Mobile width containment for the AI Search Strategy section */
@media (max-width: 767px) {
  .si-ai-seo-strategy .container {
    width: auto !important;
    max-width: none !important;
    margin-left: 18px !important;
    margin-right: 18px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
  }

  .si-ai-seo-strategy-shell,
  .si-ai-seo-strategy-copy,
  .si-ai-seo-strategy-panel,
  .si-ai-seo-strategy-actions {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }

  .si-ai-seo-strategy h2,
  .si-ai-seo-strategy h3,
  .si-ai-seo-strategy p,
  .si-ai-seo-strategy a,
  .si-ai-seo-strategy span {
    max-width: 100% !important;
    overflow-wrap: break-word !important;
    word-break: normal !important;
  }

  .si-ai-seo-strategy-panel {
    justify-self: stretch !important;
  }

  .si-ai-seo-strategy-actions .si-2026-btn {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    text-align: center !important;
  }

  .si-ai-seo-text-link {
    display: inline-block;
    max-width: 100% !important;
  }
}