/* =====================================================================
   Add-on page themes (1.7.0)
   Each add-on page's <body> gets "vtx vtx--<theme> vtx-acc--<accent>".
   Six themes: studio, editorial, blueprint, night, split, spotlight.
   Five accents from the logo: orange, gold, sky, leaf, blue.
   Only styling lives here: no text. Dark areas stay slate navy with blue glows.
   ===================================================================== */

/* ---------- Accents ---------- */
body.vtx{--xa:#5db9ea;--xd:#2a7fb5;--xs:#e3f2fb;--xr:93,185,234}
body.vtx-acc--orange{--xa:#f58436;--xd:#c4581a;--xs:#fdeee3;--xr:245,132,54}
body.vtx-acc--gold{--xa:#f5a21f;--xd:#b26f06;--xs:#fff1d8;--xr:245,162,31}
body.vtx-acc--sky{--xa:#5db9ea;--xd:#2a7fb5;--xs:#e3f2fb;--xr:93,185,234}
body.vtx-acc--leaf{--xa:#8cc63f;--xd:#4f7f18;--xs:#eaf5d9;--xr:140,198,63}
body.vtx-acc--blue{--xa:#2a7fb5;--xd:#1d5f8a;--xs:#dfeaf3;--xr:42,127,181}

/* Shared: accent on small parts of every themed page */
body.vtx .vt-section .vt-kicker .vt-dia{background:var(--xa)}
body.vtx .vt-section .oc-step__node,body.vtx .vt-section .oc-step.is-done .oc-step__node{background:var(--xa);border-color:var(--xa);color:#fff}
body.vtx-acc--gold .vt-section .oc-step__node,body.vtx-acc--leaf .vt-section .oc-step__node,body.vtx-acc--sky .vt-section .oc-step__node{color:#1f2b3b}
body.vtx .vt-section .oc-cmp__head>div:last-child{color:var(--xd)}
body.vtx .vt-faq summary:hover{color:var(--xd)}
body.vtx .vto-hero__illus svg{max-width:100%}

/* =====================================================================
   1. STUDIO: light, copy left, illustration framed in a tinted panel at right
   ===================================================================== */
body.vtx--studio .vto-hero{background:radial-gradient(900px 640px at 100% 30%,rgba(var(--xr),.16),transparent 70%),linear-gradient(180deg,#fff 0%,#faf9f6 100%)!important;padding-top:88px}
body.vtx--studio .vto-hero .vto-hero__inner{display:grid!important;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:56px;align-items:center;text-align:left}
body.vtx--studio .vto-hero .vto-hero__copy{max-width:640px;margin:0}
body.vtx--studio .vto-hero .vto-hero__title{font-size:clamp(2.2rem,3.5vw,3.2rem);max-width:none;margin:0}
body.vtx--studio .vto-hero .vto-hero__lede{margin:22px 0 32px}
body.vtx--studio .vto-hero .vto-hero__btns,body.vtx--studio .vto-hero .vto-trust{justify-content:flex-start!important}
body.vtx--studio .vto-hero .vto-hero__illus{order:2!important;margin:0;max-width:none;position:relative;padding:44px 36px;border-radius:36px;background:linear-gradient(155deg,#fff 0%,var(--xs) 100%);border:1px solid rgba(var(--xr),.28);box-shadow:0 50px 90px -50px rgba(var(--xr),.65),inset 0 1px 0 #fff}
body.vtx--studio .vto-hero .vto-hero__illus::before{content:"";position:absolute;inset:14px;border-radius:26px;border:1px dashed rgba(var(--xr),.35);pointer-events:none}
body.vtx--studio .vto-hero .vto-hero__illus svg{width:100%;max-width:none}
body.vtx--studio .vto-hero .oc-label__icon{background:var(--xs)!important;color:var(--xd)!important;box-shadow:0 0 0 4px rgba(var(--xr),.18)!important}
body.vtx--studio .vt-section .vt-kicker{background:var(--xs);color:var(--xd);padding:6px 14px 6px 12px;border-radius:999px;font-size:.88rem;font-weight:700}
body.vtx--studio .vt-section .vt-tile{border-radius:22px;box-shadow:0 24px 44px -34px rgba(var(--xr),.7)}
body.vtx--studio .vt-section .vt-tile__icon{background:var(--xs)!important;color:var(--xd)!important}
body.vtx--studio .vt-section.vt-bg-bone{background:linear-gradient(180deg,var(--vt-bone) 0%,var(--xs) 140%)}
body.vtx--studio .vt-section .vt-shot{border-radius:18px!important}

/* =====================================================================
   2. EDITORIAL: warm paper, large type, an angled accent band under the hero
   ===================================================================== */
body.vtx--editorial .vto-hero{background:linear-gradient(180deg,#fffdf9 0%,#f7f3ea 100%)!important;padding:100px 0 150px!important;border-bottom:0!important;clip-path:polygon(0 0,100% 0,100% calc(100% - 64px),0 100%)}
body.vtx--editorial .vto-hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:78px;background:linear-gradient(90deg,var(--xa),rgba(var(--xr),.6));clip-path:polygon(0 calc(100% - 16px),100% 0,100% 14px,0 100%);z-index:0}
body.vtx--editorial .vto-hero .vto-hero__inner{display:grid!important;grid-template-columns:minmax(0,1.18fr) minmax(0,.82fr);gap:48px;align-items:center;text-align:left}
body.vtx--editorial .vto-hero .vto-hero__copy{max-width:700px;margin:0;padding-left:28px;border-left:6px solid var(--xa)}
body.vtx--editorial .vto-hero .vto-hero__title{font-size:clamp(2.3rem,3.9vw,3.6rem);letter-spacing:-.035em;max-width:none;margin:0}
body.vtx--editorial .vto-hero .vto-hero__lede{margin:24px 0 32px;font-size:1.2rem}
body.vtx--editorial .vto-hero .vto-hero__btns,body.vtx--editorial .vto-hero .vto-trust{justify-content:flex-start!important}
body.vtx--editorial .vto-hero .vto-hero__illus{order:2!important;margin:0;max-width:none}
body.vtx--editorial .vto-hero .oc-label{text-transform:uppercase;letter-spacing:.12em;font-size:.82rem}
body.vtx--editorial .vto-hero .oc-label__icon{background:var(--xa)!important;color:#fff!important;box-shadow:none!important;border-radius:8px!important}
body.vtx--editorial .vt-section .vt-kicker{text-transform:uppercase;letter-spacing:.14em;font-size:.78rem;font-weight:800;color:var(--xd)}
body.vtx--editorial .vt-section .vt-kicker .vt-dia{width:28px;height:3px;transform:none;border-radius:2px}
body.vtx--editorial .vt-section .vt-h2{letter-spacing:-.035em}
body.vtx--editorial .vt-section .vt-tile{background:transparent;border:0;border-top:3px solid var(--xa);border-radius:0;box-shadow:none;padding:22px 4px 8px}
body.vtx--editorial .vt-section .vt-tile__icon{background:transparent!important;color:var(--xd)!important;border:2px solid rgba(var(--xr),.45);border-radius:50%!important}
body.vtx--editorial .vt-section.vt-bg-bone{background:#f7f3ea}
body.vtx--editorial .vt-section .vt-shot{border-radius:6px!important}

/* =====================================================================
   3. BLUEPRINT: cool, technical, fine grid, square corners, corner marks
   ===================================================================== */
body.vtx--blueprint .vto-hero{background:linear-gradient(rgba(42,127,181,.07) 1px,transparent 1px) 0 0/32px 32px,linear-gradient(90deg,rgba(42,127,181,.07) 1px,transparent 1px) 0 0/32px 32px,linear-gradient(180deg,#f6fafd 0%,#eef4f9 100%)!important;border-bottom:1px solid #cfdeea!important;padding-top:88px}
body.vtx--blueprint .vto-hero .vto-hero__inner{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:center;text-align:left}
body.vtx--blueprint .vto-hero .vto-hero__copy{max-width:620px;margin:0}
body.vtx--blueprint .vto-hero .vto-hero__title{font-size:clamp(2.2rem,3.5vw,3.2rem);max-width:none;margin:0}
body.vtx--blueprint .vto-hero .vto-hero__lede{margin:22px 0 32px}
body.vtx--blueprint .vto-hero .vto-hero__btns,body.vtx--blueprint .vto-hero .vto-trust{justify-content:flex-start!important}
body.vtx--blueprint .vto-hero .vto-hero__illus{order:2!important;margin:0;max-width:none;position:relative;padding:36px;background:#fff;border:1px solid #cfdeea;border-radius:4px;box-shadow:12px 12px 0 rgba(var(--xr),.16)}
body.vtx--blueprint .vto-hero .vto-hero__illus::before,body.vtx--blueprint .vto-hero .vto-hero__illus::after{content:"";position:absolute;width:22px;height:22px;border:3px solid var(--xa);pointer-events:none}
body.vtx--blueprint .vto-hero .vto-hero__illus::before{top:-8px;left:-8px;border-right:0;border-bottom:0}
body.vtx--blueprint .vto-hero .vto-hero__illus::after{bottom:-8px;right:-8px;border-left:0;border-top:0}
body.vtx--blueprint .vto-hero .oc-label{font-size:.9rem;padding:6px 12px 6px 6px;border:1px solid #cfdeea;background:#fff;border-radius:4px}
body.vtx--blueprint .vto-hero .oc-label__icon{border-radius:3px!important;background:var(--xs)!important;color:var(--xd)!important;box-shadow:none!important}
body.vtx--blueprint .vto-hero__shot .vt-shot{border-radius:6px!important}
body.vtx--blueprint .vt-section .vt-kicker{border:1px solid rgba(var(--xr),.45);background:#fff;color:var(--xd);padding:5px 12px;border-radius:3px;font-size:.82rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
body.vtx--blueprint .vt-section .vt-kicker .vt-dia{border-radius:0}
body.vtx--blueprint .vt-section .vt-tile{border-radius:4px;border:1px solid #cfdeea;border-left:4px solid var(--xa);box-shadow:none}
body.vtx--blueprint .vt-section .vt-tile__icon{border-radius:4px!important;background:var(--xs)!important;color:var(--xd)!important}
body.vtx--blueprint .vt-section.vt-bg-bone{background:linear-gradient(rgba(42,127,181,.05) 1px,transparent 1px) 0 0/32px 32px,linear-gradient(90deg,rgba(42,127,181,.05) 1px,transparent 1px) 0 0/32px 32px,#f3f7fa}
body.vtx--blueprint .vt-section .vt-shot{border-radius:4px!important}
body.vtx--blueprint .vt-faq details{border-color:#cfdeea}

/* =====================================================================
   4. NIGHT: slate navy console, centered, the art on a lit floor,
      screenshots shown as complete windows (never cut at the edge)
   ===================================================================== */
body.vtx--night .vto-hero{background:radial-gradient(900px 520px at 50% 0%,rgba(var(--night-glow,93,185,234),.30),transparent 70%),radial-gradient(1100px 600px at 50% 100%,rgba(42,127,181,.34),transparent 70%),#1f2b3b!important;padding:96px 0 112px!important}
body.vtx--night .vto-hero .oc-label{padding:7px 16px 7px 7px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);color:#fff}
body.vtx--night .vto-hero .oc-label__icon{background:var(--xa)!important;color:#1f2b3b!important;box-shadow:0 0 22px rgba(93,185,234,.6)!important}
body.vtx--night .vto-hero .vto-hero__illus--below{position:relative;margin-top:64px;padding:8px 0 30px}
body.vtx--night .vto-hero .vto-hero__illus--below::after{content:"";position:absolute;left:8%;right:8%;bottom:0;height:60px;background:radial-gradient(50% 50% at 50% 50%,rgba(93,185,234,.45),transparent 70%);z-index:-1}
body.vtx--night .vto-hero .vto-hero__illus--below::before{content:"";position:absolute;left:4%;right:4%;bottom:28px;height:1px;background:linear-gradient(90deg,transparent,rgba(var(--xr),.85),transparent)}
body.vtx--night .vto-hero__shot{margin-top:56px;width:min(1080px,calc(100% - 40px))}
body.vtx--night .vto-hero__shot .vt-shot{border-radius:16px!important;box-shadow:0 0 0 1px rgba(255,255,255,.12),0 40px 100px -30px rgba(93,185,234,.55)!important;max-height:620px;overflow:hidden;display:block}
body.vtx--night .vto-hero__shot .vt-shot::after{content:"";position:absolute;left:0;right:0;bottom:0;height:120px;background:linear-gradient(180deg,rgba(31,43,59,0),rgba(31,43,59,.85));pointer-events:none}
body.vtx--night .vto-hero__shot .vt-shot{position:relative}
body.vtx--night .vt-section .vt-kicker{text-transform:uppercase;letter-spacing:.12em;font-size:.8rem;font-weight:800;color:var(--xd)}
body.vtx--night .vt-section .vt-kicker .vt-dia{border-radius:50%;transform:none;box-shadow:0 0 0 4px rgba(var(--xr),.22)}
body.vtx--night .vt-section .vt-h2::after{content:"";display:block;width:56px;height:4px;border-radius:4px;margin-top:18px;background:linear-gradient(90deg,var(--xa),rgba(var(--xr),.2))}
body.vtx--night .vt-section .vt-tile{border-left:3px solid var(--xa)}
body.vtx--night .vt-section .vt-tile__icon{background:#1f2b3b!important;color:var(--xa)!important}
body.vtx--night .vt-section.vt-bg-bone{background:linear-gradient(180deg,#f3f6f9 0%,#eef2f6 100%)}

/* =====================================================================
   5. SPLIT: white copy side, slate navy art panel bleeding off the right
   ===================================================================== */
body.vtx--split .vto-hero{background:#fff!important;padding:0!important;border-bottom:1px solid var(--vt-line)!important;overflow:hidden}
body.vtx--split .vto-hero::before{content:"";position:absolute;top:0;bottom:0;right:0;width:calc(50% - 40px);border-radius:0 0 0 64px;background:radial-gradient(520px 420px at 30% 30%,rgba(93,185,234,.3),transparent 70%),radial-gradient(600px 500px at 100% 100%,rgba(42,127,181,.45),transparent 70%),#1f2b3b;z-index:0}
body.vtx--split .vto-hero .vto-hero__inner{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:96px;align-items:center;text-align:left;min-height:620px}
body.vtx--split .vto-hero .vto-hero__copy{max-width:560px;margin:0;padding:88px 0}
body.vtx--split .vto-hero .vto-hero__title{font-size:clamp(2.2rem,3.4vw,3.1rem);max-width:none;margin:0}
body.vtx--split .vto-hero .vto-hero__lede{margin:22px 0 32px}
body.vtx--split .vto-hero .vto-hero__btns,body.vtx--split .vto-hero .vto-trust{justify-content:flex-start!important}
body.vtx--split .vto-hero .vto-hero__illus{order:2!important;margin:0;max-width:none;padding:56px 0}
body.vtx--split .vto-hero .oc-label__icon{background:#1f2b3b!important;color:var(--xa)!important;box-shadow:0 0 0 4px rgba(var(--xr),.22)!important}
body.vtx--split .vt-section .vt-kicker{color:var(--xd);font-weight:800}
body.vtx--split .vt-section .vt-tile{border-radius:18px;transition:transform .2s,box-shadow .2s}
body.vtx--split .vt-section .vt-tile:hover{transform:translateY(-3px);box-shadow:0 26px 40px -30px rgba(31,43,59,.6)}
body.vtx--split .vt-section .vt-tile__icon{background:#1f2b3b!important;color:var(--xa)!important;border-radius:50%!important}
body.vtx--split .vt-section.vt-bg-bone{background:linear-gradient(90deg,var(--vt-bone) 0%,var(--vt-bone) 60%,var(--xs) 140%)}

/* =====================================================================
   6. SPOTLIGHT: bright blue hero, centered, the art on a raised stage
      that overlaps into the next section
   ===================================================================== */
body.vtx--spotlight .vto-hero{background:radial-gradient(900px 560px at 15% 0%,rgba(105,198,240,.55),transparent 70%),radial-gradient(900px 600px at 100% 100%,rgba(29,95,138,.9),transparent 70%),linear-gradient(160deg,#2f8fcb 0%,#226ea3 55%,#1d5f8a 100%)!important;padding:96px 0 0!important;border-bottom:0!important;margin-bottom:120px}
body.vtx--spotlight .vto-hero .vto-hero__inner{display:block!important;text-align:center}
body.vtx--spotlight .vto-hero .vto-hero__copy{margin:0 auto;max-width:940px}
body.vtx--spotlight .vto-hero .vto-hero__title{margin:0 auto;max-width:24ch;color:#fff}
body.vtx--spotlight .vto-hero .vto-hero__lede{margin:22px auto 32px;max-width:36em;color:#e4f1fa}
body.vtx--spotlight .vto-hero .vto-hero__btns,body.vtx--spotlight .vto-hero .vto-trust{justify-content:center!important}
body.vtx--spotlight .vto-hero .oc-trust{color:#d3e7f5}
body.vtx--spotlight .vto-hero .oc-trust b{color:#fff}
body.vtx--spotlight .vto-hero .oc-label{color:#fff}
body.vtx--spotlight .vto-hero .vto-hero__lede a{color:#fff!important;text-decoration:underline;text-underline-offset:3px}
body.vtx--spotlight .vto-hero .oc-trust .vt-dia--sky{background:#fff}
body.vtx--spotlight .vto-hero .oc-label__icon{background:#fff!important;color:var(--xd)!important;box-shadow:0 0 0 5px rgba(255,255,255,.22)!important}
body.vtx--spotlight .vto-hero .vt-accent-grad{background:linear-gradient(90deg,#ffd27a,#fff3d6 50%,#ffd27a);-webkit-background-clip:text;background-clip:text;color:transparent}
body.vtx--spotlight .vto-hero .vt-btn--outline{border-color:rgba(255,255,255,.55)!important;color:#fff!important;background:transparent!important}
body.vtx--spotlight .vto-hero .vto-hero__illus{position:relative;margin:64px auto -120px;max-width:1000px;padding:44px 40px;border-radius:32px;background:#fff;box-shadow:0 50px 100px -40px rgba(29,95,138,.75),0 0 0 1px rgba(29,95,138,.08);z-index:2}
body.vtx--spotlight .vto-hero .vto-hero__illus::before{content:"";position:absolute;left:32px;right:32px;top:0;height:5px;border-radius:0 0 6px 6px;background:var(--xa)}
body.vtx--spotlight.vtx-stage--dark .vto-hero .vto-hero__illus{background:radial-gradient(600px 300px at 50% 0%,rgba(93,185,234,.28),transparent 70%),#1f2b3b;box-shadow:0 50px 100px -40px rgba(29,95,138,.9),0 0 0 1px rgba(255,255,255,.1)}
body.vtx--spotlight .vto-hero .vto-hero__illus svg{max-width:820px}
body.vtx--spotlight .vto-hero__shot{margin-top:64px}
body.vtx--spotlight .vt-section .vt-kicker{color:var(--xd);font-weight:800}
body.vtx--spotlight .vt-section .vt-kicker .vt-dia{width:12px;height:12px;border-radius:50%;transform:none}
body.vtx--spotlight .vt-section .vt-tile{border-radius:20px;border-top:4px solid var(--xa)}
body.vtx--spotlight .vt-section .vt-tile__icon{background:var(--xa)!important;color:#fff!important;border-radius:50%!important}
body.vtx--spotlight.vtx-acc--gold .vt-section .vt-tile__icon,body.vtx--spotlight.vtx-acc--leaf .vt-section .vt-tile__icon,body.vtx--spotlight.vtx-acc--sky .vt-section .vt-tile__icon{color:#1f2b3b!important}

/* ---------- Narrower screens ---------- */
@media (max-width:980px){
  body.vtx--studio .vto-hero .vto-hero__inner,body.vtx--editorial .vto-hero .vto-hero__inner,body.vtx--blueprint .vto-hero .vto-hero__inner,body.vtx--split .vto-hero .vto-hero__inner{grid-template-columns:1fr;gap:40px;min-height:0}
  body.vtx--split .vto-hero::before{display:none}
  body.vtx--split .vto-hero .vto-hero__copy{padding:64px 0 0;max-width:none}
  body.vtx--split .vto-hero .vto-hero__illus{padding:28px 16px;margin-bottom:56px;border-radius:28px;background:radial-gradient(420px 300px at 30% 20%,rgba(93,185,234,.3),transparent 70%),radial-gradient(500px 400px at 100% 100%,rgba(42,127,181,.45),transparent 70%),#1f2b3b}
  body.vtx--studio .vto-hero .vto-hero__illus{padding:28px 20px}
  body.vtx--editorial .vto-hero{padding-bottom:110px!important}
}
@media (max-width:820px){
  body.vtx--spotlight .vto-hero{margin-bottom:72px;padding-top:64px!important}
  body.vtx--spotlight .vto-hero .vto-hero__illus{margin:44px auto -72px;padding:24px 16px;border-radius:22px}
  body.vtx--night .vto-hero{padding:64px 0 72px!important}
  body.vtx--editorial .vto-hero .vto-hero__copy{padding-left:18px;border-left-width:4px}
  body.vtx--editorial .vto-hero{clip-path:polygon(0 0,100% 0,100% calc(100% - 32px),0 100%)}
  body.vtx--editorial .vto-hero::after{height:42px;clip-path:polygon(0 calc(100% - 10px),100% 0,100% 10px,0 100%)}
}
@media (max-width:560px){
  body.vtx--blueprint .vto-hero .vto-hero__illus{padding:18px;box-shadow:6px 6px 0 rgba(var(--xr),.16)}
  body.vtx--studio .vto-hero .vto-hero__illus::before{inset:8px;border-radius:20px}
}

/* ---------- Page tweaks (keep each hero title on two lines) ---------- */
body.vtx-p--profile-manager .vto-hero .vto-hero__title{max-width:9.5em}
body.vtx--blueprint .vto-hero .vto-hero__inner{grid-template-columns:minmax(0,1.14fr) minmax(0,.86fr)}
@media (max-width:980px){body.vtx--blueprint .vto-hero .vto-hero__inner{grid-template-columns:1fr}}
body.vtx--studio .vto-hero .vto-trust,body.vtx--editorial .vto-hero .vto-trust,body.vtx--blueprint .vto-hero .vto-trust,body.vtx--split .vto-hero .vto-trust{align-items:flex-start!important}
@media (min-width:901px){body.vtx-p--caller-id .cid-day{grid-template-columns:repeat(2,minmax(0,1fr));gap:48px 28px}}

/* ---------- Heroes with an app screenshot: show the whole window, never cut at the edge ---------- */
body.vtx .vto-hero:has(.vto-hero__shot){padding-bottom:96px!important}
body.vtx .vto-hero__shot .vt-shot{border-radius:14px!important;border-bottom:1px solid var(--vt-line)}
body.vtx--spotlight .vto-hero:has(.vto-hero__shot){margin-bottom:0}
body.vtx--spotlight .vto-hero:has(.vto-hero__shot) .vto-hero__illus{margin-bottom:0}
body.vtx--blueprint .vto-hero__shot .vt-shot{border-radius:6px!important;box-shadow:12px 12px 0 rgba(var(--xr),.16),0 0 0 1px #cfdeea!important}
@media (max-width:820px){body.vtx .vto-hero:has(.vto-hero__shot){padding-bottom:56px!important}}

/* Auto Voicemail: a longer headline, so a wider text column and a narrower art panel */
@media (min-width:981px){
  body.vtx-p--auto-voicemail .vto-hero .vto-hero__inner{grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:64px}
  body.vtx-p--auto-voicemail .vto-hero::before{width:calc(50% - 142px)}
  body.vtx-p--auto-voicemail .vto-hero .vto-hero__copy{max-width:700px}
  body.vtx-p--auto-voicemail .vto-hero .vto-hero__title{font-size:clamp(2.2rem,3.3vw,3rem)}
  body.vtx-p--auto-voicemail .vto-hero .vto-hero__illus{padding:56px 0}
}
/* Auto Voicemail: the two app screenshots sit together on one tinted stage */
body.vtx-p--auto-voicemail .qw-alerts__shots{position:relative;padding:32px 28px 36px;border-radius:28px;background:radial-gradient(420px 260px at 85% 0%,rgba(93,185,234,.18),transparent 70%),linear-gradient(160deg,#f4f9ec 0%,#eaf5d9 100%);border:1px solid rgba(140,198,63,.35);gap:0}
body.vtx-p--auto-voicemail .qw-alerts__shots .vt-shot{box-shadow:0 30px 60px -36px rgba(31,43,59,.55)!important;border-radius:14px!important}
body.vtx-p--auto-voicemail .qw-alerts__shots .oc-modal{max-width:58%;margin:-64px 0 0 auto;position:relative;z-index:1}
body.vtx-p--auto-voicemail .qw-alerts__shots .oc-modal .vt-shot{box-shadow:0 30px 60px -24px rgba(31,43,59,.6),0 0 0 6px #fff!important}
@media (max-width:640px){body.vtx-p--auto-voicemail .qw-alerts__shots{padding:18px 14px 20px}body.vtx-p--auto-voicemail .qw-alerts__shots .oc-modal{max-width:80%;margin-top:-32px}}
@media (min-width:1400px){body.vtx-p--auto-voicemail .vto-hero .vto-hero__illus{margin-right:-56px}}

/* Kickers on dark or blue sections stay readable in every theme (Click to Call "Where it helps", Nov 4 review) */
body.vtx .vt-section.vt-bg-blue .vt-kicker,body.vtx .vt-section.vt-bg-night .vt-kicker{color:#fff!important;background:rgba(255,255,255,.12)!important;border:1px solid rgba(255,255,255,.28)!important;padding:5px 13px 5px 11px;border-radius:999px;opacity:1}
body.vtx .vt-section.vt-bg-blue .vt-kicker .vt-dia,body.vtx .vt-section.vt-bg-night .vt-kicker .vt-dia{background:#fff}
body.vtx-p--contacts-sync .vto-hero .cs-herostage{max-width:1040px;padding:26px}
body.vtx-p--contacts-sync .cs-herostage .vt-shot{display:block;width:100%;padding:0;border:0;background:none;cursor:zoom-in}
body.vtx-p--contacts-sync .cs-herostage img{display:block;width:100%;height:auto;border-radius:12px;box-shadow:0 18px 40px -18px rgba(5,12,24,.7)}
@media (max-width:700px){body.vtx-p--contacts-sync .vto-hero .cs-herostage{padding:12px}}
body.vtx-p--custom-presence .cp-wb{display:block!important}
body.vtx-p--custom-presence .cp-wb>div:first-child{max-width:none}
body.vtx-p--custom-presence .cp-wb .vt-lede{max-width:760px}
body.vtx-p--custom-presence .cp-wb .qw-legend2{display:grid;grid-template-columns:repeat(3,1fr);gap:18px 28px}
body.vtx-p--custom-presence .cp-wb .qw-alerts__shots{margin-top:40px;display:block}
body.vtx-p--custom-presence .cp-wb .qw-alerts__shots img{width:100%;height:auto;display:block}
@media (max-width:860px){body.vtx-p--custom-presence .cp-wb .qw-legend2{grid-template-columns:1fr}}
body.vtx-p--custom-presence .cp-wb .qw-alerts__shots figure,body.vtx-p--custom-presence .cp-wb .qw-alerts__shots .vt-shot{width:100%!important;max-width:none!important;display:block}
body.vtx-p--do-not-call .dnc-case{margin-top:44px;display:grid;grid-template-columns:260px 1fr;gap:40px;align-items:center;padding:34px 38px;border-radius:22px;background:#1f2b3b;color:#dfe7f1;box-shadow:0 30px 60px -36px rgba(31,43,59,.6);position:relative;overflow:hidden}
body.vtx-p--do-not-call .dnc-case::before{content:"";position:absolute;inset:0;background:radial-gradient(420px 240px at 0% 0%,rgba(93,185,234,.22),transparent 70%);pointer-events:none}
body.vtx-p--do-not-call .dnc-case>*{position:relative}
body.vtx-p--do-not-call .dnc-case__fig{display:grid;gap:2px;padding-right:32px;border-right:1px solid rgba(255,255,255,.14)}
body.vtx-p--do-not-call .dnc-case__fig span{font-size:40px;font-weight:800;line-height:1.05;color:#fff;letter-spacing:-.02em}
body.vtx-p--do-not-call .dnc-case__fig small{font-size:14px;color:#9fb3c8;margin-bottom:14px}
body.vtx-p--do-not-call .dnc-case__fig small:last-child{margin-bottom:0}
body.vtx-p--do-not-call .dnc-case__k{display:inline-block;font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#7cc4ee;margin-bottom:8px}
body.vtx-p--do-not-call .dnc-case h3{color:#fff;font-size:24px;line-height:1.25;margin:0 0 12px}
body.vtx-p--do-not-call .dnc-case p{margin:0 0 10px;font-size:16px;line-height:1.6;color:#cdd8e4}
body.vtx-p--do-not-call .dnc-case p:last-child{margin-bottom:0}
@media (max-width:760px){body.vtx-p--do-not-call .dnc-case{grid-template-columns:1fr;gap:22px;padding:26px 22px}body.vtx-p--do-not-call .dnc-case__fig{border-right:0;padding-right:0;border-bottom:1px solid rgba(255,255,255,.14);padding-bottom:18px}body.vtx-p--do-not-call .dnc-case__fig span{font-size:32px}}