/* ===== Voxiyo v9: shared stage slider for every page, WhatsApp effects, footer social, buttons, browser fallbacks ===== */
:root{--navy:#060818;--eb:#0000F8;--lav:#E6E7FF;--amber:#FFB020;--cream:#F9F9F6}
/* ---------- HERO: four auto-playing stages ---------- */
.hx{position:relative;overflow:hidden;isolation:isolate;color:#fff;background:var(--hbg,var(--navy));transition:background-color .9s cubic-bezier(.2,.7,.1,1);
  min-height:calc(100vh - 72px);min-height:calc(100svh - 72px);display:flex;flex-direction:column;justify-content:space-between;-webkit-user-select:none;user-select:none}
.hx[data-bg="blue"]{--hbg:var(--eb)}
.hx>.wrap{width:100%}
.hx-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;overflow:hidden}
.hx-mark{position:absolute;right:-14%;top:-22%;width:min(78vw,1180px);height:auto;color:var(--eb);transition:color .9s,transform 1.4s cubic-bezier(.2,.7,.1,1);transform:translate(var(--mx,0),var(--my,0)) rotate(var(--mr,0deg)) scale(var(--ms,1))}
.hx[data-bg="blue"] .hx-mark{color:#1B1BFF}
.hx-word{position:absolute;left:var(--pad);bottom:-.2em;font:400 clamp(120px,22vw,360px)/.8 var(--serif);letter-spacing:-.04em;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.16);white-space:nowrap}
.hx-word span{display:inline-block;transition:transform .9s cubic-bezier(.2,.8,.2,1) calc(var(--i)*40ms),opacity .6s calc(var(--i)*40ms)}
.hx-word.out span{transform:translateY(-60%);opacity:0;transition-duration:.45s;transition-delay:calc(var(--i)*20ms)}
.hx-word.pre span{transform:translateY(70%);opacity:0;transition:none}

.hx-stage{display:grid;flex:1;padding-top:clamp(28px,5vh,64px);padding-bottom:clamp(20px,3vh,36px)}
.hx-slide{grid-area:1/1;display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);gap:clamp(28px,4vw,72px);align-items:center;visibility:hidden;opacity:0;transition:opacity .5s,visibility 0s .9s}
.hx-slide.is-on{visibility:visible;opacity:1;transition:opacity .5s .15s,visibility 0s}
.hx-slide.is-out{visibility:visible;opacity:0;transition:opacity .55s .3s,visibility 0s .9s}

.hx-k{display:flex;align-items:center;gap:12px;margin:0 0 18px;font:500 15px/1.3 var(--sans);color:rgba(255,255,255,.82)}
.hx-k .hx-n{display:inline-grid;place-items:center;min-width:36px;height:28px;padding:0 8px;border-radius:99px;background:rgba(255,255,255,.12);font:400 15px/1 var(--serif);color:#fff}
.hx-h{font:400 clamp(40px,5.3vw,84px)/.98 var(--serif);letter-spacing:-.025em;margin:0 0 20px;max-width:11.5em;text-wrap:balance}
.hx-h .hw{display:inline-block;overflow:hidden;vertical-align:top;padding:.06em .02em .16em;margin:-.06em 0 -.16em}
.hx-h .hw>span{display:inline-block;transform:translateY(105%);transition:transform .95s cubic-bezier(.2,.8,.2,1) calc(120ms + var(--i)*55ms)}
.hx-slide.is-on .hx-h .hw>span{transform:none}
.hx-slide.is-out .hx-h .hw>span{transform:translateY(-105%);transition-duration:.5s;transition-delay:calc(var(--i)*18ms)}
.hx-p{font-size:clamp(16px,1.25vw,19px);line-height:1.55;color:rgba(255,255,255,.8);margin:0 0 22px;max-width:34em}
.hx-inc{list-style:none;margin:0 0 28px;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 22px;max-width:36em}
.hx-inc li{display:flex;gap:10px;align-items:flex-start;font-size:15px;line-height:1.35;color:#fff;opacity:0;transform:translateY(10px);transition:opacity .5s calc(.45s + var(--i)*90ms),transform .6s cubic-bezier(.2,.8,.2,1) calc(.45s + var(--i)*90ms)}
.hx-inc svg{flex:none;width:18px;height:18px;margin-top:1px;color:var(--amber)}
.hx-inc svg path{stroke-dasharray:24;stroke-dashoffset:24;transition:stroke-dashoffset .5s calc(.6s + var(--i)*90ms)}
.hx-slide.is-on .hx-inc li{opacity:1;transform:none}
.hx-slide.is-on .hx-inc svg path{stroke-dashoffset:0}
.hx-cta{display:flex;flex-wrap:wrap;gap:12px}
.hx-cta a{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 24px;border-radius:99px;font:700 15px/1 var(--sans);transition:transform .25s cubic-bezier(.34,1.56,.64,1),background .2s,color .2s}
.hx-cta a:hover{transform:translateY(-2px)}
.hx-b1{background:#fff;color:var(--navy)}
.hx[data-bg="blue"] .hx-b1{color:var(--eb)}
.hx-b2{color:#fff;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.55)}
.hx-b2:hover{background:rgba(255,255,255,.1)}
.hx-cta,.hx-p,.hx-k{opacity:0;transition:opacity .6s .35s}
.hx-slide.is-on .hx-cta,.hx-slide.is-on .hx-p,.hx-slide.is-on .hx-k{opacity:1}
.hx-svc{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px}
.hx-svc a{font-size:13px;font-weight:500;padding:6px 12px;border-radius:99px;background:rgba(255,255,255,.1);color:#fff;transition:background .2s}
.hx-svc a:hover{background:rgba(255,255,255,.22)}

/* tabs + progress */
.hx-bar{display:flex;align-items:stretch;gap:14px;padding-bottom:clamp(18px,3vh,30px)}
.hx-tabs{flex:1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.hx-tab{all:unset;box-sizing:border-box;cursor:pointer;display:grid;grid-template-columns:auto 1fr;column-gap:10px;padding:12px 0 0;color:rgba(255,255,255,.6);transition:color .3s;position:relative}
.hx-tab:focus-visible{outline:3px solid #fff;outline-offset:4px;border-radius:6px}
.hx-tab i{font:400 15px/1.2 var(--serif);font-style:normal;grid-row:1/3}
.hx-tab b{font:700 15px/1.2 var(--sans)}
.hx-tab small{font-size:13px;line-height:1.3;opacity:.8}
.hx-tab[aria-selected="true"],.hx-tab:hover{color:#fff}
.hx-pg{position:absolute;left:0;right:0;top:0;height:2px;background:rgba(255,255,255,.22);overflow:hidden;border-radius:2px}
.hx-pg em{position:absolute;top:0;right:0;bottom:0;left:0;background:#fff;transform-origin:0 50%;transform:scaleX(0)}
.hx-tab.done .hx-pg em{transform:none}
.hx-tab[aria-selected="true"] .hx-pg em{animation:hxFill var(--dur,7s) linear forwards}
.hx.paused .hx-tab[aria-selected="true"] .hx-pg em{animation-play-state:paused}@keyframes hxFill{from{transform:scaleX(0)}to{transform:none}}
.hx-pause{all:unset;box-sizing:border-box;cursor:pointer;flex:none;width:46px;height:46px;align-self:center;border-radius:50%;display:grid;place-items:center;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.45);color:#fff;transition:background .2s}
.hx-pause:hover{background:rgba(255,255,255,.12)}
.hx-pause:focus-visible{outline:3px solid #fff;outline-offset:3px}
.hx-pause svg{width:18px;height:18px}
.hx-pause .pl{display:none}.hx.stopped .hx-pause .pl{display:block}.hx.stopped .hx-pause .pa{display:none}

/* ---------- hero visuals (scale with their box) ---------- */
.hx-vis{position:relative;container-type:inline-size;width:100%;max-width:620px;justify-self:end;aspect-ratio:1/.86}
.hx-vis *{box-sizing:border-box}
.hx-slide .hx-vis>*{opacity:0;transform:translateY(24px) scale(.96);transition:opacity .7s,transform .9s cubic-bezier(.2,.8,.2,1)}
.hx-slide.is-on .hx-vis>*{opacity:1;transform:none}
.hx-slide.is-on .hx-vis>:nth-child(2){transition-delay:.15s}
.hx-slide.is-on .hx-vis>:nth-child(3){transition-delay:.3s}
.hx-slide.is-on .hx-vis>:nth-child(4){transition-delay:.45s}
.caret{display:inline-block;width:.09em;height:1em;margin-left:.06em;vertical-align:-.12em;background:currentColor;animation:hxBlink 1s steps(1) infinite}@keyframes hxBlink{50%{opacity:0}}@media (max-width:980px){
  .hx{min-height:0}
  .hx-slide{grid-template-columns:1fr;gap:28px;align-content:start}
  .hx-vis{justify-self:center;max-width:540px}
  .hx-mark{width:130vw;right:-55%;top:-6%;opacity:.55}
  .hx-word{font-size:34vw;bottom:auto;top:2%;-webkit-text-stroke-color:rgba(255,255,255,.1)}
  .hx-tab small{display:none}
  .hx-bar{order:-1;padding-top:16px;padding-bottom:0}
  .hx-stage{padding-top:22px;padding-bottom:36px}
  .hx-vis{max-width:460px}}@media (max-width:600px){
  .hx-h{font-size:clamp(34px,10.4vw,48px);margin-bottom:14px}
  .hx-p{font-size:15.5px;margin-bottom:16px}
  .hx-inc{grid-template-columns:1fr;gap:8px;margin-bottom:22px}
  .hx-inc li:nth-child(n+5){display:none}
  .hx-cta a{flex:1 1 auto;min-height:50px;padding:0 18px}
  .hx-k{font-size:14px;margin-bottom:14px}
  .hx-svc{display:none}
  .hx-bar{gap:10px}
  .hx-tabs{gap:8px}
  .hx-tab{display:block;padding-top:10px;text-align:left}
  .hx-tab i{display:none}
  .hx-tab b{font-size:13px}
  .hx-pause{width:40px;height:40px}}@media (prefers-reduced-motion:reduce){
  .hx *,.hx *::before{transition-duration:.01s!important;transition-delay:0s!important}
  .vc-wave i,.va-live i,.caret{animation:none!important}}


/* ===================== INNER PAGE STAGES ===================== */
.hx-in{min-height:0}
.hx-in .hx-stage{padding-top:clamp(18px,3vh,36px)}
.hx-in .hx-h{font-size:clamp(38px,4.8vw,76px)}
h1.hx-k{font:500 15px/1.3 var(--sans);letter-spacing:0}
.hx-crumb{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding-top:clamp(16px,2.4vh,26px);font-size:13.5px;color:rgba(255,255,255,.66)}
.hx-crumb a{color:rgba(255,255,255,.85);text-decoration:underline;text-decoration-color:rgba(255,255,255,.3);text-underline-offset:3px}
.hx-crumb a:hover{color:#fff;text-decoration-color:#fff}
.hx-crumb svg{width:12px;height:12px;opacity:.6}
.hx-crumb [aria-current]{color:#fff;font-weight:500}
.hx-proxy{display:inline-flex}

/* shared visual parts (sizes scale with the visual box) */
.pv-card{position:absolute;background:#fff;color:var(--navy);border-radius:calc(var(--q,1cqw)*3.6);box-shadow:0 calc(var(--q,1cqw)*4) calc(var(--q,1cqw)*10) rgba(0,0,30,.35)}
.pv-dark{position:absolute;background:var(--navy);color:#fff;border-radius:calc(var(--q,1cqw)*3.6);box-shadow:inset 0 0 0 1px rgba(255,255,255,.14),0 calc(var(--q,1cqw)*4) calc(var(--q,1cqw)*8) rgba(0,0,0,.35)}
.pv-ch{display:flex;align-items:center;justify-content:space-between;gap:calc(var(--q,1cqw)*2);font:700 calc(var(--q,1cqw)*3)/1.2 var(--sans);margin-bottom:calc(var(--q,1cqw)*3)}
.pv-ch span{flex:none;font:700 calc(var(--q,1cqw)*2.2)/1 var(--sans);padding:calc(var(--q,1cqw)*1.3) calc(var(--q,1cqw)*2.4);border-radius:99px;background:var(--lav);color:var(--eb)}
.pv-note{padding:calc(var(--q,1cqw)*3.2) calc(var(--q,1cqw)*3.8)}
.pv-note small{display:block;font-size:calc(var(--q,1cqw)*2.3);color:rgba(255,255,255,.7);margin-bottom:calc(var(--q,1cqw)*1)}
.pv-note b{display:block;font:400 calc(var(--q,1cqw)*4.6)/1.1 var(--serif)}
.pv-note em{display:block;font-style:normal;font-size:calc(var(--q,1cqw)*2.2);color:var(--amber);margin-top:calc(var(--q,1cqw)*1.2)}

/* orbit: icon tile with rotating rings and floating chips */
.pv-orbit{position:absolute;left:12%;top:2%;width:76%;aspect-ratio:1/1}
.pv-orbit svg.rings{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible}
.pv-orbit .r1,.pv-orbit .r2{transform-origin:200px 200px;transform-box:view-box}
.hx-slide.is-on .pv-orbit .r1{animation:pvSpin 28s linear infinite}
.hx-slide.is-on .pv-orbit .r2{animation:pvSpin 18s linear infinite reverse}@keyframes pvSpin{to{transform:rotate(360deg)}}
.pv-tile{position:absolute;left:27%;top:27%;width:46%;height:46%;border-radius:22%;background:rgba(255,255,255,.1);box-shadow:inset 0 0 0 1px rgba(255,255,255,.4);display:grid;place-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.pv-tile svg{width:56%;height:56%;overflow:visible}
.pv-tile path{fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 1.6s cubic-bezier(.2,.8,.2,1) .4s}
.hx-slide.is-on .pv-tile path{stroke-dashoffset:0}
.pv-chip{position:absolute;left:var(--x);top:var(--y);padding:calc(var(--q,1cqw)*2) calc(var(--q,1cqw)*3.4);border-radius:99px;background:rgba(255,255,255,.12);box-shadow:inset 0 0 0 1px rgba(255,255,255,.35);font:700 calc(var(--q,1cqw)*2.6)/1.15 var(--sans);color:#fff;white-space:nowrap;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.hx-slide.is-on .pv-chip{animation:pvBob 5s ease-in-out infinite;animation-delay:calc(var(--k)*-1.2s)}@keyframes pvBob{50%{translate:0 calc(var(--q,1cqw)*-1.6)}}
.pv-badge{position:absolute;right:0;bottom:2%;padding:calc(var(--q,1cqw)*3) calc(var(--q,1cqw)*4);min-width:30%}
.pv-badge b{display:block;font:400 calc(var(--q,1cqw)*9)/1 var(--serif)}
.pv-badge small{display:block;font-size:calc(var(--q,1cqw)*2.4);color:rgba(255,255,255,.75);margin-top:calc(var(--q,1cqw)*1)}

/* stack: a checklist that ticks itself */
.pv-stack{left:0;top:0;width:82%;padding:calc(var(--q,1cqw)*4.4) calc(var(--q,1cqw)*4.6)}
.pv-stack ul{list-style:none;margin:0;padding:0;display:grid;gap:calc(var(--q,1cqw)*1.8)}
.pv-stack li{display:flex;align-items:center;gap:calc(var(--q,1cqw)*2.4);padding:calc(var(--q,1cqw)*2.2) calc(var(--q,1cqw)*2.6);border-radius:calc(var(--q,1cqw)*2.4);background:#F3F4FC;font:500 calc(var(--q,1cqw)*2.75)/1.25 var(--sans);color:#4A4C66;transition:background .35s,color .35s}
.pv-stack li i{flex:none;width:calc(var(--q,1cqw)*4.4);height:calc(var(--q,1cqw)*4.4);border-radius:50%;box-shadow:inset 0 0 0 calc(var(--q,1cqw)*.35) #C9CBE0;display:grid;place-items:center;transition:background .3s,box-shadow .3s}
.pv-stack li i svg{width:60%;height:60%;color:#fff;opacity:0;transition:opacity .2s}
.pv-stack li.lit{background:var(--lav);color:var(--navy)}
.pv-stack li.lit i{background:var(--eb);box-shadow:none}
.pv-stack li.lit i svg{opacity:1}
.pv-stack+.pv-dark{right:0;bottom:0;width:44%}

/* grid: six small cards */
.pv-grid{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:1fr;gap:calc(var(--q,1cqw)*2.6)}
.pv-grid>div{position:relative;padding:calc(var(--q,1cqw)*3) calc(var(--q,1cqw)*3.2);border-radius:calc(var(--q,1cqw)*3);background:rgba(255,255,255,.08);box-shadow:inset 0 0 0 1px rgba(255,255,255,.18);opacity:.25;transform:scale(.94);transition:opacity .45s,transform .5s cubic-bezier(.34,1.56,.64,1),background .4s}
.pv-grid>div.lit{opacity:1;transform:none;background:#fff;color:var(--navy);box-shadow:0 calc(var(--q,1cqw)*3) calc(var(--q,1cqw)*6) rgba(0,0,30,.3)}
.pv-grid i{display:block;font:400 calc(var(--q,1cqw)*3.4)/1 var(--serif);font-style:normal;color:var(--eb);margin-bottom:calc(var(--q,1cqw)*1.4)}
.pv-grid>div:not(.lit) i{color:rgba(255,255,255,.7)}
.pv-grid b{display:block;font:700 calc(var(--q,1cqw)*2.9)/1.2 var(--sans)}
.pv-grid small{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:calc(var(--q,1cqw)*2.3);line-height:1.35;margin-top:calc(var(--q,1cqw)*1);opacity:.75}

/* flow: steps that light up in order */
.pv-flow{left:0;top:0;width:100%;padding:calc(var(--q,1cqw)*4.4)}
.pv-nodes{position:relative;display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));margin:calc(var(--q,1cqw)*4) 0 calc(var(--q,1cqw)*3.6)}
.pv-nodes:before{content:"";position:absolute;left:calc(50% / var(--n));right:calc(50% / var(--n));top:calc(var(--q,1cqw)*4.6);height:calc(var(--q,1cqw)*.5);border-radius:calc(var(--q,1cqw)*1);background:#E3E5F5}
.pv-node{position:relative;display:flex;flex-direction:column;align-items:center;gap:calc(var(--q,1cqw)*1.6);text-align:center;font:500 calc(var(--q,1cqw)*2.2)/1.2 var(--sans);color:#6A6C86;padding:0 calc(var(--q,1cqw)*.4)}
.pv-node>span{width:calc(var(--q,1cqw)*9.6);height:calc(var(--q,1cqw)*9.6);border-radius:50%;display:grid;place-items:center;background:#fff;box-shadow:inset 0 0 0 calc(var(--q,1cqw)*.45) #DADCF0;font:400 calc(var(--q,1cqw)*3.6)/1 var(--serif);color:var(--eb);transition:background .35s,color .35s,box-shadow .35s,transform .35s cubic-bezier(.34,1.56,.64,1)}
.pv-node.lit>span{background:var(--eb);color:#fff;box-shadow:none}
.pv-node.now>span{transform:scale(1.14)}
.pv-node.lit{color:var(--navy)}
.pv-dot{position:absolute;top:calc(var(--q,1cqw)*3.6);left:calc(50% / var(--n));width:calc(var(--q,1cqw)*2.4);height:calc(var(--q,1cqw)*2.4);margin-left:calc(var(--q,1cqw)*-1.2);border-radius:50%;background:var(--amber);box-shadow:0 0 0 calc(var(--q,1cqw)*1) rgba(255,176,32,.28);transition:left .6s cubic-bezier(.6,0,.3,1);z-index:2}
.pv-cap{display:flex;gap:calc(var(--q,1cqw)*2);align-items:baseline;padding:calc(var(--q,1cqw)*2.6) calc(var(--q,1cqw)*3);border-radius:calc(var(--q,1cqw)*2.4);background:#F3F4FC;font:500 calc(var(--q,1cqw)*2.7)/1.3 var(--sans);min-height:calc(var(--q,1cqw)*8)}
.pv-cap small{flex:none;font-weight:700;color:var(--eb)}
.pv-flow+.pv-dark{right:4%;bottom:0;width:48%}
.pv-flow.tall .pv-nodes{grid-template-columns:repeat(4,minmax(0,1fr));row-gap:calc(var(--q,1cqw)*4)}
.pv-flow.tall .pv-nodes:before,.pv-flow.tall .pv-dot{display:none}

/* chat: a WhatsApp conversation */
.pv-chat{left:6%;top:0;width:66%;height:100%;overflow:hidden;display:flex;flex-direction:column;background:#EFE7DE;border-radius:calc(var(--q,1cqw)*5);box-shadow:0 calc(var(--q,1cqw)*5) calc(var(--q,1cqw)*10) rgba(0,0,0,.4),0 0 0 calc(var(--q,1cqw)*1.4) var(--navy)}
.pv-chat .bar{display:flex;align-items:center;gap:calc(var(--q,1cqw)*2.4);padding:calc(var(--q,1cqw)*3) calc(var(--q,1cqw)*3.4);background:#008069;color:#fff}
.pv-chat .av{width:calc(var(--q,1cqw)*7);height:calc(var(--q,1cqw)*7);border-radius:50%;background:#fff;display:grid;place-items:center;flex:none}
.pv-chat .av svg{width:72%;color:var(--eb)}
.pv-chat .bar b{display:block;font:700 calc(var(--q,1cqw)*2.8)/1.1 var(--sans)}
.pv-chat .bar small{font-size:calc(var(--q,1cqw)*2.1);opacity:.85}
.pv-chat ol{list-style:none;margin:0;padding:calc(var(--q,1cqw)*3);display:flex;flex-direction:column;gap:calc(var(--q,1cqw)*1.8);flex:1;justify-content:flex-end}
.pv-chat li{max-width:84%;padding:calc(var(--q,1cqw)*1.8) calc(var(--q,1cqw)*2.6);border-radius:calc(var(--q,1cqw)*2.2);font:400 calc(var(--q,1cqw)*2.5)/1.35 var(--sans);color:#111B21;background:#fff;box-shadow:0 calc(var(--q,1cqw)*.3) calc(var(--q,1cqw)*.4) rgba(0,0,0,.08);animation:pvPop .35s cubic-bezier(.34,1.56,.64,1)}
.pv-chat li.out{align-self:flex-end;background:#D9FDD3}
.pv-chat li.typing{display:flex;gap:calc(var(--q,1cqw)*1);padding:calc(var(--q,1cqw)*2.4) calc(var(--q,1cqw)*3)}
.pv-chat li.typing i{width:calc(var(--q,1cqw)*1.4);height:calc(var(--q,1cqw)*1.4);border-radius:50%;background:#8696A0;animation:pvDots 1s infinite}
.pv-chat li.typing i:nth-child(2){animation-delay:.15s}.pv-chat li.typing i:nth-child(3){animation-delay:.3s}@keyframes pvDots{50%{transform:translateY(calc(var(--q,1cqw)*-.8));opacity:.5}}@keyframes pvPop{from{transform:scale(.85);opacity:0}}
.pv-chat .in{display:flex;align-items:center;gap:calc(var(--q,1cqw)*2);padding:calc(var(--q,1cqw)*2.2) calc(var(--q,1cqw)*2.6);background:#F0F2F5}
.pv-chat .in span{flex:1;height:calc(var(--q,1cqw)*6);border-radius:99px;background:#fff}
.pv-chat .in i{width:calc(var(--q,1cqw)*6);height:calc(var(--q,1cqw)*6);border-radius:50%;background:#00A884;flex:none}
.pv-chat+.pv-dark{right:0;bottom:6%;width:40%}

/* stats: four numbers */
.pv-stats{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(var(--q,1cqw)*3)}
.pv-stats>div{display:flex;flex-direction:column;justify-content:flex-end;padding:calc(var(--q,1cqw)*4);border-radius:calc(var(--q,1cqw)*3.6);background:#fff;color:var(--navy);box-shadow:0 calc(var(--q,1cqw)*4) calc(var(--q,1cqw)*9) rgba(0,0,30,.3)}
.pv-stats>div:nth-child(2),.pv-stats>div:nth-child(3){background:var(--navy);color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.14)}
.pv-stats b{font:400 calc(var(--q,1cqw)*13)/1 var(--serif);letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.pv-stats small{font-size:calc(var(--q,1cqw)*2.6);line-height:1.3;margin-top:calc(var(--q,1cqw)*1.4);opacity:.8}

/* bars: labelled horizontal bars from real data */
.pv-bars{left:0;top:0;width:100%;padding:calc(var(--q,1cqw)*4.4)}
.pv-bars ul{list-style:none;margin:0;padding:0;display:grid;gap:calc(var(--q,1cqw)*2.2)}
.pv-bars li{display:grid;grid-template-columns:30% 1fr calc(var(--q,1cqw)*7);align-items:center;gap:calc(var(--q,1cqw)*2.4);font:500 calc(var(--q,1cqw)*2.5)/1.2 var(--sans)}
.pv-bars li span{height:calc(var(--q,1cqw)*4);border-radius:calc(var(--q,1cqw)*1.4);background:#EEF0FB;overflow:hidden}
.pv-bars li span i{display:block;height:100%;width:var(--w);border-radius:inherit;background:var(--eb);transform-origin:0 50%;transform:scaleX(0);transition:transform 1s cubic-bezier(.2,.8,.2,1) calc(.3s + var(--k)*.1s)}
.pv-bars li:nth-child(even) span i{background:#8086FF}
.hx-slide.is-on .pv-bars li span i{transform:none}
.pv-bars li b{text-align:right;font:400 calc(var(--q,1cqw)*3.2)/1 var(--serif)}

/* benefits: three fanned cards */
.pv-ben{position:absolute;top:0;right:0;bottom:0;left:0}
.pv-ben>div{position:absolute;left:var(--x);top:var(--y);width:62%;padding:calc(var(--q,1cqw)*4.4);border-radius:calc(var(--q,1cqw)*3.6);background:#fff;color:var(--navy);box-shadow:0 calc(var(--q,1cqw)*4) calc(var(--q,1cqw)*9) rgba(0,0,30,.35);transform:rotate(var(--r)) translateY(calc(var(--q,1cqw)*5));opacity:0;transition:transform .7s cubic-bezier(.34,1.56,.64,1),opacity .5s}
.pv-ben>div.lit{transform:rotate(var(--r));opacity:1}
.pv-ben>div:nth-child(2){background:var(--amber)}
.pv-ben>div:nth-child(3){background:var(--navy);color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.14),0 calc(var(--q,1cqw)*4) calc(var(--q,1cqw)*9) rgba(0,0,0,.35)}
.pv-ben i{display:grid;place-items:center;width:calc(var(--q,1cqw)*7);height:calc(var(--q,1cqw)*7);border-radius:50%;background:var(--eb);color:#fff;font:400 calc(var(--q,1cqw)*3.2)/1 var(--serif);font-style:normal;margin-bottom:calc(var(--q,1cqw)*2.4)}
.pv-ben b{display:block;font:400 calc(var(--q,1cqw)*4.4)/1.08 var(--serif)}
.pv-ben small{display:block;font-size:calc(var(--q,1cqw)*2.5);line-height:1.4;margin-top:calc(var(--q,1cqw)*1.4);opacity:.8}

/* compare: the usual way vs the Voxiyo way */
.pv-cmp{left:0;top:0;width:100%;padding:calc(var(--q,1cqw)*4.4)}
.pv-cmp .hd,.pv-cmp li{display:grid;grid-template-columns:1fr 1fr;gap:calc(var(--q,1cqw)*3)}
.pv-cmp .hd{font:700 calc(var(--q,1cqw)*2.4)/1 var(--sans);color:#7A7C96;margin-bottom:calc(var(--q,1cqw)*2)}
.pv-cmp .hd b{color:var(--eb)}
.pv-cmp ul{list-style:none;margin:0;padding:0;display:grid;gap:calc(var(--q,1cqw)*1.4)}
.pv-cmp li{font:500 calc(var(--q,1cqw)*2.6)/1.3 var(--sans);padding:calc(var(--q,1cqw)*2) 0;border-top:1px solid #E6E8F4}
.pv-cmp li s{color:#9A9CB4;text-decoration-color:transparent;transition:text-decoration-color .4s}
.pv-cmp li b{font-weight:700;color:#C9CBE0;transition:color .4s}
.pv-cmp li.lit s{text-decoration-color:#E5484D}
.pv-cmp li.lit b{color:var(--navy)}

/* map: Ahmedabad pin */
.pv-map{left:0;top:0;width:100%;height:78%;overflow:hidden;background:#EEF0FB;background-image:linear-gradient(#DDE0F3 1px,transparent 1px),linear-gradient(90deg,#DDE0F3 1px,transparent 1px);background-size:calc(var(--q,1cqw)*7) calc(var(--q,1cqw)*7)}
.pv-map .road{position:absolute;background:#fff;border-radius:calc(var(--q,1cqw)*2)}
.pv-map .river{position:absolute;left:44%;top:-10%;width:calc(var(--q,1cqw)*7);height:130%;background:#C7D6FF;border-radius:40%;transform:rotate(12deg)}
.pv-pin{position:absolute;left:54%;top:40%;width:calc(var(--q,1cqw)*9);height:calc(var(--q,1cqw)*9);margin:calc(var(--q,1cqw)*-9) 0 0 calc(var(--q,1cqw)*-4.5);border-radius:50% 50% 50% 0;background:var(--eb);transform:rotate(-45deg);box-shadow:0 calc(var(--q,1cqw)*2) calc(var(--q,1cqw)*4) rgba(0,0,120,.35)}
.pv-pin:after{content:"";position:absolute;top:30%;right:30%;bottom:30%;left:30%;border-radius:50%;background:#fff}
.pv-ping{position:absolute;left:54%;top:40%;width:calc(var(--q,1cqw)*4);height:calc(var(--q,1cqw)*2);margin:calc(var(--q,1cqw)*-1) 0 0 calc(var(--q,1cqw)*-2);border-radius:50%;background:rgba(0,0,248,.35);animation:pvPing 2s ease-out infinite}@keyframes pvPing{to{transform:scale(5);opacity:0}}
.pv-map+.pv-dark{left:6%;bottom:0;width:58%}

/* arcade: a little game screen */
.pv-game{left:4%;top:0;width:60%;height:94%;overflow:hidden;background:#04061A;border-radius:calc(var(--q,1cqw)*4);box-shadow:0 0 0 calc(var(--q,1cqw)*1.2) #1B1F4A,0 calc(var(--q,1cqw)*5) calc(var(--q,1cqw)*10) rgba(0,0,0,.45);background-image:linear-gradient(rgba(120,140,255,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(120,140,255,.12) 1px,transparent 1px);background-size:calc(var(--q,1cqw)*6) calc(var(--q,1cqw)*6)}
.pv-game .hud{display:flex;justify-content:space-between;padding:calc(var(--q,1cqw)*3);font:700 calc(var(--q,1cqw)*2.4)/1 var(--sans);color:#C9CCFF}
.pv-game .hud b{color:var(--amber)}
.pv-game .tok{position:absolute;top:-10%;left:var(--x);width:calc(var(--q,1cqw)*6);height:calc(var(--q,1cqw)*6);border-radius:calc(var(--q,1cqw)*1.6);background:var(--c);animation:pvFall var(--t) linear infinite;animation-delay:var(--d);animation-play-state:paused}
.pv-game .tok.bug{border-radius:50%;background:#E5484D}
.hx-slide.is-on .pv-game .tok,.hx-slide.is-on .pv-game .pad{animation-play-state:running}@keyframes pvFall{to{top:105%}}
.pv-game .pad{position:absolute;bottom:5%;left:20%;width:22%;height:calc(var(--q,1cqw)*2.4);border-radius:calc(var(--q,1cqw)*2);background:#fff;box-shadow:0 0 calc(var(--q,1cqw)*3) rgba(140,160,255,.8);animation:pvPad 3.2s ease-in-out infinite alternate;animation-play-state:paused}@keyframes pvPad{to{left:58%}}
.pv-mem{position:absolute;right:0;bottom:4%;width:38%;display:grid;grid-template-columns:repeat(3,1fr);gap:calc(var(--q,1cqw)*1.4);padding:calc(var(--q,1cqw)*2.4);border-radius:calc(var(--q,1cqw)*3);background:var(--navy);box-shadow:inset 0 0 0 1px rgba(255,255,255,.14)}
.pv-mem i{aspect-ratio:1/1;border-radius:calc(var(--q,1cqw)*1.4);background:var(--eb);transition:transform .5s,background .3s}
.pv-mem i.lit{background:var(--amber);transform:rotateY(180deg)}

/* form: the quote form filling itself in */
.pv-form{left:0;top:0;width:84%;padding:calc(var(--q,1cqw)*4.4)}
.pv-lv{display:grid;grid-template-columns:repeat(4,1fr);gap:calc(var(--q,1cqw)*1.6);margin-bottom:calc(var(--q,1cqw)*3.6)}
.pv-lv i{height:calc(var(--q,1cqw)*1.2);border-radius:calc(var(--q,1cqw)*1);background:#E3E5F5;transition:background .4s}
.pv-lv i.lit{background:var(--eb)}
.pv-field{margin-bottom:calc(var(--q,1cqw)*2.4)}
.pv-field small{display:block;font:700 calc(var(--q,1cqw)*2.2)/1 var(--sans);color:#7A7C96;margin-bottom:calc(var(--q,1cqw)*1.1)}
.pv-field span{display:flex;align-items:center;min-height:calc(var(--q,1cqw)*6.4);padding:0 calc(var(--q,1cqw)*2.6);border-radius:calc(var(--q,1cqw)*2);box-shadow:inset 0 0 0 calc(var(--q,1cqw)*.3) #DADCF0;font:500 calc(var(--q,1cqw)*2.7)/1 var(--sans)}
.pv-send{display:inline-flex;align-items:center;gap:calc(var(--q,1cqw)*1.6);margin-top:calc(var(--q,1cqw)*1.6);padding:calc(var(--q,1cqw)*2.4) calc(var(--q,1cqw)*4);border-radius:99px;background:#25D366;color:#fff;font:700 calc(var(--q,1cqw)*2.6)/1 var(--sans)}
.pv-send svg{width:calc(var(--q,1cqw)*3.4);height:calc(var(--q,1cqw)*3.4)}
.pv-form+.pv-dark{right:0;bottom:4%;width:40%}

/* roadmap: seven steps down a line */
.pv-road{left:0;top:0;width:100%;padding:calc(var(--q,1cqw)*4) calc(var(--q,1cqw)*4.4)}
.pv-road ol{list-style:none;margin:0;padding:0;display:grid;gap:calc(var(--q,1cqw)*1.3);counter-reset:r}
.pv-road li{position:relative;display:flex;align-items:center;gap:calc(var(--q,1cqw)*2.6);font:500 calc(var(--q,1cqw)*2.7)/1.2 var(--sans);color:#9A9CB4;counter-increment:r;transition:color .35s}
.pv-road li:before{content:counter(r);flex:none;display:grid;place-items:center;width:calc(var(--q,1cqw)*6);height:calc(var(--q,1cqw)*6);border-radius:50%;box-shadow:inset 0 0 0 calc(var(--q,1cqw)*.35) #DADCF0;font:400 calc(var(--q,1cqw)*2.8)/1 var(--serif);color:var(--eb);background:#fff;transition:background .35s,color .35s,box-shadow .35s}
.pv-road li.lit{color:var(--navy)}
.pv-road li.lit:before{background:var(--eb);color:#fff;box-shadow:none}

/* quote card */
.pv-quote{left:0;top:6%;width:88%;padding:calc(var(--q,1cqw)*5.4)}
.pv-quote:before{content:"\201C";display:block;font:400 calc(var(--q,1cqw)*18)/.6 var(--serif);color:var(--eb);height:calc(var(--q,1cqw)*9)}
.pv-quote p{margin:0;font:400 calc(var(--q,1cqw)*4.4)/1.22 var(--serif)}
.pv-quote small{display:block;margin-top:calc(var(--q,1cqw)*3);font:700 calc(var(--q,1cqw)*2.4)/1 var(--sans);color:var(--eb)}
.pv-quote+.pv-card{right:0;bottom:0;width:56%;padding:calc(var(--q,1cqw)*4.4);background:var(--amber)}
.pv-quote+.pv-card p{margin:0;font:400 calc(var(--q,1cqw)*3.4)/1.25 var(--serif)}
.pv-quote+.pv-card small{display:block;font:700 calc(var(--q,1cqw)*2.2)/1 var(--sans);margin-bottom:calc(var(--q,1cqw)*1.6)}

/* error page: game over */
.pv-404{left:0;top:4%;width:100%;text-align:center;font:400 calc(var(--q,1cqw)*34)/1 var(--serif);color:transparent;-webkit-text-stroke:calc(var(--q,1cqw)*.4) #fff;letter-spacing:-.04em}

/* ===================== WHATSAPP: brand green, attention without noise ===================== */
.vx-dock .d-wa{background:-webkit-linear-gradient(135deg,#25D366,#128C7E);background:linear-gradient(135deg,#25D366,#128C7E);box-shadow:0 12px 30px rgba(18,140,126,.45),inset 0 0 0 1px rgba(255,255,255,.3);overflow:visible}
.vx-dock .d-wa::before{box-shadow:0 0 0 0 rgba(37,211,102,.6);-webkit-animation:waRing 2.2s cubic-bezier(.2,.7,.3,1) infinite;animation:waRing 2.2s cubic-bezier(.2,.7,.3,1) infinite}
.vx-dock .d-wa::after{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:inherit;border:2px solid rgba(37,211,102,.55);-webkit-animation:waRing2 2.2s cubic-bezier(.2,.7,.3,1) .5s infinite;animation:waRing2 2.2s cubic-bezier(.2,.7,.3,1) .5s infinite;pointer-events:none}@-webkit-keyframes waRing{70%{box-shadow:0 0 0 16px rgba(37,211,102,0)}100%{box-shadow:0 0 0 0 rgba(37,211,102,0)}}@keyframes waRing{70%{box-shadow:0 0 0 16px rgba(37,211,102,0)}100%{box-shadow:0 0 0 0 rgba(37,211,102,0)}}@keyframes waRing2{0%{transform:scale(.9);opacity:1}80%,100%{transform:scale(1.35);opacity:0}}
.vx-dock .d-wa svg{-webkit-animation:waWiggle 6s ease-in-out 3s infinite;animation:waWiggle 6s ease-in-out 3s infinite}@keyframes waWiggle{0%,86%,100%{transform:none}88%{transform:rotate(-14deg) scale(1.1)}91%{transform:rotate(12deg) scale(1.1)}94%{transform:rotate(-8deg)}97%{transform:rotate(4deg)}}
.vx-dock .d-wa .wa-dot{position:absolute;top:-3px;right:-3px;width:18px;height:18px;border-radius:50%;background:#FF3B30;color:#fff;font:700 11px/18px var(--sans);text-align:center;box-shadow:0 0 0 2px #fff;transform:scale(0);transition:transform .4s cubic-bezier(.34,1.56,.64,1)}
.vx-dock .d-wa.has-dot .wa-dot{transform:scale(1)}
.vx-dock .d-wa:hover{box-shadow:0 16px 36px rgba(18,140,126,.55),inset 0 0 0 1px rgba(255,255,255,.4)}
.wa-tip{position:fixed;z-index:91;right:max(84px,calc(env(safe-area-inset-right,0px) + 84px));bottom:calc(var(--wa-b,96px) + 2px);max-width:250px;padding:14px 40px 14px 16px;border-radius:18px 18px 4px 18px;background:#fff;color:#111B21;font:500 14px/1.4 var(--sans);box-shadow:0 14px 40px rgba(6,8,24,.25),0 0 0 1px rgba(6,8,24,.06);opacity:0;transform:translateY(10px) scale(.96);transform-origin:100% 100%;transition:opacity .35s,transform .45s cubic-bezier(.34,1.56,.64,1);pointer-events:none}
.wa-tip.on{opacity:1;transform:none;pointer-events:auto}
.wa-tip b{display:block;font-size:13px;color:#008069;margin-bottom:2px}
.wa-tip a{display:inline-flex;margin-top:8px;font-weight:700;color:#008069}
.wa-tip button{all:unset;cursor:pointer;position:absolute;top:8px;right:8px;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;color:#667781}
.wa-tip button:hover{background:#F0F2F5}
.wa-tip button:focus-visible{outline:2px solid #008069}
/* every WhatsApp link: green icon and a shine on hover */
a.wa-link{position:relative;overflow:hidden;isolation:isolate}
a.wa-link svg{color:#25D366}
.hx a.wa-link svg,.boss a.wa-link svg,.cx-blue a.wa-link svg,.cx-navy a.wa-link svg{color:#25D366}
a.wa-link:after{content:"";position:absolute;top:0;bottom:0;left:-60%;width:40%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.45),transparent);transform:skewX(-18deg);transition:left .7s;z-index:-1;pointer-events:none}
a.wa-link:hover:after{left:130%}
a.wa-link.wa-solid{background:#25D366!important;color:#fff!important;border-color:#128C7E!important}
a.wa-link.wa-solid svg{color:#fff!important}

/* ===================== FOOTER: social icons in brand colours ===================== */
.sf-social{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0 0;padding:0;list-style:none}
.sf-social a{position:relative;display:grid;place-items:center;width:46px;height:46px;border-radius:14px;color:#fff;background:var(--sc);box-shadow:0 8px 20px -6px var(--sc);transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s}
.sf-social a svg{width:22px;height:22px}
.sf-social a:hover{transform:translateY(-4px) rotate(-4deg);box-shadow:0 14px 26px -6px var(--sc)}
.sf-social a:focus-visible{outline:3px solid #fff;outline-offset:3px}
.sf-social .s-ig{--sc:#E1306C;background:radial-gradient(circle at 30% 107%,#fdf497 0%,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285AEB 90%)}
.sf-social .s-fb{--sc:#1877F2}.sf-social .s-in{--sc:#0A66C2}.sf-social .s-yt{--sc:#FF0000}.sf-social .s-x{--sc:#000;box-shadow:0 8px 20px -6px rgba(0,0,0,.6),inset 0 0 0 1px rgba(255,255,255,.25)}
.sf-social .s-wa{--sc:#25D366}.sf-social .s-mail{--sc:#EA4335}.sf-social .s-tel{--sc:#0000F8}
.sf-social a .tt{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%,4px);white-space:nowrap;padding:5px 9px;border-radius:8px;background:#fff;color:#060818;font:700 12px/1 var(--sans);opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}.sf-social a:hover .tt{opacity:1;transform:translate(-50%,0)}.sf-social a:focus-visible .tt{opacity:1;transform:translate(-50%,0)}

/* ===================== BUTTONS: consistent, touch friendly ===================== */
a,button,[role="button"],[role="tab"],label{-webkit-tap-highlight-color:transparent;touch-action:manipulation}
.btn{line-height:1.15;text-align:center;-webkit-user-select:none;user-select:none}
.btn:focus-visible{outline:3px solid var(--blue,#0000F8);outline-offset:4px}
.btn[aria-disabled="true"],.btn:disabled{opacity:.5;pointer-events:none}
.qd-x,.pw-add,.mn-x{min-width:44px;min-height:44px}
.hx-cta a:focus-visible,.hx-svc a:focus-visible{outline:3px solid var(--amber);outline-offset:3px}
.hx-cta a:active,.btn:active{transition-duration:.05s}@media (hover:none){.btn:hover{transform:none;box-shadow:4px 4px 0 var(--line,#000)}.hx-cta a:hover{transform:none}}@supports not (aspect-ratio:1/1){
  .hx-vis{height:0;padding-bottom:86%}
  .pv-orbit{height:0;padding-bottom:76%}
  .pv-mem i{height:0;padding-bottom:100%}}@media (max-width:980px){.hx-crumb{order:-2;padding-top:14px}}@media (max-width:600px){.hx-in .hx-h{font-size:clamp(32px,9.6vw,44px)}.hx-crumb{font-size:12.5px}.wa-tip{right:16px;bottom:calc(var(--wa-b,96px) + 64px);max-width:calc(100vw - 32px)}}@media (prefers-reduced-motion:reduce){.pv-orbit .r1,.pv-orbit .r2,.pv-chip,.pv-game .tok,.pv-game .pad,.pv-ping,.vx-dock .d-wa::before,.vx-dock .d-wa::after,.vx-dock .d-wa svg{animation:none!important}}
/* inner page extras */
.hx-svc span{font-size:13px;font-weight:500;padding:6px 12px;border-radius:99px;background:rgba(255,255,255,.1);color:#fff}
.hx-faq{margin:0 0 22px;display:grid;gap:12px;max-width:36em}
.hx-faq div{padding:14px 16px;border-radius:14px;background:rgba(255,255,255,.08);box-shadow:inset 0 0 0 1px rgba(255,255,255,.14)}
.hx-faq dt{font-weight:700;font-size:15px;margin-bottom:4px}
.hx-faq dd{margin:0;font-size:14.5px;line-height:1.5;color:rgba(255,255,255,.8)}
.hx .hx-qa{height:auto;min-height:52px;padding:0 20px;border-radius:99px;border:0;background:rgba(255,255,255,.12);color:#fff;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.4);font:700 15px/1 var(--sans);opacity:1!important}
.hx .hx-qa:hover{transform:translateY(-2px);box-shadow:inset 0 0 0 1.5px #fff;background:rgba(255,255,255,.18)}
.hx .hx-qa[aria-pressed="true"]{background:#fff;color:var(--navy)}
.hx .hx-qa svg{width:18px;height:18px}
.hx-after{padding-top:28px}
.hx-after .sx-search{display:block;max-width:720px}
.pv-bars li em{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hx-cta a{-webkit-user-select:none;user-select:none}
.hx-cta a svg,.cx-b svg,.pb-act a svg{width:20px;height:20px;flex:none}
.hx-cta a.wa-link svg{color:#25D366}
.hx[data-bg="blue"] .hx-cta .hx-b1.wa-link svg{color:#128C7E}
.pv-dot{display:none}
.pv-node.now>span{box-shadow:0 0 0 calc(var(--q,1cqw)*1.2) rgba(255,176,32,.35)}
.pv-nodes:after{content:"";position:absolute;left:calc(50% / var(--n));top:calc(var(--q,1cqw)*4.6);height:calc(var(--q,1cqw)*.5);border-radius:calc(var(--q,1cqw)*1);background:var(--eb);width:calc((100% - 100% / var(--n)) * var(--pf,0));transition:width .6s cubic-bezier(.2,.8,.2,1)}
.pv-flow.tall .pv-nodes:after{display:none}
.pv-tile svg.fill{width:74%;height:auto}.pv-tile svg.fill path{fill:currentColor;stroke:none;opacity:0;transform:scale(.8);transform-origin:50% 50%;transform-box:fill-box;transition:opacity .8s .3s,transform 1s cubic-bezier(.34,1.56,.64,1) .3s}.hx-slide.is-on .pv-tile svg.fill path{opacity:1;transform:none}
.vx-dock .d-wa svg,.sf-social a svg{color:#fff!important}.vx-dock .d-wa svg{width:28px;height:28px}@media (max-width:600px){
  .hx-tab b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12.5px}
  .hx-word{top:auto;bottom:-.12em;font-size:30vw}}@media (min-width:601px) and (max-width:980px){.hx-word{top:auto;bottom:-.12em;font-size:24vw}}
#mode{position:relative}#mode::after{content:"";position:absolute;left:-4px;right:-4px;top:-5px;bottom:-5px}@supports not (aspect-ratio:1/1){
  .vb-phone{height:67%}.vc-phone{height:105%}.vc-white{height:47%}.vc-amber{height:43%}.vb-art{height:calc(var(--q,1cqw)*30)}}@media (max-width:380px){.vx-dock{gap:10px}.vx-dock a{height:46px;min-width:46px;padding:0 11px}.vx-dock .d-wa svg{width:24px;height:24px}}

/* ===================== BUTTON SYSTEM (v10): one size, one feel, everywhere ===================== */
:root{--b-spring:cubic-bezier(.34,1.56,.64,1)}
/* icons inside buttons never grow the button */
.btn svg,.vxf-b svg,.hx-cta a svg,.cx-b svg,.pb-act a svg,.hx-qa svg,.cx-pres svg,.cx-dl svg,.w-all .go svg,.wa-tip a svg{width:20px;height:20px;flex:none}
.vxf-b.wa svg{width:22px;height:22px}

/* shared sizing: grows with text instead of overflowing it */
.btn{height:auto;min-height:52px;padding-top:10px;padding-bottom:10px;justify-content:center}
.btn.sm{min-height:44px;padding-top:7px;padding-bottom:7px}
.hx-cta a,.cx-b,.pb-act a,.hx .hx-qa{min-height:52px;height:auto;padding:12px 24px;line-height:1.15;text-align:center}
.btn,.hx-cta a,.cx-b,.pb-act a,.vxf-b,.hx .hx-qa{white-space:nowrap}

/* pill buttons on dark and blue backgrounds */
.hx-cta a,.cx-b,.pb-act a,.vxf-b,.hx .hx-qa{position:relative;overflow:hidden;isolation:isolate;transition:transform .35s var(--b-spring),box-shadow .3s,background-color .25s,color .25s,border-color .25s}
.hx-cta .hx-b1,.cx-b-w,.pb-act .a1,.cx-b-blue{box-shadow:0 10px 24px -12px rgba(0,0,0,.65)}
.hx-cta .hx-b1:hover,.cx-b-w:hover,.pb-act .a1:hover,.cx-b-blue:hover{transform:translateY(-3px);box-shadow:0 18px 34px -14px rgba(0,0,0,.75),0 0 0 4px rgba(255,255,255,.2)}
.hx-cta .hx-b2:hover,.cx-b-o:hover,.pb-act .a2:hover,.hx .hx-qa:hover{transform:translateY(-3px);background:rgba(255,255,255,.14);box-shadow:inset 0 0 0 1.5px #fff,0 14px 28px -16px rgba(0,0,0,.6)}
.hx-cta a:active,.cx-b:active,.pb-act a:active,.vxf-b:active,.hx .hx-qa:active{transform:translateY(0) scale(.965);transition-duration:.08s}

/* footer call-to-action: a tidy grid, WhatsApp first */
.vxf-r{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%;max-width:480px;margin-left:auto;align-content:start}
.vxf-b{display:flex;align-items:center;justify-content:center;gap:10px;min-height:52px;height:auto;padding:12px 18px;border-radius:99px;border:1px solid rgba(160,195,255,.38);background:rgba(255,255,255,.05);color:#fff;font:700 15px/1.15 var(--sans);text-align:center;text-decoration:none}
.vxf-b:hover{transform:translateY(-3px);background:rgba(255,255,255,.12);color:#fff;border-color:rgba(255,255,255,.8);box-shadow:0 14px 30px -12px rgba(91,155,255,.65)}
.vxf-b.wa{grid-column:1/-1;min-height:58px;font-size:16px;border-color:transparent;color:#fff;background:-webkit-linear-gradient(135deg,#25D366,#128C7E);background:linear-gradient(135deg,#25D366,#128C7E);box-shadow:0 14px 32px -12px rgba(37,211,102,.75)}
.vxf-b.wa:hover{color:#fff;background:-webkit-linear-gradient(135deg,#34E07A,#0E7A6D);background:linear-gradient(135deg,#34E07A,#0E7A6D);box-shadow:0 20px 38px -12px rgba(37,211,102,.85),0 0 0 4px rgba(37,211,102,.22)}
.vxf-b.wa svg{color:#fff!important}
.vxf-b.pf{grid-column:1/-1}
.vxf-b .ic-i{opacity:.9}
@media (max-width:980px){.vxf-r{margin-left:0;max-width:none}}

/* sliding arrow on primary buttons */
.ic-arrow{width:18px!important;height:18px!important;transition:transform .35s var(--b-spring)!important}
a:hover>.ic-arrow,a:focus-visible>.ic-arrow{transform:translateX(5px)!important}
.btn:hover svg.ic-arrow{transform:translateX(5px)!important}

/* ripple on press, for touch and mouse */
.vx-rp{position:absolute;border-radius:50%;background:currentColor;opacity:.24;transform:scale(0);pointer-events:none;z-index:0;-webkit-animation:vxRp .6s ease-out forwards;animation:vxRp .6s ease-out forwards}
@-webkit-keyframes vxRp{to{-webkit-transform:scale(1);opacity:0}}
@keyframes vxRp{to{transform:scale(1);opacity:0}}
.hx-tab,.hx-pause,.cx-pres,.cx-dl,.cx-st,.cx-it,.pb-opt span,.pw-add{position:relative;overflow:hidden}

/* keyboard focus */
.vxf-b:focus-visible,.hx-tab:focus-visible{outline:3px solid #fff;outline-offset:3px}
.btn:focus-visible{outline:3px solid #0000F8;outline-offset:4px}

/* button rows never crowd or overlap */
.hx-cta,.cx-btns,.cx-sp-act,.pb-act,.boss .cta,.sec-more,.cta{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
@media (max-width:600px){
  .hx-cta a,.cx-btns .cx-b,.cx-sp-act .cx-b,.pb-act a,.boss .cta .btn,.sec-more .btn,.hx .hx-qa{flex:1 1 100%;justify-content:center}
  .hx-cta a{flex:1 1 calc(50% - 6px)}
  .vxf-b{font-size:14.5px;padding:12px 14px}
}
@media (max-width:380px){
  .btn,.hx-cta a,.cx-b,.pb-act a,.vxf-b,.hx .hx-qa{white-space:normal}
  .hx-cta a{flex:1 1 100%}
  .vxf-b{padding:12px 10px;gap:8px}
}
@media (hover:none){
  .hx-cta a:hover,.cx-b:hover,.pb-act a:hover,.vxf-b:hover,.hx .hx-qa:hover{transform:none}
}
@media (prefers-reduced-motion:reduce){.vx-rp{display:none}.hx-cta a,.cx-b,.pb-act a,.vxf-b{transition:none}}
.cx-sp-act .cx-b,.pb-act a{min-height:52px}
.cx-pres,.cx-dl{height:40px;padding:0 16px}
@media (max-width:980px){
  .hx-pause{width:44px;height:44px}
  .cx-pres,.cx-dl{height:44px}
  .cx-st{min-height:44px}
  .burger{min-width:44px;min-height:44px}
}
@media (max-width:520px){.hx-cta a{flex:1 1 100%}}
.btn{font-weight:600}
.btn.wa,.boss .btn.wa,.btn.white.wa{background:-webkit-linear-gradient(135deg,#25D366,#128C7E);background:linear-gradient(135deg,#25D366,#128C7E);color:#fff;border-color:#000}
.btn.wa svg,.boss .btn.wa svg{color:#fff!important}
.btn.wa::after{background:linear-gradient(100deg,transparent,rgba(255,255,255,.45),transparent)}