/* ============================================================================
   chrome5.css — what the marketing package does not carry (20 Oct 2026):
   the phone menu, the demo-request form (light palette), the preview flag.
   Loaded AFTER styles.css so it always wins.
   ========================================================================= */
.skip-link{position:absolute;left:-9999px;top:0;z-index:100;background:var(--teal-dark);color:#fff;padding:10px 14px;border-radius:0 0 10px 0}
.skip-link:focus{left:0}
.preview-flag{padding:8px 16px;text-align:center;font-size:12px;font-weight:700;background:#fff3cd;color:#6d5512;border-bottom:1px solid #f0dfab}

/* ── phone menu ───────────────────────────────────────────────────────────
   ★ The package hides .main-nav below 1050px and gives nothing back: on a phone
   there was NO navigation at all. The button opens the same links as a panel. */
.nav-toggle{display:none;flex-direction:column;justify-content:center;gap:5px;width:42px;height:42px;padding:10px;border:1px solid var(--line);border-radius:10px;background:#fff;cursor:pointer;margin-left:auto}
.nav-toggle span{display:block;height:2px;width:100%;background:var(--navy);border-radius:2px;transition:.2s}
.nav-toggle.active span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.nav-toggle.active span:nth-child(2){opacity:0}
.nav-toggle.active span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.nav-panel-only{display:none}
@media (max-width:1050px){
  .nav-toggle{display:flex}
  .nav-wrap{position:static}
  .site-header .main-nav.open{display:flex;flex-direction:column;gap:0;position:absolute;left:0;right:0;top:100%;
    background:#fff;border-bottom:1px solid var(--line);box-shadow:var(--shadow);padding:8px 20px 18px;max-height:calc(100vh - 80px);overflow:auto}
  .site-header .main-nav.open > a,.site-header .main-nav.open .nav-drop > a{padding:12px 0;border-bottom:1px solid #eef3f6;font-size:15px}
  .site-header .main-nav.open .mega-menu{display:grid!important;position:static;grid-template-columns:1fr 1fr;gap:2px 14px;
    box-shadow:none;border:0;padding:6px 0 10px;opacity:1;visibility:visible;transform:none;background:none;min-width:0}
  .site-header .main-nav.open .mega-menu a{padding:7px 0;font-size:14px;font-weight:500}
  .site-header .main-nav.open .nav-panel-only{display:block;padding:12px 0;border-bottom:1px solid #eef3f6}
}
@media (max-width:720px){ .nav-actions .btn{padding:10px 14px;font-size:14px} }

/* ── the Revenue Leak Score prompt keeps its own colour on any background ─ */
.leak-link a{font-weight:700;color:var(--teal-dark)}

/* ── demo request form (the live 3-step qualifier), light palette ─────── */
.contact-overlay{position:fixed;inset:0;background:rgba(16,47,74,.45);backdrop-filter:blur(5px);z-index:200;display:none;align-items:center;justify-content:center;padding:18px}
.contact-overlay.open{display:flex}
.contact-modal{background:#fff;color:var(--ink);border:1px solid var(--line);border-radius:22px;box-shadow:0 30px 80px rgba(16,47,74,.25);
  width:min(560px,100%);max-height:calc(100vh - 36px);overflow:auto;padding:30px 30px 26px;position:relative}
.contact-close{position:absolute;top:12px;right:16px;background:none;border:0;font-size:30px;line-height:1;color:var(--muted);cursor:pointer}
.contact-close:hover{color:var(--navy)}
.contact-modal h3{font-size:1.45rem;line-height:1.25;font-weight:800;margin:0 0 6px;color:var(--navy)}
.contact-sub{color:var(--muted);font-size:.95rem;margin:0 0 4px}
.contact-modal form{display:flex;flex-direction:column;gap:12px;margin-top:18px}
.contact-modal input[type=text],.contact-modal input[type=email],.contact-modal input[type=tel],.contact-modal select{width:100%;padding:13px 14px;border:1px solid var(--line);border-radius:12px;background:var(--soft);color:var(--ink);font:inherit}
.contact-modal input:focus,.contact-modal select:focus{outline:none;border-color:var(--teal);box-shadow:0 0 0 3px rgba(15,150,155,.15)}
.dq-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.dq-hp{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important}
.contact-submit{width:100%;justify-content:center;margin-top:4px;padding:14px 18px;border:0;cursor:pointer}
.contact-result{font-size:.9rem;text-align:center;min-height:18px}
.contact-result.err{color:#b42318}.contact-result.ok{color:#067647}
.dq-rail{display:flex;align-items:center;margin:2px 26px 22px 0}
.dq-node{width:9px;height:9px;border-radius:50%;background:#cfdde6;flex:0 0 auto;transition:.25s}
.dq-node.on{background:var(--teal);transform:scale(1.3)}.dq-node.done{background:var(--teal-dark)}
.dq-link{height:2px;flex:1 1 auto;background:#cfdde6}.dq-link.on{background:var(--teal)}
.dq-step{display:none}.dq-step.on{display:block;animation:dqIn .28s cubic-bezier(.22,.61,.36,1)}
@keyframes dqIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.dq-eyebrow{font-size:.72rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--teal-dark);display:flex;justify-content:space-between;gap:10px;margin:0 0 8px}
.dq-choices{display:flex;flex-direction:column;gap:10px;margin-top:18px}
.dq-choices.dq-two{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.dq-choice{display:flex;align-items:center;gap:14px;width:100%;text-align:left;cursor:pointer;background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px 16px;color:var(--ink);font:inherit;transition:.2s}
.dq-choice:hover{border-color:var(--teal);background:var(--teal-soft)}
.dq-choice.picked{border-color:var(--teal-dark);background:var(--teal-soft);box-shadow:0 0 0 2px rgba(15,150,155,.18)}
.dq-ico{flex:0 0 auto;width:34px;height:34px;color:var(--teal-dark)}.dq-ico svg{width:100%;height:100%}
.dq-txt{flex:1 1 auto;display:block}.dq-txt b{display:block;font-size:1rem;font-weight:700;color:var(--navy)}
.dq-txt em{display:block;font-style:normal;color:var(--muted);font-size:.84rem;margin-top:3px}
.dq-arrow{color:var(--muted);font-size:1.5rem}
.dq-choices.needed .dq-choice{border-color:#d92d20}
.dq-back{margin-top:16px;background:none;border:0;color:var(--muted);cursor:pointer;font:inherit}
.dq-back:hover{color:var(--navy)}
.sms-consent{border:1px solid var(--line);border-radius:12px;padding:12px 14px;background:var(--soft)}
.sms-consent label{display:flex;gap:10px;align-items:flex-start;cursor:pointer}
.sms-consent input{margin-top:3px;flex:0 0 auto;accent-color:var(--teal)}
.consent-text{font-size:.74rem;line-height:1.55;color:var(--muted)}
.consent-links{display:block;margin-top:6px}.consent-links a{color:var(--teal-dark);text-decoration:underline}
.dq-done{text-align:center}
.dq-check{width:62px;height:62px;margin:4px auto 18px;border-radius:50%;color:#067647;background:#ecfdf3;padding:14px}
.dq-check svg{width:100%;height:100%}
.dq-lead{font-size:1.05rem;color:var(--navy);font-weight:700;margin:0 0 10px}
.dq-body{color:var(--muted);font-size:.92rem;margin:0 0 12px}
.dq-divider{height:1px;background:var(--line);margin:18px 0}
.dq-strong{font-weight:700;color:var(--navy);margin:0 0 8px}
.dq-preview-btn{display:inline-flex;gap:8px;margin-top:6px}
.dq-fine{font-size:.8rem;color:var(--muted);margin-top:10px}
@media (max-width:560px){.dq-grid,.dq-choices.dq-two{grid-template-columns:1fr}.contact-modal{padding:26px 18px 20px}}

/* ── pricing: Core + growth add-ons (20 Oct 2026) ─────────────────────── */
.plan-extra{margin:-6px 0 14px;font-weight:700;color:var(--teal-dark)}
.addons{margin-top:56px}
.addon-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:14px}
.addon-card{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-radius:18px;padding:22px;color:#fff;display:flex;flex-direction:column;gap:8px}
.addon-card h3{margin:0;font-size:20px;color:#fff}
.addon-num{font-size:11px;font-weight:800;letter-spacing:.12em;color:#7fe3e6}
.addon-price strong{font-size:30px;font-weight:800}.addon-price span{color:#b8cbd8;font-size:13px;margin-left:4px}
.addon-card p{color:#cfe0ea;font-size:14px;margin:0}.addon-card small{color:#9fb6c6;font-size:12px}
.addon-verifiers{margin-top:16px;border:1px dashed rgba(255,255,255,.22);border-radius:16px;padding:16px 20px;color:#dce9f1;display:flex;gap:18px;align-items:center;flex-wrap:wrap}
.addon-verifiers ul{list-style:none;margin:0;padding:0;display:flex;gap:28px;flex-wrap:wrap;font-size:14px}
.calc-addons{margin-top:18px;display:grid;gap:8px}.calc-addons>span{font-weight:700;font-size:14px;color:var(--navy)}
.calc-addon{display:flex;gap:8px;align-items:center;font-size:14px;color:#456276}
.addon-flag{display:inline-flex;gap:10px;flex-wrap:wrap;align-items:center;margin:4px 0 14px;padding:6px 12px;border-radius:999px;background:var(--teal-soft);color:var(--teal-dark);font-size:13px;font-weight:700}
.addon-flag a{text-decoration:underline}
@media (max-width:1050px){.addon-grid{grid-template-columns:1fr 1fr}}
@media (max-width:620px){.addon-grid{grid-template-columns:1fr}}

/* ── 20 Oct (Jose): language switcher in the header ───────────────────────── */
.lang-switch{position:relative}
.lang-toggle{display:inline-flex;align-items:center;gap:4px;padding:8px 11px;border:1px solid var(--line);border-radius:10px;background:#fff;
  color:#405b6f;font:inherit;font-size:13px;font-weight:700;cursor:pointer}
.lang-toggle:hover{border-color:var(--teal);color:var(--teal-dark)}
.lang-menu{display:none;position:absolute;right:0;top:calc(100% + 6px);min-width:160px;padding:6px;background:#fff;border:1px solid var(--line);
  border-radius:12px;box-shadow:var(--shadow);z-index:60}
.lang-menu.open{display:block}
.lang-menu button{display:block;width:100%;text-align:left;padding:8px 10px;border:0;border-radius:8px;background:none;font:inherit;font-size:14px;
  color:var(--navy);cursor:pointer}
.lang-menu button:hover{background:var(--soft);color:var(--teal-dark)}
.lang-note{position:fixed;left:50%;bottom:22px;transform:translateX(-50%);z-index:250;max-width:calc(100% - 32px);padding:11px 16px;
  border-radius:12px;background:var(--navy);color:#fff;font-size:14px;box-shadow:var(--shadow)}

/* ── 20 Oct (Jose): "the small window with all display can't" — the mega menu sat 17px BELOW the Platform link,
      so the pointer left the hover area on the way down and the menu vanished. An invisible bridge fills the gap,
      and a click opens it too (.open, chrome.js toggleMega). ─────────── */
/* ★★ and the real "can't display all": the 820px menu was CENTRED ON THE PLATFORM LINK, which sits near the left of
      the header, so its left third (01 Get Found / 04 Get Engaged / 07 Get Paid) hung off the screen. It now hangs
      from the header row itself, centred on the page, always fully on screen. */
@media (min-width:1051px){
  .site-header .nav-wrap{position:relative}
  .site-header .main-nav .nav-drop{position:static}
  .site-header .mega-menu{top:calc(100% - 4px);left:50%;transform:translateX(-50%);width:min(820px,calc(100vw - 40px))}
}
/* the gap between the link and the menu: chrome.js keeps .open for a moment after the pointer leaves (no invisible
   bridge — a bridge as wide as the menu covered the other header links) */
.nav-drop.open .mega-menu{display:grid}

/* ── 20 Oct (Jose): the live site's hero, in place of the video section ──── */
.hero-live{border-top:1px solid var(--line)}
.hero-live-h{font-size:clamp(32px,4.2vw,52px);line-height:1.08;letter-spacing:-.02em;margin:12px 0 14px;color:var(--navy)}
.hero-live-rev{font-size:clamp(19px,2vw,24px);font-weight:700;color:var(--navy);margin:0 0 12px}
.hero-live-rev .accent{color:var(--teal-dark)}
.hero-live-video video{display:block;width:100%;border-radius:var(--radius);box-shadow:var(--shadow);background:#e9f3f5}
.fd-sub{margin:26px 0 0;font-size:20px;color:var(--navy)}

/* ── phones: logo · language · menu on one row; "See How It Works" moves into the menu panel ─ */
.site-header .nav-actions{flex-wrap:nowrap;align-items:center}
@media (max-width:560px){
  .site-header .nav-actions > .btn{display:none}
  .lang-toggle{padding:7px 8px}
  .site-header .main-nav.open .nav-panel-cta{display:inline-flex;justify-content:center;margin-top:14px;color:#fff;border-bottom:0}
}
@media (min-width:561px){ .site-header .nav-panel-cta{display:none!important} }

/* ── translated headers: Spanish/German labels are longer — keep each menu item on ONE line ─ */
@media (min-width:1051px){
  .site-header .main-nav{gap:clamp(12px,1.3vw,22px)}
  .site-header .main-nav a,.site-header .login-link,.site-header .nav-actions .btn{white-space:nowrap}
}

/* ── RTL (Arabic): anything parked at left:-9999px becomes 10,000px of sideways scroll in a right-to-left page.
      Hide off-screen helpers with clip instead (skip link, the form's honeypot). ─ */
.skip-link{left:0;right:auto;transform:translateY(-120%);transition:transform .15s}
.skip-link:focus{left:0;transform:none}
.dq-hp{left:auto!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;
  clip-path:inset(50%)!important;white-space:nowrap!important}

/* ── translated headers must fit: longer labels (ar, de, fr, es) shrink the menu a little instead of overflowing ─ */
@media (min-width:1051px) and (max-width:1440px){
  html:not([lang="en"]) .site-header .main-nav{gap:12px}
  html:not([lang="en"]) .site-header .main-nav a{font-size:13px}
  html:not([lang="en"]) .site-header .nav-actions{gap:8px}
  html:not([lang="en"]) .site-header .nav-actions .btn{padding:11px 14px;font-size:14px}
  html:not([lang="en"]) .site-header .login-link{font-size:13px}
  html:not([lang="en"]) .nav-wrap{gap:16px}
}

/* ── 20 Oct (Jose #10 #11 #14): the 30-day add-on trial ───────────────────── */
.addon-perks{list-style:none;margin:6px 0 0;padding:10px 0 0;border-top:1px solid rgba(255,255,255,.14);display:grid;gap:5px;font-size:13px;color:#e6f4f4}
.addon-perks li{position:relative;padding-left:20px}
.addon-perks li::before{content:'✓';position:absolute;left:0;color:#5fd4cf;font-weight:900}
.addon-trial{margin-top:18px;padding:22px 24px;border-radius:18px;background:linear-gradient(120deg,rgba(15,150,155,.32),rgba(15,150,155,.12));
  border:1px solid rgba(95,212,207,.45);color:#fff}
.addon-trial h3{margin:0 0 6px;font-size:22px;color:#fff}
.addon-trial p{margin:0;color:#dcefee;font-size:15px;max-width:980px}
.cta-go{display:flex;flex-direction:column;align-items:center;gap:8px}
.cta-go small{color:#d7ecef;font-size:13px}

/* ── 20 Oct (Jose #12 #13): the order form ────────────────────────────────── */
.order-section{padding-top:30px}
.order-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(320px,1fr);gap:26px;align-items:start}
.order-card{background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow);padding:24px 26px;margin-bottom:20px}
.order-card h2{font-size:20px;margin:0 0 14px;color:var(--navy)}
.order-side{position:sticky;top:96px}
.loc-row{display:flex;align-items:center;gap:16px}
.loc-btn{width:44px;height:44px;border-radius:12px;border:1px solid var(--line);background:var(--soft);font-size:22px;font-weight:700;color:var(--navy);cursor:pointer}
.loc-btn:disabled{opacity:.4;cursor:default}
.loc-count{display:flex;align-items:baseline;gap:8px}.loc-count strong{font-size:30px;color:var(--navy)}.loc-count span{color:var(--muted)}
.order-note{color:var(--muted);font-size:14px;margin:10px 0 0}
.core-layers{list-style:none;margin:0 0 14px;padding:0;display:grid;gap:7px;font-size:14px;color:#456276}
.core-layers li{padding-left:22px;position:relative}.core-layers li::before{content:'✓';position:absolute;left:0;color:var(--teal);font-weight:900}
.feature-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:6px 14px;font-size:13px;color:#456276;border-top:1px solid var(--line);padding-top:14px}
.feature-grid .pf{color:#456276}
.trial-table-wrap{overflow-x:auto;margin:0 0 16px}
.trial-table{width:100%;border-collapse:collapse;font-size:14px;min-width:460px}
.trial-table th{background:var(--navy);color:#fff;font-size:12px;letter-spacing:.04em;text-transform:uppercase;padding:10px 12px;text-align:left}
.trial-table th:not(:first-child),.trial-table td:not(:first-child){text-align:right;white-space:nowrap}
.trial-table td{padding:10px 12px;border-bottom:1px solid var(--line);color:#2e4a5f}
.trial-table tbody tr:first-child td{font-weight:700}
.addon-picks{display:grid;gap:10px}
.addon-picks-head{font-weight:800;color:var(--navy);font-size:15px}
.addon-pick{display:grid;grid-template-columns:auto 1fr;gap:2px 12px;align-items:start;padding:14px 16px;border:1px solid var(--line);border-radius:14px;cursor:pointer;background:var(--soft)}
.addon-pick input{grid-row:span 3;margin-top:4px;width:18px;height:18px;accent-color:var(--teal-dark)}
.addon-pick:has(input:checked){border-color:var(--teal);background:#eefafa}
.ap-name{font-weight:800;color:var(--navy)}.ap-what{font-size:13px;color:var(--muted)}.ap-trial{font-size:13px;color:var(--teal-dark);font-weight:700}
.order-total{margin-top:16px;border-top:2px solid var(--navy);padding-top:12px}
.ot-row{display:flex;justify-content:space-between;gap:14px;align-items:baseline}
.ot-row span{color:#2e4a5f;font-weight:700}.ot-row strong{font-size:26px;color:var(--navy)}
.ot-sub{color:var(--muted);font-size:13px;margin:2px 0 10px}
.ot-after span{font-weight:500;font-size:14px}.ot-after strong{font-size:18px;color:var(--teal-dark)}
.trial-terms{margin-top:14px;background:#f4fbfb;border:1px solid #cdeeee;border-radius:14px;padding:16px 18px;font-size:14px;color:#2e4a5f}
.trial-terms p{margin:0 0 8px}.trial-terms ul{margin:0 0 10px;padding-left:18px;display:grid;gap:4px}
.order-pay label{display:block;font-size:13px;font-weight:700;color:var(--navy);margin-bottom:12px}
.order-pay input[type=text],.order-pay input[type=email]{display:block;width:100%;margin-top:5px;padding:12px 13px;border:1px solid var(--line);border-radius:11px;background:var(--soft);font:inherit;font-weight:500}
.pay-summary{border:1px solid var(--line);border-radius:12px;padding:10px 14px;margin:6px 0 14px;font-size:14px}
.pay-summary div{display:flex;justify-content:space-between;gap:10px;padding:5px 0;color:#2e4a5f}
.pay-total{border-top:1px solid var(--line);margin-top:4px;padding-top:8px!important;font-weight:800}.pay-total strong{font-size:18px;color:var(--navy)}
.order-pay label.agree{display:flex;gap:9px;font-weight:500;font-size:12.5px;line-height:1.5;color:#456276}
.order-pay label.agree input{margin-top:3px;flex:0 0 auto}
.card-box{padding:13px;border:1px solid var(--line);border-radius:11px;background:#fff;margin:4px 0 6px}
.pay-btn{width:100%;justify-content:center;margin-top:8px;border:0;cursor:pointer}.pay-btn:disabled{opacity:.5;cursor:not-allowed}
.pay-error{color:#b42318;font-size:13px;min-height:18px;margin-top:6px}
.success-card .sc-row{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--line)}
@media (max-width:980px){.order-grid{grid-template-columns:1fr}.order-side{position:static}}

/* ── 20 Oct (Jose #18): Revenue Visibility headline, 3 phrases + 2 phrases, centred ─ */
#visibility .section-kicker,#visibility .section-lead{text-align:center;margin-left:auto;margin-right:auto}
.vis-h{text-align:center}
.vis-h span{display:block}
/* ⚠️ no nowrap: German/French phrases are longer than the container (300 px of sideways scroll). The size scales
   with the screen so the English lines stay one line each on a desktop, and a long language wraps, balanced. */
.vis-h{font-size:clamp(28px,3.4vw,46px);text-wrap:balance}
.vis-h span{text-wrap:balance}

/* ── long words (German "KI-Revenue-Betriebssystem") must break instead of widening a grid column on a phone;
      a grid child's min-width:auto is what let one word push the hero wider than the screen ─ */
body{overflow-wrap:break-word}
/* 23 Oct: only on phones; on a desktop it split headings mid-word ("plat-form", "web-site") */
@media (max-width:700px){h1,h2,h3,.eyebrow,.section-kicker,.hero-lead{hyphens:auto}}
.hero-grid>*,.two-col>*,.pricing-grid>*{min-width:0}
/* ── English too: between 1051 and 1180 px the header ran 7 px past the screen edge ─ */
@media (min-width:1051px) and (max-width:1180px){
  .site-header .main-nav{gap:12px}
  .site-header .main-nav a,.site-header .login-link{font-size:13px}
  .site-header .nav-actions{gap:8px}
  .site-header .nav-actions .btn{padding:11px 14px;font-size:14px}
  .nav-wrap{gap:16px}
}
/* ── 21 Oct (Jose #19): under the pricing card's Get Started ─ */
.plan-nocontract{margin:10px 0 4px;font-weight:800;color:var(--teal-dark)}
.plan-disclaimer{margin-top:6px}

/* ── 21 Oct (Jose #22): Get Engaged pay-as-you-go usage ───────────────────── */
.addon-card .addon-usage{display:block;color:#cfe7ef;font-size:12.5px;line-height:1.5;border-top:1px dashed rgba(255,255,255,.18);padding-top:8px}
.usage-box{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:18px;margin:12px 0 18px;max-width:860px;background:#fff;
  border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);padding:18px 20px}
.usage-price strong{display:block;font-size:22px;color:var(--navy)}
.usage-price span{display:block;margin-top:6px;font-size:14px;color:var(--muted)}
.usage-payg h3{margin:0 0 8px;font-size:15px;color:var(--teal-dark);text-transform:uppercase;letter-spacing:.06em}
.usage-payg p{margin:8px 0 0;font-size:13px;color:var(--muted)}
.usage-list{list-style:none;margin:0;padding:0;display:grid;gap:4px}
.usage-list li{display:flex;justify-content:space-between;gap:12px;padding:6px 0;border-bottom:1px solid #eef3f6;font-size:14px;color:#2e4a5f}
.usage-list li strong{color:var(--navy);white-space:nowrap}
.usage-section .usage-list{max-width:560px;margin:18px 0 10px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:10px 18px}
@media (max-width:720px){.usage-box{grid-template-columns:1fr}}
/* ── 21 Oct (Jose): line break after "grow:" ─ */
.split-h span{display:block}

/* ── 21 Oct (Jose #25): the band before the footer had white text on white. styles.css sets .section-pad{background:#fff}
      AFTER .cta-section's teal gradient (same specificity, later wins), so the gradient never showed. ─ */
.section-pad.cta-section{background:linear-gradient(135deg,var(--teal-dark),var(--teal));color:#fff}
.section-pad.cta-section .section-kicker.light{color:#d6f3f2}

/* ── 21 Oct (Jose): FREE REVENUE LEAK SCORE™ title band (the live site's teaser title, linked) ─ */
.rls-band{background:radial-gradient(circle at 15% 0%,rgba(16,185,129,.14),transparent 45%),#071b2c;padding:30px 0;text-align:center}
.rls-band-link{display:inline-block;color:#fff;font-weight:800;font-size:clamp(20px,2.4vw,30px);letter-spacing:.12em;text-decoration:none;
  border-bottom:2px solid rgba(95,212,207,.55);padding-bottom:4px;transition:.15s}
.rls-band-link:hover{color:#5fd4cf;border-color:#5fd4cf}
/* the trial line under "Get Started": one line on a computer */
@media (min-width:721px){ .cta-go small{white-space:nowrap} }
/* ── 21 Oct: pay-as-you-go rates inside the FAQ answer ─ */
.faq-list .usage-list{max-width:460px;margin:4px 0 6px}
.faq-usage-title{margin:12px 0 0}

/* ── 21 Oct (Jose): his line breaks, each line ONE line on a computer (English). Translations keep wrapping freely. ─ */
.market-difference .difference-heading{max-width:none}
.market-difference .split-h{font-size:clamp(28px,2.9vw,40px)}
.hero-live-h.split-h{font-size:clamp(30px,3.7vw,52px);margin-bottom:18px}
@media (min-width:1051px){
  html[lang="en"] .split-h span{white-space:nowrap}
}

/* ── 21 Oct: "Choose your add-ons" screen ─ */
.ma-head{display:flex;justify-content:space-between;gap:14px;align-items:center;margin-bottom:14px;flex-wrap:wrap}
.ma-head strong{font-size:18px;color:var(--navy)}.ma-head span{color:var(--muted)}
.ma-days{background:#eefafa;color:var(--teal-dark);font-weight:800;padding:7px 12px;border-radius:999px;font-size:14px}
.ma-msg{color:#067647;font-weight:700;margin-top:10px;min-height:20px}

/* Jose 21 Oct: the 9 modules in plain language — his CSS, copied as-is from RevenuivaAI_Homepage_Journey_Updated.zip */
/* RevenuivaAI — customer-friendly nine-stage journey (scoped) */
.rv-journey .section-lead { max-width: 820px; }
.rv-journey-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; margin-top:38px; }
.rv-journey-card { display:flex; flex-direction:column; min-width:0; padding:27px; background:#fff; border:1px solid var(--line); border-radius:var(--radius); box-shadow:0 10px 34px rgba(16,47,74,.055); transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease; }
.rv-journey-card:hover { transform:translateY(-4px); border-color:#a1d9d9; box-shadow:var(--shadow); }
.rv-journey-card-top { display:flex; align-items:center; justify-content:space-between; margin-bottom:21px; }
.rv-journey-icon { display:grid; place-items:center; width:52px; height:52px; border-radius:16px; background:var(--teal-soft); color:var(--teal-dark); }
.rv-journey-icon svg { width:26px; height:26px; }
.rv-journey-number { font-size:12px; font-weight:800; letter-spacing:.08em; color:#8398a7; }
.rv-journey-card h3 { color:var(--teal-dark); text-transform:uppercase; letter-spacing:.065em; font-size:13px; margin:0 0 10px; }
.rv-journey-card h4 { color:var(--navy); font-size:21px; letter-spacing:-.025em; line-height:1.26; margin:0 0 12px; }
.rv-journey-card p { color:#4f687b; font-size:15px; line-height:1.7; margin:0 0 22px; }
.rv-journey-features { margin-top:auto; padding:17px 0 16px; border-top:1px solid var(--line); color:var(--muted); font-size:12px; line-height:1.8; }
.rv-journey-features-label { display:block; color:var(--navy); font-weight:800; font-size:11px; text-transform:uppercase; letter-spacing:.08em; margin-bottom:4px; }
.rv-journey-note { margin:0 0 14px; color:var(--muted); font-size:13px; line-height:1.55; }
.rv-journey-note strong { color:var(--navy); }
.rv-journey-note a { color:var(--teal-dark); font-weight:700; white-space:nowrap; }
.rv-journey-link { display:inline-flex; align-items:center; gap:8px; align-self:flex-start; color:var(--teal-dark); font-size:14px; font-weight:800; padding:5px 0; }
.rv-journey-link:hover,.rv-journey-link:focus-visible { color:var(--navy); text-decoration:underline; text-underline-offset:3px; }
.rv-journey-link span { transition:transform .2s ease; }
.rv-journey-link:hover span { transform:translateX(3px); }
.rv-journey-footnote { text-align:center; color:var(--muted); font-size:14px; margin:30px 0 10px; }
.rv-journey-footnote a { font-weight:800; color:var(--teal-dark); }
@media(max-width:950px) { .rv-journey-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:640px) { .rv-journey-grid { grid-template-columns:1fr; gap:14px; margin-top:28px; } .rv-journey-card { padding:23px; } .rv-journey-card h4 { font-size:20px; } }
@media(prefers-reduced-motion:reduce) { .rv-journey-card,.rv-journey-link span { transition:none; } .rv-journey-card:hover { transform:none; } }

/* Jose 22 Oct: managed third-party services (homepage) + the usage-pricing page */
.managed-provider-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:34px}
.managed-provider-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:26px;box-shadow:0 10px 34px rgba(16,47,74,.055)}
.managed-provider-icon{display:inline-grid;place-items:center;width:46px;height:46px;border-radius:14px;background:var(--teal-soft);color:var(--teal-dark);font-weight:800;font-size:15px;margin-bottom:16px}
.managed-provider-card h3{margin:0 0 10px;font-size:20px;color:var(--navy)}
.managed-provider-card p{margin:0;color:#4f687b;font-size:15px;line-height:1.7}
.managed-provider-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin-top:22px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}
.managed-provider-flow-item{padding:20px 24px;position:relative}
.managed-provider-flow-item+.managed-provider-flow-item{border-left:1px solid var(--line)}
.managed-provider-flow-item+.managed-provider-flow-item::before{content:"→";position:absolute;left:-11px;top:50%;transform:translateY(-50%);width:22px;height:22px;border-radius:50%;background:var(--teal);color:#fff;font-size:12px;display:grid;place-items:center}
.managed-provider-flow-item strong{display:block;color:var(--navy);font-size:16px;margin-bottom:4px}
.managed-provider-flow-item span{color:var(--muted);font-size:14px;line-height:1.55}
.managed-provider-note{margin-top:22px;padding:20px 24px;border-radius:var(--radius);background:var(--teal-soft);color:#2e4a5f;font-size:15px;line-height:1.7}
.managed-provider-note strong{display:block;color:var(--teal-dark);margin-bottom:4px}
.managed-provider-cta{text-align:center;margin-top:26px}
.managed-provider-pricing-btn{display:inline-block;padding:14px 26px;border-radius:12px;background:var(--teal);color:#fff;font-weight:800;text-decoration:none;box-shadow:0 10px 26px rgba(15,139,141,.22)}
.managed-provider-pricing-btn:hover{background:var(--teal-dark);color:#fff}
@media (max-width:900px){.managed-provider-cards{grid-template-columns:1fr}.managed-provider-flow{grid-template-columns:1fr}
  .managed-provider-flow-item+.managed-provider-flow-item{border-left:0;border-top:1px solid var(--line)}
  .managed-provider-flow-item+.managed-provider-flow-item::before{content:"↓";left:50%;top:-11px;transform:translateX(-50%)}}
.usage-pricing .usage-cat{margin-bottom:26px}
.usage-pricing .usage-cat h2{font-size:20px;margin:0 0 8px;color:var(--navy)}
.usage-pricing .usage-list{background:#fff;border:1px solid var(--line);border-radius:16px;padding:8px 18px}
.usage-pricing .usage-list li{padding:10px 0}
.usage-pricing .usage-list li:last-child{border-bottom:0}
.usage-pricing .usage-list li strong{white-space:normal;text-align:right}
.usage-back{margin-top:22px}
.addon-card .addon-rates{margin-top:auto;font-size:13px;font-weight:700;color:#7fe0df;text-decoration:none}
.addon-card .addon-rates:hover{color:#fff;text-decoration:underline}
.pricing-card .microcopy a{color:var(--teal-dark);font-weight:700}
.addon-trial a{color:#7fe0df;font-weight:700}
/* Jose 22 Oct: order form step 4 (managed usage) + the Top-Up note under the summary */
#managed-usage p{color:#3b566a;font-size:15px;line-height:1.7;margin:0 0 10px}
#managed-usage .mu-lead{font-size:17px;color:var(--navy)}
#managed-usage .mu-h{margin:16px 0 6px;font-size:14px;text-transform:uppercase;letter-spacing:.06em;color:var(--teal-dark)}
#managed-usage .mu-rates{background:#fff;border:1px solid var(--line);border-radius:14px;padding:6px 16px;margin:0 0 12px}
#managed-usage .mu-note{background:var(--teal-soft);border-radius:12px;padding:12px 16px;margin-top:12px}
.pay-topup-note{font-size:13px;color:var(--muted);line-height:1.6;margin:8px 0 12px}

/* Jose 22 Oct: the 4 video bands on the homepage */
.video-band{padding:64px 0;background:linear-gradient(135deg,#0b2438 0%,#103a4f 100%);color:#fff}
.video-band-alt{background:linear-gradient(135deg,#0f3f4a 0%,#0b2438 100%)}
.video-band-in{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.3fr);gap:42px;align-items:center}
.video-band .section-kicker{color:#7fe0df}
.video-band h2{color:#fff;font-size:clamp(28px,3.2vw,42px);margin:8px 0 14px}
.video-band p{color:#cfe0ea;font-size:17px;line-height:1.7;margin:0}
.video-band-frame{border-radius:20px;overflow:hidden;box-shadow:0 24px 60px rgba(0,0,0,.35);border:1px solid rgba(255,255,255,.12);aspect-ratio:16/9;background:#071b2c}
.video-band-frame video{display:block;width:100%;height:100%;object-fit:cover}
.video-band-alt .video-band-copy{order:2}
.video-band-alt .video-band-in{grid-template-columns:minmax(0,1.3fr) minmax(0,.9fr)}
@media (max-width:900px){.video-band{padding:44px 0}.video-band-in,.video-band-alt .video-band-in{grid-template-columns:1fr;gap:22px}.video-band-alt .video-band-copy{order:0}}
/* (22 Oct: no reduced-motion hiding: with Windows "animation effects" off, Jose saw EMPTY boxes) */
/* brow_lashes_spa.mp4 has a black border baked into the file (picture = 2/3 of the frame, the whole clip) → zoom it out of view */
.video-band-frame[data-clip="brow_lashes_spa"] video{transform:scale(1.52)}
#managed-usage .mu-sub{margin:14px 0 6px;font-size:13px;font-weight:800;color:var(--navy)}
.faq-usage-sub{margin:12px 0 4px;font-size:14px;color:var(--navy)}
/* Jose 22 Oct ("place this in one line"): the module pages' bottom band button never wraps */
.page-cta .btn{white-space:nowrap;flex-shrink:0}
/* Jose 22 Oct: data migration, under "No long-term contracts" in the Core card */
.plan-migration{margin:10px 0 6px;padding:12px 14px;border-radius:12px;background:var(--teal-soft);border:1px solid #bfe6e6}
.plan-migration strong{display:block;color:var(--teal-dark);font-size:14px;margin-bottom:4px}
.plan-migration span{display:block;color:#3b566a;font-size:13px;line-height:1.55}

/* Jose 23 Oct: helpers his new stage pages use (from his Get Paid package styles.css) */
.shell{width:min(1180px,calc(100% - 40px));margin:0 auto}
.section-intro{margin-bottom:42px}.section-intro.narrow{max-width:820px}
.section-intro p{font-size:18px;color:#526779;max-width:760px}
.light-wash{background:linear-gradient(180deg,#f8fcfd 0%,#f2fafb 100%)}
.btn-outline-light{border:1px solid rgba(255,255,255,.45);color:#fff}
@media(max-width:640px){.shell{width:min(100% - 28px,1180px)}}

/* ★ 23 Oct: Verify before you send (Email + Phone Number Verifier) */
.verify-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:30px}
.verify-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:26px 26px 22px;box-shadow:0 10px 34px rgba(16,47,74,.06);display:flex;flex-direction:column}
.verify-card h3{margin:12px 0 8px;font-size:1.2rem}
.verify-card p{margin:0 0 12px;color:#45566b}
.verify-card ul{margin:0 0 16px;padding-left:18px;color:#33475e}
.verify-card li{margin:4px 0}
.verify-ico{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;font:800 1.3rem/1 Inter,sans-serif;color:#fff;background:linear-gradient(135deg,#16a99a,#0b6e8a)}
.verify-price{margin-top:auto;display:inline-block;align-self:flex-start;font-weight:800;color:#0b6e8a;background:#e8f7f5;border-radius:99px;padding:8px 14px}
@media (max-width:820px){.verify-cards{grid-template-columns:1fr}}
/* =========================================================
   REVENUIVAAI PRICING — CORE + COMPLETE 9-STAGE JOURNEY
   Scoped classes to avoid conflicts with the rest of the homepage.
   ========================================================= */

.rv-pricing-core-section {
  --rv-navy: #123752;
  --rv-navy-deep: #0f3049;
  --rv-teal: #16a3a6;
  --rv-teal-dark: #087f83;
  --rv-teal-soft: #eaf8f8;
  --rv-text: #40596a;
  --rv-muted: #6b7f8d;
  --rv-border: #d7e5e8;
  --rv-white: #ffffff;

  background: var(--rv-navy);
  padding: 74px 24px;
}

.rv-pricing-core-wrap {
  width: min(1180px, 100%);
  margin: 0 auto;
  display: grid;
  grid-template-columns: minmax(280px, .78fr) minmax(600px, 1.42fr);
  gap: 64px;
  align-items: start;
}

.rv-pricing-core-intro {
  padding-top: 4px;
  color: var(--rv-white);
}

.rv-pricing-eyebrow {
  display: block;
  margin-bottom: 14px;
  color: #78dfd9;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .12em;
}

.rv-pricing-core-intro h2 {
  max-width: 440px;
  margin: 0 0 22px;
  color: #fff;
  font-size: clamp(2.7rem, 4vw, 4rem);
  line-height: .98;
  letter-spacing: -.045em;
}

.rv-pricing-core-intro p {
  max-width: 455px;
  margin: 0;
  color: #d6e4eb;
  font-size: 16px;
  line-height: 1.6;
}

/* CARD */

.rv-core-card {
  padding: 34px 36px 30px;
  border: 1px solid rgba(255,255,255,.28);
  border-radius: 20px;
  background: #fff;
  box-shadow: 0 28px 70px rgba(1, 22, 37, .2);
}

.rv-core-label {
  display: block;
  margin-bottom: 12px;
  color: var(--rv-teal-dark);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .12em;
}

.rv-core-price-row {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: baseline;
}

.rv-core-price {
  color: var(--rv-navy-deep);
  font-size: clamp(3rem, 5vw, 4.15rem);
  line-height: 1;
  letter-spacing: -.04em;
}

.rv-core-price-copy {
  color: #637986;
  font-size: 15px;
}

.rv-core-extra-location {
  margin-top: 9px;
  color: var(--rv-teal-dark);
  font-size: 15px;
  font-weight: 800;
}

/* GROUPS */

.rv-pricing-feature-group {
  margin-top: 28px;
  padding-top: 22px;
  border-top: 1px solid #e5eef0;
}

.rv-feature-group-heading {
  display: flex;
  gap: 16px;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12px;
}

.rv-feature-group-heading > div {
  display: flex;
  flex-direction: column;
  gap: 3px;
}

.rv-feature-group-kicker {
  color: var(--rv-teal-dark);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .12em;
}

.rv-feature-group-heading strong {
  color: var(--rv-navy-deep);
  font-size: 13px;
}

.rv-feature-group-badge {
  flex: 0 0 auto;
  padding: 6px 9px;
  border: 1px solid #cfe6e7;
  border-radius: 999px;
  background: #f0fbfb;
  color: var(--rv-teal-dark);
  font-size: 10px;
  font-weight: 800;
  white-space: nowrap;
}

.rv-included-badge {
  background: var(--rv-teal);
  border-color: var(--rv-teal);
  color: #fff;
}

/* FEATURE LIST */

.rv-core-feature-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.rv-core-feature-list li {
  display: grid;
  grid-template-columns: 18px 1fr;
  gap: 10px;
  align-items: start;
  padding: 6px 0;
}

.rv-feature-icon {
  color: var(--rv-teal-dark);
  font-size: 14px;
  font-weight: 900;
  line-height: 1.45;
}

.rv-trial-icon {
  width: 17px;
  height: 17px;
  display: grid;
  place-items: center;
  margin-top: 1px;
  border-radius: 50%;
  background: var(--rv-teal-soft);
  color: var(--rv-teal-dark);
  font-size: 12px;
}

.rv-core-feature-list li > div {
  min-width: 0;
  color: var(--rv-text);
  font-size: 13px;
  line-height: 1.5;
}

.rv-core-feature-list li strong {
  color: #344e60;
  font-weight: 700;
}

.rv-core-feature-list li span:not(.rv-feature-icon) {
  color: #5f7482;
}

.rv-growth-group {
  padding: 20px 20px 14px;
  border: 1px solid #d7eded;
  border-radius: 14px;
  background: linear-gradient(180deg, #f6fcfc 0%, #ffffff 100%);
}

.rv-growth-group .rv-core-feature-list li {
  padding: 7px 0;
}

.rv-core-included-group {
  margin-top: 18px;
}

.rv-support-item {
  padding-top: 8px !important;
}

/* USAGE / CTA */

.rv-usage-note {
  margin: 20px 0 0;
  color: #6e808b;
  font-size: 11px;
  line-height: 1.55;
}

.rv-usage-note a {
  color: var(--rv-teal-dark);
  font-weight: 800;
  text-decoration: none;
}

.rv-usage-note a:hover {
  text-decoration: underline;
}

.rv-core-actions {
  margin-top: 24px;
}

.rv-core-cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 46px;
  padding: 0 22px;
  border-radius: 11px;
  background: var(--rv-teal);
  color: #fff;
  font-size: 14px;
  font-weight: 800;
  text-decoration: none;
  box-shadow: 0 10px 22px rgba(22, 163, 166, .2);
  transition: transform .18s ease, background .18s ease;
}

.rv-core-cta:hover {
  background: var(--rv-teal-dark);
  transform: translateY(-1px);
}

.rv-cancel-note {
  margin: 26px 0 12px;
  color: #617985;
  font-size: 13px;
  font-weight: 800;
}

.rv-migration-box {
  padding: 15px 16px;
  border: 1px solid #cfe6e7;
  border-radius: 12px;
  background: var(--rv-teal-soft);
}

.rv-migration-box strong {
  display: block;
  color: var(--rv-teal-dark);
  font-size: 12px;
}

.rv-migration-box p {
  margin: 6px 0 0;
  color: #536c79;
  font-size: 11px;
  line-height: 1.5;
}

.rv-pricing-disclaimer {
  margin: 12px 0 0;
  color: #81909a;
  font-size: 10px;
  line-height: 1.5;
}

/* RESPONSIVE */

@media (max-width: 980px) {
  .rv-pricing-core-wrap {
    grid-template-columns: 1fr;
    gap: 34px;
  }

  .rv-pricing-core-intro h2,
  .rv-pricing-core-intro p {
    max-width: 680px;
  }
}

@media (max-width: 640px) {
  .rv-pricing-core-section {
    padding: 54px 16px;
  }

  .rv-core-card {
    padding: 26px 20px 22px;
    border-radius: 16px;
  }

  .rv-feature-group-heading {
    align-items: flex-start;
    flex-direction: column;
    gap: 8px;
  }

  .rv-growth-group {
    padding: 18px 15px 12px;
  }

  .rv-core-feature-list li {
    grid-template-columns: 17px 1fr;
    gap: 8px;
  }

  .rv-core-feature-list li > div {
    font-size: 12.5px;
  }
}

.rv-pricing-addons{padding-top:10px}

/* ★ 23 Oct: Built for Your Business (Jose new_section_pratices.txt) */
/* =========================================================
   REVENUIVAAI — BUILT FOR YOUR BUSINESS SECTION
   ========================================================= */

.rv-industries-section {
  --rv-industry-navy: #123752;
  --rv-industry-teal: #16a3a6;
  --rv-industry-teal-dark: #087f83;
  --rv-industry-teal-soft: #edfafa;
  --rv-industry-text: #4f6878;
  --rv-industry-muted: #70838f;
  --rv-industry-border: #d9e7ea;

  position: relative;
  overflow: hidden;
  padding: 96px 24px;
  background:
    radial-gradient(
      circle at 88% 8%,
      rgba(22, 163, 166, 0.08),
      transparent 28%
    ),
    linear-gradient(
      180deg,
      #ffffff 0%,
      #f8fcfd 100%
    );
}

.rv-industries-wrap {
  width: min(1180px, 100%);
  margin: 0 auto;
}


/* =========================
   HEADING
   ========================= */

.rv-industries-heading {
  max-width: 850px;
  margin-bottom: 48px;
}

.rv-industries-eyebrow {
  display: block;
  margin-bottom: 13px;

  color: var(--rv-industry-teal-dark);

  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0.12em;
}

.rv-industries-heading h2 {
  margin: 0;

  color: var(--rv-industry-navy);

  font-size: clamp(2.5rem, 5vw, 4.4rem);
  line-height: 1.02;
  letter-spacing: -0.05em;
}

.rv-industries-heading h2 span {
  color: var(--rv-industry-teal-dark);
}

.rv-industries-heading p {
  max-width: 790px;

  margin: 22px 0 0;

  color: var(--rv-industry-text);

  font-size: 18px;
  line-height: 1.7;
}


/* =========================
   MAIN INDUSTRY GRID
   ========================= */

.rv-industries-grid {
  display: grid;

  grid-template-columns: repeat(3, 1fr);

  gap: 18px;
}

.rv-industry-card {
  position: relative;

  min-height: 370px;

  padding: 28px;

  border: 1px solid var(--rv-industry-border);
  border-radius: 22px;

  background: rgba(255,255,255,0.96);

  box-shadow:
    0 12px 34px rgba(18, 55, 82, 0.045);

  transition:
    transform 0.2s ease,
    box-shadow 0.2s ease,
    border-color 0.2s ease;
}

.rv-industry-card:hover {
  transform: translateY(-4px);

  border-color: #b9dfdf;

  box-shadow:
    0 20px 44px rgba(18, 55, 82, 0.08);
}


/* =========================
   CARD NUMBER
   ========================= */

.rv-industry-number {
  width: 44px;
  height: 44px;

  display: grid;
  place-items: center;

  margin-bottom: 28px;

  border-radius: 13px;

  background: var(--rv-industry-teal-soft);

  color: var(--rv-industry-teal-dark);

  font-size: 12px;
  font-weight: 900;
}


/* =========================
   CARD CONTENT
   ========================= */

.rv-industry-category {
  display: block;

  margin-bottom: 7px;

  color: var(--rv-industry-teal-dark);

  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.12em;
}

.rv-industry-content h3 {
  margin: 0 0 12px;

  color: var(--rv-industry-navy);

  font-size: 23px;
  line-height: 1.25;
}

.rv-industry-content > p {
  margin: 0;

  color: var(--rv-industry-text);

  font-size: 14px;
  line-height: 1.65;
}


/* =========================
   SERVICE TAGS
   ========================= */

.rv-industry-services {
  display: flex;
  flex-wrap: wrap;

  gap: 7px;

  margin-top: 24px;
}

.rv-industry-services span {
  padding: 7px 10px;

  border: 1px solid #dcebec;
  border-radius: 999px;

  background: #f7fbfc;

  color: #536f7e;

  font-size: 11px;
  font-weight: 700;
}


/* =========================
   ALSO BUILT FOR
   ========================= */

.rv-industries-more {
  margin-top: 30px;

  padding: 25px 28px;

  border: 1px solid var(--rv-industry-border);
  border-radius: 18px;

  background: #fff;
}

.rv-industries-more-label {
  margin-bottom: 14px;

  color: var(--rv-industry-teal-dark);

  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0.12em;
}

.rv-industries-more-list {
  display: flex;
  flex-wrap: wrap;

  gap: 9px;
}

.rv-industries-more-list span {
  padding: 9px 13px;

  border-radius: 10px;

  background: #f2f8fa;

  color: #486575;

  font-size: 13px;
  font-weight: 700;
}


/* =========================
   REVENUE CONNECTION BOX
   ========================= */

.rv-industries-connection {
  display: grid;

  grid-template-columns: 1fr auto;

  gap: 46px;

  align-items: center;

  margin-top: 30px;

  padding: 38px 40px;

  border-radius: 22px;

  background:
    linear-gradient(
      135deg,
      #123752 0%,
      #17445f 100%
    );
}

.rv-industries-connection-kicker {
  display: block;

  margin-bottom: 9px;

  color: #75ddd7;

  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.12em;
}

.rv-industries-connection h3 {
  margin: 0;

  color: #fff;

  font-size: clamp(1.6rem, 3vw, 2.35rem);
  line-height: 1.15;
}

.rv-industries-connection p {
  max-width: 760px;

  margin: 12px 0 0;

  color: #d2e2ea;

  font-size: 14px;
  line-height: 1.65;
}


/* =========================
   CTA
   ========================= */

.rv-industries-cta {
  display: inline-flex;

  align-items: center;
  justify-content: center;

  gap: 9px;

  min-width: 205px;
  min-height: 50px;

  padding: 0 20px;

  border-radius: 11px;

  background: #18a6a8;

  color: #fff;

  font-size: 14px;
  font-weight: 800;

  text-decoration: none;

  transition:
    transform 0.18s ease,
    background 0.18s ease;
}

.rv-industries-cta:hover {
  background: #0d8d90;

  transform: translateY(-2px);
}

.rv-industries-cta span {
  font-size: 17px;
}


/* =========================
   TABLET
   ========================= */

@media (max-width: 1000px) {

  .rv-industries-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .rv-industries-connection {
    grid-template-columns: 1fr;
  }

  .rv-industries-cta {
    justify-self: start;
  }

}


/* =========================
   MOBILE
   ========================= */

@media (max-width: 680px) {

  .rv-industries-section {
    padding: 68px 17px;
  }

  .rv-industries-heading {
    margin-bottom: 34px;
  }

  .rv-industries-heading p {
    font-size: 16px;
  }

  .rv-industries-grid {
    grid-template-columns: 1fr;
  }

  .rv-industry-card {
    min-height: 0;

    padding: 25px 22px;
  }

  .rv-industries-more {
    padding: 22px 18px;
  }

  .rv-industries-more-list {
    gap: 7px;
  }

  .rv-industries-more-list span {
    width: 100%;
  }

  .rv-industries-connection {
    padding: 30px 23px;
  }

  .rv-industries-cta {
    width: 100%;
  }

}

/* ★ 23 Oct: Growth Stack Savings (Jose GROWTH_STACK_SAVINGS.txt) */
/* =========================================================
   REVENUIVAAI — GROWTH STACK SAVINGS
   ========================================================= */

.rv-growth-savings {
  --rgs-navy: #123752;
  --rgs-navy-dark: #0d2e47;
  --rgs-teal: #16a3a6;
  --rgs-teal-dark: #087f83;
  --rgs-teal-soft: #edfafa;
  --rgs-text: #4e6878;
  --rgs-muted: #71838e;
  --rgs-border: #d8e6e9;
  --rgs-red-soft: #fff5f1;
  --rgs-red: #b95d42;

  position: relative;

  overflow: hidden;

  padding: 96px 24px;

  background:
    radial-gradient(
      circle at 88% 6%,
      rgba(22,163,166,.10),
      transparent 30%
    ),
    linear-gradient(
      180deg,
      #f8fcfd 0%,
      #ffffff 100%
    );
}


.rv-growth-savings-wrap {
  width: min(1180px, 100%);

  margin: 0 auto;
}


/* =========================================================
   HEADING
   ========================================================= */

.rv-growth-savings-heading {
  max-width: 900px;

  margin-bottom: 46px;
}


.rv-growth-savings-eyebrow {
  display: block;

  margin-bottom: 13px;

  color: var(--rgs-teal-dark);

  font-size: 12px;

  font-weight: 900;

  letter-spacing: .12em;
}


.rv-growth-savings-heading h2 {
  margin: 0;

  color: var(--rgs-navy);

  font-size: clamp(
    2.5rem,
    5vw,
    4.4rem
  );

  line-height: 1.02;

  letter-spacing: -.05em;
}


.rv-growth-savings-heading h2 span {
  display: block;

  color: var(--rgs-teal-dark);
}


.rv-growth-savings-heading p {
  max-width: 820px;

  margin: 19px 0 0;

  color: var(--rgs-text);

  font-size: 17px;

  line-height: 1.7;
}


/* =========================================================
   COMPARISON
   ========================================================= */

.rv-growth-comparison {
  display: grid;

  grid-template-columns:
    minmax(0, 1fr)
    62px
    minmax(0, 1fr);

  gap: 18px;

  align-items: stretch;
}


/* =========================================================
   STACK CARDS
   ========================================================= */

.rv-growth-stack-card {
  position: relative;

  padding: 34px;

  border: 1px solid var(--rgs-border);

  border-radius: 24px;

  background: #fff;

  box-shadow:
    0 18px 45px
    rgba(18,55,82,.055);
}


.rv-external-stack {
  background:
    linear-gradient(
      180deg,
      #ffffff 0%,
      #fbfcfd 100%
    );
}


.rv-revenuiva-stack {
  border: 2px solid
    rgba(22,163,166,.48);

  background:
    linear-gradient(
      145deg,
      #f0fbfb 0%,
      #ffffff 52%
    );

  box-shadow:
    0 22px 55px
    rgba(22,163,166,.10);
}


/* =========================================================
   BEST VALUE
   ========================================================= */

.rv-stack-best-value {
  position: absolute;

  top: -13px;

  right: 24px;

  padding: 7px 13px;

  border-radius: 999px;

  background: var(--rgs-teal);

  color: #fff;

  font-size: 10px;

  font-weight: 900;

  letter-spacing: .10em;

  box-shadow:
    0 8px 18px
    rgba(22,163,166,.22);
}


/* =========================================================
   CARD PRICE
   ========================================================= */

.rv-stack-label {
  display: block;

  color: var(--rgs-teal-dark);

  font-size: 11px;

  font-weight: 900;

  letter-spacing: .11em;
}


.rv-stack-price {
  display: flex;

  flex-wrap: wrap;

  align-items: baseline;

  gap: 5px;

  margin-top: 12px;

  color: var(--rgs-navy-dark);

  font-size: clamp(
    3.2rem,
    6vw,
    4.8rem
  );

  font-weight: 800;

  line-height: 1;

  letter-spacing: -.055em;
}


.rv-stack-price > span {
  font-size: 25px;
}


.rv-stack-price small {
  color: #6c7f8c;

  font-size: 13px;

  font-weight: 500;

  letter-spacing: 0;
}


.rv-stack-card-top > p {
  min-height: 76px;

  margin: 16px 0 0;

  color: var(--rgs-text);

  font-size: 14px;

  line-height: 1.6;
}


/* =========================================================
   TOOL LIST
   ========================================================= */

.rv-stack-tools {
  margin-top: 25px;

  padding-top: 18px;

  border-top: 1px solid
    #e7eef0;
}


.rv-stack-tool {
  display: grid;

  grid-template-columns:
    29px
    1fr;

  gap: 11px;

  align-items: start;

  padding: 10px 0;

  border-bottom: 1px solid
    #edf2f3;
}


.rv-stack-tool:last-child {
  border-bottom: 0;
}


.rv-stack-tool strong,
.rv-stack-tool small {
  display: block;
}


.rv-stack-tool strong {
  color: #344f60;

  font-size: 14px;

  line-height: 1.4;
}


.rv-stack-tool small {
  margin-top: 3px;

  color: #788995;

  font-size: 11px;

  line-height: 1.45;
}


/* =========================================================
   ICONS
   ========================================================= */

.rv-stack-check {
  width: 24px;

  height: 24px;

  display: grid;

  place-items: center;

  border-radius: 50%;

  background: #f1f5f6;

  color: #69818d;

  font-size: 12px;

  font-weight: 900;
}


.rv-stack-number {
  width: 27px;

  height: 27px;

  display: grid;

  place-items: center;

  border-radius: 8px;

  background: var(--rgs-teal-soft);

  color: var(--rgs-teal-dark);

  font-size: 10px;

  font-weight: 900;
}


/* =========================================================
   BOTTOM CARD MESSAGES
   ========================================================= */

.rv-stack-warning,
.rv-stack-benefit {
  margin-top: 20px;

  padding: 14px 16px;

  border-radius: 11px;

  font-size: 12px;

  font-weight: 700;

  line-height: 1.5;
}


.rv-stack-warning {
  border: 1px solid #f1ddd5;

  background: var(--rgs-red-soft);

  color: var(--rgs-red);
}


.rv-stack-benefit {
  border: 1px solid #cce7e5;

  background: var(--rgs-teal-soft);

  color: var(--rgs-teal-dark);
}


/* =========================================================
   VS
   ========================================================= */

.rv-growth-vs {
  display: flex;

  align-items: center;

  justify-content: center;
}


.rv-growth-vs span {
  width: 48px;

  height: 48px;

  display: grid;

  place-items: center;

  border: 1px solid
    #cde2e5;

  border-radius: 50%;

  background: #fff;

  color: var(--rgs-navy);

  font-size: 12px;

  font-weight: 900;

  box-shadow:
    0 8px 22px
    rgba(18,55,82,.08);
}


/* =========================================================
   SAVINGS RESULT
   ========================================================= */

.rv-growth-saving-result {
  display: grid;

  grid-template-columns:
    1.5fr
    .7fr
    1px
    .8fr
    1px
    .8fr;

  gap: 28px;

  align-items: center;

  margin-top: 28px;

  padding: 31px 34px;

  border: 1px solid
    #cde5e4;

  border-radius: 20px;

  background:
    linear-gradient(
      135deg,
      #eaf9f8 0%,
      #f8fdfd 100%
    );
}


.rv-saving-kicker {
  display: block;

  margin-bottom: 6px;

  color: var(--rgs-teal-dark);

  font-size: 10px;

  font-weight: 900;

  letter-spacing: .10em;
}


.rv-saving-intro h3 {
  margin: 0;

  color: var(--rgs-navy);

  font-size: 23px;

  line-height: 1.2;
}


.rv-saving-intro h3 span {
  color: var(--rgs-teal-dark);
}


.rv-saving-stat strong,
.rv-saving-stat span {
  display: block;
}


.rv-saving-stat strong {
  color: var(--rgs-navy);

  font-size: 30px;

  line-height: 1;
}


.rv-saving-stat span {
  margin-top: 5px;

  color: #687f8a;

  font-size: 11px;

  line-height: 1.4;
}


.rv-saving-highlight strong {
  color: var(--rgs-teal-dark);
}


.rv-saving-divider {
  width: 1px;

  height: 55px;

  background: #c9dede;
}


/* =========================================================
   CONNECTED VALUE
   ========================================================= */

.rv-growth-connected-value {
  display: grid;

  grid-template-columns:
    1fr
    .95fr;

  gap: 48px;

  align-items: center;

  margin-top: 28px;

  padding: 38px 40px;

  border-radius: 22px;

  background:
    linear-gradient(
      135deg,
      #123752 0%,
      #17445f 100%
    );
}


.rv-growth-connected-kicker {
  display: block;

  margin-bottom: 8px;

  color: #76ddd7;

  font-size: 10px;

  font-weight: 900;

  letter-spacing: .12em;
}


.rv-growth-connected-value h3 {
  margin: 0;

  color: #fff;

  font-size: clamp(
    1.65rem,
    3vw,
    2.35rem
  );

  line-height: 1.16;
}


.rv-growth-connected-value p {
  margin: 13px 0 0;

  color: #d2e3e9;

  font-size: 14px;

  line-height: 1.65;
}


/* =========================================================
   MINI FLOW
   ========================================================= */

.rv-growth-mini-flow {
  display: flex;

  flex-wrap: wrap;

  align-items: center;

  justify-content: center;

  gap: 7px;
}


.rv-growth-mini-flow span {
  padding: 10px 12px;

  border: 1px solid
    rgba(255,255,255,.16);

  border-radius: 999px;

  background:
    rgba(255,255,255,.07);

  color: #fff;

  font-size: 11px;

  font-weight: 800;
}


.rv-growth-mini-flow b {
  color: #71ddd6;
}


/* =========================================================
   CTA
   ========================================================= */

.rv-growth-savings-cta {
  display: flex;

  justify-content: space-between;

  gap: 30px;

  align-items: center;

  margin-top: 28px;

  padding: 24px 28px;

  border: 1px solid
    var(--rgs-border);

  border-radius: 18px;

  background: #fff;
}


.rv-growth-savings-cta strong,
.rv-growth-savings-cta > div > span {
  display: block;
}


.rv-growth-savings-cta strong {
  color: var(--rgs-navy);

  font-size: 17px;
}


.rv-growth-savings-cta > div > span {
  margin-top: 4px;

  color: var(--rgs-muted);

  font-size: 13px;
}


.rv-growth-savings-button {
  display: inline-flex;

  align-items: center;

  justify-content: center;

  gap: 8px;

  min-width: 225px;

  min-height: 49px;

  padding: 0 20px;

  border-radius: 11px;

  background: var(--rgs-teal);

  color: #fff;

  font-size: 13px;

  font-weight: 800;

  text-decoration: none;

  transition:
    background .18s ease,
    transform .18s ease;
}


.rv-growth-savings-button:hover {
  background: var(--rgs-teal-dark);

  transform: translateY(-2px);
}


/* =========================================================
   DISCLAIMER
   ========================================================= */

.rv-growth-savings-disclaimer {
  max-width: 1040px;

  margin: 18px auto 0;

  color: #87959e;

  font-size: 10px;

  line-height: 1.55;

  text-align: center;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1000px) {

  .rv-growth-comparison {
    grid-template-columns: 1fr;
  }


  .rv-growth-vs {
    min-height: 42px;
  }


  .rv-growth-saving-result {
    grid-template-columns:
      repeat(3, 1fr);
  }


  .rv-saving-intro {
    grid-column: 1 / -1;
  }


  .rv-saving-divider {
    display: none;
  }


  .rv-growth-connected-value {
    grid-template-columns: 1fr;
  }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 680px) {

  .rv-growth-savings {
    padding: 68px 17px;
  }


  .rv-growth-savings-heading p {
    font-size: 15px;
  }


  .rv-growth-stack-card {
    padding: 27px 21px;
  }


  .rv-stack-card-top > p {
    min-height: 0;
  }


  .rv-growth-saving-result {
    grid-template-columns: 1fr;

    gap: 18px;

    padding: 26px 22px;
  }


  .rv-saving-stat {
    padding: 8px 0;

    border-top: 1px solid
      #d1e4e3;
  }


  .rv-growth-connected-value {
    padding: 30px 23px;
  }


  .rv-growth-mini-flow {
    justify-content: flex-start;
  }


  .rv-growth-savings-cta {
    align-items: flex-start;

    flex-direction: column;
  }


  .rv-growth-savings-button {
    width: 100%;
  }

}

#growth-addons,#growth-savings{scroll-margin-top:90px}

/* Lisa (the live site chat widget, 22 Oct 2026), its live-site colour variables mapped to v5 */
#revvy-widget{--accent:var(--teal);--primary:var(--navy);--border-color:var(--line);--neutral-light:#f3f7f9;--font-stack:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}
/* ============ AI ASSISTANT CHATBOT (2026-07-20) ============ */
#revvy-widget { position: fixed; bottom: 24px; right: 24px; z-index: 9999; font-family: var(--font-stack); }
#revvy-bubble {
    width: 60px; height: 60px; border-radius: 50%; border: none; cursor: pointer;
    background: linear-gradient(150deg, #002244 0%, #013a73 100%);
    box-shadow: 0 8px 26px rgba(0, 34, 68, 0.38);
    display: flex; align-items: center; justify-content: center;
    position: relative; transition: transform 0.18s ease, box-shadow 0.18s ease;
}
#revvy-bubble::after {
    content: ""; position: absolute; top: 6px; right: 6px; width: 12px; height: 12px;
    background: var(--accent); border: 2px solid #fff; border-radius: 50%;
}
#revvy-bubble:hover { transform: translateY(-2px) scale(1.04); box-shadow: 0 12px 32px rgba(0, 34, 68, 0.46); }
#revvy-bubble .revvy-ico-close { display: none; }
#revvy-widget.revvy-open #revvy-bubble .revvy-ico-chat { display: none; }
#revvy-widget.revvy-open #revvy-bubble .revvy-ico-close { display: block; }
#revvy-widget.revvy-open #revvy-bubble::after { display: none; }

#revvy-panel {
    position: absolute; bottom: 76px; right: 0; width: 370px; max-width: calc(100vw - 32px);
    height: 540px; max-height: calc(100vh - 120px);
    background: #fff; border-radius: 18px; overflow: hidden;
    box-shadow: 0 24px 60px rgba(0, 34, 68, 0.28); border: 1px solid var(--border-color);
    display: flex; flex-direction: column;
    opacity: 0; transform: translateY(14px) scale(0.97); pointer-events: none;
    transition: opacity 0.2s ease, transform 0.2s ease;
}
#revvy-widget.revvy-open #revvy-panel { opacity: 1; transform: translateY(0) scale(1); pointer-events: auto; }

.revvy-head { background: linear-gradient(150deg, #002244 0%, #013a73 100%); color: #fff; padding: 15px 16px; display: flex; align-items: center; justify-content: space-between; }
.revvy-head-l { display: flex; align-items: center; gap: 11px; }
.revvy-avatar { width: 38px; height: 38px; border-radius: 50%; background: var(--accent); color: #fff; font-weight: 800; font-size: 1.1rem; display: flex; align-items: center; justify-content: center; }
.revvy-title { font-weight: 700; font-size: 1rem; line-height: 1.2; }
.revvy-status { font-size: 0.76rem; opacity: 0.85; display: flex; align-items: center; gap: 5px; margin-top: 2px; }
.revvy-dot { width: 7px; height: 7px; border-radius: 50%; background: #22c55e; display: inline-block; box-shadow: 0 0 0 rgba(34,197,94,0.5); animation: revvyPulse 2s infinite; }
@keyframes revvyPulse { 0%{box-shadow:0 0 0 0 rgba(34,197,94,0.5);} 70%{box-shadow:0 0 0 6px rgba(34,197,94,0);} 100%{box-shadow:0 0 0 0 rgba(34,197,94,0);} }
.revvy-x { background: none; border: none; color: #fff; cursor: pointer; opacity: 0.85; padding: 4px; display: flex; }
.revvy-x:hover { opacity: 1; }

#revvy-msgs { flex: 1; overflow-y: auto; padding: 16px; background: var(--neutral-light); display: flex; flex-direction: column; gap: 10px; }
.revvy-msg { display: flex; }
.revvy-msg.revvy-user { justify-content: flex-end; }
.revvy-b { max-width: 82%; padding: 10px 13px; border-radius: 14px; font-size: 0.9rem; line-height: 1.45; white-space: normal; word-wrap: break-word; }
.revvy-bot .revvy-b { background: #fff; color: #1e293b; border: 1px solid var(--border-color); border-bottom-left-radius: 4px; }
.revvy-user .revvy-b { background: var(--primary); color: #fff; border-bottom-right-radius: 4px; }
.revvy-typing { display: flex; gap: 4px; align-items: center; }
.revvy-typing span { width: 7px; height: 7px; border-radius: 50%; background: #94a3b8; display: inline-block; animation: revvyBlink 1.2s infinite; }
.revvy-typing span:nth-child(2){ animation-delay: 0.2s; } .revvy-typing span:nth-child(3){ animation-delay: 0.4s; }
@keyframes revvyBlink { 0%,60%,100%{opacity:0.3;} 30%{opacity:1;} }

.revvy-input { display: flex; align-items: flex-end; gap: 8px; padding: 10px 12px; border-top: 1px solid var(--border-color); background: #fff; }
#revvy-text { flex: 1; resize: none; border: 1px solid var(--border-color); border-radius: 12px; padding: 10px 12px; font-family: inherit; font-size: 0.9rem; line-height: 1.4; max-height: 110px; outline: none; color: #1e293b; }
#revvy-text:focus { border-color: var(--accent); }
#revvy-send { width: 40px; height: 40px; flex: none; border: none; border-radius: 10px; background: var(--accent); cursor: pointer; display: flex; align-items: center; justify-content: center; transition: filter 0.15s ease; }
#revvy-send:hover { filter: brightness(1.08); }
#revvy-send:disabled { opacity: 0.5; cursor: default; }
.revvy-foot { text-align: center; font-size: 0.68rem; color: #94a3b8; padding: 6px 0 9px; background: #fff; }

/* RTL */
[dir="rtl"] #revvy-widget { right: auto; left: 24px; }
[dir="rtl"] #revvy-panel { right: auto; left: 0; }
[dir="rtl"] #revvy-bubble::after { right: auto; left: 6px; }
[dir="rtl"] .revvy-msg.revvy-user { justify-content: flex-start; }
[dir="rtl"] .revvy-bot .revvy-b { border-bottom-left-radius: 14px; border-bottom-right-radius: 4px; }
[dir="rtl"] .revvy-user .revvy-b { border-bottom-right-radius: 14px; border-bottom-left-radius: 4px; }

@media (max-width: 480px) {
    #revvy-widget { bottom: 16px; right: 16px; }
    [dir="rtl"] #revvy-widget { left: 16px; right: auto; }
    #revvy-panel { width: calc(100vw - 24px); height: calc(100vh - 110px); bottom: 72px; }
}