/* company-refinement.css */
/* Company surfaces share explicit text colors in both themes. */
body.j3-page:is([data-j3-page="about"],[data-j3-page="investors"],[data-j3-page="partner-program"],[data-j3-page="reviews"]) {
  --j3-muted: #535066;
  --company-accent-text: var(--j3-accent);
  --company-success-text: var(--j3-positive-text);
  --company-chart-secondary: #ec4899;
}
html[data-theme="dark"] body.j3-page:is([data-j3-page="about"],[data-j3-page="investors"],[data-j3-page="partner-program"],[data-j3-page="reviews"]) {
  --j3-muted: #c1bfd0;
  --company-accent-text: var(--j3-accent);
  --company-success-text: var(--j3-positive-text);
  --company-chart-secondary: #ec4899;
}
body.j3-page:is([data-j3-page="about"],[data-j3-page="investors"],[data-j3-page="partner-program"]) .j3-functional {
  --orange: var(--company-accent-text);
  --accent: var(--company-accent-text);
  --accent2: var(--j3-accent2);
}
body.j3-page:is([data-j3-page="about"],[data-j3-page="investors"],[data-j3-page="partner-program"]) :is(.wf-stage,.gtm-when,.ms-item b,.p-step-num,.p-tag,.price-name,.price-val) {
  color: var(--company-accent-text);
}
body.j3-page:is([data-j3-page="investors"],[data-j3-page="partner-program"]) #cta {
  --j3-ink: #f8f7fc;
  --j3-muted: #c8c6d6;
  --j3-white: #1c1c30;
  --j3-line: #4e496d;
}
body.j3-page[data-j3-page="partner-program"] :is(#pb-chip,.est-card--res .est-kick,.est-rate-pill) {color:var(--company-success-text);}
body.j3-page[data-j3-page="partner-program"] .est-card--ref .est-kick {color:var(--company-accent-text);}
body.j3-page[data-j3-page="partner-program"] .tier-step.active {background:var(--j3-ink);border-color:var(--j3-ink);color:var(--j3-paper);}
body.j3-page[data-j3-page="partner-program"] .tier-step.active :is(b,span) {color:inherit;}
body.j3-page[data-j3-page="investors"] .chart-sub span:first-child {color:var(--company-accent-text)!important;}
body.j3-page[data-j3-page="investors"] .chart-sub span:last-child {color:var(--company-chart-secondary)!important;}
/* Keep titles distinct from their descriptions and align the repeated cards. */
body.j3-page[data-j3-page="partner-program"] .perk {padding:28px;gap:18px;align-items:flex-start;border-radius:20px;}
body.j3-page[data-j3-page="partner-program"] .perk > div {min-width:0;}
body.j3-page[data-j3-page="partner-program"] .perk strong {display:block;margin:0 0 10px;font-size:18px;line-height:1.35;color:var(--j3-ink);}
body.j3-page[data-j3-page="partner-program"] .perk span {display:block;font-size:14px;line-height:1.75;color:var(--j3-muted);}
body.j3-page[data-j3-page="partner-program"] .p-step {padding:26px;}
body.j3-page[data-j3-page="partner-program"] .p-step h3 {min-height:2.6em;margin-bottom:14px;}
body.j3-page[data-j3-page="partner-program"] .p-step p {margin:0;}
body.j3-page[data-j3-page="partner-program"] #cta .cta-step {align-items:flex-start;}
body.j3-page[data-j3-page="partner-program"] #cta .cta-step-text {min-width:0;}
body.j3-page[data-j3-page="partner-program"] .pb-payout-sub {line-height:1.75;}
body.j3-page[data-j3-page="partner-program"] .pb-stats {gap:20px;}
/* The investor summary uses the full panel, with details beside the amount. */
body.j3-page[data-j3-page="investors"] .j3-hero-support {width:100%;max-width:none;}
body.j3-page[data-j3-page="investors"] .j3-hero-support > .j3-functional {width:100%;}
body.j3-page[data-j3-page="investors"] .round-card {
  display:grid;grid-template-columns:1fr 1fr;gap:18px 48px;
  padding:36px;border-radius:24px;
}
body.j3-page[data-j3-page="investors"] .round-card-head {grid-column:1;grid-row:1;display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:0;}
body.j3-page[data-j3-page="investors"] .round-card > p {grid-column:1;grid-row:2;margin:0;line-height:1.75;max-width:500px;}
body.j3-page[data-j3-page="investors"] .round-chips {grid-column:1;grid-row:3;display:flex;flex-wrap:wrap;gap:8px;margin:0;}
body.j3-page[data-j3-page="investors"] .round-facts-mini {grid-column:2;grid-row:1/4;display:grid;align-content:center;gap:16px;border-top:0;border-left:1px solid var(--j3-line);padding:0 0 0 32px;margin:0;}
body.j3-page[data-j3-page="investors"] .round-facts-mini > div {line-height:1.6;}
body.j3-page[data-j3-page="investors"] .round-facts-mini svg {flex-shrink:0;}
body.j3-page[data-j3-page="investors"] .wf-bullets {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:28px;}
body.j3-page[data-j3-page="investors"] .wf-b {display:flex;align-items:flex-start;gap:12px;padding-top:20px;border-top:1px solid var(--j3-line);}
body.j3-page[data-j3-page="investors"] .wf-b p {margin:0;font-size:14px;line-height:1.75;}
body.j3-page[data-j3-page="investors"] .wf-b p b {display:block;margin-bottom:8px;color:var(--j3-ink);}
body.j3-page[data-j3-page="investors"] .dr-note {display:flex;align-items:flex-start;gap:14px;}
body.j3-page[data-j3-page="investors"] .dr-note p {margin:0;}
body.j3-page[data-j3-page="investors"] #cta .cta-inner {text-align:center;}
body.j3-page[data-j3-page="investors"] #cta .cta-steps {margin:28px 0;gap:18px;}
body.j3-page[data-j3-page="investors"] #cta .cta-step {align-items:center;text-align:left;padding:20px;border:1px solid var(--j3-line);border-radius:16px;background:var(--j3-white);}
body.j3-page[data-j3-page="investors"] #cta .cta-step-num {line-height:1;}
body.j3-about .about-split {grid-template-columns:.72fr 1.28fr;gap:48px;}
/* The story follows the same page grid as the hero and the issue cards. */
body.j3-about .about-story {
  display:grid;grid-template-columns:.85fr 1.15fr;gap:64px;
  max-width:none;margin:0 0 40px;padding:40px 0 0;
  border-top:1px solid var(--j3-line);align-items:start;
}
body.j3-about .about-story .about-lede {
  margin:0;font-size:clamp(24px,2.2vw,30px);line-height:1.5;
  letter-spacing:-.025em;color:var(--j3-ink);font-weight:650;
}
body.j3-about .about-story .about-story-side {
  margin:0;font-size:18px;line-height:1.85;color:var(--j3-muted);
}
body.j3-about .about-kicker {
  max-width:none;margin:0 0 56px;padding:28px 32px;
  border-left:3px solid var(--j3-accent);border-radius:0 18px 18px 0;
  background:var(--j3-sage);font-size:18px;line-height:1.8;text-align:left;
}
body.j3-about .about-issues-intro {max-width:none;margin:0 0 24px;text-align:left;}
body.j3-about .about-closing {max-width:none;margin:32px 0 40px;font-size:20px;line-height:1.8;}
body.j3-about .about-cta .cta-stores {display:flex;gap:12px;}
/* Form placeholders and the author note remain legible in both themes. */
body.j3-page:is([data-j3-page="about"],[data-j3-page="investors"],[data-j3-page="partner-program"]) #jl-modal-box :is(input,textarea)::placeholder {color:var(--j3-muted);opacity:1;}
body.j3-page:is([data-j3-page="about"],[data-j3-page="investors"],[data-j3-page="partner-program"]) #jl-modal-box strong {color:var(--company-accent-text);}
@media(max-width:1000px){
  body.j3-page[data-j3-page="partner-program"] .perk-grid {grid-template-columns:repeat(2,minmax(0,1fr));}
  body.j3-page[data-j3-page="investors"] .round-card {gap:20px 28px;padding:28px;}
}
@media(max-width:760px){
  body.j3-page[data-j3-page="investors"] .round-card {grid-template-columns:1fr;gap:20px;padding:24px;}
  body.j3-page[data-j3-page="investors"] .round-card > :is(.round-card-head,p,.round-chips,.round-facts-mini) {grid-column:auto;grid-row:auto;}
  body.j3-page[data-j3-page="investors"] .round-facts-mini {border-left:0;border-top:1px solid var(--j3-line);padding:20px 0 0;}
  body.j3-page[data-j3-page="investors"] .wf-bullets {grid-template-columns:1fr;gap:18px;}
  body.j3-page[data-j3-page="investors"] #cta .cta-steps {grid-template-columns:1fr;}
  body.j3-page[data-j3-page="partner-program"] .perk-grid {grid-template-columns:1fr;}
  body.j3-page[data-j3-page="partner-program"] .perk {padding:24px;}
  body.j3-page[data-j3-page="partner-program"] .p-step h3 {min-height:0;}
  body.j3-about .about-split {grid-template-columns:1fr;gap:24px;}
  body.j3-about .about-story {grid-template-columns:1fr;gap:24px;padding-top:28px;margin-bottom:28px;}
  body.j3-about .about-story .about-story-side {font-size:17px;line-height:1.8;}
  body.j3-about .about-kicker {padding:22px 24px;margin-bottom:36px;font-size:17px;}
  body.j3-about .about-closing {font-size:18px;}
  body.j3-about .about-cta {padding:24px;}
  body.j3-about .about-cta .cta-stores {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;}
}
html[data-theme="light"] body.j3-page:is([data-j3-page="about"],[data-j3-page="investors"],[data-j3-page="partner-program"]) .jlw-teaser-cta {color:#312a5f;}
/* Decorative hero shapes must not widen the page at tablet breakpoints. */
body.j3-page:is([data-j3-page="investors"],[data-j3-page="partner-program"]) .j3-hero {overflow:clip;}
body.j3-page[data-j3-page="investors"] .p-card .p-big {font-size:clamp(30px,3.1vw,40px);}
body.j3-page:is([data-j3-page="about"],[data-j3-page="investors"],[data-j3-page="partner-program"]) #jl-modal-box .jl-t-avatar {background:var(--j3-ink);color:var(--j3-paper);}
@media(max-width:1000px){
  body.j3-page:is([data-j3-page="investors"],[data-j3-page="partner-program"]) .p-grid-3 {grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:760px){
  body.j3-page:is([data-j3-page="investors"],[data-j3-page="partner-program"]) .p-grid-3 {grid-template-columns:1fr;}
}
@media(min-width:761px) and (max-width:1000px){
  body.j3-page:is([data-j3-page="investors"],[data-j3-page="partner-program"]) .j3-hero-frame {grid-template-columns:1fr;gap:36px;}
  body.j3-page:is([data-j3-page="investors"],[data-j3-page="partner-program"]) .j3-hero-art {width:100%;max-width:700px;margin-inline:auto;}
}
/* About: one type scale for the whole story (hero sub 20 / lede 18 semibold / body 17 / cards 20-15 / belief 18). No oversized paragraphs. */
body.j3-about .j3-about-copy .about-sub {font-size:20px;line-height:1.65;}
body.j3-about .about-story .about-lede {font-size:18px;line-height:1.7;font-weight:600;letter-spacing:0;}
body.j3-about .about-story .about-story-side,
body.j3-about .about-kicker,
body.j3-about .about-issues-intro,
body.j3-about .about-split-body p,
body.j3-about .about-closing {font-size:17px;line-height:1.75;}
body.j3-about .about-issues-intro {font-weight:700;color:var(--j3-ink);}
body.j3-about .about-issue-card h3 {font-size:20px;margin-bottom:12px;}
body.j3-about .about-issue-card p {font-size:15px;line-height:1.7;}
body.j3-about .about-section-title {font-size:clamp(32px,3vw,40px);line-height:1.12;}
body.j3-about .about-belief p {font-size:18px;line-height:1.7;}
@media(max-width:760px){
  body.j3-about .about-story .about-lede {font-size:17px;}
  body.j3-about .about-story .about-story-side, body.j3-about .about-kicker, body.j3-about .about-issues-intro, body.j3-about .about-split-body p, body.j3-about .about-closing {font-size:16px;}
  body.j3-about .about-section-title {font-size:30px;}
  body.j3-about .about-belief p {font-size:17px;}
}

/* motion.css */
/* Motion changes paint only; the approved page geometry stays intact. */
@keyframes j3-menu-arrive {from{opacity:0;translate:0 -5px}to{opacity:1;translate:0 0}}
@media(prefers-reduced-motion:no-preference) {
  .j3-page .j3-nav-group[open] > .j3-nav-panel {animation:j3-menu-arrive .2s ease-out both;}
  .j3-page .j3-nav-panel a {transition:background-color .18s,color .18s;}
  .j3-page :is(.btn-main,.btn-primary,.btn-out,.btn-watch,.nav-dl,.nav-cta) {
    transition:background-color .2s,border-color .2s,color .2s,box-shadow .2s,transform .2s;
  }
  .j3-page :is(.btn-main,.btn-primary,.btn-out) > svg {transition:translate .2s;}
  .j3-page :is(.btn-main,.btn-primary,.btn-out):hover > svg {translate:2px 0;}
  .j3-page .btn-watch-circle {transition:background-color .2s,transform .2s;}
  .j3-page .btn-watch:hover .btn-watch-circle {transform:scale(1.08);}
  .j3-page :is(.btn-main,.btn-primary,.btn-watch):active {transform:translateY(1px);}
  .j3-page :is(.faq-a,.faq-body,.facc-body) {transition:max-height .3s cubic-bezier(.22,.75,.2,1);}
  .j3-page :is(.faq-ico-wrap,.faq-toggle) {transition:background-color .2s,border-color .2s;}
  .j3-page :is(.faq-arrow,.faq-icon,.facc-icon) {transition:transform .3s cubic-bezier(.22,.75,.2,1);}
  .j3-page #roi :is(.jl-cc-bar-productive,.jl-cc-bar-routine) {transition:width .3s ease-out;}
}
@media(prefers-reduced-motion:reduce) {
  .j3-page .j3-nav-group[open] > .j3-nav-panel {animation:none;}
  .j3-page :is(.btn-main,.btn-primary,.btn-out):hover > svg {translate:none;}
  .j3-page .btn-watch:hover .btn-watch-circle {transform:none;}
}

/* Shared interaction language: only actionable surfaces lift. */
@media(prefers-reduced-motion:no-preference){
 body.j3-page :is(.cta-demo-btn,.btn-call-micro,.cta-cross-link,.sol-card,.j3-post-card__link,.ftab-btn,.cases-tab-btn,.region-btn,.calc-preset-btn,.faq-q,.facc-hd,.lang-btn,.j3-mobile-groups a){transition:translate .22s ease,box-shadow .22s ease,border-color .22s ease,background-color .22s ease,color .22s ease}
 body.j3-page :is(.j3-post-card__arrow,.sol-card-link svg,.cta-cross-link svg,.fcat-link svg){transition:translate .22s ease}
 body.j3-page :is(.btn-main,.btn-primary,.btn-out,.cta-demo-btn,.nav-cta,.nav-dl):active{translate:0 1px}
 body.j3-page input:not([type=range]):not([type=checkbox]):not([type=radio]):not([type=hidden]),body.j3-page :is(textarea,select){transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease}
 body.j3-page input:not([type=range]):not([type=checkbox]):not([type=radio]):focus-visible,body.j3-page :is(textarea,select):focus-visible{border-color:var(--j3-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--j3-accent) 16%,transparent)}
 body.j3-page :is(.cmpv-col,.price-card,.calc-card):focus-within{border-color:var(--j3-accent)}
 body.j3-page :is(.j3-post-card__link,.cta-cross-link,.sol-card):focus-within :is(.j3-post-card__arrow,.sol-card-link svg){translate:3px 0}
}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
 body.j3-page :is(.btn-main,.btn-primary,.btn-out,.cta-demo-btn,.nav-cta,.nav-dl):hover{translate:0 -2px;box-shadow:0 5px 14px #102d3520}
 body.j3-page :is(a.cta-cross-link,a.sol-card,.sol-card:has(a[href]),a.country-card,.j3-post-card__link):hover{translate:0 -3px}
 body.j3-page :is(.j3-post-card__link,.sol-card,.cta-cross-link,.fcat-link):hover :is(.j3-post-card__arrow,.sol-card-link svg,.cta-cross-link svg,.fcat-link svg){translate:3px 0}
 body.j3-page :is(.ftab-btn,.cases-tab-btn,.region-btn,.calc-preset-btn):hover{border-color:var(--j3-accent);box-shadow:inset 0 -2px 0 var(--j3-accent)}
 body.j3-page :is(.faq-q,.facc-hd):hover{background-color:color-mix(in srgb,var(--j3-accent) 7%,transparent)}
 body.j3-page :is(.j3-nav-panel a,.j3-mobile-groups a,.lang-btn):hover{color:var(--j3-accent)}
 body.j3-page #jl-footer a:hover{color:var(--j3-accent);text-decoration:underline;text-underline-offset:4px}
}
@media(prefers-reduced-motion:reduce){
 body.j3-page *,body.j3-page *::before,body.j3-page *::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
}

/* Feature descriptions gently advance without changing the document layout. */
@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference) {
  body.j3-page :is(.feat-card,.fcat-item,.hl-card,.why-card,.sec-block,.benefit,.sol-card,.pipeline-step,.p-card,.p-step,.feature-card,.feature-item,.related-card,.facc-item,.rights-card,.compliance-block-item,.uc-resolution-item) {
    position:relative;
    transform-origin:center;
    transition:scale .24s cubic-bezier(.2,.7,.2,1),translate .24s cubic-bezier(.2,.7,.2,1),box-shadow .24s ease,border-color .24s ease,background-color .24s ease;
  }
  body.j3-page :is(.feat-card,.fcat-item,.hl-card,.why-card,.sec-block,.benefit,.sol-card,.pipeline-step,.p-card,.p-step,.feature-card,.feature-item,.related-card,.facc-item,.rights-card,.compliance-block-item,.uc-resolution-item):is(:hover,:focus-within) {
    scale:1.025;
    translate:0 -4px;
    z-index:2;
    border-color:color-mix(in srgb,var(--j3-accent) 45%,var(--j3-line));
  }
  body.j3-page :is(.hl-card,.why-card,.sec-block,.benefit,.sol-card,.p-card,.feature-card,.related-card,.rights-card):is(:hover,:focus-within) {
    box-shadow:0 12px 28px -14px color-mix(in srgb,var(--j3-ink) 22%,transparent);
  }
}

/* Flat editorial rows need a surface gutter when they lift. Negative margins
   preserve their original text alignment and available reading width. */
@media (min-width:761px) and (hover:hover) and (pointer:fine) {
  body.j3-page .j3-section .why-cards > .why-card {
    padding-inline:16px;
    margin-inline:-16px;
    overflow:visible;
  }
  body.j3-page .j3-highlights > .hl-card {
    padding-left:12px;
    margin-left:-12px;
    overflow:visible;
  }
  body.j3-page #results .results-stack .benefits-grid > .benefit {
    padding-inline:8px;
    padding-bottom:12px;
    margin-inline:-8px;
    margin-bottom:-12px;
    overflow:visible;
  }
}
@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference) {
  /* The pipeline clips its own raised first/last steps unless this is explicit. */
  body.j3-page .j3-functional .pipeline-steps {overflow:visible;}
  body.j3-page :is(.why-card,.hl-card,.benefit):is(:hover,:focus-within) {
    border-radius:12px;
  }
  body.j3-page :is(.hl-card,.benefit):is(:hover,:focus-within) {
    scale:1.015;
  }
}

/* Animation gate (site.js): blocks that have left the viewport, and the whole page while the tab is
   hidden, keep their animations frozen; they resume where they stopped when back on screen. */
[data-j3-offscreen],[data-j3-offscreen] *,[data-j3-offscreen] *::before,[data-j3-offscreen] *::after,
html[data-j3-hidden] *,html[data-j3-hidden] *::before,html[data-j3-hidden] *::after{animation-play-state:paused!important}

/* contrast.css */
/* Keep text/background pairs together, including legacy functional islands. */
:root {--j3-accent-text:var(--j3-accent);--j3-positive-text:#373067;--j3-negative-text:#aa3737;--j3-muted:#56566b;}
html[data-theme=dark] {--j3-accent-text:#ff6b35;--j3-positive-text:#aca6d4;--j3-negative-text:#ffa7a7;}

/* Menus must resolve their colors again when the theme changes. */
body #nav.j3-header .j3-nav-panel a,
body .j3-menu-drawer .j3-mobile-groups a {color:var(--j3-ink);transition:none;}
body #nav.j3-header .j3-nav-panel a:is(:hover,:focus-visible,[aria-current=page]),
body .j3-menu-drawer .j3-mobile-groups a:is(:hover,:focus-visible,[aria-current=page]) {color:var(--j3-accent-text);background:var(--j3-sage);}
body #nav.j3-header .nav-dl.j3-download {background:var(--j3-brand);border-color:var(--j3-brand);color:#fff;}
body #nav.j3-header .nav-dl.j3-download:hover {background:#ff5722;border-color:#ff5722;}
body #nav.j3-header .nav-dl.j3-download :is(span,svg) {color:#fff;}
body #jl-footer .j3-motion-toggle {color:#bdbdcd;}

/* CTA bands stay dark in either theme; their cards need the same local palette. */
body.j3-page .j3-section-cta {
  --j3-white:#1c1c30;--j3-ink:#f8f7fc;--j3-muted:#c8c6d6;
  --j3-line:#4e496d;--j3-accent-text:var(--j3-accent);
}
body.j3-page .j3-section-cta .cta-step {color:var(--j3-ink);background:var(--j3-white);}
body.j3-page .j3-section-cta .cta-step-text {color:var(--j3-muted);}
body.j3-page .j3-section-cta .cta-step-text strong {color:var(--j3-ink);}

/* Orange text has a deeper shade on paper; filled orange buttons retain white text. */
body.j3-page :is(.sol-card-tag,.ann-k,.rc-kicker,.cal-footer strong,#compliance-label),
body.j3-page .dtab.is-on :is(.dtab-n,.dtab-p),
body.j3-page .dh--op .vmono {color:var(--j3-accent-text);}
html:not([data-theme=dark]) body.j3-page :is(.g,.grad) {color:var(--j3-accent);}
html body.j3-page .j3-section-cta :is(.g,.grad),
html:not([data-theme=dark]) body.j3-page .j3-section-cta :is(.g,.grad) {color:var(--j3-accent);}
body.j3-page #efficiency-leak :is(.j3-leak-solution-label,.uc-resolution-item span) {color:#4a4664;}
body.j3-page #esim-intro .prd-img .j3-product-note :is(.pb-card-lbl,.pb-meta-muted) {color:#494563;}
html:not([data-theme=dark]) body.j3-page #efficiency-leak .uc-card-stat {color:var(--j3-accent-text);}
body.j3-page .country-region {color:var(--j3-muted);}
html:not([data-theme=dark]) body .jlw-teaser-cta {color:#362f68;}

/* ROI: distinct readable labels on both pale panels and colored chart segments. */
body.j3-page .jl-cc-root {
  --jl-cc-ai-color:var(--j3-positive-text);--jl-cc-human-color:var(--j3-accent-text);
}
body.j3-page .jl-cc-prod-pct {color:var(--j3-positive-text);}
body.j3-page :is(.jl-cc-bar-productive,.jl-cc-bar-routine) {color:#08080f;}
body.j3-page .jl-cc-bar-routine {background:#c8895f;}
body.j3-page .jl-cc-tax-tag {color:#8f3e20;background:#ffe4db;}

/* Script-updated labels: keep IDs, values, backgrounds and interactions intact. */
html:not([data-theme=dark]) body.j3-page .prod-noise-badge {color:#594181;}
html:not([data-theme=dark]) body.j3-page .prod-stat--cost .prod-stat-n {color:var(--j3-negative-text);}
html:not([data-theme=dark]) body.j3-page :is(#lead-counter,.case-msg-tag--lead,.calc-cta-note) {color:#302a5c;}
/* The animated counter carries an inline color from the original page script. */
html:not([data-theme=dark]) body.j3-page #lead-counter {color:#302a5c!important;}
html:not([data-theme=dark]) body.j3-page .case-badge {color:#264f78;}
html:not([data-theme=dark]) body.j3-page .case-msg-tag--filter {color:var(--j3-negative-text);}
body.j3-page .prod-seg--faq .prod-seg-lbl,
body.j3-page .prod-seg--lead .prod-seg-lbl,
body.j3-page .prod-seg--book .prod-seg-lbl {color:#08080f;}
body.j3-page[data-j3-page="ai-lead-qualification"] .prod-seg--wrong .prod-seg-lbl {color:#08080f;}
body.j3-page:not(.pricing-page) :is(.calc-preset-btn.active,.calc-mod-price-val,.calc-total-val) {color:var(--j3-accent-text);}
body.j3-page:not(.pricing-page) .calc-usage-free {background:#2e2858;color:#fff;}
body.j3-page :is(.book-phone-kicker,.book-phone-sep) {color:var(--j3-muted);}
body.j3-page .prod-seg--spam {background:#bb3535;}
body.j3-page .prod-seg--spam .prod-seg-lbl,
body.j3-page .prod-seg--other .prod-seg-lbl,
body.j3-page[data-j3-page="ai-appointment-automation"] .prod-seg--faq .prod-seg-lbl {color:#fff;}
body.j3-page #filter-counter {color:var(--j3-negative-text)!important;}
html[data-theme=dark] body.j3-page :is(.prod-noise-badge,.case-msg-tag--filter) {color:var(--j3-negative-text);}
html[data-theme=dark] body.j3-page .case-msg-tag--lead {color:var(--j3-positive-text);}
body.j3-page:not(.pricing-page) .calc-preset-btn.active {color:var(--j3-accent-text);}
body.j3-page:not(.pricing-page) :is(.preset-popular-tag,.calc-module-badge) {color:#fff;background:var(--j3-accent);}
body.j3-page :is(.dv--jl b,.dh--jl b,.switch-num) {color:var(--j3-accent-text);}
body.j3-page .cta.cta-call {color:#fff;background:var(--j3-brand);}
body.j3-page .cta.cta-call:hover {background:#ff5722;}
body.j3-page :is(input,textarea)::placeholder {color:var(--j3-muted);opacity:1;}
/* Transient calculator notices also need a complete color pair. */
body.j3-page .calc-fly-badge.pos {background:#e8e7f0;color:#2e2858;}
body.j3-page .calc-fly-badge.neg {background:#fff0e3;color:#8f3e20;}

/* original-palette.css */
/* 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}

/* artwork-open.css */
/* Artwork is part of the page, without a second panel or clipping frame. */
body.j3-page :is(.j3-hero-art,.j3-feature-art,.prd-img,.fcat-img,.img-ph,.img-ph-clip,.results-showcase,.j3-leak-scene):has(img[src*="/illustrations/"]){background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:0!important;overflow:visible!important}
body.j3-page img[src*="/illustrations/"]{background:transparent!important;border-radius:0!important;box-shadow:none!important;clip-path:none!important}
body.j3-page :is(.j3-hero-art,.j3-feature-art,.prd-img,.fcat-img,.img-ph,.img-ph-clip):has(img[src*="/illustrations/"])::before,
body.j3-page :is(.j3-hero-art,.j3-feature-art,.prd-img,.fcat-img,.img-ph,.img-ph-clip):has(img[src*="/illustrations/"])::after{content:none!important}
body.j3-page[data-j3-page="home-page"] #esim-intro .prd-img{max-width:560px}
body.j3-page[data-j3-page="home-page"] #esim-intro .prd-img img{max-height:none}

/* Balance adjacent content and artwork without stretching or clipping the scenes. */
body.j3-page .results-media-card:has(img[src*="/illustrations/"]){background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:0!important;overflow:visible!important}
body.j3-page .results-media-card img[src*="/illustrations/"]{display:block;height:auto;max-height:none}
@media(min-width:1201px){
  body.j3-page .j3-feature-story:not(.j3-home-feature-story):not([data-feature-count="4"]) .j3-feature-index{row-gap:20px}
  body.j3-page .j3-feature-story:not(.j3-home-feature-story):not([data-feature-count="4"]) .j3-feature-index > .fcat-item{padding-top:14px}
  body.j3-page .j3-feature-story:not(.j3-home-feature-story):not([data-feature-count="4"]) .j3-feature-index > .fcat-item::before{margin-bottom:8px}
  body.j3-page .j3-feature-story:not(.j3-home-feature-story):not([data-feature-count="4"]) .j3-feature-index .fcat-item-title{margin-bottom:8px}
  body.j3-page .j3-feature-story:not(.j3-home-feature-story):not([data-feature-count="4"]) .j3-feature-index .fcat-item-desc{line-height:1.65}
  body.j3-page .j3-feature-story:not(.j3-home-feature-story) .j3-section-frame > .fcat-img{width:calc(100% + clamp(16px,calc((100vw - 1100px)*.18),56px));max-width:660px}
  body.j3-page .j3-feature-story[data-feature-count="4"] .j3-section-frame > .fcat-img{width:100%;max-width:520px}
  body.j3-page #results .results-media-col{max-width:440px}
  body.j3-page[data-j3-page="home-page"] #esim-intro .j3-detail-layout{grid-template-columns:repeat(2,minmax(0,1fr));gap:48px}
  body.j3-page[data-j3-page="home-page"] #esim-intro .prd-img{max-width:none;width:100%}
  body.j3-page[data-j3-page="investors"] .j3-hero-art{width:calc(100% + 40px);max-width:none;justify-self:center}
}
/* Stack before either column becomes too narrow; keep the artwork at a useful size. */
@media(min-width:761px) and (max-width:1200px){
  body.j3-page .j3-feature-story > .j3-section-frame{grid-template-columns:1fr;gap:32px}
  body.j3-page .j3-feature-story .j3-section-frame > :is(.fcat-img,.prd-img){grid-column:1;grid-row:2;max-width:640px;width:100%}
  body.j3-page .j3-feature-story .j3-section-content{grid-column:1;grid-row:3}
}

/* Final collection: size the visible drawing, not its former 800x590 gallery canvas. */
body.j3-page[data-j3-page] #hero.j3-hero .j3-hero-art img{height:auto;max-height:none}
@media(min-width:1201px){
 body.j3-page .j3-feature-story .j3-section-frame > :is(.fcat-img,.prd-img){width:calc(100% + 48px);max-width:680px;align-self:center}
 body.j3-page .j3-feature-story[data-feature-count="4"] .j3-section-frame > .fcat-img{width:100%;max-width:560px}
 body.j3-page:is([data-j3-page="ai-analytics"],[data-j3-page="ai-receptionist"],[data-j3-page="ai-lead-qualification"],[data-j3-page="ai-appointment-automation"]) #results > .j3-section-frame{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:48px}
 body.j3-page #results .results-media-col{width:100%;max-width:none}
 body.j3-page[data-j3-page="home-page"] #hero.j3-hero .j3-hero-art{width:calc(100% + 32px);max-width:none;justify-self:center}
 body.j3-page[data-j3-page="home-page"] #esim-intro .prd-img{width:calc(100% + 32px);max-width:660px;justify-self:center}
}
@media(min-width:761px) and (max-width:1200px){
 body.j3-page #results:has(.results-showcase) > .j3-section-frame{grid-template-columns:1fr;gap:32px}
 body.j3-page #results .results-media-col{grid-column:1;grid-row:2;width:100%;max-width:640px}
 body.j3-page #results .results-stack{grid-column:1;grid-row:3}
 body.j3-page #results:has(.results-showcase) .metrics-grid{grid-row:4}
}
/* Product and AI hero art supports the heading at a restrained, natural scale. */
body.j3-page:is([data-j3-page="ai-business-telephony"],[data-j3-page="ai-messenger"],[data-j3-page="ai-crm"],[data-j3-page="esim-fmc"],[data-j3-page="ai-analytics"],[data-j3-page="ai-appointment-automation"],[data-j3-page="ai-lead-qualification"],[data-j3-page="ai-receptionist"],[data-j3-page="ai-receptionist-comparison"]) #hero.j3-hero .j3-hero-art{width:100%;max-width:720px;margin-inline:auto}
@media(max-width:600px){
 body.j3-page:is([data-j3-page="ai-business-telephony"],[data-j3-page="ai-messenger"],[data-j3-page="ai-crm"],[data-j3-page="esim-fmc"],[data-j3-page="ai-analytics"],[data-j3-page="ai-appointment-automation"],[data-j3-page="ai-lead-qualification"],[data-j3-page="ai-receptionist"],[data-j3-page="ai-receptionist-comparison"]) #hero.j3-hero .j3-hero-art{max-width:280px}
}

/* Adjacent copy determines the drawing height; the SVG scales uniformly inside it. */
body.j3-page img.j3-context-fitted[src*="/illustrations/"]{height:var(--j3-context-height)!important;max-height:none!important;width:100%!important;object-fit:contain!important;object-position:center!important}
body.j3-page .j3-about-hero{min-height:0}

/* illustrations-live.css */
/* The image keeps its original size, responsive picture and accessible description. */
.j3-live-anchor{position:relative!important}
picture.j3-live-anchor{display:block}
.j3-live-scene{display:block!important;position:absolute!important;pointer-events:none!important;background:transparent!important;border:0!important;padding:0!important;margin:0!important;max-width:none!important;max-height:none!important;overflow:visible!important;line-height:0!important;z-index:1}
img.j3-live-image{opacity:0!important}
@media print{.j3-live-scene{display:none!important}img.j3-live-image{opacity:1!important}}

/* responsive-fixes.css */
/* Responsive fixes (audit 2026-09-18). Loaded last, after artwork-open / illustrations-live. */

/* 1. Home hero on phones: the illustration keeps its natural height. Earlier
   rules capped .j3-hero-art at max(220px, 100svh - 470px) while the <img>
   inside kept its aspect-ratio height, so on 568-740px tall phones the
   picture spilled over "Start with one module..." and the fact tiles. */
@media(max-width:900px){
 body.j3-page[data-j3-page="home-page"] #hero.j3-hero .j3-hero-art{max-height:none;display:block}
 body.j3-page[data-j3-page="home-page"] #hero.j3-hero .j3-hero-art :is(picture,img,svg){max-height:none;width:100%;height:auto}
}

/* 2. Home "Telephony" story on phones: illustration goes to row 2 under the
   heading (composition-finish.css forced grid-row:1, which is the heading row
   in the .j3-feature-story grid, so the phone artwork covered the title). */
@media(max-width:760px){
 .j3-page[data-j3-page="home-page"] #telephony .j3-section-frame > .prd-img{grid-row:2}
}

/* 3. Home hero fact tiles (3 columns) on narrow phones: smaller value type so
   "AI Active" / "AI активний" wraps inside its 88px cell instead of overflowing. */
@media(max-width:400px){
 body.j3-page[data-j3-page="home-page"] #hero .j3-product-note{padding:4px 6px}
 body.j3-page[data-j3-page="home-page"] #hero .j3-product-note :is(strong,div>span:first-child),
 body.j3-page[data-j3-page="home-page"] #hero .j3-product-note > span:not(.pb-meta-muted){font-size:16px}
 body.j3-page[data-j3-page="home-page"] #hero .j3-product-note :is(span,strong,div){overflow-wrap:anywhere;min-width:0}
}

/* 4. Final CTA stats: columns may shrink below their min-content width, long
   single words ("Безкоштовно") wrap instead of pushing the page wider. */
@media(max-width:760px){
 .j3-page .j3-section-cta .cta-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
 .j3-page .cta-stat{min-width:0}
 .j3-page .cta-stat :is(.cta-stat-n,.cta-stat-l,.cta-stat-d){overflow-wrap:break-word}
}
@media(max-width:480px){
 .j3-page .cta-stat .cta-stat-n{font-size:clamp(18px,5.5vw,30px)}
}

/* 7. Inline brand mark in the header: ring = page accent, wordmark = header ink. */
body.j3-page #nav .j3-brand svg[data-j3-logo="accent"]{display:block;width:150px;height:36px;color:var(--j3-ink);filter:none!important}
@media(max-width:760px){body.j3-page #nav .j3-brand svg[data-j3-logo="accent"]{width:135px;height:36px}}
@media(max-width:360px){body.j3-page #nav .j3-brand svg[data-j3-logo="accent"]{width:99px;height:28.8px}}

/* 8. AI landing hero console: chat bubbles sit inside #hs-tr, a plain block that
   swallowed the column's grid gap, so consecutive messages touched. Margin-based
   rhythm works even if the wrapper is re-rendered by hero-scenes.js. */
body.j3-page #hero.hs .hs-c #hs-tr{display:grid;gap:0;min-width:0}
body.j3-page #hero.hs .hs-c #hs-tr .hs-tr{max-width:86%;margin:0}
body.j3-page #hero.hs .hs-c #hs-tr .hs-tr + .hs-tr{margin-top:14px}
body.j3-page #hero.hs .hs-c #hs-tr .hs-tr.c{justify-self:start}
body.j3-page #hero.hs .hs-c #hs-tr .hs-tr.a{justify-self:end}

/* 9. Legacy scroll-progress line (#scroll-progress / #sp) from the old page builds.
   It is position:fixed at a hard-coded offset, so with the WP admin bar or any
   header height change it cuts through the logo. Removed everywhere. */
body.j3-page #scroll-progress,body.j3-page #sp,#scroll-progress,#sp{display:none!important}

/* buy-a-ukrainian-phone-number: the standalone page has no hero padding for the fixed shared header */
body.j3-page[data-j3-page="buy-a-ukrainian-phone-number"] main#main-content{padding-top:112px}
@media (max-width:1080px){body.j3-page[data-j3-page="buy-a-ukrainian-phone-number"] main#main-content{padding-top:88px}}