/* Static SEO landing — visible to crawlers / no-JS; hidden after SPA boot. */

.care-ssg {
  position: relative;
  z-index: 0;
  min-height: 40vh;
  padding: 28px 20px 48px;
  background:
    linear-gradient(180deg, #f4f8ff 0%, #ffffff 48%);
  color: #0b1f3a;
  font-family: "DM Sans", "Segoe UI", sans-serif;
}

.care-ssg__inner {
  max-width: 720px;
  margin: 0 auto;
}

.care-ssg__brand {
  margin: 0 0 18px;
  font-size: 0.85rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.care-ssg__brand a {
  color: #0066ff;
  text-decoration: none;
}

.care-ssg__title {
  margin: 0 0 12px;
  font-size: clamp(1.6rem, 3vw, 2.2rem);
  line-height: 1.15;
  letter-spacing: -0.03em;
  font-weight: 750;
}

.care-ssg__lead {
  margin: 0 0 20px;
  font-size: 1.05rem;
  line-height: 1.5;
  color: #475569;
}

.care-ssg__ar {
  margin: 0 0 22px;
  padding: 14px 16px;
  border-radius: 14px;
  background: rgba(0, 102, 255, 0.05);
  border: 1px solid rgba(0, 102, 255, 0.12);
}

.care-ssg__title-ar {
  margin: 0 0 8px;
  font-size: 1.2rem;
  font-weight: 700;
}

.care-ssg__lead-ar {
  margin: 0;
  color: #475569;
  line-height: 1.5;
}

.care-ssg__nav-title {
  margin: 0 0 10px;
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #64748b;
}

.care-ssg__links {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.care-ssg__links a {
  display: inline-flex;
  align-items: center;
  min-height: 36px;
  padding: 0 14px;
  border-radius: 999px;
  border: 1px solid #e2e8f0;
  background: #fff;
  color: #0b1f3a;
  text-decoration: none;
  font-size: 0.9rem;
  font-weight: 600;
}

.care-ssg__links a:hover {
  border-color: rgba(0, 102, 255, 0.35);
  color: #0066ff;
}

.care-ssg__cta {
  margin: 24px 0 0;
}

.care-ssg__cta a {
  color: #0066ff;
  font-weight: 700;
}

html.is-spa-ready .care-ssg,
html.is-spa-ready #care-ssg-shell {
  display: none !important;
}