body[data-category="services"]{
  --accent:#0ea5e9;
  --accent2:#34d399;
  --accent-rgb:14,165,233;
  --accent2-rgb:52,211,153;
  background:
    linear-gradient(180deg, rgba(5,15,21,.84), rgba(5,15,21,.94)),
    radial-gradient(1000px 620px at 10% -10%, rgba(var(--accent-rgb), .20), transparent 58%),
    radial-gradient(860px 480px at 92% 12%, rgba(var(--accent2-rgb), .14), transparent 54%),
    var(--category-theme-image, url('/assets/img/category-photos/services.jpg')) center/cover fixed;
}
:root[data-theme="light"] body[data-category="services"]{
  background:
    linear-gradient(180deg, rgba(255,255,255,.95), rgba(243,249,251,.93)),
    radial-gradient(1000px 620px at 10% -10%, rgba(var(--accent-rgb), .09), transparent 58%),
    radial-gradient(860px 480px at 92% 12%, rgba(var(--accent2-rgb), .08), transparent 54%),
    var(--category-theme-image, url('/assets/img/category-photos/services.jpg')) center/cover fixed;
}
body[data-category="services"] .brand__mark,
body[data-category="services"] .brand-mark{ background: radial-gradient(circle at 30% 0%, var(--accent2), var(--accent)); }
body[data-category="services"] .cxButton--accent{ box-shadow: 0 18px 42px rgba(var(--accent-rgb), .20); }