/* LionVoice brand mark on Geeknius template */
@import url("/assets/css/lv-fonts.css?v=20260925inter1");

.lv-wordmark{
  display:inline-flex!important;
  align-items:center;
  gap:10px;
  color:var(--lightColor)!important;
  text-decoration:none!important;
}
.lv-wordmark .lv-mark{
  width:34px;
  height:34px;
  max-height:34px!important;
  max-width:34px!important;
  padding:0!important;
  margin:0!important;
  display:block;
  flex-shrink:0;
  object-fit:contain;
  /* logosvg is light-on-transparent — force charcoal on light theme */
  filter:brightness(0) saturate(100%);
  opacity:.92;
}
html[data-template='dark'] .lv-wordmark .lv-mark{
  filter:brightness(0) invert(1);
  opacity:1;
}
.lv-wordmark span{
  font-family:"Inter",sans-serif;
  font-weight:900;
  letter-spacing:-2px;
  font-size:36px;
  line-height:1;
}
@media only screen and (max-width:479px){
  .lv-wordmark span{font-size:28px}
  .lv-wordmark .lv-mark{width:28px;height:28px;max-height:28px!important;max-width:28px!important}
}

.lv-panel{
  background:rgba(255,255,255,.72);
  border:1px solid rgba(57,65,83,.12);
  border-radius:18px;
  padding:28px 24px;
  margin-top:18px;
  backdrop-filter:blur(8px);
}
html[data-template='dark'] .lv-panel{
  background:rgba(20,22,28,.72);
  border-color:rgba(255,255,255,.08);
}
.lv-panel h3{
  font-family:"Inter",sans-serif;
  font-weight:800;
  letter-spacing:-.5px;
  margin:0 0 8px;
  color:var(--lightColor);
}
.lv-panel p{margin:0 0 14px;color:var(--lightColorMedium)}
.lv-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.lv-row input,.lv-row select,.lv-panel textarea,.lv-panel input[type=email],.lv-panel input[type=text],.lv-panel input[type=tel]{
  border:1px solid rgba(57,65,83,.18);
  border-radius:10px;
  padding:10px 14px;
  background:var(--lightBg,#fff);
  color:var(--lightColor);
  min-width:180px;
  font-family:"Inter",sans-serif;
}
.lv-btn{
  display:inline-flex;align-items:center;gap:8px;
  border:0;border-radius:999px;padding:12px 22px;
  font-family:"Inter",sans-serif;font-weight:600;font-size:14px;
  cursor:pointer;transition:.25s;
}
.lv-btn-solid{background:#0dd7f7;color:#0c1220}
.lv-btn-solid:hover{background:#0abfdc;color:#fff}
.lv-btn-ghost{background:transparent;border:1px solid rgba(57,65,83,.25);color:var(--lightColor)}
.lv-btn-ghost:hover{border-color:#0dd7f7;color:#0dd7f7}
.lv-status{font-size:13px;color:var(--lightColorMedium);min-height:1.2em;margin-top:10px}
.lv-plans{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(180px,1fr));
  gap:14px;
  width:100%;
}
.lv-plan{
  background:rgba(255,255,255,.85);
  border:1px solid rgba(57,65,83,.1);
  border-radius:16px;
  padding:18px 16px;
}
html[data-template='dark'] .lv-plan{background:rgba(20,22,28,.85);border-color:rgba(255,255,255,.08)}
.lv-plan .tag{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#0dd7f7;min-height:1em}
.lv-plan h4{margin:6px 0;font-weight:800;color:var(--lightColor)}
.lv-plan .price{font-size:28px;font-weight:900;letter-spacing:-1px;color:var(--lightColor);margin:4px 0 8px}
.lv-plan .price small{font-size:12px;font-weight:500;color:var(--lightColorMedium)}
.lv-plan p{font-size:13px;margin:0 0 12px;color:var(--lightColorMedium)}
.lv-plan button{width:100%}
.lv-hidden{display:none!important}
.lv-ws-table{width:100%;border-collapse:collapse;font-size:12px;margin-top:12px}
.lv-ws-table th,.lv-ws-table td{border-bottom:1px solid rgba(57,65,83,.1);padding:8px 6px;text-align:left;color:var(--lightColorMedium)}
.lv-ws-table th{color:var(--lightColor);font-weight:700}
#workspace{scroll-margin-top:80px}


/* Webhook promo badges (hero) */
.lv-live-badges{display:flex;flex-wrap:wrap;gap:10px;align-items:center;position:relative;z-index:6;pointer-events:auto}
.lv-live-badges span,
.lv-live-badges a.lv-live-badge{
  display:inline-flex;align-items:center;
  padding:8px 14px;border-radius:999px;
  border:1px solid rgba(57,65,83,.16);
  background:rgba(255,255,255,.55);
  font-family:"Inter",sans-serif;font-weight:700;font-size:12px;
  letter-spacing:.02em;color:var(--lightColor);
  text-decoration:none;
}
.lv-live-badges a.lv-live-badge{
  cursor:pointer;
  pointer-events:auto;
  position:relative;
  z-index:7;
  border-color:rgba(13,215,247,.42);
  box-shadow:0 0 0 1px rgba(13,215,247,.08);
}
.lv-live-badges a.lv-live-badge:hover{
  border-color:#0dd7f7;color:#0dd7f7;
  background:rgba(13,215,247,.12);
  transform:translateY(-1px);
}
html[data-template='dark'] .lv-live-badges span,
html[data-template='dark'] .lv-live-badges a.lv-live-badge{
  background:rgba(20,22,28,.7);border-color:rgba(255,255,255,.1)
}

/* Product flow + call mock */
.lv-flow-strip{
  display:flex;flex-wrap:wrap;align-items:center;gap:6px;
  margin:14px 0 18px;font-family:"Inter",sans-serif;font-weight:800;
  font-size:13px;letter-spacing:.04em;text-transform:uppercase;color:var(--lightColor);
}
.lv-flow-strip i{color:#0dd7f7;font-size:18px}
.lv-call-mock{
  max-width:320px;margin:6px 0 12px;border-radius:12px;overflow:hidden;
  border:1px solid rgba(57,65,83,.14);
  background:rgba(255,255,255,.78);backdrop-filter:blur(8px);
  box-shadow:0 8px 24px rgba(12,18,32,.07);
}
html[data-template='dark'] .lv-call-mock{
  background:rgba(16,18,24,.88);border-color:rgba(255,255,255,.08)
}
.lv-call-mock-head{
  display:flex;flex-wrap:nowrap;gap:6px;align-items:center;justify-content:space-between;
  padding:6px 10px;background:linear-gradient(90deg,#0dd7f7,#c45cff);
  color:#0c1220;font-family:"Inter",sans-serif;font-size:10px;font-weight:700;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.lv-call-mock-head .lv-dot{
  width:6px;height:6px;border-radius:50%;background:#12d18b;
  box-shadow:0 0 0 3px rgba(18,209,139,.25);display:inline-block;margin-right:4px;flex:0 0 auto
}
.lv-call-mock-body{padding:8px 10px 28px;font-size:12px;line-height:1.3;color:var(--lightColor)}
.lv-call-mock-body p{margin:0 0 4px}
.lv-call-mock-body p:last-child{margin-bottom:0}
.lv-call-mock-body .ai b{color:#0dd7f7}
.lv-call-mock-body .cu b{color:#c45cff}
.lv-call-mock-body .tool{
  font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;
  color:#0abfdc;background:rgba(13,215,247,.08);border-radius:6px;padding:3px 7px
}

/* Language switcher — closed/open UI lives in lv-chrome.css */
.lv-header-links{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}

/* Advantages grid (replaces Unsplash gallery) */
.lv-plus-grid{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;
  padding:12px 18px 18px 0
}
.lv-plus{
  background:rgba(255,255,255,.82);border:1px solid rgba(57,65,83,.12);
  border-radius:18px;padding:20px 18px;backdrop-filter:blur(8px);
  box-shadow:0 10px 32px rgba(12,18,32,.06)
}
html[data-template='dark'] .lv-plus{background:rgba(16,18,24,.88);border-color:rgba(255,255,255,.08)}
.lv-plus.featured{
  grid-column:1 / -1;
  background:linear-gradient(135deg,rgba(13,215,247,.18),rgba(196,92,255,.12));
  border-color:rgba(13,215,247,.35)
}
.lv-plus-kicker{display:block;font-family:"Inter",sans-serif;font-weight:800;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#0abfdc;margin-bottom:8px}
.lv-plus h3{margin:0 0 8px;font-family:"Inter",sans-serif;font-weight:800;letter-spacing:-.4px;color:var(--lightColor);font-size:1.15rem}
.lv-plus p{margin:0;font-size:14px;line-height:1.5;color:var(--lightColorMedium)}
@media(max-width:991px){.lv-plus-grid{grid-template-columns:1fr;padding:0 16px 24px}}

.lv-addons{margin-top:18px;display:grid;grid-template-columns:1fr;gap:12px}

/* Flow strip — plain words, running colour on the active step */
.lv-flow-strip span{
  position:relative;
  display:inline;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  color:inherit;
  transition:color .35s ease;
}
.lv-flow-strip span.is-on{
  background-image:linear-gradient(90deg,#c4956a,#0dd7f7,#7a5cff,#c4956a);
  background-size:200% 100%;
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  -webkit-text-fill-color:transparent;
  box-shadow:none;
  transform:none;
  animation:lvFlowRun 1.8s linear infinite;
}
@keyframes lvFlowRun{
  0%{background-position:0% 50%}
  100%{background-position:200% 50%}
}
.lv-call-mock{position:relative;overflow:hidden}
.lv-call-mock.is-live{box-shadow:0 0 0 1px rgba(13,215,247,.35), 0 18px 40px rgba(12,18,32,.12)}
.lv-call-mock-head .lv-dot{
  animation:lvDotPulse 1.4s ease-in-out infinite;
}
@keyframes lvDotPulse{
  0%,100%{box-shadow:0 0 0 0 rgba(13,215,247,.55);transform:scale(1)}
  50%{box-shadow:0 0 0 8px rgba(13,215,247,0);transform:scale(1.15)}
}
.lv-call-mock-body p{
  opacity:0;
  transform:translateY(8px);
  transition:opacity .35s ease, transform .35s ease;
}
.lv-call-mock-body p.is-in{opacity:1;transform:none}
.lv-call-mock-body p.is-typing::after{
  content:'▍';
  color:#0dd7f7;
  animation:lvCaret .7s steps(1) infinite;
}
@keyframes lvCaret{50%{opacity:0}}
.lv-mock-replay{
  position:absolute;right:8px;bottom:6px;
  border:0;border-radius:999px;
  background:rgba(13,215,247,.16);
  color:#0abfdc;font-weight:800;font-size:10px;letter-spacing:.04em;
  padding:.22rem .55rem;cursor:pointer;font-family:inherit;
}
.lv-mock-replay:hover{background:#0dd7f7;color:#0c1220}

/* Magic-link envelope */
.lv-env{
  width:168px;height:112px;margin:0 auto 1.1rem;position:relative;
  perspective:700px;
}
.lv-env-pocket{
  position:absolute;inset:28px 0 0;border-radius:0 0 14px 14px;
  background:linear-gradient(180deg,#e8f9fc,#fff);
  border:1px solid rgba(57,65,83,.14);
  box-shadow:0 16px 32px rgba(12,18,32,.1);
  overflow:hidden;z-index:2;
}
.lv-env-flap{
  position:absolute;top:0;left:0;right:0;height:56px;
  transform-origin:top center;
  background:linear-gradient(180deg,#0dd7f7,#7a5cff);
  clip-path:polygon(0 0,100% 0,50% 100%);
  z-index:3;
  animation:lvFlap 1.1s .25s cubic-bezier(.2,.8,.2,1) forwards;
}
.lv-env-letter{
  position:absolute;left:14px;right:14px;top:46px;height:78px;z-index:1;
  background:#fff;border-radius:10px;
  border:1px solid rgba(13,215,247,.28);
  box-shadow:0 8px 18px rgba(122,92,255,.16);
  padding:10px 12px;text-align:left;
  transform:translateY(18px);opacity:0;
  animation:lvLetter 1s .7s cubic-bezier(.2,.8,.2,1) forwards;
}
.lv-env-letter b{display:block;color:#0abfdc;font-size:.78rem;word-break:break-all}
.lv-env-letter span{display:block;font-size:.68rem;color:#666;margin-bottom:4px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.lv-env-seal{
  position:absolute;left:50%;bottom:6px;width:18px;height:18px;margin-left:-9px;
  border-radius:50%;background:radial-gradient(circle at 30% 30%,#fff,#c45cff 55%,#7a5cff);
  z-index:4;animation:lvSeal 1.4s .2s both;
}
@keyframes lvFlap{
  0%{transform:rotateX(0)}
  100%{transform:rotateX(-168deg)}
}
@keyframes lvLetter{
  0%{transform:translateY(22px);opacity:0}
  100%{transform:translateY(-22px);opacity:1}
}
@keyframes lvSeal{
  0%{transform:scale(.4);opacity:0}
  40%{transform:scale(1.1);opacity:1}
  100%{transform:scale(1);opacity:1}
}
@media (prefers-reduced-motion:reduce){
  .lv-env-flap,.lv-env-letter,.lv-call-mock-head .lv-dot{animation:none}
  .lv-env-flap{transform:rotateX(-168deg)}
  .lv-env-letter{opacity:1;transform:translateY(-22px)}
}

html.lv-wait-i18n [data-i18n]{visibility:hidden}
html.lv-i18n-ready [data-i18n]{visibility:visible}


/* Virtual phone — Try page (glassmorph + animated gradient) */
.lv-phone{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  max-width:380px;
  margin:0 auto 12px;
  border-radius:36px;
  padding:16px 16px 20px;
  color:#f4f1ea;
  background:rgba(18,22,32,.42);
  border:1px solid rgba(255,255,255,.18);
  box-shadow:
    0 28px 56px rgba(12,18,32,.32),
    inset 0 1px 0 rgba(255,255,255,.22),
    inset 0 -1px 0 rgba(255,255,255,.04);
  backdrop-filter:blur(22px) saturate(1.45);
  -webkit-backdrop-filter:blur(22px) saturate(1.45);
}
.lv-phone::before{
  content:"";
  position:absolute;
  inset:-55%;
  z-index:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 22% 28%, rgba(13,215,247,.55), transparent 42%),
    radial-gradient(circle at 78% 22%, rgba(196,149,106,.52), transparent 40%),
    radial-gradient(circle at 55% 78%, rgba(122,92,255,.42), transparent 45%),
    linear-gradient(125deg, rgba(13,215,247,.22), rgba(196,149,106,.18) 45%, rgba(122,92,255,.2));
  background-size:140% 140%;
  animation:lvPhoneGrad 14s ease-in-out infinite;
  filter:blur(2px);
  opacity:.9;
}
.lv-phone::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  border-radius:inherit;
  background:
    linear-gradient(165deg, rgba(255,255,255,.16), transparent 42%, rgba(255,255,255,.04)),
    radial-gradient(circle at 30% 12%, rgba(255,255,255,.28), transparent 38%);
}
.lv-phone > *{ position:relative; z-index:1; }
.lv-phone > .lv-phone-voice{ z-index:6; }
.lv-phone > .lv-phone-pad{ z-index:2; }
.lv-phone.is-picking-voice{ overflow:visible; }
@keyframes lvPhoneGrad{
  0%{ transform:translate3d(-6%,-4%,0) scale(1.05) rotate(0deg); }
  25%{ transform:translate3d(5%,1%,0) scale(1.12) rotate(6deg); }
  50%{ transform:translate3d(2%,6%,0) scale(1.08) rotate(-4deg); }
  75%{ transform:translate3d(-4%,2%,0) scale(1.14) rotate(3deg); }
  100%{ transform:translate3d(-6%,-4%,0) scale(1.05) rotate(0deg); }
}
.lv-phone-top{
  display:flex;justify-content:space-between;align-items:center;
  font-family:"Inter",sans-serif;font-size:11px;letter-spacing:.14em;text-transform:uppercase;
  color:rgba(244,241,234,.55);padding:4px 8px 10px;
}
.lv-phone-screen{
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.14);
  border-radius:18px;
  padding:18px 16px 14px;
  min-height:128px;
  text-align:center;
  backdrop-filter:blur(12px) saturate(1.2);
  -webkit-backdrop-filter:blur(12px) saturate(1.2);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12);
}
.lv-phone-line{
  font-family:"Inter",sans-serif;font-weight:800;font-size:1.15rem;letter-spacing:-.3px;
  margin-bottom:6px;
}
.lv-phone-hint{font-size:13px;line-height:1.45;color:rgba(244,241,234,.7);margin:0 0 10px}
.lv-phone .lv-status{color:#c4956a;font-size:13px;min-height:1.2em}
.lv-phone-eq{display:flex;justify-content:center;gap:4px;height:22px;margin-top:8px;align-items:flex-end}
.lv-phone-eq i{display:block;width:4px;background:#c4956a;border-radius:2px;animation:lvEq 1s ease-in-out infinite}
.lv-phone-eq i:nth-child(2){animation-delay:.12s}
.lv-phone-eq i:nth-child(3){animation-delay:.24s}
.lv-phone-eq i:nth-child(4){animation-delay:.08s}
.lv-phone-eq i:nth-child(5){animation-delay:.2s}
@keyframes lvEq{
  0%,100%{height:6px;opacity:.45}
  50%{height:20px;opacity:1}
}
.lv-phone.is-live .lv-phone-screen{
  box-shadow:inset 0 0 0 1px rgba(196,149,106,.45), inset 0 1px 0 rgba(255,255,255,.14);
}
.lv-phone-lines{
  display:flex;flex-wrap:wrap;justify-content:center;gap:4px 12px;
  padding:14px 4px 8px;
}
.lv-phone-chip{
  border:0;background:transparent;color:rgba(244,241,234,.55);
  font-family:"Inter",sans-serif;font-weight:800;font-size:11px;
  letter-spacing:.08em;text-transform:uppercase;padding:4px 2px;cursor:pointer;
}
.lv-phone-chip.is-on{
  background-image:linear-gradient(90deg,#c4956a,#0dd7f7,#7a5cff,#c4956a);
  background-size:200% 100%;
  -webkit-background-clip:text;background-clip:text;color:transparent;
  -webkit-text-fill-color:transparent;
  animation:lvFlowRun 1.8s linear infinite;
}
.lv-phone-pad{display:flex;justify-content:center;gap:22px;padding:10px 0 4px}
.lv-phone-call,.lv-phone-hang{
  width:64px;height:64px;border:0;border-radius:50%;cursor:pointer;color:#fff;
  font-size:22px;display:inline-flex;align-items:center;justify-content:center;
  box-shadow:0 10px 24px rgba(12,18,32,.22), inset 0 1px 0 rgba(255,255,255,.28);
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
}
.lv-phone-call{background:rgba(47,158,106,.82);border:1px solid rgba(255,255,255,.22)}
.lv-phone-hang{background:rgba(180,69,69,.82);border:1px solid rgba(255,255,255,.18)}
.lv-phone-call:hover,.lv-phone-hang:hover{filter:brightness(1.08)}
.lv-phone-voice{
  display:flex;flex-direction:column;align-items:center;gap:4px;
  padding:2px 8px 6px;
}
.lv-phone-voice label{
  font-family:"Inter",sans-serif;font-size:10px;letter-spacing:.12em;text-transform:uppercase;
  color:rgba(244,241,234,.55);
}
.lv-phone-voice select{min-width:168px;max-width:92%}

/* Light theme — frosted cream glass over animated gradient */
html:not([data-template='dark']) .lv-phone{
  color:#394153;
  background:rgba(255,255,255,.22);
  border:1px solid rgba(255,255,255,.78);
  box-shadow:
    0 28px 56px rgba(12,18,32,.14),
    inset 0 1px 0 rgba(255,255,255,.95),
    inset 0 -1px 0 rgba(196,149,106,.1);
}
html:not([data-template='dark']) .lv-phone::before{
  opacity:1;
  filter:blur(0px) saturate(1.25);
  background:
    radial-gradient(circle at 18% 24%, rgba(13,215,247,.7), transparent 40%),
    radial-gradient(circle at 86% 16%, rgba(196,149,106,.68), transparent 38%),
    radial-gradient(circle at 50% 88%, rgba(122,92,255,.5), transparent 42%),
    radial-gradient(circle at 70% 55%, rgba(165,182,141,.42), transparent 36%),
    linear-gradient(125deg, rgba(13,215,247,.35), rgba(196,149,106,.28) 48%, rgba(122,92,255,.26));
}
html:not([data-template='dark']) .lv-phone-top{color:rgba(57,65,83,.48)}
html:not([data-template='dark']) .lv-phone-screen{
  background:rgba(255,255,255,.48);
  border:1px solid rgba(255,255,255,.75);
  box-shadow:inset 0 0 0 1px rgba(196,149,106,.14), inset 0 1px 0 rgba(255,255,255,.9);
}
html:not([data-template='dark']) .lv-phone-hint{color:rgba(57,65,83,.62)}
html:not([data-template='dark']) .lv-phone-chip{color:rgba(57,65,83,.45);-webkit-text-fill-color:unset}
html:not([data-template='dark']) .lv-phone-chip.is-on{
  -webkit-text-fill-color:transparent;
}
html:not([data-template='dark']) .lv-phone .lv-status{color:#c4956a}
html:not([data-template='dark']) .lv-phone-voice label{color:rgba(57,65,83,.48)}
html:not([data-template='dark']) .lv-phone.is-live .lv-phone-screen{
  box-shadow:inset 0 0 0 1px rgba(196,149,106,.48), inset 0 1px 0 rgba(255,255,255,.85);
}
@media (prefers-reduced-motion:reduce){
  .lv-phone::before{animation:none}
  .lv-phone-chip.is-on{animation:none}
}

/* Plan constructor styles: assets/css/lv-plan-constructor.css */

/* Voices — premium WebGL Earth (Three.js). Continents = texture, not extrusion. */
/* Voices globe — white glassmorph orb + spinning name pins (no Earth / no WebGL) */
#section6 .lv-globe-col{min-width:0;position:relative;z-index:2}
#section6 .container-fluid > .row{
  align-items:center;
}
#section6 .col-lg-4.offset-lg-1{
  position:relative;
  z-index:3;
}
#section6 .lv-globe-col.col-lg-6{
  display:flex;
  justify-content:center;
}
.lv-globe-wrap{
  width:100%;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:clamp(12px,1.6vw,20px);
}
.lv-globe-stage{
  position:relative;
  width:min(520px, 92%, 58vh);
  max-width:100%;
  aspect-ratio:1;
  height:auto;
  perspective:980px;
  perspective-origin:50% 46%;
  cursor:grab;
  touch-action:none;
  user-select:none;
}
.lv-globe-stage:active{cursor:grabbing}

/* NASA Earth canvas (under pins; white orb hidden when ready) */
.lv-globe-canvas{
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  border-radius:50%;
  overflow:hidden;
}
.lv-globe-canvas canvas{
  display:block;
  width:100% !important;
  height:100% !important;
}
.lv-globe-stage.is-nasa-loading .lv-globe-sphere,
.lv-globe-stage.is-nasa-earth .lv-globe-sphere{
  opacity:0;
  visibility:hidden;
}
.lv-globe-stage.is-nasa-earth .lv-globe-field{
  opacity:.42;
}
.lv-globe-captions{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:0;
  margin:0;
  line-height:1.15;
}
.lv-globe-credit{
  margin:0;
  font-size:10px;
  letter-spacing:.04em;
  color:rgba(57,65,83,.45);
  text-align:center;
  line-height:1.15;
}
html[data-template='dark'] .lv-globe-credit{color:rgba(232,251,255,.4)}

/* Plivo-style AI field (light): soft bloom + dot grid behind the white orb */
.lv-globe-field{
  position:absolute;
  inset:-18% -14%;
  z-index:0;
  pointer-events:none;
  overflow:hidden;
  border-radius:50%;
}
.lv-globe-grid{
  position:absolute;
  inset:0;
  background-image:radial-gradient(rgba(13,215,247,.22) 1px, transparent 1px);
  background-size:20px 20px;
  background-position:center;
  opacity:.55;
  -webkit-mask-image:radial-gradient(circle at 50% 48%, #000 28%, transparent 72%);
          mask-image:radial-gradient(circle at 50% 48%, #000 28%, transparent 72%);
}
.lv-globe-bloom{
  position:absolute;
  inset:8%;
  border-radius:50%;
  background:radial-gradient(60% 48% at 50% 46%,
    rgba(13,215,247,.34),
    rgba(124,92,255,.14) 48%,
    transparent 74%);
  filter:blur(2px);
}
.lv-globe-bloom--soft{
  inset:0;
  background:radial-gradient(70% 58% at 50% 48%,
    rgba(255,255,255,.35),
    rgba(13,215,247,.12) 42%,
    transparent 70%);
  filter:blur(18px);
  opacity:.9;
}
html[data-template='dark'] .lv-globe-grid{
  background-image:radial-gradient(rgba(232,251,255,.14) 1px, transparent 1px);
  opacity:.4;
}
html[data-template='dark'] .lv-globe-bloom{
  background:radial-gradient(60% 48% at 50% 46%,
    rgba(13,215,247,.28),
    rgba(124,92,255,.18) 50%,
    transparent 74%);
}
@media (prefers-reduced-motion:reduce){
  .lv-globe-bloom{filter:none}
}

/* Fixed glass sphere — NEVER rotates */
.lv-globe-sphere{
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  display:grid;
  place-items:center;
}
.lv-globe-aura{
  position:absolute;
  width:min(100%, var(--orb, 92%));
  aspect-ratio:1;
  border-radius:50%;
  background:radial-gradient(circle, rgba(13,215,247,.28), rgba(124,92,255,.10) 45%, transparent 72%);
  filter:blur(22px);
}
.lv-globe-orb{
  position:relative;
  width:min(92%, var(--orb, 92%));
  aspect-ratio:1;
  border-radius:50%;
  background:
    radial-gradient(circle at 30% 22%, rgba(255,255,255,.92), transparent 34%),
    radial-gradient(circle at 72% 76%, rgba(196,92,255,.12), transparent 40%),
    radial-gradient(circle at 50% 48%, rgba(255,255,255,.78), rgba(186,236,250,.55) 42%, rgba(13,215,247,.18) 72%, rgba(255,255,255,.35) 100%);
  border:1px solid rgba(255,255,255,.72);
  box-shadow:
    inset -22px -26px 52px rgba(12,18,32,.08),
    inset 16px 12px 36px rgba(255,255,255,.65),
    0 0 0 1px rgba(13,215,247,.18),
    0 28px 70px rgba(13,215,247,.16);
  backdrop-filter:blur(18px) saturate(1.4);
  -webkit-backdrop-filter:blur(18px) saturate(1.4);
}
.lv-globe-orb::before,
.lv-globe-orb::after{
  content:"";
  position:absolute;inset:11%;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.35);
  pointer-events:none;
}
.lv-globe-orb::after{inset:24%; border-color:rgba(13,215,247,.12)}
.lv-globe-shine{
  position:absolute;
  width:min(92%, var(--orb, 92%));
  aspect-ratio:1;
  border-radius:50%;
  background:radial-gradient(circle at 28% 20%, rgba(255,255,255,.7), transparent 48%);
  pointer-events:none;
  mix-blend-mode:screen;
}

/* Only the pin cloud rotates */
.lv-globe-spin{
  position:absolute;inset:0;
  z-index:1;
  transform-style:preserve-3d;
  transform:rotateX(var(--rx, -18deg)) rotateY(var(--ry, -100deg));
  will-change:transform;
  --r: min(44%, 280px);
}
.lv-globe-pin{
  z-index:3;
  appearance:none;border:0;background:transparent;
  position:absolute;left:50%;top:50%;
  margin:0;padding:0;
  overflow:visible;
  transform-origin:center center;
  transform-style:preserve-3d;
  transform:
    rotateY(var(--lon))
    rotateX(var(--lat))
    translateZ(var(--r))
    translate(-50%,-50%)
    scale(var(--pin-scale, 1));
  cursor:pointer;
  font-family:"Inter",sans-serif;
  color:#394153;
  white-space:nowrap;
  transition:opacity .18s linear;
}
.lv-globe-pin.is-back{pointer-events:none}
.lv-globe-pin span{
  display:inline-flex;
  align-items:center;
  padding:5px 11px;
  border-radius:999px;
  font-size:clamp(11px,1.05vw,14px);
  font-weight:750;
  letter-spacing:-.02em;
  background:rgba(255,255,255,.72);
  border:1px solid rgba(13,215,247,.38);
  backdrop-filter:blur(12px) saturate(1.25);
  -webkit-backdrop-filter:blur(12px) saturate(1.25);
  box-shadow:0 6px 18px rgba(13,215,247,.12);
  transform:
    rotateX(calc(var(--lat) * -1))
    rotateY(calc(var(--lon) * -1))
    rotateY(calc(var(--ry, 0deg) * -1))
    rotateX(calc(var(--rx, 0deg) * -1));
  transition:background .2s, border-color .2s, box-shadow .2s, color .2s;
}
.lv-globe-pin:hover span,
.lv-globe-pin.is-on span{
  background:#0dd7f7;
  border-color:#0dd7f7;
  color:#0c1220;
  box-shadow:0 0 0 4px rgba(13,215,247,.22), 0 10px 24px rgba(13,215,247,.28);
}
html[data-template='dark'] .lv-globe-pin{color:#e8fbff}
html[data-template='dark'] .lv-globe-pin span{
  background:rgba(12,18,32,.58);
  color:#e8fbff;
  border-color:rgba(13,215,247,.35);
}
html[data-template='dark'] .lv-globe-pin:hover span,
html[data-template='dark'] .lv-globe-pin.is-on span{
  background:#0dd7f7;color:#0c1220;
}
.lv-globe-hud{
  width:min(100%, 420px);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:12px 16px;
  border-radius:999px;
  background:rgba(255,255,255,.55);
  border:1px solid rgba(13,215,247,.32);
  backdrop-filter:blur(16px) saturate(1.3);
  -webkit-backdrop-filter:blur(16px) saturate(1.3);
  box-shadow:0 12px 32px rgba(13,215,247,.12);
}
.lv-globe-hud-meta{display:flex;flex-direction:column;min-width:0}
.lv-globe-hud-k{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#0899b0;font-weight:800}
.lv-globe-hud-name{font-family:"Inter",sans-serif;font-weight:800;font-size:clamp(16px,1.6vw,22px);color:var(--lightColor,#394153);line-height:1.15}
.lv-globe-hud-play{
  appearance:none;border:0;
  border-radius:999px;
  padding:10px 18px;
  font-weight:750;font-size:14px;
  background:#0dd7f7;color:#0c1220;
  cursor:pointer;
  font-family:"Inter",sans-serif;
  white-space:nowrap;
}
.lv-globe-hud-play:hover{background:#0abfdc;color:#fff}
.lv-globe-hud-play.is-on{background:#0c1220;color:#0dd7f7}
.lv-globe-hint{margin:0;font-size:12px;color:var(--lightColorMedium,#666666);text-align:center;line-height:1.15}
@media (prefers-reduced-motion:reduce){
  .lv-globe-spin{animation:none !important}
}
@media only screen and (max-width:991px){
  #section6 .col-lg-4.offset-lg-1,
  #section6 .lv-globe-col.col-lg-6{
    flex:0 0 100%;
    max-width:100%;
    margin-left:0;
  }
  .lv-globe-stage{width:min(420px, 88vw, 52vh)}
}
@media only screen and (max-width:767px){
  .lv-globe-stage{width:min(86vw, 48vh, 320px)}
}

/* Left lang/docs rail — all pages: slight inset from left edge + true vertical center */
@media only screen and (min-width:768px){
  .header-v-three .social-links{
    position: fixed !important;
    left: 40px !important;
    top: 50% !important;
    bottom: auto !important;
    right: auto !important;
    z-index: 40;
    margin: 0 !important;
    padding-bottom: 0 !important;
    transform-origin: center center !important;
    transform: translate(-50%, -50%) rotate(-90deg) !important;
  }
  #section5 .container-fluid,
  #section6 .container-fluid{
    padding-left: clamp(88px, 8vw, 120px) !important;
    padding-right: clamp(16px, 2vw, 28px);
  }
  #section5 .col-lg-4.offset-lg-1,
  #section6 .col-lg-4.offset-lg-1{
    margin-left: 0 !important;
    max-width: 34%;
    flex: 0 0 34%;
  }
  /* Pink "Start free" must not sit under vertical lang/docs rail */
  #section5 .features-v-three .btn-get-started-solid{
    position:relative;
    z-index:5;
    margin-left: 0;
  }
}


/* ========== Animated aurora — same living motion as dashboard ========== */
html:has(body.body-v-three),
body.body-v-three{
  height:100%;
  min-height:100%;
}
body.body-v-three{
  background-color:#f5fbfe !important;
  background-image:none !important;
  position:relative;
}
/*
  Fixed aurora ABOVE body bg, BELOW UI (#pagepiling/header z-index >= 1).
  Do NOT use z-index:-1 (invisible) and do NOT paint opaque slides over it.
*/
body.body-v-three::after{
  content:"";
  position:fixed;
  inset:-8%;
  z-index:0;
  pointer-events:none;
  background:
    radial-gradient(ellipse 70% 55% at 50% 50%, rgba(13,215,247,.85), transparent 62%),
    radial-gradient(ellipse 65% 50% at 50% 50%, rgba(196,92,255,.7), transparent 60%),
    radial-gradient(ellipse 60% 55% at 50% 50%, rgba(122,92,255,.62), transparent 58%),
    radial-gradient(ellipse 55% 50% at 50% 50%, rgba(196,149,106,.55), transparent 58%);
  background-size:160% 160%, 170% 150%, 150% 170%, 165% 160%;
  background-repeat:no-repeat;
  animation:lvAuroraGrad 30s ease-in-out infinite;
  will-change:background-position,opacity,transform;
  filter:saturate(1.35);
  opacity:.95;
  transform:translate3d(var(--lv-aurora-x,0px), var(--lv-aurora-y,0px), 0);
}
body.body-v-three::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:0;
  pointer-events:none;
  opacity:.22;
  background-image:radial-gradient(rgba(13,215,247,.4) 1px, transparent 1px);
  background-size:22px 22px;
}
@keyframes lvAuroraGrad{
  0%{
    background-position:-20% -10%, 120% -20%, 110% 120%, -30% 110%;
    opacity:.88;
  }
  25%{
    background-position:110% -15%, -25% 40%, -20% -10%, 120% 30%;
    opacity:1;
  }
  50%{
    background-position:115% 110%, 30% 120%, -25% 90%, 40% -20%;
    opacity:.9;
  }
  75%{
    background-position:-15% 115%, 120% 70%, 100% 20%, -20% 40%;
    opacity:1;
  }
  100%{
    background-position:-20% -10%, 120% -20%, 110% 120%, -30% 110%;
    opacity:.88;
  }
}
@media (prefers-reduced-motion:reduce){
  body.body-v-three::after{
    animation:none;
    opacity:.9;
    background-position:10% 20%, 90% 15%, 75% 85%, 15% 80%;
    transform:none;
  }
}
/* UI above aurora — NEVER force header position (must stay fixed-top) */
#pagepiling{
  position:relative;
  z-index:1;
  min-height:100vh;
  height:100%;
  background:transparent !important;
}
body.body-v-three #header{
  /* keep template fixed-top; only ensure above aurora */
  z-index:997;
}
body.body-v-three #pp-nav{
  z-index:100;
}
body.body-v-three .back-to-top{
  z-index:99999;
}
/* Transparent slides → aurora shows; hide inactive so headlines don't stack */
#pagepiling .section,
#pagepiling .pp-section{
  background:transparent !important;
  background-color:transparent !important;
  background-image:none !important;
}
/* Desktop pagepiling only — on mobile (no .active) this was killing ALL taps */
@media only screen and (min-width:768px){
  html:not(.lv-mobile-scroll) #pagepiling .section:not(.active),
  html:not(.lv-mobile-scroll) #pagepiling .pp-section:not(.active){
    opacity:0 !important;
    pointer-events:none !important;
    z-index:0 !important;
  }
  html:not(.lv-mobile-scroll) #pagepiling .section.active,
  html:not(.lv-mobile-scroll) #pagepiling .pp-section.active{
    opacity:1 !important;
    z-index:2 !important;
  }
}
html.lv-mobile-scroll #pagepiling .section:not(.active),
html.lv-mobile-scroll #pagepiling .pp-section:not(.active),
html.lv-mobile-scroll #pagepiling .section.active,
html.lv-mobile-scroll #pagepiling .pp-section.active{
  opacity:1 !important;
  pointer-events:auto !important;
  z-index:1 !important;
}
body.body-v-three .we-do-v-three,
body.body-v-three .experience-v-three,
body.body-v-three .features-v-three,
body.body-v-three .portfolio-v-three,
body.body-v-three .testimonials-v-three,
body.body-v-three .hero-v-three,
body.body-v-three #hero{
  background-color:transparent !important;
  background-image:none !important;
}
body.body-v-three .experience-v-three::after,
body.body-v-three .features-v-three::before,
body.body-v-three #hero::after{
  opacity:.1 !important;
  z-index:0 !important;
  pointer-events:none !important;
}
/* Contact photo slide keeps image; soft aurora wash under form */
body.body-v-three #section8{background:transparent !important}
body.body-v-three #contact.contact-v-three{
  background-size:cover !important;
  background-position:center !important;
  position:relative;
}
body.body-v-three #contact.contact-v-three::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:
    radial-gradient(ellipse 70% 55% at 20% 30%, rgba(13,215,247,.4), transparent 62%),
    radial-gradient(ellipse 60% 50% at 85% 20%, rgba(196,92,255,.35), transparent 60%),
    radial-gradient(ellipse 55% 55% at 70% 85%, rgba(122,92,255,.3), transparent 58%);
  background-size:160% 160%, 170% 150%, 150% 170%;
  background-repeat:no-repeat;
  animation:lvAuroraGrad 30s ease-in-out infinite;
  mix-blend-mode:soft-light;
  opacity:.85;
}
body.body-v-three #contact.contact-v-three > *{position:relative;z-index:1}
html[data-template='dark'] body.body-v-three{
  background-color:#0c1220 !important;
}
html[data-template='dark'] body.body-v-three::after{
  filter:saturate(1.5) brightness(1.05);
  opacity:.85;
}


/* Billing integrations promo (Voice / Email / Chat) */
.lv-integ-promo{
  margin-top:1.25rem;
  padding:1rem 1.15rem;
  border-radius:16px;
  border:1px solid rgba(10,191,220,.38);
  background:linear-gradient(135deg,rgba(10,22,40,.72),rgba(10,191,220,.12));
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
  max-width:36rem;
  box-shadow:0 8px 28px rgba(0,0,0,.22);
}
.lv-integ-promo strong{
  display:block;
  color:#0abfdc;
  margin-bottom:.4rem;
  font-size:.98rem;
  letter-spacing:.01em;
}
.lv-integ-promo p{
  margin:.4rem 0;
  font-size:.88rem;
  line-height:1.45;
  color:rgba(232,228,220,.88);
}
.lv-integ-promo-accent{
  color:#e8e4dc !important;
  font-weight:600;
}
.lv-integ-promo-links{
  margin-top:.65rem !important;
  display:flex;
  flex-wrap:wrap;
  gap:.75rem 1.1rem;
}
.lv-integ-promo-links a{
  color:#0abfdc;
  font-weight:700;
  text-decoration:none;
  border-bottom:1px solid rgba(10,191,220,.45);
}
.lv-integ-promo-links a:hover{ border-bottom-color:#0abfdc; }
html:not([data-template=dark]) .lv-integ-promo{
  background:linear-gradient(135deg,rgba(255,255,255,.92),rgba(10,191,220,.1));
  border-color:rgba(10,140,160,.35);
}
html:not([data-template=dark]) .lv-integ-promo p{ color:#2a3344; }
html:not([data-template=dark]) .lv-integ-promo-accent{ color:#0a1628 !important; }


/* page3 — billing promo is a full-width lv-plus sibling (same margin/radius/glass) */
.lv-plus.lv-integ-plus{
  background:linear-gradient(135deg,rgba(13,215,247,.18),rgba(196,92,255,.12));
  border-color:rgba(13,215,247,.35);
}
.lv-plus.lv-integ-plus p + p{ margin-top:10px; }
.lv-plus.lv-integ-plus .lv-integ-plus-accent{
  margin:10px 0 0;
  font-size:14px;
  line-height:1.5;
  font-weight:600;
  color:var(--lightColor);
}
.lv-plus.lv-integ-plus .lv-integ-plus-links{
  margin:14px 0 0;
  display:flex;
  flex-wrap:wrap;
  gap:10px 18px;
}
.lv-plus.lv-integ-plus .lv-integ-plus-links a{
  color:#0abfdc;
  font-weight:700;
  font-size:14px;
  text-decoration:none;
  border-bottom:1px solid rgba(10,191,220,.45);
}
.lv-plus.lv-integ-plus .lv-integ-plus-links a:hover{ border-bottom-color:#0abfdc; }


/* Hero CTAs — primary solid + secondary text row under it */
#hero .lv-hero-ctas{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:.45rem;
  margin-top:.35rem;
  width:100%;
}
#hero .lv-hero-ctas .btn-video-solid{
  margin:0 !important;
  align-self:flex-start;
}
#hero .lv-hero-ctas__sec{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:flex-start;
  gap:.25rem .55rem;
  margin:.35rem 0 0;
  padding:.15rem 0 0;
  opacity:.92;
}
#hero .lv-hero-ctas__sec a.lv-tour-link,
#hero .lv-hero-ctas__sec a.lv-demo-link{
  display:inline !important;
  margin:0 !important;
  padding:0 !important;
  border:none !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  font-family:"Inter",sans-serif !important;
  font-weight:600 !important;
  font-size:clamp(.78rem,1vw,.88rem) !important;
  letter-spacing:-.01em;
  line-height:1.3;
  text-decoration:none !important;
  color:var(--lightColor,#394153) !important;
  border-bottom:1px solid rgba(57,65,83,.28) !important;
  transition:opacity .15s ease, border-color .15s ease;
}
#hero .lv-hero-ctas__sec a.lv-tour-link:hover,
#hero .lv-hero-ctas__sec a.lv-demo-link:hover{
  opacity:.8;
  border-bottom-color:var(--lightColor,#394153) !important;
  background:transparent !important;
  transform:none;
  box-shadow:none !important;
}
#hero .lv-hero-ctas__dot{
  color:rgba(57,65,83,.4);
  font-weight:600;
  font-size:.82rem;
  line-height:1;
  user-select:none;
}
html[data-template='dark'] #hero .lv-hero-ctas__sec a.lv-tour-link,
html[data-template='dark'] #hero .lv-hero-ctas__sec a.lv-demo-link{
  color:var(--lightColor,#e8e4dc) !important;
  border-bottom-color:rgba(232,228,220,.35) !important;
}
html[data-template='dark'] #hero .lv-hero-ctas__dot{color:rgba(232,228,220,.45)}
/* keep legacy outline class harmless if reused */
#hero .btn-get-started-outline{
  display:inline !important;margin:0 !important;padding:0 !important;
  border:none !important;background:transparent !important;box-shadow:none !important;
  color:var(--lightColor,#394153) !important;font-weight:700 !important;
}

/* Header Tour link — same readability */
.header-demo a.lv-tour-link,
#header a.lv-tour-link{
  color:#0a1628 !important;
  font-weight:800 !important;
  opacity:1 !important;
}
html[data-template='dark'] .header-demo a.lv-tour-link,
html[data-template='dark'] #header a.lv-tour-link{
  color:#e8f9fc !important;
}

/* Web-phone FAB vs hero Talk live — leave corner free (desktop) */
.hero-v-three .img-cover-v-three .placeholder .btn-get-started-v-three{
  right: 88px !important; /* 60px FAB + gap */
  z-index: 10;
}

/* Mobile: template 1247px rules bury Talk live under the photo — reset hero image box */
@media only screen and (max-width:767px){
  .hero-v-three .row > [class*="col-"]{
    flex:0 0 100%;
    max-width:100%;
  }
  .hero-v-three .img-cover-v-three{
    position:relative !important;
    overflow:hidden !important;
    margin:12px 0 0 !important;
    z-index:2;
  }
  .hero-v-three .img-cover-v-three .placeholder{
    position:relative !important;
    left:0 !important;
    top:0 !important;
    bottom:auto !important;
    width:100% !important;
    height:min(48vh, 380px) !important;
    min-height:260px;
    overflow:hidden !important;
    margin:0 !important;
  }
  .hero-v-three .img-cover-v-three .placeholder img{
    position:absolute !important;
    inset:0 !important;
    left:0 !important;
    top:0 !important;
    width:100% !important;
    height:100% !important;
    margin:0 !important;
    padding:0 !important;
    z-index:0 !important;
    object-fit:cover !important;
    border-radius:18px;
  }
  .hero-v-three .img-cover-v-three .placeholder .status{
    display:none !important; /* rotated rail — unreadable / overlaps on mobile */
  }
  .hero-v-three .img-cover-v-three .placeholder .btn-get-started-v-three{
    position:absolute !important;
    left:0 !important;
    right:72px !important; /* room for web-phone FAB */
    bottom:0 !important;
    width:auto !important;
    max-width:none !important;
    height:56px !important;
    line-height:56px !important;
    padding:0 16px !important;
    z-index:6 !important;
    font-size:12px !important;
    letter-spacing:2px !important;
    border-radius:0 0 0 18px !important;
    background-color:rgba(248, 0, 193, 0.85) !important;
  }
}

/* Mobile crash fix: no pagepiling GPU slides, no animated aurora, no backdrop blur */
html.lv-mobile-scroll,
html.lv-mobile-scroll body.body-v-three{
  height:auto !important;
  min-height:100% !important;
  overflow-x:hidden !important;
  overflow-y:auto !important;
}
html.lv-mobile-scroll #pagepiling{
  height:auto !important;
  min-height:0 !important;
  overflow:visible !important;
  transform:none !important;
}
html.lv-mobile-scroll body{overflow:auto!important}
html.lv-mobile-scroll #pagepiling .section,
html.lv-mobile-scroll #pagepiling .pp-section{
  position:relative !important;
  left:auto !important;
  top:auto !important;
  width:100% !important;
  height:auto !important;
  min-height:100vh;
  min-height:100dvh;
  opacity:1 !important;
  pointer-events:auto !important;
  z-index:1 !important;
  transform:none !important;
  display:block !important;
  visibility:visible !important;
  backface-visibility:visible !important;
  overflow:visible !important;
}
html.lv-mobile-scroll #pp-nav,
html.lv-mobile-scroll .pp-easing{display:none !important}
html.lv-mobile-scroll body.body-v-three::before,
html.lv-mobile-scroll body.body-v-three::after{
  animation:none !important;
  will-change:auto !important;
  filter:none !important;
  transform:none !important;
  opacity:.55 !important;
  background:
    radial-gradient(ellipse 80% 60% at 50% 20%, rgba(13,215,247,.45), transparent 65%),
    radial-gradient(ellipse 70% 50% at 80% 80%, rgba(196,92,255,.28), transparent 60%) !important;
  background-size:auto !important;
}
@media only screen and (max-width:767px){
  body.body-v-three::after,
  body.body-v-three::before{
    animation:none !important;
    will-change:auto !important;
    filter:none !important;
    transform:none !important;
  }
  .lv-panel,
  .lv-mod-card,
  .lv-phone,
  .lv-glass,
  .hero-v-three .img-cover-v-three,
  .icon-box-v-three{
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
  }
}

/* Fallback if class missed: same crash-safe scroll under 768px */
@media only screen and (max-width:767px){
  html, body.body-v-three{
    height:auto !important;
    min-height:100% !important;
    overflow-x:hidden !important;
    overflow-y:auto !important;
  }
  #pagepiling{
    height:auto !important;
    overflow:visible !important;
  }
  html, body{
    overflow:auto !important;
    height:auto !important;
  }
  #pagepiling .section,
  #pagepiling .pp-section,
  #pagepiling .pp-scrollable,
  #pagepiling .section:not(.active),
  #pagepiling .pp-section:not(.active){
    position:relative !important;
    left:auto !important; top:auto !important;
    width:100% !important;
    height:auto !important;
    min-height:100vh;
    min-height:100dvh;
    opacity:1 !important;
    pointer-events:auto !important;
    z-index:1 !important;
    transform:none !important;
    visibility:visible !important;
    backface-visibility:visible !important;
    overflow:visible !important;
  }
  #pp-nav{display:none !important}

  /* Header Docs/API/Tour/Dash — was display:none; rotated rail unusable on phone */
  .header-v-three .social-links.lv-header-links{
    display:flex !important;
    position:fixed !important;
    left:0 !important; right:0 !important;
    top:auto !important; bottom:0 !important;
    transform:none !important;
    z-index:9000 !important;
    justify-content:center;
    align-items:center;
    flex-wrap:wrap;
    gap:6px 10px;
    padding:8px 10px calc(8px + env(safe-area-inset-bottom,0px)) !important;
    margin:0 !important;
    background:rgba(245,251,254,.94);
    border-top:1px solid rgba(57,65,83,.12);
    backdrop-filter:blur(10px);
    -webkit-backdrop-filter:blur(10px);
    pointer-events:auto !important;
  }
  .header-v-three .social-links.lv-header-links::before{display:none !important}
  .header-v-three .social-links.lv-header-links a{
    display:inline-flex !important;
    align-items:center;
    justify-content:center;
    height:auto !important;
    min-height:40px !important;
    line-height:1.2 !important;
    margin:0 !important;
    padding:8px 12px !important;
    font-size:12px !important;
    border-radius:999px !important;
    background:rgba(255,255,255,.95) !important;
    border:1px solid rgba(13,215,247,.35) !important;
    color:#394153 !important;
    pointer-events:auto !important;
    visibility:visible !important;
    opacity:1 !important;
    transform:none !important;
    writing-mode:horizontal-tb !important;
    text-orientation:mixed !important;
    white-space:nowrap;
  }
  .header-v-three .social-links.lv-header-links a::after{display:none !important}
  .header-v-three .social-links .lv-lang-wrap,
  .header-v-three .social-links .lv-fx-wrap{margin:0 !important}
  body.body-v-three{padding-bottom:64px !important}
}
.lv-sp-overlay{pointer-events:none !important}
.lv-sp-overlay.is-open{pointer-events:auto !important}

/* Mobile: Watch tour / Demo — real tap targets (was ~17px text) */
@media only screen and (max-width:767px){
  #hero .name-headline-v-three{
    position:relative !important;
    z-index:5 !important;
    pointer-events:auto !important;
  }
  #hero .lv-hero-ctas,
  #hero .lv-hero-ctas *{
    pointer-events:auto !important;
  }
  #hero .lv-hero-ctas__sec{
    width:100%;
    gap:.55rem .75rem;
    margin-top:.55rem;
    padding:.25rem 0 .5rem;
  }
  #hero .lv-hero-ctas__sec a.lv-tour-link,
  #hero .lv-hero-ctas__sec a.lv-demo-link{
    display:inline-flex !important;
    align-items:center;
    min-height:44px !important;
    padding:10px 14px !important;
    margin:0 !important;
    border-radius:999px !important;
    border:1px solid rgba(57,65,83,.28) !important;
    background:rgba(255,255,255,.92) !important;
    font-size:14px !important;
    line-height:1.2 !important;
    -webkit-tap-highlight-color:rgba(13,215,247,.25);
  }
  .mobile-nav-overly{
    pointer-events:none !important;
  }
  .mobile-nav-active .mobile-nav-overly,
  header > .align-items-center.mobile-nav-active ~ .mobile-nav-overly,
  .mobile-nav-overly[style*="block"]{
    pointer-events:auto !important;
  }
  /* Hamburger menu: allow real URL rows */
  .mobile-nav a.lv-tour-link,
  .mobile-nav a.lv-demo-link,
  .mobile-nav a.lv-app-link,
  .mobile-nav a.lv-docs-link,
  .mobile-nav a.lv-api-link{
    pointer-events:auto !important;
  }
  /* Hamburger menu is a dark panel — never let the Tour pill go dark-on-dark */
  .mobile-nav a.lv-tour-link{
    color:#fff !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    -webkit-backdrop-filter:none !important;
    backdrop-filter:none !important;
    padding:8px 0 12px 25px !important;
    font-size:inherit !important;
    font-weight:inherit !important;
    border-radius:0 !important;
  }
  .mobile-nav a.lv-tour-link:hover{color:#0dd7f7 !important}
}


/* 2026-09-15 mobile tapability: keep hero/header links above decorative layers
   and force pointer events so iOS taps reach the real <a>. */
@media only screen and (max-width:767px){
  #hero .name-headline-v-three{position:relative;z-index:20}
  #hero .lv-hero-ctas{position:relative;z-index:30;pointer-events:auto}
  #hero .lv-hero-ctas__sec{position:relative;z-index:31;pointer-events:auto}
  #hero .lv-hero-ctas__sec a.lv-tour-link,
  #hero .lv-hero-ctas__sec a.lv-demo-link,
  #hero .lv-hero-ctas .btn-video-solid{position:relative;z-index:32;pointer-events:auto !important;touch-action:manipulation}
  .header-v-three .social-links.lv-header-links > a,
  #header a.lv-tour-link, #header a.lv-app-link, #header a.lv-docs-link, #header a.lv-api-link{
    pointer-events:auto !important;position:relative;z-index:10060;touch-action:manipulation;
  }
}

/* Hamburger menu (.mobile-nav) is a dark panel — the Tour pill must never be
   dark-on-dark on any viewport width. */
.mobile-nav a.lv-tour-link{
  color:#fff !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  -webkit-backdrop-filter:none !important;
  backdrop-filter:none !important;
  border-radius:0 !important;
}
.mobile-nav a.lv-tour-link:hover{color:#0dd7f7 !important}

/* Strongest override: hamburger (.mobile-nav) dark panel — Tour row must be white,
   beating #header a.lv-tour-link{color:#0a1628!important}. */
html body #header .mobile-nav a.lv-tour-link,
html body #header .mobile-nav a.lv-tour-link:visited,
html body #header .mobile-nav .lv-mobile-ext a.lv-tour-link,
html body .mobile-nav a.lv-tour-link{
  color:#fff !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  -webkit-backdrop-filter:none !important;
  backdrop-filter:none !important;
  border-radius:0 !important;
  opacity:1 !important;
}
html body #header .mobile-nav a.lv-tour-link:hover,
html body .mobile-nav a.lv-tour-link:hover{color:#0dd7f7 !important}