/* Product accents: sourced from the original content/pages.json.
   General pages use the approved brand orange-to-deep-orange gradient.
   Keep page identity, legacy widget aliases and heading gradients in one place. */
:root {
 --j3-ink:#0d0d1a;--j3-muted:#56566b;--j3-paper:#f5f5f7;
 --j3-white:#fff;--j3-sage:#eeeef2;--j3-line:#d9d9e2;--j3-peach:#ffd5c5;
 --j3-brand:#ff6b35;--j3-accent:#ff6b35;--j3-accent-text:#ff6b35;
 --j3-positive-text:#087f5b;--j3-negative-text:#dc2626;
}
html[data-theme=dark] {
 --j3-ink:#f8f7fc;--j3-muted:#bdbdcd;--j3-paper:#101018;
 --j3-white:#12121f;--j3-sage:#171727;--j3-line:#36364b;
 --j3-positive-text:#34d399;--j3-negative-text:#f87171;
}
body.j3-page {
 --j3-accent:#ff6b35;--j3-accent2:#e84e0f;
 --j3-source-orange:#ff6b35;--j3-source-pink:#e84e0f;
 --j3-source-purple:#e84e0f;--j3-source-green:#10b981;
 --j3-source-orange-rgb:255,107,53;--j3-source-pink-rgb:232,78,15;
 --j3-source-green-rgb:16,185,129;--j3-source-accent-rgb:255,107,53;
 --j3-heading-start:var(--j3-accent);--j3-heading-end:var(--j3-accent2);
}
body.j3-page[data-j3-page="ai-messenger"] {--j3-accent:#8b5cf6;--j3-accent2:#ec4899;--j3-source-orange:#ff6b35;--j3-source-pink:#ec4899;--j3-source-purple:#8b5cf6;--j3-source-green:#10b981;--j3-source-orange-rgb:255,107,53;--j3-source-pink-rgb:236,72,153;--j3-source-green-rgb:16,185,129;--j3-source-accent-rgb:139,92,246;}
body.j3-page[data-j3-page="ai-business-telephony"] {--j3-accent:#06b6d4;--j3-accent2:#10b981;--j3-source-orange:#ff6b35;--j3-source-pink:#ec4899;--j3-source-purple:#8b5cf6;--j3-source-green:#10b981;--j3-source-orange-rgb:255,107,53;--j3-source-pink-rgb:236,72,153;--j3-source-green-rgb:16,185,129;--j3-source-accent-rgb:6,182,212;}
body.j3-page[data-j3-page="ai-crm"] {--j3-accent:#1d4ed8;--j3-accent2:#38bdf8;--j3-source-orange:#38bdf8;--j3-source-pink:#ec4899;--j3-source-purple:#8b5cf6;--j3-source-green:#10b981;--j3-source-orange-rgb:56,189,248;--j3-source-pink-rgb:236,72,153;--j3-source-green-rgb:16,185,129;--j3-source-accent-rgb:29,78,216;}
body.j3-page[data-j3-page="esim-fmc"] {--j3-accent:#10b981;--j3-accent2:#04786e;--j3-source-orange:#ff6b35;--j3-source-pink:#ec4899;--j3-source-purple:#8b5cf6;--j3-source-green:#10b981;--j3-source-orange-rgb:255,107,53;--j3-source-pink-rgb:236,72,153;--j3-source-green-rgb:16,185,129;--j3-source-accent-rgb:16,185,129;}
body.j3-page[data-j3-page="ai-lead-qualification"] {--j3-accent:#818cf8;--j3-accent2:#c4b5fd;--j3-source-orange:#818cf8;--j3-source-pink:#c4b5fd;--j3-source-purple:#c4b5fd;--j3-source-green:#10b981;--j3-source-orange-rgb:129,140,248;--j3-source-pink-rgb:196,181,253;--j3-source-green-rgb:16,185,129;--j3-source-accent-rgb:129,140,248;}
body.j3-page[data-j3-page="ai-receptionist"] {--j3-accent:#3b82f6;--j3-accent2:#38bdf8;--j3-source-orange:#3b82f6;--j3-source-pink:#38bdf8;--j3-source-purple:#6366f1;--j3-source-green:#06b6d4;--j3-source-orange-rgb:59,130,246;--j3-source-pink-rgb:56,189,248;--j3-source-green-rgb:6,182,212;--j3-source-accent-rgb:59,130,246;}
body.j3-page[data-j3-page="ai-appointment-automation"] {--j3-accent:#0d9488;--j3-accent2:#06b6d4;--j3-source-orange:#0d9488;--j3-source-pink:#06b6d4;--j3-source-purple:#8b5cf6;--j3-source-green:#10b981;--j3-source-orange-rgb:13,148,136;--j3-source-pink-rgb:6,182,212;--j3-source-green-rgb:16,185,129;--j3-source-accent-rgb:13,148,136;}
body.j3-page[data-j3-page="ai-analytics"] {--j3-accent:#8b5cf6;--j3-accent2:#38bdf8;--j3-source-orange:#8b5cf6;--j3-source-pink:#38bdf8;--j3-source-purple:#6366f1;--j3-source-green:#06b6d4;--j3-source-orange-rgb:139,92,246;--j3-source-pink-rgb:56,189,248;--j3-source-green-rgb:6,182,212;--j3-source-accent-rgb:139,92,246;}
body.j3-page[data-j3-page="demo-barbershop"] {--j3-accent:#b8925a;--j3-accent2:#dcc5a0;--j3-source-orange:#b8925a;--j3-source-pink:#dcc5a0;--j3-source-purple:#8b5cf6;--j3-source-green:#10b981;--j3-source-orange-rgb:184,146,90;--j3-source-pink-rgb:220,197,160;--j3-source-green-rgb:16,185,129;--j3-source-accent-rgb:184,146,90;}
body.j3-page[data-j3-page="demo-real-estate"] {--j3-accent:#2fae84;--j3-accent2:#8fd9bd;--j3-source-orange:#2fae84;--j3-source-pink:#8fd9bd;--j3-source-purple:#8b5cf6;--j3-source-green:#10b981;--j3-source-orange-rgb:47,174,132;--j3-source-pink-rgb:143,217,189;--j3-source-green-rgb:16,185,129;--j3-source-accent-rgb:47,174,132;}

/* Resolve aliases locally: custom properties inherited from :root otherwise
   retain the wrong page's resolved values inside functional components. */
body.j3-page,body.j3-page .j3-functional {
 --j3-accent-text:var(--j3-accent);
 --orange:var(--j3-source-orange);--pink:var(--j3-source-pink);
 --purple:var(--j3-source-purple);--green:var(--j3-source-green);
 --cyan:#06b6d4;--blue:#3b82f6;--teal:#0d9488;--gold:#f59e0b;--red:#ef4444;
 --accent:var(--j3-accent);--accent2:var(--j3-accent2);
 --orange-rgb:var(--j3-source-orange-rgb);--pink-rgb:var(--j3-source-pink-rgb);
 --green-rgb:var(--j3-source-green-rgb);--accent-rgb:var(--j3-source-accent-rgb);
}
/* These gradients match the original page-specific heading treatments. */
body.j3-page[data-j3-page=ai-lead-qualification] {--j3-heading-start:#6366f1;--j3-heading-end:#7c3aed;}
body.j3-page[data-j3-page=ai-analytics] {--j3-heading-start:#7c3aed;--j3-heading-end:#38bdf8;}
html[data-theme=light] body.j3-page[data-j3-page=ai-analytics] {--j3-heading-start:#6d28d9;--j3-heading-end:#0ea5e9;}
body.j3-page[data-j3-page=ai-receptionist] {--j3-heading-start:#1d4ed8;--j3-heading-end:#38bdf8;}
html[data-theme=light] body.j3-page[data-j3-page=ai-receptionist] {--j3-heading-start:#1e40af;--j3-heading-end:#0ea5e9;}
html body.j3-page :is(.g,.grad,.grad-alt,.text-gradient),
html body.j3-page .j3-section-cta :is(.g,.grad),
html:not([data-theme=dark]) body.j3-page .j3-section-cta :is(.g,.grad),
html body.j3-page[data-j3-page=pricing] h1 span {
 color:var(--j3-accent);
 background-image:linear-gradient(135deg,var(--j3-heading-start),var(--j3-heading-end));
 background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;
}
html body.j3-page :is(.case-dept,.p-big,.card-heading .eyebrow,.step-number) {color:var(--j3-accent);}
html body.j3-page .j3-section-cta {
 --j3-white:#1c1c30;--j3-paper:#0d0d1a;--j3-ink:#f8f7fc;
 --j3-muted:#c4c4d5;--j3-line:#414159;--j3-accent-text:var(--j3-accent);
}
body.j3-page :is(.jl-cc-ai-title,.jl-cc-highlight-title) {color:var(--j3-positive-text);}
/* Download remains the brand orange on every page, in both modes. */
body #nav.j3-header .nav-dl.j3-download,
body.j3-page .cta.cta-call {background:var(--j3-brand);border-color:var(--j3-brand);color:#fff;}
body #nav.j3-header .nav-dl.j3-download:hover,
body.j3-page .cta.cta-call:hover {background:#ff5722;border-color:#ff5722;}
body.j3-page .j3-section-cta :is(.cta-stat-n,.cta-step-n,.cta-step-num,.cta-stat-icon) {color:var(--j3-accent);}
body.j3-page .j3-section-cta :is(.btn-main,.btn-primary,.btn-submit) {background:var(--j3-brand);color:#fff;}
body.j3-page #jl-footer {--orange:var(--j3-brand);}
body.j3-page #jl-footer :is(.jlf-links a,.jlf-col a.jlf-on):hover {color:var(--j3-brand);}
body.j3-page #efficiency-leak :is(.uc-resolution-label,.j3-unified-promise::before) {color:var(--j3-brand);}
body.j3-page #efficiency-leak .uc-resolution::before {background:var(--j3-brand);}
body.j3-page .jl-cc-bar-routine {background:var(--j3-brand);}
body.j3-page .jl-cc-bar-productive {background:#10b981;}
body.j3-page :is(.preset-popular-tag,.calc-module-badge) {background:var(--j3-accent);}
body.j3-page .pricing-page .calc-module-badge {background:var(--j3-white);}

/* Dark illustration surrounds use the same surfaces as their SVG scenes. */
html[data-theme=dark] body.j3-page .j3-home-feature-story#messenger .prd-img .img-ph-clip{background:#231c34}
html[data-theme=dark] body.j3-page #esim-intro .prd-img{background:#1a1b2c;color:var(--j3-ink)}
html[data-theme=dark] body.j3-page #esim-intro .prd-img .j3-product-note{color:var(--j3-ink);border-color:#3a3e56}
html[data-theme=dark] body.j3-page #esim-intro .prd-img .j3-product-note :is(strong,.pb-card-val,[data-i18n]){color:var(--j3-ink)}
html[data-theme=dark] body.j3-page #esim-intro .prd-img .j3-product-note :is(.pb-card-lbl,.pb-meta-muted){color:#c0c6d8}
html[data-theme=dark] body.j3-page :is(#esim-intro,#telephony) .prd-img{--j3-ink:#f8f7fc;--j3-muted:#c0c6d8;--j3-line:#3a3e56}
html[data-theme=dark] body.j3-page #telephony .prd-img{background:#1c2031}
html[data-theme=dark] body.j3-page :is(.results-media-card,.j3-post-card__media){background:#1c1d32;color:#f8f7fc}

/* Illustration frames stand on their own: no external blobs or blurred glows. */
body.j3-page :is(.j3-hero-art,.img-ph,.hero-img-wrap,.fcat-img)::before{content:none;display:none}
body.j3-page .number-art::after{content:none;display:none}
/* Resolution cards belong to the active theme, including their own text colors. */
html[data-theme=dark] body.j3-page #efficiency-leak .j3-leak-solution{background:none;border-color:var(--j3-line)}
html[data-theme=dark] body.j3-page #efficiency-leak .j3-leak-solution-label{color:var(--j3-accent-text)}
html[data-theme=dark] body.j3-page #efficiency-leak .uc-resolution-item strong{color:var(--j3-ink)}
html[data-theme=dark] body.j3-page #efficiency-leak .uc-resolution-item span{color:var(--j3-muted)}
html[data-theme=dark] body.j3-page #efficiency-leak .j3-leak-scene img{background:#1c1c30}
html[data-theme=dark] body.j3-page .results-media-card{background:#1c1d32!important;border-color:var(--j3-line)!important}