/*
Theme Name: Vyrant
Theme URI: https://vyrant.tv/
Description: Vyrant child theme — conversion-optimized live TV streaming brand
Author: Vyrant
Template: blocksy
Version: 1.0.0
Text Domain: vyrant
*/

/* ────────────────────────────────────────────────────────────────────
   DESIGN TOKENS
   ──────────────────────────────────────────────────────────────────── */
:root{
  --vy-bg:#06070d;
  --vy-bg-2:#0c0e18;
  --vy-surface:#11142340;
  --vy-surface-2:#181b2e;
  --vy-border:rgba(255,255,255,.08);
  --vy-border-2:rgba(255,255,255,.14);
  --vy-text:#eef0ff;
  --vy-text-dim:#a8accc;
  --vy-text-mute:#7a7e9f;
  --vy-brand:#ff4d00;
  --vy-brand-2:#ff7a3d;
  --vy-accent:#22d3ee;
  --vy-success:#22c55e;
  --vy-radius:14px;
  --vy-radius-lg:22px;
  --vy-shadow:0 12px 40px rgba(0,0,0,.45);
  --vy-shadow-glow:0 14px 60px rgba(255,77,0,.35);
  --vy-font:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen-Sans,Ubuntu,Cantarell,'Helvetica Neue',sans-serif;
  --vy-max:1180px;
}

/* ────────────────────────────────────────────────────────────────────
   GLOBAL RESET FOR CHILD THEME
   ──────────────────────────────────────────────────────────────────── */
body.vy{
  background:var(--vy-bg);
  color:var(--vy-text);
  font-family:var(--vy-font);
  font-size:16px;
  line-height:1.6;
  margin:0;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}
body.vy *{box-sizing:border-box}
body.vy a{color:var(--vy-accent);text-decoration:none}
body.vy a:hover{color:#67e8f9}
body.vy h1,body.vy h2,body.vy h3,body.vy h4{font-weight:800;letter-spacing:-.02em;line-height:1.1;margin:0 0 .5em}
body.vy h1{font-size:clamp(2.1rem,5vw,3.7rem)}
body.vy h2{font-size:clamp(1.6rem,3.5vw,2.5rem)}
body.vy h3{font-size:clamp(1.15rem,2vw,1.4rem)}
body.vy p{margin:0 0 1em;color:var(--vy-text-dim)}
body.vy ul,body.vy ol{padding-left:1.25em;color:var(--vy-text-dim)}
body.vy img{max-width:100%;height:auto;display:block}
body.vy strong{color:var(--vy-text)}

.vy-container{max-width:var(--vy-max);margin:0 auto;padding:0 22px}
.vy-section{padding:88px 0;position:relative}
.vy-section--tight{padding:56px 0}
.vy-section--xl{padding:120px 0}

/* ────────────────────────────────────────────────────────────────────
   HEADER + NAV
   ──────────────────────────────────────────────────────────────────── */
.vy-header{
  position:sticky;top:0;z-index:50;
  backdrop-filter:saturate(180%) blur(14px);
  -webkit-backdrop-filter:saturate(180%) blur(14px);
  background:rgba(6,7,13,.72);
  border-bottom:1px solid var(--vy-border);
}
.vy-header__inner{display:flex;align-items:center;justify-content:space-between;height:68px;gap:22px}
.vy-logo{
  font-weight:900;font-size:22px;letter-spacing:-.02em;color:var(--vy-text);
  display:inline-flex;align-items:center;gap:8px;line-height:1;
}
.vy-logo__dot{
  width:10px;height:10px;border-radius:50%;
  background:radial-gradient(circle at 30% 30%,#ff8a4d,var(--vy-brand) 60%,#a32a00 110%);
  box-shadow:0 0 24px rgba(255,77,0,.65);
}
.vy-nav{display:flex;align-items:center;gap:24px}
.vy-nav a{color:var(--vy-text-dim);font-weight:500;font-size:14.5px}
.vy-nav a:hover{color:#fff}
.vy-nav__cta{margin-left:8px}
.vy-nav-toggle{display:none;background:none;border:0;color:#fff;font-size:24px;cursor:pointer}
@media (max-width:880px){
  .vy-nav{display:none;position:absolute;top:68px;left:0;right:0;flex-direction:column;background:rgba(6,7,13,.96);padding:18px 22px;border-bottom:1px solid var(--vy-border);gap:14px}
  .vy-nav.open{display:flex}
  .vy-nav-toggle{display:block}
}

/* ────────────────────────────────────────────────────────────────────
   BUTTONS
   ──────────────────────────────────────────────────────────────────── */
.vy-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  padding:14px 26px;border-radius:999px;font-weight:700;font-size:15.5px;
  cursor:pointer;border:0;transition:transform .15s ease,box-shadow .15s ease,background .15s ease;
  text-align:center;line-height:1;letter-spacing:.005em;
  font-family:inherit;
}
.vy-btn--primary{
  background:linear-gradient(135deg,var(--vy-brand) 0%,var(--vy-brand-2) 100%);
  color:#fff;box-shadow:var(--vy-shadow-glow);
}
.vy-btn--primary:hover{transform:translateY(-2px);box-shadow:0 18px 70px rgba(255,77,0,.55);color:#fff}
.vy-btn--ghost{background:rgba(255,255,255,.06);color:#fff;border:1px solid var(--vy-border-2)}
.vy-btn--ghost:hover{background:rgba(255,255,255,.12);color:#fff}
.vy-btn--lg{padding:18px 34px;font-size:17px}
.vy-btn--sm{padding:10px 18px;font-size:14px}
.vy-btn--block{display:flex;width:100%}
.vy-btn{flex-direction:column;gap:4px}
.vy-btn__sub{
  font-size:11.5px;font-weight:500;opacity:.85;letter-spacing:.02em;
  text-transform:uppercase;line-height:1;
}
.vy-btn--lg .vy-btn__sub{font-size:12px}

/* ────────────────────────────────────────────────────────────────────
   HERO
   ──────────────────────────────────────────────────────────────────── */
.vy-hero{
  position:relative;padding:96px 0 80px;overflow:hidden;
  background:
    radial-gradient(1100px 540px at 20% -10%,rgba(255,77,0,.22),transparent 60%),
    radial-gradient(900px 480px at 90% 10%,rgba(34,211,238,.15),transparent 60%),
    linear-gradient(180deg,#0a0b14 0%,#06070d 100%);
}
.vy-hero__inner{display:grid;grid-template-columns:1.2fr .8fr;gap:54px;align-items:center}
@media (max-width:960px){.vy-hero__inner{grid-template-columns:1fr;gap:36px;text-align:center}}
.vy-hero__eyebrow{
  display:inline-flex;align-items:center;gap:8px;padding:6px 14px;
  background:rgba(34,211,238,.1);border:1px solid rgba(34,211,238,.3);
  border-radius:999px;font-size:12.5px;font-weight:600;color:var(--vy-accent);
  margin-bottom:18px;text-transform:uppercase;letter-spacing:.08em;
}
.vy-hero__eyebrow .dot{width:6px;height:6px;border-radius:50%;background:var(--vy-accent);box-shadow:0 0 10px var(--vy-accent);animation:vy-pulse 1.6s ease-in-out infinite}
@keyframes vy-pulse{0%,100%{opacity:.45}50%{opacity:1}}
.vy-hero h1 span.vy-grad{
  background:linear-gradient(135deg,#fff 0%,#ffd6c1 40%,var(--vy-brand) 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.vy-hero__sub{font-size:18px;color:var(--vy-text-dim);margin:14px 0 30px;max-width:560px}
@media (max-width:960px){.vy-hero__sub{margin-left:auto;margin-right:auto}}
.vy-hero__cta{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:18px}
@media (max-width:960px){.vy-hero__cta{justify-content:center}}
.vy-hero__trust{display:flex;flex-wrap:wrap;gap:18px 22px;font-size:13.5px;color:var(--vy-text-mute);font-weight:500}
.vy-hero__trust span{display:inline-flex;align-items:center;gap:6px}
.vy-hero__trust .vy-check{color:var(--vy-success)}
@media (max-width:960px){.vy-hero__trust{justify-content:center}}

/* Hero media (TV mock) */
.vy-tv{
  position:relative;width:100%;aspect-ratio:16/10;border-radius:18px;overflow:hidden;
  background:linear-gradient(135deg,#1f2238,#0a0c18);
  box-shadow:0 30px 100px rgba(0,0,0,.6),0 0 0 1px var(--vy-border-2);
}
.vy-tv::before{
  content:"";position:absolute;inset:0;
  background:
    radial-gradient(420px 220px at 50% 30%,rgba(255,77,0,.35),transparent 70%),
    radial-gradient(280px 280px at 80% 80%,rgba(34,211,238,.25),transparent 70%);
}
.vy-tv__grid{
  position:absolute;inset:18px;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(3,1fr);gap:10px;
}
.vy-tv__tile{
  border-radius:8px;background:linear-gradient(135deg,rgba(255,255,255,.08),rgba(255,255,255,.02));
  border:1px solid var(--vy-border);position:relative;overflow:hidden;
}
.vy-tv__tile::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,rgba(0,0,0,.5));}
.vy-tv__tile span{position:absolute;left:8px;bottom:6px;font-size:9px;font-weight:700;color:#fff;z-index:2;text-transform:uppercase;letter-spacing:.06em}
.vy-tv__tile.live::before{
  content:"LIVE";position:absolute;top:6px;left:6px;z-index:2;
  background:var(--vy-brand);color:#fff;font-size:8px;font-weight:800;
  padding:2px 6px;border-radius:3px;letter-spacing:.06em;
}

/* ────────────────────────────────────────────────────────────────────
   SOCIAL PROOF BAR
   ──────────────────────────────────────────────────────────────────── */
.vy-proof{
  background:var(--vy-bg-2);border-top:1px solid var(--vy-border);border-bottom:1px solid var(--vy-border);
  padding:22px 0;
}
.vy-proof__inner{
  display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:20px;
  font-size:13.5px;color:var(--vy-text-mute);font-weight:500;
}
.vy-proof__stars{color:#ffb023;letter-spacing:2px;font-size:14px}
.vy-pay{display:flex;align-items:center;gap:10px}
.vy-pay__chip{
  display:inline-flex;align-items:center;justify-content:center;height:28px;padding:0 12px;
  background:rgba(255,255,255,.06);border:1px solid var(--vy-border-2);border-radius:6px;
  font-size:11.5px;font-weight:700;color:var(--vy-text);letter-spacing:.04em;
}

/* ────────────────────────────────────────────────────────────────────
   FEATURE CARDS
   ──────────────────────────────────────────────────────────────────── */
.vy-features{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
@media (max-width:880px){.vy-features{grid-template-columns:1fr}}
.vy-feature{
  background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.01));
  border:1px solid var(--vy-border);border-radius:var(--vy-radius-lg);
  padding:30px;transition:transform .2s ease,border-color .2s ease;
}
.vy-feature:hover{transform:translateY(-4px);border-color:rgba(34,211,238,.3)}
.vy-feature__icon{font-size:32px;margin-bottom:14px;display:block;line-height:1}
.vy-feature h3{margin-bottom:8px;color:#fff}
.vy-feature p{margin:0;font-size:14.5px}

/* ────────────────────────────────────────────────────────────────────
   PRICING
   ──────────────────────────────────────────────────────────────────── */
.vy-pricing{display:grid;grid-template-columns:repeat(5,1fr);gap:18px}
@media (max-width:1100px){.vy-pricing{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.vy-pricing{grid-template-columns:1fr}}
.vy-plan{
  background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.015));
  border:1px solid var(--vy-border);border-radius:var(--vy-radius-lg);
  padding:24px 22px;display:flex;flex-direction:column;position:relative;transition:transform .2s ease,border-color .2s ease;
}
.vy-plan:hover{transform:translateY(-4px);border-color:rgba(255,77,0,.4)}
.vy-plan--popular{
  border-color:rgba(255,77,0,.65);
  background:linear-gradient(180deg,rgba(255,77,0,.18),rgba(255,77,0,.04));
  box-shadow:0 18px 60px rgba(255,77,0,.25);
  transform:scale(1.05);
  z-index:2;
  border-width:2px;
}
.vy-plan--popular:hover{transform:scale(1.06) translateY(-4px)}
@media (max-width:1100px){
  .vy-plan--popular{transform:none}
  .vy-plan--popular:hover{transform:translateY(-4px)}
}
.vy-plan__badge{
  position:absolute;top:-12px;left:50%;transform:translateX(-50%);
  background:var(--vy-brand);color:#fff;font-size:11px;font-weight:800;
  padding:5px 12px;border-radius:999px;letter-spacing:.06em;text-transform:uppercase;
  white-space:nowrap;
}
.vy-plan__name{font-weight:700;font-size:15px;color:var(--vy-text);margin-bottom:8px}
.vy-plan__price{font-size:38px;font-weight:900;line-height:1;color:#fff;letter-spacing:-.03em}
.vy-plan__price small{font-size:14px;font-weight:600;color:var(--vy-text-mute);margin-left:4px}
.vy-plan__permo{
  display:inline-block;margin-top:6px;font-size:13px;font-weight:700;color:var(--vy-brand);
  background:rgba(255,77,0,.1);padding:3px 10px;border-radius:999px;letter-spacing:.01em;
}
.vy-plan__sub{font-size:13px;color:var(--vy-text-mute);margin:8px 0 18px}
.vy-plan__features{list-style:none;padding:0;margin:0 0 22px;font-size:13.5px;color:var(--vy-text-dim);flex:1}
.vy-plan__features li{padding:6px 0;display:flex;align-items:flex-start;gap:8px}
.vy-plan__features li::before{content:"✓";color:var(--vy-success);font-weight:800;flex-shrink:0}

/* ────────────────────────────────────────────────────────────────────
   RISK REVERSAL
   ──────────────────────────────────────────────────────────────────── */
.vy-risk{
  display:grid;grid-template-columns:repeat(3,1fr);gap:18px;
  background:linear-gradient(135deg,rgba(34,211,238,.06),rgba(34,211,238,.02));
  border:1px solid rgba(34,211,238,.18);border-radius:var(--vy-radius-lg);padding:30px;
}
@media (max-width:760px){.vy-risk{grid-template-columns:1fr}}
.vy-risk__item{display:flex;align-items:flex-start;gap:14px}
.vy-risk__icon{
  width:42px;height:42px;border-radius:10px;display:grid;place-items:center;font-size:22px;
  background:rgba(34,211,238,.12);color:var(--vy-accent);flex-shrink:0;
}
.vy-risk__t{font-weight:700;color:#fff;font-size:15.5px;margin-bottom:2px}
.vy-risk__d{font-size:13.5px;color:var(--vy-text-dim);margin:0}

/* ────────────────────────────────────────────────────────────────────
   HOW IT WORKS
   ──────────────────────────────────────────────────────────────────── */
.vy-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;counter-reset:vystep}
@media (max-width:760px){.vy-steps{grid-template-columns:1fr}}
.vy-step{
  background:rgba(255,255,255,.03);border:1px solid var(--vy-border);
  border-radius:var(--vy-radius-lg);padding:28px;position:relative;
}
.vy-step__num{
  counter-increment:vystep;
  font-size:54px;font-weight:900;line-height:1;letter-spacing:-.04em;
  background:linear-gradient(135deg,var(--vy-brand),var(--vy-brand-2));
  -webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:10px;
}
.vy-step__num::before{content:"0" counter(vystep)}
.vy-step h3{font-size:18px;margin-bottom:6px;color:#fff}
.vy-step p{font-size:14px;margin:0}

/* ────────────────────────────────────────────────────────────────────
   TESTIMONIALS
   ──────────────────────────────────────────────────────────────────── */
.vy-tests{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
@media (max-width:960px){.vy-tests{grid-template-columns:repeat(2,1fr)}}
@media (max-width:640px){.vy-tests{grid-template-columns:1fr}}
.vy-test{
  background:rgba(255,255,255,.04);border:1px solid var(--vy-border);
  border-radius:var(--vy-radius);padding:24px;
}
.vy-test__stars{color:#ffb023;letter-spacing:2px;margin-bottom:10px;font-size:14px}
.vy-test__quote{font-size:14.5px;color:var(--vy-text);margin:0 0 18px;font-style:italic}
.vy-test__author{display:flex;align-items:center;gap:12px}
.vy-test__avatar{
  width:38px;height:38px;border-radius:50%;display:grid;place-items:center;
  font-weight:800;color:#fff;font-size:14px;
  background:linear-gradient(135deg,#22d3ee,#3b82f6);flex-shrink:0;
}
.vy-test__name{font-weight:700;font-size:14px;color:#fff;line-height:1.2;display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.vy-test__name .vy-verified{
  display:inline-flex;align-items:center;gap:3px;
  font-size:10.5px;font-weight:700;color:#22c55e;
  background:rgba(34,197,94,.1);border:1px solid rgba(34,197,94,.3);
  padding:2px 7px;border-radius:999px;letter-spacing:.04em;text-transform:uppercase;
}
.vy-test__loc{font-size:12.5px;color:var(--vy-text-mute);line-height:1.2;margin-top:2px}

/* ────────────────────────────────────────────────────────────────────
   FAQ
   ──────────────────────────────────────────────────────────────────── */
.vy-faq{max-width:820px;margin:0 auto}
.vy-faq__item{
  background:rgba(255,255,255,.03);border:1px solid var(--vy-border);
  border-radius:var(--vy-radius);margin-bottom:12px;overflow:hidden;
}
.vy-faq__item[open]{border-color:rgba(34,211,238,.25);background:rgba(34,211,238,.04)}
.vy-faq__q{
  padding:18px 22px;font-weight:700;color:#fff;cursor:pointer;
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  font-size:15.5px;list-style:none;
}
.vy-faq__q::-webkit-details-marker{display:none}
.vy-faq__q::after{content:"+";font-size:22px;color:var(--vy-accent);font-weight:400;transition:transform .2s ease}
.vy-faq__item[open] .vy-faq__q::after{content:"−"}
.vy-faq__a{padding:0 22px 20px;color:var(--vy-text-dim);font-size:14.5px;line-height:1.7;margin:0}

/* ────────────────────────────────────────────────────────────────────
   FINAL CTA
   ──────────────────────────────────────────────────────────────────── */
.vy-final{
  position:relative;text-align:center;border-radius:var(--vy-radius-lg);overflow:hidden;
  padding:64px 30px;
  background:
    radial-gradient(700px 320px at 50% 50%,rgba(255,77,0,.25),transparent 70%),
    linear-gradient(135deg,#0e1022,#06070d);
  border:1px solid var(--vy-border-2);
}
.vy-final h2{max-width:680px;margin:0 auto 14px}
.vy-final p{max-width:560px;margin:0 auto 28px}

/* ────────────────────────────────────────────────────────────────────
   FOOTER
   ──────────────────────────────────────────────────────────────────── */
.vy-footer{
  background:#04050a;border-top:1px solid var(--vy-border);
  padding:56px 0 30px;color:var(--vy-text-mute);font-size:14px;
}
.vy-footer__top{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:36px;margin-bottom:36px}
@media (max-width:780px){.vy-footer__top{grid-template-columns:1fr 1fr}}
@media (max-width:480px){.vy-footer__top{grid-template-columns:1fr}}
.vy-footer h4{font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:#fff;margin-bottom:14px;font-weight:700}
.vy-footer ul{list-style:none;padding:0;margin:0}
.vy-footer ul li{margin-bottom:8px}
.vy-footer ul a{color:var(--vy-text-mute);font-size:14px}
.vy-footer ul a:hover{color:#fff}
.vy-footer__bottom{
  border-top:1px solid var(--vy-border);padding-top:22px;
  display:flex;justify-content:space-between;flex-wrap:wrap;gap:14px;font-size:13px;color:var(--vy-text-mute);
}
.vy-footer__brand p{margin:14px 0;font-size:14px}

/* ────────────────────────────────────────────────────────────────────
   PRICING-PAGE COMPARISON TABLE
   ──────────────────────────────────────────────────────────────────── */
.vy-compare{width:100%;border-collapse:collapse;margin-top:46px;font-size:14.5px;color:var(--vy-text)}
.vy-compare th,.vy-compare td{padding:14px 12px;border-bottom:1px solid var(--vy-border);text-align:center}
.vy-compare th{font-weight:700;color:#fff;background:rgba(255,255,255,.04)}
.vy-compare td:first-child,.vy-compare th:first-child{text-align:left;color:var(--vy-text-dim)}
.vy-compare th.popular{color:var(--vy-brand);background:rgba(255,77,0,.08)}
.vy-compare .yes{color:var(--vy-success);font-weight:800}
.vy-compare .no{color:var(--vy-text-mute)}

/* ────────────────────────────────────────────────────────────────────
   PARTNER PROGRAM
   ──────────────────────────────────────────────────────────────────── */
.vy-calc{
  background:linear-gradient(135deg,rgba(255,77,0,.1),rgba(34,211,238,.05));
  border:1px solid var(--vy-border-2);border-radius:var(--vy-radius-lg);
  padding:32px;text-align:center;max-width:620px;margin:0 auto;
}
.vy-calc input[type=range]{width:100%;accent-color:var(--vy-brand);margin:18px 0}
.vy-calc__out{font-size:42px;font-weight:900;color:#fff;letter-spacing:-.02em;line-height:1}
.vy-calc__out span{color:var(--vy-brand)}
.vy-calc__hint{font-size:13.5px;color:var(--vy-text-mute);margin-top:8px}

.vy-partner-form{
  background:rgba(255,255,255,.03);border:1px solid var(--vy-border);
  border-radius:var(--vy-radius-lg);padding:36px;max-width:620px;margin:46px auto 0;
}
.vy-partner-form .wpforms-container{margin:0!important}
.vy-partner-form label,.vy-partner-form .wpforms-field-label{color:#fff!important;font-weight:600!important;font-size:14px!important}
.vy-partner-form input[type=text],.vy-partner-form input[type=email],.vy-partner-form input[type=url],.vy-partner-form select,.vy-partner-form textarea{
  background:rgba(255,255,255,.06)!important;color:#fff!important;border:1px solid var(--vy-border-2)!important;
  border-radius:10px!important;padding:12px 14px!important;font-family:inherit!important;font-size:14.5px!important;
}
.vy-partner-form input::placeholder{color:var(--vy-text-mute)!important}
.vy-partner-form .wpforms-submit{
  background:linear-gradient(135deg,var(--vy-brand),var(--vy-brand-2))!important;
  border:0!important;color:#fff!important;padding:14px 28px!important;border-radius:999px!important;
  font-weight:800!important;font-size:15px!important;cursor:pointer!important;
}

/* ────────────────────────────────────────────────────────────────────
   DASHBOARD
   ──────────────────────────────────────────────────────────────────── */
.vy-dash{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:30px}
@media (max-width:880px){.vy-dash{grid-template-columns:repeat(2,1fr)}}
.vy-stat{
  background:rgba(255,255,255,.04);border:1px solid var(--vy-border);
  border-radius:var(--vy-radius);padding:22px;
}
.vy-stat__label{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--vy-text-mute);font-weight:600;margin-bottom:8px}
.vy-stat__value{font-size:32px;font-weight:900;color:#fff;letter-spacing:-.02em;line-height:1}
.vy-stat__sub{font-size:12.5px;color:var(--vy-text-mute);margin-top:4px}

.vy-copybox{
  display:flex;align-items:center;gap:10px;background:rgba(255,255,255,.05);
  border:1px solid var(--vy-border-2);border-radius:10px;padding:12px 14px;margin:8px 0 22px;
  font-family:'SFMono-Regular',Consolas,'Liberation Mono',Menlo,monospace;
  font-size:13.5px;color:#fff;word-break:break-all;
}
.vy-copybox button{
  background:var(--vy-brand);color:#fff;border:0;border-radius:6px;
  padding:6px 12px;font-size:12px;font-weight:700;cursor:pointer;flex-shrink:0;
}

/* ────────────────────────────────────────────────────────────────────
   FLOATING / CRO ELEMENTS (loaded via WPCode but styled here)
   ──────────────────────────────────────────────────────────────────── */
.vy-wa{
  position:fixed;bottom:22px;right:22px;z-index:60;
  width:56px;height:56px;border-radius:50%;background:#25D366;
  display:grid;place-items:center;color:#fff;font-size:28px;
  box-shadow:0 12px 30px rgba(37,211,102,.5);text-decoration:none;
  transition:transform .15s ease;
}
.vy-wa:hover{transform:scale(1.06)}

.vy-sticky-cta{
  position:fixed;left:14px;right:14px;bottom:14px;z-index:55;display:none;
}
.vy-sticky-cta .vy-btn{width:100%;padding:16px;font-size:16px;box-shadow:0 14px 40px rgba(255,77,0,.55)}
@media (max-width:760px){.vy-sticky-cta{display:block}}

.vy-exit{
  position:fixed;inset:0;background:rgba(0,0,0,.75);z-index:90;display:none;
  align-items:center;justify-content:center;padding:20px;
  animation:vy-fade .25s ease;
}
.vy-exit.open{display:flex}
@keyframes vy-fade{from{opacity:0}to{opacity:1}}
.vy-exit__card{
  background:linear-gradient(180deg,#0e1022,#06070d);border:1px solid var(--vy-border-2);
  border-radius:var(--vy-radius-lg);padding:36px;max-width:480px;text-align:center;
  box-shadow:0 30px 100px rgba(0,0,0,.8);position:relative;
}
.vy-exit__close{
  position:absolute;top:14px;right:14px;background:none;border:0;color:var(--vy-text-mute);
  font-size:22px;cursor:pointer;line-height:1;
}
.vy-exit h2{font-size:1.75rem;color:#fff;margin-bottom:10px}
.vy-exit p{color:var(--vy-text-dim);margin-bottom:24px}
.vy-exit .vy-dismiss{color:var(--vy-text-mute);font-size:13px;display:block;margin-top:14px;cursor:pointer}

.vy-abandon{
  background:linear-gradient(135deg,var(--vy-brand),var(--vy-brand-2));
  color:#fff;text-align:center;padding:12px 20px;font-weight:600;font-size:14px;
  position:relative;
}
.vy-abandon a{color:#fff;text-decoration:underline;font-weight:700}
.vy-abandon__close{position:absolute;top:50%;right:14px;transform:translateY(-50%);background:none;border:0;color:#fff;font-size:18px;cursor:pointer;opacity:.75}

/* Mobile: WhatsApp auto-hides when sticky-CTA visible; tucks above it when shown */
@media (max-width:760px){
  .vy-wa{bottom:78px;width:48px;height:48px;font-size:24px}
  .vy-wa.vy-wa--hidden{transform:translateY(120px);opacity:0;pointer-events:none}
}
.vy-wa{transition:transform .25s ease, opacity .25s ease}

/* Hide default Blocksy header/footer on our pages */
body.vy [data-section="header"],
body.vy [data-row="bottom"],
body.vy .ct-footer,
body.vy .ct-header,
body.vy header.ct-header{display:none!important}