/* =====================================================================
   Opus Spark: site-wide light overrides (v4)
   Loaded after styles.css on every page EXCEPT the home page (the home
   page uses home.css). Rules are also scoped to body:not(.home) as a
   safeguard. Replaces the heavy navy blocks with light, iridescent
   treatments that match the v3 home page; everything else is unchanged.
   ===================================================================== */

/* ---------- Bottom call-to-action banner (was a navy gradient) ---------- */
body:not(.home) .cta-section {
  background:
    radial-gradient(ellipse 70% 65% at 12% 8%, rgba(255, 255, 255, 0.70) 0%, rgba(255, 255, 255, 0) 58%),
    radial-gradient(ellipse 60% 55% at 90% 15%, rgba(232, 168, 200, 0.16) 0%, rgba(232, 168, 200, 0) 58%),
    radial-gradient(ellipse 65% 60% at 85% 95%, rgba(246, 167, 5, 0.10) 0%, rgba(246, 167, 5, 0) 58%),
    radial-gradient(ellipse 60% 55% at 15% 95%, rgba(198, 183, 232, 0.18) 0%, rgba(198, 183, 232, 0) 55%),
    #E8F2F6;
  color: var(--navy);
  border-top: 1px solid rgba(27, 42, 74, 0.06);
}
body:not(.home) .cta-section h2 {
  color: var(--navy);
  font-weight: 700;
  letter-spacing: -0.03em;
}
body:not(.home) .cta-section p { color: #5A6273; }
body:not(.home) .cta-section .btn-primary {
  box-shadow: 0 10px 26px rgba(232, 119, 34, 0.26);
  transition: transform 0.35s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.35s cubic-bezier(0.22, 1, 0.36, 1), background-color 0.35s;
}
body:not(.home) .cta-section .btn-primary:hover {
  transform: translateY(-2px);
  box-shadow: 0 14px 30px rgba(232, 119, 34, 0.32);
}

/* ---------- Proof stats bar (was solid navy) ---------- */
body:not(.home) .stats-band {
  background: #F6EFE3;
  border-top: 1px solid rgba(27, 42, 74, 0.08);
  border-bottom: 1px solid rgba(27, 42, 74, 0.08);
  padding: 56px 24px;
}
body:not(.home) .stats-row { gap: 0; }
body:not(.home) .stat { padding: 0 36px; }
body:not(.home) .stat + .stat { border-left: 1px solid rgba(27, 42, 74, 0.09); }
body:not(.home) .stat-num { color: var(--navy); font-weight: 700; letter-spacing: -0.03em; }
body:not(.home) .stat-lbl { color: #5A6273; }

/* ---------- Small caption under a booking button ---------- */
.cta-caption,
.page-hero p.cta-caption {
  font-size: 13px;
  color: #9CA3AF;
  margin: 12px 0 0;
  letter-spacing: 0.3px;
}

/* ---------- About page: founder note inside the founder block ---------- */
.founder-note {
  margin-top: 32px;
  padding-top: 28px;
  border-top: 1px solid rgba(27, 42, 74, 0.10);
}
.founder-note h3 {
  font-size: 22px;
  font-weight: 700;
  color: var(--navy);
  letter-spacing: -0.01em;
  margin-bottom: 12px;
}
.founder-note p {
  font-size: 17px;
  color: var(--gray);
  line-height: 1.7;
  margin-bottom: 16px;
}
.founder-note .founder-note-sign {
  color: var(--navy);
  font-weight: 700;
  margin-bottom: 0;
}

/* ---------- Header CTA on the /start landing page: keep on one line ---------- */
body:not(.home) .nav-cta { white-space: nowrap; }

@media (max-width: 1024px) {
  body:not(.home) .stat { padding: 16px 24px; }
  body:not(.home) .stat + .stat { border-left: none; }
}
@media (max-width: 640px) {
  body:not(.home) .nav-cta { padding: 10px 14px; font-size: 13px; }
}

/* ---------- Mobile: stop fixed-column grids from causing sideways scroll
   (pre-existing issue on /blog, /bpo-pods and /talent-as-a-service) ---------- */
@media (max-width: 1024px) {
  body:not(.home) .feature-grid[style*="repeat(4"] { grid-template-columns: repeat(2, 1fr) !important; }
}
@media (max-width: 640px) {
  body:not(.home) .feature-grid[style*="grid-template-columns"],
  body:not(.home) .billing-grid { grid-template-columns: 1fr !important; }
}