/* V27: balanced ServiceJan palette — clean, credible and readable. Footer remains untouched. */
:root { --sjn-navy: #0b2f5b; --sjn-copy: #365b7d; --sjn-blue: #1f63d8; --sjn-sky: #eef6fc; --sjn-soft-blue: #dceeff; --sjn-border: #c7deef; }
body:not(.home) main,
body:not(.home) main > .inner-page,
body:not(.home) main > .inner-page > .inner-shell,
body:not(.home) main > .inner-page > .inner-shell > .page-content,
body:not(.home) main > .inner-page > .inner-shell > .page-content > .page-frame {
  background: var(--sjn-sky) !important;
}
body:not(.home) main > .inner-page > .inner-shell > .page-content > .page-frame > .sjn-page-hero,
body:not(.home) main > .inner-page > .inner-shell > .page-content > .page-frame > .page-hero {
  padding: 54px 0 48px !important;
  background: linear-gradient(135deg, #dceeff 0%, #edf7ff 70%, #f8fcff 100%) !important;
  border-bottom: 1px solid var(--sjn-border) !important;
}
body:not(.home) main > .inner-page > .inner-shell > .page-content > .page-frame > .sjn-section:nth-of-type(even),
body:not(.home) main > .inner-page > .inner-shell > .page-content > .page-frame > .section:nth-of-type(even) {
  background: #f7fbff !important;
  border-top: 1px solid var(--sjn-border) !important;
  border-bottom: 1px solid var(--sjn-border) !important;
}
body:not(.home) main > .inner-page > .inner-shell > .page-content > .page-frame h1,
body:not(.home) main > .inner-page > .inner-shell > .page-content > .page-frame h2,
body:not(.home) main > .inner-page > .inner-shell > .page-content > .page-frame h3,
body:not(.home) main > .inner-page > .inner-shell > .page-content > .page-frame h4 { color: var(--sjn-navy) !important; }
body:not(.home) main > .inner-page > .inner-shell > .page-content > .page-frame p,
body:not(.home) main > .inner-page > .inner-shell > .page-content > .page-frame li,
body:not(.home) main > .inner-page > .inner-shell > .page-content > .page-frame .lead { color: var(--sjn-copy) !important; }
body:not(.home) main > .inner-page > .inner-shell > .page-content > .page-frame .eyebrow { color: var(--sjn-blue) !important; }
body:not(.home) main > .inner-page > .inner-shell > .page-content > .page-frame .sjn-grid > article,
body:not(.home) main > .inner-page > .inner-shell > .page-content > .page-frame .card,
body:not(.home) main > .inner-page > .inner-shell > .page-content > .page-frame .form-card,
body:not(.home) main > .inner-page > .inner-shell > .page-content > .page-frame .app-install,
body:not(.home) main > .inner-page > .inner-shell > .page-content > .page-frame .price-card {
  border-color: var(--sjn-border) !important;
  box-shadow: 0 12px 28px rgba(20, 75, 132, .10) !important;
}
body:not(.home) main > .inner-page > .inner-shell > .page-content > .page-frame .button {
  background: var(--sjn-blue) !important;
  border-color: var(--sjn-blue) !important;
  color: #fff !important;
  box-shadow: 0 9px 20px rgba(31, 99, 216, .22) !important;
}
body:not(.home) main > .inner-page > .inner-shell > .page-content > .page-frame .button:hover { background: #174fae !important; border-color: #174fae !important; }