/* Home-page SEO section. Everything is scoped so it cannot alter the React shop or checkout. */
#sky-sign-seo-boost {
  --sky-ink: #0b1824;
  --sky-blue: #0879c9;
  --sky-cyan: #15b8e8;
  --sky-paper: #f5f9fc;
  background: var(--sky-paper);
  color: var(--sky-ink);
  font-family: Arial, Helvetica, sans-serif;
  padding: clamp(42px, 7vw, 88px) 20px;
}

#sky-sign-seo-boost * { box-sizing: border-box; }
#sky-sign-seo-boost .sky-seo-inner { margin: 0 auto; max-width: 1180px; }
#sky-sign-seo-boost .sky-seo-eyebrow {
  color: var(--sky-blue);
  font-size: .82rem;
  font-weight: 800;
  letter-spacing: .09em;
  margin: 0 0 10px;
  text-transform: uppercase;
}
#sky-sign-seo-boost h2 {
  color: var(--sky-ink);
  font-size: clamp(1.85rem, 4vw, 3.1rem);
  line-height: 1.12;
  margin: 0;
  max-width: 800px;
}
#sky-sign-seo-boost .sky-seo-intro {
  font-size: clamp(1rem, 1.7vw, 1.15rem);
  line-height: 1.7;
  margin: 18px 0 28px;
  max-width: 820px;
}
#sky-sign-seo-boost .sky-seo-grid {
  display: grid;
  gap: 16px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin: 0 0 28px;
}
#sky-sign-seo-boost .sky-seo-card {
  background: #fff;
  border: 1px solid #dbe7ef;
  border-radius: 16px;
  color: var(--sky-ink);
  display: block;
  min-height: 150px;
  padding: 22px;
  text-decoration: none;
  transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}
#sky-sign-seo-boost .sky-seo-card:hover,
#sky-sign-seo-boost .sky-seo-card:focus-visible {
  border-color: var(--sky-cyan);
  box-shadow: 0 12px 28px rgba(11, 24, 36, .12);
  outline: none;
  transform: translateY(-3px);
}
#sky-sign-seo-boost .sky-seo-card strong { display: block; font-size: 1.06rem; margin-bottom: 8px; }
#sky-sign-seo-boost .sky-seo-card span { color: #445666; display: block; font-size: .94rem; line-height: 1.5; }
#sky-sign-seo-boost .sky-seo-actions { align-items: center; display: flex; flex-wrap: wrap; gap: 12px; }
#sky-sign-seo-boost .sky-seo-button {
  background: var(--sky-blue);
  border: 2px solid var(--sky-blue);
  border-radius: 999px;
  color: #fff;
  display: inline-block;
  font-weight: 700;
  padding: 13px 20px;
  text-decoration: none;
}
#sky-sign-seo-boost .sky-seo-button:hover,
#sky-sign-seo-boost .sky-seo-button:focus-visible { background: #0565aa; border-color: #0565aa; color: #fff; outline: 3px solid rgba(21, 184, 232, .35); outline-offset: 2px; }
#sky-sign-seo-boost .sky-seo-button--secondary { background: transparent; color: var(--sky-blue); }
#sky-sign-seo-boost .sky-seo-button--secondary:hover,
#sky-sign-seo-boost .sky-seo-button--secondary:focus-visible { background: #e9f6fc; color: #055b99; }
@media (max-width: 900px) { #sky-sign-seo-boost .sky-seo-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 540px) { #sky-sign-seo-boost .sky-seo-grid { grid-template-columns: 1fr; } #sky-sign-seo-boost .sky-seo-card { min-height: auto; } }