:root{
  color-scheme: light;

  --vxn-void:#ffffff;
  --vxn-deep:#f4f0fb;
  --vxn-panel:#ffffff;
  --vxn-panel-2:#f5f1fe;

  --vxn-ink:#1b1233;
  --vxn-ink-2:#392e57;
  --vxn-muted:#675d86;
  --vxn-faint:#9a91b4;

 
  --w:45,35,70;          
  --ln:110,82,180;       
  --mk:245,243,252;      

  --vxn-line:rgba(var(--ln),0.16);
  --vxn-line-2:rgba(var(--ln),0.32);

  
  --vxn-blue:#7c3aed;  
  --vxn-blue-2:#a855f7;  
  --vxn-cyan:#c084fc;    
  --vxn-violet:#8b5cf6;
  --vxn-green:#10b981;   
  --vxn-amber:#f59e0b;   
  --vxn-red:#f43f5e;     

  --vxn-glass:linear-gradient(160deg,rgba(255,255,255,0.96),rgba(250,248,255,0.90));
  --vxn-glass-2:linear-gradient(160deg,#ffffff,#f3edfe);
  --vxn-glass-brd:rgba(var(--ln),0.20);

  --vxn-cta-ink:#ffffff;
  --vxn-grad-cta:linear-gradient(135deg,#7c3aed 0%,#a855f7 55%,#c084fc 100%);
  --vxn-grad-violet:linear-gradient(135deg,#8b5cf6 0%,#7c3aed 100%);
  --vxn-grad-text:linear-gradient(120deg,#2a1d4d 0%,#7c3aed 55%,#a855f7 100%);

  --vxn-shadow:0 26px 60px -30px rgba(76,29,149,0.30);
  --vxn-glow-cta:0 16px 40px -12px rgba(124,58,237,0.42);

  --vxn-font-display:'Sora',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  --vxn-font-body:'Manrope',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  --vxn-font-mono:'JetBrains Mono',ui-monospace,SFMono-Regular,Menlo,monospace;

  --vxn-r:20px;
  --vxn-r-sm:14px;
  --vxn-shell:1180px;
  --vxn-ease:cubic-bezier(.2,.7,.2,1);
}

:root[data-theme="dark"]{
  color-scheme: dark;
  --vxn-void:#0b0818;
  --vxn-deep:#0f0b20;
  --vxn-panel:#150f2b;
  --vxn-panel-2:#1b1338;
  --vxn-ink:#f3f0ff;
  --vxn-ink-2:#cdc6e8;
  --vxn-muted:#968cb8;
  --vxn-faint:#6c648c;
  --w:255,255,255;
  --ln:150,135,215;
  --mk:14,20,44;
  --vxn-glass:linear-gradient(160deg,rgba(255,255,255,0.07),rgba(255,255,255,0.02));
  --vxn-glass-2:linear-gradient(160deg,rgba(255,255,255,0.10),rgba(255,255,255,0.03));
  --vxn-glass-brd:rgba(255,255,255,0.10);
  --vxn-grad-text:linear-gradient(120deg,#ffffff 0%,#c4b5fd 50%,#c084fc 100%);
  --vxn-shadow:0 26px 70px -28px rgba(0,0,0,0.70);
  --vxn-glow-cta:0 16px 44px -12px rgba(124,58,237,0.60);
}


*,*::before,*::after{box-sizing:border-box;}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;}
body{
  margin:0;
  background:var(--vxn-void);
  color:var(--vxn-ink-2);
  font-family:var(--vxn-font-body);
  font-size:16px;
  line-height:1.65;
  letter-spacing:.005em;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
  overflow-x:hidden;
}
img{max-width:100%;display:block;}
a{color:inherit;text-decoration:none;}
button{font-family:inherit;cursor:pointer;}
canvas{display:block;}
::selection{background:rgba(192,132,252,.28);color:#fff;}

.vxn-atmos{position:fixed;inset:0;z-index:-2;pointer-events:none;background:
  radial-gradient(1100px 700px at 78% -8%,rgba(124,58,237,.22),transparent 60%),
  radial-gradient(900px 700px at 8% 12%,rgba(139,92,246,.16),transparent 60%),
  radial-gradient(1000px 800px at 60% 108%,rgba(192,132,252,.10),transparent 55%),
  var(--vxn-void);}
.vxn-atmos::before{content:"";position:absolute;inset:0;opacity:.5;
  background-image:linear-gradient(rgba(var(--ln),.05) 1px,transparent 1px),
                   linear-gradient(90deg,rgba(var(--ln),.05) 1px,transparent 1px);
  background-size:54px 54px;
  -webkit-mask-image:radial-gradient(circle at 50% 30%,#000 0%,transparent 78%);
          mask-image:radial-gradient(circle at 50% 30%,#000 0%,transparent 78%);}
.vxn-grain{position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.035;mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");}

.vxn-shell{width:100%;max-width:var(--vxn-shell);margin-inline:auto;padding-inline:24px;}
.vxn-section{position:relative;padding-block:clamp(74px,11vh,128px);}
.vxn-section--tight{padding-block:clamp(56px,8vh,92px);}
.vxn-divider{height:1px;background:linear-gradient(90deg,transparent,var(--vxn-line-2),transparent);border:0;margin:0;}

.vxn-eyebrow{display:inline-flex;align-items:center;gap:9px;font-family:var(--vxn-font-mono);
  font-size:12px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--vxn-cyan);}
.vxn-eyebrow::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--vxn-cyan);
  box-shadow:0 0 10px var(--vxn-cyan);}
.vxn-h1{font-family:var(--vxn-font-display);font-weight:800;line-height:1.04;letter-spacing:-.025em;
  font-size:clamp(2.4rem,6vw,4.5rem);color:var(--vxn-ink);margin:0;}
.vxn-h2{font-family:var(--vxn-font-display);font-weight:700;line-height:1.08;letter-spacing:-.02em;
  font-size:clamp(1.85rem,4vw,3rem);color:var(--vxn-ink);margin:0;}
.vxn-h3{font-family:var(--vxn-font-display);font-weight:600;line-height:1.2;letter-spacing:-.01em;
  font-size:clamp(1.1rem,2vw,1.35rem);color:var(--vxn-ink);margin:0;}
.vxn-lead{font-size:clamp(1.02rem,1.6vw,1.2rem);color:var(--vxn-ink-2);max-width:62ch;}
.vxn-grad-txt{background:var(--vxn-grad-text);-webkit-background-clip:text;background-clip:text;color:transparent;}
.vxn-cyan{color:var(--vxn-cyan);} .vxn-violet{color:var(--vxn-violet);} .vxn-green{color:var(--vxn-green);}
.vxn-mono{font-family:var(--vxn-font-mono);font-variant-numeric:tabular-nums;}
.vxn-head{max-width:760px;}
.vxn-head .vxn-lead{margin-top:18px;}
.vxn-center{text-align:center;margin-inline:auto;}

.vxn-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;
  font-family:var(--vxn-font-display);font-weight:600;font-size:.96rem;letter-spacing:-.01em;
  padding:14px 24px;border-radius:13px;border:1px solid transparent;transition:transform .25s var(--vxn-ease),box-shadow .25s,background .25s;white-space:nowrap;}
.vxn-btn svg{width:18px;height:18px;}
.vxn-btn--primary{background:var(--vxn-grad-cta);color:var(--vxn-cta-ink);box-shadow:var(--vxn-glow-cta);}
.vxn-btn--primary:hover{transform:translateY(-2px);box-shadow:0 20px 50px -12px rgba(124,58,237,.7);}
.vxn-btn--ghost{background:rgba(var(--w),.03);border-color:var(--vxn-line-2);color:var(--vxn-ink);}
.vxn-btn--ghost:hover{transform:translateY(-2px);background:rgba(var(--w),.07);border-color:var(--vxn-cyan);}
.vxn-btn:focus-visible{outline:2px solid var(--vxn-cyan);outline-offset:3px;}

.vxn-chip{display:inline-flex;align-items:center;gap:8px;font-size:.82rem;font-weight:600;color:var(--vxn-ink-2);
  padding:7px 14px;border-radius:999px;background:rgba(var(--w),.04);border:1px solid var(--vxn-line);}
.vxn-chip .vxn-dot{width:6px;height:6px;border-radius:50%;background:var(--vxn-green);box-shadow:0 0 8px var(--vxn-green);}

.vxn-glass{position:relative;background:var(--vxn-glass);border:1px solid var(--vxn-glass-brd);
  border-radius:var(--vxn-r);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--vxn-shadow);}
.vxn-glass::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;pointer-events:none;
  background:linear-gradient(160deg,rgba(var(--w),.35),transparent 40%);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
          mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;mask-composite:exclude;opacity:.5;}

.vxn-card3d{transition:transform .4s var(--vxn-ease),box-shadow .4s;transform-style:preserve-3d;will-change:transform;}

.vxn-reveal{opacity:0;transform:translateY(28px);transition:opacity .8s var(--vxn-ease),transform .8s var(--vxn-ease);transition-delay:var(--d,0s);}
.vxn-reveal.is-in{opacity:1;transform:none;}

.vxn-skip{position:absolute;left:-9999px;top:0;z-index:200;background:var(--vxn-cyan);color:var(--vxn-cta-ink);
  padding:10px 16px;border-radius:0 0 10px 0;font-weight:700;}
.vxn-skip:focus{left:0;}

.vxn-scrim{position:fixed;inset:0;z-index:79;background:rgba(var(--mk),.55);opacity:0;visibility:hidden;
  -webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:opacity .35s,visibility .35s;}
.vxn-scrim.is-on{opacity:1;visibility:visible;}

.vxn-nav{position:fixed;top:14px;left:0;right:0;z-index:80;display:flex;justify-content:center;padding-inline:14px;}
.vxn-island{width:min(1120px,100%);background:linear-gradient(160deg,rgba(var(--mk),.78),rgba(var(--mk),.7));
  border:1px solid var(--vxn-glass-brd);border-radius:22px;overflow:hidden;
  -webkit-backdrop-filter:blur(16px) saturate(140%);backdrop-filter:blur(16px) saturate(140%);
  box-shadow:0 18px 50px -22px rgba(0,0,0,.8);
  transition:width .5s var(--vxn-ease),border-radius .5s,background .5s;}
.vxn-nav.is-contracted .vxn-island{width:min(880px,100%);background:linear-gradient(160deg,rgba(var(--mk),.92),rgba(var(--mk),.9));}
.vxn-bar{display:flex;align-items:center;gap:18px;padding:11px 14px 11px 18px;transition:padding .5s var(--vxn-ease);}
.vxn-nav.is-contracted .vxn-bar{padding:8px 12px 8px 16px;}

.vxn-brand{display:flex;align-items:center;gap:11px;flex-shrink:0;}
.vxn-mark{width:30px;height:30px;flex-shrink:0;transition:width .5s,height .5s;}
.vxn-nav.is-contracted .vxn-mark{width:26px;height:26px;}
.vxn-word{font-family:var(--vxn-font-display);font-weight:800;letter-spacing:.12em;font-size:1.02rem;color:var(--vxn-ink);}

.vxn-links{position:relative;display:flex;align-items:center;gap:2px;margin-inline:auto;}
.vxn-spot{position:absolute;top:50%;height:34px;border-radius:11px;transform:translateY(-50%);
  background:linear-gradient(160deg,rgba(var(--ln),.22),rgba(var(--ln),.08));border:1px solid var(--vxn-line);
  z-index:0;opacity:0;transition:left .38s var(--vxn-ease),width .38s var(--vxn-ease),opacity .3s;pointer-events:none;}
.vxn-link{position:relative;z-index:1;display:inline-flex;align-items:center;gap:6px;color:var(--vxn-ink-2);
  font-size:.92rem;font-weight:600;padding:8px 14px;border-radius:11px;background:none;border:0;transition:color .25s;}
.vxn-link:hover,.vxn-link[aria-expanded="true"]{color:var(--vxn-ink);}
.vxn-link .vxn-chev{width:14px;height:14px;transition:transform .3s;}
.vxn-link[aria-expanded="true"] .vxn-chev{transform:rotate(180deg);}
.vxn-link:focus-visible{outline:2px solid var(--vxn-cyan);outline-offset:2px;}

.vxn-actions{display:flex;align-items:center;gap:10px;flex-shrink:0;}
.vxn-cta{display:inline-flex;align-items:center;gap:7px;background:var(--vxn-grad-cta);color:var(--vxn-cta-ink);
  font-family:var(--vxn-font-display);font-weight:700;font-size:.88rem;padding:10px 17px;border-radius:11px;
  box-shadow:0 10px 26px -10px rgba(124,58,237,.6);transition:transform .25s,box-shadow .25s;border:0;}
.vxn-cta:hover{transform:translateY(-1px);box-shadow:0 14px 32px -8px rgba(124,58,237,.8);}
.vxn-cta:focus-visible{outline:2px solid #fff;outline-offset:2px;}

.vxn-burger{display:none;width:42px;height:38px;border-radius:11px;background:rgba(var(--w),.05);
  border:1px solid var(--vxn-line);align-items:center;justify-content:center;flex-direction:column;gap:4px;}
.vxn-burger span{width:18px;height:2px;background:var(--vxn-ink);border-radius:2px;transition:transform .3s,opacity .3s;}
.vxn-burger:focus-visible{outline:2px solid var(--vxn-cyan);outline-offset:2px;}

.vxn-canopy{max-height:0;opacity:0;padding:0 22px;transition:max-height .5s var(--vxn-ease),opacity .35s,padding .5s var(--vxn-ease);}
.vxn-island.is-open .vxn-canopy{max-height:420px;opacity:1;padding:4px 22px 22px;}
.vxn-canopy-top{height:1px;background:var(--vxn-line);margin-bottom:18px;}
.vxn-canopy-grid{display:grid;grid-template-columns:1fr 1fr 1.15fr;gap:22px;}
.vxn-col-title{font-family:var(--vxn-font-mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--vxn-muted);margin-bottom:12px;}
.vxn-col a{display:flex;align-items:center;gap:10px;color:var(--vxn-ink-2);font-size:.9rem;font-weight:600;padding:7px 9px;border-radius:9px;transition:background .2s,color .2s,transform .2s;opacity:0;transform:translateY(8px);}
.vxn-island.is-open .vxn-col a{opacity:1;transform:none;}
.vxn-island.is-open .vxn-col:nth-child(1) a{transition-delay:.05s;}
.vxn-island.is-open .vxn-col:nth-child(2) a{transition-delay:.12s;}
.vxn-col a:hover{background:rgba(var(--ln),.1);color:#fff;}
.vxn-col a i{width:8px;height:8px;border-radius:50%;background:var(--vxn-cyan);box-shadow:0 0 8px var(--vxn-cyan);flex-shrink:0;}
.vxn-col a.h i{background:var(--vxn-green);box-shadow:0 0 8px var(--vxn-green);}
.vxn-rail{background:var(--vxn-grad-violet);border-radius:16px;padding:18px;display:flex;flex-direction:column;justify-content:center;opacity:0;transform:translateY(8px);transition:opacity .4s .18s,transform .4s .18s;}
.vxn-island.is-open .vxn-rail{opacity:1;transform:none;}
.vxn-rail h4{font-family:var(--vxn-font-display);font-size:1.05rem;color:#fff;margin:0 0 6px;}
.vxn-rail p{font-size:.82rem;color:rgba(var(--w),.85);margin:0 0 14px;}
.vxn-rail a{align-self:flex-start;background:#fff;color:#1a1340;font-weight:700;font-size:.82rem;padding:9px 15px;border-radius:10px;}

.vxn-overlay{position:fixed;inset:0;z-index:90;background:linear-gradient(180deg,var(--vxn-void),var(--vxn-void));
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transform:translateY(-100%);transition:transform .5s var(--vxn-ease);
  display:flex;flex-direction:column;padding:22px;overflow-y:auto;}
.vxn-overlay.is-open{transform:none;}
.vxn-ov-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:36px;}
.vxn-ov-close{width:42px;height:42px;border-radius:12px;background:rgba(var(--w),.05);border:1px solid var(--vxn-line);color:var(--vxn-ink);font-size:1.4rem;display:flex;align-items:center;justify-content:center;}
.vxn-ov-body{display:flex;flex-direction:column;gap:6px;}
.vxn-ov-link{font-family:var(--vxn-font-display);font-weight:700;font-size:1.8rem;color:var(--vxn-ink);padding:14px 4px;border-bottom:1px solid var(--vxn-line);display:flex;align-items:center;justify-content:space-between;
  opacity:0;transform:translateX(-18px);transition:opacity .5s,transform .5s;}
.vxn-overlay.is-open .vxn-ov-link{opacity:1;transform:none;}
.vxn-overlay.is-open .vxn-ov-link:nth-child(1){transition-delay:.08s;}
.vxn-overlay.is-open .vxn-ov-link:nth-child(2){transition-delay:.14s;}
.vxn-overlay.is-open .vxn-ov-link:nth-child(3){transition-delay:.2s;}
.vxn-overlay.is-open .vxn-ov-link:nth-child(4){transition-delay:.26s;}
.vxn-overlay.is-open .vxn-ov-link:nth-child(5){transition-delay:.32s;}
.vxn-ov-sub{display:none;flex-direction:column;gap:2px;padding:6px 4px 14px;}
.vxn-ov-sub.is-open{display:flex;}
.vxn-ov-sub a{color:var(--vxn-muted);font-size:1.05rem;font-weight:600;padding:8px 0;}
.vxn-ov-cta{margin-top:26px;}

@media(max-width:920px){
  .vxn-links{display:none;}
  .vxn-burger{display:flex;}
  .vxn-actions .vxn-cta{display:none;}
}
@media(min-width:921px){ .vxn-overlay{display:none!important;} }

.vxn-hero{position:relative;min-height:100svh;display:flex;align-items:center;padding-top:130px;padding-bottom:64px;overflow:hidden;}
.vxn-hero-bg{position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.9;}
.vxn-hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.04fr .96fr;gap:46px;align-items:center;width:100%;}
.vxn-hero-copy{max-width:600px;}
.vxn-hero h1{margin:18px 0 0;}
.vxn-hero h1 .ln{display:block;}
.vxn-hero .vxn-lead{margin-top:22px;}
.vxn-hero-cta{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px;}
.vxn-hero-trust{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px;}

.vxn-engine{position:relative;width:100%;aspect-ratio:1/.86;max-width:560px;margin-inline:auto;}
.vxn-engine canvas{position:absolute;inset:0;width:100%;height:100%;}
.vxn-dash{position:absolute;right:-6px;bottom:-14px;width:min(252px,72%);padding:16px 16px 14px;border-radius:16px;z-index:3;}
.vxn-dash-h{display:flex;align-items:center;gap:8px;font-family:var(--vxn-font-mono);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--vxn-muted);margin-bottom:12px;}
.vxn-dash-h .live{width:7px;height:7px;border-radius:50%;background:var(--vxn-green);box-shadow:0 0 9px var(--vxn-green);animation:vxn-pulse 1.8s infinite;}
.vxn-dash-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 14px;}
.vxn-dash-cell .k{font-size:10px;letter-spacing:.04em;color:var(--vxn-faint);text-transform:uppercase;font-weight:600;}
.vxn-dash-cell .v{font-family:var(--vxn-font-mono);font-weight:700;font-size:1.18rem;color:var(--vxn-ink);line-height:1.2;font-variant-numeric:tabular-nums;}
.vxn-dash-cell .v.c{color:var(--vxn-cyan);} .vxn-dash-cell .v.g{color:var(--vxn-green);}
@keyframes vxn-pulse{0%,100%{opacity:1;transform:scale(1);}50%{opacity:.45;transform:scale(.82);}}

.vxn-leak-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:46px;align-items:center;margin-top:48px;}
.vxn-funnel-stage{position:relative;width:100%;max-width:440px;margin-inline:auto;}
.vxn-funnel-stage svg{width:100%;height:auto;overflow:visible;}
.vxn-leak-rows{display:flex;flex-direction:column;gap:10px;}
.vxn-leak-row{display:flex;gap:14px;align-items:flex-start;padding:15px 16px;border-radius:14px;border:1px solid var(--vxn-line);
  background:rgba(var(--w),.018);cursor:pointer;transition:border-color .3s,background .3s,transform .3s;text-align:left;width:100%;}
.vxn-leak-row:hover{transform:translateX(4px);}
.vxn-leak-row.is-active{border-color:rgba(244,63,94,.55);background:rgba(244,63,94,.07);}
.vxn-leak-num{font-family:var(--vxn-font-mono);font-size:.8rem;color:var(--vxn-red);font-weight:700;width:26px;height:26px;border-radius:8px;
  background:rgba(244,63,94,.12);display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px;}
.vxn-leak-row.is-active .vxn-leak-num{background:var(--vxn-red);color:#180408;}
.vxn-leak-txt h4{font-family:var(--vxn-font-display);font-size:1rem;color:var(--vxn-ink);margin:0 0 3px;}
.vxn-leak-txt p{margin:0;font-size:.88rem;color:var(--vxn-muted);}
.vxn-leak-foot{margin-top:22px;font-size:.95rem;color:var(--vxn-ink-2);border-left:2px solid var(--vxn-cyan);padding-left:16px;}

.vxn-method-rail{position:relative;display:flex;gap:14px;overflow-x:auto;padding:30px 4px 18px;margin-top:38px;scroll-snap-type:x mandatory;
  -ms-overflow-style:none;scrollbar-width:thin;scrollbar-color:var(--vxn-line-2) transparent;}
.vxn-method-rail::-webkit-scrollbar{height:6px;}
.vxn-method-rail::-webkit-scrollbar-thumb{background:var(--vxn-line-2);border-radius:6px;}
.vxn-mprogress{position:absolute;top:14px;left:4px;right:4px;height:2px;background:var(--vxn-line);border-radius:2px;overflow:hidden;}
.vxn-mprogress i{position:absolute;inset:0;width:0;background:var(--vxn-grad-cta);box-shadow:0 0 12px rgba(192,132,252,.6);transition:width 1.4s var(--vxn-ease);}
.vxn-mstep{position:relative;scroll-snap-align:start;flex:0 0 auto;width:172px;padding:18px 16px 16px;border-radius:16px;}
.vxn-mstep .n{position:absolute;top:-11px;left:16px;font-family:var(--vxn-font-mono);font-size:.7rem;font-weight:700;color:var(--vxn-cyan);
  background:var(--vxn-deep);border:1px solid var(--vxn-line);padding:3px 7px;border-radius:7px;}
.vxn-mstep .ic{width:38px;height:38px;border-radius:11px;background:rgba(var(--ln),.1);display:flex;align-items:center;justify-content:center;margin-bottom:12px;color:var(--vxn-cyan);}
.vxn-mstep .ic svg{width:20px;height:20px;}
.vxn-mstep h4{font-family:var(--vxn-font-display);font-size:1rem;color:var(--vxn-ink);margin:0 0 6px;}
.vxn-mstep p{margin:0;font-size:.82rem;color:var(--vxn-muted);line-height:1.5;}
.vxn-mstep::after{content:"";position:absolute;right:-9px;top:54px;width:14px;height:14px;border-top:2px solid var(--vxn-line-2);border-right:2px solid var(--vxn-line-2);transform:rotate(45deg);opacity:.7;}
.vxn-mstep:last-child::after{display:none;}

.vxn-board-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:46px;align-items:center;margin-top:46px;}
.vxn-board{position:relative;aspect-ratio:1;width:100%;max-width:480px;margin-inline:auto;border-radius:24px;overflow:hidden;
  background:linear-gradient(160deg,rgba(var(--mk),.9),rgba(var(--mk),.92));border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);}
.vxn-board::before{content:"";position:absolute;inset:0;opacity:.5;
  background-image:repeating-conic-gradient(rgba(var(--ln),.05) 0% 25%,transparent 0% 50%);background-size:25% 25%;}
.vxn-board::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 45%,transparent 30%,rgba(var(--mk),.55) 100%);}
.vxn-piece{position:absolute;width:21%;aspect-ratio:1;transform:translate(-50%,-50%) scale(.3);opacity:0;
  transition:transform .9s var(--vxn-ease),opacity .7s;left:var(--x);top:var(--y);z-index:2;cursor:default;}
.vxn-board.is-placed .vxn-piece{transform:translate(-50%,-50%) scale(1);opacity:1;}
.vxn-piece-disc{position:absolute;inset:0;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;
  background:radial-gradient(circle at 35% 28%,rgba(var(--w),.22),rgba(var(--w),.03) 60%),linear-gradient(160deg,rgba(var(--mk),.9),rgba(var(--mk),.95));
  border:1px solid rgba(var(--w),.16);box-shadow:0 10px 24px -8px rgba(0,0,0,.7),inset 0 1px 1px rgba(var(--w),.25);
  transition:transform .3s,box-shadow .3s;}
.vxn-piece:hover .vxn-piece-disc{transform:translateY(-4px) scale(1.05);box-shadow:0 16px 30px -8px var(--pc,rgba(192,132,252,.5)),inset 0 1px 1px rgba(var(--w),.3);}
.vxn-piece-disc svg{width:34%;height:34%;color:var(--pc,var(--vxn-cyan));}
.vxn-piece-lbl{font-family:var(--vxn-font-mono);font-size:.5rem;letter-spacing:.04em;color:var(--vxn-ink-2);text-transform:uppercase;font-weight:700;}
.vxn-piece-glow{position:absolute;inset:-30%;border-radius:50%;background:radial-gradient(circle,var(--pc,rgba(192,132,252,.4)),transparent 65%);opacity:.4;filter:blur(6px);z-index:-1;}
.vxn-tip{position:absolute;left:50%;bottom:112%;transform:translateX(-50%) translateY(6px);width:max-content;max-width:180px;
  background:rgba(var(--mk),.96);border:1px solid var(--vxn-line-2);border-radius:10px;padding:9px 12px;font-size:.74rem;color:var(--vxn-ink-2);line-height:1.45;
  opacity:0;visibility:hidden;transition:opacity .25s,transform .25s,visibility .25s;z-index:5;box-shadow:0 12px 30px -10px rgba(0,0,0,.8);pointer-events:none;}
.vxn-tip b{color:var(--pc,var(--vxn-cyan));font-family:var(--vxn-font-display);}
.vxn-piece:hover .vxn-tip{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0);}
.vxn-legend{display:flex;flex-direction:column;gap:8px;margin-top:26px;}
.vxn-lrow{display:flex;align-items:center;gap:12px;padding:11px 14px;border-radius:12px;border:1px solid var(--vxn-line);background:rgba(var(--w),.018);transition:background .25s,border-color .25s;cursor:default;}
.vxn-lrow:hover{background:rgba(var(--ln),.06);border-color:var(--vxn-line-2);}
.vxn-lrow .sw{width:12px;height:12px;border-radius:50%;flex-shrink:0;box-shadow:0 0 10px currentColor;}
.vxn-lrow b{font-family:var(--vxn-font-display);color:var(--vxn-ink);font-size:.92rem;min-width:74px;}
.vxn-lrow span{font-size:.85rem;color:var(--vxn-muted);}

.vxn-jintro{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap;}
.vxn-journey{position:relative;margin:46px 0 40px;padding:34px 12px 30px;border-radius:20px;}
.vxn-jtrack{position:relative;display:flex;justify-content:space-between;gap:8px;padding-top:8px;}
.vxn-jline{position:absolute;top:30px;left:5%;right:5%;height:2px;background:var(--vxn-line);border-radius:2px;}
.vxn-jline i{position:absolute;inset:0;width:0;background:linear-gradient(90deg,var(--ac1),var(--ac2));box-shadow:0 0 10px var(--ac2);transition:width 1.8s var(--vxn-ease);}
.vxn-jnode{position:relative;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;flex:1;min-width:0;z-index:2;}
.vxn-jdot{width:46px;height:46px;border-radius:14px;background:var(--vxn-deep);border:1px solid var(--vxn-line-2);display:flex;align-items:center;justify-content:center;color:var(--ac2,var(--vxn-cyan));transition:box-shadow .4s,border-color .4s,transform .4s;}
.vxn-jdot svg{width:21px;height:21px;}
.vxn-journey.is-in .vxn-jnode:nth-child(1) .vxn-jdot{box-shadow:0 0 0 4px rgba(192,132,252,.08),0 0 20px -4px var(--ac2);border-color:var(--ac2);}
.vxn-jlabel{font-size:.78rem;font-weight:600;color:var(--vxn-ink-2);line-height:1.3;max-width:90px;}
.vxn-jsub{font-family:var(--vxn-font-mono);font-size:.62rem;letter-spacing:.04em;color:var(--vxn-faint);text-transform:uppercase;}
.vxn-token{position:absolute;top:30px;left:5%;width:18px;height:18px;border-radius:50%;transform:translate(-50%,-50%);z-index:3;
  background:radial-gradient(circle at 35% 30%,#fff,var(--ac2));box-shadow:0 0 16px var(--ac2);}
.vxn-journey.is-in .vxn-token{animation:vxn-ride 7s var(--vxn-ease) .4s infinite;}
@keyframes vxn-ride{0%{left:5%;}12%{left:5%;}22%{left:24%;}34%{left:24%;}44%{left:50%;}56%{left:50%;}66%{left:76%;}78%{left:76%;}88%{left:95%;}100%{left:95%;}}
.vxn-cap-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(225px,1fr));gap:16px;margin-top:6px;}
.vxn-cap{padding:20px 18px;border-radius:16px;transition:transform .35s var(--vxn-ease),border-color .35s;}
.vxn-cap:hover{transform:translateY(-5px);}
.vxn-cap .ic{width:40px;height:40px;border-radius:11px;display:flex;align-items:center;justify-content:center;margin-bottom:13px;
  background:rgba(192,132,252,.1);color:var(--ac2,var(--vxn-cyan));}
.vxn-cap .ic svg{width:21px;height:21px;}
.vxn-cap h4{font-family:var(--vxn-font-display);font-size:1.02rem;color:var(--vxn-ink);margin:0 0 7px;}
.vxn-cap p{margin:0;font-size:.86rem;color:var(--vxn-muted);}
.vxn-note{display:inline-flex;align-items:center;gap:8px;margin-top:24px;font-size:.8rem;color:var(--vxn-faint);font-family:var(--vxn-font-mono);}
.vxn-note::before{content:"";width:14px;height:1px;background:var(--vxn-faint);}

.vxn-seo-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:42px;align-items:center;margin-top:46px;}
.vxn-query-chips{display:flex;flex-wrap:wrap;gap:9px;margin:22px 0 26px;}
.vxn-qchip{font-size:.82rem;font-weight:600;color:var(--vxn-ink-2);padding:8px 14px;border-radius:10px;border:1px solid var(--vxn-line);background:rgba(var(--w),.02);transition:all .25s;}
.vxn-qchip.is-on{border-color:transparent;background:linear-gradient(135deg,#7c3aed,#a855f7);color:#fff;box-shadow:0 6px 16px -6px rgba(124,58,237,.55);}
.vxn-seo-labels{display:flex;flex-direction:column;gap:9px;}
.vxn-seolab{display:flex;align-items:center;gap:11px;font-size:.88rem;color:var(--vxn-faint);transition:color .3s;}
.vxn-seolab .tick{width:20px;height:20px;border-radius:6px;border:1px solid var(--vxn-line-2);display:flex;align-items:center;justify-content:center;transition:all .3s;}
.vxn-seolab .tick svg{width:12px;height:12px;opacity:0;transition:opacity .3s;}
.vxn-seolab.is-lit{color:var(--vxn-ink);}
.vxn-seolab.is-lit .tick{background:var(--vxn-green);border-color:var(--vxn-green);}
.vxn-seolab.is-lit .tick svg{opacity:1;color:#04140d;}

.vxn-browser{position:relative;border-radius:16px;overflow:hidden;border:1px solid var(--vxn-glass-brd);
  background:linear-gradient(180deg,rgba(var(--mk),.96),rgba(var(--mk),.98));box-shadow:var(--vxn-shadow);min-height:430px;}
.vxn-bbar{display:flex;align-items:center;gap:8px;padding:11px 14px;border-bottom:1px solid var(--vxn-line);background:rgba(var(--w),.02);}
.vxn-bdots{display:flex;gap:6px;}
.vxn-bdots i{width:10px;height:10px;border-radius:50%;background:rgba(var(--w),.18);}
.vxn-burl{flex:1;display:flex;align-items:center;gap:8px;background:rgba(0,0,0,.3);border:1px solid var(--vxn-line);border-radius:9px;padding:6px 12px;font-family:var(--vxn-font-mono);font-size:.76rem;color:var(--vxn-muted);}
.vxn-burl svg{width:12px;height:12px;color:var(--vxn-green);}
.vxn-bbody{position:relative;padding:22px;min-height:380px;}
.vxn-seo-screen{position:absolute;inset:0;padding:24px;opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .5s,transform .5s,visibility .5s;}
.vxn-seo-screen.is-on{opacity:1;visibility:visible;transform:none;}
.vxn-search-box{display:flex;align-items:center;gap:12px;background:#fff;border-radius:999px;padding:14px 22px;box-shadow:0 8px 30px -8px rgba(0,0,0,.5);max-width:440px;margin:60px auto 0;}
.vxn-search-box svg{width:20px;height:20px;color:#5f6368;flex-shrink:0;}
.vxn-search-q{font-family:var(--vxn-font-body);font-size:1.02rem;color:#202124;font-weight:500;}
.vxn-search-q .car{display:inline-block;width:2px;height:1.05em;background:#4285f4;margin-left:1px;vertical-align:-2px;animation:vxn-blink 1s step-end infinite;}
@keyframes vxn-blink{50%{opacity:0;}}
.vxn-search-hint{text-align:center;color:var(--vxn-faint);font-size:.82rem;margin-top:22px;}
.vxn-serp{display:grid;grid-template-columns:1.4fr .9fr;gap:18px;}
.vxn-serp-list{display:flex;flex-direction:column;gap:11px;}
.vxn-result{padding:13px 15px;border-radius:12px;border:1px solid var(--vxn-line);background:rgba(var(--w),.025);transition:transform .6s var(--vxn-ease),border-color .5s,background .5s;}
.vxn-result .u{font-size:.72rem;color:var(--vxn-green);font-family:var(--vxn-font-mono);}
.vxn-result .t{font-family:var(--vxn-font-display);font-size:.98rem;color:var(--vxn-blue-2);margin:3px 0 5px;}
.vxn-result .d{font-size:.78rem;color:var(--vxn-muted);}
.vxn-result.is-win{border-color:var(--vxn-cyan);background:rgba(192,132,252,.08);box-shadow:0 0 0 1px rgba(192,132,252,.3),0 14px 30px -12px rgba(192,132,252,.4);}
.vxn-result .badges{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px;opacity:0;max-height:0;overflow:hidden;transition:opacity .5s,max-height .5s;}
.vxn-result.is-win .badges{opacity:1;max-height:50px;}
.vxn-badge{font-size:.66rem;font-weight:700;padding:3px 8px;border-radius:6px;background:rgba(16,185,129,.14);color:var(--vxn-green);}
.vxn-badge.star{background:rgba(245,158,11,.16);color:var(--vxn-amber);}
.mappack{border-radius:12px;border:1px solid var(--vxn-line);background:linear-gradient(160deg,rgba(124,58,237,.18),rgba(91,33,182,.1));position:relative;overflow:hidden;min-height:180px;padding:12px;}
.vxn-mappack .ml{font-family:var(--vxn-font-mono);font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;color:var(--vxn-muted);margin-bottom:8px;}
.vxn-pin{position:absolute;width:22px;height:22px;}
.vxn-pin svg{width:100%;height:100%;color:var(--vxn-faint);}
.vxn-pin.win svg{color:var(--vxn-cyan);filter:drop-shadow(0 0 8px var(--vxn-cyan));}
.vxn-pin.win{animation:vxn-bob 2s ease-in-out infinite;}
@keyframes vxn-bob{0%,100%{transform:translateY(0);}50%{transform:translateY(-5px);}}
.vxn-landing{max-width:430px;margin:0 auto;}
.vxn-landing .lh{font-family:var(--vxn-font-display);font-size:1.15rem;color:var(--vxn-ink);font-weight:700;margin-bottom:6px;}
.vxn-landing .lp{font-size:.84rem;color:var(--vxn-muted);margin-bottom:16px;}
.vxn-lform{display:flex;flex-direction:column;gap:10px;background:rgba(var(--w),.03);border:1px solid var(--vxn-line);border-radius:14px;padding:16px;}
.vxn-lfield{height:38px;border-radius:9px;background:rgba(0,0,0,.25);border:1px solid var(--vxn-line);display:flex;align-items:center;padding:0 13px;font-size:.82rem;color:var(--vxn-muted);}
.vxn-lbtn{height:40px;border-radius:9px;background:var(--vxn-grad-cta);color:var(--vxn-cta-ink);font-weight:700;display:flex;align-items:center;justify-content:center;font-size:.88rem;}
.vxn-crm-toast{display:flex;align-items:center;gap:10px;margin-top:14px;padding:11px 14px;border-radius:11px;background:rgba(16,185,129,.1);border:1px solid rgba(16,185,129,.4);
  font-size:.84rem;color:var(--vxn-green);font-weight:600;opacity:0;transform:translateY(8px);transition:opacity .5s .3s,transform .5s .3s;}
.vxn-seo-screen.is-on .vxn-crm-toast{opacity:1;transform:none;}
.vxn-crm-toast svg{width:18px;height:18px;}
.vxn-steps-dots{display:flex;gap:8px;justify-content:center;margin-top:18px;}
.vxn-sdot{width:9px;height:9px;border-radius:50%;background:var(--vxn-line-2);transition:all .3s;border:0;padding:0;}
.vxn-sdot.is-on{background:var(--vxn-cyan);box-shadow:0 0 10px var(--vxn-cyan);width:26px;border-radius:5px;}

.vxn-ads-grid{display:grid;grid-template-columns:1fr 1fr;gap:42px;align-items:center;margin-top:46px;}
.vxn-adstack{display:flex;flex-direction:column;gap:14px;}
.vxn-adcard{position:relative;padding:15px 16px;border-radius:14px;overflow:hidden;}
.vxn-adcard .tag{display:inline-flex;align-items:center;gap:6px;font-size:.68rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--vxn-cyan);margin-bottom:9px;}
.vxn-adcard .tag .pl{width:7px;height:7px;border-radius:2px;background:var(--vxn-cyan);}
.vxn-adcard h5{font-family:var(--vxn-font-display);font-size:.98rem;color:var(--vxn-ink);margin:0 0 4px;}
.vxn-adcard p{margin:0 0 11px;font-size:.8rem;color:var(--vxn-muted);}
.vxn-adcard .row{display:flex;align-items:center;justify-content:space-between;}
.vxn-adcard .cta-mini{font-size:.76rem;font-weight:700;color:var(--vxn-cta-ink);background:var(--vxn-grad-cta);padding:6px 12px;border-radius:8px;}
.vxn-adcard .meta{font-family:var(--vxn-font-mono);font-size:.72rem;color:var(--vxn-faint);}
.vxn-ripple{position:absolute;width:14px;height:14px;border-radius:50%;background:var(--vxn-cyan);pointer-events:none;opacity:0;}
.vxn-flow{padding:22px;border-radius:18px;}
.vxn-flow-h{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;}
.vxn-flow-h .lab{font-family:var(--vxn-font-mono);font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;color:var(--vxn-muted);}
.vxn-frow{margin-bottom:15px;}
.vxn-frow .top{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:6px;}
.vxn-frow .k{font-size:.84rem;color:var(--vxn-ink-2);font-weight:600;}
.vxn-frow .v{font-family:var(--vxn-font-mono);font-weight:700;font-size:1.05rem;color:var(--vxn-ink);}
.vxn-frow .v.hl{color:var(--vxn-cyan);} .vxn-frow .v.gr{color:var(--vxn-green);}
.vxn-fbar{height:8px;border-radius:5px;background:rgba(var(--w),.05);overflow:hidden;}
.vxn-fbar i{display:block;height:100%;width:0;border-radius:5px;background:var(--vxn-grad-cta);transition:width 1.4s var(--vxn-ease);}
.vxn-fbar i.g{background:linear-gradient(90deg,var(--vxn-green),var(--vxn-cyan));}
.vxn-cpl{margin-top:6px;display:flex;align-items:center;gap:12px;}
.vxn-cpl svg{flex:1;height:46px;}
.vxn-cpl .cv{font-family:var(--vxn-font-mono);font-size:.8rem;color:var(--vxn-green);font-weight:700;}

.vxn-web-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:42px;align-items:center;margin-top:46px;}
.vxn-ba{position:relative;aspect-ratio:16/11;border-radius:18px;overflow:hidden;border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);
  --pos:50%;user-select:none;touch-action:pan-y;}
.vxn-ba-layer{position:absolute;inset:0;padding:20px;display:flex;flex-direction:column;}
.vxn-ba-after{background:linear-gradient(160deg,#0c1430,#0a1126);}
.vxn-ba-before{background:linear-gradient(160deg,#161922,#101319);clip-path:inset(0 calc(100% - var(--pos)) 0 0);}
.vxn-ba-tag{position:absolute;top:14px;font-family:var(--vxn-font-mono);font-size:.64rem;letter-spacing:.1em;text-transform:uppercase;padding:5px 10px;border-radius:7px;z-index:4;}
.vxn-ba-before .vxn-ba-tag{left:14px;background:rgba(244,63,94,.16);color:var(--vxn-red);}
.vxn-ba-after .vxn-ba-tag{right:14px;background:rgba(16,185,129,.16);color:var(--vxn-green);}
.vxn-ba-handle{position:absolute;top:0;bottom:0;left:var(--pos);width:2px;background:var(--vxn-cyan);box-shadow:0 0 14px var(--vxn-cyan);z-index:5;transform:translateX(-1px);}
.vxn-ba-knob{position:absolute;top:50%;left:var(--pos);transform:translate(-50%,-50%);width:38px;height:38px;border-radius:50%;background:var(--vxn-deep);border:2px solid var(--vxn-cyan);display:flex;align-items:center;justify-content:center;z-index:6;box-shadow:0 6px 18px -4px rgba(0,0,0,.6);}
.vxn-ba-knob svg{width:18px;height:18px;color:var(--vxn-cyan);}
.vxn-ba input[type=range]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;z-index:7;margin:0;}
.vxn-mock-head{height:14px;width:55%;border-radius:4px;background:rgba(var(--w),.18);margin-bottom:10px;}
.vxn-mock-line{height:8px;border-radius:4px;background:rgba(var(--w),.08);margin-bottom:7px;}
.vxn-mock-cta{margin-top:auto;height:34px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:.74rem;font-weight:700;}
.vxn-mock-cta.weak{background:rgba(var(--w),.08);color:var(--vxn-muted);width:40%;}
.vxn-mock-cta.strong{background:var(--vxn-grad-cta);color:var(--vxn-cta-ink);width:70%;box-shadow:0 8px 22px -6px rgba(124,58,237,.6);}
.vxn-mock-badges{display:flex;gap:6px;margin-top:10px;}
.vxn-mock-badges span{height:18px;flex:1;border-radius:5px;background:rgba(16,185,129,.18);}
.vxn-web-compare{display:grid;grid-template-columns:1fr;gap:8px;}
.vxn-wc-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:center;padding:11px 14px;border-radius:11px;border:1px solid var(--vxn-line);background:rgba(var(--w),.015);}
.vxn-wc-b,.vxn-wc-a{display:flex;align-items:center;gap:8px;font-size:.82rem;}
.vxn-wc-b{color:var(--vxn-muted);} .vxn-wc-a{color:var(--vxn-ink-2);font-weight:600;}
.vxn-wc-b svg,.vxn-wc-a svg{width:15px;height:15px;flex-shrink:0;}
.vxn-wc-b svg{color:var(--vxn-red);} .vxn-wc-a svg{color:var(--vxn-green);}

.vxn-crm-pipe{position:relative;display:flex;justify-content:space-between;gap:6px;margin:46px 0 30px;padding-top:10px;}
.vxn-crm-line{position:absolute;top:34px;left:4%;right:4%;height:2px;background:var(--vxn-line);}
.vxn-crm-line i{position:absolute;inset:0;width:0;background:linear-gradient(90deg,var(--vxn-violet),var(--vxn-cyan));box-shadow:0 0 10px var(--vxn-cyan);transition:width .5s linear;}
.vxn-cnode{position:relative;flex:1;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;z-index:2;min-width:0;}
.vxn-cring{width:50px;height:50px;border-radius:15px;background:var(--vxn-deep);border:1px solid var(--vxn-line-2);display:flex;align-items:center;justify-content:center;color:var(--vxn-muted);transition:all .4s;}
.vxn-cring svg{width:22px;height:22px;}
.vxn-cnode.is-done .vxn-cring{border-color:var(--vxn-green);color:var(--vxn-green);box-shadow:0 0 18px -4px var(--vxn-green);}
.vxn-cnode.is-active .vxn-cring{border-color:var(--vxn-cyan);color:var(--vxn-cyan);box-shadow:0 0 0 4px rgba(192,132,252,.1),0 0 22px -2px var(--vxn-cyan);transform:scale(1.08);}
.vxn-clabel{font-size:.74rem;font-weight:600;color:var(--vxn-ink-2);max-width:84px;line-height:1.3;}
.vxn-lead-chip{position:absolute;top:-8px;left:4%;transform:translateX(-50%);display:flex;align-items:center;gap:7px;
  background:rgba(var(--mk),.96);border:1px solid var(--vxn-cyan);border-radius:999px;padding:5px 12px 5px 8px;font-size:.74rem;font-weight:700;color:var(--vxn-ink);
  box-shadow:0 8px 22px -6px rgba(192,132,252,.5);z-index:4;transition:left .6s var(--vxn-ease);white-space:nowrap;}
.vxn-lead-chip .av{width:18px;height:18px;border-radius:50%;background:var(--vxn-grad-violet);display:flex;align-items:center;justify-content:center;font-size:.6rem;color:#fff;}
.vxn-recover{margin-top:14px;display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:18px;border-radius:16px;}
.vxn-recover .rt{font-family:var(--vxn-font-mono);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--vxn-amber);width:100%;margin-bottom:4px;}
.vxn-rstep{display:flex;align-items:center;gap:8px;font-size:.84rem;font-weight:600;color:var(--vxn-ink-2);padding:9px 14px;border-radius:10px;border:1px solid var(--vxn-line);background:rgba(var(--w),.02);opacity:.4;transition:opacity .4s,border-color .4s,transform .4s;}
.vxn-rstep.is-on{opacity:1;border-color:var(--vxn-amber);transform:translateY(-2px);}
.vxn-rstep svg{width:16px;height:16px;color:var(--vxn-amber);}
.vxn-rarrow{color:var(--vxn-faint);}
.vxn-rarrow svg{width:16px;height:16px;}

.vxn-excl-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:46px;align-items:center;margin-top:40px;}
.vxn-map{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:22px;border-radius:20px;}
.vxn-cell{position:relative;aspect-ratio:1;border-radius:14px;border:1px solid var(--vxn-line);background:rgba(var(--w),.02);
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;text-align:center;padding:8px;transition:all .5s;overflow:hidden;}
.vxn-cell .cl{font-size:.66rem;font-weight:600;color:var(--vxn-muted);line-height:1.25;}
.vxn-cell .ci{width:22px;height:22px;color:var(--vxn-faint);transition:color .4s;}
.vxn-cell .ci svg{width:100%;height:100%;}
.vxn-cell.is-taken{opacity:.4;}
.vxn-cell.is-taken .stamp{position:absolute;font-family:var(--vxn-font-mono);font-size:.6rem;letter-spacing:.1em;color:var(--vxn-red);border:1px solid var(--vxn-red);padding:2px 6px;border-radius:5px;transform:rotate(-12deg);opacity:0;transition:opacity .5s;}
.vxn-cell.is-taken.show .stamp{opacity:.85;}
.vxn-cell.is-yours{border-color:var(--vxn-cyan);background:linear-gradient(160deg,rgba(192,132,252,.14),rgba(192,132,252,.04));box-shadow:0 0 0 1px rgba(192,132,252,.4),0 14px 34px -12px rgba(192,132,252,.5);}
.vxn-cell.is-yours .ci{color:var(--vxn-cyan);}
.vxn-cell.is-yours .cl{color:#fff;}
.vxn-lock{opacity:0;transform:scale(.5);transition:opacity .4s,transform .4s;}
.vxn-cell.is-yours.locked .vxn-lock{opacity:1;transform:scale(1);}
.vxn-sweep{position:absolute;inset:0;pointer-events:none;border-radius:20px;overflow:hidden;}
.vxn-sweep::before{content:"";position:absolute;top:-50%;left:-50%;width:60%;height:200%;
  background:linear-gradient(90deg,transparent,rgba(192,132,252,.12),transparent);transform:rotate(18deg);animation:vxn-scan 5s linear infinite;}
@keyframes vxn-scan{0%{left:-60%;}100%{left:120%;}}
.vxn-excl-pts{display:flex;flex-direction:column;gap:12px;margin:24px 0;}
.vxn-ep{display:flex;gap:12px;align-items:flex-start;}
.vxn-ep .epi{width:34px;height:34px;border-radius:10px;background:rgba(192,132,252,.1);color:var(--vxn-cyan);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.vxn-ep .epi svg{width:18px;height:18px;}
.vxn-ep b{font-family:var(--vxn-font-display);color:var(--vxn-ink);font-size:.95rem;display:block;}
.vxn-ep span{font-size:.85rem;color:var(--vxn-muted);}

.vxn-dashboard{margin-top:46px;padding:26px;border-radius:24px;}
.vxn-db-top{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:22px;}
.vxn-db-title{display:flex;align-items:center;gap:12px;}
.vxn-db-title .dt{font-family:var(--vxn-font-display);font-weight:700;color:var(--vxn-ink);font-size:1.05rem;}
.vxn-db-title .live{display:inline-flex;align-items:center;gap:7px;font-family:var(--vxn-font-mono);font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;color:var(--vxn-green);}
.vxn-db-title .live i{width:7px;height:7px;border-radius:50%;background:var(--vxn-green);box-shadow:0 0 9px var(--vxn-green);animation:vxn-pulse 1.8s infinite;}
.vxn-db-range{display:flex;gap:6px;}
.vxn-db-range span{font-size:.72rem;font-weight:600;color:var(--vxn-muted);padding:6px 11px;border-radius:8px;border:1px solid var(--vxn-line);}
.vxn-db-range span.on{background:rgba(192,132,252,.12);color:#fff;border-color:var(--vxn-cyan);}
.vxn-kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:13px;margin-bottom:18px;}
.vxn-kpi{padding:15px 16px;border-radius:14px;border:1px solid var(--vxn-line);background:rgba(var(--w),.02);}
.vxn-kpi .k{font-size:.72rem;color:var(--vxn-faint);font-weight:600;text-transform:uppercase;letter-spacing:.03em;margin-bottom:7px;display:flex;align-items:center;gap:6px;}
.vxn-kpi .k svg{width:13px;height:13px;}
.vxn-kpi .v{font-family:var(--vxn-font-mono);font-weight:700;font-size:1.4rem;color:var(--vxn-ink);line-height:1.1;font-variant-numeric:tabular-nums;}
.vxn-kpi .v.c{color:var(--vxn-cyan);} .vxn-kpi .v.g{color:var(--vxn-green);} .vxn-kpi .v.a{color:var(--vxn-amber);}
.vxn-kpi .delta{font-size:.72rem;font-weight:700;margin-top:4px;}
.vxn-kpi .delta.up{color:var(--vxn-green);} .vxn-kpi .delta.down{color:var(--vxn-green);}
.vxn-db-charts{display:grid;grid-template-columns:1.5fr 1fr;gap:14px;}
.vxn-chartcard{padding:18px;border-radius:14px;border:1px solid var(--vxn-line);background:rgba(var(--w),.018);}
.vxn-chartcard .ct{font-size:.78rem;color:var(--vxn-muted);font-weight:600;margin-bottom:16px;display:flex;justify-content:space-between;}
.vxn-bars{display:flex;align-items:flex-end;gap:9px;height:120px;}
.vxn-bar{flex:1;border-radius:6px 6px 0 0;background:linear-gradient(180deg,var(--vxn-cyan),rgba(124,58,237,.4));height:0;transition:height 1.1s var(--vxn-ease);min-height:4px;position:relative;}
.vxn-bar:nth-child(even){background:linear-gradient(180deg,var(--vxn-violet),rgba(124,58,237,.4));}
.vxn-bars-x{display:flex;gap:9px;margin-top:8px;}
.vxn-bars-x span{flex:1;text-align:center;font-family:var(--vxn-font-mono);font-size:.58rem;color:var(--vxn-faint);}
.vxn-donut{display:flex;align-items:center;gap:16px;}
.vxn-donut svg{width:104px;height:104px;flex-shrink:0;}
.vxn-donut .leg{display:flex;flex-direction:column;gap:8px;}
.vxn-donut .lg{display:flex;align-items:center;gap:8px;font-size:.76rem;color:var(--vxn-ink-2);}
.vxn-donut .lg i{width:9px;height:9px;border-radius:3px;}

.vxn-svc-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(232px,1fr));gap:15px;margin-top:46px;}
.vxn-svc{padding:20px;border-radius:16px;transition:transform .4s var(--vxn-ease),border-color .4s;}
.vxn-svc:hover{transform:translateY(-5px);}
.vxn-svc .ic{width:40px;height:40px;border-radius:11px;background:rgba(var(--ln),.1);color:var(--vxn-cyan);display:flex;align-items:center;justify-content:center;margin-bottom:13px;}
.vxn-svc .ic svg{width:21px;height:21px;}
.vxn-svc h4{font-family:var(--vxn-font-display);font-size:1.02rem;color:var(--vxn-ink);margin:0 0 7px;}
.vxn-svc .cr{font-size:.74rem;font-weight:700;color:var(--vxn-green);text-transform:uppercase;letter-spacing:.04em;margin-bottom:5px;font-family:var(--vxn-font-mono);}
.vxn-svc p{margin:0;font-size:.84rem;color:var(--vxn-muted);}

.vxn-case-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px;margin-top:46px;}
.vxn-case{padding:24px;border-radius:18px;transition:transform .4s var(--vxn-ease);}
.vxn-case:hover{transform:translateY(-6px);}
.vxn-case .ind{display:inline-flex;align-items:center;gap:8px;font-size:.74rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--vxn-cyan);margin-bottom:18px;}
.vxn-case .ind .d{width:8px;height:8px;border-radius:50%;background:var(--vxn-cyan);box-shadow:0 0 8px var(--vxn-cyan);}
.vxn-cstat{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:13px 0;border-bottom:1px solid var(--vxn-line);}
.vxn-cstat:last-of-type{border-bottom:0;}
.vxn-cstat .cv{font-family:var(--vxn-font-mono);font-weight:700;font-size:1.5rem;color:var(--vxn-ink);font-variant-numeric:tabular-nums;}
.vxn-cstat .cv.g{color:var(--vxn-green);} .vxn-cstat .cv.c{color:var(--vxn-cyan);}
.vxn-cstat .cl{font-size:.8rem;color:var(--vxn-muted);text-align:right;max-width:54%;}

.vxn-timeline{position:relative;max-width:780px;margin:46px auto 0;padding-left:42px;}
.vxn-timeline::before{content:"";position:absolute;left:15px;top:8px;bottom:8px;width:2px;background:var(--vxn-line);}
.vxn-tline-fill{position:absolute;left:15px;top:8px;width:2px;height:0;background:linear-gradient(180deg,var(--vxn-cyan),var(--vxn-violet));box-shadow:0 0 12px var(--vxn-cyan);transition:height 1.6s var(--vxn-ease);}
.vxn-tstep{position:relative;padding:0 0 30px;}
.vxn-tstep:last-child{padding-bottom:0;}
.vxn-tstep .tn{position:absolute;left:-42px;top:0;width:32px;height:32px;border-radius:10px;background:var(--vxn-deep);border:1px solid var(--vxn-line-2);
  display:flex;align-items:center;justify-content:center;font-family:var(--vxn-font-mono);font-size:.78rem;font-weight:700;color:var(--vxn-cyan);}
.vxn-tstep h4{font-family:var(--vxn-font-display);font-size:1.08rem;color:var(--vxn-ink);margin:2px 0 5px;}
.vxn-tstep p{margin:0;font-size:.88rem;color:var(--vxn-muted);}

.vxn-final{position:relative;text-align:center;padding-block:clamp(80px,13vh,150px);overflow:hidden;}
.vxn-final-orb{position:absolute;top:50%;left:50%;width:520px;height:520px;transform:translate(-50%,-50%);z-index:0;pointer-events:none;
  background:radial-gradient(circle,rgba(192,132,252,.18),rgba(124,58,237,.08) 40%,transparent 70%);}
.vxn-final-inner{position:relative;z-index:2;max-width:720px;margin-inline:auto;}
.vxn-final h2{margin-bottom:20px;}
.vxn-final-cta{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;margin-top:32px;}
.vxn-final-trust{margin-top:24px;font-size:.85rem;color:var(--vxn-faint);font-family:var(--vxn-font-mono);}

.vxn-footer{position:relative;border-top:1px solid var(--vxn-line);padding-top:60px;padding-bottom:34px;}
.vxn-foot-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:36px;}
.vxn-foot-brand .vxn-brand{margin-bottom:14px;}
.vxn-foot-brand p{font-size:.88rem;color:var(--vxn-muted);max-width:30ch;}
.vxn-foot-col h5{font-family:var(--vxn-font-mono);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--vxn-faint);margin:0 0 16px;}
.vxn-foot-col a{display:block;font-size:.88rem;color:var(--vxn-ink-2);padding:5px 0;transition:color .25s;}
.vxn-foot-col a:hover{color:var(--vxn-cyan);}
.vxn-foot-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:44px;padding-top:22px;border-top:1px solid var(--vxn-line);}
.vxn-foot-bottom .lg{font-size:.8rem;color:var(--vxn-faint);}
.vxn-foot-bottom .disc{font-size:.76rem;color:var(--vxn-faint);max-width:48ch;}

.vxn-sticky{position:fixed;left:14px;right:14px;bottom:14px;z-index:70;display:none;transform:translateY(140%);transition:transform .45s var(--vxn-ease);}
.vxn-sticky.is-on{transform:none;}
.vxn-sticky a{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;background:var(--vxn-grad-cta);color:var(--vxn-cta-ink);
  font-family:var(--vxn-font-display);font-weight:700;padding:15px;border-radius:14px;box-shadow:0 14px 40px -8px rgba(124,58,237,.7);}
.vxn-sticky a svg{width:18px;height:18px;}

@media(max-width:980px){
  .vxn-hero-grid,.vxn-leak-grid,.vxn-board-grid,.vxn-seo-grid,.vxn-ads-grid,.vxn-web-grid,.vxn-excl-grid{grid-template-columns:1fr;gap:38px;}
  .vxn-engine{max-width:440px;order:-1;}
  .vxn-board,.vxn-funnel-stage{max-width:420px;}
  .vxn-db-charts{grid-template-columns:1fr;}
  .vxn-foot-grid{grid-template-columns:1fr 1fr;gap:30px;}
  .vxn-foot-brand{grid-column:1/-1;}
}
@media(max-width:680px){
  .vxn-section{padding-block:clamp(58px,9vh,86px);}
  .vxn-jtrack,.vxn-crm-pipe{overflow-x:auto;justify-content:flex-start;gap:18px;padding-bottom:10px;}
  .vxn-jnode,.vxn-cnode{flex:0 0 96px;}
  .vxn-jline,.vxn-token,.vxn-crm-line{display:none;}
  .vxn-serp{grid-template-columns:1fr;}
  .vxn-foot-grid{grid-template-columns:1fr;}
  .vxn-sticky{display:block;}
  .vxn-foot-bottom{flex-direction:column;align-items:flex-start;}
}

@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important;}
  .vxn-reveal{opacity:1!important;transform:none!important;}
  .vxn-piece{opacity:1!important;transform:translate(-50%,-50%) scale(1)!important;}
  .vxn-token,.vxn-sweep::before,.vxn-pin.win{animation:none!important;}
}

.vxn-shell{width:100%;max-width:var(--vxn-shell);margin-inline:auto;padding-inline:24px;}
.vxn-section{position:relative;padding-block:clamp(74px,11vh,128px);}
.vxn-section--tight{padding-block:clamp(56px,8vh,92px);}
.vxn-divider{height:1px;background:linear-gradient(90deg,transparent,var(--vxn-line-2),transparent);border:0;margin:0;}

.vxn-eyebrow{display:inline-flex;align-items:center;gap:9px;font-family:var(--vxn-font-mono);
  font-size:12px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--vxn-cyan);}
.vxn-eyebrow::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--vxn-cyan);
  box-shadow:0 0 10px var(--vxn-cyan);}
.vxn-h1{font-family:var(--vxn-font-display);font-weight:800;line-height:1.04;letter-spacing:-.025em;
  font-size:clamp(2.4rem,6vw,4.5rem);color:var(--vxn-ink);margin:0;}
.vxn-h2{font-family:var(--vxn-font-display);font-weight:700;line-height:1.08;letter-spacing:-.02em;
  font-size:clamp(1.85rem,4vw,3rem);color:var(--vxn-ink);margin:0;}
.vxn-h3{font-family:var(--vxn-font-display);font-weight:600;line-height:1.2;letter-spacing:-.01em;
  font-size:clamp(1.1rem,2vw,1.35rem);color:var(--vxn-ink);margin:0;}
.vxn-lead{font-size:clamp(1.02rem,1.6vw,1.2rem);color:var(--vxn-ink-2);max-width:62ch;}
.vxn-grad-txt{background:var(--vxn-grad-text);-webkit-background-clip:text;background-clip:text;color:transparent;}
.vxn-cyan{color:var(--vxn-cyan);} .vxn-violet{color:var(--vxn-violet);} .vxn-green{color:var(--vxn-green);}
.vxn-mono{font-family:var(--vxn-font-mono);font-variant-numeric:tabular-nums;}
.vxn-head{max-width:760px;}
.vxn-head .vxn-lead{margin-top:18px;}
.vxn-center{text-align:center;margin-inline:auto;}

.vxn-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;
  font-family:var(--vxn-font-display);font-weight:600;font-size:.96rem;letter-spacing:-.01em;
  padding:14px 24px;border-radius:13px;border:1px solid transparent;transition:transform .25s var(--vxn-ease),box-shadow .25s,background .25s;white-space:nowrap;}
.vxn-btn svg{width:18px;height:18px;}
.vxn-btn--primary{background:var(--vxn-grad-cta);color:var(--vxn-cta-ink);box-shadow:var(--vxn-glow-cta);}
.vxn-btn--primary:hover{transform:translateY(-2px);box-shadow:0 20px 50px -12px rgba(124,58,237,.7);}
.vxn-btn--ghost{background:rgba(var(--w),.03);border-color:var(--vxn-line-2);color:var(--vxn-ink);}
.vxn-btn--ghost:hover{transform:translateY(-2px);background:rgba(var(--w),.07);border-color:var(--vxn-cyan);}
.vxn-btn:focus-visible{outline:2px solid var(--vxn-cyan);outline-offset:3px;}

.vxn-chip{display:inline-flex;align-items:center;gap:8px;font-size:.82rem;font-weight:600;color:var(--vxn-ink-2);
  padding:7px 14px;border-radius:999px;background:rgba(var(--w),.04);border:1px solid var(--vxn-line);}
.vxn-chip .vxn-dot{width:6px;height:6px;border-radius:50%;background:var(--vxn-green);box-shadow:0 0 8px var(--vxn-green);}

.vxn-glass{position:relative;background:var(--vxn-glass);border:1px solid var(--vxn-glass-brd);
  border-radius:var(--vxn-r);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--vxn-shadow);}
.vxn-glass::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;pointer-events:none;
  background:linear-gradient(160deg,rgba(var(--w),.35),transparent 40%);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
          mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;mask-composite:exclude;opacity:.5;}

.vxn-card3d{transition:transform .4s var(--vxn-ease),box-shadow .4s;transform-style:preserve-3d;will-change:transform;}

.vxn-reveal{opacity:0;transform:translateY(28px);transition:opacity .8s var(--vxn-ease),transform .8s var(--vxn-ease);transition-delay:var(--d,0s);}
.vxn-reveal.is-in{opacity:1;transform:none;}

.vxn-skip{position:absolute;left:-9999px;top:0;z-index:200;background:var(--vxn-cyan);color:var(--vxn-cta-ink);
  padding:10px 16px;border-radius:0 0 10px 0;font-weight:700;}
.vxn-skip:focus{left:0;}

.vxn-scrim{position:fixed;inset:0;z-index:79;background:rgba(var(--mk),.55);opacity:0;visibility:hidden;
  -webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:opacity .35s,visibility .35s;}
.vxn-scrim.is-on{opacity:1;visibility:visible;}

.vxn-nav{position:fixed;top:14px;left:0;right:0;z-index:80;display:flex;justify-content:center;padding-inline:14px;}
.vxn-island{width:min(1120px,100%);background:linear-gradient(160deg,rgba(var(--mk),.78),rgba(var(--mk),.7));
  border:1px solid var(--vxn-glass-brd);border-radius:22px;overflow:hidden;
  -webkit-backdrop-filter:blur(16px) saturate(140%);backdrop-filter:blur(16px) saturate(140%);
  box-shadow:0 18px 50px -22px rgba(0,0,0,.8);
  transition:width .5s var(--vxn-ease),border-radius .5s,background .5s;}
.vxn-nav.is-contracted .vxn-island{width:min(880px,100%);background:linear-gradient(160deg,rgba(var(--mk),.92),rgba(var(--mk),.9));}
.vxn-bar{display:flex;align-items:center;gap:18px;padding:11px 14px 11px 18px;transition:padding .5s var(--vxn-ease);}
.vxn-nav.is-contracted .vxn-bar{padding:8px 12px 8px 16px;}

.vxn-brand{display:flex;align-items:center;gap:11px;flex-shrink:0;}
.vxn-mark{width:30px;height:30px;flex-shrink:0;transition:width .5s,height .5s;}
.vxn-nav.is-contracted .vxn-mark{width:26px;height:26px;}
.vxn-word{font-family:var(--vxn-font-display);font-weight:800;letter-spacing:.12em;font-size:1.02rem;color:var(--vxn-ink);}

.vxn-links{position:relative;display:flex;align-items:center;gap:2px;margin-inline:auto;}
.vxn-spot{position:absolute;top:50%;height:34px;border-radius:11px;transform:translateY(-50%);
  background:linear-gradient(160deg,rgba(var(--ln),.22),rgba(var(--ln),.08));border:1px solid var(--vxn-line);
  z-index:0;opacity:0;transition:left .38s var(--vxn-ease),width .38s var(--vxn-ease),opacity .3s;pointer-events:none;}
.vxn-link{position:relative;z-index:1;display:inline-flex;align-items:center;gap:6px;color:var(--vxn-ink-2);
  font-size:.92rem;font-weight:600;padding:8px 14px;border-radius:11px;background:none;border:0;transition:color .25s;}
.vxn-link:hover,.vxn-link[aria-expanded="true"]{color:var(--vxn-ink);}
.vxn-link .vxn-chev{width:14px;height:14px;transition:transform .3s;}
.vxn-link[aria-expanded="true"] .vxn-chev{transform:rotate(180deg);}
.vxn-link:focus-visible{outline:2px solid var(--vxn-cyan);outline-offset:2px;}

.vxn-actions{display:flex;align-items:center;gap:10px;flex-shrink:0;}
.vxn-cta{display:inline-flex;align-items:center;gap:7px;background:var(--vxn-grad-cta);color:var(--vxn-cta-ink);
  font-family:var(--vxn-font-display);font-weight:700;font-size:.88rem;padding:10px 17px;border-radius:11px;
  box-shadow:0 10px 26px -10px rgba(124,58,237,.6);transition:transform .25s,box-shadow .25s;border:0;}
.vxn-cta:hover{transform:translateY(-1px);box-shadow:0 14px 32px -8px rgba(124,58,237,.8);}
.vxn-cta:focus-visible{outline:2px solid #fff;outline-offset:2px;}

.vxn-burger{display:none;width:42px;height:38px;border-radius:11px;background:rgba(var(--w),.05);
  border:1px solid var(--vxn-line);align-items:center;justify-content:center;flex-direction:column;gap:4px;}
.vxn-burger span{width:18px;height:2px;background:var(--vxn-ink);border-radius:2px;transition:transform .3s,opacity .3s;}
.vxn-burger:focus-visible{outline:2px solid var(--vxn-cyan);outline-offset:2px;}

.vxn-canopy{max-height:0;opacity:0;padding:0 22px;transition:max-height .5s var(--vxn-ease),opacity .35s,padding .5s var(--vxn-ease);}
.vxn-island.is-open .vxn-canopy{max-height:420px;opacity:1;padding:4px 22px 22px;}
.vxn-canopy-top{height:1px;background:var(--vxn-line);margin-bottom:18px;}
.vxn-canopy-grid{display:grid;grid-template-columns:1fr 1fr 1.15fr;gap:22px;}
.vxn-col-title{font-family:var(--vxn-font-mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--vxn-muted);margin-bottom:12px;}
.vxn-col a{display:flex;align-items:center;gap:10px;color:var(--vxn-ink-2);font-size:.9rem;font-weight:600;padding:7px 9px;border-radius:9px;transition:background .2s,color .2s,transform .2s;opacity:0;transform:translateY(8px);}
.vxn-island.is-open .vxn-col a{opacity:1;transform:none;}
.vxn-island.is-open .vxn-col:nth-child(1) a{transition-delay:.05s;}
.vxn-island.is-open .vxn-col:nth-child(2) a{transition-delay:.12s;}
.vxn-col a:hover{background:rgba(var(--ln),.1);color:#fff;}
.vxn-col a i{width:8px;height:8px;border-radius:50%;background:var(--vxn-cyan);box-shadow:0 0 8px var(--vxn-cyan);flex-shrink:0;}
.vxn-col a.h i{background:var(--vxn-green);box-shadow:0 0 8px var(--vxn-green);}
.vxn-rail{background:var(--vxn-grad-violet);border-radius:16px;padding:18px;display:flex;flex-direction:column;justify-content:center;opacity:0;transform:translateY(8px);transition:opacity .4s .18s,transform .4s .18s;}
.vxn-island.is-open .vxn-rail{opacity:1;transform:none;}
.vxn-rail h4{font-family:var(--vxn-font-display);font-size:1.05rem;color:#fff;margin:0 0 6px;}
.vxn-rail p{font-size:.82rem;color:rgba(var(--w),.85);margin:0 0 14px;}
.vxn-rail a{align-self:flex-start;background:#fff;color:#1a1340;font-weight:700;font-size:.82rem;padding:9px 15px;border-radius:10px;}

.vxn-overlay{position:fixed;inset:0;z-index:90;background:linear-gradient(180deg,var(--vxn-void),var(--vxn-void));
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transform:translateY(-100%);transition:transform .5s var(--vxn-ease);
  display:flex;flex-direction:column;padding:22px;overflow-y:auto;}
.vxn-overlay.is-open{transform:none;}
.vxn-ov-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:36px;}
.vxn-ov-close{width:42px;height:42px;border-radius:12px;background:rgba(var(--w),.05);border:1px solid var(--vxn-line);color:var(--vxn-ink);font-size:1.4rem;display:flex;align-items:center;justify-content:center;}
.vxn-ov-body{display:flex;flex-direction:column;gap:6px;}
.vxn-ov-link{font-family:var(--vxn-font-display);font-weight:700;font-size:1.8rem;color:var(--vxn-ink);padding:14px 4px;border-bottom:1px solid var(--vxn-line);display:flex;align-items:center;justify-content:space-between;
  opacity:0;transform:translateX(-18px);transition:opacity .5s,transform .5s;}
.vxn-overlay.is-open .vxn-ov-link{opacity:1;transform:none;}
.vxn-overlay.is-open .vxn-ov-link:nth-child(1){transition-delay:.08s;}
.vxn-overlay.is-open .vxn-ov-link:nth-child(2){transition-delay:.14s;}
.vxn-overlay.is-open .vxn-ov-link:nth-child(3){transition-delay:.2s;}
.vxn-overlay.is-open .vxn-ov-link:nth-child(4){transition-delay:.26s;}
.vxn-overlay.is-open .vxn-ov-link:nth-child(5){transition-delay:.32s;}
.vxn-ov-sub{display:none;flex-direction:column;gap:2px;padding:6px 4px 14px;}
.vxn-ov-sub.is-open{display:flex;}
.vxn-ov-sub a{color:var(--vxn-muted);font-size:1.05rem;font-weight:600;padding:8px 0;}
.vxn-ov-cta{margin-top:26px;}

@media(max-width:920px){
  .vxn-links{display:none;}
  .vxn-burger{display:flex;}
  .vxn-actions .vxn-cta{display:none;}
}
@media(min-width:921px){ .vxn-overlay{display:none!important;} }

.vxn-hero{position:relative;min-height:100svh;display:flex;align-items:center;padding-top:130px;padding-bottom:64px;overflow:hidden;}
.vxn-hero-bg{position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.9;}
.vxn-hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.04fr .96fr;gap:46px;align-items:center;width:100%;}
.vxn-hero-copy{max-width:600px;}
.vxn-hero h1{margin:18px 0 0;}
.vxn-hero h1 .ln{display:block;}
.vxn-hero .vxn-lead{margin-top:22px;}
.vxn-hero-cta{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px;}
.vxn-hero-trust{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px;}

.vxn-engine{position:relative;width:100%;aspect-ratio:1/.86;max-width:560px;margin-inline:auto;}
.vxn-engine canvas{position:absolute;inset:0;width:100%;height:100%;}
.vxn-dash{position:absolute;right:-6px;bottom:-14px;width:min(252px,72%);padding:16px 16px 14px;border-radius:16px;z-index:3;}
.vxn-dash-h{display:flex;align-items:center;gap:8px;font-family:var(--vxn-font-mono);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--vxn-muted);margin-bottom:12px;}
.vxn-dash-h .live{width:7px;height:7px;border-radius:50%;background:var(--vxn-green);box-shadow:0 0 9px var(--vxn-green);animation:vxn-pulse 1.8s infinite;}
.vxn-dash-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 14px;}
.vxn-dash-cell .k{font-size:10px;letter-spacing:.04em;color:var(--vxn-faint);text-transform:uppercase;font-weight:600;}
.vxn-dash-cell .v{font-family:var(--vxn-font-mono);font-weight:700;font-size:1.18rem;color:var(--vxn-ink);line-height:1.2;font-variant-numeric:tabular-nums;}
.vxn-dash-cell .v.c{color:var(--vxn-cyan);} .vxn-dash-cell .v.g{color:var(--vxn-green);}
@keyframes vxn-pulse{0%,100%{opacity:1;transform:scale(1);}50%{opacity:.45;transform:scale(.82);}}

.vxn-leak-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:46px;align-items:center;margin-top:48px;}
.vxn-funnel-stage{position:relative;width:100%;max-width:440px;margin-inline:auto;}
.vxn-funnel-stage svg{width:100%;height:auto;overflow:visible;}
.vxn-leak-rows{display:flex;flex-direction:column;gap:10px;}
.vxn-leak-row{display:flex;gap:14px;align-items:flex-start;padding:15px 16px;border-radius:14px;border:1px solid var(--vxn-line);
  background:rgba(var(--w),.018);cursor:pointer;transition:border-color .3s,background .3s,transform .3s;text-align:left;width:100%;}
.vxn-leak-row:hover{transform:translateX(4px);}
.vxn-leak-row.is-active{border-color:rgba(244,63,94,.55);background:rgba(244,63,94,.07);}
.vxn-leak-num{font-family:var(--vxn-font-mono);font-size:.8rem;color:var(--vxn-red);font-weight:700;width:26px;height:26px;border-radius:8px;
  background:rgba(244,63,94,.12);display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px;}
.vxn-leak-row.is-active .vxn-leak-num{background:var(--vxn-red);color:#180408;}
.vxn-leak-txt h4{font-family:var(--vxn-font-display);font-size:1rem;color:var(--vxn-ink);margin:0 0 3px;}
.vxn-leak-txt p{margin:0;font-size:.88rem;color:var(--vxn-muted);}
.vxn-leak-foot{margin-top:22px;font-size:.95rem;color:var(--vxn-ink-2);border-left:2px solid var(--vxn-cyan);padding-left:16px;}

.vxn-method-rail{position:relative;display:flex;gap:14px;overflow-x:auto;padding:30px 4px 18px;margin-top:38px;scroll-snap-type:x mandatory;
  -ms-overflow-style:none;scrollbar-width:thin;scrollbar-color:var(--vxn-line-2) transparent;}
.vxn-method-rail::-webkit-scrollbar{height:6px;}
.vxn-method-rail::-webkit-scrollbar-thumb{background:var(--vxn-line-2);border-radius:6px;}
.vxn-mprogress{position:absolute;top:14px;left:4px;right:4px;height:2px;background:var(--vxn-line);border-radius:2px;overflow:hidden;}
.vxn-mprogress i{position:absolute;inset:0;width:0;background:var(--vxn-grad-cta);box-shadow:0 0 12px rgba(192,132,252,.6);transition:width 1.4s var(--vxn-ease);}
.vxn-mstep{position:relative;scroll-snap-align:start;flex:0 0 auto;width:172px;padding:18px 16px 16px;border-radius:16px;}
.vxn-mstep .n{position:absolute;top:-11px;left:16px;font-family:var(--vxn-font-mono);font-size:.7rem;font-weight:700;color:var(--vxn-cyan);
  background:var(--vxn-deep);border:1px solid var(--vxn-line);padding:3px 7px;border-radius:7px;}
.vxn-mstep .ic{width:38px;height:38px;border-radius:11px;background:rgba(var(--ln),.1);display:flex;align-items:center;justify-content:center;margin-bottom:12px;color:var(--vxn-cyan);}
.vxn-mstep .ic svg{width:20px;height:20px;}
.vxn-mstep h4{font-family:var(--vxn-font-display);font-size:1rem;color:var(--vxn-ink);margin:0 0 6px;}
.vxn-mstep p{margin:0;font-size:.82rem;color:var(--vxn-muted);line-height:1.5;}
.vxn-mstep::after{content:"";position:absolute;right:-9px;top:54px;width:14px;height:14px;border-top:2px solid var(--vxn-line-2);border-right:2px solid var(--vxn-line-2);transform:rotate(45deg);opacity:.7;}
.vxn-mstep:last-child::after{display:none;}

.vxn-board-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:46px;align-items:center;margin-top:46px;}
.vxn-board{position:relative;aspect-ratio:1;width:100%;max-width:480px;margin-inline:auto;border-radius:24px;overflow:hidden;
  background:linear-gradient(160deg,rgba(var(--mk),.9),rgba(var(--mk),.92));border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);}
.vxn-board::before{content:"";position:absolute;inset:0;opacity:.5;
  background-image:repeating-conic-gradient(rgba(var(--ln),.05) 0% 25%,transparent 0% 50%);background-size:25% 25%;}
.vxn-board::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 45%,transparent 30%,rgba(var(--mk),.55) 100%);}
.vxn-piece{position:absolute;width:21%;aspect-ratio:1;transform:translate(-50%,-50%) scale(.3);opacity:0;
  transition:transform .9s var(--vxn-ease),opacity .7s;left:var(--x);top:var(--y);z-index:2;cursor:default;}
.vxn-board.is-placed .vxn-piece{transform:translate(-50%,-50%) scale(1);opacity:1;}
.vxn-piece-disc{position:absolute;inset:0;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;
  background:radial-gradient(circle at 35% 28%,rgba(var(--w),.22),rgba(var(--w),.03) 60%),linear-gradient(160deg,rgba(var(--mk),.9),rgba(var(--mk),.95));
  border:1px solid rgba(var(--w),.16);box-shadow:0 10px 24px -8px rgba(0,0,0,.7),inset 0 1px 1px rgba(var(--w),.25);
  transition:transform .3s,box-shadow .3s;}
.vxn-piece:hover .vxn-piece-disc{transform:translateY(-4px) scale(1.05);box-shadow:0 16px 30px -8px var(--pc,rgba(192,132,252,.5)),inset 0 1px 1px rgba(var(--w),.3);}
.vxn-piece-disc svg{width:34%;height:34%;color:var(--pc,var(--vxn-cyan));}
.vxn-piece-lbl{font-family:var(--vxn-font-mono);font-size:.5rem;letter-spacing:.04em;color:var(--vxn-ink-2);text-transform:uppercase;font-weight:700;}
.vxn-piece-glow{position:absolute;inset:-30%;border-radius:50%;background:radial-gradient(circle,var(--pc,rgba(192,132,252,.4)),transparent 65%);opacity:.4;filter:blur(6px);z-index:-1;}
.vxn-tip{position:absolute;left:50%;bottom:112%;transform:translateX(-50%) translateY(6px);width:max-content;max-width:180px;
  background:rgba(var(--mk),.96);border:1px solid var(--vxn-line-2);border-radius:10px;padding:9px 12px;font-size:.74rem;color:var(--vxn-ink-2);line-height:1.45;
  opacity:0;visibility:hidden;transition:opacity .25s,transform .25s,visibility .25s;z-index:5;box-shadow:0 12px 30px -10px rgba(0,0,0,.8);pointer-events:none;}
.vxn-tip b{color:var(--pc,var(--vxn-cyan));font-family:var(--vxn-font-display);}
.vxn-piece:hover .vxn-tip{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0);}
.vxn-legend{display:flex;flex-direction:column;gap:8px;margin-top:26px;}
.vxn-lrow{display:flex;align-items:center;gap:12px;padding:11px 14px;border-radius:12px;border:1px solid var(--vxn-line);background:rgba(var(--w),.018);transition:background .25s,border-color .25s;cursor:default;}
.vxn-lrow:hover{background:rgba(var(--ln),.06);border-color:var(--vxn-line-2);}
.vxn-lrow .sw{width:12px;height:12px;border-radius:50%;flex-shrink:0;box-shadow:0 0 10px currentColor;}
.vxn-lrow b{font-family:var(--vxn-font-display);color:var(--vxn-ink);font-size:.92rem;min-width:74px;}
.vxn-lrow span{font-size:.85rem;color:var(--vxn-muted);}

.vxn-jintro{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap;}
.vxn-journey{position:relative;margin:46px 0 40px;padding:34px 12px 30px;border-radius:20px;}
.vxn-jtrack{position:relative;display:flex;justify-content:space-between;gap:8px;padding-top:8px;}
.vxn-jline{position:absolute;top:30px;left:5%;right:5%;height:2px;background:var(--vxn-line);border-radius:2px;}
.vxn-jline i{position:absolute;inset:0;width:0;background:linear-gradient(90deg,var(--ac1),var(--ac2));box-shadow:0 0 10px var(--ac2);transition:width 1.8s var(--vxn-ease);}
.vxn-jnode{position:relative;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;flex:1;min-width:0;z-index:2;}
.vxn-jdot{width:46px;height:46px;border-radius:14px;background:var(--vxn-deep);border:1px solid var(--vxn-line-2);display:flex;align-items:center;justify-content:center;color:var(--ac2,var(--vxn-cyan));transition:box-shadow .4s,border-color .4s,transform .4s;}
.vxn-jdot svg{width:21px;height:21px;}
.vxn-journey.is-in .vxn-jnode:nth-child(1) .vxn-jdot{box-shadow:0 0 0 4px rgba(192,132,252,.08),0 0 20px -4px var(--ac2);border-color:var(--ac2);}
.vxn-jlabel{font-size:.78rem;font-weight:600;color:var(--vxn-ink-2);line-height:1.3;max-width:90px;}
.vxn-jsub{font-family:var(--vxn-font-mono);font-size:.62rem;letter-spacing:.04em;color:var(--vxn-faint);text-transform:uppercase;}
.vxn-token{position:absolute;top:30px;left:5%;width:18px;height:18px;border-radius:50%;transform:translate(-50%,-50%);z-index:3;
  background:radial-gradient(circle at 35% 30%,#fff,var(--ac2));box-shadow:0 0 16px var(--ac2);}
.vxn-journey.is-in .vxn-token{animation:vxn-ride 7s var(--vxn-ease) .4s infinite;}
@keyframes vxn-ride{0%{left:5%;}12%{left:5%;}22%{left:24%;}34%{left:24%;}44%{left:50%;}56%{left:50%;}66%{left:76%;}78%{left:76%;}88%{left:95%;}100%{left:95%;}}
.vxn-cap-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(225px,1fr));gap:16px;margin-top:6px;}
.vxn-cap{padding:20px 18px;border-radius:16px;transition:transform .35s var(--vxn-ease),border-color .35s;}
.vxn-cap:hover{transform:translateY(-5px);}
.vxn-cap .ic{width:40px;height:40px;border-radius:11px;display:flex;align-items:center;justify-content:center;margin-bottom:13px;
  background:rgba(192,132,252,.1);color:var(--ac2,var(--vxn-cyan));}
.vxn-cap .ic svg{width:21px;height:21px;}
.vxn-cap h4{font-family:var(--vxn-font-display);font-size:1.02rem;color:var(--vxn-ink);margin:0 0 7px;}
.vxn-cap p{margin:0;font-size:.86rem;color:var(--vxn-muted);}
.vxn-note{display:inline-flex;align-items:center;gap:8px;margin-top:24px;font-size:.8rem;color:var(--vxn-faint);font-family:var(--vxn-font-mono);}
.vxn-note::before{content:"";width:14px;height:1px;background:var(--vxn-faint);}

.vxn-seo-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:42px;align-items:center;margin-top:46px;}
.vxn-query-chips{display:flex;flex-wrap:wrap;gap:9px;margin:22px 0 26px;}
.vxn-qchip{font-size:.82rem;font-weight:600;color:var(--vxn-ink-2);padding:8px 14px;border-radius:10px;border:1px solid var(--vxn-line);background:rgba(var(--w),.02);transition:all .25s;}
.vxn-qchip.is-on{border-color:transparent;background:linear-gradient(135deg,#7c3aed,#a855f7);color:#fff;box-shadow:0 6px 16px -6px rgba(124,58,237,.55);}
.vxn-seo-labels{display:flex;flex-direction:column;gap:9px;}
.vxn-seolab{display:flex;align-items:center;gap:11px;font-size:.88rem;color:var(--vxn-faint);transition:color .3s;}
.vxn-seolab .tick{width:20px;height:20px;border-radius:6px;border:1px solid var(--vxn-line-2);display:flex;align-items:center;justify-content:center;transition:all .3s;}
.vxn-seolab .tick svg{width:12px;height:12px;opacity:0;transition:opacity .3s;}
.vxn-seolab.is-lit{color:var(--vxn-ink);}
.vxn-seolab.is-lit .tick{background:var(--vxn-green);border-color:var(--vxn-green);}
.vxn-seolab.is-lit .tick svg{opacity:1;color:#04140d;}

.vxn-browser{position:relative;border-radius:16px;overflow:hidden;border:1px solid var(--vxn-glass-brd);
  background:linear-gradient(180deg,rgba(var(--mk),.96),rgba(var(--mk),.98));box-shadow:var(--vxn-shadow);min-height:430px;}
.vxn-bbar{display:flex;align-items:center;gap:8px;padding:11px 14px;border-bottom:1px solid var(--vxn-line);background:rgba(var(--w),.02);}
.vxn-bdots{display:flex;gap:6px;}
.vxn-bdots i{width:10px;height:10px;border-radius:50%;background:rgba(var(--w),.18);}
.vxn-burl{flex:1;display:flex;align-items:center;gap:8px;background:rgba(0,0,0,.3);border:1px solid var(--vxn-line);border-radius:9px;padding:6px 12px;font-family:var(--vxn-font-mono);font-size:.76rem;color:var(--vxn-muted);}
.vxn-burl svg{width:12px;height:12px;color:var(--vxn-green);}
.vxn-bbody{position:relative;padding:22px;min-height:380px;}
.vxn-seo-screen{position:absolute;inset:0;padding:24px;opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .5s,transform .5s,visibility .5s;}
.vxn-seo-screen.is-on{opacity:1;visibility:visible;transform:none;}
.vxn-search-box{display:flex;align-items:center;gap:12px;background:#fff;border-radius:999px;padding:14px 22px;box-shadow:0 8px 30px -8px rgba(0,0,0,.5);max-width:440px;margin:60px auto 0;}
.vxn-search-box svg{width:20px;height:20px;color:#5f6368;flex-shrink:0;}
.vxn-search-q{font-family:var(--vxn-font-body);font-size:1.02rem;color:#202124;font-weight:500;}
.vxn-search-q .car{display:inline-block;width:2px;height:1.05em;background:#4285f4;margin-left:1px;vertical-align:-2px;animation:vxn-blink 1s step-end infinite;}
@keyframes vxn-blink{50%{opacity:0;}}
.vxn-search-hint{text-align:center;color:var(--vxn-faint);font-size:.82rem;margin-top:22px;}
.vxn-serp{display:grid;grid-template-columns:1.4fr .9fr;gap:18px;}
.vxn-serp-list{display:flex;flex-direction:column;gap:11px;}
.vxn-result{padding:13px 15px;border-radius:12px;border:1px solid var(--vxn-line);background:rgba(var(--w),.025);transition:transform .6s var(--vxn-ease),border-color .5s,background .5s;}
.vxn-result .u{font-size:.72rem;color:var(--vxn-green);font-family:var(--vxn-font-mono);}
.vxn-result .t{font-family:var(--vxn-font-display);font-size:.98rem;color:var(--vxn-blue-2);margin:3px 0 5px;}
.vxn-result .d{font-size:.78rem;color:var(--vxn-muted);}
.vxn-result.is-win{border-color:var(--vxn-cyan);background:rgba(192,132,252,.08);box-shadow:0 0 0 1px rgba(192,132,252,.3),0 14px 30px -12px rgba(192,132,252,.4);}
.vxn-result .badges{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px;opacity:0;max-height:0;overflow:hidden;transition:opacity .5s,max-height .5s;}
.vxn-result.is-win .badges{opacity:1;max-height:50px;}
.vxn-badge{font-size:.66rem;font-weight:700;padding:3px 8px;border-radius:6px;background:rgba(16,185,129,.14);color:var(--vxn-green);}
.vxn-badge.star{background:rgba(245,158,11,.16);color:var(--vxn-amber);}
.vxn-mappack{border-radius:12px;border:1px solid var(--vxn-line);background:linear-gradient(160deg,rgba(124,58,237,.18),rgba(91,33,182,.1));position:relative;overflow:hidden;min-height:180px;padding:12px;}
.vxn-mappack .ml{font-family:var(--vxn-font-mono);font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;color:var(--vxn-muted);margin-bottom:8px;}
.vxn-pin{position:absolute;width:22px;height:22px;}
.vxn-pin svg{width:100%;height:100%;color:var(--vxn-faint);}
.vxn-pin.win svg{color:var(--vxn-cyan);filter:drop-shadow(0 0 8px var(--vxn-cyan));}
.vxn-pin.win{animation:vxn-bob 2s ease-in-out infinite;}
@keyframes vxn-bob{0%,100%{transform:translateY(0);}50%{transform:translateY(-5px);}}
.vxn-landing{max-width:430px;margin:0 auto;}
.vxn-landing .lh{font-family:var(--vxn-font-display);font-size:1.15rem;color:var(--vxn-ink);font-weight:700;margin-bottom:6px;}
.vxn-landing .lp{font-size:.84rem;color:var(--vxn-muted);margin-bottom:16px;}
.vxn-lform{display:flex;flex-direction:column;gap:10px;background:rgba(var(--w),.03);border:1px solid var(--vxn-line);border-radius:14px;padding:16px;}
.vxn-lfield{height:38px;border-radius:9px;background:rgba(0,0,0,.25);border:1px solid var(--vxn-line);display:flex;align-items:center;padding:0 13px;font-size:.82rem;color:var(--vxn-muted);}
.vxn-lbtn{height:40px;border-radius:9px;background:var(--vxn-grad-cta);color:var(--vxn-cta-ink);font-weight:700;display:flex;align-items:center;justify-content:center;font-size:.88rem;}
.vxn-crm-toast{display:flex;align-items:center;gap:10px;margin-top:14px;padding:11px 14px;border-radius:11px;background:rgba(16,185,129,.1);border:1px solid rgba(16,185,129,.4);
  font-size:.84rem;color:var(--vxn-green);font-weight:600;opacity:0;transform:translateY(8px);transition:opacity .5s .3s,transform .5s .3s;}
.vxn-seo-screen.is-on .vxn-crm-toast{opacity:1;transform:none;}
.vxn-crm-toast svg{width:18px;height:18px;}
.vxn-steps-dots{display:flex;gap:8px;justify-content:center;margin-top:18px;}
.vxn-sdot{width:9px;height:9px;border-radius:50%;background:var(--vxn-line-2);transition:all .3s;border:0;padding:0;}
.vxn-sdot.is-on{background:var(--vxn-cyan);box-shadow:0 0 10px var(--vxn-cyan);width:26px;border-radius:5px;}

.vxn-ads-grid{display:grid;grid-template-columns:1fr 1fr;gap:42px;align-items:center;margin-top:46px;}
.vxn-adstack{display:flex;flex-direction:column;gap:14px;}
.vxn-adcard{position:relative;padding:15px 16px;border-radius:14px;overflow:hidden;}
.vxn-adcard .tag{display:inline-flex;align-items:center;gap:6px;font-size:.68rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--vxn-cyan);margin-bottom:9px;}
.vxn-adcard .tag .pl{width:7px;height:7px;border-radius:2px;background:var(--vxn-cyan);}
.vxn-adcard h5{font-family:var(--vxn-font-display);font-size:.98rem;color:var(--vxn-ink);margin:0 0 4px;}
.vxn-adcard p{margin:0 0 11px;font-size:.8rem;color:var(--vxn-muted);}
.vxn-adcard .row{display:flex;align-items:center;justify-content:space-between;}
.vxn-adcard .cta-mini{font-size:.76rem;font-weight:700;color:var(--vxn-cta-ink);background:var(--vxn-grad-cta);padding:6px 12px;border-radius:8px;}
.vxn-adcard .meta{font-family:var(--vxn-font-mono);font-size:.72rem;color:var(--vxn-faint);}
.vxn-ripple{position:absolute;width:14px;height:14px;border-radius:50%;background:var(--vxn-cyan);pointer-events:none;opacity:0;}
.vxn-flow{padding:22px;border-radius:18px;}
.vxn-flow-h{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;}
.vxn-flow-h .lab{font-family:var(--vxn-font-mono);font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;color:var(--vxn-muted);}
.vxn-frow{margin-bottom:15px;}
.vxn-frow .top{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:6px;}
.vxn-frow .k{font-size:.84rem;color:var(--vxn-ink-2);font-weight:600;}
.vxn-frow .v{font-family:var(--vxn-font-mono);font-weight:700;font-size:1.05rem;color:var(--vxn-ink);}
.vxn-frow .v.hl{color:var(--vxn-cyan);} .vxn-frow .v.gr{color:var(--vxn-green);}
.vxn-fbar{height:8px;border-radius:5px;background:rgba(var(--w),.05);overflow:hidden;}
.vxn-fbar i{display:block;height:100%;width:0;border-radius:5px;background:var(--vxn-grad-cta);transition:width 1.4s var(--vxn-ease);}
.vxn-fbar i.g{background:linear-gradient(90deg,var(--vxn-green),var(--vxn-cyan));}
.vxn-cpl{margin-top:6px;display:flex;align-items:center;gap:12px;}
.vxn-cpl svg{flex:1;height:46px;}
.vxn-cpl .cv{font-family:var(--vxn-font-mono);font-size:.8rem;color:var(--vxn-green);font-weight:700;}

.vxn-web-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:42px;align-items:center;margin-top:46px;}
.vxn-ba{position:relative;aspect-ratio:16/11;border-radius:18px;overflow:hidden;border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);
  --pos:50%;user-select:none;touch-action:pan-y;}
.vxn-ba-layer{position:absolute;inset:0;padding:20px;display:flex;flex-direction:column;}
.vxn-ba-after{background:linear-gradient(160deg,#0c1430,#0a1126);}
.vxn-ba-before{background:linear-gradient(160deg,#161922,#101319);clip-path:inset(0 calc(100% - var(--pos)) 0 0);}
.vxn-ba-tag{position:absolute;top:14px;font-family:var(--vxn-font-mono);font-size:.64rem;letter-spacing:.1em;text-transform:uppercase;padding:5px 10px;border-radius:7px;z-index:4;}
.vxn-ba-before .vxn-ba-tag{left:14px;background:rgba(244,63,94,.16);color:var(--vxn-red);}
.vxn-ba-after .vxn-ba-tag{right:14px;background:rgba(16,185,129,.16);color:var(--vxn-green);}
.vxn-ba-handle{position:absolute;top:0;bottom:0;left:var(--pos);width:2px;background:var(--vxn-cyan);box-shadow:0 0 14px var(--vxn-cyan);z-index:5;transform:translateX(-1px);}
.vxn-ba-knob{position:absolute;top:50%;left:var(--pos);transform:translate(-50%,-50%);width:38px;height:38px;border-radius:50%;background:var(--vxn-deep);border:2px solid var(--vxn-cyan);display:flex;align-items:center;justify-content:center;z-index:6;box-shadow:0 6px 18px -4px rgba(0,0,0,.6);}
.vxn-ba-knob svg{width:18px;height:18px;color:var(--vxn-cyan);}
.vxn-ba input[type=range]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;z-index:7;margin:0;}
.vxn-mock-head{height:14px;width:55%;border-radius:4px;background:rgba(var(--w),.18);margin-bottom:10px;}
.vxn-mock-line{height:8px;border-radius:4px;background:rgba(var(--w),.08);margin-bottom:7px;}
.vxn-mock-cta{margin-top:auto;height:34px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:.74rem;font-weight:700;}
.vxn-mock-cta.weak{background:rgba(var(--w),.08);color:var(--vxn-muted);width:40%;}
.vxn-mock-cta.strong{background:var(--vxn-grad-cta);color:var(--vxn-cta-ink);width:70%;box-shadow:0 8px 22px -6px rgba(124,58,237,.6);}
.vxn-mock-badges{display:flex;gap:6px;margin-top:10px;}
.vxn-mock-badges span{height:18px;flex:1;border-radius:5px;background:rgba(16,185,129,.18);}
.vxn-web-compare{display:grid;grid-template-columns:1fr;gap:8px;}
.vxn-wc-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:center;padding:11px 14px;border-radius:11px;border:1px solid var(--vxn-line);background:rgba(var(--w),.015);}
.vxn-wc-b,.vxn-wc-a{display:flex;align-items:center;gap:8px;font-size:.82rem;}
.vxn-wc-b{color:var(--vxn-muted);} .vxn-wc-a{color:var(--vxn-ink-2);font-weight:600;}
.vxn-wc-b svg,.vxn-wc-a svg{width:15px;height:15px;flex-shrink:0;}
.vxn-wc-b svg{color:var(--vxn-red);} .vxn-wc-a svg{color:var(--vxn-green);}

.vxn-crm-pipe{position:relative;display:flex;justify-content:space-between;gap:6px;margin:46px 0 30px;padding-top:10px;}
.vxn-crm-line{position:absolute;top:34px;left:4%;right:4%;height:2px;background:var(--vxn-line);}
.vxn-crm-line i{position:absolute;inset:0;width:0;background:linear-gradient(90deg,var(--vxn-violet),var(--vxn-cyan));box-shadow:0 0 10px var(--vxn-cyan);transition:width .5s linear;}
.vxn-cnode{position:relative;flex:1;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;z-index:2;min-width:0;}
.vxn-cring{width:50px;height:50px;border-radius:15px;background:var(--vxn-deep);border:1px solid var(--vxn-line-2);display:flex;align-items:center;justify-content:center;color:var(--vxn-muted);transition:all .4s;}
.vxn-cring svg{width:22px;height:22px;}
.vxn-cnode.is-done .vxn-cring{border-color:var(--vxn-green);color:var(--vxn-green);box-shadow:0 0 18px -4px var(--vxn-green);}
.vxn-cnode.is-active .vxn-cring{border-color:var(--vxn-cyan);color:var(--vxn-cyan);box-shadow:0 0 0 4px rgba(192,132,252,.1),0 0 22px -2px var(--vxn-cyan);transform:scale(1.08);}
.vxn-clabel{font-size:.74rem;font-weight:600;color:var(--vxn-ink-2);max-width:84px;line-height:1.3;}
.vxn-lead-chip{position:absolute;top:-8px;left:4%;transform:translateX(-50%);display:flex;align-items:center;gap:7px;
  background:rgba(var(--mk),.96);border:1px solid var(--vxn-cyan);border-radius:999px;padding:5px 12px 5px 8px;font-size:.74rem;font-weight:700;color:var(--vxn-ink);
  box-shadow:0 8px 22px -6px rgba(192,132,252,.5);z-index:4;transition:left .6s var(--vxn-ease);white-space:nowrap;}
.vxn-lead-chip .av{width:18px;height:18px;border-radius:50%;background:var(--vxn-grad-violet);display:flex;align-items:center;justify-content:center;font-size:.6rem;color:#fff;}
.vxn-recover{margin-top:14px;display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:18px;border-radius:16px;}
.vxn-recover .rt{font-family:var(--vxn-font-mono);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--vxn-amber);width:100%;margin-bottom:4px;}
.vxn-rstep{display:flex;align-items:center;gap:8px;font-size:.84rem;font-weight:600;color:var(--vxn-ink-2);padding:9px 14px;border-radius:10px;border:1px solid var(--vxn-line);background:rgba(var(--w),.02);opacity:.4;transition:opacity .4s,border-color .4s,transform .4s;}
.vxn-rstep.is-on{opacity:1;border-color:var(--vxn-amber);transform:translateY(-2px);}
.vxn-rstep svg{width:16px;height:16px;color:var(--vxn-amber);}
.vxn-rarrow{color:var(--vxn-faint);}
.vxn-rarrow svg{width:16px;height:16px;}

.vxn-excl-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:46px;align-items:center;margin-top:40px;}
.vxn-map{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:22px;border-radius:20px;}
.vxn-cell{position:relative;aspect-ratio:1;border-radius:14px;border:1px solid var(--vxn-line);background:rgba(var(--w),.02);
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;text-align:center;padding:8px;transition:all .5s;overflow:hidden;}
.vxn-cell .cl{font-size:.66rem;font-weight:600;color:var(--vxn-muted);line-height:1.25;}
.vxn-cell .ci{width:22px;height:22px;color:var(--vxn-faint);transition:color .4s;}
.vxn-cell .ci svg{width:100%;height:100%;}
.vxn-cell.is-taken{opacity:.4;}
.vxn-cell.is-taken .stamp{position:absolute;font-family:var(--vxn-font-mono);font-size:.6rem;letter-spacing:.1em;color:var(--vxn-red);border:1px solid var(--vxn-red);padding:2px 6px;border-radius:5px;transform:rotate(-12deg);opacity:0;transition:opacity .5s;}
.vxn-cell.is-taken.show .stamp{opacity:.85;}
.vxn-cell.is-yours{border-color:var(--vxn-cyan);background:linear-gradient(160deg,rgba(192,132,252,.14),rgba(192,132,252,.04));box-shadow:0 0 0 1px rgba(192,132,252,.4),0 14px 34px -12px rgba(192,132,252,.5);}
.vxn-cell.is-yours .ci{color:var(--vxn-cyan);}
.vxn-cell.is-yours .cl{color:#fff;}
.vxn-lock{opacity:0;transform:scale(.5);transition:opacity .4s,transform .4s;}
.vxn-cell.is-yours.locked .vxn-lock{opacity:1;transform:scale(1);}
.vxn-sweep{position:absolute;inset:0;pointer-events:none;border-radius:20px;overflow:hidden;}
.vxn-sweep::before{content:"";position:absolute;top:-50%;left:-50%;width:60%;height:200%;
  background:linear-gradient(90deg,transparent,rgba(192,132,252,.12),transparent);transform:rotate(18deg);animation:vxn-scan 5s linear infinite;}
@keyframes vxn-scan{0%{left:-60%;}100%{left:120%;}}
.vxn-excl-pts{display:flex;flex-direction:column;gap:12px;margin:24px 0;}
.vxn-ep{display:flex;gap:12px;align-items:flex-start;}
.vxn-ep .epi{width:34px;height:34px;border-radius:10px;background:rgba(192,132,252,.1);color:var(--vxn-cyan);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.vxn-ep .epi svg{width:18px;height:18px;}
.vxn-ep b{font-family:var(--vxn-font-display);color:var(--vxn-ink);font-size:.95rem;display:block;}
.vxn-ep span{font-size:.85rem;color:var(--vxn-muted);}

.vxn-dashboard{margin-top:46px;padding:26px;border-radius:24px;}
.vxn-db-top{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:22px;}
.vxn-db-title{display:flex;align-items:center;gap:12px;}
.vxn-db-title .dt{font-family:var(--vxn-font-display);font-weight:700;color:var(--vxn-ink);font-size:1.05rem;}
.vxn-db-title .live{display:inline-flex;align-items:center;gap:7px;font-family:var(--vxn-font-mono);font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;color:var(--vxn-green);}
.vxn-db-title .live i{width:7px;height:7px;border-radius:50%;background:var(--vxn-green);box-shadow:0 0 9px var(--vxn-green);animation:vxn-pulse 1.8s infinite;}
.vxn-db-range{display:flex;gap:6px;}
.vxn-db-range span{font-size:.72rem;font-weight:600;color:var(--vxn-muted);padding:6px 11px;border-radius:8px;border:1px solid var(--vxn-line);}
.vxn-db-range span.on{background:rgba(192,132,252,.12);color:#fff;border-color:var(--vxn-cyan);}
.vxn-kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:13px;margin-bottom:18px;}
.vxn-kpi{padding:15px 16px;border-radius:14px;border:1px solid var(--vxn-line);background:rgba(var(--w),.02);}
.vxn-kpi .k{font-size:.72rem;color:var(--vxn-faint);font-weight:600;text-transform:uppercase;letter-spacing:.03em;margin-bottom:7px;display:flex;align-items:center;gap:6px;}
.vxn-kpi .k svg{width:13px;height:13px;}
.vxn-kpi .v{font-family:var(--vxn-font-mono);font-weight:700;font-size:1.4rem;color:var(--vxn-ink);line-height:1.1;font-variant-numeric:tabular-nums;}
.vxn-kpi .v.c{color:var(--vxn-cyan);} .vxn-kpi .v.g{color:var(--vxn-green);} .vxn-kpi .v.a{color:var(--vxn-amber);}
.vxn-kpi .delta{font-size:.72rem;font-weight:700;margin-top:4px;}
.vxn-kpi .delta.up{color:var(--vxn-green);} .vxn-kpi .delta.down{color:var(--vxn-green);}
.vxn-db-charts{display:grid;grid-template-columns:1.5fr 1fr;gap:14px;}
.vxn-chartcard{padding:18px;border-radius:14px;border:1px solid var(--vxn-line);background:rgba(var(--w),.018);}
.vxn-chartcard .ct{font-size:.78rem;color:var(--vxn-muted);font-weight:600;margin-bottom:16px;display:flex;justify-content:space-between;}
.vxn-bars{display:flex;align-items:flex-end;gap:9px;height:120px;}
.vxn-bar{flex:1;border-radius:6px 6px 0 0;background:linear-gradient(180deg,var(--vxn-cyan),rgba(124,58,237,.4));height:0;transition:height 1.1s var(--vxn-ease);min-height:4px;position:relative;}
.vxn-bar:nth-child(even){background:linear-gradient(180deg,var(--vxn-violet),rgba(124,58,237,.4));}
.vxn-bars-x{display:flex;gap:9px;margin-top:8px;}
.vxn-bars-x span{flex:1;text-align:center;font-family:var(--vxn-font-mono);font-size:.58rem;color:var(--vxn-faint);}
.vxn-donut{display:flex;align-items:center;gap:16px;}
.vxn-donut svg{width:104px;height:104px;flex-shrink:0;}
.vxn-donut .leg{display:flex;flex-direction:column;gap:8px;}
.vxn-donut .lg{display:flex;align-items:center;gap:8px;font-size:.76rem;color:var(--vxn-ink-2);}
.vxn-donut .lg i{width:9px;height:9px;border-radius:3px;}

.vxn-svc-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(232px,1fr));gap:15px;margin-top:46px;}
.vxn-svc{padding:20px;border-radius:16px;transition:transform .4s var(--vxn-ease),border-color .4s;}
.vxn-svc:hover{transform:translateY(-5px);}
.vxn-svc .ic{width:40px;height:40px;border-radius:11px;background:rgba(var(--ln),.1);color:var(--vxn-cyan);display:flex;align-items:center;justify-content:center;margin-bottom:13px;}
.vxn-svc .ic svg{width:21px;height:21px;}
.vxn-svc h4{font-family:var(--vxn-font-display);font-size:1.02rem;color:var(--vxn-ink);margin:0 0 7px;}
.vxn-svc .cr{font-size:.74rem;font-weight:700;color:var(--vxn-green);text-transform:uppercase;letter-spacing:.04em;margin-bottom:5px;font-family:var(--vxn-font-mono);}
.vxn-svc p{margin:0;font-size:.84rem;color:var(--vxn-muted);}

.vxn-case-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px;margin-top:46px;}
.vxn-case{padding:24px;border-radius:18px;transition:transform .4s var(--vxn-ease);}
.vxn-case:hover{transform:translateY(-6px);}
.vxn-case .ind{display:inline-flex;align-items:center;gap:8px;font-size:.74rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--vxn-cyan);margin-bottom:18px;}
.vxn-case .ind .d{width:8px;height:8px;border-radius:50%;background:var(--vxn-cyan);box-shadow:0 0 8px var(--vxn-cyan);}
.vxn-cstat{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:13px 0;border-bottom:1px solid var(--vxn-line);}
.vxn-cstat:last-of-type{border-bottom:0;}
.vxn-cstat .cv{font-family:var(--vxn-font-mono);font-weight:700;font-size:1.5rem;color:var(--vxn-ink);font-variant-numeric:tabular-nums;}
.vxn-cstat .cv.g{color:var(--vxn-green);} .vxn-cstat .cv.c{color:var(--vxn-cyan);}
.vxn-cstat .cl{font-size:.8rem;color:var(--vxn-muted);text-align:right;max-width:54%;}

.vxn-timeline{position:relative;max-width:780px;margin:46px auto 0;padding-left:42px;}
.vxn-timeline::before{content:"";position:absolute;left:15px;top:8px;bottom:8px;width:2px;background:var(--vxn-line);}
.vxn-tline-fill{position:absolute;left:15px;top:8px;width:2px;height:0;background:linear-gradient(180deg,var(--vxn-cyan),var(--vxn-violet));box-shadow:0 0 12px var(--vxn-cyan);transition:height 1.6s var(--vxn-ease);}
.vxn-tstep{position:relative;padding:0 0 30px;}
.vxn-tstep:last-child{padding-bottom:0;}
.vxn-tstep .tn{position:absolute;left:-42px;top:0;width:32px;height:32px;border-radius:10px;background:var(--vxn-deep);border:1px solid var(--vxn-line-2);
  display:flex;align-items:center;justify-content:center;font-family:var(--vxn-font-mono);font-size:.78rem;font-weight:700;color:var(--vxn-cyan);}
.vxn-tstep h4{font-family:var(--vxn-font-display);font-size:1.08rem;color:var(--vxn-ink);margin:2px 0 5px;}
.vxn-tstep p{margin:0;font-size:.88rem;color:var(--vxn-muted);}

.vxn-final{position:relative;text-align:center;padding-block:clamp(80px,13vh,150px);overflow:hidden;}
.vxn-final-orb{position:absolute;top:50%;left:50%;width:520px;height:520px;transform:translate(-50%,-50%);z-index:0;pointer-events:none;
  background:radial-gradient(circle,rgba(192,132,252,.18),rgba(124,58,237,.08) 40%,transparent 70%);}
.vxn-final-inner{position:relative;z-index:2;max-width:720px;margin-inline:auto;}
.vxn-final h2{margin-bottom:20px;}
.vxn-final-cta{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;margin-top:32px;}
.vxn-final-trust{margin-top:24px;font-size:.85rem;color:var(--vxn-faint);font-family:var(--vxn-font-mono);}

.vxn-footer{position:relative;border-top:1px solid var(--vxn-line);padding-top:60px;padding-bottom:34px;}
.vxn-foot-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:36px;}
.vxn-foot-brand .vxn-brand{margin-bottom:14px;}
.vxn-foot-brand p{font-size:.88rem;color:var(--vxn-muted);max-width:30ch;}
.vxn-foot-col h5{font-family:var(--vxn-font-mono);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--vxn-faint);margin:0 0 16px;}
.vxn-foot-col a{display:block;font-size:.88rem;color:var(--vxn-ink-2);padding:5px 0;transition:color .25s;}
.vxn-foot-col a:hover{color:var(--vxn-cyan);}
.vxn-foot-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:44px;padding-top:22px;border-top:1px solid var(--vxn-line);}
.vxn-foot-bottom .lg{font-size:.8rem;color:var(--vxn-faint);}
.vxn-foot-bottom .disc{font-size:.76rem;color:var(--vxn-faint);max-width:48ch;}

.vxn-sticky{position:fixed;left:14px;right:14px;bottom:14px;z-index:70;display:none;transform:translateY(140%);transition:transform .45s var(--vxn-ease);}
.vxn-sticky.is-on{transform:none;}
.vxn-sticky a{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;background:var(--vxn-grad-cta);color:var(--vxn-cta-ink);
  font-family:var(--vxn-font-display);font-weight:700;padding:15px;border-radius:14px;box-shadow:0 14px 40px -8px rgba(124,58,237,.7);}
.vxn-sticky a svg{width:18px;height:18px;}

@media(max-width:980px){
  .vxn-hero-grid,.vxn-leak-grid,.vxn-board-grid,.vxn-seo-grid,.vxn-ads-grid,.vxn-web-grid,.vxn-excl-grid{grid-template-columns:1fr;gap:38px;}
  .vxn-engine{max-width:440px;order:-1;}
  .vxn-board,.vxn-funnel-stage{max-width:420px;}
  .vxn-db-charts{grid-template-columns:1fr;}
  .vxn-foot-grid{grid-template-columns:1fr 1fr;gap:30px;}
  .vxn-foot-brand{grid-column:1/-1;}
}
@media(max-width:680px){
  .vxn-section{padding-block:clamp(58px,9vh,86px);}
  .vxn-jtrack,.vxn-crm-pipe{overflow-x:auto;justify-content:flex-start;gap:18px;padding-bottom:10px;}
  .vxn-jnode,.vxn-cnode{flex:0 0 96px;}
  .vxn-jline,.vxn-token,.vxn-crm-line{display:none;}
  .vxn-serp{grid-template-columns:1fr;}
  .vxn-foot-grid{grid-template-columns:1fr;}
  .vxn-sticky{display:block;}
  .vxn-foot-bottom{flex-direction:column;align-items:flex-start;}
}

@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important;}
  .vxn-reveal{opacity:1!important;transform:none!important;}
  .vxn-piece{opacity:1!important;transform:translate(-50%,-50%) scale(1)!important;}
  .vxn-token,.vxn-sweep::before,.vxn-pin.win{animation:none!important;}
}

:root{ --vxn-header:rgba(255,255,255,0.70); --vxn-header-2:rgba(255,255,255,0.90); }
:root[data-theme="dark"]{ --vxn-header:rgba(12,9,26,0.66); --vxn-header-2:rgba(12,9,26,0.88); }

:where(a,button,input,select,textarea,[tabindex]):focus-visible{
  outline:2px solid var(--vxn-blue);outline-offset:2px;border-radius:6px;}

.vxn-h1{font-size:clamp(2.0rem,4.6vw,3.4rem);}
.vxn-h2{font-size:clamp(1.5rem,3vw,2.15rem);}
.vxn-h3{font-size:clamp(1.05rem,1.7vw,1.25rem);}

.vxn-fn-strong{fill:var(--vxn-ink);}
.vxn-fn-mid{fill:var(--vxn-ink-2);}

.vxn-atmos{background:
  radial-gradient(1100px 720px at 82% -12%, rgba(124,58,237,0.06), transparent 58%),
  radial-gradient(880px 680px at 2% 6%, rgba(168,85,247,0.05), transparent 60%),
  radial-gradient(1000px 820px at 60% 114%, rgba(192,132,252,0.045), transparent 55%),
  var(--vxn-void);}
:root[data-theme="dark"] .vxn-atmos{background:
  radial-gradient(1100px 720px at 80% -10%, rgba(124,58,237,0.24), transparent 60%),
  radial-gradient(900px 700px at 4% 8%, rgba(139,92,246,0.17), transparent 60%),
  radial-gradient(1000px 820px at 60% 112%, rgba(192,132,252,0.11), transparent 55%),
  var(--vxn-void);}
.vxn-grain{opacity:.022;}
:root[data-theme="dark"] .vxn-grain{opacity:.04;}

.vxn-hd{position:sticky;top:0;z-index:100;
  background:var(--vxn-header);
  -webkit-backdrop-filter:saturate(150%) blur(16px);backdrop-filter:saturate(150%) blur(16px);
  border-bottom:1px solid var(--vxn-line);
  transition:background .3s var(--vxn-ease),border-color .3s,box-shadow .3s;}
.vxn-hd.is-scrolled{background:var(--vxn-header-2);
  box-shadow:0 12px 34px -20px rgba(76,29,149,.4);border-bottom-color:var(--vxn-glass-brd);}
.vxn-hd-bar{max-width:var(--vxn-shell);margin:0 auto;padding:15px 22px;
  display:flex;align-items:center;gap:16px;transition:padding .3s var(--vxn-ease);}
.vxn-hd.is-scrolled .vxn-hd-bar{padding:9px 22px;}
.vxn-hd-brand{display:inline-flex;align-items:center;gap:11px;margin-right:auto;}
.vxn-hd-mark{width:34px;height:34px;flex:none;}
.vxn-hd-word{font-family:var(--vxn-font-display);font-weight:800;letter-spacing:.16em;
  font-size:1.05rem;color:var(--vxn-ink);}
.vxn-hd-nav{display:flex;align-items:center;gap:2px;}
.vxn-hd-link{position:relative;padding:9px 14px;border-radius:10px;font-weight:600;
  font-size:.94rem;color:var(--vxn-muted);transition:color .2s;}
.vxn-hd-link::after{content:"";position:absolute;left:14px;right:14px;bottom:5px;height:2px;border-radius:2px;
  background:var(--vxn-grad-cta);transform:scaleX(0);transform-origin:left;transition:transform .26s var(--vxn-ease);}
.vxn-hd-link:hover{color:var(--vxn-ink);}
.vxn-hd-link:hover::after{transform:scaleX(1);}
.vxn-hd-actions{display:flex;align-items:center;gap:10px;}
.vxn-hd-toggle{width:40px;height:40px;border-radius:11px;display:inline-grid;place-items:center;
  background:var(--vxn-glass-2);border:1px solid var(--vxn-glass-brd);color:var(--vxn-ink-2);
  transition:transform .2s,border-color .2s,color .2s;}
.vxn-hd-toggle:hover{color:var(--vxn-blue);border-color:var(--vxn-blue);transform:translateY(-1px);}
.vxn-hd-toggle svg{width:19px;height:19px;}
.vxn-hd-toggle .vxn-ic-moon{display:none;}
:root[data-theme="dark"] .vxn-hd-toggle .vxn-ic-sun{display:none;}
:root[data-theme="dark"] .vxn-hd-toggle .vxn-ic-moon{display:block;}
.vxn-hd-cta{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:11px;
  font-weight:700;font-size:.92rem;background:var(--vxn-grad-cta);color:var(--vxn-cta-ink);
  box-shadow:var(--vxn-glow-cta);transition:transform .2s,box-shadow .2s;}
.vxn-hd-cta:hover{transform:translateY(-1px);box-shadow:0 20px 46px -14px rgba(124,58,237,.6);}
.vxn-hd-burger{display:none;width:42px;height:42px;border-radius:11px;
  background:var(--vxn-glass-2);border:1px solid var(--vxn-glass-brd);color:var(--vxn-ink);
  align-items:center;justify-content:center;}
.vxn-hd-burger svg{width:22px;height:22px;}
.vxn-hd-mobile{display:none;}
@media (max-width:860px){
  .vxn-hd-nav,.vxn-hd-cta{display:none;}
  .vxn-hd-burger{display:inline-flex;}
  .vxn-hd-mobile{display:block;max-height:0;overflow:hidden;
    transition:max-height .38s var(--vxn-ease);
    background:var(--vxn-header-2);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);
    border-bottom:1px solid var(--vxn-line);}
  .vxn-hd-mobile.is-open{max-height:460px;}
  .vxn-hd-mlist{max-width:var(--vxn-shell);margin:0 auto;padding:8px 22px 22px;
    display:flex;flex-direction:column;gap:4px;}
  .vxn-hd-mlink{padding:14px 12px;border-radius:12px;font-weight:600;color:var(--vxn-ink-2);
    border:1px solid transparent;transition:background .2s,border-color .2s;}
  .vxn-hd-mlink:hover{background:var(--vxn-glass-2);border-color:var(--vxn-glass-brd);}
  .vxn-hd-mcta{margin-top:10px;justify-content:center;display:inline-flex;align-items:center;gap:8px;
    padding:15px 18px;border-radius:12px;font-weight:700;background:var(--vxn-grad-cta);
    color:var(--vxn-cta-ink);box-shadow:var(--vxn-glow-cta);}
}

.vxn-figure{position:relative;border-radius:var(--vxn-r);overflow:hidden;
  border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);background:var(--vxn-panel-2);}
.vxn-figure img{width:100%;height:100%;object-fit:cover;display:block;}
.vxn-ph{position:absolute;inset:0;display:none;align-items:center;justify-content:center;
  background:linear-gradient(150deg,#2a1d4d 0%,#7c3aed 60%,#a855f7 100%);color:#fff;}
.vxn-ph svg{width:40%;height:40%;opacity:.92;}
.vxn-figtag{position:absolute;left:13px;bottom:13px;z-index:2;display:inline-flex;align-items:center;gap:7px;
  padding:7px 13px;border-radius:999px;font-size:.76rem;font-weight:700;letter-spacing:.02em;color:#fff;
  background:rgba(11,8,24,.46);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
  border:1px solid rgba(255,255,255,.20);}
.vxn-ind-figure{aspect-ratio:4/3;margin-top:22px;}
.vxn-avatars{display:flex;align-items:center;}
.vxn-avatar{width:42px;height:42px;border-radius:50%;overflow:hidden;position:relative;flex:none;
  border:2px solid var(--vxn-panel);margin-left:-11px;
  background:linear-gradient(150deg,#7c3aed,#c084fc);box-shadow:0 2px 9px -2px rgba(76,29,149,.5);}
.vxn-avatar:first-child{margin-left:0;}
.vxn-avatar img{width:100%;height:100%;object-fit:cover;display:block;}
.vxn-avatar .vxn-ph{font-weight:800;font-size:.88rem;font-family:var(--vxn-font-display);}
.vxn-case-avatar{width:48px;height:48px;border-radius:50%;overflow:hidden;position:relative;flex:none;
  border:1px solid var(--vxn-glass-brd);background:linear-gradient(150deg,#7c3aed,#c084fc);}
.vxn-case-avatar img{width:100%;height:100%;object-fit:cover;display:block;}
.vxn-case-avatar .vxn-ph{font-weight:800;font-family:var(--vxn-font-display);}
.vxn-case-person{display:flex;align-items:center;gap:12px;margin-bottom:16px;}
.vxn-case-person .nm{font-family:var(--vxn-font-display);font-weight:700;font-size:.92rem;color:var(--vxn-ink);line-height:1.2;}
.vxn-case-person .rl{font-size:.8rem;color:var(--vxn-muted);}
.vxn-hero-proof{display:flex;align-items:center;gap:14px;margin-top:26px;flex-wrap:wrap;}
.vxn-hero-proof .txt{font-size:.86rem;color:var(--vxn-muted);max-width:24ch;line-height:1.45;}
.vxn-hero-proof .txt b{color:var(--vxn-ink-2);font-weight:700;}

.vxn-ft{position:relative;margin-top:96px;
  background:linear-gradient(180deg,var(--vxn-deep),var(--vxn-void));
  border-top:1px solid var(--vxn-line);}
.vxn-ft-cta{max-width:var(--vxn-shell);margin:0 auto;padding:58px 22px 8px;
  display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:26px;}
.vxn-ft-cta-copy h2{font-family:var(--vxn-font-display);font-weight:800;
  font-size:clamp(1.5rem,3vw,2.15rem);color:var(--vxn-ink);margin:0;letter-spacing:-.02em;
  max-width:20ch;line-height:1.12;}
.vxn-ft-cta-copy p{color:var(--vxn-muted);margin:10px 0 0;max-width:44ch;}
.vxn-ft-cta-btn{display:inline-flex;align-items:center;gap:9px;padding:15px 26px;border-radius:13px;
  font-weight:700;background:var(--vxn-grad-cta);color:var(--vxn-cta-ink);box-shadow:var(--vxn-glow-cta);
  white-space:nowrap;transition:transform .2s,box-shadow .2s;}
.vxn-ft-cta-btn:hover{transform:translateY(-2px);box-shadow:0 22px 50px -14px rgba(124,58,237,.6);}
.vxn-ft-grid{max-width:var(--vxn-shell);margin:34px auto 0;padding:42px 22px;
  display:grid;grid-template-columns:1.7fr 1fr 1fr 1fr;gap:32px;border-top:1px solid var(--vxn-line);}
.vxn-ft-brand p{color:var(--vxn-muted);font-size:.92rem;max-width:34ch;line-height:1.65;margin:14px 0 0;}
.vxn-ft-col h4{font-family:var(--vxn-font-display);font-size:.78rem;letter-spacing:.13em;
  text-transform:uppercase;color:var(--vxn-faint);margin:2px 0 14px;}
.vxn-ft-col a{display:block;color:var(--vxn-ink-2);font-size:.92rem;padding:7px 0;transition:color .2s;}
.vxn-ft-col a:hover{color:var(--vxn-blue);}
.vxn-ft-disc{max-width:var(--vxn-shell);margin:0 auto;padding:0 22px 26px;}
.vxn-ft-disc p{color:var(--vxn-faint);font-size:.78rem;line-height:1.65;
  border-top:1px dashed var(--vxn-line);padding-top:20px;margin:0;}
.vxn-ft-bottom{border-top:1px solid var(--vxn-line);}
.vxn-ft-bottom-in{max-width:var(--vxn-shell);margin:0 auto;padding:22px;
  display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;}
.vxn-ft-copy{color:var(--vxn-faint);font-size:.85rem;}
.vxn-ft-social{display:flex;gap:10px;}
.vxn-ft-social a{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;
  background:var(--vxn-glass-2);border:1px solid var(--vxn-glass-brd);color:var(--vxn-ink-2);
  transition:color .2s,border-color .2s,transform .2s;}
.vxn-ft-social a:hover{color:var(--vxn-blue);border-color:var(--vxn-blue);transform:translateY(-2px);}
.vxn-ft-social svg{width:18px;height:18px;}
@media (max-width:780px){.vxn-ft-grid{grid-template-columns:1fr 1fr;}.vxn-ft-brand{grid-column:1/-1;}}
@media (max-width:480px){.vxn-ft-grid{grid-template-columns:1fr;}}

.vxn-leak-money{margin-top:18px;padding:18px 20px;border-radius:16px;text-align:center;
  background:linear-gradient(160deg,rgba(244,63,94,.10),rgba(124,58,237,.06));
  border:1px solid var(--vxn-glass-brd);}
.vxn-leak-money .big{display:block;font-family:var(--vxn-font-display);font-weight:800;
  font-size:clamp(1.6rem,3vw,2.1rem);color:var(--vxn-red);letter-spacing:-.02em;}
.vxn-leak-money .sub{display:block;margin-top:6px;font-size:.84rem;color:var(--vxn-muted);line-height:1.5;}

.vxn-about-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:46px;align-items:center;margin-top:42px;}
.vxn-about-figure{position:relative;border-radius:var(--vxn-r);overflow:hidden;
  border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);background:var(--vxn-panel-2);aspect-ratio:4/3;}
.vxn-about-figure img{width:100%;height:100%;object-fit:cover;display:block;}
.vxn-about-badge{position:absolute;left:16px;bottom:16px;z-index:2;display:flex;align-items:center;gap:12px;
  padding:12px 16px;border-radius:14px;background:rgba(11,8,24,.55);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
  border:1px solid rgba(255,255,255,.18);}
.vxn-about-badge .n{font-family:var(--vxn-font-display);font-weight:800;font-size:1.3rem;color:#fff;line-height:1;}
.vxn-about-badge .l{font-size:.74rem;color:rgba(255,255,255,.8);line-height:1.3;}
.vxn-about-lead{font-size:1.05rem;color:var(--vxn-ink-2);line-height:1.7;margin:18px 0 0;}
.vxn-about-lead b{color:var(--vxn-ink);font-weight:700;}
.vxn-about-points{display:grid;gap:14px;margin-top:24px;}
.vxn-about-point{display:flex;gap:13px;align-items:flex-start;}
.vxn-about-point .ic{width:34px;height:34px;flex:none;border-radius:10px;display:grid;place-items:center;
  background:linear-gradient(150deg,rgba(124,58,237,.16),rgba(192,132,252,.10));color:var(--vxn-blue);border:1px solid var(--vxn-glass-brd);}
.vxn-about-point .ic svg{width:18px;height:18px;}
.vxn-about-point h4{font-family:var(--vxn-font-display);font-weight:600;font-size:.98rem;color:var(--vxn-ink);margin:2px 0 3px;}
.vxn-about-point p{font-size:.88rem;color:var(--vxn-muted);line-height:1.55;margin:0;}
@media (max-width:820px){ .vxn-about-grid{grid-template-columns:1fr;gap:30px;} }

.vxn-hd-mega-btn{background:transparent;border:0;font-family:inherit;cursor:pointer;display:inline-flex;align-items:center;gap:6px;}
.vxn-hd-chev{transition:transform .25s var(--vxn-ease);}
.vxn-hd-mega-btn[aria-expanded="true"]{color:var(--vxn-ink);}
.vxn-hd-mega-btn[aria-expanded="true"] .vxn-hd-chev{transform:rotate(180deg);}
.vxn-hd-mega{position:absolute;top:100%;left:0;right:0;z-index:99;
  background:var(--vxn-panel);
  border-top:1px solid var(--vxn-line);border-bottom:1px solid var(--vxn-glass-brd);
  box-shadow:0 36px 70px -34px rgba(76,29,149,.42);
  opacity:0;visibility:hidden;transform:translateY(-10px);pointer-events:none;
  transition:opacity .26s var(--vxn-ease),transform .26s var(--vxn-ease),visibility .26s;}
.vxn-hd-mega.is-open{opacity:1;visibility:visible;transform:none;pointer-events:auto;}
.vxn-hd-mega-in{max-width:var(--vxn-shell);margin:0 auto;padding:30px 22px 34px;
  display:grid;grid-template-columns:1.25fr 1fr 1.15fr;gap:30px;}
.vxn-hd-mega-col h4{font-family:var(--vxn-font-display);font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;
  color:var(--vxn-faint);margin:0 0 12px;padding-left:10px;}
.vxn-hd-mega-col a{display:flex;align-items:center;gap:12px;padding:10px;border-radius:12px;
  border:1px solid transparent;transition:background .18s,border-color .18s,transform .18s;}
.vxn-hd-mega-col a:hover{background:var(--vxn-glass-2);border-color:var(--vxn-glass-brd);transform:translateX(2px);}
.vxn-hd-mega-col a .ic{width:34px;height:34px;flex:none;border-radius:9px;display:grid;place-items:center;
  background:linear-gradient(150deg,rgba(124,58,237,.16),rgba(192,132,252,.10));color:var(--vxn-blue);border:1px solid var(--vxn-glass-brd);}
.vxn-hd-mega-col a .ic svg{width:18px;height:18px;}
.vxn-hd-mega-col a .tx b{display:block;font-family:var(--vxn-font-display);font-weight:600;font-size:.92rem;color:var(--vxn-ink);}
.vxn-hd-mega-col a .tx span{display:block;font-size:.78rem;color:var(--vxn-muted);margin-top:1px;}
.vxn-hd-mega-col:nth-child(2) a{padding:12px;}
.vxn-hd-mega-feature{background:linear-gradient(160deg,rgba(124,58,237,.10),rgba(192,132,252,.05));
  border:1px solid var(--vxn-glass-brd);border-radius:16px;padding:22px;display:flex;flex-direction:column;}
.vxn-hd-mega-feature h3{font-family:var(--vxn-font-display);font-weight:700;font-size:1.05rem;color:var(--vxn-ink);
  margin:10px 0 8px;line-height:1.25;letter-spacing:-.01em;}
.vxn-hd-mega-feature p{color:var(--vxn-muted);font-size:.86rem;line-height:1.55;margin:0 0 16px;}
.vxn-hd-mega-cta{margin-top:auto;align-self:flex-start;display:inline-flex;align-items:center;gap:8px;
  padding:11px 18px;border-radius:11px;font-weight:700;font-size:.86rem;background:var(--vxn-grad-cta);color:var(--vxn-cta-ink);box-shadow:var(--vxn-glow-cta);}
@media (max-width:860px){ .vxn-hd-mega{display:none !important;} }
@media (prefers-reduced-motion:reduce){ .vxn-hd-mega,.vxn-hd-chev{transition:none !important;} }

.vxn-hero{position:relative;overflow:hidden;min-height:clamp(580px,88vh,880px);
  display:flex;align-items:center;padding-top:48px;padding-bottom:56px;}
#vxn-particles{position:absolute;inset:0;z-index:0;}
#vxn-particles canvas{display:block !important;}
.vxn-hero-glow{position:absolute;inset:0;z-index:0;pointer-events:none;background:
  radial-gradient(640px 440px at 50% 30%, rgba(124,58,237,.16), transparent 70%),
  radial-gradient(520px 380px at 84% 72%, rgba(192,132,252,.12), transparent 70%),
  radial-gradient(480px 360px at 12% 78%, rgba(168,85,247,.10), transparent 70%);}
.vxn-hero .vxn-shell{position:relative;z-index:2;}
.vxn-hero-center{max-width:900px;margin:0 auto;text-align:center;display:flex;flex-direction:column;align-items:center;}
.vxn-hero-center .vxn-h1{margin:16px auto 0;}
.vxn-hero-center .vxn-lead{margin:20px auto 0;text-align:center;}
.vxn-hero-center .vxn-hero-cta{justify-content:center;margin-top:30px;display:flex;gap:14px;flex-wrap:wrap;}
.vxn-hero-center .vxn-hero-proof{justify-content:center;margin-top:28px;}
.vxn-hero-metrics{margin-top:40px;padding:6px;border-radius:18px;width:100%;max-width:800px;}
.vxn-hero-metrics .cap{text-align:center;font-size:.82rem;font-weight:700;color:var(--vxn-red);
  padding:12px 16px 11px;line-height:1.4;}
.vxn-hm-row{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--vxn-line);}
.vxn-hm-row .cell{padding:16px 14px 18px;text-align:center;position:relative;}
.vxn-hm-row .cell + .cell::before{content:"";position:absolute;left:0;top:22%;bottom:22%;width:1px;background:var(--vxn-line);}
.vxn-hm-row .v{font-family:var(--vxn-font-display);font-weight:800;font-size:clamp(1.35rem,2.5vw,1.9rem);color:var(--vxn-ink);letter-spacing:-.02em;}
.vxn-hm-row .v.g{color:var(--vxn-green);}
.vxn-hm-row .v.c{color:var(--vxn-blue);}
.vxn-hm-row .k{font-size:.74rem;color:var(--vxn-muted);margin-top:5px;letter-spacing:.01em;line-height:1.3;}
@media (max-width:620px){
  .vxn-hm-row{grid-template-columns:repeat(2,1fr);}
  .vxn-hm-row .cell:nth-child(3)::before{display:none;}
}
@media (prefers-reduced-motion:reduce){
  .vxn-hd,.vxn-hd-bar,.vxn-hd-mobile,.vxn-hd-link::after,.vxn-hd-cta,.vxn-hd-toggle,
  .vxn-ft-cta-btn,.vxn-ft-social a,.vxn-about-point{transition:none !important;}
}

.vxn-hero-center .vxn-h1{text-shadow:0 0 38px rgba(124,58,237,.14);}
.vxn-hero-break{display:block;margin-top:.08em;}
:root[data-theme="dark"] .vxn-hero-center .vxn-h1{text-shadow:0 0 48px rgba(124,58,237,.45);}
.vxn-hero-center .vxn-grad-txt{text-shadow:none;
  filter:drop-shadow(0 0 14px rgba(124,58,237,.45)) drop-shadow(0 0 28px rgba(192,132,252,.30));}
.vxn-hl{color:var(--vxn-blue);}
:root[data-theme="dark"] .vxn-hl{color:var(--vxn-cyan);}
.vxn-hero-center .vxn-lead strong{color:var(--vxn-blue);font-weight:700;}
:root[data-theme="dark"] .vxn-hero-center .vxn-lead strong{color:var(--vxn-cyan);}
.vxn-caret{display:inline-block;width:3px;height:.92em;margin-left:5px;vertical-align:-1px;border-radius:2px;
  background:linear-gradient(180deg,#7c3aed,#c084fc);box-shadow:0 0 12px rgba(124,58,237,.75);
  animation:vxn-blink 1.05s steps(1) infinite;}
@keyframes vxn-blink{0%,50%{opacity:1}50.01%,100%{opacity:0}}
@media (prefers-reduced-motion:reduce){ .vxn-caret{animation:none;display:none;} }

.vxn-funnel-anim{width:100%;max-width:330px;display:block;margin:0 auto;overflow:visible;}
.vxn-flow{fill:#a855f7;animation:vxn-pflow 2.7s linear infinite;}
.vxn-flow.f1{animation-delay:0s;}
.vxn-flow.f2{animation-delay:.45s;}
.vxn-flow.f3{animation-delay:.95s;}
.vxn-flow.f4{animation-delay:1.4s;}
.vxn-flow.f5{animation-delay:1.85s;}
.vxn-flow.f6{animation-delay:2.3s;}
@keyframes vxn-pflow{
  0%{transform:translateY(0);opacity:0;}
  10%{opacity:1;}
  86%{opacity:.95;}
  100%{transform:translateY(262px);opacity:0;}
}
.vxn-leak{fill:#f43f5e;}
.vxn-leak.l1,.vxn-leak.l2,.vxn-leak.l3{animation:vxn-leakL 2.7s ease-in infinite;}
.vxn-leak.r1,.vxn-leak.r2,.vxn-leak.r3{animation:vxn-leakR 2.7s ease-in infinite;}
.vxn-leak.l1{animation-delay:.3s;}
.vxn-leak.r1{animation-delay:.9s;}
.vxn-leak.r2{animation-delay:.6s;}
.vxn-leak.l2{animation-delay:1.5s;}
.vxn-leak.r3{animation-delay:1.2s;}
.vxn-leak.l3{animation-delay:2s;}
@keyframes vxn-leakL{0%{transform:translate(0,0);opacity:0;}20%{opacity:.9;}100%{transform:translate(-30px,18px);opacity:0;}}
@keyframes vxn-leakR{0%{transform:translate(0,0);opacity:0;}20%{opacity:.9;}100%{transform:translate(30px,18px);opacity:0;}}
.vxn-joy-glow{transform-box:fill-box;transform-origin:center;animation:vxn-joy-pulse 2.4s ease-in-out infinite;}
@keyframes vxn-joy-pulse{0%,100%{transform:scale(.9);opacity:.45;}50%{transform:scale(1.14);opacity:.82;}}
.vxn-joy-face{transform-box:fill-box;transform-origin:center;animation:vxn-joy-bob 2.4s ease-in-out infinite;}
@keyframes vxn-joy-bob{0%,100%{transform:translateY(0) scale(1);}50%{transform:translateY(-2px) scale(1.05);}}
.vxn-spark{transform-box:fill-box;transform-origin:center;animation:vxn-twinkle 1.9s ease-in-out infinite;}
.vxn-spark.s2{animation-delay:.6s;}
.vxn-spark.s3{animation-delay:1.15s;}
@keyframes vxn-twinkle{0%,100%{opacity:.15;transform:scale(.6);}50%{opacity:1;transform:scale(1.1);}}
@media (prefers-reduced-motion:reduce){
  .vxn-flow,.vxn-leak,.vxn-spark{display:none;}
  .vxn-joy-glow,.vxn-joy-face{animation:none;}
}

.vxn-phases{display:flex;flex-direction:column;gap:40px;margin-top:48px;}
.vxn-phase{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center;}
.vxn-phase:nth-child(even) .vxn-phase-figure{order:2;}
.vxn-phase-figure{position:relative;border-radius:var(--vxn-r);overflow:hidden;aspect-ratio:4/3;
  border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);background:var(--vxn-panel-2);}
.vxn-phase-figure img{width:100%;height:100%;object-fit:cover;display:block;}
.vxn-phase-badge{position:absolute;left:14px;top:14px;z-index:2;
  font-family:var(--vxn-font-display);font-weight:800;font-size:1.05rem;color:#fff;
  width:46px;height:46px;display:grid;place-items:center;border-radius:13px;
  background:linear-gradient(150deg,rgba(124,58,237,.94),rgba(168,85,247,.94));
  border:1px solid rgba(255,255,255,.25);box-shadow:0 8px 22px -8px rgba(76,29,149,.6);}
.vxn-phase-tag{display:inline-block;font-family:var(--vxn-font-display);font-size:.76rem;font-weight:700;
  letter-spacing:.08em;text-transform:uppercase;color:var(--vxn-blue);
  padding:6px 12px;border-radius:999px;background:rgba(124,58,237,.10);
  border:1px solid var(--vxn-glass-brd);margin-bottom:14px;}
.vxn-phase-body h3{margin:0 0 10px;}
.vxn-phase-body > p{color:var(--vxn-ink-2);font-size:1rem;line-height:1.6;margin:0;}
.vxn-phase-steps{list-style:none;padding:0;margin:20px 0 0;display:grid;gap:12px;}
.vxn-phase-steps li{display:flex;gap:14px;align-items:flex-start;padding:11px 14px;border-radius:12px;
  background:var(--vxn-glass-2);border:1px solid var(--vxn-glass-brd);
  transition:transform .25s var(--vxn-ease),border-color .25s;}
.vxn-phase-steps li:hover{transform:translateX(3px);border-color:var(--vxn-blue);}
.vxn-phase-steps .n{font-family:var(--vxn-font-mono);font-weight:700;color:var(--vxn-blue);font-size:.9rem;
  width:24px;flex:none;padding-top:2px;}
.vxn-phase-steps b{display:block;font-family:var(--vxn-font-display);font-weight:600;color:var(--vxn-ink);font-size:.96rem;}
.vxn-phase-steps .d{display:block;font-size:.85rem;color:var(--vxn-muted);line-height:1.5;margin-top:2px;}
@media (max-width:840px){
  .vxn-phase{grid-template-columns:1fr;gap:22px;}
  .vxn-phase .vxn-phase-figure,
  .vxn-phase:nth-child(even) .vxn-phase-figure{order:-1;}
}
@media (prefers-reduced-motion:reduce){ .vxn-phase-steps li{transition:none;} }
.vxn-sec2{position:relative;overflow:hidden;}
.vxn-sec2 > .vxn-shell{position:relative;z-index:1;}
.vxn-sec2-bg{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden;}
.vxn-p-layer{position:absolute;inset:-12% 0;will-change:transform;}
.vxn-blob{position:absolute;border-radius:50%;filter:blur(60px);opacity:.55;}
.vxn-blob.b1{width:46vw;max-width:560px;aspect-ratio:1;left:-8%;top:6%;
  background:radial-gradient(circle,rgba(124,58,237,.18),transparent 70%);}
.vxn-blob.b2{width:40vw;max-width:480px;aspect-ratio:1;right:-6%;bottom:0%;
  background:radial-gradient(circle,rgba(192,132,252,.15),transparent 70%);}
.vxn-p-mid{background-image:
   linear-gradient(rgba(var(--ln),.05) 1px,transparent 1px),
   linear-gradient(90deg,rgba(var(--ln),.05) 1px,transparent 1px);
  background-size:46px 46px;
  -webkit-mask-image:radial-gradient(ellipse at 50% 38%,#000 32%,transparent 78%);
  mask-image:radial-gradient(ellipse at 50% 38%,#000 32%,transparent 78%);}
.vxn-fall{position:absolute;top:-8%;width:var(--s,5px);height:var(--s,5px);border-radius:50%;
  background:var(--c,#a855f7);box-shadow:0 0 8px rgba(168,85,247,.5);opacity:0;
  animation:vxn-fall var(--dur,10s) linear var(--d,0s) infinite;}
.vxn-fall-red{--c:#f43f5e;box-shadow:0 0 8px rgba(244,63,94,.5);}
@keyframes vxn-fall{
  0%{transform:translate3d(0,0,0);opacity:0;}
  8%{opacity:.85;}
  88%{opacity:.5;}
  100%{transform:translate3d(var(--x,0),132vh,0);opacity:0;}
}
@media (prefers-reduced-motion:reduce){
  .vxn-fall{display:none;}
  .vxn-p-layer{transform:none !important;}
}

.vxn-parallax-host{position:relative;overflow:hidden;}
.vxn-parallax-host > .vxn-shell{position:relative;z-index:1;}
.vxn-m3-bg{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden;}
.vxn-m3-img{background:
    radial-gradient(45% 55% at 12% 8%, rgba(124,58,237,.14), transparent 68%),
    radial-gradient(45% 55% at 88% 12%, rgba(192,132,252,.12), transparent 68%),
    radial-gradient(62% 60% at 50% 100%, rgba(139,92,246,.10), transparent 72%);}
:root[data-theme="dark"] .vxn-m3-img{filter:brightness(1.25);}
.vxn-board::before{background:
  linear-gradient(rgba(var(--ln),.045) 1px,transparent 1px),
  linear-gradient(90deg,rgba(var(--ln),.045) 1px,transparent 1px);
  background-size:16.66% 16.66%;opacity:.7;}
.vxn-board-net{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none;}
.vxn-board-net .net-flow polyline{animation:vxn-netflow 1.6s linear infinite;}
@keyframes vxn-netflow{to{stroke-dashoffset:-16;}}
.vxn-piece-disc{border-radius:18px;
  background:radial-gradient(circle at 32% 26%,rgba(255,255,255,.42),transparent 54%),var(--pc,#a855f7);
  border:1px solid rgba(255,255,255,.34);
  box-shadow:0 12px 26px -10px var(--pc,rgba(168,85,247,.6)),inset 0 -7px 16px rgba(0,0,0,.2),inset 0 1px 1px rgba(255,255,255,.5);}
.vxn-piece-disc svg{color:#fff;}
.vxn-piece-lbl{color:#fff;opacity:.96;}
.vxn-piece-glow{opacity:.55;filter:blur(11px);inset:-28%;}

.vxn-ind2-grid{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:stretch;margin-top:46px;}
.vxn-ind2-figure{position:relative;border-radius:var(--vxn-r);overflow:hidden;min-height:430px;
  border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);background:var(--vxn-panel-2);}
.vxn-ind2-figure img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;}
.vxn-ind2-badge{position:absolute;z-index:2;display:inline-flex;align-items:center;gap:8px;
  font-family:var(--vxn-font-display);font-weight:600;font-size:.78rem;color:#fff;
  padding:8px 13px;border-radius:999px;background:rgba(20,12,40,.55);
  backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.22);}
.vxn-ind2-badge.top{left:16px;top:16px;}
.vxn-ind2-badge.bot{left:16px;bottom:16px;font-family:var(--vxn-font-mono);font-size:.72rem;font-weight:500;}
.vxn-ind2-journey{display:flex;flex-direction:column;justify-content:center;}
.vxn-vjourney{list-style:none;margin:22px 0 0;padding:0;position:relative;}
.vxn-vjourney::before{content:"";position:absolute;left:23px;top:23px;bottom:23px;width:2px;background:var(--vxn-line);}
.vxn-vjourney::after{content:"";position:absolute;left:23px;top:23px;bottom:23px;width:2px;
  background:linear-gradient(180deg,var(--ac1),var(--ac2),var(--ac1));background-size:100% 220%;
  opacity:.75;animation:vxn-vrail 3s linear infinite;}
@keyframes vxn-vrail{to{background-position:0 -220%;}}
.vxn-vstep{position:relative;display:flex;gap:16px;align-items:flex-start;padding-bottom:24px;}
.vxn-vstep:last-child{padding-bottom:0;}
.vxn-vstep .vxn-jdot{flex:none;position:relative;z-index:1;}
.vxn-vtxt{padding-top:5px;}
.vxn-vtxt b{display:block;font-family:var(--vxn-font-display);font-weight:600;color:var(--vxn-ink);font-size:1rem;}
.vxn-vtxt .s{font-family:var(--vxn-font-mono);font-size:.66rem;letter-spacing:.05em;text-transform:uppercase;color:var(--vxn-faint);}
.vxn-spec-head{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;margin:50px 0 18px;}
.vxn-spec-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:14px;}
.vxn-spec{position:relative;display:flex;gap:15px;align-items:flex-start;padding:16px 18px 16px 20px;border-radius:14px;
  overflow:hidden;background:var(--vxn-glass-2);border:1px solid var(--vxn-glass-brd);
  transition:transform .3s var(--vxn-ease),border-color .3s;}
.vxn-spec::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;
  background:linear-gradient(180deg,var(--vxn-blue),var(--vxn-cyan));opacity:0;transition:opacity .3s;}
.vxn-spec:hover{transform:translateY(-4px);border-color:var(--vxn-blue);}
.vxn-spec:hover::before{opacity:1;}
.vxn-spec .ic{width:42px;height:42px;border-radius:11px;flex:none;display:grid;place-items:center;
  background:rgba(124,58,237,.1);color:var(--vxn-blue);}
.vxn-spec .ic svg{width:22px;height:22px;}
.vxn-spec h4{margin:0 0 4px;font-family:var(--vxn-font-display);font-size:1rem;color:var(--vxn-ink);}
.vxn-spec p{margin:0;font-size:.85rem;color:var(--vxn-muted);line-height:1.5;}
@media (max-width:840px){
  .vxn-ind2-grid{grid-template-columns:1fr;gap:24px;}
  .vxn-ind2-figure{min-height:300px;}
}
@media (prefers-reduced-motion:reduce){
  .vxn-board-net .net-flow polyline{animation:none;}
  .vxn-vjourney::after{animation:none;}
}
.vxn-ba-layer{padding:0;}
.vxn-ba-after{background:linear-gradient(180deg,#ffffff,#f7f4ff);}
.vxn-ba-before{background:linear-gradient(180deg,#e9ebef,#dfe2e8);clip-path:inset(0 calc(100% - var(--pos)) 0 0);}
.vxn-ba-handle{background:var(--vxn-blue);box-shadow:0 0 14px rgba(124,58,237,.6);}
.vxn-ba-knob{background:#fff;border-color:var(--vxn-blue);}
.vxn-ba-knob svg{color:var(--vxn-blue);}
.vxn-st{position:absolute;inset:0;display:flex;flex-direction:column;overflow:hidden;}
.vxn-st-nav{display:flex;align-items:center;justify-content:space-between;padding:9px 13px;border-bottom:1px solid rgba(27,18,51,.08);background:rgba(255,255,255,.6);}
.vxn-st-logo{display:flex;align-items:center;gap:6px;font-family:var(--vxn-font-display);font-weight:800;font-size:.64rem;color:#1b1233;white-space:nowrap;}
.vxn-st-logo i{width:14px;height:14px;border-radius:5px;background:linear-gradient(135deg,#7c3aed,#c084fc);flex:none;}
.vxn-st-links{display:flex;gap:8px;}
.vxn-st-links b{width:22px;height:5px;border-radius:3px;background:rgba(27,18,51,.16);}
.vxn-st-btn{font-family:var(--vxn-font-display);font-size:.6rem;font-weight:700;color:#fff;background:linear-gradient(135deg,#7c3aed,#a855f7);border-radius:7px;padding:5px 12px;white-space:nowrap;}
.vxn-st-hero{flex:1;display:flex;gap:13px;padding:15px 13px;align-items:center;}
.vxn-st-htext{flex:1.25;display:flex;flex-direction:column;gap:7px;min-width:0;}
.vxn-st-h1{font-family:var(--vxn-font-display);font-weight:800;font-size:.96rem;line-height:1.12;color:#1b1233;}
.vxn-st-sub{height:6px;border-radius:3px;background:rgba(27,18,51,.12);width:92%;}
.vxn-st-sub.s{width:64%;}
.vxn-st-ctarow{display:flex;align-items:center;gap:8px;margin-top:5px;flex-wrap:wrap;}
.vxn-st-cta{font-family:var(--vxn-font-display);font-size:.64rem;font-weight:700;color:#fff;background:linear-gradient(135deg,#7c3aed,#a855f7);border-radius:8px;padding:7px 14px;box-shadow:0 7px 16px -6px rgba(124,58,237,.6);white-space:nowrap;}
.vxn-st-call{display:inline-flex;align-items:center;gap:5px;font-family:var(--vxn-font-display);font-size:.6rem;font-weight:700;color:#7c3aed;border:1px solid rgba(124,58,237,.32);border-radius:8px;padding:6px 10px;white-space:nowrap;}
.vxn-st-call svg{width:11px;height:11px;}
.vxn-st-stars{display:flex;align-items:center;gap:6px;font-size:.72rem;color:#f59e0b;margin-top:2px;letter-spacing:1px;}
.vxn-st-stars span{color:#675d86;font-family:var(--vxn-font-mono);font-size:.56rem;letter-spacing:0;}
.vxn-st-himg{flex:.85;align-self:stretch;border-radius:10px;min-height:74px;position:relative;overflow:hidden;
  background:linear-gradient(150deg,#a855f7,#7c3aed);box-shadow:0 8px 20px -8px rgba(124,58,237,.55);}
.vxn-st-himg::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 70% 28%,rgba(255,255,255,.4),transparent 58%);}
.vxn-st-trust{display:flex;gap:7px;padding:0 13px 13px;}
.vxn-st-trust span{flex:1;height:15px;border-radius:5px;background:rgba(16,185,129,.16);border:1px solid rgba(16,185,129,.2);}
/* dated / bad site */
.vxn-st-nav.bad{padding:8px 11px;border-bottom:1px solid rgba(51,65,90,.14);background:#eceef2;}
.vxn-st-logo.bad{font-family:var(--vxn-font-body);font-weight:700;font-size:.6rem;color:#3a4a63;}
.vxn-st-links.bad{gap:6px;}
.vxn-st-links.bad b{width:15px;height:4px;background:rgba(58,74,99,.4);}
.vxn-st-body{flex:1;padding:13px 13px 12px;display:flex;flex-direction:column;gap:6px;}
.vxn-st-bh{font-family:var(--vxn-font-body);font-weight:700;font-size:.66rem;color:#46586f;margin-bottom:3px;}
.vxn-st-txt{height:5px;border-radius:2px;background:rgba(58,74,99,.2);width:100%;}
.vxn-st-txt.s{width:72%;}
.vxn-st-submit{margin-top:7px;align-self:flex-start;font-family:var(--vxn-font-body);font-size:.6rem;font-weight:600;color:#5b6b85;background:#d2d7df;border:1px solid #c0c6d0;border-radius:5px;padding:6px 13px;}
@media (prefers-reduced-motion:reduce){}
.vxn-divider{border:none;height:1px;background:linear-gradient(90deg,transparent,rgba(124,58,237,.28),rgba(192,132,252,.30),transparent);}

.vxn-ft{overflow:hidden;}
.vxn-ft::before{content:"";position:absolute;top:0;left:0;right:0;height:2px;z-index:2;
  background:linear-gradient(90deg,transparent,#7c3aed,#a855f7,#c084fc,#a855f7,#7c3aed,transparent);background-size:200% 100%;
  animation:vxn-ftline 6s linear infinite;}
@keyframes vxn-ftline{to{background-position:200% 0;}}
.vxn-ft-glow{position:absolute;top:-60px;left:50%;width:78%;max-width:880px;height:320px;pointer-events:none;z-index:0;
  transform:translateX(-50%);background:radial-gradient(ellipse at center,rgba(124,58,237,.18),transparent 70%);
  animation:vxn-ftglow 7s ease-in-out infinite;}
@keyframes vxn-ftglow{0%,100%{opacity:.55;transform:translateX(-50%) scale(1);}50%{opacity:1;transform:translateX(-50%) scale(1.08);}}
.vxn-ft-cta,.vxn-ft-grid,.vxn-ft-disc,.vxn-ft-bottom{position:relative;z-index:1;}
.vxn-ft-cta-btn{position:relative;overflow:hidden;}
.vxn-ft-cta-btn::after{content:"";position:absolute;top:0;left:-65%;width:42%;height:100%;transform:skewX(-18deg);
  background:linear-gradient(105deg,transparent,rgba(255,255,255,.4),transparent);animation:vxn-shimmer 3.6s ease-in-out infinite;}
@keyframes vxn-shimmer{0%,70%{left:-65%;}100%{left:135%;}}
.vxn-ft-cta-btn > svg{position:relative;z-index:1;transition:transform .25s var(--vxn-ease);}
.vxn-ft-cta-btn:hover > svg{transform:translateX(4px);}
.vxn-ft-col a{position:relative;transition:color .22s,padding-left .22s;}
.vxn-ft-col a::before{content:"";position:absolute;left:0;top:50%;width:9px;height:2px;border-radius:2px;
  transform:translateY(-50%) scaleX(0);transform-origin:left;background:linear-gradient(90deg,#7c3aed,#c084fc);transition:transform .22s;}
.vxn-ft-col a:hover{color:var(--vxn-blue);padding-left:15px;}
.vxn-ft-col a:hover::before{transform:translateY(-50%) scaleX(1);}
.vxn-ft-social a{position:relative;overflow:hidden;
  transition:color .2s,border-color .2s,transform .25s var(--vxn-ease),box-shadow .25s;}
.vxn-ft-social a > svg{position:relative;z-index:1;}
.vxn-ft-social a::before{content:"";position:absolute;inset:0;opacity:0;transition:opacity .25s;
  background:linear-gradient(135deg,#7c3aed,#a855f7);}
.vxn-ft-social a:hover{color:#fff;border-color:transparent;transform:translateY(-3px);box-shadow:0 10px 24px -8px rgba(124,58,237,.55);}
.vxn-ft-social a:hover::before{opacity:1;}
.vxn-ft-brand .vxn-hd-mark{filter:drop-shadow(0 0 10px rgba(124,58,237,.4));}

.vxn-fomo{position:relative;overflow:hidden;padding:26px 22px;display:flex;justify-content:center;
  background:linear-gradient(90deg,#6d28d9,#7c3aed,#a855f7,#7c3aed,#6d28d9);background-size:220% 100%;
  animation:vxn-fomobg 14s ease infinite;}
@keyframes vxn-fomobg{0%,100%{background-position:0% 0;}50%{background-position:100% 0;}}
.vxn-fomo-stage{position:relative;width:100%;max-width:var(--vxn-shell);min-height:30px;}
.vxn-fomo-q{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:0;text-align:center;
  font-family:var(--vxn-font-display);font-weight:600;font-size:clamp(.95rem,2vw,1.18rem);color:#fff;padding:0 8px;
  opacity:0;transform:translateY(14px);transition:opacity .55s var(--vxn-ease),transform .55s var(--vxn-ease);}
.vxn-fomo-q.is-on{opacity:1;transform:translateY(0);}
.vxn-fomo-q.is-out{opacity:0;transform:translateY(-14px);}
@media (prefers-reduced-motion:reduce){.vxn-fomo{animation:none;}.vxn-fomo-q{transition:none;}}

.vxn-fab{position:fixed;right:22px;bottom:24px;z-index:85;display:flex;flex-direction:column;gap:13px;align-items:flex-end;}
.vxn-fab a{position:relative;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;
  box-shadow:0 12px 30px -8px rgba(0,0,0,.32);transition:transform .25s var(--vxn-ease),box-shadow .25s;}
.vxn-fab a:hover{transform:translateY(-3px) scale(1.04);}
.vxn-fab-wa{width:56px;height:56px;border-radius:50%;background:linear-gradient(145deg,#25d366,#0e9f6e);color:#fff;}
.vxn-fab-wa svg{width:30px;height:30px;}
.vxn-fab-wa:hover{box-shadow:0 16px 36px -8px rgba(37,211,102,.6);}
.vxn-fab-wa::after{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid #25d366;
  animation:vxn-fabpulse 2.6s ease-out infinite;}
@keyframes vxn-fabpulse{0%{transform:scale(1);opacity:.7;}100%{transform:scale(1.55);opacity:0;}}
.vxn-fab-gt{gap:9px;padding:0 20px;height:56px;border-radius:30px;color:#fff;
  background:linear-gradient(135deg,#7c3aed,#a855f7,#c084fc);background-size:170% 170%;
  font-family:var(--vxn-font-display);font-weight:700;font-size:.92rem;animation:vxn-fabgrad 5s ease infinite;}
.vxn-fab-gt svg{width:20px;height:20px;}
.vxn-fab-gt:hover{box-shadow:0 16px 36px -8px rgba(124,58,237,.6);}
@keyframes vxn-fabgrad{0%,100%{background-position:0% 50%;}50%{background-position:100% 50%;}}
@media (max-width:780px){
  .vxn-fab{right:16px;bottom:82px;}
  .vxn-fab-gt span{display:none;}
  .vxn-fab-gt{width:56px;padding:0;border-radius:50%;}
}
@media (prefers-reduced-motion:reduce){
  .vxn-ft::before,.vxn-ft-glow,.vxn-ft-cta-btn::after,.vxn-fomo-track,.vxn-fab-gt{animation:none;}
  .vxn-fab-wa::after{display:none;}
  .vxn-fomo-track{flex-wrap:wrap;justify-content:center;}
}
.vxn-news{margin-top:24px;max-width:350px;}
.vxn-news-label{display:block;font-family:var(--vxn-font-display);font-weight:700;font-size:.96rem;color:var(--vxn-ink);}
.vxn-news-sub{color:var(--vxn-muted);font-size:.84rem;line-height:1.5;margin:6px 0 12px;}
.vxn-news-row{display:flex;gap:8px;padding:5px;border-radius:13px;background:var(--vxn-glass-2);
  border:1px solid var(--vxn-glass-brd);transition:border-color .2s,box-shadow .2s;}
.vxn-news-row:focus-within{border-color:var(--vxn-blue);box-shadow:0 0 0 3px rgba(124,58,237,.13);}
.vxn-news-row input{flex:1;min-width:0;background:transparent;border:none;outline:none;
  font-family:var(--vxn-font-body);font-size:.9rem;color:var(--vxn-ink);padding:8px 10px;}
.vxn-news-row input::placeholder{color:var(--vxn-faint);}
.vxn-news-row button{flex:none;width:44px;border:none;cursor:pointer;border-radius:9px;color:#fff;display:grid;place-items:center;
  background:linear-gradient(135deg,#7c3aed,#a855f7);transition:transform .2s,box-shadow .2s;}
.vxn-news-row button:hover{transform:translateY(-1px);box-shadow:0 8px 20px -6px rgba(124,58,237,.6);}
.vxn-news-row button svg{width:17px;height:17px;}
.vxn-news-msg{display:inline-flex;align-items:center;gap:6px;margin-top:11px;font-size:.82rem;font-weight:600;color:var(--vxn-green);}

.vxn-fab button{position:relative;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;border:none;
  box-shadow:0 12px 30px -8px rgba(0,0,0,.32);transition:transform .25s var(--vxn-ease),box-shadow .25s;}
.vxn-fab button:hover{transform:translateY(-3px) scale(1.04);}

.vxn-modal{position:fixed;inset:0;z-index:120;display:flex;align-items:center;justify-content:center;padding:20px;
  opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s;}
.vxn-modal.is-open{opacity:1;visibility:visible;}
.vxn-modal-backdrop{position:absolute;inset:0;background:rgba(10,6,22,.6);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);}
.vxn-modal-card{position:relative;z-index:1;width:100%;max-width:460px;max-height:90vh;overflow:auto;
  background:var(--vxn-panel);border:1px solid var(--vxn-glass-brd);border-radius:20px;padding:30px 28px 28px;
  box-shadow:0 40px 90px -20px rgba(0,0,0,.5);transform:translateY(16px) scale(.98);transition:transform .35s var(--vxn-ease);}
.vxn-modal.is-open .vxn-modal-card{transform:none;}
.vxn-modal-card::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;border-radius:20px 20px 0 0;
  background:linear-gradient(90deg,#7c3aed,#a855f7,#c084fc);}
.vxn-modal-x{position:absolute;top:14px;right:14px;width:34px;height:34px;border-radius:9px;border:1px solid var(--vxn-glass-brd);
  background:var(--vxn-glass-2);color:var(--vxn-muted);display:grid;place-items:center;cursor:pointer;transition:color .2s,border-color .2s;}
.vxn-modal-x:hover{color:var(--vxn-ink);border-color:var(--vxn-blue);}
.vxn-modal-x svg{width:16px;height:16px;}
.vxn-modal-head h3{font-family:var(--vxn-font-display);font-weight:800;font-size:1.42rem;color:var(--vxn-ink);margin:9px 0 8px;letter-spacing:-.02em;}
.vxn-modal-head p{color:var(--vxn-muted);font-size:.92rem;line-height:1.55;margin:0 0 20px;}
.vxn-audit-form{display:flex;flex-direction:column;gap:13px;}
.vxn-audit-form label{display:flex;flex-direction:column;gap:6px;font-family:var(--vxn-font-display);font-weight:600;font-size:.78rem;color:var(--vxn-ink-2);}
.vxn-field-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px;}
.vxn-audit-form input, .vxn-audit-form textarea{font-family:var(--vxn-font-body);font-size:.92rem;color:var(--vxn-ink);
  background:var(--vxn-glass-2);border:1px solid var(--vxn-glass-brd);border-radius:10px;padding:11px 13px;transition:border-color .2s,box-shadow .2s;}
.vxn-audit-form textarea{resize:vertical;min-height:80px;}
.vxn-audit-form input::placeholder, .vxn-audit-form textarea::placeholder{color:var(--vxn-faint);}
.vxn-audit-form input:focus, .vxn-audit-form textarea:focus{outline:none;border-color:var(--vxn-blue);box-shadow:0 0 0 3px rgba(124,58,237,.15);}
.vxn-audit-note{font-size:.8rem;color:var(--vxn-muted);line-height:1.5;margin:2px 0 4px;padding:10px 12px;border-radius:10px;
  background:rgba(124,58,237,.06);border:1px solid var(--vxn-glass-brd);transition:background .25s,border-color .25s,color .25s;}
.vxn-audit-note a{color:var(--vxn-blue);font-weight:600;}
.vxn-audit-note.is-warn{background:rgba(244,63,94,.1);border-color:rgba(244,63,94,.45);color:var(--vxn-ink-2);}
.vxn-audit-submit{margin-top:4px;display:inline-flex;align-items:center;justify-content:center;gap:9px;
  font-family:var(--vxn-font-display);font-weight:700;font-size:.95rem;color:#fff;border:none;cursor:pointer;
  background:linear-gradient(135deg,#7c3aed,#a855f7,#c084fc);background-size:170% 170%;border-radius:12px;padding:14px;
  box-shadow:0 14px 30px -10px rgba(124,58,237,.6);transition:transform .2s,box-shadow .2s,background-position .45s;}
.vxn-audit-submit:hover{transform:translateY(-2px);background-position:100% 50%;box-shadow:0 18px 38px -10px rgba(124,58,237,.7);}
.vxn-audit-submit svg{width:17px;height:17px;}
.vxn-audit-done{text-align:center;padding:14px 0 6px;}
.vxn-audit-done .ok{width:58px;height:58px;border-radius:50%;margin:0 auto 16px;display:grid;place-items:center;color:#fff;
  background:linear-gradient(135deg,#10b981,#34d399);box-shadow:0 12px 28px -8px rgba(16,185,129,.6);}
.vxn-audit-done .ok svg{width:28px;height:28px;}
.vxn-audit-done h4{font-family:var(--vxn-font-display);font-weight:700;font-size:1.2rem;color:var(--vxn-ink);margin:0 0 8px;}
.vxn-audit-done p{color:var(--vxn-muted);font-size:.92rem;line-height:1.55;margin:0;}
.vxn-audit-done #vxn-audit-url{color:var(--vxn-blue);font-weight:600;word-break:break-all;}
@media (max-width:480px){.vxn-field-grid{grid-template-columns:1fr;}}

:root{
  color-scheme: light;

  --vxn-void:#ffffff;
  --vxn-deep:#f4f0fb;
  --vxn-panel:#ffffff;
  --vxn-panel-2:#f5f1fe;

  --vxn-ink:#1b1233;
  --vxn-ink-2:#392e57;
  --vxn-muted:#675d86;
  --vxn-faint:#9a91b4;

  --w:45,35,70;          
  --ln:110,82,180;      
  --mk:245,243,252;      

  --vxn-line:rgba(var(--ln),0.16);
  --vxn-line-2:rgba(var(--ln),0.32);

  --vxn-blue:#7c3aed;    
  --vxn-blue-2:#a855f7;  
  --vxn-cyan:#c084fc;    
  --vxn-violet:#8b5cf6;
  --vxn-green:#10b981;  
  --vxn-amber:#f59e0b;   
  --vxn-red:#f43f5e;    

  --vxn-glass:linear-gradient(160deg,rgba(255,255,255,0.96),rgba(250,248,255,0.90));
  --vxn-glass-2:linear-gradient(160deg,#ffffff,#f3edfe);
  --vxn-glass-brd:rgba(var(--ln),0.20);

  --vxn-cta-ink:#ffffff;
  --vxn-grad-cta:linear-gradient(135deg,#7c3aed 0%,#a855f7 55%,#c084fc 100%);
  --vxn-grad-violet:linear-gradient(135deg,#8b5cf6 0%,#7c3aed 100%);
  --vxn-grad-text:linear-gradient(120deg,#2a1d4d 0%,#7c3aed 55%,#a855f7 100%);

  --vxn-shadow:0 26px 60px -30px rgba(76,29,149,0.30);
  --vxn-glow-cta:0 16px 40px -12px rgba(124,58,237,0.42);

  --vxn-font-display:'Sora',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  --vxn-font-body:'Manrope',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  --vxn-font-mono:'JetBrains Mono',ui-monospace,SFMono-Regular,Menlo,monospace;

  --vxn-r:20px;
  --vxn-r-sm:14px;
  --vxn-shell:1180px;
  --vxn-ease:cubic-bezier(.2,.7,.2,1);
}

:root[data-theme="dark"]{
  color-scheme: dark;

  --vxn-void:#0b0818;
  --vxn-deep:#0f0b20;
  --vxn-panel:#150f2b;
  --vxn-panel-2:#1b1338;

  --vxn-ink:#f3f0ff;
  --vxn-ink-2:#cdc6e8;
  --vxn-muted:#968cb8;
  --vxn-faint:#6c648c;

  --w:255,255,255;
  --ln:150,135,215;
  --mk:14,20,44;

  --vxn-glass:linear-gradient(160deg,rgba(255,255,255,0.07),rgba(255,255,255,0.02));
  --vxn-glass-2:linear-gradient(160deg,rgba(255,255,255,0.10),rgba(255,255,255,0.03));
  --vxn-glass-brd:rgba(255,255,255,0.10);

  --vxn-grad-text:linear-gradient(120deg,#ffffff 0%,#c4b5fd 50%,#c084fc 100%);

  --vxn-shadow:0 26px 70px -28px rgba(0,0,0,0.70);
  --vxn-glow-cta:0 16px 44px -12px rgba(124,58,237,0.60);
}


*,*::before,*::after{box-sizing:border-box;}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;}
body{
  margin:0;
  background:var(--vxn-void);
  color:var(--vxn-ink-2);
  font-family:var(--vxn-font-body);
  font-size:16px;
  line-height:1.65;
  letter-spacing:.005em;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
  overflow-x:hidden;
}
img{max-width:100%;display:block;}
a{color:inherit;text-decoration:none;}
button{font-family:inherit;cursor:pointer;}
canvas{display:block;}
::selection{background:rgba(192,132,252,.28);color:#fff;}

.vxn-atmos{position:fixed;inset:0;z-index:-2;pointer-events:none;background:
  radial-gradient(1100px 700px at 78% -8%,rgba(124,58,237,.22),transparent 60%),
  radial-gradient(900px 700px at 8% 12%,rgba(139,92,246,.16),transparent 60%),
  radial-gradient(1000px 800px at 60% 108%,rgba(192,132,252,.10),transparent 55%),
  var(--vxn-void);}
.vxn-atmos::before{content:"";position:absolute;inset:0;opacity:.5;
  background-image:linear-gradient(rgba(var(--ln),.05) 1px,transparent 1px),
                   linear-gradient(90deg,rgba(var(--ln),.05) 1px,transparent 1px);
  background-size:54px 54px;
  -webkit-mask-image:radial-gradient(circle at 50% 30%,#000 0%,transparent 78%);
          mask-image:radial-gradient(circle at 50% 30%,#000 0%,transparent 78%);}
.vxn-grain{position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.035;mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");}

.vxn-shell{width:100%;max-width:var(--vxn-shell);margin-inline:auto;padding-inline:24px;}
.vxn-section{position:relative;padding-block:clamp(74px,11vh,128px);}
.vxn-section--tight{padding-block:clamp(56px,8vh,92px);}
.vxn-divider{height:1px;background:linear-gradient(90deg,transparent,var(--vxn-line-2),transparent);border:0;margin:0;}

.vxn-eyebrow{display:inline-flex;align-items:center;gap:9px;font-family:var(--vxn-font-mono);
  font-size:12px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--vxn-cyan);}
.vxn-eyebrow::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--vxn-cyan);
  box-shadow:0 0 10px var(--vxn-cyan);}
.vxn-h1{font-family:var(--vxn-font-display);font-weight:800;line-height:1.04;letter-spacing:-.025em;
  font-size:clamp(2.4rem,6vw,4.5rem);color:var(--vxn-ink);margin:0;}
.vxn-h2{font-family:var(--vxn-font-display);font-weight:700;line-height:1.08;letter-spacing:-.02em;
  font-size:clamp(1.85rem,4vw,3rem);color:var(--vxn-ink);margin:0;}
.vxn-h3{font-family:var(--vxn-font-display);font-weight:600;line-height:1.2;letter-spacing:-.01em;
  font-size:clamp(1.1rem,2vw,1.35rem);color:var(--vxn-ink);margin:0;}
.vxn-lead{font-size:clamp(1.02rem,1.6vw,1.2rem);color:var(--vxn-ink-2);max-width:62ch;}
.vxn-grad-txt{background:var(--vxn-grad-text);-webkit-background-clip:text;background-clip:text;color:transparent;}
.vxn-cyan{color:var(--vxn-cyan);} .vxn-violet{color:var(--vxn-violet);} .vxn-green{color:var(--vxn-green);}
.vxn-mono{font-family:var(--vxn-font-mono);font-variant-numeric:tabular-nums;}
.vxn-head{max-width:760px;}
.vxn-head .vxn-lead{margin-top:18px;}
.vxn-center{text-align:center;margin-inline:auto;}

.vxn-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;
  font-family:var(--vxn-font-display);font-weight:600;font-size:.96rem;letter-spacing:-.01em;
  padding:14px 24px;border-radius:13px;border:1px solid transparent;transition:transform .25s var(--vxn-ease),box-shadow .25s,background .25s;white-space:nowrap;}
.vxn-btn svg{width:18px;height:18px;}
.vxn-btn--primary{background:var(--vxn-grad-cta);color:var(--vxn-cta-ink);box-shadow:var(--vxn-glow-cta);}
.vxn-btn--primary:hover{transform:translateY(-2px);box-shadow:0 20px 50px -12px rgba(124,58,237,.7);}
.vxn-btn--ghost{background:rgba(var(--w),.03);border-color:var(--vxn-line-2);color:var(--vxn-ink);}
.vxn-btn--ghost:hover{transform:translateY(-2px);background:rgba(var(--w),.07);border-color:var(--vxn-cyan);}
.vxn-btn:focus-visible{outline:2px solid var(--vxn-cyan);outline-offset:3px;}

.vxn-chip{display:inline-flex;align-items:center;gap:8px;font-size:.82rem;font-weight:600;color:var(--vxn-ink-2);
  padding:7px 14px;border-radius:999px;background:rgba(var(--w),.04);border:1px solid var(--vxn-line);}
.vxn-chip .vxn-dot{width:6px;height:6px;border-radius:50%;background:var(--vxn-green);box-shadow:0 0 8px var(--vxn-green);}

.vxn-glass{position:relative;background:var(--vxn-glass);border:1px solid var(--vxn-glass-brd);
  border-radius:var(--vxn-r);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--vxn-shadow);}
.vxn-glass::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;pointer-events:none;
  background:linear-gradient(160deg,rgba(var(--w),.35),transparent 40%);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
          mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;mask-composite:exclude;opacity:.5;}

.vxn-card3d{transition:transform .4s var(--vxn-ease),box-shadow .4s;transform-style:preserve-3d;will-change:transform;}

.vxn-reveal{opacity:0;transform:translateY(28px);transition:opacity .8s var(--vxn-ease),transform .8s var(--vxn-ease);transition-delay:var(--d,0s);}
.vxn-reveal.is-in{opacity:1;transform:none;}

.vxn-skip{position:absolute;left:-9999px;top:0;z-index:200;background:var(--vxn-cyan);color:var(--vxn-cta-ink);
  padding:10px 16px;border-radius:0 0 10px 0;font-weight:700;}
.vxn-skip:focus{left:0;}

.vxn-scrim{position:fixed;inset:0;z-index:79;background:rgba(var(--mk),.55);opacity:0;visibility:hidden;
  -webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:opacity .35s,visibility .35s;}
.vxn-scrim.is-on{opacity:1;visibility:visible;}

.vxn-nav{position:fixed;top:14px;left:0;right:0;z-index:80;display:flex;justify-content:center;padding-inline:14px;}
.vxn-island{width:min(1120px,100%);background:linear-gradient(160deg,rgba(var(--mk),.78),rgba(var(--mk),.7));
  border:1px solid var(--vxn-glass-brd);border-radius:22px;overflow:hidden;
  -webkit-backdrop-filter:blur(16px) saturate(140%);backdrop-filter:blur(16px) saturate(140%);
  box-shadow:0 18px 50px -22px rgba(0,0,0,.8);
  transition:width .5s var(--vxn-ease),border-radius .5s,background .5s;}
.vxn-nav.is-contracted .vxn-island{width:min(880px,100%);background:linear-gradient(160deg,rgba(var(--mk),.92),rgba(var(--mk),.9));}
.vxn-bar{display:flex;align-items:center;gap:18px;padding:11px 14px 11px 18px;transition:padding .5s var(--vxn-ease);}
.vxn-nav.is-contracted .vxn-bar{padding:8px 12px 8px 16px;}

.vxn-brand{display:flex;align-items:center;gap:11px;flex-shrink:0;}
.vxn-mark{width:30px;height:30px;flex-shrink:0;transition:width .5s,height .5s;}
.vxn-nav.is-contracted .vxn-mark{width:26px;height:26px;}
.vxn-word{font-family:var(--vxn-font-display);font-weight:800;letter-spacing:.12em;font-size:1.02rem;color:var(--vxn-ink);}

.vxn-links{position:relative;display:flex;align-items:center;gap:2px;margin-inline:auto;}
.vxn-spot{position:absolute;top:50%;height:34px;border-radius:11px;transform:translateY(-50%);
  background:linear-gradient(160deg,rgba(var(--ln),.22),rgba(var(--ln),.08));border:1px solid var(--vxn-line);
  z-index:0;opacity:0;transition:left .38s var(--vxn-ease),width .38s var(--vxn-ease),opacity .3s;pointer-events:none;}
.vxn-link{position:relative;z-index:1;display:inline-flex;align-items:center;gap:6px;color:var(--vxn-ink-2);
  font-size:.92rem;font-weight:600;padding:8px 14px;border-radius:11px;background:none;border:0;transition:color .25s;}
.vxn-link:hover,.vxn-link[aria-expanded="true"]{color:var(--vxn-ink);}
.vxn-link .vxn-chev{width:14px;height:14px;transition:transform .3s;}
.vxn-link[aria-expanded="true"] .vxn-chev{transform:rotate(180deg);}
.vxn-link:focus-visible{outline:2px solid var(--vxn-cyan);outline-offset:2px;}

.vxn-actions{display:flex;align-items:center;gap:10px;flex-shrink:0;}
.vxn-cta{display:inline-flex;align-items:center;gap:7px;background:var(--vxn-grad-cta);color:var(--vxn-cta-ink);
  font-family:var(--vxn-font-display);font-weight:700;font-size:.88rem;padding:10px 17px;border-radius:11px;
  box-shadow:0 10px 26px -10px rgba(124,58,237,.6);transition:transform .25s,box-shadow .25s;border:0;}
.vxn-cta:hover{transform:translateY(-1px);box-shadow:0 14px 32px -8px rgba(124,58,237,.8);}
.vxn-cta:focus-visible{outline:2px solid #fff;outline-offset:2px;}

.vxn-burger{display:none;width:42px;height:38px;border-radius:11px;background:rgba(var(--w),.05);
  border:1px solid var(--vxn-line);align-items:center;justify-content:center;flex-direction:column;gap:4px;}
.vxn-burger span{width:18px;height:2px;background:var(--vxn-ink);border-radius:2px;transition:transform .3s,opacity .3s;}
.vxn-burger:focus-visible{outline:2px solid var(--vxn-cyan);outline-offset:2px;}

.vxn-canopy{max-height:0;opacity:0;padding:0 22px;transition:max-height .5s var(--vxn-ease),opacity .35s,padding .5s var(--vxn-ease);}
.vxn-island.is-open .vxn-canopy{max-height:420px;opacity:1;padding:4px 22px 22px;}
.vxn-canopy-top{height:1px;background:var(--vxn-line);margin-bottom:18px;}
.vxn-canopy-grid{display:grid;grid-template-columns:1fr 1fr 1.15fr;gap:22px;}
.vxn-col-title{font-family:var(--vxn-font-mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--vxn-muted);margin-bottom:12px;}
.vxn-col a{display:flex;align-items:center;gap:10px;color:var(--vxn-ink-2);font-size:.9rem;font-weight:600;padding:7px 9px;border-radius:9px;transition:background .2s,color .2s,transform .2s;opacity:0;transform:translateY(8px);}
.vxn-island.is-open .vxn-col a{opacity:1;transform:none;}
.vxn-island.is-open .vxn-col:nth-child(1) a{transition-delay:.05s;}
.vxn-island.is-open .vxn-col:nth-child(2) a{transition-delay:.12s;}
.vxn-col a:hover{background:rgba(var(--ln),.1);color:#fff;}
.vxn-col a i{width:8px;height:8px;border-radius:50%;background:var(--vxn-cyan);box-shadow:0 0 8px var(--vxn-cyan);flex-shrink:0;}
.vxn-col a.h i{background:var(--vxn-green);box-shadow:0 0 8px var(--vxn-green);}
.vxn-rail{background:var(--vxn-grad-violet);border-radius:16px;padding:18px;display:flex;flex-direction:column;justify-content:center;opacity:0;transform:translateY(8px);transition:opacity .4s .18s,transform .4s .18s;}
.vxn-island.is-open .vxn-rail{opacity:1;transform:none;}
.vxn-rail h4{font-family:var(--vxn-font-display);font-size:1.05rem;color:#fff;margin:0 0 6px;}
.vxn-rail p{font-size:.82rem;color:rgba(var(--w),.85);margin:0 0 14px;}
.vxn-rail a{align-self:flex-start;background:#fff;color:#1a1340;font-weight:700;font-size:.82rem;padding:9px 15px;border-radius:10px;}

.vxn-overlay{position:fixed;inset:0;z-index:90;background:linear-gradient(180deg,var(--vxn-void),var(--vxn-void));
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transform:translateY(-100%);transition:transform .5s var(--vxn-ease);
  display:flex;flex-direction:column;padding:22px;overflow-y:auto;}
.vxn-overlay.is-open{transform:none;}
.vxn-ov-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:36px;}
.vxn-ov-close{width:42px;height:42px;border-radius:12px;background:rgba(var(--w),.05);border:1px solid var(--vxn-line);color:var(--vxn-ink);font-size:1.4rem;display:flex;align-items:center;justify-content:center;}
.vxn-ov-body{display:flex;flex-direction:column;gap:6px;}
.vxn-ov-link{font-family:var(--vxn-font-display);font-weight:700;font-size:1.8rem;color:var(--vxn-ink);padding:14px 4px;border-bottom:1px solid var(--vxn-line);display:flex;align-items:center;justify-content:space-between;
  opacity:0;transform:translateX(-18px);transition:opacity .5s,transform .5s;}
.vxn-overlay.is-open .vxn-ov-link{opacity:1;transform:none;}
.vxn-overlay.is-open .vxn-ov-link:nth-child(1){transition-delay:.08s;}
.vxn-overlay.is-open .vxn-ov-link:nth-child(2){transition-delay:.14s;}
.vxn-overlay.is-open .vxn-ov-link:nth-child(3){transition-delay:.2s;}
.vxn-overlay.is-open .vxn-ov-link:nth-child(4){transition-delay:.26s;}
.vxn-overlay.is-open .vxn-ov-link:nth-child(5){transition-delay:.32s;}
.vxn-ov-sub{display:none;flex-direction:column;gap:2px;padding:6px 4px 14px;}
.vxn-ov-sub.is-open{display:flex;}
.vxn-ov-sub a{color:var(--vxn-muted);font-size:1.05rem;font-weight:600;padding:8px 0;}
.vxn-ov-cta{margin-top:26px;}

@media(max-width:920px){
  .vxn-links{display:none;}
  .vxn-burger{display:flex;}
  .vxn-actions .vxn-cta{display:none;}
}
@media(min-width:921px){ .vxn-overlay{display:none!important;} }

/* ============================ HERO ============================ */
.vxn-hero{position:relative;min-height:100svh;display:flex;align-items:center;padding-top:130px;padding-bottom:64px;overflow:hidden;}
.vxn-hero-bg{position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.9;}
.vxn-hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.04fr .96fr;gap:46px;align-items:center;width:100%;}
.vxn-hero-copy{max-width:600px;}
.vxn-hero h1{margin:18px 0 0;}
.vxn-hero h1 .ln{display:block;}
.vxn-hero .vxn-lead{margin-top:22px;}
.vxn-hero-cta{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px;}
.vxn-hero-trust{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px;}

.vxn-engine{position:relative;width:100%;aspect-ratio:1/.86;max-width:560px;margin-inline:auto;}
.vxn-engine canvas{position:absolute;inset:0;width:100%;height:100%;}
.vxn-dash{position:absolute;right:-6px;bottom:-14px;width:min(252px,72%);padding:16px 16px 14px;border-radius:16px;z-index:3;}
.vxn-dash-h{display:flex;align-items:center;gap:8px;font-family:var(--vxn-font-mono);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--vxn-muted);margin-bottom:12px;}
.vxn-dash-h .live{width:7px;height:7px;border-radius:50%;background:var(--vxn-green);box-shadow:0 0 9px var(--vxn-green);animation:vxn-pulse 1.8s infinite;}
.vxn-dash-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 14px;}
.vxn-dash-cell .k{font-size:10px;letter-spacing:.04em;color:var(--vxn-faint);text-transform:uppercase;font-weight:600;}
.vxn-dash-cell .v{font-family:var(--vxn-font-mono);font-weight:700;font-size:1.18rem;color:var(--vxn-ink);line-height:1.2;font-variant-numeric:tabular-nums;}
.vxn-dash-cell .v.c{color:var(--vxn-cyan);} .vxn-dash-cell .v.g{color:var(--vxn-green);}
@keyframes vxn-pulse{0%,100%{opacity:1;transform:scale(1);}50%{opacity:.45;transform:scale(.82);}}

/* ============================ PROBLEM / LEAK FUNNEL ============================ */
.vxn-leak-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:46px;align-items:center;margin-top:48px;}
.vxn-funnel-stage{position:relative;width:100%;max-width:440px;margin-inline:auto;}
.vxn-funnel-stage svg{width:100%;height:auto;overflow:visible;}
.vxn-leak-rows{display:flex;flex-direction:column;gap:10px;}
.vxn-leak-row{display:flex;gap:14px;align-items:flex-start;padding:15px 16px;border-radius:14px;border:1px solid var(--vxn-line);
  background:rgba(var(--w),.018);cursor:pointer;transition:border-color .3s,background .3s,transform .3s;text-align:left;width:100%;}
.vxn-leak-row:hover{transform:translateX(4px);}
.vxn-leak-row.is-active{border-color:rgba(244,63,94,.55);background:rgba(244,63,94,.07);}
.vxn-leak-num{font-family:var(--vxn-font-mono);font-size:.8rem;color:var(--vxn-red);font-weight:700;width:26px;height:26px;border-radius:8px;
  background:rgba(244,63,94,.12);display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px;}
.vxn-leak-row.is-active .vxn-leak-num{background:var(--vxn-red);color:#180408;}
.vxn-leak-txt h4{font-family:var(--vxn-font-display);font-size:1rem;color:var(--vxn-ink);margin:0 0 3px;}
.vxn-leak-txt p{margin:0;font-size:.88rem;color:var(--vxn-muted);}
.vxn-leak-foot{margin-top:22px;font-size:.95rem;color:var(--vxn-ink-2);border-left:2px solid var(--vxn-cyan);padding-left:16px;}

/* ============================ METHOD (10-step journey) ============================ */
.vxn-method-rail{position:relative;display:flex;gap:14px;overflow-x:auto;padding:30px 4px 18px;margin-top:38px;scroll-snap-type:x mandatory;
  -ms-overflow-style:none;scrollbar-width:thin;scrollbar-color:var(--vxn-line-2) transparent;}
.vxn-method-rail::-webkit-scrollbar{height:6px;}
.vxn-method-rail::-webkit-scrollbar-thumb{background:var(--vxn-line-2);border-radius:6px;}
.vxn-mprogress{position:absolute;top:14px;left:4px;right:4px;height:2px;background:var(--vxn-line);border-radius:2px;overflow:hidden;}
.vxn-mprogress i{position:absolute;inset:0;width:0;background:var(--vxn-grad-cta);box-shadow:0 0 12px rgba(192,132,252,.6);transition:width 1.4s var(--vxn-ease);}
.vxn-mstep{position:relative;scroll-snap-align:start;flex:0 0 auto;width:172px;padding:18px 16px 16px;border-radius:16px;}
.vxn-mstep .n{position:absolute;top:-11px;left:16px;font-family:var(--vxn-font-mono);font-size:.7rem;font-weight:700;color:var(--vxn-cyan);
  background:var(--vxn-deep);border:1px solid var(--vxn-line);padding:3px 7px;border-radius:7px;}
.vxn-mstep .ic{width:38px;height:38px;border-radius:11px;background:rgba(var(--ln),.1);display:flex;align-items:center;justify-content:center;margin-bottom:12px;color:var(--vxn-cyan);}
.vxn-mstep .ic svg{width:20px;height:20px;}
.vxn-mstep h4{font-family:var(--vxn-font-display);font-size:1rem;color:var(--vxn-ink);margin:0 0 6px;}
.vxn-mstep p{margin:0;font-size:.82rem;color:var(--vxn-muted);line-height:1.5;}
.vxn-mstep::after{content:"";position:absolute;right:-9px;top:54px;width:14px;height:14px;border-top:2px solid var(--vxn-line-2);border-right:2px solid var(--vxn-line-2);transform:rotate(45deg);opacity:.7;}
.vxn-mstep:last-child::after{display:none;}

/* ============================ STRATEGY BOARD ============================ */
.vxn-board-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:46px;align-items:center;margin-top:46px;}
.vxn-board{position:relative;aspect-ratio:1;width:100%;max-width:480px;margin-inline:auto;border-radius:24px;overflow:hidden;
  background:linear-gradient(160deg,rgba(var(--mk),.9),rgba(var(--mk),.92));border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);}
.vxn-board::before{content:"";position:absolute;inset:0;opacity:.5;
  background-image:repeating-conic-gradient(rgba(var(--ln),.05) 0% 25%,transparent 0% 50%);background-size:25% 25%;}
.vxn-board::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 45%,transparent 30%,rgba(var(--mk),.55) 100%);}
.vxn-piece{position:absolute;width:21%;aspect-ratio:1;transform:translate(-50%,-50%) scale(.3);opacity:0;
  transition:transform .9s var(--vxn-ease),opacity .7s;left:var(--x);top:var(--y);z-index:2;cursor:default;}
.vxn-board.is-placed .vxn-piece{transform:translate(-50%,-50%) scale(1);opacity:1;}
.vxn-piece-disc{position:absolute;inset:0;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;
  background:radial-gradient(circle at 35% 28%,rgba(var(--w),.22),rgba(var(--w),.03) 60%),linear-gradient(160deg,rgba(var(--mk),.9),rgba(var(--mk),.95));
  border:1px solid rgba(var(--w),.16);box-shadow:0 10px 24px -8px rgba(0,0,0,.7),inset 0 1px 1px rgba(var(--w),.25);
  transition:transform .3s,box-shadow .3s;}
.vxn-piece:hover .vxn-piece-disc{transform:translateY(-4px) scale(1.05);box-shadow:0 16px 30px -8px var(--pc,rgba(192,132,252,.5)),inset 0 1px 1px rgba(var(--w),.3);}
.vxn-piece-disc svg{width:34%;height:34%;color:var(--pc,var(--vxn-cyan));}
.vxn-piece-lbl{font-family:var(--vxn-font-mono);font-size:.5rem;letter-spacing:.04em;color:var(--vxn-ink-2);text-transform:uppercase;font-weight:700;}
.vxn-piece-glow{position:absolute;inset:-30%;border-radius:50%;background:radial-gradient(circle,var(--pc,rgba(192,132,252,.4)),transparent 65%);opacity:.4;filter:blur(6px);z-index:-1;}
.vxn-tip{position:absolute;left:50%;bottom:112%;transform:translateX(-50%) translateY(6px);width:max-content;max-width:180px;
  background:rgba(var(--mk),.96);border:1px solid var(--vxn-line-2);border-radius:10px;padding:9px 12px;font-size:.74rem;color:var(--vxn-ink-2);line-height:1.45;
  opacity:0;visibility:hidden;transition:opacity .25s,transform .25s,visibility .25s;z-index:5;box-shadow:0 12px 30px -10px rgba(0,0,0,.8);pointer-events:none;}
.vxn-tip b{color:var(--pc,var(--vxn-cyan));font-family:var(--vxn-font-display);}
.vxn-piece:hover .vxn-tip{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0);}
.vxn-legend{display:flex;flex-direction:column;gap:8px;margin-top:26px;}
.vxn-lrow{display:flex;align-items:center;gap:12px;padding:11px 14px;border-radius:12px;border:1px solid var(--vxn-line);background:rgba(var(--w),.018);transition:background .25s,border-color .25s;cursor:default;}
.vxn-lrow:hover{background:rgba(var(--ln),.06);border-color:var(--vxn-line-2);}
.vxn-lrow .sw{width:12px;height:12px;border-radius:50%;flex-shrink:0;box-shadow:0 0 10px currentColor;}
.vxn-lrow b{font-family:var(--vxn-font-display);color:var(--vxn-ink);font-size:.92rem;min-width:74px;}
.vxn-lrow span{font-size:.85rem;color:var(--vxn-muted);}

/* ============================ INDUSTRY JOURNEYS (health / hospitality) ============================ */
.vxn-jintro{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap;}
.vxn-journey{position:relative;margin:46px 0 40px;padding:34px 12px 30px;border-radius:20px;}
.vxn-jtrack{position:relative;display:flex;justify-content:space-between;gap:8px;padding-top:8px;}
.vxn-jline{position:absolute;top:30px;left:5%;right:5%;height:2px;background:var(--vxn-line);border-radius:2px;}
.vxn-jline i{position:absolute;inset:0;width:0;background:linear-gradient(90deg,var(--ac1),var(--ac2));box-shadow:0 0 10px var(--ac2);transition:width 1.8s var(--vxn-ease);}
.vxn-jnode{position:relative;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;flex:1;min-width:0;z-index:2;}
.vxn-jdot{width:46px;height:46px;border-radius:14px;background:var(--vxn-deep);border:1px solid var(--vxn-line-2);display:flex;align-items:center;justify-content:center;color:var(--ac2,var(--vxn-cyan));transition:box-shadow .4s,border-color .4s,transform .4s;}
.vxn-jdot svg{width:21px;height:21px;}
.vxn-journey.is-in .vxn-jnode:nth-child(1) .vxn-jdot{box-shadow:0 0 0 4px rgba(192,132,252,.08),0 0 20px -4px var(--ac2);border-color:var(--ac2);}
.vxn-jlabel{font-size:.78rem;font-weight:600;color:var(--vxn-ink-2);line-height:1.3;max-width:90px;}
.vxn-jsub{font-family:var(--vxn-font-mono);font-size:.62rem;letter-spacing:.04em;color:var(--vxn-faint);text-transform:uppercase;}
.vxn-token{position:absolute;top:30px;left:5%;width:18px;height:18px;border-radius:50%;transform:translate(-50%,-50%);z-index:3;
  background:radial-gradient(circle at 35% 30%,#fff,var(--ac2));box-shadow:0 0 16px var(--ac2);}
.vxn-journey.is-in .vxn-token{animation:vxn-ride 7s var(--vxn-ease) .4s infinite;}
@keyframes vxn-ride{0%{left:5%;}12%{left:5%;}22%{left:24%;}34%{left:24%;}44%{left:50%;}56%{left:50%;}66%{left:76%;}78%{left:76%;}88%{left:95%;}100%{left:95%;}}
.vxn-cap-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(225px,1fr));gap:16px;margin-top:6px;}
.vxn-cap{padding:20px 18px;border-radius:16px;transition:transform .35s var(--vxn-ease),border-color .35s;}
.vxn-cap:hover{transform:translateY(-5px);}
.vxn-cap .ic{width:40px;height:40px;border-radius:11px;display:flex;align-items:center;justify-content:center;margin-bottom:13px;
  background:rgba(192,132,252,.1);color:var(--ac2,var(--vxn-cyan));}
.vxn-cap .ic svg{width:21px;height:21px;}
.vxn-cap h4{font-family:var(--vxn-font-display);font-size:1.02rem;color:var(--vxn-ink);margin:0 0 7px;}
.vxn-cap p{margin:0;font-size:.86rem;color:var(--vxn-muted);}
.vxn-note{display:inline-flex;align-items:center;gap:8px;margin-top:24px;font-size:.8rem;color:var(--vxn-faint);font-family:var(--vxn-font-mono);}
.vxn-note::before{content:"";width:14px;height:1px;background:var(--vxn-faint);}

/* ============================ SEO WALKTHROUGH ============================ */
.vxn-seo-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:42px;align-items:center;margin-top:46px;}
.vxn-query-chips{display:flex;flex-wrap:wrap;gap:9px;margin:22px 0 26px;}
.vxn-qchip{font-size:.82rem;font-weight:600;color:var(--vxn-ink-2);padding:8px 14px;border-radius:10px;border:1px solid var(--vxn-line);background:rgba(var(--w),.02);transition:all .25s;}
.vxn-qchip.is-on{border-color:transparent;background:linear-gradient(135deg,#7c3aed,#a855f7);color:#fff;box-shadow:0 6px 16px -6px rgba(124,58,237,.55);}
.vxn-seo-labels{display:flex;flex-direction:column;gap:9px;}
.vxn-seolab{display:flex;align-items:center;gap:11px;font-size:.88rem;color:var(--vxn-faint);transition:color .3s;}
.vxn-seolab .tick{width:20px;height:20px;border-radius:6px;border:1px solid var(--vxn-line-2);display:flex;align-items:center;justify-content:center;transition:all .3s;}
.vxn-seolab .tick svg{width:12px;height:12px;opacity:0;transition:opacity .3s;}
.vxn-seolab.is-lit{color:var(--vxn-ink);}
.vxn-seolab.is-lit .tick{background:var(--vxn-green);border-color:var(--vxn-green);}
.vxn-seolab.is-lit .tick svg{opacity:1;color:#04140d;}

.vxn-browser{position:relative;border-radius:16px;overflow:hidden;border:1px solid var(--vxn-glass-brd);
  background:linear-gradient(180deg,rgba(var(--mk),.96),rgba(var(--mk),.98));box-shadow:var(--vxn-shadow);min-height:430px;}
.vxn-bbar{display:flex;align-items:center;gap:8px;padding:11px 14px;border-bottom:1px solid var(--vxn-line);background:rgba(var(--w),.02);}
.vxn-bdots{display:flex;gap:6px;}
.vxn-bdots i{width:10px;height:10px;border-radius:50%;background:rgba(var(--w),.18);}
.vxn-burl{flex:1;display:flex;align-items:center;gap:8px;background:rgba(0,0,0,.3);border:1px solid var(--vxn-line);border-radius:9px;padding:6px 12px;font-family:var(--vxn-font-mono);font-size:.76rem;color:var(--vxn-muted);}
.vxn-burl svg{width:12px;height:12px;color:var(--vxn-green);}
.vxn-bbody{position:relative;padding:22px;min-height:380px;}
.vxn-seo-screen{position:absolute;inset:0;padding:24px;opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .5s,transform .5s,visibility .5s;}
.vxn-seo-screen.is-on{opacity:1;visibility:visible;transform:none;}
.vxn-search-box{display:flex;align-items:center;gap:12px;background:#fff;border-radius:999px;padding:14px 22px;box-shadow:0 8px 30px -8px rgba(0,0,0,.5);max-width:440px;margin:60px auto 0;}
.vxn-search-box svg{width:20px;height:20px;color:#5f6368;flex-shrink:0;}
.vxn-search-q{font-family:var(--vxn-font-body);font-size:1.02rem;color:#202124;font-weight:500;}
.vxn-search-q .car{display:inline-block;width:2px;height:1.05em;background:#4285f4;margin-left:1px;vertical-align:-2px;animation:vxn-blink 1s step-end infinite;}
@keyframes vxn-blink{50%{opacity:0;}}
.vxn-search-hint{text-align:center;color:var(--vxn-faint);font-size:.82rem;margin-top:22px;}
.vxn-serp{display:grid;grid-template-columns:1.4fr .9fr;gap:18px;}
.vxn-serp-list{display:flex;flex-direction:column;gap:11px;}
.vxn-result{padding:13px 15px;border-radius:12px;border:1px solid var(--vxn-line);background:rgba(var(--w),.025);transition:transform .6s var(--vxn-ease),border-color .5s,background .5s;}
.vxn-result .u{font-size:.72rem;color:var(--vxn-green);font-family:var(--vxn-font-mono);}
.vxn-result .t{font-family:var(--vxn-font-display);font-size:.98rem;color:var(--vxn-blue-2);margin:3px 0 5px;}
.vxn-result .d{font-size:.78rem;color:var(--vxn-muted);}
.vxn-result.is-win{border-color:var(--vxn-cyan);background:rgba(192,132,252,.08);box-shadow:0 0 0 1px rgba(192,132,252,.3),0 14px 30px -12px rgba(192,132,252,.4);}
.vxn-result .badges{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px;opacity:0;max-height:0;overflow:hidden;transition:opacity .5s,max-height .5s;}
.vxn-result.is-win .badges{opacity:1;max-height:50px;}
.vxn-badge{font-size:.66rem;font-weight:700;padding:3px 8px;border-radius:6px;background:rgba(16,185,129,.14);color:var(--vxn-green);}
.vxn-badge.star{background:rgba(245,158,11,.16);color:var(--vxn-amber);}
.vxn-mappack{border-radius:12px;border:1px solid var(--vxn-line);background:linear-gradient(160deg,rgba(124,58,237,.18),rgba(91,33,182,.1));position:relative;overflow:hidden;min-height:180px;padding:12px;}
.vxn-mappack .ml{font-family:var(--vxn-font-mono);font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;color:var(--vxn-muted);margin-bottom:8px;}
.vxn-pin{position:absolute;width:22px;height:22px;}
.vxn-pin svg{width:100%;height:100%;color:var(--vxn-faint);}
.vxn-pin.win svg{color:var(--vxn-cyan);filter:drop-shadow(0 0 8px var(--vxn-cyan));}
.vxn-pin.win{animation:vxn-bob 2s ease-in-out infinite;}
@keyframes vxn-bob{0%,100%{transform:translateY(0);}50%{transform:translateY(-5px);}}
.vxn-landing{max-width:430px;margin:0 auto;}
.vxn-landing .lh{font-family:var(--vxn-font-display);font-size:1.15rem;color:var(--vxn-ink);font-weight:700;margin-bottom:6px;}
.vxn-landing .lp{font-size:.84rem;color:var(--vxn-muted);margin-bottom:16px;}
.vxn-lform{display:flex;flex-direction:column;gap:10px;background:rgba(var(--w),.03);border:1px solid var(--vxn-line);border-radius:14px;padding:16px;}
.vxn-lfield{height:38px;border-radius:9px;background:rgba(0,0,0,.25);border:1px solid var(--vxn-line);display:flex;align-items:center;padding:0 13px;font-size:.82rem;color:var(--vxn-muted);}
.vxn-lbtn{height:40px;border-radius:9px;background:var(--vxn-grad-cta);color:var(--vxn-cta-ink);font-weight:700;display:flex;align-items:center;justify-content:center;font-size:.88rem;}
.vxn-crm-toast{display:flex;align-items:center;gap:10px;margin-top:14px;padding:11px 14px;border-radius:11px;background:rgba(16,185,129,.1);border:1px solid rgba(16,185,129,.4);
  font-size:.84rem;color:var(--vxn-green);font-weight:600;opacity:0;transform:translateY(8px);transition:opacity .5s .3s,transform .5s .3s;}
.vxn-seo-screen.is-on .vxn-crm-toast{opacity:1;transform:none;}
.vxn-crm-toast svg{width:18px;height:18px;}
.vxn-steps-dots{display:flex;gap:8px;justify-content:center;margin-top:18px;}
.vxn-sdot{width:9px;height:9px;border-radius:50%;background:var(--vxn-line-2);transition:all .3s;border:0;padding:0;}
.vxn-sdot.is-on{background:var(--vxn-cyan);box-shadow:0 0 10px var(--vxn-cyan);width:26px;border-radius:5px;}

/* ============================ PAID ADS ============================ */
.vxn-ads-grid{display:grid;grid-template-columns:1fr 1fr;gap:42px;align-items:center;margin-top:46px;}
.vxn-adstack{display:flex;flex-direction:column;gap:14px;}
.vxn-adcard{position:relative;padding:15px 16px;border-radius:14px;overflow:hidden;}
.vxn-adcard .tag{display:inline-flex;align-items:center;gap:6px;font-size:.68rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--vxn-cyan);margin-bottom:9px;}
.vxn-adcard .tag .pl{width:7px;height:7px;border-radius:2px;background:var(--vxn-cyan);}
.vxn-adcard h5{font-family:var(--vxn-font-display);font-size:.98rem;color:var(--vxn-ink);margin:0 0 4px;}
.vxn-adcard p{margin:0 0 11px;font-size:.8rem;color:var(--vxn-muted);}
.vxn-adcard .row{display:flex;align-items:center;justify-content:space-between;}
.vxn-adcard .cta-mini{font-size:.76rem;font-weight:700;color:var(--vxn-cta-ink);background:var(--vxn-grad-cta);padding:6px 12px;border-radius:8px;}
.vxn-adcard .meta{font-family:var(--vxn-font-mono);font-size:.72rem;color:var(--vxn-faint);}
.vxn-ripple{position:absolute;width:14px;height:14px;border-radius:50%;background:var(--vxn-cyan);pointer-events:none;opacity:0;}
.vxn-flow{padding:22px;border-radius:18px;}
.vxn-flow-h{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;}
.vxn-flow-h .lab{font-family:var(--vxn-font-mono);font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;color:var(--vxn-muted);}
.vxn-frow{margin-bottom:15px;}
.vxn-frow .top{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:6px;}
.vxn-frow .k{font-size:.84rem;color:var(--vxn-ink-2);font-weight:600;}
.vxn-frow .v{font-family:var(--vxn-font-mono);font-weight:700;font-size:1.05rem;color:var(--vxn-ink);}
.vxn-frow .v.hl{color:var(--vxn-cyan);} .vxn-frow .v.gr{color:var(--vxn-green);}
.vxn-fbar{height:8px;border-radius:5px;background:rgba(var(--w),.05);overflow:hidden;}
.vxn-fbar i{display:block;height:100%;width:0;border-radius:5px;background:var(--vxn-grad-cta);transition:width 1.4s var(--vxn-ease);}
.vxn-fbar i.g{background:linear-gradient(90deg,var(--vxn-green),var(--vxn-cyan));}
.vxn-cpl{margin-top:6px;display:flex;align-items:center;gap:12px;}
.vxn-cpl svg{flex:1;height:46px;}
.vxn-cpl .cv{font-family:var(--vxn-font-mono);font-size:.8rem;color:var(--vxn-green);font-weight:700;}

/* ============================ WEBSITE BEFORE/AFTER ============================ */
.vxn-web-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:42px;align-items:center;margin-top:46px;}
.vxn-ba{position:relative;aspect-ratio:16/11;border-radius:18px;overflow:hidden;border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);
  --pos:50%;user-select:none;touch-action:pan-y;}
.vxn-ba-layer{position:absolute;inset:0;padding:20px;display:flex;flex-direction:column;}
.vxn-ba-after{background:linear-gradient(160deg,#0c1430,#0a1126);}
.vxn-ba-before{background:linear-gradient(160deg,#161922,#101319);clip-path:inset(0 calc(100% - var(--pos)) 0 0);}
.vxn-ba-tag{position:absolute;top:14px;font-family:var(--vxn-font-mono);font-size:.64rem;letter-spacing:.1em;text-transform:uppercase;padding:5px 10px;border-radius:7px;z-index:4;}
.vxn-ba-before .vxn-ba-tag{left:14px;background:rgba(244,63,94,.16);color:var(--vxn-red);}
.vxn-ba-after .vxn-ba-tag{right:14px;background:rgba(16,185,129,.16);color:var(--vxn-green);}
.vxn-ba-handle{position:absolute;top:0;bottom:0;left:var(--pos);width:2px;background:var(--vxn-cyan);box-shadow:0 0 14px var(--vxn-cyan);z-index:5;transform:translateX(-1px);}
.vxn-ba-knob{position:absolute;top:50%;left:var(--pos);transform:translate(-50%,-50%);width:38px;height:38px;border-radius:50%;background:var(--vxn-deep);border:2px solid var(--vxn-cyan);display:flex;align-items:center;justify-content:center;z-index:6;box-shadow:0 6px 18px -4px rgba(0,0,0,.6);}
.vxn-ba-knob svg{width:18px;height:18px;color:var(--vxn-cyan);}
.vxn-ba input[type=range]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;z-index:7;margin:0;}
.vxn-mock-head{height:14px;width:55%;border-radius:4px;background:rgba(var(--w),.18);margin-bottom:10px;}
.vxn-mock-line{height:8px;border-radius:4px;background:rgba(var(--w),.08);margin-bottom:7px;}
.vxn-mock-cta{margin-top:auto;height:34px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:.74rem;font-weight:700;}
.vxn-mock-cta.weak{background:rgba(var(--w),.08);color:var(--vxn-muted);width:40%;}
.vxn-mock-cta.strong{background:var(--vxn-grad-cta);color:var(--vxn-cta-ink);width:70%;box-shadow:0 8px 22px -6px rgba(124,58,237,.6);}
.vxn-mock-badges{display:flex;gap:6px;margin-top:10px;}
.vxn-mock-badges span{height:18px;flex:1;border-radius:5px;background:rgba(16,185,129,.18);}
.vxn-web-compare{display:grid;grid-template-columns:1fr;gap:8px;}
.vxn-wc-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:center;padding:11px 14px;border-radius:11px;border:1px solid var(--vxn-line);background:rgba(var(--w),.015);}
.vxn-wc-b,.vxn-wc-a{display:flex;align-items:center;gap:8px;font-size:.82rem;}
.vxn-wc-b{color:var(--vxn-muted);} .vxn-wc-a{color:var(--vxn-ink-2);font-weight:600;}
.vxn-wc-b svg,.vxn-wc-a svg{width:15px;height:15px;flex-shrink:0;}
.vxn-wc-b svg{color:var(--vxn-red);} .vxn-wc-a svg{color:var(--vxn-green);}

/* ============================ CRM + AUTOMATION ============================ */
.vxn-crm-pipe{position:relative;display:flex;justify-content:space-between;gap:6px;margin:46px 0 30px;padding-top:10px;}
.vxn-crm-line{position:absolute;top:34px;left:4%;right:4%;height:2px;background:var(--vxn-line);}
.vxn-crm-line i{position:absolute;inset:0;width:0;background:linear-gradient(90deg,var(--vxn-violet),var(--vxn-cyan));box-shadow:0 0 10px var(--vxn-cyan);transition:width .5s linear;}
.vxn-cnode{position:relative;flex:1;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;z-index:2;min-width:0;}
.vxn-cring{width:50px;height:50px;border-radius:15px;background:var(--vxn-deep);border:1px solid var(--vxn-line-2);display:flex;align-items:center;justify-content:center;color:var(--vxn-muted);transition:all .4s;}
.vxn-cring svg{width:22px;height:22px;}
.vxn-cnode.is-done .vxn-cring{border-color:var(--vxn-green);color:var(--vxn-green);box-shadow:0 0 18px -4px var(--vxn-green);}
.vxn-cnode.is-active .vxn-cring{border-color:var(--vxn-cyan);color:var(--vxn-cyan);box-shadow:0 0 0 4px rgba(192,132,252,.1),0 0 22px -2px var(--vxn-cyan);transform:scale(1.08);}
.vxn-clabel{font-size:.74rem;font-weight:600;color:var(--vxn-ink-2);max-width:84px;line-height:1.3;}
.vxn-lead-chip{position:absolute;top:-8px;left:4%;transform:translateX(-50%);display:flex;align-items:center;gap:7px;
  background:rgba(var(--mk),.96);border:1px solid var(--vxn-cyan);border-radius:999px;padding:5px 12px 5px 8px;font-size:.74rem;font-weight:700;color:var(--vxn-ink);
  box-shadow:0 8px 22px -6px rgba(192,132,252,.5);z-index:4;transition:left .6s var(--vxn-ease);white-space:nowrap;}
.vxn-lead-chip .av{width:18px;height:18px;border-radius:50%;background:var(--vxn-grad-violet);display:flex;align-items:center;justify-content:center;font-size:.6rem;color:#fff;}
.vxn-recover{margin-top:14px;display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:18px;border-radius:16px;}
.vxn-recover .rt{font-family:var(--vxn-font-mono);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--vxn-amber);width:100%;margin-bottom:4px;}
.vxn-rstep{display:flex;align-items:center;gap:8px;font-size:.84rem;font-weight:600;color:var(--vxn-ink-2);padding:9px 14px;border-radius:10px;border:1px solid var(--vxn-line);background:rgba(var(--w),.02);opacity:.4;transition:opacity .4s,border-color .4s,transform .4s;}
.vxn-rstep.is-on{opacity:1;border-color:var(--vxn-amber);transform:translateY(-2px);}
.vxn-rstep svg{width:16px;height:16px;color:var(--vxn-amber);}
.vxn-rarrow{color:var(--vxn-faint);}
.vxn-rarrow svg{width:16px;height:16px;}

/* ============================ EXCLUSIVITY (territory lock) ============================ */
.vxn-excl-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:46px;align-items:center;margin-top:40px;}
.vxn-map{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:22px;border-radius:20px;}
.vxn-cell{position:relative;aspect-ratio:1;border-radius:14px;border:1px solid var(--vxn-line);background:rgba(var(--w),.02);
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;text-align:center;padding:8px;transition:all .5s;overflow:hidden;}
.vxn-cell .cl{font-size:.66rem;font-weight:600;color:var(--vxn-muted);line-height:1.25;}
.vxn-cell .ci{width:22px;height:22px;color:var(--vxn-faint);transition:color .4s;}
.vxn-cell .ci svg{width:100%;height:100%;}
.vxn-cell.is-taken{opacity:.4;}
.vxn-cell.is-taken .stamp{position:absolute;font-family:var(--vxn-font-mono);font-size:.6rem;letter-spacing:.1em;color:var(--vxn-red);border:1px solid var(--vxn-red);padding:2px 6px;border-radius:5px;transform:rotate(-12deg);opacity:0;transition:opacity .5s;}
.vxn-cell.is-taken.show .stamp{opacity:.85;}
.vxn-cell.is-yours{border-color:var(--vxn-cyan);background:linear-gradient(160deg,rgba(192,132,252,.14),rgba(192,132,252,.04));box-shadow:0 0 0 1px rgba(192,132,252,.4),0 14px 34px -12px rgba(192,132,252,.5);}
.vxn-cell.is-yours .ci{color:var(--vxn-cyan);}
.vxn-cell.is-yours .cl{color:#fff;}
.vxn-lock{opacity:0;transform:scale(.5);transition:opacity .4s,transform .4s;}
.vxn-cell.is-yours.locked .vxn-lock{opacity:1;transform:scale(1);}
.vxn-sweep{position:absolute;inset:0;pointer-events:none;border-radius:20px;overflow:hidden;}
.vxn-sweep::before{content:"";position:absolute;top:-50%;left:-50%;width:60%;height:200%;
  background:linear-gradient(90deg,transparent,rgba(192,132,252,.12),transparent);transform:rotate(18deg);animation:vxn-scan 5s linear infinite;}
@keyframes vxn-scan{0%{left:-60%;}100%{left:120%;}}
.vxn-excl-pts{display:flex;flex-direction:column;gap:12px;margin:24px 0;}
.vxn-ep{display:flex;gap:12px;align-items:flex-start;}
.vxn-ep .epi{width:34px;height:34px;border-radius:10px;background:rgba(192,132,252,.1);color:var(--vxn-cyan);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.vxn-ep .epi svg{width:18px;height:18px;}
.vxn-ep b{font-family:var(--vxn-font-display);color:var(--vxn-ink);font-size:.95rem;display:block;}
.vxn-ep span{font-size:.85rem;color:var(--vxn-muted);}

/* ============================ REPORTING DASHBOARD ============================ */
.vxn-dashboard{margin-top:46px;padding:26px;border-radius:24px;}
.vxn-db-top{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:22px;}
.vxn-db-title{display:flex;align-items:center;gap:12px;}
.vxn-db-title .dt{font-family:var(--vxn-font-display);font-weight:700;color:var(--vxn-ink);font-size:1.05rem;}
.vxn-db-title .live{display:inline-flex;align-items:center;gap:7px;font-family:var(--vxn-font-mono);font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;color:var(--vxn-green);}
.vxn-db-title .live i{width:7px;height:7px;border-radius:50%;background:var(--vxn-green);box-shadow:0 0 9px var(--vxn-green);animation:vxn-pulse 1.8s infinite;}
.vxn-db-range{display:flex;gap:6px;}
.vxn-db-range span{font-size:.72rem;font-weight:600;color:var(--vxn-muted);padding:6px 11px;border-radius:8px;border:1px solid var(--vxn-line);}
.vxn-db-range span.on{background:rgba(192,132,252,.12);color:#fff;border-color:var(--vxn-cyan);}
.vxn-kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:13px;margin-bottom:18px;}
.vxn-kpi{padding:15px 16px;border-radius:14px;border:1px solid var(--vxn-line);background:rgba(var(--w),.02);}
.vxn-kpi .k{font-size:.72rem;color:var(--vxn-faint);font-weight:600;text-transform:uppercase;letter-spacing:.03em;margin-bottom:7px;display:flex;align-items:center;gap:6px;}
.vxn-kpi .k svg{width:13px;height:13px;}
.vxn-kpi .v{font-family:var(--vxn-font-mono);font-weight:700;font-size:1.4rem;color:var(--vxn-ink);line-height:1.1;font-variant-numeric:tabular-nums;}
.vxn-kpi .v.c{color:var(--vxn-cyan);} .vxn-kpi .v.g{color:var(--vxn-green);} .vxn-kpi .v.a{color:var(--vxn-amber);}
.vxn-kpi .delta{font-size:.72rem;font-weight:700;margin-top:4px;}
.vxn-kpi .delta.up{color:var(--vxn-green);} .vxn-kpi .delta.down{color:var(--vxn-green);}
.vxn-db-charts{display:grid;grid-template-columns:1.5fr 1fr;gap:14px;}
.vxn-chartcard{padding:18px;border-radius:14px;border:1px solid var(--vxn-line);background:rgba(var(--w),.018);}
.vxn-chartcard .ct{font-size:.78rem;color:var(--vxn-muted);font-weight:600;margin-bottom:16px;display:flex;justify-content:space-between;}
.vxn-bars{display:flex;align-items:flex-end;gap:9px;height:120px;}
.vxn-bar{flex:1;border-radius:6px 6px 0 0;background:linear-gradient(180deg,var(--vxn-cyan),rgba(124,58,237,.4));height:0;transition:height 1.1s var(--vxn-ease);min-height:4px;position:relative;}
.vxn-bar:nth-child(even){background:linear-gradient(180deg,var(--vxn-violet),rgba(124,58,237,.4));}
.vxn-bars-x{display:flex;gap:9px;margin-top:8px;}
.vxn-bars-x span{flex:1;text-align:center;font-family:var(--vxn-font-mono);font-size:.58rem;color:var(--vxn-faint);}
.vxn-donut{display:flex;align-items:center;gap:16px;}
.vxn-donut svg{width:104px;height:104px;flex-shrink:0;}
.vxn-donut .leg{display:flex;flex-direction:column;gap:8px;}
.vxn-donut .lg{display:flex;align-items:center;gap:8px;font-size:.76rem;color:var(--vxn-ink-2);}
.vxn-donut .lg i{width:9px;height:9px;border-radius:3px;}

/* ============================ SERVICES ============================ */
.vxn-svc-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(232px,1fr));gap:15px;margin-top:46px;}
.vxn-svc{padding:20px;border-radius:16px;transition:transform .4s var(--vxn-ease),border-color .4s;}
.vxn-svc:hover{transform:translateY(-5px);}
.vxn-svc .ic{width:40px;height:40px;border-radius:11px;background:rgba(var(--ln),.1);color:var(--vxn-cyan);display:flex;align-items:center;justify-content:center;margin-bottom:13px;}
.vxn-svc .ic svg{width:21px;height:21px;}
.vxn-svc h4{font-family:var(--vxn-font-display);font-size:1.02rem;color:var(--vxn-ink);margin:0 0 7px;}
.vxn-svc .cr{font-size:.74rem;font-weight:700;color:var(--vxn-green);text-transform:uppercase;letter-spacing:.04em;margin-bottom:5px;font-family:var(--vxn-font-mono);}
.vxn-svc p{margin:0;font-size:.84rem;color:var(--vxn-muted);}

/* ============================ CASE STUDIES ============================ */
.vxn-case-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px;margin-top:46px;}
.vxn-case{padding:24px;border-radius:18px;transition:transform .4s var(--vxn-ease);}
.vxn-case:hover{transform:translateY(-6px);}
.vxn-case .ind{display:inline-flex;align-items:center;gap:8px;font-size:.74rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--vxn-cyan);margin-bottom:18px;}
.vxn-case .ind .d{width:8px;height:8px;border-radius:50%;background:var(--vxn-cyan);box-shadow:0 0 8px var(--vxn-cyan);}
.vxn-cstat{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:13px 0;border-bottom:1px solid var(--vxn-line);}
.vxn-cstat:last-of-type{border-bottom:0;}
.vxn-cstat .cv{font-family:var(--vxn-font-mono);font-weight:700;font-size:1.5rem;color:var(--vxn-ink);font-variant-numeric:tabular-nums;}
.vxn-cstat .cv.g{color:var(--vxn-green);} .vxn-cstat .cv.c{color:var(--vxn-cyan);}
.vxn-cstat .cl{font-size:.8rem;color:var(--vxn-muted);text-align:right;max-width:54%;}

/* ============================ PROCESS TIMELINE ============================ */
.vxn-timeline{position:relative;max-width:780px;margin:46px auto 0;padding-left:42px;}
.vxn-timeline::before{content:"";position:absolute;left:15px;top:8px;bottom:8px;width:2px;background:var(--vxn-line);}
.vxn-tline-fill{position:absolute;left:15px;top:8px;width:2px;height:0;background:linear-gradient(180deg,var(--vxn-cyan),var(--vxn-violet));box-shadow:0 0 12px var(--vxn-cyan);transition:height 1.6s var(--vxn-ease);}
.vxn-tstep{position:relative;padding:0 0 30px;}
.vxn-tstep:last-child{padding-bottom:0;}
.vxn-tstep .tn{position:absolute;left:-42px;top:0;width:32px;height:32px;border-radius:10px;background:var(--vxn-deep);border:1px solid var(--vxn-line-2);
  display:flex;align-items:center;justify-content:center;font-family:var(--vxn-font-mono);font-size:.78rem;font-weight:700;color:var(--vxn-cyan);}
.vxn-tstep h4{font-family:var(--vxn-font-display);font-size:1.08rem;color:var(--vxn-ink);margin:2px 0 5px;}
.vxn-tstep p{margin:0;font-size:.88rem;color:var(--vxn-muted);}

/* ============================ FINAL CTA ============================ */
.vxn-final{position:relative;text-align:center;padding-block:clamp(80px,13vh,150px);overflow:hidden;}
.vxn-final-orb{position:absolute;top:50%;left:50%;width:520px;height:520px;transform:translate(-50%,-50%);z-index:0;pointer-events:none;
  background:radial-gradient(circle,rgba(192,132,252,.18),rgba(124,58,237,.08) 40%,transparent 70%);}
.vxn-final-inner{position:relative;z-index:2;max-width:720px;margin-inline:auto;}
.vxn-final h2{margin-bottom:20px;}
.vxn-final-cta{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;margin-top:32px;}
.vxn-final-trust{margin-top:24px;font-size:.85rem;color:var(--vxn-faint);font-family:var(--vxn-font-mono);}

/* ============================ FOOTER ============================ */
.vxn-footer{position:relative;border-top:1px solid var(--vxn-line);padding-top:60px;padding-bottom:34px;}
.vxn-foot-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:36px;}
.vxn-foot-brand .vxn-brand{margin-bottom:14px;}
.vxn-foot-brand p{font-size:.88rem;color:var(--vxn-muted);max-width:30ch;}
.vxn-foot-col h5{font-family:var(--vxn-font-mono);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--vxn-faint);margin:0 0 16px;}
.vxn-foot-col a{display:block;font-size:.88rem;color:var(--vxn-ink-2);padding:5px 0;transition:color .25s;}
.vxn-foot-col a:hover{color:var(--vxn-cyan);}
.vxn-foot-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:44px;padding-top:22px;border-top:1px solid var(--vxn-line);}
.vxn-foot-bottom .lg{font-size:.8rem;color:var(--vxn-faint);}
.vxn-foot-bottom .disc{font-size:.76rem;color:var(--vxn-faint);max-width:48ch;}

/* ============================ STICKY MOBILE CTA ============================ */
.vxn-sticky{position:fixed;left:14px;right:14px;bottom:14px;z-index:70;display:none;transform:translateY(140%);transition:transform .45s var(--vxn-ease);}
.vxn-sticky.is-on{transform:none;}
.vxn-sticky a{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;background:var(--vxn-grad-cta);color:var(--vxn-cta-ink);
  font-family:var(--vxn-font-display);font-weight:700;padding:15px;border-radius:14px;box-shadow:0 14px 40px -8px rgba(124,58,237,.7);}
.vxn-sticky a svg{width:18px;height:18px;}

.vxn-avatar .vxn-ph{font-weight:800;font-size:.88rem;font-family:var(--vxn-font-display);}
.vxn-case-avatar{width:48px;height:48px;border-radius:50%;overflow:hidden;position:relative;flex:none;
  border:1px solid var(--vxn-glass-brd);background:linear-gradient(150deg,#7c3aed,#c084fc);}
.vxn-case-avatar img{width:100%;height:100%;object-fit:cover;display:block;}
.vxn-case-avatar .vxn-ph{font-weight:800;font-family:var(--vxn-font-display);}
.vxn-case-person{display:flex;align-items:center;gap:12px;margin-bottom:16px;}
.vxn-case-person .nm{font-family:var(--vxn-font-display);font-weight:700;font-size:.92rem;color:var(--vxn-ink);line-height:1.2;}
.vxn-case-person .rl{font-size:.8rem;color:var(--vxn-muted);}
.vxn-hero-proof{display:flex;align-items:center;gap:14px;margin-top:26px;flex-wrap:wrap;}
.vxn-hero-proof .txt{font-size:.86rem;color:var(--vxn-muted);max-width:24ch;line-height:1.45;}
.vxn-hero-proof .txt b{color:var(--vxn-ink-2);font-weight:700;}

/* ===================================================================
   NEW FOOTER  (.vxn-ft-*)
   =================================================================== */
.vxn-ft{position:relative;margin-top:96px;
  background:linear-gradient(180deg,var(--vxn-deep),var(--vxn-void));
  border-top:1px solid var(--vxn-line);}
.vxn-ft-cta{max-width:var(--vxn-shell);margin:0 auto;padding:58px 22px 8px;
  display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:26px;}
.vxn-ft-cta-copy h2{font-family:var(--vxn-font-display);font-weight:800;
  font-size:clamp(1.5rem,3vw,2.15rem);color:var(--vxn-ink);margin:0;letter-spacing:-.02em;
  max-width:20ch;line-height:1.12;}
.vxn-ft-cta-copy p{color:var(--vxn-muted);margin:10px 0 0;max-width:44ch;}
.vxn-ft-cta-btn{display:inline-flex;align-items:center;gap:9px;padding:15px 26px;border-radius:13px;
  font-weight:700;background:var(--vxn-grad-cta);color:var(--vxn-cta-ink);box-shadow:var(--vxn-glow-cta);
  white-space:nowrap;transition:transform .2s,box-shadow .2s;}
.vxn-ft-cta-btn:hover{transform:translateY(-2px);box-shadow:0 22px 50px -14px rgba(124,58,237,.6);}
.vxn-ft-grid{max-width:var(--vxn-shell);margin:34px auto 0;padding:42px 22px;
  display:grid;grid-template-columns:1.7fr 1fr 1fr 1fr;gap:32px;border-top:1px solid var(--vxn-line);}
.vxn-ft-brand p{color:var(--vxn-muted);font-size:.92rem;max-width:34ch;line-height:1.65;margin:14px 0 0;}
.vxn-ft-col h4{font-family:var(--vxn-font-display);font-size:.78rem;letter-spacing:.13em;
  text-transform:uppercase;color:var(--vxn-faint);margin:2px 0 14px;}
.vxn-ft-col a{display:block;color:var(--vxn-ink-2);font-size:.92rem;padding:7px 0;transition:color .2s;}
.vxn-ft-col a:hover{color:var(--vxn-blue);}
.vxn-ft-disc{max-width:var(--vxn-shell);margin:0 auto;padding:0 22px 26px;}
.vxn-ft-disc p{color:var(--vxn-faint);font-size:.78rem;line-height:1.65;
  border-top:1px dashed var(--vxn-line);padding-top:20px;margin:0;}
.vxn-ft-bottom{border-top:1px solid var(--vxn-line);}
.vxn-ft-bottom-in{max-width:var(--vxn-shell);margin:0 auto;padding:22px;
  display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;}
.vxn-ft-copy{color:var(--vxn-faint);font-size:.85rem;}
.vxn-ft-social{display:flex;gap:10px;}
.vxn-ft-social a{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;
  background:var(--vxn-glass-2);border:1px solid var(--vxn-glass-brd);color:var(--vxn-ink-2);
  transition:color .2s,border-color .2s,transform .2s;}
.vxn-ft-social a:hover{color:var(--vxn-blue);border-color:var(--vxn-blue);transform:translateY(-2px);}
.vxn-ft-social svg{width:18px;height:18px;}
@media (max-width:780px){.vxn-ft-grid{grid-template-columns:1fr 1fr;}.vxn-ft-brand{grid-column:1/-1;}}
@media (max-width:480px){.vxn-ft-grid{grid-template-columns:1fr;}}

.vxn-leak-money{margin-top:18px;padding:18px 20px;border-radius:16px;text-align:center;
  background:linear-gradient(160deg,rgba(244,63,94,.10),rgba(124,58,237,.06));
  border:1px solid var(--vxn-glass-brd);}
.vxn-leak-money .big{display:block;font-family:var(--vxn-font-display);font-weight:800;
  font-size:clamp(1.6rem,3vw,2.1rem);color:var(--vxn-red);letter-spacing:-.02em;}
.vxn-leak-money .sub{display:block;margin-top:6px;font-size:.84rem;color:var(--vxn-muted);line-height:1.5;}

/* ===================================================================
   ABOUT SECTION
   =================================================================== */
.vxn-about-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:46px;align-items:center;margin-top:42px;}
.vxn-about-figure{position:relative;border-radius:var(--vxn-r);overflow:hidden;
  border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);background:var(--vxn-panel-2);aspect-ratio:4/3;}
.vxn-about-figure img{width:100%;height:100%;object-fit:cover;display:block;}
.vxn-about-badge{position:absolute;left:16px;bottom:16px;z-index:2;display:flex;align-items:center;gap:12px;
  padding:12px 16px;border-radius:14px;background:rgba(11,8,24,.55);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
  border:1px solid rgba(255,255,255,.18);}
.vxn-about-badge .n{font-family:var(--vxn-font-display);font-weight:800;font-size:1.3rem;color:#fff;line-height:1;}
.vxn-about-badge .l{font-size:.74rem;color:rgba(255,255,255,.8);line-height:1.3;}
.vxn-about-lead{font-size:1.05rem;color:var(--vxn-ink-2);line-height:1.7;margin:18px 0 0;}
.vxn-about-lead b{color:var(--vxn-ink);font-weight:700;}
.vxn-about-points{display:grid;gap:14px;margin-top:24px;}
.vxn-about-point{display:flex;gap:13px;align-items:flex-start;}
.vxn-about-point .ic{width:34px;height:34px;flex:none;border-radius:10px;display:grid;place-items:center;
  background:linear-gradient(150deg,rgba(124,58,237,.16),rgba(192,132,252,.10));color:var(--vxn-blue);border:1px solid var(--vxn-glass-brd);}
.vxn-about-point .ic svg{width:18px;height:18px;}
.vxn-about-point h4{font-family:var(--vxn-font-display);font-weight:600;font-size:.98rem;color:var(--vxn-ink);margin:2px 0 3px;}
.vxn-about-point p{font-size:.88rem;color:var(--vxn-muted);line-height:1.55;margin:0;}
@media (max-width:820px){ .vxn-about-grid{grid-template-columns:1fr;gap:30px;} }
/* ===================================================================
   MEGA MENU
   =================================================================== */
.vxn-hd-mega-btn{background:transparent;border:0;font-family:inherit;cursor:pointer;display:inline-flex;align-items:center;gap:6px;}
.vxn-hd-chev{transition:transform .25s var(--vxn-ease);}
.vxn-hd-mega-btn[aria-expanded="true"]{color:var(--vxn-ink);}
.vxn-hd-mega-btn[aria-expanded="true"] .vxn-hd-chev{transform:rotate(180deg);}
.vxn-hd-mega{position:absolute;top:100%;left:0;right:0;z-index:99;
  background:var(--vxn-panel);
  border-top:1px solid var(--vxn-line);border-bottom:1px solid var(--vxn-glass-brd);
  box-shadow:0 36px 70px -34px rgba(76,29,149,.42);
  opacity:0;visibility:hidden;transform:translateY(-10px);pointer-events:none;
  transition:opacity .26s var(--vxn-ease),transform .26s var(--vxn-ease),visibility .26s;}
.vxn-hd-mega.is-open{opacity:1;visibility:visible;transform:none;pointer-events:auto;}
.vxn-hd-mega-in{max-width:var(--vxn-shell);margin:0 auto;padding:30px 22px 34px;
  display:grid;grid-template-columns:1.25fr 1fr 1.15fr;gap:30px;}
.vxn-hd-mega-col h4{font-family:var(--vxn-font-display);font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;
  color:var(--vxn-faint);margin:0 0 12px;padding-left:10px;}
.vxn-hd-mega-col a{display:flex;align-items:center;gap:12px;padding:10px;border-radius:12px;
  border:1px solid transparent;transition:background .18s,border-color .18s,transform .18s;}
.vxn-hd-mega-col a:hover{background:var(--vxn-glass-2);border-color:var(--vxn-glass-brd);transform:translateX(2px);}
.vxn-hd-mega-col a .ic{width:34px;height:34px;flex:none;border-radius:9px;display:grid;place-items:center;
  background:linear-gradient(150deg,rgba(124,58,237,.16),rgba(192,132,252,.10));color:var(--vxn-blue);border:1px solid var(--vxn-glass-brd);}
.vxn-hd-mega-col a .ic svg{width:18px;height:18px;}
.vxn-hd-mega-col a .tx b{display:block;font-family:var(--vxn-font-display);font-weight:600;font-size:.92rem;color:var(--vxn-ink);}
.vxn-hd-mega-col a .tx span{display:block;font-size:.78rem;color:var(--vxn-muted);margin-top:1px;}
.vxn-hd-mega-col:nth-child(2) a{padding:12px;}
.vxn-hd-mega-feature{background:linear-gradient(160deg,rgba(124,58,237,.10),rgba(192,132,252,.05));
  border:1px solid var(--vxn-glass-brd);border-radius:16px;padding:22px;display:flex;flex-direction:column;}
.vxn-hd-mega-feature h3{font-family:var(--vxn-font-display);font-weight:700;font-size:1.05rem;color:var(--vxn-ink);
  margin:10px 0 8px;line-height:1.25;letter-spacing:-.01em;}
.vxn-hd-mega-feature p{color:var(--vxn-muted);font-size:.86rem;line-height:1.55;margin:0 0 16px;}
.vxn-hd-mega-cta{margin-top:auto;align-self:flex-start;display:inline-flex;align-items:center;gap:8px;
  padding:11px 18px;border-radius:11px;font-weight:700;font-size:.86rem;background:var(--vxn-grad-cta);color:var(--vxn-cta-ink);box-shadow:var(--vxn-glow-cta);}
@media (max-width:860px){ .vxn-hd-mega{display:none !important;} }
@media (prefers-reduced-motion:reduce){ .vxn-hd-mega,.vxn-hd-chev{transition:none !important;} }

/* ===================================================================
   HERO v3 — particles.js network + centered creative layout
   =================================================================== */
.vxn-hero{position:relative;overflow:hidden;min-height:clamp(580px,88vh,880px);
  display:flex;align-items:center;padding-top:48px;padding-bottom:56px;}
#vxn-particles{position:absolute;inset:0;z-index:0;}
#vxn-particles canvas{display:block !important;}
.vxn-hero-glow{position:absolute;inset:0;z-index:0;pointer-events:none;background:
  radial-gradient(640px 440px at 50% 30%, rgba(124,58,237,.16), transparent 70%),
  radial-gradient(520px 380px at 84% 72%, rgba(192,132,252,.12), transparent 70%),
  radial-gradient(480px 360px at 12% 78%, rgba(168,85,247,.10), transparent 70%);}
.vxn-hero .vxn-shell{position:relative;z-index:2;}
.vxn-hero-center{max-width:900px;margin:0 auto;text-align:center;display:flex;flex-direction:column;align-items:center;}
.vxn-hero-center .vxn-h1{margin:16px auto 0;}
.vxn-hero-center .vxn-lead{margin:20px auto 0;text-align:center;}
.vxn-hero-center .vxn-hero-cta{justify-content:center;margin-top:30px;display:flex;gap:14px;flex-wrap:wrap;}
.vxn-hero-center .vxn-hero-proof{justify-content:center;margin-top:28px;}
.vxn-hero-metrics{margin-top:40px;padding:6px;border-radius:18px;width:100%;max-width:800px;}
.vxn-hero-metrics .cap{text-align:center;font-size:.82rem;font-weight:700;color:var(--vxn-red);
  padding:12px 16px 11px;line-height:1.4;}
.vxn-hm-row{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--vxn-line);}
.vxn-hm-row .cell{padding:16px 14px 18px;text-align:center;position:relative;}
.vxn-hm-row .cell + .cell::before{content:"";position:absolute;left:0;top:22%;bottom:22%;width:1px;background:var(--vxn-line);}
.vxn-hm-row .v{font-family:var(--vxn-font-display);font-weight:800;font-size:clamp(1.35rem,2.5vw,1.9rem);color:var(--vxn-ink);letter-spacing:-.02em;}
.vxn-hm-row .v.g{color:var(--vxn-green);}
.vxn-hm-row .v.c{color:var(--vxn-blue);}
.vxn-hm-row .k{font-size:.74rem;color:var(--vxn-muted);margin-top:5px;letter-spacing:.01em;line-height:1.3;}
@media (max-width:620px){
  .vxn-hm-row{grid-template-columns:repeat(2,1fr);}
  .vxn-hm-row .cell:nth-child(3)::before{display:none;}
}
@media (prefers-reduced-motion:reduce){
  .vxn-hd,.vxn-hd-bar,.vxn-hd-mobile,.vxn-hd-link::after,.vxn-hd-cta,.vxn-hd-toggle,
  .vxn-ft-cta-btn,.vxn-ft-social a,.vxn-about-point{transition:none !important;}
}
/* ----- hero text glow + typewriter caret + lead highlight ----- */
.vxn-hero-center .vxn-h1{text-shadow:0 0 38px rgba(124,58,237,.14);}
.vxn-hero-break{display:block;margin-top:.08em;}
:root[data-theme="dark"] .vxn-hero-center .vxn-h1{text-shadow:0 0 48px rgba(124,58,237,.45);}
.vxn-hero-center .vxn-grad-txt{text-shadow:none;
  filter:drop-shadow(0 0 14px rgba(124,58,237,.45)) drop-shadow(0 0 28px rgba(192,132,252,.30));}
.vxn-hl{color:var(--vxn-blue);}
:root[data-theme="dark"] .vxn-hl{color:var(--vxn-cyan);}
.vxn-hero-center .vxn-lead strong{color:var(--vxn-blue);font-weight:700;}
:root[data-theme="dark"] .vxn-hero-center .vxn-lead strong{color:var(--vxn-cyan);}
.vxn-caret{display:inline-block;width:3px;height:.92em;margin-left:5px;vertical-align:-1px;border-radius:2px;
  background:linear-gradient(180deg,#7c3aed,#c084fc);box-shadow:0 0 12px rgba(124,58,237,.75);
  animation:vxn-blink 1.05s steps(1) infinite;}
@keyframes vxn-blink{0%,50%{opacity:1}50.01%,100%{opacity:0}}
@media (prefers-reduced-motion:reduce){ .vxn-caret{animation:none;display:none;} }
/* ----- section 2 : animated funnel (flowing leads + happy booked) ----- */
.vxn-funnel-anim{width:100%;max-width:330px;display:block;margin:0 auto;overflow:visible;}
.vxn-flow{fill:#a855f7;animation:vxn-pflow 2.7s linear infinite;}
.vxn-flow.f1{animation-delay:0s;}
.vxn-flow.f2{animation-delay:.45s;}
.vxn-flow.f3{animation-delay:.95s;}
.vxn-flow.f4{animation-delay:1.4s;}
.vxn-flow.f5{animation-delay:1.85s;}
.vxn-flow.f6{animation-delay:2.3s;}
@keyframes vxn-pflow{
  0%{transform:translateY(0);opacity:0;}
  10%{opacity:1;}
  86%{opacity:.95;}
  100%{transform:translateY(262px);opacity:0;}
}
.vxn-leak{fill:#f43f5e;}
.vxn-leak.l1,.vxn-leak.l2,.vxn-leak.l3{animation:vxn-leakL 2.7s ease-in infinite;}
.vxn-leak.r1,.vxn-leak.r2,.vxn-leak.r3{animation:vxn-leakR 2.7s ease-in infinite;}
.vxn-leak.l1{animation-delay:.3s;}
.vxn-leak.r1{animation-delay:.9s;}
.vxn-leak.r2{animation-delay:.6s;}
.vxn-leak.l2{animation-delay:1.5s;}
.vxn-leak.r3{animation-delay:1.2s;}
.vxn-leak.l3{animation-delay:2s;}
@keyframes vxn-leakL{0%{transform:translate(0,0);opacity:0;}20%{opacity:.9;}100%{transform:translate(-30px,18px);opacity:0;}}
@keyframes vxn-leakR{0%{transform:translate(0,0);opacity:0;}20%{opacity:.9;}100%{transform:translate(30px,18px);opacity:0;}}
.vxn-joy-glow{transform-box:fill-box;transform-origin:center;animation:vxn-joy-pulse 2.4s ease-in-out infinite;}
@keyframes vxn-joy-pulse{0%,100%{transform:scale(.9);opacity:.45;}50%{transform:scale(1.14);opacity:.82;}}
.vxn-joy-face{transform-box:fill-box;transform-origin:center;animation:vxn-joy-bob 2.4s ease-in-out infinite;}
@keyframes vxn-joy-bob{0%,100%{transform:translateY(0) scale(1);}50%{transform:translateY(-2px) scale(1.05);}}
.vxn-spark{transform-box:fill-box;transform-origin:center;animation:vxn-twinkle 1.9s ease-in-out infinite;}
.vxn-spark.s2{animation-delay:.6s;}
.vxn-spark.s3{animation-delay:1.15s;}
@keyframes vxn-twinkle{0%,100%{opacity:.15;transform:scale(.6);}50%{opacity:1;transform:scale(1.1);}}
@media (prefers-reduced-motion:reduce){
  .vxn-flow,.vxn-leak,.vxn-spark{display:none;}
  .vxn-joy-glow,.vxn-joy-face{animation:none;}
}
/* ----- section 3 : Method phases (image-rich, alternating) ----- */
.vxn-phases{display:flex;flex-direction:column;gap:40px;margin-top:48px;}
.vxn-phase{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center;}
.vxn-phase:nth-child(even) .vxn-phase-figure{order:2;}
.vxn-phase-figure{position:relative;border-radius:var(--vxn-r);overflow:hidden;aspect-ratio:4/3;
  border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);background:var(--vxn-panel-2);}
.vxn-phase-figure img{width:100%;height:100%;object-fit:cover;display:block;}
.vxn-phase-badge{position:absolute;left:14px;top:14px;z-index:2;
  font-family:var(--vxn-font-display);font-weight:800;font-size:1.05rem;color:#fff;
  width:46px;height:46px;display:grid;place-items:center;border-radius:13px;
  background:linear-gradient(150deg,rgba(124,58,237,.94),rgba(168,85,247,.94));
  border:1px solid rgba(255,255,255,.25);box-shadow:0 8px 22px -8px rgba(76,29,149,.6);}
.vxn-phase-tag{display:inline-block;font-family:var(--vxn-font-display);font-size:.76rem;font-weight:700;
  letter-spacing:.08em;text-transform:uppercase;color:var(--vxn-blue);
  padding:6px 12px;border-radius:999px;background:rgba(124,58,237,.10);
  border:1px solid var(--vxn-glass-brd);margin-bottom:14px;}
.vxn-phase-body h3{margin:0 0 10px;}
.vxn-phase-body > p{color:var(--vxn-ink-2);font-size:1rem;line-height:1.6;margin:0;}
.vxn-phase-steps{list-style:none;padding:0;margin:20px 0 0;display:grid;gap:12px;}
.vxn-phase-steps li{display:flex;gap:14px;align-items:flex-start;padding:11px 14px;border-radius:12px;
  background:var(--vxn-glass-2);border:1px solid var(--vxn-glass-brd);
  transition:transform .25s var(--vxn-ease),border-color .25s;}
.vxn-phase-steps li:hover{transform:translateX(3px);border-color:var(--vxn-blue);}
.vxn-phase-steps .n{font-family:var(--vxn-font-mono);font-weight:700;color:var(--vxn-blue);font-size:.9rem;
  width:24px;flex:none;padding-top:2px;}
.vxn-phase-steps b{display:block;font-family:var(--vxn-font-display);font-weight:600;color:var(--vxn-ink);font-size:.96rem;}
.vxn-phase-steps .d{display:block;font-size:.85rem;color:var(--vxn-muted);line-height:1.5;margin-top:2px;}
@media (max-width:840px){
  .vxn-phase{grid-template-columns:1fr;gap:22px;}
  .vxn-phase .vxn-phase-figure,
  .vxn-phase:nth-child(even) .vxn-phase-figure{order:-1;}
}
@media (prefers-reduced-motion:reduce){ .vxn-phase-steps li{transition:none;} }
/* ----- section 2 : parallax + falling background ----- */
.vxn-sec2{position:relative;overflow:hidden;}
.vxn-sec2 > .vxn-shell{position:relative;z-index:1;}
.vxn-sec2-bg{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden;}
.vxn-p-layer{position:absolute;inset:-12% 0;will-change:transform;}
.vxn-blob{position:absolute;border-radius:50%;filter:blur(60px);opacity:.55;}
.vxn-blob.b1{width:46vw;max-width:560px;aspect-ratio:1;left:-8%;top:6%;
  background:radial-gradient(circle,rgba(124,58,237,.18),transparent 70%);}
.vxn-blob.b2{width:40vw;max-width:480px;aspect-ratio:1;right:-6%;bottom:0%;
  background:radial-gradient(circle,rgba(192,132,252,.15),transparent 70%);}
.vxn-p-mid{background-image:
   linear-gradient(rgba(var(--ln),.05) 1px,transparent 1px),
   linear-gradient(90deg,rgba(var(--ln),.05) 1px,transparent 1px);
  background-size:46px 46px;
  -webkit-mask-image:radial-gradient(ellipse at 50% 38%,#000 32%,transparent 78%);
  mask-image:radial-gradient(ellipse at 50% 38%,#000 32%,transparent 78%);}
.vxn-fall{position:absolute;top:-8%;width:var(--s,5px);height:var(--s,5px);border-radius:50%;
  background:var(--c,#a855f7);box-shadow:0 0 8px rgba(168,85,247,.5);opacity:0;
  animation:vxn-fall var(--dur,10s) linear var(--d,0s) infinite;}
.vxn-fall-red{--c:#f43f5e;box-shadow:0 0 8px rgba(244,63,94,.5);}
@keyframes vxn-fall{
  0%{transform:translate3d(0,0,0);opacity:0;}
  8%{opacity:.85;}
  88%{opacity:.5;}
  100%{transform:translate3d(var(--x,0),132vh,0);opacity:0;}
}
@media (prefers-reduced-motion:reduce){
  .vxn-fall{display:none;}
  .vxn-p-layer{transform:none !important;}
}

/* ----- section 3 (Method) : image-backed parallax ----- */
.vxn-parallax-host{position:relative;overflow:hidden;}
.vxn-parallax-host > .vxn-shell{position:relative;z-index:1;}
.vxn-m3-bg{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden;}
.vxn-m3-img{background:
    radial-gradient(45% 55% at 12% 8%, rgba(124,58,237,.14), transparent 68%),
    radial-gradient(45% 55% at 88% 12%, rgba(192,132,252,.12), transparent 68%),
    radial-gradient(62% 60% at 50% 100%, rgba(139,92,246,.10), transparent 72%);}
:root[data-theme="dark"] .vxn-m3-img{filter:brightness(1.25);}
/* ----- strategy board : connected colour-tile redesign ----- */
.vxn-board::before{background:
  linear-gradient(rgba(var(--ln),.045) 1px,transparent 1px),
  linear-gradient(90deg,rgba(var(--ln),.045) 1px,transparent 1px);
  background-size:16.66% 16.66%;opacity:.7;}
.vxn-board-net{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none;}
.vxn-board-net .net-flow polyline{animation:vxn-netflow 1.6s linear infinite;}
@keyframes vxn-netflow{to{stroke-dashoffset:-16;}}
.vxn-piece-disc{border-radius:18px;
  background:radial-gradient(circle at 32% 26%,rgba(255,255,255,.42),transparent 54%),var(--pc,#a855f7);
  border:1px solid rgba(255,255,255,.34);
  box-shadow:0 12px 26px -10px var(--pc,rgba(168,85,247,.6)),inset 0 -7px 16px rgba(0,0,0,.2),inset 0 1px 1px rgba(255,255,255,.5);}
.vxn-piece-disc svg{color:#fff;}
.vxn-piece-lbl{color:#fff;opacity:.96;}
.vxn-piece-glow{opacity:.55;filter:blur(11px);inset:-28%;}

/* ----- industries : focus split + vertical journey + specialties (redesigned) ----- */
.vxn-ind2-grid{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:stretch;margin-top:46px;}
.vxn-ind2-figure{position:relative;border-radius:var(--vxn-r);overflow:hidden;min-height:430px;
  border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);background:var(--vxn-panel-2);}
.vxn-ind2-figure img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;}
.vxn-ind2-badge{position:absolute;z-index:2;display:inline-flex;align-items:center;gap:8px;
  font-family:var(--vxn-font-display);font-weight:600;font-size:.78rem;color:#fff;
  padding:8px 13px;border-radius:999px;background:rgba(20,12,40,.55);
  backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.22);}
.vxn-ind2-badge.top{left:16px;top:16px;}
.vxn-ind2-badge.bot{left:16px;bottom:16px;font-family:var(--vxn-font-mono);font-size:.72rem;font-weight:500;}
.vxn-ind2-journey{display:flex;flex-direction:column;justify-content:center;}
.vxn-vjourney{list-style:none;margin:22px 0 0;padding:0;position:relative;}
.vxn-vjourney::before{content:"";position:absolute;left:23px;top:23px;bottom:23px;width:2px;background:var(--vxn-line);}
.vxn-vjourney::after{content:"";position:absolute;left:23px;top:23px;bottom:23px;width:2px;
  background:linear-gradient(180deg,var(--ac1),var(--ac2),var(--ac1));background-size:100% 220%;
  opacity:.75;animation:vxn-vrail 3s linear infinite;}
@keyframes vxn-vrail{to{background-position:0 -220%;}}
.vxn-vstep{position:relative;display:flex;gap:16px;align-items:flex-start;padding-bottom:24px;}
.vxn-vstep:last-child{padding-bottom:0;}
.vxn-vstep .vxn-jdot{flex:none;position:relative;z-index:1;}
.vxn-vtxt{padding-top:5px;}
.vxn-vtxt b{display:block;font-family:var(--vxn-font-display);font-weight:600;color:var(--vxn-ink);font-size:1rem;}
.vxn-vtxt .s{font-family:var(--vxn-font-mono);font-size:.66rem;letter-spacing:.05em;text-transform:uppercase;color:var(--vxn-faint);}
.vxn-spec-head{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;margin:50px 0 18px;}
.vxn-spec-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:14px;}
.vxn-spec{position:relative;display:flex;gap:15px;align-items:flex-start;padding:16px 18px 16px 20px;border-radius:14px;
  overflow:hidden;background:var(--vxn-glass-2);border:1px solid var(--vxn-glass-brd);
  transition:transform .3s var(--vxn-ease),border-color .3s;}
.vxn-spec::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;
  background:linear-gradient(180deg,var(--vxn-blue),var(--vxn-cyan));opacity:0;transition:opacity .3s;}
.vxn-spec:hover{transform:translateY(-4px);border-color:var(--vxn-blue);}
.vxn-spec:hover::before{opacity:1;}
.vxn-spec .ic{width:42px;height:42px;border-radius:11px;flex:none;display:grid;place-items:center;
  background:rgba(124,58,237,.1);color:var(--vxn-blue);}
.vxn-spec .ic svg{width:22px;height:22px;}
.vxn-spec h4{margin:0 0 4px;font-family:var(--vxn-font-display);font-size:1rem;color:var(--vxn-ink);}
.vxn-spec p{margin:0;font-size:.85rem;color:var(--vxn-muted);line-height:1.5;}
@media (max-width:840px){
  .vxn-ind2-grid{grid-template-columns:1fr;gap:24px;}
  .vxn-ind2-figure{min-height:300px;}
}
@media (prefers-reduced-motion:reduce){
  .vxn-board-net .net-flow polyline{animation:none;}
  .vxn-vjourney::after{animation:none;}
}
/* ----- website before/after : detailed site mockups ----- */
.vxn-ba-layer{padding:0;}
.vxn-ba-after{background:linear-gradient(180deg,#ffffff,#f7f4ff);}
.vxn-ba-before{background:linear-gradient(180deg,#e9ebef,#dfe2e8);clip-path:inset(0 calc(100% - var(--pos)) 0 0);}
.vxn-ba-handle{background:var(--vxn-blue);box-shadow:0 0 14px rgba(124,58,237,.6);}
.vxn-ba-knob{background:#fff;border-color:var(--vxn-blue);}
.vxn-ba-knob svg{color:var(--vxn-blue);}
.vxn-st{position:absolute;inset:0;display:flex;flex-direction:column;overflow:hidden;}
.vxn-st-nav{display:flex;align-items:center;justify-content:space-between;padding:9px 13px;border-bottom:1px solid rgba(27,18,51,.08);background:rgba(255,255,255,.6);}
.vxn-st-logo{display:flex;align-items:center;gap:6px;font-family:var(--vxn-font-display);font-weight:800;font-size:.64rem;color:#1b1233;white-space:nowrap;}
.vxn-st-logo i{width:14px;height:14px;border-radius:5px;background:linear-gradient(135deg,#7c3aed,#c084fc);flex:none;}
.vxn-st-links{display:flex;gap:8px;}
.vxn-st-links b{width:22px;height:5px;border-radius:3px;background:rgba(27,18,51,.16);}
.vxn-st-btn{font-family:var(--vxn-font-display);font-size:.6rem;font-weight:700;color:#fff;background:linear-gradient(135deg,#7c3aed,#a855f7);border-radius:7px;padding:5px 12px;white-space:nowrap;}
.vxn-st-hero{flex:1;display:flex;gap:13px;padding:15px 13px;align-items:center;}
.vxn-st-htext{flex:1.25;display:flex;flex-direction:column;gap:7px;min-width:0;}
.vxn-st-h1{font-family:var(--vxn-font-display);font-weight:800;font-size:.96rem;line-height:1.12;color:#1b1233;}
.vxn-st-sub{height:6px;border-radius:3px;background:rgba(27,18,51,.12);width:92%;}
.vxn-st-sub.s{width:64%;}
.vxn-st-ctarow{display:flex;align-items:center;gap:8px;margin-top:5px;flex-wrap:wrap;}
.vxn-st-cta{font-family:var(--vxn-font-display);font-size:.64rem;font-weight:700;color:#fff;background:linear-gradient(135deg,#7c3aed,#a855f7);border-radius:8px;padding:7px 14px;box-shadow:0 7px 16px -6px rgba(124,58,237,.6);white-space:nowrap;}
.vxn-st-call{display:inline-flex;align-items:center;gap:5px;font-family:var(--vxn-font-display);font-size:.6rem;font-weight:700;color:#7c3aed;border:1px solid rgba(124,58,237,.32);border-radius:8px;padding:6px 10px;white-space:nowrap;}
.vxn-st-call svg{width:11px;height:11px;}
.vxn-st-stars{display:flex;align-items:center;gap:6px;font-size:.72rem;color:#f59e0b;margin-top:2px;letter-spacing:1px;}
.vxn-st-stars span{color:#675d86;font-family:var(--vxn-font-mono);font-size:.56rem;letter-spacing:0;}
.vxn-st-himg{flex:.85;align-self:stretch;border-radius:10px;min-height:74px;position:relative;overflow:hidden;
  background:linear-gradient(150deg,#a855f7,#7c3aed);box-shadow:0 8px 20px -8px rgba(124,58,237,.55);}
.vxn-st-himg::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 70% 28%,rgba(255,255,255,.4),transparent 58%);}
.vxn-st-trust{display:flex;gap:7px;padding:0 13px 13px;}
.vxn-st-trust span{flex:1;height:15px;border-radius:5px;background:rgba(16,185,129,.16);border:1px solid rgba(16,185,129,.2);}
/* dated / bad site */
.vxn-st-nav.bad{padding:8px 11px;border-bottom:1px solid rgba(51,65,90,.14);background:#eceef2;}
.vxn-st-logo.bad{font-family:var(--vxn-font-body);font-weight:700;font-size:.6rem;color:#3a4a63;}
.vxn-st-links.bad{gap:6px;}
.vxn-st-links.bad b{width:15px;height:4px;background:rgba(58,74,99,.4);}
.vxn-st-body{flex:1;padding:13px 13px 12px;display:flex;flex-direction:column;gap:6px;}
.vxn-st-bh{font-family:var(--vxn-font-body);font-weight:700;font-size:.66rem;color:#46586f;margin-bottom:3px;}
.vxn-st-txt{height:5px;border-radius:2px;background:rgba(58,74,99,.2);width:100%;}
.vxn-st-txt.s{width:72%;}
.vxn-st-submit{margin-top:7px;align-self:flex-start;font-family:var(--vxn-font-body);font-size:.6rem;font-weight:600;color:#5b6b85;background:#d2d7df;border:1px solid #c0c6d0;border-radius:5px;padding:6px 13px;}
@media (prefers-reduced-motion:reduce){}
/* ===== gradient touch-ups ===== */
.vxn-divider{border:none;height:1px;background:linear-gradient(90deg,transparent,rgba(124,58,237,.28),rgba(192,132,252,.30),transparent);}

/* ===== footer : interactive + gradients ===== */
.vxn-ft{overflow:hidden;}
.vxn-ft::before{content:"";position:absolute;top:0;left:0;right:0;height:2px;z-index:2;
  background:linear-gradient(90deg,transparent,#7c3aed,#a855f7,#c084fc,#a855f7,#7c3aed,transparent);background-size:200% 100%;
  animation:vxn-ftline 6s linear infinite;}
@keyframes vxn-ftline{to{background-position:200% 0;}}
.vxn-ft-glow{position:absolute;top:-60px;left:50%;width:78%;max-width:880px;height:320px;pointer-events:none;z-index:0;
  transform:translateX(-50%);background:radial-gradient(ellipse at center,rgba(124,58,237,.18),transparent 70%);
  animation:vxn-ftglow 7s ease-in-out infinite;}
@keyframes vxn-ftglow{0%,100%{opacity:.55;transform:translateX(-50%) scale(1);}50%{opacity:1;transform:translateX(-50%) scale(1.08);}}
.vxn-ft-cta,.vxn-ft-grid,.vxn-ft-disc,.vxn-ft-bottom{position:relative;z-index:1;}
.vxn-ft-cta-btn{position:relative;overflow:hidden;}
.vxn-ft-cta-btn::after{content:"";position:absolute;top:0;left:-65%;width:42%;height:100%;transform:skewX(-18deg);
  background:linear-gradient(105deg,transparent,rgba(255,255,255,.4),transparent);animation:vxn-shimmer 3.6s ease-in-out infinite;}
@keyframes vxn-shimmer{0%,70%{left:-65%;}100%{left:135%;}}
.vxn-ft-cta-btn > svg{position:relative;z-index:1;transition:transform .25s var(--vxn-ease);}
.vxn-ft-cta-btn:hover > svg{transform:translateX(4px);}
.vxn-ft-col a{position:relative;transition:color .22s,padding-left .22s;}
.vxn-ft-col a::before{content:"";position:absolute;left:0;top:50%;width:9px;height:2px;border-radius:2px;
  transform:translateY(-50%) scaleX(0);transform-origin:left;background:linear-gradient(90deg,#7c3aed,#c084fc);transition:transform .22s;}
.vxn-ft-col a:hover{color:var(--vxn-blue);padding-left:15px;}
.vxn-ft-col a:hover::before{transform:translateY(-50%) scaleX(1);}
.vxn-ft-social a{position:relative;overflow:hidden;
  transition:color .2s,border-color .2s,transform .25s var(--vxn-ease),box-shadow .25s;}
.vxn-ft-social a > svg{position:relative;z-index:1;}
.vxn-ft-social a::before{content:"";position:absolute;inset:0;opacity:0;transition:opacity .25s;
  background:linear-gradient(135deg,#7c3aed,#a855f7);}
.vxn-ft-social a:hover{color:#fff;border-color:transparent;transform:translateY(-3px);box-shadow:0 10px 24px -8px rgba(124,58,237,.55);}
.vxn-ft-social a:hover::before{opacity:1;}
.vxn-ft-brand .vxn-hd-mark{filter:drop-shadow(0 0 10px rgba(124,58,237,.4));}

/* ===== FOMO single-quote rotator (below footer) ===== */
.vxn-fomo{position:relative;overflow:hidden;padding:26px 22px;display:flex;justify-content:center;
  background:linear-gradient(90deg,#6d28d9,#7c3aed,#a855f7,#7c3aed,#6d28d9);background-size:220% 100%;
  animation:vxn-fomobg 14s ease infinite;}
@keyframes vxn-fomobg{0%,100%{background-position:0% 0;}50%{background-position:100% 0;}}
.vxn-fomo-stage{position:relative;width:100%;max-width:var(--vxn-shell);min-height:30px;}
.vxn-fomo-q{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:0;text-align:center;
  font-family:var(--vxn-font-display);font-weight:600;font-size:clamp(.95rem,2vw,1.18rem);color:#fff;padding:0 8px;
  opacity:0;transform:translateY(14px);transition:opacity .55s var(--vxn-ease),transform .55s var(--vxn-ease);}
.vxn-fomo-q.is-on{opacity:1;transform:translateY(0);}
.vxn-fomo-q.is-out{opacity:0;transform:translateY(-14px);}
@media (prefers-reduced-motion:reduce){.vxn-fomo{animation:none;}.vxn-fomo-q{transition:none;}}

/* ===== floating action buttons : WhatsApp + Get in touch ===== */
.vxn-fab{position:fixed;right:22px;bottom:24px;z-index:85;display:flex;flex-direction:column;gap:13px;align-items:flex-end;}
.vxn-fab a{position:relative;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;
  box-shadow:0 12px 30px -8px rgba(0,0,0,.32);transition:transform .25s var(--vxn-ease),box-shadow .25s;}
.vxn-fab a:hover{transform:translateY(-3px) scale(1.04);}
.vxn-fab-wa{width:56px;height:56px;border-radius:50%;background:linear-gradient(145deg,#25d366,#0e9f6e);color:#fff;}
.vxn-fab-wa svg{width:30px;height:30px;}
.vxn-fab-wa:hover{box-shadow:0 16px 36px -8px rgba(37,211,102,.6);}
.vxn-fab-wa::after{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid #25d366;
  animation:vxn-fabpulse 2.6s ease-out infinite;}
@keyframes vxn-fabpulse{0%{transform:scale(1);opacity:.7;}100%{transform:scale(1.55);opacity:0;}}
.vxn-fab-gt{gap:9px;padding:0 20px;height:56px;border-radius:30px;color:#fff;
  background:linear-gradient(135deg,#7c3aed,#a855f7,#c084fc);background-size:170% 170%;
  font-family:var(--vxn-font-display);font-weight:700;font-size:.92rem;animation:vxn-fabgrad 5s ease infinite;}
.vxn-fab-gt svg{width:20px;height:20px;}
.vxn-fab-gt:hover{box-shadow:0 16px 36px -8px rgba(124,58,237,.6);}
@keyframes vxn-fabgrad{0%,100%{background-position:0% 50%;}50%{background-position:100% 50%;}}
@media (max-width:780px){
  .vxn-fab{right:16px;bottom:82px;}
  .vxn-fab-gt span{display:none;}
  .vxn-fab-gt{width:56px;padding:0;border-radius:50%;}
}
@media (prefers-reduced-motion:reduce){
  .vxn-ft::before,.vxn-ft-glow,.vxn-ft-cta-btn::after,.vxn-fomo-track,.vxn-fab-gt{animation:none;}
  .vxn-fab-wa::after{display:none;}
  .vxn-fomo-track{flex-wrap:wrap;justify-content:center;}
}
/* ===== footer newsletter ===== */
.vxn-news{margin-top:24px;max-width:350px;}
.vxn-news-label{display:block;font-family:var(--vxn-font-display);font-weight:700;font-size:.96rem;color:var(--vxn-ink);}
.vxn-news-sub{color:var(--vxn-muted);font-size:.84rem;line-height:1.5;margin:6px 0 12px;}
.vxn-news-row{display:flex;gap:8px;padding:5px;border-radius:13px;background:var(--vxn-glass-2);
  border:1px solid var(--vxn-glass-brd);transition:border-color .2s,box-shadow .2s;}
.vxn-news-row:focus-within{border-color:var(--vxn-blue);box-shadow:0 0 0 3px rgba(124,58,237,.13);}
.vxn-news-row input{flex:1;min-width:0;background:transparent;border:none;outline:none;
  font-family:var(--vxn-font-body);font-size:.9rem;color:var(--vxn-ink);padding:8px 10px;}
.vxn-news-row input::placeholder{color:var(--vxn-faint);}
.vxn-news-row button{flex:none;width:44px;border:none;cursor:pointer;border-radius:9px;color:#fff;display:grid;place-items:center;
  background:linear-gradient(135deg,#7c3aed,#a855f7);transition:transform .2s,box-shadow .2s;}
.vxn-news-row button:hover{transform:translateY(-1px);box-shadow:0 8px 20px -6px rgba(124,58,237,.6);}
.vxn-news-row button svg{width:17px;height:17px;}
.vxn-news-msg{display:inline-flex;align-items:center;gap:6px;margin-top:11px;font-size:.82rem;font-weight:600;color:var(--vxn-green);}

/* ===== floating button : works as <button> too ===== */
.vxn-fab button{position:relative;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;border:none;
  box-shadow:0 12px 30px -8px rgba(0,0,0,.32);transition:transform .25s var(--vxn-ease),box-shadow .25s;}
.vxn-fab button:hover{transform:translateY(-3px) scale(1.04);}

/* ===== audit modal ===== */
.vxn-modal{position:fixed;inset:0;z-index:120;display:flex;align-items:center;justify-content:center;padding:20px;
  opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s;}
.vxn-modal.is-open{opacity:1;visibility:visible;}
.vxn-modal-backdrop{position:absolute;inset:0;background:rgba(10,6,22,.6);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);}
.vxn-modal-card{position:relative;z-index:1;width:100%;max-width:460px;max-height:90vh;overflow:auto;
  background:var(--vxn-panel);border:1px solid var(--vxn-glass-brd);border-radius:20px;padding:30px 28px 28px;
  box-shadow:0 40px 90px -20px rgba(0,0,0,.5);transform:translateY(16px) scale(.98);transition:transform .35s var(--vxn-ease);}
.vxn-modal.is-open .vxn-modal-card{transform:none;}
.vxn-modal-card::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;border-radius:20px 20px 0 0;
  background:linear-gradient(90deg,#7c3aed,#a855f7,#c084fc);}
.vxn-modal-x{position:absolute;top:14px;right:14px;width:34px;height:34px;border-radius:9px;border:1px solid var(--vxn-glass-brd);
  background:var(--vxn-glass-2);color:var(--vxn-muted);display:grid;place-items:center;cursor:pointer;transition:color .2s,border-color .2s;}
.vxn-modal-x:hover{color:var(--vxn-ink);border-color:var(--vxn-blue);}
.vxn-modal-x svg{width:16px;height:16px;}
.vxn-modal-head h3{font-family:var(--vxn-font-display);font-weight:800;font-size:1.42rem;color:var(--vxn-ink);margin:9px 0 8px;letter-spacing:-.02em;}
.vxn-modal-head p{color:var(--vxn-muted);font-size:.92rem;line-height:1.55;margin:0 0 20px;}
.vxn-audit-form{display:flex;flex-direction:column;gap:13px;}
.vxn-audit-form label{display:flex;flex-direction:column;gap:6px;font-family:var(--vxn-font-display);font-weight:600;font-size:.78rem;color:var(--vxn-ink-2);}
.vxn-field-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px;}
.vxn-audit-form input, .vxn-audit-form textarea{font-family:var(--vxn-font-body);font-size:.92rem;color:var(--vxn-ink);
  background:var(--vxn-glass-2);border:1px solid var(--vxn-glass-brd);border-radius:10px;padding:11px 13px;transition:border-color .2s,box-shadow .2s;}
.vxn-audit-form textarea{resize:vertical;min-height:80px;}
.vxn-audit-form input::placeholder, .vxn-audit-form textarea::placeholder{color:var(--vxn-faint);}
.vxn-audit-form input:focus, .vxn-audit-form textarea:focus{outline:none;border-color:var(--vxn-blue);box-shadow:0 0 0 3px rgba(124,58,237,.15);}
.vxn-audit-note{font-size:.8rem;color:var(--vxn-muted);line-height:1.5;margin:2px 0 4px;padding:10px 12px;border-radius:10px;
  background:rgba(124,58,237,.06);border:1px solid var(--vxn-glass-brd);transition:background .25s,border-color .25s,color .25s;}
.vxn-audit-note a{color:var(--vxn-blue);font-weight:600;}
.vxn-audit-note.is-warn{background:rgba(244,63,94,.1);border-color:rgba(244,63,94,.45);color:var(--vxn-ink-2);}
.vxn-audit-submit{margin-top:4px;display:inline-flex;align-items:center;justify-content:center;gap:9px;
  font-family:var(--vxn-font-display);font-weight:700;font-size:.95rem;color:#fff;border:none;cursor:pointer;
  background:linear-gradient(135deg,#7c3aed,#a855f7,#c084fc);background-size:170% 170%;border-radius:12px;padding:14px;
  box-shadow:0 14px 30px -10px rgba(124,58,237,.6);transition:transform .2s,box-shadow .2s,background-position .45s;}
.vxn-audit-submit:hover{transform:translateY(-2px);background-position:100% 50%;box-shadow:0 18px 38px -10px rgba(124,58,237,.7);}
.vxn-audit-submit svg{width:17px;height:17px;}
.vxn-audit-done{text-align:center;padding:14px 0 6px;}
.vxn-audit-done .ok{width:58px;height:58px;border-radius:50%;margin:0 auto 16px;display:grid;place-items:center;color:#fff;
  background:linear-gradient(135deg,#10b981,#34d399);box-shadow:0 12px 28px -8px rgba(16,185,129,.6);}
.vxn-audit-done .ok svg{width:28px;height:28px;}
.vxn-audit-done h4{font-family:var(--vxn-font-display);font-weight:700;font-size:1.2rem;color:var(--vxn-ink);margin:0 0 8px;}
.vxn-audit-done p{color:var(--vxn-muted);font-size:.92rem;line-height:1.55;margin:0;}
.vxn-audit-done #vxn-audit-url{color:var(--vxn-blue);font-weight:600;word-break:break-all;}
@media (max-width:480px){.vxn-field-grid{grid-template-columns:1fr;}}

/* ===== CONVERSION WEBSITES PAGE ===== */
/* =====================================================================
   VAYUNEX — SOLUTIONS / LEAD GENERATION page  (theme-aware, token-driven)
   Layman explainer: zero → advanced. Classes namespaced .vxn-s* / .vxn-faq.
   ===================================================================== */

/* active nav (link + mega trigger) */
.vxn-hd-nav .vxn-hd-link[aria-current="page"],
.vxn-hd-nav .vxn-hd-mega-btn[aria-current="page"]{color:var(--vxn-ink);}
.vxn-hd-nav .vxn-hd-link[aria-current="page"]::after,
.vxn-hd-nav .vxn-hd-mega-btn[aria-current="page"]::after{content:"";position:absolute;left:13px;right:13px;bottom:5px;
  height:2px;border-radius:2px;background:var(--vxn-grad-cta);}
.vxn-hd-nav .vxn-hd-mega-btn[aria-current="page"]{position:relative;}

/* ---------- plain-English definition card ---------- */
.vxn-sdef{max-width:820px;margin:46px auto 0;text-align:center;border-radius:var(--vxn-r);padding:clamp(30px,4vw,44px);
  background:var(--vxn-glass-2);border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);position:relative;overflow:hidden;}
.vxn-sdef::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(520px 240px at 50% -10%,rgba(124,58,237,.14),transparent 70%);}
.vxn-sdef .in{position:relative;z-index:1;}
.vxn-sdef .eq{font-family:var(--vxn-font-mono);font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--vxn-blue);margin-bottom:14px;}
.vxn-sdef p{font-family:var(--vxn-font-display);font-weight:600;font-size:clamp(1.15rem,2.6vw,1.6rem);line-height:1.5;color:var(--vxn-ink);margin:0;}
.vxn-sdef p b{background:var(--vxn-grad-text);-webkit-background-clip:text;background-clip:text;color:transparent;}

/* ---------- node flow (stranger -> lead -> patient) ---------- */
.vxn-sflow{display:flex;align-items:stretch;justify-content:center;flex-wrap:wrap;gap:6px;margin-top:46px;}
.vxn-sflow-node{display:flex;flex-direction:column;align-items:center;gap:11px;text-align:center;padding:24px 20px;min-width:158px;
  border-radius:var(--vxn-r);background:var(--vxn-glass);border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);}
.vxn-sflow-node.hot{border-color:var(--vxn-blue);background:var(--vxn-glass-2);}
.vxn-sflow-node .ic{width:50px;height:50px;border-radius:14px;display:grid;place-items:center;background:rgba(124,58,237,.1);color:var(--vxn-blue);}
.vxn-sflow-node.hot .ic{background:var(--vxn-grad-cta);color:#fff;}
.vxn-sflow-node .ic svg{width:25px;height:25px;}
.vxn-sflow-node b{font-family:var(--vxn-font-display);font-size:1rem;color:var(--vxn-ink);}
.vxn-sflow-node span{font-size:.79rem;color:var(--vxn-muted);max-width:150px;}
.vxn-sflow-arrow{display:grid;place-items:center;color:var(--vxn-blue-2);flex:none;}
.vxn-sflow-arrow svg{width:26px;height:26px;}

/* ---------- example callout ---------- */
.vxn-sexample{display:flex;gap:14px;align-items:flex-start;padding:18px 20px;border-radius:var(--vxn-r-sm);
  background:rgba(124,58,237,.06);border:1px solid var(--vxn-line);border-left:3px solid var(--vxn-blue);margin-top:22px;}
.vxn-sexample .ic{flex:none;width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:rgba(124,58,237,.12);color:var(--vxn-amber);}
.vxn-sexample .ic svg{width:18px;height:18px;}
.vxn-sexample .tx{font-size:.92rem;color:var(--vxn-ink-2);line-height:1.6;}
.vxn-sexample .tx .tag{display:block;font-family:var(--vxn-font-mono);font-size:.64rem;letter-spacing:.14em;text-transform:uppercase;color:var(--vxn-blue);margin-bottom:5px;}
.vxn-sexample .tx b{color:var(--vxn-ink);font-weight:600;}

/* ---------- two-col text + visual ---------- */
.vxn-stwo{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,5vw,56px);align-items:center;margin-top:8px;}
.vxn-stwo.rev .vxn-stwo-visual{order:-1;}

/* ---------- photo frame ---------- */
.vxn-sphoto{position:relative;border-radius:var(--vxn-r);overflow:hidden;border:1px solid var(--vxn-glass-brd);
  box-shadow:var(--vxn-shadow);aspect-ratio:16/11;background:var(--vxn-panel-2);}
.vxn-sphoto img{width:100%;height:100%;object-fit:cover;display:block;}
.vxn-sphoto .cap{position:absolute;left:0;right:0;bottom:0;padding:16px 18px;font-family:var(--vxn-font-mono);font-size:.72rem;
  color:#fff;background:linear-gradient(180deg,transparent,rgba(8,6,20,.78));}

/* small inline chart card */
.vxn-schart{border-radius:var(--vxn-r);padding:24px;background:var(--vxn-glass);border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);}
.vxn-schart svg{width:100%;height:auto;display:block;}
.vxn-schart-key{display:flex;flex-wrap:wrap;gap:16px;margin-top:14px;font-family:var(--vxn-font-mono);font-size:.72rem;color:var(--vxn-muted);}
.vxn-schart-key i{display:inline-block;width:22px;height:3px;border-radius:3px;margin-right:7px;vertical-align:middle;}

/* ---------- levels (zero to advanced) ---------- */
.vxn-slevels{display:grid;gap:18px;margin-top:48px;}
.vxn-slevel{display:grid;grid-template-columns:128px 1fr;gap:26px;padding:30px 30px;border-radius:var(--vxn-r);
  background:var(--vxn-glass);border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);}
.vxn-slevel-badge{text-align:center;}
.vxn-slevel-badge .no{font-family:var(--vxn-font-display);font-weight:800;font-size:3.2rem;line-height:1;
  background:var(--vxn-grad-text);-webkit-background-clip:text;background-clip:text;color:transparent;}
.vxn-slevel-badge .lv{display:inline-block;margin-top:10px;font-family:var(--vxn-font-mono);font-size:.66rem;letter-spacing:.14em;
  text-transform:uppercase;color:#fff;background:var(--vxn-grad-cta);padding:5px 11px;border-radius:999px;}
.vxn-slevel-body h3{margin:0 0 6px;font-family:var(--vxn-font-display);font-size:1.28rem;color:var(--vxn-ink);}
.vxn-slevel-body .sub{margin:0 0 16px;font-size:.95rem;color:var(--vxn-muted);line-height:1.55;}
.vxn-slevel-list{list-style:none;margin:0;padding:0;display:grid;gap:11px;}
.vxn-slevel-list li{display:flex;gap:11px;align-items:flex-start;font-size:.92rem;color:var(--vxn-ink-2);line-height:1.5;}
.vxn-slevel-list li svg{width:18px;height:18px;flex:none;margin-top:2px;color:var(--vxn-green);}
.vxn-slevel-list li b{color:var(--vxn-ink);font-weight:600;}

/* ---------- channel cards ---------- */
.vxn-schannels{display:grid;grid-template-columns:repeat(auto-fit,minmax(282px,1fr));gap:16px;margin-top:42px;}
.vxn-schan{display:flex;flex-direction:column;border-radius:var(--vxn-r);background:var(--vxn-glass);
  border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);padding:26px 24px;transition:transform .3s var(--vxn-ease),border-color .3s;}
.vxn-schan:hover{transform:translateY(-4px);border-color:var(--vxn-blue);}
.vxn-schan .ic{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;background:rgba(124,58,237,.1);color:var(--vxn-blue);margin-bottom:14px;}
.vxn-schan .ic svg{width:24px;height:24px;}
.vxn-schan h4{margin:0 0 4px;font-family:var(--vxn-font-display);font-size:1.1rem;color:var(--vxn-ink);}
.vxn-schan .kind{font-family:var(--vxn-font-mono);font-size:.64rem;letter-spacing:.12em;text-transform:uppercase;color:var(--vxn-blue-2);}
.vxn-schan p{margin:13px 0 0;font-size:.88rem;color:var(--vxn-ink-2);line-height:1.55;}
.vxn-schan .best{display:flex;gap:7px;align-items:flex-start;margin-top:auto;padding-top:15px;font-family:var(--vxn-font-mono);font-size:.72rem;color:var(--vxn-green);line-height:1.45;}
.vxn-schan .best svg{width:13px;height:13px;flex:none;margin-top:2px;}

/* ---------- conversion funnel ---------- */
.vxn-sfunnel{max-width:680px;margin:48px auto 0;display:flex;flex-direction:column;align-items:center;gap:7px;}
.vxn-sfunnel-row{width:100%;display:flex;flex-direction:column;align-items:center;}
.vxn-sfunnel-bar{width:var(--w);max-width:100%;min-height:64px;border-radius:13px;background:var(--vxn-grad-cta);
  display:flex;align-items:center;justify-content:space-between;gap:14px;padding:0 22px;color:#fff;box-shadow:0 12px 30px -14px rgba(124,58,237,.7);}
.vxn-sfunnel-bar .n{font-family:var(--vxn-font-display);font-weight:800;font-size:clamp(1.25rem,3vw,1.7rem);font-variant-numeric:tabular-nums;letter-spacing:-.02em;}
.vxn-sfunnel-bar .lab{font-family:var(--vxn-font-mono);font-size:.73rem;letter-spacing:.03em;text-align:right;line-height:1.3;opacity:.96;}
.vxn-sfunnel-drop{font-family:var(--vxn-font-mono);font-size:.68rem;color:var(--vxn-faint);margin:2px 0;}

/* ---------- industry fit ---------- */
.vxn-sfit{display:grid;grid-template-columns:repeat(auto-fit,minmax(264px,1fr));gap:16px;margin-top:42px;}
.vxn-sfit-card{border-radius:var(--vxn-r);background:var(--vxn-glass);border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);padding:24px 22px;}
.vxn-sfit-top{display:flex;align-items:center;justify-content:space-between;gap:10px;}
.vxn-sfit-card h4{margin:0;font-family:var(--vxn-font-display);font-size:1.06rem;color:var(--vxn-ink);}
.vxn-sfit-rating{font-family:var(--vxn-font-mono);font-size:.64rem;letter-spacing:.1em;text-transform:uppercase;color:var(--vxn-blue);white-space:nowrap;}
.vxn-sfit-meter{display:flex;gap:5px;margin:14px 0;}
.vxn-sfit-meter i{height:7px;flex:1;border-radius:4px;background:rgba(var(--ln),.18);}
.vxn-sfit-meter i.on{background:var(--vxn-grad-cta);}
.vxn-sfit-card p{margin:0;font-size:.85rem;color:var(--vxn-muted);line-height:1.55;}

/* ---------- readiness checklist ---------- */
.vxn-sready{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px;margin-top:40px;}
.vxn-sready-item{display:flex;gap:13px;align-items:flex-start;padding:20px;border-radius:var(--vxn-r-sm);
  background:var(--vxn-glass);border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);}
.vxn-sready-item .ck{flex:none;width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:rgba(16,185,129,.12);color:var(--vxn-green);}
.vxn-sready-item .ck svg{width:17px;height:17px;}
.vxn-sready-item p{margin:0;font-size:.9rem;color:var(--vxn-ink-2);line-height:1.5;}
.vxn-sready-item p b{color:var(--vxn-ink);font-weight:600;}

/* ---------- budget tiers ---------- */
.vxn-stiers{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:42px;}
.vxn-stier{display:flex;flex-direction:column;border-radius:var(--vxn-r);background:var(--vxn-glass);
  border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);padding:28px 26px;position:relative;}
.vxn-stier.feature{border-color:var(--vxn-blue);background:var(--vxn-glass-2);}
.vxn-stier .badge{position:absolute;top:-11px;left:26px;font-family:var(--vxn-font-mono);font-size:.62rem;letter-spacing:.12em;
  text-transform:uppercase;color:#fff;background:var(--vxn-grad-cta);padding:5px 11px;border-radius:999px;box-shadow:var(--vxn-glow-cta);}
.vxn-stier .name{font-family:var(--vxn-font-mono);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--vxn-blue-2);}
.vxn-stier .spend{font-family:var(--vxn-font-display);font-weight:800;font-size:1.85rem;color:var(--vxn-ink);margin:8px 0 2px;letter-spacing:-.02em;}
.vxn-stier .spend span{font-size:.9rem;font-weight:500;color:var(--vxn-muted);}
.vxn-stier .who{font-size:.86rem;color:var(--vxn-muted);line-height:1.5;margin:0 0 18px;}
.vxn-stier ul{list-style:none;margin:0 0 18px;padding:0;display:grid;gap:10px;}
.vxn-stier li{display:flex;gap:10px;align-items:flex-start;font-size:.86rem;color:var(--vxn-ink-2);line-height:1.45;}
.vxn-stier li svg{width:16px;height:16px;flex:none;margin-top:2px;color:var(--vxn-green);}
.vxn-stier .exp{margin-top:auto;padding-top:16px;border-top:1px dashed var(--vxn-line);font-family:var(--vxn-font-mono);font-size:.74rem;color:var(--vxn-ink-2);}
.vxn-stier .exp b{color:var(--vxn-blue-2);}

/* ---------- results table ---------- */
.vxn-stable-wrap{margin-top:42px;overflow-x:auto;border-radius:var(--vxn-r);border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);}
.vxn-stable{width:100%;border-collapse:collapse;min-width:560px;background:var(--vxn-glass);}
.vxn-stable thead th{font-family:var(--vxn-font-mono);font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:var(--vxn-faint);
  text-align:left;padding:16px 20px;border-bottom:1px solid var(--vxn-line-2);background:rgba(var(--w),.03);}
.vxn-stable tbody td{padding:15px 20px;border-bottom:1px solid var(--vxn-line);font-size:.9rem;color:var(--vxn-ink-2);}
.vxn-stable tbody tr:last-child td{border-bottom:none;}
.vxn-stable tbody td:first-child{font-family:var(--vxn-font-display);font-weight:600;color:var(--vxn-ink);}
.vxn-stable tbody td .g{color:var(--vxn-green);font-family:var(--vxn-font-mono);font-weight:600;}

/* ---------- FAQ accordion (native details) ---------- */
.vxn-faq{max-width:820px;margin:42px auto 0;display:grid;gap:12px;}
.vxn-faq-item{border:1px solid var(--vxn-glass-brd);background:var(--vxn-glass);border-radius:var(--vxn-r-sm);
  box-shadow:var(--vxn-shadow);overflow:hidden;}
.vxn-faq-item summary{list-style:none;cursor:pointer;padding:20px 22px;display:flex;justify-content:space-between;align-items:center;gap:16px;
  font-family:var(--vxn-font-display);font-weight:600;font-size:1.02rem;color:var(--vxn-ink);}
.vxn-faq-item summary::-webkit-details-marker{display:none;}
.vxn-faq-item summary .pl{flex:none;color:var(--vxn-blue-2);transition:transform .3s var(--vxn-ease);}
.vxn-faq-item summary .pl svg{width:20px;height:20px;display:block;}
.vxn-faq-item[open] summary .pl{transform:rotate(135deg);}
.vxn-faq-item[open] summary{color:var(--vxn-blue-2);}
.vxn-faq-item .a{padding:0 22px 21px;font-size:.94rem;color:var(--vxn-ink-2);line-height:1.66;}
.vxn-faq-item .a b{color:var(--vxn-ink);font-weight:600;}

/* ---------- closing CTA ---------- */
.vxn-scta{position:relative;text-align:center;border-radius:var(--vxn-r);padding:clamp(42px,6vw,70px) 28px;overflow:hidden;
  background:var(--vxn-glass-2);border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);}
.vxn-scta::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(720px 360px at 50% -20%,rgba(124,58,237,.18),transparent 70%);}
.vxn-scta .in{position:relative;z-index:1;max-width:660px;margin-inline:auto;}
.vxn-scta .vxn-hero-cta{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:30px;}

/* ---------- responsive ---------- */
@media (max-width:920px){
  .vxn-stwo{grid-template-columns:1fr;gap:32px;}
  .vxn-stwo.rev .vxn-stwo-visual{order:0;}
  .vxn-stiers{grid-template-columns:1fr;}
}
@media (max-width:680px){
  .vxn-slevel{grid-template-columns:1fr;gap:18px;}
  .vxn-slevel-badge{display:flex;align-items:center;gap:14px;}
  .vxn-slevel-badge .no{font-size:2.4rem;}
  .vxn-slevel-badge .lv{margin-top:0;}
  .vxn-sflow-arrow{transform:rotate(90deg);}
}
@media (prefers-reduced-motion:reduce){
  .vxn-schan,.vxn-faq-item summary .pl{transition:none;}
}

/* mini chart strokes (var()/url() valid only in CSS, not SVG attrs) */
.vxn-schart-base{stroke:var(--vxn-line-2);stroke-width:1;}
.vxn-schart-wom{fill:none;stroke:var(--vxn-faint);stroke-width:2.5;stroke-dasharray:5 5;stroke-linecap:round;stroke-linejoin:round;}
.vxn-schart-lead{fill:none;stroke:url(#vxnSLead);stroke-width:3.4;stroke-linecap:round;stroke-linejoin:round;}

/* ===================================================================== */
/* PAID ACQUISITION additions (.vxn-p*)                                   */
/* ===================================================================== */

/* metric definition cards */
.vxn-pmetrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px;margin-top:42px;}
.vxn-pmetric{border-radius:var(--vxn-r);background:var(--vxn-glass);border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);padding:22px 22px;}
.vxn-pmetric .ab{display:flex;align-items:baseline;gap:9px;flex-wrap:wrap;}
.vxn-pmetric .ab b{font-family:var(--vxn-font-display);font-weight:800;font-size:1.5rem;letter-spacing:-.01em;background:var(--vxn-grad-text);-webkit-background-clip:text;background-clip:text;color:transparent;}
.vxn-pmetric .ab span{font-family:var(--vxn-font-mono);font-size:.66rem;letter-spacing:.06em;text-transform:uppercase;color:var(--vxn-muted);}
.vxn-pmetric p{margin:11px 0 0;font-size:.88rem;color:var(--vxn-ink-2);line-height:1.55;}
.vxn-pmetric p b{color:var(--vxn-ink);font-weight:600;}
.vxn-pmetric .eg{margin-top:11px;font-family:var(--vxn-font-mono);font-size:.72rem;color:var(--vxn-blue-2);}

/* ad-economics money map */
.vxn-peco{margin-top:44px;border-radius:var(--vxn-r);background:var(--vxn-glass-2);border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);padding:clamp(26px,4vw,40px);position:relative;overflow:hidden;}
.vxn-peco::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(600px 280px at 50% -10%,rgba(124,58,237,.14),transparent 70%);}
.vxn-peco-row{position:relative;z-index:1;display:flex;align-items:stretch;justify-content:center;flex-wrap:wrap;gap:6px;}
.vxn-peco-step{flex:1;min-width:118px;text-align:center;padding:18px 14px;border-radius:var(--vxn-r-sm);background:var(--vxn-glass);border:1px solid var(--vxn-glass-brd);}
.vxn-peco-step.in{border-color:var(--vxn-blue);}
.vxn-peco-step.out{border-color:var(--vxn-green);}
.vxn-peco-step .v{font-family:var(--vxn-font-display);font-weight:800;font-size:clamp(1.1rem,2.4vw,1.5rem);color:var(--vxn-ink);font-variant-numeric:tabular-nums;}
.vxn-peco-step.in .v{color:var(--vxn-blue-2);}
.vxn-peco-step.out .v{color:var(--vxn-green);}
.vxn-peco-step .k{font-family:var(--vxn-font-mono);font-size:.65rem;letter-spacing:.05em;text-transform:uppercase;color:var(--vxn-muted);margin-top:5px;}
.vxn-peco-arrow{display:grid;place-items:center;color:var(--vxn-blue-2);flex:none;}
.vxn-peco-arrow svg{width:22px;height:22px;}
.vxn-peco-foot{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;margin-top:26px;}
.vxn-peco-roas{display:inline-flex;align-items:baseline;gap:9px;padding:13px 26px;border-radius:999px;background:var(--vxn-grad-cta);color:#fff;box-shadow:var(--vxn-glow-cta);}
.vxn-peco-roas b{font-family:var(--vxn-font-display);font-weight:800;font-size:1.8rem;}
.vxn-peco-roas span{font-family:var(--vxn-font-mono);font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;opacity:.95;}

/* common mistakes */
.vxn-pmistakes{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px;margin-top:42px;}
.vxn-pmistake{border-radius:var(--vxn-r);background:var(--vxn-glass);border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);padding:24px 24px;border-left:3px solid var(--vxn-red);}
.vxn-pmistake .x{display:flex;align-items:center;gap:10px;margin-bottom:11px;}
.vxn-pmistake .x .ic{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:rgba(244,63,94,.12);color:var(--vxn-red);flex:none;}
.vxn-pmistake .x .ic svg{width:17px;height:17px;}
.vxn-pmistake .x b{font-family:var(--vxn-font-display);font-size:1rem;color:var(--vxn-ink);}
.vxn-pmistake p{margin:0;font-size:.88rem;color:var(--vxn-ink-2);line-height:1.55;}
.vxn-pmistake .fix{display:flex;gap:8px;align-items:flex-start;margin-top:13px;padding-top:13px;border-top:1px solid var(--vxn-line);font-size:.86rem;color:var(--vxn-ink-2);line-height:1.5;}
.vxn-pmistake .fix svg{width:15px;height:15px;flex:none;margin-top:2px;color:var(--vxn-green);}
.vxn-pmistake .fix b{color:var(--vxn-green);font-weight:600;font-family:var(--vxn-font-mono);font-size:.7rem;text-transform:uppercase;letter-spacing:.06em;margin-right:3px;}

@media (max-width:680px){ .vxn-peco-arrow{transform:rotate(90deg);} }

/* ===================================================================== */
/* CONVERSION WEBSITES additions (.vxn-w*)                                */
/* ===================================================================== */

/* --- landing-page browser mockup --- */
.vxn-wmock{max-width:540px;margin:44px auto 0;border-radius:16px;background:var(--vxn-glass);border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);overflow:hidden;}
.vxn-wmock-bar{display:flex;align-items:center;gap:7px;padding:11px 14px;background:var(--vxn-glass-2);border-bottom:1px solid var(--vxn-line);}
.vxn-wmock-bar .dot{width:10px;height:10px;border-radius:50%;background:rgba(var(--ln),.30);flex:none;}
.vxn-wmock-bar .url{flex:1;margin-left:8px;height:24px;border-radius:7px;background:rgba(var(--ln),.10);display:flex;align-items:center;gap:7px;padding:0 11px;font-family:var(--vxn-font-mono);font-size:.68rem;color:var(--vxn-muted);}
.vxn-wmock-bar .url svg{width:12px;height:12px;color:var(--vxn-green);flex:none;}
.vxn-wmock-nav{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--vxn-line);}
.vxn-wmock-nav .brand{display:flex;align-items:center;gap:9px;font-family:var(--vxn-font-display);font-weight:700;font-size:.95rem;color:var(--vxn-ink);}
.vxn-wmock-nav .brand .b{width:22px;height:22px;border-radius:7px;background:var(--vxn-grad-cta);flex:none;}
.vxn-wmock-nav .book{font-size:.72rem;font-weight:700;padding:7px 15px;border-radius:999px;background:var(--vxn-grad-cta);color:#fff;}
.vxn-wmock-hero{padding:32px 24px 34px;text-align:center;background:radial-gradient(440px 210px at 50% 0,rgba(124,58,237,.12),transparent 70%);}
.vxn-wmock-hero h5{font-family:var(--vxn-font-display);font-weight:800;font-size:1.5rem;line-height:1.14;color:var(--vxn-ink);margin:0 0 11px;letter-spacing:-.01em;}
.vxn-wmock-hero h5 span{background:var(--vxn-grad-text);-webkit-background-clip:text;background-clip:text;color:transparent;}
.vxn-wmock-hero .p{font-size:.82rem;color:var(--vxn-muted);margin:0 0 20px;}
.vxn-wmock-cta{display:inline-flex;align-items:center;gap:8px;padding:13px 28px;border-radius:999px;background:var(--vxn-grad-cta);color:#fff;font-weight:700;font-size:.92rem;box-shadow:var(--vxn-glow-cta);}
.vxn-wmock-cta svg{width:16px;height:16px;}
.vxn-wmock-trust{display:flex;align-items:center;justify-content:center;gap:9px;margin-top:18px;}
.vxn-wmock-trust .st{color:var(--vxn-amber);letter-spacing:1px;font-size:.92rem;}
.vxn-wmock-trust .ct{color:var(--vxn-muted);font-family:var(--vxn-font-mono);font-size:.72rem;}
.vxn-wmock-badges{display:flex;justify-content:center;gap:8px;margin-top:15px;flex-wrap:wrap;}
.vxn-wmock-badge{font-size:.66rem;color:var(--vxn-ink-2);background:var(--vxn-glass-2);border:1px solid var(--vxn-line);border-radius:999px;padding:5px 12px;display:inline-flex;align-items:center;gap:5px;}
.vxn-wmock-badge svg{width:12px;height:12px;color:var(--vxn-green);flex:none;}

/* --- same-traffic comparison --- */
.vxn-wcompare{display:flex;align-items:stretch;justify-content:center;gap:14px;flex-wrap:wrap;margin-top:44px;}
.vxn-wcompare-card{flex:1;min-width:236px;max-width:340px;border-radius:var(--vxn-r);background:var(--vxn-glass);border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);padding:28px 24px;text-align:center;}
.vxn-wcompare-card .lbl{font-family:var(--vxn-font-mono);font-size:.68rem;letter-spacing:.06em;text-transform:uppercase;color:var(--vxn-muted);}
.vxn-wcompare-card .big{font-family:var(--vxn-font-display);font-weight:800;font-size:2.5rem;margin:12px 0 2px;font-variant-numeric:tabular-nums;line-height:1;}
.vxn-wcompare-card.bad .big{color:var(--vxn-ink-2);}
.vxn-wcompare-card.good .big{color:var(--vxn-green);}
.vxn-wcompare-card .sub{font-size:.82rem;color:var(--vxn-muted);}
.vxn-wcompare-card .rate{margin-top:15px;font-size:.8rem;color:var(--vxn-ink-2);border-top:1px solid var(--vxn-line);padding-top:13px;}
.vxn-wcompare-card .rate b{color:var(--vxn-ink);font-weight:700;}
.vxn-wcompare-card.good{border-color:var(--vxn-line-2);background:rgba(124,58,237,.05);}
.vxn-wcompare-vs{display:grid;place-items:center;flex:none;}
.vxn-wcompare-vs span{display:inline-flex;flex-direction:column;align-items:center;gap:3px;padding:15px 19px;border-radius:999px;background:var(--vxn-grad-cta);color:#fff;box-shadow:var(--vxn-glow-cta);}
.vxn-wcompare-vs b{font-family:var(--vxn-font-display);font-weight:800;font-size:1.7rem;line-height:1;}
.vxn-wcompare-vs small{font-family:var(--vxn-font-mono);font-size:.6rem;letter-spacing:.05em;text-transform:uppercase;opacity:.95;}
@media (max-width:680px){.vxn-wcompare-vs{transform:rotate(90deg);margin:-2px 0;}}



/* From cosmetic-surgery.html */

/* =====================================================================
   VAYUNEX — DESIGN SYSTEM v2
   Light-default, royal-purple. Dark mode via :root[data-theme="dark"].
   Theme bases: --w (tint), --ln (hairline), --mk (screen-mock surface)
   flip per theme so one stylesheet serves both. Accents are shared.
   Type:  Sora (display) · Manrope (body) · JetBrains Mono (data)
   ===================================================================== */

/* ----- TOKENS : LIGHT (default) ----- */
:root{
  color-scheme: light;

  --vxn-void:#ffffff;
  --vxn-deep:#f4f0fb;
  --vxn-panel:#ffffff;
  --vxn-panel-2:#f5f1fe;

  --vxn-ink:#1b1233;
  --vxn-ink-2:#392e57;
  --vxn-muted:#675d86;
  --vxn-faint:#9a91b4;

  /* theme bases */
  --w:45,35,70;          /* subtle tint base (dark on light) */
  --ln:110,82,180;       /* hairline base (purple)           */
  --mk:245,243,252;      /* screen-mock surface (near-white) */

  --vxn-line:rgba(var(--ln),0.16);
  --vxn-line-2:rgba(var(--ln),0.32);

  /* royal-purple accents (shared both themes) */
  --vxn-blue:#7c3aed;    /* primary  */
  --vxn-blue-2:#a855f7;  /* primary-2 */
  --vxn-cyan:#c084fc;    /* bright orchid pop */
  --vxn-violet:#8b5cf6;
  --vxn-green:#10b981;   /* success / revenue */
  --vxn-amber:#f59e0b;   /* stars / cost */
  --vxn-red:#f43f5e;     /* loss */

  --vxn-glass:linear-gradient(160deg,rgba(255,255,255,0.96),rgba(250,248,255,0.90));
  --vxn-glass-2:linear-gradient(160deg,#ffffff,#f3edfe);
  --vxn-glass-brd:rgba(var(--ln),0.20);

  --vxn-cta-ink:#ffffff;
  --vxn-grad-cta:linear-gradient(135deg,#7c3aed 0%,#a855f7 55%,#c084fc 100%);
  --vxn-grad-violet:linear-gradient(135deg,#8b5cf6 0%,#7c3aed 100%);
  --vxn-grad-text:linear-gradient(120deg,#2a1d4d 0%,#7c3aed 55%,#a855f7 100%);

  --vxn-shadow:0 26px 60px -30px rgba(76,29,149,0.30);
  --vxn-glow-cta:0 16px 40px -12px rgba(124,58,237,0.42);

  --vxn-font-display:'Sora',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  --vxn-font-body:'Manrope',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  --vxn-font-mono:'JetBrains Mono',ui-monospace,SFMono-Regular,Menlo,monospace;

  --vxn-r:20px;
  --vxn-r-sm:14px;
  --vxn-shell:1180px;
  --vxn-ease:cubic-bezier(.2,.7,.2,1);
}

/* ----- TOKENS : DARK (toggle) ----- */
:root[data-theme="dark"]{
  color-scheme: dark;

  --vxn-void:#0b0818;
  --vxn-deep:#0f0b20;
  --vxn-panel:#150f2b;
  --vxn-panel-2:#1b1338;

  --vxn-ink:#f3f0ff;
  --vxn-ink-2:#cdc6e8;
  --vxn-muted:#968cb8;
  --vxn-faint:#6c648c;

  --w:255,255,255;
  --ln:150,135,215;
  --mk:14,20,44;

  --vxn-glass:linear-gradient(160deg,rgba(255,255,255,0.07),rgba(255,255,255,0.02));
  --vxn-glass-2:linear-gradient(160deg,rgba(255,255,255,0.10),rgba(255,255,255,0.03));
  --vxn-glass-brd:rgba(255,255,255,0.10);

  --vxn-grad-text:linear-gradient(120deg,#ffffff 0%,#c4b5fd 50%,#c084fc 100%);

  --vxn-shadow:0 26px 70px -28px rgba(0,0,0,0.70);
  --vxn-glow-cta:0 16px 44px -12px rgba(124,58,237,0.60);
}

/* ----- TRANSFORMED SECTION STYLES (token-driven, theme-aware) ----- */
/* =====================================================================
   VAYUNEX — GLOBAL DESIGN SYSTEM
   Visual direction: "Mission control for revenue" — deep navy/black base,
   electric blue + cyan + violet accents, success green & cost amber for
   telemetry, frosted glass, ambient grid, lead-flow particle motif.
   Type roles:  Sora (display) · Manrope (body) · JetBrains Mono (data)
   All classes are namespaced with the vxn- prefix.
   ===================================================================== */

/* ----- TOKENS ----- */

/* ----- RESET / BASE ----- */
*,*::before,*::after{box-sizing:border-box;}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;}
body{
  margin:0;
  background:var(--vxn-void);
  color:var(--vxn-ink-2);
  font-family:var(--vxn-font-body);
  font-size:16px;
  line-height:1.65;
  letter-spacing:.005em;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
  overflow-x:hidden;
}
img{max-width:100%;display:block;}
a{color:inherit;text-decoration:none;}
button{font-family:inherit;cursor:pointer;}
canvas{display:block;}
::selection{background:rgba(192,132,252,.28);color:#fff;}

/* ----- AMBIENT ATMOSPHERE (fixed background layer) ----- */
.vxn-atmos{position:fixed;inset:0;z-index:-2;pointer-events:none;background:
  radial-gradient(1100px 700px at 78% -8%,rgba(124,58,237,.22),transparent 60%),
  radial-gradient(900px 700px at 8% 12%,rgba(139,92,246,.16),transparent 60%),
  radial-gradient(1000px 800px at 60% 108%,rgba(192,132,252,.10),transparent 55%),
  var(--vxn-void);}
.vxn-atmos::before{content:"";position:absolute;inset:0;opacity:.5;
  background-image:linear-gradient(rgba(var(--ln),.05) 1px,transparent 1px),
                   linear-gradient(90deg,rgba(var(--ln),.05) 1px,transparent 1px);
  background-size:54px 54px;
  -webkit-mask-image:radial-gradient(circle at 50% 30%,#000 0%,transparent 78%);
          mask-image:radial-gradient(circle at 50% 30%,#000 0%,transparent 78%);}
.vxn-grain{position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.035;mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");}

/* ----- LAYOUT PRIMITIVES ----- */
.vxn-shell{width:100%;max-width:var(--vxn-shell);margin-inline:auto;padding-inline:24px;}
.vxn-section{position:relative;padding-block:clamp(74px,11vh,128px);}
.vxn-section--tight{padding-block:clamp(56px,8vh,92px);}
.vxn-divider{height:1px;background:linear-gradient(90deg,transparent,var(--vxn-line-2),transparent);border:0;margin:0;}

/* ----- TYPOGRAPHY ----- */
.vxn-eyebrow{display:inline-flex;align-items:center;gap:9px;font-family:var(--vxn-font-mono);
  font-size:12px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--vxn-cyan);}
.vxn-eyebrow::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--vxn-cyan);
  box-shadow:0 0 10px var(--vxn-cyan);}
.vxn-h1{font-family:var(--vxn-font-display);font-weight:800;line-height:1.04;letter-spacing:-.025em;
  font-size:clamp(2.4rem,6vw,4.5rem);color:var(--vxn-ink);margin:0;}
.vxn-h2{font-family:var(--vxn-font-display);font-weight:700;line-height:1.08;letter-spacing:-.02em;
  font-size:clamp(1.85rem,4vw,3rem);color:var(--vxn-ink);margin:0;}
.vxn-h3{font-family:var(--vxn-font-display);font-weight:600;line-height:1.2;letter-spacing:-.01em;
  font-size:clamp(1.1rem,2vw,1.35rem);color:var(--vxn-ink);margin:0;}
.vxn-lead{font-size:clamp(1.02rem,1.6vw,1.2rem);color:var(--vxn-ink-2);max-width:62ch;}
.vxn-grad-txt{background:var(--vxn-grad-text);-webkit-background-clip:text;background-clip:text;color:transparent;}
.vxn-cyan{color:var(--vxn-cyan);} .vxn-violet{color:var(--vxn-violet);} .vxn-green{color:var(--vxn-green);}
.vxn-mono{font-family:var(--vxn-font-mono);font-variant-numeric:tabular-nums;}
.vxn-head{max-width:760px;}
.vxn-head .vxn-lead{margin-top:18px;}
.vxn-center{text-align:center;margin-inline:auto;}

/* ----- BUTTONS ----- */
.vxn-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;
  font-family:var(--vxn-font-display);font-weight:600;font-size:.96rem;letter-spacing:-.01em;
  padding:14px 24px;border-radius:13px;border:1px solid transparent;transition:transform .25s var(--vxn-ease),box-shadow .25s,background .25s;white-space:nowrap;}
.vxn-btn svg{width:18px;height:18px;}
.vxn-btn--primary{background:var(--vxn-grad-cta);color:var(--vxn-cta-ink);box-shadow:var(--vxn-glow-cta);}
.vxn-btn--primary:hover{transform:translateY(-2px);box-shadow:0 20px 50px -12px rgba(124,58,237,.7);}
.vxn-btn--ghost{background:rgba(var(--w),.03);border-color:var(--vxn-line-2);color:var(--vxn-ink);}
.vxn-btn--ghost:hover{transform:translateY(-2px);background:rgba(var(--w),.07);border-color:var(--vxn-cyan);}
.vxn-btn:focus-visible{outline:2px solid var(--vxn-cyan);outline-offset:3px;}

/* ----- CHIPS / PILLS ----- */
.vxn-chip{display:inline-flex;align-items:center;gap:8px;font-size:.82rem;font-weight:600;color:var(--vxn-ink-2);
  padding:7px 14px;border-radius:999px;background:rgba(var(--w),.04);border:1px solid var(--vxn-line);}
.vxn-chip .vxn-dot{width:6px;height:6px;border-radius:50%;background:var(--vxn-green);box-shadow:0 0 8px var(--vxn-green);}

/* ----- GLASS CARD ----- */
.vxn-glass{position:relative;background:var(--vxn-glass);border:1px solid var(--vxn-glass-brd);
  border-radius:var(--vxn-r);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--vxn-shadow);}
.vxn-glass::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;pointer-events:none;
  background:linear-gradient(160deg,rgba(var(--w),.35),transparent 40%);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
          mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;mask-composite:exclude;opacity:.5;}

/* 3D tilt-ready card */
.vxn-card3d{transition:transform .4s var(--vxn-ease),box-shadow .4s;transform-style:preserve-3d;will-change:transform;}

/* ----- SCROLL REVEAL ----- */
.vxn-reveal{opacity:0;transform:translateY(28px);transition:opacity .8s var(--vxn-ease),transform .8s var(--vxn-ease);transition-delay:var(--d,0s);}
.vxn-reveal.is-in{opacity:1;transform:none;}

/* ============================ NAV (CAPSULE) ============================ */
/* "Living glass capsule" — contracts on scroll, canopy mega-menu unfurls
   out of the same surface, sliding spotlight, full-screen mobile overlay. */
.vxn-skip{position:absolute;left:-9999px;top:0;z-index:200;background:var(--vxn-cyan);color:var(--vxn-cta-ink);
  padding:10px 16px;border-radius:0 0 10px 0;font-weight:700;}
.vxn-skip:focus{left:0;}

.vxn-scrim{position:fixed;inset:0;z-index:79;background:rgba(var(--mk),.55);opacity:0;visibility:hidden;
  -webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:opacity .35s,visibility .35s;}
.vxn-scrim.is-on{opacity:1;visibility:visible;}

.vxn-nav{position:fixed;top:14px;left:0;right:0;z-index:80;display:flex;justify-content:center;padding-inline:14px;}
.vxn-island{width:min(1120px,100%);background:linear-gradient(160deg,rgba(var(--mk),.78),rgba(var(--mk),.7));
  border:1px solid var(--vxn-glass-brd);border-radius:22px;overflow:hidden;
  -webkit-backdrop-filter:blur(16px) saturate(140%);backdrop-filter:blur(16px) saturate(140%);
  box-shadow:0 18px 50px -22px rgba(0,0,0,.8);
  transition:width .5s var(--vxn-ease),border-radius .5s,background .5s;}
.vxn-nav.is-contracted .vxn-island{width:min(880px,100%);background:linear-gradient(160deg,rgba(var(--mk),.92),rgba(var(--mk),.9));}
.vxn-bar{display:flex;align-items:center;gap:18px;padding:11px 14px 11px 18px;transition:padding .5s var(--vxn-ease);}
.vxn-nav.is-contracted .vxn-bar{padding:8px 12px 8px 16px;}

.vxn-brand{display:flex;align-items:center;gap:11px;flex-shrink:0;}
.vxn-mark{width:30px;height:30px;flex-shrink:0;transition:width .5s,height .5s;}
.vxn-nav.is-contracted .vxn-mark{width:26px;height:26px;}
.vxn-word{font-family:var(--vxn-font-display);font-weight:800;letter-spacing:.12em;font-size:1.02rem;color:var(--vxn-ink);}

.vxn-links{position:relative;display:flex;align-items:center;gap:2px;margin-inline:auto;}
.vxn-spot{position:absolute;top:50%;height:34px;border-radius:11px;transform:translateY(-50%);
  background:linear-gradient(160deg,rgba(var(--ln),.22),rgba(var(--ln),.08));border:1px solid var(--vxn-line);
  z-index:0;opacity:0;transition:left .38s var(--vxn-ease),width .38s var(--vxn-ease),opacity .3s;pointer-events:none;}
.vxn-link{position:relative;z-index:1;display:inline-flex;align-items:center;gap:6px;color:var(--vxn-ink-2);
  font-size:.92rem;font-weight:600;padding:8px 14px;border-radius:11px;background:none;border:0;transition:color .25s;}
.vxn-link:hover,.vxn-link[aria-expanded="true"]{color:var(--vxn-ink);}
.vxn-link .vxn-chev{width:14px;height:14px;transition:transform .3s;}
.vxn-link[aria-expanded="true"] .vxn-chev{transform:rotate(180deg);}
.vxn-link:focus-visible{outline:2px solid var(--vxn-cyan);outline-offset:2px;}

.vxn-actions{display:flex;align-items:center;gap:10px;flex-shrink:0;}
.vxn-cta{display:inline-flex;align-items:center;gap:7px;background:var(--vxn-grad-cta);color:var(--vxn-cta-ink);
  font-family:var(--vxn-font-display);font-weight:700;font-size:.88rem;padding:10px 17px;border-radius:11px;
  box-shadow:0 10px 26px -10px rgba(124,58,237,.6);transition:transform .25s,box-shadow .25s;border:0;}
.vxn-cta:hover{transform:translateY(-1px);box-shadow:0 14px 32px -8px rgba(124,58,237,.8);}
.vxn-cta:focus-visible{outline:2px solid #fff;outline-offset:2px;}

.vxn-burger{display:none;width:42px;height:38px;border-radius:11px;background:rgba(var(--w),.05);
  border:1px solid var(--vxn-line);align-items:center;justify-content:center;flex-direction:column;gap:4px;}
.vxn-burger span{width:18px;height:2px;background:var(--vxn-ink);border-radius:2px;transition:transform .3s,opacity .3s;}
.vxn-burger:focus-visible{outline:2px solid var(--vxn-cyan);outline-offset:2px;}

/* Canopy mega-menu (lives INSIDE the island; grows out of it) */
.vxn-canopy{max-height:0;opacity:0;padding:0 22px;transition:max-height .5s var(--vxn-ease),opacity .35s,padding .5s var(--vxn-ease);}
.vxn-island.is-open .vxn-canopy{max-height:420px;opacity:1;padding:4px 22px 22px;}
.vxn-canopy-top{height:1px;background:var(--vxn-line);margin-bottom:18px;}
.vxn-canopy-grid{display:grid;grid-template-columns:1fr 1fr 1.15fr;gap:22px;}
.vxn-col-title{font-family:var(--vxn-font-mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--vxn-muted);margin-bottom:12px;}
.vxn-col a{display:flex;align-items:center;gap:10px;color:var(--vxn-ink-2);font-size:.9rem;font-weight:600;padding:7px 9px;border-radius:9px;transition:background .2s,color .2s,transform .2s;opacity:0;transform:translateY(8px);}
.vxn-island.is-open .vxn-col a{opacity:1;transform:none;}
.vxn-island.is-open .vxn-col:nth-child(1) a{transition-delay:.05s;}
.vxn-island.is-open .vxn-col:nth-child(2) a{transition-delay:.12s;}
.vxn-col a:hover{background:rgba(var(--ln),.1);color:#fff;}
.vxn-col a i{width:8px;height:8px;border-radius:50%;background:var(--vxn-cyan);box-shadow:0 0 8px var(--vxn-cyan);flex-shrink:0;}
.vxn-col a.h i{background:var(--vxn-green);box-shadow:0 0 8px var(--vxn-green);}
.vxn-rail{background:var(--vxn-grad-violet);border-radius:16px;padding:18px;display:flex;flex-direction:column;justify-content:center;opacity:0;transform:translateY(8px);transition:opacity .4s .18s,transform .4s .18s;}
.vxn-island.is-open .vxn-rail{opacity:1;transform:none;}
.vxn-rail h4{font-family:var(--vxn-font-display);font-size:1.05rem;color:#fff;margin:0 0 6px;}
.vxn-rail p{font-size:.82rem;color:rgba(var(--w),.85);margin:0 0 14px;}
.vxn-rail a{align-self:flex-start;background:#fff;color:#1a1340;font-weight:700;font-size:.82rem;padding:9px 15px;border-radius:10px;}

/* Mobile full-screen overlay */
.vxn-overlay{position:fixed;inset:0;z-index:90;background:linear-gradient(180deg,var(--vxn-void),var(--vxn-void));
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transform:translateY(-100%);transition:transform .5s var(--vxn-ease);
  display:flex;flex-direction:column;padding:22px;overflow-y:auto;}
.vxn-overlay.is-open{transform:none;}
.vxn-ov-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:36px;}
.vxn-ov-close{width:42px;height:42px;border-radius:12px;background:rgba(var(--w),.05);border:1px solid var(--vxn-line);color:var(--vxn-ink);font-size:1.4rem;display:flex;align-items:center;justify-content:center;}
.vxn-ov-body{display:flex;flex-direction:column;gap:6px;}
.vxn-ov-link{font-family:var(--vxn-font-display);font-weight:700;font-size:1.8rem;color:var(--vxn-ink);padding:14px 4px;border-bottom:1px solid var(--vxn-line);display:flex;align-items:center;justify-content:space-between;
  opacity:0;transform:translateX(-18px);transition:opacity .5s,transform .5s;}
.vxn-overlay.is-open .vxn-ov-link{opacity:1;transform:none;}
.vxn-overlay.is-open .vxn-ov-link:nth-child(1){transition-delay:.08s;}
.vxn-overlay.is-open .vxn-ov-link:nth-child(2){transition-delay:.14s;}
.vxn-overlay.is-open .vxn-ov-link:nth-child(3){transition-delay:.2s;}
.vxn-overlay.is-open .vxn-ov-link:nth-child(4){transition-delay:.26s;}
.vxn-overlay.is-open .vxn-ov-link:nth-child(5){transition-delay:.32s;}
.vxn-ov-sub{display:none;flex-direction:column;gap:2px;padding:6px 4px 14px;}
.vxn-ov-sub.is-open{display:flex;}
.vxn-ov-sub a{color:var(--vxn-muted);font-size:1.05rem;font-weight:600;padding:8px 0;}
.vxn-ov-cta{margin-top:26px;}

@media(max-width:920px){
  .vxn-links{display:none;}
  .vxn-burger{display:flex;}
  .vxn-actions .vxn-cta{display:none;}
}
@media(min-width:921px){ .vxn-overlay{display:none!important;} }

/* ============================ HERO ============================ */
.vxn-hero{position:relative;min-height:100svh;display:flex;align-items:center;padding-top:130px;padding-bottom:64px;overflow:hidden;}
.vxn-hero-bg{position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.9;}
.vxn-hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.04fr .96fr;gap:46px;align-items:center;width:100%;}
.vxn-hero-copy{max-width:600px;}
.vxn-hero h1{margin:18px 0 0;}
.vxn-hero h1 .ln{display:block;}
.vxn-hero .vxn-lead{margin-top:22px;}
.vxn-hero-cta{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px;}
.vxn-hero-trust{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px;}

.vxn-engine{position:relative;width:100%;aspect-ratio:1/.86;max-width:560px;margin-inline:auto;}
.vxn-engine canvas{position:absolute;inset:0;width:100%;height:100%;}
.vxn-dash{position:absolute;right:-6px;bottom:-14px;width:min(252px,72%);padding:16px 16px 14px;border-radius:16px;z-index:3;}
.vxn-dash-h{display:flex;align-items:center;gap:8px;font-family:var(--vxn-font-mono);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--vxn-muted);margin-bottom:12px;}
.vxn-dash-h .live{width:7px;height:7px;border-radius:50%;background:var(--vxn-green);box-shadow:0 0 9px var(--vxn-green);animation:vxn-pulse 1.8s infinite;}
.vxn-dash-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 14px;}
.vxn-dash-cell .k{font-size:10px;letter-spacing:.04em;color:var(--vxn-faint);text-transform:uppercase;font-weight:600;}
.vxn-dash-cell .v{font-family:var(--vxn-font-mono);font-weight:700;font-size:1.18rem;color:var(--vxn-ink);line-height:1.2;font-variant-numeric:tabular-nums;}
.vxn-dash-cell .v.c{color:var(--vxn-cyan);} .vxn-dash-cell .v.g{color:var(--vxn-green);}
@keyframes vxn-pulse{0%,100%{opacity:1;transform:scale(1);}50%{opacity:.45;transform:scale(.82);}}

/* ============================ PROBLEM / LEAK FUNNEL ============================ */
.vxn-leak-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:46px;align-items:center;margin-top:48px;}
.vxn-funnel-stage{position:relative;width:100%;max-width:440px;margin-inline:auto;}
.vxn-funnel-stage svg{width:100%;height:auto;overflow:visible;}
.vxn-leak-rows{display:flex;flex-direction:column;gap:10px;}
.vxn-leak-row{display:flex;gap:14px;align-items:flex-start;padding:15px 16px;border-radius:14px;border:1px solid var(--vxn-line);
  background:rgba(var(--w),.018);cursor:pointer;transition:border-color .3s,background .3s,transform .3s;text-align:left;width:100%;}
.vxn-leak-row:hover{transform:translateX(4px);}
.vxn-leak-row.is-active{border-color:rgba(244,63,94,.55);background:rgba(244,63,94,.07);}
.vxn-leak-num{font-family:var(--vxn-font-mono);font-size:.8rem;color:var(--vxn-red);font-weight:700;width:26px;height:26px;border-radius:8px;
  background:rgba(244,63,94,.12);display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px;}
.vxn-leak-row.is-active .vxn-leak-num{background:var(--vxn-red);color:#180408;}
.vxn-leak-txt h4{font-family:var(--vxn-font-display);font-size:1rem;color:var(--vxn-ink);margin:0 0 3px;}
.vxn-leak-txt p{margin:0;font-size:.88rem;color:var(--vxn-muted);}
.vxn-leak-foot{margin-top:22px;font-size:.95rem;color:var(--vxn-ink-2);border-left:2px solid var(--vxn-cyan);padding-left:16px;}

/* ============================ METHOD (10-step journey) ============================ */
.vxn-method-rail{position:relative;display:flex;gap:14px;overflow-x:auto;padding:30px 4px 18px;margin-top:38px;scroll-snap-type:x mandatory;
  -ms-overflow-style:none;scrollbar-width:thin;scrollbar-color:var(--vxn-line-2) transparent;}
.vxn-method-rail::-webkit-scrollbar{height:6px;}
.vxn-method-rail::-webkit-scrollbar-thumb{background:var(--vxn-line-2);border-radius:6px;}
.vxn-mprogress{position:absolute;top:14px;left:4px;right:4px;height:2px;background:var(--vxn-line);border-radius:2px;overflow:hidden;}
.vxn-mprogress i{position:absolute;inset:0;width:0;background:var(--vxn-grad-cta);box-shadow:0 0 12px rgba(192,132,252,.6);transition:width 1.4s var(--vxn-ease);}
.vxn-mstep{position:relative;scroll-snap-align:start;flex:0 0 auto;width:172px;padding:18px 16px 16px;border-radius:16px;}
.vxn-mstep .n{position:absolute;top:-11px;left:16px;font-family:var(--vxn-font-mono);font-size:.7rem;font-weight:700;color:var(--vxn-cyan);
  background:var(--vxn-deep);border:1px solid var(--vxn-line);padding:3px 7px;border-radius:7px;}
.vxn-mstep .ic{width:38px;height:38px;border-radius:11px;background:rgba(var(--ln),.1);display:flex;align-items:center;justify-content:center;margin-bottom:12px;color:var(--vxn-cyan);}
.vxn-mstep .ic svg{width:20px;height:20px;}
.vxn-mstep h4{font-family:var(--vxn-font-display);font-size:1rem;color:var(--vxn-ink);margin:0 0 6px;}
.vxn-mstep p{margin:0;font-size:.82rem;color:var(--vxn-muted);line-height:1.5;}
.vxn-mstep::after{content:"";position:absolute;right:-9px;top:54px;width:14px;height:14px;border-top:2px solid var(--vxn-line-2);border-right:2px solid var(--vxn-line-2);transform:rotate(45deg);opacity:.7;}
.vxn-mstep:last-child::after{display:none;}

/* ============================ STRATEGY BOARD ============================ */
.vxn-board-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:46px;align-items:center;margin-top:46px;}
.vxn-board{position:relative;aspect-ratio:1;width:100%;max-width:480px;margin-inline:auto;border-radius:24px;overflow:hidden;
  background:linear-gradient(160deg,rgba(var(--mk),.9),rgba(var(--mk),.92));border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);}
.vxn-board::before{content:"";position:absolute;inset:0;opacity:.5;
  background-image:repeating-conic-gradient(rgba(var(--ln),.05) 0% 25%,transparent 0% 50%);background-size:25% 25%;}
.vxn-board::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 45%,transparent 30%,rgba(var(--mk),.55) 100%);}
.vxn-piece{position:absolute;width:21%;aspect-ratio:1;transform:translate(-50%,-50%) scale(.3);opacity:0;
  transition:transform .9s var(--vxn-ease),opacity .7s;left:var(--x);top:var(--y);z-index:2;cursor:default;}
.vxn-board.is-placed .vxn-piece{transform:translate(-50%,-50%) scale(1);opacity:1;}
.vxn-piece-disc{position:absolute;inset:0;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;
  background:radial-gradient(circle at 35% 28%,rgba(var(--w),.22),rgba(var(--w),.03) 60%),linear-gradient(160deg,rgba(var(--mk),.9),rgba(var(--mk),.95));
  border:1px solid rgba(var(--w),.16);box-shadow:0 10px 24px -8px rgba(0,0,0,.7),inset 0 1px 1px rgba(var(--w),.25);
  transition:transform .3s,box-shadow .3s;}
.vxn-piece:hover .vxn-piece-disc{transform:translateY(-4px) scale(1.05);box-shadow:0 16px 30px -8px var(--pc,rgba(192,132,252,.5)),inset 0 1px 1px rgba(var(--w),.3);}
.vxn-piece-disc svg{width:34%;height:34%;color:var(--pc,var(--vxn-cyan));}
.vxn-piece-lbl{font-family:var(--vxn-font-mono);font-size:.5rem;letter-spacing:.04em;color:var(--vxn-ink-2);text-transform:uppercase;font-weight:700;}
.vxn-piece-glow{position:absolute;inset:-30%;border-radius:50%;background:radial-gradient(circle,var(--pc,rgba(192,132,252,.4)),transparent 65%);opacity:.4;filter:blur(6px);z-index:-1;}
.vxn-tip{position:absolute;left:50%;bottom:112%;transform:translateX(-50%) translateY(6px);width:max-content;max-width:180px;
  background:rgba(var(--mk),.96);border:1px solid var(--vxn-line-2);border-radius:10px;padding:9px 12px;font-size:.74rem;color:var(--vxn-ink-2);line-height:1.45;
  opacity:0;visibility:hidden;transition:opacity .25s,transform .25s,visibility .25s;z-index:5;box-shadow:0 12px 30px -10px rgba(0,0,0,.8);pointer-events:none;}
.vxn-tip b{color:var(--pc,var(--vxn-cyan));font-family:var(--vxn-font-display);}
.vxn-piece:hover .vxn-tip{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0);}
.vxn-legend{display:flex;flex-direction:column;gap:8px;margin-top:26px;}
.vxn-lrow{display:flex;align-items:center;gap:12px;padding:11px 14px;border-radius:12px;border:1px solid var(--vxn-line);background:rgba(var(--w),.018);transition:background .25s,border-color .25s;cursor:default;}
.vxn-lrow:hover{background:rgba(var(--ln),.06);border-color:var(--vxn-line-2);}
.vxn-lrow .sw{width:12px;height:12px;border-radius:50%;flex-shrink:0;box-shadow:0 0 10px currentColor;}
.vxn-lrow b{font-family:var(--vxn-font-display);color:var(--vxn-ink);font-size:.92rem;min-width:74px;}
.vxn-lrow span{font-size:.85rem;color:var(--vxn-muted);}

/* ============================ INDUSTRY JOURNEYS (health / hospitality) ============================ */
.vxn-jintro{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap;}
.vxn-journey{position:relative;margin:46px 0 40px;padding:34px 12px 30px;border-radius:20px;}
.vxn-jtrack{position:relative;display:flex;justify-content:space-between;gap:8px;padding-top:8px;}
.vxn-jline{position:absolute;top:30px;left:5%;right:5%;height:2px;background:var(--vxn-line);border-radius:2px;}
.vxn-jline i{position:absolute;inset:0;width:0;background:linear-gradient(90deg,var(--ac1),var(--ac2));box-shadow:0 0 10px var(--ac2);transition:width 1.8s var(--vxn-ease);}
.vxn-jnode{position:relative;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;flex:1;min-width:0;z-index:2;}
.vxn-jdot{width:46px;height:46px;border-radius:14px;background:var(--vxn-deep);border:1px solid var(--vxn-line-2);display:flex;align-items:center;justify-content:center;color:var(--ac2,var(--vxn-cyan));transition:box-shadow .4s,border-color .4s,transform .4s;}
.vxn-jdot svg{width:21px;height:21px;}
.vxn-journey.is-in .vxn-jnode:nth-child(1) .vxn-jdot{box-shadow:0 0 0 4px rgba(192,132,252,.08),0 0 20px -4px var(--ac2);border-color:var(--ac2);}
.vxn-jlabel{font-size:.78rem;font-weight:600;color:var(--vxn-ink-2);line-height:1.3;max-width:90px;}
.vxn-jsub{font-family:var(--vxn-font-mono);font-size:.62rem;letter-spacing:.04em;color:var(--vxn-faint);text-transform:uppercase;}
.vxn-token{position:absolute;top:30px;left:5%;width:18px;height:18px;border-radius:50%;transform:translate(-50%,-50%);z-index:3;
  background:radial-gradient(circle at 35% 30%,#fff,var(--ac2));box-shadow:0 0 16px var(--ac2);}
.vxn-journey.is-in .vxn-token{animation:vxn-ride 7s var(--vxn-ease) .4s infinite;}
@keyframes vxn-ride{0%{left:5%;}12%{left:5%;}22%{left:24%;}34%{left:24%;}44%{left:50%;}56%{left:50%;}66%{left:76%;}78%{left:76%;}88%{left:95%;}100%{left:95%;}}
.vxn-cap-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(225px,1fr));gap:16px;margin-top:6px;}
.vxn-cap{padding:20px 18px;border-radius:16px;transition:transform .35s var(--vxn-ease),border-color .35s;}
.vxn-cap:hover{transform:translateY(-5px);}
.vxn-cap .ic{width:40px;height:40px;border-radius:11px;display:flex;align-items:center;justify-content:center;margin-bottom:13px;
  background:rgba(192,132,252,.1);color:var(--ac2,var(--vxn-cyan));}
.vxn-cap .ic svg{width:21px;height:21px;}
.vxn-cap h4{font-family:var(--vxn-font-display);font-size:1.02rem;color:var(--vxn-ink);margin:0 0 7px;}
.vxn-cap p{margin:0;font-size:.86rem;color:var(--vxn-muted);}
.vxn-note{display:inline-flex;align-items:center;gap:8px;margin-top:24px;font-size:.8rem;color:var(--vxn-faint);font-family:var(--vxn-font-mono);}
.vxn-note::before{content:"";width:14px;height:1px;background:var(--vxn-faint);}

/* ============================ SEO WALKTHROUGH ============================ */
.vxn-seo-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:42px;align-items:center;margin-top:46px;}
.vxn-query-chips{display:flex;flex-wrap:wrap;gap:9px;margin:22px 0 26px;}
.vxn-qchip{font-size:.82rem;font-weight:600;color:var(--vxn-ink-2);padding:8px 14px;border-radius:10px;border:1px solid var(--vxn-line);background:rgba(var(--w),.02);transition:all .25s;}
.vxn-qchip.is-on{border-color:transparent;background:linear-gradient(135deg,#7c3aed,#a855f7);color:#fff;box-shadow:0 6px 16px -6px rgba(124,58,237,.55);}
.vxn-seo-labels{display:flex;flex-direction:column;gap:9px;}
.vxn-seolab{display:flex;align-items:center;gap:11px;font-size:.88rem;color:var(--vxn-faint);transition:color .3s;}
.vxn-seolab .tick{width:20px;height:20px;border-radius:6px;border:1px solid var(--vxn-line-2);display:flex;align-items:center;justify-content:center;transition:all .3s;}
.vxn-seolab .tick svg{width:12px;height:12px;opacity:0;transition:opacity .3s;}
.vxn-seolab.is-lit{color:var(--vxn-ink);}
.vxn-seolab.is-lit .tick{background:var(--vxn-green);border-color:var(--vxn-green);}
.vxn-seolab.is-lit .tick svg{opacity:1;color:#04140d;}

.vxn-browser{position:relative;border-radius:16px;overflow:hidden;border:1px solid var(--vxn-glass-brd);
  background:linear-gradient(180deg,rgba(var(--mk),.96),rgba(var(--mk),.98));box-shadow:var(--vxn-shadow);min-height:430px;}
.vxn-bbar{display:flex;align-items:center;gap:8px;padding:11px 14px;border-bottom:1px solid var(--vxn-line);background:rgba(var(--w),.02);}
.vxn-bdots{display:flex;gap:6px;}
.vxn-bdots i{width:10px;height:10px;border-radius:50%;background:rgba(var(--w),.18);}
.vxn-burl{flex:1;display:flex;align-items:center;gap:8px;background:rgba(0,0,0,.3);border:1px solid var(--vxn-line);border-radius:9px;padding:6px 12px;font-family:var(--vxn-font-mono);font-size:.76rem;color:var(--vxn-muted);}
.vxn-burl svg{width:12px;height:12px;color:var(--vxn-green);}
.vxn-bbody{position:relative;padding:22px;min-height:380px;}
.vxn-seo-screen{position:absolute;inset:0;padding:24px;opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .5s,transform .5s,visibility .5s;}
.vxn-seo-screen.is-on{opacity:1;visibility:visible;transform:none;}
.vxn-search-box{display:flex;align-items:center;gap:12px;background:#fff;border-radius:999px;padding:14px 22px;box-shadow:0 8px 30px -8px rgba(0,0,0,.5);max-width:440px;margin:60px auto 0;}
.vxn-search-box svg{width:20px;height:20px;color:#5f6368;flex-shrink:0;}
.vxn-search-q{font-family:var(--vxn-font-body);font-size:1.02rem;color:#202124;font-weight:500;}
.vxn-search-q .car{display:inline-block;width:2px;height:1.05em;background:#4285f4;margin-left:1px;vertical-align:-2px;animation:vxn-blink 1s step-end infinite;}
@keyframes vxn-blink{50%{opacity:0;}}
.vxn-search-hint{text-align:center;color:var(--vxn-faint);font-size:.82rem;margin-top:22px;}
.vxn-serp{display:grid;grid-template-columns:1.4fr .9fr;gap:18px;}
.vxn-serp-list{display:flex;flex-direction:column;gap:11px;}
.vxn-result{padding:13px 15px;border-radius:12px;border:1px solid var(--vxn-line);background:rgba(var(--w),.025);transition:transform .6s var(--vxn-ease),border-color .5s,background .5s;}
.vxn-result .u{font-size:.72rem;color:var(--vxn-green);font-family:var(--vxn-font-mono);}
.vxn-result .t{font-family:var(--vxn-font-display);font-size:.98rem;color:var(--vxn-blue-2);margin:3px 0 5px;}
.vxn-result .d{font-size:.78rem;color:var(--vxn-muted);}
.vxn-result.is-win{border-color:var(--vxn-cyan);background:rgba(192,132,252,.08);box-shadow:0 0 0 1px rgba(192,132,252,.3),0 14px 30px -12px rgba(192,132,252,.4);}
.vxn-result .badges{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px;opacity:0;max-height:0;overflow:hidden;transition:opacity .5s,max-height .5s;}
.vxn-result.is-win .badges{opacity:1;max-height:50px;}
.vxn-badge{font-size:.66rem;font-weight:700;padding:3px 8px;border-radius:6px;background:rgba(16,185,129,.14);color:var(--vxn-green);}
.vxn-badge.star{background:rgba(245,158,11,.16);color:var(--vxn-amber);}
.vxn-mappack{border-radius:12px;border:1px solid var(--vxn-line);background:linear-gradient(160deg,rgba(124,58,237,.18),rgba(91,33,182,.1));position:relative;overflow:hidden;min-height:180px;padding:12px;}
.vxn-mappack .ml{font-family:var(--vxn-font-mono);font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;color:var(--vxn-muted);margin-bottom:8px;}
.vxn-pin{position:absolute;width:22px;height:22px;}
.vxn-pin svg{width:100%;height:100%;color:var(--vxn-faint);}
.vxn-pin.win svg{color:var(--vxn-cyan);filter:drop-shadow(0 0 8px var(--vxn-cyan));}
.vxn-pin.win{animation:vxn-bob 2s ease-in-out infinite;}
@keyframes vxn-bob{0%,100%{transform:translateY(0);}50%{transform:translateY(-5px);}}
.vxn-landing{max-width:430px;margin:0 auto;}
.vxn-landing .lh{font-family:var(--vxn-font-display);font-size:1.15rem;color:var(--vxn-ink);font-weight:700;margin-bottom:6px;}
.vxn-landing .lp{font-size:.84rem;color:var(--vxn-muted);margin-bottom:16px;}
.vxn-lform{display:flex;flex-direction:column;gap:10px;background:rgba(var(--w),.03);border:1px solid var(--vxn-line);border-radius:14px;padding:16px;}
.vxn-lfield{height:38px;border-radius:9px;background:rgba(0,0,0,.25);border:1px solid var(--vxn-line);display:flex;align-items:center;padding:0 13px;font-size:.82rem;color:var(--vxn-muted);}
.vxn-lbtn{height:40px;border-radius:9px;background:var(--vxn-grad-cta);color:var(--vxn-cta-ink);font-weight:700;display:flex;align-items:center;justify-content:center;font-size:.88rem;}
.vxn-crm-toast{display:flex;align-items:center;gap:10px;margin-top:14px;padding:11px 14px;border-radius:11px;background:rgba(16,185,129,.1);border:1px solid rgba(16,185,129,.4);
  font-size:.84rem;color:var(--vxn-green);font-weight:600;opacity:0;transform:translateY(8px);transition:opacity .5s .3s,transform .5s .3s;}
.vxn-seo-screen.is-on .vxn-crm-toast{opacity:1;transform:none;}
.vxn-crm-toast svg{width:18px;height:18px;}
.vxn-steps-dots{display:flex;gap:8px;justify-content:center;margin-top:18px;}
.vxn-sdot{width:9px;height:9px;border-radius:50%;background:var(--vxn-line-2);transition:all .3s;border:0;padding:0;}
.vxn-sdot.is-on{background:var(--vxn-cyan);box-shadow:0 0 10px var(--vxn-cyan);width:26px;border-radius:5px;}

/* ============================ PAID ADS ============================ */
.vxn-ads-grid{display:grid;grid-template-columns:1fr 1fr;gap:42px;align-items:center;margin-top:46px;}
.vxn-adstack{display:flex;flex-direction:column;gap:14px;}
.vxn-adcard{position:relative;padding:15px 16px;border-radius:14px;overflow:hidden;}
.vxn-adcard .tag{display:inline-flex;align-items:center;gap:6px;font-size:.68rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--vxn-cyan);margin-bottom:9px;}
.vxn-adcard .tag .pl{width:7px;height:7px;border-radius:2px;background:var(--vxn-cyan);}
.vxn-adcard h5{font-family:var(--vxn-font-display);font-size:.98rem;color:var(--vxn-ink);margin:0 0 4px;}
.vxn-adcard p{margin:0 0 11px;font-size:.8rem;color:var(--vxn-muted);}
.vxn-adcard .row{display:flex;align-items:center;justify-content:space-between;}
.vxn-adcard .cta-mini{font-size:.76rem;font-weight:700;color:var(--vxn-cta-ink);background:var(--vxn-grad-cta);padding:6px 12px;border-radius:8px;}
.vxn-adcard .meta{font-family:var(--vxn-font-mono);font-size:.72rem;color:var(--vxn-faint);}
.vxn-ripple{position:absolute;width:14px;height:14px;border-radius:50%;background:var(--vxn-cyan);pointer-events:none;opacity:0;}
.vxn-flow{padding:22px;border-radius:18px;}
.vxn-flow-h{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;}
.vxn-flow-h .lab{font-family:var(--vxn-font-mono);font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;color:var(--vxn-muted);}
.vxn-frow{margin-bottom:15px;}
.vxn-frow .top{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:6px;}
.vxn-frow .k{font-size:.84rem;color:var(--vxn-ink-2);font-weight:600;}
.vxn-frow .v{font-family:var(--vxn-font-mono);font-weight:700;font-size:1.05rem;color:var(--vxn-ink);}
.vxn-frow .v.hl{color:var(--vxn-cyan);} .vxn-frow .v.gr{color:var(--vxn-green);}
.vxn-fbar{height:8px;border-radius:5px;background:rgba(var(--w),.05);overflow:hidden;}
.vxn-fbar i{display:block;height:100%;width:0;border-radius:5px;background:var(--vxn-grad-cta);transition:width 1.4s var(--vxn-ease);}
.vxn-fbar i.g{background:linear-gradient(90deg,var(--vxn-green),var(--vxn-cyan));}
.vxn-cpl{margin-top:6px;display:flex;align-items:center;gap:12px;}
.vxn-cpl svg{flex:1;height:46px;}
.vxn-cpl .cv{font-family:var(--vxn-font-mono);font-size:.8rem;color:var(--vxn-green);font-weight:700;}

/* ============================ WEBSITE BEFORE/AFTER ============================ */
.vxn-web-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:42px;align-items:center;margin-top:46px;}
.vxn-ba{position:relative;aspect-ratio:16/11;border-radius:18px;overflow:hidden;border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);
  --pos:50%;user-select:none;touch-action:pan-y;}
.vxn-ba-layer{position:absolute;inset:0;padding:20px;display:flex;flex-direction:column;}
.vxn-ba-after{background:linear-gradient(160deg,#0c1430,#0a1126);}
.vxn-ba-before{background:linear-gradient(160deg,#161922,#101319);clip-path:inset(0 calc(100% - var(--pos)) 0 0);}
.vxn-ba-tag{position:absolute;top:14px;font-family:var(--vxn-font-mono);font-size:.64rem;letter-spacing:.1em;text-transform:uppercase;padding:5px 10px;border-radius:7px;z-index:4;}
.vxn-ba-before .vxn-ba-tag{left:14px;background:rgba(244,63,94,.16);color:var(--vxn-red);}
.vxn-ba-after .vxn-ba-tag{right:14px;background:rgba(16,185,129,.16);color:var(--vxn-green);}
.vxn-ba-handle{position:absolute;top:0;bottom:0;left:var(--pos);width:2px;background:var(--vxn-cyan);box-shadow:0 0 14px var(--vxn-cyan);z-index:5;transform:translateX(-1px);}
.vxn-ba-knob{position:absolute;top:50%;left:var(--pos);transform:translate(-50%,-50%);width:38px;height:38px;border-radius:50%;background:var(--vxn-deep);border:2px solid var(--vxn-cyan);display:flex;align-items:center;justify-content:center;z-index:6;box-shadow:0 6px 18px -4px rgba(0,0,0,.6);}
.vxn-ba-knob svg{width:18px;height:18px;color:var(--vxn-cyan);}
.vxn-ba input[type=range]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;z-index:7;margin:0;}
.vxn-mock-head{height:14px;width:55%;border-radius:4px;background:rgba(var(--w),.18);margin-bottom:10px;}
.vxn-mock-line{height:8px;border-radius:4px;background:rgba(var(--w),.08);margin-bottom:7px;}
.vxn-mock-cta{margin-top:auto;height:34px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:.74rem;font-weight:700;}
.vxn-mock-cta.weak{background:rgba(var(--w),.08);color:var(--vxn-muted);width:40%;}
.vxn-mock-cta.strong{background:var(--vxn-grad-cta);color:var(--vxn-cta-ink);width:70%;box-shadow:0 8px 22px -6px rgba(124,58,237,.6);}
.vxn-mock-badges{display:flex;gap:6px;margin-top:10px;}
.vxn-mock-badges span{height:18px;flex:1;border-radius:5px;background:rgba(16,185,129,.18);}
.vxn-web-compare{display:grid;grid-template-columns:1fr;gap:8px;}
.vxn-wc-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:center;padding:11px 14px;border-radius:11px;border:1px solid var(--vxn-line);background:rgba(var(--w),.015);}
.vxn-wc-b,.vxn-wc-a{display:flex;align-items:center;gap:8px;font-size:.82rem;}
.vxn-wc-b{color:var(--vxn-muted);} .vxn-wc-a{color:var(--vxn-ink-2);font-weight:600;}
.vxn-wc-b svg,.vxn-wc-a svg{width:15px;height:15px;flex-shrink:0;}
.vxn-wc-b svg{color:var(--vxn-red);} .vxn-wc-a svg{color:var(--vxn-green);}

/* ============================ CRM + AUTOMATION ============================ */
.vxn-crm-pipe{position:relative;display:flex;justify-content:space-between;gap:6px;margin:46px 0 30px;padding-top:10px;}
.vxn-crm-line{position:absolute;top:34px;left:4%;right:4%;height:2px;background:var(--vxn-line);}
.vxn-crm-line i{position:absolute;inset:0;width:0;background:linear-gradient(90deg,var(--vxn-violet),var(--vxn-cyan));box-shadow:0 0 10px var(--vxn-cyan);transition:width .5s linear;}
.vxn-cnode{position:relative;flex:1;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;z-index:2;min-width:0;}
.vxn-cring{width:50px;height:50px;border-radius:15px;background:var(--vxn-deep);border:1px solid var(--vxn-line-2);display:flex;align-items:center;justify-content:center;color:var(--vxn-muted);transition:all .4s;}
.vxn-cring svg{width:22px;height:22px;}
.vxn-cnode.is-done .vxn-cring{border-color:var(--vxn-green);color:var(--vxn-green);box-shadow:0 0 18px -4px var(--vxn-green);}
.vxn-cnode.is-active .vxn-cring{border-color:var(--vxn-cyan);color:var(--vxn-cyan);box-shadow:0 0 0 4px rgba(192,132,252,.1),0 0 22px -2px var(--vxn-cyan);transform:scale(1.08);}
.vxn-clabel{font-size:.74rem;font-weight:600;color:var(--vxn-ink-2);max-width:84px;line-height:1.3;}
.vxn-lead-chip{position:absolute;top:-8px;left:4%;transform:translateX(-50%);display:flex;align-items:center;gap:7px;
  background:rgba(var(--mk),.96);border:1px solid var(--vxn-cyan);border-radius:999px;padding:5px 12px 5px 8px;font-size:.74rem;font-weight:700;color:var(--vxn-ink);
  box-shadow:0 8px 22px -6px rgba(192,132,252,.5);z-index:4;transition:left .6s var(--vxn-ease);white-space:nowrap;}
.vxn-lead-chip .av{width:18px;height:18px;border-radius:50%;background:var(--vxn-grad-violet);display:flex;align-items:center;justify-content:center;font-size:.6rem;color:#fff;}
.vxn-recover{margin-top:14px;display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:18px;border-radius:16px;}
.vxn-recover .rt{font-family:var(--vxn-font-mono);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--vxn-amber);width:100%;margin-bottom:4px;}
.vxn-rstep{display:flex;align-items:center;gap:8px;font-size:.84rem;font-weight:600;color:var(--vxn-ink-2);padding:9px 14px;border-radius:10px;border:1px solid var(--vxn-line);background:rgba(var(--w),.02);opacity:.4;transition:opacity .4s,border-color .4s,transform .4s;}
.vxn-rstep.is-on{opacity:1;border-color:var(--vxn-amber);transform:translateY(-2px);}
.vxn-rstep svg{width:16px;height:16px;color:var(--vxn-amber);}
.vxn-rarrow{color:var(--vxn-faint);}
.vxn-rarrow svg{width:16px;height:16px;}

/* ============================ EXCLUSIVITY (territory lock) ============================ */
.vxn-excl-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:46px;align-items:center;margin-top:40px;}
.vxn-map{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:22px;border-radius:20px;}
.vxn-cell{position:relative;aspect-ratio:1;border-radius:14px;border:1px solid var(--vxn-line);background:rgba(var(--w),.02);
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;text-align:center;padding:8px;transition:all .5s;overflow:hidden;}
.vxn-cell .cl{font-size:.66rem;font-weight:600;color:var(--vxn-muted);line-height:1.25;}
.vxn-cell .ci{width:22px;height:22px;color:var(--vxn-faint);transition:color .4s;}
.vxn-cell .ci svg{width:100%;height:100%;}
.vxn-cell.is-taken{opacity:.4;}
.vxn-cell.is-taken .stamp{position:absolute;font-family:var(--vxn-font-mono);font-size:.6rem;letter-spacing:.1em;color:var(--vxn-red);border:1px solid var(--vxn-red);padding:2px 6px;border-radius:5px;transform:rotate(-12deg);opacity:0;transition:opacity .5s;}
.vxn-cell.is-taken.show .stamp{opacity:.85;}
.vxn-cell.is-yours{border-color:var(--vxn-cyan);background:linear-gradient(160deg,rgba(192,132,252,.14),rgba(192,132,252,.04));box-shadow:0 0 0 1px rgba(192,132,252,.4),0 14px 34px -12px rgba(192,132,252,.5);}
.vxn-cell.is-yours .ci{color:var(--vxn-cyan);}
.vxn-cell.is-yours .cl{color:#fff;}
.vxn-lock{opacity:0;transform:scale(.5);transition:opacity .4s,transform .4s;}
.vxn-cell.is-yours.locked .vxn-lock{opacity:1;transform:scale(1);}
.vxn-sweep{position:absolute;inset:0;pointer-events:none;border-radius:20px;overflow:hidden;}
.vxn-sweep::before{content:"";position:absolute;top:-50%;left:-50%;width:60%;height:200%;
  background:linear-gradient(90deg,transparent,rgba(192,132,252,.12),transparent);transform:rotate(18deg);animation:vxn-scan 5s linear infinite;}
@keyframes vxn-scan{0%{left:-60%;}100%{left:120%;}}
.vxn-excl-pts{display:flex;flex-direction:column;gap:12px;margin:24px 0;}
.vxn-ep{display:flex;gap:12px;align-items:flex-start;}
.vxn-ep .epi{width:34px;height:34px;border-radius:10px;background:rgba(192,132,252,.1);color:var(--vxn-cyan);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.vxn-ep .epi svg{width:18px;height:18px;}
.vxn-ep b{font-family:var(--vxn-font-display);color:var(--vxn-ink);font-size:.95rem;display:block;}
.vxn-ep span{font-size:.85rem;color:var(--vxn-muted);}

/* ============================ REPORTING DASHBOARD ============================ */
.vxn-dashboard{margin-top:46px;padding:26px;border-radius:24px;}
.vxn-db-top{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:22px;}
.vxn-db-title{display:flex;align-items:center;gap:12px;}
.vxn-db-title .dt{font-family:var(--vxn-font-display);font-weight:700;color:var(--vxn-ink);font-size:1.05rem;}
.vxn-db-title .live{display:inline-flex;align-items:center;gap:7px;font-family:var(--vxn-font-mono);font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;color:var(--vxn-green);}
.vxn-db-title .live i{width:7px;height:7px;border-radius:50%;background:var(--vxn-green);box-shadow:0 0 9px var(--vxn-green);animation:vxn-pulse 1.8s infinite;}
.vxn-db-range{display:flex;gap:6px;}
.vxn-db-range span{font-size:.72rem;font-weight:600;color:var(--vxn-muted);padding:6px 11px;border-radius:8px;border:1px solid var(--vxn-line);}
.vxn-db-range span.on{background:rgba(192,132,252,.12);color:#fff;border-color:var(--vxn-cyan);}
.vxn-kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:13px;margin-bottom:18px;}
.vxn-kpi{padding:15px 16px;border-radius:14px;border:1px solid var(--vxn-line);background:rgba(var(--w),.02);}
.vxn-kpi .k{font-size:.72rem;color:var(--vxn-faint);font-weight:600;text-transform:uppercase;letter-spacing:.03em;margin-bottom:7px;display:flex;align-items:center;gap:6px;}
.vxn-kpi .k svg{width:13px;height:13px;}
.vxn-kpi .v{font-family:var(--vxn-font-mono);font-weight:700;font-size:1.4rem;color:var(--vxn-ink);line-height:1.1;font-variant-numeric:tabular-nums;}
.vxn-kpi .v.c{color:var(--vxn-cyan);} .vxn-kpi .v.g{color:var(--vxn-green);} .vxn-kpi .v.a{color:var(--vxn-amber);}
.vxn-kpi .delta{font-size:.72rem;font-weight:700;margin-top:4px;}
.vxn-kpi .delta.up{color:var(--vxn-green);} .vxn-kpi .delta.down{color:var(--vxn-green);}
.vxn-db-charts{display:grid;grid-template-columns:1.5fr 1fr;gap:14px;}
.vxn-chartcard{padding:18px;border-radius:14px;border:1px solid var(--vxn-line);background:rgba(var(--w),.018);}
.vxn-chartcard .ct{font-size:.78rem;color:var(--vxn-muted);font-weight:600;margin-bottom:16px;display:flex;justify-content:space-between;}
.vxn-bars{display:flex;align-items:flex-end;gap:9px;height:120px;}
.vxn-bar{flex:1;border-radius:6px 6px 0 0;background:linear-gradient(180deg,var(--vxn-cyan),rgba(124,58,237,.4));height:0;transition:height 1.1s var(--vxn-ease);min-height:4px;position:relative;}
.vxn-bar:nth-child(even){background:linear-gradient(180deg,var(--vxn-violet),rgba(124,58,237,.4));}
.vxn-bars-x{display:flex;gap:9px;margin-top:8px;}
.vxn-bars-x span{flex:1;text-align:center;font-family:var(--vxn-font-mono);font-size:.58rem;color:var(--vxn-faint);}
.vxn-donut{display:flex;align-items:center;gap:16px;}
.vxn-donut svg{width:104px;height:104px;flex-shrink:0;}
.vxn-donut .leg{display:flex;flex-direction:column;gap:8px;}
.vxn-donut .lg{display:flex;align-items:center;gap:8px;font-size:.76rem;color:var(--vxn-ink-2);}
.vxn-donut .lg i{width:9px;height:9px;border-radius:3px;}

/* ============================ SERVICES ============================ */
.vxn-svc-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(232px,1fr));gap:15px;margin-top:46px;}
.vxn-svc{padding:20px;border-radius:16px;transition:transform .4s var(--vxn-ease),border-color .4s;}
.vxn-svc:hover{transform:translateY(-5px);}
.vxn-svc .ic{width:40px;height:40px;border-radius:11px;background:rgba(var(--ln),.1);color:var(--vxn-cyan);display:flex;align-items:center;justify-content:center;margin-bottom:13px;}
.vxn-svc .ic svg{width:21px;height:21px;}
.vxn-svc h4{font-family:var(--vxn-font-display);font-size:1.02rem;color:var(--vxn-ink);margin:0 0 7px;}
.vxn-svc .cr{font-size:.74rem;font-weight:700;color:var(--vxn-green);text-transform:uppercase;letter-spacing:.04em;margin-bottom:5px;font-family:var(--vxn-font-mono);}
.vxn-svc p{margin:0;font-size:.84rem;color:var(--vxn-muted);}

/* ============================ CASE STUDIES ============================ */
.vxn-case-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px;margin-top:46px;}
.vxn-case{padding:24px;border-radius:18px;transition:transform .4s var(--vxn-ease);}
.vxn-case:hover{transform:translateY(-6px);}
.vxn-case .ind{display:inline-flex;align-items:center;gap:8px;font-size:.74rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--vxn-cyan);margin-bottom:18px;}
.vxn-case .ind .d{width:8px;height:8px;border-radius:50%;background:var(--vxn-cyan);box-shadow:0 0 8px var(--vxn-cyan);}
.vxn-cstat{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:13px 0;border-bottom:1px solid var(--vxn-line);}
.vxn-cstat:last-of-type{border-bottom:0;}
.vxn-cstat .cv{font-family:var(--vxn-font-mono);font-weight:700;font-size:1.5rem;color:var(--vxn-ink);font-variant-numeric:tabular-nums;}
.vxn-cstat .cv.g{color:var(--vxn-green);} .vxn-cstat .cv.c{color:var(--vxn-cyan);}
.vxn-cstat .cl{font-size:.8rem;color:var(--vxn-muted);text-align:right;max-width:54%;}

/* ============================ PROCESS TIMELINE ============================ */
.vxn-timeline{position:relative;max-width:780px;margin:46px auto 0;padding-left:42px;}
.vxn-timeline::before{content:"";position:absolute;left:15px;top:8px;bottom:8px;width:2px;background:var(--vxn-line);}
.vxn-tline-fill{position:absolute;left:15px;top:8px;width:2px;height:0;background:linear-gradient(180deg,var(--vxn-cyan),var(--vxn-violet));box-shadow:0 0 12px var(--vxn-cyan);transition:height 1.6s var(--vxn-ease);}
.vxn-tstep{position:relative;padding:0 0 30px;}
.vxn-tstep:last-child{padding-bottom:0;}
.vxn-tstep .tn{position:absolute;left:-42px;top:0;width:32px;height:32px;border-radius:10px;background:var(--vxn-deep);border:1px solid var(--vxn-line-2);
  display:flex;align-items:center;justify-content:center;font-family:var(--vxn-font-mono);font-size:.78rem;font-weight:700;color:var(--vxn-cyan);}
.vxn-tstep h4{font-family:var(--vxn-font-display);font-size:1.08rem;color:var(--vxn-ink);margin:2px 0 5px;}
.vxn-tstep p{margin:0;font-size:.88rem;color:var(--vxn-muted);}

/* ============================ FINAL CTA ============================ */
.vxn-final{position:relative;text-align:center;padding-block:clamp(80px,13vh,150px);overflow:hidden;}
.vxn-final-orb{position:absolute;top:50%;left:50%;width:520px;height:520px;transform:translate(-50%,-50%);z-index:0;pointer-events:none;
  background:radial-gradient(circle,rgba(192,132,252,.18),rgba(124,58,237,.08) 40%,transparent 70%);}
.vxn-final-inner{position:relative;z-index:2;max-width:720px;margin-inline:auto;}
.vxn-final h2{margin-bottom:20px;}
.vxn-final-cta{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;margin-top:32px;}
.vxn-final-trust{margin-top:24px;font-size:.85rem;color:var(--vxn-faint);font-family:var(--vxn-font-mono);}

/* ============================ FOOTER ============================ */
.vxn-footer{position:relative;border-top:1px solid var(--vxn-line);padding-top:60px;padding-bottom:34px;}
.vxn-foot-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:36px;}
.vxn-foot-brand .vxn-brand{margin-bottom:14px;}
.vxn-foot-brand p{font-size:.88rem;color:var(--vxn-muted);max-width:30ch;}
.vxn-foot-col h5{font-family:var(--vxn-font-mono);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--vxn-faint);margin:0 0 16px;}
.vxn-foot-col a{display:block;font-size:.88rem;color:var(--vxn-ink-2);padding:5px 0;transition:color .25s;}
.vxn-foot-col a:hover{color:var(--vxn-cyan);}
.vxn-foot-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:44px;padding-top:22px;border-top:1px solid var(--vxn-line);}
.vxn-foot-bottom .lg{font-size:.8rem;color:var(--vxn-faint);}
.vxn-foot-bottom .disc{font-size:.76rem;color:var(--vxn-faint);max-width:48ch;}

/* ============================ STICKY MOBILE CTA ============================ */
.vxn-sticky{position:fixed;left:14px;right:14px;bottom:14px;z-index:70;display:none;transform:translateY(140%);transition:transform .45s var(--vxn-ease);}
.vxn-sticky.is-on{transform:none;}
.vxn-sticky a{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;background:var(--vxn-grad-cta);color:var(--vxn-cta-ink);
  font-family:var(--vxn-font-display);font-weight:700;padding:15px;border-radius:14px;box-shadow:0 14px 40px -8px rgba(124,58,237,.7);}
.vxn-sticky a svg{width:18px;height:18px;}

/* ============================ RESPONSIVE ============================ */
@media(max-width:980px){
  .vxn-hero-grid,.vxn-leak-grid,.vxn-board-grid,.vxn-seo-grid,.vxn-ads-grid,.vxn-web-grid,.vxn-excl-grid{grid-template-columns:1fr;gap:38px;}
  .vxn-engine{max-width:440px;order:-1;}
  .vxn-board,.vxn-funnel-stage{max-width:420px;}
  .vxn-db-charts{grid-template-columns:1fr;}
  .vxn-foot-grid{grid-template-columns:1fr 1fr;gap:30px;}
  .vxn-foot-brand{grid-column:1/-1;}
}
@media(max-width:680px){
  .vxn-section{padding-block:clamp(58px,9vh,86px);}
  .vxn-jtrack,.vxn-crm-pipe{overflow-x:auto;justify-content:flex-start;gap:18px;padding-bottom:10px;}
  .vxn-jnode,.vxn-cnode{flex:0 0 96px;}
  .vxn-jline,.vxn-token,.vxn-crm-line{display:none;}
  .vxn-serp{grid-template-columns:1fr;}
  .vxn-foot-grid{grid-template-columns:1fr;}
  .vxn-sticky{display:block;}
  .vxn-foot-bottom{flex-direction:column;align-items:flex-start;}
}

/* ============================ REDUCED MOTION ============================ */
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important;}
  .vxn-reveal{opacity:1!important;transform:none!important;}
  .vxn-piece{opacity:1!important;transform:translate(-50%,-50%) scale(1)!important;}
  .vxn-token,.vxn-sweep::before,.vxn-pin.win{animation:none!important;}
}
/* =====================================================================
   v2 COMPONENT LAYER  (overrides win by source order)
   ===================================================================== */

/* header surface tokens */
:root{ --vxn-header:rgba(255,255,255,0.70); --vxn-header-2:rgba(255,255,255,0.90); }
:root[data-theme="dark"]{ --vxn-header:rgba(12,9,26,0.66); --vxn-header-2:rgba(12,9,26,0.88); }

/* focus ring (a11y) */
:where(a,button,input,select,textarea,[tabindex]):focus-visible{
  outline:2px solid var(--vxn-blue);outline-offset:2px;border-radius:6px;}

/* ----- smaller headings ----- */
.vxn-h1{font-size:clamp(2.0rem,4.6vw,3.4rem);}
.vxn-h2{font-size:clamp(1.5rem,3vw,2.15rem);}
.vxn-h3{font-size:clamp(1.05rem,1.7vw,1.25rem);}

/* SVG funnel labels (theme-aware fills) */
.vxn-fn-strong{fill:var(--vxn-ink);}
.vxn-fn-mid{fill:var(--vxn-ink-2);}

/* ----- ambient atmosphere : theme-aware ----- */
.vxn-atmos{background:
  radial-gradient(1100px 720px at 82% -12%, rgba(124,58,237,0.06), transparent 58%),
  radial-gradient(880px 680px at 2% 6%, rgba(168,85,247,0.05), transparent 60%),
  radial-gradient(1000px 820px at 60% 114%, rgba(192,132,252,0.045), transparent 55%),
  var(--vxn-void);}
:root[data-theme="dark"] .vxn-atmos{background:
  radial-gradient(1100px 720px at 80% -10%, rgba(124,58,237,0.24), transparent 60%),
  radial-gradient(900px 700px at 4% 8%, rgba(139,92,246,0.17), transparent 60%),
  radial-gradient(1000px 820px at 60% 112%, rgba(192,132,252,0.11), transparent 55%),
  var(--vxn-void);}
.vxn-grain{opacity:.022;}
:root[data-theme="dark"] .vxn-grain{opacity:.04;}

/* ===================================================================
   NEW HEADER  (.vxn-hd-*)  — clean, sticky, conventional-premium
   =================================================================== */
.vxn-hd{position:sticky;top:0;z-index:100;
  background:var(--vxn-header);
  -webkit-backdrop-filter:saturate(150%) blur(16px);backdrop-filter:saturate(150%) blur(16px);
  border-bottom:1px solid var(--vxn-line);
  transition:background .3s var(--vxn-ease),border-color .3s,box-shadow .3s;}
.vxn-hd.is-scrolled{background:var(--vxn-header-2);
  box-shadow:0 12px 34px -20px rgba(76,29,149,.4);border-bottom-color:var(--vxn-glass-brd);}
.vxn-hd-bar{max-width:var(--vxn-shell);margin:0 auto;padding:15px 22px;
  display:flex;align-items:center;gap:16px;transition:padding .3s var(--vxn-ease);}
.vxn-hd.is-scrolled .vxn-hd-bar{padding:9px 22px;}
.vxn-hd-brand{display:inline-flex;align-items:center;gap:11px;margin-right:auto;}
.vxn-hd-mark{width:34px;height:34px;flex:none;}
.vxn-hd-word{font-family:var(--vxn-font-display);font-weight:800;letter-spacing:.16em;
  font-size:1.05rem;color:var(--vxn-ink);}
.vxn-hd-nav{display:flex;align-items:center;gap:2px;}
.vxn-hd-link{position:relative;padding:9px 14px;border-radius:10px;font-weight:600;
  font-size:.94rem;color:var(--vxn-muted);transition:color .2s;}
.vxn-hd-link::after{content:"";position:absolute;left:14px;right:14px;bottom:5px;height:2px;border-radius:2px;
  background:var(--vxn-grad-cta);transform:scaleX(0);transform-origin:left;transition:transform .26s var(--vxn-ease);}
.vxn-hd-link:hover{color:var(--vxn-ink);}
.vxn-hd-link:hover::after{transform:scaleX(1);}
.vxn-hd-actions{display:flex;align-items:center;gap:10px;}
.vxn-hd-toggle{width:40px;height:40px;border-radius:11px;display:inline-grid;place-items:center;
  background:var(--vxn-glass-2);border:1px solid var(--vxn-glass-brd);color:var(--vxn-ink-2);
  transition:transform .2s,border-color .2s,color .2s;}
.vxn-hd-toggle:hover{color:var(--vxn-blue);border-color:var(--vxn-blue);transform:translateY(-1px);}
.vxn-hd-toggle svg{width:19px;height:19px;}
.vxn-hd-toggle .vxn-ic-moon{display:none;}
:root[data-theme="dark"] .vxn-hd-toggle .vxn-ic-sun{display:none;}
:root[data-theme="dark"] .vxn-hd-toggle .vxn-ic-moon{display:block;}
.vxn-hd-cta{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:11px;
  font-weight:700;font-size:.92rem;background:var(--vxn-grad-cta);color:var(--vxn-cta-ink);
  box-shadow:var(--vxn-glow-cta);transition:transform .2s,box-shadow .2s;}
.vxn-hd-cta:hover{transform:translateY(-1px);box-shadow:0 20px 46px -14px rgba(124,58,237,.6);}
.vxn-hd-burger{display:none;width:42px;height:42px;border-radius:11px;
  background:var(--vxn-glass-2);border:1px solid var(--vxn-glass-brd);color:var(--vxn-ink);
  align-items:center;justify-content:center;}
.vxn-hd-burger svg{width:22px;height:22px;}
.vxn-hd-mobile{display:none;}
@media (max-width:860px){
  .vxn-hd-nav,.vxn-hd-cta{display:none;}
  .vxn-hd-burger{display:inline-flex;}
  .vxn-hd-mobile{display:block;max-height:0;overflow:hidden;
    transition:max-height .38s var(--vxn-ease);
    background:var(--vxn-header-2);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);
    border-bottom:1px solid var(--vxn-line);}
  .vxn-hd-mobile.is-open{max-height:460px;}
  .vxn-hd-mlist{max-width:var(--vxn-shell);margin:0 auto;padding:8px 22px 22px;
    display:flex;flex-direction:column;gap:4px;}
  .vxn-hd-mlink{padding:14px 12px;border-radius:12px;font-weight:600;color:var(--vxn-ink-2);
    border:1px solid transparent;transition:background .2s,border-color .2s;}
  .vxn-hd-mlink:hover{background:var(--vxn-glass-2);border-color:var(--vxn-glass-brd);}
  .vxn-hd-mcta{margin-top:10px;justify-content:center;display:inline-flex;align-items:center;gap:8px;
    padding:15px 18px;border-radius:12px;font-weight:700;background:var(--vxn-grad-cta);
    color:var(--vxn-cta-ink);box-shadow:var(--vxn-glow-cta);}
}

/* ===================================================================
   IMAGES — real photos with graceful purple fallbacks
   =================================================================== */
.vxn-figure{position:relative;border-radius:var(--vxn-r);overflow:hidden;
  border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);background:var(--vxn-panel-2);}
.vxn-figure img{width:100%;height:100%;object-fit:cover;display:block;}
.vxn-ph{position:absolute;inset:0;display:none;align-items:center;justify-content:center;
  background:linear-gradient(150deg,#2a1d4d 0%,#7c3aed 60%,#a855f7 100%);color:#fff;}
.vxn-ph svg{width:40%;height:40%;opacity:.92;}
.vxn-figtag{position:absolute;left:13px;bottom:13px;z-index:2;display:inline-flex;align-items:center;gap:7px;
  padding:7px 13px;border-radius:999px;font-size:.76rem;font-weight:700;letter-spacing:.02em;color:#fff;
  background:rgba(11,8,24,.46);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
  border:1px solid rgba(255,255,255,.20);}
.vxn-ind-figure{aspect-ratio:4/3;margin-top:22px;}
.vxn-avatars{display:flex;align-items:center;}
.vxn-avatar{width:42px;height:42px;border-radius:50%;overflow:hidden;position:relative;flex:none;
  border:2px solid var(--vxn-panel);margin-left:-11px;
  background:linear-gradient(150deg,#7c3aed,#c084fc);box-shadow:0 2px 9px -2px rgba(76,29,149,.5);}
.vxn-avatar:first-child{margin-left:0;}
.vxn-avatar img{width:100%;height:100%;object-fit:cover;display:block;}
.vxn-avatar .vxn-ph{font-weight:800;font-size:.88rem;font-family:var(--vxn-font-display);}
.vxn-case-avatar{width:48px;height:48px;border-radius:50%;overflow:hidden;position:relative;flex:none;
  border:1px solid var(--vxn-glass-brd);background:linear-gradient(150deg,#7c3aed,#c084fc);}
.vxn-case-avatar img{width:100%;height:100%;object-fit:cover;display:block;}
.vxn-case-avatar .vxn-ph{font-weight:800;font-family:var(--vxn-font-display);}
.vxn-case-person{display:flex;align-items:center;gap:12px;margin-bottom:16px;}
.vxn-case-person .nm{font-family:var(--vxn-font-display);font-weight:700;font-size:.92rem;color:var(--vxn-ink);line-height:1.2;}
.vxn-case-person .rl{font-size:.8rem;color:var(--vxn-muted);}
.vxn-hero-proof{display:flex;align-items:center;gap:14px;margin-top:26px;flex-wrap:wrap;}
.vxn-hero-proof .txt{font-size:.86rem;color:var(--vxn-muted);max-width:24ch;line-height:1.45;}
.vxn-hero-proof .txt b{color:var(--vxn-ink-2);font-weight:700;}

/* ===================================================================
   NEW FOOTER  (.vxn-ft-*)
   =================================================================== */
.vxn-ft{position:relative;margin-top:96px;
  background:linear-gradient(180deg,var(--vxn-deep),var(--vxn-void));
  border-top:1px solid var(--vxn-line);}
.vxn-ft-cta{max-width:var(--vxn-shell);margin:0 auto;padding:58px 22px 8px;
  display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:26px;}
.vxn-ft-cta-copy h2{font-family:var(--vxn-font-display);font-weight:800;
  font-size:clamp(1.5rem,3vw,2.15rem);color:var(--vxn-ink);margin:0;letter-spacing:-.02em;
  max-width:20ch;line-height:1.12;}
.vxn-ft-cta-copy p{color:var(--vxn-muted);margin:10px 0 0;max-width:44ch;}
.vxn-ft-cta-btn{display:inline-flex;align-items:center;gap:9px;padding:15px 26px;border-radius:13px;
  font-weight:700;background:var(--vxn-grad-cta);color:var(--vxn-cta-ink);box-shadow:var(--vxn-glow-cta);
  white-space:nowrap;transition:transform .2s,box-shadow .2s;}
.vxn-ft-cta-btn:hover{transform:translateY(-2px);box-shadow:0 22px 50px -14px rgba(124,58,237,.6);}
.vxn-ft-grid{max-width:var(--vxn-shell);margin:34px auto 0;padding:42px 22px;
  display:grid;grid-template-columns:1.7fr 1fr 1fr 1fr;gap:32px;border-top:1px solid var(--vxn-line);}
.vxn-ft-brand p{color:var(--vxn-muted);font-size:.92rem;max-width:34ch;line-height:1.65;margin:14px 0 0;}
.vxn-ft-col h4{font-family:var(--vxn-font-display);font-size:.78rem;letter-spacing:.13em;
  text-transform:uppercase;color:var(--vxn-faint);margin:2px 0 14px;}
.vxn-ft-col a{display:block;color:var(--vxn-ink-2);font-size:.92rem;padding:7px 0;transition:color .2s;}
.vxn-ft-col a:hover{color:var(--vxn-blue);}
.vxn-ft-disc{max-width:var(--vxn-shell);margin:0 auto;padding:0 22px 26px;}
.vxn-ft-disc p{color:var(--vxn-faint);font-size:.78rem;line-height:1.65;
  border-top:1px dashed var(--vxn-line);padding-top:20px;margin:0;}
.vxn-ft-bottom{border-top:1px solid var(--vxn-line);}
.vxn-ft-bottom-in{max-width:var(--vxn-shell);margin:0 auto;padding:22px;
  display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;}
.vxn-ft-copy{color:var(--vxn-faint);font-size:.85rem;}
.vxn-ft-social{display:flex;gap:10px;}
.vxn-ft-social a{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;
  background:var(--vxn-glass-2);border:1px solid var(--vxn-glass-brd);color:var(--vxn-ink-2);
  transition:color .2s,border-color .2s,transform .2s;}
.vxn-ft-social a:hover{color:var(--vxn-blue);border-color:var(--vxn-blue);transform:translateY(-2px);}
.vxn-ft-social svg{width:18px;height:18px;}
@media (max-width:780px){.vxn-ft-grid{grid-template-columns:1fr 1fr;}.vxn-ft-brand{grid-column:1/-1;}}
@media (max-width:480px){.vxn-ft-grid{grid-template-columns:1fr;}}

.vxn-leak-money{margin-top:18px;padding:18px 20px;border-radius:16px;text-align:center;
  background:linear-gradient(160deg,rgba(244,63,94,.10),rgba(124,58,237,.06));
  border:1px solid var(--vxn-glass-brd);}
.vxn-leak-money .big{display:block;font-family:var(--vxn-font-display);font-weight:800;
  font-size:clamp(1.6rem,3vw,2.1rem);color:var(--vxn-red);letter-spacing:-.02em;}
.vxn-leak-money .sub{display:block;margin-top:6px;font-size:.84rem;color:var(--vxn-muted);line-height:1.5;}

/* ===================================================================
   ABOUT SECTION
   =================================================================== */
.vxn-about-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:46px;align-items:center;margin-top:42px;}
.vxn-about-figure{position:relative;border-radius:var(--vxn-r);overflow:hidden;
  border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);background:var(--vxn-panel-2);aspect-ratio:4/3;}
.vxn-about-figure img{width:100%;height:100%;object-fit:cover;display:block;}
.vxn-about-badge{position:absolute;left:16px;bottom:16px;z-index:2;display:flex;align-items:center;gap:12px;
  padding:12px 16px;border-radius:14px;background:rgba(11,8,24,.55);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
  border:1px solid rgba(255,255,255,.18);}
.vxn-about-badge .n{font-family:var(--vxn-font-display);font-weight:800;font-size:1.3rem;color:#fff;line-height:1;}
.vxn-about-badge .l{font-size:.74rem;color:rgba(255,255,255,.8);line-height:1.3;}
.vxn-about-lead{font-size:1.05rem;color:var(--vxn-ink-2);line-height:1.7;margin:18px 0 0;}
.vxn-about-lead b{color:var(--vxn-ink);font-weight:700;}
.vxn-about-points{display:grid;gap:14px;margin-top:24px;}
.vxn-about-point{display:flex;gap:13px;align-items:flex-start;}
.vxn-about-point .ic{width:34px;height:34px;flex:none;border-radius:10px;display:grid;place-items:center;
  background:linear-gradient(150deg,rgba(124,58,237,.16),rgba(192,132,252,.10));color:var(--vxn-blue);border:1px solid var(--vxn-glass-brd);}
.vxn-about-point .ic svg{width:18px;height:18px;}
.vxn-about-point h4{font-family:var(--vxn-font-display);font-weight:600;font-size:.98rem;color:var(--vxn-ink);margin:2px 0 3px;}
.vxn-about-point p{font-size:.88rem;color:var(--vxn-muted);line-height:1.55;margin:0;}
@media (max-width:820px){ .vxn-about-grid{grid-template-columns:1fr;gap:30px;} }
/* ===================================================================
   MEGA MENU
   =================================================================== */
.vxn-hd-mega-btn{background:transparent;border:0;font-family:inherit;cursor:pointer;display:inline-flex;align-items:center;gap:6px;}
.vxn-hd-chev{transition:transform .25s var(--vxn-ease);}
.vxn-hd-mega-btn[aria-expanded="true"]{color:var(--vxn-ink);}
.vxn-hd-mega-btn[aria-expanded="true"] .vxn-hd-chev{transform:rotate(180deg);}
.vxn-hd-mega{position:absolute;top:100%;left:0;right:0;z-index:99;
  background:var(--vxn-panel);
  border-top:1px solid var(--vxn-line);border-bottom:1px solid var(--vxn-glass-brd);
  box-shadow:0 36px 70px -34px rgba(76,29,149,.42);
  opacity:0;visibility:hidden;transform:translateY(-10px);pointer-events:none;
  transition:opacity .26s var(--vxn-ease),transform .26s var(--vxn-ease),visibility .26s;}
.vxn-hd-mega.is-open{opacity:1;visibility:visible;transform:none;pointer-events:auto;}
.vxn-hd-mega-in{max-width:var(--vxn-shell);margin:0 auto;padding:30px 22px 34px;
  display:grid;grid-template-columns:1.25fr 1fr 1.15fr;gap:30px;}
.vxn-hd-mega-col h4{font-family:var(--vxn-font-display);font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;
  color:var(--vxn-faint);margin:0 0 12px;padding-left:10px;}
.vxn-hd-mega-col a{display:flex;align-items:center;gap:12px;padding:10px;border-radius:12px;
  border:1px solid transparent;transition:background .18s,border-color .18s,transform .18s;}
.vxn-hd-mega-col a:hover{background:var(--vxn-glass-2);border-color:var(--vxn-glass-brd);transform:translateX(2px);}
.vxn-hd-mega-col a .ic{width:34px;height:34px;flex:none;border-radius:9px;display:grid;place-items:center;
  background:linear-gradient(150deg,rgba(124,58,237,.16),rgba(192,132,252,.10));color:var(--vxn-blue);border:1px solid var(--vxn-glass-brd);}
.vxn-hd-mega-col a .ic svg{width:18px;height:18px;}
.vxn-hd-mega-col a .tx b{display:block;font-family:var(--vxn-font-display);font-weight:600;font-size:.92rem;color:var(--vxn-ink);}
.vxn-hd-mega-col a .tx span{display:block;font-size:.78rem;color:var(--vxn-muted);margin-top:1px;}
.vxn-hd-mega-col:nth-child(2) a{padding:12px;}
.vxn-hd-mega-feature{background:linear-gradient(160deg,rgba(124,58,237,.10),rgba(192,132,252,.05));
  border:1px solid var(--vxn-glass-brd);border-radius:16px;padding:22px;display:flex;flex-direction:column;}
.vxn-hd-mega-feature h3{font-family:var(--vxn-font-display);font-weight:700;font-size:1.05rem;color:var(--vxn-ink);
  margin:10px 0 8px;line-height:1.25;letter-spacing:-.01em;}
.vxn-hd-mega-feature p{color:var(--vxn-muted);font-size:.86rem;line-height:1.55;margin:0 0 16px;}
.vxn-hd-mega-cta{margin-top:auto;align-self:flex-start;display:inline-flex;align-items:center;gap:8px;
  padding:11px 18px;border-radius:11px;font-weight:700;font-size:.86rem;background:var(--vxn-grad-cta);color:var(--vxn-cta-ink);box-shadow:var(--vxn-glow-cta);}
@media (max-width:860px){ .vxn-hd-mega{display:none !important;} }
@media (prefers-reduced-motion:reduce){ .vxn-hd-mega,.vxn-hd-chev{transition:none !important;} }

/* ===================================================================
   HERO v3 — particles.js network + centered creative layout
   =================================================================== */
.vxn-hero{position:relative;overflow:hidden;min-height:clamp(580px,88vh,880px);
  display:flex;align-items:center;padding-top:48px;padding-bottom:56px;}
#vxn-particles{position:absolute;inset:0;z-index:0;}
#vxn-particles canvas{display:block !important;}
.vxn-hero-glow{position:absolute;inset:0;z-index:0;pointer-events:none;background:
  radial-gradient(640px 440px at 50% 30%, rgba(124,58,237,.16), transparent 70%),
  radial-gradient(520px 380px at 84% 72%, rgba(192,132,252,.12), transparent 70%),
  radial-gradient(480px 360px at 12% 78%, rgba(168,85,247,.10), transparent 70%);}
.vxn-hero .vxn-shell{position:relative;z-index:2;}
.vxn-hero-center{max-width:900px;margin:0 auto;text-align:center;display:flex;flex-direction:column;align-items:center;}
.vxn-hero-center .vxn-h1{margin:16px auto 0;}
.vxn-hero-center .vxn-lead{margin:20px auto 0;text-align:center;}
.vxn-hero-center .vxn-hero-cta{justify-content:center;margin-top:30px;display:flex;gap:14px;flex-wrap:wrap;}
.vxn-hero-center .vxn-hero-proof{justify-content:center;margin-top:28px;}
.vxn-hero-metrics{margin-top:40px;padding:6px;border-radius:18px;width:100%;max-width:800px;}
.vxn-hero-metrics .cap{text-align:center;font-size:.82rem;font-weight:700;color:var(--vxn-red);
  padding:12px 16px 11px;line-height:1.4;}
.vxn-hm-row{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--vxn-line);}
.vxn-hm-row .cell{padding:16px 14px 18px;text-align:center;position:relative;}
.vxn-hm-row .cell + .cell::before{content:"";position:absolute;left:0;top:22%;bottom:22%;width:1px;background:var(--vxn-line);}
.vxn-hm-row .v{font-family:var(--vxn-font-display);font-weight:800;font-size:clamp(1.35rem,2.5vw,1.9rem);color:var(--vxn-ink);letter-spacing:-.02em;}
.vxn-hm-row .v.g{color:var(--vxn-green);}
.vxn-hm-row .v.c{color:var(--vxn-blue);}
.vxn-hm-row .k{font-size:.74rem;color:var(--vxn-muted);margin-top:5px;letter-spacing:.01em;line-height:1.3;}
@media (max-width:620px){
  .vxn-hm-row{grid-template-columns:repeat(2,1fr);}
  .vxn-hm-row .cell:nth-child(3)::before{display:none;}
}
@media (prefers-reduced-motion:reduce){
  .vxn-hd,.vxn-hd-bar,.vxn-hd-mobile,.vxn-hd-link::after,.vxn-hd-cta,.vxn-hd-toggle,
  .vxn-ft-cta-btn,.vxn-ft-social a,.vxn-about-point{transition:none !important;}
}
/* ----- hero text glow + typewriter caret + lead highlight ----- */
.vxn-hero-center .vxn-h1{text-shadow:0 0 38px rgba(124,58,237,.14);}
.vxn-hero-break{display:block;margin-top:.08em;}
:root[data-theme="dark"] .vxn-hero-center .vxn-h1{text-shadow:0 0 48px rgba(124,58,237,.45);}
.vxn-hero-center .vxn-grad-txt{text-shadow:none;
  filter:drop-shadow(0 0 14px rgba(124,58,237,.45)) drop-shadow(0 0 28px rgba(192,132,252,.30));}
.vxn-hl{color:var(--vxn-blue);}
:root[data-theme="dark"] .vxn-hl{color:var(--vxn-cyan);}
.vxn-hero-center .vxn-lead strong{color:var(--vxn-blue);font-weight:700;}
:root[data-theme="dark"] .vxn-hero-center .vxn-lead strong{color:var(--vxn-cyan);}
.vxn-caret{display:inline-block;width:3px;height:.92em;margin-left:5px;vertical-align:-1px;border-radius:2px;
  background:linear-gradient(180deg,#7c3aed,#c084fc);box-shadow:0 0 12px rgba(124,58,237,.75);
  animation:vxn-blink 1.05s steps(1) infinite;}
@keyframes vxn-blink{0%,50%{opacity:1}50.01%,100%{opacity:0}}
@media (prefers-reduced-motion:reduce){ .vxn-caret{animation:none;display:none;} }
/* ----- section 2 : animated funnel (flowing leads + happy booked) ----- */
.vxn-funnel-anim{width:100%;max-width:330px;display:block;margin:0 auto;overflow:visible;}
.vxn-flow{fill:#a855f7;animation:vxn-pflow 2.7s linear infinite;}
.vxn-flow.f1{animation-delay:0s;}
.vxn-flow.f2{animation-delay:.45s;}
.vxn-flow.f3{animation-delay:.95s;}
.vxn-flow.f4{animation-delay:1.4s;}
.vxn-flow.f5{animation-delay:1.85s;}
.vxn-flow.f6{animation-delay:2.3s;}
@keyframes vxn-pflow{
  0%{transform:translateY(0);opacity:0;}
  10%{opacity:1;}
  86%{opacity:.95;}
  100%{transform:translateY(262px);opacity:0;}
}
.vxn-leak{fill:#f43f5e;}
.vxn-leak.l1,.vxn-leak.l2,.vxn-leak.l3{animation:vxn-leakL 2.7s ease-in infinite;}
.vxn-leak.r1,.vxn-leak.r2,.vxn-leak.r3{animation:vxn-leakR 2.7s ease-in infinite;}
.vxn-leak.l1{animation-delay:.3s;}
.vxn-leak.r1{animation-delay:.9s;}
.vxn-leak.r2{animation-delay:.6s;}
.vxn-leak.l2{animation-delay:1.5s;}
.vxn-leak.r3{animation-delay:1.2s;}
.vxn-leak.l3{animation-delay:2s;}
@keyframes vxn-leakL{0%{transform:translate(0,0);opacity:0;}20%{opacity:.9;}100%{transform:translate(-30px,18px);opacity:0;}}
@keyframes vxn-leakR{0%{transform:translate(0,0);opacity:0;}20%{opacity:.9;}100%{transform:translate(30px,18px);opacity:0;}}
.vxn-joy-glow{transform-box:fill-box;transform-origin:center;animation:vxn-joy-pulse 2.4s ease-in-out infinite;}
@keyframes vxn-joy-pulse{0%,100%{transform:scale(.9);opacity:.45;}50%{transform:scale(1.14);opacity:.82;}}
.vxn-joy-face{transform-box:fill-box;transform-origin:center;animation:vxn-joy-bob 2.4s ease-in-out infinite;}
@keyframes vxn-joy-bob{0%,100%{transform:translateY(0) scale(1);}50%{transform:translateY(-2px) scale(1.05);}}
.vxn-spark{transform-box:fill-box;transform-origin:center;animation:vxn-twinkle 1.9s ease-in-out infinite;}
.vxn-spark.s2{animation-delay:.6s;}
.vxn-spark.s3{animation-delay:1.15s;}
@keyframes vxn-twinkle{0%,100%{opacity:.15;transform:scale(.6);}50%{opacity:1;transform:scale(1.1);}}
@media (prefers-reduced-motion:reduce){
  .vxn-flow,.vxn-leak,.vxn-spark{display:none;}
  .vxn-joy-glow,.vxn-joy-face{animation:none;}
}
/* ----- section 3 : Method phases (image-rich, alternating) ----- */
.vxn-phases{display:flex;flex-direction:column;gap:40px;margin-top:48px;}
.vxn-phase{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center;}
.vxn-phase:nth-child(even) .vxn-phase-figure{order:2;}
.vxn-phase-figure{position:relative;border-radius:var(--vxn-r);overflow:hidden;aspect-ratio:4/3;
  border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);background:var(--vxn-panel-2);}
.vxn-phase-figure img{width:100%;height:100%;object-fit:cover;display:block;}
.vxn-phase-badge{position:absolute;left:14px;top:14px;z-index:2;
  font-family:var(--vxn-font-display);font-weight:800;font-size:1.05rem;color:#fff;
  width:46px;height:46px;display:grid;place-items:center;border-radius:13px;
  background:linear-gradient(150deg,rgba(124,58,237,.94),rgba(168,85,247,.94));
  border:1px solid rgba(255,255,255,.25);box-shadow:0 8px 22px -8px rgba(76,29,149,.6);}
.vxn-phase-tag{display:inline-block;font-family:var(--vxn-font-display);font-size:.76rem;font-weight:700;
  letter-spacing:.08em;text-transform:uppercase;color:var(--vxn-blue);
  padding:6px 12px;border-radius:999px;background:rgba(124,58,237,.10);
  border:1px solid var(--vxn-glass-brd);margin-bottom:14px;}
.vxn-phase-body h3{margin:0 0 10px;}
.vxn-phase-body > p{color:var(--vxn-ink-2);font-size:1rem;line-height:1.6;margin:0;}
.vxn-phase-steps{list-style:none;padding:0;margin:20px 0 0;display:grid;gap:12px;}
.vxn-phase-steps li{display:flex;gap:14px;align-items:flex-start;padding:11px 14px;border-radius:12px;
  background:var(--vxn-glass-2);border:1px solid var(--vxn-glass-brd);
  transition:transform .25s var(--vxn-ease),border-color .25s;}
.vxn-phase-steps li:hover{transform:translateX(3px);border-color:var(--vxn-blue);}
.vxn-phase-steps .n{font-family:var(--vxn-font-mono);font-weight:700;color:var(--vxn-blue);font-size:.9rem;
  width:24px;flex:none;padding-top:2px;}
.vxn-phase-steps b{display:block;font-family:var(--vxn-font-display);font-weight:600;color:var(--vxn-ink);font-size:.96rem;}
.vxn-phase-steps .d{display:block;font-size:.85rem;color:var(--vxn-muted);line-height:1.5;margin-top:2px;}
@media (max-width:840px){
  .vxn-phase{grid-template-columns:1fr;gap:22px;}
  .vxn-phase .vxn-phase-figure,
  .vxn-phase:nth-child(even) .vxn-phase-figure{order:-1;}
}
@media (prefers-reduced-motion:reduce){ .vxn-phase-steps li{transition:none;} }
/* ----- section 2 : parallax + falling background ----- */
.vxn-sec2{position:relative;overflow:hidden;}
.vxn-sec2 > .vxn-shell{position:relative;z-index:1;}
.vxn-sec2-bg{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden;}
.vxn-p-layer{position:absolute;inset:-12% 0;will-change:transform;}
.vxn-blob{position:absolute;border-radius:50%;filter:blur(60px);opacity:.55;}
.vxn-blob.b1{width:46vw;max-width:560px;aspect-ratio:1;left:-8%;top:6%;
  background:radial-gradient(circle,rgba(124,58,237,.18),transparent 70%);}
.vxn-blob.b2{width:40vw;max-width:480px;aspect-ratio:1;right:-6%;bottom:0%;
  background:radial-gradient(circle,rgba(192,132,252,.15),transparent 70%);}
.vxn-p-mid{background-image:
   linear-gradient(rgba(var(--ln),.05) 1px,transparent 1px),
   linear-gradient(90deg,rgba(var(--ln),.05) 1px,transparent 1px);
  background-size:46px 46px;
  -webkit-mask-image:radial-gradient(ellipse at 50% 38%,#000 32%,transparent 78%);
  mask-image:radial-gradient(ellipse at 50% 38%,#000 32%,transparent 78%);}
.vxn-fall{position:absolute;top:-8%;width:var(--s,5px);height:var(--s,5px);border-radius:50%;
  background:var(--c,#a855f7);box-shadow:0 0 8px rgba(168,85,247,.5);opacity:0;
  animation:vxn-fall var(--dur,10s) linear var(--d,0s) infinite;}
.vxn-fall-red{--c:#f43f5e;box-shadow:0 0 8px rgba(244,63,94,.5);}
@keyframes vxn-fall{
  0%{transform:translate3d(0,0,0);opacity:0;}
  8%{opacity:.85;}
  88%{opacity:.5;}
  100%{transform:translate3d(var(--x,0),132vh,0);opacity:0;}
}
@media (prefers-reduced-motion:reduce){
  .vxn-fall{display:none;}
  .vxn-p-layer{transform:none !important;}
}

/* ----- section 3 (Method) : image-backed parallax ----- */
.vxn-parallax-host{position:relative;overflow:hidden;}
.vxn-parallax-host > .vxn-shell{position:relative;z-index:1;}
.vxn-m3-bg{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden;}
.vxn-m3-img{background:
    radial-gradient(45% 55% at 12% 8%, rgba(124,58,237,.14), transparent 68%),
    radial-gradient(45% 55% at 88% 12%, rgba(192,132,252,.12), transparent 68%),
    radial-gradient(62% 60% at 50% 100%, rgba(139,92,246,.10), transparent 72%);}
:root[data-theme="dark"] .vxn-m3-img{filter:brightness(1.25);}
/* ----- strategy board : connected colour-tile redesign ----- */
.vxn-board::before{background:
  linear-gradient(rgba(var(--ln),.045) 1px,transparent 1px),
  linear-gradient(90deg,rgba(var(--ln),.045) 1px,transparent 1px);
  background-size:16.66% 16.66%;opacity:.7;}
.vxn-board-net{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none;}
.vxn-board-net .net-flow polyline{animation:vxn-netflow 1.6s linear infinite;}
@keyframes vxn-netflow{to{stroke-dashoffset:-16;}}
.vxn-piece-disc{border-radius:18px;
  background:radial-gradient(circle at 32% 26%,rgba(255,255,255,.42),transparent 54%),var(--pc,#a855f7);
  border:1px solid rgba(255,255,255,.34);
  box-shadow:0 12px 26px -10px var(--pc,rgba(168,85,247,.6)),inset 0 -7px 16px rgba(0,0,0,.2),inset 0 1px 1px rgba(255,255,255,.5);}
.vxn-piece-disc svg{color:#fff;}
.vxn-piece-lbl{color:#fff;opacity:.96;}
.vxn-piece-glow{opacity:.55;filter:blur(11px);inset:-28%;}

/* ----- industries : focus split + vertical journey + specialties (redesigned) ----- */
.vxn-ind2-grid{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:stretch;margin-top:46px;}
.vxn-ind2-figure{position:relative;border-radius:var(--vxn-r);overflow:hidden;min-height:430px;
  border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);background:var(--vxn-panel-2);}
.vxn-ind2-figure img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;}
.vxn-ind2-badge{position:absolute;z-index:2;display:inline-flex;align-items:center;gap:8px;
  font-family:var(--vxn-font-display);font-weight:600;font-size:.78rem;color:#fff;
  padding:8px 13px;border-radius:999px;background:rgba(20,12,40,.55);
  backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.22);}
.vxn-ind2-badge.top{left:16px;top:16px;}
.vxn-ind2-badge.bot{left:16px;bottom:16px;font-family:var(--vxn-font-mono);font-size:.72rem;font-weight:500;}
.vxn-ind2-journey{display:flex;flex-direction:column;justify-content:center;}
.vxn-vjourney{list-style:none;margin:22px 0 0;padding:0;position:relative;}
.vxn-vjourney::before{content:"";position:absolute;left:23px;top:23px;bottom:23px;width:2px;background:var(--vxn-line);}
.vxn-vjourney::after{content:"";position:absolute;left:23px;top:23px;bottom:23px;width:2px;
  background:linear-gradient(180deg,var(--ac1),var(--ac2),var(--ac1));background-size:100% 220%;
  opacity:.75;animation:vxn-vrail 3s linear infinite;}
@keyframes vxn-vrail{to{background-position:0 -220%;}}
.vxn-vstep{position:relative;display:flex;gap:16px;align-items:flex-start;padding-bottom:24px;}
.vxn-vstep:last-child{padding-bottom:0;}
.vxn-vstep .vxn-jdot{flex:none;position:relative;z-index:1;}
.vxn-vtxt{padding-top:5px;}
.vxn-vtxt b{display:block;font-family:var(--vxn-font-display);font-weight:600;color:var(--vxn-ink);font-size:1rem;}
.vxn-vtxt .s{font-family:var(--vxn-font-mono);font-size:.66rem;letter-spacing:.05em;text-transform:uppercase;color:var(--vxn-faint);}
.vxn-spec-head{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;margin:50px 0 18px;}
.vxn-spec-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:14px;}
.vxn-spec{position:relative;display:flex;gap:15px;align-items:flex-start;padding:16px 18px 16px 20px;border-radius:14px;
  overflow:hidden;background:var(--vxn-glass-2);border:1px solid var(--vxn-glass-brd);
  transition:transform .3s var(--vxn-ease),border-color .3s;}
.vxn-spec::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;
  background:linear-gradient(180deg,var(--vxn-blue),var(--vxn-cyan));opacity:0;transition:opacity .3s;}
.vxn-spec:hover{transform:translateY(-4px);border-color:var(--vxn-blue);}
.vxn-spec:hover::before{opacity:1;}
.vxn-spec .ic{width:42px;height:42px;border-radius:11px;flex:none;display:grid;place-items:center;
  background:rgba(124,58,237,.1);color:var(--vxn-blue);}
.vxn-spec .ic svg{width:22px;height:22px;}
.vxn-spec h4{margin:0 0 4px;font-family:var(--vxn-font-display);font-size:1rem;color:var(--vxn-ink);}
.vxn-spec p{margin:0;font-size:.85rem;color:var(--vxn-muted);line-height:1.5;}
@media (max-width:840px){
  .vxn-ind2-grid{grid-template-columns:1fr;gap:24px;}
  .vxn-ind2-figure{min-height:300px;}
}
@media (prefers-reduced-motion:reduce){
  .vxn-board-net .net-flow polyline{animation:none;}
  .vxn-vjourney::after{animation:none;}
}
/* ----- website before/after : detailed site mockups ----- */
.vxn-ba-layer{padding:0;}
.vxn-ba-after{background:linear-gradient(180deg,#ffffff,#f7f4ff);}
.vxn-ba-before{background:linear-gradient(180deg,#e9ebef,#dfe2e8);clip-path:inset(0 calc(100% - var(--pos)) 0 0);}
.vxn-ba-handle{background:var(--vxn-blue);box-shadow:0 0 14px rgba(124,58,237,.6);}
.vxn-ba-knob{background:#fff;border-color:var(--vxn-blue);}
.vxn-ba-knob svg{color:var(--vxn-blue);}
.vxn-st{position:absolute;inset:0;display:flex;flex-direction:column;overflow:hidden;}
.vxn-st-nav{display:flex;align-items:center;justify-content:space-between;padding:9px 13px;border-bottom:1px solid rgba(27,18,51,.08);background:rgba(255,255,255,.6);}
.vxn-st-logo{display:flex;align-items:center;gap:6px;font-family:var(--vxn-font-display);font-weight:800;font-size:.64rem;color:#1b1233;white-space:nowrap;}
.vxn-st-logo i{width:14px;height:14px;border-radius:5px;background:linear-gradient(135deg,#7c3aed,#c084fc);flex:none;}
.vxn-st-links{display:flex;gap:8px;}
.vxn-st-links b{width:22px;height:5px;border-radius:3px;background:rgba(27,18,51,.16);}
.vxn-st-btn{font-family:var(--vxn-font-display);font-size:.6rem;font-weight:700;color:#fff;background:linear-gradient(135deg,#7c3aed,#a855f7);border-radius:7px;padding:5px 12px;white-space:nowrap;}
.vxn-st-hero{flex:1;display:flex;gap:13px;padding:15px 13px;align-items:center;}
.vxn-st-htext{flex:1.25;display:flex;flex-direction:column;gap:7px;min-width:0;}
.vxn-st-h1{font-family:var(--vxn-font-display);font-weight:800;font-size:.96rem;line-height:1.12;color:#1b1233;}
.vxn-st-sub{height:6px;border-radius:3px;background:rgba(27,18,51,.12);width:92%;}
.vxn-st-sub.s{width:64%;}
.vxn-st-ctarow{display:flex;align-items:center;gap:8px;margin-top:5px;flex-wrap:wrap;}
.vxn-st-cta{font-family:var(--vxn-font-display);font-size:.64rem;font-weight:700;color:#fff;background:linear-gradient(135deg,#7c3aed,#a855f7);border-radius:8px;padding:7px 14px;box-shadow:0 7px 16px -6px rgba(124,58,237,.6);white-space:nowrap;}
.vxn-st-call{display:inline-flex;align-items:center;gap:5px;font-family:var(--vxn-font-display);font-size:.6rem;font-weight:700;color:#7c3aed;border:1px solid rgba(124,58,237,.32);border-radius:8px;padding:6px 10px;white-space:nowrap;}
.vxn-st-call svg{width:11px;height:11px;}
.vxn-st-stars{display:flex;align-items:center;gap:6px;font-size:.72rem;color:#f59e0b;margin-top:2px;letter-spacing:1px;}
.vxn-st-stars span{color:#675d86;font-family:var(--vxn-font-mono);font-size:.56rem;letter-spacing:0;}
.vxn-st-himg{flex:.85;align-self:stretch;border-radius:10px;min-height:74px;position:relative;overflow:hidden;
  background:linear-gradient(150deg,#a855f7,#7c3aed);box-shadow:0 8px 20px -8px rgba(124,58,237,.55);}
.vxn-st-himg::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 70% 28%,rgba(255,255,255,.4),transparent 58%);}
.vxn-st-trust{display:flex;gap:7px;padding:0 13px 13px;}
.vxn-st-trust span{flex:1;height:15px;border-radius:5px;background:rgba(16,185,129,.16);border:1px solid rgba(16,185,129,.2);}
/* dated / bad site */
.vxn-st-nav.bad{padding:8px 11px;border-bottom:1px solid rgba(51,65,90,.14);background:#eceef2;}
.vxn-st-logo.bad{font-family:var(--vxn-font-body);font-weight:700;font-size:.6rem;color:#3a4a63;}
.vxn-st-links.bad{gap:6px;}
.vxn-st-links.bad b{width:15px;height:4px;background:rgba(58,74,99,.4);}
.vxn-st-body{flex:1;padding:13px 13px 12px;display:flex;flex-direction:column;gap:6px;}
.vxn-st-bh{font-family:var(--vxn-font-body);font-weight:700;font-size:.66rem;color:#46586f;margin-bottom:3px;}
.vxn-st-txt{height:5px;border-radius:2px;background:rgba(58,74,99,.2);width:100%;}
.vxn-st-txt.s{width:72%;}
.vxn-st-submit{margin-top:7px;align-self:flex-start;font-family:var(--vxn-font-body);font-size:.6rem;font-weight:600;color:#5b6b85;background:#d2d7df;border:1px solid #c0c6d0;border-radius:5px;padding:6px 13px;}
@media (prefers-reduced-motion:reduce){}
/* ===== gradient touch-ups ===== */
.vxn-divider{border:none;height:1px;background:linear-gradient(90deg,transparent,rgba(124,58,237,.28),rgba(192,132,252,.30),transparent);}

/* ===== footer : interactive + gradients ===== */
.vxn-ft{overflow:hidden;}
.vxn-ft::before{content:"";position:absolute;top:0;left:0;right:0;height:2px;z-index:2;
  background:linear-gradient(90deg,transparent,#7c3aed,#a855f7,#c084fc,#a855f7,#7c3aed,transparent);background-size:200% 100%;
  animation:vxn-ftline 6s linear infinite;}
@keyframes vxn-ftline{to{background-position:200% 0;}}
.vxn-ft-glow{position:absolute;top:-60px;left:50%;width:78%;max-width:880px;height:320px;pointer-events:none;z-index:0;
  transform:translateX(-50%);background:radial-gradient(ellipse at center,rgba(124,58,237,.18),transparent 70%);
  animation:vxn-ftglow 7s ease-in-out infinite;}
@keyframes vxn-ftglow{0%,100%{opacity:.55;transform:translateX(-50%) scale(1);}50%{opacity:1;transform:translateX(-50%) scale(1.08);}}
.vxn-ft-cta,.vxn-ft-grid,.vxn-ft-disc,.vxn-ft-bottom{position:relative;z-index:1;}
.vxn-ft-cta-btn{position:relative;overflow:hidden;}
.vxn-ft-cta-btn::after{content:"";position:absolute;top:0;left:-65%;width:42%;height:100%;transform:skewX(-18deg);
  background:linear-gradient(105deg,transparent,rgba(255,255,255,.4),transparent);animation:vxn-shimmer 3.6s ease-in-out infinite;}
@keyframes vxn-shimmer{0%,70%{left:-65%;}100%{left:135%;}}
.vxn-ft-cta-btn > svg{position:relative;z-index:1;transition:transform .25s var(--vxn-ease);}
.vxn-ft-cta-btn:hover > svg{transform:translateX(4px);}
.vxn-ft-col a{position:relative;transition:color .22s,padding-left .22s;}
.vxn-ft-col a::before{content:"";position:absolute;left:0;top:50%;width:9px;height:2px;border-radius:2px;
  transform:translateY(-50%) scaleX(0);transform-origin:left;background:linear-gradient(90deg,#7c3aed,#c084fc);transition:transform .22s;}
.vxn-ft-col a:hover{color:var(--vxn-blue);padding-left:15px;}
.vxn-ft-col a:hover::before{transform:translateY(-50%) scaleX(1);}
.vxn-ft-social a{position:relative;overflow:hidden;
  transition:color .2s,border-color .2s,transform .25s var(--vxn-ease),box-shadow .25s;}
.vxn-ft-social a > svg{position:relative;z-index:1;}
.vxn-ft-social a::before{content:"";position:absolute;inset:0;opacity:0;transition:opacity .25s;
  background:linear-gradient(135deg,#7c3aed,#a855f7);}
.vxn-ft-social a:hover{color:#fff;border-color:transparent;transform:translateY(-3px);box-shadow:0 10px 24px -8px rgba(124,58,237,.55);}
.vxn-ft-social a:hover::before{opacity:1;}
.vxn-ft-brand .vxn-hd-mark{filter:drop-shadow(0 0 10px rgba(124,58,237,.4));}

/* ===== FOMO single-quote rotator (below footer) ===== */
.vxn-fomo{position:relative;overflow:hidden;padding:26px 22px;display:flex;justify-content:center;
  background:linear-gradient(90deg,#6d28d9,#7c3aed,#a855f7,#7c3aed,#6d28d9);background-size:220% 100%;
  animation:vxn-fomobg 14s ease infinite;}
@keyframes vxn-fomobg{0%,100%{background-position:0% 0;}50%{background-position:100% 0;}}
.vxn-fomo-stage{position:relative;width:100%;max-width:var(--vxn-shell);min-height:30px;}
.vxn-fomo-q{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:0;text-align:center;
  font-family:var(--vxn-font-display);font-weight:600;font-size:clamp(.95rem,2vw,1.18rem);color:#fff;padding:0 8px;
  opacity:0;transform:translateY(14px);transition:opacity .55s var(--vxn-ease),transform .55s var(--vxn-ease);}
.vxn-fomo-q.is-on{opacity:1;transform:translateY(0);}
.vxn-fomo-q.is-out{opacity:0;transform:translateY(-14px);}
@media (prefers-reduced-motion:reduce){.vxn-fomo{animation:none;}.vxn-fomo-q{transition:none;}}

/* ===== floating action buttons : WhatsApp + Get in touch ===== */
.vxn-fab{position:fixed;right:22px;bottom:24px;z-index:85;display:flex;flex-direction:column;gap:13px;align-items:flex-end;}
.vxn-fab a{position:relative;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;
  box-shadow:0 12px 30px -8px rgba(0,0,0,.32);transition:transform .25s var(--vxn-ease),box-shadow .25s;}
.vxn-fab a:hover{transform:translateY(-3px) scale(1.04);}
.vxn-fab-wa{width:56px;height:56px;border-radius:50%;background:linear-gradient(145deg,#25d366,#0e9f6e);color:#fff;}
.vxn-fab-wa svg{width:30px;height:30px;}
.vxn-fab-wa:hover{box-shadow:0 16px 36px -8px rgba(37,211,102,.6);}
.vxn-fab-wa::after{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid #25d366;
  animation:vxn-fabpulse 2.6s ease-out infinite;}
@keyframes vxn-fabpulse{0%{transform:scale(1);opacity:.7;}100%{transform:scale(1.55);opacity:0;}}
.vxn-fab-gt{gap:9px;padding:0 20px;height:56px;border-radius:30px;color:#fff;
  background:linear-gradient(135deg,#7c3aed,#a855f7,#c084fc);background-size:170% 170%;
  font-family:var(--vxn-font-display);font-weight:700;font-size:.92rem;animation:vxn-fabgrad 5s ease infinite;}
.vxn-fab-gt svg{width:20px;height:20px;}
.vxn-fab-gt:hover{box-shadow:0 16px 36px -8px rgba(124,58,237,.6);}
@keyframes vxn-fabgrad{0%,100%{background-position:0% 50%;}50%{background-position:100% 50%;}}
@media (max-width:780px){
  .vxn-fab{right:16px;bottom:82px;}
  .vxn-fab-gt span{display:none;}
  .vxn-fab-gt{width:56px;padding:0;border-radius:50%;}
}
@media (prefers-reduced-motion:reduce){
  .vxn-ft::before,.vxn-ft-glow,.vxn-ft-cta-btn::after,.vxn-fomo-track,.vxn-fab-gt{animation:none;}
  .vxn-fab-wa::after{display:none;}
  .vxn-fomo-track{flex-wrap:wrap;justify-content:center;}
}
/* ===== footer newsletter ===== */
.vxn-news{margin-top:24px;max-width:350px;}
.vxn-news-label{display:block;font-family:var(--vxn-font-display);font-weight:700;font-size:.96rem;color:var(--vxn-ink);}
.vxn-news-sub{color:var(--vxn-muted);font-size:.84rem;line-height:1.5;margin:6px 0 12px;}
.vxn-news-row{display:flex;gap:8px;padding:5px;border-radius:13px;background:var(--vxn-glass-2);
  border:1px solid var(--vxn-glass-brd);transition:border-color .2s,box-shadow .2s;}
.vxn-news-row:focus-within{border-color:var(--vxn-blue);box-shadow:0 0 0 3px rgba(124,58,237,.13);}
.vxn-news-row input{flex:1;min-width:0;background:transparent;border:none;outline:none;
  font-family:var(--vxn-font-body);font-size:.9rem;color:var(--vxn-ink);padding:8px 10px;}
.vxn-news-row input::placeholder{color:var(--vxn-faint);}
.vxn-news-row button{flex:none;width:44px;border:none;cursor:pointer;border-radius:9px;color:#fff;display:grid;place-items:center;
  background:linear-gradient(135deg,#7c3aed,#a855f7);transition:transform .2s,box-shadow .2s;}
.vxn-news-row button:hover{transform:translateY(-1px);box-shadow:0 8px 20px -6px rgba(124,58,237,.6);}
.vxn-news-row button svg{width:17px;height:17px;}
.vxn-news-msg{display:inline-flex;align-items:center;gap:6px;margin-top:11px;font-size:.82rem;font-weight:600;color:var(--vxn-green);}

/* ===== floating button : works as <button> too ===== */
.vxn-fab button{position:relative;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;border:none;
  box-shadow:0 12px 30px -8px rgba(0,0,0,.32);transition:transform .25s var(--vxn-ease),box-shadow .25s;}
.vxn-fab button:hover{transform:translateY(-3px) scale(1.04);}

/* ===== audit modal ===== */
.vxn-modal{position:fixed;inset:0;z-index:120;display:flex;align-items:center;justify-content:center;padding:20px;
  opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s;}
.vxn-modal.is-open{opacity:1;visibility:visible;}
.vxn-modal-backdrop{position:absolute;inset:0;background:rgba(10,6,22,.6);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);}
.vxn-modal-card{position:relative;z-index:1;width:100%;max-width:460px;max-height:90vh;overflow:auto;
  background:var(--vxn-panel);border:1px solid var(--vxn-glass-brd);border-radius:20px;padding:30px 28px 28px;
  box-shadow:0 40px 90px -20px rgba(0,0,0,.5);transform:translateY(16px) scale(.98);transition:transform .35s var(--vxn-ease);}
.vxn-modal.is-open .vxn-modal-card{transform:none;}
.vxn-modal-card::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;border-radius:20px 20px 0 0;
  background:linear-gradient(90deg,#7c3aed,#a855f7,#c084fc);}
.vxn-modal-x{position:absolute;top:14px;right:14px;width:34px;height:34px;border-radius:9px;border:1px solid var(--vxn-glass-brd);
  background:var(--vxn-glass-2);color:var(--vxn-muted);display:grid;place-items:center;cursor:pointer;transition:color .2s,border-color .2s;}
.vxn-modal-x:hover{color:var(--vxn-ink);border-color:var(--vxn-blue);}
.vxn-modal-x svg{width:16px;height:16px;}
.vxn-modal-head h3{font-family:var(--vxn-font-display);font-weight:800;font-size:1.42rem;color:var(--vxn-ink);margin:9px 0 8px;letter-spacing:-.02em;}
.vxn-modal-head p{color:var(--vxn-muted);font-size:.92rem;line-height:1.55;margin:0 0 20px;}
.vxn-audit-form{display:flex;flex-direction:column;gap:13px;}
.vxn-audit-form label{display:flex;flex-direction:column;gap:6px;font-family:var(--vxn-font-display);font-weight:600;font-size:.78rem;color:var(--vxn-ink-2);}
.vxn-field-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px;}
.vxn-audit-form input{font-family:var(--vxn-font-body);font-size:.92rem;color:var(--vxn-ink);
  background:var(--vxn-glass-2);border:1px solid var(--vxn-glass-brd);border-radius:10px;padding:11px 13px;transition:border-color .2s,box-shadow .2s;}
.vxn-audit-form input::placeholder{color:var(--vxn-faint);}
.vxn-audit-form input:focus{outline:none;border-color:var(--vxn-blue);box-shadow:0 0 0 3px rgba(124,58,237,.15);}
.vxn-audit-note{font-size:.8rem;color:var(--vxn-muted);line-height:1.5;margin:2px 0 4px;padding:10px 12px;border-radius:10px;
  background:rgba(124,58,237,.06);border:1px solid var(--vxn-glass-brd);transition:background .25s,border-color .25s,color .25s;}
.vxn-audit-note a{color:var(--vxn-blue);font-weight:600;}
.vxn-audit-note.is-warn{background:rgba(244,63,94,.1);border-color:rgba(244,63,94,.45);color:var(--vxn-ink-2);}
.vxn-audit-submit{margin-top:4px;display:inline-flex;align-items:center;justify-content:center;gap:9px;
  font-family:var(--vxn-font-display);font-weight:700;font-size:.95rem;color:#fff;border:none;cursor:pointer;
  background:linear-gradient(135deg,#7c3aed,#a855f7,#c084fc);background-size:170% 170%;border-radius:12px;padding:14px;
  box-shadow:0 14px 30px -10px rgba(124,58,237,.6);transition:transform .2s,box-shadow .2s,background-position .45s;}
.vxn-audit-submit:hover{transform:translateY(-2px);background-position:100% 50%;box-shadow:0 18px 38px -10px rgba(124,58,237,.7);}
.vxn-audit-submit svg{width:17px;height:17px;}
.vxn-audit-done{text-align:center;padding:14px 0 6px;}
.vxn-audit-done .ok{width:58px;height:58px;border-radius:50%;margin:0 auto 16px;display:grid;place-items:center;color:#fff;
  background:linear-gradient(135deg,#10b981,#34d399);box-shadow:0 12px 28px -8px rgba(16,185,129,.6);}
.vxn-audit-done .ok svg{width:28px;height:28px;}
.vxn-audit-done h4{font-family:var(--vxn-font-display);font-weight:700;font-size:1.2rem;color:var(--vxn-ink);margin:0 0 8px;}
.vxn-audit-done p{color:var(--vxn-muted);font-size:.92rem;line-height:1.55;margin:0;}
.vxn-audit-done #vxn-audit-url{color:var(--vxn-blue);font-weight:600;word-break:break-all;}
@media (max-width:480px){.vxn-field-grid{grid-template-columns:1fr;}}

/* ===== COSMETIC & PLASTIC SURGERY SPECIALTY PAGE ===== */
/* =====================================================================
   VAYUNEX — SOLUTIONS / LEAD GENERATION page  (theme-aware, token-driven)
   Layman explainer: zero → advanced. Classes namespaced .vxn-s* / .vxn-faq.
   ===================================================================== */

/* active nav (link + mega trigger) */
.vxn-hd-nav .vxn-hd-link[aria-current="page"],
.vxn-hd-nav .vxn-hd-mega-btn[aria-current="page"]{color:var(--vxn-ink);}
.vxn-hd-nav .vxn-hd-link[aria-current="page"]::after,
.vxn-hd-nav .vxn-hd-mega-btn[aria-current="page"]::after{content:"";position:absolute;left:13px;right:13px;bottom:5px;
  height:2px;border-radius:2px;background:var(--vxn-grad-cta);}
.vxn-hd-nav .vxn-hd-mega-btn[aria-current="page"]{position:relative;}

/* ---------- plain-English definition card ---------- */
.vxn-sdef{max-width:820px;margin:46px auto 0;text-align:center;border-radius:var(--vxn-r);padding:clamp(30px,4vw,44px);
  background:var(--vxn-glass-2);border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);position:relative;overflow:hidden;}
.vxn-sdef::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(520px 240px at 50% -10%,rgba(124,58,237,.14),transparent 70%);}
.vxn-sdef .in{position:relative;z-index:1;}
.vxn-sdef .eq{font-family:var(--vxn-font-mono);font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--vxn-blue);margin-bottom:14px;}
.vxn-sdef p{font-family:var(--vxn-font-display);font-weight:600;font-size:clamp(1.15rem,2.6vw,1.6rem);line-height:1.5;color:var(--vxn-ink);margin:0;}
.vxn-sdef p b{background:var(--vxn-grad-text);-webkit-background-clip:text;background-clip:text;color:transparent;}

/* ---------- node flow (stranger -> lead -> patient) ---------- */
.vxn-sflow{display:flex;align-items:stretch;justify-content:center;flex-wrap:wrap;gap:6px;margin-top:46px;}
.vxn-sflow-node{display:flex;flex-direction:column;align-items:center;gap:11px;text-align:center;padding:24px 20px;min-width:158px;
  border-radius:var(--vxn-r);background:var(--vxn-glass);border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);}
.vxn-sflow-node.hot{border-color:var(--vxn-blue);background:var(--vxn-glass-2);}
.vxn-sflow-node .ic{width:50px;height:50px;border-radius:14px;display:grid;place-items:center;background:rgba(124,58,237,.1);color:var(--vxn-blue);}
.vxn-sflow-node.hot .ic{background:var(--vxn-grad-cta);color:#fff;}
.vxn-sflow-node .ic svg{width:25px;height:25px;}
.vxn-sflow-node b{font-family:var(--vxn-font-display);font-size:1rem;color:var(--vxn-ink);}
.vxn-sflow-node span{font-size:.79rem;color:var(--vxn-muted);max-width:150px;}
.vxn-sflow-arrow{display:grid;place-items:center;color:var(--vxn-blue-2);flex:none;}
.vxn-sflow-arrow svg{width:26px;height:26px;}

/* ---------- example callout ---------- */
.vxn-sexample{display:flex;gap:14px;align-items:flex-start;padding:18px 20px;border-radius:var(--vxn-r-sm);
  background:rgba(124,58,237,.06);border:1px solid var(--vxn-line);border-left:3px solid var(--vxn-blue);margin-top:22px;}
.vxn-sexample .ic{flex:none;width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:rgba(124,58,237,.12);color:var(--vxn-amber);}
.vxn-sexample .ic svg{width:18px;height:18px;}
.vxn-sexample .tx{font-size:.92rem;color:var(--vxn-ink-2);line-height:1.6;}
.vxn-sexample .tx .tag{display:block;font-family:var(--vxn-font-mono);font-size:.64rem;letter-spacing:.14em;text-transform:uppercase;color:var(--vxn-blue);margin-bottom:5px;}
.vxn-sexample .tx b{color:var(--vxn-ink);font-weight:600;}

/* ---------- two-col text + visual ---------- */
.vxn-stwo{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,5vw,56px);align-items:center;margin-top:8px;}
.vxn-stwo.rev .vxn-stwo-visual{order:-1;}

/* ---------- photo frame ---------- */
.vxn-sphoto{position:relative;border-radius:var(--vxn-r);overflow:hidden;border:1px solid var(--vxn-glass-brd);
  box-shadow:var(--vxn-shadow);aspect-ratio:16/11;background:var(--vxn-panel-2);}
.vxn-sphoto img{width:100%;height:100%;object-fit:cover;display:block;}
.vxn-sphoto .cap{position:absolute;left:0;right:0;bottom:0;padding:16px 18px;font-family:var(--vxn-font-mono);font-size:.72rem;
  color:#fff;background:linear-gradient(180deg,transparent,rgba(8,6,20,.78));}

/* small inline chart card */
.vxn-schart{border-radius:var(--vxn-r);padding:24px;background:var(--vxn-glass);border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);}
.vxn-schart svg{width:100%;height:auto;display:block;}
.vxn-schart-key{display:flex;flex-wrap:wrap;gap:16px;margin-top:14px;font-family:var(--vxn-font-mono);font-size:.72rem;color:var(--vxn-muted);}
.vxn-schart-key i{display:inline-block;width:22px;height:3px;border-radius:3px;margin-right:7px;vertical-align:middle;}

/* ---------- levels (zero to advanced) ---------- */
.vxn-slevels{display:grid;gap:18px;margin-top:48px;}
.vxn-slevel{display:grid;grid-template-columns:128px 1fr;gap:26px;padding:30px 30px;border-radius:var(--vxn-r);
  background:var(--vxn-glass);border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);}
.vxn-slevel-badge{text-align:center;}
.vxn-slevel-badge .no{font-family:var(--vxn-font-display);font-weight:800;font-size:3.2rem;line-height:1;
  background:var(--vxn-grad-text);-webkit-background-clip:text;background-clip:text;color:transparent;}
.vxn-slevel-badge .lv{display:inline-block;margin-top:10px;font-family:var(--vxn-font-mono);font-size:.66rem;letter-spacing:.14em;
  text-transform:uppercase;color:#fff;background:var(--vxn-grad-cta);padding:5px 11px;border-radius:999px;}
.vxn-slevel-body h3{margin:0 0 6px;font-family:var(--vxn-font-display);font-size:1.28rem;color:var(--vxn-ink);}
.vxn-slevel-body .sub{margin:0 0 16px;font-size:.95rem;color:var(--vxn-muted);line-height:1.55;}
.vxn-slevel-list{list-style:none;margin:0;padding:0;display:grid;gap:11px;}
.vxn-slevel-list li{display:flex;gap:11px;align-items:flex-start;font-size:.92rem;color:var(--vxn-ink-2);line-height:1.5;}
.vxn-slevel-list li svg{width:18px;height:18px;flex:none;margin-top:2px;color:var(--vxn-green);}
.vxn-slevel-list li b{color:var(--vxn-ink);font-weight:600;}

/* ---------- channel cards ---------- */
.vxn-schannels{display:grid;grid-template-columns:repeat(auto-fit,minmax(282px,1fr));gap:16px;margin-top:42px;}
.vxn-schan{display:flex;flex-direction:column;border-radius:var(--vxn-r);background:var(--vxn-glass);
  border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);padding:26px 24px;transition:transform .3s var(--vxn-ease),border-color .3s;}
.vxn-schan:hover{transform:translateY(-4px);border-color:var(--vxn-blue);}
.vxn-schan .ic{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;background:rgba(124,58,237,.1);color:var(--vxn-blue);margin-bottom:14px;}
.vxn-schan .ic svg{width:24px;height:24px;}
.vxn-schan h4{margin:0 0 4px;font-family:var(--vxn-font-display);font-size:1.1rem;color:var(--vxn-ink);}
.vxn-schan .kind{font-family:var(--vxn-font-mono);font-size:.64rem;letter-spacing:.12em;text-transform:uppercase;color:var(--vxn-blue-2);}
.vxn-schan p{margin:13px 0 0;font-size:.88rem;color:var(--vxn-ink-2);line-height:1.55;}
.vxn-schan .best{display:flex;gap:7px;align-items:flex-start;margin-top:auto;padding-top:15px;font-family:var(--vxn-font-mono);font-size:.72rem;color:var(--vxn-green);line-height:1.45;}
.vxn-schan .best svg{width:13px;height:13px;flex:none;margin-top:2px;}

/* ---------- conversion funnel ---------- */
.vxn-sfunnel{max-width:680px;margin:48px auto 0;display:flex;flex-direction:column;align-items:center;gap:7px;}
.vxn-sfunnel-row{width:100%;display:flex;flex-direction:column;align-items:center;}
.vxn-sfunnel-bar{width:var(--w);max-width:100%;min-height:64px;border-radius:13px;background:var(--vxn-grad-cta);
  display:flex;align-items:center;justify-content:space-between;gap:14px;padding:0 22px;color:#fff;box-shadow:0 12px 30px -14px rgba(124,58,237,.7);}
.vxn-sfunnel-bar .n{font-family:var(--vxn-font-display);font-weight:800;font-size:clamp(1.25rem,3vw,1.7rem);font-variant-numeric:tabular-nums;letter-spacing:-.02em;}
.vxn-sfunnel-bar .lab{font-family:var(--vxn-font-mono);font-size:.73rem;letter-spacing:.03em;text-align:right;line-height:1.3;opacity:.96;}
.vxn-sfunnel-drop{font-family:var(--vxn-font-mono);font-size:.68rem;color:var(--vxn-faint);margin:2px 0;}

/* ---------- industry fit ---------- */
.vxn-sfit{display:grid;grid-template-columns:repeat(auto-fit,minmax(264px,1fr));gap:16px;margin-top:42px;}
.vxn-sfit-card{border-radius:var(--vxn-r);background:var(--vxn-glass);border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);padding:24px 22px;}
.vxn-sfit-top{display:flex;align-items:center;justify-content:space-between;gap:10px;}
.vxn-sfit-card h4{margin:0;font-family:var(--vxn-font-display);font-size:1.06rem;color:var(--vxn-ink);}
.vxn-sfit-rating{font-family:var(--vxn-font-mono);font-size:.64rem;letter-spacing:.1em;text-transform:uppercase;color:var(--vxn-blue);white-space:nowrap;}
.vxn-sfit-meter{display:flex;gap:5px;margin:14px 0;}
.vxn-sfit-meter i{height:7px;flex:1;border-radius:4px;background:rgba(var(--ln),.18);}
.vxn-sfit-meter i.on{background:var(--vxn-grad-cta);}
.vxn-sfit-card p{margin:0;font-size:.85rem;color:var(--vxn-muted);line-height:1.55;}

/* ---------- readiness checklist ---------- */
.vxn-sready{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px;margin-top:40px;}
.vxn-sready-item{display:flex;gap:13px;align-items:flex-start;padding:20px;border-radius:var(--vxn-r-sm);
  background:var(--vxn-glass);border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);}
.vxn-sready-item .ck{flex:none;width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:rgba(16,185,129,.12);color:var(--vxn-green);}
.vxn-sready-item .ck svg{width:17px;height:17px;}
.vxn-sready-item p{margin:0;font-size:.9rem;color:var(--vxn-ink-2);line-height:1.5;}
.vxn-sready-item p b{color:var(--vxn-ink);font-weight:600;}

/* ---------- budget tiers ---------- */
.vxn-stiers{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:42px;}
.vxn-stier{display:flex;flex-direction:column;border-radius:var(--vxn-r);background:var(--vxn-glass);
  border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);padding:28px 26px;position:relative;}
.vxn-stier.feature{border-color:var(--vxn-blue);background:var(--vxn-glass-2);}
.vxn-stier .badge{position:absolute;top:-11px;left:26px;font-family:var(--vxn-font-mono);font-size:.62rem;letter-spacing:.12em;
  text-transform:uppercase;color:#fff;background:var(--vxn-grad-cta);padding:5px 11px;border-radius:999px;box-shadow:var(--vxn-glow-cta);}
.vxn-stier .name{font-family:var(--vxn-font-mono);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--vxn-blue-2);}
.vxn-stier .spend{font-family:var(--vxn-font-display);font-weight:800;font-size:1.85rem;color:var(--vxn-ink);margin:8px 0 2px;letter-spacing:-.02em;}
.vxn-stier .spend span{font-size:.9rem;font-weight:500;color:var(--vxn-muted);}
.vxn-stier .who{font-size:.86rem;color:var(--vxn-muted);line-height:1.5;margin:0 0 18px;}
.vxn-stier ul{list-style:none;margin:0 0 18px;padding:0;display:grid;gap:10px;}
.vxn-stier li{display:flex;gap:10px;align-items:flex-start;font-size:.86rem;color:var(--vxn-ink-2);line-height:1.45;}
.vxn-stier li svg{width:16px;height:16px;flex:none;margin-top:2px;color:var(--vxn-green);}
.vxn-stier .exp{margin-top:auto;padding-top:16px;border-top:1px dashed var(--vxn-line);font-family:var(--vxn-font-mono);font-size:.74rem;color:var(--vxn-ink-2);}
.vxn-stier .exp b{color:var(--vxn-blue-2);}

/* ---------- results table ---------- */
.vxn-stable-wrap{margin-top:42px;overflow-x:auto;border-radius:var(--vxn-r);border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);}
.vxn-stable{width:100%;border-collapse:collapse;min-width:560px;background:var(--vxn-glass);}
.vxn-stable thead th{font-family:var(--vxn-font-mono);font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:var(--vxn-faint);
  text-align:left;padding:16px 20px;border-bottom:1px solid var(--vxn-line-2);background:rgba(var(--w),.03);}
.vxn-stable tbody td{padding:15px 20px;border-bottom:1px solid var(--vxn-line);font-size:.9rem;color:var(--vxn-ink-2);}
.vxn-stable tbody tr:last-child td{border-bottom:none;}
.vxn-stable tbody td:first-child{font-family:var(--vxn-font-display);font-weight:600;color:var(--vxn-ink);}
.vxn-stable tbody td .g{color:var(--vxn-green);font-family:var(--vxn-font-mono);font-weight:600;}

/* ---------- FAQ accordion (native details) ---------- */
.vxn-faq{max-width:820px;margin:42px auto 0;display:grid;gap:12px;}
.vxn-faq-item{border:1px solid var(--vxn-glass-brd);background:var(--vxn-glass);border-radius:var(--vxn-r-sm);
  box-shadow:var(--vxn-shadow);overflow:hidden;}
.vxn-faq-item summary{list-style:none;cursor:pointer;padding:20px 22px;display:flex;justify-content:space-between;align-items:center;gap:16px;
  font-family:var(--vxn-font-display);font-weight:600;font-size:1.02rem;color:var(--vxn-ink);}
.vxn-faq-item summary::-webkit-details-marker{display:none;}
.vxn-faq-item summary .pl{flex:none;color:var(--vxn-blue-2);transition:transform .3s var(--vxn-ease);}
.vxn-faq-item summary .pl svg{width:20px;height:20px;display:block;}
.vxn-faq-item[open] summary .pl{transform:rotate(135deg);}
.vxn-faq-item[open] summary{color:var(--vxn-blue-2);}
.vxn-faq-item .a{padding:0 22px 21px;font-size:.94rem;color:var(--vxn-ink-2);line-height:1.66;}
.vxn-faq-item .a b{color:var(--vxn-ink);font-weight:600;}

/* ---------- closing CTA ---------- */
.vxn-scta{position:relative;text-align:center;border-radius:var(--vxn-r);padding:clamp(42px,6vw,70px) 28px;overflow:hidden;
  background:var(--vxn-glass-2);border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);}
.vxn-scta::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(720px 360px at 50% -20%,rgba(124,58,237,.18),transparent 70%);}
.vxn-scta .in{position:relative;z-index:1;max-width:660px;margin-inline:auto;}
.vxn-scta .vxn-hero-cta{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:30px;}

/* ---------- responsive ---------- */
@media (max-width:920px){
  .vxn-stwo{grid-template-columns:1fr;gap:32px;}
  .vxn-stwo.rev .vxn-stwo-visual{order:0;}
  .vxn-stiers{grid-template-columns:1fr;}
}
@media (max-width:680px){
  .vxn-slevel{grid-template-columns:1fr;gap:18px;}
  .vxn-slevel-badge{display:flex;align-items:center;gap:14px;}
  .vxn-slevel-badge .no{font-size:2.4rem;}
  .vxn-slevel-badge .lv{margin-top:0;}
  .vxn-sflow-arrow{transform:rotate(90deg);}
}
@media (prefers-reduced-motion:reduce){
  .vxn-schan,.vxn-faq-item summary .pl{transition:none;}
}

/* mini chart strokes (var()/url() valid only in CSS, not SVG attrs) */
.vxn-schart-base{stroke:var(--vxn-line-2);stroke-width:1;}
.vxn-schart-wom{fill:none;stroke:var(--vxn-faint);stroke-width:2.5;stroke-dasharray:5 5;stroke-linecap:round;stroke-linejoin:round;}
.vxn-schart-lead{fill:none;stroke:url(#vxnSLead);stroke-width:3.4;stroke-linecap:round;stroke-linejoin:round;}

/* ===================================================================== */
/* PAID ACQUISITION additions (.vxn-p*)                                   */
/* ===================================================================== */

/* metric definition cards */
.vxn-pmetrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px;margin-top:42px;}
.vxn-pmetric{border-radius:var(--vxn-r);background:var(--vxn-glass);border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);padding:22px 22px;}
.vxn-pmetric .ab{display:flex;align-items:baseline;gap:9px;flex-wrap:wrap;}
.vxn-pmetric .ab b{font-family:var(--vxn-font-display);font-weight:800;font-size:1.5rem;letter-spacing:-.01em;background:var(--vxn-grad-text);-webkit-background-clip:text;background-clip:text;color:transparent;}
.vxn-pmetric .ab span{font-family:var(--vxn-font-mono);font-size:.66rem;letter-spacing:.06em;text-transform:uppercase;color:var(--vxn-muted);}
.vxn-pmetric p{margin:11px 0 0;font-size:.88rem;color:var(--vxn-ink-2);line-height:1.55;}
.vxn-pmetric p b{color:var(--vxn-ink);font-weight:600;}
.vxn-pmetric .eg{margin-top:11px;font-family:var(--vxn-font-mono);font-size:.72rem;color:var(--vxn-blue-2);}

/* ad-economics money map */
.vxn-peco{margin-top:44px;border-radius:var(--vxn-r);background:var(--vxn-glass-2);border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);padding:clamp(26px,4vw,40px);position:relative;overflow:hidden;}
.vxn-peco::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(600px 280px at 50% -10%,rgba(124,58,237,.14),transparent 70%);}
.vxn-peco-row{position:relative;z-index:1;display:flex;align-items:stretch;justify-content:center;flex-wrap:wrap;gap:6px;}
.vxn-peco-step{flex:1;min-width:118px;text-align:center;padding:18px 14px;border-radius:var(--vxn-r-sm);background:var(--vxn-glass);border:1px solid var(--vxn-glass-brd);}
.vxn-peco-step.in{border-color:var(--vxn-blue);}
.vxn-peco-step.out{border-color:var(--vxn-green);}
.vxn-peco-step .v{font-family:var(--vxn-font-display);font-weight:800;font-size:clamp(1.1rem,2.4vw,1.5rem);color:var(--vxn-ink);font-variant-numeric:tabular-nums;}
.vxn-peco-step.in .v{color:var(--vxn-blue-2);}
.vxn-peco-step.out .v{color:var(--vxn-green);}
.vxn-peco-step .k{font-family:var(--vxn-font-mono);font-size:.65rem;letter-spacing:.05em;text-transform:uppercase;color:var(--vxn-muted);margin-top:5px;}
.vxn-peco-arrow{display:grid;place-items:center;color:var(--vxn-blue-2);flex:none;}
.vxn-peco-arrow svg{width:22px;height:22px;}
.vxn-peco-foot{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;margin-top:26px;}
.vxn-peco-roas{display:inline-flex;align-items:baseline;gap:9px;padding:13px 26px;border-radius:999px;background:var(--vxn-grad-cta);color:#fff;box-shadow:var(--vxn-glow-cta);}
.vxn-peco-roas b{font-family:var(--vxn-font-display);font-weight:800;font-size:1.8rem;}
.vxn-peco-roas span{font-family:var(--vxn-font-mono);font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;opacity:.95;}

/* common mistakes */
.vxn-pmistakes{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px;margin-top:42px;}
.vxn-pmistake{border-radius:var(--vxn-r);background:var(--vxn-glass);border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);padding:24px 24px;border-left:3px solid var(--vxn-red);}
.vxn-pmistake .x{display:flex;align-items:center;gap:10px;margin-bottom:11px;}
.vxn-pmistake .x .ic{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:rgba(244,63,94,.12);color:var(--vxn-red);flex:none;}
.vxn-pmistake .x .ic svg{width:17px;height:17px;}
.vxn-pmistake .x b{font-family:var(--vxn-font-display);font-size:1rem;color:var(--vxn-ink);}
.vxn-pmistake p{margin:0;font-size:.88rem;color:var(--vxn-ink-2);line-height:1.55;}
.vxn-pmistake .fix{display:flex;gap:8px;align-items:flex-start;margin-top:13px;padding-top:13px;border-top:1px solid var(--vxn-line);font-size:.86rem;color:var(--vxn-ink-2);line-height:1.5;}
.vxn-pmistake .fix svg{width:15px;height:15px;flex:none;margin-top:2px;color:var(--vxn-green);}
.vxn-pmistake .fix b{color:var(--vxn-green);font-weight:600;font-family:var(--vxn-font-mono);font-size:.7rem;text-transform:uppercase;letter-spacing:.06em;margin-right:3px;}

@media (max-width:680px){ .vxn-peco-arrow{transform:rotate(90deg);} }

/* ===================================================================== */
/* MED SPA specialty page additions (.vxn-ms*)                            */
/* ===================================================================== */

/* engine cards as links */
a.vxn-schan{text-decoration:none;color:inherit;display:block;transition:transform .25s var(--vxn-ease),border-color .25s var(--vxn-ease);}
a.vxn-schan:hover{transform:translateY(-4px);border-color:var(--vxn-line-2);}
a.vxn-schan .best{color:var(--vxn-blue-2);}

/* before / after transformation */
.vxn-msba{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:44px;}
@media(max-width:720px){.vxn-msba{grid-template-columns:1fr;}}
.vxn-msba-col{border-radius:var(--vxn-r);border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);padding:28px 26px;background:var(--vxn-glass);}
.vxn-msba-col.after{background:var(--vxn-glass-2);border-color:var(--vxn-line-2);position:relative;overflow:hidden;}
.vxn-msba-col.after::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(420px 200px at 80% -10%,rgba(124,58,237,.13),transparent 70%);}
.vxn-msba-h{display:flex;align-items:center;gap:11px;margin-bottom:20px;position:relative;z-index:1;}
.vxn-msba-h .lbl{font-family:var(--vxn-font-mono);font-size:.68rem;letter-spacing:.07em;text-transform:uppercase;}
.vxn-msba-col.before .lbl{color:var(--vxn-muted);}
.vxn-msba-col.after .lbl{color:var(--vxn-blue-2);}
.vxn-msba-h h3{font-family:var(--vxn-font-display);font-size:1.25rem;color:var(--vxn-ink);margin:0;letter-spacing:-.01em;}
.vxn-msba-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px;position:relative;z-index:1;}
.vxn-msba-list li{display:flex;gap:12px;align-items:flex-start;font-size:.92rem;color:var(--vxn-ink-2);line-height:1.5;}
.vxn-msba-list li .ic{width:22px;height:22px;border-radius:6px;flex:none;display:grid;place-items:center;margin-top:1px;}
.vxn-msba-col.before li .ic{background:rgba(244,63,94,.10);color:var(--vxn-red);}
.vxn-msba-col.after li .ic{background:rgba(16,185,129,.12);color:var(--vxn-green);}
.vxn-msba-list li .ic svg{width:13px;height:13px;}
.vxn-msba-col.after li b{color:var(--vxn-ink);font-weight:600;}

/* impact tiles */
.vxn-msimpact{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px;margin-top:42px;}
.vxn-msimpact-tile{border-radius:var(--vxn-r);background:var(--vxn-glass);border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);padding:26px 22px;text-align:center;}
.vxn-msimpact-tile .big{font-family:var(--vxn-font-display);font-weight:800;font-size:2.3rem;line-height:1;letter-spacing:-.01em;background:var(--vxn-grad-text);-webkit-background-clip:text;background-clip:text;color:transparent;font-variant-numeric:tabular-nums;}
.vxn-msimpact-tile .lbl{font-family:var(--vxn-font-display);font-size:.98rem;color:var(--vxn-ink);margin-top:11px;font-weight:600;}
.vxn-msimpact-tile .sub{font-size:.82rem;color:var(--vxn-muted);margin-top:6px;line-height:1.45;}

/* journey timeline */
.vxn-msflow{margin-top:44px;display:flex;flex-direction:column;}
.vxn-msstep{display:grid;grid-template-columns:auto 1fr;gap:20px;position:relative;padding-bottom:26px;}
.vxn-msstep:last-child{padding-bottom:0;}
.vxn-msstep-rail{display:flex;flex-direction:column;align-items:center;}
.vxn-msstep-num{width:46px;height:46px;border-radius:50%;flex:none;display:grid;place-items:center;font-family:var(--vxn-font-display);font-weight:800;font-size:1.05rem;color:#fff;background:var(--vxn-grad-cta);box-shadow:var(--vxn-glow-cta);z-index:1;}
.vxn-msstep-line{flex:1;width:2px;background:var(--vxn-line-2);margin-top:4px;border-radius:2px;}
.vxn-msstep:last-child .vxn-msstep-line{display:none;}
.vxn-msstep-body{border-radius:var(--vxn-r);background:var(--vxn-glass);border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);padding:22px 24px;}
.vxn-msstep-body .when{font-family:var(--vxn-font-mono);font-size:.68rem;letter-spacing:.06em;text-transform:uppercase;color:var(--vxn-blue-2);}
.vxn-msstep-body h4{font-family:var(--vxn-font-display);font-size:1.12rem;color:var(--vxn-ink);margin:5px 0 8px;letter-spacing:-.01em;}
.vxn-msstep-body p{font-size:.9rem;color:var(--vxn-ink-2);line-height:1.55;margin:0;}
.vxn-msstep-body p .need{color:var(--vxn-ink);font-weight:600;}



/* From crm.html */

/* =====================================================================
   VAYUNEX — DESIGN SYSTEM v2
   Light-default, royal-purple. Dark mode via :root[data-theme="dark"].
   Theme bases: --w (tint), --ln (hairline), --mk (screen-mock surface)
   flip per theme so one stylesheet serves both. Accents are shared.
   Type:  Sora (display) · Manrope (body) · JetBrains Mono (data)
   ===================================================================== */

/* ----- TOKENS : LIGHT (default) ----- */
:root{
  color-scheme: light;

  --vxn-void:#ffffff;
  --vxn-deep:#f4f0fb;
  --vxn-panel:#ffffff;
  --vxn-panel-2:#f5f1fe;

  --vxn-ink:#1b1233;
  --vxn-ink-2:#392e57;
  --vxn-muted:#675d86;
  --vxn-faint:#9a91b4;

  /* theme bases */
  --w:45,35,70;          /* subtle tint base (dark on light) */
  --ln:110,82,180;       /* hairline base (purple)           */
  --mk:245,243,252;      /* screen-mock surface (near-white) */

  --vxn-line:rgba(var(--ln),0.16);
  --vxn-line-2:rgba(var(--ln),0.32);

  /* royal-purple accents (shared both themes) */
  --vxn-blue:#7c3aed;    /* primary  */
  --vxn-blue-2:#a855f7;  /* primary-2 */
  --vxn-cyan:#c084fc;    /* bright orchid pop */
  --vxn-violet:#8b5cf6;
  --vxn-green:#10b981;   /* success / revenue */
  --vxn-amber:#f59e0b;   /* stars / cost */
  --vxn-red:#f43f5e;     /* loss */

  --vxn-glass:linear-gradient(160deg,rgba(255,255,255,0.96),rgba(250,248,255,0.90));
  --vxn-glass-2:linear-gradient(160deg,#ffffff,#f3edfe);
  --vxn-glass-brd:rgba(var(--ln),0.20);

  --vxn-cta-ink:#ffffff;
  --vxn-grad-cta:linear-gradient(135deg,#7c3aed 0%,#a855f7 55%,#c084fc 100%);
  --vxn-grad-violet:linear-gradient(135deg,#8b5cf6 0%,#7c3aed 100%);
  --vxn-grad-text:linear-gradient(120deg,#2a1d4d 0%,#7c3aed 55%,#a855f7 100%);

  --vxn-shadow:0 26px 60px -30px rgba(76,29,149,0.30);
  --vxn-glow-cta:0 16px 40px -12px rgba(124,58,237,0.42);

  --vxn-font-display:'Sora',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  --vxn-font-body:'Manrope',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  --vxn-font-mono:'JetBrains Mono',ui-monospace,SFMono-Regular,Menlo,monospace;

  --vxn-r:20px;
  --vxn-r-sm:14px;
  --vxn-shell:1180px;
  --vxn-ease:cubic-bezier(.2,.7,.2,1);
}

/* ----- TOKENS : DARK (toggle) ----- */
:root[data-theme="dark"]{
  color-scheme: dark;

  --vxn-void:#0b0818;
  --vxn-deep:#0f0b20;
  --vxn-panel:#150f2b;
  --vxn-panel-2:#1b1338;

  --vxn-ink:#f3f0ff;
  --vxn-ink-2:#cdc6e8;
  --vxn-muted:#968cb8;
  --vxn-faint:#6c648c;

  --w:255,255,255;
  --ln:150,135,215;
  --mk:14,20,44;

  --vxn-glass:linear-gradient(160deg,rgba(255,255,255,0.07),rgba(255,255,255,0.02));
  --vxn-glass-2:linear-gradient(160deg,rgba(255,255,255,0.10),rgba(255,255,255,0.03));
  --vxn-glass-brd:rgba(255,255,255,0.10);

  --vxn-grad-text:linear-gradient(120deg,#ffffff 0%,#c4b5fd 50%,#c084fc 100%);

  --vxn-shadow:0 26px 70px -28px rgba(0,0,0,0.70);
  --vxn-glow-cta:0 16px 44px -12px rgba(124,58,237,0.60);
}

/* ----- TRANSFORMED SECTION STYLES (token-driven, theme-aware) ----- */
/* =====================================================================
   VAYUNEX — GLOBAL DESIGN SYSTEM
   Visual direction: "Mission control for revenue" — deep navy/black base,
   electric blue + cyan + violet accents, success green & cost amber for
   telemetry, frosted glass, ambient grid, lead-flow particle motif.
   Type roles:  Sora (display) · Manrope (body) · JetBrains Mono (data)
   All classes are namespaced with the vxn- prefix.
   ===================================================================== */

/* ----- TOKENS ----- */

/* ----- RESET / BASE ----- */
*,*::before,*::after{box-sizing:border-box;}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;}
body{
  margin:0;
  background:var(--vxn-void);
  color:var(--vxn-ink-2);
  font-family:var(--vxn-font-body);
  font-size:16px;
  line-height:1.65;
  letter-spacing:.005em;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
  overflow-x:hidden;
}
img{max-width:100%;display:block;}
a{color:inherit;text-decoration:none;}
button{font-family:inherit;cursor:pointer;}
canvas{display:block;}
::selection{background:rgba(192,132,252,.28);color:#fff;}

/* ----- AMBIENT ATMOSPHERE (fixed background layer) ----- */
.vxn-atmos{position:fixed;inset:0;z-index:-2;pointer-events:none;background:
  radial-gradient(1100px 700px at 78% -8%,rgba(124,58,237,.22),transparent 60%),
  radial-gradient(900px 700px at 8% 12%,rgba(139,92,246,.16),transparent 60%),
  radial-gradient(1000px 800px at 60% 108%,rgba(192,132,252,.10),transparent 55%),
  var(--vxn-void);}
.vxn-atmos::before{content:"";position:absolute;inset:0;opacity:.5;
  background-image:linear-gradient(rgba(var(--ln),.05) 1px,transparent 1px),
                   linear-gradient(90deg,rgba(var(--ln),.05) 1px,transparent 1px);
  background-size:54px 54px;
  -webkit-mask-image:radial-gradient(circle at 50% 30%,#000 0%,transparent 78%);
          mask-image:radial-gradient(circle at 50% 30%,#000 0%,transparent 78%);}
.vxn-grain{position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.035;mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");}

/* ----- LAYOUT PRIMITIVES ----- */
.vxn-shell{width:100%;max-width:var(--vxn-shell);margin-inline:auto;padding-inline:24px;}
.vxn-section{position:relative;padding-block:clamp(74px,11vh,128px);}
.vxn-section--tight{padding-block:clamp(56px,8vh,92px);}
.vxn-divider{height:1px;background:linear-gradient(90deg,transparent,var(--vxn-line-2),transparent);border:0;margin:0;}

/* ----- TYPOGRAPHY ----- */
.vxn-eyebrow{display:inline-flex;align-items:center;gap:9px;font-family:var(--vxn-font-mono);
  font-size:12px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--vxn-cyan);}
.vxn-eyebrow::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--vxn-cyan);
  box-shadow:0 0 10px var(--vxn-cyan);}
.vxn-h1{font-family:var(--vxn-font-display);font-weight:800;line-height:1.04;letter-spacing:-.025em;
  font-size:clamp(2.4rem,6vw,4.5rem);color:var(--vxn-ink);margin:0;}
.vxn-h2{font-family:var(--vxn-font-display);font-weight:700;line-height:1.08;letter-spacing:-.02em;
  font-size:clamp(1.85rem,4vw,3rem);color:var(--vxn-ink);margin:0;}
.vxn-h3{font-family:var(--vxn-font-display);font-weight:600;line-height:1.2;letter-spacing:-.01em;
  font-size:clamp(1.1rem,2vw,1.35rem);color:var(--vxn-ink);margin:0;}
.vxn-lead{font-size:clamp(1.02rem,1.6vw,1.2rem);color:var(--vxn-ink-2);max-width:62ch;}
.vxn-grad-txt{background:var(--vxn-grad-text);-webkit-background-clip:text;background-clip:text;color:transparent;}
.vxn-cyan{color:var(--vxn-cyan);} .vxn-violet{color:var(--vxn-violet);} .vxn-green{color:var(--vxn-green);}
.vxn-mono{font-family:var(--vxn-font-mono);font-variant-numeric:tabular-nums;}
.vxn-head{max-width:760px;}
.vxn-head .vxn-lead{margin-top:18px;}
.vxn-center{text-align:center;margin-inline:auto;}

/* ----- BUTTONS ----- */
.vxn-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;
  font-family:var(--vxn-font-display);font-weight:600;font-size:.96rem;letter-spacing:-.01em;
  padding:14px 24px;border-radius:13px;border:1px solid transparent;transition:transform .25s var(--vxn-ease),box-shadow .25s,background .25s;white-space:nowrap;}
.vxn-btn svg{width:18px;height:18px;}
.vxn-btn--primary{background:var(--vxn-grad-cta);color:var(--vxn-cta-ink);box-shadow:var(--vxn-glow-cta);}
.vxn-btn--primary:hover{transform:translateY(-2px);box-shadow:0 20px 50px -12px rgba(124,58,237,.7);}
.vxn-btn--ghost{background:rgba(var(--w),.03);border-color:var(--vxn-line-2);color:var(--vxn-ink);}
.vxn-btn--ghost:hover{transform:translateY(-2px);background:rgba(var(--w),.07);border-color:var(--vxn-cyan);}
.vxn-btn:focus-visible{outline:2px solid var(--vxn-cyan);outline-offset:3px;}

/* ----- CHIPS / PILLS ----- */
.vxn-chip{display:inline-flex;align-items:center;gap:8px;font-size:.82rem;font-weight:600;color:var(--vxn-ink-2);
  padding:7px 14px;border-radius:999px;background:rgba(var(--w),.04);border:1px solid var(--vxn-line);}
.vxn-chip .vxn-dot{width:6px;height:6px;border-radius:50%;background:var(--vxn-green);box-shadow:0 0 8px var(--vxn-green);}

/* ----- GLASS CARD ----- */
.vxn-glass{position:relative;background:var(--vxn-glass);border:1px solid var(--vxn-glass-brd);
  border-radius:var(--vxn-r);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--vxn-shadow);}
.vxn-glass::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;pointer-events:none;
  background:linear-gradient(160deg,rgba(var(--w),.35),transparent 40%);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
          mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;mask-composite:exclude;opacity:.5;}

/* 3D tilt-ready card */
.vxn-card3d{transition:transform .4s var(--vxn-ease),box-shadow .4s;transform-style:preserve-3d;will-change:transform;}

/* ----- SCROLL REVEAL ----- */
.vxn-reveal{opacity:0;transform:translateY(28px);transition:opacity .8s var(--vxn-ease),transform .8s var(--vxn-ease);transition-delay:var(--d,0s);}
.vxn-reveal.is-in{opacity:1;transform:none;}

/* ============================ NAV (CAPSULE) ============================ */
/* "Living glass capsule" — contracts on scroll, canopy mega-menu unfurls
   out of the same surface, sliding spotlight, full-screen mobile overlay. */
.vxn-skip{position:absolute;left:-9999px;top:0;z-index:200;background:var(--vxn-cyan);color:var(--vxn-cta-ink);
  padding:10px 16px;border-radius:0 0 10px 0;font-weight:700;}
.vxn-skip:focus{left:0;}

.vxn-scrim{position:fixed;inset:0;z-index:79;background:rgba(var(--mk),.55);opacity:0;visibility:hidden;
  -webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:opacity .35s,visibility .35s;}
.vxn-scrim.is-on{opacity:1;visibility:visible;}

.vxn-nav{position:fixed;top:14px;left:0;right:0;z-index:80;display:flex;justify-content:center;padding-inline:14px;}
.vxn-island{width:min(1120px,100%);background:linear-gradient(160deg,rgba(var(--mk),.78),rgba(var(--mk),.7));
  border:1px solid var(--vxn-glass-brd);border-radius:22px;overflow:hidden;
  -webkit-backdrop-filter:blur(16px) saturate(140%);backdrop-filter:blur(16px) saturate(140%);
  box-shadow:0 18px 50px -22px rgba(0,0,0,.8);
  transition:width .5s var(--vxn-ease),border-radius .5s,background .5s;}
.vxn-nav.is-contracted .vxn-island{width:min(880px,100%);background:linear-gradient(160deg,rgba(var(--mk),.92),rgba(var(--mk),.9));}
.vxn-bar{display:flex;align-items:center;gap:18px;padding:11px 14px 11px 18px;transition:padding .5s var(--vxn-ease);}
.vxn-nav.is-contracted .vxn-bar{padding:8px 12px 8px 16px;}

.vxn-brand{display:flex;align-items:center;gap:11px;flex-shrink:0;}
.vxn-mark{width:30px;height:30px;flex-shrink:0;transition:width .5s,height .5s;}
.vxn-nav.is-contracted .vxn-mark{width:26px;height:26px;}
.vxn-word{font-family:var(--vxn-font-display);font-weight:800;letter-spacing:.12em;font-size:1.02rem;color:var(--vxn-ink);}

.vxn-links{position:relative;display:flex;align-items:center;gap:2px;margin-inline:auto;}
.vxn-spot{position:absolute;top:50%;height:34px;border-radius:11px;transform:translateY(-50%);
  background:linear-gradient(160deg,rgba(var(--ln),.22),rgba(var(--ln),.08));border:1px solid var(--vxn-line);
  z-index:0;opacity:0;transition:left .38s var(--vxn-ease),width .38s var(--vxn-ease),opacity .3s;pointer-events:none;}
.vxn-link{position:relative;z-index:1;display:inline-flex;align-items:center;gap:6px;color:var(--vxn-ink-2);
  font-size:.92rem;font-weight:600;padding:8px 14px;border-radius:11px;background:none;border:0;transition:color .25s;}
.vxn-link:hover,.vxn-link[aria-expanded="true"]{color:var(--vxn-ink);}
.vxn-link .vxn-chev{width:14px;height:14px;transition:transform .3s;}
.vxn-link[aria-expanded="true"] .vxn-chev{transform:rotate(180deg);}
.vxn-link:focus-visible{outline:2px solid var(--vxn-cyan);outline-offset:2px;}

.vxn-actions{display:flex;align-items:center;gap:10px;flex-shrink:0;}
.vxn-cta{display:inline-flex;align-items:center;gap:7px;background:var(--vxn-grad-cta);color:var(--vxn-cta-ink);
  font-family:var(--vxn-font-display);font-weight:700;font-size:.88rem;padding:10px 17px;border-radius:11px;
  box-shadow:0 10px 26px -10px rgba(124,58,237,.6);transition:transform .25s,box-shadow .25s;border:0;}
.vxn-cta:hover{transform:translateY(-1px);box-shadow:0 14px 32px -8px rgba(124,58,237,.8);}
.vxn-cta:focus-visible{outline:2px solid #fff;outline-offset:2px;}

.vxn-burger{display:none;width:42px;height:38px;border-radius:11px;background:rgba(var(--w),.05);
  border:1px solid var(--vxn-line);align-items:center;justify-content:center;flex-direction:column;gap:4px;}
.vxn-burger span{width:18px;height:2px;background:var(--vxn-ink);border-radius:2px;transition:transform .3s,opacity .3s;}
.vxn-burger:focus-visible{outline:2px solid var(--vxn-cyan);outline-offset:2px;}

/* Canopy mega-menu (lives INSIDE the island; grows out of it) */
.vxn-canopy{max-height:0;opacity:0;padding:0 22px;transition:max-height .5s var(--vxn-ease),opacity .35s,padding .5s var(--vxn-ease);}
.vxn-island.is-open .vxn-canopy{max-height:420px;opacity:1;padding:4px 22px 22px;}
.vxn-canopy-top{height:1px;background:var(--vxn-line);margin-bottom:18px;}
.vxn-canopy-grid{display:grid;grid-template-columns:1fr 1fr 1.15fr;gap:22px;}
.vxn-col-title{font-family:var(--vxn-font-mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--vxn-muted);margin-bottom:12px;}
.vxn-col a{display:flex;align-items:center;gap:10px;color:var(--vxn-ink-2);font-size:.9rem;font-weight:600;padding:7px 9px;border-radius:9px;transition:background .2s,color .2s,transform .2s;opacity:0;transform:translateY(8px);}
.vxn-island.is-open .vxn-col a{opacity:1;transform:none;}
.vxn-island.is-open .vxn-col:nth-child(1) a{transition-delay:.05s;}
.vxn-island.is-open .vxn-col:nth-child(2) a{transition-delay:.12s;}
.vxn-col a:hover{background:rgba(var(--ln),.1);color:#fff;}
.vxn-col a i{width:8px;height:8px;border-radius:50%;background:var(--vxn-cyan);box-shadow:0 0 8px var(--vxn-cyan);flex-shrink:0;}
.vxn-col a.h i{background:var(--vxn-green);box-shadow:0 0 8px var(--vxn-green);}
.vxn-rail{background:var(--vxn-grad-violet);border-radius:16px;padding:18px;display:flex;flex-direction:column;justify-content:center;opacity:0;transform:translateY(8px);transition:opacity .4s .18s,transform .4s .18s;}
.vxn-island.is-open .vxn-rail{opacity:1;transform:none;}
.vxn-rail h4{font-family:var(--vxn-font-display);font-size:1.05rem;color:#fff;margin:0 0 6px;}
.vxn-rail p{font-size:.82rem;color:rgba(var(--w),.85);margin:0 0 14px;}
.vxn-rail a{align-self:flex-start;background:#fff;color:#1a1340;font-weight:700;font-size:.82rem;padding:9px 15px;border-radius:10px;}

/* Mobile full-screen overlay */
.vxn-overlay{position:fixed;inset:0;z-index:90;background:linear-gradient(180deg,var(--vxn-void),var(--vxn-void));
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transform:translateY(-100%);transition:transform .5s var(--vxn-ease);
  display:flex;flex-direction:column;padding:22px;overflow-y:auto;}
.vxn-overlay.is-open{transform:none;}
.vxn-ov-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:36px;}
.vxn-ov-close{width:42px;height:42px;border-radius:12px;background:rgba(var(--w),.05);border:1px solid var(--vxn-line);color:var(--vxn-ink);font-size:1.4rem;display:flex;align-items:center;justify-content:center;}
.vxn-ov-body{display:flex;flex-direction:column;gap:6px;}
.vxn-ov-link{font-family:var(--vxn-font-display);font-weight:700;font-size:1.8rem;color:var(--vxn-ink);padding:14px 4px;border-bottom:1px solid var(--vxn-line);display:flex;align-items:center;justify-content:space-between;
  opacity:0;transform:translateX(-18px);transition:opacity .5s,transform .5s;}
.vxn-overlay.is-open .vxn-ov-link{opacity:1;transform:none;}
.vxn-overlay.is-open .vxn-ov-link:nth-child(1){transition-delay:.08s;}
.vxn-overlay.is-open .vxn-ov-link:nth-child(2){transition-delay:.14s;}
.vxn-overlay.is-open .vxn-ov-link:nth-child(3){transition-delay:.2s;}
.vxn-overlay.is-open .vxn-ov-link:nth-child(4){transition-delay:.26s;}
.vxn-overlay.is-open .vxn-ov-link:nth-child(5){transition-delay:.32s;}
.vxn-ov-sub{display:none;flex-direction:column;gap:2px;padding:6px 4px 14px;}
.vxn-ov-sub.is-open{display:flex;}
.vxn-ov-sub a{color:var(--vxn-muted);font-size:1.05rem;font-weight:600;padding:8px 0;}
.vxn-ov-cta{margin-top:26px;}

@media(max-width:920px){
  .vxn-links{display:none;}
  .vxn-burger{display:flex;}
  .vxn-actions .vxn-cta{display:none;}
}
@media(min-width:921px){ .vxn-overlay{display:none!important;} }

/* ============================ HERO ============================ */
.vxn-hero{position:relative;min-height:100svh;display:flex;align-items:center;padding-top:130px;padding-bottom:64px;overflow:hidden;}
.vxn-hero-bg{position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.9;}
.vxn-hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.04fr .96fr;gap:46px;align-items:center;width:100%;}
.vxn-hero-copy{max-width:600px;}
.vxn-hero h1{margin:18px 0 0;}
.vxn-hero h1 .ln{display:block;}
.vxn-hero .vxn-lead{margin-top:22px;}
.vxn-hero-cta{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px;}
.vxn-hero-trust{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px;}

.vxn-engine{position:relative;width:100%;aspect-ratio:1/.86;max-width:560px;margin-inline:auto;}
.vxn-engine canvas{position:absolute;inset:0;width:100%;height:100%;}
.vxn-dash{position:absolute;right:-6px;bottom:-14px;width:min(252px,72%);padding:16px 16px 14px;border-radius:16px;z-index:3;}
.vxn-dash-h{display:flex;align-items:center;gap:8px;font-family:var(--vxn-font-mono);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--vxn-muted);margin-bottom:12px;}
.vxn-dash-h .live{width:7px;height:7px;border-radius:50%;background:var(--vxn-green);box-shadow:0 0 9px var(--vxn-green);animation:vxn-pulse 1.8s infinite;}
.vxn-dash-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 14px;}
.vxn-dash-cell .k{font-size:10px;letter-spacing:.04em;color:var(--vxn-faint);text-transform:uppercase;font-weight:600;}
.vxn-dash-cell .v{font-family:var(--vxn-font-mono);font-weight:700;font-size:1.18rem;color:var(--vxn-ink);line-height:1.2;font-variant-numeric:tabular-nums;}
.vxn-dash-cell .v.c{color:var(--vxn-cyan);} .vxn-dash-cell .v.g{color:var(--vxn-green);}
@keyframes vxn-pulse{0%,100%{opacity:1;transform:scale(1);}50%{opacity:.45;transform:scale(.82);}}

/* ============================ PROBLEM / LEAK FUNNEL ============================ */
.vxn-leak-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:46px;align-items:center;margin-top:48px;}
.vxn-funnel-stage{position:relative;width:100%;max-width:440px;margin-inline:auto;}
.vxn-funnel-stage svg{width:100%;height:auto;overflow:visible;}
.vxn-leak-rows{display:flex;flex-direction:column;gap:10px;}
.vxn-leak-row{display:flex;gap:14px;align-items:flex-start;padding:15px 16px;border-radius:14px;border:1px solid var(--vxn-line);
  background:rgba(var(--w),.018);cursor:pointer;transition:border-color .3s,background .3s,transform .3s;text-align:left;width:100%;}
.vxn-leak-row:hover{transform:translateX(4px);}
.vxn-leak-row.is-active{border-color:rgba(244,63,94,.55);background:rgba(244,63,94,.07);}
.vxn-leak-num{font-family:var(--vxn-font-mono);font-size:.8rem;color:var(--vxn-red);font-weight:700;width:26px;height:26px;border-radius:8px;
  background:rgba(244,63,94,.12);display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px;}
.vxn-leak-row.is-active .vxn-leak-num{background:var(--vxn-red);color:#180408;}
.vxn-leak-txt h4{font-family:var(--vxn-font-display);font-size:1rem;color:var(--vxn-ink);margin:0 0 3px;}
.vxn-leak-txt p{margin:0;font-size:.88rem;color:var(--vxn-muted);}
.vxn-leak-foot{margin-top:22px;font-size:.95rem;color:var(--vxn-ink-2);border-left:2px solid var(--vxn-cyan);padding-left:16px;}

/* ============================ METHOD (10-step journey) ============================ */
.vxn-method-rail{position:relative;display:flex;gap:14px;overflow-x:auto;padding:30px 4px 18px;margin-top:38px;scroll-snap-type:x mandatory;
  -ms-overflow-style:none;scrollbar-width:thin;scrollbar-color:var(--vxn-line-2) transparent;}
.vxn-method-rail::-webkit-scrollbar{height:6px;}
.vxn-method-rail::-webkit-scrollbar-thumb{background:var(--vxn-line-2);border-radius:6px;}
.vxn-mprogress{position:absolute;top:14px;left:4px;right:4px;height:2px;background:var(--vxn-line);border-radius:2px;overflow:hidden;}
.vxn-mprogress i{position:absolute;inset:0;width:0;background:var(--vxn-grad-cta);box-shadow:0 0 12px rgba(192,132,252,.6);transition:width 1.4s var(--vxn-ease);}
.vxn-mstep{position:relative;scroll-snap-align:start;flex:0 0 auto;width:172px;padding:18px 16px 16px;border-radius:16px;}
.vxn-mstep .n{position:absolute;top:-11px;left:16px;font-family:var(--vxn-font-mono);font-size:.7rem;font-weight:700;color:var(--vxn-cyan);
  background:var(--vxn-deep);border:1px solid var(--vxn-line);padding:3px 7px;border-radius:7px;}
.vxn-mstep .ic{width:38px;height:38px;border-radius:11px;background:rgba(var(--ln),.1);display:flex;align-items:center;justify-content:center;margin-bottom:12px;color:var(--vxn-cyan);}
.vxn-mstep .ic svg{width:20px;height:20px;}
.vxn-mstep h4{font-family:var(--vxn-font-display);font-size:1rem;color:var(--vxn-ink);margin:0 0 6px;}
.vxn-mstep p{margin:0;font-size:.82rem;color:var(--vxn-muted);line-height:1.5;}
.vxn-mstep::after{content:"";position:absolute;right:-9px;top:54px;width:14px;height:14px;border-top:2px solid var(--vxn-line-2);border-right:2px solid var(--vxn-line-2);transform:rotate(45deg);opacity:.7;}
.vxn-mstep:last-child::after{display:none;}

/* ============================ STRATEGY BOARD ============================ */
.vxn-board-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:46px;align-items:center;margin-top:46px;}
.vxn-board{position:relative;aspect-ratio:1;width:100%;max-width:480px;margin-inline:auto;border-radius:24px;overflow:hidden;
  background:linear-gradient(160deg,rgba(var(--mk),.9),rgba(var(--mk),.92));border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);}
.vxn-board::before{content:"";position:absolute;inset:0;opacity:.5;
  background-image:repeating-conic-gradient(rgba(var(--ln),.05) 0% 25%,transparent 0% 50%);background-size:25% 25%;}
.vxn-board::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 45%,transparent 30%,rgba(var(--mk),.55) 100%);}
.vxn-piece{position:absolute;width:21%;aspect-ratio:1;transform:translate(-50%,-50%) scale(.3);opacity:0;
  transition:transform .9s var(--vxn-ease),opacity .7s;left:var(--x);top:var(--y);z-index:2;cursor:default;}
.vxn-board.is-placed .vxn-piece{transform:translate(-50%,-50%) scale(1);opacity:1;}
.vxn-piece-disc{position:absolute;inset:0;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;
  background:radial-gradient(circle at 35% 28%,rgba(var(--w),.22),rgba(var(--w),.03) 60%),linear-gradient(160deg,rgba(var(--mk),.9),rgba(var(--mk),.95));
  border:1px solid rgba(var(--w),.16);box-shadow:0 10px 24px -8px rgba(0,0,0,.7),inset 0 1px 1px rgba(var(--w),.25);
  transition:transform .3s,box-shadow .3s;}
.vxn-piece:hover .vxn-piece-disc{transform:translateY(-4px) scale(1.05);box-shadow:0 16px 30px -8px var(--pc,rgba(192,132,252,.5)),inset 0 1px 1px rgba(var(--w),.3);}
.vxn-piece-disc svg{width:34%;height:34%;color:var(--pc,var(--vxn-cyan));}
.vxn-piece-lbl{font-family:var(--vxn-font-mono);font-size:.5rem;letter-spacing:.04em;color:var(--vxn-ink-2);text-transform:uppercase;font-weight:700;}
.vxn-piece-glow{position:absolute;inset:-30%;border-radius:50%;background:radial-gradient(circle,var(--pc,rgba(192,132,252,.4)),transparent 65%);opacity:.4;filter:blur(6px);z-index:-1;}
.vxn-tip{position:absolute;left:50%;bottom:112%;transform:translateX(-50%) translateY(6px);width:max-content;max-width:180px;
  background:rgba(var(--mk),.96);border:1px solid var(--vxn-line-2);border-radius:10px;padding:9px 12px;font-size:.74rem;color:var(--vxn-ink-2);line-height:1.45;
  opacity:0;visibility:hidden;transition:opacity .25s,transform .25s,visibility .25s;z-index:5;box-shadow:0 12px 30px -10px rgba(0,0,0,.8);pointer-events:none;}
.vxn-tip b{color:var(--pc,var(--vxn-cyan));font-family:var(--vxn-font-display);}
.vxn-piece:hover .vxn-tip{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0);}
.vxn-legend{display:flex;flex-direction:column;gap:8px;margin-top:26px;}
.vxn-lrow{display:flex;align-items:center;gap:12px;padding:11px 14px;border-radius:12px;border:1px solid var(--vxn-line);background:rgba(var(--w),.018);transition:background .25s,border-color .25s;cursor:default;}
.vxn-lrow:hover{background:rgba(var(--ln),.06);border-color:var(--vxn-line-2);}
.vxn-lrow .sw{width:12px;height:12px;border-radius:50%;flex-shrink:0;box-shadow:0 0 10px currentColor;}
.vxn-lrow b{font-family:var(--vxn-font-display);color:var(--vxn-ink);font-size:.92rem;min-width:74px;}
.vxn-lrow span{font-size:.85rem;color:var(--vxn-muted);}

/* ============================ INDUSTRY JOURNEYS (health / hospitality) ============================ */
.vxn-jintro{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap;}
.vxn-journey{position:relative;margin:46px 0 40px;padding:34px 12px 30px;border-radius:20px;}
.vxn-jtrack{position:relative;display:flex;justify-content:space-between;gap:8px;padding-top:8px;}
.vxn-jline{position:absolute;top:30px;left:5%;right:5%;height:2px;background:var(--vxn-line);border-radius:2px;}
.vxn-jline i{position:absolute;inset:0;width:0;background:linear-gradient(90deg,var(--ac1),var(--ac2));box-shadow:0 0 10px var(--ac2);transition:width 1.8s var(--vxn-ease);}
.vxn-jnode{position:relative;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;flex:1;min-width:0;z-index:2;}
.vxn-jdot{width:46px;height:46px;border-radius:14px;background:var(--vxn-deep);border:1px solid var(--vxn-line-2);display:flex;align-items:center;justify-content:center;color:var(--ac2,var(--vxn-cyan));transition:box-shadow .4s,border-color .4s,transform .4s;}
.vxn-jdot svg{width:21px;height:21px;}
.vxn-journey.is-in .vxn-jnode:nth-child(1) .vxn-jdot{box-shadow:0 0 0 4px rgba(192,132,252,.08),0 0 20px -4px var(--ac2);border-color:var(--ac2);}
.vxn-jlabel{font-size:.78rem;font-weight:600;color:var(--vxn-ink-2);line-height:1.3;max-width:90px;}
.vxn-jsub{font-family:var(--vxn-font-mono);font-size:.62rem;letter-spacing:.04em;color:var(--vxn-faint);text-transform:uppercase;}
.vxn-token{position:absolute;top:30px;left:5%;width:18px;height:18px;border-radius:50%;transform:translate(-50%,-50%);z-index:3;
  background:radial-gradient(circle at 35% 30%,#fff,var(--ac2));box-shadow:0 0 16px var(--ac2);}
.vxn-journey.is-in .vxn-token{animation:vxn-ride 7s var(--vxn-ease) .4s infinite;}
@keyframes vxn-ride{0%{left:5%;}12%{left:5%;}22%{left:24%;}34%{left:24%;}44%{left:50%;}56%{left:50%;}66%{left:76%;}78%{left:76%;}88%{left:95%;}100%{left:95%;}}
.vxn-cap-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(225px,1fr));gap:16px;margin-top:6px;}
.vxn-cap{padding:20px 18px;border-radius:16px;transition:transform .35s var(--vxn-ease),border-color .35s;}
.vxn-cap:hover{transform:translateY(-5px);}
.vxn-cap .ic{width:40px;height:40px;border-radius:11px;display:flex;align-items:center;justify-content:center;margin-bottom:13px;
  background:rgba(192,132,252,.1);color:var(--ac2,var(--vxn-cyan));}
.vxn-cap .ic svg{width:21px;height:21px;}
.vxn-cap h4{font-family:var(--vxn-font-display);font-size:1.02rem;color:var(--vxn-ink);margin:0 0 7px;}
.vxn-cap p{margin:0;font-size:.86rem;color:var(--vxn-muted);}
.vxn-note{display:inline-flex;align-items:center;gap:8px;margin-top:24px;font-size:.8rem;color:var(--vxn-faint);font-family:var(--vxn-font-mono);}
.vxn-note::before{content:"";width:14px;height:1px;background:var(--vxn-faint);}

/* ============================ SEO WALKTHROUGH ============================ */
.vxn-seo-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:42px;align-items:center;margin-top:46px;}
.vxn-query-chips{display:flex;flex-wrap:wrap;gap:9px;margin:22px 0 26px;}
.vxn-qchip{font-size:.82rem;font-weight:600;color:var(--vxn-ink-2);padding:8px 14px;border-radius:10px;border:1px solid var(--vxn-line);background:rgba(var(--w),.02);transition:all .25s;}
.vxn-qchip.is-on{border-color:transparent;background:linear-gradient(135deg,#7c3aed,#a855f7);color:#fff;box-shadow:0 6px 16px -6px rgba(124,58,237,.55);}
.vxn-seo-labels{display:flex;flex-direction:column;gap:9px;}
.vxn-seolab{display:flex;align-items:center;gap:11px;font-size:.88rem;color:var(--vxn-faint);transition:color .3s;}
.vxn-seolab .tick{width:20px;height:20px;border-radius:6px;border:1px solid var(--vxn-line-2);display:flex;align-items:center;justify-content:center;transition:all .3s;}
.vxn-seolab .tick svg{width:12px;height:12px;opacity:0;transition:opacity .3s;}
.vxn-seolab.is-lit{color:var(--vxn-ink);}
.vxn-seolab.is-lit .tick{background:var(--vxn-green);border-color:var(--vxn-green);}
.vxn-seolab.is-lit .tick svg{opacity:1;color:#04140d;}

.vxn-browser{position:relative;border-radius:16px;overflow:hidden;border:1px solid var(--vxn-glass-brd);
  background:linear-gradient(180deg,rgba(var(--mk),.96),rgba(var(--mk),.98));box-shadow:var(--vxn-shadow);min-height:430px;}
.vxn-bbar{display:flex;align-items:center;gap:8px;padding:11px 14px;border-bottom:1px solid var(--vxn-line);background:rgba(var(--w),.02);}
.vxn-bdots{display:flex;gap:6px;}
.vxn-bdots i{width:10px;height:10px;border-radius:50%;background:rgba(var(--w),.18);}
.vxn-burl{flex:1;display:flex;align-items:center;gap:8px;background:rgba(0,0,0,.3);border:1px solid var(--vxn-line);border-radius:9px;padding:6px 12px;font-family:var(--vxn-font-mono);font-size:.76rem;color:var(--vxn-muted);}
.vxn-burl svg{width:12px;height:12px;color:var(--vxn-green);}
.vxn-bbody{position:relative;padding:22px;min-height:380px;}
.vxn-seo-screen{position:absolute;inset:0;padding:24px;opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .5s,transform .5s,visibility .5s;}
.vxn-seo-screen.is-on{opacity:1;visibility:visible;transform:none;}
.vxn-search-box{display:flex;align-items:center;gap:12px;background:#fff;border-radius:999px;padding:14px 22px;box-shadow:0 8px 30px -8px rgba(0,0,0,.5);max-width:440px;margin:60px auto 0;}
.vxn-search-box svg{width:20px;height:20px;color:#5f6368;flex-shrink:0;}
.vxn-search-q{font-family:var(--vxn-font-body);font-size:1.02rem;color:#202124;font-weight:500;}
.vxn-search-q .car{display:inline-block;width:2px;height:1.05em;background:#4285f4;margin-left:1px;vertical-align:-2px;animation:vxn-blink 1s step-end infinite;}
@keyframes vxn-blink{50%{opacity:0;}}
.vxn-search-hint{text-align:center;color:var(--vxn-faint);font-size:.82rem;margin-top:22px;}
.vxn-serp{display:grid;grid-template-columns:1.4fr .9fr;gap:18px;}
.vxn-serp-list{display:flex;flex-direction:column;gap:11px;}
.vxn-result{padding:13px 15px;border-radius:12px;border:1px solid var(--vxn-line);background:rgba(var(--w),.025);transition:transform .6s var(--vxn-ease),border-color .5s,background .5s;}
.vxn-result .u{font-size:.72rem;color:var(--vxn-green);font-family:var(--vxn-font-mono);}
.vxn-result .t{font-family:var(--vxn-font-display);font-size:.98rem;color:var(--vxn-blue-2);margin:3px 0 5px;}
.vxn-result .d{font-size:.78rem;color:var(--vxn-muted);}
.vxn-result.is-win{border-color:var(--vxn-cyan);background:rgba(192,132,252,.08);box-shadow:0 0 0 1px rgba(192,132,252,.3),0 14px 30px -12px rgba(192,132,252,.4);}
.vxn-result .badges{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px;opacity:0;max-height:0;overflow:hidden;transition:opacity .5s,max-height .5s;}
.vxn-result.is-win .badges{opacity:1;max-height:50px;}
.vxn-badge{font-size:.66rem;font-weight:700;padding:3px 8px;border-radius:6px;background:rgba(16,185,129,.14);color:var(--vxn-green);}
.vxn-badge.star{background:rgba(245,158,11,.16);color:var(--vxn-amber);}
.vxn-mappack{border-radius:12px;border:1px solid var(--vxn-line);background:linear-gradient(160deg,rgba(124,58,237,.18),rgba(91,33,182,.1));position:relative;overflow:hidden;min-height:180px;padding:12px;}
.vxn-mappack .ml{font-family:var(--vxn-font-mono);font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;color:var(--vxn-muted);margin-bottom:8px;}
.vxn-pin{position:absolute;width:22px;height:22px;}
.vxn-pin svg{width:100%;height:100%;color:var(--vxn-faint);}
.vxn-pin.win svg{color:var(--vxn-cyan);filter:drop-shadow(0 0 8px var(--vxn-cyan));}
.vxn-pin.win{animation:vxn-bob 2s ease-in-out infinite;}
@keyframes vxn-bob{0%,100%{transform:translateY(0);}50%{transform:translateY(-5px);}}
.vxn-landing{max-width:430px;margin:0 auto;}
.vxn-landing .lh{font-family:var(--vxn-font-display);font-size:1.15rem;color:var(--vxn-ink);font-weight:700;margin-bottom:6px;}
.vxn-landing .lp{font-size:.84rem;color:var(--vxn-muted);margin-bottom:16px;}
.vxn-lform{display:flex;flex-direction:column;gap:10px;background:rgba(var(--w),.03);border:1px solid var(--vxn-line);border-radius:14px;padding:16px;}
.vxn-lfield{height:38px;border-radius:9px;background:rgba(0,0,0,.25);border:1px solid var(--vxn-line);display:flex;align-items:center;padding:0 13px;font-size:.82rem;color:var(--vxn-muted);}
.vxn-lbtn{height:40px;border-radius:9px;background:var(--vxn-grad-cta);color:var(--vxn-cta-ink);font-weight:700;display:flex;align-items:center;justify-content:center;font-size:.88rem;}
.vxn-crm-toast{display:flex;align-items:center;gap:10px;margin-top:14px;padding:11px 14px;border-radius:11px;background:rgba(16,185,129,.1);border:1px solid rgba(16,185,129,.4);
  font-size:.84rem;color:var(--vxn-green);font-weight:600;opacity:0;transform:translateY(8px);transition:opacity .5s .3s,transform .5s .3s;}
.vxn-seo-screen.is-on .vxn-crm-toast{opacity:1;transform:none;}
.vxn-crm-toast svg{width:18px;height:18px;}
.vxn-steps-dots{display:flex;gap:8px;justify-content:center;margin-top:18px;}
.vxn-sdot{width:9px;height:9px;border-radius:50%;background:var(--vxn-line-2);transition:all .3s;border:0;padding:0;}
.vxn-sdot.is-on{background:var(--vxn-cyan);box-shadow:0 0 10px var(--vxn-cyan);width:26px;border-radius:5px;}

/* ============================ PAID ADS ============================ */
.vxn-ads-grid{display:grid;grid-template-columns:1fr 1fr;gap:42px;align-items:center;margin-top:46px;}
.vxn-adstack{display:flex;flex-direction:column;gap:14px;}
.vxn-adcard{position:relative;padding:15px 16px;border-radius:14px;overflow:hidden;}
.vxn-adcard .tag{display:inline-flex;align-items:center;gap:6px;font-size:.68rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--vxn-cyan);margin-bottom:9px;}
.vxn-adcard .tag .pl{width:7px;height:7px;border-radius:2px;background:var(--vxn-cyan);}
.vxn-adcard h5{font-family:var(--vxn-font-display);font-size:.98rem;color:var(--vxn-ink);margin:0 0 4px;}
.vxn-adcard p{margin:0 0 11px;font-size:.8rem;color:var(--vxn-muted);}
.vxn-adcard .row{display:flex;align-items:center;justify-content:space-between;}
.vxn-adcard .cta-mini{font-size:.76rem;font-weight:700;color:var(--vxn-cta-ink);background:var(--vxn-grad-cta);padding:6px 12px;border-radius:8px;}
.vxn-adcard .meta{font-family:var(--vxn-font-mono);font-size:.72rem;color:var(--vxn-faint);}
.vxn-ripple{position:absolute;width:14px;height:14px;border-radius:50%;background:var(--vxn-cyan);pointer-events:none;opacity:0;}
.vxn-flow{padding:22px;border-radius:18px;}
.vxn-flow-h{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;}
.vxn-flow-h .lab{font-family:var(--vxn-font-mono);font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;color:var(--vxn-muted);}
.vxn-frow{margin-bottom:15px;}
.vxn-frow .top{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:6px;}
.vxn-frow .k{font-size:.84rem;color:var(--vxn-ink-2);font-weight:600;}
.vxn-frow .v{font-family:var(--vxn-font-mono);font-weight:700;font-size:1.05rem;color:var(--vxn-ink);}
.vxn-frow .v.hl{color:var(--vxn-cyan);} .vxn-frow .v.gr{color:var(--vxn-green);}
.vxn-fbar{height:8px;border-radius:5px;background:rgba(var(--w),.05);overflow:hidden;}
.vxn-fbar i{display:block;height:100%;width:0;border-radius:5px;background:var(--vxn-grad-cta);transition:width 1.4s var(--vxn-ease);}
.vxn-fbar i.g{background:linear-gradient(90deg,var(--vxn-green),var(--vxn-cyan));}
.vxn-cpl{margin-top:6px;display:flex;align-items:center;gap:12px;}
.vxn-cpl svg{flex:1;height:46px;}
.vxn-cpl .cv{font-family:var(--vxn-font-mono);font-size:.8rem;color:var(--vxn-green);font-weight:700;}

/* ============================ WEBSITE BEFORE/AFTER ============================ */
.vxn-web-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:42px;align-items:center;margin-top:46px;}
.vxn-ba{position:relative;aspect-ratio:16/11;border-radius:18px;overflow:hidden;border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);
  --pos:50%;user-select:none;touch-action:pan-y;}
.vxn-ba-layer{position:absolute;inset:0;padding:20px;display:flex;flex-direction:column;}
.vxn-ba-after{background:linear-gradient(160deg,#0c1430,#0a1126);}
.vxn-ba-before{background:linear-gradient(160deg,#161922,#101319);clip-path:inset(0 calc(100% - var(--pos)) 0 0);}
.vxn-ba-tag{position:absolute;top:14px;font-family:var(--vxn-font-mono);font-size:.64rem;letter-spacing:.1em;text-transform:uppercase;padding:5px 10px;border-radius:7px;z-index:4;}
.vxn-ba-before .vxn-ba-tag{left:14px;background:rgba(244,63,94,.16);color:var(--vxn-red);}
.vxn-ba-after .vxn-ba-tag{right:14px;background:rgba(16,185,129,.16);color:var(--vxn-green);}
.vxn-ba-handle{position:absolute;top:0;bottom:0;left:var(--pos);width:2px;background:var(--vxn-cyan);box-shadow:0 0 14px var(--vxn-cyan);z-index:5;transform:translateX(-1px);}
.vxn-ba-knob{position:absolute;top:50%;left:var(--pos);transform:translate(-50%,-50%);width:38px;height:38px;border-radius:50%;background:var(--vxn-deep);border:2px solid var(--vxn-cyan);display:flex;align-items:center;justify-content:center;z-index:6;box-shadow:0 6px 18px -4px rgba(0,0,0,.6);}
.vxn-ba-knob svg{width:18px;height:18px;color:var(--vxn-cyan);}
.vxn-ba input[type=range]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;z-index:7;margin:0;}
.vxn-mock-head{height:14px;width:55%;border-radius:4px;background:rgba(var(--w),.18);margin-bottom:10px;}
.vxn-mock-line{height:8px;border-radius:4px;background:rgba(var(--w),.08);margin-bottom:7px;}
.vxn-mock-cta{margin-top:auto;height:34px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:.74rem;font-weight:700;}
.vxn-mock-cta.weak{background:rgba(var(--w),.08);color:var(--vxn-muted);width:40%;}
.vxn-mock-cta.strong{background:var(--vxn-grad-cta);color:var(--vxn-cta-ink);width:70%;box-shadow:0 8px 22px -6px rgba(124,58,237,.6);}
.vxn-mock-badges{display:flex;gap:6px;margin-top:10px;}
.vxn-mock-badges span{height:18px;flex:1;border-radius:5px;background:rgba(16,185,129,.18);}
.vxn-web-compare{display:grid;grid-template-columns:1fr;gap:8px;}
.vxn-wc-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:center;padding:11px 14px;border-radius:11px;border:1px solid var(--vxn-line);background:rgba(var(--w),.015);}
.vxn-wc-b,.vxn-wc-a{display:flex;align-items:center;gap:8px;font-size:.82rem;}
.vxn-wc-b{color:var(--vxn-muted);} .vxn-wc-a{color:var(--vxn-ink-2);font-weight:600;}
.vxn-wc-b svg,.vxn-wc-a svg{width:15px;height:15px;flex-shrink:0;}
.vxn-wc-b svg{color:var(--vxn-red);} .vxn-wc-a svg{color:var(--vxn-green);}

/* ============================ CRM + AUTOMATION ============================ */
.vxn-crm-pipe{position:relative;display:flex;justify-content:space-between;gap:6px;margin:46px 0 30px;padding-top:10px;}
.vxn-crm-line{position:absolute;top:34px;left:4%;right:4%;height:2px;background:var(--vxn-line);}
.vxn-crm-line i{position:absolute;inset:0;width:0;background:linear-gradient(90deg,var(--vxn-violet),var(--vxn-cyan));box-shadow:0 0 10px var(--vxn-cyan);transition:width .5s linear;}
.vxn-cnode{position:relative;flex:1;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;z-index:2;min-width:0;}
.vxn-cring{width:50px;height:50px;border-radius:15px;background:var(--vxn-deep);border:1px solid var(--vxn-line-2);display:flex;align-items:center;justify-content:center;color:var(--vxn-muted);transition:all .4s;}
.vxn-cring svg{width:22px;height:22px;}
.vxn-cnode.is-done .vxn-cring{border-color:var(--vxn-green);color:var(--vxn-green);box-shadow:0 0 18px -4px var(--vxn-green);}
.vxn-cnode.is-active .vxn-cring{border-color:var(--vxn-cyan);color:var(--vxn-cyan);box-shadow:0 0 0 4px rgba(192,132,252,.1),0 0 22px -2px var(--vxn-cyan);transform:scale(1.08);}
.vxn-clabel{font-size:.74rem;font-weight:600;color:var(--vxn-ink-2);max-width:84px;line-height:1.3;}
.vxn-lead-chip{position:absolute;top:-8px;left:4%;transform:translateX(-50%);display:flex;align-items:center;gap:7px;
  background:rgba(var(--mk),.96);border:1px solid var(--vxn-cyan);border-radius:999px;padding:5px 12px 5px 8px;font-size:.74rem;font-weight:700;color:var(--vxn-ink);
  box-shadow:0 8px 22px -6px rgba(192,132,252,.5);z-index:4;transition:left .6s var(--vxn-ease);white-space:nowrap;}
.vxn-lead-chip .av{width:18px;height:18px;border-radius:50%;background:var(--vxn-grad-violet);display:flex;align-items:center;justify-content:center;font-size:.6rem;color:#fff;}
.vxn-recover{margin-top:14px;display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:18px;border-radius:16px;}
.vxn-recover .rt{font-family:var(--vxn-font-mono);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--vxn-amber);width:100%;margin-bottom:4px;}
.vxn-rstep{display:flex;align-items:center;gap:8px;font-size:.84rem;font-weight:600;color:var(--vxn-ink-2);padding:9px 14px;border-radius:10px;border:1px solid var(--vxn-line);background:rgba(var(--w),.02);opacity:.4;transition:opacity .4s,border-color .4s,transform .4s;}
.vxn-rstep.is-on{opacity:1;border-color:var(--vxn-amber);transform:translateY(-2px);}
.vxn-rstep svg{width:16px;height:16px;color:var(--vxn-amber);}
.vxn-rarrow{color:var(--vxn-faint);}
.vxn-rarrow svg{width:16px;height:16px;}

/* ============================ EXCLUSIVITY (territory lock) ============================ */
.vxn-excl-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:46px;align-items:center;margin-top:40px;}
.vxn-map{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:22px;border-radius:20px;}
.vxn-cell{position:relative;aspect-ratio:1;border-radius:14px;border:1px solid var(--vxn-line);background:rgba(var(--w),.02);
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;text-align:center;padding:8px;transition:all .5s;overflow:hidden;}
.vxn-cell .cl{font-size:.66rem;font-weight:600;color:var(--vxn-muted);line-height:1.25;}
.vxn-cell .ci{width:22px;height:22px;color:var(--vxn-faint);transition:color .4s;}
.vxn-cell .ci svg{width:100%;height:100%;}
.vxn-cell.is-taken{opacity:.4;}
.vxn-cell.is-taken .stamp{position:absolute;font-family:var(--vxn-font-mono);font-size:.6rem;letter-spacing:.1em;color:var(--vxn-red);border:1px solid var(--vxn-red);padding:2px 6px;border-radius:5px;transform:rotate(-12deg);opacity:0;transition:opacity .5s;}
.vxn-cell.is-taken.show .stamp{opacity:.85;}
.vxn-cell.is-yours{border-color:var(--vxn-cyan);background:linear-gradient(160deg,rgba(192,132,252,.14),rgba(192,132,252,.04));box-shadow:0 0 0 1px rgba(192,132,252,.4),0 14px 34px -12px rgba(192,132,252,.5);}
.vxn-cell.is-yours .ci{color:var(--vxn-cyan);}
.vxn-cell.is-yours .cl{color:#fff;}
.vxn-lock{opacity:0;transform:scale(.5);transition:opacity .4s,transform .4s;}
.vxn-cell.is-yours.locked .vxn-lock{opacity:1;transform:scale(1);}
.vxn-sweep{position:absolute;inset:0;pointer-events:none;border-radius:20px;overflow:hidden;}
.vxn-sweep::before{content:"";position:absolute;top:-50%;left:-50%;width:60%;height:200%;
  background:linear-gradient(90deg,transparent,rgba(192,132,252,.12),transparent);transform:rotate(18deg);animation:vxn-scan 5s linear infinite;}
@keyframes vxn-scan{0%{left:-60%;}100%{left:120%;}}
.vxn-excl-pts{display:flex;flex-direction:column;gap:12px;margin:24px 0;}
.vxn-ep{display:flex;gap:12px;align-items:flex-start;}
.vxn-ep .epi{width:34px;height:34px;border-radius:10px;background:rgba(192,132,252,.1);color:var(--vxn-cyan);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.vxn-ep .epi svg{width:18px;height:18px;}
.vxn-ep b{font-family:var(--vxn-font-display);color:var(--vxn-ink);font-size:.95rem;display:block;}
.vxn-ep span{font-size:.85rem;color:var(--vxn-muted);}

/* ============================ REPORTING DASHBOARD ============================ */
.vxn-dashboard{margin-top:46px;padding:26px;border-radius:24px;}
.vxn-db-top{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:22px;}
.vxn-db-title{display:flex;align-items:center;gap:12px;}
.vxn-db-title .dt{font-family:var(--vxn-font-display);font-weight:700;color:var(--vxn-ink);font-size:1.05rem;}
.vxn-db-title .live{display:inline-flex;align-items:center;gap:7px;font-family:var(--vxn-font-mono);font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;color:var(--vxn-green);}
.vxn-db-title .live i{width:7px;height:7px;border-radius:50%;background:var(--vxn-green);box-shadow:0 0 9px var(--vxn-green);animation:vxn-pulse 1.8s infinite;}
.vxn-db-range{display:flex;gap:6px;}
.vxn-db-range span{font-size:.72rem;font-weight:600;color:var(--vxn-muted);padding:6px 11px;border-radius:8px;border:1px solid var(--vxn-line);}
.vxn-db-range span.on{background:rgba(192,132,252,.12);color:#fff;border-color:var(--vxn-cyan);}
.vxn-kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:13px;margin-bottom:18px;}
.vxn-kpi{padding:15px 16px;border-radius:14px;border:1px solid var(--vxn-line);background:rgba(var(--w),.02);}
.vxn-kpi .k{font-size:.72rem;color:var(--vxn-faint);font-weight:600;text-transform:uppercase;letter-spacing:.03em;margin-bottom:7px;display:flex;align-items:center;gap:6px;}
.vxn-kpi .k svg{width:13px;height:13px;}
.vxn-kpi .v{font-family:var(--vxn-font-mono);font-weight:700;font-size:1.4rem;color:var(--vxn-ink);line-height:1.1;font-variant-numeric:tabular-nums;}
.vxn-kpi .v.c{color:var(--vxn-cyan);} .vxn-kpi .v.g{color:var(--vxn-green);} .vxn-kpi .v.a{color:var(--vxn-amber);}
.vxn-kpi .delta{font-size:.72rem;font-weight:700;margin-top:4px;}
.vxn-kpi .delta.up{color:var(--vxn-green);} .vxn-kpi .delta.down{color:var(--vxn-green);}
.vxn-db-charts{display:grid;grid-template-columns:1.5fr 1fr;gap:14px;}
.vxn-chartcard{padding:18px;border-radius:14px;border:1px solid var(--vxn-line);background:rgba(var(--w),.018);}
.vxn-chartcard .ct{font-size:.78rem;color:var(--vxn-muted);font-weight:600;margin-bottom:16px;display:flex;justify-content:space-between;}
.vxn-bars{display:flex;align-items:flex-end;gap:9px;height:120px;}
.vxn-bar{flex:1;border-radius:6px 6px 0 0;background:linear-gradient(180deg,var(--vxn-cyan),rgba(124,58,237,.4));height:0;transition:height 1.1s var(--vxn-ease);min-height:4px;position:relative;}
.vxn-bar:nth-child(even){background:linear-gradient(180deg,var(--vxn-violet),rgba(124,58,237,.4));}
.vxn-bars-x{display:flex;gap:9px;margin-top:8px;}
.vxn-bars-x span{flex:1;text-align:center;font-family:var(--vxn-font-mono);font-size:.58rem;color:var(--vxn-faint);}
.vxn-donut{display:flex;align-items:center;gap:16px;}
.vxn-donut svg{width:104px;height:104px;flex-shrink:0;}
.vxn-donut .leg{display:flex;flex-direction:column;gap:8px;}
.vxn-donut .lg{display:flex;align-items:center;gap:8px;font-size:.76rem;color:var(--vxn-ink-2);}
.vxn-donut .lg i{width:9px;height:9px;border-radius:3px;}

/* ============================ SERVICES ============================ */
.vxn-svc-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(232px,1fr));gap:15px;margin-top:46px;}
.vxn-svc{padding:20px;border-radius:16px;transition:transform .4s var(--vxn-ease),border-color .4s;}
.vxn-svc:hover{transform:translateY(-5px);}
.vxn-svc .ic{width:40px;height:40px;border-radius:11px;background:rgba(var(--ln),.1);color:var(--vxn-cyan);display:flex;align-items:center;justify-content:center;margin-bottom:13px;}
.vxn-svc .ic svg{width:21px;height:21px;}
.vxn-svc h4{font-family:var(--vxn-font-display);font-size:1.02rem;color:var(--vxn-ink);margin:0 0 7px;}
.vxn-svc .cr{font-size:.74rem;font-weight:700;color:var(--vxn-green);text-transform:uppercase;letter-spacing:.04em;margin-bottom:5px;font-family:var(--vxn-font-mono);}
.vxn-svc p{margin:0;font-size:.84rem;color:var(--vxn-muted);}

/* ============================ CASE STUDIES ============================ */
.vxn-case-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px;margin-top:46px;}
.vxn-case{padding:24px;border-radius:18px;transition:transform .4s var(--vxn-ease);}
.vxn-case:hover{transform:translateY(-6px);}
.vxn-case .ind{display:inline-flex;align-items:center;gap:8px;font-size:.74rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--vxn-cyan);margin-bottom:18px;}
.vxn-case .ind .d{width:8px;height:8px;border-radius:50%;background:var(--vxn-cyan);box-shadow:0 0 8px var(--vxn-cyan);}
.vxn-cstat{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:13px 0;border-bottom:1px solid var(--vxn-line);}
.vxn-cstat:last-of-type{border-bottom:0;}
.vxn-cstat .cv{font-family:var(--vxn-font-mono);font-weight:700;font-size:1.5rem;color:var(--vxn-ink);font-variant-numeric:tabular-nums;}
.vxn-cstat .cv.g{color:var(--vxn-green);} .vxn-cstat .cv.c{color:var(--vxn-cyan);}
.vxn-cstat .cl{font-size:.8rem;color:var(--vxn-muted);text-align:right;max-width:54%;}

/* ============================ PROCESS TIMELINE ============================ */
.vxn-timeline{position:relative;max-width:780px;margin:46px auto 0;padding-left:42px;}
.vxn-timeline::before{content:"";position:absolute;left:15px;top:8px;bottom:8px;width:2px;background:var(--vxn-line);}
.vxn-tline-fill{position:absolute;left:15px;top:8px;width:2px;height:0;background:linear-gradient(180deg,var(--vxn-cyan),var(--vxn-violet));box-shadow:0 0 12px var(--vxn-cyan);transition:height 1.6s var(--vxn-ease);}
.vxn-tstep{position:relative;padding:0 0 30px;}
.vxn-tstep:last-child{padding-bottom:0;}
.vxn-tstep .tn{position:absolute;left:-42px;top:0;width:32px;height:32px;border-radius:10px;background:var(--vxn-deep);border:1px solid var(--vxn-line-2);
  display:flex;align-items:center;justify-content:center;font-family:var(--vxn-font-mono);font-size:.78rem;font-weight:700;color:var(--vxn-cyan);}
.vxn-tstep h4{font-family:var(--vxn-font-display);font-size:1.08rem;color:var(--vxn-ink);margin:2px 0 5px;}
.vxn-tstep p{margin:0;font-size:.88rem;color:var(--vxn-muted);}

/* ============================ FINAL CTA ============================ */
.vxn-final{position:relative;text-align:center;padding-block:clamp(80px,13vh,150px);overflow:hidden;}
.vxn-final-orb{position:absolute;top:50%;left:50%;width:520px;height:520px;transform:translate(-50%,-50%);z-index:0;pointer-events:none;
  background:radial-gradient(circle,rgba(192,132,252,.18),rgba(124,58,237,.08) 40%,transparent 70%);}
.vxn-final-inner{position:relative;z-index:2;max-width:720px;margin-inline:auto;}
.vxn-final h2{margin-bottom:20px;}
.vxn-final-cta{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;margin-top:32px;}
.vxn-final-trust{margin-top:24px;font-size:.85rem;color:var(--vxn-faint);font-family:var(--vxn-font-mono);}

/* ============================ FOOTER ============================ */
.vxn-footer{position:relative;border-top:1px solid var(--vxn-line);padding-top:60px;padding-bottom:34px;}
.vxn-foot-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:36px;}
.vxn-foot-brand .vxn-brand{margin-bottom:14px;}
.vxn-foot-brand p{font-size:.88rem;color:var(--vxn-muted);max-width:30ch;}
.vxn-foot-col h5{font-family:var(--vxn-font-mono);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--vxn-faint);margin:0 0 16px;}
.vxn-foot-col a{display:block;font-size:.88rem;color:var(--vxn-ink-2);padding:5px 0;transition:color .25s;}
.vxn-foot-col a:hover{color:var(--vxn-cyan);}
.vxn-foot-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:44px;padding-top:22px;border-top:1px solid var(--vxn-line);}
.vxn-foot-bottom .lg{font-size:.8rem;color:var(--vxn-faint);}
.vxn-foot-bottom .disc{font-size:.76rem;color:var(--vxn-faint);max-width:48ch;}

/* ============================ STICKY MOBILE CTA ============================ */
.vxn-sticky{position:fixed;left:14px;right:14px;bottom:14px;z-index:70;display:none;transform:translateY(140%);transition:transform .45s var(--vxn-ease);}
.vxn-sticky.is-on{transform:none;}
.vxn-sticky a{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;background:var(--vxn-grad-cta);color:var(--vxn-cta-ink);
  font-family:var(--vxn-font-display);font-weight:700;padding:15px;border-radius:14px;box-shadow:0 14px 40px -8px rgba(124,58,237,.7);}
.vxn-sticky a svg{width:18px;height:18px;}

/* ============================ RESPONSIVE ============================ */
@media(max-width:980px){
  .vxn-hero-grid,.vxn-leak-grid,.vxn-board-grid,.vxn-seo-grid,.vxn-ads-grid,.vxn-web-grid,.vxn-excl-grid{grid-template-columns:1fr;gap:38px;}
  .vxn-engine{max-width:440px;order:-1;}
  .vxn-board,.vxn-funnel-stage{max-width:420px;}
  .vxn-db-charts{grid-template-columns:1fr;}
  .vxn-foot-grid{grid-template-columns:1fr 1fr;gap:30px;}
  .vxn-foot-brand{grid-column:1/-1;}
}
@media(max-width:680px){
  .vxn-section{padding-block:clamp(58px,9vh,86px);}
  .vxn-jtrack,.vxn-crm-pipe{overflow-x:auto;justify-content:flex-start;gap:18px;padding-bottom:10px;}
  .vxn-jnode,.vxn-cnode{flex:0 0 96px;}
  .vxn-jline,.vxn-token,.vxn-crm-line{display:none;}
  .vxn-serp{grid-template-columns:1fr;}
  .vxn-foot-grid{grid-template-columns:1fr;}
  .vxn-sticky{display:block;}
  .vxn-foot-bottom{flex-direction:column;align-items:flex-start;}
}

/* ============================ REDUCED MOTION ============================ */
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important;}
  .vxn-reveal{opacity:1!important;transform:none!important;}
  .vxn-piece{opacity:1!important;transform:translate(-50%,-50%) scale(1)!important;}
  .vxn-token,.vxn-sweep::before,.vxn-pin.win{animation:none!important;}
}
/* =====================================================================
   v2 COMPONENT LAYER  (overrides win by source order)
   ===================================================================== */

/* header surface tokens */
:root{ --vxn-header:rgba(255,255,255,0.70); --vxn-header-2:rgba(255,255,255,0.90); }
:root[data-theme="dark"]{ --vxn-header:rgba(12,9,26,0.66); --vxn-header-2:rgba(12,9,26,0.88); }

/* focus ring (a11y) */
:where(a,button,input,select,textarea,[tabindex]):focus-visible{
  outline:2px solid var(--vxn-blue);outline-offset:2px;border-radius:6px;}

/* ----- smaller headings ----- */
.vxn-h1{font-size:clamp(2.0rem,4.6vw,3.4rem);}
.vxn-h2{font-size:clamp(1.5rem,3vw,2.15rem);}
.vxn-h3{font-size:clamp(1.05rem,1.7vw,1.25rem);}

/* SVG funnel labels (theme-aware fills) */
.vxn-fn-strong{fill:var(--vxn-ink);}
.vxn-fn-mid{fill:var(--vxn-ink-2);}

/* ----- ambient atmosphere : theme-aware ----- */
.vxn-atmos{background:
  radial-gradient(1100px 720px at 82% -12%, rgba(124,58,237,0.06), transparent 58%),
  radial-gradient(880px 680px at 2% 6%, rgba(168,85,247,0.05), transparent 60%),
  radial-gradient(1000px 820px at 60% 114%, rgba(192,132,252,0.045), transparent 55%),
  var(--vxn-void);}
:root[data-theme="dark"] .vxn-atmos{background:
  radial-gradient(1100px 720px at 80% -10%, rgba(124,58,237,0.24), transparent 60%),
  radial-gradient(900px 700px at 4% 8%, rgba(139,92,246,0.17), transparent 60%),
  radial-gradient(1000px 820px at 60% 112%, rgba(192,132,252,0.11), transparent 55%),
  var(--vxn-void);}
.vxn-grain{opacity:.022;}
:root[data-theme="dark"] .vxn-grain{opacity:.04;}

/* ===================================================================
   NEW HEADER  (.vxn-hd-*)  — clean, sticky, conventional-premium
   =================================================================== */
.vxn-hd{position:sticky;top:0;z-index:100;
  background:var(--vxn-header);
  -webkit-backdrop-filter:saturate(150%) blur(16px);backdrop-filter:saturate(150%) blur(16px);
  border-bottom:1px solid var(--vxn-line);
  transition:background .3s var(--vxn-ease),border-color .3s,box-shadow .3s;}
.vxn-hd.is-scrolled{background:var(--vxn-header-2);
  box-shadow:0 12px 34px -20px rgba(76,29,149,.4);border-bottom-color:var(--vxn-glass-brd);}
.vxn-hd-bar{max-width:var(--vxn-shell);margin:0 auto;padding:15px 22px;
  display:flex;align-items:center;gap:16px;transition:padding .3s var(--vxn-ease);}
.vxn-hd.is-scrolled .vxn-hd-bar{padding:9px 22px;}
.vxn-hd-brand{display:inline-flex;align-items:center;gap:11px;margin-right:auto;}
.vxn-hd-mark{width:34px;height:34px;flex:none;}
.vxn-hd-word{font-family:var(--vxn-font-display);font-weight:800;letter-spacing:.16em;
  font-size:1.05rem;color:var(--vxn-ink);}
.vxn-hd-nav{display:flex;align-items:center;gap:2px;}
.vxn-hd-link{position:relative;padding:9px 14px;border-radius:10px;font-weight:600;
  font-size:.94rem;color:var(--vxn-muted);transition:color .2s;}
.vxn-hd-link::after{content:"";position:absolute;left:14px;right:14px;bottom:5px;height:2px;border-radius:2px;
  background:var(--vxn-grad-cta);transform:scaleX(0);transform-origin:left;transition:transform .26s var(--vxn-ease);}
.vxn-hd-link:hover{color:var(--vxn-ink);}
.vxn-hd-link:hover::after{transform:scaleX(1);}
.vxn-hd-actions{display:flex;align-items:center;gap:10px;}
.vxn-hd-toggle{width:40px;height:40px;border-radius:11px;display:inline-grid;place-items:center;
  background:var(--vxn-glass-2);border:1px solid var(--vxn-glass-brd);color:var(--vxn-ink-2);
  transition:transform .2s,border-color .2s,color .2s;}
.vxn-hd-toggle:hover{color:var(--vxn-blue);border-color:var(--vxn-blue);transform:translateY(-1px);}
.vxn-hd-toggle svg{width:19px;height:19px;}
.vxn-hd-toggle .vxn-ic-moon{display:none;}
:root[data-theme="dark"] .vxn-hd-toggle .vxn-ic-sun{display:none;}
:root[data-theme="dark"] .vxn-hd-toggle .vxn-ic-moon{display:block;}
.vxn-hd-cta{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:11px;
  font-weight:700;font-size:.92rem;background:var(--vxn-grad-cta);color:var(--vxn-cta-ink);
  box-shadow:var(--vxn-glow-cta);transition:transform .2s,box-shadow .2s;}
.vxn-hd-cta:hover{transform:translateY(-1px);box-shadow:0 20px 46px -14px rgba(124,58,237,.6);}
.vxn-hd-burger{display:none;width:42px;height:42px;border-radius:11px;
  background:var(--vxn-glass-2);border:1px solid var(--vxn-glass-brd);color:var(--vxn-ink);
  align-items:center;justify-content:center;}
.vxn-hd-burger svg{width:22px;height:22px;}
.vxn-hd-mobile{display:none;}
@media (max-width:860px){
  .vxn-hd-nav,.vxn-hd-cta{display:none;}
  .vxn-hd-burger{display:inline-flex;}
  .vxn-hd-mobile{display:block;max-height:0;overflow:hidden;
    transition:max-height .38s var(--vxn-ease);
    background:var(--vxn-header-2);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);
    border-bottom:1px solid var(--vxn-line);}
  .vxn-hd-mobile.is-open{max-height:460px;}
  .vxn-hd-mlist{max-width:var(--vxn-shell);margin:0 auto;padding:8px 22px 22px;
    display:flex;flex-direction:column;gap:4px;}
  .vxn-hd-mlink{padding:14px 12px;border-radius:12px;font-weight:600;color:var(--vxn-ink-2);
    border:1px solid transparent;transition:background .2s,border-color .2s;}
  .vxn-hd-mlink:hover{background:var(--vxn-glass-2);border-color:var(--vxn-glass-brd);}
  .vxn-hd-mcta{margin-top:10px;justify-content:center;display:inline-flex;align-items:center;gap:8px;
    padding:15px 18px;border-radius:12px;font-weight:700;background:var(--vxn-grad-cta);
    color:var(--vxn-cta-ink);box-shadow:var(--vxn-glow-cta);}
}

/* ===================================================================
   IMAGES — real photos with graceful purple fallbacks
   =================================================================== */
.vxn-figure{position:relative;border-radius:var(--vxn-r);overflow:hidden;
  border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);background:var(--vxn-panel-2);}
.vxn-figure img{width:100%;height:100%;object-fit:cover;display:block;}
.vxn-ph{position:absolute;inset:0;display:none;align-items:center;justify-content:center;
  background:linear-gradient(150deg,#2a1d4d 0%,#7c3aed 60%,#a855f7 100%);color:#fff;}
.vxn-ph svg{width:40%;height:40%;opacity:.92;}
.vxn-figtag{position:absolute;left:13px;bottom:13px;z-index:2;display:inline-flex;align-items:center;gap:7px;
  padding:7px 13px;border-radius:999px;font-size:.76rem;font-weight:700;letter-spacing:.02em;color:#fff;
  background:rgba(11,8,24,.46);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
  border:1px solid rgba(255,255,255,.20);}
.vxn-ind-figure{aspect-ratio:4/3;margin-top:22px;}
.vxn-avatars{display:flex;align-items:center;}
.vxn-avatar{width:42px;height:42px;border-radius:50%;overflow:hidden;position:relative;flex:none;
  border:2px solid var(--vxn-panel);margin-left:-11px;
  background:linear-gradient(150deg,#7c3aed,#c084fc);box-shadow:0 2px 9px -2px rgba(76,29,149,.5);}
.vxn-avatar:first-child{margin-left:0;}
.vxn-avatar img{width:100%;height:100%;object-fit:cover;display:block;}
.vxn-avatar .vxn-ph{font-weight:800;font-size:.88rem;font-family:var(--vxn-font-display);}
.vxn-case-avatar{width:48px;height:48px;border-radius:50%;overflow:hidden;position:relative;flex:none;
  border:1px solid var(--vxn-glass-brd);background:linear-gradient(150deg,#7c3aed,#c084fc);}
.vxn-case-avatar img{width:100%;height:100%;object-fit:cover;display:block;}
.vxn-case-avatar .vxn-ph{font-weight:800;font-family:var(--vxn-font-display);}
.vxn-case-person{display:flex;align-items:center;gap:12px;margin-bottom:16px;}
.vxn-case-person .nm{font-family:var(--vxn-font-display);font-weight:700;font-size:.92rem;color:var(--vxn-ink);line-height:1.2;}
.vxn-case-person .rl{font-size:.8rem;color:var(--vxn-muted);}
.vxn-hero-proof{display:flex;align-items:center;gap:14px;margin-top:26px;flex-wrap:wrap;}
.vxn-hero-proof .txt{font-size:.86rem;color:var(--vxn-muted);max-width:24ch;line-height:1.45;}
.vxn-hero-proof .txt b{color:var(--vxn-ink-2);font-weight:700;}

/* ===================================================================
   NEW FOOTER  (.vxn-ft-*)
   =================================================================== */
.vxn-ft{position:relative;margin-top:96px;
  background:linear-gradient(180deg,var(--vxn-deep),var(--vxn-void));
  border-top:1px solid var(--vxn-line);}
.vxn-ft-cta{max-width:var(--vxn-shell);margin:0 auto;padding:58px 22px 8px;
  display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:26px;}
.vxn-ft-cta-copy h2{font-family:var(--vxn-font-display);font-weight:800;
  font-size:clamp(1.5rem,3vw,2.15rem);color:var(--vxn-ink);margin:0;letter-spacing:-.02em;
  max-width:20ch;line-height:1.12;}
.vxn-ft-cta-copy p{color:var(--vxn-muted);margin:10px 0 0;max-width:44ch;}
.vxn-ft-cta-btn{display:inline-flex;align-items:center;gap:9px;padding:15px 26px;border-radius:13px;
  font-weight:700;background:var(--vxn-grad-cta);color:var(--vxn-cta-ink);box-shadow:var(--vxn-glow-cta);
  white-space:nowrap;transition:transform .2s,box-shadow .2s;}
.vxn-ft-cta-btn:hover{transform:translateY(-2px);box-shadow:0 22px 50px -14px rgba(124,58,237,.6);}
.vxn-ft-grid{max-width:var(--vxn-shell);margin:34px auto 0;padding:42px 22px;
  display:grid;grid-template-columns:1.7fr 1fr 1fr 1fr;gap:32px;border-top:1px solid var(--vxn-line);}
.vxn-ft-brand p{color:var(--vxn-muted);font-size:.92rem;max-width:34ch;line-height:1.65;margin:14px 0 0;}
.vxn-ft-col h4{font-family:var(--vxn-font-display);font-size:.78rem;letter-spacing:.13em;
  text-transform:uppercase;color:var(--vxn-faint);margin:2px 0 14px;}
.vxn-ft-col a{display:block;color:var(--vxn-ink-2);font-size:.92rem;padding:7px 0;transition:color .2s;}
.vxn-ft-col a:hover{color:var(--vxn-blue);}
.vxn-ft-disc{max-width:var(--vxn-shell);margin:0 auto;padding:0 22px 26px;}
.vxn-ft-disc p{color:var(--vxn-faint);font-size:.78rem;line-height:1.65;
  border-top:1px dashed var(--vxn-line);padding-top:20px;margin:0;}
.vxn-ft-bottom{border-top:1px solid var(--vxn-line);}
.vxn-ft-bottom-in{max-width:var(--vxn-shell);margin:0 auto;padding:22px;
  display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;}
.vxn-ft-copy{color:var(--vxn-faint);font-size:.85rem;}
.vxn-ft-social{display:flex;gap:10px;}
.vxn-ft-social a{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;
  background:var(--vxn-glass-2);border:1px solid var(--vxn-glass-brd);color:var(--vxn-ink-2);
  transition:color .2s,border-color .2s,transform .2s;}
.vxn-ft-social a:hover{color:var(--vxn-blue);border-color:var(--vxn-blue);transform:translateY(-2px);}
.vxn-ft-social svg{width:18px;height:18px;}
@media (max-width:780px){.vxn-ft-grid{grid-template-columns:1fr 1fr;}.vxn-ft-brand{grid-column:1/-1;}}
@media (max-width:480px){.vxn-ft-grid{grid-template-columns:1fr;}}

.vxn-leak-money{margin-top:18px;padding:18px 20px;border-radius:16px;text-align:center;
  background:linear-gradient(160deg,rgba(244,63,94,.10),rgba(124,58,237,.06));
  border:1px solid var(--vxn-glass-brd);}
.vxn-leak-money .big{display:block;font-family:var(--vxn-font-display);font-weight:800;
  font-size:clamp(1.6rem,3vw,2.1rem);color:var(--vxn-red);letter-spacing:-.02em;}
.vxn-leak-money .sub{display:block;margin-top:6px;font-size:.84rem;color:var(--vxn-muted);line-height:1.5;}

/* ===================================================================
   ABOUT SECTION
   =================================================================== */
.vxn-about-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:46px;align-items:center;margin-top:42px;}
.vxn-about-figure{position:relative;border-radius:var(--vxn-r);overflow:hidden;
  border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);background:var(--vxn-panel-2);aspect-ratio:4/3;}
.vxn-about-figure img{width:100%;height:100%;object-fit:cover;display:block;}
.vxn-about-badge{position:absolute;left:16px;bottom:16px;z-index:2;display:flex;align-items:center;gap:12px;
  padding:12px 16px;border-radius:14px;background:rgba(11,8,24,.55);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
  border:1px solid rgba(255,255,255,.18);}
.vxn-about-badge .n{font-family:var(--vxn-font-display);font-weight:800;font-size:1.3rem;color:#fff;line-height:1;}
.vxn-about-badge .l{font-size:.74rem;color:rgba(255,255,255,.8);line-height:1.3;}
.vxn-about-lead{font-size:1.05rem;color:var(--vxn-ink-2);line-height:1.7;margin:18px 0 0;}
.vxn-about-lead b{color:var(--vxn-ink);font-weight:700;}
.vxn-about-points{display:grid;gap:14px;margin-top:24px;}
.vxn-about-point{display:flex;gap:13px;align-items:flex-start;}
.vxn-about-point .ic{width:34px;height:34px;flex:none;border-radius:10px;display:grid;place-items:center;
  background:linear-gradient(150deg,rgba(124,58,237,.16),rgba(192,132,252,.10));color:var(--vxn-blue);border:1px solid var(--vxn-glass-brd);}
.vxn-about-point .ic svg{width:18px;height:18px;}
.vxn-about-point h4{font-family:var(--vxn-font-display);font-weight:600;font-size:.98rem;color:var(--vxn-ink);margin:2px 0 3px;}
.vxn-about-point p{font-size:.88rem;color:var(--vxn-muted);line-height:1.55;margin:0;}
@media (max-width:820px){ .vxn-about-grid{grid-template-columns:1fr;gap:30px;} }
/* ===================================================================
   MEGA MENU
   =================================================================== */
.vxn-hd-mega-btn{background:transparent;border:0;font-family:inherit;cursor:pointer;display:inline-flex;align-items:center;gap:6px;}
.vxn-hd-chev{transition:transform .25s var(--vxn-ease);}
.vxn-hd-mega-btn[aria-expanded="true"]{color:var(--vxn-ink);}
.vxn-hd-mega-btn[aria-expanded="true"] .vxn-hd-chev{transform:rotate(180deg);}
.vxn-hd-mega{position:absolute;top:100%;left:0;right:0;z-index:99;
  background:var(--vxn-panel);
  border-top:1px solid var(--vxn-line);border-bottom:1px solid var(--vxn-glass-brd);
  box-shadow:0 36px 70px -34px rgba(76,29,149,.42);
  opacity:0;visibility:hidden;transform:translateY(-10px);pointer-events:none;
  transition:opacity .26s var(--vxn-ease),transform .26s var(--vxn-ease),visibility .26s;}
.vxn-hd-mega.is-open{opacity:1;visibility:visible;transform:none;pointer-events:auto;}
.vxn-hd-mega-in{max-width:var(--vxn-shell);margin:0 auto;padding:30px 22px 34px;
  display:grid;grid-template-columns:1.25fr 1fr 1.15fr;gap:30px;}
.vxn-hd-mega-col h4{font-family:var(--vxn-font-display);font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;
  color:var(--vxn-faint);margin:0 0 12px;padding-left:10px;}
.vxn-hd-mega-col a{display:flex;align-items:center;gap:12px;padding:10px;border-radius:12px;
  border:1px solid transparent;transition:background .18s,border-color .18s,transform .18s;}
.vxn-hd-mega-col a:hover{background:var(--vxn-glass-2);border-color:var(--vxn-glass-brd);transform:translateX(2px);}
.vxn-hd-mega-col a .ic{width:34px;height:34px;flex:none;border-radius:9px;display:grid;place-items:center;
  background:linear-gradient(150deg,rgba(124,58,237,.16),rgba(192,132,252,.10));color:var(--vxn-blue);border:1px solid var(--vxn-glass-brd);}
.vxn-hd-mega-col a .ic svg{width:18px;height:18px;}
.vxn-hd-mega-col a .tx b{display:block;font-family:var(--vxn-font-display);font-weight:600;font-size:.92rem;color:var(--vxn-ink);}
.vxn-hd-mega-col a .tx span{display:block;font-size:.78rem;color:var(--vxn-muted);margin-top:1px;}
.vxn-hd-mega-col:nth-child(2) a{padding:12px;}
.vxn-hd-mega-feature{background:linear-gradient(160deg,rgba(124,58,237,.10),rgba(192,132,252,.05));
  border:1px solid var(--vxn-glass-brd);border-radius:16px;padding:22px;display:flex;flex-direction:column;}
.vxn-hd-mega-feature h3{font-family:var(--vxn-font-display);font-weight:700;font-size:1.05rem;color:var(--vxn-ink);
  margin:10px 0 8px;line-height:1.25;letter-spacing:-.01em;}
.vxn-hd-mega-feature p{color:var(--vxn-muted);font-size:.86rem;line-height:1.55;margin:0 0 16px;}
.vxn-hd-mega-cta{margin-top:auto;align-self:flex-start;display:inline-flex;align-items:center;gap:8px;
  padding:11px 18px;border-radius:11px;font-weight:700;font-size:.86rem;background:var(--vxn-grad-cta);color:var(--vxn-cta-ink);box-shadow:var(--vxn-glow-cta);}
@media (max-width:860px){ .vxn-hd-mega{display:none !important;} }
@media (prefers-reduced-motion:reduce){ .vxn-hd-mega,.vxn-hd-chev{transition:none !important;} }

/* ===================================================================
   HERO v3 — particles.js network + centered creative layout
   =================================================================== */
.vxn-hero{position:relative;overflow:hidden;min-height:clamp(580px,88vh,880px);
  display:flex;align-items:center;padding-top:48px;padding-bottom:56px;}
#vxn-particles{position:absolute;inset:0;z-index:0;}
#vxn-particles canvas{display:block !important;}
.vxn-hero-glow{position:absolute;inset:0;z-index:0;pointer-events:none;background:
  radial-gradient(640px 440px at 50% 30%, rgba(124,58,237,.16), transparent 70%),
  radial-gradient(520px 380px at 84% 72%, rgba(192,132,252,.12), transparent 70%),
  radial-gradient(480px 360px at 12% 78%, rgba(168,85,247,.10), transparent 70%);}
.vxn-hero .vxn-shell{position:relative;z-index:2;}
.vxn-hero-center{max-width:900px;margin:0 auto;text-align:center;display:flex;flex-direction:column;align-items:center;}
.vxn-hero-center .vxn-h1{margin:16px auto 0;}
.vxn-hero-center .vxn-lead{margin:20px auto 0;text-align:center;}
.vxn-hero-center .vxn-hero-cta{justify-content:center;margin-top:30px;display:flex;gap:14px;flex-wrap:wrap;}
.vxn-hero-center .vxn-hero-proof{justify-content:center;margin-top:28px;}
.vxn-hero-metrics{margin-top:40px;padding:6px;border-radius:18px;width:100%;max-width:800px;}
.vxn-hero-metrics .cap{text-align:center;font-size:.82rem;font-weight:700;color:var(--vxn-red);
  padding:12px 16px 11px;line-height:1.4;}
.vxn-hm-row{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--vxn-line);}
.vxn-hm-row .cell{padding:16px 14px 18px;text-align:center;position:relative;}
.vxn-hm-row .cell + .cell::before{content:"";position:absolute;left:0;top:22%;bottom:22%;width:1px;background:var(--vxn-line);}
.vxn-hm-row .v{font-family:var(--vxn-font-display);font-weight:800;font-size:clamp(1.35rem,2.5vw,1.9rem);color:var(--vxn-ink);letter-spacing:-.02em;}
.vxn-hm-row .v.g{color:var(--vxn-green);}
.vxn-hm-row .v.c{color:var(--vxn-blue);}
.vxn-hm-row .k{font-size:.74rem;color:var(--vxn-muted);margin-top:5px;letter-spacing:.01em;line-height:1.3;}
@media (max-width:620px){
  .vxn-hm-row{grid-template-columns:repeat(2,1fr);}
  .vxn-hm-row .cell:nth-child(3)::before{display:none;}
}
@media (prefers-reduced-motion:reduce){
  .vxn-hd,.vxn-hd-bar,.vxn-hd-mobile,.vxn-hd-link::after,.vxn-hd-cta,.vxn-hd-toggle,
  .vxn-ft-cta-btn,.vxn-ft-social a,.vxn-about-point{transition:none !important;}
}
/* ----- hero text glow + typewriter caret + lead highlight ----- */
.vxn-hero-center .vxn-h1{text-shadow:0 0 38px rgba(124,58,237,.14);}
.vxn-hero-break{display:block;margin-top:.08em;}
:root[data-theme="dark"] .vxn-hero-center .vxn-h1{text-shadow:0 0 48px rgba(124,58,237,.45);}
.vxn-hero-center .vxn-grad-txt{text-shadow:none;
  filter:drop-shadow(0 0 14px rgba(124,58,237,.45)) drop-shadow(0 0 28px rgba(192,132,252,.30));}
.vxn-hl{color:var(--vxn-blue);}
:root[data-theme="dark"] .vxn-hl{color:var(--vxn-cyan);}
.vxn-hero-center .vxn-lead strong{color:var(--vxn-blue);font-weight:700;}
:root[data-theme="dark"] .vxn-hero-center .vxn-lead strong{color:var(--vxn-cyan);}
.vxn-caret{display:inline-block;width:3px;height:.92em;margin-left:5px;vertical-align:-1px;border-radius:2px;
  background:linear-gradient(180deg,#7c3aed,#c084fc);box-shadow:0 0 12px rgba(124,58,237,.75);
  animation:vxn-blink 1.05s steps(1) infinite;}
@keyframes vxn-blink{0%,50%{opacity:1}50.01%,100%{opacity:0}}
@media (prefers-reduced-motion:reduce){ .vxn-caret{animation:none;display:none;} }
/* ----- section 2 : animated funnel (flowing leads + happy booked) ----- */
.vxn-funnel-anim{width:100%;max-width:330px;display:block;margin:0 auto;overflow:visible;}
.vxn-flow{fill:#a855f7;animation:vxn-pflow 2.7s linear infinite;}
.vxn-flow.f1{animation-delay:0s;}
.vxn-flow.f2{animation-delay:.45s;}
.vxn-flow.f3{animation-delay:.95s;}
.vxn-flow.f4{animation-delay:1.4s;}
.vxn-flow.f5{animation-delay:1.85s;}
.vxn-flow.f6{animation-delay:2.3s;}
@keyframes vxn-pflow{
  0%{transform:translateY(0);opacity:0;}
  10%{opacity:1;}
  86%{opacity:.95;}
  100%{transform:translateY(262px);opacity:0;}
}
.vxn-leak{fill:#f43f5e;}
.vxn-leak.l1,.vxn-leak.l2,.vxn-leak.l3{animation:vxn-leakL 2.7s ease-in infinite;}
.vxn-leak.r1,.vxn-leak.r2,.vxn-leak.r3{animation:vxn-leakR 2.7s ease-in infinite;}
.vxn-leak.l1{animation-delay:.3s;}
.vxn-leak.r1{animation-delay:.9s;}
.vxn-leak.r2{animation-delay:.6s;}
.vxn-leak.l2{animation-delay:1.5s;}
.vxn-leak.r3{animation-delay:1.2s;}
.vxn-leak.l3{animation-delay:2s;}
@keyframes vxn-leakL{0%{transform:translate(0,0);opacity:0;}20%{opacity:.9;}100%{transform:translate(-30px,18px);opacity:0;}}
@keyframes vxn-leakR{0%{transform:translate(0,0);opacity:0;}20%{opacity:.9;}100%{transform:translate(30px,18px);opacity:0;}}
.vxn-joy-glow{transform-box:fill-box;transform-origin:center;animation:vxn-joy-pulse 2.4s ease-in-out infinite;}
@keyframes vxn-joy-pulse{0%,100%{transform:scale(.9);opacity:.45;}50%{transform:scale(1.14);opacity:.82;}}
.vxn-joy-face{transform-box:fill-box;transform-origin:center;animation:vxn-joy-bob 2.4s ease-in-out infinite;}
@keyframes vxn-joy-bob{0%,100%{transform:translateY(0) scale(1);}50%{transform:translateY(-2px) scale(1.05);}}
.vxn-spark{transform-box:fill-box;transform-origin:center;animation:vxn-twinkle 1.9s ease-in-out infinite;}
.vxn-spark.s2{animation-delay:.6s;}
.vxn-spark.s3{animation-delay:1.15s;}
@keyframes vxn-twinkle{0%,100%{opacity:.15;transform:scale(.6);}50%{opacity:1;transform:scale(1.1);}}
@media (prefers-reduced-motion:reduce){
  .vxn-flow,.vxn-leak,.vxn-spark{display:none;}
  .vxn-joy-glow,.vxn-joy-face{animation:none;}
}
/* ----- section 3 : Method phases (image-rich, alternating) ----- */
.vxn-phases{display:flex;flex-direction:column;gap:40px;margin-top:48px;}
.vxn-phase{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center;}
.vxn-phase:nth-child(even) .vxn-phase-figure{order:2;}
.vxn-phase-figure{position:relative;border-radius:var(--vxn-r);overflow:hidden;aspect-ratio:4/3;
  border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);background:var(--vxn-panel-2);}
.vxn-phase-figure img{width:100%;height:100%;object-fit:cover;display:block;}
.vxn-phase-badge{position:absolute;left:14px;top:14px;z-index:2;
  font-family:var(--vxn-font-display);font-weight:800;font-size:1.05rem;color:#fff;
  width:46px;height:46px;display:grid;place-items:center;border-radius:13px;
  background:linear-gradient(150deg,rgba(124,58,237,.94),rgba(168,85,247,.94));
  border:1px solid rgba(255,255,255,.25);box-shadow:0 8px 22px -8px rgba(76,29,149,.6);}
.vxn-phase-tag{display:inline-block;font-family:var(--vxn-font-display);font-size:.76rem;font-weight:700;
  letter-spacing:.08em;text-transform:uppercase;color:var(--vxn-blue);
  padding:6px 12px;border-radius:999px;background:rgba(124,58,237,.10);
  border:1px solid var(--vxn-glass-brd);margin-bottom:14px;}
.vxn-phase-body h3{margin:0 0 10px;}
.vxn-phase-body > p{color:var(--vxn-ink-2);font-size:1rem;line-height:1.6;margin:0;}
.vxn-phase-steps{list-style:none;padding:0;margin:20px 0 0;display:grid;gap:12px;}
.vxn-phase-steps li{display:flex;gap:14px;align-items:flex-start;padding:11px 14px;border-radius:12px;
  background:var(--vxn-glass-2);border:1px solid var(--vxn-glass-brd);
  transition:transform .25s var(--vxn-ease),border-color .25s;}
.vxn-phase-steps li:hover{transform:translateX(3px);border-color:var(--vxn-blue);}
.vxn-phase-steps .n{font-family:var(--vxn-font-mono);font-weight:700;color:var(--vxn-blue);font-size:.9rem;
  width:24px;flex:none;padding-top:2px;}
.vxn-phase-steps b{display:block;font-family:var(--vxn-font-display);font-weight:600;color:var(--vxn-ink);font-size:.96rem;}
.vxn-phase-steps .d{display:block;font-size:.85rem;color:var(--vxn-muted);line-height:1.5;margin-top:2px;}
@media (max-width:840px){
  .vxn-phase{grid-template-columns:1fr;gap:22px;}
  .vxn-phase .vxn-phase-figure,
  .vxn-phase:nth-child(even) .vxn-phase-figure{order:-1;}
}
@media (prefers-reduced-motion:reduce){ .vxn-phase-steps li{transition:none;} }
/* ----- section 2 : parallax + falling background ----- */
.vxn-sec2{position:relative;overflow:hidden;}
.vxn-sec2 > .vxn-shell{position:relative;z-index:1;}
.vxn-sec2-bg{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden;}
.vxn-p-layer{position:absolute;inset:-12% 0;will-change:transform;}
.vxn-blob{position:absolute;border-radius:50%;filter:blur(60px);opacity:.55;}
.vxn-blob.b1{width:46vw;max-width:560px;aspect-ratio:1;left:-8%;top:6%;
  background:radial-gradient(circle,rgba(124,58,237,.18),transparent 70%);}
.vxn-blob.b2{width:40vw;max-width:480px;aspect-ratio:1;right:-6%;bottom:0%;
  background:radial-gradient(circle,rgba(192,132,252,.15),transparent 70%);}
.vxn-p-mid{background-image:
   linear-gradient(rgba(var(--ln),.05) 1px,transparent 1px),
   linear-gradient(90deg,rgba(var(--ln),.05) 1px,transparent 1px);
  background-size:46px 46px;
  -webkit-mask-image:radial-gradient(ellipse at 50% 38%,#000 32%,transparent 78%);
  mask-image:radial-gradient(ellipse at 50% 38%,#000 32%,transparent 78%);}
.vxn-fall{position:absolute;top:-8%;width:var(--s,5px);height:var(--s,5px);border-radius:50%;
  background:var(--c,#a855f7);box-shadow:0 0 8px rgba(168,85,247,.5);opacity:0;
  animation:vxn-fall var(--dur,10s) linear var(--d,0s) infinite;}
.vxn-fall-red{--c:#f43f5e;box-shadow:0 0 8px rgba(244,63,94,.5);}
@keyframes vxn-fall{
  0%{transform:translate3d(0,0,0);opacity:0;}
  8%{opacity:.85;}
  88%{opacity:.5;}
  100%{transform:translate3d(var(--x,0),132vh,0);opacity:0;}
}
@media (prefers-reduced-motion:reduce){
  .vxn-fall{display:none;}
  .vxn-p-layer{transform:none !important;}
}

/* ----- section 3 (Method) : image-backed parallax ----- */
.vxn-parallax-host{position:relative;overflow:hidden;}
.vxn-parallax-host > .vxn-shell{position:relative;z-index:1;}
.vxn-m3-bg{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden;}
.vxn-m3-img{background:
    radial-gradient(45% 55% at 12% 8%, rgba(124,58,237,.14), transparent 68%),
    radial-gradient(45% 55% at 88% 12%, rgba(192,132,252,.12), transparent 68%),
    radial-gradient(62% 60% at 50% 100%, rgba(139,92,246,.10), transparent 72%);}
:root[data-theme="dark"] .vxn-m3-img{filter:brightness(1.25);}
/* ----- strategy board : connected colour-tile redesign ----- */
.vxn-board::before{background:
  linear-gradient(rgba(var(--ln),.045) 1px,transparent 1px),
  linear-gradient(90deg,rgba(var(--ln),.045) 1px,transparent 1px);
  background-size:16.66% 16.66%;opacity:.7;}
.vxn-board-net{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none;}
.vxn-board-net .net-flow polyline{animation:vxn-netflow 1.6s linear infinite;}
@keyframes vxn-netflow{to{stroke-dashoffset:-16;}}
.vxn-piece-disc{border-radius:18px;
  background:radial-gradient(circle at 32% 26%,rgba(255,255,255,.42),transparent 54%),var(--pc,#a855f7);
  border:1px solid rgba(255,255,255,.34);
  box-shadow:0 12px 26px -10px var(--pc,rgba(168,85,247,.6)),inset 0 -7px 16px rgba(0,0,0,.2),inset 0 1px 1px rgba(255,255,255,.5);}
.vxn-piece-disc svg{color:#fff;}
.vxn-piece-lbl{color:#fff;opacity:.96;}
.vxn-piece-glow{opacity:.55;filter:blur(11px);inset:-28%;}

/* ----- industries : focus split + vertical journey + specialties (redesigned) ----- */
.vxn-ind2-grid{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:stretch;margin-top:46px;}
.vxn-ind2-figure{position:relative;border-radius:var(--vxn-r);overflow:hidden;min-height:430px;
  border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);background:var(--vxn-panel-2);}
.vxn-ind2-figure img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;}
.vxn-ind2-badge{position:absolute;z-index:2;display:inline-flex;align-items:center;gap:8px;
  font-family:var(--vxn-font-display);font-weight:600;font-size:.78rem;color:#fff;
  padding:8px 13px;border-radius:999px;background:rgba(20,12,40,.55);
  backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.22);}
.vxn-ind2-badge.top{left:16px;top:16px;}
.vxn-ind2-badge.bot{left:16px;bottom:16px;font-family:var(--vxn-font-mono);font-size:.72rem;font-weight:500;}
.vxn-ind2-journey{display:flex;flex-direction:column;justify-content:center;}
.vxn-vjourney{list-style:none;margin:22px 0 0;padding:0;position:relative;}
.vxn-vjourney::before{content:"";position:absolute;left:23px;top:23px;bottom:23px;width:2px;background:var(--vxn-line);}
.vxn-vjourney::after{content:"";position:absolute;left:23px;top:23px;bottom:23px;width:2px;
  background:linear-gradient(180deg,var(--ac1),var(--ac2),var(--ac1));background-size:100% 220%;
  opacity:.75;animation:vxn-vrail 3s linear infinite;}
@keyframes vxn-vrail{to{background-position:0 -220%;}}
.vxn-vstep{position:relative;display:flex;gap:16px;align-items:flex-start;padding-bottom:24px;}
.vxn-vstep:last-child{padding-bottom:0;}
.vxn-vstep .vxn-jdot{flex:none;position:relative;z-index:1;}
.vxn-vtxt{padding-top:5px;}
.vxn-vtxt b{display:block;font-family:var(--vxn-font-display);font-weight:600;color:var(--vxn-ink);font-size:1rem;}
.vxn-vtxt .s{font-family:var(--vxn-font-mono);font-size:.66rem;letter-spacing:.05em;text-transform:uppercase;color:var(--vxn-faint);}
.vxn-spec-head{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;margin:50px 0 18px;}
.vxn-spec-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:14px;}
.vxn-spec{position:relative;display:flex;gap:15px;align-items:flex-start;padding:16px 18px 16px 20px;border-radius:14px;
  overflow:hidden;background:var(--vxn-glass-2);border:1px solid var(--vxn-glass-brd);
  transition:transform .3s var(--vxn-ease),border-color .3s;}
.vxn-spec::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;
  background:linear-gradient(180deg,var(--vxn-blue),var(--vxn-cyan));opacity:0;transition:opacity .3s;}
.vxn-spec:hover{transform:translateY(-4px);border-color:var(--vxn-blue);}
.vxn-spec:hover::before{opacity:1;}
.vxn-spec .ic{width:42px;height:42px;border-radius:11px;flex:none;display:grid;place-items:center;
  background:rgba(124,58,237,.1);color:var(--vxn-blue);}
.vxn-spec .ic svg{width:22px;height:22px;}
.vxn-spec h4{margin:0 0 4px;font-family:var(--vxn-font-display);font-size:1rem;color:var(--vxn-ink);}
.vxn-spec p{margin:0;font-size:.85rem;color:var(--vxn-muted);line-height:1.5;}
@media (max-width:840px){
  .vxn-ind2-grid{grid-template-columns:1fr;gap:24px;}
  .vxn-ind2-figure{min-height:300px;}
}
@media (prefers-reduced-motion:reduce){
  .vxn-board-net .net-flow polyline{animation:none;}
  .vxn-vjourney::after{animation:none;}
}
/* ----- website before/after : detailed site mockups ----- */
.vxn-ba-layer{padding:0;}
.vxn-ba-after{background:linear-gradient(180deg,#ffffff,#f7f4ff);}
.vxn-ba-before{background:linear-gradient(180deg,#e9ebef,#dfe2e8);clip-path:inset(0 calc(100% - var(--pos)) 0 0);}
.vxn-ba-handle{background:var(--vxn-blue);box-shadow:0 0 14px rgba(124,58,237,.6);}
.vxn-ba-knob{background:#fff;border-color:var(--vxn-blue);}
.vxn-ba-knob svg{color:var(--vxn-blue);}
.vxn-st{position:absolute;inset:0;display:flex;flex-direction:column;overflow:hidden;}
.vxn-st-nav{display:flex;align-items:center;justify-content:space-between;padding:9px 13px;border-bottom:1px solid rgba(27,18,51,.08);background:rgba(255,255,255,.6);}
.vxn-st-logo{display:flex;align-items:center;gap:6px;font-family:var(--vxn-font-display);font-weight:800;font-size:.64rem;color:#1b1233;white-space:nowrap;}
.vxn-st-logo i{width:14px;height:14px;border-radius:5px;background:linear-gradient(135deg,#7c3aed,#c084fc);flex:none;}
.vxn-st-links{display:flex;gap:8px;}
.vxn-st-links b{width:22px;height:5px;border-radius:3px;background:rgba(27,18,51,.16);}
.vxn-st-btn{font-family:var(--vxn-font-display);font-size:.6rem;font-weight:700;color:#fff;background:linear-gradient(135deg,#7c3aed,#a855f7);border-radius:7px;padding:5px 12px;white-space:nowrap;}
.vxn-st-hero{flex:1;display:flex;gap:13px;padding:15px 13px;align-items:center;}
.vxn-st-htext{flex:1.25;display:flex;flex-direction:column;gap:7px;min-width:0;}
.vxn-st-h1{font-family:var(--vxn-font-display);font-weight:800;font-size:.96rem;line-height:1.12;color:#1b1233;}
.vxn-st-sub{height:6px;border-radius:3px;background:rgba(27,18,51,.12);width:92%;}
.vxn-st-sub.s{width:64%;}
.vxn-st-ctarow{display:flex;align-items:center;gap:8px;margin-top:5px;flex-wrap:wrap;}
.vxn-st-cta{font-family:var(--vxn-font-display);font-size:.64rem;font-weight:700;color:#fff;background:linear-gradient(135deg,#7c3aed,#a855f7);border-radius:8px;padding:7px 14px;box-shadow:0 7px 16px -6px rgba(124,58,237,.6);white-space:nowrap;}
.vxn-st-call{display:inline-flex;align-items:center;gap:5px;font-family:var(--vxn-font-display);font-size:.6rem;font-weight:700;color:#7c3aed;border:1px solid rgba(124,58,237,.32);border-radius:8px;padding:6px 10px;white-space:nowrap;}
.vxn-st-call svg{width:11px;height:11px;}
.vxn-st-stars{display:flex;align-items:center;gap:6px;font-size:.72rem;color:#f59e0b;margin-top:2px;letter-spacing:1px;}
.vxn-st-stars span{color:#675d86;font-family:var(--vxn-font-mono);font-size:.56rem;letter-spacing:0;}
.vxn-st-himg{flex:.85;align-self:stretch;border-radius:10px;min-height:74px;position:relative;overflow:hidden;
  background:linear-gradient(150deg,#a855f7,#7c3aed);box-shadow:0 8px 20px -8px rgba(124,58,237,.55);}
.vxn-st-himg::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 70% 28%,rgba(255,255,255,.4),transparent 58%);}
.vxn-st-trust{display:flex;gap:7px;padding:0 13px 13px;}
.vxn-st-trust span{flex:1;height:15px;border-radius:5px;background:rgba(16,185,129,.16);border:1px solid rgba(16,185,129,.2);}
/* dated / bad site */
.vxn-st-nav.bad{padding:8px 11px;border-bottom:1px solid rgba(51,65,90,.14);background:#eceef2;}
.vxn-st-logo.bad{font-family:var(--vxn-font-body);font-weight:700;font-size:.6rem;color:#3a4a63;}
.vxn-st-links.bad{gap:6px;}
.vxn-st-links.bad b{width:15px;height:4px;background:rgba(58,74,99,.4);}
.vxn-st-body{flex:1;padding:13px 13px 12px;display:flex;flex-direction:column;gap:6px;}
.vxn-st-bh{font-family:var(--vxn-font-body);font-weight:700;font-size:.66rem;color:#46586f;margin-bottom:3px;}
.vxn-st-txt{height:5px;border-radius:2px;background:rgba(58,74,99,.2);width:100%;}
.vxn-st-txt.s{width:72%;}
.vxn-st-submit{margin-top:7px;align-self:flex-start;font-family:var(--vxn-font-body);font-size:.6rem;font-weight:600;color:#5b6b85;background:#d2d7df;border:1px solid #c0c6d0;border-radius:5px;padding:6px 13px;}
@media (prefers-reduced-motion:reduce){}
/* ===== gradient touch-ups ===== */
.vxn-divider{border:none;height:1px;background:linear-gradient(90deg,transparent,rgba(124,58,237,.28),rgba(192,132,252,.30),transparent);}

/* ===== footer : interactive + gradients ===== */
.vxn-ft{overflow:hidden;}
.vxn-ft::before{content:"";position:absolute;top:0;left:0;right:0;height:2px;z-index:2;
  background:linear-gradient(90deg,transparent,#7c3aed,#a855f7,#c084fc,#a855f7,#7c3aed,transparent);background-size:200% 100%;
  animation:vxn-ftline 6s linear infinite;}
@keyframes vxn-ftline{to{background-position:200% 0;}}
.vxn-ft-glow{position:absolute;top:-60px;left:50%;width:78%;max-width:880px;height:320px;pointer-events:none;z-index:0;
  transform:translateX(-50%);background:radial-gradient(ellipse at center,rgba(124,58,237,.18),transparent 70%);
  animation:vxn-ftglow 7s ease-in-out infinite;}
@keyframes vxn-ftglow{0%,100%{opacity:.55;transform:translateX(-50%) scale(1);}50%{opacity:1;transform:translateX(-50%) scale(1.08);}}
.vxn-ft-cta,.vxn-ft-grid,.vxn-ft-disc,.vxn-ft-bottom{position:relative;z-index:1;}
.vxn-ft-cta-btn{position:relative;overflow:hidden;}
.vxn-ft-cta-btn::after{content:"";position:absolute;top:0;left:-65%;width:42%;height:100%;transform:skewX(-18deg);
  background:linear-gradient(105deg,transparent,rgba(255,255,255,.4),transparent);animation:vxn-shimmer 3.6s ease-in-out infinite;}
@keyframes vxn-shimmer{0%,70%{left:-65%;}100%{left:135%;}}
.vxn-ft-cta-btn > svg{position:relative;z-index:1;transition:transform .25s var(--vxn-ease);}
.vxn-ft-cta-btn:hover > svg{transform:translateX(4px);}
.vxn-ft-col a{position:relative;transition:color .22s,padding-left .22s;}
.vxn-ft-col a::before{content:"";position:absolute;left:0;top:50%;width:9px;height:2px;border-radius:2px;
  transform:translateY(-50%) scaleX(0);transform-origin:left;background:linear-gradient(90deg,#7c3aed,#c084fc);transition:transform .22s;}
.vxn-ft-col a:hover{color:var(--vxn-blue);padding-left:15px;}
.vxn-ft-col a:hover::before{transform:translateY(-50%) scaleX(1);}
.vxn-ft-social a{position:relative;overflow:hidden;
  transition:color .2s,border-color .2s,transform .25s var(--vxn-ease),box-shadow .25s;}
.vxn-ft-social a > svg{position:relative;z-index:1;}
.vxn-ft-social a::before{content:"";position:absolute;inset:0;opacity:0;transition:opacity .25s;
  background:linear-gradient(135deg,#7c3aed,#a855f7);}
.vxn-ft-social a:hover{color:#fff;border-color:transparent;transform:translateY(-3px);box-shadow:0 10px 24px -8px rgba(124,58,237,.55);}
.vxn-ft-social a:hover::before{opacity:1;}
.vxn-ft-brand .vxn-hd-mark{filter:drop-shadow(0 0 10px rgba(124,58,237,.4));}

/* ===== FOMO single-quote rotator (below footer) ===== */
.vxn-fomo{position:relative;overflow:hidden;padding:26px 22px;display:flex;justify-content:center;
  background:linear-gradient(90deg,#6d28d9,#7c3aed,#a855f7,#7c3aed,#6d28d9);background-size:220% 100%;
  animation:vxn-fomobg 14s ease infinite;}
@keyframes vxn-fomobg{0%,100%{background-position:0% 0;}50%{background-position:100% 0;}}
.vxn-fomo-stage{position:relative;width:100%;max-width:var(--vxn-shell);min-height:30px;}
.vxn-fomo-q{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:0;text-align:center;
  font-family:var(--vxn-font-display);font-weight:600;font-size:clamp(.95rem,2vw,1.18rem);color:#fff;padding:0 8px;
  opacity:0;transform:translateY(14px);transition:opacity .55s var(--vxn-ease),transform .55s var(--vxn-ease);}
.vxn-fomo-q.is-on{opacity:1;transform:translateY(0);}
.vxn-fomo-q.is-out{opacity:0;transform:translateY(-14px);}
@media (prefers-reduced-motion:reduce){.vxn-fomo{animation:none;}.vxn-fomo-q{transition:none;}}

/* ===== floating action buttons : WhatsApp + Get in touch ===== */
.vxn-fab{position:fixed;right:22px;bottom:24px;z-index:85;display:flex;flex-direction:column;gap:13px;align-items:flex-end;}
.vxn-fab a{position:relative;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;
  box-shadow:0 12px 30px -8px rgba(0,0,0,.32);transition:transform .25s var(--vxn-ease),box-shadow .25s;}
.vxn-fab a:hover{transform:translateY(-3px) scale(1.04);}
.vxn-fab-wa{width:56px;height:56px;border-radius:50%;background:linear-gradient(145deg,#25d366,#0e9f6e);color:#fff;}
.vxn-fab-wa svg{width:30px;height:30px;}
.vxn-fab-wa:hover{box-shadow:0 16px 36px -8px rgba(37,211,102,.6);}
.vxn-fab-wa::after{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid #25d366;
  animation:vxn-fabpulse 2.6s ease-out infinite;}
@keyframes vxn-fabpulse{0%{transform:scale(1);opacity:.7;}100%{transform:scale(1.55);opacity:0;}}
.vxn-fab-gt{gap:9px;padding:0 20px;height:56px;border-radius:30px;color:#fff;
  background:linear-gradient(135deg,#7c3aed,#a855f7,#c084fc);background-size:170% 170%;
  font-family:var(--vxn-font-display);font-weight:700;font-size:.92rem;animation:vxn-fabgrad 5s ease infinite;}
.vxn-fab-gt svg{width:20px;height:20px;}
.vxn-fab-gt:hover{box-shadow:0 16px 36px -8px rgba(124,58,237,.6);}
@keyframes vxn-fabgrad{0%,100%{background-position:0% 50%;}50%{background-position:100% 50%;}}
@media (max-width:780px){
  .vxn-fab{right:16px;bottom:82px;}
  .vxn-fab-gt span{display:none;}
  .vxn-fab-gt{width:56px;padding:0;border-radius:50%;}
}
@media (prefers-reduced-motion:reduce){
  .vxn-ft::before,.vxn-ft-glow,.vxn-ft-cta-btn::after,.vxn-fomo-track,.vxn-fab-gt{animation:none;}
  .vxn-fab-wa::after{display:none;}
  .vxn-fomo-track{flex-wrap:wrap;justify-content:center;}
}
/* ===== footer newsletter ===== */
.vxn-news{margin-top:24px;max-width:350px;}
.vxn-news-label{display:block;font-family:var(--vxn-font-display);font-weight:700;font-size:.96rem;color:var(--vxn-ink);}
.vxn-news-sub{color:var(--vxn-muted);font-size:.84rem;line-height:1.5;margin:6px 0 12px;}
.vxn-news-row{display:flex;gap:8px;padding:5px;border-radius:13px;background:var(--vxn-glass-2);
  border:1px solid var(--vxn-glass-brd);transition:border-color .2s,box-shadow .2s;}
.vxn-news-row:focus-within{border-color:var(--vxn-blue);box-shadow:0 0 0 3px rgba(124,58,237,.13);}
.vxn-news-row input{flex:1;min-width:0;background:transparent;border:none;outline:none;
  font-family:var(--vxn-font-body);font-size:.9rem;color:var(--vxn-ink);padding:8px 10px;}
.vxn-news-row input::placeholder{color:var(--vxn-faint);}
.vxn-news-row button{flex:none;width:44px;border:none;cursor:pointer;border-radius:9px;color:#fff;display:grid;place-items:center;
  background:linear-gradient(135deg,#7c3aed,#a855f7);transition:transform .2s,box-shadow .2s;}
.vxn-news-row button:hover{transform:translateY(-1px);box-shadow:0 8px 20px -6px rgba(124,58,237,.6);}
.vxn-news-row button svg{width:17px;height:17px;}
.vxn-news-msg{display:inline-flex;align-items:center;gap:6px;margin-top:11px;font-size:.82rem;font-weight:600;color:var(--vxn-green);}

/* ===== floating button : works as <button> too ===== */
.vxn-fab button{position:relative;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;border:none;
  box-shadow:0 12px 30px -8px rgba(0,0,0,.32);transition:transform .25s var(--vxn-ease),box-shadow .25s;}
.vxn-fab button:hover{transform:translateY(-3px) scale(1.04);}

/* ===== audit modal ===== */
.vxn-modal{position:fixed;inset:0;z-index:120;display:flex;align-items:center;justify-content:center;padding:20px;
  opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s;}
.vxn-modal.is-open{opacity:1;visibility:visible;}
.vxn-modal-backdrop{position:absolute;inset:0;background:rgba(10,6,22,.6);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);}
.vxn-modal-card{position:relative;z-index:1;width:100%;max-width:460px;max-height:90vh;overflow:auto;
  background:var(--vxn-panel);border:1px solid var(--vxn-glass-brd);border-radius:20px;padding:30px 28px 28px;
  box-shadow:0 40px 90px -20px rgba(0,0,0,.5);transform:translateY(16px) scale(.98);transition:transform .35s var(--vxn-ease);}
.vxn-modal.is-open .vxn-modal-card{transform:none;}
.vxn-modal-card::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;border-radius:20px 20px 0 0;
  background:linear-gradient(90deg,#7c3aed,#a855f7,#c084fc);}
.vxn-modal-x{position:absolute;top:14px;right:14px;width:34px;height:34px;border-radius:9px;border:1px solid var(--vxn-glass-brd);
  background:var(--vxn-glass-2);color:var(--vxn-muted);display:grid;place-items:center;cursor:pointer;transition:color .2s,border-color .2s;}
.vxn-modal-x:hover{color:var(--vxn-ink);border-color:var(--vxn-blue);}
.vxn-modal-x svg{width:16px;height:16px;}
.vxn-modal-head h3{font-family:var(--vxn-font-display);font-weight:800;font-size:1.42rem;color:var(--vxn-ink);margin:9px 0 8px;letter-spacing:-.02em;}
.vxn-modal-head p{color:var(--vxn-muted);font-size:.92rem;line-height:1.55;margin:0 0 20px;}
.vxn-audit-form{display:flex;flex-direction:column;gap:13px;}
.vxn-audit-form label{display:flex;flex-direction:column;gap:6px;font-family:var(--vxn-font-display);font-weight:600;font-size:.78rem;color:var(--vxn-ink-2);}
.vxn-field-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px;}
.vxn-audit-form input{font-family:var(--vxn-font-body);font-size:.92rem;color:var(--vxn-ink);
  background:var(--vxn-glass-2);border:1px solid var(--vxn-glass-brd);border-radius:10px;padding:11px 13px;transition:border-color .2s,box-shadow .2s;}
.vxn-audit-form input::placeholder{color:var(--vxn-faint);}
.vxn-audit-form input:focus{outline:none;border-color:var(--vxn-blue);box-shadow:0 0 0 3px rgba(124,58,237,.15);}
.vxn-audit-note{font-size:.8rem;color:var(--vxn-muted);line-height:1.5;margin:2px 0 4px;padding:10px 12px;border-radius:10px;
  background:rgba(124,58,237,.06);border:1px solid var(--vxn-glass-brd);transition:background .25s,border-color .25s,color .25s;}
.vxn-audit-note a{color:var(--vxn-blue);font-weight:600;}
.vxn-audit-note.is-warn{background:rgba(244,63,94,.1);border-color:rgba(244,63,94,.45);color:var(--vxn-ink-2);}
.vxn-audit-submit{margin-top:4px;display:inline-flex;align-items:center;justify-content:center;gap:9px;
  font-family:var(--vxn-font-display);font-weight:700;font-size:.95rem;color:#fff;border:none;cursor:pointer;
  background:linear-gradient(135deg,#7c3aed,#a855f7,#c084fc);background-size:170% 170%;border-radius:12px;padding:14px;
  box-shadow:0 14px 30px -10px rgba(124,58,237,.6);transition:transform .2s,box-shadow .2s,background-position .45s;}
.vxn-audit-submit:hover{transform:translateY(-2px);background-position:100% 50%;box-shadow:0 18px 38px -10px rgba(124,58,237,.7);}
.vxn-audit-submit svg{width:17px;height:17px;}
.vxn-audit-done{text-align:center;padding:14px 0 6px;}
.vxn-audit-done .ok{width:58px;height:58px;border-radius:50%;margin:0 auto 16px;display:grid;place-items:center;color:#fff;
  background:linear-gradient(135deg,#10b981,#34d399);box-shadow:0 12px 28px -8px rgba(16,185,129,.6);}
.vxn-audit-done .ok svg{width:28px;height:28px;}
.vxn-audit-done h4{font-family:var(--vxn-font-display);font-weight:700;font-size:1.2rem;color:var(--vxn-ink);margin:0 0 8px;}
.vxn-audit-done p{color:var(--vxn-muted);font-size:.92rem;line-height:1.55;margin:0;}
.vxn-audit-done #vxn-audit-url{color:var(--vxn-blue);font-weight:600;word-break:break-all;}
@media (max-width:480px){.vxn-field-grid{grid-template-columns:1fr;}}

/* ===== CRM & AUTOMATION PAGE ===== */
/* =====================================================================
   VAYUNEX — SOLUTIONS / LEAD GENERATION page  (theme-aware, token-driven)
   Layman explainer: zero → advanced. Classes namespaced .vxn-s* / .vxn-faq.
   ===================================================================== */

/* active nav (link + mega trigger) */
.vxn-hd-nav .vxn-hd-link[aria-current="page"],
.vxn-hd-nav .vxn-hd-mega-btn[aria-current="page"]{color:var(--vxn-ink);}
.vxn-hd-nav .vxn-hd-link[aria-current="page"]::after,
.vxn-hd-nav .vxn-hd-mega-btn[aria-current="page"]::after{content:"";position:absolute;left:13px;right:13px;bottom:5px;
  height:2px;border-radius:2px;background:var(--vxn-grad-cta);}
.vxn-hd-nav .vxn-hd-mega-btn[aria-current="page"]{position:relative;}

/* ---------- plain-English definition card ---------- */
.vxn-sdef{max-width:820px;margin:46px auto 0;text-align:center;border-radius:var(--vxn-r);padding:clamp(30px,4vw,44px);
  background:var(--vxn-glass-2);border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);position:relative;overflow:hidden;}
.vxn-sdef::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(520px 240px at 50% -10%,rgba(124,58,237,.14),transparent 70%);}
.vxn-sdef .in{position:relative;z-index:1;}
.vxn-sdef .eq{font-family:var(--vxn-font-mono);font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--vxn-blue);margin-bottom:14px;}
.vxn-sdef p{font-family:var(--vxn-font-display);font-weight:600;font-size:clamp(1.15rem,2.6vw,1.6rem);line-height:1.5;color:var(--vxn-ink);margin:0;}
.vxn-sdef p b{background:var(--vxn-grad-text);-webkit-background-clip:text;background-clip:text;color:transparent;}

/* ---------- node flow (stranger -> lead -> patient) ---------- */
.vxn-sflow{display:flex;align-items:stretch;justify-content:center;flex-wrap:wrap;gap:6px;margin-top:46px;}
.vxn-sflow-node{display:flex;flex-direction:column;align-items:center;gap:11px;text-align:center;padding:24px 20px;min-width:158px;
  border-radius:var(--vxn-r);background:var(--vxn-glass);border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);}
.vxn-sflow-node.hot{border-color:var(--vxn-blue);background:var(--vxn-glass-2);}
.vxn-sflow-node .ic{width:50px;height:50px;border-radius:14px;display:grid;place-items:center;background:rgba(124,58,237,.1);color:var(--vxn-blue);}
.vxn-sflow-node.hot .ic{background:var(--vxn-grad-cta);color:#fff;}
.vxn-sflow-node .ic svg{width:25px;height:25px;}
.vxn-sflow-node b{font-family:var(--vxn-font-display);font-size:1rem;color:var(--vxn-ink);}
.vxn-sflow-node span{font-size:.79rem;color:var(--vxn-muted);max-width:150px;}
.vxn-sflow-arrow{display:grid;place-items:center;color:var(--vxn-blue-2);flex:none;}
.vxn-sflow-arrow svg{width:26px;height:26px;}

/* ---------- example callout ---------- */
.vxn-sexample{display:flex;gap:14px;align-items:flex-start;padding:18px 20px;border-radius:var(--vxn-r-sm);
  background:rgba(124,58,237,.06);border:1px solid var(--vxn-line);border-left:3px solid var(--vxn-blue);margin-top:22px;}
.vxn-sexample .ic{flex:none;width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:rgba(124,58,237,.12);color:var(--vxn-amber);}
.vxn-sexample .ic svg{width:18px;height:18px;}
.vxn-sexample .tx{font-size:.92rem;color:var(--vxn-ink-2);line-height:1.6;}
.vxn-sexample .tx .tag{display:block;font-family:var(--vxn-font-mono);font-size:.64rem;letter-spacing:.14em;text-transform:uppercase;color:var(--vxn-blue);margin-bottom:5px;}
.vxn-sexample .tx b{color:var(--vxn-ink);font-weight:600;}

/* ---------- two-col text + visual ---------- */
.vxn-stwo{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,5vw,56px);align-items:center;margin-top:8px;}
.vxn-stwo.rev .vxn-stwo-visual{order:-1;}

/* ---------- photo frame ---------- */
.vxn-sphoto{position:relative;border-radius:var(--vxn-r);overflow:hidden;border:1px solid var(--vxn-glass-brd);
  box-shadow:var(--vxn-shadow);aspect-ratio:16/11;background:var(--vxn-panel-2);}
.vxn-sphoto img{width:100%;height:100%;object-fit:cover;display:block;}
.vxn-sphoto .cap{position:absolute;left:0;right:0;bottom:0;padding:16px 18px;font-family:var(--vxn-font-mono);font-size:.72rem;
  color:#fff;background:linear-gradient(180deg,transparent,rgba(8,6,20,.78));}

/* small inline chart card */
.vxn-schart{border-radius:var(--vxn-r);padding:24px;background:var(--vxn-glass);border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);}
.vxn-schart svg{width:100%;height:auto;display:block;}
.vxn-schart-key{display:flex;flex-wrap:wrap;gap:16px;margin-top:14px;font-family:var(--vxn-font-mono);font-size:.72rem;color:var(--vxn-muted);}
.vxn-schart-key i{display:inline-block;width:22px;height:3px;border-radius:3px;margin-right:7px;vertical-align:middle;}

/* ---------- levels (zero to advanced) ---------- */
.vxn-slevels{display:grid;gap:18px;margin-top:48px;}
.vxn-slevel{display:grid;grid-template-columns:128px 1fr;gap:26px;padding:30px 30px;border-radius:var(--vxn-r);
  background:var(--vxn-glass);border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);}
.vxn-slevel-badge{text-align:center;}
.vxn-slevel-badge .no{font-family:var(--vxn-font-display);font-weight:800;font-size:3.2rem;line-height:1;
  background:var(--vxn-grad-text);-webkit-background-clip:text;background-clip:text;color:transparent;}
.vxn-slevel-badge .lv{display:inline-block;margin-top:10px;font-family:var(--vxn-font-mono);font-size:.66rem;letter-spacing:.14em;
  text-transform:uppercase;color:#fff;background:var(--vxn-grad-cta);padding:5px 11px;border-radius:999px;}
.vxn-slevel-body h3{margin:0 0 6px;font-family:var(--vxn-font-display);font-size:1.28rem;color:var(--vxn-ink);}
.vxn-slevel-body .sub{margin:0 0 16px;font-size:.95rem;color:var(--vxn-muted);line-height:1.55;}
.vxn-slevel-list{list-style:none;margin:0;padding:0;display:grid;gap:11px;}
.vxn-slevel-list li{display:flex;gap:11px;align-items:flex-start;font-size:.92rem;color:var(--vxn-ink-2);line-height:1.5;}
.vxn-slevel-list li svg{width:18px;height:18px;flex:none;margin-top:2px;color:var(--vxn-green);}
.vxn-slevel-list li b{color:var(--vxn-ink);font-weight:600;}

/* ---------- channel cards ---------- */
.vxn-schannels{display:grid;grid-template-columns:repeat(auto-fit,minmax(282px,1fr));gap:16px;margin-top:42px;}
.vxn-schan{display:flex;flex-direction:column;border-radius:var(--vxn-r);background:var(--vxn-glass);
  border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);padding:26px 24px;transition:transform .3s var(--vxn-ease),border-color .3s;}
.vxn-schan:hover{transform:translateY(-4px);border-color:var(--vxn-blue);}
.vxn-schan .ic{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;background:rgba(124,58,237,.1);color:var(--vxn-blue);margin-bottom:14px;}
.vxn-schan .ic svg{width:24px;height:24px;}
.vxn-schan h4{margin:0 0 4px;font-family:var(--vxn-font-display);font-size:1.1rem;color:var(--vxn-ink);}
.vxn-schan .kind{font-family:var(--vxn-font-mono);font-size:.64rem;letter-spacing:.12em;text-transform:uppercase;color:var(--vxn-blue-2);}
.vxn-schan p{margin:13px 0 0;font-size:.88rem;color:var(--vxn-ink-2);line-height:1.55;}
.vxn-schan .best{display:flex;gap:7px;align-items:flex-start;margin-top:auto;padding-top:15px;font-family:var(--vxn-font-mono);font-size:.72rem;color:var(--vxn-green);line-height:1.45;}
.vxn-schan .best svg{width:13px;height:13px;flex:none;margin-top:2px;}

/* ---------- conversion funnel ---------- */
.vxn-sfunnel{max-width:680px;margin:48px auto 0;display:flex;flex-direction:column;align-items:center;gap:7px;}
.vxn-sfunnel-row{width:100%;display:flex;flex-direction:column;align-items:center;}
.vxn-sfunnel-bar{width:var(--w);max-width:100%;min-height:64px;border-radius:13px;background:var(--vxn-grad-cta);
  display:flex;align-items:center;justify-content:space-between;gap:14px;padding:0 22px;color:#fff;box-shadow:0 12px 30px -14px rgba(124,58,237,.7);}
.vxn-sfunnel-bar .n{font-family:var(--vxn-font-display);font-weight:800;font-size:clamp(1.25rem,3vw,1.7rem);font-variant-numeric:tabular-nums;letter-spacing:-.02em;}
.vxn-sfunnel-bar .lab{font-family:var(--vxn-font-mono);font-size:.73rem;letter-spacing:.03em;text-align:right;line-height:1.3;opacity:.96;}
.vxn-sfunnel-drop{font-family:var(--vxn-font-mono);font-size:.68rem;color:var(--vxn-faint);margin:2px 0;}

/* ---------- industry fit ---------- */
.vxn-sfit{display:grid;grid-template-columns:repeat(auto-fit,minmax(264px,1fr));gap:16px;margin-top:42px;}
.vxn-sfit-card{border-radius:var(--vxn-r);background:var(--vxn-glass);border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);padding:24px 22px;}
.vxn-sfit-top{display:flex;align-items:center;justify-content:space-between;gap:10px;}
.vxn-sfit-card h4{margin:0;font-family:var(--vxn-font-display);font-size:1.06rem;color:var(--vxn-ink);}
.vxn-sfit-rating{font-family:var(--vxn-font-mono);font-size:.64rem;letter-spacing:.1em;text-transform:uppercase;color:var(--vxn-blue);white-space:nowrap;}
.vxn-sfit-meter{display:flex;gap:5px;margin:14px 0;}
.vxn-sfit-meter i{height:7px;flex:1;border-radius:4px;background:rgba(var(--ln),.18);}
.vxn-sfit-meter i.on{background:var(--vxn-grad-cta);}
.vxn-sfit-card p{margin:0;font-size:.85rem;color:var(--vxn-muted);line-height:1.55;}

/* ---------- readiness checklist ---------- */
.vxn-sready{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px;margin-top:40px;}
.vxn-sready-item{display:flex;gap:13px;align-items:flex-start;padding:20px;border-radius:var(--vxn-r-sm);
  background:var(--vxn-glass);border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);}
.vxn-sready-item .ck{flex:none;width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:rgba(16,185,129,.12);color:var(--vxn-green);}
.vxn-sready-item .ck svg{width:17px;height:17px;}
.vxn-sready-item p{margin:0;font-size:.9rem;color:var(--vxn-ink-2);line-height:1.5;}
.vxn-sready-item p b{color:var(--vxn-ink);font-weight:600;}

/* ---------- budget tiers ---------- */
.vxn-stiers{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:42px;}
.vxn-stier{display:flex;flex-direction:column;border-radius:var(--vxn-r);background:var(--vxn-glass);
  border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);padding:28px 26px;position:relative;}
.vxn-stier.feature{border-color:var(--vxn-blue);background:var(--vxn-glass-2);}
.vxn-stier .badge{position:absolute;top:-11px;left:26px;font-family:var(--vxn-font-mono);font-size:.62rem;letter-spacing:.12em;
  text-transform:uppercase;color:#fff;background:var(--vxn-grad-cta);padding:5px 11px;border-radius:999px;box-shadow:var(--vxn-glow-cta);}
.vxn-stier .name{font-family:var(--vxn-font-mono);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--vxn-blue-2);}
.vxn-stier .spend{font-family:var(--vxn-font-display);font-weight:800;font-size:1.85rem;color:var(--vxn-ink);margin:8px 0 2px;letter-spacing:-.02em;}
.vxn-stier .spend span{font-size:.9rem;font-weight:500;color:var(--vxn-muted);}
.vxn-stier .who{font-size:.86rem;color:var(--vxn-muted);line-height:1.5;margin:0 0 18px;}
.vxn-stier ul{list-style:none;margin:0 0 18px;padding:0;display:grid;gap:10px;}
.vxn-stier li{display:flex;gap:10px;align-items:flex-start;font-size:.86rem;color:var(--vxn-ink-2);line-height:1.45;}
.vxn-stier li svg{width:16px;height:16px;flex:none;margin-top:2px;color:var(--vxn-green);}
.vxn-stier .exp{margin-top:auto;padding-top:16px;border-top:1px dashed var(--vxn-line);font-family:var(--vxn-font-mono);font-size:.74rem;color:var(--vxn-ink-2);}
.vxn-stier .exp b{color:var(--vxn-blue-2);}

/* ---------- results table ---------- */
.vxn-stable-wrap{margin-top:42px;overflow-x:auto;border-radius:var(--vxn-r);border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);}
.vxn-stable{width:100%;border-collapse:collapse;min-width:560px;background:var(--vxn-glass);}
.vxn-stable thead th{font-family:var(--vxn-font-mono);font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:var(--vxn-faint);
  text-align:left;padding:16px 20px;border-bottom:1px solid var(--vxn-line-2);background:rgba(var(--w),.03);}
.vxn-stable tbody td{padding:15px 20px;border-bottom:1px solid var(--vxn-line);font-size:.9rem;color:var(--vxn-ink-2);}
.vxn-stable tbody tr:last-child td{border-bottom:none;}
.vxn-stable tbody td:first-child{font-family:var(--vxn-font-display);font-weight:600;color:var(--vxn-ink);}
.vxn-stable tbody td .g{color:var(--vxn-green);font-family:var(--vxn-font-mono);font-weight:600;}

/* ---------- FAQ accordion (native details) ---------- */
.vxn-faq{max-width:820px;margin:42px auto 0;display:grid;gap:12px;}
.vxn-faq-item{border:1px solid var(--vxn-glass-brd);background:var(--vxn-glass);border-radius:var(--vxn-r-sm);
  box-shadow:var(--vxn-shadow);overflow:hidden;}
.vxn-faq-item summary{list-style:none;cursor:pointer;padding:20px 22px;display:flex;justify-content:space-between;align-items:center;gap:16px;
  font-family:var(--vxn-font-display);font-weight:600;font-size:1.02rem;color:var(--vxn-ink);}
.vxn-faq-item summary::-webkit-details-marker{display:none;}
.vxn-faq-item summary .pl{flex:none;color:var(--vxn-blue-2);transition:transform .3s var(--vxn-ease);}
.vxn-faq-item summary .pl svg{width:20px;height:20px;display:block;}
.vxn-faq-item[open] summary .pl{transform:rotate(135deg);}
.vxn-faq-item[open] summary{color:var(--vxn-blue-2);}
.vxn-faq-item .a{padding:0 22px 21px;font-size:.94rem;color:var(--vxn-ink-2);line-height:1.66;}
.vxn-faq-item .a b{color:var(--vxn-ink);font-weight:600;}

/* ---------- closing CTA ---------- */
.vxn-scta{position:relative;text-align:center;border-radius:var(--vxn-r);padding:clamp(42px,6vw,70px) 28px;overflow:hidden;
  background:var(--vxn-glass-2);border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);}
.vxn-scta::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(720px 360px at 50% -20%,rgba(124,58,237,.18),transparent 70%);}
.vxn-scta .in{position:relative;z-index:1;max-width:660px;margin-inline:auto;}
.vxn-scta .vxn-hero-cta{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:30px;}

/* ---------- responsive ---------- */
@media (max-width:920px){
  .vxn-stwo{grid-template-columns:1fr;gap:32px;}
  .vxn-stwo.rev .vxn-stwo-visual{order:0;}
  .vxn-stiers{grid-template-columns:1fr;}
}
@media (max-width:680px){
  .vxn-slevel{grid-template-columns:1fr;gap:18px;}
  .vxn-slevel-badge{display:flex;align-items:center;gap:14px;}
  .vxn-slevel-badge .no{font-size:2.4rem;}
  .vxn-slevel-badge .lv{margin-top:0;}
  .vxn-sflow-arrow{transform:rotate(90deg);}
}
@media (prefers-reduced-motion:reduce){
  .vxn-schan,.vxn-faq-item summary .pl{transition:none;}
}

/* mini chart strokes (var()/url() valid only in CSS, not SVG attrs) */
.vxn-schart-base{stroke:var(--vxn-line-2);stroke-width:1;}
.vxn-schart-wom{fill:none;stroke:var(--vxn-faint);stroke-width:2.5;stroke-dasharray:5 5;stroke-linecap:round;stroke-linejoin:round;}
.vxn-schart-lead{fill:none;stroke:url(#vxnSLead);stroke-width:3.4;stroke-linecap:round;stroke-linejoin:round;}

/* ===================================================================== */
/* PAID ACQUISITION additions (.vxn-p*)                                   */
/* ===================================================================== */

/* metric definition cards */
.vxn-pmetrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px;margin-top:42px;}
.vxn-pmetric{border-radius:var(--vxn-r);background:var(--vxn-glass);border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);padding:22px 22px;}
.vxn-pmetric .ab{display:flex;align-items:baseline;gap:9px;flex-wrap:wrap;}
.vxn-pmetric .ab b{font-family:var(--vxn-font-display);font-weight:800;font-size:1.5rem;letter-spacing:-.01em;background:var(--vxn-grad-text);-webkit-background-clip:text;background-clip:text;color:transparent;}
.vxn-pmetric .ab span{font-family:var(--vxn-font-mono);font-size:.66rem;letter-spacing:.06em;text-transform:uppercase;color:var(--vxn-muted);}
.vxn-pmetric p{margin:11px 0 0;font-size:.88rem;color:var(--vxn-ink-2);line-height:1.55;}
.vxn-pmetric p b{color:var(--vxn-ink);font-weight:600;}
.vxn-pmetric .eg{margin-top:11px;font-family:var(--vxn-font-mono);font-size:.72rem;color:var(--vxn-blue-2);}

/* ad-economics money map */
.vxn-peco{margin-top:44px;border-radius:var(--vxn-r);background:var(--vxn-glass-2);border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);padding:clamp(26px,4vw,40px);position:relative;overflow:hidden;}
.vxn-peco::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(600px 280px at 50% -10%,rgba(124,58,237,.14),transparent 70%);}
.vxn-peco-row{position:relative;z-index:1;display:flex;align-items:stretch;justify-content:center;flex-wrap:wrap;gap:6px;}
.vxn-peco-step{flex:1;min-width:118px;text-align:center;padding:18px 14px;border-radius:var(--vxn-r-sm);background:var(--vxn-glass);border:1px solid var(--vxn-glass-brd);}
.vxn-peco-step.in{border-color:var(--vxn-blue);}
.vxn-peco-step.out{border-color:var(--vxn-green);}
.vxn-peco-step .v{font-family:var(--vxn-font-display);font-weight:800;font-size:clamp(1.1rem,2.4vw,1.5rem);color:var(--vxn-ink);font-variant-numeric:tabular-nums;}
.vxn-peco-step.in .v{color:var(--vxn-blue-2);}
.vxn-peco-step.out .v{color:var(--vxn-green);}
.vxn-peco-step .k{font-family:var(--vxn-font-mono);font-size:.65rem;letter-spacing:.05em;text-transform:uppercase;color:var(--vxn-muted);margin-top:5px;}
.vxn-peco-arrow{display:grid;place-items:center;color:var(--vxn-blue-2);flex:none;}
.vxn-peco-arrow svg{width:22px;height:22px;}
.vxn-peco-foot{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;margin-top:26px;}
.vxn-peco-roas{display:inline-flex;align-items:baseline;gap:9px;padding:13px 26px;border-radius:999px;background:var(--vxn-grad-cta);color:#fff;box-shadow:var(--vxn-glow-cta);}
.vxn-peco-roas b{font-family:var(--vxn-font-display);font-weight:800;font-size:1.8rem;}
.vxn-peco-roas span{font-family:var(--vxn-font-mono);font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;opacity:.95;}

/* common mistakes */
.vxn-pmistakes{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px;margin-top:42px;}
.vxn-pmistake{border-radius:var(--vxn-r);background:var(--vxn-glass);border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);padding:24px 24px;border-left:3px solid var(--vxn-red);}
.vxn-pmistake .x{display:flex;align-items:center;gap:10px;margin-bottom:11px;}
.vxn-pmistake .x .ic{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:rgba(244,63,94,.12);color:var(--vxn-red);flex:none;}
.vxn-pmistake .x .ic svg{width:17px;height:17px;}
.vxn-pmistake .x b{font-family:var(--vxn-font-display);font-size:1rem;color:var(--vxn-ink);}
.vxn-pmistake p{margin:0;font-size:.88rem;color:var(--vxn-ink-2);line-height:1.55;}
.vxn-pmistake .fix{display:flex;gap:8px;align-items:flex-start;margin-top:13px;padding-top:13px;border-top:1px solid var(--vxn-line);font-size:.86rem;color:var(--vxn-ink-2);line-height:1.5;}
.vxn-pmistake .fix svg{width:15px;height:15px;flex:none;margin-top:2px;color:var(--vxn-green);}
.vxn-pmistake .fix b{color:var(--vxn-green);font-weight:600;font-family:var(--vxn-font-mono);font-size:.7rem;text-transform:uppercase;letter-spacing:.06em;margin-right:3px;}

@media (max-width:680px){ .vxn-peco-arrow{transform:rotate(90deg);} }

/* ===================================================================== */
/* CRM & AUTOMATION additions (.vxn-c*)                                   */
/* ===================================================================== */

/* --- pipeline board --- */
.vxn-cpipe{margin-top:44px;display:grid;grid-template-columns:repeat(4,1fr);gap:12px;}
.vxn-cpipe-col{border-radius:var(--vxn-r);background:var(--vxn-glass);border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);padding:14px;display:flex;flex-direction:column;}
.vxn-cpipe-h{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;}
.vxn-cpipe-h .t{font-family:var(--vxn-font-display);font-weight:700;font-size:.82rem;color:var(--vxn-ink);display:flex;align-items:center;gap:7px;}
.vxn-cpipe-h .t i{width:8px;height:8px;border-radius:50%;background:var(--vxn-blue-2);flex:none;}
.vxn-cpipe-h .n{font-family:var(--vxn-font-mono);font-size:.7rem;color:var(--vxn-muted);background:rgba(var(--ln),.10);padding:2px 8px;border-radius:999px;}
.vxn-cpipe-card{background:var(--vxn-glass-2);border:1px solid var(--vxn-line);border-radius:11px;padding:11px 12px;margin-bottom:9px;}
.vxn-cpipe-card .nm{font-size:.82rem;font-weight:600;color:var(--vxn-ink);}
.vxn-cpipe-card .mt{font-family:var(--vxn-font-mono);font-size:.65rem;color:var(--vxn-muted);margin-top:5px;}
.vxn-cpipe-foot{margin-top:auto;padding-top:10px;font-family:var(--vxn-font-mono);font-size:.66rem;color:var(--vxn-ink-2);border-top:1px solid var(--vxn-line);}
.vxn-cpipe-foot b{color:var(--vxn-blue-2);}
@media (max-width:760px){
  .vxn-cpipe{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:76%;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px;}
  .vxn-cpipe-col{scroll-snap-align:start;}
}

/* --- trigger -> action automation rows --- */
.vxn-cflows{margin-top:42px;display:flex;flex-direction:column;gap:12px;}
.vxn-cflow{display:flex;align-items:center;gap:14px;border-radius:var(--vxn-r);background:var(--vxn-glass);border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);padding:16px 20px;flex-wrap:wrap;}
.vxn-cflow .trig{display:inline-flex;align-items:center;gap:10px;flex:none;min-width:170px;}
.vxn-cflow .trig .ic{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:rgba(124,58,237,.10);color:var(--vxn-blue);flex:none;}
.vxn-cflow .trig .ic svg{width:18px;height:18px;}
.vxn-cflow .trig b{font-family:var(--vxn-font-display);font-size:.9rem;color:var(--vxn-ink);}
.vxn-cflow .arr{color:var(--vxn-blue-2);flex:none;display:grid;place-items:center;}
.vxn-cflow .arr svg{width:20px;height:20px;}
.vxn-cflow .act{flex:1;min-width:190px;font-size:.9rem;color:var(--vxn-ink-2);line-height:1.5;}
.vxn-cflow .act b{color:var(--vxn-ink);font-weight:600;}
.vxn-cflow .auto{font-family:var(--vxn-font-mono);font-size:.6rem;letter-spacing:.06em;text-transform:uppercase;color:var(--vxn-green);background:rgba(16,185,129,.10);border:1px solid rgba(16,185,129,.22);padding:5px 10px;border-radius:999px;flex:none;}
@media (max-width:620px){.vxn-cflow .arr{transform:rotate(90deg);}}

/* --- HIPAA compliance panel --- */
.vxn-chipaa{margin-top:44px;border-radius:var(--vxn-r);background:var(--vxn-glass-2);border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);padding:clamp(28px,4vw,44px);position:relative;overflow:hidden;}
.vxn-chipaa::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(560px 260px at 12% -10%,rgba(16,185,129,.13),transparent 70%);}
.vxn-chipaa-top{position:relative;z-index:1;display:flex;align-items:center;gap:16px;}
.vxn-chipaa-shield{width:60px;height:60px;border-radius:16px;display:grid;place-items:center;background:rgba(16,185,129,.12);color:var(--vxn-green);flex:none;}
.vxn-chipaa-shield svg{width:31px;height:31px;}
.vxn-chipaa-top .tag{font-family:var(--vxn-font-mono);font-size:.66rem;letter-spacing:.07em;text-transform:uppercase;color:var(--vxn-green);}
.vxn-chipaa-top h3{font-family:var(--vxn-font-display);font-size:1.42rem;color:var(--vxn-ink);margin:4px 0 0;letter-spacing:-.01em;}
.vxn-chipaa-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(auto-fit,minmax(252px,1fr));gap:14px 24px;margin-top:24px;}
.vxn-chipaa-item{display:flex;gap:11px;align-items:flex-start;}
.vxn-chipaa-item .ck{width:25px;height:25px;border-radius:7px;display:grid;place-items:center;background:rgba(16,185,129,.12);color:var(--vxn-green);flex:none;margin-top:1px;}
.vxn-chipaa-item .ck svg{width:14px;height:14px;}
.vxn-chipaa-item p{margin:0;font-size:.88rem;color:var(--vxn-ink-2);line-height:1.5;}
.vxn-chipaa-item p b{color:var(--vxn-ink);font-weight:600;}



/* From dental.html */

/* =====================================================================
   VAYUNEX — DESIGN SYSTEM v2
   Light-default, royal-purple. Dark mode via :root[data-theme="dark"].
   Theme bases: --w (tint), --ln (hairline), --mk (screen-mock surface)
   flip per theme so one stylesheet serves both. Accents are shared.
   Type:  Sora (display) · Manrope (body) · JetBrains Mono (data)
   ===================================================================== */

/* ----- TOKENS : LIGHT (default) ----- */
:root{
  color-scheme: light;

  --vxn-void:#ffffff;
  --vxn-deep:#f4f0fb;
  --vxn-panel:#ffffff;
  --vxn-panel-2:#f5f1fe;

  --vxn-ink:#1b1233;
  --vxn-ink-2:#392e57;
  --vxn-muted:#675d86;
  --vxn-faint:#9a91b4;

  /* theme bases */
  --w:45,35,70;          /* subtle tint base (dark on light) */
  --ln:110,82,180;       /* hairline base (purple)           */
  --mk:245,243,252;      /* screen-mock surface (near-white) */

  --vxn-line:rgba(var(--ln),0.16);
  --vxn-line-2:rgba(var(--ln),0.32);

  /* royal-purple accents (shared both themes) */
  --vxn-blue:#7c3aed;    /* primary  */
  --vxn-blue-2:#a855f7;  /* primary-2 */
  --vxn-cyan:#c084fc;    /* bright orchid pop */
  --vxn-violet:#8b5cf6;
  --vxn-green:#10b981;   /* success / revenue */
  --vxn-amber:#f59e0b;   /* stars / cost */
  --vxn-red:#f43f5e;     /* loss */

  --vxn-glass:linear-gradient(160deg,rgba(255,255,255,0.96),rgba(250,248,255,0.90));
  --vxn-glass-2:linear-gradient(160deg,#ffffff,#f3edfe);
  --vxn-glass-brd:rgba(var(--ln),0.20);

  --vxn-cta-ink:#ffffff;
  --vxn-grad-cta:linear-gradient(135deg,#7c3aed 0%,#a855f7 55%,#c084fc 100%);
  --vxn-grad-violet:linear-gradient(135deg,#8b5cf6 0%,#7c3aed 100%);
  --vxn-grad-text:linear-gradient(120deg,#2a1d4d 0%,#7c3aed 55%,#a855f7 100%);

  --vxn-shadow:0 26px 60px -30px rgba(76,29,149,0.30);
  --vxn-glow-cta:0 16px 40px -12px rgba(124,58,237,0.42);

  --vxn-font-display:'Sora',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  --vxn-font-body:'Manrope',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  --vxn-font-mono:'JetBrains Mono',ui-monospace,SFMono-Regular,Menlo,monospace;

  --vxn-r:20px;
  --vxn-r-sm:14px;
  --vxn-shell:1180px;
  --vxn-ease:cubic-bezier(.2,.7,.2,1);
}

/* ----- TOKENS : DARK (toggle) ----- */
:root[data-theme="dark"]{
  color-scheme: dark;

  --vxn-void:#0b0818;
  --vxn-deep:#0f0b20;
  --vxn-panel:#150f2b;
  --vxn-panel-2:#1b1338;

  --vxn-ink:#f3f0ff;
  --vxn-ink-2:#cdc6e8;
  --vxn-muted:#968cb8;
  --vxn-faint:#6c648c;

  --w:255,255,255;
  --ln:150,135,215;
  --mk:14,20,44;

  --vxn-glass:linear-gradient(160deg,rgba(255,255,255,0.07),rgba(255,255,255,0.02));
  --vxn-glass-2:linear-gradient(160deg,rgba(255,255,255,0.10),rgba(255,255,255,0.03));
  --vxn-glass-brd:rgba(255,255,255,0.10);

  --vxn-grad-text:linear-gradient(120deg,#ffffff 0%,#c4b5fd 50%,#c084fc 100%);

  --vxn-shadow:0 26px 70px -28px rgba(0,0,0,0.70);
  --vxn-glow-cta:0 16px 44px -12px rgba(124,58,237,0.60);
}

/* ----- TRANSFORMED SECTION STYLES (token-driven, theme-aware) ----- */
/* =====================================================================
   VAYUNEX — GLOBAL DESIGN SYSTEM
   Visual direction: "Mission control for revenue" — deep navy/black base,
   electric blue + cyan + violet accents, success green & cost amber for
   telemetry, frosted glass, ambient grid, lead-flow particle motif.
   Type roles:  Sora (display) · Manrope (body) · JetBrains Mono (data)
   All classes are namespaced with the vxn- prefix.
   ===================================================================== */

/* ----- TOKENS ----- */

/* ----- RESET / BASE ----- */
*,*::before,*::after{box-sizing:border-box;}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;}
body{
  margin:0;
  background:var(--vxn-void);
  color:var(--vxn-ink-2);
  font-family:var(--vxn-font-body);
  font-size:16px;
  line-height:1.65;
  letter-spacing:.005em;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
  overflow-x:hidden;
}
img{max-width:100%;display:block;}
a{color:inherit;text-decoration:none;}
button{font-family:inherit;cursor:pointer;}
canvas{display:block;}
::selection{background:rgba(192,132,252,.28);color:#fff;}

/* ----- AMBIENT ATMOSPHERE (fixed background layer) ----- */
.vxn-atmos{position:fixed;inset:0;z-index:-2;pointer-events:none;background:
  radial-gradient(1100px 700px at 78% -8%,rgba(124,58,237,.22),transparent 60%),
  radial-gradient(900px 700px at 8% 12%,rgba(139,92,246,.16),transparent 60%),
  radial-gradient(1000px 800px at 60% 108%,rgba(192,132,252,.10),transparent 55%),
  var(--vxn-void);}
.vxn-atmos::before{content:"";position:absolute;inset:0;opacity:.5;
  background-image:linear-gradient(rgba(var(--ln),.05) 1px,transparent 1px),
                   linear-gradient(90deg,rgba(var(--ln),.05) 1px,transparent 1px);
  background-size:54px 54px;
  -webkit-mask-image:radial-gradient(circle at 50% 30%,#000 0%,transparent 78%);
          mask-image:radial-gradient(circle at 50% 30%,#000 0%,transparent 78%);}
.vxn-grain{position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.035;mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");}

/* ----- LAYOUT PRIMITIVES ----- */
.vxn-shell{width:100%;max-width:var(--vxn-shell);margin-inline:auto;padding-inline:24px;}
.vxn-section{position:relative;padding-block:clamp(74px,11vh,128px);}
.vxn-section--tight{padding-block:clamp(56px,8vh,92px);}
.vxn-divider{height:1px;background:linear-gradient(90deg,transparent,var(--vxn-line-2),transparent);border:0;margin:0;}

/* ----- TYPOGRAPHY ----- */
.vxn-eyebrow{display:inline-flex;align-items:center;gap:9px;font-family:var(--vxn-font-mono);
  font-size:12px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--vxn-cyan);}
.vxn-eyebrow::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--vxn-cyan);
  box-shadow:0 0 10px var(--vxn-cyan);}
.vxn-h1{font-family:var(--vxn-font-display);font-weight:800;line-height:1.04;letter-spacing:-.025em;
  font-size:clamp(2.4rem,6vw,4.5rem);color:var(--vxn-ink);margin:0;}
.vxn-h2{font-family:var(--vxn-font-display);font-weight:700;line-height:1.08;letter-spacing:-.02em;
  font-size:clamp(1.85rem,4vw,3rem);color:var(--vxn-ink);margin:0;}
.vxn-h3{font-family:var(--vxn-font-display);font-weight:600;line-height:1.2;letter-spacing:-.01em;
  font-size:clamp(1.1rem,2vw,1.35rem);color:var(--vxn-ink);margin:0;}
.vxn-lead{font-size:clamp(1.02rem,1.6vw,1.2rem);color:var(--vxn-ink-2);max-width:62ch;}
.vxn-grad-txt{background:var(--vxn-grad-text);-webkit-background-clip:text;background-clip:text;color:transparent;}
.vxn-cyan{color:var(--vxn-cyan);} .vxn-violet{color:var(--vxn-violet);} .vxn-green{color:var(--vxn-green);}
.vxn-mono{font-family:var(--vxn-font-mono);font-variant-numeric:tabular-nums;}
.vxn-head{max-width:760px;}
.vxn-head .vxn-lead{margin-top:18px;}
.vxn-center{text-align:center;margin-inline:auto;}

/* ----- BUTTONS ----- */
.vxn-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;
  font-family:var(--vxn-font-display);font-weight:600;font-size:.96rem;letter-spacing:-.01em;
  padding:14px 24px;border-radius:13px;border:1px solid transparent;transition:transform .25s var(--vxn-ease),box-shadow .25s,background .25s;white-space:nowrap;}
.vxn-btn svg{width:18px;height:18px;}
.vxn-btn--primary{background:var(--vxn-grad-cta);color:var(--vxn-cta-ink);box-shadow:var(--vxn-glow-cta);}
.vxn-btn--primary:hover{transform:translateY(-2px);box-shadow:0 20px 50px -12px rgba(124,58,237,.7);}
.vxn-btn--ghost{background:rgba(var(--w),.03);border-color:var(--vxn-line-2);color:var(--vxn-ink);}
.vxn-btn--ghost:hover{transform:translateY(-2px);background:rgba(var(--w),.07);border-color:var(--vxn-cyan);}
.vxn-btn:focus-visible{outline:2px solid var(--vxn-cyan);outline-offset:3px;}

/* ----- CHIPS / PILLS ----- */
.vxn-chip{display:inline-flex;align-items:center;gap:8px;font-size:.82rem;font-weight:600;color:var(--vxn-ink-2);
  padding:7px 14px;border-radius:999px;background:rgba(var(--w),.04);border:1px solid var(--vxn-line);}
.vxn-chip .vxn-dot{width:6px;height:6px;border-radius:50%;background:var(--vxn-green);box-shadow:0 0 8px var(--vxn-green);}

/* ----- GLASS CARD ----- */
.vxn-glass{position:relative;background:var(--vxn-glass);border:1px solid var(--vxn-glass-brd);
  border-radius:var(--vxn-r);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--vxn-shadow);}
.vxn-glass::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;pointer-events:none;
  background:linear-gradient(160deg,rgba(var(--w),.35),transparent 40%);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
          mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;mask-composite:exclude;opacity:.5;}

/* 3D tilt-ready card */
.vxn-card3d{transition:transform .4s var(--vxn-ease),box-shadow .4s;transform-style:preserve-3d;will-change:transform;}

/* ----- SCROLL REVEAL ----- */
.vxn-reveal{opacity:0;transform:translateY(28px);transition:opacity .8s var(--vxn-ease),transform .8s var(--vxn-ease);transition-delay:var(--d,0s);}
.vxn-reveal.is-in{opacity:1;transform:none;}

/* ============================ NAV (CAPSULE) ============================ */
/* "Living glass capsule" — contracts on scroll, canopy mega-menu unfurls
   out of the same surface, sliding spotlight, full-screen mobile overlay. */
.vxn-skip{position:absolute;left:-9999px;top:0;z-index:200;background:var(--vxn-cyan);color:var(--vxn-cta-ink);
  padding:10px 16px;border-radius:0 0 10px 0;font-weight:700;}
.vxn-skip:focus{left:0;}

.vxn-scrim{position:fixed;inset:0;z-index:79;background:rgba(var(--mk),.55);opacity:0;visibility:hidden;
  -webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:opacity .35s,visibility .35s;}
.vxn-scrim.is-on{opacity:1;visibility:visible;}

.vxn-nav{position:fixed;top:14px;left:0;right:0;z-index:80;display:flex;justify-content:center;padding-inline:14px;}
.vxn-island{width:min(1120px,100%);background:linear-gradient(160deg,rgba(var(--mk),.78),rgba(var(--mk),.7));
  border:1px solid var(--vxn-glass-brd);border-radius:22px;overflow:hidden;
  -webkit-backdrop-filter:blur(16px) saturate(140%);backdrop-filter:blur(16px) saturate(140%);
  box-shadow:0 18px 50px -22px rgba(0,0,0,.8);
  transition:width .5s var(--vxn-ease),border-radius .5s,background .5s;}
.vxn-nav.is-contracted .vxn-island{width:min(880px,100%);background:linear-gradient(160deg,rgba(var(--mk),.92),rgba(var(--mk),.9));}
.vxn-bar{display:flex;align-items:center;gap:18px;padding:11px 14px 11px 18px;transition:padding .5s var(--vxn-ease);}
.vxn-nav.is-contracted .vxn-bar{padding:8px 12px 8px 16px;}

.vxn-brand{display:flex;align-items:center;gap:11px;flex-shrink:0;}
.vxn-mark{width:30px;height:30px;flex-shrink:0;transition:width .5s,height .5s;}
.vxn-nav.is-contracted .vxn-mark{width:26px;height:26px;}
.vxn-word{font-family:var(--vxn-font-display);font-weight:800;letter-spacing:.12em;font-size:1.02rem;color:var(--vxn-ink);}

.vxn-links{position:relative;display:flex;align-items:center;gap:2px;margin-inline:auto;}
.vxn-spot{position:absolute;top:50%;height:34px;border-radius:11px;transform:translateY(-50%);
  background:linear-gradient(160deg,rgba(var(--ln),.22),rgba(var(--ln),.08));border:1px solid var(--vxn-line);
  z-index:0;opacity:0;transition:left .38s var(--vxn-ease),width .38s var(--vxn-ease),opacity .3s;pointer-events:none;}
.vxn-link{position:relative;z-index:1;display:inline-flex;align-items:center;gap:6px;color:var(--vxn-ink-2);
  font-size:.92rem;font-weight:600;padding:8px 14px;border-radius:11px;background:none;border:0;transition:color .25s;}
.vxn-link:hover,.vxn-link[aria-expanded="true"]{color:var(--vxn-ink);}
.vxn-link .vxn-chev{width:14px;height:14px;transition:transform .3s;}
.vxn-link[aria-expanded="true"] .vxn-chev{transform:rotate(180deg);}
.vxn-link:focus-visible{outline:2px solid var(--vxn-cyan);outline-offset:2px;}

.vxn-actions{display:flex;align-items:center;gap:10px;flex-shrink:0;}
.vxn-cta{display:inline-flex;align-items:center;gap:7px;background:var(--vxn-grad-cta);color:var(--vxn-cta-ink);
  font-family:var(--vxn-font-display);font-weight:700;font-size:.88rem;padding:10px 17px;border-radius:11px;
  box-shadow:0 10px 26px -10px rgba(124,58,237,.6);transition:transform .25s,box-shadow .25s;border:0;}
.vxn-cta:hover{transform:translateY(-1px);box-shadow:0 14px 32px -8px rgba(124,58,237,.8);}
.vxn-cta:focus-visible{outline:2px solid #fff;outline-offset:2px;}

.vxn-burger{display:none;width:42px;height:38px;border-radius:11px;background:rgba(var(--w),.05);
  border:1px solid var(--vxn-line);align-items:center;justify-content:center;flex-direction:column;gap:4px;}
.vxn-burger span{width:18px;height:2px;background:var(--vxn-ink);border-radius:2px;transition:transform .3s,opacity .3s;}
.vxn-burger:focus-visible{outline:2px solid var(--vxn-cyan);outline-offset:2px;}

/* Canopy mega-menu (lives INSIDE the island; grows out of it) */
.vxn-canopy{max-height:0;opacity:0;padding:0 22px;transition:max-height .5s var(--vxn-ease),opacity .35s,padding .5s var(--vxn-ease);}
.vxn-island.is-open .vxn-canopy{max-height:420px;opacity:1;padding:4px 22px 22px;}
.vxn-canopy-top{height:1px;background:var(--vxn-line);margin-bottom:18px;}
.vxn-canopy-grid{display:grid;grid-template-columns:1fr 1fr 1.15fr;gap:22px;}
.vxn-col-title{font-family:var(--vxn-font-mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--vxn-muted);margin-bottom:12px;}
.vxn-col a{display:flex;align-items:center;gap:10px;color:var(--vxn-ink-2);font-size:.9rem;font-weight:600;padding:7px 9px;border-radius:9px;transition:background .2s,color .2s,transform .2s;opacity:0;transform:translateY(8px);}
.vxn-island.is-open .vxn-col a{opacity:1;transform:none;}
.vxn-island.is-open .vxn-col:nth-child(1) a{transition-delay:.05s;}
.vxn-island.is-open .vxn-col:nth-child(2) a{transition-delay:.12s;}
.vxn-col a:hover{background:rgba(var(--ln),.1);color:#fff;}
.vxn-col a i{width:8px;height:8px;border-radius:50%;background:var(--vxn-cyan);box-shadow:0 0 8px var(--vxn-cyan);flex-shrink:0;}
.vxn-col a.h i{background:var(--vxn-green);box-shadow:0 0 8px var(--vxn-green);}
.vxn-rail{background:var(--vxn-grad-violet);border-radius:16px;padding:18px;display:flex;flex-direction:column;justify-content:center;opacity:0;transform:translateY(8px);transition:opacity .4s .18s,transform .4s .18s;}
.vxn-island.is-open .vxn-rail{opacity:1;transform:none;}
.vxn-rail h4{font-family:var(--vxn-font-display);font-size:1.05rem;color:#fff;margin:0 0 6px;}
.vxn-rail p{font-size:.82rem;color:rgba(var(--w),.85);margin:0 0 14px;}
.vxn-rail a{align-self:flex-start;background:#fff;color:#1a1340;font-weight:700;font-size:.82rem;padding:9px 15px;border-radius:10px;}

/* Mobile full-screen overlay */
.vxn-overlay{position:fixed;inset:0;z-index:90;background:linear-gradient(180deg,var(--vxn-void),var(--vxn-void));
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transform:translateY(-100%);transition:transform .5s var(--vxn-ease);
  display:flex;flex-direction:column;padding:22px;overflow-y:auto;}
.vxn-overlay.is-open{transform:none;}
.vxn-ov-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:36px;}
.vxn-ov-close{width:42px;height:42px;border-radius:12px;background:rgba(var(--w),.05);border:1px solid var(--vxn-line);color:var(--vxn-ink);font-size:1.4rem;display:flex;align-items:center;justify-content:center;}
.vxn-ov-body{display:flex;flex-direction:column;gap:6px;}
.vxn-ov-link{font-family:var(--vxn-font-display);font-weight:700;font-size:1.8rem;color:var(--vxn-ink);padding:14px 4px;border-bottom:1px solid var(--vxn-line);display:flex;align-items:center;justify-content:space-between;
  opacity:0;transform:translateX(-18px);transition:opacity .5s,transform .5s;}
.vxn-overlay.is-open .vxn-ov-link{opacity:1;transform:none;}
.vxn-overlay.is-open .vxn-ov-link:nth-child(1){transition-delay:.08s;}
.vxn-overlay.is-open .vxn-ov-link:nth-child(2){transition-delay:.14s;}
.vxn-overlay.is-open .vxn-ov-link:nth-child(3){transition-delay:.2s;}
.vxn-overlay.is-open .vxn-ov-link:nth-child(4){transition-delay:.26s;}
.vxn-overlay.is-open .vxn-ov-link:nth-child(5){transition-delay:.32s;}
.vxn-ov-sub{display:none;flex-direction:column;gap:2px;padding:6px 4px 14px;}
.vxn-ov-sub.is-open{display:flex;}
.vxn-ov-sub a{color:var(--vxn-muted);font-size:1.05rem;font-weight:600;padding:8px 0;}
.vxn-ov-cta{margin-top:26px;}

@media(max-width:920px){
  .vxn-links{display:none;}
  .vxn-burger{display:flex;}
  .vxn-actions .vxn-cta{display:none;}
}
@media(min-width:921px){ .vxn-overlay{display:none!important;} }

/* ============================ HERO ============================ */
.vxn-hero{position:relative;min-height:100svh;display:flex;align-items:center;padding-top:130px;padding-bottom:64px;overflow:hidden;}
.vxn-hero-bg{position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.9;}
.vxn-hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.04fr .96fr;gap:46px;align-items:center;width:100%;}
.vxn-hero-copy{max-width:600px;}
.vxn-hero h1{margin:18px 0 0;}
.vxn-hero h1 .ln{display:block;}
.vxn-hero .vxn-lead{margin-top:22px;}
.vxn-hero-cta{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px;}
.vxn-hero-trust{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px;}

.vxn-engine{position:relative;width:100%;aspect-ratio:1/.86;max-width:560px;margin-inline:auto;}
.vxn-engine canvas{position:absolute;inset:0;width:100%;height:100%;}
.vxn-dash{position:absolute;right:-6px;bottom:-14px;width:min(252px,72%);padding:16px 16px 14px;border-radius:16px;z-index:3;}
.vxn-dash-h{display:flex;align-items:center;gap:8px;font-family:var(--vxn-font-mono);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--vxn-muted);margin-bottom:12px;}
.vxn-dash-h .live{width:7px;height:7px;border-radius:50%;background:var(--vxn-green);box-shadow:0 0 9px var(--vxn-green);animation:vxn-pulse 1.8s infinite;}
.vxn-dash-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 14px;}
.vxn-dash-cell .k{font-size:10px;letter-spacing:.04em;color:var(--vxn-faint);text-transform:uppercase;font-weight:600;}
.vxn-dash-cell .v{font-family:var(--vxn-font-mono);font-weight:700;font-size:1.18rem;color:var(--vxn-ink);line-height:1.2;font-variant-numeric:tabular-nums;}
.vxn-dash-cell .v.c{color:var(--vxn-cyan);} .vxn-dash-cell .v.g{color:var(--vxn-green);}
@keyframes vxn-pulse{0%,100%{opacity:1;transform:scale(1);}50%{opacity:.45;transform:scale(.82);}}

/* ============================ PROBLEM / LEAK FUNNEL ============================ */
.vxn-leak-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:46px;align-items:center;margin-top:48px;}
.vxn-funnel-stage{position:relative;width:100%;max-width:440px;margin-inline:auto;}
.vxn-funnel-stage svg{width:100%;height:auto;overflow:visible;}
.vxn-leak-rows{display:flex;flex-direction:column;gap:10px;}
.vxn-leak-row{display:flex;gap:14px;align-items:flex-start;padding:15px 16px;border-radius:14px;border:1px solid var(--vxn-line);
  background:rgba(var(--w),.018);cursor:pointer;transition:border-color .3s,background .3s,transform .3s;text-align:left;width:100%;}
.vxn-leak-row:hover{transform:translateX(4px);}
.vxn-leak-row.is-active{border-color:rgba(244,63,94,.55);background:rgba(244,63,94,.07);}
.vxn-leak-num{font-family:var(--vxn-font-mono);font-size:.8rem;color:var(--vxn-red);font-weight:700;width:26px;height:26px;border-radius:8px;
  background:rgba(244,63,94,.12);display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px;}
.vxn-leak-row.is-active .vxn-leak-num{background:var(--vxn-red);color:#180408;}
.vxn-leak-txt h4{font-family:var(--vxn-font-display);font-size:1rem;color:var(--vxn-ink);margin:0 0 3px;}
.vxn-leak-txt p{margin:0;font-size:.88rem;color:var(--vxn-muted);}
.vxn-leak-foot{margin-top:22px;font-size:.95rem;color:var(--vxn-ink-2);border-left:2px solid var(--vxn-cyan);padding-left:16px;}

/* ============================ METHOD (10-step journey) ============================ */
.vxn-method-rail{position:relative;display:flex;gap:14px;overflow-x:auto;padding:30px 4px 18px;margin-top:38px;scroll-snap-type:x mandatory;
  -ms-overflow-style:none;scrollbar-width:thin;scrollbar-color:var(--vxn-line-2) transparent;}
.vxn-method-rail::-webkit-scrollbar{height:6px;}
.vxn-method-rail::-webkit-scrollbar-thumb{background:var(--vxn-line-2);border-radius:6px;}
.vxn-mprogress{position:absolute;top:14px;left:4px;right:4px;height:2px;background:var(--vxn-line);border-radius:2px;overflow:hidden;}
.vxn-mprogress i{position:absolute;inset:0;width:0;background:var(--vxn-grad-cta);box-shadow:0 0 12px rgba(192,132,252,.6);transition:width 1.4s var(--vxn-ease);}
.vxn-mstep{position:relative;scroll-snap-align:start;flex:0 0 auto;width:172px;padding:18px 16px 16px;border-radius:16px;}
.vxn-mstep .n{position:absolute;top:-11px;left:16px;font-family:var(--vxn-font-mono);font-size:.7rem;font-weight:700;color:var(--vxn-cyan);
  background:var(--vxn-deep);border:1px solid var(--vxn-line);padding:3px 7px;border-radius:7px;}
.vxn-mstep .ic{width:38px;height:38px;border-radius:11px;background:rgba(var(--ln),.1);display:flex;align-items:center;justify-content:center;margin-bottom:12px;color:var(--vxn-cyan);}
.vxn-mstep .ic svg{width:20px;height:20px;}
.vxn-mstep h4{font-family:var(--vxn-font-display);font-size:1rem;color:var(--vxn-ink);margin:0 0 6px;}
.vxn-mstep p{margin:0;font-size:.82rem;color:var(--vxn-muted);line-height:1.5;}
.vxn-mstep::after{content:"";position:absolute;right:-9px;top:54px;width:14px;height:14px;border-top:2px solid var(--vxn-line-2);border-right:2px solid var(--vxn-line-2);transform:rotate(45deg);opacity:.7;}
.vxn-mstep:last-child::after{display:none;}

/* ============================ STRATEGY BOARD ============================ */
.vxn-board-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:46px;align-items:center;margin-top:46px;}
.vxn-board{position:relative;aspect-ratio:1;width:100%;max-width:480px;margin-inline:auto;border-radius:24px;overflow:hidden;
  background:linear-gradient(160deg,rgba(var(--mk),.9),rgba(var(--mk),.92));border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);}
.vxn-board::before{content:"";position:absolute;inset:0;opacity:.5;
  background-image:repeating-conic-gradient(rgba(var(--ln),.05) 0% 25%,transparent 0% 50%);background-size:25% 25%;}
.vxn-board::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 45%,transparent 30%,rgba(var(--mk),.55) 100%);}
.vxn-piece{position:absolute;width:21%;aspect-ratio:1;transform:translate(-50%,-50%) scale(.3);opacity:0;
  transition:transform .9s var(--vxn-ease),opacity .7s;left:var(--x);top:var(--y);z-index:2;cursor:default;}
.vxn-board.is-placed .vxn-piece{transform:translate(-50%,-50%) scale(1);opacity:1;}
.vxn-piece-disc{position:absolute;inset:0;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;
  background:radial-gradient(circle at 35% 28%,rgba(var(--w),.22),rgba(var(--w),.03) 60%),linear-gradient(160deg,rgba(var(--mk),.9),rgba(var(--mk),.95));
  border:1px solid rgba(var(--w),.16);box-shadow:0 10px 24px -8px rgba(0,0,0,.7),inset 0 1px 1px rgba(var(--w),.25);
  transition:transform .3s,box-shadow .3s;}
.vxn-piece:hover .vxn-piece-disc{transform:translateY(-4px) scale(1.05);box-shadow:0 16px 30px -8px var(--pc,rgba(192,132,252,.5)),inset 0 1px 1px rgba(var(--w),.3);}
.vxn-piece-disc svg{width:34%;height:34%;color:var(--pc,var(--vxn-cyan));}
.vxn-piece-lbl{font-family:var(--vxn-font-mono);font-size:.5rem;letter-spacing:.04em;color:var(--vxn-ink-2);text-transform:uppercase;font-weight:700;}
.vxn-piece-glow{position:absolute;inset:-30%;border-radius:50%;background:radial-gradient(circle,var(--pc,rgba(192,132,252,.4)),transparent 65%);opacity:.4;filter:blur(6px);z-index:-1;}
.vxn-tip{position:absolute;left:50%;bottom:112%;transform:translateX(-50%) translateY(6px);width:max-content;max-width:180px;
  background:rgba(var(--mk),.96);border:1px solid var(--vxn-line-2);border-radius:10px;padding:9px 12px;font-size:.74rem;color:var(--vxn-ink-2);line-height:1.45;
  opacity:0;visibility:hidden;transition:opacity .25s,transform .25s,visibility .25s;z-index:5;box-shadow:0 12px 30px -10px rgba(0,0,0,.8);pointer-events:none;}
.vxn-tip b{color:var(--pc,var(--vxn-cyan));font-family:var(--vxn-font-display);}
.vxn-piece:hover .vxn-tip{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0);}
.vxn-legend{display:flex;flex-direction:column;gap:8px;margin-top:26px;}
.vxn-lrow{display:flex;align-items:center;gap:12px;padding:11px 14px;border-radius:12px;border:1px solid var(--vxn-line);background:rgba(var(--w),.018);transition:background .25s,border-color .25s;cursor:default;}
.vxn-lrow:hover{background:rgba(var(--ln),.06);border-color:var(--vxn-line-2);}
.vxn-lrow .sw{width:12px;height:12px;border-radius:50%;flex-shrink:0;box-shadow:0 0 10px currentColor;}
.vxn-lrow b{font-family:var(--vxn-font-display);color:var(--vxn-ink);font-size:.92rem;min-width:74px;}
.vxn-lrow span{font-size:.85rem;color:var(--vxn-muted);}

/* ============================ INDUSTRY JOURNEYS (health / hospitality) ============================ */
.vxn-jintro{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap;}
.vxn-journey{position:relative;margin:46px 0 40px;padding:34px 12px 30px;border-radius:20px;}
.vxn-jtrack{position:relative;display:flex;justify-content:space-between;gap:8px;padding-top:8px;}
.vxn-jline{position:absolute;top:30px;left:5%;right:5%;height:2px;background:var(--vxn-line);border-radius:2px;}
.vxn-jline i{position:absolute;inset:0;width:0;background:linear-gradient(90deg,var(--ac1),var(--ac2));box-shadow:0 0 10px var(--ac2);transition:width 1.8s var(--vxn-ease);}
.vxn-jnode{position:relative;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;flex:1;min-width:0;z-index:2;}
.vxn-jdot{width:46px;height:46px;border-radius:14px;background:var(--vxn-deep);border:1px solid var(--vxn-line-2);display:flex;align-items:center;justify-content:center;color:var(--ac2,var(--vxn-cyan));transition:box-shadow .4s,border-color .4s,transform .4s;}
.vxn-jdot svg{width:21px;height:21px;}
.vxn-journey.is-in .vxn-jnode:nth-child(1) .vxn-jdot{box-shadow:0 0 0 4px rgba(192,132,252,.08),0 0 20px -4px var(--ac2);border-color:var(--ac2);}
.vxn-jlabel{font-size:.78rem;font-weight:600;color:var(--vxn-ink-2);line-height:1.3;max-width:90px;}
.vxn-jsub{font-family:var(--vxn-font-mono);font-size:.62rem;letter-spacing:.04em;color:var(--vxn-faint);text-transform:uppercase;}
.vxn-token{position:absolute;top:30px;left:5%;width:18px;height:18px;border-radius:50%;transform:translate(-50%,-50%);z-index:3;
  background:radial-gradient(circle at 35% 30%,#fff,var(--ac2));box-shadow:0 0 16px var(--ac2);}
.vxn-journey.is-in .vxn-token{animation:vxn-ride 7s var(--vxn-ease) .4s infinite;}
@keyframes vxn-ride{0%{left:5%;}12%{left:5%;}22%{left:24%;}34%{left:24%;}44%{left:50%;}56%{left:50%;}66%{left:76%;}78%{left:76%;}88%{left:95%;}100%{left:95%;}}
.vxn-cap-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(225px,1fr));gap:16px;margin-top:6px;}
.vxn-cap{padding:20px 18px;border-radius:16px;transition:transform .35s var(--vxn-ease),border-color .35s;}
.vxn-cap:hover{transform:translateY(-5px);}
.vxn-cap .ic{width:40px;height:40px;border-radius:11px;display:flex;align-items:center;justify-content:center;margin-bottom:13px;
  background:rgba(192,132,252,.1);color:var(--ac2,var(--vxn-cyan));}
.vxn-cap .ic svg{width:21px;height:21px;}
.vxn-cap h4{font-family:var(--vxn-font-display);font-size:1.02rem;color:var(--vxn-ink);margin:0 0 7px;}
.vxn-cap p{margin:0;font-size:.86rem;color:var(--vxn-muted);}
.vxn-note{display:inline-flex;align-items:center;gap:8px;margin-top:24px;font-size:.8rem;color:var(--vxn-faint);font-family:var(--vxn-font-mono);}
.vxn-note::before{content:"";width:14px;height:1px;background:var(--vxn-faint);}

/* ============================ SEO WALKTHROUGH ============================ */
.vxn-seo-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:42px;align-items:center;margin-top:46px;}
.vxn-query-chips{display:flex;flex-wrap:wrap;gap:9px;margin:22px 0 26px;}
.vxn-qchip{font-size:.82rem;font-weight:600;color:var(--vxn-ink-2);padding:8px 14px;border-radius:10px;border:1px solid var(--vxn-line);background:rgba(var(--w),.02);transition:all .25s;}
.vxn-qchip.is-on{border-color:transparent;background:linear-gradient(135deg,#7c3aed,#a855f7);color:#fff;box-shadow:0 6px 16px -6px rgba(124,58,237,.55);}
.vxn-seo-labels{display:flex;flex-direction:column;gap:9px;}
.vxn-seolab{display:flex;align-items:center;gap:11px;font-size:.88rem;color:var(--vxn-faint);transition:color .3s;}
.vxn-seolab .tick{width:20px;height:20px;border-radius:6px;border:1px solid var(--vxn-line-2);display:flex;align-items:center;justify-content:center;transition:all .3s;}
.vxn-seolab .tick svg{width:12px;height:12px;opacity:0;transition:opacity .3s;}
.vxn-seolab.is-lit{color:var(--vxn-ink);}
.vxn-seolab.is-lit .tick{background:var(--vxn-green);border-color:var(--vxn-green);}
.vxn-seolab.is-lit .tick svg{opacity:1;color:#04140d;}

.vxn-browser{position:relative;border-radius:16px;overflow:hidden;border:1px solid var(--vxn-glass-brd);
  background:linear-gradient(180deg,rgba(var(--mk),.96),rgba(var(--mk),.98));box-shadow:var(--vxn-shadow);min-height:430px;}
.vxn-bbar{display:flex;align-items:center;gap:8px;padding:11px 14px;border-bottom:1px solid var(--vxn-line);background:rgba(var(--w),.02);}
.vxn-bdots{display:flex;gap:6px;}
.vxn-bdots i{width:10px;height:10px;border-radius:50%;background:rgba(var(--w),.18);}
.vxn-burl{flex:1;display:flex;align-items:center;gap:8px;background:rgba(0,0,0,.3);border:1px solid var(--vxn-line);border-radius:9px;padding:6px 12px;font-family:var(--vxn-font-mono);font-size:.76rem;color:var(--vxn-muted);}
.vxn-burl svg{width:12px;height:12px;color:var(--vxn-green);}
.vxn-bbody{position:relative;padding:22px;min-height:380px;}
.vxn-seo-screen{position:absolute;inset:0;padding:24px;opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .5s,transform .5s,visibility .5s;}
.vxn-seo-screen.is-on{opacity:1;visibility:visible;transform:none;}
.vxn-search-box{display:flex;align-items:center;gap:12px;background:#fff;border-radius:999px;padding:14px 22px;box-shadow:0 8px 30px -8px rgba(0,0,0,.5);max-width:440px;margin:60px auto 0;}
.vxn-search-box svg{width:20px;height:20px;color:#5f6368;flex-shrink:0;}
.vxn-search-q{font-family:var(--vxn-font-body);font-size:1.02rem;color:#202124;font-weight:500;}
.vxn-search-q .car{display:inline-block;width:2px;height:1.05em;background:#4285f4;margin-left:1px;vertical-align:-2px;animation:vxn-blink 1s step-end infinite;}
@keyframes vxn-blink{50%{opacity:0;}}
.vxn-search-hint{text-align:center;color:var(--vxn-faint);font-size:.82rem;margin-top:22px;}
.vxn-serp{display:grid;grid-template-columns:1.4fr .9fr;gap:18px;}
.vxn-serp-list{display:flex;flex-direction:column;gap:11px;}
.vxn-result{padding:13px 15px;border-radius:12px;border:1px solid var(--vxn-line);background:rgba(var(--w),.025);transition:transform .6s var(--vxn-ease),border-color .5s,background .5s;}
.vxn-result .u{font-size:.72rem;color:var(--vxn-green);font-family:var(--vxn-font-mono);}
.vxn-result .t{font-family:var(--vxn-font-display);font-size:.98rem;color:var(--vxn-blue-2);margin:3px 0 5px;}
.vxn-result .d{font-size:.78rem;color:var(--vxn-muted);}
.vxn-result.is-win{border-color:var(--vxn-cyan);background:rgba(192,132,252,.08);box-shadow:0 0 0 1px rgba(192,132,252,.3),0 14px 30px -12px rgba(192,132,252,.4);}
.vxn-result .badges{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px;opacity:0;max-height:0;overflow:hidden;transition:opacity .5s,max-height .5s;}
.vxn-result.is-win .badges{opacity:1;max-height:50px;}
.vxn-badge{font-size:.66rem;font-weight:700;padding:3px 8px;border-radius:6px;background:rgba(16,185,129,.14);color:var(--vxn-green);}
.vxn-badge.star{background:rgba(245,158,11,.16);color:var(--vxn-amber);}
.vxn-mappack{border-radius:12px;border:1px solid var(--vxn-line);background:linear-gradient(160deg,rgba(124,58,237,.18),rgba(91,33,182,.1));position:relative;overflow:hidden;min-height:180px;padding:12px;}
.vxn-mappack .ml{font-family:var(--vxn-font-mono);font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;color:var(--vxn-muted);margin-bottom:8px;}
.vxn-pin{position:absolute;width:22px;height:22px;}
.vxn-pin svg{width:100%;height:100%;color:var(--vxn-faint);}
.vxn-pin.win svg{color:var(--vxn-cyan);filter:drop-shadow(0 0 8px var(--vxn-cyan));}
.vxn-pin.win{animation:vxn-bob 2s ease-in-out infinite;}
@keyframes vxn-bob{0%,100%{transform:translateY(0);}50%{transform:translateY(-5px);}}
.vxn-landing{max-width:430px;margin:0 auto;}
.vxn-landing .lh{font-family:var(--vxn-font-display);font-size:1.15rem;color:var(--vxn-ink);font-weight:700;margin-bottom:6px;}
.vxn-landing .lp{font-size:.84rem;color:var(--vxn-muted);margin-bottom:16px;}
.vxn-lform{display:flex;flex-direction:column;gap:10px;background:rgba(var(--w),.03);border:1px solid var(--vxn-line);border-radius:14px;padding:16px;}
.vxn-lfield{height:38px;border-radius:9px;background:rgba(0,0,0,.25);border:1px solid var(--vxn-line);display:flex;align-items:center;padding:0 13px;font-size:.82rem;color:var(--vxn-muted);}
.vxn-lbtn{height:40px;border-radius:9px;background:var(--vxn-grad-cta);color:var(--vxn-cta-ink);font-weight:700;display:flex;align-items:center;justify-content:center;font-size:.88rem;}
.vxn-crm-toast{display:flex;align-items:center;gap:10px;margin-top:14px;padding:11px 14px;border-radius:11px;background:rgba(16,185,129,.1);border:1px solid rgba(16,185,129,.4);
  font-size:.84rem;color:var(--vxn-green);font-weight:600;opacity:0;transform:translateY(8px);transition:opacity .5s .3s,transform .5s .3s;}
.vxn-seo-screen.is-on .vxn-crm-toast{opacity:1;transform:none;}
.vxn-crm-toast svg{width:18px;height:18px;}
.vxn-steps-dots{display:flex;gap:8px;justify-content:center;margin-top:18px;}
.vxn-sdot{width:9px;height:9px;border-radius:50%;background:var(--vxn-line-2);transition:all .3s;border:0;padding:0;}
.vxn-sdot.is-on{background:var(--vxn-cyan);box-shadow:0 0 10px var(--vxn-cyan);width:26px;border-radius:5px;}

/* ============================ PAID ADS ============================ */
.vxn-ads-grid{display:grid;grid-template-columns:1fr 1fr;gap:42px;align-items:center;margin-top:46px;}
.vxn-adstack{display:flex;flex-direction:column;gap:14px;}
.vxn-adcard{position:relative;padding:15px 16px;border-radius:14px;overflow:hidden;}
.vxn-adcard .tag{display:inline-flex;align-items:center;gap:6px;font-size:.68rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--vxn-cyan);margin-bottom:9px;}
.vxn-adcard .tag .pl{width:7px;height:7px;border-radius:2px;background:var(--vxn-cyan);}
.vxn-adcard h5{font-family:var(--vxn-font-display);font-size:.98rem;color:var(--vxn-ink);margin:0 0 4px;}
.vxn-adcard p{margin:0 0 11px;font-size:.8rem;color:var(--vxn-muted);}
.vxn-adcard .row{display:flex;align-items:center;justify-content:space-between;}
.vxn-adcard .cta-mini{font-size:.76rem;font-weight:700;color:var(--vxn-cta-ink);background:var(--vxn-grad-cta);padding:6px 12px;border-radius:8px;}
.vxn-adcard .meta{font-family:var(--vxn-font-mono);font-size:.72rem;color:var(--vxn-faint);}
.vxn-ripple{position:absolute;width:14px;height:14px;border-radius:50%;background:var(--vxn-cyan);pointer-events:none;opacity:0;}
.vxn-flow{padding:22px;border-radius:18px;}
.vxn-flow-h{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;}
.vxn-flow-h .lab{font-family:var(--vxn-font-mono);font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;color:var(--vxn-muted);}
.vxn-frow{margin-bottom:15px;}
.vxn-frow .top{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:6px;}
.vxn-frow .k{font-size:.84rem;color:var(--vxn-ink-2);font-weight:600;}
.vxn-frow .v{font-family:var(--vxn-font-mono);font-weight:700;font-size:1.05rem;color:var(--vxn-ink);}
.vxn-frow .v.hl{color:var(--vxn-cyan);} .vxn-frow .v.gr{color:var(--vxn-green);}
.vxn-fbar{height:8px;border-radius:5px;background:rgba(var(--w),.05);overflow:hidden;}
.vxn-fbar i{display:block;height:100%;width:0;border-radius:5px;background:var(--vxn-grad-cta);transition:width 1.4s var(--vxn-ease);}
.vxn-fbar i.g{background:linear-gradient(90deg,var(--vxn-green),var(--vxn-cyan));}
.vxn-cpl{margin-top:6px;display:flex;align-items:center;gap:12px;}
.vxn-cpl svg{flex:1;height:46px;}
.vxn-cpl .cv{font-family:var(--vxn-font-mono);font-size:.8rem;color:var(--vxn-green);font-weight:700;}

/* ============================ WEBSITE BEFORE/AFTER ============================ */
.vxn-web-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:42px;align-items:center;margin-top:46px;}
.vxn-ba{position:relative;aspect-ratio:16/11;border-radius:18px;overflow:hidden;border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);
  --pos:50%;user-select:none;touch-action:pan-y;}
.vxn-ba-layer{position:absolute;inset:0;padding:20px;display:flex;flex-direction:column;}
.vxn-ba-after{background:linear-gradient(160deg,#0c1430,#0a1126);}
.vxn-ba-before{background:linear-gradient(160deg,#161922,#101319);clip-path:inset(0 calc(100% - var(--pos)) 0 0);}
.vxn-ba-tag{position:absolute;top:14px;font-family:var(--vxn-font-mono);font-size:.64rem;letter-spacing:.1em;text-transform:uppercase;padding:5px 10px;border-radius:7px;z-index:4;}
.vxn-ba-before .vxn-ba-tag{left:14px;background:rgba(244,63,94,.16);color:var(--vxn-red);}
.vxn-ba-after .vxn-ba-tag{right:14px;background:rgba(16,185,129,.16);color:var(--vxn-green);}
.vxn-ba-handle{position:absolute;top:0;bottom:0;left:var(--pos);width:2px;background:var(--vxn-cyan);box-shadow:0 0 14px var(--vxn-cyan);z-index:5;transform:translateX(-1px);}
.vxn-ba-knob{position:absolute;top:50%;left:var(--pos);transform:translate(-50%,-50%);width:38px;height:38px;border-radius:50%;background:var(--vxn-deep);border:2px solid var(--vxn-cyan);display:flex;align-items:center;justify-content:center;z-index:6;box-shadow:0 6px 18px -4px rgba(0,0,0,.6);}
.vxn-ba-knob svg{width:18px;height:18px;color:var(--vxn-cyan);}
.vxn-ba input[type=range]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;z-index:7;margin:0;}
.vxn-mock-head{height:14px;width:55%;border-radius:4px;background:rgba(var(--w),.18);margin-bottom:10px;}
.vxn-mock-line{height:8px;border-radius:4px;background:rgba(var(--w),.08);margin-bottom:7px;}
.vxn-mock-cta{margin-top:auto;height:34px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:.74rem;font-weight:700;}
.vxn-mock-cta.weak{background:rgba(var(--w),.08);color:var(--vxn-muted);width:40%;}
.vxn-mock-cta.strong{background:var(--vxn-grad-cta);color:var(--vxn-cta-ink);width:70%;box-shadow:0 8px 22px -6px rgba(124,58,237,.6);}
.vxn-mock-badges{display:flex;gap:6px;margin-top:10px;}
.vxn-mock-badges span{height:18px;flex:1;border-radius:5px;background:rgba(16,185,129,.18);}
.vxn-web-compare{display:grid;grid-template-columns:1fr;gap:8px;}
.vxn-wc-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:center;padding:11px 14px;border-radius:11px;border:1px solid var(--vxn-line);background:rgba(var(--w),.015);}
.vxn-wc-b,.vxn-wc-a{display:flex;align-items:center;gap:8px;font-size:.82rem;}
.vxn-wc-b{color:var(--vxn-muted);} .vxn-wc-a{color:var(--vxn-ink-2);font-weight:600;}
.vxn-wc-b svg,.vxn-wc-a svg{width:15px;height:15px;flex-shrink:0;}
.vxn-wc-b svg{color:var(--vxn-red);} .vxn-wc-a svg{color:var(--vxn-green);}

/* ============================ CRM + AUTOMATION ============================ */
.vxn-crm-pipe{position:relative;display:flex;justify-content:space-between;gap:6px;margin:46px 0 30px;padding-top:10px;}
.vxn-crm-line{position:absolute;top:34px;left:4%;right:4%;height:2px;background:var(--vxn-line);}
.vxn-crm-line i{position:absolute;inset:0;width:0;background:linear-gradient(90deg,var(--vxn-violet),var(--vxn-cyan));box-shadow:0 0 10px var(--vxn-cyan);transition:width .5s linear;}
.vxn-cnode{position:relative;flex:1;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;z-index:2;min-width:0;}
.vxn-cring{width:50px;height:50px;border-radius:15px;background:var(--vxn-deep);border:1px solid var(--vxn-line-2);display:flex;align-items:center;justify-content:center;color:var(--vxn-muted);transition:all .4s;}
.vxn-cring svg{width:22px;height:22px;}
.vxn-cnode.is-done .vxn-cring{border-color:var(--vxn-green);color:var(--vxn-green);box-shadow:0 0 18px -4px var(--vxn-green);}
.vxn-cnode.is-active .vxn-cring{border-color:var(--vxn-cyan);color:var(--vxn-cyan);box-shadow:0 0 0 4px rgba(192,132,252,.1),0 0 22px -2px var(--vxn-cyan);transform:scale(1.08);}
.vxn-clabel{font-size:.74rem;font-weight:600;color:var(--vxn-ink-2);max-width:84px;line-height:1.3;}
.vxn-lead-chip{position:absolute;top:-8px;left:4%;transform:translateX(-50%);display:flex;align-items:center;gap:7px;
  background:rgba(var(--mk),.96);border:1px solid var(--vxn-cyan);border-radius:999px;padding:5px 12px 5px 8px;font-size:.74rem;font-weight:700;color:var(--vxn-ink);
  box-shadow:0 8px 22px -6px rgba(192,132,252,.5);z-index:4;transition:left .6s var(--vxn-ease);white-space:nowrap;}
.vxn-lead-chip .av{width:18px;height:18px;border-radius:50%;background:var(--vxn-grad-violet);display:flex;align-items:center;justify-content:center;font-size:.6rem;color:#fff;}
.vxn-recover{margin-top:14px;display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:18px;border-radius:16px;}
.vxn-recover .rt{font-family:var(--vxn-font-mono);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--vxn-amber);width:100%;margin-bottom:4px;}
.vxn-rstep{display:flex;align-items:center;gap:8px;font-size:.84rem;font-weight:600;color:var(--vxn-ink-2);padding:9px 14px;border-radius:10px;border:1px solid var(--vxn-line);background:rgba(var(--w),.02);opacity:.4;transition:opacity .4s,border-color .4s,transform .4s;}
.vxn-rstep.is-on{opacity:1;border-color:var(--vxn-amber);transform:translateY(-2px);}
.vxn-rstep svg{width:16px;height:16px;color:var(--vxn-amber);}
.vxn-rarrow{color:var(--vxn-faint);}
.vxn-rarrow svg{width:16px;height:16px;}

/* ============================ EXCLUSIVITY (territory lock) ============================ */
.vxn-excl-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:46px;align-items:center;margin-top:40px;}
.vxn-map{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:22px;border-radius:20px;}
.vxn-cell{position:relative;aspect-ratio:1;border-radius:14px;border:1px solid var(--vxn-line);background:rgba(var(--w),.02);
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;text-align:center;padding:8px;transition:all .5s;overflow:hidden;}
.vxn-cell .cl{font-size:.66rem;font-weight:600;color:var(--vxn-muted);line-height:1.25;}
.vxn-cell .ci{width:22px;height:22px;color:var(--vxn-faint);transition:color .4s;}
.vxn-cell .ci svg{width:100%;height:100%;}
.vxn-cell.is-taken{opacity:.4;}
.vxn-cell.is-taken .stamp{position:absolute;font-family:var(--vxn-font-mono);font-size:.6rem;letter-spacing:.1em;color:var(--vxn-red);border:1px solid var(--vxn-red);padding:2px 6px;border-radius:5px;transform:rotate(-12deg);opacity:0;transition:opacity .5s;}
.vxn-cell.is-taken.show .stamp{opacity:.85;}
.vxn-cell.is-yours{border-color:var(--vxn-cyan);background:linear-gradient(160deg,rgba(192,132,252,.14),rgba(192,132,252,.04));box-shadow:0 0 0 1px rgba(192,132,252,.4),0 14px 34px -12px rgba(192,132,252,.5);}
.vxn-cell.is-yours .ci{color:var(--vxn-cyan);}
.vxn-cell.is-yours .cl{color:#fff;}
.vxn-lock{opacity:0;transform:scale(.5);transition:opacity .4s,transform .4s;}
.vxn-cell.is-yours.locked .vxn-lock{opacity:1;transform:scale(1);}
.vxn-sweep{position:absolute;inset:0;pointer-events:none;border-radius:20px;overflow:hidden;}
.vxn-sweep::before{content:"";position:absolute;top:-50%;left:-50%;width:60%;height:200%;
  background:linear-gradient(90deg,transparent,rgba(192,132,252,.12),transparent);transform:rotate(18deg);animation:vxn-scan 5s linear infinite;}
@keyframes vxn-scan{0%{left:-60%;}100%{left:120%;}}
.vxn-excl-pts{display:flex;flex-direction:column;gap:12px;margin:24px 0;}
.vxn-ep{display:flex;gap:12px;align-items:flex-start;}
.vxn-ep .epi{width:34px;height:34px;border-radius:10px;background:rgba(192,132,252,.1);color:var(--vxn-cyan);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.vxn-ep .epi svg{width:18px;height:18px;}
.vxn-ep b{font-family:var(--vxn-font-display);color:var(--vxn-ink);font-size:.95rem;display:block;}
.vxn-ep span{font-size:.85rem;color:var(--vxn-muted);}

/* ============================ REPORTING DASHBOARD ============================ */
.vxn-dashboard{margin-top:46px;padding:26px;border-radius:24px;}
.vxn-db-top{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:22px;}
.vxn-db-title{display:flex;align-items:center;gap:12px;}
.vxn-db-title .dt{font-family:var(--vxn-font-display);font-weight:700;color:var(--vxn-ink);font-size:1.05rem;}
.vxn-db-title .live{display:inline-flex;align-items:center;gap:7px;font-family:var(--vxn-font-mono);font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;color:var(--vxn-green);}
.vxn-db-title .live i{width:7px;height:7px;border-radius:50%;background:var(--vxn-green);box-shadow:0 0 9px var(--vxn-green);animation:vxn-pulse 1.8s infinite;}
.vxn-db-range{display:flex;gap:6px;}
.vxn-db-range span{font-size:.72rem;font-weight:600;color:var(--vxn-muted);padding:6px 11px;border-radius:8px;border:1px solid var(--vxn-line);}
.vxn-db-range span.on{background:rgba(192,132,252,.12);color:#fff;border-color:var(--vxn-cyan);}
.vxn-kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:13px;margin-bottom:18px;}
.vxn-kpi{padding:15px 16px;border-radius:14px;border:1px solid var(--vxn-line);background:rgba(var(--w),.02);}
.vxn-kpi .k{font-size:.72rem;color:var(--vxn-faint);font-weight:600;text-transform:uppercase;letter-spacing:.03em;margin-bottom:7px;display:flex;align-items:center;gap:6px;}
.vxn-kpi .k svg{width:13px;height:13px;}
.vxn-kpi .v{font-family:var(--vxn-font-mono);font-weight:700;font-size:1.4rem;color:var(--vxn-ink);line-height:1.1;font-variant-numeric:tabular-nums;}
.vxn-kpi .v.c{color:var(--vxn-cyan);} .vxn-kpi .v.g{color:var(--vxn-green);} .vxn-kpi .v.a{color:var(--vxn-amber);}
.vxn-kpi .delta{font-size:.72rem;font-weight:700;margin-top:4px;}
.vxn-kpi .delta.up{color:var(--vxn-green);} .vxn-kpi .delta.down{color:var(--vxn-green);}
.vxn-db-charts{display:grid;grid-template-columns:1.5fr 1fr;gap:14px;}
.vxn-chartcard{padding:18px;border-radius:14px;border:1px solid var(--vxn-line);background:rgba(var(--w),.018);}
.vxn-chartcard .ct{font-size:.78rem;color:var(--vxn-muted);font-weight:600;margin-bottom:16px;display:flex;justify-content:space-between;}
.vxn-bars{display:flex;align-items:flex-end;gap:9px;height:120px;}
.vxn-bar{flex:1;border-radius:6px 6px 0 0;background:linear-gradient(180deg,var(--vxn-cyan),rgba(124,58,237,.4));height:0;transition:height 1.1s var(--vxn-ease);min-height:4px;position:relative;}
.vxn-bar:nth-child(even){background:linear-gradient(180deg,var(--vxn-violet),rgba(124,58,237,.4));}
.vxn-bars-x{display:flex;gap:9px;margin-top:8px;}
.vxn-bars-x span{flex:1;text-align:center;font-family:var(--vxn-font-mono);font-size:.58rem;color:var(--vxn-faint);}
.vxn-donut{display:flex;align-items:center;gap:16px;}
.vxn-donut svg{width:104px;height:104px;flex-shrink:0;}
.vxn-donut .leg{display:flex;flex-direction:column;gap:8px;}
.vxn-donut .lg{display:flex;align-items:center;gap:8px;font-size:.76rem;color:var(--vxn-ink-2);}
.vxn-donut .lg i{width:9px;height:9px;border-radius:3px;}

/* ============================ SERVICES ============================ */
.vxn-svc-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(232px,1fr));gap:15px;margin-top:46px;}
.vxn-svc{padding:20px;border-radius:16px;transition:transform .4s var(--vxn-ease),border-color .4s;}
.vxn-svc:hover{transform:translateY(-5px);}
.vxn-svc .ic{width:40px;height:40px;border-radius:11px;background:rgba(var(--ln),.1);color:var(--vxn-cyan);display:flex;align-items:center;justify-content:center;margin-bottom:13px;}
.vxn-svc .ic svg{width:21px;height:21px;}
.vxn-svc h4{font-family:var(--vxn-font-display);font-size:1.02rem;color:var(--vxn-ink);margin:0 0 7px;}
.vxn-svc .cr{font-size:.74rem;font-weight:700;color:var(--vxn-green);text-transform:uppercase;letter-spacing:.04em;margin-bottom:5px;font-family:var(--vxn-font-mono);}
.vxn-svc p{margin:0;font-size:.84rem;color:var(--vxn-muted);}

/* ============================ CASE STUDIES ============================ */
.vxn-case-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px;margin-top:46px;}
.vxn-case{padding:24px;border-radius:18px;transition:transform .4s var(--vxn-ease);}
.vxn-case:hover{transform:translateY(-6px);}
.vxn-case .ind{display:inline-flex;align-items:center;gap:8px;font-size:.74rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--vxn-cyan);margin-bottom:18px;}
.vxn-case .ind .d{width:8px;height:8px;border-radius:50%;background:var(--vxn-cyan);box-shadow:0 0 8px var(--vxn-cyan);}
.vxn-cstat{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:13px 0;border-bottom:1px solid var(--vxn-line);}
.vxn-cstat:last-of-type{border-bottom:0;}
.vxn-cstat .cv{font-family:var(--vxn-font-mono);font-weight:700;font-size:1.5rem;color:var(--vxn-ink);font-variant-numeric:tabular-nums;}
.vxn-cstat .cv.g{color:var(--vxn-green);} .vxn-cstat .cv.c{color:var(--vxn-cyan);}
.vxn-cstat .cl{font-size:.8rem;color:var(--vxn-muted);text-align:right;max-width:54%;}

/* ============================ PROCESS TIMELINE ============================ */
.vxn-timeline{position:relative;max-width:780px;margin:46px auto 0;padding-left:42px;}
.vxn-timeline::before{content:"";position:absolute;left:15px;top:8px;bottom:8px;width:2px;background:var(--vxn-line);}
.vxn-tline-fill{position:absolute;left:15px;top:8px;width:2px;height:0;background:linear-gradient(180deg,var(--vxn-cyan),var(--vxn-violet));box-shadow:0 0 12px var(--vxn-cyan);transition:height 1.6s var(--vxn-ease);}
.vxn-tstep{position:relative;padding:0 0 30px;}
.vxn-tstep:last-child{padding-bottom:0;}
.vxn-tstep .tn{position:absolute;left:-42px;top:0;width:32px;height:32px;border-radius:10px;background:var(--vxn-deep);border:1px solid var(--vxn-line-2);
  display:flex;align-items:center;justify-content:center;font-family:var(--vxn-font-mono);font-size:.78rem;font-weight:700;color:var(--vxn-cyan);}
.vxn-tstep h4{font-family:var(--vxn-font-display);font-size:1.08rem;color:var(--vxn-ink);margin:2px 0 5px;}
.vxn-tstep p{margin:0;font-size:.88rem;color:var(--vxn-muted);}

/* ============================ FINAL CTA ============================ */
.vxn-final{position:relative;text-align:center;padding-block:clamp(80px,13vh,150px);overflow:hidden;}
.vxn-final-orb{position:absolute;top:50%;left:50%;width:520px;height:520px;transform:translate(-50%,-50%);z-index:0;pointer-events:none;
  background:radial-gradient(circle,rgba(192,132,252,.18),rgba(124,58,237,.08) 40%,transparent 70%);}
.vxn-final-inner{position:relative;z-index:2;max-width:720px;margin-inline:auto;}
.vxn-final h2{margin-bottom:20px;}
.vxn-final-cta{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;margin-top:32px;}
.vxn-final-trust{margin-top:24px;font-size:.85rem;color:var(--vxn-faint);font-family:var(--vxn-font-mono);}

/* ============================ FOOTER ============================ */
.vxn-footer{position:relative;border-top:1px solid var(--vxn-line);padding-top:60px;padding-bottom:34px;}
.vxn-foot-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:36px;}
.vxn-foot-brand .vxn-brand{margin-bottom:14px;}
.vxn-foot-brand p{font-size:.88rem;color:var(--vxn-muted);max-width:30ch;}
.vxn-foot-col h5{font-family:var(--vxn-font-mono);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--vxn-faint);margin:0 0 16px;}
.vxn-foot-col a{display:block;font-size:.88rem;color:var(--vxn-ink-2);padding:5px 0;transition:color .25s;}
.vxn-foot-col a:hover{color:var(--vxn-cyan);}
.vxn-foot-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:44px;padding-top:22px;border-top:1px solid var(--vxn-line);}
.vxn-foot-bottom .lg{font-size:.8rem;color:var(--vxn-faint);}
.vxn-foot-bottom .disc{font-size:.76rem;color:var(--vxn-faint);max-width:48ch;}

/* ============================ STICKY MOBILE CTA ============================ */
.vxn-sticky{position:fixed;left:14px;right:14px;bottom:14px;z-index:70;display:none;transform:translateY(140%);transition:transform .45s var(--vxn-ease);}
.vxn-sticky.is-on{transform:none;}
.vxn-sticky a{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;background:var(--vxn-grad-cta);color:var(--vxn-cta-ink);
  font-family:var(--vxn-font-display);font-weight:700;padding:15px;border-radius:14px;box-shadow:0 14px 40px -8px rgba(124,58,237,.7);}
.vxn-sticky a svg{width:18px;height:18px;}

/* ============================ RESPONSIVE ============================ */
@media(max-width:980px){
  .vxn-hero-grid,.vxn-leak-grid,.vxn-board-grid,.vxn-seo-grid,.vxn-ads-grid,.vxn-web-grid,.vxn-excl-grid{grid-template-columns:1fr;gap:38px;}
  .vxn-engine{max-width:440px;order:-1;}
  .vxn-board,.vxn-funnel-stage{max-width:420px;}
  .vxn-db-charts{grid-template-columns:1fr;}
  .vxn-foot-grid{grid-template-columns:1fr 1fr;gap:30px;}
  .vxn-foot-brand{grid-column:1/-1;}
}
@media(max-width:680px){
  .vxn-section{padding-block:clamp(58px,9vh,86px);}
  .vxn-jtrack,.vxn-crm-pipe{overflow-x:auto;justify-content:flex-start;gap:18px;padding-bottom:10px;}
  .vxn-jnode,.vxn-cnode{flex:0 0 96px;}
  .vxn-jline,.vxn-token,.vxn-crm-line{display:none;}
  .vxn-serp{grid-template-columns:1fr;}
  .vxn-foot-grid{grid-template-columns:1fr;}
  .vxn-sticky{display:block;}
  .vxn-foot-bottom{flex-direction:column;align-items:flex-start;}
}

/* ============================ REDUCED MOTION ============================ */
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important;}
  .vxn-reveal{opacity:1!important;transform:none!important;}
  .vxn-piece{opacity:1!important;transform:translate(-50%,-50%) scale(1)!important;}
  .vxn-token,.vxn-sweep::before,.vxn-pin.win{animation:none!important;}
}
/* =====================================================================
   v2 COMPONENT LAYER  (overrides win by source order)
   ===================================================================== */

/* header surface tokens */
:root{ --vxn-header:rgba(255,255,255,0.70); --vxn-header-2:rgba(255,255,255,0.90); }
:root[data-theme="dark"]{ --vxn-header:rgba(12,9,26,0.66); --vxn-header-2:rgba(12,9,26,0.88); }

/* focus ring (a11y) */
:where(a,button,input,select,textarea,[tabindex]):focus-visible{
  outline:2px solid var(--vxn-blue);outline-offset:2px;border-radius:6px;}

/* ----- smaller headings ----- */
.vxn-h1{font-size:clamp(2.0rem,4.6vw,3.4rem);}
.vxn-h2{font-size:clamp(1.5rem,3vw,2.15rem);}
.vxn-h3{font-size:clamp(1.05rem,1.7vw,1.25rem);}

/* SVG funnel labels (theme-aware fills) */
.vxn-fn-strong{fill:var(--vxn-ink);}
.vxn-fn-mid{fill:var(--vxn-ink-2);}

/* ----- ambient atmosphere : theme-aware ----- */
.vxn-atmos{background:
  radial-gradient(1100px 720px at 82% -12%, rgba(124,58,237,0.06), transparent 58%),
  radial-gradient(880px 680px at 2% 6%, rgba(168,85,247,0.05), transparent 60%),
  radial-gradient(1000px 820px at 60% 114%, rgba(192,132,252,0.045), transparent 55%),
  var(--vxn-void);}
:root[data-theme="dark"] .vxn-atmos{background:
  radial-gradient(1100px 720px at 80% -10%, rgba(124,58,237,0.24), transparent 60%),
  radial-gradient(900px 700px at 4% 8%, rgba(139,92,246,0.17), transparent 60%),
  radial-gradient(1000px 820px at 60% 112%, rgba(192,132,252,0.11), transparent 55%),
  var(--vxn-void);}
.vxn-grain{opacity:.022;}
:root[data-theme="dark"] .vxn-grain{opacity:.04;}

/* ===================================================================
   NEW HEADER  (.vxn-hd-*)  — clean, sticky, conventional-premium
   =================================================================== */
.vxn-hd{position:sticky;top:0;z-index:100;
  background:var(--vxn-header);
  -webkit-backdrop-filter:saturate(150%) blur(16px);backdrop-filter:saturate(150%) blur(16px);
  border-bottom:1px solid var(--vxn-line);
  transition:background .3s var(--vxn-ease),border-color .3s,box-shadow .3s;}
.vxn-hd.is-scrolled{background:var(--vxn-header-2);
  box-shadow:0 12px 34px -20px rgba(76,29,149,.4);border-bottom-color:var(--vxn-glass-brd);}
.vxn-hd-bar{max-width:var(--vxn-shell);margin:0 auto;padding:15px 22px;
  display:flex;align-items:center;gap:16px;transition:padding .3s var(--vxn-ease);}
.vxn-hd.is-scrolled .vxn-hd-bar{padding:9px 22px;}
.vxn-hd-brand{display:inline-flex;align-items:center;gap:11px;margin-right:auto;}
.vxn-hd-mark{width:34px;height:34px;flex:none;}
.vxn-hd-word{font-family:var(--vxn-font-display);font-weight:800;letter-spacing:.16em;
  font-size:1.05rem;color:var(--vxn-ink);}
.vxn-hd-nav{display:flex;align-items:center;gap:2px;}
.vxn-hd-link{position:relative;padding:9px 14px;border-radius:10px;font-weight:600;
  font-size:.94rem;color:var(--vxn-muted);transition:color .2s;}
.vxn-hd-link::after{content:"";position:absolute;left:14px;right:14px;bottom:5px;height:2px;border-radius:2px;
  background:var(--vxn-grad-cta);transform:scaleX(0);transform-origin:left;transition:transform .26s var(--vxn-ease);}
.vxn-hd-link:hover{color:var(--vxn-ink);}
.vxn-hd-link:hover::after{transform:scaleX(1);}
.vxn-hd-actions{display:flex;align-items:center;gap:10px;}
.vxn-hd-toggle{width:40px;height:40px;border-radius:11px;display:inline-grid;place-items:center;
  background:var(--vxn-glass-2);border:1px solid var(--vxn-glass-brd);color:var(--vxn-ink-2);
  transition:transform .2s,border-color .2s,color .2s;}
.vxn-hd-toggle:hover{color:var(--vxn-blue);border-color:var(--vxn-blue);transform:translateY(-1px);}
.vxn-hd-toggle svg{width:19px;height:19px;}
.vxn-hd-toggle .vxn-ic-moon{display:none;}
:root[data-theme="dark"] .vxn-hd-toggle .vxn-ic-sun{display:none;}
:root[data-theme="dark"] .vxn-hd-toggle .vxn-ic-moon{display:block;}
.vxn-hd-cta{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:11px;
  font-weight:700;font-size:.92rem;background:var(--vxn-grad-cta);color:var(--vxn-cta-ink);
  box-shadow:var(--vxn-glow-cta);transition:transform .2s,box-shadow .2s;}
.vxn-hd-cta:hover{transform:translateY(-1px);box-shadow:0 20px 46px -14px rgba(124,58,237,.6);}
.vxn-hd-burger{display:none;width:42px;height:42px;border-radius:11px;
  background:var(--vxn-glass-2);border:1px solid var(--vxn-glass-brd);color:var(--vxn-ink);
  align-items:center;justify-content:center;}
.vxn-hd-burger svg{width:22px;height:22px;}
.vxn-hd-mobile{display:none;}
@media (max-width:860px){
  .vxn-hd-nav,.vxn-hd-cta{display:none;}
  .vxn-hd-burger{display:inline-flex;}
  .vxn-hd-mobile{display:block;max-height:0;overflow:hidden;
    transition:max-height .38s var(--vxn-ease);
    background:var(--vxn-header-2);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);
    border-bottom:1px solid var(--vxn-line);}
  .vxn-hd-mobile.is-open{max-height:460px;}
  .vxn-hd-mlist{max-width:var(--vxn-shell);margin:0 auto;padding:8px 22px 22px;
    display:flex;flex-direction:column;gap:4px;}
  .vxn-hd-mlink{padding:14px 12px;border-radius:12px;font-weight:600;color:var(--vxn-ink-2);
    border:1px solid transparent;transition:background .2s,border-color .2s;}
  .vxn-hd-mlink:hover{background:var(--vxn-glass-2);border-color:var(--vxn-glass-brd);}
  .vxn-hd-mcta{margin-top:10px;justify-content:center;display:inline-flex;align-items:center;gap:8px;
    padding:15px 18px;border-radius:12px;font-weight:700;background:var(--vxn-grad-cta);
    color:var(--vxn-cta-ink);box-shadow:var(--vxn-glow-cta);}
}

/* ===================================================================
   IMAGES — real photos with graceful purple fallbacks
   =================================================================== */
.vxn-figure{position:relative;border-radius:var(--vxn-r);overflow:hidden;
  border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);background:var(--vxn-panel-2);}
.vxn-figure img{width:100%;height:100%;object-fit:cover;display:block;}
.vxn-ph{position:absolute;inset:0;display:none;align-items:center;justify-content:center;
  background:linear-gradient(150deg,#2a1d4d 0%,#7c3aed 60%,#a855f7 100%);color:#fff;}
.vxn-ph svg{width:40%;height:40%;opacity:.92;}
.vxn-figtag{position:absolute;left:13px;bottom:13px;z-index:2;display:inline-flex;align-items:center;gap:7px;
  padding:7px 13px;border-radius:999px;font-size:.76rem;font-weight:700;letter-spacing:.02em;color:#fff;
  background:rgba(11,8,24,.46);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
  border:1px solid rgba(255,255,255,.20);}
.vxn-ind-figure{aspect-ratio:4/3;margin-top:22px;}
.vxn-avatars{display:flex;align-items:center;}
.vxn-avatar{width:42px;height:42px;border-radius:50%;overflow:hidden;position:relative;flex:none;
  border:2px solid var(--vxn-panel);margin-left:-11px;
  background:linear-gradient(150deg,#7c3aed,#c084fc);box-shadow:0 2px 9px -2px rgba(76,29,149,.5);}
.vxn-avatar:first-child{margin-left:0;}
.vxn-avatar img{width:100%;height:100%;object-fit:cover;display:block;}
.vxn-avatar .vxn-ph{font-weight:800;font-size:.88rem;font-family:var(--vxn-font-display);}
.vxn-case-avatar{width:48px;height:48px;border-radius:50%;overflow:hidden;position:relative;flex:none;
  border:1px solid var(--vxn-glass-brd);background:linear-gradient(150deg,#7c3aed,#c084fc);}
.vxn-case-avatar img{width:100%;height:100%;object-fit:cover;display:block;}
.vxn-case-avatar .vxn-ph{font-weight:800;font-family:var(--vxn-font-display);}
.vxn-case-person{display:flex;align-items:center;gap:12px;margin-bottom:16px;}
.vxn-case-person .nm{font-family:var(--vxn-font-display);font-weight:700;font-size:.92rem;color:var(--vxn-ink);line-height:1.2;}
.vxn-case-person .rl{font-size:.8rem;color:var(--vxn-muted);}
.vxn-hero-proof{display:flex;align-items:center;gap:14px;margin-top:26px;flex-wrap:wrap;}
.vxn-hero-proof .txt{font-size:.86rem;color:var(--vxn-muted);max-width:24ch;line-height:1.45;}
.vxn-hero-proof .txt b{color:var(--vxn-ink-2);font-weight:700;}

/* ===================================================================
   NEW FOOTER  (.vxn-ft-*)
   =================================================================== */
.vxn-ft{position:relative;margin-top:96px;
  background:linear-gradient(180deg,var(--vxn-deep),var(--vxn-void));
  border-top:1px solid var(--vxn-line);}
.vxn-ft-cta{max-width:var(--vxn-shell);margin:0 auto;padding:58px 22px 8px;
  display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:26px;}
.vxn-ft-cta-copy h2{font-family:var(--vxn-font-display);font-weight:800;
  font-size:clamp(1.5rem,3vw,2.15rem);color:var(--vxn-ink);margin:0;letter-spacing:-.02em;
  max-width:20ch;line-height:1.12;}
.vxn-ft-cta-copy p{color:var(--vxn-muted);margin:10px 0 0;max-width:44ch;}
.vxn-ft-cta-btn{display:inline-flex;align-items:center;gap:9px;padding:15px 26px;border-radius:13px;
  font-weight:700;background:var(--vxn-grad-cta);color:var(--vxn-cta-ink);box-shadow:var(--vxn-glow-cta);
  white-space:nowrap;transition:transform .2s,box-shadow .2s;}
.vxn-ft-cta-btn:hover{transform:translateY(-2px);box-shadow:0 22px 50px -14px rgba(124,58,237,.6);}
.vxn-ft-grid{max-width:var(--vxn-shell);margin:34px auto 0;padding:42px 22px;
  display:grid;grid-template-columns:1.7fr 1fr 1fr 1fr;gap:32px;border-top:1px solid var(--vxn-line);}
.vxn-ft-brand p{color:var(--vxn-muted);font-size:.92rem;max-width:34ch;line-height:1.65;margin:14px 0 0;}
.vxn-ft-col h4{font-family:var(--vxn-font-display);font-size:.78rem;letter-spacing:.13em;
  text-transform:uppercase;color:var(--vxn-faint);margin:2px 0 14px;}
.vxn-ft-col a{display:block;color:var(--vxn-ink-2);font-size:.92rem;padding:7px 0;transition:color .2s;}
.vxn-ft-col a:hover{color:var(--vxn-blue);}
.vxn-ft-disc{max-width:var(--vxn-shell);margin:0 auto;padding:0 22px 26px;}
.vxn-ft-disc p{color:var(--vxn-faint);font-size:.78rem;line-height:1.65;
  border-top:1px dashed var(--vxn-line);padding-top:20px;margin:0;}
.vxn-ft-bottom{border-top:1px solid var(--vxn-line);}
.vxn-ft-bottom-in{max-width:var(--vxn-shell);margin:0 auto;padding:22px;
  display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;}
.vxn-ft-copy{color:var(--vxn-faint);font-size:.85rem;}
.vxn-ft-social{display:flex;gap:10px;}
.vxn-ft-social a{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;
  background:var(--vxn-glass-2);border:1px solid var(--vxn-glass-brd);color:var(--vxn-ink-2);
  transition:color .2s,border-color .2s,transform .2s;}
.vxn-ft-social a:hover{color:var(--vxn-blue);border-color:var(--vxn-blue);transform:translateY(-2px);}
.vxn-ft-social svg{width:18px;height:18px;}
@media (max-width:780px){.vxn-ft-grid{grid-template-columns:1fr 1fr;}.vxn-ft-brand{grid-column:1/-1;}}
@media (max-width:480px){.vxn-ft-grid{grid-template-columns:1fr;}}

.vxn-leak-money{margin-top:18px;padding:18px 20px;border-radius:16px;text-align:center;
  background:linear-gradient(160deg,rgba(244,63,94,.10),rgba(124,58,237,.06));
  border:1px solid var(--vxn-glass-brd);}
.vxn-leak-money .big{display:block;font-family:var(--vxn-font-display);font-weight:800;
  font-size:clamp(1.6rem,3vw,2.1rem);color:var(--vxn-red);letter-spacing:-.02em;}
.vxn-leak-money .sub{display:block;margin-top:6px;font-size:.84rem;color:var(--vxn-muted);line-height:1.5;}

/* ===================================================================
   ABOUT SECTION
   =================================================================== */
.vxn-about-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:46px;align-items:center;margin-top:42px;}
.vxn-about-figure{position:relative;border-radius:var(--vxn-r);overflow:hidden;
  border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);background:var(--vxn-panel-2);aspect-ratio:4/3;}
.vxn-about-figure img{width:100%;height:100%;object-fit:cover;display:block;}
.vxn-about-badge{position:absolute;left:16px;bottom:16px;z-index:2;display:flex;align-items:center;gap:12px;
  padding:12px 16px;border-radius:14px;background:rgba(11,8,24,.55);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
  border:1px solid rgba(255,255,255,.18);}
.vxn-about-badge .n{font-family:var(--vxn-font-display);font-weight:800;font-size:1.3rem;color:#fff;line-height:1;}
.vxn-about-badge .l{font-size:.74rem;color:rgba(255,255,255,.8);line-height:1.3;}
.vxn-about-lead{font-size:1.05rem;color:var(--vxn-ink-2);line-height:1.7;margin:18px 0 0;}
.vxn-about-lead b{color:var(--vxn-ink);font-weight:700;}
.vxn-about-points{display:grid;gap:14px;margin-top:24px;}
.vxn-about-point{display:flex;gap:13px;align-items:flex-start;}
.vxn-about-point .ic{width:34px;height:34px;flex:none;border-radius:10px;display:grid;place-items:center;
  background:linear-gradient(150deg,rgba(124,58,237,.16),rgba(192,132,252,.10));color:var(--vxn-blue);border:1px solid var(--vxn-glass-brd);}
.vxn-about-point .ic svg{width:18px;height:18px;}
.vxn-about-point h4{font-family:var(--vxn-font-display);font-weight:600;font-size:.98rem;color:var(--vxn-ink);margin:2px 0 3px;}
.vxn-about-point p{font-size:.88rem;color:var(--vxn-muted);line-height:1.55;margin:0;}
@media (max-width:820px){ .vxn-about-grid{grid-template-columns:1fr;gap:30px;} }
/* ===================================================================
   MEGA MENU
   =================================================================== */
.vxn-hd-mega-btn{background:transparent;border:0;font-family:inherit;cursor:pointer;display:inline-flex;align-items:center;gap:6px;}
.vxn-hd-chev{transition:transform .25s var(--vxn-ease);}
.vxn-hd-mega-btn[aria-expanded="true"]{color:var(--vxn-ink);}
.vxn-hd-mega-btn[aria-expanded="true"] .vxn-hd-chev{transform:rotate(180deg);}
.vxn-hd-mega{position:absolute;top:100%;left:0;right:0;z-index:99;
  background:var(--vxn-panel);
  border-top:1px solid var(--vxn-line);border-bottom:1px solid var(--vxn-glass-brd);
  box-shadow:0 36px 70px -34px rgba(76,29,149,.42);
  opacity:0;visibility:hidden;transform:translateY(-10px);pointer-events:none;
  transition:opacity .26s var(--vxn-ease),transform .26s var(--vxn-ease),visibility .26s;}
.vxn-hd-mega.is-open{opacity:1;visibility:visible;transform:none;pointer-events:auto;}
.vxn-hd-mega-in{max-width:var(--vxn-shell);margin:0 auto;padding:30px 22px 34px;
  display:grid;grid-template-columns:1.25fr 1fr 1.15fr;gap:30px;}
.vxn-hd-mega-col h4{font-family:var(--vxn-font-display);font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;
  color:var(--vxn-faint);margin:0 0 12px;padding-left:10px;}
.vxn-hd-mega-col a{display:flex;align-items:center;gap:12px;padding:10px;border-radius:12px;
  border:1px solid transparent;transition:background .18s,border-color .18s,transform .18s;}
.vxn-hd-mega-col a:hover{background:var(--vxn-glass-2);border-color:var(--vxn-glass-brd);transform:translateX(2px);}
.vxn-hd-mega-col a .ic{width:34px;height:34px;flex:none;border-radius:9px;display:grid;place-items:center;
  background:linear-gradient(150deg,rgba(124,58,237,.16),rgba(192,132,252,.10));color:var(--vxn-blue);border:1px solid var(--vxn-glass-brd);}
.vxn-hd-mega-col a .ic svg{width:18px;height:18px;}
.vxn-hd-mega-col a .tx b{display:block;font-family:var(--vxn-font-display);font-weight:600;font-size:.92rem;color:var(--vxn-ink);}
.vxn-hd-mega-col a .tx span{display:block;font-size:.78rem;color:var(--vxn-muted);margin-top:1px;}
.vxn-hd-mega-col:nth-child(2) a{padding:12px;}
.vxn-hd-mega-feature{background:linear-gradient(160deg,rgba(124,58,237,.10),rgba(192,132,252,.05));
  border:1px solid var(--vxn-glass-brd);border-radius:16px;padding:22px;display:flex;flex-direction:column;}
.vxn-hd-mega-feature h3{font-family:var(--vxn-font-display);font-weight:700;font-size:1.05rem;color:var(--vxn-ink);
  margin:10px 0 8px;line-height:1.25;letter-spacing:-.01em;}
.vxn-hd-mega-feature p{color:var(--vxn-muted);font-size:.86rem;line-height:1.55;margin:0 0 16px;}
.vxn-hd-mega-cta{margin-top:auto;align-self:flex-start;display:inline-flex;align-items:center;gap:8px;
  padding:11px 18px;border-radius:11px;font-weight:700;font-size:.86rem;background:var(--vxn-grad-cta);color:var(--vxn-cta-ink);box-shadow:var(--vxn-glow-cta);}
@media (max-width:860px){ .vxn-hd-mega{display:none !important;} }
@media (prefers-reduced-motion:reduce){ .vxn-hd-mega,.vxn-hd-chev{transition:none !important;} }

/* ===================================================================
   HERO v3 — particles.js network + centered creative layout
   =================================================================== */
.vxn-hero{position:relative;overflow:hidden;min-height:clamp(580px,88vh,880px);
  display:flex;align-items:center;padding-top:48px;padding-bottom:56px;}
#vxn-particles{position:absolute;inset:0;z-index:0;}
#vxn-particles canvas{display:block !important;}
.vxn-hero-glow{position:absolute;inset:0;z-index:0;pointer-events:none;background:
  radial-gradient(640px 440px at 50% 30%, rgba(124,58,237,.16), transparent 70%),
  radial-gradient(520px 380px at 84% 72%, rgba(192,132,252,.12), transparent 70%),
  radial-gradient(480px 360px at 12% 78%, rgba(168,85,247,.10), transparent 70%);}
.vxn-hero .vxn-shell{position:relative;z-index:2;}
.vxn-hero-center{max-width:900px;margin:0 auto;text-align:center;display:flex;flex-direction:column;align-items:center;}
.vxn-hero-center .vxn-h1{margin:16px auto 0;}
.vxn-hero-center .vxn-lead{margin:20px auto 0;text-align:center;}
.vxn-hero-center .vxn-hero-cta{justify-content:center;margin-top:30px;display:flex;gap:14px;flex-wrap:wrap;}
.vxn-hero-center .vxn-hero-proof{justify-content:center;margin-top:28px;}
.vxn-hero-metrics{margin-top:40px;padding:6px;border-radius:18px;width:100%;max-width:800px;}
.vxn-hero-metrics .cap{text-align:center;font-size:.82rem;font-weight:700;color:var(--vxn-red);
  padding:12px 16px 11px;line-height:1.4;}
.vxn-hm-row{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--vxn-line);}
.vxn-hm-row .cell{padding:16px 14px 18px;text-align:center;position:relative;}
.vxn-hm-row .cell + .cell::before{content:"";position:absolute;left:0;top:22%;bottom:22%;width:1px;background:var(--vxn-line);}
.vxn-hm-row .v{font-family:var(--vxn-font-display);font-weight:800;font-size:clamp(1.35rem,2.5vw,1.9rem);color:var(--vxn-ink);letter-spacing:-.02em;}
.vxn-hm-row .v.g{color:var(--vxn-green);}
.vxn-hm-row .v.c{color:var(--vxn-blue);}
.vxn-hm-row .k{font-size:.74rem;color:var(--vxn-muted);margin-top:5px;letter-spacing:.01em;line-height:1.3;}
@media (max-width:620px){
  .vxn-hm-row{grid-template-columns:repeat(2,1fr);}
  .vxn-hm-row .cell:nth-child(3)::before{display:none;}
}
@media (prefers-reduced-motion:reduce){
  .vxn-hd,.vxn-hd-bar,.vxn-hd-mobile,.vxn-hd-link::after,.vxn-hd-cta,.vxn-hd-toggle,
  .vxn-ft-cta-btn,.vxn-ft-social a,.vxn-about-point{transition:none !important;}
}
/* ----- hero text glow + typewriter caret + lead highlight ----- */
.vxn-hero-center .vxn-h1{text-shadow:0 0 38px rgba(124,58,237,.14);}
.vxn-hero-break{display:block;margin-top:.08em;}
:root[data-theme="dark"] .vxn-hero-center .vxn-h1{text-shadow:0 0 48px rgba(124,58,237,.45);}
.vxn-hero-center .vxn-grad-txt{text-shadow:none;
  filter:drop-shadow(0 0 14px rgba(124,58,237,.45)) drop-shadow(0 0 28px rgba(192,132,252,.30));}
.vxn-hl{color:var(--vxn-blue);}
:root[data-theme="dark"] .vxn-hl{color:var(--vxn-cyan);}
.vxn-hero-center .vxn-lead strong{color:var(--vxn-blue);font-weight:700;}
:root[data-theme="dark"] .vxn-hero-center .vxn-lead strong{color:var(--vxn-cyan);}
.vxn-caret{display:inline-block;width:3px;height:.92em;margin-left:5px;vertical-align:-1px;border-radius:2px;
  background:linear-gradient(180deg,#7c3aed,#c084fc);box-shadow:0 0 12px rgba(124,58,237,.75);
  animation:vxn-blink 1.05s steps(1) infinite;}
@keyframes vxn-blink{0%,50%{opacity:1}50.01%,100%{opacity:0}}
@media (prefers-reduced-motion:reduce){ .vxn-caret{animation:none;display:none;} }
/* ----- section 2 : animated funnel (flowing leads + happy booked) ----- */
.vxn-funnel-anim{width:100%;max-width:330px;display:block;margin:0 auto;overflow:visible;}
.vxn-flow{fill:#a855f7;animation:vxn-pflow 2.7s linear infinite;}
.vxn-flow.f1{animation-delay:0s;}
.vxn-flow.f2{animation-delay:.45s;}
.vxn-flow.f3{animation-delay:.95s;}
.vxn-flow.f4{animation-delay:1.4s;}
.vxn-flow.f5{animation-delay:1.85s;}
.vxn-flow.f6{animation-delay:2.3s;}
@keyframes vxn-pflow{
  0%{transform:translateY(0);opacity:0;}
  10%{opacity:1;}
  86%{opacity:.95;}
  100%{transform:translateY(262px);opacity:0;}
}
.vxn-leak{fill:#f43f5e;}
.vxn-leak.l1,.vxn-leak.l2,.vxn-leak.l3{animation:vxn-leakL 2.7s ease-in infinite;}
.vxn-leak.r1,.vxn-leak.r2,.vxn-leak.r3{animation:vxn-leakR 2.7s ease-in infinite;}
.vxn-leak.l1{animation-delay:.3s;}
.vxn-leak.r1{animation-delay:.9s;}
.vxn-leak.r2{animation-delay:.6s;}
.vxn-leak.l2{animation-delay:1.5s;}
.vxn-leak.r3{animation-delay:1.2s;}
.vxn-leak.l3{animation-delay:2s;}
@keyframes vxn-leakL{0%{transform:translate(0,0);opacity:0;}20%{opacity:.9;}100%{transform:translate(-30px,18px);opacity:0;}}
@keyframes vxn-leakR{0%{transform:translate(0,0);opacity:0;}20%{opacity:.9;}100%{transform:translate(30px,18px);opacity:0;}}
.vxn-joy-glow{transform-box:fill-box;transform-origin:center;animation:vxn-joy-pulse 2.4s ease-in-out infinite;}
@keyframes vxn-joy-pulse{0%,100%{transform:scale(.9);opacity:.45;}50%{transform:scale(1.14);opacity:.82;}}
.vxn-joy-face{transform-box:fill-box;transform-origin:center;animation:vxn-joy-bob 2.4s ease-in-out infinite;}
@keyframes vxn-joy-bob{0%,100%{transform:translateY(0) scale(1);}50%{transform:translateY(-2px) scale(1.05);}}
.vxn-spark{transform-box:fill-box;transform-origin:center;animation:vxn-twinkle 1.9s ease-in-out infinite;}
.vxn-spark.s2{animation-delay:.6s;}
.vxn-spark.s3{animation-delay:1.15s;}
@keyframes vxn-twinkle{0%,100%{opacity:.15;transform:scale(.6);}50%{opacity:1;transform:scale(1.1);}}
@media (prefers-reduced-motion:reduce){
  .vxn-flow,.vxn-leak,.vxn-spark{display:none;}
  .vxn-joy-glow,.vxn-joy-face{animation:none;}
}
/* ----- section 3 : Method phases (image-rich, alternating) ----- */
.vxn-phases{display:flex;flex-direction:column;gap:40px;margin-top:48px;}
.vxn-phase{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center;}
.vxn-phase:nth-child(even) .vxn-phase-figure{order:2;}
.vxn-phase-figure{position:relative;border-radius:var(--vxn-r);overflow:hidden;aspect-ratio:4/3;
  border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);background:var(--vxn-panel-2);}
.vxn-phase-figure img{width:100%;height:100%;object-fit:cover;display:block;}
.vxn-phase-badge{position:absolute;left:14px;top:14px;z-index:2;
  font-family:var(--vxn-font-display);font-weight:800;font-size:1.05rem;color:#fff;
  width:46px;height:46px;display:grid;place-items:center;border-radius:13px;
  background:linear-gradient(150deg,rgba(124,58,237,.94),rgba(168,85,247,.94));
  border:1px solid rgba(255,255,255,.25);box-shadow:0 8px 22px -8px rgba(76,29,149,.6);}
.vxn-phase-tag{display:inline-block;font-family:var(--vxn-font-display);font-size:.76rem;font-weight:700;
  letter-spacing:.08em;text-transform:uppercase;color:var(--vxn-blue);
  padding:6px 12px;border-radius:999px;background:rgba(124,58,237,.10);
  border:1px solid var(--vxn-glass-brd);margin-bottom:14px;}
.vxn-phase-body h3{margin:0 0 10px;}
.vxn-phase-body > p{color:var(--vxn-ink-2);font-size:1rem;line-height:1.6;margin:0;}
.vxn-phase-steps{list-style:none;padding:0;margin:20px 0 0;display:grid;gap:12px;}
.vxn-phase-steps li{display:flex;gap:14px;align-items:flex-start;padding:11px 14px;border-radius:12px;
  background:var(--vxn-glass-2);border:1px solid var(--vxn-glass-brd);
  transition:transform .25s var(--vxn-ease),border-color .25s;}
.vxn-phase-steps li:hover{transform:translateX(3px);border-color:var(--vxn-blue);}
.vxn-phase-steps .n{font-family:var(--vxn-font-mono);font-weight:700;color:var(--vxn-blue);font-size:.9rem;
  width:24px;flex:none;padding-top:2px;}
.vxn-phase-steps b{display:block;font-family:var(--vxn-font-display);font-weight:600;color:var(--vxn-ink);font-size:.96rem;}
.vxn-phase-steps .d{display:block;font-size:.85rem;color:var(--vxn-muted);line-height:1.5;margin-top:2px;}
@media (max-width:840px){
  .vxn-phase{grid-template-columns:1fr;gap:22px;}
  .vxn-phase .vxn-phase-figure,
  .vxn-phase:nth-child(even) .vxn-phase-figure{order:-1;}
}
@media (prefers-reduced-motion:reduce){ .vxn-phase-steps li{transition:none;} }
/* ----- section 2 : parallax + falling background ----- */
.vxn-sec2{position:relative;overflow:hidden;}
.vxn-sec2 > .vxn-shell{position:relative;z-index:1;}
.vxn-sec2-bg{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden;}
.vxn-p-layer{position:absolute;inset:-12% 0;will-change:transform;}
.vxn-blob{position:absolute;border-radius:50%;filter:blur(60px);opacity:.55;}
.vxn-blob.b1{width:46vw;max-width:560px;aspect-ratio:1;left:-8%;top:6%;
  background:radial-gradient(circle,rgba(124,58,237,.18),transparent 70%);}
.vxn-blob.b2{width:40vw;max-width:480px;aspect-ratio:1;right:-6%;bottom:0%;
  background:radial-gradient(circle,rgba(192,132,252,.15),transparent 70%);}
.vxn-p-mid{background-image:
   linear-gradient(rgba(var(--ln),.05) 1px,transparent 1px),
   linear-gradient(90deg,rgba(var(--ln),.05) 1px,transparent 1px);
  background-size:46px 46px;
  -webkit-mask-image:radial-gradient(ellipse at 50% 38%,#000 32%,transparent 78%);
  mask-image:radial-gradient(ellipse at 50% 38%,#000 32%,transparent 78%);}
.vxn-fall{position:absolute;top:-8%;width:var(--s,5px);height:var(--s,5px);border-radius:50%;
  background:var(--c,#a855f7);box-shadow:0 0 8px rgba(168,85,247,.5);opacity:0;
  animation:vxn-fall var(--dur,10s) linear var(--d,0s) infinite;}
.vxn-fall-red{--c:#f43f5e;box-shadow:0 0 8px rgba(244,63,94,.5);}
@keyframes vxn-fall{
  0%{transform:translate3d(0,0,0);opacity:0;}
  8%{opacity:.85;}
  88%{opacity:.5;}
  100%{transform:translate3d(var(--x,0),132vh,0);opacity:0;}
}
@media (prefers-reduced-motion:reduce){
  .vxn-fall{display:none;}
  .vxn-p-layer{transform:none !important;}
}

/* ----- section 3 (Method) : image-backed parallax ----- */
.vxn-parallax-host{position:relative;overflow:hidden;}
.vxn-parallax-host > .vxn-shell{position:relative;z-index:1;}
.vxn-m3-bg{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden;}
.vxn-m3-img{background:
    radial-gradient(45% 55% at 12% 8%, rgba(124,58,237,.14), transparent 68%),
    radial-gradient(45% 55% at 88% 12%, rgba(192,132,252,.12), transparent 68%),
    radial-gradient(62% 60% at 50% 100%, rgba(139,92,246,.10), transparent 72%);}
:root[data-theme="dark"] .vxn-m3-img{filter:brightness(1.25);}
/* ----- strategy board : connected colour-tile redesign ----- */
.vxn-board::before{background:
  linear-gradient(rgba(var(--ln),.045) 1px,transparent 1px),
  linear-gradient(90deg,rgba(var(--ln),.045) 1px,transparent 1px);
  background-size:16.66% 16.66%;opacity:.7;}
.vxn-board-net{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none;}
.vxn-board-net .net-flow polyline{animation:vxn-netflow 1.6s linear infinite;}
@keyframes vxn-netflow{to{stroke-dashoffset:-16;}}
.vxn-piece-disc{border-radius:18px;
  background:radial-gradient(circle at 32% 26%,rgba(255,255,255,.42),transparent 54%),var(--pc,#a855f7);
  border:1px solid rgba(255,255,255,.34);
  box-shadow:0 12px 26px -10px var(--pc,rgba(168,85,247,.6)),inset 0 -7px 16px rgba(0,0,0,.2),inset 0 1px 1px rgba(255,255,255,.5);}
.vxn-piece-disc svg{color:#fff;}
.vxn-piece-lbl{color:#fff;opacity:.96;}
.vxn-piece-glow{opacity:.55;filter:blur(11px);inset:-28%;}

/* ----- industries : focus split + vertical journey + specialties (redesigned) ----- */
.vxn-ind2-grid{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:stretch;margin-top:46px;}
.vxn-ind2-figure{position:relative;border-radius:var(--vxn-r);overflow:hidden;min-height:430px;
  border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);background:var(--vxn-panel-2);}
.vxn-ind2-figure img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;}
.vxn-ind2-badge{position:absolute;z-index:2;display:inline-flex;align-items:center;gap:8px;
  font-family:var(--vxn-font-display);font-weight:600;font-size:.78rem;color:#fff;
  padding:8px 13px;border-radius:999px;background:rgba(20,12,40,.55);
  backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.22);}
.vxn-ind2-badge.top{left:16px;top:16px;}
.vxn-ind2-badge.bot{left:16px;bottom:16px;font-family:var(--vxn-font-mono);font-size:.72rem;font-weight:500;}
.vxn-ind2-journey{display:flex;flex-direction:column;justify-content:center;}
.vxn-vjourney{list-style:none;margin:22px 0 0;padding:0;position:relative;}
.vxn-vjourney::before{content:"";position:absolute;left:23px;top:23px;bottom:23px;width:2px;background:var(--vxn-line);}
.vxn-vjourney::after{content:"";position:absolute;left:23px;top:23px;bottom:23px;width:2px;
  background:linear-gradient(180deg,var(--ac1),var(--ac2),var(--ac1));background-size:100% 220%;
  opacity:.75;animation:vxn-vrail 3s linear infinite;}
@keyframes vxn-vrail{to{background-position:0 -220%;}}
.vxn-vstep{position:relative;display:flex;gap:16px;align-items:flex-start;padding-bottom:24px;}
.vxn-vstep:last-child{padding-bottom:0;}
.vxn-vstep .vxn-jdot{flex:none;position:relative;z-index:1;}
.vxn-vtxt{padding-top:5px;}
.vxn-vtxt b{display:block;font-family:var(--vxn-font-display);font-weight:600;color:var(--vxn-ink);font-size:1rem;}
.vxn-vtxt .s{font-family:var(--vxn-font-mono);font-size:.66rem;letter-spacing:.05em;text-transform:uppercase;color:var(--vxn-faint);}
.vxn-spec-head{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;margin:50px 0 18px;}
.vxn-spec-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:14px;}
.vxn-spec{position:relative;display:flex;gap:15px;align-items:flex-start;padding:16px 18px 16px 20px;border-radius:14px;
  overflow:hidden;background:var(--vxn-glass-2);border:1px solid var(--vxn-glass-brd);
  transition:transform .3s var(--vxn-ease),border-color .3s;}
.vxn-spec::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;
  background:linear-gradient(180deg,var(--vxn-blue),var(--vxn-cyan));opacity:0;transition:opacity .3s;}
.vxn-spec:hover{transform:translateY(-4px);border-color:var(--vxn-blue);}
.vxn-spec:hover::before{opacity:1;}
.vxn-spec .ic{width:42px;height:42px;border-radius:11px;flex:none;display:grid;place-items:center;
  background:rgba(124,58,237,.1);color:var(--vxn-blue);}
.vxn-spec .ic svg{width:22px;height:22px;}
.vxn-spec h4{margin:0 0 4px;font-family:var(--vxn-font-display);font-size:1rem;color:var(--vxn-ink);}
.vxn-spec p{margin:0;font-size:.85rem;color:var(--vxn-muted);line-height:1.5;}
@media (max-width:840px){
  .vxn-ind2-grid{grid-template-columns:1fr;gap:24px;}
  .vxn-ind2-figure{min-height:300px;}
}
@media (prefers-reduced-motion:reduce){
  .vxn-board-net .net-flow polyline{animation:none;}
  .vxn-vjourney::after{animation:none;}
}
/* ----- website before/after : detailed site mockups ----- */
.vxn-ba-layer{padding:0;}
.vxn-ba-after{background:linear-gradient(180deg,#ffffff,#f7f4ff);}
.vxn-ba-before{background:linear-gradient(180deg,#e9ebef,#dfe2e8);clip-path:inset(0 calc(100% - var(--pos)) 0 0);}
.vxn-ba-handle{background:var(--vxn-blue);box-shadow:0 0 14px rgba(124,58,237,.6);}
.vxn-ba-knob{background:#fff;border-color:var(--vxn-blue);}
.vxn-ba-knob svg{color:var(--vxn-blue);}
.vxn-st{position:absolute;inset:0;display:flex;flex-direction:column;overflow:hidden;}
.vxn-st-nav{display:flex;align-items:center;justify-content:space-between;padding:9px 13px;border-bottom:1px solid rgba(27,18,51,.08);background:rgba(255,255,255,.6);}
.vxn-st-logo{display:flex;align-items:center;gap:6px;font-family:var(--vxn-font-display);font-weight:800;font-size:.64rem;color:#1b1233;white-space:nowrap;}
.vxn-st-logo i{width:14px;height:14px;border-radius:5px;background:linear-gradient(135deg,#7c3aed,#c084fc);flex:none;}
.vxn-st-links{display:flex;gap:8px;}
.vxn-st-links b{width:22px;height:5px;border-radius:3px;background:rgba(27,18,51,.16);}
.vxn-st-btn{font-family:var(--vxn-font-display);font-size:.6rem;font-weight:700;color:#fff;background:linear-gradient(135deg,#7c3aed,#a855f7);border-radius:7px;padding:5px 12px;white-space:nowrap;}
.vxn-st-hero{flex:1;display:flex;gap:13px;padding:15px 13px;align-items:center;}
.vxn-st-htext{flex:1.25;display:flex;flex-direction:column;gap:7px;min-width:0;}
.vxn-st-h1{font-family:var(--vxn-font-display);font-weight:800;font-size:.96rem;line-height:1.12;color:#1b1233;}
.vxn-st-sub{height:6px;border-radius:3px;background:rgba(27,18,51,.12);width:92%;}
.vxn-st-sub.s{width:64%;}
.vxn-st-ctarow{display:flex;align-items:center;gap:8px;margin-top:5px;flex-wrap:wrap;}
.vxn-st-cta{font-family:var(--vxn-font-display);font-size:.64rem;font-weight:700;color:#fff;background:linear-gradient(135deg,#7c3aed,#a855f7);border-radius:8px;padding:7px 14px;box-shadow:0 7px 16px -6px rgba(124,58,237,.6);white-space:nowrap;}
.vxn-st-call{display:inline-flex;align-items:center;gap:5px;font-family:var(--vxn-font-display);font-size:.6rem;font-weight:700;color:#7c3aed;border:1px solid rgba(124,58,237,.32);border-radius:8px;padding:6px 10px;white-space:nowrap;}
.vxn-st-call svg{width:11px;height:11px;}
.vxn-st-stars{display:flex;align-items:center;gap:6px;font-size:.72rem;color:#f59e0b;margin-top:2px;letter-spacing:1px;}
.vxn-st-stars span{color:#675d86;font-family:var(--vxn-font-mono);font-size:.56rem;letter-spacing:0;}
.vxn-st-himg{flex:.85;align-self:stretch;border-radius:10px;min-height:74px;position:relative;overflow:hidden;
  background:linear-gradient(150deg,#a855f7,#7c3aed);box-shadow:0 8px 20px -8px rgba(124,58,237,.55);}
.vxn-st-himg::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 70% 28%,rgba(255,255,255,.4),transparent 58%);}
.vxn-st-trust{display:flex;gap:7px;padding:0 13px 13px;}
.vxn-st-trust span{flex:1;height:15px;border-radius:5px;background:rgba(16,185,129,.16);border:1px solid rgba(16,185,129,.2);}
/* dated / bad site */
.vxn-st-nav.bad{padding:8px 11px;border-bottom:1px solid rgba(51,65,90,.14);background:#eceef2;}
.vxn-st-logo.bad{font-family:var(--vxn-font-body);font-weight:700;font-size:.6rem;color:#3a4a63;}
.vxn-st-links.bad{gap:6px;}
.vxn-st-links.bad b{width:15px;height:4px;background:rgba(58,74,99,.4);}
.vxn-st-body{flex:1;padding:13px 13px 12px;display:flex;flex-direction:column;gap:6px;}
.vxn-st-bh{font-family:var(--vxn-font-body);font-weight:700;font-size:.66rem;color:#46586f;margin-bottom:3px;}
.vxn-st-txt{height:5px;border-radius:2px;background:rgba(58,74,99,.2);width:100%;}
.vxn-st-txt.s{width:72%;}
.vxn-st-submit{margin-top:7px;align-self:flex-start;font-family:var(--vxn-font-body);font-size:.6rem;font-weight:600;color:#5b6b85;background:#d2d7df;border:1px solid #c0c6d0;border-radius:5px;padding:6px 13px;}
@media (prefers-reduced-motion:reduce){}
/* ===== gradient touch-ups ===== */
.vxn-divider{border:none;height:1px;background:linear-gradient(90deg,transparent,rgba(124,58,237,.28),rgba(192,132,252,.30),transparent);}

/* ===== footer : interactive + gradients ===== */
.vxn-ft{overflow:hidden;}
.vxn-ft::before{content:"";position:absolute;top:0;left:0;right:0;height:2px;z-index:2;
  background:linear-gradient(90deg,transparent,#7c3aed,#a855f7,#c084fc,#a855f7,#7c3aed,transparent);background-size:200% 100%;
  animation:vxn-ftline 6s linear infinite;}
@keyframes vxn-ftline{to{background-position:200% 0;}}
.vxn-ft-glow{position:absolute;top:-60px;left:50%;width:78%;max-width:880px;height:320px;pointer-events:none;z-index:0;
  transform:translateX(-50%);background:radial-gradient(ellipse at center,rgba(124,58,237,.18),transparent 70%);
  animation:vxn-ftglow 7s ease-in-out infinite;}
@keyframes vxn-ftglow{0%,100%{opacity:.55;transform:translateX(-50%) scale(1);}50%{opacity:1;transform:translateX(-50%) scale(1.08);}}
.vxn-ft-cta,.vxn-ft-grid,.vxn-ft-disc,.vxn-ft-bottom{position:relative;z-index:1;}
.vxn-ft-cta-btn{position:relative;overflow:hidden;}
.vxn-ft-cta-btn::after{content:"";position:absolute;top:0;left:-65%;width:42%;height:100%;transform:skewX(-18deg);
  background:linear-gradient(105deg,transparent,rgba(255,255,255,.4),transparent);animation:vxn-shimmer 3.6s ease-in-out infinite;}
@keyframes vxn-shimmer{0%,70%{left:-65%;}100%{left:135%;}}
.vxn-ft-cta-btn > svg{position:relative;z-index:1;transition:transform .25s var(--vxn-ease);}
.vxn-ft-cta-btn:hover > svg{transform:translateX(4px);}
.vxn-ft-col a{position:relative;transition:color .22s,padding-left .22s;}
.vxn-ft-col a::before{content:"";position:absolute;left:0;top:50%;width:9px;height:2px;border-radius:2px;
  transform:translateY(-50%) scaleX(0);transform-origin:left;background:linear-gradient(90deg,#7c3aed,#c084fc);transition:transform .22s;}
.vxn-ft-col a:hover{color:var(--vxn-blue);padding-left:15px;}
.vxn-ft-col a:hover::before{transform:translateY(-50%) scaleX(1);}
.vxn-ft-social a{position:relative;overflow:hidden;
  transition:color .2s,border-color .2s,transform .25s var(--vxn-ease),box-shadow .25s;}
.vxn-ft-social a > svg{position:relative;z-index:1;}
.vxn-ft-social a::before{content:"";position:absolute;inset:0;opacity:0;transition:opacity .25s;
  background:linear-gradient(135deg,#7c3aed,#a855f7);}
.vxn-ft-social a:hover{color:#fff;border-color:transparent;transform:translateY(-3px);box-shadow:0 10px 24px -8px rgba(124,58,237,.55);}
.vxn-ft-social a:hover::before{opacity:1;}
.vxn-ft-brand .vxn-hd-mark{filter:drop-shadow(0 0 10px rgba(124,58,237,.4));}

/* ===== FOMO single-quote rotator (below footer) ===== */
.vxn-fomo{position:relative;overflow:hidden;padding:26px 22px;display:flex;justify-content:center;
  background:linear-gradient(90deg,#6d28d9,#7c3aed,#a855f7,#7c3aed,#6d28d9);background-size:220% 100%;
  animation:vxn-fomobg 14s ease infinite;}
@keyframes vxn-fomobg{0%,100%{background-position:0% 0;}50%{background-position:100% 0;}}
.vxn-fomo-stage{position:relative;width:100%;max-width:var(--vxn-shell);min-height:30px;}
.vxn-fomo-q{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:0;text-align:center;
  font-family:var(--vxn-font-display);font-weight:600;font-size:clamp(.95rem,2vw,1.18rem);color:#fff;padding:0 8px;
  opacity:0;transform:translateY(14px);transition:opacity .55s var(--vxn-ease),transform .55s var(--vxn-ease);}
.vxn-fomo-q.is-on{opacity:1;transform:translateY(0);}
.vxn-fomo-q.is-out{opacity:0;transform:translateY(-14px);}
@media (prefers-reduced-motion:reduce){.vxn-fomo{animation:none;}.vxn-fomo-q{transition:none;}}

/* ===== floating action buttons : WhatsApp + Get in touch ===== */
.vxn-fab{position:fixed;right:22px;bottom:24px;z-index:85;display:flex;flex-direction:column;gap:13px;align-items:flex-end;}
.vxn-fab a{position:relative;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;
  box-shadow:0 12px 30px -8px rgba(0,0,0,.32);transition:transform .25s var(--vxn-ease),box-shadow .25s;}
.vxn-fab a:hover{transform:translateY(-3px) scale(1.04);}
.vxn-fab-wa{width:56px;height:56px;border-radius:50%;background:linear-gradient(145deg,#25d366,#0e9f6e);color:#fff;}
.vxn-fab-wa svg{width:30px;height:30px;}
.vxn-fab-wa:hover{box-shadow:0 16px 36px -8px rgba(37,211,102,.6);}
.vxn-fab-wa::after{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid #25d366;
  animation:vxn-fabpulse 2.6s ease-out infinite;}
@keyframes vxn-fabpulse{0%{transform:scale(1);opacity:.7;}100%{transform:scale(1.55);opacity:0;}}
.vxn-fab-gt{gap:9px;padding:0 20px;height:56px;border-radius:30px;color:#fff;
  background:linear-gradient(135deg,#7c3aed,#a855f7,#c084fc);background-size:170% 170%;
  font-family:var(--vxn-font-display);font-weight:700;font-size:.92rem;animation:vxn-fabgrad 5s ease infinite;}
.vxn-fab-gt svg{width:20px;height:20px;}
.vxn-fab-gt:hover{box-shadow:0 16px 36px -8px rgba(124,58,237,.6);}
@keyframes vxn-fabgrad{0%,100%{background-position:0% 50%;}50%{background-position:100% 50%;}}
@media (max-width:780px){
  .vxn-fab{right:16px;bottom:82px;}
  .vxn-fab-gt span{display:none;}
  .vxn-fab-gt{width:56px;padding:0;border-radius:50%;}
}
@media (prefers-reduced-motion:reduce){
  .vxn-ft::before,.vxn-ft-glow,.vxn-ft-cta-btn::after,.vxn-fomo-track,.vxn-fab-gt{animation:none;}
  .vxn-fab-wa::after{display:none;}
  .vxn-fomo-track{flex-wrap:wrap;justify-content:center;}
}
/* ===== footer newsletter ===== */
.vxn-news{margin-top:24px;max-width:350px;}
.vxn-news-label{display:block;font-family:var(--vxn-font-display);font-weight:700;font-size:.96rem;color:var(--vxn-ink);}
.vxn-news-sub{color:var(--vxn-muted);font-size:.84rem;line-height:1.5;margin:6px 0 12px;}
.vxn-news-row{display:flex;gap:8px;padding:5px;border-radius:13px;background:var(--vxn-glass-2);
  border:1px solid var(--vxn-glass-brd);transition:border-color .2s,box-shadow .2s;}
.vxn-news-row:focus-within{border-color:var(--vxn-blue);box-shadow:0 0 0 3px rgba(124,58,237,.13);}
.vxn-news-row input{flex:1;min-width:0;background:transparent;border:none;outline:none;
  font-family:var(--vxn-font-body);font-size:.9rem;color:var(--vxn-ink);padding:8px 10px;}
.vxn-news-row input::placeholder{color:var(--vxn-faint);}
.vxn-news-row button{flex:none;width:44px;border:none;cursor:pointer;border-radius:9px;color:#fff;display:grid;place-items:center;
  background:linear-gradient(135deg,#7c3aed,#a855f7);transition:transform .2s,box-shadow .2s;}
.vxn-news-row button:hover{transform:translateY(-1px);box-shadow:0 8px 20px -6px rgba(124,58,237,.6);}
.vxn-news-row button svg{width:17px;height:17px;}
.vxn-news-msg{display:inline-flex;align-items:center;gap:6px;margin-top:11px;font-size:.82rem;font-weight:600;color:var(--vxn-green);}

/* ===== floating button : works as <button> too ===== */
.vxn-fab button{position:relative;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;border:none;
  box-shadow:0 12px 30px -8px rgba(0,0,0,.32);transition:transform .25s var(--vxn-ease),box-shadow .25s;}
.vxn-fab button:hover{transform:translateY(-3px) scale(1.04);}

/* ===== audit modal ===== */
.vxn-modal{position:fixed;inset:0;z-index:120;display:flex;align-items:center;justify-content:center;padding:20px;
  opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s;}
.vxn-modal.is-open{opacity:1;visibility:visible;}
.vxn-modal-backdrop{position:absolute;inset:0;background:rgba(10,6,22,.6);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);}
.vxn-modal-card{position:relative;z-index:1;width:100%;max-width:460px;max-height:90vh;overflow:auto;
  background:var(--vxn-panel);border:1px solid var(--vxn-glass-brd);border-radius:20px;padding:30px 28px 28px;
  box-shadow:0 40px 90px -20px rgba(0,0,0,.5);transform:translateY(16px) scale(.98);transition:transform .35s var(--vxn-ease);}
.vxn-modal.is-open .vxn-modal-card{transform:none;}
.vxn-modal-card::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;border-radius:20px 20px 0 0;
  background:linear-gradient(90deg,#7c3aed,#a855f7,#c084fc);}
.vxn-modal-x{position:absolute;top:14px;right:14px;width:34px;height:34px;border-radius:9px;border:1px solid var(--vxn-glass-brd);
  background:var(--vxn-glass-2);color:var(--vxn-muted);display:grid;place-items:center;cursor:pointer;transition:color .2s,border-color .2s;}
.vxn-modal-x:hover{color:var(--vxn-ink);border-color:var(--vxn-blue);}
.vxn-modal-x svg{width:16px;height:16px;}
.vxn-modal-head h3{font-family:var(--vxn-font-display);font-weight:800;font-size:1.42rem;color:var(--vxn-ink);margin:9px 0 8px;letter-spacing:-.02em;}
.vxn-modal-head p{color:var(--vxn-muted);font-size:.92rem;line-height:1.55;margin:0 0 20px;}
.vxn-audit-form{display:flex;flex-direction:column;gap:13px;}
.vxn-audit-form label{display:flex;flex-direction:column;gap:6px;font-family:var(--vxn-font-display);font-weight:600;font-size:.78rem;color:var(--vxn-ink-2);}
.vxn-field-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px;}
.vxn-audit-form input{font-family:var(--vxn-font-body);font-size:.92rem;color:var(--vxn-ink);
  background:var(--vxn-glass-2);border:1px solid var(--vxn-glass-brd);border-radius:10px;padding:11px 13px;transition:border-color .2s,box-shadow .2s;}
.vxn-audit-form input::placeholder{color:var(--vxn-faint);}
.vxn-audit-form input:focus{outline:none;border-color:var(--vxn-blue);box-shadow:0 0 0 3px rgba(124,58,237,.15);}
.vxn-audit-note{font-size:.8rem;color:var(--vxn-muted);line-height:1.5;margin:2px 0 4px;padding:10px 12px;border-radius:10px;
  background:rgba(124,58,237,.06);border:1px solid var(--vxn-glass-brd);transition:background .25s,border-color .25s,color .25s;}
.vxn-audit-note a{color:var(--vxn-blue);font-weight:600;}
.vxn-audit-note.is-warn{background:rgba(244,63,94,.1);border-color:rgba(244,63,94,.45);color:var(--vxn-ink-2);}
.vxn-audit-submit{margin-top:4px;display:inline-flex;align-items:center;justify-content:center;gap:9px;
  font-family:var(--vxn-font-display);font-weight:700;font-size:.95rem;color:#fff;border:none;cursor:pointer;
  background:linear-gradient(135deg,#7c3aed,#a855f7,#c084fc);background-size:170% 170%;border-radius:12px;padding:14px;
  box-shadow:0 14px 30px -10px rgba(124,58,237,.6);transition:transform .2s,box-shadow .2s,background-position .45s;}
.vxn-audit-submit:hover{transform:translateY(-2px);background-position:100% 50%;box-shadow:0 18px 38px -10px rgba(124,58,237,.7);}
.vxn-audit-submit svg{width:17px;height:17px;}
.vxn-audit-done{text-align:center;padding:14px 0 6px;}
.vxn-audit-done .ok{width:58px;height:58px;border-radius:50%;margin:0 auto 16px;display:grid;place-items:center;color:#fff;
  background:linear-gradient(135deg,#10b981,#34d399);box-shadow:0 12px 28px -8px rgba(16,185,129,.6);}
.vxn-audit-done .ok svg{width:28px;height:28px;}
.vxn-audit-done h4{font-family:var(--vxn-font-display);font-weight:700;font-size:1.2rem;color:var(--vxn-ink);margin:0 0 8px;}
.vxn-audit-done p{color:var(--vxn-muted);font-size:.92rem;line-height:1.55;margin:0;}
.vxn-audit-done #vxn-audit-url{color:var(--vxn-blue);font-weight:600;word-break:break-all;}
@media (max-width:480px){.vxn-field-grid{grid-template-columns:1fr;}}

/* ===== DENTAL & ORTHODONTICS SPECIALTY PAGE ===== */
/* =====================================================================
   VAYUNEX — SOLUTIONS / LEAD GENERATION page  (theme-aware, token-driven)
   Layman explainer: zero → advanced. Classes namespaced .vxn-s* / .vxn-faq.
   ===================================================================== */

/* active nav (link + mega trigger) */
.vxn-hd-nav .vxn-hd-link[aria-current="page"],
.vxn-hd-nav .vxn-hd-mega-btn[aria-current="page"]{color:var(--vxn-ink);}
.vxn-hd-nav .vxn-hd-link[aria-current="page"]::after,
.vxn-hd-nav .vxn-hd-mega-btn[aria-current="page"]::after{content:"";position:absolute;left:13px;right:13px;bottom:5px;
  height:2px;border-radius:2px;background:var(--vxn-grad-cta);}
.vxn-hd-nav .vxn-hd-mega-btn[aria-current="page"]{position:relative;}

/* ---------- plain-English definition card ---------- */
.vxn-sdef{max-width:820px;margin:46px auto 0;text-align:center;border-radius:var(--vxn-r);padding:clamp(30px,4vw,44px);
  background:var(--vxn-glass-2);border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);position:relative;overflow:hidden;}
.vxn-sdef::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(520px 240px at 50% -10%,rgba(124,58,237,.14),transparent 70%);}
.vxn-sdef .in{position:relative;z-index:1;}
.vxn-sdef .eq{font-family:var(--vxn-font-mono);font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--vxn-blue);margin-bottom:14px;}
.vxn-sdef p{font-family:var(--vxn-font-display);font-weight:600;font-size:clamp(1.15rem,2.6vw,1.6rem);line-height:1.5;color:var(--vxn-ink);margin:0;}
.vxn-sdef p b{background:var(--vxn-grad-text);-webkit-background-clip:text;background-clip:text;color:transparent;}

/* ---------- node flow (stranger -> lead -> patient) ---------- */
.vxn-sflow{display:flex;align-items:stretch;justify-content:center;flex-wrap:wrap;gap:6px;margin-top:46px;}
.vxn-sflow-node{display:flex;flex-direction:column;align-items:center;gap:11px;text-align:center;padding:24px 20px;min-width:158px;
  border-radius:var(--vxn-r);background:var(--vxn-glass);border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);}
.vxn-sflow-node.hot{border-color:var(--vxn-blue);background:var(--vxn-glass-2);}
.vxn-sflow-node .ic{width:50px;height:50px;border-radius:14px;display:grid;place-items:center;background:rgba(124,58,237,.1);color:var(--vxn-blue);}
.vxn-sflow-node.hot .ic{background:var(--vxn-grad-cta);color:#fff;}
.vxn-sflow-node .ic svg{width:25px;height:25px;}
.vxn-sflow-node b{font-family:var(--vxn-font-display);font-size:1rem;color:var(--vxn-ink);}
.vxn-sflow-node span{font-size:.79rem;color:var(--vxn-muted);max-width:150px;}
.vxn-sflow-arrow{display:grid;place-items:center;color:var(--vxn-blue-2);flex:none;}
.vxn-sflow-arrow svg{width:26px;height:26px;}

/* ---------- example callout ---------- */
.vxn-sexample{display:flex;gap:14px;align-items:flex-start;padding:18px 20px;border-radius:var(--vxn-r-sm);
  background:rgba(124,58,237,.06);border:1px solid var(--vxn-line);border-left:3px solid var(--vxn-blue);margin-top:22px;}
.vxn-sexample .ic{flex:none;width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:rgba(124,58,237,.12);color:var(--vxn-amber);}
.vxn-sexample .ic svg{width:18px;height:18px;}
.vxn-sexample .tx{font-size:.92rem;color:var(--vxn-ink-2);line-height:1.6;}
.vxn-sexample .tx .tag{display:block;font-family:var(--vxn-font-mono);font-size:.64rem;letter-spacing:.14em;text-transform:uppercase;color:var(--vxn-blue);margin-bottom:5px;}
.vxn-sexample .tx b{color:var(--vxn-ink);font-weight:600;}

/* ---------- two-col text + visual ---------- */
.vxn-stwo{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,5vw,56px);align-items:center;margin-top:8px;}
.vxn-stwo.rev .vxn-stwo-visual{order:-1;}

/* ---------- photo frame ---------- */
.vxn-sphoto{position:relative;border-radius:var(--vxn-r);overflow:hidden;border:1px solid var(--vxn-glass-brd);
  box-shadow:var(--vxn-shadow);aspect-ratio:16/11;background:var(--vxn-panel-2);}
.vxn-sphoto img{width:100%;height:100%;object-fit:cover;display:block;}
.vxn-sphoto .cap{position:absolute;left:0;right:0;bottom:0;padding:16px 18px;font-family:var(--vxn-font-mono);font-size:.72rem;
  color:#fff;background:linear-gradient(180deg,transparent,rgba(8,6,20,.78));}

/* small inline chart card */
.vxn-schart{border-radius:var(--vxn-r);padding:24px;background:var(--vxn-glass);border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);}
.vxn-schart svg{width:100%;height:auto;display:block;}
.vxn-schart-key{display:flex;flex-wrap:wrap;gap:16px;margin-top:14px;font-family:var(--vxn-font-mono);font-size:.72rem;color:var(--vxn-muted);}
.vxn-schart-key i{display:inline-block;width:22px;height:3px;border-radius:3px;margin-right:7px;vertical-align:middle;}

/* ---------- levels (zero to advanced) ---------- */
.vxn-slevels{display:grid;gap:18px;margin-top:48px;}
.vxn-slevel{display:grid;grid-template-columns:128px 1fr;gap:26px;padding:30px 30px;border-radius:var(--vxn-r);
  background:var(--vxn-glass);border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);}
.vxn-slevel-badge{text-align:center;}
.vxn-slevel-badge .no{font-family:var(--vxn-font-display);font-weight:800;font-size:3.2rem;line-height:1;
  background:var(--vxn-grad-text);-webkit-background-clip:text;background-clip:text;color:transparent;}
.vxn-slevel-badge .lv{display:inline-block;margin-top:10px;font-family:var(--vxn-font-mono);font-size:.66rem;letter-spacing:.14em;
  text-transform:uppercase;color:#fff;background:var(--vxn-grad-cta);padding:5px 11px;border-radius:999px;}
.vxn-slevel-body h3{margin:0 0 6px;font-family:var(--vxn-font-display);font-size:1.28rem;color:var(--vxn-ink);}
.vxn-slevel-body .sub{margin:0 0 16px;font-size:.95rem;color:var(--vxn-muted);line-height:1.55;}
.vxn-slevel-list{list-style:none;margin:0;padding:0;display:grid;gap:11px;}
.vxn-slevel-list li{display:flex;gap:11px;align-items:flex-start;font-size:.92rem;color:var(--vxn-ink-2);line-height:1.5;}
.vxn-slevel-list li svg{width:18px;height:18px;flex:none;margin-top:2px;color:var(--vxn-green);}
.vxn-slevel-list li b{color:var(--vxn-ink);font-weight:600;}

/* ---------- channel cards ---------- */
.vxn-schannels{display:grid;grid-template-columns:repeat(auto-fit,minmax(282px,1fr));gap:16px;margin-top:42px;}
.vxn-schan{display:flex;flex-direction:column;border-radius:var(--vxn-r);background:var(--vxn-glass);
  border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);padding:26px 24px;transition:transform .3s var(--vxn-ease),border-color .3s;}
.vxn-schan:hover{transform:translateY(-4px);border-color:var(--vxn-blue);}
.vxn-schan .ic{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;background:rgba(124,58,237,.1);color:var(--vxn-blue);margin-bottom:14px;}
.vxn-schan .ic svg{width:24px;height:24px;}
.vxn-schan h4{margin:0 0 4px;font-family:var(--vxn-font-display);font-size:1.1rem;color:var(--vxn-ink);}
.vxn-schan .kind{font-family:var(--vxn-font-mono);font-size:.64rem;letter-spacing:.12em;text-transform:uppercase;color:var(--vxn-blue-2);}
.vxn-schan p{margin:13px 0 0;font-size:.88rem;color:var(--vxn-ink-2);line-height:1.55;}
.vxn-schan .best{display:flex;gap:7px;align-items:flex-start;margin-top:auto;padding-top:15px;font-family:var(--vxn-font-mono);font-size:.72rem;color:var(--vxn-green);line-height:1.45;}
.vxn-schan .best svg{width:13px;height:13px;flex:none;margin-top:2px;}

/* ---------- conversion funnel ---------- */
.vxn-sfunnel{max-width:680px;margin:48px auto 0;display:flex;flex-direction:column;align-items:center;gap:7px;}
.vxn-sfunnel-row{width:100%;display:flex;flex-direction:column;align-items:center;}
.vxn-sfunnel-bar{width:var(--w);max-width:100%;min-height:64px;border-radius:13px;background:var(--vxn-grad-cta);
  display:flex;align-items:center;justify-content:space-between;gap:14px;padding:0 22px;color:#fff;box-shadow:0 12px 30px -14px rgba(124,58,237,.7);}
.vxn-sfunnel-bar .n{font-family:var(--vxn-font-display);font-weight:800;font-size:clamp(1.25rem,3vw,1.7rem);font-variant-numeric:tabular-nums;letter-spacing:-.02em;}
.vxn-sfunnel-bar .lab{font-family:var(--vxn-font-mono);font-size:.73rem;letter-spacing:.03em;text-align:right;line-height:1.3;opacity:.96;}
.vxn-sfunnel-drop{font-family:var(--vxn-font-mono);font-size:.68rem;color:var(--vxn-faint);margin:2px 0;}

/* ---------- industry fit ---------- */
.vxn-sfit{display:grid;grid-template-columns:repeat(auto-fit,minmax(264px,1fr));gap:16px;margin-top:42px;}
.vxn-sfit-card{border-radius:var(--vxn-r);background:var(--vxn-glass);border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);padding:24px 22px;}
.vxn-sfit-top{display:flex;align-items:center;justify-content:space-between;gap:10px;}
.vxn-sfit-card h4{margin:0;font-family:var(--vxn-font-display);font-size:1.06rem;color:var(--vxn-ink);}
.vxn-sfit-rating{font-family:var(--vxn-font-mono);font-size:.64rem;letter-spacing:.1em;text-transform:uppercase;color:var(--vxn-blue);white-space:nowrap;}
.vxn-sfit-meter{display:flex;gap:5px;margin:14px 0;}
.vxn-sfit-meter i{height:7px;flex:1;border-radius:4px;background:rgba(var(--ln),.18);}
.vxn-sfit-meter i.on{background:var(--vxn-grad-cta);}
.vxn-sfit-card p{margin:0;font-size:.85rem;color:var(--vxn-muted);line-height:1.55;}

/* ---------- readiness checklist ---------- */
.vxn-sready{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px;margin-top:40px;}
.vxn-sready-item{display:flex;gap:13px;align-items:flex-start;padding:20px;border-radius:var(--vxn-r-sm);
  background:var(--vxn-glass);border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);}
.vxn-sready-item .ck{flex:none;width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:rgba(16,185,129,.12);color:var(--vxn-green);}
.vxn-sready-item .ck svg{width:17px;height:17px;}
.vxn-sready-item p{margin:0;font-size:.9rem;color:var(--vxn-ink-2);line-height:1.5;}
.vxn-sready-item p b{color:var(--vxn-ink);font-weight:600;}

/* ---------- budget tiers ---------- */
.vxn-stiers{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:42px;}
.vxn-stier{display:flex;flex-direction:column;border-radius:var(--vxn-r);background:var(--vxn-glass);
  border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);padding:28px 26px;position:relative;}
.vxn-stier.feature{border-color:var(--vxn-blue);background:var(--vxn-glass-2);}
.vxn-stier .badge{position:absolute;top:-11px;left:26px;font-family:var(--vxn-font-mono);font-size:.62rem;letter-spacing:.12em;
  text-transform:uppercase;color:#fff;background:var(--vxn-grad-cta);padding:5px 11px;border-radius:999px;box-shadow:var(--vxn-glow-cta);}
.vxn-stier .name{font-family:var(--vxn-font-mono);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--vxn-blue-2);}
.vxn-stier .spend{font-family:var(--vxn-font-display);font-weight:800;font-size:1.85rem;color:var(--vxn-ink);margin:8px 0 2px;letter-spacing:-.02em;}
.vxn-stier .spend span{font-size:.9rem;font-weight:500;color:var(--vxn-muted);}
.vxn-stier .who{font-size:.86rem;color:var(--vxn-muted);line-height:1.5;margin:0 0 18px;}
.vxn-stier ul{list-style:none;margin:0 0 18px;padding:0;display:grid;gap:10px;}
.vxn-stier li{display:flex;gap:10px;align-items:flex-start;font-size:.86rem;color:var(--vxn-ink-2);line-height:1.45;}
.vxn-stier li svg{width:16px;height:16px;flex:none;margin-top:2px;color:var(--vxn-green);}
.vxn-stier .exp{margin-top:auto;padding-top:16px;border-top:1px dashed var(--vxn-line);font-family:var(--vxn-font-mono);font-size:.74rem;color:var(--vxn-ink-2);}
.vxn-stier .exp b{color:var(--vxn-blue-2);}

/* ---------- results table ---------- */
.vxn-stable-wrap{margin-top:42px;overflow-x:auto;border-radius:var(--vxn-r);border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);}
.vxn-stable{width:100%;border-collapse:collapse;min-width:560px;background:var(--vxn-glass);}
.vxn-stable thead th{font-family:var(--vxn-font-mono);font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:var(--vxn-faint);
  text-align:left;padding:16px 20px;border-bottom:1px solid var(--vxn-line-2);background:rgba(var(--w),.03);}
.vxn-stable tbody td{padding:15px 20px;border-bottom:1px solid var(--vxn-line);font-size:.9rem;color:var(--vxn-ink-2);}
.vxn-stable tbody tr:last-child td{border-bottom:none;}
.vxn-stable tbody td:first-child{font-family:var(--vxn-font-display);font-weight:600;color:var(--vxn-ink);}
.vxn-stable tbody td .g{color:var(--vxn-green);font-family:var(--vxn-font-mono);font-weight:600;}

/* ---------- FAQ accordion (native details) ---------- */
.vxn-faq{max-width:820px;margin:42px auto 0;display:grid;gap:12px;}
.vxn-faq-item{border:1px solid var(--vxn-glass-brd);background:var(--vxn-glass);border-radius:var(--vxn-r-sm);
  box-shadow:var(--vxn-shadow);overflow:hidden;}
.vxn-faq-item summary{list-style:none;cursor:pointer;padding:20px 22px;display:flex;justify-content:space-between;align-items:center;gap:16px;
  font-family:var(--vxn-font-display);font-weight:600;font-size:1.02rem;color:var(--vxn-ink);}
.vxn-faq-item summary::-webkit-details-marker{display:none;}
.vxn-faq-item summary .pl{flex:none;color:var(--vxn-blue-2);transition:transform .3s var(--vxn-ease);}
.vxn-faq-item summary .pl svg{width:20px;height:20px;display:block;}
.vxn-faq-item[open] summary .pl{transform:rotate(135deg);}
.vxn-faq-item[open] summary{color:var(--vxn-blue-2);}
.vxn-faq-item .a{padding:0 22px 21px;font-size:.94rem;color:var(--vxn-ink-2);line-height:1.66;}
.vxn-faq-item .a b{color:var(--vxn-ink);font-weight:600;}

/* ---------- closing CTA ---------- */
.vxn-scta{position:relative;text-align:center;border-radius:var(--vxn-r);padding:clamp(42px,6vw,70px) 28px;overflow:hidden;
  background:var(--vxn-glass-2);border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);}
.vxn-scta::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(720px 360px at 50% -20%,rgba(124,58,237,.18),transparent 70%);}
.vxn-scta .in{position:relative;z-index:1;max-width:660px;margin-inline:auto;}
.vxn-scta .vxn-hero-cta{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:30px;}

/* ---------- responsive ---------- */
@media (max-width:920px){
  .vxn-stwo{grid-template-columns:1fr;gap:32px;}
  .vxn-stwo.rev .vxn-stwo-visual{order:0;}
  .vxn-stiers{grid-template-columns:1fr;}
}
@media (max-width:680px){
  .vxn-slevel{grid-template-columns:1fr;gap:18px;}
  .vxn-slevel-badge{display:flex;align-items:center;gap:14px;}
  .vxn-slevel-badge .no{font-size:2.4rem;}
  .vxn-slevel-badge .lv{margin-top:0;}
  .vxn-sflow-arrow{transform:rotate(90deg);}
}
@media (prefers-reduced-motion:reduce){
  .vxn-schan,.vxn-faq-item summary .pl{transition:none;}
}

/* mini chart strokes (var()/url() valid only in CSS, not SVG attrs) */
.vxn-schart-base{stroke:var(--vxn-line-2);stroke-width:1;}
.vxn-schart-wom{fill:none;stroke:var(--vxn-faint);stroke-width:2.5;stroke-dasharray:5 5;stroke-linecap:round;stroke-linejoin:round;}
.vxn-schart-lead{fill:none;stroke:url(#vxnSLead);stroke-width:3.4;stroke-linecap:round;stroke-linejoin:round;}

/* ===================================================================== */
/* PAID ACQUISITION additions (.vxn-p*)                                   */
/* ===================================================================== */

/* metric definition cards */
.vxn-pmetrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px;margin-top:42px;}
.vxn-pmetric{border-radius:var(--vxn-r);background:var(--vxn-glass);border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);padding:22px 22px;}
.vxn-pmetric .ab{display:flex;align-items:baseline;gap:9px;flex-wrap:wrap;}
.vxn-pmetric .ab b{font-family:var(--vxn-font-display);font-weight:800;font-size:1.5rem;letter-spacing:-.01em;background:var(--vxn-grad-text);-webkit-background-clip:text;background-clip:text;color:transparent;}
.vxn-pmetric .ab span{font-family:var(--vxn-font-mono);font-size:.66rem;letter-spacing:.06em;text-transform:uppercase;color:var(--vxn-muted);}
.vxn-pmetric p{margin:11px 0 0;font-size:.88rem;color:var(--vxn-ink-2);line-height:1.55;}
.vxn-pmetric p b{color:var(--vxn-ink);font-weight:600;}
.vxn-pmetric .eg{margin-top:11px;font-family:var(--vxn-font-mono);font-size:.72rem;color:var(--vxn-blue-2);}

/* ad-economics money map */
.vxn-peco{margin-top:44px;border-radius:var(--vxn-r);background:var(--vxn-glass-2);border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);padding:clamp(26px,4vw,40px);position:relative;overflow:hidden;}
.vxn-peco::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(600px 280px at 50% -10%,rgba(124,58,237,.14),transparent 70%);}
.vxn-peco-row{position:relative;z-index:1;display:flex;align-items:stretch;justify-content:center;flex-wrap:wrap;gap:6px;}
.vxn-peco-step{flex:1;min-width:118px;text-align:center;padding:18px 14px;border-radius:var(--vxn-r-sm);background:var(--vxn-glass);border:1px solid var(--vxn-glass-brd);}
.vxn-peco-step.in{border-color:var(--vxn-blue);}
.vxn-peco-step.out{border-color:var(--vxn-green);}
.vxn-peco-step .v{font-family:var(--vxn-font-display);font-weight:800;font-size:clamp(1.1rem,2.4vw,1.5rem);color:var(--vxn-ink);font-variant-numeric:tabular-nums;}
.vxn-peco-step.in .v{color:var(--vxn-blue-2);}
.vxn-peco-step.out .v{color:var(--vxn-green);}
.vxn-peco-step .k{font-family:var(--vxn-font-mono);font-size:.65rem;letter-spacing:.05em;text-transform:uppercase;color:var(--vxn-muted);margin-top:5px;}
.vxn-peco-arrow{display:grid;place-items:center;color:var(--vxn-blue-2);flex:none;}
.vxn-peco-arrow svg{width:22px;height:22px;}
.vxn-peco-foot{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;margin-top:26px;}
.vxn-peco-roas{display:inline-flex;align-items:baseline;gap:9px;padding:13px 26px;border-radius:999px;background:var(--vxn-grad-cta);color:#fff;box-shadow:var(--vxn-glow-cta);}
.vxn-peco-roas b{font-family:var(--vxn-font-display);font-weight:800;font-size:1.8rem;}
.vxn-peco-roas span{font-family:var(--vxn-font-mono);font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;opacity:.95;}

/* common mistakes */
.vxn-pmistakes{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px;margin-top:42px;}
.vxn-pmistake{border-radius:var(--vxn-r);background:var(--vxn-glass);border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);padding:24px 24px;border-left:3px solid var(--vxn-red);}
.vxn-pmistake .x{display:flex;align-items:center;gap:10px;margin-bottom:11px;}
.vxn-pmistake .x .ic{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:rgba(244,63,94,.12);color:var(--vxn-red);flex:none;}
.vxn-pmistake .x .ic svg{width:17px;height:17px;}
.vxn-pmistake .x b{font-family:var(--vxn-font-display);font-size:1rem;color:var(--vxn-ink);}
.vxn-pmistake p{margin:0;font-size:.88rem;color:var(--vxn-ink-2);line-height:1.55;}
.vxn-pmistake .fix{display:flex;gap:8px;align-items:flex-start;margin-top:13px;padding-top:13px;border-top:1px solid var(--vxn-line);font-size:.86rem;color:var(--vxn-ink-2);line-height:1.5;}
.vxn-pmistake .fix svg{width:15px;height:15px;flex:none;margin-top:2px;color:var(--vxn-green);}
.vxn-pmistake .fix b{color:var(--vxn-green);font-weight:600;font-family:var(--vxn-font-mono);font-size:.7rem;text-transform:uppercase;letter-spacing:.06em;margin-right:3px;}

@media (max-width:680px){ .vxn-peco-arrow{transform:rotate(90deg);} }

/* ===================================================================== */
/* MED SPA specialty page additions (.vxn-ms*)                            */
/* ===================================================================== */

/* engine cards as links */
a.vxn-schan{text-decoration:none;color:inherit;display:block;transition:transform .25s var(--vxn-ease),border-color .25s var(--vxn-ease);}
a.vxn-schan:hover{transform:translateY(-4px);border-color:var(--vxn-line-2);}
a.vxn-schan .best{color:var(--vxn-blue-2);}

/* before / after transformation */
.vxn-msba{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:44px;}
@media(max-width:720px){.vxn-msba{grid-template-columns:1fr;}}
.vxn-msba-col{border-radius:var(--vxn-r);border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);padding:28px 26px;background:var(--vxn-glass);}
.vxn-msba-col.after{background:var(--vxn-glass-2);border-color:var(--vxn-line-2);position:relative;overflow:hidden;}
.vxn-msba-col.after::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(420px 200px at 80% -10%,rgba(124,58,237,.13),transparent 70%);}
.vxn-msba-h{display:flex;align-items:center;gap:11px;margin-bottom:20px;position:relative;z-index:1;}
.vxn-msba-h .lbl{font-family:var(--vxn-font-mono);font-size:.68rem;letter-spacing:.07em;text-transform:uppercase;}
.vxn-msba-col.before .lbl{color:var(--vxn-muted);}
.vxn-msba-col.after .lbl{color:var(--vxn-blue-2);}
.vxn-msba-h h3{font-family:var(--vxn-font-display);font-size:1.25rem;color:var(--vxn-ink);margin:0;letter-spacing:-.01em;}
.vxn-msba-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px;position:relative;z-index:1;}
.vxn-msba-list li{display:flex;gap:12px;align-items:flex-start;font-size:.92rem;color:var(--vxn-ink-2);line-height:1.5;}
.vxn-msba-list li .ic{width:22px;height:22px;border-radius:6px;flex:none;display:grid;place-items:center;margin-top:1px;}
.vxn-msba-col.before li .ic{background:rgba(244,63,94,.10);color:var(--vxn-red);}
.vxn-msba-col.after li .ic{background:rgba(16,185,129,.12);color:var(--vxn-green);}
.vxn-msba-list li .ic svg{width:13px;height:13px;}
.vxn-msba-col.after li b{color:var(--vxn-ink);font-weight:600;}

/* impact tiles */
.vxn-msimpact{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px;margin-top:42px;}
.vxn-msimpact-tile{border-radius:var(--vxn-r);background:var(--vxn-glass);border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);padding:26px 22px;text-align:center;}
.vxn-msimpact-tile .big{font-family:var(--vxn-font-display);font-weight:800;font-size:2.3rem;line-height:1;letter-spacing:-.01em;background:var(--vxn-grad-text);-webkit-background-clip:text;background-clip:text;color:transparent;font-variant-numeric:tabular-nums;}
.vxn-msimpact-tile .lbl{font-family:var(--vxn-font-display);font-size:.98rem;color:var(--vxn-ink);margin-top:11px;font-weight:600;}
.vxn-msimpact-tile .sub{font-size:.82rem;color:var(--vxn-muted);margin-top:6px;line-height:1.45;}

/* journey timeline */
.vxn-msflow{margin-top:44px;display:flex;flex-direction:column;}
.vxn-msstep{display:grid;grid-template-columns:auto 1fr;gap:20px;position:relative;padding-bottom:26px;}
.vxn-msstep:last-child{padding-bottom:0;}
.vxn-msstep-rail{display:flex;flex-direction:column;align-items:center;}
.vxn-msstep-num{width:46px;height:46px;border-radius:50%;flex:none;display:grid;place-items:center;font-family:var(--vxn-font-display);font-weight:800;font-size:1.05rem;color:#fff;background:var(--vxn-grad-cta);box-shadow:var(--vxn-glow-cta);z-index:1;}
.vxn-msstep-line{flex:1;width:2px;background:var(--vxn-line-2);margin-top:4px;border-radius:2px;}
.vxn-msstep:last-child .vxn-msstep-line{display:none;}
.vxn-msstep-body{border-radius:var(--vxn-r);background:var(--vxn-glass);border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);padding:22px 24px;}
.vxn-msstep-body .when{font-family:var(--vxn-font-mono);font-size:.68rem;letter-spacing:.06em;text-transform:uppercase;color:var(--vxn-blue-2);}
.vxn-msstep-body h4{font-family:var(--vxn-font-display);font-size:1.12rem;color:var(--vxn-ink);margin:5px 0 8px;letter-spacing:-.01em;}
.vxn-msstep-body p{font-size:.9rem;color:var(--vxn-ink-2);line-height:1.55;margin:0;}
.vxn-msstep-body p .need{color:var(--vxn-ink);font-weight:600;}



/* From dermatology.html */

/* =====================================================================
   VAYUNEX — DESIGN SYSTEM v2
   Light-default, royal-purple. Dark mode via :root[data-theme="dark"].
   Theme bases: --w (tint), --ln (hairline), --mk (screen-mock surface)
   flip per theme so one stylesheet serves both. Accents are shared.
   Type:  Sora (display) · Manrope (body) · JetBrains Mono (data)
   ===================================================================== */

/* ----- TOKENS : LIGHT (default) ----- */
:root{
  color-scheme: light;

  --vxn-void:#ffffff;
  --vxn-deep:#f4f0fb;
  --vxn-panel:#ffffff;
  --vxn-panel-2:#f5f1fe;

  --vxn-ink:#1b1233;
  --vxn-ink-2:#392e57;
  --vxn-muted:#675d86;
  --vxn-faint:#9a91b4;

  /* theme bases */
  --w:45,35,70;          /* subtle tint base (dark on light) */
  --ln:110,82,180;       /* hairline base (purple)           */
  --mk:245,243,252;      /* screen-mock surface (near-white) */

  --vxn-line:rgba(var(--ln),0.16);
  --vxn-line-2:rgba(var(--ln),0.32);

  /* royal-purple accents (shared both themes) */
  --vxn-blue:#7c3aed;    /* primary  */
  --vxn-blue-2:#a855f7;  /* primary-2 */
  --vxn-cyan:#c084fc;    /* bright orchid pop */
  --vxn-violet:#8b5cf6;
  --vxn-green:#10b981;   /* success / revenue */
  --vxn-amber:#f59e0b;   /* stars / cost */
  --vxn-red:#f43f5e;     /* loss */

  --vxn-glass:linear-gradient(160deg,rgba(255,255,255,0.96),rgba(250,248,255,0.90));
  --vxn-glass-2:linear-gradient(160deg,#ffffff,#f3edfe);
  --vxn-glass-brd:rgba(var(--ln),0.20);

  --vxn-cta-ink:#ffffff;
  --vxn-grad-cta:linear-gradient(135deg,#7c3aed 0%,#a855f7 55%,#c084fc 100%);
  --vxn-grad-violet:linear-gradient(135deg,#8b5cf6 0%,#7c3aed 100%);
  --vxn-grad-text:linear-gradient(120deg,#2a1d4d 0%,#7c3aed 55%,#a855f7 100%);

  --vxn-shadow:0 26px 60px -30px rgba(76,29,149,0.30);
  --vxn-glow-cta:0 16px 40px -12px rgba(124,58,237,0.42);

  --vxn-font-display:'Sora',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  --vxn-font-body:'Manrope',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  --vxn-font-mono:'JetBrains Mono',ui-monospace,SFMono-Regular,Menlo,monospace;

  --vxn-r:20px;
  --vxn-r-sm:14px;
  --vxn-shell:1180px;
  --vxn-ease:cubic-bezier(.2,.7,.2,1);
}

/* ----- TOKENS : DARK (toggle) ----- */
:root[data-theme="dark"]{
  color-scheme: dark;

  --vxn-void:#0b0818;
  --vxn-deep:#0f0b20;
  --vxn-panel:#150f2b;
  --vxn-panel-2:#1b1338;

  --vxn-ink:#f3f0ff;
  --vxn-ink-2:#cdc6e8;
  --vxn-muted:#968cb8;
  --vxn-faint:#6c648c;

  --w:255,255,255;
  --ln:150,135,215;
  --mk:14,20,44;

  --vxn-glass:linear-gradient(160deg,rgba(255,255,255,0.07),rgba(255,255,255,0.02));
  --vxn-glass-2:linear-gradient(160deg,rgba(255,255,255,0.10),rgba(255,255,255,0.03));
  --vxn-glass-brd:rgba(255,255,255,0.10);

  --vxn-grad-text:linear-gradient(120deg,#ffffff 0%,#c4b5fd 50%,#c084fc 100%);

  --vxn-shadow:0 26px 70px -28px rgba(0,0,0,0.70);
  --vxn-glow-cta:0 16px 44px -12px rgba(124,58,237,0.60);
}

/* ----- TRANSFORMED SECTION STYLES (token-driven, theme-aware) ----- */
/* =====================================================================
   VAYUNEX — GLOBAL DESIGN SYSTEM
   Visual direction: "Mission control for revenue" — deep navy/black base,
   electric blue + cyan + violet accents, success green & cost amber for
   telemetry, frosted glass, ambient grid, lead-flow particle motif.
   Type roles:  Sora (display) · Manrope (body) · JetBrains Mono (data)
   All classes are namespaced with the vxn- prefix.
   ===================================================================== */

/* ----- TOKENS ----- */

/* ----- RESET / BASE ----- */
*,*::before,*::after{box-sizing:border-box;}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;}
body{
  margin:0;
  background:var(--vxn-void);
  color:var(--vxn-ink-2);
  font-family:var(--vxn-font-body);
  font-size:16px;
  line-height:1.65;
  letter-spacing:.005em;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
  overflow-x:hidden;
}
img{max-width:100%;display:block;}
a{color:inherit;text-decoration:none;}
button{font-family:inherit;cursor:pointer;}
canvas{display:block;}
::selection{background:rgba(192,132,252,.28);color:#fff;}

/* ----- AMBIENT ATMOSPHERE (fixed background layer) ----- */
.vxn-atmos{position:fixed;inset:0;z-index:-2;pointer-events:none;background:
  radial-gradient(1100px 700px at 78% -8%,rgba(124,58,237,.22),transparent 60%),
  radial-gradient(900px 700px at 8% 12%,rgba(139,92,246,.16),transparent 60%),
  radial-gradient(1000px 800px at 60% 108%,rgba(192,132,252,.10),transparent 55%),
  var(--vxn-void);}
.vxn-atmos::before{content:"";position:absolute;inset:0;opacity:.5;
  background-image:linear-gradient(rgba(var(--ln),.05) 1px,transparent 1px),
                   linear-gradient(90deg,rgba(var(--ln),.05) 1px,transparent 1px);
  background-size:54px 54px;
  -webkit-mask-image:radial-gradient(circle at 50% 30%,#000 0%,transparent 78%);
          mask-image:radial-gradient(circle at 50% 30%,#000 0%,transparent 78%);}
.vxn-grain{position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.035;mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");}

/* ----- LAYOUT PRIMITIVES ----- */
.vxn-shell{width:100%;max-width:var(--vxn-shell);margin-inline:auto;padding-inline:24px;}
.vxn-section{position:relative;padding-block:clamp(74px,11vh,128px);}
.vxn-section--tight{padding-block:clamp(56px,8vh,92px);}
.vxn-divider{height:1px;background:linear-gradient(90deg,transparent,var(--vxn-line-2),transparent);border:0;margin:0;}

/* ----- TYPOGRAPHY ----- */
.vxn-eyebrow{display:inline-flex;align-items:center;gap:9px;font-family:var(--vxn-font-mono);
  font-size:12px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--vxn-cyan);}
.vxn-eyebrow::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--vxn-cyan);
  box-shadow:0 0 10px var(--vxn-cyan);}
.vxn-h1{font-family:var(--vxn-font-display);font-weight:800;line-height:1.04;letter-spacing:-.025em;
  font-size:clamp(2.4rem,6vw,4.5rem);color:var(--vxn-ink);margin:0;}
.vxn-h2{font-family:var(--vxn-font-display);font-weight:700;line-height:1.08;letter-spacing:-.02em;
  font-size:clamp(1.85rem,4vw,3rem);color:var(--vxn-ink);margin:0;}
.vxn-h3{font-family:var(--vxn-font-display);font-weight:600;line-height:1.2;letter-spacing:-.01em;
  font-size:clamp(1.1rem,2vw,1.35rem);color:var(--vxn-ink);margin:0;}
.vxn-lead{font-size:clamp(1.02rem,1.6vw,1.2rem);color:var(--vxn-ink-2);max-width:62ch;}
.vxn-grad-txt{background:var(--vxn-grad-text);-webkit-background-clip:text;background-clip:text;color:transparent;}
.vxn-cyan{color:var(--vxn-cyan);} .vxn-violet{color:var(--vxn-violet);} .vxn-green{color:var(--vxn-green);}
.vxn-mono{font-family:var(--vxn-font-mono);font-variant-numeric:tabular-nums;}
.vxn-head{max-width:760px;}
.vxn-head .vxn-lead{margin-top:18px;}
.vxn-center{text-align:center;margin-inline:auto;}

/* ----- BUTTONS ----- */
.vxn-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;
  font-family:var(--vxn-font-display);font-weight:600;font-size:.96rem;letter-spacing:-.01em;
  padding:14px 24px;border-radius:13px;border:1px solid transparent;transition:transform .25s var(--vxn-ease),box-shadow .25s,background .25s;white-space:nowrap;}
.vxn-btn svg{width:18px;height:18px;}
.vxn-btn--primary{background:var(--vxn-grad-cta);color:var(--vxn-cta-ink);box-shadow:var(--vxn-glow-cta);}
.vxn-btn--primary:hover{transform:translateY(-2px);box-shadow:0 20px 50px -12px rgba(124,58,237,.7);}
.vxn-btn--ghost{background:rgba(var(--w),.03);border-color:var(--vxn-line-2);color:var(--vxn-ink);}
.vxn-btn--ghost:hover{transform:translateY(-2px);background:rgba(var(--w),.07);border-color:var(--vxn-cyan);}
.vxn-btn:focus-visible{outline:2px solid var(--vxn-cyan);outline-offset:3px;}

/* ----- CHIPS / PILLS ----- */
.vxn-chip{display:inline-flex;align-items:center;gap:8px;font-size:.82rem;font-weight:600;color:var(--vxn-ink-2);
  padding:7px 14px;border-radius:999px;background:rgba(var(--w),.04);border:1px solid var(--vxn-line);}
.vxn-chip .vxn-dot{width:6px;height:6px;border-radius:50%;background:var(--vxn-green);box-shadow:0 0 8px var(--vxn-green);}

/* ----- GLASS CARD ----- */
.vxn-glass{position:relative;background:var(--vxn-glass);border:1px solid var(--vxn-glass-brd);
  border-radius:var(--vxn-r);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--vxn-shadow);}
.vxn-glass::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;pointer-events:none;
  background:linear-gradient(160deg,rgba(var(--w),.35),transparent 40%);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
          mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;mask-composite:exclude;opacity:.5;}

/* 3D tilt-ready card */
.vxn-card3d{transition:transform .4s var(--vxn-ease),box-shadow .4s;transform-style:preserve-3d;will-change:transform;}

/* ----- SCROLL REVEAL ----- */
.vxn-reveal{opacity:0;transform:translateY(28px);transition:opacity .8s var(--vxn-ease),transform .8s var(--vxn-ease);transition-delay:var(--d,0s);}
.vxn-reveal.is-in{opacity:1;transform:none;}

/* ============================ NAV (CAPSULE) ============================ */
/* "Living glass capsule" — contracts on scroll, canopy mega-menu unfurls
   out of the same surface, sliding spotlight, full-screen mobile overlay. */
.vxn-skip{position:absolute;left:-9999px;top:0;z-index:200;background:var(--vxn-cyan);color:var(--vxn-cta-ink);
  padding:10px 16px;border-radius:0 0 10px 0;font-weight:700;}
.vxn-skip:focus{left:0;}

.vxn-scrim{position:fixed;inset:0;z-index:79;background:rgba(var(--mk),.55);opacity:0;visibility:hidden;
  -webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:opacity .35s,visibility .35s;}
.vxn-scrim.is-on{opacity:1;visibility:visible;}

.vxn-nav{position:fixed;top:14px;left:0;right:0;z-index:80;display:flex;justify-content:center;padding-inline:14px;}
.vxn-island{width:min(1120px,100%);background:linear-gradient(160deg,rgba(var(--mk),.78),rgba(var(--mk),.7));
  border:1px solid var(--vxn-glass-brd);border-radius:22px;overflow:hidden;
  -webkit-backdrop-filter:blur(16px) saturate(140%);backdrop-filter:blur(16px) saturate(140%);
  box-shadow:0 18px 50px -22px rgba(0,0,0,.8);
  transition:width .5s var(--vxn-ease),border-radius .5s,background .5s;}
.vxn-nav.is-contracted .vxn-island{width:min(880px,100%);background:linear-gradient(160deg,rgba(var(--mk),.92),rgba(var(--mk),.9));}
.vxn-bar{display:flex;align-items:center;gap:18px;padding:11px 14px 11px 18px;transition:padding .5s var(--vxn-ease);}
.vxn-nav.is-contracted .vxn-bar{padding:8px 12px 8px 16px;}

.vxn-brand{display:flex;align-items:center;gap:11px;flex-shrink:0;}
.vxn-mark{width:30px;height:30px;flex-shrink:0;transition:width .5s,height .5s;}
.vxn-nav.is-contracted .vxn-mark{width:26px;height:26px;}
.vxn-word{font-family:var(--vxn-font-display);font-weight:800;letter-spacing:.12em;font-size:1.02rem;color:var(--vxn-ink);}

.vxn-links{position:relative;display:flex;align-items:center;gap:2px;margin-inline:auto;}
.vxn-spot{position:absolute;top:50%;height:34px;border-radius:11px;transform:translateY(-50%);
  background:linear-gradient(160deg,rgba(var(--ln),.22),rgba(var(--ln),.08));border:1px solid var(--vxn-line);
  z-index:0;opacity:0;transition:left .38s var(--vxn-ease),width .38s var(--vxn-ease),opacity .3s;pointer-events:none;}
.vxn-link{position:relative;z-index:1;display:inline-flex;align-items:center;gap:6px;color:var(--vxn-ink-2);
  font-size:.92rem;font-weight:600;padding:8px 14px;border-radius:11px;background:none;border:0;transition:color .25s;}
.vxn-link:hover,.vxn-link[aria-expanded="true"]{color:var(--vxn-ink);}
.vxn-link .vxn-chev{width:14px;height:14px;transition:transform .3s;}
.vxn-link[aria-expanded="true"] .vxn-chev{transform:rotate(180deg);}
.vxn-link:focus-visible{outline:2px solid var(--vxn-cyan);outline-offset:2px;}

.vxn-actions{display:flex;align-items:center;gap:10px;flex-shrink:0;}
.vxn-cta{display:inline-flex;align-items:center;gap:7px;background:var(--vxn-grad-cta);color:var(--vxn-cta-ink);
  font-family:var(--vxn-font-display);font-weight:700;font-size:.88rem;padding:10px 17px;border-radius:11px;
  box-shadow:0 10px 26px -10px rgba(124,58,237,.6);transition:transform .25s,box-shadow .25s;border:0;}
.vxn-cta:hover{transform:translateY(-1px);box-shadow:0 14px 32px -8px rgba(124,58,237,.8);}
.vxn-cta:focus-visible{outline:2px solid #fff;outline-offset:2px;}

.vxn-burger{display:none;width:42px;height:38px;border-radius:11px;background:rgba(var(--w),.05);
  border:1px solid var(--vxn-line);align-items:center;justify-content:center;flex-direction:column;gap:4px;}
.vxn-burger span{width:18px;height:2px;background:var(--vxn-ink);border-radius:2px;transition:transform .3s,opacity .3s;}
.vxn-burger:focus-visible{outline:2px solid var(--vxn-cyan);outline-offset:2px;}

/* Canopy mega-menu (lives INSIDE the island; grows out of it) */
.vxn-canopy{max-height:0;opacity:0;padding:0 22px;transition:max-height .5s var(--vxn-ease),opacity .35s,padding .5s var(--vxn-ease);}
.vxn-island.is-open .vxn-canopy{max-height:420px;opacity:1;padding:4px 22px 22px;}
.vxn-canopy-top{height:1px;background:var(--vxn-line);margin-bottom:18px;}
.vxn-canopy-grid{display:grid;grid-template-columns:1fr 1fr 1.15fr;gap:22px;}
.vxn-col-title{font-family:var(--vxn-font-mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--vxn-muted);margin-bottom:12px;}
.vxn-col a{display:flex;align-items:center;gap:10px;color:var(--vxn-ink-2);font-size:.9rem;font-weight:600;padding:7px 9px;border-radius:9px;transition:background .2s,color .2s,transform .2s;opacity:0;transform:translateY(8px);}
.vxn-island.is-open .vxn-col a{opacity:1;transform:none;}
.vxn-island.is-open .vxn-col:nth-child(1) a{transition-delay:.05s;}
.vxn-island.is-open .vxn-col:nth-child(2) a{transition-delay:.12s;}
.vxn-col a:hover{background:rgba(var(--ln),.1);color:#fff;}
.vxn-col a i{width:8px;height:8px;border-radius:50%;background:var(--vxn-cyan);box-shadow:0 0 8px var(--vxn-cyan);flex-shrink:0;}
.vxn-col a.h i{background:var(--vxn-green);box-shadow:0 0 8px var(--vxn-green);}
.vxn-rail{background:var(--vxn-grad-violet);border-radius:16px;padding:18px;display:flex;flex-direction:column;justify-content:center;opacity:0;transform:translateY(8px);transition:opacity .4s .18s,transform .4s .18s;}
.vxn-island.is-open .vxn-rail{opacity:1;transform:none;}
.vxn-rail h4{font-family:var(--vxn-font-display);font-size:1.05rem;color:#fff;margin:0 0 6px;}
.vxn-rail p{font-size:.82rem;color:rgba(var(--w),.85);margin:0 0 14px;}
.vxn-rail a{align-self:flex-start;background:#fff;color:#1a1340;font-weight:700;font-size:.82rem;padding:9px 15px;border-radius:10px;}

/* Mobile full-screen overlay */
.vxn-overlay{position:fixed;inset:0;z-index:90;background:linear-gradient(180deg,var(--vxn-void),var(--vxn-void));
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transform:translateY(-100%);transition:transform .5s var(--vxn-ease);
  display:flex;flex-direction:column;padding:22px;overflow-y:auto;}
.vxn-overlay.is-open{transform:none;}
.vxn-ov-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:36px;}
.vxn-ov-close{width:42px;height:42px;border-radius:12px;background:rgba(var(--w),.05);border:1px solid var(--vxn-line);color:var(--vxn-ink);font-size:1.4rem;display:flex;align-items:center;justify-content:center;}
.vxn-ov-body{display:flex;flex-direction:column;gap:6px;}
.vxn-ov-link{font-family:var(--vxn-font-display);font-weight:700;font-size:1.8rem;color:var(--vxn-ink);padding:14px 4px;border-bottom:1px solid var(--vxn-line);display:flex;align-items:center;justify-content:space-between;
  opacity:0;transform:translateX(-18px);transition:opacity .5s,transform .5s;}
.vxn-overlay.is-open .vxn-ov-link{opacity:1;transform:none;}
.vxn-overlay.is-open .vxn-ov-link:nth-child(1){transition-delay:.08s;}
.vxn-overlay.is-open .vxn-ov-link:nth-child(2){transition-delay:.14s;}
.vxn-overlay.is-open .vxn-ov-link:nth-child(3){transition-delay:.2s;}
.vxn-overlay.is-open .vxn-ov-link:nth-child(4){transition-delay:.26s;}
.vxn-overlay.is-open .vxn-ov-link:nth-child(5){transition-delay:.32s;}
.vxn-ov-sub{display:none;flex-direction:column;gap:2px;padding:6px 4px 14px;}
.vxn-ov-sub.is-open{display:flex;}
.vxn-ov-sub a{color:var(--vxn-muted);font-size:1.05rem;font-weight:600;padding:8px 0;}
.vxn-ov-cta{margin-top:26px;}

@media(max-width:920px){
  .vxn-links{display:none;}
  .vxn-burger{display:flex;}
  .vxn-actions .vxn-cta{display:none;}
}
@media(min-width:921px){ .vxn-overlay{display:none!important;} }

/* ============================ HERO ============================ */
.vxn-hero{position:relative;min-height:100svh;display:flex;align-items:center;padding-top:130px;padding-bottom:64px;overflow:hidden;}
.vxn-hero-bg{position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.9;}
.vxn-hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.04fr .96fr;gap:46px;align-items:center;width:100%;}
.vxn-hero-copy{max-width:600px;}
.vxn-hero h1{margin:18px 0 0;}
.vxn-hero h1 .ln{display:block;}
.vxn-hero .vxn-lead{margin-top:22px;}
.vxn-hero-cta{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px;}
.vxn-hero-trust{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px;}

.vxn-engine{position:relative;width:100%;aspect-ratio:1/.86;max-width:560px;margin-inline:auto;}
.vxn-engine canvas{position:absolute;inset:0;width:100%;height:100%;}
.vxn-dash{position:absolute;right:-6px;bottom:-14px;width:min(252px,72%);padding:16px 16px 14px;border-radius:16px;z-index:3;}
.vxn-dash-h{display:flex;align-items:center;gap:8px;font-family:var(--vxn-font-mono);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--vxn-muted);margin-bottom:12px;}
.vxn-dash-h .live{width:7px;height:7px;border-radius:50%;background:var(--vxn-green);box-shadow:0 0 9px var(--vxn-green);animation:vxn-pulse 1.8s infinite;}
.vxn-dash-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 14px;}
.vxn-dash-cell .k{font-size:10px;letter-spacing:.04em;color:var(--vxn-faint);text-transform:uppercase;font-weight:600;}
.vxn-dash-cell .v{font-family:var(--vxn-font-mono);font-weight:700;font-size:1.18rem;color:var(--vxn-ink);line-height:1.2;font-variant-numeric:tabular-nums;}
.vxn-dash-cell .v.c{color:var(--vxn-cyan);} .vxn-dash-cell .v.g{color:var(--vxn-green);}
@keyframes vxn-pulse{0%,100%{opacity:1;transform:scale(1);}50%{opacity:.45;transform:scale(.82);}}

/* ============================ PROBLEM / LEAK FUNNEL ============================ */
.vxn-leak-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:46px;align-items:center;margin-top:48px;}
.vxn-funnel-stage{position:relative;width:100%;max-width:440px;margin-inline:auto;}
.vxn-funnel-stage svg{width:100%;height:auto;overflow:visible;}
.vxn-leak-rows{display:flex;flex-direction:column;gap:10px;}
.vxn-leak-row{display:flex;gap:14px;align-items:flex-start;padding:15px 16px;border-radius:14px;border:1px solid var(--vxn-line);
  background:rgba(var(--w),.018);cursor:pointer;transition:border-color .3s,background .3s,transform .3s;text-align:left;width:100%;}
.vxn-leak-row:hover{transform:translateX(4px);}
.vxn-leak-row.is-active{border-color:rgba(244,63,94,.55);background:rgba(244,63,94,.07);}
.vxn-leak-num{font-family:var(--vxn-font-mono);font-size:.8rem;color:var(--vxn-red);font-weight:700;width:26px;height:26px;border-radius:8px;
  background:rgba(244,63,94,.12);display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px;}
.vxn-leak-row.is-active .vxn-leak-num{background:var(--vxn-red);color:#180408;}
.vxn-leak-txt h4{font-family:var(--vxn-font-display);font-size:1rem;color:var(--vxn-ink);margin:0 0 3px;}
.vxn-leak-txt p{margin:0;font-size:.88rem;color:var(--vxn-muted);}
.vxn-leak-foot{margin-top:22px;font-size:.95rem;color:var(--vxn-ink-2);border-left:2px solid var(--vxn-cyan);padding-left:16px;}

/* ============================ METHOD (10-step journey) ============================ */
.vxn-method-rail{position:relative;display:flex;gap:14px;overflow-x:auto;padding:30px 4px 18px;margin-top:38px;scroll-snap-type:x mandatory;
  -ms-overflow-style:none;scrollbar-width:thin;scrollbar-color:var(--vxn-line-2) transparent;}
.vxn-method-rail::-webkit-scrollbar{height:6px;}
.vxn-method-rail::-webkit-scrollbar-thumb{background:var(--vxn-line-2);border-radius:6px;}
.vxn-mprogress{position:absolute;top:14px;left:4px;right:4px;height:2px;background:var(--vxn-line);border-radius:2px;overflow:hidden;}
.vxn-mprogress i{position:absolute;inset:0;width:0;background:var(--vxn-grad-cta);box-shadow:0 0 12px rgba(192,132,252,.6);transition:width 1.4s var(--vxn-ease);}
.vxn-mstep{position:relative;scroll-snap-align:start;flex:0 0 auto;width:172px;padding:18px 16px 16px;border-radius:16px;}
.vxn-mstep .n{position:absolute;top:-11px;left:16px;font-family:var(--vxn-font-mono);font-size:.7rem;font-weight:700;color:var(--vxn-cyan);
  background:var(--vxn-deep);border:1px solid var(--vxn-line);padding:3px 7px;border-radius:7px;}
.vxn-mstep .ic{width:38px;height:38px;border-radius:11px;background:rgba(var(--ln),.1);display:flex;align-items:center;justify-content:center;margin-bottom:12px;color:var(--vxn-cyan);}
.vxn-mstep .ic svg{width:20px;height:20px;}
.vxn-mstep h4{font-family:var(--vxn-font-display);font-size:1rem;color:var(--vxn-ink);margin:0 0 6px;}
.vxn-mstep p{margin:0;font-size:.82rem;color:var(--vxn-muted);line-height:1.5;}
.vxn-mstep::after{content:"";position:absolute;right:-9px;top:54px;width:14px;height:14px;border-top:2px solid var(--vxn-line-2);border-right:2px solid var(--vxn-line-2);transform:rotate(45deg);opacity:.7;}
.vxn-mstep:last-child::after{display:none;}

/* ============================ STRATEGY BOARD ============================ */
.vxn-board-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:46px;align-items:center;margin-top:46px;}
.vxn-board{position:relative;aspect-ratio:1;width:100%;max-width:480px;margin-inline:auto;border-radius:24px;overflow:hidden;
  background:linear-gradient(160deg,rgba(var(--mk),.9),rgba(var(--mk),.92));border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);}
.vxn-board::before{content:"";position:absolute;inset:0;opacity:.5;
  background-image:repeating-conic-gradient(rgba(var(--ln),.05) 0% 25%,transparent 0% 50%);background-size:25% 25%;}
.vxn-board::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 45%,transparent 30%,rgba(var(--mk),.55) 100%);}
.vxn-piece{position:absolute;width:21%;aspect-ratio:1;transform:translate(-50%,-50%) scale(.3);opacity:0;
  transition:transform .9s var(--vxn-ease),opacity .7s;left:var(--x);top:var(--y);z-index:2;cursor:default;}
.vxn-board.is-placed .vxn-piece{transform:translate(-50%,-50%) scale(1);opacity:1;}
.vxn-piece-disc{position:absolute;inset:0;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;
  background:radial-gradient(circle at 35% 28%,rgba(var(--w),.22),rgba(var(--w),.03) 60%),linear-gradient(160deg,rgba(var(--mk),.9),rgba(var(--mk),.95));
  border:1px solid rgba(var(--w),.16);box-shadow:0 10px 24px -8px rgba(0,0,0,.7),inset 0 1px 1px rgba(var(--w),.25);
  transition:transform .3s,box-shadow .3s;}
.vxn-piece:hover .vxn-piece-disc{transform:translateY(-4px) scale(1.05);box-shadow:0 16px 30px -8px var(--pc,rgba(192,132,252,.5)),inset 0 1px 1px rgba(var(--w),.3);}
.vxn-piece-disc svg{width:34%;height:34%;color:var(--pc,var(--vxn-cyan));}
.vxn-piece-lbl{font-family:var(--vxn-font-mono);font-size:.5rem;letter-spacing:.04em;color:var(--vxn-ink-2);text-transform:uppercase;font-weight:700;}
.vxn-piece-glow{position:absolute;inset:-30%;border-radius:50%;background:radial-gradient(circle,var(--pc,rgba(192,132,252,.4)),transparent 65%);opacity:.4;filter:blur(6px);z-index:-1;}
.vxn-tip{position:absolute;left:50%;bottom:112%;transform:translateX(-50%) translateY(6px);width:max-content;max-width:180px;
  background:rgba(var(--mk),.96);border:1px solid var(--vxn-line-2);border-radius:10px;padding:9px 12px;font-size:.74rem;color:var(--vxn-ink-2);line-height:1.45;
  opacity:0;visibility:hidden;transition:opacity .25s,transform .25s,visibility .25s;z-index:5;box-shadow:0 12px 30px -10px rgba(0,0,0,.8);pointer-events:none;}
.vxn-tip b{color:var(--pc,var(--vxn-cyan));font-family:var(--vxn-font-display);}
.vxn-piece:hover .vxn-tip{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0);}
.vxn-legend{display:flex;flex-direction:column;gap:8px;margin-top:26px;}
.vxn-lrow{display:flex;align-items:center;gap:12px;padding:11px 14px;border-radius:12px;border:1px solid var(--vxn-line);background:rgba(var(--w),.018);transition:background .25s,border-color .25s;cursor:default;}
.vxn-lrow:hover{background:rgba(var(--ln),.06);border-color:var(--vxn-line-2);}
.vxn-lrow .sw{width:12px;height:12px;border-radius:50%;flex-shrink:0;box-shadow:0 0 10px currentColor;}
.vxn-lrow b{font-family:var(--vxn-font-display);color:var(--vxn-ink);font-size:.92rem;min-width:74px;}
.vxn-lrow span{font-size:.85rem;color:var(--vxn-muted);}

/* ============================ INDUSTRY JOURNEYS (health / hospitality) ============================ */
.vxn-jintro{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap;}
.vxn-journey{position:relative;margin:46px 0 40px;padding:34px 12px 30px;border-radius:20px;}
.vxn-jtrack{position:relative;display:flex;justify-content:space-between;gap:8px;padding-top:8px;}
.vxn-jline{position:absolute;top:30px;left:5%;right:5%;height:2px;background:var(--vxn-line);border-radius:2px;}
.vxn-jline i{position:absolute;inset:0;width:0;background:linear-gradient(90deg,var(--ac1),var(--ac2));box-shadow:0 0 10px var(--ac2);transition:width 1.8s var(--vxn-ease);}
.vxn-jnode{position:relative;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;flex:1;min-width:0;z-index:2;}
.vxn-jdot{width:46px;height:46px;border-radius:14px;background:var(--vxn-deep);border:1px solid var(--vxn-line-2);display:flex;align-items:center;justify-content:center;color:var(--ac2,var(--vxn-cyan));transition:box-shadow .4s,border-color .4s,transform .4s;}
.vxn-jdot svg{width:21px;height:21px;}
.vxn-journey.is-in .vxn-jnode:nth-child(1) .vxn-jdot{box-shadow:0 0 0 4px rgba(192,132,252,.08),0 0 20px -4px var(--ac2);border-color:var(--ac2);}
.vxn-jlabel{font-size:.78rem;font-weight:600;color:var(--vxn-ink-2);line-height:1.3;max-width:90px;}
.vxn-jsub{font-family:var(--vxn-font-mono);font-size:.62rem;letter-spacing:.04em;color:var(--vxn-faint);text-transform:uppercase;}
.vxn-token{position:absolute;top:30px;left:5%;width:18px;height:18px;border-radius:50%;transform:translate(-50%,-50%);z-index:3;
  background:radial-gradient(circle at 35% 30%,#fff,var(--ac2));box-shadow:0 0 16px var(--ac2);}
.vxn-journey.is-in .vxn-token{animation:vxn-ride 7s var(--vxn-ease) .4s infinite;}
@keyframes vxn-ride{0%{left:5%;}12%{left:5%;}22%{left:24%;}34%{left:24%;}44%{left:50%;}56%{left:50%;}66%{left:76%;}78%{left:76%;}88%{left:95%;}100%{left:95%;}}
.vxn-cap-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(225px,1fr));gap:16px;margin-top:6px;}
.vxn-cap{padding:20px 18px;border-radius:16px;transition:transform .35s var(--vxn-ease),border-color .35s;}
.vxn-cap:hover{transform:translateY(-5px);}
.vxn-cap .ic{width:40px;height:40px;border-radius:11px;display:flex;align-items:center;justify-content:center;margin-bottom:13px;
  background:rgba(192,132,252,.1);color:var(--ac2,var(--vxn-cyan));}
.vxn-cap .ic svg{width:21px;height:21px;}
.vxn-cap h4{font-family:var(--vxn-font-display);font-size:1.02rem;color:var(--vxn-ink);margin:0 0 7px;}
.vxn-cap p{margin:0;font-size:.86rem;color:var(--vxn-muted);}
.vxn-note{display:inline-flex;align-items:center;gap:8px;margin-top:24px;font-size:.8rem;color:var(--vxn-faint);font-family:var(--vxn-font-mono);}
.vxn-note::before{content:"";width:14px;height:1px;background:var(--vxn-faint);}

/* ============================ SEO WALKTHROUGH ============================ */
.vxn-seo-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:42px;align-items:center;margin-top:46px;}
.vxn-query-chips{display:flex;flex-wrap:wrap;gap:9px;margin:22px 0 26px;}
.vxn-qchip{font-size:.82rem;font-weight:600;color:var(--vxn-ink-2);padding:8px 14px;border-radius:10px;border:1px solid var(--vxn-line);background:rgba(var(--w),.02);transition:all .25s;}
.vxn-qchip.is-on{border-color:transparent;background:linear-gradient(135deg,#7c3aed,#a855f7);color:#fff;box-shadow:0 6px 16px -6px rgba(124,58,237,.55);}
.vxn-seo-labels{display:flex;flex-direction:column;gap:9px;}
.vxn-seolab{display:flex;align-items:center;gap:11px;font-size:.88rem;color:var(--vxn-faint);transition:color .3s;}
.vxn-seolab .tick{width:20px;height:20px;border-radius:6px;border:1px solid var(--vxn-line-2);display:flex;align-items:center;justify-content:center;transition:all .3s;}
.vxn-seolab .tick svg{width:12px;height:12px;opacity:0;transition:opacity .3s;}
.vxn-seolab.is-lit{color:var(--vxn-ink);}
.vxn-seolab.is-lit .tick{background:var(--vxn-green);border-color:var(--vxn-green);}
.vxn-seolab.is-lit .tick svg{opacity:1;color:#04140d;}

.vxn-browser{position:relative;border-radius:16px;overflow:hidden;border:1px solid var(--vxn-glass-brd);
  background:linear-gradient(180deg,rgba(var(--mk),.96),rgba(var(--mk),.98));box-shadow:var(--vxn-shadow);min-height:430px;}
.vxn-bbar{display:flex;align-items:center;gap:8px;padding:11px 14px;border-bottom:1px solid var(--vxn-line);background:rgba(var(--w),.02);}
.vxn-bdots{display:flex;gap:6px;}
.vxn-bdots i{width:10px;height:10px;border-radius:50%;background:rgba(var(--w),.18);}
.vxn-burl{flex:1;display:flex;align-items:center;gap:8px;background:rgba(0,0,0,.3);border:1px solid var(--vxn-line);border-radius:9px;padding:6px 12px;font-family:var(--vxn-font-mono);font-size:.76rem;color:var(--vxn-muted);}
.vxn-burl svg{width:12px;height:12px;color:var(--vxn-green);}
.vxn-bbody{position:relative;padding:22px;min-height:380px;}
.vxn-seo-screen{position:absolute;inset:0;padding:24px;opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .5s,transform .5s,visibility .5s;}
.vxn-seo-screen.is-on{opacity:1;visibility:visible;transform:none;}
.vxn-search-box{display:flex;align-items:center;gap:12px;background:#fff;border-radius:999px;padding:14px 22px;box-shadow:0 8px 30px -8px rgba(0,0,0,.5);max-width:440px;margin:60px auto 0;}
.vxn-search-box svg{width:20px;height:20px;color:#5f6368;flex-shrink:0;}
.vxn-search-q{font-family:var(--vxn-font-body);font-size:1.02rem;color:#202124;font-weight:500;}
.vxn-search-q .car{display:inline-block;width:2px;height:1.05em;background:#4285f4;margin-left:1px;vertical-align:-2px;animation:vxn-blink 1s step-end infinite;}
@keyframes vxn-blink{50%{opacity:0;}}
.vxn-search-hint{text-align:center;color:var(--vxn-faint);font-size:.82rem;margin-top:22px;}
.vxn-serp{display:grid;grid-template-columns:1.4fr .9fr;gap:18px;}
.vxn-serp-list{display:flex;flex-direction:column;gap:11px;}
.vxn-result{padding:13px 15px;border-radius:12px;border:1px solid var(--vxn-line);background:rgba(var(--w),.025);transition:transform .6s var(--vxn-ease),border-color .5s,background .5s;}
.vxn-result .u{font-size:.72rem;color:var(--vxn-green);font-family:var(--vxn-font-mono);}
.vxn-result .t{font-family:var(--vxn-font-display);font-size:.98rem;color:var(--vxn-blue-2);margin:3px 0 5px;}
.vxn-result .d{font-size:.78rem;color:var(--vxn-muted);}
.vxn-result.is-win{border-color:var(--vxn-cyan);background:rgba(192,132,252,.08);box-shadow:0 0 0 1px rgba(192,132,252,.3),0 14px 30px -12px rgba(192,132,252,.4);}
.vxn-result .badges{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px;opacity:0;max-height:0;overflow:hidden;transition:opacity .5s,max-height .5s;}
.vxn-result.is-win .badges{opacity:1;max-height:50px;}
.vxn-badge{font-size:.66rem;font-weight:700;padding:3px 8px;border-radius:6px;background:rgba(16,185,129,.14);color:var(--vxn-green);}
.vxn-badge.star{background:rgba(245,158,11,.16);color:var(--vxn-amber);}
.vxn-mappack{border-radius:12px;border:1px solid var(--vxn-line);background:linear-gradient(160deg,rgba(124,58,237,.18),rgba(91,33,182,.1));position:relative;overflow:hidden;min-height:180px;padding:12px;}
.vxn-mappack .ml{font-family:var(--vxn-font-mono);font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;color:var(--vxn-muted);margin-bottom:8px;}
.vxn-pin{position:absolute;width:22px;height:22px;}
.vxn-pin svg{width:100%;height:100%;color:var(--vxn-faint);}
.vxn-pin.win svg{color:var(--vxn-cyan);filter:drop-shadow(0 0 8px var(--vxn-cyan));}
.vxn-pin.win{animation:vxn-bob 2s ease-in-out infinite;}
@keyframes vxn-bob{0%,100%{transform:translateY(0);}50%{transform:translateY(-5px);}}
.vxn-landing{max-width:430px;margin:0 auto;}
.vxn-landing .lh{font-family:var(--vxn-font-display);font-size:1.15rem;color:var(--vxn-ink);font-weight:700;margin-bottom:6px;}
.vxn-landing .lp{font-size:.84rem;color:var(--vxn-muted);margin-bottom:16px;}
.vxn-lform{display:flex;flex-direction:column;gap:10px;background:rgba(var(--w),.03);border:1px solid var(--vxn-line);border-radius:14px;padding:16px;}
.vxn-lfield{height:38px;border-radius:9px;background:rgba(0,0,0,.25);border:1px solid var(--vxn-line);display:flex;align-items:center;padding:0 13px;font-size:.82rem;color:var(--vxn-muted);}
.vxn-lbtn{height:40px;border-radius:9px;background:var(--vxn-grad-cta);color:var(--vxn-cta-ink);font-weight:700;display:flex;align-items:center;justify-content:center;font-size:.88rem;}
.vxn-crm-toast{display:flex;align-items:center;gap:10px;margin-top:14px;padding:11px 14px;border-radius:11px;background:rgba(16,185,129,.1);border:1px solid rgba(16,185,129,.4);
  font-size:.84rem;color:var(--vxn-green);font-weight:600;opacity:0;transform:translateY(8px);transition:opacity .5s .3s,transform .5s .3s;}
.vxn-seo-screen.is-on .vxn-crm-toast{opacity:1;transform:none;}
.vxn-crm-toast svg{width:18px;height:18px;}
.vxn-steps-dots{display:flex;gap:8px;justify-content:center;margin-top:18px;}
.vxn-sdot{width:9px;height:9px;border-radius:50%;background:var(--vxn-line-2);transition:all .3s;border:0;padding:0;}
.vxn-sdot.is-on{background:var(--vxn-cyan);box-shadow:0 0 10px var(--vxn-cyan);width:26px;border-radius:5px;}

/* ============================ PAID ADS ============================ */
.vxn-ads-grid{display:grid;grid-template-columns:1fr 1fr;gap:42px;align-items:center;margin-top:46px;}
.vxn-adstack{display:flex;flex-direction:column;gap:14px;}
.vxn-adcard{position:relative;padding:15px 16px;border-radius:14px;overflow:hidden;}
.vxn-adcard .tag{display:inline-flex;align-items:center;gap:6px;font-size:.68rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--vxn-cyan);margin-bottom:9px;}
.vxn-adcard .tag .pl{width:7px;height:7px;border-radius:2px;background:var(--vxn-cyan);}
.vxn-adcard h5{font-family:var(--vxn-font-display);font-size:.98rem;color:var(--vxn-ink);margin:0 0 4px;}
.vxn-adcard p{margin:0 0 11px;font-size:.8rem;color:var(--vxn-muted);}
.vxn-adcard .row{display:flex;align-items:center;justify-content:space-between;}
.vxn-adcard .cta-mini{font-size:.76rem;font-weight:700;color:var(--vxn-cta-ink);background:var(--vxn-grad-cta);padding:6px 12px;border-radius:8px;}
.vxn-adcard .meta{font-family:var(--vxn-font-mono);font-size:.72rem;color:var(--vxn-faint);}
.vxn-ripple{position:absolute;width:14px;height:14px;border-radius:50%;background:var(--vxn-cyan);pointer-events:none;opacity:0;}
.vxn-flow{padding:22px;border-radius:18px;}
.vxn-flow-h{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;}
.vxn-flow-h .lab{font-family:var(--vxn-font-mono);font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;color:var(--vxn-muted);}
.vxn-frow{margin-bottom:15px;}
.vxn-frow .top{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:6px;}
.vxn-frow .k{font-size:.84rem;color:var(--vxn-ink-2);font-weight:600;}
.vxn-frow .v{font-family:var(--vxn-font-mono);font-weight:700;font-size:1.05rem;color:var(--vxn-ink);}
.vxn-frow .v.hl{color:var(--vxn-cyan);} .vxn-frow .v.gr{color:var(--vxn-green);}
.vxn-fbar{height:8px;border-radius:5px;background:rgba(var(--w),.05);overflow:hidden;}
.vxn-fbar i{display:block;height:100%;width:0;border-radius:5px;background:var(--vxn-grad-cta);transition:width 1.4s var(--vxn-ease);}
.vxn-fbar i.g{background:linear-gradient(90deg,var(--vxn-green),var(--vxn-cyan));}
.vxn-cpl{margin-top:6px;display:flex;align-items:center;gap:12px;}
.vxn-cpl svg{flex:1;height:46px;}
.vxn-cpl .cv{font-family:var(--vxn-font-mono);font-size:.8rem;color:var(--vxn-green);font-weight:700;}

/* ============================ WEBSITE BEFORE/AFTER ============================ */
.vxn-web-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:42px;align-items:center;margin-top:46px;}
.vxn-ba{position:relative;aspect-ratio:16/11;border-radius:18px;overflow:hidden;border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);
  --pos:50%;user-select:none;touch-action:pan-y;}
.vxn-ba-layer{position:absolute;inset:0;padding:20px;display:flex;flex-direction:column;}
.vxn-ba-after{background:linear-gradient(160deg,#0c1430,#0a1126);}
.vxn-ba-before{background:linear-gradient(160deg,#161922,#101319);clip-path:inset(0 calc(100% - var(--pos)) 0 0);}
.vxn-ba-tag{position:absolute;top:14px;font-family:var(--vxn-font-mono);font-size:.64rem;letter-spacing:.1em;text-transform:uppercase;padding:5px 10px;border-radius:7px;z-index:4;}
.vxn-ba-before .vxn-ba-tag{left:14px;background:rgba(244,63,94,.16);color:var(--vxn-red);}
.vxn-ba-after .vxn-ba-tag{right:14px;background:rgba(16,185,129,.16);color:var(--vxn-green);}
.vxn-ba-handle{position:absolute;top:0;bottom:0;left:var(--pos);width:2px;background:var(--vxn-cyan);box-shadow:0 0 14px var(--vxn-cyan);z-index:5;transform:translateX(-1px);}
.vxn-ba-knob{position:absolute;top:50%;left:var(--pos);transform:translate(-50%,-50%);width:38px;height:38px;border-radius:50%;background:var(--vxn-deep);border:2px solid var(--vxn-cyan);display:flex;align-items:center;justify-content:center;z-index:6;box-shadow:0 6px 18px -4px rgba(0,0,0,.6);}
.vxn-ba-knob svg{width:18px;height:18px;color:var(--vxn-cyan);}
.vxn-ba input[type=range]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;z-index:7;margin:0;}
.vxn-mock-head{height:14px;width:55%;border-radius:4px;background:rgba(var(--w),.18);margin-bottom:10px;}
.vxn-mock-line{height:8px;border-radius:4px;background:rgba(var(--w),.08);margin-bottom:7px;}
.vxn-mock-cta{margin-top:auto;height:34px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:.74rem;font-weight:700;}
.vxn-mock-cta.weak{background:rgba(var(--w),.08);color:var(--vxn-muted);width:40%;}
.vxn-mock-cta.strong{background:var(--vxn-grad-cta);color:var(--vxn-cta-ink);width:70%;box-shadow:0 8px 22px -6px rgba(124,58,237,.6);}
.vxn-mock-badges{display:flex;gap:6px;margin-top:10px;}
.vxn-mock-badges span{height:18px;flex:1;border-radius:5px;background:rgba(16,185,129,.18);}
.vxn-web-compare{display:grid;grid-template-columns:1fr;gap:8px;}
.vxn-wc-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:center;padding:11px 14px;border-radius:11px;border:1px solid var(--vxn-line);background:rgba(var(--w),.015);}
.vxn-wc-b,.vxn-wc-a{display:flex;align-items:center;gap:8px;font-size:.82rem;}
.vxn-wc-b{color:var(--vxn-muted);} .vxn-wc-a{color:var(--vxn-ink-2);font-weight:600;}
.vxn-wc-b svg,.vxn-wc-a svg{width:15px;height:15px;flex-shrink:0;}
.vxn-wc-b svg{color:var(--vxn-red);} .vxn-wc-a svg{color:var(--vxn-green);}

/* ============================ CRM + AUTOMATION ============================ */
.vxn-crm-pipe{position:relative;display:flex;justify-content:space-between;gap:6px;margin:46px 0 30px;padding-top:10px;}
.vxn-crm-line{position:absolute;top:34px;left:4%;right:4%;height:2px;background:var(--vxn-line);}
.vxn-crm-line i{position:absolute;inset:0;width:0;background:linear-gradient(90deg,var(--vxn-violet),var(--vxn-cyan));box-shadow:0 0 10px var(--vxn-cyan);transition:width .5s linear;}
.vxn-cnode{position:relative;flex:1;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;z-index:2;min-width:0;}
.vxn-cring{width:50px;height:50px;border-radius:15px;background:var(--vxn-deep);border:1px solid var(--vxn-line-2);display:flex;align-items:center;justify-content:center;color:var(--vxn-muted);transition:all .4s;}
.vxn-cring svg{width:22px;height:22px;}
.vxn-cnode.is-done .vxn-cring{border-color:var(--vxn-green);color:var(--vxn-green);box-shadow:0 0 18px -4px var(--vxn-green);}
.vxn-cnode.is-active .vxn-cring{border-color:var(--vxn-cyan);color:var(--vxn-cyan);box-shadow:0 0 0 4px rgba(192,132,252,.1),0 0 22px -2px var(--vxn-cyan);transform:scale(1.08);}
.vxn-clabel{font-size:.74rem;font-weight:600;color:var(--vxn-ink-2);max-width:84px;line-height:1.3;}
.vxn-lead-chip{position:absolute;top:-8px;left:4%;transform:translateX(-50%);display:flex;align-items:center;gap:7px;
  background:rgba(var(--mk),.96);border:1px solid var(--vxn-cyan);border-radius:999px;padding:5px 12px 5px 8px;font-size:.74rem;font-weight:700;color:var(--vxn-ink);
  box-shadow:0 8px 22px -6px rgba(192,132,252,.5);z-index:4;transition:left .6s var(--vxn-ease);white-space:nowrap;}
.vxn-lead-chip .av{width:18px;height:18px;border-radius:50%;background:var(--vxn-grad-violet);display:flex;align-items:center;justify-content:center;font-size:.6rem;color:#fff;}
.vxn-recover{margin-top:14px;display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:18px;border-radius:16px;}
.vxn-recover .rt{font-family:var(--vxn-font-mono);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--vxn-amber);width:100%;margin-bottom:4px;}
.vxn-rstep{display:flex;align-items:center;gap:8px;font-size:.84rem;font-weight:600;color:var(--vxn-ink-2);padding:9px 14px;border-radius:10px;border:1px solid var(--vxn-line);background:rgba(var(--w),.02);opacity:.4;transition:opacity .4s,border-color .4s,transform .4s;}
.vxn-rstep.is-on{opacity:1;border-color:var(--vxn-amber);transform:translateY(-2px);}
.vxn-rstep svg{width:16px;height:16px;color:var(--vxn-amber);}
.vxn-rarrow{color:var(--vxn-faint);}
.vxn-rarrow svg{width:16px;height:16px;}

/* ============================ EXCLUSIVITY (territory lock) ============================ */
.vxn-excl-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:46px;align-items:center;margin-top:40px;}
.vxn-map{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:22px;border-radius:20px;}
.vxn-cell{position:relative;aspect-ratio:1;border-radius:14px;border:1px solid var(--vxn-line);background:rgba(var(--w),.02);
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;text-align:center;padding:8px;transition:all .5s;overflow:hidden;}
.vxn-cell .cl{font-size:.66rem;font-weight:600;color:var(--vxn-muted);line-height:1.25;}
.vxn-cell .ci{width:22px;height:22px;color:var(--vxn-faint);transition:color .4s;}
.vxn-cell .ci svg{width:100%;height:100%;}
.vxn-cell.is-taken{opacity:.4;}
.vxn-cell.is-taken .stamp{position:absolute;font-family:var(--vxn-font-mono);font-size:.6rem;letter-spacing:.1em;color:var(--vxn-red);border:1px solid var(--vxn-red);padding:2px 6px;border-radius:5px;transform:rotate(-12deg);opacity:0;transition:opacity .5s;}
.vxn-cell.is-taken.show .stamp{opacity:.85;}
.vxn-cell.is-yours{border-color:var(--vxn-cyan);background:linear-gradient(160deg,rgba(192,132,252,.14),rgba(192,132,252,.04));box-shadow:0 0 0 1px rgba(192,132,252,.4),0 14px 34px -12px rgba(192,132,252,.5);}
.vxn-cell.is-yours .ci{color:var(--vxn-cyan);}
.vxn-cell.is-yours .cl{color:#fff;}
.vxn-lock{opacity:0;transform:scale(.5);transition:opacity .4s,transform .4s;}
.vxn-cell.is-yours.locked .vxn-lock{opacity:1;transform:scale(1);}
.vxn-sweep{position:absolute;inset:0;pointer-events:none;border-radius:20px;overflow:hidden;}
.vxn-sweep::before{content:"";position:absolute;top:-50%;left:-50%;width:60%;height:200%;
  background:linear-gradient(90deg,transparent,rgba(192,132,252,.12),transparent);transform:rotate(18deg);animation:vxn-scan 5s linear infinite;}
@keyframes vxn-scan{0%{left:-60%;}100%{left:120%;}}
.vxn-excl-pts{display:flex;flex-direction:column;gap:12px;margin:24px 0;}
.vxn-ep{display:flex;gap:12px;align-items:flex-start;}
.vxn-ep .epi{width:34px;height:34px;border-radius:10px;background:rgba(192,132,252,.1);color:var(--vxn-cyan);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.vxn-ep .epi svg{width:18px;height:18px;}
.vxn-ep b{font-family:var(--vxn-font-display);color:var(--vxn-ink);font-size:.95rem;display:block;}
.vxn-ep span{font-size:.85rem;color:var(--vxn-muted);}

/* ============================ REPORTING DASHBOARD ============================ */
.vxn-dashboard{margin-top:46px;padding:26px;border-radius:24px;}
.vxn-db-top{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:22px;}
.vxn-db-title{display:flex;align-items:center;gap:12px;}
.vxn-db-title .dt{font-family:var(--vxn-font-display);font-weight:700;color:var(--vxn-ink);font-size:1.05rem;}
.vxn-db-title .live{display:inline-flex;align-items:center;gap:7px;font-family:var(--vxn-font-mono);font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;color:var(--vxn-green);}
.vxn-db-title .live i{width:7px;height:7px;border-radius:50%;background:var(--vxn-green);box-shadow:0 0 9px var(--vxn-green);animation:vxn-pulse 1.8s infinite;}
.vxn-db-range{display:flex;gap:6px;}
.vxn-db-range span{font-size:.72rem;font-weight:600;color:var(--vxn-muted);padding:6px 11px;border-radius:8px;border:1px solid var(--vxn-line);}
.vxn-db-range span.on{background:rgba(192,132,252,.12);color:#fff;border-color:var(--vxn-cyan);}
.vxn-kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:13px;margin-bottom:18px;}
.vxn-kpi{padding:15px 16px;border-radius:14px;border:1px solid var(--vxn-line);background:rgba(var(--w),.02);}
.vxn-kpi .k{font-size:.72rem;color:var(--vxn-faint);font-weight:600;text-transform:uppercase;letter-spacing:.03em;margin-bottom:7px;display:flex;align-items:center;gap:6px;}
.vxn-kpi .k svg{width:13px;height:13px;}
.vxn-kpi .v{font-family:var(--vxn-font-mono);font-weight:700;font-size:1.4rem;color:var(--vxn-ink);line-height:1.1;font-variant-numeric:tabular-nums;}
.vxn-kpi .v.c{color:var(--vxn-cyan);} .vxn-kpi .v.g{color:var(--vxn-green);} .vxn-kpi .v.a{color:var(--vxn-amber);}
.vxn-kpi .delta{font-size:.72rem;font-weight:700;margin-top:4px;}
.vxn-kpi .delta.up{color:var(--vxn-green);} .vxn-kpi .delta.down{color:var(--vxn-green);}
.vxn-db-charts{display:grid;grid-template-columns:1.5fr 1fr;gap:14px;}
.vxn-chartcard{padding:18px;border-radius:14px;border:1px solid var(--vxn-line);background:rgba(var(--w),.018);}
.vxn-chartcard .ct{font-size:.78rem;color:var(--vxn-muted);font-weight:600;margin-bottom:16px;display:flex;justify-content:space-between;}
.vxn-bars{display:flex;align-items:flex-end;gap:9px;height:120px;}
.vxn-bar{flex:1;border-radius:6px 6px 0 0;background:linear-gradient(180deg,var(--vxn-cyan),rgba(124,58,237,.4));height:0;transition:height 1.1s var(--vxn-ease);min-height:4px;position:relative;}
.vxn-bar:nth-child(even){background:linear-gradient(180deg,var(--vxn-violet),rgba(124,58,237,.4));}
.vxn-bars-x{display:flex;gap:9px;margin-top:8px;}
.vxn-bars-x span{flex:1;text-align:center;font-family:var(--vxn-font-mono);font-size:.58rem;color:var(--vxn-faint);}
.vxn-donut{display:flex;align-items:center;gap:16px;}
.vxn-donut svg{width:104px;height:104px;flex-shrink:0;}
.vxn-donut .leg{display:flex;flex-direction:column;gap:8px;}
.vxn-donut .lg{display:flex;align-items:center;gap:8px;font-size:.76rem;color:var(--vxn-ink-2);}
.vxn-donut .lg i{width:9px;height:9px;border-radius:3px;}

/* ============================ SERVICES ============================ */
.vxn-svc-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(232px,1fr));gap:15px;margin-top:46px;}
.vxn-svc{padding:20px;border-radius:16px;transition:transform .4s var(--vxn-ease),border-color .4s;}
.vxn-svc:hover{transform:translateY(-5px);}
.vxn-svc .ic{width:40px;height:40px;border-radius:11px;background:rgba(var(--ln),.1);color:var(--vxn-cyan);display:flex;align-items:center;justify-content:center;margin-bottom:13px;}
.vxn-svc .ic svg{width:21px;height:21px;}
.vxn-svc h4{font-family:var(--vxn-font-display);font-size:1.02rem;color:var(--vxn-ink);margin:0 0 7px;}
.vxn-svc .cr{font-size:.74rem;font-weight:700;color:var(--vxn-green);text-transform:uppercase;letter-spacing:.04em;margin-bottom:5px;font-family:var(--vxn-font-mono);}
.vxn-svc p{margin:0;font-size:.84rem;color:var(--vxn-muted);}

/* ============================ CASE STUDIES ============================ */
.vxn-case-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px;margin-top:46px;}
.vxn-case{padding:24px;border-radius:18px;transition:transform .4s var(--vxn-ease);}
.vxn-case:hover{transform:translateY(-6px);}
.vxn-case .ind{display:inline-flex;align-items:center;gap:8px;font-size:.74rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--vxn-cyan);margin-bottom:18px;}
.vxn-case .ind .d{width:8px;height:8px;border-radius:50%;background:var(--vxn-cyan);box-shadow:0 0 8px var(--vxn-cyan);}
.vxn-cstat{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:13px 0;border-bottom:1px solid var(--vxn-line);}
.vxn-cstat:last-of-type{border-bottom:0;}
.vxn-cstat .cv{font-family:var(--vxn-font-mono);font-weight:700;font-size:1.5rem;color:var(--vxn-ink);font-variant-numeric:tabular-nums;}
.vxn-cstat .cv.g{color:var(--vxn-green);} .vxn-cstat .cv.c{color:var(--vxn-cyan);}
.vxn-cstat .cl{font-size:.8rem;color:var(--vxn-muted);text-align:right;max-width:54%;}

/* ============================ PROCESS TIMELINE ============================ */
.vxn-timeline{position:relative;max-width:780px;margin:46px auto 0;padding-left:42px;}
.vxn-timeline::before{content:"";position:absolute;left:15px;top:8px;bottom:8px;width:2px;background:var(--vxn-line);}
.vxn-tline-fill{position:absolute;left:15px;top:8px;width:2px;height:0;background:linear-gradient(180deg,var(--vxn-cyan),var(--vxn-violet));box-shadow:0 0 12px var(--vxn-cyan);transition:height 1.6s var(--vxn-ease);}
.vxn-tstep{position:relative;padding:0 0 30px;}
.vxn-tstep:last-child{padding-bottom:0;}
.vxn-tstep .tn{position:absolute;left:-42px;top:0;width:32px;height:32px;border-radius:10px;background:var(--vxn-deep);border:1px solid var(--vxn-line-2);
  display:flex;align-items:center;justify-content:center;font-family:var(--vxn-font-mono);font-size:.78rem;font-weight:700;color:var(--vxn-cyan);}
.vxn-tstep h4{font-family:var(--vxn-font-display);font-size:1.08rem;color:var(--vxn-ink);margin:2px 0 5px;}
.vxn-tstep p{margin:0;font-size:.88rem;color:var(--vxn-muted);}

/* ============================ FINAL CTA ============================ */
.vxn-final{position:relative;text-align:center;padding-block:clamp(80px,13vh,150px);overflow:hidden;}
.vxn-final-orb{position:absolute;top:50%;left:50%;width:520px;height:520px;transform:translate(-50%,-50%);z-index:0;pointer-events:none;
  background:radial-gradient(circle,rgba(192,132,252,.18),rgba(124,58,237,.08) 40%,transparent 70%);}
.vxn-final-inner{position:relative;z-index:2;max-width:720px;margin-inline:auto;}
.vxn-final h2{margin-bottom:20px;}
.vxn-final-cta{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;margin-top:32px;}
.vxn-final-trust{margin-top:24px;font-size:.85rem;color:var(--vxn-faint);font-family:var(--vxn-font-mono);}

/* ============================ FOOTER ============================ */
.vxn-footer{position:relative;border-top:1px solid var(--vxn-line);padding-top:60px;padding-bottom:34px;}
.vxn-foot-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:36px;}
.vxn-foot-brand .vxn-brand{margin-bottom:14px;}
.vxn-foot-brand p{font-size:.88rem;color:var(--vxn-muted);max-width:30ch;}
.vxn-foot-col h5{font-family:var(--vxn-font-mono);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--vxn-faint);margin:0 0 16px;}
.vxn-foot-col a{display:block;font-size:.88rem;color:var(--vxn-ink-2);padding:5px 0;transition:color .25s;}
.vxn-foot-col a:hover{color:var(--vxn-cyan);}
.vxn-foot-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:44px;padding-top:22px;border-top:1px solid var(--vxn-line);}
.vxn-foot-bottom .lg{font-size:.8rem;color:var(--vxn-faint);}
.vxn-foot-bottom .disc{font-size:.76rem;color:var(--vxn-faint);max-width:48ch;}

/* ============================ STICKY MOBILE CTA ============================ */
.vxn-sticky{position:fixed;left:14px;right:14px;bottom:14px;z-index:70;display:none;transform:translateY(140%);transition:transform .45s var(--vxn-ease);}
.vxn-sticky.is-on{transform:none;}
.vxn-sticky a{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;background:var(--vxn-grad-cta);color:var(--vxn-cta-ink);
  font-family:var(--vxn-font-display);font-weight:700;padding:15px;border-radius:14px;box-shadow:0 14px 40px -8px rgba(124,58,237,.7);}
.vxn-sticky a svg{width:18px;height:18px;}

/* ============================ RESPONSIVE ============================ */
@media(max-width:980px){
  .vxn-hero-grid,.vxn-leak-grid,.vxn-board-grid,.vxn-seo-grid,.vxn-ads-grid,.vxn-web-grid,.vxn-excl-grid{grid-template-columns:1fr;gap:38px;}
  .vxn-engine{max-width:440px;order:-1;}
  .vxn-board,.vxn-funnel-stage{max-width:420px;}
  .vxn-db-charts{grid-template-columns:1fr;}
  .vxn-foot-grid{grid-template-columns:1fr 1fr;gap:30px;}
  .vxn-foot-brand{grid-column:1/-1;}
}
@media(max-width:680px){
  .vxn-section{padding-block:clamp(58px,9vh,86px);}
  .vxn-jtrack,.vxn-crm-pipe{overflow-x:auto;justify-content:flex-start;gap:18px;padding-bottom:10px;}
  .vxn-jnode,.vxn-cnode{flex:0 0 96px;}
  .vxn-jline,.vxn-token,.vxn-crm-line{display:none;}
  .vxn-serp{grid-template-columns:1fr;}
  .vxn-foot-grid{grid-template-columns:1fr;}
  .vxn-sticky{display:block;}
  .vxn-foot-bottom{flex-direction:column;align-items:flex-start;}
}

/* ============================ REDUCED MOTION ============================ */
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important;}
  .vxn-reveal{opacity:1!important;transform:none!important;}
  .vxn-piece{opacity:1!important;transform:translate(-50%,-50%) scale(1)!important;}
  .vxn-token,.vxn-sweep::before,.vxn-pin.win{animation:none!important;}
}
/* =====================================================================
   v2 COMPONENT LAYER  (overrides win by source order)
   ===================================================================== */

/* header surface tokens */
:root{ --vxn-header:rgba(255,255,255,0.70); --vxn-header-2:rgba(255,255,255,0.90); }
:root[data-theme="dark"]{ --vxn-header:rgba(12,9,26,0.66); --vxn-header-2:rgba(12,9,26,0.88); }

/* focus ring (a11y) */
:where(a,button,input,select,textarea,[tabindex]):focus-visible{
  outline:2px solid var(--vxn-blue);outline-offset:2px;border-radius:6px;}

/* ----- smaller headings ----- */
.vxn-h1{font-size:clamp(2.0rem,4.6vw,3.4rem);}
.vxn-h2{font-size:clamp(1.5rem,3vw,2.15rem);}
.vxn-h3{font-size:clamp(1.05rem,1.7vw,1.25rem);}

/* SVG funnel labels (theme-aware fills) */
.vxn-fn-strong{fill:var(--vxn-ink);}
.vxn-fn-mid{fill:var(--vxn-ink-2);}

/* ----- ambient atmosphere : theme-aware ----- */
.vxn-atmos{background:
  radial-gradient(1100px 720px at 82% -12%, rgba(124,58,237,0.06), transparent 58%),
  radial-gradient(880px 680px at 2% 6%, rgba(168,85,247,0.05), transparent 60%),
  radial-gradient(1000px 820px at 60% 114%, rgba(192,132,252,0.045), transparent 55%),
  var(--vxn-void);}
:root[data-theme="dark"] .vxn-atmos{background:
  radial-gradient(1100px 720px at 80% -10%, rgba(124,58,237,0.24), transparent 60%),
  radial-gradient(900px 700px at 4% 8%, rgba(139,92,246,0.17), transparent 60%),
  radial-gradient(1000px 820px at 60% 112%, rgba(192,132,252,0.11), transparent 55%),
  var(--vxn-void);}
.vxn-grain{opacity:.022;}
:root[data-theme="dark"] .vxn-grain{opacity:.04;}

/* ===================================================================
   NEW HEADER  (.vxn-hd-*)  — clean, sticky, conventional-premium
   =================================================================== */
.vxn-hd{position:sticky;top:0;z-index:100;
  background:var(--vxn-header);
  -webkit-backdrop-filter:saturate(150%) blur(16px);backdrop-filter:saturate(150%) blur(16px);
  border-bottom:1px solid var(--vxn-line);
  transition:background .3s var(--vxn-ease),border-color .3s,box-shadow .3s;}
.vxn-hd.is-scrolled{background:var(--vxn-header-2);
  box-shadow:0 12px 34px -20px rgba(76,29,149,.4);border-bottom-color:var(--vxn-glass-brd);}
.vxn-hd-bar{max-width:var(--vxn-shell);margin:0 auto;padding:15px 22px;
  display:flex;align-items:center;gap:16px;transition:padding .3s var(--vxn-ease);}
.vxn-hd.is-scrolled .vxn-hd-bar{padding:9px 22px;}
.vxn-hd-brand{display:inline-flex;align-items:center;gap:11px;margin-right:auto;}
.vxn-hd-mark{width:34px;height:34px;flex:none;}
.vxn-hd-word{font-family:var(--vxn-font-display);font-weight:800;letter-spacing:.16em;
  font-size:1.05rem;color:var(--vxn-ink);}
.vxn-hd-nav{display:flex;align-items:center;gap:2px;}
.vxn-hd-link{position:relative;padding:9px 14px;border-radius:10px;font-weight:600;
  font-size:.94rem;color:var(--vxn-muted);transition:color .2s;}
.vxn-hd-link::after{content:"";position:absolute;left:14px;right:14px;bottom:5px;height:2px;border-radius:2px;
  background:var(--vxn-grad-cta);transform:scaleX(0);transform-origin:left;transition:transform .26s var(--vxn-ease);}
.vxn-hd-link:hover{color:var(--vxn-ink);}
.vxn-hd-link:hover::after{transform:scaleX(1);}
.vxn-hd-actions{display:flex;align-items:center;gap:10px;}
.vxn-hd-toggle{width:40px;height:40px;border-radius:11px;display:inline-grid;place-items:center;
  background:var(--vxn-glass-2);border:1px solid var(--vxn-glass-brd);color:var(--vxn-ink-2);
  transition:transform .2s,border-color .2s,color .2s;}
.vxn-hd-toggle:hover{color:var(--vxn-blue);border-color:var(--vxn-blue);transform:translateY(-1px);}
.vxn-hd-toggle svg{width:19px;height:19px;}
.vxn-hd-toggle .vxn-ic-moon{display:none;}
:root[data-theme="dark"] .vxn-hd-toggle .vxn-ic-sun{display:none;}
:root[data-theme="dark"] .vxn-hd-toggle .vxn-ic-moon{display:block;}
.vxn-hd-cta{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:11px;
  font-weight:700;font-size:.92rem;background:var(--vxn-grad-cta);color:var(--vxn-cta-ink);
  box-shadow:var(--vxn-glow-cta);transition:transform .2s,box-shadow .2s;}
.vxn-hd-cta:hover{transform:translateY(-1px);box-shadow:0 20px 46px -14px rgba(124,58,237,.6);}
.vxn-hd-burger{display:none;width:42px;height:42px;border-radius:11px;
  background:var(--vxn-glass-2);border:1px solid var(--vxn-glass-brd);color:var(--vxn-ink);
  align-items:center;justify-content:center;}
.vxn-hd-burger svg{width:22px;height:22px;}
.vxn-hd-mobile{display:none;}
@media (max-width:860px){
  .vxn-hd-nav,.vxn-hd-cta{display:none;}
  .vxn-hd-burger{display:inline-flex;}
  .vxn-hd-mobile{display:block;max-height:0;overflow:hidden;
    transition:max-height .38s var(--vxn-ease);
    background:var(--vxn-header-2);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);
    border-bottom:1px solid var(--vxn-line);}
  .vxn-hd-mobile.is-open{max-height:460px;}
  .vxn-hd-mlist{max-width:var(--vxn-shell);margin:0 auto;padding:8px 22px 22px;
    display:flex;flex-direction:column;gap:4px;}
  .vxn-hd-mlink{padding:14px 12px;border-radius:12px;font-weight:600;color:var(--vxn-ink-2);
    border:1px solid transparent;transition:background .2s,border-color .2s;}
  .vxn-hd-mlink:hover{background:var(--vxn-glass-2);border-color:var(--vxn-glass-brd);}
  .vxn-hd-mcta{margin-top:10px;justify-content:center;display:inline-flex;align-items:center;gap:8px;
    padding:15px 18px;border-radius:12px;font-weight:700;background:var(--vxn-grad-cta);
    color:var(--vxn-cta-ink);box-shadow:var(--vxn-glow-cta);}
}

/* ===================================================================
   IMAGES — real photos with graceful purple fallbacks
   =================================================================== */
.vxn-figure{position:relative;border-radius:var(--vxn-r);overflow:hidden;
  border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);background:var(--vxn-panel-2);}
.vxn-figure img{width:100%;height:100%;object-fit:cover;display:block;}
.vxn-ph{position:absolute;inset:0;display:none;align-items:center;justify-content:center;
  background:linear-gradient(150deg,#2a1d4d 0%,#7c3aed 60%,#a855f7 100%);color:#fff;}
.vxn-ph svg{width:40%;height:40%;opacity:.92;}
.vxn-figtag{position:absolute;left:13px;bottom:13px;z-index:2;display:inline-flex;align-items:center;gap:7px;
  padding:7px 13px;border-radius:999px;font-size:.76rem;font-weight:700;letter-spacing:.02em;color:#fff;
  background:rgba(11,8,24,.46);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
  border:1px solid rgba(255,255,255,.20);}
.vxn-ind-figure{aspect-ratio:4/3;margin-top:22px;}
.vxn-avatars{display:flex;align-items:center;}
.vxn-avatar{width:42px;height:42px;border-radius:50%;overflow:hidden;position:relative;flex:none;
  border:2px solid var(--vxn-panel);margin-left:-11px;
  background:linear-gradient(150deg,#7c3aed,#c084fc);box-shadow:0 2px 9px -2px rgba(76,29,149,.5);}
.vxn-avatar:first-child{margin-left:0;}
.vxn-avatar img{width:100%;height:100%;object-fit:cover;display:block;}
.vxn-avatar .vxn-ph{font-weight:800;font-size:.88rem;font-family:var(--vxn-font-display);}
.vxn-case-avatar{width:48px;height:48px;border-radius:50%;overflow:hidden;position:relative;flex:none;
  border:1px solid var(--vxn-glass-brd);background:linear-gradient(150deg,#7c3aed,#c084fc);}
.vxn-case-avatar img{width:100%;height:100%;object-fit:cover;display:block;}
.vxn-case-avatar .vxn-ph{font-weight:800;font-family:var(--vxn-font-display);}
.vxn-case-person{display:flex;align-items:center;gap:12px;margin-bottom:16px;}
.vxn-case-person .nm{font-family:var(--vxn-font-display);font-weight:700;font-size:.92rem;color:var(--vxn-ink);line-height:1.2;}
.vxn-case-person .rl{font-size:.8rem;color:var(--vxn-muted);}
.vxn-hero-proof{display:flex;align-items:center;gap:14px;margin-top:26px;flex-wrap:wrap;}
.vxn-hero-proof .txt{font-size:.86rem;color:var(--vxn-muted);max-width:24ch;line-height:1.45;}
.vxn-hero-proof .txt b{color:var(--vxn-ink-2);font-weight:700;}

/* ===================================================================
   NEW FOOTER  (.vxn-ft-*)
   =================================================================== */
.vxn-ft{position:relative;margin-top:96px;
  background:linear-gradient(180deg,var(--vxn-deep),var(--vxn-void));
  border-top:1px solid var(--vxn-line);}
.vxn-ft-cta{max-width:var(--vxn-shell);margin:0 auto;padding:58px 22px 8px;
  display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:26px;}
.vxn-ft-cta-copy h2{font-family:var(--vxn-font-display);font-weight:800;
  font-size:clamp(1.5rem,3vw,2.15rem);color:var(--vxn-ink);margin:0;letter-spacing:-.02em;
  max-width:20ch;line-height:1.12;}
.vxn-ft-cta-copy p{color:var(--vxn-muted);margin:10px 0 0;max-width:44ch;}
.vxn-ft-cta-btn{display:inline-flex;align-items:center;gap:9px;padding:15px 26px;border-radius:13px;
  font-weight:700;background:var(--vxn-grad-cta);color:var(--vxn-cta-ink);box-shadow:var(--vxn-glow-cta);
  white-space:nowrap;transition:transform .2s,box-shadow .2s;}
.vxn-ft-cta-btn:hover{transform:translateY(-2px);box-shadow:0 22px 50px -14px rgba(124,58,237,.6);}
.vxn-ft-grid{max-width:var(--vxn-shell);margin:34px auto 0;padding:42px 22px;
  display:grid;grid-template-columns:1.7fr 1fr 1fr 1fr;gap:32px;border-top:1px solid var(--vxn-line);}
.vxn-ft-brand p{color:var(--vxn-muted);font-size:.92rem;max-width:34ch;line-height:1.65;margin:14px 0 0;}
.vxn-ft-col h4{font-family:var(--vxn-font-display);font-size:.78rem;letter-spacing:.13em;
  text-transform:uppercase;color:var(--vxn-faint);margin:2px 0 14px;}
.vxn-ft-col a{display:block;color:var(--vxn-ink-2);font-size:.92rem;padding:7px 0;transition:color .2s;}
.vxn-ft-col a:hover{color:var(--vxn-blue);}
.vxn-ft-disc{max-width:var(--vxn-shell);margin:0 auto;padding:0 22px 26px;}
.vxn-ft-disc p{color:var(--vxn-faint);font-size:.78rem;line-height:1.65;
  border-top:1px dashed var(--vxn-line);padding-top:20px;margin:0;}
.vxn-ft-bottom{border-top:1px solid var(--vxn-line);}
.vxn-ft-bottom-in{max-width:var(--vxn-shell);margin:0 auto;padding:22px;
  display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;}
.vxn-ft-copy{color:var(--vxn-faint);font-size:.85rem;}
.vxn-ft-social{display:flex;gap:10px;}
.vxn-ft-social a{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;
  background:var(--vxn-glass-2);border:1px solid var(--vxn-glass-brd);color:var(--vxn-ink-2);
  transition:color .2s,border-color .2s,transform .2s;}
.vxn-ft-social a:hover{color:var(--vxn-blue);border-color:var(--vxn-blue);transform:translateY(-2px);}
.vxn-ft-social svg{width:18px;height:18px;}
@media (max-width:780px){.vxn-ft-grid{grid-template-columns:1fr 1fr;}.vxn-ft-brand{grid-column:1/-1;}}
@media (max-width:480px){.vxn-ft-grid{grid-template-columns:1fr;}}

.vxn-leak-money{margin-top:18px;padding:18px 20px;border-radius:16px;text-align:center;
  background:linear-gradient(160deg,rgba(244,63,94,.10),rgba(124,58,237,.06));
  border:1px solid var(--vxn-glass-brd);}
.vxn-leak-money .big{display:block;font-family:var(--vxn-font-display);font-weight:800;
  font-size:clamp(1.6rem,3vw,2.1rem);color:var(--vxn-red);letter-spacing:-.02em;}
.vxn-leak-money .sub{display:block;margin-top:6px;font-size:.84rem;color:var(--vxn-muted);line-height:1.5;}

/* ===================================================================
   ABOUT SECTION
   =================================================================== */
.vxn-about-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:46px;align-items:center;margin-top:42px;}
.vxn-about-figure{position:relative;border-radius:var(--vxn-r);overflow:hidden;
  border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);background:var(--vxn-panel-2);aspect-ratio:4/3;}
.vxn-about-figure img{width:100%;height:100%;object-fit:cover;display:block;}
.vxn-about-badge{position:absolute;left:16px;bottom:16px;z-index:2;display:flex;align-items:center;gap:12px;
  padding:12px 16px;border-radius:14px;background:rgba(11,8,24,.55);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
  border:1px solid rgba(255,255,255,.18);}
.vxn-about-badge .n{font-family:var(--vxn-font-display);font-weight:800;font-size:1.3rem;color:#fff;line-height:1;}
.vxn-about-badge .l{font-size:.74rem;color:rgba(255,255,255,.8);line-height:1.3;}
.vxn-about-lead{font-size:1.05rem;color:var(--vxn-ink-2);line-height:1.7;margin:18px 0 0;}
.vxn-about-lead b{color:var(--vxn-ink);font-weight:700;}
.vxn-about-points{display:grid;gap:14px;margin-top:24px;}
.vxn-about-point{display:flex;gap:13px;align-items:flex-start;}
.vxn-about-point .ic{width:34px;height:34px;flex:none;border-radius:10px;display:grid;place-items:center;
  background:linear-gradient(150deg,rgba(124,58,237,.16),rgba(192,132,252,.10));color:var(--vxn-blue);border:1px solid var(--vxn-glass-brd);}
.vxn-about-point .ic svg{width:18px;height:18px;}
.vxn-about-point h4{font-family:var(--vxn-font-display);font-weight:600;font-size:.98rem;color:var(--vxn-ink);margin:2px 0 3px;}
.vxn-about-point p{font-size:.88rem;color:var(--vxn-muted);line-height:1.55;margin:0;}
@media (max-width:820px){ .vxn-about-grid{grid-template-columns:1fr;gap:30px;} }
/* ===================================================================
   MEGA MENU
   =================================================================== */
.vxn-hd-mega-btn{background:transparent;border:0;font-family:inherit;cursor:pointer;display:inline-flex;align-items:center;gap:6px;}
.vxn-hd-chev{transition:transform .25s var(--vxn-ease);}
.vxn-hd-mega-btn[aria-expanded="true"]{color:var(--vxn-ink);}
.vxn-hd-mega-btn[aria-expanded="true"] .vxn-hd-chev{transform:rotate(180deg);}
.vxn-hd-mega{position:absolute;top:100%;left:0;right:0;z-index:99;
  background:var(--vxn-panel);
  border-top:1px solid var(--vxn-line);border-bottom:1px solid var(--vxn-glass-brd);
  box-shadow:0 36px 70px -34px rgba(76,29,149,.42);
  opacity:0;visibility:hidden;transform:translateY(-10px);pointer-events:none;
  transition:opacity .26s var(--vxn-ease),transform .26s var(--vxn-ease),visibility .26s;}
.vxn-hd-mega.is-open{opacity:1;visibility:visible;transform:none;pointer-events:auto;}
.vxn-hd-mega-in{max-width:var(--vxn-shell);margin:0 auto;padding:30px 22px 34px;
  display:grid;grid-template-columns:1.25fr 1fr 1.15fr;gap:30px;}
.vxn-hd-mega-col h4{font-family:var(--vxn-font-display);font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;
  color:var(--vxn-faint);margin:0 0 12px;padding-left:10px;}
.vxn-hd-mega-col a{display:flex;align-items:center;gap:12px;padding:10px;border-radius:12px;
  border:1px solid transparent;transition:background .18s,border-color .18s,transform .18s;}
.vxn-hd-mega-col a:hover{background:var(--vxn-glass-2);border-color:var(--vxn-glass-brd);transform:translateX(2px);}
.vxn-hd-mega-col a .ic{width:34px;height:34px;flex:none;border-radius:9px;display:grid;place-items:center;
  background:linear-gradient(150deg,rgba(124,58,237,.16),rgba(192,132,252,.10));color:var(--vxn-blue);border:1px solid var(--vxn-glass-brd);}
.vxn-hd-mega-col a .ic svg{width:18px;height:18px;}
.vxn-hd-mega-col a .tx b{display:block;font-family:var(--vxn-font-display);font-weight:600;font-size:.92rem;color:var(--vxn-ink);}
.vxn-hd-mega-col a .tx span{display:block;font-size:.78rem;color:var(--vxn-muted);margin-top:1px;}
.vxn-hd-mega-col:nth-child(2) a{padding:12px;}
.vxn-hd-mega-feature{background:linear-gradient(160deg,rgba(124,58,237,.10),rgba(192,132,252,.05));
  border:1px solid var(--vxn-glass-brd);border-radius:16px;padding:22px;display:flex;flex-direction:column;}
.vxn-hd-mega-feature h3{font-family:var(--vxn-font-display);font-weight:700;font-size:1.05rem;color:var(--vxn-ink);
  margin:10px 0 8px;line-height:1.25;letter-spacing:-.01em;}
.vxn-hd-mega-feature p{color:var(--vxn-muted);font-size:.86rem;line-height:1.55;margin:0 0 16px;}
.vxn-hd-mega-cta{margin-top:auto;align-self:flex-start;display:inline-flex;align-items:center;gap:8px;
  padding:11px 18px;border-radius:11px;font-weight:700;font-size:.86rem;background:var(--vxn-grad-cta);color:var(--vxn-cta-ink);box-shadow:var(--vxn-glow-cta);}
@media (max-width:860px){ .vxn-hd-mega{display:none !important;} }
@media (prefers-reduced-motion:reduce){ .vxn-hd-mega,.vxn-hd-chev{transition:none !important;} }

/* ===================================================================
   HERO v3 — particles.js network + centered creative layout
   =================================================================== */
.vxn-hero{position:relative;overflow:hidden;min-height:clamp(580px,88vh,880px);
  display:flex;align-items:center;padding-top:48px;padding-bottom:56px;}
#vxn-particles{position:absolute;inset:0;z-index:0;}
#vxn-particles canvas{display:block !important;}
.vxn-hero-glow{position:absolute;inset:0;z-index:0;pointer-events:none;background:
  radial-gradient(640px 440px at 50% 30%, rgba(124,58,237,.16), transparent 70%),
  radial-gradient(520px 380px at 84% 72%, rgba(192,132,252,.12), transparent 70%),
  radial-gradient(480px 360px at 12% 78%, rgba(168,85,247,.10), transparent 70%);}
.vxn-hero .vxn-shell{position:relative;z-index:2;}
.vxn-hero-center{max-width:900px;margin:0 auto;text-align:center;display:flex;flex-direction:column;align-items:center;}
.vxn-hero-center .vxn-h1{margin:16px auto 0;}
.vxn-hero-center .vxn-lead{margin:20px auto 0;text-align:center;}
.vxn-hero-center .vxn-hero-cta{justify-content:center;margin-top:30px;display:flex;gap:14px;flex-wrap:wrap;}
.vxn-hero-center .vxn-hero-proof{justify-content:center;margin-top:28px;}
.vxn-hero-metrics{margin-top:40px;padding:6px;border-radius:18px;width:100%;max-width:800px;}
.vxn-hero-metrics .cap{text-align:center;font-size:.82rem;font-weight:700;color:var(--vxn-red);
  padding:12px 16px 11px;line-height:1.4;}
.vxn-hm-row{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--vxn-line);}
.vxn-hm-row .cell{padding:16px 14px 18px;text-align:center;position:relative;}
.vxn-hm-row .cell + .cell::before{content:"";position:absolute;left:0;top:22%;bottom:22%;width:1px;background:var(--vxn-line);}
.vxn-hm-row .v{font-family:var(--vxn-font-display);font-weight:800;font-size:clamp(1.35rem,2.5vw,1.9rem);color:var(--vxn-ink);letter-spacing:-.02em;}
.vxn-hm-row .v.g{color:var(--vxn-green);}
.vxn-hm-row .v.c{color:var(--vxn-blue);}
.vxn-hm-row .k{font-size:.74rem;color:var(--vxn-muted);margin-top:5px;letter-spacing:.01em;line-height:1.3;}
@media (max-width:620px){
  .vxn-hm-row{grid-template-columns:repeat(2,1fr);}
  .vxn-hm-row .cell:nth-child(3)::before{display:none;}
}
@media (prefers-reduced-motion:reduce){
  .vxn-hd,.vxn-hd-bar,.vxn-hd-mobile,.vxn-hd-link::after,.vxn-hd-cta,.vxn-hd-toggle,
  .vxn-ft-cta-btn,.vxn-ft-social a,.vxn-about-point{transition:none !important;}
}
/* ----- hero text glow + typewriter caret + lead highlight ----- */
.vxn-hero-center .vxn-h1{text-shadow:0 0 38px rgba(124,58,237,.14);}
.vxn-hero-break{display:block;margin-top:.08em;}
:root[data-theme="dark"] .vxn-hero-center .vxn-h1{text-shadow:0 0 48px rgba(124,58,237,.45);}
.vxn-hero-center .vxn-grad-txt{text-shadow:none;
  filter:drop-shadow(0 0 14px rgba(124,58,237,.45)) drop-shadow(0 0 28px rgba(192,132,252,.30));}
.vxn-hl{color:var(--vxn-blue);}
:root[data-theme="dark"] .vxn-hl{color:var(--vxn-cyan);}
.vxn-hero-center .vxn-lead strong{color:var(--vxn-blue);font-weight:700;}
:root[data-theme="dark"] .vxn-hero-center .vxn-lead strong{color:var(--vxn-cyan);}
.vxn-caret{display:inline-block;width:3px;height:.92em;margin-left:5px;vertical-align:-1px;border-radius:2px;
  background:linear-gradient(180deg,#7c3aed,#c084fc);box-shadow:0 0 12px rgba(124,58,237,.75);
  animation:vxn-blink 1.05s steps(1) infinite;}
@keyframes vxn-blink{0%,50%{opacity:1}50.01%,100%{opacity:0}}
@media (prefers-reduced-motion:reduce){ .vxn-caret{animation:none;display:none;} }
/* ----- section 2 : animated funnel (flowing leads + happy booked) ----- */
.vxn-funnel-anim{width:100%;max-width:330px;display:block;margin:0 auto;overflow:visible;}
.vxn-flow{fill:#a855f7;animation:vxn-pflow 2.7s linear infinite;}
.vxn-flow.f1{animation-delay:0s;}
.vxn-flow.f2{animation-delay:.45s;}
.vxn-flow.f3{animation-delay:.95s;}
.vxn-flow.f4{animation-delay:1.4s;}
.vxn-flow.f5{animation-delay:1.85s;}
.vxn-flow.f6{animation-delay:2.3s;}
@keyframes vxn-pflow{
  0%{transform:translateY(0);opacity:0;}
  10%{opacity:1;}
  86%{opacity:.95;}
  100%{transform:translateY(262px);opacity:0;}
}
.vxn-leak{fill:#f43f5e;}
.vxn-leak.l1,.vxn-leak.l2,.vxn-leak.l3{animation:vxn-leakL 2.7s ease-in infinite;}
.vxn-leak.r1,.vxn-leak.r2,.vxn-leak.r3{animation:vxn-leakR 2.7s ease-in infinite;}
.vxn-leak.l1{animation-delay:.3s;}
.vxn-leak.r1{animation-delay:.9s;}
.vxn-leak.r2{animation-delay:.6s;}
.vxn-leak.l2{animation-delay:1.5s;}
.vxn-leak.r3{animation-delay:1.2s;}
.vxn-leak.l3{animation-delay:2s;}
@keyframes vxn-leakL{0%{transform:translate(0,0);opacity:0;}20%{opacity:.9;}100%{transform:translate(-30px,18px);opacity:0;}}
@keyframes vxn-leakR{0%{transform:translate(0,0);opacity:0;}20%{opacity:.9;}100%{transform:translate(30px,18px);opacity:0;}}
.vxn-joy-glow{transform-box:fill-box;transform-origin:center;animation:vxn-joy-pulse 2.4s ease-in-out infinite;}
@keyframes vxn-joy-pulse{0%,100%{transform:scale(.9);opacity:.45;}50%{transform:scale(1.14);opacity:.82;}}
.vxn-joy-face{transform-box:fill-box;transform-origin:center;animation:vxn-joy-bob 2.4s ease-in-out infinite;}
@keyframes vxn-joy-bob{0%,100%{transform:translateY(0) scale(1);}50%{transform:translateY(-2px) scale(1.05);}}
.vxn-spark{transform-box:fill-box;transform-origin:center;animation:vxn-twinkle 1.9s ease-in-out infinite;}
.vxn-spark.s2{animation-delay:.6s;}
.vxn-spark.s3{animation-delay:1.15s;}
@keyframes vxn-twinkle{0%,100%{opacity:.15;transform:scale(.6);}50%{opacity:1;transform:scale(1.1);}}
@media (prefers-reduced-motion:reduce){
  .vxn-flow,.vxn-leak,.vxn-spark{display:none;}
  .vxn-joy-glow,.vxn-joy-face{animation:none;}
}
/* ----- section 3 : Method phases (image-rich, alternating) ----- */
.vxn-phases{display:flex;flex-direction:column;gap:40px;margin-top:48px;}
.vxn-phase{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center;}
.vxn-phase:nth-child(even) .vxn-phase-figure{order:2;}
.vxn-phase-figure{position:relative;border-radius:var(--vxn-r);overflow:hidden;aspect-ratio:4/3;
  border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);background:var(--vxn-panel-2);}
.vxn-phase-figure img{width:100%;height:100%;object-fit:cover;display:block;}
.vxn-phase-badge{position:absolute;left:14px;top:14px;z-index:2;
  font-family:var(--vxn-font-display);font-weight:800;font-size:1.05rem;color:#fff;
  width:46px;height:46px;display:grid;place-items:center;border-radius:13px;
  background:linear-gradient(150deg,rgba(124,58,237,.94),rgba(168,85,247,.94));
  border:1px solid rgba(255,255,255,.25);box-shadow:0 8px 22px -8px rgba(76,29,149,.6);}
.vxn-phase-tag{display:inline-block;font-family:var(--vxn-font-display);font-size:.76rem;font-weight:700;
  letter-spacing:.08em;text-transform:uppercase;color:var(--vxn-blue);
  padding:6px 12px;border-radius:999px;background:rgba(124,58,237,.10);
  border:1px solid var(--vxn-glass-brd);margin-bottom:14px;}
.vxn-phase-body h3{margin:0 0 10px;}
.vxn-phase-body > p{color:var(--vxn-ink-2);font-size:1rem;line-height:1.6;margin:0;}
.vxn-phase-steps{list-style:none;padding:0;margin:20px 0 0;display:grid;gap:12px;}
.vxn-phase-steps li{display:flex;gap:14px;align-items:flex-start;padding:11px 14px;border-radius:12px;
  background:var(--vxn-glass-2);border:1px solid var(--vxn-glass-brd);
  transition:transform .25s var(--vxn-ease),border-color .25s;}
.vxn-phase-steps li:hover{transform:translateX(3px);border-color:var(--vxn-blue);}
.vxn-phase-steps .n{font-family:var(--vxn-font-mono);font-weight:700;color:var(--vxn-blue);font-size:.9rem;
  width:24px;flex:none;padding-top:2px;}
.vxn-phase-steps b{display:block;font-family:var(--vxn-font-display);font-weight:600;color:var(--vxn-ink);font-size:.96rem;}
.vxn-phase-steps .d{display:block;font-size:.85rem;color:var(--vxn-muted);line-height:1.5;margin-top:2px;}
@media (max-width:840px){
  .vxn-phase{grid-template-columns:1fr;gap:22px;}
  .vxn-phase .vxn-phase-figure,
  .vxn-phase:nth-child(even) .vxn-phase-figure{order:-1;}
}
@media (prefers-reduced-motion:reduce){ .vxn-phase-steps li{transition:none;} }
/* ----- section 2 : parallax + falling background ----- */
.vxn-sec2{position:relative;overflow:hidden;}
.vxn-sec2 > .vxn-shell{position:relative;z-index:1;}
.vxn-sec2-bg{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden;}
.vxn-p-layer{position:absolute;inset:-12% 0;will-change:transform;}
.vxn-blob{position:absolute;border-radius:50%;filter:blur(60px);opacity:.55;}
.vxn-blob.b1{width:46vw;max-width:560px;aspect-ratio:1;left:-8%;top:6%;
  background:radial-gradient(circle,rgba(124,58,237,.18),transparent 70%);}
.vxn-blob.b2{width:40vw;max-width:480px;aspect-ratio:1;right:-6%;bottom:0%;
  background:radial-gradient(circle,rgba(192,132,252,.15),transparent 70%);}
.vxn-p-mid{background-image:
   linear-gradient(rgba(var(--ln),.05) 1px,transparent 1px),
   linear-gradient(90deg,rgba(var(--ln),.05) 1px,transparent 1px);
  background-size:46px 46px;
  -webkit-mask-image:radial-gradient(ellipse at 50% 38%,#000 32%,transparent 78%);
  mask-image:radial-gradient(ellipse at 50% 38%,#000 32%,transparent 78%);}
.vxn-fall{position:absolute;top:-8%;width:var(--s,5px);height:var(--s,5px);border-radius:50%;
  background:var(--c,#a855f7);box-shadow:0 0 8px rgba(168,85,247,.5);opacity:0;
  animation:vxn-fall var(--dur,10s) linear var(--d,0s) infinite;}
.vxn-fall-red{--c:#f43f5e;box-shadow:0 0 8px rgba(244,63,94,.5);}
@keyframes vxn-fall{
  0%{transform:translate3d(0,0,0);opacity:0;}
  8%{opacity:.85;}
  88%{opacity:.5;}
  100%{transform:translate3d(var(--x,0),132vh,0);opacity:0;}
}
@media (prefers-reduced-motion:reduce){
  .vxn-fall{display:none;}
  .vxn-p-layer{transform:none !important;}
}

/* ----- section 3 (Method) : image-backed parallax ----- */
.vxn-parallax-host{position:relative;overflow:hidden;}
.vxn-parallax-host > .vxn-shell{position:relative;z-index:1;}
.vxn-m3-bg{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden;}
.vxn-m3-img{background:
    radial-gradient(45% 55% at 12% 8%, rgba(124,58,237,.14), transparent 68%),
    radial-gradient(45% 55% at 88% 12%, rgba(192,132,252,.12), transparent 68%),
    radial-gradient(62% 60% at 50% 100%, rgba(139,92,246,.10), transparent 72%);}
:root[data-theme="dark"] .vxn-m3-img{filter:brightness(1.25);}
/* ----- strategy board : connected colour-tile redesign ----- */
.vxn-board::before{background:
  linear-gradient(rgba(var(--ln),.045) 1px,transparent 1px),
  linear-gradient(90deg,rgba(var(--ln),.045) 1px,transparent 1px);
  background-size:16.66% 16.66%;opacity:.7;}
.vxn-board-net{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none;}
.vxn-board-net .net-flow polyline{animation:vxn-netflow 1.6s linear infinite;}
@keyframes vxn-netflow{to{stroke-dashoffset:-16;}}
.vxn-piece-disc{border-radius:18px;
  background:radial-gradient(circle at 32% 26%,rgba(255,255,255,.42),transparent 54%),var(--pc,#a855f7);
  border:1px solid rgba(255,255,255,.34);
  box-shadow:0 12px 26px -10px var(--pc,rgba(168,85,247,.6)),inset 0 -7px 16px rgba(0,0,0,.2),inset 0 1px 1px rgba(255,255,255,.5);}
.vxn-piece-disc svg{color:#fff;}
.vxn-piece-lbl{color:#fff;opacity:.96;}
.vxn-piece-glow{opacity:.55;filter:blur(11px);inset:-28%;}

/* ----- industries : focus split + vertical journey + specialties (redesigned) ----- */
.vxn-ind2-grid{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:stretch;margin-top:46px;}
.vxn-ind2-figure{position:relative;border-radius:var(--vxn-r);overflow:hidden;min-height:430px;
  border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);background:var(--vxn-panel-2);}
.vxn-ind2-figure img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;}
.vxn-ind2-badge{position:absolute;z-index:2;display:inline-flex;align-items:center;gap:8px;
  font-family:var(--vxn-font-display);font-weight:600;font-size:.78rem;color:#fff;
  padding:8px 13px;border-radius:999px;background:rgba(20,12,40,.55);
  backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.22);}
.vxn-ind2-badge.top{left:16px;top:16px;}
.vxn-ind2-badge.bot{left:16px;bottom:16px;font-family:var(--vxn-font-mono);font-size:.72rem;font-weight:500;}
.vxn-ind2-journey{display:flex;flex-direction:column;justify-content:center;}
.vxn-vjourney{list-style:none;margin:22px 0 0;padding:0;position:relative;}
.vxn-vjourney::before{content:"";position:absolute;left:23px;top:23px;bottom:23px;width:2px;background:var(--vxn-line);}
.vxn-vjourney::after{content:"";position:absolute;left:23px;top:23px;bottom:23px;width:2px;
  background:linear-gradient(180deg,var(--ac1),var(--ac2),var(--ac1));background-size:100% 220%;
  opacity:.75;animation:vxn-vrail 3s linear infinite;}
@keyframes vxn-vrail{to{background-position:0 -220%;}}
.vxn-vstep{position:relative;display:flex;gap:16px;align-items:flex-start;padding-bottom:24px;}
.vxn-vstep:last-child{padding-bottom:0;}
.vxn-vstep .vxn-jdot{flex:none;position:relative;z-index:1;}
.vxn-vtxt{padding-top:5px;}
.vxn-vtxt b{display:block;font-family:var(--vxn-font-display);font-weight:600;color:var(--vxn-ink);font-size:1rem;}
.vxn-vtxt .s{font-family:var(--vxn-font-mono);font-size:.66rem;letter-spacing:.05em;text-transform:uppercase;color:var(--vxn-faint);}
.vxn-spec-head{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;margin:50px 0 18px;}
.vxn-spec-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:14px;}
.vxn-spec{position:relative;display:flex;gap:15px;align-items:flex-start;padding:16px 18px 16px 20px;border-radius:14px;
  overflow:hidden;background:var(--vxn-glass-2);border:1px solid var(--vxn-glass-brd);
  transition:transform .3s var(--vxn-ease),border-color .3s;}
.vxn-spec::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;
  background:linear-gradient(180deg,var(--vxn-blue),var(--vxn-cyan));opacity:0;transition:opacity .3s;}
.vxn-spec:hover{transform:translateY(-4px);border-color:var(--vxn-blue);}
.vxn-spec:hover::before{opacity:1;}
.vxn-spec .ic{width:42px;height:42px;border-radius:11px;flex:none;display:grid;place-items:center;
  background:rgba(124,58,237,.1);color:var(--vxn-blue);}
.vxn-spec .ic svg{width:22px;height:22px;}
.vxn-spec h4{margin:0 0 4px;font-family:var(--vxn-font-display);font-size:1rem;color:var(--vxn-ink);}
.vxn-spec p{margin:0;font-size:.85rem;color:var(--vxn-muted);line-height:1.5;}
@media (max-width:840px){
  .vxn-ind2-grid{grid-template-columns:1fr;gap:24px;}
  .vxn-ind2-figure{min-height:300px;}
}
@media (prefers-reduced-motion:reduce){
  .vxn-board-net .net-flow polyline{animation:none;}
  .vxn-vjourney::after{animation:none;}
}
/* ----- website before/after : detailed site mockups ----- */
.vxn-ba-layer{padding:0;}
.vxn-ba-after{background:linear-gradient(180deg,#ffffff,#f7f4ff);}
.vxn-ba-before{background:linear-gradient(180deg,#e9ebef,#dfe2e8);clip-path:inset(0 calc(100% - var(--pos)) 0 0);}
.vxn-ba-handle{background:var(--vxn-blue);box-shadow:0 0 14px rgba(124,58,237,.6);}
.vxn-ba-knob{background:#fff;border-color:var(--vxn-blue);}
.vxn-ba-knob svg{color:var(--vxn-blue);}
.vxn-st{position:absolute;inset:0;display:flex;flex-direction:column;overflow:hidden;}
.vxn-st-nav{display:flex;align-items:center;justify-content:space-between;padding:9px 13px;border-bottom:1px solid rgba(27,18,51,.08);background:rgba(255,255,255,.6);}
.vxn-st-logo{display:flex;align-items:center;gap:6px;font-family:var(--vxn-font-display);font-weight:800;font-size:.64rem;color:#1b1233;white-space:nowrap;}
.vxn-st-logo i{width:14px;height:14px;border-radius:5px;background:linear-gradient(135deg,#7c3aed,#c084fc);flex:none;}
.vxn-st-links{display:flex;gap:8px;}
.vxn-st-links b{width:22px;height:5px;border-radius:3px;background:rgba(27,18,51,.16);}
.vxn-st-btn{font-family:var(--vxn-font-display);font-size:.6rem;font-weight:700;color:#fff;background:linear-gradient(135deg,#7c3aed,#a855f7);border-radius:7px;padding:5px 12px;white-space:nowrap;}
.vxn-st-hero{flex:1;display:flex;gap:13px;padding:15px 13px;align-items:center;}
.vxn-st-htext{flex:1.25;display:flex;flex-direction:column;gap:7px;min-width:0;}
.vxn-st-h1{font-family:var(--vxn-font-display);font-weight:800;font-size:.96rem;line-height:1.12;color:#1b1233;}
.vxn-st-sub{height:6px;border-radius:3px;background:rgba(27,18,51,.12);width:92%;}
.vxn-st-sub.s{width:64%;}
.vxn-st-ctarow{display:flex;align-items:center;gap:8px;margin-top:5px;flex-wrap:wrap;}
.vxn-st-cta{font-family:var(--vxn-font-display);font-size:.64rem;font-weight:700;color:#fff;background:linear-gradient(135deg,#7c3aed,#a855f7);border-radius:8px;padding:7px 14px;box-shadow:0 7px 16px -6px rgba(124,58,237,.6);white-space:nowrap;}
.vxn-st-call{display:inline-flex;align-items:center;gap:5px;font-family:var(--vxn-font-display);font-size:.6rem;font-weight:700;color:#7c3aed;border:1px solid rgba(124,58,237,.32);border-radius:8px;padding:6px 10px;white-space:nowrap;}
.vxn-st-call svg{width:11px;height:11px;}
.vxn-st-stars{display:flex;align-items:center;gap:6px;font-size:.72rem;color:#f59e0b;margin-top:2px;letter-spacing:1px;}
.vxn-st-stars span{color:#675d86;font-family:var(--vxn-font-mono);font-size:.56rem;letter-spacing:0;}
.vxn-st-himg{flex:.85;align-self:stretch;border-radius:10px;min-height:74px;position:relative;overflow:hidden;
  background:linear-gradient(150deg,#a855f7,#7c3aed);box-shadow:0 8px 20px -8px rgba(124,58,237,.55);}
.vxn-st-himg::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 70% 28%,rgba(255,255,255,.4),transparent 58%);}
.vxn-st-trust{display:flex;gap:7px;padding:0 13px 13px;}
.vxn-st-trust span{flex:1;height:15px;border-radius:5px;background:rgba(16,185,129,.16);border:1px solid rgba(16,185,129,.2);}
/* dated / bad site */
.vxn-st-nav.bad{padding:8px 11px;border-bottom:1px solid rgba(51,65,90,.14);background:#eceef2;}
.vxn-st-logo.bad{font-family:var(--vxn-font-body);font-weight:700;font-size:.6rem;color:#3a4a63;}
.vxn-st-links.bad{gap:6px;}
.vxn-st-links.bad b{width:15px;height:4px;background:rgba(58,74,99,.4);}
.vxn-st-body{flex:1;padding:13px 13px 12px;display:flex;flex-direction:column;gap:6px;}
.vxn-st-bh{font-family:var(--vxn-font-body);font-weight:700;font-size:.66rem;color:#46586f;margin-bottom:3px;}
.vxn-st-txt{height:5px;border-radius:2px;background:rgba(58,74,99,.2);width:100%;}
.vxn-st-txt.s{width:72%;}
.vxn-st-submit{margin-top:7px;align-self:flex-start;font-family:var(--vxn-font-body);font-size:.6rem;font-weight:600;color:#5b6b85;background:#d2d7df;border:1px solid #c0c6d0;border-radius:5px;padding:6px 13px;}
@media (prefers-reduced-motion:reduce){}
/* ===== gradient touch-ups ===== */
.vxn-divider{border:none;height:1px;background:linear-gradient(90deg,transparent,rgba(124,58,237,.28),rgba(192,132,252,.30),transparent);}

/* ===== footer : interactive + gradients ===== */
.vxn-ft{overflow:hidden;}
.vxn-ft::before{content:"";position:absolute;top:0;left:0;right:0;height:2px;z-index:2;
  background:linear-gradient(90deg,transparent,#7c3aed,#a855f7,#c084fc,#a855f7,#7c3aed,transparent);background-size:200% 100%;
  animation:vxn-ftline 6s linear infinite;}
@keyframes vxn-ftline{to{background-position:200% 0;}}
.vxn-ft-glow{position:absolute;top:-60px;left:50%;width:78%;max-width:880px;height:320px;pointer-events:none;z-index:0;
  transform:translateX(-50%);background:radial-gradient(ellipse at center,rgba(124,58,237,.18),transparent 70%);
  animation:vxn-ftglow 7s ease-in-out infinite;}
@keyframes vxn-ftglow{0%,100%{opacity:.55;transform:translateX(-50%) scale(1);}50%{opacity:1;transform:translateX(-50%) scale(1.08);}}
.vxn-ft-cta,.vxn-ft-grid,.vxn-ft-disc,.vxn-ft-bottom{position:relative;z-index:1;}
.vxn-ft-cta-btn{position:relative;overflow:hidden;}
.vxn-ft-cta-btn::after{content:"";position:absolute;top:0;left:-65%;width:42%;height:100%;transform:skewX(-18deg);
  background:linear-gradient(105deg,transparent,rgba(255,255,255,.4),transparent);animation:vxn-shimmer 3.6s ease-in-out infinite;}
@keyframes vxn-shimmer{0%,70%{left:-65%;}100%{left:135%;}}
.vxn-ft-cta-btn > svg{position:relative;z-index:1;transition:transform .25s var(--vxn-ease);}
.vxn-ft-cta-btn:hover > svg{transform:translateX(4px);}
.vxn-ft-col a{position:relative;transition:color .22s,padding-left .22s;}
.vxn-ft-col a::before{content:"";position:absolute;left:0;top:50%;width:9px;height:2px;border-radius:2px;
  transform:translateY(-50%) scaleX(0);transform-origin:left;background:linear-gradient(90deg,#7c3aed,#c084fc);transition:transform .22s;}
.vxn-ft-col a:hover{color:var(--vxn-blue);padding-left:15px;}
.vxn-ft-col a:hover::before{transform:translateY(-50%) scaleX(1);}
.vxn-ft-social a{position:relative;overflow:hidden;
  transition:color .2s,border-color .2s,transform .25s var(--vxn-ease),box-shadow .25s;}
.vxn-ft-social a > svg{position:relative;z-index:1;}
.vxn-ft-social a::before{content:"";position:absolute;inset:0;opacity:0;transition:opacity .25s;
  background:linear-gradient(135deg,#7c3aed,#a855f7);}
.vxn-ft-social a:hover{color:#fff;border-color:transparent;transform:translateY(-3px);box-shadow:0 10px 24px -8px rgba(124,58,237,.55);}
.vxn-ft-social a:hover::before{opacity:1;}
.vxn-ft-brand .vxn-hd-mark{filter:drop-shadow(0 0 10px rgba(124,58,237,.4));}

/* ===== FOMO single-quote rotator (below footer) ===== */
.vxn-fomo{position:relative;overflow:hidden;padding:26px 22px;display:flex;justify-content:center;
  background:linear-gradient(90deg,#6d28d9,#7c3aed,#a855f7,#7c3aed,#6d28d9);background-size:220% 100%;
  animation:vxn-fomobg 14s ease infinite;}
@keyframes vxn-fomobg{0%,100%{background-position:0% 0;}50%{background-position:100% 0;}}
.vxn-fomo-stage{position:relative;width:100%;max-width:var(--vxn-shell);min-height:30px;}
.vxn-fomo-q{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:0;text-align:center;
  font-family:var(--vxn-font-display);font-weight:600;font-size:clamp(.95rem,2vw,1.18rem);color:#fff;padding:0 8px;
  opacity:0;transform:translateY(14px);transition:opacity .55s var(--vxn-ease),transform .55s var(--vxn-ease);}
.vxn-fomo-q.is-on{opacity:1;transform:translateY(0);}
.vxn-fomo-q.is-out{opacity:0;transform:translateY(-14px);}
@media (prefers-reduced-motion:reduce){.vxn-fomo{animation:none;}.vxn-fomo-q{transition:none;}}

/* ===== floating action buttons : WhatsApp + Get in touch ===== */
.vxn-fab{position:fixed;right:22px;bottom:24px;z-index:85;display:flex;flex-direction:column;gap:13px;align-items:flex-end;}
.vxn-fab a{position:relative;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;
  box-shadow:0 12px 30px -8px rgba(0,0,0,.32);transition:transform .25s var(--vxn-ease),box-shadow .25s;}
.vxn-fab a:hover{transform:translateY(-3px) scale(1.04);}
.vxn-fab-wa{width:56px;height:56px;border-radius:50%;background:linear-gradient(145deg,#25d366,#0e9f6e);color:#fff;}
.vxn-fab-wa svg{width:30px;height:30px;}
.vxn-fab-wa:hover{box-shadow:0 16px 36px -8px rgba(37,211,102,.6);}
.vxn-fab-wa::after{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid #25d366;
  animation:vxn-fabpulse 2.6s ease-out infinite;}
@keyframes vxn-fabpulse{0%{transform:scale(1);opacity:.7;}100%{transform:scale(1.55);opacity:0;}}
.vxn-fab-gt{gap:9px;padding:0 20px;height:56px;border-radius:30px;color:#fff;
  background:linear-gradient(135deg,#7c3aed,#a855f7,#c084fc);background-size:170% 170%;
  font-family:var(--vxn-font-display);font-weight:700;font-size:.92rem;animation:vxn-fabgrad 5s ease infinite;}
.vxn-fab-gt svg{width:20px;height:20px;}
.vxn-fab-gt:hover{box-shadow:0 16px 36px -8px rgba(124,58,237,.6);}
@keyframes vxn-fabgrad{0%,100%{background-position:0% 50%;}50%{background-position:100% 50%;}}
@media (max-width:780px){
  .vxn-fab{right:16px;bottom:82px;}
  .vxn-fab-gt span{display:none;}
  .vxn-fab-gt{width:56px;padding:0;border-radius:50%;}
}
@media (prefers-reduced-motion:reduce){
  .vxn-ft::before,.vxn-ft-glow,.vxn-ft-cta-btn::after,.vxn-fomo-track,.vxn-fab-gt{animation:none;}
  .vxn-fab-wa::after{display:none;}
  .vxn-fomo-track{flex-wrap:wrap;justify-content:center;}
}
/* ===== footer newsletter ===== */
.vxn-news{margin-top:24px;max-width:350px;}
.vxn-news-label{display:block;font-family:var(--vxn-font-display);font-weight:700;font-size:.96rem;color:var(--vxn-ink);}
.vxn-news-sub{color:var(--vxn-muted);font-size:.84rem;line-height:1.5;margin:6px 0 12px;}
.vxn-news-row{display:flex;gap:8px;padding:5px;border-radius:13px;background:var(--vxn-glass-2);
  border:1px solid var(--vxn-glass-brd);transition:border-color .2s,box-shadow .2s;}
.vxn-news-row:focus-within{border-color:var(--vxn-blue);box-shadow:0 0 0 3px rgba(124,58,237,.13);}
.vxn-news-row input{flex:1;min-width:0;background:transparent;border:none;outline:none;
  font-family:var(--vxn-font-body);font-size:.9rem;color:var(--vxn-ink);padding:8px 10px;}
.vxn-news-row input::placeholder{color:var(--vxn-faint);}
.vxn-news-row button{flex:none;width:44px;border:none;cursor:pointer;border-radius:9px;color:#fff;display:grid;place-items:center;
  background:linear-gradient(135deg,#7c3aed,#a855f7);transition:transform .2s,box-shadow .2s;}
.vxn-news-row button:hover{transform:translateY(-1px);box-shadow:0 8px 20px -6px rgba(124,58,237,.6);}
.vxn-news-row button svg{width:17px;height:17px;}
.vxn-news-msg{display:inline-flex;align-items:center;gap:6px;margin-top:11px;font-size:.82rem;font-weight:600;color:var(--vxn-green);}

/* ===== floating button : works as <button> too ===== */
.vxn-fab button{position:relative;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;border:none;
  box-shadow:0 12px 30px -8px rgba(0,0,0,.32);transition:transform .25s var(--vxn-ease),box-shadow .25s;}
.vxn-fab button:hover{transform:translateY(-3px) scale(1.04);}

/* ===== audit modal ===== */
.vxn-modal{position:fixed;inset:0;z-index:120;display:flex;align-items:center;justify-content:center;padding:20px;
  opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s;}
.vxn-modal.is-open{opacity:1;visibility:visible;}
.vxn-modal-backdrop{position:absolute;inset:0;background:rgba(10,6,22,.6);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);}
.vxn-modal-card{position:relative;z-index:1;width:100%;max-width:460px;max-height:90vh;overflow:auto;
  background:var(--vxn-panel);border:1px solid var(--vxn-glass-brd);border-radius:20px;padding:30px 28px 28px;
  box-shadow:0 40px 90px -20px rgba(0,0,0,.5);transform:translateY(16px) scale(.98);transition:transform .35s var(--vxn-ease);}
.vxn-modal.is-open .vxn-modal-card{transform:none;}
.vxn-modal-card::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;border-radius:20px 20px 0 0;
  background:linear-gradient(90deg,#7c3aed,#a855f7,#c084fc);}
.vxn-modal-x{position:absolute;top:14px;right:14px;width:34px;height:34px;border-radius:9px;border:1px solid var(--vxn-glass-brd);
  background:var(--vxn-glass-2);color:var(--vxn-muted);display:grid;place-items:center;cursor:pointer;transition:color .2s,border-color .2s;}
.vxn-modal-x:hover{color:var(--vxn-ink);border-color:var(--vxn-blue);}
.vxn-modal-x svg{width:16px;height:16px;}
.vxn-modal-head h3{font-family:var(--vxn-font-display);font-weight:800;font-size:1.42rem;color:var(--vxn-ink);margin:9px 0 8px;letter-spacing:-.02em;}
.vxn-modal-head p{color:var(--vxn-muted);font-size:.92rem;line-height:1.55;margin:0 0 20px;}
.vxn-audit-form{display:flex;flex-direction:column;gap:13px;}
.vxn-audit-form label{display:flex;flex-direction:column;gap:6px;font-family:var(--vxn-font-display);font-weight:600;font-size:.78rem;color:var(--vxn-ink-2);}
.vxn-field-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px;}
.vxn-audit-form input{font-family:var(--vxn-font-body);font-size:.92rem;color:var(--vxn-ink);
  background:var(--vxn-glass-2);border:1px solid var(--vxn-glass-brd);border-radius:10px;padding:11px 13px;transition:border-color .2s,box-shadow .2s;}
.vxn-audit-form input::placeholder{color:var(--vxn-faint);}
.vxn-audit-form input:focus{outline:none;border-color:var(--vxn-blue);box-shadow:0 0 0 3px rgba(124,58,237,.15);}
.vxn-audit-note{font-size:.8rem;color:var(--vxn-muted);line-height:1.5;margin:2px 0 4px;padding:10px 12px;border-radius:10px;
  background:rgba(124,58,237,.06);border:1px solid var(--vxn-glass-brd);transition:background .25s,border-color .25s,color .25s;}
.vxn-audit-note a{color:var(--vxn-blue);font-weight:600;}
.vxn-audit-note.is-warn{background:rgba(244,63,94,.1);border-color:rgba(244,63,94,.45);color:var(--vxn-ink-2);}
.vxn-audit-submit{margin-top:4px;display:inline-flex;align-items:center;justify-content:center;gap:9px;
  font-family:var(--vxn-font-display);font-weight:700;font-size:.95rem;color:#fff;border:none;cursor:pointer;
  background:linear-gradient(135deg,#7c3aed,#a855f7,#c084fc);background-size:170% 170%;border-radius:12px;padding:14px;
  box-shadow:0 14px 30px -10px rgba(124,58,237,.6);transition:transform .2s,box-shadow .2s,background-position .45s;}
.vxn-audit-submit:hover{transform:translateY(-2px);background-position:100% 50%;box-shadow:0 18px 38px -10px rgba(124,58,237,.7);}
.vxn-audit-submit svg{width:17px;height:17px;}
.vxn-audit-done{text-align:center;padding:14px 0 6px;}
.vxn-audit-done .ok{width:58px;height:58px;border-radius:50%;margin:0 auto 16px;display:grid;place-items:center;color:#fff;
  background:linear-gradient(135deg,#10b981,#34d399);box-shadow:0 12px 28px -8px rgba(16,185,129,.6);}
.vxn-audit-done .ok svg{width:28px;height:28px;}
.vxn-audit-done h4{font-family:var(--vxn-font-display);font-weight:700;font-size:1.2rem;color:var(--vxn-ink);margin:0 0 8px;}
.vxn-audit-done p{color:var(--vxn-muted);font-size:.92rem;line-height:1.55;margin:0;}
.vxn-audit-done #vxn-audit-url{color:var(--vxn-blue);font-weight:600;word-break:break-all;}
@media (max-width:480px){.vxn-field-grid{grid-template-columns:1fr;}}

/* ===== DERMATOLOGY SPECIALTY PAGE ===== */
/* =====================================================================
   VAYUNEX — SOLUTIONS / LEAD GENERATION page  (theme-aware, token-driven)
   Layman explainer: zero → advanced. Classes namespaced .vxn-s* / .vxn-faq.
   ===================================================================== */

/* active nav (link + mega trigger) */
.vxn-hd-nav .vxn-hd-link[aria-current="page"],
.vxn-hd-nav .vxn-hd-mega-btn[aria-current="page"]{color:var(--vxn-ink);}
.vxn-hd-nav .vxn-hd-link[aria-current="page"]::after,
.vxn-hd-nav .vxn-hd-mega-btn[aria-current="page"]::after{content:"";position:absolute;left:13px;right:13px;bottom:5px;
  height:2px;border-radius:2px;background:var(--vxn-grad-cta);}
.vxn-hd-nav .vxn-hd-mega-btn[aria-current="page"]{position:relative;}

/* ---------- plain-English definition card ---------- */
.vxn-sdef{max-width:820px;margin:46px auto 0;text-align:center;border-radius:var(--vxn-r);padding:clamp(30px,4vw,44px);
  background:var(--vxn-glass-2);border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);position:relative;overflow:hidden;}
.vxn-sdef::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(520px 240px at 50% -10%,rgba(124,58,237,.14),transparent 70%);}
.vxn-sdef .in{position:relative;z-index:1;}
.vxn-sdef .eq{font-family:var(--vxn-font-mono);font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--vxn-blue);margin-bottom:14px;}
.vxn-sdef p{font-family:var(--vxn-font-display);font-weight:600;font-size:clamp(1.15rem,2.6vw,1.6rem);line-height:1.5;color:var(--vxn-ink);margin:0;}
.vxn-sdef p b{background:var(--vxn-grad-text);-webkit-background-clip:text;background-clip:text;color:transparent;}

/* ---------- node flow (stranger -> lead -> patient) ---------- */
.vxn-sflow{display:flex;align-items:stretch;justify-content:center;flex-wrap:wrap;gap:6px;margin-top:46px;}
.vxn-sflow-node{display:flex;flex-direction:column;align-items:center;gap:11px;text-align:center;padding:24px 20px;min-width:158px;
  border-radius:var(--vxn-r);background:var(--vxn-glass);border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);}
.vxn-sflow-node.hot{border-color:var(--vxn-blue);background:var(--vxn-glass-2);}
.vxn-sflow-node .ic{width:50px;height:50px;border-radius:14px;display:grid;place-items:center;background:rgba(124,58,237,.1);color:var(--vxn-blue);}
.vxn-sflow-node.hot .ic{background:var(--vxn-grad-cta);color:#fff;}
.vxn-sflow-node .ic svg{width:25px;height:25px;}
.vxn-sflow-node b{font-family:var(--vxn-font-display);font-size:1rem;color:var(--vxn-ink);}
.vxn-sflow-node span{font-size:.79rem;color:var(--vxn-muted);max-width:150px;}
.vxn-sflow-arrow{display:grid;place-items:center;color:var(--vxn-blue-2);flex:none;}
.vxn-sflow-arrow svg{width:26px;height:26px;}

/* ---------- example callout ---------- */
.vxn-sexample{display:flex;gap:14px;align-items:flex-start;padding:18px 20px;border-radius:var(--vxn-r-sm);
  background:rgba(124,58,237,.06);border:1px solid var(--vxn-line);border-left:3px solid var(--vxn-blue);margin-top:22px;}
.vxn-sexample .ic{flex:none;width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:rgba(124,58,237,.12);color:var(--vxn-amber);}
.vxn-sexample .ic svg{width:18px;height:18px;}
.vxn-sexample .tx{font-size:.92rem;color:var(--vxn-ink-2);line-height:1.6;}
.vxn-sexample .tx .tag{display:block;font-family:var(--vxn-font-mono);font-size:.64rem;letter-spacing:.14em;text-transform:uppercase;color:var(--vxn-blue);margin-bottom:5px;}
.vxn-sexample .tx b{color:var(--vxn-ink);font-weight:600;}

/* ---------- two-col text + visual ---------- */
.vxn-stwo{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,5vw,56px);align-items:center;margin-top:8px;}
.vxn-stwo.rev .vxn-stwo-visual{order:-1;}

/* ---------- photo frame ---------- */
.vxn-sphoto{position:relative;border-radius:var(--vxn-r);overflow:hidden;border:1px solid var(--vxn-glass-brd);
  box-shadow:var(--vxn-shadow);aspect-ratio:16/11;background:var(--vxn-panel-2);}
.vxn-sphoto img{width:100%;height:100%;object-fit:cover;display:block;}
.vxn-sphoto .cap{position:absolute;left:0;right:0;bottom:0;padding:16px 18px;font-family:var(--vxn-font-mono);font-size:.72rem;
  color:#fff;background:linear-gradient(180deg,transparent,rgba(8,6,20,.78));}

/* small inline chart card */
.vxn-schart{border-radius:var(--vxn-r);padding:24px;background:var(--vxn-glass);border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);}
.vxn-schart svg{width:100%;height:auto;display:block;}
.vxn-schart-key{display:flex;flex-wrap:wrap;gap:16px;margin-top:14px;font-family:var(--vxn-font-mono);font-size:.72rem;color:var(--vxn-muted);}
.vxn-schart-key i{display:inline-block;width:22px;height:3px;border-radius:3px;margin-right:7px;vertical-align:middle;}

/* ---------- levels (zero to advanced) ---------- */
.vxn-slevels{display:grid;gap:18px;margin-top:48px;}
.vxn-slevel{display:grid;grid-template-columns:128px 1fr;gap:26px;padding:30px 30px;border-radius:var(--vxn-r);
  background:var(--vxn-glass);border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);}
.vxn-slevel-badge{text-align:center;}
.vxn-slevel-badge .no{font-family:var(--vxn-font-display);font-weight:800;font-size:3.2rem;line-height:1;
  background:var(--vxn-grad-text);-webkit-background-clip:text;background-clip:text;color:transparent;}
.vxn-slevel-badge .lv{display:inline-block;margin-top:10px;font-family:var(--vxn-font-mono);font-size:.66rem;letter-spacing:.14em;
  text-transform:uppercase;color:#fff;background:var(--vxn-grad-cta);padding:5px 11px;border-radius:999px;}
.vxn-slevel-body h3{margin:0 0 6px;font-family:var(--vxn-font-display);font-size:1.28rem;color:var(--vxn-ink);}
.vxn-slevel-body .sub{margin:0 0 16px;font-size:.95rem;color:var(--vxn-muted);line-height:1.55;}
.vxn-slevel-list{list-style:none;margin:0;padding:0;display:grid;gap:11px;}
.vxn-slevel-list li{display:flex;gap:11px;align-items:flex-start;font-size:.92rem;color:var(--vxn-ink-2);line-height:1.5;}
.vxn-slevel-list li svg{width:18px;height:18px;flex:none;margin-top:2px;color:var(--vxn-green);}
.vxn-slevel-list li b{color:var(--vxn-ink);font-weight:600;}

/* ---------- channel cards ---------- */
.vxn-schannels{display:grid;grid-template-columns:repeat(auto-fit,minmax(282px,1fr));gap:16px;margin-top:42px;}
.vxn-schan{display:flex;flex-direction:column;border-radius:var(--vxn-r);background:var(--vxn-glass);
  border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);padding:26px 24px;transition:transform .3s var(--vxn-ease),border-color .3s;}
.vxn-schan:hover{transform:translateY(-4px);border-color:var(--vxn-blue);}
.vxn-schan .ic{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;background:rgba(124,58,237,.1);color:var(--vxn-blue);margin-bottom:14px;}
.vxn-schan .ic svg{width:24px;height:24px;}
.vxn-schan h4{margin:0 0 4px;font-family:var(--vxn-font-display);font-size:1.1rem;color:var(--vxn-ink);}
.vxn-schan .kind{font-family:var(--vxn-font-mono);font-size:.64rem;letter-spacing:.12em;text-transform:uppercase;color:var(--vxn-blue-2);}
.vxn-schan p{margin:13px 0 0;font-size:.88rem;color:var(--vxn-ink-2);line-height:1.55;}
.vxn-schan .best{display:flex;gap:7px;align-items:flex-start;margin-top:auto;padding-top:15px;font-family:var(--vxn-font-mono);font-size:.72rem;color:var(--vxn-green);line-height:1.45;}
.vxn-schan .best svg{width:13px;height:13px;flex:none;margin-top:2px;}

/* ---------- conversion funnel ---------- */
.vxn-sfunnel{max-width:680px;margin:48px auto 0;display:flex;flex-direction:column;align-items:center;gap:7px;}
.vxn-sfunnel-row{width:100%;display:flex;flex-direction:column;align-items:center;}
.vxn-sfunnel-bar{width:var(--w);max-width:100%;min-height:64px;border-radius:13px;background:var(--vxn-grad-cta);
  display:flex;align-items:center;justify-content:space-between;gap:14px;padding:0 22px;color:#fff;box-shadow:0 12px 30px -14px rgba(124,58,237,.7);}
.vxn-sfunnel-bar .n{font-family:var(--vxn-font-display);font-weight:800;font-size:clamp(1.25rem,3vw,1.7rem);font-variant-numeric:tabular-nums;letter-spacing:-.02em;}
.vxn-sfunnel-bar .lab{font-family:var(--vxn-font-mono);font-size:.73rem;letter-spacing:.03em;text-align:right;line-height:1.3;opacity:.96;}
.vxn-sfunnel-drop{font-family:var(--vxn-font-mono);font-size:.68rem;color:var(--vxn-faint);margin:2px 0;}

/* ---------- industry fit ---------- */
.vxn-sfit{display:grid;grid-template-columns:repeat(auto-fit,minmax(264px,1fr));gap:16px;margin-top:42px;}
.vxn-sfit-card{border-radius:var(--vxn-r);background:var(--vxn-glass);border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);padding:24px 22px;}
.vxn-sfit-top{display:flex;align-items:center;justify-content:space-between;gap:10px;}
.vxn-sfit-card h4{margin:0;font-family:var(--vxn-font-display);font-size:1.06rem;color:var(--vxn-ink);}
.vxn-sfit-rating{font-family:var(--vxn-font-mono);font-size:.64rem;letter-spacing:.1em;text-transform:uppercase;color:var(--vxn-blue);white-space:nowrap;}
.vxn-sfit-meter{display:flex;gap:5px;margin:14px 0;}
.vxn-sfit-meter i{height:7px;flex:1;border-radius:4px;background:rgba(var(--ln),.18);}
.vxn-sfit-meter i.on{background:var(--vxn-grad-cta);}
.vxn-sfit-card p{margin:0;font-size:.85rem;color:var(--vxn-muted);line-height:1.55;}

/* ---------- readiness checklist ---------- */
.vxn-sready{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px;margin-top:40px;}
.vxn-sready-item{display:flex;gap:13px;align-items:flex-start;padding:20px;border-radius:var(--vxn-r-sm);
  background:var(--vxn-glass);border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);}
.vxn-sready-item .ck{flex:none;width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:rgba(16,185,129,.12);color:var(--vxn-green);}
.vxn-sready-item .ck svg{width:17px;height:17px;}
.vxn-sready-item p{margin:0;font-size:.9rem;color:var(--vxn-ink-2);line-height:1.5;}
.vxn-sready-item p b{color:var(--vxn-ink);font-weight:600;}

/* ---------- budget tiers ---------- */
.vxn-stiers{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:42px;}
.vxn-stier{display:flex;flex-direction:column;border-radius:var(--vxn-r);background:var(--vxn-glass);
  border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);padding:28px 26px;position:relative;}
.vxn-stier.feature{border-color:var(--vxn-blue);background:var(--vxn-glass-2);}
.vxn-stier .badge{position:absolute;top:-11px;left:26px;font-family:var(--vxn-font-mono);font-size:.62rem;letter-spacing:.12em;
  text-transform:uppercase;color:#fff;background:var(--vxn-grad-cta);padding:5px 11px;border-radius:999px;box-shadow:var(--vxn-glow-cta);}
.vxn-stier .name{font-family:var(--vxn-font-mono);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--vxn-blue-2);}
.vxn-stier .spend{font-family:var(--vxn-font-display);font-weight:800;font-size:1.85rem;color:var(--vxn-ink);margin:8px 0 2px;letter-spacing:-.02em;}
.vxn-stier .spend span{font-size:.9rem;font-weight:500;color:var(--vxn-muted);}
.vxn-stier .who{font-size:.86rem;color:var(--vxn-muted);line-height:1.5;margin:0 0 18px;}
.vxn-stier ul{list-style:none;margin:0 0 18px;padding:0;display:grid;gap:10px;}
.vxn-stier li{display:flex;gap:10px;align-items:flex-start;font-size:.86rem;color:var(--vxn-ink-2);line-height:1.45;}
.vxn-stier li svg{width:16px;height:16px;flex:none;margin-top:2px;color:var(--vxn-green);}
.vxn-stier .exp{margin-top:auto;padding-top:16px;border-top:1px dashed var(--vxn-line);font-family:var(--vxn-font-mono);font-size:.74rem;color:var(--vxn-ink-2);}
.vxn-stier .exp b{color:var(--vxn-blue-2);}

/* ---------- results table ---------- */
.vxn-stable-wrap{margin-top:42px;overflow-x:auto;border-radius:var(--vxn-r);border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);}
.vxn-stable{width:100%;border-collapse:collapse;min-width:560px;background:var(--vxn-glass);}
.vxn-stable thead th{font-family:var(--vxn-font-mono);font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:var(--vxn-faint);
  text-align:left;padding:16px 20px;border-bottom:1px solid var(--vxn-line-2);background:rgba(var(--w),.03);}
.vxn-stable tbody td{padding:15px 20px;border-bottom:1px solid var(--vxn-line);font-size:.9rem;color:var(--vxn-ink-2);}
.vxn-stable tbody tr:last-child td{border-bottom:none;}
.vxn-stable tbody td:first-child{font-family:var(--vxn-font-display);font-weight:600;color:var(--vxn-ink);}
.vxn-stable tbody td .g{color:var(--vxn-green);font-family:var(--vxn-font-mono);font-weight:600;}

/* ---------- FAQ accordion (native details) ---------- */
.vxn-faq{max-width:820px;margin:42px auto 0;display:grid;gap:12px;}
.vxn-faq-item{border:1px solid var(--vxn-glass-brd);background:var(--vxn-glass);border-radius:var(--vxn-r-sm);
  box-shadow:var(--vxn-shadow);overflow:hidden;}
.vxn-faq-item summary{list-style:none;cursor:pointer;padding:20px 22px;display:flex;justify-content:space-between;align-items:center;gap:16px;
  font-family:var(--vxn-font-display);font-weight:600;font-size:1.02rem;color:var(--vxn-ink);}
.vxn-faq-item summary::-webkit-details-marker{display:none;}
.vxn-faq-item summary .pl{flex:none;color:var(--vxn-blue-2);transition:transform .3s var(--vxn-ease);}
.vxn-faq-item summary .pl svg{width:20px;height:20px;display:block;}
.vxn-faq-item[open] summary .pl{transform:rotate(135deg);}
.vxn-faq-item[open] summary{color:var(--vxn-blue-2);}
.vxn-faq-item .a{padding:0 22px 21px;font-size:.94rem;color:var(--vxn-ink-2);line-height:1.66;}
.vxn-faq-item .a b{color:var(--vxn-ink);font-weight:600;}

/* ---------- closing CTA ---------- */
.vxn-scta{position:relative;text-align:center;border-radius:var(--vxn-r);padding:clamp(42px,6vw,70px) 28px;overflow:hidden;
  background:var(--vxn-glass-2);border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);}
.vxn-scta::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(720px 360px at 50% -20%,rgba(124,58,237,.18),transparent 70%);}
.vxn-scta .in{position:relative;z-index:1;max-width:660px;margin-inline:auto;}
.vxn-scta .vxn-hero-cta{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:30px;}

/* ---------- responsive ---------- */
@media (max-width:920px){
  .vxn-stwo{grid-template-columns:1fr;gap:32px;}
  .vxn-stwo.rev .vxn-stwo-visual{order:0;}
  .vxn-stiers{grid-template-columns:1fr;}
}
@media (max-width:680px){
  .vxn-slevel{grid-template-columns:1fr;gap:18px;}
  .vxn-slevel-badge{display:flex;align-items:center;gap:14px;}
  .vxn-slevel-badge .no{font-size:2.4rem;}
  .vxn-slevel-badge .lv{margin-top:0;}
  .vxn-sflow-arrow{transform:rotate(90deg);}
}
@media (prefers-reduced-motion:reduce){
  .vxn-schan,.vxn-faq-item summary .pl{transition:none;}
}

/* mini chart strokes (var()/url() valid only in CSS, not SVG attrs) */
.vxn-schart-base{stroke:var(--vxn-line-2);stroke-width:1;}
.vxn-schart-wom{fill:none;stroke:var(--vxn-faint);stroke-width:2.5;stroke-dasharray:5 5;stroke-linecap:round;stroke-linejoin:round;}
.vxn-schart-lead{fill:none;stroke:url(#vxnSLead);stroke-width:3.4;stroke-linecap:round;stroke-linejoin:round;}

/* ===================================================================== */
/* PAID ACQUISITION additions (.vxn-p*)                                   */
/* ===================================================================== */

/* metric definition cards */
.vxn-pmetrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px;margin-top:42px;}
.vxn-pmetric{border-radius:var(--vxn-r);background:var(--vxn-glass);border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);padding:22px 22px;}
.vxn-pmetric .ab{display:flex;align-items:baseline;gap:9px;flex-wrap:wrap;}
.vxn-pmetric .ab b{font-family:var(--vxn-font-display);font-weight:800;font-size:1.5rem;letter-spacing:-.01em;background:var(--vxn-grad-text);-webkit-background-clip:text;background-clip:text;color:transparent;}
.vxn-pmetric .ab span{font-family:var(--vxn-font-mono);font-size:.66rem;letter-spacing:.06em;text-transform:uppercase;color:var(--vxn-muted);}
.vxn-pmetric p{margin:11px 0 0;font-size:.88rem;color:var(--vxn-ink-2);line-height:1.55;}
.vxn-pmetric p b{color:var(--vxn-ink);font-weight:600;}
.vxn-pmetric .eg{margin-top:11px;font-family:var(--vxn-font-mono);font-size:.72rem;color:var(--vxn-blue-2);}

/* ad-economics money map */
.vxn-peco{margin-top:44px;border-radius:var(--vxn-r);background:var(--vxn-glass-2);border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);padding:clamp(26px,4vw,40px);position:relative;overflow:hidden;}
.vxn-peco::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(600px 280px at 50% -10%,rgba(124,58,237,.14),transparent 70%);}
.vxn-peco-row{position:relative;z-index:1;display:flex;align-items:stretch;justify-content:center;flex-wrap:wrap;gap:6px;}
.vxn-peco-step{flex:1;min-width:118px;text-align:center;padding:18px 14px;border-radius:var(--vxn-r-sm);background:var(--vxn-glass);border:1px solid var(--vxn-glass-brd);}
.vxn-peco-step.in{border-color:var(--vxn-blue);}
.vxn-peco-step.out{border-color:var(--vxn-green);}
.vxn-peco-step .v{font-family:var(--vxn-font-display);font-weight:800;font-size:clamp(1.1rem,2.4vw,1.5rem);color:var(--vxn-ink);font-variant-numeric:tabular-nums;}
.vxn-peco-step.in .v{color:var(--vxn-blue-2);}
.vxn-peco-step.out .v{color:var(--vxn-green);}
.vxn-peco-step .k{font-family:var(--vxn-font-mono);font-size:.65rem;letter-spacing:.05em;text-transform:uppercase;color:var(--vxn-muted);margin-top:5px;}
.vxn-peco-arrow{display:grid;place-items:center;color:var(--vxn-blue-2);flex:none;}
.vxn-peco-arrow svg{width:22px;height:22px;}
.vxn-peco-foot{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;margin-top:26px;}
.vxn-peco-roas{display:inline-flex;align-items:baseline;gap:9px;padding:13px 26px;border-radius:999px;background:var(--vxn-grad-cta);color:#fff;box-shadow:var(--vxn-glow-cta);}
.vxn-peco-roas b{font-family:var(--vxn-font-display);font-weight:800;font-size:1.8rem;}
.vxn-peco-roas span{font-family:var(--vxn-font-mono);font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;opacity:.95;}

/* common mistakes */
.vxn-pmistakes{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px;margin-top:42px;}
.vxn-pmistake{border-radius:var(--vxn-r);background:var(--vxn-glass);border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);padding:24px 24px;border-left:3px solid var(--vxn-red);}
.vxn-pmistake .x{display:flex;align-items:center;gap:10px;margin-bottom:11px;}
.vxn-pmistake .x .ic{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:rgba(244,63,94,.12);color:var(--vxn-red);flex:none;}
.vxn-pmistake .x .ic svg{width:17px;height:17px;}
.vxn-pmistake .x b{font-family:var(--vxn-font-display);font-size:1rem;color:var(--vxn-ink);}
.vxn-pmistake p{margin:0;font-size:.88rem;color:var(--vxn-ink-2);line-height:1.55;}
.vxn-pmistake .fix{display:flex;gap:8px;align-items:flex-start;margin-top:13px;padding-top:13px;border-top:1px solid var(--vxn-line);font-size:.86rem;color:var(--vxn-ink-2);line-height:1.5;}
.vxn-pmistake .fix svg{width:15px;height:15px;flex:none;margin-top:2px;color:var(--vxn-green);}
.vxn-pmistake .fix b{color:var(--vxn-green);font-weight:600;font-family:var(--vxn-font-mono);font-size:.7rem;text-transform:uppercase;letter-spacing:.06em;margin-right:3px;}

@media (max-width:680px){ .vxn-peco-arrow{transform:rotate(90deg);} }

/* ===================================================================== */
/* MED SPA specialty page additions (.vxn-ms*)                            */
/* ===================================================================== */

/* engine cards as links */
a.vxn-schan{text-decoration:none;color:inherit;display:block;transition:transform .25s var(--vxn-ease),border-color .25s var(--vxn-ease);}
a.vxn-schan:hover{transform:translateY(-4px);border-color:var(--vxn-line-2);}
a.vxn-schan .best{color:var(--vxn-blue-2);}

/* before / after transformation */
.vxn-msba{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:44px;}
@media(max-width:720px){.vxn-msba{grid-template-columns:1fr;}}
.vxn-msba-col{border-radius:var(--vxn-r);border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);padding:28px 26px;background:var(--vxn-glass);}
.vxn-msba-col.after{background:var(--vxn-glass-2);border-color:var(--vxn-line-2);position:relative;overflow:hidden;}
.vxn-msba-col.after::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(420px 200px at 80% -10%,rgba(124,58,237,.13),transparent 70%);}
.vxn-msba-h{display:flex;align-items:center;gap:11px;margin-bottom:20px;position:relative;z-index:1;}
.vxn-msba-h .lbl{font-family:var(--vxn-font-mono);font-size:.68rem;letter-spacing:.07em;text-transform:uppercase;}
.vxn-msba-col.before .lbl{color:var(--vxn-muted);}
.vxn-msba-col.after .lbl{color:var(--vxn-blue-2);}
.vxn-msba-h h3{font-family:var(--vxn-font-display);font-size:1.25rem;color:var(--vxn-ink);margin:0;letter-spacing:-.01em;}
.vxn-msba-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px;position:relative;z-index:1;}
.vxn-msba-list li{display:flex;gap:12px;align-items:flex-start;font-size:.92rem;color:var(--vxn-ink-2);line-height:1.5;}
.vxn-msba-list li .ic{width:22px;height:22px;border-radius:6px;flex:none;display:grid;place-items:center;margin-top:1px;}
.vxn-msba-col.before li .ic{background:rgba(244,63,94,.10);color:var(--vxn-red);}
.vxn-msba-col.after li .ic{background:rgba(16,185,129,.12);color:var(--vxn-green);}
.vxn-msba-list li .ic svg{width:13px;height:13px;}
.vxn-msba-col.after li b{color:var(--vxn-ink);font-weight:600;}

/* impact tiles */
.vxn-msimpact{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px;margin-top:42px;}
.vxn-msimpact-tile{border-radius:var(--vxn-r);background:var(--vxn-glass);border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);padding:26px 22px;text-align:center;}
.vxn-msimpact-tile .big{font-family:var(--vxn-font-display);font-weight:800;font-size:2.3rem;line-height:1;letter-spacing:-.01em;background:var(--vxn-grad-text);-webkit-background-clip:text;background-clip:text;color:transparent;font-variant-numeric:tabular-nums;}
.vxn-msimpact-tile .lbl{font-family:var(--vxn-font-display);font-size:.98rem;color:var(--vxn-ink);margin-top:11px;font-weight:600;}
.vxn-msimpact-tile .sub{font-size:.82rem;color:var(--vxn-muted);margin-top:6px;line-height:1.45;}

/* journey timeline */
.vxn-msflow{margin-top:44px;display:flex;flex-direction:column;}
.vxn-msstep{display:grid;grid-template-columns:auto 1fr;gap:20px;position:relative;padding-bottom:26px;}
.vxn-msstep:last-child{padding-bottom:0;}
.vxn-msstep-rail{display:flex;flex-direction:column;align-items:center;}
.vxn-msstep-num{width:46px;height:46px;border-radius:50%;flex:none;display:grid;place-items:center;font-family:var(--vxn-font-display);font-weight:800;font-size:1.05rem;color:#fff;background:var(--vxn-grad-cta);box-shadow:var(--vxn-glow-cta);z-index:1;}
.vxn-msstep-line{flex:1;width:2px;background:var(--vxn-line-2);margin-top:4px;border-radius:2px;}
.vxn-msstep:last-child .vxn-msstep-line{display:none;}
.vxn-msstep-body{border-radius:var(--vxn-r);background:var(--vxn-glass);border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);padding:22px 24px;}
.vxn-msstep-body .when{font-family:var(--vxn-font-mono);font-size:.68rem;letter-spacing:.06em;text-transform:uppercase;color:var(--vxn-blue-2);}
.vxn-msstep-body h4{font-family:var(--vxn-font-display);font-size:1.12rem;color:var(--vxn-ink);margin:5px 0 8px;letter-spacing:-.01em;}
.vxn-msstep-body p{font-size:.9rem;color:var(--vxn-ink-2);line-height:1.55;margin:0;}
.vxn-msstep-body p .need{color:var(--vxn-ink);font-weight:600;}



/* From hrt-trt.html */

/* =====================================================================
   VAYUNEX — DESIGN SYSTEM v2
   Light-default, royal-purple. Dark mode via :root[data-theme="dark"].
   Theme bases: --w (tint), --ln (hairline), --mk (screen-mock surface)
   flip per theme so one stylesheet serves both. Accents are shared.
   Type:  Sora (display) · Manrope (body) · JetBrains Mono (data)
   ===================================================================== */

/* ----- TOKENS : LIGHT (default) ----- */
:root{
  color-scheme: light;

  --vxn-void:#ffffff;
  --vxn-deep:#f4f0fb;
  --vxn-panel:#ffffff;
  --vxn-panel-2:#f5f1fe;

  --vxn-ink:#1b1233;
  --vxn-ink-2:#392e57;
  --vxn-muted:#675d86;
  --vxn-faint:#9a91b4;

  /* theme bases */
  --w:45,35,70;          /* subtle tint base (dark on light) */
  --ln:110,82,180;       /* hairline base (purple)           */
  --mk:245,243,252;      /* screen-mock surface (near-white) */

  --vxn-line:rgba(var(--ln),0.16);
  --vxn-line-2:rgba(var(--ln),0.32);

  /* royal-purple accents (shared both themes) */
  --vxn-blue:#7c3aed;    /* primary  */
  --vxn-blue-2:#a855f7;  /* primary-2 */
  --vxn-cyan:#c084fc;    /* bright orchid pop */
  --vxn-violet:#8b5cf6;
  --vxn-green:#10b981;   /* success / revenue */
  --vxn-amber:#f59e0b;   /* stars / cost */
  --vxn-red:#f43f5e;     /* loss */

  --vxn-glass:linear-gradient(160deg,rgba(255,255,255,0.96),rgba(250,248,255,0.90));
  --vxn-glass-2:linear-gradient(160deg,#ffffff,#f3edfe);
  --vxn-glass-brd:rgba(var(--ln),0.20);

  --vxn-cta-ink:#ffffff;
  --vxn-grad-cta:linear-gradient(135deg,#7c3aed 0%,#a855f7 55%,#c084fc 100%);
  --vxn-grad-violet:linear-gradient(135deg,#8b5cf6 0%,#7c3aed 100%);
  --vxn-grad-text:linear-gradient(120deg,#2a1d4d 0%,#7c3aed 55%,#a855f7 100%);

  --vxn-shadow:0 26px 60px -30px rgba(76,29,149,0.30);
  --vxn-glow-cta:0 16px 40px -12px rgba(124,58,237,0.42);

  --vxn-font-display:'Sora',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  --vxn-font-body:'Manrope',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  --vxn-font-mono:'JetBrains Mono',ui-monospace,SFMono-Regular,Menlo,monospace;

  --vxn-r:20px;
  --vxn-r-sm:14px;
  --vxn-shell:1180px;
  --vxn-ease:cubic-bezier(.2,.7,.2,1);
}

/* ----- TOKENS : DARK (toggle) ----- */
:root[data-theme="dark"]{
  color-scheme: dark;

  --vxn-void:#0b0818;
  --vxn-deep:#0f0b20;
  --vxn-panel:#150f2b;
  --vxn-panel-2:#1b1338;

  --vxn-ink:#f3f0ff;
  --vxn-ink-2:#cdc6e8;
  --vxn-muted:#968cb8;
  --vxn-faint:#6c648c;

  --w:255,255,255;
  --ln:150,135,215;
  --mk:14,20,44;

  --vxn-glass:linear-gradient(160deg,rgba(255,255,255,0.07),rgba(255,255,255,0.02));
  --vxn-glass-2:linear-gradient(160deg,rgba(255,255,255,0.10),rgba(255,255,255,0.03));
  --vxn-glass-brd:rgba(255,255,255,0.10);

  --vxn-grad-text:linear-gradient(120deg,#ffffff 0%,#c4b5fd 50%,#c084fc 100%);

  --vxn-shadow:0 26px 70px -28px rgba(0,0,0,0.70);
  --vxn-glow-cta:0 16px 44px -12px rgba(124,58,237,0.60);
}

/* ----- TRANSFORMED SECTION STYLES (token-driven, theme-aware) ----- */
/* =====================================================================
   VAYUNEX — GLOBAL DESIGN SYSTEM
   Visual direction: "Mission control for revenue" — deep navy/black base,
   electric blue + cyan + violet accents, success green & cost amber for
   telemetry, frosted glass, ambient grid, lead-flow particle motif.
   Type roles:  Sora (display) · Manrope (body) · JetBrains Mono (data)
   All classes are namespaced with the vxn- prefix.
   ===================================================================== */

/* ----- TOKENS ----- */

/* ----- RESET / BASE ----- */
*,*::before,*::after{box-sizing:border-box;}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;}
body{
  margin:0;
  background:var(--vxn-void);
  color:var(--vxn-ink-2);
  font-family:var(--vxn-font-body);
  font-size:16px;
  line-height:1.65;
  letter-spacing:.005em;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
  overflow-x:hidden;
}
img{max-width:100%;display:block;}
a{color:inherit;text-decoration:none;}
button{font-family:inherit;cursor:pointer;}
canvas{display:block;}
::selection{background:rgba(192,132,252,.28);color:#fff;}

/* ----- AMBIENT ATMOSPHERE (fixed background layer) ----- */
.vxn-atmos{position:fixed;inset:0;z-index:-2;pointer-events:none;background:
  radial-gradient(1100px 700px at 78% -8%,rgba(124,58,237,.22),transparent 60%),
  radial-gradient(900px 700px at 8% 12%,rgba(139,92,246,.16),transparent 60%),
  radial-gradient(1000px 800px at 60% 108%,rgba(192,132,252,.10),transparent 55%),
  var(--vxn-void);}
.vxn-atmos::before{content:"";position:absolute;inset:0;opacity:.5;
  background-image:linear-gradient(rgba(var(--ln),.05) 1px,transparent 1px),
                   linear-gradient(90deg,rgba(var(--ln),.05) 1px,transparent 1px);
  background-size:54px 54px;
  -webkit-mask-image:radial-gradient(circle at 50% 30%,#000 0%,transparent 78%);
          mask-image:radial-gradient(circle at 50% 30%,#000 0%,transparent 78%);}
.vxn-grain{position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.035;mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");}

/* ----- LAYOUT PRIMITIVES ----- */
.vxn-shell{width:100%;max-width:var(--vxn-shell);margin-inline:auto;padding-inline:24px;}
.vxn-section{position:relative;padding-block:clamp(74px,11vh,128px);}
.vxn-section--tight{padding-block:clamp(56px,8vh,92px);}
.vxn-divider{height:1px;background:linear-gradient(90deg,transparent,var(--vxn-line-2),transparent);border:0;margin:0;}

/* ----- TYPOGRAPHY ----- */
.vxn-eyebrow{display:inline-flex;align-items:center;gap:9px;font-family:var(--vxn-font-mono);
  font-size:12px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--vxn-cyan);}
.vxn-eyebrow::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--vxn-cyan);
  box-shadow:0 0 10px var(--vxn-cyan);}
.vxn-h1{font-family:var(--vxn-font-display);font-weight:800;line-height:1.04;letter-spacing:-.025em;
  font-size:clamp(2.4rem,6vw,4.5rem);color:var(--vxn-ink);margin:0;}
.vxn-h2{font-family:var(--vxn-font-display);font-weight:700;line-height:1.08;letter-spacing:-.02em;
  font-size:clamp(1.85rem,4vw,3rem);color:var(--vxn-ink);margin:0;}
.vxn-h3{font-family:var(--vxn-font-display);font-weight:600;line-height:1.2;letter-spacing:-.01em;
  font-size:clamp(1.1rem,2vw,1.35rem);color:var(--vxn-ink);margin:0;}
.vxn-lead{font-size:clamp(1.02rem,1.6vw,1.2rem);color:var(--vxn-ink-2);max-width:62ch;}
.vxn-grad-txt{background:var(--vxn-grad-text);-webkit-background-clip:text;background-clip:text;color:transparent;}
.vxn-cyan{color:var(--vxn-cyan);} .vxn-violet{color:var(--vxn-violet);} .vxn-green{color:var(--vxn-green);}
.vxn-mono{font-family:var(--vxn-font-mono);font-variant-numeric:tabular-nums;}
.vxn-head{max-width:760px;}
.vxn-head .vxn-lead{margin-top:18px;}
.vxn-center{text-align:center;margin-inline:auto;}

/* ----- BUTTONS ----- */
.vxn-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;
  font-family:var(--vxn-font-display);font-weight:600;font-size:.96rem;letter-spacing:-.01em;
  padding:14px 24px;border-radius:13px;border:1px solid transparent;transition:transform .25s var(--vxn-ease),box-shadow .25s,background .25s;white-space:nowrap;}
.vxn-btn svg{width:18px;height:18px;}
.vxn-btn--primary{background:var(--vxn-grad-cta);color:var(--vxn-cta-ink);box-shadow:var(--vxn-glow-cta);}
.vxn-btn--primary:hover{transform:translateY(-2px);box-shadow:0 20px 50px -12px rgba(124,58,237,.7);}
.vxn-btn--ghost{background:rgba(var(--w),.03);border-color:var(--vxn-line-2);color:var(--vxn-ink);}
.vxn-btn--ghost:hover{transform:translateY(-2px);background:rgba(var(--w),.07);border-color:var(--vxn-cyan);}
.vxn-btn:focus-visible{outline:2px solid var(--vxn-cyan);outline-offset:3px;}

/* ----- CHIPS / PILLS ----- */
.vxn-chip{display:inline-flex;align-items:center;gap:8px;font-size:.82rem;font-weight:600;color:var(--vxn-ink-2);
  padding:7px 14px;border-radius:999px;background:rgba(var(--w),.04);border:1px solid var(--vxn-line);}
.vxn-chip .vxn-dot{width:6px;height:6px;border-radius:50%;background:var(--vxn-green);box-shadow:0 0 8px var(--vxn-green);}

/* ----- GLASS CARD ----- */
.vxn-glass{position:relative;background:var(--vxn-glass);border:1px solid var(--vxn-glass-brd);
  border-radius:var(--vxn-r);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--vxn-shadow);}
.vxn-glass::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;pointer-events:none;
  background:linear-gradient(160deg,rgba(var(--w),.35),transparent 40%);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
          mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;mask-composite:exclude;opacity:.5;}

/* 3D tilt-ready card */
.vxn-card3d{transition:transform .4s var(--vxn-ease),box-shadow .4s;transform-style:preserve-3d;will-change:transform;}

/* ----- SCROLL REVEAL ----- */
.vxn-reveal{opacity:0;transform:translateY(28px);transition:opacity .8s var(--vxn-ease),transform .8s var(--vxn-ease);transition-delay:var(--d,0s);}
.vxn-reveal.is-in{opacity:1;transform:none;}

/* ============================ NAV (CAPSULE) ============================ */
/* "Living glass capsule" — contracts on scroll, canopy mega-menu unfurls
   out of the same surface, sliding spotlight, full-screen mobile overlay. */
.vxn-skip{position:absolute;left:-9999px;top:0;z-index:200;background:var(--vxn-cyan);color:var(--vxn-cta-ink);
  padding:10px 16px;border-radius:0 0 10px 0;font-weight:700;}
.vxn-skip:focus{left:0;}

.vxn-scrim{position:fixed;inset:0;z-index:79;background:rgba(var(--mk),.55);opacity:0;visibility:hidden;
  -webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:opacity .35s,visibility .35s;}
.vxn-scrim.is-on{opacity:1;visibility:visible;}

.vxn-nav{position:fixed;top:14px;left:0;right:0;z-index:80;display:flex;justify-content:center;padding-inline:14px;}
.vxn-island{width:min(1120px,100%);background:linear-gradient(160deg,rgba(var(--mk),.78),rgba(var(--mk),.7));
  border:1px solid var(--vxn-glass-brd);border-radius:22px;overflow:hidden;
  -webkit-backdrop-filter:blur(16px) saturate(140%);backdrop-filter:blur(16px) saturate(140%);
  box-shadow:0 18px 50px -22px rgba(0,0,0,.8);
  transition:width .5s var(--vxn-ease),border-radius .5s,background .5s;}
.vxn-nav.is-contracted .vxn-island{width:min(880px,100%);background:linear-gradient(160deg,rgba(var(--mk),.92),rgba(var(--mk),.9));}
.vxn-bar{display:flex;align-items:center;gap:18px;padding:11px 14px 11px 18px;transition:padding .5s var(--vxn-ease);}
.vxn-nav.is-contracted .vxn-bar{padding:8px 12px 8px 16px;}

.vxn-brand{display:flex;align-items:center;gap:11px;flex-shrink:0;}
.vxn-mark{width:30px;height:30px;flex-shrink:0;transition:width .5s,height .5s;}
.vxn-nav.is-contracted .vxn-mark{width:26px;height:26px;}
.vxn-word{font-family:var(--vxn-font-display);font-weight:800;letter-spacing:.12em;font-size:1.02rem;color:var(--vxn-ink);}

.vxn-links{position:relative;display:flex;align-items:center;gap:2px;margin-inline:auto;}
.vxn-spot{position:absolute;top:50%;height:34px;border-radius:11px;transform:translateY(-50%);
  background:linear-gradient(160deg,rgba(var(--ln),.22),rgba(var(--ln),.08));border:1px solid var(--vxn-line);
  z-index:0;opacity:0;transition:left .38s var(--vxn-ease),width .38s var(--vxn-ease),opacity .3s;pointer-events:none;}
.vxn-link{position:relative;z-index:1;display:inline-flex;align-items:center;gap:6px;color:var(--vxn-ink-2);
  font-size:.92rem;font-weight:600;padding:8px 14px;border-radius:11px;background:none;border:0;transition:color .25s;}
.vxn-link:hover,.vxn-link[aria-expanded="true"]{color:var(--vxn-ink);}
.vxn-link .vxn-chev{width:14px;height:14px;transition:transform .3s;}
.vxn-link[aria-expanded="true"] .vxn-chev{transform:rotate(180deg);}
.vxn-link:focus-visible{outline:2px solid var(--vxn-cyan);outline-offset:2px;}

.vxn-actions{display:flex;align-items:center;gap:10px;flex-shrink:0;}
.vxn-cta{display:inline-flex;align-items:center;gap:7px;background:var(--vxn-grad-cta);color:var(--vxn-cta-ink);
  font-family:var(--vxn-font-display);font-weight:700;font-size:.88rem;padding:10px 17px;border-radius:11px;
  box-shadow:0 10px 26px -10px rgba(124,58,237,.6);transition:transform .25s,box-shadow .25s;border:0;}
.vxn-cta:hover{transform:translateY(-1px);box-shadow:0 14px 32px -8px rgba(124,58,237,.8);}
.vxn-cta:focus-visible{outline:2px solid #fff;outline-offset:2px;}

.vxn-burger{display:none;width:42px;height:38px;border-radius:11px;background:rgba(var(--w),.05);
  border:1px solid var(--vxn-line);align-items:center;justify-content:center;flex-direction:column;gap:4px;}
.vxn-burger span{width:18px;height:2px;background:var(--vxn-ink);border-radius:2px;transition:transform .3s,opacity .3s;}
.vxn-burger:focus-visible{outline:2px solid var(--vxn-cyan);outline-offset:2px;}

/* Canopy mega-menu (lives INSIDE the island; grows out of it) */
.vxn-canopy{max-height:0;opacity:0;padding:0 22px;transition:max-height .5s var(--vxn-ease),opacity .35s,padding .5s var(--vxn-ease);}
.vxn-island.is-open .vxn-canopy{max-height:420px;opacity:1;padding:4px 22px 22px;}
.vxn-canopy-top{height:1px;background:var(--vxn-line);margin-bottom:18px;}
.vxn-canopy-grid{display:grid;grid-template-columns:1fr 1fr 1.15fr;gap:22px;}
.vxn-col-title{font-family:var(--vxn-font-mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--vxn-muted);margin-bottom:12px;}
.vxn-col a{display:flex;align-items:center;gap:10px;color:var(--vxn-ink-2);font-size:.9rem;font-weight:600;padding:7px 9px;border-radius:9px;transition:background .2s,color .2s,transform .2s;opacity:0;transform:translateY(8px);}
.vxn-island.is-open .vxn-col a{opacity:1;transform:none;}
.vxn-island.is-open .vxn-col:nth-child(1) a{transition-delay:.05s;}
.vxn-island.is-open .vxn-col:nth-child(2) a{transition-delay:.12s;}
.vxn-col a:hover{background:rgba(var(--ln),.1);color:#fff;}
.vxn-col a i{width:8px;height:8px;border-radius:50%;background:var(--vxn-cyan);box-shadow:0 0 8px var(--vxn-cyan);flex-shrink:0;}
.vxn-col a.h i{background:var(--vxn-green);box-shadow:0 0 8px var(--vxn-green);}
.vxn-rail{background:var(--vxn-grad-violet);border-radius:16px;padding:18px;display:flex;flex-direction:column;justify-content:center;opacity:0;transform:translateY(8px);transition:opacity .4s .18s,transform .4s .18s;}
.vxn-island.is-open .vxn-rail{opacity:1;transform:none;}
.vxn-rail h4{font-family:var(--vxn-font-display);font-size:1.05rem;color:#fff;margin:0 0 6px;}
.vxn-rail p{font-size:.82rem;color:rgba(var(--w),.85);margin:0 0 14px;}
.vxn-rail a{align-self:flex-start;background:#fff;color:#1a1340;font-weight:700;font-size:.82rem;padding:9px 15px;border-radius:10px;}

/* Mobile full-screen overlay */
.vxn-overlay{position:fixed;inset:0;z-index:90;background:linear-gradient(180deg,var(--vxn-void),var(--vxn-void));
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transform:translateY(-100%);transition:transform .5s var(--vxn-ease);
  display:flex;flex-direction:column;padding:22px;overflow-y:auto;}
.vxn-overlay.is-open{transform:none;}
.vxn-ov-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:36px;}
.vxn-ov-close{width:42px;height:42px;border-radius:12px;background:rgba(var(--w),.05);border:1px solid var(--vxn-line);color:var(--vxn-ink);font-size:1.4rem;display:flex;align-items:center;justify-content:center;}
.vxn-ov-body{display:flex;flex-direction:column;gap:6px;}
.vxn-ov-link{font-family:var(--vxn-font-display);font-weight:700;font-size:1.8rem;color:var(--vxn-ink);padding:14px 4px;border-bottom:1px solid var(--vxn-line);display:flex;align-items:center;justify-content:space-between;
  opacity:0;transform:translateX(-18px);transition:opacity .5s,transform .5s;}
.vxn-overlay.is-open .vxn-ov-link{opacity:1;transform:none;}
.vxn-overlay.is-open .vxn-ov-link:nth-child(1){transition-delay:.08s;}
.vxn-overlay.is-open .vxn-ov-link:nth-child(2){transition-delay:.14s;}
.vxn-overlay.is-open .vxn-ov-link:nth-child(3){transition-delay:.2s;}
.vxn-overlay.is-open .vxn-ov-link:nth-child(4){transition-delay:.26s;}
.vxn-overlay.is-open .vxn-ov-link:nth-child(5){transition-delay:.32s;}
.vxn-ov-sub{display:none;flex-direction:column;gap:2px;padding:6px 4px 14px;}
.vxn-ov-sub.is-open{display:flex;}
.vxn-ov-sub a{color:var(--vxn-muted);font-size:1.05rem;font-weight:600;padding:8px 0;}
.vxn-ov-cta{margin-top:26px;}

@media(max-width:920px){
  .vxn-links{display:none;}
  .vxn-burger{display:flex;}
  .vxn-actions .vxn-cta{display:none;}
}
@media(min-width:921px){ .vxn-overlay{display:none!important;} }

/* ============================ HERO ============================ */
.vxn-hero{position:relative;min-height:100svh;display:flex;align-items:center;padding-top:130px;padding-bottom:64px;overflow:hidden;}
.vxn-hero-bg{position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.9;}
.vxn-hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.04fr .96fr;gap:46px;align-items:center;width:100%;}
.vxn-hero-copy{max-width:600px;}
.vxn-hero h1{margin:18px 0 0;}
.vxn-hero h1 .ln{display:block;}
.vxn-hero .vxn-lead{margin-top:22px;}
.vxn-hero-cta{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px;}
.vxn-hero-trust{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px;}

.vxn-engine{position:relative;width:100%;aspect-ratio:1/.86;max-width:560px;margin-inline:auto;}
.vxn-engine canvas{position:absolute;inset:0;width:100%;height:100%;}
.vxn-dash{position:absolute;right:-6px;bottom:-14px;width:min(252px,72%);padding:16px 16px 14px;border-radius:16px;z-index:3;}
.vxn-dash-h{display:flex;align-items:center;gap:8px;font-family:var(--vxn-font-mono);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--vxn-muted);margin-bottom:12px;}
.vxn-dash-h .live{width:7px;height:7px;border-radius:50%;background:var(--vxn-green);box-shadow:0 0 9px var(--vxn-green);animation:vxn-pulse 1.8s infinite;}
.vxn-dash-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 14px;}
.vxn-dash-cell .k{font-size:10px;letter-spacing:.04em;color:var(--vxn-faint);text-transform:uppercase;font-weight:600;}
.vxn-dash-cell .v{font-family:var(--vxn-font-mono);font-weight:700;font-size:1.18rem;color:var(--vxn-ink);line-height:1.2;font-variant-numeric:tabular-nums;}
.vxn-dash-cell .v.c{color:var(--vxn-cyan);} .vxn-dash-cell .v.g{color:var(--vxn-green);}
@keyframes vxn-pulse{0%,100%{opacity:1;transform:scale(1);}50%{opacity:.45;transform:scale(.82);}}

/* ============================ PROBLEM / LEAK FUNNEL ============================ */
.vxn-leak-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:46px;align-items:center;margin-top:48px;}
.vxn-funnel-stage{position:relative;width:100%;max-width:440px;margin-inline:auto;}
.vxn-funnel-stage svg{width:100%;height:auto;overflow:visible;}
.vxn-leak-rows{display:flex;flex-direction:column;gap:10px;}
.vxn-leak-row{display:flex;gap:14px;align-items:flex-start;padding:15px 16px;border-radius:14px;border:1px solid var(--vxn-line);
  background:rgba(var(--w),.018);cursor:pointer;transition:border-color .3s,background .3s,transform .3s;text-align:left;width:100%;}
.vxn-leak-row:hover{transform:translateX(4px);}
.vxn-leak-row.is-active{border-color:rgba(244,63,94,.55);background:rgba(244,63,94,.07);}
.vxn-leak-num{font-family:var(--vxn-font-mono);font-size:.8rem;color:var(--vxn-red);font-weight:700;width:26px;height:26px;border-radius:8px;
  background:rgba(244,63,94,.12);display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px;}
.vxn-leak-row.is-active .vxn-leak-num{background:var(--vxn-red);color:#180408;}
.vxn-leak-txt h4{font-family:var(--vxn-font-display);font-size:1rem;color:var(--vxn-ink);margin:0 0 3px;}
.vxn-leak-txt p{margin:0;font-size:.88rem;color:var(--vxn-muted);}
.vxn-leak-foot{margin-top:22px;font-size:.95rem;color:var(--vxn-ink-2);border-left:2px solid var(--vxn-cyan);padding-left:16px;}

/* ============================ METHOD (10-step journey) ============================ */
.vxn-method-rail{position:relative;display:flex;gap:14px;overflow-x:auto;padding:30px 4px 18px;margin-top:38px;scroll-snap-type:x mandatory;
  -ms-overflow-style:none;scrollbar-width:thin;scrollbar-color:var(--vxn-line-2) transparent;}
.vxn-method-rail::-webkit-scrollbar{height:6px;}
.vxn-method-rail::-webkit-scrollbar-thumb{background:var(--vxn-line-2);border-radius:6px;}
.vxn-mprogress{position:absolute;top:14px;left:4px;right:4px;height:2px;background:var(--vxn-line);border-radius:2px;overflow:hidden;}
.vxn-mprogress i{position:absolute;inset:0;width:0;background:var(--vxn-grad-cta);box-shadow:0 0 12px rgba(192,132,252,.6);transition:width 1.4s var(--vxn-ease);}
.vxn-mstep{position:relative;scroll-snap-align:start;flex:0 0 auto;width:172px;padding:18px 16px 16px;border-radius:16px;}
.vxn-mstep .n{position:absolute;top:-11px;left:16px;font-family:var(--vxn-font-mono);font-size:.7rem;font-weight:700;color:var(--vxn-cyan);
  background:var(--vxn-deep);border:1px solid var(--vxn-line);padding:3px 7px;border-radius:7px;}
.vxn-mstep .ic{width:38px;height:38px;border-radius:11px;background:rgba(var(--ln),.1);display:flex;align-items:center;justify-content:center;margin-bottom:12px;color:var(--vxn-cyan);}
.vxn-mstep .ic svg{width:20px;height:20px;}
.vxn-mstep h4{font-family:var(--vxn-font-display);font-size:1rem;color:var(--vxn-ink);margin:0 0 6px;}
.vxn-mstep p{margin:0;font-size:.82rem;color:var(--vxn-muted);line-height:1.5;}
.vxn-mstep::after{content:"";position:absolute;right:-9px;top:54px;width:14px;height:14px;border-top:2px solid var(--vxn-line-2);border-right:2px solid var(--vxn-line-2);transform:rotate(45deg);opacity:.7;}
.vxn-mstep:last-child::after{display:none;}

/* ============================ STRATEGY BOARD ============================ */
.vxn-board-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:46px;align-items:center;margin-top:46px;}
.vxn-board{position:relative;aspect-ratio:1;width:100%;max-width:480px;margin-inline:auto;border-radius:24px;overflow:hidden;
  background:linear-gradient(160deg,rgba(var(--mk),.9),rgba(var(--mk),.92));border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);}
.vxn-board::before{content:"";position:absolute;inset:0;opacity:.5;
  background-image:repeating-conic-gradient(rgba(var(--ln),.05) 0% 25%,transparent 0% 50%);background-size:25% 25%;}
.vxn-board::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 45%,transparent 30%,rgba(var(--mk),.55) 100%);}
.vxn-piece{position:absolute;width:21%;aspect-ratio:1;transform:translate(-50%,-50%) scale(.3);opacity:0;
  transition:transform .9s var(--vxn-ease),opacity .7s;left:var(--x);top:var(--y);z-index:2;cursor:default;}
.vxn-board.is-placed .vxn-piece{transform:translate(-50%,-50%) scale(1);opacity:1;}
.vxn-piece-disc{position:absolute;inset:0;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;
  background:radial-gradient(circle at 35% 28%,rgba(var(--w),.22),rgba(var(--w),.03) 60%),linear-gradient(160deg,rgba(var(--mk),.9),rgba(var(--mk),.95));
  border:1px solid rgba(var(--w),.16);box-shadow:0 10px 24px -8px rgba(0,0,0,.7),inset 0 1px 1px rgba(var(--w),.25);
  transition:transform .3s,box-shadow .3s;}
.vxn-piece:hover .vxn-piece-disc{transform:translateY(-4px) scale(1.05);box-shadow:0 16px 30px -8px var(--pc,rgba(192,132,252,.5)),inset 0 1px 1px rgba(var(--w),.3);}
.vxn-piece-disc svg{width:34%;height:34%;color:var(--pc,var(--vxn-cyan));}
.vxn-piece-lbl{font-family:var(--vxn-font-mono);font-size:.5rem;letter-spacing:.04em;color:var(--vxn-ink-2);text-transform:uppercase;font-weight:700;}
.vxn-piece-glow{position:absolute;inset:-30%;border-radius:50%;background:radial-gradient(circle,var(--pc,rgba(192,132,252,.4)),transparent 65%);opacity:.4;filter:blur(6px);z-index:-1;}
.vxn-tip{position:absolute;left:50%;bottom:112%;transform:translateX(-50%) translateY(6px);width:max-content;max-width:180px;
  background:rgba(var(--mk),.96);border:1px solid var(--vxn-line-2);border-radius:10px;padding:9px 12px;font-size:.74rem;color:var(--vxn-ink-2);line-height:1.45;
  opacity:0;visibility:hidden;transition:opacity .25s,transform .25s,visibility .25s;z-index:5;box-shadow:0 12px 30px -10px rgba(0,0,0,.8);pointer-events:none;}
.vxn-tip b{color:var(--pc,var(--vxn-cyan));font-family:var(--vxn-font-display);}
.vxn-piece:hover .vxn-tip{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0);}
.vxn-legend{display:flex;flex-direction:column;gap:8px;margin-top:26px;}
.vxn-lrow{display:flex;align-items:center;gap:12px;padding:11px 14px;border-radius:12px;border:1px solid var(--vxn-line);background:rgba(var(--w),.018);transition:background .25s,border-color .25s;cursor:default;}
.vxn-lrow:hover{background:rgba(var(--ln),.06);border-color:var(--vxn-line-2);}
.vxn-lrow .sw{width:12px;height:12px;border-radius:50%;flex-shrink:0;box-shadow:0 0 10px currentColor;}
.vxn-lrow b{font-family:var(--vxn-font-display);color:var(--vxn-ink);font-size:.92rem;min-width:74px;}
.vxn-lrow span{font-size:.85rem;color:var(--vxn-muted);}

/* ============================ INDUSTRY JOURNEYS (health / hospitality) ============================ */
.vxn-jintro{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap;}
.vxn-journey{position:relative;margin:46px 0 40px;padding:34px 12px 30px;border-radius:20px;}
.vxn-jtrack{position:relative;display:flex;justify-content:space-between;gap:8px;padding-top:8px;}
.vxn-jline{position:absolute;top:30px;left:5%;right:5%;height:2px;background:var(--vxn-line);border-radius:2px;}
.vxn-jline i{position:absolute;inset:0;width:0;background:linear-gradient(90deg,var(--ac1),var(--ac2));box-shadow:0 0 10px var(--ac2);transition:width 1.8s var(--vxn-ease);}
.vxn-jnode{position:relative;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;flex:1;min-width:0;z-index:2;}
.vxn-jdot{width:46px;height:46px;border-radius:14px;background:var(--vxn-deep);border:1px solid var(--vxn-line-2);display:flex;align-items:center;justify-content:center;color:var(--ac2,var(--vxn-cyan));transition:box-shadow .4s,border-color .4s,transform .4s;}
.vxn-jdot svg{width:21px;height:21px;}
.vxn-journey.is-in .vxn-jnode:nth-child(1) .vxn-jdot{box-shadow:0 0 0 4px rgba(192,132,252,.08),0 0 20px -4px var(--ac2);border-color:var(--ac2);}
.vxn-jlabel{font-size:.78rem;font-weight:600;color:var(--vxn-ink-2);line-height:1.3;max-width:90px;}
.vxn-jsub{font-family:var(--vxn-font-mono);font-size:.62rem;letter-spacing:.04em;color:var(--vxn-faint);text-transform:uppercase;}
.vxn-token{position:absolute;top:30px;left:5%;width:18px;height:18px;border-radius:50%;transform:translate(-50%,-50%);z-index:3;
  background:radial-gradient(circle at 35% 30%,#fff,var(--ac2));box-shadow:0 0 16px var(--ac2);}
.vxn-journey.is-in .vxn-token{animation:vxn-ride 7s var(--vxn-ease) .4s infinite;}
@keyframes vxn-ride{0%{left:5%;}12%{left:5%;}22%{left:24%;}34%{left:24%;}44%{left:50%;}56%{left:50%;}66%{left:76%;}78%{left:76%;}88%{left:95%;}100%{left:95%;}}
.vxn-cap-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(225px,1fr));gap:16px;margin-top:6px;}
.vxn-cap{padding:20px 18px;border-radius:16px;transition:transform .35s var(--vxn-ease),border-color .35s;}
.vxn-cap:hover{transform:translateY(-5px);}
.vxn-cap .ic{width:40px;height:40px;border-radius:11px;display:flex;align-items:center;justify-content:center;margin-bottom:13px;
  background:rgba(192,132,252,.1);color:var(--ac2,var(--vxn-cyan));}
.vxn-cap .ic svg{width:21px;height:21px;}
.vxn-cap h4{font-family:var(--vxn-font-display);font-size:1.02rem;color:var(--vxn-ink);margin:0 0 7px;}
.vxn-cap p{margin:0;font-size:.86rem;color:var(--vxn-muted);}
.vxn-note{display:inline-flex;align-items:center;gap:8px;margin-top:24px;font-size:.8rem;color:var(--vxn-faint);font-family:var(--vxn-font-mono);}
.vxn-note::before{content:"";width:14px;height:1px;background:var(--vxn-faint);}

/* ============================ SEO WALKTHROUGH ============================ */
.vxn-seo-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:42px;align-items:center;margin-top:46px;}
.vxn-query-chips{display:flex;flex-wrap:wrap;gap:9px;margin:22px 0 26px;}
.vxn-qchip{font-size:.82rem;font-weight:600;color:var(--vxn-ink-2);padding:8px 14px;border-radius:10px;border:1px solid var(--vxn-line);background:rgba(var(--w),.02);transition:all .25s;}
.vxn-qchip.is-on{border-color:transparent;background:linear-gradient(135deg,#7c3aed,#a855f7);color:#fff;box-shadow:0 6px 16px -6px rgba(124,58,237,.55);}
.vxn-seo-labels{display:flex;flex-direction:column;gap:9px;}
.vxn-seolab{display:flex;align-items:center;gap:11px;font-size:.88rem;color:var(--vxn-faint);transition:color .3s;}
.vxn-seolab .tick{width:20px;height:20px;border-radius:6px;border:1px solid var(--vxn-line-2);display:flex;align-items:center;justify-content:center;transition:all .3s;}
.vxn-seolab .tick svg{width:12px;height:12px;opacity:0;transition:opacity .3s;}
.vxn-seolab.is-lit{color:var(--vxn-ink);}
.vxn-seolab.is-lit .tick{background:var(--vxn-green);border-color:var(--vxn-green);}
.vxn-seolab.is-lit .tick svg{opacity:1;color:#04140d;}

.vxn-browser{position:relative;border-radius:16px;overflow:hidden;border:1px solid var(--vxn-glass-brd);
  background:linear-gradient(180deg,rgba(var(--mk),.96),rgba(var(--mk),.98));box-shadow:var(--vxn-shadow);min-height:430px;}
.vxn-bbar{display:flex;align-items:center;gap:8px;padding:11px 14px;border-bottom:1px solid var(--vxn-line);background:rgba(var(--w),.02);}
.vxn-bdots{display:flex;gap:6px;}
.vxn-bdots i{width:10px;height:10px;border-radius:50%;background:rgba(var(--w),.18);}
.vxn-burl{flex:1;display:flex;align-items:center;gap:8px;background:rgba(0,0,0,.3);border:1px solid var(--vxn-line);border-radius:9px;padding:6px 12px;font-family:var(--vxn-font-mono);font-size:.76rem;color:var(--vxn-muted);}
.vxn-burl svg{width:12px;height:12px;color:var(--vxn-green);}
.vxn-bbody{position:relative;padding:22px;min-height:380px;}
.vxn-seo-screen{position:absolute;inset:0;padding:24px;opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .5s,transform .5s,visibility .5s;}
.vxn-seo-screen.is-on{opacity:1;visibility:visible;transform:none;}
.vxn-search-box{display:flex;align-items:center;gap:12px;background:#fff;border-radius:999px;padding:14px 22px;box-shadow:0 8px 30px -8px rgba(0,0,0,.5);max-width:440px;margin:60px auto 0;}
.vxn-search-box svg{width:20px;height:20px;color:#5f6368;flex-shrink:0;}
.vxn-search-q{font-family:var(--vxn-font-body);font-size:1.02rem;color:#202124;font-weight:500;}
.vxn-search-q .car{display:inline-block;width:2px;height:1.05em;background:#4285f4;margin-left:1px;vertical-align:-2px;animation:vxn-blink 1s step-end infinite;}
@keyframes vxn-blink{50%{opacity:0;}}
.vxn-search-hint{text-align:center;color:var(--vxn-faint);font-size:.82rem;margin-top:22px;}
.vxn-serp{display:grid;grid-template-columns:1.4fr .9fr;gap:18px;}
.vxn-serp-list{display:flex;flex-direction:column;gap:11px;}
.vxn-result{padding:13px 15px;border-radius:12px;border:1px solid var(--vxn-line);background:rgba(var(--w),.025);transition:transform .6s var(--vxn-ease),border-color .5s,background .5s;}
.vxn-result .u{font-size:.72rem;color:var(--vxn-green);font-family:var(--vxn-font-mono);}
.vxn-result .t{font-family:var(--vxn-font-display);font-size:.98rem;color:var(--vxn-blue-2);margin:3px 0 5px;}
.vxn-result .d{font-size:.78rem;color:var(--vxn-muted);}
.vxn-result.is-win{border-color:var(--vxn-cyan);background:rgba(192,132,252,.08);box-shadow:0 0 0 1px rgba(192,132,252,.3),0 14px 30px -12px rgba(192,132,252,.4);}
.vxn-result .badges{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px;opacity:0;max-height:0;overflow:hidden;transition:opacity .5s,max-height .5s;}
.vxn-result.is-win .badges{opacity:1;max-height:50px;}
.vxn-badge{font-size:.66rem;font-weight:700;padding:3px 8px;border-radius:6px;background:rgba(16,185,129,.14);color:var(--vxn-green);}
.vxn-badge.star{background:rgba(245,158,11,.16);color:var(--vxn-amber);}
.vxn-mappack{border-radius:12px;border:1px solid var(--vxn-line);background:linear-gradient(160deg,rgba(124,58,237,.18),rgba(91,33,182,.1));position:relative;overflow:hidden;min-height:180px;padding:12px;}
.vxn-mappack .ml{font-family:var(--vxn-font-mono);font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;color:var(--vxn-muted);margin-bottom:8px;}
.vxn-pin{position:absolute;width:22px;height:22px;}
.vxn-pin svg{width:100%;height:100%;color:var(--vxn-faint);}
.vxn-pin.win svg{color:var(--vxn-cyan);filter:drop-shadow(0 0 8px var(--vxn-cyan));}
.vxn-pin.win{animation:vxn-bob 2s ease-in-out infinite;}
@keyframes vxn-bob{0%,100%{transform:translateY(0);}50%{transform:translateY(-5px);}}
.vxn-landing{max-width:430px;margin:0 auto;}
.vxn-landing .lh{font-family:var(--vxn-font-display);font-size:1.15rem;color:var(--vxn-ink);font-weight:700;margin-bottom:6px;}
.vxn-landing .lp{font-size:.84rem;color:var(--vxn-muted);margin-bottom:16px;}
.vxn-lform{display:flex;flex-direction:column;gap:10px;background:rgba(var(--w),.03);border:1px solid var(--vxn-line);border-radius:14px;padding:16px;}
.vxn-lfield{height:38px;border-radius:9px;background:rgba(0,0,0,.25);border:1px solid var(--vxn-line);display:flex;align-items:center;padding:0 13px;font-size:.82rem;color:var(--vxn-muted);}
.vxn-lbtn{height:40px;border-radius:9px;background:var(--vxn-grad-cta);color:var(--vxn-cta-ink);font-weight:700;display:flex;align-items:center;justify-content:center;font-size:.88rem;}
.vxn-crm-toast{display:flex;align-items:center;gap:10px;margin-top:14px;padding:11px 14px;border-radius:11px;background:rgba(16,185,129,.1);border:1px solid rgba(16,185,129,.4);
  font-size:.84rem;color:var(--vxn-green);font-weight:600;opacity:0;transform:translateY(8px);transition:opacity .5s .3s,transform .5s .3s;}
.vxn-seo-screen.is-on .vxn-crm-toast{opacity:1;transform:none;}
.vxn-crm-toast svg{width:18px;height:18px;}
.vxn-steps-dots{display:flex;gap:8px;justify-content:center;margin-top:18px;}
.vxn-sdot{width:9px;height:9px;border-radius:50%;background:var(--vxn-line-2);transition:all .3s;border:0;padding:0;}
.vxn-sdot.is-on{background:var(--vxn-cyan);box-shadow:0 0 10px var(--vxn-cyan);width:26px;border-radius:5px;}

/* ============================ PAID ADS ============================ */
.vxn-ads-grid{display:grid;grid-template-columns:1fr 1fr;gap:42px;align-items:center;margin-top:46px;}
.vxn-adstack{display:flex;flex-direction:column;gap:14px;}
.vxn-adcard{position:relative;padding:15px 16px;border-radius:14px;overflow:hidden;}
.vxn-adcard .tag{display:inline-flex;align-items:center;gap:6px;font-size:.68rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--vxn-cyan);margin-bottom:9px;}
.vxn-adcard .tag .pl{width:7px;height:7px;border-radius:2px;background:var(--vxn-cyan);}
.vxn-adcard h5{font-family:var(--vxn-font-display);font-size:.98rem;color:var(--vxn-ink);margin:0 0 4px;}
.vxn-adcard p{margin:0 0 11px;font-size:.8rem;color:var(--vxn-muted);}
.vxn-adcard .row{display:flex;align-items:center;justify-content:space-between;}
.vxn-adcard .cta-mini{font-size:.76rem;font-weight:700;color:var(--vxn-cta-ink);background:var(--vxn-grad-cta);padding:6px 12px;border-radius:8px;}
.vxn-adcard .meta{font-family:var(--vxn-font-mono);font-size:.72rem;color:var(--vxn-faint);}
.vxn-ripple{position:absolute;width:14px;height:14px;border-radius:50%;background:var(--vxn-cyan);pointer-events:none;opacity:0;}
.vxn-flow{padding:22px;border-radius:18px;}
.vxn-flow-h{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;}
.vxn-flow-h .lab{font-family:var(--vxn-font-mono);font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;color:var(--vxn-muted);}
.vxn-frow{margin-bottom:15px;}
.vxn-frow .top{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:6px;}
.vxn-frow .k{font-size:.84rem;color:var(--vxn-ink-2);font-weight:600;}
.vxn-frow .v{font-family:var(--vxn-font-mono);font-weight:700;font-size:1.05rem;color:var(--vxn-ink);}
.vxn-frow .v.hl{color:var(--vxn-cyan);} .vxn-frow .v.gr{color:var(--vxn-green);}
.vxn-fbar{height:8px;border-radius:5px;background:rgba(var(--w),.05);overflow:hidden;}
.vxn-fbar i{display:block;height:100%;width:0;border-radius:5px;background:var(--vxn-grad-cta);transition:width 1.4s var(--vxn-ease);}
.vxn-fbar i.g{background:linear-gradient(90deg,var(--vxn-green),var(--vxn-cyan));}
.vxn-cpl{margin-top:6px;display:flex;align-items:center;gap:12px;}
.vxn-cpl svg{flex:1;height:46px;}
.vxn-cpl .cv{font-family:var(--vxn-font-mono);font-size:.8rem;color:var(--vxn-green);font-weight:700;}

/* ============================ WEBSITE BEFORE/AFTER ============================ */
.vxn-web-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:42px;align-items:center;margin-top:46px;}
.vxn-ba{position:relative;aspect-ratio:16/11;border-radius:18px;overflow:hidden;border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);
  --pos:50%;user-select:none;touch-action:pan-y;}
.vxn-ba-layer{position:absolute;inset:0;padding:20px;display:flex;flex-direction:column;}
.vxn-ba-after{background:linear-gradient(160deg,#0c1430,#0a1126);}
.vxn-ba-before{background:linear-gradient(160deg,#161922,#101319);clip-path:inset(0 calc(100% - var(--pos)) 0 0);}
.vxn-ba-tag{position:absolute;top:14px;font-family:var(--vxn-font-mono);font-size:.64rem;letter-spacing:.1em;text-transform:uppercase;padding:5px 10px;border-radius:7px;z-index:4;}
.vxn-ba-before .vxn-ba-tag{left:14px;background:rgba(244,63,94,.16);color:var(--vxn-red);}
.vxn-ba-after .vxn-ba-tag{right:14px;background:rgba(16,185,129,.16);color:var(--vxn-green);}
.vxn-ba-handle{position:absolute;top:0;bottom:0;left:var(--pos);width:2px;background:var(--vxn-cyan);box-shadow:0 0 14px var(--vxn-cyan);z-index:5;transform:translateX(-1px);}
.vxn-ba-knob{position:absolute;top:50%;left:var(--pos);transform:translate(-50%,-50%);width:38px;height:38px;border-radius:50%;background:var(--vxn-deep);border:2px solid var(--vxn-cyan);display:flex;align-items:center;justify-content:center;z-index:6;box-shadow:0 6px 18px -4px rgba(0,0,0,.6);}
.vxn-ba-knob svg{width:18px;height:18px;color:var(--vxn-cyan);}
.vxn-ba input[type=range]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;z-index:7;margin:0;}
.vxn-mock-head{height:14px;width:55%;border-radius:4px;background:rgba(var(--w),.18);margin-bottom:10px;}
.vxn-mock-line{height:8px;border-radius:4px;background:rgba(var(--w),.08);margin-bottom:7px;}
.vxn-mock-cta{margin-top:auto;height:34px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:.74rem;font-weight:700;}
.vxn-mock-cta.weak{background:rgba(var(--w),.08);color:var(--vxn-muted);width:40%;}
.vxn-mock-cta.strong{background:var(--vxn-grad-cta);color:var(--vxn-cta-ink);width:70%;box-shadow:0 8px 22px -6px rgba(124,58,237,.6);}
.vxn-mock-badges{display:flex;gap:6px;margin-top:10px;}
.vxn-mock-badges span{height:18px;flex:1;border-radius:5px;background:rgba(16,185,129,.18);}
.vxn-web-compare{display:grid;grid-template-columns:1fr;gap:8px;}
.vxn-wc-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:center;padding:11px 14px;border-radius:11px;border:1px solid var(--vxn-line);background:rgba(var(--w),.015);}
.vxn-wc-b,.vxn-wc-a{display:flex;align-items:center;gap:8px;font-size:.82rem;}
.vxn-wc-b{color:var(--vxn-muted);} .vxn-wc-a{color:var(--vxn-ink-2);font-weight:600;}
.vxn-wc-b svg,.vxn-wc-a svg{width:15px;height:15px;flex-shrink:0;}
.vxn-wc-b svg{color:var(--vxn-red);} .vxn-wc-a svg{color:var(--vxn-green);}

/* ============================ CRM + AUTOMATION ============================ */
.vxn-crm-pipe{position:relative;display:flex;justify-content:space-between;gap:6px;margin:46px 0 30px;padding-top:10px;}
.vxn-crm-line{position:absolute;top:34px;left:4%;right:4%;height:2px;background:var(--vxn-line);}
.vxn-crm-line i{position:absolute;inset:0;width:0;background:linear-gradient(90deg,var(--vxn-violet),var(--vxn-cyan));box-shadow:0 0 10px var(--vxn-cyan);transition:width .5s linear;}
.vxn-cnode{position:relative;flex:1;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;z-index:2;min-width:0;}
.vxn-cring{width:50px;height:50px;border-radius:15px;background:var(--vxn-deep);border:1px solid var(--vxn-line-2);display:flex;align-items:center;justify-content:center;color:var(--vxn-muted);transition:all .4s;}
.vxn-cring svg{width:22px;height:22px;}
.vxn-cnode.is-done .vxn-cring{border-color:var(--vxn-green);color:var(--vxn-green);box-shadow:0 0 18px -4px var(--vxn-green);}
.vxn-cnode.is-active .vxn-cring{border-color:var(--vxn-cyan);color:var(--vxn-cyan);box-shadow:0 0 0 4px rgba(192,132,252,.1),0 0 22px -2px var(--vxn-cyan);transform:scale(1.08);}
.vxn-clabel{font-size:.74rem;font-weight:600;color:var(--vxn-ink-2);max-width:84px;line-height:1.3;}
.vxn-lead-chip{position:absolute;top:-8px;left:4%;transform:translateX(-50%);display:flex;align-items:center;gap:7px;
  background:rgba(var(--mk),.96);border:1px solid var(--vxn-cyan);border-radius:999px;padding:5px 12px 5px 8px;font-size:.74rem;font-weight:700;color:var(--vxn-ink);
  box-shadow:0 8px 22px -6px rgba(192,132,252,.5);z-index:4;transition:left .6s var(--vxn-ease);white-space:nowrap;}
.vxn-lead-chip .av{width:18px;height:18px;border-radius:50%;background:var(--vxn-grad-violet);display:flex;align-items:center;justify-content:center;font-size:.6rem;color:#fff;}
.vxn-recover{margin-top:14px;display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:18px;border-radius:16px;}
.vxn-recover .rt{font-family:var(--vxn-font-mono);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--vxn-amber);width:100%;margin-bottom:4px;}
.vxn-rstep{display:flex;align-items:center;gap:8px;font-size:.84rem;font-weight:600;color:var(--vxn-ink-2);padding:9px 14px;border-radius:10px;border:1px solid var(--vxn-line);background:rgba(var(--w),.02);opacity:.4;transition:opacity .4s,border-color .4s,transform .4s;}
.vxn-rstep.is-on{opacity:1;border-color:var(--vxn-amber);transform:translateY(-2px);}
.vxn-rstep svg{width:16px;height:16px;color:var(--vxn-amber);}
.vxn-rarrow{color:var(--vxn-faint);}
.vxn-rarrow svg{width:16px;height:16px;}

/* ============================ EXCLUSIVITY (territory lock) ============================ */
.vxn-excl-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:46px;align-items:center;margin-top:40px;}
.vxn-map{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:22px;border-radius:20px;}
.vxn-cell{position:relative;aspect-ratio:1;border-radius:14px;border:1px solid var(--vxn-line);background:rgba(var(--w),.02);
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;text-align:center;padding:8px;transition:all .5s;overflow:hidden;}
.vxn-cell .cl{font-size:.66rem;font-weight:600;color:var(--vxn-muted);line-height:1.25;}
.vxn-cell .ci{width:22px;height:22px;color:var(--vxn-faint);transition:color .4s;}
.vxn-cell .ci svg{width:100%;height:100%;}
.vxn-cell.is-taken{opacity:.4;}
.vxn-cell.is-taken .stamp{position:absolute;font-family:var(--vxn-font-mono);font-size:.6rem;letter-spacing:.1em;color:var(--vxn-red);border:1px solid var(--vxn-red);padding:2px 6px;border-radius:5px;transform:rotate(-12deg);opacity:0;transition:opacity .5s;}
.vxn-cell.is-taken.show .stamp{opacity:.85;}
.vxn-cell.is-yours{border-color:var(--vxn-cyan);background:linear-gradient(160deg,rgba(192,132,252,.14),rgba(192,132,252,.04));box-shadow:0 0 0 1px rgba(192,132,252,.4),0 14px 34px -12px rgba(192,132,252,.5);}
.vxn-cell.is-yours .ci{color:var(--vxn-cyan);}
.vxn-cell.is-yours .cl{color:#fff;}
.vxn-lock{opacity:0;transform:scale(.5);transition:opacity .4s,transform .4s;}
.vxn-cell.is-yours.locked .vxn-lock{opacity:1;transform:scale(1);}
.vxn-sweep{position:absolute;inset:0;pointer-events:none;border-radius:20px;overflow:hidden;}
.vxn-sweep::before{content:"";position:absolute;top:-50%;left:-50%;width:60%;height:200%;
  background:linear-gradient(90deg,transparent,rgba(192,132,252,.12),transparent);transform:rotate(18deg);animation:vxn-scan 5s linear infinite;}
@keyframes vxn-scan{0%{left:-60%;}100%{left:120%;}}
.vxn-excl-pts{display:flex;flex-direction:column;gap:12px;margin:24px 0;}
.vxn-ep{display:flex;gap:12px;align-items:flex-start;}
.vxn-ep .epi{width:34px;height:34px;border-radius:10px;background:rgba(192,132,252,.1);color:var(--vxn-cyan);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.vxn-ep .epi svg{width:18px;height:18px;}
.vxn-ep b{font-family:var(--vxn-font-display);color:var(--vxn-ink);font-size:.95rem;display:block;}
.vxn-ep span{font-size:.85rem;color:var(--vxn-muted);}

/* ============================ REPORTING DASHBOARD ============================ */
.vxn-dashboard{margin-top:46px;padding:26px;border-radius:24px;}
.vxn-db-top{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:22px;}
.vxn-db-title{display:flex;align-items:center;gap:12px;}
.vxn-db-title .dt{font-family:var(--vxn-font-display);font-weight:700;color:var(--vxn-ink);font-size:1.05rem;}
.vxn-db-title .live{display:inline-flex;align-items:center;gap:7px;font-family:var(--vxn-font-mono);font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;color:var(--vxn-green);}
.vxn-db-title .live i{width:7px;height:7px;border-radius:50%;background:var(--vxn-green);box-shadow:0 0 9px var(--vxn-green);animation:vxn-pulse 1.8s infinite;}
.vxn-db-range{display:flex;gap:6px;}
.vxn-db-range span{font-size:.72rem;font-weight:600;color:var(--vxn-muted);padding:6px 11px;border-radius:8px;border:1px solid var(--vxn-line);}
.vxn-db-range span.on{background:rgba(192,132,252,.12);color:#fff;border-color:var(--vxn-cyan);}
.vxn-kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:13px;margin-bottom:18px;}
.vxn-kpi{padding:15px 16px;border-radius:14px;border:1px solid var(--vxn-line);background:rgba(var(--w),.02);}
.vxn-kpi .k{font-size:.72rem;color:var(--vxn-faint);font-weight:600;text-transform:uppercase;letter-spacing:.03em;margin-bottom:7px;display:flex;align-items:center;gap:6px;}
.vxn-kpi .k svg{width:13px;height:13px;}
.vxn-kpi .v{font-family:var(--vxn-font-mono);font-weight:700;font-size:1.4rem;color:var(--vxn-ink);line-height:1.1;font-variant-numeric:tabular-nums;}
.vxn-kpi .v.c{color:var(--vxn-cyan);} .vxn-kpi .v.g{color:var(--vxn-green);} .vxn-kpi .v.a{color:var(--vxn-amber);}
.vxn-kpi .delta{font-size:.72rem;font-weight:700;margin-top:4px;}
.vxn-kpi .delta.up{color:var(--vxn-green);} .vxn-kpi .delta.down{color:var(--vxn-green);}
.vxn-db-charts{display:grid;grid-template-columns:1.5fr 1fr;gap:14px;}
.vxn-chartcard{padding:18px;border-radius:14px;border:1px solid var(--vxn-line);background:rgba(var(--w),.018);}
.vxn-chartcard .ct{font-size:.78rem;color:var(--vxn-muted);font-weight:600;margin-bottom:16px;display:flex;justify-content:space-between;}
.vxn-bars{display:flex;align-items:flex-end;gap:9px;height:120px;}
.vxn-bar{flex:1;border-radius:6px 6px 0 0;background:linear-gradient(180deg,var(--vxn-cyan),rgba(124,58,237,.4));height:0;transition:height 1.1s var(--vxn-ease);min-height:4px;position:relative;}
.vxn-bar:nth-child(even){background:linear-gradient(180deg,var(--vxn-violet),rgba(124,58,237,.4));}
.vxn-bars-x{display:flex;gap:9px;margin-top:8px;}
.vxn-bars-x span{flex:1;text-align:center;font-family:var(--vxn-font-mono);font-size:.58rem;color:var(--vxn-faint);}
.vxn-donut{display:flex;align-items:center;gap:16px;}
.vxn-donut svg{width:104px;height:104px;flex-shrink:0;}
.vxn-donut .leg{display:flex;flex-direction:column;gap:8px;}
.vxn-donut .lg{display:flex;align-items:center;gap:8px;font-size:.76rem;color:var(--vxn-ink-2);}
.vxn-donut .lg i{width:9px;height:9px;border-radius:3px;}

/* ============================ SERVICES ============================ */
.vxn-svc-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(232px,1fr));gap:15px;margin-top:46px;}
.vxn-svc{padding:20px;border-radius:16px;transition:transform .4s var(--vxn-ease),border-color .4s;}
.vxn-svc:hover{transform:translateY(-5px);}
.vxn-svc .ic{width:40px;height:40px;border-radius:11px;background:rgba(var(--ln),.1);color:var(--vxn-cyan);display:flex;align-items:center;justify-content:center;margin-bottom:13px;}
.vxn-svc .ic svg{width:21px;height:21px;}
.vxn-svc h4{font-family:var(--vxn-font-display);font-size:1.02rem;color:var(--vxn-ink);margin:0 0 7px;}
.vxn-svc .cr{font-size:.74rem;font-weight:700;color:var(--vxn-green);text-transform:uppercase;letter-spacing:.04em;margin-bottom:5px;font-family:var(--vxn-font-mono);}
.vxn-svc p{margin:0;font-size:.84rem;color:var(--vxn-muted);}

/* ============================ CASE STUDIES ============================ */
.vxn-case-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px;margin-top:46px;}
.vxn-case{padding:24px;border-radius:18px;transition:transform .4s var(--vxn-ease);}
.vxn-case:hover{transform:translateY(-6px);}
.vxn-case .ind{display:inline-flex;align-items:center;gap:8px;font-size:.74rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--vxn-cyan);margin-bottom:18px;}
.vxn-case .ind .d{width:8px;height:8px;border-radius:50%;background:var(--vxn-cyan);box-shadow:0 0 8px var(--vxn-cyan);}
.vxn-cstat{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:13px 0;border-bottom:1px solid var(--vxn-line);}
.vxn-cstat:last-of-type{border-bottom:0;}
.vxn-cstat .cv{font-family:var(--vxn-font-mono);font-weight:700;font-size:1.5rem;color:var(--vxn-ink);font-variant-numeric:tabular-nums;}
.vxn-cstat .cv.g{color:var(--vxn-green);} .vxn-cstat .cv.c{color:var(--vxn-cyan);}
.vxn-cstat .cl{font-size:.8rem;color:var(--vxn-muted);text-align:right;max-width:54%;}

/* ============================ PROCESS TIMELINE ============================ */
.vxn-timeline{position:relative;max-width:780px;margin:46px auto 0;padding-left:42px;}
.vxn-timeline::before{content:"";position:absolute;left:15px;top:8px;bottom:8px;width:2px;background:var(--vxn-line);}
.vxn-tline-fill{position:absolute;left:15px;top:8px;width:2px;height:0;background:linear-gradient(180deg,var(--vxn-cyan),var(--vxn-violet));box-shadow:0 0 12px var(--vxn-cyan);transition:height 1.6s var(--vxn-ease);}
.vxn-tstep{position:relative;padding:0 0 30px;}
.vxn-tstep:last-child{padding-bottom:0;}
.vxn-tstep .tn{position:absolute;left:-42px;top:0;width:32px;height:32px;border-radius:10px;background:var(--vxn-deep);border:1px solid var(--vxn-line-2);
  display:flex;align-items:center;justify-content:center;font-family:var(--vxn-font-mono);font-size:.78rem;font-weight:700;color:var(--vxn-cyan);}
.vxn-tstep h4{font-family:var(--vxn-font-display);font-size:1.08rem;color:var(--vxn-ink);margin:2px 0 5px;}
.vxn-tstep p{margin:0;font-size:.88rem;color:var(--vxn-muted);}

/* ============================ FINAL CTA ============================ */
.vxn-final{position:relative;text-align:center;padding-block:clamp(80px,13vh,150px);overflow:hidden;}
.vxn-final-orb{position:absolute;top:50%;left:50%;width:520px;height:520px;transform:translate(-50%,-50%);z-index:0;pointer-events:none;
  background:radial-gradient(circle,rgba(192,132,252,.18),rgba(124,58,237,.08) 40%,transparent 70%);}
.vxn-final-inner{position:relative;z-index:2;max-width:720px;margin-inline:auto;}
.vxn-final h2{margin-bottom:20px;}
.vxn-final-cta{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;margin-top:32px;}
.vxn-final-trust{margin-top:24px;font-size:.85rem;color:var(--vxn-faint);font-family:var(--vxn-font-mono);}

/* ============================ FOOTER ============================ */
.vxn-footer{position:relative;border-top:1px solid var(--vxn-line);padding-top:60px;padding-bottom:34px;}
.vxn-foot-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:36px;}
.vxn-foot-brand .vxn-brand{margin-bottom:14px;}
.vxn-foot-brand p{font-size:.88rem;color:var(--vxn-muted);max-width:30ch;}
.vxn-foot-col h5{font-family:var(--vxn-font-mono);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--vxn-faint);margin:0 0 16px;}
.vxn-foot-col a{display:block;font-size:.88rem;color:var(--vxn-ink-2);padding:5px 0;transition:color .25s;}
.vxn-foot-col a:hover{color:var(--vxn-cyan);}
.vxn-foot-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:44px;padding-top:22px;border-top:1px solid var(--vxn-line);}
.vxn-foot-bottom .lg{font-size:.8rem;color:var(--vxn-faint);}
.vxn-foot-bottom .disc{font-size:.76rem;color:var(--vxn-faint);max-width:48ch;}

/* ============================ STICKY MOBILE CTA ============================ */
.vxn-sticky{position:fixed;left:14px;right:14px;bottom:14px;z-index:70;display:none;transform:translateY(140%);transition:transform .45s var(--vxn-ease);}
.vxn-sticky.is-on{transform:none;}
.vxn-sticky a{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;background:var(--vxn-grad-cta);color:var(--vxn-cta-ink);
  font-family:var(--vxn-font-display);font-weight:700;padding:15px;border-radius:14px;box-shadow:0 14px 40px -8px rgba(124,58,237,.7);}
.vxn-sticky a svg{width:18px;height:18px;}

/* ============================ RESPONSIVE ============================ */
@media(max-width:980px){
  .vxn-hero-grid,.vxn-leak-grid,.vxn-board-grid,.vxn-seo-grid,.vxn-ads-grid,.vxn-web-grid,.vxn-excl-grid{grid-template-columns:1fr;gap:38px;}
  .vxn-engine{max-width:440px;order:-1;}
  .vxn-board,.vxn-funnel-stage{max-width:420px;}
  .vxn-db-charts{grid-template-columns:1fr;}
  .vxn-foot-grid{grid-template-columns:1fr 1fr;gap:30px;}
  .vxn-foot-brand{grid-column:1/-1;}
}
@media(max-width:680px){
  .vxn-section{padding-block:clamp(58px,9vh,86px);}
  .vxn-jtrack,.vxn-crm-pipe{overflow-x:auto;justify-content:flex-start;gap:18px;padding-bottom:10px;}
  .vxn-jnode,.vxn-cnode{flex:0 0 96px;}
  .vxn-jline,.vxn-token,.vxn-crm-line{display:none;}
  .vxn-serp{grid-template-columns:1fr;}
  .vxn-foot-grid{grid-template-columns:1fr;}
  .vxn-sticky{display:block;}
  .vxn-foot-bottom{flex-direction:column;align-items:flex-start;}
}

/* ============================ REDUCED MOTION ============================ */
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important;}
  .vxn-reveal{opacity:1!important;transform:none!important;}
  .vxn-piece{opacity:1!important;transform:translate(-50%,-50%) scale(1)!important;}
  .vxn-token,.vxn-sweep::before,.vxn-pin.win{animation:none!important;}
}
/* =====================================================================
   v2 COMPONENT LAYER  (overrides win by source order)
   ===================================================================== */

/* header surface tokens */
:root{ --vxn-header:rgba(255,255,255,0.70); --vxn-header-2:rgba(255,255,255,0.90); }
:root[data-theme="dark"]{ --vxn-header:rgba(12,9,26,0.66); --vxn-header-2:rgba(12,9,26,0.88); }

/* focus ring (a11y) */
:where(a,button,input,select,textarea,[tabindex]):focus-visible{
  outline:2px solid var(--vxn-blue);outline-offset:2px;border-radius:6px;}

/* ----- smaller headings ----- */
.vxn-h1{font-size:clamp(2.0rem,4.6vw,3.4rem);}
.vxn-h2{font-size:clamp(1.5rem,3vw,2.15rem);}
.vxn-h3{font-size:clamp(1.05rem,1.7vw,1.25rem);}

/* SVG funnel labels (theme-aware fills) */
.vxn-fn-strong{fill:var(--vxn-ink);}
.vxn-fn-mid{fill:var(--vxn-ink-2);}

/* ----- ambient atmosphere : theme-aware ----- */
.vxn-atmos{background:
  radial-gradient(1100px 720px at 82% -12%, rgba(124,58,237,0.06), transparent 58%),
  radial-gradient(880px 680px at 2% 6%, rgba(168,85,247,0.05), transparent 60%),
  radial-gradient(1000px 820px at 60% 114%, rgba(192,132,252,0.045), transparent 55%),
  var(--vxn-void);}
:root[data-theme="dark"] .vxn-atmos{background:
  radial-gradient(1100px 720px at 80% -10%, rgba(124,58,237,0.24), transparent 60%),
  radial-gradient(900px 700px at 4% 8%, rgba(139,92,246,0.17), transparent 60%),
  radial-gradient(1000px 820px at 60% 112%, rgba(192,132,252,0.11), transparent 55%),
  var(--vxn-void);}
.vxn-grain{opacity:.022;}
:root[data-theme="dark"] .vxn-grain{opacity:.04;}

/* ===================================================================
   NEW HEADER  (.vxn-hd-*)  — clean, sticky, conventional-premium
   =================================================================== */
.vxn-hd{position:sticky;top:0;z-index:100;
  background:var(--vxn-header);
  -webkit-backdrop-filter:saturate(150%) blur(16px);backdrop-filter:saturate(150%) blur(16px);
  border-bottom:1px solid var(--vxn-line);
  transition:background .3s var(--vxn-ease),border-color .3s,box-shadow .3s;}
.vxn-hd.is-scrolled{background:var(--vxn-header-2);
  box-shadow:0 12px 34px -20px rgba(76,29,149,.4);border-bottom-color:var(--vxn-glass-brd);}
.vxn-hd-bar{max-width:var(--vxn-shell);margin:0 auto;padding:15px 22px;
  display:flex;align-items:center;gap:16px;transition:padding .3s var(--vxn-ease);}
.vxn-hd.is-scrolled .vxn-hd-bar{padding:9px 22px;}
.vxn-hd-brand{display:inline-flex;align-items:center;gap:11px;margin-right:auto;}
.vxn-hd-mark{width:34px;height:34px;flex:none;}
.vxn-hd-word{font-family:var(--vxn-font-display);font-weight:800;letter-spacing:.16em;
  font-size:1.05rem;color:var(--vxn-ink);}
.vxn-hd-nav{display:flex;align-items:center;gap:2px;}
.vxn-hd-link{position:relative;padding:9px 14px;border-radius:10px;font-weight:600;
  font-size:.94rem;color:var(--vxn-muted);transition:color .2s;}
.vxn-hd-link::after{content:"";position:absolute;left:14px;right:14px;bottom:5px;height:2px;border-radius:2px;
  background:var(--vxn-grad-cta);transform:scaleX(0);transform-origin:left;transition:transform .26s var(--vxn-ease);}
.vxn-hd-link:hover{color:var(--vxn-ink);}
.vxn-hd-link:hover::after{transform:scaleX(1);}
.vxn-hd-actions{display:flex;align-items:center;gap:10px;}
.vxn-hd-toggle{width:40px;height:40px;border-radius:11px;display:inline-grid;place-items:center;
  background:var(--vxn-glass-2);border:1px solid var(--vxn-glass-brd);color:var(--vxn-ink-2);
  transition:transform .2s,border-color .2s,color .2s;}
.vxn-hd-toggle:hover{color:var(--vxn-blue);border-color:var(--vxn-blue);transform:translateY(-1px);}
.vxn-hd-toggle svg{width:19px;height:19px;}
.vxn-hd-toggle .vxn-ic-moon{display:none;}
:root[data-theme="dark"] .vxn-hd-toggle .vxn-ic-sun{display:none;}
:root[data-theme="dark"] .vxn-hd-toggle .vxn-ic-moon{display:block;}
.vxn-hd-cta{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:11px;
  font-weight:700;font-size:.92rem;background:var(--vxn-grad-cta);color:var(--vxn-cta-ink);
  box-shadow:var(--vxn-glow-cta);transition:transform .2s,box-shadow .2s;}
.vxn-hd-cta:hover{transform:translateY(-1px);box-shadow:0 20px 46px -14px rgba(124,58,237,.6);}
.vxn-hd-burger{display:none;width:42px;height:42px;border-radius:11px;
  background:var(--vxn-glass-2);border:1px solid var(--vxn-glass-brd);color:var(--vxn-ink);
  align-items:center;justify-content:center;}
.vxn-hd-burger svg{width:22px;height:22px;}
.vxn-hd-mobile{display:none;}
@media (max-width:860px){
  .vxn-hd-nav,.vxn-hd-cta{display:none;}
  .vxn-hd-burger{display:inline-flex;}
  .vxn-hd-mobile{display:block;max-height:0;overflow:hidden;
    transition:max-height .38s var(--vxn-ease);
    background:var(--vxn-header-2);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);
    border-bottom:1px solid var(--vxn-line);}
  .vxn-hd-mobile.is-open{max-height:460px;}
  .vxn-hd-mlist{max-width:var(--vxn-shell);margin:0 auto;padding:8px 22px 22px;
    display:flex;flex-direction:column;gap:4px;}
  .vxn-hd-mlink{padding:14px 12px;border-radius:12px;font-weight:600;color:var(--vxn-ink-2);
    border:1px solid transparent;transition:background .2s,border-color .2s;}
  .vxn-hd-mlink:hover{background:var(--vxn-glass-2);border-color:var(--vxn-glass-brd);}
  .vxn-hd-mcta{margin-top:10px;justify-content:center;display:inline-flex;align-items:center;gap:8px;
    padding:15px 18px;border-radius:12px;font-weight:700;background:var(--vxn-grad-cta);
    color:var(--vxn-cta-ink);box-shadow:var(--vxn-glow-cta);}
}

/* ===================================================================
   IMAGES — real photos with graceful purple fallbacks
   =================================================================== */
.vxn-figure{position:relative;border-radius:var(--vxn-r);overflow:hidden;
  border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);background:var(--vxn-panel-2);}
.vxn-figure img{width:100%;height:100%;object-fit:cover;display:block;}
.vxn-ph{position:absolute;inset:0;display:none;align-items:center;justify-content:center;
  background:linear-gradient(150deg,#2a1d4d 0%,#7c3aed 60%,#a855f7 100%);color:#fff;}
.vxn-ph svg{width:40%;height:40%;opacity:.92;}
.vxn-figtag{position:absolute;left:13px;bottom:13px;z-index:2;display:inline-flex;align-items:center;gap:7px;
  padding:7px 13px;border-radius:999px;font-size:.76rem;font-weight:700;letter-spacing:.02em;color:#fff;
  background:rgba(11,8,24,.46);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
  border:1px solid rgba(255,255,255,.20);}
.vxn-ind-figure{aspect-ratio:4/3;margin-top:22px;}
.vxn-avatars{display:flex;align-items:center;}
.vxn-avatar{width:42px;height:42px;border-radius:50%;overflow:hidden;position:relative;flex:none;
  border:2px solid var(--vxn-panel);margin-left:-11px;
  background:linear-gradient(150deg,#7c3aed,#c084fc);box-shadow:0 2px 9px -2px rgba(76,29,149,.5);}
.vxn-avatar:first-child{margin-left:0;}
.vxn-avatar img{width:100%;height:100%;object-fit:cover;display:block;}
.vxn-avatar .vxn-ph{font-weight:800;font-size:.88rem;font-family:var(--vxn-font-display);}
.vxn-case-avatar{width:48px;height:48px;border-radius:50%;overflow:hidden;position:relative;flex:none;
  border:1px solid var(--vxn-glass-brd);background:linear-gradient(150deg,#7c3aed,#c084fc);}
.vxn-case-avatar img{width:100%;height:100%;object-fit:cover;display:block;}
.vxn-case-avatar .vxn-ph{font-weight:800;font-family:var(--vxn-font-display);}
.vxn-case-person{display:flex;align-items:center;gap:12px;margin-bottom:16px;}
.vxn-case-person .nm{font-family:var(--vxn-font-display);font-weight:700;font-size:.92rem;color:var(--vxn-ink);line-height:1.2;}
.vxn-case-person .rl{font-size:.8rem;color:var(--vxn-muted);}
.vxn-hero-proof{display:flex;align-items:center;gap:14px;margin-top:26px;flex-wrap:wrap;}
.vxn-hero-proof .txt{font-size:.86rem;color:var(--vxn-muted);max-width:24ch;line-height:1.45;}
.vxn-hero-proof .txt b{color:var(--vxn-ink-2);font-weight:700;}

/* ===================================================================
   NEW FOOTER  (.vxn-ft-*)
   =================================================================== */
.vxn-ft{position:relative;margin-top:96px;
  background:linear-gradient(180deg,var(--vxn-deep),var(--vxn-void));
  border-top:1px solid var(--vxn-line);}
.vxn-ft-cta{max-width:var(--vxn-shell);margin:0 auto;padding:58px 22px 8px;
  display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:26px;}
.vxn-ft-cta-copy h2{font-family:var(--vxn-font-display);font-weight:800;
  font-size:clamp(1.5rem,3vw,2.15rem);color:var(--vxn-ink);margin:0;letter-spacing:-.02em;
  max-width:20ch;line-height:1.12;}
.vxn-ft-cta-copy p{color:var(--vxn-muted);margin:10px 0 0;max-width:44ch;}
.vxn-ft-cta-btn{display:inline-flex;align-items:center;gap:9px;padding:15px 26px;border-radius:13px;
  font-weight:700;background:var(--vxn-grad-cta);color:var(--vxn-cta-ink);box-shadow:var(--vxn-glow-cta);
  white-space:nowrap;transition:transform .2s,box-shadow .2s;}
.vxn-ft-cta-btn:hover{transform:translateY(-2px);box-shadow:0 22px 50px -14px rgba(124,58,237,.6);}
.vxn-ft-grid{max-width:var(--vxn-shell);margin:34px auto 0;padding:42px 22px;
  display:grid;grid-template-columns:1.7fr 1fr 1fr 1fr;gap:32px;border-top:1px solid var(--vxn-line);}
.vxn-ft-brand p{color:var(--vxn-muted);font-size:.92rem;max-width:34ch;line-height:1.65;margin:14px 0 0;}
.vxn-ft-col h4{font-family:var(--vxn-font-display);font-size:.78rem;letter-spacing:.13em;
  text-transform:uppercase;color:var(--vxn-faint);margin:2px 0 14px;}
.vxn-ft-col a{display:block;color:var(--vxn-ink-2);font-size:.92rem;padding:7px 0;transition:color .2s;}
.vxn-ft-col a:hover{color:var(--vxn-blue);}
.vxn-ft-disc{max-width:var(--vxn-shell);margin:0 auto;padding:0 22px 26px;}
.vxn-ft-disc p{color:var(--vxn-faint);font-size:.78rem;line-height:1.65;
  border-top:1px dashed var(--vxn-line);padding-top:20px;margin:0;}
.vxn-ft-bottom{border-top:1px solid var(--vxn-line);}
.vxn-ft-bottom-in{max-width:var(--vxn-shell);margin:0 auto;padding:22px;
  display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;}
.vxn-ft-copy{color:var(--vxn-faint);font-size:.85rem;}
.vxn-ft-social{display:flex;gap:10px;}
.vxn-ft-social a{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;
  background:var(--vxn-glass-2);border:1px solid var(--vxn-glass-brd);color:var(--vxn-ink-2);
  transition:color .2s,border-color .2s,transform .2s;}
.vxn-ft-social a:hover{color:var(--vxn-blue);border-color:var(--vxn-blue);transform:translateY(-2px);}
.vxn-ft-social svg{width:18px;height:18px;}
@media (max-width:780px){.vxn-ft-grid{grid-template-columns:1fr 1fr;}.vxn-ft-brand{grid-column:1/-1;}}
@media (max-width:480px){.vxn-ft-grid{grid-template-columns:1fr;}}

.vxn-leak-money{margin-top:18px;padding:18px 20px;border-radius:16px;text-align:center;
  background:linear-gradient(160deg,rgba(244,63,94,.10),rgba(124,58,237,.06));
  border:1px solid var(--vxn-glass-brd);}
.vxn-leak-money .big{display:block;font-family:var(--vxn-font-display);font-weight:800;
  font-size:clamp(1.6rem,3vw,2.1rem);color:var(--vxn-red);letter-spacing:-.02em;}
.vxn-leak-money .sub{display:block;margin-top:6px;font-size:.84rem;color:var(--vxn-muted);line-height:1.5;}

/* ===================================================================
   ABOUT SECTION
   =================================================================== */
.vxn-about-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:46px;align-items:center;margin-top:42px;}
.vxn-about-figure{position:relative;border-radius:var(--vxn-r);overflow:hidden;
  border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);background:var(--vxn-panel-2);aspect-ratio:4/3;}
.vxn-about-figure img{width:100%;height:100%;object-fit:cover;display:block;}
.vxn-about-badge{position:absolute;left:16px;bottom:16px;z-index:2;display:flex;align-items:center;gap:12px;
  padding:12px 16px;border-radius:14px;background:rgba(11,8,24,.55);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
  border:1px solid rgba(255,255,255,.18);}
.vxn-about-badge .n{font-family:var(--vxn-font-display);font-weight:800;font-size:1.3rem;color:#fff;line-height:1;}
.vxn-about-badge .l{font-size:.74rem;color:rgba(255,255,255,.8);line-height:1.3;}
.vxn-about-lead{font-size:1.05rem;color:var(--vxn-ink-2);line-height:1.7;margin:18px 0 0;}
.vxn-about-lead b{color:var(--vxn-ink);font-weight:700;}
.vxn-about-points{display:grid;gap:14px;margin-top:24px;}
.vxn-about-point{display:flex;gap:13px;align-items:flex-start;}
.vxn-about-point .ic{width:34px;height:34px;flex:none;border-radius:10px;display:grid;place-items:center;
  background:linear-gradient(150deg,rgba(124,58,237,.16),rgba(192,132,252,.10));color:var(--vxn-blue);border:1px solid var(--vxn-glass-brd);}
.vxn-about-point .ic svg{width:18px;height:18px;}
.vxn-about-point h4{font-family:var(--vxn-font-display);font-weight:600;font-size:.98rem;color:var(--vxn-ink);margin:2px 0 3px;}
.vxn-about-point p{font-size:.88rem;color:var(--vxn-muted);line-height:1.55;margin:0;}
@media (max-width:820px){ .vxn-about-grid{grid-template-columns:1fr;gap:30px;} }
/* ===================================================================
   MEGA MENU
   =================================================================== */
.vxn-hd-mega-btn{background:transparent;border:0;font-family:inherit;cursor:pointer;display:inline-flex;align-items:center;gap:6px;}
.vxn-hd-chev{transition:transform .25s var(--vxn-ease);}
.vxn-hd-mega-btn[aria-expanded="true"]{color:var(--vxn-ink);}
.vxn-hd-mega-btn[aria-expanded="true"] .vxn-hd-chev{transform:rotate(180deg);}
.vxn-hd-mega{position:absolute;top:100%;left:0;right:0;z-index:99;
  background:var(--vxn-panel);
  border-top:1px solid var(--vxn-line);border-bottom:1px solid var(--vxn-glass-brd);
  box-shadow:0 36px 70px -34px rgba(76,29,149,.42);
  opacity:0;visibility:hidden;transform:translateY(-10px);pointer-events:none;
  transition:opacity .26s var(--vxn-ease),transform .26s var(--vxn-ease),visibility .26s;}
.vxn-hd-mega.is-open{opacity:1;visibility:visible;transform:none;pointer-events:auto;}
.vxn-hd-mega-in{max-width:var(--vxn-shell);margin:0 auto;padding:30px 22px 34px;
  display:grid;grid-template-columns:1.25fr 1fr 1.15fr;gap:30px;}
.vxn-hd-mega-col h4{font-family:var(--vxn-font-display);font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;
  color:var(--vxn-faint);margin:0 0 12px;padding-left:10px;}
.vxn-hd-mega-col a{display:flex;align-items:center;gap:12px;padding:10px;border-radius:12px;
  border:1px solid transparent;transition:background .18s,border-color .18s,transform .18s;}
.vxn-hd-mega-col a:hover{background:var(--vxn-glass-2);border-color:var(--vxn-glass-brd);transform:translateX(2px);}
.vxn-hd-mega-col a .ic{width:34px;height:34px;flex:none;border-radius:9px;display:grid;place-items:center;
  background:linear-gradient(150deg,rgba(124,58,237,.16),rgba(192,132,252,.10));color:var(--vxn-blue);border:1px solid var(--vxn-glass-brd);}
.vxn-hd-mega-col a .ic svg{width:18px;height:18px;}
.vxn-hd-mega-col a .tx b{display:block;font-family:var(--vxn-font-display);font-weight:600;font-size:.92rem;color:var(--vxn-ink);}
.vxn-hd-mega-col a .tx span{display:block;font-size:.78rem;color:var(--vxn-muted);margin-top:1px;}
.vxn-hd-mega-col:nth-child(2) a{padding:12px;}
.vxn-hd-mega-feature{background:linear-gradient(160deg,rgba(124,58,237,.10),rgba(192,132,252,.05));
  border:1px solid var(--vxn-glass-brd);border-radius:16px;padding:22px;display:flex;flex-direction:column;}
.vxn-hd-mega-feature h3{font-family:var(--vxn-font-display);font-weight:700;font-size:1.05rem;color:var(--vxn-ink);
  margin:10px 0 8px;line-height:1.25;letter-spacing:-.01em;}
.vxn-hd-mega-feature p{color:var(--vxn-muted);font-size:.86rem;line-height:1.55;margin:0 0 16px;}
.vxn-hd-mega-cta{margin-top:auto;align-self:flex-start;display:inline-flex;align-items:center;gap:8px;
  padding:11px 18px;border-radius:11px;font-weight:700;font-size:.86rem;background:var(--vxn-grad-cta);color:var(--vxn-cta-ink);box-shadow:var(--vxn-glow-cta);}
@media (max-width:860px){ .vxn-hd-mega{display:none !important;} }
@media (prefers-reduced-motion:reduce){ .vxn-hd-mega,.vxn-hd-chev{transition:none !important;} }

/* ===================================================================
   HERO v3 — particles.js network + centered creative layout
   =================================================================== */
.vxn-hero{position:relative;overflow:hidden;min-height:clamp(580px,88vh,880px);
  display:flex;align-items:center;padding-top:48px;padding-bottom:56px;}
#vxn-particles{position:absolute;inset:0;z-index:0;}
#vxn-particles canvas{display:block !important;}
.vxn-hero-glow{position:absolute;inset:0;z-index:0;pointer-events:none;background:
  radial-gradient(640px 440px at 50% 30%, rgba(124,58,237,.16), transparent 70%),
  radial-gradient(520px 380px at 84% 72%, rgba(192,132,252,.12), transparent 70%),
  radial-gradient(480px 360px at 12% 78%, rgba(168,85,247,.10), transparent 70%);}
.vxn-hero .vxn-shell{position:relative;z-index:2;}
.vxn-hero-center{max-width:900px;margin:0 auto;text-align:center;display:flex;flex-direction:column;align-items:center;}
.vxn-hero-center .vxn-h1{margin:16px auto 0;}
.vxn-hero-center .vxn-lead{margin:20px auto 0;text-align:center;}
.vxn-hero-center .vxn-hero-cta{justify-content:center;margin-top:30px;display:flex;gap:14px;flex-wrap:wrap;}
.vxn-hero-center .vxn-hero-proof{justify-content:center;margin-top:28px;}
.vxn-hero-metrics{margin-top:40px;padding:6px;border-radius:18px;width:100%;max-width:800px;}
.vxn-hero-metrics .cap{text-align:center;font-size:.82rem;font-weight:700;color:var(--vxn-red);
  padding:12px 16px 11px;line-height:1.4;}
.vxn-hm-row{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--vxn-line);}
.vxn-hm-row .cell{padding:16px 14px 18px;text-align:center;position:relative;}
.vxn-hm-row .cell + .cell::before{content:"";position:absolute;left:0;top:22%;bottom:22%;width:1px;background:var(--vxn-line);}
.vxn-hm-row .v{font-family:var(--vxn-font-display);font-weight:800;font-size:clamp(1.35rem,2.5vw,1.9rem);color:var(--vxn-ink);letter-spacing:-.02em;}
.vxn-hm-row .v.g{color:var(--vxn-green);}
.vxn-hm-row .v.c{color:var(--vxn-blue);}
.vxn-hm-row .k{font-size:.74rem;color:var(--vxn-muted);margin-top:5px;letter-spacing:.01em;line-height:1.3;}
@media (max-width:620px){
  .vxn-hm-row{grid-template-columns:repeat(2,1fr);}
  .vxn-hm-row .cell:nth-child(3)::before{display:none;}
}
@media (prefers-reduced-motion:reduce){
  .vxn-hd,.vxn-hd-bar,.vxn-hd-mobile,.vxn-hd-link::after,.vxn-hd-cta,.vxn-hd-toggle,
  .vxn-ft-cta-btn,.vxn-ft-social a,.vxn-about-point{transition:none !important;}
}
/* ----- hero text glow + typewriter caret + lead highlight ----- */
.vxn-hero-center .vxn-h1{text-shadow:0 0 38px rgba(124,58,237,.14);}
.vxn-hero-break{display:block;margin-top:.08em;}
:root[data-theme="dark"] .vxn-hero-center .vxn-h1{text-shadow:0 0 48px rgba(124,58,237,.45);}
.vxn-hero-center .vxn-grad-txt{text-shadow:none;
  filter:drop-shadow(0 0 14px rgba(124,58,237,.45)) drop-shadow(0 0 28px rgba(192,132,252,.30));}
.vxn-hl{color:var(--vxn-blue);}
:root[data-theme="dark"] .vxn-hl{color:var(--vxn-cyan);}
.vxn-hero-center .vxn-lead strong{color:var(--vxn-blue);font-weight:700;}
:root[data-theme="dark"] .vxn-hero-center .vxn-lead strong{color:var(--vxn-cyan);}
.vxn-caret{display:inline-block;width:3px;height:.92em;margin-left:5px;vertical-align:-1px;border-radius:2px;
  background:linear-gradient(180deg,#7c3aed,#c084fc);box-shadow:0 0 12px rgba(124,58,237,.75);
  animation:vxn-blink 1.05s steps(1) infinite;}
@keyframes vxn-blink{0%,50%{opacity:1}50.01%,100%{opacity:0}}
@media (prefers-reduced-motion:reduce){ .vxn-caret{animation:none;display:none;} }
/* ----- section 2 : animated funnel (flowing leads + happy booked) ----- */
.vxn-funnel-anim{width:100%;max-width:330px;display:block;margin:0 auto;overflow:visible;}
.vxn-flow{fill:#a855f7;animation:vxn-pflow 2.7s linear infinite;}
.vxn-flow.f1{animation-delay:0s;}
.vxn-flow.f2{animation-delay:.45s;}
.vxn-flow.f3{animation-delay:.95s;}
.vxn-flow.f4{animation-delay:1.4s;}
.vxn-flow.f5{animation-delay:1.85s;}
.vxn-flow.f6{animation-delay:2.3s;}
@keyframes vxn-pflow{
  0%{transform:translateY(0);opacity:0;}
  10%{opacity:1;}
  86%{opacity:.95;}
  100%{transform:translateY(262px);opacity:0;}
}
.vxn-leak{fill:#f43f5e;}
.vxn-leak.l1,.vxn-leak.l2,.vxn-leak.l3{animation:vxn-leakL 2.7s ease-in infinite;}
.vxn-leak.r1,.vxn-leak.r2,.vxn-leak.r3{animation:vxn-leakR 2.7s ease-in infinite;}
.vxn-leak.l1{animation-delay:.3s;}
.vxn-leak.r1{animation-delay:.9s;}
.vxn-leak.r2{animation-delay:.6s;}
.vxn-leak.l2{animation-delay:1.5s;}
.vxn-leak.r3{animation-delay:1.2s;}
.vxn-leak.l3{animation-delay:2s;}
@keyframes vxn-leakL{0%{transform:translate(0,0);opacity:0;}20%{opacity:.9;}100%{transform:translate(-30px,18px);opacity:0;}}
@keyframes vxn-leakR{0%{transform:translate(0,0);opacity:0;}20%{opacity:.9;}100%{transform:translate(30px,18px);opacity:0;}}
.vxn-joy-glow{transform-box:fill-box;transform-origin:center;animation:vxn-joy-pulse 2.4s ease-in-out infinite;}
@keyframes vxn-joy-pulse{0%,100%{transform:scale(.9);opacity:.45;}50%{transform:scale(1.14);opacity:.82;}}
.vxn-joy-face{transform-box:fill-box;transform-origin:center;animation:vxn-joy-bob 2.4s ease-in-out infinite;}
@keyframes vxn-joy-bob{0%,100%{transform:translateY(0) scale(1);}50%{transform:translateY(-2px) scale(1.05);}}
.vxn-spark{transform-box:fill-box;transform-origin:center;animation:vxn-twinkle 1.9s ease-in-out infinite;}
.vxn-spark.s2{animation-delay:.6s;}
.vxn-spark.s3{animation-delay:1.15s;}
@keyframes vxn-twinkle{0%,100%{opacity:.15;transform:scale(.6);}50%{opacity:1;transform:scale(1.1);}}
@media (prefers-reduced-motion:reduce){
  .vxn-flow,.vxn-leak,.vxn-spark{display:none;}
  .vxn-joy-glow,.vxn-joy-face{animation:none;}
}
/* ----- section 3 : Method phases (image-rich, alternating) ----- */
.vxn-phases{display:flex;flex-direction:column;gap:40px;margin-top:48px;}
.vxn-phase{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center;}
.vxn-phase:nth-child(even) .vxn-phase-figure{order:2;}
.vxn-phase-figure{position:relative;border-radius:var(--vxn-r);overflow:hidden;aspect-ratio:4/3;
  border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);background:var(--vxn-panel-2);}
.vxn-phase-figure img{width:100%;height:100%;object-fit:cover;display:block;}
.vxn-phase-badge{position:absolute;left:14px;top:14px;z-index:2;
  font-family:var(--vxn-font-display);font-weight:800;font-size:1.05rem;color:#fff;
  width:46px;height:46px;display:grid;place-items:center;border-radius:13px;
  background:linear-gradient(150deg,rgba(124,58,237,.94),rgba(168,85,247,.94));
  border:1px solid rgba(255,255,255,.25);box-shadow:0 8px 22px -8px rgba(76,29,149,.6);}
.vxn-phase-tag{display:inline-block;font-family:var(--vxn-font-display);font-size:.76rem;font-weight:700;
  letter-spacing:.08em;text-transform:uppercase;color:var(--vxn-blue);
  padding:6px 12px;border-radius:999px;background:rgba(124,58,237,.10);
  border:1px solid var(--vxn-glass-brd);margin-bottom:14px;}
.vxn-phase-body h3{margin:0 0 10px;}
.vxn-phase-body > p{color:var(--vxn-ink-2);font-size:1rem;line-height:1.6;margin:0;}
.vxn-phase-steps{list-style:none;padding:0;margin:20px 0 0;display:grid;gap:12px;}
.vxn-phase-steps li{display:flex;gap:14px;align-items:flex-start;padding:11px 14px;border-radius:12px;
  background:var(--vxn-glass-2);border:1px solid var(--vxn-glass-brd);
  transition:transform .25s var(--vxn-ease),border-color .25s;}
.vxn-phase-steps li:hover{transform:translateX(3px);border-color:var(--vxn-blue);}
.vxn-phase-steps .n{font-family:var(--vxn-font-mono);font-weight:700;color:var(--vxn-blue);font-size:.9rem;
  width:24px;flex:none;padding-top:2px;}
.vxn-phase-steps b{display:block;font-family:var(--vxn-font-display);font-weight:600;color:var(--vxn-ink);font-size:.96rem;}
.vxn-phase-steps .d{display:block;font-size:.85rem;color:var(--vxn-muted);line-height:1.5;margin-top:2px;}
@media (max-width:840px){
  .vxn-phase{grid-template-columns:1fr;gap:22px;}
  .vxn-phase .vxn-phase-figure,
  .vxn-phase:nth-child(even) .vxn-phase-figure{order:-1;}
}
@media (prefers-reduced-motion:reduce){ .vxn-phase-steps li{transition:none;} }
/* ----- section 2 : parallax + falling background ----- */
.vxn-sec2{position:relative;overflow:hidden;}
.vxn-sec2 > .vxn-shell{position:relative;z-index:1;}
.vxn-sec2-bg{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden;}
.vxn-p-layer{position:absolute;inset:-12% 0;will-change:transform;}
.vxn-blob{position:absolute;border-radius:50%;filter:blur(60px);opacity:.55;}
.vxn-blob.b1{width:46vw;max-width:560px;aspect-ratio:1;left:-8%;top:6%;
  background:radial-gradient(circle,rgba(124,58,237,.18),transparent 70%);}
.vxn-blob.b2{width:40vw;max-width:480px;aspect-ratio:1;right:-6%;bottom:0%;
  background:radial-gradient(circle,rgba(192,132,252,.15),transparent 70%);}
.vxn-p-mid{background-image:
   linear-gradient(rgba(var(--ln),.05) 1px,transparent 1px),
   linear-gradient(90deg,rgba(var(--ln),.05) 1px,transparent 1px);
  background-size:46px 46px;
  -webkit-mask-image:radial-gradient(ellipse at 50% 38%,#000 32%,transparent 78%);
  mask-image:radial-gradient(ellipse at 50% 38%,#000 32%,transparent 78%);}
.vxn-fall{position:absolute;top:-8%;width:var(--s,5px);height:var(--s,5px);border-radius:50%;
  background:var(--c,#a855f7);box-shadow:0 0 8px rgba(168,85,247,.5);opacity:0;
  animation:vxn-fall var(--dur,10s) linear var(--d,0s) infinite;}
.vxn-fall-red{--c:#f43f5e;box-shadow:0 0 8px rgba(244,63,94,.5);}
@keyframes vxn-fall{
  0%{transform:translate3d(0,0,0);opacity:0;}
  8%{opacity:.85;}
  88%{opacity:.5;}
  100%{transform:translate3d(var(--x,0),132vh,0);opacity:0;}
}
@media (prefers-reduced-motion:reduce){
  .vxn-fall{display:none;}
  .vxn-p-layer{transform:none !important;}
}

/* ----- section 3 (Method) : image-backed parallax ----- */
.vxn-parallax-host{position:relative;overflow:hidden;}
.vxn-parallax-host > .vxn-shell{position:relative;z-index:1;}
.vxn-m3-bg{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden;}
.vxn-m3-img{background:
    radial-gradient(45% 55% at 12% 8%, rgba(124,58,237,.14), transparent 68%),
    radial-gradient(45% 55% at 88% 12%, rgba(192,132,252,.12), transparent 68%),
    radial-gradient(62% 60% at 50% 100%, rgba(139,92,246,.10), transparent 72%);}
:root[data-theme="dark"] .vxn-m3-img{filter:brightness(1.25);}
/* ----- strategy board : connected colour-tile redesign ----- */
.vxn-board::before{background:
  linear-gradient(rgba(var(--ln),.045) 1px,transparent 1px),
  linear-gradient(90deg,rgba(var(--ln),.045) 1px,transparent 1px);
  background-size:16.66% 16.66%;opacity:.7;}
.vxn-board-net{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none;}
.vxn-board-net .net-flow polyline{animation:vxn-netflow 1.6s linear infinite;}
@keyframes vxn-netflow{to{stroke-dashoffset:-16;}}
.vxn-piece-disc{border-radius:18px;
  background:radial-gradient(circle at 32% 26%,rgba(255,255,255,.42),transparent 54%),var(--pc,#a855f7);
  border:1px solid rgba(255,255,255,.34);
  box-shadow:0 12px 26px -10px var(--pc,rgba(168,85,247,.6)),inset 0 -7px 16px rgba(0,0,0,.2),inset 0 1px 1px rgba(255,255,255,.5);}
.vxn-piece-disc svg{color:#fff;}
.vxn-piece-lbl{color:#fff;opacity:.96;}
.vxn-piece-glow{opacity:.55;filter:blur(11px);inset:-28%;}

/* ----- industries : focus split + vertical journey + specialties (redesigned) ----- */
.vxn-ind2-grid{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:stretch;margin-top:46px;}
.vxn-ind2-figure{position:relative;border-radius:var(--vxn-r);overflow:hidden;min-height:430px;
  border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);background:var(--vxn-panel-2);}
.vxn-ind2-figure img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;}
.vxn-ind2-badge{position:absolute;z-index:2;display:inline-flex;align-items:center;gap:8px;
  font-family:var(--vxn-font-display);font-weight:600;font-size:.78rem;color:#fff;
  padding:8px 13px;border-radius:999px;background:rgba(20,12,40,.55);
  backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.22);}
.vxn-ind2-badge.top{left:16px;top:16px;}
.vxn-ind2-badge.bot{left:16px;bottom:16px;font-family:var(--vxn-font-mono);font-size:.72rem;font-weight:500;}
.vxn-ind2-journey{display:flex;flex-direction:column;justify-content:center;}
.vxn-vjourney{list-style:none;margin:22px 0 0;padding:0;position:relative;}
.vxn-vjourney::before{content:"";position:absolute;left:23px;top:23px;bottom:23px;width:2px;background:var(--vxn-line);}
.vxn-vjourney::after{content:"";position:absolute;left:23px;top:23px;bottom:23px;width:2px;
  background:linear-gradient(180deg,var(--ac1),var(--ac2),var(--ac1));background-size:100% 220%;
  opacity:.75;animation:vxn-vrail 3s linear infinite;}
@keyframes vxn-vrail{to{background-position:0 -220%;}}
.vxn-vstep{position:relative;display:flex;gap:16px;align-items:flex-start;padding-bottom:24px;}
.vxn-vstep:last-child{padding-bottom:0;}
.vxn-vstep .vxn-jdot{flex:none;position:relative;z-index:1;}
.vxn-vtxt{padding-top:5px;}
.vxn-vtxt b{display:block;font-family:var(--vxn-font-display);font-weight:600;color:var(--vxn-ink);font-size:1rem;}
.vxn-vtxt .s{font-family:var(--vxn-font-mono);font-size:.66rem;letter-spacing:.05em;text-transform:uppercase;color:var(--vxn-faint);}
.vxn-spec-head{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;margin:50px 0 18px;}
.vxn-spec-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:14px;}
.vxn-spec{position:relative;display:flex;gap:15px;align-items:flex-start;padding:16px 18px 16px 20px;border-radius:14px;
  overflow:hidden;background:var(--vxn-glass-2);border:1px solid var(--vxn-glass-brd);
  transition:transform .3s var(--vxn-ease),border-color .3s;}
.vxn-spec::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;
  background:linear-gradient(180deg,var(--vxn-blue),var(--vxn-cyan));opacity:0;transition:opacity .3s;}
.vxn-spec:hover{transform:translateY(-4px);border-color:var(--vxn-blue);}
.vxn-spec:hover::before{opacity:1;}
.vxn-spec .ic{width:42px;height:42px;border-radius:11px;flex:none;display:grid;place-items:center;
  background:rgba(124,58,237,.1);color:var(--vxn-blue);}
.vxn-spec .ic svg{width:22px;height:22px;}
.vxn-spec h4{margin:0 0 4px;font-family:var(--vxn-font-display);font-size:1rem;color:var(--vxn-ink);}
.vxn-spec p{margin:0;font-size:.85rem;color:var(--vxn-muted);line-height:1.5;}
@media (max-width:840px){
  .vxn-ind2-grid{grid-template-columns:1fr;gap:24px;}
  .vxn-ind2-figure{min-height:300px;}
}
@media (prefers-reduced-motion:reduce){
  .vxn-board-net .net-flow polyline{animation:none;}
  .vxn-vjourney::after{animation:none;}
}
/* ----- website before/after : detailed site mockups ----- */
.vxn-ba-layer{padding:0;}
.vxn-ba-after{background:linear-gradient(180deg,#ffffff,#f7f4ff);}
.vxn-ba-before{background:linear-gradient(180deg,#e9ebef,#dfe2e8);clip-path:inset(0 calc(100% - var(--pos)) 0 0);}
.vxn-ba-handle{background:var(--vxn-blue);box-shadow:0 0 14px rgba(124,58,237,.6);}
.vxn-ba-knob{background:#fff;border-color:var(--vxn-blue);}
.vxn-ba-knob svg{color:var(--vxn-blue);}
.vxn-st{position:absolute;inset:0;display:flex;flex-direction:column;overflow:hidden;}
.vxn-st-nav{display:flex;align-items:center;justify-content:space-between;padding:9px 13px;border-bottom:1px solid rgba(27,18,51,.08);background:rgba(255,255,255,.6);}
.vxn-st-logo{display:flex;align-items:center;gap:6px;font-family:var(--vxn-font-display);font-weight:800;font-size:.64rem;color:#1b1233;white-space:nowrap;}
.vxn-st-logo i{width:14px;height:14px;border-radius:5px;background:linear-gradient(135deg,#7c3aed,#c084fc);flex:none;}
.vxn-st-links{display:flex;gap:8px;}
.vxn-st-links b{width:22px;height:5px;border-radius:3px;background:rgba(27,18,51,.16);}
.vxn-st-btn{font-family:var(--vxn-font-display);font-size:.6rem;font-weight:700;color:#fff;background:linear-gradient(135deg,#7c3aed,#a855f7);border-radius:7px;padding:5px 12px;white-space:nowrap;}
.vxn-st-hero{flex:1;display:flex;gap:13px;padding:15px 13px;align-items:center;}
.vxn-st-htext{flex:1.25;display:flex;flex-direction:column;gap:7px;min-width:0;}
.vxn-st-h1{font-family:var(--vxn-font-display);font-weight:800;font-size:.96rem;line-height:1.12;color:#1b1233;}
.vxn-st-sub{height:6px;border-radius:3px;background:rgba(27,18,51,.12);width:92%;}
.vxn-st-sub.s{width:64%;}
.vxn-st-ctarow{display:flex;align-items:center;gap:8px;margin-top:5px;flex-wrap:wrap;}
.vxn-st-cta{font-family:var(--vxn-font-display);font-size:.64rem;font-weight:700;color:#fff;background:linear-gradient(135deg,#7c3aed,#a855f7);border-radius:8px;padding:7px 14px;box-shadow:0 7px 16px -6px rgba(124,58,237,.6);white-space:nowrap;}
.vxn-st-call{display:inline-flex;align-items:center;gap:5px;font-family:var(--vxn-font-display);font-size:.6rem;font-weight:700;color:#7c3aed;border:1px solid rgba(124,58,237,.32);border-radius:8px;padding:6px 10px;white-space:nowrap;}
.vxn-st-call svg{width:11px;height:11px;}
.vxn-st-stars{display:flex;align-items:center;gap:6px;font-size:.72rem;color:#f59e0b;margin-top:2px;letter-spacing:1px;}
.vxn-st-stars span{color:#675d86;font-family:var(--vxn-font-mono);font-size:.56rem;letter-spacing:0;}
.vxn-st-himg{flex:.85;align-self:stretch;border-radius:10px;min-height:74px;position:relative;overflow:hidden;
  background:linear-gradient(150deg,#a855f7,#7c3aed);box-shadow:0 8px 20px -8px rgba(124,58,237,.55);}
.vxn-st-himg::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 70% 28%,rgba(255,255,255,.4),transparent 58%);}
.vxn-st-trust{display:flex;gap:7px;padding:0 13px 13px;}
.vxn-st-trust span{flex:1;height:15px;border-radius:5px;background:rgba(16,185,129,.16);border:1px solid rgba(16,185,129,.2);}
/* dated / bad site */
.vxn-st-nav.bad{padding:8px 11px;border-bottom:1px solid rgba(51,65,90,.14);background:#eceef2;}
.vxn-st-logo.bad{font-family:var(--vxn-font-body);font-weight:700;font-size:.6rem;color:#3a4a63;}
.vxn-st-links.bad{gap:6px;}
.vxn-st-links.bad b{width:15px;height:4px;background:rgba(58,74,99,.4);}
.vxn-st-body{flex:1;padding:13px 13px 12px;display:flex;flex-direction:column;gap:6px;}
.vxn-st-bh{font-family:var(--vxn-font-body);font-weight:700;font-size:.66rem;color:#46586f;margin-bottom:3px;}
.vxn-st-txt{height:5px;border-radius:2px;background:rgba(58,74,99,.2);width:100%;}
.vxn-st-txt.s{width:72%;}
.vxn-st-submit{margin-top:7px;align-self:flex-start;font-family:var(--vxn-font-body);font-size:.6rem;font-weight:600;color:#5b6b85;background:#d2d7df;border:1px solid #c0c6d0;border-radius:5px;padding:6px 13px;}
@media (prefers-reduced-motion:reduce){}
/* ===== gradient touch-ups ===== */
.vxn-divider{border:none;height:1px;background:linear-gradient(90deg,transparent,rgba(124,58,237,.28),rgba(192,132,252,.30),transparent);}

/* ===== footer : interactive + gradients ===== */
.vxn-ft{overflow:hidden;}
.vxn-ft::before{content:"";position:absolute;top:0;left:0;right:0;height:2px;z-index:2;
  background:linear-gradient(90deg,transparent,#7c3aed,#a855f7,#c084fc,#a855f7,#7c3aed,transparent);background-size:200% 100%;
  animation:vxn-ftline 6s linear infinite;}
@keyframes vxn-ftline{to{background-position:200% 0;}}
.vxn-ft-glow{position:absolute;top:-60px;left:50%;width:78%;max-width:880px;height:320px;pointer-events:none;z-index:0;
  transform:translateX(-50%);background:radial-gradient(ellipse at center,rgba(124,58,237,.18),transparent 70%);
  animation:vxn-ftglow 7s ease-in-out infinite;}
@keyframes vxn-ftglow{0%,100%{opacity:.55;transform:translateX(-50%) scale(1);}50%{opacity:1;transform:translateX(-50%) scale(1.08);}}
.vxn-ft-cta,.vxn-ft-grid,.vxn-ft-disc,.vxn-ft-bottom{position:relative;z-index:1;}
.vxn-ft-cta-btn{position:relative;overflow:hidden;}
.vxn-ft-cta-btn::after{content:"";position:absolute;top:0;left:-65%;width:42%;height:100%;transform:skewX(-18deg);
  background:linear-gradient(105deg,transparent,rgba(255,255,255,.4),transparent);animation:vxn-shimmer 3.6s ease-in-out infinite;}
@keyframes vxn-shimmer{0%,70%{left:-65%;}100%{left:135%;}}
.vxn-ft-cta-btn > svg{position:relative;z-index:1;transition:transform .25s var(--vxn-ease);}
.vxn-ft-cta-btn:hover > svg{transform:translateX(4px);}
.vxn-ft-col a{position:relative;transition:color .22s,padding-left .22s;}
.vxn-ft-col a::before{content:"";position:absolute;left:0;top:50%;width:9px;height:2px;border-radius:2px;
  transform:translateY(-50%) scaleX(0);transform-origin:left;background:linear-gradient(90deg,#7c3aed,#c084fc);transition:transform .22s;}
.vxn-ft-col a:hover{color:var(--vxn-blue);padding-left:15px;}
.vxn-ft-col a:hover::before{transform:translateY(-50%) scaleX(1);}
.vxn-ft-social a{position:relative;overflow:hidden;
  transition:color .2s,border-color .2s,transform .25s var(--vxn-ease),box-shadow .25s;}
.vxn-ft-social a > svg{position:relative;z-index:1;}
.vxn-ft-social a::before{content:"";position:absolute;inset:0;opacity:0;transition:opacity .25s;
  background:linear-gradient(135deg,#7c3aed,#a855f7);}
.vxn-ft-social a:hover{color:#fff;border-color:transparent;transform:translateY(-3px);box-shadow:0 10px 24px -8px rgba(124,58,237,.55);}
.vxn-ft-social a:hover::before{opacity:1;}
.vxn-ft-brand .vxn-hd-mark{filter:drop-shadow(0 0 10px rgba(124,58,237,.4));}

/* ===== FOMO single-quote rotator (below footer) ===== */
.vxn-fomo{position:relative;overflow:hidden;padding:26px 22px;display:flex;justify-content:center;
  background:linear-gradient(90deg,#6d28d9,#7c3aed,#a855f7,#7c3aed,#6d28d9);background-size:220% 100%;
  animation:vxn-fomobg 14s ease infinite;}
@keyframes vxn-fomobg{0%,100%{background-position:0% 0;}50%{background-position:100% 0;}}
.vxn-fomo-stage{position:relative;width:100%;max-width:var(--vxn-shell);min-height:30px;}
.vxn-fomo-q{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:0;text-align:center;
  font-family:var(--vxn-font-display);font-weight:600;font-size:clamp(.95rem,2vw,1.18rem);color:#fff;padding:0 8px;
  opacity:0;transform:translateY(14px);transition:opacity .55s var(--vxn-ease),transform .55s var(--vxn-ease);}
.vxn-fomo-q.is-on{opacity:1;transform:translateY(0);}
.vxn-fomo-q.is-out{opacity:0;transform:translateY(-14px);}
@media (prefers-reduced-motion:reduce){.vxn-fomo{animation:none;}.vxn-fomo-q{transition:none;}}

/* ===== floating action buttons : WhatsApp + Get in touch ===== */
.vxn-fab{position:fixed;right:22px;bottom:24px;z-index:85;display:flex;flex-direction:column;gap:13px;align-items:flex-end;}
.vxn-fab a{position:relative;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;
  box-shadow:0 12px 30px -8px rgba(0,0,0,.32);transition:transform .25s var(--vxn-ease),box-shadow .25s;}
.vxn-fab a:hover{transform:translateY(-3px) scale(1.04);}
.vxn-fab-wa{width:56px;height:56px;border-radius:50%;background:linear-gradient(145deg,#25d366,#0e9f6e);color:#fff;}
.vxn-fab-wa svg{width:30px;height:30px;}
.vxn-fab-wa:hover{box-shadow:0 16px 36px -8px rgba(37,211,102,.6);}
.vxn-fab-wa::after{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid #25d366;
  animation:vxn-fabpulse 2.6s ease-out infinite;}
@keyframes vxn-fabpulse{0%{transform:scale(1);opacity:.7;}100%{transform:scale(1.55);opacity:0;}}
.vxn-fab-gt{gap:9px;padding:0 20px;height:56px;border-radius:30px;color:#fff;
  background:linear-gradient(135deg,#7c3aed,#a855f7,#c084fc);background-size:170% 170%;
  font-family:var(--vxn-font-display);font-weight:700;font-size:.92rem;animation:vxn-fabgrad 5s ease infinite;}
.vxn-fab-gt svg{width:20px;height:20px;}
.vxn-fab-gt:hover{box-shadow:0 16px 36px -8px rgba(124,58,237,.6);}
@keyframes vxn-fabgrad{0%,100%{background-position:0% 50%;}50%{background-position:100% 50%;}}
@media (max-width:780px){
  .vxn-fab{right:16px;bottom:82px;}
  .vxn-fab-gt span{display:none;}
  .vxn-fab-gt{width:56px;padding:0;border-radius:50%;}
}
@media (prefers-reduced-motion:reduce){
  .vxn-ft::before,.vxn-ft-glow,.vxn-ft-cta-btn::after,.vxn-fomo-track,.vxn-fab-gt{animation:none;}
  .vxn-fab-wa::after{display:none;}
  .vxn-fomo-track{flex-wrap:wrap;justify-content:center;}
}
/* ===== footer newsletter ===== */
.vxn-news{margin-top:24px;max-width:350px;}
.vxn-news-label{display:block;font-family:var(--vxn-font-display);font-weight:700;font-size:.96rem;color:var(--vxn-ink);}
.vxn-news-sub{color:var(--vxn-muted);font-size:.84rem;line-height:1.5;margin:6px 0 12px;}
.vxn-news-row{display:flex;gap:8px;padding:5px;border-radius:13px;background:var(--vxn-glass-2);
  border:1px solid var(--vxn-glass-brd);transition:border-color .2s,box-shadow .2s;}
.vxn-news-row:focus-within{border-color:var(--vxn-blue);box-shadow:0 0 0 3px rgba(124,58,237,.13);}
.vxn-news-row input{flex:1;min-width:0;background:transparent;border:none;outline:none;
  font-family:var(--vxn-font-body);font-size:.9rem;color:var(--vxn-ink);padding:8px 10px;}
.vxn-news-row input::placeholder{color:var(--vxn-faint);}
.vxn-news-row button{flex:none;width:44px;border:none;cursor:pointer;border-radius:9px;color:#fff;display:grid;place-items:center;
  background:linear-gradient(135deg,#7c3aed,#a855f7);transition:transform .2s,box-shadow .2s;}
.vxn-news-row button:hover{transform:translateY(-1px);box-shadow:0 8px 20px -6px rgba(124,58,237,.6);}
.vxn-news-row button svg{width:17px;height:17px;}
.vxn-news-msg{display:inline-flex;align-items:center;gap:6px;margin-top:11px;font-size:.82rem;font-weight:600;color:var(--vxn-green);}

/* ===== floating button : works as <button> too ===== */
.vxn-fab button{position:relative;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;border:none;
  box-shadow:0 12px 30px -8px rgba(0,0,0,.32);transition:transform .25s var(--vxn-ease),box-shadow .25s;}
.vxn-fab button:hover{transform:translateY(-3px) scale(1.04);}

/* ===== audit modal ===== */
.vxn-modal{position:fixed;inset:0;z-index:120;display:flex;align-items:center;justify-content:center;padding:20px;
  opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s;}
.vxn-modal.is-open{opacity:1;visibility:visible;}
.vxn-modal-backdrop{position:absolute;inset:0;background:rgba(10,6,22,.6);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);}
.vxn-modal-card{position:relative;z-index:1;width:100%;max-width:460px;max-height:90vh;overflow:auto;
  background:var(--vxn-panel);border:1px solid var(--vxn-glass-brd);border-radius:20px;padding:30px 28px 28px;
  box-shadow:0 40px 90px -20px rgba(0,0,0,.5);transform:translateY(16px) scale(.98);transition:transform .35s var(--vxn-ease);}
.vxn-modal.is-open .vxn-modal-card{transform:none;}
.vxn-modal-card::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;border-radius:20px 20px 0 0;
  background:linear-gradient(90deg,#7c3aed,#a855f7,#c084fc);}
.vxn-modal-x{position:absolute;top:14px;right:14px;width:34px;height:34px;border-radius:9px;border:1px solid var(--vxn-glass-brd);
  background:var(--vxn-glass-2);color:var(--vxn-muted);display:grid;place-items:center;cursor:pointer;transition:color .2s,border-color .2s;}
.vxn-modal-x:hover{color:var(--vxn-ink);border-color:var(--vxn-blue);}
.vxn-modal-x svg{width:16px;height:16px;}
.vxn-modal-head h3{font-family:var(--vxn-font-display);font-weight:800;font-size:1.42rem;color:var(--vxn-ink);margin:9px 0 8px;letter-spacing:-.02em;}
.vxn-modal-head p{color:var(--vxn-muted);font-size:.92rem;line-height:1.55;margin:0 0 20px;}
.vxn-audit-form{display:flex;flex-direction:column;gap:13px;}
.vxn-audit-form label{display:flex;flex-direction:column;gap:6px;font-family:var(--vxn-font-display);font-weight:600;font-size:.78rem;color:var(--vxn-ink-2);}
.vxn-field-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px;}
.vxn-audit-form input{font-family:var(--vxn-font-body);font-size:.92rem;color:var(--vxn-ink);
  background:var(--vxn-glass-2);border:1px solid var(--vxn-glass-brd);border-radius:10px;padding:11px 13px;transition:border-color .2s,box-shadow .2s;}
.vxn-audit-form input::placeholder{color:var(--vxn-faint);}
.vxn-audit-form input:focus{outline:none;border-color:var(--vxn-blue);box-shadow:0 0 0 3px rgba(124,58,237,.15);}
.vxn-audit-note{font-size:.8rem;color:var(--vxn-muted);line-height:1.5;margin:2px 0 4px;padding:10px 12px;border-radius:10px;
  background:rgba(124,58,237,.06);border:1px solid var(--vxn-glass-brd);transition:background .25s,border-color .25s,color .25s;}
.vxn-audit-note a{color:var(--vxn-blue);font-weight:600;}
.vxn-audit-note.is-warn{background:rgba(244,63,94,.1);border-color:rgba(244,63,94,.45);color:var(--vxn-ink-2);}
.vxn-audit-submit{margin-top:4px;display:inline-flex;align-items:center;justify-content:center;gap:9px;
  font-family:var(--vxn-font-display);font-weight:700;font-size:.95rem;color:#fff;border:none;cursor:pointer;
  background:linear-gradient(135deg,#7c3aed,#a855f7,#c084fc);background-size:170% 170%;border-radius:12px;padding:14px;
  box-shadow:0 14px 30px -10px rgba(124,58,237,.6);transition:transform .2s,box-shadow .2s,background-position .45s;}
.vxn-audit-submit:hover{transform:translateY(-2px);background-position:100% 50%;box-shadow:0 18px 38px -10px rgba(124,58,237,.7);}
.vxn-audit-submit svg{width:17px;height:17px;}
.vxn-audit-done{text-align:center;padding:14px 0 6px;}
.vxn-audit-done .ok{width:58px;height:58px;border-radius:50%;margin:0 auto 16px;display:grid;place-items:center;color:#fff;
  background:linear-gradient(135deg,#10b981,#34d399);box-shadow:0 12px 28px -8px rgba(16,185,129,.6);}
.vxn-audit-done .ok svg{width:28px;height:28px;}
.vxn-audit-done h4{font-family:var(--vxn-font-display);font-weight:700;font-size:1.2rem;color:var(--vxn-ink);margin:0 0 8px;}
.vxn-audit-done p{color:var(--vxn-muted);font-size:.92rem;line-height:1.55;margin:0;}
.vxn-audit-done #vxn-audit-url{color:var(--vxn-blue);font-weight:600;word-break:break-all;}
@media (max-width:480px){.vxn-field-grid{grid-template-columns:1fr;}}

/* ===== HRT / TRT SPECIALTY PAGE ===== */
/* =====================================================================
   VAYUNEX — SOLUTIONS / LEAD GENERATION page  (theme-aware, token-driven)
   Layman explainer: zero → advanced. Classes namespaced .vxn-s* / .vxn-faq.
   ===================================================================== */

/* active nav (link + mega trigger) */
.vxn-hd-nav .vxn-hd-link[aria-current="page"],
.vxn-hd-nav .vxn-hd-mega-btn[aria-current="page"]{color:var(--vxn-ink);}
.vxn-hd-nav .vxn-hd-link[aria-current="page"]::after,
.vxn-hd-nav .vxn-hd-mega-btn[aria-current="page"]::after{content:"";position:absolute;left:13px;right:13px;bottom:5px;
  height:2px;border-radius:2px;background:var(--vxn-grad-cta);}
.vxn-hd-nav .vxn-hd-mega-btn[aria-current="page"]{position:relative;}

/* ---------- plain-English definition card ---------- */
.vxn-sdef{max-width:820px;margin:46px auto 0;text-align:center;border-radius:var(--vxn-r);padding:clamp(30px,4vw,44px);
  background:var(--vxn-glass-2);border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);position:relative;overflow:hidden;}
.vxn-sdef::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(520px 240px at 50% -10%,rgba(124,58,237,.14),transparent 70%);}
.vxn-sdef .in{position:relative;z-index:1;}
.vxn-sdef .eq{font-family:var(--vxn-font-mono);font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--vxn-blue);margin-bottom:14px;}
.vxn-sdef p{font-family:var(--vxn-font-display);font-weight:600;font-size:clamp(1.15rem,2.6vw,1.6rem);line-height:1.5;color:var(--vxn-ink);margin:0;}
.vxn-sdef p b{background:var(--vxn-grad-text);-webkit-background-clip:text;background-clip:text;color:transparent;}

/* ---------- node flow (stranger -> lead -> patient) ---------- */
.vxn-sflow{display:flex;align-items:stretch;justify-content:center;flex-wrap:wrap;gap:6px;margin-top:46px;}
.vxn-sflow-node{display:flex;flex-direction:column;align-items:center;gap:11px;text-align:center;padding:24px 20px;min-width:158px;
  border-radius:var(--vxn-r);background:var(--vxn-glass);border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);}
.vxn-sflow-node.hot{border-color:var(--vxn-blue);background:var(--vxn-glass-2);}
.vxn-sflow-node .ic{width:50px;height:50px;border-radius:14px;display:grid;place-items:center;background:rgba(124,58,237,.1);color:var(--vxn-blue);}
.vxn-sflow-node.hot .ic{background:var(--vxn-grad-cta);color:#fff;}
.vxn-sflow-node .ic svg{width:25px;height:25px;}
.vxn-sflow-node b{font-family:var(--vxn-font-display);font-size:1rem;color:var(--vxn-ink);}
.vxn-sflow-node span{font-size:.79rem;color:var(--vxn-muted);max-width:150px;}
.vxn-sflow-arrow{display:grid;place-items:center;color:var(--vxn-blue-2);flex:none;}
.vxn-sflow-arrow svg{width:26px;height:26px;}

/* ---------- example callout ---------- */
.vxn-sexample{display:flex;gap:14px;align-items:flex-start;padding:18px 20px;border-radius:var(--vxn-r-sm);
  background:rgba(124,58,237,.06);border:1px solid var(--vxn-line);border-left:3px solid var(--vxn-blue);margin-top:22px;}
.vxn-sexample .ic{flex:none;width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:rgba(124,58,237,.12);color:var(--vxn-amber);}
.vxn-sexample .ic svg{width:18px;height:18px;}
.vxn-sexample .tx{font-size:.92rem;color:var(--vxn-ink-2);line-height:1.6;}
.vxn-sexample .tx .tag{display:block;font-family:var(--vxn-font-mono);font-size:.64rem;letter-spacing:.14em;text-transform:uppercase;color:var(--vxn-blue);margin-bottom:5px;}
.vxn-sexample .tx b{color:var(--vxn-ink);font-weight:600;}

/* ---------- two-col text + visual ---------- */
.vxn-stwo{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,5vw,56px);align-items:center;margin-top:8px;}
.vxn-stwo.rev .vxn-stwo-visual{order:-1;}

/* ---------- photo frame ---------- */
.vxn-sphoto{position:relative;border-radius:var(--vxn-r);overflow:hidden;border:1px solid var(--vxn-glass-brd);
  box-shadow:var(--vxn-shadow);aspect-ratio:16/11;background:var(--vxn-panel-2);}
.vxn-sphoto img{width:100%;height:100%;object-fit:cover;display:block;}
.vxn-sphoto .cap{position:absolute;left:0;right:0;bottom:0;padding:16px 18px;font-family:var(--vxn-font-mono);font-size:.72rem;
  color:#fff;background:linear-gradient(180deg,transparent,rgba(8,6,20,.78));}

/* small inline chart card */
.vxn-schart{border-radius:var(--vxn-r);padding:24px;background:var(--vxn-glass);border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);}
.vxn-schart svg{width:100%;height:auto;display:block;}
.vxn-schart-key{display:flex;flex-wrap:wrap;gap:16px;margin-top:14px;font-family:var(--vxn-font-mono);font-size:.72rem;color:var(--vxn-muted);}
.vxn-schart-key i{display:inline-block;width:22px;height:3px;border-radius:3px;margin-right:7px;vertical-align:middle;}

/* ---------- levels (zero to advanced) ---------- */
.vxn-slevels{display:grid;gap:18px;margin-top:48px;}
.vxn-slevel{display:grid;grid-template-columns:128px 1fr;gap:26px;padding:30px 30px;border-radius:var(--vxn-r);
  background:var(--vxn-glass);border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);}
.vxn-slevel-badge{text-align:center;}
.vxn-slevel-badge .no{font-family:var(--vxn-font-display);font-weight:800;font-size:3.2rem;line-height:1;
  background:var(--vxn-grad-text);-webkit-background-clip:text;background-clip:text;color:transparent;}
.vxn-slevel-badge .lv{display:inline-block;margin-top:10px;font-family:var(--vxn-font-mono);font-size:.66rem;letter-spacing:.14em;
  text-transform:uppercase;color:#fff;background:var(--vxn-grad-cta);padding:5px 11px;border-radius:999px;}
.vxn-slevel-body h3{margin:0 0 6px;font-family:var(--vxn-font-display);font-size:1.28rem;color:var(--vxn-ink);}
.vxn-slevel-body .sub{margin:0 0 16px;font-size:.95rem;color:var(--vxn-muted);line-height:1.55;}
.vxn-slevel-list{list-style:none;margin:0;padding:0;display:grid;gap:11px;}
.vxn-slevel-list li{display:flex;gap:11px;align-items:flex-start;font-size:.92rem;color:var(--vxn-ink-2);line-height:1.5;}
.vxn-slevel-list li svg{width:18px;height:18px;flex:none;margin-top:2px;color:var(--vxn-green);}
.vxn-slevel-list li b{color:var(--vxn-ink);font-weight:600;}

/* ---------- channel cards ---------- */
.vxn-schannels{display:grid;grid-template-columns:repeat(auto-fit,minmax(282px,1fr));gap:16px;margin-top:42px;}
.vxn-schan{display:flex;flex-direction:column;border-radius:var(--vxn-r);background:var(--vxn-glass);
  border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);padding:26px 24px;transition:transform .3s var(--vxn-ease),border-color .3s;}
.vxn-schan:hover{transform:translateY(-4px);border-color:var(--vxn-blue);}
.vxn-schan .ic{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;background:rgba(124,58,237,.1);color:var(--vxn-blue);margin-bottom:14px;}
.vxn-schan .ic svg{width:24px;height:24px;}
.vxn-schan h4{margin:0 0 4px;font-family:var(--vxn-font-display);font-size:1.1rem;color:var(--vxn-ink);}
.vxn-schan .kind{font-family:var(--vxn-font-mono);font-size:.64rem;letter-spacing:.12em;text-transform:uppercase;color:var(--vxn-blue-2);}
.vxn-schan p{margin:13px 0 0;font-size:.88rem;color:var(--vxn-ink-2);line-height:1.55;}
.vxn-schan .best{display:flex;gap:7px;align-items:flex-start;margin-top:auto;padding-top:15px;font-family:var(--vxn-font-mono);font-size:.72rem;color:var(--vxn-green);line-height:1.45;}
.vxn-schan .best svg{width:13px;height:13px;flex:none;margin-top:2px;}

/* ---------- conversion funnel ---------- */
.vxn-sfunnel{max-width:680px;margin:48px auto 0;display:flex;flex-direction:column;align-items:center;gap:7px;}
.vxn-sfunnel-row{width:100%;display:flex;flex-direction:column;align-items:center;}
.vxn-sfunnel-bar{width:var(--w);max-width:100%;min-height:64px;border-radius:13px;background:var(--vxn-grad-cta);
  display:flex;align-items:center;justify-content:space-between;gap:14px;padding:0 22px;color:#fff;box-shadow:0 12px 30px -14px rgba(124,58,237,.7);}
.vxn-sfunnel-bar .n{font-family:var(--vxn-font-display);font-weight:800;font-size:clamp(1.25rem,3vw,1.7rem);font-variant-numeric:tabular-nums;letter-spacing:-.02em;}
.vxn-sfunnel-bar .lab{font-family:var(--vxn-font-mono);font-size:.73rem;letter-spacing:.03em;text-align:right;line-height:1.3;opacity:.96;}
.vxn-sfunnel-drop{font-family:var(--vxn-font-mono);font-size:.68rem;color:var(--vxn-faint);margin:2px 0;}

/* ---------- industry fit ---------- */
.vxn-sfit{display:grid;grid-template-columns:repeat(auto-fit,minmax(264px,1fr));gap:16px;margin-top:42px;}
.vxn-sfit-card{border-radius:var(--vxn-r);background:var(--vxn-glass);border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);padding:24px 22px;}
.vxn-sfit-top{display:flex;align-items:center;justify-content:space-between;gap:10px;}
.vxn-sfit-card h4{margin:0;font-family:var(--vxn-font-display);font-size:1.06rem;color:var(--vxn-ink);}
.vxn-sfit-rating{font-family:var(--vxn-font-mono);font-size:.64rem;letter-spacing:.1em;text-transform:uppercase;color:var(--vxn-blue);white-space:nowrap;}
.vxn-sfit-meter{display:flex;gap:5px;margin:14px 0;}
.vxn-sfit-meter i{height:7px;flex:1;border-radius:4px;background:rgba(var(--ln),.18);}
.vxn-sfit-meter i.on{background:var(--vxn-grad-cta);}
.vxn-sfit-card p{margin:0;font-size:.85rem;color:var(--vxn-muted);line-height:1.55;}

/* ---------- readiness checklist ---------- */
.vxn-sready{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px;margin-top:40px;}
.vxn-sready-item{display:flex;gap:13px;align-items:flex-start;padding:20px;border-radius:var(--vxn-r-sm);
  background:var(--vxn-glass);border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);}
.vxn-sready-item .ck{flex:none;width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:rgba(16,185,129,.12);color:var(--vxn-green);}
.vxn-sready-item .ck svg{width:17px;height:17px;}
.vxn-sready-item p{margin:0;font-size:.9rem;color:var(--vxn-ink-2);line-height:1.5;}
.vxn-sready-item p b{color:var(--vxn-ink);font-weight:600;}

/* ---------- budget tiers ---------- */
.vxn-stiers{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:42px;}
.vxn-stier{display:flex;flex-direction:column;border-radius:var(--vxn-r);background:var(--vxn-glass);
  border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);padding:28px 26px;position:relative;}
.vxn-stier.feature{border-color:var(--vxn-blue);background:var(--vxn-glass-2);}
.vxn-stier .badge{position:absolute;top:-11px;left:26px;font-family:var(--vxn-font-mono);font-size:.62rem;letter-spacing:.12em;
  text-transform:uppercase;color:#fff;background:var(--vxn-grad-cta);padding:5px 11px;border-radius:999px;box-shadow:var(--vxn-glow-cta);}
.vxn-stier .name{font-family:var(--vxn-font-mono);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--vxn-blue-2);}
.vxn-stier .spend{font-family:var(--vxn-font-display);font-weight:800;font-size:1.85rem;color:var(--vxn-ink);margin:8px 0 2px;letter-spacing:-.02em;}
.vxn-stier .spend span{font-size:.9rem;font-weight:500;color:var(--vxn-muted);}
.vxn-stier .who{font-size:.86rem;color:var(--vxn-muted);line-height:1.5;margin:0 0 18px;}
.vxn-stier ul{list-style:none;margin:0 0 18px;padding:0;display:grid;gap:10px;}
.vxn-stier li{display:flex;gap:10px;align-items:flex-start;font-size:.86rem;color:var(--vxn-ink-2);line-height:1.45;}
.vxn-stier li svg{width:16px;height:16px;flex:none;margin-top:2px;color:var(--vxn-green);}
.vxn-stier .exp{margin-top:auto;padding-top:16px;border-top:1px dashed var(--vxn-line);font-family:var(--vxn-font-mono);font-size:.74rem;color:var(--vxn-ink-2);}
.vxn-stier .exp b{color:var(--vxn-blue-2);}

/* ---------- results table ---------- */
.vxn-stable-wrap{margin-top:42px;overflow-x:auto;border-radius:var(--vxn-r);border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);}
.vxn-stable{width:100%;border-collapse:collapse;min-width:560px;background:var(--vxn-glass);}
.vxn-stable thead th{font-family:var(--vxn-font-mono);font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:var(--vxn-faint);
  text-align:left;padding:16px 20px;border-bottom:1px solid var(--vxn-line-2);background:rgba(var(--w),.03);}
.vxn-stable tbody td{padding:15px 20px;border-bottom:1px solid var(--vxn-line);font-size:.9rem;color:var(--vxn-ink-2);}
.vxn-stable tbody tr:last-child td{border-bottom:none;}
.vxn-stable tbody td:first-child{font-family:var(--vxn-font-display);font-weight:600;color:var(--vxn-ink);}
.vxn-stable tbody td .g{color:var(--vxn-green);font-family:var(--vxn-font-mono);font-weight:600;}

/* ---------- FAQ accordion (native details) ---------- */
.vxn-faq{max-width:820px;margin:42px auto 0;display:grid;gap:12px;}
.vxn-faq-item{border:1px solid var(--vxn-glass-brd);background:var(--vxn-glass);border-radius:var(--vxn-r-sm);
  box-shadow:var(--vxn-shadow);overflow:hidden;}
.vxn-faq-item summary{list-style:none;cursor:pointer;padding:20px 22px;display:flex;justify-content:space-between;align-items:center;gap:16px;
  font-family:var(--vxn-font-display);font-weight:600;font-size:1.02rem;color:var(--vxn-ink);}
.vxn-faq-item summary::-webkit-details-marker{display:none;}
.vxn-faq-item summary .pl{flex:none;color:var(--vxn-blue-2);transition:transform .3s var(--vxn-ease);}
.vxn-faq-item summary .pl svg{width:20px;height:20px;display:block;}
.vxn-faq-item[open] summary .pl{transform:rotate(135deg);}
.vxn-faq-item[open] summary{color:var(--vxn-blue-2);}
.vxn-faq-item .a{padding:0 22px 21px;font-size:.94rem;color:var(--vxn-ink-2);line-height:1.66;}
.vxn-faq-item .a b{color:var(--vxn-ink);font-weight:600;}

/* ---------- closing CTA ---------- */
.vxn-scta{position:relative;text-align:center;border-radius:var(--vxn-r);padding:clamp(42px,6vw,70px) 28px;overflow:hidden;
  background:var(--vxn-glass-2);border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);}
.vxn-scta::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(720px 360px at 50% -20%,rgba(124,58,237,.18),transparent 70%);}
.vxn-scta .in{position:relative;z-index:1;max-width:660px;margin-inline:auto;}
.vxn-scta .vxn-hero-cta{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:30px;}

/* ---------- responsive ---------- */
@media (max-width:920px){
  .vxn-stwo{grid-template-columns:1fr;gap:32px;}
  .vxn-stwo.rev .vxn-stwo-visual{order:0;}
  .vxn-stiers{grid-template-columns:1fr;}
}
@media (max-width:680px){
  .vxn-slevel{grid-template-columns:1fr;gap:18px;}
  .vxn-slevel-badge{display:flex;align-items:center;gap:14px;}
  .vxn-slevel-badge .no{font-size:2.4rem;}
  .vxn-slevel-badge .lv{margin-top:0;}
  .vxn-sflow-arrow{transform:rotate(90deg);}
}
@media (prefers-reduced-motion:reduce){
  .vxn-schan,.vxn-faq-item summary .pl{transition:none;}
}

/* mini chart strokes (var()/url() valid only in CSS, not SVG attrs) */
.vxn-schart-base{stroke:var(--vxn-line-2);stroke-width:1;}
.vxn-schart-wom{fill:none;stroke:var(--vxn-faint);stroke-width:2.5;stroke-dasharray:5 5;stroke-linecap:round;stroke-linejoin:round;}
.vxn-schart-lead{fill:none;stroke:url(#vxnSLead);stroke-width:3.4;stroke-linecap:round;stroke-linejoin:round;}

/* ===================================================================== */
/* PAID ACQUISITION additions (.vxn-p*)                                   */
/* ===================================================================== */

/* metric definition cards */
.vxn-pmetrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px;margin-top:42px;}
.vxn-pmetric{border-radius:var(--vxn-r);background:var(--vxn-glass);border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);padding:22px 22px;}
.vxn-pmetric .ab{display:flex;align-items:baseline;gap:9px;flex-wrap:wrap;}
.vxn-pmetric .ab b{font-family:var(--vxn-font-display);font-weight:800;font-size:1.5rem;letter-spacing:-.01em;background:var(--vxn-grad-text);-webkit-background-clip:text;background-clip:text;color:transparent;}
.vxn-pmetric .ab span{font-family:var(--vxn-font-mono);font-size:.66rem;letter-spacing:.06em;text-transform:uppercase;color:var(--vxn-muted);}
.vxn-pmetric p{margin:11px 0 0;font-size:.88rem;color:var(--vxn-ink-2);line-height:1.55;}
.vxn-pmetric p b{color:var(--vxn-ink);font-weight:600;}
.vxn-pmetric .eg{margin-top:11px;font-family:var(--vxn-font-mono);font-size:.72rem;color:var(--vxn-blue-2);}

/* ad-economics money map */
.vxn-peco{margin-top:44px;border-radius:var(--vxn-r);background:var(--vxn-glass-2);border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);padding:clamp(26px,4vw,40px);position:relative;overflow:hidden;}
.vxn-peco::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(600px 280px at 50% -10%,rgba(124,58,237,.14),transparent 70%);}
.vxn-peco-row{position:relative;z-index:1;display:flex;align-items:stretch;justify-content:center;flex-wrap:wrap;gap:6px;}
.vxn-peco-step{flex:1;min-width:118px;text-align:center;padding:18px 14px;border-radius:var(--vxn-r-sm);background:var(--vxn-glass);border:1px solid var(--vxn-glass-brd);}
.vxn-peco-step.in{border-color:var(--vxn-blue);}
.vxn-peco-step.out{border-color:var(--vxn-green);}
.vxn-peco-step .v{font-family:var(--vxn-font-display);font-weight:800;font-size:clamp(1.1rem,2.4vw,1.5rem);color:var(--vxn-ink);font-variant-numeric:tabular-nums;}
.vxn-peco-step.in .v{color:var(--vxn-blue-2);}
.vxn-peco-step.out .v{color:var(--vxn-green);}
.vxn-peco-step .k{font-family:var(--vxn-font-mono);font-size:.65rem;letter-spacing:.05em;text-transform:uppercase;color:var(--vxn-muted);margin-top:5px;}
.vxn-peco-arrow{display:grid;place-items:center;color:var(--vxn-blue-2);flex:none;}
.vxn-peco-arrow svg{width:22px;height:22px;}
.vxn-peco-foot{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;margin-top:26px;}
.vxn-peco-roas{display:inline-flex;align-items:baseline;gap:9px;padding:13px 26px;border-radius:999px;background:var(--vxn-grad-cta);color:#fff;box-shadow:var(--vxn-glow-cta);}
.vxn-peco-roas b{font-family:var(--vxn-font-display);font-weight:800;font-size:1.8rem;}
.vxn-peco-roas span{font-family:var(--vxn-font-mono);font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;opacity:.95;}

/* common mistakes */
.vxn-pmistakes{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px;margin-top:42px;}
.vxn-pmistake{border-radius:var(--vxn-r);background:var(--vxn-glass);border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);padding:24px 24px;border-left:3px solid var(--vxn-red);}
.vxn-pmistake .x{display:flex;align-items:center;gap:10px;margin-bottom:11px;}
.vxn-pmistake .x .ic{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:rgba(244,63,94,.12);color:var(--vxn-red);flex:none;}
.vxn-pmistake .x .ic svg{width:17px;height:17px;}
.vxn-pmistake .x b{font-family:var(--vxn-font-display);font-size:1rem;color:var(--vxn-ink);}
.vxn-pmistake p{margin:0;font-size:.88rem;color:var(--vxn-ink-2);line-height:1.55;}
.vxn-pmistake .fix{display:flex;gap:8px;align-items:flex-start;margin-top:13px;padding-top:13px;border-top:1px solid var(--vxn-line);font-size:.86rem;color:var(--vxn-ink-2);line-height:1.5;}
.vxn-pmistake .fix svg{width:15px;height:15px;flex:none;margin-top:2px;color:var(--vxn-green);}
.vxn-pmistake .fix b{color:var(--vxn-green);font-weight:600;font-family:var(--vxn-font-mono);font-size:.7rem;text-transform:uppercase;letter-spacing:.06em;margin-right:3px;}

@media (max-width:680px){ .vxn-peco-arrow{transform:rotate(90deg);} }

/* ===================================================================== */
/* MED SPA specialty page additions (.vxn-ms*)                            */
/* ===================================================================== */

/* engine cards as links */
a.vxn-schan{text-decoration:none;color:inherit;display:block;transition:transform .25s var(--vxn-ease),border-color .25s var(--vxn-ease);}
a.vxn-schan:hover{transform:translateY(-4px);border-color:var(--vxn-line-2);}
a.vxn-schan .best{color:var(--vxn-blue-2);}

/* before / after transformation */
.vxn-msba{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:44px;}
@media(max-width:720px){.vxn-msba{grid-template-columns:1fr;}}
.vxn-msba-col{border-radius:var(--vxn-r);border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);padding:28px 26px;background:var(--vxn-glass);}
.vxn-msba-col.after{background:var(--vxn-glass-2);border-color:var(--vxn-line-2);position:relative;overflow:hidden;}
.vxn-msba-col.after::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(420px 200px at 80% -10%,rgba(124,58,237,.13),transparent 70%);}
.vxn-msba-h{display:flex;align-items:center;gap:11px;margin-bottom:20px;position:relative;z-index:1;}
.vxn-msba-h .lbl{font-family:var(--vxn-font-mono);font-size:.68rem;letter-spacing:.07em;text-transform:uppercase;}
.vxn-msba-col.before .lbl{color:var(--vxn-muted);}
.vxn-msba-col.after .lbl{color:var(--vxn-blue-2);}
.vxn-msba-h h3{font-family:var(--vxn-font-display);font-size:1.25rem;color:var(--vxn-ink);margin:0;letter-spacing:-.01em;}
.vxn-msba-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px;position:relative;z-index:1;}
.vxn-msba-list li{display:flex;gap:12px;align-items:flex-start;font-size:.92rem;color:var(--vxn-ink-2);line-height:1.5;}
.vxn-msba-list li .ic{width:22px;height:22px;border-radius:6px;flex:none;display:grid;place-items:center;margin-top:1px;}
.vxn-msba-col.before li .ic{background:rgba(244,63,94,.10);color:var(--vxn-red);}
.vxn-msba-col.after li .ic{background:rgba(16,185,129,.12);color:var(--vxn-green);}
.vxn-msba-list li .ic svg{width:13px;height:13px;}
.vxn-msba-col.after li b{color:var(--vxn-ink);font-weight:600;}

/* impact tiles */
.vxn-msimpact{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px;margin-top:42px;}
.vxn-msimpact-tile{border-radius:var(--vxn-r);background:var(--vxn-glass);border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);padding:26px 22px;text-align:center;}
.vxn-msimpact-tile .big{font-family:var(--vxn-font-display);font-weight:800;font-size:2.3rem;line-height:1;letter-spacing:-.01em;background:var(--vxn-grad-text);-webkit-background-clip:text;background-clip:text;color:transparent;font-variant-numeric:tabular-nums;}
.vxn-msimpact-tile .lbl{font-family:var(--vxn-font-display);font-size:.98rem;color:var(--vxn-ink);margin-top:11px;font-weight:600;}
.vxn-msimpact-tile .sub{font-size:.82rem;color:var(--vxn-muted);margin-top:6px;line-height:1.45;}

/* journey timeline */
.vxn-msflow{margin-top:44px;display:flex;flex-direction:column;}
.vxn-msstep{display:grid;grid-template-columns:auto 1fr;gap:20px;position:relative;padding-bottom:26px;}
.vxn-msstep:last-child{padding-bottom:0;}
.vxn-msstep-rail{display:flex;flex-direction:column;align-items:center;}
.vxn-msstep-num{width:46px;height:46px;border-radius:50%;flex:none;display:grid;place-items:center;font-family:var(--vxn-font-display);font-weight:800;font-size:1.05rem;color:#fff;background:var(--vxn-grad-cta);box-shadow:var(--vxn-glow-cta);z-index:1;}
.vxn-msstep-line{flex:1;width:2px;background:var(--vxn-line-2);margin-top:4px;border-radius:2px;}
.vxn-msstep:last-child .vxn-msstep-line{display:none;}
.vxn-msstep-body{border-radius:var(--vxn-r);background:var(--vxn-glass);border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);padding:22px 24px;}
.vxn-msstep-body .when{font-family:var(--vxn-font-mono);font-size:.68rem;letter-spacing:.06em;text-transform:uppercase;color:var(--vxn-blue-2);}
.vxn-msstep-body h4{font-family:var(--vxn-font-display);font-size:1.12rem;color:var(--vxn-ink);margin:5px 0 8px;letter-spacing:-.01em;}
.vxn-msstep-body p{font-size:.9rem;color:var(--vxn-ink-2);line-height:1.55;margin:0;}
.vxn-msstep-body p .need{color:var(--vxn-ink);font-weight:600;}



/* From lead-generation.html */

/* =====================================================================
   VAYUNEX — DESIGN SYSTEM v2
   Light-default, royal-purple. Dark mode via :root[data-theme="dark"].
   Theme bases: --w (tint), --ln (hairline), --mk (screen-mock surface)
   flip per theme so one stylesheet serves both. Accents are shared.
   Type:  Sora (display) · Manrope (body) · JetBrains Mono (data)
   ===================================================================== */

/* ----- TOKENS : LIGHT (default) ----- */
:root{
  color-scheme: light;

  --vxn-void:#ffffff;
  --vxn-deep:#f4f0fb;
  --vxn-panel:#ffffff;
  --vxn-panel-2:#f5f1fe;

  --vxn-ink:#1b1233;
  --vxn-ink-2:#392e57;
  --vxn-muted:#675d86;
  --vxn-faint:#9a91b4;

  /* theme bases */
  --w:45,35,70;          /* subtle tint base (dark on light) */
  --ln:110,82,180;       /* hairline base (purple)           */
  --mk:245,243,252;      /* screen-mock surface (near-white) */

  --vxn-line:rgba(var(--ln),0.16);
  --vxn-line-2:rgba(var(--ln),0.32);

  /* royal-purple accents (shared both themes) */
  --vxn-blue:#7c3aed;    /* primary  */
  --vxn-blue-2:#a855f7;  /* primary-2 */
  --vxn-cyan:#c084fc;    /* bright orchid pop */
  --vxn-violet:#8b5cf6;
  --vxn-green:#10b981;   /* success / revenue */
  --vxn-amber:#f59e0b;   /* stars / cost */
  --vxn-red:#f43f5e;     /* loss */

  --vxn-glass:linear-gradient(160deg,rgba(255,255,255,0.96),rgba(250,248,255,0.90));
  --vxn-glass-2:linear-gradient(160deg,#ffffff,#f3edfe);
  --vxn-glass-brd:rgba(var(--ln),0.20);

  --vxn-cta-ink:#ffffff;
  --vxn-grad-cta:linear-gradient(135deg,#7c3aed 0%,#a855f7 55%,#c084fc 100%);
  --vxn-grad-violet:linear-gradient(135deg,#8b5cf6 0%,#7c3aed 100%);
  --vxn-grad-text:linear-gradient(120deg,#2a1d4d 0%,#7c3aed 55%,#a855f7 100%);

  --vxn-shadow:0 26px 60px -30px rgba(76,29,149,0.30);
  --vxn-glow-cta:0 16px 40px -12px rgba(124,58,237,0.42);

  --vxn-font-display:'Sora',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  --vxn-font-body:'Manrope',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  --vxn-font-mono:'JetBrains Mono',ui-monospace,SFMono-Regular,Menlo,monospace;

  --vxn-r:20px;
  --vxn-r-sm:14px;
  --vxn-shell:1180px;
  --vxn-ease:cubic-bezier(.2,.7,.2,1);
}

/* ----- TOKENS : DARK (toggle) ----- */
:root[data-theme="dark"]{
  color-scheme: dark;

  --vxn-void:#0b0818;
  --vxn-deep:#0f0b20;
  --vxn-panel:#150f2b;
  --vxn-panel-2:#1b1338;

  --vxn-ink:#f3f0ff;
  --vxn-ink-2:#cdc6e8;
  --vxn-muted:#968cb8;
  --vxn-faint:#6c648c;

  --w:255,255,255;
  --ln:150,135,215;
  --mk:14,20,44;

  --vxn-glass:linear-gradient(160deg,rgba(255,255,255,0.07),rgba(255,255,255,0.02));
  --vxn-glass-2:linear-gradient(160deg,rgba(255,255,255,0.10),rgba(255,255,255,0.03));
  --vxn-glass-brd:rgba(255,255,255,0.10);

  --vxn-grad-text:linear-gradient(120deg,#ffffff 0%,#c4b5fd 50%,#c084fc 100%);

  --vxn-shadow:0 26px 70px -28px rgba(0,0,0,0.70);
  --vxn-glow-cta:0 16px 44px -12px rgba(124,58,237,0.60);
}

/* ----- TRANSFORMED SECTION STYLES (token-driven, theme-aware) ----- */
/* =====================================================================
   VAYUNEX — GLOBAL DESIGN SYSTEM
   Visual direction: "Mission control for revenue" — deep navy/black base,
   electric blue + cyan + violet accents, success green & cost amber for
   telemetry, frosted glass, ambient grid, lead-flow particle motif.
   Type roles:  Sora (display) · Manrope (body) · JetBrains Mono (data)
   All classes are namespaced with the vxn- prefix.
   ===================================================================== */

/* ----- TOKENS ----- */

/* ----- RESET / BASE ----- */
*,*::before,*::after{box-sizing:border-box;}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;}
body{
  margin:0;
  background:var(--vxn-void);
  color:var(--vxn-ink-2);
  font-family:var(--vxn-font-body);
  font-size:16px;
  line-height:1.65;
  letter-spacing:.005em;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
  overflow-x:hidden;
}
img{max-width:100%;display:block;}
a{color:inherit;text-decoration:none;}
button{font-family:inherit;cursor:pointer;}
canvas{display:block;}
::selection{background:rgba(192,132,252,.28);color:#fff;}

/* ----- AMBIENT ATMOSPHERE (fixed background layer) ----- */
.vxn-atmos{position:fixed;inset:0;z-index:-2;pointer-events:none;background:
  radial-gradient(1100px 700px at 78% -8%,rgba(124,58,237,.22),transparent 60%),
  radial-gradient(900px 700px at 8% 12%,rgba(139,92,246,.16),transparent 60%),
  radial-gradient(1000px 800px at 60% 108%,rgba(192,132,252,.10),transparent 55%),
  var(--vxn-void);}
.vxn-atmos::before{content:"";position:absolute;inset:0;opacity:.5;
  background-image:linear-gradient(rgba(var(--ln),.05) 1px,transparent 1px),
                   linear-gradient(90deg,rgba(var(--ln),.05) 1px,transparent 1px);
  background-size:54px 54px;
  -webkit-mask-image:radial-gradient(circle at 50% 30%,#000 0%,transparent 78%);
          mask-image:radial-gradient(circle at 50% 30%,#000 0%,transparent 78%);}
.vxn-grain{position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.035;mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");}

/* ----- LAYOUT PRIMITIVES ----- */
.vxn-shell{width:100%;max-width:var(--vxn-shell);margin-inline:auto;padding-inline:24px;}
.vxn-section{position:relative;padding-block:clamp(74px,11vh,128px);}
.vxn-section--tight{padding-block:clamp(56px,8vh,92px);}
.vxn-divider{height:1px;background:linear-gradient(90deg,transparent,var(--vxn-line-2),transparent);border:0;margin:0;}

/* ----- TYPOGRAPHY ----- */
.vxn-eyebrow{display:inline-flex;align-items:center;gap:9px;font-family:var(--vxn-font-mono);
  font-size:12px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--vxn-cyan);}
.vxn-eyebrow::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--vxn-cyan);
  box-shadow:0 0 10px var(--vxn-cyan);}
.vxn-h1{font-family:var(--vxn-font-display);font-weight:800;line-height:1.04;letter-spacing:-.025em;
  font-size:clamp(2.4rem,6vw,4.5rem);color:var(--vxn-ink);margin:0;}
.vxn-h2{font-family:var(--vxn-font-display);font-weight:700;line-height:1.08;letter-spacing:-.02em;
  font-size:clamp(1.85rem,4vw,3rem);color:var(--vxn-ink);margin:0;}
.vxn-h3{font-family:var(--vxn-font-display);font-weight:600;line-height:1.2;letter-spacing:-.01em;
  font-size:clamp(1.1rem,2vw,1.35rem);color:var(--vxn-ink);margin:0;}
.vxn-lead{font-size:clamp(1.02rem,1.6vw,1.2rem);color:var(--vxn-ink-2);max-width:62ch;}
.vxn-grad-txt{background:var(--vxn-grad-text);-webkit-background-clip:text;background-clip:text;color:transparent;}
.vxn-cyan{color:var(--vxn-cyan);} .vxn-violet{color:var(--vxn-violet);} .vxn-green{color:var(--vxn-green);}
.vxn-mono{font-family:var(--vxn-font-mono);font-variant-numeric:tabular-nums;}
.vxn-head{max-width:760px;}
.vxn-head .vxn-lead{margin-top:18px;}
.vxn-center{text-align:center;margin-inline:auto;}

/* ----- BUTTONS ----- */
.vxn-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;
  font-family:var(--vxn-font-display);font-weight:600;font-size:.96rem;letter-spacing:-.01em;
  padding:14px 24px;border-radius:13px;border:1px solid transparent;transition:transform .25s var(--vxn-ease),box-shadow .25s,background .25s;white-space:nowrap;}
.vxn-btn svg{width:18px;height:18px;}
.vxn-btn--primary{background:var(--vxn-grad-cta);color:var(--vxn-cta-ink);box-shadow:var(--vxn-glow-cta);}
.vxn-btn--primary:hover{transform:translateY(-2px);box-shadow:0 20px 50px -12px rgba(124,58,237,.7);}
.vxn-btn--ghost{background:rgba(var(--w),.03);border-color:var(--vxn-line-2);color:var(--vxn-ink);}
.vxn-btn--ghost:hover{transform:translateY(-2px);background:rgba(var(--w),.07);border-color:var(--vxn-cyan);}
.vxn-btn:focus-visible{outline:2px solid var(--vxn-cyan);outline-offset:3px;}

/* ----- CHIPS / PILLS ----- */
.vxn-chip{display:inline-flex;align-items:center;gap:8px;font-size:.82rem;font-weight:600;color:var(--vxn-ink-2);
  padding:7px 14px;border-radius:999px;background:rgba(var(--w),.04);border:1px solid var(--vxn-line);}
.vxn-chip .vxn-dot{width:6px;height:6px;border-radius:50%;background:var(--vxn-green);box-shadow:0 0 8px var(--vxn-green);}

/* ----- GLASS CARD ----- */
.vxn-glass{position:relative;background:var(--vxn-glass);border:1px solid var(--vxn-glass-brd);
  border-radius:var(--vxn-r);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--vxn-shadow);}
.vxn-glass::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;pointer-events:none;
  background:linear-gradient(160deg,rgba(var(--w),.35),transparent 40%);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
          mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;mask-composite:exclude;opacity:.5;}

/* 3D tilt-ready card */
.vxn-card3d{transition:transform .4s var(--vxn-ease),box-shadow .4s;transform-style:preserve-3d;will-change:transform;}

/* ----- SCROLL REVEAL ----- */
.vxn-reveal{opacity:0;transform:translateY(28px);transition:opacity .8s var(--vxn-ease),transform .8s var(--vxn-ease);transition-delay:var(--d,0s);}
.vxn-reveal.is-in{opacity:1;transform:none;}

/* ============================ NAV (CAPSULE) ============================ */
/* "Living glass capsule" — contracts on scroll, canopy mega-menu unfurls
   out of the same surface, sliding spotlight, full-screen mobile overlay. */
.vxn-skip{position:absolute;left:-9999px;top:0;z-index:200;background:var(--vxn-cyan);color:var(--vxn-cta-ink);
  padding:10px 16px;border-radius:0 0 10px 0;font-weight:700;}
.vxn-skip:focus{left:0;}

.vxn-scrim{position:fixed;inset:0;z-index:79;background:rgba(var(--mk),.55);opacity:0;visibility:hidden;
  -webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:opacity .35s,visibility .35s;}
.vxn-scrim.is-on{opacity:1;visibility:visible;}

.vxn-nav{position:fixed;top:14px;left:0;right:0;z-index:80;display:flex;justify-content:center;padding-inline:14px;}
.vxn-island{width:min(1120px,100%);background:linear-gradient(160deg,rgba(var(--mk),.78),rgba(var(--mk),.7));
  border:1px solid var(--vxn-glass-brd);border-radius:22px;overflow:hidden;
  -webkit-backdrop-filter:blur(16px) saturate(140%);backdrop-filter:blur(16px) saturate(140%);
  box-shadow:0 18px 50px -22px rgba(0,0,0,.8);
  transition:width .5s var(--vxn-ease),border-radius .5s,background .5s;}
.vxn-nav.is-contracted .vxn-island{width:min(880px,100%);background:linear-gradient(160deg,rgba(var(--mk),.92),rgba(var(--mk),.9));}
.vxn-bar{display:flex;align-items:center;gap:18px;padding:11px 14px 11px 18px;transition:padding .5s var(--vxn-ease);}
.vxn-nav.is-contracted .vxn-bar{padding:8px 12px 8px 16px;}

.vxn-brand{display:flex;align-items:center;gap:11px;flex-shrink:0;}
.vxn-mark{width:30px;height:30px;flex-shrink:0;transition:width .5s,height .5s;}
.vxn-nav.is-contracted .vxn-mark{width:26px;height:26px;}
.vxn-word{font-family:var(--vxn-font-display);font-weight:800;letter-spacing:.12em;font-size:1.02rem;color:var(--vxn-ink);}

.vxn-links{position:relative;display:flex;align-items:center;gap:2px;margin-inline:auto;}
.vxn-spot{position:absolute;top:50%;height:34px;border-radius:11px;transform:translateY(-50%);
  background:linear-gradient(160deg,rgba(var(--ln),.22),rgba(var(--ln),.08));border:1px solid var(--vxn-line);
  z-index:0;opacity:0;transition:left .38s var(--vxn-ease),width .38s var(--vxn-ease),opacity .3s;pointer-events:none;}
.vxn-link{position:relative;z-index:1;display:inline-flex;align-items:center;gap:6px;color:var(--vxn-ink-2);
  font-size:.92rem;font-weight:600;padding:8px 14px;border-radius:11px;background:none;border:0;transition:color .25s;}
.vxn-link:hover,.vxn-link[aria-expanded="true"]{color:var(--vxn-ink);}
.vxn-link .vxn-chev{width:14px;height:14px;transition:transform .3s;}
.vxn-link[aria-expanded="true"] .vxn-chev{transform:rotate(180deg);}
.vxn-link:focus-visible{outline:2px solid var(--vxn-cyan);outline-offset:2px;}

.vxn-actions{display:flex;align-items:center;gap:10px;flex-shrink:0;}
.vxn-cta{display:inline-flex;align-items:center;gap:7px;background:var(--vxn-grad-cta);color:var(--vxn-cta-ink);
  font-family:var(--vxn-font-display);font-weight:700;font-size:.88rem;padding:10px 17px;border-radius:11px;
  box-shadow:0 10px 26px -10px rgba(124,58,237,.6);transition:transform .25s,box-shadow .25s;border:0;}
.vxn-cta:hover{transform:translateY(-1px);box-shadow:0 14px 32px -8px rgba(124,58,237,.8);}
.vxn-cta:focus-visible{outline:2px solid #fff;outline-offset:2px;}

.vxn-burger{display:none;width:42px;height:38px;border-radius:11px;background:rgba(var(--w),.05);
  border:1px solid var(--vxn-line);align-items:center;justify-content:center;flex-direction:column;gap:4px;}
.vxn-burger span{width:18px;height:2px;background:var(--vxn-ink);border-radius:2px;transition:transform .3s,opacity .3s;}
.vxn-burger:focus-visible{outline:2px solid var(--vxn-cyan);outline-offset:2px;}

/* Canopy mega-menu (lives INSIDE the island; grows out of it) */
.vxn-canopy{max-height:0;opacity:0;padding:0 22px;transition:max-height .5s var(--vxn-ease),opacity .35s,padding .5s var(--vxn-ease);}
.vxn-island.is-open .vxn-canopy{max-height:420px;opacity:1;padding:4px 22px 22px;}
.vxn-canopy-top{height:1px;background:var(--vxn-line);margin-bottom:18px;}
.vxn-canopy-grid{display:grid;grid-template-columns:1fr 1fr 1.15fr;gap:22px;}
.vxn-col-title{font-family:var(--vxn-font-mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--vxn-muted);margin-bottom:12px;}
.vxn-col a{display:flex;align-items:center;gap:10px;color:var(--vxn-ink-2);font-size:.9rem;font-weight:600;padding:7px 9px;border-radius:9px;transition:background .2s,color .2s,transform .2s;opacity:0;transform:translateY(8px);}
.vxn-island.is-open .vxn-col a{opacity:1;transform:none;}
.vxn-island.is-open .vxn-col:nth-child(1) a{transition-delay:.05s;}
.vxn-island.is-open .vxn-col:nth-child(2) a{transition-delay:.12s;}
.vxn-col a:hover{background:rgba(var(--ln),.1);color:#fff;}
.vxn-col a i{width:8px;height:8px;border-radius:50%;background:var(--vxn-cyan);box-shadow:0 0 8px var(--vxn-cyan);flex-shrink:0;}
.vxn-col a.h i{background:var(--vxn-green);box-shadow:0 0 8px var(--vxn-green);}
.vxn-rail{background:var(--vxn-grad-violet);border-radius:16px;padding:18px;display:flex;flex-direction:column;justify-content:center;opacity:0;transform:translateY(8px);transition:opacity .4s .18s,transform .4s .18s;}
.vxn-island.is-open .vxn-rail{opacity:1;transform:none;}
.vxn-rail h4{font-family:var(--vxn-font-display);font-size:1.05rem;color:#fff;margin:0 0 6px;}
.vxn-rail p{font-size:.82rem;color:rgba(var(--w),.85);margin:0 0 14px;}
.vxn-rail a{align-self:flex-start;background:#fff;color:#1a1340;font-weight:700;font-size:.82rem;padding:9px 15px;border-radius:10px;}

/* Mobile full-screen overlay */
.vxn-overlay{position:fixed;inset:0;z-index:90;background:linear-gradient(180deg,var(--vxn-void),var(--vxn-void));
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transform:translateY(-100%);transition:transform .5s var(--vxn-ease);
  display:flex;flex-direction:column;padding:22px;overflow-y:auto;}
.vxn-overlay.is-open{transform:none;}
.vxn-ov-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:36px;}
.vxn-ov-close{width:42px;height:42px;border-radius:12px;background:rgba(var(--w),.05);border:1px solid var(--vxn-line);color:var(--vxn-ink);font-size:1.4rem;display:flex;align-items:center;justify-content:center;}
.vxn-ov-body{display:flex;flex-direction:column;gap:6px;}
.vxn-ov-link{font-family:var(--vxn-font-display);font-weight:700;font-size:1.8rem;color:var(--vxn-ink);padding:14px 4px;border-bottom:1px solid var(--vxn-line);display:flex;align-items:center;justify-content:space-between;
  opacity:0;transform:translateX(-18px);transition:opacity .5s,transform .5s;}
.vxn-overlay.is-open .vxn-ov-link{opacity:1;transform:none;}
.vxn-overlay.is-open .vxn-ov-link:nth-child(1){transition-delay:.08s;}
.vxn-overlay.is-open .vxn-ov-link:nth-child(2){transition-delay:.14s;}
.vxn-overlay.is-open .vxn-ov-link:nth-child(3){transition-delay:.2s;}
.vxn-overlay.is-open .vxn-ov-link:nth-child(4){transition-delay:.26s;}
.vxn-overlay.is-open .vxn-ov-link:nth-child(5){transition-delay:.32s;}
.vxn-ov-sub{display:none;flex-direction:column;gap:2px;padding:6px 4px 14px;}
.vxn-ov-sub.is-open{display:flex;}
.vxn-ov-sub a{color:var(--vxn-muted);font-size:1.05rem;font-weight:600;padding:8px 0;}
.vxn-ov-cta{margin-top:26px;}

@media(max-width:920px){
  .vxn-links{display:none;}
  .vxn-burger{display:flex;}
  .vxn-actions .vxn-cta{display:none;}
}
@media(min-width:921px){ .vxn-overlay{display:none!important;} }

/* ============================ HERO ============================ */
.vxn-hero{position:relative;min-height:100svh;display:flex;align-items:center;padding-top:130px;padding-bottom:64px;overflow:hidden;}
.vxn-hero-bg{position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.9;}
.vxn-hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.04fr .96fr;gap:46px;align-items:center;width:100%;}
.vxn-hero-copy{max-width:600px;}
.vxn-hero h1{margin:18px 0 0;}
.vxn-hero h1 .ln{display:block;}
.vxn-hero .vxn-lead{margin-top:22px;}
.vxn-hero-cta{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px;}
.vxn-hero-trust{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px;}

.vxn-engine{position:relative;width:100%;aspect-ratio:1/.86;max-width:560px;margin-inline:auto;}
.vxn-engine canvas{position:absolute;inset:0;width:100%;height:100%;}
.vxn-dash{position:absolute;right:-6px;bottom:-14px;width:min(252px,72%);padding:16px 16px 14px;border-radius:16px;z-index:3;}
.vxn-dash-h{display:flex;align-items:center;gap:8px;font-family:var(--vxn-font-mono);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--vxn-muted);margin-bottom:12px;}
.vxn-dash-h .live{width:7px;height:7px;border-radius:50%;background:var(--vxn-green);box-shadow:0 0 9px var(--vxn-green);animation:vxn-pulse 1.8s infinite;}
.vxn-dash-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 14px;}
.vxn-dash-cell .k{font-size:10px;letter-spacing:.04em;color:var(--vxn-faint);text-transform:uppercase;font-weight:600;}
.vxn-dash-cell .v{font-family:var(--vxn-font-mono);font-weight:700;font-size:1.18rem;color:var(--vxn-ink);line-height:1.2;font-variant-numeric:tabular-nums;}
.vxn-dash-cell .v.c{color:var(--vxn-cyan);} .vxn-dash-cell .v.g{color:var(--vxn-green);}
@keyframes vxn-pulse{0%,100%{opacity:1;transform:scale(1);}50%{opacity:.45;transform:scale(.82);}}

/* ============================ PROBLEM / LEAK FUNNEL ============================ */
.vxn-leak-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:46px;align-items:center;margin-top:48px;}
.vxn-funnel-stage{position:relative;width:100%;max-width:440px;margin-inline:auto;}
.vxn-funnel-stage svg{width:100%;height:auto;overflow:visible;}
.vxn-leak-rows{display:flex;flex-direction:column;gap:10px;}
.vxn-leak-row{display:flex;gap:14px;align-items:flex-start;padding:15px 16px;border-radius:14px;border:1px solid var(--vxn-line);
  background:rgba(var(--w),.018);cursor:pointer;transition:border-color .3s,background .3s,transform .3s;text-align:left;width:100%;}
.vxn-leak-row:hover{transform:translateX(4px);}
.vxn-leak-row.is-active{border-color:rgba(244,63,94,.55);background:rgba(244,63,94,.07);}
.vxn-leak-num{font-family:var(--vxn-font-mono);font-size:.8rem;color:var(--vxn-red);font-weight:700;width:26px;height:26px;border-radius:8px;
  background:rgba(244,63,94,.12);display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px;}
.vxn-leak-row.is-active .vxn-leak-num{background:var(--vxn-red);color:#180408;}
.vxn-leak-txt h4{font-family:var(--vxn-font-display);font-size:1rem;color:var(--vxn-ink);margin:0 0 3px;}
.vxn-leak-txt p{margin:0;font-size:.88rem;color:var(--vxn-muted);}
.vxn-leak-foot{margin-top:22px;font-size:.95rem;color:var(--vxn-ink-2);border-left:2px solid var(--vxn-cyan);padding-left:16px;}

/* ============================ METHOD (10-step journey) ============================ */
.vxn-method-rail{position:relative;display:flex;gap:14px;overflow-x:auto;padding:30px 4px 18px;margin-top:38px;scroll-snap-type:x mandatory;
  -ms-overflow-style:none;scrollbar-width:thin;scrollbar-color:var(--vxn-line-2) transparent;}
.vxn-method-rail::-webkit-scrollbar{height:6px;}
.vxn-method-rail::-webkit-scrollbar-thumb{background:var(--vxn-line-2);border-radius:6px;}
.vxn-mprogress{position:absolute;top:14px;left:4px;right:4px;height:2px;background:var(--vxn-line);border-radius:2px;overflow:hidden;}
.vxn-mprogress i{position:absolute;inset:0;width:0;background:var(--vxn-grad-cta);box-shadow:0 0 12px rgba(192,132,252,.6);transition:width 1.4s var(--vxn-ease);}
.vxn-mstep{position:relative;scroll-snap-align:start;flex:0 0 auto;width:172px;padding:18px 16px 16px;border-radius:16px;}
.vxn-mstep .n{position:absolute;top:-11px;left:16px;font-family:var(--vxn-font-mono);font-size:.7rem;font-weight:700;color:var(--vxn-cyan);
  background:var(--vxn-deep);border:1px solid var(--vxn-line);padding:3px 7px;border-radius:7px;}
.vxn-mstep .ic{width:38px;height:38px;border-radius:11px;background:rgba(var(--ln),.1);display:flex;align-items:center;justify-content:center;margin-bottom:12px;color:var(--vxn-cyan);}
.vxn-mstep .ic svg{width:20px;height:20px;}
.vxn-mstep h4{font-family:var(--vxn-font-display);font-size:1rem;color:var(--vxn-ink);margin:0 0 6px;}
.vxn-mstep p{margin:0;font-size:.82rem;color:var(--vxn-muted);line-height:1.5;}
.vxn-mstep::after{content:"";position:absolute;right:-9px;top:54px;width:14px;height:14px;border-top:2px solid var(--vxn-line-2);border-right:2px solid var(--vxn-line-2);transform:rotate(45deg);opacity:.7;}
.vxn-mstep:last-child::after{display:none;}

/* ============================ STRATEGY BOARD ============================ */
.vxn-board-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:46px;align-items:center;margin-top:46px;}
.vxn-board{position:relative;aspect-ratio:1;width:100%;max-width:480px;margin-inline:auto;border-radius:24px;overflow:hidden;
  background:linear-gradient(160deg,rgba(var(--mk),.9),rgba(var(--mk),.92));border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);}
.vxn-board::before{content:"";position:absolute;inset:0;opacity:.5;
  background-image:repeating-conic-gradient(rgba(var(--ln),.05) 0% 25%,transparent 0% 50%);background-size:25% 25%;}
.vxn-board::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 45%,transparent 30%,rgba(var(--mk),.55) 100%);}
.vxn-piece{position:absolute;width:21%;aspect-ratio:1;transform:translate(-50%,-50%) scale(.3);opacity:0;
  transition:transform .9s var(--vxn-ease),opacity .7s;left:var(--x);top:var(--y);z-index:2;cursor:default;}
.vxn-board.is-placed .vxn-piece{transform:translate(-50%,-50%) scale(1);opacity:1;}
.vxn-piece-disc{position:absolute;inset:0;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;
  background:radial-gradient(circle at 35% 28%,rgba(var(--w),.22),rgba(var(--w),.03) 60%),linear-gradient(160deg,rgba(var(--mk),.9),rgba(var(--mk),.95));
  border:1px solid rgba(var(--w),.16);box-shadow:0 10px 24px -8px rgba(0,0,0,.7),inset 0 1px 1px rgba(var(--w),.25);
  transition:transform .3s,box-shadow .3s;}
.vxn-piece:hover .vxn-piece-disc{transform:translateY(-4px) scale(1.05);box-shadow:0 16px 30px -8px var(--pc,rgba(192,132,252,.5)),inset 0 1px 1px rgba(var(--w),.3);}
.vxn-piece-disc svg{width:34%;height:34%;color:var(--pc,var(--vxn-cyan));}
.vxn-piece-lbl{font-family:var(--vxn-font-mono);font-size:.5rem;letter-spacing:.04em;color:var(--vxn-ink-2);text-transform:uppercase;font-weight:700;}
.vxn-piece-glow{position:absolute;inset:-30%;border-radius:50%;background:radial-gradient(circle,var(--pc,rgba(192,132,252,.4)),transparent 65%);opacity:.4;filter:blur(6px);z-index:-1;}
.vxn-tip{position:absolute;left:50%;bottom:112%;transform:translateX(-50%) translateY(6px);width:max-content;max-width:180px;
  background:rgba(var(--mk),.96);border:1px solid var(--vxn-line-2);border-radius:10px;padding:9px 12px;font-size:.74rem;color:var(--vxn-ink-2);line-height:1.45;
  opacity:0;visibility:hidden;transition:opacity .25s,transform .25s,visibility .25s;z-index:5;box-shadow:0 12px 30px -10px rgba(0,0,0,.8);pointer-events:none;}
.vxn-tip b{color:var(--pc,var(--vxn-cyan));font-family:var(--vxn-font-display);}
.vxn-piece:hover .vxn-tip{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0);}
.vxn-legend{display:flex;flex-direction:column;gap:8px;margin-top:26px;}
.vxn-lrow{display:flex;align-items:center;gap:12px;padding:11px 14px;border-radius:12px;border:1px solid var(--vxn-line);background:rgba(var(--w),.018);transition:background .25s,border-color .25s;cursor:default;}
.vxn-lrow:hover{background:rgba(var(--ln),.06);border-color:var(--vxn-line-2);}
.vxn-lrow .sw{width:12px;height:12px;border-radius:50%;flex-shrink:0;box-shadow:0 0 10px currentColor;}
.vxn-lrow b{font-family:var(--vxn-font-display);color:var(--vxn-ink);font-size:.92rem;min-width:74px;}
.vxn-lrow span{font-size:.85rem;color:var(--vxn-muted);}

/* ============================ INDUSTRY JOURNEYS (health / hospitality) ============================ */
.vxn-jintro{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap;}
.vxn-journey{position:relative;margin:46px 0 40px;padding:34px 12px 30px;border-radius:20px;}
.vxn-jtrack{position:relative;display:flex;justify-content:space-between;gap:8px;padding-top:8px;}
.vxn-jline{position:absolute;top:30px;left:5%;right:5%;height:2px;background:var(--vxn-line);border-radius:2px;}
.vxn-jline i{position:absolute;inset:0;width:0;background:linear-gradient(90deg,var(--ac1),var(--ac2));box-shadow:0 0 10px var(--ac2);transition:width 1.8s var(--vxn-ease);}
.vxn-jnode{position:relative;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;flex:1;min-width:0;z-index:2;}
.vxn-jdot{width:46px;height:46px;border-radius:14px;background:var(--vxn-deep);border:1px solid var(--vxn-line-2);display:flex;align-items:center;justify-content:center;color:var(--ac2,var(--vxn-cyan));transition:box-shadow .4s,border-color .4s,transform .4s;}
.vxn-jdot svg{width:21px;height:21px;}
.vxn-journey.is-in .vxn-jnode:nth-child(1) .vxn-jdot{box-shadow:0 0 0 4px rgba(192,132,252,.08),0 0 20px -4px var(--ac2);border-color:var(--ac2);}
.vxn-jlabel{font-size:.78rem;font-weight:600;color:var(--vxn-ink-2);line-height:1.3;max-width:90px;}
.vxn-jsub{font-family:var(--vxn-font-mono);font-size:.62rem;letter-spacing:.04em;color:var(--vxn-faint);text-transform:uppercase;}
.vxn-token{position:absolute;top:30px;left:5%;width:18px;height:18px;border-radius:50%;transform:translate(-50%,-50%);z-index:3;
  background:radial-gradient(circle at 35% 30%,#fff,var(--ac2));box-shadow:0 0 16px var(--ac2);}
.vxn-journey.is-in .vxn-token{animation:vxn-ride 7s var(--vxn-ease) .4s infinite;}
@keyframes vxn-ride{0%{left:5%;}12%{left:5%;}22%{left:24%;}34%{left:24%;}44%{left:50%;}56%{left:50%;}66%{left:76%;}78%{left:76%;}88%{left:95%;}100%{left:95%;}}
.vxn-cap-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(225px,1fr));gap:16px;margin-top:6px;}
.vxn-cap{padding:20px 18px;border-radius:16px;transition:transform .35s var(--vxn-ease),border-color .35s;}
.vxn-cap:hover{transform:translateY(-5px);}
.vxn-cap .ic{width:40px;height:40px;border-radius:11px;display:flex;align-items:center;justify-content:center;margin-bottom:13px;
  background:rgba(192,132,252,.1);color:var(--ac2,var(--vxn-cyan));}
.vxn-cap .ic svg{width:21px;height:21px;}
.vxn-cap h4{font-family:var(--vxn-font-display);font-size:1.02rem;color:var(--vxn-ink);margin:0 0 7px;}
.vxn-cap p{margin:0;font-size:.86rem;color:var(--vxn-muted);}
.vxn-note{display:inline-flex;align-items:center;gap:8px;margin-top:24px;font-size:.8rem;color:var(--vxn-faint);font-family:var(--vxn-font-mono);}
.vxn-note::before{content:"";width:14px;height:1px;background:var(--vxn-faint);}

/* ============================ SEO WALKTHROUGH ============================ */
.vxn-seo-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:42px;align-items:center;margin-top:46px;}
.vxn-query-chips{display:flex;flex-wrap:wrap;gap:9px;margin:22px 0 26px;}
.vxn-qchip{font-size:.82rem;font-weight:600;color:var(--vxn-ink-2);padding:8px 14px;border-radius:10px;border:1px solid var(--vxn-line);background:rgba(var(--w),.02);transition:all .25s;}
.vxn-qchip.is-on{border-color:transparent;background:linear-gradient(135deg,#7c3aed,#a855f7);color:#fff;box-shadow:0 6px 16px -6px rgba(124,58,237,.55);}
.vxn-seo-labels{display:flex;flex-direction:column;gap:9px;}
.vxn-seolab{display:flex;align-items:center;gap:11px;font-size:.88rem;color:var(--vxn-faint);transition:color .3s;}
.vxn-seolab .tick{width:20px;height:20px;border-radius:6px;border:1px solid var(--vxn-line-2);display:flex;align-items:center;justify-content:center;transition:all .3s;}
.vxn-seolab .tick svg{width:12px;height:12px;opacity:0;transition:opacity .3s;}
.vxn-seolab.is-lit{color:var(--vxn-ink);}
.vxn-seolab.is-lit .tick{background:var(--vxn-green);border-color:var(--vxn-green);}
.vxn-seolab.is-lit .tick svg{opacity:1;color:#04140d;}

.vxn-browser{position:relative;border-radius:16px;overflow:hidden;border:1px solid var(--vxn-glass-brd);
  background:linear-gradient(180deg,rgba(var(--mk),.96),rgba(var(--mk),.98));box-shadow:var(--vxn-shadow);min-height:430px;}
.vxn-bbar{display:flex;align-items:center;gap:8px;padding:11px 14px;border-bottom:1px solid var(--vxn-line);background:rgba(var(--w),.02);}
.vxn-bdots{display:flex;gap:6px;}
.vxn-bdots i{width:10px;height:10px;border-radius:50%;background:rgba(var(--w),.18);}
.vxn-burl{flex:1;display:flex;align-items:center;gap:8px;background:rgba(0,0,0,.3);border:1px solid var(--vxn-line);border-radius:9px;padding:6px 12px;font-family:var(--vxn-font-mono);font-size:.76rem;color:var(--vxn-muted);}
.vxn-burl svg{width:12px;height:12px;color:var(--vxn-green);}
.vxn-bbody{position:relative;padding:22px;min-height:380px;}
.vxn-seo-screen{position:absolute;inset:0;padding:24px;opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .5s,transform .5s,visibility .5s;}
.vxn-seo-screen.is-on{opacity:1;visibility:visible;transform:none;}
.vxn-search-box{display:flex;align-items:center;gap:12px;background:#fff;border-radius:999px;padding:14px 22px;box-shadow:0 8px 30px -8px rgba(0,0,0,.5);max-width:440px;margin:60px auto 0;}
.vxn-search-box svg{width:20px;height:20px;color:#5f6368;flex-shrink:0;}
.vxn-search-q{font-family:var(--vxn-font-body);font-size:1.02rem;color:#202124;font-weight:500;}
.vxn-search-q .car{display:inline-block;width:2px;height:1.05em;background:#4285f4;margin-left:1px;vertical-align:-2px;animation:vxn-blink 1s step-end infinite;}
@keyframes vxn-blink{50%{opacity:0;}}
.vxn-search-hint{text-align:center;color:var(--vxn-faint);font-size:.82rem;margin-top:22px;}
.vxn-serp{display:grid;grid-template-columns:1.4fr .9fr;gap:18px;}
.vxn-serp-list{display:flex;flex-direction:column;gap:11px;}
.vxn-result{padding:13px 15px;border-radius:12px;border:1px solid var(--vxn-line);background:rgba(var(--w),.025);transition:transform .6s var(--vxn-ease),border-color .5s,background .5s;}
.vxn-result .u{font-size:.72rem;color:var(--vxn-green);font-family:var(--vxn-font-mono);}
.vxn-result .t{font-family:var(--vxn-font-display);font-size:.98rem;color:var(--vxn-blue-2);margin:3px 0 5px;}
.vxn-result .d{font-size:.78rem;color:var(--vxn-muted);}
.vxn-result.is-win{border-color:var(--vxn-cyan);background:rgba(192,132,252,.08);box-shadow:0 0 0 1px rgba(192,132,252,.3),0 14px 30px -12px rgba(192,132,252,.4);}
.vxn-result .badges{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px;opacity:0;max-height:0;overflow:hidden;transition:opacity .5s,max-height .5s;}
.vxn-result.is-win .badges{opacity:1;max-height:50px;}
.vxn-badge{font-size:.66rem;font-weight:700;padding:3px 8px;border-radius:6px;background:rgba(16,185,129,.14);color:var(--vxn-green);}
.vxn-badge.star{background:rgba(245,158,11,.16);color:var(--vxn-amber);}
.vxn-mappack{border-radius:12px;border:1px solid var(--vxn-line);background:linear-gradient(160deg,rgba(124,58,237,.18),rgba(91,33,182,.1));position:relative;overflow:hidden;min-height:180px;padding:12px;}
.vxn-mappack .ml{font-family:var(--vxn-font-mono);font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;color:var(--vxn-muted);margin-bottom:8px;}
.vxn-pin{position:absolute;width:22px;height:22px;}
.vxn-pin svg{width:100%;height:100%;color:var(--vxn-faint);}
.vxn-pin.win svg{color:var(--vxn-cyan);filter:drop-shadow(0 0 8px var(--vxn-cyan));}
.vxn-pin.win{animation:vxn-bob 2s ease-in-out infinite;}
@keyframes vxn-bob{0%,100%{transform:translateY(0);}50%{transform:translateY(-5px);}}
.vxn-landing{max-width:430px;margin:0 auto;}
.vxn-landing .lh{font-family:var(--vxn-font-display);font-size:1.15rem;color:var(--vxn-ink);font-weight:700;margin-bottom:6px;}
.vxn-landing .lp{font-size:.84rem;color:var(--vxn-muted);margin-bottom:16px;}
.vxn-lform{display:flex;flex-direction:column;gap:10px;background:rgba(var(--w),.03);border:1px solid var(--vxn-line);border-radius:14px;padding:16px;}
.vxn-lfield{height:38px;border-radius:9px;background:rgba(0,0,0,.25);border:1px solid var(--vxn-line);display:flex;align-items:center;padding:0 13px;font-size:.82rem;color:var(--vxn-muted);}
.vxn-lbtn{height:40px;border-radius:9px;background:var(--vxn-grad-cta);color:var(--vxn-cta-ink);font-weight:700;display:flex;align-items:center;justify-content:center;font-size:.88rem;}
.vxn-crm-toast{display:flex;align-items:center;gap:10px;margin-top:14px;padding:11px 14px;border-radius:11px;background:rgba(16,185,129,.1);border:1px solid rgba(16,185,129,.4);
  font-size:.84rem;color:var(--vxn-green);font-weight:600;opacity:0;transform:translateY(8px);transition:opacity .5s .3s,transform .5s .3s;}
.vxn-seo-screen.is-on .vxn-crm-toast{opacity:1;transform:none;}
.vxn-crm-toast svg{width:18px;height:18px;}
.vxn-steps-dots{display:flex;gap:8px;justify-content:center;margin-top:18px;}
.vxn-sdot{width:9px;height:9px;border-radius:50%;background:var(--vxn-line-2);transition:all .3s;border:0;padding:0;}
.vxn-sdot.is-on{background:var(--vxn-cyan);box-shadow:0 0 10px var(--vxn-cyan);width:26px;border-radius:5px;}

/* ============================ PAID ADS ============================ */
.vxn-ads-grid{display:grid;grid-template-columns:1fr 1fr;gap:42px;align-items:center;margin-top:46px;}
.vxn-adstack{display:flex;flex-direction:column;gap:14px;}
.vxn-adcard{position:relative;padding:15px 16px;border-radius:14px;overflow:hidden;}
.vxn-adcard .tag{display:inline-flex;align-items:center;gap:6px;font-size:.68rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--vxn-cyan);margin-bottom:9px;}
.vxn-adcard .tag .pl{width:7px;height:7px;border-radius:2px;background:var(--vxn-cyan);}
.vxn-adcard h5{font-family:var(--vxn-font-display);font-size:.98rem;color:var(--vxn-ink);margin:0 0 4px;}
.vxn-adcard p{margin:0 0 11px;font-size:.8rem;color:var(--vxn-muted);}
.vxn-adcard .row{display:flex;align-items:center;justify-content:space-between;}
.vxn-adcard .cta-mini{font-size:.76rem;font-weight:700;color:var(--vxn-cta-ink);background:var(--vxn-grad-cta);padding:6px 12px;border-radius:8px;}
.vxn-adcard .meta{font-family:var(--vxn-font-mono);font-size:.72rem;color:var(--vxn-faint);}
.vxn-ripple{position:absolute;width:14px;height:14px;border-radius:50%;background:var(--vxn-cyan);pointer-events:none;opacity:0;}
.vxn-flow{padding:22px;border-radius:18px;}
.vxn-flow-h{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;}
.vxn-flow-h .lab{font-family:var(--vxn-font-mono);font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;color:var(--vxn-muted);}
.vxn-frow{margin-bottom:15px;}
.vxn-frow .top{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:6px;}
.vxn-frow .k{font-size:.84rem;color:var(--vxn-ink-2);font-weight:600;}
.vxn-frow .v{font-family:var(--vxn-font-mono);font-weight:700;font-size:1.05rem;color:var(--vxn-ink);}
.vxn-frow .v.hl{color:var(--vxn-cyan);} .vxn-frow .v.gr{color:var(--vxn-green);}
.vxn-fbar{height:8px;border-radius:5px;background:rgba(var(--w),.05);overflow:hidden;}
.vxn-fbar i{display:block;height:100%;width:0;border-radius:5px;background:var(--vxn-grad-cta);transition:width 1.4s var(--vxn-ease);}
.vxn-fbar i.g{background:linear-gradient(90deg,var(--vxn-green),var(--vxn-cyan));}
.vxn-cpl{margin-top:6px;display:flex;align-items:center;gap:12px;}
.vxn-cpl svg{flex:1;height:46px;}
.vxn-cpl .cv{font-family:var(--vxn-font-mono);font-size:.8rem;color:var(--vxn-green);font-weight:700;}

/* ============================ WEBSITE BEFORE/AFTER ============================ */
.vxn-web-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:42px;align-items:center;margin-top:46px;}
.vxn-ba{position:relative;aspect-ratio:16/11;border-radius:18px;overflow:hidden;border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);
  --pos:50%;user-select:none;touch-action:pan-y;}
.vxn-ba-layer{position:absolute;inset:0;padding:20px;display:flex;flex-direction:column;}
.vxn-ba-after{background:linear-gradient(160deg,#0c1430,#0a1126);}
.vxn-ba-before{background:linear-gradient(160deg,#161922,#101319);clip-path:inset(0 calc(100% - var(--pos)) 0 0);}
.vxn-ba-tag{position:absolute;top:14px;font-family:var(--vxn-font-mono);font-size:.64rem;letter-spacing:.1em;text-transform:uppercase;padding:5px 10px;border-radius:7px;z-index:4;}
.vxn-ba-before .vxn-ba-tag{left:14px;background:rgba(244,63,94,.16);color:var(--vxn-red);}
.vxn-ba-after .vxn-ba-tag{right:14px;background:rgba(16,185,129,.16);color:var(--vxn-green);}
.vxn-ba-handle{position:absolute;top:0;bottom:0;left:var(--pos);width:2px;background:var(--vxn-cyan);box-shadow:0 0 14px var(--vxn-cyan);z-index:5;transform:translateX(-1px);}
.vxn-ba-knob{position:absolute;top:50%;left:var(--pos);transform:translate(-50%,-50%);width:38px;height:38px;border-radius:50%;background:var(--vxn-deep);border:2px solid var(--vxn-cyan);display:flex;align-items:center;justify-content:center;z-index:6;box-shadow:0 6px 18px -4px rgba(0,0,0,.6);}
.vxn-ba-knob svg{width:18px;height:18px;color:var(--vxn-cyan);}
.vxn-ba input[type=range]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;z-index:7;margin:0;}
.vxn-mock-head{height:14px;width:55%;border-radius:4px;background:rgba(var(--w),.18);margin-bottom:10px;}
.vxn-mock-line{height:8px;border-radius:4px;background:rgba(var(--w),.08);margin-bottom:7px;}
.vxn-mock-cta{margin-top:auto;height:34px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:.74rem;font-weight:700;}
.vxn-mock-cta.weak{background:rgba(var(--w),.08);color:var(--vxn-muted);width:40%;}
.vxn-mock-cta.strong{background:var(--vxn-grad-cta);color:var(--vxn-cta-ink);width:70%;box-shadow:0 8px 22px -6px rgba(124,58,237,.6);}
.vxn-mock-badges{display:flex;gap:6px;margin-top:10px;}
.vxn-mock-badges span{height:18px;flex:1;border-radius:5px;background:rgba(16,185,129,.18);}
.vxn-web-compare{display:grid;grid-template-columns:1fr;gap:8px;}
.vxn-wc-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:center;padding:11px 14px;border-radius:11px;border:1px solid var(--vxn-line);background:rgba(var(--w),.015);}
.vxn-wc-b,.vxn-wc-a{display:flex;align-items:center;gap:8px;font-size:.82rem;}
.vxn-wc-b{color:var(--vxn-muted);} .vxn-wc-a{color:var(--vxn-ink-2);font-weight:600;}
.vxn-wc-b svg,.vxn-wc-a svg{width:15px;height:15px;flex-shrink:0;}
.vxn-wc-b svg{color:var(--vxn-red);} .vxn-wc-a svg{color:var(--vxn-green);}

/* ============================ CRM + AUTOMATION ============================ */
.vxn-crm-pipe{position:relative;display:flex;justify-content:space-between;gap:6px;margin:46px 0 30px;padding-top:10px;}
.vxn-crm-line{position:absolute;top:34px;left:4%;right:4%;height:2px;background:var(--vxn-line);}
.vxn-crm-line i{position:absolute;inset:0;width:0;background:linear-gradient(90deg,var(--vxn-violet),var(--vxn-cyan));box-shadow:0 0 10px var(--vxn-cyan);transition:width .5s linear;}
.vxn-cnode{position:relative;flex:1;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;z-index:2;min-width:0;}
.vxn-cring{width:50px;height:50px;border-radius:15px;background:var(--vxn-deep);border:1px solid var(--vxn-line-2);display:flex;align-items:center;justify-content:center;color:var(--vxn-muted);transition:all .4s;}
.vxn-cring svg{width:22px;height:22px;}
.vxn-cnode.is-done .vxn-cring{border-color:var(--vxn-green);color:var(--vxn-green);box-shadow:0 0 18px -4px var(--vxn-green);}
.vxn-cnode.is-active .vxn-cring{border-color:var(--vxn-cyan);color:var(--vxn-cyan);box-shadow:0 0 0 4px rgba(192,132,252,.1),0 0 22px -2px var(--vxn-cyan);transform:scale(1.08);}
.vxn-clabel{font-size:.74rem;font-weight:600;color:var(--vxn-ink-2);max-width:84px;line-height:1.3;}
.vxn-lead-chip{position:absolute;top:-8px;left:4%;transform:translateX(-50%);display:flex;align-items:center;gap:7px;
  background:rgba(var(--mk),.96);border:1px solid var(--vxn-cyan);border-radius:999px;padding:5px 12px 5px 8px;font-size:.74rem;font-weight:700;color:var(--vxn-ink);
  box-shadow:0 8px 22px -6px rgba(192,132,252,.5);z-index:4;transition:left .6s var(--vxn-ease);white-space:nowrap;}
.vxn-lead-chip .av{width:18px;height:18px;border-radius:50%;background:var(--vxn-grad-violet);display:flex;align-items:center;justify-content:center;font-size:.6rem;color:#fff;}
.vxn-recover{margin-top:14px;display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:18px;border-radius:16px;}
.vxn-recover .rt{font-family:var(--vxn-font-mono);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--vxn-amber);width:100%;margin-bottom:4px;}
.vxn-rstep{display:flex;align-items:center;gap:8px;font-size:.84rem;font-weight:600;color:var(--vxn-ink-2);padding:9px 14px;border-radius:10px;border:1px solid var(--vxn-line);background:rgba(var(--w),.02);opacity:.4;transition:opacity .4s,border-color .4s,transform .4s;}
.vxn-rstep.is-on{opacity:1;border-color:var(--vxn-amber);transform:translateY(-2px);}
.vxn-rstep svg{width:16px;height:16px;color:var(--vxn-amber);}
.vxn-rarrow{color:var(--vxn-faint);}
.vxn-rarrow svg{width:16px;height:16px;}

/* ============================ EXCLUSIVITY (territory lock) ============================ */
.vxn-excl-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:46px;align-items:center;margin-top:40px;}
.vxn-map{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:22px;border-radius:20px;}
.vxn-cell{position:relative;aspect-ratio:1;border-radius:14px;border:1px solid var(--vxn-line);background:rgba(var(--w),.02);
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;text-align:center;padding:8px;transition:all .5s;overflow:hidden;}
.vxn-cell .cl{font-size:.66rem;font-weight:600;color:var(--vxn-muted);line-height:1.25;}
.vxn-cell .ci{width:22px;height:22px;color:var(--vxn-faint);transition:color .4s;}
.vxn-cell .ci svg{width:100%;height:100%;}
.vxn-cell.is-taken{opacity:.4;}
.vxn-cell.is-taken .stamp{position:absolute;font-family:var(--vxn-font-mono);font-size:.6rem;letter-spacing:.1em;color:var(--vxn-red);border:1px solid var(--vxn-red);padding:2px 6px;border-radius:5px;transform:rotate(-12deg);opacity:0;transition:opacity .5s;}
.vxn-cell.is-taken.show .stamp{opacity:.85;}
.vxn-cell.is-yours{border-color:var(--vxn-cyan);background:linear-gradient(160deg,rgba(192,132,252,.14),rgba(192,132,252,.04));box-shadow:0 0 0 1px rgba(192,132,252,.4),0 14px 34px -12px rgba(192,132,252,.5);}
.vxn-cell.is-yours .ci{color:var(--vxn-cyan);}
.vxn-cell.is-yours .cl{color:#fff;}
.vxn-lock{opacity:0;transform:scale(.5);transition:opacity .4s,transform .4s;}
.vxn-cell.is-yours.locked .vxn-lock{opacity:1;transform:scale(1);}
.vxn-sweep{position:absolute;inset:0;pointer-events:none;border-radius:20px;overflow:hidden;}
.vxn-sweep::before{content:"";position:absolute;top:-50%;left:-50%;width:60%;height:200%;
  background:linear-gradient(90deg,transparent,rgba(192,132,252,.12),transparent);transform:rotate(18deg);animation:vxn-scan 5s linear infinite;}
@keyframes vxn-scan{0%{left:-60%;}100%{left:120%;}}
.vxn-excl-pts{display:flex;flex-direction:column;gap:12px;margin:24px 0;}
.vxn-ep{display:flex;gap:12px;align-items:flex-start;}
.vxn-ep .epi{width:34px;height:34px;border-radius:10px;background:rgba(192,132,252,.1);color:var(--vxn-cyan);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.vxn-ep .epi svg{width:18px;height:18px;}
.vxn-ep b{font-family:var(--vxn-font-display);color:var(--vxn-ink);font-size:.95rem;display:block;}
.vxn-ep span{font-size:.85rem;color:var(--vxn-muted);}

/* ============================ REPORTING DASHBOARD ============================ */
.vxn-dashboard{margin-top:46px;padding:26px;border-radius:24px;}
.vxn-db-top{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:22px;}
.vxn-db-title{display:flex;align-items:center;gap:12px;}
.vxn-db-title .dt{font-family:var(--vxn-font-display);font-weight:700;color:var(--vxn-ink);font-size:1.05rem;}
.vxn-db-title .live{display:inline-flex;align-items:center;gap:7px;font-family:var(--vxn-font-mono);font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;color:var(--vxn-green);}
.vxn-db-title .live i{width:7px;height:7px;border-radius:50%;background:var(--vxn-green);box-shadow:0 0 9px var(--vxn-green);animation:vxn-pulse 1.8s infinite;}
.vxn-db-range{display:flex;gap:6px;}
.vxn-db-range span{font-size:.72rem;font-weight:600;color:var(--vxn-muted);padding:6px 11px;border-radius:8px;border:1px solid var(--vxn-line);}
.vxn-db-range span.on{background:rgba(192,132,252,.12);color:#fff;border-color:var(--vxn-cyan);}
.vxn-kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:13px;margin-bottom:18px;}
.vxn-kpi{padding:15px 16px;border-radius:14px;border:1px solid var(--vxn-line);background:rgba(var(--w),.02);}
.vxn-kpi .k{font-size:.72rem;color:var(--vxn-faint);font-weight:600;text-transform:uppercase;letter-spacing:.03em;margin-bottom:7px;display:flex;align-items:center;gap:6px;}
.vxn-kpi .k svg{width:13px;height:13px;}
.vxn-kpi .v{font-family:var(--vxn-font-mono);font-weight:700;font-size:1.4rem;color:var(--vxn-ink);line-height:1.1;font-variant-numeric:tabular-nums;}
.vxn-kpi .v.c{color:var(--vxn-cyan);} .vxn-kpi .v.g{color:var(--vxn-green);} .vxn-kpi .v.a{color:var(--vxn-amber);}
.vxn-kpi .delta{font-size:.72rem;font-weight:700;margin-top:4px;}
.vxn-kpi .delta.up{color:var(--vxn-green);} .vxn-kpi .delta.down{color:var(--vxn-green);}
.vxn-db-charts{display:grid;grid-template-columns:1.5fr 1fr;gap:14px;}
.vxn-chartcard{padding:18px;border-radius:14px;border:1px solid var(--vxn-line);background:rgba(var(--w),.018);}
.vxn-chartcard .ct{font-size:.78rem;color:var(--vxn-muted);font-weight:600;margin-bottom:16px;display:flex;justify-content:space-between;}
.vxn-bars{display:flex;align-items:flex-end;gap:9px;height:120px;}
.vxn-bar{flex:1;border-radius:6px 6px 0 0;background:linear-gradient(180deg,var(--vxn-cyan),rgba(124,58,237,.4));height:0;transition:height 1.1s var(--vxn-ease);min-height:4px;position:relative;}
.vxn-bar:nth-child(even){background:linear-gradient(180deg,var(--vxn-violet),rgba(124,58,237,.4));}
.vxn-bars-x{display:flex;gap:9px;margin-top:8px;}
.vxn-bars-x span{flex:1;text-align:center;font-family:var(--vxn-font-mono);font-size:.58rem;color:var(--vxn-faint);}
.vxn-donut{display:flex;align-items:center;gap:16px;}
.vxn-donut svg{width:104px;height:104px;flex-shrink:0;}
.vxn-donut .leg{display:flex;flex-direction:column;gap:8px;}
.vxn-donut .lg{display:flex;align-items:center;gap:8px;font-size:.76rem;color:var(--vxn-ink-2);}
.vxn-donut .lg i{width:9px;height:9px;border-radius:3px;}

/* ============================ SERVICES ============================ */
.vxn-svc-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(232px,1fr));gap:15px;margin-top:46px;}
.vxn-svc{padding:20px;border-radius:16px;transition:transform .4s var(--vxn-ease),border-color .4s;}
.vxn-svc:hover{transform:translateY(-5px);}
.vxn-svc .ic{width:40px;height:40px;border-radius:11px;background:rgba(var(--ln),.1);color:var(--vxn-cyan);display:flex;align-items:center;justify-content:center;margin-bottom:13px;}
.vxn-svc .ic svg{width:21px;height:21px;}
.vxn-svc h4{font-family:var(--vxn-font-display);font-size:1.02rem;color:var(--vxn-ink);margin:0 0 7px;}
.vxn-svc .cr{font-size:.74rem;font-weight:700;color:var(--vxn-green);text-transform:uppercase;letter-spacing:.04em;margin-bottom:5px;font-family:var(--vxn-font-mono);}
.vxn-svc p{margin:0;font-size:.84rem;color:var(--vxn-muted);}

/* ============================ CASE STUDIES ============================ */
.vxn-case-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px;margin-top:46px;}
.vxn-case{padding:24px;border-radius:18px;transition:transform .4s var(--vxn-ease);}
.vxn-case:hover{transform:translateY(-6px);}
.vxn-case .ind{display:inline-flex;align-items:center;gap:8px;font-size:.74rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--vxn-cyan);margin-bottom:18px;}
.vxn-case .ind .d{width:8px;height:8px;border-radius:50%;background:var(--vxn-cyan);box-shadow:0 0 8px var(--vxn-cyan);}
.vxn-cstat{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:13px 0;border-bottom:1px solid var(--vxn-line);}
.vxn-cstat:last-of-type{border-bottom:0;}
.vxn-cstat .cv{font-family:var(--vxn-font-mono);font-weight:700;font-size:1.5rem;color:var(--vxn-ink);font-variant-numeric:tabular-nums;}
.vxn-cstat .cv.g{color:var(--vxn-green);} .vxn-cstat .cv.c{color:var(--vxn-cyan);}
.vxn-cstat .cl{font-size:.8rem;color:var(--vxn-muted);text-align:right;max-width:54%;}

/* ============================ PROCESS TIMELINE ============================ */
.vxn-timeline{position:relative;max-width:780px;margin:46px auto 0;padding-left:42px;}
.vxn-timeline::before{content:"";position:absolute;left:15px;top:8px;bottom:8px;width:2px;background:var(--vxn-line);}
.vxn-tline-fill{position:absolute;left:15px;top:8px;width:2px;height:0;background:linear-gradient(180deg,var(--vxn-cyan),var(--vxn-violet));box-shadow:0 0 12px var(--vxn-cyan);transition:height 1.6s var(--vxn-ease);}
.vxn-tstep{position:relative;padding:0 0 30px;}
.vxn-tstep:last-child{padding-bottom:0;}
.vxn-tstep .tn{position:absolute;left:-42px;top:0;width:32px;height:32px;border-radius:10px;background:var(--vxn-deep);border:1px solid var(--vxn-line-2);
  display:flex;align-items:center;justify-content:center;font-family:var(--vxn-font-mono);font-size:.78rem;font-weight:700;color:var(--vxn-cyan);}
.vxn-tstep h4{font-family:var(--vxn-font-display);font-size:1.08rem;color:var(--vxn-ink);margin:2px 0 5px;}
.vxn-tstep p{margin:0;font-size:.88rem;color:var(--vxn-muted);}

/* ============================ FINAL CTA ============================ */
.vxn-final{position:relative;text-align:center;padding-block:clamp(80px,13vh,150px);overflow:hidden;}
.vxn-final-orb{position:absolute;top:50%;left:50%;width:520px;height:520px;transform:translate(-50%,-50%);z-index:0;pointer-events:none;
  background:radial-gradient(circle,rgba(192,132,252,.18),rgba(124,58,237,.08) 40%,transparent 70%);}
.vxn-final-inner{position:relative;z-index:2;max-width:720px;margin-inline:auto;}
.vxn-final h2{margin-bottom:20px;}
.vxn-final-cta{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;margin-top:32px;}
.vxn-final-trust{margin-top:24px;font-size:.85rem;color:var(--vxn-faint);font-family:var(--vxn-font-mono);}

/* ============================ FOOTER ============================ */
.vxn-footer{position:relative;border-top:1px solid var(--vxn-line);padding-top:60px;padding-bottom:34px;}
.vxn-foot-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:36px;}
.vxn-foot-brand .vxn-brand{margin-bottom:14px;}
.vxn-foot-brand p{font-size:.88rem;color:var(--vxn-muted);max-width:30ch;}
.vxn-foot-col h5{font-family:var(--vxn-font-mono);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--vxn-faint);margin:0 0 16px;}
.vxn-foot-col a{display:block;font-size:.88rem;color:var(--vxn-ink-2);padding:5px 0;transition:color .25s;}
.vxn-foot-col a:hover{color:var(--vxn-cyan);}
.vxn-foot-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:44px;padding-top:22px;border-top:1px solid var(--vxn-line);}
.vxn-foot-bottom .lg{font-size:.8rem;color:var(--vxn-faint);}
.vxn-foot-bottom .disc{font-size:.76rem;color:var(--vxn-faint);max-width:48ch;}

/* ============================ STICKY MOBILE CTA ============================ */
.vxn-sticky{position:fixed;left:14px;right:14px;bottom:14px;z-index:70;display:none;transform:translateY(140%);transition:transform .45s var(--vxn-ease);}
.vxn-sticky.is-on{transform:none;}
.vxn-sticky a{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;background:var(--vxn-grad-cta);color:var(--vxn-cta-ink);
  font-family:var(--vxn-font-display);font-weight:700;padding:15px;border-radius:14px;box-shadow:0 14px 40px -8px rgba(124,58,237,.7);}
.vxn-sticky a svg{width:18px;height:18px;}

/* ============================ RESPONSIVE ============================ */
@media(max-width:980px){
  .vxn-hero-grid,.vxn-leak-grid,.vxn-board-grid,.vxn-seo-grid,.vxn-ads-grid,.vxn-web-grid,.vxn-excl-grid{grid-template-columns:1fr;gap:38px;}
  .vxn-engine{max-width:440px;order:-1;}
  .vxn-board,.vxn-funnel-stage{max-width:420px;}
  .vxn-db-charts{grid-template-columns:1fr;}
  .vxn-foot-grid{grid-template-columns:1fr 1fr;gap:30px;}
  .vxn-foot-brand{grid-column:1/-1;}
}
@media(max-width:680px){
  .vxn-section{padding-block:clamp(58px,9vh,86px);}
  .vxn-jtrack,.vxn-crm-pipe{overflow-x:auto;justify-content:flex-start;gap:18px;padding-bottom:10px;}
  .vxn-jnode,.vxn-cnode{flex:0 0 96px;}
  .vxn-jline,.vxn-token,.vxn-crm-line{display:none;}
  .vxn-serp{grid-template-columns:1fr;}
  .vxn-foot-grid{grid-template-columns:1fr;}
  .vxn-sticky{display:block;}
  .vxn-foot-bottom{flex-direction:column;align-items:flex-start;}
}

/* ============================ REDUCED MOTION ============================ */
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important;}
  .vxn-reveal{opacity:1!important;transform:none!important;}
  .vxn-piece{opacity:1!important;transform:translate(-50%,-50%) scale(1)!important;}
  .vxn-token,.vxn-sweep::before,.vxn-pin.win{animation:none!important;}
}
/* =====================================================================
   v2 COMPONENT LAYER  (overrides win by source order)
   ===================================================================== */

/* header surface tokens */
:root{ --vxn-header:rgba(255,255,255,0.70); --vxn-header-2:rgba(255,255,255,0.90); }
:root[data-theme="dark"]{ --vxn-header:rgba(12,9,26,0.66); --vxn-header-2:rgba(12,9,26,0.88); }

/* focus ring (a11y) */
:where(a,button,input,select,textarea,[tabindex]):focus-visible{
  outline:2px solid var(--vxn-blue);outline-offset:2px;border-radius:6px;}

/* ----- smaller headings ----- */
.vxn-h1{font-size:clamp(2.0rem,4.6vw,3.4rem);}
.vxn-h2{font-size:clamp(1.5rem,3vw,2.15rem);}
.vxn-h3{font-size:clamp(1.05rem,1.7vw,1.25rem);}

/* SVG funnel labels (theme-aware fills) */
.vxn-fn-strong{fill:var(--vxn-ink);}
.vxn-fn-mid{fill:var(--vxn-ink-2);}

/* ----- ambient atmosphere : theme-aware ----- */
.vxn-atmos{background:
  radial-gradient(1100px 720px at 82% -12%, rgba(124,58,237,0.06), transparent 58%),
  radial-gradient(880px 680px at 2% 6%, rgba(168,85,247,0.05), transparent 60%),
  radial-gradient(1000px 820px at 60% 114%, rgba(192,132,252,0.045), transparent 55%),
  var(--vxn-void);}
:root[data-theme="dark"] .vxn-atmos{background:
  radial-gradient(1100px 720px at 80% -10%, rgba(124,58,237,0.24), transparent 60%),
  radial-gradient(900px 700px at 4% 8%, rgba(139,92,246,0.17), transparent 60%),
  radial-gradient(1000px 820px at 60% 112%, rgba(192,132,252,0.11), transparent 55%),
  var(--vxn-void);}
.vxn-grain{opacity:.022;}
:root[data-theme="dark"] .vxn-grain{opacity:.04;}

/* ===================================================================
   NEW HEADER  (.vxn-hd-*)  — clean, sticky, conventional-premium
   =================================================================== */
.vxn-hd{position:sticky;top:0;z-index:100;
  background:var(--vxn-header);
  -webkit-backdrop-filter:saturate(150%) blur(16px);backdrop-filter:saturate(150%) blur(16px);
  border-bottom:1px solid var(--vxn-line);
  transition:background .3s var(--vxn-ease),border-color .3s,box-shadow .3s;}
.vxn-hd.is-scrolled{background:var(--vxn-header-2);
  box-shadow:0 12px 34px -20px rgba(76,29,149,.4);border-bottom-color:var(--vxn-glass-brd);}
.vxn-hd-bar{max-width:var(--vxn-shell);margin:0 auto;padding:15px 22px;
  display:flex;align-items:center;gap:16px;transition:padding .3s var(--vxn-ease);}
.vxn-hd.is-scrolled .vxn-hd-bar{padding:9px 22px;}
.vxn-hd-brand{display:inline-flex;align-items:center;gap:11px;margin-right:auto;}
.vxn-hd-mark{width:34px;height:34px;flex:none;}
.vxn-hd-word{font-family:var(--vxn-font-display);font-weight:800;letter-spacing:.16em;
  font-size:1.05rem;color:var(--vxn-ink);}
.vxn-hd-nav{display:flex;align-items:center;gap:2px;}
.vxn-hd-link{position:relative;padding:9px 14px;border-radius:10px;font-weight:600;
  font-size:.94rem;color:var(--vxn-muted);transition:color .2s;}
.vxn-hd-link::after{content:"";position:absolute;left:14px;right:14px;bottom:5px;height:2px;border-radius:2px;
  background:var(--vxn-grad-cta);transform:scaleX(0);transform-origin:left;transition:transform .26s var(--vxn-ease);}
.vxn-hd-link:hover{color:var(--vxn-ink);}
.vxn-hd-link:hover::after{transform:scaleX(1);}
.vxn-hd-actions{display:flex;align-items:center;gap:10px;}
.vxn-hd-toggle{width:40px;height:40px;border-radius:11px;display:inline-grid;place-items:center;
  background:var(--vxn-glass-2);border:1px solid var(--vxn-glass-brd);color:var(--vxn-ink-2);
  transition:transform .2s,border-color .2s,color .2s;}
.vxn-hd-toggle:hover{color:var(--vxn-blue);border-color:var(--vxn-blue);transform:translateY(-1px);}
.vxn-hd-toggle svg{width:19px;height:19px;}
.vxn-hd-toggle .vxn-ic-moon{display:none;}
:root[data-theme="dark"] .vxn-hd-toggle .vxn-ic-sun{display:none;}
:root[data-theme="dark"] .vxn-hd-toggle .vxn-ic-moon{display:block;}
.vxn-hd-cta{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:11px;
  font-weight:700;font-size:.92rem;background:var(--vxn-grad-cta);color:var(--vxn-cta-ink);
  box-shadow:var(--vxn-glow-cta);transition:transform .2s,box-shadow .2s;}
.vxn-hd-cta:hover{transform:translateY(-1px);box-shadow:0 20px 46px -14px rgba(124,58,237,.6);}
.vxn-hd-burger{display:none;width:42px;height:42px;border-radius:11px;
  background:var(--vxn-glass-2);border:1px solid var(--vxn-glass-brd);color:var(--vxn-ink);
  align-items:center;justify-content:center;}
.vxn-hd-burger svg{width:22px;height:22px;}
.vxn-hd-mobile{display:none;}
@media (max-width:860px){
  .vxn-hd-nav,.vxn-hd-cta{display:none;}
  .vxn-hd-burger{display:inline-flex;}
  .vxn-hd-mobile{display:block;max-height:0;overflow:hidden;
    transition:max-height .38s var(--vxn-ease);
    background:var(--vxn-header-2);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);
    border-bottom:1px solid var(--vxn-line);}
  .vxn-hd-mobile.is-open{max-height:460px;}
  .vxn-hd-mlist{max-width:var(--vxn-shell);margin:0 auto;padding:8px 22px 22px;
    display:flex;flex-direction:column;gap:4px;}
  .vxn-hd-mlink{padding:14px 12px;border-radius:12px;font-weight:600;color:var(--vxn-ink-2);
    border:1px solid transparent;transition:background .2s,border-color .2s;}
  .vxn-hd-mlink:hover{background:var(--vxn-glass-2);border-color:var(--vxn-glass-brd);}
  .vxn-hd-mcta{margin-top:10px;justify-content:center;display:inline-flex;align-items:center;gap:8px;
    padding:15px 18px;border-radius:12px;font-weight:700;background:var(--vxn-grad-cta);
    color:var(--vxn-cta-ink);box-shadow:var(--vxn-glow-cta);}
}

/* ===================================================================
   IMAGES — real photos with graceful purple fallbacks
   =================================================================== */
.vxn-figure{position:relative;border-radius:var(--vxn-r);overflow:hidden;
  border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);background:var(--vxn-panel-2);}
.vxn-figure img{width:100%;height:100%;object-fit:cover;display:block;}
.vxn-ph{position:absolute;inset:0;display:none;align-items:center;justify-content:center;
  background:linear-gradient(150deg,#2a1d4d 0%,#7c3aed 60%,#a855f7 100%);color:#fff;}
.vxn-ph svg{width:40%;height:40%;opacity:.92;}
.vxn-figtag{position:absolute;left:13px;bottom:13px;z-index:2;display:inline-flex;align-items:center;gap:7px;
  padding:7px 13px;border-radius:999px;font-size:.76rem;font-weight:700;letter-spacing:.02em;color:#fff;
  background:rgba(11,8,24,.46);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
  border:1px solid rgba(255,255,255,.20);}
.vxn-ind-figure{aspect-ratio:4/3;margin-top:22px;}
.vxn-avatars{display:flex;align-items:center;}
.vxn-avatar{width:42px;height:42px;border-radius:50%;overflow:hidden;position:relative;flex:none;
  border:2px solid var(--vxn-panel);margin-left:-11px;
  background:linear-gradient(150deg,#7c3aed,#c084fc);box-shadow:0 2px 9px -2px rgba(76,29,149,.5);}
.vxn-avatar:first-child{margin-left:0;}
.vxn-avatar img{width:100%;height:100%;object-fit:cover;display:block;}
.vxn-avatar .vxn-ph{font-weight:800;font-size:.88rem;font-family:var(--vxn-font-display);}
.vxn-case-avatar{width:48px;height:48px;border-radius:50%;overflow:hidden;position:relative;flex:none;
  border:1px solid var(--vxn-glass-brd);background:linear-gradient(150deg,#7c3aed,#c084fc);}
.vxn-case-avatar img{width:100%;height:100%;object-fit:cover;display:block;}
.vxn-case-avatar .vxn-ph{font-weight:800;font-family:var(--vxn-font-display);}
.vxn-case-person{display:flex;align-items:center;gap:12px;margin-bottom:16px;}
.vxn-case-person .nm{font-family:var(--vxn-font-display);font-weight:700;font-size:.92rem;color:var(--vxn-ink);line-height:1.2;}
.vxn-case-person .rl{font-size:.8rem;color:var(--vxn-muted);}
.vxn-hero-proof{display:flex;align-items:center;gap:14px;margin-top:26px;flex-wrap:wrap;}
.vxn-hero-proof .txt{font-size:.86rem;color:var(--vxn-muted);max-width:24ch;line-height:1.45;}
.vxn-hero-proof .txt b{color:var(--vxn-ink-2);font-weight:700;}

/* ===================================================================
   NEW FOOTER  (.vxn-ft-*)
   =================================================================== */
.vxn-ft{position:relative;margin-top:96px;
  background:linear-gradient(180deg,var(--vxn-deep),var(--vxn-void));
  border-top:1px solid var(--vxn-line);}
.vxn-ft-cta{max-width:var(--vxn-shell);margin:0 auto;padding:58px 22px 8px;
  display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:26px;}
.vxn-ft-cta-copy h2{font-family:var(--vxn-font-display);font-weight:800;
  font-size:clamp(1.5rem,3vw,2.15rem);color:var(--vxn-ink);margin:0;letter-spacing:-.02em;
  max-width:20ch;line-height:1.12;}
.vxn-ft-cta-copy p{color:var(--vxn-muted);margin:10px 0 0;max-width:44ch;}
.vxn-ft-cta-btn{display:inline-flex;align-items:center;gap:9px;padding:15px 26px;border-radius:13px;
  font-weight:700;background:var(--vxn-grad-cta);color:var(--vxn-cta-ink);box-shadow:var(--vxn-glow-cta);
  white-space:nowrap;transition:transform .2s,box-shadow .2s;}
.vxn-ft-cta-btn:hover{transform:translateY(-2px);box-shadow:0 22px 50px -14px rgba(124,58,237,.6);}
.vxn-ft-grid{max-width:var(--vxn-shell);margin:34px auto 0;padding:42px 22px;
  display:grid;grid-template-columns:1.7fr 1fr 1fr 1fr;gap:32px;border-top:1px solid var(--vxn-line);}
.vxn-ft-brand p{color:var(--vxn-muted);font-size:.92rem;max-width:34ch;line-height:1.65;margin:14px 0 0;}
.vxn-ft-col h4{font-family:var(--vxn-font-display);font-size:.78rem;letter-spacing:.13em;
  text-transform:uppercase;color:var(--vxn-faint);margin:2px 0 14px;}
.vxn-ft-col a{display:block;color:var(--vxn-ink-2);font-size:.92rem;padding:7px 0;transition:color .2s;}
.vxn-ft-col a:hover{color:var(--vxn-blue);}
.vxn-ft-disc{max-width:var(--vxn-shell);margin:0 auto;padding:0 22px 26px;}
.vxn-ft-disc p{color:var(--vxn-faint);font-size:.78rem;line-height:1.65;
  border-top:1px dashed var(--vxn-line);padding-top:20px;margin:0;}
.vxn-ft-bottom{border-top:1px solid var(--vxn-line);}
.vxn-ft-bottom-in{max-width:var(--vxn-shell);margin:0 auto;padding:22px;
  display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;}
.vxn-ft-copy{color:var(--vxn-faint);font-size:.85rem;}
.vxn-ft-social{display:flex;gap:10px;}
.vxn-ft-social a{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;
  background:var(--vxn-glass-2);border:1px solid var(--vxn-glass-brd);color:var(--vxn-ink-2);
  transition:color .2s,border-color .2s,transform .2s;}
.vxn-ft-social a:hover{color:var(--vxn-blue);border-color:var(--vxn-blue);transform:translateY(-2px);}
.vxn-ft-social svg{width:18px;height:18px;}
@media (max-width:780px){.vxn-ft-grid{grid-template-columns:1fr 1fr;}.vxn-ft-brand{grid-column:1/-1;}}
@media (max-width:480px){.vxn-ft-grid{grid-template-columns:1fr;}}

.vxn-leak-money{margin-top:18px;padding:18px 20px;border-radius:16px;text-align:center;
  background:linear-gradient(160deg,rgba(244,63,94,.10),rgba(124,58,237,.06));
  border:1px solid var(--vxn-glass-brd);}
.vxn-leak-money .big{display:block;font-family:var(--vxn-font-display);font-weight:800;
  font-size:clamp(1.6rem,3vw,2.1rem);color:var(--vxn-red);letter-spacing:-.02em;}
.vxn-leak-money .sub{display:block;margin-top:6px;font-size:.84rem;color:var(--vxn-muted);line-height:1.5;}

/* ===================================================================
   ABOUT SECTION
   =================================================================== */
.vxn-about-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:46px;align-items:center;margin-top:42px;}
.vxn-about-figure{position:relative;border-radius:var(--vxn-r);overflow:hidden;
  border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);background:var(--vxn-panel-2);aspect-ratio:4/3;}
.vxn-about-figure img{width:100%;height:100%;object-fit:cover;display:block;}
.vxn-about-badge{position:absolute;left:16px;bottom:16px;z-index:2;display:flex;align-items:center;gap:12px;
  padding:12px 16px;border-radius:14px;background:rgba(11,8,24,.55);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
  border:1px solid rgba(255,255,255,.18);}
.vxn-about-badge .n{font-family:var(--vxn-font-display);font-weight:800;font-size:1.3rem;color:#fff;line-height:1;}
.vxn-about-badge .l{font-size:.74rem;color:rgba(255,255,255,.8);line-height:1.3;}
.vxn-about-lead{font-size:1.05rem;color:var(--vxn-ink-2);line-height:1.7;margin:18px 0 0;}
.vxn-about-lead b{color:var(--vxn-ink);font-weight:700;}
.vxn-about-points{display:grid;gap:14px;margin-top:24px;}
.vxn-about-point{display:flex;gap:13px;align-items:flex-start;}
.vxn-about-point .ic{width:34px;height:34px;flex:none;border-radius:10px;display:grid;place-items:center;
  background:linear-gradient(150deg,rgba(124,58,237,.16),rgba(192,132,252,.10));color:var(--vxn-blue);border:1px solid var(--vxn-glass-brd);}
.vxn-about-point .ic svg{width:18px;height:18px;}
.vxn-about-point h4{font-family:var(--vxn-font-display);font-weight:600;font-size:.98rem;color:var(--vxn-ink);margin:2px 0 3px;}
.vxn-about-point p{font-size:.88rem;color:var(--vxn-muted);line-height:1.55;margin:0;}
@media (max-width:820px){ .vxn-about-grid{grid-template-columns:1fr;gap:30px;} }
/* ===================================================================
   MEGA MENU
   =================================================================== */
.vxn-hd-mega-btn{background:transparent;border:0;font-family:inherit;cursor:pointer;display:inline-flex;align-items:center;gap:6px;}
.vxn-hd-chev{transition:transform .25s var(--vxn-ease);}
.vxn-hd-mega-btn[aria-expanded="true"]{color:var(--vxn-ink);}
.vxn-hd-mega-btn[aria-expanded="true"] .vxn-hd-chev{transform:rotate(180deg);}
.vxn-hd-mega{position:absolute;top:100%;left:0;right:0;z-index:99;
  background:var(--vxn-panel);
  border-top:1px solid var(--vxn-line);border-bottom:1px solid var(--vxn-glass-brd);
  box-shadow:0 36px 70px -34px rgba(76,29,149,.42);
  opacity:0;visibility:hidden;transform:translateY(-10px);pointer-events:none;
  transition:opacity .26s var(--vxn-ease),transform .26s var(--vxn-ease),visibility .26s;}
.vxn-hd-mega.is-open{opacity:1;visibility:visible;transform:none;pointer-events:auto;}
.vxn-hd-mega-in{max-width:var(--vxn-shell);margin:0 auto;padding:30px 22px 34px;
  display:grid;grid-template-columns:1.25fr 1fr 1.15fr;gap:30px;}
.vxn-hd-mega-col h4{font-family:var(--vxn-font-display);font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;
  color:var(--vxn-faint);margin:0 0 12px;padding-left:10px;}
.vxn-hd-mega-col a{display:flex;align-items:center;gap:12px;padding:10px;border-radius:12px;
  border:1px solid transparent;transition:background .18s,border-color .18s,transform .18s;}
.vxn-hd-mega-col a:hover{background:var(--vxn-glass-2);border-color:var(--vxn-glass-brd);transform:translateX(2px);}
.vxn-hd-mega-col a .ic{width:34px;height:34px;flex:none;border-radius:9px;display:grid;place-items:center;
  background:linear-gradient(150deg,rgba(124,58,237,.16),rgba(192,132,252,.10));color:var(--vxn-blue);border:1px solid var(--vxn-glass-brd);}
.vxn-hd-mega-col a .ic svg{width:18px;height:18px;}
.vxn-hd-mega-col a .tx b{display:block;font-family:var(--vxn-font-display);font-weight:600;font-size:.92rem;color:var(--vxn-ink);}
.vxn-hd-mega-col a .tx span{display:block;font-size:.78rem;color:var(--vxn-muted);margin-top:1px;}
.vxn-hd-mega-col:nth-child(2) a{padding:12px;}
.vxn-hd-mega-feature{background:linear-gradient(160deg,rgba(124,58,237,.10),rgba(192,132,252,.05));
  border:1px solid var(--vxn-glass-brd);border-radius:16px;padding:22px;display:flex;flex-direction:column;}
.vxn-hd-mega-feature h3{font-family:var(--vxn-font-display);font-weight:700;font-size:1.05rem;color:var(--vxn-ink);
  margin:10px 0 8px;line-height:1.25;letter-spacing:-.01em;}
.vxn-hd-mega-feature p{color:var(--vxn-muted);font-size:.86rem;line-height:1.55;margin:0 0 16px;}
.vxn-hd-mega-cta{margin-top:auto;align-self:flex-start;display:inline-flex;align-items:center;gap:8px;
  padding:11px 18px;border-radius:11px;font-weight:700;font-size:.86rem;background:var(--vxn-grad-cta);color:var(--vxn-cta-ink);box-shadow:var(--vxn-glow-cta);}
@media (max-width:860px){ .vxn-hd-mega{display:none !important;} }
@media (prefers-reduced-motion:reduce){ .vxn-hd-mega,.vxn-hd-chev{transition:none !important;} }

/* ===================================================================
   HERO v3 — particles.js network + centered creative layout
   =================================================================== */
.vxn-hero{position:relative;overflow:hidden;min-height:clamp(580px,88vh,880px);
  display:flex;align-items:center;padding-top:48px;padding-bottom:56px;}
#vxn-particles{position:absolute;inset:0;z-index:0;}
#vxn-particles canvas{display:block !important;}
.vxn-hero-glow{position:absolute;inset:0;z-index:0;pointer-events:none;background:
  radial-gradient(640px 440px at 50% 30%, rgba(124,58,237,.16), transparent 70%),
  radial-gradient(520px 380px at 84% 72%, rgba(192,132,252,.12), transparent 70%),
  radial-gradient(480px 360px at 12% 78%, rgba(168,85,247,.10), transparent 70%);}
.vxn-hero .vxn-shell{position:relative;z-index:2;}
.vxn-hero-center{max-width:900px;margin:0 auto;text-align:center;display:flex;flex-direction:column;align-items:center;}
.vxn-hero-center .vxn-h1{margin:16px auto 0;}
.vxn-hero-center .vxn-lead{margin:20px auto 0;text-align:center;}
.vxn-hero-center .vxn-hero-cta{justify-content:center;margin-top:30px;display:flex;gap:14px;flex-wrap:wrap;}
.vxn-hero-center .vxn-hero-proof{justify-content:center;margin-top:28px;}
.vxn-hero-metrics{margin-top:40px;padding:6px;border-radius:18px;width:100%;max-width:800px;}
.vxn-hero-metrics .cap{text-align:center;font-size:.82rem;font-weight:700;color:var(--vxn-red);
  padding:12px 16px 11px;line-height:1.4;}
.vxn-hm-row{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--vxn-line);}
.vxn-hm-row .cell{padding:16px 14px 18px;text-align:center;position:relative;}
.vxn-hm-row .cell + .cell::before{content:"";position:absolute;left:0;top:22%;bottom:22%;width:1px;background:var(--vxn-line);}
.vxn-hm-row .v{font-family:var(--vxn-font-display);font-weight:800;font-size:clamp(1.35rem,2.5vw,1.9rem);color:var(--vxn-ink);letter-spacing:-.02em;}
.vxn-hm-row .v.g{color:var(--vxn-green);}
.vxn-hm-row .v.c{color:var(--vxn-blue);}
.vxn-hm-row .k{font-size:.74rem;color:var(--vxn-muted);margin-top:5px;letter-spacing:.01em;line-height:1.3;}
@media (max-width:620px){
  .vxn-hm-row{grid-template-columns:repeat(2,1fr);}
  .vxn-hm-row .cell:nth-child(3)::before{display:none;}
}
@media (prefers-reduced-motion:reduce){
  .vxn-hd,.vxn-hd-bar,.vxn-hd-mobile,.vxn-hd-link::after,.vxn-hd-cta,.vxn-hd-toggle,
  .vxn-ft-cta-btn,.vxn-ft-social a,.vxn-about-point{transition:none !important;}
}
/* ----- hero text glow + typewriter caret + lead highlight ----- */
.vxn-hero-center .vxn-h1{text-shadow:0 0 38px rgba(124,58,237,.14);}
.vxn-hero-break{display:block;margin-top:.08em;}
:root[data-theme="dark"] .vxn-hero-center .vxn-h1{text-shadow:0 0 48px rgba(124,58,237,.45);}
.vxn-hero-center .vxn-grad-txt{text-shadow:none;
  filter:drop-shadow(0 0 14px rgba(124,58,237,.45)) drop-shadow(0 0 28px rgba(192,132,252,.30));}
.vxn-hl{color:var(--vxn-blue);}
:root[data-theme="dark"] .vxn-hl{color:var(--vxn-cyan);}
.vxn-hero-center .vxn-lead strong{color:var(--vxn-blue);font-weight:700;}
:root[data-theme="dark"] .vxn-hero-center .vxn-lead strong{color:var(--vxn-cyan);}
.vxn-caret{display:inline-block;width:3px;height:.92em;margin-left:5px;vertical-align:-1px;border-radius:2px;
  background:linear-gradient(180deg,#7c3aed,#c084fc);box-shadow:0 0 12px rgba(124,58,237,.75);
  animation:vxn-blink 1.05s steps(1) infinite;}
@keyframes vxn-blink{0%,50%{opacity:1}50.01%,100%{opacity:0}}
@media (prefers-reduced-motion:reduce){ .vxn-caret{animation:none;display:none;} }
/* ----- section 2 : animated funnel (flowing leads + happy booked) ----- */
.vxn-funnel-anim{width:100%;max-width:330px;display:block;margin:0 auto;overflow:visible;}
.vxn-flow{fill:#a855f7;animation:vxn-pflow 2.7s linear infinite;}
.vxn-flow.f1{animation-delay:0s;}
.vxn-flow.f2{animation-delay:.45s;}
.vxn-flow.f3{animation-delay:.95s;}
.vxn-flow.f4{animation-delay:1.4s;}
.vxn-flow.f5{animation-delay:1.85s;}
.vxn-flow.f6{animation-delay:2.3s;}
@keyframes vxn-pflow{
  0%{transform:translateY(0);opacity:0;}
  10%{opacity:1;}
  86%{opacity:.95;}
  100%{transform:translateY(262px);opacity:0;}
}
.vxn-leak{fill:#f43f5e;}
.vxn-leak.l1,.vxn-leak.l2,.vxn-leak.l3{animation:vxn-leakL 2.7s ease-in infinite;}
.vxn-leak.r1,.vxn-leak.r2,.vxn-leak.r3{animation:vxn-leakR 2.7s ease-in infinite;}
.vxn-leak.l1{animation-delay:.3s;}
.vxn-leak.r1{animation-delay:.9s;}
.vxn-leak.r2{animation-delay:.6s;}
.vxn-leak.l2{animation-delay:1.5s;}
.vxn-leak.r3{animation-delay:1.2s;}
.vxn-leak.l3{animation-delay:2s;}
@keyframes vxn-leakL{0%{transform:translate(0,0);opacity:0;}20%{opacity:.9;}100%{transform:translate(-30px,18px);opacity:0;}}
@keyframes vxn-leakR{0%{transform:translate(0,0);opacity:0;}20%{opacity:.9;}100%{transform:translate(30px,18px);opacity:0;}}
.vxn-joy-glow{transform-box:fill-box;transform-origin:center;animation:vxn-joy-pulse 2.4s ease-in-out infinite;}
@keyframes vxn-joy-pulse{0%,100%{transform:scale(.9);opacity:.45;}50%{transform:scale(1.14);opacity:.82;}}
.vxn-joy-face{transform-box:fill-box;transform-origin:center;animation:vxn-joy-bob 2.4s ease-in-out infinite;}
@keyframes vxn-joy-bob{0%,100%{transform:translateY(0) scale(1);}50%{transform:translateY(-2px) scale(1.05);}}
.vxn-spark{transform-box:fill-box;transform-origin:center;animation:vxn-twinkle 1.9s ease-in-out infinite;}
.vxn-spark.s2{animation-delay:.6s;}
.vxn-spark.s3{animation-delay:1.15s;}
@keyframes vxn-twinkle{0%,100%{opacity:.15;transform:scale(.6);}50%{opacity:1;transform:scale(1.1);}}
@media (prefers-reduced-motion:reduce){
  .vxn-flow,.vxn-leak,.vxn-spark{display:none;}
  .vxn-joy-glow,.vxn-joy-face{animation:none;}
}
/* ----- section 3 : Method phases (image-rich, alternating) ----- */
.vxn-phases{display:flex;flex-direction:column;gap:40px;margin-top:48px;}
.vxn-phase{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center;}
.vxn-phase:nth-child(even) .vxn-phase-figure{order:2;}
.vxn-phase-figure{position:relative;border-radius:var(--vxn-r);overflow:hidden;aspect-ratio:4/3;
  border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);background:var(--vxn-panel-2);}
.vxn-phase-figure img{width:100%;height:100%;object-fit:cover;display:block;}
.vxn-phase-badge{position:absolute;left:14px;top:14px;z-index:2;
  font-family:var(--vxn-font-display);font-weight:800;font-size:1.05rem;color:#fff;
  width:46px;height:46px;display:grid;place-items:center;border-radius:13px;
  background:linear-gradient(150deg,rgba(124,58,237,.94),rgba(168,85,247,.94));
  border:1px solid rgba(255,255,255,.25);box-shadow:0 8px 22px -8px rgba(76,29,149,.6);}
.vxn-phase-tag{display:inline-block;font-family:var(--vxn-font-display);font-size:.76rem;font-weight:700;
  letter-spacing:.08em;text-transform:uppercase;color:var(--vxn-blue);
  padding:6px 12px;border-radius:999px;background:rgba(124,58,237,.10);
  border:1px solid var(--vxn-glass-brd);margin-bottom:14px;}
.vxn-phase-body h3{margin:0 0 10px;}
.vxn-phase-body > p{color:var(--vxn-ink-2);font-size:1rem;line-height:1.6;margin:0;}
.vxn-phase-steps{list-style:none;padding:0;margin:20px 0 0;display:grid;gap:12px;}
.vxn-phase-steps li{display:flex;gap:14px;align-items:flex-start;padding:11px 14px;border-radius:12px;
  background:var(--vxn-glass-2);border:1px solid var(--vxn-glass-brd);
  transition:transform .25s var(--vxn-ease),border-color .25s;}
.vxn-phase-steps li:hover{transform:translateX(3px);border-color:var(--vxn-blue);}
.vxn-phase-steps .n{font-family:var(--vxn-font-mono);font-weight:700;color:var(--vxn-blue);font-size:.9rem;
  width:24px;flex:none;padding-top:2px;}
.vxn-phase-steps b{display:block;font-family:var(--vxn-font-display);font-weight:600;color:var(--vxn-ink);font-size:.96rem;}
.vxn-phase-steps .d{display:block;font-size:.85rem;color:var(--vxn-muted);line-height:1.5;margin-top:2px;}
@media (max-width:840px){
  .vxn-phase{grid-template-columns:1fr;gap:22px;}
  .vxn-phase .vxn-phase-figure,
  .vxn-phase:nth-child(even) .vxn-phase-figure{order:-1;}
}
@media (prefers-reduced-motion:reduce){ .vxn-phase-steps li{transition:none;} }
/* ----- section 2 : parallax + falling background ----- */
.vxn-sec2{position:relative;overflow:hidden;}
.vxn-sec2 > .vxn-shell{position:relative;z-index:1;}
.vxn-sec2-bg{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden;}
.vxn-p-layer{position:absolute;inset:-12% 0;will-change:transform;}
.vxn-blob{position:absolute;border-radius:50%;filter:blur(60px);opacity:.55;}
.vxn-blob.b1{width:46vw;max-width:560px;aspect-ratio:1;left:-8%;top:6%;
  background:radial-gradient(circle,rgba(124,58,237,.18),transparent 70%);}
.vxn-blob.b2{width:40vw;max-width:480px;aspect-ratio:1;right:-6%;bottom:0%;
  background:radial-gradient(circle,rgba(192,132,252,.15),transparent 70%);}
.vxn-p-mid{background-image:
   linear-gradient(rgba(var(--ln),.05) 1px,transparent 1px),
   linear-gradient(90deg,rgba(var(--ln),.05) 1px,transparent 1px);
  background-size:46px 46px;
  -webkit-mask-image:radial-gradient(ellipse at 50% 38%,#000 32%,transparent 78%);
  mask-image:radial-gradient(ellipse at 50% 38%,#000 32%,transparent 78%);}
.vxn-fall{position:absolute;top:-8%;width:var(--s,5px);height:var(--s,5px);border-radius:50%;
  background:var(--c,#a855f7);box-shadow:0 0 8px rgba(168,85,247,.5);opacity:0;
  animation:vxn-fall var(--dur,10s) linear var(--d,0s) infinite;}
.vxn-fall-red{--c:#f43f5e;box-shadow:0 0 8px rgba(244,63,94,.5);}
@keyframes vxn-fall{
  0%{transform:translate3d(0,0,0);opacity:0;}
  8%{opacity:.85;}
  88%{opacity:.5;}
  100%{transform:translate3d(var(--x,0),132vh,0);opacity:0;}
}
@media (prefers-reduced-motion:reduce){
  .vxn-fall{display:none;}
  .vxn-p-layer{transform:none !important;}
}

/* ----- section 3 (Method) : image-backed parallax ----- */
.vxn-parallax-host{position:relative;overflow:hidden;}
.vxn-parallax-host > .vxn-shell{position:relative;z-index:1;}
.vxn-m3-bg{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden;}
.vxn-m3-img{background:
    radial-gradient(45% 55% at 12% 8%, rgba(124,58,237,.14), transparent 68%),
    radial-gradient(45% 55% at 88% 12%, rgba(192,132,252,.12), transparent 68%),
    radial-gradient(62% 60% at 50% 100%, rgba(139,92,246,.10), transparent 72%);}
:root[data-theme="dark"] .vxn-m3-img{filter:brightness(1.25);}
/* ----- strategy board : connected colour-tile redesign ----- */
.vxn-board::before{background:
  linear-gradient(rgba(var(--ln),.045) 1px,transparent 1px),
  linear-gradient(90deg,rgba(var(--ln),.045) 1px,transparent 1px);
  background-size:16.66% 16.66%;opacity:.7;}
.vxn-board-net{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none;}
.vxn-board-net .net-flow polyline{animation:vxn-netflow 1.6s linear infinite;}
@keyframes vxn-netflow{to{stroke-dashoffset:-16;}}
.vxn-piece-disc{border-radius:18px;
  background:radial-gradient(circle at 32% 26%,rgba(255,255,255,.42),transparent 54%),var(--pc,#a855f7);
  border:1px solid rgba(255,255,255,.34);
  box-shadow:0 12px 26px -10px var(--pc,rgba(168,85,247,.6)),inset 0 -7px 16px rgba(0,0,0,.2),inset 0 1px 1px rgba(255,255,255,.5);}
.vxn-piece-disc svg{color:#fff;}
.vxn-piece-lbl{color:#fff;opacity:.96;}
.vxn-piece-glow{opacity:.55;filter:blur(11px);inset:-28%;}

/* ----- industries : focus split + vertical journey + specialties (redesigned) ----- */
.vxn-ind2-grid{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:stretch;margin-top:46px;}
.vxn-ind2-figure{position:relative;border-radius:var(--vxn-r);overflow:hidden;min-height:430px;
  border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);background:var(--vxn-panel-2);}
.vxn-ind2-figure img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;}
.vxn-ind2-badge{position:absolute;z-index:2;display:inline-flex;align-items:center;gap:8px;
  font-family:var(--vxn-font-display);font-weight:600;font-size:.78rem;color:#fff;
  padding:8px 13px;border-radius:999px;background:rgba(20,12,40,.55);
  backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.22);}
.vxn-ind2-badge.top{left:16px;top:16px;}
.vxn-ind2-badge.bot{left:16px;bottom:16px;font-family:var(--vxn-font-mono);font-size:.72rem;font-weight:500;}
.vxn-ind2-journey{display:flex;flex-direction:column;justify-content:center;}
.vxn-vjourney{list-style:none;margin:22px 0 0;padding:0;position:relative;}
.vxn-vjourney::before{content:"";position:absolute;left:23px;top:23px;bottom:23px;width:2px;background:var(--vxn-line);}
.vxn-vjourney::after{content:"";position:absolute;left:23px;top:23px;bottom:23px;width:2px;
  background:linear-gradient(180deg,var(--ac1),var(--ac2),var(--ac1));background-size:100% 220%;
  opacity:.75;animation:vxn-vrail 3s linear infinite;}
@keyframes vxn-vrail{to{background-position:0 -220%;}}
.vxn-vstep{position:relative;display:flex;gap:16px;align-items:flex-start;padding-bottom:24px;}
.vxn-vstep:last-child{padding-bottom:0;}
.vxn-vstep .vxn-jdot{flex:none;position:relative;z-index:1;}
.vxn-vtxt{padding-top:5px;}
.vxn-vtxt b{display:block;font-family:var(--vxn-font-display);font-weight:600;color:var(--vxn-ink);font-size:1rem;}
.vxn-vtxt .s{font-family:var(--vxn-font-mono);font-size:.66rem;letter-spacing:.05em;text-transform:uppercase;color:var(--vxn-faint);}
.vxn-spec-head{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;margin:50px 0 18px;}
.vxn-spec-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:14px;}
.vxn-spec{position:relative;display:flex;gap:15px;align-items:flex-start;padding:16px 18px 16px 20px;border-radius:14px;
  overflow:hidden;background:var(--vxn-glass-2);border:1px solid var(--vxn-glass-brd);
  transition:transform .3s var(--vxn-ease),border-color .3s;}
.vxn-spec::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;
  background:linear-gradient(180deg,var(--vxn-blue),var(--vxn-cyan));opacity:0;transition:opacity .3s;}
.vxn-spec:hover{transform:translateY(-4px);border-color:var(--vxn-blue);}
.vxn-spec:hover::before{opacity:1;}
.vxn-spec .ic{width:42px;height:42px;border-radius:11px;flex:none;display:grid;place-items:center;
  background:rgba(124,58,237,.1);color:var(--vxn-blue);}
.vxn-spec .ic svg{width:22px;height:22px;}
.vxn-spec h4{margin:0 0 4px;font-family:var(--vxn-font-display);font-size:1rem;color:var(--vxn-ink);}
.vxn-spec p{margin:0;font-size:.85rem;color:var(--vxn-muted);line-height:1.5;}
@media (max-width:840px){
  .vxn-ind2-grid{grid-template-columns:1fr;gap:24px;}
  .vxn-ind2-figure{min-height:300px;}
}
@media (prefers-reduced-motion:reduce){
  .vxn-board-net .net-flow polyline{animation:none;}
  .vxn-vjourney::after{animation:none;}
}
/* ----- website before/after : detailed site mockups ----- */
.vxn-ba-layer{padding:0;}
.vxn-ba-after{background:linear-gradient(180deg,#ffffff,#f7f4ff);}
.vxn-ba-before{background:linear-gradient(180deg,#e9ebef,#dfe2e8);clip-path:inset(0 calc(100% - var(--pos)) 0 0);}
.vxn-ba-handle{background:var(--vxn-blue);box-shadow:0 0 14px rgba(124,58,237,.6);}
.vxn-ba-knob{background:#fff;border-color:var(--vxn-blue);}
.vxn-ba-knob svg{color:var(--vxn-blue);}
.vxn-st{position:absolute;inset:0;display:flex;flex-direction:column;overflow:hidden;}
.vxn-st-nav{display:flex;align-items:center;justify-content:space-between;padding:9px 13px;border-bottom:1px solid rgba(27,18,51,.08);background:rgba(255,255,255,.6);}
.vxn-st-logo{display:flex;align-items:center;gap:6px;font-family:var(--vxn-font-display);font-weight:800;font-size:.64rem;color:#1b1233;white-space:nowrap;}
.vxn-st-logo i{width:14px;height:14px;border-radius:5px;background:linear-gradient(135deg,#7c3aed,#c084fc);flex:none;}
.vxn-st-links{display:flex;gap:8px;}
.vxn-st-links b{width:22px;height:5px;border-radius:3px;background:rgba(27,18,51,.16);}
.vxn-st-btn{font-family:var(--vxn-font-display);font-size:.6rem;font-weight:700;color:#fff;background:linear-gradient(135deg,#7c3aed,#a855f7);border-radius:7px;padding:5px 12px;white-space:nowrap;}
.vxn-st-hero{flex:1;display:flex;gap:13px;padding:15px 13px;align-items:center;}
.vxn-st-htext{flex:1.25;display:flex;flex-direction:column;gap:7px;min-width:0;}
.vxn-st-h1{font-family:var(--vxn-font-display);font-weight:800;font-size:.96rem;line-height:1.12;color:#1b1233;}
.vxn-st-sub{height:6px;border-radius:3px;background:rgba(27,18,51,.12);width:92%;}
.vxn-st-sub.s{width:64%;}
.vxn-st-ctarow{display:flex;align-items:center;gap:8px;margin-top:5px;flex-wrap:wrap;}
.vxn-st-cta{font-family:var(--vxn-font-display);font-size:.64rem;font-weight:700;color:#fff;background:linear-gradient(135deg,#7c3aed,#a855f7);border-radius:8px;padding:7px 14px;box-shadow:0 7px 16px -6px rgba(124,58,237,.6);white-space:nowrap;}
.vxn-st-call{display:inline-flex;align-items:center;gap:5px;font-family:var(--vxn-font-display);font-size:.6rem;font-weight:700;color:#7c3aed;border:1px solid rgba(124,58,237,.32);border-radius:8px;padding:6px 10px;white-space:nowrap;}
.vxn-st-call svg{width:11px;height:11px;}
.vxn-st-stars{display:flex;align-items:center;gap:6px;font-size:.72rem;color:#f59e0b;margin-top:2px;letter-spacing:1px;}
.vxn-st-stars span{color:#675d86;font-family:var(--vxn-font-mono);font-size:.56rem;letter-spacing:0;}
.vxn-st-himg{flex:.85;align-self:stretch;border-radius:10px;min-height:74px;position:relative;overflow:hidden;
  background:linear-gradient(150deg,#a855f7,#7c3aed);box-shadow:0 8px 20px -8px rgba(124,58,237,.55);}
.vxn-st-himg::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 70% 28%,rgba(255,255,255,.4),transparent 58%);}
.vxn-st-trust{display:flex;gap:7px;padding:0 13px 13px;}
.vxn-st-trust span{flex:1;height:15px;border-radius:5px;background:rgba(16,185,129,.16);border:1px solid rgba(16,185,129,.2);}
/* dated / bad site */
.vxn-st-nav.bad{padding:8px 11px;border-bottom:1px solid rgba(51,65,90,.14);background:#eceef2;}
.vxn-st-logo.bad{font-family:var(--vxn-font-body);font-weight:700;font-size:.6rem;color:#3a4a63;}
.vxn-st-links.bad{gap:6px;}
.vxn-st-links.bad b{width:15px;height:4px;background:rgba(58,74,99,.4);}
.vxn-st-body{flex:1;padding:13px 13px 12px;display:flex;flex-direction:column;gap:6px;}
.vxn-st-bh{font-family:var(--vxn-font-body);font-weight:700;font-size:.66rem;color:#46586f;margin-bottom:3px;}
.vxn-st-txt{height:5px;border-radius:2px;background:rgba(58,74,99,.2);width:100%;}
.vxn-st-txt.s{width:72%;}
.vxn-st-submit{margin-top:7px;align-self:flex-start;font-family:var(--vxn-font-body);font-size:.6rem;font-weight:600;color:#5b6b85;background:#d2d7df;border:1px solid #c0c6d0;border-radius:5px;padding:6px 13px;}
@media (prefers-reduced-motion:reduce){}
/* ===== gradient touch-ups ===== */
.vxn-divider{border:none;height:1px;background:linear-gradient(90deg,transparent,rgba(124,58,237,.28),rgba(192,132,252,.30),transparent);}

/* ===== footer : interactive + gradients ===== */
.vxn-ft{overflow:hidden;}
.vxn-ft::before{content:"";position:absolute;top:0;left:0;right:0;height:2px;z-index:2;
  background:linear-gradient(90deg,transparent,#7c3aed,#a855f7,#c084fc,#a855f7,#7c3aed,transparent);background-size:200% 100%;
  animation:vxn-ftline 6s linear infinite;}
@keyframes vxn-ftline{to{background-position:200% 0;}}
.vxn-ft-glow{position:absolute;top:-60px;left:50%;width:78%;max-width:880px;height:320px;pointer-events:none;z-index:0;
  transform:translateX(-50%);background:radial-gradient(ellipse at center,rgba(124,58,237,.18),transparent 70%);
  animation:vxn-ftglow 7s ease-in-out infinite;}
@keyframes vxn-ftglow{0%,100%{opacity:.55;transform:translateX(-50%) scale(1);}50%{opacity:1;transform:translateX(-50%) scale(1.08);}}
.vxn-ft-cta,.vxn-ft-grid,.vxn-ft-disc,.vxn-ft-bottom{position:relative;z-index:1;}
.vxn-ft-cta-btn{position:relative;overflow:hidden;}
.vxn-ft-cta-btn::after{content:"";position:absolute;top:0;left:-65%;width:42%;height:100%;transform:skewX(-18deg);
  background:linear-gradient(105deg,transparent,rgba(255,255,255,.4),transparent);animation:vxn-shimmer 3.6s ease-in-out infinite;}
@keyframes vxn-shimmer{0%,70%{left:-65%;}100%{left:135%;}}
.vxn-ft-cta-btn > svg{position:relative;z-index:1;transition:transform .25s var(--vxn-ease);}
.vxn-ft-cta-btn:hover > svg{transform:translateX(4px);}
.vxn-ft-col a{position:relative;transition:color .22s,padding-left .22s;}
.vxn-ft-col a::before{content:"";position:absolute;left:0;top:50%;width:9px;height:2px;border-radius:2px;
  transform:translateY(-50%) scaleX(0);transform-origin:left;background:linear-gradient(90deg,#7c3aed,#c084fc);transition:transform .22s;}
.vxn-ft-col a:hover{color:var(--vxn-blue);padding-left:15px;}
.vxn-ft-col a:hover::before{transform:translateY(-50%) scaleX(1);}
.vxn-ft-social a{position:relative;overflow:hidden;
  transition:color .2s,border-color .2s,transform .25s var(--vxn-ease),box-shadow .25s;}
.vxn-ft-social a > svg{position:relative;z-index:1;}
.vxn-ft-social a::before{content:"";position:absolute;inset:0;opacity:0;transition:opacity .25s;
  background:linear-gradient(135deg,#7c3aed,#a855f7);}
.vxn-ft-social a:hover{color:#fff;border-color:transparent;transform:translateY(-3px);box-shadow:0 10px 24px -8px rgba(124,58,237,.55);}
.vxn-ft-social a:hover::before{opacity:1;}
.vxn-ft-brand .vxn-hd-mark{filter:drop-shadow(0 0 10px rgba(124,58,237,.4));}

/* ===== FOMO single-quote rotator (below footer) ===== */
.vxn-fomo{position:relative;overflow:hidden;padding:26px 22px;display:flex;justify-content:center;
  background:linear-gradient(90deg,#6d28d9,#7c3aed,#a855f7,#7c3aed,#6d28d9);background-size:220% 100%;
  animation:vxn-fomobg 14s ease infinite;}
@keyframes vxn-fomobg{0%,100%{background-position:0% 0;}50%{background-position:100% 0;}}
.vxn-fomo-stage{position:relative;width:100%;max-width:var(--vxn-shell);min-height:30px;}
.vxn-fomo-q{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:0;text-align:center;
  font-family:var(--vxn-font-display);font-weight:600;font-size:clamp(.95rem,2vw,1.18rem);color:#fff;padding:0 8px;
  opacity:0;transform:translateY(14px);transition:opacity .55s var(--vxn-ease),transform .55s var(--vxn-ease);}
.vxn-fomo-q.is-on{opacity:1;transform:translateY(0);}
.vxn-fomo-q.is-out{opacity:0;transform:translateY(-14px);}
@media (prefers-reduced-motion:reduce){.vxn-fomo{animation:none;}.vxn-fomo-q{transition:none;}}

/* ===== floating action buttons : WhatsApp + Get in touch ===== */
.vxn-fab{position:fixed;right:22px;bottom:24px;z-index:85;display:flex;flex-direction:column;gap:13px;align-items:flex-end;}
.vxn-fab a{position:relative;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;
  box-shadow:0 12px 30px -8px rgba(0,0,0,.32);transition:transform .25s var(--vxn-ease),box-shadow .25s;}
.vxn-fab a:hover{transform:translateY(-3px) scale(1.04);}
.vxn-fab-wa{width:56px;height:56px;border-radius:50%;background:linear-gradient(145deg,#25d366,#0e9f6e);color:#fff;}
.vxn-fab-wa svg{width:30px;height:30px;}
.vxn-fab-wa:hover{box-shadow:0 16px 36px -8px rgba(37,211,102,.6);}
.vxn-fab-wa::after{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid #25d366;
  animation:vxn-fabpulse 2.6s ease-out infinite;}
@keyframes vxn-fabpulse{0%{transform:scale(1);opacity:.7;}100%{transform:scale(1.55);opacity:0;}}
.vxn-fab-gt{gap:9px;padding:0 20px;height:56px;border-radius:30px;color:#fff;
  background:linear-gradient(135deg,#7c3aed,#a855f7,#c084fc);background-size:170% 170%;
  font-family:var(--vxn-font-display);font-weight:700;font-size:.92rem;animation:vxn-fabgrad 5s ease infinite;}
.vxn-fab-gt svg{width:20px;height:20px;}
.vxn-fab-gt:hover{box-shadow:0 16px 36px -8px rgba(124,58,237,.6);}
@keyframes vxn-fabgrad{0%,100%{background-position:0% 50%;}50%{background-position:100% 50%;}}
@media (max-width:780px){
  .vxn-fab{right:16px;bottom:82px;}
  .vxn-fab-gt span{display:none;}
  .vxn-fab-gt{width:56px;padding:0;border-radius:50%;}
}
@media (prefers-reduced-motion:reduce){
  .vxn-ft::before,.vxn-ft-glow,.vxn-ft-cta-btn::after,.vxn-fomo-track,.vxn-fab-gt{animation:none;}
  .vxn-fab-wa::after{display:none;}
  .vxn-fomo-track{flex-wrap:wrap;justify-content:center;}
}
/* ===== footer newsletter ===== */
.vxn-news{margin-top:24px;max-width:350px;}
.vxn-news-label{display:block;font-family:var(--vxn-font-display);font-weight:700;font-size:.96rem;color:var(--vxn-ink);}
.vxn-news-sub{color:var(--vxn-muted);font-size:.84rem;line-height:1.5;margin:6px 0 12px;}
.vxn-news-row{display:flex;gap:8px;padding:5px;border-radius:13px;background:var(--vxn-glass-2);
  border:1px solid var(--vxn-glass-brd);transition:border-color .2s,box-shadow .2s;}
.vxn-news-row:focus-within{border-color:var(--vxn-blue);box-shadow:0 0 0 3px rgba(124,58,237,.13);}
.vxn-news-row input{flex:1;min-width:0;background:transparent;border:none;outline:none;
  font-family:var(--vxn-font-body);font-size:.9rem;color:var(--vxn-ink);padding:8px 10px;}
.vxn-news-row input::placeholder{color:var(--vxn-faint);}
.vxn-news-row button{flex:none;width:44px;border:none;cursor:pointer;border-radius:9px;color:#fff;display:grid;place-items:center;
  background:linear-gradient(135deg,#7c3aed,#a855f7);transition:transform .2s,box-shadow .2s;}
.vxn-news-row button:hover{transform:translateY(-1px);box-shadow:0 8px 20px -6px rgba(124,58,237,.6);}
.vxn-news-row button svg{width:17px;height:17px;}
.vxn-news-msg{display:inline-flex;align-items:center;gap:6px;margin-top:11px;font-size:.82rem;font-weight:600;color:var(--vxn-green);}

/* ===== floating button : works as <button> too ===== */
.vxn-fab button{position:relative;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;border:none;
  box-shadow:0 12px 30px -8px rgba(0,0,0,.32);transition:transform .25s var(--vxn-ease),box-shadow .25s;}
.vxn-fab button:hover{transform:translateY(-3px) scale(1.04);}

/* ===== audit modal ===== */
.vxn-modal{position:fixed;inset:0;z-index:120;display:flex;align-items:center;justify-content:center;padding:20px;
  opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s;}
.vxn-modal.is-open{opacity:1;visibility:visible;}
.vxn-modal-backdrop{position:absolute;inset:0;background:rgba(10,6,22,.6);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);}
.vxn-modal-card{position:relative;z-index:1;width:100%;max-width:460px;max-height:90vh;overflow:auto;
  background:var(--vxn-panel);border:1px solid var(--vxn-glass-brd);border-radius:20px;padding:30px 28px 28px;
  box-shadow:0 40px 90px -20px rgba(0,0,0,.5);transform:translateY(16px) scale(.98);transition:transform .35s var(--vxn-ease);}
.vxn-modal.is-open .vxn-modal-card{transform:none;}
.vxn-modal-card::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;border-radius:20px 20px 0 0;
  background:linear-gradient(90deg,#7c3aed,#a855f7,#c084fc);}
.vxn-modal-x{position:absolute;top:14px;right:14px;width:34px;height:34px;border-radius:9px;border:1px solid var(--vxn-glass-brd);
  background:var(--vxn-glass-2);color:var(--vxn-muted);display:grid;place-items:center;cursor:pointer;transition:color .2s,border-color .2s;}
.vxn-modal-x:hover{color:var(--vxn-ink);border-color:var(--vxn-blue);}
.vxn-modal-x svg{width:16px;height:16px;}
.vxn-modal-head h3{font-family:var(--vxn-font-display);font-weight:800;font-size:1.42rem;color:var(--vxn-ink);margin:9px 0 8px;letter-spacing:-.02em;}
.vxn-modal-head p{color:var(--vxn-muted);font-size:.92rem;line-height:1.55;margin:0 0 20px;}
.vxn-audit-form{display:flex;flex-direction:column;gap:13px;}
.vxn-audit-form label{display:flex;flex-direction:column;gap:6px;font-family:var(--vxn-font-display);font-weight:600;font-size:.78rem;color:var(--vxn-ink-2);}
.vxn-field-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px;}
.vxn-audit-form input{font-family:var(--vxn-font-body);font-size:.92rem;color:var(--vxn-ink);
  background:var(--vxn-glass-2);border:1px solid var(--vxn-glass-brd);border-radius:10px;padding:11px 13px;transition:border-color .2s,box-shadow .2s;}
.vxn-audit-form input::placeholder{color:var(--vxn-faint);}
.vxn-audit-form input:focus{outline:none;border-color:var(--vxn-blue);box-shadow:0 0 0 3px rgba(124,58,237,.15);}
.vxn-audit-note{font-size:.8rem;color:var(--vxn-muted);line-height:1.5;margin:2px 0 4px;padding:10px 12px;border-radius:10px;
  background:rgba(124,58,237,.06);border:1px solid var(--vxn-glass-brd);transition:background .25s,border-color .25s,color .25s;}
.vxn-audit-note a{color:var(--vxn-blue);font-weight:600;}
.vxn-audit-note.is-warn{background:rgba(244,63,94,.1);border-color:rgba(244,63,94,.45);color:var(--vxn-ink-2);}
.vxn-audit-submit{margin-top:4px;display:inline-flex;align-items:center;justify-content:center;gap:9px;
  font-family:var(--vxn-font-display);font-weight:700;font-size:.95rem;color:#fff;border:none;cursor:pointer;
  background:linear-gradient(135deg,#7c3aed,#a855f7,#c084fc);background-size:170% 170%;border-radius:12px;padding:14px;
  box-shadow:0 14px 30px -10px rgba(124,58,237,.6);transition:transform .2s,box-shadow .2s,background-position .45s;}
.vxn-audit-submit:hover{transform:translateY(-2px);background-position:100% 50%;box-shadow:0 18px 38px -10px rgba(124,58,237,.7);}
.vxn-audit-submit svg{width:17px;height:17px;}
.vxn-audit-done{text-align:center;padding:14px 0 6px;}
.vxn-audit-done .ok{width:58px;height:58px;border-radius:50%;margin:0 auto 16px;display:grid;place-items:center;color:#fff;
  background:linear-gradient(135deg,#10b981,#34d399);box-shadow:0 12px 28px -8px rgba(16,185,129,.6);}
.vxn-audit-done .ok svg{width:28px;height:28px;}
.vxn-audit-done h4{font-family:var(--vxn-font-display);font-weight:700;font-size:1.2rem;color:var(--vxn-ink);margin:0 0 8px;}
.vxn-audit-done p{color:var(--vxn-muted);font-size:.92rem;line-height:1.55;margin:0;}
.vxn-audit-done #vxn-audit-url{color:var(--vxn-blue);font-weight:600;word-break:break-all;}
@media (max-width:480px){.vxn-field-grid{grid-template-columns:1fr;}}

/* ===== SOLUTIONS / LEAD GEN PAGE ===== */
/* =====================================================================
   VAYUNEX — SOLUTIONS / LEAD GENERATION page  (theme-aware, token-driven)
   Layman explainer: zero → advanced. Classes namespaced .vxn-s* / .vxn-faq.
   ===================================================================== */

/* active nav (link + mega trigger) */
.vxn-hd-nav .vxn-hd-link[aria-current="page"],
.vxn-hd-nav .vxn-hd-mega-btn[aria-current="page"]{color:var(--vxn-ink);}
.vxn-hd-nav .vxn-hd-link[aria-current="page"]::after,
.vxn-hd-nav .vxn-hd-mega-btn[aria-current="page"]::after{content:"";position:absolute;left:13px;right:13px;bottom:5px;
  height:2px;border-radius:2px;background:var(--vxn-grad-cta);}
.vxn-hd-nav .vxn-hd-mega-btn[aria-current="page"]{position:relative;}

/* ---------- plain-English definition card ---------- */
.vxn-sdef{max-width:820px;margin:46px auto 0;text-align:center;border-radius:var(--vxn-r);padding:clamp(30px,4vw,44px);
  background:var(--vxn-glass-2);border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);position:relative;overflow:hidden;}
.vxn-sdef::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(520px 240px at 50% -10%,rgba(124,58,237,.14),transparent 70%);}
.vxn-sdef .in{position:relative;z-index:1;}
.vxn-sdef .eq{font-family:var(--vxn-font-mono);font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--vxn-blue);margin-bottom:14px;}
.vxn-sdef p{font-family:var(--vxn-font-display);font-weight:600;font-size:clamp(1.15rem,2.6vw,1.6rem);line-height:1.5;color:var(--vxn-ink);margin:0;}
.vxn-sdef p b{background:var(--vxn-grad-text);-webkit-background-clip:text;background-clip:text;color:transparent;}

/* ---------- node flow (stranger -> lead -> patient) ---------- */
.vxn-sflow{display:flex;align-items:stretch;justify-content:center;flex-wrap:wrap;gap:6px;margin-top:46px;}
.vxn-sflow-node{display:flex;flex-direction:column;align-items:center;gap:11px;text-align:center;padding:24px 20px;min-width:158px;
  border-radius:var(--vxn-r);background:var(--vxn-glass);border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);}
.vxn-sflow-node.hot{border-color:var(--vxn-blue);background:var(--vxn-glass-2);}
.vxn-sflow-node .ic{width:50px;height:50px;border-radius:14px;display:grid;place-items:center;background:rgba(124,58,237,.1);color:var(--vxn-blue);}
.vxn-sflow-node.hot .ic{background:var(--vxn-grad-cta);color:#fff;}
.vxn-sflow-node .ic svg{width:25px;height:25px;}
.vxn-sflow-node b{font-family:var(--vxn-font-display);font-size:1rem;color:var(--vxn-ink);}
.vxn-sflow-node span{font-size:.79rem;color:var(--vxn-muted);max-width:150px;}
.vxn-sflow-arrow{display:grid;place-items:center;color:var(--vxn-blue-2);flex:none;}
.vxn-sflow-arrow svg{width:26px;height:26px;}

/* ---------- example callout ---------- */
.vxn-sexample{display:flex;gap:14px;align-items:flex-start;padding:18px 20px;border-radius:var(--vxn-r-sm);
  background:rgba(124,58,237,.06);border:1px solid var(--vxn-line);border-left:3px solid var(--vxn-blue);margin-top:22px;}
.vxn-sexample .ic{flex:none;width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:rgba(124,58,237,.12);color:var(--vxn-amber);}
.vxn-sexample .ic svg{width:18px;height:18px;}
.vxn-sexample .tx{font-size:.92rem;color:var(--vxn-ink-2);line-height:1.6;}
.vxn-sexample .tx .tag{display:block;font-family:var(--vxn-font-mono);font-size:.64rem;letter-spacing:.14em;text-transform:uppercase;color:var(--vxn-blue);margin-bottom:5px;}
.vxn-sexample .tx b{color:var(--vxn-ink);font-weight:600;}

/* ---------- two-col text + visual ---------- */
.vxn-stwo{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,5vw,56px);align-items:center;margin-top:8px;}
.vxn-stwo.rev .vxn-stwo-visual{order:-1;}

/* ---------- photo frame ---------- */
.vxn-sphoto{position:relative;border-radius:var(--vxn-r);overflow:hidden;border:1px solid var(--vxn-glass-brd);
  box-shadow:var(--vxn-shadow);aspect-ratio:16/11;background:var(--vxn-panel-2);}
.vxn-sphoto img{width:100%;height:100%;object-fit:cover;display:block;}
.vxn-sphoto .cap{position:absolute;left:0;right:0;bottom:0;padding:16px 18px;font-family:var(--vxn-font-mono);font-size:.72rem;
  color:#fff;background:linear-gradient(180deg,transparent,rgba(8,6,20,.78));}

/* small inline chart card */
.vxn-schart{border-radius:var(--vxn-r);padding:24px;background:var(--vxn-glass);border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);}
.vxn-schart svg{width:100%;height:auto;display:block;}
.vxn-schart-key{display:flex;flex-wrap:wrap;gap:16px;margin-top:14px;font-family:var(--vxn-font-mono);font-size:.72rem;color:var(--vxn-muted);}
.vxn-schart-key i{display:inline-block;width:22px;height:3px;border-radius:3px;margin-right:7px;vertical-align:middle;}

/* ---------- levels (zero to advanced) ---------- */
.vxn-slevels{display:grid;gap:18px;margin-top:48px;}
.vxn-slevel{display:grid;grid-template-columns:128px 1fr;gap:26px;padding:30px 30px;border-radius:var(--vxn-r);
  background:var(--vxn-glass);border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);}
.vxn-slevel-badge{text-align:center;}
.vxn-slevel-badge .no{font-family:var(--vxn-font-display);font-weight:800;font-size:3.2rem;line-height:1;
  background:var(--vxn-grad-text);-webkit-background-clip:text;background-clip:text;color:transparent;}
.vxn-slevel-badge .lv{display:inline-block;margin-top:10px;font-family:var(--vxn-font-mono);font-size:.66rem;letter-spacing:.14em;
  text-transform:uppercase;color:#fff;background:var(--vxn-grad-cta);padding:5px 11px;border-radius:999px;}
.vxn-slevel-body h3{margin:0 0 6px;font-family:var(--vxn-font-display);font-size:1.28rem;color:var(--vxn-ink);}
.vxn-slevel-body .sub{margin:0 0 16px;font-size:.95rem;color:var(--vxn-muted);line-height:1.55;}
.vxn-slevel-list{list-style:none;margin:0;padding:0;display:grid;gap:11px;}
.vxn-slevel-list li{display:flex;gap:11px;align-items:flex-start;font-size:.92rem;color:var(--vxn-ink-2);line-height:1.5;}
.vxn-slevel-list li svg{width:18px;height:18px;flex:none;margin-top:2px;color:var(--vxn-green);}
.vxn-slevel-list li b{color:var(--vxn-ink);font-weight:600;}

/* ---------- channel cards ---------- */
.vxn-schannels{display:grid;grid-template-columns:repeat(auto-fit,minmax(282px,1fr));gap:16px;margin-top:42px;}
.vxn-schan{display:flex;flex-direction:column;border-radius:var(--vxn-r);background:var(--vxn-glass);
  border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);padding:26px 24px;transition:transform .3s var(--vxn-ease),border-color .3s;}
.vxn-schan:hover{transform:translateY(-4px);border-color:var(--vxn-blue);}
.vxn-schan .ic{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;background:rgba(124,58,237,.1);color:var(--vxn-blue);margin-bottom:14px;}
.vxn-schan .ic svg{width:24px;height:24px;}
.vxn-schan h4{margin:0 0 4px;font-family:var(--vxn-font-display);font-size:1.1rem;color:var(--vxn-ink);}
.vxn-schan .kind{font-family:var(--vxn-font-mono);font-size:.64rem;letter-spacing:.12em;text-transform:uppercase;color:var(--vxn-blue-2);}
.vxn-schan p{margin:13px 0 0;font-size:.88rem;color:var(--vxn-ink-2);line-height:1.55;}
.vxn-schan .best{display:flex;gap:7px;align-items:flex-start;margin-top:auto;padding-top:15px;font-family:var(--vxn-font-mono);font-size:.72rem;color:var(--vxn-green);line-height:1.45;}
.vxn-schan .best svg{width:13px;height:13px;flex:none;margin-top:2px;}

/* ---------- conversion funnel ---------- */
.vxn-sfunnel{max-width:680px;margin:48px auto 0;display:flex;flex-direction:column;align-items:center;gap:7px;}
.vxn-sfunnel-row{width:100%;display:flex;flex-direction:column;align-items:center;}
.vxn-sfunnel-bar{width:var(--w);max-width:100%;min-height:64px;border-radius:13px;background:var(--vxn-grad-cta);
  display:flex;align-items:center;justify-content:space-between;gap:14px;padding:0 22px;color:#fff;box-shadow:0 12px 30px -14px rgba(124,58,237,.7);}
.vxn-sfunnel-bar .n{font-family:var(--vxn-font-display);font-weight:800;font-size:clamp(1.25rem,3vw,1.7rem);font-variant-numeric:tabular-nums;letter-spacing:-.02em;}
.vxn-sfunnel-bar .lab{font-family:var(--vxn-font-mono);font-size:.73rem;letter-spacing:.03em;text-align:right;line-height:1.3;opacity:.96;}
.vxn-sfunnel-drop{font-family:var(--vxn-font-mono);font-size:.68rem;color:var(--vxn-faint);margin:2px 0;}

/* ---------- industry fit ---------- */
.vxn-sfit{display:grid;grid-template-columns:repeat(auto-fit,minmax(264px,1fr));gap:16px;margin-top:42px;}
.vxn-sfit-card{border-radius:var(--vxn-r);background:var(--vxn-glass);border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);padding:24px 22px;}
.vxn-sfit-top{display:flex;align-items:center;justify-content:space-between;gap:10px;}
.vxn-sfit-card h4{margin:0;font-family:var(--vxn-font-display);font-size:1.06rem;color:var(--vxn-ink);}
.vxn-sfit-rating{font-family:var(--vxn-font-mono);font-size:.64rem;letter-spacing:.1em;text-transform:uppercase;color:var(--vxn-blue);white-space:nowrap;}
.vxn-sfit-meter{display:flex;gap:5px;margin:14px 0;}
.vxn-sfit-meter i{height:7px;flex:1;border-radius:4px;background:rgba(var(--ln),.18);}
.vxn-sfit-meter i.on{background:var(--vxn-grad-cta);}
.vxn-sfit-card p{margin:0;font-size:.85rem;color:var(--vxn-muted);line-height:1.55;}

/* ---------- readiness checklist ---------- */
.vxn-sready{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px;margin-top:40px;}
.vxn-sready-item{display:flex;gap:13px;align-items:flex-start;padding:20px;border-radius:var(--vxn-r-sm);
  background:var(--vxn-glass);border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);}
.vxn-sready-item .ck{flex:none;width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:rgba(16,185,129,.12);color:var(--vxn-green);}
.vxn-sready-item .ck svg{width:17px;height:17px;}
.vxn-sready-item p{margin:0;font-size:.9rem;color:var(--vxn-ink-2);line-height:1.5;}
.vxn-sready-item p b{color:var(--vxn-ink);font-weight:600;}

/* ---------- budget tiers ---------- */
.vxn-stiers{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:42px;}
.vxn-stier{display:flex;flex-direction:column;border-radius:var(--vxn-r);background:var(--vxn-glass);
  border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);padding:28px 26px;position:relative;}
.vxn-stier.feature{border-color:var(--vxn-blue);background:var(--vxn-glass-2);}
.vxn-stier .badge{position:absolute;top:-11px;left:26px;font-family:var(--vxn-font-mono);font-size:.62rem;letter-spacing:.12em;
  text-transform:uppercase;color:#fff;background:var(--vxn-grad-cta);padding:5px 11px;border-radius:999px;box-shadow:var(--vxn-glow-cta);}
.vxn-stier .name{font-family:var(--vxn-font-mono);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--vxn-blue-2);}
.vxn-stier .spend{font-family:var(--vxn-font-display);font-weight:800;font-size:1.85rem;color:var(--vxn-ink);margin:8px 0 2px;letter-spacing:-.02em;}
.vxn-stier .spend span{font-size:.9rem;font-weight:500;color:var(--vxn-muted);}
.vxn-stier .who{font-size:.86rem;color:var(--vxn-muted);line-height:1.5;margin:0 0 18px;}
.vxn-stier ul{list-style:none;margin:0 0 18px;padding:0;display:grid;gap:10px;}
.vxn-stier li{display:flex;gap:10px;align-items:flex-start;font-size:.86rem;color:var(--vxn-ink-2);line-height:1.45;}
.vxn-stier li svg{width:16px;height:16px;flex:none;margin-top:2px;color:var(--vxn-green);}
.vxn-stier .exp{margin-top:auto;padding-top:16px;border-top:1px dashed var(--vxn-line);font-family:var(--vxn-font-mono);font-size:.74rem;color:var(--vxn-ink-2);}
.vxn-stier .exp b{color:var(--vxn-blue-2);}

/* ---------- results table ---------- */
.vxn-stable-wrap{margin-top:42px;overflow-x:auto;border-radius:var(--vxn-r);border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);}
.vxn-stable{width:100%;border-collapse:collapse;min-width:560px;background:var(--vxn-glass);}
.vxn-stable thead th{font-family:var(--vxn-font-mono);font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:var(--vxn-faint);
  text-align:left;padding:16px 20px;border-bottom:1px solid var(--vxn-line-2);background:rgba(var(--w),.03);}
.vxn-stable tbody td{padding:15px 20px;border-bottom:1px solid var(--vxn-line);font-size:.9rem;color:var(--vxn-ink-2);}
.vxn-stable tbody tr:last-child td{border-bottom:none;}
.vxn-stable tbody td:first-child{font-family:var(--vxn-font-display);font-weight:600;color:var(--vxn-ink);}
.vxn-stable tbody td .g{color:var(--vxn-green);font-family:var(--vxn-font-mono);font-weight:600;}

/* ---------- FAQ accordion (native details) ---------- */
.vxn-faq{max-width:820px;margin:42px auto 0;display:grid;gap:12px;}
.vxn-faq-item{border:1px solid var(--vxn-glass-brd);background:var(--vxn-glass);border-radius:var(--vxn-r-sm);
  box-shadow:var(--vxn-shadow);overflow:hidden;}
.vxn-faq-item summary{list-style:none;cursor:pointer;padding:20px 22px;display:flex;justify-content:space-between;align-items:center;gap:16px;
  font-family:var(--vxn-font-display);font-weight:600;font-size:1.02rem;color:var(--vxn-ink);}
.vxn-faq-item summary::-webkit-details-marker{display:none;}
.vxn-faq-item summary .pl{flex:none;color:var(--vxn-blue-2);transition:transform .3s var(--vxn-ease);}
.vxn-faq-item summary .pl svg{width:20px;height:20px;display:block;}
.vxn-faq-item[open] summary .pl{transform:rotate(135deg);}
.vxn-faq-item[open] summary{color:var(--vxn-blue-2);}
.vxn-faq-item .a{padding:0 22px 21px;font-size:.94rem;color:var(--vxn-ink-2);line-height:1.66;}
.vxn-faq-item .a b{color:var(--vxn-ink);font-weight:600;}

/* ---------- closing CTA ---------- */
.vxn-scta{position:relative;text-align:center;border-radius:var(--vxn-r);padding:clamp(42px,6vw,70px) 28px;overflow:hidden;
  background:var(--vxn-glass-2);border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);}
.vxn-scta::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(720px 360px at 50% -20%,rgba(124,58,237,.18),transparent 70%);}
.vxn-scta .in{position:relative;z-index:1;max-width:660px;margin-inline:auto;}
.vxn-scta .vxn-hero-cta{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:30px;}

/* ---------- responsive ---------- */
@media (max-width:920px){
  .vxn-stwo{grid-template-columns:1fr;gap:32px;}
  .vxn-stwo.rev .vxn-stwo-visual{order:0;}
  .vxn-stiers{grid-template-columns:1fr;}
}
@media (max-width:680px){
  .vxn-slevel{grid-template-columns:1fr;gap:18px;}
  .vxn-slevel-badge{display:flex;align-items:center;gap:14px;}
  .vxn-slevel-badge .no{font-size:2.4rem;}
  .vxn-slevel-badge .lv{margin-top:0;}
  .vxn-sflow-arrow{transform:rotate(90deg);}
}
@media (prefers-reduced-motion:reduce){
  .vxn-schan,.vxn-faq-item summary .pl{transition:none;}
}

/* mini chart strokes (var()/url() valid only in CSS, not SVG attrs) */
.vxn-schart-base{stroke:var(--vxn-line-2);stroke-width:1;}
.vxn-schart-wom{fill:none;stroke:var(--vxn-faint);stroke-width:2.5;stroke-dasharray:5 5;stroke-linecap:round;stroke-linejoin:round;}
.vxn-schart-lead{fill:none;stroke:url(#vxnSLead);stroke-width:3.4;stroke-linecap:round;stroke-linejoin:round;}



/* From local-seo.html */

/* =====================================================================
   VAYUNEX — DESIGN SYSTEM v2
   Light-default, royal-purple. Dark mode via :root[data-theme="dark"].
   Theme bases: --w (tint), --ln (hairline), --mk (screen-mock surface)
   flip per theme so one stylesheet serves both. Accents are shared.
   Type:  Sora (display) · Manrope (body) · JetBrains Mono (data)
   ===================================================================== */

/* ----- TOKENS : LIGHT (default) ----- */
:root{
  color-scheme: light;

  --vxn-void:#ffffff;
  --vxn-deep:#f4f0fb;
  --vxn-panel:#ffffff;
  --vxn-panel-2:#f5f1fe;

  --vxn-ink:#1b1233;
  --vxn-ink-2:#392e57;
  --vxn-muted:#675d86;
  --vxn-faint:#9a91b4;

  /* theme bases */
  --w:45,35,70;          /* subtle tint base (dark on light) */
  --ln:110,82,180;       /* hairline base (purple)           */
  --mk:245,243,252;      /* screen-mock surface (near-white) */

  --vxn-line:rgba(var(--ln),0.16);
  --vxn-line-2:rgba(var(--ln),0.32);

  /* royal-purple accents (shared both themes) */
  --vxn-blue:#7c3aed;    /* primary  */
  --vxn-blue-2:#a855f7;  /* primary-2 */
  --vxn-cyan:#c084fc;    /* bright orchid pop */
  --vxn-violet:#8b5cf6;
  --vxn-green:#10b981;   /* success / revenue */
  --vxn-amber:#f59e0b;   /* stars / cost */
  --vxn-red:#f43f5e;     /* loss */

  --vxn-glass:linear-gradient(160deg,rgba(255,255,255,0.96),rgba(250,248,255,0.90));
  --vxn-glass-2:linear-gradient(160deg,#ffffff,#f3edfe);
  --vxn-glass-brd:rgba(var(--ln),0.20);

  --vxn-cta-ink:#ffffff;
  --vxn-grad-cta:linear-gradient(135deg,#7c3aed 0%,#a855f7 55%,#c084fc 100%);
  --vxn-grad-violet:linear-gradient(135deg,#8b5cf6 0%,#7c3aed 100%);
  --vxn-grad-text:linear-gradient(120deg,#2a1d4d 0%,#7c3aed 55%,#a855f7 100%);

  --vxn-shadow:0 26px 60px -30px rgba(76,29,149,0.30);
  --vxn-glow-cta:0 16px 40px -12px rgba(124,58,237,0.42);

  --vxn-font-display:'Sora',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  --vxn-font-body:'Manrope',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  --vxn-font-mono:'JetBrains Mono',ui-monospace,SFMono-Regular,Menlo,monospace;

  --vxn-r:20px;
  --vxn-r-sm:14px;
  --vxn-shell:1180px;
  --vxn-ease:cubic-bezier(.2,.7,.2,1);
}

/* ----- TOKENS : DARK (toggle) ----- */
:root[data-theme="dark"]{
  color-scheme: dark;

  --vxn-void:#0b0818;
  --vxn-deep:#0f0b20;
  --vxn-panel:#150f2b;
  --vxn-panel-2:#1b1338;

  --vxn-ink:#f3f0ff;
  --vxn-ink-2:#cdc6e8;
  --vxn-muted:#968cb8;
  --vxn-faint:#6c648c;

  --w:255,255,255;
  --ln:150,135,215;
  --mk:14,20,44;

  --vxn-glass:linear-gradient(160deg,rgba(255,255,255,0.07),rgba(255,255,255,0.02));
  --vxn-glass-2:linear-gradient(160deg,rgba(255,255,255,0.10),rgba(255,255,255,0.03));
  --vxn-glass-brd:rgba(255,255,255,0.10);

  --vxn-grad-text:linear-gradient(120deg,#ffffff 0%,#c4b5fd 50%,#c084fc 100%);

  --vxn-shadow:0 26px 70px -28px rgba(0,0,0,0.70);
  --vxn-glow-cta:0 16px 44px -12px rgba(124,58,237,0.60);
}

/* ----- TRANSFORMED SECTION STYLES (token-driven, theme-aware) ----- */
/* =====================================================================
   VAYUNEX — GLOBAL DESIGN SYSTEM
   Visual direction: "Mission control for revenue" — deep navy/black base,
   electric blue + cyan + violet accents, success green & cost amber for
   telemetry, frosted glass, ambient grid, lead-flow particle motif.
   Type roles:  Sora (display) · Manrope (body) · JetBrains Mono (data)
   All classes are namespaced with the vxn- prefix.
   ===================================================================== */

/* ----- TOKENS ----- */

/* ----- RESET / BASE ----- */
*,*::before,*::after{box-sizing:border-box;}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;}
body{
  margin:0;
  background:var(--vxn-void);
  color:var(--vxn-ink-2);
  font-family:var(--vxn-font-body);
  font-size:16px;
  line-height:1.65;
  letter-spacing:.005em;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
  overflow-x:hidden;
}
img{max-width:100%;display:block;}
a{color:inherit;text-decoration:none;}
button{font-family:inherit;cursor:pointer;}
canvas{display:block;}
::selection{background:rgba(192,132,252,.28);color:#fff;}

/* ----- AMBIENT ATMOSPHERE (fixed background layer) ----- */
.vxn-atmos{position:fixed;inset:0;z-index:-2;pointer-events:none;background:
  radial-gradient(1100px 700px at 78% -8%,rgba(124,58,237,.22),transparent 60%),
  radial-gradient(900px 700px at 8% 12%,rgba(139,92,246,.16),transparent 60%),
  radial-gradient(1000px 800px at 60% 108%,rgba(192,132,252,.10),transparent 55%),
  var(--vxn-void);}
.vxn-atmos::before{content:"";position:absolute;inset:0;opacity:.5;
  background-image:linear-gradient(rgba(var(--ln),.05) 1px,transparent 1px),
                   linear-gradient(90deg,rgba(var(--ln),.05) 1px,transparent 1px);
  background-size:54px 54px;
  -webkit-mask-image:radial-gradient(circle at 50% 30%,#000 0%,transparent 78%);
          mask-image:radial-gradient(circle at 50% 30%,#000 0%,transparent 78%);}
.vxn-grain{position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.035;mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");}

/* ----- LAYOUT PRIMITIVES ----- */
.vxn-shell{width:100%;max-width:var(--vxn-shell);margin-inline:auto;padding-inline:24px;}
.vxn-section{position:relative;padding-block:clamp(74px,11vh,128px);}
.vxn-section--tight{padding-block:clamp(56px,8vh,92px);}
.vxn-divider{height:1px;background:linear-gradient(90deg,transparent,var(--vxn-line-2),transparent);border:0;margin:0;}

/* ----- TYPOGRAPHY ----- */
.vxn-eyebrow{display:inline-flex;align-items:center;gap:9px;font-family:var(--vxn-font-mono);
  font-size:12px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--vxn-cyan);}
.vxn-eyebrow::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--vxn-cyan);
  box-shadow:0 0 10px var(--vxn-cyan);}
.vxn-h1{font-family:var(--vxn-font-display);font-weight:800;line-height:1.04;letter-spacing:-.025em;
  font-size:clamp(2.4rem,6vw,4.5rem);color:var(--vxn-ink);margin:0;}
.vxn-h2{font-family:var(--vxn-font-display);font-weight:700;line-height:1.08;letter-spacing:-.02em;
  font-size:clamp(1.85rem,4vw,3rem);color:var(--vxn-ink);margin:0;}
.vxn-h3{font-family:var(--vxn-font-display);font-weight:600;line-height:1.2;letter-spacing:-.01em;
  font-size:clamp(1.1rem,2vw,1.35rem);color:var(--vxn-ink);margin:0;}
.vxn-lead{font-size:clamp(1.02rem,1.6vw,1.2rem);color:var(--vxn-ink-2);max-width:62ch;}
.vxn-grad-txt{background:var(--vxn-grad-text);-webkit-background-clip:text;background-clip:text;color:transparent;}
.vxn-cyan{color:var(--vxn-cyan);} .vxn-violet{color:var(--vxn-violet);} .vxn-green{color:var(--vxn-green);}
.vxn-mono{font-family:var(--vxn-font-mono);font-variant-numeric:tabular-nums;}
.vxn-head{max-width:760px;}
.vxn-head .vxn-lead{margin-top:18px;}
.vxn-center{text-align:center;margin-inline:auto;}

/* ----- BUTTONS ----- */
.vxn-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;
  font-family:var(--vxn-font-display);font-weight:600;font-size:.96rem;letter-spacing:-.01em;
  padding:14px 24px;border-radius:13px;border:1px solid transparent;transition:transform .25s var(--vxn-ease),box-shadow .25s,background .25s;white-space:nowrap;}
.vxn-btn svg{width:18px;height:18px;}
.vxn-btn--primary{background:var(--vxn-grad-cta);color:var(--vxn-cta-ink);box-shadow:var(--vxn-glow-cta);}
.vxn-btn--primary:hover{transform:translateY(-2px);box-shadow:0 20px 50px -12px rgba(124,58,237,.7);}
.vxn-btn--ghost{background:rgba(var(--w),.03);border-color:var(--vxn-line-2);color:var(--vxn-ink);}
.vxn-btn--ghost:hover{transform:translateY(-2px);background:rgba(var(--w),.07);border-color:var(--vxn-cyan);}
.vxn-btn:focus-visible{outline:2px solid var(--vxn-cyan);outline-offset:3px;}

/* ----- CHIPS / PILLS ----- */
.vxn-chip{display:inline-flex;align-items:center;gap:8px;font-size:.82rem;font-weight:600;color:var(--vxn-ink-2);
  padding:7px 14px;border-radius:999px;background:rgba(var(--w),.04);border:1px solid var(--vxn-line);}
.vxn-chip .vxn-dot{width:6px;height:6px;border-radius:50%;background:var(--vxn-green);box-shadow:0 0 8px var(--vxn-green);}

/* ----- GLASS CARD ----- */
.vxn-glass{position:relative;background:var(--vxn-glass);border:1px solid var(--vxn-glass-brd);
  border-radius:var(--vxn-r);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--vxn-shadow);}
.vxn-glass::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;pointer-events:none;
  background:linear-gradient(160deg,rgba(var(--w),.35),transparent 40%);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
          mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;mask-composite:exclude;opacity:.5;}

/* 3D tilt-ready card */
.vxn-card3d{transition:transform .4s var(--vxn-ease),box-shadow .4s;transform-style:preserve-3d;will-change:transform;}

/* ----- SCROLL REVEAL ----- */
.vxn-reveal{opacity:0;transform:translateY(28px);transition:opacity .8s var(--vxn-ease),transform .8s var(--vxn-ease);transition-delay:var(--d,0s);}
.vxn-reveal.is-in{opacity:1;transform:none;}

/* ============================ NAV (CAPSULE) ============================ */
/* "Living glass capsule" — contracts on scroll, canopy mega-menu unfurls
   out of the same surface, sliding spotlight, full-screen mobile overlay. */
.vxn-skip{position:absolute;left:-9999px;top:0;z-index:200;background:var(--vxn-cyan);color:var(--vxn-cta-ink);
  padding:10px 16px;border-radius:0 0 10px 0;font-weight:700;}
.vxn-skip:focus{left:0;}

.vxn-scrim{position:fixed;inset:0;z-index:79;background:rgba(var(--mk),.55);opacity:0;visibility:hidden;
  -webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:opacity .35s,visibility .35s;}
.vxn-scrim.is-on{opacity:1;visibility:visible;}

.vxn-nav{position:fixed;top:14px;left:0;right:0;z-index:80;display:flex;justify-content:center;padding-inline:14px;}
.vxn-island{width:min(1120px,100%);background:linear-gradient(160deg,rgba(var(--mk),.78),rgba(var(--mk),.7));
  border:1px solid var(--vxn-glass-brd);border-radius:22px;overflow:hidden;
  -webkit-backdrop-filter:blur(16px) saturate(140%);backdrop-filter:blur(16px) saturate(140%);
  box-shadow:0 18px 50px -22px rgba(0,0,0,.8);
  transition:width .5s var(--vxn-ease),border-radius .5s,background .5s;}
.vxn-nav.is-contracted .vxn-island{width:min(880px,100%);background:linear-gradient(160deg,rgba(var(--mk),.92),rgba(var(--mk),.9));}
.vxn-bar{display:flex;align-items:center;gap:18px;padding:11px 14px 11px 18px;transition:padding .5s var(--vxn-ease);}
.vxn-nav.is-contracted .vxn-bar{padding:8px 12px 8px 16px;}

.vxn-brand{display:flex;align-items:center;gap:11px;flex-shrink:0;}
.vxn-mark{width:30px;height:30px;flex-shrink:0;transition:width .5s,height .5s;}
.vxn-nav.is-contracted .vxn-mark{width:26px;height:26px;}
.vxn-word{font-family:var(--vxn-font-display);font-weight:800;letter-spacing:.12em;font-size:1.02rem;color:var(--vxn-ink);}

.vxn-links{position:relative;display:flex;align-items:center;gap:2px;margin-inline:auto;}
.vxn-spot{position:absolute;top:50%;height:34px;border-radius:11px;transform:translateY(-50%);
  background:linear-gradient(160deg,rgba(var(--ln),.22),rgba(var(--ln),.08));border:1px solid var(--vxn-line);
  z-index:0;opacity:0;transition:left .38s var(--vxn-ease),width .38s var(--vxn-ease),opacity .3s;pointer-events:none;}
.vxn-link{position:relative;z-index:1;display:inline-flex;align-items:center;gap:6px;color:var(--vxn-ink-2);
  font-size:.92rem;font-weight:600;padding:8px 14px;border-radius:11px;background:none;border:0;transition:color .25s;}
.vxn-link:hover,.vxn-link[aria-expanded="true"]{color:var(--vxn-ink);}
.vxn-link .vxn-chev{width:14px;height:14px;transition:transform .3s;}
.vxn-link[aria-expanded="true"] .vxn-chev{transform:rotate(180deg);}
.vxn-link:focus-visible{outline:2px solid var(--vxn-cyan);outline-offset:2px;}

.vxn-actions{display:flex;align-items:center;gap:10px;flex-shrink:0;}
.vxn-cta{display:inline-flex;align-items:center;gap:7px;background:var(--vxn-grad-cta);color:var(--vxn-cta-ink);
  font-family:var(--vxn-font-display);font-weight:700;font-size:.88rem;padding:10px 17px;border-radius:11px;
  box-shadow:0 10px 26px -10px rgba(124,58,237,.6);transition:transform .25s,box-shadow .25s;border:0;}
.vxn-cta:hover{transform:translateY(-1px);box-shadow:0 14px 32px -8px rgba(124,58,237,.8);}
.vxn-cta:focus-visible{outline:2px solid #fff;outline-offset:2px;}

.vxn-burger{display:none;width:42px;height:38px;border-radius:11px;background:rgba(var(--w),.05);
  border:1px solid var(--vxn-line);align-items:center;justify-content:center;flex-direction:column;gap:4px;}
.vxn-burger span{width:18px;height:2px;background:var(--vxn-ink);border-radius:2px;transition:transform .3s,opacity .3s;}
.vxn-burger:focus-visible{outline:2px solid var(--vxn-cyan);outline-offset:2px;}

/* Canopy mega-menu (lives INSIDE the island; grows out of it) */
.vxn-canopy{max-height:0;opacity:0;padding:0 22px;transition:max-height .5s var(--vxn-ease),opacity .35s,padding .5s var(--vxn-ease);}
.vxn-island.is-open .vxn-canopy{max-height:420px;opacity:1;padding:4px 22px 22px;}
.vxn-canopy-top{height:1px;background:var(--vxn-line);margin-bottom:18px;}
.vxn-canopy-grid{display:grid;grid-template-columns:1fr 1fr 1.15fr;gap:22px;}
.vxn-col-title{font-family:var(--vxn-font-mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--vxn-muted);margin-bottom:12px;}
.vxn-col a{display:flex;align-items:center;gap:10px;color:var(--vxn-ink-2);font-size:.9rem;font-weight:600;padding:7px 9px;border-radius:9px;transition:background .2s,color .2s,transform .2s;opacity:0;transform:translateY(8px);}
.vxn-island.is-open .vxn-col a{opacity:1;transform:none;}
.vxn-island.is-open .vxn-col:nth-child(1) a{transition-delay:.05s;}
.vxn-island.is-open .vxn-col:nth-child(2) a{transition-delay:.12s;}
.vxn-col a:hover{background:rgba(var(--ln),.1);color:#fff;}
.vxn-col a i{width:8px;height:8px;border-radius:50%;background:var(--vxn-cyan);box-shadow:0 0 8px var(--vxn-cyan);flex-shrink:0;}
.vxn-col a.h i{background:var(--vxn-green);box-shadow:0 0 8px var(--vxn-green);}
.vxn-rail{background:var(--vxn-grad-violet);border-radius:16px;padding:18px;display:flex;flex-direction:column;justify-content:center;opacity:0;transform:translateY(8px);transition:opacity .4s .18s,transform .4s .18s;}
.vxn-island.is-open .vxn-rail{opacity:1;transform:none;}
.vxn-rail h4{font-family:var(--vxn-font-display);font-size:1.05rem;color:#fff;margin:0 0 6px;}
.vxn-rail p{font-size:.82rem;color:rgba(var(--w),.85);margin:0 0 14px;}
.vxn-rail a{align-self:flex-start;background:#fff;color:#1a1340;font-weight:700;font-size:.82rem;padding:9px 15px;border-radius:10px;}

/* Mobile full-screen overlay */
.vxn-overlay{position:fixed;inset:0;z-index:90;background:linear-gradient(180deg,var(--vxn-void),var(--vxn-void));
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transform:translateY(-100%);transition:transform .5s var(--vxn-ease);
  display:flex;flex-direction:column;padding:22px;overflow-y:auto;}
.vxn-overlay.is-open{transform:none;}
.vxn-ov-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:36px;}
.vxn-ov-close{width:42px;height:42px;border-radius:12px;background:rgba(var(--w),.05);border:1px solid var(--vxn-line);color:var(--vxn-ink);font-size:1.4rem;display:flex;align-items:center;justify-content:center;}
.vxn-ov-body{display:flex;flex-direction:column;gap:6px;}
.vxn-ov-link{font-family:var(--vxn-font-display);font-weight:700;font-size:1.8rem;color:var(--vxn-ink);padding:14px 4px;border-bottom:1px solid var(--vxn-line);display:flex;align-items:center;justify-content:space-between;
  opacity:0;transform:translateX(-18px);transition:opacity .5s,transform .5s;}
.vxn-overlay.is-open .vxn-ov-link{opacity:1;transform:none;}
.vxn-overlay.is-open .vxn-ov-link:nth-child(1){transition-delay:.08s;}
.vxn-overlay.is-open .vxn-ov-link:nth-child(2){transition-delay:.14s;}
.vxn-overlay.is-open .vxn-ov-link:nth-child(3){transition-delay:.2s;}
.vxn-overlay.is-open .vxn-ov-link:nth-child(4){transition-delay:.26s;}
.vxn-overlay.is-open .vxn-ov-link:nth-child(5){transition-delay:.32s;}
.vxn-ov-sub{display:none;flex-direction:column;gap:2px;padding:6px 4px 14px;}
.vxn-ov-sub.is-open{display:flex;}
.vxn-ov-sub a{color:var(--vxn-muted);font-size:1.05rem;font-weight:600;padding:8px 0;}
.vxn-ov-cta{margin-top:26px;}

@media(max-width:920px){
  .vxn-links{display:none;}
  .vxn-burger{display:flex;}
  .vxn-actions .vxn-cta{display:none;}
}
@media(min-width:921px){ .vxn-overlay{display:none!important;} }

/* ============================ HERO ============================ */
.vxn-hero{position:relative;min-height:100svh;display:flex;align-items:center;padding-top:130px;padding-bottom:64px;overflow:hidden;}
.vxn-hero-bg{position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.9;}
.vxn-hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.04fr .96fr;gap:46px;align-items:center;width:100%;}
.vxn-hero-copy{max-width:600px;}
.vxn-hero h1{margin:18px 0 0;}
.vxn-hero h1 .ln{display:block;}
.vxn-hero .vxn-lead{margin-top:22px;}
.vxn-hero-cta{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px;}
.vxn-hero-trust{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px;}

.vxn-engine{position:relative;width:100%;aspect-ratio:1/.86;max-width:560px;margin-inline:auto;}
.vxn-engine canvas{position:absolute;inset:0;width:100%;height:100%;}
.vxn-dash{position:absolute;right:-6px;bottom:-14px;width:min(252px,72%);padding:16px 16px 14px;border-radius:16px;z-index:3;}
.vxn-dash-h{display:flex;align-items:center;gap:8px;font-family:var(--vxn-font-mono);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--vxn-muted);margin-bottom:12px;}
.vxn-dash-h .live{width:7px;height:7px;border-radius:50%;background:var(--vxn-green);box-shadow:0 0 9px var(--vxn-green);animation:vxn-pulse 1.8s infinite;}
.vxn-dash-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 14px;}
.vxn-dash-cell .k{font-size:10px;letter-spacing:.04em;color:var(--vxn-faint);text-transform:uppercase;font-weight:600;}
.vxn-dash-cell .v{font-family:var(--vxn-font-mono);font-weight:700;font-size:1.18rem;color:var(--vxn-ink);line-height:1.2;font-variant-numeric:tabular-nums;}
.vxn-dash-cell .v.c{color:var(--vxn-cyan);} .vxn-dash-cell .v.g{color:var(--vxn-green);}
@keyframes vxn-pulse{0%,100%{opacity:1;transform:scale(1);}50%{opacity:.45;transform:scale(.82);}}

/* ============================ PROBLEM / LEAK FUNNEL ============================ */
.vxn-leak-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:46px;align-items:center;margin-top:48px;}
.vxn-funnel-stage{position:relative;width:100%;max-width:440px;margin-inline:auto;}
.vxn-funnel-stage svg{width:100%;height:auto;overflow:visible;}
.vxn-leak-rows{display:flex;flex-direction:column;gap:10px;}
.vxn-leak-row{display:flex;gap:14px;align-items:flex-start;padding:15px 16px;border-radius:14px;border:1px solid var(--vxn-line);
  background:rgba(var(--w),.018);cursor:pointer;transition:border-color .3s,background .3s,transform .3s;text-align:left;width:100%;}
.vxn-leak-row:hover{transform:translateX(4px);}
.vxn-leak-row.is-active{border-color:rgba(244,63,94,.55);background:rgba(244,63,94,.07);}
.vxn-leak-num{font-family:var(--vxn-font-mono);font-size:.8rem;color:var(--vxn-red);font-weight:700;width:26px;height:26px;border-radius:8px;
  background:rgba(244,63,94,.12);display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px;}
.vxn-leak-row.is-active .vxn-leak-num{background:var(--vxn-red);color:#180408;}
.vxn-leak-txt h4{font-family:var(--vxn-font-display);font-size:1rem;color:var(--vxn-ink);margin:0 0 3px;}
.vxn-leak-txt p{margin:0;font-size:.88rem;color:var(--vxn-muted);}
.vxn-leak-foot{margin-top:22px;font-size:.95rem;color:var(--vxn-ink-2);border-left:2px solid var(--vxn-cyan);padding-left:16px;}

/* ============================ METHOD (10-step journey) ============================ */
.vxn-method-rail{position:relative;display:flex;gap:14px;overflow-x:auto;padding:30px 4px 18px;margin-top:38px;scroll-snap-type:x mandatory;
  -ms-overflow-style:none;scrollbar-width:thin;scrollbar-color:var(--vxn-line-2) transparent;}
.vxn-method-rail::-webkit-scrollbar{height:6px;}
.vxn-method-rail::-webkit-scrollbar-thumb{background:var(--vxn-line-2);border-radius:6px;}
.vxn-mprogress{position:absolute;top:14px;left:4px;right:4px;height:2px;background:var(--vxn-line);border-radius:2px;overflow:hidden;}
.vxn-mprogress i{position:absolute;inset:0;width:0;background:var(--vxn-grad-cta);box-shadow:0 0 12px rgba(192,132,252,.6);transition:width 1.4s var(--vxn-ease);}
.vxn-mstep{position:relative;scroll-snap-align:start;flex:0 0 auto;width:172px;padding:18px 16px 16px;border-radius:16px;}
.vxn-mstep .n{position:absolute;top:-11px;left:16px;font-family:var(--vxn-font-mono);font-size:.7rem;font-weight:700;color:var(--vxn-cyan);
  background:var(--vxn-deep);border:1px solid var(--vxn-line);padding:3px 7px;border-radius:7px;}
.vxn-mstep .ic{width:38px;height:38px;border-radius:11px;background:rgba(var(--ln),.1);display:flex;align-items:center;justify-content:center;margin-bottom:12px;color:var(--vxn-cyan);}
.vxn-mstep .ic svg{width:20px;height:20px;}
.vxn-mstep h4{font-family:var(--vxn-font-display);font-size:1rem;color:var(--vxn-ink);margin:0 0 6px;}
.vxn-mstep p{margin:0;font-size:.82rem;color:var(--vxn-muted);line-height:1.5;}
.vxn-mstep::after{content:"";position:absolute;right:-9px;top:54px;width:14px;height:14px;border-top:2px solid var(--vxn-line-2);border-right:2px solid var(--vxn-line-2);transform:rotate(45deg);opacity:.7;}
.vxn-mstep:last-child::after{display:none;}

/* ============================ STRATEGY BOARD ============================ */
.vxn-board-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:46px;align-items:center;margin-top:46px;}
.vxn-board{position:relative;aspect-ratio:1;width:100%;max-width:480px;margin-inline:auto;border-radius:24px;overflow:hidden;
  background:linear-gradient(160deg,rgba(var(--mk),.9),rgba(var(--mk),.92));border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);}
.vxn-board::before{content:"";position:absolute;inset:0;opacity:.5;
  background-image:repeating-conic-gradient(rgba(var(--ln),.05) 0% 25%,transparent 0% 50%);background-size:25% 25%;}
.vxn-board::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 45%,transparent 30%,rgba(var(--mk),.55) 100%);}
.vxn-piece{position:absolute;width:21%;aspect-ratio:1;transform:translate(-50%,-50%) scale(.3);opacity:0;
  transition:transform .9s var(--vxn-ease),opacity .7s;left:var(--x);top:var(--y);z-index:2;cursor:default;}
.vxn-board.is-placed .vxn-piece{transform:translate(-50%,-50%) scale(1);opacity:1;}
.vxn-piece-disc{position:absolute;inset:0;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;
  background:radial-gradient(circle at 35% 28%,rgba(var(--w),.22),rgba(var(--w),.03) 60%),linear-gradient(160deg,rgba(var(--mk),.9),rgba(var(--mk),.95));
  border:1px solid rgba(var(--w),.16);box-shadow:0 10px 24px -8px rgba(0,0,0,.7),inset 0 1px 1px rgba(var(--w),.25);
  transition:transform .3s,box-shadow .3s;}
.vxn-piece:hover .vxn-piece-disc{transform:translateY(-4px) scale(1.05);box-shadow:0 16px 30px -8px var(--pc,rgba(192,132,252,.5)),inset 0 1px 1px rgba(var(--w),.3);}
.vxn-piece-disc svg{width:34%;height:34%;color:var(--pc,var(--vxn-cyan));}
.vxn-piece-lbl{font-family:var(--vxn-font-mono);font-size:.5rem;letter-spacing:.04em;color:var(--vxn-ink-2);text-transform:uppercase;font-weight:700;}
.vxn-piece-glow{position:absolute;inset:-30%;border-radius:50%;background:radial-gradient(circle,var(--pc,rgba(192,132,252,.4)),transparent 65%);opacity:.4;filter:blur(6px);z-index:-1;}
.vxn-tip{position:absolute;left:50%;bottom:112%;transform:translateX(-50%) translateY(6px);width:max-content;max-width:180px;
  background:rgba(var(--mk),.96);border:1px solid var(--vxn-line-2);border-radius:10px;padding:9px 12px;font-size:.74rem;color:var(--vxn-ink-2);line-height:1.45;
  opacity:0;visibility:hidden;transition:opacity .25s,transform .25s,visibility .25s;z-index:5;box-shadow:0 12px 30px -10px rgba(0,0,0,.8);pointer-events:none;}
.vxn-tip b{color:var(--pc,var(--vxn-cyan));font-family:var(--vxn-font-display);}
.vxn-piece:hover .vxn-tip{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0);}
.vxn-legend{display:flex;flex-direction:column;gap:8px;margin-top:26px;}
.vxn-lrow{display:flex;align-items:center;gap:12px;padding:11px 14px;border-radius:12px;border:1px solid var(--vxn-line);background:rgba(var(--w),.018);transition:background .25s,border-color .25s;cursor:default;}
.vxn-lrow:hover{background:rgba(var(--ln),.06);border-color:var(--vxn-line-2);}
.vxn-lrow .sw{width:12px;height:12px;border-radius:50%;flex-shrink:0;box-shadow:0 0 10px currentColor;}
.vxn-lrow b{font-family:var(--vxn-font-display);color:var(--vxn-ink);font-size:.92rem;min-width:74px;}
.vxn-lrow span{font-size:.85rem;color:var(--vxn-muted);}

/* ============================ INDUSTRY JOURNEYS (health / hospitality) ============================ */
.vxn-jintro{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap;}
.vxn-journey{position:relative;margin:46px 0 40px;padding:34px 12px 30px;border-radius:20px;}
.vxn-jtrack{position:relative;display:flex;justify-content:space-between;gap:8px;padding-top:8px;}
.vxn-jline{position:absolute;top:30px;left:5%;right:5%;height:2px;background:var(--vxn-line);border-radius:2px;}
.vxn-jline i{position:absolute;inset:0;width:0;background:linear-gradient(90deg,var(--ac1),var(--ac2));box-shadow:0 0 10px var(--ac2);transition:width 1.8s var(--vxn-ease);}
.vxn-jnode{position:relative;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;flex:1;min-width:0;z-index:2;}
.vxn-jdot{width:46px;height:46px;border-radius:14px;background:var(--vxn-deep);border:1px solid var(--vxn-line-2);display:flex;align-items:center;justify-content:center;color:var(--ac2,var(--vxn-cyan));transition:box-shadow .4s,border-color .4s,transform .4s;}
.vxn-jdot svg{width:21px;height:21px;}
.vxn-journey.is-in .vxn-jnode:nth-child(1) .vxn-jdot{box-shadow:0 0 0 4px rgba(192,132,252,.08),0 0 20px -4px var(--ac2);border-color:var(--ac2);}
.vxn-jlabel{font-size:.78rem;font-weight:600;color:var(--vxn-ink-2);line-height:1.3;max-width:90px;}
.vxn-jsub{font-family:var(--vxn-font-mono);font-size:.62rem;letter-spacing:.04em;color:var(--vxn-faint);text-transform:uppercase;}
.vxn-token{position:absolute;top:30px;left:5%;width:18px;height:18px;border-radius:50%;transform:translate(-50%,-50%);z-index:3;
  background:radial-gradient(circle at 35% 30%,#fff,var(--ac2));box-shadow:0 0 16px var(--ac2);}
.vxn-journey.is-in .vxn-token{animation:vxn-ride 7s var(--vxn-ease) .4s infinite;}
@keyframes vxn-ride{0%{left:5%;}12%{left:5%;}22%{left:24%;}34%{left:24%;}44%{left:50%;}56%{left:50%;}66%{left:76%;}78%{left:76%;}88%{left:95%;}100%{left:95%;}}
.vxn-cap-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(225px,1fr));gap:16px;margin-top:6px;}
.vxn-cap{padding:20px 18px;border-radius:16px;transition:transform .35s var(--vxn-ease),border-color .35s;}
.vxn-cap:hover{transform:translateY(-5px);}
.vxn-cap .ic{width:40px;height:40px;border-radius:11px;display:flex;align-items:center;justify-content:center;margin-bottom:13px;
  background:rgba(192,132,252,.1);color:var(--ac2,var(--vxn-cyan));}
.vxn-cap .ic svg{width:21px;height:21px;}
.vxn-cap h4{font-family:var(--vxn-font-display);font-size:1.02rem;color:var(--vxn-ink);margin:0 0 7px;}
.vxn-cap p{margin:0;font-size:.86rem;color:var(--vxn-muted);}
.vxn-note{display:inline-flex;align-items:center;gap:8px;margin-top:24px;font-size:.8rem;color:var(--vxn-faint);font-family:var(--vxn-font-mono);}
.vxn-note::before{content:"";width:14px;height:1px;background:var(--vxn-faint);}

/* ============================ SEO WALKTHROUGH ============================ */
.vxn-seo-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:42px;align-items:center;margin-top:46px;}
.vxn-query-chips{display:flex;flex-wrap:wrap;gap:9px;margin:22px 0 26px;}
.vxn-qchip{font-size:.82rem;font-weight:600;color:var(--vxn-ink-2);padding:8px 14px;border-radius:10px;border:1px solid var(--vxn-line);background:rgba(var(--w),.02);transition:all .25s;}
.vxn-qchip.is-on{border-color:transparent;background:linear-gradient(135deg,#7c3aed,#a855f7);color:#fff;box-shadow:0 6px 16px -6px rgba(124,58,237,.55);}
.vxn-seo-labels{display:flex;flex-direction:column;gap:9px;}
.vxn-seolab{display:flex;align-items:center;gap:11px;font-size:.88rem;color:var(--vxn-faint);transition:color .3s;}
.vxn-seolab .tick{width:20px;height:20px;border-radius:6px;border:1px solid var(--vxn-line-2);display:flex;align-items:center;justify-content:center;transition:all .3s;}
.vxn-seolab .tick svg{width:12px;height:12px;opacity:0;transition:opacity .3s;}
.vxn-seolab.is-lit{color:var(--vxn-ink);}
.vxn-seolab.is-lit .tick{background:var(--vxn-green);border-color:var(--vxn-green);}
.vxn-seolab.is-lit .tick svg{opacity:1;color:#04140d;}

.vxn-browser{position:relative;border-radius:16px;overflow:hidden;border:1px solid var(--vxn-glass-brd);
  background:linear-gradient(180deg,rgba(var(--mk),.96),rgba(var(--mk),.98));box-shadow:var(--vxn-shadow);min-height:430px;}
.vxn-bbar{display:flex;align-items:center;gap:8px;padding:11px 14px;border-bottom:1px solid var(--vxn-line);background:rgba(var(--w),.02);}
.vxn-bdots{display:flex;gap:6px;}
.vxn-bdots i{width:10px;height:10px;border-radius:50%;background:rgba(var(--w),.18);}
.vxn-burl{flex:1;display:flex;align-items:center;gap:8px;background:rgba(0,0,0,.3);border:1px solid var(--vxn-line);border-radius:9px;padding:6px 12px;font-family:var(--vxn-font-mono);font-size:.76rem;color:var(--vxn-muted);}
.vxn-burl svg{width:12px;height:12px;color:var(--vxn-green);}
.vxn-bbody{position:relative;padding:22px;min-height:380px;}
.vxn-seo-screen{position:absolute;inset:0;padding:24px;opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .5s,transform .5s,visibility .5s;}
.vxn-seo-screen.is-on{opacity:1;visibility:visible;transform:none;}
.vxn-search-box{display:flex;align-items:center;gap:12px;background:#fff;border-radius:999px;padding:14px 22px;box-shadow:0 8px 30px -8px rgba(0,0,0,.5);max-width:440px;margin:60px auto 0;}
.vxn-search-box svg{width:20px;height:20px;color:#5f6368;flex-shrink:0;}
.vxn-search-q{font-family:var(--vxn-font-body);font-size:1.02rem;color:#202124;font-weight:500;}
.vxn-search-q .car{display:inline-block;width:2px;height:1.05em;background:#4285f4;margin-left:1px;vertical-align:-2px;animation:vxn-blink 1s step-end infinite;}
@keyframes vxn-blink{50%{opacity:0;}}
.vxn-search-hint{text-align:center;color:var(--vxn-faint);font-size:.82rem;margin-top:22px;}
.vxn-serp{display:grid;grid-template-columns:1.4fr .9fr;gap:18px;}
.vxn-serp-list{display:flex;flex-direction:column;gap:11px;}
.vxn-result{padding:13px 15px;border-radius:12px;border:1px solid var(--vxn-line);background:rgba(var(--w),.025);transition:transform .6s var(--vxn-ease),border-color .5s,background .5s;}
.vxn-result .u{font-size:.72rem;color:var(--vxn-green);font-family:var(--vxn-font-mono);}
.vxn-result .t{font-family:var(--vxn-font-display);font-size:.98rem;color:var(--vxn-blue-2);margin:3px 0 5px;}
.vxn-result .d{font-size:.78rem;color:var(--vxn-muted);}
.vxn-result.is-win{border-color:var(--vxn-cyan);background:rgba(192,132,252,.08);box-shadow:0 0 0 1px rgba(192,132,252,.3),0 14px 30px -12px rgba(192,132,252,.4);}
.vxn-result .badges{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px;opacity:0;max-height:0;overflow:hidden;transition:opacity .5s,max-height .5s;}
.vxn-result.is-win .badges{opacity:1;max-height:50px;}
.vxn-badge{font-size:.66rem;font-weight:700;padding:3px 8px;border-radius:6px;background:rgba(16,185,129,.14);color:var(--vxn-green);}
.vxn-badge.star{background:rgba(245,158,11,.16);color:var(--vxn-amber);}
.vxn-mappack{border-radius:12px;border:1px solid var(--vxn-line);background:linear-gradient(160deg,rgba(124,58,237,.18),rgba(91,33,182,.1));position:relative;overflow:hidden;min-height:180px;padding:12px;}
.vxn-mappack .ml{font-family:var(--vxn-font-mono);font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;color:var(--vxn-muted);margin-bottom:8px;}
.vxn-pin{position:absolute;width:22px;height:22px;}
.vxn-pin svg{width:100%;height:100%;color:var(--vxn-faint);}
.vxn-pin.win svg{color:var(--vxn-cyan);filter:drop-shadow(0 0 8px var(--vxn-cyan));}
.vxn-pin.win{animation:vxn-bob 2s ease-in-out infinite;}
@keyframes vxn-bob{0%,100%{transform:translateY(0);}50%{transform:translateY(-5px);}}
.vxn-landing{max-width:430px;margin:0 auto;}
.vxn-landing .lh{font-family:var(--vxn-font-display);font-size:1.15rem;color:var(--vxn-ink);font-weight:700;margin-bottom:6px;}
.vxn-landing .lp{font-size:.84rem;color:var(--vxn-muted);margin-bottom:16px;}
.vxn-lform{display:flex;flex-direction:column;gap:10px;background:rgba(var(--w),.03);border:1px solid var(--vxn-line);border-radius:14px;padding:16px;}
.vxn-lfield{height:38px;border-radius:9px;background:rgba(0,0,0,.25);border:1px solid var(--vxn-line);display:flex;align-items:center;padding:0 13px;font-size:.82rem;color:var(--vxn-muted);}
.vxn-lbtn{height:40px;border-radius:9px;background:var(--vxn-grad-cta);color:var(--vxn-cta-ink);font-weight:700;display:flex;align-items:center;justify-content:center;font-size:.88rem;}
.vxn-crm-toast{display:flex;align-items:center;gap:10px;margin-top:14px;padding:11px 14px;border-radius:11px;background:rgba(16,185,129,.1);border:1px solid rgba(16,185,129,.4);
  font-size:.84rem;color:var(--vxn-green);font-weight:600;opacity:0;transform:translateY(8px);transition:opacity .5s .3s,transform .5s .3s;}
.vxn-seo-screen.is-on .vxn-crm-toast{opacity:1;transform:none;}
.vxn-crm-toast svg{width:18px;height:18px;}
.vxn-steps-dots{display:flex;gap:8px;justify-content:center;margin-top:18px;}
.vxn-sdot{width:9px;height:9px;border-radius:50%;background:var(--vxn-line-2);transition:all .3s;border:0;padding:0;}
.vxn-sdot.is-on{background:var(--vxn-cyan);box-shadow:0 0 10px var(--vxn-cyan);width:26px;border-radius:5px;}

/* ============================ PAID ADS ============================ */
.vxn-ads-grid{display:grid;grid-template-columns:1fr 1fr;gap:42px;align-items:center;margin-top:46px;}
.vxn-adstack{display:flex;flex-direction:column;gap:14px;}
.vxn-adcard{position:relative;padding:15px 16px;border-radius:14px;overflow:hidden;}
.vxn-adcard .tag{display:inline-flex;align-items:center;gap:6px;font-size:.68rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--vxn-cyan);margin-bottom:9px;}
.vxn-adcard .tag .pl{width:7px;height:7px;border-radius:2px;background:var(--vxn-cyan);}
.vxn-adcard h5{font-family:var(--vxn-font-display);font-size:.98rem;color:var(--vxn-ink);margin:0 0 4px;}
.vxn-adcard p{margin:0 0 11px;font-size:.8rem;color:var(--vxn-muted);}
.vxn-adcard .row{display:flex;align-items:center;justify-content:space-between;}
.vxn-adcard .cta-mini{font-size:.76rem;font-weight:700;color:var(--vxn-cta-ink);background:var(--vxn-grad-cta);padding:6px 12px;border-radius:8px;}
.vxn-adcard .meta{font-family:var(--vxn-font-mono);font-size:.72rem;color:var(--vxn-faint);}
.vxn-ripple{position:absolute;width:14px;height:14px;border-radius:50%;background:var(--vxn-cyan);pointer-events:none;opacity:0;}
.vxn-flow{padding:22px;border-radius:18px;}
.vxn-flow-h{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;}
.vxn-flow-h .lab{font-family:var(--vxn-font-mono);font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;color:var(--vxn-muted);}
.vxn-frow{margin-bottom:15px;}
.vxn-frow .top{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:6px;}
.vxn-frow .k{font-size:.84rem;color:var(--vxn-ink-2);font-weight:600;}
.vxn-frow .v{font-family:var(--vxn-font-mono);font-weight:700;font-size:1.05rem;color:var(--vxn-ink);}
.vxn-frow .v.hl{color:var(--vxn-cyan);} .vxn-frow .v.gr{color:var(--vxn-green);}
.vxn-fbar{height:8px;border-radius:5px;background:rgba(var(--w),.05);overflow:hidden;}
.vxn-fbar i{display:block;height:100%;width:0;border-radius:5px;background:var(--vxn-grad-cta);transition:width 1.4s var(--vxn-ease);}
.vxn-fbar i.g{background:linear-gradient(90deg,var(--vxn-green),var(--vxn-cyan));}
.vxn-cpl{margin-top:6px;display:flex;align-items:center;gap:12px;}
.vxn-cpl svg{flex:1;height:46px;}
.vxn-cpl .cv{font-family:var(--vxn-font-mono);font-size:.8rem;color:var(--vxn-green);font-weight:700;}

/* ============================ WEBSITE BEFORE/AFTER ============================ */
.vxn-web-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:42px;align-items:center;margin-top:46px;}
.vxn-ba{position:relative;aspect-ratio:16/11;border-radius:18px;overflow:hidden;border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);
  --pos:50%;user-select:none;touch-action:pan-y;}
.vxn-ba-layer{position:absolute;inset:0;padding:20px;display:flex;flex-direction:column;}
.vxn-ba-after{background:linear-gradient(160deg,#0c1430,#0a1126);}
.vxn-ba-before{background:linear-gradient(160deg,#161922,#101319);clip-path:inset(0 calc(100% - var(--pos)) 0 0);}
.vxn-ba-tag{position:absolute;top:14px;font-family:var(--vxn-font-mono);font-size:.64rem;letter-spacing:.1em;text-transform:uppercase;padding:5px 10px;border-radius:7px;z-index:4;}
.vxn-ba-before .vxn-ba-tag{left:14px;background:rgba(244,63,94,.16);color:var(--vxn-red);}
.vxn-ba-after .vxn-ba-tag{right:14px;background:rgba(16,185,129,.16);color:var(--vxn-green);}
.vxn-ba-handle{position:absolute;top:0;bottom:0;left:var(--pos);width:2px;background:var(--vxn-cyan);box-shadow:0 0 14px var(--vxn-cyan);z-index:5;transform:translateX(-1px);}
.vxn-ba-knob{position:absolute;top:50%;left:var(--pos);transform:translate(-50%,-50%);width:38px;height:38px;border-radius:50%;background:var(--vxn-deep);border:2px solid var(--vxn-cyan);display:flex;align-items:center;justify-content:center;z-index:6;box-shadow:0 6px 18px -4px rgba(0,0,0,.6);}
.vxn-ba-knob svg{width:18px;height:18px;color:var(--vxn-cyan);}
.vxn-ba input[type=range]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;z-index:7;margin:0;}
.vxn-mock-head{height:14px;width:55%;border-radius:4px;background:rgba(var(--w),.18);margin-bottom:10px;}
.vxn-mock-line{height:8px;border-radius:4px;background:rgba(var(--w),.08);margin-bottom:7px;}
.vxn-mock-cta{margin-top:auto;height:34px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:.74rem;font-weight:700;}
.vxn-mock-cta.weak{background:rgba(var(--w),.08);color:var(--vxn-muted);width:40%;}
.vxn-mock-cta.strong{background:var(--vxn-grad-cta);color:var(--vxn-cta-ink);width:70%;box-shadow:0 8px 22px -6px rgba(124,58,237,.6);}
.vxn-mock-badges{display:flex;gap:6px;margin-top:10px;}
.vxn-mock-badges span{height:18px;flex:1;border-radius:5px;background:rgba(16,185,129,.18);}
.vxn-web-compare{display:grid;grid-template-columns:1fr;gap:8px;}
.vxn-wc-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:center;padding:11px 14px;border-radius:11px;border:1px solid var(--vxn-line);background:rgba(var(--w),.015);}
.vxn-wc-b,.vxn-wc-a{display:flex;align-items:center;gap:8px;font-size:.82rem;}
.vxn-wc-b{color:var(--vxn-muted);} .vxn-wc-a{color:var(--vxn-ink-2);font-weight:600;}
.vxn-wc-b svg,.vxn-wc-a svg{width:15px;height:15px;flex-shrink:0;}
.vxn-wc-b svg{color:var(--vxn-red);} .vxn-wc-a svg{color:var(--vxn-green);}

/* ============================ CRM + AUTOMATION ============================ */
.vxn-crm-pipe{position:relative;display:flex;justify-content:space-between;gap:6px;margin:46px 0 30px;padding-top:10px;}
.vxn-crm-line{position:absolute;top:34px;left:4%;right:4%;height:2px;background:var(--vxn-line);}
.vxn-crm-line i{position:absolute;inset:0;width:0;background:linear-gradient(90deg,var(--vxn-violet),var(--vxn-cyan));box-shadow:0 0 10px var(--vxn-cyan);transition:width .5s linear;}
.vxn-cnode{position:relative;flex:1;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;z-index:2;min-width:0;}
.vxn-cring{width:50px;height:50px;border-radius:15px;background:var(--vxn-deep);border:1px solid var(--vxn-line-2);display:flex;align-items:center;justify-content:center;color:var(--vxn-muted);transition:all .4s;}
.vxn-cring svg{width:22px;height:22px;}
.vxn-cnode.is-done .vxn-cring{border-color:var(--vxn-green);color:var(--vxn-green);box-shadow:0 0 18px -4px var(--vxn-green);}
.vxn-cnode.is-active .vxn-cring{border-color:var(--vxn-cyan);color:var(--vxn-cyan);box-shadow:0 0 0 4px rgba(192,132,252,.1),0 0 22px -2px var(--vxn-cyan);transform:scale(1.08);}
.vxn-clabel{font-size:.74rem;font-weight:600;color:var(--vxn-ink-2);max-width:84px;line-height:1.3;}
.vxn-lead-chip{position:absolute;top:-8px;left:4%;transform:translateX(-50%);display:flex;align-items:center;gap:7px;
  background:rgba(var(--mk),.96);border:1px solid var(--vxn-cyan);border-radius:999px;padding:5px 12px 5px 8px;font-size:.74rem;font-weight:700;color:var(--vxn-ink);
  box-shadow:0 8px 22px -6px rgba(192,132,252,.5);z-index:4;transition:left .6s var(--vxn-ease);white-space:nowrap;}
.vxn-lead-chip .av{width:18px;height:18px;border-radius:50%;background:var(--vxn-grad-violet);display:flex;align-items:center;justify-content:center;font-size:.6rem;color:#fff;}
.vxn-recover{margin-top:14px;display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:18px;border-radius:16px;}
.vxn-recover .rt{font-family:var(--vxn-font-mono);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--vxn-amber);width:100%;margin-bottom:4px;}
.vxn-rstep{display:flex;align-items:center;gap:8px;font-size:.84rem;font-weight:600;color:var(--vxn-ink-2);padding:9px 14px;border-radius:10px;border:1px solid var(--vxn-line);background:rgba(var(--w),.02);opacity:.4;transition:opacity .4s,border-color .4s,transform .4s;}
.vxn-rstep.is-on{opacity:1;border-color:var(--vxn-amber);transform:translateY(-2px);}
.vxn-rstep svg{width:16px;height:16px;color:var(--vxn-amber);}
.vxn-rarrow{color:var(--vxn-faint);}
.vxn-rarrow svg{width:16px;height:16px;}

/* ============================ EXCLUSIVITY (territory lock) ============================ */
.vxn-excl-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:46px;align-items:center;margin-top:40px;}
.vxn-map{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:22px;border-radius:20px;}
.vxn-cell{position:relative;aspect-ratio:1;border-radius:14px;border:1px solid var(--vxn-line);background:rgba(var(--w),.02);
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;text-align:center;padding:8px;transition:all .5s;overflow:hidden;}
.vxn-cell .cl{font-size:.66rem;font-weight:600;color:var(--vxn-muted);line-height:1.25;}
.vxn-cell .ci{width:22px;height:22px;color:var(--vxn-faint);transition:color .4s;}
.vxn-cell .ci svg{width:100%;height:100%;}
.vxn-cell.is-taken{opacity:.4;}
.vxn-cell.is-taken .stamp{position:absolute;font-family:var(--vxn-font-mono);font-size:.6rem;letter-spacing:.1em;color:var(--vxn-red);border:1px solid var(--vxn-red);padding:2px 6px;border-radius:5px;transform:rotate(-12deg);opacity:0;transition:opacity .5s;}
.vxn-cell.is-taken.show .stamp{opacity:.85;}
.vxn-cell.is-yours{border-color:var(--vxn-cyan);background:linear-gradient(160deg,rgba(192,132,252,.14),rgba(192,132,252,.04));box-shadow:0 0 0 1px rgba(192,132,252,.4),0 14px 34px -12px rgba(192,132,252,.5);}
.vxn-cell.is-yours .ci{color:var(--vxn-cyan);}
.vxn-cell.is-yours .cl{color:#fff;}
.vxn-lock{opacity:0;transform:scale(.5);transition:opacity .4s,transform .4s;}
.vxn-cell.is-yours.locked .vxn-lock{opacity:1;transform:scale(1);}
.vxn-sweep{position:absolute;inset:0;pointer-events:none;border-radius:20px;overflow:hidden;}
.vxn-sweep::before{content:"";position:absolute;top:-50%;left:-50%;width:60%;height:200%;
  background:linear-gradient(90deg,transparent,rgba(192,132,252,.12),transparent);transform:rotate(18deg);animation:vxn-scan 5s linear infinite;}
@keyframes vxn-scan{0%{left:-60%;}100%{left:120%;}}
.vxn-excl-pts{display:flex;flex-direction:column;gap:12px;margin:24px 0;}
.vxn-ep{display:flex;gap:12px;align-items:flex-start;}
.vxn-ep .epi{width:34px;height:34px;border-radius:10px;background:rgba(192,132,252,.1);color:var(--vxn-cyan);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.vxn-ep .epi svg{width:18px;height:18px;}
.vxn-ep b{font-family:var(--vxn-font-display);color:var(--vxn-ink);font-size:.95rem;display:block;}
.vxn-ep span{font-size:.85rem;color:var(--vxn-muted);}

/* ============================ REPORTING DASHBOARD ============================ */
.vxn-dashboard{margin-top:46px;padding:26px;border-radius:24px;}
.vxn-db-top{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:22px;}
.vxn-db-title{display:flex;align-items:center;gap:12px;}
.vxn-db-title .dt{font-family:var(--vxn-font-display);font-weight:700;color:var(--vxn-ink);font-size:1.05rem;}
.vxn-db-title .live{display:inline-flex;align-items:center;gap:7px;font-family:var(--vxn-font-mono);font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;color:var(--vxn-green);}
.vxn-db-title .live i{width:7px;height:7px;border-radius:50%;background:var(--vxn-green);box-shadow:0 0 9px var(--vxn-green);animation:vxn-pulse 1.8s infinite;}
.vxn-db-range{display:flex;gap:6px;}
.vxn-db-range span{font-size:.72rem;font-weight:600;color:var(--vxn-muted);padding:6px 11px;border-radius:8px;border:1px solid var(--vxn-line);}
.vxn-db-range span.on{background:rgba(192,132,252,.12);color:#fff;border-color:var(--vxn-cyan);}
.vxn-kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:13px;margin-bottom:18px;}
.vxn-kpi{padding:15px 16px;border-radius:14px;border:1px solid var(--vxn-line);background:rgba(var(--w),.02);}
.vxn-kpi .k{font-size:.72rem;color:var(--vxn-faint);font-weight:600;text-transform:uppercase;letter-spacing:.03em;margin-bottom:7px;display:flex;align-items:center;gap:6px;}
.vxn-kpi .k svg{width:13px;height:13px;}
.vxn-kpi .v{font-family:var(--vxn-font-mono);font-weight:700;font-size:1.4rem;color:var(--vxn-ink);line-height:1.1;font-variant-numeric:tabular-nums;}
.vxn-kpi .v.c{color:var(--vxn-cyan);} .vxn-kpi .v.g{color:var(--vxn-green);} .vxn-kpi .v.a{color:var(--vxn-amber);}
.vxn-kpi .delta{font-size:.72rem;font-weight:700;margin-top:4px;}
.vxn-kpi .delta.up{color:var(--vxn-green);} .vxn-kpi .delta.down{color:var(--vxn-green);}
.vxn-db-charts{display:grid;grid-template-columns:1.5fr 1fr;gap:14px;}
.vxn-chartcard{padding:18px;border-radius:14px;border:1px solid var(--vxn-line);background:rgba(var(--w),.018);}
.vxn-chartcard .ct{font-size:.78rem;color:var(--vxn-muted);font-weight:600;margin-bottom:16px;display:flex;justify-content:space-between;}
.vxn-bars{display:flex;align-items:flex-end;gap:9px;height:120px;}
.vxn-bar{flex:1;border-radius:6px 6px 0 0;background:linear-gradient(180deg,var(--vxn-cyan),rgba(124,58,237,.4));height:0;transition:height 1.1s var(--vxn-ease);min-height:4px;position:relative;}
.vxn-bar:nth-child(even){background:linear-gradient(180deg,var(--vxn-violet),rgba(124,58,237,.4));}
.vxn-bars-x{display:flex;gap:9px;margin-top:8px;}
.vxn-bars-x span{flex:1;text-align:center;font-family:var(--vxn-font-mono);font-size:.58rem;color:var(--vxn-faint);}
.vxn-donut{display:flex;align-items:center;gap:16px;}
.vxn-donut svg{width:104px;height:104px;flex-shrink:0;}
.vxn-donut .leg{display:flex;flex-direction:column;gap:8px;}
.vxn-donut .lg{display:flex;align-items:center;gap:8px;font-size:.76rem;color:var(--vxn-ink-2);}
.vxn-donut .lg i{width:9px;height:9px;border-radius:3px;}

/* ============================ SERVICES ============================ */
.vxn-svc-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(232px,1fr));gap:15px;margin-top:46px;}
.vxn-svc{padding:20px;border-radius:16px;transition:transform .4s var(--vxn-ease),border-color .4s;}
.vxn-svc:hover{transform:translateY(-5px);}
.vxn-svc .ic{width:40px;height:40px;border-radius:11px;background:rgba(var(--ln),.1);color:var(--vxn-cyan);display:flex;align-items:center;justify-content:center;margin-bottom:13px;}
.vxn-svc .ic svg{width:21px;height:21px;}
.vxn-svc h4{font-family:var(--vxn-font-display);font-size:1.02rem;color:var(--vxn-ink);margin:0 0 7px;}
.vxn-svc .cr{font-size:.74rem;font-weight:700;color:var(--vxn-green);text-transform:uppercase;letter-spacing:.04em;margin-bottom:5px;font-family:var(--vxn-font-mono);}
.vxn-svc p{margin:0;font-size:.84rem;color:var(--vxn-muted);}

/* ============================ CASE STUDIES ============================ */
.vxn-case-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px;margin-top:46px;}
.vxn-case{padding:24px;border-radius:18px;transition:transform .4s var(--vxn-ease);}
.vxn-case:hover{transform:translateY(-6px);}
.vxn-case .ind{display:inline-flex;align-items:center;gap:8px;font-size:.74rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--vxn-cyan);margin-bottom:18px;}
.vxn-case .ind .d{width:8px;height:8px;border-radius:50%;background:var(--vxn-cyan);box-shadow:0 0 8px var(--vxn-cyan);}
.vxn-cstat{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:13px 0;border-bottom:1px solid var(--vxn-line);}
.vxn-cstat:last-of-type{border-bottom:0;}
.vxn-cstat .cv{font-family:var(--vxn-font-mono);font-weight:700;font-size:1.5rem;color:var(--vxn-ink);font-variant-numeric:tabular-nums;}
.vxn-cstat .cv.g{color:var(--vxn-green);} .vxn-cstat .cv.c{color:var(--vxn-cyan);}
.vxn-cstat .cl{font-size:.8rem;color:var(--vxn-muted);text-align:right;max-width:54%;}

/* ============================ PROCESS TIMELINE ============================ */
.vxn-timeline{position:relative;max-width:780px;margin:46px auto 0;padding-left:42px;}
.vxn-timeline::before{content:"";position:absolute;left:15px;top:8px;bottom:8px;width:2px;background:var(--vxn-line);}
.vxn-tline-fill{position:absolute;left:15px;top:8px;width:2px;height:0;background:linear-gradient(180deg,var(--vxn-cyan),var(--vxn-violet));box-shadow:0 0 12px var(--vxn-cyan);transition:height 1.6s var(--vxn-ease);}
.vxn-tstep{position:relative;padding:0 0 30px;}
.vxn-tstep:last-child{padding-bottom:0;}
.vxn-tstep .tn{position:absolute;left:-42px;top:0;width:32px;height:32px;border-radius:10px;background:var(--vxn-deep);border:1px solid var(--vxn-line-2);
  display:flex;align-items:center;justify-content:center;font-family:var(--vxn-font-mono);font-size:.78rem;font-weight:700;color:var(--vxn-cyan);}
.vxn-tstep h4{font-family:var(--vxn-font-display);font-size:1.08rem;color:var(--vxn-ink);margin:2px 0 5px;}
.vxn-tstep p{margin:0;font-size:.88rem;color:var(--vxn-muted);}

/* ============================ FINAL CTA ============================ */
.vxn-final{position:relative;text-align:center;padding-block:clamp(80px,13vh,150px);overflow:hidden;}
.vxn-final-orb{position:absolute;top:50%;left:50%;width:520px;height:520px;transform:translate(-50%,-50%);z-index:0;pointer-events:none;
  background:radial-gradient(circle,rgba(192,132,252,.18),rgba(124,58,237,.08) 40%,transparent 70%);}
.vxn-final-inner{position:relative;z-index:2;max-width:720px;margin-inline:auto;}
.vxn-final h2{margin-bottom:20px;}
.vxn-final-cta{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;margin-top:32px;}
.vxn-final-trust{margin-top:24px;font-size:.85rem;color:var(--vxn-faint);font-family:var(--vxn-font-mono);}

/* ============================ FOOTER ============================ */
.vxn-footer{position:relative;border-top:1px solid var(--vxn-line);padding-top:60px;padding-bottom:34px;}
.vxn-foot-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:36px;}
.vxn-foot-brand .vxn-brand{margin-bottom:14px;}
.vxn-foot-brand p{font-size:.88rem;color:var(--vxn-muted);max-width:30ch;}
.vxn-foot-col h5{font-family:var(--vxn-font-mono);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--vxn-faint);margin:0 0 16px;}
.vxn-foot-col a{display:block;font-size:.88rem;color:var(--vxn-ink-2);padding:5px 0;transition:color .25s;}
.vxn-foot-col a:hover{color:var(--vxn-cyan);}
.vxn-foot-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:44px;padding-top:22px;border-top:1px solid var(--vxn-line);}
.vxn-foot-bottom .lg{font-size:.8rem;color:var(--vxn-faint);}
.vxn-foot-bottom .disc{font-size:.76rem;color:var(--vxn-faint);max-width:48ch;}

/* ============================ STICKY MOBILE CTA ============================ */
.vxn-sticky{position:fixed;left:14px;right:14px;bottom:14px;z-index:70;display:none;transform:translateY(140%);transition:transform .45s var(--vxn-ease);}
.vxn-sticky.is-on{transform:none;}
.vxn-sticky a{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;background:var(--vxn-grad-cta);color:var(--vxn-cta-ink);
  font-family:var(--vxn-font-display);font-weight:700;padding:15px;border-radius:14px;box-shadow:0 14px 40px -8px rgba(124,58,237,.7);}
.vxn-sticky a svg{width:18px;height:18px;}

/* ============================ RESPONSIVE ============================ */
@media(max-width:980px){
  .vxn-hero-grid,.vxn-leak-grid,.vxn-board-grid,.vxn-seo-grid,.vxn-ads-grid,.vxn-web-grid,.vxn-excl-grid{grid-template-columns:1fr;gap:38px;}
  .vxn-engine{max-width:440px;order:-1;}
  .vxn-board,.vxn-funnel-stage{max-width:420px;}
  .vxn-db-charts{grid-template-columns:1fr;}
  .vxn-foot-grid{grid-template-columns:1fr 1fr;gap:30px;}
  .vxn-foot-brand{grid-column:1/-1;}
}
@media(max-width:680px){
  .vxn-section{padding-block:clamp(58px,9vh,86px);}
  .vxn-jtrack,.vxn-crm-pipe{overflow-x:auto;justify-content:flex-start;gap:18px;padding-bottom:10px;}
  .vxn-jnode,.vxn-cnode{flex:0 0 96px;}
  .vxn-jline,.vxn-token,.vxn-crm-line{display:none;}
  .vxn-serp{grid-template-columns:1fr;}
  .vxn-foot-grid{grid-template-columns:1fr;}
  .vxn-sticky{display:block;}
  .vxn-foot-bottom{flex-direction:column;align-items:flex-start;}
}

/* ============================ REDUCED MOTION ============================ */
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important;}
  .vxn-reveal{opacity:1!important;transform:none!important;}
  .vxn-piece{opacity:1!important;transform:translate(-50%,-50%) scale(1)!important;}
  .vxn-token,.vxn-sweep::before,.vxn-pin.win{animation:none!important;}
}
/* =====================================================================
   v2 COMPONENT LAYER  (overrides win by source order)
   ===================================================================== */

/* header surface tokens */
:root{ --vxn-header:rgba(255,255,255,0.70); --vxn-header-2:rgba(255,255,255,0.90); }
:root[data-theme="dark"]{ --vxn-header:rgba(12,9,26,0.66); --vxn-header-2:rgba(12,9,26,0.88); }

/* focus ring (a11y) */
:where(a,button,input,select,textarea,[tabindex]):focus-visible{
  outline:2px solid var(--vxn-blue);outline-offset:2px;border-radius:6px;}

/* ----- smaller headings ----- */
.vxn-h1{font-size:clamp(2.0rem,4.6vw,3.4rem);}
.vxn-h2{font-size:clamp(1.5rem,3vw,2.15rem);}
.vxn-h3{font-size:clamp(1.05rem,1.7vw,1.25rem);}

/* SVG funnel labels (theme-aware fills) */
.vxn-fn-strong{fill:var(--vxn-ink);}
.vxn-fn-mid{fill:var(--vxn-ink-2);}

/* ----- ambient atmosphere : theme-aware ----- */
.vxn-atmos{background:
  radial-gradient(1100px 720px at 82% -12%, rgba(124,58,237,0.06), transparent 58%),
  radial-gradient(880px 680px at 2% 6%, rgba(168,85,247,0.05), transparent 60%),
  radial-gradient(1000px 820px at 60% 114%, rgba(192,132,252,0.045), transparent 55%),
  var(--vxn-void);}
:root[data-theme="dark"] .vxn-atmos{background:
  radial-gradient(1100px 720px at 80% -10%, rgba(124,58,237,0.24), transparent 60%),
  radial-gradient(900px 700px at 4% 8%, rgba(139,92,246,0.17), transparent 60%),
  radial-gradient(1000px 820px at 60% 112%, rgba(192,132,252,0.11), transparent 55%),
  var(--vxn-void);}
.vxn-grain{opacity:.022;}
:root[data-theme="dark"] .vxn-grain{opacity:.04;}

/* ===================================================================
   NEW HEADER  (.vxn-hd-*)  — clean, sticky, conventional-premium
   =================================================================== */
.vxn-hd{position:sticky;top:0;z-index:100;
  background:var(--vxn-header);
  -webkit-backdrop-filter:saturate(150%) blur(16px);backdrop-filter:saturate(150%) blur(16px);
  border-bottom:1px solid var(--vxn-line);
  transition:background .3s var(--vxn-ease),border-color .3s,box-shadow .3s;}
.vxn-hd.is-scrolled{background:var(--vxn-header-2);
  box-shadow:0 12px 34px -20px rgba(76,29,149,.4);border-bottom-color:var(--vxn-glass-brd);}
.vxn-hd-bar{max-width:var(--vxn-shell);margin:0 auto;padding:15px 22px;
  display:flex;align-items:center;gap:16px;transition:padding .3s var(--vxn-ease);}
.vxn-hd.is-scrolled .vxn-hd-bar{padding:9px 22px;}
.vxn-hd-brand{display:inline-flex;align-items:center;gap:11px;margin-right:auto;}
.vxn-hd-mark{width:34px;height:34px;flex:none;}
.vxn-hd-word{font-family:var(--vxn-font-display);font-weight:800;letter-spacing:.16em;
  font-size:1.05rem;color:var(--vxn-ink);}
.vxn-hd-nav{display:flex;align-items:center;gap:2px;}
.vxn-hd-link{position:relative;padding:9px 14px;border-radius:10px;font-weight:600;
  font-size:.94rem;color:var(--vxn-muted);transition:color .2s;}
.vxn-hd-link::after{content:"";position:absolute;left:14px;right:14px;bottom:5px;height:2px;border-radius:2px;
  background:var(--vxn-grad-cta);transform:scaleX(0);transform-origin:left;transition:transform .26s var(--vxn-ease);}
.vxn-hd-link:hover{color:var(--vxn-ink);}
.vxn-hd-link:hover::after{transform:scaleX(1);}
.vxn-hd-actions{display:flex;align-items:center;gap:10px;}
.vxn-hd-toggle{width:40px;height:40px;border-radius:11px;display:inline-grid;place-items:center;
  background:var(--vxn-glass-2);border:1px solid var(--vxn-glass-brd);color:var(--vxn-ink-2);
  transition:transform .2s,border-color .2s,color .2s;}
.vxn-hd-toggle:hover{color:var(--vxn-blue);border-color:var(--vxn-blue);transform:translateY(-1px);}
.vxn-hd-toggle svg{width:19px;height:19px;}
.vxn-hd-toggle .vxn-ic-moon{display:none;}
:root[data-theme="dark"] .vxn-hd-toggle .vxn-ic-sun{display:none;}
:root[data-theme="dark"] .vxn-hd-toggle .vxn-ic-moon{display:block;}
.vxn-hd-cta{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:11px;
  font-weight:700;font-size:.92rem;background:var(--vxn-grad-cta);color:var(--vxn-cta-ink);
  box-shadow:var(--vxn-glow-cta);transition:transform .2s,box-shadow .2s;}
.vxn-hd-cta:hover{transform:translateY(-1px);box-shadow:0 20px 46px -14px rgba(124,58,237,.6);}
.vxn-hd-burger{display:none;width:42px;height:42px;border-radius:11px;
  background:var(--vxn-glass-2);border:1px solid var(--vxn-glass-brd);color:var(--vxn-ink);
  align-items:center;justify-content:center;}
.vxn-hd-burger svg{width:22px;height:22px;}
.vxn-hd-mobile{display:none;}
@media (max-width:860px){
  .vxn-hd-nav,.vxn-hd-cta{display:none;}
  .vxn-hd-burger{display:inline-flex;}
  .vxn-hd-mobile{display:block;max-height:0;overflow:hidden;
    transition:max-height .38s var(--vxn-ease);
    background:var(--vxn-header-2);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);
    border-bottom:1px solid var(--vxn-line);}
  .vxn-hd-mobile.is-open{max-height:460px;}
  .vxn-hd-mlist{max-width:var(--vxn-shell);margin:0 auto;padding:8px 22px 22px;
    display:flex;flex-direction:column;gap:4px;}
  .vxn-hd-mlink{padding:14px 12px;border-radius:12px;font-weight:600;color:var(--vxn-ink-2);
    border:1px solid transparent;transition:background .2s,border-color .2s;}
  .vxn-hd-mlink:hover{background:var(--vxn-glass-2);border-color:var(--vxn-glass-brd);}
  .vxn-hd-mcta{margin-top:10px;justify-content:center;display:inline-flex;align-items:center;gap:8px;
    padding:15px 18px;border-radius:12px;font-weight:700;background:var(--vxn-grad-cta);
    color:var(--vxn-cta-ink);box-shadow:var(--vxn-glow-cta);}
}

/* ===================================================================
   IMAGES — real photos with graceful purple fallbacks
   =================================================================== */
.vxn-figure{position:relative;border-radius:var(--vxn-r);overflow:hidden;
  border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);background:var(--vxn-panel-2);}
.vxn-figure img{width:100%;height:100%;object-fit:cover;display:block;}
.vxn-ph{position:absolute;inset:0;display:none;align-items:center;justify-content:center;
  background:linear-gradient(150deg,#2a1d4d 0%,#7c3aed 60%,#a855f7 100%);color:#fff;}
.vxn-ph svg{width:40%;height:40%;opacity:.92;}
.vxn-figtag{position:absolute;left:13px;bottom:13px;z-index:2;display:inline-flex;align-items:center;gap:7px;
  padding:7px 13px;border-radius:999px;font-size:.76rem;font-weight:700;letter-spacing:.02em;color:#fff;
  background:rgba(11,8,24,.46);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
  border:1px solid rgba(255,255,255,.20);}
.vxn-ind-figure{aspect-ratio:4/3;margin-top:22px;}
.vxn-avatars{display:flex;align-items:center;}
.vxn-avatar{width:42px;height:42px;border-radius:50%;overflow:hidden;position:relative;flex:none;
  border:2px solid var(--vxn-panel);margin-left:-11px;
  background:linear-gradient(150deg,#7c3aed,#c084fc);box-shadow:0 2px 9px -2px rgba(76,29,149,.5);}
.vxn-avatar:first-child{margin-left:0;}
.vxn-avatar img{width:100%;height:100%;object-fit:cover;display:block;}
.vxn-avatar .vxn-ph{font-weight:800;font-size:.88rem;font-family:var(--vxn-font-display);}
.vxn-case-avatar{width:48px;height:48px;border-radius:50%;overflow:hidden;position:relative;flex:none;
  border:1px solid var(--vxn-glass-brd);background:linear-gradient(150deg,#7c3aed,#c084fc);}
.vxn-case-avatar img{width:100%;height:100%;object-fit:cover;display:block;}
.vxn-case-avatar .vxn-ph{font-weight:800;font-family:var(--vxn-font-display);}
.vxn-case-person{display:flex;align-items:center;gap:12px;margin-bottom:16px;}
.vxn-case-person .nm{font-family:var(--vxn-font-display);font-weight:700;font-size:.92rem;color:var(--vxn-ink);line-height:1.2;}
.vxn-case-person .rl{font-size:.8rem;color:var(--vxn-muted);}
.vxn-hero-proof{display:flex;align-items:center;gap:14px;margin-top:26px;flex-wrap:wrap;}
.vxn-hero-proof .txt{font-size:.86rem;color:var(--vxn-muted);max-width:24ch;line-height:1.45;}
.vxn-hero-proof .txt b{color:var(--vxn-ink-2);font-weight:700;}

/* ===================================================================
   NEW FOOTER  (.vxn-ft-*)
   =================================================================== */
.vxn-ft{position:relative;margin-top:96px;
  background:linear-gradient(180deg,var(--vxn-deep),var(--vxn-void));
  border-top:1px solid var(--vxn-line);}
.vxn-ft-cta{max-width:var(--vxn-shell);margin:0 auto;padding:58px 22px 8px;
  display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:26px;}
.vxn-ft-cta-copy h2{font-family:var(--vxn-font-display);font-weight:800;
  font-size:clamp(1.5rem,3vw,2.15rem);color:var(--vxn-ink);margin:0;letter-spacing:-.02em;
  max-width:20ch;line-height:1.12;}
.vxn-ft-cta-copy p{color:var(--vxn-muted);margin:10px 0 0;max-width:44ch;}
.vxn-ft-cta-btn{display:inline-flex;align-items:center;gap:9px;padding:15px 26px;border-radius:13px;
  font-weight:700;background:var(--vxn-grad-cta);color:var(--vxn-cta-ink);box-shadow:var(--vxn-glow-cta);
  white-space:nowrap;transition:transform .2s,box-shadow .2s;}
.vxn-ft-cta-btn:hover{transform:translateY(-2px);box-shadow:0 22px 50px -14px rgba(124,58,237,.6);}
.vxn-ft-grid{max-width:var(--vxn-shell);margin:34px auto 0;padding:42px 22px;
  display:grid;grid-template-columns:1.7fr 1fr 1fr 1fr;gap:32px;border-top:1px solid var(--vxn-line);}
.vxn-ft-brand p{color:var(--vxn-muted);font-size:.92rem;max-width:34ch;line-height:1.65;margin:14px 0 0;}
.vxn-ft-col h4{font-family:var(--vxn-font-display);font-size:.78rem;letter-spacing:.13em;
  text-transform:uppercase;color:var(--vxn-faint);margin:2px 0 14px;}
.vxn-ft-col a{display:block;color:var(--vxn-ink-2);font-size:.92rem;padding:7px 0;transition:color .2s;}
.vxn-ft-col a:hover{color:var(--vxn-blue);}
.vxn-ft-disc{max-width:var(--vxn-shell);margin:0 auto;padding:0 22px 26px;}
.vxn-ft-disc p{color:var(--vxn-faint);font-size:.78rem;line-height:1.65;
  border-top:1px dashed var(--vxn-line);padding-top:20px;margin:0;}
.vxn-ft-bottom{border-top:1px solid var(--vxn-line);}
.vxn-ft-bottom-in{max-width:var(--vxn-shell);margin:0 auto;padding:22px;
  display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;}
.vxn-ft-copy{color:var(--vxn-faint);font-size:.85rem;}
.vxn-ft-social{display:flex;gap:10px;}
.vxn-ft-social a{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;
  background:var(--vxn-glass-2);border:1px solid var(--vxn-glass-brd);color:var(--vxn-ink-2);
  transition:color .2s,border-color .2s,transform .2s;}
.vxn-ft-social a:hover{color:var(--vxn-blue);border-color:var(--vxn-blue);transform:translateY(-2px);}
.vxn-ft-social svg{width:18px;height:18px;}
@media (max-width:780px){.vxn-ft-grid{grid-template-columns:1fr 1fr;}.vxn-ft-brand{grid-column:1/-1;}}
@media (max-width:480px){.vxn-ft-grid{grid-template-columns:1fr;}}

.vxn-leak-money{margin-top:18px;padding:18px 20px;border-radius:16px;text-align:center;
  background:linear-gradient(160deg,rgba(244,63,94,.10),rgba(124,58,237,.06));
  border:1px solid var(--vxn-glass-brd);}
.vxn-leak-money .big{display:block;font-family:var(--vxn-font-display);font-weight:800;
  font-size:clamp(1.6rem,3vw,2.1rem);color:var(--vxn-red);letter-spacing:-.02em;}
.vxn-leak-money .sub{display:block;margin-top:6px;font-size:.84rem;color:var(--vxn-muted);line-height:1.5;}

/* ===================================================================
   ABOUT SECTION
   =================================================================== */
.vxn-about-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:46px;align-items:center;margin-top:42px;}
.vxn-about-figure{position:relative;border-radius:var(--vxn-r);overflow:hidden;
  border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);background:var(--vxn-panel-2);aspect-ratio:4/3;}
.vxn-about-figure img{width:100%;height:100%;object-fit:cover;display:block;}
.vxn-about-badge{position:absolute;left:16px;bottom:16px;z-index:2;display:flex;align-items:center;gap:12px;
  padding:12px 16px;border-radius:14px;background:rgba(11,8,24,.55);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
  border:1px solid rgba(255,255,255,.18);}
.vxn-about-badge .n{font-family:var(--vxn-font-display);font-weight:800;font-size:1.3rem;color:#fff;line-height:1;}
.vxn-about-badge .l{font-size:.74rem;color:rgba(255,255,255,.8);line-height:1.3;}
.vxn-about-lead{font-size:1.05rem;color:var(--vxn-ink-2);line-height:1.7;margin:18px 0 0;}
.vxn-about-lead b{color:var(--vxn-ink);font-weight:700;}
.vxn-about-points{display:grid;gap:14px;margin-top:24px;}
.vxn-about-point{display:flex;gap:13px;align-items:flex-start;}
.vxn-about-point .ic{width:34px;height:34px;flex:none;border-radius:10px;display:grid;place-items:center;
  background:linear-gradient(150deg,rgba(124,58,237,.16),rgba(192,132,252,.10));color:var(--vxn-blue);border:1px solid var(--vxn-glass-brd);}
.vxn-about-point .ic svg{width:18px;height:18px;}
.vxn-about-point h4{font-family:var(--vxn-font-display);font-weight:600;font-size:.98rem;color:var(--vxn-ink);margin:2px 0 3px;}
.vxn-about-point p{font-size:.88rem;color:var(--vxn-muted);line-height:1.55;margin:0;}
@media (max-width:820px){ .vxn-about-grid{grid-template-columns:1fr;gap:30px;} }
/* ===================================================================
   MEGA MENU
   =================================================================== */
.vxn-hd-mega-btn{background:transparent;border:0;font-family:inherit;cursor:pointer;display:inline-flex;align-items:center;gap:6px;}
.vxn-hd-chev{transition:transform .25s var(--vxn-ease);}
.vxn-hd-mega-btn[aria-expanded="true"]{color:var(--vxn-ink);}
.vxn-hd-mega-btn[aria-expanded="true"] .vxn-hd-chev{transform:rotate(180deg);}
.vxn-hd-mega{position:absolute;top:100%;left:0;right:0;z-index:99;
  background:var(--vxn-panel);
  border-top:1px solid var(--vxn-line);border-bottom:1px solid var(--vxn-glass-brd);
  box-shadow:0 36px 70px -34px rgba(76,29,149,.42);
  opacity:0;visibility:hidden;transform:translateY(-10px);pointer-events:none;
  transition:opacity .26s var(--vxn-ease),transform .26s var(--vxn-ease),visibility .26s;}
.vxn-hd-mega.is-open{opacity:1;visibility:visible;transform:none;pointer-events:auto;}
.vxn-hd-mega-in{max-width:var(--vxn-shell);margin:0 auto;padding:30px 22px 34px;
  display:grid;grid-template-columns:1.25fr 1fr 1.15fr;gap:30px;}
.vxn-hd-mega-col h4{font-family:var(--vxn-font-display);font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;
  color:var(--vxn-faint);margin:0 0 12px;padding-left:10px;}
.vxn-hd-mega-col a{display:flex;align-items:center;gap:12px;padding:10px;border-radius:12px;
  border:1px solid transparent;transition:background .18s,border-color .18s,transform .18s;}
.vxn-hd-mega-col a:hover{background:var(--vxn-glass-2);border-color:var(--vxn-glass-brd);transform:translateX(2px);}
.vxn-hd-mega-col a .ic{width:34px;height:34px;flex:none;border-radius:9px;display:grid;place-items:center;
  background:linear-gradient(150deg,rgba(124,58,237,.16),rgba(192,132,252,.10));color:var(--vxn-blue);border:1px solid var(--vxn-glass-brd);}
.vxn-hd-mega-col a .ic svg{width:18px;height:18px;}
.vxn-hd-mega-col a .tx b{display:block;font-family:var(--vxn-font-display);font-weight:600;font-size:.92rem;color:var(--vxn-ink);}
.vxn-hd-mega-col a .tx span{display:block;font-size:.78rem;color:var(--vxn-muted);margin-top:1px;}
.vxn-hd-mega-col:nth-child(2) a{padding:12px;}
.vxn-hd-mega-feature{background:linear-gradient(160deg,rgba(124,58,237,.10),rgba(192,132,252,.05));
  border:1px solid var(--vxn-glass-brd);border-radius:16px;padding:22px;display:flex;flex-direction:column;}
.vxn-hd-mega-feature h3{font-family:var(--vxn-font-display);font-weight:700;font-size:1.05rem;color:var(--vxn-ink);
  margin:10px 0 8px;line-height:1.25;letter-spacing:-.01em;}
.vxn-hd-mega-feature p{color:var(--vxn-muted);font-size:.86rem;line-height:1.55;margin:0 0 16px;}
.vxn-hd-mega-cta{margin-top:auto;align-self:flex-start;display:inline-flex;align-items:center;gap:8px;
  padding:11px 18px;border-radius:11px;font-weight:700;font-size:.86rem;background:var(--vxn-grad-cta);color:var(--vxn-cta-ink);box-shadow:var(--vxn-glow-cta);}
@media (max-width:860px){ .vxn-hd-mega{display:none !important;} }
@media (prefers-reduced-motion:reduce){ .vxn-hd-mega,.vxn-hd-chev{transition:none !important;} }

/* ===================================================================
   HERO v3 — particles.js network + centered creative layout
   =================================================================== */
.vxn-hero{position:relative;overflow:hidden;min-height:clamp(580px,88vh,880px);
  display:flex;align-items:center;padding-top:48px;padding-bottom:56px;}
#vxn-particles{position:absolute;inset:0;z-index:0;}
#vxn-particles canvas{display:block !important;}
.vxn-hero-glow{position:absolute;inset:0;z-index:0;pointer-events:none;background:
  radial-gradient(640px 440px at 50% 30%, rgba(124,58,237,.16), transparent 70%),
  radial-gradient(520px 380px at 84% 72%, rgba(192,132,252,.12), transparent 70%),
  radial-gradient(480px 360px at 12% 78%, rgba(168,85,247,.10), transparent 70%);}
.vxn-hero .vxn-shell{position:relative;z-index:2;}
.vxn-hero-center{max-width:900px;margin:0 auto;text-align:center;display:flex;flex-direction:column;align-items:center;}
.vxn-hero-center .vxn-h1{margin:16px auto 0;}
.vxn-hero-center .vxn-lead{margin:20px auto 0;text-align:center;}
.vxn-hero-center .vxn-hero-cta{justify-content:center;margin-top:30px;display:flex;gap:14px;flex-wrap:wrap;}
.vxn-hero-center .vxn-hero-proof{justify-content:center;margin-top:28px;}
.vxn-hero-metrics{margin-top:40px;padding:6px;border-radius:18px;width:100%;max-width:800px;}
.vxn-hero-metrics .cap{text-align:center;font-size:.82rem;font-weight:700;color:var(--vxn-red);
  padding:12px 16px 11px;line-height:1.4;}
.vxn-hm-row{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--vxn-line);}
.vxn-hm-row .cell{padding:16px 14px 18px;text-align:center;position:relative;}
.vxn-hm-row .cell + .cell::before{content:"";position:absolute;left:0;top:22%;bottom:22%;width:1px;background:var(--vxn-line);}
.vxn-hm-row .v{font-family:var(--vxn-font-display);font-weight:800;font-size:clamp(1.35rem,2.5vw,1.9rem);color:var(--vxn-ink);letter-spacing:-.02em;}
.vxn-hm-row .v.g{color:var(--vxn-green);}
.vxn-hm-row .v.c{color:var(--vxn-blue);}
.vxn-hm-row .k{font-size:.74rem;color:var(--vxn-muted);margin-top:5px;letter-spacing:.01em;line-height:1.3;}
@media (max-width:620px){
  .vxn-hm-row{grid-template-columns:repeat(2,1fr);}
  .vxn-hm-row .cell:nth-child(3)::before{display:none;}
}
@media (prefers-reduced-motion:reduce){
  .vxn-hd,.vxn-hd-bar,.vxn-hd-mobile,.vxn-hd-link::after,.vxn-hd-cta,.vxn-hd-toggle,
  .vxn-ft-cta-btn,.vxn-ft-social a,.vxn-about-point{transition:none !important;}
}
/* ----- hero text glow + typewriter caret + lead highlight ----- */
.vxn-hero-center .vxn-h1{text-shadow:0 0 38px rgba(124,58,237,.14);}
.vxn-hero-break{display:block;margin-top:.08em;}
:root[data-theme="dark"] .vxn-hero-center .vxn-h1{text-shadow:0 0 48px rgba(124,58,237,.45);}
.vxn-hero-center .vxn-grad-txt{text-shadow:none;
  filter:drop-shadow(0 0 14px rgba(124,58,237,.45)) drop-shadow(0 0 28px rgba(192,132,252,.30));}
.vxn-hl{color:var(--vxn-blue);}
:root[data-theme="dark"] .vxn-hl{color:var(--vxn-cyan);}
.vxn-hero-center .vxn-lead strong{color:var(--vxn-blue);font-weight:700;}
:root[data-theme="dark"] .vxn-hero-center .vxn-lead strong{color:var(--vxn-cyan);}
.vxn-caret{display:inline-block;width:3px;height:.92em;margin-left:5px;vertical-align:-1px;border-radius:2px;
  background:linear-gradient(180deg,#7c3aed,#c084fc);box-shadow:0 0 12px rgba(124,58,237,.75);
  animation:vxn-blink 1.05s steps(1) infinite;}
@keyframes vxn-blink{0%,50%{opacity:1}50.01%,100%{opacity:0}}
@media (prefers-reduced-motion:reduce){ .vxn-caret{animation:none;display:none;} }
/* ----- section 2 : animated funnel (flowing leads + happy booked) ----- */
.vxn-funnel-anim{width:100%;max-width:330px;display:block;margin:0 auto;overflow:visible;}
.vxn-flow{fill:#a855f7;animation:vxn-pflow 2.7s linear infinite;}
.vxn-flow.f1{animation-delay:0s;}
.vxn-flow.f2{animation-delay:.45s;}
.vxn-flow.f3{animation-delay:.95s;}
.vxn-flow.f4{animation-delay:1.4s;}
.vxn-flow.f5{animation-delay:1.85s;}
.vxn-flow.f6{animation-delay:2.3s;}
@keyframes vxn-pflow{
  0%{transform:translateY(0);opacity:0;}
  10%{opacity:1;}
  86%{opacity:.95;}
  100%{transform:translateY(262px);opacity:0;}
}
.vxn-leak{fill:#f43f5e;}
.vxn-leak.l1,.vxn-leak.l2,.vxn-leak.l3{animation:vxn-leakL 2.7s ease-in infinite;}
.vxn-leak.r1,.vxn-leak.r2,.vxn-leak.r3{animation:vxn-leakR 2.7s ease-in infinite;}
.vxn-leak.l1{animation-delay:.3s;}
.vxn-leak.r1{animation-delay:.9s;}
.vxn-leak.r2{animation-delay:.6s;}
.vxn-leak.l2{animation-delay:1.5s;}
.vxn-leak.r3{animation-delay:1.2s;}
.vxn-leak.l3{animation-delay:2s;}
@keyframes vxn-leakL{0%{transform:translate(0,0);opacity:0;}20%{opacity:.9;}100%{transform:translate(-30px,18px);opacity:0;}}
@keyframes vxn-leakR{0%{transform:translate(0,0);opacity:0;}20%{opacity:.9;}100%{transform:translate(30px,18px);opacity:0;}}
.vxn-joy-glow{transform-box:fill-box;transform-origin:center;animation:vxn-joy-pulse 2.4s ease-in-out infinite;}
@keyframes vxn-joy-pulse{0%,100%{transform:scale(.9);opacity:.45;}50%{transform:scale(1.14);opacity:.82;}}
.vxn-joy-face{transform-box:fill-box;transform-origin:center;animation:vxn-joy-bob 2.4s ease-in-out infinite;}
@keyframes vxn-joy-bob{0%,100%{transform:translateY(0) scale(1);}50%{transform:translateY(-2px) scale(1.05);}}
.vxn-spark{transform-box:fill-box;transform-origin:center;animation:vxn-twinkle 1.9s ease-in-out infinite;}
.vxn-spark.s2{animation-delay:.6s;}
.vxn-spark.s3{animation-delay:1.15s;}
@keyframes vxn-twinkle{0%,100%{opacity:.15;transform:scale(.6);}50%{opacity:1;transform:scale(1.1);}}
@media (prefers-reduced-motion:reduce){
  .vxn-flow,.vxn-leak,.vxn-spark{display:none;}
  .vxn-joy-glow,.vxn-joy-face{animation:none;}
}
/* ----- section 3 : Method phases (image-rich, alternating) ----- */
.vxn-phases{display:flex;flex-direction:column;gap:40px;margin-top:48px;}
.vxn-phase{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center;}
.vxn-phase:nth-child(even) .vxn-phase-figure{order:2;}
.vxn-phase-figure{position:relative;border-radius:var(--vxn-r);overflow:hidden;aspect-ratio:4/3;
  border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);background:var(--vxn-panel-2);}
.vxn-phase-figure img{width:100%;height:100%;object-fit:cover;display:block;}
.vxn-phase-badge{position:absolute;left:14px;top:14px;z-index:2;
  font-family:var(--vxn-font-display);font-weight:800;font-size:1.05rem;color:#fff;
  width:46px;height:46px;display:grid;place-items:center;border-radius:13px;
  background:linear-gradient(150deg,rgba(124,58,237,.94),rgba(168,85,247,.94));
  border:1px solid rgba(255,255,255,.25);box-shadow:0 8px 22px -8px rgba(76,29,149,.6);}
.vxn-phase-tag{display:inline-block;font-family:var(--vxn-font-display);font-size:.76rem;font-weight:700;
  letter-spacing:.08em;text-transform:uppercase;color:var(--vxn-blue);
  padding:6px 12px;border-radius:999px;background:rgba(124,58,237,.10);
  border:1px solid var(--vxn-glass-brd);margin-bottom:14px;}
.vxn-phase-body h3{margin:0 0 10px;}
.vxn-phase-body > p{color:var(--vxn-ink-2);font-size:1rem;line-height:1.6;margin:0;}
.vxn-phase-steps{list-style:none;padding:0;margin:20px 0 0;display:grid;gap:12px;}
.vxn-phase-steps li{display:flex;gap:14px;align-items:flex-start;padding:11px 14px;border-radius:12px;
  background:var(--vxn-glass-2);border:1px solid var(--vxn-glass-brd);
  transition:transform .25s var(--vxn-ease),border-color .25s;}
.vxn-phase-steps li:hover{transform:translateX(3px);border-color:var(--vxn-blue);}
.vxn-phase-steps .n{font-family:var(--vxn-font-mono);font-weight:700;color:var(--vxn-blue);font-size:.9rem;
  width:24px;flex:none;padding-top:2px;}
.vxn-phase-steps b{display:block;font-family:var(--vxn-font-display);font-weight:600;color:var(--vxn-ink);font-size:.96rem;}
.vxn-phase-steps .d{display:block;font-size:.85rem;color:var(--vxn-muted);line-height:1.5;margin-top:2px;}
@media (max-width:840px){
  .vxn-phase{grid-template-columns:1fr;gap:22px;}
  .vxn-phase .vxn-phase-figure,
  .vxn-phase:nth-child(even) .vxn-phase-figure{order:-1;}
}
@media (prefers-reduced-motion:reduce){ .vxn-phase-steps li{transition:none;} }
/* ----- section 2 : parallax + falling background ----- */
.vxn-sec2{position:relative;overflow:hidden;}
.vxn-sec2 > .vxn-shell{position:relative;z-index:1;}
.vxn-sec2-bg{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden;}
.vxn-p-layer{position:absolute;inset:-12% 0;will-change:transform;}
.vxn-blob{position:absolute;border-radius:50%;filter:blur(60px);opacity:.55;}
.vxn-blob.b1{width:46vw;max-width:560px;aspect-ratio:1;left:-8%;top:6%;
  background:radial-gradient(circle,rgba(124,58,237,.18),transparent 70%);}
.vxn-blob.b2{width:40vw;max-width:480px;aspect-ratio:1;right:-6%;bottom:0%;
  background:radial-gradient(circle,rgba(192,132,252,.15),transparent 70%);}
.vxn-p-mid{background-image:
   linear-gradient(rgba(var(--ln),.05) 1px,transparent 1px),
   linear-gradient(90deg,rgba(var(--ln),.05) 1px,transparent 1px);
  background-size:46px 46px;
  -webkit-mask-image:radial-gradient(ellipse at 50% 38%,#000 32%,transparent 78%);
  mask-image:radial-gradient(ellipse at 50% 38%,#000 32%,transparent 78%);}
.vxn-fall{position:absolute;top:-8%;width:var(--s,5px);height:var(--s,5px);border-radius:50%;
  background:var(--c,#a855f7);box-shadow:0 0 8px rgba(168,85,247,.5);opacity:0;
  animation:vxn-fall var(--dur,10s) linear var(--d,0s) infinite;}
.vxn-fall-red{--c:#f43f5e;box-shadow:0 0 8px rgba(244,63,94,.5);}
@keyframes vxn-fall{
  0%{transform:translate3d(0,0,0);opacity:0;}
  8%{opacity:.85;}
  88%{opacity:.5;}
  100%{transform:translate3d(var(--x,0),132vh,0);opacity:0;}
}
@media (prefers-reduced-motion:reduce){
  .vxn-fall{display:none;}
  .vxn-p-layer{transform:none !important;}
}

/* ----- section 3 (Method) : image-backed parallax ----- */
.vxn-parallax-host{position:relative;overflow:hidden;}
.vxn-parallax-host > .vxn-shell{position:relative;z-index:1;}
.vxn-m3-bg{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden;}
.vxn-m3-img{background:
    radial-gradient(45% 55% at 12% 8%, rgba(124,58,237,.14), transparent 68%),
    radial-gradient(45% 55% at 88% 12%, rgba(192,132,252,.12), transparent 68%),
    radial-gradient(62% 60% at 50% 100%, rgba(139,92,246,.10), transparent 72%);}
:root[data-theme="dark"] .vxn-m3-img{filter:brightness(1.25);}
/* ----- strategy board : connected colour-tile redesign ----- */
.vxn-board::before{background:
  linear-gradient(rgba(var(--ln),.045) 1px,transparent 1px),
  linear-gradient(90deg,rgba(var(--ln),.045) 1px,transparent 1px);
  background-size:16.66% 16.66%;opacity:.7;}
.vxn-board-net{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none;}
.vxn-board-net .net-flow polyline{animation:vxn-netflow 1.6s linear infinite;}
@keyframes vxn-netflow{to{stroke-dashoffset:-16;}}
.vxn-piece-disc{border-radius:18px;
  background:radial-gradient(circle at 32% 26%,rgba(255,255,255,.42),transparent 54%),var(--pc,#a855f7);
  border:1px solid rgba(255,255,255,.34);
  box-shadow:0 12px 26px -10px var(--pc,rgba(168,85,247,.6)),inset 0 -7px 16px rgba(0,0,0,.2),inset 0 1px 1px rgba(255,255,255,.5);}
.vxn-piece-disc svg{color:#fff;}
.vxn-piece-lbl{color:#fff;opacity:.96;}
.vxn-piece-glow{opacity:.55;filter:blur(11px);inset:-28%;}

/* ----- industries : focus split + vertical journey + specialties (redesigned) ----- */
.vxn-ind2-grid{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:stretch;margin-top:46px;}
.vxn-ind2-figure{position:relative;border-radius:var(--vxn-r);overflow:hidden;min-height:430px;
  border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);background:var(--vxn-panel-2);}
.vxn-ind2-figure img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;}
.vxn-ind2-badge{position:absolute;z-index:2;display:inline-flex;align-items:center;gap:8px;
  font-family:var(--vxn-font-display);font-weight:600;font-size:.78rem;color:#fff;
  padding:8px 13px;border-radius:999px;background:rgba(20,12,40,.55);
  backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.22);}
.vxn-ind2-badge.top{left:16px;top:16px;}
.vxn-ind2-badge.bot{left:16px;bottom:16px;font-family:var(--vxn-font-mono);font-size:.72rem;font-weight:500;}
.vxn-ind2-journey{display:flex;flex-direction:column;justify-content:center;}
.vxn-vjourney{list-style:none;margin:22px 0 0;padding:0;position:relative;}
.vxn-vjourney::before{content:"";position:absolute;left:23px;top:23px;bottom:23px;width:2px;background:var(--vxn-line);}
.vxn-vjourney::after{content:"";position:absolute;left:23px;top:23px;bottom:23px;width:2px;
  background:linear-gradient(180deg,var(--ac1),var(--ac2),var(--ac1));background-size:100% 220%;
  opacity:.75;animation:vxn-vrail 3s linear infinite;}
@keyframes vxn-vrail{to{background-position:0 -220%;}}
.vxn-vstep{position:relative;display:flex;gap:16px;align-items:flex-start;padding-bottom:24px;}
.vxn-vstep:last-child{padding-bottom:0;}
.vxn-vstep .vxn-jdot{flex:none;position:relative;z-index:1;}
.vxn-vtxt{padding-top:5px;}
.vxn-vtxt b{display:block;font-family:var(--vxn-font-display);font-weight:600;color:var(--vxn-ink);font-size:1rem;}
.vxn-vtxt .s{font-family:var(--vxn-font-mono);font-size:.66rem;letter-spacing:.05em;text-transform:uppercase;color:var(--vxn-faint);}
.vxn-spec-head{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;margin:50px 0 18px;}
.vxn-spec-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:14px;}
.vxn-spec{position:relative;display:flex;gap:15px;align-items:flex-start;padding:16px 18px 16px 20px;border-radius:14px;
  overflow:hidden;background:var(--vxn-glass-2);border:1px solid var(--vxn-glass-brd);
  transition:transform .3s var(--vxn-ease),border-color .3s;}
.vxn-spec::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;
  background:linear-gradient(180deg,var(--vxn-blue),var(--vxn-cyan));opacity:0;transition:opacity .3s;}
.vxn-spec:hover{transform:translateY(-4px);border-color:var(--vxn-blue);}
.vxn-spec:hover::before{opacity:1;}
.vxn-spec .ic{width:42px;height:42px;border-radius:11px;flex:none;display:grid;place-items:center;
  background:rgba(124,58,237,.1);color:var(--vxn-blue);}
.vxn-spec .ic svg{width:22px;height:22px;}
.vxn-spec h4{margin:0 0 4px;font-family:var(--vxn-font-display);font-size:1rem;color:var(--vxn-ink);}
.vxn-spec p{margin:0;font-size:.85rem;color:var(--vxn-muted);line-height:1.5;}
@media (max-width:840px){
  .vxn-ind2-grid{grid-template-columns:1fr;gap:24px;}
  .vxn-ind2-figure{min-height:300px;}
}
@media (prefers-reduced-motion:reduce){
  .vxn-board-net .net-flow polyline{animation:none;}
  .vxn-vjourney::after{animation:none;}
}
/* ----- website before/after : detailed site mockups ----- */
.vxn-ba-layer{padding:0;}
.vxn-ba-after{background:linear-gradient(180deg,#ffffff,#f7f4ff);}
.vxn-ba-before{background:linear-gradient(180deg,#e9ebef,#dfe2e8);clip-path:inset(0 calc(100% - var(--pos)) 0 0);}
.vxn-ba-handle{background:var(--vxn-blue);box-shadow:0 0 14px rgba(124,58,237,.6);}
.vxn-ba-knob{background:#fff;border-color:var(--vxn-blue);}
.vxn-ba-knob svg{color:var(--vxn-blue);}
.vxn-st{position:absolute;inset:0;display:flex;flex-direction:column;overflow:hidden;}
.vxn-st-nav{display:flex;align-items:center;justify-content:space-between;padding:9px 13px;border-bottom:1px solid rgba(27,18,51,.08);background:rgba(255,255,255,.6);}
.vxn-st-logo{display:flex;align-items:center;gap:6px;font-family:var(--vxn-font-display);font-weight:800;font-size:.64rem;color:#1b1233;white-space:nowrap;}
.vxn-st-logo i{width:14px;height:14px;border-radius:5px;background:linear-gradient(135deg,#7c3aed,#c084fc);flex:none;}
.vxn-st-links{display:flex;gap:8px;}
.vxn-st-links b{width:22px;height:5px;border-radius:3px;background:rgba(27,18,51,.16);}
.vxn-st-btn{font-family:var(--vxn-font-display);font-size:.6rem;font-weight:700;color:#fff;background:linear-gradient(135deg,#7c3aed,#a855f7);border-radius:7px;padding:5px 12px;white-space:nowrap;}
.vxn-st-hero{flex:1;display:flex;gap:13px;padding:15px 13px;align-items:center;}
.vxn-st-htext{flex:1.25;display:flex;flex-direction:column;gap:7px;min-width:0;}
.vxn-st-h1{font-family:var(--vxn-font-display);font-weight:800;font-size:.96rem;line-height:1.12;color:#1b1233;}
.vxn-st-sub{height:6px;border-radius:3px;background:rgba(27,18,51,.12);width:92%;}
.vxn-st-sub.s{width:64%;}
.vxn-st-ctarow{display:flex;align-items:center;gap:8px;margin-top:5px;flex-wrap:wrap;}
.vxn-st-cta{font-family:var(--vxn-font-display);font-size:.64rem;font-weight:700;color:#fff;background:linear-gradient(135deg,#7c3aed,#a855f7);border-radius:8px;padding:7px 14px;box-shadow:0 7px 16px -6px rgba(124,58,237,.6);white-space:nowrap;}
.vxn-st-call{display:inline-flex;align-items:center;gap:5px;font-family:var(--vxn-font-display);font-size:.6rem;font-weight:700;color:#7c3aed;border:1px solid rgba(124,58,237,.32);border-radius:8px;padding:6px 10px;white-space:nowrap;}
.vxn-st-call svg{width:11px;height:11px;}
.vxn-st-stars{display:flex;align-items:center;gap:6px;font-size:.72rem;color:#f59e0b;margin-top:2px;letter-spacing:1px;}
.vxn-st-stars span{color:#675d86;font-family:var(--vxn-font-mono);font-size:.56rem;letter-spacing:0;}
.vxn-st-himg{flex:.85;align-self:stretch;border-radius:10px;min-height:74px;position:relative;overflow:hidden;
  background:linear-gradient(150deg,#a855f7,#7c3aed);box-shadow:0 8px 20px -8px rgba(124,58,237,.55);}
.vxn-st-himg::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 70% 28%,rgba(255,255,255,.4),transparent 58%);}
.vxn-st-trust{display:flex;gap:7px;padding:0 13px 13px;}
.vxn-st-trust span{flex:1;height:15px;border-radius:5px;background:rgba(16,185,129,.16);border:1px solid rgba(16,185,129,.2);}
/* dated / bad site */
.vxn-st-nav.bad{padding:8px 11px;border-bottom:1px solid rgba(51,65,90,.14);background:#eceef2;}
.vxn-st-logo.bad{font-family:var(--vxn-font-body);font-weight:700;font-size:.6rem;color:#3a4a63;}
.vxn-st-links.bad{gap:6px;}
.vxn-st-links.bad b{width:15px;height:4px;background:rgba(58,74,99,.4);}
.vxn-st-body{flex:1;padding:13px 13px 12px;display:flex;flex-direction:column;gap:6px;}
.vxn-st-bh{font-family:var(--vxn-font-body);font-weight:700;font-size:.66rem;color:#46586f;margin-bottom:3px;}
.vxn-st-txt{height:5px;border-radius:2px;background:rgba(58,74,99,.2);width:100%;}
.vxn-st-txt.s{width:72%;}
.vxn-st-submit{margin-top:7px;align-self:flex-start;font-family:var(--vxn-font-body);font-size:.6rem;font-weight:600;color:#5b6b85;background:#d2d7df;border:1px solid #c0c6d0;border-radius:5px;padding:6px 13px;}
@media (prefers-reduced-motion:reduce){}
/* ===== gradient touch-ups ===== */
.vxn-divider{border:none;height:1px;background:linear-gradient(90deg,transparent,rgba(124,58,237,.28),rgba(192,132,252,.30),transparent);}

/* ===== footer : interactive + gradients ===== */
.vxn-ft{overflow:hidden;}
.vxn-ft::before{content:"";position:absolute;top:0;left:0;right:0;height:2px;z-index:2;
  background:linear-gradient(90deg,transparent,#7c3aed,#a855f7,#c084fc,#a855f7,#7c3aed,transparent);background-size:200% 100%;
  animation:vxn-ftline 6s linear infinite;}
@keyframes vxn-ftline{to{background-position:200% 0;}}
.vxn-ft-glow{position:absolute;top:-60px;left:50%;width:78%;max-width:880px;height:320px;pointer-events:none;z-index:0;
  transform:translateX(-50%);background:radial-gradient(ellipse at center,rgba(124,58,237,.18),transparent 70%);
  animation:vxn-ftglow 7s ease-in-out infinite;}
@keyframes vxn-ftglow{0%,100%{opacity:.55;transform:translateX(-50%) scale(1);}50%{opacity:1;transform:translateX(-50%) scale(1.08);}}
.vxn-ft-cta,.vxn-ft-grid,.vxn-ft-disc,.vxn-ft-bottom{position:relative;z-index:1;}
.vxn-ft-cta-btn{position:relative;overflow:hidden;}
.vxn-ft-cta-btn::after{content:"";position:absolute;top:0;left:-65%;width:42%;height:100%;transform:skewX(-18deg);
  background:linear-gradient(105deg,transparent,rgba(255,255,255,.4),transparent);animation:vxn-shimmer 3.6s ease-in-out infinite;}
@keyframes vxn-shimmer{0%,70%{left:-65%;}100%{left:135%;}}
.vxn-ft-cta-btn > svg{position:relative;z-index:1;transition:transform .25s var(--vxn-ease);}
.vxn-ft-cta-btn:hover > svg{transform:translateX(4px);}
.vxn-ft-col a{position:relative;transition:color .22s,padding-left .22s;}
.vxn-ft-col a::before{content:"";position:absolute;left:0;top:50%;width:9px;height:2px;border-radius:2px;
  transform:translateY(-50%) scaleX(0);transform-origin:left;background:linear-gradient(90deg,#7c3aed,#c084fc);transition:transform .22s;}
.vxn-ft-col a:hover{color:var(--vxn-blue);padding-left:15px;}
.vxn-ft-col a:hover::before{transform:translateY(-50%) scaleX(1);}
.vxn-ft-social a{position:relative;overflow:hidden;
  transition:color .2s,border-color .2s,transform .25s var(--vxn-ease),box-shadow .25s;}
.vxn-ft-social a > svg{position:relative;z-index:1;}
.vxn-ft-social a::before{content:"";position:absolute;inset:0;opacity:0;transition:opacity .25s;
  background:linear-gradient(135deg,#7c3aed,#a855f7);}
.vxn-ft-social a:hover{color:#fff;border-color:transparent;transform:translateY(-3px);box-shadow:0 10px 24px -8px rgba(124,58,237,.55);}
.vxn-ft-social a:hover::before{opacity:1;}
.vxn-ft-brand .vxn-hd-mark{filter:drop-shadow(0 0 10px rgba(124,58,237,.4));}

/* ===== FOMO single-quote rotator (below footer) ===== */
.vxn-fomo{position:relative;overflow:hidden;padding:26px 22px;display:flex;justify-content:center;
  background:linear-gradient(90deg,#6d28d9,#7c3aed,#a855f7,#7c3aed,#6d28d9);background-size:220% 100%;
  animation:vxn-fomobg 14s ease infinite;}
@keyframes vxn-fomobg{0%,100%{background-position:0% 0;}50%{background-position:100% 0;}}
.vxn-fomo-stage{position:relative;width:100%;max-width:var(--vxn-shell);min-height:30px;}
.vxn-fomo-q{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:0;text-align:center;
  font-family:var(--vxn-font-display);font-weight:600;font-size:clamp(.95rem,2vw,1.18rem);color:#fff;padding:0 8px;
  opacity:0;transform:translateY(14px);transition:opacity .55s var(--vxn-ease),transform .55s var(--vxn-ease);}
.vxn-fomo-q.is-on{opacity:1;transform:translateY(0);}
.vxn-fomo-q.is-out{opacity:0;transform:translateY(-14px);}
@media (prefers-reduced-motion:reduce){.vxn-fomo{animation:none;}.vxn-fomo-q{transition:none;}}

/* ===== floating action buttons : WhatsApp + Get in touch ===== */
.vxn-fab{position:fixed;right:22px;bottom:24px;z-index:85;display:flex;flex-direction:column;gap:13px;align-items:flex-end;}
.vxn-fab a{position:relative;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;
  box-shadow:0 12px 30px -8px rgba(0,0,0,.32);transition:transform .25s var(--vxn-ease),box-shadow .25s;}
.vxn-fab a:hover{transform:translateY(-3px) scale(1.04);}
.vxn-fab-wa{width:56px;height:56px;border-radius:50%;background:linear-gradient(145deg,#25d366,#0e9f6e);color:#fff;}
.vxn-fab-wa svg{width:30px;height:30px;}
.vxn-fab-wa:hover{box-shadow:0 16px 36px -8px rgba(37,211,102,.6);}
.vxn-fab-wa::after{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid #25d366;
  animation:vxn-fabpulse 2.6s ease-out infinite;}
@keyframes vxn-fabpulse{0%{transform:scale(1);opacity:.7;}100%{transform:scale(1.55);opacity:0;}}
.vxn-fab-gt{gap:9px;padding:0 20px;height:56px;border-radius:30px;color:#fff;
  background:linear-gradient(135deg,#7c3aed,#a855f7,#c084fc);background-size:170% 170%;
  font-family:var(--vxn-font-display);font-weight:700;font-size:.92rem;animation:vxn-fabgrad 5s ease infinite;}
.vxn-fab-gt svg{width:20px;height:20px;}
.vxn-fab-gt:hover{box-shadow:0 16px 36px -8px rgba(124,58,237,.6);}
@keyframes vxn-fabgrad{0%,100%{background-position:0% 50%;}50%{background-position:100% 50%;}}
@media (max-width:780px){
  .vxn-fab{right:16px;bottom:82px;}
  .vxn-fab-gt span{display:none;}
  .vxn-fab-gt{width:56px;padding:0;border-radius:50%;}
}
@media (prefers-reduced-motion:reduce){
  .vxn-ft::before,.vxn-ft-glow,.vxn-ft-cta-btn::after,.vxn-fomo-track,.vxn-fab-gt{animation:none;}
  .vxn-fab-wa::after{display:none;}
  .vxn-fomo-track{flex-wrap:wrap;justify-content:center;}
}
/* ===== footer newsletter ===== */
.vxn-news{margin-top:24px;max-width:350px;}
.vxn-news-label{display:block;font-family:var(--vxn-font-display);font-weight:700;font-size:.96rem;color:var(--vxn-ink);}
.vxn-news-sub{color:var(--vxn-muted);font-size:.84rem;line-height:1.5;margin:6px 0 12px;}
.vxn-news-row{display:flex;gap:8px;padding:5px;border-radius:13px;background:var(--vxn-glass-2);
  border:1px solid var(--vxn-glass-brd);transition:border-color .2s,box-shadow .2s;}
.vxn-news-row:focus-within{border-color:var(--vxn-blue);box-shadow:0 0 0 3px rgba(124,58,237,.13);}
.vxn-news-row input{flex:1;min-width:0;background:transparent;border:none;outline:none;
  font-family:var(--vxn-font-body);font-size:.9rem;color:var(--vxn-ink);padding:8px 10px;}
.vxn-news-row input::placeholder{color:var(--vxn-faint);}
.vxn-news-row button{flex:none;width:44px;border:none;cursor:pointer;border-radius:9px;color:#fff;display:grid;place-items:center;
  background:linear-gradient(135deg,#7c3aed,#a855f7);transition:transform .2s,box-shadow .2s;}
.vxn-news-row button:hover{transform:translateY(-1px);box-shadow:0 8px 20px -6px rgba(124,58,237,.6);}
.vxn-news-row button svg{width:17px;height:17px;}
.vxn-news-msg{display:inline-flex;align-items:center;gap:6px;margin-top:11px;font-size:.82rem;font-weight:600;color:var(--vxn-green);}

/* ===== floating button : works as <button> too ===== */
.vxn-fab button{position:relative;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;border:none;
  box-shadow:0 12px 30px -8px rgba(0,0,0,.32);transition:transform .25s var(--vxn-ease),box-shadow .25s;}
.vxn-fab button:hover{transform:translateY(-3px) scale(1.04);}

/* ===== audit modal ===== */
.vxn-modal{position:fixed;inset:0;z-index:120;display:flex;align-items:center;justify-content:center;padding:20px;
  opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s;}
.vxn-modal.is-open{opacity:1;visibility:visible;}
.vxn-modal-backdrop{position:absolute;inset:0;background:rgba(10,6,22,.6);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);}
.vxn-modal-card{position:relative;z-index:1;width:100%;max-width:460px;max-height:90vh;overflow:auto;
  background:var(--vxn-panel);border:1px solid var(--vxn-glass-brd);border-radius:20px;padding:30px 28px 28px;
  box-shadow:0 40px 90px -20px rgba(0,0,0,.5);transform:translateY(16px) scale(.98);transition:transform .35s var(--vxn-ease);}
.vxn-modal.is-open .vxn-modal-card{transform:none;}
.vxn-modal-card::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;border-radius:20px 20px 0 0;
  background:linear-gradient(90deg,#7c3aed,#a855f7,#c084fc);}
.vxn-modal-x{position:absolute;top:14px;right:14px;width:34px;height:34px;border-radius:9px;border:1px solid var(--vxn-glass-brd);
  background:var(--vxn-glass-2);color:var(--vxn-muted);display:grid;place-items:center;cursor:pointer;transition:color .2s,border-color .2s;}
.vxn-modal-x:hover{color:var(--vxn-ink);border-color:var(--vxn-blue);}
.vxn-modal-x svg{width:16px;height:16px;}
.vxn-modal-head h3{font-family:var(--vxn-font-display);font-weight:800;font-size:1.42rem;color:var(--vxn-ink);margin:9px 0 8px;letter-spacing:-.02em;}
.vxn-modal-head p{color:var(--vxn-muted);font-size:.92rem;line-height:1.55;margin:0 0 20px;}
.vxn-audit-form{display:flex;flex-direction:column;gap:13px;}
.vxn-audit-form label{display:flex;flex-direction:column;gap:6px;font-family:var(--vxn-font-display);font-weight:600;font-size:.78rem;color:var(--vxn-ink-2);}
.vxn-field-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px;}
.vxn-audit-form input{font-family:var(--vxn-font-body);font-size:.92rem;color:var(--vxn-ink);
  background:var(--vxn-glass-2);border:1px solid var(--vxn-glass-brd);border-radius:10px;padding:11px 13px;transition:border-color .2s,box-shadow .2s;}
.vxn-audit-form input::placeholder{color:var(--vxn-faint);}
.vxn-audit-form input:focus{outline:none;border-color:var(--vxn-blue);box-shadow:0 0 0 3px rgba(124,58,237,.15);}
.vxn-audit-note{font-size:.8rem;color:var(--vxn-muted);line-height:1.5;margin:2px 0 4px;padding:10px 12px;border-radius:10px;
  background:rgba(124,58,237,.06);border:1px solid var(--vxn-glass-brd);transition:background .25s,border-color .25s,color .25s;}
.vxn-audit-note a{color:var(--vxn-blue);font-weight:600;}
.vxn-audit-note.is-warn{background:rgba(244,63,94,.1);border-color:rgba(244,63,94,.45);color:var(--vxn-ink-2);}
.vxn-audit-submit{margin-top:4px;display:inline-flex;align-items:center;justify-content:center;gap:9px;
  font-family:var(--vxn-font-display);font-weight:700;font-size:.95rem;color:#fff;border:none;cursor:pointer;
  background:linear-gradient(135deg,#7c3aed,#a855f7,#c084fc);background-size:170% 170%;border-radius:12px;padding:14px;
  box-shadow:0 14px 30px -10px rgba(124,58,237,.6);transition:transform .2s,box-shadow .2s,background-position .45s;}
.vxn-audit-submit:hover{transform:translateY(-2px);background-position:100% 50%;box-shadow:0 18px 38px -10px rgba(124,58,237,.7);}
.vxn-audit-submit svg{width:17px;height:17px;}
.vxn-audit-done{text-align:center;padding:14px 0 6px;}
.vxn-audit-done .ok{width:58px;height:58px;border-radius:50%;margin:0 auto 16px;display:grid;place-items:center;color:#fff;
  background:linear-gradient(135deg,#10b981,#34d399);box-shadow:0 12px 28px -8px rgba(16,185,129,.6);}
.vxn-audit-done .ok svg{width:28px;height:28px;}
.vxn-audit-done h4{font-family:var(--vxn-font-display);font-weight:700;font-size:1.2rem;color:var(--vxn-ink);margin:0 0 8px;}
.vxn-audit-done p{color:var(--vxn-muted);font-size:.92rem;line-height:1.55;margin:0;}
.vxn-audit-done #vxn-audit-url{color:var(--vxn-blue);font-weight:600;word-break:break-all;}
@media (max-width:480px){.vxn-field-grid{grid-template-columns:1fr;}}

/* ===== LOCAL SEO PAGE ===== */
/* =====================================================================
   VAYUNEX — SOLUTIONS / LEAD GENERATION page  (theme-aware, token-driven)
   Layman explainer: zero → advanced. Classes namespaced .vxn-s* / .vxn-faq.
   ===================================================================== */

/* active nav (link + mega trigger) */
.vxn-hd-nav .vxn-hd-link[aria-current="page"],
.vxn-hd-nav .vxn-hd-mega-btn[aria-current="page"]{color:var(--vxn-ink);}
.vxn-hd-nav .vxn-hd-link[aria-current="page"]::after,
.vxn-hd-nav .vxn-hd-mega-btn[aria-current="page"]::after{content:"";position:absolute;left:13px;right:13px;bottom:5px;
  height:2px;border-radius:2px;background:var(--vxn-grad-cta);}
.vxn-hd-nav .vxn-hd-mega-btn[aria-current="page"]{position:relative;}

/* ---------- plain-English definition card ---------- */
.vxn-sdef{max-width:820px;margin:46px auto 0;text-align:center;border-radius:var(--vxn-r);padding:clamp(30px,4vw,44px);
  background:var(--vxn-glass-2);border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);position:relative;overflow:hidden;}
.vxn-sdef::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(520px 240px at 50% -10%,rgba(124,58,237,.14),transparent 70%);}
.vxn-sdef .in{position:relative;z-index:1;}
.vxn-sdef .eq{font-family:var(--vxn-font-mono);font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--vxn-blue);margin-bottom:14px;}
.vxn-sdef p{font-family:var(--vxn-font-display);font-weight:600;font-size:clamp(1.15rem,2.6vw,1.6rem);line-height:1.5;color:var(--vxn-ink);margin:0;}
.vxn-sdef p b{background:var(--vxn-grad-text);-webkit-background-clip:text;background-clip:text;color:transparent;}

/* ---------- node flow (stranger -> lead -> patient) ---------- */
.vxn-sflow{display:flex;align-items:stretch;justify-content:center;flex-wrap:wrap;gap:6px;margin-top:46px;}
.vxn-sflow-node{display:flex;flex-direction:column;align-items:center;gap:11px;text-align:center;padding:24px 20px;min-width:158px;
  border-radius:var(--vxn-r);background:var(--vxn-glass);border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);}
.vxn-sflow-node.hot{border-color:var(--vxn-blue);background:var(--vxn-glass-2);}
.vxn-sflow-node .ic{width:50px;height:50px;border-radius:14px;display:grid;place-items:center;background:rgba(124,58,237,.1);color:var(--vxn-blue);}
.vxn-sflow-node.hot .ic{background:var(--vxn-grad-cta);color:#fff;}
.vxn-sflow-node .ic svg{width:25px;height:25px;}
.vxn-sflow-node b{font-family:var(--vxn-font-display);font-size:1rem;color:var(--vxn-ink);}
.vxn-sflow-node span{font-size:.79rem;color:var(--vxn-muted);max-width:150px;}
.vxn-sflow-arrow{display:grid;place-items:center;color:var(--vxn-blue-2);flex:none;}
.vxn-sflow-arrow svg{width:26px;height:26px;}

/* ---------- example callout ---------- */
.vxn-sexample{display:flex;gap:14px;align-items:flex-start;padding:18px 20px;border-radius:var(--vxn-r-sm);
  background:rgba(124,58,237,.06);border:1px solid var(--vxn-line);border-left:3px solid var(--vxn-blue);margin-top:22px;}
.vxn-sexample .ic{flex:none;width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:rgba(124,58,237,.12);color:var(--vxn-amber);}
.vxn-sexample .ic svg{width:18px;height:18px;}
.vxn-sexample .tx{font-size:.92rem;color:var(--vxn-ink-2);line-height:1.6;}
.vxn-sexample .tx .tag{display:block;font-family:var(--vxn-font-mono);font-size:.64rem;letter-spacing:.14em;text-transform:uppercase;color:var(--vxn-blue);margin-bottom:5px;}
.vxn-sexample .tx b{color:var(--vxn-ink);font-weight:600;}

/* ---------- two-col text + visual ---------- */
.vxn-stwo{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,5vw,56px);align-items:center;margin-top:8px;}
.vxn-stwo.rev .vxn-stwo-visual{order:-1;}

/* ---------- photo frame ---------- */
.vxn-sphoto{position:relative;border-radius:var(--vxn-r);overflow:hidden;border:1px solid var(--vxn-glass-brd);
  box-shadow:var(--vxn-shadow);aspect-ratio:16/11;background:var(--vxn-panel-2);}
.vxn-sphoto img{width:100%;height:100%;object-fit:cover;display:block;}
.vxn-sphoto .cap{position:absolute;left:0;right:0;bottom:0;padding:16px 18px;font-family:var(--vxn-font-mono);font-size:.72rem;
  color:#fff;background:linear-gradient(180deg,transparent,rgba(8,6,20,.78));}

/* small inline chart card */
.vxn-schart{border-radius:var(--vxn-r);padding:24px;background:var(--vxn-glass);border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);}
.vxn-schart svg{width:100%;height:auto;display:block;}
.vxn-schart-key{display:flex;flex-wrap:wrap;gap:16px;margin-top:14px;font-family:var(--vxn-font-mono);font-size:.72rem;color:var(--vxn-muted);}
.vxn-schart-key i{display:inline-block;width:22px;height:3px;border-radius:3px;margin-right:7px;vertical-align:middle;}

/* ---------- levels (zero to advanced) ---------- */
.vxn-slevels{display:grid;gap:18px;margin-top:48px;}
.vxn-slevel{display:grid;grid-template-columns:128px 1fr;gap:26px;padding:30px 30px;border-radius:var(--vxn-r);
  background:var(--vxn-glass);border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);}
.vxn-slevel-badge{text-align:center;}
.vxn-slevel-badge .no{font-family:var(--vxn-font-display);font-weight:800;font-size:3.2rem;line-height:1;
  background:var(--vxn-grad-text);-webkit-background-clip:text;background-clip:text;color:transparent;}
.vxn-slevel-badge .lv{display:inline-block;margin-top:10px;font-family:var(--vxn-font-mono);font-size:.66rem;letter-spacing:.14em;
  text-transform:uppercase;color:#fff;background:var(--vxn-grad-cta);padding:5px 11px;border-radius:999px;}
.vxn-slevel-body h3{margin:0 0 6px;font-family:var(--vxn-font-display);font-size:1.28rem;color:var(--vxn-ink);}
.vxn-slevel-body .sub{margin:0 0 16px;font-size:.95rem;color:var(--vxn-muted);line-height:1.55;}
.vxn-slevel-list{list-style:none;margin:0;padding:0;display:grid;gap:11px;}
.vxn-slevel-list li{display:flex;gap:11px;align-items:flex-start;font-size:.92rem;color:var(--vxn-ink-2);line-height:1.5;}
.vxn-slevel-list li svg{width:18px;height:18px;flex:none;margin-top:2px;color:var(--vxn-green);}
.vxn-slevel-list li b{color:var(--vxn-ink);font-weight:600;}

/* ---------- channel cards ---------- */
.vxn-schannels{display:grid;grid-template-columns:repeat(auto-fit,minmax(282px,1fr));gap:16px;margin-top:42px;}
.vxn-schan{display:flex;flex-direction:column;border-radius:var(--vxn-r);background:var(--vxn-glass);
  border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);padding:26px 24px;transition:transform .3s var(--vxn-ease),border-color .3s;}
.vxn-schan:hover{transform:translateY(-4px);border-color:var(--vxn-blue);}
.vxn-schan .ic{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;background:rgba(124,58,237,.1);color:var(--vxn-blue);margin-bottom:14px;}
.vxn-schan .ic svg{width:24px;height:24px;}
.vxn-schan h4{margin:0 0 4px;font-family:var(--vxn-font-display);font-size:1.1rem;color:var(--vxn-ink);}
.vxn-schan .kind{font-family:var(--vxn-font-mono);font-size:.64rem;letter-spacing:.12em;text-transform:uppercase;color:var(--vxn-blue-2);}
.vxn-schan p{margin:13px 0 0;font-size:.88rem;color:var(--vxn-ink-2);line-height:1.55;}
.vxn-schan .best{display:flex;gap:7px;align-items:flex-start;margin-top:auto;padding-top:15px;font-family:var(--vxn-font-mono);font-size:.72rem;color:var(--vxn-green);line-height:1.45;}
.vxn-schan .best svg{width:13px;height:13px;flex:none;margin-top:2px;}

/* ---------- conversion funnel ---------- */
.vxn-sfunnel{max-width:680px;margin:48px auto 0;display:flex;flex-direction:column;align-items:center;gap:7px;}
.vxn-sfunnel-row{width:100%;display:flex;flex-direction:column;align-items:center;}
.vxn-sfunnel-bar{width:var(--w);max-width:100%;min-height:64px;border-radius:13px;background:var(--vxn-grad-cta);
  display:flex;align-items:center;justify-content:space-between;gap:14px;padding:0 22px;color:#fff;box-shadow:0 12px 30px -14px rgba(124,58,237,.7);}
.vxn-sfunnel-bar .n{font-family:var(--vxn-font-display);font-weight:800;font-size:clamp(1.25rem,3vw,1.7rem);font-variant-numeric:tabular-nums;letter-spacing:-.02em;}
.vxn-sfunnel-bar .lab{font-family:var(--vxn-font-mono);font-size:.73rem;letter-spacing:.03em;text-align:right;line-height:1.3;opacity:.96;}
.vxn-sfunnel-drop{font-family:var(--vxn-font-mono);font-size:.68rem;color:var(--vxn-faint);margin:2px 0;}

/* ---------- industry fit ---------- */
.vxn-sfit{display:grid;grid-template-columns:repeat(auto-fit,minmax(264px,1fr));gap:16px;margin-top:42px;}
.vxn-sfit-card{border-radius:var(--vxn-r);background:var(--vxn-glass);border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);padding:24px 22px;}
.vxn-sfit-top{display:flex;align-items:center;justify-content:space-between;gap:10px;}
.vxn-sfit-card h4{margin:0;font-family:var(--vxn-font-display);font-size:1.06rem;color:var(--vxn-ink);}
.vxn-sfit-rating{font-family:var(--vxn-font-mono);font-size:.64rem;letter-spacing:.1em;text-transform:uppercase;color:var(--vxn-blue);white-space:nowrap;}
.vxn-sfit-meter{display:flex;gap:5px;margin:14px 0;}
.vxn-sfit-meter i{height:7px;flex:1;border-radius:4px;background:rgba(var(--ln),.18);}
.vxn-sfit-meter i.on{background:var(--vxn-grad-cta);}
.vxn-sfit-card p{margin:0;font-size:.85rem;color:var(--vxn-muted);line-height:1.55;}

/* ---------- readiness checklist ---------- */
.vxn-sready{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px;margin-top:40px;}
.vxn-sready-item{display:flex;gap:13px;align-items:flex-start;padding:20px;border-radius:var(--vxn-r-sm);
  background:var(--vxn-glass);border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);}
.vxn-sready-item .ck{flex:none;width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:rgba(16,185,129,.12);color:var(--vxn-green);}
.vxn-sready-item .ck svg{width:17px;height:17px;}
.vxn-sready-item p{margin:0;font-size:.9rem;color:var(--vxn-ink-2);line-height:1.5;}
.vxn-sready-item p b{color:var(--vxn-ink);font-weight:600;}

/* ---------- budget tiers ---------- */
.vxn-stiers{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:42px;}
.vxn-stier{display:flex;flex-direction:column;border-radius:var(--vxn-r);background:var(--vxn-glass);
  border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);padding:28px 26px;position:relative;}
.vxn-stier.feature{border-color:var(--vxn-blue);background:var(--vxn-glass-2);}
.vxn-stier .badge{position:absolute;top:-11px;left:26px;font-family:var(--vxn-font-mono);font-size:.62rem;letter-spacing:.12em;
  text-transform:uppercase;color:#fff;background:var(--vxn-grad-cta);padding:5px 11px;border-radius:999px;box-shadow:var(--vxn-glow-cta);}
.vxn-stier .name{font-family:var(--vxn-font-mono);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--vxn-blue-2);}
.vxn-stier .spend{font-family:var(--vxn-font-display);font-weight:800;font-size:1.85rem;color:var(--vxn-ink);margin:8px 0 2px;letter-spacing:-.02em;}
.vxn-stier .spend span{font-size:.9rem;font-weight:500;color:var(--vxn-muted);}
.vxn-stier .who{font-size:.86rem;color:var(--vxn-muted);line-height:1.5;margin:0 0 18px;}
.vxn-stier ul{list-style:none;margin:0 0 18px;padding:0;display:grid;gap:10px;}
.vxn-stier li{display:flex;gap:10px;align-items:flex-start;font-size:.86rem;color:var(--vxn-ink-2);line-height:1.45;}
.vxn-stier li svg{width:16px;height:16px;flex:none;margin-top:2px;color:var(--vxn-green);}
.vxn-stier .exp{margin-top:auto;padding-top:16px;border-top:1px dashed var(--vxn-line);font-family:var(--vxn-font-mono);font-size:.74rem;color:var(--vxn-ink-2);}
.vxn-stier .exp b{color:var(--vxn-blue-2);}

/* ---------- results table ---------- */
.vxn-stable-wrap{margin-top:42px;overflow-x:auto;border-radius:var(--vxn-r);border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);}
.vxn-stable{width:100%;border-collapse:collapse;min-width:560px;background:var(--vxn-glass);}
.vxn-stable thead th{font-family:var(--vxn-font-mono);font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:var(--vxn-faint);
  text-align:left;padding:16px 20px;border-bottom:1px solid var(--vxn-line-2);background:rgba(var(--w),.03);}
.vxn-stable tbody td{padding:15px 20px;border-bottom:1px solid var(--vxn-line);font-size:.9rem;color:var(--vxn-ink-2);}
.vxn-stable tbody tr:last-child td{border-bottom:none;}
.vxn-stable tbody td:first-child{font-family:var(--vxn-font-display);font-weight:600;color:var(--vxn-ink);}
.vxn-stable tbody td .g{color:var(--vxn-green);font-family:var(--vxn-font-mono);font-weight:600;}

/* ---------- FAQ accordion (native details) ---------- */
.vxn-faq{max-width:820px;margin:42px auto 0;display:grid;gap:12px;}
.vxn-faq-item{border:1px solid var(--vxn-glass-brd);background:var(--vxn-glass);border-radius:var(--vxn-r-sm);
  box-shadow:var(--vxn-shadow);overflow:hidden;}
.vxn-faq-item summary{list-style:none;cursor:pointer;padding:20px 22px;display:flex;justify-content:space-between;align-items:center;gap:16px;
  font-family:var(--vxn-font-display);font-weight:600;font-size:1.02rem;color:var(--vxn-ink);}
.vxn-faq-item summary::-webkit-details-marker{display:none;}
.vxn-faq-item summary .pl{flex:none;color:var(--vxn-blue-2);transition:transform .3s var(--vxn-ease);}
.vxn-faq-item summary .pl svg{width:20px;height:20px;display:block;}
.vxn-faq-item[open] summary .pl{transform:rotate(135deg);}
.vxn-faq-item[open] summary{color:var(--vxn-blue-2);}
.vxn-faq-item .a{padding:0 22px 21px;font-size:.94rem;color:var(--vxn-ink-2);line-height:1.66;}
.vxn-faq-item .a b{color:var(--vxn-ink);font-weight:600;}

/* ---------- closing CTA ---------- */
.vxn-scta{position:relative;text-align:center;border-radius:var(--vxn-r);padding:clamp(42px,6vw,70px) 28px;overflow:hidden;
  background:var(--vxn-glass-2);border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);}
.vxn-scta::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(720px 360px at 50% -20%,rgba(124,58,237,.18),transparent 70%);}
.vxn-scta .in{position:relative;z-index:1;max-width:660px;margin-inline:auto;}
.vxn-scta .vxn-hero-cta{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:30px;}

/* ---------- responsive ---------- */
@media (max-width:920px){
  .vxn-stwo{grid-template-columns:1fr;gap:32px;}
  .vxn-stwo.rev .vxn-stwo-visual{order:0;}
  .vxn-stiers{grid-template-columns:1fr;}
}
@media (max-width:680px){
  .vxn-slevel{grid-template-columns:1fr;gap:18px;}
  .vxn-slevel-badge{display:flex;align-items:center;gap:14px;}
  .vxn-slevel-badge .no{font-size:2.4rem;}
  .vxn-slevel-badge .lv{margin-top:0;}
  .vxn-sflow-arrow{transform:rotate(90deg);}
}
@media (prefers-reduced-motion:reduce){
  .vxn-schan,.vxn-faq-item summary .pl{transition:none;}
}

/* mini chart strokes (var()/url() valid only in CSS, not SVG attrs) */
.vxn-schart-base{stroke:var(--vxn-line-2);stroke-width:1;}
.vxn-schart-wom{fill:none;stroke:var(--vxn-faint);stroke-width:2.5;stroke-dasharray:5 5;stroke-linecap:round;stroke-linejoin:round;}
.vxn-schart-lead{fill:none;stroke:url(#vxnSLead);stroke-width:3.4;stroke-linecap:round;stroke-linejoin:round;}

/* ===================================================================== */
/* PAID ACQUISITION additions (.vxn-p*)                                   */
/* ===================================================================== */

/* metric definition cards */
.vxn-pmetrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px;margin-top:42px;}
.vxn-pmetric{border-radius:var(--vxn-r);background:var(--vxn-glass);border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);padding:22px 22px;}
.vxn-pmetric .ab{display:flex;align-items:baseline;gap:9px;flex-wrap:wrap;}
.vxn-pmetric .ab b{font-family:var(--vxn-font-display);font-weight:800;font-size:1.5rem;letter-spacing:-.01em;background:var(--vxn-grad-text);-webkit-background-clip:text;background-clip:text;color:transparent;}
.vxn-pmetric .ab span{font-family:var(--vxn-font-mono);font-size:.66rem;letter-spacing:.06em;text-transform:uppercase;color:var(--vxn-muted);}
.vxn-pmetric p{margin:11px 0 0;font-size:.88rem;color:var(--vxn-ink-2);line-height:1.55;}
.vxn-pmetric p b{color:var(--vxn-ink);font-weight:600;}
.vxn-pmetric .eg{margin-top:11px;font-family:var(--vxn-font-mono);font-size:.72rem;color:var(--vxn-blue-2);}

/* ad-economics money map */
.vxn-peco{margin-top:44px;border-radius:var(--vxn-r);background:var(--vxn-glass-2);border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);padding:clamp(26px,4vw,40px);position:relative;overflow:hidden;}
.vxn-peco::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(600px 280px at 50% -10%,rgba(124,58,237,.14),transparent 70%);}
.vxn-peco-row{position:relative;z-index:1;display:flex;align-items:stretch;justify-content:center;flex-wrap:wrap;gap:6px;}
.vxn-peco-step{flex:1;min-width:118px;text-align:center;padding:18px 14px;border-radius:var(--vxn-r-sm);background:var(--vxn-glass);border:1px solid var(--vxn-glass-brd);}
.vxn-peco-step.in{border-color:var(--vxn-blue);}
.vxn-peco-step.out{border-color:var(--vxn-green);}
.vxn-peco-step .v{font-family:var(--vxn-font-display);font-weight:800;font-size:clamp(1.1rem,2.4vw,1.5rem);color:var(--vxn-ink);font-variant-numeric:tabular-nums;}
.vxn-peco-step.in .v{color:var(--vxn-blue-2);}
.vxn-peco-step.out .v{color:var(--vxn-green);}
.vxn-peco-step .k{font-family:var(--vxn-font-mono);font-size:.65rem;letter-spacing:.05em;text-transform:uppercase;color:var(--vxn-muted);margin-top:5px;}
.vxn-peco-arrow{display:grid;place-items:center;color:var(--vxn-blue-2);flex:none;}
.vxn-peco-arrow svg{width:22px;height:22px;}
.vxn-peco-foot{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;margin-top:26px;}
.vxn-peco-roas{display:inline-flex;align-items:baseline;gap:9px;padding:13px 26px;border-radius:999px;background:var(--vxn-grad-cta);color:#fff;box-shadow:var(--vxn-glow-cta);}
.vxn-peco-roas b{font-family:var(--vxn-font-display);font-weight:800;font-size:1.8rem;}
.vxn-peco-roas span{font-family:var(--vxn-font-mono);font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;opacity:.95;}

/* common mistakes */
.vxn-pmistakes{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px;margin-top:42px;}
.vxn-pmistake{border-radius:var(--vxn-r);background:var(--vxn-glass);border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);padding:24px 24px;border-left:3px solid var(--vxn-red);}
.vxn-pmistake .x{display:flex;align-items:center;gap:10px;margin-bottom:11px;}
.vxn-pmistake .x .ic{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:rgba(244,63,94,.12);color:var(--vxn-red);flex:none;}
.vxn-pmistake .x .ic svg{width:17px;height:17px;}
.vxn-pmistake .x b{font-family:var(--vxn-font-display);font-size:1rem;color:var(--vxn-ink);}
.vxn-pmistake p{margin:0;font-size:.88rem;color:var(--vxn-ink-2);line-height:1.55;}
.vxn-pmistake .fix{display:flex;gap:8px;align-items:flex-start;margin-top:13px;padding-top:13px;border-top:1px solid var(--vxn-line);font-size:.86rem;color:var(--vxn-ink-2);line-height:1.5;}
.vxn-pmistake .fix svg{width:15px;height:15px;flex:none;margin-top:2px;color:var(--vxn-green);}
.vxn-pmistake .fix b{color:var(--vxn-green);font-weight:600;font-family:var(--vxn-font-mono);font-size:.7rem;text-transform:uppercase;letter-spacing:.06em;margin-right:3px;}

@media (max-width:680px){ .vxn-peco-arrow{transform:rotate(90deg);} }

/* ===================================================================== */
/* LOCAL SEO additions (.vxn-l*)                                          */
/* ===================================================================== */

/* --- Map Pack mockup --- */
.vxn-lmap{max-width:560px;margin:44px auto 0;border-radius:var(--vxn-r);background:var(--vxn-glass);border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);overflow:hidden;}
.vxn-lmap-bar{display:flex;align-items:center;gap:11px;padding:14px 17px;border-bottom:1px solid var(--vxn-line);background:var(--vxn-glass-2);}
.vxn-lmap-bar .mag{width:18px;height:18px;color:var(--vxn-muted);flex:none;}
.vxn-lmap-bar .q{flex:1;font-family:var(--vxn-font-body);font-size:.92rem;color:var(--vxn-ink);font-weight:500;}
.vxn-lmap-bar .q i{color:var(--vxn-muted);font-style:normal;}
.vxn-lmap-map{position:relative;height:144px;border-bottom:1px solid var(--vxn-line);overflow:hidden;background:
  radial-gradient(circle at 28% 38%,rgba(124,58,237,.14),transparent 42%),
  radial-gradient(circle at 75% 70%,rgba(16,185,129,.10),transparent 45%),
  linear-gradient(135deg,rgba(var(--ln),.10),rgba(var(--ln),.03));}
.vxn-lmap-map::before{content:"";position:absolute;inset:0;opacity:.5;background-image:
  repeating-linear-gradient(0deg,transparent 0 26px,rgba(var(--ln),.10) 26px 27px),
  repeating-linear-gradient(90deg,transparent 0 34px,rgba(var(--ln),.10) 34px 35px);}
.vxn-lmap-road{position:absolute;height:3px;background:rgba(var(--ln),.16);border-radius:3px;}
.vxn-lmap-pin{position:absolute;width:22px;height:22px;border-radius:50% 50% 50% 0;transform:rotate(-45deg);background:rgba(var(--ln),.5);border:2px solid var(--vxn-void);box-shadow:var(--vxn-shadow);display:grid;place-items:center;}
.vxn-lmap-pin span{transform:rotate(45deg);font-family:var(--vxn-font-mono);font-size:.6rem;font-weight:700;color:#fff;}
.vxn-lmap-pin.you{width:30px;height:30px;background:var(--vxn-grad-cta);z-index:2;}
.vxn-lmap-pin.you::after{content:"";position:absolute;inset:-7px;border-radius:50%;border:2px solid var(--vxn-blue-2);opacity:.5;animation:vxn-lpulse 2.4s var(--vxn-ease) infinite;}
@keyframes vxn-lpulse{0%{transform:scale(.7);opacity:.6}70%{transform:scale(1.5);opacity:0}100%{opacity:0}}
.vxn-lmap-list{padding:7px;}
.vxn-lmap-card{position:relative;display:flex;gap:13px;align-items:flex-start;padding:14px 15px;border-radius:var(--vxn-r-sm);}
.vxn-lmap-card + .vxn-lmap-card{border-top:1px solid var(--vxn-line);}
.vxn-lmap-card.you{background:rgba(124,58,237,.07);border:1px solid var(--vxn-line-2);}
.vxn-lmap-card .rank{flex:none;width:24px;height:24px;border-radius:7px;display:grid;place-items:center;font-family:var(--vxn-font-mono);font-size:.78rem;font-weight:700;background:rgba(var(--ln),.12);color:var(--vxn-ink-2);margin-top:2px;}
.vxn-lmap-card.you .rank{background:var(--vxn-grad-cta);color:#fff;}
.vxn-lmap-card .body{flex:1;min-width:0;}
.vxn-lmap-card .nm{display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
.vxn-lmap-card .nm b{font-family:var(--vxn-font-display);font-size:1rem;color:var(--vxn-ink);}
.vxn-lmap-card .you-tag{font-family:var(--vxn-font-mono);font-size:.6rem;letter-spacing:.06em;text-transform:uppercase;color:#fff;background:var(--vxn-violet);padding:2px 7px;border-radius:999px;}
.vxn-lmap-stars{display:flex;align-items:center;gap:7px;margin-top:4px;font-size:.82rem;}
.vxn-lmap-stars .st{color:var(--vxn-amber);letter-spacing:1px;}
.vxn-lmap-stars .ct{color:var(--vxn-muted);font-family:var(--vxn-font-mono);font-size:.72rem;}
.vxn-lmap-meta{margin-top:5px;font-size:.78rem;color:var(--vxn-muted);}
@media (prefers-reduced-motion:reduce){.vxn-lmap-pin.you::after{animation:none;}}

/* --- core ranking factors (Google's triad) --- */
.vxn-lcore{display:grid;grid-template-columns:repeat(auto-fit,minmax(238px,1fr));gap:16px;margin-top:42px;}
.vxn-lcore-card{position:relative;border-radius:var(--vxn-r);background:var(--vxn-glass);border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);padding:28px 24px;text-align:center;overflow:hidden;}
.vxn-lcore-card::before{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:var(--vxn-grad-cta);opacity:.85;}
.vxn-lcore-card .ic{width:56px;height:56px;margin:6px auto 16px;border-radius:16px;display:grid;place-items:center;background:rgba(124,58,237,.10);color:var(--vxn-blue);}
.vxn-lcore-card .ic svg{width:27px;height:27px;}
.vxn-lcore-card .tag{font-family:var(--vxn-font-mono);font-size:.66rem;letter-spacing:.07em;text-transform:uppercase;color:var(--vxn-blue-2);}
.vxn-lcore-card h4{font-family:var(--vxn-font-display);font-size:1.2rem;color:var(--vxn-ink);margin:6px 0 10px;}
.vxn-lcore-card p{font-size:.88rem;color:var(--vxn-ink-2);line-height:1.55;margin:0;}



/* From med-spa.html */

/* =====================================================================
   VAYUNEX — DESIGN SYSTEM v2
   Light-default, royal-purple. Dark mode via :root[data-theme="dark"].
   Theme bases: --w (tint), --ln (hairline), --mk (screen-mock surface)
   flip per theme so one stylesheet serves both. Accents are shared.
   Type:  Sora (display) · Manrope (body) · JetBrains Mono (data)
   ===================================================================== */

/* ----- TOKENS : LIGHT (default) ----- */
:root{
  color-scheme: light;

  --vxn-void:#ffffff;
  --vxn-deep:#f4f0fb;
  --vxn-panel:#ffffff;
  --vxn-panel-2:#f5f1fe;

  --vxn-ink:#1b1233;
  --vxn-ink-2:#392e57;
  --vxn-muted:#675d86;
  --vxn-faint:#9a91b4;

  /* theme bases */
  --w:45,35,70;          /* subtle tint base (dark on light) */
  --ln:110,82,180;       /* hairline base (purple)           */
  --mk:245,243,252;      /* screen-mock surface (near-white) */

  --vxn-line:rgba(var(--ln),0.16);
  --vxn-line-2:rgba(var(--ln),0.32);

  /* royal-purple accents (shared both themes) */
  --vxn-blue:#7c3aed;    /* primary  */
  --vxn-blue-2:#a855f7;  /* primary-2 */
  --vxn-cyan:#c084fc;    /* bright orchid pop */
  --vxn-violet:#8b5cf6;
  --vxn-green:#10b981;   /* success / revenue */
  --vxn-amber:#f59e0b;   /* stars / cost */
  --vxn-red:#f43f5e;     /* loss */

  --vxn-glass:linear-gradient(160deg,rgba(255,255,255,0.96),rgba(250,248,255,0.90));
  --vxn-glass-2:linear-gradient(160deg,#ffffff,#f3edfe);
  --vxn-glass-brd:rgba(var(--ln),0.20);

  --vxn-cta-ink:#ffffff;
  --vxn-grad-cta:linear-gradient(135deg,#7c3aed 0%,#a855f7 55%,#c084fc 100%);
  --vxn-grad-violet:linear-gradient(135deg,#8b5cf6 0%,#7c3aed 100%);
  --vxn-grad-text:linear-gradient(120deg,#2a1d4d 0%,#7c3aed 55%,#a855f7 100%);

  --vxn-shadow:0 26px 60px -30px rgba(76,29,149,0.30);
  --vxn-glow-cta:0 16px 40px -12px rgba(124,58,237,0.42);

  --vxn-font-display:'Sora',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  --vxn-font-body:'Manrope',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  --vxn-font-mono:'JetBrains Mono',ui-monospace,SFMono-Regular,Menlo,monospace;

  --vxn-r:20px;
  --vxn-r-sm:14px;
  --vxn-shell:1180px;
  --vxn-ease:cubic-bezier(.2,.7,.2,1);
}

/* ----- TOKENS : DARK (toggle) ----- */
:root[data-theme="dark"]{
  color-scheme: dark;

  --vxn-void:#0b0818;
  --vxn-deep:#0f0b20;
  --vxn-panel:#150f2b;
  --vxn-panel-2:#1b1338;

  --vxn-ink:#f3f0ff;
  --vxn-ink-2:#cdc6e8;
  --vxn-muted:#968cb8;
  --vxn-faint:#6c648c;

  --w:255,255,255;
  --ln:150,135,215;
  --mk:14,20,44;

  --vxn-glass:linear-gradient(160deg,rgba(255,255,255,0.07),rgba(255,255,255,0.02));
  --vxn-glass-2:linear-gradient(160deg,rgba(255,255,255,0.10),rgba(255,255,255,0.03));
  --vxn-glass-brd:rgba(255,255,255,0.10);

  --vxn-grad-text:linear-gradient(120deg,#ffffff 0%,#c4b5fd 50%,#c084fc 100%);

  --vxn-shadow:0 26px 70px -28px rgba(0,0,0,0.70);
  --vxn-glow-cta:0 16px 44px -12px rgba(124,58,237,0.60);
}

/* ----- TRANSFORMED SECTION STYLES (token-driven, theme-aware) ----- */
/* =====================================================================
   VAYUNEX — GLOBAL DESIGN SYSTEM
   Visual direction: "Mission control for revenue" — deep navy/black base,
   electric blue + cyan + violet accents, success green & cost amber for
   telemetry, frosted glass, ambient grid, lead-flow particle motif.
   Type roles:  Sora (display) · Manrope (body) · JetBrains Mono (data)
   All classes are namespaced with the vxn- prefix.
   ===================================================================== */

/* ----- TOKENS ----- */

/* ----- RESET / BASE ----- */
*,*::before,*::after{box-sizing:border-box;}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;}
body{
  margin:0;
  background:var(--vxn-void);
  color:var(--vxn-ink-2);
  font-family:var(--vxn-font-body);
  font-size:16px;
  line-height:1.65;
  letter-spacing:.005em;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
  overflow-x:hidden;
}
img{max-width:100%;display:block;}
a{color:inherit;text-decoration:none;}
button{font-family:inherit;cursor:pointer;}
canvas{display:block;}
::selection{background:rgba(192,132,252,.28);color:#fff;}

/* ----- AMBIENT ATMOSPHERE (fixed background layer) ----- */
.vxn-atmos{position:fixed;inset:0;z-index:-2;pointer-events:none;background:
  radial-gradient(1100px 700px at 78% -8%,rgba(124,58,237,.22),transparent 60%),
  radial-gradient(900px 700px at 8% 12%,rgba(139,92,246,.16),transparent 60%),
  radial-gradient(1000px 800px at 60% 108%,rgba(192,132,252,.10),transparent 55%),
  var(--vxn-void);}
.vxn-atmos::before{content:"";position:absolute;inset:0;opacity:.5;
  background-image:linear-gradient(rgba(var(--ln),.05) 1px,transparent 1px),
                   linear-gradient(90deg,rgba(var(--ln),.05) 1px,transparent 1px);
  background-size:54px 54px;
  -webkit-mask-image:radial-gradient(circle at 50% 30%,#000 0%,transparent 78%);
          mask-image:radial-gradient(circle at 50% 30%,#000 0%,transparent 78%);}
.vxn-grain{position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.035;mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");}

/* ----- LAYOUT PRIMITIVES ----- */
.vxn-shell{width:100%;max-width:var(--vxn-shell);margin-inline:auto;padding-inline:24px;}
.vxn-section{position:relative;padding-block:clamp(74px,11vh,128px);}
.vxn-section--tight{padding-block:clamp(56px,8vh,92px);}
.vxn-divider{height:1px;background:linear-gradient(90deg,transparent,var(--vxn-line-2),transparent);border:0;margin:0;}

/* ----- TYPOGRAPHY ----- */
.vxn-eyebrow{display:inline-flex;align-items:center;gap:9px;font-family:var(--vxn-font-mono);
  font-size:12px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--vxn-cyan);}
.vxn-eyebrow::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--vxn-cyan);
  box-shadow:0 0 10px var(--vxn-cyan);}
.vxn-h1{font-family:var(--vxn-font-display);font-weight:800;line-height:1.04;letter-spacing:-.025em;
  font-size:clamp(2.4rem,6vw,4.5rem);color:var(--vxn-ink);margin:0;}
.vxn-h2{font-family:var(--vxn-font-display);font-weight:700;line-height:1.08;letter-spacing:-.02em;
  font-size:clamp(1.85rem,4vw,3rem);color:var(--vxn-ink);margin:0;}
.vxn-h3{font-family:var(--vxn-font-display);font-weight:600;line-height:1.2;letter-spacing:-.01em;
  font-size:clamp(1.1rem,2vw,1.35rem);color:var(--vxn-ink);margin:0;}
.vxn-lead{font-size:clamp(1.02rem,1.6vw,1.2rem);color:var(--vxn-ink-2);max-width:62ch;}
.vxn-grad-txt{background:var(--vxn-grad-text);-webkit-background-clip:text;background-clip:text;color:transparent;}
.vxn-cyan{color:var(--vxn-cyan);} .vxn-violet{color:var(--vxn-violet);} .vxn-green{color:var(--vxn-green);}
.vxn-mono{font-family:var(--vxn-font-mono);font-variant-numeric:tabular-nums;}
.vxn-head{max-width:760px;}
.vxn-head .vxn-lead{margin-top:18px;}
.vxn-center{text-align:center;margin-inline:auto;}

/* ----- BUTTONS ----- */
.vxn-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;
  font-family:var(--vxn-font-display);font-weight:600;font-size:.96rem;letter-spacing:-.01em;
  padding:14px 24px;border-radius:13px;border:1px solid transparent;transition:transform .25s var(--vxn-ease),box-shadow .25s,background .25s;white-space:nowrap;}
.vxn-btn svg{width:18px;height:18px;}
.vxn-btn--primary{background:var(--vxn-grad-cta);color:var(--vxn-cta-ink);box-shadow:var(--vxn-glow-cta);}
.vxn-btn--primary:hover{transform:translateY(-2px);box-shadow:0 20px 50px -12px rgba(124,58,237,.7);}
.vxn-btn--ghost{background:rgba(var(--w),.03);border-color:var(--vxn-line-2);color:var(--vxn-ink);}
.vxn-btn--ghost:hover{transform:translateY(-2px);background:rgba(var(--w),.07);border-color:var(--vxn-cyan);}
.vxn-btn:focus-visible{outline:2px solid var(--vxn-cyan);outline-offset:3px;}

/* ----- CHIPS / PILLS ----- */
.vxn-chip{display:inline-flex;align-items:center;gap:8px;font-size:.82rem;font-weight:600;color:var(--vxn-ink-2);
  padding:7px 14px;border-radius:999px;background:rgba(var(--w),.04);border:1px solid var(--vxn-line);}
.vxn-chip .vxn-dot{width:6px;height:6px;border-radius:50%;background:var(--vxn-green);box-shadow:0 0 8px var(--vxn-green);}

/* ----- GLASS CARD ----- */
.vxn-glass{position:relative;background:var(--vxn-glass);border:1px solid var(--vxn-glass-brd);
  border-radius:var(--vxn-r);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--vxn-shadow);}
.vxn-glass::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;pointer-events:none;
  background:linear-gradient(160deg,rgba(var(--w),.35),transparent 40%);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
          mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;mask-composite:exclude;opacity:.5;}

/* 3D tilt-ready card */
.vxn-card3d{transition:transform .4s var(--vxn-ease),box-shadow .4s;transform-style:preserve-3d;will-change:transform;}

/* ----- SCROLL REVEAL ----- */
.vxn-reveal{opacity:0;transform:translateY(28px);transition:opacity .8s var(--vxn-ease),transform .8s var(--vxn-ease);transition-delay:var(--d,0s);}
.vxn-reveal.is-in{opacity:1;transform:none;}

/* ============================ NAV (CAPSULE) ============================ */
/* "Living glass capsule" — contracts on scroll, canopy mega-menu unfurls
   out of the same surface, sliding spotlight, full-screen mobile overlay. */
.vxn-skip{position:absolute;left:-9999px;top:0;z-index:200;background:var(--vxn-cyan);color:var(--vxn-cta-ink);
  padding:10px 16px;border-radius:0 0 10px 0;font-weight:700;}
.vxn-skip:focus{left:0;}

.vxn-scrim{position:fixed;inset:0;z-index:79;background:rgba(var(--mk),.55);opacity:0;visibility:hidden;
  -webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:opacity .35s,visibility .35s;}
.vxn-scrim.is-on{opacity:1;visibility:visible;}

.vxn-nav{position:fixed;top:14px;left:0;right:0;z-index:80;display:flex;justify-content:center;padding-inline:14px;}
.vxn-island{width:min(1120px,100%);background:linear-gradient(160deg,rgba(var(--mk),.78),rgba(var(--mk),.7));
  border:1px solid var(--vxn-glass-brd);border-radius:22px;overflow:hidden;
  -webkit-backdrop-filter:blur(16px) saturate(140%);backdrop-filter:blur(16px) saturate(140%);
  box-shadow:0 18px 50px -22px rgba(0,0,0,.8);
  transition:width .5s var(--vxn-ease),border-radius .5s,background .5s;}
.vxn-nav.is-contracted .vxn-island{width:min(880px,100%);background:linear-gradient(160deg,rgba(var(--mk),.92),rgba(var(--mk),.9));}
.vxn-bar{display:flex;align-items:center;gap:18px;padding:11px 14px 11px 18px;transition:padding .5s var(--vxn-ease);}
.vxn-nav.is-contracted .vxn-bar{padding:8px 12px 8px 16px;}

.vxn-brand{display:flex;align-items:center;gap:11px;flex-shrink:0;}
.vxn-mark{width:30px;height:30px;flex-shrink:0;transition:width .5s,height .5s;}
.vxn-nav.is-contracted .vxn-mark{width:26px;height:26px;}
.vxn-word{font-family:var(--vxn-font-display);font-weight:800;letter-spacing:.12em;font-size:1.02rem;color:var(--vxn-ink);}

.vxn-links{position:relative;display:flex;align-items:center;gap:2px;margin-inline:auto;}
.vxn-spot{position:absolute;top:50%;height:34px;border-radius:11px;transform:translateY(-50%);
  background:linear-gradient(160deg,rgba(var(--ln),.22),rgba(var(--ln),.08));border:1px solid var(--vxn-line);
  z-index:0;opacity:0;transition:left .38s var(--vxn-ease),width .38s var(--vxn-ease),opacity .3s;pointer-events:none;}
.vxn-link{position:relative;z-index:1;display:inline-flex;align-items:center;gap:6px;color:var(--vxn-ink-2);
  font-size:.92rem;font-weight:600;padding:8px 14px;border-radius:11px;background:none;border:0;transition:color .25s;}
.vxn-link:hover,.vxn-link[aria-expanded="true"]{color:var(--vxn-ink);}
.vxn-link .vxn-chev{width:14px;height:14px;transition:transform .3s;}
.vxn-link[aria-expanded="true"] .vxn-chev{transform:rotate(180deg);}
.vxn-link:focus-visible{outline:2px solid var(--vxn-cyan);outline-offset:2px;}

.vxn-actions{display:flex;align-items:center;gap:10px;flex-shrink:0;}
.vxn-cta{display:inline-flex;align-items:center;gap:7px;background:var(--vxn-grad-cta);color:var(--vxn-cta-ink);
  font-family:var(--vxn-font-display);font-weight:700;font-size:.88rem;padding:10px 17px;border-radius:11px;
  box-shadow:0 10px 26px -10px rgba(124,58,237,.6);transition:transform .25s,box-shadow .25s;border:0;}
.vxn-cta:hover{transform:translateY(-1px);box-shadow:0 14px 32px -8px rgba(124,58,237,.8);}
.vxn-cta:focus-visible{outline:2px solid #fff;outline-offset:2px;}

.vxn-burger{display:none;width:42px;height:38px;border-radius:11px;background:rgba(var(--w),.05);
  border:1px solid var(--vxn-line);align-items:center;justify-content:center;flex-direction:column;gap:4px;}
.vxn-burger span{width:18px;height:2px;background:var(--vxn-ink);border-radius:2px;transition:transform .3s,opacity .3s;}
.vxn-burger:focus-visible{outline:2px solid var(--vxn-cyan);outline-offset:2px;}

/* Canopy mega-menu (lives INSIDE the island; grows out of it) */
.vxn-canopy{max-height:0;opacity:0;padding:0 22px;transition:max-height .5s var(--vxn-ease),opacity .35s,padding .5s var(--vxn-ease);}
.vxn-island.is-open .vxn-canopy{max-height:420px;opacity:1;padding:4px 22px 22px;}
.vxn-canopy-top{height:1px;background:var(--vxn-line);margin-bottom:18px;}
.vxn-canopy-grid{display:grid;grid-template-columns:1fr 1fr 1.15fr;gap:22px;}
.vxn-col-title{font-family:var(--vxn-font-mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--vxn-muted);margin-bottom:12px;}
.vxn-col a{display:flex;align-items:center;gap:10px;color:var(--vxn-ink-2);font-size:.9rem;font-weight:600;padding:7px 9px;border-radius:9px;transition:background .2s,color .2s,transform .2s;opacity:0;transform:translateY(8px);}
.vxn-island.is-open .vxn-col a{opacity:1;transform:none;}
.vxn-island.is-open .vxn-col:nth-child(1) a{transition-delay:.05s;}
.vxn-island.is-open .vxn-col:nth-child(2) a{transition-delay:.12s;}
.vxn-col a:hover{background:rgba(var(--ln),.1);color:#fff;}
.vxn-col a i{width:8px;height:8px;border-radius:50%;background:var(--vxn-cyan);box-shadow:0 0 8px var(--vxn-cyan);flex-shrink:0;}
.vxn-col a.h i{background:var(--vxn-green);box-shadow:0 0 8px var(--vxn-green);}
.vxn-rail{background:var(--vxn-grad-violet);border-radius:16px;padding:18px;display:flex;flex-direction:column;justify-content:center;opacity:0;transform:translateY(8px);transition:opacity .4s .18s,transform .4s .18s;}
.vxn-island.is-open .vxn-rail{opacity:1;transform:none;}
.vxn-rail h4{font-family:var(--vxn-font-display);font-size:1.05rem;color:#fff;margin:0 0 6px;}
.vxn-rail p{font-size:.82rem;color:rgba(var(--w),.85);margin:0 0 14px;}
.vxn-rail a{align-self:flex-start;background:#fff;color:#1a1340;font-weight:700;font-size:.82rem;padding:9px 15px;border-radius:10px;}

/* Mobile full-screen overlay */
.vxn-overlay{position:fixed;inset:0;z-index:90;background:linear-gradient(180deg,var(--vxn-void),var(--vxn-void));
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transform:translateY(-100%);transition:transform .5s var(--vxn-ease);
  display:flex;flex-direction:column;padding:22px;overflow-y:auto;}
.vxn-overlay.is-open{transform:none;}
.vxn-ov-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:36px;}
.vxn-ov-close{width:42px;height:42px;border-radius:12px;background:rgba(var(--w),.05);border:1px solid var(--vxn-line);color:var(--vxn-ink);font-size:1.4rem;display:flex;align-items:center;justify-content:center;}
.vxn-ov-body{display:flex;flex-direction:column;gap:6px;}
.vxn-ov-link{font-family:var(--vxn-font-display);font-weight:700;font-size:1.8rem;color:var(--vxn-ink);padding:14px 4px;border-bottom:1px solid var(--vxn-line);display:flex;align-items:center;justify-content:space-between;
  opacity:0;transform:translateX(-18px);transition:opacity .5s,transform .5s;}
.vxn-overlay.is-open .vxn-ov-link{opacity:1;transform:none;}
.vxn-overlay.is-open .vxn-ov-link:nth-child(1){transition-delay:.08s;}
.vxn-overlay.is-open .vxn-ov-link:nth-child(2){transition-delay:.14s;}
.vxn-overlay.is-open .vxn-ov-link:nth-child(3){transition-delay:.2s;}
.vxn-overlay.is-open .vxn-ov-link:nth-child(4){transition-delay:.26s;}
.vxn-overlay.is-open .vxn-ov-link:nth-child(5){transition-delay:.32s;}
.vxn-ov-sub{display:none;flex-direction:column;gap:2px;padding:6px 4px 14px;}
.vxn-ov-sub.is-open{display:flex;}
.vxn-ov-sub a{color:var(--vxn-muted);font-size:1.05rem;font-weight:600;padding:8px 0;}
.vxn-ov-cta{margin-top:26px;}

@media(max-width:920px){
  .vxn-links{display:none;}
  .vxn-burger{display:flex;}
  .vxn-actions .vxn-cta{display:none;}
}
@media(min-width:921px){ .vxn-overlay{display:none!important;} }

/* ============================ HERO ============================ */
.vxn-hero{position:relative;min-height:100svh;display:flex;align-items:center;padding-top:130px;padding-bottom:64px;overflow:hidden;}
.vxn-hero-bg{position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.9;}
.vxn-hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.04fr .96fr;gap:46px;align-items:center;width:100%;}
.vxn-hero-copy{max-width:600px;}
.vxn-hero h1{margin:18px 0 0;}
.vxn-hero h1 .ln{display:block;}
.vxn-hero .vxn-lead{margin-top:22px;}
.vxn-hero-cta{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px;}
.vxn-hero-trust{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px;}

.vxn-engine{position:relative;width:100%;aspect-ratio:1/.86;max-width:560px;margin-inline:auto;}
.vxn-engine canvas{position:absolute;inset:0;width:100%;height:100%;}
.vxn-dash{position:absolute;right:-6px;bottom:-14px;width:min(252px,72%);padding:16px 16px 14px;border-radius:16px;z-index:3;}
.vxn-dash-h{display:flex;align-items:center;gap:8px;font-family:var(--vxn-font-mono);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--vxn-muted);margin-bottom:12px;}
.vxn-dash-h .live{width:7px;height:7px;border-radius:50%;background:var(--vxn-green);box-shadow:0 0 9px var(--vxn-green);animation:vxn-pulse 1.8s infinite;}
.vxn-dash-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 14px;}
.vxn-dash-cell .k{font-size:10px;letter-spacing:.04em;color:var(--vxn-faint);text-transform:uppercase;font-weight:600;}
.vxn-dash-cell .v{font-family:var(--vxn-font-mono);font-weight:700;font-size:1.18rem;color:var(--vxn-ink);line-height:1.2;font-variant-numeric:tabular-nums;}
.vxn-dash-cell .v.c{color:var(--vxn-cyan);} .vxn-dash-cell .v.g{color:var(--vxn-green);}
@keyframes vxn-pulse{0%,100%{opacity:1;transform:scale(1);}50%{opacity:.45;transform:scale(.82);}}

/* ============================ PROBLEM / LEAK FUNNEL ============================ */
.vxn-leak-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:46px;align-items:center;margin-top:48px;}
.vxn-funnel-stage{position:relative;width:100%;max-width:440px;margin-inline:auto;}
.vxn-funnel-stage svg{width:100%;height:auto;overflow:visible;}
.vxn-leak-rows{display:flex;flex-direction:column;gap:10px;}
.vxn-leak-row{display:flex;gap:14px;align-items:flex-start;padding:15px 16px;border-radius:14px;border:1px solid var(--vxn-line);
  background:rgba(var(--w),.018);cursor:pointer;transition:border-color .3s,background .3s,transform .3s;text-align:left;width:100%;}
.vxn-leak-row:hover{transform:translateX(4px);}
.vxn-leak-row.is-active{border-color:rgba(244,63,94,.55);background:rgba(244,63,94,.07);}
.vxn-leak-num{font-family:var(--vxn-font-mono);font-size:.8rem;color:var(--vxn-red);font-weight:700;width:26px;height:26px;border-radius:8px;
  background:rgba(244,63,94,.12);display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px;}
.vxn-leak-row.is-active .vxn-leak-num{background:var(--vxn-red);color:#180408;}
.vxn-leak-txt h4{font-family:var(--vxn-font-display);font-size:1rem;color:var(--vxn-ink);margin:0 0 3px;}
.vxn-leak-txt p{margin:0;font-size:.88rem;color:var(--vxn-muted);}
.vxn-leak-foot{margin-top:22px;font-size:.95rem;color:var(--vxn-ink-2);border-left:2px solid var(--vxn-cyan);padding-left:16px;}

/* ============================ METHOD (10-step journey) ============================ */
.vxn-method-rail{position:relative;display:flex;gap:14px;overflow-x:auto;padding:30px 4px 18px;margin-top:38px;scroll-snap-type:x mandatory;
  -ms-overflow-style:none;scrollbar-width:thin;scrollbar-color:var(--vxn-line-2) transparent;}
.vxn-method-rail::-webkit-scrollbar{height:6px;}
.vxn-method-rail::-webkit-scrollbar-thumb{background:var(--vxn-line-2);border-radius:6px;}
.vxn-mprogress{position:absolute;top:14px;left:4px;right:4px;height:2px;background:var(--vxn-line);border-radius:2px;overflow:hidden;}
.vxn-mprogress i{position:absolute;inset:0;width:0;background:var(--vxn-grad-cta);box-shadow:0 0 12px rgba(192,132,252,.6);transition:width 1.4s var(--vxn-ease);}
.vxn-mstep{position:relative;scroll-snap-align:start;flex:0 0 auto;width:172px;padding:18px 16px 16px;border-radius:16px;}
.vxn-mstep .n{position:absolute;top:-11px;left:16px;font-family:var(--vxn-font-mono);font-size:.7rem;font-weight:700;color:var(--vxn-cyan);
  background:var(--vxn-deep);border:1px solid var(--vxn-line);padding:3px 7px;border-radius:7px;}
.vxn-mstep .ic{width:38px;height:38px;border-radius:11px;background:rgba(var(--ln),.1);display:flex;align-items:center;justify-content:center;margin-bottom:12px;color:var(--vxn-cyan);}
.vxn-mstep .ic svg{width:20px;height:20px;}
.vxn-mstep h4{font-family:var(--vxn-font-display);font-size:1rem;color:var(--vxn-ink);margin:0 0 6px;}
.vxn-mstep p{margin:0;font-size:.82rem;color:var(--vxn-muted);line-height:1.5;}
.vxn-mstep::after{content:"";position:absolute;right:-9px;top:54px;width:14px;height:14px;border-top:2px solid var(--vxn-line-2);border-right:2px solid var(--vxn-line-2);transform:rotate(45deg);opacity:.7;}
.vxn-mstep:last-child::after{display:none;}

/* ============================ STRATEGY BOARD ============================ */
.vxn-board-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:46px;align-items:center;margin-top:46px;}
.vxn-board{position:relative;aspect-ratio:1;width:100%;max-width:480px;margin-inline:auto;border-radius:24px;overflow:hidden;
  background:linear-gradient(160deg,rgba(var(--mk),.9),rgba(var(--mk),.92));border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);}
.vxn-board::before{content:"";position:absolute;inset:0;opacity:.5;
  background-image:repeating-conic-gradient(rgba(var(--ln),.05) 0% 25%,transparent 0% 50%);background-size:25% 25%;}
.vxn-board::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 45%,transparent 30%,rgba(var(--mk),.55) 100%);}
.vxn-piece{position:absolute;width:21%;aspect-ratio:1;transform:translate(-50%,-50%) scale(.3);opacity:0;
  transition:transform .9s var(--vxn-ease),opacity .7s;left:var(--x);top:var(--y);z-index:2;cursor:default;}
.vxn-board.is-placed .vxn-piece{transform:translate(-50%,-50%) scale(1);opacity:1;}
.vxn-piece-disc{position:absolute;inset:0;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;
  background:radial-gradient(circle at 35% 28%,rgba(var(--w),.22),rgba(var(--w),.03) 60%),linear-gradient(160deg,rgba(var(--mk),.9),rgba(var(--mk),.95));
  border:1px solid rgba(var(--w),.16);box-shadow:0 10px 24px -8px rgba(0,0,0,.7),inset 0 1px 1px rgba(var(--w),.25);
  transition:transform .3s,box-shadow .3s;}
.vxn-piece:hover .vxn-piece-disc{transform:translateY(-4px) scale(1.05);box-shadow:0 16px 30px -8px var(--pc,rgba(192,132,252,.5)),inset 0 1px 1px rgba(var(--w),.3);}
.vxn-piece-disc svg{width:34%;height:34%;color:var(--pc,var(--vxn-cyan));}
.vxn-piece-lbl{font-family:var(--vxn-font-mono);font-size:.5rem;letter-spacing:.04em;color:var(--vxn-ink-2);text-transform:uppercase;font-weight:700;}
.vxn-piece-glow{position:absolute;inset:-30%;border-radius:50%;background:radial-gradient(circle,var(--pc,rgba(192,132,252,.4)),transparent 65%);opacity:.4;filter:blur(6px);z-index:-1;}
.vxn-tip{position:absolute;left:50%;bottom:112%;transform:translateX(-50%) translateY(6px);width:max-content;max-width:180px;
  background:rgba(var(--mk),.96);border:1px solid var(--vxn-line-2);border-radius:10px;padding:9px 12px;font-size:.74rem;color:var(--vxn-ink-2);line-height:1.45;
  opacity:0;visibility:hidden;transition:opacity .25s,transform .25s,visibility .25s;z-index:5;box-shadow:0 12px 30px -10px rgba(0,0,0,.8);pointer-events:none;}
.vxn-tip b{color:var(--pc,var(--vxn-cyan));font-family:var(--vxn-font-display);}
.vxn-piece:hover .vxn-tip{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0);}
.vxn-legend{display:flex;flex-direction:column;gap:8px;margin-top:26px;}
.vxn-lrow{display:flex;align-items:center;gap:12px;padding:11px 14px;border-radius:12px;border:1px solid var(--vxn-line);background:rgba(var(--w),.018);transition:background .25s,border-color .25s;cursor:default;}
.vxn-lrow:hover{background:rgba(var(--ln),.06);border-color:var(--vxn-line-2);}
.vxn-lrow .sw{width:12px;height:12px;border-radius:50%;flex-shrink:0;box-shadow:0 0 10px currentColor;}
.vxn-lrow b{font-family:var(--vxn-font-display);color:var(--vxn-ink);font-size:.92rem;min-width:74px;}
.vxn-lrow span{font-size:.85rem;color:var(--vxn-muted);}

/* ============================ INDUSTRY JOURNEYS (health / hospitality) ============================ */
.vxn-jintro{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap;}
.vxn-journey{position:relative;margin:46px 0 40px;padding:34px 12px 30px;border-radius:20px;}
.vxn-jtrack{position:relative;display:flex;justify-content:space-between;gap:8px;padding-top:8px;}
.vxn-jline{position:absolute;top:30px;left:5%;right:5%;height:2px;background:var(--vxn-line);border-radius:2px;}
.vxn-jline i{position:absolute;inset:0;width:0;background:linear-gradient(90deg,var(--ac1),var(--ac2));box-shadow:0 0 10px var(--ac2);transition:width 1.8s var(--vxn-ease);}
.vxn-jnode{position:relative;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;flex:1;min-width:0;z-index:2;}
.vxn-jdot{width:46px;height:46px;border-radius:14px;background:var(--vxn-deep);border:1px solid var(--vxn-line-2);display:flex;align-items:center;justify-content:center;color:var(--ac2,var(--vxn-cyan));transition:box-shadow .4s,border-color .4s,transform .4s;}
.vxn-jdot svg{width:21px;height:21px;}
.vxn-journey.is-in .vxn-jnode:nth-child(1) .vxn-jdot{box-shadow:0 0 0 4px rgba(192,132,252,.08),0 0 20px -4px var(--ac2);border-color:var(--ac2);}
.vxn-jlabel{font-size:.78rem;font-weight:600;color:var(--vxn-ink-2);line-height:1.3;max-width:90px;}
.vxn-jsub{font-family:var(--vxn-font-mono);font-size:.62rem;letter-spacing:.04em;color:var(--vxn-faint);text-transform:uppercase;}
.vxn-token{position:absolute;top:30px;left:5%;width:18px;height:18px;border-radius:50%;transform:translate(-50%,-50%);z-index:3;
  background:radial-gradient(circle at 35% 30%,#fff,var(--ac2));box-shadow:0 0 16px var(--ac2);}
.vxn-journey.is-in .vxn-token{animation:vxn-ride 7s var(--vxn-ease) .4s infinite;}
@keyframes vxn-ride{0%{left:5%;}12%{left:5%;}22%{left:24%;}34%{left:24%;}44%{left:50%;}56%{left:50%;}66%{left:76%;}78%{left:76%;}88%{left:95%;}100%{left:95%;}}
.vxn-cap-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(225px,1fr));gap:16px;margin-top:6px;}
.vxn-cap{padding:20px 18px;border-radius:16px;transition:transform .35s var(--vxn-ease),border-color .35s;}
.vxn-cap:hover{transform:translateY(-5px);}
.vxn-cap .ic{width:40px;height:40px;border-radius:11px;display:flex;align-items:center;justify-content:center;margin-bottom:13px;
  background:rgba(192,132,252,.1);color:var(--ac2,var(--vxn-cyan));}
.vxn-cap .ic svg{width:21px;height:21px;}
.vxn-cap h4{font-family:var(--vxn-font-display);font-size:1.02rem;color:var(--vxn-ink);margin:0 0 7px;}
.vxn-cap p{margin:0;font-size:.86rem;color:var(--vxn-muted);}
.vxn-note{display:inline-flex;align-items:center;gap:8px;margin-top:24px;font-size:.8rem;color:var(--vxn-faint);font-family:var(--vxn-font-mono);}
.vxn-note::before{content:"";width:14px;height:1px;background:var(--vxn-faint);}

/* ============================ SEO WALKTHROUGH ============================ */
.vxn-seo-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:42px;align-items:center;margin-top:46px;}
.vxn-query-chips{display:flex;flex-wrap:wrap;gap:9px;margin:22px 0 26px;}
.vxn-qchip{font-size:.82rem;font-weight:600;color:var(--vxn-ink-2);padding:8px 14px;border-radius:10px;border:1px solid var(--vxn-line);background:rgba(var(--w),.02);transition:all .25s;}
.vxn-qchip.is-on{border-color:transparent;background:linear-gradient(135deg,#7c3aed,#a855f7);color:#fff;box-shadow:0 6px 16px -6px rgba(124,58,237,.55);}
.vxn-seo-labels{display:flex;flex-direction:column;gap:9px;}
.vxn-seolab{display:flex;align-items:center;gap:11px;font-size:.88rem;color:var(--vxn-faint);transition:color .3s;}
.vxn-seolab .tick{width:20px;height:20px;border-radius:6px;border:1px solid var(--vxn-line-2);display:flex;align-items:center;justify-content:center;transition:all .3s;}
.vxn-seolab .tick svg{width:12px;height:12px;opacity:0;transition:opacity .3s;}
.vxn-seolab.is-lit{color:var(--vxn-ink);}
.vxn-seolab.is-lit .tick{background:var(--vxn-green);border-color:var(--vxn-green);}
.vxn-seolab.is-lit .tick svg{opacity:1;color:#04140d;}

.vxn-browser{position:relative;border-radius:16px;overflow:hidden;border:1px solid var(--vxn-glass-brd);
  background:linear-gradient(180deg,rgba(var(--mk),.96),rgba(var(--mk),.98));box-shadow:var(--vxn-shadow);min-height:430px;}
.vxn-bbar{display:flex;align-items:center;gap:8px;padding:11px 14px;border-bottom:1px solid var(--vxn-line);background:rgba(var(--w),.02);}
.vxn-bdots{display:flex;gap:6px;}
.vxn-bdots i{width:10px;height:10px;border-radius:50%;background:rgba(var(--w),.18);}
.vxn-burl{flex:1;display:flex;align-items:center;gap:8px;background:rgba(0,0,0,.3);border:1px solid var(--vxn-line);border-radius:9px;padding:6px 12px;font-family:var(--vxn-font-mono);font-size:.76rem;color:var(--vxn-muted);}
.vxn-burl svg{width:12px;height:12px;color:var(--vxn-green);}
.vxn-bbody{position:relative;padding:22px;min-height:380px;}
.vxn-seo-screen{position:absolute;inset:0;padding:24px;opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .5s,transform .5s,visibility .5s;}
.vxn-seo-screen.is-on{opacity:1;visibility:visible;transform:none;}
.vxn-search-box{display:flex;align-items:center;gap:12px;background:#fff;border-radius:999px;padding:14px 22px;box-shadow:0 8px 30px -8px rgba(0,0,0,.5);max-width:440px;margin:60px auto 0;}
.vxn-search-box svg{width:20px;height:20px;color:#5f6368;flex-shrink:0;}
.vxn-search-q{font-family:var(--vxn-font-body);font-size:1.02rem;color:#202124;font-weight:500;}
.vxn-search-q .car{display:inline-block;width:2px;height:1.05em;background:#4285f4;margin-left:1px;vertical-align:-2px;animation:vxn-blink 1s step-end infinite;}
@keyframes vxn-blink{50%{opacity:0;}}
.vxn-search-hint{text-align:center;color:var(--vxn-faint);font-size:.82rem;margin-top:22px;}
.vxn-serp{display:grid;grid-template-columns:1.4fr .9fr;gap:18px;}
.vxn-serp-list{display:flex;flex-direction:column;gap:11px;}
.vxn-result{padding:13px 15px;border-radius:12px;border:1px solid var(--vxn-line);background:rgba(var(--w),.025);transition:transform .6s var(--vxn-ease),border-color .5s,background .5s;}
.vxn-result .u{font-size:.72rem;color:var(--vxn-green);font-family:var(--vxn-font-mono);}
.vxn-result .t{font-family:var(--vxn-font-display);font-size:.98rem;color:var(--vxn-blue-2);margin:3px 0 5px;}
.vxn-result .d{font-size:.78rem;color:var(--vxn-muted);}
.vxn-result.is-win{border-color:var(--vxn-cyan);background:rgba(192,132,252,.08);box-shadow:0 0 0 1px rgba(192,132,252,.3),0 14px 30px -12px rgba(192,132,252,.4);}
.vxn-result .badges{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px;opacity:0;max-height:0;overflow:hidden;transition:opacity .5s,max-height .5s;}
.vxn-result.is-win .badges{opacity:1;max-height:50px;}
.vxn-badge{font-size:.66rem;font-weight:700;padding:3px 8px;border-radius:6px;background:rgba(16,185,129,.14);color:var(--vxn-green);}
.vxn-badge.star{background:rgba(245,158,11,.16);color:var(--vxn-amber);}
.vxn-mappack{border-radius:12px;border:1px solid var(--vxn-line);background:linear-gradient(160deg,rgba(124,58,237,.18),rgba(91,33,182,.1));position:relative;overflow:hidden;min-height:180px;padding:12px;}
.vxn-mappack .ml{font-family:var(--vxn-font-mono);font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;color:var(--vxn-muted);margin-bottom:8px;}
.vxn-pin{position:absolute;width:22px;height:22px;}
.vxn-pin svg{width:100%;height:100%;color:var(--vxn-faint);}
.vxn-pin.win svg{color:var(--vxn-cyan);filter:drop-shadow(0 0 8px var(--vxn-cyan));}
.vxn-pin.win{animation:vxn-bob 2s ease-in-out infinite;}
@keyframes vxn-bob{0%,100%{transform:translateY(0);}50%{transform:translateY(-5px);}}
.vxn-landing{max-width:430px;margin:0 auto;}
.vxn-landing .lh{font-family:var(--vxn-font-display);font-size:1.15rem;color:var(--vxn-ink);font-weight:700;margin-bottom:6px;}
.vxn-landing .lp{font-size:.84rem;color:var(--vxn-muted);margin-bottom:16px;}
.vxn-lform{display:flex;flex-direction:column;gap:10px;background:rgba(var(--w),.03);border:1px solid var(--vxn-line);border-radius:14px;padding:16px;}
.vxn-lfield{height:38px;border-radius:9px;background:rgba(0,0,0,.25);border:1px solid var(--vxn-line);display:flex;align-items:center;padding:0 13px;font-size:.82rem;color:var(--vxn-muted);}
.vxn-lbtn{height:40px;border-radius:9px;background:var(--vxn-grad-cta);color:var(--vxn-cta-ink);font-weight:700;display:flex;align-items:center;justify-content:center;font-size:.88rem;}
.vxn-crm-toast{display:flex;align-items:center;gap:10px;margin-top:14px;padding:11px 14px;border-radius:11px;background:rgba(16,185,129,.1);border:1px solid rgba(16,185,129,.4);
  font-size:.84rem;color:var(--vxn-green);font-weight:600;opacity:0;transform:translateY(8px);transition:opacity .5s .3s,transform .5s .3s;}
.vxn-seo-screen.is-on .vxn-crm-toast{opacity:1;transform:none;}
.vxn-crm-toast svg{width:18px;height:18px;}
.vxn-steps-dots{display:flex;gap:8px;justify-content:center;margin-top:18px;}
.vxn-sdot{width:9px;height:9px;border-radius:50%;background:var(--vxn-line-2);transition:all .3s;border:0;padding:0;}
.vxn-sdot.is-on{background:var(--vxn-cyan);box-shadow:0 0 10px var(--vxn-cyan);width:26px;border-radius:5px;}

/* ============================ PAID ADS ============================ */
.vxn-ads-grid{display:grid;grid-template-columns:1fr 1fr;gap:42px;align-items:center;margin-top:46px;}
.vxn-adstack{display:flex;flex-direction:column;gap:14px;}
.vxn-adcard{position:relative;padding:15px 16px;border-radius:14px;overflow:hidden;}
.vxn-adcard .tag{display:inline-flex;align-items:center;gap:6px;font-size:.68rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--vxn-cyan);margin-bottom:9px;}
.vxn-adcard .tag .pl{width:7px;height:7px;border-radius:2px;background:var(--vxn-cyan);}
.vxn-adcard h5{font-family:var(--vxn-font-display);font-size:.98rem;color:var(--vxn-ink);margin:0 0 4px;}
.vxn-adcard p{margin:0 0 11px;font-size:.8rem;color:var(--vxn-muted);}
.vxn-adcard .row{display:flex;align-items:center;justify-content:space-between;}
.vxn-adcard .cta-mini{font-size:.76rem;font-weight:700;color:var(--vxn-cta-ink);background:var(--vxn-grad-cta);padding:6px 12px;border-radius:8px;}
.vxn-adcard .meta{font-family:var(--vxn-font-mono);font-size:.72rem;color:var(--vxn-faint);}
.vxn-ripple{position:absolute;width:14px;height:14px;border-radius:50%;background:var(--vxn-cyan);pointer-events:none;opacity:0;}
.vxn-flow{padding:22px;border-radius:18px;}
.vxn-flow-h{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;}
.vxn-flow-h .lab{font-family:var(--vxn-font-mono);font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;color:var(--vxn-muted);}
.vxn-frow{margin-bottom:15px;}
.vxn-frow .top{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:6px;}
.vxn-frow .k{font-size:.84rem;color:var(--vxn-ink-2);font-weight:600;}
.vxn-frow .v{font-family:var(--vxn-font-mono);font-weight:700;font-size:1.05rem;color:var(--vxn-ink);}
.vxn-frow .v.hl{color:var(--vxn-cyan);} .vxn-frow .v.gr{color:var(--vxn-green);}
.vxn-fbar{height:8px;border-radius:5px;background:rgba(var(--w),.05);overflow:hidden;}
.vxn-fbar i{display:block;height:100%;width:0;border-radius:5px;background:var(--vxn-grad-cta);transition:width 1.4s var(--vxn-ease);}
.vxn-fbar i.g{background:linear-gradient(90deg,var(--vxn-green),var(--vxn-cyan));}
.vxn-cpl{margin-top:6px;display:flex;align-items:center;gap:12px;}
.vxn-cpl svg{flex:1;height:46px;}
.vxn-cpl .cv{font-family:var(--vxn-font-mono);font-size:.8rem;color:var(--vxn-green);font-weight:700;}

/* ============================ WEBSITE BEFORE/AFTER ============================ */
.vxn-web-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:42px;align-items:center;margin-top:46px;}
.vxn-ba{position:relative;aspect-ratio:16/11;border-radius:18px;overflow:hidden;border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);
  --pos:50%;user-select:none;touch-action:pan-y;}
.vxn-ba-layer{position:absolute;inset:0;padding:20px;display:flex;flex-direction:column;}
.vxn-ba-after{background:linear-gradient(160deg,#0c1430,#0a1126);}
.vxn-ba-before{background:linear-gradient(160deg,#161922,#101319);clip-path:inset(0 calc(100% - var(--pos)) 0 0);}
.vxn-ba-tag{position:absolute;top:14px;font-family:var(--vxn-font-mono);font-size:.64rem;letter-spacing:.1em;text-transform:uppercase;padding:5px 10px;border-radius:7px;z-index:4;}
.vxn-ba-before .vxn-ba-tag{left:14px;background:rgba(244,63,94,.16);color:var(--vxn-red);}
.vxn-ba-after .vxn-ba-tag{right:14px;background:rgba(16,185,129,.16);color:var(--vxn-green);}
.vxn-ba-handle{position:absolute;top:0;bottom:0;left:var(--pos);width:2px;background:var(--vxn-cyan);box-shadow:0 0 14px var(--vxn-cyan);z-index:5;transform:translateX(-1px);}
.vxn-ba-knob{position:absolute;top:50%;left:var(--pos);transform:translate(-50%,-50%);width:38px;height:38px;border-radius:50%;background:var(--vxn-deep);border:2px solid var(--vxn-cyan);display:flex;align-items:center;justify-content:center;z-index:6;box-shadow:0 6px 18px -4px rgba(0,0,0,.6);}
.vxn-ba-knob svg{width:18px;height:18px;color:var(--vxn-cyan);}
.vxn-ba input[type=range]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;z-index:7;margin:0;}
.vxn-mock-head{height:14px;width:55%;border-radius:4px;background:rgba(var(--w),.18);margin-bottom:10px;}
.vxn-mock-line{height:8px;border-radius:4px;background:rgba(var(--w),.08);margin-bottom:7px;}
.vxn-mock-cta{margin-top:auto;height:34px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:.74rem;font-weight:700;}
.vxn-mock-cta.weak{background:rgba(var(--w),.08);color:var(--vxn-muted);width:40%;}
.vxn-mock-cta.strong{background:var(--vxn-grad-cta);color:var(--vxn-cta-ink);width:70%;box-shadow:0 8px 22px -6px rgba(124,58,237,.6);}
.vxn-mock-badges{display:flex;gap:6px;margin-top:10px;}
.vxn-mock-badges span{height:18px;flex:1;border-radius:5px;background:rgba(16,185,129,.18);}
.vxn-web-compare{display:grid;grid-template-columns:1fr;gap:8px;}
.vxn-wc-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:center;padding:11px 14px;border-radius:11px;border:1px solid var(--vxn-line);background:rgba(var(--w),.015);}
.vxn-wc-b,.vxn-wc-a{display:flex;align-items:center;gap:8px;font-size:.82rem;}
.vxn-wc-b{color:var(--vxn-muted);} .vxn-wc-a{color:var(--vxn-ink-2);font-weight:600;}
.vxn-wc-b svg,.vxn-wc-a svg{width:15px;height:15px;flex-shrink:0;}
.vxn-wc-b svg{color:var(--vxn-red);} .vxn-wc-a svg{color:var(--vxn-green);}

/* ============================ CRM + AUTOMATION ============================ */
.vxn-crm-pipe{position:relative;display:flex;justify-content:space-between;gap:6px;margin:46px 0 30px;padding-top:10px;}
.vxn-crm-line{position:absolute;top:34px;left:4%;right:4%;height:2px;background:var(--vxn-line);}
.vxn-crm-line i{position:absolute;inset:0;width:0;background:linear-gradient(90deg,var(--vxn-violet),var(--vxn-cyan));box-shadow:0 0 10px var(--vxn-cyan);transition:width .5s linear;}
.vxn-cnode{position:relative;flex:1;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;z-index:2;min-width:0;}
.vxn-cring{width:50px;height:50px;border-radius:15px;background:var(--vxn-deep);border:1px solid var(--vxn-line-2);display:flex;align-items:center;justify-content:center;color:var(--vxn-muted);transition:all .4s;}
.vxn-cring svg{width:22px;height:22px;}
.vxn-cnode.is-done .vxn-cring{border-color:var(--vxn-green);color:var(--vxn-green);box-shadow:0 0 18px -4px var(--vxn-green);}
.vxn-cnode.is-active .vxn-cring{border-color:var(--vxn-cyan);color:var(--vxn-cyan);box-shadow:0 0 0 4px rgba(192,132,252,.1),0 0 22px -2px var(--vxn-cyan);transform:scale(1.08);}
.vxn-clabel{font-size:.74rem;font-weight:600;color:var(--vxn-ink-2);max-width:84px;line-height:1.3;}
.vxn-lead-chip{position:absolute;top:-8px;left:4%;transform:translateX(-50%);display:flex;align-items:center;gap:7px;
  background:rgba(var(--mk),.96);border:1px solid var(--vxn-cyan);border-radius:999px;padding:5px 12px 5px 8px;font-size:.74rem;font-weight:700;color:var(--vxn-ink);
  box-shadow:0 8px 22px -6px rgba(192,132,252,.5);z-index:4;transition:left .6s var(--vxn-ease);white-space:nowrap;}
.vxn-lead-chip .av{width:18px;height:18px;border-radius:50%;background:var(--vxn-grad-violet);display:flex;align-items:center;justify-content:center;font-size:.6rem;color:#fff;}
.vxn-recover{margin-top:14px;display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:18px;border-radius:16px;}
.vxn-recover .rt{font-family:var(--vxn-font-mono);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--vxn-amber);width:100%;margin-bottom:4px;}
.vxn-rstep{display:flex;align-items:center;gap:8px;font-size:.84rem;font-weight:600;color:var(--vxn-ink-2);padding:9px 14px;border-radius:10px;border:1px solid var(--vxn-line);background:rgba(var(--w),.02);opacity:.4;transition:opacity .4s,border-color .4s,transform .4s;}
.vxn-rstep.is-on{opacity:1;border-color:var(--vxn-amber);transform:translateY(-2px);}
.vxn-rstep svg{width:16px;height:16px;color:var(--vxn-amber);}
.vxn-rarrow{color:var(--vxn-faint);}
.vxn-rarrow svg{width:16px;height:16px;}

/* ============================ EXCLUSIVITY (territory lock) ============================ */
.vxn-excl-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:46px;align-items:center;margin-top:40px;}
.vxn-map{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:22px;border-radius:20px;}
.vxn-cell{position:relative;aspect-ratio:1;border-radius:14px;border:1px solid var(--vxn-line);background:rgba(var(--w),.02);
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;text-align:center;padding:8px;transition:all .5s;overflow:hidden;}
.vxn-cell .cl{font-size:.66rem;font-weight:600;color:var(--vxn-muted);line-height:1.25;}
.vxn-cell .ci{width:22px;height:22px;color:var(--vxn-faint);transition:color .4s;}
.vxn-cell .ci svg{width:100%;height:100%;}
.vxn-cell.is-taken{opacity:.4;}
.vxn-cell.is-taken .stamp{position:absolute;font-family:var(--vxn-font-mono);font-size:.6rem;letter-spacing:.1em;color:var(--vxn-red);border:1px solid var(--vxn-red);padding:2px 6px;border-radius:5px;transform:rotate(-12deg);opacity:0;transition:opacity .5s;}
.vxn-cell.is-taken.show .stamp{opacity:.85;}
.vxn-cell.is-yours{border-color:var(--vxn-cyan);background:linear-gradient(160deg,rgba(192,132,252,.14),rgba(192,132,252,.04));box-shadow:0 0 0 1px rgba(192,132,252,.4),0 14px 34px -12px rgba(192,132,252,.5);}
.vxn-cell.is-yours .ci{color:var(--vxn-cyan);}
.vxn-cell.is-yours .cl{color:#fff;}
.vxn-lock{opacity:0;transform:scale(.5);transition:opacity .4s,transform .4s;}
.vxn-cell.is-yours.locked .vxn-lock{opacity:1;transform:scale(1);}
.vxn-sweep{position:absolute;inset:0;pointer-events:none;border-radius:20px;overflow:hidden;}
.vxn-sweep::before{content:"";position:absolute;top:-50%;left:-50%;width:60%;height:200%;
  background:linear-gradient(90deg,transparent,rgba(192,132,252,.12),transparent);transform:rotate(18deg);animation:vxn-scan 5s linear infinite;}
@keyframes vxn-scan{0%{left:-60%;}100%{left:120%;}}
.vxn-excl-pts{display:flex;flex-direction:column;gap:12px;margin:24px 0;}
.vxn-ep{display:flex;gap:12px;align-items:flex-start;}
.vxn-ep .epi{width:34px;height:34px;border-radius:10px;background:rgba(192,132,252,.1);color:var(--vxn-cyan);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.vxn-ep .epi svg{width:18px;height:18px;}
.vxn-ep b{font-family:var(--vxn-font-display);color:var(--vxn-ink);font-size:.95rem;display:block;}
.vxn-ep span{font-size:.85rem;color:var(--vxn-muted);}

/* ============================ REPORTING DASHBOARD ============================ */
.vxn-dashboard{margin-top:46px;padding:26px;border-radius:24px;}
.vxn-db-top{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:22px;}
.vxn-db-title{display:flex;align-items:center;gap:12px;}
.vxn-db-title .dt{font-family:var(--vxn-font-display);font-weight:700;color:var(--vxn-ink);font-size:1.05rem;}
.vxn-db-title .live{display:inline-flex;align-items:center;gap:7px;font-family:var(--vxn-font-mono);font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;color:var(--vxn-green);}
.vxn-db-title .live i{width:7px;height:7px;border-radius:50%;background:var(--vxn-green);box-shadow:0 0 9px var(--vxn-green);animation:vxn-pulse 1.8s infinite;}
.vxn-db-range{display:flex;gap:6px;}
.vxn-db-range span{font-size:.72rem;font-weight:600;color:var(--vxn-muted);padding:6px 11px;border-radius:8px;border:1px solid var(--vxn-line);}
.vxn-db-range span.on{background:rgba(192,132,252,.12);color:#fff;border-color:var(--vxn-cyan);}
.vxn-kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:13px;margin-bottom:18px;}
.vxn-kpi{padding:15px 16px;border-radius:14px;border:1px solid var(--vxn-line);background:rgba(var(--w),.02);}
.vxn-kpi .k{font-size:.72rem;color:var(--vxn-faint);font-weight:600;text-transform:uppercase;letter-spacing:.03em;margin-bottom:7px;display:flex;align-items:center;gap:6px;}
.vxn-kpi .k svg{width:13px;height:13px;}
.vxn-kpi .v{font-family:var(--vxn-font-mono);font-weight:700;font-size:1.4rem;color:var(--vxn-ink);line-height:1.1;font-variant-numeric:tabular-nums;}
.vxn-kpi .v.c{color:var(--vxn-cyan);} .vxn-kpi .v.g{color:var(--vxn-green);} .vxn-kpi .v.a{color:var(--vxn-amber);}
.vxn-kpi .delta{font-size:.72rem;font-weight:700;margin-top:4px;}
.vxn-kpi .delta.up{color:var(--vxn-green);} .vxn-kpi .delta.down{color:var(--vxn-green);}
.vxn-db-charts{display:grid;grid-template-columns:1.5fr 1fr;gap:14px;}
.vxn-chartcard{padding:18px;border-radius:14px;border:1px solid var(--vxn-line);background:rgba(var(--w),.018);}
.vxn-chartcard .ct{font-size:.78rem;color:var(--vxn-muted);font-weight:600;margin-bottom:16px;display:flex;justify-content:space-between;}
.vxn-bars{display:flex;align-items:flex-end;gap:9px;height:120px;}
.vxn-bar{flex:1;border-radius:6px 6px 0 0;background:linear-gradient(180deg,var(--vxn-cyan),rgba(124,58,237,.4));height:0;transition:height 1.1s var(--vxn-ease);min-height:4px;position:relative;}
.vxn-bar:nth-child(even){background:linear-gradient(180deg,var(--vxn-violet),rgba(124,58,237,.4));}
.vxn-bars-x{display:flex;gap:9px;margin-top:8px;}
.vxn-bars-x span{flex:1;text-align:center;font-family:var(--vxn-font-mono);font-size:.58rem;color:var(--vxn-faint);}
.vxn-donut{display:flex;align-items:center;gap:16px;}
.vxn-donut svg{width:104px;height:104px;flex-shrink:0;}
.vxn-donut .leg{display:flex;flex-direction:column;gap:8px;}
.vxn-donut .lg{display:flex;align-items:center;gap:8px;font-size:.76rem;color:var(--vxn-ink-2);}
.vxn-donut .lg i{width:9px;height:9px;border-radius:3px;}

/* ============================ SERVICES ============================ */
.vxn-svc-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(232px,1fr));gap:15px;margin-top:46px;}
.vxn-svc{padding:20px;border-radius:16px;transition:transform .4s var(--vxn-ease),border-color .4s;}
.vxn-svc:hover{transform:translateY(-5px);}
.vxn-svc .ic{width:40px;height:40px;border-radius:11px;background:rgba(var(--ln),.1);color:var(--vxn-cyan);display:flex;align-items:center;justify-content:center;margin-bottom:13px;}
.vxn-svc .ic svg{width:21px;height:21px;}
.vxn-svc h4{font-family:var(--vxn-font-display);font-size:1.02rem;color:var(--vxn-ink);margin:0 0 7px;}
.vxn-svc .cr{font-size:.74rem;font-weight:700;color:var(--vxn-green);text-transform:uppercase;letter-spacing:.04em;margin-bottom:5px;font-family:var(--vxn-font-mono);}
.vxn-svc p{margin:0;font-size:.84rem;color:var(--vxn-muted);}

/* ============================ CASE STUDIES ============================ */
.vxn-case-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px;margin-top:46px;}
.vxn-case{padding:24px;border-radius:18px;transition:transform .4s var(--vxn-ease);}
.vxn-case:hover{transform:translateY(-6px);}
.vxn-case .ind{display:inline-flex;align-items:center;gap:8px;font-size:.74rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--vxn-cyan);margin-bottom:18px;}
.vxn-case .ind .d{width:8px;height:8px;border-radius:50%;background:var(--vxn-cyan);box-shadow:0 0 8px var(--vxn-cyan);}
.vxn-cstat{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:13px 0;border-bottom:1px solid var(--vxn-line);}
.vxn-cstat:last-of-type{border-bottom:0;}
.vxn-cstat .cv{font-family:var(--vxn-font-mono);font-weight:700;font-size:1.5rem;color:var(--vxn-ink);font-variant-numeric:tabular-nums;}
.vxn-cstat .cv.g{color:var(--vxn-green);} .vxn-cstat .cv.c{color:var(--vxn-cyan);}
.vxn-cstat .cl{font-size:.8rem;color:var(--vxn-muted);text-align:right;max-width:54%;}

/* ============================ PROCESS TIMELINE ============================ */
.vxn-timeline{position:relative;max-width:780px;margin:46px auto 0;padding-left:42px;}
.vxn-timeline::before{content:"";position:absolute;left:15px;top:8px;bottom:8px;width:2px;background:var(--vxn-line);}
.vxn-tline-fill{position:absolute;left:15px;top:8px;width:2px;height:0;background:linear-gradient(180deg,var(--vxn-cyan),var(--vxn-violet));box-shadow:0 0 12px var(--vxn-cyan);transition:height 1.6s var(--vxn-ease);}
.vxn-tstep{position:relative;padding:0 0 30px;}
.vxn-tstep:last-child{padding-bottom:0;}
.vxn-tstep .tn{position:absolute;left:-42px;top:0;width:32px;height:32px;border-radius:10px;background:var(--vxn-deep);border:1px solid var(--vxn-line-2);
  display:flex;align-items:center;justify-content:center;font-family:var(--vxn-font-mono);font-size:.78rem;font-weight:700;color:var(--vxn-cyan);}
.vxn-tstep h4{font-family:var(--vxn-font-display);font-size:1.08rem;color:var(--vxn-ink);margin:2px 0 5px;}
.vxn-tstep p{margin:0;font-size:.88rem;color:var(--vxn-muted);}

/* ============================ FINAL CTA ============================ */
.vxn-final{position:relative;text-align:center;padding-block:clamp(80px,13vh,150px);overflow:hidden;}
.vxn-final-orb{position:absolute;top:50%;left:50%;width:520px;height:520px;transform:translate(-50%,-50%);z-index:0;pointer-events:none;
  background:radial-gradient(circle,rgba(192,132,252,.18),rgba(124,58,237,.08) 40%,transparent 70%);}
.vxn-final-inner{position:relative;z-index:2;max-width:720px;margin-inline:auto;}
.vxn-final h2{margin-bottom:20px;}
.vxn-final-cta{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;margin-top:32px;}
.vxn-final-trust{margin-top:24px;font-size:.85rem;color:var(--vxn-faint);font-family:var(--vxn-font-mono);}

/* ============================ FOOTER ============================ */
.vxn-footer{position:relative;border-top:1px solid var(--vxn-line);padding-top:60px;padding-bottom:34px;}
.vxn-foot-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:36px;}
.vxn-foot-brand .vxn-brand{margin-bottom:14px;}
.vxn-foot-brand p{font-size:.88rem;color:var(--vxn-muted);max-width:30ch;}
.vxn-foot-col h5{font-family:var(--vxn-font-mono);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--vxn-faint);margin:0 0 16px;}
.vxn-foot-col a{display:block;font-size:.88rem;color:var(--vxn-ink-2);padding:5px 0;transition:color .25s;}
.vxn-foot-col a:hover{color:var(--vxn-cyan);}
.vxn-foot-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:44px;padding-top:22px;border-top:1px solid var(--vxn-line);}
.vxn-foot-bottom .lg{font-size:.8rem;color:var(--vxn-faint);}
.vxn-foot-bottom .disc{font-size:.76rem;color:var(--vxn-faint);max-width:48ch;}

/* ============================ STICKY MOBILE CTA ============================ */
.vxn-sticky{position:fixed;left:14px;right:14px;bottom:14px;z-index:70;display:none;transform:translateY(140%);transition:transform .45s var(--vxn-ease);}
.vxn-sticky.is-on{transform:none;}
.vxn-sticky a{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;background:var(--vxn-grad-cta);color:var(--vxn-cta-ink);
  font-family:var(--vxn-font-display);font-weight:700;padding:15px;border-radius:14px;box-shadow:0 14px 40px -8px rgba(124,58,237,.7);}
.vxn-sticky a svg{width:18px;height:18px;}

/* ============================ RESPONSIVE ============================ */
@media(max-width:980px){
  .vxn-hero-grid,.vxn-leak-grid,.vxn-board-grid,.vxn-seo-grid,.vxn-ads-grid,.vxn-web-grid,.vxn-excl-grid{grid-template-columns:1fr;gap:38px;}
  .vxn-engine{max-width:440px;order:-1;}
  .vxn-board,.vxn-funnel-stage{max-width:420px;}
  .vxn-db-charts{grid-template-columns:1fr;}
  .vxn-foot-grid{grid-template-columns:1fr 1fr;gap:30px;}
  .vxn-foot-brand{grid-column:1/-1;}
}
@media(max-width:680px){
  .vxn-section{padding-block:clamp(58px,9vh,86px);}
  .vxn-jtrack,.vxn-crm-pipe{overflow-x:auto;justify-content:flex-start;gap:18px;padding-bottom:10px;}
  .vxn-jnode,.vxn-cnode{flex:0 0 96px;}
  .vxn-jline,.vxn-token,.vxn-crm-line{display:none;}
  .vxn-serp{grid-template-columns:1fr;}
  .vxn-foot-grid{grid-template-columns:1fr;}
  .vxn-sticky{display:block;}
  .vxn-foot-bottom{flex-direction:column;align-items:flex-start;}
}

/* ============================ REDUCED MOTION ============================ */
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important;}
  .vxn-reveal{opacity:1!important;transform:none!important;}
  .vxn-piece{opacity:1!important;transform:translate(-50%,-50%) scale(1)!important;}
  .vxn-token,.vxn-sweep::before,.vxn-pin.win{animation:none!important;}
}
/* =====================================================================
   v2 COMPONENT LAYER  (overrides win by source order)
   ===================================================================== */

/* header surface tokens */
:root{ --vxn-header:rgba(255,255,255,0.70); --vxn-header-2:rgba(255,255,255,0.90); }
:root[data-theme="dark"]{ --vxn-header:rgba(12,9,26,0.66); --vxn-header-2:rgba(12,9,26,0.88); }

/* focus ring (a11y) */
:where(a,button,input,select,textarea,[tabindex]):focus-visible{
  outline:2px solid var(--vxn-blue);outline-offset:2px;border-radius:6px;}

/* ----- smaller headings ----- */
.vxn-h1{font-size:clamp(2.0rem,4.6vw,3.4rem);}
.vxn-h2{font-size:clamp(1.5rem,3vw,2.15rem);}
.vxn-h3{font-size:clamp(1.05rem,1.7vw,1.25rem);}

/* SVG funnel labels (theme-aware fills) */
.vxn-fn-strong{fill:var(--vxn-ink);}
.vxn-fn-mid{fill:var(--vxn-ink-2);}

/* ----- ambient atmosphere : theme-aware ----- */
.vxn-atmos{background:
  radial-gradient(1100px 720px at 82% -12%, rgba(124,58,237,0.06), transparent 58%),
  radial-gradient(880px 680px at 2% 6%, rgba(168,85,247,0.05), transparent 60%),
  radial-gradient(1000px 820px at 60% 114%, rgba(192,132,252,0.045), transparent 55%),
  var(--vxn-void);}
:root[data-theme="dark"] .vxn-atmos{background:
  radial-gradient(1100px 720px at 80% -10%, rgba(124,58,237,0.24), transparent 60%),
  radial-gradient(900px 700px at 4% 8%, rgba(139,92,246,0.17), transparent 60%),
  radial-gradient(1000px 820px at 60% 112%, rgba(192,132,252,0.11), transparent 55%),
  var(--vxn-void);}
.vxn-grain{opacity:.022;}
:root[data-theme="dark"] .vxn-grain{opacity:.04;}

/* ===================================================================
   NEW HEADER  (.vxn-hd-*)  — clean, sticky, conventional-premium
   =================================================================== */
.vxn-hd{position:sticky;top:0;z-index:100;
  background:var(--vxn-header);
  -webkit-backdrop-filter:saturate(150%) blur(16px);backdrop-filter:saturate(150%) blur(16px);
  border-bottom:1px solid var(--vxn-line);
  transition:background .3s var(--vxn-ease),border-color .3s,box-shadow .3s;}
.vxn-hd.is-scrolled{background:var(--vxn-header-2);
  box-shadow:0 12px 34px -20px rgba(76,29,149,.4);border-bottom-color:var(--vxn-glass-brd);}
.vxn-hd-bar{max-width:var(--vxn-shell);margin:0 auto;padding:15px 22px;
  display:flex;align-items:center;gap:16px;transition:padding .3s var(--vxn-ease);}
.vxn-hd.is-scrolled .vxn-hd-bar{padding:9px 22px;}
.vxn-hd-brand{display:inline-flex;align-items:center;gap:11px;margin-right:auto;}
.vxn-hd-mark{width:34px;height:34px;flex:none;}
.vxn-hd-word{font-family:var(--vxn-font-display);font-weight:800;letter-spacing:.16em;
  font-size:1.05rem;color:var(--vxn-ink);}
.vxn-hd-nav{display:flex;align-items:center;gap:2px;}
.vxn-hd-link{position:relative;padding:9px 14px;border-radius:10px;font-weight:600;
  font-size:.94rem;color:var(--vxn-muted);transition:color .2s;}
.vxn-hd-link::after{content:"";position:absolute;left:14px;right:14px;bottom:5px;height:2px;border-radius:2px;
  background:var(--vxn-grad-cta);transform:scaleX(0);transform-origin:left;transition:transform .26s var(--vxn-ease);}
.vxn-hd-link:hover{color:var(--vxn-ink);}
.vxn-hd-link:hover::after{transform:scaleX(1);}
.vxn-hd-actions{display:flex;align-items:center;gap:10px;}
.vxn-hd-toggle{width:40px;height:40px;border-radius:11px;display:inline-grid;place-items:center;
  background:var(--vxn-glass-2);border:1px solid var(--vxn-glass-brd);color:var(--vxn-ink-2);
  transition:transform .2s,border-color .2s,color .2s;}
.vxn-hd-toggle:hover{color:var(--vxn-blue);border-color:var(--vxn-blue);transform:translateY(-1px);}
.vxn-hd-toggle svg{width:19px;height:19px;}
.vxn-hd-toggle .vxn-ic-moon{display:none;}
:root[data-theme="dark"] .vxn-hd-toggle .vxn-ic-sun{display:none;}
:root[data-theme="dark"] .vxn-hd-toggle .vxn-ic-moon{display:block;}
.vxn-hd-cta{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:11px;
  font-weight:700;font-size:.92rem;background:var(--vxn-grad-cta);color:var(--vxn-cta-ink);
  box-shadow:var(--vxn-glow-cta);transition:transform .2s,box-shadow .2s;}
.vxn-hd-cta:hover{transform:translateY(-1px);box-shadow:0 20px 46px -14px rgba(124,58,237,.6);}
.vxn-hd-burger{display:none;width:42px;height:42px;border-radius:11px;
  background:var(--vxn-glass-2);border:1px solid var(--vxn-glass-brd);color:var(--vxn-ink);
  align-items:center;justify-content:center;}
.vxn-hd-burger svg{width:22px;height:22px;}
.vxn-hd-mobile{display:none;}
@media (max-width:860px){
  .vxn-hd-nav,.vxn-hd-cta{display:none;}
  .vxn-hd-burger{display:inline-flex;}
  .vxn-hd-mobile{display:block;max-height:0;overflow:hidden;
    transition:max-height .38s var(--vxn-ease);
    background:var(--vxn-header-2);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);
    border-bottom:1px solid var(--vxn-line);}
  .vxn-hd-mobile.is-open{max-height:460px;}
  .vxn-hd-mlist{max-width:var(--vxn-shell);margin:0 auto;padding:8px 22px 22px;
    display:flex;flex-direction:column;gap:4px;}
  .vxn-hd-mlink{padding:14px 12px;border-radius:12px;font-weight:600;color:var(--vxn-ink-2);
    border:1px solid transparent;transition:background .2s,border-color .2s;}
  .vxn-hd-mlink:hover{background:var(--vxn-glass-2);border-color:var(--vxn-glass-brd);}
  .vxn-hd-mcta{margin-top:10px;justify-content:center;display:inline-flex;align-items:center;gap:8px;
    padding:15px 18px;border-radius:12px;font-weight:700;background:var(--vxn-grad-cta);
    color:var(--vxn-cta-ink);box-shadow:var(--vxn-glow-cta);}
}

/* ===================================================================
   IMAGES — real photos with graceful purple fallbacks
   =================================================================== */
.vxn-figure{position:relative;border-radius:var(--vxn-r);overflow:hidden;
  border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);background:var(--vxn-panel-2);}
.vxn-figure img{width:100%;height:100%;object-fit:cover;display:block;}
.vxn-ph{position:absolute;inset:0;display:none;align-items:center;justify-content:center;
  background:linear-gradient(150deg,#2a1d4d 0%,#7c3aed 60%,#a855f7 100%);color:#fff;}
.vxn-ph svg{width:40%;height:40%;opacity:.92;}
.vxn-figtag{position:absolute;left:13px;bottom:13px;z-index:2;display:inline-flex;align-items:center;gap:7px;
  padding:7px 13px;border-radius:999px;font-size:.76rem;font-weight:700;letter-spacing:.02em;color:#fff;
  background:rgba(11,8,24,.46);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
  border:1px solid rgba(255,255,255,.20);}
.vxn-ind-figure{aspect-ratio:4/3;margin-top:22px;}
.vxn-avatars{display:flex;align-items:center;}
.vxn-avatar{width:42px;height:42px;border-radius:50%;overflow:hidden;position:relative;flex:none;
  border:2px solid var(--vxn-panel);margin-left:-11px;
  background:linear-gradient(150deg,#7c3aed,#c084fc);box-shadow:0 2px 9px -2px rgba(76,29,149,.5);}
.vxn-avatar:first-child{margin-left:0;}
.vxn-avatar img{width:100%;height:100%;object-fit:cover;display:block;}
.vxn-avatar .vxn-ph{font-weight:800;font-size:.88rem;font-family:var(--vxn-font-display);}
.vxn-case-avatar{width:48px;height:48px;border-radius:50%;overflow:hidden;position:relative;flex:none;
  border:1px solid var(--vxn-glass-brd);background:linear-gradient(150deg,#7c3aed,#c084fc);}
.vxn-case-avatar img{width:100%;height:100%;object-fit:cover;display:block;}
.vxn-case-avatar .vxn-ph{font-weight:800;font-family:var(--vxn-font-display);}
.vxn-case-person{display:flex;align-items:center;gap:12px;margin-bottom:16px;}
.vxn-case-person .nm{font-family:var(--vxn-font-display);font-weight:700;font-size:.92rem;color:var(--vxn-ink);line-height:1.2;}
.vxn-case-person .rl{font-size:.8rem;color:var(--vxn-muted);}
.vxn-hero-proof{display:flex;align-items:center;gap:14px;margin-top:26px;flex-wrap:wrap;}
.vxn-hero-proof .txt{font-size:.86rem;color:var(--vxn-muted);max-width:24ch;line-height:1.45;}
.vxn-hero-proof .txt b{color:var(--vxn-ink-2);font-weight:700;}

/* ===================================================================
   NEW FOOTER  (.vxn-ft-*)
   =================================================================== */
.vxn-ft{position:relative;margin-top:96px;
  background:linear-gradient(180deg,var(--vxn-deep),var(--vxn-void));
  border-top:1px solid var(--vxn-line);}
.vxn-ft-cta{max-width:var(--vxn-shell);margin:0 auto;padding:58px 22px 8px;
  display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:26px;}
.vxn-ft-cta-copy h2{font-family:var(--vxn-font-display);font-weight:800;
  font-size:clamp(1.5rem,3vw,2.15rem);color:var(--vxn-ink);margin:0;letter-spacing:-.02em;
  max-width:20ch;line-height:1.12;}
.vxn-ft-cta-copy p{color:var(--vxn-muted);margin:10px 0 0;max-width:44ch;}
.vxn-ft-cta-btn{display:inline-flex;align-items:center;gap:9px;padding:15px 26px;border-radius:13px;
  font-weight:700;background:var(--vxn-grad-cta);color:var(--vxn-cta-ink);box-shadow:var(--vxn-glow-cta);
  white-space:nowrap;transition:transform .2s,box-shadow .2s;}
.vxn-ft-cta-btn:hover{transform:translateY(-2px);box-shadow:0 22px 50px -14px rgba(124,58,237,.6);}
.vxn-ft-grid{max-width:var(--vxn-shell);margin:34px auto 0;padding:42px 22px;
  display:grid;grid-template-columns:1.7fr 1fr 1fr 1fr;gap:32px;border-top:1px solid var(--vxn-line);}
.vxn-ft-brand p{color:var(--vxn-muted);font-size:.92rem;max-width:34ch;line-height:1.65;margin:14px 0 0;}
.vxn-ft-col h4{font-family:var(--vxn-font-display);font-size:.78rem;letter-spacing:.13em;
  text-transform:uppercase;color:var(--vxn-faint);margin:2px 0 14px;}
.vxn-ft-col a{display:block;color:var(--vxn-ink-2);font-size:.92rem;padding:7px 0;transition:color .2s;}
.vxn-ft-col a:hover{color:var(--vxn-blue);}
.vxn-ft-disc{max-width:var(--vxn-shell);margin:0 auto;padding:0 22px 26px;}
.vxn-ft-disc p{color:var(--vxn-faint);font-size:.78rem;line-height:1.65;
  border-top:1px dashed var(--vxn-line);padding-top:20px;margin:0;}
.vxn-ft-bottom{border-top:1px solid var(--vxn-line);}
.vxn-ft-bottom-in{max-width:var(--vxn-shell);margin:0 auto;padding:22px;
  display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;}
.vxn-ft-copy{color:var(--vxn-faint);font-size:.85rem;}
.vxn-ft-social{display:flex;gap:10px;}
.vxn-ft-social a{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;
  background:var(--vxn-glass-2);border:1px solid var(--vxn-glass-brd);color:var(--vxn-ink-2);
  transition:color .2s,border-color .2s,transform .2s;}
.vxn-ft-social a:hover{color:var(--vxn-blue);border-color:var(--vxn-blue);transform:translateY(-2px);}
.vxn-ft-social svg{width:18px;height:18px;}
@media (max-width:780px){.vxn-ft-grid{grid-template-columns:1fr 1fr;}.vxn-ft-brand{grid-column:1/-1;}}
@media (max-width:480px){.vxn-ft-grid{grid-template-columns:1fr;}}

.vxn-leak-money{margin-top:18px;padding:18px 20px;border-radius:16px;text-align:center;
  background:linear-gradient(160deg,rgba(244,63,94,.10),rgba(124,58,237,.06));
  border:1px solid var(--vxn-glass-brd);}
.vxn-leak-money .big{display:block;font-family:var(--vxn-font-display);font-weight:800;
  font-size:clamp(1.6rem,3vw,2.1rem);color:var(--vxn-red);letter-spacing:-.02em;}
.vxn-leak-money .sub{display:block;margin-top:6px;font-size:.84rem;color:var(--vxn-muted);line-height:1.5;}

/* ===================================================================
   ABOUT SECTION
   =================================================================== */
.vxn-about-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:46px;align-items:center;margin-top:42px;}
.vxn-about-figure{position:relative;border-radius:var(--vxn-r);overflow:hidden;
  border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);background:var(--vxn-panel-2);aspect-ratio:4/3;}
.vxn-about-figure img{width:100%;height:100%;object-fit:cover;display:block;}
.vxn-about-badge{position:absolute;left:16px;bottom:16px;z-index:2;display:flex;align-items:center;gap:12px;
  padding:12px 16px;border-radius:14px;background:rgba(11,8,24,.55);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
  border:1px solid rgba(255,255,255,.18);}
.vxn-about-badge .n{font-family:var(--vxn-font-display);font-weight:800;font-size:1.3rem;color:#fff;line-height:1;}
.vxn-about-badge .l{font-size:.74rem;color:rgba(255,255,255,.8);line-height:1.3;}
.vxn-about-lead{font-size:1.05rem;color:var(--vxn-ink-2);line-height:1.7;margin:18px 0 0;}
.vxn-about-lead b{color:var(--vxn-ink);font-weight:700;}
.vxn-about-points{display:grid;gap:14px;margin-top:24px;}
.vxn-about-point{display:flex;gap:13px;align-items:flex-start;}
.vxn-about-point .ic{width:34px;height:34px;flex:none;border-radius:10px;display:grid;place-items:center;
  background:linear-gradient(150deg,rgba(124,58,237,.16),rgba(192,132,252,.10));color:var(--vxn-blue);border:1px solid var(--vxn-glass-brd);}
.vxn-about-point .ic svg{width:18px;height:18px;}
.vxn-about-point h4{font-family:var(--vxn-font-display);font-weight:600;font-size:.98rem;color:var(--vxn-ink);margin:2px 0 3px;}
.vxn-about-point p{font-size:.88rem;color:var(--vxn-muted);line-height:1.55;margin:0;}
@media (max-width:820px){ .vxn-about-grid{grid-template-columns:1fr;gap:30px;} }
/* ===================================================================
   MEGA MENU
   =================================================================== */
.vxn-hd-mega-btn{background:transparent;border:0;font-family:inherit;cursor:pointer;display:inline-flex;align-items:center;gap:6px;}
.vxn-hd-chev{transition:transform .25s var(--vxn-ease);}
.vxn-hd-mega-btn[aria-expanded="true"]{color:var(--vxn-ink);}
.vxn-hd-mega-btn[aria-expanded="true"] .vxn-hd-chev{transform:rotate(180deg);}
.vxn-hd-mega{position:absolute;top:100%;left:0;right:0;z-index:99;
  background:var(--vxn-panel);
  border-top:1px solid var(--vxn-line);border-bottom:1px solid var(--vxn-glass-brd);
  box-shadow:0 36px 70px -34px rgba(76,29,149,.42);
  opacity:0;visibility:hidden;transform:translateY(-10px);pointer-events:none;
  transition:opacity .26s var(--vxn-ease),transform .26s var(--vxn-ease),visibility .26s;}
.vxn-hd-mega.is-open{opacity:1;visibility:visible;transform:none;pointer-events:auto;}
.vxn-hd-mega-in{max-width:var(--vxn-shell);margin:0 auto;padding:30px 22px 34px;
  display:grid;grid-template-columns:1.25fr 1fr 1.15fr;gap:30px;}
.vxn-hd-mega-col h4{font-family:var(--vxn-font-display);font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;
  color:var(--vxn-faint);margin:0 0 12px;padding-left:10px;}
.vxn-hd-mega-col a{display:flex;align-items:center;gap:12px;padding:10px;border-radius:12px;
  border:1px solid transparent;transition:background .18s,border-color .18s,transform .18s;}
.vxn-hd-mega-col a:hover{background:var(--vxn-glass-2);border-color:var(--vxn-glass-brd);transform:translateX(2px);}
.vxn-hd-mega-col a .ic{width:34px;height:34px;flex:none;border-radius:9px;display:grid;place-items:center;
  background:linear-gradient(150deg,rgba(124,58,237,.16),rgba(192,132,252,.10));color:var(--vxn-blue);border:1px solid var(--vxn-glass-brd);}
.vxn-hd-mega-col a .ic svg{width:18px;height:18px;}
.vxn-hd-mega-col a .tx b{display:block;font-family:var(--vxn-font-display);font-weight:600;font-size:.92rem;color:var(--vxn-ink);}
.vxn-hd-mega-col a .tx span{display:block;font-size:.78rem;color:var(--vxn-muted);margin-top:1px;}
.vxn-hd-mega-col:nth-child(2) a{padding:12px;}
.vxn-hd-mega-feature{background:linear-gradient(160deg,rgba(124,58,237,.10),rgba(192,132,252,.05));
  border:1px solid var(--vxn-glass-brd);border-radius:16px;padding:22px;display:flex;flex-direction:column;}
.vxn-hd-mega-feature h3{font-family:var(--vxn-font-display);font-weight:700;font-size:1.05rem;color:var(--vxn-ink);
  margin:10px 0 8px;line-height:1.25;letter-spacing:-.01em;}
.vxn-hd-mega-feature p{color:var(--vxn-muted);font-size:.86rem;line-height:1.55;margin:0 0 16px;}
.vxn-hd-mega-cta{margin-top:auto;align-self:flex-start;display:inline-flex;align-items:center;gap:8px;
  padding:11px 18px;border-radius:11px;font-weight:700;font-size:.86rem;background:var(--vxn-grad-cta);color:var(--vxn-cta-ink);box-shadow:var(--vxn-glow-cta);}
@media (max-width:860px){ .vxn-hd-mega{display:none !important;} }
@media (prefers-reduced-motion:reduce){ .vxn-hd-mega,.vxn-hd-chev{transition:none !important;} }

/* ===================================================================
   HERO v3 — particles.js network + centered creative layout
   =================================================================== */
.vxn-hero{position:relative;overflow:hidden;min-height:clamp(580px,88vh,880px);
  display:flex;align-items:center;padding-top:48px;padding-bottom:56px;}
#vxn-particles{position:absolute;inset:0;z-index:0;}
#vxn-particles canvas{display:block !important;}
.vxn-hero-glow{position:absolute;inset:0;z-index:0;pointer-events:none;background:
  radial-gradient(640px 440px at 50% 30%, rgba(124,58,237,.16), transparent 70%),
  radial-gradient(520px 380px at 84% 72%, rgba(192,132,252,.12), transparent 70%),
  radial-gradient(480px 360px at 12% 78%, rgba(168,85,247,.10), transparent 70%);}
.vxn-hero .vxn-shell{position:relative;z-index:2;}
.vxn-hero-center{max-width:900px;margin:0 auto;text-align:center;display:flex;flex-direction:column;align-items:center;}
.vxn-hero-center .vxn-h1{margin:16px auto 0;}
.vxn-hero-center .vxn-lead{margin:20px auto 0;text-align:center;}
.vxn-hero-center .vxn-hero-cta{justify-content:center;margin-top:30px;display:flex;gap:14px;flex-wrap:wrap;}
.vxn-hero-center .vxn-hero-proof{justify-content:center;margin-top:28px;}
.vxn-hero-metrics{margin-top:40px;padding:6px;border-radius:18px;width:100%;max-width:800px;}
.vxn-hero-metrics .cap{text-align:center;font-size:.82rem;font-weight:700;color:var(--vxn-red);
  padding:12px 16px 11px;line-height:1.4;}
.vxn-hm-row{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--vxn-line);}
.vxn-hm-row .cell{padding:16px 14px 18px;text-align:center;position:relative;}
.vxn-hm-row .cell + .cell::before{content:"";position:absolute;left:0;top:22%;bottom:22%;width:1px;background:var(--vxn-line);}
.vxn-hm-row .v{font-family:var(--vxn-font-display);font-weight:800;font-size:clamp(1.35rem,2.5vw,1.9rem);color:var(--vxn-ink);letter-spacing:-.02em;}
.vxn-hm-row .v.g{color:var(--vxn-green);}
.vxn-hm-row .v.c{color:var(--vxn-blue);}
.vxn-hm-row .k{font-size:.74rem;color:var(--vxn-muted);margin-top:5px;letter-spacing:.01em;line-height:1.3;}
@media (max-width:620px){
  .vxn-hm-row{grid-template-columns:repeat(2,1fr);}
  .vxn-hm-row .cell:nth-child(3)::before{display:none;}
}
@media (prefers-reduced-motion:reduce){
  .vxn-hd,.vxn-hd-bar,.vxn-hd-mobile,.vxn-hd-link::after,.vxn-hd-cta,.vxn-hd-toggle,
  .vxn-ft-cta-btn,.vxn-ft-social a,.vxn-about-point{transition:none !important;}
}
/* ----- hero text glow + typewriter caret + lead highlight ----- */
.vxn-hero-center .vxn-h1{text-shadow:0 0 38px rgba(124,58,237,.14);}
.vxn-hero-break{display:block;margin-top:.08em;}
:root[data-theme="dark"] .vxn-hero-center .vxn-h1{text-shadow:0 0 48px rgba(124,58,237,.45);}
.vxn-hero-center .vxn-grad-txt{text-shadow:none;
  filter:drop-shadow(0 0 14px rgba(124,58,237,.45)) drop-shadow(0 0 28px rgba(192,132,252,.30));}
.vxn-hl{color:var(--vxn-blue);}
:root[data-theme="dark"] .vxn-hl{color:var(--vxn-cyan);}
.vxn-hero-center .vxn-lead strong{color:var(--vxn-blue);font-weight:700;}
:root[data-theme="dark"] .vxn-hero-center .vxn-lead strong{color:var(--vxn-cyan);}
.vxn-caret{display:inline-block;width:3px;height:.92em;margin-left:5px;vertical-align:-1px;border-radius:2px;
  background:linear-gradient(180deg,#7c3aed,#c084fc);box-shadow:0 0 12px rgba(124,58,237,.75);
  animation:vxn-blink 1.05s steps(1) infinite;}
@keyframes vxn-blink{0%,50%{opacity:1}50.01%,100%{opacity:0}}
@media (prefers-reduced-motion:reduce){ .vxn-caret{animation:none;display:none;} }
/* ----- section 2 : animated funnel (flowing leads + happy booked) ----- */
.vxn-funnel-anim{width:100%;max-width:330px;display:block;margin:0 auto;overflow:visible;}
.vxn-flow{fill:#a855f7;animation:vxn-pflow 2.7s linear infinite;}
.vxn-flow.f1{animation-delay:0s;}
.vxn-flow.f2{animation-delay:.45s;}
.vxn-flow.f3{animation-delay:.95s;}
.vxn-flow.f4{animation-delay:1.4s;}
.vxn-flow.f5{animation-delay:1.85s;}
.vxn-flow.f6{animation-delay:2.3s;}
@keyframes vxn-pflow{
  0%{transform:translateY(0);opacity:0;}
  10%{opacity:1;}
  86%{opacity:.95;}
  100%{transform:translateY(262px);opacity:0;}
}
.vxn-leak{fill:#f43f5e;}
.vxn-leak.l1,.vxn-leak.l2,.vxn-leak.l3{animation:vxn-leakL 2.7s ease-in infinite;}
.vxn-leak.r1,.vxn-leak.r2,.vxn-leak.r3{animation:vxn-leakR 2.7s ease-in infinite;}
.vxn-leak.l1{animation-delay:.3s;}
.vxn-leak.r1{animation-delay:.9s;}
.vxn-leak.r2{animation-delay:.6s;}
.vxn-leak.l2{animation-delay:1.5s;}
.vxn-leak.r3{animation-delay:1.2s;}
.vxn-leak.l3{animation-delay:2s;}
@keyframes vxn-leakL{0%{transform:translate(0,0);opacity:0;}20%{opacity:.9;}100%{transform:translate(-30px,18px);opacity:0;}}
@keyframes vxn-leakR{0%{transform:translate(0,0);opacity:0;}20%{opacity:.9;}100%{transform:translate(30px,18px);opacity:0;}}
.vxn-joy-glow{transform-box:fill-box;transform-origin:center;animation:vxn-joy-pulse 2.4s ease-in-out infinite;}
@keyframes vxn-joy-pulse{0%,100%{transform:scale(.9);opacity:.45;}50%{transform:scale(1.14);opacity:.82;}}
.vxn-joy-face{transform-box:fill-box;transform-origin:center;animation:vxn-joy-bob 2.4s ease-in-out infinite;}
@keyframes vxn-joy-bob{0%,100%{transform:translateY(0) scale(1);}50%{transform:translateY(-2px) scale(1.05);}}
.vxn-spark{transform-box:fill-box;transform-origin:center;animation:vxn-twinkle 1.9s ease-in-out infinite;}
.vxn-spark.s2{animation-delay:.6s;}
.vxn-spark.s3{animation-delay:1.15s;}
@keyframes vxn-twinkle{0%,100%{opacity:.15;transform:scale(.6);}50%{opacity:1;transform:scale(1.1);}}
@media (prefers-reduced-motion:reduce){
  .vxn-flow,.vxn-leak,.vxn-spark{display:none;}
  .vxn-joy-glow,.vxn-joy-face{animation:none;}
}
/* ----- section 3 : Method phases (image-rich, alternating) ----- */
.vxn-phases{display:flex;flex-direction:column;gap:40px;margin-top:48px;}
.vxn-phase{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center;}
.vxn-phase:nth-child(even) .vxn-phase-figure{order:2;}
.vxn-phase-figure{position:relative;border-radius:var(--vxn-r);overflow:hidden;aspect-ratio:4/3;
  border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);background:var(--vxn-panel-2);}
.vxn-phase-figure img{width:100%;height:100%;object-fit:cover;display:block;}
.vxn-phase-badge{position:absolute;left:14px;top:14px;z-index:2;
  font-family:var(--vxn-font-display);font-weight:800;font-size:1.05rem;color:#fff;
  width:46px;height:46px;display:grid;place-items:center;border-radius:13px;
  background:linear-gradient(150deg,rgba(124,58,237,.94),rgba(168,85,247,.94));
  border:1px solid rgba(255,255,255,.25);box-shadow:0 8px 22px -8px rgba(76,29,149,.6);}
.vxn-phase-tag{display:inline-block;font-family:var(--vxn-font-display);font-size:.76rem;font-weight:700;
  letter-spacing:.08em;text-transform:uppercase;color:var(--vxn-blue);
  padding:6px 12px;border-radius:999px;background:rgba(124,58,237,.10);
  border:1px solid var(--vxn-glass-brd);margin-bottom:14px;}
.vxn-phase-body h3{margin:0 0 10px;}
.vxn-phase-body > p{color:var(--vxn-ink-2);font-size:1rem;line-height:1.6;margin:0;}
.vxn-phase-steps{list-style:none;padding:0;margin:20px 0 0;display:grid;gap:12px;}
.vxn-phase-steps li{display:flex;gap:14px;align-items:flex-start;padding:11px 14px;border-radius:12px;
  background:var(--vxn-glass-2);border:1px solid var(--vxn-glass-brd);
  transition:transform .25s var(--vxn-ease),border-color .25s;}
.vxn-phase-steps li:hover{transform:translateX(3px);border-color:var(--vxn-blue);}
.vxn-phase-steps .n{font-family:var(--vxn-font-mono);font-weight:700;color:var(--vxn-blue);font-size:.9rem;
  width:24px;flex:none;padding-top:2px;}
.vxn-phase-steps b{display:block;font-family:var(--vxn-font-display);font-weight:600;color:var(--vxn-ink);font-size:.96rem;}
.vxn-phase-steps .d{display:block;font-size:.85rem;color:var(--vxn-muted);line-height:1.5;margin-top:2px;}
@media (max-width:840px){
  .vxn-phase{grid-template-columns:1fr;gap:22px;}
  .vxn-phase .vxn-phase-figure,
  .vxn-phase:nth-child(even) .vxn-phase-figure{order:-1;}
}
@media (prefers-reduced-motion:reduce){ .vxn-phase-steps li{transition:none;} }
/* ----- section 2 : parallax + falling background ----- */
.vxn-sec2{position:relative;overflow:hidden;}
.vxn-sec2 > .vxn-shell{position:relative;z-index:1;}
.vxn-sec2-bg{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden;}
.vxn-p-layer{position:absolute;inset:-12% 0;will-change:transform;}
.vxn-blob{position:absolute;border-radius:50%;filter:blur(60px);opacity:.55;}
.vxn-blob.b1{width:46vw;max-width:560px;aspect-ratio:1;left:-8%;top:6%;
  background:radial-gradient(circle,rgba(124,58,237,.18),transparent 70%);}
.vxn-blob.b2{width:40vw;max-width:480px;aspect-ratio:1;right:-6%;bottom:0%;
  background:radial-gradient(circle,rgba(192,132,252,.15),transparent 70%);}
.vxn-p-mid{background-image:
   linear-gradient(rgba(var(--ln),.05) 1px,transparent 1px),
   linear-gradient(90deg,rgba(var(--ln),.05) 1px,transparent 1px);
  background-size:46px 46px;
  -webkit-mask-image:radial-gradient(ellipse at 50% 38%,#000 32%,transparent 78%);
  mask-image:radial-gradient(ellipse at 50% 38%,#000 32%,transparent 78%);}
.vxn-fall{position:absolute;top:-8%;width:var(--s,5px);height:var(--s,5px);border-radius:50%;
  background:var(--c,#a855f7);box-shadow:0 0 8px rgba(168,85,247,.5);opacity:0;
  animation:vxn-fall var(--dur,10s) linear var(--d,0s) infinite;}
.vxn-fall-red{--c:#f43f5e;box-shadow:0 0 8px rgba(244,63,94,.5);}
@keyframes vxn-fall{
  0%{transform:translate3d(0,0,0);opacity:0;}
  8%{opacity:.85;}
  88%{opacity:.5;}
  100%{transform:translate3d(var(--x,0),132vh,0);opacity:0;}
}
@media (prefers-reduced-motion:reduce){
  .vxn-fall{display:none;}
  .vxn-p-layer{transform:none !important;}
}

/* ----- section 3 (Method) : image-backed parallax ----- */
.vxn-parallax-host{position:relative;overflow:hidden;}
.vxn-parallax-host > .vxn-shell{position:relative;z-index:1;}
.vxn-m3-bg{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden;}
.vxn-m3-img{background:
    radial-gradient(45% 55% at 12% 8%, rgba(124,58,237,.14), transparent 68%),
    radial-gradient(45% 55% at 88% 12%, rgba(192,132,252,.12), transparent 68%),
    radial-gradient(62% 60% at 50% 100%, rgba(139,92,246,.10), transparent 72%);}
:root[data-theme="dark"] .vxn-m3-img{filter:brightness(1.25);}
/* ----- strategy board : connected colour-tile redesign ----- */
.vxn-board::before{background:
  linear-gradient(rgba(var(--ln),.045) 1px,transparent 1px),
  linear-gradient(90deg,rgba(var(--ln),.045) 1px,transparent 1px);
  background-size:16.66% 16.66%;opacity:.7;}
.vxn-board-net{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none;}
.vxn-board-net .net-flow polyline{animation:vxn-netflow 1.6s linear infinite;}
@keyframes vxn-netflow{to{stroke-dashoffset:-16;}}
.vxn-piece-disc{border-radius:18px;
  background:radial-gradient(circle at 32% 26%,rgba(255,255,255,.42),transparent 54%),var(--pc,#a855f7);
  border:1px solid rgba(255,255,255,.34);
  box-shadow:0 12px 26px -10px var(--pc,rgba(168,85,247,.6)),inset 0 -7px 16px rgba(0,0,0,.2),inset 0 1px 1px rgba(255,255,255,.5);}
.vxn-piece-disc svg{color:#fff;}
.vxn-piece-lbl{color:#fff;opacity:.96;}
.vxn-piece-glow{opacity:.55;filter:blur(11px);inset:-28%;}

/* ----- industries : focus split + vertical journey + specialties (redesigned) ----- */
.vxn-ind2-grid{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:stretch;margin-top:46px;}
.vxn-ind2-figure{position:relative;border-radius:var(--vxn-r);overflow:hidden;min-height:430px;
  border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);background:var(--vxn-panel-2);}
.vxn-ind2-figure img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;}
.vxn-ind2-badge{position:absolute;z-index:2;display:inline-flex;align-items:center;gap:8px;
  font-family:var(--vxn-font-display);font-weight:600;font-size:.78rem;color:#fff;
  padding:8px 13px;border-radius:999px;background:rgba(20,12,40,.55);
  backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.22);}
.vxn-ind2-badge.top{left:16px;top:16px;}
.vxn-ind2-badge.bot{left:16px;bottom:16px;font-family:var(--vxn-font-mono);font-size:.72rem;font-weight:500;}
.vxn-ind2-journey{display:flex;flex-direction:column;justify-content:center;}
.vxn-vjourney{list-style:none;margin:22px 0 0;padding:0;position:relative;}
.vxn-vjourney::before{content:"";position:absolute;left:23px;top:23px;bottom:23px;width:2px;background:var(--vxn-line);}
.vxn-vjourney::after{content:"";position:absolute;left:23px;top:23px;bottom:23px;width:2px;
  background:linear-gradient(180deg,var(--ac1),var(--ac2),var(--ac1));background-size:100% 220%;
  opacity:.75;animation:vxn-vrail 3s linear infinite;}
@keyframes vxn-vrail{to{background-position:0 -220%;}}
.vxn-vstep{position:relative;display:flex;gap:16px;align-items:flex-start;padding-bottom:24px;}
.vxn-vstep:last-child{padding-bottom:0;}
.vxn-vstep .vxn-jdot{flex:none;position:relative;z-index:1;}
.vxn-vtxt{padding-top:5px;}
.vxn-vtxt b{display:block;font-family:var(--vxn-font-display);font-weight:600;color:var(--vxn-ink);font-size:1rem;}
.vxn-vtxt .s{font-family:var(--vxn-font-mono);font-size:.66rem;letter-spacing:.05em;text-transform:uppercase;color:var(--vxn-faint);}
.vxn-spec-head{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;margin:50px 0 18px;}
.vxn-spec-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:14px;}
.vxn-spec{position:relative;display:flex;gap:15px;align-items:flex-start;padding:16px 18px 16px 20px;border-radius:14px;
  overflow:hidden;background:var(--vxn-glass-2);border:1px solid var(--vxn-glass-brd);
  transition:transform .3s var(--vxn-ease),border-color .3s;}
.vxn-spec::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;
  background:linear-gradient(180deg,var(--vxn-blue),var(--vxn-cyan));opacity:0;transition:opacity .3s;}
.vxn-spec:hover{transform:translateY(-4px);border-color:var(--vxn-blue);}
.vxn-spec:hover::before{opacity:1;}
.vxn-spec .ic{width:42px;height:42px;border-radius:11px;flex:none;display:grid;place-items:center;
  background:rgba(124,58,237,.1);color:var(--vxn-blue);}
.vxn-spec .ic svg{width:22px;height:22px;}
.vxn-spec h4{margin:0 0 4px;font-family:var(--vxn-font-display);font-size:1rem;color:var(--vxn-ink);}
.vxn-spec p{margin:0;font-size:.85rem;color:var(--vxn-muted);line-height:1.5;}
@media (max-width:840px){
  .vxn-ind2-grid{grid-template-columns:1fr;gap:24px;}
  .vxn-ind2-figure{min-height:300px;}
}
@media (prefers-reduced-motion:reduce){
  .vxn-board-net .net-flow polyline{animation:none;}
  .vxn-vjourney::after{animation:none;}
}
/* ----- website before/after : detailed site mockups ----- */
.vxn-ba-layer{padding:0;}
.vxn-ba-after{background:linear-gradient(180deg,#ffffff,#f7f4ff);}
.vxn-ba-before{background:linear-gradient(180deg,#e9ebef,#dfe2e8);clip-path:inset(0 calc(100% - var(--pos)) 0 0);}
.vxn-ba-handle{background:var(--vxn-blue);box-shadow:0 0 14px rgba(124,58,237,.6);}
.vxn-ba-knob{background:#fff;border-color:var(--vxn-blue);}
.vxn-ba-knob svg{color:var(--vxn-blue);}
.vxn-st{position:absolute;inset:0;display:flex;flex-direction:column;overflow:hidden;}
.vxn-st-nav{display:flex;align-items:center;justify-content:space-between;padding:9px 13px;border-bottom:1px solid rgba(27,18,51,.08);background:rgba(255,255,255,.6);}
.vxn-st-logo{display:flex;align-items:center;gap:6px;font-family:var(--vxn-font-display);font-weight:800;font-size:.64rem;color:#1b1233;white-space:nowrap;}
.vxn-st-logo i{width:14px;height:14px;border-radius:5px;background:linear-gradient(135deg,#7c3aed,#c084fc);flex:none;}
.vxn-st-links{display:flex;gap:8px;}
.vxn-st-links b{width:22px;height:5px;border-radius:3px;background:rgba(27,18,51,.16);}
.vxn-st-btn{font-family:var(--vxn-font-display);font-size:.6rem;font-weight:700;color:#fff;background:linear-gradient(135deg,#7c3aed,#a855f7);border-radius:7px;padding:5px 12px;white-space:nowrap;}
.vxn-st-hero{flex:1;display:flex;gap:13px;padding:15px 13px;align-items:center;}
.vxn-st-htext{flex:1.25;display:flex;flex-direction:column;gap:7px;min-width:0;}
.vxn-st-h1{font-family:var(--vxn-font-display);font-weight:800;font-size:.96rem;line-height:1.12;color:#1b1233;}
.vxn-st-sub{height:6px;border-radius:3px;background:rgba(27,18,51,.12);width:92%;}
.vxn-st-sub.s{width:64%;}
.vxn-st-ctarow{display:flex;align-items:center;gap:8px;margin-top:5px;flex-wrap:wrap;}
.vxn-st-cta{font-family:var(--vxn-font-display);font-size:.64rem;font-weight:700;color:#fff;background:linear-gradient(135deg,#7c3aed,#a855f7);border-radius:8px;padding:7px 14px;box-shadow:0 7px 16px -6px rgba(124,58,237,.6);white-space:nowrap;}
.vxn-st-call{display:inline-flex;align-items:center;gap:5px;font-family:var(--vxn-font-display);font-size:.6rem;font-weight:700;color:#7c3aed;border:1px solid rgba(124,58,237,.32);border-radius:8px;padding:6px 10px;white-space:nowrap;}
.vxn-st-call svg{width:11px;height:11px;}
.vxn-st-stars{display:flex;align-items:center;gap:6px;font-size:.72rem;color:#f59e0b;margin-top:2px;letter-spacing:1px;}
.vxn-st-stars span{color:#675d86;font-family:var(--vxn-font-mono);font-size:.56rem;letter-spacing:0;}
.vxn-st-himg{flex:.85;align-self:stretch;border-radius:10px;min-height:74px;position:relative;overflow:hidden;
  background:linear-gradient(150deg,#a855f7,#7c3aed);box-shadow:0 8px 20px -8px rgba(124,58,237,.55);}
.vxn-st-himg::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 70% 28%,rgba(255,255,255,.4),transparent 58%);}
.vxn-st-trust{display:flex;gap:7px;padding:0 13px 13px;}
.vxn-st-trust span{flex:1;height:15px;border-radius:5px;background:rgba(16,185,129,.16);border:1px solid rgba(16,185,129,.2);}
/* dated / bad site */
.vxn-st-nav.bad{padding:8px 11px;border-bottom:1px solid rgba(51,65,90,.14);background:#eceef2;}
.vxn-st-logo.bad{font-family:var(--vxn-font-body);font-weight:700;font-size:.6rem;color:#3a4a63;}
.vxn-st-links.bad{gap:6px;}
.vxn-st-links.bad b{width:15px;height:4px;background:rgba(58,74,99,.4);}
.vxn-st-body{flex:1;padding:13px 13px 12px;display:flex;flex-direction:column;gap:6px;}
.vxn-st-bh{font-family:var(--vxn-font-body);font-weight:700;font-size:.66rem;color:#46586f;margin-bottom:3px;}
.vxn-st-txt{height:5px;border-radius:2px;background:rgba(58,74,99,.2);width:100%;}
.vxn-st-txt.s{width:72%;}
.vxn-st-submit{margin-top:7px;align-self:flex-start;font-family:var(--vxn-font-body);font-size:.6rem;font-weight:600;color:#5b6b85;background:#d2d7df;border:1px solid #c0c6d0;border-radius:5px;padding:6px 13px;}
@media (prefers-reduced-motion:reduce){}
/* ===== gradient touch-ups ===== */
.vxn-divider{border:none;height:1px;background:linear-gradient(90deg,transparent,rgba(124,58,237,.28),rgba(192,132,252,.30),transparent);}

/* ===== footer : interactive + gradients ===== */
.vxn-ft{overflow:hidden;}
.vxn-ft::before{content:"";position:absolute;top:0;left:0;right:0;height:2px;z-index:2;
  background:linear-gradient(90deg,transparent,#7c3aed,#a855f7,#c084fc,#a855f7,#7c3aed,transparent);background-size:200% 100%;
  animation:vxn-ftline 6s linear infinite;}
@keyframes vxn-ftline{to{background-position:200% 0;}}
.vxn-ft-glow{position:absolute;top:-60px;left:50%;width:78%;max-width:880px;height:320px;pointer-events:none;z-index:0;
  transform:translateX(-50%);background:radial-gradient(ellipse at center,rgba(124,58,237,.18),transparent 70%);
  animation:vxn-ftglow 7s ease-in-out infinite;}
@keyframes vxn-ftglow{0%,100%{opacity:.55;transform:translateX(-50%) scale(1);}50%{opacity:1;transform:translateX(-50%) scale(1.08);}}
.vxn-ft-cta,.vxn-ft-grid,.vxn-ft-disc,.vxn-ft-bottom{position:relative;z-index:1;}
.vxn-ft-cta-btn{position:relative;overflow:hidden;}
.vxn-ft-cta-btn::after{content:"";position:absolute;top:0;left:-65%;width:42%;height:100%;transform:skewX(-18deg);
  background:linear-gradient(105deg,transparent,rgba(255,255,255,.4),transparent);animation:vxn-shimmer 3.6s ease-in-out infinite;}
@keyframes vxn-shimmer{0%,70%{left:-65%;}100%{left:135%;}}
.vxn-ft-cta-btn > svg{position:relative;z-index:1;transition:transform .25s var(--vxn-ease);}
.vxn-ft-cta-btn:hover > svg{transform:translateX(4px);}
.vxn-ft-col a{position:relative;transition:color .22s,padding-left .22s;}
.vxn-ft-col a::before{content:"";position:absolute;left:0;top:50%;width:9px;height:2px;border-radius:2px;
  transform:translateY(-50%) scaleX(0);transform-origin:left;background:linear-gradient(90deg,#7c3aed,#c084fc);transition:transform .22s;}
.vxn-ft-col a:hover{color:var(--vxn-blue);padding-left:15px;}
.vxn-ft-col a:hover::before{transform:translateY(-50%) scaleX(1);}
.vxn-ft-social a{position:relative;overflow:hidden;
  transition:color .2s,border-color .2s,transform .25s var(--vxn-ease),box-shadow .25s;}
.vxn-ft-social a > svg{position:relative;z-index:1;}
.vxn-ft-social a::before{content:"";position:absolute;inset:0;opacity:0;transition:opacity .25s;
  background:linear-gradient(135deg,#7c3aed,#a855f7);}
.vxn-ft-social a:hover{color:#fff;border-color:transparent;transform:translateY(-3px);box-shadow:0 10px 24px -8px rgba(124,58,237,.55);}
.vxn-ft-social a:hover::before{opacity:1;}
.vxn-ft-brand .vxn-hd-mark{filter:drop-shadow(0 0 10px rgba(124,58,237,.4));}

/* ===== FOMO single-quote rotator (below footer) ===== */
.vxn-fomo{position:relative;overflow:hidden;padding:26px 22px;display:flex;justify-content:center;
  background:linear-gradient(90deg,#6d28d9,#7c3aed,#a855f7,#7c3aed,#6d28d9);background-size:220% 100%;
  animation:vxn-fomobg 14s ease infinite;}
@keyframes vxn-fomobg{0%,100%{background-position:0% 0;}50%{background-position:100% 0;}}
.vxn-fomo-stage{position:relative;width:100%;max-width:var(--vxn-shell);min-height:30px;}
.vxn-fomo-q{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:0;text-align:center;
  font-family:var(--vxn-font-display);font-weight:600;font-size:clamp(.95rem,2vw,1.18rem);color:#fff;padding:0 8px;
  opacity:0;transform:translateY(14px);transition:opacity .55s var(--vxn-ease),transform .55s var(--vxn-ease);}
.vxn-fomo-q.is-on{opacity:1;transform:translateY(0);}
.vxn-fomo-q.is-out{opacity:0;transform:translateY(-14px);}
@media (prefers-reduced-motion:reduce){.vxn-fomo{animation:none;}.vxn-fomo-q{transition:none;}}

/* ===== floating action buttons : WhatsApp + Get in touch ===== */
.vxn-fab{position:fixed;right:22px;bottom:24px;z-index:85;display:flex;flex-direction:column;gap:13px;align-items:flex-end;}
.vxn-fab a{position:relative;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;
  box-shadow:0 12px 30px -8px rgba(0,0,0,.32);transition:transform .25s var(--vxn-ease),box-shadow .25s;}
.vxn-fab a:hover{transform:translateY(-3px) scale(1.04);}
.vxn-fab-wa{width:56px;height:56px;border-radius:50%;background:linear-gradient(145deg,#25d366,#0e9f6e);color:#fff;}
.vxn-fab-wa svg{width:30px;height:30px;}
.vxn-fab-wa:hover{box-shadow:0 16px 36px -8px rgba(37,211,102,.6);}
.vxn-fab-wa::after{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid #25d366;
  animation:vxn-fabpulse 2.6s ease-out infinite;}
@keyframes vxn-fabpulse{0%{transform:scale(1);opacity:.7;}100%{transform:scale(1.55);opacity:0;}}
.vxn-fab-gt{gap:9px;padding:0 20px;height:56px;border-radius:30px;color:#fff;
  background:linear-gradient(135deg,#7c3aed,#a855f7,#c084fc);background-size:170% 170%;
  font-family:var(--vxn-font-display);font-weight:700;font-size:.92rem;animation:vxn-fabgrad 5s ease infinite;}
.vxn-fab-gt svg{width:20px;height:20px;}
.vxn-fab-gt:hover{box-shadow:0 16px 36px -8px rgba(124,58,237,.6);}
@keyframes vxn-fabgrad{0%,100%{background-position:0% 50%;}50%{background-position:100% 50%;}}
@media (max-width:780px){
  .vxn-fab{right:16px;bottom:82px;}
  .vxn-fab-gt span{display:none;}
  .vxn-fab-gt{width:56px;padding:0;border-radius:50%;}
}
@media (prefers-reduced-motion:reduce){
  .vxn-ft::before,.vxn-ft-glow,.vxn-ft-cta-btn::after,.vxn-fomo-track,.vxn-fab-gt{animation:none;}
  .vxn-fab-wa::after{display:none;}
  .vxn-fomo-track{flex-wrap:wrap;justify-content:center;}
}
/* ===== footer newsletter ===== */
.vxn-news{margin-top:24px;max-width:350px;}
.vxn-news-label{display:block;font-family:var(--vxn-font-display);font-weight:700;font-size:.96rem;color:var(--vxn-ink);}
.vxn-news-sub{color:var(--vxn-muted);font-size:.84rem;line-height:1.5;margin:6px 0 12px;}
.vxn-news-row{display:flex;gap:8px;padding:5px;border-radius:13px;background:var(--vxn-glass-2);
  border:1px solid var(--vxn-glass-brd);transition:border-color .2s,box-shadow .2s;}
.vxn-news-row:focus-within{border-color:var(--vxn-blue);box-shadow:0 0 0 3px rgba(124,58,237,.13);}
.vxn-news-row input{flex:1;min-width:0;background:transparent;border:none;outline:none;
  font-family:var(--vxn-font-body);font-size:.9rem;color:var(--vxn-ink);padding:8px 10px;}
.vxn-news-row input::placeholder{color:var(--vxn-faint);}
.vxn-news-row button{flex:none;width:44px;border:none;cursor:pointer;border-radius:9px;color:#fff;display:grid;place-items:center;
  background:linear-gradient(135deg,#7c3aed,#a855f7);transition:transform .2s,box-shadow .2s;}
.vxn-news-row button:hover{transform:translateY(-1px);box-shadow:0 8px 20px -6px rgba(124,58,237,.6);}
.vxn-news-row button svg{width:17px;height:17px;}
.vxn-news-msg{display:inline-flex;align-items:center;gap:6px;margin-top:11px;font-size:.82rem;font-weight:600;color:var(--vxn-green);}

/* ===== floating button : works as <button> too ===== */
.vxn-fab button{position:relative;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;border:none;
  box-shadow:0 12px 30px -8px rgba(0,0,0,.32);transition:transform .25s var(--vxn-ease),box-shadow .25s;}
.vxn-fab button:hover{transform:translateY(-3px) scale(1.04);}

/* ===== audit modal ===== */
.vxn-modal{position:fixed;inset:0;z-index:120;display:flex;align-items:center;justify-content:center;padding:20px;
  opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s;}
.vxn-modal.is-open{opacity:1;visibility:visible;}
.vxn-modal-backdrop{position:absolute;inset:0;background:rgba(10,6,22,.6);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);}
.vxn-modal-card{position:relative;z-index:1;width:100%;max-width:460px;max-height:90vh;overflow:auto;
  background:var(--vxn-panel);border:1px solid var(--vxn-glass-brd);border-radius:20px;padding:30px 28px 28px;
  box-shadow:0 40px 90px -20px rgba(0,0,0,.5);transform:translateY(16px) scale(.98);transition:transform .35s var(--vxn-ease);}
.vxn-modal.is-open .vxn-modal-card{transform:none;}
.vxn-modal-card::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;border-radius:20px 20px 0 0;
  background:linear-gradient(90deg,#7c3aed,#a855f7,#c084fc);}
.vxn-modal-x{position:absolute;top:14px;right:14px;width:34px;height:34px;border-radius:9px;border:1px solid var(--vxn-glass-brd);
  background:var(--vxn-glass-2);color:var(--vxn-muted);display:grid;place-items:center;cursor:pointer;transition:color .2s,border-color .2s;}
.vxn-modal-x:hover{color:var(--vxn-ink);border-color:var(--vxn-blue);}
.vxn-modal-x svg{width:16px;height:16px;}
.vxn-modal-head h3{font-family:var(--vxn-font-display);font-weight:800;font-size:1.42rem;color:var(--vxn-ink);margin:9px 0 8px;letter-spacing:-.02em;}
.vxn-modal-head p{color:var(--vxn-muted);font-size:.92rem;line-height:1.55;margin:0 0 20px;}
.vxn-audit-form{display:flex;flex-direction:column;gap:13px;}
.vxn-audit-form label{display:flex;flex-direction:column;gap:6px;font-family:var(--vxn-font-display);font-weight:600;font-size:.78rem;color:var(--vxn-ink-2);}
.vxn-field-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px;}
.vxn-audit-form input{font-family:var(--vxn-font-body);font-size:.92rem;color:var(--vxn-ink);
  background:var(--vxn-glass-2);border:1px solid var(--vxn-glass-brd);border-radius:10px;padding:11px 13px;transition:border-color .2s,box-shadow .2s;}
.vxn-audit-form input::placeholder{color:var(--vxn-faint);}
.vxn-audit-form input:focus{outline:none;border-color:var(--vxn-blue);box-shadow:0 0 0 3px rgba(124,58,237,.15);}
.vxn-audit-note{font-size:.8rem;color:var(--vxn-muted);line-height:1.5;margin:2px 0 4px;padding:10px 12px;border-radius:10px;
  background:rgba(124,58,237,.06);border:1px solid var(--vxn-glass-brd);transition:background .25s,border-color .25s,color .25s;}
.vxn-audit-note a{color:var(--vxn-blue);font-weight:600;}
.vxn-audit-note.is-warn{background:rgba(244,63,94,.1);border-color:rgba(244,63,94,.45);color:var(--vxn-ink-2);}
.vxn-audit-submit{margin-top:4px;display:inline-flex;align-items:center;justify-content:center;gap:9px;
  font-family:var(--vxn-font-display);font-weight:700;font-size:.95rem;color:#fff;border:none;cursor:pointer;
  background:linear-gradient(135deg,#7c3aed,#a855f7,#c084fc);background-size:170% 170%;border-radius:12px;padding:14px;
  box-shadow:0 14px 30px -10px rgba(124,58,237,.6);transition:transform .2s,box-shadow .2s,background-position .45s;}
.vxn-audit-submit:hover{transform:translateY(-2px);background-position:100% 50%;box-shadow:0 18px 38px -10px rgba(124,58,237,.7);}
.vxn-audit-submit svg{width:17px;height:17px;}
.vxn-audit-done{text-align:center;padding:14px 0 6px;}
.vxn-audit-done .ok{width:58px;height:58px;border-radius:50%;margin:0 auto 16px;display:grid;place-items:center;color:#fff;
  background:linear-gradient(135deg,#10b981,#34d399);box-shadow:0 12px 28px -8px rgba(16,185,129,.6);}
.vxn-audit-done .ok svg{width:28px;height:28px;}
.vxn-audit-done h4{font-family:var(--vxn-font-display);font-weight:700;font-size:1.2rem;color:var(--vxn-ink);margin:0 0 8px;}
.vxn-audit-done p{color:var(--vxn-muted);font-size:.92rem;line-height:1.55;margin:0;}
.vxn-audit-done #vxn-audit-url{color:var(--vxn-blue);font-weight:600;word-break:break-all;}
@media (max-width:480px){.vxn-field-grid{grid-template-columns:1fr;}}

/* ===== MED SPA SPECIALTY PAGE ===== */
/* =====================================================================
   VAYUNEX — SOLUTIONS / LEAD GENERATION page  (theme-aware, token-driven)
   Layman explainer: zero → advanced. Classes namespaced .vxn-s* / .vxn-faq.
   ===================================================================== */

/* active nav (link + mega trigger) */
.vxn-hd-nav .vxn-hd-link[aria-current="page"],
.vxn-hd-nav .vxn-hd-mega-btn[aria-current="page"]{color:var(--vxn-ink);}
.vxn-hd-nav .vxn-hd-link[aria-current="page"]::after,
.vxn-hd-nav .vxn-hd-mega-btn[aria-current="page"]::after{content:"";position:absolute;left:13px;right:13px;bottom:5px;
  height:2px;border-radius:2px;background:var(--vxn-grad-cta);}
.vxn-hd-nav .vxn-hd-mega-btn[aria-current="page"]{position:relative;}

/* ---------- plain-English definition card ---------- */
.vxn-sdef{max-width:820px;margin:46px auto 0;text-align:center;border-radius:var(--vxn-r);padding:clamp(30px,4vw,44px);
  background:var(--vxn-glass-2);border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);position:relative;overflow:hidden;}
.vxn-sdef::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(520px 240px at 50% -10%,rgba(124,58,237,.14),transparent 70%);}
.vxn-sdef .in{position:relative;z-index:1;}
.vxn-sdef .eq{font-family:var(--vxn-font-mono);font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--vxn-blue);margin-bottom:14px;}
.vxn-sdef p{font-family:var(--vxn-font-display);font-weight:600;font-size:clamp(1.15rem,2.6vw,1.6rem);line-height:1.5;color:var(--vxn-ink);margin:0;}
.vxn-sdef p b{background:var(--vxn-grad-text);-webkit-background-clip:text;background-clip:text;color:transparent;}

/* ---------- node flow (stranger -> lead -> patient) ---------- */
.vxn-sflow{display:flex;align-items:stretch;justify-content:center;flex-wrap:wrap;gap:6px;margin-top:46px;}
.vxn-sflow-node{display:flex;flex-direction:column;align-items:center;gap:11px;text-align:center;padding:24px 20px;min-width:158px;
  border-radius:var(--vxn-r);background:var(--vxn-glass);border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);}
.vxn-sflow-node.hot{border-color:var(--vxn-blue);background:var(--vxn-glass-2);}
.vxn-sflow-node .ic{width:50px;height:50px;border-radius:14px;display:grid;place-items:center;background:rgba(124,58,237,.1);color:var(--vxn-blue);}
.vxn-sflow-node.hot .ic{background:var(--vxn-grad-cta);color:#fff;}
.vxn-sflow-node .ic svg{width:25px;height:25px;}
.vxn-sflow-node b{font-family:var(--vxn-font-display);font-size:1rem;color:var(--vxn-ink);}
.vxn-sflow-node span{font-size:.79rem;color:var(--vxn-muted);max-width:150px;}
.vxn-sflow-arrow{display:grid;place-items:center;color:var(--vxn-blue-2);flex:none;}
.vxn-sflow-arrow svg{width:26px;height:26px;}

/* ---------- example callout ---------- */
.vxn-sexample{display:flex;gap:14px;align-items:flex-start;padding:18px 20px;border-radius:var(--vxn-r-sm);
  background:rgba(124,58,237,.06);border:1px solid var(--vxn-line);border-left:3px solid var(--vxn-blue);margin-top:22px;}
.vxn-sexample .ic{flex:none;width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:rgba(124,58,237,.12);color:var(--vxn-amber);}
.vxn-sexample .ic svg{width:18px;height:18px;}
.vxn-sexample .tx{font-size:.92rem;color:var(--vxn-ink-2);line-height:1.6;}
.vxn-sexample .tx .tag{display:block;font-family:var(--vxn-font-mono);font-size:.64rem;letter-spacing:.14em;text-transform:uppercase;color:var(--vxn-blue);margin-bottom:5px;}
.vxn-sexample .tx b{color:var(--vxn-ink);font-weight:600;}

/* ---------- two-col text + visual ---------- */
.vxn-stwo{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,5vw,56px);align-items:center;margin-top:8px;}
.vxn-stwo.rev .vxn-stwo-visual{order:-1;}

/* ---------- photo frame ---------- */
.vxn-sphoto{position:relative;border-radius:var(--vxn-r);overflow:hidden;border:1px solid var(--vxn-glass-brd);
  box-shadow:var(--vxn-shadow);aspect-ratio:16/11;background:var(--vxn-panel-2);}
.vxn-sphoto img{width:100%;height:100%;object-fit:cover;display:block;}
.vxn-sphoto .cap{position:absolute;left:0;right:0;bottom:0;padding:16px 18px;font-family:var(--vxn-font-mono);font-size:.72rem;
  color:#fff;background:linear-gradient(180deg,transparent,rgba(8,6,20,.78));}

/* small inline chart card */
.vxn-schart{border-radius:var(--vxn-r);padding:24px;background:var(--vxn-glass);border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);}
.vxn-schart svg{width:100%;height:auto;display:block;}
.vxn-schart-key{display:flex;flex-wrap:wrap;gap:16px;margin-top:14px;font-family:var(--vxn-font-mono);font-size:.72rem;color:var(--vxn-muted);}
.vxn-schart-key i{display:inline-block;width:22px;height:3px;border-radius:3px;margin-right:7px;vertical-align:middle;}

/* ---------- levels (zero to advanced) ---------- */
.vxn-slevels{display:grid;gap:18px;margin-top:48px;}
.vxn-slevel{display:grid;grid-template-columns:128px 1fr;gap:26px;padding:30px 30px;border-radius:var(--vxn-r);
  background:var(--vxn-glass);border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);}
.vxn-slevel-badge{text-align:center;}
.vxn-slevel-badge .no{font-family:var(--vxn-font-display);font-weight:800;font-size:3.2rem;line-height:1;
  background:var(--vxn-grad-text);-webkit-background-clip:text;background-clip:text;color:transparent;}
.vxn-slevel-badge .lv{display:inline-block;margin-top:10px;font-family:var(--vxn-font-mono);font-size:.66rem;letter-spacing:.14em;
  text-transform:uppercase;color:#fff;background:var(--vxn-grad-cta);padding:5px 11px;border-radius:999px;}
.vxn-slevel-body h3{margin:0 0 6px;font-family:var(--vxn-font-display);font-size:1.28rem;color:var(--vxn-ink);}
.vxn-slevel-body .sub{margin:0 0 16px;font-size:.95rem;color:var(--vxn-muted);line-height:1.55;}
.vxn-slevel-list{list-style:none;margin:0;padding:0;display:grid;gap:11px;}
.vxn-slevel-list li{display:flex;gap:11px;align-items:flex-start;font-size:.92rem;color:var(--vxn-ink-2);line-height:1.5;}
.vxn-slevel-list li svg{width:18px;height:18px;flex:none;margin-top:2px;color:var(--vxn-green);}
.vxn-slevel-list li b{color:var(--vxn-ink);font-weight:600;}

/* ---------- channel cards ---------- */
.vxn-schannels{display:grid;grid-template-columns:repeat(auto-fit,minmax(282px,1fr));gap:16px;margin-top:42px;}
.vxn-schan{display:flex;flex-direction:column;border-radius:var(--vxn-r);background:var(--vxn-glass);
  border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);padding:26px 24px;transition:transform .3s var(--vxn-ease),border-color .3s;}
.vxn-schan:hover{transform:translateY(-4px);border-color:var(--vxn-blue);}
.vxn-schan .ic{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;background:rgba(124,58,237,.1);color:var(--vxn-blue);margin-bottom:14px;}
.vxn-schan .ic svg{width:24px;height:24px;}
.vxn-schan h4{margin:0 0 4px;font-family:var(--vxn-font-display);font-size:1.1rem;color:var(--vxn-ink);}
.vxn-schan .kind{font-family:var(--vxn-font-mono);font-size:.64rem;letter-spacing:.12em;text-transform:uppercase;color:var(--vxn-blue-2);}
.vxn-schan p{margin:13px 0 0;font-size:.88rem;color:var(--vxn-ink-2);line-height:1.55;}
.vxn-schan .best{display:flex;gap:7px;align-items:flex-start;margin-top:auto;padding-top:15px;font-family:var(--vxn-font-mono);font-size:.72rem;color:var(--vxn-green);line-height:1.45;}
.vxn-schan .best svg{width:13px;height:13px;flex:none;margin-top:2px;}

/* ---------- conversion funnel ---------- */
.vxn-sfunnel{max-width:680px;margin:48px auto 0;display:flex;flex-direction:column;align-items:center;gap:7px;}
.vxn-sfunnel-row{width:100%;display:flex;flex-direction:column;align-items:center;}
.vxn-sfunnel-bar{width:var(--w);max-width:100%;min-height:64px;border-radius:13px;background:var(--vxn-grad-cta);
  display:flex;align-items:center;justify-content:space-between;gap:14px;padding:0 22px;color:#fff;box-shadow:0 12px 30px -14px rgba(124,58,237,.7);}
.vxn-sfunnel-bar .n{font-family:var(--vxn-font-display);font-weight:800;font-size:clamp(1.25rem,3vw,1.7rem);font-variant-numeric:tabular-nums;letter-spacing:-.02em;}
.vxn-sfunnel-bar .lab{font-family:var(--vxn-font-mono);font-size:.73rem;letter-spacing:.03em;text-align:right;line-height:1.3;opacity:.96;}
.vxn-sfunnel-drop{font-family:var(--vxn-font-mono);font-size:.68rem;color:var(--vxn-faint);margin:2px 0;}

/* ---------- industry fit ---------- */
.vxn-sfit{display:grid;grid-template-columns:repeat(auto-fit,minmax(264px,1fr));gap:16px;margin-top:42px;}
.vxn-sfit-card{border-radius:var(--vxn-r);background:var(--vxn-glass);border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);padding:24px 22px;}
.vxn-sfit-top{display:flex;align-items:center;justify-content:space-between;gap:10px;}
.vxn-sfit-card h4{margin:0;font-family:var(--vxn-font-display);font-size:1.06rem;color:var(--vxn-ink);}
.vxn-sfit-rating{font-family:var(--vxn-font-mono);font-size:.64rem;letter-spacing:.1em;text-transform:uppercase;color:var(--vxn-blue);white-space:nowrap;}
.vxn-sfit-meter{display:flex;gap:5px;margin:14px 0;}
.vxn-sfit-meter i{height:7px;flex:1;border-radius:4px;background:rgba(var(--ln),.18);}
.vxn-sfit-meter i.on{background:var(--vxn-grad-cta);}
.vxn-sfit-card p{margin:0;font-size:.85rem;color:var(--vxn-muted);line-height:1.55;}

/* ---------- readiness checklist ---------- */
.vxn-sready{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px;margin-top:40px;}
.vxn-sready-item{display:flex;gap:13px;align-items:flex-start;padding:20px;border-radius:var(--vxn-r-sm);
  background:var(--vxn-glass);border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);}
.vxn-sready-item .ck{flex:none;width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:rgba(16,185,129,.12);color:var(--vxn-green);}
.vxn-sready-item .ck svg{width:17px;height:17px;}
.vxn-sready-item p{margin:0;font-size:.9rem;color:var(--vxn-ink-2);line-height:1.5;}
.vxn-sready-item p b{color:var(--vxn-ink);font-weight:600;}

/* ---------- budget tiers ---------- */
.vxn-stiers{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:42px;}
.vxn-stier{display:flex;flex-direction:column;border-radius:var(--vxn-r);background:var(--vxn-glass);
  border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);padding:28px 26px;position:relative;}
.vxn-stier.feature{border-color:var(--vxn-blue);background:var(--vxn-glass-2);}
.vxn-stier .badge{position:absolute;top:-11px;left:26px;font-family:var(--vxn-font-mono);font-size:.62rem;letter-spacing:.12em;
  text-transform:uppercase;color:#fff;background:var(--vxn-grad-cta);padding:5px 11px;border-radius:999px;box-shadow:var(--vxn-glow-cta);}
.vxn-stier .name{font-family:var(--vxn-font-mono);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--vxn-blue-2);}
.vxn-stier .spend{font-family:var(--vxn-font-display);font-weight:800;font-size:1.85rem;color:var(--vxn-ink);margin:8px 0 2px;letter-spacing:-.02em;}
.vxn-stier .spend span{font-size:.9rem;font-weight:500;color:var(--vxn-muted);}
.vxn-stier .who{font-size:.86rem;color:var(--vxn-muted);line-height:1.5;margin:0 0 18px;}
.vxn-stier ul{list-style:none;margin:0 0 18px;padding:0;display:grid;gap:10px;}
.vxn-stier li{display:flex;gap:10px;align-items:flex-start;font-size:.86rem;color:var(--vxn-ink-2);line-height:1.45;}
.vxn-stier li svg{width:16px;height:16px;flex:none;margin-top:2px;color:var(--vxn-green);}
.vxn-stier .exp{margin-top:auto;padding-top:16px;border-top:1px dashed var(--vxn-line);font-family:var(--vxn-font-mono);font-size:.74rem;color:var(--vxn-ink-2);}
.vxn-stier .exp b{color:var(--vxn-blue-2);}

/* ---------- results table ---------- */
.vxn-stable-wrap{margin-top:42px;overflow-x:auto;border-radius:var(--vxn-r);border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);}
.vxn-stable{width:100%;border-collapse:collapse;min-width:560px;background:var(--vxn-glass);}
.vxn-stable thead th{font-family:var(--vxn-font-mono);font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:var(--vxn-faint);
  text-align:left;padding:16px 20px;border-bottom:1px solid var(--vxn-line-2);background:rgba(var(--w),.03);}
.vxn-stable tbody td{padding:15px 20px;border-bottom:1px solid var(--vxn-line);font-size:.9rem;color:var(--vxn-ink-2);}
.vxn-stable tbody tr:last-child td{border-bottom:none;}
.vxn-stable tbody td:first-child{font-family:var(--vxn-font-display);font-weight:600;color:var(--vxn-ink);}
.vxn-stable tbody td .g{color:var(--vxn-green);font-family:var(--vxn-font-mono);font-weight:600;}

/* ---------- FAQ accordion (native details) ---------- */
.vxn-faq{max-width:820px;margin:42px auto 0;display:grid;gap:12px;}
.vxn-faq-item{border:1px solid var(--vxn-glass-brd);background:var(--vxn-glass);border-radius:var(--vxn-r-sm);
  box-shadow:var(--vxn-shadow);overflow:hidden;}
.vxn-faq-item summary{list-style:none;cursor:pointer;padding:20px 22px;display:flex;justify-content:space-between;align-items:center;gap:16px;
  font-family:var(--vxn-font-display);font-weight:600;font-size:1.02rem;color:var(--vxn-ink);}
.vxn-faq-item summary::-webkit-details-marker{display:none;}
.vxn-faq-item summary .pl{flex:none;color:var(--vxn-blue-2);transition:transform .3s var(--vxn-ease);}
.vxn-faq-item summary .pl svg{width:20px;height:20px;display:block;}
.vxn-faq-item[open] summary .pl{transform:rotate(135deg);}
.vxn-faq-item[open] summary{color:var(--vxn-blue-2);}
.vxn-faq-item .a{padding:0 22px 21px;font-size:.94rem;color:var(--vxn-ink-2);line-height:1.66;}
.vxn-faq-item .a b{color:var(--vxn-ink);font-weight:600;}

/* ---------- closing CTA ---------- */
.vxn-scta{position:relative;text-align:center;border-radius:var(--vxn-r);padding:clamp(42px,6vw,70px) 28px;overflow:hidden;
  background:var(--vxn-glass-2);border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);}
.vxn-scta::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(720px 360px at 50% -20%,rgba(124,58,237,.18),transparent 70%);}
.vxn-scta .in{position:relative;z-index:1;max-width:660px;margin-inline:auto;}
.vxn-scta .vxn-hero-cta{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:30px;}

/* ---------- responsive ---------- */
@media (max-width:920px){
  .vxn-stwo{grid-template-columns:1fr;gap:32px;}
  .vxn-stwo.rev .vxn-stwo-visual{order:0;}
  .vxn-stiers{grid-template-columns:1fr;}
}
@media (max-width:680px){
  .vxn-slevel{grid-template-columns:1fr;gap:18px;}
  .vxn-slevel-badge{display:flex;align-items:center;gap:14px;}
  .vxn-slevel-badge .no{font-size:2.4rem;}
  .vxn-slevel-badge .lv{margin-top:0;}
  .vxn-sflow-arrow{transform:rotate(90deg);}
}
@media (prefers-reduced-motion:reduce){
  .vxn-schan,.vxn-faq-item summary .pl{transition:none;}
}

/* mini chart strokes (var()/url() valid only in CSS, not SVG attrs) */
.vxn-schart-base{stroke:var(--vxn-line-2);stroke-width:1;}
.vxn-schart-wom{fill:none;stroke:var(--vxn-faint);stroke-width:2.5;stroke-dasharray:5 5;stroke-linecap:round;stroke-linejoin:round;}
.vxn-schart-lead{fill:none;stroke:url(#vxnSLead);stroke-width:3.4;stroke-linecap:round;stroke-linejoin:round;}

/* ===================================================================== */
/* PAID ACQUISITION additions (.vxn-p*)                                   */
/* ===================================================================== */

/* metric definition cards */
.vxn-pmetrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px;margin-top:42px;}
.vxn-pmetric{border-radius:var(--vxn-r);background:var(--vxn-glass);border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);padding:22px 22px;}
.vxn-pmetric .ab{display:flex;align-items:baseline;gap:9px;flex-wrap:wrap;}
.vxn-pmetric .ab b{font-family:var(--vxn-font-display);font-weight:800;font-size:1.5rem;letter-spacing:-.01em;background:var(--vxn-grad-text);-webkit-background-clip:text;background-clip:text;color:transparent;}
.vxn-pmetric .ab span{font-family:var(--vxn-font-mono);font-size:.66rem;letter-spacing:.06em;text-transform:uppercase;color:var(--vxn-muted);}
.vxn-pmetric p{margin:11px 0 0;font-size:.88rem;color:var(--vxn-ink-2);line-height:1.55;}
.vxn-pmetric p b{color:var(--vxn-ink);font-weight:600;}
.vxn-pmetric .eg{margin-top:11px;font-family:var(--vxn-font-mono);font-size:.72rem;color:var(--vxn-blue-2);}

/* ad-economics money map */
.vxn-peco{margin-top:44px;border-radius:var(--vxn-r);background:var(--vxn-glass-2);border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);padding:clamp(26px,4vw,40px);position:relative;overflow:hidden;}
.vxn-peco::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(600px 280px at 50% -10%,rgba(124,58,237,.14),transparent 70%);}
.vxn-peco-row{position:relative;z-index:1;display:flex;align-items:stretch;justify-content:center;flex-wrap:wrap;gap:6px;}
.vxn-peco-step{flex:1;min-width:118px;text-align:center;padding:18px 14px;border-radius:var(--vxn-r-sm);background:var(--vxn-glass);border:1px solid var(--vxn-glass-brd);}
.vxn-peco-step.in{border-color:var(--vxn-blue);}
.vxn-peco-step.out{border-color:var(--vxn-green);}
.vxn-peco-step .v{font-family:var(--vxn-font-display);font-weight:800;font-size:clamp(1.1rem,2.4vw,1.5rem);color:var(--vxn-ink);font-variant-numeric:tabular-nums;}
.vxn-peco-step.in .v{color:var(--vxn-blue-2);}
.vxn-peco-step.out .v{color:var(--vxn-green);}
.vxn-peco-step .k{font-family:var(--vxn-font-mono);font-size:.65rem;letter-spacing:.05em;text-transform:uppercase;color:var(--vxn-muted);margin-top:5px;}
.vxn-peco-arrow{display:grid;place-items:center;color:var(--vxn-blue-2);flex:none;}
.vxn-peco-arrow svg{width:22px;height:22px;}
.vxn-peco-foot{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;margin-top:26px;}
.vxn-peco-roas{display:inline-flex;align-items:baseline;gap:9px;padding:13px 26px;border-radius:999px;background:var(--vxn-grad-cta);color:#fff;box-shadow:var(--vxn-glow-cta);}
.vxn-peco-roas b{font-family:var(--vxn-font-display);font-weight:800;font-size:1.8rem;}
.vxn-peco-roas span{font-family:var(--vxn-font-mono);font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;opacity:.95;}

/* common mistakes */
.vxn-pmistakes{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px;margin-top:42px;}
.vxn-pmistake{border-radius:var(--vxn-r);background:var(--vxn-glass);border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);padding:24px 24px;border-left:3px solid var(--vxn-red);}
.vxn-pmistake .x{display:flex;align-items:center;gap:10px;margin-bottom:11px;}
.vxn-pmistake .x .ic{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:rgba(244,63,94,.12);color:var(--vxn-red);flex:none;}
.vxn-pmistake .x .ic svg{width:17px;height:17px;}
.vxn-pmistake .x b{font-family:var(--vxn-font-display);font-size:1rem;color:var(--vxn-ink);}
.vxn-pmistake p{margin:0;font-size:.88rem;color:var(--vxn-ink-2);line-height:1.55;}
.vxn-pmistake .fix{display:flex;gap:8px;align-items:flex-start;margin-top:13px;padding-top:13px;border-top:1px solid var(--vxn-line);font-size:.86rem;color:var(--vxn-ink-2);line-height:1.5;}
.vxn-pmistake .fix svg{width:15px;height:15px;flex:none;margin-top:2px;color:var(--vxn-green);}
.vxn-pmistake .fix b{color:var(--vxn-green);font-weight:600;font-family:var(--vxn-font-mono);font-size:.7rem;text-transform:uppercase;letter-spacing:.06em;margin-right:3px;}

@media (max-width:680px){ .vxn-peco-arrow{transform:rotate(90deg);} }

/* ===================================================================== */
/* MED SPA specialty page additions (.vxn-ms*)                            */
/* ===================================================================== */

/* engine cards as links */
a.vxn-schan{text-decoration:none;color:inherit;display:block;transition:transform .25s var(--vxn-ease),border-color .25s var(--vxn-ease);}
a.vxn-schan:hover{transform:translateY(-4px);border-color:var(--vxn-line-2);}
a.vxn-schan .best{color:var(--vxn-blue-2);}

/* before / after transformation */
.vxn-msba{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:44px;}
@media(max-width:720px){.vxn-msba{grid-template-columns:1fr;}}
.vxn-msba-col{border-radius:var(--vxn-r);border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);padding:28px 26px;background:var(--vxn-glass);}
.vxn-msba-col.after{background:var(--vxn-glass-2);border-color:var(--vxn-line-2);position:relative;overflow:hidden;}
.vxn-msba-col.after::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(420px 200px at 80% -10%,rgba(124,58,237,.13),transparent 70%);}
.vxn-msba-h{display:flex;align-items:center;gap:11px;margin-bottom:20px;position:relative;z-index:1;}
.vxn-msba-h .lbl{font-family:var(--vxn-font-mono);font-size:.68rem;letter-spacing:.07em;text-transform:uppercase;}
.vxn-msba-col.before .lbl{color:var(--vxn-muted);}
.vxn-msba-col.after .lbl{color:var(--vxn-blue-2);}
.vxn-msba-h h3{font-family:var(--vxn-font-display);font-size:1.25rem;color:var(--vxn-ink);margin:0;letter-spacing:-.01em;}
.vxn-msba-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px;position:relative;z-index:1;}
.vxn-msba-list li{display:flex;gap:12px;align-items:flex-start;font-size:.92rem;color:var(--vxn-ink-2);line-height:1.5;}
.vxn-msba-list li .ic{width:22px;height:22px;border-radius:6px;flex:none;display:grid;place-items:center;margin-top:1px;}
.vxn-msba-col.before li .ic{background:rgba(244,63,94,.10);color:var(--vxn-red);}
.vxn-msba-col.after li .ic{background:rgba(16,185,129,.12);color:var(--vxn-green);}
.vxn-msba-list li .ic svg{width:13px;height:13px;}
.vxn-msba-col.after li b{color:var(--vxn-ink);font-weight:600;}

/* impact tiles */
.vxn-msimpact{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px;margin-top:42px;}
.vxn-msimpact-tile{border-radius:var(--vxn-r);background:var(--vxn-glass);border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);padding:26px 22px;text-align:center;}
.vxn-msimpact-tile .big{font-family:var(--vxn-font-display);font-weight:800;font-size:2.3rem;line-height:1;letter-spacing:-.01em;background:var(--vxn-grad-text);-webkit-background-clip:text;background-clip:text;color:transparent;font-variant-numeric:tabular-nums;}
.vxn-msimpact-tile .lbl{font-family:var(--vxn-font-display);font-size:.98rem;color:var(--vxn-ink);margin-top:11px;font-weight:600;}
.vxn-msimpact-tile .sub{font-size:.82rem;color:var(--vxn-muted);margin-top:6px;line-height:1.45;}

/* journey timeline */
.vxn-msflow{margin-top:44px;display:flex;flex-direction:column;}
.vxn-msstep{display:grid;grid-template-columns:auto 1fr;gap:20px;position:relative;padding-bottom:26px;}
.vxn-msstep:last-child{padding-bottom:0;}
.vxn-msstep-rail{display:flex;flex-direction:column;align-items:center;}
.vxn-msstep-num{width:46px;height:46px;border-radius:50%;flex:none;display:grid;place-items:center;font-family:var(--vxn-font-display);font-weight:800;font-size:1.05rem;color:#fff;background:var(--vxn-grad-cta);box-shadow:var(--vxn-glow-cta);z-index:1;}
.vxn-msstep-line{flex:1;width:2px;background:var(--vxn-line-2);margin-top:4px;border-radius:2px;}
.vxn-msstep:last-child .vxn-msstep-line{display:none;}
.vxn-msstep-body{border-radius:var(--vxn-r);background:var(--vxn-glass);border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);padding:22px 24px;}
.vxn-msstep-body .when{font-family:var(--vxn-font-mono);font-size:.68rem;letter-spacing:.06em;text-transform:uppercase;color:var(--vxn-blue-2);}
.vxn-msstep-body h4{font-family:var(--vxn-font-display);font-size:1.12rem;color:var(--vxn-ink);margin:5px 0 8px;letter-spacing:-.01em;}
.vxn-msstep-body p{font-size:.9rem;color:var(--vxn-ink-2);line-height:1.55;margin:0;}
.vxn-msstep-body p .need{color:var(--vxn-ink);font-weight:600;}



/* From medical-marijuana.html */

/* =====================================================================
   VAYUNEX — DESIGN SYSTEM v2
   Light-default, royal-purple. Dark mode via :root[data-theme="dark"].
   Theme bases: --w (tint), --ln (hairline), --mk (screen-mock surface)
   flip per theme so one stylesheet serves both. Accents are shared.
   Type:  Sora (display) · Manrope (body) · JetBrains Mono (data)
   ===================================================================== */

/* ----- TOKENS : LIGHT (default) ----- */
:root{
  color-scheme: light;

  --vxn-void:#ffffff;
  --vxn-deep:#f4f0fb;
  --vxn-panel:#ffffff;
  --vxn-panel-2:#f5f1fe;

  --vxn-ink:#1b1233;
  --vxn-ink-2:#392e57;
  --vxn-muted:#675d86;
  --vxn-faint:#9a91b4;

  /* theme bases */
  --w:45,35,70;          /* subtle tint base (dark on light) */
  --ln:110,82,180;       /* hairline base (purple)           */
  --mk:245,243,252;      /* screen-mock surface (near-white) */

  --vxn-line:rgba(var(--ln),0.16);
  --vxn-line-2:rgba(var(--ln),0.32);

  /* royal-purple accents (shared both themes) */
  --vxn-blue:#7c3aed;    /* primary  */
  --vxn-blue-2:#a855f7;  /* primary-2 */
  --vxn-cyan:#c084fc;    /* bright orchid pop */
  --vxn-violet:#8b5cf6;
  --vxn-green:#10b981;   /* success / revenue */
  --vxn-amber:#f59e0b;   /* stars / cost */
  --vxn-red:#f43f5e;     /* loss */

  --vxn-glass:linear-gradient(160deg,rgba(255,255,255,0.96),rgba(250,248,255,0.90));
  --vxn-glass-2:linear-gradient(160deg,#ffffff,#f3edfe);
  --vxn-glass-brd:rgba(var(--ln),0.20);

  --vxn-cta-ink:#ffffff;
  --vxn-grad-cta:linear-gradient(135deg,#7c3aed 0%,#a855f7 55%,#c084fc 100%);
  --vxn-grad-violet:linear-gradient(135deg,#8b5cf6 0%,#7c3aed 100%);
  --vxn-grad-text:linear-gradient(120deg,#2a1d4d 0%,#7c3aed 55%,#a855f7 100%);

  --vxn-shadow:0 26px 60px -30px rgba(76,29,149,0.30);
  --vxn-glow-cta:0 16px 40px -12px rgba(124,58,237,0.42);

  --vxn-font-display:'Sora',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  --vxn-font-body:'Manrope',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  --vxn-font-mono:'JetBrains Mono',ui-monospace,SFMono-Regular,Menlo,monospace;

  --vxn-r:20px;
  --vxn-r-sm:14px;
  --vxn-shell:1180px;
  --vxn-ease:cubic-bezier(.2,.7,.2,1);
}

/* ----- TOKENS : DARK (toggle) ----- */
:root[data-theme="dark"]{
  color-scheme: dark;

  --vxn-void:#0b0818;
  --vxn-deep:#0f0b20;
  --vxn-panel:#150f2b;
  --vxn-panel-2:#1b1338;

  --vxn-ink:#f3f0ff;
  --vxn-ink-2:#cdc6e8;
  --vxn-muted:#968cb8;
  --vxn-faint:#6c648c;

  --w:255,255,255;
  --ln:150,135,215;
  --mk:14,20,44;

  --vxn-glass:linear-gradient(160deg,rgba(255,255,255,0.07),rgba(255,255,255,0.02));
  --vxn-glass-2:linear-gradient(160deg,rgba(255,255,255,0.10),rgba(255,255,255,0.03));
  --vxn-glass-brd:rgba(255,255,255,0.10);

  --vxn-grad-text:linear-gradient(120deg,#ffffff 0%,#c4b5fd 50%,#c084fc 100%);

  --vxn-shadow:0 26px 70px -28px rgba(0,0,0,0.70);
  --vxn-glow-cta:0 16px 44px -12px rgba(124,58,237,0.60);
}

/* ----- TRANSFORMED SECTION STYLES (token-driven, theme-aware) ----- */
/* =====================================================================
   VAYUNEX — GLOBAL DESIGN SYSTEM
   Visual direction: "Mission control for revenue" — deep navy/black base,
   electric blue + cyan + violet accents, success green & cost amber for
   telemetry, frosted glass, ambient grid, lead-flow particle motif.
   Type roles:  Sora (display) · Manrope (body) · JetBrains Mono (data)
   All classes are namespaced with the vxn- prefix.
   ===================================================================== */

/* ----- TOKENS ----- */

/* ----- RESET / BASE ----- */
*,*::before,*::after{box-sizing:border-box;}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;}
body{
  margin:0;
  background:var(--vxn-void);
  color:var(--vxn-ink-2);
  font-family:var(--vxn-font-body);
  font-size:16px;
  line-height:1.65;
  letter-spacing:.005em;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
  overflow-x:hidden;
}
img{max-width:100%;display:block;}
a{color:inherit;text-decoration:none;}
button{font-family:inherit;cursor:pointer;}
canvas{display:block;}
::selection{background:rgba(192,132,252,.28);color:#fff;}

/* ----- AMBIENT ATMOSPHERE (fixed background layer) ----- */
.vxn-atmos{position:fixed;inset:0;z-index:-2;pointer-events:none;background:
  radial-gradient(1100px 700px at 78% -8%,rgba(124,58,237,.22),transparent 60%),
  radial-gradient(900px 700px at 8% 12%,rgba(139,92,246,.16),transparent 60%),
  radial-gradient(1000px 800px at 60% 108%,rgba(192,132,252,.10),transparent 55%),
  var(--vxn-void);}
.vxn-atmos::before{content:"";position:absolute;inset:0;opacity:.5;
  background-image:linear-gradient(rgba(var(--ln),.05) 1px,transparent 1px),
                   linear-gradient(90deg,rgba(var(--ln),.05) 1px,transparent 1px);
  background-size:54px 54px;
  -webkit-mask-image:radial-gradient(circle at 50% 30%,#000 0%,transparent 78%);
          mask-image:radial-gradient(circle at 50% 30%,#000 0%,transparent 78%);}
.vxn-grain{position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.035;mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");}

/* ----- LAYOUT PRIMITIVES ----- */
.vxn-shell{width:100%;max-width:var(--vxn-shell);margin-inline:auto;padding-inline:24px;}
.vxn-section{position:relative;padding-block:clamp(74px,11vh,128px);}
.vxn-section--tight{padding-block:clamp(56px,8vh,92px);}
.vxn-divider{height:1px;background:linear-gradient(90deg,transparent,var(--vxn-line-2),transparent);border:0;margin:0;}

/* ----- TYPOGRAPHY ----- */
.vxn-eyebrow{display:inline-flex;align-items:center;gap:9px;font-family:var(--vxn-font-mono);
  font-size:12px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--vxn-cyan);}
.vxn-eyebrow::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--vxn-cyan);
  box-shadow:0 0 10px var(--vxn-cyan);}
.vxn-h1{font-family:var(--vxn-font-display);font-weight:800;line-height:1.04;letter-spacing:-.025em;
  font-size:clamp(2.4rem,6vw,4.5rem);color:var(--vxn-ink);margin:0;}
.vxn-h2{font-family:var(--vxn-font-display);font-weight:700;line-height:1.08;letter-spacing:-.02em;
  font-size:clamp(1.85rem,4vw,3rem);color:var(--vxn-ink);margin:0;}
.vxn-h3{font-family:var(--vxn-font-display);font-weight:600;line-height:1.2;letter-spacing:-.01em;
  font-size:clamp(1.1rem,2vw,1.35rem);color:var(--vxn-ink);margin:0;}
.vxn-lead{font-size:clamp(1.02rem,1.6vw,1.2rem);color:var(--vxn-ink-2);max-width:62ch;}
.vxn-grad-txt{background:var(--vxn-grad-text);-webkit-background-clip:text;background-clip:text;color:transparent;}
.vxn-cyan{color:var(--vxn-cyan);} .vxn-violet{color:var(--vxn-violet);} .vxn-green{color:var(--vxn-green);}
.vxn-mono{font-family:var(--vxn-font-mono);font-variant-numeric:tabular-nums;}
.vxn-head{max-width:760px;}
.vxn-head .vxn-lead{margin-top:18px;}
.vxn-center{text-align:center;margin-inline:auto;}

/* ----- BUTTONS ----- */
.vxn-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;
  font-family:var(--vxn-font-display);font-weight:600;font-size:.96rem;letter-spacing:-.01em;
  padding:14px 24px;border-radius:13px;border:1px solid transparent;transition:transform .25s var(--vxn-ease),box-shadow .25s,background .25s;white-space:nowrap;}
.vxn-btn svg{width:18px;height:18px;}
.vxn-btn--primary{background:var(--vxn-grad-cta);color:var(--vxn-cta-ink);box-shadow:var(--vxn-glow-cta);}
.vxn-btn--primary:hover{transform:translateY(-2px);box-shadow:0 20px 50px -12px rgba(124,58,237,.7);}
.vxn-btn--ghost{background:rgba(var(--w),.03);border-color:var(--vxn-line-2);color:var(--vxn-ink);}
.vxn-btn--ghost:hover{transform:translateY(-2px);background:rgba(var(--w),.07);border-color:var(--vxn-cyan);}
.vxn-btn:focus-visible{outline:2px solid var(--vxn-cyan);outline-offset:3px;}

/* ----- CHIPS / PILLS ----- */
.vxn-chip{display:inline-flex;align-items:center;gap:8px;font-size:.82rem;font-weight:600;color:var(--vxn-ink-2);
  padding:7px 14px;border-radius:999px;background:rgba(var(--w),.04);border:1px solid var(--vxn-line);}
.vxn-chip .vxn-dot{width:6px;height:6px;border-radius:50%;background:var(--vxn-green);box-shadow:0 0 8px var(--vxn-green);}

/* ----- GLASS CARD ----- */
.vxn-glass{position:relative;background:var(--vxn-glass);border:1px solid var(--vxn-glass-brd);
  border-radius:var(--vxn-r);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--vxn-shadow);}
.vxn-glass::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;pointer-events:none;
  background:linear-gradient(160deg,rgba(var(--w),.35),transparent 40%);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
          mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;mask-composite:exclude;opacity:.5;}

/* 3D tilt-ready card */
.vxn-card3d{transition:transform .4s var(--vxn-ease),box-shadow .4s;transform-style:preserve-3d;will-change:transform;}

/* ----- SCROLL REVEAL ----- */
.vxn-reveal{opacity:0;transform:translateY(28px);transition:opacity .8s var(--vxn-ease),transform .8s var(--vxn-ease);transition-delay:var(--d,0s);}
.vxn-reveal.is-in{opacity:1;transform:none;}

/* ============================ NAV (CAPSULE) ============================ */
/* "Living glass capsule" — contracts on scroll, canopy mega-menu unfurls
   out of the same surface, sliding spotlight, full-screen mobile overlay. */
.vxn-skip{position:absolute;left:-9999px;top:0;z-index:200;background:var(--vxn-cyan);color:var(--vxn-cta-ink);
  padding:10px 16px;border-radius:0 0 10px 0;font-weight:700;}
.vxn-skip:focus{left:0;}

.vxn-scrim{position:fixed;inset:0;z-index:79;background:rgba(var(--mk),.55);opacity:0;visibility:hidden;
  -webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:opacity .35s,visibility .35s;}
.vxn-scrim.is-on{opacity:1;visibility:visible;}

.vxn-nav{position:fixed;top:14px;left:0;right:0;z-index:80;display:flex;justify-content:center;padding-inline:14px;}
.vxn-island{width:min(1120px,100%);background:linear-gradient(160deg,rgba(var(--mk),.78),rgba(var(--mk),.7));
  border:1px solid var(--vxn-glass-brd);border-radius:22px;overflow:hidden;
  -webkit-backdrop-filter:blur(16px) saturate(140%);backdrop-filter:blur(16px) saturate(140%);
  box-shadow:0 18px 50px -22px rgba(0,0,0,.8);
  transition:width .5s var(--vxn-ease),border-radius .5s,background .5s;}
.vxn-nav.is-contracted .vxn-island{width:min(880px,100%);background:linear-gradient(160deg,rgba(var(--mk),.92),rgba(var(--mk),.9));}
.vxn-bar{display:flex;align-items:center;gap:18px;padding:11px 14px 11px 18px;transition:padding .5s var(--vxn-ease);}
.vxn-nav.is-contracted .vxn-bar{padding:8px 12px 8px 16px;}

.vxn-brand{display:flex;align-items:center;gap:11px;flex-shrink:0;}
.vxn-mark{width:30px;height:30px;flex-shrink:0;transition:width .5s,height .5s;}
.vxn-nav.is-contracted .vxn-mark{width:26px;height:26px;}
.vxn-word{font-family:var(--vxn-font-display);font-weight:800;letter-spacing:.12em;font-size:1.02rem;color:var(--vxn-ink);}

.vxn-links{position:relative;display:flex;align-items:center;gap:2px;margin-inline:auto;}
.vxn-spot{position:absolute;top:50%;height:34px;border-radius:11px;transform:translateY(-50%);
  background:linear-gradient(160deg,rgba(var(--ln),.22),rgba(var(--ln),.08));border:1px solid var(--vxn-line);
  z-index:0;opacity:0;transition:left .38s var(--vxn-ease),width .38s var(--vxn-ease),opacity .3s;pointer-events:none;}
.vxn-link{position:relative;z-index:1;display:inline-flex;align-items:center;gap:6px;color:var(--vxn-ink-2);
  font-size:.92rem;font-weight:600;padding:8px 14px;border-radius:11px;background:none;border:0;transition:color .25s;}
.vxn-link:hover,.vxn-link[aria-expanded="true"]{color:var(--vxn-ink);}
.vxn-link .vxn-chev{width:14px;height:14px;transition:transform .3s;}
.vxn-link[aria-expanded="true"] .vxn-chev{transform:rotate(180deg);}
.vxn-link:focus-visible{outline:2px solid var(--vxn-cyan);outline-offset:2px;}

.vxn-actions{display:flex;align-items:center;gap:10px;flex-shrink:0;}
.vxn-cta{display:inline-flex;align-items:center;gap:7px;background:var(--vxn-grad-cta);color:var(--vxn-cta-ink);
  font-family:var(--vxn-font-display);font-weight:700;font-size:.88rem;padding:10px 17px;border-radius:11px;
  box-shadow:0 10px 26px -10px rgba(124,58,237,.6);transition:transform .25s,box-shadow .25s;border:0;}
.vxn-cta:hover{transform:translateY(-1px);box-shadow:0 14px 32px -8px rgba(124,58,237,.8);}
.vxn-cta:focus-visible{outline:2px solid #fff;outline-offset:2px;}

.vxn-burger{display:none;width:42px;height:38px;border-radius:11px;background:rgba(var(--w),.05);
  border:1px solid var(--vxn-line);align-items:center;justify-content:center;flex-direction:column;gap:4px;}
.vxn-burger span{width:18px;height:2px;background:var(--vxn-ink);border-radius:2px;transition:transform .3s,opacity .3s;}
.vxn-burger:focus-visible{outline:2px solid var(--vxn-cyan);outline-offset:2px;}

/* Canopy mega-menu (lives INSIDE the island; grows out of it) */
.vxn-canopy{max-height:0;opacity:0;padding:0 22px;transition:max-height .5s var(--vxn-ease),opacity .35s,padding .5s var(--vxn-ease);}
.vxn-island.is-open .vxn-canopy{max-height:420px;opacity:1;padding:4px 22px 22px;}
.vxn-canopy-top{height:1px;background:var(--vxn-line);margin-bottom:18px;}
.vxn-canopy-grid{display:grid;grid-template-columns:1fr 1fr 1.15fr;gap:22px;}
.vxn-col-title{font-family:var(--vxn-font-mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--vxn-muted);margin-bottom:12px;}
.vxn-col a{display:flex;align-items:center;gap:10px;color:var(--vxn-ink-2);font-size:.9rem;font-weight:600;padding:7px 9px;border-radius:9px;transition:background .2s,color .2s,transform .2s;opacity:0;transform:translateY(8px);}
.vxn-island.is-open .vxn-col a{opacity:1;transform:none;}
.vxn-island.is-open .vxn-col:nth-child(1) a{transition-delay:.05s;}
.vxn-island.is-open .vxn-col:nth-child(2) a{transition-delay:.12s;}
.vxn-col a:hover{background:rgba(var(--ln),.1);color:#fff;}
.vxn-col a i{width:8px;height:8px;border-radius:50%;background:var(--vxn-cyan);box-shadow:0 0 8px var(--vxn-cyan);flex-shrink:0;}
.vxn-col a.h i{background:var(--vxn-green);box-shadow:0 0 8px var(--vxn-green);}
.vxn-rail{background:var(--vxn-grad-violet);border-radius:16px;padding:18px;display:flex;flex-direction:column;justify-content:center;opacity:0;transform:translateY(8px);transition:opacity .4s .18s,transform .4s .18s;}
.vxn-island.is-open .vxn-rail{opacity:1;transform:none;}
.vxn-rail h4{font-family:var(--vxn-font-display);font-size:1.05rem;color:#fff;margin:0 0 6px;}
.vxn-rail p{font-size:.82rem;color:rgba(var(--w),.85);margin:0 0 14px;}
.vxn-rail a{align-self:flex-start;background:#fff;color:#1a1340;font-weight:700;font-size:.82rem;padding:9px 15px;border-radius:10px;}

/* Mobile full-screen overlay */
.vxn-overlay{position:fixed;inset:0;z-index:90;background:linear-gradient(180deg,var(--vxn-void),var(--vxn-void));
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transform:translateY(-100%);transition:transform .5s var(--vxn-ease);
  display:flex;flex-direction:column;padding:22px;overflow-y:auto;}
.vxn-overlay.is-open{transform:none;}
.vxn-ov-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:36px;}
.vxn-ov-close{width:42px;height:42px;border-radius:12px;background:rgba(var(--w),.05);border:1px solid var(--vxn-line);color:var(--vxn-ink);font-size:1.4rem;display:flex;align-items:center;justify-content:center;}
.vxn-ov-body{display:flex;flex-direction:column;gap:6px;}
.vxn-ov-link{font-family:var(--vxn-font-display);font-weight:700;font-size:1.8rem;color:var(--vxn-ink);padding:14px 4px;border-bottom:1px solid var(--vxn-line);display:flex;align-items:center;justify-content:space-between;
  opacity:0;transform:translateX(-18px);transition:opacity .5s,transform .5s;}
.vxn-overlay.is-open .vxn-ov-link{opacity:1;transform:none;}
.vxn-overlay.is-open .vxn-ov-link:nth-child(1){transition-delay:.08s;}
.vxn-overlay.is-open .vxn-ov-link:nth-child(2){transition-delay:.14s;}
.vxn-overlay.is-open .vxn-ov-link:nth-child(3){transition-delay:.2s;}
.vxn-overlay.is-open .vxn-ov-link:nth-child(4){transition-delay:.26s;}
.vxn-overlay.is-open .vxn-ov-link:nth-child(5){transition-delay:.32s;}
.vxn-ov-sub{display:none;flex-direction:column;gap:2px;padding:6px 4px 14px;}
.vxn-ov-sub.is-open{display:flex;}
.vxn-ov-sub a{color:var(--vxn-muted);font-size:1.05rem;font-weight:600;padding:8px 0;}
.vxn-ov-cta{margin-top:26px;}

@media(max-width:920px){
  .vxn-links{display:none;}
  .vxn-burger{display:flex;}
  .vxn-actions .vxn-cta{display:none;}
}
@media(min-width:921px){ .vxn-overlay{display:none!important;} }

/* ============================ HERO ============================ */
.vxn-hero{position:relative;min-height:100svh;display:flex;align-items:center;padding-top:130px;padding-bottom:64px;overflow:hidden;}
.vxn-hero-bg{position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.9;}
.vxn-hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.04fr .96fr;gap:46px;align-items:center;width:100%;}
.vxn-hero-copy{max-width:600px;}
.vxn-hero h1{margin:18px 0 0;}
.vxn-hero h1 .ln{display:block;}
.vxn-hero .vxn-lead{margin-top:22px;}
.vxn-hero-cta{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px;}
.vxn-hero-trust{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px;}

.vxn-engine{position:relative;width:100%;aspect-ratio:1/.86;max-width:560px;margin-inline:auto;}
.vxn-engine canvas{position:absolute;inset:0;width:100%;height:100%;}
.vxn-dash{position:absolute;right:-6px;bottom:-14px;width:min(252px,72%);padding:16px 16px 14px;border-radius:16px;z-index:3;}
.vxn-dash-h{display:flex;align-items:center;gap:8px;font-family:var(--vxn-font-mono);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--vxn-muted);margin-bottom:12px;}
.vxn-dash-h .live{width:7px;height:7px;border-radius:50%;background:var(--vxn-green);box-shadow:0 0 9px var(--vxn-green);animation:vxn-pulse 1.8s infinite;}
.vxn-dash-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 14px;}
.vxn-dash-cell .k{font-size:10px;letter-spacing:.04em;color:var(--vxn-faint);text-transform:uppercase;font-weight:600;}
.vxn-dash-cell .v{font-family:var(--vxn-font-mono);font-weight:700;font-size:1.18rem;color:var(--vxn-ink);line-height:1.2;font-variant-numeric:tabular-nums;}
.vxn-dash-cell .v.c{color:var(--vxn-cyan);} .vxn-dash-cell .v.g{color:var(--vxn-green);}
@keyframes vxn-pulse{0%,100%{opacity:1;transform:scale(1);}50%{opacity:.45;transform:scale(.82);}}

/* ============================ PROBLEM / LEAK FUNNEL ============================ */
.vxn-leak-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:46px;align-items:center;margin-top:48px;}
.vxn-funnel-stage{position:relative;width:100%;max-width:440px;margin-inline:auto;}
.vxn-funnel-stage svg{width:100%;height:auto;overflow:visible;}
.vxn-leak-rows{display:flex;flex-direction:column;gap:10px;}
.vxn-leak-row{display:flex;gap:14px;align-items:flex-start;padding:15px 16px;border-radius:14px;border:1px solid var(--vxn-line);
  background:rgba(var(--w),.018);cursor:pointer;transition:border-color .3s,background .3s,transform .3s;text-align:left;width:100%;}
.vxn-leak-row:hover{transform:translateX(4px);}
.vxn-leak-row.is-active{border-color:rgba(244,63,94,.55);background:rgba(244,63,94,.07);}
.vxn-leak-num{font-family:var(--vxn-font-mono);font-size:.8rem;color:var(--vxn-red);font-weight:700;width:26px;height:26px;border-radius:8px;
  background:rgba(244,63,94,.12);display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px;}
.vxn-leak-row.is-active .vxn-leak-num{background:var(--vxn-red);color:#180408;}
.vxn-leak-txt h4{font-family:var(--vxn-font-display);font-size:1rem;color:var(--vxn-ink);margin:0 0 3px;}
.vxn-leak-txt p{margin:0;font-size:.88rem;color:var(--vxn-muted);}
.vxn-leak-foot{margin-top:22px;font-size:.95rem;color:var(--vxn-ink-2);border-left:2px solid var(--vxn-cyan);padding-left:16px;}

/* ============================ METHOD (10-step journey) ============================ */
.vxn-method-rail{position:relative;display:flex;gap:14px;overflow-x:auto;padding:30px 4px 18px;margin-top:38px;scroll-snap-type:x mandatory;
  -ms-overflow-style:none;scrollbar-width:thin;scrollbar-color:var(--vxn-line-2) transparent;}
.vxn-method-rail::-webkit-scrollbar{height:6px;}
.vxn-method-rail::-webkit-scrollbar-thumb{background:var(--vxn-line-2);border-radius:6px;}
.vxn-mprogress{position:absolute;top:14px;left:4px;right:4px;height:2px;background:var(--vxn-line);border-radius:2px;overflow:hidden;}
.vxn-mprogress i{position:absolute;inset:0;width:0;background:var(--vxn-grad-cta);box-shadow:0 0 12px rgba(192,132,252,.6);transition:width 1.4s var(--vxn-ease);}
.vxn-mstep{position:relative;scroll-snap-align:start;flex:0 0 auto;width:172px;padding:18px 16px 16px;border-radius:16px;}
.vxn-mstep .n{position:absolute;top:-11px;left:16px;font-family:var(--vxn-font-mono);font-size:.7rem;font-weight:700;color:var(--vxn-cyan);
  background:var(--vxn-deep);border:1px solid var(--vxn-line);padding:3px 7px;border-radius:7px;}
.vxn-mstep .ic{width:38px;height:38px;border-radius:11px;background:rgba(var(--ln),.1);display:flex;align-items:center;justify-content:center;margin-bottom:12px;color:var(--vxn-cyan);}
.vxn-mstep .ic svg{width:20px;height:20px;}
.vxn-mstep h4{font-family:var(--vxn-font-display);font-size:1rem;color:var(--vxn-ink);margin:0 0 6px;}
.vxn-mstep p{margin:0;font-size:.82rem;color:var(--vxn-muted);line-height:1.5;}
.vxn-mstep::after{content:"";position:absolute;right:-9px;top:54px;width:14px;height:14px;border-top:2px solid var(--vxn-line-2);border-right:2px solid var(--vxn-line-2);transform:rotate(45deg);opacity:.7;}
.vxn-mstep:last-child::after{display:none;}

/* ============================ STRATEGY BOARD ============================ */
.vxn-board-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:46px;align-items:center;margin-top:46px;}
.vxn-board{position:relative;aspect-ratio:1;width:100%;max-width:480px;margin-inline:auto;border-radius:24px;overflow:hidden;
  background:linear-gradient(160deg,rgba(var(--mk),.9),rgba(var(--mk),.92));border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);}
.vxn-board::before{content:"";position:absolute;inset:0;opacity:.5;
  background-image:repeating-conic-gradient(rgba(var(--ln),.05) 0% 25%,transparent 0% 50%);background-size:25% 25%;}
.vxn-board::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 45%,transparent 30%,rgba(var(--mk),.55) 100%);}
.vxn-piece{position:absolute;width:21%;aspect-ratio:1;transform:translate(-50%,-50%) scale(.3);opacity:0;
  transition:transform .9s var(--vxn-ease),opacity .7s;left:var(--x);top:var(--y);z-index:2;cursor:default;}
.vxn-board.is-placed .vxn-piece{transform:translate(-50%,-50%) scale(1);opacity:1;}
.vxn-piece-disc{position:absolute;inset:0;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;
  background:radial-gradient(circle at 35% 28%,rgba(var(--w),.22),rgba(var(--w),.03) 60%),linear-gradient(160deg,rgba(var(--mk),.9),rgba(var(--mk),.95));
  border:1px solid rgba(var(--w),.16);box-shadow:0 10px 24px -8px rgba(0,0,0,.7),inset 0 1px 1px rgba(var(--w),.25);
  transition:transform .3s,box-shadow .3s;}
.vxn-piece:hover .vxn-piece-disc{transform:translateY(-4px) scale(1.05);box-shadow:0 16px 30px -8px var(--pc,rgba(192,132,252,.5)),inset 0 1px 1px rgba(var(--w),.3);}
.vxn-piece-disc svg{width:34%;height:34%;color:var(--pc,var(--vxn-cyan));}
.vxn-piece-lbl{font-family:var(--vxn-font-mono);font-size:.5rem;letter-spacing:.04em;color:var(--vxn-ink-2);text-transform:uppercase;font-weight:700;}
.vxn-piece-glow{position:absolute;inset:-30%;border-radius:50%;background:radial-gradient(circle,var(--pc,rgba(192,132,252,.4)),transparent 65%);opacity:.4;filter:blur(6px);z-index:-1;}
.vxn-tip{position:absolute;left:50%;bottom:112%;transform:translateX(-50%) translateY(6px);width:max-content;max-width:180px;
  background:rgba(var(--mk),.96);border:1px solid var(--vxn-line-2);border-radius:10px;padding:9px 12px;font-size:.74rem;color:var(--vxn-ink-2);line-height:1.45;
  opacity:0;visibility:hidden;transition:opacity .25s,transform .25s,visibility .25s;z-index:5;box-shadow:0 12px 30px -10px rgba(0,0,0,.8);pointer-events:none;}
.vxn-tip b{color:var(--pc,var(--vxn-cyan));font-family:var(--vxn-font-display);}
.vxn-piece:hover .vxn-tip{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0);}
.vxn-legend{display:flex;flex-direction:column;gap:8px;margin-top:26px;}
.vxn-lrow{display:flex;align-items:center;gap:12px;padding:11px 14px;border-radius:12px;border:1px solid var(--vxn-line);background:rgba(var(--w),.018);transition:background .25s,border-color .25s;cursor:default;}
.vxn-lrow:hover{background:rgba(var(--ln),.06);border-color:var(--vxn-line-2);}
.vxn-lrow .sw{width:12px;height:12px;border-radius:50%;flex-shrink:0;box-shadow:0 0 10px currentColor;}
.vxn-lrow b{font-family:var(--vxn-font-display);color:var(--vxn-ink);font-size:.92rem;min-width:74px;}
.vxn-lrow span{font-size:.85rem;color:var(--vxn-muted);}

/* ============================ INDUSTRY JOURNEYS (health / hospitality) ============================ */
.vxn-jintro{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap;}
.vxn-journey{position:relative;margin:46px 0 40px;padding:34px 12px 30px;border-radius:20px;}
.vxn-jtrack{position:relative;display:flex;justify-content:space-between;gap:8px;padding-top:8px;}
.vxn-jline{position:absolute;top:30px;left:5%;right:5%;height:2px;background:var(--vxn-line);border-radius:2px;}
.vxn-jline i{position:absolute;inset:0;width:0;background:linear-gradient(90deg,var(--ac1),var(--ac2));box-shadow:0 0 10px var(--ac2);transition:width 1.8s var(--vxn-ease);}
.vxn-jnode{position:relative;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;flex:1;min-width:0;z-index:2;}
.vxn-jdot{width:46px;height:46px;border-radius:14px;background:var(--vxn-deep);border:1px solid var(--vxn-line-2);display:flex;align-items:center;justify-content:center;color:var(--ac2,var(--vxn-cyan));transition:box-shadow .4s,border-color .4s,transform .4s;}
.vxn-jdot svg{width:21px;height:21px;}
.vxn-journey.is-in .vxn-jnode:nth-child(1) .vxn-jdot{box-shadow:0 0 0 4px rgba(192,132,252,.08),0 0 20px -4px var(--ac2);border-color:var(--ac2);}
.vxn-jlabel{font-size:.78rem;font-weight:600;color:var(--vxn-ink-2);line-height:1.3;max-width:90px;}
.vxn-jsub{font-family:var(--vxn-font-mono);font-size:.62rem;letter-spacing:.04em;color:var(--vxn-faint);text-transform:uppercase;}
.vxn-token{position:absolute;top:30px;left:5%;width:18px;height:18px;border-radius:50%;transform:translate(-50%,-50%);z-index:3;
  background:radial-gradient(circle at 35% 30%,#fff,var(--ac2));box-shadow:0 0 16px var(--ac2);}
.vxn-journey.is-in .vxn-token{animation:vxn-ride 7s var(--vxn-ease) .4s infinite;}
@keyframes vxn-ride{0%{left:5%;}12%{left:5%;}22%{left:24%;}34%{left:24%;}44%{left:50%;}56%{left:50%;}66%{left:76%;}78%{left:76%;}88%{left:95%;}100%{left:95%;}}
.vxn-cap-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(225px,1fr));gap:16px;margin-top:6px;}
.vxn-cap{padding:20px 18px;border-radius:16px;transition:transform .35s var(--vxn-ease),border-color .35s;}
.vxn-cap:hover{transform:translateY(-5px);}
.vxn-cap .ic{width:40px;height:40px;border-radius:11px;display:flex;align-items:center;justify-content:center;margin-bottom:13px;
  background:rgba(192,132,252,.1);color:var(--ac2,var(--vxn-cyan));}
.vxn-cap .ic svg{width:21px;height:21px;}
.vxn-cap h4{font-family:var(--vxn-font-display);font-size:1.02rem;color:var(--vxn-ink);margin:0 0 7px;}
.vxn-cap p{margin:0;font-size:.86rem;color:var(--vxn-muted);}
.vxn-note{display:inline-flex;align-items:center;gap:8px;margin-top:24px;font-size:.8rem;color:var(--vxn-faint);font-family:var(--vxn-font-mono);}
.vxn-note::before{content:"";width:14px;height:1px;background:var(--vxn-faint);}

/* ============================ SEO WALKTHROUGH ============================ */
.vxn-seo-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:42px;align-items:center;margin-top:46px;}
.vxn-query-chips{display:flex;flex-wrap:wrap;gap:9px;margin:22px 0 26px;}
.vxn-qchip{font-size:.82rem;font-weight:600;color:var(--vxn-ink-2);padding:8px 14px;border-radius:10px;border:1px solid var(--vxn-line);background:rgba(var(--w),.02);transition:all .25s;}
.vxn-qchip.is-on{border-color:transparent;background:linear-gradient(135deg,#7c3aed,#a855f7);color:#fff;box-shadow:0 6px 16px -6px rgba(124,58,237,.55);}
.vxn-seo-labels{display:flex;flex-direction:column;gap:9px;}
.vxn-seolab{display:flex;align-items:center;gap:11px;font-size:.88rem;color:var(--vxn-faint);transition:color .3s;}
.vxn-seolab .tick{width:20px;height:20px;border-radius:6px;border:1px solid var(--vxn-line-2);display:flex;align-items:center;justify-content:center;transition:all .3s;}
.vxn-seolab .tick svg{width:12px;height:12px;opacity:0;transition:opacity .3s;}
.vxn-seolab.is-lit{color:var(--vxn-ink);}
.vxn-seolab.is-lit .tick{background:var(--vxn-green);border-color:var(--vxn-green);}
.vxn-seolab.is-lit .tick svg{opacity:1;color:#04140d;}

.vxn-browser{position:relative;border-radius:16px;overflow:hidden;border:1px solid var(--vxn-glass-brd);
  background:linear-gradient(180deg,rgba(var(--mk),.96),rgba(var(--mk),.98));box-shadow:var(--vxn-shadow);min-height:430px;}
.vxn-bbar{display:flex;align-items:center;gap:8px;padding:11px 14px;border-bottom:1px solid var(--vxn-line);background:rgba(var(--w),.02);}
.vxn-bdots{display:flex;gap:6px;}
.vxn-bdots i{width:10px;height:10px;border-radius:50%;background:rgba(var(--w),.18);}
.vxn-burl{flex:1;display:flex;align-items:center;gap:8px;background:rgba(0,0,0,.3);border:1px solid var(--vxn-line);border-radius:9px;padding:6px 12px;font-family:var(--vxn-font-mono);font-size:.76rem;color:var(--vxn-muted);}
.vxn-burl svg{width:12px;height:12px;color:var(--vxn-green);}
.vxn-bbody{position:relative;padding:22px;min-height:380px;}
.vxn-seo-screen{position:absolute;inset:0;padding:24px;opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .5s,transform .5s,visibility .5s;}
.vxn-seo-screen.is-on{opacity:1;visibility:visible;transform:none;}
.vxn-search-box{display:flex;align-items:center;gap:12px;background:#fff;border-radius:999px;padding:14px 22px;box-shadow:0 8px 30px -8px rgba(0,0,0,.5);max-width:440px;margin:60px auto 0;}
.vxn-search-box svg{width:20px;height:20px;color:#5f6368;flex-shrink:0;}
.vxn-search-q{font-family:var(--vxn-font-body);font-size:1.02rem;color:#202124;font-weight:500;}
.vxn-search-q .car{display:inline-block;width:2px;height:1.05em;background:#4285f4;margin-left:1px;vertical-align:-2px;animation:vxn-blink 1s step-end infinite;}
@keyframes vxn-blink{50%{opacity:0;}}
.vxn-search-hint{text-align:center;color:var(--vxn-faint);font-size:.82rem;margin-top:22px;}
.vxn-serp{display:grid;grid-template-columns:1.4fr .9fr;gap:18px;}
.vxn-serp-list{display:flex;flex-direction:column;gap:11px;}
.vxn-result{padding:13px 15px;border-radius:12px;border:1px solid var(--vxn-line);background:rgba(var(--w),.025);transition:transform .6s var(--vxn-ease),border-color .5s,background .5s;}
.vxn-result .u{font-size:.72rem;color:var(--vxn-green);font-family:var(--vxn-font-mono);}
.vxn-result .t{font-family:var(--vxn-font-display);font-size:.98rem;color:var(--vxn-blue-2);margin:3px 0 5px;}
.vxn-result .d{font-size:.78rem;color:var(--vxn-muted);}
.vxn-result.is-win{border-color:var(--vxn-cyan);background:rgba(192,132,252,.08);box-shadow:0 0 0 1px rgba(192,132,252,.3),0 14px 30px -12px rgba(192,132,252,.4);}
.vxn-result .badges{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px;opacity:0;max-height:0;overflow:hidden;transition:opacity .5s,max-height .5s;}
.vxn-result.is-win .badges{opacity:1;max-height:50px;}
.vxn-badge{font-size:.66rem;font-weight:700;padding:3px 8px;border-radius:6px;background:rgba(16,185,129,.14);color:var(--vxn-green);}
.vxn-badge.star{background:rgba(245,158,11,.16);color:var(--vxn-amber);}
.vxn-mappack{border-radius:12px;border:1px solid var(--vxn-line);background:linear-gradient(160deg,rgba(124,58,237,.18),rgba(91,33,182,.1));position:relative;overflow:hidden;min-height:180px;padding:12px;}
.vxn-mappack .ml{font-family:var(--vxn-font-mono);font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;color:var(--vxn-muted);margin-bottom:8px;}
.vxn-pin{position:absolute;width:22px;height:22px;}
.vxn-pin svg{width:100%;height:100%;color:var(--vxn-faint);}
.vxn-pin.win svg{color:var(--vxn-cyan);filter:drop-shadow(0 0 8px var(--vxn-cyan));}
.vxn-pin.win{animation:vxn-bob 2s ease-in-out infinite;}
@keyframes vxn-bob{0%,100%{transform:translateY(0);}50%{transform:translateY(-5px);}}
.vxn-landing{max-width:430px;margin:0 auto;}
.vxn-landing .lh{font-family:var(--vxn-font-display);font-size:1.15rem;color:var(--vxn-ink);font-weight:700;margin-bottom:6px;}
.vxn-landing .lp{font-size:.84rem;color:var(--vxn-muted);margin-bottom:16px;}
.vxn-lform{display:flex;flex-direction:column;gap:10px;background:rgba(var(--w),.03);border:1px solid var(--vxn-line);border-radius:14px;padding:16px;}
.vxn-lfield{height:38px;border-radius:9px;background:rgba(0,0,0,.25);border:1px solid var(--vxn-line);display:flex;align-items:center;padding:0 13px;font-size:.82rem;color:var(--vxn-muted);}
.vxn-lbtn{height:40px;border-radius:9px;background:var(--vxn-grad-cta);color:var(--vxn-cta-ink);font-weight:700;display:flex;align-items:center;justify-content:center;font-size:.88rem;}
.vxn-crm-toast{display:flex;align-items:center;gap:10px;margin-top:14px;padding:11px 14px;border-radius:11px;background:rgba(16,185,129,.1);border:1px solid rgba(16,185,129,.4);
  font-size:.84rem;color:var(--vxn-green);font-weight:600;opacity:0;transform:translateY(8px);transition:opacity .5s .3s,transform .5s .3s;}
.vxn-seo-screen.is-on .vxn-crm-toast{opacity:1;transform:none;}
.vxn-crm-toast svg{width:18px;height:18px;}
.vxn-steps-dots{display:flex;gap:8px;justify-content:center;margin-top:18px;}
.vxn-sdot{width:9px;height:9px;border-radius:50%;background:var(--vxn-line-2);transition:all .3s;border:0;padding:0;}
.vxn-sdot.is-on{background:var(--vxn-cyan);box-shadow:0 0 10px var(--vxn-cyan);width:26px;border-radius:5px;}

/* ============================ PAID ADS ============================ */
.vxn-ads-grid{display:grid;grid-template-columns:1fr 1fr;gap:42px;align-items:center;margin-top:46px;}
.vxn-adstack{display:flex;flex-direction:column;gap:14px;}
.vxn-adcard{position:relative;padding:15px 16px;border-radius:14px;overflow:hidden;}
.vxn-adcard .tag{display:inline-flex;align-items:center;gap:6px;font-size:.68rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--vxn-cyan);margin-bottom:9px;}
.vxn-adcard .tag .pl{width:7px;height:7px;border-radius:2px;background:var(--vxn-cyan);}
.vxn-adcard h5{font-family:var(--vxn-font-display);font-size:.98rem;color:var(--vxn-ink);margin:0 0 4px;}
.vxn-adcard p{margin:0 0 11px;font-size:.8rem;color:var(--vxn-muted);}
.vxn-adcard .row{display:flex;align-items:center;justify-content:space-between;}
.vxn-adcard .cta-mini{font-size:.76rem;font-weight:700;color:var(--vxn-cta-ink);background:var(--vxn-grad-cta);padding:6px 12px;border-radius:8px;}
.vxn-adcard .meta{font-family:var(--vxn-font-mono);font-size:.72rem;color:var(--vxn-faint);}
.vxn-ripple{position:absolute;width:14px;height:14px;border-radius:50%;background:var(--vxn-cyan);pointer-events:none;opacity:0;}
.vxn-flow{padding:22px;border-radius:18px;}
.vxn-flow-h{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;}
.vxn-flow-h .lab{font-family:var(--vxn-font-mono);font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;color:var(--vxn-muted);}
.vxn-frow{margin-bottom:15px;}
.vxn-frow .top{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:6px;}
.vxn-frow .k{font-size:.84rem;color:var(--vxn-ink-2);font-weight:600;}
.vxn-frow .v{font-family:var(--vxn-font-mono);font-weight:700;font-size:1.05rem;color:var(--vxn-ink);}
.vxn-frow .v.hl{color:var(--vxn-cyan);} .vxn-frow .v.gr{color:var(--vxn-green);}
.vxn-fbar{height:8px;border-radius:5px;background:rgba(var(--w),.05);overflow:hidden;}
.vxn-fbar i{display:block;height:100%;width:0;border-radius:5px;background:var(--vxn-grad-cta);transition:width 1.4s var(--vxn-ease);}
.vxn-fbar i.g{background:linear-gradient(90deg,var(--vxn-green),var(--vxn-cyan));}
.vxn-cpl{margin-top:6px;display:flex;align-items:center;gap:12px;}
.vxn-cpl svg{flex:1;height:46px;}
.vxn-cpl .cv{font-family:var(--vxn-font-mono);font-size:.8rem;color:var(--vxn-green);font-weight:700;}

/* ============================ WEBSITE BEFORE/AFTER ============================ */
.vxn-web-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:42px;align-items:center;margin-top:46px;}
.vxn-ba{position:relative;aspect-ratio:16/11;border-radius:18px;overflow:hidden;border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);
  --pos:50%;user-select:none;touch-action:pan-y;}
.vxn-ba-layer{position:absolute;inset:0;padding:20px;display:flex;flex-direction:column;}
.vxn-ba-after{background:linear-gradient(160deg,#0c1430,#0a1126);}
.vxn-ba-before{background:linear-gradient(160deg,#161922,#101319);clip-path:inset(0 calc(100% - var(--pos)) 0 0);}
.vxn-ba-tag{position:absolute;top:14px;font-family:var(--vxn-font-mono);font-size:.64rem;letter-spacing:.1em;text-transform:uppercase;padding:5px 10px;border-radius:7px;z-index:4;}
.vxn-ba-before .vxn-ba-tag{left:14px;background:rgba(244,63,94,.16);color:var(--vxn-red);}
.vxn-ba-after .vxn-ba-tag{right:14px;background:rgba(16,185,129,.16);color:var(--vxn-green);}
.vxn-ba-handle{position:absolute;top:0;bottom:0;left:var(--pos);width:2px;background:var(--vxn-cyan);box-shadow:0 0 14px var(--vxn-cyan);z-index:5;transform:translateX(-1px);}
.vxn-ba-knob{position:absolute;top:50%;left:var(--pos);transform:translate(-50%,-50%);width:38px;height:38px;border-radius:50%;background:var(--vxn-deep);border:2px solid var(--vxn-cyan);display:flex;align-items:center;justify-content:center;z-index:6;box-shadow:0 6px 18px -4px rgba(0,0,0,.6);}
.vxn-ba-knob svg{width:18px;height:18px;color:var(--vxn-cyan);}
.vxn-ba input[type=range]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;z-index:7;margin:0;}
.vxn-mock-head{height:14px;width:55%;border-radius:4px;background:rgba(var(--w),.18);margin-bottom:10px;}
.vxn-mock-line{height:8px;border-radius:4px;background:rgba(var(--w),.08);margin-bottom:7px;}
.vxn-mock-cta{margin-top:auto;height:34px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:.74rem;font-weight:700;}
.vxn-mock-cta.weak{background:rgba(var(--w),.08);color:var(--vxn-muted);width:40%;}
.vxn-mock-cta.strong{background:var(--vxn-grad-cta);color:var(--vxn-cta-ink);width:70%;box-shadow:0 8px 22px -6px rgba(124,58,237,.6);}
.vxn-mock-badges{display:flex;gap:6px;margin-top:10px;}
.vxn-mock-badges span{height:18px;flex:1;border-radius:5px;background:rgba(16,185,129,.18);}
.vxn-web-compare{display:grid;grid-template-columns:1fr;gap:8px;}
.vxn-wc-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:center;padding:11px 14px;border-radius:11px;border:1px solid var(--vxn-line);background:rgba(var(--w),.015);}
.vxn-wc-b,.vxn-wc-a{display:flex;align-items:center;gap:8px;font-size:.82rem;}
.vxn-wc-b{color:var(--vxn-muted);} .vxn-wc-a{color:var(--vxn-ink-2);font-weight:600;}
.vxn-wc-b svg,.vxn-wc-a svg{width:15px;height:15px;flex-shrink:0;}
.vxn-wc-b svg{color:var(--vxn-red);} .vxn-wc-a svg{color:var(--vxn-green);}

/* ============================ CRM + AUTOMATION ============================ */
.vxn-crm-pipe{position:relative;display:flex;justify-content:space-between;gap:6px;margin:46px 0 30px;padding-top:10px;}
.vxn-crm-line{position:absolute;top:34px;left:4%;right:4%;height:2px;background:var(--vxn-line);}
.vxn-crm-line i{position:absolute;inset:0;width:0;background:linear-gradient(90deg,var(--vxn-violet),var(--vxn-cyan));box-shadow:0 0 10px var(--vxn-cyan);transition:width .5s linear;}
.vxn-cnode{position:relative;flex:1;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;z-index:2;min-width:0;}
.vxn-cring{width:50px;height:50px;border-radius:15px;background:var(--vxn-deep);border:1px solid var(--vxn-line-2);display:flex;align-items:center;justify-content:center;color:var(--vxn-muted);transition:all .4s;}
.vxn-cring svg{width:22px;height:22px;}
.vxn-cnode.is-done .vxn-cring{border-color:var(--vxn-green);color:var(--vxn-green);box-shadow:0 0 18px -4px var(--vxn-green);}
.vxn-cnode.is-active .vxn-cring{border-color:var(--vxn-cyan);color:var(--vxn-cyan);box-shadow:0 0 0 4px rgba(192,132,252,.1),0 0 22px -2px var(--vxn-cyan);transform:scale(1.08);}
.vxn-clabel{font-size:.74rem;font-weight:600;color:var(--vxn-ink-2);max-width:84px;line-height:1.3;}
.vxn-lead-chip{position:absolute;top:-8px;left:4%;transform:translateX(-50%);display:flex;align-items:center;gap:7px;
  background:rgba(var(--mk),.96);border:1px solid var(--vxn-cyan);border-radius:999px;padding:5px 12px 5px 8px;font-size:.74rem;font-weight:700;color:var(--vxn-ink);
  box-shadow:0 8px 22px -6px rgba(192,132,252,.5);z-index:4;transition:left .6s var(--vxn-ease);white-space:nowrap;}
.vxn-lead-chip .av{width:18px;height:18px;border-radius:50%;background:var(--vxn-grad-violet);display:flex;align-items:center;justify-content:center;font-size:.6rem;color:#fff;}
.vxn-recover{margin-top:14px;display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:18px;border-radius:16px;}
.vxn-recover .rt{font-family:var(--vxn-font-mono);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--vxn-amber);width:100%;margin-bottom:4px;}
.vxn-rstep{display:flex;align-items:center;gap:8px;font-size:.84rem;font-weight:600;color:var(--vxn-ink-2);padding:9px 14px;border-radius:10px;border:1px solid var(--vxn-line);background:rgba(var(--w),.02);opacity:.4;transition:opacity .4s,border-color .4s,transform .4s;}
.vxn-rstep.is-on{opacity:1;border-color:var(--vxn-amber);transform:translateY(-2px);}
.vxn-rstep svg{width:16px;height:16px;color:var(--vxn-amber);}
.vxn-rarrow{color:var(--vxn-faint);}
.vxn-rarrow svg{width:16px;height:16px;}

/* ============================ EXCLUSIVITY (territory lock) ============================ */
.vxn-excl-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:46px;align-items:center;margin-top:40px;}
.vxn-map{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:22px;border-radius:20px;}
.vxn-cell{position:relative;aspect-ratio:1;border-radius:14px;border:1px solid var(--vxn-line);background:rgba(var(--w),.02);
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;text-align:center;padding:8px;transition:all .5s;overflow:hidden;}
.vxn-cell .cl{font-size:.66rem;font-weight:600;color:var(--vxn-muted);line-height:1.25;}
.vxn-cell .ci{width:22px;height:22px;color:var(--vxn-faint);transition:color .4s;}
.vxn-cell .ci svg{width:100%;height:100%;}
.vxn-cell.is-taken{opacity:.4;}
.vxn-cell.is-taken .stamp{position:absolute;font-family:var(--vxn-font-mono);font-size:.6rem;letter-spacing:.1em;color:var(--vxn-red);border:1px solid var(--vxn-red);padding:2px 6px;border-radius:5px;transform:rotate(-12deg);opacity:0;transition:opacity .5s;}
.vxn-cell.is-taken.show .stamp{opacity:.85;}
.vxn-cell.is-yours{border-color:var(--vxn-cyan);background:linear-gradient(160deg,rgba(192,132,252,.14),rgba(192,132,252,.04));box-shadow:0 0 0 1px rgba(192,132,252,.4),0 14px 34px -12px rgba(192,132,252,.5);}
.vxn-cell.is-yours .ci{color:var(--vxn-cyan);}
.vxn-cell.is-yours .cl{color:#fff;}
.vxn-lock{opacity:0;transform:scale(.5);transition:opacity .4s,transform .4s;}
.vxn-cell.is-yours.locked .vxn-lock{opacity:1;transform:scale(1);}
.vxn-sweep{position:absolute;inset:0;pointer-events:none;border-radius:20px;overflow:hidden;}
.vxn-sweep::before{content:"";position:absolute;top:-50%;left:-50%;width:60%;height:200%;
  background:linear-gradient(90deg,transparent,rgba(192,132,252,.12),transparent);transform:rotate(18deg);animation:vxn-scan 5s linear infinite;}
@keyframes vxn-scan{0%{left:-60%;}100%{left:120%;}}
.vxn-excl-pts{display:flex;flex-direction:column;gap:12px;margin:24px 0;}
.vxn-ep{display:flex;gap:12px;align-items:flex-start;}
.vxn-ep .epi{width:34px;height:34px;border-radius:10px;background:rgba(192,132,252,.1);color:var(--vxn-cyan);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.vxn-ep .epi svg{width:18px;height:18px;}
.vxn-ep b{font-family:var(--vxn-font-display);color:var(--vxn-ink);font-size:.95rem;display:block;}
.vxn-ep span{font-size:.85rem;color:var(--vxn-muted);}

/* ============================ REPORTING DASHBOARD ============================ */
.vxn-dashboard{margin-top:46px;padding:26px;border-radius:24px;}
.vxn-db-top{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:22px;}
.vxn-db-title{display:flex;align-items:center;gap:12px;}
.vxn-db-title .dt{font-family:var(--vxn-font-display);font-weight:700;color:var(--vxn-ink);font-size:1.05rem;}
.vxn-db-title .live{display:inline-flex;align-items:center;gap:7px;font-family:var(--vxn-font-mono);font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;color:var(--vxn-green);}
.vxn-db-title .live i{width:7px;height:7px;border-radius:50%;background:var(--vxn-green);box-shadow:0 0 9px var(--vxn-green);animation:vxn-pulse 1.8s infinite;}
.vxn-db-range{display:flex;gap:6px;}
.vxn-db-range span{font-size:.72rem;font-weight:600;color:var(--vxn-muted);padding:6px 11px;border-radius:8px;border:1px solid var(--vxn-line);}
.vxn-db-range span.on{background:rgba(192,132,252,.12);color:#fff;border-color:var(--vxn-cyan);}
.vxn-kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:13px;margin-bottom:18px;}
.vxn-kpi{padding:15px 16px;border-radius:14px;border:1px solid var(--vxn-line);background:rgba(var(--w),.02);}
.vxn-kpi .k{font-size:.72rem;color:var(--vxn-faint);font-weight:600;text-transform:uppercase;letter-spacing:.03em;margin-bottom:7px;display:flex;align-items:center;gap:6px;}
.vxn-kpi .k svg{width:13px;height:13px;}
.vxn-kpi .v{font-family:var(--vxn-font-mono);font-weight:700;font-size:1.4rem;color:var(--vxn-ink);line-height:1.1;font-variant-numeric:tabular-nums;}
.vxn-kpi .v.c{color:var(--vxn-cyan);} .vxn-kpi .v.g{color:var(--vxn-green);} .vxn-kpi .v.a{color:var(--vxn-amber);}
.vxn-kpi .delta{font-size:.72rem;font-weight:700;margin-top:4px;}
.vxn-kpi .delta.up{color:var(--vxn-green);} .vxn-kpi .delta.down{color:var(--vxn-green);}
.vxn-db-charts{display:grid;grid-template-columns:1.5fr 1fr;gap:14px;}
.vxn-chartcard{padding:18px;border-radius:14px;border:1px solid var(--vxn-line);background:rgba(var(--w),.018);}
.vxn-chartcard .ct{font-size:.78rem;color:var(--vxn-muted);font-weight:600;margin-bottom:16px;display:flex;justify-content:space-between;}
.vxn-bars{display:flex;align-items:flex-end;gap:9px;height:120px;}
.vxn-bar{flex:1;border-radius:6px 6px 0 0;background:linear-gradient(180deg,var(--vxn-cyan),rgba(124,58,237,.4));height:0;transition:height 1.1s var(--vxn-ease);min-height:4px;position:relative;}
.vxn-bar:nth-child(even){background:linear-gradient(180deg,var(--vxn-violet),rgba(124,58,237,.4));}
.vxn-bars-x{display:flex;gap:9px;margin-top:8px;}
.vxn-bars-x span{flex:1;text-align:center;font-family:var(--vxn-font-mono);font-size:.58rem;color:var(--vxn-faint);}
.vxn-donut{display:flex;align-items:center;gap:16px;}
.vxn-donut svg{width:104px;height:104px;flex-shrink:0;}
.vxn-donut .leg{display:flex;flex-direction:column;gap:8px;}
.vxn-donut .lg{display:flex;align-items:center;gap:8px;font-size:.76rem;color:var(--vxn-ink-2);}
.vxn-donut .lg i{width:9px;height:9px;border-radius:3px;}

/* ============================ SERVICES ============================ */
.vxn-svc-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(232px,1fr));gap:15px;margin-top:46px;}
.vxn-svc{padding:20px;border-radius:16px;transition:transform .4s var(--vxn-ease),border-color .4s;}
.vxn-svc:hover{transform:translateY(-5px);}
.vxn-svc .ic{width:40px;height:40px;border-radius:11px;background:rgba(var(--ln),.1);color:var(--vxn-cyan);display:flex;align-items:center;justify-content:center;margin-bottom:13px;}
.vxn-svc .ic svg{width:21px;height:21px;}
.vxn-svc h4{font-family:var(--vxn-font-display);font-size:1.02rem;color:var(--vxn-ink);margin:0 0 7px;}
.vxn-svc .cr{font-size:.74rem;font-weight:700;color:var(--vxn-green);text-transform:uppercase;letter-spacing:.04em;margin-bottom:5px;font-family:var(--vxn-font-mono);}
.vxn-svc p{margin:0;font-size:.84rem;color:var(--vxn-muted);}

/* ============================ CASE STUDIES ============================ */
.vxn-case-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px;margin-top:46px;}
.vxn-case{padding:24px;border-radius:18px;transition:transform .4s var(--vxn-ease);}
.vxn-case:hover{transform:translateY(-6px);}
.vxn-case .ind{display:inline-flex;align-items:center;gap:8px;font-size:.74rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--vxn-cyan);margin-bottom:18px;}
.vxn-case .ind .d{width:8px;height:8px;border-radius:50%;background:var(--vxn-cyan);box-shadow:0 0 8px var(--vxn-cyan);}
.vxn-cstat{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:13px 0;border-bottom:1px solid var(--vxn-line);}
.vxn-cstat:last-of-type{border-bottom:0;}
.vxn-cstat .cv{font-family:var(--vxn-font-mono);font-weight:700;font-size:1.5rem;color:var(--vxn-ink);font-variant-numeric:tabular-nums;}
.vxn-cstat .cv.g{color:var(--vxn-green);} .vxn-cstat .cv.c{color:var(--vxn-cyan);}
.vxn-cstat .cl{font-size:.8rem;color:var(--vxn-muted);text-align:right;max-width:54%;}

/* ============================ PROCESS TIMELINE ============================ */
.vxn-timeline{position:relative;max-width:780px;margin:46px auto 0;padding-left:42px;}
.vxn-timeline::before{content:"";position:absolute;left:15px;top:8px;bottom:8px;width:2px;background:var(--vxn-line);}
.vxn-tline-fill{position:absolute;left:15px;top:8px;width:2px;height:0;background:linear-gradient(180deg,var(--vxn-cyan),var(--vxn-violet));box-shadow:0 0 12px var(--vxn-cyan);transition:height 1.6s var(--vxn-ease);}
.vxn-tstep{position:relative;padding:0 0 30px;}
.vxn-tstep:last-child{padding-bottom:0;}
.vxn-tstep .tn{position:absolute;left:-42px;top:0;width:32px;height:32px;border-radius:10px;background:var(--vxn-deep);border:1px solid var(--vxn-line-2);
  display:flex;align-items:center;justify-content:center;font-family:var(--vxn-font-mono);font-size:.78rem;font-weight:700;color:var(--vxn-cyan);}
.vxn-tstep h4{font-family:var(--vxn-font-display);font-size:1.08rem;color:var(--vxn-ink);margin:2px 0 5px;}
.vxn-tstep p{margin:0;font-size:.88rem;color:var(--vxn-muted);}

/* ============================ FINAL CTA ============================ */
.vxn-final{position:relative;text-align:center;padding-block:clamp(80px,13vh,150px);overflow:hidden;}
.vxn-final-orb{position:absolute;top:50%;left:50%;width:520px;height:520px;transform:translate(-50%,-50%);z-index:0;pointer-events:none;
  background:radial-gradient(circle,rgba(192,132,252,.18),rgba(124,58,237,.08) 40%,transparent 70%);}
.vxn-final-inner{position:relative;z-index:2;max-width:720px;margin-inline:auto;}
.vxn-final h2{margin-bottom:20px;}
.vxn-final-cta{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;margin-top:32px;}
.vxn-final-trust{margin-top:24px;font-size:.85rem;color:var(--vxn-faint);font-family:var(--vxn-font-mono);}

/* ============================ FOOTER ============================ */
.vxn-footer{position:relative;border-top:1px solid var(--vxn-line);padding-top:60px;padding-bottom:34px;}
.vxn-foot-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:36px;}
.vxn-foot-brand .vxn-brand{margin-bottom:14px;}
.vxn-foot-brand p{font-size:.88rem;color:var(--vxn-muted);max-width:30ch;}
.vxn-foot-col h5{font-family:var(--vxn-font-mono);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--vxn-faint);margin:0 0 16px;}
.vxn-foot-col a{display:block;font-size:.88rem;color:var(--vxn-ink-2);padding:5px 0;transition:color .25s;}
.vxn-foot-col a:hover{color:var(--vxn-cyan);}
.vxn-foot-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:44px;padding-top:22px;border-top:1px solid var(--vxn-line);}
.vxn-foot-bottom .lg{font-size:.8rem;color:var(--vxn-faint);}
.vxn-foot-bottom .disc{font-size:.76rem;color:var(--vxn-faint);max-width:48ch;}

/* ============================ STICKY MOBILE CTA ============================ */
.vxn-sticky{position:fixed;left:14px;right:14px;bottom:14px;z-index:70;display:none;transform:translateY(140%);transition:transform .45s var(--vxn-ease);}
.vxn-sticky.is-on{transform:none;}
.vxn-sticky a{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;background:var(--vxn-grad-cta);color:var(--vxn-cta-ink);
  font-family:var(--vxn-font-display);font-weight:700;padding:15px;border-radius:14px;box-shadow:0 14px 40px -8px rgba(124,58,237,.7);}
.vxn-sticky a svg{width:18px;height:18px;}

/* ============================ RESPONSIVE ============================ */
@media(max-width:980px){
  .vxn-hero-grid,.vxn-leak-grid,.vxn-board-grid,.vxn-seo-grid,.vxn-ads-grid,.vxn-web-grid,.vxn-excl-grid{grid-template-columns:1fr;gap:38px;}
  .vxn-engine{max-width:440px;order:-1;}
  .vxn-board,.vxn-funnel-stage{max-width:420px;}
  .vxn-db-charts{grid-template-columns:1fr;}
  .vxn-foot-grid{grid-template-columns:1fr 1fr;gap:30px;}
  .vxn-foot-brand{grid-column:1/-1;}
}
@media(max-width:680px){
  .vxn-section{padding-block:clamp(58px,9vh,86px);}
  .vxn-jtrack,.vxn-crm-pipe{overflow-x:auto;justify-content:flex-start;gap:18px;padding-bottom:10px;}
  .vxn-jnode,.vxn-cnode{flex:0 0 96px;}
  .vxn-jline,.vxn-token,.vxn-crm-line{display:none;}
  .vxn-serp{grid-template-columns:1fr;}
  .vxn-foot-grid{grid-template-columns:1fr;}
  .vxn-sticky{display:block;}
  .vxn-foot-bottom{flex-direction:column;align-items:flex-start;}
}

/* ============================ REDUCED MOTION ============================ */
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important;}
  .vxn-reveal{opacity:1!important;transform:none!important;}
  .vxn-piece{opacity:1!important;transform:translate(-50%,-50%) scale(1)!important;}
  .vxn-token,.vxn-sweep::before,.vxn-pin.win{animation:none!important;}
}
/* =====================================================================
   v2 COMPONENT LAYER  (overrides win by source order)
   ===================================================================== */

/* header surface tokens */
:root{ --vxn-header:rgba(255,255,255,0.70); --vxn-header-2:rgba(255,255,255,0.90); }
:root[data-theme="dark"]{ --vxn-header:rgba(12,9,26,0.66); --vxn-header-2:rgba(12,9,26,0.88); }

/* focus ring (a11y) */
:where(a,button,input,select,textarea,[tabindex]):focus-visible{
  outline:2px solid var(--vxn-blue);outline-offset:2px;border-radius:6px;}

/* ----- smaller headings ----- */
.vxn-h1{font-size:clamp(2.0rem,4.6vw,3.4rem);}
.vxn-h2{font-size:clamp(1.5rem,3vw,2.15rem);}
.vxn-h3{font-size:clamp(1.05rem,1.7vw,1.25rem);}

/* SVG funnel labels (theme-aware fills) */
.vxn-fn-strong{fill:var(--vxn-ink);}
.vxn-fn-mid{fill:var(--vxn-ink-2);}

/* ----- ambient atmosphere : theme-aware ----- */
.vxn-atmos{background:
  radial-gradient(1100px 720px at 82% -12%, rgba(124,58,237,0.06), transparent 58%),
  radial-gradient(880px 680px at 2% 6%, rgba(168,85,247,0.05), transparent 60%),
  radial-gradient(1000px 820px at 60% 114%, rgba(192,132,252,0.045), transparent 55%),
  var(--vxn-void);}
:root[data-theme="dark"] .vxn-atmos{background:
  radial-gradient(1100px 720px at 80% -10%, rgba(124,58,237,0.24), transparent 60%),
  radial-gradient(900px 700px at 4% 8%, rgba(139,92,246,0.17), transparent 60%),
  radial-gradient(1000px 820px at 60% 112%, rgba(192,132,252,0.11), transparent 55%),
  var(--vxn-void);}
.vxn-grain{opacity:.022;}
:root[data-theme="dark"] .vxn-grain{opacity:.04;}

/* ===================================================================
   NEW HEADER  (.vxn-hd-*)  — clean, sticky, conventional-premium
   =================================================================== */
.vxn-hd{position:sticky;top:0;z-index:100;
  background:var(--vxn-header);
  -webkit-backdrop-filter:saturate(150%) blur(16px);backdrop-filter:saturate(150%) blur(16px);
  border-bottom:1px solid var(--vxn-line);
  transition:background .3s var(--vxn-ease),border-color .3s,box-shadow .3s;}
.vxn-hd.is-scrolled{background:var(--vxn-header-2);
  box-shadow:0 12px 34px -20px rgba(76,29,149,.4);border-bottom-color:var(--vxn-glass-brd);}
.vxn-hd-bar{max-width:var(--vxn-shell);margin:0 auto;padding:15px 22px;
  display:flex;align-items:center;gap:16px;transition:padding .3s var(--vxn-ease);}
.vxn-hd.is-scrolled .vxn-hd-bar{padding:9px 22px;}
.vxn-hd-brand{display:inline-flex;align-items:center;gap:11px;margin-right:auto;}
.vxn-hd-mark{width:34px;height:34px;flex:none;}
.vxn-hd-word{font-family:var(--vxn-font-display);font-weight:800;letter-spacing:.16em;
  font-size:1.05rem;color:var(--vxn-ink);}
.vxn-hd-nav{display:flex;align-items:center;gap:2px;}
.vxn-hd-link{position:relative;padding:9px 14px;border-radius:10px;font-weight:600;
  font-size:.94rem;color:var(--vxn-muted);transition:color .2s;}
.vxn-hd-link::after{content:"";position:absolute;left:14px;right:14px;bottom:5px;height:2px;border-radius:2px;
  background:var(--vxn-grad-cta);transform:scaleX(0);transform-origin:left;transition:transform .26s var(--vxn-ease);}
.vxn-hd-link:hover{color:var(--vxn-ink);}
.vxn-hd-link:hover::after{transform:scaleX(1);}
.vxn-hd-actions{display:flex;align-items:center;gap:10px;}
.vxn-hd-toggle{width:40px;height:40px;border-radius:11px;display:inline-grid;place-items:center;
  background:var(--vxn-glass-2);border:1px solid var(--vxn-glass-brd);color:var(--vxn-ink-2);
  transition:transform .2s,border-color .2s,color .2s;}
.vxn-hd-toggle:hover{color:var(--vxn-blue);border-color:var(--vxn-blue);transform:translateY(-1px);}
.vxn-hd-toggle svg{width:19px;height:19px;}
.vxn-hd-toggle .vxn-ic-moon{display:none;}
:root[data-theme="dark"] .vxn-hd-toggle .vxn-ic-sun{display:none;}
:root[data-theme="dark"] .vxn-hd-toggle .vxn-ic-moon{display:block;}
.vxn-hd-cta{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:11px;
  font-weight:700;font-size:.92rem;background:var(--vxn-grad-cta);color:var(--vxn-cta-ink);
  box-shadow:var(--vxn-glow-cta);transition:transform .2s,box-shadow .2s;}
.vxn-hd-cta:hover{transform:translateY(-1px);box-shadow:0 20px 46px -14px rgba(124,58,237,.6);}
.vxn-hd-burger{display:none;width:42px;height:42px;border-radius:11px;
  background:var(--vxn-glass-2);border:1px solid var(--vxn-glass-brd);color:var(--vxn-ink);
  align-items:center;justify-content:center;}
.vxn-hd-burger svg{width:22px;height:22px;}
.vxn-hd-mobile{display:none;}
@media (max-width:860px){
  .vxn-hd-nav,.vxn-hd-cta{display:none;}
  .vxn-hd-burger{display:inline-flex;}
  .vxn-hd-mobile{display:block;max-height:0;overflow:hidden;
    transition:max-height .38s var(--vxn-ease);
    background:var(--vxn-header-2);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);
    border-bottom:1px solid var(--vxn-line);}
  .vxn-hd-mobile.is-open{max-height:460px;}
  .vxn-hd-mlist{max-width:var(--vxn-shell);margin:0 auto;padding:8px 22px 22px;
    display:flex;flex-direction:column;gap:4px;}
  .vxn-hd-mlink{padding:14px 12px;border-radius:12px;font-weight:600;color:var(--vxn-ink-2);
    border:1px solid transparent;transition:background .2s,border-color .2s;}
  .vxn-hd-mlink:hover{background:var(--vxn-glass-2);border-color:var(--vxn-glass-brd);}
  .vxn-hd-mcta{margin-top:10px;justify-content:center;display:inline-flex;align-items:center;gap:8px;
    padding:15px 18px;border-radius:12px;font-weight:700;background:var(--vxn-grad-cta);
    color:var(--vxn-cta-ink);box-shadow:var(--vxn-glow-cta);}
}

/* ===================================================================
   IMAGES — real photos with graceful purple fallbacks
   =================================================================== */
.vxn-figure{position:relative;border-radius:var(--vxn-r);overflow:hidden;
  border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);background:var(--vxn-panel-2);}
.vxn-figure img{width:100%;height:100%;object-fit:cover;display:block;}
.vxn-ph{position:absolute;inset:0;display:none;align-items:center;justify-content:center;
  background:linear-gradient(150deg,#2a1d4d 0%,#7c3aed 60%,#a855f7 100%);color:#fff;}
.vxn-ph svg{width:40%;height:40%;opacity:.92;}
.vxn-figtag{position:absolute;left:13px;bottom:13px;z-index:2;display:inline-flex;align-items:center;gap:7px;
  padding:7px 13px;border-radius:999px;font-size:.76rem;font-weight:700;letter-spacing:.02em;color:#fff;
  background:rgba(11,8,24,.46);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
  border:1px solid rgba(255,255,255,.20);}
.vxn-ind-figure{aspect-ratio:4/3;margin-top:22px;}
.vxn-avatars{display:flex;align-items:center;}
.vxn-avatar{width:42px;height:42px;border-radius:50%;overflow:hidden;position:relative;flex:none;
  border:2px solid var(--vxn-panel);margin-left:-11px;
  background:linear-gradient(150deg,#7c3aed,#c084fc);box-shadow:0 2px 9px -2px rgba(76,29,149,.5);}
.vxn-avatar:first-child{margin-left:0;}
.vxn-avatar img{width:100%;height:100%;object-fit:cover;display:block;}
.vxn-avatar .vxn-ph{font-weight:800;font-size:.88rem;font-family:var(--vxn-font-display);}
.vxn-case-avatar{width:48px;height:48px;border-radius:50%;overflow:hidden;position:relative;flex:none;
  border:1px solid var(--vxn-glass-brd);background:linear-gradient(150deg,#7c3aed,#c084fc);}
.vxn-case-avatar img{width:100%;height:100%;object-fit:cover;display:block;}
.vxn-case-avatar .vxn-ph{font-weight:800;font-family:var(--vxn-font-display);}
.vxn-case-person{display:flex;align-items:center;gap:12px;margin-bottom:16px;}
.vxn-case-person .nm{font-family:var(--vxn-font-display);font-weight:700;font-size:.92rem;color:var(--vxn-ink);line-height:1.2;}
.vxn-case-person .rl{font-size:.8rem;color:var(--vxn-muted);}
.vxn-hero-proof{display:flex;align-items:center;gap:14px;margin-top:26px;flex-wrap:wrap;}
.vxn-hero-proof .txt{font-size:.86rem;color:var(--vxn-muted);max-width:24ch;line-height:1.45;}
.vxn-hero-proof .txt b{color:var(--vxn-ink-2);font-weight:700;}

/* ===================================================================
   NEW FOOTER  (.vxn-ft-*)
   =================================================================== */
.vxn-ft{position:relative;margin-top:96px;
  background:linear-gradient(180deg,var(--vxn-deep),var(--vxn-void));
  border-top:1px solid var(--vxn-line);}
.vxn-ft-cta{max-width:var(--vxn-shell);margin:0 auto;padding:58px 22px 8px;
  display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:26px;}
.vxn-ft-cta-copy h2{font-family:var(--vxn-font-display);font-weight:800;
  font-size:clamp(1.5rem,3vw,2.15rem);color:var(--vxn-ink);margin:0;letter-spacing:-.02em;
  max-width:20ch;line-height:1.12;}
.vxn-ft-cta-copy p{color:var(--vxn-muted);margin:10px 0 0;max-width:44ch;}
.vxn-ft-cta-btn{display:inline-flex;align-items:center;gap:9px;padding:15px 26px;border-radius:13px;
  font-weight:700;background:var(--vxn-grad-cta);color:var(--vxn-cta-ink);box-shadow:var(--vxn-glow-cta);
  white-space:nowrap;transition:transform .2s,box-shadow .2s;}
.vxn-ft-cta-btn:hover{transform:translateY(-2px);box-shadow:0 22px 50px -14px rgba(124,58,237,.6);}
.vxn-ft-grid{max-width:var(--vxn-shell);margin:34px auto 0;padding:42px 22px;
  display:grid;grid-template-columns:1.7fr 1fr 1fr 1fr;gap:32px;border-top:1px solid var(--vxn-line);}
.vxn-ft-brand p{color:var(--vxn-muted);font-size:.92rem;max-width:34ch;line-height:1.65;margin:14px 0 0;}
.vxn-ft-col h4{font-family:var(--vxn-font-display);font-size:.78rem;letter-spacing:.13em;
  text-transform:uppercase;color:var(--vxn-faint);margin:2px 0 14px;}
.vxn-ft-col a{display:block;color:var(--vxn-ink-2);font-size:.92rem;padding:7px 0;transition:color .2s;}
.vxn-ft-col a:hover{color:var(--vxn-blue);}
.vxn-ft-disc{max-width:var(--vxn-shell);margin:0 auto;padding:0 22px 26px;}
.vxn-ft-disc p{color:var(--vxn-faint);font-size:.78rem;line-height:1.65;
  border-top:1px dashed var(--vxn-line);padding-top:20px;margin:0;}
.vxn-ft-bottom{border-top:1px solid var(--vxn-line);}
.vxn-ft-bottom-in{max-width:var(--vxn-shell);margin:0 auto;padding:22px;
  display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;}
.vxn-ft-copy{color:var(--vxn-faint);font-size:.85rem;}
.vxn-ft-social{display:flex;gap:10px;}
.vxn-ft-social a{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;
  background:var(--vxn-glass-2);border:1px solid var(--vxn-glass-brd);color:var(--vxn-ink-2);
  transition:color .2s,border-color .2s,transform .2s;}
.vxn-ft-social a:hover{color:var(--vxn-blue);border-color:var(--vxn-blue);transform:translateY(-2px);}
.vxn-ft-social svg{width:18px;height:18px;}
@media (max-width:780px){.vxn-ft-grid{grid-template-columns:1fr 1fr;}.vxn-ft-brand{grid-column:1/-1;}}
@media (max-width:480px){.vxn-ft-grid{grid-template-columns:1fr;}}

.vxn-leak-money{margin-top:18px;padding:18px 20px;border-radius:16px;text-align:center;
  background:linear-gradient(160deg,rgba(244,63,94,.10),rgba(124,58,237,.06));
  border:1px solid var(--vxn-glass-brd);}
.vxn-leak-money .big{display:block;font-family:var(--vxn-font-display);font-weight:800;
  font-size:clamp(1.6rem,3vw,2.1rem);color:var(--vxn-red);letter-spacing:-.02em;}
.vxn-leak-money .sub{display:block;margin-top:6px;font-size:.84rem;color:var(--vxn-muted);line-height:1.5;}

/* ===================================================================
   ABOUT SECTION
   =================================================================== */
.vxn-about-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:46px;align-items:center;margin-top:42px;}
.vxn-about-figure{position:relative;border-radius:var(--vxn-r);overflow:hidden;
  border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);background:var(--vxn-panel-2);aspect-ratio:4/3;}
.vxn-about-figure img{width:100%;height:100%;object-fit:cover;display:block;}
.vxn-about-badge{position:absolute;left:16px;bottom:16px;z-index:2;display:flex;align-items:center;gap:12px;
  padding:12px 16px;border-radius:14px;background:rgba(11,8,24,.55);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
  border:1px solid rgba(255,255,255,.18);}
.vxn-about-badge .n{font-family:var(--vxn-font-display);font-weight:800;font-size:1.3rem;color:#fff;line-height:1;}
.vxn-about-badge .l{font-size:.74rem;color:rgba(255,255,255,.8);line-height:1.3;}
.vxn-about-lead{font-size:1.05rem;color:var(--vxn-ink-2);line-height:1.7;margin:18px 0 0;}
.vxn-about-lead b{color:var(--vxn-ink);font-weight:700;}
.vxn-about-points{display:grid;gap:14px;margin-top:24px;}
.vxn-about-point{display:flex;gap:13px;align-items:flex-start;}
.vxn-about-point .ic{width:34px;height:34px;flex:none;border-radius:10px;display:grid;place-items:center;
  background:linear-gradient(150deg,rgba(124,58,237,.16),rgba(192,132,252,.10));color:var(--vxn-blue);border:1px solid var(--vxn-glass-brd);}
.vxn-about-point .ic svg{width:18px;height:18px;}
.vxn-about-point h4{font-family:var(--vxn-font-display);font-weight:600;font-size:.98rem;color:var(--vxn-ink);margin:2px 0 3px;}
.vxn-about-point p{font-size:.88rem;color:var(--vxn-muted);line-height:1.55;margin:0;}
@media (max-width:820px){ .vxn-about-grid{grid-template-columns:1fr;gap:30px;} }
/* ===================================================================
   MEGA MENU
   =================================================================== */
.vxn-hd-mega-btn{background:transparent;border:0;font-family:inherit;cursor:pointer;display:inline-flex;align-items:center;gap:6px;}
.vxn-hd-chev{transition:transform .25s var(--vxn-ease);}
.vxn-hd-mega-btn[aria-expanded="true"]{color:var(--vxn-ink);}
.vxn-hd-mega-btn[aria-expanded="true"] .vxn-hd-chev{transform:rotate(180deg);}
.vxn-hd-mega{position:absolute;top:100%;left:0;right:0;z-index:99;
  background:var(--vxn-panel);
  border-top:1px solid var(--vxn-line);border-bottom:1px solid var(--vxn-glass-brd);
  box-shadow:0 36px 70px -34px rgba(76,29,149,.42);
  opacity:0;visibility:hidden;transform:translateY(-10px);pointer-events:none;
  transition:opacity .26s var(--vxn-ease),transform .26s var(--vxn-ease),visibility .26s;}
.vxn-hd-mega.is-open{opacity:1;visibility:visible;transform:none;pointer-events:auto;}
.vxn-hd-mega-in{max-width:var(--vxn-shell);margin:0 auto;padding:30px 22px 34px;
  display:grid;grid-template-columns:1.25fr 1fr 1.15fr;gap:30px;}
.vxn-hd-mega-col h4{font-family:var(--vxn-font-display);font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;
  color:var(--vxn-faint);margin:0 0 12px;padding-left:10px;}
.vxn-hd-mega-col a{display:flex;align-items:center;gap:12px;padding:10px;border-radius:12px;
  border:1px solid transparent;transition:background .18s,border-color .18s,transform .18s;}
.vxn-hd-mega-col a:hover{background:var(--vxn-glass-2);border-color:var(--vxn-glass-brd);transform:translateX(2px);}
.vxn-hd-mega-col a .ic{width:34px;height:34px;flex:none;border-radius:9px;display:grid;place-items:center;
  background:linear-gradient(150deg,rgba(124,58,237,.16),rgba(192,132,252,.10));color:var(--vxn-blue);border:1px solid var(--vxn-glass-brd);}
.vxn-hd-mega-col a .ic svg{width:18px;height:18px;}
.vxn-hd-mega-col a .tx b{display:block;font-family:var(--vxn-font-display);font-weight:600;font-size:.92rem;color:var(--vxn-ink);}
.vxn-hd-mega-col a .tx span{display:block;font-size:.78rem;color:var(--vxn-muted);margin-top:1px;}
.vxn-hd-mega-col:nth-child(2) a{padding:12px;}
.vxn-hd-mega-feature{background:linear-gradient(160deg,rgba(124,58,237,.10),rgba(192,132,252,.05));
  border:1px solid var(--vxn-glass-brd);border-radius:16px;padding:22px;display:flex;flex-direction:column;}
.vxn-hd-mega-feature h3{font-family:var(--vxn-font-display);font-weight:700;font-size:1.05rem;color:var(--vxn-ink);
  margin:10px 0 8px;line-height:1.25;letter-spacing:-.01em;}
.vxn-hd-mega-feature p{color:var(--vxn-muted);font-size:.86rem;line-height:1.55;margin:0 0 16px;}
.vxn-hd-mega-cta{margin-top:auto;align-self:flex-start;display:inline-flex;align-items:center;gap:8px;
  padding:11px 18px;border-radius:11px;font-weight:700;font-size:.86rem;background:var(--vxn-grad-cta);color:var(--vxn-cta-ink);box-shadow:var(--vxn-glow-cta);}
@media (max-width:860px){ .vxn-hd-mega{display:none !important;} }
@media (prefers-reduced-motion:reduce){ .vxn-hd-mega,.vxn-hd-chev{transition:none !important;} }

/* ===================================================================
   HERO v3 — particles.js network + centered creative layout
   =================================================================== */
.vxn-hero{position:relative;overflow:hidden;min-height:clamp(580px,88vh,880px);
  display:flex;align-items:center;padding-top:48px;padding-bottom:56px;}
#vxn-particles{position:absolute;inset:0;z-index:0;}
#vxn-particles canvas{display:block !important;}
.vxn-hero-glow{position:absolute;inset:0;z-index:0;pointer-events:none;background:
  radial-gradient(640px 440px at 50% 30%, rgba(124,58,237,.16), transparent 70%),
  radial-gradient(520px 380px at 84% 72%, rgba(192,132,252,.12), transparent 70%),
  radial-gradient(480px 360px at 12% 78%, rgba(168,85,247,.10), transparent 70%);}
.vxn-hero .vxn-shell{position:relative;z-index:2;}
.vxn-hero-center{max-width:900px;margin:0 auto;text-align:center;display:flex;flex-direction:column;align-items:center;}
.vxn-hero-center .vxn-h1{margin:16px auto 0;}
.vxn-hero-center .vxn-lead{margin:20px auto 0;text-align:center;}
.vxn-hero-center .vxn-hero-cta{justify-content:center;margin-top:30px;display:flex;gap:14px;flex-wrap:wrap;}
.vxn-hero-center .vxn-hero-proof{justify-content:center;margin-top:28px;}
.vxn-hero-metrics{margin-top:40px;padding:6px;border-radius:18px;width:100%;max-width:800px;}
.vxn-hero-metrics .cap{text-align:center;font-size:.82rem;font-weight:700;color:var(--vxn-red);
  padding:12px 16px 11px;line-height:1.4;}
.vxn-hm-row{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--vxn-line);}
.vxn-hm-row .cell{padding:16px 14px 18px;text-align:center;position:relative;}
.vxn-hm-row .cell + .cell::before{content:"";position:absolute;left:0;top:22%;bottom:22%;width:1px;background:var(--vxn-line);}
.vxn-hm-row .v{font-family:var(--vxn-font-display);font-weight:800;font-size:clamp(1.35rem,2.5vw,1.9rem);color:var(--vxn-ink);letter-spacing:-.02em;}
.vxn-hm-row .v.g{color:var(--vxn-green);}
.vxn-hm-row .v.c{color:var(--vxn-blue);}
.vxn-hm-row .k{font-size:.74rem;color:var(--vxn-muted);margin-top:5px;letter-spacing:.01em;line-height:1.3;}
@media (max-width:620px){
  .vxn-hm-row{grid-template-columns:repeat(2,1fr);}
  .vxn-hm-row .cell:nth-child(3)::before{display:none;}
}
@media (prefers-reduced-motion:reduce){
  .vxn-hd,.vxn-hd-bar,.vxn-hd-mobile,.vxn-hd-link::after,.vxn-hd-cta,.vxn-hd-toggle,
  .vxn-ft-cta-btn,.vxn-ft-social a,.vxn-about-point{transition:none !important;}
}
/* ----- hero text glow + typewriter caret + lead highlight ----- */
.vxn-hero-center .vxn-h1{text-shadow:0 0 38px rgba(124,58,237,.14);}
.vxn-hero-break{display:block;margin-top:.08em;}
:root[data-theme="dark"] .vxn-hero-center .vxn-h1{text-shadow:0 0 48px rgba(124,58,237,.45);}
.vxn-hero-center .vxn-grad-txt{text-shadow:none;
  filter:drop-shadow(0 0 14px rgba(124,58,237,.45)) drop-shadow(0 0 28px rgba(192,132,252,.30));}
.vxn-hl{color:var(--vxn-blue);}
:root[data-theme="dark"] .vxn-hl{color:var(--vxn-cyan);}
.vxn-hero-center .vxn-lead strong{color:var(--vxn-blue);font-weight:700;}
:root[data-theme="dark"] .vxn-hero-center .vxn-lead strong{color:var(--vxn-cyan);}
.vxn-caret{display:inline-block;width:3px;height:.92em;margin-left:5px;vertical-align:-1px;border-radius:2px;
  background:linear-gradient(180deg,#7c3aed,#c084fc);box-shadow:0 0 12px rgba(124,58,237,.75);
  animation:vxn-blink 1.05s steps(1) infinite;}
@keyframes vxn-blink{0%,50%{opacity:1}50.01%,100%{opacity:0}}
@media (prefers-reduced-motion:reduce){ .vxn-caret{animation:none;display:none;} }
/* ----- section 2 : animated funnel (flowing leads + happy booked) ----- */
.vxn-funnel-anim{width:100%;max-width:330px;display:block;margin:0 auto;overflow:visible;}
.vxn-flow{fill:#a855f7;animation:vxn-pflow 2.7s linear infinite;}
.vxn-flow.f1{animation-delay:0s;}
.vxn-flow.f2{animation-delay:.45s;}
.vxn-flow.f3{animation-delay:.95s;}
.vxn-flow.f4{animation-delay:1.4s;}
.vxn-flow.f5{animation-delay:1.85s;}
.vxn-flow.f6{animation-delay:2.3s;}
@keyframes vxn-pflow{
  0%{transform:translateY(0);opacity:0;}
  10%{opacity:1;}
  86%{opacity:.95;}
  100%{transform:translateY(262px);opacity:0;}
}
.vxn-leak{fill:#f43f5e;}
.vxn-leak.l1,.vxn-leak.l2,.vxn-leak.l3{animation:vxn-leakL 2.7s ease-in infinite;}
.vxn-leak.r1,.vxn-leak.r2,.vxn-leak.r3{animation:vxn-leakR 2.7s ease-in infinite;}
.vxn-leak.l1{animation-delay:.3s;}
.vxn-leak.r1{animation-delay:.9s;}
.vxn-leak.r2{animation-delay:.6s;}
.vxn-leak.l2{animation-delay:1.5s;}
.vxn-leak.r3{animation-delay:1.2s;}
.vxn-leak.l3{animation-delay:2s;}
@keyframes vxn-leakL{0%{transform:translate(0,0);opacity:0;}20%{opacity:.9;}100%{transform:translate(-30px,18px);opacity:0;}}
@keyframes vxn-leakR{0%{transform:translate(0,0);opacity:0;}20%{opacity:.9;}100%{transform:translate(30px,18px);opacity:0;}}
.vxn-joy-glow{transform-box:fill-box;transform-origin:center;animation:vxn-joy-pulse 2.4s ease-in-out infinite;}
@keyframes vxn-joy-pulse{0%,100%{transform:scale(.9);opacity:.45;}50%{transform:scale(1.14);opacity:.82;}}
.vxn-joy-face{transform-box:fill-box;transform-origin:center;animation:vxn-joy-bob 2.4s ease-in-out infinite;}
@keyframes vxn-joy-bob{0%,100%{transform:translateY(0) scale(1);}50%{transform:translateY(-2px) scale(1.05);}}
.vxn-spark{transform-box:fill-box;transform-origin:center;animation:vxn-twinkle 1.9s ease-in-out infinite;}
.vxn-spark.s2{animation-delay:.6s;}
.vxn-spark.s3{animation-delay:1.15s;}
@keyframes vxn-twinkle{0%,100%{opacity:.15;transform:scale(.6);}50%{opacity:1;transform:scale(1.1);}}
@media (prefers-reduced-motion:reduce){
  .vxn-flow,.vxn-leak,.vxn-spark{display:none;}
  .vxn-joy-glow,.vxn-joy-face{animation:none;}
}
/* ----- section 3 : Method phases (image-rich, alternating) ----- */
.vxn-phases{display:flex;flex-direction:column;gap:40px;margin-top:48px;}
.vxn-phase{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center;}
.vxn-phase:nth-child(even) .vxn-phase-figure{order:2;}
.vxn-phase-figure{position:relative;border-radius:var(--vxn-r);overflow:hidden;aspect-ratio:4/3;
  border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);background:var(--vxn-panel-2);}
.vxn-phase-figure img{width:100%;height:100%;object-fit:cover;display:block;}
.vxn-phase-badge{position:absolute;left:14px;top:14px;z-index:2;
  font-family:var(--vxn-font-display);font-weight:800;font-size:1.05rem;color:#fff;
  width:46px;height:46px;display:grid;place-items:center;border-radius:13px;
  background:linear-gradient(150deg,rgba(124,58,237,.94),rgba(168,85,247,.94));
  border:1px solid rgba(255,255,255,.25);box-shadow:0 8px 22px -8px rgba(76,29,149,.6);}
.vxn-phase-tag{display:inline-block;font-family:var(--vxn-font-display);font-size:.76rem;font-weight:700;
  letter-spacing:.08em;text-transform:uppercase;color:var(--vxn-blue);
  padding:6px 12px;border-radius:999px;background:rgba(124,58,237,.10);
  border:1px solid var(--vxn-glass-brd);margin-bottom:14px;}
.vxn-phase-body h3{margin:0 0 10px;}
.vxn-phase-body > p{color:var(--vxn-ink-2);font-size:1rem;line-height:1.6;margin:0;}
.vxn-phase-steps{list-style:none;padding:0;margin:20px 0 0;display:grid;gap:12px;}
.vxn-phase-steps li{display:flex;gap:14px;align-items:flex-start;padding:11px 14px;border-radius:12px;
  background:var(--vxn-glass-2);border:1px solid var(--vxn-glass-brd);
  transition:transform .25s var(--vxn-ease),border-color .25s;}
.vxn-phase-steps li:hover{transform:translateX(3px);border-color:var(--vxn-blue);}
.vxn-phase-steps .n{font-family:var(--vxn-font-mono);font-weight:700;color:var(--vxn-blue);font-size:.9rem;
  width:24px;flex:none;padding-top:2px;}
.vxn-phase-steps b{display:block;font-family:var(--vxn-font-display);font-weight:600;color:var(--vxn-ink);font-size:.96rem;}
.vxn-phase-steps .d{display:block;font-size:.85rem;color:var(--vxn-muted);line-height:1.5;margin-top:2px;}
@media (max-width:840px){
  .vxn-phase{grid-template-columns:1fr;gap:22px;}
  .vxn-phase .vxn-phase-figure,
  .vxn-phase:nth-child(even) .vxn-phase-figure{order:-1;}
}
@media (prefers-reduced-motion:reduce){ .vxn-phase-steps li{transition:none;} }
/* ----- section 2 : parallax + falling background ----- */
.vxn-sec2{position:relative;overflow:hidden;}
.vxn-sec2 > .vxn-shell{position:relative;z-index:1;}
.vxn-sec2-bg{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden;}
.vxn-p-layer{position:absolute;inset:-12% 0;will-change:transform;}
.vxn-blob{position:absolute;border-radius:50%;filter:blur(60px);opacity:.55;}
.vxn-blob.b1{width:46vw;max-width:560px;aspect-ratio:1;left:-8%;top:6%;
  background:radial-gradient(circle,rgba(124,58,237,.18),transparent 70%);}
.vxn-blob.b2{width:40vw;max-width:480px;aspect-ratio:1;right:-6%;bottom:0%;
  background:radial-gradient(circle,rgba(192,132,252,.15),transparent 70%);}
.vxn-p-mid{background-image:
   linear-gradient(rgba(var(--ln),.05) 1px,transparent 1px),
   linear-gradient(90deg,rgba(var(--ln),.05) 1px,transparent 1px);
  background-size:46px 46px;
  -webkit-mask-image:radial-gradient(ellipse at 50% 38%,#000 32%,transparent 78%);
  mask-image:radial-gradient(ellipse at 50% 38%,#000 32%,transparent 78%);}
.vxn-fall{position:absolute;top:-8%;width:var(--s,5px);height:var(--s,5px);border-radius:50%;
  background:var(--c,#a855f7);box-shadow:0 0 8px rgba(168,85,247,.5);opacity:0;
  animation:vxn-fall var(--dur,10s) linear var(--d,0s) infinite;}
.vxn-fall-red{--c:#f43f5e;box-shadow:0 0 8px rgba(244,63,94,.5);}
@keyframes vxn-fall{
  0%{transform:translate3d(0,0,0);opacity:0;}
  8%{opacity:.85;}
  88%{opacity:.5;}
  100%{transform:translate3d(var(--x,0),132vh,0);opacity:0;}
}
@media (prefers-reduced-motion:reduce){
  .vxn-fall{display:none;}
  .vxn-p-layer{transform:none !important;}
}

/* ----- section 3 (Method) : image-backed parallax ----- */
.vxn-parallax-host{position:relative;overflow:hidden;}
.vxn-parallax-host > .vxn-shell{position:relative;z-index:1;}
.vxn-m3-bg{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden;}
.vxn-m3-img{background:
    radial-gradient(45% 55% at 12% 8%, rgba(124,58,237,.14), transparent 68%),
    radial-gradient(45% 55% at 88% 12%, rgba(192,132,252,.12), transparent 68%),
    radial-gradient(62% 60% at 50% 100%, rgba(139,92,246,.10), transparent 72%);}
:root[data-theme="dark"] .vxn-m3-img{filter:brightness(1.25);}
/* ----- strategy board : connected colour-tile redesign ----- */
.vxn-board::before{background:
  linear-gradient(rgba(var(--ln),.045) 1px,transparent 1px),
  linear-gradient(90deg,rgba(var(--ln),.045) 1px,transparent 1px);
  background-size:16.66% 16.66%;opacity:.7;}
.vxn-board-net{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none;}
.vxn-board-net .net-flow polyline{animation:vxn-netflow 1.6s linear infinite;}
@keyframes vxn-netflow{to{stroke-dashoffset:-16;}}
.vxn-piece-disc{border-radius:18px;
  background:radial-gradient(circle at 32% 26%,rgba(255,255,255,.42),transparent 54%),var(--pc,#a855f7);
  border:1px solid rgba(255,255,255,.34);
  box-shadow:0 12px 26px -10px var(--pc,rgba(168,85,247,.6)),inset 0 -7px 16px rgba(0,0,0,.2),inset 0 1px 1px rgba(255,255,255,.5);}
.vxn-piece-disc svg{color:#fff;}
.vxn-piece-lbl{color:#fff;opacity:.96;}
.vxn-piece-glow{opacity:.55;filter:blur(11px);inset:-28%;}

/* ----- industries : focus split + vertical journey + specialties (redesigned) ----- */
.vxn-ind2-grid{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:stretch;margin-top:46px;}
.vxn-ind2-figure{position:relative;border-radius:var(--vxn-r);overflow:hidden;min-height:430px;
  border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);background:var(--vxn-panel-2);}
.vxn-ind2-figure img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;}
.vxn-ind2-badge{position:absolute;z-index:2;display:inline-flex;align-items:center;gap:8px;
  font-family:var(--vxn-font-display);font-weight:600;font-size:.78rem;color:#fff;
  padding:8px 13px;border-radius:999px;background:rgba(20,12,40,.55);
  backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.22);}
.vxn-ind2-badge.top{left:16px;top:16px;}
.vxn-ind2-badge.bot{left:16px;bottom:16px;font-family:var(--vxn-font-mono);font-size:.72rem;font-weight:500;}
.vxn-ind2-journey{display:flex;flex-direction:column;justify-content:center;}
.vxn-vjourney{list-style:none;margin:22px 0 0;padding:0;position:relative;}
.vxn-vjourney::before{content:"";position:absolute;left:23px;top:23px;bottom:23px;width:2px;background:var(--vxn-line);}
.vxn-vjourney::after{content:"";position:absolute;left:23px;top:23px;bottom:23px;width:2px;
  background:linear-gradient(180deg,var(--ac1),var(--ac2),var(--ac1));background-size:100% 220%;
  opacity:.75;animation:vxn-vrail 3s linear infinite;}
@keyframes vxn-vrail{to{background-position:0 -220%;}}
.vxn-vstep{position:relative;display:flex;gap:16px;align-items:flex-start;padding-bottom:24px;}
.vxn-vstep:last-child{padding-bottom:0;}
.vxn-vstep .vxn-jdot{flex:none;position:relative;z-index:1;}
.vxn-vtxt{padding-top:5px;}
.vxn-vtxt b{display:block;font-family:var(--vxn-font-display);font-weight:600;color:var(--vxn-ink);font-size:1rem;}
.vxn-vtxt .s{font-family:var(--vxn-font-mono);font-size:.66rem;letter-spacing:.05em;text-transform:uppercase;color:var(--vxn-faint);}
.vxn-spec-head{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;margin:50px 0 18px;}
.vxn-spec-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:14px;}
.vxn-spec{position:relative;display:flex;gap:15px;align-items:flex-start;padding:16px 18px 16px 20px;border-radius:14px;
  overflow:hidden;background:var(--vxn-glass-2);border:1px solid var(--vxn-glass-brd);
  transition:transform .3s var(--vxn-ease),border-color .3s;}
.vxn-spec::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;
  background:linear-gradient(180deg,var(--vxn-blue),var(--vxn-cyan));opacity:0;transition:opacity .3s;}
.vxn-spec:hover{transform:translateY(-4px);border-color:var(--vxn-blue);}
.vxn-spec:hover::before{opacity:1;}
.vxn-spec .ic{width:42px;height:42px;border-radius:11px;flex:none;display:grid;place-items:center;
  background:rgba(124,58,237,.1);color:var(--vxn-blue);}
.vxn-spec .ic svg{width:22px;height:22px;}
.vxn-spec h4{margin:0 0 4px;font-family:var(--vxn-font-display);font-size:1rem;color:var(--vxn-ink);}
.vxn-spec p{margin:0;font-size:.85rem;color:var(--vxn-muted);line-height:1.5;}
@media (max-width:840px){
  .vxn-ind2-grid{grid-template-columns:1fr;gap:24px;}
  .vxn-ind2-figure{min-height:300px;}
}
@media (prefers-reduced-motion:reduce){
  .vxn-board-net .net-flow polyline{animation:none;}
  .vxn-vjourney::after{animation:none;}
}
/* ----- website before/after : detailed site mockups ----- */
.vxn-ba-layer{padding:0;}
.vxn-ba-after{background:linear-gradient(180deg,#ffffff,#f7f4ff);}
.vxn-ba-before{background:linear-gradient(180deg,#e9ebef,#dfe2e8);clip-path:inset(0 calc(100% - var(--pos)) 0 0);}
.vxn-ba-handle{background:var(--vxn-blue);box-shadow:0 0 14px rgba(124,58,237,.6);}
.vxn-ba-knob{background:#fff;border-color:var(--vxn-blue);}
.vxn-ba-knob svg{color:var(--vxn-blue);}
.vxn-st{position:absolute;inset:0;display:flex;flex-direction:column;overflow:hidden;}
.vxn-st-nav{display:flex;align-items:center;justify-content:space-between;padding:9px 13px;border-bottom:1px solid rgba(27,18,51,.08);background:rgba(255,255,255,.6);}
.vxn-st-logo{display:flex;align-items:center;gap:6px;font-family:var(--vxn-font-display);font-weight:800;font-size:.64rem;color:#1b1233;white-space:nowrap;}
.vxn-st-logo i{width:14px;height:14px;border-radius:5px;background:linear-gradient(135deg,#7c3aed,#c084fc);flex:none;}
.vxn-st-links{display:flex;gap:8px;}
.vxn-st-links b{width:22px;height:5px;border-radius:3px;background:rgba(27,18,51,.16);}
.vxn-st-btn{font-family:var(--vxn-font-display);font-size:.6rem;font-weight:700;color:#fff;background:linear-gradient(135deg,#7c3aed,#a855f7);border-radius:7px;padding:5px 12px;white-space:nowrap;}
.vxn-st-hero{flex:1;display:flex;gap:13px;padding:15px 13px;align-items:center;}
.vxn-st-htext{flex:1.25;display:flex;flex-direction:column;gap:7px;min-width:0;}
.vxn-st-h1{font-family:var(--vxn-font-display);font-weight:800;font-size:.96rem;line-height:1.12;color:#1b1233;}
.vxn-st-sub{height:6px;border-radius:3px;background:rgba(27,18,51,.12);width:92%;}
.vxn-st-sub.s{width:64%;}
.vxn-st-ctarow{display:flex;align-items:center;gap:8px;margin-top:5px;flex-wrap:wrap;}
.vxn-st-cta{font-family:var(--vxn-font-display);font-size:.64rem;font-weight:700;color:#fff;background:linear-gradient(135deg,#7c3aed,#a855f7);border-radius:8px;padding:7px 14px;box-shadow:0 7px 16px -6px rgba(124,58,237,.6);white-space:nowrap;}
.vxn-st-call{display:inline-flex;align-items:center;gap:5px;font-family:var(--vxn-font-display);font-size:.6rem;font-weight:700;color:#7c3aed;border:1px solid rgba(124,58,237,.32);border-radius:8px;padding:6px 10px;white-space:nowrap;}
.vxn-st-call svg{width:11px;height:11px;}
.vxn-st-stars{display:flex;align-items:center;gap:6px;font-size:.72rem;color:#f59e0b;margin-top:2px;letter-spacing:1px;}
.vxn-st-stars span{color:#675d86;font-family:var(--vxn-font-mono);font-size:.56rem;letter-spacing:0;}
.vxn-st-himg{flex:.85;align-self:stretch;border-radius:10px;min-height:74px;position:relative;overflow:hidden;
  background:linear-gradient(150deg,#a855f7,#7c3aed);box-shadow:0 8px 20px -8px rgba(124,58,237,.55);}
.vxn-st-himg::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 70% 28%,rgba(255,255,255,.4),transparent 58%);}
.vxn-st-trust{display:flex;gap:7px;padding:0 13px 13px;}
.vxn-st-trust span{flex:1;height:15px;border-radius:5px;background:rgba(16,185,129,.16);border:1px solid rgba(16,185,129,.2);}
/* dated / bad site */
.vxn-st-nav.bad{padding:8px 11px;border-bottom:1px solid rgba(51,65,90,.14);background:#eceef2;}
.vxn-st-logo.bad{font-family:var(--vxn-font-body);font-weight:700;font-size:.6rem;color:#3a4a63;}
.vxn-st-links.bad{gap:6px;}
.vxn-st-links.bad b{width:15px;height:4px;background:rgba(58,74,99,.4);}
.vxn-st-body{flex:1;padding:13px 13px 12px;display:flex;flex-direction:column;gap:6px;}
.vxn-st-bh{font-family:var(--vxn-font-body);font-weight:700;font-size:.66rem;color:#46586f;margin-bottom:3px;}
.vxn-st-txt{height:5px;border-radius:2px;background:rgba(58,74,99,.2);width:100%;}
.vxn-st-txt.s{width:72%;}
.vxn-st-submit{margin-top:7px;align-self:flex-start;font-family:var(--vxn-font-body);font-size:.6rem;font-weight:600;color:#5b6b85;background:#d2d7df;border:1px solid #c0c6d0;border-radius:5px;padding:6px 13px;}
@media (prefers-reduced-motion:reduce){}
/* ===== gradient touch-ups ===== */
.vxn-divider{border:none;height:1px;background:linear-gradient(90deg,transparent,rgba(124,58,237,.28),rgba(192,132,252,.30),transparent);}

/* ===== footer : interactive + gradients ===== */
.vxn-ft{overflow:hidden;}
.vxn-ft::before{content:"";position:absolute;top:0;left:0;right:0;height:2px;z-index:2;
  background:linear-gradient(90deg,transparent,#7c3aed,#a855f7,#c084fc,#a855f7,#7c3aed,transparent);background-size:200% 100%;
  animation:vxn-ftline 6s linear infinite;}
@keyframes vxn-ftline{to{background-position:200% 0;}}
.vxn-ft-glow{position:absolute;top:-60px;left:50%;width:78%;max-width:880px;height:320px;pointer-events:none;z-index:0;
  transform:translateX(-50%);background:radial-gradient(ellipse at center,rgba(124,58,237,.18),transparent 70%);
  animation:vxn-ftglow 7s ease-in-out infinite;}
@keyframes vxn-ftglow{0%,100%{opacity:.55;transform:translateX(-50%) scale(1);}50%{opacity:1;transform:translateX(-50%) scale(1.08);}}
.vxn-ft-cta,.vxn-ft-grid,.vxn-ft-disc,.vxn-ft-bottom{position:relative;z-index:1;}
.vxn-ft-cta-btn{position:relative;overflow:hidden;}
.vxn-ft-cta-btn::after{content:"";position:absolute;top:0;left:-65%;width:42%;height:100%;transform:skewX(-18deg);
  background:linear-gradient(105deg,transparent,rgba(255,255,255,.4),transparent);animation:vxn-shimmer 3.6s ease-in-out infinite;}
@keyframes vxn-shimmer{0%,70%{left:-65%;}100%{left:135%;}}
.vxn-ft-cta-btn > svg{position:relative;z-index:1;transition:transform .25s var(--vxn-ease);}
.vxn-ft-cta-btn:hover > svg{transform:translateX(4px);}
.vxn-ft-col a{position:relative;transition:color .22s,padding-left .22s;}
.vxn-ft-col a::before{content:"";position:absolute;left:0;top:50%;width:9px;height:2px;border-radius:2px;
  transform:translateY(-50%) scaleX(0);transform-origin:left;background:linear-gradient(90deg,#7c3aed,#c084fc);transition:transform .22s;}
.vxn-ft-col a:hover{color:var(--vxn-blue);padding-left:15px;}
.vxn-ft-col a:hover::before{transform:translateY(-50%) scaleX(1);}
.vxn-ft-social a{position:relative;overflow:hidden;
  transition:color .2s,border-color .2s,transform .25s var(--vxn-ease),box-shadow .25s;}
.vxn-ft-social a > svg{position:relative;z-index:1;}
.vxn-ft-social a::before{content:"";position:absolute;inset:0;opacity:0;transition:opacity .25s;
  background:linear-gradient(135deg,#7c3aed,#a855f7);}
.vxn-ft-social a:hover{color:#fff;border-color:transparent;transform:translateY(-3px);box-shadow:0 10px 24px -8px rgba(124,58,237,.55);}
.vxn-ft-social a:hover::before{opacity:1;}
.vxn-ft-brand .vxn-hd-mark{filter:drop-shadow(0 0 10px rgba(124,58,237,.4));}

/* ===== FOMO single-quote rotator (below footer) ===== */
.vxn-fomo{position:relative;overflow:hidden;padding:26px 22px;display:flex;justify-content:center;
  background:linear-gradient(90deg,#6d28d9,#7c3aed,#a855f7,#7c3aed,#6d28d9);background-size:220% 100%;
  animation:vxn-fomobg 14s ease infinite;}
@keyframes vxn-fomobg{0%,100%{background-position:0% 0;}50%{background-position:100% 0;}}
.vxn-fomo-stage{position:relative;width:100%;max-width:var(--vxn-shell);min-height:30px;}
.vxn-fomo-q{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:0;text-align:center;
  font-family:var(--vxn-font-display);font-weight:600;font-size:clamp(.95rem,2vw,1.18rem);color:#fff;padding:0 8px;
  opacity:0;transform:translateY(14px);transition:opacity .55s var(--vxn-ease),transform .55s var(--vxn-ease);}
.vxn-fomo-q.is-on{opacity:1;transform:translateY(0);}
.vxn-fomo-q.is-out{opacity:0;transform:translateY(-14px);}
@media (prefers-reduced-motion:reduce){.vxn-fomo{animation:none;}.vxn-fomo-q{transition:none;}}

/* ===== floating action buttons : WhatsApp + Get in touch ===== */
.vxn-fab{position:fixed;right:22px;bottom:24px;z-index:85;display:flex;flex-direction:column;gap:13px;align-items:flex-end;}
.vxn-fab a{position:relative;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;
  box-shadow:0 12px 30px -8px rgba(0,0,0,.32);transition:transform .25s var(--vxn-ease),box-shadow .25s;}
.vxn-fab a:hover{transform:translateY(-3px) scale(1.04);}
.vxn-fab-wa{width:56px;height:56px;border-radius:50%;background:linear-gradient(145deg,#25d366,#0e9f6e);color:#fff;}
.vxn-fab-wa svg{width:30px;height:30px;}
.vxn-fab-wa:hover{box-shadow:0 16px 36px -8px rgba(37,211,102,.6);}
.vxn-fab-wa::after{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid #25d366;
  animation:vxn-fabpulse 2.6s ease-out infinite;}
@keyframes vxn-fabpulse{0%{transform:scale(1);opacity:.7;}100%{transform:scale(1.55);opacity:0;}}
.vxn-fab-gt{gap:9px;padding:0 20px;height:56px;border-radius:30px;color:#fff;
  background:linear-gradient(135deg,#7c3aed,#a855f7,#c084fc);background-size:170% 170%;
  font-family:var(--vxn-font-display);font-weight:700;font-size:.92rem;animation:vxn-fabgrad 5s ease infinite;}
.vxn-fab-gt svg{width:20px;height:20px;}
.vxn-fab-gt:hover{box-shadow:0 16px 36px -8px rgba(124,58,237,.6);}
@keyframes vxn-fabgrad{0%,100%{background-position:0% 50%;}50%{background-position:100% 50%;}}
@media (max-width:780px){
  .vxn-fab{right:16px;bottom:82px;}
  .vxn-fab-gt span{display:none;}
  .vxn-fab-gt{width:56px;padding:0;border-radius:50%;}
}
@media (prefers-reduced-motion:reduce){
  .vxn-ft::before,.vxn-ft-glow,.vxn-ft-cta-btn::after,.vxn-fomo-track,.vxn-fab-gt{animation:none;}
  .vxn-fab-wa::after{display:none;}
  .vxn-fomo-track{flex-wrap:wrap;justify-content:center;}
}
/* ===== footer newsletter ===== */
.vxn-news{margin-top:24px;max-width:350px;}
.vxn-news-label{display:block;font-family:var(--vxn-font-display);font-weight:700;font-size:.96rem;color:var(--vxn-ink);}
.vxn-news-sub{color:var(--vxn-muted);font-size:.84rem;line-height:1.5;margin:6px 0 12px;}
.vxn-news-row{display:flex;gap:8px;padding:5px;border-radius:13px;background:var(--vxn-glass-2);
  border:1px solid var(--vxn-glass-brd);transition:border-color .2s,box-shadow .2s;}
.vxn-news-row:focus-within{border-color:var(--vxn-blue);box-shadow:0 0 0 3px rgba(124,58,237,.13);}
.vxn-news-row input{flex:1;min-width:0;background:transparent;border:none;outline:none;
  font-family:var(--vxn-font-body);font-size:.9rem;color:var(--vxn-ink);padding:8px 10px;}
.vxn-news-row input::placeholder{color:var(--vxn-faint);}
.vxn-news-row button{flex:none;width:44px;border:none;cursor:pointer;border-radius:9px;color:#fff;display:grid;place-items:center;
  background:linear-gradient(135deg,#7c3aed,#a855f7);transition:transform .2s,box-shadow .2s;}
.vxn-news-row button:hover{transform:translateY(-1px);box-shadow:0 8px 20px -6px rgba(124,58,237,.6);}
.vxn-news-row button svg{width:17px;height:17px;}
.vxn-news-msg{display:inline-flex;align-items:center;gap:6px;margin-top:11px;font-size:.82rem;font-weight:600;color:var(--vxn-green);}

/* ===== floating button : works as <button> too ===== */
.vxn-fab button{position:relative;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;border:none;
  box-shadow:0 12px 30px -8px rgba(0,0,0,.32);transition:transform .25s var(--vxn-ease),box-shadow .25s;}
.vxn-fab button:hover{transform:translateY(-3px) scale(1.04);}

/* ===== audit modal ===== */
.vxn-modal{position:fixed;inset:0;z-index:120;display:flex;align-items:center;justify-content:center;padding:20px;
  opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s;}
.vxn-modal.is-open{opacity:1;visibility:visible;}
.vxn-modal-backdrop{position:absolute;inset:0;background:rgba(10,6,22,.6);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);}
.vxn-modal-card{position:relative;z-index:1;width:100%;max-width:460px;max-height:90vh;overflow:auto;
  background:var(--vxn-panel);border:1px solid var(--vxn-glass-brd);border-radius:20px;padding:30px 28px 28px;
  box-shadow:0 40px 90px -20px rgba(0,0,0,.5);transform:translateY(16px) scale(.98);transition:transform .35s var(--vxn-ease);}
.vxn-modal.is-open .vxn-modal-card{transform:none;}
.vxn-modal-card::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;border-radius:20px 20px 0 0;
  background:linear-gradient(90deg,#7c3aed,#a855f7,#c084fc);}
.vxn-modal-x{position:absolute;top:14px;right:14px;width:34px;height:34px;border-radius:9px;border:1px solid var(--vxn-glass-brd);
  background:var(--vxn-glass-2);color:var(--vxn-muted);display:grid;place-items:center;cursor:pointer;transition:color .2s,border-color .2s;}
.vxn-modal-x:hover{color:var(--vxn-ink);border-color:var(--vxn-blue);}
.vxn-modal-x svg{width:16px;height:16px;}
.vxn-modal-head h3{font-family:var(--vxn-font-display);font-weight:800;font-size:1.42rem;color:var(--vxn-ink);margin:9px 0 8px;letter-spacing:-.02em;}
.vxn-modal-head p{color:var(--vxn-muted);font-size:.92rem;line-height:1.55;margin:0 0 20px;}
.vxn-audit-form{display:flex;flex-direction:column;gap:13px;}
.vxn-audit-form label{display:flex;flex-direction:column;gap:6px;font-family:var(--vxn-font-display);font-weight:600;font-size:.78rem;color:var(--vxn-ink-2);}
.vxn-field-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px;}
.vxn-audit-form input{font-family:var(--vxn-font-body);font-size:.92rem;color:var(--vxn-ink);
  background:var(--vxn-glass-2);border:1px solid var(--vxn-glass-brd);border-radius:10px;padding:11px 13px;transition:border-color .2s,box-shadow .2s;}
.vxn-audit-form input::placeholder{color:var(--vxn-faint);}
.vxn-audit-form input:focus{outline:none;border-color:var(--vxn-blue);box-shadow:0 0 0 3px rgba(124,58,237,.15);}
.vxn-audit-note{font-size:.8rem;color:var(--vxn-muted);line-height:1.5;margin:2px 0 4px;padding:10px 12px;border-radius:10px;
  background:rgba(124,58,237,.06);border:1px solid var(--vxn-glass-brd);transition:background .25s,border-color .25s,color .25s;}
.vxn-audit-note a{color:var(--vxn-blue);font-weight:600;}
.vxn-audit-note.is-warn{background:rgba(244,63,94,.1);border-color:rgba(244,63,94,.45);color:var(--vxn-ink-2);}
.vxn-audit-submit{margin-top:4px;display:inline-flex;align-items:center;justify-content:center;gap:9px;
  font-family:var(--vxn-font-display);font-weight:700;font-size:.95rem;color:#fff;border:none;cursor:pointer;
  background:linear-gradient(135deg,#7c3aed,#a855f7,#c084fc);background-size:170% 170%;border-radius:12px;padding:14px;
  box-shadow:0 14px 30px -10px rgba(124,58,237,.6);transition:transform .2s,box-shadow .2s,background-position .45s;}
.vxn-audit-submit:hover{transform:translateY(-2px);background-position:100% 50%;box-shadow:0 18px 38px -10px rgba(124,58,237,.7);}
.vxn-audit-submit svg{width:17px;height:17px;}
.vxn-audit-done{text-align:center;padding:14px 0 6px;}
.vxn-audit-done .ok{width:58px;height:58px;border-radius:50%;margin:0 auto 16px;display:grid;place-items:center;color:#fff;
  background:linear-gradient(135deg,#10b981,#34d399);box-shadow:0 12px 28px -8px rgba(16,185,129,.6);}
.vxn-audit-done .ok svg{width:28px;height:28px;}
.vxn-audit-done h4{font-family:var(--vxn-font-display);font-weight:700;font-size:1.2rem;color:var(--vxn-ink);margin:0 0 8px;}
.vxn-audit-done p{color:var(--vxn-muted);font-size:.92rem;line-height:1.55;margin:0;}
.vxn-audit-done #vxn-audit-url{color:var(--vxn-blue);font-weight:600;word-break:break-all;}
@media (max-width:480px){.vxn-field-grid{grid-template-columns:1fr;}}

/* ===== MEDICAL MARIJUANA SPECIALTY PAGE ===== */
/* =====================================================================
   VAYUNEX — SOLUTIONS / LEAD GENERATION page  (theme-aware, token-driven)
   Layman explainer: zero → advanced. Classes namespaced .vxn-s* / .vxn-faq.
   ===================================================================== */

/* active nav (link + mega trigger) */
.vxn-hd-nav .vxn-hd-link[aria-current="page"],
.vxn-hd-nav .vxn-hd-mega-btn[aria-current="page"]{color:var(--vxn-ink);}
.vxn-hd-nav .vxn-hd-link[aria-current="page"]::after,
.vxn-hd-nav .vxn-hd-mega-btn[aria-current="page"]::after{content:"";position:absolute;left:13px;right:13px;bottom:5px;
  height:2px;border-radius:2px;background:var(--vxn-grad-cta);}
.vxn-hd-nav .vxn-hd-mega-btn[aria-current="page"]{position:relative;}

/* ---------- plain-English definition card ---------- */
.vxn-sdef{max-width:820px;margin:46px auto 0;text-align:center;border-radius:var(--vxn-r);padding:clamp(30px,4vw,44px);
  background:var(--vxn-glass-2);border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);position:relative;overflow:hidden;}
.vxn-sdef::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(520px 240px at 50% -10%,rgba(124,58,237,.14),transparent 70%);}
.vxn-sdef .in{position:relative;z-index:1;}
.vxn-sdef .eq{font-family:var(--vxn-font-mono);font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--vxn-blue);margin-bottom:14px;}
.vxn-sdef p{font-family:var(--vxn-font-display);font-weight:600;font-size:clamp(1.15rem,2.6vw,1.6rem);line-height:1.5;color:var(--vxn-ink);margin:0;}
.vxn-sdef p b{background:var(--vxn-grad-text);-webkit-background-clip:text;background-clip:text;color:transparent;}

/* ---------- node flow (stranger -> lead -> patient) ---------- */
.vxn-sflow{display:flex;align-items:stretch;justify-content:center;flex-wrap:wrap;gap:6px;margin-top:46px;}
.vxn-sflow-node{display:flex;flex-direction:column;align-items:center;gap:11px;text-align:center;padding:24px 20px;min-width:158px;
  border-radius:var(--vxn-r);background:var(--vxn-glass);border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);}
.vxn-sflow-node.hot{border-color:var(--vxn-blue);background:var(--vxn-glass-2);}
.vxn-sflow-node .ic{width:50px;height:50px;border-radius:14px;display:grid;place-items:center;background:rgba(124,58,237,.1);color:var(--vxn-blue);}
.vxn-sflow-node.hot .ic{background:var(--vxn-grad-cta);color:#fff;}
.vxn-sflow-node .ic svg{width:25px;height:25px;}
.vxn-sflow-node b{font-family:var(--vxn-font-display);font-size:1rem;color:var(--vxn-ink);}
.vxn-sflow-node span{font-size:.79rem;color:var(--vxn-muted);max-width:150px;}
.vxn-sflow-arrow{display:grid;place-items:center;color:var(--vxn-blue-2);flex:none;}
.vxn-sflow-arrow svg{width:26px;height:26px;}

/* ---------- example callout ---------- */
.vxn-sexample{display:flex;gap:14px;align-items:flex-start;padding:18px 20px;border-radius:var(--vxn-r-sm);
  background:rgba(124,58,237,.06);border:1px solid var(--vxn-line);border-left:3px solid var(--vxn-blue);margin-top:22px;}
.vxn-sexample .ic{flex:none;width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:rgba(124,58,237,.12);color:var(--vxn-amber);}
.vxn-sexample .ic svg{width:18px;height:18px;}
.vxn-sexample .tx{font-size:.92rem;color:var(--vxn-ink-2);line-height:1.6;}
.vxn-sexample .tx .tag{display:block;font-family:var(--vxn-font-mono);font-size:.64rem;letter-spacing:.14em;text-transform:uppercase;color:var(--vxn-blue);margin-bottom:5px;}
.vxn-sexample .tx b{color:var(--vxn-ink);font-weight:600;}

/* ---------- two-col text + visual ---------- */
.vxn-stwo{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,5vw,56px);align-items:center;margin-top:8px;}
.vxn-stwo.rev .vxn-stwo-visual{order:-1;}

/* ---------- photo frame ---------- */
.vxn-sphoto{position:relative;border-radius:var(--vxn-r);overflow:hidden;border:1px solid var(--vxn-glass-brd);
  box-shadow:var(--vxn-shadow);aspect-ratio:16/11;background:var(--vxn-panel-2);}
.vxn-sphoto img{width:100%;height:100%;object-fit:cover;display:block;}
.vxn-sphoto .cap{position:absolute;left:0;right:0;bottom:0;padding:16px 18px;font-family:var(--vxn-font-mono);font-size:.72rem;
  color:#fff;background:linear-gradient(180deg,transparent,rgba(8,6,20,.78));}

/* small inline chart card */
.vxn-schart{border-radius:var(--vxn-r);padding:24px;background:var(--vxn-glass);border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);}
.vxn-schart svg{width:100%;height:auto;display:block;}
.vxn-schart-key{display:flex;flex-wrap:wrap;gap:16px;margin-top:14px;font-family:var(--vxn-font-mono);font-size:.72rem;color:var(--vxn-muted);}
.vxn-schart-key i{display:inline-block;width:22px;height:3px;border-radius:3px;margin-right:7px;vertical-align:middle;}

/* ---------- levels (zero to advanced) ---------- */
.vxn-slevels{display:grid;gap:18px;margin-top:48px;}
.vxn-slevel{display:grid;grid-template-columns:128px 1fr;gap:26px;padding:30px 30px;border-radius:var(--vxn-r);
  background:var(--vxn-glass);border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);}
.vxn-slevel-badge{text-align:center;}
.vxn-slevel-badge .no{font-family:var(--vxn-font-display);font-weight:800;font-size:3.2rem;line-height:1;
  background:var(--vxn-grad-text);-webkit-background-clip:text;background-clip:text;color:transparent;}
.vxn-slevel-badge .lv{display:inline-block;margin-top:10px;font-family:var(--vxn-font-mono);font-size:.66rem;letter-spacing:.14em;
  text-transform:uppercase;color:#fff;background:var(--vxn-grad-cta);padding:5px 11px;border-radius:999px;}
.vxn-slevel-body h3{margin:0 0 6px;font-family:var(--vxn-font-display);font-size:1.28rem;color:var(--vxn-ink);}
.vxn-slevel-body .sub{margin:0 0 16px;font-size:.95rem;color:var(--vxn-muted);line-height:1.55;}
.vxn-slevel-list{list-style:none;margin:0;padding:0;display:grid;gap:11px;}
.vxn-slevel-list li{display:flex;gap:11px;align-items:flex-start;font-size:.92rem;color:var(--vxn-ink-2);line-height:1.5;}
.vxn-slevel-list li svg{width:18px;height:18px;flex:none;margin-top:2px;color:var(--vxn-green);}
.vxn-slevel-list li b{color:var(--vxn-ink);font-weight:600;}

/* ---------- channel cards ---------- */
.vxn-schannels{display:grid;grid-template-columns:repeat(auto-fit,minmax(282px,1fr));gap:16px;margin-top:42px;}
.vxn-schan{display:flex;flex-direction:column;border-radius:var(--vxn-r);background:var(--vxn-glass);
  border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);padding:26px 24px;transition:transform .3s var(--vxn-ease),border-color .3s;}
.vxn-schan:hover{transform:translateY(-4px);border-color:var(--vxn-blue);}
.vxn-schan .ic{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;background:rgba(124,58,237,.1);color:var(--vxn-blue);margin-bottom:14px;}
.vxn-schan .ic svg{width:24px;height:24px;}
.vxn-schan h4{margin:0 0 4px;font-family:var(--vxn-font-display);font-size:1.1rem;color:var(--vxn-ink);}
.vxn-schan .kind{font-family:var(--vxn-font-mono);font-size:.64rem;letter-spacing:.12em;text-transform:uppercase;color:var(--vxn-blue-2);}
.vxn-schan p{margin:13px 0 0;font-size:.88rem;color:var(--vxn-ink-2);line-height:1.55;}
.vxn-schan .best{display:flex;gap:7px;align-items:flex-start;margin-top:auto;padding-top:15px;font-family:var(--vxn-font-mono);font-size:.72rem;color:var(--vxn-green);line-height:1.45;}
.vxn-schan .best svg{width:13px;height:13px;flex:none;margin-top:2px;}

/* ---------- conversion funnel ---------- */
.vxn-sfunnel{max-width:680px;margin:48px auto 0;display:flex;flex-direction:column;align-items:center;gap:7px;}
.vxn-sfunnel-row{width:100%;display:flex;flex-direction:column;align-items:center;}
.vxn-sfunnel-bar{width:var(--w);max-width:100%;min-height:64px;border-radius:13px;background:var(--vxn-grad-cta);
  display:flex;align-items:center;justify-content:space-between;gap:14px;padding:0 22px;color:#fff;box-shadow:0 12px 30px -14px rgba(124,58,237,.7);}
.vxn-sfunnel-bar .n{font-family:var(--vxn-font-display);font-weight:800;font-size:clamp(1.25rem,3vw,1.7rem);font-variant-numeric:tabular-nums;letter-spacing:-.02em;}
.vxn-sfunnel-bar .lab{font-family:var(--vxn-font-mono);font-size:.73rem;letter-spacing:.03em;text-align:right;line-height:1.3;opacity:.96;}
.vxn-sfunnel-drop{font-family:var(--vxn-font-mono);font-size:.68rem;color:var(--vxn-faint);margin:2px 0;}

/* ---------- industry fit ---------- */
.vxn-sfit{display:grid;grid-template-columns:repeat(auto-fit,minmax(264px,1fr));gap:16px;margin-top:42px;}
.vxn-sfit-card{border-radius:var(--vxn-r);background:var(--vxn-glass);border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);padding:24px 22px;}
.vxn-sfit-top{display:flex;align-items:center;justify-content:space-between;gap:10px;}
.vxn-sfit-card h4{margin:0;font-family:var(--vxn-font-display);font-size:1.06rem;color:var(--vxn-ink);}
.vxn-sfit-rating{font-family:var(--vxn-font-mono);font-size:.64rem;letter-spacing:.1em;text-transform:uppercase;color:var(--vxn-blue);white-space:nowrap;}
.vxn-sfit-meter{display:flex;gap:5px;margin:14px 0;}
.vxn-sfit-meter i{height:7px;flex:1;border-radius:4px;background:rgba(var(--ln),.18);}
.vxn-sfit-meter i.on{background:var(--vxn-grad-cta);}
.vxn-sfit-card p{margin:0;font-size:.85rem;color:var(--vxn-muted);line-height:1.55;}

/* ---------- readiness checklist ---------- */
.vxn-sready{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px;margin-top:40px;}
.vxn-sready-item{display:flex;gap:13px;align-items:flex-start;padding:20px;border-radius:var(--vxn-r-sm);
  background:var(--vxn-glass);border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);}
.vxn-sready-item .ck{flex:none;width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:rgba(16,185,129,.12);color:var(--vxn-green);}
.vxn-sready-item .ck svg{width:17px;height:17px;}
.vxn-sready-item p{margin:0;font-size:.9rem;color:var(--vxn-ink-2);line-height:1.5;}
.vxn-sready-item p b{color:var(--vxn-ink);font-weight:600;}

/* ---------- budget tiers ---------- */
.vxn-stiers{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:42px;}
.vxn-stier{display:flex;flex-direction:column;border-radius:var(--vxn-r);background:var(--vxn-glass);
  border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);padding:28px 26px;position:relative;}
.vxn-stier.feature{border-color:var(--vxn-blue);background:var(--vxn-glass-2);}
.vxn-stier .badge{position:absolute;top:-11px;left:26px;font-family:var(--vxn-font-mono);font-size:.62rem;letter-spacing:.12em;
  text-transform:uppercase;color:#fff;background:var(--vxn-grad-cta);padding:5px 11px;border-radius:999px;box-shadow:var(--vxn-glow-cta);}
.vxn-stier .name{font-family:var(--vxn-font-mono);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--vxn-blue-2);}
.vxn-stier .spend{font-family:var(--vxn-font-display);font-weight:800;font-size:1.85rem;color:var(--vxn-ink);margin:8px 0 2px;letter-spacing:-.02em;}
.vxn-stier .spend span{font-size:.9rem;font-weight:500;color:var(--vxn-muted);}
.vxn-stier .who{font-size:.86rem;color:var(--vxn-muted);line-height:1.5;margin:0 0 18px;}
.vxn-stier ul{list-style:none;margin:0 0 18px;padding:0;display:grid;gap:10px;}
.vxn-stier li{display:flex;gap:10px;align-items:flex-start;font-size:.86rem;color:var(--vxn-ink-2);line-height:1.45;}
.vxn-stier li svg{width:16px;height:16px;flex:none;margin-top:2px;color:var(--vxn-green);}
.vxn-stier .exp{margin-top:auto;padding-top:16px;border-top:1px dashed var(--vxn-line);font-family:var(--vxn-font-mono);font-size:.74rem;color:var(--vxn-ink-2);}
.vxn-stier .exp b{color:var(--vxn-blue-2);}

/* ---------- results table ---------- */
.vxn-stable-wrap{margin-top:42px;overflow-x:auto;border-radius:var(--vxn-r);border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);}
.vxn-stable{width:100%;border-collapse:collapse;min-width:560px;background:var(--vxn-glass);}
.vxn-stable thead th{font-family:var(--vxn-font-mono);font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:var(--vxn-faint);
  text-align:left;padding:16px 20px;border-bottom:1px solid var(--vxn-line-2);background:rgba(var(--w),.03);}
.vxn-stable tbody td{padding:15px 20px;border-bottom:1px solid var(--vxn-line);font-size:.9rem;color:var(--vxn-ink-2);}
.vxn-stable tbody tr:last-child td{border-bottom:none;}
.vxn-stable tbody td:first-child{font-family:var(--vxn-font-display);font-weight:600;color:var(--vxn-ink);}
.vxn-stable tbody td .g{color:var(--vxn-green);font-family:var(--vxn-font-mono);font-weight:600;}

/* ---------- FAQ accordion (native details) ---------- */
.vxn-faq{max-width:820px;margin:42px auto 0;display:grid;gap:12px;}
.vxn-faq-item{border:1px solid var(--vxn-glass-brd);background:var(--vxn-glass);border-radius:var(--vxn-r-sm);
  box-shadow:var(--vxn-shadow);overflow:hidden;}
.vxn-faq-item summary{list-style:none;cursor:pointer;padding:20px 22px;display:flex;justify-content:space-between;align-items:center;gap:16px;
  font-family:var(--vxn-font-display);font-weight:600;font-size:1.02rem;color:var(--vxn-ink);}
.vxn-faq-item summary::-webkit-details-marker{display:none;}
.vxn-faq-item summary .pl{flex:none;color:var(--vxn-blue-2);transition:transform .3s var(--vxn-ease);}
.vxn-faq-item summary .pl svg{width:20px;height:20px;display:block;}
.vxn-faq-item[open] summary .pl{transform:rotate(135deg);}
.vxn-faq-item[open] summary{color:var(--vxn-blue-2);}
.vxn-faq-item .a{padding:0 22px 21px;font-size:.94rem;color:var(--vxn-ink-2);line-height:1.66;}
.vxn-faq-item .a b{color:var(--vxn-ink);font-weight:600;}

/* ---------- closing CTA ---------- */
.vxn-scta{position:relative;text-align:center;border-radius:var(--vxn-r);padding:clamp(42px,6vw,70px) 28px;overflow:hidden;
  background:var(--vxn-glass-2);border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);}
.vxn-scta::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(720px 360px at 50% -20%,rgba(124,58,237,.18),transparent 70%);}
.vxn-scta .in{position:relative;z-index:1;max-width:660px;margin-inline:auto;}
.vxn-scta .vxn-hero-cta{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:30px;}

/* ---------- responsive ---------- */
@media (max-width:920px){
  .vxn-stwo{grid-template-columns:1fr;gap:32px;}
  .vxn-stwo.rev .vxn-stwo-visual{order:0;}
  .vxn-stiers{grid-template-columns:1fr;}
}
@media (max-width:680px){
  .vxn-slevel{grid-template-columns:1fr;gap:18px;}
  .vxn-slevel-badge{display:flex;align-items:center;gap:14px;}
  .vxn-slevel-badge .no{font-size:2.4rem;}
  .vxn-slevel-badge .lv{margin-top:0;}
  .vxn-sflow-arrow{transform:rotate(90deg);}
}
@media (prefers-reduced-motion:reduce){
  .vxn-schan,.vxn-faq-item summary .pl{transition:none;}
}

/* mini chart strokes (var()/url() valid only in CSS, not SVG attrs) */
.vxn-schart-base{stroke:var(--vxn-line-2);stroke-width:1;}
.vxn-schart-wom{fill:none;stroke:var(--vxn-faint);stroke-width:2.5;stroke-dasharray:5 5;stroke-linecap:round;stroke-linejoin:round;}
.vxn-schart-lead{fill:none;stroke:url(#vxnSLead);stroke-width:3.4;stroke-linecap:round;stroke-linejoin:round;}

/* ===================================================================== */
/* PAID ACQUISITION additions (.vxn-p*)                                   */
/* ===================================================================== */

/* metric definition cards */
.vxn-pmetrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px;margin-top:42px;}
.vxn-pmetric{border-radius:var(--vxn-r);background:var(--vxn-glass);border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);padding:22px 22px;}
.vxn-pmetric .ab{display:flex;align-items:baseline;gap:9px;flex-wrap:wrap;}
.vxn-pmetric .ab b{font-family:var(--vxn-font-display);font-weight:800;font-size:1.5rem;letter-spacing:-.01em;background:var(--vxn-grad-text);-webkit-background-clip:text;background-clip:text;color:transparent;}
.vxn-pmetric .ab span{font-family:var(--vxn-font-mono);font-size:.66rem;letter-spacing:.06em;text-transform:uppercase;color:var(--vxn-muted);}
.vxn-pmetric p{margin:11px 0 0;font-size:.88rem;color:var(--vxn-ink-2);line-height:1.55;}
.vxn-pmetric p b{color:var(--vxn-ink);font-weight:600;}
.vxn-pmetric .eg{margin-top:11px;font-family:var(--vxn-font-mono);font-size:.72rem;color:var(--vxn-blue-2);}

/* ad-economics money map */
.vxn-peco{margin-top:44px;border-radius:var(--vxn-r);background:var(--vxn-glass-2);border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);padding:clamp(26px,4vw,40px);position:relative;overflow:hidden;}
.vxn-peco::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(600px 280px at 50% -10%,rgba(124,58,237,.14),transparent 70%);}
.vxn-peco-row{position:relative;z-index:1;display:flex;align-items:stretch;justify-content:center;flex-wrap:wrap;gap:6px;}
.vxn-peco-step{flex:1;min-width:118px;text-align:center;padding:18px 14px;border-radius:var(--vxn-r-sm);background:var(--vxn-glass);border:1px solid var(--vxn-glass-brd);}
.vxn-peco-step.in{border-color:var(--vxn-blue);}
.vxn-peco-step.out{border-color:var(--vxn-green);}
.vxn-peco-step .v{font-family:var(--vxn-font-display);font-weight:800;font-size:clamp(1.1rem,2.4vw,1.5rem);color:var(--vxn-ink);font-variant-numeric:tabular-nums;}
.vxn-peco-step.in .v{color:var(--vxn-blue-2);}
.vxn-peco-step.out .v{color:var(--vxn-green);}
.vxn-peco-step .k{font-family:var(--vxn-font-mono);font-size:.65rem;letter-spacing:.05em;text-transform:uppercase;color:var(--vxn-muted);margin-top:5px;}
.vxn-peco-arrow{display:grid;place-items:center;color:var(--vxn-blue-2);flex:none;}
.vxn-peco-arrow svg{width:22px;height:22px;}
.vxn-peco-foot{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;margin-top:26px;}
.vxn-peco-roas{display:inline-flex;align-items:baseline;gap:9px;padding:13px 26px;border-radius:999px;background:var(--vxn-grad-cta);color:#fff;box-shadow:var(--vxn-glow-cta);}
.vxn-peco-roas b{font-family:var(--vxn-font-display);font-weight:800;font-size:1.8rem;}
.vxn-peco-roas span{font-family:var(--vxn-font-mono);font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;opacity:.95;}

/* common mistakes */
.vxn-pmistakes{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px;margin-top:42px;}
.vxn-pmistake{border-radius:var(--vxn-r);background:var(--vxn-glass);border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);padding:24px 24px;border-left:3px solid var(--vxn-red);}
.vxn-pmistake .x{display:flex;align-items:center;gap:10px;margin-bottom:11px;}
.vxn-pmistake .x .ic{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:rgba(244,63,94,.12);color:var(--vxn-red);flex:none;}
.vxn-pmistake .x .ic svg{width:17px;height:17px;}
.vxn-pmistake .x b{font-family:var(--vxn-font-display);font-size:1rem;color:var(--vxn-ink);}
.vxn-pmistake p{margin:0;font-size:.88rem;color:var(--vxn-ink-2);line-height:1.55;}
.vxn-pmistake .fix{display:flex;gap:8px;align-items:flex-start;margin-top:13px;padding-top:13px;border-top:1px solid var(--vxn-line);font-size:.86rem;color:var(--vxn-ink-2);line-height:1.5;}
.vxn-pmistake .fix svg{width:15px;height:15px;flex:none;margin-top:2px;color:var(--vxn-green);}
.vxn-pmistake .fix b{color:var(--vxn-green);font-weight:600;font-family:var(--vxn-font-mono);font-size:.7rem;text-transform:uppercase;letter-spacing:.06em;margin-right:3px;}

@media (max-width:680px){ .vxn-peco-arrow{transform:rotate(90deg);} }

/* ===================================================================== */
/* MED SPA specialty page additions (.vxn-ms*)                            */
/* ===================================================================== */

/* engine cards as links */
a.vxn-schan{text-decoration:none;color:inherit;display:block;transition:transform .25s var(--vxn-ease),border-color .25s var(--vxn-ease);}
a.vxn-schan:hover{transform:translateY(-4px);border-color:var(--vxn-line-2);}
a.vxn-schan .best{color:var(--vxn-blue-2);}

/* before / after transformation */
.vxn-msba{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:44px;}
@media(max-width:720px){.vxn-msba{grid-template-columns:1fr;}}
.vxn-msba-col{border-radius:var(--vxn-r);border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);padding:28px 26px;background:var(--vxn-glass);}
.vxn-msba-col.after{background:var(--vxn-glass-2);border-color:var(--vxn-line-2);position:relative;overflow:hidden;}
.vxn-msba-col.after::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(420px 200px at 80% -10%,rgba(124,58,237,.13),transparent 70%);}
.vxn-msba-h{display:flex;align-items:center;gap:11px;margin-bottom:20px;position:relative;z-index:1;}
.vxn-msba-h .lbl{font-family:var(--vxn-font-mono);font-size:.68rem;letter-spacing:.07em;text-transform:uppercase;}
.vxn-msba-col.before .lbl{color:var(--vxn-muted);}
.vxn-msba-col.after .lbl{color:var(--vxn-blue-2);}
.vxn-msba-h h3{font-family:var(--vxn-font-display);font-size:1.25rem;color:var(--vxn-ink);margin:0;letter-spacing:-.01em;}
.vxn-msba-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px;position:relative;z-index:1;}
.vxn-msba-list li{display:flex;gap:12px;align-items:flex-start;font-size:.92rem;color:var(--vxn-ink-2);line-height:1.5;}
.vxn-msba-list li .ic{width:22px;height:22px;border-radius:6px;flex:none;display:grid;place-items:center;margin-top:1px;}
.vxn-msba-col.before li .ic{background:rgba(244,63,94,.10);color:var(--vxn-red);}
.vxn-msba-col.after li .ic{background:rgba(16,185,129,.12);color:var(--vxn-green);}
.vxn-msba-list li .ic svg{width:13px;height:13px;}
.vxn-msba-col.after li b{color:var(--vxn-ink);font-weight:600;}

/* impact tiles */
.vxn-msimpact{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px;margin-top:42px;}
.vxn-msimpact-tile{border-radius:var(--vxn-r);background:var(--vxn-glass);border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);padding:26px 22px;text-align:center;}
.vxn-msimpact-tile .big{font-family:var(--vxn-font-display);font-weight:800;font-size:2.3rem;line-height:1;letter-spacing:-.01em;background:var(--vxn-grad-text);-webkit-background-clip:text;background-clip:text;color:transparent;font-variant-numeric:tabular-nums;}
.vxn-msimpact-tile .lbl{font-family:var(--vxn-font-display);font-size:.98rem;color:var(--vxn-ink);margin-top:11px;font-weight:600;}
.vxn-msimpact-tile .sub{font-size:.82rem;color:var(--vxn-muted);margin-top:6px;line-height:1.45;}

/* journey timeline */
.vxn-msflow{margin-top:44px;display:flex;flex-direction:column;}
.vxn-msstep{display:grid;grid-template-columns:auto 1fr;gap:20px;position:relative;padding-bottom:26px;}
.vxn-msstep:last-child{padding-bottom:0;}
.vxn-msstep-rail{display:flex;flex-direction:column;align-items:center;}
.vxn-msstep-num{width:46px;height:46px;border-radius:50%;flex:none;display:grid;place-items:center;font-family:var(--vxn-font-display);font-weight:800;font-size:1.05rem;color:#fff;background:var(--vxn-grad-cta);box-shadow:var(--vxn-glow-cta);z-index:1;}
.vxn-msstep-line{flex:1;width:2px;background:var(--vxn-line-2);margin-top:4px;border-radius:2px;}
.vxn-msstep:last-child .vxn-msstep-line{display:none;}
.vxn-msstep-body{border-radius:var(--vxn-r);background:var(--vxn-glass);border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);padding:22px 24px;}
.vxn-msstep-body .when{font-family:var(--vxn-font-mono);font-size:.68rem;letter-spacing:.06em;text-transform:uppercase;color:var(--vxn-blue-2);}
.vxn-msstep-body h4{font-family:var(--vxn-font-display);font-size:1.12rem;color:var(--vxn-ink);margin:5px 0 8px;letter-spacing:-.01em;}
.vxn-msstep-body p{font-size:.9rem;color:var(--vxn-ink-2);line-height:1.55;margin:0;}
.vxn-msstep-body p .need{color:var(--vxn-ink);font-weight:600;}



/* From method.html */

/* =====================================================================
   VAYUNEX — DESIGN SYSTEM v2
   Light-default, royal-purple. Dark mode via :root[data-theme="dark"].
   Theme bases: --w (tint), --ln (hairline), --mk (screen-mock surface)
   flip per theme so one stylesheet serves both. Accents are shared.
   Type:  Sora (display) · Manrope (body) · JetBrains Mono (data)
   ===================================================================== */

/* ----- TOKENS : LIGHT (default) ----- */
:root{
  color-scheme: light;

  --vxn-void:#ffffff;
  --vxn-deep:#f4f0fb;
  --vxn-panel:#ffffff;
  --vxn-panel-2:#f5f1fe;

  --vxn-ink:#1b1233;
  --vxn-ink-2:#392e57;
  --vxn-muted:#675d86;
  --vxn-faint:#9a91b4;

  /* theme bases */
  --w:45,35,70;          /* subtle tint base (dark on light) */
  --ln:110,82,180;       /* hairline base (purple)           */
  --mk:245,243,252;      /* screen-mock surface (near-white) */

  --vxn-line:rgba(var(--ln),0.16);
  --vxn-line-2:rgba(var(--ln),0.32);

  /* royal-purple accents (shared both themes) */
  --vxn-blue:#7c3aed;    /* primary  */
  --vxn-blue-2:#a855f7;  /* primary-2 */
  --vxn-cyan:#c084fc;    /* bright orchid pop */
  --vxn-violet:#8b5cf6;
  --vxn-green:#10b981;   /* success / revenue */
  --vxn-amber:#f59e0b;   /* stars / cost */
  --vxn-red:#f43f5e;     /* loss */

  --vxn-glass:linear-gradient(160deg,rgba(255,255,255,0.96),rgba(250,248,255,0.90));
  --vxn-glass-2:linear-gradient(160deg,#ffffff,#f3edfe);
  --vxn-glass-brd:rgba(var(--ln),0.20);

  --vxn-cta-ink:#ffffff;
  --vxn-grad-cta:linear-gradient(135deg,#7c3aed 0%,#a855f7 55%,#c084fc 100%);
  --vxn-grad-violet:linear-gradient(135deg,#8b5cf6 0%,#7c3aed 100%);
  --vxn-grad-text:linear-gradient(120deg,#2a1d4d 0%,#7c3aed 55%,#a855f7 100%);

  --vxn-shadow:0 26px 60px -30px rgba(76,29,149,0.30);
  --vxn-glow-cta:0 16px 40px -12px rgba(124,58,237,0.42);

  --vxn-font-display:'Sora',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  --vxn-font-body:'Manrope',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  --vxn-font-mono:'JetBrains Mono',ui-monospace,SFMono-Regular,Menlo,monospace;

  --vxn-r:20px;
  --vxn-r-sm:14px;
  --vxn-shell:1180px;
  --vxn-ease:cubic-bezier(.2,.7,.2,1);
}

/* ----- TOKENS : DARK (toggle) ----- */
:root[data-theme="dark"]{
  color-scheme: dark;

  --vxn-void:#0b0818;
  --vxn-deep:#0f0b20;
  --vxn-panel:#150f2b;
  --vxn-panel-2:#1b1338;

  --vxn-ink:#f3f0ff;
  --vxn-ink-2:#cdc6e8;
  --vxn-muted:#968cb8;
  --vxn-faint:#6c648c;

  --w:255,255,255;
  --ln:150,135,215;
  --mk:14,20,44;

  --vxn-glass:linear-gradient(160deg,rgba(255,255,255,0.07),rgba(255,255,255,0.02));
  --vxn-glass-2:linear-gradient(160deg,rgba(255,255,255,0.10),rgba(255,255,255,0.03));
  --vxn-glass-brd:rgba(255,255,255,0.10);

  --vxn-grad-text:linear-gradient(120deg,#ffffff 0%,#c4b5fd 50%,#c084fc 100%);

  --vxn-shadow:0 26px 70px -28px rgba(0,0,0,0.70);
  --vxn-glow-cta:0 16px 44px -12px rgba(124,58,237,0.60);
}

/* ----- TRANSFORMED SECTION STYLES (token-driven, theme-aware) ----- */
/* =====================================================================
   VAYUNEX — GLOBAL DESIGN SYSTEM
   Visual direction: "Mission control for revenue" — deep navy/black base,
   electric blue + cyan + violet accents, success green & cost amber for
   telemetry, frosted glass, ambient grid, lead-flow particle motif.
   Type roles:  Sora (display) · Manrope (body) · JetBrains Mono (data)
   All classes are namespaced with the vxn- prefix.
   ===================================================================== */

/* ----- TOKENS ----- */

/* ----- RESET / BASE ----- */
*,*::before,*::after{box-sizing:border-box;}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;}
body{
  margin:0;
  background:var(--vxn-void);
  color:var(--vxn-ink-2);
  font-family:var(--vxn-font-body);
  font-size:16px;
  line-height:1.65;
  letter-spacing:.005em;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
  overflow-x:hidden;
}
img{max-width:100%;display:block;}
a{color:inherit;text-decoration:none;}
button{font-family:inherit;cursor:pointer;}
canvas{display:block;}
::selection{background:rgba(192,132,252,.28);color:#fff;}

/* ----- AMBIENT ATMOSPHERE (fixed background layer) ----- */
.vxn-atmos{position:fixed;inset:0;z-index:-2;pointer-events:none;background:
  radial-gradient(1100px 700px at 78% -8%,rgba(124,58,237,.22),transparent 60%),
  radial-gradient(900px 700px at 8% 12%,rgba(139,92,246,.16),transparent 60%),
  radial-gradient(1000px 800px at 60% 108%,rgba(192,132,252,.10),transparent 55%),
  var(--vxn-void);}
.vxn-atmos::before{content:"";position:absolute;inset:0;opacity:.5;
  background-image:linear-gradient(rgba(var(--ln),.05) 1px,transparent 1px),
                   linear-gradient(90deg,rgba(var(--ln),.05) 1px,transparent 1px);
  background-size:54px 54px;
  -webkit-mask-image:radial-gradient(circle at 50% 30%,#000 0%,transparent 78%);
          mask-image:radial-gradient(circle at 50% 30%,#000 0%,transparent 78%);}
.vxn-grain{position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.035;mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");}

/* ----- LAYOUT PRIMITIVES ----- */
.vxn-shell{width:100%;max-width:var(--vxn-shell);margin-inline:auto;padding-inline:24px;}
.vxn-section{position:relative;padding-block:clamp(74px,11vh,128px);}
.vxn-section--tight{padding-block:clamp(56px,8vh,92px);}
.vxn-divider{height:1px;background:linear-gradient(90deg,transparent,var(--vxn-line-2),transparent);border:0;margin:0;}

/* ----- TYPOGRAPHY ----- */
.vxn-eyebrow{display:inline-flex;align-items:center;gap:9px;font-family:var(--vxn-font-mono);
  font-size:12px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--vxn-cyan);}
.vxn-eyebrow::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--vxn-cyan);
  box-shadow:0 0 10px var(--vxn-cyan);}
.vxn-h1{font-family:var(--vxn-font-display);font-weight:800;line-height:1.04;letter-spacing:-.025em;
  font-size:clamp(2.4rem,6vw,4.5rem);color:var(--vxn-ink);margin:0;}
.vxn-h2{font-family:var(--vxn-font-display);font-weight:700;line-height:1.08;letter-spacing:-.02em;
  font-size:clamp(1.85rem,4vw,3rem);color:var(--vxn-ink);margin:0;}
.vxn-h3{font-family:var(--vxn-font-display);font-weight:600;line-height:1.2;letter-spacing:-.01em;
  font-size:clamp(1.1rem,2vw,1.35rem);color:var(--vxn-ink);margin:0;}
.vxn-lead{font-size:clamp(1.02rem,1.6vw,1.2rem);color:var(--vxn-ink-2);max-width:62ch;}
.vxn-grad-txt{background:var(--vxn-grad-text);-webkit-background-clip:text;background-clip:text;color:transparent;}
.vxn-cyan{color:var(--vxn-cyan);} .vxn-violet{color:var(--vxn-violet);} .vxn-green{color:var(--vxn-green);}
.vxn-mono{font-family:var(--vxn-font-mono);font-variant-numeric:tabular-nums;}
.vxn-head{max-width:760px;}
.vxn-head .vxn-lead{margin-top:18px;}
.vxn-center{text-align:center;margin-inline:auto;}

/* ----- BUTTONS ----- */
.vxn-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;
  font-family:var(--vxn-font-display);font-weight:600;font-size:.96rem;letter-spacing:-.01em;
  padding:14px 24px;border-radius:13px;border:1px solid transparent;transition:transform .25s var(--vxn-ease),box-shadow .25s,background .25s;white-space:nowrap;}
.vxn-btn svg{width:18px;height:18px;}
.vxn-btn--primary{background:var(--vxn-grad-cta);color:var(--vxn-cta-ink);box-shadow:var(--vxn-glow-cta);}
.vxn-btn--primary:hover{transform:translateY(-2px);box-shadow:0 20px 50px -12px rgba(124,58,237,.7);}
.vxn-btn--ghost{background:rgba(var(--w),.03);border-color:var(--vxn-line-2);color:var(--vxn-ink);}
.vxn-btn--ghost:hover{transform:translateY(-2px);background:rgba(var(--w),.07);border-color:var(--vxn-cyan);}
.vxn-btn:focus-visible{outline:2px solid var(--vxn-cyan);outline-offset:3px;}

/* ----- CHIPS / PILLS ----- */
.vxn-chip{display:inline-flex;align-items:center;gap:8px;font-size:.82rem;font-weight:600;color:var(--vxn-ink-2);
  padding:7px 14px;border-radius:999px;background:rgba(var(--w),.04);border:1px solid var(--vxn-line);}
.vxn-chip .vxn-dot{width:6px;height:6px;border-radius:50%;background:var(--vxn-green);box-shadow:0 0 8px var(--vxn-green);}

/* ----- GLASS CARD ----- */
.vxn-glass{position:relative;background:var(--vxn-glass);border:1px solid var(--vxn-glass-brd);
  border-radius:var(--vxn-r);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--vxn-shadow);}
.vxn-glass::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;pointer-events:none;
  background:linear-gradient(160deg,rgba(var(--w),.35),transparent 40%);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
          mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;mask-composite:exclude;opacity:.5;}

/* 3D tilt-ready card */
.vxn-card3d{transition:transform .4s var(--vxn-ease),box-shadow .4s;transform-style:preserve-3d;will-change:transform;}

/* ----- SCROLL REVEAL ----- */
.vxn-reveal{opacity:0;transform:translateY(28px);transition:opacity .8s var(--vxn-ease),transform .8s var(--vxn-ease);transition-delay:var(--d,0s);}
.vxn-reveal.is-in{opacity:1;transform:none;}

/* ============================ NAV (CAPSULE) ============================ */
/* "Living glass capsule" — contracts on scroll, canopy mega-menu unfurls
   out of the same surface, sliding spotlight, full-screen mobile overlay. */
.vxn-skip{position:absolute;left:-9999px;top:0;z-index:200;background:var(--vxn-cyan);color:var(--vxn-cta-ink);
  padding:10px 16px;border-radius:0 0 10px 0;font-weight:700;}
.vxn-skip:focus{left:0;}

.vxn-scrim{position:fixed;inset:0;z-index:79;background:rgba(var(--mk),.55);opacity:0;visibility:hidden;
  -webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:opacity .35s,visibility .35s;}
.vxn-scrim.is-on{opacity:1;visibility:visible;}

.vxn-nav{position:fixed;top:14px;left:0;right:0;z-index:80;display:flex;justify-content:center;padding-inline:14px;}
.vxn-island{width:min(1120px,100%);background:linear-gradient(160deg,rgba(var(--mk),.78),rgba(var(--mk),.7));
  border:1px solid var(--vxn-glass-brd);border-radius:22px;overflow:hidden;
  -webkit-backdrop-filter:blur(16px) saturate(140%);backdrop-filter:blur(16px) saturate(140%);
  box-shadow:0 18px 50px -22px rgba(0,0,0,.8);
  transition:width .5s var(--vxn-ease),border-radius .5s,background .5s;}
.vxn-nav.is-contracted .vxn-island{width:min(880px,100%);background:linear-gradient(160deg,rgba(var(--mk),.92),rgba(var(--mk),.9));}
.vxn-bar{display:flex;align-items:center;gap:18px;padding:11px 14px 11px 18px;transition:padding .5s var(--vxn-ease);}
.vxn-nav.is-contracted .vxn-bar{padding:8px 12px 8px 16px;}

.vxn-brand{display:flex;align-items:center;gap:11px;flex-shrink:0;}
.vxn-mark{width:30px;height:30px;flex-shrink:0;transition:width .5s,height .5s;}
.vxn-nav.is-contracted .vxn-mark{width:26px;height:26px;}
.vxn-word{font-family:var(--vxn-font-display);font-weight:800;letter-spacing:.12em;font-size:1.02rem;color:var(--vxn-ink);}

.vxn-links{position:relative;display:flex;align-items:center;gap:2px;margin-inline:auto;}
.vxn-spot{position:absolute;top:50%;height:34px;border-radius:11px;transform:translateY(-50%);
  background:linear-gradient(160deg,rgba(var(--ln),.22),rgba(var(--ln),.08));border:1px solid var(--vxn-line);
  z-index:0;opacity:0;transition:left .38s var(--vxn-ease),width .38s var(--vxn-ease),opacity .3s;pointer-events:none;}
.vxn-link{position:relative;z-index:1;display:inline-flex;align-items:center;gap:6px;color:var(--vxn-ink-2);
  font-size:.92rem;font-weight:600;padding:8px 14px;border-radius:11px;background:none;border:0;transition:color .25s;}
.vxn-link:hover,.vxn-link[aria-expanded="true"]{color:var(--vxn-ink);}
.vxn-link .vxn-chev{width:14px;height:14px;transition:transform .3s;}
.vxn-link[aria-expanded="true"] .vxn-chev{transform:rotate(180deg);}
.vxn-link:focus-visible{outline:2px solid var(--vxn-cyan);outline-offset:2px;}

.vxn-actions{display:flex;align-items:center;gap:10px;flex-shrink:0;}
.vxn-cta{display:inline-flex;align-items:center;gap:7px;background:var(--vxn-grad-cta);color:var(--vxn-cta-ink);
  font-family:var(--vxn-font-display);font-weight:700;font-size:.88rem;padding:10px 17px;border-radius:11px;
  box-shadow:0 10px 26px -10px rgba(124,58,237,.6);transition:transform .25s,box-shadow .25s;border:0;}
.vxn-cta:hover{transform:translateY(-1px);box-shadow:0 14px 32px -8px rgba(124,58,237,.8);}
.vxn-cta:focus-visible{outline:2px solid #fff;outline-offset:2px;}

.vxn-burger{display:none;width:42px;height:38px;border-radius:11px;background:rgba(var(--w),.05);
  border:1px solid var(--vxn-line);align-items:center;justify-content:center;flex-direction:column;gap:4px;}
.vxn-burger span{width:18px;height:2px;background:var(--vxn-ink);border-radius:2px;transition:transform .3s,opacity .3s;}
.vxn-burger:focus-visible{outline:2px solid var(--vxn-cyan);outline-offset:2px;}

/* Canopy mega-menu (lives INSIDE the island; grows out of it) */
.vxn-canopy{max-height:0;opacity:0;padding:0 22px;transition:max-height .5s var(--vxn-ease),opacity .35s,padding .5s var(--vxn-ease);}
.vxn-island.is-open .vxn-canopy{max-height:420px;opacity:1;padding:4px 22px 22px;}
.vxn-canopy-top{height:1px;background:var(--vxn-line);margin-bottom:18px;}
.vxn-canopy-grid{display:grid;grid-template-columns:1fr 1fr 1.15fr;gap:22px;}
.vxn-col-title{font-family:var(--vxn-font-mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--vxn-muted);margin-bottom:12px;}
.vxn-col a{display:flex;align-items:center;gap:10px;color:var(--vxn-ink-2);font-size:.9rem;font-weight:600;padding:7px 9px;border-radius:9px;transition:background .2s,color .2s,transform .2s;opacity:0;transform:translateY(8px);}
.vxn-island.is-open .vxn-col a{opacity:1;transform:none;}
.vxn-island.is-open .vxn-col:nth-child(1) a{transition-delay:.05s;}
.vxn-island.is-open .vxn-col:nth-child(2) a{transition-delay:.12s;}
.vxn-col a:hover{background:rgba(var(--ln),.1);color:#fff;}
.vxn-col a i{width:8px;height:8px;border-radius:50%;background:var(--vxn-cyan);box-shadow:0 0 8px var(--vxn-cyan);flex-shrink:0;}
.vxn-col a.h i{background:var(--vxn-green);box-shadow:0 0 8px var(--vxn-green);}
.vxn-rail{background:var(--vxn-grad-violet);border-radius:16px;padding:18px;display:flex;flex-direction:column;justify-content:center;opacity:0;transform:translateY(8px);transition:opacity .4s .18s,transform .4s .18s;}
.vxn-island.is-open .vxn-rail{opacity:1;transform:none;}
.vxn-rail h4{font-family:var(--vxn-font-display);font-size:1.05rem;color:#fff;margin:0 0 6px;}
.vxn-rail p{font-size:.82rem;color:rgba(var(--w),.85);margin:0 0 14px;}
.vxn-rail a{align-self:flex-start;background:#fff;color:#1a1340;font-weight:700;font-size:.82rem;padding:9px 15px;border-radius:10px;}

/* Mobile full-screen overlay */
.vxn-overlay{position:fixed;inset:0;z-index:90;background:linear-gradient(180deg,var(--vxn-void),var(--vxn-void));
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transform:translateY(-100%);transition:transform .5s var(--vxn-ease);
  display:flex;flex-direction:column;padding:22px;overflow-y:auto;}
.vxn-overlay.is-open{transform:none;}
.vxn-ov-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:36px;}
.vxn-ov-close{width:42px;height:42px;border-radius:12px;background:rgba(var(--w),.05);border:1px solid var(--vxn-line);color:var(--vxn-ink);font-size:1.4rem;display:flex;align-items:center;justify-content:center;}
.vxn-ov-body{display:flex;flex-direction:column;gap:6px;}
.vxn-ov-link{font-family:var(--vxn-font-display);font-weight:700;font-size:1.8rem;color:var(--vxn-ink);padding:14px 4px;border-bottom:1px solid var(--vxn-line);display:flex;align-items:center;justify-content:space-between;
  opacity:0;transform:translateX(-18px);transition:opacity .5s,transform .5s;}
.vxn-overlay.is-open .vxn-ov-link{opacity:1;transform:none;}
.vxn-overlay.is-open .vxn-ov-link:nth-child(1){transition-delay:.08s;}
.vxn-overlay.is-open .vxn-ov-link:nth-child(2){transition-delay:.14s;}
.vxn-overlay.is-open .vxn-ov-link:nth-child(3){transition-delay:.2s;}
.vxn-overlay.is-open .vxn-ov-link:nth-child(4){transition-delay:.26s;}
.vxn-overlay.is-open .vxn-ov-link:nth-child(5){transition-delay:.32s;}
.vxn-ov-sub{display:none;flex-direction:column;gap:2px;padding:6px 4px 14px;}
.vxn-ov-sub.is-open{display:flex;}
.vxn-ov-sub a{color:var(--vxn-muted);font-size:1.05rem;font-weight:600;padding:8px 0;}
.vxn-ov-cta{margin-top:26px;}

@media(max-width:920px){
  .vxn-links{display:none;}
  .vxn-burger{display:flex;}
  .vxn-actions .vxn-cta{display:none;}
}
@media(min-width:921px){ .vxn-overlay{display:none!important;} }

/* ============================ HERO ============================ */
.vxn-hero{position:relative;min-height:100svh;display:flex;align-items:center;padding-top:130px;padding-bottom:64px;overflow:hidden;}
.vxn-hero-bg{position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.9;}
.vxn-hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.04fr .96fr;gap:46px;align-items:center;width:100%;}
.vxn-hero-copy{max-width:600px;}
.vxn-hero h1{margin:18px 0 0;}
.vxn-hero h1 .ln{display:block;}
.vxn-hero .vxn-lead{margin-top:22px;}
.vxn-hero-cta{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px;}
.vxn-hero-trust{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px;}

.vxn-engine{position:relative;width:100%;aspect-ratio:1/.86;max-width:560px;margin-inline:auto;}
.vxn-engine canvas{position:absolute;inset:0;width:100%;height:100%;}
.vxn-dash{position:absolute;right:-6px;bottom:-14px;width:min(252px,72%);padding:16px 16px 14px;border-radius:16px;z-index:3;}
.vxn-dash-h{display:flex;align-items:center;gap:8px;font-family:var(--vxn-font-mono);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--vxn-muted);margin-bottom:12px;}
.vxn-dash-h .live{width:7px;height:7px;border-radius:50%;background:var(--vxn-green);box-shadow:0 0 9px var(--vxn-green);animation:vxn-pulse 1.8s infinite;}
.vxn-dash-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 14px;}
.vxn-dash-cell .k{font-size:10px;letter-spacing:.04em;color:var(--vxn-faint);text-transform:uppercase;font-weight:600;}
.vxn-dash-cell .v{font-family:var(--vxn-font-mono);font-weight:700;font-size:1.18rem;color:var(--vxn-ink);line-height:1.2;font-variant-numeric:tabular-nums;}
.vxn-dash-cell .v.c{color:var(--vxn-cyan);} .vxn-dash-cell .v.g{color:var(--vxn-green);}
@keyframes vxn-pulse{0%,100%{opacity:1;transform:scale(1);}50%{opacity:.45;transform:scale(.82);}}

/* ============================ PROBLEM / LEAK FUNNEL ============================ */
.vxn-leak-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:46px;align-items:center;margin-top:48px;}
.vxn-funnel-stage{position:relative;width:100%;max-width:440px;margin-inline:auto;}
.vxn-funnel-stage svg{width:100%;height:auto;overflow:visible;}
.vxn-leak-rows{display:flex;flex-direction:column;gap:10px;}
.vxn-leak-row{display:flex;gap:14px;align-items:flex-start;padding:15px 16px;border-radius:14px;border:1px solid var(--vxn-line);
  background:rgba(var(--w),.018);cursor:pointer;transition:border-color .3s,background .3s,transform .3s;text-align:left;width:100%;}
.vxn-leak-row:hover{transform:translateX(4px);}
.vxn-leak-row.is-active{border-color:rgba(244,63,94,.55);background:rgba(244,63,94,.07);}
.vxn-leak-num{font-family:var(--vxn-font-mono);font-size:.8rem;color:var(--vxn-red);font-weight:700;width:26px;height:26px;border-radius:8px;
  background:rgba(244,63,94,.12);display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px;}
.vxn-leak-row.is-active .vxn-leak-num{background:var(--vxn-red);color:#180408;}
.vxn-leak-txt h4{font-family:var(--vxn-font-display);font-size:1rem;color:var(--vxn-ink);margin:0 0 3px;}
.vxn-leak-txt p{margin:0;font-size:.88rem;color:var(--vxn-muted);}
.vxn-leak-foot{margin-top:22px;font-size:.95rem;color:var(--vxn-ink-2);border-left:2px solid var(--vxn-cyan);padding-left:16px;}

/* ============================ METHOD (10-step journey) ============================ */
.vxn-method-rail{position:relative;display:flex;gap:14px;overflow-x:auto;padding:30px 4px 18px;margin-top:38px;scroll-snap-type:x mandatory;
  -ms-overflow-style:none;scrollbar-width:thin;scrollbar-color:var(--vxn-line-2) transparent;}
.vxn-method-rail::-webkit-scrollbar{height:6px;}
.vxn-method-rail::-webkit-scrollbar-thumb{background:var(--vxn-line-2);border-radius:6px;}
.vxn-mprogress{position:absolute;top:14px;left:4px;right:4px;height:2px;background:var(--vxn-line);border-radius:2px;overflow:hidden;}
.vxn-mprogress i{position:absolute;inset:0;width:0;background:var(--vxn-grad-cta);box-shadow:0 0 12px rgba(192,132,252,.6);transition:width 1.4s var(--vxn-ease);}
.vxn-mstep{position:relative;scroll-snap-align:start;flex:0 0 auto;width:172px;padding:18px 16px 16px;border-radius:16px;}
.vxn-mstep .n{position:absolute;top:-11px;left:16px;font-family:var(--vxn-font-mono);font-size:.7rem;font-weight:700;color:var(--vxn-cyan);
  background:var(--vxn-deep);border:1px solid var(--vxn-line);padding:3px 7px;border-radius:7px;}
.vxn-mstep .ic{width:38px;height:38px;border-radius:11px;background:rgba(var(--ln),.1);display:flex;align-items:center;justify-content:center;margin-bottom:12px;color:var(--vxn-cyan);}
.vxn-mstep .ic svg{width:20px;height:20px;}
.vxn-mstep h4{font-family:var(--vxn-font-display);font-size:1rem;color:var(--vxn-ink);margin:0 0 6px;}
.vxn-mstep p{margin:0;font-size:.82rem;color:var(--vxn-muted);line-height:1.5;}
.vxn-mstep::after{content:"";position:absolute;right:-9px;top:54px;width:14px;height:14px;border-top:2px solid var(--vxn-line-2);border-right:2px solid var(--vxn-line-2);transform:rotate(45deg);opacity:.7;}
.vxn-mstep:last-child::after{display:none;}

/* ============================ STRATEGY BOARD ============================ */
.vxn-board-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:46px;align-items:center;margin-top:46px;}
.vxn-board{position:relative;aspect-ratio:1;width:100%;max-width:480px;margin-inline:auto;border-radius:24px;overflow:hidden;
  background:linear-gradient(160deg,rgba(var(--mk),.9),rgba(var(--mk),.92));border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);}
.vxn-board::before{content:"";position:absolute;inset:0;opacity:.5;
  background-image:repeating-conic-gradient(rgba(var(--ln),.05) 0% 25%,transparent 0% 50%);background-size:25% 25%;}
.vxn-board::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 45%,transparent 30%,rgba(var(--mk),.55) 100%);}
.vxn-piece{position:absolute;width:21%;aspect-ratio:1;transform:translate(-50%,-50%) scale(.3);opacity:0;
  transition:transform .9s var(--vxn-ease),opacity .7s;left:var(--x);top:var(--y);z-index:2;cursor:default;}
.vxn-board.is-placed .vxn-piece{transform:translate(-50%,-50%) scale(1);opacity:1;}
.vxn-piece-disc{position:absolute;inset:0;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;
  background:radial-gradient(circle at 35% 28%,rgba(var(--w),.22),rgba(var(--w),.03) 60%),linear-gradient(160deg,rgba(var(--mk),.9),rgba(var(--mk),.95));
  border:1px solid rgba(var(--w),.16);box-shadow:0 10px 24px -8px rgba(0,0,0,.7),inset 0 1px 1px rgba(var(--w),.25);
  transition:transform .3s,box-shadow .3s;}
.vxn-piece:hover .vxn-piece-disc{transform:translateY(-4px) scale(1.05);box-shadow:0 16px 30px -8px var(--pc,rgba(192,132,252,.5)),inset 0 1px 1px rgba(var(--w),.3);}
.vxn-piece-disc svg{width:34%;height:34%;color:var(--pc,var(--vxn-cyan));}
.vxn-piece-lbl{font-family:var(--vxn-font-mono);font-size:.5rem;letter-spacing:.04em;color:var(--vxn-ink-2);text-transform:uppercase;font-weight:700;}
.vxn-piece-glow{position:absolute;inset:-30%;border-radius:50%;background:radial-gradient(circle,var(--pc,rgba(192,132,252,.4)),transparent 65%);opacity:.4;filter:blur(6px);z-index:-1;}
.vxn-tip{position:absolute;left:50%;bottom:112%;transform:translateX(-50%) translateY(6px);width:max-content;max-width:180px;
  background:rgba(var(--mk),.96);border:1px solid var(--vxn-line-2);border-radius:10px;padding:9px 12px;font-size:.74rem;color:var(--vxn-ink-2);line-height:1.45;
  opacity:0;visibility:hidden;transition:opacity .25s,transform .25s,visibility .25s;z-index:5;box-shadow:0 12px 30px -10px rgba(0,0,0,.8);pointer-events:none;}
.vxn-tip b{color:var(--pc,var(--vxn-cyan));font-family:var(--vxn-font-display);}
.vxn-piece:hover .vxn-tip{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0);}
.vxn-legend{display:flex;flex-direction:column;gap:8px;margin-top:26px;}
.vxn-lrow{display:flex;align-items:center;gap:12px;padding:11px 14px;border-radius:12px;border:1px solid var(--vxn-line);background:rgba(var(--w),.018);transition:background .25s,border-color .25s;cursor:default;}
.vxn-lrow:hover{background:rgba(var(--ln),.06);border-color:var(--vxn-line-2);}
.vxn-lrow .sw{width:12px;height:12px;border-radius:50%;flex-shrink:0;box-shadow:0 0 10px currentColor;}
.vxn-lrow b{font-family:var(--vxn-font-display);color:var(--vxn-ink);font-size:.92rem;min-width:74px;}
.vxn-lrow span{font-size:.85rem;color:var(--vxn-muted);}

/* ============================ INDUSTRY JOURNEYS (health / hospitality) ============================ */
.vxn-jintro{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap;}
.vxn-journey{position:relative;margin:46px 0 40px;padding:34px 12px 30px;border-radius:20px;}
.vxn-jtrack{position:relative;display:flex;justify-content:space-between;gap:8px;padding-top:8px;}
.vxn-jline{position:absolute;top:30px;left:5%;right:5%;height:2px;background:var(--vxn-line);border-radius:2px;}
.vxn-jline i{position:absolute;inset:0;width:0;background:linear-gradient(90deg,var(--ac1),var(--ac2));box-shadow:0 0 10px var(--ac2);transition:width 1.8s var(--vxn-ease);}
.vxn-jnode{position:relative;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;flex:1;min-width:0;z-index:2;}
.vxn-jdot{width:46px;height:46px;border-radius:14px;background:var(--vxn-deep);border:1px solid var(--vxn-line-2);display:flex;align-items:center;justify-content:center;color:var(--ac2,var(--vxn-cyan));transition:box-shadow .4s,border-color .4s,transform .4s;}
.vxn-jdot svg{width:21px;height:21px;}
.vxn-journey.is-in .vxn-jnode:nth-child(1) .vxn-jdot{box-shadow:0 0 0 4px rgba(192,132,252,.08),0 0 20px -4px var(--ac2);border-color:var(--ac2);}
.vxn-jlabel{font-size:.78rem;font-weight:600;color:var(--vxn-ink-2);line-height:1.3;max-width:90px;}
.vxn-jsub{font-family:var(--vxn-font-mono);font-size:.62rem;letter-spacing:.04em;color:var(--vxn-faint);text-transform:uppercase;}
.vxn-token{position:absolute;top:30px;left:5%;width:18px;height:18px;border-radius:50%;transform:translate(-50%,-50%);z-index:3;
  background:radial-gradient(circle at 35% 30%,#fff,var(--ac2));box-shadow:0 0 16px var(--ac2);}
.vxn-journey.is-in .vxn-token{animation:vxn-ride 7s var(--vxn-ease) .4s infinite;}
@keyframes vxn-ride{0%{left:5%;}12%{left:5%;}22%{left:24%;}34%{left:24%;}44%{left:50%;}56%{left:50%;}66%{left:76%;}78%{left:76%;}88%{left:95%;}100%{left:95%;}}
.vxn-cap-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(225px,1fr));gap:16px;margin-top:6px;}
.vxn-cap{padding:20px 18px;border-radius:16px;transition:transform .35s var(--vxn-ease),border-color .35s;}
.vxn-cap:hover{transform:translateY(-5px);}
.vxn-cap .ic{width:40px;height:40px;border-radius:11px;display:flex;align-items:center;justify-content:center;margin-bottom:13px;
  background:rgba(192,132,252,.1);color:var(--ac2,var(--vxn-cyan));}
.vxn-cap .ic svg{width:21px;height:21px;}
.vxn-cap h4{font-family:var(--vxn-font-display);font-size:1.02rem;color:var(--vxn-ink);margin:0 0 7px;}
.vxn-cap p{margin:0;font-size:.86rem;color:var(--vxn-muted);}
.vxn-note{display:inline-flex;align-items:center;gap:8px;margin-top:24px;font-size:.8rem;color:var(--vxn-faint);font-family:var(--vxn-font-mono);}
.vxn-note::before{content:"";width:14px;height:1px;background:var(--vxn-faint);}

/* ============================ SEO WALKTHROUGH ============================ */
.vxn-seo-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:42px;align-items:center;margin-top:46px;}
.vxn-query-chips{display:flex;flex-wrap:wrap;gap:9px;margin:22px 0 26px;}
.vxn-qchip{font-size:.82rem;font-weight:600;color:var(--vxn-ink-2);padding:8px 14px;border-radius:10px;border:1px solid var(--vxn-line);background:rgba(var(--w),.02);transition:all .25s;}
.vxn-qchip.is-on{border-color:transparent;background:linear-gradient(135deg,#7c3aed,#a855f7);color:#fff;box-shadow:0 6px 16px -6px rgba(124,58,237,.55);}
.vxn-seo-labels{display:flex;flex-direction:column;gap:9px;}
.vxn-seolab{display:flex;align-items:center;gap:11px;font-size:.88rem;color:var(--vxn-faint);transition:color .3s;}
.vxn-seolab .tick{width:20px;height:20px;border-radius:6px;border:1px solid var(--vxn-line-2);display:flex;align-items:center;justify-content:center;transition:all .3s;}
.vxn-seolab .tick svg{width:12px;height:12px;opacity:0;transition:opacity .3s;}
.vxn-seolab.is-lit{color:var(--vxn-ink);}
.vxn-seolab.is-lit .tick{background:var(--vxn-green);border-color:var(--vxn-green);}
.vxn-seolab.is-lit .tick svg{opacity:1;color:#04140d;}

.vxn-browser{position:relative;border-radius:16px;overflow:hidden;border:1px solid var(--vxn-glass-brd);
  background:linear-gradient(180deg,rgba(var(--mk),.96),rgba(var(--mk),.98));box-shadow:var(--vxn-shadow);min-height:430px;}
.vxn-bbar{display:flex;align-items:center;gap:8px;padding:11px 14px;border-bottom:1px solid var(--vxn-line);background:rgba(var(--w),.02);}
.vxn-bdots{display:flex;gap:6px;}
.vxn-bdots i{width:10px;height:10px;border-radius:50%;background:rgba(var(--w),.18);}
.vxn-burl{flex:1;display:flex;align-items:center;gap:8px;background:rgba(0,0,0,.3);border:1px solid var(--vxn-line);border-radius:9px;padding:6px 12px;font-family:var(--vxn-font-mono);font-size:.76rem;color:var(--vxn-muted);}
.vxn-burl svg{width:12px;height:12px;color:var(--vxn-green);}
.vxn-bbody{position:relative;padding:22px;min-height:380px;}
.vxn-seo-screen{position:absolute;inset:0;padding:24px;opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .5s,transform .5s,visibility .5s;}
.vxn-seo-screen.is-on{opacity:1;visibility:visible;transform:none;}
.vxn-search-box{display:flex;align-items:center;gap:12px;background:#fff;border-radius:999px;padding:14px 22px;box-shadow:0 8px 30px -8px rgba(0,0,0,.5);max-width:440px;margin:60px auto 0;}
.vxn-search-box svg{width:20px;height:20px;color:#5f6368;flex-shrink:0;}
.vxn-search-q{font-family:var(--vxn-font-body);font-size:1.02rem;color:#202124;font-weight:500;}
.vxn-search-q .car{display:inline-block;width:2px;height:1.05em;background:#4285f4;margin-left:1px;vertical-align:-2px;animation:vxn-blink 1s step-end infinite;}
@keyframes vxn-blink{50%{opacity:0;}}
.vxn-search-hint{text-align:center;color:var(--vxn-faint);font-size:.82rem;margin-top:22px;}
.vxn-serp{display:grid;grid-template-columns:1.4fr .9fr;gap:18px;}
.vxn-serp-list{display:flex;flex-direction:column;gap:11px;}
.vxn-result{padding:13px 15px;border-radius:12px;border:1px solid var(--vxn-line);background:rgba(var(--w),.025);transition:transform .6s var(--vxn-ease),border-color .5s,background .5s;}
.vxn-result .u{font-size:.72rem;color:var(--vxn-green);font-family:var(--vxn-font-mono);}
.vxn-result .t{font-family:var(--vxn-font-display);font-size:.98rem;color:var(--vxn-blue-2);margin:3px 0 5px;}
.vxn-result .d{font-size:.78rem;color:var(--vxn-muted);}
.vxn-result.is-win{border-color:var(--vxn-cyan);background:rgba(192,132,252,.08);box-shadow:0 0 0 1px rgba(192,132,252,.3),0 14px 30px -12px rgba(192,132,252,.4);}
.vxn-result .badges{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px;opacity:0;max-height:0;overflow:hidden;transition:opacity .5s,max-height .5s;}
.vxn-result.is-win .badges{opacity:1;max-height:50px;}
.vxn-badge{font-size:.66rem;font-weight:700;padding:3px 8px;border-radius:6px;background:rgba(16,185,129,.14);color:var(--vxn-green);}
.vxn-badge.star{background:rgba(245,158,11,.16);color:var(--vxn-amber);}
.vxn-mappack{border-radius:12px;border:1px solid var(--vxn-line);background:linear-gradient(160deg,rgba(124,58,237,.18),rgba(91,33,182,.1));position:relative;overflow:hidden;min-height:180px;padding:12px;}
.vxn-mappack .ml{font-family:var(--vxn-font-mono);font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;color:var(--vxn-muted);margin-bottom:8px;}
.vxn-pin{position:absolute;width:22px;height:22px;}
.vxn-pin svg{width:100%;height:100%;color:var(--vxn-faint);}
.vxn-pin.win svg{color:var(--vxn-cyan);filter:drop-shadow(0 0 8px var(--vxn-cyan));}
.vxn-pin.win{animation:vxn-bob 2s ease-in-out infinite;}
@keyframes vxn-bob{0%,100%{transform:translateY(0);}50%{transform:translateY(-5px);}}
.vxn-landing{max-width:430px;margin:0 auto;}
.vxn-landing .lh{font-family:var(--vxn-font-display);font-size:1.15rem;color:var(--vxn-ink);font-weight:700;margin-bottom:6px;}
.vxn-landing .lp{font-size:.84rem;color:var(--vxn-muted);margin-bottom:16px;}
.vxn-lform{display:flex;flex-direction:column;gap:10px;background:rgba(var(--w),.03);border:1px solid var(--vxn-line);border-radius:14px;padding:16px;}
.vxn-lfield{height:38px;border-radius:9px;background:rgba(0,0,0,.25);border:1px solid var(--vxn-line);display:flex;align-items:center;padding:0 13px;font-size:.82rem;color:var(--vxn-muted);}
.vxn-lbtn{height:40px;border-radius:9px;background:var(--vxn-grad-cta);color:var(--vxn-cta-ink);font-weight:700;display:flex;align-items:center;justify-content:center;font-size:.88rem;}
.vxn-crm-toast{display:flex;align-items:center;gap:10px;margin-top:14px;padding:11px 14px;border-radius:11px;background:rgba(16,185,129,.1);border:1px solid rgba(16,185,129,.4);
  font-size:.84rem;color:var(--vxn-green);font-weight:600;opacity:0;transform:translateY(8px);transition:opacity .5s .3s,transform .5s .3s;}
.vxn-seo-screen.is-on .vxn-crm-toast{opacity:1;transform:none;}
.vxn-crm-toast svg{width:18px;height:18px;}
.vxn-steps-dots{display:flex;gap:8px;justify-content:center;margin-top:18px;}
.vxn-sdot{width:9px;height:9px;border-radius:50%;background:var(--vxn-line-2);transition:all .3s;border:0;padding:0;}
.vxn-sdot.is-on{background:var(--vxn-cyan);box-shadow:0 0 10px var(--vxn-cyan);width:26px;border-radius:5px;}

/* ============================ PAID ADS ============================ */
.vxn-ads-grid{display:grid;grid-template-columns:1fr 1fr;gap:42px;align-items:center;margin-top:46px;}
.vxn-adstack{display:flex;flex-direction:column;gap:14px;}
.vxn-adcard{position:relative;padding:15px 16px;border-radius:14px;overflow:hidden;}
.vxn-adcard .tag{display:inline-flex;align-items:center;gap:6px;font-size:.68rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--vxn-cyan);margin-bottom:9px;}
.vxn-adcard .tag .pl{width:7px;height:7px;border-radius:2px;background:var(--vxn-cyan);}
.vxn-adcard h5{font-family:var(--vxn-font-display);font-size:.98rem;color:var(--vxn-ink);margin:0 0 4px;}
.vxn-adcard p{margin:0 0 11px;font-size:.8rem;color:var(--vxn-muted);}
.vxn-adcard .row{display:flex;align-items:center;justify-content:space-between;}
.vxn-adcard .cta-mini{font-size:.76rem;font-weight:700;color:var(--vxn-cta-ink);background:var(--vxn-grad-cta);padding:6px 12px;border-radius:8px;}
.vxn-adcard .meta{font-family:var(--vxn-font-mono);font-size:.72rem;color:var(--vxn-faint);}
.vxn-ripple{position:absolute;width:14px;height:14px;border-radius:50%;background:var(--vxn-cyan);pointer-events:none;opacity:0;}
.vxn-flow{padding:22px;border-radius:18px;}
.vxn-flow-h{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;}
.vxn-flow-h .lab{font-family:var(--vxn-font-mono);font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;color:var(--vxn-muted);}
.vxn-frow{margin-bottom:15px;}
.vxn-frow .top{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:6px;}
.vxn-frow .k{font-size:.84rem;color:var(--vxn-ink-2);font-weight:600;}
.vxn-frow .v{font-family:var(--vxn-font-mono);font-weight:700;font-size:1.05rem;color:var(--vxn-ink);}
.vxn-frow .v.hl{color:var(--vxn-cyan);} .vxn-frow .v.gr{color:var(--vxn-green);}
.vxn-fbar{height:8px;border-radius:5px;background:rgba(var(--w),.05);overflow:hidden;}
.vxn-fbar i{display:block;height:100%;width:0;border-radius:5px;background:var(--vxn-grad-cta);transition:width 1.4s var(--vxn-ease);}
.vxn-fbar i.g{background:linear-gradient(90deg,var(--vxn-green),var(--vxn-cyan));}
.vxn-cpl{margin-top:6px;display:flex;align-items:center;gap:12px;}
.vxn-cpl svg{flex:1;height:46px;}
.vxn-cpl .cv{font-family:var(--vxn-font-mono);font-size:.8rem;color:var(--vxn-green);font-weight:700;}

/* ============================ WEBSITE BEFORE/AFTER ============================ */
.vxn-web-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:42px;align-items:center;margin-top:46px;}
.vxn-ba{position:relative;aspect-ratio:16/11;border-radius:18px;overflow:hidden;border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);
  --pos:50%;user-select:none;touch-action:pan-y;}
.vxn-ba-layer{position:absolute;inset:0;padding:20px;display:flex;flex-direction:column;}
.vxn-ba-after{background:linear-gradient(160deg,#0c1430,#0a1126);}
.vxn-ba-before{background:linear-gradient(160deg,#161922,#101319);clip-path:inset(0 calc(100% - var(--pos)) 0 0);}
.vxn-ba-tag{position:absolute;top:14px;font-family:var(--vxn-font-mono);font-size:.64rem;letter-spacing:.1em;text-transform:uppercase;padding:5px 10px;border-radius:7px;z-index:4;}
.vxn-ba-before .vxn-ba-tag{left:14px;background:rgba(244,63,94,.16);color:var(--vxn-red);}
.vxn-ba-after .vxn-ba-tag{right:14px;background:rgba(16,185,129,.16);color:var(--vxn-green);}
.vxn-ba-handle{position:absolute;top:0;bottom:0;left:var(--pos);width:2px;background:var(--vxn-cyan);box-shadow:0 0 14px var(--vxn-cyan);z-index:5;transform:translateX(-1px);}
.vxn-ba-knob{position:absolute;top:50%;left:var(--pos);transform:translate(-50%,-50%);width:38px;height:38px;border-radius:50%;background:var(--vxn-deep);border:2px solid var(--vxn-cyan);display:flex;align-items:center;justify-content:center;z-index:6;box-shadow:0 6px 18px -4px rgba(0,0,0,.6);}
.vxn-ba-knob svg{width:18px;height:18px;color:var(--vxn-cyan);}
.vxn-ba input[type=range]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;z-index:7;margin:0;}
.vxn-mock-head{height:14px;width:55%;border-radius:4px;background:rgba(var(--w),.18);margin-bottom:10px;}
.vxn-mock-line{height:8px;border-radius:4px;background:rgba(var(--w),.08);margin-bottom:7px;}
.vxn-mock-cta{margin-top:auto;height:34px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:.74rem;font-weight:700;}
.vxn-mock-cta.weak{background:rgba(var(--w),.08);color:var(--vxn-muted);width:40%;}
.vxn-mock-cta.strong{background:var(--vxn-grad-cta);color:var(--vxn-cta-ink);width:70%;box-shadow:0 8px 22px -6px rgba(124,58,237,.6);}
.vxn-mock-badges{display:flex;gap:6px;margin-top:10px;}
.vxn-mock-badges span{height:18px;flex:1;border-radius:5px;background:rgba(16,185,129,.18);}
.vxn-web-compare{display:grid;grid-template-columns:1fr;gap:8px;}
.vxn-wc-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:center;padding:11px 14px;border-radius:11px;border:1px solid var(--vxn-line);background:rgba(var(--w),.015);}
.vxn-wc-b,.vxn-wc-a{display:flex;align-items:center;gap:8px;font-size:.82rem;}
.vxn-wc-b{color:var(--vxn-muted);} .vxn-wc-a{color:var(--vxn-ink-2);font-weight:600;}
.vxn-wc-b svg,.vxn-wc-a svg{width:15px;height:15px;flex-shrink:0;}
.vxn-wc-b svg{color:var(--vxn-red);} .vxn-wc-a svg{color:var(--vxn-green);}

/* ============================ CRM + AUTOMATION ============================ */
.vxn-crm-pipe{position:relative;display:flex;justify-content:space-between;gap:6px;margin:46px 0 30px;padding-top:10px;}
.vxn-crm-line{position:absolute;top:34px;left:4%;right:4%;height:2px;background:var(--vxn-line);}
.vxn-crm-line i{position:absolute;inset:0;width:0;background:linear-gradient(90deg,var(--vxn-violet),var(--vxn-cyan));box-shadow:0 0 10px var(--vxn-cyan);transition:width .5s linear;}
.vxn-cnode{position:relative;flex:1;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;z-index:2;min-width:0;}
.vxn-cring{width:50px;height:50px;border-radius:15px;background:var(--vxn-deep);border:1px solid var(--vxn-line-2);display:flex;align-items:center;justify-content:center;color:var(--vxn-muted);transition:all .4s;}
.vxn-cring svg{width:22px;height:22px;}
.vxn-cnode.is-done .vxn-cring{border-color:var(--vxn-green);color:var(--vxn-green);box-shadow:0 0 18px -4px var(--vxn-green);}
.vxn-cnode.is-active .vxn-cring{border-color:var(--vxn-cyan);color:var(--vxn-cyan);box-shadow:0 0 0 4px rgba(192,132,252,.1),0 0 22px -2px var(--vxn-cyan);transform:scale(1.08);}
.vxn-clabel{font-size:.74rem;font-weight:600;color:var(--vxn-ink-2);max-width:84px;line-height:1.3;}
.vxn-lead-chip{position:absolute;top:-8px;left:4%;transform:translateX(-50%);display:flex;align-items:center;gap:7px;
  background:rgba(var(--mk),.96);border:1px solid var(--vxn-cyan);border-radius:999px;padding:5px 12px 5px 8px;font-size:.74rem;font-weight:700;color:var(--vxn-ink);
  box-shadow:0 8px 22px -6px rgba(192,132,252,.5);z-index:4;transition:left .6s var(--vxn-ease);white-space:nowrap;}
.vxn-lead-chip .av{width:18px;height:18px;border-radius:50%;background:var(--vxn-grad-violet);display:flex;align-items:center;justify-content:center;font-size:.6rem;color:#fff;}
.vxn-recover{margin-top:14px;display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:18px;border-radius:16px;}
.vxn-recover .rt{font-family:var(--vxn-font-mono);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--vxn-amber);width:100%;margin-bottom:4px;}
.vxn-rstep{display:flex;align-items:center;gap:8px;font-size:.84rem;font-weight:600;color:var(--vxn-ink-2);padding:9px 14px;border-radius:10px;border:1px solid var(--vxn-line);background:rgba(var(--w),.02);opacity:.4;transition:opacity .4s,border-color .4s,transform .4s;}
.vxn-rstep.is-on{opacity:1;border-color:var(--vxn-amber);transform:translateY(-2px);}
.vxn-rstep svg{width:16px;height:16px;color:var(--vxn-amber);}
.vxn-rarrow{color:var(--vxn-faint);}
.vxn-rarrow svg{width:16px;height:16px;}

/* ============================ EXCLUSIVITY (territory lock) ============================ */
.vxn-excl-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:46px;align-items:center;margin-top:40px;}
.vxn-map{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:22px;border-radius:20px;}
.vxn-cell{position:relative;aspect-ratio:1;border-radius:14px;border:1px solid var(--vxn-line);background:rgba(var(--w),.02);
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;text-align:center;padding:8px;transition:all .5s;overflow:hidden;}
.vxn-cell .cl{font-size:.66rem;font-weight:600;color:var(--vxn-muted);line-height:1.25;}
.vxn-cell .ci{width:22px;height:22px;color:var(--vxn-faint);transition:color .4s;}
.vxn-cell .ci svg{width:100%;height:100%;}
.vxn-cell.is-taken{opacity:.4;}
.vxn-cell.is-taken .stamp{position:absolute;font-family:var(--vxn-font-mono);font-size:.6rem;letter-spacing:.1em;color:var(--vxn-red);border:1px solid var(--vxn-red);padding:2px 6px;border-radius:5px;transform:rotate(-12deg);opacity:0;transition:opacity .5s;}
.vxn-cell.is-taken.show .stamp{opacity:.85;}
.vxn-cell.is-yours{border-color:var(--vxn-cyan);background:linear-gradient(160deg,rgba(192,132,252,.14),rgba(192,132,252,.04));box-shadow:0 0 0 1px rgba(192,132,252,.4),0 14px 34px -12px rgba(192,132,252,.5);}
.vxn-cell.is-yours .ci{color:var(--vxn-cyan);}
.vxn-cell.is-yours .cl{color:#fff;}
.vxn-lock{opacity:0;transform:scale(.5);transition:opacity .4s,transform .4s;}
.vxn-cell.is-yours.locked .vxn-lock{opacity:1;transform:scale(1);}
.vxn-sweep{position:absolute;inset:0;pointer-events:none;border-radius:20px;overflow:hidden;}
.vxn-sweep::before{content:"";position:absolute;top:-50%;left:-50%;width:60%;height:200%;
  background:linear-gradient(90deg,transparent,rgba(192,132,252,.12),transparent);transform:rotate(18deg);animation:vxn-scan 5s linear infinite;}
@keyframes vxn-scan{0%{left:-60%;}100%{left:120%;}}
.vxn-excl-pts{display:flex;flex-direction:column;gap:12px;margin:24px 0;}
.vxn-ep{display:flex;gap:12px;align-items:flex-start;}
.vxn-ep .epi{width:34px;height:34px;border-radius:10px;background:rgba(192,132,252,.1);color:var(--vxn-cyan);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.vxn-ep .epi svg{width:18px;height:18px;}
.vxn-ep b{font-family:var(--vxn-font-display);color:var(--vxn-ink);font-size:.95rem;display:block;}
.vxn-ep span{font-size:.85rem;color:var(--vxn-muted);}

/* ============================ REPORTING DASHBOARD ============================ */
.vxn-dashboard{margin-top:46px;padding:26px;border-radius:24px;}
.vxn-db-top{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:22px;}
.vxn-db-title{display:flex;align-items:center;gap:12px;}
.vxn-db-title .dt{font-family:var(--vxn-font-display);font-weight:700;color:var(--vxn-ink);font-size:1.05rem;}
.vxn-db-title .live{display:inline-flex;align-items:center;gap:7px;font-family:var(--vxn-font-mono);font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;color:var(--vxn-green);}
.vxn-db-title .live i{width:7px;height:7px;border-radius:50%;background:var(--vxn-green);box-shadow:0 0 9px var(--vxn-green);animation:vxn-pulse 1.8s infinite;}
.vxn-db-range{display:flex;gap:6px;}
.vxn-db-range span{font-size:.72rem;font-weight:600;color:var(--vxn-muted);padding:6px 11px;border-radius:8px;border:1px solid var(--vxn-line);}
.vxn-db-range span.on{background:rgba(192,132,252,.12);color:#fff;border-color:var(--vxn-cyan);}
.vxn-kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:13px;margin-bottom:18px;}
.vxn-kpi{padding:15px 16px;border-radius:14px;border:1px solid var(--vxn-line);background:rgba(var(--w),.02);}
.vxn-kpi .k{font-size:.72rem;color:var(--vxn-faint);font-weight:600;text-transform:uppercase;letter-spacing:.03em;margin-bottom:7px;display:flex;align-items:center;gap:6px;}
.vxn-kpi .k svg{width:13px;height:13px;}
.vxn-kpi .v{font-family:var(--vxn-font-mono);font-weight:700;font-size:1.4rem;color:var(--vxn-ink);line-height:1.1;font-variant-numeric:tabular-nums;}
.vxn-kpi .v.c{color:var(--vxn-cyan);} .vxn-kpi .v.g{color:var(--vxn-green);} .vxn-kpi .v.a{color:var(--vxn-amber);}
.vxn-kpi .delta{font-size:.72rem;font-weight:700;margin-top:4px;}
.vxn-kpi .delta.up{color:var(--vxn-green);} .vxn-kpi .delta.down{color:var(--vxn-green);}
.vxn-db-charts{display:grid;grid-template-columns:1.5fr 1fr;gap:14px;}
.vxn-chartcard{padding:18px;border-radius:14px;border:1px solid var(--vxn-line);background:rgba(var(--w),.018);}
.vxn-chartcard .ct{font-size:.78rem;color:var(--vxn-muted);font-weight:600;margin-bottom:16px;display:flex;justify-content:space-between;}
.vxn-bars{display:flex;align-items:flex-end;gap:9px;height:120px;}
.vxn-bar{flex:1;border-radius:6px 6px 0 0;background:linear-gradient(180deg,var(--vxn-cyan),rgba(124,58,237,.4));height:0;transition:height 1.1s var(--vxn-ease);min-height:4px;position:relative;}
.vxn-bar:nth-child(even){background:linear-gradient(180deg,var(--vxn-violet),rgba(124,58,237,.4));}
.vxn-bars-x{display:flex;gap:9px;margin-top:8px;}
.vxn-bars-x span{flex:1;text-align:center;font-family:var(--vxn-font-mono);font-size:.58rem;color:var(--vxn-faint);}
.vxn-donut{display:flex;align-items:center;gap:16px;}
.vxn-donut svg{width:104px;height:104px;flex-shrink:0;}
.vxn-donut .leg{display:flex;flex-direction:column;gap:8px;}
.vxn-donut .lg{display:flex;align-items:center;gap:8px;font-size:.76rem;color:var(--vxn-ink-2);}
.vxn-donut .lg i{width:9px;height:9px;border-radius:3px;}

/* ============================ SERVICES ============================ */
.vxn-svc-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(232px,1fr));gap:15px;margin-top:46px;}
.vxn-svc{padding:20px;border-radius:16px;transition:transform .4s var(--vxn-ease),border-color .4s;}
.vxn-svc:hover{transform:translateY(-5px);}
.vxn-svc .ic{width:40px;height:40px;border-radius:11px;background:rgba(var(--ln),.1);color:var(--vxn-cyan);display:flex;align-items:center;justify-content:center;margin-bottom:13px;}
.vxn-svc .ic svg{width:21px;height:21px;}
.vxn-svc h4{font-family:var(--vxn-font-display);font-size:1.02rem;color:var(--vxn-ink);margin:0 0 7px;}
.vxn-svc .cr{font-size:.74rem;font-weight:700;color:var(--vxn-green);text-transform:uppercase;letter-spacing:.04em;margin-bottom:5px;font-family:var(--vxn-font-mono);}
.vxn-svc p{margin:0;font-size:.84rem;color:var(--vxn-muted);}

/* ============================ CASE STUDIES ============================ */
.vxn-case-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px;margin-top:46px;}
.vxn-case{padding:24px;border-radius:18px;transition:transform .4s var(--vxn-ease);}
.vxn-case:hover{transform:translateY(-6px);}
.vxn-case .ind{display:inline-flex;align-items:center;gap:8px;font-size:.74rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--vxn-cyan);margin-bottom:18px;}
.vxn-case .ind .d{width:8px;height:8px;border-radius:50%;background:var(--vxn-cyan);box-shadow:0 0 8px var(--vxn-cyan);}
.vxn-cstat{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:13px 0;border-bottom:1px solid var(--vxn-line);}
.vxn-cstat:last-of-type{border-bottom:0;}
.vxn-cstat .cv{font-family:var(--vxn-font-mono);font-weight:700;font-size:1.5rem;color:var(--vxn-ink);font-variant-numeric:tabular-nums;}
.vxn-cstat .cv.g{color:var(--vxn-green);} .vxn-cstat .cv.c{color:var(--vxn-cyan);}
.vxn-cstat .cl{font-size:.8rem;color:var(--vxn-muted);text-align:right;max-width:54%;}

/* ============================ PROCESS TIMELINE ============================ */
.vxn-timeline{position:relative;max-width:780px;margin:46px auto 0;padding-left:42px;}
.vxn-timeline::before{content:"";position:absolute;left:15px;top:8px;bottom:8px;width:2px;background:var(--vxn-line);}
.vxn-tline-fill{position:absolute;left:15px;top:8px;width:2px;height:0;background:linear-gradient(180deg,var(--vxn-cyan),var(--vxn-violet));box-shadow:0 0 12px var(--vxn-cyan);transition:height 1.6s var(--vxn-ease);}
.vxn-tstep{position:relative;padding:0 0 30px;}
.vxn-tstep:last-child{padding-bottom:0;}
.vxn-tstep .tn{position:absolute;left:-42px;top:0;width:32px;height:32px;border-radius:10px;background:var(--vxn-deep);border:1px solid var(--vxn-line-2);
  display:flex;align-items:center;justify-content:center;font-family:var(--vxn-font-mono);font-size:.78rem;font-weight:700;color:var(--vxn-cyan);}
.vxn-tstep h4{font-family:var(--vxn-font-display);font-size:1.08rem;color:var(--vxn-ink);margin:2px 0 5px;}
.vxn-tstep p{margin:0;font-size:.88rem;color:var(--vxn-muted);}

/* ============================ FINAL CTA ============================ */
.vxn-final{position:relative;text-align:center;padding-block:clamp(80px,13vh,150px);overflow:hidden;}
.vxn-final-orb{position:absolute;top:50%;left:50%;width:520px;height:520px;transform:translate(-50%,-50%);z-index:0;pointer-events:none;
  background:radial-gradient(circle,rgba(192,132,252,.18),rgba(124,58,237,.08) 40%,transparent 70%);}
.vxn-final-inner{position:relative;z-index:2;max-width:720px;margin-inline:auto;}
.vxn-final h2{margin-bottom:20px;}
.vxn-final-cta{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;margin-top:32px;}
.vxn-final-trust{margin-top:24px;font-size:.85rem;color:var(--vxn-faint);font-family:var(--vxn-font-mono);}

/* ============================ FOOTER ============================ */
.vxn-footer{position:relative;border-top:1px solid var(--vxn-line);padding-top:60px;padding-bottom:34px;}
.vxn-foot-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:36px;}
.vxn-foot-brand .vxn-brand{margin-bottom:14px;}
.vxn-foot-brand p{font-size:.88rem;color:var(--vxn-muted);max-width:30ch;}
.vxn-foot-col h5{font-family:var(--vxn-font-mono);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--vxn-faint);margin:0 0 16px;}
.vxn-foot-col a{display:block;font-size:.88rem;color:var(--vxn-ink-2);padding:5px 0;transition:color .25s;}
.vxn-foot-col a:hover{color:var(--vxn-cyan);}
.vxn-foot-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:44px;padding-top:22px;border-top:1px solid var(--vxn-line);}
.vxn-foot-bottom .lg{font-size:.8rem;color:var(--vxn-faint);}
.vxn-foot-bottom .disc{font-size:.76rem;color:var(--vxn-faint);max-width:48ch;}

/* ============================ STICKY MOBILE CTA ============================ */
.vxn-sticky{position:fixed;left:14px;right:14px;bottom:14px;z-index:70;display:none;transform:translateY(140%);transition:transform .45s var(--vxn-ease);}
.vxn-sticky.is-on{transform:none;}
.vxn-sticky a{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;background:var(--vxn-grad-cta);color:var(--vxn-cta-ink);
  font-family:var(--vxn-font-display);font-weight:700;padding:15px;border-radius:14px;box-shadow:0 14px 40px -8px rgba(124,58,237,.7);}
.vxn-sticky a svg{width:18px;height:18px;}

/* ============================ RESPONSIVE ============================ */
@media(max-width:980px){
  .vxn-hero-grid,.vxn-leak-grid,.vxn-board-grid,.vxn-seo-grid,.vxn-ads-grid,.vxn-web-grid,.vxn-excl-grid{grid-template-columns:1fr;gap:38px;}
  .vxn-engine{max-width:440px;order:-1;}
  .vxn-board,.vxn-funnel-stage{max-width:420px;}
  .vxn-db-charts{grid-template-columns:1fr;}
  .vxn-foot-grid{grid-template-columns:1fr 1fr;gap:30px;}
  .vxn-foot-brand{grid-column:1/-1;}
}
@media(max-width:680px){
  .vxn-section{padding-block:clamp(58px,9vh,86px);}
  .vxn-jtrack,.vxn-crm-pipe{overflow-x:auto;justify-content:flex-start;gap:18px;padding-bottom:10px;}
  .vxn-jnode,.vxn-cnode{flex:0 0 96px;}
  .vxn-jline,.vxn-token,.vxn-crm-line{display:none;}
  .vxn-serp{grid-template-columns:1fr;}
  .vxn-foot-grid{grid-template-columns:1fr;}
  .vxn-sticky{display:block;}
  .vxn-foot-bottom{flex-direction:column;align-items:flex-start;}
}

/* ============================ REDUCED MOTION ============================ */
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important;}
  .vxn-reveal{opacity:1!important;transform:none!important;}
  .vxn-piece{opacity:1!important;transform:translate(-50%,-50%) scale(1)!important;}
  .vxn-token,.vxn-sweep::before,.vxn-pin.win{animation:none!important;}
}
/* =====================================================================
   v2 COMPONENT LAYER  (overrides win by source order)
   ===================================================================== */

/* header surface tokens */
:root{ --vxn-header:rgba(255,255,255,0.70); --vxn-header-2:rgba(255,255,255,0.90); }
:root[data-theme="dark"]{ --vxn-header:rgba(12,9,26,0.66); --vxn-header-2:rgba(12,9,26,0.88); }

/* focus ring (a11y) */
:where(a,button,input,select,textarea,[tabindex]):focus-visible{
  outline:2px solid var(--vxn-blue);outline-offset:2px;border-radius:6px;}

/* ----- smaller headings ----- */
.vxn-h1{font-size:clamp(2.0rem,4.6vw,3.4rem);}
.vxn-h2{font-size:clamp(1.5rem,3vw,2.15rem);}
.vxn-h3{font-size:clamp(1.05rem,1.7vw,1.25rem);}

/* SVG funnel labels (theme-aware fills) */
.vxn-fn-strong{fill:var(--vxn-ink);}
.vxn-fn-mid{fill:var(--vxn-ink-2);}

/* ----- ambient atmosphere : theme-aware ----- */
.vxn-atmos{background:
  radial-gradient(1100px 720px at 82% -12%, rgba(124,58,237,0.06), transparent 58%),
  radial-gradient(880px 680px at 2% 6%, rgba(168,85,247,0.05), transparent 60%),
  radial-gradient(1000px 820px at 60% 114%, rgba(192,132,252,0.045), transparent 55%),
  var(--vxn-void);}
:root[data-theme="dark"] .vxn-atmos{background:
  radial-gradient(1100px 720px at 80% -10%, rgba(124,58,237,0.24), transparent 60%),
  radial-gradient(900px 700px at 4% 8%, rgba(139,92,246,0.17), transparent 60%),
  radial-gradient(1000px 820px at 60% 112%, rgba(192,132,252,0.11), transparent 55%),
  var(--vxn-void);}
.vxn-grain{opacity:.022;}
:root[data-theme="dark"] .vxn-grain{opacity:.04;}

/* ===================================================================
   NEW HEADER  (.vxn-hd-*)  — clean, sticky, conventional-premium
   =================================================================== */
.vxn-hd{position:sticky;top:0;z-index:100;
  background:var(--vxn-header);
  -webkit-backdrop-filter:saturate(150%) blur(16px);backdrop-filter:saturate(150%) blur(16px);
  border-bottom:1px solid var(--vxn-line);
  transition:background .3s var(--vxn-ease),border-color .3s,box-shadow .3s;}
.vxn-hd.is-scrolled{background:var(--vxn-header-2);
  box-shadow:0 12px 34px -20px rgba(76,29,149,.4);border-bottom-color:var(--vxn-glass-brd);}
.vxn-hd-bar{max-width:var(--vxn-shell);margin:0 auto;padding:15px 22px;
  display:flex;align-items:center;gap:16px;transition:padding .3s var(--vxn-ease);}
.vxn-hd.is-scrolled .vxn-hd-bar{padding:9px 22px;}
.vxn-hd-brand{display:inline-flex;align-items:center;gap:11px;margin-right:auto;}
.vxn-hd-mark{width:34px;height:34px;flex:none;}
.vxn-hd-word{font-family:var(--vxn-font-display);font-weight:800;letter-spacing:.16em;
  font-size:1.05rem;color:var(--vxn-ink);}
.vxn-hd-nav{display:flex;align-items:center;gap:2px;}
.vxn-hd-link{position:relative;padding:9px 14px;border-radius:10px;font-weight:600;
  font-size:.94rem;color:var(--vxn-muted);transition:color .2s;}
.vxn-hd-link::after{content:"";position:absolute;left:14px;right:14px;bottom:5px;height:2px;border-radius:2px;
  background:var(--vxn-grad-cta);transform:scaleX(0);transform-origin:left;transition:transform .26s var(--vxn-ease);}
.vxn-hd-link:hover{color:var(--vxn-ink);}
.vxn-hd-link:hover::after{transform:scaleX(1);}
.vxn-hd-actions{display:flex;align-items:center;gap:10px;}
.vxn-hd-toggle{width:40px;height:40px;border-radius:11px;display:inline-grid;place-items:center;
  background:var(--vxn-glass-2);border:1px solid var(--vxn-glass-brd);color:var(--vxn-ink-2);
  transition:transform .2s,border-color .2s,color .2s;}
.vxn-hd-toggle:hover{color:var(--vxn-blue);border-color:var(--vxn-blue);transform:translateY(-1px);}
.vxn-hd-toggle svg{width:19px;height:19px;}
.vxn-hd-toggle .vxn-ic-moon{display:none;}
:root[data-theme="dark"] .vxn-hd-toggle .vxn-ic-sun{display:none;}
:root[data-theme="dark"] .vxn-hd-toggle .vxn-ic-moon{display:block;}
.vxn-hd-cta{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:11px;
  font-weight:700;font-size:.92rem;background:var(--vxn-grad-cta);color:var(--vxn-cta-ink);
  box-shadow:var(--vxn-glow-cta);transition:transform .2s,box-shadow .2s;}
.vxn-hd-cta:hover{transform:translateY(-1px);box-shadow:0 20px 46px -14px rgba(124,58,237,.6);}
.vxn-hd-burger{display:none;width:42px;height:42px;border-radius:11px;
  background:var(--vxn-glass-2);border:1px solid var(--vxn-glass-brd);color:var(--vxn-ink);
  align-items:center;justify-content:center;}
.vxn-hd-burger svg{width:22px;height:22px;}
.vxn-hd-mobile{display:none;}
@media (max-width:860px){
  .vxn-hd-nav,.vxn-hd-cta{display:none;}
  .vxn-hd-burger{display:inline-flex;}
  .vxn-hd-mobile{display:block;max-height:0;overflow:hidden;
    transition:max-height .38s var(--vxn-ease);
    background:var(--vxn-header-2);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);
    border-bottom:1px solid var(--vxn-line);}
  .vxn-hd-mobile.is-open{max-height:460px;}
  .vxn-hd-mlist{max-width:var(--vxn-shell);margin:0 auto;padding:8px 22px 22px;
    display:flex;flex-direction:column;gap:4px;}
  .vxn-hd-mlink{padding:14px 12px;border-radius:12px;font-weight:600;color:var(--vxn-ink-2);
    border:1px solid transparent;transition:background .2s,border-color .2s;}
  .vxn-hd-mlink:hover{background:var(--vxn-glass-2);border-color:var(--vxn-glass-brd);}
  .vxn-hd-mcta{margin-top:10px;justify-content:center;display:inline-flex;align-items:center;gap:8px;
    padding:15px 18px;border-radius:12px;font-weight:700;background:var(--vxn-grad-cta);
    color:var(--vxn-cta-ink);box-shadow:var(--vxn-glow-cta);}
}

/* ===================================================================
   IMAGES — real photos with graceful purple fallbacks
   =================================================================== */
.vxn-figure{position:relative;border-radius:var(--vxn-r);overflow:hidden;
  border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);background:var(--vxn-panel-2);}
.vxn-figure img{width:100%;height:100%;object-fit:cover;display:block;}
.vxn-ph{position:absolute;inset:0;display:none;align-items:center;justify-content:center;
  background:linear-gradient(150deg,#2a1d4d 0%,#7c3aed 60%,#a855f7 100%);color:#fff;}
.vxn-ph svg{width:40%;height:40%;opacity:.92;}
.vxn-figtag{position:absolute;left:13px;bottom:13px;z-index:2;display:inline-flex;align-items:center;gap:7px;
  padding:7px 13px;border-radius:999px;font-size:.76rem;font-weight:700;letter-spacing:.02em;color:#fff;
  background:rgba(11,8,24,.46);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
  border:1px solid rgba(255,255,255,.20);}
.vxn-ind-figure{aspect-ratio:4/3;margin-top:22px;}
.vxn-avatars{display:flex;align-items:center;}
.vxn-avatar{width:42px;height:42px;border-radius:50%;overflow:hidden;position:relative;flex:none;
  border:2px solid var(--vxn-panel);margin-left:-11px;
  background:linear-gradient(150deg,#7c3aed,#c084fc);box-shadow:0 2px 9px -2px rgba(76,29,149,.5);}
.vxn-avatar:first-child{margin-left:0;}
.vxn-avatar img{width:100%;height:100%;object-fit:cover;display:block;}
.vxn-avatar .vxn-ph{font-weight:800;font-size:.88rem;font-family:var(--vxn-font-display);}
.vxn-case-avatar{width:48px;height:48px;border-radius:50%;overflow:hidden;position:relative;flex:none;
  border:1px solid var(--vxn-glass-brd);background:linear-gradient(150deg,#7c3aed,#c084fc);}
.vxn-case-avatar img{width:100%;height:100%;object-fit:cover;display:block;}
.vxn-case-avatar .vxn-ph{font-weight:800;font-family:var(--vxn-font-display);}
.vxn-case-person{display:flex;align-items:center;gap:12px;margin-bottom:16px;}
.vxn-case-person .nm{font-family:var(--vxn-font-display);font-weight:700;font-size:.92rem;color:var(--vxn-ink);line-height:1.2;}
.vxn-case-person .rl{font-size:.8rem;color:var(--vxn-muted);}
.vxn-hero-proof{display:flex;align-items:center;gap:14px;margin-top:26px;flex-wrap:wrap;}
.vxn-hero-proof .txt{font-size:.86rem;color:var(--vxn-muted);max-width:24ch;line-height:1.45;}
.vxn-hero-proof .txt b{color:var(--vxn-ink-2);font-weight:700;}

/* ===================================================================
   NEW FOOTER  (.vxn-ft-*)
   =================================================================== */
.vxn-ft{position:relative;margin-top:96px;
  background:linear-gradient(180deg,var(--vxn-deep),var(--vxn-void));
  border-top:1px solid var(--vxn-line);}
.vxn-ft-cta{max-width:var(--vxn-shell);margin:0 auto;padding:58px 22px 8px;
  display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:26px;}
.vxn-ft-cta-copy h2{font-family:var(--vxn-font-display);font-weight:800;
  font-size:clamp(1.5rem,3vw,2.15rem);color:var(--vxn-ink);margin:0;letter-spacing:-.02em;
  max-width:20ch;line-height:1.12;}
.vxn-ft-cta-copy p{color:var(--vxn-muted);margin:10px 0 0;max-width:44ch;}
.vxn-ft-cta-btn{display:inline-flex;align-items:center;gap:9px;padding:15px 26px;border-radius:13px;
  font-weight:700;background:var(--vxn-grad-cta);color:var(--vxn-cta-ink);box-shadow:var(--vxn-glow-cta);
  white-space:nowrap;transition:transform .2s,box-shadow .2s;}
.vxn-ft-cta-btn:hover{transform:translateY(-2px);box-shadow:0 22px 50px -14px rgba(124,58,237,.6);}
.vxn-ft-grid{max-width:var(--vxn-shell);margin:34px auto 0;padding:42px 22px;
  display:grid;grid-template-columns:1.7fr 1fr 1fr 1fr;gap:32px;border-top:1px solid var(--vxn-line);}
.vxn-ft-brand p{color:var(--vxn-muted);font-size:.92rem;max-width:34ch;line-height:1.65;margin:14px 0 0;}
.vxn-ft-col h4{font-family:var(--vxn-font-display);font-size:.78rem;letter-spacing:.13em;
  text-transform:uppercase;color:var(--vxn-faint);margin:2px 0 14px;}
.vxn-ft-col a{display:block;color:var(--vxn-ink-2);font-size:.92rem;padding:7px 0;transition:color .2s;}
.vxn-ft-col a:hover{color:var(--vxn-blue);}
.vxn-ft-disc{max-width:var(--vxn-shell);margin:0 auto;padding:0 22px 26px;}
.vxn-ft-disc p{color:var(--vxn-faint);font-size:.78rem;line-height:1.65;
  border-top:1px dashed var(--vxn-line);padding-top:20px;margin:0;}
.vxn-ft-bottom{border-top:1px solid var(--vxn-line);}
.vxn-ft-bottom-in{max-width:var(--vxn-shell);margin:0 auto;padding:22px;
  display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;}
.vxn-ft-copy{color:var(--vxn-faint);font-size:.85rem;}
.vxn-ft-social{display:flex;gap:10px;}
.vxn-ft-social a{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;
  background:var(--vxn-glass-2);border:1px solid var(--vxn-glass-brd);color:var(--vxn-ink-2);
  transition:color .2s,border-color .2s,transform .2s;}
.vxn-ft-social a:hover{color:var(--vxn-blue);border-color:var(--vxn-blue);transform:translateY(-2px);}
.vxn-ft-social svg{width:18px;height:18px;}
@media (max-width:780px){.vxn-ft-grid{grid-template-columns:1fr 1fr;}.vxn-ft-brand{grid-column:1/-1;}}
@media (max-width:480px){.vxn-ft-grid{grid-template-columns:1fr;}}

.vxn-leak-money{margin-top:18px;padding:18px 20px;border-radius:16px;text-align:center;
  background:linear-gradient(160deg,rgba(244,63,94,.10),rgba(124,58,237,.06));
  border:1px solid var(--vxn-glass-brd);}
.vxn-leak-money .big{display:block;font-family:var(--vxn-font-display);font-weight:800;
  font-size:clamp(1.6rem,3vw,2.1rem);color:var(--vxn-red);letter-spacing:-.02em;}
.vxn-leak-money .sub{display:block;margin-top:6px;font-size:.84rem;color:var(--vxn-muted);line-height:1.5;}

/* ===================================================================
   ABOUT SECTION
   =================================================================== */
.vxn-about-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:46px;align-items:center;margin-top:42px;}
.vxn-about-figure{position:relative;border-radius:var(--vxn-r);overflow:hidden;
  border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);background:var(--vxn-panel-2);aspect-ratio:4/3;}
.vxn-about-figure img{width:100%;height:100%;object-fit:cover;display:block;}
.vxn-about-badge{position:absolute;left:16px;bottom:16px;z-index:2;display:flex;align-items:center;gap:12px;
  padding:12px 16px;border-radius:14px;background:rgba(11,8,24,.55);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
  border:1px solid rgba(255,255,255,.18);}
.vxn-about-badge .n{font-family:var(--vxn-font-display);font-weight:800;font-size:1.3rem;color:#fff;line-height:1;}
.vxn-about-badge .l{font-size:.74rem;color:rgba(255,255,255,.8);line-height:1.3;}
.vxn-about-lead{font-size:1.05rem;color:var(--vxn-ink-2);line-height:1.7;margin:18px 0 0;}
.vxn-about-lead b{color:var(--vxn-ink);font-weight:700;}
.vxn-about-points{display:grid;gap:14px;margin-top:24px;}
.vxn-about-point{display:flex;gap:13px;align-items:flex-start;}
.vxn-about-point .ic{width:34px;height:34px;flex:none;border-radius:10px;display:grid;place-items:center;
  background:linear-gradient(150deg,rgba(124,58,237,.16),rgba(192,132,252,.10));color:var(--vxn-blue);border:1px solid var(--vxn-glass-brd);}
.vxn-about-point .ic svg{width:18px;height:18px;}
.vxn-about-point h4{font-family:var(--vxn-font-display);font-weight:600;font-size:.98rem;color:var(--vxn-ink);margin:2px 0 3px;}
.vxn-about-point p{font-size:.88rem;color:var(--vxn-muted);line-height:1.55;margin:0;}
@media (max-width:820px){ .vxn-about-grid{grid-template-columns:1fr;gap:30px;} }
/* ===================================================================
   MEGA MENU
   =================================================================== */
.vxn-hd-mega-btn{background:transparent;border:0;font-family:inherit;cursor:pointer;display:inline-flex;align-items:center;gap:6px;}
.vxn-hd-chev{transition:transform .25s var(--vxn-ease);}
.vxn-hd-mega-btn[aria-expanded="true"]{color:var(--vxn-ink);}
.vxn-hd-mega-btn[aria-expanded="true"] .vxn-hd-chev{transform:rotate(180deg);}
.vxn-hd-mega{position:absolute;top:100%;left:0;right:0;z-index:99;
  background:var(--vxn-panel);
  border-top:1px solid var(--vxn-line);border-bottom:1px solid var(--vxn-glass-brd);
  box-shadow:0 36px 70px -34px rgba(76,29,149,.42);
  opacity:0;visibility:hidden;transform:translateY(-10px);pointer-events:none;
  transition:opacity .26s var(--vxn-ease),transform .26s var(--vxn-ease),visibility .26s;}
.vxn-hd-mega.is-open{opacity:1;visibility:visible;transform:none;pointer-events:auto;}
.vxn-hd-mega-in{max-width:var(--vxn-shell);margin:0 auto;padding:30px 22px 34px;
  display:grid;grid-template-columns:1.25fr 1fr 1.15fr;gap:30px;}
.vxn-hd-mega-col h4{font-family:var(--vxn-font-display);font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;
  color:var(--vxn-faint);margin:0 0 12px;padding-left:10px;}
.vxn-hd-mega-col a{display:flex;align-items:center;gap:12px;padding:10px;border-radius:12px;
  border:1px solid transparent;transition:background .18s,border-color .18s,transform .18s;}
.vxn-hd-mega-col a:hover{background:var(--vxn-glass-2);border-color:var(--vxn-glass-brd);transform:translateX(2px);}
.vxn-hd-mega-col a .ic{width:34px;height:34px;flex:none;border-radius:9px;display:grid;place-items:center;
  background:linear-gradient(150deg,rgba(124,58,237,.16),rgba(192,132,252,.10));color:var(--vxn-blue);border:1px solid var(--vxn-glass-brd);}
.vxn-hd-mega-col a .ic svg{width:18px;height:18px;}
.vxn-hd-mega-col a .tx b{display:block;font-family:var(--vxn-font-display);font-weight:600;font-size:.92rem;color:var(--vxn-ink);}
.vxn-hd-mega-col a .tx span{display:block;font-size:.78rem;color:var(--vxn-muted);margin-top:1px;}
.vxn-hd-mega-col:nth-child(2) a{padding:12px;}
.vxn-hd-mega-feature{background:linear-gradient(160deg,rgba(124,58,237,.10),rgba(192,132,252,.05));
  border:1px solid var(--vxn-glass-brd);border-radius:16px;padding:22px;display:flex;flex-direction:column;}
.vxn-hd-mega-feature h3{font-family:var(--vxn-font-display);font-weight:700;font-size:1.05rem;color:var(--vxn-ink);
  margin:10px 0 8px;line-height:1.25;letter-spacing:-.01em;}
.vxn-hd-mega-feature p{color:var(--vxn-muted);font-size:.86rem;line-height:1.55;margin:0 0 16px;}
.vxn-hd-mega-cta{margin-top:auto;align-self:flex-start;display:inline-flex;align-items:center;gap:8px;
  padding:11px 18px;border-radius:11px;font-weight:700;font-size:.86rem;background:var(--vxn-grad-cta);color:var(--vxn-cta-ink);box-shadow:var(--vxn-glow-cta);}
@media (max-width:860px){ .vxn-hd-mega{display:none !important;} }
@media (prefers-reduced-motion:reduce){ .vxn-hd-mega,.vxn-hd-chev{transition:none !important;} }

/* ===================================================================
   HERO v3 — particles.js network + centered creative layout
   =================================================================== */
.vxn-hero{position:relative;overflow:hidden;min-height:clamp(580px,88vh,880px);
  display:flex;align-items:center;padding-top:48px;padding-bottom:56px;}
#vxn-particles{position:absolute;inset:0;z-index:0;}
#vxn-particles canvas{display:block !important;}
.vxn-hero-glow{position:absolute;inset:0;z-index:0;pointer-events:none;background:
  radial-gradient(640px 440px at 50% 30%, rgba(124,58,237,.16), transparent 70%),
  radial-gradient(520px 380px at 84% 72%, rgba(192,132,252,.12), transparent 70%),
  radial-gradient(480px 360px at 12% 78%, rgba(168,85,247,.10), transparent 70%);}
.vxn-hero .vxn-shell{position:relative;z-index:2;}
.vxn-hero-center{max-width:900px;margin:0 auto;text-align:center;display:flex;flex-direction:column;align-items:center;}
.vxn-hero-center .vxn-h1{margin:16px auto 0;}
.vxn-hero-center .vxn-lead{margin:20px auto 0;text-align:center;}
.vxn-hero-center .vxn-hero-cta{justify-content:center;margin-top:30px;display:flex;gap:14px;flex-wrap:wrap;}
.vxn-hero-center .vxn-hero-proof{justify-content:center;margin-top:28px;}
.vxn-hero-metrics{margin-top:40px;padding:6px;border-radius:18px;width:100%;max-width:800px;}
.vxn-hero-metrics .cap{text-align:center;font-size:.82rem;font-weight:700;color:var(--vxn-red);
  padding:12px 16px 11px;line-height:1.4;}
.vxn-hm-row{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--vxn-line);}
.vxn-hm-row .cell{padding:16px 14px 18px;text-align:center;position:relative;}
.vxn-hm-row .cell + .cell::before{content:"";position:absolute;left:0;top:22%;bottom:22%;width:1px;background:var(--vxn-line);}
.vxn-hm-row .v{font-family:var(--vxn-font-display);font-weight:800;font-size:clamp(1.35rem,2.5vw,1.9rem);color:var(--vxn-ink);letter-spacing:-.02em;}
.vxn-hm-row .v.g{color:var(--vxn-green);}
.vxn-hm-row .v.c{color:var(--vxn-blue);}
.vxn-hm-row .k{font-size:.74rem;color:var(--vxn-muted);margin-top:5px;letter-spacing:.01em;line-height:1.3;}
@media (max-width:620px){
  .vxn-hm-row{grid-template-columns:repeat(2,1fr);}
  .vxn-hm-row .cell:nth-child(3)::before{display:none;}
}
@media (prefers-reduced-motion:reduce){
  .vxn-hd,.vxn-hd-bar,.vxn-hd-mobile,.vxn-hd-link::after,.vxn-hd-cta,.vxn-hd-toggle,
  .vxn-ft-cta-btn,.vxn-ft-social a,.vxn-about-point{transition:none !important;}
}
/* ----- hero text glow + typewriter caret + lead highlight ----- */
.vxn-hero-center .vxn-h1{text-shadow:0 0 38px rgba(124,58,237,.14);}
.vxn-hero-break{display:block;margin-top:.08em;}
:root[data-theme="dark"] .vxn-hero-center .vxn-h1{text-shadow:0 0 48px rgba(124,58,237,.45);}
.vxn-hero-center .vxn-grad-txt{text-shadow:none;
  filter:drop-shadow(0 0 14px rgba(124,58,237,.45)) drop-shadow(0 0 28px rgba(192,132,252,.30));}
.vxn-hl{color:var(--vxn-blue);}
:root[data-theme="dark"] .vxn-hl{color:var(--vxn-cyan);}
.vxn-hero-center .vxn-lead strong{color:var(--vxn-blue);font-weight:700;}
:root[data-theme="dark"] .vxn-hero-center .vxn-lead strong{color:var(--vxn-cyan);}
.vxn-caret{display:inline-block;width:3px;height:.92em;margin-left:5px;vertical-align:-1px;border-radius:2px;
  background:linear-gradient(180deg,#7c3aed,#c084fc);box-shadow:0 0 12px rgba(124,58,237,.75);
  animation:vxn-blink 1.05s steps(1) infinite;}
@keyframes vxn-blink{0%,50%{opacity:1}50.01%,100%{opacity:0}}
@media (prefers-reduced-motion:reduce){ .vxn-caret{animation:none;display:none;} }
/* ----- section 2 : animated funnel (flowing leads + happy booked) ----- */
.vxn-funnel-anim{width:100%;max-width:330px;display:block;margin:0 auto;overflow:visible;}
.vxn-flow{fill:#a855f7;animation:vxn-pflow 2.7s linear infinite;}
.vxn-flow.f1{animation-delay:0s;}
.vxn-flow.f2{animation-delay:.45s;}
.vxn-flow.f3{animation-delay:.95s;}
.vxn-flow.f4{animation-delay:1.4s;}
.vxn-flow.f5{animation-delay:1.85s;}
.vxn-flow.f6{animation-delay:2.3s;}
@keyframes vxn-pflow{
  0%{transform:translateY(0);opacity:0;}
  10%{opacity:1;}
  86%{opacity:.95;}
  100%{transform:translateY(262px);opacity:0;}
}
.vxn-leak{fill:#f43f5e;}
.vxn-leak.l1,.vxn-leak.l2,.vxn-leak.l3{animation:vxn-leakL 2.7s ease-in infinite;}
.vxn-leak.r1,.vxn-leak.r2,.vxn-leak.r3{animation:vxn-leakR 2.7s ease-in infinite;}
.vxn-leak.l1{animation-delay:.3s;}
.vxn-leak.r1{animation-delay:.9s;}
.vxn-leak.r2{animation-delay:.6s;}
.vxn-leak.l2{animation-delay:1.5s;}
.vxn-leak.r3{animation-delay:1.2s;}
.vxn-leak.l3{animation-delay:2s;}
@keyframes vxn-leakL{0%{transform:translate(0,0);opacity:0;}20%{opacity:.9;}100%{transform:translate(-30px,18px);opacity:0;}}
@keyframes vxn-leakR{0%{transform:translate(0,0);opacity:0;}20%{opacity:.9;}100%{transform:translate(30px,18px);opacity:0;}}
.vxn-joy-glow{transform-box:fill-box;transform-origin:center;animation:vxn-joy-pulse 2.4s ease-in-out infinite;}
@keyframes vxn-joy-pulse{0%,100%{transform:scale(.9);opacity:.45;}50%{transform:scale(1.14);opacity:.82;}}
.vxn-joy-face{transform-box:fill-box;transform-origin:center;animation:vxn-joy-bob 2.4s ease-in-out infinite;}
@keyframes vxn-joy-bob{0%,100%{transform:translateY(0) scale(1);}50%{transform:translateY(-2px) scale(1.05);}}
.vxn-spark{transform-box:fill-box;transform-origin:center;animation:vxn-twinkle 1.9s ease-in-out infinite;}
.vxn-spark.s2{animation-delay:.6s;}
.vxn-spark.s3{animation-delay:1.15s;}
@keyframes vxn-twinkle{0%,100%{opacity:.15;transform:scale(.6);}50%{opacity:1;transform:scale(1.1);}}
@media (prefers-reduced-motion:reduce){
  .vxn-flow,.vxn-leak,.vxn-spark{display:none;}
  .vxn-joy-glow,.vxn-joy-face{animation:none;}
}
/* ----- section 3 : Method phases (image-rich, alternating) ----- */
.vxn-phases{display:flex;flex-direction:column;gap:40px;margin-top:48px;}
.vxn-phase{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center;}
.vxn-phase:nth-child(even) .vxn-phase-figure{order:2;}
.vxn-phase-figure{position:relative;border-radius:var(--vxn-r);overflow:hidden;aspect-ratio:4/3;
  border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);background:var(--vxn-panel-2);}
.vxn-phase-figure img{width:100%;height:100%;object-fit:cover;display:block;}
.vxn-phase-badge{position:absolute;left:14px;top:14px;z-index:2;
  font-family:var(--vxn-font-display);font-weight:800;font-size:1.05rem;color:#fff;
  width:46px;height:46px;display:grid;place-items:center;border-radius:13px;
  background:linear-gradient(150deg,rgba(124,58,237,.94),rgba(168,85,247,.94));
  border:1px solid rgba(255,255,255,.25);box-shadow:0 8px 22px -8px rgba(76,29,149,.6);}
.vxn-phase-tag{display:inline-block;font-family:var(--vxn-font-display);font-size:.76rem;font-weight:700;
  letter-spacing:.08em;text-transform:uppercase;color:var(--vxn-blue);
  padding:6px 12px;border-radius:999px;background:rgba(124,58,237,.10);
  border:1px solid var(--vxn-glass-brd);margin-bottom:14px;}
.vxn-phase-body h3{margin:0 0 10px;}
.vxn-phase-body > p{color:var(--vxn-ink-2);font-size:1rem;line-height:1.6;margin:0;}
.vxn-phase-steps{list-style:none;padding:0;margin:20px 0 0;display:grid;gap:12px;}
.vxn-phase-steps li{display:flex;gap:14px;align-items:flex-start;padding:11px 14px;border-radius:12px;
  background:var(--vxn-glass-2);border:1px solid var(--vxn-glass-brd);
  transition:transform .25s var(--vxn-ease),border-color .25s;}
.vxn-phase-steps li:hover{transform:translateX(3px);border-color:var(--vxn-blue);}
.vxn-phase-steps .n{font-family:var(--vxn-font-mono);font-weight:700;color:var(--vxn-blue);font-size:.9rem;
  width:24px;flex:none;padding-top:2px;}
.vxn-phase-steps b{display:block;font-family:var(--vxn-font-display);font-weight:600;color:var(--vxn-ink);font-size:.96rem;}
.vxn-phase-steps .d{display:block;font-size:.85rem;color:var(--vxn-muted);line-height:1.5;margin-top:2px;}
@media (max-width:840px){
  .vxn-phase{grid-template-columns:1fr;gap:22px;}
  .vxn-phase .vxn-phase-figure,
  .vxn-phase:nth-child(even) .vxn-phase-figure{order:-1;}
}
@media (prefers-reduced-motion:reduce){ .vxn-phase-steps li{transition:none;} }
/* ----- section 2 : parallax + falling background ----- */
.vxn-sec2{position:relative;overflow:hidden;}
.vxn-sec2 > .vxn-shell{position:relative;z-index:1;}
.vxn-sec2-bg{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden;}
.vxn-p-layer{position:absolute;inset:-12% 0;will-change:transform;}
.vxn-blob{position:absolute;border-radius:50%;filter:blur(60px);opacity:.55;}
.vxn-blob.b1{width:46vw;max-width:560px;aspect-ratio:1;left:-8%;top:6%;
  background:radial-gradient(circle,rgba(124,58,237,.18),transparent 70%);}
.vxn-blob.b2{width:40vw;max-width:480px;aspect-ratio:1;right:-6%;bottom:0%;
  background:radial-gradient(circle,rgba(192,132,252,.15),transparent 70%);}
.vxn-p-mid{background-image:
   linear-gradient(rgba(var(--ln),.05) 1px,transparent 1px),
   linear-gradient(90deg,rgba(var(--ln),.05) 1px,transparent 1px);
  background-size:46px 46px;
  -webkit-mask-image:radial-gradient(ellipse at 50% 38%,#000 32%,transparent 78%);
  mask-image:radial-gradient(ellipse at 50% 38%,#000 32%,transparent 78%);}
.vxn-fall{position:absolute;top:-8%;width:var(--s,5px);height:var(--s,5px);border-radius:50%;
  background:var(--c,#a855f7);box-shadow:0 0 8px rgba(168,85,247,.5);opacity:0;
  animation:vxn-fall var(--dur,10s) linear var(--d,0s) infinite;}
.vxn-fall-red{--c:#f43f5e;box-shadow:0 0 8px rgba(244,63,94,.5);}
@keyframes vxn-fall{
  0%{transform:translate3d(0,0,0);opacity:0;}
  8%{opacity:.85;}
  88%{opacity:.5;}
  100%{transform:translate3d(var(--x,0),132vh,0);opacity:0;}
}
@media (prefers-reduced-motion:reduce){
  .vxn-fall{display:none;}
  .vxn-p-layer{transform:none !important;}
}

/* ----- section 3 (Method) : image-backed parallax ----- */
.vxn-parallax-host{position:relative;overflow:hidden;}
.vxn-parallax-host > .vxn-shell{position:relative;z-index:1;}
.vxn-m3-bg{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden;}
.vxn-m3-img{background:
    radial-gradient(45% 55% at 12% 8%, rgba(124,58,237,.14), transparent 68%),
    radial-gradient(45% 55% at 88% 12%, rgba(192,132,252,.12), transparent 68%),
    radial-gradient(62% 60% at 50% 100%, rgba(139,92,246,.10), transparent 72%);}
:root[data-theme="dark"] .vxn-m3-img{filter:brightness(1.25);}
/* ----- strategy board : connected colour-tile redesign ----- */
.vxn-board::before{background:
  linear-gradient(rgba(var(--ln),.045) 1px,transparent 1px),
  linear-gradient(90deg,rgba(var(--ln),.045) 1px,transparent 1px);
  background-size:16.66% 16.66%;opacity:.7;}
.vxn-board-net{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none;}
.vxn-board-net .net-flow polyline{animation:vxn-netflow 1.6s linear infinite;}
@keyframes vxn-netflow{to{stroke-dashoffset:-16;}}
.vxn-piece-disc{border-radius:18px;
  background:radial-gradient(circle at 32% 26%,rgba(255,255,255,.42),transparent 54%),var(--pc,#a855f7);
  border:1px solid rgba(255,255,255,.34);
  box-shadow:0 12px 26px -10px var(--pc,rgba(168,85,247,.6)),inset 0 -7px 16px rgba(0,0,0,.2),inset 0 1px 1px rgba(255,255,255,.5);}
.vxn-piece-disc svg{color:#fff;}
.vxn-piece-lbl{color:#fff;opacity:.96;}
.vxn-piece-glow{opacity:.55;filter:blur(11px);inset:-28%;}

/* ----- industries : focus split + vertical journey + specialties (redesigned) ----- */
.vxn-ind2-grid{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:stretch;margin-top:46px;}
.vxn-ind2-figure{position:relative;border-radius:var(--vxn-r);overflow:hidden;min-height:430px;
  border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);background:var(--vxn-panel-2);}
.vxn-ind2-figure img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;}
.vxn-ind2-badge{position:absolute;z-index:2;display:inline-flex;align-items:center;gap:8px;
  font-family:var(--vxn-font-display);font-weight:600;font-size:.78rem;color:#fff;
  padding:8px 13px;border-radius:999px;background:rgba(20,12,40,.55);
  backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.22);}
.vxn-ind2-badge.top{left:16px;top:16px;}
.vxn-ind2-badge.bot{left:16px;bottom:16px;font-family:var(--vxn-font-mono);font-size:.72rem;font-weight:500;}
.vxn-ind2-journey{display:flex;flex-direction:column;justify-content:center;}
.vxn-vjourney{list-style:none;margin:22px 0 0;padding:0;position:relative;}
.vxn-vjourney::before{content:"";position:absolute;left:23px;top:23px;bottom:23px;width:2px;background:var(--vxn-line);}
.vxn-vjourney::after{content:"";position:absolute;left:23px;top:23px;bottom:23px;width:2px;
  background:linear-gradient(180deg,var(--ac1),var(--ac2),var(--ac1));background-size:100% 220%;
  opacity:.75;animation:vxn-vrail 3s linear infinite;}
@keyframes vxn-vrail{to{background-position:0 -220%;}}
.vxn-vstep{position:relative;display:flex;gap:16px;align-items:flex-start;padding-bottom:24px;}
.vxn-vstep:last-child{padding-bottom:0;}
.vxn-vstep .vxn-jdot{flex:none;position:relative;z-index:1;}
.vxn-vtxt{padding-top:5px;}
.vxn-vtxt b{display:block;font-family:var(--vxn-font-display);font-weight:600;color:var(--vxn-ink);font-size:1rem;}
.vxn-vtxt .s{font-family:var(--vxn-font-mono);font-size:.66rem;letter-spacing:.05em;text-transform:uppercase;color:var(--vxn-faint);}
.vxn-spec-head{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;margin:50px 0 18px;}
.vxn-spec-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:14px;}
.vxn-spec{position:relative;display:flex;gap:15px;align-items:flex-start;padding:16px 18px 16px 20px;border-radius:14px;
  overflow:hidden;background:var(--vxn-glass-2);border:1px solid var(--vxn-glass-brd);
  transition:transform .3s var(--vxn-ease),border-color .3s;}
.vxn-spec::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;
  background:linear-gradient(180deg,var(--vxn-blue),var(--vxn-cyan));opacity:0;transition:opacity .3s;}
.vxn-spec:hover{transform:translateY(-4px);border-color:var(--vxn-blue);}
.vxn-spec:hover::before{opacity:1;}
.vxn-spec .ic{width:42px;height:42px;border-radius:11px;flex:none;display:grid;place-items:center;
  background:rgba(124,58,237,.1);color:var(--vxn-blue);}
.vxn-spec .ic svg{width:22px;height:22px;}
.vxn-spec h4{margin:0 0 4px;font-family:var(--vxn-font-display);font-size:1rem;color:var(--vxn-ink);}
.vxn-spec p{margin:0;font-size:.85rem;color:var(--vxn-muted);line-height:1.5;}
@media (max-width:840px){
  .vxn-ind2-grid{grid-template-columns:1fr;gap:24px;}
  .vxn-ind2-figure{min-height:300px;}
}
@media (prefers-reduced-motion:reduce){
  .vxn-board-net .net-flow polyline{animation:none;}
  .vxn-vjourney::after{animation:none;}
}
/* ----- website before/after : detailed site mockups ----- */
.vxn-ba-layer{padding:0;}
.vxn-ba-after{background:linear-gradient(180deg,#ffffff,#f7f4ff);}
.vxn-ba-before{background:linear-gradient(180deg,#e9ebef,#dfe2e8);clip-path:inset(0 calc(100% - var(--pos)) 0 0);}
.vxn-ba-handle{background:var(--vxn-blue);box-shadow:0 0 14px rgba(124,58,237,.6);}
.vxn-ba-knob{background:#fff;border-color:var(--vxn-blue);}
.vxn-ba-knob svg{color:var(--vxn-blue);}
.vxn-st{position:absolute;inset:0;display:flex;flex-direction:column;overflow:hidden;}
.vxn-st-nav{display:flex;align-items:center;justify-content:space-between;padding:9px 13px;border-bottom:1px solid rgba(27,18,51,.08);background:rgba(255,255,255,.6);}
.vxn-st-logo{display:flex;align-items:center;gap:6px;font-family:var(--vxn-font-display);font-weight:800;font-size:.64rem;color:#1b1233;white-space:nowrap;}
.vxn-st-logo i{width:14px;height:14px;border-radius:5px;background:linear-gradient(135deg,#7c3aed,#c084fc);flex:none;}
.vxn-st-links{display:flex;gap:8px;}
.vxn-st-links b{width:22px;height:5px;border-radius:3px;background:rgba(27,18,51,.16);}
.vxn-st-btn{font-family:var(--vxn-font-display);font-size:.6rem;font-weight:700;color:#fff;background:linear-gradient(135deg,#7c3aed,#a855f7);border-radius:7px;padding:5px 12px;white-space:nowrap;}
.vxn-st-hero{flex:1;display:flex;gap:13px;padding:15px 13px;align-items:center;}
.vxn-st-htext{flex:1.25;display:flex;flex-direction:column;gap:7px;min-width:0;}
.vxn-st-h1{font-family:var(--vxn-font-display);font-weight:800;font-size:.96rem;line-height:1.12;color:#1b1233;}
.vxn-st-sub{height:6px;border-radius:3px;background:rgba(27,18,51,.12);width:92%;}
.vxn-st-sub.s{width:64%;}
.vxn-st-ctarow{display:flex;align-items:center;gap:8px;margin-top:5px;flex-wrap:wrap;}
.vxn-st-cta{font-family:var(--vxn-font-display);font-size:.64rem;font-weight:700;color:#fff;background:linear-gradient(135deg,#7c3aed,#a855f7);border-radius:8px;padding:7px 14px;box-shadow:0 7px 16px -6px rgba(124,58,237,.6);white-space:nowrap;}
.vxn-st-call{display:inline-flex;align-items:center;gap:5px;font-family:var(--vxn-font-display);font-size:.6rem;font-weight:700;color:#7c3aed;border:1px solid rgba(124,58,237,.32);border-radius:8px;padding:6px 10px;white-space:nowrap;}
.vxn-st-call svg{width:11px;height:11px;}
.vxn-st-stars{display:flex;align-items:center;gap:6px;font-size:.72rem;color:#f59e0b;margin-top:2px;letter-spacing:1px;}
.vxn-st-stars span{color:#675d86;font-family:var(--vxn-font-mono);font-size:.56rem;letter-spacing:0;}
.vxn-st-himg{flex:.85;align-self:stretch;border-radius:10px;min-height:74px;position:relative;overflow:hidden;
  background:linear-gradient(150deg,#a855f7,#7c3aed);box-shadow:0 8px 20px -8px rgba(124,58,237,.55);}
.vxn-st-himg::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 70% 28%,rgba(255,255,255,.4),transparent 58%);}
.vxn-st-trust{display:flex;gap:7px;padding:0 13px 13px;}
.vxn-st-trust span{flex:1;height:15px;border-radius:5px;background:rgba(16,185,129,.16);border:1px solid rgba(16,185,129,.2);}
/* dated / bad site */
.vxn-st-nav.bad{padding:8px 11px;border-bottom:1px solid rgba(51,65,90,.14);background:#eceef2;}
.vxn-st-logo.bad{font-family:var(--vxn-font-body);font-weight:700;font-size:.6rem;color:#3a4a63;}
.vxn-st-links.bad{gap:6px;}
.vxn-st-links.bad b{width:15px;height:4px;background:rgba(58,74,99,.4);}
.vxn-st-body{flex:1;padding:13px 13px 12px;display:flex;flex-direction:column;gap:6px;}
.vxn-st-bh{font-family:var(--vxn-font-body);font-weight:700;font-size:.66rem;color:#46586f;margin-bottom:3px;}
.vxn-st-txt{height:5px;border-radius:2px;background:rgba(58,74,99,.2);width:100%;}
.vxn-st-txt.s{width:72%;}
.vxn-st-submit{margin-top:7px;align-self:flex-start;font-family:var(--vxn-font-body);font-size:.6rem;font-weight:600;color:#5b6b85;background:#d2d7df;border:1px solid #c0c6d0;border-radius:5px;padding:6px 13px;}
@media (prefers-reduced-motion:reduce){}
/* ===== gradient touch-ups ===== */
.vxn-divider{border:none;height:1px;background:linear-gradient(90deg,transparent,rgba(124,58,237,.28),rgba(192,132,252,.30),transparent);}

/* ===== footer : interactive + gradients ===== */
.vxn-ft{overflow:hidden;}
.vxn-ft::before{content:"";position:absolute;top:0;left:0;right:0;height:2px;z-index:2;
  background:linear-gradient(90deg,transparent,#7c3aed,#a855f7,#c084fc,#a855f7,#7c3aed,transparent);background-size:200% 100%;
  animation:vxn-ftline 6s linear infinite;}
@keyframes vxn-ftline{to{background-position:200% 0;}}
.vxn-ft-glow{position:absolute;top:-60px;left:50%;width:78%;max-width:880px;height:320px;pointer-events:none;z-index:0;
  transform:translateX(-50%);background:radial-gradient(ellipse at center,rgba(124,58,237,.18),transparent 70%);
  animation:vxn-ftglow 7s ease-in-out infinite;}
@keyframes vxn-ftglow{0%,100%{opacity:.55;transform:translateX(-50%) scale(1);}50%{opacity:1;transform:translateX(-50%) scale(1.08);}}
.vxn-ft-cta,.vxn-ft-grid,.vxn-ft-disc,.vxn-ft-bottom{position:relative;z-index:1;}
.vxn-ft-cta-btn{position:relative;overflow:hidden;}
.vxn-ft-cta-btn::after{content:"";position:absolute;top:0;left:-65%;width:42%;height:100%;transform:skewX(-18deg);
  background:linear-gradient(105deg,transparent,rgba(255,255,255,.4),transparent);animation:vxn-shimmer 3.6s ease-in-out infinite;}
@keyframes vxn-shimmer{0%,70%{left:-65%;}100%{left:135%;}}
.vxn-ft-cta-btn > svg{position:relative;z-index:1;transition:transform .25s var(--vxn-ease);}
.vxn-ft-cta-btn:hover > svg{transform:translateX(4px);}
.vxn-ft-col a{position:relative;transition:color .22s,padding-left .22s;}
.vxn-ft-col a::before{content:"";position:absolute;left:0;top:50%;width:9px;height:2px;border-radius:2px;
  transform:translateY(-50%) scaleX(0);transform-origin:left;background:linear-gradient(90deg,#7c3aed,#c084fc);transition:transform .22s;}
.vxn-ft-col a:hover{color:var(--vxn-blue);padding-left:15px;}
.vxn-ft-col a:hover::before{transform:translateY(-50%) scaleX(1);}
.vxn-ft-social a{position:relative;overflow:hidden;
  transition:color .2s,border-color .2s,transform .25s var(--vxn-ease),box-shadow .25s;}
.vxn-ft-social a > svg{position:relative;z-index:1;}
.vxn-ft-social a::before{content:"";position:absolute;inset:0;opacity:0;transition:opacity .25s;
  background:linear-gradient(135deg,#7c3aed,#a855f7);}
.vxn-ft-social a:hover{color:#fff;border-color:transparent;transform:translateY(-3px);box-shadow:0 10px 24px -8px rgba(124,58,237,.55);}
.vxn-ft-social a:hover::before{opacity:1;}
.vxn-ft-brand .vxn-hd-mark{filter:drop-shadow(0 0 10px rgba(124,58,237,.4));}

/* ===== FOMO single-quote rotator (below footer) ===== */
.vxn-fomo{position:relative;overflow:hidden;padding:26px 22px;display:flex;justify-content:center;
  background:linear-gradient(90deg,#6d28d9,#7c3aed,#a855f7,#7c3aed,#6d28d9);background-size:220% 100%;
  animation:vxn-fomobg 14s ease infinite;}
@keyframes vxn-fomobg{0%,100%{background-position:0% 0;}50%{background-position:100% 0;}}
.vxn-fomo-stage{position:relative;width:100%;max-width:var(--vxn-shell);min-height:30px;}
.vxn-fomo-q{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:0;text-align:center;
  font-family:var(--vxn-font-display);font-weight:600;font-size:clamp(.95rem,2vw,1.18rem);color:#fff;padding:0 8px;
  opacity:0;transform:translateY(14px);transition:opacity .55s var(--vxn-ease),transform .55s var(--vxn-ease);}
.vxn-fomo-q.is-on{opacity:1;transform:translateY(0);}
.vxn-fomo-q.is-out{opacity:0;transform:translateY(-14px);}
@media (prefers-reduced-motion:reduce){.vxn-fomo{animation:none;}.vxn-fomo-q{transition:none;}}

/* ===== floating action buttons : WhatsApp + Get in touch ===== */
.vxn-fab{position:fixed;right:22px;bottom:24px;z-index:85;display:flex;flex-direction:column;gap:13px;align-items:flex-end;}
.vxn-fab a{position:relative;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;
  box-shadow:0 12px 30px -8px rgba(0,0,0,.32);transition:transform .25s var(--vxn-ease),box-shadow .25s;}
.vxn-fab a:hover{transform:translateY(-3px) scale(1.04);}
.vxn-fab-wa{width:56px;height:56px;border-radius:50%;background:linear-gradient(145deg,#25d366,#0e9f6e);color:#fff;}
.vxn-fab-wa svg{width:30px;height:30px;}
.vxn-fab-wa:hover{box-shadow:0 16px 36px -8px rgba(37,211,102,.6);}
.vxn-fab-wa::after{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid #25d366;
  animation:vxn-fabpulse 2.6s ease-out infinite;}
@keyframes vxn-fabpulse{0%{transform:scale(1);opacity:.7;}100%{transform:scale(1.55);opacity:0;}}
.vxn-fab-gt{gap:9px;padding:0 20px;height:56px;border-radius:30px;color:#fff;
  background:linear-gradient(135deg,#7c3aed,#a855f7,#c084fc);background-size:170% 170%;
  font-family:var(--vxn-font-display);font-weight:700;font-size:.92rem;animation:vxn-fabgrad 5s ease infinite;}
.vxn-fab-gt svg{width:20px;height:20px;}
.vxn-fab-gt:hover{box-shadow:0 16px 36px -8px rgba(124,58,237,.6);}
@keyframes vxn-fabgrad{0%,100%{background-position:0% 50%;}50%{background-position:100% 50%;}}
@media (max-width:780px){
  .vxn-fab{right:16px;bottom:82px;}
  .vxn-fab-gt span{display:none;}
  .vxn-fab-gt{width:56px;padding:0;border-radius:50%;}
}
@media (prefers-reduced-motion:reduce){
  .vxn-ft::before,.vxn-ft-glow,.vxn-ft-cta-btn::after,.vxn-fomo-track,.vxn-fab-gt{animation:none;}
  .vxn-fab-wa::after{display:none;}
  .vxn-fomo-track{flex-wrap:wrap;justify-content:center;}
}
/* ===== footer newsletter ===== */
.vxn-news{margin-top:24px;max-width:350px;}
.vxn-news-label{display:block;font-family:var(--vxn-font-display);font-weight:700;font-size:.96rem;color:var(--vxn-ink);}
.vxn-news-sub{color:var(--vxn-muted);font-size:.84rem;line-height:1.5;margin:6px 0 12px;}
.vxn-news-row{display:flex;gap:8px;padding:5px;border-radius:13px;background:var(--vxn-glass-2);
  border:1px solid var(--vxn-glass-brd);transition:border-color .2s,box-shadow .2s;}
.vxn-news-row:focus-within{border-color:var(--vxn-blue);box-shadow:0 0 0 3px rgba(124,58,237,.13);}
.vxn-news-row input{flex:1;min-width:0;background:transparent;border:none;outline:none;
  font-family:var(--vxn-font-body);font-size:.9rem;color:var(--vxn-ink);padding:8px 10px;}
.vxn-news-row input::placeholder{color:var(--vxn-faint);}
.vxn-news-row button{flex:none;width:44px;border:none;cursor:pointer;border-radius:9px;color:#fff;display:grid;place-items:center;
  background:linear-gradient(135deg,#7c3aed,#a855f7);transition:transform .2s,box-shadow .2s;}
.vxn-news-row button:hover{transform:translateY(-1px);box-shadow:0 8px 20px -6px rgba(124,58,237,.6);}
.vxn-news-row button svg{width:17px;height:17px;}
.vxn-news-msg{display:inline-flex;align-items:center;gap:6px;margin-top:11px;font-size:.82rem;font-weight:600;color:var(--vxn-green);}

/* ===== floating button : works as <button> too ===== */
.vxn-fab button{position:relative;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;border:none;
  box-shadow:0 12px 30px -8px rgba(0,0,0,.32);transition:transform .25s var(--vxn-ease),box-shadow .25s;}
.vxn-fab button:hover{transform:translateY(-3px) scale(1.04);}

/* ===== audit modal ===== */
.vxn-modal{position:fixed;inset:0;z-index:120;display:flex;align-items:center;justify-content:center;padding:20px;
  opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s;}
.vxn-modal.is-open{opacity:1;visibility:visible;}
.vxn-modal-backdrop{position:absolute;inset:0;background:rgba(10,6,22,.6);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);}
.vxn-modal-card{position:relative;z-index:1;width:100%;max-width:460px;max-height:90vh;overflow:auto;
  background:var(--vxn-panel);border:1px solid var(--vxn-glass-brd);border-radius:20px;padding:30px 28px 28px;
  box-shadow:0 40px 90px -20px rgba(0,0,0,.5);transform:translateY(16px) scale(.98);transition:transform .35s var(--vxn-ease);}
.vxn-modal.is-open .vxn-modal-card{transform:none;}
.vxn-modal-card::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;border-radius:20px 20px 0 0;
  background:linear-gradient(90deg,#7c3aed,#a855f7,#c084fc);}
.vxn-modal-x{position:absolute;top:14px;right:14px;width:34px;height:34px;border-radius:9px;border:1px solid var(--vxn-glass-brd);
  background:var(--vxn-glass-2);color:var(--vxn-muted);display:grid;place-items:center;cursor:pointer;transition:color .2s,border-color .2s;}
.vxn-modal-x:hover{color:var(--vxn-ink);border-color:var(--vxn-blue);}
.vxn-modal-x svg{width:16px;height:16px;}
.vxn-modal-head h3{font-family:var(--vxn-font-display);font-weight:800;font-size:1.42rem;color:var(--vxn-ink);margin:9px 0 8px;letter-spacing:-.02em;}
.vxn-modal-head p{color:var(--vxn-muted);font-size:.92rem;line-height:1.55;margin:0 0 20px;}
.vxn-audit-form{display:flex;flex-direction:column;gap:13px;}
.vxn-audit-form label{display:flex;flex-direction:column;gap:6px;font-family:var(--vxn-font-display);font-weight:600;font-size:.78rem;color:var(--vxn-ink-2);}
.vxn-field-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px;}
.vxn-audit-form input{font-family:var(--vxn-font-body);font-size:.92rem;color:var(--vxn-ink);
  background:var(--vxn-glass-2);border:1px solid var(--vxn-glass-brd);border-radius:10px;padding:11px 13px;transition:border-color .2s,box-shadow .2s;}
.vxn-audit-form input::placeholder{color:var(--vxn-faint);}
.vxn-audit-form input:focus{outline:none;border-color:var(--vxn-blue);box-shadow:0 0 0 3px rgba(124,58,237,.15);}
.vxn-audit-note{font-size:.8rem;color:var(--vxn-muted);line-height:1.5;margin:2px 0 4px;padding:10px 12px;border-radius:10px;
  background:rgba(124,58,237,.06);border:1px solid var(--vxn-glass-brd);transition:background .25s,border-color .25s,color .25s;}
.vxn-audit-note a{color:var(--vxn-blue);font-weight:600;}
.vxn-audit-note.is-warn{background:rgba(244,63,94,.1);border-color:rgba(244,63,94,.45);color:var(--vxn-ink-2);}
.vxn-audit-submit{margin-top:4px;display:inline-flex;align-items:center;justify-content:center;gap:9px;
  font-family:var(--vxn-font-display);font-weight:700;font-size:.95rem;color:#fff;border:none;cursor:pointer;
  background:linear-gradient(135deg,#7c3aed,#a855f7,#c084fc);background-size:170% 170%;border-radius:12px;padding:14px;
  box-shadow:0 14px 30px -10px rgba(124,58,237,.6);transition:transform .2s,box-shadow .2s,background-position .45s;}
.vxn-audit-submit:hover{transform:translateY(-2px);background-position:100% 50%;box-shadow:0 18px 38px -10px rgba(124,58,237,.7);}
.vxn-audit-submit svg{width:17px;height:17px;}
.vxn-audit-done{text-align:center;padding:14px 0 6px;}
.vxn-audit-done .ok{width:58px;height:58px;border-radius:50%;margin:0 auto 16px;display:grid;place-items:center;color:#fff;
  background:linear-gradient(135deg,#10b981,#34d399);box-shadow:0 12px 28px -8px rgba(16,185,129,.6);}
.vxn-audit-done .ok svg{width:28px;height:28px;}
.vxn-audit-done h4{font-family:var(--vxn-font-display);font-weight:700;font-size:1.2rem;color:var(--vxn-ink);margin:0 0 8px;}
.vxn-audit-done p{color:var(--vxn-muted);font-size:.92rem;line-height:1.55;margin:0;}
.vxn-audit-done #vxn-audit-url{color:var(--vxn-blue);font-weight:600;word-break:break-all;}
@media (max-width:480px){.vxn-field-grid{grid-template-columns:1fr;}}

/* ===== METHOD PAGE ===== */
/* =====================================================================
   VAYUNEX — METHOD PAGE additions
   Theme-aware: reuses the design-system tokens so light/dark flip free.
   All classes namespaced .vxn-m* / .vxn-pp* to avoid homepage collisions.
   ===================================================================== */

/* active nav item (current page) */
.vxn-hd-nav .vxn-hd-link{position:relative;}
.vxn-hd-nav .vxn-hd-link[aria-current="page"]{color:var(--vxn-ink);}
.vxn-hd-nav .vxn-hd-link[aria-current="page"]::after{content:"";position:absolute;left:13px;right:13px;bottom:5px;
  height:2px;border-radius:2px;background:var(--vxn-grad-cta);}

/* ---------- HERO (two-column, redesigned) ---------- */
.vxn-mhero{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(34px,5vw,64px);align-items:center;}
.vxn-mhero-copy .vxn-h1{font-size:clamp(2.1rem,4.6vw,3.6rem);}
.vxn-mhero-copy .vxn-lead{margin-top:20px;}
.vxn-mhero-copy .vxn-hero-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px;justify-content:flex-start;}
.vxn-mglance{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-start;margin-top:24px;}

/* pull/push hero visual card */
.vxn-mhero-visual{padding:24px;}
.vxn-pp-head{font-family:var(--vxn-font-mono);font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;
  color:var(--vxn-faint);text-align:center;margin-bottom:18px;}
.vxn-pp-lanes{display:grid;gap:12px;}
.vxn-pp-lane{display:flex;gap:14px;align-items:flex-start;padding:15px 16px;border-radius:14px;
  background:rgba(var(--w),.03);border:1px solid var(--vxn-line);}
.vxn-pp-lane.pull{border-color:rgba(124,58,237,.34);}
.vxn-pp-lane.push{border-color:rgba(192,132,252,.36);}
.vxn-pp-ic{width:42px;height:42px;border-radius:11px;display:grid;place-items:center;flex:none;}
.vxn-pp-ic svg{width:22px;height:22px;}
.vxn-pp-lane.pull .vxn-pp-ic{background:rgba(124,58,237,.12);color:var(--vxn-blue);}
.vxn-pp-lane.push .vxn-pp-ic{background:rgba(192,132,252,.16);color:var(--vxn-blue-2);}
.vxn-pp-body{flex:1;min-width:0;}
.vxn-pp-body b{display:block;font-family:var(--vxn-font-display);font-size:1.02rem;color:var(--vxn-ink);}
.vxn-pp-body>span{display:block;font-size:.8rem;color:var(--vxn-muted);margin-top:1px;}
.vxn-pp-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px;}
.vxn-pp-tags i{font-style:normal;font-family:var(--vxn-font-mono);font-size:.64rem;letter-spacing:.03em;
  color:var(--vxn-ink-2);background:rgba(var(--w),.05);border:1px solid var(--vxn-line);padding:3px 9px;border-radius:999px;}
.vxn-pp-merge{display:flex;justify-content:center;gap:14px;margin:13px 0;color:var(--vxn-blue-2);}
.vxn-pp-merge svg{width:22px;height:22px;}
.vxn-pp-out{display:flex;align-items:center;justify-content:center;gap:9px;text-align:center;
  font-family:var(--vxn-font-display);font-weight:700;font-size:1.02rem;color:#fff;
  background:var(--vxn-grad-cta);padding:14px;border-radius:13px;box-shadow:var(--vxn-glow-cta);}
.vxn-pp-out svg{width:18px;height:18px;}

/* ---------- PULL + PUSH explainer ---------- */
.vxn-ppx{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:48px;}
.vxn-ppx-card{position:relative;border-radius:var(--vxn-r);padding:30px 28px;border:1px solid var(--vxn-glass-brd);
  background:var(--vxn-glass);box-shadow:var(--vxn-shadow);transition:transform .3s var(--vxn-ease),border-color .3s;}
.vxn-ppx-card:hover{transform:translateY(-4px);}
.vxn-ppx-card.pull:hover{border-color:var(--vxn-blue);}
.vxn-ppx-card.push:hover{border-color:var(--vxn-blue-2);}
.vxn-ppx-card .ic{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;margin-bottom:16px;}
.vxn-ppx-card .ic svg{width:24px;height:24px;}
.vxn-ppx-card.pull .ic{background:rgba(124,58,237,.12);color:var(--vxn-blue);}
.vxn-ppx-card.push .ic{background:rgba(192,132,252,.16);color:var(--vxn-blue-2);}
.vxn-ppx-card .lbl{font-family:var(--vxn-font-mono);font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;}
.vxn-ppx-card.pull .lbl{color:var(--vxn-blue);}
.vxn-ppx-card.push .lbl{color:var(--vxn-blue-2);}
.vxn-ppx-card h3{margin:8px 0 10px;font-family:var(--vxn-font-display);font-size:1.32rem;color:var(--vxn-ink);}
.vxn-ppx-card p{margin:0 0 16px;font-size:.92rem;color:var(--vxn-ink-2);line-height:1.55;}
.vxn-ppx-tags{display:flex;flex-wrap:wrap;gap:8px;}
.vxn-ppx-tags span{font-family:var(--vxn-font-mono);font-size:.68rem;letter-spacing:.02em;color:var(--vxn-ink-2);
  background:rgba(var(--w),.05);border:1px solid var(--vxn-line);padding:5px 11px;border-radius:999px;}
.vxn-ppx-note{margin-top:22px;text-align:center;}

/* ---------- principles grid ---------- */
.vxn-mgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(232px,1fr));gap:16px;margin-top:48px;}
.vxn-mgrid .vxn-cap{height:100%;}
.vxn-mgrid .vxn-cap .ic{background:rgba(124,58,237,.10);color:var(--vxn-blue);}

/* ---------- phase stepper ---------- */
.vxn-mphases{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:48px;}
.vxn-mphase{position:relative;display:block;padding:24px 22px;border-radius:var(--vxn-r);
  background:var(--vxn-glass);border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);
  transition:transform .3s var(--vxn-ease),border-color .3s;}
.vxn-mphase:hover{transform:translateY(-4px);border-color:var(--vxn-blue);}
.vxn-mphase .no{font-family:var(--vxn-font-mono);font-weight:700;font-size:.84rem;letter-spacing:.16em;color:var(--vxn-blue);}
.vxn-mphase h3{margin:10px 0 6px;font-family:var(--vxn-font-display);font-size:1.14rem;color:var(--vxn-ink);}
.vxn-mphase .rg{font-family:var(--vxn-font-mono);font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:var(--vxn-faint);}
.vxn-mphase p{margin:13px 0 0;font-size:.88rem;color:var(--vxn-muted);line-height:1.55;}
.vxn-mphase .ar{position:absolute;top:50%;right:-12px;width:24px;height:24px;transform:translateY(-50%);
  display:grid;place-items:center;color:var(--vxn-blue-2);z-index:3;background:var(--vxn-void);border-radius:50%;}
.vxn-mphase .ar svg{width:16px;height:16px;}
.vxn-mphase:last-child .ar{display:none;}

/* ---------- engine: the 10 steps ---------- */
.vxn-engine{position:relative;margin-top:50px;}
.vxn-ephase-head{display:flex;align-items:center;gap:14px;margin:42px 0 24px;}
.vxn-ephase-head.first{margin-top:0;}
.vxn-ephase-head .pn{font-family:var(--vxn-font-mono);font-weight:700;font-size:.78rem;letter-spacing:.16em;
  color:#fff;background:var(--vxn-grad-cta);padding:7px 13px;border-radius:999px;white-space:nowrap;}
.vxn-ephase-head h3{font-family:var(--vxn-font-display);font-size:clamp(1.2rem,2.4vw,1.6rem);color:var(--vxn-ink);}
.vxn-ephase-head .ln{flex:1;height:1px;background:linear-gradient(90deg,var(--vxn-line-2),transparent);}

.vxn-estep{position:relative;display:grid;grid-template-columns:64px 1fr;gap:20px;padding-bottom:18px;}
.vxn-estep:last-child{padding-bottom:0;}
.vxn-estep-rail{position:relative;display:flex;justify-content:center;}
.vxn-estep-rail::before{content:"";position:absolute;top:8px;bottom:-18px;width:2px;
  background:linear-gradient(180deg,rgba(124,58,237,.55),rgba(192,132,252,.22));}
.vxn-estep:last-child .vxn-estep-rail::before{display:none;}
.vxn-estep-num{position:relative;z-index:2;width:46px;height:46px;border-radius:13px;flex:none;display:grid;place-items:center;
  font-family:var(--vxn-font-mono);font-weight:700;font-size:1rem;color:var(--vxn-blue);
  background:var(--vxn-panel);border:1px solid var(--vxn-line-2);box-shadow:0 8px 22px -10px rgba(124,58,237,.5);
  transition:transform .45s var(--vxn-ease),background .45s,color .45s,border-color .45s;}
.vxn-estep.is-in .vxn-estep-num{background:var(--vxn-grad-cta);color:#fff;border-color:transparent;transform:scale(1.04);}
.vxn-estep-body{border:1px solid var(--vxn-glass-brd);background:var(--vxn-glass);border-radius:var(--vxn-r);
  padding:20px 22px;box-shadow:var(--vxn-shadow);}
.vxn-estep-body h4{margin:0;font-family:var(--vxn-font-display);font-size:1.12rem;color:var(--vxn-ink);}
.vxn-estep-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:9px;}
.vxn-estep-top h4{margin:0;}
.vxn-estep-tag{font-family:var(--vxn-font-mono);font-size:.62rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase;
  padding:4px 10px;border-radius:999px;white-space:nowrap;flex:none;}
.vxn-estep-tag.pull{color:var(--vxn-blue);background:rgba(124,58,237,.12);border:1px solid rgba(124,58,237,.30);}
.vxn-estep-tag.push{color:var(--vxn-blue-2);background:rgba(192,132,252,.15);border:1px solid rgba(192,132,252,.34);}
.vxn-estep-tag.engine{color:var(--vxn-muted);background:rgba(var(--w),.05);border:1px solid var(--vxn-line);}
.vxn-estep-body .do{margin:0;font-size:.92rem;color:var(--vxn-ink-2);line-height:1.6;}
.vxn-estep-gets{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 0;}
.vxn-estep-gets .g{display:inline-flex;align-items:center;gap:7px;font-family:var(--vxn-font-mono);font-size:.72rem;
  font-weight:500;letter-spacing:.01em;color:var(--vxn-ink-2);background:rgba(124,58,237,.07);
  border:1px solid var(--vxn-line);padding:5px 11px;border-radius:999px;}
.vxn-estep-gets .g svg{width:12px;height:12px;color:var(--vxn-green);flex:none;}
.vxn-estep-why{display:flex;gap:9px;align-items:flex-start;margin:14px 0 0;padding-top:13px;
  border-top:1px dashed var(--vxn-line);font-size:.85rem;color:var(--vxn-muted);line-height:1.5;}
.vxn-estep-why b{color:var(--vxn-blue-2);font-weight:600;font-family:var(--vxn-font-mono);font-size:.68rem;
  letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;padding-top:2px;}

/* parallax decorative orbs in the engine section */
.vxn-eng-orb{position:absolute;border-radius:50%;filter:blur(50px);opacity:.55;z-index:0;pointer-events:none;}
.vxn-eng-orb.a{width:340px;height:340px;background:radial-gradient(circle,rgba(124,58,237,.30),transparent 70%);top:7%;right:-100px;}
.vxn-eng-orb.b{width:300px;height:300px;background:radial-gradient(circle,rgba(192,132,252,.22),transparent 70%);bottom:5%;left:-90px;}
#engine .vxn-shell{position:relative;z-index:1;}

/* ---------- deliverables ---------- */
.vxn-mdeliver{display:grid;grid-template-columns:repeat(auto-fit,minmax(252px,1fr));gap:14px;margin-top:48px;}

/* ---------- onboarding timeline ---------- */
.vxn-mtl{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:56px;}
.vxn-mtl::before{content:"";position:absolute;left:6%;right:6%;top:23px;height:2px;
  background:linear-gradient(90deg,rgba(124,58,237,.5),rgba(192,132,252,.42));}
.vxn-mtl-step{position:relative;text-align:center;padding:0 8px;}
.vxn-mtl-dot{position:relative;z-index:2;width:48px;height:48px;margin:0 auto 16px;border-radius:50%;
  display:grid;place-items:center;font-family:var(--vxn-font-mono);font-weight:700;color:#fff;
  background:var(--vxn-grad-cta);box-shadow:0 10px 26px -10px rgba(124,58,237,.7);}
.vxn-mtl-step .wk{font-family:var(--vxn-font-mono);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--vxn-blue);}
.vxn-mtl-step h4{margin:5px 0 8px;font-family:var(--vxn-font-display);font-size:1.06rem;color:var(--vxn-ink);}
.vxn-mtl-step p{margin:0;font-size:.85rem;color:var(--vxn-muted);line-height:1.55;}

/* ---------- measurement dashboard ---------- */
.vxn-mmeasure{display:grid;grid-template-columns:1fr 1.05fr;gap:44px;align-items:center;margin-top:48px;}
.vxn-mtrack{display:flex;flex-wrap:wrap;gap:9px;margin-top:24px;}
.vxn-mdash{border-radius:var(--vxn-r);background:var(--vxn-glass);border:1px solid var(--vxn-glass-brd);
  box-shadow:var(--vxn-shadow);overflow:hidden;}
.vxn-mdash-bar{display:flex;align-items:center;gap:9px;padding:14px 18px;border-bottom:1px solid var(--vxn-line);
  font-family:var(--vxn-font-mono);font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;color:var(--vxn-faint);}
.vxn-mdash-bar i{width:9px;height:9px;border-radius:50%;background:var(--vxn-green);box-shadow:0 0 8px var(--vxn-green);}
.vxn-mdash-tiles{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--vxn-line);}
.vxn-mdash-tiles .t{background:var(--vxn-panel);padding:18px;}
.vxn-mdash-tiles .v{font-family:var(--vxn-font-display);font-weight:700;font-size:1.7rem;color:var(--vxn-ink);font-variant-numeric:tabular-nums;}
.vxn-mdash-tiles .v.g{color:var(--vxn-green);}
.vxn-mdash-tiles .k{font-size:.76rem;color:var(--vxn-muted);margin-top:3px;}
.vxn-mdash-foot{padding:16px 18px 20px;}
.vxn-mdash-foot .lbl{display:flex;justify-content:space-between;font-family:var(--vxn-font-mono);font-size:.68rem;
  color:var(--vxn-faint);text-transform:uppercase;letter-spacing:.08em;margin-bottom:10px;}
.vxn-mbars{display:flex;align-items:flex-end;gap:7px;height:66px;}
.vxn-mbars span{flex:1;border-radius:5px 5px 0 0;background:var(--vxn-grad-cta);opacity:.85;}

/* ---------- compare ---------- */
.vxn-mcompare{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:48px;}
.vxn-mcol{border-radius:var(--vxn-r);padding:28px 26px;border:1px solid var(--vxn-glass-brd);
  background:var(--vxn-glass);box-shadow:var(--vxn-shadow);}
.vxn-mcol.win{border-color:rgba(124,58,237,.42);background:var(--vxn-glass-2);}
.vxn-mcol-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 20px;}
.vxn-mcol h3{margin:0;font-family:var(--vxn-font-display);font-size:1.14rem;color:var(--vxn-ink);}
.vxn-mcol .tag{font-family:var(--vxn-font-mono);font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;padding:5px 11px;border-radius:999px;white-space:nowrap;}
.vxn-mcol.lose .tag{color:var(--vxn-red);background:rgba(244,63,94,.10);}
.vxn-mcol.win .tag{color:#fff;background:var(--vxn-grad-cta);}
.vxn-mcol ul{list-style:none;margin:0;padding:0;display:grid;gap:13px;}
.vxn-mcol li{display:flex;gap:11px;align-items:flex-start;font-size:.9rem;color:var(--vxn-ink-2);line-height:1.5;}
.vxn-mcol li svg{width:18px;height:18px;flex:none;margin-top:1px;}
.vxn-mcol.lose li svg{color:var(--vxn-red);}
.vxn-mcol.win li svg{color:var(--vxn-green);}

/* ---------- closing CTA ---------- */
.vxn-mcta{position:relative;text-align:center;border-radius:var(--vxn-r);padding:clamp(42px,6vw,70px) 28px;overflow:hidden;
  background:var(--vxn-glass-2);border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);}
.vxn-mcta::before{content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(720px 360px at 50% -20%,rgba(124,58,237,.18),transparent 70%);}
.vxn-mcta .in{position:relative;z-index:1;max-width:660px;margin-inline:auto;}
.vxn-mcta .vxn-hero-cta{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:30px;}

/* ---------- responsive ---------- */
@media (max-width:900px){
  .vxn-mhero{grid-template-columns:1fr;gap:40px;}
  .vxn-mhero-visual{max-width:480px;}
}
@media (max-width:1000px){
  .vxn-mphases{grid-template-columns:repeat(2,1fr);}
  .vxn-mphase .ar{display:none;}
  .vxn-mtl{grid-template-columns:repeat(2,1fr);}
  .vxn-mtl::before{display:none;}
  .vxn-mmeasure{grid-template-columns:1fr;gap:32px;}
}
@media (max-width:760px){
  .vxn-ppx{grid-template-columns:1fr;}
}
@media (max-width:640px){
  .vxn-mphases,.vxn-mtl,.vxn-mcompare{grid-template-columns:1fr;}
  .vxn-estep{grid-template-columns:50px 1fr;gap:14px;}
  .vxn-estep-num{width:42px;height:42px;}
  .vxn-estep-top{flex-wrap:wrap;gap:8px;}
}
@media (prefers-reduced-motion:reduce){
  .vxn-mphase,.vxn-estep-num,.vxn-mcol,.vxn-ppx-card{transition:none;}
}



/* From nepal.html */

    :root{
      --black:#080808;
      --charcoal:#121212;
      --ink:#171717;
      --text:#2f2f2f;
      --muted:#6d6252;
      --gold:#d6a437;
      --gold2:#f6d77a;
      --pale:#fff8e8;
      --cream:#fffdf7;
      --line:#eadfca;
      --white:#fff;
      --shadow:0 18px 55px rgba(8,8,8,.10);
      --soft:0 8px 24px rgba(8,8,8,.07);
      --max:1160px;
    }
    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{margin:0;background:#fff;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;line-height:1.42;overflow-x:hidden}
    a{text-decoration:none;color:inherit}
    .grain:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 25% 20%,rgba(246,215,122,.22),transparent 30%),radial-gradient(circle at 80% 25%,rgba(214,164,55,.16),transparent 34%);pointer-events:none;z-index:0}
    .nav{position:fixed;top:14px;left:14px;right:14px;max-width:var(--max);margin:auto;z-index:50;display:flex;justify-content:space-between;align-items:center;gap:14px;padding:10px 12px 10px 14px;border:1px solid rgba(234,223,202,.85);border-radius:999px;background:rgba(255,255,255,.86);backdrop-filter:blur(18px);box-shadow:var(--soft)}
    .brand{display:flex;gap:10px;align-items:center;font-weight:900;letter-spacing:.03em;color:#111}
    .brandmark{width:36px;height:36px;border-radius:13px;background:linear-gradient(135deg,#050505,#2c210c 45%,#d6a437);color:#fff;display:grid;place-items:center;font-weight:950;box-shadow:inset 0 0 0 1px rgba(255,255,255,.18)}
    .links{display:flex;gap:6px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
    .links a,.links button{font-size:12px;font-weight:850;color:#3a3327;border:0;background:transparent;padding:9px 11px;border-radius:999px;cursor:pointer}
    .links a:hover,.links button:hover{background:#fff6df}
    .links .cta{background:#111;color:#f8dfa0}
    section{min-height:100vh;display:flex;align-items:center;padding:86px 18px 48px;border-bottom:1px solid var(--line);position:relative;overflow:hidden}
    section.black{background:linear-gradient(145deg,#050505,#12100b 60%,#2a210f);color:#fff;border-bottom:1px solid rgba(246,215,122,.2)}
    section.gold{background:linear-gradient(180deg,#fff,#fff8e8)}
    section.cream{background:linear-gradient(180deg,#fff,#fffdf7)}
    section.white{background:#fff}
    section.sand{background:linear-gradient(180deg,#fff,#fdf5e5)}
    .wrap{max-width:var(--max);width:100%;margin:0 auto;position:relative;z-index:1}
    .grid{display:grid;gap:20px}.two{grid-template-columns:1.05fr .95fr;align-items:center}.three{grid-template-columns:repeat(3,1fr)}.four{grid-template-columns:repeat(4,1fr)}
    .eyebrow{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--line);border-radius:999px;padding:8px 12px;box-shadow:var(--soft);color:#7a5412;font-size:12px;text-transform:uppercase;letter-spacing:.16em;font-weight:950}.black .eyebrow{background:rgba(255,255,255,.08);border-color:rgba(246,215,122,.26);color:#f6d77a}.dot{width:8px;height:8px;border-radius:50%;background:var(--gold)}
    h1,h2,h3,p{margin:0}h1{font-size:clamp(34px,4.4vw,56px);line-height:1;letter-spacing:-.048em;margin-top:14px;max-width:850px}h2{font-size:clamp(28px,3.2vw,40px);line-height:1.04;letter-spacing:-.038em;margin-top:12px;max-width:860px}h3{font-size:20px;line-height:1.1;letter-spacing:-.022em}.p{font-size:22px;line-height:1.42;color:#202020;max-width:780px;font-weight:520}.black .p{color:#fff4d8}.small{font-size:14px;color:#514838}.black .small{color:#e6d6a8}.gold-text{background:linear-gradient(90deg,#f8dfa0,#d6a437 45%,#fff3bd);-webkit-background-clip:text;background-clip:text;color:transparent}
    .hero-card{background:linear-gradient(145deg,rgba(255,255,255,.11),rgba(255,255,255,.05));border:1px solid rgba(246,215,122,.32);border-radius:28px;padding:22px;box-shadow:0 24px 80px rgba(0,0,0,.28);min-height:390px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.hero-card:after{content:"";position:absolute;inset:auto -20% -30% 30%;height:180px;background:radial-gradient(circle,rgba(246,215,122,.26),transparent 65%);filter:blur(12px)}
    .headline-strip{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.pill{border:1px solid var(--line);background:#fff;border-radius:999px;padding:10px 13px;font-size:13px;font-weight:900;box-shadow:var(--soft);color:#342a19}.black .pill{background:rgba(255,255,255,.08);border-color:rgba(246,215,122,.2);color:#f8e5ad}
    .big-number{font-size:clamp(48px,6vw,84px);line-height:.9;letter-spacing:-.07em;font-weight:950}.big-number.mid{font-size:clamp(40px,4.8vw,68px)}
    .card{background:rgba(255,255,255,.96);border:1px solid var(--line);border-radius:24px;padding:18px;box-shadow:var(--shadow);color:var(--ink)}.card .p{color:#202020}.card .small{color:#514838}.darkcard{background:linear-gradient(145deg,#0b0b0b,#211707);border:1px solid rgba(246,215,122,.36);border-radius:24px;padding:20px;color:#fff;box-shadow:0 20px 70px rgba(0,0,0,.26)}
    .mini{background:#fff;border:1px solid var(--line);border-radius:20px;padding:16px;box-shadow:var(--soft)}
    .stat-pop{background:linear-gradient(145deg,#0b0b0b,#2a1e09);border:1px solid rgba(246,215,122,.42);border-radius:24px;padding:18px;color:#fff;box-shadow:0 20px 60px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.08);transform:translateY(0);transition:.35s ease}.stat-pop:hover{transform:translateY(-8px) scale(1.015);box-shadow:0 28px 80px rgba(0,0,0,.22)}.stat-pop .label{font-size:12px;text-transform:uppercase;letter-spacing:.14em;font-weight:950;color:#d8c89e}.stat-pop .value{font-size:clamp(38px,4.8vw,62px);line-height:.95;letter-spacing:-.06em;font-weight:950;margin-top:14px}.stat-pop p{font-size:20px;line-height:1.35;color:#fff1c7;margin-top:10px;font-weight:650}
    .source{font-size:11px;color:#8a7c63;margin-top:12px}.black .source{color:#b8a77e}
    .point-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:20px}.point{background:#fff;border:1px solid var(--line);border-radius:21px;padding:16px;box-shadow:var(--soft);min-height:156px}.point b{display:block;font-size:16px;margin:10px 0 8px}.point span{font-size:17px;line-height:1.35;color:#3b3429;font-weight:520}.icon{width:42px;height:42px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(145deg,#fff8e8,#f5df9a);font-weight:950;color:#4d3510}
    .less-text-list{display:grid;gap:10px;margin-top:16px}.line{display:flex;gap:12px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:16px;padding:11px 14px;box-shadow:var(--soft)}.line i{width:28px;height:28px;border-radius:10px;background:#111;color:#f6d77a;display:grid;place-items:center;font-style:normal;font-weight:950;flex:none}.line span{font-size:18px;color:#2f2a22;font-weight:700}
    .flow{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:20px}.flow-card{background:#fff;border:1px solid var(--line);border-radius:21px;padding:16px;box-shadow:var(--soft);position:relative;min-height:165px}.flow-card:after{content:"";position:absolute;right:-11px;top:50%;width:22px;height:2px;background:#d6a437}.flow-card:last-child:after{display:none}.flow-card b{display:block;font-size:17px;margin:12px 0 8px}.flow-card span{font-size:17px;line-height:1.34;color:#403729;font-weight:520}
    .venture{display:grid;grid-template-columns:.9fr 1.1fr;gap:20px;align-items:start;margin-top:18px}.process{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.node{background:#fff;border:1px solid var(--line);border-radius:21px;padding:16px;box-shadow:var(--soft);min-height:142px}.node b{display:block;font-size:17px;margin:10px 0 7px}.node span{font-size:17px;line-height:1.34;color:#3f372d;font-weight:520}.badge{width:36px;height:36px;border-radius:13px;background:linear-gradient(145deg,#111,#3a2b11);color:#f6d77a;display:grid;place-items:center;font-weight:950}
    .calc{background:linear-gradient(145deg,#080808,#241804);border:1px solid rgba(246,215,122,.38);border-radius:24px;padding:20px;color:#fff;box-shadow:0 24px 70px rgba(0,0,0,.22)}.slider-group{display:grid;gap:14px;margin-top:18px}label{display:flex;justify-content:space-between;font-size:14px;font-weight:900;color:#eedca9}input[type=range]{width:100%;accent-color:#d6a437}.profit-box{margin-top:14px;background:rgba(246,215,122,.12);border:1px solid rgba(246,215,122,.3);border-radius:21px;padding:16px}.profit-box .value{font-size:36px;line-height:1;font-weight:950;letter-spacing:-.04em;color:#f6d77a}
    .ask-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:20px}.ask-card{padding:20px}.ask-card .big-number{margin-top:10px}.use{display:grid;gap:11px;margin-top:18px}.use-row{display:flex;justify-content:space-between;gap:14px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:16px;padding:11px 14px;box-shadow:var(--soft);color:#171717}.use-row b{font-size:15px;color:#171717}.use-row strong{font-size:18px;color:#4b3512}.use-row span{font-size:15px;color:#5f5648}
    .footer-note{font-size:12px;color:#8a7c63;margin-top:18px}.revenue-plan{margin-top:20px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.revenue-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:16px;box-shadow:var(--soft);color:#171717}.revenue-card .month{font-size:12px;text-transform:uppercase;letter-spacing:.13em;font-weight:950;color:#8a6420}.revenue-card .rev{font-size:28px;line-height:1;font-weight:950;letter-spacing:-.035em;margin-top:8px;color:#171717}.revenue-card p{font-size:16px;line-height:1.35;color:#3f372d;margin-top:8px;font-weight:600}.wins-grid{margin-top:18px;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.win{background:linear-gradient(145deg,#111,#2b1c05);border:1px solid rgba(246,215,122,.42);border-radius:20px;padding:16px;color:#fff;box-shadow:0 16px 50px rgba(0,0,0,.16)}.win b{display:block;font-size:18px;color:#f6d77a}.win span{display:block;margin-top:7px;font-size:15px;line-height:1.35;color:#fff1c7}.fade{opacity:0;transform:translateY(18px);transition:all .6s ease}.fade.show{opacity:1;transform:none}.pop{animation:pop .72s cubic-bezier(.2,.8,.2,1) both}.pop:nth-child(2){animation-delay:.1s}.pop:nth-child(3){animation-delay:.2s}.pop:nth-child(4){animation-delay:.3s}@keyframes pop{from{opacity:0;transform:translateY(26px) scale(.94)}to{opacity:1;transform:none}}
    .watermark{position:absolute;right:-70px;bottom:-82px;font-size:150px;line-height:1;font-weight:950;letter-spacing:-.08em;color:rgba(214,164,55,.08);pointer-events:none}.black .watermark{color:rgba(246,215,122,.07)}

    .scenario-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:18px}
    .scenario{background:#fff;border:1px solid var(--line);border-radius:20px;padding:16px;box-shadow:var(--soft);color:#171717}
    .scenario .kicker{font-size:12px;text-transform:uppercase;letter-spacing:.13em;font-weight:950;color:#8a6420}
    .scenario .num{font-size:30px;line-height:1;font-weight:950;letter-spacing:-.04em;margin-top:8px;color:#171717}
    .scenario p{font-size:16px;line-height:1.35;color:#3f372d;margin-top:8px;font-weight:620}
    .formula-band{margin-top:18px;background:linear-gradient(145deg,#0b0b0b,#2b1c05);border:1px solid rgba(246,215,122,.42);border-radius:22px;padding:18px;color:#fff;box-shadow:0 16px 50px rgba(0,0,0,.16)}
    .formula-band .formula-title{font-size:13px;text-transform:uppercase;letter-spacing:.14em;font-weight:950;color:#d8c89e}
    .formula-band .formula-big{font-size:34px;line-height:1;letter-spacing:-.045em;font-weight:950;color:#f6d77a;margin-top:8px}
    .formula-band p{font-size:18px;line-height:1.35;color:#fff1c7;margin-top:8px;font-weight:640}
    .stack-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px}
    .stack-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:16px;box-shadow:var(--soft);color:#171717;min-height:150px}
    .stack-card b{display:block;font-size:18px;color:#171717;margin-bottom:8px}
    .stack-card span{font-size:17px;line-height:1.35;color:#3f372d;font-weight:520}
    .mini-table{width:100%;border-collapse:separate;border-spacing:0;margin-top:18px;border:1px solid var(--line);border-radius:20px;overflow:hidden;background:#fff;box-shadow:var(--soft)}
    .mini-table th,.mini-table td{padding:13px 14px;border-bottom:1px solid var(--line);text-align:left;font-size:16px;color:#2f2a22;vertical-align:top}
    .mini-table th{background:#fff8e8;font-size:12px;text-transform:uppercase;letter-spacing:.13em;color:#7a5412;font-weight:950}
    .mini-table tr:last-child td{border-bottom:0}
    .mini-table td strong{color:#171717}

    @media(max-width:950px){.nav{position:sticky;top:10px;left:auto;right:auto;margin:10px;border-radius:24px;align-items:flex-start;flex-direction:column}.links{justify-content:flex-start}section{min-height:auto;padding-top:58px}.two,.three,.four,.point-grid,.flow,.venture,.process,.ask-grid,.revenue-plan,.wins-grid,.scenario-grid,.stack-grid{grid-template-columns:1fr}.flow-card:after{display:none}.hero-card{min-height:auto}h1{font-size:42px}h2{font-size:32px}}
    @media print{.nav{display:none}section{min-height:auto;page-break-after:always;padding:44px 18px}.card,.mini,.stat-pop,.point,.flow-card,.node,.use-row{box-shadow:none}}
  

/* From paid-acquisition.html */

/* =====================================================================
   VAYUNEX — DESIGN SYSTEM v2
   Light-default, royal-purple. Dark mode via :root[data-theme="dark"].
   Theme bases: --w (tint), --ln (hairline), --mk (screen-mock surface)
   flip per theme so one stylesheet serves both. Accents are shared.
   Type:  Sora (display) · Manrope (body) · JetBrains Mono (data)
   ===================================================================== */

/* ----- TOKENS : LIGHT (default) ----- */
:root{
  color-scheme: light;

  --vxn-void:#ffffff;
  --vxn-deep:#f4f0fb;
  --vxn-panel:#ffffff;
  --vxn-panel-2:#f5f1fe;

  --vxn-ink:#1b1233;
  --vxn-ink-2:#392e57;
  --vxn-muted:#675d86;
  --vxn-faint:#9a91b4;

  /* theme bases */
  --w:45,35,70;          /* subtle tint base (dark on light) */
  --ln:110,82,180;       /* hairline base (purple)           */
  --mk:245,243,252;      /* screen-mock surface (near-white) */

  --vxn-line:rgba(var(--ln),0.16);
  --vxn-line-2:rgba(var(--ln),0.32);

  /* royal-purple accents (shared both themes) */
  --vxn-blue:#7c3aed;    /* primary  */
  --vxn-blue-2:#a855f7;  /* primary-2 */
  --vxn-cyan:#c084fc;    /* bright orchid pop */
  --vxn-violet:#8b5cf6;
  --vxn-green:#10b981;   /* success / revenue */
  --vxn-amber:#f59e0b;   /* stars / cost */
  --vxn-red:#f43f5e;     /* loss */

  --vxn-glass:linear-gradient(160deg,rgba(255,255,255,0.96),rgba(250,248,255,0.90));
  --vxn-glass-2:linear-gradient(160deg,#ffffff,#f3edfe);
  --vxn-glass-brd:rgba(var(--ln),0.20);

  --vxn-cta-ink:#ffffff;
  --vxn-grad-cta:linear-gradient(135deg,#7c3aed 0%,#a855f7 55%,#c084fc 100%);
  --vxn-grad-violet:linear-gradient(135deg,#8b5cf6 0%,#7c3aed 100%);
  --vxn-grad-text:linear-gradient(120deg,#2a1d4d 0%,#7c3aed 55%,#a855f7 100%);

  --vxn-shadow:0 26px 60px -30px rgba(76,29,149,0.30);
  --vxn-glow-cta:0 16px 40px -12px rgba(124,58,237,0.42);

  --vxn-font-display:'Sora',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  --vxn-font-body:'Manrope',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  --vxn-font-mono:'JetBrains Mono',ui-monospace,SFMono-Regular,Menlo,monospace;

  --vxn-r:20px;
  --vxn-r-sm:14px;
  --vxn-shell:1180px;
  --vxn-ease:cubic-bezier(.2,.7,.2,1);
}

/* ----- TOKENS : DARK (toggle) ----- */
:root[data-theme="dark"]{
  color-scheme: dark;

  --vxn-void:#0b0818;
  --vxn-deep:#0f0b20;
  --vxn-panel:#150f2b;
  --vxn-panel-2:#1b1338;

  --vxn-ink:#f3f0ff;
  --vxn-ink-2:#cdc6e8;
  --vxn-muted:#968cb8;
  --vxn-faint:#6c648c;

  --w:255,255,255;
  --ln:150,135,215;
  --mk:14,20,44;

  --vxn-glass:linear-gradient(160deg,rgba(255,255,255,0.07),rgba(255,255,255,0.02));
  --vxn-glass-2:linear-gradient(160deg,rgba(255,255,255,0.10),rgba(255,255,255,0.03));
  --vxn-glass-brd:rgba(255,255,255,0.10);

  --vxn-grad-text:linear-gradient(120deg,#ffffff 0%,#c4b5fd 50%,#c084fc 100%);

  --vxn-shadow:0 26px 70px -28px rgba(0,0,0,0.70);
  --vxn-glow-cta:0 16px 44px -12px rgba(124,58,237,0.60);
}

/* ----- TRANSFORMED SECTION STYLES (token-driven, theme-aware) ----- */
/* =====================================================================
   VAYUNEX — GLOBAL DESIGN SYSTEM
   Visual direction: "Mission control for revenue" — deep navy/black base,
   electric blue + cyan + violet accents, success green & cost amber for
   telemetry, frosted glass, ambient grid, lead-flow particle motif.
   Type roles:  Sora (display) · Manrope (body) · JetBrains Mono (data)
   All classes are namespaced with the vxn- prefix.
   ===================================================================== */

/* ----- TOKENS ----- */

/* ----- RESET / BASE ----- */
*,*::before,*::after{box-sizing:border-box;}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;}
body{
  margin:0;
  background:var(--vxn-void);
  color:var(--vxn-ink-2);
  font-family:var(--vxn-font-body);
  font-size:16px;
  line-height:1.65;
  letter-spacing:.005em;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
  overflow-x:hidden;
}
img{max-width:100%;display:block;}
a{color:inherit;text-decoration:none;}
button{font-family:inherit;cursor:pointer;}
canvas{display:block;}
::selection{background:rgba(192,132,252,.28);color:#fff;}

/* ----- AMBIENT ATMOSPHERE (fixed background layer) ----- */
.vxn-atmos{position:fixed;inset:0;z-index:-2;pointer-events:none;background:
  radial-gradient(1100px 700px at 78% -8%,rgba(124,58,237,.22),transparent 60%),
  radial-gradient(900px 700px at 8% 12%,rgba(139,92,246,.16),transparent 60%),
  radial-gradient(1000px 800px at 60% 108%,rgba(192,132,252,.10),transparent 55%),
  var(--vxn-void);}
.vxn-atmos::before{content:"";position:absolute;inset:0;opacity:.5;
  background-image:linear-gradient(rgba(var(--ln),.05) 1px,transparent 1px),
                   linear-gradient(90deg,rgba(var(--ln),.05) 1px,transparent 1px);
  background-size:54px 54px;
  -webkit-mask-image:radial-gradient(circle at 50% 30%,#000 0%,transparent 78%);
          mask-image:radial-gradient(circle at 50% 30%,#000 0%,transparent 78%);}
.vxn-grain{position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.035;mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");}

/* ----- LAYOUT PRIMITIVES ----- */
.vxn-shell{width:100%;max-width:var(--vxn-shell);margin-inline:auto;padding-inline:24px;}
.vxn-section{position:relative;padding-block:clamp(74px,11vh,128px);}
.vxn-section--tight{padding-block:clamp(56px,8vh,92px);}
.vxn-divider{height:1px;background:linear-gradient(90deg,transparent,var(--vxn-line-2),transparent);border:0;margin:0;}

/* ----- TYPOGRAPHY ----- */
.vxn-eyebrow{display:inline-flex;align-items:center;gap:9px;font-family:var(--vxn-font-mono);
  font-size:12px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--vxn-cyan);}
.vxn-eyebrow::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--vxn-cyan);
  box-shadow:0 0 10px var(--vxn-cyan);}
.vxn-h1{font-family:var(--vxn-font-display);font-weight:800;line-height:1.04;letter-spacing:-.025em;
  font-size:clamp(2.4rem,6vw,4.5rem);color:var(--vxn-ink);margin:0;}
.vxn-h2{font-family:var(--vxn-font-display);font-weight:700;line-height:1.08;letter-spacing:-.02em;
  font-size:clamp(1.85rem,4vw,3rem);color:var(--vxn-ink);margin:0;}
.vxn-h3{font-family:var(--vxn-font-display);font-weight:600;line-height:1.2;letter-spacing:-.01em;
  font-size:clamp(1.1rem,2vw,1.35rem);color:var(--vxn-ink);margin:0;}
.vxn-lead{font-size:clamp(1.02rem,1.6vw,1.2rem);color:var(--vxn-ink-2);max-width:62ch;}
.vxn-grad-txt{background:var(--vxn-grad-text);-webkit-background-clip:text;background-clip:text;color:transparent;}
.vxn-cyan{color:var(--vxn-cyan);} .vxn-violet{color:var(--vxn-violet);} .vxn-green{color:var(--vxn-green);}
.vxn-mono{font-family:var(--vxn-font-mono);font-variant-numeric:tabular-nums;}
.vxn-head{max-width:760px;}
.vxn-head .vxn-lead{margin-top:18px;}
.vxn-center{text-align:center;margin-inline:auto;}

/* ----- BUTTONS ----- */
.vxn-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;
  font-family:var(--vxn-font-display);font-weight:600;font-size:.96rem;letter-spacing:-.01em;
  padding:14px 24px;border-radius:13px;border:1px solid transparent;transition:transform .25s var(--vxn-ease),box-shadow .25s,background .25s;white-space:nowrap;}
.vxn-btn svg{width:18px;height:18px;}
.vxn-btn--primary{background:var(--vxn-grad-cta);color:var(--vxn-cta-ink);box-shadow:var(--vxn-glow-cta);}
.vxn-btn--primary:hover{transform:translateY(-2px);box-shadow:0 20px 50px -12px rgba(124,58,237,.7);}
.vxn-btn--ghost{background:rgba(var(--w),.03);border-color:var(--vxn-line-2);color:var(--vxn-ink);}
.vxn-btn--ghost:hover{transform:translateY(-2px);background:rgba(var(--w),.07);border-color:var(--vxn-cyan);}
.vxn-btn:focus-visible{outline:2px solid var(--vxn-cyan);outline-offset:3px;}

/* ----- CHIPS / PILLS ----- */
.vxn-chip{display:inline-flex;align-items:center;gap:8px;font-size:.82rem;font-weight:600;color:var(--vxn-ink-2);
  padding:7px 14px;border-radius:999px;background:rgba(var(--w),.04);border:1px solid var(--vxn-line);}
.vxn-chip .vxn-dot{width:6px;height:6px;border-radius:50%;background:var(--vxn-green);box-shadow:0 0 8px var(--vxn-green);}

/* ----- GLASS CARD ----- */
.vxn-glass{position:relative;background:var(--vxn-glass);border:1px solid var(--vxn-glass-brd);
  border-radius:var(--vxn-r);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--vxn-shadow);}
.vxn-glass::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;pointer-events:none;
  background:linear-gradient(160deg,rgba(var(--w),.35),transparent 40%);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
          mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;mask-composite:exclude;opacity:.5;}

/* 3D tilt-ready card */
.vxn-card3d{transition:transform .4s var(--vxn-ease),box-shadow .4s;transform-style:preserve-3d;will-change:transform;}

/* ----- SCROLL REVEAL ----- */
.vxn-reveal{opacity:0;transform:translateY(28px);transition:opacity .8s var(--vxn-ease),transform .8s var(--vxn-ease);transition-delay:var(--d,0s);}
.vxn-reveal.is-in{opacity:1;transform:none;}

/* ============================ NAV (CAPSULE) ============================ */
/* "Living glass capsule" — contracts on scroll, canopy mega-menu unfurls
   out of the same surface, sliding spotlight, full-screen mobile overlay. */
.vxn-skip{position:absolute;left:-9999px;top:0;z-index:200;background:var(--vxn-cyan);color:var(--vxn-cta-ink);
  padding:10px 16px;border-radius:0 0 10px 0;font-weight:700;}
.vxn-skip:focus{left:0;}

.vxn-scrim{position:fixed;inset:0;z-index:79;background:rgba(var(--mk),.55);opacity:0;visibility:hidden;
  -webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:opacity .35s,visibility .35s;}
.vxn-scrim.is-on{opacity:1;visibility:visible;}

.vxn-nav{position:fixed;top:14px;left:0;right:0;z-index:80;display:flex;justify-content:center;padding-inline:14px;}
.vxn-island{width:min(1120px,100%);background:linear-gradient(160deg,rgba(var(--mk),.78),rgba(var(--mk),.7));
  border:1px solid var(--vxn-glass-brd);border-radius:22px;overflow:hidden;
  -webkit-backdrop-filter:blur(16px) saturate(140%);backdrop-filter:blur(16px) saturate(140%);
  box-shadow:0 18px 50px -22px rgba(0,0,0,.8);
  transition:width .5s var(--vxn-ease),border-radius .5s,background .5s;}
.vxn-nav.is-contracted .vxn-island{width:min(880px,100%);background:linear-gradient(160deg,rgba(var(--mk),.92),rgba(var(--mk),.9));}
.vxn-bar{display:flex;align-items:center;gap:18px;padding:11px 14px 11px 18px;transition:padding .5s var(--vxn-ease);}
.vxn-nav.is-contracted .vxn-bar{padding:8px 12px 8px 16px;}

.vxn-brand{display:flex;align-items:center;gap:11px;flex-shrink:0;}
.vxn-mark{width:30px;height:30px;flex-shrink:0;transition:width .5s,height .5s;}
.vxn-nav.is-contracted .vxn-mark{width:26px;height:26px;}
.vxn-word{font-family:var(--vxn-font-display);font-weight:800;letter-spacing:.12em;font-size:1.02rem;color:var(--vxn-ink);}

.vxn-links{position:relative;display:flex;align-items:center;gap:2px;margin-inline:auto;}
.vxn-spot{position:absolute;top:50%;height:34px;border-radius:11px;transform:translateY(-50%);
  background:linear-gradient(160deg,rgba(var(--ln),.22),rgba(var(--ln),.08));border:1px solid var(--vxn-line);
  z-index:0;opacity:0;transition:left .38s var(--vxn-ease),width .38s var(--vxn-ease),opacity .3s;pointer-events:none;}
.vxn-link{position:relative;z-index:1;display:inline-flex;align-items:center;gap:6px;color:var(--vxn-ink-2);
  font-size:.92rem;font-weight:600;padding:8px 14px;border-radius:11px;background:none;border:0;transition:color .25s;}
.vxn-link:hover,.vxn-link[aria-expanded="true"]{color:var(--vxn-ink);}
.vxn-link .vxn-chev{width:14px;height:14px;transition:transform .3s;}
.vxn-link[aria-expanded="true"] .vxn-chev{transform:rotate(180deg);}
.vxn-link:focus-visible{outline:2px solid var(--vxn-cyan);outline-offset:2px;}

.vxn-actions{display:flex;align-items:center;gap:10px;flex-shrink:0;}
.vxn-cta{display:inline-flex;align-items:center;gap:7px;background:var(--vxn-grad-cta);color:var(--vxn-cta-ink);
  font-family:var(--vxn-font-display);font-weight:700;font-size:.88rem;padding:10px 17px;border-radius:11px;
  box-shadow:0 10px 26px -10px rgba(124,58,237,.6);transition:transform .25s,box-shadow .25s;border:0;}
.vxn-cta:hover{transform:translateY(-1px);box-shadow:0 14px 32px -8px rgba(124,58,237,.8);}
.vxn-cta:focus-visible{outline:2px solid #fff;outline-offset:2px;}

.vxn-burger{display:none;width:42px;height:38px;border-radius:11px;background:rgba(var(--w),.05);
  border:1px solid var(--vxn-line);align-items:center;justify-content:center;flex-direction:column;gap:4px;}
.vxn-burger span{width:18px;height:2px;background:var(--vxn-ink);border-radius:2px;transition:transform .3s,opacity .3s;}
.vxn-burger:focus-visible{outline:2px solid var(--vxn-cyan);outline-offset:2px;}

/* Canopy mega-menu (lives INSIDE the island; grows out of it) */
.vxn-canopy{max-height:0;opacity:0;padding:0 22px;transition:max-height .5s var(--vxn-ease),opacity .35s,padding .5s var(--vxn-ease);}
.vxn-island.is-open .vxn-canopy{max-height:420px;opacity:1;padding:4px 22px 22px;}
.vxn-canopy-top{height:1px;background:var(--vxn-line);margin-bottom:18px;}
.vxn-canopy-grid{display:grid;grid-template-columns:1fr 1fr 1.15fr;gap:22px;}
.vxn-col-title{font-family:var(--vxn-font-mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--vxn-muted);margin-bottom:12px;}
.vxn-col a{display:flex;align-items:center;gap:10px;color:var(--vxn-ink-2);font-size:.9rem;font-weight:600;padding:7px 9px;border-radius:9px;transition:background .2s,color .2s,transform .2s;opacity:0;transform:translateY(8px);}
.vxn-island.is-open .vxn-col a{opacity:1;transform:none;}
.vxn-island.is-open .vxn-col:nth-child(1) a{transition-delay:.05s;}
.vxn-island.is-open .vxn-col:nth-child(2) a{transition-delay:.12s;}
.vxn-col a:hover{background:rgba(var(--ln),.1);color:#fff;}
.vxn-col a i{width:8px;height:8px;border-radius:50%;background:var(--vxn-cyan);box-shadow:0 0 8px var(--vxn-cyan);flex-shrink:0;}
.vxn-col a.h i{background:var(--vxn-green);box-shadow:0 0 8px var(--vxn-green);}
.vxn-rail{background:var(--vxn-grad-violet);border-radius:16px;padding:18px;display:flex;flex-direction:column;justify-content:center;opacity:0;transform:translateY(8px);transition:opacity .4s .18s,transform .4s .18s;}
.vxn-island.is-open .vxn-rail{opacity:1;transform:none;}
.vxn-rail h4{font-family:var(--vxn-font-display);font-size:1.05rem;color:#fff;margin:0 0 6px;}
.vxn-rail p{font-size:.82rem;color:rgba(var(--w),.85);margin:0 0 14px;}
.vxn-rail a{align-self:flex-start;background:#fff;color:#1a1340;font-weight:700;font-size:.82rem;padding:9px 15px;border-radius:10px;}

/* Mobile full-screen overlay */
.vxn-overlay{position:fixed;inset:0;z-index:90;background:linear-gradient(180deg,var(--vxn-void),var(--vxn-void));
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transform:translateY(-100%);transition:transform .5s var(--vxn-ease);
  display:flex;flex-direction:column;padding:22px;overflow-y:auto;}
.vxn-overlay.is-open{transform:none;}
.vxn-ov-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:36px;}
.vxn-ov-close{width:42px;height:42px;border-radius:12px;background:rgba(var(--w),.05);border:1px solid var(--vxn-line);color:var(--vxn-ink);font-size:1.4rem;display:flex;align-items:center;justify-content:center;}
.vxn-ov-body{display:flex;flex-direction:column;gap:6px;}
.vxn-ov-link{font-family:var(--vxn-font-display);font-weight:700;font-size:1.8rem;color:var(--vxn-ink);padding:14px 4px;border-bottom:1px solid var(--vxn-line);display:flex;align-items:center;justify-content:space-between;
  opacity:0;transform:translateX(-18px);transition:opacity .5s,transform .5s;}
.vxn-overlay.is-open .vxn-ov-link{opacity:1;transform:none;}
.vxn-overlay.is-open .vxn-ov-link:nth-child(1){transition-delay:.08s;}
.vxn-overlay.is-open .vxn-ov-link:nth-child(2){transition-delay:.14s;}
.vxn-overlay.is-open .vxn-ov-link:nth-child(3){transition-delay:.2s;}
.vxn-overlay.is-open .vxn-ov-link:nth-child(4){transition-delay:.26s;}
.vxn-overlay.is-open .vxn-ov-link:nth-child(5){transition-delay:.32s;}
.vxn-ov-sub{display:none;flex-direction:column;gap:2px;padding:6px 4px 14px;}
.vxn-ov-sub.is-open{display:flex;}
.vxn-ov-sub a{color:var(--vxn-muted);font-size:1.05rem;font-weight:600;padding:8px 0;}
.vxn-ov-cta{margin-top:26px;}

@media(max-width:920px){
  .vxn-links{display:none;}
  .vxn-burger{display:flex;}
  .vxn-actions .vxn-cta{display:none;}
}
@media(min-width:921px){ .vxn-overlay{display:none!important;} }

/* ============================ HERO ============================ */
.vxn-hero{position:relative;min-height:100svh;display:flex;align-items:center;padding-top:130px;padding-bottom:64px;overflow:hidden;}
.vxn-hero-bg{position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.9;}
.vxn-hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.04fr .96fr;gap:46px;align-items:center;width:100%;}
.vxn-hero-copy{max-width:600px;}
.vxn-hero h1{margin:18px 0 0;}
.vxn-hero h1 .ln{display:block;}
.vxn-hero .vxn-lead{margin-top:22px;}
.vxn-hero-cta{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px;}
.vxn-hero-trust{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px;}

.vxn-engine{position:relative;width:100%;aspect-ratio:1/.86;max-width:560px;margin-inline:auto;}
.vxn-engine canvas{position:absolute;inset:0;width:100%;height:100%;}
.vxn-dash{position:absolute;right:-6px;bottom:-14px;width:min(252px,72%);padding:16px 16px 14px;border-radius:16px;z-index:3;}
.vxn-dash-h{display:flex;align-items:center;gap:8px;font-family:var(--vxn-font-mono);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--vxn-muted);margin-bottom:12px;}
.vxn-dash-h .live{width:7px;height:7px;border-radius:50%;background:var(--vxn-green);box-shadow:0 0 9px var(--vxn-green);animation:vxn-pulse 1.8s infinite;}
.vxn-dash-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 14px;}
.vxn-dash-cell .k{font-size:10px;letter-spacing:.04em;color:var(--vxn-faint);text-transform:uppercase;font-weight:600;}
.vxn-dash-cell .v{font-family:var(--vxn-font-mono);font-weight:700;font-size:1.18rem;color:var(--vxn-ink);line-height:1.2;font-variant-numeric:tabular-nums;}
.vxn-dash-cell .v.c{color:var(--vxn-cyan);} .vxn-dash-cell .v.g{color:var(--vxn-green);}
@keyframes vxn-pulse{0%,100%{opacity:1;transform:scale(1);}50%{opacity:.45;transform:scale(.82);}}

/* ============================ PROBLEM / LEAK FUNNEL ============================ */
.vxn-leak-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:46px;align-items:center;margin-top:48px;}
.vxn-funnel-stage{position:relative;width:100%;max-width:440px;margin-inline:auto;}
.vxn-funnel-stage svg{width:100%;height:auto;overflow:visible;}
.vxn-leak-rows{display:flex;flex-direction:column;gap:10px;}
.vxn-leak-row{display:flex;gap:14px;align-items:flex-start;padding:15px 16px;border-radius:14px;border:1px solid var(--vxn-line);
  background:rgba(var(--w),.018);cursor:pointer;transition:border-color .3s,background .3s,transform .3s;text-align:left;width:100%;}
.vxn-leak-row:hover{transform:translateX(4px);}
.vxn-leak-row.is-active{border-color:rgba(244,63,94,.55);background:rgba(244,63,94,.07);}
.vxn-leak-num{font-family:var(--vxn-font-mono);font-size:.8rem;color:var(--vxn-red);font-weight:700;width:26px;height:26px;border-radius:8px;
  background:rgba(244,63,94,.12);display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px;}
.vxn-leak-row.is-active .vxn-leak-num{background:var(--vxn-red);color:#180408;}
.vxn-leak-txt h4{font-family:var(--vxn-font-display);font-size:1rem;color:var(--vxn-ink);margin:0 0 3px;}
.vxn-leak-txt p{margin:0;font-size:.88rem;color:var(--vxn-muted);}
.vxn-leak-foot{margin-top:22px;font-size:.95rem;color:var(--vxn-ink-2);border-left:2px solid var(--vxn-cyan);padding-left:16px;}

/* ============================ METHOD (10-step journey) ============================ */
.vxn-method-rail{position:relative;display:flex;gap:14px;overflow-x:auto;padding:30px 4px 18px;margin-top:38px;scroll-snap-type:x mandatory;
  -ms-overflow-style:none;scrollbar-width:thin;scrollbar-color:var(--vxn-line-2) transparent;}
.vxn-method-rail::-webkit-scrollbar{height:6px;}
.vxn-method-rail::-webkit-scrollbar-thumb{background:var(--vxn-line-2);border-radius:6px;}
.vxn-mprogress{position:absolute;top:14px;left:4px;right:4px;height:2px;background:var(--vxn-line);border-radius:2px;overflow:hidden;}
.vxn-mprogress i{position:absolute;inset:0;width:0;background:var(--vxn-grad-cta);box-shadow:0 0 12px rgba(192,132,252,.6);transition:width 1.4s var(--vxn-ease);}
.vxn-mstep{position:relative;scroll-snap-align:start;flex:0 0 auto;width:172px;padding:18px 16px 16px;border-radius:16px;}
.vxn-mstep .n{position:absolute;top:-11px;left:16px;font-family:var(--vxn-font-mono);font-size:.7rem;font-weight:700;color:var(--vxn-cyan);
  background:var(--vxn-deep);border:1px solid var(--vxn-line);padding:3px 7px;border-radius:7px;}
.vxn-mstep .ic{width:38px;height:38px;border-radius:11px;background:rgba(var(--ln),.1);display:flex;align-items:center;justify-content:center;margin-bottom:12px;color:var(--vxn-cyan);}
.vxn-mstep .ic svg{width:20px;height:20px;}
.vxn-mstep h4{font-family:var(--vxn-font-display);font-size:1rem;color:var(--vxn-ink);margin:0 0 6px;}
.vxn-mstep p{margin:0;font-size:.82rem;color:var(--vxn-muted);line-height:1.5;}
.vxn-mstep::after{content:"";position:absolute;right:-9px;top:54px;width:14px;height:14px;border-top:2px solid var(--vxn-line-2);border-right:2px solid var(--vxn-line-2);transform:rotate(45deg);opacity:.7;}
.vxn-mstep:last-child::after{display:none;}

/* ============================ STRATEGY BOARD ============================ */
.vxn-board-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:46px;align-items:center;margin-top:46px;}
.vxn-board{position:relative;aspect-ratio:1;width:100%;max-width:480px;margin-inline:auto;border-radius:24px;overflow:hidden;
  background:linear-gradient(160deg,rgba(var(--mk),.9),rgba(var(--mk),.92));border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);}
.vxn-board::before{content:"";position:absolute;inset:0;opacity:.5;
  background-image:repeating-conic-gradient(rgba(var(--ln),.05) 0% 25%,transparent 0% 50%);background-size:25% 25%;}
.vxn-board::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 45%,transparent 30%,rgba(var(--mk),.55) 100%);}
.vxn-piece{position:absolute;width:21%;aspect-ratio:1;transform:translate(-50%,-50%) scale(.3);opacity:0;
  transition:transform .9s var(--vxn-ease),opacity .7s;left:var(--x);top:var(--y);z-index:2;cursor:default;}
.vxn-board.is-placed .vxn-piece{transform:translate(-50%,-50%) scale(1);opacity:1;}
.vxn-piece-disc{position:absolute;inset:0;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;
  background:radial-gradient(circle at 35% 28%,rgba(var(--w),.22),rgba(var(--w),.03) 60%),linear-gradient(160deg,rgba(var(--mk),.9),rgba(var(--mk),.95));
  border:1px solid rgba(var(--w),.16);box-shadow:0 10px 24px -8px rgba(0,0,0,.7),inset 0 1px 1px rgba(var(--w),.25);
  transition:transform .3s,box-shadow .3s;}
.vxn-piece:hover .vxn-piece-disc{transform:translateY(-4px) scale(1.05);box-shadow:0 16px 30px -8px var(--pc,rgba(192,132,252,.5)),inset 0 1px 1px rgba(var(--w),.3);}
.vxn-piece-disc svg{width:34%;height:34%;color:var(--pc,var(--vxn-cyan));}
.vxn-piece-lbl{font-family:var(--vxn-font-mono);font-size:.5rem;letter-spacing:.04em;color:var(--vxn-ink-2);text-transform:uppercase;font-weight:700;}
.vxn-piece-glow{position:absolute;inset:-30%;border-radius:50%;background:radial-gradient(circle,var(--pc,rgba(192,132,252,.4)),transparent 65%);opacity:.4;filter:blur(6px);z-index:-1;}
.vxn-tip{position:absolute;left:50%;bottom:112%;transform:translateX(-50%) translateY(6px);width:max-content;max-width:180px;
  background:rgba(var(--mk),.96);border:1px solid var(--vxn-line-2);border-radius:10px;padding:9px 12px;font-size:.74rem;color:var(--vxn-ink-2);line-height:1.45;
  opacity:0;visibility:hidden;transition:opacity .25s,transform .25s,visibility .25s;z-index:5;box-shadow:0 12px 30px -10px rgba(0,0,0,.8);pointer-events:none;}
.vxn-tip b{color:var(--pc,var(--vxn-cyan));font-family:var(--vxn-font-display);}
.vxn-piece:hover .vxn-tip{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0);}
.vxn-legend{display:flex;flex-direction:column;gap:8px;margin-top:26px;}
.vxn-lrow{display:flex;align-items:center;gap:12px;padding:11px 14px;border-radius:12px;border:1px solid var(--vxn-line);background:rgba(var(--w),.018);transition:background .25s,border-color .25s;cursor:default;}
.vxn-lrow:hover{background:rgba(var(--ln),.06);border-color:var(--vxn-line-2);}
.vxn-lrow .sw{width:12px;height:12px;border-radius:50%;flex-shrink:0;box-shadow:0 0 10px currentColor;}
.vxn-lrow b{font-family:var(--vxn-font-display);color:var(--vxn-ink);font-size:.92rem;min-width:74px;}
.vxn-lrow span{font-size:.85rem;color:var(--vxn-muted);}

/* ============================ INDUSTRY JOURNEYS (health / hospitality) ============================ */
.vxn-jintro{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap;}
.vxn-journey{position:relative;margin:46px 0 40px;padding:34px 12px 30px;border-radius:20px;}
.vxn-jtrack{position:relative;display:flex;justify-content:space-between;gap:8px;padding-top:8px;}
.vxn-jline{position:absolute;top:30px;left:5%;right:5%;height:2px;background:var(--vxn-line);border-radius:2px;}
.vxn-jline i{position:absolute;inset:0;width:0;background:linear-gradient(90deg,var(--ac1),var(--ac2));box-shadow:0 0 10px var(--ac2);transition:width 1.8s var(--vxn-ease);}
.vxn-jnode{position:relative;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;flex:1;min-width:0;z-index:2;}
.vxn-jdot{width:46px;height:46px;border-radius:14px;background:var(--vxn-deep);border:1px solid var(--vxn-line-2);display:flex;align-items:center;justify-content:center;color:var(--ac2,var(--vxn-cyan));transition:box-shadow .4s,border-color .4s,transform .4s;}
.vxn-jdot svg{width:21px;height:21px;}
.vxn-journey.is-in .vxn-jnode:nth-child(1) .vxn-jdot{box-shadow:0 0 0 4px rgba(192,132,252,.08),0 0 20px -4px var(--ac2);border-color:var(--ac2);}
.vxn-jlabel{font-size:.78rem;font-weight:600;color:var(--vxn-ink-2);line-height:1.3;max-width:90px;}
.vxn-jsub{font-family:var(--vxn-font-mono);font-size:.62rem;letter-spacing:.04em;color:var(--vxn-faint);text-transform:uppercase;}
.vxn-token{position:absolute;top:30px;left:5%;width:18px;height:18px;border-radius:50%;transform:translate(-50%,-50%);z-index:3;
  background:radial-gradient(circle at 35% 30%,#fff,var(--ac2));box-shadow:0 0 16px var(--ac2);}
.vxn-journey.is-in .vxn-token{animation:vxn-ride 7s var(--vxn-ease) .4s infinite;}
@keyframes vxn-ride{0%{left:5%;}12%{left:5%;}22%{left:24%;}34%{left:24%;}44%{left:50%;}56%{left:50%;}66%{left:76%;}78%{left:76%;}88%{left:95%;}100%{left:95%;}}
.vxn-cap-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(225px,1fr));gap:16px;margin-top:6px;}
.vxn-cap{padding:20px 18px;border-radius:16px;transition:transform .35s var(--vxn-ease),border-color .35s;}
.vxn-cap:hover{transform:translateY(-5px);}
.vxn-cap .ic{width:40px;height:40px;border-radius:11px;display:flex;align-items:center;justify-content:center;margin-bottom:13px;
  background:rgba(192,132,252,.1);color:var(--ac2,var(--vxn-cyan));}
.vxn-cap .ic svg{width:21px;height:21px;}
.vxn-cap h4{font-family:var(--vxn-font-display);font-size:1.02rem;color:var(--vxn-ink);margin:0 0 7px;}
.vxn-cap p{margin:0;font-size:.86rem;color:var(--vxn-muted);}
.vxn-note{display:inline-flex;align-items:center;gap:8px;margin-top:24px;font-size:.8rem;color:var(--vxn-faint);font-family:var(--vxn-font-mono);}
.vxn-note::before{content:"";width:14px;height:1px;background:var(--vxn-faint);}

/* ============================ SEO WALKTHROUGH ============================ */
.vxn-seo-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:42px;align-items:center;margin-top:46px;}
.vxn-query-chips{display:flex;flex-wrap:wrap;gap:9px;margin:22px 0 26px;}
.vxn-qchip{font-size:.82rem;font-weight:600;color:var(--vxn-ink-2);padding:8px 14px;border-radius:10px;border:1px solid var(--vxn-line);background:rgba(var(--w),.02);transition:all .25s;}
.vxn-qchip.is-on{border-color:transparent;background:linear-gradient(135deg,#7c3aed,#a855f7);color:#fff;box-shadow:0 6px 16px -6px rgba(124,58,237,.55);}
.vxn-seo-labels{display:flex;flex-direction:column;gap:9px;}
.vxn-seolab{display:flex;align-items:center;gap:11px;font-size:.88rem;color:var(--vxn-faint);transition:color .3s;}
.vxn-seolab .tick{width:20px;height:20px;border-radius:6px;border:1px solid var(--vxn-line-2);display:flex;align-items:center;justify-content:center;transition:all .3s;}
.vxn-seolab .tick svg{width:12px;height:12px;opacity:0;transition:opacity .3s;}
.vxn-seolab.is-lit{color:var(--vxn-ink);}
.vxn-seolab.is-lit .tick{background:var(--vxn-green);border-color:var(--vxn-green);}
.vxn-seolab.is-lit .tick svg{opacity:1;color:#04140d;}

.vxn-browser{position:relative;border-radius:16px;overflow:hidden;border:1px solid var(--vxn-glass-brd);
  background:linear-gradient(180deg,rgba(var(--mk),.96),rgba(var(--mk),.98));box-shadow:var(--vxn-shadow);min-height:430px;}
.vxn-bbar{display:flex;align-items:center;gap:8px;padding:11px 14px;border-bottom:1px solid var(--vxn-line);background:rgba(var(--w),.02);}
.vxn-bdots{display:flex;gap:6px;}
.vxn-bdots i{width:10px;height:10px;border-radius:50%;background:rgba(var(--w),.18);}
.vxn-burl{flex:1;display:flex;align-items:center;gap:8px;background:rgba(0,0,0,.3);border:1px solid var(--vxn-line);border-radius:9px;padding:6px 12px;font-family:var(--vxn-font-mono);font-size:.76rem;color:var(--vxn-muted);}
.vxn-burl svg{width:12px;height:12px;color:var(--vxn-green);}
.vxn-bbody{position:relative;padding:22px;min-height:380px;}
.vxn-seo-screen{position:absolute;inset:0;padding:24px;opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .5s,transform .5s,visibility .5s;}
.vxn-seo-screen.is-on{opacity:1;visibility:visible;transform:none;}
.vxn-search-box{display:flex;align-items:center;gap:12px;background:#fff;border-radius:999px;padding:14px 22px;box-shadow:0 8px 30px -8px rgba(0,0,0,.5);max-width:440px;margin:60px auto 0;}
.vxn-search-box svg{width:20px;height:20px;color:#5f6368;flex-shrink:0;}
.vxn-search-q{font-family:var(--vxn-font-body);font-size:1.02rem;color:#202124;font-weight:500;}
.vxn-search-q .car{display:inline-block;width:2px;height:1.05em;background:#4285f4;margin-left:1px;vertical-align:-2px;animation:vxn-blink 1s step-end infinite;}
@keyframes vxn-blink{50%{opacity:0;}}
.vxn-search-hint{text-align:center;color:var(--vxn-faint);font-size:.82rem;margin-top:22px;}
.vxn-serp{display:grid;grid-template-columns:1.4fr .9fr;gap:18px;}
.vxn-serp-list{display:flex;flex-direction:column;gap:11px;}
.vxn-result{padding:13px 15px;border-radius:12px;border:1px solid var(--vxn-line);background:rgba(var(--w),.025);transition:transform .6s var(--vxn-ease),border-color .5s,background .5s;}
.vxn-result .u{font-size:.72rem;color:var(--vxn-green);font-family:var(--vxn-font-mono);}
.vxn-result .t{font-family:var(--vxn-font-display);font-size:.98rem;color:var(--vxn-blue-2);margin:3px 0 5px;}
.vxn-result .d{font-size:.78rem;color:var(--vxn-muted);}
.vxn-result.is-win{border-color:var(--vxn-cyan);background:rgba(192,132,252,.08);box-shadow:0 0 0 1px rgba(192,132,252,.3),0 14px 30px -12px rgba(192,132,252,.4);}
.vxn-result .badges{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px;opacity:0;max-height:0;overflow:hidden;transition:opacity .5s,max-height .5s;}
.vxn-result.is-win .badges{opacity:1;max-height:50px;}
.vxn-badge{font-size:.66rem;font-weight:700;padding:3px 8px;border-radius:6px;background:rgba(16,185,129,.14);color:var(--vxn-green);}
.vxn-badge.star{background:rgba(245,158,11,.16);color:var(--vxn-amber);}
.vxn-mappack{border-radius:12px;border:1px solid var(--vxn-line);background:linear-gradient(160deg,rgba(124,58,237,.18),rgba(91,33,182,.1));position:relative;overflow:hidden;min-height:180px;padding:12px;}
.vxn-mappack .ml{font-family:var(--vxn-font-mono);font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;color:var(--vxn-muted);margin-bottom:8px;}
.vxn-pin{position:absolute;width:22px;height:22px;}
.vxn-pin svg{width:100%;height:100%;color:var(--vxn-faint);}
.vxn-pin.win svg{color:var(--vxn-cyan);filter:drop-shadow(0 0 8px var(--vxn-cyan));}
.vxn-pin.win{animation:vxn-bob 2s ease-in-out infinite;}
@keyframes vxn-bob{0%,100%{transform:translateY(0);}50%{transform:translateY(-5px);}}
.vxn-landing{max-width:430px;margin:0 auto;}
.vxn-landing .lh{font-family:var(--vxn-font-display);font-size:1.15rem;color:var(--vxn-ink);font-weight:700;margin-bottom:6px;}
.vxn-landing .lp{font-size:.84rem;color:var(--vxn-muted);margin-bottom:16px;}
.vxn-lform{display:flex;flex-direction:column;gap:10px;background:rgba(var(--w),.03);border:1px solid var(--vxn-line);border-radius:14px;padding:16px;}
.vxn-lfield{height:38px;border-radius:9px;background:rgba(0,0,0,.25);border:1px solid var(--vxn-line);display:flex;align-items:center;padding:0 13px;font-size:.82rem;color:var(--vxn-muted);}
.vxn-lbtn{height:40px;border-radius:9px;background:var(--vxn-grad-cta);color:var(--vxn-cta-ink);font-weight:700;display:flex;align-items:center;justify-content:center;font-size:.88rem;}
.vxn-crm-toast{display:flex;align-items:center;gap:10px;margin-top:14px;padding:11px 14px;border-radius:11px;background:rgba(16,185,129,.1);border:1px solid rgba(16,185,129,.4);
  font-size:.84rem;color:var(--vxn-green);font-weight:600;opacity:0;transform:translateY(8px);transition:opacity .5s .3s,transform .5s .3s;}
.vxn-seo-screen.is-on .vxn-crm-toast{opacity:1;transform:none;}
.vxn-crm-toast svg{width:18px;height:18px;}
.vxn-steps-dots{display:flex;gap:8px;justify-content:center;margin-top:18px;}
.vxn-sdot{width:9px;height:9px;border-radius:50%;background:var(--vxn-line-2);transition:all .3s;border:0;padding:0;}
.vxn-sdot.is-on{background:var(--vxn-cyan);box-shadow:0 0 10px var(--vxn-cyan);width:26px;border-radius:5px;}

/* ============================ PAID ADS ============================ */
.vxn-ads-grid{display:grid;grid-template-columns:1fr 1fr;gap:42px;align-items:center;margin-top:46px;}
.vxn-adstack{display:flex;flex-direction:column;gap:14px;}
.vxn-adcard{position:relative;padding:15px 16px;border-radius:14px;overflow:hidden;}
.vxn-adcard .tag{display:inline-flex;align-items:center;gap:6px;font-size:.68rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--vxn-cyan);margin-bottom:9px;}
.vxn-adcard .tag .pl{width:7px;height:7px;border-radius:2px;background:var(--vxn-cyan);}
.vxn-adcard h5{font-family:var(--vxn-font-display);font-size:.98rem;color:var(--vxn-ink);margin:0 0 4px;}
.vxn-adcard p{margin:0 0 11px;font-size:.8rem;color:var(--vxn-muted);}
.vxn-adcard .row{display:flex;align-items:center;justify-content:space-between;}
.vxn-adcard .cta-mini{font-size:.76rem;font-weight:700;color:var(--vxn-cta-ink);background:var(--vxn-grad-cta);padding:6px 12px;border-radius:8px;}
.vxn-adcard .meta{font-family:var(--vxn-font-mono);font-size:.72rem;color:var(--vxn-faint);}
.vxn-ripple{position:absolute;width:14px;height:14px;border-radius:50%;background:var(--vxn-cyan);pointer-events:none;opacity:0;}
.vxn-flow{padding:22px;border-radius:18px;}
.vxn-flow-h{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;}
.vxn-flow-h .lab{font-family:var(--vxn-font-mono);font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;color:var(--vxn-muted);}
.vxn-frow{margin-bottom:15px;}
.vxn-frow .top{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:6px;}
.vxn-frow .k{font-size:.84rem;color:var(--vxn-ink-2);font-weight:600;}
.vxn-frow .v{font-family:var(--vxn-font-mono);font-weight:700;font-size:1.05rem;color:var(--vxn-ink);}
.vxn-frow .v.hl{color:var(--vxn-cyan);} .vxn-frow .v.gr{color:var(--vxn-green);}
.vxn-fbar{height:8px;border-radius:5px;background:rgba(var(--w),.05);overflow:hidden;}
.vxn-fbar i{display:block;height:100%;width:0;border-radius:5px;background:var(--vxn-grad-cta);transition:width 1.4s var(--vxn-ease);}
.vxn-fbar i.g{background:linear-gradient(90deg,var(--vxn-green),var(--vxn-cyan));}
.vxn-cpl{margin-top:6px;display:flex;align-items:center;gap:12px;}
.vxn-cpl svg{flex:1;height:46px;}
.vxn-cpl .cv{font-family:var(--vxn-font-mono);font-size:.8rem;color:var(--vxn-green);font-weight:700;}

/* ============================ WEBSITE BEFORE/AFTER ============================ */
.vxn-web-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:42px;align-items:center;margin-top:46px;}
.vxn-ba{position:relative;aspect-ratio:16/11;border-radius:18px;overflow:hidden;border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);
  --pos:50%;user-select:none;touch-action:pan-y;}
.vxn-ba-layer{position:absolute;inset:0;padding:20px;display:flex;flex-direction:column;}
.vxn-ba-after{background:linear-gradient(160deg,#0c1430,#0a1126);}
.vxn-ba-before{background:linear-gradient(160deg,#161922,#101319);clip-path:inset(0 calc(100% - var(--pos)) 0 0);}
.vxn-ba-tag{position:absolute;top:14px;font-family:var(--vxn-font-mono);font-size:.64rem;letter-spacing:.1em;text-transform:uppercase;padding:5px 10px;border-radius:7px;z-index:4;}
.vxn-ba-before .vxn-ba-tag{left:14px;background:rgba(244,63,94,.16);color:var(--vxn-red);}
.vxn-ba-after .vxn-ba-tag{right:14px;background:rgba(16,185,129,.16);color:var(--vxn-green);}
.vxn-ba-handle{position:absolute;top:0;bottom:0;left:var(--pos);width:2px;background:var(--vxn-cyan);box-shadow:0 0 14px var(--vxn-cyan);z-index:5;transform:translateX(-1px);}
.vxn-ba-knob{position:absolute;top:50%;left:var(--pos);transform:translate(-50%,-50%);width:38px;height:38px;border-radius:50%;background:var(--vxn-deep);border:2px solid var(--vxn-cyan);display:flex;align-items:center;justify-content:center;z-index:6;box-shadow:0 6px 18px -4px rgba(0,0,0,.6);}
.vxn-ba-knob svg{width:18px;height:18px;color:var(--vxn-cyan);}
.vxn-ba input[type=range]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;z-index:7;margin:0;}
.vxn-mock-head{height:14px;width:55%;border-radius:4px;background:rgba(var(--w),.18);margin-bottom:10px;}
.vxn-mock-line{height:8px;border-radius:4px;background:rgba(var(--w),.08);margin-bottom:7px;}
.vxn-mock-cta{margin-top:auto;height:34px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:.74rem;font-weight:700;}
.vxn-mock-cta.weak{background:rgba(var(--w),.08);color:var(--vxn-muted);width:40%;}
.vxn-mock-cta.strong{background:var(--vxn-grad-cta);color:var(--vxn-cta-ink);width:70%;box-shadow:0 8px 22px -6px rgba(124,58,237,.6);}
.vxn-mock-badges{display:flex;gap:6px;margin-top:10px;}
.vxn-mock-badges span{height:18px;flex:1;border-radius:5px;background:rgba(16,185,129,.18);}
.vxn-web-compare{display:grid;grid-template-columns:1fr;gap:8px;}
.vxn-wc-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:center;padding:11px 14px;border-radius:11px;border:1px solid var(--vxn-line);background:rgba(var(--w),.015);}
.vxn-wc-b,.vxn-wc-a{display:flex;align-items:center;gap:8px;font-size:.82rem;}
.vxn-wc-b{color:var(--vxn-muted);} .vxn-wc-a{color:var(--vxn-ink-2);font-weight:600;}
.vxn-wc-b svg,.vxn-wc-a svg{width:15px;height:15px;flex-shrink:0;}
.vxn-wc-b svg{color:var(--vxn-red);} .vxn-wc-a svg{color:var(--vxn-green);}

/* ============================ CRM + AUTOMATION ============================ */
.vxn-crm-pipe{position:relative;display:flex;justify-content:space-between;gap:6px;margin:46px 0 30px;padding-top:10px;}
.vxn-crm-line{position:absolute;top:34px;left:4%;right:4%;height:2px;background:var(--vxn-line);}
.vxn-crm-line i{position:absolute;inset:0;width:0;background:linear-gradient(90deg,var(--vxn-violet),var(--vxn-cyan));box-shadow:0 0 10px var(--vxn-cyan);transition:width .5s linear;}
.vxn-cnode{position:relative;flex:1;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;z-index:2;min-width:0;}
.vxn-cring{width:50px;height:50px;border-radius:15px;background:var(--vxn-deep);border:1px solid var(--vxn-line-2);display:flex;align-items:center;justify-content:center;color:var(--vxn-muted);transition:all .4s;}
.vxn-cring svg{width:22px;height:22px;}
.vxn-cnode.is-done .vxn-cring{border-color:var(--vxn-green);color:var(--vxn-green);box-shadow:0 0 18px -4px var(--vxn-green);}
.vxn-cnode.is-active .vxn-cring{border-color:var(--vxn-cyan);color:var(--vxn-cyan);box-shadow:0 0 0 4px rgba(192,132,252,.1),0 0 22px -2px var(--vxn-cyan);transform:scale(1.08);}
.vxn-clabel{font-size:.74rem;font-weight:600;color:var(--vxn-ink-2);max-width:84px;line-height:1.3;}
.vxn-lead-chip{position:absolute;top:-8px;left:4%;transform:translateX(-50%);display:flex;align-items:center;gap:7px;
  background:rgba(var(--mk),.96);border:1px solid var(--vxn-cyan);border-radius:999px;padding:5px 12px 5px 8px;font-size:.74rem;font-weight:700;color:var(--vxn-ink);
  box-shadow:0 8px 22px -6px rgba(192,132,252,.5);z-index:4;transition:left .6s var(--vxn-ease);white-space:nowrap;}
.vxn-lead-chip .av{width:18px;height:18px;border-radius:50%;background:var(--vxn-grad-violet);display:flex;align-items:center;justify-content:center;font-size:.6rem;color:#fff;}
.vxn-recover{margin-top:14px;display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:18px;border-radius:16px;}
.vxn-recover .rt{font-family:var(--vxn-font-mono);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--vxn-amber);width:100%;margin-bottom:4px;}
.vxn-rstep{display:flex;align-items:center;gap:8px;font-size:.84rem;font-weight:600;color:var(--vxn-ink-2);padding:9px 14px;border-radius:10px;border:1px solid var(--vxn-line);background:rgba(var(--w),.02);opacity:.4;transition:opacity .4s,border-color .4s,transform .4s;}
.vxn-rstep.is-on{opacity:1;border-color:var(--vxn-amber);transform:translateY(-2px);}
.vxn-rstep svg{width:16px;height:16px;color:var(--vxn-amber);}
.vxn-rarrow{color:var(--vxn-faint);}
.vxn-rarrow svg{width:16px;height:16px;}

/* ============================ EXCLUSIVITY (territory lock) ============================ */
.vxn-excl-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:46px;align-items:center;margin-top:40px;}
.vxn-map{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:22px;border-radius:20px;}
.vxn-cell{position:relative;aspect-ratio:1;border-radius:14px;border:1px solid var(--vxn-line);background:rgba(var(--w),.02);
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;text-align:center;padding:8px;transition:all .5s;overflow:hidden;}
.vxn-cell .cl{font-size:.66rem;font-weight:600;color:var(--vxn-muted);line-height:1.25;}
.vxn-cell .ci{width:22px;height:22px;color:var(--vxn-faint);transition:color .4s;}
.vxn-cell .ci svg{width:100%;height:100%;}
.vxn-cell.is-taken{opacity:.4;}
.vxn-cell.is-taken .stamp{position:absolute;font-family:var(--vxn-font-mono);font-size:.6rem;letter-spacing:.1em;color:var(--vxn-red);border:1px solid var(--vxn-red);padding:2px 6px;border-radius:5px;transform:rotate(-12deg);opacity:0;transition:opacity .5s;}
.vxn-cell.is-taken.show .stamp{opacity:.85;}
.vxn-cell.is-yours{border-color:var(--vxn-cyan);background:linear-gradient(160deg,rgba(192,132,252,.14),rgba(192,132,252,.04));box-shadow:0 0 0 1px rgba(192,132,252,.4),0 14px 34px -12px rgba(192,132,252,.5);}
.vxn-cell.is-yours .ci{color:var(--vxn-cyan);}
.vxn-cell.is-yours .cl{color:#fff;}
.vxn-lock{opacity:0;transform:scale(.5);transition:opacity .4s,transform .4s;}
.vxn-cell.is-yours.locked .vxn-lock{opacity:1;transform:scale(1);}
.vxn-sweep{position:absolute;inset:0;pointer-events:none;border-radius:20px;overflow:hidden;}
.vxn-sweep::before{content:"";position:absolute;top:-50%;left:-50%;width:60%;height:200%;
  background:linear-gradient(90deg,transparent,rgba(192,132,252,.12),transparent);transform:rotate(18deg);animation:vxn-scan 5s linear infinite;}
@keyframes vxn-scan{0%{left:-60%;}100%{left:120%;}}
.vxn-excl-pts{display:flex;flex-direction:column;gap:12px;margin:24px 0;}
.vxn-ep{display:flex;gap:12px;align-items:flex-start;}
.vxn-ep .epi{width:34px;height:34px;border-radius:10px;background:rgba(192,132,252,.1);color:var(--vxn-cyan);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.vxn-ep .epi svg{width:18px;height:18px;}
.vxn-ep b{font-family:var(--vxn-font-display);color:var(--vxn-ink);font-size:.95rem;display:block;}
.vxn-ep span{font-size:.85rem;color:var(--vxn-muted);}

/* ============================ REPORTING DASHBOARD ============================ */
.vxn-dashboard{margin-top:46px;padding:26px;border-radius:24px;}
.vxn-db-top{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:22px;}
.vxn-db-title{display:flex;align-items:center;gap:12px;}
.vxn-db-title .dt{font-family:var(--vxn-font-display);font-weight:700;color:var(--vxn-ink);font-size:1.05rem;}
.vxn-db-title .live{display:inline-flex;align-items:center;gap:7px;font-family:var(--vxn-font-mono);font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;color:var(--vxn-green);}
.vxn-db-title .live i{width:7px;height:7px;border-radius:50%;background:var(--vxn-green);box-shadow:0 0 9px var(--vxn-green);animation:vxn-pulse 1.8s infinite;}
.vxn-db-range{display:flex;gap:6px;}
.vxn-db-range span{font-size:.72rem;font-weight:600;color:var(--vxn-muted);padding:6px 11px;border-radius:8px;border:1px solid var(--vxn-line);}
.vxn-db-range span.on{background:rgba(192,132,252,.12);color:#fff;border-color:var(--vxn-cyan);}
.vxn-kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:13px;margin-bottom:18px;}
.vxn-kpi{padding:15px 16px;border-radius:14px;border:1px solid var(--vxn-line);background:rgba(var(--w),.02);}
.vxn-kpi .k{font-size:.72rem;color:var(--vxn-faint);font-weight:600;text-transform:uppercase;letter-spacing:.03em;margin-bottom:7px;display:flex;align-items:center;gap:6px;}
.vxn-kpi .k svg{width:13px;height:13px;}
.vxn-kpi .v{font-family:var(--vxn-font-mono);font-weight:700;font-size:1.4rem;color:var(--vxn-ink);line-height:1.1;font-variant-numeric:tabular-nums;}
.vxn-kpi .v.c{color:var(--vxn-cyan);} .vxn-kpi .v.g{color:var(--vxn-green);} .vxn-kpi .v.a{color:var(--vxn-amber);}
.vxn-kpi .delta{font-size:.72rem;font-weight:700;margin-top:4px;}
.vxn-kpi .delta.up{color:var(--vxn-green);} .vxn-kpi .delta.down{color:var(--vxn-green);}
.vxn-db-charts{display:grid;grid-template-columns:1.5fr 1fr;gap:14px;}
.vxn-chartcard{padding:18px;border-radius:14px;border:1px solid var(--vxn-line);background:rgba(var(--w),.018);}
.vxn-chartcard .ct{font-size:.78rem;color:var(--vxn-muted);font-weight:600;margin-bottom:16px;display:flex;justify-content:space-between;}
.vxn-bars{display:flex;align-items:flex-end;gap:9px;height:120px;}
.vxn-bar{flex:1;border-radius:6px 6px 0 0;background:linear-gradient(180deg,var(--vxn-cyan),rgba(124,58,237,.4));height:0;transition:height 1.1s var(--vxn-ease);min-height:4px;position:relative;}
.vxn-bar:nth-child(even){background:linear-gradient(180deg,var(--vxn-violet),rgba(124,58,237,.4));}
.vxn-bars-x{display:flex;gap:9px;margin-top:8px;}
.vxn-bars-x span{flex:1;text-align:center;font-family:var(--vxn-font-mono);font-size:.58rem;color:var(--vxn-faint);}
.vxn-donut{display:flex;align-items:center;gap:16px;}
.vxn-donut svg{width:104px;height:104px;flex-shrink:0;}
.vxn-donut .leg{display:flex;flex-direction:column;gap:8px;}
.vxn-donut .lg{display:flex;align-items:center;gap:8px;font-size:.76rem;color:var(--vxn-ink-2);}
.vxn-donut .lg i{width:9px;height:9px;border-radius:3px;}

/* ============================ SERVICES ============================ */
.vxn-svc-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(232px,1fr));gap:15px;margin-top:46px;}
.vxn-svc{padding:20px;border-radius:16px;transition:transform .4s var(--vxn-ease),border-color .4s;}
.vxn-svc:hover{transform:translateY(-5px);}
.vxn-svc .ic{width:40px;height:40px;border-radius:11px;background:rgba(var(--ln),.1);color:var(--vxn-cyan);display:flex;align-items:center;justify-content:center;margin-bottom:13px;}
.vxn-svc .ic svg{width:21px;height:21px;}
.vxn-svc h4{font-family:var(--vxn-font-display);font-size:1.02rem;color:var(--vxn-ink);margin:0 0 7px;}
.vxn-svc .cr{font-size:.74rem;font-weight:700;color:var(--vxn-green);text-transform:uppercase;letter-spacing:.04em;margin-bottom:5px;font-family:var(--vxn-font-mono);}
.vxn-svc p{margin:0;font-size:.84rem;color:var(--vxn-muted);}

/* ============================ CASE STUDIES ============================ */
.vxn-case-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px;margin-top:46px;}
.vxn-case{padding:24px;border-radius:18px;transition:transform .4s var(--vxn-ease);}
.vxn-case:hover{transform:translateY(-6px);}
.vxn-case .ind{display:inline-flex;align-items:center;gap:8px;font-size:.74rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--vxn-cyan);margin-bottom:18px;}
.vxn-case .ind .d{width:8px;height:8px;border-radius:50%;background:var(--vxn-cyan);box-shadow:0 0 8px var(--vxn-cyan);}
.vxn-cstat{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:13px 0;border-bottom:1px solid var(--vxn-line);}
.vxn-cstat:last-of-type{border-bottom:0;}
.vxn-cstat .cv{font-family:var(--vxn-font-mono);font-weight:700;font-size:1.5rem;color:var(--vxn-ink);font-variant-numeric:tabular-nums;}
.vxn-cstat .cv.g{color:var(--vxn-green);} .vxn-cstat .cv.c{color:var(--vxn-cyan);}
.vxn-cstat .cl{font-size:.8rem;color:var(--vxn-muted);text-align:right;max-width:54%;}

/* ============================ PROCESS TIMELINE ============================ */
.vxn-timeline{position:relative;max-width:780px;margin:46px auto 0;padding-left:42px;}
.vxn-timeline::before{content:"";position:absolute;left:15px;top:8px;bottom:8px;width:2px;background:var(--vxn-line);}
.vxn-tline-fill{position:absolute;left:15px;top:8px;width:2px;height:0;background:linear-gradient(180deg,var(--vxn-cyan),var(--vxn-violet));box-shadow:0 0 12px var(--vxn-cyan);transition:height 1.6s var(--vxn-ease);}
.vxn-tstep{position:relative;padding:0 0 30px;}
.vxn-tstep:last-child{padding-bottom:0;}
.vxn-tstep .tn{position:absolute;left:-42px;top:0;width:32px;height:32px;border-radius:10px;background:var(--vxn-deep);border:1px solid var(--vxn-line-2);
  display:flex;align-items:center;justify-content:center;font-family:var(--vxn-font-mono);font-size:.78rem;font-weight:700;color:var(--vxn-cyan);}
.vxn-tstep h4{font-family:var(--vxn-font-display);font-size:1.08rem;color:var(--vxn-ink);margin:2px 0 5px;}
.vxn-tstep p{margin:0;font-size:.88rem;color:var(--vxn-muted);}

/* ============================ FINAL CTA ============================ */
.vxn-final{position:relative;text-align:center;padding-block:clamp(80px,13vh,150px);overflow:hidden;}
.vxn-final-orb{position:absolute;top:50%;left:50%;width:520px;height:520px;transform:translate(-50%,-50%);z-index:0;pointer-events:none;
  background:radial-gradient(circle,rgba(192,132,252,.18),rgba(124,58,237,.08) 40%,transparent 70%);}
.vxn-final-inner{position:relative;z-index:2;max-width:720px;margin-inline:auto;}
.vxn-final h2{margin-bottom:20px;}
.vxn-final-cta{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;margin-top:32px;}
.vxn-final-trust{margin-top:24px;font-size:.85rem;color:var(--vxn-faint);font-family:var(--vxn-font-mono);}

/* ============================ FOOTER ============================ */
.vxn-footer{position:relative;border-top:1px solid var(--vxn-line);padding-top:60px;padding-bottom:34px;}
.vxn-foot-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:36px;}
.vxn-foot-brand .vxn-brand{margin-bottom:14px;}
.vxn-foot-brand p{font-size:.88rem;color:var(--vxn-muted);max-width:30ch;}
.vxn-foot-col h5{font-family:var(--vxn-font-mono);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--vxn-faint);margin:0 0 16px;}
.vxn-foot-col a{display:block;font-size:.88rem;color:var(--vxn-ink-2);padding:5px 0;transition:color .25s;}
.vxn-foot-col a:hover{color:var(--vxn-cyan);}
.vxn-foot-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:44px;padding-top:22px;border-top:1px solid var(--vxn-line);}
.vxn-foot-bottom .lg{font-size:.8rem;color:var(--vxn-faint);}
.vxn-foot-bottom .disc{font-size:.76rem;color:var(--vxn-faint);max-width:48ch;}

/* ============================ STICKY MOBILE CTA ============================ */
.vxn-sticky{position:fixed;left:14px;right:14px;bottom:14px;z-index:70;display:none;transform:translateY(140%);transition:transform .45s var(--vxn-ease);}
.vxn-sticky.is-on{transform:none;}
.vxn-sticky a{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;background:var(--vxn-grad-cta);color:var(--vxn-cta-ink);
  font-family:var(--vxn-font-display);font-weight:700;padding:15px;border-radius:14px;box-shadow:0 14px 40px -8px rgba(124,58,237,.7);}
.vxn-sticky a svg{width:18px;height:18px;}

/* ============================ RESPONSIVE ============================ */
@media(max-width:980px){
  .vxn-hero-grid,.vxn-leak-grid,.vxn-board-grid,.vxn-seo-grid,.vxn-ads-grid,.vxn-web-grid,.vxn-excl-grid{grid-template-columns:1fr;gap:38px;}
  .vxn-engine{max-width:440px;order:-1;}
  .vxn-board,.vxn-funnel-stage{max-width:420px;}
  .vxn-db-charts{grid-template-columns:1fr;}
  .vxn-foot-grid{grid-template-columns:1fr 1fr;gap:30px;}
  .vxn-foot-brand{grid-column:1/-1;}
}
@media(max-width:680px){
  .vxn-section{padding-block:clamp(58px,9vh,86px);}
  .vxn-jtrack,.vxn-crm-pipe{overflow-x:auto;justify-content:flex-start;gap:18px;padding-bottom:10px;}
  .vxn-jnode,.vxn-cnode{flex:0 0 96px;}
  .vxn-jline,.vxn-token,.vxn-crm-line{display:none;}
  .vxn-serp{grid-template-columns:1fr;}
  .vxn-foot-grid{grid-template-columns:1fr;}
  .vxn-sticky{display:block;}
  .vxn-foot-bottom{flex-direction:column;align-items:flex-start;}
}

/* ============================ REDUCED MOTION ============================ */
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important;}
  .vxn-reveal{opacity:1!important;transform:none!important;}
  .vxn-piece{opacity:1!important;transform:translate(-50%,-50%) scale(1)!important;}
  .vxn-token,.vxn-sweep::before,.vxn-pin.win{animation:none!important;}
}
/* =====================================================================
   v2 COMPONENT LAYER  (overrides win by source order)
   ===================================================================== */

/* header surface tokens */
:root{ --vxn-header:rgba(255,255,255,0.70); --vxn-header-2:rgba(255,255,255,0.90); }
:root[data-theme="dark"]{ --vxn-header:rgba(12,9,26,0.66); --vxn-header-2:rgba(12,9,26,0.88); }

/* focus ring (a11y) */
:where(a,button,input,select,textarea,[tabindex]):focus-visible{
  outline:2px solid var(--vxn-blue);outline-offset:2px;border-radius:6px;}

/* ----- smaller headings ----- */
.vxn-h1{font-size:clamp(2.0rem,4.6vw,3.4rem);}
.vxn-h2{font-size:clamp(1.5rem,3vw,2.15rem);}
.vxn-h3{font-size:clamp(1.05rem,1.7vw,1.25rem);}

/* SVG funnel labels (theme-aware fills) */
.vxn-fn-strong{fill:var(--vxn-ink);}
.vxn-fn-mid{fill:var(--vxn-ink-2);}

/* ----- ambient atmosphere : theme-aware ----- */
.vxn-atmos{background:
  radial-gradient(1100px 720px at 82% -12%, rgba(124,58,237,0.06), transparent 58%),
  radial-gradient(880px 680px at 2% 6%, rgba(168,85,247,0.05), transparent 60%),
  radial-gradient(1000px 820px at 60% 114%, rgba(192,132,252,0.045), transparent 55%),
  var(--vxn-void);}
:root[data-theme="dark"] .vxn-atmos{background:
  radial-gradient(1100px 720px at 80% -10%, rgba(124,58,237,0.24), transparent 60%),
  radial-gradient(900px 700px at 4% 8%, rgba(139,92,246,0.17), transparent 60%),
  radial-gradient(1000px 820px at 60% 112%, rgba(192,132,252,0.11), transparent 55%),
  var(--vxn-void);}
.vxn-grain{opacity:.022;}
:root[data-theme="dark"] .vxn-grain{opacity:.04;}

/* ===================================================================
   NEW HEADER  (.vxn-hd-*)  — clean, sticky, conventional-premium
   =================================================================== */
.vxn-hd{position:sticky;top:0;z-index:100;
  background:var(--vxn-header);
  -webkit-backdrop-filter:saturate(150%) blur(16px);backdrop-filter:saturate(150%) blur(16px);
  border-bottom:1px solid var(--vxn-line);
  transition:background .3s var(--vxn-ease),border-color .3s,box-shadow .3s;}
.vxn-hd.is-scrolled{background:var(--vxn-header-2);
  box-shadow:0 12px 34px -20px rgba(76,29,149,.4);border-bottom-color:var(--vxn-glass-brd);}
.vxn-hd-bar{max-width:var(--vxn-shell);margin:0 auto;padding:15px 22px;
  display:flex;align-items:center;gap:16px;transition:padding .3s var(--vxn-ease);}
.vxn-hd.is-scrolled .vxn-hd-bar{padding:9px 22px;}
.vxn-hd-brand{display:inline-flex;align-items:center;gap:11px;margin-right:auto;}
.vxn-hd-mark{width:34px;height:34px;flex:none;}
.vxn-hd-word{font-family:var(--vxn-font-display);font-weight:800;letter-spacing:.16em;
  font-size:1.05rem;color:var(--vxn-ink);}
.vxn-hd-nav{display:flex;align-items:center;gap:2px;}
.vxn-hd-link{position:relative;padding:9px 14px;border-radius:10px;font-weight:600;
  font-size:.94rem;color:var(--vxn-muted);transition:color .2s;}
.vxn-hd-link::after{content:"";position:absolute;left:14px;right:14px;bottom:5px;height:2px;border-radius:2px;
  background:var(--vxn-grad-cta);transform:scaleX(0);transform-origin:left;transition:transform .26s var(--vxn-ease);}
.vxn-hd-link:hover{color:var(--vxn-ink);}
.vxn-hd-link:hover::after{transform:scaleX(1);}
.vxn-hd-actions{display:flex;align-items:center;gap:10px;}
.vxn-hd-toggle{width:40px;height:40px;border-radius:11px;display:inline-grid;place-items:center;
  background:var(--vxn-glass-2);border:1px solid var(--vxn-glass-brd);color:var(--vxn-ink-2);
  transition:transform .2s,border-color .2s,color .2s;}
.vxn-hd-toggle:hover{color:var(--vxn-blue);border-color:var(--vxn-blue);transform:translateY(-1px);}
.vxn-hd-toggle svg{width:19px;height:19px;}
.vxn-hd-toggle .vxn-ic-moon{display:none;}
:root[data-theme="dark"] .vxn-hd-toggle .vxn-ic-sun{display:none;}
:root[data-theme="dark"] .vxn-hd-toggle .vxn-ic-moon{display:block;}
.vxn-hd-cta{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:11px;
  font-weight:700;font-size:.92rem;background:var(--vxn-grad-cta);color:var(--vxn-cta-ink);
  box-shadow:var(--vxn-glow-cta);transition:transform .2s,box-shadow .2s;}
.vxn-hd-cta:hover{transform:translateY(-1px);box-shadow:0 20px 46px -14px rgba(124,58,237,.6);}
.vxn-hd-burger{display:none;width:42px;height:42px;border-radius:11px;
  background:var(--vxn-glass-2);border:1px solid var(--vxn-glass-brd);color:var(--vxn-ink);
  align-items:center;justify-content:center;}
.vxn-hd-burger svg{width:22px;height:22px;}
.vxn-hd-mobile{display:none;}
@media (max-width:860px){
  .vxn-hd-nav,.vxn-hd-cta{display:none;}
  .vxn-hd-burger{display:inline-flex;}
  .vxn-hd-mobile{display:block;max-height:0;overflow:hidden;
    transition:max-height .38s var(--vxn-ease);
    background:var(--vxn-header-2);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);
    border-bottom:1px solid var(--vxn-line);}
  .vxn-hd-mobile.is-open{max-height:460px;}
  .vxn-hd-mlist{max-width:var(--vxn-shell);margin:0 auto;padding:8px 22px 22px;
    display:flex;flex-direction:column;gap:4px;}
  .vxn-hd-mlink{padding:14px 12px;border-radius:12px;font-weight:600;color:var(--vxn-ink-2);
    border:1px solid transparent;transition:background .2s,border-color .2s;}
  .vxn-hd-mlink:hover{background:var(--vxn-glass-2);border-color:var(--vxn-glass-brd);}
  .vxn-hd-mcta{margin-top:10px;justify-content:center;display:inline-flex;align-items:center;gap:8px;
    padding:15px 18px;border-radius:12px;font-weight:700;background:var(--vxn-grad-cta);
    color:var(--vxn-cta-ink);box-shadow:var(--vxn-glow-cta);}
}

/* ===================================================================
   IMAGES — real photos with graceful purple fallbacks
   =================================================================== */
.vxn-figure{position:relative;border-radius:var(--vxn-r);overflow:hidden;
  border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);background:var(--vxn-panel-2);}
.vxn-figure img{width:100%;height:100%;object-fit:cover;display:block;}
.vxn-ph{position:absolute;inset:0;display:none;align-items:center;justify-content:center;
  background:linear-gradient(150deg,#2a1d4d 0%,#7c3aed 60%,#a855f7 100%);color:#fff;}
.vxn-ph svg{width:40%;height:40%;opacity:.92;}
.vxn-figtag{position:absolute;left:13px;bottom:13px;z-index:2;display:inline-flex;align-items:center;gap:7px;
  padding:7px 13px;border-radius:999px;font-size:.76rem;font-weight:700;letter-spacing:.02em;color:#fff;
  background:rgba(11,8,24,.46);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
  border:1px solid rgba(255,255,255,.20);}
.vxn-ind-figure{aspect-ratio:4/3;margin-top:22px;}
.vxn-avatars{display:flex;align-items:center;}
.vxn-avatar{width:42px;height:42px;border-radius:50%;overflow:hidden;position:relative;flex:none;
  border:2px solid var(--vxn-panel);margin-left:-11px;
  background:linear-gradient(150deg,#7c3aed,#c084fc);box-shadow:0 2px 9px -2px rgba(76,29,149,.5);}
.vxn-avatar:first-child{margin-left:0;}
.vxn-avatar img{width:100%;height:100%;object-fit:cover;display:block;}
.vxn-avatar .vxn-ph{font-weight:800;font-size:.88rem;font-family:var(--vxn-font-display);}
.vxn-case-avatar{width:48px;height:48px;border-radius:50%;overflow:hidden;position:relative;flex:none;
  border:1px solid var(--vxn-glass-brd);background:linear-gradient(150deg,#7c3aed,#c084fc);}
.vxn-case-avatar img{width:100%;height:100%;object-fit:cover;display:block;}
.vxn-case-avatar .vxn-ph{font-weight:800;font-family:var(--vxn-font-display);}
.vxn-case-person{display:flex;align-items:center;gap:12px;margin-bottom:16px;}
.vxn-case-person .nm{font-family:var(--vxn-font-display);font-weight:700;font-size:.92rem;color:var(--vxn-ink);line-height:1.2;}
.vxn-case-person .rl{font-size:.8rem;color:var(--vxn-muted);}
.vxn-hero-proof{display:flex;align-items:center;gap:14px;margin-top:26px;flex-wrap:wrap;}
.vxn-hero-proof .txt{font-size:.86rem;color:var(--vxn-muted);max-width:24ch;line-height:1.45;}
.vxn-hero-proof .txt b{color:var(--vxn-ink-2);font-weight:700;}

/* ===================================================================
   NEW FOOTER  (.vxn-ft-*)
   =================================================================== */
.vxn-ft{position:relative;margin-top:96px;
  background:linear-gradient(180deg,var(--vxn-deep),var(--vxn-void));
  border-top:1px solid var(--vxn-line);}
.vxn-ft-cta{max-width:var(--vxn-shell);margin:0 auto;padding:58px 22px 8px;
  display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:26px;}
.vxn-ft-cta-copy h2{font-family:var(--vxn-font-display);font-weight:800;
  font-size:clamp(1.5rem,3vw,2.15rem);color:var(--vxn-ink);margin:0;letter-spacing:-.02em;
  max-width:20ch;line-height:1.12;}
.vxn-ft-cta-copy p{color:var(--vxn-muted);margin:10px 0 0;max-width:44ch;}
.vxn-ft-cta-btn{display:inline-flex;align-items:center;gap:9px;padding:15px 26px;border-radius:13px;
  font-weight:700;background:var(--vxn-grad-cta);color:var(--vxn-cta-ink);box-shadow:var(--vxn-glow-cta);
  white-space:nowrap;transition:transform .2s,box-shadow .2s;}
.vxn-ft-cta-btn:hover{transform:translateY(-2px);box-shadow:0 22px 50px -14px rgba(124,58,237,.6);}
.vxn-ft-grid{max-width:var(--vxn-shell);margin:34px auto 0;padding:42px 22px;
  display:grid;grid-template-columns:1.7fr 1fr 1fr 1fr;gap:32px;border-top:1px solid var(--vxn-line);}
.vxn-ft-brand p{color:var(--vxn-muted);font-size:.92rem;max-width:34ch;line-height:1.65;margin:14px 0 0;}
.vxn-ft-col h4{font-family:var(--vxn-font-display);font-size:.78rem;letter-spacing:.13em;
  text-transform:uppercase;color:var(--vxn-faint);margin:2px 0 14px;}
.vxn-ft-col a{display:block;color:var(--vxn-ink-2);font-size:.92rem;padding:7px 0;transition:color .2s;}
.vxn-ft-col a:hover{color:var(--vxn-blue);}
.vxn-ft-disc{max-width:var(--vxn-shell);margin:0 auto;padding:0 22px 26px;}
.vxn-ft-disc p{color:var(--vxn-faint);font-size:.78rem;line-height:1.65;
  border-top:1px dashed var(--vxn-line);padding-top:20px;margin:0;}
.vxn-ft-bottom{border-top:1px solid var(--vxn-line);}
.vxn-ft-bottom-in{max-width:var(--vxn-shell);margin:0 auto;padding:22px;
  display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;}
.vxn-ft-copy{color:var(--vxn-faint);font-size:.85rem;}
.vxn-ft-social{display:flex;gap:10px;}
.vxn-ft-social a{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;
  background:var(--vxn-glass-2);border:1px solid var(--vxn-glass-brd);color:var(--vxn-ink-2);
  transition:color .2s,border-color .2s,transform .2s;}
.vxn-ft-social a:hover{color:var(--vxn-blue);border-color:var(--vxn-blue);transform:translateY(-2px);}
.vxn-ft-social svg{width:18px;height:18px;}
@media (max-width:780px){.vxn-ft-grid{grid-template-columns:1fr 1fr;}.vxn-ft-brand{grid-column:1/-1;}}
@media (max-width:480px){.vxn-ft-grid{grid-template-columns:1fr;}}

.vxn-leak-money{margin-top:18px;padding:18px 20px;border-radius:16px;text-align:center;
  background:linear-gradient(160deg,rgba(244,63,94,.10),rgba(124,58,237,.06));
  border:1px solid var(--vxn-glass-brd);}
.vxn-leak-money .big{display:block;font-family:var(--vxn-font-display);font-weight:800;
  font-size:clamp(1.6rem,3vw,2.1rem);color:var(--vxn-red);letter-spacing:-.02em;}
.vxn-leak-money .sub{display:block;margin-top:6px;font-size:.84rem;color:var(--vxn-muted);line-height:1.5;}

/* ===================================================================
   ABOUT SECTION
   =================================================================== */
.vxn-about-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:46px;align-items:center;margin-top:42px;}
.vxn-about-figure{position:relative;border-radius:var(--vxn-r);overflow:hidden;
  border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);background:var(--vxn-panel-2);aspect-ratio:4/3;}
.vxn-about-figure img{width:100%;height:100%;object-fit:cover;display:block;}
.vxn-about-badge{position:absolute;left:16px;bottom:16px;z-index:2;display:flex;align-items:center;gap:12px;
  padding:12px 16px;border-radius:14px;background:rgba(11,8,24,.55);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
  border:1px solid rgba(255,255,255,.18);}
.vxn-about-badge .n{font-family:var(--vxn-font-display);font-weight:800;font-size:1.3rem;color:#fff;line-height:1;}
.vxn-about-badge .l{font-size:.74rem;color:rgba(255,255,255,.8);line-height:1.3;}
.vxn-about-lead{font-size:1.05rem;color:var(--vxn-ink-2);line-height:1.7;margin:18px 0 0;}
.vxn-about-lead b{color:var(--vxn-ink);font-weight:700;}
.vxn-about-points{display:grid;gap:14px;margin-top:24px;}
.vxn-about-point{display:flex;gap:13px;align-items:flex-start;}
.vxn-about-point .ic{width:34px;height:34px;flex:none;border-radius:10px;display:grid;place-items:center;
  background:linear-gradient(150deg,rgba(124,58,237,.16),rgba(192,132,252,.10));color:var(--vxn-blue);border:1px solid var(--vxn-glass-brd);}
.vxn-about-point .ic svg{width:18px;height:18px;}
.vxn-about-point h4{font-family:var(--vxn-font-display);font-weight:600;font-size:.98rem;color:var(--vxn-ink);margin:2px 0 3px;}
.vxn-about-point p{font-size:.88rem;color:var(--vxn-muted);line-height:1.55;margin:0;}
@media (max-width:820px){ .vxn-about-grid{grid-template-columns:1fr;gap:30px;} }
/* ===================================================================
   MEGA MENU
   =================================================================== */
.vxn-hd-mega-btn{background:transparent;border:0;font-family:inherit;cursor:pointer;display:inline-flex;align-items:center;gap:6px;}
.vxn-hd-chev{transition:transform .25s var(--vxn-ease);}
.vxn-hd-mega-btn[aria-expanded="true"]{color:var(--vxn-ink);}
.vxn-hd-mega-btn[aria-expanded="true"] .vxn-hd-chev{transform:rotate(180deg);}
.vxn-hd-mega{position:absolute;top:100%;left:0;right:0;z-index:99;
  background:var(--vxn-panel);
  border-top:1px solid var(--vxn-line);border-bottom:1px solid var(--vxn-glass-brd);
  box-shadow:0 36px 70px -34px rgba(76,29,149,.42);
  opacity:0;visibility:hidden;transform:translateY(-10px);pointer-events:none;
  transition:opacity .26s var(--vxn-ease),transform .26s var(--vxn-ease),visibility .26s;}
.vxn-hd-mega.is-open{opacity:1;visibility:visible;transform:none;pointer-events:auto;}
.vxn-hd-mega-in{max-width:var(--vxn-shell);margin:0 auto;padding:30px 22px 34px;
  display:grid;grid-template-columns:1.25fr 1fr 1.15fr;gap:30px;}
.vxn-hd-mega-col h4{font-family:var(--vxn-font-display);font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;
  color:var(--vxn-faint);margin:0 0 12px;padding-left:10px;}
.vxn-hd-mega-col a{display:flex;align-items:center;gap:12px;padding:10px;border-radius:12px;
  border:1px solid transparent;transition:background .18s,border-color .18s,transform .18s;}
.vxn-hd-mega-col a:hover{background:var(--vxn-glass-2);border-color:var(--vxn-glass-brd);transform:translateX(2px);}
.vxn-hd-mega-col a .ic{width:34px;height:34px;flex:none;border-radius:9px;display:grid;place-items:center;
  background:linear-gradient(150deg,rgba(124,58,237,.16),rgba(192,132,252,.10));color:var(--vxn-blue);border:1px solid var(--vxn-glass-brd);}
.vxn-hd-mega-col a .ic svg{width:18px;height:18px;}
.vxn-hd-mega-col a .tx b{display:block;font-family:var(--vxn-font-display);font-weight:600;font-size:.92rem;color:var(--vxn-ink);}
.vxn-hd-mega-col a .tx span{display:block;font-size:.78rem;color:var(--vxn-muted);margin-top:1px;}
.vxn-hd-mega-col:nth-child(2) a{padding:12px;}
.vxn-hd-mega-feature{background:linear-gradient(160deg,rgba(124,58,237,.10),rgba(192,132,252,.05));
  border:1px solid var(--vxn-glass-brd);border-radius:16px;padding:22px;display:flex;flex-direction:column;}
.vxn-hd-mega-feature h3{font-family:var(--vxn-font-display);font-weight:700;font-size:1.05rem;color:var(--vxn-ink);
  margin:10px 0 8px;line-height:1.25;letter-spacing:-.01em;}
.vxn-hd-mega-feature p{color:var(--vxn-muted);font-size:.86rem;line-height:1.55;margin:0 0 16px;}
.vxn-hd-mega-cta{margin-top:auto;align-self:flex-start;display:inline-flex;align-items:center;gap:8px;
  padding:11px 18px;border-radius:11px;font-weight:700;font-size:.86rem;background:var(--vxn-grad-cta);color:var(--vxn-cta-ink);box-shadow:var(--vxn-glow-cta);}
@media (max-width:860px){ .vxn-hd-mega{display:none !important;} }
@media (prefers-reduced-motion:reduce){ .vxn-hd-mega,.vxn-hd-chev{transition:none !important;} }

/* ===================================================================
   HERO v3 — particles.js network + centered creative layout
   =================================================================== */
.vxn-hero{position:relative;overflow:hidden;min-height:clamp(580px,88vh,880px);
  display:flex;align-items:center;padding-top:48px;padding-bottom:56px;}
#vxn-particles{position:absolute;inset:0;z-index:0;}
#vxn-particles canvas{display:block !important;}
.vxn-hero-glow{position:absolute;inset:0;z-index:0;pointer-events:none;background:
  radial-gradient(640px 440px at 50% 30%, rgba(124,58,237,.16), transparent 70%),
  radial-gradient(520px 380px at 84% 72%, rgba(192,132,252,.12), transparent 70%),
  radial-gradient(480px 360px at 12% 78%, rgba(168,85,247,.10), transparent 70%);}
.vxn-hero .vxn-shell{position:relative;z-index:2;}
.vxn-hero-center{max-width:900px;margin:0 auto;text-align:center;display:flex;flex-direction:column;align-items:center;}
.vxn-hero-center .vxn-h1{margin:16px auto 0;}
.vxn-hero-center .vxn-lead{margin:20px auto 0;text-align:center;}
.vxn-hero-center .vxn-hero-cta{justify-content:center;margin-top:30px;display:flex;gap:14px;flex-wrap:wrap;}
.vxn-hero-center .vxn-hero-proof{justify-content:center;margin-top:28px;}
.vxn-hero-metrics{margin-top:40px;padding:6px;border-radius:18px;width:100%;max-width:800px;}
.vxn-hero-metrics .cap{text-align:center;font-size:.82rem;font-weight:700;color:var(--vxn-red);
  padding:12px 16px 11px;line-height:1.4;}
.vxn-hm-row{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--vxn-line);}
.vxn-hm-row .cell{padding:16px 14px 18px;text-align:center;position:relative;}
.vxn-hm-row .cell + .cell::before{content:"";position:absolute;left:0;top:22%;bottom:22%;width:1px;background:var(--vxn-line);}
.vxn-hm-row .v{font-family:var(--vxn-font-display);font-weight:800;font-size:clamp(1.35rem,2.5vw,1.9rem);color:var(--vxn-ink);letter-spacing:-.02em;}
.vxn-hm-row .v.g{color:var(--vxn-green);}
.vxn-hm-row .v.c{color:var(--vxn-blue);}
.vxn-hm-row .k{font-size:.74rem;color:var(--vxn-muted);margin-top:5px;letter-spacing:.01em;line-height:1.3;}
@media (max-width:620px){
  .vxn-hm-row{grid-template-columns:repeat(2,1fr);}
  .vxn-hm-row .cell:nth-child(3)::before{display:none;}
}
@media (prefers-reduced-motion:reduce){
  .vxn-hd,.vxn-hd-bar,.vxn-hd-mobile,.vxn-hd-link::after,.vxn-hd-cta,.vxn-hd-toggle,
  .vxn-ft-cta-btn,.vxn-ft-social a,.vxn-about-point{transition:none !important;}
}
/* ----- hero text glow + typewriter caret + lead highlight ----- */
.vxn-hero-center .vxn-h1{text-shadow:0 0 38px rgba(124,58,237,.14);}
.vxn-hero-break{display:block;margin-top:.08em;}
:root[data-theme="dark"] .vxn-hero-center .vxn-h1{text-shadow:0 0 48px rgba(124,58,237,.45);}
.vxn-hero-center .vxn-grad-txt{text-shadow:none;
  filter:drop-shadow(0 0 14px rgba(124,58,237,.45)) drop-shadow(0 0 28px rgba(192,132,252,.30));}
.vxn-hl{color:var(--vxn-blue);}
:root[data-theme="dark"] .vxn-hl{color:var(--vxn-cyan);}
.vxn-hero-center .vxn-lead strong{color:var(--vxn-blue);font-weight:700;}
:root[data-theme="dark"] .vxn-hero-center .vxn-lead strong{color:var(--vxn-cyan);}
.vxn-caret{display:inline-block;width:3px;height:.92em;margin-left:5px;vertical-align:-1px;border-radius:2px;
  background:linear-gradient(180deg,#7c3aed,#c084fc);box-shadow:0 0 12px rgba(124,58,237,.75);
  animation:vxn-blink 1.05s steps(1) infinite;}
@keyframes vxn-blink{0%,50%{opacity:1}50.01%,100%{opacity:0}}
@media (prefers-reduced-motion:reduce){ .vxn-caret{animation:none;display:none;} }
/* ----- section 2 : animated funnel (flowing leads + happy booked) ----- */
.vxn-funnel-anim{width:100%;max-width:330px;display:block;margin:0 auto;overflow:visible;}
.vxn-flow{fill:#a855f7;animation:vxn-pflow 2.7s linear infinite;}
.vxn-flow.f1{animation-delay:0s;}
.vxn-flow.f2{animation-delay:.45s;}
.vxn-flow.f3{animation-delay:.95s;}
.vxn-flow.f4{animation-delay:1.4s;}
.vxn-flow.f5{animation-delay:1.85s;}
.vxn-flow.f6{animation-delay:2.3s;}
@keyframes vxn-pflow{
  0%{transform:translateY(0);opacity:0;}
  10%{opacity:1;}
  86%{opacity:.95;}
  100%{transform:translateY(262px);opacity:0;}
}
.vxn-leak{fill:#f43f5e;}
.vxn-leak.l1,.vxn-leak.l2,.vxn-leak.l3{animation:vxn-leakL 2.7s ease-in infinite;}
.vxn-leak.r1,.vxn-leak.r2,.vxn-leak.r3{animation:vxn-leakR 2.7s ease-in infinite;}
.vxn-leak.l1{animation-delay:.3s;}
.vxn-leak.r1{animation-delay:.9s;}
.vxn-leak.r2{animation-delay:.6s;}
.vxn-leak.l2{animation-delay:1.5s;}
.vxn-leak.r3{animation-delay:1.2s;}
.vxn-leak.l3{animation-delay:2s;}
@keyframes vxn-leakL{0%{transform:translate(0,0);opacity:0;}20%{opacity:.9;}100%{transform:translate(-30px,18px);opacity:0;}}
@keyframes vxn-leakR{0%{transform:translate(0,0);opacity:0;}20%{opacity:.9;}100%{transform:translate(30px,18px);opacity:0;}}
.vxn-joy-glow{transform-box:fill-box;transform-origin:center;animation:vxn-joy-pulse 2.4s ease-in-out infinite;}
@keyframes vxn-joy-pulse{0%,100%{transform:scale(.9);opacity:.45;}50%{transform:scale(1.14);opacity:.82;}}
.vxn-joy-face{transform-box:fill-box;transform-origin:center;animation:vxn-joy-bob 2.4s ease-in-out infinite;}
@keyframes vxn-joy-bob{0%,100%{transform:translateY(0) scale(1);}50%{transform:translateY(-2px) scale(1.05);}}
.vxn-spark{transform-box:fill-box;transform-origin:center;animation:vxn-twinkle 1.9s ease-in-out infinite;}
.vxn-spark.s2{animation-delay:.6s;}
.vxn-spark.s3{animation-delay:1.15s;}
@keyframes vxn-twinkle{0%,100%{opacity:.15;transform:scale(.6);}50%{opacity:1;transform:scale(1.1);}}
@media (prefers-reduced-motion:reduce){
  .vxn-flow,.vxn-leak,.vxn-spark{display:none;}
  .vxn-joy-glow,.vxn-joy-face{animation:none;}
}
/* ----- section 3 : Method phases (image-rich, alternating) ----- */
.vxn-phases{display:flex;flex-direction:column;gap:40px;margin-top:48px;}
.vxn-phase{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center;}
.vxn-phase:nth-child(even) .vxn-phase-figure{order:2;}
.vxn-phase-figure{position:relative;border-radius:var(--vxn-r);overflow:hidden;aspect-ratio:4/3;
  border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);background:var(--vxn-panel-2);}
.vxn-phase-figure img{width:100%;height:100%;object-fit:cover;display:block;}
.vxn-phase-badge{position:absolute;left:14px;top:14px;z-index:2;
  font-family:var(--vxn-font-display);font-weight:800;font-size:1.05rem;color:#fff;
  width:46px;height:46px;display:grid;place-items:center;border-radius:13px;
  background:linear-gradient(150deg,rgba(124,58,237,.94),rgba(168,85,247,.94));
  border:1px solid rgba(255,255,255,.25);box-shadow:0 8px 22px -8px rgba(76,29,149,.6);}
.vxn-phase-tag{display:inline-block;font-family:var(--vxn-font-display);font-size:.76rem;font-weight:700;
  letter-spacing:.08em;text-transform:uppercase;color:var(--vxn-blue);
  padding:6px 12px;border-radius:999px;background:rgba(124,58,237,.10);
  border:1px solid var(--vxn-glass-brd);margin-bottom:14px;}
.vxn-phase-body h3{margin:0 0 10px;}
.vxn-phase-body > p{color:var(--vxn-ink-2);font-size:1rem;line-height:1.6;margin:0;}
.vxn-phase-steps{list-style:none;padding:0;margin:20px 0 0;display:grid;gap:12px;}
.vxn-phase-steps li{display:flex;gap:14px;align-items:flex-start;padding:11px 14px;border-radius:12px;
  background:var(--vxn-glass-2);border:1px solid var(--vxn-glass-brd);
  transition:transform .25s var(--vxn-ease),border-color .25s;}
.vxn-phase-steps li:hover{transform:translateX(3px);border-color:var(--vxn-blue);}
.vxn-phase-steps .n{font-family:var(--vxn-font-mono);font-weight:700;color:var(--vxn-blue);font-size:.9rem;
  width:24px;flex:none;padding-top:2px;}
.vxn-phase-steps b{display:block;font-family:var(--vxn-font-display);font-weight:600;color:var(--vxn-ink);font-size:.96rem;}
.vxn-phase-steps .d{display:block;font-size:.85rem;color:var(--vxn-muted);line-height:1.5;margin-top:2px;}
@media (max-width:840px){
  .vxn-phase{grid-template-columns:1fr;gap:22px;}
  .vxn-phase .vxn-phase-figure,
  .vxn-phase:nth-child(even) .vxn-phase-figure{order:-1;}
}
@media (prefers-reduced-motion:reduce){ .vxn-phase-steps li{transition:none;} }
/* ----- section 2 : parallax + falling background ----- */
.vxn-sec2{position:relative;overflow:hidden;}
.vxn-sec2 > .vxn-shell{position:relative;z-index:1;}
.vxn-sec2-bg{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden;}
.vxn-p-layer{position:absolute;inset:-12% 0;will-change:transform;}
.vxn-blob{position:absolute;border-radius:50%;filter:blur(60px);opacity:.55;}
.vxn-blob.b1{width:46vw;max-width:560px;aspect-ratio:1;left:-8%;top:6%;
  background:radial-gradient(circle,rgba(124,58,237,.18),transparent 70%);}
.vxn-blob.b2{width:40vw;max-width:480px;aspect-ratio:1;right:-6%;bottom:0%;
  background:radial-gradient(circle,rgba(192,132,252,.15),transparent 70%);}
.vxn-p-mid{background-image:
   linear-gradient(rgba(var(--ln),.05) 1px,transparent 1px),
   linear-gradient(90deg,rgba(var(--ln),.05) 1px,transparent 1px);
  background-size:46px 46px;
  -webkit-mask-image:radial-gradient(ellipse at 50% 38%,#000 32%,transparent 78%);
  mask-image:radial-gradient(ellipse at 50% 38%,#000 32%,transparent 78%);}
.vxn-fall{position:absolute;top:-8%;width:var(--s,5px);height:var(--s,5px);border-radius:50%;
  background:var(--c,#a855f7);box-shadow:0 0 8px rgba(168,85,247,.5);opacity:0;
  animation:vxn-fall var(--dur,10s) linear var(--d,0s) infinite;}
.vxn-fall-red{--c:#f43f5e;box-shadow:0 0 8px rgba(244,63,94,.5);}
@keyframes vxn-fall{
  0%{transform:translate3d(0,0,0);opacity:0;}
  8%{opacity:.85;}
  88%{opacity:.5;}
  100%{transform:translate3d(var(--x,0),132vh,0);opacity:0;}
}
@media (prefers-reduced-motion:reduce){
  .vxn-fall{display:none;}
  .vxn-p-layer{transform:none !important;}
}

/* ----- section 3 (Method) : image-backed parallax ----- */
.vxn-parallax-host{position:relative;overflow:hidden;}
.vxn-parallax-host > .vxn-shell{position:relative;z-index:1;}
.vxn-m3-bg{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden;}
.vxn-m3-img{background:
    radial-gradient(45% 55% at 12% 8%, rgba(124,58,237,.14), transparent 68%),
    radial-gradient(45% 55% at 88% 12%, rgba(192,132,252,.12), transparent 68%),
    radial-gradient(62% 60% at 50% 100%, rgba(139,92,246,.10), transparent 72%);}
:root[data-theme="dark"] .vxn-m3-img{filter:brightness(1.25);}
/* ----- strategy board : connected colour-tile redesign ----- */
.vxn-board::before{background:
  linear-gradient(rgba(var(--ln),.045) 1px,transparent 1px),
  linear-gradient(90deg,rgba(var(--ln),.045) 1px,transparent 1px);
  background-size:16.66% 16.66%;opacity:.7;}
.vxn-board-net{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none;}
.vxn-board-net .net-flow polyline{animation:vxn-netflow 1.6s linear infinite;}
@keyframes vxn-netflow{to{stroke-dashoffset:-16;}}
.vxn-piece-disc{border-radius:18px;
  background:radial-gradient(circle at 32% 26%,rgba(255,255,255,.42),transparent 54%),var(--pc,#a855f7);
  border:1px solid rgba(255,255,255,.34);
  box-shadow:0 12px 26px -10px var(--pc,rgba(168,85,247,.6)),inset 0 -7px 16px rgba(0,0,0,.2),inset 0 1px 1px rgba(255,255,255,.5);}
.vxn-piece-disc svg{color:#fff;}
.vxn-piece-lbl{color:#fff;opacity:.96;}
.vxn-piece-glow{opacity:.55;filter:blur(11px);inset:-28%;}

/* ----- industries : focus split + vertical journey + specialties (redesigned) ----- */
.vxn-ind2-grid{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:stretch;margin-top:46px;}
.vxn-ind2-figure{position:relative;border-radius:var(--vxn-r);overflow:hidden;min-height:430px;
  border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);background:var(--vxn-panel-2);}
.vxn-ind2-figure img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;}
.vxn-ind2-badge{position:absolute;z-index:2;display:inline-flex;align-items:center;gap:8px;
  font-family:var(--vxn-font-display);font-weight:600;font-size:.78rem;color:#fff;
  padding:8px 13px;border-radius:999px;background:rgba(20,12,40,.55);
  backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.22);}
.vxn-ind2-badge.top{left:16px;top:16px;}
.vxn-ind2-badge.bot{left:16px;bottom:16px;font-family:var(--vxn-font-mono);font-size:.72rem;font-weight:500;}
.vxn-ind2-journey{display:flex;flex-direction:column;justify-content:center;}
.vxn-vjourney{list-style:none;margin:22px 0 0;padding:0;position:relative;}
.vxn-vjourney::before{content:"";position:absolute;left:23px;top:23px;bottom:23px;width:2px;background:var(--vxn-line);}
.vxn-vjourney::after{content:"";position:absolute;left:23px;top:23px;bottom:23px;width:2px;
  background:linear-gradient(180deg,var(--ac1),var(--ac2),var(--ac1));background-size:100% 220%;
  opacity:.75;animation:vxn-vrail 3s linear infinite;}
@keyframes vxn-vrail{to{background-position:0 -220%;}}
.vxn-vstep{position:relative;display:flex;gap:16px;align-items:flex-start;padding-bottom:24px;}
.vxn-vstep:last-child{padding-bottom:0;}
.vxn-vstep .vxn-jdot{flex:none;position:relative;z-index:1;}
.vxn-vtxt{padding-top:5px;}
.vxn-vtxt b{display:block;font-family:var(--vxn-font-display);font-weight:600;color:var(--vxn-ink);font-size:1rem;}
.vxn-vtxt .s{font-family:var(--vxn-font-mono);font-size:.66rem;letter-spacing:.05em;text-transform:uppercase;color:var(--vxn-faint);}
.vxn-spec-head{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;margin:50px 0 18px;}
.vxn-spec-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:14px;}
.vxn-spec{position:relative;display:flex;gap:15px;align-items:flex-start;padding:16px 18px 16px 20px;border-radius:14px;
  overflow:hidden;background:var(--vxn-glass-2);border:1px solid var(--vxn-glass-brd);
  transition:transform .3s var(--vxn-ease),border-color .3s;}
.vxn-spec::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;
  background:linear-gradient(180deg,var(--vxn-blue),var(--vxn-cyan));opacity:0;transition:opacity .3s;}
.vxn-spec:hover{transform:translateY(-4px);border-color:var(--vxn-blue);}
.vxn-spec:hover::before{opacity:1;}
.vxn-spec .ic{width:42px;height:42px;border-radius:11px;flex:none;display:grid;place-items:center;
  background:rgba(124,58,237,.1);color:var(--vxn-blue);}
.vxn-spec .ic svg{width:22px;height:22px;}
.vxn-spec h4{margin:0 0 4px;font-family:var(--vxn-font-display);font-size:1rem;color:var(--vxn-ink);}
.vxn-spec p{margin:0;font-size:.85rem;color:var(--vxn-muted);line-height:1.5;}
@media (max-width:840px){
  .vxn-ind2-grid{grid-template-columns:1fr;gap:24px;}
  .vxn-ind2-figure{min-height:300px;}
}
@media (prefers-reduced-motion:reduce){
  .vxn-board-net .net-flow polyline{animation:none;}
  .vxn-vjourney::after{animation:none;}
}
/* ----- website before/after : detailed site mockups ----- */
.vxn-ba-layer{padding:0;}
.vxn-ba-after{background:linear-gradient(180deg,#ffffff,#f7f4ff);}
.vxn-ba-before{background:linear-gradient(180deg,#e9ebef,#dfe2e8);clip-path:inset(0 calc(100% - var(--pos)) 0 0);}
.vxn-ba-handle{background:var(--vxn-blue);box-shadow:0 0 14px rgba(124,58,237,.6);}
.vxn-ba-knob{background:#fff;border-color:var(--vxn-blue);}
.vxn-ba-knob svg{color:var(--vxn-blue);}
.vxn-st{position:absolute;inset:0;display:flex;flex-direction:column;overflow:hidden;}
.vxn-st-nav{display:flex;align-items:center;justify-content:space-between;padding:9px 13px;border-bottom:1px solid rgba(27,18,51,.08);background:rgba(255,255,255,.6);}
.vxn-st-logo{display:flex;align-items:center;gap:6px;font-family:var(--vxn-font-display);font-weight:800;font-size:.64rem;color:#1b1233;white-space:nowrap;}
.vxn-st-logo i{width:14px;height:14px;border-radius:5px;background:linear-gradient(135deg,#7c3aed,#c084fc);flex:none;}
.vxn-st-links{display:flex;gap:8px;}
.vxn-st-links b{width:22px;height:5px;border-radius:3px;background:rgba(27,18,51,.16);}
.vxn-st-btn{font-family:var(--vxn-font-display);font-size:.6rem;font-weight:700;color:#fff;background:linear-gradient(135deg,#7c3aed,#a855f7);border-radius:7px;padding:5px 12px;white-space:nowrap;}
.vxn-st-hero{flex:1;display:flex;gap:13px;padding:15px 13px;align-items:center;}
.vxn-st-htext{flex:1.25;display:flex;flex-direction:column;gap:7px;min-width:0;}
.vxn-st-h1{font-family:var(--vxn-font-display);font-weight:800;font-size:.96rem;line-height:1.12;color:#1b1233;}
.vxn-st-sub{height:6px;border-radius:3px;background:rgba(27,18,51,.12);width:92%;}
.vxn-st-sub.s{width:64%;}
.vxn-st-ctarow{display:flex;align-items:center;gap:8px;margin-top:5px;flex-wrap:wrap;}
.vxn-st-cta{font-family:var(--vxn-font-display);font-size:.64rem;font-weight:700;color:#fff;background:linear-gradient(135deg,#7c3aed,#a855f7);border-radius:8px;padding:7px 14px;box-shadow:0 7px 16px -6px rgba(124,58,237,.6);white-space:nowrap;}
.vxn-st-call{display:inline-flex;align-items:center;gap:5px;font-family:var(--vxn-font-display);font-size:.6rem;font-weight:700;color:#7c3aed;border:1px solid rgba(124,58,237,.32);border-radius:8px;padding:6px 10px;white-space:nowrap;}
.vxn-st-call svg{width:11px;height:11px;}
.vxn-st-stars{display:flex;align-items:center;gap:6px;font-size:.72rem;color:#f59e0b;margin-top:2px;letter-spacing:1px;}
.vxn-st-stars span{color:#675d86;font-family:var(--vxn-font-mono);font-size:.56rem;letter-spacing:0;}
.vxn-st-himg{flex:.85;align-self:stretch;border-radius:10px;min-height:74px;position:relative;overflow:hidden;
  background:linear-gradient(150deg,#a855f7,#7c3aed);box-shadow:0 8px 20px -8px rgba(124,58,237,.55);}
.vxn-st-himg::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 70% 28%,rgba(255,255,255,.4),transparent 58%);}
.vxn-st-trust{display:flex;gap:7px;padding:0 13px 13px;}
.vxn-st-trust span{flex:1;height:15px;border-radius:5px;background:rgba(16,185,129,.16);border:1px solid rgba(16,185,129,.2);}
/* dated / bad site */
.vxn-st-nav.bad{padding:8px 11px;border-bottom:1px solid rgba(51,65,90,.14);background:#eceef2;}
.vxn-st-logo.bad{font-family:var(--vxn-font-body);font-weight:700;font-size:.6rem;color:#3a4a63;}
.vxn-st-links.bad{gap:6px;}
.vxn-st-links.bad b{width:15px;height:4px;background:rgba(58,74,99,.4);}
.vxn-st-body{flex:1;padding:13px 13px 12px;display:flex;flex-direction:column;gap:6px;}
.vxn-st-bh{font-family:var(--vxn-font-body);font-weight:700;font-size:.66rem;color:#46586f;margin-bottom:3px;}
.vxn-st-txt{height:5px;border-radius:2px;background:rgba(58,74,99,.2);width:100%;}
.vxn-st-txt.s{width:72%;}
.vxn-st-submit{margin-top:7px;align-self:flex-start;font-family:var(--vxn-font-body);font-size:.6rem;font-weight:600;color:#5b6b85;background:#d2d7df;border:1px solid #c0c6d0;border-radius:5px;padding:6px 13px;}
@media (prefers-reduced-motion:reduce){}
/* ===== gradient touch-ups ===== */
.vxn-divider{border:none;height:1px;background:linear-gradient(90deg,transparent,rgba(124,58,237,.28),rgba(192,132,252,.30),transparent);}

/* ===== footer : interactive + gradients ===== */
.vxn-ft{overflow:hidden;}
.vxn-ft::before{content:"";position:absolute;top:0;left:0;right:0;height:2px;z-index:2;
  background:linear-gradient(90deg,transparent,#7c3aed,#a855f7,#c084fc,#a855f7,#7c3aed,transparent);background-size:200% 100%;
  animation:vxn-ftline 6s linear infinite;}
@keyframes vxn-ftline{to{background-position:200% 0;}}
.vxn-ft-glow{position:absolute;top:-60px;left:50%;width:78%;max-width:880px;height:320px;pointer-events:none;z-index:0;
  transform:translateX(-50%);background:radial-gradient(ellipse at center,rgba(124,58,237,.18),transparent 70%);
  animation:vxn-ftglow 7s ease-in-out infinite;}
@keyframes vxn-ftglow{0%,100%{opacity:.55;transform:translateX(-50%) scale(1);}50%{opacity:1;transform:translateX(-50%) scale(1.08);}}
.vxn-ft-cta,.vxn-ft-grid,.vxn-ft-disc,.vxn-ft-bottom{position:relative;z-index:1;}
.vxn-ft-cta-btn{position:relative;overflow:hidden;}
.vxn-ft-cta-btn::after{content:"";position:absolute;top:0;left:-65%;width:42%;height:100%;transform:skewX(-18deg);
  background:linear-gradient(105deg,transparent,rgba(255,255,255,.4),transparent);animation:vxn-shimmer 3.6s ease-in-out infinite;}
@keyframes vxn-shimmer{0%,70%{left:-65%;}100%{left:135%;}}
.vxn-ft-cta-btn > svg{position:relative;z-index:1;transition:transform .25s var(--vxn-ease);}
.vxn-ft-cta-btn:hover > svg{transform:translateX(4px);}
.vxn-ft-col a{position:relative;transition:color .22s,padding-left .22s;}
.vxn-ft-col a::before{content:"";position:absolute;left:0;top:50%;width:9px;height:2px;border-radius:2px;
  transform:translateY(-50%) scaleX(0);transform-origin:left;background:linear-gradient(90deg,#7c3aed,#c084fc);transition:transform .22s;}
.vxn-ft-col a:hover{color:var(--vxn-blue);padding-left:15px;}
.vxn-ft-col a:hover::before{transform:translateY(-50%) scaleX(1);}
.vxn-ft-social a{position:relative;overflow:hidden;
  transition:color .2s,border-color .2s,transform .25s var(--vxn-ease),box-shadow .25s;}
.vxn-ft-social a > svg{position:relative;z-index:1;}
.vxn-ft-social a::before{content:"";position:absolute;inset:0;opacity:0;transition:opacity .25s;
  background:linear-gradient(135deg,#7c3aed,#a855f7);}
.vxn-ft-social a:hover{color:#fff;border-color:transparent;transform:translateY(-3px);box-shadow:0 10px 24px -8px rgba(124,58,237,.55);}
.vxn-ft-social a:hover::before{opacity:1;}
.vxn-ft-brand .vxn-hd-mark{filter:drop-shadow(0 0 10px rgba(124,58,237,.4));}

/* ===== FOMO single-quote rotator (below footer) ===== */
.vxn-fomo{position:relative;overflow:hidden;padding:26px 22px;display:flex;justify-content:center;
  background:linear-gradient(90deg,#6d28d9,#7c3aed,#a855f7,#7c3aed,#6d28d9);background-size:220% 100%;
  animation:vxn-fomobg 14s ease infinite;}
@keyframes vxn-fomobg{0%,100%{background-position:0% 0;}50%{background-position:100% 0;}}
.vxn-fomo-stage{position:relative;width:100%;max-width:var(--vxn-shell);min-height:30px;}
.vxn-fomo-q{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:0;text-align:center;
  font-family:var(--vxn-font-display);font-weight:600;font-size:clamp(.95rem,2vw,1.18rem);color:#fff;padding:0 8px;
  opacity:0;transform:translateY(14px);transition:opacity .55s var(--vxn-ease),transform .55s var(--vxn-ease);}
.vxn-fomo-q.is-on{opacity:1;transform:translateY(0);}
.vxn-fomo-q.is-out{opacity:0;transform:translateY(-14px);}
@media (prefers-reduced-motion:reduce){.vxn-fomo{animation:none;}.vxn-fomo-q{transition:none;}}

/* ===== floating action buttons : WhatsApp + Get in touch ===== */
.vxn-fab{position:fixed;right:22px;bottom:24px;z-index:85;display:flex;flex-direction:column;gap:13px;align-items:flex-end;}
.vxn-fab a{position:relative;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;
  box-shadow:0 12px 30px -8px rgba(0,0,0,.32);transition:transform .25s var(--vxn-ease),box-shadow .25s;}
.vxn-fab a:hover{transform:translateY(-3px) scale(1.04);}
.vxn-fab-wa{width:56px;height:56px;border-radius:50%;background:linear-gradient(145deg,#25d366,#0e9f6e);color:#fff;}
.vxn-fab-wa svg{width:30px;height:30px;}
.vxn-fab-wa:hover{box-shadow:0 16px 36px -8px rgba(37,211,102,.6);}
.vxn-fab-wa::after{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid #25d366;
  animation:vxn-fabpulse 2.6s ease-out infinite;}
@keyframes vxn-fabpulse{0%{transform:scale(1);opacity:.7;}100%{transform:scale(1.55);opacity:0;}}
.vxn-fab-gt{gap:9px;padding:0 20px;height:56px;border-radius:30px;color:#fff;
  background:linear-gradient(135deg,#7c3aed,#a855f7,#c084fc);background-size:170% 170%;
  font-family:var(--vxn-font-display);font-weight:700;font-size:.92rem;animation:vxn-fabgrad 5s ease infinite;}
.vxn-fab-gt svg{width:20px;height:20px;}
.vxn-fab-gt:hover{box-shadow:0 16px 36px -8px rgba(124,58,237,.6);}
@keyframes vxn-fabgrad{0%,100%{background-position:0% 50%;}50%{background-position:100% 50%;}}
@media (max-width:780px){
  .vxn-fab{right:16px;bottom:82px;}
  .vxn-fab-gt span{display:none;}
  .vxn-fab-gt{width:56px;padding:0;border-radius:50%;}
}
@media (prefers-reduced-motion:reduce){
  .vxn-ft::before,.vxn-ft-glow,.vxn-ft-cta-btn::after,.vxn-fomo-track,.vxn-fab-gt{animation:none;}
  .vxn-fab-wa::after{display:none;}
  .vxn-fomo-track{flex-wrap:wrap;justify-content:center;}
}
/* ===== footer newsletter ===== */
.vxn-news{margin-top:24px;max-width:350px;}
.vxn-news-label{display:block;font-family:var(--vxn-font-display);font-weight:700;font-size:.96rem;color:var(--vxn-ink);}
.vxn-news-sub{color:var(--vxn-muted);font-size:.84rem;line-height:1.5;margin:6px 0 12px;}
.vxn-news-row{display:flex;gap:8px;padding:5px;border-radius:13px;background:var(--vxn-glass-2);
  border:1px solid var(--vxn-glass-brd);transition:border-color .2s,box-shadow .2s;}
.vxn-news-row:focus-within{border-color:var(--vxn-blue);box-shadow:0 0 0 3px rgba(124,58,237,.13);}
.vxn-news-row input{flex:1;min-width:0;background:transparent;border:none;outline:none;
  font-family:var(--vxn-font-body);font-size:.9rem;color:var(--vxn-ink);padding:8px 10px;}
.vxn-news-row input::placeholder{color:var(--vxn-faint);}
.vxn-news-row button{flex:none;width:44px;border:none;cursor:pointer;border-radius:9px;color:#fff;display:grid;place-items:center;
  background:linear-gradient(135deg,#7c3aed,#a855f7);transition:transform .2s,box-shadow .2s;}
.vxn-news-row button:hover{transform:translateY(-1px);box-shadow:0 8px 20px -6px rgba(124,58,237,.6);}
.vxn-news-row button svg{width:17px;height:17px;}
.vxn-news-msg{display:inline-flex;align-items:center;gap:6px;margin-top:11px;font-size:.82rem;font-weight:600;color:var(--vxn-green);}

/* ===== floating button : works as <button> too ===== */
.vxn-fab button{position:relative;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;border:none;
  box-shadow:0 12px 30px -8px rgba(0,0,0,.32);transition:transform .25s var(--vxn-ease),box-shadow .25s;}
.vxn-fab button:hover{transform:translateY(-3px) scale(1.04);}

/* ===== audit modal ===== */
.vxn-modal{position:fixed;inset:0;z-index:120;display:flex;align-items:center;justify-content:center;padding:20px;
  opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s;}
.vxn-modal.is-open{opacity:1;visibility:visible;}
.vxn-modal-backdrop{position:absolute;inset:0;background:rgba(10,6,22,.6);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);}
.vxn-modal-card{position:relative;z-index:1;width:100%;max-width:460px;max-height:90vh;overflow:auto;
  background:var(--vxn-panel);border:1px solid var(--vxn-glass-brd);border-radius:20px;padding:30px 28px 28px;
  box-shadow:0 40px 90px -20px rgba(0,0,0,.5);transform:translateY(16px) scale(.98);transition:transform .35s var(--vxn-ease);}
.vxn-modal.is-open .vxn-modal-card{transform:none;}
.vxn-modal-card::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;border-radius:20px 20px 0 0;
  background:linear-gradient(90deg,#7c3aed,#a855f7,#c084fc);}
.vxn-modal-x{position:absolute;top:14px;right:14px;width:34px;height:34px;border-radius:9px;border:1px solid var(--vxn-glass-brd);
  background:var(--vxn-glass-2);color:var(--vxn-muted);display:grid;place-items:center;cursor:pointer;transition:color .2s,border-color .2s;}
.vxn-modal-x:hover{color:var(--vxn-ink);border-color:var(--vxn-blue);}
.vxn-modal-x svg{width:16px;height:16px;}
.vxn-modal-head h3{font-family:var(--vxn-font-display);font-weight:800;font-size:1.42rem;color:var(--vxn-ink);margin:9px 0 8px;letter-spacing:-.02em;}
.vxn-modal-head p{color:var(--vxn-muted);font-size:.92rem;line-height:1.55;margin:0 0 20px;}
.vxn-audit-form{display:flex;flex-direction:column;gap:13px;}
.vxn-audit-form label{display:flex;flex-direction:column;gap:6px;font-family:var(--vxn-font-display);font-weight:600;font-size:.78rem;color:var(--vxn-ink-2);}
.vxn-field-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px;}
.vxn-audit-form input{font-family:var(--vxn-font-body);font-size:.92rem;color:var(--vxn-ink);
  background:var(--vxn-glass-2);border:1px solid var(--vxn-glass-brd);border-radius:10px;padding:11px 13px;transition:border-color .2s,box-shadow .2s;}
.vxn-audit-form input::placeholder{color:var(--vxn-faint);}
.vxn-audit-form input:focus{outline:none;border-color:var(--vxn-blue);box-shadow:0 0 0 3px rgba(124,58,237,.15);}
.vxn-audit-note{font-size:.8rem;color:var(--vxn-muted);line-height:1.5;margin:2px 0 4px;padding:10px 12px;border-radius:10px;
  background:rgba(124,58,237,.06);border:1px solid var(--vxn-glass-brd);transition:background .25s,border-color .25s,color .25s;}
.vxn-audit-note a{color:var(--vxn-blue);font-weight:600;}
.vxn-audit-note.is-warn{background:rgba(244,63,94,.1);border-color:rgba(244,63,94,.45);color:var(--vxn-ink-2);}
.vxn-audit-submit{margin-top:4px;display:inline-flex;align-items:center;justify-content:center;gap:9px;
  font-family:var(--vxn-font-display);font-weight:700;font-size:.95rem;color:#fff;border:none;cursor:pointer;
  background:linear-gradient(135deg,#7c3aed,#a855f7,#c084fc);background-size:170% 170%;border-radius:12px;padding:14px;
  box-shadow:0 14px 30px -10px rgba(124,58,237,.6);transition:transform .2s,box-shadow .2s,background-position .45s;}
.vxn-audit-submit:hover{transform:translateY(-2px);background-position:100% 50%;box-shadow:0 18px 38px -10px rgba(124,58,237,.7);}
.vxn-audit-submit svg{width:17px;height:17px;}
.vxn-audit-done{text-align:center;padding:14px 0 6px;}
.vxn-audit-done .ok{width:58px;height:58px;border-radius:50%;margin:0 auto 16px;display:grid;place-items:center;color:#fff;
  background:linear-gradient(135deg,#10b981,#34d399);box-shadow:0 12px 28px -8px rgba(16,185,129,.6);}
.vxn-audit-done .ok svg{width:28px;height:28px;}
.vxn-audit-done h4{font-family:var(--vxn-font-display);font-weight:700;font-size:1.2rem;color:var(--vxn-ink);margin:0 0 8px;}
.vxn-audit-done p{color:var(--vxn-muted);font-size:.92rem;line-height:1.55;margin:0;}
.vxn-audit-done #vxn-audit-url{color:var(--vxn-blue);font-weight:600;word-break:break-all;}
@media (max-width:480px){.vxn-field-grid{grid-template-columns:1fr;}}

/* ===== PAID ACQUISITION PAGE ===== */
/* =====================================================================
   VAYUNEX — SOLUTIONS / LEAD GENERATION page  (theme-aware, token-driven)
   Layman explainer: zero → advanced. Classes namespaced .vxn-s* / .vxn-faq.
   ===================================================================== */

/* active nav (link + mega trigger) */
.vxn-hd-nav .vxn-hd-link[aria-current="page"],
.vxn-hd-nav .vxn-hd-mega-btn[aria-current="page"]{color:var(--vxn-ink);}
.vxn-hd-nav .vxn-hd-link[aria-current="page"]::after,
.vxn-hd-nav .vxn-hd-mega-btn[aria-current="page"]::after{content:"";position:absolute;left:13px;right:13px;bottom:5px;
  height:2px;border-radius:2px;background:var(--vxn-grad-cta);}
.vxn-hd-nav .vxn-hd-mega-btn[aria-current="page"]{position:relative;}

/* ---------- plain-English definition card ---------- */
.vxn-sdef{max-width:820px;margin:46px auto 0;text-align:center;border-radius:var(--vxn-r);padding:clamp(30px,4vw,44px);
  background:var(--vxn-glass-2);border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);position:relative;overflow:hidden;}
.vxn-sdef::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(520px 240px at 50% -10%,rgba(124,58,237,.14),transparent 70%);}
.vxn-sdef .in{position:relative;z-index:1;}
.vxn-sdef .eq{font-family:var(--vxn-font-mono);font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--vxn-blue);margin-bottom:14px;}
.vxn-sdef p{font-family:var(--vxn-font-display);font-weight:600;font-size:clamp(1.15rem,2.6vw,1.6rem);line-height:1.5;color:var(--vxn-ink);margin:0;}
.vxn-sdef p b{background:var(--vxn-grad-text);-webkit-background-clip:text;background-clip:text;color:transparent;}

/* ---------- node flow (stranger -> lead -> patient) ---------- */
.vxn-sflow{display:flex;align-items:stretch;justify-content:center;flex-wrap:wrap;gap:6px;margin-top:46px;}
.vxn-sflow-node{display:flex;flex-direction:column;align-items:center;gap:11px;text-align:center;padding:24px 20px;min-width:158px;
  border-radius:var(--vxn-r);background:var(--vxn-glass);border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);}
.vxn-sflow-node.hot{border-color:var(--vxn-blue);background:var(--vxn-glass-2);}
.vxn-sflow-node .ic{width:50px;height:50px;border-radius:14px;display:grid;place-items:center;background:rgba(124,58,237,.1);color:var(--vxn-blue);}
.vxn-sflow-node.hot .ic{background:var(--vxn-grad-cta);color:#fff;}
.vxn-sflow-node .ic svg{width:25px;height:25px;}
.vxn-sflow-node b{font-family:var(--vxn-font-display);font-size:1rem;color:var(--vxn-ink);}
.vxn-sflow-node span{font-size:.79rem;color:var(--vxn-muted);max-width:150px;}
.vxn-sflow-arrow{display:grid;place-items:center;color:var(--vxn-blue-2);flex:none;}
.vxn-sflow-arrow svg{width:26px;height:26px;}

/* ---------- example callout ---------- */
.vxn-sexample{display:flex;gap:14px;align-items:flex-start;padding:18px 20px;border-radius:var(--vxn-r-sm);
  background:rgba(124,58,237,.06);border:1px solid var(--vxn-line);border-left:3px solid var(--vxn-blue);margin-top:22px;}
.vxn-sexample .ic{flex:none;width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:rgba(124,58,237,.12);color:var(--vxn-amber);}
.vxn-sexample .ic svg{width:18px;height:18px;}
.vxn-sexample .tx{font-size:.92rem;color:var(--vxn-ink-2);line-height:1.6;}
.vxn-sexample .tx .tag{display:block;font-family:var(--vxn-font-mono);font-size:.64rem;letter-spacing:.14em;text-transform:uppercase;color:var(--vxn-blue);margin-bottom:5px;}
.vxn-sexample .tx b{color:var(--vxn-ink);font-weight:600;}

/* ---------- two-col text + visual ---------- */
.vxn-stwo{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,5vw,56px);align-items:center;margin-top:8px;}
.vxn-stwo.rev .vxn-stwo-visual{order:-1;}

/* ---------- photo frame ---------- */
.vxn-sphoto{position:relative;border-radius:var(--vxn-r);overflow:hidden;border:1px solid var(--vxn-glass-brd);
  box-shadow:var(--vxn-shadow);aspect-ratio:16/11;background:var(--vxn-panel-2);}
.vxn-sphoto img{width:100%;height:100%;object-fit:cover;display:block;}
.vxn-sphoto .cap{position:absolute;left:0;right:0;bottom:0;padding:16px 18px;font-family:var(--vxn-font-mono);font-size:.72rem;
  color:#fff;background:linear-gradient(180deg,transparent,rgba(8,6,20,.78));}

/* small inline chart card */
.vxn-schart{border-radius:var(--vxn-r);padding:24px;background:var(--vxn-glass);border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);}
.vxn-schart svg{width:100%;height:auto;display:block;}
.vxn-schart-key{display:flex;flex-wrap:wrap;gap:16px;margin-top:14px;font-family:var(--vxn-font-mono);font-size:.72rem;color:var(--vxn-muted);}
.vxn-schart-key i{display:inline-block;width:22px;height:3px;border-radius:3px;margin-right:7px;vertical-align:middle;}

/* ---------- levels (zero to advanced) ---------- */
.vxn-slevels{display:grid;gap:18px;margin-top:48px;}
.vxn-slevel{display:grid;grid-template-columns:128px 1fr;gap:26px;padding:30px 30px;border-radius:var(--vxn-r);
  background:var(--vxn-glass);border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);}
.vxn-slevel-badge{text-align:center;}
.vxn-slevel-badge .no{font-family:var(--vxn-font-display);font-weight:800;font-size:3.2rem;line-height:1;
  background:var(--vxn-grad-text);-webkit-background-clip:text;background-clip:text;color:transparent;}
.vxn-slevel-badge .lv{display:inline-block;margin-top:10px;font-family:var(--vxn-font-mono);font-size:.66rem;letter-spacing:.14em;
  text-transform:uppercase;color:#fff;background:var(--vxn-grad-cta);padding:5px 11px;border-radius:999px;}
.vxn-slevel-body h3{margin:0 0 6px;font-family:var(--vxn-font-display);font-size:1.28rem;color:var(--vxn-ink);}
.vxn-slevel-body .sub{margin:0 0 16px;font-size:.95rem;color:var(--vxn-muted);line-height:1.55;}
.vxn-slevel-list{list-style:none;margin:0;padding:0;display:grid;gap:11px;}
.vxn-slevel-list li{display:flex;gap:11px;align-items:flex-start;font-size:.92rem;color:var(--vxn-ink-2);line-height:1.5;}
.vxn-slevel-list li svg{width:18px;height:18px;flex:none;margin-top:2px;color:var(--vxn-green);}
.vxn-slevel-list li b{color:var(--vxn-ink);font-weight:600;}

/* ---------- channel cards ---------- */
.vxn-schannels{display:grid;grid-template-columns:repeat(auto-fit,minmax(282px,1fr));gap:16px;margin-top:42px;}
.vxn-schan{display:flex;flex-direction:column;border-radius:var(--vxn-r);background:var(--vxn-glass);
  border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);padding:26px 24px;transition:transform .3s var(--vxn-ease),border-color .3s;}
.vxn-schan:hover{transform:translateY(-4px);border-color:var(--vxn-blue);}
.vxn-schan .ic{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;background:rgba(124,58,237,.1);color:var(--vxn-blue);margin-bottom:14px;}
.vxn-schan .ic svg{width:24px;height:24px;}
.vxn-schan h4{margin:0 0 4px;font-family:var(--vxn-font-display);font-size:1.1rem;color:var(--vxn-ink);}
.vxn-schan .kind{font-family:var(--vxn-font-mono);font-size:.64rem;letter-spacing:.12em;text-transform:uppercase;color:var(--vxn-blue-2);}
.vxn-schan p{margin:13px 0 0;font-size:.88rem;color:var(--vxn-ink-2);line-height:1.55;}
.vxn-schan .best{display:flex;gap:7px;align-items:flex-start;margin-top:auto;padding-top:15px;font-family:var(--vxn-font-mono);font-size:.72rem;color:var(--vxn-green);line-height:1.45;}
.vxn-schan .best svg{width:13px;height:13px;flex:none;margin-top:2px;}

/* ---------- conversion funnel ---------- */
.vxn-sfunnel{max-width:680px;margin:48px auto 0;display:flex;flex-direction:column;align-items:center;gap:7px;}
.vxn-sfunnel-row{width:100%;display:flex;flex-direction:column;align-items:center;}
.vxn-sfunnel-bar{width:var(--w);max-width:100%;min-height:64px;border-radius:13px;background:var(--vxn-grad-cta);
  display:flex;align-items:center;justify-content:space-between;gap:14px;padding:0 22px;color:#fff;box-shadow:0 12px 30px -14px rgba(124,58,237,.7);}
.vxn-sfunnel-bar .n{font-family:var(--vxn-font-display);font-weight:800;font-size:clamp(1.25rem,3vw,1.7rem);font-variant-numeric:tabular-nums;letter-spacing:-.02em;}
.vxn-sfunnel-bar .lab{font-family:var(--vxn-font-mono);font-size:.73rem;letter-spacing:.03em;text-align:right;line-height:1.3;opacity:.96;}
.vxn-sfunnel-drop{font-family:var(--vxn-font-mono);font-size:.68rem;color:var(--vxn-faint);margin:2px 0;}

/* ---------- industry fit ---------- */
.vxn-sfit{display:grid;grid-template-columns:repeat(auto-fit,minmax(264px,1fr));gap:16px;margin-top:42px;}
.vxn-sfit-card{border-radius:var(--vxn-r);background:var(--vxn-glass);border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);padding:24px 22px;}
.vxn-sfit-top{display:flex;align-items:center;justify-content:space-between;gap:10px;}
.vxn-sfit-card h4{margin:0;font-family:var(--vxn-font-display);font-size:1.06rem;color:var(--vxn-ink);}
.vxn-sfit-rating{font-family:var(--vxn-font-mono);font-size:.64rem;letter-spacing:.1em;text-transform:uppercase;color:var(--vxn-blue);white-space:nowrap;}
.vxn-sfit-meter{display:flex;gap:5px;margin:14px 0;}
.vxn-sfit-meter i{height:7px;flex:1;border-radius:4px;background:rgba(var(--ln),.18);}
.vxn-sfit-meter i.on{background:var(--vxn-grad-cta);}
.vxn-sfit-card p{margin:0;font-size:.85rem;color:var(--vxn-muted);line-height:1.55;}

/* ---------- readiness checklist ---------- */
.vxn-sready{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px;margin-top:40px;}
.vxn-sready-item{display:flex;gap:13px;align-items:flex-start;padding:20px;border-radius:var(--vxn-r-sm);
  background:var(--vxn-glass);border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);}
.vxn-sready-item .ck{flex:none;width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:rgba(16,185,129,.12);color:var(--vxn-green);}
.vxn-sready-item .ck svg{width:17px;height:17px;}
.vxn-sready-item p{margin:0;font-size:.9rem;color:var(--vxn-ink-2);line-height:1.5;}
.vxn-sready-item p b{color:var(--vxn-ink);font-weight:600;}

/* ---------- budget tiers ---------- */
.vxn-stiers{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:42px;}
.vxn-stier{display:flex;flex-direction:column;border-radius:var(--vxn-r);background:var(--vxn-glass);
  border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);padding:28px 26px;position:relative;}
.vxn-stier.feature{border-color:var(--vxn-blue);background:var(--vxn-glass-2);}
.vxn-stier .badge{position:absolute;top:-11px;left:26px;font-family:var(--vxn-font-mono);font-size:.62rem;letter-spacing:.12em;
  text-transform:uppercase;color:#fff;background:var(--vxn-grad-cta);padding:5px 11px;border-radius:999px;box-shadow:var(--vxn-glow-cta);}
.vxn-stier .name{font-family:var(--vxn-font-mono);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--vxn-blue-2);}
.vxn-stier .spend{font-family:var(--vxn-font-display);font-weight:800;font-size:1.85rem;color:var(--vxn-ink);margin:8px 0 2px;letter-spacing:-.02em;}
.vxn-stier .spend span{font-size:.9rem;font-weight:500;color:var(--vxn-muted);}
.vxn-stier .who{font-size:.86rem;color:var(--vxn-muted);line-height:1.5;margin:0 0 18px;}
.vxn-stier ul{list-style:none;margin:0 0 18px;padding:0;display:grid;gap:10px;}
.vxn-stier li{display:flex;gap:10px;align-items:flex-start;font-size:.86rem;color:var(--vxn-ink-2);line-height:1.45;}
.vxn-stier li svg{width:16px;height:16px;flex:none;margin-top:2px;color:var(--vxn-green);}
.vxn-stier .exp{margin-top:auto;padding-top:16px;border-top:1px dashed var(--vxn-line);font-family:var(--vxn-font-mono);font-size:.74rem;color:var(--vxn-ink-2);}
.vxn-stier .exp b{color:var(--vxn-blue-2);}

/* ---------- results table ---------- */
.vxn-stable-wrap{margin-top:42px;overflow-x:auto;border-radius:var(--vxn-r);border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);}
.vxn-stable{width:100%;border-collapse:collapse;min-width:560px;background:var(--vxn-glass);}
.vxn-stable thead th{font-family:var(--vxn-font-mono);font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:var(--vxn-faint);
  text-align:left;padding:16px 20px;border-bottom:1px solid var(--vxn-line-2);background:rgba(var(--w),.03);}
.vxn-stable tbody td{padding:15px 20px;border-bottom:1px solid var(--vxn-line);font-size:.9rem;color:var(--vxn-ink-2);}
.vxn-stable tbody tr:last-child td{border-bottom:none;}
.vxn-stable tbody td:first-child{font-family:var(--vxn-font-display);font-weight:600;color:var(--vxn-ink);}
.vxn-stable tbody td .g{color:var(--vxn-green);font-family:var(--vxn-font-mono);font-weight:600;}

/* ---------- FAQ accordion (native details) ---------- */
.vxn-faq{max-width:820px;margin:42px auto 0;display:grid;gap:12px;}
.vxn-faq-item{border:1px solid var(--vxn-glass-brd);background:var(--vxn-glass);border-radius:var(--vxn-r-sm);
  box-shadow:var(--vxn-shadow);overflow:hidden;}
.vxn-faq-item summary{list-style:none;cursor:pointer;padding:20px 22px;display:flex;justify-content:space-between;align-items:center;gap:16px;
  font-family:var(--vxn-font-display);font-weight:600;font-size:1.02rem;color:var(--vxn-ink);}
.vxn-faq-item summary::-webkit-details-marker{display:none;}
.vxn-faq-item summary .pl{flex:none;color:var(--vxn-blue-2);transition:transform .3s var(--vxn-ease);}
.vxn-faq-item summary .pl svg{width:20px;height:20px;display:block;}
.vxn-faq-item[open] summary .pl{transform:rotate(135deg);}
.vxn-faq-item[open] summary{color:var(--vxn-blue-2);}
.vxn-faq-item .a{padding:0 22px 21px;font-size:.94rem;color:var(--vxn-ink-2);line-height:1.66;}
.vxn-faq-item .a b{color:var(--vxn-ink);font-weight:600;}

/* ---------- closing CTA ---------- */
.vxn-scta{position:relative;text-align:center;border-radius:var(--vxn-r);padding:clamp(42px,6vw,70px) 28px;overflow:hidden;
  background:var(--vxn-glass-2);border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);}
.vxn-scta::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(720px 360px at 50% -20%,rgba(124,58,237,.18),transparent 70%);}
.vxn-scta .in{position:relative;z-index:1;max-width:660px;margin-inline:auto;}
.vxn-scta .vxn-hero-cta{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:30px;}

/* ---------- responsive ---------- */
@media (max-width:920px){
  .vxn-stwo{grid-template-columns:1fr;gap:32px;}
  .vxn-stwo.rev .vxn-stwo-visual{order:0;}
  .vxn-stiers{grid-template-columns:1fr;}
}
@media (max-width:680px){
  .vxn-slevel{grid-template-columns:1fr;gap:18px;}
  .vxn-slevel-badge{display:flex;align-items:center;gap:14px;}
  .vxn-slevel-badge .no{font-size:2.4rem;}
  .vxn-slevel-badge .lv{margin-top:0;}
  .vxn-sflow-arrow{transform:rotate(90deg);}
}
@media (prefers-reduced-motion:reduce){
  .vxn-schan,.vxn-faq-item summary .pl{transition:none;}
}

/* mini chart strokes (var()/url() valid only in CSS, not SVG attrs) */
.vxn-schart-base{stroke:var(--vxn-line-2);stroke-width:1;}
.vxn-schart-wom{fill:none;stroke:var(--vxn-faint);stroke-width:2.5;stroke-dasharray:5 5;stroke-linecap:round;stroke-linejoin:round;}
.vxn-schart-lead{fill:none;stroke:url(#vxnSLead);stroke-width:3.4;stroke-linecap:round;stroke-linejoin:round;}

/* ===================================================================== */
/* PAID ACQUISITION additions (.vxn-p*)                                   */
/* ===================================================================== */

/* metric definition cards */
.vxn-pmetrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px;margin-top:42px;}
.vxn-pmetric{border-radius:var(--vxn-r);background:var(--vxn-glass);border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);padding:22px 22px;}
.vxn-pmetric .ab{display:flex;align-items:baseline;gap:9px;flex-wrap:wrap;}
.vxn-pmetric .ab b{font-family:var(--vxn-font-display);font-weight:800;font-size:1.5rem;letter-spacing:-.01em;background:var(--vxn-grad-text);-webkit-background-clip:text;background-clip:text;color:transparent;}
.vxn-pmetric .ab span{font-family:var(--vxn-font-mono);font-size:.66rem;letter-spacing:.06em;text-transform:uppercase;color:var(--vxn-muted);}
.vxn-pmetric p{margin:11px 0 0;font-size:.88rem;color:var(--vxn-ink-2);line-height:1.55;}
.vxn-pmetric p b{color:var(--vxn-ink);font-weight:600;}
.vxn-pmetric .eg{margin-top:11px;font-family:var(--vxn-font-mono);font-size:.72rem;color:var(--vxn-blue-2);}

/* ad-economics money map */
.vxn-peco{margin-top:44px;border-radius:var(--vxn-r);background:var(--vxn-glass-2);border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);padding:clamp(26px,4vw,40px);position:relative;overflow:hidden;}
.vxn-peco::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(600px 280px at 50% -10%,rgba(124,58,237,.14),transparent 70%);}
.vxn-peco-row{position:relative;z-index:1;display:flex;align-items:stretch;justify-content:center;flex-wrap:wrap;gap:6px;}
.vxn-peco-step{flex:1;min-width:118px;text-align:center;padding:18px 14px;border-radius:var(--vxn-r-sm);background:var(--vxn-glass);border:1px solid var(--vxn-glass-brd);}
.vxn-peco-step.in{border-color:var(--vxn-blue);}
.vxn-peco-step.out{border-color:var(--vxn-green);}
.vxn-peco-step .v{font-family:var(--vxn-font-display);font-weight:800;font-size:clamp(1.1rem,2.4vw,1.5rem);color:var(--vxn-ink);font-variant-numeric:tabular-nums;}
.vxn-peco-step.in .v{color:var(--vxn-blue-2);}
.vxn-peco-step.out .v{color:var(--vxn-green);}
.vxn-peco-step .k{font-family:var(--vxn-font-mono);font-size:.65rem;letter-spacing:.05em;text-transform:uppercase;color:var(--vxn-muted);margin-top:5px;}
.vxn-peco-arrow{display:grid;place-items:center;color:var(--vxn-blue-2);flex:none;}
.vxn-peco-arrow svg{width:22px;height:22px;}
.vxn-peco-foot{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;margin-top:26px;}
.vxn-peco-roas{display:inline-flex;align-items:baseline;gap:9px;padding:13px 26px;border-radius:999px;background:var(--vxn-grad-cta);color:#fff;box-shadow:var(--vxn-glow-cta);}
.vxn-peco-roas b{font-family:var(--vxn-font-display);font-weight:800;font-size:1.8rem;}
.vxn-peco-roas span{font-family:var(--vxn-font-mono);font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;opacity:.95;}

/* common mistakes */
.vxn-pmistakes{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px;margin-top:42px;}
.vxn-pmistake{border-radius:var(--vxn-r);background:var(--vxn-glass);border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);padding:24px 24px;border-left:3px solid var(--vxn-red);}
.vxn-pmistake .x{display:flex;align-items:center;gap:10px;margin-bottom:11px;}
.vxn-pmistake .x .ic{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:rgba(244,63,94,.12);color:var(--vxn-red);flex:none;}
.vxn-pmistake .x .ic svg{width:17px;height:17px;}
.vxn-pmistake .x b{font-family:var(--vxn-font-display);font-size:1rem;color:var(--vxn-ink);}
.vxn-pmistake p{margin:0;font-size:.88rem;color:var(--vxn-ink-2);line-height:1.55;}
.vxn-pmistake .fix{display:flex;gap:8px;align-items:flex-start;margin-top:13px;padding-top:13px;border-top:1px solid var(--vxn-line);font-size:.86rem;color:var(--vxn-ink-2);line-height:1.5;}
.vxn-pmistake .fix svg{width:15px;height:15px;flex:none;margin-top:2px;color:var(--vxn-green);}
.vxn-pmistake .fix b{color:var(--vxn-green);font-weight:600;font-family:var(--vxn-font-mono);font-size:.7rem;text-transform:uppercase;letter-spacing:.06em;margin-right:3px;}

@media (max-width:680px){ .vxn-peco-arrow{transform:rotate(90deg);} }



/* From peptide-therapy.html */

/* =====================================================================
   VAYUNEX — DESIGN SYSTEM v2
   Light-default, royal-purple. Dark mode via :root[data-theme="dark"].
   Theme bases: --w (tint), --ln (hairline), --mk (screen-mock surface)
   flip per theme so one stylesheet serves both. Accents are shared.
   Type:  Sora (display) · Manrope (body) · JetBrains Mono (data)
   ===================================================================== */

/* ----- TOKENS : LIGHT (default) ----- */
:root{
  color-scheme: light;

  --vxn-void:#ffffff;
  --vxn-deep:#f4f0fb;
  --vxn-panel:#ffffff;
  --vxn-panel-2:#f5f1fe;

  --vxn-ink:#1b1233;
  --vxn-ink-2:#392e57;
  --vxn-muted:#675d86;
  --vxn-faint:#9a91b4;

  /* theme bases */
  --w:45,35,70;          /* subtle tint base (dark on light) */
  --ln:110,82,180;       /* hairline base (purple)           */
  --mk:245,243,252;      /* screen-mock surface (near-white) */

  --vxn-line:rgba(var(--ln),0.16);
  --vxn-line-2:rgba(var(--ln),0.32);

  /* royal-purple accents (shared both themes) */
  --vxn-blue:#7c3aed;    /* primary  */
  --vxn-blue-2:#a855f7;  /* primary-2 */
  --vxn-cyan:#c084fc;    /* bright orchid pop */
  --vxn-violet:#8b5cf6;
  --vxn-green:#10b981;   /* success / revenue */
  --vxn-amber:#f59e0b;   /* stars / cost */
  --vxn-red:#f43f5e;     /* loss */

  --vxn-glass:linear-gradient(160deg,rgba(255,255,255,0.96),rgba(250,248,255,0.90));
  --vxn-glass-2:linear-gradient(160deg,#ffffff,#f3edfe);
  --vxn-glass-brd:rgba(var(--ln),0.20);

  --vxn-cta-ink:#ffffff;
  --vxn-grad-cta:linear-gradient(135deg,#7c3aed 0%,#a855f7 55%,#c084fc 100%);
  --vxn-grad-violet:linear-gradient(135deg,#8b5cf6 0%,#7c3aed 100%);
  --vxn-grad-text:linear-gradient(120deg,#2a1d4d 0%,#7c3aed 55%,#a855f7 100%);

  --vxn-shadow:0 26px 60px -30px rgba(76,29,149,0.30);
  --vxn-glow-cta:0 16px 40px -12px rgba(124,58,237,0.42);

  --vxn-font-display:'Sora',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  --vxn-font-body:'Manrope',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  --vxn-font-mono:'JetBrains Mono',ui-monospace,SFMono-Regular,Menlo,monospace;

  --vxn-r:20px;
  --vxn-r-sm:14px;
  --vxn-shell:1180px;
  --vxn-ease:cubic-bezier(.2,.7,.2,1);
}

/* ----- TOKENS : DARK (toggle) ----- */
:root[data-theme="dark"]{
  color-scheme: dark;

  --vxn-void:#0b0818;
  --vxn-deep:#0f0b20;
  --vxn-panel:#150f2b;
  --vxn-panel-2:#1b1338;

  --vxn-ink:#f3f0ff;
  --vxn-ink-2:#cdc6e8;
  --vxn-muted:#968cb8;
  --vxn-faint:#6c648c;

  --w:255,255,255;
  --ln:150,135,215;
  --mk:14,20,44;

  --vxn-glass:linear-gradient(160deg,rgba(255,255,255,0.07),rgba(255,255,255,0.02));
  --vxn-glass-2:linear-gradient(160deg,rgba(255,255,255,0.10),rgba(255,255,255,0.03));
  --vxn-glass-brd:rgba(255,255,255,0.10);

  --vxn-grad-text:linear-gradient(120deg,#ffffff 0%,#c4b5fd 50%,#c084fc 100%);

  --vxn-shadow:0 26px 70px -28px rgba(0,0,0,0.70);
  --vxn-glow-cta:0 16px 44px -12px rgba(124,58,237,0.60);
}

/* ----- TRANSFORMED SECTION STYLES (token-driven, theme-aware) ----- */
/* =====================================================================
   VAYUNEX — GLOBAL DESIGN SYSTEM
   Visual direction: "Mission control for revenue" — deep navy/black base,
   electric blue + cyan + violet accents, success green & cost amber for
   telemetry, frosted glass, ambient grid, lead-flow particle motif.
   Type roles:  Sora (display) · Manrope (body) · JetBrains Mono (data)
   All classes are namespaced with the vxn- prefix.
   ===================================================================== */

/* ----- TOKENS ----- */

/* ----- RESET / BASE ----- */
*,*::before,*::after{box-sizing:border-box;}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;}
body{
  margin:0;
  background:var(--vxn-void);
  color:var(--vxn-ink-2);
  font-family:var(--vxn-font-body);
  font-size:16px;
  line-height:1.65;
  letter-spacing:.005em;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
  overflow-x:hidden;
}
img{max-width:100%;display:block;}
a{color:inherit;text-decoration:none;}
button{font-family:inherit;cursor:pointer;}
canvas{display:block;}
::selection{background:rgba(192,132,252,.28);color:#fff;}

/* ----- AMBIENT ATMOSPHERE (fixed background layer) ----- */
.vxn-atmos{position:fixed;inset:0;z-index:-2;pointer-events:none;background:
  radial-gradient(1100px 700px at 78% -8%,rgba(124,58,237,.22),transparent 60%),
  radial-gradient(900px 700px at 8% 12%,rgba(139,92,246,.16),transparent 60%),
  radial-gradient(1000px 800px at 60% 108%,rgba(192,132,252,.10),transparent 55%),
  var(--vxn-void);}
.vxn-atmos::before{content:"";position:absolute;inset:0;opacity:.5;
  background-image:linear-gradient(rgba(var(--ln),.05) 1px,transparent 1px),
                   linear-gradient(90deg,rgba(var(--ln),.05) 1px,transparent 1px);
  background-size:54px 54px;
  -webkit-mask-image:radial-gradient(circle at 50% 30%,#000 0%,transparent 78%);
          mask-image:radial-gradient(circle at 50% 30%,#000 0%,transparent 78%);}
.vxn-grain{position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.035;mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");}

/* ----- LAYOUT PRIMITIVES ----- */
.vxn-shell{width:100%;max-width:var(--vxn-shell);margin-inline:auto;padding-inline:24px;}
.vxn-section{position:relative;padding-block:clamp(74px,11vh,128px);}
.vxn-section--tight{padding-block:clamp(56px,8vh,92px);}
.vxn-divider{height:1px;background:linear-gradient(90deg,transparent,var(--vxn-line-2),transparent);border:0;margin:0;}

/* ----- TYPOGRAPHY ----- */
.vxn-eyebrow{display:inline-flex;align-items:center;gap:9px;font-family:var(--vxn-font-mono);
  font-size:12px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--vxn-cyan);}
.vxn-eyebrow::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--vxn-cyan);
  box-shadow:0 0 10px var(--vxn-cyan);}
.vxn-h1{font-family:var(--vxn-font-display);font-weight:800;line-height:1.04;letter-spacing:-.025em;
  font-size:clamp(2.4rem,6vw,4.5rem);color:var(--vxn-ink);margin:0;}
.vxn-h2{font-family:var(--vxn-font-display);font-weight:700;line-height:1.08;letter-spacing:-.02em;
  font-size:clamp(1.85rem,4vw,3rem);color:var(--vxn-ink);margin:0;}
.vxn-h3{font-family:var(--vxn-font-display);font-weight:600;line-height:1.2;letter-spacing:-.01em;
  font-size:clamp(1.1rem,2vw,1.35rem);color:var(--vxn-ink);margin:0;}
.vxn-lead{font-size:clamp(1.02rem,1.6vw,1.2rem);color:var(--vxn-ink-2);max-width:62ch;}
.vxn-grad-txt{background:var(--vxn-grad-text);-webkit-background-clip:text;background-clip:text;color:transparent;}
.vxn-cyan{color:var(--vxn-cyan);} .vxn-violet{color:var(--vxn-violet);} .vxn-green{color:var(--vxn-green);}
.vxn-mono{font-family:var(--vxn-font-mono);font-variant-numeric:tabular-nums;}
.vxn-head{max-width:760px;}
.vxn-head .vxn-lead{margin-top:18px;}
.vxn-center{text-align:center;margin-inline:auto;}

/* ----- BUTTONS ----- */
.vxn-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;
  font-family:var(--vxn-font-display);font-weight:600;font-size:.96rem;letter-spacing:-.01em;
  padding:14px 24px;border-radius:13px;border:1px solid transparent;transition:transform .25s var(--vxn-ease),box-shadow .25s,background .25s;white-space:nowrap;}
.vxn-btn svg{width:18px;height:18px;}
.vxn-btn--primary{background:var(--vxn-grad-cta);color:var(--vxn-cta-ink);box-shadow:var(--vxn-glow-cta);}
.vxn-btn--primary:hover{transform:translateY(-2px);box-shadow:0 20px 50px -12px rgba(124,58,237,.7);}
.vxn-btn--ghost{background:rgba(var(--w),.03);border-color:var(--vxn-line-2);color:var(--vxn-ink);}
.vxn-btn--ghost:hover{transform:translateY(-2px);background:rgba(var(--w),.07);border-color:var(--vxn-cyan);}
.vxn-btn:focus-visible{outline:2px solid var(--vxn-cyan);outline-offset:3px;}

/* ----- CHIPS / PILLS ----- */
.vxn-chip{display:inline-flex;align-items:center;gap:8px;font-size:.82rem;font-weight:600;color:var(--vxn-ink-2);
  padding:7px 14px;border-radius:999px;background:rgba(var(--w),.04);border:1px solid var(--vxn-line);}
.vxn-chip .vxn-dot{width:6px;height:6px;border-radius:50%;background:var(--vxn-green);box-shadow:0 0 8px var(--vxn-green);}

/* ----- GLASS CARD ----- */
.vxn-glass{position:relative;background:var(--vxn-glass);border:1px solid var(--vxn-glass-brd);
  border-radius:var(--vxn-r);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--vxn-shadow);}
.vxn-glass::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;pointer-events:none;
  background:linear-gradient(160deg,rgba(var(--w),.35),transparent 40%);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
          mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;mask-composite:exclude;opacity:.5;}

/* 3D tilt-ready card */
.vxn-card3d{transition:transform .4s var(--vxn-ease),box-shadow .4s;transform-style:preserve-3d;will-change:transform;}

/* ----- SCROLL REVEAL ----- */
.vxn-reveal{opacity:0;transform:translateY(28px);transition:opacity .8s var(--vxn-ease),transform .8s var(--vxn-ease);transition-delay:var(--d,0s);}
.vxn-reveal.is-in{opacity:1;transform:none;}

/* ============================ NAV (CAPSULE) ============================ */
/* "Living glass capsule" — contracts on scroll, canopy mega-menu unfurls
   out of the same surface, sliding spotlight, full-screen mobile overlay. */
.vxn-skip{position:absolute;left:-9999px;top:0;z-index:200;background:var(--vxn-cyan);color:var(--vxn-cta-ink);
  padding:10px 16px;border-radius:0 0 10px 0;font-weight:700;}
.vxn-skip:focus{left:0;}

.vxn-scrim{position:fixed;inset:0;z-index:79;background:rgba(var(--mk),.55);opacity:0;visibility:hidden;
  -webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:opacity .35s,visibility .35s;}
.vxn-scrim.is-on{opacity:1;visibility:visible;}

.vxn-nav{position:fixed;top:14px;left:0;right:0;z-index:80;display:flex;justify-content:center;padding-inline:14px;}
.vxn-island{width:min(1120px,100%);background:linear-gradient(160deg,rgba(var(--mk),.78),rgba(var(--mk),.7));
  border:1px solid var(--vxn-glass-brd);border-radius:22px;overflow:hidden;
  -webkit-backdrop-filter:blur(16px) saturate(140%);backdrop-filter:blur(16px) saturate(140%);
  box-shadow:0 18px 50px -22px rgba(0,0,0,.8);
  transition:width .5s var(--vxn-ease),border-radius .5s,background .5s;}
.vxn-nav.is-contracted .vxn-island{width:min(880px,100%);background:linear-gradient(160deg,rgba(var(--mk),.92),rgba(var(--mk),.9));}
.vxn-bar{display:flex;align-items:center;gap:18px;padding:11px 14px 11px 18px;transition:padding .5s var(--vxn-ease);}
.vxn-nav.is-contracted .vxn-bar{padding:8px 12px 8px 16px;}

.vxn-brand{display:flex;align-items:center;gap:11px;flex-shrink:0;}
.vxn-mark{width:30px;height:30px;flex-shrink:0;transition:width .5s,height .5s;}
.vxn-nav.is-contracted .vxn-mark{width:26px;height:26px;}
.vxn-word{font-family:var(--vxn-font-display);font-weight:800;letter-spacing:.12em;font-size:1.02rem;color:var(--vxn-ink);}

.vxn-links{position:relative;display:flex;align-items:center;gap:2px;margin-inline:auto;}
.vxn-spot{position:absolute;top:50%;height:34px;border-radius:11px;transform:translateY(-50%);
  background:linear-gradient(160deg,rgba(var(--ln),.22),rgba(var(--ln),.08));border:1px solid var(--vxn-line);
  z-index:0;opacity:0;transition:left .38s var(--vxn-ease),width .38s var(--vxn-ease),opacity .3s;pointer-events:none;}
.vxn-link{position:relative;z-index:1;display:inline-flex;align-items:center;gap:6px;color:var(--vxn-ink-2);
  font-size:.92rem;font-weight:600;padding:8px 14px;border-radius:11px;background:none;border:0;transition:color .25s;}
.vxn-link:hover,.vxn-link[aria-expanded="true"]{color:var(--vxn-ink);}
.vxn-link .vxn-chev{width:14px;height:14px;transition:transform .3s;}
.vxn-link[aria-expanded="true"] .vxn-chev{transform:rotate(180deg);}
.vxn-link:focus-visible{outline:2px solid var(--vxn-cyan);outline-offset:2px;}

.vxn-actions{display:flex;align-items:center;gap:10px;flex-shrink:0;}
.vxn-cta{display:inline-flex;align-items:center;gap:7px;background:var(--vxn-grad-cta);color:var(--vxn-cta-ink);
  font-family:var(--vxn-font-display);font-weight:700;font-size:.88rem;padding:10px 17px;border-radius:11px;
  box-shadow:0 10px 26px -10px rgba(124,58,237,.6);transition:transform .25s,box-shadow .25s;border:0;}
.vxn-cta:hover{transform:translateY(-1px);box-shadow:0 14px 32px -8px rgba(124,58,237,.8);}
.vxn-cta:focus-visible{outline:2px solid #fff;outline-offset:2px;}

.vxn-burger{display:none;width:42px;height:38px;border-radius:11px;background:rgba(var(--w),.05);
  border:1px solid var(--vxn-line);align-items:center;justify-content:center;flex-direction:column;gap:4px;}
.vxn-burger span{width:18px;height:2px;background:var(--vxn-ink);border-radius:2px;transition:transform .3s,opacity .3s;}
.vxn-burger:focus-visible{outline:2px solid var(--vxn-cyan);outline-offset:2px;}

/* Canopy mega-menu (lives INSIDE the island; grows out of it) */
.vxn-canopy{max-height:0;opacity:0;padding:0 22px;transition:max-height .5s var(--vxn-ease),opacity .35s,padding .5s var(--vxn-ease);}
.vxn-island.is-open .vxn-canopy{max-height:420px;opacity:1;padding:4px 22px 22px;}
.vxn-canopy-top{height:1px;background:var(--vxn-line);margin-bottom:18px;}
.vxn-canopy-grid{display:grid;grid-template-columns:1fr 1fr 1.15fr;gap:22px;}
.vxn-col-title{font-family:var(--vxn-font-mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--vxn-muted);margin-bottom:12px;}
.vxn-col a{display:flex;align-items:center;gap:10px;color:var(--vxn-ink-2);font-size:.9rem;font-weight:600;padding:7px 9px;border-radius:9px;transition:background .2s,color .2s,transform .2s;opacity:0;transform:translateY(8px);}
.vxn-island.is-open .vxn-col a{opacity:1;transform:none;}
.vxn-island.is-open .vxn-col:nth-child(1) a{transition-delay:.05s;}
.vxn-island.is-open .vxn-col:nth-child(2) a{transition-delay:.12s;}
.vxn-col a:hover{background:rgba(var(--ln),.1);color:#fff;}
.vxn-col a i{width:8px;height:8px;border-radius:50%;background:var(--vxn-cyan);box-shadow:0 0 8px var(--vxn-cyan);flex-shrink:0;}
.vxn-col a.h i{background:var(--vxn-green);box-shadow:0 0 8px var(--vxn-green);}
.vxn-rail{background:var(--vxn-grad-violet);border-radius:16px;padding:18px;display:flex;flex-direction:column;justify-content:center;opacity:0;transform:translateY(8px);transition:opacity .4s .18s,transform .4s .18s;}
.vxn-island.is-open .vxn-rail{opacity:1;transform:none;}
.vxn-rail h4{font-family:var(--vxn-font-display);font-size:1.05rem;color:#fff;margin:0 0 6px;}
.vxn-rail p{font-size:.82rem;color:rgba(var(--w),.85);margin:0 0 14px;}
.vxn-rail a{align-self:flex-start;background:#fff;color:#1a1340;font-weight:700;font-size:.82rem;padding:9px 15px;border-radius:10px;}

/* Mobile full-screen overlay */
.vxn-overlay{position:fixed;inset:0;z-index:90;background:linear-gradient(180deg,var(--vxn-void),var(--vxn-void));
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transform:translateY(-100%);transition:transform .5s var(--vxn-ease);
  display:flex;flex-direction:column;padding:22px;overflow-y:auto;}
.vxn-overlay.is-open{transform:none;}
.vxn-ov-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:36px;}
.vxn-ov-close{width:42px;height:42px;border-radius:12px;background:rgba(var(--w),.05);border:1px solid var(--vxn-line);color:var(--vxn-ink);font-size:1.4rem;display:flex;align-items:center;justify-content:center;}
.vxn-ov-body{display:flex;flex-direction:column;gap:6px;}
.vxn-ov-link{font-family:var(--vxn-font-display);font-weight:700;font-size:1.8rem;color:var(--vxn-ink);padding:14px 4px;border-bottom:1px solid var(--vxn-line);display:flex;align-items:center;justify-content:space-between;
  opacity:0;transform:translateX(-18px);transition:opacity .5s,transform .5s;}
.vxn-overlay.is-open .vxn-ov-link{opacity:1;transform:none;}
.vxn-overlay.is-open .vxn-ov-link:nth-child(1){transition-delay:.08s;}
.vxn-overlay.is-open .vxn-ov-link:nth-child(2){transition-delay:.14s;}
.vxn-overlay.is-open .vxn-ov-link:nth-child(3){transition-delay:.2s;}
.vxn-overlay.is-open .vxn-ov-link:nth-child(4){transition-delay:.26s;}
.vxn-overlay.is-open .vxn-ov-link:nth-child(5){transition-delay:.32s;}
.vxn-ov-sub{display:none;flex-direction:column;gap:2px;padding:6px 4px 14px;}
.vxn-ov-sub.is-open{display:flex;}
.vxn-ov-sub a{color:var(--vxn-muted);font-size:1.05rem;font-weight:600;padding:8px 0;}
.vxn-ov-cta{margin-top:26px;}

@media(max-width:920px){
  .vxn-links{display:none;}
  .vxn-burger{display:flex;}
  .vxn-actions .vxn-cta{display:none;}
}
@media(min-width:921px){ .vxn-overlay{display:none!important;} }

/* ============================ HERO ============================ */
.vxn-hero{position:relative;min-height:100svh;display:flex;align-items:center;padding-top:130px;padding-bottom:64px;overflow:hidden;}
.vxn-hero-bg{position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.9;}
.vxn-hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.04fr .96fr;gap:46px;align-items:center;width:100%;}
.vxn-hero-copy{max-width:600px;}
.vxn-hero h1{margin:18px 0 0;}
.vxn-hero h1 .ln{display:block;}
.vxn-hero .vxn-lead{margin-top:22px;}
.vxn-hero-cta{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px;}
.vxn-hero-trust{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px;}

.vxn-engine{position:relative;width:100%;aspect-ratio:1/.86;max-width:560px;margin-inline:auto;}
.vxn-engine canvas{position:absolute;inset:0;width:100%;height:100%;}
.vxn-dash{position:absolute;right:-6px;bottom:-14px;width:min(252px,72%);padding:16px 16px 14px;border-radius:16px;z-index:3;}
.vxn-dash-h{display:flex;align-items:center;gap:8px;font-family:var(--vxn-font-mono);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--vxn-muted);margin-bottom:12px;}
.vxn-dash-h .live{width:7px;height:7px;border-radius:50%;background:var(--vxn-green);box-shadow:0 0 9px var(--vxn-green);animation:vxn-pulse 1.8s infinite;}
.vxn-dash-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 14px;}
.vxn-dash-cell .k{font-size:10px;letter-spacing:.04em;color:var(--vxn-faint);text-transform:uppercase;font-weight:600;}
.vxn-dash-cell .v{font-family:var(--vxn-font-mono);font-weight:700;font-size:1.18rem;color:var(--vxn-ink);line-height:1.2;font-variant-numeric:tabular-nums;}
.vxn-dash-cell .v.c{color:var(--vxn-cyan);} .vxn-dash-cell .v.g{color:var(--vxn-green);}
@keyframes vxn-pulse{0%,100%{opacity:1;transform:scale(1);}50%{opacity:.45;transform:scale(.82);}}

/* ============================ PROBLEM / LEAK FUNNEL ============================ */
.vxn-leak-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:46px;align-items:center;margin-top:48px;}
.vxn-funnel-stage{position:relative;width:100%;max-width:440px;margin-inline:auto;}
.vxn-funnel-stage svg{width:100%;height:auto;overflow:visible;}
.vxn-leak-rows{display:flex;flex-direction:column;gap:10px;}
.vxn-leak-row{display:flex;gap:14px;align-items:flex-start;padding:15px 16px;border-radius:14px;border:1px solid var(--vxn-line);
  background:rgba(var(--w),.018);cursor:pointer;transition:border-color .3s,background .3s,transform .3s;text-align:left;width:100%;}
.vxn-leak-row:hover{transform:translateX(4px);}
.vxn-leak-row.is-active{border-color:rgba(244,63,94,.55);background:rgba(244,63,94,.07);}
.vxn-leak-num{font-family:var(--vxn-font-mono);font-size:.8rem;color:var(--vxn-red);font-weight:700;width:26px;height:26px;border-radius:8px;
  background:rgba(244,63,94,.12);display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px;}
.vxn-leak-row.is-active .vxn-leak-num{background:var(--vxn-red);color:#180408;}
.vxn-leak-txt h4{font-family:var(--vxn-font-display);font-size:1rem;color:var(--vxn-ink);margin:0 0 3px;}
.vxn-leak-txt p{margin:0;font-size:.88rem;color:var(--vxn-muted);}
.vxn-leak-foot{margin-top:22px;font-size:.95rem;color:var(--vxn-ink-2);border-left:2px solid var(--vxn-cyan);padding-left:16px;}

/* ============================ METHOD (10-step journey) ============================ */
.vxn-method-rail{position:relative;display:flex;gap:14px;overflow-x:auto;padding:30px 4px 18px;margin-top:38px;scroll-snap-type:x mandatory;
  -ms-overflow-style:none;scrollbar-width:thin;scrollbar-color:var(--vxn-line-2) transparent;}
.vxn-method-rail::-webkit-scrollbar{height:6px;}
.vxn-method-rail::-webkit-scrollbar-thumb{background:var(--vxn-line-2);border-radius:6px;}
.vxn-mprogress{position:absolute;top:14px;left:4px;right:4px;height:2px;background:var(--vxn-line);border-radius:2px;overflow:hidden;}
.vxn-mprogress i{position:absolute;inset:0;width:0;background:var(--vxn-grad-cta);box-shadow:0 0 12px rgba(192,132,252,.6);transition:width 1.4s var(--vxn-ease);}
.vxn-mstep{position:relative;scroll-snap-align:start;flex:0 0 auto;width:172px;padding:18px 16px 16px;border-radius:16px;}
.vxn-mstep .n{position:absolute;top:-11px;left:16px;font-family:var(--vxn-font-mono);font-size:.7rem;font-weight:700;color:var(--vxn-cyan);
  background:var(--vxn-deep);border:1px solid var(--vxn-line);padding:3px 7px;border-radius:7px;}
.vxn-mstep .ic{width:38px;height:38px;border-radius:11px;background:rgba(var(--ln),.1);display:flex;align-items:center;justify-content:center;margin-bottom:12px;color:var(--vxn-cyan);}
.vxn-mstep .ic svg{width:20px;height:20px;}
.vxn-mstep h4{font-family:var(--vxn-font-display);font-size:1rem;color:var(--vxn-ink);margin:0 0 6px;}
.vxn-mstep p{margin:0;font-size:.82rem;color:var(--vxn-muted);line-height:1.5;}
.vxn-mstep::after{content:"";position:absolute;right:-9px;top:54px;width:14px;height:14px;border-top:2px solid var(--vxn-line-2);border-right:2px solid var(--vxn-line-2);transform:rotate(45deg);opacity:.7;}
.vxn-mstep:last-child::after{display:none;}

/* ============================ STRATEGY BOARD ============================ */
.vxn-board-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:46px;align-items:center;margin-top:46px;}
.vxn-board{position:relative;aspect-ratio:1;width:100%;max-width:480px;margin-inline:auto;border-radius:24px;overflow:hidden;
  background:linear-gradient(160deg,rgba(var(--mk),.9),rgba(var(--mk),.92));border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);}
.vxn-board::before{content:"";position:absolute;inset:0;opacity:.5;
  background-image:repeating-conic-gradient(rgba(var(--ln),.05) 0% 25%,transparent 0% 50%);background-size:25% 25%;}
.vxn-board::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 45%,transparent 30%,rgba(var(--mk),.55) 100%);}
.vxn-piece{position:absolute;width:21%;aspect-ratio:1;transform:translate(-50%,-50%) scale(.3);opacity:0;
  transition:transform .9s var(--vxn-ease),opacity .7s;left:var(--x);top:var(--y);z-index:2;cursor:default;}
.vxn-board.is-placed .vxn-piece{transform:translate(-50%,-50%) scale(1);opacity:1;}
.vxn-piece-disc{position:absolute;inset:0;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;
  background:radial-gradient(circle at 35% 28%,rgba(var(--w),.22),rgba(var(--w),.03) 60%),linear-gradient(160deg,rgba(var(--mk),.9),rgba(var(--mk),.95));
  border:1px solid rgba(var(--w),.16);box-shadow:0 10px 24px -8px rgba(0,0,0,.7),inset 0 1px 1px rgba(var(--w),.25);
  transition:transform .3s,box-shadow .3s;}
.vxn-piece:hover .vxn-piece-disc{transform:translateY(-4px) scale(1.05);box-shadow:0 16px 30px -8px var(--pc,rgba(192,132,252,.5)),inset 0 1px 1px rgba(var(--w),.3);}
.vxn-piece-disc svg{width:34%;height:34%;color:var(--pc,var(--vxn-cyan));}
.vxn-piece-lbl{font-family:var(--vxn-font-mono);font-size:.5rem;letter-spacing:.04em;color:var(--vxn-ink-2);text-transform:uppercase;font-weight:700;}
.vxn-piece-glow{position:absolute;inset:-30%;border-radius:50%;background:radial-gradient(circle,var(--pc,rgba(192,132,252,.4)),transparent 65%);opacity:.4;filter:blur(6px);z-index:-1;}
.vxn-tip{position:absolute;left:50%;bottom:112%;transform:translateX(-50%) translateY(6px);width:max-content;max-width:180px;
  background:rgba(var(--mk),.96);border:1px solid var(--vxn-line-2);border-radius:10px;padding:9px 12px;font-size:.74rem;color:var(--vxn-ink-2);line-height:1.45;
  opacity:0;visibility:hidden;transition:opacity .25s,transform .25s,visibility .25s;z-index:5;box-shadow:0 12px 30px -10px rgba(0,0,0,.8);pointer-events:none;}
.vxn-tip b{color:var(--pc,var(--vxn-cyan));font-family:var(--vxn-font-display);}
.vxn-piece:hover .vxn-tip{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0);}
.vxn-legend{display:flex;flex-direction:column;gap:8px;margin-top:26px;}
.vxn-lrow{display:flex;align-items:center;gap:12px;padding:11px 14px;border-radius:12px;border:1px solid var(--vxn-line);background:rgba(var(--w),.018);transition:background .25s,border-color .25s;cursor:default;}
.vxn-lrow:hover{background:rgba(var(--ln),.06);border-color:var(--vxn-line-2);}
.vxn-lrow .sw{width:12px;height:12px;border-radius:50%;flex-shrink:0;box-shadow:0 0 10px currentColor;}
.vxn-lrow b{font-family:var(--vxn-font-display);color:var(--vxn-ink);font-size:.92rem;min-width:74px;}
.vxn-lrow span{font-size:.85rem;color:var(--vxn-muted);}

/* ============================ INDUSTRY JOURNEYS (health / hospitality) ============================ */
.vxn-jintro{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap;}
.vxn-journey{position:relative;margin:46px 0 40px;padding:34px 12px 30px;border-radius:20px;}
.vxn-jtrack{position:relative;display:flex;justify-content:space-between;gap:8px;padding-top:8px;}
.vxn-jline{position:absolute;top:30px;left:5%;right:5%;height:2px;background:var(--vxn-line);border-radius:2px;}
.vxn-jline i{position:absolute;inset:0;width:0;background:linear-gradient(90deg,var(--ac1),var(--ac2));box-shadow:0 0 10px var(--ac2);transition:width 1.8s var(--vxn-ease);}
.vxn-jnode{position:relative;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;flex:1;min-width:0;z-index:2;}
.vxn-jdot{width:46px;height:46px;border-radius:14px;background:var(--vxn-deep);border:1px solid var(--vxn-line-2);display:flex;align-items:center;justify-content:center;color:var(--ac2,var(--vxn-cyan));transition:box-shadow .4s,border-color .4s,transform .4s;}
.vxn-jdot svg{width:21px;height:21px;}
.vxn-journey.is-in .vxn-jnode:nth-child(1) .vxn-jdot{box-shadow:0 0 0 4px rgba(192,132,252,.08),0 0 20px -4px var(--ac2);border-color:var(--ac2);}
.vxn-jlabel{font-size:.78rem;font-weight:600;color:var(--vxn-ink-2);line-height:1.3;max-width:90px;}
.vxn-jsub{font-family:var(--vxn-font-mono);font-size:.62rem;letter-spacing:.04em;color:var(--vxn-faint);text-transform:uppercase;}
.vxn-token{position:absolute;top:30px;left:5%;width:18px;height:18px;border-radius:50%;transform:translate(-50%,-50%);z-index:3;
  background:radial-gradient(circle at 35% 30%,#fff,var(--ac2));box-shadow:0 0 16px var(--ac2);}
.vxn-journey.is-in .vxn-token{animation:vxn-ride 7s var(--vxn-ease) .4s infinite;}
@keyframes vxn-ride{0%{left:5%;}12%{left:5%;}22%{left:24%;}34%{left:24%;}44%{left:50%;}56%{left:50%;}66%{left:76%;}78%{left:76%;}88%{left:95%;}100%{left:95%;}}
.vxn-cap-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(225px,1fr));gap:16px;margin-top:6px;}
.vxn-cap{padding:20px 18px;border-radius:16px;transition:transform .35s var(--vxn-ease),border-color .35s;}
.vxn-cap:hover{transform:translateY(-5px);}
.vxn-cap .ic{width:40px;height:40px;border-radius:11px;display:flex;align-items:center;justify-content:center;margin-bottom:13px;
  background:rgba(192,132,252,.1);color:var(--ac2,var(--vxn-cyan));}
.vxn-cap .ic svg{width:21px;height:21px;}
.vxn-cap h4{font-family:var(--vxn-font-display);font-size:1.02rem;color:var(--vxn-ink);margin:0 0 7px;}
.vxn-cap p{margin:0;font-size:.86rem;color:var(--vxn-muted);}
.vxn-note{display:inline-flex;align-items:center;gap:8px;margin-top:24px;font-size:.8rem;color:var(--vxn-faint);font-family:var(--vxn-font-mono);}
.vxn-note::before{content:"";width:14px;height:1px;background:var(--vxn-faint);}

/* ============================ SEO WALKTHROUGH ============================ */
.vxn-seo-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:42px;align-items:center;margin-top:46px;}
.vxn-query-chips{display:flex;flex-wrap:wrap;gap:9px;margin:22px 0 26px;}
.vxn-qchip{font-size:.82rem;font-weight:600;color:var(--vxn-ink-2);padding:8px 14px;border-radius:10px;border:1px solid var(--vxn-line);background:rgba(var(--w),.02);transition:all .25s;}
.vxn-qchip.is-on{border-color:transparent;background:linear-gradient(135deg,#7c3aed,#a855f7);color:#fff;box-shadow:0 6px 16px -6px rgba(124,58,237,.55);}
.vxn-seo-labels{display:flex;flex-direction:column;gap:9px;}
.vxn-seolab{display:flex;align-items:center;gap:11px;font-size:.88rem;color:var(--vxn-faint);transition:color .3s;}
.vxn-seolab .tick{width:20px;height:20px;border-radius:6px;border:1px solid var(--vxn-line-2);display:flex;align-items:center;justify-content:center;transition:all .3s;}
.vxn-seolab .tick svg{width:12px;height:12px;opacity:0;transition:opacity .3s;}
.vxn-seolab.is-lit{color:var(--vxn-ink);}
.vxn-seolab.is-lit .tick{background:var(--vxn-green);border-color:var(--vxn-green);}
.vxn-seolab.is-lit .tick svg{opacity:1;color:#04140d;}

.vxn-browser{position:relative;border-radius:16px;overflow:hidden;border:1px solid var(--vxn-glass-brd);
  background:linear-gradient(180deg,rgba(var(--mk),.96),rgba(var(--mk),.98));box-shadow:var(--vxn-shadow);min-height:430px;}
.vxn-bbar{display:flex;align-items:center;gap:8px;padding:11px 14px;border-bottom:1px solid var(--vxn-line);background:rgba(var(--w),.02);}
.vxn-bdots{display:flex;gap:6px;}
.vxn-bdots i{width:10px;height:10px;border-radius:50%;background:rgba(var(--w),.18);}
.vxn-burl{flex:1;display:flex;align-items:center;gap:8px;background:rgba(0,0,0,.3);border:1px solid var(--vxn-line);border-radius:9px;padding:6px 12px;font-family:var(--vxn-font-mono);font-size:.76rem;color:var(--vxn-muted);}
.vxn-burl svg{width:12px;height:12px;color:var(--vxn-green);}
.vxn-bbody{position:relative;padding:22px;min-height:380px;}
.vxn-seo-screen{position:absolute;inset:0;padding:24px;opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .5s,transform .5s,visibility .5s;}
.vxn-seo-screen.is-on{opacity:1;visibility:visible;transform:none;}
.vxn-search-box{display:flex;align-items:center;gap:12px;background:#fff;border-radius:999px;padding:14px 22px;box-shadow:0 8px 30px -8px rgba(0,0,0,.5);max-width:440px;margin:60px auto 0;}
.vxn-search-box svg{width:20px;height:20px;color:#5f6368;flex-shrink:0;}
.vxn-search-q{font-family:var(--vxn-font-body);font-size:1.02rem;color:#202124;font-weight:500;}
.vxn-search-q .car{display:inline-block;width:2px;height:1.05em;background:#4285f4;margin-left:1px;vertical-align:-2px;animation:vxn-blink 1s step-end infinite;}
@keyframes vxn-blink{50%{opacity:0;}}
.vxn-search-hint{text-align:center;color:var(--vxn-faint);font-size:.82rem;margin-top:22px;}
.vxn-serp{display:grid;grid-template-columns:1.4fr .9fr;gap:18px;}
.vxn-serp-list{display:flex;flex-direction:column;gap:11px;}
.vxn-result{padding:13px 15px;border-radius:12px;border:1px solid var(--vxn-line);background:rgba(var(--w),.025);transition:transform .6s var(--vxn-ease),border-color .5s,background .5s;}
.vxn-result .u{font-size:.72rem;color:var(--vxn-green);font-family:var(--vxn-font-mono);}
.vxn-result .t{font-family:var(--vxn-font-display);font-size:.98rem;color:var(--vxn-blue-2);margin:3px 0 5px;}
.vxn-result .d{font-size:.78rem;color:var(--vxn-muted);}
.vxn-result.is-win{border-color:var(--vxn-cyan);background:rgba(192,132,252,.08);box-shadow:0 0 0 1px rgba(192,132,252,.3),0 14px 30px -12px rgba(192,132,252,.4);}
.vxn-result .badges{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px;opacity:0;max-height:0;overflow:hidden;transition:opacity .5s,max-height .5s;}
.vxn-result.is-win .badges{opacity:1;max-height:50px;}
.vxn-badge{font-size:.66rem;font-weight:700;padding:3px 8px;border-radius:6px;background:rgba(16,185,129,.14);color:var(--vxn-green);}
.vxn-badge.star{background:rgba(245,158,11,.16);color:var(--vxn-amber);}
.vxn-mappack{border-radius:12px;border:1px solid var(--vxn-line);background:linear-gradient(160deg,rgba(124,58,237,.18),rgba(91,33,182,.1));position:relative;overflow:hidden;min-height:180px;padding:12px;}
.vxn-mappack .ml{font-family:var(--vxn-font-mono);font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;color:var(--vxn-muted);margin-bottom:8px;}
.vxn-pin{position:absolute;width:22px;height:22px;}
.vxn-pin svg{width:100%;height:100%;color:var(--vxn-faint);}
.vxn-pin.win svg{color:var(--vxn-cyan);filter:drop-shadow(0 0 8px var(--vxn-cyan));}
.vxn-pin.win{animation:vxn-bob 2s ease-in-out infinite;}
@keyframes vxn-bob{0%,100%{transform:translateY(0);}50%{transform:translateY(-5px);}}
.vxn-landing{max-width:430px;margin:0 auto;}
.vxn-landing .lh{font-family:var(--vxn-font-display);font-size:1.15rem;color:var(--vxn-ink);font-weight:700;margin-bottom:6px;}
.vxn-landing .lp{font-size:.84rem;color:var(--vxn-muted);margin-bottom:16px;}
.vxn-lform{display:flex;flex-direction:column;gap:10px;background:rgba(var(--w),.03);border:1px solid var(--vxn-line);border-radius:14px;padding:16px;}
.vxn-lfield{height:38px;border-radius:9px;background:rgba(0,0,0,.25);border:1px solid var(--vxn-line);display:flex;align-items:center;padding:0 13px;font-size:.82rem;color:var(--vxn-muted);}
.vxn-lbtn{height:40px;border-radius:9px;background:var(--vxn-grad-cta);color:var(--vxn-cta-ink);font-weight:700;display:flex;align-items:center;justify-content:center;font-size:.88rem;}
.vxn-crm-toast{display:flex;align-items:center;gap:10px;margin-top:14px;padding:11px 14px;border-radius:11px;background:rgba(16,185,129,.1);border:1px solid rgba(16,185,129,.4);
  font-size:.84rem;color:var(--vxn-green);font-weight:600;opacity:0;transform:translateY(8px);transition:opacity .5s .3s,transform .5s .3s;}
.vxn-seo-screen.is-on .vxn-crm-toast{opacity:1;transform:none;}
.vxn-crm-toast svg{width:18px;height:18px;}
.vxn-steps-dots{display:flex;gap:8px;justify-content:center;margin-top:18px;}
.vxn-sdot{width:9px;height:9px;border-radius:50%;background:var(--vxn-line-2);transition:all .3s;border:0;padding:0;}
.vxn-sdot.is-on{background:var(--vxn-cyan);box-shadow:0 0 10px var(--vxn-cyan);width:26px;border-radius:5px;}

/* ============================ PAID ADS ============================ */
.vxn-ads-grid{display:grid;grid-template-columns:1fr 1fr;gap:42px;align-items:center;margin-top:46px;}
.vxn-adstack{display:flex;flex-direction:column;gap:14px;}
.vxn-adcard{position:relative;padding:15px 16px;border-radius:14px;overflow:hidden;}
.vxn-adcard .tag{display:inline-flex;align-items:center;gap:6px;font-size:.68rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--vxn-cyan);margin-bottom:9px;}
.vxn-adcard .tag .pl{width:7px;height:7px;border-radius:2px;background:var(--vxn-cyan);}
.vxn-adcard h5{font-family:var(--vxn-font-display);font-size:.98rem;color:var(--vxn-ink);margin:0 0 4px;}
.vxn-adcard p{margin:0 0 11px;font-size:.8rem;color:var(--vxn-muted);}
.vxn-adcard .row{display:flex;align-items:center;justify-content:space-between;}
.vxn-adcard .cta-mini{font-size:.76rem;font-weight:700;color:var(--vxn-cta-ink);background:var(--vxn-grad-cta);padding:6px 12px;border-radius:8px;}
.vxn-adcard .meta{font-family:var(--vxn-font-mono);font-size:.72rem;color:var(--vxn-faint);}
.vxn-ripple{position:absolute;width:14px;height:14px;border-radius:50%;background:var(--vxn-cyan);pointer-events:none;opacity:0;}
.vxn-flow{padding:22px;border-radius:18px;}
.vxn-flow-h{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;}
.vxn-flow-h .lab{font-family:var(--vxn-font-mono);font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;color:var(--vxn-muted);}
.vxn-frow{margin-bottom:15px;}
.vxn-frow .top{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:6px;}
.vxn-frow .k{font-size:.84rem;color:var(--vxn-ink-2);font-weight:600;}
.vxn-frow .v{font-family:var(--vxn-font-mono);font-weight:700;font-size:1.05rem;color:var(--vxn-ink);}
.vxn-frow .v.hl{color:var(--vxn-cyan);} .vxn-frow .v.gr{color:var(--vxn-green);}
.vxn-fbar{height:8px;border-radius:5px;background:rgba(var(--w),.05);overflow:hidden;}
.vxn-fbar i{display:block;height:100%;width:0;border-radius:5px;background:var(--vxn-grad-cta);transition:width 1.4s var(--vxn-ease);}
.vxn-fbar i.g{background:linear-gradient(90deg,var(--vxn-green),var(--vxn-cyan));}
.vxn-cpl{margin-top:6px;display:flex;align-items:center;gap:12px;}
.vxn-cpl svg{flex:1;height:46px;}
.vxn-cpl .cv{font-family:var(--vxn-font-mono);font-size:.8rem;color:var(--vxn-green);font-weight:700;}

/* ============================ WEBSITE BEFORE/AFTER ============================ */
.vxn-web-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:42px;align-items:center;margin-top:46px;}
.vxn-ba{position:relative;aspect-ratio:16/11;border-radius:18px;overflow:hidden;border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);
  --pos:50%;user-select:none;touch-action:pan-y;}
.vxn-ba-layer{position:absolute;inset:0;padding:20px;display:flex;flex-direction:column;}
.vxn-ba-after{background:linear-gradient(160deg,#0c1430,#0a1126);}
.vxn-ba-before{background:linear-gradient(160deg,#161922,#101319);clip-path:inset(0 calc(100% - var(--pos)) 0 0);}
.vxn-ba-tag{position:absolute;top:14px;font-family:var(--vxn-font-mono);font-size:.64rem;letter-spacing:.1em;text-transform:uppercase;padding:5px 10px;border-radius:7px;z-index:4;}
.vxn-ba-before .vxn-ba-tag{left:14px;background:rgba(244,63,94,.16);color:var(--vxn-red);}
.vxn-ba-after .vxn-ba-tag{right:14px;background:rgba(16,185,129,.16);color:var(--vxn-green);}
.vxn-ba-handle{position:absolute;top:0;bottom:0;left:var(--pos);width:2px;background:var(--vxn-cyan);box-shadow:0 0 14px var(--vxn-cyan);z-index:5;transform:translateX(-1px);}
.vxn-ba-knob{position:absolute;top:50%;left:var(--pos);transform:translate(-50%,-50%);width:38px;height:38px;border-radius:50%;background:var(--vxn-deep);border:2px solid var(--vxn-cyan);display:flex;align-items:center;justify-content:center;z-index:6;box-shadow:0 6px 18px -4px rgba(0,0,0,.6);}
.vxn-ba-knob svg{width:18px;height:18px;color:var(--vxn-cyan);}
.vxn-ba input[type=range]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;z-index:7;margin:0;}
.vxn-mock-head{height:14px;width:55%;border-radius:4px;background:rgba(var(--w),.18);margin-bottom:10px;}
.vxn-mock-line{height:8px;border-radius:4px;background:rgba(var(--w),.08);margin-bottom:7px;}
.vxn-mock-cta{margin-top:auto;height:34px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:.74rem;font-weight:700;}
.vxn-mock-cta.weak{background:rgba(var(--w),.08);color:var(--vxn-muted);width:40%;}
.vxn-mock-cta.strong{background:var(--vxn-grad-cta);color:var(--vxn-cta-ink);width:70%;box-shadow:0 8px 22px -6px rgba(124,58,237,.6);}
.vxn-mock-badges{display:flex;gap:6px;margin-top:10px;}
.vxn-mock-badges span{height:18px;flex:1;border-radius:5px;background:rgba(16,185,129,.18);}
.vxn-web-compare{display:grid;grid-template-columns:1fr;gap:8px;}
.vxn-wc-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:center;padding:11px 14px;border-radius:11px;border:1px solid var(--vxn-line);background:rgba(var(--w),.015);}
.vxn-wc-b,.vxn-wc-a{display:flex;align-items:center;gap:8px;font-size:.82rem;}
.vxn-wc-b{color:var(--vxn-muted);} .vxn-wc-a{color:var(--vxn-ink-2);font-weight:600;}
.vxn-wc-b svg,.vxn-wc-a svg{width:15px;height:15px;flex-shrink:0;}
.vxn-wc-b svg{color:var(--vxn-red);} .vxn-wc-a svg{color:var(--vxn-green);}

/* ============================ CRM + AUTOMATION ============================ */
.vxn-crm-pipe{position:relative;display:flex;justify-content:space-between;gap:6px;margin:46px 0 30px;padding-top:10px;}
.vxn-crm-line{position:absolute;top:34px;left:4%;right:4%;height:2px;background:var(--vxn-line);}
.vxn-crm-line i{position:absolute;inset:0;width:0;background:linear-gradient(90deg,var(--vxn-violet),var(--vxn-cyan));box-shadow:0 0 10px var(--vxn-cyan);transition:width .5s linear;}
.vxn-cnode{position:relative;flex:1;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;z-index:2;min-width:0;}
.vxn-cring{width:50px;height:50px;border-radius:15px;background:var(--vxn-deep);border:1px solid var(--vxn-line-2);display:flex;align-items:center;justify-content:center;color:var(--vxn-muted);transition:all .4s;}
.vxn-cring svg{width:22px;height:22px;}
.vxn-cnode.is-done .vxn-cring{border-color:var(--vxn-green);color:var(--vxn-green);box-shadow:0 0 18px -4px var(--vxn-green);}
.vxn-cnode.is-active .vxn-cring{border-color:var(--vxn-cyan);color:var(--vxn-cyan);box-shadow:0 0 0 4px rgba(192,132,252,.1),0 0 22px -2px var(--vxn-cyan);transform:scale(1.08);}
.vxn-clabel{font-size:.74rem;font-weight:600;color:var(--vxn-ink-2);max-width:84px;line-height:1.3;}
.vxn-lead-chip{position:absolute;top:-8px;left:4%;transform:translateX(-50%);display:flex;align-items:center;gap:7px;
  background:rgba(var(--mk),.96);border:1px solid var(--vxn-cyan);border-radius:999px;padding:5px 12px 5px 8px;font-size:.74rem;font-weight:700;color:var(--vxn-ink);
  box-shadow:0 8px 22px -6px rgba(192,132,252,.5);z-index:4;transition:left .6s var(--vxn-ease);white-space:nowrap;}
.vxn-lead-chip .av{width:18px;height:18px;border-radius:50%;background:var(--vxn-grad-violet);display:flex;align-items:center;justify-content:center;font-size:.6rem;color:#fff;}
.vxn-recover{margin-top:14px;display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:18px;border-radius:16px;}
.vxn-recover .rt{font-family:var(--vxn-font-mono);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--vxn-amber);width:100%;margin-bottom:4px;}
.vxn-rstep{display:flex;align-items:center;gap:8px;font-size:.84rem;font-weight:600;color:var(--vxn-ink-2);padding:9px 14px;border-radius:10px;border:1px solid var(--vxn-line);background:rgba(var(--w),.02);opacity:.4;transition:opacity .4s,border-color .4s,transform .4s;}
.vxn-rstep.is-on{opacity:1;border-color:var(--vxn-amber);transform:translateY(-2px);}
.vxn-rstep svg{width:16px;height:16px;color:var(--vxn-amber);}
.vxn-rarrow{color:var(--vxn-faint);}
.vxn-rarrow svg{width:16px;height:16px;}

/* ============================ EXCLUSIVITY (territory lock) ============================ */
.vxn-excl-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:46px;align-items:center;margin-top:40px;}
.vxn-map{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:22px;border-radius:20px;}
.vxn-cell{position:relative;aspect-ratio:1;border-radius:14px;border:1px solid var(--vxn-line);background:rgba(var(--w),.02);
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;text-align:center;padding:8px;transition:all .5s;overflow:hidden;}
.vxn-cell .cl{font-size:.66rem;font-weight:600;color:var(--vxn-muted);line-height:1.25;}
.vxn-cell .ci{width:22px;height:22px;color:var(--vxn-faint);transition:color .4s;}
.vxn-cell .ci svg{width:100%;height:100%;}
.vxn-cell.is-taken{opacity:.4;}
.vxn-cell.is-taken .stamp{position:absolute;font-family:var(--vxn-font-mono);font-size:.6rem;letter-spacing:.1em;color:var(--vxn-red);border:1px solid var(--vxn-red);padding:2px 6px;border-radius:5px;transform:rotate(-12deg);opacity:0;transition:opacity .5s;}
.vxn-cell.is-taken.show .stamp{opacity:.85;}
.vxn-cell.is-yours{border-color:var(--vxn-cyan);background:linear-gradient(160deg,rgba(192,132,252,.14),rgba(192,132,252,.04));box-shadow:0 0 0 1px rgba(192,132,252,.4),0 14px 34px -12px rgba(192,132,252,.5);}
.vxn-cell.is-yours .ci{color:var(--vxn-cyan);}
.vxn-cell.is-yours .cl{color:#fff;}
.vxn-lock{opacity:0;transform:scale(.5);transition:opacity .4s,transform .4s;}
.vxn-cell.is-yours.locked .vxn-lock{opacity:1;transform:scale(1);}
.vxn-sweep{position:absolute;inset:0;pointer-events:none;border-radius:20px;overflow:hidden;}
.vxn-sweep::before{content:"";position:absolute;top:-50%;left:-50%;width:60%;height:200%;
  background:linear-gradient(90deg,transparent,rgba(192,132,252,.12),transparent);transform:rotate(18deg);animation:vxn-scan 5s linear infinite;}
@keyframes vxn-scan{0%{left:-60%;}100%{left:120%;}}
.vxn-excl-pts{display:flex;flex-direction:column;gap:12px;margin:24px 0;}
.vxn-ep{display:flex;gap:12px;align-items:flex-start;}
.vxn-ep .epi{width:34px;height:34px;border-radius:10px;background:rgba(192,132,252,.1);color:var(--vxn-cyan);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.vxn-ep .epi svg{width:18px;height:18px;}
.vxn-ep b{font-family:var(--vxn-font-display);color:var(--vxn-ink);font-size:.95rem;display:block;}
.vxn-ep span{font-size:.85rem;color:var(--vxn-muted);}

/* ============================ REPORTING DASHBOARD ============================ */
.vxn-dashboard{margin-top:46px;padding:26px;border-radius:24px;}
.vxn-db-top{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:22px;}
.vxn-db-title{display:flex;align-items:center;gap:12px;}
.vxn-db-title .dt{font-family:var(--vxn-font-display);font-weight:700;color:var(--vxn-ink);font-size:1.05rem;}
.vxn-db-title .live{display:inline-flex;align-items:center;gap:7px;font-family:var(--vxn-font-mono);font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;color:var(--vxn-green);}
.vxn-db-title .live i{width:7px;height:7px;border-radius:50%;background:var(--vxn-green);box-shadow:0 0 9px var(--vxn-green);animation:vxn-pulse 1.8s infinite;}
.vxn-db-range{display:flex;gap:6px;}
.vxn-db-range span{font-size:.72rem;font-weight:600;color:var(--vxn-muted);padding:6px 11px;border-radius:8px;border:1px solid var(--vxn-line);}
.vxn-db-range span.on{background:rgba(192,132,252,.12);color:#fff;border-color:var(--vxn-cyan);}
.vxn-kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:13px;margin-bottom:18px;}
.vxn-kpi{padding:15px 16px;border-radius:14px;border:1px solid var(--vxn-line);background:rgba(var(--w),.02);}
.vxn-kpi .k{font-size:.72rem;color:var(--vxn-faint);font-weight:600;text-transform:uppercase;letter-spacing:.03em;margin-bottom:7px;display:flex;align-items:center;gap:6px;}
.vxn-kpi .k svg{width:13px;height:13px;}
.vxn-kpi .v{font-family:var(--vxn-font-mono);font-weight:700;font-size:1.4rem;color:var(--vxn-ink);line-height:1.1;font-variant-numeric:tabular-nums;}
.vxn-kpi .v.c{color:var(--vxn-cyan);} .vxn-kpi .v.g{color:var(--vxn-green);} .vxn-kpi .v.a{color:var(--vxn-amber);}
.vxn-kpi .delta{font-size:.72rem;font-weight:700;margin-top:4px;}
.vxn-kpi .delta.up{color:var(--vxn-green);} .vxn-kpi .delta.down{color:var(--vxn-green);}
.vxn-db-charts{display:grid;grid-template-columns:1.5fr 1fr;gap:14px;}
.vxn-chartcard{padding:18px;border-radius:14px;border:1px solid var(--vxn-line);background:rgba(var(--w),.018);}
.vxn-chartcard .ct{font-size:.78rem;color:var(--vxn-muted);font-weight:600;margin-bottom:16px;display:flex;justify-content:space-between;}
.vxn-bars{display:flex;align-items:flex-end;gap:9px;height:120px;}
.vxn-bar{flex:1;border-radius:6px 6px 0 0;background:linear-gradient(180deg,var(--vxn-cyan),rgba(124,58,237,.4));height:0;transition:height 1.1s var(--vxn-ease);min-height:4px;position:relative;}
.vxn-bar:nth-child(even){background:linear-gradient(180deg,var(--vxn-violet),rgba(124,58,237,.4));}
.vxn-bars-x{display:flex;gap:9px;margin-top:8px;}
.vxn-bars-x span{flex:1;text-align:center;font-family:var(--vxn-font-mono);font-size:.58rem;color:var(--vxn-faint);}
.vxn-donut{display:flex;align-items:center;gap:16px;}
.vxn-donut svg{width:104px;height:104px;flex-shrink:0;}
.vxn-donut .leg{display:flex;flex-direction:column;gap:8px;}
.vxn-donut .lg{display:flex;align-items:center;gap:8px;font-size:.76rem;color:var(--vxn-ink-2);}
.vxn-donut .lg i{width:9px;height:9px;border-radius:3px;}

/* ============================ SERVICES ============================ */
.vxn-svc-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(232px,1fr));gap:15px;margin-top:46px;}
.vxn-svc{padding:20px;border-radius:16px;transition:transform .4s var(--vxn-ease),border-color .4s;}
.vxn-svc:hover{transform:translateY(-5px);}
.vxn-svc .ic{width:40px;height:40px;border-radius:11px;background:rgba(var(--ln),.1);color:var(--vxn-cyan);display:flex;align-items:center;justify-content:center;margin-bottom:13px;}
.vxn-svc .ic svg{width:21px;height:21px;}
.vxn-svc h4{font-family:var(--vxn-font-display);font-size:1.02rem;color:var(--vxn-ink);margin:0 0 7px;}
.vxn-svc .cr{font-size:.74rem;font-weight:700;color:var(--vxn-green);text-transform:uppercase;letter-spacing:.04em;margin-bottom:5px;font-family:var(--vxn-font-mono);}
.vxn-svc p{margin:0;font-size:.84rem;color:var(--vxn-muted);}

/* ============================ CASE STUDIES ============================ */
.vxn-case-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px;margin-top:46px;}
.vxn-case{padding:24px;border-radius:18px;transition:transform .4s var(--vxn-ease);}
.vxn-case:hover{transform:translateY(-6px);}
.vxn-case .ind{display:inline-flex;align-items:center;gap:8px;font-size:.74rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--vxn-cyan);margin-bottom:18px;}
.vxn-case .ind .d{width:8px;height:8px;border-radius:50%;background:var(--vxn-cyan);box-shadow:0 0 8px var(--vxn-cyan);}
.vxn-cstat{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:13px 0;border-bottom:1px solid var(--vxn-line);}
.vxn-cstat:last-of-type{border-bottom:0;}
.vxn-cstat .cv{font-family:var(--vxn-font-mono);font-weight:700;font-size:1.5rem;color:var(--vxn-ink);font-variant-numeric:tabular-nums;}
.vxn-cstat .cv.g{color:var(--vxn-green);} .vxn-cstat .cv.c{color:var(--vxn-cyan);}
.vxn-cstat .cl{font-size:.8rem;color:var(--vxn-muted);text-align:right;max-width:54%;}

/* ============================ PROCESS TIMELINE ============================ */
.vxn-timeline{position:relative;max-width:780px;margin:46px auto 0;padding-left:42px;}
.vxn-timeline::before{content:"";position:absolute;left:15px;top:8px;bottom:8px;width:2px;background:var(--vxn-line);}
.vxn-tline-fill{position:absolute;left:15px;top:8px;width:2px;height:0;background:linear-gradient(180deg,var(--vxn-cyan),var(--vxn-violet));box-shadow:0 0 12px var(--vxn-cyan);transition:height 1.6s var(--vxn-ease);}
.vxn-tstep{position:relative;padding:0 0 30px;}
.vxn-tstep:last-child{padding-bottom:0;}
.vxn-tstep .tn{position:absolute;left:-42px;top:0;width:32px;height:32px;border-radius:10px;background:var(--vxn-deep);border:1px solid var(--vxn-line-2);
  display:flex;align-items:center;justify-content:center;font-family:var(--vxn-font-mono);font-size:.78rem;font-weight:700;color:var(--vxn-cyan);}
.vxn-tstep h4{font-family:var(--vxn-font-display);font-size:1.08rem;color:var(--vxn-ink);margin:2px 0 5px;}
.vxn-tstep p{margin:0;font-size:.88rem;color:var(--vxn-muted);}

/* ============================ FINAL CTA ============================ */
.vxn-final{position:relative;text-align:center;padding-block:clamp(80px,13vh,150px);overflow:hidden;}
.vxn-final-orb{position:absolute;top:50%;left:50%;width:520px;height:520px;transform:translate(-50%,-50%);z-index:0;pointer-events:none;
  background:radial-gradient(circle,rgba(192,132,252,.18),rgba(124,58,237,.08) 40%,transparent 70%);}
.vxn-final-inner{position:relative;z-index:2;max-width:720px;margin-inline:auto;}
.vxn-final h2{margin-bottom:20px;}
.vxn-final-cta{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;margin-top:32px;}
.vxn-final-trust{margin-top:24px;font-size:.85rem;color:var(--vxn-faint);font-family:var(--vxn-font-mono);}

/* ============================ FOOTER ============================ */
.vxn-footer{position:relative;border-top:1px solid var(--vxn-line);padding-top:60px;padding-bottom:34px;}
.vxn-foot-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:36px;}
.vxn-foot-brand .vxn-brand{margin-bottom:14px;}
.vxn-foot-brand p{font-size:.88rem;color:var(--vxn-muted);max-width:30ch;}
.vxn-foot-col h5{font-family:var(--vxn-font-mono);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--vxn-faint);margin:0 0 16px;}
.vxn-foot-col a{display:block;font-size:.88rem;color:var(--vxn-ink-2);padding:5px 0;transition:color .25s;}
.vxn-foot-col a:hover{color:var(--vxn-cyan);}
.vxn-foot-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:44px;padding-top:22px;border-top:1px solid var(--vxn-line);}
.vxn-foot-bottom .lg{font-size:.8rem;color:var(--vxn-faint);}
.vxn-foot-bottom .disc{font-size:.76rem;color:var(--vxn-faint);max-width:48ch;}

/* ============================ STICKY MOBILE CTA ============================ */
.vxn-sticky{position:fixed;left:14px;right:14px;bottom:14px;z-index:70;display:none;transform:translateY(140%);transition:transform .45s var(--vxn-ease);}
.vxn-sticky.is-on{transform:none;}
.vxn-sticky a{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;background:var(--vxn-grad-cta);color:var(--vxn-cta-ink);
  font-family:var(--vxn-font-display);font-weight:700;padding:15px;border-radius:14px;box-shadow:0 14px 40px -8px rgba(124,58,237,.7);}
.vxn-sticky a svg{width:18px;height:18px;}

/* ============================ RESPONSIVE ============================ */
@media(max-width:980px){
  .vxn-hero-grid,.vxn-leak-grid,.vxn-board-grid,.vxn-seo-grid,.vxn-ads-grid,.vxn-web-grid,.vxn-excl-grid{grid-template-columns:1fr;gap:38px;}
  .vxn-engine{max-width:440px;order:-1;}
  .vxn-board,.vxn-funnel-stage{max-width:420px;}
  .vxn-db-charts{grid-template-columns:1fr;}
  .vxn-foot-grid{grid-template-columns:1fr 1fr;gap:30px;}
  .vxn-foot-brand{grid-column:1/-1;}
}
@media(max-width:680px){
  .vxn-section{padding-block:clamp(58px,9vh,86px);}
  .vxn-jtrack,.vxn-crm-pipe{overflow-x:auto;justify-content:flex-start;gap:18px;padding-bottom:10px;}
  .vxn-jnode,.vxn-cnode{flex:0 0 96px;}
  .vxn-jline,.vxn-token,.vxn-crm-line{display:none;}
  .vxn-serp{grid-template-columns:1fr;}
  .vxn-foot-grid{grid-template-columns:1fr;}
  .vxn-sticky{display:block;}
  .vxn-foot-bottom{flex-direction:column;align-items:flex-start;}
}

/* ============================ REDUCED MOTION ============================ */
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important;}
  .vxn-reveal{opacity:1!important;transform:none!important;}
  .vxn-piece{opacity:1!important;transform:translate(-50%,-50%) scale(1)!important;}
  .vxn-token,.vxn-sweep::before,.vxn-pin.win{animation:none!important;}
}
/* =====================================================================
   v2 COMPONENT LAYER  (overrides win by source order)
   ===================================================================== */

/* header surface tokens */
:root{ --vxn-header:rgba(255,255,255,0.70); --vxn-header-2:rgba(255,255,255,0.90); }
:root[data-theme="dark"]{ --vxn-header:rgba(12,9,26,0.66); --vxn-header-2:rgba(12,9,26,0.88); }

/* focus ring (a11y) */
:where(a,button,input,select,textarea,[tabindex]):focus-visible{
  outline:2px solid var(--vxn-blue);outline-offset:2px;border-radius:6px;}

/* ----- smaller headings ----- */
.vxn-h1{font-size:clamp(2.0rem,4.6vw,3.4rem);}
.vxn-h2{font-size:clamp(1.5rem,3vw,2.15rem);}
.vxn-h3{font-size:clamp(1.05rem,1.7vw,1.25rem);}

/* SVG funnel labels (theme-aware fills) */
.vxn-fn-strong{fill:var(--vxn-ink);}
.vxn-fn-mid{fill:var(--vxn-ink-2);}

/* ----- ambient atmosphere : theme-aware ----- */
.vxn-atmos{background:
  radial-gradient(1100px 720px at 82% -12%, rgba(124,58,237,0.06), transparent 58%),
  radial-gradient(880px 680px at 2% 6%, rgba(168,85,247,0.05), transparent 60%),
  radial-gradient(1000px 820px at 60% 114%, rgba(192,132,252,0.045), transparent 55%),
  var(--vxn-void);}
:root[data-theme="dark"] .vxn-atmos{background:
  radial-gradient(1100px 720px at 80% -10%, rgba(124,58,237,0.24), transparent 60%),
  radial-gradient(900px 700px at 4% 8%, rgba(139,92,246,0.17), transparent 60%),
  radial-gradient(1000px 820px at 60% 112%, rgba(192,132,252,0.11), transparent 55%),
  var(--vxn-void);}
.vxn-grain{opacity:.022;}
:root[data-theme="dark"] .vxn-grain{opacity:.04;}

/* ===================================================================
   NEW HEADER  (.vxn-hd-*)  — clean, sticky, conventional-premium
   =================================================================== */
.vxn-hd{position:sticky;top:0;z-index:100;
  background:var(--vxn-header);
  -webkit-backdrop-filter:saturate(150%) blur(16px);backdrop-filter:saturate(150%) blur(16px);
  border-bottom:1px solid var(--vxn-line);
  transition:background .3s var(--vxn-ease),border-color .3s,box-shadow .3s;}
.vxn-hd.is-scrolled{background:var(--vxn-header-2);
  box-shadow:0 12px 34px -20px rgba(76,29,149,.4);border-bottom-color:var(--vxn-glass-brd);}
.vxn-hd-bar{max-width:var(--vxn-shell);margin:0 auto;padding:15px 22px;
  display:flex;align-items:center;gap:16px;transition:padding .3s var(--vxn-ease);}
.vxn-hd.is-scrolled .vxn-hd-bar{padding:9px 22px;}
.vxn-hd-brand{display:inline-flex;align-items:center;gap:11px;margin-right:auto;}
.vxn-hd-mark{width:34px;height:34px;flex:none;}
.vxn-hd-word{font-family:var(--vxn-font-display);font-weight:800;letter-spacing:.16em;
  font-size:1.05rem;color:var(--vxn-ink);}
.vxn-hd-nav{display:flex;align-items:center;gap:2px;}
.vxn-hd-link{position:relative;padding:9px 14px;border-radius:10px;font-weight:600;
  font-size:.94rem;color:var(--vxn-muted);transition:color .2s;}
.vxn-hd-link::after{content:"";position:absolute;left:14px;right:14px;bottom:5px;height:2px;border-radius:2px;
  background:var(--vxn-grad-cta);transform:scaleX(0);transform-origin:left;transition:transform .26s var(--vxn-ease);}
.vxn-hd-link:hover{color:var(--vxn-ink);}
.vxn-hd-link:hover::after{transform:scaleX(1);}
.vxn-hd-actions{display:flex;align-items:center;gap:10px;}
.vxn-hd-toggle{width:40px;height:40px;border-radius:11px;display:inline-grid;place-items:center;
  background:var(--vxn-glass-2);border:1px solid var(--vxn-glass-brd);color:var(--vxn-ink-2);
  transition:transform .2s,border-color .2s,color .2s;}
.vxn-hd-toggle:hover{color:var(--vxn-blue);border-color:var(--vxn-blue);transform:translateY(-1px);}
.vxn-hd-toggle svg{width:19px;height:19px;}
.vxn-hd-toggle .vxn-ic-moon{display:none;}
:root[data-theme="dark"] .vxn-hd-toggle .vxn-ic-sun{display:none;}
:root[data-theme="dark"] .vxn-hd-toggle .vxn-ic-moon{display:block;}
.vxn-hd-cta{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:11px;
  font-weight:700;font-size:.92rem;background:var(--vxn-grad-cta);color:var(--vxn-cta-ink);
  box-shadow:var(--vxn-glow-cta);transition:transform .2s,box-shadow .2s;}
.vxn-hd-cta:hover{transform:translateY(-1px);box-shadow:0 20px 46px -14px rgba(124,58,237,.6);}
.vxn-hd-burger{display:none;width:42px;height:42px;border-radius:11px;
  background:var(--vxn-glass-2);border:1px solid var(--vxn-glass-brd);color:var(--vxn-ink);
  align-items:center;justify-content:center;}
.vxn-hd-burger svg{width:22px;height:22px;}
.vxn-hd-mobile{display:none;}
@media (max-width:860px){
  .vxn-hd-nav,.vxn-hd-cta{display:none;}
  .vxn-hd-burger{display:inline-flex;}
  .vxn-hd-mobile{display:block;max-height:0;overflow:hidden;
    transition:max-height .38s var(--vxn-ease);
    background:var(--vxn-header-2);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);
    border-bottom:1px solid var(--vxn-line);}
  .vxn-hd-mobile.is-open{max-height:460px;}
  .vxn-hd-mlist{max-width:var(--vxn-shell);margin:0 auto;padding:8px 22px 22px;
    display:flex;flex-direction:column;gap:4px;}
  .vxn-hd-mlink{padding:14px 12px;border-radius:12px;font-weight:600;color:var(--vxn-ink-2);
    border:1px solid transparent;transition:background .2s,border-color .2s;}
  .vxn-hd-mlink:hover{background:var(--vxn-glass-2);border-color:var(--vxn-glass-brd);}
  .vxn-hd-mcta{margin-top:10px;justify-content:center;display:inline-flex;align-items:center;gap:8px;
    padding:15px 18px;border-radius:12px;font-weight:700;background:var(--vxn-grad-cta);
    color:var(--vxn-cta-ink);box-shadow:var(--vxn-glow-cta);}
}

/* ===================================================================
   IMAGES — real photos with graceful purple fallbacks
   =================================================================== */
.vxn-figure{position:relative;border-radius:var(--vxn-r);overflow:hidden;
  border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);background:var(--vxn-panel-2);}
.vxn-figure img{width:100%;height:100%;object-fit:cover;display:block;}
.vxn-ph{position:absolute;inset:0;display:none;align-items:center;justify-content:center;
  background:linear-gradient(150deg,#2a1d4d 0%,#7c3aed 60%,#a855f7 100%);color:#fff;}
.vxn-ph svg{width:40%;height:40%;opacity:.92;}
.vxn-figtag{position:absolute;left:13px;bottom:13px;z-index:2;display:inline-flex;align-items:center;gap:7px;
  padding:7px 13px;border-radius:999px;font-size:.76rem;font-weight:700;letter-spacing:.02em;color:#fff;
  background:rgba(11,8,24,.46);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
  border:1px solid rgba(255,255,255,.20);}
.vxn-ind-figure{aspect-ratio:4/3;margin-top:22px;}
.vxn-avatars{display:flex;align-items:center;}
.vxn-avatar{width:42px;height:42px;border-radius:50%;overflow:hidden;position:relative;flex:none;
  border:2px solid var(--vxn-panel);margin-left:-11px;
  background:linear-gradient(150deg,#7c3aed,#c084fc);box-shadow:0 2px 9px -2px rgba(76,29,149,.5);}
.vxn-avatar:first-child{margin-left:0;}
.vxn-avatar img{width:100%;height:100%;object-fit:cover;display:block;}
.vxn-avatar .vxn-ph{font-weight:800;font-size:.88rem;font-family:var(--vxn-font-display);}
.vxn-case-avatar{width:48px;height:48px;border-radius:50%;overflow:hidden;position:relative;flex:none;
  border:1px solid var(--vxn-glass-brd);background:linear-gradient(150deg,#7c3aed,#c084fc);}
.vxn-case-avatar img{width:100%;height:100%;object-fit:cover;display:block;}
.vxn-case-avatar .vxn-ph{font-weight:800;font-family:var(--vxn-font-display);}
.vxn-case-person{display:flex;align-items:center;gap:12px;margin-bottom:16px;}
.vxn-case-person .nm{font-family:var(--vxn-font-display);font-weight:700;font-size:.92rem;color:var(--vxn-ink);line-height:1.2;}
.vxn-case-person .rl{font-size:.8rem;color:var(--vxn-muted);}
.vxn-hero-proof{display:flex;align-items:center;gap:14px;margin-top:26px;flex-wrap:wrap;}
.vxn-hero-proof .txt{font-size:.86rem;color:var(--vxn-muted);max-width:24ch;line-height:1.45;}
.vxn-hero-proof .txt b{color:var(--vxn-ink-2);font-weight:700;}

/* ===================================================================
   NEW FOOTER  (.vxn-ft-*)
   =================================================================== */
.vxn-ft{position:relative;margin-top:96px;
  background:linear-gradient(180deg,var(--vxn-deep),var(--vxn-void));
  border-top:1px solid var(--vxn-line);}
.vxn-ft-cta{max-width:var(--vxn-shell);margin:0 auto;padding:58px 22px 8px;
  display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:26px;}
.vxn-ft-cta-copy h2{font-family:var(--vxn-font-display);font-weight:800;
  font-size:clamp(1.5rem,3vw,2.15rem);color:var(--vxn-ink);margin:0;letter-spacing:-.02em;
  max-width:20ch;line-height:1.12;}
.vxn-ft-cta-copy p{color:var(--vxn-muted);margin:10px 0 0;max-width:44ch;}
.vxn-ft-cta-btn{display:inline-flex;align-items:center;gap:9px;padding:15px 26px;border-radius:13px;
  font-weight:700;background:var(--vxn-grad-cta);color:var(--vxn-cta-ink);box-shadow:var(--vxn-glow-cta);
  white-space:nowrap;transition:transform .2s,box-shadow .2s;}
.vxn-ft-cta-btn:hover{transform:translateY(-2px);box-shadow:0 22px 50px -14px rgba(124,58,237,.6);}
.vxn-ft-grid{max-width:var(--vxn-shell);margin:34px auto 0;padding:42px 22px;
  display:grid;grid-template-columns:1.7fr 1fr 1fr 1fr;gap:32px;border-top:1px solid var(--vxn-line);}
.vxn-ft-brand p{color:var(--vxn-muted);font-size:.92rem;max-width:34ch;line-height:1.65;margin:14px 0 0;}
.vxn-ft-col h4{font-family:var(--vxn-font-display);font-size:.78rem;letter-spacing:.13em;
  text-transform:uppercase;color:var(--vxn-faint);margin:2px 0 14px;}
.vxn-ft-col a{display:block;color:var(--vxn-ink-2);font-size:.92rem;padding:7px 0;transition:color .2s;}
.vxn-ft-col a:hover{color:var(--vxn-blue);}
.vxn-ft-disc{max-width:var(--vxn-shell);margin:0 auto;padding:0 22px 26px;}
.vxn-ft-disc p{color:var(--vxn-faint);font-size:.78rem;line-height:1.65;
  border-top:1px dashed var(--vxn-line);padding-top:20px;margin:0;}
.vxn-ft-bottom{border-top:1px solid var(--vxn-line);}
.vxn-ft-bottom-in{max-width:var(--vxn-shell);margin:0 auto;padding:22px;
  display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;}
.vxn-ft-copy{color:var(--vxn-faint);font-size:.85rem;}
.vxn-ft-social{display:flex;gap:10px;}
.vxn-ft-social a{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;
  background:var(--vxn-glass-2);border:1px solid var(--vxn-glass-brd);color:var(--vxn-ink-2);
  transition:color .2s,border-color .2s,transform .2s;}
.vxn-ft-social a:hover{color:var(--vxn-blue);border-color:var(--vxn-blue);transform:translateY(-2px);}
.vxn-ft-social svg{width:18px;height:18px;}
@media (max-width:780px){.vxn-ft-grid{grid-template-columns:1fr 1fr;}.vxn-ft-brand{grid-column:1/-1;}}
@media (max-width:480px){.vxn-ft-grid{grid-template-columns:1fr;}}

.vxn-leak-money{margin-top:18px;padding:18px 20px;border-radius:16px;text-align:center;
  background:linear-gradient(160deg,rgba(244,63,94,.10),rgba(124,58,237,.06));
  border:1px solid var(--vxn-glass-brd);}
.vxn-leak-money .big{display:block;font-family:var(--vxn-font-display);font-weight:800;
  font-size:clamp(1.6rem,3vw,2.1rem);color:var(--vxn-red);letter-spacing:-.02em;}
.vxn-leak-money .sub{display:block;margin-top:6px;font-size:.84rem;color:var(--vxn-muted);line-height:1.5;}

/* ===================================================================
   ABOUT SECTION
   =================================================================== */
.vxn-about-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:46px;align-items:center;margin-top:42px;}
.vxn-about-figure{position:relative;border-radius:var(--vxn-r);overflow:hidden;
  border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);background:var(--vxn-panel-2);aspect-ratio:4/3;}
.vxn-about-figure img{width:100%;height:100%;object-fit:cover;display:block;}
.vxn-about-badge{position:absolute;left:16px;bottom:16px;z-index:2;display:flex;align-items:center;gap:12px;
  padding:12px 16px;border-radius:14px;background:rgba(11,8,24,.55);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
  border:1px solid rgba(255,255,255,.18);}
.vxn-about-badge .n{font-family:var(--vxn-font-display);font-weight:800;font-size:1.3rem;color:#fff;line-height:1;}
.vxn-about-badge .l{font-size:.74rem;color:rgba(255,255,255,.8);line-height:1.3;}
.vxn-about-lead{font-size:1.05rem;color:var(--vxn-ink-2);line-height:1.7;margin:18px 0 0;}
.vxn-about-lead b{color:var(--vxn-ink);font-weight:700;}
.vxn-about-points{display:grid;gap:14px;margin-top:24px;}
.vxn-about-point{display:flex;gap:13px;align-items:flex-start;}
.vxn-about-point .ic{width:34px;height:34px;flex:none;border-radius:10px;display:grid;place-items:center;
  background:linear-gradient(150deg,rgba(124,58,237,.16),rgba(192,132,252,.10));color:var(--vxn-blue);border:1px solid var(--vxn-glass-brd);}
.vxn-about-point .ic svg{width:18px;height:18px;}
.vxn-about-point h4{font-family:var(--vxn-font-display);font-weight:600;font-size:.98rem;color:var(--vxn-ink);margin:2px 0 3px;}
.vxn-about-point p{font-size:.88rem;color:var(--vxn-muted);line-height:1.55;margin:0;}
@media (max-width:820px){ .vxn-about-grid{grid-template-columns:1fr;gap:30px;} }
/* ===================================================================
   MEGA MENU
   =================================================================== */
.vxn-hd-mega-btn{background:transparent;border:0;font-family:inherit;cursor:pointer;display:inline-flex;align-items:center;gap:6px;}
.vxn-hd-chev{transition:transform .25s var(--vxn-ease);}
.vxn-hd-mega-btn[aria-expanded="true"]{color:var(--vxn-ink);}
.vxn-hd-mega-btn[aria-expanded="true"] .vxn-hd-chev{transform:rotate(180deg);}
.vxn-hd-mega{position:absolute;top:100%;left:0;right:0;z-index:99;
  background:var(--vxn-panel);
  border-top:1px solid var(--vxn-line);border-bottom:1px solid var(--vxn-glass-brd);
  box-shadow:0 36px 70px -34px rgba(76,29,149,.42);
  opacity:0;visibility:hidden;transform:translateY(-10px);pointer-events:none;
  transition:opacity .26s var(--vxn-ease),transform .26s var(--vxn-ease),visibility .26s;}
.vxn-hd-mega.is-open{opacity:1;visibility:visible;transform:none;pointer-events:auto;}
.vxn-hd-mega-in{max-width:var(--vxn-shell);margin:0 auto;padding:30px 22px 34px;
  display:grid;grid-template-columns:1.25fr 1fr 1.15fr;gap:30px;}
.vxn-hd-mega-col h4{font-family:var(--vxn-font-display);font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;
  color:var(--vxn-faint);margin:0 0 12px;padding-left:10px;}
.vxn-hd-mega-col a{display:flex;align-items:center;gap:12px;padding:10px;border-radius:12px;
  border:1px solid transparent;transition:background .18s,border-color .18s,transform .18s;}
.vxn-hd-mega-col a:hover{background:var(--vxn-glass-2);border-color:var(--vxn-glass-brd);transform:translateX(2px);}
.vxn-hd-mega-col a .ic{width:34px;height:34px;flex:none;border-radius:9px;display:grid;place-items:center;
  background:linear-gradient(150deg,rgba(124,58,237,.16),rgba(192,132,252,.10));color:var(--vxn-blue);border:1px solid var(--vxn-glass-brd);}
.vxn-hd-mega-col a .ic svg{width:18px;height:18px;}
.vxn-hd-mega-col a .tx b{display:block;font-family:var(--vxn-font-display);font-weight:600;font-size:.92rem;color:var(--vxn-ink);}
.vxn-hd-mega-col a .tx span{display:block;font-size:.78rem;color:var(--vxn-muted);margin-top:1px;}
.vxn-hd-mega-col:nth-child(2) a{padding:12px;}
.vxn-hd-mega-feature{background:linear-gradient(160deg,rgba(124,58,237,.10),rgba(192,132,252,.05));
  border:1px solid var(--vxn-glass-brd);border-radius:16px;padding:22px;display:flex;flex-direction:column;}
.vxn-hd-mega-feature h3{font-family:var(--vxn-font-display);font-weight:700;font-size:1.05rem;color:var(--vxn-ink);
  margin:10px 0 8px;line-height:1.25;letter-spacing:-.01em;}
.vxn-hd-mega-feature p{color:var(--vxn-muted);font-size:.86rem;line-height:1.55;margin:0 0 16px;}
.vxn-hd-mega-cta{margin-top:auto;align-self:flex-start;display:inline-flex;align-items:center;gap:8px;
  padding:11px 18px;border-radius:11px;font-weight:700;font-size:.86rem;background:var(--vxn-grad-cta);color:var(--vxn-cta-ink);box-shadow:var(--vxn-glow-cta);}
@media (max-width:860px){ .vxn-hd-mega{display:none !important;} }
@media (prefers-reduced-motion:reduce){ .vxn-hd-mega,.vxn-hd-chev{transition:none !important;} }

/* ===================================================================
   HERO v3 — particles.js network + centered creative layout
   =================================================================== */
.vxn-hero{position:relative;overflow:hidden;min-height:clamp(580px,88vh,880px);
  display:flex;align-items:center;padding-top:48px;padding-bottom:56px;}
#vxn-particles{position:absolute;inset:0;z-index:0;}
#vxn-particles canvas{display:block !important;}
.vxn-hero-glow{position:absolute;inset:0;z-index:0;pointer-events:none;background:
  radial-gradient(640px 440px at 50% 30%, rgba(124,58,237,.16), transparent 70%),
  radial-gradient(520px 380px at 84% 72%, rgba(192,132,252,.12), transparent 70%),
  radial-gradient(480px 360px at 12% 78%, rgba(168,85,247,.10), transparent 70%);}
.vxn-hero .vxn-shell{position:relative;z-index:2;}
.vxn-hero-center{max-width:900px;margin:0 auto;text-align:center;display:flex;flex-direction:column;align-items:center;}
.vxn-hero-center .vxn-h1{margin:16px auto 0;}
.vxn-hero-center .vxn-lead{margin:20px auto 0;text-align:center;}
.vxn-hero-center .vxn-hero-cta{justify-content:center;margin-top:30px;display:flex;gap:14px;flex-wrap:wrap;}
.vxn-hero-center .vxn-hero-proof{justify-content:center;margin-top:28px;}
.vxn-hero-metrics{margin-top:40px;padding:6px;border-radius:18px;width:100%;max-width:800px;}
.vxn-hero-metrics .cap{text-align:center;font-size:.82rem;font-weight:700;color:var(--vxn-red);
  padding:12px 16px 11px;line-height:1.4;}
.vxn-hm-row{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--vxn-line);}
.vxn-hm-row .cell{padding:16px 14px 18px;text-align:center;position:relative;}
.vxn-hm-row .cell + .cell::before{content:"";position:absolute;left:0;top:22%;bottom:22%;width:1px;background:var(--vxn-line);}
.vxn-hm-row .v{font-family:var(--vxn-font-display);font-weight:800;font-size:clamp(1.35rem,2.5vw,1.9rem);color:var(--vxn-ink);letter-spacing:-.02em;}
.vxn-hm-row .v.g{color:var(--vxn-green);}
.vxn-hm-row .v.c{color:var(--vxn-blue);}
.vxn-hm-row .k{font-size:.74rem;color:var(--vxn-muted);margin-top:5px;letter-spacing:.01em;line-height:1.3;}
@media (max-width:620px){
  .vxn-hm-row{grid-template-columns:repeat(2,1fr);}
  .vxn-hm-row .cell:nth-child(3)::before{display:none;}
}
@media (prefers-reduced-motion:reduce){
  .vxn-hd,.vxn-hd-bar,.vxn-hd-mobile,.vxn-hd-link::after,.vxn-hd-cta,.vxn-hd-toggle,
  .vxn-ft-cta-btn,.vxn-ft-social a,.vxn-about-point{transition:none !important;}
}
/* ----- hero text glow + typewriter caret + lead highlight ----- */
.vxn-hero-center .vxn-h1{text-shadow:0 0 38px rgba(124,58,237,.14);}
.vxn-hero-break{display:block;margin-top:.08em;}
:root[data-theme="dark"] .vxn-hero-center .vxn-h1{text-shadow:0 0 48px rgba(124,58,237,.45);}
.vxn-hero-center .vxn-grad-txt{text-shadow:none;
  filter:drop-shadow(0 0 14px rgba(124,58,237,.45)) drop-shadow(0 0 28px rgba(192,132,252,.30));}
.vxn-hl{color:var(--vxn-blue);}
:root[data-theme="dark"] .vxn-hl{color:var(--vxn-cyan);}
.vxn-hero-center .vxn-lead strong{color:var(--vxn-blue);font-weight:700;}
:root[data-theme="dark"] .vxn-hero-center .vxn-lead strong{color:var(--vxn-cyan);}
.vxn-caret{display:inline-block;width:3px;height:.92em;margin-left:5px;vertical-align:-1px;border-radius:2px;
  background:linear-gradient(180deg,#7c3aed,#c084fc);box-shadow:0 0 12px rgba(124,58,237,.75);
  animation:vxn-blink 1.05s steps(1) infinite;}
@keyframes vxn-blink{0%,50%{opacity:1}50.01%,100%{opacity:0}}
@media (prefers-reduced-motion:reduce){ .vxn-caret{animation:none;display:none;} }
/* ----- section 2 : animated funnel (flowing leads + happy booked) ----- */
.vxn-funnel-anim{width:100%;max-width:330px;display:block;margin:0 auto;overflow:visible;}
.vxn-flow{fill:#a855f7;animation:vxn-pflow 2.7s linear infinite;}
.vxn-flow.f1{animation-delay:0s;}
.vxn-flow.f2{animation-delay:.45s;}
.vxn-flow.f3{animation-delay:.95s;}
.vxn-flow.f4{animation-delay:1.4s;}
.vxn-flow.f5{animation-delay:1.85s;}
.vxn-flow.f6{animation-delay:2.3s;}
@keyframes vxn-pflow{
  0%{transform:translateY(0);opacity:0;}
  10%{opacity:1;}
  86%{opacity:.95;}
  100%{transform:translateY(262px);opacity:0;}
}
.vxn-leak{fill:#f43f5e;}
.vxn-leak.l1,.vxn-leak.l2,.vxn-leak.l3{animation:vxn-leakL 2.7s ease-in infinite;}
.vxn-leak.r1,.vxn-leak.r2,.vxn-leak.r3{animation:vxn-leakR 2.7s ease-in infinite;}
.vxn-leak.l1{animation-delay:.3s;}
.vxn-leak.r1{animation-delay:.9s;}
.vxn-leak.r2{animation-delay:.6s;}
.vxn-leak.l2{animation-delay:1.5s;}
.vxn-leak.r3{animation-delay:1.2s;}
.vxn-leak.l3{animation-delay:2s;}
@keyframes vxn-leakL{0%{transform:translate(0,0);opacity:0;}20%{opacity:.9;}100%{transform:translate(-30px,18px);opacity:0;}}
@keyframes vxn-leakR{0%{transform:translate(0,0);opacity:0;}20%{opacity:.9;}100%{transform:translate(30px,18px);opacity:0;}}
.vxn-joy-glow{transform-box:fill-box;transform-origin:center;animation:vxn-joy-pulse 2.4s ease-in-out infinite;}
@keyframes vxn-joy-pulse{0%,100%{transform:scale(.9);opacity:.45;}50%{transform:scale(1.14);opacity:.82;}}
.vxn-joy-face{transform-box:fill-box;transform-origin:center;animation:vxn-joy-bob 2.4s ease-in-out infinite;}
@keyframes vxn-joy-bob{0%,100%{transform:translateY(0) scale(1);}50%{transform:translateY(-2px) scale(1.05);}}
.vxn-spark{transform-box:fill-box;transform-origin:center;animation:vxn-twinkle 1.9s ease-in-out infinite;}
.vxn-spark.s2{animation-delay:.6s;}
.vxn-spark.s3{animation-delay:1.15s;}
@keyframes vxn-twinkle{0%,100%{opacity:.15;transform:scale(.6);}50%{opacity:1;transform:scale(1.1);}}
@media (prefers-reduced-motion:reduce){
  .vxn-flow,.vxn-leak,.vxn-spark{display:none;}
  .vxn-joy-glow,.vxn-joy-face{animation:none;}
}
/* ----- section 3 : Method phases (image-rich, alternating) ----- */
.vxn-phases{display:flex;flex-direction:column;gap:40px;margin-top:48px;}
.vxn-phase{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center;}
.vxn-phase:nth-child(even) .vxn-phase-figure{order:2;}
.vxn-phase-figure{position:relative;border-radius:var(--vxn-r);overflow:hidden;aspect-ratio:4/3;
  border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);background:var(--vxn-panel-2);}
.vxn-phase-figure img{width:100%;height:100%;object-fit:cover;display:block;}
.vxn-phase-badge{position:absolute;left:14px;top:14px;z-index:2;
  font-family:var(--vxn-font-display);font-weight:800;font-size:1.05rem;color:#fff;
  width:46px;height:46px;display:grid;place-items:center;border-radius:13px;
  background:linear-gradient(150deg,rgba(124,58,237,.94),rgba(168,85,247,.94));
  border:1px solid rgba(255,255,255,.25);box-shadow:0 8px 22px -8px rgba(76,29,149,.6);}
.vxn-phase-tag{display:inline-block;font-family:var(--vxn-font-display);font-size:.76rem;font-weight:700;
  letter-spacing:.08em;text-transform:uppercase;color:var(--vxn-blue);
  padding:6px 12px;border-radius:999px;background:rgba(124,58,237,.10);
  border:1px solid var(--vxn-glass-brd);margin-bottom:14px;}
.vxn-phase-body h3{margin:0 0 10px;}
.vxn-phase-body > p{color:var(--vxn-ink-2);font-size:1rem;line-height:1.6;margin:0;}
.vxn-phase-steps{list-style:none;padding:0;margin:20px 0 0;display:grid;gap:12px;}
.vxn-phase-steps li{display:flex;gap:14px;align-items:flex-start;padding:11px 14px;border-radius:12px;
  background:var(--vxn-glass-2);border:1px solid var(--vxn-glass-brd);
  transition:transform .25s var(--vxn-ease),border-color .25s;}
.vxn-phase-steps li:hover{transform:translateX(3px);border-color:var(--vxn-blue);}
.vxn-phase-steps .n{font-family:var(--vxn-font-mono);font-weight:700;color:var(--vxn-blue);font-size:.9rem;
  width:24px;flex:none;padding-top:2px;}
.vxn-phase-steps b{display:block;font-family:var(--vxn-font-display);font-weight:600;color:var(--vxn-ink);font-size:.96rem;}
.vxn-phase-steps .d{display:block;font-size:.85rem;color:var(--vxn-muted);line-height:1.5;margin-top:2px;}
@media (max-width:840px){
  .vxn-phase{grid-template-columns:1fr;gap:22px;}
  .vxn-phase .vxn-phase-figure,
  .vxn-phase:nth-child(even) .vxn-phase-figure{order:-1;}
}
@media (prefers-reduced-motion:reduce){ .vxn-phase-steps li{transition:none;} }
/* ----- section 2 : parallax + falling background ----- */
.vxn-sec2{position:relative;overflow:hidden;}
.vxn-sec2 > .vxn-shell{position:relative;z-index:1;}
.vxn-sec2-bg{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden;}
.vxn-p-layer{position:absolute;inset:-12% 0;will-change:transform;}
.vxn-blob{position:absolute;border-radius:50%;filter:blur(60px);opacity:.55;}
.vxn-blob.b1{width:46vw;max-width:560px;aspect-ratio:1;left:-8%;top:6%;
  background:radial-gradient(circle,rgba(124,58,237,.18),transparent 70%);}
.vxn-blob.b2{width:40vw;max-width:480px;aspect-ratio:1;right:-6%;bottom:0%;
  background:radial-gradient(circle,rgba(192,132,252,.15),transparent 70%);}
.vxn-p-mid{background-image:
   linear-gradient(rgba(var(--ln),.05) 1px,transparent 1px),
   linear-gradient(90deg,rgba(var(--ln),.05) 1px,transparent 1px);
  background-size:46px 46px;
  -webkit-mask-image:radial-gradient(ellipse at 50% 38%,#000 32%,transparent 78%);
  mask-image:radial-gradient(ellipse at 50% 38%,#000 32%,transparent 78%);}
.vxn-fall{position:absolute;top:-8%;width:var(--s,5px);height:var(--s,5px);border-radius:50%;
  background:var(--c,#a855f7);box-shadow:0 0 8px rgba(168,85,247,.5);opacity:0;
  animation:vxn-fall var(--dur,10s) linear var(--d,0s) infinite;}
.vxn-fall-red{--c:#f43f5e;box-shadow:0 0 8px rgba(244,63,94,.5);}
@keyframes vxn-fall{
  0%{transform:translate3d(0,0,0);opacity:0;}
  8%{opacity:.85;}
  88%{opacity:.5;}
  100%{transform:translate3d(var(--x,0),132vh,0);opacity:0;}
}
@media (prefers-reduced-motion:reduce){
  .vxn-fall{display:none;}
  .vxn-p-layer{transform:none !important;}
}

/* ----- section 3 (Method) : image-backed parallax ----- */
.vxn-parallax-host{position:relative;overflow:hidden;}
.vxn-parallax-host > .vxn-shell{position:relative;z-index:1;}
.vxn-m3-bg{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden;}
.vxn-m3-img{background:
    radial-gradient(45% 55% at 12% 8%, rgba(124,58,237,.14), transparent 68%),
    radial-gradient(45% 55% at 88% 12%, rgba(192,132,252,.12), transparent 68%),
    radial-gradient(62% 60% at 50% 100%, rgba(139,92,246,.10), transparent 72%);}
:root[data-theme="dark"] .vxn-m3-img{filter:brightness(1.25);}
/* ----- strategy board : connected colour-tile redesign ----- */
.vxn-board::before{background:
  linear-gradient(rgba(var(--ln),.045) 1px,transparent 1px),
  linear-gradient(90deg,rgba(var(--ln),.045) 1px,transparent 1px);
  background-size:16.66% 16.66%;opacity:.7;}
.vxn-board-net{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none;}
.vxn-board-net .net-flow polyline{animation:vxn-netflow 1.6s linear infinite;}
@keyframes vxn-netflow{to{stroke-dashoffset:-16;}}
.vxn-piece-disc{border-radius:18px;
  background:radial-gradient(circle at 32% 26%,rgba(255,255,255,.42),transparent 54%),var(--pc,#a855f7);
  border:1px solid rgba(255,255,255,.34);
  box-shadow:0 12px 26px -10px var(--pc,rgba(168,85,247,.6)),inset 0 -7px 16px rgba(0,0,0,.2),inset 0 1px 1px rgba(255,255,255,.5);}
.vxn-piece-disc svg{color:#fff;}
.vxn-piece-lbl{color:#fff;opacity:.96;}
.vxn-piece-glow{opacity:.55;filter:blur(11px);inset:-28%;}

/* ----- industries : focus split + vertical journey + specialties (redesigned) ----- */
.vxn-ind2-grid{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:stretch;margin-top:46px;}
.vxn-ind2-figure{position:relative;border-radius:var(--vxn-r);overflow:hidden;min-height:430px;
  border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);background:var(--vxn-panel-2);}
.vxn-ind2-figure img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;}
.vxn-ind2-badge{position:absolute;z-index:2;display:inline-flex;align-items:center;gap:8px;
  font-family:var(--vxn-font-display);font-weight:600;font-size:.78rem;color:#fff;
  padding:8px 13px;border-radius:999px;background:rgba(20,12,40,.55);
  backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.22);}
.vxn-ind2-badge.top{left:16px;top:16px;}
.vxn-ind2-badge.bot{left:16px;bottom:16px;font-family:var(--vxn-font-mono);font-size:.72rem;font-weight:500;}
.vxn-ind2-journey{display:flex;flex-direction:column;justify-content:center;}
.vxn-vjourney{list-style:none;margin:22px 0 0;padding:0;position:relative;}
.vxn-vjourney::before{content:"";position:absolute;left:23px;top:23px;bottom:23px;width:2px;background:var(--vxn-line);}
.vxn-vjourney::after{content:"";position:absolute;left:23px;top:23px;bottom:23px;width:2px;
  background:linear-gradient(180deg,var(--ac1),var(--ac2),var(--ac1));background-size:100% 220%;
  opacity:.75;animation:vxn-vrail 3s linear infinite;}
@keyframes vxn-vrail{to{background-position:0 -220%;}}
.vxn-vstep{position:relative;display:flex;gap:16px;align-items:flex-start;padding-bottom:24px;}
.vxn-vstep:last-child{padding-bottom:0;}
.vxn-vstep .vxn-jdot{flex:none;position:relative;z-index:1;}
.vxn-vtxt{padding-top:5px;}
.vxn-vtxt b{display:block;font-family:var(--vxn-font-display);font-weight:600;color:var(--vxn-ink);font-size:1rem;}
.vxn-vtxt .s{font-family:var(--vxn-font-mono);font-size:.66rem;letter-spacing:.05em;text-transform:uppercase;color:var(--vxn-faint);}
.vxn-spec-head{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;margin:50px 0 18px;}
.vxn-spec-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:14px;}
.vxn-spec{position:relative;display:flex;gap:15px;align-items:flex-start;padding:16px 18px 16px 20px;border-radius:14px;
  overflow:hidden;background:var(--vxn-glass-2);border:1px solid var(--vxn-glass-brd);
  transition:transform .3s var(--vxn-ease),border-color .3s;}
.vxn-spec::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;
  background:linear-gradient(180deg,var(--vxn-blue),var(--vxn-cyan));opacity:0;transition:opacity .3s;}
.vxn-spec:hover{transform:translateY(-4px);border-color:var(--vxn-blue);}
.vxn-spec:hover::before{opacity:1;}
.vxn-spec .ic{width:42px;height:42px;border-radius:11px;flex:none;display:grid;place-items:center;
  background:rgba(124,58,237,.1);color:var(--vxn-blue);}
.vxn-spec .ic svg{width:22px;height:22px;}
.vxn-spec h4{margin:0 0 4px;font-family:var(--vxn-font-display);font-size:1rem;color:var(--vxn-ink);}
.vxn-spec p{margin:0;font-size:.85rem;color:var(--vxn-muted);line-height:1.5;}
@media (max-width:840px){
  .vxn-ind2-grid{grid-template-columns:1fr;gap:24px;}
  .vxn-ind2-figure{min-height:300px;}
}
@media (prefers-reduced-motion:reduce){
  .vxn-board-net .net-flow polyline{animation:none;}
  .vxn-vjourney::after{animation:none;}
}
/* ----- website before/after : detailed site mockups ----- */
.vxn-ba-layer{padding:0;}
.vxn-ba-after{background:linear-gradient(180deg,#ffffff,#f7f4ff);}
.vxn-ba-before{background:linear-gradient(180deg,#e9ebef,#dfe2e8);clip-path:inset(0 calc(100% - var(--pos)) 0 0);}
.vxn-ba-handle{background:var(--vxn-blue);box-shadow:0 0 14px rgba(124,58,237,.6);}
.vxn-ba-knob{background:#fff;border-color:var(--vxn-blue);}
.vxn-ba-knob svg{color:var(--vxn-blue);}
.vxn-st{position:absolute;inset:0;display:flex;flex-direction:column;overflow:hidden;}
.vxn-st-nav{display:flex;align-items:center;justify-content:space-between;padding:9px 13px;border-bottom:1px solid rgba(27,18,51,.08);background:rgba(255,255,255,.6);}
.vxn-st-logo{display:flex;align-items:center;gap:6px;font-family:var(--vxn-font-display);font-weight:800;font-size:.64rem;color:#1b1233;white-space:nowrap;}
.vxn-st-logo i{width:14px;height:14px;border-radius:5px;background:linear-gradient(135deg,#7c3aed,#c084fc);flex:none;}
.vxn-st-links{display:flex;gap:8px;}
.vxn-st-links b{width:22px;height:5px;border-radius:3px;background:rgba(27,18,51,.16);}
.vxn-st-btn{font-family:var(--vxn-font-display);font-size:.6rem;font-weight:700;color:#fff;background:linear-gradient(135deg,#7c3aed,#a855f7);border-radius:7px;padding:5px 12px;white-space:nowrap;}
.vxn-st-hero{flex:1;display:flex;gap:13px;padding:15px 13px;align-items:center;}
.vxn-st-htext{flex:1.25;display:flex;flex-direction:column;gap:7px;min-width:0;}
.vxn-st-h1{font-family:var(--vxn-font-display);font-weight:800;font-size:.96rem;line-height:1.12;color:#1b1233;}
.vxn-st-sub{height:6px;border-radius:3px;background:rgba(27,18,51,.12);width:92%;}
.vxn-st-sub.s{width:64%;}
.vxn-st-ctarow{display:flex;align-items:center;gap:8px;margin-top:5px;flex-wrap:wrap;}
.vxn-st-cta{font-family:var(--vxn-font-display);font-size:.64rem;font-weight:700;color:#fff;background:linear-gradient(135deg,#7c3aed,#a855f7);border-radius:8px;padding:7px 14px;box-shadow:0 7px 16px -6px rgba(124,58,237,.6);white-space:nowrap;}
.vxn-st-call{display:inline-flex;align-items:center;gap:5px;font-family:var(--vxn-font-display);font-size:.6rem;font-weight:700;color:#7c3aed;border:1px solid rgba(124,58,237,.32);border-radius:8px;padding:6px 10px;white-space:nowrap;}
.vxn-st-call svg{width:11px;height:11px;}
.vxn-st-stars{display:flex;align-items:center;gap:6px;font-size:.72rem;color:#f59e0b;margin-top:2px;letter-spacing:1px;}
.vxn-st-stars span{color:#675d86;font-family:var(--vxn-font-mono);font-size:.56rem;letter-spacing:0;}
.vxn-st-himg{flex:.85;align-self:stretch;border-radius:10px;min-height:74px;position:relative;overflow:hidden;
  background:linear-gradient(150deg,#a855f7,#7c3aed);box-shadow:0 8px 20px -8px rgba(124,58,237,.55);}
.vxn-st-himg::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 70% 28%,rgba(255,255,255,.4),transparent 58%);}
.vxn-st-trust{display:flex;gap:7px;padding:0 13px 13px;}
.vxn-st-trust span{flex:1;height:15px;border-radius:5px;background:rgba(16,185,129,.16);border:1px solid rgba(16,185,129,.2);}
/* dated / bad site */
.vxn-st-nav.bad{padding:8px 11px;border-bottom:1px solid rgba(51,65,90,.14);background:#eceef2;}
.vxn-st-logo.bad{font-family:var(--vxn-font-body);font-weight:700;font-size:.6rem;color:#3a4a63;}
.vxn-st-links.bad{gap:6px;}
.vxn-st-links.bad b{width:15px;height:4px;background:rgba(58,74,99,.4);}
.vxn-st-body{flex:1;padding:13px 13px 12px;display:flex;flex-direction:column;gap:6px;}
.vxn-st-bh{font-family:var(--vxn-font-body);font-weight:700;font-size:.66rem;color:#46586f;margin-bottom:3px;}
.vxn-st-txt{height:5px;border-radius:2px;background:rgba(58,74,99,.2);width:100%;}
.vxn-st-txt.s{width:72%;}
.vxn-st-submit{margin-top:7px;align-self:flex-start;font-family:var(--vxn-font-body);font-size:.6rem;font-weight:600;color:#5b6b85;background:#d2d7df;border:1px solid #c0c6d0;border-radius:5px;padding:6px 13px;}
@media (prefers-reduced-motion:reduce){}
/* ===== gradient touch-ups ===== */
.vxn-divider{border:none;height:1px;background:linear-gradient(90deg,transparent,rgba(124,58,237,.28),rgba(192,132,252,.30),transparent);}

/* ===== footer : interactive + gradients ===== */
.vxn-ft{overflow:hidden;}
.vxn-ft::before{content:"";position:absolute;top:0;left:0;right:0;height:2px;z-index:2;
  background:linear-gradient(90deg,transparent,#7c3aed,#a855f7,#c084fc,#a855f7,#7c3aed,transparent);background-size:200% 100%;
  animation:vxn-ftline 6s linear infinite;}
@keyframes vxn-ftline{to{background-position:200% 0;}}
.vxn-ft-glow{position:absolute;top:-60px;left:50%;width:78%;max-width:880px;height:320px;pointer-events:none;z-index:0;
  transform:translateX(-50%);background:radial-gradient(ellipse at center,rgba(124,58,237,.18),transparent 70%);
  animation:vxn-ftglow 7s ease-in-out infinite;}
@keyframes vxn-ftglow{0%,100%{opacity:.55;transform:translateX(-50%) scale(1);}50%{opacity:1;transform:translateX(-50%) scale(1.08);}}
.vxn-ft-cta,.vxn-ft-grid,.vxn-ft-disc,.vxn-ft-bottom{position:relative;z-index:1;}
.vxn-ft-cta-btn{position:relative;overflow:hidden;}
.vxn-ft-cta-btn::after{content:"";position:absolute;top:0;left:-65%;width:42%;height:100%;transform:skewX(-18deg);
  background:linear-gradient(105deg,transparent,rgba(255,255,255,.4),transparent);animation:vxn-shimmer 3.6s ease-in-out infinite;}
@keyframes vxn-shimmer{0%,70%{left:-65%;}100%{left:135%;}}
.vxn-ft-cta-btn > svg{position:relative;z-index:1;transition:transform .25s var(--vxn-ease);}
.vxn-ft-cta-btn:hover > svg{transform:translateX(4px);}
.vxn-ft-col a{position:relative;transition:color .22s,padding-left .22s;}
.vxn-ft-col a::before{content:"";position:absolute;left:0;top:50%;width:9px;height:2px;border-radius:2px;
  transform:translateY(-50%) scaleX(0);transform-origin:left;background:linear-gradient(90deg,#7c3aed,#c084fc);transition:transform .22s;}
.vxn-ft-col a:hover{color:var(--vxn-blue);padding-left:15px;}
.vxn-ft-col a:hover::before{transform:translateY(-50%) scaleX(1);}
.vxn-ft-social a{position:relative;overflow:hidden;
  transition:color .2s,border-color .2s,transform .25s var(--vxn-ease),box-shadow .25s;}
.vxn-ft-social a > svg{position:relative;z-index:1;}
.vxn-ft-social a::before{content:"";position:absolute;inset:0;opacity:0;transition:opacity .25s;
  background:linear-gradient(135deg,#7c3aed,#a855f7);}
.vxn-ft-social a:hover{color:#fff;border-color:transparent;transform:translateY(-3px);box-shadow:0 10px 24px -8px rgba(124,58,237,.55);}
.vxn-ft-social a:hover::before{opacity:1;}
.vxn-ft-brand .vxn-hd-mark{filter:drop-shadow(0 0 10px rgba(124,58,237,.4));}

/* ===== FOMO single-quote rotator (below footer) ===== */
.vxn-fomo{position:relative;overflow:hidden;padding:26px 22px;display:flex;justify-content:center;
  background:linear-gradient(90deg,#6d28d9,#7c3aed,#a855f7,#7c3aed,#6d28d9);background-size:220% 100%;
  animation:vxn-fomobg 14s ease infinite;}
@keyframes vxn-fomobg{0%,100%{background-position:0% 0;}50%{background-position:100% 0;}}
.vxn-fomo-stage{position:relative;width:100%;max-width:var(--vxn-shell);min-height:30px;}
.vxn-fomo-q{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:0;text-align:center;
  font-family:var(--vxn-font-display);font-weight:600;font-size:clamp(.95rem,2vw,1.18rem);color:#fff;padding:0 8px;
  opacity:0;transform:translateY(14px);transition:opacity .55s var(--vxn-ease),transform .55s var(--vxn-ease);}
.vxn-fomo-q.is-on{opacity:1;transform:translateY(0);}
.vxn-fomo-q.is-out{opacity:0;transform:translateY(-14px);}
@media (prefers-reduced-motion:reduce){.vxn-fomo{animation:none;}.vxn-fomo-q{transition:none;}}

/* ===== floating action buttons : WhatsApp + Get in touch ===== */
.vxn-fab{position:fixed;right:22px;bottom:24px;z-index:85;display:flex;flex-direction:column;gap:13px;align-items:flex-end;}
.vxn-fab a{position:relative;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;
  box-shadow:0 12px 30px -8px rgba(0,0,0,.32);transition:transform .25s var(--vxn-ease),box-shadow .25s;}
.vxn-fab a:hover{transform:translateY(-3px) scale(1.04);}
.vxn-fab-wa{width:56px;height:56px;border-radius:50%;background:linear-gradient(145deg,#25d366,#0e9f6e);color:#fff;}
.vxn-fab-wa svg{width:30px;height:30px;}
.vxn-fab-wa:hover{box-shadow:0 16px 36px -8px rgba(37,211,102,.6);}
.vxn-fab-wa::after{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid #25d366;
  animation:vxn-fabpulse 2.6s ease-out infinite;}
@keyframes vxn-fabpulse{0%{transform:scale(1);opacity:.7;}100%{transform:scale(1.55);opacity:0;}}
.vxn-fab-gt{gap:9px;padding:0 20px;height:56px;border-radius:30px;color:#fff;
  background:linear-gradient(135deg,#7c3aed,#a855f7,#c084fc);background-size:170% 170%;
  font-family:var(--vxn-font-display);font-weight:700;font-size:.92rem;animation:vxn-fabgrad 5s ease infinite;}
.vxn-fab-gt svg{width:20px;height:20px;}
.vxn-fab-gt:hover{box-shadow:0 16px 36px -8px rgba(124,58,237,.6);}
@keyframes vxn-fabgrad{0%,100%{background-position:0% 50%;}50%{background-position:100% 50%;}}
@media (max-width:780px){
  .vxn-fab{right:16px;bottom:82px;}
  .vxn-fab-gt span{display:none;}
  .vxn-fab-gt{width:56px;padding:0;border-radius:50%;}
}
@media (prefers-reduced-motion:reduce){
  .vxn-ft::before,.vxn-ft-glow,.vxn-ft-cta-btn::after,.vxn-fomo-track,.vxn-fab-gt{animation:none;}
  .vxn-fab-wa::after{display:none;}
  .vxn-fomo-track{flex-wrap:wrap;justify-content:center;}
}
/* ===== footer newsletter ===== */
.vxn-news{margin-top:24px;max-width:350px;}
.vxn-news-label{display:block;font-family:var(--vxn-font-display);font-weight:700;font-size:.96rem;color:var(--vxn-ink);}
.vxn-news-sub{color:var(--vxn-muted);font-size:.84rem;line-height:1.5;margin:6px 0 12px;}
.vxn-news-row{display:flex;gap:8px;padding:5px;border-radius:13px;background:var(--vxn-glass-2);
  border:1px solid var(--vxn-glass-brd);transition:border-color .2s,box-shadow .2s;}
.vxn-news-row:focus-within{border-color:var(--vxn-blue);box-shadow:0 0 0 3px rgba(124,58,237,.13);}
.vxn-news-row input{flex:1;min-width:0;background:transparent;border:none;outline:none;
  font-family:var(--vxn-font-body);font-size:.9rem;color:var(--vxn-ink);padding:8px 10px;}
.vxn-news-row input::placeholder{color:var(--vxn-faint);}
.vxn-news-row button{flex:none;width:44px;border:none;cursor:pointer;border-radius:9px;color:#fff;display:grid;place-items:center;
  background:linear-gradient(135deg,#7c3aed,#a855f7);transition:transform .2s,box-shadow .2s;}
.vxn-news-row button:hover{transform:translateY(-1px);box-shadow:0 8px 20px -6px rgba(124,58,237,.6);}
.vxn-news-row button svg{width:17px;height:17px;}
.vxn-news-msg{display:inline-flex;align-items:center;gap:6px;margin-top:11px;font-size:.82rem;font-weight:600;color:var(--vxn-green);}

/* ===== floating button : works as <button> too ===== */
.vxn-fab button{position:relative;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;border:none;
  box-shadow:0 12px 30px -8px rgba(0,0,0,.32);transition:transform .25s var(--vxn-ease),box-shadow .25s;}
.vxn-fab button:hover{transform:translateY(-3px) scale(1.04);}

/* ===== audit modal ===== */
.vxn-modal{position:fixed;inset:0;z-index:120;display:flex;align-items:center;justify-content:center;padding:20px;
  opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s;}
.vxn-modal.is-open{opacity:1;visibility:visible;}
.vxn-modal-backdrop{position:absolute;inset:0;background:rgba(10,6,22,.6);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);}
.vxn-modal-card{position:relative;z-index:1;width:100%;max-width:460px;max-height:90vh;overflow:auto;
  background:var(--vxn-panel);border:1px solid var(--vxn-glass-brd);border-radius:20px;padding:30px 28px 28px;
  box-shadow:0 40px 90px -20px rgba(0,0,0,.5);transform:translateY(16px) scale(.98);transition:transform .35s var(--vxn-ease);}
.vxn-modal.is-open .vxn-modal-card{transform:none;}
.vxn-modal-card::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;border-radius:20px 20px 0 0;
  background:linear-gradient(90deg,#7c3aed,#a855f7,#c084fc);}
.vxn-modal-x{position:absolute;top:14px;right:14px;width:34px;height:34px;border-radius:9px;border:1px solid var(--vxn-glass-brd);
  background:var(--vxn-glass-2);color:var(--vxn-muted);display:grid;place-items:center;cursor:pointer;transition:color .2s,border-color .2s;}
.vxn-modal-x:hover{color:var(--vxn-ink);border-color:var(--vxn-blue);}
.vxn-modal-x svg{width:16px;height:16px;}
.vxn-modal-head h3{font-family:var(--vxn-font-display);font-weight:800;font-size:1.42rem;color:var(--vxn-ink);margin:9px 0 8px;letter-spacing:-.02em;}
.vxn-modal-head p{color:var(--vxn-muted);font-size:.92rem;line-height:1.55;margin:0 0 20px;}
.vxn-audit-form{display:flex;flex-direction:column;gap:13px;}
.vxn-audit-form label{display:flex;flex-direction:column;gap:6px;font-family:var(--vxn-font-display);font-weight:600;font-size:.78rem;color:var(--vxn-ink-2);}
.vxn-field-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px;}
.vxn-audit-form input{font-family:var(--vxn-font-body);font-size:.92rem;color:var(--vxn-ink);
  background:var(--vxn-glass-2);border:1px solid var(--vxn-glass-brd);border-radius:10px;padding:11px 13px;transition:border-color .2s,box-shadow .2s;}
.vxn-audit-form input::placeholder{color:var(--vxn-faint);}
.vxn-audit-form input:focus{outline:none;border-color:var(--vxn-blue);box-shadow:0 0 0 3px rgba(124,58,237,.15);}
.vxn-audit-note{font-size:.8rem;color:var(--vxn-muted);line-height:1.5;margin:2px 0 4px;padding:10px 12px;border-radius:10px;
  background:rgba(124,58,237,.06);border:1px solid var(--vxn-glass-brd);transition:background .25s,border-color .25s,color .25s;}
.vxn-audit-note a{color:var(--vxn-blue);font-weight:600;}
.vxn-audit-note.is-warn{background:rgba(244,63,94,.1);border-color:rgba(244,63,94,.45);color:var(--vxn-ink-2);}
.vxn-audit-submit{margin-top:4px;display:inline-flex;align-items:center;justify-content:center;gap:9px;
  font-family:var(--vxn-font-display);font-weight:700;font-size:.95rem;color:#fff;border:none;cursor:pointer;
  background:linear-gradient(135deg,#7c3aed,#a855f7,#c084fc);background-size:170% 170%;border-radius:12px;padding:14px;
  box-shadow:0 14px 30px -10px rgba(124,58,237,.6);transition:transform .2s,box-shadow .2s,background-position .45s;}
.vxn-audit-submit:hover{transform:translateY(-2px);background-position:100% 50%;box-shadow:0 18px 38px -10px rgba(124,58,237,.7);}
.vxn-audit-submit svg{width:17px;height:17px;}
.vxn-audit-done{text-align:center;padding:14px 0 6px;}
.vxn-audit-done .ok{width:58px;height:58px;border-radius:50%;margin:0 auto 16px;display:grid;place-items:center;color:#fff;
  background:linear-gradient(135deg,#10b981,#34d399);box-shadow:0 12px 28px -8px rgba(16,185,129,.6);}
.vxn-audit-done .ok svg{width:28px;height:28px;}
.vxn-audit-done h4{font-family:var(--vxn-font-display);font-weight:700;font-size:1.2rem;color:var(--vxn-ink);margin:0 0 8px;}
.vxn-audit-done p{color:var(--vxn-muted);font-size:.92rem;line-height:1.55;margin:0;}
.vxn-audit-done #vxn-audit-url{color:var(--vxn-blue);font-weight:600;word-break:break-all;}
@media (max-width:480px){.vxn-field-grid{grid-template-columns:1fr;}}

/* ===== PEPTIDE THERAPY SPECIALTY PAGE ===== */
/* =====================================================================
   VAYUNEX — SOLUTIONS / LEAD GENERATION page  (theme-aware, token-driven)
   Layman explainer: zero → advanced. Classes namespaced .vxn-s* / .vxn-faq.
   ===================================================================== */

/* active nav (link + mega trigger) */
.vxn-hd-nav .vxn-hd-link[aria-current="page"],
.vxn-hd-nav .vxn-hd-mega-btn[aria-current="page"]{color:var(--vxn-ink);}
.vxn-hd-nav .vxn-hd-link[aria-current="page"]::after,
.vxn-hd-nav .vxn-hd-mega-btn[aria-current="page"]::after{content:"";position:absolute;left:13px;right:13px;bottom:5px;
  height:2px;border-radius:2px;background:var(--vxn-grad-cta);}
.vxn-hd-nav .vxn-hd-mega-btn[aria-current="page"]{position:relative;}

/* ---------- plain-English definition card ---------- */
.vxn-sdef{max-width:820px;margin:46px auto 0;text-align:center;border-radius:var(--vxn-r);padding:clamp(30px,4vw,44px);
  background:var(--vxn-glass-2);border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);position:relative;overflow:hidden;}
.vxn-sdef::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(520px 240px at 50% -10%,rgba(124,58,237,.14),transparent 70%);}
.vxn-sdef .in{position:relative;z-index:1;}
.vxn-sdef .eq{font-family:var(--vxn-font-mono);font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--vxn-blue);margin-bottom:14px;}
.vxn-sdef p{font-family:var(--vxn-font-display);font-weight:600;font-size:clamp(1.15rem,2.6vw,1.6rem);line-height:1.5;color:var(--vxn-ink);margin:0;}
.vxn-sdef p b{background:var(--vxn-grad-text);-webkit-background-clip:text;background-clip:text;color:transparent;}

/* ---------- node flow (stranger -> lead -> patient) ---------- */
.vxn-sflow{display:flex;align-items:stretch;justify-content:center;flex-wrap:wrap;gap:6px;margin-top:46px;}
.vxn-sflow-node{display:flex;flex-direction:column;align-items:center;gap:11px;text-align:center;padding:24px 20px;min-width:158px;
  border-radius:var(--vxn-r);background:var(--vxn-glass);border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);}
.vxn-sflow-node.hot{border-color:var(--vxn-blue);background:var(--vxn-glass-2);}
.vxn-sflow-node .ic{width:50px;height:50px;border-radius:14px;display:grid;place-items:center;background:rgba(124,58,237,.1);color:var(--vxn-blue);}
.vxn-sflow-node.hot .ic{background:var(--vxn-grad-cta);color:#fff;}
.vxn-sflow-node .ic svg{width:25px;height:25px;}
.vxn-sflow-node b{font-family:var(--vxn-font-display);font-size:1rem;color:var(--vxn-ink);}
.vxn-sflow-node span{font-size:.79rem;color:var(--vxn-muted);max-width:150px;}
.vxn-sflow-arrow{display:grid;place-items:center;color:var(--vxn-blue-2);flex:none;}
.vxn-sflow-arrow svg{width:26px;height:26px;}

/* ---------- example callout ---------- */
.vxn-sexample{display:flex;gap:14px;align-items:flex-start;padding:18px 20px;border-radius:var(--vxn-r-sm);
  background:rgba(124,58,237,.06);border:1px solid var(--vxn-line);border-left:3px solid var(--vxn-blue);margin-top:22px;}
.vxn-sexample .ic{flex:none;width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:rgba(124,58,237,.12);color:var(--vxn-amber);}
.vxn-sexample .ic svg{width:18px;height:18px;}
.vxn-sexample .tx{font-size:.92rem;color:var(--vxn-ink-2);line-height:1.6;}
.vxn-sexample .tx .tag{display:block;font-family:var(--vxn-font-mono);font-size:.64rem;letter-spacing:.14em;text-transform:uppercase;color:var(--vxn-blue);margin-bottom:5px;}
.vxn-sexample .tx b{color:var(--vxn-ink);font-weight:600;}

/* ---------- two-col text + visual ---------- */
.vxn-stwo{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,5vw,56px);align-items:center;margin-top:8px;}
.vxn-stwo.rev .vxn-stwo-visual{order:-1;}

/* ---------- photo frame ---------- */
.vxn-sphoto{position:relative;border-radius:var(--vxn-r);overflow:hidden;border:1px solid var(--vxn-glass-brd);
  box-shadow:var(--vxn-shadow);aspect-ratio:16/11;background:var(--vxn-panel-2);}
.vxn-sphoto img{width:100%;height:100%;object-fit:cover;display:block;}
.vxn-sphoto .cap{position:absolute;left:0;right:0;bottom:0;padding:16px 18px;font-family:var(--vxn-font-mono);font-size:.72rem;
  color:#fff;background:linear-gradient(180deg,transparent,rgba(8,6,20,.78));}

/* small inline chart card */
.vxn-schart{border-radius:var(--vxn-r);padding:24px;background:var(--vxn-glass);border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);}
.vxn-schart svg{width:100%;height:auto;display:block;}
.vxn-schart-key{display:flex;flex-wrap:wrap;gap:16px;margin-top:14px;font-family:var(--vxn-font-mono);font-size:.72rem;color:var(--vxn-muted);}
.vxn-schart-key i{display:inline-block;width:22px;height:3px;border-radius:3px;margin-right:7px;vertical-align:middle;}

/* ---------- levels (zero to advanced) ---------- */
.vxn-slevels{display:grid;gap:18px;margin-top:48px;}
.vxn-slevel{display:grid;grid-template-columns:128px 1fr;gap:26px;padding:30px 30px;border-radius:var(--vxn-r);
  background:var(--vxn-glass);border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);}
.vxn-slevel-badge{text-align:center;}
.vxn-slevel-badge .no{font-family:var(--vxn-font-display);font-weight:800;font-size:3.2rem;line-height:1;
  background:var(--vxn-grad-text);-webkit-background-clip:text;background-clip:text;color:transparent;}
.vxn-slevel-badge .lv{display:inline-block;margin-top:10px;font-family:var(--vxn-font-mono);font-size:.66rem;letter-spacing:.14em;
  text-transform:uppercase;color:#fff;background:var(--vxn-grad-cta);padding:5px 11px;border-radius:999px;}
.vxn-slevel-body h3{margin:0 0 6px;font-family:var(--vxn-font-display);font-size:1.28rem;color:var(--vxn-ink);}
.vxn-slevel-body .sub{margin:0 0 16px;font-size:.95rem;color:var(--vxn-muted);line-height:1.55;}
.vxn-slevel-list{list-style:none;margin:0;padding:0;display:grid;gap:11px;}
.vxn-slevel-list li{display:flex;gap:11px;align-items:flex-start;font-size:.92rem;color:var(--vxn-ink-2);line-height:1.5;}
.vxn-slevel-list li svg{width:18px;height:18px;flex:none;margin-top:2px;color:var(--vxn-green);}
.vxn-slevel-list li b{color:var(--vxn-ink);font-weight:600;}

/* ---------- channel cards ---------- */
.vxn-schannels{display:grid;grid-template-columns:repeat(auto-fit,minmax(282px,1fr));gap:16px;margin-top:42px;}
.vxn-schan{display:flex;flex-direction:column;border-radius:var(--vxn-r);background:var(--vxn-glass);
  border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);padding:26px 24px;transition:transform .3s var(--vxn-ease),border-color .3s;}
.vxn-schan:hover{transform:translateY(-4px);border-color:var(--vxn-blue);}
.vxn-schan .ic{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;background:rgba(124,58,237,.1);color:var(--vxn-blue);margin-bottom:14px;}
.vxn-schan .ic svg{width:24px;height:24px;}
.vxn-schan h4{margin:0 0 4px;font-family:var(--vxn-font-display);font-size:1.1rem;color:var(--vxn-ink);}
.vxn-schan .kind{font-family:var(--vxn-font-mono);font-size:.64rem;letter-spacing:.12em;text-transform:uppercase;color:var(--vxn-blue-2);}
.vxn-schan p{margin:13px 0 0;font-size:.88rem;color:var(--vxn-ink-2);line-height:1.55;}
.vxn-schan .best{display:flex;gap:7px;align-items:flex-start;margin-top:auto;padding-top:15px;font-family:var(--vxn-font-mono);font-size:.72rem;color:var(--vxn-green);line-height:1.45;}
.vxn-schan .best svg{width:13px;height:13px;flex:none;margin-top:2px;}

/* ---------- conversion funnel ---------- */
.vxn-sfunnel{max-width:680px;margin:48px auto 0;display:flex;flex-direction:column;align-items:center;gap:7px;}
.vxn-sfunnel-row{width:100%;display:flex;flex-direction:column;align-items:center;}
.vxn-sfunnel-bar{width:var(--w);max-width:100%;min-height:64px;border-radius:13px;background:var(--vxn-grad-cta);
  display:flex;align-items:center;justify-content:space-between;gap:14px;padding:0 22px;color:#fff;box-shadow:0 12px 30px -14px rgba(124,58,237,.7);}
.vxn-sfunnel-bar .n{font-family:var(--vxn-font-display);font-weight:800;font-size:clamp(1.25rem,3vw,1.7rem);font-variant-numeric:tabular-nums;letter-spacing:-.02em;}
.vxn-sfunnel-bar .lab{font-family:var(--vxn-font-mono);font-size:.73rem;letter-spacing:.03em;text-align:right;line-height:1.3;opacity:.96;}
.vxn-sfunnel-drop{font-family:var(--vxn-font-mono);font-size:.68rem;color:var(--vxn-faint);margin:2px 0;}

/* ---------- industry fit ---------- */
.vxn-sfit{display:grid;grid-template-columns:repeat(auto-fit,minmax(264px,1fr));gap:16px;margin-top:42px;}
.vxn-sfit-card{border-radius:var(--vxn-r);background:var(--vxn-glass);border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);padding:24px 22px;}
.vxn-sfit-top{display:flex;align-items:center;justify-content:space-between;gap:10px;}
.vxn-sfit-card h4{margin:0;font-family:var(--vxn-font-display);font-size:1.06rem;color:var(--vxn-ink);}
.vxn-sfit-rating{font-family:var(--vxn-font-mono);font-size:.64rem;letter-spacing:.1em;text-transform:uppercase;color:var(--vxn-blue);white-space:nowrap;}
.vxn-sfit-meter{display:flex;gap:5px;margin:14px 0;}
.vxn-sfit-meter i{height:7px;flex:1;border-radius:4px;background:rgba(var(--ln),.18);}
.vxn-sfit-meter i.on{background:var(--vxn-grad-cta);}
.vxn-sfit-card p{margin:0;font-size:.85rem;color:var(--vxn-muted);line-height:1.55;}

/* ---------- readiness checklist ---------- */
.vxn-sready{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px;margin-top:40px;}
.vxn-sready-item{display:flex;gap:13px;align-items:flex-start;padding:20px;border-radius:var(--vxn-r-sm);
  background:var(--vxn-glass);border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);}
.vxn-sready-item .ck{flex:none;width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:rgba(16,185,129,.12);color:var(--vxn-green);}
.vxn-sready-item .ck svg{width:17px;height:17px;}
.vxn-sready-item p{margin:0;font-size:.9rem;color:var(--vxn-ink-2);line-height:1.5;}
.vxn-sready-item p b{color:var(--vxn-ink);font-weight:600;}

/* ---------- budget tiers ---------- */
.vxn-stiers{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:42px;}
.vxn-stier{display:flex;flex-direction:column;border-radius:var(--vxn-r);background:var(--vxn-glass);
  border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);padding:28px 26px;position:relative;}
.vxn-stier.feature{border-color:var(--vxn-blue);background:var(--vxn-glass-2);}
.vxn-stier .badge{position:absolute;top:-11px;left:26px;font-family:var(--vxn-font-mono);font-size:.62rem;letter-spacing:.12em;
  text-transform:uppercase;color:#fff;background:var(--vxn-grad-cta);padding:5px 11px;border-radius:999px;box-shadow:var(--vxn-glow-cta);}
.vxn-stier .name{font-family:var(--vxn-font-mono);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--vxn-blue-2);}
.vxn-stier .spend{font-family:var(--vxn-font-display);font-weight:800;font-size:1.85rem;color:var(--vxn-ink);margin:8px 0 2px;letter-spacing:-.02em;}
.vxn-stier .spend span{font-size:.9rem;font-weight:500;color:var(--vxn-muted);}
.vxn-stier .who{font-size:.86rem;color:var(--vxn-muted);line-height:1.5;margin:0 0 18px;}
.vxn-stier ul{list-style:none;margin:0 0 18px;padding:0;display:grid;gap:10px;}
.vxn-stier li{display:flex;gap:10px;align-items:flex-start;font-size:.86rem;color:var(--vxn-ink-2);line-height:1.45;}
.vxn-stier li svg{width:16px;height:16px;flex:none;margin-top:2px;color:var(--vxn-green);}
.vxn-stier .exp{margin-top:auto;padding-top:16px;border-top:1px dashed var(--vxn-line);font-family:var(--vxn-font-mono);font-size:.74rem;color:var(--vxn-ink-2);}
.vxn-stier .exp b{color:var(--vxn-blue-2);}

/* ---------- results table ---------- */
.vxn-stable-wrap{margin-top:42px;overflow-x:auto;border-radius:var(--vxn-r);border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);}
.vxn-stable{width:100%;border-collapse:collapse;min-width:560px;background:var(--vxn-glass);}
.vxn-stable thead th{font-family:var(--vxn-font-mono);font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:var(--vxn-faint);
  text-align:left;padding:16px 20px;border-bottom:1px solid var(--vxn-line-2);background:rgba(var(--w),.03);}
.vxn-stable tbody td{padding:15px 20px;border-bottom:1px solid var(--vxn-line);font-size:.9rem;color:var(--vxn-ink-2);}
.vxn-stable tbody tr:last-child td{border-bottom:none;}
.vxn-stable tbody td:first-child{font-family:var(--vxn-font-display);font-weight:600;color:var(--vxn-ink);}
.vxn-stable tbody td .g{color:var(--vxn-green);font-family:var(--vxn-font-mono);font-weight:600;}

/* ---------- FAQ accordion (native details) ---------- */
.vxn-faq{max-width:820px;margin:42px auto 0;display:grid;gap:12px;}
.vxn-faq-item{border:1px solid var(--vxn-glass-brd);background:var(--vxn-glass);border-radius:var(--vxn-r-sm);
  box-shadow:var(--vxn-shadow);overflow:hidden;}
.vxn-faq-item summary{list-style:none;cursor:pointer;padding:20px 22px;display:flex;justify-content:space-between;align-items:center;gap:16px;
  font-family:var(--vxn-font-display);font-weight:600;font-size:1.02rem;color:var(--vxn-ink);}
.vxn-faq-item summary::-webkit-details-marker{display:none;}
.vxn-faq-item summary .pl{flex:none;color:var(--vxn-blue-2);transition:transform .3s var(--vxn-ease);}
.vxn-faq-item summary .pl svg{width:20px;height:20px;display:block;}
.vxn-faq-item[open] summary .pl{transform:rotate(135deg);}
.vxn-faq-item[open] summary{color:var(--vxn-blue-2);}
.vxn-faq-item .a{padding:0 22px 21px;font-size:.94rem;color:var(--vxn-ink-2);line-height:1.66;}
.vxn-faq-item .a b{color:var(--vxn-ink);font-weight:600;}

/* ---------- closing CTA ---------- */
.vxn-scta{position:relative;text-align:center;border-radius:var(--vxn-r);padding:clamp(42px,6vw,70px) 28px;overflow:hidden;
  background:var(--vxn-glass-2);border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);}
.vxn-scta::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(720px 360px at 50% -20%,rgba(124,58,237,.18),transparent 70%);}
.vxn-scta .in{position:relative;z-index:1;max-width:660px;margin-inline:auto;}
.vxn-scta .vxn-hero-cta{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:30px;}

/* ---------- responsive ---------- */
@media (max-width:920px){
  .vxn-stwo{grid-template-columns:1fr;gap:32px;}
  .vxn-stwo.rev .vxn-stwo-visual{order:0;}
  .vxn-stiers{grid-template-columns:1fr;}
}
@media (max-width:680px){
  .vxn-slevel{grid-template-columns:1fr;gap:18px;}
  .vxn-slevel-badge{display:flex;align-items:center;gap:14px;}
  .vxn-slevel-badge .no{font-size:2.4rem;}
  .vxn-slevel-badge .lv{margin-top:0;}
  .vxn-sflow-arrow{transform:rotate(90deg);}
}
@media (prefers-reduced-motion:reduce){
  .vxn-schan,.vxn-faq-item summary .pl{transition:none;}
}

/* mini chart strokes (var()/url() valid only in CSS, not SVG attrs) */
.vxn-schart-base{stroke:var(--vxn-line-2);stroke-width:1;}
.vxn-schart-wom{fill:none;stroke:var(--vxn-faint);stroke-width:2.5;stroke-dasharray:5 5;stroke-linecap:round;stroke-linejoin:round;}
.vxn-schart-lead{fill:none;stroke:url(#vxnSLead);stroke-width:3.4;stroke-linecap:round;stroke-linejoin:round;}

/* ===================================================================== */
/* PAID ACQUISITION additions (.vxn-p*)                                   */
/* ===================================================================== */

/* metric definition cards */
.vxn-pmetrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px;margin-top:42px;}
.vxn-pmetric{border-radius:var(--vxn-r);background:var(--vxn-glass);border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);padding:22px 22px;}
.vxn-pmetric .ab{display:flex;align-items:baseline;gap:9px;flex-wrap:wrap;}
.vxn-pmetric .ab b{font-family:var(--vxn-font-display);font-weight:800;font-size:1.5rem;letter-spacing:-.01em;background:var(--vxn-grad-text);-webkit-background-clip:text;background-clip:text;color:transparent;}
.vxn-pmetric .ab span{font-family:var(--vxn-font-mono);font-size:.66rem;letter-spacing:.06em;text-transform:uppercase;color:var(--vxn-muted);}
.vxn-pmetric p{margin:11px 0 0;font-size:.88rem;color:var(--vxn-ink-2);line-height:1.55;}
.vxn-pmetric p b{color:var(--vxn-ink);font-weight:600;}
.vxn-pmetric .eg{margin-top:11px;font-family:var(--vxn-font-mono);font-size:.72rem;color:var(--vxn-blue-2);}

/* ad-economics money map */
.vxn-peco{margin-top:44px;border-radius:var(--vxn-r);background:var(--vxn-glass-2);border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);padding:clamp(26px,4vw,40px);position:relative;overflow:hidden;}
.vxn-peco::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(600px 280px at 50% -10%,rgba(124,58,237,.14),transparent 70%);}
.vxn-peco-row{position:relative;z-index:1;display:flex;align-items:stretch;justify-content:center;flex-wrap:wrap;gap:6px;}
.vxn-peco-step{flex:1;min-width:118px;text-align:center;padding:18px 14px;border-radius:var(--vxn-r-sm);background:var(--vxn-glass);border:1px solid var(--vxn-glass-brd);}
.vxn-peco-step.in{border-color:var(--vxn-blue);}
.vxn-peco-step.out{border-color:var(--vxn-green);}
.vxn-peco-step .v{font-family:var(--vxn-font-display);font-weight:800;font-size:clamp(1.1rem,2.4vw,1.5rem);color:var(--vxn-ink);font-variant-numeric:tabular-nums;}
.vxn-peco-step.in .v{color:var(--vxn-blue-2);}
.vxn-peco-step.out .v{color:var(--vxn-green);}
.vxn-peco-step .k{font-family:var(--vxn-font-mono);font-size:.65rem;letter-spacing:.05em;text-transform:uppercase;color:var(--vxn-muted);margin-top:5px;}
.vxn-peco-arrow{display:grid;place-items:center;color:var(--vxn-blue-2);flex:none;}
.vxn-peco-arrow svg{width:22px;height:22px;}
.vxn-peco-foot{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;margin-top:26px;}
.vxn-peco-roas{display:inline-flex;align-items:baseline;gap:9px;padding:13px 26px;border-radius:999px;background:var(--vxn-grad-cta);color:#fff;box-shadow:var(--vxn-glow-cta);}
.vxn-peco-roas b{font-family:var(--vxn-font-display);font-weight:800;font-size:1.8rem;}
.vxn-peco-roas span{font-family:var(--vxn-font-mono);font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;opacity:.95;}

/* common mistakes */
.vxn-pmistakes{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px;margin-top:42px;}
.vxn-pmistake{border-radius:var(--vxn-r);background:var(--vxn-glass);border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);padding:24px 24px;border-left:3px solid var(--vxn-red);}
.vxn-pmistake .x{display:flex;align-items:center;gap:10px;margin-bottom:11px;}
.vxn-pmistake .x .ic{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:rgba(244,63,94,.12);color:var(--vxn-red);flex:none;}
.vxn-pmistake .x .ic svg{width:17px;height:17px;}
.vxn-pmistake .x b{font-family:var(--vxn-font-display);font-size:1rem;color:var(--vxn-ink);}
.vxn-pmistake p{margin:0;font-size:.88rem;color:var(--vxn-ink-2);line-height:1.55;}
.vxn-pmistake .fix{display:flex;gap:8px;align-items:flex-start;margin-top:13px;padding-top:13px;border-top:1px solid var(--vxn-line);font-size:.86rem;color:var(--vxn-ink-2);line-height:1.5;}
.vxn-pmistake .fix svg{width:15px;height:15px;flex:none;margin-top:2px;color:var(--vxn-green);}
.vxn-pmistake .fix b{color:var(--vxn-green);font-weight:600;font-family:var(--vxn-font-mono);font-size:.7rem;text-transform:uppercase;letter-spacing:.06em;margin-right:3px;}

@media (max-width:680px){ .vxn-peco-arrow{transform:rotate(90deg);} }

/* ===================================================================== */
/* MED SPA specialty page additions (.vxn-ms*)                            */
/* ===================================================================== */

/* engine cards as links */
a.vxn-schan{text-decoration:none;color:inherit;display:block;transition:transform .25s var(--vxn-ease),border-color .25s var(--vxn-ease);}
a.vxn-schan:hover{transform:translateY(-4px);border-color:var(--vxn-line-2);}
a.vxn-schan .best{color:var(--vxn-blue-2);}

/* before / after transformation */
.vxn-msba{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:44px;}
@media(max-width:720px){.vxn-msba{grid-template-columns:1fr;}}
.vxn-msba-col{border-radius:var(--vxn-r);border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);padding:28px 26px;background:var(--vxn-glass);}
.vxn-msba-col.after{background:var(--vxn-glass-2);border-color:var(--vxn-line-2);position:relative;overflow:hidden;}
.vxn-msba-col.after::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(420px 200px at 80% -10%,rgba(124,58,237,.13),transparent 70%);}
.vxn-msba-h{display:flex;align-items:center;gap:11px;margin-bottom:20px;position:relative;z-index:1;}
.vxn-msba-h .lbl{font-family:var(--vxn-font-mono);font-size:.68rem;letter-spacing:.07em;text-transform:uppercase;}
.vxn-msba-col.before .lbl{color:var(--vxn-muted);}
.vxn-msba-col.after .lbl{color:var(--vxn-blue-2);}
.vxn-msba-h h3{font-family:var(--vxn-font-display);font-size:1.25rem;color:var(--vxn-ink);margin:0;letter-spacing:-.01em;}
.vxn-msba-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px;position:relative;z-index:1;}
.vxn-msba-list li{display:flex;gap:12px;align-items:flex-start;font-size:.92rem;color:var(--vxn-ink-2);line-height:1.5;}
.vxn-msba-list li .ic{width:22px;height:22px;border-radius:6px;flex:none;display:grid;place-items:center;margin-top:1px;}
.vxn-msba-col.before li .ic{background:rgba(244,63,94,.10);color:var(--vxn-red);}
.vxn-msba-col.after li .ic{background:rgba(16,185,129,.12);color:var(--vxn-green);}
.vxn-msba-list li .ic svg{width:13px;height:13px;}
.vxn-msba-col.after li b{color:var(--vxn-ink);font-weight:600;}

/* impact tiles */
.vxn-msimpact{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px;margin-top:42px;}
.vxn-msimpact-tile{border-radius:var(--vxn-r);background:var(--vxn-glass);border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);padding:26px 22px;text-align:center;}
.vxn-msimpact-tile .big{font-family:var(--vxn-font-display);font-weight:800;font-size:2.3rem;line-height:1;letter-spacing:-.01em;background:var(--vxn-grad-text);-webkit-background-clip:text;background-clip:text;color:transparent;font-variant-numeric:tabular-nums;}
.vxn-msimpact-tile .lbl{font-family:var(--vxn-font-display);font-size:.98rem;color:var(--vxn-ink);margin-top:11px;font-weight:600;}
.vxn-msimpact-tile .sub{font-size:.82rem;color:var(--vxn-muted);margin-top:6px;line-height:1.45;}

/* journey timeline */
.vxn-msflow{margin-top:44px;display:flex;flex-direction:column;}
.vxn-msstep{display:grid;grid-template-columns:auto 1fr;gap:20px;position:relative;padding-bottom:26px;}
.vxn-msstep:last-child{padding-bottom:0;}
.vxn-msstep-rail{display:flex;flex-direction:column;align-items:center;}
.vxn-msstep-num{width:46px;height:46px;border-radius:50%;flex:none;display:grid;place-items:center;font-family:var(--vxn-font-display);font-weight:800;font-size:1.05rem;color:#fff;background:var(--vxn-grad-cta);box-shadow:var(--vxn-glow-cta);z-index:1;}
.vxn-msstep-line{flex:1;width:2px;background:var(--vxn-line-2);margin-top:4px;border-radius:2px;}
.vxn-msstep:last-child .vxn-msstep-line{display:none;}
.vxn-msstep-body{border-radius:var(--vxn-r);background:var(--vxn-glass);border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);padding:22px 24px;}
.vxn-msstep-body .when{font-family:var(--vxn-font-mono);font-size:.68rem;letter-spacing:.06em;text-transform:uppercase;color:var(--vxn-blue-2);}
.vxn-msstep-body h4{font-family:var(--vxn-font-display);font-size:1.12rem;color:var(--vxn-ink);margin:5px 0 8px;letter-spacing:-.01em;}
.vxn-msstep-body p{font-size:.9rem;color:var(--vxn-ink-2);line-height:1.55;margin:0;}
.vxn-msstep-body p .need{color:var(--vxn-ink);font-weight:600;}



/* From reputation.html */

/* =====================================================================
   VAYUNEX — DESIGN SYSTEM v2
   Light-default, royal-purple. Dark mode via :root[data-theme="dark"].
   Theme bases: --w (tint), --ln (hairline), --mk (screen-mock surface)
   flip per theme so one stylesheet serves both. Accents are shared.
   Type:  Sora (display) · Manrope (body) · JetBrains Mono (data)
   ===================================================================== */

/* ----- TOKENS : LIGHT (default) ----- */
:root{
  color-scheme: light;

  --vxn-void:#ffffff;
  --vxn-deep:#f4f0fb;
  --vxn-panel:#ffffff;
  --vxn-panel-2:#f5f1fe;

  --vxn-ink:#1b1233;
  --vxn-ink-2:#392e57;
  --vxn-muted:#675d86;
  --vxn-faint:#9a91b4;

  /* theme bases */
  --w:45,35,70;          /* subtle tint base (dark on light) */
  --ln:110,82,180;       /* hairline base (purple)           */
  --mk:245,243,252;      /* screen-mock surface (near-white) */

  --vxn-line:rgba(var(--ln),0.16);
  --vxn-line-2:rgba(var(--ln),0.32);

  /* royal-purple accents (shared both themes) */
  --vxn-blue:#7c3aed;    /* primary  */
  --vxn-blue-2:#a855f7;  /* primary-2 */
  --vxn-cyan:#c084fc;    /* bright orchid pop */
  --vxn-violet:#8b5cf6;
  --vxn-green:#10b981;   /* success / revenue */
  --vxn-amber:#f59e0b;   /* stars / cost */
  --vxn-red:#f43f5e;     /* loss */

  --vxn-glass:linear-gradient(160deg,rgba(255,255,255,0.96),rgba(250,248,255,0.90));
  --vxn-glass-2:linear-gradient(160deg,#ffffff,#f3edfe);
  --vxn-glass-brd:rgba(var(--ln),0.20);

  --vxn-cta-ink:#ffffff;
  --vxn-grad-cta:linear-gradient(135deg,#7c3aed 0%,#a855f7 55%,#c084fc 100%);
  --vxn-grad-violet:linear-gradient(135deg,#8b5cf6 0%,#7c3aed 100%);
  --vxn-grad-text:linear-gradient(120deg,#2a1d4d 0%,#7c3aed 55%,#a855f7 100%);

  --vxn-shadow:0 26px 60px -30px rgba(76,29,149,0.30);
  --vxn-glow-cta:0 16px 40px -12px rgba(124,58,237,0.42);

  --vxn-font-display:'Sora',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  --vxn-font-body:'Manrope',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  --vxn-font-mono:'JetBrains Mono',ui-monospace,SFMono-Regular,Menlo,monospace;

  --vxn-r:20px;
  --vxn-r-sm:14px;
  --vxn-shell:1180px;
  --vxn-ease:cubic-bezier(.2,.7,.2,1);
}

/* ----- TOKENS : DARK (toggle) ----- */
:root[data-theme="dark"]{
  color-scheme: dark;

  --vxn-void:#0b0818;
  --vxn-deep:#0f0b20;
  --vxn-panel:#150f2b;
  --vxn-panel-2:#1b1338;

  --vxn-ink:#f3f0ff;
  --vxn-ink-2:#cdc6e8;
  --vxn-muted:#968cb8;
  --vxn-faint:#6c648c;

  --w:255,255,255;
  --ln:150,135,215;
  --mk:14,20,44;

  --vxn-glass:linear-gradient(160deg,rgba(255,255,255,0.07),rgba(255,255,255,0.02));
  --vxn-glass-2:linear-gradient(160deg,rgba(255,255,255,0.10),rgba(255,255,255,0.03));
  --vxn-glass-brd:rgba(255,255,255,0.10);

  --vxn-grad-text:linear-gradient(120deg,#ffffff 0%,#c4b5fd 50%,#c084fc 100%);

  --vxn-shadow:0 26px 70px -28px rgba(0,0,0,0.70);
  --vxn-glow-cta:0 16px 44px -12px rgba(124,58,237,0.60);
}

/* ----- TRANSFORMED SECTION STYLES (token-driven, theme-aware) ----- */
/* =====================================================================
   VAYUNEX — GLOBAL DESIGN SYSTEM
   Visual direction: "Mission control for revenue" — deep navy/black base,
   electric blue + cyan + violet accents, success green & cost amber for
   telemetry, frosted glass, ambient grid, lead-flow particle motif.
   Type roles:  Sora (display) · Manrope (body) · JetBrains Mono (data)
   All classes are namespaced with the vxn- prefix.
   ===================================================================== */

/* ----- TOKENS ----- */

/* ----- RESET / BASE ----- */
*,*::before,*::after{box-sizing:border-box;}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;}
body{
  margin:0;
  background:var(--vxn-void);
  color:var(--vxn-ink-2);
  font-family:var(--vxn-font-body);
  font-size:16px;
  line-height:1.65;
  letter-spacing:.005em;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
  overflow-x:hidden;
}
img{max-width:100%;display:block;}
a{color:inherit;text-decoration:none;}
button{font-family:inherit;cursor:pointer;}
canvas{display:block;}
::selection{background:rgba(192,132,252,.28);color:#fff;}

/* ----- AMBIENT ATMOSPHERE (fixed background layer) ----- */
.vxn-atmos{position:fixed;inset:0;z-index:-2;pointer-events:none;background:
  radial-gradient(1100px 700px at 78% -8%,rgba(124,58,237,.22),transparent 60%),
  radial-gradient(900px 700px at 8% 12%,rgba(139,92,246,.16),transparent 60%),
  radial-gradient(1000px 800px at 60% 108%,rgba(192,132,252,.10),transparent 55%),
  var(--vxn-void);}
.vxn-atmos::before{content:"";position:absolute;inset:0;opacity:.5;
  background-image:linear-gradient(rgba(var(--ln),.05) 1px,transparent 1px),
                   linear-gradient(90deg,rgba(var(--ln),.05) 1px,transparent 1px);
  background-size:54px 54px;
  -webkit-mask-image:radial-gradient(circle at 50% 30%,#000 0%,transparent 78%);
          mask-image:radial-gradient(circle at 50% 30%,#000 0%,transparent 78%);}
.vxn-grain{position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.035;mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");}

/* ----- LAYOUT PRIMITIVES ----- */
.vxn-shell{width:100%;max-width:var(--vxn-shell);margin-inline:auto;padding-inline:24px;}
.vxn-section{position:relative;padding-block:clamp(74px,11vh,128px);}
.vxn-section--tight{padding-block:clamp(56px,8vh,92px);}
.vxn-divider{height:1px;background:linear-gradient(90deg,transparent,var(--vxn-line-2),transparent);border:0;margin:0;}

/* ----- TYPOGRAPHY ----- */
.vxn-eyebrow{display:inline-flex;align-items:center;gap:9px;font-family:var(--vxn-font-mono);
  font-size:12px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--vxn-cyan);}
.vxn-eyebrow::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--vxn-cyan);
  box-shadow:0 0 10px var(--vxn-cyan);}
.vxn-h1{font-family:var(--vxn-font-display);font-weight:800;line-height:1.04;letter-spacing:-.025em;
  font-size:clamp(2.4rem,6vw,4.5rem);color:var(--vxn-ink);margin:0;}
.vxn-h2{font-family:var(--vxn-font-display);font-weight:700;line-height:1.08;letter-spacing:-.02em;
  font-size:clamp(1.85rem,4vw,3rem);color:var(--vxn-ink);margin:0;}
.vxn-h3{font-family:var(--vxn-font-display);font-weight:600;line-height:1.2;letter-spacing:-.01em;
  font-size:clamp(1.1rem,2vw,1.35rem);color:var(--vxn-ink);margin:0;}
.vxn-lead{font-size:clamp(1.02rem,1.6vw,1.2rem);color:var(--vxn-ink-2);max-width:62ch;}
.vxn-grad-txt{background:var(--vxn-grad-text);-webkit-background-clip:text;background-clip:text;color:transparent;}
.vxn-cyan{color:var(--vxn-cyan);} .vxn-violet{color:var(--vxn-violet);} .vxn-green{color:var(--vxn-green);}
.vxn-mono{font-family:var(--vxn-font-mono);font-variant-numeric:tabular-nums;}
.vxn-head{max-width:760px;}
.vxn-head .vxn-lead{margin-top:18px;}
.vxn-center{text-align:center;margin-inline:auto;}

/* ----- BUTTONS ----- */
.vxn-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;
  font-family:var(--vxn-font-display);font-weight:600;font-size:.96rem;letter-spacing:-.01em;
  padding:14px 24px;border-radius:13px;border:1px solid transparent;transition:transform .25s var(--vxn-ease),box-shadow .25s,background .25s;white-space:nowrap;}
.vxn-btn svg{width:18px;height:18px;}
.vxn-btn--primary{background:var(--vxn-grad-cta);color:var(--vxn-cta-ink);box-shadow:var(--vxn-glow-cta);}
.vxn-btn--primary:hover{transform:translateY(-2px);box-shadow:0 20px 50px -12px rgba(124,58,237,.7);}
.vxn-btn--ghost{background:rgba(var(--w),.03);border-color:var(--vxn-line-2);color:var(--vxn-ink);}
.vxn-btn--ghost:hover{transform:translateY(-2px);background:rgba(var(--w),.07);border-color:var(--vxn-cyan);}
.vxn-btn:focus-visible{outline:2px solid var(--vxn-cyan);outline-offset:3px;}

/* ----- CHIPS / PILLS ----- */
.vxn-chip{display:inline-flex;align-items:center;gap:8px;font-size:.82rem;font-weight:600;color:var(--vxn-ink-2);
  padding:7px 14px;border-radius:999px;background:rgba(var(--w),.04);border:1px solid var(--vxn-line);}
.vxn-chip .vxn-dot{width:6px;height:6px;border-radius:50%;background:var(--vxn-green);box-shadow:0 0 8px var(--vxn-green);}

/* ----- GLASS CARD ----- */
.vxn-glass{position:relative;background:var(--vxn-glass);border:1px solid var(--vxn-glass-brd);
  border-radius:var(--vxn-r);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--vxn-shadow);}
.vxn-glass::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;pointer-events:none;
  background:linear-gradient(160deg,rgba(var(--w),.35),transparent 40%);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
          mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;mask-composite:exclude;opacity:.5;}

/* 3D tilt-ready card */
.vxn-card3d{transition:transform .4s var(--vxn-ease),box-shadow .4s;transform-style:preserve-3d;will-change:transform;}

/* ----- SCROLL REVEAL ----- */
.vxn-reveal{opacity:0;transform:translateY(28px);transition:opacity .8s var(--vxn-ease),transform .8s var(--vxn-ease);transition-delay:var(--d,0s);}
.vxn-reveal.is-in{opacity:1;transform:none;}

/* ============================ NAV (CAPSULE) ============================ */
/* "Living glass capsule" — contracts on scroll, canopy mega-menu unfurls
   out of the same surface, sliding spotlight, full-screen mobile overlay. */
.vxn-skip{position:absolute;left:-9999px;top:0;z-index:200;background:var(--vxn-cyan);color:var(--vxn-cta-ink);
  padding:10px 16px;border-radius:0 0 10px 0;font-weight:700;}
.vxn-skip:focus{left:0;}

.vxn-scrim{position:fixed;inset:0;z-index:79;background:rgba(var(--mk),.55);opacity:0;visibility:hidden;
  -webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:opacity .35s,visibility .35s;}
.vxn-scrim.is-on{opacity:1;visibility:visible;}

.vxn-nav{position:fixed;top:14px;left:0;right:0;z-index:80;display:flex;justify-content:center;padding-inline:14px;}
.vxn-island{width:min(1120px,100%);background:linear-gradient(160deg,rgba(var(--mk),.78),rgba(var(--mk),.7));
  border:1px solid var(--vxn-glass-brd);border-radius:22px;overflow:hidden;
  -webkit-backdrop-filter:blur(16px) saturate(140%);backdrop-filter:blur(16px) saturate(140%);
  box-shadow:0 18px 50px -22px rgba(0,0,0,.8);
  transition:width .5s var(--vxn-ease),border-radius .5s,background .5s;}
.vxn-nav.is-contracted .vxn-island{width:min(880px,100%);background:linear-gradient(160deg,rgba(var(--mk),.92),rgba(var(--mk),.9));}
.vxn-bar{display:flex;align-items:center;gap:18px;padding:11px 14px 11px 18px;transition:padding .5s var(--vxn-ease);}
.vxn-nav.is-contracted .vxn-bar{padding:8px 12px 8px 16px;}

.vxn-brand{display:flex;align-items:center;gap:11px;flex-shrink:0;}
.vxn-mark{width:30px;height:30px;flex-shrink:0;transition:width .5s,height .5s;}
.vxn-nav.is-contracted .vxn-mark{width:26px;height:26px;}
.vxn-word{font-family:var(--vxn-font-display);font-weight:800;letter-spacing:.12em;font-size:1.02rem;color:var(--vxn-ink);}

.vxn-links{position:relative;display:flex;align-items:center;gap:2px;margin-inline:auto;}
.vxn-spot{position:absolute;top:50%;height:34px;border-radius:11px;transform:translateY(-50%);
  background:linear-gradient(160deg,rgba(var(--ln),.22),rgba(var(--ln),.08));border:1px solid var(--vxn-line);
  z-index:0;opacity:0;transition:left .38s var(--vxn-ease),width .38s var(--vxn-ease),opacity .3s;pointer-events:none;}
.vxn-link{position:relative;z-index:1;display:inline-flex;align-items:center;gap:6px;color:var(--vxn-ink-2);
  font-size:.92rem;font-weight:600;padding:8px 14px;border-radius:11px;background:none;border:0;transition:color .25s;}
.vxn-link:hover,.vxn-link[aria-expanded="true"]{color:var(--vxn-ink);}
.vxn-link .vxn-chev{width:14px;height:14px;transition:transform .3s;}
.vxn-link[aria-expanded="true"] .vxn-chev{transform:rotate(180deg);}
.vxn-link:focus-visible{outline:2px solid var(--vxn-cyan);outline-offset:2px;}

.vxn-actions{display:flex;align-items:center;gap:10px;flex-shrink:0;}
.vxn-cta{display:inline-flex;align-items:center;gap:7px;background:var(--vxn-grad-cta);color:var(--vxn-cta-ink);
  font-family:var(--vxn-font-display);font-weight:700;font-size:.88rem;padding:10px 17px;border-radius:11px;
  box-shadow:0 10px 26px -10px rgba(124,58,237,.6);transition:transform .25s,box-shadow .25s;border:0;}
.vxn-cta:hover{transform:translateY(-1px);box-shadow:0 14px 32px -8px rgba(124,58,237,.8);}
.vxn-cta:focus-visible{outline:2px solid #fff;outline-offset:2px;}

.vxn-burger{display:none;width:42px;height:38px;border-radius:11px;background:rgba(var(--w),.05);
  border:1px solid var(--vxn-line);align-items:center;justify-content:center;flex-direction:column;gap:4px;}
.vxn-burger span{width:18px;height:2px;background:var(--vxn-ink);border-radius:2px;transition:transform .3s,opacity .3s;}
.vxn-burger:focus-visible{outline:2px solid var(--vxn-cyan);outline-offset:2px;}

/* Canopy mega-menu (lives INSIDE the island; grows out of it) */
.vxn-canopy{max-height:0;opacity:0;padding:0 22px;transition:max-height .5s var(--vxn-ease),opacity .35s,padding .5s var(--vxn-ease);}
.vxn-island.is-open .vxn-canopy{max-height:420px;opacity:1;padding:4px 22px 22px;}
.vxn-canopy-top{height:1px;background:var(--vxn-line);margin-bottom:18px;}
.vxn-canopy-grid{display:grid;grid-template-columns:1fr 1fr 1.15fr;gap:22px;}
.vxn-col-title{font-family:var(--vxn-font-mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--vxn-muted);margin-bottom:12px;}
.vxn-col a{display:flex;align-items:center;gap:10px;color:var(--vxn-ink-2);font-size:.9rem;font-weight:600;padding:7px 9px;border-radius:9px;transition:background .2s,color .2s,transform .2s;opacity:0;transform:translateY(8px);}
.vxn-island.is-open .vxn-col a{opacity:1;transform:none;}
.vxn-island.is-open .vxn-col:nth-child(1) a{transition-delay:.05s;}
.vxn-island.is-open .vxn-col:nth-child(2) a{transition-delay:.12s;}
.vxn-col a:hover{background:rgba(var(--ln),.1);color:#fff;}
.vxn-col a i{width:8px;height:8px;border-radius:50%;background:var(--vxn-cyan);box-shadow:0 0 8px var(--vxn-cyan);flex-shrink:0;}
.vxn-col a.h i{background:var(--vxn-green);box-shadow:0 0 8px var(--vxn-green);}
.vxn-rail{background:var(--vxn-grad-violet);border-radius:16px;padding:18px;display:flex;flex-direction:column;justify-content:center;opacity:0;transform:translateY(8px);transition:opacity .4s .18s,transform .4s .18s;}
.vxn-island.is-open .vxn-rail{opacity:1;transform:none;}
.vxn-rail h4{font-family:var(--vxn-font-display);font-size:1.05rem;color:#fff;margin:0 0 6px;}
.vxn-rail p{font-size:.82rem;color:rgba(var(--w),.85);margin:0 0 14px;}
.vxn-rail a{align-self:flex-start;background:#fff;color:#1a1340;font-weight:700;font-size:.82rem;padding:9px 15px;border-radius:10px;}

/* Mobile full-screen overlay */
.vxn-overlay{position:fixed;inset:0;z-index:90;background:linear-gradient(180deg,var(--vxn-void),var(--vxn-void));
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transform:translateY(-100%);transition:transform .5s var(--vxn-ease);
  display:flex;flex-direction:column;padding:22px;overflow-y:auto;}
.vxn-overlay.is-open{transform:none;}
.vxn-ov-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:36px;}
.vxn-ov-close{width:42px;height:42px;border-radius:12px;background:rgba(var(--w),.05);border:1px solid var(--vxn-line);color:var(--vxn-ink);font-size:1.4rem;display:flex;align-items:center;justify-content:center;}
.vxn-ov-body{display:flex;flex-direction:column;gap:6px;}
.vxn-ov-link{font-family:var(--vxn-font-display);font-weight:700;font-size:1.8rem;color:var(--vxn-ink);padding:14px 4px;border-bottom:1px solid var(--vxn-line);display:flex;align-items:center;justify-content:space-between;
  opacity:0;transform:translateX(-18px);transition:opacity .5s,transform .5s;}
.vxn-overlay.is-open .vxn-ov-link{opacity:1;transform:none;}
.vxn-overlay.is-open .vxn-ov-link:nth-child(1){transition-delay:.08s;}
.vxn-overlay.is-open .vxn-ov-link:nth-child(2){transition-delay:.14s;}
.vxn-overlay.is-open .vxn-ov-link:nth-child(3){transition-delay:.2s;}
.vxn-overlay.is-open .vxn-ov-link:nth-child(4){transition-delay:.26s;}
.vxn-overlay.is-open .vxn-ov-link:nth-child(5){transition-delay:.32s;}
.vxn-ov-sub{display:none;flex-direction:column;gap:2px;padding:6px 4px 14px;}
.vxn-ov-sub.is-open{display:flex;}
.vxn-ov-sub a{color:var(--vxn-muted);font-size:1.05rem;font-weight:600;padding:8px 0;}
.vxn-ov-cta{margin-top:26px;}

@media(max-width:920px){
  .vxn-links{display:none;}
  .vxn-burger{display:flex;}
  .vxn-actions .vxn-cta{display:none;}
}
@media(min-width:921px){ .vxn-overlay{display:none!important;} }

/* ============================ HERO ============================ */
.vxn-hero{position:relative;min-height:100svh;display:flex;align-items:center;padding-top:130px;padding-bottom:64px;overflow:hidden;}
.vxn-hero-bg{position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.9;}
.vxn-hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.04fr .96fr;gap:46px;align-items:center;width:100%;}
.vxn-hero-copy{max-width:600px;}
.vxn-hero h1{margin:18px 0 0;}
.vxn-hero h1 .ln{display:block;}
.vxn-hero .vxn-lead{margin-top:22px;}
.vxn-hero-cta{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px;}
.vxn-hero-trust{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px;}

.vxn-engine{position:relative;width:100%;aspect-ratio:1/.86;max-width:560px;margin-inline:auto;}
.vxn-engine canvas{position:absolute;inset:0;width:100%;height:100%;}
.vxn-dash{position:absolute;right:-6px;bottom:-14px;width:min(252px,72%);padding:16px 16px 14px;border-radius:16px;z-index:3;}
.vxn-dash-h{display:flex;align-items:center;gap:8px;font-family:var(--vxn-font-mono);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--vxn-muted);margin-bottom:12px;}
.vxn-dash-h .live{width:7px;height:7px;border-radius:50%;background:var(--vxn-green);box-shadow:0 0 9px var(--vxn-green);animation:vxn-pulse 1.8s infinite;}
.vxn-dash-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 14px;}
.vxn-dash-cell .k{font-size:10px;letter-spacing:.04em;color:var(--vxn-faint);text-transform:uppercase;font-weight:600;}
.vxn-dash-cell .v{font-family:var(--vxn-font-mono);font-weight:700;font-size:1.18rem;color:var(--vxn-ink);line-height:1.2;font-variant-numeric:tabular-nums;}
.vxn-dash-cell .v.c{color:var(--vxn-cyan);} .vxn-dash-cell .v.g{color:var(--vxn-green);}
@keyframes vxn-pulse{0%,100%{opacity:1;transform:scale(1);}50%{opacity:.45;transform:scale(.82);}}

/* ============================ PROBLEM / LEAK FUNNEL ============================ */
.vxn-leak-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:46px;align-items:center;margin-top:48px;}
.vxn-funnel-stage{position:relative;width:100%;max-width:440px;margin-inline:auto;}
.vxn-funnel-stage svg{width:100%;height:auto;overflow:visible;}
.vxn-leak-rows{display:flex;flex-direction:column;gap:10px;}
.vxn-leak-row{display:flex;gap:14px;align-items:flex-start;padding:15px 16px;border-radius:14px;border:1px solid var(--vxn-line);
  background:rgba(var(--w),.018);cursor:pointer;transition:border-color .3s,background .3s,transform .3s;text-align:left;width:100%;}
.vxn-leak-row:hover{transform:translateX(4px);}
.vxn-leak-row.is-active{border-color:rgba(244,63,94,.55);background:rgba(244,63,94,.07);}
.vxn-leak-num{font-family:var(--vxn-font-mono);font-size:.8rem;color:var(--vxn-red);font-weight:700;width:26px;height:26px;border-radius:8px;
  background:rgba(244,63,94,.12);display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px;}
.vxn-leak-row.is-active .vxn-leak-num{background:var(--vxn-red);color:#180408;}
.vxn-leak-txt h4{font-family:var(--vxn-font-display);font-size:1rem;color:var(--vxn-ink);margin:0 0 3px;}
.vxn-leak-txt p{margin:0;font-size:.88rem;color:var(--vxn-muted);}
.vxn-leak-foot{margin-top:22px;font-size:.95rem;color:var(--vxn-ink-2);border-left:2px solid var(--vxn-cyan);padding-left:16px;}

/* ============================ METHOD (10-step journey) ============================ */
.vxn-method-rail{position:relative;display:flex;gap:14px;overflow-x:auto;padding:30px 4px 18px;margin-top:38px;scroll-snap-type:x mandatory;
  -ms-overflow-style:none;scrollbar-width:thin;scrollbar-color:var(--vxn-line-2) transparent;}
.vxn-method-rail::-webkit-scrollbar{height:6px;}
.vxn-method-rail::-webkit-scrollbar-thumb{background:var(--vxn-line-2);border-radius:6px;}
.vxn-mprogress{position:absolute;top:14px;left:4px;right:4px;height:2px;background:var(--vxn-line);border-radius:2px;overflow:hidden;}
.vxn-mprogress i{position:absolute;inset:0;width:0;background:var(--vxn-grad-cta);box-shadow:0 0 12px rgba(192,132,252,.6);transition:width 1.4s var(--vxn-ease);}
.vxn-mstep{position:relative;scroll-snap-align:start;flex:0 0 auto;width:172px;padding:18px 16px 16px;border-radius:16px;}
.vxn-mstep .n{position:absolute;top:-11px;left:16px;font-family:var(--vxn-font-mono);font-size:.7rem;font-weight:700;color:var(--vxn-cyan);
  background:var(--vxn-deep);border:1px solid var(--vxn-line);padding:3px 7px;border-radius:7px;}
.vxn-mstep .ic{width:38px;height:38px;border-radius:11px;background:rgba(var(--ln),.1);display:flex;align-items:center;justify-content:center;margin-bottom:12px;color:var(--vxn-cyan);}
.vxn-mstep .ic svg{width:20px;height:20px;}
.vxn-mstep h4{font-family:var(--vxn-font-display);font-size:1rem;color:var(--vxn-ink);margin:0 0 6px;}
.vxn-mstep p{margin:0;font-size:.82rem;color:var(--vxn-muted);line-height:1.5;}
.vxn-mstep::after{content:"";position:absolute;right:-9px;top:54px;width:14px;height:14px;border-top:2px solid var(--vxn-line-2);border-right:2px solid var(--vxn-line-2);transform:rotate(45deg);opacity:.7;}
.vxn-mstep:last-child::after{display:none;}

/* ============================ STRATEGY BOARD ============================ */
.vxn-board-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:46px;align-items:center;margin-top:46px;}
.vxn-board{position:relative;aspect-ratio:1;width:100%;max-width:480px;margin-inline:auto;border-radius:24px;overflow:hidden;
  background:linear-gradient(160deg,rgba(var(--mk),.9),rgba(var(--mk),.92));border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);}
.vxn-board::before{content:"";position:absolute;inset:0;opacity:.5;
  background-image:repeating-conic-gradient(rgba(var(--ln),.05) 0% 25%,transparent 0% 50%);background-size:25% 25%;}
.vxn-board::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 45%,transparent 30%,rgba(var(--mk),.55) 100%);}
.vxn-piece{position:absolute;width:21%;aspect-ratio:1;transform:translate(-50%,-50%) scale(.3);opacity:0;
  transition:transform .9s var(--vxn-ease),opacity .7s;left:var(--x);top:var(--y);z-index:2;cursor:default;}
.vxn-board.is-placed .vxn-piece{transform:translate(-50%,-50%) scale(1);opacity:1;}
.vxn-piece-disc{position:absolute;inset:0;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;
  background:radial-gradient(circle at 35% 28%,rgba(var(--w),.22),rgba(var(--w),.03) 60%),linear-gradient(160deg,rgba(var(--mk),.9),rgba(var(--mk),.95));
  border:1px solid rgba(var(--w),.16);box-shadow:0 10px 24px -8px rgba(0,0,0,.7),inset 0 1px 1px rgba(var(--w),.25);
  transition:transform .3s,box-shadow .3s;}
.vxn-piece:hover .vxn-piece-disc{transform:translateY(-4px) scale(1.05);box-shadow:0 16px 30px -8px var(--pc,rgba(192,132,252,.5)),inset 0 1px 1px rgba(var(--w),.3);}
.vxn-piece-disc svg{width:34%;height:34%;color:var(--pc,var(--vxn-cyan));}
.vxn-piece-lbl{font-family:var(--vxn-font-mono);font-size:.5rem;letter-spacing:.04em;color:var(--vxn-ink-2);text-transform:uppercase;font-weight:700;}
.vxn-piece-glow{position:absolute;inset:-30%;border-radius:50%;background:radial-gradient(circle,var(--pc,rgba(192,132,252,.4)),transparent 65%);opacity:.4;filter:blur(6px);z-index:-1;}
.vxn-tip{position:absolute;left:50%;bottom:112%;transform:translateX(-50%) translateY(6px);width:max-content;max-width:180px;
  background:rgba(var(--mk),.96);border:1px solid var(--vxn-line-2);border-radius:10px;padding:9px 12px;font-size:.74rem;color:var(--vxn-ink-2);line-height:1.45;
  opacity:0;visibility:hidden;transition:opacity .25s,transform .25s,visibility .25s;z-index:5;box-shadow:0 12px 30px -10px rgba(0,0,0,.8);pointer-events:none;}
.vxn-tip b{color:var(--pc,var(--vxn-cyan));font-family:var(--vxn-font-display);}
.vxn-piece:hover .vxn-tip{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0);}
.vxn-legend{display:flex;flex-direction:column;gap:8px;margin-top:26px;}
.vxn-lrow{display:flex;align-items:center;gap:12px;padding:11px 14px;border-radius:12px;border:1px solid var(--vxn-line);background:rgba(var(--w),.018);transition:background .25s,border-color .25s;cursor:default;}
.vxn-lrow:hover{background:rgba(var(--ln),.06);border-color:var(--vxn-line-2);}
.vxn-lrow .sw{width:12px;height:12px;border-radius:50%;flex-shrink:0;box-shadow:0 0 10px currentColor;}
.vxn-lrow b{font-family:var(--vxn-font-display);color:var(--vxn-ink);font-size:.92rem;min-width:74px;}
.vxn-lrow span{font-size:.85rem;color:var(--vxn-muted);}

/* ============================ INDUSTRY JOURNEYS (health / hospitality) ============================ */
.vxn-jintro{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap;}
.vxn-journey{position:relative;margin:46px 0 40px;padding:34px 12px 30px;border-radius:20px;}
.vxn-jtrack{position:relative;display:flex;justify-content:space-between;gap:8px;padding-top:8px;}
.vxn-jline{position:absolute;top:30px;left:5%;right:5%;height:2px;background:var(--vxn-line);border-radius:2px;}
.vxn-jline i{position:absolute;inset:0;width:0;background:linear-gradient(90deg,var(--ac1),var(--ac2));box-shadow:0 0 10px var(--ac2);transition:width 1.8s var(--vxn-ease);}
.vxn-jnode{position:relative;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;flex:1;min-width:0;z-index:2;}
.vxn-jdot{width:46px;height:46px;border-radius:14px;background:var(--vxn-deep);border:1px solid var(--vxn-line-2);display:flex;align-items:center;justify-content:center;color:var(--ac2,var(--vxn-cyan));transition:box-shadow .4s,border-color .4s,transform .4s;}
.vxn-jdot svg{width:21px;height:21px;}
.vxn-journey.is-in .vxn-jnode:nth-child(1) .vxn-jdot{box-shadow:0 0 0 4px rgba(192,132,252,.08),0 0 20px -4px var(--ac2);border-color:var(--ac2);}
.vxn-jlabel{font-size:.78rem;font-weight:600;color:var(--vxn-ink-2);line-height:1.3;max-width:90px;}
.vxn-jsub{font-family:var(--vxn-font-mono);font-size:.62rem;letter-spacing:.04em;color:var(--vxn-faint);text-transform:uppercase;}
.vxn-token{position:absolute;top:30px;left:5%;width:18px;height:18px;border-radius:50%;transform:translate(-50%,-50%);z-index:3;
  background:radial-gradient(circle at 35% 30%,#fff,var(--ac2));box-shadow:0 0 16px var(--ac2);}
.vxn-journey.is-in .vxn-token{animation:vxn-ride 7s var(--vxn-ease) .4s infinite;}
@keyframes vxn-ride{0%{left:5%;}12%{left:5%;}22%{left:24%;}34%{left:24%;}44%{left:50%;}56%{left:50%;}66%{left:76%;}78%{left:76%;}88%{left:95%;}100%{left:95%;}}
.vxn-cap-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(225px,1fr));gap:16px;margin-top:6px;}
.vxn-cap{padding:20px 18px;border-radius:16px;transition:transform .35s var(--vxn-ease),border-color .35s;}
.vxn-cap:hover{transform:translateY(-5px);}
.vxn-cap .ic{width:40px;height:40px;border-radius:11px;display:flex;align-items:center;justify-content:center;margin-bottom:13px;
  background:rgba(192,132,252,.1);color:var(--ac2,var(--vxn-cyan));}
.vxn-cap .ic svg{width:21px;height:21px;}
.vxn-cap h4{font-family:var(--vxn-font-display);font-size:1.02rem;color:var(--vxn-ink);margin:0 0 7px;}
.vxn-cap p{margin:0;font-size:.86rem;color:var(--vxn-muted);}
.vxn-note{display:inline-flex;align-items:center;gap:8px;margin-top:24px;font-size:.8rem;color:var(--vxn-faint);font-family:var(--vxn-font-mono);}
.vxn-note::before{content:"";width:14px;height:1px;background:var(--vxn-faint);}

/* ============================ SEO WALKTHROUGH ============================ */
.vxn-seo-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:42px;align-items:center;margin-top:46px;}
.vxn-query-chips{display:flex;flex-wrap:wrap;gap:9px;margin:22px 0 26px;}
.vxn-qchip{font-size:.82rem;font-weight:600;color:var(--vxn-ink-2);padding:8px 14px;border-radius:10px;border:1px solid var(--vxn-line);background:rgba(var(--w),.02);transition:all .25s;}
.vxn-qchip.is-on{border-color:transparent;background:linear-gradient(135deg,#7c3aed,#a855f7);color:#fff;box-shadow:0 6px 16px -6px rgba(124,58,237,.55);}
.vxn-seo-labels{display:flex;flex-direction:column;gap:9px;}
.vxn-seolab{display:flex;align-items:center;gap:11px;font-size:.88rem;color:var(--vxn-faint);transition:color .3s;}
.vxn-seolab .tick{width:20px;height:20px;border-radius:6px;border:1px solid var(--vxn-line-2);display:flex;align-items:center;justify-content:center;transition:all .3s;}
.vxn-seolab .tick svg{width:12px;height:12px;opacity:0;transition:opacity .3s;}
.vxn-seolab.is-lit{color:var(--vxn-ink);}
.vxn-seolab.is-lit .tick{background:var(--vxn-green);border-color:var(--vxn-green);}
.vxn-seolab.is-lit .tick svg{opacity:1;color:#04140d;}

.vxn-browser{position:relative;border-radius:16px;overflow:hidden;border:1px solid var(--vxn-glass-brd);
  background:linear-gradient(180deg,rgba(var(--mk),.96),rgba(var(--mk),.98));box-shadow:var(--vxn-shadow);min-height:430px;}
.vxn-bbar{display:flex;align-items:center;gap:8px;padding:11px 14px;border-bottom:1px solid var(--vxn-line);background:rgba(var(--w),.02);}
.vxn-bdots{display:flex;gap:6px;}
.vxn-bdots i{width:10px;height:10px;border-radius:50%;background:rgba(var(--w),.18);}
.vxn-burl{flex:1;display:flex;align-items:center;gap:8px;background:rgba(0,0,0,.3);border:1px solid var(--vxn-line);border-radius:9px;padding:6px 12px;font-family:var(--vxn-font-mono);font-size:.76rem;color:var(--vxn-muted);}
.vxn-burl svg{width:12px;height:12px;color:var(--vxn-green);}
.vxn-bbody{position:relative;padding:22px;min-height:380px;}
.vxn-seo-screen{position:absolute;inset:0;padding:24px;opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .5s,transform .5s,visibility .5s;}
.vxn-seo-screen.is-on{opacity:1;visibility:visible;transform:none;}
.vxn-search-box{display:flex;align-items:center;gap:12px;background:#fff;border-radius:999px;padding:14px 22px;box-shadow:0 8px 30px -8px rgba(0,0,0,.5);max-width:440px;margin:60px auto 0;}
.vxn-search-box svg{width:20px;height:20px;color:#5f6368;flex-shrink:0;}
.vxn-search-q{font-family:var(--vxn-font-body);font-size:1.02rem;color:#202124;font-weight:500;}
.vxn-search-q .car{display:inline-block;width:2px;height:1.05em;background:#4285f4;margin-left:1px;vertical-align:-2px;animation:vxn-blink 1s step-end infinite;}
@keyframes vxn-blink{50%{opacity:0;}}
.vxn-search-hint{text-align:center;color:var(--vxn-faint);font-size:.82rem;margin-top:22px;}
.vxn-serp{display:grid;grid-template-columns:1.4fr .9fr;gap:18px;}
.vxn-serp-list{display:flex;flex-direction:column;gap:11px;}
.vxn-result{padding:13px 15px;border-radius:12px;border:1px solid var(--vxn-line);background:rgba(var(--w),.025);transition:transform .6s var(--vxn-ease),border-color .5s,background .5s;}
.vxn-result .u{font-size:.72rem;color:var(--vxn-green);font-family:var(--vxn-font-mono);}
.vxn-result .t{font-family:var(--vxn-font-display);font-size:.98rem;color:var(--vxn-blue-2);margin:3px 0 5px;}
.vxn-result .d{font-size:.78rem;color:var(--vxn-muted);}
.vxn-result.is-win{border-color:var(--vxn-cyan);background:rgba(192,132,252,.08);box-shadow:0 0 0 1px rgba(192,132,252,.3),0 14px 30px -12px rgba(192,132,252,.4);}
.vxn-result .badges{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px;opacity:0;max-height:0;overflow:hidden;transition:opacity .5s,max-height .5s;}
.vxn-result.is-win .badges{opacity:1;max-height:50px;}
.vxn-badge{font-size:.66rem;font-weight:700;padding:3px 8px;border-radius:6px;background:rgba(16,185,129,.14);color:var(--vxn-green);}
.vxn-badge.star{background:rgba(245,158,11,.16);color:var(--vxn-amber);}
.vxn-mappack{border-radius:12px;border:1px solid var(--vxn-line);background:linear-gradient(160deg,rgba(124,58,237,.18),rgba(91,33,182,.1));position:relative;overflow:hidden;min-height:180px;padding:12px;}
.vxn-mappack .ml{font-family:var(--vxn-font-mono);font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;color:var(--vxn-muted);margin-bottom:8px;}
.vxn-pin{position:absolute;width:22px;height:22px;}
.vxn-pin svg{width:100%;height:100%;color:var(--vxn-faint);}
.vxn-pin.win svg{color:var(--vxn-cyan);filter:drop-shadow(0 0 8px var(--vxn-cyan));}
.vxn-pin.win{animation:vxn-bob 2s ease-in-out infinite;}
@keyframes vxn-bob{0%,100%{transform:translateY(0);}50%{transform:translateY(-5px);}}
.vxn-landing{max-width:430px;margin:0 auto;}
.vxn-landing .lh{font-family:var(--vxn-font-display);font-size:1.15rem;color:var(--vxn-ink);font-weight:700;margin-bottom:6px;}
.vxn-landing .lp{font-size:.84rem;color:var(--vxn-muted);margin-bottom:16px;}
.vxn-lform{display:flex;flex-direction:column;gap:10px;background:rgba(var(--w),.03);border:1px solid var(--vxn-line);border-radius:14px;padding:16px;}
.vxn-lfield{height:38px;border-radius:9px;background:rgba(0,0,0,.25);border:1px solid var(--vxn-line);display:flex;align-items:center;padding:0 13px;font-size:.82rem;color:var(--vxn-muted);}
.vxn-lbtn{height:40px;border-radius:9px;background:var(--vxn-grad-cta);color:var(--vxn-cta-ink);font-weight:700;display:flex;align-items:center;justify-content:center;font-size:.88rem;}
.vxn-crm-toast{display:flex;align-items:center;gap:10px;margin-top:14px;padding:11px 14px;border-radius:11px;background:rgba(16,185,129,.1);border:1px solid rgba(16,185,129,.4);
  font-size:.84rem;color:var(--vxn-green);font-weight:600;opacity:0;transform:translateY(8px);transition:opacity .5s .3s,transform .5s .3s;}
.vxn-seo-screen.is-on .vxn-crm-toast{opacity:1;transform:none;}
.vxn-crm-toast svg{width:18px;height:18px;}
.vxn-steps-dots{display:flex;gap:8px;justify-content:center;margin-top:18px;}
.vxn-sdot{width:9px;height:9px;border-radius:50%;background:var(--vxn-line-2);transition:all .3s;border:0;padding:0;}
.vxn-sdot.is-on{background:var(--vxn-cyan);box-shadow:0 0 10px var(--vxn-cyan);width:26px;border-radius:5px;}

/* ============================ PAID ADS ============================ */
.vxn-ads-grid{display:grid;grid-template-columns:1fr 1fr;gap:42px;align-items:center;margin-top:46px;}
.vxn-adstack{display:flex;flex-direction:column;gap:14px;}
.vxn-adcard{position:relative;padding:15px 16px;border-radius:14px;overflow:hidden;}
.vxn-adcard .tag{display:inline-flex;align-items:center;gap:6px;font-size:.68rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--vxn-cyan);margin-bottom:9px;}
.vxn-adcard .tag .pl{width:7px;height:7px;border-radius:2px;background:var(--vxn-cyan);}
.vxn-adcard h5{font-family:var(--vxn-font-display);font-size:.98rem;color:var(--vxn-ink);margin:0 0 4px;}
.vxn-adcard p{margin:0 0 11px;font-size:.8rem;color:var(--vxn-muted);}
.vxn-adcard .row{display:flex;align-items:center;justify-content:space-between;}
.vxn-adcard .cta-mini{font-size:.76rem;font-weight:700;color:var(--vxn-cta-ink);background:var(--vxn-grad-cta);padding:6px 12px;border-radius:8px;}
.vxn-adcard .meta{font-family:var(--vxn-font-mono);font-size:.72rem;color:var(--vxn-faint);}
.vxn-ripple{position:absolute;width:14px;height:14px;border-radius:50%;background:var(--vxn-cyan);pointer-events:none;opacity:0;}
.vxn-flow{padding:22px;border-radius:18px;}
.vxn-flow-h{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;}
.vxn-flow-h .lab{font-family:var(--vxn-font-mono);font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;color:var(--vxn-muted);}
.vxn-frow{margin-bottom:15px;}
.vxn-frow .top{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:6px;}
.vxn-frow .k{font-size:.84rem;color:var(--vxn-ink-2);font-weight:600;}
.vxn-frow .v{font-family:var(--vxn-font-mono);font-weight:700;font-size:1.05rem;color:var(--vxn-ink);}
.vxn-frow .v.hl{color:var(--vxn-cyan);} .vxn-frow .v.gr{color:var(--vxn-green);}
.vxn-fbar{height:8px;border-radius:5px;background:rgba(var(--w),.05);overflow:hidden;}
.vxn-fbar i{display:block;height:100%;width:0;border-radius:5px;background:var(--vxn-grad-cta);transition:width 1.4s var(--vxn-ease);}
.vxn-fbar i.g{background:linear-gradient(90deg,var(--vxn-green),var(--vxn-cyan));}
.vxn-cpl{margin-top:6px;display:flex;align-items:center;gap:12px;}
.vxn-cpl svg{flex:1;height:46px;}
.vxn-cpl .cv{font-family:var(--vxn-font-mono);font-size:.8rem;color:var(--vxn-green);font-weight:700;}

/* ============================ WEBSITE BEFORE/AFTER ============================ */
.vxn-web-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:42px;align-items:center;margin-top:46px;}
.vxn-ba{position:relative;aspect-ratio:16/11;border-radius:18px;overflow:hidden;border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);
  --pos:50%;user-select:none;touch-action:pan-y;}
.vxn-ba-layer{position:absolute;inset:0;padding:20px;display:flex;flex-direction:column;}
.vxn-ba-after{background:linear-gradient(160deg,#0c1430,#0a1126);}
.vxn-ba-before{background:linear-gradient(160deg,#161922,#101319);clip-path:inset(0 calc(100% - var(--pos)) 0 0);}
.vxn-ba-tag{position:absolute;top:14px;font-family:var(--vxn-font-mono);font-size:.64rem;letter-spacing:.1em;text-transform:uppercase;padding:5px 10px;border-radius:7px;z-index:4;}
.vxn-ba-before .vxn-ba-tag{left:14px;background:rgba(244,63,94,.16);color:var(--vxn-red);}
.vxn-ba-after .vxn-ba-tag{right:14px;background:rgba(16,185,129,.16);color:var(--vxn-green);}
.vxn-ba-handle{position:absolute;top:0;bottom:0;left:var(--pos);width:2px;background:var(--vxn-cyan);box-shadow:0 0 14px var(--vxn-cyan);z-index:5;transform:translateX(-1px);}
.vxn-ba-knob{position:absolute;top:50%;left:var(--pos);transform:translate(-50%,-50%);width:38px;height:38px;border-radius:50%;background:var(--vxn-deep);border:2px solid var(--vxn-cyan);display:flex;align-items:center;justify-content:center;z-index:6;box-shadow:0 6px 18px -4px rgba(0,0,0,.6);}
.vxn-ba-knob svg{width:18px;height:18px;color:var(--vxn-cyan);}
.vxn-ba input[type=range]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;z-index:7;margin:0;}
.vxn-mock-head{height:14px;width:55%;border-radius:4px;background:rgba(var(--w),.18);margin-bottom:10px;}
.vxn-mock-line{height:8px;border-radius:4px;background:rgba(var(--w),.08);margin-bottom:7px;}
.vxn-mock-cta{margin-top:auto;height:34px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:.74rem;font-weight:700;}
.vxn-mock-cta.weak{background:rgba(var(--w),.08);color:var(--vxn-muted);width:40%;}
.vxn-mock-cta.strong{background:var(--vxn-grad-cta);color:var(--vxn-cta-ink);width:70%;box-shadow:0 8px 22px -6px rgba(124,58,237,.6);}
.vxn-mock-badges{display:flex;gap:6px;margin-top:10px;}
.vxn-mock-badges span{height:18px;flex:1;border-radius:5px;background:rgba(16,185,129,.18);}
.vxn-web-compare{display:grid;grid-template-columns:1fr;gap:8px;}
.vxn-wc-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:center;padding:11px 14px;border-radius:11px;border:1px solid var(--vxn-line);background:rgba(var(--w),.015);}
.vxn-wc-b,.vxn-wc-a{display:flex;align-items:center;gap:8px;font-size:.82rem;}
.vxn-wc-b{color:var(--vxn-muted);} .vxn-wc-a{color:var(--vxn-ink-2);font-weight:600;}
.vxn-wc-b svg,.vxn-wc-a svg{width:15px;height:15px;flex-shrink:0;}
.vxn-wc-b svg{color:var(--vxn-red);} .vxn-wc-a svg{color:var(--vxn-green);}

/* ============================ CRM + AUTOMATION ============================ */
.vxn-crm-pipe{position:relative;display:flex;justify-content:space-between;gap:6px;margin:46px 0 30px;padding-top:10px;}
.vxn-crm-line{position:absolute;top:34px;left:4%;right:4%;height:2px;background:var(--vxn-line);}
.vxn-crm-line i{position:absolute;inset:0;width:0;background:linear-gradient(90deg,var(--vxn-violet),var(--vxn-cyan));box-shadow:0 0 10px var(--vxn-cyan);transition:width .5s linear;}
.vxn-cnode{position:relative;flex:1;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;z-index:2;min-width:0;}
.vxn-cring{width:50px;height:50px;border-radius:15px;background:var(--vxn-deep);border:1px solid var(--vxn-line-2);display:flex;align-items:center;justify-content:center;color:var(--vxn-muted);transition:all .4s;}
.vxn-cring svg{width:22px;height:22px;}
.vxn-cnode.is-done .vxn-cring{border-color:var(--vxn-green);color:var(--vxn-green);box-shadow:0 0 18px -4px var(--vxn-green);}
.vxn-cnode.is-active .vxn-cring{border-color:var(--vxn-cyan);color:var(--vxn-cyan);box-shadow:0 0 0 4px rgba(192,132,252,.1),0 0 22px -2px var(--vxn-cyan);transform:scale(1.08);}
.vxn-clabel{font-size:.74rem;font-weight:600;color:var(--vxn-ink-2);max-width:84px;line-height:1.3;}
.vxn-lead-chip{position:absolute;top:-8px;left:4%;transform:translateX(-50%);display:flex;align-items:center;gap:7px;
  background:rgba(var(--mk),.96);border:1px solid var(--vxn-cyan);border-radius:999px;padding:5px 12px 5px 8px;font-size:.74rem;font-weight:700;color:var(--vxn-ink);
  box-shadow:0 8px 22px -6px rgba(192,132,252,.5);z-index:4;transition:left .6s var(--vxn-ease);white-space:nowrap;}
.vxn-lead-chip .av{width:18px;height:18px;border-radius:50%;background:var(--vxn-grad-violet);display:flex;align-items:center;justify-content:center;font-size:.6rem;color:#fff;}
.vxn-recover{margin-top:14px;display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:18px;border-radius:16px;}
.vxn-recover .rt{font-family:var(--vxn-font-mono);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--vxn-amber);width:100%;margin-bottom:4px;}
.vxn-rstep{display:flex;align-items:center;gap:8px;font-size:.84rem;font-weight:600;color:var(--vxn-ink-2);padding:9px 14px;border-radius:10px;border:1px solid var(--vxn-line);background:rgba(var(--w),.02);opacity:.4;transition:opacity .4s,border-color .4s,transform .4s;}
.vxn-rstep.is-on{opacity:1;border-color:var(--vxn-amber);transform:translateY(-2px);}
.vxn-rstep svg{width:16px;height:16px;color:var(--vxn-amber);}
.vxn-rarrow{color:var(--vxn-faint);}
.vxn-rarrow svg{width:16px;height:16px;}

/* ============================ EXCLUSIVITY (territory lock) ============================ */
.vxn-excl-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:46px;align-items:center;margin-top:40px;}
.vxn-map{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:22px;border-radius:20px;}
.vxn-cell{position:relative;aspect-ratio:1;border-radius:14px;border:1px solid var(--vxn-line);background:rgba(var(--w),.02);
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;text-align:center;padding:8px;transition:all .5s;overflow:hidden;}
.vxn-cell .cl{font-size:.66rem;font-weight:600;color:var(--vxn-muted);line-height:1.25;}
.vxn-cell .ci{width:22px;height:22px;color:var(--vxn-faint);transition:color .4s;}
.vxn-cell .ci svg{width:100%;height:100%;}
.vxn-cell.is-taken{opacity:.4;}
.vxn-cell.is-taken .stamp{position:absolute;font-family:var(--vxn-font-mono);font-size:.6rem;letter-spacing:.1em;color:var(--vxn-red);border:1px solid var(--vxn-red);padding:2px 6px;border-radius:5px;transform:rotate(-12deg);opacity:0;transition:opacity .5s;}
.vxn-cell.is-taken.show .stamp{opacity:.85;}
.vxn-cell.is-yours{border-color:var(--vxn-cyan);background:linear-gradient(160deg,rgba(192,132,252,.14),rgba(192,132,252,.04));box-shadow:0 0 0 1px rgba(192,132,252,.4),0 14px 34px -12px rgba(192,132,252,.5);}
.vxn-cell.is-yours .ci{color:var(--vxn-cyan);}
.vxn-cell.is-yours .cl{color:#fff;}
.vxn-lock{opacity:0;transform:scale(.5);transition:opacity .4s,transform .4s;}
.vxn-cell.is-yours.locked .vxn-lock{opacity:1;transform:scale(1);}
.vxn-sweep{position:absolute;inset:0;pointer-events:none;border-radius:20px;overflow:hidden;}
.vxn-sweep::before{content:"";position:absolute;top:-50%;left:-50%;width:60%;height:200%;
  background:linear-gradient(90deg,transparent,rgba(192,132,252,.12),transparent);transform:rotate(18deg);animation:vxn-scan 5s linear infinite;}
@keyframes vxn-scan{0%{left:-60%;}100%{left:120%;}}
.vxn-excl-pts{display:flex;flex-direction:column;gap:12px;margin:24px 0;}
.vxn-ep{display:flex;gap:12px;align-items:flex-start;}
.vxn-ep .epi{width:34px;height:34px;border-radius:10px;background:rgba(192,132,252,.1);color:var(--vxn-cyan);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.vxn-ep .epi svg{width:18px;height:18px;}
.vxn-ep b{font-family:var(--vxn-font-display);color:var(--vxn-ink);font-size:.95rem;display:block;}
.vxn-ep span{font-size:.85rem;color:var(--vxn-muted);}

/* ============================ REPORTING DASHBOARD ============================ */
.vxn-dashboard{margin-top:46px;padding:26px;border-radius:24px;}
.vxn-db-top{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:22px;}
.vxn-db-title{display:flex;align-items:center;gap:12px;}
.vxn-db-title .dt{font-family:var(--vxn-font-display);font-weight:700;color:var(--vxn-ink);font-size:1.05rem;}
.vxn-db-title .live{display:inline-flex;align-items:center;gap:7px;font-family:var(--vxn-font-mono);font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;color:var(--vxn-green);}
.vxn-db-title .live i{width:7px;height:7px;border-radius:50%;background:var(--vxn-green);box-shadow:0 0 9px var(--vxn-green);animation:vxn-pulse 1.8s infinite;}
.vxn-db-range{display:flex;gap:6px;}
.vxn-db-range span{font-size:.72rem;font-weight:600;color:var(--vxn-muted);padding:6px 11px;border-radius:8px;border:1px solid var(--vxn-line);}
.vxn-db-range span.on{background:rgba(192,132,252,.12);color:#fff;border-color:var(--vxn-cyan);}
.vxn-kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:13px;margin-bottom:18px;}
.vxn-kpi{padding:15px 16px;border-radius:14px;border:1px solid var(--vxn-line);background:rgba(var(--w),.02);}
.vxn-kpi .k{font-size:.72rem;color:var(--vxn-faint);font-weight:600;text-transform:uppercase;letter-spacing:.03em;margin-bottom:7px;display:flex;align-items:center;gap:6px;}
.vxn-kpi .k svg{width:13px;height:13px;}
.vxn-kpi .v{font-family:var(--vxn-font-mono);font-weight:700;font-size:1.4rem;color:var(--vxn-ink);line-height:1.1;font-variant-numeric:tabular-nums;}
.vxn-kpi .v.c{color:var(--vxn-cyan);} .vxn-kpi .v.g{color:var(--vxn-green);} .vxn-kpi .v.a{color:var(--vxn-amber);}
.vxn-kpi .delta{font-size:.72rem;font-weight:700;margin-top:4px;}
.vxn-kpi .delta.up{color:var(--vxn-green);} .vxn-kpi .delta.down{color:var(--vxn-green);}
.vxn-db-charts{display:grid;grid-template-columns:1.5fr 1fr;gap:14px;}
.vxn-chartcard{padding:18px;border-radius:14px;border:1px solid var(--vxn-line);background:rgba(var(--w),.018);}
.vxn-chartcard .ct{font-size:.78rem;color:var(--vxn-muted);font-weight:600;margin-bottom:16px;display:flex;justify-content:space-between;}
.vxn-bars{display:flex;align-items:flex-end;gap:9px;height:120px;}
.vxn-bar{flex:1;border-radius:6px 6px 0 0;background:linear-gradient(180deg,var(--vxn-cyan),rgba(124,58,237,.4));height:0;transition:height 1.1s var(--vxn-ease);min-height:4px;position:relative;}
.vxn-bar:nth-child(even){background:linear-gradient(180deg,var(--vxn-violet),rgba(124,58,237,.4));}
.vxn-bars-x{display:flex;gap:9px;margin-top:8px;}
.vxn-bars-x span{flex:1;text-align:center;font-family:var(--vxn-font-mono);font-size:.58rem;color:var(--vxn-faint);}
.vxn-donut{display:flex;align-items:center;gap:16px;}
.vxn-donut svg{width:104px;height:104px;flex-shrink:0;}
.vxn-donut .leg{display:flex;flex-direction:column;gap:8px;}
.vxn-donut .lg{display:flex;align-items:center;gap:8px;font-size:.76rem;color:var(--vxn-ink-2);}
.vxn-donut .lg i{width:9px;height:9px;border-radius:3px;}

/* ============================ SERVICES ============================ */
.vxn-svc-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(232px,1fr));gap:15px;margin-top:46px;}
.vxn-svc{padding:20px;border-radius:16px;transition:transform .4s var(--vxn-ease),border-color .4s;}
.vxn-svc:hover{transform:translateY(-5px);}
.vxn-svc .ic{width:40px;height:40px;border-radius:11px;background:rgba(var(--ln),.1);color:var(--vxn-cyan);display:flex;align-items:center;justify-content:center;margin-bottom:13px;}
.vxn-svc .ic svg{width:21px;height:21px;}
.vxn-svc h4{font-family:var(--vxn-font-display);font-size:1.02rem;color:var(--vxn-ink);margin:0 0 7px;}
.vxn-svc .cr{font-size:.74rem;font-weight:700;color:var(--vxn-green);text-transform:uppercase;letter-spacing:.04em;margin-bottom:5px;font-family:var(--vxn-font-mono);}
.vxn-svc p{margin:0;font-size:.84rem;color:var(--vxn-muted);}

/* ============================ CASE STUDIES ============================ */
.vxn-case-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px;margin-top:46px;}
.vxn-case{padding:24px;border-radius:18px;transition:transform .4s var(--vxn-ease);}
.vxn-case:hover{transform:translateY(-6px);}
.vxn-case .ind{display:inline-flex;align-items:center;gap:8px;font-size:.74rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--vxn-cyan);margin-bottom:18px;}
.vxn-case .ind .d{width:8px;height:8px;border-radius:50%;background:var(--vxn-cyan);box-shadow:0 0 8px var(--vxn-cyan);}
.vxn-cstat{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:13px 0;border-bottom:1px solid var(--vxn-line);}
.vxn-cstat:last-of-type{border-bottom:0;}
.vxn-cstat .cv{font-family:var(--vxn-font-mono);font-weight:700;font-size:1.5rem;color:var(--vxn-ink);font-variant-numeric:tabular-nums;}
.vxn-cstat .cv.g{color:var(--vxn-green);} .vxn-cstat .cv.c{color:var(--vxn-cyan);}
.vxn-cstat .cl{font-size:.8rem;color:var(--vxn-muted);text-align:right;max-width:54%;}

/* ============================ PROCESS TIMELINE ============================ */
.vxn-timeline{position:relative;max-width:780px;margin:46px auto 0;padding-left:42px;}
.vxn-timeline::before{content:"";position:absolute;left:15px;top:8px;bottom:8px;width:2px;background:var(--vxn-line);}
.vxn-tline-fill{position:absolute;left:15px;top:8px;width:2px;height:0;background:linear-gradient(180deg,var(--vxn-cyan),var(--vxn-violet));box-shadow:0 0 12px var(--vxn-cyan);transition:height 1.6s var(--vxn-ease);}
.vxn-tstep{position:relative;padding:0 0 30px;}
.vxn-tstep:last-child{padding-bottom:0;}
.vxn-tstep .tn{position:absolute;left:-42px;top:0;width:32px;height:32px;border-radius:10px;background:var(--vxn-deep);border:1px solid var(--vxn-line-2);
  display:flex;align-items:center;justify-content:center;font-family:var(--vxn-font-mono);font-size:.78rem;font-weight:700;color:var(--vxn-cyan);}
.vxn-tstep h4{font-family:var(--vxn-font-display);font-size:1.08rem;color:var(--vxn-ink);margin:2px 0 5px;}
.vxn-tstep p{margin:0;font-size:.88rem;color:var(--vxn-muted);}

/* ============================ FINAL CTA ============================ */
.vxn-final{position:relative;text-align:center;padding-block:clamp(80px,13vh,150px);overflow:hidden;}
.vxn-final-orb{position:absolute;top:50%;left:50%;width:520px;height:520px;transform:translate(-50%,-50%);z-index:0;pointer-events:none;
  background:radial-gradient(circle,rgba(192,132,252,.18),rgba(124,58,237,.08) 40%,transparent 70%);}
.vxn-final-inner{position:relative;z-index:2;max-width:720px;margin-inline:auto;}
.vxn-final h2{margin-bottom:20px;}
.vxn-final-cta{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;margin-top:32px;}
.vxn-final-trust{margin-top:24px;font-size:.85rem;color:var(--vxn-faint);font-family:var(--vxn-font-mono);}

/* ============================ FOOTER ============================ */
.vxn-footer{position:relative;border-top:1px solid var(--vxn-line);padding-top:60px;padding-bottom:34px;}
.vxn-foot-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:36px;}
.vxn-foot-brand .vxn-brand{margin-bottom:14px;}
.vxn-foot-brand p{font-size:.88rem;color:var(--vxn-muted);max-width:30ch;}
.vxn-foot-col h5{font-family:var(--vxn-font-mono);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--vxn-faint);margin:0 0 16px;}
.vxn-foot-col a{display:block;font-size:.88rem;color:var(--vxn-ink-2);padding:5px 0;transition:color .25s;}
.vxn-foot-col a:hover{color:var(--vxn-cyan);}
.vxn-foot-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:44px;padding-top:22px;border-top:1px solid var(--vxn-line);}
.vxn-foot-bottom .lg{font-size:.8rem;color:var(--vxn-faint);}
.vxn-foot-bottom .disc{font-size:.76rem;color:var(--vxn-faint);max-width:48ch;}

/* ============================ STICKY MOBILE CTA ============================ */
.vxn-sticky{position:fixed;left:14px;right:14px;bottom:14px;z-index:70;display:none;transform:translateY(140%);transition:transform .45s var(--vxn-ease);}
.vxn-sticky.is-on{transform:none;}
.vxn-sticky a{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;background:var(--vxn-grad-cta);color:var(--vxn-cta-ink);
  font-family:var(--vxn-font-display);font-weight:700;padding:15px;border-radius:14px;box-shadow:0 14px 40px -8px rgba(124,58,237,.7);}
.vxn-sticky a svg{width:18px;height:18px;}

/* ============================ RESPONSIVE ============================ */
@media(max-width:980px){
  .vxn-hero-grid,.vxn-leak-grid,.vxn-board-grid,.vxn-seo-grid,.vxn-ads-grid,.vxn-web-grid,.vxn-excl-grid{grid-template-columns:1fr;gap:38px;}
  .vxn-engine{max-width:440px;order:-1;}
  .vxn-board,.vxn-funnel-stage{max-width:420px;}
  .vxn-db-charts{grid-template-columns:1fr;}
  .vxn-foot-grid{grid-template-columns:1fr 1fr;gap:30px;}
  .vxn-foot-brand{grid-column:1/-1;}
}
@media(max-width:680px){
  .vxn-section{padding-block:clamp(58px,9vh,86px);}
  .vxn-jtrack,.vxn-crm-pipe{overflow-x:auto;justify-content:flex-start;gap:18px;padding-bottom:10px;}
  .vxn-jnode,.vxn-cnode{flex:0 0 96px;}
  .vxn-jline,.vxn-token,.vxn-crm-line{display:none;}
  .vxn-serp{grid-template-columns:1fr;}
  .vxn-foot-grid{grid-template-columns:1fr;}
  .vxn-sticky{display:block;}
  .vxn-foot-bottom{flex-direction:column;align-items:flex-start;}
}

/* ============================ REDUCED MOTION ============================ */
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important;}
  .vxn-reveal{opacity:1!important;transform:none!important;}
  .vxn-piece{opacity:1!important;transform:translate(-50%,-50%) scale(1)!important;}
  .vxn-token,.vxn-sweep::before,.vxn-pin.win{animation:none!important;}
}
/* =====================================================================
   v2 COMPONENT LAYER  (overrides win by source order)
   ===================================================================== */

/* header surface tokens */
:root{ --vxn-header:rgba(255,255,255,0.70); --vxn-header-2:rgba(255,255,255,0.90); }
:root[data-theme="dark"]{ --vxn-header:rgba(12,9,26,0.66); --vxn-header-2:rgba(12,9,26,0.88); }

/* focus ring (a11y) */
:where(a,button,input,select,textarea,[tabindex]):focus-visible{
  outline:2px solid var(--vxn-blue);outline-offset:2px;border-radius:6px;}

/* ----- smaller headings ----- */
.vxn-h1{font-size:clamp(2.0rem,4.6vw,3.4rem);}
.vxn-h2{font-size:clamp(1.5rem,3vw,2.15rem);}
.vxn-h3{font-size:clamp(1.05rem,1.7vw,1.25rem);}

/* SVG funnel labels (theme-aware fills) */
.vxn-fn-strong{fill:var(--vxn-ink);}
.vxn-fn-mid{fill:var(--vxn-ink-2);}

/* ----- ambient atmosphere : theme-aware ----- */
.vxn-atmos{background:
  radial-gradient(1100px 720px at 82% -12%, rgba(124,58,237,0.06), transparent 58%),
  radial-gradient(880px 680px at 2% 6%, rgba(168,85,247,0.05), transparent 60%),
  radial-gradient(1000px 820px at 60% 114%, rgba(192,132,252,0.045), transparent 55%),
  var(--vxn-void);}
:root[data-theme="dark"] .vxn-atmos{background:
  radial-gradient(1100px 720px at 80% -10%, rgba(124,58,237,0.24), transparent 60%),
  radial-gradient(900px 700px at 4% 8%, rgba(139,92,246,0.17), transparent 60%),
  radial-gradient(1000px 820px at 60% 112%, rgba(192,132,252,0.11), transparent 55%),
  var(--vxn-void);}
.vxn-grain{opacity:.022;}
:root[data-theme="dark"] .vxn-grain{opacity:.04;}

/* ===================================================================
   NEW HEADER  (.vxn-hd-*)  — clean, sticky, conventional-premium
   =================================================================== */
.vxn-hd{position:sticky;top:0;z-index:100;
  background:var(--vxn-header);
  -webkit-backdrop-filter:saturate(150%) blur(16px);backdrop-filter:saturate(150%) blur(16px);
  border-bottom:1px solid var(--vxn-line);
  transition:background .3s var(--vxn-ease),border-color .3s,box-shadow .3s;}
.vxn-hd.is-scrolled{background:var(--vxn-header-2);
  box-shadow:0 12px 34px -20px rgba(76,29,149,.4);border-bottom-color:var(--vxn-glass-brd);}
.vxn-hd-bar{max-width:var(--vxn-shell);margin:0 auto;padding:15px 22px;
  display:flex;align-items:center;gap:16px;transition:padding .3s var(--vxn-ease);}
.vxn-hd.is-scrolled .vxn-hd-bar{padding:9px 22px;}
.vxn-hd-brand{display:inline-flex;align-items:center;gap:11px;margin-right:auto;}
.vxn-hd-mark{width:34px;height:34px;flex:none;}
.vxn-hd-word{font-family:var(--vxn-font-display);font-weight:800;letter-spacing:.16em;
  font-size:1.05rem;color:var(--vxn-ink);}
.vxn-hd-nav{display:flex;align-items:center;gap:2px;}
.vxn-hd-link{position:relative;padding:9px 14px;border-radius:10px;font-weight:600;
  font-size:.94rem;color:var(--vxn-muted);transition:color .2s;}
.vxn-hd-link::after{content:"";position:absolute;left:14px;right:14px;bottom:5px;height:2px;border-radius:2px;
  background:var(--vxn-grad-cta);transform:scaleX(0);transform-origin:left;transition:transform .26s var(--vxn-ease);}
.vxn-hd-link:hover{color:var(--vxn-ink);}
.vxn-hd-link:hover::after{transform:scaleX(1);}
.vxn-hd-actions{display:flex;align-items:center;gap:10px;}
.vxn-hd-toggle{width:40px;height:40px;border-radius:11px;display:inline-grid;place-items:center;
  background:var(--vxn-glass-2);border:1px solid var(--vxn-glass-brd);color:var(--vxn-ink-2);
  transition:transform .2s,border-color .2s,color .2s;}
.vxn-hd-toggle:hover{color:var(--vxn-blue);border-color:var(--vxn-blue);transform:translateY(-1px);}
.vxn-hd-toggle svg{width:19px;height:19px;}
.vxn-hd-toggle .vxn-ic-moon{display:none;}
:root[data-theme="dark"] .vxn-hd-toggle .vxn-ic-sun{display:none;}
:root[data-theme="dark"] .vxn-hd-toggle .vxn-ic-moon{display:block;}
.vxn-hd-cta{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:11px;
  font-weight:700;font-size:.92rem;background:var(--vxn-grad-cta);color:var(--vxn-cta-ink);
  box-shadow:var(--vxn-glow-cta);transition:transform .2s,box-shadow .2s;}
.vxn-hd-cta:hover{transform:translateY(-1px);box-shadow:0 20px 46px -14px rgba(124,58,237,.6);}
.vxn-hd-burger{display:none;width:42px;height:42px;border-radius:11px;
  background:var(--vxn-glass-2);border:1px solid var(--vxn-glass-brd);color:var(--vxn-ink);
  align-items:center;justify-content:center;}
.vxn-hd-burger svg{width:22px;height:22px;}
.vxn-hd-mobile{display:none;}
@media (max-width:860px){
  .vxn-hd-nav,.vxn-hd-cta{display:none;}
  .vxn-hd-burger{display:inline-flex;}
  .vxn-hd-mobile{display:block;max-height:0;overflow:hidden;
    transition:max-height .38s var(--vxn-ease);
    background:var(--vxn-header-2);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);
    border-bottom:1px solid var(--vxn-line);}
  .vxn-hd-mobile.is-open{max-height:460px;}
  .vxn-hd-mlist{max-width:var(--vxn-shell);margin:0 auto;padding:8px 22px 22px;
    display:flex;flex-direction:column;gap:4px;}
  .vxn-hd-mlink{padding:14px 12px;border-radius:12px;font-weight:600;color:var(--vxn-ink-2);
    border:1px solid transparent;transition:background .2s,border-color .2s;}
  .vxn-hd-mlink:hover{background:var(--vxn-glass-2);border-color:var(--vxn-glass-brd);}
  .vxn-hd-mcta{margin-top:10px;justify-content:center;display:inline-flex;align-items:center;gap:8px;
    padding:15px 18px;border-radius:12px;font-weight:700;background:var(--vxn-grad-cta);
    color:var(--vxn-cta-ink);box-shadow:var(--vxn-glow-cta);}
}

/* ===================================================================
   IMAGES — real photos with graceful purple fallbacks
   =================================================================== */
.vxn-figure{position:relative;border-radius:var(--vxn-r);overflow:hidden;
  border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);background:var(--vxn-panel-2);}
.vxn-figure img{width:100%;height:100%;object-fit:cover;display:block;}
.vxn-ph{position:absolute;inset:0;display:none;align-items:center;justify-content:center;
  background:linear-gradient(150deg,#2a1d4d 0%,#7c3aed 60%,#a855f7 100%);color:#fff;}
.vxn-ph svg{width:40%;height:40%;opacity:.92;}
.vxn-figtag{position:absolute;left:13px;bottom:13px;z-index:2;display:inline-flex;align-items:center;gap:7px;
  padding:7px 13px;border-radius:999px;font-size:.76rem;font-weight:700;letter-spacing:.02em;color:#fff;
  background:rgba(11,8,24,.46);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
  border:1px solid rgba(255,255,255,.20);}
.vxn-ind-figure{aspect-ratio:4/3;margin-top:22px;}
.vxn-avatars{display:flex;align-items:center;}
.vxn-avatar{width:42px;height:42px;border-radius:50%;overflow:hidden;position:relative;flex:none;
  border:2px solid var(--vxn-panel);margin-left:-11px;
  background:linear-gradient(150deg,#7c3aed,#c084fc);box-shadow:0 2px 9px -2px rgba(76,29,149,.5);}
.vxn-avatar:first-child{margin-left:0;}
.vxn-avatar img{width:100%;height:100%;object-fit:cover;display:block;}
.vxn-avatar .vxn-ph{font-weight:800;font-size:.88rem;font-family:var(--vxn-font-display);}
.vxn-case-avatar{width:48px;height:48px;border-radius:50%;overflow:hidden;position:relative;flex:none;
  border:1px solid var(--vxn-glass-brd);background:linear-gradient(150deg,#7c3aed,#c084fc);}
.vxn-case-avatar img{width:100%;height:100%;object-fit:cover;display:block;}
.vxn-case-avatar .vxn-ph{font-weight:800;font-family:var(--vxn-font-display);}
.vxn-case-person{display:flex;align-items:center;gap:12px;margin-bottom:16px;}
.vxn-case-person .nm{font-family:var(--vxn-font-display);font-weight:700;font-size:.92rem;color:var(--vxn-ink);line-height:1.2;}
.vxn-case-person .rl{font-size:.8rem;color:var(--vxn-muted);}
.vxn-hero-proof{display:flex;align-items:center;gap:14px;margin-top:26px;flex-wrap:wrap;}
.vxn-hero-proof .txt{font-size:.86rem;color:var(--vxn-muted);max-width:24ch;line-height:1.45;}
.vxn-hero-proof .txt b{color:var(--vxn-ink-2);font-weight:700;}

/* ===================================================================
   NEW FOOTER  (.vxn-ft-*)
   =================================================================== */
.vxn-ft{position:relative;margin-top:96px;
  background:linear-gradient(180deg,var(--vxn-deep),var(--vxn-void));
  border-top:1px solid var(--vxn-line);}
.vxn-ft-cta{max-width:var(--vxn-shell);margin:0 auto;padding:58px 22px 8px;
  display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:26px;}
.vxn-ft-cta-copy h2{font-family:var(--vxn-font-display);font-weight:800;
  font-size:clamp(1.5rem,3vw,2.15rem);color:var(--vxn-ink);margin:0;letter-spacing:-.02em;
  max-width:20ch;line-height:1.12;}
.vxn-ft-cta-copy p{color:var(--vxn-muted);margin:10px 0 0;max-width:44ch;}
.vxn-ft-cta-btn{display:inline-flex;align-items:center;gap:9px;padding:15px 26px;border-radius:13px;
  font-weight:700;background:var(--vxn-grad-cta);color:var(--vxn-cta-ink);box-shadow:var(--vxn-glow-cta);
  white-space:nowrap;transition:transform .2s,box-shadow .2s;}
.vxn-ft-cta-btn:hover{transform:translateY(-2px);box-shadow:0 22px 50px -14px rgba(124,58,237,.6);}
.vxn-ft-grid{max-width:var(--vxn-shell);margin:34px auto 0;padding:42px 22px;
  display:grid;grid-template-columns:1.7fr 1fr 1fr 1fr;gap:32px;border-top:1px solid var(--vxn-line);}
.vxn-ft-brand p{color:var(--vxn-muted);font-size:.92rem;max-width:34ch;line-height:1.65;margin:14px 0 0;}
.vxn-ft-col h4{font-family:var(--vxn-font-display);font-size:.78rem;letter-spacing:.13em;
  text-transform:uppercase;color:var(--vxn-faint);margin:2px 0 14px;}
.vxn-ft-col a{display:block;color:var(--vxn-ink-2);font-size:.92rem;padding:7px 0;transition:color .2s;}
.vxn-ft-col a:hover{color:var(--vxn-blue);}
.vxn-ft-disc{max-width:var(--vxn-shell);margin:0 auto;padding:0 22px 26px;}
.vxn-ft-disc p{color:var(--vxn-faint);font-size:.78rem;line-height:1.65;
  border-top:1px dashed var(--vxn-line);padding-top:20px;margin:0;}
.vxn-ft-bottom{border-top:1px solid var(--vxn-line);}
.vxn-ft-bottom-in{max-width:var(--vxn-shell);margin:0 auto;padding:22px;
  display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;}
.vxn-ft-copy{color:var(--vxn-faint);font-size:.85rem;}
.vxn-ft-social{display:flex;gap:10px;}
.vxn-ft-social a{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;
  background:var(--vxn-glass-2);border:1px solid var(--vxn-glass-brd);color:var(--vxn-ink-2);
  transition:color .2s,border-color .2s,transform .2s;}
.vxn-ft-social a:hover{color:var(--vxn-blue);border-color:var(--vxn-blue);transform:translateY(-2px);}
.vxn-ft-social svg{width:18px;height:18px;}
@media (max-width:780px){.vxn-ft-grid{grid-template-columns:1fr 1fr;}.vxn-ft-brand{grid-column:1/-1;}}
@media (max-width:480px){.vxn-ft-grid{grid-template-columns:1fr;}}

.vxn-leak-money{margin-top:18px;padding:18px 20px;border-radius:16px;text-align:center;
  background:linear-gradient(160deg,rgba(244,63,94,.10),rgba(124,58,237,.06));
  border:1px solid var(--vxn-glass-brd);}
.vxn-leak-money .big{display:block;font-family:var(--vxn-font-display);font-weight:800;
  font-size:clamp(1.6rem,3vw,2.1rem);color:var(--vxn-red);letter-spacing:-.02em;}
.vxn-leak-money .sub{display:block;margin-top:6px;font-size:.84rem;color:var(--vxn-muted);line-height:1.5;}

/* ===================================================================
   ABOUT SECTION
   =================================================================== */
.vxn-about-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:46px;align-items:center;margin-top:42px;}
.vxn-about-figure{position:relative;border-radius:var(--vxn-r);overflow:hidden;
  border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);background:var(--vxn-panel-2);aspect-ratio:4/3;}
.vxn-about-figure img{width:100%;height:100%;object-fit:cover;display:block;}
.vxn-about-badge{position:absolute;left:16px;bottom:16px;z-index:2;display:flex;align-items:center;gap:12px;
  padding:12px 16px;border-radius:14px;background:rgba(11,8,24,.55);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
  border:1px solid rgba(255,255,255,.18);}
.vxn-about-badge .n{font-family:var(--vxn-font-display);font-weight:800;font-size:1.3rem;color:#fff;line-height:1;}
.vxn-about-badge .l{font-size:.74rem;color:rgba(255,255,255,.8);line-height:1.3;}
.vxn-about-lead{font-size:1.05rem;color:var(--vxn-ink-2);line-height:1.7;margin:18px 0 0;}
.vxn-about-lead b{color:var(--vxn-ink);font-weight:700;}
.vxn-about-points{display:grid;gap:14px;margin-top:24px;}
.vxn-about-point{display:flex;gap:13px;align-items:flex-start;}
.vxn-about-point .ic{width:34px;height:34px;flex:none;border-radius:10px;display:grid;place-items:center;
  background:linear-gradient(150deg,rgba(124,58,237,.16),rgba(192,132,252,.10));color:var(--vxn-blue);border:1px solid var(--vxn-glass-brd);}
.vxn-about-point .ic svg{width:18px;height:18px;}
.vxn-about-point h4{font-family:var(--vxn-font-display);font-weight:600;font-size:.98rem;color:var(--vxn-ink);margin:2px 0 3px;}
.vxn-about-point p{font-size:.88rem;color:var(--vxn-muted);line-height:1.55;margin:0;}
@media (max-width:820px){ .vxn-about-grid{grid-template-columns:1fr;gap:30px;} }
/* ===================================================================
   MEGA MENU
   =================================================================== */
.vxn-hd-mega-btn{background:transparent;border:0;font-family:inherit;cursor:pointer;display:inline-flex;align-items:center;gap:6px;}
.vxn-hd-chev{transition:transform .25s var(--vxn-ease);}
.vxn-hd-mega-btn[aria-expanded="true"]{color:var(--vxn-ink);}
.vxn-hd-mega-btn[aria-expanded="true"] .vxn-hd-chev{transform:rotate(180deg);}
.vxn-hd-mega{position:absolute;top:100%;left:0;right:0;z-index:99;
  background:var(--vxn-panel);
  border-top:1px solid var(--vxn-line);border-bottom:1px solid var(--vxn-glass-brd);
  box-shadow:0 36px 70px -34px rgba(76,29,149,.42);
  opacity:0;visibility:hidden;transform:translateY(-10px);pointer-events:none;
  transition:opacity .26s var(--vxn-ease),transform .26s var(--vxn-ease),visibility .26s;}
.vxn-hd-mega.is-open{opacity:1;visibility:visible;transform:none;pointer-events:auto;}
.vxn-hd-mega-in{max-width:var(--vxn-shell);margin:0 auto;padding:30px 22px 34px;
  display:grid;grid-template-columns:1.25fr 1fr 1.15fr;gap:30px;}
.vxn-hd-mega-col h4{font-family:var(--vxn-font-display);font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;
  color:var(--vxn-faint);margin:0 0 12px;padding-left:10px;}
.vxn-hd-mega-col a{display:flex;align-items:center;gap:12px;padding:10px;border-radius:12px;
  border:1px solid transparent;transition:background .18s,border-color .18s,transform .18s;}
.vxn-hd-mega-col a:hover{background:var(--vxn-glass-2);border-color:var(--vxn-glass-brd);transform:translateX(2px);}
.vxn-hd-mega-col a .ic{width:34px;height:34px;flex:none;border-radius:9px;display:grid;place-items:center;
  background:linear-gradient(150deg,rgba(124,58,237,.16),rgba(192,132,252,.10));color:var(--vxn-blue);border:1px solid var(--vxn-glass-brd);}
.vxn-hd-mega-col a .ic svg{width:18px;height:18px;}
.vxn-hd-mega-col a .tx b{display:block;font-family:var(--vxn-font-display);font-weight:600;font-size:.92rem;color:var(--vxn-ink);}
.vxn-hd-mega-col a .tx span{display:block;font-size:.78rem;color:var(--vxn-muted);margin-top:1px;}
.vxn-hd-mega-col:nth-child(2) a{padding:12px;}
.vxn-hd-mega-feature{background:linear-gradient(160deg,rgba(124,58,237,.10),rgba(192,132,252,.05));
  border:1px solid var(--vxn-glass-brd);border-radius:16px;padding:22px;display:flex;flex-direction:column;}
.vxn-hd-mega-feature h3{font-family:var(--vxn-font-display);font-weight:700;font-size:1.05rem;color:var(--vxn-ink);
  margin:10px 0 8px;line-height:1.25;letter-spacing:-.01em;}
.vxn-hd-mega-feature p{color:var(--vxn-muted);font-size:.86rem;line-height:1.55;margin:0 0 16px;}
.vxn-hd-mega-cta{margin-top:auto;align-self:flex-start;display:inline-flex;align-items:center;gap:8px;
  padding:11px 18px;border-radius:11px;font-weight:700;font-size:.86rem;background:var(--vxn-grad-cta);color:var(--vxn-cta-ink);box-shadow:var(--vxn-glow-cta);}
@media (max-width:860px){ .vxn-hd-mega{display:none !important;} }
@media (prefers-reduced-motion:reduce){ .vxn-hd-mega,.vxn-hd-chev{transition:none !important;} }

/* ===================================================================
   HERO v3 — particles.js network + centered creative layout
   =================================================================== */
.vxn-hero{position:relative;overflow:hidden;min-height:clamp(580px,88vh,880px);
  display:flex;align-items:center;padding-top:48px;padding-bottom:56px;}
#vxn-particles{position:absolute;inset:0;z-index:0;}
#vxn-particles canvas{display:block !important;}
.vxn-hero-glow{position:absolute;inset:0;z-index:0;pointer-events:none;background:
  radial-gradient(640px 440px at 50% 30%, rgba(124,58,237,.16), transparent 70%),
  radial-gradient(520px 380px at 84% 72%, rgba(192,132,252,.12), transparent 70%),
  radial-gradient(480px 360px at 12% 78%, rgba(168,85,247,.10), transparent 70%);}
.vxn-hero .vxn-shell{position:relative;z-index:2;}
.vxn-hero-center{max-width:900px;margin:0 auto;text-align:center;display:flex;flex-direction:column;align-items:center;}
.vxn-hero-center .vxn-h1{margin:16px auto 0;}
.vxn-hero-center .vxn-lead{margin:20px auto 0;text-align:center;}
.vxn-hero-center .vxn-hero-cta{justify-content:center;margin-top:30px;display:flex;gap:14px;flex-wrap:wrap;}
.vxn-hero-center .vxn-hero-proof{justify-content:center;margin-top:28px;}
.vxn-hero-metrics{margin-top:40px;padding:6px;border-radius:18px;width:100%;max-width:800px;}
.vxn-hero-metrics .cap{text-align:center;font-size:.82rem;font-weight:700;color:var(--vxn-red);
  padding:12px 16px 11px;line-height:1.4;}
.vxn-hm-row{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--vxn-line);}
.vxn-hm-row .cell{padding:16px 14px 18px;text-align:center;position:relative;}
.vxn-hm-row .cell + .cell::before{content:"";position:absolute;left:0;top:22%;bottom:22%;width:1px;background:var(--vxn-line);}
.vxn-hm-row .v{font-family:var(--vxn-font-display);font-weight:800;font-size:clamp(1.35rem,2.5vw,1.9rem);color:var(--vxn-ink);letter-spacing:-.02em;}
.vxn-hm-row .v.g{color:var(--vxn-green);}
.vxn-hm-row .v.c{color:var(--vxn-blue);}
.vxn-hm-row .k{font-size:.74rem;color:var(--vxn-muted);margin-top:5px;letter-spacing:.01em;line-height:1.3;}
@media (max-width:620px){
  .vxn-hm-row{grid-template-columns:repeat(2,1fr);}
  .vxn-hm-row .cell:nth-child(3)::before{display:none;}
}
@media (prefers-reduced-motion:reduce){
  .vxn-hd,.vxn-hd-bar,.vxn-hd-mobile,.vxn-hd-link::after,.vxn-hd-cta,.vxn-hd-toggle,
  .vxn-ft-cta-btn,.vxn-ft-social a,.vxn-about-point{transition:none !important;}
}
/* ----- hero text glow + typewriter caret + lead highlight ----- */
.vxn-hero-center .vxn-h1{text-shadow:0 0 38px rgba(124,58,237,.14);}
.vxn-hero-break{display:block;margin-top:.08em;}
:root[data-theme="dark"] .vxn-hero-center .vxn-h1{text-shadow:0 0 48px rgba(124,58,237,.45);}
.vxn-hero-center .vxn-grad-txt{text-shadow:none;
  filter:drop-shadow(0 0 14px rgba(124,58,237,.45)) drop-shadow(0 0 28px rgba(192,132,252,.30));}
.vxn-hl{color:var(--vxn-blue);}
:root[data-theme="dark"] .vxn-hl{color:var(--vxn-cyan);}
.vxn-hero-center .vxn-lead strong{color:var(--vxn-blue);font-weight:700;}
:root[data-theme="dark"] .vxn-hero-center .vxn-lead strong{color:var(--vxn-cyan);}
.vxn-caret{display:inline-block;width:3px;height:.92em;margin-left:5px;vertical-align:-1px;border-radius:2px;
  background:linear-gradient(180deg,#7c3aed,#c084fc);box-shadow:0 0 12px rgba(124,58,237,.75);
  animation:vxn-blink 1.05s steps(1) infinite;}
@keyframes vxn-blink{0%,50%{opacity:1}50.01%,100%{opacity:0}}
@media (prefers-reduced-motion:reduce){ .vxn-caret{animation:none;display:none;} }
/* ----- section 2 : animated funnel (flowing leads + happy booked) ----- */
.vxn-funnel-anim{width:100%;max-width:330px;display:block;margin:0 auto;overflow:visible;}
.vxn-flow{fill:#a855f7;animation:vxn-pflow 2.7s linear infinite;}
.vxn-flow.f1{animation-delay:0s;}
.vxn-flow.f2{animation-delay:.45s;}
.vxn-flow.f3{animation-delay:.95s;}
.vxn-flow.f4{animation-delay:1.4s;}
.vxn-flow.f5{animation-delay:1.85s;}
.vxn-flow.f6{animation-delay:2.3s;}
@keyframes vxn-pflow{
  0%{transform:translateY(0);opacity:0;}
  10%{opacity:1;}
  86%{opacity:.95;}
  100%{transform:translateY(262px);opacity:0;}
}
.vxn-leak{fill:#f43f5e;}
.vxn-leak.l1,.vxn-leak.l2,.vxn-leak.l3{animation:vxn-leakL 2.7s ease-in infinite;}
.vxn-leak.r1,.vxn-leak.r2,.vxn-leak.r3{animation:vxn-leakR 2.7s ease-in infinite;}
.vxn-leak.l1{animation-delay:.3s;}
.vxn-leak.r1{animation-delay:.9s;}
.vxn-leak.r2{animation-delay:.6s;}
.vxn-leak.l2{animation-delay:1.5s;}
.vxn-leak.r3{animation-delay:1.2s;}
.vxn-leak.l3{animation-delay:2s;}
@keyframes vxn-leakL{0%{transform:translate(0,0);opacity:0;}20%{opacity:.9;}100%{transform:translate(-30px,18px);opacity:0;}}
@keyframes vxn-leakR{0%{transform:translate(0,0);opacity:0;}20%{opacity:.9;}100%{transform:translate(30px,18px);opacity:0;}}
.vxn-joy-glow{transform-box:fill-box;transform-origin:center;animation:vxn-joy-pulse 2.4s ease-in-out infinite;}
@keyframes vxn-joy-pulse{0%,100%{transform:scale(.9);opacity:.45;}50%{transform:scale(1.14);opacity:.82;}}
.vxn-joy-face{transform-box:fill-box;transform-origin:center;animation:vxn-joy-bob 2.4s ease-in-out infinite;}
@keyframes vxn-joy-bob{0%,100%{transform:translateY(0) scale(1);}50%{transform:translateY(-2px) scale(1.05);}}
.vxn-spark{transform-box:fill-box;transform-origin:center;animation:vxn-twinkle 1.9s ease-in-out infinite;}
.vxn-spark.s2{animation-delay:.6s;}
.vxn-spark.s3{animation-delay:1.15s;}
@keyframes vxn-twinkle{0%,100%{opacity:.15;transform:scale(.6);}50%{opacity:1;transform:scale(1.1);}}
@media (prefers-reduced-motion:reduce){
  .vxn-flow,.vxn-leak,.vxn-spark{display:none;}
  .vxn-joy-glow,.vxn-joy-face{animation:none;}
}
/* ----- section 3 : Method phases (image-rich, alternating) ----- */
.vxn-phases{display:flex;flex-direction:column;gap:40px;margin-top:48px;}
.vxn-phase{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center;}
.vxn-phase:nth-child(even) .vxn-phase-figure{order:2;}
.vxn-phase-figure{position:relative;border-radius:var(--vxn-r);overflow:hidden;aspect-ratio:4/3;
  border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);background:var(--vxn-panel-2);}
.vxn-phase-figure img{width:100%;height:100%;object-fit:cover;display:block;}
.vxn-phase-badge{position:absolute;left:14px;top:14px;z-index:2;
  font-family:var(--vxn-font-display);font-weight:800;font-size:1.05rem;color:#fff;
  width:46px;height:46px;display:grid;place-items:center;border-radius:13px;
  background:linear-gradient(150deg,rgba(124,58,237,.94),rgba(168,85,247,.94));
  border:1px solid rgba(255,255,255,.25);box-shadow:0 8px 22px -8px rgba(76,29,149,.6);}
.vxn-phase-tag{display:inline-block;font-family:var(--vxn-font-display);font-size:.76rem;font-weight:700;
  letter-spacing:.08em;text-transform:uppercase;color:var(--vxn-blue);
  padding:6px 12px;border-radius:999px;background:rgba(124,58,237,.10);
  border:1px solid var(--vxn-glass-brd);margin-bottom:14px;}
.vxn-phase-body h3{margin:0 0 10px;}
.vxn-phase-body > p{color:var(--vxn-ink-2);font-size:1rem;line-height:1.6;margin:0;}
.vxn-phase-steps{list-style:none;padding:0;margin:20px 0 0;display:grid;gap:12px;}
.vxn-phase-steps li{display:flex;gap:14px;align-items:flex-start;padding:11px 14px;border-radius:12px;
  background:var(--vxn-glass-2);border:1px solid var(--vxn-glass-brd);
  transition:transform .25s var(--vxn-ease),border-color .25s;}
.vxn-phase-steps li:hover{transform:translateX(3px);border-color:var(--vxn-blue);}
.vxn-phase-steps .n{font-family:var(--vxn-font-mono);font-weight:700;color:var(--vxn-blue);font-size:.9rem;
  width:24px;flex:none;padding-top:2px;}
.vxn-phase-steps b{display:block;font-family:var(--vxn-font-display);font-weight:600;color:var(--vxn-ink);font-size:.96rem;}
.vxn-phase-steps .d{display:block;font-size:.85rem;color:var(--vxn-muted);line-height:1.5;margin-top:2px;}
@media (max-width:840px){
  .vxn-phase{grid-template-columns:1fr;gap:22px;}
  .vxn-phase .vxn-phase-figure,
  .vxn-phase:nth-child(even) .vxn-phase-figure{order:-1;}
}
@media (prefers-reduced-motion:reduce){ .vxn-phase-steps li{transition:none;} }
/* ----- section 2 : parallax + falling background ----- */
.vxn-sec2{position:relative;overflow:hidden;}
.vxn-sec2 > .vxn-shell{position:relative;z-index:1;}
.vxn-sec2-bg{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden;}
.vxn-p-layer{position:absolute;inset:-12% 0;will-change:transform;}
.vxn-blob{position:absolute;border-radius:50%;filter:blur(60px);opacity:.55;}
.vxn-blob.b1{width:46vw;max-width:560px;aspect-ratio:1;left:-8%;top:6%;
  background:radial-gradient(circle,rgba(124,58,237,.18),transparent 70%);}
.vxn-blob.b2{width:40vw;max-width:480px;aspect-ratio:1;right:-6%;bottom:0%;
  background:radial-gradient(circle,rgba(192,132,252,.15),transparent 70%);}
.vxn-p-mid{background-image:
   linear-gradient(rgba(var(--ln),.05) 1px,transparent 1px),
   linear-gradient(90deg,rgba(var(--ln),.05) 1px,transparent 1px);
  background-size:46px 46px;
  -webkit-mask-image:radial-gradient(ellipse at 50% 38%,#000 32%,transparent 78%);
  mask-image:radial-gradient(ellipse at 50% 38%,#000 32%,transparent 78%);}
.vxn-fall{position:absolute;top:-8%;width:var(--s,5px);height:var(--s,5px);border-radius:50%;
  background:var(--c,#a855f7);box-shadow:0 0 8px rgba(168,85,247,.5);opacity:0;
  animation:vxn-fall var(--dur,10s) linear var(--d,0s) infinite;}
.vxn-fall-red{--c:#f43f5e;box-shadow:0 0 8px rgba(244,63,94,.5);}
@keyframes vxn-fall{
  0%{transform:translate3d(0,0,0);opacity:0;}
  8%{opacity:.85;}
  88%{opacity:.5;}
  100%{transform:translate3d(var(--x,0),132vh,0);opacity:0;}
}
@media (prefers-reduced-motion:reduce){
  .vxn-fall{display:none;}
  .vxn-p-layer{transform:none !important;}
}

/* ----- section 3 (Method) : image-backed parallax ----- */
.vxn-parallax-host{position:relative;overflow:hidden;}
.vxn-parallax-host > .vxn-shell{position:relative;z-index:1;}
.vxn-m3-bg{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden;}
.vxn-m3-img{background:
    radial-gradient(45% 55% at 12% 8%, rgba(124,58,237,.14), transparent 68%),
    radial-gradient(45% 55% at 88% 12%, rgba(192,132,252,.12), transparent 68%),
    radial-gradient(62% 60% at 50% 100%, rgba(139,92,246,.10), transparent 72%);}
:root[data-theme="dark"] .vxn-m3-img{filter:brightness(1.25);}
/* ----- strategy board : connected colour-tile redesign ----- */
.vxn-board::before{background:
  linear-gradient(rgba(var(--ln),.045) 1px,transparent 1px),
  linear-gradient(90deg,rgba(var(--ln),.045) 1px,transparent 1px);
  background-size:16.66% 16.66%;opacity:.7;}
.vxn-board-net{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none;}
.vxn-board-net .net-flow polyline{animation:vxn-netflow 1.6s linear infinite;}
@keyframes vxn-netflow{to{stroke-dashoffset:-16;}}
.vxn-piece-disc{border-radius:18px;
  background:radial-gradient(circle at 32% 26%,rgba(255,255,255,.42),transparent 54%),var(--pc,#a855f7);
  border:1px solid rgba(255,255,255,.34);
  box-shadow:0 12px 26px -10px var(--pc,rgba(168,85,247,.6)),inset 0 -7px 16px rgba(0,0,0,.2),inset 0 1px 1px rgba(255,255,255,.5);}
.vxn-piece-disc svg{color:#fff;}
.vxn-piece-lbl{color:#fff;opacity:.96;}
.vxn-piece-glow{opacity:.55;filter:blur(11px);inset:-28%;}

/* ----- industries : focus split + vertical journey + specialties (redesigned) ----- */
.vxn-ind2-grid{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:stretch;margin-top:46px;}
.vxn-ind2-figure{position:relative;border-radius:var(--vxn-r);overflow:hidden;min-height:430px;
  border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);background:var(--vxn-panel-2);}
.vxn-ind2-figure img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;}
.vxn-ind2-badge{position:absolute;z-index:2;display:inline-flex;align-items:center;gap:8px;
  font-family:var(--vxn-font-display);font-weight:600;font-size:.78rem;color:#fff;
  padding:8px 13px;border-radius:999px;background:rgba(20,12,40,.55);
  backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.22);}
.vxn-ind2-badge.top{left:16px;top:16px;}
.vxn-ind2-badge.bot{left:16px;bottom:16px;font-family:var(--vxn-font-mono);font-size:.72rem;font-weight:500;}
.vxn-ind2-journey{display:flex;flex-direction:column;justify-content:center;}
.vxn-vjourney{list-style:none;margin:22px 0 0;padding:0;position:relative;}
.vxn-vjourney::before{content:"";position:absolute;left:23px;top:23px;bottom:23px;width:2px;background:var(--vxn-line);}
.vxn-vjourney::after{content:"";position:absolute;left:23px;top:23px;bottom:23px;width:2px;
  background:linear-gradient(180deg,var(--ac1),var(--ac2),var(--ac1));background-size:100% 220%;
  opacity:.75;animation:vxn-vrail 3s linear infinite;}
@keyframes vxn-vrail{to{background-position:0 -220%;}}
.vxn-vstep{position:relative;display:flex;gap:16px;align-items:flex-start;padding-bottom:24px;}
.vxn-vstep:last-child{padding-bottom:0;}
.vxn-vstep .vxn-jdot{flex:none;position:relative;z-index:1;}
.vxn-vtxt{padding-top:5px;}
.vxn-vtxt b{display:block;font-family:var(--vxn-font-display);font-weight:600;color:var(--vxn-ink);font-size:1rem;}
.vxn-vtxt .s{font-family:var(--vxn-font-mono);font-size:.66rem;letter-spacing:.05em;text-transform:uppercase;color:var(--vxn-faint);}
.vxn-spec-head{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;margin:50px 0 18px;}
.vxn-spec-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:14px;}
.vxn-spec{position:relative;display:flex;gap:15px;align-items:flex-start;padding:16px 18px 16px 20px;border-radius:14px;
  overflow:hidden;background:var(--vxn-glass-2);border:1px solid var(--vxn-glass-brd);
  transition:transform .3s var(--vxn-ease),border-color .3s;}
.vxn-spec::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;
  background:linear-gradient(180deg,var(--vxn-blue),var(--vxn-cyan));opacity:0;transition:opacity .3s;}
.vxn-spec:hover{transform:translateY(-4px);border-color:var(--vxn-blue);}
.vxn-spec:hover::before{opacity:1;}
.vxn-spec .ic{width:42px;height:42px;border-radius:11px;flex:none;display:grid;place-items:center;
  background:rgba(124,58,237,.1);color:var(--vxn-blue);}
.vxn-spec .ic svg{width:22px;height:22px;}
.vxn-spec h4{margin:0 0 4px;font-family:var(--vxn-font-display);font-size:1rem;color:var(--vxn-ink);}
.vxn-spec p{margin:0;font-size:.85rem;color:var(--vxn-muted);line-height:1.5;}
@media (max-width:840px){
  .vxn-ind2-grid{grid-template-columns:1fr;gap:24px;}
  .vxn-ind2-figure{min-height:300px;}
}
@media (prefers-reduced-motion:reduce){
  .vxn-board-net .net-flow polyline{animation:none;}
  .vxn-vjourney::after{animation:none;}
}
/* ----- website before/after : detailed site mockups ----- */
.vxn-ba-layer{padding:0;}
.vxn-ba-after{background:linear-gradient(180deg,#ffffff,#f7f4ff);}
.vxn-ba-before{background:linear-gradient(180deg,#e9ebef,#dfe2e8);clip-path:inset(0 calc(100% - var(--pos)) 0 0);}
.vxn-ba-handle{background:var(--vxn-blue);box-shadow:0 0 14px rgba(124,58,237,.6);}
.vxn-ba-knob{background:#fff;border-color:var(--vxn-blue);}
.vxn-ba-knob svg{color:var(--vxn-blue);}
.vxn-st{position:absolute;inset:0;display:flex;flex-direction:column;overflow:hidden;}
.vxn-st-nav{display:flex;align-items:center;justify-content:space-between;padding:9px 13px;border-bottom:1px solid rgba(27,18,51,.08);background:rgba(255,255,255,.6);}
.vxn-st-logo{display:flex;align-items:center;gap:6px;font-family:var(--vxn-font-display);font-weight:800;font-size:.64rem;color:#1b1233;white-space:nowrap;}
.vxn-st-logo i{width:14px;height:14px;border-radius:5px;background:linear-gradient(135deg,#7c3aed,#c084fc);flex:none;}
.vxn-st-links{display:flex;gap:8px;}
.vxn-st-links b{width:22px;height:5px;border-radius:3px;background:rgba(27,18,51,.16);}
.vxn-st-btn{font-family:var(--vxn-font-display);font-size:.6rem;font-weight:700;color:#fff;background:linear-gradient(135deg,#7c3aed,#a855f7);border-radius:7px;padding:5px 12px;white-space:nowrap;}
.vxn-st-hero{flex:1;display:flex;gap:13px;padding:15px 13px;align-items:center;}
.vxn-st-htext{flex:1.25;display:flex;flex-direction:column;gap:7px;min-width:0;}
.vxn-st-h1{font-family:var(--vxn-font-display);font-weight:800;font-size:.96rem;line-height:1.12;color:#1b1233;}
.vxn-st-sub{height:6px;border-radius:3px;background:rgba(27,18,51,.12);width:92%;}
.vxn-st-sub.s{width:64%;}
.vxn-st-ctarow{display:flex;align-items:center;gap:8px;margin-top:5px;flex-wrap:wrap;}
.vxn-st-cta{font-family:var(--vxn-font-display);font-size:.64rem;font-weight:700;color:#fff;background:linear-gradient(135deg,#7c3aed,#a855f7);border-radius:8px;padding:7px 14px;box-shadow:0 7px 16px -6px rgba(124,58,237,.6);white-space:nowrap;}
.vxn-st-call{display:inline-flex;align-items:center;gap:5px;font-family:var(--vxn-font-display);font-size:.6rem;font-weight:700;color:#7c3aed;border:1px solid rgba(124,58,237,.32);border-radius:8px;padding:6px 10px;white-space:nowrap;}
.vxn-st-call svg{width:11px;height:11px;}
.vxn-st-stars{display:flex;align-items:center;gap:6px;font-size:.72rem;color:#f59e0b;margin-top:2px;letter-spacing:1px;}
.vxn-st-stars span{color:#675d86;font-family:var(--vxn-font-mono);font-size:.56rem;letter-spacing:0;}
.vxn-st-himg{flex:.85;align-self:stretch;border-radius:10px;min-height:74px;position:relative;overflow:hidden;
  background:linear-gradient(150deg,#a855f7,#7c3aed);box-shadow:0 8px 20px -8px rgba(124,58,237,.55);}
.vxn-st-himg::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 70% 28%,rgba(255,255,255,.4),transparent 58%);}
.vxn-st-trust{display:flex;gap:7px;padding:0 13px 13px;}
.vxn-st-trust span{flex:1;height:15px;border-radius:5px;background:rgba(16,185,129,.16);border:1px solid rgba(16,185,129,.2);}
/* dated / bad site */
.vxn-st-nav.bad{padding:8px 11px;border-bottom:1px solid rgba(51,65,90,.14);background:#eceef2;}
.vxn-st-logo.bad{font-family:var(--vxn-font-body);font-weight:700;font-size:.6rem;color:#3a4a63;}
.vxn-st-links.bad{gap:6px;}
.vxn-st-links.bad b{width:15px;height:4px;background:rgba(58,74,99,.4);}
.vxn-st-body{flex:1;padding:13px 13px 12px;display:flex;flex-direction:column;gap:6px;}
.vxn-st-bh{font-family:var(--vxn-font-body);font-weight:700;font-size:.66rem;color:#46586f;margin-bottom:3px;}
.vxn-st-txt{height:5px;border-radius:2px;background:rgba(58,74,99,.2);width:100%;}
.vxn-st-txt.s{width:72%;}
.vxn-st-submit{margin-top:7px;align-self:flex-start;font-family:var(--vxn-font-body);font-size:.6rem;font-weight:600;color:#5b6b85;background:#d2d7df;border:1px solid #c0c6d0;border-radius:5px;padding:6px 13px;}
@media (prefers-reduced-motion:reduce){}
/* ===== gradient touch-ups ===== */
.vxn-divider{border:none;height:1px;background:linear-gradient(90deg,transparent,rgba(124,58,237,.28),rgba(192,132,252,.30),transparent);}

/* ===== footer : interactive + gradients ===== */
.vxn-ft{overflow:hidden;}
.vxn-ft::before{content:"";position:absolute;top:0;left:0;right:0;height:2px;z-index:2;
  background:linear-gradient(90deg,transparent,#7c3aed,#a855f7,#c084fc,#a855f7,#7c3aed,transparent);background-size:200% 100%;
  animation:vxn-ftline 6s linear infinite;}
@keyframes vxn-ftline{to{background-position:200% 0;}}
.vxn-ft-glow{position:absolute;top:-60px;left:50%;width:78%;max-width:880px;height:320px;pointer-events:none;z-index:0;
  transform:translateX(-50%);background:radial-gradient(ellipse at center,rgba(124,58,237,.18),transparent 70%);
  animation:vxn-ftglow 7s ease-in-out infinite;}
@keyframes vxn-ftglow{0%,100%{opacity:.55;transform:translateX(-50%) scale(1);}50%{opacity:1;transform:translateX(-50%) scale(1.08);}}
.vxn-ft-cta,.vxn-ft-grid,.vxn-ft-disc,.vxn-ft-bottom{position:relative;z-index:1;}
.vxn-ft-cta-btn{position:relative;overflow:hidden;}
.vxn-ft-cta-btn::after{content:"";position:absolute;top:0;left:-65%;width:42%;height:100%;transform:skewX(-18deg);
  background:linear-gradient(105deg,transparent,rgba(255,255,255,.4),transparent);animation:vxn-shimmer 3.6s ease-in-out infinite;}
@keyframes vxn-shimmer{0%,70%{left:-65%;}100%{left:135%;}}
.vxn-ft-cta-btn > svg{position:relative;z-index:1;transition:transform .25s var(--vxn-ease);}
.vxn-ft-cta-btn:hover > svg{transform:translateX(4px);}
.vxn-ft-col a{position:relative;transition:color .22s,padding-left .22s;}
.vxn-ft-col a::before{content:"";position:absolute;left:0;top:50%;width:9px;height:2px;border-radius:2px;
  transform:translateY(-50%) scaleX(0);transform-origin:left;background:linear-gradient(90deg,#7c3aed,#c084fc);transition:transform .22s;}
.vxn-ft-col a:hover{color:var(--vxn-blue);padding-left:15px;}
.vxn-ft-col a:hover::before{transform:translateY(-50%) scaleX(1);}
.vxn-ft-social a{position:relative;overflow:hidden;
  transition:color .2s,border-color .2s,transform .25s var(--vxn-ease),box-shadow .25s;}
.vxn-ft-social a > svg{position:relative;z-index:1;}
.vxn-ft-social a::before{content:"";position:absolute;inset:0;opacity:0;transition:opacity .25s;
  background:linear-gradient(135deg,#7c3aed,#a855f7);}
.vxn-ft-social a:hover{color:#fff;border-color:transparent;transform:translateY(-3px);box-shadow:0 10px 24px -8px rgba(124,58,237,.55);}
.vxn-ft-social a:hover::before{opacity:1;}
.vxn-ft-brand .vxn-hd-mark{filter:drop-shadow(0 0 10px rgba(124,58,237,.4));}

/* ===== FOMO single-quote rotator (below footer) ===== */
.vxn-fomo{position:relative;overflow:hidden;padding:26px 22px;display:flex;justify-content:center;
  background:linear-gradient(90deg,#6d28d9,#7c3aed,#a855f7,#7c3aed,#6d28d9);background-size:220% 100%;
  animation:vxn-fomobg 14s ease infinite;}
@keyframes vxn-fomobg{0%,100%{background-position:0% 0;}50%{background-position:100% 0;}}
.vxn-fomo-stage{position:relative;width:100%;max-width:var(--vxn-shell);min-height:30px;}
.vxn-fomo-q{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:0;text-align:center;
  font-family:var(--vxn-font-display);font-weight:600;font-size:clamp(.95rem,2vw,1.18rem);color:#fff;padding:0 8px;
  opacity:0;transform:translateY(14px);transition:opacity .55s var(--vxn-ease),transform .55s var(--vxn-ease);}
.vxn-fomo-q.is-on{opacity:1;transform:translateY(0);}
.vxn-fomo-q.is-out{opacity:0;transform:translateY(-14px);}
@media (prefers-reduced-motion:reduce){.vxn-fomo{animation:none;}.vxn-fomo-q{transition:none;}}

/* ===== floating action buttons : WhatsApp + Get in touch ===== */
.vxn-fab{position:fixed;right:22px;bottom:24px;z-index:85;display:flex;flex-direction:column;gap:13px;align-items:flex-end;}
.vxn-fab a{position:relative;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;
  box-shadow:0 12px 30px -8px rgba(0,0,0,.32);transition:transform .25s var(--vxn-ease),box-shadow .25s;}
.vxn-fab a:hover{transform:translateY(-3px) scale(1.04);}
.vxn-fab-wa{width:56px;height:56px;border-radius:50%;background:linear-gradient(145deg,#25d366,#0e9f6e);color:#fff;}
.vxn-fab-wa svg{width:30px;height:30px;}
.vxn-fab-wa:hover{box-shadow:0 16px 36px -8px rgba(37,211,102,.6);}
.vxn-fab-wa::after{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid #25d366;
  animation:vxn-fabpulse 2.6s ease-out infinite;}
@keyframes vxn-fabpulse{0%{transform:scale(1);opacity:.7;}100%{transform:scale(1.55);opacity:0;}}
.vxn-fab-gt{gap:9px;padding:0 20px;height:56px;border-radius:30px;color:#fff;
  background:linear-gradient(135deg,#7c3aed,#a855f7,#c084fc);background-size:170% 170%;
  font-family:var(--vxn-font-display);font-weight:700;font-size:.92rem;animation:vxn-fabgrad 5s ease infinite;}
.vxn-fab-gt svg{width:20px;height:20px;}
.vxn-fab-gt:hover{box-shadow:0 16px 36px -8px rgba(124,58,237,.6);}
@keyframes vxn-fabgrad{0%,100%{background-position:0% 50%;}50%{background-position:100% 50%;}}
@media (max-width:780px){
  .vxn-fab{right:16px;bottom:82px;}
  .vxn-fab-gt span{display:none;}
  .vxn-fab-gt{width:56px;padding:0;border-radius:50%;}
}
@media (prefers-reduced-motion:reduce){
  .vxn-ft::before,.vxn-ft-glow,.vxn-ft-cta-btn::after,.vxn-fomo-track,.vxn-fab-gt{animation:none;}
  .vxn-fab-wa::after{display:none;}
  .vxn-fomo-track{flex-wrap:wrap;justify-content:center;}
}
/* ===== footer newsletter ===== */
.vxn-news{margin-top:24px;max-width:350px;}
.vxn-news-label{display:block;font-family:var(--vxn-font-display);font-weight:700;font-size:.96rem;color:var(--vxn-ink);}
.vxn-news-sub{color:var(--vxn-muted);font-size:.84rem;line-height:1.5;margin:6px 0 12px;}
.vxn-news-row{display:flex;gap:8px;padding:5px;border-radius:13px;background:var(--vxn-glass-2);
  border:1px solid var(--vxn-glass-brd);transition:border-color .2s,box-shadow .2s;}
.vxn-news-row:focus-within{border-color:var(--vxn-blue);box-shadow:0 0 0 3px rgba(124,58,237,.13);}
.vxn-news-row input{flex:1;min-width:0;background:transparent;border:none;outline:none;
  font-family:var(--vxn-font-body);font-size:.9rem;color:var(--vxn-ink);padding:8px 10px;}
.vxn-news-row input::placeholder{color:var(--vxn-faint);}
.vxn-news-row button{flex:none;width:44px;border:none;cursor:pointer;border-radius:9px;color:#fff;display:grid;place-items:center;
  background:linear-gradient(135deg,#7c3aed,#a855f7);transition:transform .2s,box-shadow .2s;}
.vxn-news-row button:hover{transform:translateY(-1px);box-shadow:0 8px 20px -6px rgba(124,58,237,.6);}
.vxn-news-row button svg{width:17px;height:17px;}
.vxn-news-msg{display:inline-flex;align-items:center;gap:6px;margin-top:11px;font-size:.82rem;font-weight:600;color:var(--vxn-green);}

/* ===== floating button : works as <button> too ===== */
.vxn-fab button{position:relative;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;border:none;
  box-shadow:0 12px 30px -8px rgba(0,0,0,.32);transition:transform .25s var(--vxn-ease),box-shadow .25s;}
.vxn-fab button:hover{transform:translateY(-3px) scale(1.04);}

/* ===== audit modal ===== */
.vxn-modal{position:fixed;inset:0;z-index:120;display:flex;align-items:center;justify-content:center;padding:20px;
  opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s;}
.vxn-modal.is-open{opacity:1;visibility:visible;}
.vxn-modal-backdrop{position:absolute;inset:0;background:rgba(10,6,22,.6);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);}
.vxn-modal-card{position:relative;z-index:1;width:100%;max-width:460px;max-height:90vh;overflow:auto;
  background:var(--vxn-panel);border:1px solid var(--vxn-glass-brd);border-radius:20px;padding:30px 28px 28px;
  box-shadow:0 40px 90px -20px rgba(0,0,0,.5);transform:translateY(16px) scale(.98);transition:transform .35s var(--vxn-ease);}
.vxn-modal.is-open .vxn-modal-card{transform:none;}
.vxn-modal-card::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;border-radius:20px 20px 0 0;
  background:linear-gradient(90deg,#7c3aed,#a855f7,#c084fc);}
.vxn-modal-x{position:absolute;top:14px;right:14px;width:34px;height:34px;border-radius:9px;border:1px solid var(--vxn-glass-brd);
  background:var(--vxn-glass-2);color:var(--vxn-muted);display:grid;place-items:center;cursor:pointer;transition:color .2s,border-color .2s;}
.vxn-modal-x:hover{color:var(--vxn-ink);border-color:var(--vxn-blue);}
.vxn-modal-x svg{width:16px;height:16px;}
.vxn-modal-head h3{font-family:var(--vxn-font-display);font-weight:800;font-size:1.42rem;color:var(--vxn-ink);margin:9px 0 8px;letter-spacing:-.02em;}
.vxn-modal-head p{color:var(--vxn-muted);font-size:.92rem;line-height:1.55;margin:0 0 20px;}
.vxn-audit-form{display:flex;flex-direction:column;gap:13px;}
.vxn-audit-form label{display:flex;flex-direction:column;gap:6px;font-family:var(--vxn-font-display);font-weight:600;font-size:.78rem;color:var(--vxn-ink-2);}
.vxn-field-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px;}
.vxn-audit-form input{font-family:var(--vxn-font-body);font-size:.92rem;color:var(--vxn-ink);
  background:var(--vxn-glass-2);border:1px solid var(--vxn-glass-brd);border-radius:10px;padding:11px 13px;transition:border-color .2s,box-shadow .2s;}
.vxn-audit-form input::placeholder{color:var(--vxn-faint);}
.vxn-audit-form input:focus{outline:none;border-color:var(--vxn-blue);box-shadow:0 0 0 3px rgba(124,58,237,.15);}
.vxn-audit-note{font-size:.8rem;color:var(--vxn-muted);line-height:1.5;margin:2px 0 4px;padding:10px 12px;border-radius:10px;
  background:rgba(124,58,237,.06);border:1px solid var(--vxn-glass-brd);transition:background .25s,border-color .25s,color .25s;}
.vxn-audit-note a{color:var(--vxn-blue);font-weight:600;}
.vxn-audit-note.is-warn{background:rgba(244,63,94,.1);border-color:rgba(244,63,94,.45);color:var(--vxn-ink-2);}
.vxn-audit-submit{margin-top:4px;display:inline-flex;align-items:center;justify-content:center;gap:9px;
  font-family:var(--vxn-font-display);font-weight:700;font-size:.95rem;color:#fff;border:none;cursor:pointer;
  background:linear-gradient(135deg,#7c3aed,#a855f7,#c084fc);background-size:170% 170%;border-radius:12px;padding:14px;
  box-shadow:0 14px 30px -10px rgba(124,58,237,.6);transition:transform .2s,box-shadow .2s,background-position .45s;}
.vxn-audit-submit:hover{transform:translateY(-2px);background-position:100% 50%;box-shadow:0 18px 38px -10px rgba(124,58,237,.7);}
.vxn-audit-submit svg{width:17px;height:17px;}
.vxn-audit-done{text-align:center;padding:14px 0 6px;}
.vxn-audit-done .ok{width:58px;height:58px;border-radius:50%;margin:0 auto 16px;display:grid;place-items:center;color:#fff;
  background:linear-gradient(135deg,#10b981,#34d399);box-shadow:0 12px 28px -8px rgba(16,185,129,.6);}
.vxn-audit-done .ok svg{width:28px;height:28px;}
.vxn-audit-done h4{font-family:var(--vxn-font-display);font-weight:700;font-size:1.2rem;color:var(--vxn-ink);margin:0 0 8px;}
.vxn-audit-done p{color:var(--vxn-muted);font-size:.92rem;line-height:1.55;margin:0;}
.vxn-audit-done #vxn-audit-url{color:var(--vxn-blue);font-weight:600;word-break:break-all;}
@media (max-width:480px){.vxn-field-grid{grid-template-columns:1fr;}}

/* ===== REPUTATION ENGINE PAGE ===== */
/* =====================================================================
   VAYUNEX — SOLUTIONS / LEAD GENERATION page  (theme-aware, token-driven)
   Layman explainer: zero → advanced. Classes namespaced .vxn-s* / .vxn-faq.
   ===================================================================== */

/* active nav (link + mega trigger) */
.vxn-hd-nav .vxn-hd-link[aria-current="page"],
.vxn-hd-nav .vxn-hd-mega-btn[aria-current="page"]{color:var(--vxn-ink);}
.vxn-hd-nav .vxn-hd-link[aria-current="page"]::after,
.vxn-hd-nav .vxn-hd-mega-btn[aria-current="page"]::after{content:"";position:absolute;left:13px;right:13px;bottom:5px;
  height:2px;border-radius:2px;background:var(--vxn-grad-cta);}
.vxn-hd-nav .vxn-hd-mega-btn[aria-current="page"]{position:relative;}

/* ---------- plain-English definition card ---------- */
.vxn-sdef{max-width:820px;margin:46px auto 0;text-align:center;border-radius:var(--vxn-r);padding:clamp(30px,4vw,44px);
  background:var(--vxn-glass-2);border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);position:relative;overflow:hidden;}
.vxn-sdef::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(520px 240px at 50% -10%,rgba(124,58,237,.14),transparent 70%);}
.vxn-sdef .in{position:relative;z-index:1;}
.vxn-sdef .eq{font-family:var(--vxn-font-mono);font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--vxn-blue);margin-bottom:14px;}
.vxn-sdef p{font-family:var(--vxn-font-display);font-weight:600;font-size:clamp(1.15rem,2.6vw,1.6rem);line-height:1.5;color:var(--vxn-ink);margin:0;}
.vxn-sdef p b{background:var(--vxn-grad-text);-webkit-background-clip:text;background-clip:text;color:transparent;}

/* ---------- node flow (stranger -> lead -> patient) ---------- */
.vxn-sflow{display:flex;align-items:stretch;justify-content:center;flex-wrap:wrap;gap:6px;margin-top:46px;}
.vxn-sflow-node{display:flex;flex-direction:column;align-items:center;gap:11px;text-align:center;padding:24px 20px;min-width:158px;
  border-radius:var(--vxn-r);background:var(--vxn-glass);border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);}
.vxn-sflow-node.hot{border-color:var(--vxn-blue);background:var(--vxn-glass-2);}
.vxn-sflow-node .ic{width:50px;height:50px;border-radius:14px;display:grid;place-items:center;background:rgba(124,58,237,.1);color:var(--vxn-blue);}
.vxn-sflow-node.hot .ic{background:var(--vxn-grad-cta);color:#fff;}
.vxn-sflow-node .ic svg{width:25px;height:25px;}
.vxn-sflow-node b{font-family:var(--vxn-font-display);font-size:1rem;color:var(--vxn-ink);}
.vxn-sflow-node span{font-size:.79rem;color:var(--vxn-muted);max-width:150px;}
.vxn-sflow-arrow{display:grid;place-items:center;color:var(--vxn-blue-2);flex:none;}
.vxn-sflow-arrow svg{width:26px;height:26px;}

/* ---------- example callout ---------- */
.vxn-sexample{display:flex;gap:14px;align-items:flex-start;padding:18px 20px;border-radius:var(--vxn-r-sm);
  background:rgba(124,58,237,.06);border:1px solid var(--vxn-line);border-left:3px solid var(--vxn-blue);margin-top:22px;}
.vxn-sexample .ic{flex:none;width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:rgba(124,58,237,.12);color:var(--vxn-amber);}
.vxn-sexample .ic svg{width:18px;height:18px;}
.vxn-sexample .tx{font-size:.92rem;color:var(--vxn-ink-2);line-height:1.6;}
.vxn-sexample .tx .tag{display:block;font-family:var(--vxn-font-mono);font-size:.64rem;letter-spacing:.14em;text-transform:uppercase;color:var(--vxn-blue);margin-bottom:5px;}
.vxn-sexample .tx b{color:var(--vxn-ink);font-weight:600;}

/* ---------- two-col text + visual ---------- */
.vxn-stwo{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,5vw,56px);align-items:center;margin-top:8px;}
.vxn-stwo.rev .vxn-stwo-visual{order:-1;}

/* ---------- photo frame ---------- */
.vxn-sphoto{position:relative;border-radius:var(--vxn-r);overflow:hidden;border:1px solid var(--vxn-glass-brd);
  box-shadow:var(--vxn-shadow);aspect-ratio:16/11;background:var(--vxn-panel-2);}
.vxn-sphoto img{width:100%;height:100%;object-fit:cover;display:block;}
.vxn-sphoto .cap{position:absolute;left:0;right:0;bottom:0;padding:16px 18px;font-family:var(--vxn-font-mono);font-size:.72rem;
  color:#fff;background:linear-gradient(180deg,transparent,rgba(8,6,20,.78));}

/* small inline chart card */
.vxn-schart{border-radius:var(--vxn-r);padding:24px;background:var(--vxn-glass);border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);}
.vxn-schart svg{width:100%;height:auto;display:block;}
.vxn-schart-key{display:flex;flex-wrap:wrap;gap:16px;margin-top:14px;font-family:var(--vxn-font-mono);font-size:.72rem;color:var(--vxn-muted);}
.vxn-schart-key i{display:inline-block;width:22px;height:3px;border-radius:3px;margin-right:7px;vertical-align:middle;}

/* ---------- levels (zero to advanced) ---------- */
.vxn-slevels{display:grid;gap:18px;margin-top:48px;}
.vxn-slevel{display:grid;grid-template-columns:128px 1fr;gap:26px;padding:30px 30px;border-radius:var(--vxn-r);
  background:var(--vxn-glass);border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);}
.vxn-slevel-badge{text-align:center;}
.vxn-slevel-badge .no{font-family:var(--vxn-font-display);font-weight:800;font-size:3.2rem;line-height:1;
  background:var(--vxn-grad-text);-webkit-background-clip:text;background-clip:text;color:transparent;}
.vxn-slevel-badge .lv{display:inline-block;margin-top:10px;font-family:var(--vxn-font-mono);font-size:.66rem;letter-spacing:.14em;
  text-transform:uppercase;color:#fff;background:var(--vxn-grad-cta);padding:5px 11px;border-radius:999px;}
.vxn-slevel-body h3{margin:0 0 6px;font-family:var(--vxn-font-display);font-size:1.28rem;color:var(--vxn-ink);}
.vxn-slevel-body .sub{margin:0 0 16px;font-size:.95rem;color:var(--vxn-muted);line-height:1.55;}
.vxn-slevel-list{list-style:none;margin:0;padding:0;display:grid;gap:11px;}
.vxn-slevel-list li{display:flex;gap:11px;align-items:flex-start;font-size:.92rem;color:var(--vxn-ink-2);line-height:1.5;}
.vxn-slevel-list li svg{width:18px;height:18px;flex:none;margin-top:2px;color:var(--vxn-green);}
.vxn-slevel-list li b{color:var(--vxn-ink);font-weight:600;}

/* ---------- channel cards ---------- */
.vxn-schannels{display:grid;grid-template-columns:repeat(auto-fit,minmax(282px,1fr));gap:16px;margin-top:42px;}
.vxn-schan{display:flex;flex-direction:column;border-radius:var(--vxn-r);background:var(--vxn-glass);
  border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);padding:26px 24px;transition:transform .3s var(--vxn-ease),border-color .3s;}
.vxn-schan:hover{transform:translateY(-4px);border-color:var(--vxn-blue);}
.vxn-schan .ic{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;background:rgba(124,58,237,.1);color:var(--vxn-blue);margin-bottom:14px;}
.vxn-schan .ic svg{width:24px;height:24px;}
.vxn-schan h4{margin:0 0 4px;font-family:var(--vxn-font-display);font-size:1.1rem;color:var(--vxn-ink);}
.vxn-schan .kind{font-family:var(--vxn-font-mono);font-size:.64rem;letter-spacing:.12em;text-transform:uppercase;color:var(--vxn-blue-2);}
.vxn-schan p{margin:13px 0 0;font-size:.88rem;color:var(--vxn-ink-2);line-height:1.55;}
.vxn-schan .best{display:flex;gap:7px;align-items:flex-start;margin-top:auto;padding-top:15px;font-family:var(--vxn-font-mono);font-size:.72rem;color:var(--vxn-green);line-height:1.45;}
.vxn-schan .best svg{width:13px;height:13px;flex:none;margin-top:2px;}

/* ---------- conversion funnel ---------- */
.vxn-sfunnel{max-width:680px;margin:48px auto 0;display:flex;flex-direction:column;align-items:center;gap:7px;}
.vxn-sfunnel-row{width:100%;display:flex;flex-direction:column;align-items:center;}
.vxn-sfunnel-bar{width:var(--w);max-width:100%;min-height:64px;border-radius:13px;background:var(--vxn-grad-cta);
  display:flex;align-items:center;justify-content:space-between;gap:14px;padding:0 22px;color:#fff;box-shadow:0 12px 30px -14px rgba(124,58,237,.7);}
.vxn-sfunnel-bar .n{font-family:var(--vxn-font-display);font-weight:800;font-size:clamp(1.25rem,3vw,1.7rem);font-variant-numeric:tabular-nums;letter-spacing:-.02em;}
.vxn-sfunnel-bar .lab{font-family:var(--vxn-font-mono);font-size:.73rem;letter-spacing:.03em;text-align:right;line-height:1.3;opacity:.96;}
.vxn-sfunnel-drop{font-family:var(--vxn-font-mono);font-size:.68rem;color:var(--vxn-faint);margin:2px 0;}

/* ---------- industry fit ---------- */
.vxn-sfit{display:grid;grid-template-columns:repeat(auto-fit,minmax(264px,1fr));gap:16px;margin-top:42px;}
.vxn-sfit-card{border-radius:var(--vxn-r);background:var(--vxn-glass);border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);padding:24px 22px;}
.vxn-sfit-top{display:flex;align-items:center;justify-content:space-between;gap:10px;}
.vxn-sfit-card h4{margin:0;font-family:var(--vxn-font-display);font-size:1.06rem;color:var(--vxn-ink);}
.vxn-sfit-rating{font-family:var(--vxn-font-mono);font-size:.64rem;letter-spacing:.1em;text-transform:uppercase;color:var(--vxn-blue);white-space:nowrap;}
.vxn-sfit-meter{display:flex;gap:5px;margin:14px 0;}
.vxn-sfit-meter i{height:7px;flex:1;border-radius:4px;background:rgba(var(--ln),.18);}
.vxn-sfit-meter i.on{background:var(--vxn-grad-cta);}
.vxn-sfit-card p{margin:0;font-size:.85rem;color:var(--vxn-muted);line-height:1.55;}

/* ---------- readiness checklist ---------- */
.vxn-sready{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px;margin-top:40px;}
.vxn-sready-item{display:flex;gap:13px;align-items:flex-start;padding:20px;border-radius:var(--vxn-r-sm);
  background:var(--vxn-glass);border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);}
.vxn-sready-item .ck{flex:none;width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:rgba(16,185,129,.12);color:var(--vxn-green);}
.vxn-sready-item .ck svg{width:17px;height:17px;}
.vxn-sready-item p{margin:0;font-size:.9rem;color:var(--vxn-ink-2);line-height:1.5;}
.vxn-sready-item p b{color:var(--vxn-ink);font-weight:600;}

/* ---------- budget tiers ---------- */
.vxn-stiers{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:42px;}
.vxn-stier{display:flex;flex-direction:column;border-radius:var(--vxn-r);background:var(--vxn-glass);
  border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);padding:28px 26px;position:relative;}
.vxn-stier.feature{border-color:var(--vxn-blue);background:var(--vxn-glass-2);}
.vxn-stier .badge{position:absolute;top:-11px;left:26px;font-family:var(--vxn-font-mono);font-size:.62rem;letter-spacing:.12em;
  text-transform:uppercase;color:#fff;background:var(--vxn-grad-cta);padding:5px 11px;border-radius:999px;box-shadow:var(--vxn-glow-cta);}
.vxn-stier .name{font-family:var(--vxn-font-mono);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--vxn-blue-2);}
.vxn-stier .spend{font-family:var(--vxn-font-display);font-weight:800;font-size:1.85rem;color:var(--vxn-ink);margin:8px 0 2px;letter-spacing:-.02em;}
.vxn-stier .spend span{font-size:.9rem;font-weight:500;color:var(--vxn-muted);}
.vxn-stier .who{font-size:.86rem;color:var(--vxn-muted);line-height:1.5;margin:0 0 18px;}
.vxn-stier ul{list-style:none;margin:0 0 18px;padding:0;display:grid;gap:10px;}
.vxn-stier li{display:flex;gap:10px;align-items:flex-start;font-size:.86rem;color:var(--vxn-ink-2);line-height:1.45;}
.vxn-stier li svg{width:16px;height:16px;flex:none;margin-top:2px;color:var(--vxn-green);}
.vxn-stier .exp{margin-top:auto;padding-top:16px;border-top:1px dashed var(--vxn-line);font-family:var(--vxn-font-mono);font-size:.74rem;color:var(--vxn-ink-2);}
.vxn-stier .exp b{color:var(--vxn-blue-2);}

/* ---------- results table ---------- */
.vxn-stable-wrap{margin-top:42px;overflow-x:auto;border-radius:var(--vxn-r);border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);}
.vxn-stable{width:100%;border-collapse:collapse;min-width:560px;background:var(--vxn-glass);}
.vxn-stable thead th{font-family:var(--vxn-font-mono);font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:var(--vxn-faint);
  text-align:left;padding:16px 20px;border-bottom:1px solid var(--vxn-line-2);background:rgba(var(--w),.03);}
.vxn-stable tbody td{padding:15px 20px;border-bottom:1px solid var(--vxn-line);font-size:.9rem;color:var(--vxn-ink-2);}
.vxn-stable tbody tr:last-child td{border-bottom:none;}
.vxn-stable tbody td:first-child{font-family:var(--vxn-font-display);font-weight:600;color:var(--vxn-ink);}
.vxn-stable tbody td .g{color:var(--vxn-green);font-family:var(--vxn-font-mono);font-weight:600;}

/* ---------- FAQ accordion (native details) ---------- */
.vxn-faq{max-width:820px;margin:42px auto 0;display:grid;gap:12px;}
.vxn-faq-item{border:1px solid var(--vxn-glass-brd);background:var(--vxn-glass);border-radius:var(--vxn-r-sm);
  box-shadow:var(--vxn-shadow);overflow:hidden;}
.vxn-faq-item summary{list-style:none;cursor:pointer;padding:20px 22px;display:flex;justify-content:space-between;align-items:center;gap:16px;
  font-family:var(--vxn-font-display);font-weight:600;font-size:1.02rem;color:var(--vxn-ink);}
.vxn-faq-item summary::-webkit-details-marker{display:none;}
.vxn-faq-item summary .pl{flex:none;color:var(--vxn-blue-2);transition:transform .3s var(--vxn-ease);}
.vxn-faq-item summary .pl svg{width:20px;height:20px;display:block;}
.vxn-faq-item[open] summary .pl{transform:rotate(135deg);}
.vxn-faq-item[open] summary{color:var(--vxn-blue-2);}
.vxn-faq-item .a{padding:0 22px 21px;font-size:.94rem;color:var(--vxn-ink-2);line-height:1.66;}
.vxn-faq-item .a b{color:var(--vxn-ink);font-weight:600;}

/* ---------- closing CTA ---------- */
.vxn-scta{position:relative;text-align:center;border-radius:var(--vxn-r);padding:clamp(42px,6vw,70px) 28px;overflow:hidden;
  background:var(--vxn-glass-2);border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);}
.vxn-scta::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(720px 360px at 50% -20%,rgba(124,58,237,.18),transparent 70%);}
.vxn-scta .in{position:relative;z-index:1;max-width:660px;margin-inline:auto;}
.vxn-scta .vxn-hero-cta{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:30px;}

/* ---------- responsive ---------- */
@media (max-width:920px){
  .vxn-stwo{grid-template-columns:1fr;gap:32px;}
  .vxn-stwo.rev .vxn-stwo-visual{order:0;}
  .vxn-stiers{grid-template-columns:1fr;}
}
@media (max-width:680px){
  .vxn-slevel{grid-template-columns:1fr;gap:18px;}
  .vxn-slevel-badge{display:flex;align-items:center;gap:14px;}
  .vxn-slevel-badge .no{font-size:2.4rem;}
  .vxn-slevel-badge .lv{margin-top:0;}
  .vxn-sflow-arrow{transform:rotate(90deg);}
}
@media (prefers-reduced-motion:reduce){
  .vxn-schan,.vxn-faq-item summary .pl{transition:none;}
}

/* mini chart strokes (var()/url() valid only in CSS, not SVG attrs) */
.vxn-schart-base{stroke:var(--vxn-line-2);stroke-width:1;}
.vxn-schart-wom{fill:none;stroke:var(--vxn-faint);stroke-width:2.5;stroke-dasharray:5 5;stroke-linecap:round;stroke-linejoin:round;}
.vxn-schart-lead{fill:none;stroke:url(#vxnSLead);stroke-width:3.4;stroke-linecap:round;stroke-linejoin:round;}

/* ===================================================================== */
/* PAID ACQUISITION additions (.vxn-p*)                                   */
/* ===================================================================== */

/* metric definition cards */
.vxn-pmetrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px;margin-top:42px;}
.vxn-pmetric{border-radius:var(--vxn-r);background:var(--vxn-glass);border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);padding:22px 22px;}
.vxn-pmetric .ab{display:flex;align-items:baseline;gap:9px;flex-wrap:wrap;}
.vxn-pmetric .ab b{font-family:var(--vxn-font-display);font-weight:800;font-size:1.5rem;letter-spacing:-.01em;background:var(--vxn-grad-text);-webkit-background-clip:text;background-clip:text;color:transparent;}
.vxn-pmetric .ab span{font-family:var(--vxn-font-mono);font-size:.66rem;letter-spacing:.06em;text-transform:uppercase;color:var(--vxn-muted);}
.vxn-pmetric p{margin:11px 0 0;font-size:.88rem;color:var(--vxn-ink-2);line-height:1.55;}
.vxn-pmetric p b{color:var(--vxn-ink);font-weight:600;}
.vxn-pmetric .eg{margin-top:11px;font-family:var(--vxn-font-mono);font-size:.72rem;color:var(--vxn-blue-2);}

/* ad-economics money map */
.vxn-peco{margin-top:44px;border-radius:var(--vxn-r);background:var(--vxn-glass-2);border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);padding:clamp(26px,4vw,40px);position:relative;overflow:hidden;}
.vxn-peco::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(600px 280px at 50% -10%,rgba(124,58,237,.14),transparent 70%);}
.vxn-peco-row{position:relative;z-index:1;display:flex;align-items:stretch;justify-content:center;flex-wrap:wrap;gap:6px;}
.vxn-peco-step{flex:1;min-width:118px;text-align:center;padding:18px 14px;border-radius:var(--vxn-r-sm);background:var(--vxn-glass);border:1px solid var(--vxn-glass-brd);}
.vxn-peco-step.in{border-color:var(--vxn-blue);}
.vxn-peco-step.out{border-color:var(--vxn-green);}
.vxn-peco-step .v{font-family:var(--vxn-font-display);font-weight:800;font-size:clamp(1.1rem,2.4vw,1.5rem);color:var(--vxn-ink);font-variant-numeric:tabular-nums;}
.vxn-peco-step.in .v{color:var(--vxn-blue-2);}
.vxn-peco-step.out .v{color:var(--vxn-green);}
.vxn-peco-step .k{font-family:var(--vxn-font-mono);font-size:.65rem;letter-spacing:.05em;text-transform:uppercase;color:var(--vxn-muted);margin-top:5px;}
.vxn-peco-arrow{display:grid;place-items:center;color:var(--vxn-blue-2);flex:none;}
.vxn-peco-arrow svg{width:22px;height:22px;}
.vxn-peco-foot{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;margin-top:26px;}
.vxn-peco-roas{display:inline-flex;align-items:baseline;gap:9px;padding:13px 26px;border-radius:999px;background:var(--vxn-grad-cta);color:#fff;box-shadow:var(--vxn-glow-cta);}
.vxn-peco-roas b{font-family:var(--vxn-font-display);font-weight:800;font-size:1.8rem;}
.vxn-peco-roas span{font-family:var(--vxn-font-mono);font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;opacity:.95;}

/* common mistakes */
.vxn-pmistakes{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px;margin-top:42px;}
.vxn-pmistake{border-radius:var(--vxn-r);background:var(--vxn-glass);border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);padding:24px 24px;border-left:3px solid var(--vxn-red);}
.vxn-pmistake .x{display:flex;align-items:center;gap:10px;margin-bottom:11px;}
.vxn-pmistake .x .ic{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:rgba(244,63,94,.12);color:var(--vxn-red);flex:none;}
.vxn-pmistake .x .ic svg{width:17px;height:17px;}
.vxn-pmistake .x b{font-family:var(--vxn-font-display);font-size:1rem;color:var(--vxn-ink);}
.vxn-pmistake p{margin:0;font-size:.88rem;color:var(--vxn-ink-2);line-height:1.55;}
.vxn-pmistake .fix{display:flex;gap:8px;align-items:flex-start;margin-top:13px;padding-top:13px;border-top:1px solid var(--vxn-line);font-size:.86rem;color:var(--vxn-ink-2);line-height:1.5;}
.vxn-pmistake .fix svg{width:15px;height:15px;flex:none;margin-top:2px;color:var(--vxn-green);}
.vxn-pmistake .fix b{color:var(--vxn-green);font-weight:600;font-family:var(--vxn-font-mono);font-size:.7rem;text-transform:uppercase;letter-spacing:.06em;margin-right:3px;}

@media (max-width:680px){ .vxn-peco-arrow{transform:rotate(90deg);} }

/* ===================================================================== */
/* REPUTATION ENGINE additions (.vxn-rep*)                                */
/* ===================================================================== */

/* --- review widget mockup --- */
.vxn-repfeed{max-width:540px;margin:44px auto 0;border-radius:var(--vxn-r);background:var(--vxn-glass);border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);overflow:hidden;}
.vxn-repfeed-top{display:flex;align-items:center;gap:18px;padding:22px;border-bottom:1px solid var(--vxn-line);background:var(--vxn-glass-2);}
.vxn-repfeed-score{text-align:center;flex:none;}
.vxn-repfeed-score .num{font-family:var(--vxn-font-display);font-weight:800;font-size:2.3rem;color:var(--vxn-ink);line-height:1;}
.vxn-repfeed-score .st{color:var(--vxn-amber);letter-spacing:1px;font-size:.86rem;display:block;margin-top:5px;}
.vxn-repfeed-meta{flex:1;}
.vxn-repfeed-meta b{font-family:var(--vxn-font-display);font-size:1rem;color:var(--vxn-ink);display:block;}
.vxn-repfeed-meta .sub{font-family:var(--vxn-font-mono);font-size:.72rem;color:var(--vxn-muted);}
.vxn-repfeed-meta .trend{display:inline-flex;align-items:center;gap:6px;margin-top:9px;font-size:.72rem;color:var(--vxn-green);font-family:var(--vxn-font-mono);}
.vxn-repfeed-meta .trend svg{width:14px;height:14px;}
.vxn-repfeed-list{padding:6px;}
.vxn-repreview{display:flex;gap:13px;padding:16px;}
.vxn-repreview + .vxn-repreview{border-top:1px solid var(--vxn-line);}
.vxn-repreview .av{width:38px;height:38px;border-radius:50%;flex:none;display:grid;place-items:center;font-family:var(--vxn-font-display);font-weight:700;font-size:.92rem;color:#fff;}
.vxn-repreview .body{flex:1;min-width:0;}
.vxn-repreview .nm{display:flex;align-items:center;justify-content:space-between;gap:10px;}
.vxn-repreview .nm b{font-size:.88rem;color:var(--vxn-ink);font-weight:600;}
.vxn-repreview .nm .dt{font-family:var(--vxn-font-mono);font-size:.65rem;color:var(--vxn-muted);flex:none;}
.vxn-repreview .rstars{color:var(--vxn-amber);letter-spacing:1px;font-size:.76rem;margin:4px 0 7px;}
.vxn-repreview .qt{font-size:.85rem;color:var(--vxn-ink-2);line-height:1.5;}

/* --- rating face-off --- */
.vxn-repcompare{display:flex;align-items:stretch;justify-content:center;gap:16px;flex-wrap:wrap;margin-top:48px;}
.vxn-repcompare-card{flex:1;min-width:230px;max-width:320px;border-radius:var(--vxn-r);background:var(--vxn-glass);border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);padding:30px 24px 26px;text-align:center;position:relative;}
.vxn-repcompare-card .lbl{font-family:var(--vxn-font-mono);font-size:.68rem;letter-spacing:.06em;text-transform:uppercase;color:var(--vxn-muted);}
.vxn-repcompare-card .rate{font-family:var(--vxn-font-display);font-weight:800;font-size:2.7rem;line-height:1;margin:12px 0 6px;color:var(--vxn-ink);font-variant-numeric:tabular-nums;}
.vxn-repcompare-card .st{letter-spacing:2px;font-size:1.05rem;color:var(--vxn-amber);}
.vxn-repcompare-card .ct{font-family:var(--vxn-font-mono);font-size:.74rem;color:var(--vxn-muted);margin-top:10px;}
.vxn-repcompare-card.win{border-color:var(--vxn-line-2);background:rgba(124,58,237,.05);}
.vxn-repcompare-card.win .pick{position:absolute;top:-12px;left:50%;transform:translateX(-50%);font-family:var(--vxn-font-mono);font-size:.6rem;letter-spacing:.06em;text-transform:uppercase;color:#fff;background:var(--vxn-grad-cta);padding:5px 13px;border-radius:999px;box-shadow:var(--vxn-glow-cta);white-space:nowrap;}
.vxn-repcompare-card.dim{opacity:.94;}
.vxn-repcompare-card.dim .rate{color:var(--vxn-ink-2);}
.vxn-repcompare-card.dim .st{color:var(--vxn-faint);}
.vxn-repcompare-vs{display:grid;place-items:center;flex:none;font-family:var(--vxn-font-mono);font-size:.74rem;color:var(--vxn-muted);text-transform:uppercase;letter-spacing:.08em;}
@media (max-width:680px){.vxn-repcompare-vs{padding:2px 0;}}



/* From result.html */

/* =====================================================================
   VAYUNEX — DESIGN SYSTEM v2
   Light-default, royal-purple. Dark mode via :root[data-theme="dark"].
   Theme bases: --w (tint), --ln (hairline), --mk (screen-mock surface)
   flip per theme so one stylesheet serves both. Accents are shared.
   Type:  Sora (display) · Manrope (body) · JetBrains Mono (data)
   ===================================================================== */

/* ----- TOKENS : LIGHT (default) ----- */
:root{
  color-scheme: light;

  --vxn-void:#ffffff;
  --vxn-deep:#f4f0fb;
  --vxn-panel:#ffffff;
  --vxn-panel-2:#f5f1fe;

  --vxn-ink:#1b1233;
  --vxn-ink-2:#392e57;
  --vxn-muted:#675d86;
  --vxn-faint:#9a91b4;

  /* theme bases */
  --w:45,35,70;          /* subtle tint base (dark on light) */
  --ln:110,82,180;       /* hairline base (purple)           */
  --mk:245,243,252;      /* screen-mock surface (near-white) */

  --vxn-line:rgba(var(--ln),0.16);
  --vxn-line-2:rgba(var(--ln),0.32);

  /* royal-purple accents (shared both themes) */
  --vxn-blue:#7c3aed;    /* primary  */
  --vxn-blue-2:#a855f7;  /* primary-2 */
  --vxn-cyan:#c084fc;    /* bright orchid pop */
  --vxn-violet:#8b5cf6;
  --vxn-green:#10b981;   /* success / revenue */
  --vxn-amber:#f59e0b;   /* stars / cost */
  --vxn-red:#f43f5e;     /* loss */

  --vxn-glass:linear-gradient(160deg,rgba(255,255,255,0.96),rgba(250,248,255,0.90));
  --vxn-glass-2:linear-gradient(160deg,#ffffff,#f3edfe);
  --vxn-glass-brd:rgba(var(--ln),0.20);

  --vxn-cta-ink:#ffffff;
  --vxn-grad-cta:linear-gradient(135deg,#7c3aed 0%,#a855f7 55%,#c084fc 100%);
  --vxn-grad-violet:linear-gradient(135deg,#8b5cf6 0%,#7c3aed 100%);
  --vxn-grad-text:linear-gradient(120deg,#2a1d4d 0%,#7c3aed 55%,#a855f7 100%);

  --vxn-shadow:0 26px 60px -30px rgba(76,29,149,0.30);
  --vxn-glow-cta:0 16px 40px -12px rgba(124,58,237,0.42);

  --vxn-font-display:'Sora',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  --vxn-font-body:'Manrope',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  --vxn-font-mono:'JetBrains Mono',ui-monospace,SFMono-Regular,Menlo,monospace;

  --vxn-r:20px;
  --vxn-r-sm:14px;
  --vxn-shell:1180px;
  --vxn-ease:cubic-bezier(.2,.7,.2,1);
}

/* ----- TOKENS : DARK (toggle) ----- */
:root[data-theme="dark"]{
  color-scheme: dark;

  --vxn-void:#0b0818;
  --vxn-deep:#0f0b20;
  --vxn-panel:#150f2b;
  --vxn-panel-2:#1b1338;

  --vxn-ink:#f3f0ff;
  --vxn-ink-2:#cdc6e8;
  --vxn-muted:#968cb8;
  --vxn-faint:#6c648c;

  --w:255,255,255;
  --ln:150,135,215;
  --mk:14,20,44;

  --vxn-glass:linear-gradient(160deg,rgba(255,255,255,0.07),rgba(255,255,255,0.02));
  --vxn-glass-2:linear-gradient(160deg,rgba(255,255,255,0.10),rgba(255,255,255,0.03));
  --vxn-glass-brd:rgba(255,255,255,0.10);

  --vxn-grad-text:linear-gradient(120deg,#ffffff 0%,#c4b5fd 50%,#c084fc 100%);

  --vxn-shadow:0 26px 70px -28px rgba(0,0,0,0.70);
  --vxn-glow-cta:0 16px 44px -12px rgba(124,58,237,0.60);
}

/* ----- TRANSFORMED SECTION STYLES (token-driven, theme-aware) ----- */
/* =====================================================================
   VAYUNEX — GLOBAL DESIGN SYSTEM
   Visual direction: "Mission control for revenue" — deep navy/black base,
   electric blue + cyan + violet accents, success green & cost amber for
   telemetry, frosted glass, ambient grid, lead-flow particle motif.
   Type roles:  Sora (display) · Manrope (body) · JetBrains Mono (data)
   All classes are namespaced with the vxn- prefix.
   ===================================================================== */

/* ----- TOKENS ----- */

/* ----- RESET / BASE ----- */
*,*::before,*::after{box-sizing:border-box;}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;}
body{
  margin:0;
  background:var(--vxn-void);
  color:var(--vxn-ink-2);
  font-family:var(--vxn-font-body);
  font-size:16px;
  line-height:1.65;
  letter-spacing:.005em;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
  overflow-x:hidden;
}
img{max-width:100%;display:block;}
a{color:inherit;text-decoration:none;}
button{font-family:inherit;cursor:pointer;}
canvas{display:block;}
::selection{background:rgba(192,132,252,.28);color:#fff;}

/* ----- AMBIENT ATMOSPHERE (fixed background layer) ----- */
.vxn-atmos{position:fixed;inset:0;z-index:-2;pointer-events:none;background:
  radial-gradient(1100px 700px at 78% -8%,rgba(124,58,237,.22),transparent 60%),
  radial-gradient(900px 700px at 8% 12%,rgba(139,92,246,.16),transparent 60%),
  radial-gradient(1000px 800px at 60% 108%,rgba(192,132,252,.10),transparent 55%),
  var(--vxn-void);}
.vxn-atmos::before{content:"";position:absolute;inset:0;opacity:.5;
  background-image:linear-gradient(rgba(var(--ln),.05) 1px,transparent 1px),
                   linear-gradient(90deg,rgba(var(--ln),.05) 1px,transparent 1px);
  background-size:54px 54px;
  -webkit-mask-image:radial-gradient(circle at 50% 30%,#000 0%,transparent 78%);
          mask-image:radial-gradient(circle at 50% 30%,#000 0%,transparent 78%);}
.vxn-grain{position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.035;mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");}

/* ----- LAYOUT PRIMITIVES ----- */
.vxn-shell{width:100%;max-width:var(--vxn-shell);margin-inline:auto;padding-inline:24px;}
.vxn-section{position:relative;padding-block:clamp(74px,11vh,128px);}
.vxn-section--tight{padding-block:clamp(56px,8vh,92px);}
.vxn-divider{height:1px;background:linear-gradient(90deg,transparent,var(--vxn-line-2),transparent);border:0;margin:0;}

/* ----- TYPOGRAPHY ----- */
.vxn-eyebrow{display:inline-flex;align-items:center;gap:9px;font-family:var(--vxn-font-mono);
  font-size:12px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--vxn-cyan);}
.vxn-eyebrow::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--vxn-cyan);
  box-shadow:0 0 10px var(--vxn-cyan);}
.vxn-h1{font-family:var(--vxn-font-display);font-weight:800;line-height:1.04;letter-spacing:-.025em;
  font-size:clamp(2.4rem,6vw,4.5rem);color:var(--vxn-ink);margin:0;}
.vxn-h2{font-family:var(--vxn-font-display);font-weight:700;line-height:1.08;letter-spacing:-.02em;
  font-size:clamp(1.85rem,4vw,3rem);color:var(--vxn-ink);margin:0;}
.vxn-h3{font-family:var(--vxn-font-display);font-weight:600;line-height:1.2;letter-spacing:-.01em;
  font-size:clamp(1.1rem,2vw,1.35rem);color:var(--vxn-ink);margin:0;}
.vxn-lead{font-size:clamp(1.02rem,1.6vw,1.2rem);color:var(--vxn-ink-2);max-width:62ch;}
.vxn-grad-txt{background:var(--vxn-grad-text);-webkit-background-clip:text;background-clip:text;color:transparent;}
.vxn-cyan{color:var(--vxn-cyan);} .vxn-violet{color:var(--vxn-violet);} .vxn-green{color:var(--vxn-green);}
.vxn-mono{font-family:var(--vxn-font-mono);font-variant-numeric:tabular-nums;}
.vxn-head{max-width:760px;}
.vxn-head .vxn-lead{margin-top:18px;}
.vxn-center{text-align:center;margin-inline:auto;}

/* ----- BUTTONS ----- */
.vxn-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;
  font-family:var(--vxn-font-display);font-weight:600;font-size:.96rem;letter-spacing:-.01em;
  padding:14px 24px;border-radius:13px;border:1px solid transparent;transition:transform .25s var(--vxn-ease),box-shadow .25s,background .25s;white-space:nowrap;}
.vxn-btn svg{width:18px;height:18px;}
.vxn-btn--primary{background:var(--vxn-grad-cta);color:var(--vxn-cta-ink);box-shadow:var(--vxn-glow-cta);}
.vxn-btn--primary:hover{transform:translateY(-2px);box-shadow:0 20px 50px -12px rgba(124,58,237,.7);}
.vxn-btn--ghost{background:rgba(var(--w),.03);border-color:var(--vxn-line-2);color:var(--vxn-ink);}
.vxn-btn--ghost:hover{transform:translateY(-2px);background:rgba(var(--w),.07);border-color:var(--vxn-cyan);}
.vxn-btn:focus-visible{outline:2px solid var(--vxn-cyan);outline-offset:3px;}

/* ----- CHIPS / PILLS ----- */
.vxn-chip{display:inline-flex;align-items:center;gap:8px;font-size:.82rem;font-weight:600;color:var(--vxn-ink-2);
  padding:7px 14px;border-radius:999px;background:rgba(var(--w),.04);border:1px solid var(--vxn-line);}
.vxn-chip .vxn-dot{width:6px;height:6px;border-radius:50%;background:var(--vxn-green);box-shadow:0 0 8px var(--vxn-green);}

/* ----- GLASS CARD ----- */
.vxn-glass{position:relative;background:var(--vxn-glass);border:1px solid var(--vxn-glass-brd);
  border-radius:var(--vxn-r);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--vxn-shadow);}
.vxn-glass::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;pointer-events:none;
  background:linear-gradient(160deg,rgba(var(--w),.35),transparent 40%);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
          mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;mask-composite:exclude;opacity:.5;}

/* 3D tilt-ready card */
.vxn-card3d{transition:transform .4s var(--vxn-ease),box-shadow .4s;transform-style:preserve-3d;will-change:transform;}

/* ----- SCROLL REVEAL ----- */
.vxn-reveal{opacity:0;transform:translateY(28px);transition:opacity .8s var(--vxn-ease),transform .8s var(--vxn-ease);transition-delay:var(--d,0s);}
.vxn-reveal.is-in{opacity:1;transform:none;}

/* ============================ NAV (CAPSULE) ============================ */
/* "Living glass capsule" — contracts on scroll, canopy mega-menu unfurls
   out of the same surface, sliding spotlight, full-screen mobile overlay. */
.vxn-skip{position:absolute;left:-9999px;top:0;z-index:200;background:var(--vxn-cyan);color:var(--vxn-cta-ink);
  padding:10px 16px;border-radius:0 0 10px 0;font-weight:700;}
.vxn-skip:focus{left:0;}

.vxn-scrim{position:fixed;inset:0;z-index:79;background:rgba(var(--mk),.55);opacity:0;visibility:hidden;
  -webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:opacity .35s,visibility .35s;}
.vxn-scrim.is-on{opacity:1;visibility:visible;}

.vxn-nav{position:fixed;top:14px;left:0;right:0;z-index:80;display:flex;justify-content:center;padding-inline:14px;}
.vxn-island{width:min(1120px,100%);background:linear-gradient(160deg,rgba(var(--mk),.78),rgba(var(--mk),.7));
  border:1px solid var(--vxn-glass-brd);border-radius:22px;overflow:hidden;
  -webkit-backdrop-filter:blur(16px) saturate(140%);backdrop-filter:blur(16px) saturate(140%);
  box-shadow:0 18px 50px -22px rgba(0,0,0,.8);
  transition:width .5s var(--vxn-ease),border-radius .5s,background .5s;}
.vxn-nav.is-contracted .vxn-island{width:min(880px,100%);background:linear-gradient(160deg,rgba(var(--mk),.92),rgba(var(--mk),.9));}
.vxn-bar{display:flex;align-items:center;gap:18px;padding:11px 14px 11px 18px;transition:padding .5s var(--vxn-ease);}
.vxn-nav.is-contracted .vxn-bar{padding:8px 12px 8px 16px;}

.vxn-brand{display:flex;align-items:center;gap:11px;flex-shrink:0;}
.vxn-mark{width:30px;height:30px;flex-shrink:0;transition:width .5s,height .5s;}
.vxn-nav.is-contracted .vxn-mark{width:26px;height:26px;}
.vxn-word{font-family:var(--vxn-font-display);font-weight:800;letter-spacing:.12em;font-size:1.02rem;color:var(--vxn-ink);}

.vxn-links{position:relative;display:flex;align-items:center;gap:2px;margin-inline:auto;}
.vxn-spot{position:absolute;top:50%;height:34px;border-radius:11px;transform:translateY(-50%);
  background:linear-gradient(160deg,rgba(var(--ln),.22),rgba(var(--ln),.08));border:1px solid var(--vxn-line);
  z-index:0;opacity:0;transition:left .38s var(--vxn-ease),width .38s var(--vxn-ease),opacity .3s;pointer-events:none;}
.vxn-link{position:relative;z-index:1;display:inline-flex;align-items:center;gap:6px;color:var(--vxn-ink-2);
  font-size:.92rem;font-weight:600;padding:8px 14px;border-radius:11px;background:none;border:0;transition:color .25s;}
.vxn-link:hover,.vxn-link[aria-expanded="true"]{color:var(--vxn-ink);}
.vxn-link .vxn-chev{width:14px;height:14px;transition:transform .3s;}
.vxn-link[aria-expanded="true"] .vxn-chev{transform:rotate(180deg);}
.vxn-link:focus-visible{outline:2px solid var(--vxn-cyan);outline-offset:2px;}

.vxn-actions{display:flex;align-items:center;gap:10px;flex-shrink:0;}
.vxn-cta{display:inline-flex;align-items:center;gap:7px;background:var(--vxn-grad-cta);color:var(--vxn-cta-ink);
  font-family:var(--vxn-font-display);font-weight:700;font-size:.88rem;padding:10px 17px;border-radius:11px;
  box-shadow:0 10px 26px -10px rgba(124,58,237,.6);transition:transform .25s,box-shadow .25s;border:0;}
.vxn-cta:hover{transform:translateY(-1px);box-shadow:0 14px 32px -8px rgba(124,58,237,.8);}
.vxn-cta:focus-visible{outline:2px solid #fff;outline-offset:2px;}

.vxn-burger{display:none;width:42px;height:38px;border-radius:11px;background:rgba(var(--w),.05);
  border:1px solid var(--vxn-line);align-items:center;justify-content:center;flex-direction:column;gap:4px;}
.vxn-burger span{width:18px;height:2px;background:var(--vxn-ink);border-radius:2px;transition:transform .3s,opacity .3s;}
.vxn-burger:focus-visible{outline:2px solid var(--vxn-cyan);outline-offset:2px;}

/* Canopy mega-menu (lives INSIDE the island; grows out of it) */
.vxn-canopy{max-height:0;opacity:0;padding:0 22px;transition:max-height .5s var(--vxn-ease),opacity .35s,padding .5s var(--vxn-ease);}
.vxn-island.is-open .vxn-canopy{max-height:420px;opacity:1;padding:4px 22px 22px;}
.vxn-canopy-top{height:1px;background:var(--vxn-line);margin-bottom:18px;}
.vxn-canopy-grid{display:grid;grid-template-columns:1fr 1fr 1.15fr;gap:22px;}
.vxn-col-title{font-family:var(--vxn-font-mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--vxn-muted);margin-bottom:12px;}
.vxn-col a{display:flex;align-items:center;gap:10px;color:var(--vxn-ink-2);font-size:.9rem;font-weight:600;padding:7px 9px;border-radius:9px;transition:background .2s,color .2s,transform .2s;opacity:0;transform:translateY(8px);}
.vxn-island.is-open .vxn-col a{opacity:1;transform:none;}
.vxn-island.is-open .vxn-col:nth-child(1) a{transition-delay:.05s;}
.vxn-island.is-open .vxn-col:nth-child(2) a{transition-delay:.12s;}
.vxn-col a:hover{background:rgba(var(--ln),.1);color:#fff;}
.vxn-col a i{width:8px;height:8px;border-radius:50%;background:var(--vxn-cyan);box-shadow:0 0 8px var(--vxn-cyan);flex-shrink:0;}
.vxn-col a.h i{background:var(--vxn-green);box-shadow:0 0 8px var(--vxn-green);}
.vxn-rail{background:var(--vxn-grad-violet);border-radius:16px;padding:18px;display:flex;flex-direction:column;justify-content:center;opacity:0;transform:translateY(8px);transition:opacity .4s .18s,transform .4s .18s;}
.vxn-island.is-open .vxn-rail{opacity:1;transform:none;}
.vxn-rail h4{font-family:var(--vxn-font-display);font-size:1.05rem;color:#fff;margin:0 0 6px;}
.vxn-rail p{font-size:.82rem;color:rgba(var(--w),.85);margin:0 0 14px;}
.vxn-rail a{align-self:flex-start;background:#fff;color:#1a1340;font-weight:700;font-size:.82rem;padding:9px 15px;border-radius:10px;}

/* Mobile full-screen overlay */
.vxn-overlay{position:fixed;inset:0;z-index:90;background:linear-gradient(180deg,var(--vxn-void),var(--vxn-void));
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transform:translateY(-100%);transition:transform .5s var(--vxn-ease);
  display:flex;flex-direction:column;padding:22px;overflow-y:auto;}
.vxn-overlay.is-open{transform:none;}
.vxn-ov-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:36px;}
.vxn-ov-close{width:42px;height:42px;border-radius:12px;background:rgba(var(--w),.05);border:1px solid var(--vxn-line);color:var(--vxn-ink);font-size:1.4rem;display:flex;align-items:center;justify-content:center;}
.vxn-ov-body{display:flex;flex-direction:column;gap:6px;}
.vxn-ov-link{font-family:var(--vxn-font-display);font-weight:700;font-size:1.8rem;color:var(--vxn-ink);padding:14px 4px;border-bottom:1px solid var(--vxn-line);display:flex;align-items:center;justify-content:space-between;
  opacity:0;transform:translateX(-18px);transition:opacity .5s,transform .5s;}
.vxn-overlay.is-open .vxn-ov-link{opacity:1;transform:none;}
.vxn-overlay.is-open .vxn-ov-link:nth-child(1){transition-delay:.08s;}
.vxn-overlay.is-open .vxn-ov-link:nth-child(2){transition-delay:.14s;}
.vxn-overlay.is-open .vxn-ov-link:nth-child(3){transition-delay:.2s;}
.vxn-overlay.is-open .vxn-ov-link:nth-child(4){transition-delay:.26s;}
.vxn-overlay.is-open .vxn-ov-link:nth-child(5){transition-delay:.32s;}
.vxn-ov-sub{display:none;flex-direction:column;gap:2px;padding:6px 4px 14px;}
.vxn-ov-sub.is-open{display:flex;}
.vxn-ov-sub a{color:var(--vxn-muted);font-size:1.05rem;font-weight:600;padding:8px 0;}
.vxn-ov-cta{margin-top:26px;}

@media(max-width:920px){
  .vxn-links{display:none;}
  .vxn-burger{display:flex;}
  .vxn-actions .vxn-cta{display:none;}
}
@media(min-width:921px){ .vxn-overlay{display:none!important;} }

/* ============================ HERO ============================ */
.vxn-hero{position:relative;min-height:100svh;display:flex;align-items:center;padding-top:130px;padding-bottom:64px;overflow:hidden;}
.vxn-hero-bg{position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.9;}
.vxn-hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.04fr .96fr;gap:46px;align-items:center;width:100%;}
.vxn-hero-copy{max-width:600px;}
.vxn-hero h1{margin:18px 0 0;}
.vxn-hero h1 .ln{display:block;}
.vxn-hero .vxn-lead{margin-top:22px;}
.vxn-hero-cta{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px;}
.vxn-hero-trust{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px;}

.vxn-engine{position:relative;width:100%;aspect-ratio:1/.86;max-width:560px;margin-inline:auto;}
.vxn-engine canvas{position:absolute;inset:0;width:100%;height:100%;}
.vxn-dash{position:absolute;right:-6px;bottom:-14px;width:min(252px,72%);padding:16px 16px 14px;border-radius:16px;z-index:3;}
.vxn-dash-h{display:flex;align-items:center;gap:8px;font-family:var(--vxn-font-mono);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--vxn-muted);margin-bottom:12px;}
.vxn-dash-h .live{width:7px;height:7px;border-radius:50%;background:var(--vxn-green);box-shadow:0 0 9px var(--vxn-green);animation:vxn-pulse 1.8s infinite;}
.vxn-dash-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 14px;}
.vxn-dash-cell .k{font-size:10px;letter-spacing:.04em;color:var(--vxn-faint);text-transform:uppercase;font-weight:600;}
.vxn-dash-cell .v{font-family:var(--vxn-font-mono);font-weight:700;font-size:1.18rem;color:var(--vxn-ink);line-height:1.2;font-variant-numeric:tabular-nums;}
.vxn-dash-cell .v.c{color:var(--vxn-cyan);} .vxn-dash-cell .v.g{color:var(--vxn-green);}
@keyframes vxn-pulse{0%,100%{opacity:1;transform:scale(1);}50%{opacity:.45;transform:scale(.82);}}

/* ============================ PROBLEM / LEAK FUNNEL ============================ */
.vxn-leak-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:46px;align-items:center;margin-top:48px;}
.vxn-funnel-stage{position:relative;width:100%;max-width:440px;margin-inline:auto;}
.vxn-funnel-stage svg{width:100%;height:auto;overflow:visible;}
.vxn-leak-rows{display:flex;flex-direction:column;gap:10px;}
.vxn-leak-row{display:flex;gap:14px;align-items:flex-start;padding:15px 16px;border-radius:14px;border:1px solid var(--vxn-line);
  background:rgba(var(--w),.018);cursor:pointer;transition:border-color .3s,background .3s,transform .3s;text-align:left;width:100%;}
.vxn-leak-row:hover{transform:translateX(4px);}
.vxn-leak-row.is-active{border-color:rgba(244,63,94,.55);background:rgba(244,63,94,.07);}
.vxn-leak-num{font-family:var(--vxn-font-mono);font-size:.8rem;color:var(--vxn-red);font-weight:700;width:26px;height:26px;border-radius:8px;
  background:rgba(244,63,94,.12);display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px;}
.vxn-leak-row.is-active .vxn-leak-num{background:var(--vxn-red);color:#180408;}
.vxn-leak-txt h4{font-family:var(--vxn-font-display);font-size:1rem;color:var(--vxn-ink);margin:0 0 3px;}
.vxn-leak-txt p{margin:0;font-size:.88rem;color:var(--vxn-muted);}
.vxn-leak-foot{margin-top:22px;font-size:.95rem;color:var(--vxn-ink-2);border-left:2px solid var(--vxn-cyan);padding-left:16px;}

/* ============================ METHOD (10-step journey) ============================ */
.vxn-method-rail{position:relative;display:flex;gap:14px;overflow-x:auto;padding:30px 4px 18px;margin-top:38px;scroll-snap-type:x mandatory;
  -ms-overflow-style:none;scrollbar-width:thin;scrollbar-color:var(--vxn-line-2) transparent;}
.vxn-method-rail::-webkit-scrollbar{height:6px;}
.vxn-method-rail::-webkit-scrollbar-thumb{background:var(--vxn-line-2);border-radius:6px;}
.vxn-mprogress{position:absolute;top:14px;left:4px;right:4px;height:2px;background:var(--vxn-line);border-radius:2px;overflow:hidden;}
.vxn-mprogress i{position:absolute;inset:0;width:0;background:var(--vxn-grad-cta);box-shadow:0 0 12px rgba(192,132,252,.6);transition:width 1.4s var(--vxn-ease);}
.vxn-mstep{position:relative;scroll-snap-align:start;flex:0 0 auto;width:172px;padding:18px 16px 16px;border-radius:16px;}
.vxn-mstep .n{position:absolute;top:-11px;left:16px;font-family:var(--vxn-font-mono);font-size:.7rem;font-weight:700;color:var(--vxn-cyan);
  background:var(--vxn-deep);border:1px solid var(--vxn-line);padding:3px 7px;border-radius:7px;}
.vxn-mstep .ic{width:38px;height:38px;border-radius:11px;background:rgba(var(--ln),.1);display:flex;align-items:center;justify-content:center;margin-bottom:12px;color:var(--vxn-cyan);}
.vxn-mstep .ic svg{width:20px;height:20px;}
.vxn-mstep h4{font-family:var(--vxn-font-display);font-size:1rem;color:var(--vxn-ink);margin:0 0 6px;}
.vxn-mstep p{margin:0;font-size:.82rem;color:var(--vxn-muted);line-height:1.5;}
.vxn-mstep::after{content:"";position:absolute;right:-9px;top:54px;width:14px;height:14px;border-top:2px solid var(--vxn-line-2);border-right:2px solid var(--vxn-line-2);transform:rotate(45deg);opacity:.7;}
.vxn-mstep:last-child::after{display:none;}

/* ============================ STRATEGY BOARD ============================ */
.vxn-board-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:46px;align-items:center;margin-top:46px;}
.vxn-board{position:relative;aspect-ratio:1;width:100%;max-width:480px;margin-inline:auto;border-radius:24px;overflow:hidden;
  background:linear-gradient(160deg,rgba(var(--mk),.9),rgba(var(--mk),.92));border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);}
.vxn-board::before{content:"";position:absolute;inset:0;opacity:.5;
  background-image:repeating-conic-gradient(rgba(var(--ln),.05) 0% 25%,transparent 0% 50%);background-size:25% 25%;}
.vxn-board::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 45%,transparent 30%,rgba(var(--mk),.55) 100%);}
.vxn-piece{position:absolute;width:21%;aspect-ratio:1;transform:translate(-50%,-50%) scale(.3);opacity:0;
  transition:transform .9s var(--vxn-ease),opacity .7s;left:var(--x);top:var(--y);z-index:2;cursor:default;}
.vxn-board.is-placed .vxn-piece{transform:translate(-50%,-50%) scale(1);opacity:1;}
.vxn-piece-disc{position:absolute;inset:0;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;
  background:radial-gradient(circle at 35% 28%,rgba(var(--w),.22),rgba(var(--w),.03) 60%),linear-gradient(160deg,rgba(var(--mk),.9),rgba(var(--mk),.95));
  border:1px solid rgba(var(--w),.16);box-shadow:0 10px 24px -8px rgba(0,0,0,.7),inset 0 1px 1px rgba(var(--w),.25);
  transition:transform .3s,box-shadow .3s;}
.vxn-piece:hover .vxn-piece-disc{transform:translateY(-4px) scale(1.05);box-shadow:0 16px 30px -8px var(--pc,rgba(192,132,252,.5)),inset 0 1px 1px rgba(var(--w),.3);}
.vxn-piece-disc svg{width:34%;height:34%;color:var(--pc,var(--vxn-cyan));}
.vxn-piece-lbl{font-family:var(--vxn-font-mono);font-size:.5rem;letter-spacing:.04em;color:var(--vxn-ink-2);text-transform:uppercase;font-weight:700;}
.vxn-piece-glow{position:absolute;inset:-30%;border-radius:50%;background:radial-gradient(circle,var(--pc,rgba(192,132,252,.4)),transparent 65%);opacity:.4;filter:blur(6px);z-index:-1;}
.vxn-tip{position:absolute;left:50%;bottom:112%;transform:translateX(-50%) translateY(6px);width:max-content;max-width:180px;
  background:rgba(var(--mk),.96);border:1px solid var(--vxn-line-2);border-radius:10px;padding:9px 12px;font-size:.74rem;color:var(--vxn-ink-2);line-height:1.45;
  opacity:0;visibility:hidden;transition:opacity .25s,transform .25s,visibility .25s;z-index:5;box-shadow:0 12px 30px -10px rgba(0,0,0,.8);pointer-events:none;}
.vxn-tip b{color:var(--pc,var(--vxn-cyan));font-family:var(--vxn-font-display);}
.vxn-piece:hover .vxn-tip{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0);}
.vxn-legend{display:flex;flex-direction:column;gap:8px;margin-top:26px;}
.vxn-lrow{display:flex;align-items:center;gap:12px;padding:11px 14px;border-radius:12px;border:1px solid var(--vxn-line);background:rgba(var(--w),.018);transition:background .25s,border-color .25s;cursor:default;}
.vxn-lrow:hover{background:rgba(var(--ln),.06);border-color:var(--vxn-line-2);}
.vxn-lrow .sw{width:12px;height:12px;border-radius:50%;flex-shrink:0;box-shadow:0 0 10px currentColor;}
.vxn-lrow b{font-family:var(--vxn-font-display);color:var(--vxn-ink);font-size:.92rem;min-width:74px;}
.vxn-lrow span{font-size:.85rem;color:var(--vxn-muted);}

/* ============================ INDUSTRY JOURNEYS (health / hospitality) ============================ */
.vxn-jintro{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap;}
.vxn-journey{position:relative;margin:46px 0 40px;padding:34px 12px 30px;border-radius:20px;}
.vxn-jtrack{position:relative;display:flex;justify-content:space-between;gap:8px;padding-top:8px;}
.vxn-jline{position:absolute;top:30px;left:5%;right:5%;height:2px;background:var(--vxn-line);border-radius:2px;}
.vxn-jline i{position:absolute;inset:0;width:0;background:linear-gradient(90deg,var(--ac1),var(--ac2));box-shadow:0 0 10px var(--ac2);transition:width 1.8s var(--vxn-ease);}
.vxn-jnode{position:relative;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;flex:1;min-width:0;z-index:2;}
.vxn-jdot{width:46px;height:46px;border-radius:14px;background:var(--vxn-deep);border:1px solid var(--vxn-line-2);display:flex;align-items:center;justify-content:center;color:var(--ac2,var(--vxn-cyan));transition:box-shadow .4s,border-color .4s,transform .4s;}
.vxn-jdot svg{width:21px;height:21px;}
.vxn-journey.is-in .vxn-jnode:nth-child(1) .vxn-jdot{box-shadow:0 0 0 4px rgba(192,132,252,.08),0 0 20px -4px var(--ac2);border-color:var(--ac2);}
.vxn-jlabel{font-size:.78rem;font-weight:600;color:var(--vxn-ink-2);line-height:1.3;max-width:90px;}
.vxn-jsub{font-family:var(--vxn-font-mono);font-size:.62rem;letter-spacing:.04em;color:var(--vxn-faint);text-transform:uppercase;}
.vxn-token{position:absolute;top:30px;left:5%;width:18px;height:18px;border-radius:50%;transform:translate(-50%,-50%);z-index:3;
  background:radial-gradient(circle at 35% 30%,#fff,var(--ac2));box-shadow:0 0 16px var(--ac2);}
.vxn-journey.is-in .vxn-token{animation:vxn-ride 7s var(--vxn-ease) .4s infinite;}
@keyframes vxn-ride{0%{left:5%;}12%{left:5%;}22%{left:24%;}34%{left:24%;}44%{left:50%;}56%{left:50%;}66%{left:76%;}78%{left:76%;}88%{left:95%;}100%{left:95%;}}
.vxn-cap-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(225px,1fr));gap:16px;margin-top:6px;}
.vxn-cap{padding:20px 18px;border-radius:16px;transition:transform .35s var(--vxn-ease),border-color .35s;}
.vxn-cap:hover{transform:translateY(-5px);}
.vxn-cap .ic{width:40px;height:40px;border-radius:11px;display:flex;align-items:center;justify-content:center;margin-bottom:13px;
  background:rgba(192,132,252,.1);color:var(--ac2,var(--vxn-cyan));}
.vxn-cap .ic svg{width:21px;height:21px;}
.vxn-cap h4{font-family:var(--vxn-font-display);font-size:1.02rem;color:var(--vxn-ink);margin:0 0 7px;}
.vxn-cap p{margin:0;font-size:.86rem;color:var(--vxn-muted);}
.vxn-note{display:inline-flex;align-items:center;gap:8px;margin-top:24px;font-size:.8rem;color:var(--vxn-faint);font-family:var(--vxn-font-mono);}
.vxn-note::before{content:"";width:14px;height:1px;background:var(--vxn-faint);}

/* ============================ SEO WALKTHROUGH ============================ */
.vxn-seo-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:42px;align-items:center;margin-top:46px;}
.vxn-query-chips{display:flex;flex-wrap:wrap;gap:9px;margin:22px 0 26px;}
.vxn-qchip{font-size:.82rem;font-weight:600;color:var(--vxn-ink-2);padding:8px 14px;border-radius:10px;border:1px solid var(--vxn-line);background:rgba(var(--w),.02);transition:all .25s;}
.vxn-qchip.is-on{border-color:transparent;background:linear-gradient(135deg,#7c3aed,#a855f7);color:#fff;box-shadow:0 6px 16px -6px rgba(124,58,237,.55);}
.vxn-seo-labels{display:flex;flex-direction:column;gap:9px;}
.vxn-seolab{display:flex;align-items:center;gap:11px;font-size:.88rem;color:var(--vxn-faint);transition:color .3s;}
.vxn-seolab .tick{width:20px;height:20px;border-radius:6px;border:1px solid var(--vxn-line-2);display:flex;align-items:center;justify-content:center;transition:all .3s;}
.vxn-seolab .tick svg{width:12px;height:12px;opacity:0;transition:opacity .3s;}
.vxn-seolab.is-lit{color:var(--vxn-ink);}
.vxn-seolab.is-lit .tick{background:var(--vxn-green);border-color:var(--vxn-green);}
.vxn-seolab.is-lit .tick svg{opacity:1;color:#04140d;}

.vxn-browser{position:relative;border-radius:16px;overflow:hidden;border:1px solid var(--vxn-glass-brd);
  background:linear-gradient(180deg,rgba(var(--mk),.96),rgba(var(--mk),.98));box-shadow:var(--vxn-shadow);min-height:430px;}
.vxn-bbar{display:flex;align-items:center;gap:8px;padding:11px 14px;border-bottom:1px solid var(--vxn-line);background:rgba(var(--w),.02);}
.vxn-bdots{display:flex;gap:6px;}
.vxn-bdots i{width:10px;height:10px;border-radius:50%;background:rgba(var(--w),.18);}
.vxn-burl{flex:1;display:flex;align-items:center;gap:8px;background:rgba(0,0,0,.3);border:1px solid var(--vxn-line);border-radius:9px;padding:6px 12px;font-family:var(--vxn-font-mono);font-size:.76rem;color:var(--vxn-muted);}
.vxn-burl svg{width:12px;height:12px;color:var(--vxn-green);}
.vxn-bbody{position:relative;padding:22px;min-height:380px;}
.vxn-seo-screen{position:absolute;inset:0;padding:24px;opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .5s,transform .5s,visibility .5s;}
.vxn-seo-screen.is-on{opacity:1;visibility:visible;transform:none;}
.vxn-search-box{display:flex;align-items:center;gap:12px;background:#fff;border-radius:999px;padding:14px 22px;box-shadow:0 8px 30px -8px rgba(0,0,0,.5);max-width:440px;margin:60px auto 0;}
.vxn-search-box svg{width:20px;height:20px;color:#5f6368;flex-shrink:0;}
.vxn-search-q{font-family:var(--vxn-font-body);font-size:1.02rem;color:#202124;font-weight:500;}
.vxn-search-q .car{display:inline-block;width:2px;height:1.05em;background:#4285f4;margin-left:1px;vertical-align:-2px;animation:vxn-blink 1s step-end infinite;}
@keyframes vxn-blink{50%{opacity:0;}}
.vxn-search-hint{text-align:center;color:var(--vxn-faint);font-size:.82rem;margin-top:22px;}
.vxn-serp{display:grid;grid-template-columns:1.4fr .9fr;gap:18px;}
.vxn-serp-list{display:flex;flex-direction:column;gap:11px;}
.vxn-result{padding:13px 15px;border-radius:12px;border:1px solid var(--vxn-line);background:rgba(var(--w),.025);transition:transform .6s var(--vxn-ease),border-color .5s,background .5s;}
.vxn-result .u{font-size:.72rem;color:var(--vxn-green);font-family:var(--vxn-font-mono);}
.vxn-result .t{font-family:var(--vxn-font-display);font-size:.98rem;color:var(--vxn-blue-2);margin:3px 0 5px;}
.vxn-result .d{font-size:.78rem;color:var(--vxn-muted);}
.vxn-result.is-win{border-color:var(--vxn-cyan);background:rgba(192,132,252,.08);box-shadow:0 0 0 1px rgba(192,132,252,.3),0 14px 30px -12px rgba(192,132,252,.4);}
.vxn-result .badges{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px;opacity:0;max-height:0;overflow:hidden;transition:opacity .5s,max-height .5s;}
.vxn-result.is-win .badges{opacity:1;max-height:50px;}
.vxn-badge{font-size:.66rem;font-weight:700;padding:3px 8px;border-radius:6px;background:rgba(16,185,129,.14);color:var(--vxn-green);}
.vxn-badge.star{background:rgba(245,158,11,.16);color:var(--vxn-amber);}
.vxn-mappack{border-radius:12px;border:1px solid var(--vxn-line);background:linear-gradient(160deg,rgba(124,58,237,.18),rgba(91,33,182,.1));position:relative;overflow:hidden;min-height:180px;padding:12px;}
.vxn-mappack .ml{font-family:var(--vxn-font-mono);font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;color:var(--vxn-muted);margin-bottom:8px;}
.vxn-pin{position:absolute;width:22px;height:22px;}
.vxn-pin svg{width:100%;height:100%;color:var(--vxn-faint);}
.vxn-pin.win svg{color:var(--vxn-cyan);filter:drop-shadow(0 0 8px var(--vxn-cyan));}
.vxn-pin.win{animation:vxn-bob 2s ease-in-out infinite;}
@keyframes vxn-bob{0%,100%{transform:translateY(0);}50%{transform:translateY(-5px);}}
.vxn-landing{max-width:430px;margin:0 auto;}
.vxn-landing .lh{font-family:var(--vxn-font-display);font-size:1.15rem;color:var(--vxn-ink);font-weight:700;margin-bottom:6px;}
.vxn-landing .lp{font-size:.84rem;color:var(--vxn-muted);margin-bottom:16px;}
.vxn-lform{display:flex;flex-direction:column;gap:10px;background:rgba(var(--w),.03);border:1px solid var(--vxn-line);border-radius:14px;padding:16px;}
.vxn-lfield{height:38px;border-radius:9px;background:rgba(0,0,0,.25);border:1px solid var(--vxn-line);display:flex;align-items:center;padding:0 13px;font-size:.82rem;color:var(--vxn-muted);}
.vxn-lbtn{height:40px;border-radius:9px;background:var(--vxn-grad-cta);color:var(--vxn-cta-ink);font-weight:700;display:flex;align-items:center;justify-content:center;font-size:.88rem;}
.vxn-crm-toast{display:flex;align-items:center;gap:10px;margin-top:14px;padding:11px 14px;border-radius:11px;background:rgba(16,185,129,.1);border:1px solid rgba(16,185,129,.4);
  font-size:.84rem;color:var(--vxn-green);font-weight:600;opacity:0;transform:translateY(8px);transition:opacity .5s .3s,transform .5s .3s;}
.vxn-seo-screen.is-on .vxn-crm-toast{opacity:1;transform:none;}
.vxn-crm-toast svg{width:18px;height:18px;}
.vxn-steps-dots{display:flex;gap:8px;justify-content:center;margin-top:18px;}
.vxn-sdot{width:9px;height:9px;border-radius:50%;background:var(--vxn-line-2);transition:all .3s;border:0;padding:0;}
.vxn-sdot.is-on{background:var(--vxn-cyan);box-shadow:0 0 10px var(--vxn-cyan);width:26px;border-radius:5px;}

/* ============================ PAID ADS ============================ */
.vxn-ads-grid{display:grid;grid-template-columns:1fr 1fr;gap:42px;align-items:center;margin-top:46px;}
.vxn-adstack{display:flex;flex-direction:column;gap:14px;}
.vxn-adcard{position:relative;padding:15px 16px;border-radius:14px;overflow:hidden;}
.vxn-adcard .tag{display:inline-flex;align-items:center;gap:6px;font-size:.68rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--vxn-cyan);margin-bottom:9px;}
.vxn-adcard .tag .pl{width:7px;height:7px;border-radius:2px;background:var(--vxn-cyan);}
.vxn-adcard h5{font-family:var(--vxn-font-display);font-size:.98rem;color:var(--vxn-ink);margin:0 0 4px;}
.vxn-adcard p{margin:0 0 11px;font-size:.8rem;color:var(--vxn-muted);}
.vxn-adcard .row{display:flex;align-items:center;justify-content:space-between;}
.vxn-adcard .cta-mini{font-size:.76rem;font-weight:700;color:var(--vxn-cta-ink);background:var(--vxn-grad-cta);padding:6px 12px;border-radius:8px;}
.vxn-adcard .meta{font-family:var(--vxn-font-mono);font-size:.72rem;color:var(--vxn-faint);}
.vxn-ripple{position:absolute;width:14px;height:14px;border-radius:50%;background:var(--vxn-cyan);pointer-events:none;opacity:0;}
.vxn-flow{padding:22px;border-radius:18px;}
.vxn-flow-h{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;}
.vxn-flow-h .lab{font-family:var(--vxn-font-mono);font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;color:var(--vxn-muted);}
.vxn-frow{margin-bottom:15px;}
.vxn-frow .top{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:6px;}
.vxn-frow .k{font-size:.84rem;color:var(--vxn-ink-2);font-weight:600;}
.vxn-frow .v{font-family:var(--vxn-font-mono);font-weight:700;font-size:1.05rem;color:var(--vxn-ink);}
.vxn-frow .v.hl{color:var(--vxn-cyan);} .vxn-frow .v.gr{color:var(--vxn-green);}
.vxn-fbar{height:8px;border-radius:5px;background:rgba(var(--w),.05);overflow:hidden;}
.vxn-fbar i{display:block;height:100%;width:0;border-radius:5px;background:var(--vxn-grad-cta);transition:width 1.4s var(--vxn-ease);}
.vxn-fbar i.g{background:linear-gradient(90deg,var(--vxn-green),var(--vxn-cyan));}
.vxn-cpl{margin-top:6px;display:flex;align-items:center;gap:12px;}
.vxn-cpl svg{flex:1;height:46px;}
.vxn-cpl .cv{font-family:var(--vxn-font-mono);font-size:.8rem;color:var(--vxn-green);font-weight:700;}

/* ============================ WEBSITE BEFORE/AFTER ============================ */
.vxn-web-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:42px;align-items:center;margin-top:46px;}
.vxn-ba{position:relative;aspect-ratio:16/11;border-radius:18px;overflow:hidden;border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);
  --pos:50%;user-select:none;touch-action:pan-y;}
.vxn-ba-layer{position:absolute;inset:0;padding:20px;display:flex;flex-direction:column;}
.vxn-ba-after{background:linear-gradient(160deg,#0c1430,#0a1126);}
.vxn-ba-before{background:linear-gradient(160deg,#161922,#101319);clip-path:inset(0 calc(100% - var(--pos)) 0 0);}
.vxn-ba-tag{position:absolute;top:14px;font-family:var(--vxn-font-mono);font-size:.64rem;letter-spacing:.1em;text-transform:uppercase;padding:5px 10px;border-radius:7px;z-index:4;}
.vxn-ba-before .vxn-ba-tag{left:14px;background:rgba(244,63,94,.16);color:var(--vxn-red);}
.vxn-ba-after .vxn-ba-tag{right:14px;background:rgba(16,185,129,.16);color:var(--vxn-green);}
.vxn-ba-handle{position:absolute;top:0;bottom:0;left:var(--pos);width:2px;background:var(--vxn-cyan);box-shadow:0 0 14px var(--vxn-cyan);z-index:5;transform:translateX(-1px);}
.vxn-ba-knob{position:absolute;top:50%;left:var(--pos);transform:translate(-50%,-50%);width:38px;height:38px;border-radius:50%;background:var(--vxn-deep);border:2px solid var(--vxn-cyan);display:flex;align-items:center;justify-content:center;z-index:6;box-shadow:0 6px 18px -4px rgba(0,0,0,.6);}
.vxn-ba-knob svg{width:18px;height:18px;color:var(--vxn-cyan);}
.vxn-ba input[type=range]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;z-index:7;margin:0;}
.vxn-mock-head{height:14px;width:55%;border-radius:4px;background:rgba(var(--w),.18);margin-bottom:10px;}
.vxn-mock-line{height:8px;border-radius:4px;background:rgba(var(--w),.08);margin-bottom:7px;}
.vxn-mock-cta{margin-top:auto;height:34px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:.74rem;font-weight:700;}
.vxn-mock-cta.weak{background:rgba(var(--w),.08);color:var(--vxn-muted);width:40%;}
.vxn-mock-cta.strong{background:var(--vxn-grad-cta);color:var(--vxn-cta-ink);width:70%;box-shadow:0 8px 22px -6px rgba(124,58,237,.6);}
.vxn-mock-badges{display:flex;gap:6px;margin-top:10px;}
.vxn-mock-badges span{height:18px;flex:1;border-radius:5px;background:rgba(16,185,129,.18);}
.vxn-web-compare{display:grid;grid-template-columns:1fr;gap:8px;}
.vxn-wc-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:center;padding:11px 14px;border-radius:11px;border:1px solid var(--vxn-line);background:rgba(var(--w),.015);}
.vxn-wc-b,.vxn-wc-a{display:flex;align-items:center;gap:8px;font-size:.82rem;}
.vxn-wc-b{color:var(--vxn-muted);} .vxn-wc-a{color:var(--vxn-ink-2);font-weight:600;}
.vxn-wc-b svg,.vxn-wc-a svg{width:15px;height:15px;flex-shrink:0;}
.vxn-wc-b svg{color:var(--vxn-red);} .vxn-wc-a svg{color:var(--vxn-green);}

/* ============================ CRM + AUTOMATION ============================ */
.vxn-crm-pipe{position:relative;display:flex;justify-content:space-between;gap:6px;margin:46px 0 30px;padding-top:10px;}
.vxn-crm-line{position:absolute;top:34px;left:4%;right:4%;height:2px;background:var(--vxn-line);}
.vxn-crm-line i{position:absolute;inset:0;width:0;background:linear-gradient(90deg,var(--vxn-violet),var(--vxn-cyan));box-shadow:0 0 10px var(--vxn-cyan);transition:width .5s linear;}
.vxn-cnode{position:relative;flex:1;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;z-index:2;min-width:0;}
.vxn-cring{width:50px;height:50px;border-radius:15px;background:var(--vxn-deep);border:1px solid var(--vxn-line-2);display:flex;align-items:center;justify-content:center;color:var(--vxn-muted);transition:all .4s;}
.vxn-cring svg{width:22px;height:22px;}
.vxn-cnode.is-done .vxn-cring{border-color:var(--vxn-green);color:var(--vxn-green);box-shadow:0 0 18px -4px var(--vxn-green);}
.vxn-cnode.is-active .vxn-cring{border-color:var(--vxn-cyan);color:var(--vxn-cyan);box-shadow:0 0 0 4px rgba(192,132,252,.1),0 0 22px -2px var(--vxn-cyan);transform:scale(1.08);}
.vxn-clabel{font-size:.74rem;font-weight:600;color:var(--vxn-ink-2);max-width:84px;line-height:1.3;}
.vxn-lead-chip{position:absolute;top:-8px;left:4%;transform:translateX(-50%);display:flex;align-items:center;gap:7px;
  background:rgba(var(--mk),.96);border:1px solid var(--vxn-cyan);border-radius:999px;padding:5px 12px 5px 8px;font-size:.74rem;font-weight:700;color:var(--vxn-ink);
  box-shadow:0 8px 22px -6px rgba(192,132,252,.5);z-index:4;transition:left .6s var(--vxn-ease);white-space:nowrap;}
.vxn-lead-chip .av{width:18px;height:18px;border-radius:50%;background:var(--vxn-grad-violet);display:flex;align-items:center;justify-content:center;font-size:.6rem;color:#fff;}
.vxn-recover{margin-top:14px;display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:18px;border-radius:16px;}
.vxn-recover .rt{font-family:var(--vxn-font-mono);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--vxn-amber);width:100%;margin-bottom:4px;}
.vxn-rstep{display:flex;align-items:center;gap:8px;font-size:.84rem;font-weight:600;color:var(--vxn-ink-2);padding:9px 14px;border-radius:10px;border:1px solid var(--vxn-line);background:rgba(var(--w),.02);opacity:.4;transition:opacity .4s,border-color .4s,transform .4s;}
.vxn-rstep.is-on{opacity:1;border-color:var(--vxn-amber);transform:translateY(-2px);}
.vxn-rstep svg{width:16px;height:16px;color:var(--vxn-amber);}
.vxn-rarrow{color:var(--vxn-faint);}
.vxn-rarrow svg{width:16px;height:16px;}

/* ============================ EXCLUSIVITY (territory lock) ============================ */
.vxn-excl-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:46px;align-items:center;margin-top:40px;}
.vxn-map{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:22px;border-radius:20px;}
.vxn-cell{position:relative;aspect-ratio:1;border-radius:14px;border:1px solid var(--vxn-line);background:rgba(var(--w),.02);
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;text-align:center;padding:8px;transition:all .5s;overflow:hidden;}
.vxn-cell .cl{font-size:.66rem;font-weight:600;color:var(--vxn-muted);line-height:1.25;}
.vxn-cell .ci{width:22px;height:22px;color:var(--vxn-faint);transition:color .4s;}
.vxn-cell .ci svg{width:100%;height:100%;}
.vxn-cell.is-taken{opacity:.4;}
.vxn-cell.is-taken .stamp{position:absolute;font-family:var(--vxn-font-mono);font-size:.6rem;letter-spacing:.1em;color:var(--vxn-red);border:1px solid var(--vxn-red);padding:2px 6px;border-radius:5px;transform:rotate(-12deg);opacity:0;transition:opacity .5s;}
.vxn-cell.is-taken.show .stamp{opacity:.85;}
.vxn-cell.is-yours{border-color:var(--vxn-cyan);background:linear-gradient(160deg,rgba(192,132,252,.14),rgba(192,132,252,.04));box-shadow:0 0 0 1px rgba(192,132,252,.4),0 14px 34px -12px rgba(192,132,252,.5);}
.vxn-cell.is-yours .ci{color:var(--vxn-cyan);}
.vxn-cell.is-yours .cl{color:#fff;}
.vxn-lock{opacity:0;transform:scale(.5);transition:opacity .4s,transform .4s;}
.vxn-cell.is-yours.locked .vxn-lock{opacity:1;transform:scale(1);}
.vxn-sweep{position:absolute;inset:0;pointer-events:none;border-radius:20px;overflow:hidden;}
.vxn-sweep::before{content:"";position:absolute;top:-50%;left:-50%;width:60%;height:200%;
  background:linear-gradient(90deg,transparent,rgba(192,132,252,.12),transparent);transform:rotate(18deg);animation:vxn-scan 5s linear infinite;}
@keyframes vxn-scan{0%{left:-60%;}100%{left:120%;}}
.vxn-excl-pts{display:flex;flex-direction:column;gap:12px;margin:24px 0;}
.vxn-ep{display:flex;gap:12px;align-items:flex-start;}
.vxn-ep .epi{width:34px;height:34px;border-radius:10px;background:rgba(192,132,252,.1);color:var(--vxn-cyan);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.vxn-ep .epi svg{width:18px;height:18px;}
.vxn-ep b{font-family:var(--vxn-font-display);color:var(--vxn-ink);font-size:.95rem;display:block;}
.vxn-ep span{font-size:.85rem;color:var(--vxn-muted);}

/* ============================ REPORTING DASHBOARD ============================ */
.vxn-dashboard{margin-top:46px;padding:26px;border-radius:24px;}
.vxn-db-top{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:22px;}
.vxn-db-title{display:flex;align-items:center;gap:12px;}
.vxn-db-title .dt{font-family:var(--vxn-font-display);font-weight:700;color:var(--vxn-ink);font-size:1.05rem;}
.vxn-db-title .live{display:inline-flex;align-items:center;gap:7px;font-family:var(--vxn-font-mono);font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;color:var(--vxn-green);}
.vxn-db-title .live i{width:7px;height:7px;border-radius:50%;background:var(--vxn-green);box-shadow:0 0 9px var(--vxn-green);animation:vxn-pulse 1.8s infinite;}
.vxn-db-range{display:flex;gap:6px;}
.vxn-db-range span{font-size:.72rem;font-weight:600;color:var(--vxn-muted);padding:6px 11px;border-radius:8px;border:1px solid var(--vxn-line);}
.vxn-db-range span.on{background:rgba(192,132,252,.12);color:#fff;border-color:var(--vxn-cyan);}
.vxn-kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:13px;margin-bottom:18px;}
.vxn-kpi{padding:15px 16px;border-radius:14px;border:1px solid var(--vxn-line);background:rgba(var(--w),.02);}
.vxn-kpi .k{font-size:.72rem;color:var(--vxn-faint);font-weight:600;text-transform:uppercase;letter-spacing:.03em;margin-bottom:7px;display:flex;align-items:center;gap:6px;}
.vxn-kpi .k svg{width:13px;height:13px;}
.vxn-kpi .v{font-family:var(--vxn-font-mono);font-weight:700;font-size:1.4rem;color:var(--vxn-ink);line-height:1.1;font-variant-numeric:tabular-nums;}
.vxn-kpi .v.c{color:var(--vxn-cyan);} .vxn-kpi .v.g{color:var(--vxn-green);} .vxn-kpi .v.a{color:var(--vxn-amber);}
.vxn-kpi .delta{font-size:.72rem;font-weight:700;margin-top:4px;}
.vxn-kpi .delta.up{color:var(--vxn-green);} .vxn-kpi .delta.down{color:var(--vxn-green);}
.vxn-db-charts{display:grid;grid-template-columns:1.5fr 1fr;gap:14px;}
.vxn-chartcard{padding:18px;border-radius:14px;border:1px solid var(--vxn-line);background:rgba(var(--w),.018);}
.vxn-chartcard .ct{font-size:.78rem;color:var(--vxn-muted);font-weight:600;margin-bottom:16px;display:flex;justify-content:space-between;}
.vxn-bars{display:flex;align-items:flex-end;gap:9px;height:120px;}
.vxn-bar{flex:1;border-radius:6px 6px 0 0;background:linear-gradient(180deg,var(--vxn-cyan),rgba(124,58,237,.4));height:0;transition:height 1.1s var(--vxn-ease);min-height:4px;position:relative;}
.vxn-bar:nth-child(even){background:linear-gradient(180deg,var(--vxn-violet),rgba(124,58,237,.4));}
.vxn-bars-x{display:flex;gap:9px;margin-top:8px;}
.vxn-bars-x span{flex:1;text-align:center;font-family:var(--vxn-font-mono);font-size:.58rem;color:var(--vxn-faint);}
.vxn-donut{display:flex;align-items:center;gap:16px;}
.vxn-donut svg{width:104px;height:104px;flex-shrink:0;}
.vxn-donut .leg{display:flex;flex-direction:column;gap:8px;}
.vxn-donut .lg{display:flex;align-items:center;gap:8px;font-size:.76rem;color:var(--vxn-ink-2);}
.vxn-donut .lg i{width:9px;height:9px;border-radius:3px;}

/* ============================ SERVICES ============================ */
.vxn-svc-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(232px,1fr));gap:15px;margin-top:46px;}
.vxn-svc{padding:20px;border-radius:16px;transition:transform .4s var(--vxn-ease),border-color .4s;}
.vxn-svc:hover{transform:translateY(-5px);}
.vxn-svc .ic{width:40px;height:40px;border-radius:11px;background:rgba(var(--ln),.1);color:var(--vxn-cyan);display:flex;align-items:center;justify-content:center;margin-bottom:13px;}
.vxn-svc .ic svg{width:21px;height:21px;}
.vxn-svc h4{font-family:var(--vxn-font-display);font-size:1.02rem;color:var(--vxn-ink);margin:0 0 7px;}
.vxn-svc .cr{font-size:.74rem;font-weight:700;color:var(--vxn-green);text-transform:uppercase;letter-spacing:.04em;margin-bottom:5px;font-family:var(--vxn-font-mono);}
.vxn-svc p{margin:0;font-size:.84rem;color:var(--vxn-muted);}

/* ============================ CASE STUDIES ============================ */
.vxn-case-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px;margin-top:46px;}
.vxn-case{padding:24px;border-radius:18px;transition:transform .4s var(--vxn-ease);}
.vxn-case:hover{transform:translateY(-6px);}
.vxn-case .ind{display:inline-flex;align-items:center;gap:8px;font-size:.74rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--vxn-cyan);margin-bottom:18px;}
.vxn-case .ind .d{width:8px;height:8px;border-radius:50%;background:var(--vxn-cyan);box-shadow:0 0 8px var(--vxn-cyan);}
.vxn-cstat{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:13px 0;border-bottom:1px solid var(--vxn-line);}
.vxn-cstat:last-of-type{border-bottom:0;}
.vxn-cstat .cv{font-family:var(--vxn-font-mono);font-weight:700;font-size:1.5rem;color:var(--vxn-ink);font-variant-numeric:tabular-nums;}
.vxn-cstat .cv.g{color:var(--vxn-green);} .vxn-cstat .cv.c{color:var(--vxn-cyan);}
.vxn-cstat .cl{font-size:.8rem;color:var(--vxn-muted);text-align:right;max-width:54%;}

/* ============================ PROCESS TIMELINE ============================ */
.vxn-timeline{position:relative;max-width:780px;margin:46px auto 0;padding-left:42px;}
.vxn-timeline::before{content:"";position:absolute;left:15px;top:8px;bottom:8px;width:2px;background:var(--vxn-line);}
.vxn-tline-fill{position:absolute;left:15px;top:8px;width:2px;height:0;background:linear-gradient(180deg,var(--vxn-cyan),var(--vxn-violet));box-shadow:0 0 12px var(--vxn-cyan);transition:height 1.6s var(--vxn-ease);}
.vxn-tstep{position:relative;padding:0 0 30px;}
.vxn-tstep:last-child{padding-bottom:0;}
.vxn-tstep .tn{position:absolute;left:-42px;top:0;width:32px;height:32px;border-radius:10px;background:var(--vxn-deep);border:1px solid var(--vxn-line-2);
  display:flex;align-items:center;justify-content:center;font-family:var(--vxn-font-mono);font-size:.78rem;font-weight:700;color:var(--vxn-cyan);}
.vxn-tstep h4{font-family:var(--vxn-font-display);font-size:1.08rem;color:var(--vxn-ink);margin:2px 0 5px;}
.vxn-tstep p{margin:0;font-size:.88rem;color:var(--vxn-muted);}

/* ============================ FINAL CTA ============================ */
.vxn-final{position:relative;text-align:center;padding-block:clamp(80px,13vh,150px);overflow:hidden;}
.vxn-final-orb{position:absolute;top:50%;left:50%;width:520px;height:520px;transform:translate(-50%,-50%);z-index:0;pointer-events:none;
  background:radial-gradient(circle,rgba(192,132,252,.18),rgba(124,58,237,.08) 40%,transparent 70%);}
.vxn-final-inner{position:relative;z-index:2;max-width:720px;margin-inline:auto;}
.vxn-final h2{margin-bottom:20px;}
.vxn-final-cta{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;margin-top:32px;}
.vxn-final-trust{margin-top:24px;font-size:.85rem;color:var(--vxn-faint);font-family:var(--vxn-font-mono);}

/* ============================ FOOTER ============================ */
.vxn-footer{position:relative;border-top:1px solid var(--vxn-line);padding-top:60px;padding-bottom:34px;}
.vxn-foot-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:36px;}
.vxn-foot-brand .vxn-brand{margin-bottom:14px;}
.vxn-foot-brand p{font-size:.88rem;color:var(--vxn-muted);max-width:30ch;}
.vxn-foot-col h5{font-family:var(--vxn-font-mono);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--vxn-faint);margin:0 0 16px;}
.vxn-foot-col a{display:block;font-size:.88rem;color:var(--vxn-ink-2);padding:5px 0;transition:color .25s;}
.vxn-foot-col a:hover{color:var(--vxn-cyan);}
.vxn-foot-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:44px;padding-top:22px;border-top:1px solid var(--vxn-line);}
.vxn-foot-bottom .lg{font-size:.8rem;color:var(--vxn-faint);}
.vxn-foot-bottom .disc{font-size:.76rem;color:var(--vxn-faint);max-width:48ch;}

/* ============================ STICKY MOBILE CTA ============================ */
.vxn-sticky{position:fixed;left:14px;right:14px;bottom:14px;z-index:70;display:none;transform:translateY(140%);transition:transform .45s var(--vxn-ease);}
.vxn-sticky.is-on{transform:none;}
.vxn-sticky a{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;background:var(--vxn-grad-cta);color:var(--vxn-cta-ink);
  font-family:var(--vxn-font-display);font-weight:700;padding:15px;border-radius:14px;box-shadow:0 14px 40px -8px rgba(124,58,237,.7);}
.vxn-sticky a svg{width:18px;height:18px;}

/* ============================ RESPONSIVE ============================ */
@media(max-width:980px){
  .vxn-hero-grid,.vxn-leak-grid,.vxn-board-grid,.vxn-seo-grid,.vxn-ads-grid,.vxn-web-grid,.vxn-excl-grid{grid-template-columns:1fr;gap:38px;}
  .vxn-engine{max-width:440px;order:-1;}
  .vxn-board,.vxn-funnel-stage{max-width:420px;}
  .vxn-db-charts{grid-template-columns:1fr;}
  .vxn-foot-grid{grid-template-columns:1fr 1fr;gap:30px;}
  .vxn-foot-brand{grid-column:1/-1;}
}
@media(max-width:680px){
  .vxn-section{padding-block:clamp(58px,9vh,86px);}
  .vxn-jtrack,.vxn-crm-pipe{overflow-x:auto;justify-content:flex-start;gap:18px;padding-bottom:10px;}
  .vxn-jnode,.vxn-cnode{flex:0 0 96px;}
  .vxn-jline,.vxn-token,.vxn-crm-line{display:none;}
  .vxn-serp{grid-template-columns:1fr;}
  .vxn-foot-grid{grid-template-columns:1fr;}
  .vxn-sticky{display:block;}
  .vxn-foot-bottom{flex-direction:column;align-items:flex-start;}
}

/* ============================ REDUCED MOTION ============================ */
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important;}
  .vxn-reveal{opacity:1!important;transform:none!important;}
  .vxn-piece{opacity:1!important;transform:translate(-50%,-50%) scale(1)!important;}
  .vxn-token,.vxn-sweep::before,.vxn-pin.win{animation:none!important;}
}
/* =====================================================================
   v2 COMPONENT LAYER  (overrides win by source order)
   ===================================================================== */

/* header surface tokens */
:root{ --vxn-header:rgba(255,255,255,0.70); --vxn-header-2:rgba(255,255,255,0.90); }
:root[data-theme="dark"]{ --vxn-header:rgba(12,9,26,0.66); --vxn-header-2:rgba(12,9,26,0.88); }

/* focus ring (a11y) */
:where(a,button,input,select,textarea,[tabindex]):focus-visible{
  outline:2px solid var(--vxn-blue);outline-offset:2px;border-radius:6px;}

/* ----- smaller headings ----- */
.vxn-h1{font-size:clamp(2.0rem,4.6vw,3.4rem);}
.vxn-h2{font-size:clamp(1.5rem,3vw,2.15rem);}
.vxn-h3{font-size:clamp(1.05rem,1.7vw,1.25rem);}

/* SVG funnel labels (theme-aware fills) */
.vxn-fn-strong{fill:var(--vxn-ink);}
.vxn-fn-mid{fill:var(--vxn-ink-2);}

/* ----- ambient atmosphere : theme-aware ----- */
.vxn-atmos{background:
  radial-gradient(1100px 720px at 82% -12%, rgba(124,58,237,0.06), transparent 58%),
  radial-gradient(880px 680px at 2% 6%, rgba(168,85,247,0.05), transparent 60%),
  radial-gradient(1000px 820px at 60% 114%, rgba(192,132,252,0.045), transparent 55%),
  var(--vxn-void);}
:root[data-theme="dark"] .vxn-atmos{background:
  radial-gradient(1100px 720px at 80% -10%, rgba(124,58,237,0.24), transparent 60%),
  radial-gradient(900px 700px at 4% 8%, rgba(139,92,246,0.17), transparent 60%),
  radial-gradient(1000px 820px at 60% 112%, rgba(192,132,252,0.11), transparent 55%),
  var(--vxn-void);}
.vxn-grain{opacity:.022;}
:root[data-theme="dark"] .vxn-grain{opacity:.04;}

/* ===================================================================
   NEW HEADER  (.vxn-hd-*)  — clean, sticky, conventional-premium
   =================================================================== */
.vxn-hd{position:sticky;top:0;z-index:100;
  background:var(--vxn-header);
  -webkit-backdrop-filter:saturate(150%) blur(16px);backdrop-filter:saturate(150%) blur(16px);
  border-bottom:1px solid var(--vxn-line);
  transition:background .3s var(--vxn-ease),border-color .3s,box-shadow .3s;}
.vxn-hd.is-scrolled{background:var(--vxn-header-2);
  box-shadow:0 12px 34px -20px rgba(76,29,149,.4);border-bottom-color:var(--vxn-glass-brd);}
.vxn-hd-bar{max-width:var(--vxn-shell);margin:0 auto;padding:15px 22px;
  display:flex;align-items:center;gap:16px;transition:padding .3s var(--vxn-ease);}
.vxn-hd.is-scrolled .vxn-hd-bar{padding:9px 22px;}
.vxn-hd-brand{display:inline-flex;align-items:center;gap:11px;margin-right:auto;}
.vxn-hd-mark{width:34px;height:34px;flex:none;}
.vxn-hd-word{font-family:var(--vxn-font-display);font-weight:800;letter-spacing:.16em;
  font-size:1.05rem;color:var(--vxn-ink);}
.vxn-hd-nav{display:flex;align-items:center;gap:2px;}
.vxn-hd-link{position:relative;padding:9px 14px;border-radius:10px;font-weight:600;
  font-size:.94rem;color:var(--vxn-muted);transition:color .2s;}
.vxn-hd-link::after{content:"";position:absolute;left:14px;right:14px;bottom:5px;height:2px;border-radius:2px;
  background:var(--vxn-grad-cta);transform:scaleX(0);transform-origin:left;transition:transform .26s var(--vxn-ease);}
.vxn-hd-link:hover{color:var(--vxn-ink);}
.vxn-hd-link:hover::after{transform:scaleX(1);}
.vxn-hd-actions{display:flex;align-items:center;gap:10px;}
.vxn-hd-toggle{width:40px;height:40px;border-radius:11px;display:inline-grid;place-items:center;
  background:var(--vxn-glass-2);border:1px solid var(--vxn-glass-brd);color:var(--vxn-ink-2);
  transition:transform .2s,border-color .2s,color .2s;}
.vxn-hd-toggle:hover{color:var(--vxn-blue);border-color:var(--vxn-blue);transform:translateY(-1px);}
.vxn-hd-toggle svg{width:19px;height:19px;}
.vxn-hd-toggle .vxn-ic-moon{display:none;}
:root[data-theme="dark"] .vxn-hd-toggle .vxn-ic-sun{display:none;}
:root[data-theme="dark"] .vxn-hd-toggle .vxn-ic-moon{display:block;}
.vxn-hd-cta{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:11px;
  font-weight:700;font-size:.92rem;background:var(--vxn-grad-cta);color:var(--vxn-cta-ink);
  box-shadow:var(--vxn-glow-cta);transition:transform .2s,box-shadow .2s;}
.vxn-hd-cta:hover{transform:translateY(-1px);box-shadow:0 20px 46px -14px rgba(124,58,237,.6);}
.vxn-hd-burger{display:none;width:42px;height:42px;border-radius:11px;
  background:var(--vxn-glass-2);border:1px solid var(--vxn-glass-brd);color:var(--vxn-ink);
  align-items:center;justify-content:center;}
.vxn-hd-burger svg{width:22px;height:22px;}
.vxn-hd-mobile{display:none;}
@media (max-width:860px){
  .vxn-hd-nav,.vxn-hd-cta{display:none;}
  .vxn-hd-burger{display:inline-flex;}
  .vxn-hd-mobile{display:block;max-height:0;overflow:hidden;
    transition:max-height .38s var(--vxn-ease);
    background:var(--vxn-header-2);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);
    border-bottom:1px solid var(--vxn-line);}
  .vxn-hd-mobile.is-open{max-height:460px;}
  .vxn-hd-mlist{max-width:var(--vxn-shell);margin:0 auto;padding:8px 22px 22px;
    display:flex;flex-direction:column;gap:4px;}
  .vxn-hd-mlink{padding:14px 12px;border-radius:12px;font-weight:600;color:var(--vxn-ink-2);
    border:1px solid transparent;transition:background .2s,border-color .2s;}
  .vxn-hd-mlink:hover{background:var(--vxn-glass-2);border-color:var(--vxn-glass-brd);}
  .vxn-hd-mcta{margin-top:10px;justify-content:center;display:inline-flex;align-items:center;gap:8px;
    padding:15px 18px;border-radius:12px;font-weight:700;background:var(--vxn-grad-cta);
    color:var(--vxn-cta-ink);box-shadow:var(--vxn-glow-cta);}
}

/* ===================================================================
   IMAGES — real photos with graceful purple fallbacks
   =================================================================== */
.vxn-figure{position:relative;border-radius:var(--vxn-r);overflow:hidden;
  border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);background:var(--vxn-panel-2);}
.vxn-figure img{width:100%;height:100%;object-fit:cover;display:block;}
.vxn-ph{position:absolute;inset:0;display:none;align-items:center;justify-content:center;
  background:linear-gradient(150deg,#2a1d4d 0%,#7c3aed 60%,#a855f7 100%);color:#fff;}
.vxn-ph svg{width:40%;height:40%;opacity:.92;}
.vxn-figtag{position:absolute;left:13px;bottom:13px;z-index:2;display:inline-flex;align-items:center;gap:7px;
  padding:7px 13px;border-radius:999px;font-size:.76rem;font-weight:700;letter-spacing:.02em;color:#fff;
  background:rgba(11,8,24,.46);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
  border:1px solid rgba(255,255,255,.20);}
.vxn-ind-figure{aspect-ratio:4/3;margin-top:22px;}
.vxn-avatars{display:flex;align-items:center;}
.vxn-avatar{width:42px;height:42px;border-radius:50%;overflow:hidden;position:relative;flex:none;
  border:2px solid var(--vxn-panel);margin-left:-11px;
  background:linear-gradient(150deg,#7c3aed,#c084fc);box-shadow:0 2px 9px -2px rgba(76,29,149,.5);}
.vxn-avatar:first-child{margin-left:0;}
.vxn-avatar img{width:100%;height:100%;object-fit:cover;display:block;}
.vxn-avatar .vxn-ph{font-weight:800;font-size:.88rem;font-family:var(--vxn-font-display);}
.vxn-case-avatar{width:48px;height:48px;border-radius:50%;overflow:hidden;position:relative;flex:none;
  border:1px solid var(--vxn-glass-brd);background:linear-gradient(150deg,#7c3aed,#c084fc);}
.vxn-case-avatar img{width:100%;height:100%;object-fit:cover;display:block;}
.vxn-case-avatar .vxn-ph{font-weight:800;font-family:var(--vxn-font-display);}
.vxn-case-person{display:flex;align-items:center;gap:12px;margin-bottom:16px;}
.vxn-case-person .nm{font-family:var(--vxn-font-display);font-weight:700;font-size:.92rem;color:var(--vxn-ink);line-height:1.2;}
.vxn-case-person .rl{font-size:.8rem;color:var(--vxn-muted);}
.vxn-hero-proof{display:flex;align-items:center;gap:14px;margin-top:26px;flex-wrap:wrap;}
.vxn-hero-proof .txt{font-size:.86rem;color:var(--vxn-muted);max-width:24ch;line-height:1.45;}
.vxn-hero-proof .txt b{color:var(--vxn-ink-2);font-weight:700;}

/* ===================================================================
   NEW FOOTER  (.vxn-ft-*)
   =================================================================== */
.vxn-ft{position:relative;margin-top:96px;
  background:linear-gradient(180deg,var(--vxn-deep),var(--vxn-void));
  border-top:1px solid var(--vxn-line);}
.vxn-ft-cta{max-width:var(--vxn-shell);margin:0 auto;padding:58px 22px 8px;
  display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:26px;}
.vxn-ft-cta-copy h2{font-family:var(--vxn-font-display);font-weight:800;
  font-size:clamp(1.5rem,3vw,2.15rem);color:var(--vxn-ink);margin:0;letter-spacing:-.02em;
  max-width:20ch;line-height:1.12;}
.vxn-ft-cta-copy p{color:var(--vxn-muted);margin:10px 0 0;max-width:44ch;}
.vxn-ft-cta-btn{display:inline-flex;align-items:center;gap:9px;padding:15px 26px;border-radius:13px;
  font-weight:700;background:var(--vxn-grad-cta);color:var(--vxn-cta-ink);box-shadow:var(--vxn-glow-cta);
  white-space:nowrap;transition:transform .2s,box-shadow .2s;}
.vxn-ft-cta-btn:hover{transform:translateY(-2px);box-shadow:0 22px 50px -14px rgba(124,58,237,.6);}
.vxn-ft-grid{max-width:var(--vxn-shell);margin:34px auto 0;padding:42px 22px;
  display:grid;grid-template-columns:1.7fr 1fr 1fr 1fr;gap:32px;border-top:1px solid var(--vxn-line);}
.vxn-ft-brand p{color:var(--vxn-muted);font-size:.92rem;max-width:34ch;line-height:1.65;margin:14px 0 0;}
.vxn-ft-col h4{font-family:var(--vxn-font-display);font-size:.78rem;letter-spacing:.13em;
  text-transform:uppercase;color:var(--vxn-faint);margin:2px 0 14px;}
.vxn-ft-col a{display:block;color:var(--vxn-ink-2);font-size:.92rem;padding:7px 0;transition:color .2s;}
.vxn-ft-col a:hover{color:var(--vxn-blue);}
.vxn-ft-disc{max-width:var(--vxn-shell);margin:0 auto;padding:0 22px 26px;}
.vxn-ft-disc p{color:var(--vxn-faint);font-size:.78rem;line-height:1.65;
  border-top:1px dashed var(--vxn-line);padding-top:20px;margin:0;}
.vxn-ft-bottom{border-top:1px solid var(--vxn-line);}
.vxn-ft-bottom-in{max-width:var(--vxn-shell);margin:0 auto;padding:22px;
  display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;}
.vxn-ft-copy{color:var(--vxn-faint);font-size:.85rem;}
.vxn-ft-social{display:flex;gap:10px;}
.vxn-ft-social a{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;
  background:var(--vxn-glass-2);border:1px solid var(--vxn-glass-brd);color:var(--vxn-ink-2);
  transition:color .2s,border-color .2s,transform .2s;}
.vxn-ft-social a:hover{color:var(--vxn-blue);border-color:var(--vxn-blue);transform:translateY(-2px);}
.vxn-ft-social svg{width:18px;height:18px;}
@media (max-width:780px){.vxn-ft-grid{grid-template-columns:1fr 1fr;}.vxn-ft-brand{grid-column:1/-1;}}
@media (max-width:480px){.vxn-ft-grid{grid-template-columns:1fr;}}

.vxn-leak-money{margin-top:18px;padding:18px 20px;border-radius:16px;text-align:center;
  background:linear-gradient(160deg,rgba(244,63,94,.10),rgba(124,58,237,.06));
  border:1px solid var(--vxn-glass-brd);}
.vxn-leak-money .big{display:block;font-family:var(--vxn-font-display);font-weight:800;
  font-size:clamp(1.6rem,3vw,2.1rem);color:var(--vxn-red);letter-spacing:-.02em;}
.vxn-leak-money .sub{display:block;margin-top:6px;font-size:.84rem;color:var(--vxn-muted);line-height:1.5;}

/* ===================================================================
   ABOUT SECTION
   =================================================================== */
.vxn-about-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:46px;align-items:center;margin-top:42px;}
.vxn-about-figure{position:relative;border-radius:var(--vxn-r);overflow:hidden;
  border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);background:var(--vxn-panel-2);aspect-ratio:4/3;}
.vxn-about-figure img{width:100%;height:100%;object-fit:cover;display:block;}
.vxn-about-badge{position:absolute;left:16px;bottom:16px;z-index:2;display:flex;align-items:center;gap:12px;
  padding:12px 16px;border-radius:14px;background:rgba(11,8,24,.55);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
  border:1px solid rgba(255,255,255,.18);}
.vxn-about-badge .n{font-family:var(--vxn-font-display);font-weight:800;font-size:1.3rem;color:#fff;line-height:1;}
.vxn-about-badge .l{font-size:.74rem;color:rgba(255,255,255,.8);line-height:1.3;}
.vxn-about-lead{font-size:1.05rem;color:var(--vxn-ink-2);line-height:1.7;margin:18px 0 0;}
.vxn-about-lead b{color:var(--vxn-ink);font-weight:700;}
.vxn-about-points{display:grid;gap:14px;margin-top:24px;}
.vxn-about-point{display:flex;gap:13px;align-items:flex-start;}
.vxn-about-point .ic{width:34px;height:34px;flex:none;border-radius:10px;display:grid;place-items:center;
  background:linear-gradient(150deg,rgba(124,58,237,.16),rgba(192,132,252,.10));color:var(--vxn-blue);border:1px solid var(--vxn-glass-brd);}
.vxn-about-point .ic svg{width:18px;height:18px;}
.vxn-about-point h4{font-family:var(--vxn-font-display);font-weight:600;font-size:.98rem;color:var(--vxn-ink);margin:2px 0 3px;}
.vxn-about-point p{font-size:.88rem;color:var(--vxn-muted);line-height:1.55;margin:0;}
@media (max-width:820px){ .vxn-about-grid{grid-template-columns:1fr;gap:30px;} }
/* ===================================================================
   MEGA MENU
   =================================================================== */
.vxn-hd-mega-btn{background:transparent;border:0;font-family:inherit;cursor:pointer;display:inline-flex;align-items:center;gap:6px;}
.vxn-hd-chev{transition:transform .25s var(--vxn-ease);}
.vxn-hd-mega-btn[aria-expanded="true"]{color:var(--vxn-ink);}
.vxn-hd-mega-btn[aria-expanded="true"] .vxn-hd-chev{transform:rotate(180deg);}
.vxn-hd-mega{position:absolute;top:100%;left:0;right:0;z-index:99;
  background:var(--vxn-panel);
  border-top:1px solid var(--vxn-line);border-bottom:1px solid var(--vxn-glass-brd);
  box-shadow:0 36px 70px -34px rgba(76,29,149,.42);
  opacity:0;visibility:hidden;transform:translateY(-10px);pointer-events:none;
  transition:opacity .26s var(--vxn-ease),transform .26s var(--vxn-ease),visibility .26s;}
.vxn-hd-mega.is-open{opacity:1;visibility:visible;transform:none;pointer-events:auto;}
.vxn-hd-mega-in{max-width:var(--vxn-shell);margin:0 auto;padding:30px 22px 34px;
  display:grid;grid-template-columns:1.25fr 1fr 1.15fr;gap:30px;}
.vxn-hd-mega-col h4{font-family:var(--vxn-font-display);font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;
  color:var(--vxn-faint);margin:0 0 12px;padding-left:10px;}
.vxn-hd-mega-col a{display:flex;align-items:center;gap:12px;padding:10px;border-radius:12px;
  border:1px solid transparent;transition:background .18s,border-color .18s,transform .18s;}
.vxn-hd-mega-col a:hover{background:var(--vxn-glass-2);border-color:var(--vxn-glass-brd);transform:translateX(2px);}
.vxn-hd-mega-col a .ic{width:34px;height:34px;flex:none;border-radius:9px;display:grid;place-items:center;
  background:linear-gradient(150deg,rgba(124,58,237,.16),rgba(192,132,252,.10));color:var(--vxn-blue);border:1px solid var(--vxn-glass-brd);}
.vxn-hd-mega-col a .ic svg{width:18px;height:18px;}
.vxn-hd-mega-col a .tx b{display:block;font-family:var(--vxn-font-display);font-weight:600;font-size:.92rem;color:var(--vxn-ink);}
.vxn-hd-mega-col a .tx span{display:block;font-size:.78rem;color:var(--vxn-muted);margin-top:1px;}
.vxn-hd-mega-col:nth-child(2) a{padding:12px;}
.vxn-hd-mega-feature{background:linear-gradient(160deg,rgba(124,58,237,.10),rgba(192,132,252,.05));
  border:1px solid var(--vxn-glass-brd);border-radius:16px;padding:22px;display:flex;flex-direction:column;}
.vxn-hd-mega-feature h3{font-family:var(--vxn-font-display);font-weight:700;font-size:1.05rem;color:var(--vxn-ink);
  margin:10px 0 8px;line-height:1.25;letter-spacing:-.01em;}
.vxn-hd-mega-feature p{color:var(--vxn-muted);font-size:.86rem;line-height:1.55;margin:0 0 16px;}
.vxn-hd-mega-cta{margin-top:auto;align-self:flex-start;display:inline-flex;align-items:center;gap:8px;
  padding:11px 18px;border-radius:11px;font-weight:700;font-size:.86rem;background:var(--vxn-grad-cta);color:var(--vxn-cta-ink);box-shadow:var(--vxn-glow-cta);}
@media (max-width:860px){ .vxn-hd-mega{display:none !important;} }
@media (prefers-reduced-motion:reduce){ .vxn-hd-mega,.vxn-hd-chev{transition:none !important;} }

/* ===================================================================
   HERO v3 — particles.js network + centered creative layout
   =================================================================== */
.vxn-hero{position:relative;overflow:hidden;min-height:clamp(580px,88vh,880px);
  display:flex;align-items:center;padding-top:48px;padding-bottom:56px;}
#vxn-particles{position:absolute;inset:0;z-index:0;}
#vxn-particles canvas{display:block !important;}
.vxn-hero-glow{position:absolute;inset:0;z-index:0;pointer-events:none;background:
  radial-gradient(640px 440px at 50% 30%, rgba(124,58,237,.16), transparent 70%),
  radial-gradient(520px 380px at 84% 72%, rgba(192,132,252,.12), transparent 70%),
  radial-gradient(480px 360px at 12% 78%, rgba(168,85,247,.10), transparent 70%);}
.vxn-hero .vxn-shell{position:relative;z-index:2;}
.vxn-hero-center{max-width:900px;margin:0 auto;text-align:center;display:flex;flex-direction:column;align-items:center;}
.vxn-hero-center .vxn-h1{margin:16px auto 0;}
.vxn-hero-center .vxn-lead{margin:20px auto 0;text-align:center;}
.vxn-hero-center .vxn-hero-cta{justify-content:center;margin-top:30px;display:flex;gap:14px;flex-wrap:wrap;}
.vxn-hero-center .vxn-hero-proof{justify-content:center;margin-top:28px;}
.vxn-hero-metrics{margin-top:40px;padding:6px;border-radius:18px;width:100%;max-width:800px;}
.vxn-hero-metrics .cap{text-align:center;font-size:.82rem;font-weight:700;color:var(--vxn-red);
  padding:12px 16px 11px;line-height:1.4;}
.vxn-hm-row{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--vxn-line);}
.vxn-hm-row .cell{padding:16px 14px 18px;text-align:center;position:relative;}
.vxn-hm-row .cell + .cell::before{content:"";position:absolute;left:0;top:22%;bottom:22%;width:1px;background:var(--vxn-line);}
.vxn-hm-row .v{font-family:var(--vxn-font-display);font-weight:800;font-size:clamp(1.35rem,2.5vw,1.9rem);color:var(--vxn-ink);letter-spacing:-.02em;}
.vxn-hm-row .v.g{color:var(--vxn-green);}
.vxn-hm-row .v.c{color:var(--vxn-blue);}
.vxn-hm-row .k{font-size:.74rem;color:var(--vxn-muted);margin-top:5px;letter-spacing:.01em;line-height:1.3;}
@media (max-width:620px){
  .vxn-hm-row{grid-template-columns:repeat(2,1fr);}
  .vxn-hm-row .cell:nth-child(3)::before{display:none;}
}
@media (prefers-reduced-motion:reduce){
  .vxn-hd,.vxn-hd-bar,.vxn-hd-mobile,.vxn-hd-link::after,.vxn-hd-cta,.vxn-hd-toggle,
  .vxn-ft-cta-btn,.vxn-ft-social a,.vxn-about-point{transition:none !important;}
}
/* ----- hero text glow + typewriter caret + lead highlight ----- */
.vxn-hero-center .vxn-h1{text-shadow:0 0 38px rgba(124,58,237,.14);}
.vxn-hero-break{display:block;margin-top:.08em;}
:root[data-theme="dark"] .vxn-hero-center .vxn-h1{text-shadow:0 0 48px rgba(124,58,237,.45);}
.vxn-hero-center .vxn-grad-txt{text-shadow:none;
  filter:drop-shadow(0 0 14px rgba(124,58,237,.45)) drop-shadow(0 0 28px rgba(192,132,252,.30));}
.vxn-hl{color:var(--vxn-blue);}
:root[data-theme="dark"] .vxn-hl{color:var(--vxn-cyan);}
.vxn-hero-center .vxn-lead strong{color:var(--vxn-blue);font-weight:700;}
:root[data-theme="dark"] .vxn-hero-center .vxn-lead strong{color:var(--vxn-cyan);}
.vxn-caret{display:inline-block;width:3px;height:.92em;margin-left:5px;vertical-align:-1px;border-radius:2px;
  background:linear-gradient(180deg,#7c3aed,#c084fc);box-shadow:0 0 12px rgba(124,58,237,.75);
  animation:vxn-blink 1.05s steps(1) infinite;}
@keyframes vxn-blink{0%,50%{opacity:1}50.01%,100%{opacity:0}}
@media (prefers-reduced-motion:reduce){ .vxn-caret{animation:none;display:none;} }
/* ----- section 2 : animated funnel (flowing leads + happy booked) ----- */
.vxn-funnel-anim{width:100%;max-width:330px;display:block;margin:0 auto;overflow:visible;}
.vxn-flow{fill:#a855f7;animation:vxn-pflow 2.7s linear infinite;}
.vxn-flow.f1{animation-delay:0s;}
.vxn-flow.f2{animation-delay:.45s;}
.vxn-flow.f3{animation-delay:.95s;}
.vxn-flow.f4{animation-delay:1.4s;}
.vxn-flow.f5{animation-delay:1.85s;}
.vxn-flow.f6{animation-delay:2.3s;}
@keyframes vxn-pflow{
  0%{transform:translateY(0);opacity:0;}
  10%{opacity:1;}
  86%{opacity:.95;}
  100%{transform:translateY(262px);opacity:0;}
}
.vxn-leak{fill:#f43f5e;}
.vxn-leak.l1,.vxn-leak.l2,.vxn-leak.l3{animation:vxn-leakL 2.7s ease-in infinite;}
.vxn-leak.r1,.vxn-leak.r2,.vxn-leak.r3{animation:vxn-leakR 2.7s ease-in infinite;}
.vxn-leak.l1{animation-delay:.3s;}
.vxn-leak.r1{animation-delay:.9s;}
.vxn-leak.r2{animation-delay:.6s;}
.vxn-leak.l2{animation-delay:1.5s;}
.vxn-leak.r3{animation-delay:1.2s;}
.vxn-leak.l3{animation-delay:2s;}
@keyframes vxn-leakL{0%{transform:translate(0,0);opacity:0;}20%{opacity:.9;}100%{transform:translate(-30px,18px);opacity:0;}}
@keyframes vxn-leakR{0%{transform:translate(0,0);opacity:0;}20%{opacity:.9;}100%{transform:translate(30px,18px);opacity:0;}}
.vxn-joy-glow{transform-box:fill-box;transform-origin:center;animation:vxn-joy-pulse 2.4s ease-in-out infinite;}
@keyframes vxn-joy-pulse{0%,100%{transform:scale(.9);opacity:.45;}50%{transform:scale(1.14);opacity:.82;}}
.vxn-joy-face{transform-box:fill-box;transform-origin:center;animation:vxn-joy-bob 2.4s ease-in-out infinite;}
@keyframes vxn-joy-bob{0%,100%{transform:translateY(0) scale(1);}50%{transform:translateY(-2px) scale(1.05);}}
.vxn-spark{transform-box:fill-box;transform-origin:center;animation:vxn-twinkle 1.9s ease-in-out infinite;}
.vxn-spark.s2{animation-delay:.6s;}
.vxn-spark.s3{animation-delay:1.15s;}
@keyframes vxn-twinkle{0%,100%{opacity:.15;transform:scale(.6);}50%{opacity:1;transform:scale(1.1);}}
@media (prefers-reduced-motion:reduce){
  .vxn-flow,.vxn-leak,.vxn-spark{display:none;}
  .vxn-joy-glow,.vxn-joy-face{animation:none;}
}
/* ----- section 3 : Method phases (image-rich, alternating) ----- */
.vxn-phases{display:flex;flex-direction:column;gap:40px;margin-top:48px;}
.vxn-phase{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center;}
.vxn-phase:nth-child(even) .vxn-phase-figure{order:2;}
.vxn-phase-figure{position:relative;border-radius:var(--vxn-r);overflow:hidden;aspect-ratio:4/3;
  border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);background:var(--vxn-panel-2);}
.vxn-phase-figure img{width:100%;height:100%;object-fit:cover;display:block;}
.vxn-phase-badge{position:absolute;left:14px;top:14px;z-index:2;
  font-family:var(--vxn-font-display);font-weight:800;font-size:1.05rem;color:#fff;
  width:46px;height:46px;display:grid;place-items:center;border-radius:13px;
  background:linear-gradient(150deg,rgba(124,58,237,.94),rgba(168,85,247,.94));
  border:1px solid rgba(255,255,255,.25);box-shadow:0 8px 22px -8px rgba(76,29,149,.6);}
.vxn-phase-tag{display:inline-block;font-family:var(--vxn-font-display);font-size:.76rem;font-weight:700;
  letter-spacing:.08em;text-transform:uppercase;color:var(--vxn-blue);
  padding:6px 12px;border-radius:999px;background:rgba(124,58,237,.10);
  border:1px solid var(--vxn-glass-brd);margin-bottom:14px;}
.vxn-phase-body h3{margin:0 0 10px;}
.vxn-phase-body > p{color:var(--vxn-ink-2);font-size:1rem;line-height:1.6;margin:0;}
.vxn-phase-steps{list-style:none;padding:0;margin:20px 0 0;display:grid;gap:12px;}
.vxn-phase-steps li{display:flex;gap:14px;align-items:flex-start;padding:11px 14px;border-radius:12px;
  background:var(--vxn-glass-2);border:1px solid var(--vxn-glass-brd);
  transition:transform .25s var(--vxn-ease),border-color .25s;}
.vxn-phase-steps li:hover{transform:translateX(3px);border-color:var(--vxn-blue);}
.vxn-phase-steps .n{font-family:var(--vxn-font-mono);font-weight:700;color:var(--vxn-blue);font-size:.9rem;
  width:24px;flex:none;padding-top:2px;}
.vxn-phase-steps b{display:block;font-family:var(--vxn-font-display);font-weight:600;color:var(--vxn-ink);font-size:.96rem;}
.vxn-phase-steps .d{display:block;font-size:.85rem;color:var(--vxn-muted);line-height:1.5;margin-top:2px;}
@media (max-width:840px){
  .vxn-phase{grid-template-columns:1fr;gap:22px;}
  .vxn-phase .vxn-phase-figure,
  .vxn-phase:nth-child(even) .vxn-phase-figure{order:-1;}
}
@media (prefers-reduced-motion:reduce){ .vxn-phase-steps li{transition:none;} }
/* ----- section 2 : parallax + falling background ----- */
.vxn-sec2{position:relative;overflow:hidden;}
.vxn-sec2 > .vxn-shell{position:relative;z-index:1;}
.vxn-sec2-bg{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden;}
.vxn-p-layer{position:absolute;inset:-12% 0;will-change:transform;}
.vxn-blob{position:absolute;border-radius:50%;filter:blur(60px);opacity:.55;}
.vxn-blob.b1{width:46vw;max-width:560px;aspect-ratio:1;left:-8%;top:6%;
  background:radial-gradient(circle,rgba(124,58,237,.18),transparent 70%);}
.vxn-blob.b2{width:40vw;max-width:480px;aspect-ratio:1;right:-6%;bottom:0%;
  background:radial-gradient(circle,rgba(192,132,252,.15),transparent 70%);}
.vxn-p-mid{background-image:
   linear-gradient(rgba(var(--ln),.05) 1px,transparent 1px),
   linear-gradient(90deg,rgba(var(--ln),.05) 1px,transparent 1px);
  background-size:46px 46px;
  -webkit-mask-image:radial-gradient(ellipse at 50% 38%,#000 32%,transparent 78%);
  mask-image:radial-gradient(ellipse at 50% 38%,#000 32%,transparent 78%);}
.vxn-fall{position:absolute;top:-8%;width:var(--s,5px);height:var(--s,5px);border-radius:50%;
  background:var(--c,#a855f7);box-shadow:0 0 8px rgba(168,85,247,.5);opacity:0;
  animation:vxn-fall var(--dur,10s) linear var(--d,0s) infinite;}
.vxn-fall-red{--c:#f43f5e;box-shadow:0 0 8px rgba(244,63,94,.5);}
@keyframes vxn-fall{
  0%{transform:translate3d(0,0,0);opacity:0;}
  8%{opacity:.85;}
  88%{opacity:.5;}
  100%{transform:translate3d(var(--x,0),132vh,0);opacity:0;}
}
@media (prefers-reduced-motion:reduce){
  .vxn-fall{display:none;}
  .vxn-p-layer{transform:none !important;}
}

/* ----- section 3 (Method) : image-backed parallax ----- */
.vxn-parallax-host{position:relative;overflow:hidden;}
.vxn-parallax-host > .vxn-shell{position:relative;z-index:1;}
.vxn-m3-bg{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden;}
.vxn-m3-img{background:
    radial-gradient(45% 55% at 12% 8%, rgba(124,58,237,.14), transparent 68%),
    radial-gradient(45% 55% at 88% 12%, rgba(192,132,252,.12), transparent 68%),
    radial-gradient(62% 60% at 50% 100%, rgba(139,92,246,.10), transparent 72%);}
:root[data-theme="dark"] .vxn-m3-img{filter:brightness(1.25);}
/* ----- strategy board : connected colour-tile redesign ----- */
.vxn-board::before{background:
  linear-gradient(rgba(var(--ln),.045) 1px,transparent 1px),
  linear-gradient(90deg,rgba(var(--ln),.045) 1px,transparent 1px);
  background-size:16.66% 16.66%;opacity:.7;}
.vxn-board-net{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none;}
.vxn-board-net .net-flow polyline{animation:vxn-netflow 1.6s linear infinite;}
@keyframes vxn-netflow{to{stroke-dashoffset:-16;}}
.vxn-piece-disc{border-radius:18px;
  background:radial-gradient(circle at 32% 26%,rgba(255,255,255,.42),transparent 54%),var(--pc,#a855f7);
  border:1px solid rgba(255,255,255,.34);
  box-shadow:0 12px 26px -10px var(--pc,rgba(168,85,247,.6)),inset 0 -7px 16px rgba(0,0,0,.2),inset 0 1px 1px rgba(255,255,255,.5);}
.vxn-piece-disc svg{color:#fff;}
.vxn-piece-lbl{color:#fff;opacity:.96;}
.vxn-piece-glow{opacity:.55;filter:blur(11px);inset:-28%;}

/* ----- industries : focus split + vertical journey + specialties (redesigned) ----- */
.vxn-ind2-grid{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:stretch;margin-top:46px;}
.vxn-ind2-figure{position:relative;border-radius:var(--vxn-r);overflow:hidden;min-height:430px;
  border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);background:var(--vxn-panel-2);}
.vxn-ind2-figure img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;}
.vxn-ind2-badge{position:absolute;z-index:2;display:inline-flex;align-items:center;gap:8px;
  font-family:var(--vxn-font-display);font-weight:600;font-size:.78rem;color:#fff;
  padding:8px 13px;border-radius:999px;background:rgba(20,12,40,.55);
  backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.22);}
.vxn-ind2-badge.top{left:16px;top:16px;}
.vxn-ind2-badge.bot{left:16px;bottom:16px;font-family:var(--vxn-font-mono);font-size:.72rem;font-weight:500;}
.vxn-ind2-journey{display:flex;flex-direction:column;justify-content:center;}
.vxn-vjourney{list-style:none;margin:22px 0 0;padding:0;position:relative;}
.vxn-vjourney::before{content:"";position:absolute;left:23px;top:23px;bottom:23px;width:2px;background:var(--vxn-line);}
.vxn-vjourney::after{content:"";position:absolute;left:23px;top:23px;bottom:23px;width:2px;
  background:linear-gradient(180deg,var(--ac1),var(--ac2),var(--ac1));background-size:100% 220%;
  opacity:.75;animation:vxn-vrail 3s linear infinite;}
@keyframes vxn-vrail{to{background-position:0 -220%;}}
.vxn-vstep{position:relative;display:flex;gap:16px;align-items:flex-start;padding-bottom:24px;}
.vxn-vstep:last-child{padding-bottom:0;}
.vxn-vstep .vxn-jdot{flex:none;position:relative;z-index:1;}
.vxn-vtxt{padding-top:5px;}
.vxn-vtxt b{display:block;font-family:var(--vxn-font-display);font-weight:600;color:var(--vxn-ink);font-size:1rem;}
.vxn-vtxt .s{font-family:var(--vxn-font-mono);font-size:.66rem;letter-spacing:.05em;text-transform:uppercase;color:var(--vxn-faint);}
.vxn-spec-head{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;margin:50px 0 18px;}
.vxn-spec-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:14px;}
.vxn-spec{position:relative;display:flex;gap:15px;align-items:flex-start;padding:16px 18px 16px 20px;border-radius:14px;
  overflow:hidden;background:var(--vxn-glass-2);border:1px solid var(--vxn-glass-brd);
  transition:transform .3s var(--vxn-ease),border-color .3s;}
.vxn-spec::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;
  background:linear-gradient(180deg,var(--vxn-blue),var(--vxn-cyan));opacity:0;transition:opacity .3s;}
.vxn-spec:hover{transform:translateY(-4px);border-color:var(--vxn-blue);}
.vxn-spec:hover::before{opacity:1;}
.vxn-spec .ic{width:42px;height:42px;border-radius:11px;flex:none;display:grid;place-items:center;
  background:rgba(124,58,237,.1);color:var(--vxn-blue);}
.vxn-spec .ic svg{width:22px;height:22px;}
.vxn-spec h4{margin:0 0 4px;font-family:var(--vxn-font-display);font-size:1rem;color:var(--vxn-ink);}
.vxn-spec p{margin:0;font-size:.85rem;color:var(--vxn-muted);line-height:1.5;}
@media (max-width:840px){
  .vxn-ind2-grid{grid-template-columns:1fr;gap:24px;}
  .vxn-ind2-figure{min-height:300px;}
}
@media (prefers-reduced-motion:reduce){
  .vxn-board-net .net-flow polyline{animation:none;}
  .vxn-vjourney::after{animation:none;}
}
/* ----- website before/after : detailed site mockups ----- */
.vxn-ba-layer{padding:0;}
.vxn-ba-after{background:linear-gradient(180deg,#ffffff,#f7f4ff);}
.vxn-ba-before{background:linear-gradient(180deg,#e9ebef,#dfe2e8);clip-path:inset(0 calc(100% - var(--pos)) 0 0);}
.vxn-ba-handle{background:var(--vxn-blue);box-shadow:0 0 14px rgba(124,58,237,.6);}
.vxn-ba-knob{background:#fff;border-color:var(--vxn-blue);}
.vxn-ba-knob svg{color:var(--vxn-blue);}
.vxn-st{position:absolute;inset:0;display:flex;flex-direction:column;overflow:hidden;}
.vxn-st-nav{display:flex;align-items:center;justify-content:space-between;padding:9px 13px;border-bottom:1px solid rgba(27,18,51,.08);background:rgba(255,255,255,.6);}
.vxn-st-logo{display:flex;align-items:center;gap:6px;font-family:var(--vxn-font-display);font-weight:800;font-size:.64rem;color:#1b1233;white-space:nowrap;}
.vxn-st-logo i{width:14px;height:14px;border-radius:5px;background:linear-gradient(135deg,#7c3aed,#c084fc);flex:none;}
.vxn-st-links{display:flex;gap:8px;}
.vxn-st-links b{width:22px;height:5px;border-radius:3px;background:rgba(27,18,51,.16);}
.vxn-st-btn{font-family:var(--vxn-font-display);font-size:.6rem;font-weight:700;color:#fff;background:linear-gradient(135deg,#7c3aed,#a855f7);border-radius:7px;padding:5px 12px;white-space:nowrap;}
.vxn-st-hero{flex:1;display:flex;gap:13px;padding:15px 13px;align-items:center;}
.vxn-st-htext{flex:1.25;display:flex;flex-direction:column;gap:7px;min-width:0;}
.vxn-st-h1{font-family:var(--vxn-font-display);font-weight:800;font-size:.96rem;line-height:1.12;color:#1b1233;}
.vxn-st-sub{height:6px;border-radius:3px;background:rgba(27,18,51,.12);width:92%;}
.vxn-st-sub.s{width:64%;}
.vxn-st-ctarow{display:flex;align-items:center;gap:8px;margin-top:5px;flex-wrap:wrap;}
.vxn-st-cta{font-family:var(--vxn-font-display);font-size:.64rem;font-weight:700;color:#fff;background:linear-gradient(135deg,#7c3aed,#a855f7);border-radius:8px;padding:7px 14px;box-shadow:0 7px 16px -6px rgba(124,58,237,.6);white-space:nowrap;}
.vxn-st-call{display:inline-flex;align-items:center;gap:5px;font-family:var(--vxn-font-display);font-size:.6rem;font-weight:700;color:#7c3aed;border:1px solid rgba(124,58,237,.32);border-radius:8px;padding:6px 10px;white-space:nowrap;}
.vxn-st-call svg{width:11px;height:11px;}
.vxn-st-stars{display:flex;align-items:center;gap:6px;font-size:.72rem;color:#f59e0b;margin-top:2px;letter-spacing:1px;}
.vxn-st-stars span{color:#675d86;font-family:var(--vxn-font-mono);font-size:.56rem;letter-spacing:0;}
.vxn-st-himg{flex:.85;align-self:stretch;border-radius:10px;min-height:74px;position:relative;overflow:hidden;
  background:linear-gradient(150deg,#a855f7,#7c3aed);box-shadow:0 8px 20px -8px rgba(124,58,237,.55);}
.vxn-st-himg::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 70% 28%,rgba(255,255,255,.4),transparent 58%);}
.vxn-st-trust{display:flex;gap:7px;padding:0 13px 13px;}
.vxn-st-trust span{flex:1;height:15px;border-radius:5px;background:rgba(16,185,129,.16);border:1px solid rgba(16,185,129,.2);}
/* dated / bad site */
.vxn-st-nav.bad{padding:8px 11px;border-bottom:1px solid rgba(51,65,90,.14);background:#eceef2;}
.vxn-st-logo.bad{font-family:var(--vxn-font-body);font-weight:700;font-size:.6rem;color:#3a4a63;}
.vxn-st-links.bad{gap:6px;}
.vxn-st-links.bad b{width:15px;height:4px;background:rgba(58,74,99,.4);}
.vxn-st-body{flex:1;padding:13px 13px 12px;display:flex;flex-direction:column;gap:6px;}
.vxn-st-bh{font-family:var(--vxn-font-body);font-weight:700;font-size:.66rem;color:#46586f;margin-bottom:3px;}
.vxn-st-txt{height:5px;border-radius:2px;background:rgba(58,74,99,.2);width:100%;}
.vxn-st-txt.s{width:72%;}
.vxn-st-submit{margin-top:7px;align-self:flex-start;font-family:var(--vxn-font-body);font-size:.6rem;font-weight:600;color:#5b6b85;background:#d2d7df;border:1px solid #c0c6d0;border-radius:5px;padding:6px 13px;}
@media (prefers-reduced-motion:reduce){}
/* ===== gradient touch-ups ===== */
.vxn-divider{border:none;height:1px;background:linear-gradient(90deg,transparent,rgba(124,58,237,.28),rgba(192,132,252,.30),transparent);}

/* ===== footer : interactive + gradients ===== */
.vxn-ft{overflow:hidden;}
.vxn-ft::before{content:"";position:absolute;top:0;left:0;right:0;height:2px;z-index:2;
  background:linear-gradient(90deg,transparent,#7c3aed,#a855f7,#c084fc,#a855f7,#7c3aed,transparent);background-size:200% 100%;
  animation:vxn-ftline 6s linear infinite;}
@keyframes vxn-ftline{to{background-position:200% 0;}}
.vxn-ft-glow{position:absolute;top:-60px;left:50%;width:78%;max-width:880px;height:320px;pointer-events:none;z-index:0;
  transform:translateX(-50%);background:radial-gradient(ellipse at center,rgba(124,58,237,.18),transparent 70%);
  animation:vxn-ftglow 7s ease-in-out infinite;}
@keyframes vxn-ftglow{0%,100%{opacity:.55;transform:translateX(-50%) scale(1);}50%{opacity:1;transform:translateX(-50%) scale(1.08);}}
.vxn-ft-cta,.vxn-ft-grid,.vxn-ft-disc,.vxn-ft-bottom{position:relative;z-index:1;}
.vxn-ft-cta-btn{position:relative;overflow:hidden;}
.vxn-ft-cta-btn::after{content:"";position:absolute;top:0;left:-65%;width:42%;height:100%;transform:skewX(-18deg);
  background:linear-gradient(105deg,transparent,rgba(255,255,255,.4),transparent);animation:vxn-shimmer 3.6s ease-in-out infinite;}
@keyframes vxn-shimmer{0%,70%{left:-65%;}100%{left:135%;}}
.vxn-ft-cta-btn > svg{position:relative;z-index:1;transition:transform .25s var(--vxn-ease);}
.vxn-ft-cta-btn:hover > svg{transform:translateX(4px);}
.vxn-ft-col a{position:relative;transition:color .22s,padding-left .22s;}
.vxn-ft-col a::before{content:"";position:absolute;left:0;top:50%;width:9px;height:2px;border-radius:2px;
  transform:translateY(-50%) scaleX(0);transform-origin:left;background:linear-gradient(90deg,#7c3aed,#c084fc);transition:transform .22s;}
.vxn-ft-col a:hover{color:var(--vxn-blue);padding-left:15px;}
.vxn-ft-col a:hover::before{transform:translateY(-50%) scaleX(1);}
.vxn-ft-social a{position:relative;overflow:hidden;
  transition:color .2s,border-color .2s,transform .25s var(--vxn-ease),box-shadow .25s;}
.vxn-ft-social a > svg{position:relative;z-index:1;}
.vxn-ft-social a::before{content:"";position:absolute;inset:0;opacity:0;transition:opacity .25s;
  background:linear-gradient(135deg,#7c3aed,#a855f7);}
.vxn-ft-social a:hover{color:#fff;border-color:transparent;transform:translateY(-3px);box-shadow:0 10px 24px -8px rgba(124,58,237,.55);}
.vxn-ft-social a:hover::before{opacity:1;}
.vxn-ft-brand .vxn-hd-mark{filter:drop-shadow(0 0 10px rgba(124,58,237,.4));}

/* ===== FOMO single-quote rotator (below footer) ===== */
.vxn-fomo{position:relative;overflow:hidden;padding:26px 22px;display:flex;justify-content:center;
  background:linear-gradient(90deg,#6d28d9,#7c3aed,#a855f7,#7c3aed,#6d28d9);background-size:220% 100%;
  animation:vxn-fomobg 14s ease infinite;}
@keyframes vxn-fomobg{0%,100%{background-position:0% 0;}50%{background-position:100% 0;}}
.vxn-fomo-stage{position:relative;width:100%;max-width:var(--vxn-shell);min-height:30px;}
.vxn-fomo-q{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:0;text-align:center;
  font-family:var(--vxn-font-display);font-weight:600;font-size:clamp(.95rem,2vw,1.18rem);color:#fff;padding:0 8px;
  opacity:0;transform:translateY(14px);transition:opacity .55s var(--vxn-ease),transform .55s var(--vxn-ease);}
.vxn-fomo-q.is-on{opacity:1;transform:translateY(0);}
.vxn-fomo-q.is-out{opacity:0;transform:translateY(-14px);}
@media (prefers-reduced-motion:reduce){.vxn-fomo{animation:none;}.vxn-fomo-q{transition:none;}}

/* ===== floating action buttons : WhatsApp + Get in touch ===== */
.vxn-fab{position:fixed;right:22px;bottom:24px;z-index:85;display:flex;flex-direction:column;gap:13px;align-items:flex-end;}
.vxn-fab a{position:relative;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;
  box-shadow:0 12px 30px -8px rgba(0,0,0,.32);transition:transform .25s var(--vxn-ease),box-shadow .25s;}
.vxn-fab a:hover{transform:translateY(-3px) scale(1.04);}
.vxn-fab-wa{width:56px;height:56px;border-radius:50%;background:linear-gradient(145deg,#25d366,#0e9f6e);color:#fff;}
.vxn-fab-wa svg{width:30px;height:30px;}
.vxn-fab-wa:hover{box-shadow:0 16px 36px -8px rgba(37,211,102,.6);}
.vxn-fab-wa::after{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid #25d366;
  animation:vxn-fabpulse 2.6s ease-out infinite;}
@keyframes vxn-fabpulse{0%{transform:scale(1);opacity:.7;}100%{transform:scale(1.55);opacity:0;}}
.vxn-fab-gt{gap:9px;padding:0 20px;height:56px;border-radius:30px;color:#fff;
  background:linear-gradient(135deg,#7c3aed,#a855f7,#c084fc);background-size:170% 170%;
  font-family:var(--vxn-font-display);font-weight:700;font-size:.92rem;animation:vxn-fabgrad 5s ease infinite;}
.vxn-fab-gt svg{width:20px;height:20px;}
.vxn-fab-gt:hover{box-shadow:0 16px 36px -8px rgba(124,58,237,.6);}
@keyframes vxn-fabgrad{0%,100%{background-position:0% 50%;}50%{background-position:100% 50%;}}
@media (max-width:780px){
  .vxn-fab{right:16px;bottom:82px;}
  .vxn-fab-gt span{display:none;}
  .vxn-fab-gt{width:56px;padding:0;border-radius:50%;}
}
@media (prefers-reduced-motion:reduce){
  .vxn-ft::before,.vxn-ft-glow,.vxn-ft-cta-btn::after,.vxn-fomo-track,.vxn-fab-gt{animation:none;}
  .vxn-fab-wa::after{display:none;}
  .vxn-fomo-track{flex-wrap:wrap;justify-content:center;}
}
/* ===== footer newsletter ===== */
.vxn-news{margin-top:24px;max-width:350px;}
.vxn-news-label{display:block;font-family:var(--vxn-font-display);font-weight:700;font-size:.96rem;color:var(--vxn-ink);}
.vxn-news-sub{color:var(--vxn-muted);font-size:.84rem;line-height:1.5;margin:6px 0 12px;}
.vxn-news-row{display:flex;gap:8px;padding:5px;border-radius:13px;background:var(--vxn-glass-2);
  border:1px solid var(--vxn-glass-brd);transition:border-color .2s,box-shadow .2s;}
.vxn-news-row:focus-within{border-color:var(--vxn-blue);box-shadow:0 0 0 3px rgba(124,58,237,.13);}
.vxn-news-row input{flex:1;min-width:0;background:transparent;border:none;outline:none;
  font-family:var(--vxn-font-body);font-size:.9rem;color:var(--vxn-ink);padding:8px 10px;}
.vxn-news-row input::placeholder{color:var(--vxn-faint);}
.vxn-news-row button{flex:none;width:44px;border:none;cursor:pointer;border-radius:9px;color:#fff;display:grid;place-items:center;
  background:linear-gradient(135deg,#7c3aed,#a855f7);transition:transform .2s,box-shadow .2s;}
.vxn-news-row button:hover{transform:translateY(-1px);box-shadow:0 8px 20px -6px rgba(124,58,237,.6);}
.vxn-news-row button svg{width:17px;height:17px;}
.vxn-news-msg{display:inline-flex;align-items:center;gap:6px;margin-top:11px;font-size:.82rem;font-weight:600;color:var(--vxn-green);}

/* ===== floating button : works as <button> too ===== */
.vxn-fab button{position:relative;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;border:none;
  box-shadow:0 12px 30px -8px rgba(0,0,0,.32);transition:transform .25s var(--vxn-ease),box-shadow .25s;}
.vxn-fab button:hover{transform:translateY(-3px) scale(1.04);}

/* ===== audit modal ===== */
.vxn-modal{position:fixed;inset:0;z-index:120;display:flex;align-items:center;justify-content:center;padding:20px;
  opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s;}
.vxn-modal.is-open{opacity:1;visibility:visible;}
.vxn-modal-backdrop{position:absolute;inset:0;background:rgba(10,6,22,.6);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);}
.vxn-modal-card{position:relative;z-index:1;width:100%;max-width:460px;max-height:90vh;overflow:auto;
  background:var(--vxn-panel);border:1px solid var(--vxn-glass-brd);border-radius:20px;padding:30px 28px 28px;
  box-shadow:0 40px 90px -20px rgba(0,0,0,.5);transform:translateY(16px) scale(.98);transition:transform .35s var(--vxn-ease);}
.vxn-modal.is-open .vxn-modal-card{transform:none;}
.vxn-modal-card::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;border-radius:20px 20px 0 0;
  background:linear-gradient(90deg,#7c3aed,#a855f7,#c084fc);}
.vxn-modal-x{position:absolute;top:14px;right:14px;width:34px;height:34px;border-radius:9px;border:1px solid var(--vxn-glass-brd);
  background:var(--vxn-glass-2);color:var(--vxn-muted);display:grid;place-items:center;cursor:pointer;transition:color .2s,border-color .2s;}
.vxn-modal-x:hover{color:var(--vxn-ink);border-color:var(--vxn-blue);}
.vxn-modal-x svg{width:16px;height:16px;}
.vxn-modal-head h3{font-family:var(--vxn-font-display);font-weight:800;font-size:1.42rem;color:var(--vxn-ink);margin:9px 0 8px;letter-spacing:-.02em;}
.vxn-modal-head p{color:var(--vxn-muted);font-size:.92rem;line-height:1.55;margin:0 0 20px;}
.vxn-audit-form{display:flex;flex-direction:column;gap:13px;}
.vxn-audit-form label{display:flex;flex-direction:column;gap:6px;font-family:var(--vxn-font-display);font-weight:600;font-size:.78rem;color:var(--vxn-ink-2);}
.vxn-field-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px;}
.vxn-audit-form input{font-family:var(--vxn-font-body);font-size:.92rem;color:var(--vxn-ink);
  background:var(--vxn-glass-2);border:1px solid var(--vxn-glass-brd);border-radius:10px;padding:11px 13px;transition:border-color .2s,box-shadow .2s;}
.vxn-audit-form input::placeholder{color:var(--vxn-faint);}
.vxn-audit-form input:focus{outline:none;border-color:var(--vxn-blue);box-shadow:0 0 0 3px rgba(124,58,237,.15);}
.vxn-audit-note{font-size:.8rem;color:var(--vxn-muted);line-height:1.5;margin:2px 0 4px;padding:10px 12px;border-radius:10px;
  background:rgba(124,58,237,.06);border:1px solid var(--vxn-glass-brd);transition:background .25s,border-color .25s,color .25s;}
.vxn-audit-note a{color:var(--vxn-blue);font-weight:600;}
.vxn-audit-note.is-warn{background:rgba(244,63,94,.1);border-color:rgba(244,63,94,.45);color:var(--vxn-ink-2);}
.vxn-audit-submit{margin-top:4px;display:inline-flex;align-items:center;justify-content:center;gap:9px;
  font-family:var(--vxn-font-display);font-weight:700;font-size:.95rem;color:#fff;border:none;cursor:pointer;
  background:linear-gradient(135deg,#7c3aed,#a855f7,#c084fc);background-size:170% 170%;border-radius:12px;padding:14px;
  box-shadow:0 14px 30px -10px rgba(124,58,237,.6);transition:transform .2s,box-shadow .2s,background-position .45s;}
.vxn-audit-submit:hover{transform:translateY(-2px);background-position:100% 50%;box-shadow:0 18px 38px -10px rgba(124,58,237,.7);}
.vxn-audit-submit svg{width:17px;height:17px;}
.vxn-audit-done{text-align:center;padding:14px 0 6px;}
.vxn-audit-done .ok{width:58px;height:58px;border-radius:50%;margin:0 auto 16px;display:grid;place-items:center;color:#fff;
  background:linear-gradient(135deg,#10b981,#34d399);box-shadow:0 12px 28px -8px rgba(16,185,129,.6);}
.vxn-audit-done .ok svg{width:28px;height:28px;}
.vxn-audit-done h4{font-family:var(--vxn-font-display);font-weight:700;font-size:1.2rem;color:var(--vxn-ink);margin:0 0 8px;}
.vxn-audit-done p{color:var(--vxn-muted);font-size:.92rem;line-height:1.55;margin:0;}
.vxn-audit-done #vxn-audit-url{color:var(--vxn-blue);font-weight:600;word-break:break-all;}
@media (max-width:480px){.vxn-field-grid{grid-template-columns:1fr;}}

/* ===== RESULTS PAGE ===== */
/* =====================================================================
   VAYUNEX — RESULTS PAGE additions  (theme-aware, token-driven)
   Anonymized, illustrative case studies. Classes namespaced .vxn-r*.
   ===================================================================== */

/* active nav item */
.vxn-hd-nav .vxn-hd-link{position:relative;}
.vxn-hd-nav .vxn-hd-link[aria-current="page"]{color:var(--vxn-ink);}
.vxn-hd-nav .vxn-hd-link[aria-current="page"]::after{content:"";position:absolute;left:13px;right:13px;bottom:5px;
  height:2px;border-radius:2px;background:var(--vxn-grad-cta);}

/* ---------- badges (privacy / illustrative) ---------- */
.vxn-rbadges{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:26px;}
.vxn-rbadge{display:inline-flex;align-items:center;gap:7px;font-family:var(--vxn-font-mono);font-size:.72rem;letter-spacing:.03em;
  color:var(--vxn-muted);background:rgba(var(--w),.04);border:1px solid var(--vxn-line);padding:6px 13px;border-radius:999px;}
.vxn-rbadge svg{width:13px;height:13px;color:var(--vxn-blue-2);flex:none;}
.vxn-rbadge.illus svg{color:var(--vxn-amber);}

/* ---------- hero aggregate stats ---------- */
.vxn-rstats{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin-top:54px;border-radius:var(--vxn-r);overflow:hidden;
  background:var(--vxn-glass-brd);border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);text-align:center;}
.vxn-rstat{background:var(--vxn-glass);padding:28px 18px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);}
.vxn-rstat .v{font-family:var(--vxn-font-display);font-weight:800;font-size:clamp(1.7rem,3.6vw,2.55rem);color:var(--vxn-ink);
  font-variant-numeric:tabular-nums;letter-spacing:-.02em;line-height:1;}
.vxn-rstat .v.grad{background:var(--vxn-grad-text);-webkit-background-clip:text;background-clip:text;color:transparent;}
.vxn-rstat .k{font-size:.8rem;color:var(--vxn-muted);margin-top:9px;}

/* ---------- trust tags ---------- */
.vxn-rtags{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:38px;}
.vxn-rtag{display:inline-flex;align-items:center;gap:7px;font-size:.82rem;font-weight:600;color:var(--vxn-ink-2);
  padding:9px 15px;border-radius:999px;background:var(--vxn-glass);border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);}
.vxn-rtag svg{width:14px;height:14px;color:var(--vxn-blue-2);flex:none;}

/* ---------- portfolio dashboard ---------- */
.vxn-rdash{border-radius:var(--vxn-r);overflow:hidden;border:1px solid var(--vxn-glass-brd);background:var(--vxn-glass);
  box-shadow:var(--vxn-shadow);margin-top:48px;}
.vxn-rdash-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:15px 20px;border-bottom:1px solid var(--vxn-line);}
.vxn-rdash-bar .l{display:flex;align-items:center;gap:9px;font-family:var(--vxn-font-mono);font-size:.74rem;letter-spacing:.06em;text-transform:uppercase;color:var(--vxn-faint);}
.vxn-rdash-bar .l i{width:9px;height:9px;border-radius:50%;background:var(--vxn-green);box-shadow:0 0 8px var(--vxn-green);}
.vxn-rdash-bar .r{font-family:var(--vxn-font-mono);font-size:.7rem;color:var(--vxn-muted);}
.vxn-rdash-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--vxn-line);}
.vxn-rkpi{background:var(--vxn-panel);padding:22px 20px;}
.vxn-rkpi .v{font-family:var(--vxn-font-display);font-weight:700;font-size:clamp(1.5rem,2.6vw,2rem);color:var(--vxn-ink);font-variant-numeric:tabular-nums;}
.vxn-rkpi .v.g{color:var(--vxn-green);}
.vxn-rkpi .v.a{color:var(--vxn-amber);}
.vxn-rkpi .k{font-size:.78rem;color:var(--vxn-muted);margin-top:4px;}
.vxn-rkpi .d{display:inline-block;margin-top:8px;font-family:var(--vxn-font-mono);font-size:.68rem;color:var(--vxn-green);}
.vxn-rdash-foot{padding:18px 20px 20px;border-top:1px solid var(--vxn-line);}
.vxn-rdash-foot .lbl{display:flex;justify-content:space-between;font-family:var(--vxn-font-mono);font-size:.68rem;
  color:var(--vxn-faint);text-transform:uppercase;letter-spacing:.07em;margin-bottom:10px;}
.vxn-rbars{display:flex;align-items:flex-end;gap:5px;height:60px;}
.vxn-rbars span{flex:1;border-radius:4px 4px 0 0;background:var(--vxn-grad-cta);opacity:.85;}

/* ---------- growth chart ---------- */
.vxn-rchart{margin-top:48px;padding:26px 24px;border-radius:var(--vxn-r);background:var(--vxn-glass);
  border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);}
.vxn-rchart svg{width:100%;height:auto;display:block;}
.vxn-rchart-grid line{stroke:var(--vxn-line);stroke-width:1;}
.vxn-rchart-axis{fill:var(--vxn-faint);font-family:var(--vxn-font-mono);font-size:12px;}
.vxn-rchart-peak{fill:var(--vxn-blue-2);font-family:var(--vxn-font-mono);font-size:12px;font-weight:700;}
.vxn-rchart-area{fill:url(#vxnRArea);opacity:0;transition:opacity 1.2s ease .2s;}
.vxn-rchart-line{fill:none;stroke:url(#vxnRLine);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;
  stroke-dasharray:1500;stroke-dashoffset:1500;}
.vxn-rchart-dot{fill:var(--vxn-blue-2);opacity:0;}
.vxn-rchart.is-in .vxn-rchart-area{opacity:1;}
.vxn-rchart.is-in .vxn-rchart-line{stroke-dashoffset:0;transition:stroke-dashoffset 1.9s var(--vxn-ease) .1s;}
.vxn-rchart.is-in .vxn-rchart-dot{opacity:1;transition:opacity .5s ease 1.25s;}
.vxn-rchart-cap{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px;
  font-family:var(--vxn-font-mono);font-size:.72rem;color:var(--vxn-faint);}

/* ---------- case study filter + grid ---------- */
.vxn-rfilter{display:flex;flex-wrap:wrap;gap:9px;justify-content:center;margin-top:42px;}
.vxn-rtab{font-family:var(--vxn-font-display);font-weight:600;font-size:.85rem;color:var(--vxn-muted);
  padding:9px 16px;border-radius:999px;background:rgba(var(--w),.03);border:1px solid var(--vxn-line);
  transition:color .25s,background .25s,border-color .25s,box-shadow .25s;}
.vxn-rtab:hover{color:var(--vxn-ink);border-color:var(--vxn-line-2);}
.vxn-rtab.is-active{color:#fff;background:var(--vxn-grad-cta);border-color:transparent;box-shadow:var(--vxn-glow-cta);}

.vxn-rcases{display:grid;grid-template-columns:repeat(auto-fill,minmax(358px,1fr));gap:18px;margin-top:34px;}
.vxn-rcase{display:flex;flex-direction:column;border-radius:var(--vxn-r);background:var(--vxn-glass);
  border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);padding:26px 24px;
  transition:transform .3s var(--vxn-ease),border-color .3s;}
.vxn-rcase:hover{transform:translateY(-5px);border-color:var(--vxn-blue);}
.vxn-rcase.is-hidden{display:none;}
.vxn-rcase-cat{font-family:var(--vxn-font-mono);font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--vxn-blue);}
.vxn-rcase h3{margin:9px 0 5px;font-family:var(--vxn-font-display);font-size:1.18rem;color:var(--vxn-ink);}
.vxn-rcase-loc{display:flex;align-items:center;gap:6px;font-size:.84rem;color:var(--vxn-muted);}
.vxn-rcase-loc svg{width:14px;height:14px;color:var(--vxn-blue-2);flex:none;}
.vxn-rcase-ch{margin:15px 0 0;font-size:.88rem;color:var(--vxn-ink-2);line-height:1.55;}
.vxn-rcase-ch b{color:var(--vxn-ink);font-weight:600;}
.vxn-rcase-tiles{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:18px 0 0;}
.vxn-rcase-tile{padding:13px 14px;border-radius:12px;background:rgba(var(--w),.03);border:1px solid var(--vxn-line);}
.vxn-rcase-tile .v{font-family:var(--vxn-font-display);font-weight:700;font-size:1.35rem;color:var(--vxn-ink);font-variant-numeric:tabular-nums;}
.vxn-rcase-tile .v.g{color:var(--vxn-green);}
.vxn-rcase-tile .k{font-size:.72rem;color:var(--vxn-muted);margin-top:2px;}
.vxn-rcase-ba{margin-top:16px;}
.vxn-rcase-ba .lab{display:flex;justify-content:space-between;font-family:var(--vxn-font-mono);font-size:.68rem;
  color:var(--vxn-faint);text-transform:uppercase;letter-spacing:.06em;margin-bottom:7px;}
.vxn-rcase-ba .track{height:8px;border-radius:999px;background:rgba(var(--w),.07);overflow:hidden;}
.vxn-rcase-ba .fill{height:100%;border-radius:999px;background:var(--vxn-grad-cta);width:0;transition:width 1.3s var(--vxn-ease);}
.vxn-rcase.is-in .vxn-rcase-ba .fill{width:var(--bar);}
.vxn-rcase-foot{display:flex;align-items:center;gap:7px;margin-top:auto;padding-top:18px;
  font-family:var(--vxn-font-mono);font-size:.69rem;color:var(--vxn-faint);}
.vxn-rcase-foot svg{width:13px;height:13px;color:var(--vxn-blue-2);flex:none;}

/* ---------- before / after ---------- */
.vxn-rba{margin-top:48px;display:grid;gap:24px;max-width:860px;margin-inline:auto;}
.vxn-rba-row .top{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:10px;}
.vxn-rba-row .lab{font-family:var(--vxn-font-display);font-weight:600;font-size:.96rem;color:var(--vxn-ink);}
.vxn-rba-row .delta{font-family:var(--vxn-font-mono);font-size:.78rem;color:var(--vxn-green);}
.vxn-rba-bars{display:grid;gap:8px;}
.vxn-rba-bar{position:relative;height:32px;border-radius:9px;display:flex;align-items:center;padding:0 13px;
  font-family:var(--vxn-font-mono);font-size:.74rem;overflow:hidden;}
.vxn-rba-bar.before{width:var(--bw,40%);background:rgba(var(--w),.07);border:1px solid var(--vxn-line);color:var(--vxn-muted);}
.vxn-rba-bar.after{width:0;background:var(--vxn-grad-cta);color:#fff;box-shadow:var(--vxn-glow-cta);transition:width 1.5s var(--vxn-ease);}
.vxn-rba-row.is-in .vxn-rba-bar.after{width:var(--aw);}

/* ---------- testimonials ---------- */
.vxn-rquotes{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:18px;margin-top:48px;}
.vxn-rquote{display:flex;flex-direction:column;border-radius:var(--vxn-r);background:var(--vxn-glass);
  border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);padding:28px 26px;}
.vxn-rstars{display:flex;gap:3px;margin-bottom:15px;}
.vxn-rstars svg{width:17px;height:17px;color:var(--vxn-amber);}
.vxn-rquote p{margin:0 0 18px;font-size:1rem;color:var(--vxn-ink);line-height:1.6;font-family:var(--vxn-font-display);font-weight:500;}
.vxn-rquote .who{font-size:.84rem;color:var(--vxn-muted);margin-top:auto;}
.vxn-rquote .who b{display:block;color:var(--vxn-ink-2);font-weight:600;font-family:var(--vxn-font-display);margin-bottom:2px;}
.vxn-rquote .pv{display:inline-flex;align-items:center;gap:6px;margin-top:13px;font-family:var(--vxn-font-mono);font-size:.66rem;color:var(--vxn-faint);}
.vxn-rquote .pv svg{width:12px;height:12px;color:var(--vxn-blue-2);flex:none;}

/* ---------- privacy panel ---------- */
.vxn-rpriv{position:relative;text-align:center;border-radius:var(--vxn-r);padding:clamp(40px,5vw,60px) 30px;overflow:hidden;
  background:var(--vxn-glass-2);border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);max-width:840px;margin-inline:auto;}
.vxn-rpriv::before{content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(620px 320px at 50% -20%,rgba(124,58,237,.16),transparent 70%);}
.vxn-rpriv .in{position:relative;z-index:1;}
.vxn-rpriv .lock{width:56px;height:56px;border-radius:15px;display:grid;place-items:center;margin:0 auto 18px;
  background:rgba(124,58,237,.12);color:var(--vxn-blue);}
.vxn-rpriv .lock svg{width:26px;height:26px;}
.vxn-rpriv h3{font-family:var(--vxn-font-display);font-size:clamp(1.3rem,2.6vw,1.7rem);color:var(--vxn-ink);margin:0 0 12px;}
.vxn-rpriv p{font-size:.96rem;color:var(--vxn-ink-2);line-height:1.6;max-width:62ch;margin:0 auto 20px;}

/* ---------- closing CTA ---------- */
.vxn-rcta{position:relative;text-align:center;border-radius:var(--vxn-r);padding:clamp(42px,6vw,70px) 28px;overflow:hidden;
  background:var(--vxn-glass-2);border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);}
.vxn-rcta::before{content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(720px 360px at 50% -20%,rgba(124,58,237,.18),transparent 70%);}
.vxn-rcta .in{position:relative;z-index:1;max-width:660px;margin-inline:auto;}
.vxn-rcta .vxn-hero-cta{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:30px;}

/* ---------- responsive ---------- */
@media (max-width:900px){
  .vxn-rstats{grid-template-columns:repeat(2,1fr);}
  .vxn-rdash-grid{grid-template-columns:repeat(2,1fr);}
}
@media (max-width:560px){
  .vxn-rstats{grid-template-columns:1fr 1fr;}
  .vxn-rcases{grid-template-columns:1fr;}
  .vxn-rdash-grid{grid-template-columns:1fr;}
}
@media (prefers-reduced-motion:reduce){
  .vxn-rcase,.vxn-rtab{transition:none;}
  .vxn-rchart-line{stroke-dashoffset:0 !important;transition:none;}
  .vxn-rchart-area,.vxn-rchart-dot{opacity:1 !important;transition:none;}
  .vxn-rba-bar.after{transition:none;}
}



/* From sj.html */

  :root {
    --bg: #ECEAF6; --bg-2: #F4F1FB; --ink: #1B1340; --muted: #6B5E8C; --faint: #9A8FB8; --border: #E2DCF0; --violet: #8B5CF6; --fuchsia: #D946EF; --indigo: #818CF8;
    --orange: #633599; --orange-2: #3c2b5d; --blue: #7c4dbf; --green: #8b5cf6;
    --cap: rgba(43,36,52,0.62); --cap-solid: rgba(32,27,42,0.95); --cap-border: rgba(255,255,255,0.12);
    --cap-ink: rgba(234,241,255,0.82); --cap-ink-strong: #FFFFFF; --cap-faint: rgba(189,178,214,0.7);
    --spot: rgba(255,255,255,0.10); --maxw: 1180px;
  }
  [data-theme="dark"] {
    --bg: #0A0616; --bg-2: #140A2A; --ink: #EDE9FB; --muted: #A89CC8; --faint: #6E6190; --border: rgba(255,255,255,.10);
    --orange: #7c4dbf; --orange-2: #8b5cf6; --blue: #9b6bd8; --green: #9b6bd8;
    --cap: rgba(38,32,48,0.66); --cap-solid: rgba(28,24,38,0.95);
  }
  * { box-sizing: border-box; }
  body { margin: 0; font-family: "Inter", system-ui, sans-serif; color: var(--ink); background: var(--bg); -webkit-font-smoothing: antialiased; transition: background .4s ease, color .4s ease; }
  a { text-decoration: none; color: inherit; }
  img { display: block; max-width: 100%; }
  :focus-visible { outline: 2px solid var(--orange); outline-offset: 3px; border-radius: 8px; }
  .wrap { width: 100%; max-width: var(--maxw); margin: 0 auto; padding: 0 24px; }
  .sr-skip { position: fixed; left: -999px; top: 12px; z-index: 200; }
  .sr-skip:focus { left: 16px; background: var(--orange); color: #fff; padding: 10px 16px; border-radius: 999px; font-weight: 700; font-size: 14px; }

  /* ============ CAPSULE NAV (approved — unchanged) ============ */
  .scrim { position: fixed; inset: 0; z-index: 40; background: rgba(14,10,24,.34); backdrop-filter: blur(2px); opacity: 0; pointer-events: none; transition: opacity .3s ease; }
  .scrim.show { opacity: 1; pointer-events: auto; }
  .nav-fixed { position: fixed; top: 16px; left: 0; right: 0; z-index: 50; display: flex; justify-content: center; padding: 0 14px; pointer-events: none; }
  .island { pointer-events: auto; width: 100%; max-width: var(--maxw); background: var(--cap); border: 1px solid var(--cap-border); border-radius: 999px; overflow: hidden; backdrop-filter: saturate(170%) blur(18px); -webkit-backdrop-filter: saturate(170%) blur(18px); box-shadow: 0 24px 60px -24px rgba(20,16,30,.6), inset 0 1px 0 rgba(255,255,255,.06); transition: max-width .45s cubic-bezier(.4,0,.2,1), border-radius .4s ease, background .4s ease, padding .4s ease; padding: 9px 9px 9px 14px; }
  .island.scrolled { max-width: 1010px; }
  .island.open { border-radius: 26px; background: var(--cap-solid); }
  .bar { display: flex; align-items: center; gap: 14px; flex-wrap: nowrap; }
  .brand { display: flex; align-items: center; flex: none; padding: 4px 6px; }
  .logo-img { height: 30px; width: auto; max-width: 150px; }
  .brand-mark { display: none; } .brand-mark.show { display: inline-flex; }
  .links { position: relative; display: flex; align-items: center; gap: 2px; margin: 0 auto; flex-wrap: nowrap; }
  .spotlight { position: absolute; top: 50%; height: 38px; transform: translateY(-50%); border-radius: 999px; background: var(--spot); transition: left .32s cubic-bezier(.4,0,.2,1), width .32s cubic-bezier(.4,0,.2,1), opacity .3s ease; z-index: 0; opacity: 0; }
  .nav-item { position: relative; z-index: 1; display: inline-flex; align-items: center; gap: 6px; padding: 9px 15px; border-radius: 999px; font-size: 14.5px; font-weight: 600; color: var(--cap-ink); background: none; border: 0; cursor: pointer; font-family: inherit; white-space: nowrap; transition: color .2s ease; }
  .nav-item:hover, .nav-item:focus-visible { color: var(--cap-ink-strong); }
  .nav-item .chev { width: 13px; height: 13px; transition: transform .3s ease; opacity: .8; }
  .nav-item[aria-expanded="true"] .chev { transform: rotate(180deg); }
  .nav-actions { display: flex; align-items: center; gap: 8px; flex: none; }
  .ico { width: 40px; height: 40px; border-radius: 11px; display: grid; place-items: center; cursor: pointer; border: 1px solid rgba(255,255,255,.14); background: rgba(255,255,255,.05); color: var(--cap-ink-strong); transition: transform .18s ease, background .2s ease; }
  .ico:hover { transform: translateY(-2px); background: rgba(255,255,255,.12); }
  .ico svg { width: 18px; height: 18px; }
  .theme-toggle .moon { display: none; }
  [data-theme="dark"] .theme-toggle .sun { display: none; }
  [data-theme="dark"] .theme-toggle .moon { display: block; }
  .cta { display: inline-flex; align-items: center; gap: 8px; padding: 10px 18px; border-radius: 999px; background: linear-gradient(180deg, var(--orange-2), var(--orange)); color: #fff; font-weight: 700; font-size: 14px; box-shadow: 0 12px 26px -10px rgba(124,77,191,.7); transition: transform .18s ease, box-shadow .18s ease; white-space: nowrap; }
  .cta:hover { transform: translateY(-2px); box-shadow: 0 18px 34px -10px rgba(124,77,191,.8); }
  .cta svg { width: 15px; height: 15px; }
  .hamburger { display: none; }
  .canopy { max-height: 0; opacity: 0; overflow: hidden; transition: max-height .42s cubic-bezier(.4,0,.2,1), opacity .3s ease; }
  .canopy.open { max-height: 460px; opacity: 1; }
  .canopy-inner { padding: 18px 8px 10px; margin-top: 12px; border-top: 1px solid rgba(255,255,255,.1); }
  .mega { display: grid; gap: 10px; }
  .mega.sol { grid-template-columns: 1fr 1fr 1fr 1.15fr; }
  .mega.abt { grid-template-columns: 1fr 1fr 1.2fr; }
  .col-h { font-family: "JetBrains Mono", monospace; font-size: 10px; letter-spacing: .14em; text-transform: uppercase; color: var(--cap-faint); padding: 0 12px 6px; }
  .m-link { display: flex; gap: 12px; align-items: flex-start; padding: 10px 12px; border-radius: 12px; transition: background .2s ease; }
  .m-link:hover { background: rgba(255,255,255,.07); }
  .m-link .mi { width: 38px; height: 38px; border-radius: 10px; flex: none; display: grid; place-items: center; background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.1); color: #fff; }
  .m-link .mi svg { width: 19px; height: 19px; }
  .m-link .mt { font-size: 14.5px; font-weight: 700; color: var(--cap-ink-strong); display: flex; align-items: center; gap: 6px; }
  .m-link .md { font-size: 12.5px; color: var(--cap-faint); margin-top: 2px; line-height: 1.45; }
  .m-link .mt .arr { width: 13px; height: 13px; opacity: 0; transform: translateX(-4px); transition: all .2s ease; color: var(--orange); }
  .m-link:hover .mt .arr { opacity: 1; transform: none; }
  .col.freight .mi { color: #b08fd6; border-color: rgba(124,77,191,.4); background: rgba(124,77,191,.12); }
  .col.ops .mi { color: #9d6bd6; border-color: rgba(139,92,246,.4); background: rgba(139,92,246,.12); }
  .col.support .mi { color: #b08fd6; border-color: rgba(139,92,246,.4); background: rgba(139,92,246,.12); }
  .rail-c { border-radius: 14px; padding: 4px; }
  .rail-card { position: relative; border-radius: 12px; overflow: hidden; height: 100%; min-height: 150px; display: flex; flex-direction: column; justify-content: flex-end; padding: 18px; color: #fff; }
  .rail-card .bgimg { position: absolute; inset: 0; z-index: 0; }
  .rail-card .bgimg img { width: 100%; height: 100%; object-fit: cover; }
  .rail-card .bgimg::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(43,34,58,.35), rgba(20,16,30,.92)); }
  .rail-card .rc { position: relative; z-index: 1; }
  .rail-card .rk { font-family: "JetBrains Mono", monospace; font-size: 10px; letter-spacing: .12em; text-transform: uppercase; color: #b08fd6; }
  .rail-card h4 { font-family: "Space Grotesk"; font-size: 16px; margin: 8px 0 0; }
  .rail-card p { font-size: 12.5px; color: rgba(255,255,255,.78); margin: 6px 0 0; }
  .rail-card .go { margin-top: 12px; display: inline-flex; align-items: center; gap: 7px; font-weight: 700; font-size: 13px; color: #fff; }
  .rail-card .go svg { width: 14px; height: 14px; }
  .rail-c.about-rail .rail-card { background: linear-gradient(160deg, #3c2b5d, #221a30); }
  .rail-c.about-rail .stat { display: flex; gap: 18px; }
  .rail-c.about-rail .stat b { font-family: "Space Grotesk"; font-size: 24px; display: block; }
  .rail-c.about-rail .stat span { font-size: 11px; color: rgba(255,255,255,.7); }
  .overlay { position: fixed; inset: 0; z-index: 70; background: var(--bg-2); display: none; flex-direction: column; }
  .overlay.open { display: flex; }
  .ov-top { display: flex; align-items: center; justify-content: space-between; padding: 18px 20px; border-bottom: 1px solid var(--border); }
  .ov-body { padding: 14px 20px; overflow-y: auto; flex: 1; }
  .ov-link { display: block; font-family: "Space Grotesk"; font-size: 24px; font-weight: 600; padding: 14px 0; border-bottom: 1px solid var(--border); color: var(--ink); }
  .ov-acc > button { width: 100%; display: flex; justify-content: space-between; align-items: center; background: none; border: 0; font-family: "Space Grotesk"; font-size: 24px; font-weight: 600; padding: 14px 0; border-bottom: 1px solid var(--border); color: var(--ink); cursor: pointer; }
  .ov-acc > button svg { width: 22px; height: 22px; transition: transform .3s ease; }
  .ov-acc.open > button svg { transform: rotate(180deg); }
  .ov-sub { max-height: 0; overflow: hidden; transition: max-height .35s ease; }
  .ov-sub.open { max-height: 420px; }
  .ov-sub a { display: flex; gap: 10px; align-items: center; padding: 11px 0 11px 4px; color: var(--muted); font-size: 16px; }
  .ov-sub a .dot { width: 6px; height: 6px; border-radius: 50%; background: var(--orange); }
  .ov-foot { padding: 18px 20px 30px; border-top: 1px solid var(--border); display: flex; gap: 10px; }
  .ov-foot .cta { flex: 1; justify-content: center; }

  /* ============ JOURNEY HERO (scroll-driven) ============ */
  .journey-hero { position: relative; height: 540vh; background: #2b2a29; }
  .jstage { position: sticky; top: 0; height: 100vh; height: 100svh; overflow: hidden; }
  .scene { position: absolute; inset: 0; z-index: 1; opacity: 0; transition: opacity .8s ease; will-change: opacity; }
  .scene.active { opacity: 1; }
  .scene > img, .scene > video { width: 100%; height: 100%; object-fit: cover; transform: scale(1.08); }
  .scene.active > img, .scene.active > video { animation: kenburns 11s ease-out forwards; }
  @keyframes kenburns { from { transform: scale(1.04); } to { transform: scale(1.16); } }
  .joverlay { position: absolute; inset: 0; z-index: 2; pointer-events: none; background:
      linear-gradient(95deg, rgba(12,8,22,.88) 0%, rgba(12,8,22,.55) 40%, rgba(12,8,22,.18) 68%, rgba(12,8,22,.06) 100%),
      linear-gradient(0deg, rgba(12,8,22,.92) 0%, rgba(12,8,22,.10) 42%, transparent 70%); }
  .caps { position: absolute; left: 50%; transform: translateX(-50%); bottom: 13vh; width: 100%; max-width: var(--maxw); padding: 0 24px; z-index: 3; }
  .cap { position: absolute; left: 24px; right: 24px; bottom: 0; max-width: 680px; opacity: 0; transform: translateY(26px); transition: opacity .6s ease, transform .6s ease; pointer-events: none; }
  .cap.active { opacity: 1; transform: none; pointer-events: auto; }
  .cap .step { font-family: "JetBrains Mono", monospace; font-size: 12px; font-weight: 700; letter-spacing: .2em; text-transform: uppercase; color: #fff; display: inline-flex; align-items: center; gap: 10px; }
  .cap .step::before { content: ""; width: 26px; height: 2px; background: var(--orange); }
  .cap h2 { font-family: "Space Grotesk"; font-weight: 700; color: #fff; line-height: 1.05; letter-spacing: -.02em; font-size: clamp(30px, 4.6vw, 56px); margin: 16px 0 0; }
  .cap.lead h2 { font-size: clamp(38px, 6.4vw, 76px); max-width: 15ch; }
  .cap p { margin: 16px 0 0; max-width: 50ch; font-size: clamp(15px, 1.8vw, 18px); color: rgba(240,244,255,.84); }
  .cap .o { color: #c4a5ff; } .cap .b { color: #a855f7; } .cap .g { color: #8b5cf6; }
  .cap-cta { margin-top: 28px; display: flex; flex-wrap: wrap; gap: 13px; }
  .btn-light { display: inline-flex; align-items: center; gap: 8px; padding: 13px 22px; border-radius: 999px; background: rgba(255,255,255,.10); color: #fff; border: 1px solid rgba(255,255,255,.28); backdrop-filter: blur(6px); font-weight: 700; font-size: 15px; transition: transform .18s ease, background .2s ease; }
  .btn-light:hover { background: rgba(255,255,255,.18); transform: translateY(-2px); }
  .cap-proof { margin-top: 30px; display: flex; flex-wrap: wrap; gap: 26px 40px; }
  .cap-proof .s b { font-family: "Space Grotesk"; font-size: clamp(22px, 3vw, 30px); font-weight: 700; display: block; color: #fff; }
  .cap-proof .s span { font-family: "JetBrains Mono", monospace; font-size: 10px; text-transform: uppercase; letter-spacing: .14em; color: rgba(233,238,255,.66); }
  .prail { position: absolute; right: max(26px, calc((100vw - var(--maxw)) / 2 + 8px)); top: 50%; transform: translateY(-50%); z-index: 3; padding-left: 18px; }
  .prail .line { position: absolute; left: 6px; top: 8px; bottom: 8px; width: 2px; background: rgba(255,255,255,.18); }
  .prail .fill { position: absolute; left: 6px; top: 8px; width: 2px; height: 0%; background: var(--orange); transition: height .25s ease; }
  .tick { position: relative; display: flex; align-items: center; gap: 12px; padding: 9px 0; }
  .tick .d { width: 14px; height: 14px; border-radius: 50%; border: 2px solid rgba(255,255,255,.38); background: #2b2a29; flex: none; transition: all .25s ease; }
  .tick.active .d { border-color: var(--orange); background: var(--orange); box-shadow: 0 0 0 5px rgba(124,77,191,.16); }
  .tick .l { font-family: "JetBrains Mono", monospace; font-size: 11px; letter-spacing: .1em; text-transform: uppercase; color: rgba(255,255,255,.45); transition: color .25s ease; white-space: nowrap; }
  .tick.active .l { color: #fff; }
  .jbar { position: absolute; left: 0; bottom: 0; height: 3px; width: 100%; background: rgba(255,255,255,.12); z-index: 4; display: none; }
  .jbar span { display: block; height: 100%; width: 0%; background: var(--orange); transition: width .25s ease; }
  .scroll-cue { position: absolute; left: 50%; bottom: 20px; transform: translateX(-50%); z-index: 4; display: flex; flex-direction: column; align-items: center; gap: 7px; color: rgba(233,238,255,.7); font-family: "JetBrains Mono", monospace; font-size: 10px; letter-spacing: .2em; text-transform: uppercase; }
  .scroll-cue .mouse { width: 22px; height: 34px; border: 1.5px solid rgba(233,238,255,.5); border-radius: 12px; position: relative; }
  .scroll-cue .mouse::after { content: ""; position: absolute; left: 50%; top: 6px; width: 3px; height: 6px; background: #fff; border-radius: 2px; transform: translateX(-50%); animation: wheel 1.6s ease-in-out infinite; }
  @keyframes wheel { 0%,100% { opacity: 0; transform: translate(-50%, 0); } 50% { opacity: 1; transform: translate(-50%, 7px); } }
  .float-chip { position: absolute; right: 30px; top: 120px; z-index: 4; display: flex; align-items: center; gap: 12px; background: rgba(255,255,255,.10); border: 1px solid rgba(255,255,255,.22); backdrop-filter: blur(14px); border-radius: 14px; padding: 12px 16px; color: #fff; box-shadow: 0 30px 60px -30px rgba(0,0,0,.6); }
  .float-chip .dot { width: 9px; height: 9px; border-radius: 50%; background: #8b5cf6; box-shadow: 0 0 0 5px rgba(168,85,247,.22); }
  .float-chip .lbl { font-family: "JetBrains Mono", monospace; font-size: 10px; letter-spacing: .1em; text-transform: uppercase; color: rgba(233,238,255,.78); }
  .float-chip .val { font-weight: 700; font-size: 13px; }

  @media (max-width: 940px) {
    .links { display: none; } .desktop-cta { display: none; } .hamburger { display: grid; }
    .prail { display: none; } .jbar { display: block; } .float-chip { display: none; }
    .caps { bottom: 11vh; }
  }
  @media (prefers-reduced-motion: reduce) {
    *, *::before, *::after { transition: none !important; animation: none !important; }
    .scene { transition: opacity .15s linear !important; }
  }
/* ===== brand polish: glowing / shiny gradients ===== */
  .cta, .a-cta { background: linear-gradient(135deg,#3c2b5d 0%,#633599 58%,#8b5cf6 125%) !important; box-shadow: 0 12px 30px -10px rgba(99,53,153,.6), 0 0 22px -7px rgba(139,92,246,.55), inset 0 1px 0 rgba(255,255,255,.25) !important; position: relative; overflow: hidden; }
  .cta:hover, .a-cta:hover { box-shadow: 0 18px 42px -10px rgba(99,53,153,.72), 0 0 32px -5px rgba(139,92,246,.65), inset 0 1px 0 rgba(255,255,255,.3) !important; }
  .cta::after, .a-cta::after { content:""; position:absolute; inset:0; pointer-events:none; background: linear-gradient(120deg, transparent 32%, rgba(255,255,255,.4) 50%, transparent 68%); transform: translateX(-130%); transition: transform .6s ease; }
  .cta:hover::after, .a-cta:hover::after { transform: translateX(130%); }
  .cap .o, .cap .b, .cap .g { text-shadow: 0 0 24px rgba(168,85,247,.45); }
  .t-head h2 .accent, .about-text h2 .accent { filter: drop-shadow(0 0 14px rgba(139,92,246,.35)); }

/*WC-START*/
  /* ===== WHY CHOOSE — feature theater ===== */
  .wc-why { position: relative; overflow: hidden; padding: clamp(72px, 9vw, 128px) 24px;
    background: linear-gradient(165deg, #2a2140 0%, #3c2b5d 48%, #2b2a29 100%); }
  .wc-why .wc-floor { position: absolute; left: -50%; right: -50%; bottom: -34%; height: 90%; z-index: 0;
    background-image: linear-gradient(to right, rgba(196,181,253,.10) 1px, transparent 1px), linear-gradient(to bottom, rgba(196,181,253,.10) 1px, transparent 1px);
    background-size: 56px 56px; transform: perspective(560px) rotateX(67deg); transform-origin: center bottom;
    -webkit-mask-image: linear-gradient(to top, rgba(0,0,0,.6), transparent 72%); mask-image: linear-gradient(to top, rgba(0,0,0,.6), transparent 72%);
    animation: wc-floormove 12s linear infinite; opacity: .5; }
  @keyframes wc-floormove { from { background-position: 0 0; } to { background-position: 0 56px; } }
  .wc-orb { position: absolute; border-radius: 50%; filter: blur(78px); opacity: .5; z-index: 0; pointer-events: none; }
  .wc-orb.a { width: 360px; height: 360px; background: #8b5cf6; left: -100px; top: -120px; animation: wc-drift 18s ease-in-out infinite; }
  .wc-orb.b { width: 320px; height: 320px; background: #633599; right: -80px; bottom: -130px; animation: wc-drift 22s ease-in-out infinite reverse; }
  @keyframes wc-drift { 0%,100% { transform: translate(0,0); } 50% { transform: translate(26px,-22px); } }

  .wc-inner { position: relative; z-index: 2; max-width: 1180px; margin: 0 auto; }
  .wc-head { max-width: 640px; margin-bottom: clamp(30px, 4vw, 50px); }
  .wc-eyebrow { display: inline-flex; align-items: center; gap: 9px; font-family: "JetBrains Mono", monospace; font-size: 12px; font-weight: 700; letter-spacing: .2em; text-transform: uppercase; color: #fff; }
  .wc-eyebrow::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: #c084fc; box-shadow: 0 0 0 4px rgba(168,85,247,.22); }
  .wc-head h2 { font-family: "Space Grotesk"; font-weight: 700; letter-spacing: -.02em; font-size: clamp(30px, 4.6vw, 54px); line-height: 1.05; margin: 16px 0 0; color: #fff; }
  .wc-head h2 .g { background: linear-gradient(100deg, #c4a5ff, #8b5cf6); -webkit-background-clip: text; background-clip: text; color: transparent; filter: drop-shadow(0 0 14px rgba(139,92,246,.4)); }
  .wc-head p { margin: 16px 0 0; font-size: 17px; line-height: 1.6; color: rgba(225,216,250,.78); }

  .wc-explorer { display: grid; grid-template-columns: 0.86fr 1.14fr; gap: clamp(18px, 2.4vw, 30px); align-items: stretch; }

  /* left playlist */
  .wc-list { display: flex; flex-direction: column; gap: 10px; }
  .wc-reason { position: relative; display: flex; align-items: center; gap: 14px; text-align: left; width: 100%; cursor: pointer; font-family: inherit;
    padding: 16px 18px; border-radius: 16px; border: 1px solid rgba(196,181,253,.14); background: rgba(255,255,255,.035); color: #fff;
    transition: background .3s ease, border-color .3s ease, transform .3s ease; overflow: hidden; }
  .wc-reason:hover { background: rgba(255,255,255,.06); }
  .wc-reason.active { background: linear-gradient(100deg, rgba(139,92,246,.18), rgba(99,53,153,.08)); border-color: rgba(139,92,246,.55);
    box-shadow: 0 18px 40px -22px rgba(0,0,0,.7), 0 0 0 1px rgba(139,92,246,.25), 0 0 26px -10px rgba(139,92,246,.5); }
  .wc-reason .wc-idx { font-family: "JetBrains Mono", monospace; font-size: 12px; font-weight: 700; color: rgba(225,216,250,.55); flex: none; width: 22px; transition: color .3s ease; }
  .wc-reason.active .wc-idx { color: #c4a5ff; }
  .wc-ricon { width: 40px; height: 40px; border-radius: 11px; flex: none; display: grid; place-items: center; color: #c4a5ff;
    background: rgba(139,92,246,.14); border: 1px solid rgba(139,92,246,.34); transition: all .3s ease; }
  .wc-reason.active .wc-ricon { background: linear-gradient(140deg, #633599, #8b5cf6); color: #fff; border-color: transparent; box-shadow: 0 8px 20px -8px rgba(139,92,246,.7); }
  .wc-ricon svg { width: 20px; height: 20px; }
  .wc-rtext { display: flex; flex-direction: column; gap: 2px; }
  .wc-rt { font-family: "Space Grotesk"; font-weight: 600; font-size: 15.5px; line-height: 1.2; }
  .wc-rd { font-size: 12.5px; color: rgba(225,216,250,.6); line-height: 1.35; }
  .wc-prog { position: absolute; left: 0; bottom: 0; height: 2.5px; width: 100%; background: transparent; }
  .wc-prog > span { display: block; height: 100%; width: 0%; background: linear-gradient(90deg, #633599, #8b5cf6); box-shadow: 0 0 8px rgba(139,92,246,.7); }

  /* right stage */
  .wc-stage { position: relative; border-radius: 22px; min-height: 466px; overflow: hidden;
    background: linear-gradient(160deg, rgba(60,43,93,.5), rgba(43,42,41,.55)); border: 1px solid rgba(196,181,253,.16);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 40px 90px -40px rgba(0,0,0,.6); }
  .wc-scene { position: absolute; inset: 0; display: flex; flex-direction: column; padding: clamp(20px, 3vw, 34px);
    opacity: 0; transform: translateY(14px); pointer-events: none; transition: opacity .5s ease, transform .5s ease; }
  .wc-scene.active { opacity: 1; transform: none; pointer-events: auto; }
  .wc-viz { flex: 1; display: grid; place-items: center; min-height: 0; }
  .wc-viz svg { width: 100%; height: 100%; max-height: 280px; overflow: visible; }
  .wc-copy { margin-top: 14px; }
  .wc-copy h3 { font-family: "Space Grotesk"; font-weight: 700; font-size: clamp(20px, 2.6vw, 28px); margin: 0; color: #fff; }
  .wc-copy ul { margin: 12px 0 0; padding: 0; list-style: none; display: grid; gap: 8px; }
  .wc-copy li { position: relative; padding-left: 24px; font-size: 14px; line-height: 1.5; color: rgba(231,224,250,.82); }
  .wc-copy li::before { content: ""; position: absolute; left: 2px; top: 7px; width: 11px; height: 11px; border-radius: 50%;
    background: radial-gradient(circle at 35% 30%, #c4a5ff, #8b5cf6); box-shadow: 0 0 8px rgba(139,92,246,.6); }

  /* viz colors + animations */
  .wc-line { stroke: #8b5cf6; opacity: .35; stroke-width: 2; stroke-dasharray: 4 6; animation: wc-flow 1.1s linear infinite; }
  @keyframes wc-flow { to { stroke-dashoffset: -10; } }
  .wc-node { fill: #2b2a29; stroke: #8b5cf6; stroke-width: 2; }
  .wc-node-in { fill: #a855f7; }
  .wc-dot { fill: #fff; filter: drop-shadow(0 0 7px rgba(196,181,253,.95)); animation: wc-travel 3.6s linear infinite; }
  @keyframes wc-travel { from { transform: translateX(0); } to { transform: translateX(500px); } }
  .wc-vlabel { fill: rgba(225,216,250,.62); font-family: "JetBrains Mono", monospace; font-size: 12px; letter-spacing: .04em; text-anchor: middle; }
  .wc-grat { fill: none; stroke: #8b5cf6; stroke-width: 1.2; opacity: .5; }
  .wc-grat.f { opacity: .25; }
  .wc-pin { fill: #c4a5ff; filter: drop-shadow(0 0 5px rgba(196,181,253,.9)); }
  .wc-ripple { fill: none; stroke: #a855f7; stroke-width: 1.6; transform-box: fill-box; transform-origin: center; animation: wc-ripple 2.8s ease-out infinite; }
  .wc-ripple.d { animation-delay: 1.3s; }
  @keyframes wc-ripple { 0% { transform: scale(.2); opacity: .9; } 80% { opacity: 0; } 100% { transform: scale(2.4); opacity: 0; } }
  .wc-doc { fill: rgba(255,255,255,.05); stroke: #8b5cf6; stroke-width: 1.6; opacity: .9; }
  .wc-docline { stroke: rgba(196,181,253,.5); stroke-width: 3; stroke-linecap: round; }
  .wc-check { stroke: #c4a5ff; stroke-width: 2.4; fill: none; stroke-linecap: round; stroke-linejoin: round; filter: drop-shadow(0 0 4px rgba(168,85,247,.7)); }
  .wc-scan { stroke: #c4a5ff; stroke-width: 2; opacity: .8; filter: drop-shadow(0 0 6px rgba(168,85,247,.9)); animation: wc-scan 2.6s ease-in-out infinite; }
  @keyframes wc-scan { 0%,100% { transform: translateY(0); opacity: 0; } 12% { opacity: .9; } 88% { opacity: .9; } 50% { transform: translateY(118px); } }
  .wc-stamp { transform-box: fill-box; transform-origin: center; animation: wc-stamp 3.2s ease-in-out infinite; }
  @keyframes wc-stamp { 0%,55% { transform: scale(1.3); opacity: 0; } 62% { transform: scale(.94); opacity: 1; } 70%,100% { transform: scale(1); opacity: 1; } }
  .wc-stamp rect { fill: none; stroke: #a855f7; stroke-width: 2.5; }
  .wc-stamp text { fill: #c4a5ff; font-family: "Space Grotesk"; font-weight: 700; font-size: 17px; letter-spacing: .08em; text-anchor: middle; }
  .wc-crane { stroke: #8b5cf6; stroke-width: 4; stroke-linecap: round; fill: none; opacity: .65; }
  .wc-hook { animation: wc-bob 3s ease-in-out infinite; }
  @keyframes wc-bob { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-15px); } }
  .wc-crate { fill: url(#wc-crateg); stroke: #c4a5ff; stroke-width: 1.5; }
  .wc-cline { stroke: #8b5cf6; stroke-width: 2; }
  .wc-wtag { fill: #2b2a29; stroke: #a855f7; stroke-width: 1.4; }
  .wc-wtag-t { fill: #fff; font-family: "Space Grotesk"; font-weight: 700; font-size: 14px; text-anchor: middle; }
  .wc-dim { stroke: rgba(196,181,253,.5); stroke-width: 1.2; }
  .wc-track { fill: none; stroke: rgba(255,255,255,.12); stroke-width: 10; }
  .wc-val { fill: none; stroke: #a855f7; stroke-width: 10; stroke-linecap: round; stroke-dasharray: 100; stroke-dashoffset: 100; transition: stroke-dashoffset 1.4s ease; filter: drop-shadow(0 0 6px rgba(168,85,247,.7)); }
  .wc-why .wc-scene.active .wc-val { stroke-dashoffset: 1; }
  .wc-gtxt-n { fill: #fff; font-family: "Space Grotesk"; font-weight: 700; font-size: 30px; text-anchor: middle; }
  .wc-gtxt-l { fill: rgba(225,216,250,.7); font-family: "JetBrains Mono", monospace; font-size: 10px; letter-spacing: .12em; text-anchor: middle; }
  .wc-supr { fill: none; stroke: #8b5cf6; stroke-width: 2; transform-box: fill-box; transform-origin: center; animation: wc-ripple 2.4s ease-out infinite; }
  .wc-radar-c { fill: none; stroke: #8b5cf6; opacity: .25; stroke-width: 1.4; }
  .wc-radar-x { stroke: #8b5cf6; opacity: .16; stroke-width: 1.2; }
  .wc-sweep { transform-box: fill-box; transform-origin: 150px 120px; animation: wc-spin 4s linear infinite; }
  @keyframes wc-spin { to { transform: rotate(360deg); } }
  .wc-blip { fill: #c4a5ff; filter: drop-shadow(0 0 5px rgba(168,85,247,.9)); animation: wc-twinkle 2.4s ease-in-out infinite; }
  @keyframes wc-twinkle { 0%,100% { opacity: .2; } 50% { opacity: 1; } }

  @media (max-width: 920px) {
    .wc-explorer { grid-template-columns: 1fr; }
    .wc-rd { display: none; }
    .wc-stage { min-height: 430px; }
  }
  @media (max-width: 520px) {
    .wc-stage { min-height: 460px; }
    .wc-scene { padding: 18px; }
  }
  @media (prefers-reduced-motion: reduce) {
    .wc-why *, .wc-why *::before, .wc-why *::after { animation: none !important; transition: opacity .2s linear !important; }
    .wc-dot { transform: translateX(250px); }
    .wc-stamp { opacity: 1 !important; transform: none !important; }
    .wc-why .wc-val { stroke-dashoffset: 1 !important; }
  }
/*WC-END*/



/*IND-START*/
  /* ===== INDUSTRIES — conveyor belt ===== */
  .ind-sec { position: relative; overflow: hidden; padding: clamp(70px, 9vw, 120px) 0;
    background: linear-gradient(160deg, #2a2140 0%, #3c2b5d 50%, #2b2a29 100%); }
  .ind-floor { position: absolute; left: -50%; right: -50%; bottom: -34%; height: 90%; z-index: 0;
    background-image: linear-gradient(to right, rgba(196,181,253,.10) 1px, transparent 1px), linear-gradient(to bottom, rgba(196,181,253,.10) 1px, transparent 1px);
    background-size: 56px 56px; transform: perspective(560px) rotateX(67deg); transform-origin: center bottom;
    -webkit-mask-image: linear-gradient(to top, rgba(0,0,0,.6), transparent 72%); mask-image: linear-gradient(to top, rgba(0,0,0,.6), transparent 72%);
    animation: ind-floormove 12s linear infinite; opacity: .5; }
  @keyframes ind-floormove { from { background-position: 0 0; } to { background-position: 0 56px; } }
  .ind-orb { position: absolute; border-radius: 50%; filter: blur(80px); opacity: .45; z-index: 0; pointer-events: none; }
  .ind-orb.a { width: 340px; height: 340px; background: #8b5cf6; left: -100px; top: -110px; animation: ind-drift 18s ease-in-out infinite; }
  .ind-orb.b { width: 320px; height: 320px; background: #d946ef; right: -90px; bottom: -120px; animation: ind-drift 22s ease-in-out infinite reverse; }
  @keyframes ind-drift { 0%,100% { transform: translate(0,0); } 50% { transform: translate(24px,-20px); } }

  .ind-inner { position: relative; z-index: 2; max-width: 1180px; margin: 0 auto; padding: 0 24px; }
  .ind-head { max-width: 700px; margin-bottom: clamp(30px, 4vw, 48px); }
  .ind-eyebrow { display: inline-flex; align-items: center; gap: 9px; font-family: "JetBrains Mono", monospace; font-size: 12px; font-weight: 700; letter-spacing: .2em; text-transform: uppercase; color: #fff; }
  .ind-eyebrow::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: #c084fc; box-shadow: 0 0 0 4px rgba(168,85,247,.22); }
  .ind-head h2 { font-family: "Space Grotesk"; font-weight: 700; letter-spacing: -.02em; font-size: clamp(30px, 4.6vw, 54px); line-height: 1.05; margin: 16px 0 0; color: #fff; }
  .ind-head h2 .g { background: linear-gradient(100deg, #c4a5ff, #8b5cf6); -webkit-background-clip: text; background-clip: text; color: transparent; filter: drop-shadow(0 0 14px rgba(139,92,246,.4)); }
  .ind-head p { margin: 16px 0 0; font-size: 17px; line-height: 1.6; color: rgba(225,216,250,.78); }

  .ind-belt { position: relative; z-index: 2; display: flex; flex-direction: column; gap: 16px; }
  .ind-track { overflow: hidden;
    -webkit-mask-image: linear-gradient(to right, transparent, #000 7%, #000 93%, transparent);
    mask-image: linear-gradient(to right, transparent, #000 7%, #000 93%, transparent); }
  .ind-row { display: flex; gap: 14px; width: max-content; will-change: transform; }
  .ind-row.left { animation: ind-left 42s linear infinite; }
  .ind-row.right { animation: ind-right 42s linear infinite; }
  @keyframes ind-left { from { transform: translateX(0); } to { transform: translateX(-50%); } }
  @keyframes ind-right { from { transform: translateX(-50%); } to { transform: translateX(0); } }
  .ind-row:hover { animation-play-state: paused; }

  .ind-card { display: flex; align-items: center; gap: 13px; flex: none; padding: 15px 20px; border-radius: 16px;
    background: rgba(255,255,255,.05); border: 1px solid rgba(196,181,253,.16); color: #fff;
    transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease, background .3s ease; }
  .ind-card:hover { transform: translateY(-5px); background: rgba(255,255,255,.09); border-color: color-mix(in srgb, var(--acc) 60%, transparent);
    box-shadow: 0 24px 44px -22px rgba(0,0,0,.7), 0 0 0 1px color-mix(in srgb, var(--acc) 30%, transparent), 0 0 26px -8px color-mix(in srgb, var(--acc) 55%, transparent); }
  .ind-ic { width: 46px; height: 46px; border-radius: 12px; flex: none; display: grid; place-items: center; color: #fff;
    background: linear-gradient(140deg, color-mix(in srgb, var(--acc) 75%, #3c2b5d), color-mix(in srgb, var(--acc) 35%, #2b2a29));
    border: 1px solid color-mix(in srgb, var(--acc) 45%, transparent); box-shadow: 0 8px 18px -8px color-mix(in srgb, var(--acc) 70%, transparent); }
  .ind-ic svg { width: 23px; height: 23px; }
  .ind-tx { display: flex; flex-direction: column; }
  .ind-nm { font-family: "Space Grotesk"; font-weight: 600; font-size: 16px; line-height: 1.2; white-space: nowrap; }
  .ind-dc { font-size: 12.5px; color: rgba(225,216,250,.66); line-height: 1.35; white-space: nowrap;
    max-width: 0; opacity: 0; overflow: hidden; transition: max-width .45s ease, opacity .35s ease, margin .35s ease; }
  .ind-card:hover .ind-dc { max-width: 320px; opacity: 1; margin-top: 3px; }

  .ind-note { position: relative; z-index: 2; max-width: 1180px; margin: clamp(28px, 4vw, 44px) auto 0; padding: 0 24px; text-align: center; }
  .ind-note span { font-family: "JetBrains Mono", monospace; font-size: 12px; letter-spacing: .12em; text-transform: uppercase; color: rgba(225,216,250,.55); }

  @media (max-width: 560px) {
    .ind-dc { max-width: 320px; opacity: 1; margin-top: 3px; }
    .ind-row.left, .ind-row.right { animation-duration: 30s; }
  }
  @media (prefers-reduced-motion: reduce) {
    .ind-floor, .ind-orb { animation: none !important; }
    .ind-row.left, .ind-row.right { animation: none !important; }
  }
/*IND-END*/

/*PC-START*/
  /* ===== PROJECT CARGO — capability spotlight ===== */
  .pc-sec { position: relative; padding: clamp(70px, 9vw, 120px) 24px;
    background: radial-gradient(55% 50% at 15% 0%, rgba(139,92,246,.12), transparent 60%), radial-gradient(45% 45% at 92% 100%, rgba(217,70,239,.09), transparent 60%), var(--bg); }
  .pc-inner { max-width: 1180px; margin: 0 auto; }

  .pc-panel { position: relative; border-radius: 28px; overflow: hidden; min-height: clamp(560px, 72vh, 680px); display: flex;
    border: 1px solid rgba(196,181,253,.16); box-shadow: 0 50px 110px -40px rgba(43,34,58,.6), inset 0 1px 0 rgba(255,255,255,.05); background: #2a2140; }
  .pc-bg { position: absolute; inset: 0; z-index: 0; overflow: hidden; }
  .pc-bg img { width: 100%; height: 100%; object-fit: cover; transform: scale(1.06); animation: pc-kb 16s ease-in-out infinite alternate; }
  @keyframes pc-kb { from { transform: scale(1.04) translateX(0); } to { transform: scale(1.14) translateX(-2%); } }
  .pc-shade { position: absolute; inset: 0; z-index: 1; pointer-events: none;
    background: linear-gradient(100deg, rgba(18,12,30,.95) 0%, rgba(18,12,30,.82) 36%, rgba(18,12,30,.4) 60%, rgba(18,12,30,.2) 100%),
      linear-gradient(0deg, rgba(18,12,30,.7) 0%, transparent 36%); }

  /* measurement / blueprint overlay */
  .pc-measure { position: absolute; right: 3%; top: 14%; width: min(46%, 480px); height: 66%; z-index: 2; pointer-events: none; }
  .pc-measure svg { width: 100%; height: 100%; overflow: visible; }
  .pc-dline { stroke: #c4a5ff; stroke-width: 1.6; fill: none; stroke-linecap: round; stroke-dasharray: 100; stroke-dashoffset: 100; filter: drop-shadow(0 0 5px rgba(168,85,247,.8)); }
  .pc-tick { stroke: #c4a5ff; stroke-width: 1.6; filter: drop-shadow(0 0 4px rgba(168,85,247,.7)); opacity: 0; }
  .pc-panel.in .pc-dline { animation: pc-draw 1.3s ease forwards; }
  .pc-panel.in .pc-dline.d2 { animation-delay: .3s; }
  .pc-panel.in .pc-tick { animation: pc-fade .4s ease forwards .9s; }
  @keyframes pc-draw { to { stroke-dashoffset: 0; } }
  @keyframes pc-fade { to { opacity: .9; } }
  .pc-mlabel { fill: #fff; font-family: "JetBrains Mono", monospace; font-size: 13px; letter-spacing: .04em; opacity: 0; }
  .pc-panel.in .pc-mlabel { animation: pc-fade2 .5s ease forwards 1.1s; }
  @keyframes pc-fade2 { to { opacity: 1; } }
  .pc-wtag { opacity: 0; transform-box: fill-box; transform-origin: center; }
  .pc-panel.in .pc-wtag { animation: pc-pop .6s cubic-bezier(.22,1,.36,1) forwards 1.3s; }
  @keyframes pc-pop { from { opacity: 0; transform: scale(1.3); } to { opacity: 1; transform: scale(1); } }
  .pc-wtag rect { fill: rgba(40,28,64,.85); stroke: #a855f7; stroke-width: 1.6; }
  .pc-wtag text { fill: #fff; font-family: "Space Grotesk"; font-weight: 700; font-size: 16px; text-anchor: middle; }
  .pc-scan { stroke: #c4a5ff; stroke-width: 1.4; opacity: 0; filter: drop-shadow(0 0 6px rgba(168,85,247,.9)); }
  .pc-panel.in .pc-scan { animation: pc-scan 3.4s ease-in-out 1.6s infinite; }
  @keyframes pc-scan { 0%,100% { transform: translateY(0); opacity: 0; } 12% { opacity: .8; } 50% { transform: translateY(150px); } 88% { opacity: .8; } }

  .pc-content { position: relative; z-index: 3; align-self: center; padding: clamp(28px, 4vw, 56px); max-width: 620px; color: #fff; }
  .pc-eyebrow { display: inline-flex; align-items: center; gap: 9px; font-family: "JetBrains Mono", monospace; font-size: 12px; font-weight: 700; letter-spacing: .2em; text-transform: uppercase; color: #fff; }
  .pc-eyebrow::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: #d946ef; box-shadow: 0 0 0 4px rgba(217,70,239,.22); }
  .pc-content h2 { font-family: "Space Grotesk"; font-weight: 700; letter-spacing: -.02em; font-size: clamp(30px, 4.4vw, 50px); line-height: 1.05; margin: 16px 0 0; color: #fff; max-width: 16ch; }
  .pc-content h2 .g { background: linear-gradient(100deg, #e879f9, #8b5cf6); -webkit-background-clip: text; background-clip: text; color: transparent; filter: drop-shadow(0 0 14px rgba(139,92,246,.4)); }
  .pc-tags { margin-top: 14px; display: flex; gap: 8px; flex-wrap: wrap; }
  .pc-tags span { font-family: "JetBrains Mono", monospace; font-size: 11px; letter-spacing: .1em; text-transform: uppercase; color: rgba(225,216,250,.7); border: 1px solid rgba(196,181,253,.3); border-radius: 999px; padding: 5px 11px; }
  .pc-sub { margin: 18px 0 0; font-size: 16.5px; line-height: 1.6; color: rgba(231,224,250,.85); max-width: 46ch; }

  .pc-caps { margin-top: 26px; display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
  .pc-cap { display: flex; gap: 12px; align-items: flex-start; padding: 14px; border-radius: 14px; background: rgba(255,255,255,.05); border: 1px solid rgba(196,181,253,.16);
    backdrop-filter: blur(6px); opacity: 0; transition: background .3s ease, border-color .3s ease, transform .3s ease; }
  .pc-panel.in .pc-cap { animation: pc-rise .6s cubic-bezier(.22,1,.36,1) forwards; }
  .pc-panel.in .pc-cap:nth-child(2) { animation-delay: .1s; }
  .pc-panel.in .pc-cap:nth-child(3) { animation-delay: .2s; }
  .pc-panel.in .pc-cap:nth-child(4) { animation-delay: .3s; }
  @keyframes pc-rise { from { opacity: 0; transform: translateY(16px); } to { opacity: 1; transform: none; } }
  .pc-cap:hover { background: rgba(255,255,255,.09); border-color: rgba(139,92,246,.5); transform: translateY(-3px); }
  .pc-cap .ci { width: 38px; height: 38px; border-radius: 10px; flex: none; display: grid; place-items: center; color: #fff;
    background: linear-gradient(140deg, #633599, #8b5cf6); box-shadow: 0 8px 18px -8px rgba(139,92,246,.7); }
  .pc-cap .ci svg { width: 19px; height: 19px; }
  .pc-cap .ct b { font-family: "Space Grotesk"; font-weight: 600; font-size: 15px; color: #fff; display: block; }
  .pc-cap .ct span { font-size: 12.5px; color: rgba(225,216,250,.66); line-height: 1.4; display: block; margin-top: 3px; }

  .pc-cta { margin-top: 28px; position: relative; overflow: hidden; display: inline-flex; align-items: center; gap: 9px; padding: 15px 28px; border-radius: 999px;
    font-weight: 700; font-size: 15px; color: #fff; background: linear-gradient(135deg, #3c2b5d 0%, #633599 58%, #8b5cf6 125%);
    box-shadow: 0 16px 34px -12px rgba(99,53,153,.6), 0 0 24px -8px rgba(139,92,246,.55), inset 0 1px 0 rgba(255,255,255,.25); transition: transform .2s ease, box-shadow .25s ease; }
  .pc-cta:hover { transform: translateY(-2px); box-shadow: 0 22px 44px -12px rgba(99,53,153,.72), 0 0 34px -6px rgba(139,92,246,.65), inset 0 1px 0 rgba(255,255,255,.3); }
  .pc-cta svg { width: 16px; height: 16px; }
  .pc-cta::after { content: ""; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(120deg, transparent 32%, rgba(255,255,255,.4) 50%, transparent 68%); transform: translateX(-130%); transition: transform .6s ease; }
  .pc-cta:hover::after { transform: translateX(130%); }

  @media (max-width: 860px) {
    .pc-measure { display: none; }
    .pc-shade { background: linear-gradient(0deg, rgba(18,12,30,.95) 0%, rgba(18,12,30,.7) 45%, rgba(18,12,30,.5) 100%); }
    .pc-content { max-width: none; }
  }
  @media (max-width: 520px) { .pc-caps { grid-template-columns: 1fr; } }
  @media (prefers-reduced-motion: reduce) {
    .pc-bg img { animation: none !important; }
    .pc-dline { stroke-dashoffset: 0 !important; animation: none !important; }
    .pc-tick, .pc-mlabel, .pc-wtag, .pc-cap { opacity: 1 !important; transform: none !important; animation: none !important; }
    .pc-scan { display: none; }
  }
/*PC-END*/

/*LDR-START*/
  /* ===== LEADERSHIP — editorial letter ===== */
  .ldr-sec { position: relative; overflow: hidden; padding: clamp(70px, 9vw, 120px) 24px;
    background: radial-gradient(60% 40% at 80% 0%, rgba(139,92,246,.08), transparent 60%), linear-gradient(180deg, var(--bg-2), var(--bg)); }
  .ldr-inner { max-width: 1180px; margin: 0 auto; }
  .ldr-top { text-align: center; max-width: 640px; margin: 0 auto clamp(44px, 6vw, 76px); }
  .ldr-eyebrow { display: inline-flex; align-items: center; gap: 9px; font-family: "JetBrains Mono", monospace; font-size: 12px; font-weight: 700; letter-spacing: .2em; text-transform: uppercase; color: #633599; }
  .ldr-eyebrow::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: #8b5cf6; box-shadow: 0 0 0 4px rgba(139,92,246,.18); }
  [data-theme="dark"] .ldr-eyebrow { color: #c4a5ff; }
  .ldr-top h2 { font-family: "Space Grotesk"; font-weight: 700; letter-spacing: -.02em; font-size: clamp(30px, 4.4vw, 50px); line-height: 1.05; margin: 16px 0 0; color: var(--ink); }
  .ldr-top h2 .g { background: linear-gradient(100deg, #633599, #8b5cf6); -webkit-background-clip: text; background-clip: text; color: transparent; }

  .ldr-block { display: grid; grid-template-columns: minmax(0, .92fr) minmax(0, 1.42fr); gap: clamp(30px, 5vw, 70px); align-items: center; }
  .ldr-block + .ldr-block { margin-top: clamp(60px, 9vw, 120px); padding-top: clamp(60px, 9vw, 120px); border-top: 1px solid var(--border); }
  .ldr-block.rev { grid-template-columns: minmax(0, 1.42fr) minmax(0, .92fr); }
  .ldr-block.rev .ldr-media { order: 2; }

  /* portrait */
  .ldr-media { position: relative; opacity: 0; transform: translateY(22px); transition: opacity .7s ease, transform .7s ease; }
  .ldr-glow { position: absolute; inset: -10%; z-index: 0; background: radial-gradient(circle at 50% 40%, rgba(139,92,246,.42), transparent 68%); filter: blur(46px); }
  .ldr-frame { position: relative; z-index: 1; aspect-ratio: 4 / 5; border-radius: 24px; overflow: hidden;
    background: linear-gradient(140deg, #3c2b5d, #633599 65%, #2b2a29); border: 1px solid var(--border);
    box-shadow: 0 44px 90px -34px rgba(60,43,93,.55), inset 0 1px 0 rgba(255,255,255,.08); }
  .ldr-fallback { position: absolute; inset: 0; z-index: 0; display: grid; place-items: center; font-family: "Space Grotesk"; font-weight: 700; font-size: clamp(52px, 9vw, 88px); color: rgba(255,255,255,.92); letter-spacing: .04em; }
  .ldr-frame img { position: relative; z-index: 1; width: 100%; height: 100%; object-fit: cover; object-position: center top; transition: opacity .3s ease; }
  .ldr-frame img.hide { opacity: 0; }
  .ldr-corner { position: absolute; z-index: 2; width: 34px; height: 34px; border: 2px solid rgba(196,181,253,.55); }
  .ldr-corner.tl { top: 14px; left: 14px; border-right: none; border-bottom: none; border-top-left-radius: 8px; }
  .ldr-corner.br { bottom: 14px; right: 14px; border-left: none; border-top: none; border-bottom-right-radius: 8px; }
  .ldr-badge { position: absolute; z-index: 3; left: 50%; transform: translateX(-50%); bottom: 16px; white-space: nowrap;
    background: rgba(20,14,33,.6); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); border: 1px solid rgba(196,181,253,.3); color: #fff;
    border-radius: 999px; padding: 8px 16px; font-family: "JetBrains Mono", monospace; font-size: 11px; font-weight: 500; letter-spacing: .12em; text-transform: uppercase; }

  /* body */
  .ldr-body { position: relative; opacity: 0; transform: translateY(22px); transition: opacity .7s ease .12s, transform .7s ease .12s; }
  .ldr-blk { font-family: "JetBrains Mono", monospace; font-size: 12px; font-weight: 700; letter-spacing: .2em; text-transform: uppercase; color: #633599; display: inline-flex; align-items: center; gap: 8px; }
  .ldr-blk::before { content: ""; width: 20px; height: 1.5px; background: #8b5cf6; }
  [data-theme="dark"] .ldr-blk { color: #c4a5ff; }
  .ldr-qmark { font-family: Georgia, "Times New Roman", serif; font-size: 86px; line-height: .1; display: block; height: 34px; margin-top: 14px;
    background: linear-gradient(120deg, #8b5cf6, #d946ef); -webkit-background-clip: text; background-clip: text; color: transparent; }
  .ldr-pq { font-family: "Space Grotesk"; font-weight: 600; font-size: clamp(21px, 2.5vw, 29px); line-height: 1.28; letter-spacing: -.01em; color: var(--ink); margin: 0 0 22px; }
  .ldr-pq .hl { background: linear-gradient(100deg, #633599, #8b5cf6); -webkit-background-clip: text; background-clip: text; color: transparent; }
  .ldr-body p { font-size: 15.5px; line-height: 1.78; color: color-mix(in srgb, var(--ink) 80%, transparent); margin: 14px 0 0; }
  [data-theme="dark"] .ldr-body p { color: rgba(231,224,250,.8); }

  .ldr-name { font-family: "Space Grotesk"; font-weight: 700; font-size: clamp(21px, 2.4vw, 27px); color: var(--ink); margin-top: 4px; }
  .ldr-role { font-family: "JetBrains Mono", monospace; font-size: 12px; letter-spacing: .14em; text-transform: uppercase; color: var(--muted); margin-top: 5px; }

  .ldr-chips { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 20px; }
  .ldr-chips span { font-family: "JetBrains Mono", monospace; font-size: 11px; letter-spacing: .05em; text-transform: uppercase; color: #633599;
    background: rgba(139,92,246,.1); border: 1px solid rgba(139,92,246,.24); border-radius: 999px; padding: 6px 12px; }
  [data-theme="dark"] .ldr-chips span { color: #d6c4ff; background: rgba(139,92,246,.16); border-color: rgba(139,92,246,.34); }

  .ldr-sign { margin-top: 24px; }
  .ldr-sign .sig { font-family: "Caveat", cursive; font-weight: 700; font-size: 42px; line-height: .9; color: #633599; }
  [data-theme="dark"] .ldr-sign .sig { color: #c4a5ff; }
  .ldr-sign .who { font-family: "JetBrains Mono", monospace; font-size: 11px; letter-spacing: .14em; text-transform: uppercase; color: var(--muted); margin-top: 8px; }

  .ldr-block.in .ldr-media, .ldr-block.in .ldr-body { opacity: 1; transform: none; }

  @media (max-width: 900px) {
    .ldr-block, .ldr-block.rev { grid-template-columns: 1fr; gap: 30px; }
    .ldr-block.rev .ldr-media { order: 0; }
    .ldr-media { max-width: 420px; margin: 0 auto; }
  }
  @media (prefers-reduced-motion: reduce) {
    .ldr-media, .ldr-body { opacity: 1 !important; transform: none !important; transition: none !important; }
  }
/*LDR-END*/


/*TS-START*/
  /* ===== TESTIMONIALS — google-review carousel ===== */
  .ts-sec { position: relative; overflow: hidden; padding: clamp(70px, 9vw, 116px) 24px;
    background: linear-gradient(165deg, #2a2140 0%, #3c2b5d 52%, #2b2a29 100%); }
  .ts-orb { position: absolute; border-radius: 50%; filter: blur(90px); opacity: .4; z-index: 0; pointer-events: none; }
  .ts-orb.a { width: 360px; height: 360px; background: #8b5cf6; left: -110px; top: -120px; }
  .ts-orb.b { width: 320px; height: 320px; background: #d946ef; right: -90px; bottom: -110px; }
  .ts-inner { position: relative; z-index: 2; max-width: 1180px; margin: 0 auto; }

  .ts-head { text-align: center; max-width: 680px; margin: 0 auto clamp(30px, 4vw, 46px); }
  .ts-eyebrow { display: inline-flex; align-items: center; gap: 9px; font-family: "JetBrains Mono", monospace; font-size: 12px; font-weight: 700; letter-spacing: .2em; text-transform: uppercase; color: #fff; }
  .ts-eyebrow::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: #c084fc; box-shadow: 0 0 0 4px rgba(168,85,247,.22); }
  .ts-head h2 { font-family: "Space Grotesk"; font-weight: 700; letter-spacing: -.02em; font-size: clamp(28px, 4.2vw, 48px); line-height: 1.06; margin: 16px 0 0; color: #fff; }
  .ts-head h2 .g { background: linear-gradient(100deg, #c4a5ff, #8b5cf6); -webkit-background-clip: text; background-clip: text; color: transparent; filter: drop-shadow(0 0 14px rgba(139,92,246,.4)); }
  .ts-summary { display: inline-flex; align-items: center; gap: 11px; margin-top: 22px; padding: 9px 16px; border-radius: 999px;
    background: #fff; box-shadow: 0 14px 30px -16px rgba(0,0,0,.5); }
  .ts-summary .gg { width: 20px; height: 20px; display: block; }
  .ts-sstars { display: inline-flex; gap: 1px; }
  .ts-sstars svg { width: 15px; height: 15px; }
  .ts-stext { font-size: 12.5px; font-weight: 600; color: #43386b; letter-spacing: .01em; }

  .ts-carousel { display: flex; align-items: center; gap: 14px; }
  .ts-viewport { flex: 1 1 auto; overflow: hidden; }
  .ts-track { display: flex; gap: 24px; transition: transform .55s cubic-bezier(.4,0,.2,1); will-change: transform; }
  .ts-card { flex: 0 0 360px; max-width: 85vw; background: #fff; border-radius: 20px; padding: 26px;
    box-shadow: 0 28px 56px -28px rgba(0,0,0,.55); display: flex; flex-direction: column; gap: 15px; }
  .ts-top { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }
  .ts-who { display: flex; align-items: center; gap: 13px; }
  .ts-av { width: 48px; height: 48px; border-radius: 50%; flex: none; display: grid; place-items: center; color: #fff; font-family: "Space Grotesk"; font-weight: 700; font-size: 16px; background: var(--c); box-shadow: 0 8px 16px -8px var(--c); }
  .ts-meta b { font-family: "Space Grotesk"; font-weight: 600; font-size: 16px; color: #1B1340; display: block; line-height: 1.2; }
  .ts-meta span { font-size: 12px; color: #6B5E8C; display: block; margin-top: 3px; line-height: 1.3; }
  .ts-g { flex: none; } .ts-g svg { width: 22px; height: 22px; display: block; }
  .ts-stars { display: flex; gap: 2px; }
  .ts-stars svg { width: 18px; height: 18px; }
  .ts-quote { font-size: 14.5px; line-height: 1.62; color: #443a66; margin: 0; }

  .ts-nav { flex: none; width: 46px; height: 46px; border-radius: 50%; cursor: pointer; display: grid; place-items: center;
    background: rgba(255,255,255,.08); border: 1px solid rgba(196,181,253,.28); color: #fff; backdrop-filter: blur(8px); transition: background .2s ease, transform .2s ease, border-color .2s ease; }
  .ts-nav:hover { background: rgba(255,255,255,.16); border-color: rgba(196,181,253,.5); transform: scale(1.06); }
  .ts-nav svg { width: 20px; height: 20px; }

  .ts-dots { display: flex; justify-content: center; gap: 8px; margin-top: clamp(24px, 3vw, 34px); }
  .ts-dot { width: 9px; height: 9px; border-radius: 50%; border: none; cursor: pointer; padding: 0; background: rgba(255,255,255,.28); transition: background .25s ease, width .25s ease, border-radius .25s ease; }
  .ts-dot.on { background: #c4a5ff; width: 26px; border-radius: 999px; }

  @media (max-width: 640px) { .ts-nav { display: none; } .ts-card { padding: 22px; } }
  @media (prefers-reduced-motion: reduce) { .ts-track { transition: none; } }
/*TS-END*/

/*FT-START*/
  /* ===== FOOTER — cinematic, ship video ===== */
  .ft { position: relative; overflow: hidden; isolation: isolate; color: #fff; background: #16102a; }
  .ft-video { position: absolute; inset: 0; z-index: 0; width: 100%; height: 100%; }
  .ft-video video { width: 100%; height: 100%; object-fit: cover; }
  .ft-veil { position: absolute; inset: 0; z-index: 1; pointer-events: none;
    background:
      radial-gradient(70% 60% at 12% 8%, rgba(139,92,246,.28), transparent 60%),
      radial-gradient(60% 60% at 92% 30%, rgba(217,70,239,.18), transparent 60%),
      linear-gradient(180deg, rgba(12,8,24,.82) 0%, rgba(33,25,52,.86) 38%, rgba(14,9,26,.95) 100%); }
  .ft-grain { position: absolute; inset: 0; z-index: 1; pointer-events: none; opacity: .5;
    background-image: radial-gradient(rgba(255,255,255,.05) 1px, transparent 1px); background-size: 4px 4px; mix-blend-mode: overlay; }
  .ft-orb { position: absolute; border-radius: 50%; filter: blur(90px); opacity: .4; z-index: 1; pointer-events: none; }
  .ft-orb.a { width: 360px; height: 360px; background: #8b5cf6; left: -120px; top: 6%; animation: ft-drift 20s ease-in-out infinite; }
  .ft-orb.b { width: 300px; height: 300px; background: #d946ef; right: -90px; bottom: 12%; animation: ft-drift 24s ease-in-out infinite reverse; }
  @keyframes ft-drift { 0%,100% { transform: translate(0,0); } 50% { transform: translate(26px,-22px); } }

  /* top wave divider */
  .ft-wave { position: absolute; top: 0; left: 0; width: 100%; height: 70px; z-index: 2; pointer-events: none; }
  .ft-wave svg { width: 100%; height: 100%; display: block; }
  .ft-wave .w1 { fill: none; stroke: rgba(196,181,253,.5); stroke-width: 1.5; stroke-dasharray: 6 10; animation: ft-wavemove 18s linear infinite; }
  @keyframes ft-wavemove { to { stroke-dashoffset: -320; } }
  .ft-edge { position: absolute; top: 0; left: 0; width: 100%; height: 1px; z-index: 3;
    background: linear-gradient(90deg, transparent, rgba(196,181,253,.7), rgba(217,70,239,.7), transparent); }

  .ft-wm { position: absolute; z-index: 1; left: 50%; bottom: 78px; transform: translateX(-50%); white-space: nowrap;
    font-family: "Space Grotesk"; font-weight: 700; font-size: clamp(60px, 16vw, 230px); letter-spacing: -.03em;
    color: rgba(255,255,255,.03); pointer-events: none; line-height: 1; }

  .ft-inner { position: relative; z-index: 4; max-width: 1180px; margin: 0 auto; padding: clamp(64px, 8vw, 96px) 24px 26px; }

  /* CTA / newsletter band */
  .ft-cta { display: grid; grid-template-columns: 1.15fr .95fr; gap: clamp(30px, 5vw, 70px); align-items: center;
    padding-bottom: clamp(44px, 6vw, 64px); border-bottom: 1px solid rgba(255,255,255,.12); }
  .ft-eyebrow { display: inline-flex; align-items: center; gap: 9px; font-family: "JetBrains Mono", monospace; font-size: 12px; font-weight: 700; letter-spacing: .2em; text-transform: uppercase; color: #fff; }
  .ft-eyebrow::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: #c084fc; box-shadow: 0 0 0 4px rgba(168,85,247,.25); }
  .ft-cta h2 { font-family: "Space Grotesk"; font-weight: 700; letter-spacing: -.02em; font-size: clamp(30px, 4.6vw, 56px); line-height: 1.04; margin: 16px 0 0; color: #fff; }
  .ft-cta h2 .g { background: linear-gradient(100deg, #e6d4ff, #b78bff 55%, #d946ef); -webkit-background-clip: text; background-clip: text; color: transparent; filter: drop-shadow(0 0 16px rgba(139,92,246,.45)); }
  .ft-cta .sub { margin: 16px 0 0; font-size: 16px; line-height: 1.6; color: rgba(231,224,250,.82); max-width: 46ch; }
  .ft-quote { margin-top: 18px; display: inline-flex; align-items: center; gap: 7px; font-size: 14px; font-weight: 600; color: #d6c4ff; text-decoration: none; }
  .ft-quote svg { width: 15px; height: 15px; transition: transform .25s ease; }
  .ft-quote:hover svg { transform: translateX(4px); }

  .ft-news { background: rgba(255,255,255,.06); border: 1px solid rgba(196,181,253,.2); border-radius: 20px; padding: 24px; backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); box-shadow: 0 30px 70px -30px rgba(0,0,0,.6); }
  .ft-news .nl { font-family: "Space Grotesk"; font-weight: 600; font-size: 18px; color: #fff; }
  .ft-news .nd { font-size: 13px; color: rgba(225,216,250,.65); margin-top: 5px; }
  .ft-field { display: flex; gap: 8px; margin-top: 16px; }
  .ft-field input { flex: 1; min-width: 0; padding: 13px 16px; border-radius: 12px; border: 1px solid rgba(196,181,253,.28); background: rgba(10,6,22,.5); color: #fff; font-family: inherit; font-size: 14.5px; outline: none; transition: border-color .2s ease, box-shadow .2s ease; }
  .ft-field input::placeholder { color: rgba(225,216,250,.5); }
  .ft-field input:focus { border-color: #8b5cf6; box-shadow: 0 0 0 3px rgba(139,92,246,.28); }
  .ft-sub { position: relative; overflow: hidden; flex: none; display: inline-flex; align-items: center; gap: 7px; padding: 13px 20px; border-radius: 12px; cursor: pointer; border: none;
    font-family: inherit; font-weight: 700; font-size: 14.5px; color: #fff; background: linear-gradient(135deg, #3c2b5d 0%, #633599 58%, #8b5cf6 125%);
    box-shadow: 0 14px 30px -12px rgba(99,53,153,.7), 0 0 22px -8px rgba(139,92,246,.6), inset 0 1px 0 rgba(255,255,255,.25); transition: transform .2s ease, box-shadow .25s ease; }
  .ft-sub:hover { transform: translateY(-2px); box-shadow: 0 20px 40px -12px rgba(99,53,153,.8), 0 0 30px -6px rgba(139,92,246,.7), inset 0 1px 0 rgba(255,255,255,.3); }
  .ft-sub svg { width: 15px; height: 15px; }
  .ft-sub::after { content: ""; position: absolute; inset: 0; background: linear-gradient(120deg, transparent 32%, rgba(255,255,255,.45) 50%, transparent 68%); transform: translateX(-130%); transition: transform .6s ease; }
  .ft-sub:hover::after { transform: translateX(130%); }
  .ft-msg { margin-top: 12px; font-size: 13px; font-weight: 600; min-height: 18px; }
  .ft-msg.ok { color: #b9ffd6; } .ft-msg.err { color: #ffc6e2; }
  .ft-field.shake { animation: ft-shake .4s; }
  @keyframes ft-shake { 0%,100%{transform:translateX(0)} 25%{transform:translateX(-6px)} 75%{transform:translateX(6px)} }

  /* main grid */
  .ft-main { display: grid; grid-template-columns: 1.7fr 1fr 1fr 1.1fr 1.2fr; gap: clamp(24px, 4vw, 44px); padding: clamp(44px, 6vw, 60px) 0; }
  .ft-brand .logo { height: 40px; width: auto; display: block; }
  .ft-brand .logo-fb { display: inline-flex; align-items: center; gap: 10px; font-family: "Space Grotesk"; font-weight: 700; font-size: 22px; color: #fff; }
  .ft-brand .logo-fb svg { width: 38px; height: 38px; }
  .ft-tag { font-family: "Space Grotesk"; font-weight: 600; font-size: 15px; color: #fff; margin-top: 18px; }
  .ft-blurb { font-size: 13.5px; line-height: 1.6; color: rgba(225,216,250,.66); margin-top: 8px; max-width: 34ch; }
  .ft-soc { display: flex; gap: 10px; margin-top: 18px; }
  .ft-soc a { width: 40px; height: 40px; border-radius: 11px; display: grid; place-items: center; color: #fff; background: rgba(255,255,255,.07); border: 1px solid rgba(196,181,253,.2); transition: transform .2s ease, background .2s ease, border-color .2s ease; }
  .ft-soc a:hover { transform: translateY(-3px); background: rgba(139,92,246,.3); border-color: rgba(196,181,253,.5); }
  .ft-soc svg { width: 18px; height: 18px; }

  .ft-col h4 { font-family: "JetBrains Mono", monospace; font-size: 11.5px; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; color: #c4a5ff; margin: 0 0 16px; }
  .ft-col ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 11px; }
  .ft-col a { font-size: 14px; color: rgba(231,224,250,.78); text-decoration: none; transition: color .2s ease, padding-left .2s ease; }
  .ft-col a:hover { color: #fff; padding-left: 4px; }
  .ft-col a.ext::after { content: "↗"; font-size: 11px; margin-left: 4px; color: #b78bff; }

  .ft-inv { margin-top: 16px; padding: 12px 14px; border-radius: 12px; background: linear-gradient(135deg, rgba(139,92,246,.18), rgba(217,70,239,.12)); border: 1px solid rgba(196,181,253,.3); }
  .ft-inv .lbl { font-family: "JetBrains Mono", monospace; font-size: 10px; letter-spacing: .14em; text-transform: uppercase; color: #d6c4ff; }
  .ft-inv a { display: inline-flex; align-items: center; gap: 6px; margin-top: 4px; font-family: "Space Grotesk"; font-weight: 600; font-size: 14.5px; color: #fff; text-decoration: none; }
  .ft-inv a svg { width: 14px; height: 14px; transition: transform .2s ease; }
  .ft-inv a:hover svg { transform: translateX(3px); }

  .ft-contact { font-style: normal; display: flex; flex-direction: column; gap: 12px; }
  .ft-contact .row { display: flex; gap: 10px; font-size: 13.5px; line-height: 1.5; color: rgba(231,224,250,.8); }
  .ft-contact .row svg { width: 17px; height: 17px; flex: none; margin-top: 1px; color: #b78bff; }
  .ft-contact a { color: rgba(231,224,250,.8); text-decoration: none; }
  .ft-contact a:hover { color: #fff; }

  /* badges */
  .ft-badges { display: flex; flex-wrap: wrap; gap: 9px; padding: 22px 0; border-top: 1px solid rgba(255,255,255,.1); border-bottom: 1px solid rgba(255,255,255,.1); }
  .ft-badges span { display: inline-flex; align-items: center; gap: 7px; font-family: "JetBrains Mono", monospace; font-size: 11px; letter-spacing: .04em; text-transform: uppercase; color: rgba(231,224,250,.74);
    background: rgba(255,255,255,.05); border: 1px solid rgba(196,181,253,.18); border-radius: 999px; padding: 7px 13px; }
  .ft-badges span::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: #8b5cf6; }

  /* bottom bar */
  .ft-bottom { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 14px; padding-top: 22px; }
  .ft-copy { font-size: 12.5px; color: rgba(225,216,250,.6); }
  .ft-legal { display: flex; flex-wrap: wrap; gap: 16px; }
  .ft-legal a { font-size: 12.5px; color: rgba(225,216,250,.6); text-decoration: none; }
  .ft-legal a:hover { color: #fff; }
  .ft-top { display: inline-flex; align-items: center; gap: 8px; cursor: pointer; border: 1px solid rgba(196,181,253,.28); background: rgba(255,255,255,.06); color: #fff; border-radius: 999px; padding: 9px 16px; font-family: inherit; font-size: 12.5px; font-weight: 600; transition: background .2s ease, transform .2s ease; }
  .ft-top:hover { background: rgba(139,92,246,.3); transform: translateY(-2px); }
  .ft-top svg { width: 14px; height: 14px; }

  @media (max-width: 1040px) { .ft-main { grid-template-columns: 1fr 1fr 1fr; } .ft-brand { grid-column: 1 / -1; } }
  @media (max-width: 760px) { .ft-cta { grid-template-columns: 1fr; } }
  @media (max-width: 620px) { .ft-main { grid-template-columns: 1fr 1fr; } .ft-bottom { flex-direction: column; align-items: flex-start; } }
  @media (prefers-reduced-motion: reduce) { .ft-orb, .ft-wave .w1 { animation: none !important; } }
/*FT-END*/



/*CM-START*/
  /* ===== CHAIRMAN — white, Apple-style, portrait-led ===== */
  .cm-sec { position: relative; overflow: hidden; min-height: 100vh; display: flex; align-items: center; padding: clamp(96px, 13vh, 150px) 24px;
    background: linear-gradient(180deg, #ffffff 0%, #faf9fe 62%, #f5f2fc 100%); }
  [data-theme="dark"] .cm-sec { background: linear-gradient(180deg, #0c0718 0%, #120b22 100%); }
  .cm-amb { position: absolute; z-index: 0; pointer-events: none; border-radius: 50%; filter: blur(90px); }
  .cm-amb.a { width: 520px; height: 520px; background: rgba(139,92,246,.14); left: -8%; top: 8%; }
  .cm-amb.b { width: 420px; height: 420px; background: rgba(217,70,239,.08); right: -6%; bottom: 4%; }
  [data-theme="dark"] .cm-amb.a { background: rgba(139,92,246,.22); } [data-theme="dark"] .cm-amb.b { background: rgba(217,70,239,.14); }

  .cm-inner { position: relative; z-index: 2; max-width: 1180px; margin: 0 auto; width: 100%;
    display: grid; grid-template-columns: 0.92fr 1.08fr; gap: clamp(40px, 6vw, 100px); align-items: center; }

  /* portrait — the hero */
  .cm-photo { position: relative; opacity: 0; transform: translateY(26px) scale(.985); transition: opacity .85s cubic-bezier(.22,1,.36,1), transform .85s cubic-bezier(.22,1,.36,1); }
  .cm-photo .glow { position: absolute; inset: -10% -8% -12% -10%; z-index: 0; background: radial-gradient(circle at 50% 38%, rgba(139,92,246,.26), transparent 70%); filter: blur(48px); }
  .cm-frame { position: relative; z-index: 1; aspect-ratio: 4 / 5; border-radius: 30px; overflow: hidden;
    background: linear-gradient(145deg, #6a3fa0, #8b5cf6); border: 1px solid rgba(226,220,240,.9);
    box-shadow: 0 60px 110px -45px rgba(60,43,93,.42), 0 18px 44px -22px rgba(60,43,93,.22); }
  [data-theme="dark"] .cm-frame { border-color: rgba(255,255,255,.12); box-shadow: 0 60px 120px -50px rgba(0,0,0,.7); }
  .cm-fb { position: absolute; inset: 0; z-index: 0; display: grid; place-items: center; font-family: "Space Grotesk"; font-weight: 700; font-size: clamp(56px, 8vw, 96px); color: rgba(255,255,255,.92); letter-spacing: .04em; }
  .cm-frame img { position: relative; z-index: 1; width: 100%; height: 100%; object-fit: cover; object-position: center 18%; transition: opacity .3s ease; }
  .cm-frame img.hide { opacity: 0; }
  .cm-chip { position: absolute; z-index: 2; left: 18px; bottom: 18px; display: flex; flex-direction: column;
    background: rgba(255,255,255,.82); -webkit-backdrop-filter: blur(16px); backdrop-filter: blur(16px); border: 1px solid rgba(255,255,255,.9);
    border-radius: 15px; padding: 11px 15px; box-shadow: 0 14px 34px -14px rgba(60,43,93,.34); }
  .cm-chip b { font-family: "Space Grotesk"; font-weight: 600; font-size: 14.5px; color: #1B1340; line-height: 1.1; }
  .cm-chip span { font-family: "JetBrains Mono", monospace; font-size: 10px; letter-spacing: .1em; text-transform: uppercase; color: #6B5E8C; margin-top: 4px; }

  /* message */
  .cm-body { opacity: 0; transform: translateY(26px); transition: opacity .85s cubic-bezier(.22,1,.36,1) .12s, transform .85s cubic-bezier(.22,1,.36,1) .12s; }
  .cm-eyebrow { font-family: "JetBrains Mono", monospace; font-size: 12px; font-weight: 700; letter-spacing: .2em; text-transform: uppercase; color: #7c46c9; }
  [data-theme="dark"] .cm-eyebrow { color: #c4a5ff; }
  .cm-h { font-family: "Space Grotesk", sans-serif; font-weight: 600; letter-spacing: -.03em; line-height: 1.03;
    font-size: clamp(38px, 5.4vw, 68px); color: var(--ink); margin: 18px 0 0; }
  .cm-text { margin-top: 22px; max-width: 52ch; }
  .cm-text p { font-size: clamp(16px, 1.35vw, 18.5px); line-height: 1.62; color: #5a5378; margin: 0 0 14px; }
  [data-theme="dark"] .cm-text p { color: rgba(231,224,250,.8); }
  .cm-text p b { color: var(--ink); font-weight: 600; }
  [data-theme="dark"] .cm-text p b { color: #fff; }

  .cm-sign-wrap { margin-top: 30px; padding-top: 26px; border-top: 1px solid var(--border); }
  .cm-sign { font-family: "Caveat", cursive; font-weight: 700; font-size: 44px; line-height: .8; color: #633599; }
  [data-theme="dark"] .cm-sign { color: #c4a5ff; }
  .cm-name { font-family: "Space Grotesk"; font-weight: 600; font-size: 15.5px; color: var(--ink); margin-top: 12px; }
  .cm-title { font-family: "JetBrains Mono", monospace; font-size: 11px; letter-spacing: .12em; text-transform: uppercase; color: var(--muted); margin-top: 5px; }

  .cm-sec.in .cm-photo, .cm-sec.in .cm-body { opacity: 1; transform: none; }

  @media (max-width: 900px) {
    .cm-sec { min-height: auto; }
    .cm-inner { grid-template-columns: 1fr; gap: 44px; }
    .cm-photo { max-width: 440px; margin: 0 auto; width: 100%; }
    .cm-body { text-align: left; }
  }
  @media (prefers-reduced-motion: reduce) {
    .cm-photo, .cm-body { opacity: 1 !important; transform: none !important; transition: none !important; }
  }
/*CM-END*/





/*CL-START*/
  /* ===== CLIENTELE — color logo slider ===== */
  .cl-sec { position: relative; overflow: hidden; padding: clamp(64px, 8vw, 104px) 0;
    background: radial-gradient(60% 50% at 50% -10%, rgba(139,92,246,.08), transparent 60%), var(--bg); }
  .cl-head { text-align: center; max-width: 720px; margin: 0 auto; padding: 0 24px; }
  .cl-eyebrow { display: inline-flex; align-items: center; gap: 9px; font-family: "JetBrains Mono", monospace; font-size: 12px; font-weight: 700; letter-spacing: .2em; text-transform: uppercase; color: #633599; }
  .cl-eyebrow::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: #8b5cf6; box-shadow: 0 0 0 4px rgba(139,92,246,.18); }
  [data-theme="dark"] .cl-eyebrow { color: #c4a5ff; }
  .cl-head h2 { font-family: "Space Grotesk"; font-weight: 700; letter-spacing: -.02em; font-size: clamp(28px, 4.2vw, 46px); line-height: 1.06; margin: 16px 0 0; color: var(--ink); }
  .cl-head h2 .g { background: linear-gradient(100deg, #633599, #8b5cf6); -webkit-background-clip: text; background-clip: text; color: transparent; }

  .cl-belt { display: flex; flex-direction: column; gap: 16px; }
  .cl-track { overflow: hidden; -webkit-mask-image: linear-gradient(to right, transparent, #000 6%, #000 94%, transparent); mask-image: linear-gradient(to right, transparent, #000 6%, #000 94%, transparent); }
  .cl-row { display: flex; gap: 16px; width: max-content; will-change: transform; }
  .cl-row.left { animation: cl-left 44s linear infinite; }
  .cl-row.right { animation: cl-right 44s linear infinite; }
  @keyframes cl-left { from { transform: translateX(0); } to { transform: translateX(-50%); } }
  @keyframes cl-right { from { transform: translateX(-50%); } to { transform: translateX(0); } }
  .cl-row:hover { animation-play-state: paused; }

  .cl-card { position: relative; flex: none; width: 190px; height: 104px; background: #fff; border: 1px solid var(--border); border-radius: 16px;
    display: grid; place-items: center; padding: 20px; overflow: hidden; box-shadow: 0 12px 26px -18px rgba(60,43,93,.4);
    transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease; }
  .cl-card:hover { transform: translateY(-5px); border-color: rgba(139,92,246,.45); box-shadow: 0 22px 44px -20px rgba(139,92,246,.42); }
  .cl-fb { position: absolute; inset: 0; display: grid; place-items: center; text-align: center; padding: 12px; font-family: "Space Grotesk"; font-weight: 600; font-size: 14px; color: #6B5E8C; }
  .cl-card img { position: relative; max-width: 100%; max-height: 100%; object-fit: contain; transition: transform .3s ease; }
  .cl-card:hover img { transform: scale(1.07); }
  .cl-card img.hide { opacity: 0; }

  @media (max-width: 560px) { .cl-card { width: 158px; height: 92px; } .cl-row.left, .cl-row.right { animation-duration: 34s; } }
  @media (prefers-reduced-motion: reduce) { .cl-row.left, .cl-row.right { animation: none !important; } }
/*CL-END*/






/*FAQ-START*/
  /* ===== FAQ — accordion ===== */
  .faq-sec { position:relative; overflow:hidden; padding:clamp(72px,9vw,116px) 24px; background:radial-gradient(60% 50% at 50% -8%,rgba(139,92,246,.07),transparent 60%),linear-gradient(180deg,#ffffff,#f4f1fb); }
  [data-theme="dark"] .faq-sec { background:linear-gradient(180deg,#0d0719,#120b22); }
  .faq-inner { position:relative; z-index:2; max-width:820px; margin:0 auto; }
  .faq-head { text-align:center; margin:0 auto clamp(32px,4vw,46px); }
  .faq-eyebrow { display:inline-flex; align-items:center; gap:9px; font-family:"JetBrains Mono",monospace; font-size:12px; font-weight:700; letter-spacing:.2em; text-transform:uppercase; color:#7c46c9; }
  .faq-eyebrow::before { content:""; width:7px; height:7px; border-radius:50%; background:#8b5cf6; box-shadow:0 0 0 4px rgba(139,92,246,.18); }
  [data-theme="dark"] .faq-eyebrow { color:#c4a5ff; }
  .faq-head h2 { font-family:"Space Grotesk"; font-weight:700; letter-spacing:-.02em; font-size:clamp(28px,4.2vw,46px); line-height:1.06; margin:16px 0 0; color:var(--ink); }
  .faq-head h2 .g { background:linear-gradient(100deg,#633599,#8b5cf6); -webkit-background-clip:text; background-clip:text; color:transparent; }

  .faq-list { display:flex; flex-direction:column; gap:12px; }
  .faq-item { border:1px solid var(--border); border-radius:16px; background:#fff; overflow:hidden; transition:border-color .3s ease, box-shadow .3s ease;
    opacity:0; transform:translateY(14px); }
  [data-theme="dark"] .faq-item { background:rgba(255,255,255,.04); }
  .faq-sec.in .faq-item { opacity:1; transform:none; transition:border-color .3s ease, box-shadow .3s ease, opacity .5s ease, transform .5s ease; }
  .faq-sec.in .faq-item:nth-child(2){transition-delay:.05s} .faq-sec.in .faq-item:nth-child(3){transition-delay:.1s}
  .faq-sec.in .faq-item:nth-child(4){transition-delay:.15s} .faq-sec.in .faq-item:nth-child(5){transition-delay:.2s} .faq-sec.in .faq-item:nth-child(6){transition-delay:.25s}
  .faq-item.open { border-color:rgba(139,92,246,.45); box-shadow:0 18px 36px -22px rgba(99,53,153,.4); }
  .faq-q { width:100%; display:flex; align-items:center; justify-content:space-between; gap:16px; padding:20px 22px; background:none; border:0; cursor:pointer; text-align:left;
    font-family:"Space Grotesk"; font-weight:600; font-size:clamp(15.5px,1.7vw,18px); color:var(--ink); }
  .faq-q .chev { flex:none; width:30px; height:30px; border-radius:50%; display:grid; place-items:center; color:#fff; background:linear-gradient(140deg,#633599,#8b5cf6); transition:transform .35s ease; }
  .faq-q .chev svg { width:15px; height:15px; }
  .faq-item.open .chev { transform:rotate(180deg); }
  .faq-a { display:grid; grid-template-rows:0fr; transition:grid-template-rows .38s cubic-bezier(.4,0,.2,1); }
  .faq-item.open .faq-a { grid-template-rows:1fr; }
  .faq-a-in { overflow:hidden; }
  .faq-a p { margin:0; padding:0 22px 22px; font-size:15px; line-height:1.65; color:var(--muted); max-width:64ch; }

  @media (prefers-reduced-motion:reduce) { .faq-item { opacity:1 !important; transform:none !important; } }
/*FAQ-END*/



/*TM-START*/
  /* ===== TRACK RECORD — image-led metric bento ===== */
  .tm-sec { position:relative; overflow:hidden; padding:clamp(74px,9vw,120px) 24px; background:linear-gradient(165deg,#241a38 0%,#15101f 60%,#1f1a26 100%); }
  .tm-orb { position:absolute; border-radius:50%; filter:blur(96px); opacity:.32; z-index:0; pointer-events:none; }
  .tm-orb.a { width:340px; height:340px; background:#8b5cf6; left:-100px; top:-6%; }
  .tm-orb.b { width:300px; height:300px; background:#d946ef; right:-80px; bottom:-6%; }

  .tm-inner { position:relative; z-index:2; max-width:1180px; margin:0 auto; }
  .tm-head { max-width:680px; margin:0 auto clamp(34px,4.5vw,52px); text-align:center; }
  .tm-eyebrow { display:inline-flex; align-items:center; gap:9px; font-family:"JetBrains Mono",monospace; font-size:12px; font-weight:700; letter-spacing:.2em; text-transform:uppercase; color:#fff; }
  .tm-eyebrow::before { content:""; width:7px; height:7px; border-radius:50%; background:#c084fc; box-shadow:0 0 0 4px rgba(168,85,247,.22); }
  .tm-head h2 { font-family:"Space Grotesk"; font-weight:700; letter-spacing:-.02em; font-size:clamp(28px,4.2vw,48px); line-height:1.06; margin:16px 0 0; color:#fff; }
  .tm-head h2 .g { background:linear-gradient(100deg,#c4a5ff,#8b5cf6); -webkit-background-clip:text; background-clip:text; color:transparent; filter:drop-shadow(0 0 14px rgba(139,92,246,.4)); }

  .tm-grid { display:grid; grid-template-columns:repeat(4,1fr); grid-auto-rows:184px; gap:16px; }
  .tm-tile { position:relative; overflow:hidden; border-radius:22px; background:linear-gradient(150deg,#3c2b5d,#2b2a29); border:1px solid rgba(196,181,253,.16);
    opacity:0; transform:translateY(18px); transition:opacity .6s ease, transform .6s ease, box-shadow .35s ease, border-color .35s ease; }
  .tm-sec.in .tm-tile { opacity:1; transform:none; }
  .tm-sec.in .tm-tile:nth-child(2){transition-delay:.07s} .tm-sec.in .tm-tile:nth-child(3){transition-delay:.14s}
  .tm-sec.in .tm-tile:nth-child(4){transition-delay:.21s} .tm-sec.in .tm-tile:nth-child(5){transition-delay:.28s}
  .tm-tile:hover { box-shadow:0 30px 56px -26px rgba(0,0,0,.7), 0 0 30px -10px rgba(139,92,246,.5); border-color:rgba(139,92,246,.5); }
  .tm-a { grid-column:span 2; grid-row:span 2; }

  .tm-bg { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; transition:transform .7s ease; }
  .tm-tile:hover .tm-bg { transform:scale(1.07); }
  .tm-bg.hide { opacity:0; }
  .tm-veil { position:absolute; inset:0; background:linear-gradient(175deg,rgba(20,14,30,.28) 0%,rgba(20,14,30,.5) 48%,rgba(13,8,20,.9) 100%); }
  .tm-a .tm-veil { background:linear-gradient(160deg,rgba(20,14,30,.32) 0%,rgba(20,14,30,.45) 40%,rgba(13,8,20,.9) 100%); }

  .tm-c { position:relative; z-index:2; height:100%; display:flex; flex-direction:column; justify-content:flex-end; padding:24px; }
  .tm-a .tm-c { padding:30px; }
  .tm-ic { width:42px; height:42px; border-radius:12px; display:grid; place-items:center; color:#fff; align-self:flex-start; margin-bottom:auto;
    background:rgba(139,92,246,.4); border:1px solid rgba(196,181,253,.4); backdrop-filter:blur(4px); }
  .tm-ic svg { width:21px; height:21px; }
  .tm-num { font-family:"Space Grotesk"; font-weight:700; letter-spacing:-.03em; line-height:.95; font-variant-numeric:tabular-nums; white-space:nowrap;
    font-size:clamp(34px,4.4vw,50px); background:linear-gradient(120deg,#ffffff,#e6d8ff); -webkit-background-clip:text; background-clip:text; color:transparent;
    filter:drop-shadow(0 4px 18px rgba(0,0,0,.5)); }
  .tm-a .tm-num { font-size:clamp(44px,7vw,84px); }
  .tm-lbl { font-family:"Space Grotesk"; font-weight:600; font-size:15.5px; color:#fff; margin-top:8px; text-shadow:0 2px 8px rgba(0,0,0,.5); }
  .tm-sub { font-size:12.5px; color:rgba(235,228,250,.78); margin-top:4px; text-shadow:0 1px 6px rgba(0,0,0,.5); }

  @media (max-width:880px) { .tm-grid { grid-template-columns:repeat(2,1fr); grid-auto-rows:180px; } .tm-a { grid-column:span 2; grid-row:span 1; } }
  @media (max-width:520px) { .tm-grid { grid-template-columns:1fr; } .tm-a,.tm-tile { grid-column:span 1; } }
  @media (prefers-reduced-motion:reduce) { .tm-tile{opacity:1!important;transform:none!important} .tm-bg{transition:none!important} }
/*TM-END*/

/*AB3-START*/
  /* ===== ABOUT SJ LOGISTICS — route map ===== */
  .ab3-sec { position:relative; overflow:hidden; padding:clamp(76px,10vw,128px) 24px; background:linear-gradient(180deg,#ffffff 0%,#f6f3fc 100%); }
  [data-theme="dark"] .ab3-sec { background:linear-gradient(180deg,#0d0719,#160f28); }
  .ab3-orb { position:absolute; border-radius:50%; filter:blur(96px); z-index:0; pointer-events:none; }
  .ab3-orb.a { width:340px; height:340px; background:rgba(139,92,246,.12); left:-90px; top:6%; }
  .ab3-orb.b { width:300px; height:300px; background:rgba(217,70,239,.08); right:-70px; bottom:6%; }
  .ab3-grid { position:relative; z-index:2; max-width:1180px; margin:0 auto; display:grid; grid-template-columns:1fr 1.12fr; gap:clamp(32px,4vw,60px); align-items:center; }

  .ab3-copy { opacity:0; transform:translateY(20px); transition:opacity .8s ease,transform .8s ease; }
  .ab3-sec.in .ab3-copy { opacity:1; transform:none; }
  .ab3-eyebrow { display:inline-flex; align-items:center; gap:9px; font-family:"JetBrains Mono",monospace; font-size:12px; font-weight:700; letter-spacing:.2em; text-transform:uppercase; color:#7c46c9; }
  .ab3-eyebrow::before { content:""; width:7px; height:7px; border-radius:50%; background:#8b5cf6; box-shadow:0 0 0 4px rgba(139,92,246,.18); }
  [data-theme="dark"] .ab3-eyebrow { color:#c4a5ff; }
  .ab3-copy h2 { font-family:"Space Grotesk"; font-weight:700; letter-spacing:-.02em; font-size:clamp(30px,4.4vw,52px); line-height:1.05; margin:16px 0 0; color:var(--ink); }
  .ab3-copy h2 .g { background:linear-gradient(100deg,#633599,#8b5cf6 60%,#d946ef); -webkit-background-clip:text; background-clip:text; color:transparent; }
  .ab3-lead { margin:18px 0 0; font-size:16.5px; line-height:1.65; color:#5a5378; max-width:52ch; }
  [data-theme="dark"] .ab3-lead { color:rgba(231,224,250,.82); }
  .ab3-lead b { color:var(--ink); font-weight:600; } [data-theme="dark"] .ab3-lead b { color:#fff; }
  .ab3-stats { display:flex; gap:clamp(22px,3vw,42px); flex-wrap:wrap; margin-top:28px; }
  .ab3-stat b { display:block; font-family:"Space Grotesk"; font-weight:700; font-size:clamp(28px,3.4vw,40px); line-height:1; font-variant-numeric:tabular-nums; background:linear-gradient(120deg,#633599,#8b5cf6); -webkit-background-clip:text; background-clip:text; color:transparent; }
  [data-theme="dark"] .ab3-stat b { background:linear-gradient(120deg,#fff,#c4a5ff); -webkit-background-clip:text; background-clip:text; }
  .ab3-stat span { display:block; margin-top:6px; font-family:"JetBrains Mono",monospace; font-size:10.5px; letter-spacing:.1em; text-transform:uppercase; color:var(--muted); }
  .ab3-cta { position:relative; overflow:hidden; margin-top:30px; display:inline-flex; align-items:center; gap:9px; padding:14px 26px; border-radius:999px; font-weight:700; font-size:14.5px; color:#fff; text-decoration:none; background:linear-gradient(135deg,#3c2b5d 0%,#633599 58%,#8b5cf6 125%); box-shadow:0 16px 32px -12px rgba(99,53,153,.5),0 0 22px -8px rgba(139,92,246,.45),inset 0 1px 0 rgba(255,255,255,.25); transition:transform .2s ease; }
  .ab3-cta:hover { transform:translateY(-2px); }
  .ab3-cta svg { width:16px; height:16px; }
  .ab3-cta::after { content:""; position:absolute; inset:0; background:linear-gradient(120deg,transparent 32%,rgba(255,255,255,.42) 50%,transparent 68%); transform:translateX(-130%); transition:transform .6s ease; }
  .ab3-cta:hover::after { transform:translateX(130%); }

  /* ---- map panel ---- */
  .ab3-map { position:relative; border-radius:24px; overflow:hidden; padding:18px 18px 8px; background:radial-gradient(120% 90% at 70% 10%,#2a2044,#161026 70%); border:1px solid rgba(196,181,253,.18); box-shadow:0 40px 80px -38px rgba(60,43,93,.6);
    opacity:0; transform:translateY(24px) scale(.98); transition:opacity .8s ease .15s, transform .8s ease .15s; }
  .ab3-sec.in .ab3-map { opacity:1; transform:none; }
  .ab3-maptop { display:flex; align-items:center; gap:9px; padding:4px 6px 12px; }
  .ab3-live { width:8px; height:8px; border-radius:50%; background:#c084fc; box-shadow:0 0 0 0 rgba(192,132,252,.6); animation:ab3-livepulse 2s ease-out infinite; }
  @keyframes ab3-livepulse { 0%{box-shadow:0 0 0 0 rgba(192,132,252,.55)} 70%,100%{box-shadow:0 0 0 9px rgba(192,132,252,0)} }
  .ab3-maptop b { font-family:"Space Grotesk"; font-weight:600; font-size:13.5px; color:#fff; }
  .ab3-maptop span { margin-left:auto; font-family:"JetBrains Mono",monospace; font-size:10px; letter-spacing:.12em; text-transform:uppercase; color:rgba(231,224,250,.55); }
  .mp-svg { width:100%; height:auto; display:block; }
  .mp-dots circle { fill:rgba(196,181,253,.22); }
  .mp-rt { fill:none; stroke:rgba(176,134,238,.5); stroke-width:1.3; }
  .mp-pulse { fill:#ffffff; filter:drop-shadow(0 0 4px #c4a5ff); }
  .mp-city circle { fill:#c084fc; filter:drop-shadow(0 0 5px rgba(192,132,252,.8)); }
  .mp-hub circle:nth-of-type(2) { filter:drop-shadow(0 0 8px rgba(255,255,255,.9)); }
  .mp-ring { fill:none; stroke:#c4a5ff; stroke-width:2; transform-box:fill-box; transform-origin:center; animation:mp-ping 2.4s ease-out infinite; }
  @keyframes mp-ping { 0%{transform:scale(1);opacity:.85} 70%,100%{transform:scale(2.9);opacity:0} }
  .mp-lbl { fill:rgba(231,224,250,.82); font-family:"Space Grotesk",sans-serif; font-weight:600; font-size:12px; }
  .mp-lbl-hub { fill:#fff; font-size:14px; font-weight:700; }

  @media (max-width:860px) { .ab3-grid { grid-template-columns:1fr; gap:48px; } }
  @media (prefers-reduced-motion:reduce) {
    .ab3-copy,.ab3-map { opacity:1 !important; transform:none !important; }
    .mp-pulse animateMotion { display:none; } .mp-ring,.ab3-live { animation:none !important; }
  }
/*AB3-END*/






/*SOL-START*/
  /* ===== OUR SOLUTIONS — alternating parallax rows ===== */
  .sol-sec { position:relative; overflow:hidden; padding:clamp(72px,9vw,128px) 24px; background:linear-gradient(180deg,#f6f3fc,#ffffff); }
  [data-theme="dark"] .sol-sec { background:linear-gradient(180deg,#0d0719,#160f28); }
  .sol-inner { max-width:1180px; margin:0 auto; }
  .sol-head { max-width:680px; margin:0 auto clamp(44px,6vw,72px); text-align:center; }
  .sol-eyebrow { display:inline-flex; align-items:center; gap:9px; font-family:"JetBrains Mono",monospace; font-size:12px; font-weight:700; letter-spacing:.2em; text-transform:uppercase; color:#7c46c9; }
  .sol-eyebrow::before { content:""; width:7px; height:7px; border-radius:50%; background:#8b5cf6; box-shadow:0 0 0 4px rgba(139,92,246,.18); }
  [data-theme="dark"] .sol-eyebrow { color:#c4a5ff; }
  .sol-head h2 { font-family:"Space Grotesk"; font-weight:700; letter-spacing:-.02em; font-size:clamp(28px,4.2vw,48px); line-height:1.06; margin:16px 0 0; color:var(--ink); }
  .sol-head h2 .g { background:linear-gradient(100deg,#633599,#8b5cf6 60%,#d946ef); -webkit-background-clip:text; background-clip:text; color:transparent; }
  .sol-head p { margin:14px auto 0; font-size:15.5px; color:var(--muted); max-width:52ch; }

  .sol-rows { display:flex; flex-direction:column; gap:clamp(40px,6vw,84px); }
  .sol-row { display:grid; grid-template-columns:1fr 1fr; gap:clamp(28px,5vw,72px); align-items:center; }

  .sol-media { position:relative; overflow:hidden; border-radius:24px; height:clamp(300px,34vw,420px);
    background:linear-gradient(150deg,#3c2b5d,#8b5cf6); box-shadow:0 36px 70px -34px rgba(60,43,93,.55); border:1px solid rgba(196,181,253,.18);
    opacity:0; transform:translateX(-46px); transition:opacity .85s cubic-bezier(.22,1,.36,1), transform .85s cubic-bezier(.22,1,.36,1); }
  .sol-pllx { position:absolute; top:-23%; left:0; width:100%; height:146%; will-change:transform; transform:translate3d(0,0,0); backface-visibility:hidden; }
  .sol-img { width:100%; height:100%; object-fit:cover; transform:scale(1.14); transition:transform 1.05s cubic-bezier(.22,1,.36,1); }
  .sol-img.hide { opacity:0; }
  .sol-row.in .sol-img { transform:scale(1); }
  .sol-media:hover .sol-img { transform:scale(1.05); }
  .sol-badge { position:absolute; top:18px; left:20px; font-family:"JetBrains Mono",monospace; font-weight:700; font-size:clamp(34px,4vw,52px); line-height:1; color:rgba(255,255,255,.92);
    text-shadow:0 4px 22px rgba(0,0,0,.5); letter-spacing:-.02em; z-index:2; }

  .sol-content { opacity:0; transform:translateX(46px); transition:opacity .85s cubic-bezier(.22,1,.36,1) .1s, transform .85s cubic-bezier(.22,1,.36,1) .1s; }
  .sol-ic { display:inline-grid; place-items:center; width:50px; height:50px; border-radius:14px; color:#fff; margin-bottom:18px;
    background:linear-gradient(140deg,#633599,#8b5cf6); box-shadow:0 12px 26px -12px rgba(99,53,153,.6); }
  .sol-ic svg { width:25px; height:25px; }
  .sol-name { font-family:"Space Grotesk"; font-weight:700; letter-spacing:-.02em; font-size:clamp(24px,3vw,34px); line-height:1.08; margin:0; color:var(--ink); }
  .sol-desc { margin:14px 0 0; font-size:16px; line-height:1.62; color:var(--muted); max-width:42ch; }
  .sol-more { display:inline-flex; align-items:center; gap:8px; margin-top:24px; font-weight:700; font-size:15px; text-decoration:none; color:#7c46c9; }
  [data-theme="dark"] .sol-more { color:#c4a5ff; }
  .sol-more svg { width:17px; height:17px; transition:transform .25s ease; }
  .sol-more:hover svg { transform:translateX(5px); }

  /* even rows: image on the right, content on the left */
  .sol-row:nth-child(even) .sol-media { order:2; transform:translateX(46px); }
  .sol-row:nth-child(even) .sol-content { transform:translateX(-46px); }
  .sol-row.in .sol-media, .sol-row.in .sol-content { opacity:1; transform:none; }

  @media (max-width:820px) {
    .sol-row { grid-template-columns:1fr; gap:22px; }
    .sol-row:nth-child(even) .sol-media { order:0; }
    .sol-media,.sol-content,.sol-row:nth-child(even) .sol-media,.sol-row:nth-child(even) .sol-content { transform:translateY(34px); }
    .sol-row.in .sol-media,.sol-row.in .sol-content { transform:none; }
    .sol-media { height:clamp(240px,62vw,340px); }
  }
  @media (prefers-reduced-motion:reduce) {
    .sol-media,.sol-content { opacity:1 !important; transform:none !important; }
    .sol-pllx { transform:none !important; }
  }
/*SOL-END*/
/*CTA-START*/
  /* ===== FINAL CTA — pure white closer ===== */
  .cta-sec { position:relative; overflow:hidden; isolation:isolate; padding:clamp(92px,12vw,150px) 24px; background:#ffffff; }
  [data-theme="dark"] .cta-sec { background:linear-gradient(180deg,#0d0719,#160f28); }
  /* subtle travelling route dots — the only motion on the white field */
  .cta-lane { position:absolute; left:0; right:0; top:24%; height:2px; z-index:0; background:linear-gradient(90deg,transparent,rgba(139,92,246,.22),transparent); }
  .cta-lane::after { content:""; position:absolute; top:50%; left:0; width:9px; height:9px; border-radius:50%; background:#8b5cf6; box-shadow:0 0 10px 2px rgba(139,92,246,.6); transform:translate(-50%,-50%); animation:cta-fly 7s linear infinite; }
  @keyframes cta-fly { 0%{left:-2%;opacity:0} 8%{opacity:1} 92%{opacity:1} 100%{left:102%;opacity:0} }
  .cta-lane.two { top:74%; } .cta-lane.two::after { animation-duration:9s; animation-delay:2.4s; }

  .cta-inner { position:relative; z-index:2; max-width:860px; margin:0 auto; text-align:center; }
  .cta-eyebrow { display:inline-flex; align-items:center; gap:9px; padding:7px 15px; border-radius:999px; background:rgba(139,92,246,.08); border:1px solid rgba(139,92,246,.22);
    font-family:"JetBrains Mono",monospace; font-size:11.5px; font-weight:700; letter-spacing:.18em; text-transform:uppercase; color:#7c46c9; }
  .cta-eyebrow::before { content:""; width:7px; height:7px; border-radius:50%; background:#8b5cf6; box-shadow:0 0 0 4px rgba(139,92,246,.18); }
  [data-theme="dark"] .cta-eyebrow { color:#c4a5ff; background:rgba(196,181,253,.1); border-color:rgba(196,181,253,.28); }
  .cta-inner h2 { font-family:"Space Grotesk"; font-weight:700; letter-spacing:-.025em; font-size:clamp(36px,6.2vw,70px); line-height:1.02; margin:22px 0 0; color:var(--ink); text-wrap:balance; }
  .cta-inner h2 .g { background:linear-gradient(100deg,#633599,#8b5cf6 55%,#d946ef); -webkit-background-clip:text; background-clip:text; color:transparent; }
  .cta-inner p { margin:20px auto 0; max-width:46ch; font-size:clamp(15.5px,2vw,18px); line-height:1.6; color:var(--muted); }

  .cta-btns { display:flex; gap:14px; justify-content:center; flex-wrap:wrap; margin-top:36px; }
  .cta-pri { position:relative; overflow:hidden; display:inline-flex; align-items:center; gap:10px; padding:17px 34px; border-radius:999px; font-weight:700; font-size:16px; color:#fff; text-decoration:none;
    background:linear-gradient(135deg,#3c2b5d 0%,#633599 56%,#8b5cf6 125%); box-shadow:0 22px 44px -16px rgba(99,53,153,.55),0 0 28px -8px rgba(139,92,246,.5),inset 0 1px 0 rgba(255,255,255,.28); transition:transform .2s ease; }
  .cta-pri:hover { transform:translateY(-3px); }
  .cta-pri svg { width:18px; height:18px; }
  .cta-pri::after { content:""; position:absolute; inset:0; background:linear-gradient(120deg,transparent 30%,rgba(255,255,255,.5) 50%,transparent 70%); transform:translateX(-130%); transition:transform .65s ease; }
  .cta-pri:hover::after { transform:translateX(130%); }
  .cta-sec-btn { display:inline-flex; align-items:center; gap:10px; padding:17px 30px; border-radius:999px; font-weight:600; font-size:16px; text-decoration:none; color:var(--ink);
    background:#fff; border:1.5px solid rgba(139,92,246,.38); transition:background .2s ease,transform .2s ease,border-color .2s ease; }
  .cta-sec-btn:hover { background:rgba(139,92,246,.07); border-color:rgba(139,92,246,.65); transform:translateY(-3px); }
  [data-theme="dark"] .cta-sec-btn { color:#fff; background:rgba(255,255,255,.06); border-color:rgba(196,181,253,.4); }
  .cta-sec-btn svg { width:18px; height:18px; }
  .cta-note { margin-top:22px; font-family:"JetBrains Mono",monospace; font-size:11.5px; letter-spacing:.06em; color:var(--muted); }
  .cta-note b { color:#7c46c9; font-weight:700; } [data-theme="dark"] .cta-note b { color:#c4a5ff; }

  @media (prefers-reduced-motion:reduce) { .cta-lane::after { animation:none !important; display:none; } }
/*CTA-END*/


/* From weight-loss.html */

/* =====================================================================
   VAYUNEX — DESIGN SYSTEM v2
   Light-default, royal-purple. Dark mode via :root[data-theme="dark"].
   Theme bases: --w (tint), --ln (hairline), --mk (screen-mock surface)
   flip per theme so one stylesheet serves both. Accents are shared.
   Type:  Sora (display) · Manrope (body) · JetBrains Mono (data)
   ===================================================================== */

/* ----- TOKENS : LIGHT (default) ----- */
:root{
  color-scheme: light;

  --vxn-void:#ffffff;
  --vxn-deep:#f4f0fb;
  --vxn-panel:#ffffff;
  --vxn-panel-2:#f5f1fe;

  --vxn-ink:#1b1233;
  --vxn-ink-2:#392e57;
  --vxn-muted:#675d86;
  --vxn-faint:#9a91b4;

  /* theme bases */
  --w:45,35,70;          /* subtle tint base (dark on light) */
  --ln:110,82,180;       /* hairline base (purple)           */
  --mk:245,243,252;      /* screen-mock surface (near-white) */

  --vxn-line:rgba(var(--ln),0.16);
  --vxn-line-2:rgba(var(--ln),0.32);

  /* royal-purple accents (shared both themes) */
  --vxn-blue:#7c3aed;    /* primary  */
  --vxn-blue-2:#a855f7;  /* primary-2 */
  --vxn-cyan:#c084fc;    /* bright orchid pop */
  --vxn-violet:#8b5cf6;
  --vxn-green:#10b981;   /* success / revenue */
  --vxn-amber:#f59e0b;   /* stars / cost */
  --vxn-red:#f43f5e;     /* loss */

  --vxn-glass:linear-gradient(160deg,rgba(255,255,255,0.96),rgba(250,248,255,0.90));
  --vxn-glass-2:linear-gradient(160deg,#ffffff,#f3edfe);
  --vxn-glass-brd:rgba(var(--ln),0.20);

  --vxn-cta-ink:#ffffff;
  --vxn-grad-cta:linear-gradient(135deg,#7c3aed 0%,#a855f7 55%,#c084fc 100%);
  --vxn-grad-violet:linear-gradient(135deg,#8b5cf6 0%,#7c3aed 100%);
  --vxn-grad-text:linear-gradient(120deg,#2a1d4d 0%,#7c3aed 55%,#a855f7 100%);

  --vxn-shadow:0 26px 60px -30px rgba(76,29,149,0.30);
  --vxn-glow-cta:0 16px 40px -12px rgba(124,58,237,0.42);

  --vxn-font-display:'Sora',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  --vxn-font-body:'Manrope',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  --vxn-font-mono:'JetBrains Mono',ui-monospace,SFMono-Regular,Menlo,monospace;

  --vxn-r:20px;
  --vxn-r-sm:14px;
  --vxn-shell:1180px;
  --vxn-ease:cubic-bezier(.2,.7,.2,1);
}

/* ----- TOKENS : DARK (toggle) ----- */
:root[data-theme="dark"]{
  color-scheme: dark;

  --vxn-void:#0b0818;
  --vxn-deep:#0f0b20;
  --vxn-panel:#150f2b;
  --vxn-panel-2:#1b1338;

  --vxn-ink:#f3f0ff;
  --vxn-ink-2:#cdc6e8;
  --vxn-muted:#968cb8;
  --vxn-faint:#6c648c;

  --w:255,255,255;
  --ln:150,135,215;
  --mk:14,20,44;

  --vxn-glass:linear-gradient(160deg,rgba(255,255,255,0.07),rgba(255,255,255,0.02));
  --vxn-glass-2:linear-gradient(160deg,rgba(255,255,255,0.10),rgba(255,255,255,0.03));
  --vxn-glass-brd:rgba(255,255,255,0.10);

  --vxn-grad-text:linear-gradient(120deg,#ffffff 0%,#c4b5fd 50%,#c084fc 100%);

  --vxn-shadow:0 26px 70px -28px rgba(0,0,0,0.70);
  --vxn-glow-cta:0 16px 44px -12px rgba(124,58,237,0.60);
}

/* ----- TRANSFORMED SECTION STYLES (token-driven, theme-aware) ----- */
/* =====================================================================
   VAYUNEX — GLOBAL DESIGN SYSTEM
   Visual direction: "Mission control for revenue" — deep navy/black base,
   electric blue + cyan + violet accents, success green & cost amber for
   telemetry, frosted glass, ambient grid, lead-flow particle motif.
   Type roles:  Sora (display) · Manrope (body) · JetBrains Mono (data)
   All classes are namespaced with the vxn- prefix.
   ===================================================================== */

/* ----- TOKENS ----- */

/* ----- RESET / BASE ----- */
*,*::before,*::after{box-sizing:border-box;}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;}
body{
  margin:0;
  background:var(--vxn-void);
  color:var(--vxn-ink-2);
  font-family:var(--vxn-font-body);
  font-size:16px;
  line-height:1.65;
  letter-spacing:.005em;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
  overflow-x:hidden;
}
img{max-width:100%;display:block;}
a{color:inherit;text-decoration:none;}
button{font-family:inherit;cursor:pointer;}
canvas{display:block;}
::selection{background:rgba(192,132,252,.28);color:#fff;}

/* ----- AMBIENT ATMOSPHERE (fixed background layer) ----- */
.vxn-atmos{position:fixed;inset:0;z-index:-2;pointer-events:none;background:
  radial-gradient(1100px 700px at 78% -8%,rgba(124,58,237,.22),transparent 60%),
  radial-gradient(900px 700px at 8% 12%,rgba(139,92,246,.16),transparent 60%),
  radial-gradient(1000px 800px at 60% 108%,rgba(192,132,252,.10),transparent 55%),
  var(--vxn-void);}
.vxn-atmos::before{content:"";position:absolute;inset:0;opacity:.5;
  background-image:linear-gradient(rgba(var(--ln),.05) 1px,transparent 1px),
                   linear-gradient(90deg,rgba(var(--ln),.05) 1px,transparent 1px);
  background-size:54px 54px;
  -webkit-mask-image:radial-gradient(circle at 50% 30%,#000 0%,transparent 78%);
          mask-image:radial-gradient(circle at 50% 30%,#000 0%,transparent 78%);}
.vxn-grain{position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.035;mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");}

/* ----- LAYOUT PRIMITIVES ----- */
.vxn-shell{width:100%;max-width:var(--vxn-shell);margin-inline:auto;padding-inline:24px;}
.vxn-section{position:relative;padding-block:clamp(74px,11vh,128px);}
.vxn-section--tight{padding-block:clamp(56px,8vh,92px);}
.vxn-divider{height:1px;background:linear-gradient(90deg,transparent,var(--vxn-line-2),transparent);border:0;margin:0;}

/* ----- TYPOGRAPHY ----- */
.vxn-eyebrow{display:inline-flex;align-items:center;gap:9px;font-family:var(--vxn-font-mono);
  font-size:12px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--vxn-cyan);}
.vxn-eyebrow::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--vxn-cyan);
  box-shadow:0 0 10px var(--vxn-cyan);}
.vxn-h1{font-family:var(--vxn-font-display);font-weight:800;line-height:1.04;letter-spacing:-.025em;
  font-size:clamp(2.4rem,6vw,4.5rem);color:var(--vxn-ink);margin:0;}
.vxn-h2{font-family:var(--vxn-font-display);font-weight:700;line-height:1.08;letter-spacing:-.02em;
  font-size:clamp(1.85rem,4vw,3rem);color:var(--vxn-ink);margin:0;}
.vxn-h3{font-family:var(--vxn-font-display);font-weight:600;line-height:1.2;letter-spacing:-.01em;
  font-size:clamp(1.1rem,2vw,1.35rem);color:var(--vxn-ink);margin:0;}
.vxn-lead{font-size:clamp(1.02rem,1.6vw,1.2rem);color:var(--vxn-ink-2);max-width:62ch;}
.vxn-grad-txt{background:var(--vxn-grad-text);-webkit-background-clip:text;background-clip:text;color:transparent;}
.vxn-cyan{color:var(--vxn-cyan);} .vxn-violet{color:var(--vxn-violet);} .vxn-green{color:var(--vxn-green);}
.vxn-mono{font-family:var(--vxn-font-mono);font-variant-numeric:tabular-nums;}
.vxn-head{max-width:760px;}
.vxn-head .vxn-lead{margin-top:18px;}
.vxn-center{text-align:center;margin-inline:auto;}

/* ----- BUTTONS ----- */
.vxn-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;
  font-family:var(--vxn-font-display);font-weight:600;font-size:.96rem;letter-spacing:-.01em;
  padding:14px 24px;border-radius:13px;border:1px solid transparent;transition:transform .25s var(--vxn-ease),box-shadow .25s,background .25s;white-space:nowrap;}
.vxn-btn svg{width:18px;height:18px;}
.vxn-btn--primary{background:var(--vxn-grad-cta);color:var(--vxn-cta-ink);box-shadow:var(--vxn-glow-cta);}
.vxn-btn--primary:hover{transform:translateY(-2px);box-shadow:0 20px 50px -12px rgba(124,58,237,.7);}
.vxn-btn--ghost{background:rgba(var(--w),.03);border-color:var(--vxn-line-2);color:var(--vxn-ink);}
.vxn-btn--ghost:hover{transform:translateY(-2px);background:rgba(var(--w),.07);border-color:var(--vxn-cyan);}
.vxn-btn:focus-visible{outline:2px solid var(--vxn-cyan);outline-offset:3px;}

/* ----- CHIPS / PILLS ----- */
.vxn-chip{display:inline-flex;align-items:center;gap:8px;font-size:.82rem;font-weight:600;color:var(--vxn-ink-2);
  padding:7px 14px;border-radius:999px;background:rgba(var(--w),.04);border:1px solid var(--vxn-line);}
.vxn-chip .vxn-dot{width:6px;height:6px;border-radius:50%;background:var(--vxn-green);box-shadow:0 0 8px var(--vxn-green);}

/* ----- GLASS CARD ----- */
.vxn-glass{position:relative;background:var(--vxn-glass);border:1px solid var(--vxn-glass-brd);
  border-radius:var(--vxn-r);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--vxn-shadow);}
.vxn-glass::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;pointer-events:none;
  background:linear-gradient(160deg,rgba(var(--w),.35),transparent 40%);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
          mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;mask-composite:exclude;opacity:.5;}

/* 3D tilt-ready card */
.vxn-card3d{transition:transform .4s var(--vxn-ease),box-shadow .4s;transform-style:preserve-3d;will-change:transform;}

/* ----- SCROLL REVEAL ----- */
.vxn-reveal{opacity:0;transform:translateY(28px);transition:opacity .8s var(--vxn-ease),transform .8s var(--vxn-ease);transition-delay:var(--d,0s);}
.vxn-reveal.is-in{opacity:1;transform:none;}

/* ============================ NAV (CAPSULE) ============================ */
/* "Living glass capsule" — contracts on scroll, canopy mega-menu unfurls
   out of the same surface, sliding spotlight, full-screen mobile overlay. */
.vxn-skip{position:absolute;left:-9999px;top:0;z-index:200;background:var(--vxn-cyan);color:var(--vxn-cta-ink);
  padding:10px 16px;border-radius:0 0 10px 0;font-weight:700;}
.vxn-skip:focus{left:0;}

.vxn-scrim{position:fixed;inset:0;z-index:79;background:rgba(var(--mk),.55);opacity:0;visibility:hidden;
  -webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:opacity .35s,visibility .35s;}
.vxn-scrim.is-on{opacity:1;visibility:visible;}

.vxn-nav{position:fixed;top:14px;left:0;right:0;z-index:80;display:flex;justify-content:center;padding-inline:14px;}
.vxn-island{width:min(1120px,100%);background:linear-gradient(160deg,rgba(var(--mk),.78),rgba(var(--mk),.7));
  border:1px solid var(--vxn-glass-brd);border-radius:22px;overflow:hidden;
  -webkit-backdrop-filter:blur(16px) saturate(140%);backdrop-filter:blur(16px) saturate(140%);
  box-shadow:0 18px 50px -22px rgba(0,0,0,.8);
  transition:width .5s var(--vxn-ease),border-radius .5s,background .5s;}
.vxn-nav.is-contracted .vxn-island{width:min(880px,100%);background:linear-gradient(160deg,rgba(var(--mk),.92),rgba(var(--mk),.9));}
.vxn-bar{display:flex;align-items:center;gap:18px;padding:11px 14px 11px 18px;transition:padding .5s var(--vxn-ease);}
.vxn-nav.is-contracted .vxn-bar{padding:8px 12px 8px 16px;}

.vxn-brand{display:flex;align-items:center;gap:11px;flex-shrink:0;}
.vxn-mark{width:30px;height:30px;flex-shrink:0;transition:width .5s,height .5s;}
.vxn-nav.is-contracted .vxn-mark{width:26px;height:26px;}
.vxn-word{font-family:var(--vxn-font-display);font-weight:800;letter-spacing:.12em;font-size:1.02rem;color:var(--vxn-ink);}

.vxn-links{position:relative;display:flex;align-items:center;gap:2px;margin-inline:auto;}
.vxn-spot{position:absolute;top:50%;height:34px;border-radius:11px;transform:translateY(-50%);
  background:linear-gradient(160deg,rgba(var(--ln),.22),rgba(var(--ln),.08));border:1px solid var(--vxn-line);
  z-index:0;opacity:0;transition:left .38s var(--vxn-ease),width .38s var(--vxn-ease),opacity .3s;pointer-events:none;}
.vxn-link{position:relative;z-index:1;display:inline-flex;align-items:center;gap:6px;color:var(--vxn-ink-2);
  font-size:.92rem;font-weight:600;padding:8px 14px;border-radius:11px;background:none;border:0;transition:color .25s;}
.vxn-link:hover,.vxn-link[aria-expanded="true"]{color:var(--vxn-ink);}
.vxn-link .vxn-chev{width:14px;height:14px;transition:transform .3s;}
.vxn-link[aria-expanded="true"] .vxn-chev{transform:rotate(180deg);}
.vxn-link:focus-visible{outline:2px solid var(--vxn-cyan);outline-offset:2px;}

.vxn-actions{display:flex;align-items:center;gap:10px;flex-shrink:0;}
.vxn-cta{display:inline-flex;align-items:center;gap:7px;background:var(--vxn-grad-cta);color:var(--vxn-cta-ink);
  font-family:var(--vxn-font-display);font-weight:700;font-size:.88rem;padding:10px 17px;border-radius:11px;
  box-shadow:0 10px 26px -10px rgba(124,58,237,.6);transition:transform .25s,box-shadow .25s;border:0;}
.vxn-cta:hover{transform:translateY(-1px);box-shadow:0 14px 32px -8px rgba(124,58,237,.8);}
.vxn-cta:focus-visible{outline:2px solid #fff;outline-offset:2px;}

.vxn-burger{display:none;width:42px;height:38px;border-radius:11px;background:rgba(var(--w),.05);
  border:1px solid var(--vxn-line);align-items:center;justify-content:center;flex-direction:column;gap:4px;}
.vxn-burger span{width:18px;height:2px;background:var(--vxn-ink);border-radius:2px;transition:transform .3s,opacity .3s;}
.vxn-burger:focus-visible{outline:2px solid var(--vxn-cyan);outline-offset:2px;}

/* Canopy mega-menu (lives INSIDE the island; grows out of it) */
.vxn-canopy{max-height:0;opacity:0;padding:0 22px;transition:max-height .5s var(--vxn-ease),opacity .35s,padding .5s var(--vxn-ease);}
.vxn-island.is-open .vxn-canopy{max-height:420px;opacity:1;padding:4px 22px 22px;}
.vxn-canopy-top{height:1px;background:var(--vxn-line);margin-bottom:18px;}
.vxn-canopy-grid{display:grid;grid-template-columns:1fr 1fr 1.15fr;gap:22px;}
.vxn-col-title{font-family:var(--vxn-font-mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--vxn-muted);margin-bottom:12px;}
.vxn-col a{display:flex;align-items:center;gap:10px;color:var(--vxn-ink-2);font-size:.9rem;font-weight:600;padding:7px 9px;border-radius:9px;transition:background .2s,color .2s,transform .2s;opacity:0;transform:translateY(8px);}
.vxn-island.is-open .vxn-col a{opacity:1;transform:none;}
.vxn-island.is-open .vxn-col:nth-child(1) a{transition-delay:.05s;}
.vxn-island.is-open .vxn-col:nth-child(2) a{transition-delay:.12s;}
.vxn-col a:hover{background:rgba(var(--ln),.1);color:#fff;}
.vxn-col a i{width:8px;height:8px;border-radius:50%;background:var(--vxn-cyan);box-shadow:0 0 8px var(--vxn-cyan);flex-shrink:0;}
.vxn-col a.h i{background:var(--vxn-green);box-shadow:0 0 8px var(--vxn-green);}
.vxn-rail{background:var(--vxn-grad-violet);border-radius:16px;padding:18px;display:flex;flex-direction:column;justify-content:center;opacity:0;transform:translateY(8px);transition:opacity .4s .18s,transform .4s .18s;}
.vxn-island.is-open .vxn-rail{opacity:1;transform:none;}
.vxn-rail h4{font-family:var(--vxn-font-display);font-size:1.05rem;color:#fff;margin:0 0 6px;}
.vxn-rail p{font-size:.82rem;color:rgba(var(--w),.85);margin:0 0 14px;}
.vxn-rail a{align-self:flex-start;background:#fff;color:#1a1340;font-weight:700;font-size:.82rem;padding:9px 15px;border-radius:10px;}

/* Mobile full-screen overlay */
.vxn-overlay{position:fixed;inset:0;z-index:90;background:linear-gradient(180deg,var(--vxn-void),var(--vxn-void));
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transform:translateY(-100%);transition:transform .5s var(--vxn-ease);
  display:flex;flex-direction:column;padding:22px;overflow-y:auto;}
.vxn-overlay.is-open{transform:none;}
.vxn-ov-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:36px;}
.vxn-ov-close{width:42px;height:42px;border-radius:12px;background:rgba(var(--w),.05);border:1px solid var(--vxn-line);color:var(--vxn-ink);font-size:1.4rem;display:flex;align-items:center;justify-content:center;}
.vxn-ov-body{display:flex;flex-direction:column;gap:6px;}
.vxn-ov-link{font-family:var(--vxn-font-display);font-weight:700;font-size:1.8rem;color:var(--vxn-ink);padding:14px 4px;border-bottom:1px solid var(--vxn-line);display:flex;align-items:center;justify-content:space-between;
  opacity:0;transform:translateX(-18px);transition:opacity .5s,transform .5s;}
.vxn-overlay.is-open .vxn-ov-link{opacity:1;transform:none;}
.vxn-overlay.is-open .vxn-ov-link:nth-child(1){transition-delay:.08s;}
.vxn-overlay.is-open .vxn-ov-link:nth-child(2){transition-delay:.14s;}
.vxn-overlay.is-open .vxn-ov-link:nth-child(3){transition-delay:.2s;}
.vxn-overlay.is-open .vxn-ov-link:nth-child(4){transition-delay:.26s;}
.vxn-overlay.is-open .vxn-ov-link:nth-child(5){transition-delay:.32s;}
.vxn-ov-sub{display:none;flex-direction:column;gap:2px;padding:6px 4px 14px;}
.vxn-ov-sub.is-open{display:flex;}
.vxn-ov-sub a{color:var(--vxn-muted);font-size:1.05rem;font-weight:600;padding:8px 0;}
.vxn-ov-cta{margin-top:26px;}

@media(max-width:920px){
  .vxn-links{display:none;}
  .vxn-burger{display:flex;}
  .vxn-actions .vxn-cta{display:none;}
}
@media(min-width:921px){ .vxn-overlay{display:none!important;} }

/* ============================ HERO ============================ */
.vxn-hero{position:relative;min-height:100svh;display:flex;align-items:center;padding-top:130px;padding-bottom:64px;overflow:hidden;}
.vxn-hero-bg{position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.9;}
.vxn-hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.04fr .96fr;gap:46px;align-items:center;width:100%;}
.vxn-hero-copy{max-width:600px;}
.vxn-hero h1{margin:18px 0 0;}
.vxn-hero h1 .ln{display:block;}
.vxn-hero .vxn-lead{margin-top:22px;}
.vxn-hero-cta{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px;}
.vxn-hero-trust{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px;}

.vxn-engine{position:relative;width:100%;aspect-ratio:1/.86;max-width:560px;margin-inline:auto;}
.vxn-engine canvas{position:absolute;inset:0;width:100%;height:100%;}
.vxn-dash{position:absolute;right:-6px;bottom:-14px;width:min(252px,72%);padding:16px 16px 14px;border-radius:16px;z-index:3;}
.vxn-dash-h{display:flex;align-items:center;gap:8px;font-family:var(--vxn-font-mono);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--vxn-muted);margin-bottom:12px;}
.vxn-dash-h .live{width:7px;height:7px;border-radius:50%;background:var(--vxn-green);box-shadow:0 0 9px var(--vxn-green);animation:vxn-pulse 1.8s infinite;}
.vxn-dash-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 14px;}
.vxn-dash-cell .k{font-size:10px;letter-spacing:.04em;color:var(--vxn-faint);text-transform:uppercase;font-weight:600;}
.vxn-dash-cell .v{font-family:var(--vxn-font-mono);font-weight:700;font-size:1.18rem;color:var(--vxn-ink);line-height:1.2;font-variant-numeric:tabular-nums;}
.vxn-dash-cell .v.c{color:var(--vxn-cyan);} .vxn-dash-cell .v.g{color:var(--vxn-green);}
@keyframes vxn-pulse{0%,100%{opacity:1;transform:scale(1);}50%{opacity:.45;transform:scale(.82);}}

/* ============================ PROBLEM / LEAK FUNNEL ============================ */
.vxn-leak-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:46px;align-items:center;margin-top:48px;}
.vxn-funnel-stage{position:relative;width:100%;max-width:440px;margin-inline:auto;}
.vxn-funnel-stage svg{width:100%;height:auto;overflow:visible;}
.vxn-leak-rows{display:flex;flex-direction:column;gap:10px;}
.vxn-leak-row{display:flex;gap:14px;align-items:flex-start;padding:15px 16px;border-radius:14px;border:1px solid var(--vxn-line);
  background:rgba(var(--w),.018);cursor:pointer;transition:border-color .3s,background .3s,transform .3s;text-align:left;width:100%;}
.vxn-leak-row:hover{transform:translateX(4px);}
.vxn-leak-row.is-active{border-color:rgba(244,63,94,.55);background:rgba(244,63,94,.07);}
.vxn-leak-num{font-family:var(--vxn-font-mono);font-size:.8rem;color:var(--vxn-red);font-weight:700;width:26px;height:26px;border-radius:8px;
  background:rgba(244,63,94,.12);display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px;}
.vxn-leak-row.is-active .vxn-leak-num{background:var(--vxn-red);color:#180408;}
.vxn-leak-txt h4{font-family:var(--vxn-font-display);font-size:1rem;color:var(--vxn-ink);margin:0 0 3px;}
.vxn-leak-txt p{margin:0;font-size:.88rem;color:var(--vxn-muted);}
.vxn-leak-foot{margin-top:22px;font-size:.95rem;color:var(--vxn-ink-2);border-left:2px solid var(--vxn-cyan);padding-left:16px;}

/* ============================ METHOD (10-step journey) ============================ */
.vxn-method-rail{position:relative;display:flex;gap:14px;overflow-x:auto;padding:30px 4px 18px;margin-top:38px;scroll-snap-type:x mandatory;
  -ms-overflow-style:none;scrollbar-width:thin;scrollbar-color:var(--vxn-line-2) transparent;}
.vxn-method-rail::-webkit-scrollbar{height:6px;}
.vxn-method-rail::-webkit-scrollbar-thumb{background:var(--vxn-line-2);border-radius:6px;}
.vxn-mprogress{position:absolute;top:14px;left:4px;right:4px;height:2px;background:var(--vxn-line);border-radius:2px;overflow:hidden;}
.vxn-mprogress i{position:absolute;inset:0;width:0;background:var(--vxn-grad-cta);box-shadow:0 0 12px rgba(192,132,252,.6);transition:width 1.4s var(--vxn-ease);}
.vxn-mstep{position:relative;scroll-snap-align:start;flex:0 0 auto;width:172px;padding:18px 16px 16px;border-radius:16px;}
.vxn-mstep .n{position:absolute;top:-11px;left:16px;font-family:var(--vxn-font-mono);font-size:.7rem;font-weight:700;color:var(--vxn-cyan);
  background:var(--vxn-deep);border:1px solid var(--vxn-line);padding:3px 7px;border-radius:7px;}
.vxn-mstep .ic{width:38px;height:38px;border-radius:11px;background:rgba(var(--ln),.1);display:flex;align-items:center;justify-content:center;margin-bottom:12px;color:var(--vxn-cyan);}
.vxn-mstep .ic svg{width:20px;height:20px;}
.vxn-mstep h4{font-family:var(--vxn-font-display);font-size:1rem;color:var(--vxn-ink);margin:0 0 6px;}
.vxn-mstep p{margin:0;font-size:.82rem;color:var(--vxn-muted);line-height:1.5;}
.vxn-mstep::after{content:"";position:absolute;right:-9px;top:54px;width:14px;height:14px;border-top:2px solid var(--vxn-line-2);border-right:2px solid var(--vxn-line-2);transform:rotate(45deg);opacity:.7;}
.vxn-mstep:last-child::after{display:none;}

/* ============================ STRATEGY BOARD ============================ */
.vxn-board-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:46px;align-items:center;margin-top:46px;}
.vxn-board{position:relative;aspect-ratio:1;width:100%;max-width:480px;margin-inline:auto;border-radius:24px;overflow:hidden;
  background:linear-gradient(160deg,rgba(var(--mk),.9),rgba(var(--mk),.92));border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);}
.vxn-board::before{content:"";position:absolute;inset:0;opacity:.5;
  background-image:repeating-conic-gradient(rgba(var(--ln),.05) 0% 25%,transparent 0% 50%);background-size:25% 25%;}
.vxn-board::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 45%,transparent 30%,rgba(var(--mk),.55) 100%);}
.vxn-piece{position:absolute;width:21%;aspect-ratio:1;transform:translate(-50%,-50%) scale(.3);opacity:0;
  transition:transform .9s var(--vxn-ease),opacity .7s;left:var(--x);top:var(--y);z-index:2;cursor:default;}
.vxn-board.is-placed .vxn-piece{transform:translate(-50%,-50%) scale(1);opacity:1;}
.vxn-piece-disc{position:absolute;inset:0;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;
  background:radial-gradient(circle at 35% 28%,rgba(var(--w),.22),rgba(var(--w),.03) 60%),linear-gradient(160deg,rgba(var(--mk),.9),rgba(var(--mk),.95));
  border:1px solid rgba(var(--w),.16);box-shadow:0 10px 24px -8px rgba(0,0,0,.7),inset 0 1px 1px rgba(var(--w),.25);
  transition:transform .3s,box-shadow .3s;}
.vxn-piece:hover .vxn-piece-disc{transform:translateY(-4px) scale(1.05);box-shadow:0 16px 30px -8px var(--pc,rgba(192,132,252,.5)),inset 0 1px 1px rgba(var(--w),.3);}
.vxn-piece-disc svg{width:34%;height:34%;color:var(--pc,var(--vxn-cyan));}
.vxn-piece-lbl{font-family:var(--vxn-font-mono);font-size:.5rem;letter-spacing:.04em;color:var(--vxn-ink-2);text-transform:uppercase;font-weight:700;}
.vxn-piece-glow{position:absolute;inset:-30%;border-radius:50%;background:radial-gradient(circle,var(--pc,rgba(192,132,252,.4)),transparent 65%);opacity:.4;filter:blur(6px);z-index:-1;}
.vxn-tip{position:absolute;left:50%;bottom:112%;transform:translateX(-50%) translateY(6px);width:max-content;max-width:180px;
  background:rgba(var(--mk),.96);border:1px solid var(--vxn-line-2);border-radius:10px;padding:9px 12px;font-size:.74rem;color:var(--vxn-ink-2);line-height:1.45;
  opacity:0;visibility:hidden;transition:opacity .25s,transform .25s,visibility .25s;z-index:5;box-shadow:0 12px 30px -10px rgba(0,0,0,.8);pointer-events:none;}
.vxn-tip b{color:var(--pc,var(--vxn-cyan));font-family:var(--vxn-font-display);}
.vxn-piece:hover .vxn-tip{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0);}
.vxn-legend{display:flex;flex-direction:column;gap:8px;margin-top:26px;}
.vxn-lrow{display:flex;align-items:center;gap:12px;padding:11px 14px;border-radius:12px;border:1px solid var(--vxn-line);background:rgba(var(--w),.018);transition:background .25s,border-color .25s;cursor:default;}
.vxn-lrow:hover{background:rgba(var(--ln),.06);border-color:var(--vxn-line-2);}
.vxn-lrow .sw{width:12px;height:12px;border-radius:50%;flex-shrink:0;box-shadow:0 0 10px currentColor;}
.vxn-lrow b{font-family:var(--vxn-font-display);color:var(--vxn-ink);font-size:.92rem;min-width:74px;}
.vxn-lrow span{font-size:.85rem;color:var(--vxn-muted);}

/* ============================ INDUSTRY JOURNEYS (health / hospitality) ============================ */
.vxn-jintro{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap;}
.vxn-journey{position:relative;margin:46px 0 40px;padding:34px 12px 30px;border-radius:20px;}
.vxn-jtrack{position:relative;display:flex;justify-content:space-between;gap:8px;padding-top:8px;}
.vxn-jline{position:absolute;top:30px;left:5%;right:5%;height:2px;background:var(--vxn-line);border-radius:2px;}
.vxn-jline i{position:absolute;inset:0;width:0;background:linear-gradient(90deg,var(--ac1),var(--ac2));box-shadow:0 0 10px var(--ac2);transition:width 1.8s var(--vxn-ease);}
.vxn-jnode{position:relative;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;flex:1;min-width:0;z-index:2;}
.vxn-jdot{width:46px;height:46px;border-radius:14px;background:var(--vxn-deep);border:1px solid var(--vxn-line-2);display:flex;align-items:center;justify-content:center;color:var(--ac2,var(--vxn-cyan));transition:box-shadow .4s,border-color .4s,transform .4s;}
.vxn-jdot svg{width:21px;height:21px;}
.vxn-journey.is-in .vxn-jnode:nth-child(1) .vxn-jdot{box-shadow:0 0 0 4px rgba(192,132,252,.08),0 0 20px -4px var(--ac2);border-color:var(--ac2);}
.vxn-jlabel{font-size:.78rem;font-weight:600;color:var(--vxn-ink-2);line-height:1.3;max-width:90px;}
.vxn-jsub{font-family:var(--vxn-font-mono);font-size:.62rem;letter-spacing:.04em;color:var(--vxn-faint);text-transform:uppercase;}
.vxn-token{position:absolute;top:30px;left:5%;width:18px;height:18px;border-radius:50%;transform:translate(-50%,-50%);z-index:3;
  background:radial-gradient(circle at 35% 30%,#fff,var(--ac2));box-shadow:0 0 16px var(--ac2);}
.vxn-journey.is-in .vxn-token{animation:vxn-ride 7s var(--vxn-ease) .4s infinite;}
@keyframes vxn-ride{0%{left:5%;}12%{left:5%;}22%{left:24%;}34%{left:24%;}44%{left:50%;}56%{left:50%;}66%{left:76%;}78%{left:76%;}88%{left:95%;}100%{left:95%;}}
.vxn-cap-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(225px,1fr));gap:16px;margin-top:6px;}
.vxn-cap{padding:20px 18px;border-radius:16px;transition:transform .35s var(--vxn-ease),border-color .35s;}
.vxn-cap:hover{transform:translateY(-5px);}
.vxn-cap .ic{width:40px;height:40px;border-radius:11px;display:flex;align-items:center;justify-content:center;margin-bottom:13px;
  background:rgba(192,132,252,.1);color:var(--ac2,var(--vxn-cyan));}
.vxn-cap .ic svg{width:21px;height:21px;}
.vxn-cap h4{font-family:var(--vxn-font-display);font-size:1.02rem;color:var(--vxn-ink);margin:0 0 7px;}
.vxn-cap p{margin:0;font-size:.86rem;color:var(--vxn-muted);}
.vxn-note{display:inline-flex;align-items:center;gap:8px;margin-top:24px;font-size:.8rem;color:var(--vxn-faint);font-family:var(--vxn-font-mono);}
.vxn-note::before{content:"";width:14px;height:1px;background:var(--vxn-faint);}

/* ============================ SEO WALKTHROUGH ============================ */
.vxn-seo-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:42px;align-items:center;margin-top:46px;}
.vxn-query-chips{display:flex;flex-wrap:wrap;gap:9px;margin:22px 0 26px;}
.vxn-qchip{font-size:.82rem;font-weight:600;color:var(--vxn-ink-2);padding:8px 14px;border-radius:10px;border:1px solid var(--vxn-line);background:rgba(var(--w),.02);transition:all .25s;}
.vxn-qchip.is-on{border-color:transparent;background:linear-gradient(135deg,#7c3aed,#a855f7);color:#fff;box-shadow:0 6px 16px -6px rgba(124,58,237,.55);}
.vxn-seo-labels{display:flex;flex-direction:column;gap:9px;}
.vxn-seolab{display:flex;align-items:center;gap:11px;font-size:.88rem;color:var(--vxn-faint);transition:color .3s;}
.vxn-seolab .tick{width:20px;height:20px;border-radius:6px;border:1px solid var(--vxn-line-2);display:flex;align-items:center;justify-content:center;transition:all .3s;}
.vxn-seolab .tick svg{width:12px;height:12px;opacity:0;transition:opacity .3s;}
.vxn-seolab.is-lit{color:var(--vxn-ink);}
.vxn-seolab.is-lit .tick{background:var(--vxn-green);border-color:var(--vxn-green);}
.vxn-seolab.is-lit .tick svg{opacity:1;color:#04140d;}

.vxn-browser{position:relative;border-radius:16px;overflow:hidden;border:1px solid var(--vxn-glass-brd);
  background:linear-gradient(180deg,rgba(var(--mk),.96),rgba(var(--mk),.98));box-shadow:var(--vxn-shadow);min-height:430px;}
.vxn-bbar{display:flex;align-items:center;gap:8px;padding:11px 14px;border-bottom:1px solid var(--vxn-line);background:rgba(var(--w),.02);}
.vxn-bdots{display:flex;gap:6px;}
.vxn-bdots i{width:10px;height:10px;border-radius:50%;background:rgba(var(--w),.18);}
.vxn-burl{flex:1;display:flex;align-items:center;gap:8px;background:rgba(0,0,0,.3);border:1px solid var(--vxn-line);border-radius:9px;padding:6px 12px;font-family:var(--vxn-font-mono);font-size:.76rem;color:var(--vxn-muted);}
.vxn-burl svg{width:12px;height:12px;color:var(--vxn-green);}
.vxn-bbody{position:relative;padding:22px;min-height:380px;}
.vxn-seo-screen{position:absolute;inset:0;padding:24px;opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .5s,transform .5s,visibility .5s;}
.vxn-seo-screen.is-on{opacity:1;visibility:visible;transform:none;}
.vxn-search-box{display:flex;align-items:center;gap:12px;background:#fff;border-radius:999px;padding:14px 22px;box-shadow:0 8px 30px -8px rgba(0,0,0,.5);max-width:440px;margin:60px auto 0;}
.vxn-search-box svg{width:20px;height:20px;color:#5f6368;flex-shrink:0;}
.vxn-search-q{font-family:var(--vxn-font-body);font-size:1.02rem;color:#202124;font-weight:500;}
.vxn-search-q .car{display:inline-block;width:2px;height:1.05em;background:#4285f4;margin-left:1px;vertical-align:-2px;animation:vxn-blink 1s step-end infinite;}
@keyframes vxn-blink{50%{opacity:0;}}
.vxn-search-hint{text-align:center;color:var(--vxn-faint);font-size:.82rem;margin-top:22px;}
.vxn-serp{display:grid;grid-template-columns:1.4fr .9fr;gap:18px;}
.vxn-serp-list{display:flex;flex-direction:column;gap:11px;}
.vxn-result{padding:13px 15px;border-radius:12px;border:1px solid var(--vxn-line);background:rgba(var(--w),.025);transition:transform .6s var(--vxn-ease),border-color .5s,background .5s;}
.vxn-result .u{font-size:.72rem;color:var(--vxn-green);font-family:var(--vxn-font-mono);}
.vxn-result .t{font-family:var(--vxn-font-display);font-size:.98rem;color:var(--vxn-blue-2);margin:3px 0 5px;}
.vxn-result .d{font-size:.78rem;color:var(--vxn-muted);}
.vxn-result.is-win{border-color:var(--vxn-cyan);background:rgba(192,132,252,.08);box-shadow:0 0 0 1px rgba(192,132,252,.3),0 14px 30px -12px rgba(192,132,252,.4);}
.vxn-result .badges{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px;opacity:0;max-height:0;overflow:hidden;transition:opacity .5s,max-height .5s;}
.vxn-result.is-win .badges{opacity:1;max-height:50px;}
.vxn-badge{font-size:.66rem;font-weight:700;padding:3px 8px;border-radius:6px;background:rgba(16,185,129,.14);color:var(--vxn-green);}
.vxn-badge.star{background:rgba(245,158,11,.16);color:var(--vxn-amber);}
.vxn-mappack{border-radius:12px;border:1px solid var(--vxn-line);background:linear-gradient(160deg,rgba(124,58,237,.18),rgba(91,33,182,.1));position:relative;overflow:hidden;min-height:180px;padding:12px;}
.vxn-mappack .ml{font-family:var(--vxn-font-mono);font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;color:var(--vxn-muted);margin-bottom:8px;}
.vxn-pin{position:absolute;width:22px;height:22px;}
.vxn-pin svg{width:100%;height:100%;color:var(--vxn-faint);}
.vxn-pin.win svg{color:var(--vxn-cyan);filter:drop-shadow(0 0 8px var(--vxn-cyan));}
.vxn-pin.win{animation:vxn-bob 2s ease-in-out infinite;}
@keyframes vxn-bob{0%,100%{transform:translateY(0);}50%{transform:translateY(-5px);}}
.vxn-landing{max-width:430px;margin:0 auto;}
.vxn-landing .lh{font-family:var(--vxn-font-display);font-size:1.15rem;color:var(--vxn-ink);font-weight:700;margin-bottom:6px;}
.vxn-landing .lp{font-size:.84rem;color:var(--vxn-muted);margin-bottom:16px;}
.vxn-lform{display:flex;flex-direction:column;gap:10px;background:rgba(var(--w),.03);border:1px solid var(--vxn-line);border-radius:14px;padding:16px;}
.vxn-lfield{height:38px;border-radius:9px;background:rgba(0,0,0,.25);border:1px solid var(--vxn-line);display:flex;align-items:center;padding:0 13px;font-size:.82rem;color:var(--vxn-muted);}
.vxn-lbtn{height:40px;border-radius:9px;background:var(--vxn-grad-cta);color:var(--vxn-cta-ink);font-weight:700;display:flex;align-items:center;justify-content:center;font-size:.88rem;}
.vxn-crm-toast{display:flex;align-items:center;gap:10px;margin-top:14px;padding:11px 14px;border-radius:11px;background:rgba(16,185,129,.1);border:1px solid rgba(16,185,129,.4);
  font-size:.84rem;color:var(--vxn-green);font-weight:600;opacity:0;transform:translateY(8px);transition:opacity .5s .3s,transform .5s .3s;}
.vxn-seo-screen.is-on .vxn-crm-toast{opacity:1;transform:none;}
.vxn-crm-toast svg{width:18px;height:18px;}
.vxn-steps-dots{display:flex;gap:8px;justify-content:center;margin-top:18px;}
.vxn-sdot{width:9px;height:9px;border-radius:50%;background:var(--vxn-line-2);transition:all .3s;border:0;padding:0;}
.vxn-sdot.is-on{background:var(--vxn-cyan);box-shadow:0 0 10px var(--vxn-cyan);width:26px;border-radius:5px;}

/* ============================ PAID ADS ============================ */
.vxn-ads-grid{display:grid;grid-template-columns:1fr 1fr;gap:42px;align-items:center;margin-top:46px;}
.vxn-adstack{display:flex;flex-direction:column;gap:14px;}
.vxn-adcard{position:relative;padding:15px 16px;border-radius:14px;overflow:hidden;}
.vxn-adcard .tag{display:inline-flex;align-items:center;gap:6px;font-size:.68rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--vxn-cyan);margin-bottom:9px;}
.vxn-adcard .tag .pl{width:7px;height:7px;border-radius:2px;background:var(--vxn-cyan);}
.vxn-adcard h5{font-family:var(--vxn-font-display);font-size:.98rem;color:var(--vxn-ink);margin:0 0 4px;}
.vxn-adcard p{margin:0 0 11px;font-size:.8rem;color:var(--vxn-muted);}
.vxn-adcard .row{display:flex;align-items:center;justify-content:space-between;}
.vxn-adcard .cta-mini{font-size:.76rem;font-weight:700;color:var(--vxn-cta-ink);background:var(--vxn-grad-cta);padding:6px 12px;border-radius:8px;}
.vxn-adcard .meta{font-family:var(--vxn-font-mono);font-size:.72rem;color:var(--vxn-faint);}
.vxn-ripple{position:absolute;width:14px;height:14px;border-radius:50%;background:var(--vxn-cyan);pointer-events:none;opacity:0;}
.vxn-flow{padding:22px;border-radius:18px;}
.vxn-flow-h{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;}
.vxn-flow-h .lab{font-family:var(--vxn-font-mono);font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;color:var(--vxn-muted);}
.vxn-frow{margin-bottom:15px;}
.vxn-frow .top{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:6px;}
.vxn-frow .k{font-size:.84rem;color:var(--vxn-ink-2);font-weight:600;}
.vxn-frow .v{font-family:var(--vxn-font-mono);font-weight:700;font-size:1.05rem;color:var(--vxn-ink);}
.vxn-frow .v.hl{color:var(--vxn-cyan);} .vxn-frow .v.gr{color:var(--vxn-green);}
.vxn-fbar{height:8px;border-radius:5px;background:rgba(var(--w),.05);overflow:hidden;}
.vxn-fbar i{display:block;height:100%;width:0;border-radius:5px;background:var(--vxn-grad-cta);transition:width 1.4s var(--vxn-ease);}
.vxn-fbar i.g{background:linear-gradient(90deg,var(--vxn-green),var(--vxn-cyan));}
.vxn-cpl{margin-top:6px;display:flex;align-items:center;gap:12px;}
.vxn-cpl svg{flex:1;height:46px;}
.vxn-cpl .cv{font-family:var(--vxn-font-mono);font-size:.8rem;color:var(--vxn-green);font-weight:700;}

/* ============================ WEBSITE BEFORE/AFTER ============================ */
.vxn-web-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:42px;align-items:center;margin-top:46px;}
.vxn-ba{position:relative;aspect-ratio:16/11;border-radius:18px;overflow:hidden;border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);
  --pos:50%;user-select:none;touch-action:pan-y;}
.vxn-ba-layer{position:absolute;inset:0;padding:20px;display:flex;flex-direction:column;}
.vxn-ba-after{background:linear-gradient(160deg,#0c1430,#0a1126);}
.vxn-ba-before{background:linear-gradient(160deg,#161922,#101319);clip-path:inset(0 calc(100% - var(--pos)) 0 0);}
.vxn-ba-tag{position:absolute;top:14px;font-family:var(--vxn-font-mono);font-size:.64rem;letter-spacing:.1em;text-transform:uppercase;padding:5px 10px;border-radius:7px;z-index:4;}
.vxn-ba-before .vxn-ba-tag{left:14px;background:rgba(244,63,94,.16);color:var(--vxn-red);}
.vxn-ba-after .vxn-ba-tag{right:14px;background:rgba(16,185,129,.16);color:var(--vxn-green);}
.vxn-ba-handle{position:absolute;top:0;bottom:0;left:var(--pos);width:2px;background:var(--vxn-cyan);box-shadow:0 0 14px var(--vxn-cyan);z-index:5;transform:translateX(-1px);}
.vxn-ba-knob{position:absolute;top:50%;left:var(--pos);transform:translate(-50%,-50%);width:38px;height:38px;border-radius:50%;background:var(--vxn-deep);border:2px solid var(--vxn-cyan);display:flex;align-items:center;justify-content:center;z-index:6;box-shadow:0 6px 18px -4px rgba(0,0,0,.6);}
.vxn-ba-knob svg{width:18px;height:18px;color:var(--vxn-cyan);}
.vxn-ba input[type=range]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;z-index:7;margin:0;}
.vxn-mock-head{height:14px;width:55%;border-radius:4px;background:rgba(var(--w),.18);margin-bottom:10px;}
.vxn-mock-line{height:8px;border-radius:4px;background:rgba(var(--w),.08);margin-bottom:7px;}
.vxn-mock-cta{margin-top:auto;height:34px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:.74rem;font-weight:700;}
.vxn-mock-cta.weak{background:rgba(var(--w),.08);color:var(--vxn-muted);width:40%;}
.vxn-mock-cta.strong{background:var(--vxn-grad-cta);color:var(--vxn-cta-ink);width:70%;box-shadow:0 8px 22px -6px rgba(124,58,237,.6);}
.vxn-mock-badges{display:flex;gap:6px;margin-top:10px;}
.vxn-mock-badges span{height:18px;flex:1;border-radius:5px;background:rgba(16,185,129,.18);}
.vxn-web-compare{display:grid;grid-template-columns:1fr;gap:8px;}
.vxn-wc-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:center;padding:11px 14px;border-radius:11px;border:1px solid var(--vxn-line);background:rgba(var(--w),.015);}
.vxn-wc-b,.vxn-wc-a{display:flex;align-items:center;gap:8px;font-size:.82rem;}
.vxn-wc-b{color:var(--vxn-muted);} .vxn-wc-a{color:var(--vxn-ink-2);font-weight:600;}
.vxn-wc-b svg,.vxn-wc-a svg{width:15px;height:15px;flex-shrink:0;}
.vxn-wc-b svg{color:var(--vxn-red);} .vxn-wc-a svg{color:var(--vxn-green);}

/* ============================ CRM + AUTOMATION ============================ */
.vxn-crm-pipe{position:relative;display:flex;justify-content:space-between;gap:6px;margin:46px 0 30px;padding-top:10px;}
.vxn-crm-line{position:absolute;top:34px;left:4%;right:4%;height:2px;background:var(--vxn-line);}
.vxn-crm-line i{position:absolute;inset:0;width:0;background:linear-gradient(90deg,var(--vxn-violet),var(--vxn-cyan));box-shadow:0 0 10px var(--vxn-cyan);transition:width .5s linear;}
.vxn-cnode{position:relative;flex:1;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;z-index:2;min-width:0;}
.vxn-cring{width:50px;height:50px;border-radius:15px;background:var(--vxn-deep);border:1px solid var(--vxn-line-2);display:flex;align-items:center;justify-content:center;color:var(--vxn-muted);transition:all .4s;}
.vxn-cring svg{width:22px;height:22px;}
.vxn-cnode.is-done .vxn-cring{border-color:var(--vxn-green);color:var(--vxn-green);box-shadow:0 0 18px -4px var(--vxn-green);}
.vxn-cnode.is-active .vxn-cring{border-color:var(--vxn-cyan);color:var(--vxn-cyan);box-shadow:0 0 0 4px rgba(192,132,252,.1),0 0 22px -2px var(--vxn-cyan);transform:scale(1.08);}
.vxn-clabel{font-size:.74rem;font-weight:600;color:var(--vxn-ink-2);max-width:84px;line-height:1.3;}
.vxn-lead-chip{position:absolute;top:-8px;left:4%;transform:translateX(-50%);display:flex;align-items:center;gap:7px;
  background:rgba(var(--mk),.96);border:1px solid var(--vxn-cyan);border-radius:999px;padding:5px 12px 5px 8px;font-size:.74rem;font-weight:700;color:var(--vxn-ink);
  box-shadow:0 8px 22px -6px rgba(192,132,252,.5);z-index:4;transition:left .6s var(--vxn-ease);white-space:nowrap;}
.vxn-lead-chip .av{width:18px;height:18px;border-radius:50%;background:var(--vxn-grad-violet);display:flex;align-items:center;justify-content:center;font-size:.6rem;color:#fff;}
.vxn-recover{margin-top:14px;display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:18px;border-radius:16px;}
.vxn-recover .rt{font-family:var(--vxn-font-mono);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--vxn-amber);width:100%;margin-bottom:4px;}
.vxn-rstep{display:flex;align-items:center;gap:8px;font-size:.84rem;font-weight:600;color:var(--vxn-ink-2);padding:9px 14px;border-radius:10px;border:1px solid var(--vxn-line);background:rgba(var(--w),.02);opacity:.4;transition:opacity .4s,border-color .4s,transform .4s;}
.vxn-rstep.is-on{opacity:1;border-color:var(--vxn-amber);transform:translateY(-2px);}
.vxn-rstep svg{width:16px;height:16px;color:var(--vxn-amber);}
.vxn-rarrow{color:var(--vxn-faint);}
.vxn-rarrow svg{width:16px;height:16px;}

/* ============================ EXCLUSIVITY (territory lock) ============================ */
.vxn-excl-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:46px;align-items:center;margin-top:40px;}
.vxn-map{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:22px;border-radius:20px;}
.vxn-cell{position:relative;aspect-ratio:1;border-radius:14px;border:1px solid var(--vxn-line);background:rgba(var(--w),.02);
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;text-align:center;padding:8px;transition:all .5s;overflow:hidden;}
.vxn-cell .cl{font-size:.66rem;font-weight:600;color:var(--vxn-muted);line-height:1.25;}
.vxn-cell .ci{width:22px;height:22px;color:var(--vxn-faint);transition:color .4s;}
.vxn-cell .ci svg{width:100%;height:100%;}
.vxn-cell.is-taken{opacity:.4;}
.vxn-cell.is-taken .stamp{position:absolute;font-family:var(--vxn-font-mono);font-size:.6rem;letter-spacing:.1em;color:var(--vxn-red);border:1px solid var(--vxn-red);padding:2px 6px;border-radius:5px;transform:rotate(-12deg);opacity:0;transition:opacity .5s;}
.vxn-cell.is-taken.show .stamp{opacity:.85;}
.vxn-cell.is-yours{border-color:var(--vxn-cyan);background:linear-gradient(160deg,rgba(192,132,252,.14),rgba(192,132,252,.04));box-shadow:0 0 0 1px rgba(192,132,252,.4),0 14px 34px -12px rgba(192,132,252,.5);}
.vxn-cell.is-yours .ci{color:var(--vxn-cyan);}
.vxn-cell.is-yours .cl{color:#fff;}
.vxn-lock{opacity:0;transform:scale(.5);transition:opacity .4s,transform .4s;}
.vxn-cell.is-yours.locked .vxn-lock{opacity:1;transform:scale(1);}
.vxn-sweep{position:absolute;inset:0;pointer-events:none;border-radius:20px;overflow:hidden;}
.vxn-sweep::before{content:"";position:absolute;top:-50%;left:-50%;width:60%;height:200%;
  background:linear-gradient(90deg,transparent,rgba(192,132,252,.12),transparent);transform:rotate(18deg);animation:vxn-scan 5s linear infinite;}
@keyframes vxn-scan{0%{left:-60%;}100%{left:120%;}}
.vxn-excl-pts{display:flex;flex-direction:column;gap:12px;margin:24px 0;}
.vxn-ep{display:flex;gap:12px;align-items:flex-start;}
.vxn-ep .epi{width:34px;height:34px;border-radius:10px;background:rgba(192,132,252,.1);color:var(--vxn-cyan);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.vxn-ep .epi svg{width:18px;height:18px;}
.vxn-ep b{font-family:var(--vxn-font-display);color:var(--vxn-ink);font-size:.95rem;display:block;}
.vxn-ep span{font-size:.85rem;color:var(--vxn-muted);}

/* ============================ REPORTING DASHBOARD ============================ */
.vxn-dashboard{margin-top:46px;padding:26px;border-radius:24px;}
.vxn-db-top{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:22px;}
.vxn-db-title{display:flex;align-items:center;gap:12px;}
.vxn-db-title .dt{font-family:var(--vxn-font-display);font-weight:700;color:var(--vxn-ink);font-size:1.05rem;}
.vxn-db-title .live{display:inline-flex;align-items:center;gap:7px;font-family:var(--vxn-font-mono);font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;color:var(--vxn-green);}
.vxn-db-title .live i{width:7px;height:7px;border-radius:50%;background:var(--vxn-green);box-shadow:0 0 9px var(--vxn-green);animation:vxn-pulse 1.8s infinite;}
.vxn-db-range{display:flex;gap:6px;}
.vxn-db-range span{font-size:.72rem;font-weight:600;color:var(--vxn-muted);padding:6px 11px;border-radius:8px;border:1px solid var(--vxn-line);}
.vxn-db-range span.on{background:rgba(192,132,252,.12);color:#fff;border-color:var(--vxn-cyan);}
.vxn-kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:13px;margin-bottom:18px;}
.vxn-kpi{padding:15px 16px;border-radius:14px;border:1px solid var(--vxn-line);background:rgba(var(--w),.02);}
.vxn-kpi .k{font-size:.72rem;color:var(--vxn-faint);font-weight:600;text-transform:uppercase;letter-spacing:.03em;margin-bottom:7px;display:flex;align-items:center;gap:6px;}
.vxn-kpi .k svg{width:13px;height:13px;}
.vxn-kpi .v{font-family:var(--vxn-font-mono);font-weight:700;font-size:1.4rem;color:var(--vxn-ink);line-height:1.1;font-variant-numeric:tabular-nums;}
.vxn-kpi .v.c{color:var(--vxn-cyan);} .vxn-kpi .v.g{color:var(--vxn-green);} .vxn-kpi .v.a{color:var(--vxn-amber);}
.vxn-kpi .delta{font-size:.72rem;font-weight:700;margin-top:4px;}
.vxn-kpi .delta.up{color:var(--vxn-green);} .vxn-kpi .delta.down{color:var(--vxn-green);}
.vxn-db-charts{display:grid;grid-template-columns:1.5fr 1fr;gap:14px;}
.vxn-chartcard{padding:18px;border-radius:14px;border:1px solid var(--vxn-line);background:rgba(var(--w),.018);}
.vxn-chartcard .ct{font-size:.78rem;color:var(--vxn-muted);font-weight:600;margin-bottom:16px;display:flex;justify-content:space-between;}
.vxn-bars{display:flex;align-items:flex-end;gap:9px;height:120px;}
.vxn-bar{flex:1;border-radius:6px 6px 0 0;background:linear-gradient(180deg,var(--vxn-cyan),rgba(124,58,237,.4));height:0;transition:height 1.1s var(--vxn-ease);min-height:4px;position:relative;}
.vxn-bar:nth-child(even){background:linear-gradient(180deg,var(--vxn-violet),rgba(124,58,237,.4));}
.vxn-bars-x{display:flex;gap:9px;margin-top:8px;}
.vxn-bars-x span{flex:1;text-align:center;font-family:var(--vxn-font-mono);font-size:.58rem;color:var(--vxn-faint);}
.vxn-donut{display:flex;align-items:center;gap:16px;}
.vxn-donut svg{width:104px;height:104px;flex-shrink:0;}
.vxn-donut .leg{display:flex;flex-direction:column;gap:8px;}
.vxn-donut .lg{display:flex;align-items:center;gap:8px;font-size:.76rem;color:var(--vxn-ink-2);}
.vxn-donut .lg i{width:9px;height:9px;border-radius:3px;}

/* ============================ SERVICES ============================ */
.vxn-svc-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(232px,1fr));gap:15px;margin-top:46px;}
.vxn-svc{padding:20px;border-radius:16px;transition:transform .4s var(--vxn-ease),border-color .4s;}
.vxn-svc:hover{transform:translateY(-5px);}
.vxn-svc .ic{width:40px;height:40px;border-radius:11px;background:rgba(var(--ln),.1);color:var(--vxn-cyan);display:flex;align-items:center;justify-content:center;margin-bottom:13px;}
.vxn-svc .ic svg{width:21px;height:21px;}
.vxn-svc h4{font-family:var(--vxn-font-display);font-size:1.02rem;color:var(--vxn-ink);margin:0 0 7px;}
.vxn-svc .cr{font-size:.74rem;font-weight:700;color:var(--vxn-green);text-transform:uppercase;letter-spacing:.04em;margin-bottom:5px;font-family:var(--vxn-font-mono);}
.vxn-svc p{margin:0;font-size:.84rem;color:var(--vxn-muted);}

/* ============================ CASE STUDIES ============================ */
.vxn-case-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px;margin-top:46px;}
.vxn-case{padding:24px;border-radius:18px;transition:transform .4s var(--vxn-ease);}
.vxn-case:hover{transform:translateY(-6px);}
.vxn-case .ind{display:inline-flex;align-items:center;gap:8px;font-size:.74rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--vxn-cyan);margin-bottom:18px;}
.vxn-case .ind .d{width:8px;height:8px;border-radius:50%;background:var(--vxn-cyan);box-shadow:0 0 8px var(--vxn-cyan);}
.vxn-cstat{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:13px 0;border-bottom:1px solid var(--vxn-line);}
.vxn-cstat:last-of-type{border-bottom:0;}
.vxn-cstat .cv{font-family:var(--vxn-font-mono);font-weight:700;font-size:1.5rem;color:var(--vxn-ink);font-variant-numeric:tabular-nums;}
.vxn-cstat .cv.g{color:var(--vxn-green);} .vxn-cstat .cv.c{color:var(--vxn-cyan);}
.vxn-cstat .cl{font-size:.8rem;color:var(--vxn-muted);text-align:right;max-width:54%;}

/* ============================ PROCESS TIMELINE ============================ */
.vxn-timeline{position:relative;max-width:780px;margin:46px auto 0;padding-left:42px;}
.vxn-timeline::before{content:"";position:absolute;left:15px;top:8px;bottom:8px;width:2px;background:var(--vxn-line);}
.vxn-tline-fill{position:absolute;left:15px;top:8px;width:2px;height:0;background:linear-gradient(180deg,var(--vxn-cyan),var(--vxn-violet));box-shadow:0 0 12px var(--vxn-cyan);transition:height 1.6s var(--vxn-ease);}
.vxn-tstep{position:relative;padding:0 0 30px;}
.vxn-tstep:last-child{padding-bottom:0;}
.vxn-tstep .tn{position:absolute;left:-42px;top:0;width:32px;height:32px;border-radius:10px;background:var(--vxn-deep);border:1px solid var(--vxn-line-2);
  display:flex;align-items:center;justify-content:center;font-family:var(--vxn-font-mono);font-size:.78rem;font-weight:700;color:var(--vxn-cyan);}
.vxn-tstep h4{font-family:var(--vxn-font-display);font-size:1.08rem;color:var(--vxn-ink);margin:2px 0 5px;}
.vxn-tstep p{margin:0;font-size:.88rem;color:var(--vxn-muted);}

/* ============================ FINAL CTA ============================ */
.vxn-final{position:relative;text-align:center;padding-block:clamp(80px,13vh,150px);overflow:hidden;}
.vxn-final-orb{position:absolute;top:50%;left:50%;width:520px;height:520px;transform:translate(-50%,-50%);z-index:0;pointer-events:none;
  background:radial-gradient(circle,rgba(192,132,252,.18),rgba(124,58,237,.08) 40%,transparent 70%);}
.vxn-final-inner{position:relative;z-index:2;max-width:720px;margin-inline:auto;}
.vxn-final h2{margin-bottom:20px;}
.vxn-final-cta{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;margin-top:32px;}
.vxn-final-trust{margin-top:24px;font-size:.85rem;color:var(--vxn-faint);font-family:var(--vxn-font-mono);}

/* ============================ FOOTER ============================ */
.vxn-footer{position:relative;border-top:1px solid var(--vxn-line);padding-top:60px;padding-bottom:34px;}
.vxn-foot-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:36px;}
.vxn-foot-brand .vxn-brand{margin-bottom:14px;}
.vxn-foot-brand p{font-size:.88rem;color:var(--vxn-muted);max-width:30ch;}
.vxn-foot-col h5{font-family:var(--vxn-font-mono);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--vxn-faint);margin:0 0 16px;}
.vxn-foot-col a{display:block;font-size:.88rem;color:var(--vxn-ink-2);padding:5px 0;transition:color .25s;}
.vxn-foot-col a:hover{color:var(--vxn-cyan);}
.vxn-foot-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:44px;padding-top:22px;border-top:1px solid var(--vxn-line);}
.vxn-foot-bottom .lg{font-size:.8rem;color:var(--vxn-faint);}
.vxn-foot-bottom .disc{font-size:.76rem;color:var(--vxn-faint);max-width:48ch;}

/* ============================ STICKY MOBILE CTA ============================ */
.vxn-sticky{position:fixed;left:14px;right:14px;bottom:14px;z-index:70;display:none;transform:translateY(140%);transition:transform .45s var(--vxn-ease);}
.vxn-sticky.is-on{transform:none;}
.vxn-sticky a{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;background:var(--vxn-grad-cta);color:var(--vxn-cta-ink);
  font-family:var(--vxn-font-display);font-weight:700;padding:15px;border-radius:14px;box-shadow:0 14px 40px -8px rgba(124,58,237,.7);}
.vxn-sticky a svg{width:18px;height:18px;}

/* ============================ RESPONSIVE ============================ */
@media(max-width:980px){
  .vxn-hero-grid,.vxn-leak-grid,.vxn-board-grid,.vxn-seo-grid,.vxn-ads-grid,.vxn-web-grid,.vxn-excl-grid{grid-template-columns:1fr;gap:38px;}
  .vxn-engine{max-width:440px;order:-1;}
  .vxn-board,.vxn-funnel-stage{max-width:420px;}
  .vxn-db-charts{grid-template-columns:1fr;}
  .vxn-foot-grid{grid-template-columns:1fr 1fr;gap:30px;}
  .vxn-foot-brand{grid-column:1/-1;}
}
@media(max-width:680px){
  .vxn-section{padding-block:clamp(58px,9vh,86px);}
  .vxn-jtrack,.vxn-crm-pipe{overflow-x:auto;justify-content:flex-start;gap:18px;padding-bottom:10px;}
  .vxn-jnode,.vxn-cnode{flex:0 0 96px;}
  .vxn-jline,.vxn-token,.vxn-crm-line{display:none;}
  .vxn-serp{grid-template-columns:1fr;}
  .vxn-foot-grid{grid-template-columns:1fr;}
  .vxn-sticky{display:block;}
  .vxn-foot-bottom{flex-direction:column;align-items:flex-start;}
}

/* ============================ REDUCED MOTION ============================ */
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important;}
  .vxn-reveal{opacity:1!important;transform:none!important;}
  .vxn-piece{opacity:1!important;transform:translate(-50%,-50%) scale(1)!important;}
  .vxn-token,.vxn-sweep::before,.vxn-pin.win{animation:none!important;}
}
/* =====================================================================
   v2 COMPONENT LAYER  (overrides win by source order)
   ===================================================================== */

/* header surface tokens */
:root{ --vxn-header:rgba(255,255,255,0.70); --vxn-header-2:rgba(255,255,255,0.90); }
:root[data-theme="dark"]{ --vxn-header:rgba(12,9,26,0.66); --vxn-header-2:rgba(12,9,26,0.88); }

/* focus ring (a11y) */
:where(a,button,input,select,textarea,[tabindex]):focus-visible{
  outline:2px solid var(--vxn-blue);outline-offset:2px;border-radius:6px;}

/* ----- smaller headings ----- */
.vxn-h1{font-size:clamp(2.0rem,4.6vw,3.4rem);}
.vxn-h2{font-size:clamp(1.5rem,3vw,2.15rem);}
.vxn-h3{font-size:clamp(1.05rem,1.7vw,1.25rem);}

/* SVG funnel labels (theme-aware fills) */
.vxn-fn-strong{fill:var(--vxn-ink);}
.vxn-fn-mid{fill:var(--vxn-ink-2);}

/* ----- ambient atmosphere : theme-aware ----- */
.vxn-atmos{background:
  radial-gradient(1100px 720px at 82% -12%, rgba(124,58,237,0.06), transparent 58%),
  radial-gradient(880px 680px at 2% 6%, rgba(168,85,247,0.05), transparent 60%),
  radial-gradient(1000px 820px at 60% 114%, rgba(192,132,252,0.045), transparent 55%),
  var(--vxn-void);}
:root[data-theme="dark"] .vxn-atmos{background:
  radial-gradient(1100px 720px at 80% -10%, rgba(124,58,237,0.24), transparent 60%),
  radial-gradient(900px 700px at 4% 8%, rgba(139,92,246,0.17), transparent 60%),
  radial-gradient(1000px 820px at 60% 112%, rgba(192,132,252,0.11), transparent 55%),
  var(--vxn-void);}
.vxn-grain{opacity:.022;}
:root[data-theme="dark"] .vxn-grain{opacity:.04;}

/* ===================================================================
   NEW HEADER  (.vxn-hd-*)  — clean, sticky, conventional-premium
   =================================================================== */
.vxn-hd{position:sticky;top:0;z-index:100;
  background:var(--vxn-header);
  -webkit-backdrop-filter:saturate(150%) blur(16px);backdrop-filter:saturate(150%) blur(16px);
  border-bottom:1px solid var(--vxn-line);
  transition:background .3s var(--vxn-ease),border-color .3s,box-shadow .3s;}
.vxn-hd.is-scrolled{background:var(--vxn-header-2);
  box-shadow:0 12px 34px -20px rgba(76,29,149,.4);border-bottom-color:var(--vxn-glass-brd);}
.vxn-hd-bar{max-width:var(--vxn-shell);margin:0 auto;padding:15px 22px;
  display:flex;align-items:center;gap:16px;transition:padding .3s var(--vxn-ease);}
.vxn-hd.is-scrolled .vxn-hd-bar{padding:9px 22px;}
.vxn-hd-brand{display:inline-flex;align-items:center;gap:11px;margin-right:auto;}
.vxn-hd-mark{width:34px;height:34px;flex:none;}
.vxn-hd-word{font-family:var(--vxn-font-display);font-weight:800;letter-spacing:.16em;
  font-size:1.05rem;color:var(--vxn-ink);}
.vxn-hd-nav{display:flex;align-items:center;gap:2px;}
.vxn-hd-link{position:relative;padding:9px 14px;border-radius:10px;font-weight:600;
  font-size:.94rem;color:var(--vxn-muted);transition:color .2s;}
.vxn-hd-link::after{content:"";position:absolute;left:14px;right:14px;bottom:5px;height:2px;border-radius:2px;
  background:var(--vxn-grad-cta);transform:scaleX(0);transform-origin:left;transition:transform .26s var(--vxn-ease);}
.vxn-hd-link:hover{color:var(--vxn-ink);}
.vxn-hd-link:hover::after{transform:scaleX(1);}
.vxn-hd-actions{display:flex;align-items:center;gap:10px;}
.vxn-hd-toggle{width:40px;height:40px;border-radius:11px;display:inline-grid;place-items:center;
  background:var(--vxn-glass-2);border:1px solid var(--vxn-glass-brd);color:var(--vxn-ink-2);
  transition:transform .2s,border-color .2s,color .2s;}
.vxn-hd-toggle:hover{color:var(--vxn-blue);border-color:var(--vxn-blue);transform:translateY(-1px);}
.vxn-hd-toggle svg{width:19px;height:19px;}
.vxn-hd-toggle .vxn-ic-moon{display:none;}
:root[data-theme="dark"] .vxn-hd-toggle .vxn-ic-sun{display:none;}
:root[data-theme="dark"] .vxn-hd-toggle .vxn-ic-moon{display:block;}
.vxn-hd-cta{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:11px;
  font-weight:700;font-size:.92rem;background:var(--vxn-grad-cta);color:var(--vxn-cta-ink);
  box-shadow:var(--vxn-glow-cta);transition:transform .2s,box-shadow .2s;}
.vxn-hd-cta:hover{transform:translateY(-1px);box-shadow:0 20px 46px -14px rgba(124,58,237,.6);}
.vxn-hd-burger{display:none;width:42px;height:42px;border-radius:11px;
  background:var(--vxn-glass-2);border:1px solid var(--vxn-glass-brd);color:var(--vxn-ink);
  align-items:center;justify-content:center;}
.vxn-hd-burger svg{width:22px;height:22px;}
.vxn-hd-mobile{display:none;}
@media (max-width:860px){
  .vxn-hd-nav,.vxn-hd-cta{display:none;}
  .vxn-hd-burger{display:inline-flex;}
  .vxn-hd-mobile{display:block;max-height:0;overflow:hidden;
    transition:max-height .38s var(--vxn-ease);
    background:var(--vxn-header-2);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);
    border-bottom:1px solid var(--vxn-line);}
  .vxn-hd-mobile.is-open{max-height:460px;}
  .vxn-hd-mlist{max-width:var(--vxn-shell);margin:0 auto;padding:8px 22px 22px;
    display:flex;flex-direction:column;gap:4px;}
  .vxn-hd-mlink{padding:14px 12px;border-radius:12px;font-weight:600;color:var(--vxn-ink-2);
    border:1px solid transparent;transition:background .2s,border-color .2s;}
  .vxn-hd-mlink:hover{background:var(--vxn-glass-2);border-color:var(--vxn-glass-brd);}
  .vxn-hd-mcta{margin-top:10px;justify-content:center;display:inline-flex;align-items:center;gap:8px;
    padding:15px 18px;border-radius:12px;font-weight:700;background:var(--vxn-grad-cta);
    color:var(--vxn-cta-ink);box-shadow:var(--vxn-glow-cta);}
}

/* ===================================================================
   IMAGES — real photos with graceful purple fallbacks
   =================================================================== */
.vxn-figure{position:relative;border-radius:var(--vxn-r);overflow:hidden;
  border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);background:var(--vxn-panel-2);}
.vxn-figure img{width:100%;height:100%;object-fit:cover;display:block;}
.vxn-ph{position:absolute;inset:0;display:none;align-items:center;justify-content:center;
  background:linear-gradient(150deg,#2a1d4d 0%,#7c3aed 60%,#a855f7 100%);color:#fff;}
.vxn-ph svg{width:40%;height:40%;opacity:.92;}
.vxn-figtag{position:absolute;left:13px;bottom:13px;z-index:2;display:inline-flex;align-items:center;gap:7px;
  padding:7px 13px;border-radius:999px;font-size:.76rem;font-weight:700;letter-spacing:.02em;color:#fff;
  background:rgba(11,8,24,.46);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
  border:1px solid rgba(255,255,255,.20);}
.vxn-ind-figure{aspect-ratio:4/3;margin-top:22px;}
.vxn-avatars{display:flex;align-items:center;}
.vxn-avatar{width:42px;height:42px;border-radius:50%;overflow:hidden;position:relative;flex:none;
  border:2px solid var(--vxn-panel);margin-left:-11px;
  background:linear-gradient(150deg,#7c3aed,#c084fc);box-shadow:0 2px 9px -2px rgba(76,29,149,.5);}
.vxn-avatar:first-child{margin-left:0;}
.vxn-avatar img{width:100%;height:100%;object-fit:cover;display:block;}
.vxn-avatar .vxn-ph{font-weight:800;font-size:.88rem;font-family:var(--vxn-font-display);}
.vxn-case-avatar{width:48px;height:48px;border-radius:50%;overflow:hidden;position:relative;flex:none;
  border:1px solid var(--vxn-glass-brd);background:linear-gradient(150deg,#7c3aed,#c084fc);}
.vxn-case-avatar img{width:100%;height:100%;object-fit:cover;display:block;}
.vxn-case-avatar .vxn-ph{font-weight:800;font-family:var(--vxn-font-display);}
.vxn-case-person{display:flex;align-items:center;gap:12px;margin-bottom:16px;}
.vxn-case-person .nm{font-family:var(--vxn-font-display);font-weight:700;font-size:.92rem;color:var(--vxn-ink);line-height:1.2;}
.vxn-case-person .rl{font-size:.8rem;color:var(--vxn-muted);}
.vxn-hero-proof{display:flex;align-items:center;gap:14px;margin-top:26px;flex-wrap:wrap;}
.vxn-hero-proof .txt{font-size:.86rem;color:var(--vxn-muted);max-width:24ch;line-height:1.45;}
.vxn-hero-proof .txt b{color:var(--vxn-ink-2);font-weight:700;}

/* ===================================================================
   NEW FOOTER  (.vxn-ft-*)
   =================================================================== */
.vxn-ft{position:relative;margin-top:96px;
  background:linear-gradient(180deg,var(--vxn-deep),var(--vxn-void));
  border-top:1px solid var(--vxn-line);}
.vxn-ft-cta{max-width:var(--vxn-shell);margin:0 auto;padding:58px 22px 8px;
  display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:26px;}
.vxn-ft-cta-copy h2{font-family:var(--vxn-font-display);font-weight:800;
  font-size:clamp(1.5rem,3vw,2.15rem);color:var(--vxn-ink);margin:0;letter-spacing:-.02em;
  max-width:20ch;line-height:1.12;}
.vxn-ft-cta-copy p{color:var(--vxn-muted);margin:10px 0 0;max-width:44ch;}
.vxn-ft-cta-btn{display:inline-flex;align-items:center;gap:9px;padding:15px 26px;border-radius:13px;
  font-weight:700;background:var(--vxn-grad-cta);color:var(--vxn-cta-ink);box-shadow:var(--vxn-glow-cta);
  white-space:nowrap;transition:transform .2s,box-shadow .2s;}
.vxn-ft-cta-btn:hover{transform:translateY(-2px);box-shadow:0 22px 50px -14px rgba(124,58,237,.6);}
.vxn-ft-grid{max-width:var(--vxn-shell);margin:34px auto 0;padding:42px 22px;
  display:grid;grid-template-columns:1.7fr 1fr 1fr 1fr;gap:32px;border-top:1px solid var(--vxn-line);}
.vxn-ft-brand p{color:var(--vxn-muted);font-size:.92rem;max-width:34ch;line-height:1.65;margin:14px 0 0;}
.vxn-ft-col h4{font-family:var(--vxn-font-display);font-size:.78rem;letter-spacing:.13em;
  text-transform:uppercase;color:var(--vxn-faint);margin:2px 0 14px;}
.vxn-ft-col a{display:block;color:var(--vxn-ink-2);font-size:.92rem;padding:7px 0;transition:color .2s;}
.vxn-ft-col a:hover{color:var(--vxn-blue);}
.vxn-ft-disc{max-width:var(--vxn-shell);margin:0 auto;padding:0 22px 26px;}
.vxn-ft-disc p{color:var(--vxn-faint);font-size:.78rem;line-height:1.65;
  border-top:1px dashed var(--vxn-line);padding-top:20px;margin:0;}
.vxn-ft-bottom{border-top:1px solid var(--vxn-line);}
.vxn-ft-bottom-in{max-width:var(--vxn-shell);margin:0 auto;padding:22px;
  display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;}
.vxn-ft-copy{color:var(--vxn-faint);font-size:.85rem;}
.vxn-ft-social{display:flex;gap:10px;}
.vxn-ft-social a{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;
  background:var(--vxn-glass-2);border:1px solid var(--vxn-glass-brd);color:var(--vxn-ink-2);
  transition:color .2s,border-color .2s,transform .2s;}
.vxn-ft-social a:hover{color:var(--vxn-blue);border-color:var(--vxn-blue);transform:translateY(-2px);}
.vxn-ft-social svg{width:18px;height:18px;}
@media (max-width:780px){.vxn-ft-grid{grid-template-columns:1fr 1fr;}.vxn-ft-brand{grid-column:1/-1;}}
@media (max-width:480px){.vxn-ft-grid{grid-template-columns:1fr;}}

.vxn-leak-money{margin-top:18px;padding:18px 20px;border-radius:16px;text-align:center;
  background:linear-gradient(160deg,rgba(244,63,94,.10),rgba(124,58,237,.06));
  border:1px solid var(--vxn-glass-brd);}
.vxn-leak-money .big{display:block;font-family:var(--vxn-font-display);font-weight:800;
  font-size:clamp(1.6rem,3vw,2.1rem);color:var(--vxn-red);letter-spacing:-.02em;}
.vxn-leak-money .sub{display:block;margin-top:6px;font-size:.84rem;color:var(--vxn-muted);line-height:1.5;}

/* ===================================================================
   ABOUT SECTION
   =================================================================== */
.vxn-about-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:46px;align-items:center;margin-top:42px;}
.vxn-about-figure{position:relative;border-radius:var(--vxn-r);overflow:hidden;
  border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);background:var(--vxn-panel-2);aspect-ratio:4/3;}
.vxn-about-figure img{width:100%;height:100%;object-fit:cover;display:block;}
.vxn-about-badge{position:absolute;left:16px;bottom:16px;z-index:2;display:flex;align-items:center;gap:12px;
  padding:12px 16px;border-radius:14px;background:rgba(11,8,24,.55);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
  border:1px solid rgba(255,255,255,.18);}
.vxn-about-badge .n{font-family:var(--vxn-font-display);font-weight:800;font-size:1.3rem;color:#fff;line-height:1;}
.vxn-about-badge .l{font-size:.74rem;color:rgba(255,255,255,.8);line-height:1.3;}
.vxn-about-lead{font-size:1.05rem;color:var(--vxn-ink-2);line-height:1.7;margin:18px 0 0;}
.vxn-about-lead b{color:var(--vxn-ink);font-weight:700;}
.vxn-about-points{display:grid;gap:14px;margin-top:24px;}
.vxn-about-point{display:flex;gap:13px;align-items:flex-start;}
.vxn-about-point .ic{width:34px;height:34px;flex:none;border-radius:10px;display:grid;place-items:center;
  background:linear-gradient(150deg,rgba(124,58,237,.16),rgba(192,132,252,.10));color:var(--vxn-blue);border:1px solid var(--vxn-glass-brd);}
.vxn-about-point .ic svg{width:18px;height:18px;}
.vxn-about-point h4{font-family:var(--vxn-font-display);font-weight:600;font-size:.98rem;color:var(--vxn-ink);margin:2px 0 3px;}
.vxn-about-point p{font-size:.88rem;color:var(--vxn-muted);line-height:1.55;margin:0;}
@media (max-width:820px){ .vxn-about-grid{grid-template-columns:1fr;gap:30px;} }
/* ===================================================================
   MEGA MENU
   =================================================================== */
.vxn-hd-mega-btn{background:transparent;border:0;font-family:inherit;cursor:pointer;display:inline-flex;align-items:center;gap:6px;}
.vxn-hd-chev{transition:transform .25s var(--vxn-ease);}
.vxn-hd-mega-btn[aria-expanded="true"]{color:var(--vxn-ink);}
.vxn-hd-mega-btn[aria-expanded="true"] .vxn-hd-chev{transform:rotate(180deg);}
.vxn-hd-mega{position:absolute;top:100%;left:0;right:0;z-index:99;
  background:var(--vxn-panel);
  border-top:1px solid var(--vxn-line);border-bottom:1px solid var(--vxn-glass-brd);
  box-shadow:0 36px 70px -34px rgba(76,29,149,.42);
  opacity:0;visibility:hidden;transform:translateY(-10px);pointer-events:none;
  transition:opacity .26s var(--vxn-ease),transform .26s var(--vxn-ease),visibility .26s;}
.vxn-hd-mega.is-open{opacity:1;visibility:visible;transform:none;pointer-events:auto;}
.vxn-hd-mega-in{max-width:var(--vxn-shell);margin:0 auto;padding:30px 22px 34px;
  display:grid;grid-template-columns:1.25fr 1fr 1.15fr;gap:30px;}
.vxn-hd-mega-col h4{font-family:var(--vxn-font-display);font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;
  color:var(--vxn-faint);margin:0 0 12px;padding-left:10px;}
.vxn-hd-mega-col a{display:flex;align-items:center;gap:12px;padding:10px;border-radius:12px;
  border:1px solid transparent;transition:background .18s,border-color .18s,transform .18s;}
.vxn-hd-mega-col a:hover{background:var(--vxn-glass-2);border-color:var(--vxn-glass-brd);transform:translateX(2px);}
.vxn-hd-mega-col a .ic{width:34px;height:34px;flex:none;border-radius:9px;display:grid;place-items:center;
  background:linear-gradient(150deg,rgba(124,58,237,.16),rgba(192,132,252,.10));color:var(--vxn-blue);border:1px solid var(--vxn-glass-brd);}
.vxn-hd-mega-col a .ic svg{width:18px;height:18px;}
.vxn-hd-mega-col a .tx b{display:block;font-family:var(--vxn-font-display);font-weight:600;font-size:.92rem;color:var(--vxn-ink);}
.vxn-hd-mega-col a .tx span{display:block;font-size:.78rem;color:var(--vxn-muted);margin-top:1px;}
.vxn-hd-mega-col:nth-child(2) a{padding:12px;}
.vxn-hd-mega-feature{background:linear-gradient(160deg,rgba(124,58,237,.10),rgba(192,132,252,.05));
  border:1px solid var(--vxn-glass-brd);border-radius:16px;padding:22px;display:flex;flex-direction:column;}
.vxn-hd-mega-feature h3{font-family:var(--vxn-font-display);font-weight:700;font-size:1.05rem;color:var(--vxn-ink);
  margin:10px 0 8px;line-height:1.25;letter-spacing:-.01em;}
.vxn-hd-mega-feature p{color:var(--vxn-muted);font-size:.86rem;line-height:1.55;margin:0 0 16px;}
.vxn-hd-mega-cta{margin-top:auto;align-self:flex-start;display:inline-flex;align-items:center;gap:8px;
  padding:11px 18px;border-radius:11px;font-weight:700;font-size:.86rem;background:var(--vxn-grad-cta);color:var(--vxn-cta-ink);box-shadow:var(--vxn-glow-cta);}
@media (max-width:860px){ .vxn-hd-mega{display:none !important;} }
@media (prefers-reduced-motion:reduce){ .vxn-hd-mega,.vxn-hd-chev{transition:none !important;} }

/* ===================================================================
   HERO v3 — particles.js network + centered creative layout
   =================================================================== */
.vxn-hero{position:relative;overflow:hidden;min-height:clamp(580px,88vh,880px);
  display:flex;align-items:center;padding-top:48px;padding-bottom:56px;}
#vxn-particles{position:absolute;inset:0;z-index:0;}
#vxn-particles canvas{display:block !important;}
.vxn-hero-glow{position:absolute;inset:0;z-index:0;pointer-events:none;background:
  radial-gradient(640px 440px at 50% 30%, rgba(124,58,237,.16), transparent 70%),
  radial-gradient(520px 380px at 84% 72%, rgba(192,132,252,.12), transparent 70%),
  radial-gradient(480px 360px at 12% 78%, rgba(168,85,247,.10), transparent 70%);}
.vxn-hero .vxn-shell{position:relative;z-index:2;}
.vxn-hero-center{max-width:900px;margin:0 auto;text-align:center;display:flex;flex-direction:column;align-items:center;}
.vxn-hero-center .vxn-h1{margin:16px auto 0;}
.vxn-hero-center .vxn-lead{margin:20px auto 0;text-align:center;}
.vxn-hero-center .vxn-hero-cta{justify-content:center;margin-top:30px;display:flex;gap:14px;flex-wrap:wrap;}
.vxn-hero-center .vxn-hero-proof{justify-content:center;margin-top:28px;}
.vxn-hero-metrics{margin-top:40px;padding:6px;border-radius:18px;width:100%;max-width:800px;}
.vxn-hero-metrics .cap{text-align:center;font-size:.82rem;font-weight:700;color:var(--vxn-red);
  padding:12px 16px 11px;line-height:1.4;}
.vxn-hm-row{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--vxn-line);}
.vxn-hm-row .cell{padding:16px 14px 18px;text-align:center;position:relative;}
.vxn-hm-row .cell + .cell::before{content:"";position:absolute;left:0;top:22%;bottom:22%;width:1px;background:var(--vxn-line);}
.vxn-hm-row .v{font-family:var(--vxn-font-display);font-weight:800;font-size:clamp(1.35rem,2.5vw,1.9rem);color:var(--vxn-ink);letter-spacing:-.02em;}
.vxn-hm-row .v.g{color:var(--vxn-green);}
.vxn-hm-row .v.c{color:var(--vxn-blue);}
.vxn-hm-row .k{font-size:.74rem;color:var(--vxn-muted);margin-top:5px;letter-spacing:.01em;line-height:1.3;}
@media (max-width:620px){
  .vxn-hm-row{grid-template-columns:repeat(2,1fr);}
  .vxn-hm-row .cell:nth-child(3)::before{display:none;}
}
@media (prefers-reduced-motion:reduce){
  .vxn-hd,.vxn-hd-bar,.vxn-hd-mobile,.vxn-hd-link::after,.vxn-hd-cta,.vxn-hd-toggle,
  .vxn-ft-cta-btn,.vxn-ft-social a,.vxn-about-point{transition:none !important;}
}
/* ----- hero text glow + typewriter caret + lead highlight ----- */
.vxn-hero-center .vxn-h1{text-shadow:0 0 38px rgba(124,58,237,.14);}
.vxn-hero-break{display:block;margin-top:.08em;}
:root[data-theme="dark"] .vxn-hero-center .vxn-h1{text-shadow:0 0 48px rgba(124,58,237,.45);}
.vxn-hero-center .vxn-grad-txt{text-shadow:none;
  filter:drop-shadow(0 0 14px rgba(124,58,237,.45)) drop-shadow(0 0 28px rgba(192,132,252,.30));}
.vxn-hl{color:var(--vxn-blue);}
:root[data-theme="dark"] .vxn-hl{color:var(--vxn-cyan);}
.vxn-hero-center .vxn-lead strong{color:var(--vxn-blue);font-weight:700;}
:root[data-theme="dark"] .vxn-hero-center .vxn-lead strong{color:var(--vxn-cyan);}
.vxn-caret{display:inline-block;width:3px;height:.92em;margin-left:5px;vertical-align:-1px;border-radius:2px;
  background:linear-gradient(180deg,#7c3aed,#c084fc);box-shadow:0 0 12px rgba(124,58,237,.75);
  animation:vxn-blink 1.05s steps(1) infinite;}
@keyframes vxn-blink{0%,50%{opacity:1}50.01%,100%{opacity:0}}
@media (prefers-reduced-motion:reduce){ .vxn-caret{animation:none;display:none;} }
/* ----- section 2 : animated funnel (flowing leads + happy booked) ----- */
.vxn-funnel-anim{width:100%;max-width:330px;display:block;margin:0 auto;overflow:visible;}
.vxn-flow{fill:#a855f7;animation:vxn-pflow 2.7s linear infinite;}
.vxn-flow.f1{animation-delay:0s;}
.vxn-flow.f2{animation-delay:.45s;}
.vxn-flow.f3{animation-delay:.95s;}
.vxn-flow.f4{animation-delay:1.4s;}
.vxn-flow.f5{animation-delay:1.85s;}
.vxn-flow.f6{animation-delay:2.3s;}
@keyframes vxn-pflow{
  0%{transform:translateY(0);opacity:0;}
  10%{opacity:1;}
  86%{opacity:.95;}
  100%{transform:translateY(262px);opacity:0;}
}
.vxn-leak{fill:#f43f5e;}
.vxn-leak.l1,.vxn-leak.l2,.vxn-leak.l3{animation:vxn-leakL 2.7s ease-in infinite;}
.vxn-leak.r1,.vxn-leak.r2,.vxn-leak.r3{animation:vxn-leakR 2.7s ease-in infinite;}
.vxn-leak.l1{animation-delay:.3s;}
.vxn-leak.r1{animation-delay:.9s;}
.vxn-leak.r2{animation-delay:.6s;}
.vxn-leak.l2{animation-delay:1.5s;}
.vxn-leak.r3{animation-delay:1.2s;}
.vxn-leak.l3{animation-delay:2s;}
@keyframes vxn-leakL{0%{transform:translate(0,0);opacity:0;}20%{opacity:.9;}100%{transform:translate(-30px,18px);opacity:0;}}
@keyframes vxn-leakR{0%{transform:translate(0,0);opacity:0;}20%{opacity:.9;}100%{transform:translate(30px,18px);opacity:0;}}
.vxn-joy-glow{transform-box:fill-box;transform-origin:center;animation:vxn-joy-pulse 2.4s ease-in-out infinite;}
@keyframes vxn-joy-pulse{0%,100%{transform:scale(.9);opacity:.45;}50%{transform:scale(1.14);opacity:.82;}}
.vxn-joy-face{transform-box:fill-box;transform-origin:center;animation:vxn-joy-bob 2.4s ease-in-out infinite;}
@keyframes vxn-joy-bob{0%,100%{transform:translateY(0) scale(1);}50%{transform:translateY(-2px) scale(1.05);}}
.vxn-spark{transform-box:fill-box;transform-origin:center;animation:vxn-twinkle 1.9s ease-in-out infinite;}
.vxn-spark.s2{animation-delay:.6s;}
.vxn-spark.s3{animation-delay:1.15s;}
@keyframes vxn-twinkle{0%,100%{opacity:.15;transform:scale(.6);}50%{opacity:1;transform:scale(1.1);}}
@media (prefers-reduced-motion:reduce){
  .vxn-flow,.vxn-leak,.vxn-spark{display:none;}
  .vxn-joy-glow,.vxn-joy-face{animation:none;}
}
/* ----- section 3 : Method phases (image-rich, alternating) ----- */
.vxn-phases{display:flex;flex-direction:column;gap:40px;margin-top:48px;}
.vxn-phase{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center;}
.vxn-phase:nth-child(even) .vxn-phase-figure{order:2;}
.vxn-phase-figure{position:relative;border-radius:var(--vxn-r);overflow:hidden;aspect-ratio:4/3;
  border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);background:var(--vxn-panel-2);}
.vxn-phase-figure img{width:100%;height:100%;object-fit:cover;display:block;}
.vxn-phase-badge{position:absolute;left:14px;top:14px;z-index:2;
  font-family:var(--vxn-font-display);font-weight:800;font-size:1.05rem;color:#fff;
  width:46px;height:46px;display:grid;place-items:center;border-radius:13px;
  background:linear-gradient(150deg,rgba(124,58,237,.94),rgba(168,85,247,.94));
  border:1px solid rgba(255,255,255,.25);box-shadow:0 8px 22px -8px rgba(76,29,149,.6);}
.vxn-phase-tag{display:inline-block;font-family:var(--vxn-font-display);font-size:.76rem;font-weight:700;
  letter-spacing:.08em;text-transform:uppercase;color:var(--vxn-blue);
  padding:6px 12px;border-radius:999px;background:rgba(124,58,237,.10);
  border:1px solid var(--vxn-glass-brd);margin-bottom:14px;}
.vxn-phase-body h3{margin:0 0 10px;}
.vxn-phase-body > p{color:var(--vxn-ink-2);font-size:1rem;line-height:1.6;margin:0;}
.vxn-phase-steps{list-style:none;padding:0;margin:20px 0 0;display:grid;gap:12px;}
.vxn-phase-steps li{display:flex;gap:14px;align-items:flex-start;padding:11px 14px;border-radius:12px;
  background:var(--vxn-glass-2);border:1px solid var(--vxn-glass-brd);
  transition:transform .25s var(--vxn-ease),border-color .25s;}
.vxn-phase-steps li:hover{transform:translateX(3px);border-color:var(--vxn-blue);}
.vxn-phase-steps .n{font-family:var(--vxn-font-mono);font-weight:700;color:var(--vxn-blue);font-size:.9rem;
  width:24px;flex:none;padding-top:2px;}
.vxn-phase-steps b{display:block;font-family:var(--vxn-font-display);font-weight:600;color:var(--vxn-ink);font-size:.96rem;}
.vxn-phase-steps .d{display:block;font-size:.85rem;color:var(--vxn-muted);line-height:1.5;margin-top:2px;}
@media (max-width:840px){
  .vxn-phase{grid-template-columns:1fr;gap:22px;}
  .vxn-phase .vxn-phase-figure,
  .vxn-phase:nth-child(even) .vxn-phase-figure{order:-1;}
}
@media (prefers-reduced-motion:reduce){ .vxn-phase-steps li{transition:none;} }
/* ----- section 2 : parallax + falling background ----- */
.vxn-sec2{position:relative;overflow:hidden;}
.vxn-sec2 > .vxn-shell{position:relative;z-index:1;}
.vxn-sec2-bg{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden;}
.vxn-p-layer{position:absolute;inset:-12% 0;will-change:transform;}
.vxn-blob{position:absolute;border-radius:50%;filter:blur(60px);opacity:.55;}
.vxn-blob.b1{width:46vw;max-width:560px;aspect-ratio:1;left:-8%;top:6%;
  background:radial-gradient(circle,rgba(124,58,237,.18),transparent 70%);}
.vxn-blob.b2{width:40vw;max-width:480px;aspect-ratio:1;right:-6%;bottom:0%;
  background:radial-gradient(circle,rgba(192,132,252,.15),transparent 70%);}
.vxn-p-mid{background-image:
   linear-gradient(rgba(var(--ln),.05) 1px,transparent 1px),
   linear-gradient(90deg,rgba(var(--ln),.05) 1px,transparent 1px);
  background-size:46px 46px;
  -webkit-mask-image:radial-gradient(ellipse at 50% 38%,#000 32%,transparent 78%);
  mask-image:radial-gradient(ellipse at 50% 38%,#000 32%,transparent 78%);}
.vxn-fall{position:absolute;top:-8%;width:var(--s,5px);height:var(--s,5px);border-radius:50%;
  background:var(--c,#a855f7);box-shadow:0 0 8px rgba(168,85,247,.5);opacity:0;
  animation:vxn-fall var(--dur,10s) linear var(--d,0s) infinite;}
.vxn-fall-red{--c:#f43f5e;box-shadow:0 0 8px rgba(244,63,94,.5);}
@keyframes vxn-fall{
  0%{transform:translate3d(0,0,0);opacity:0;}
  8%{opacity:.85;}
  88%{opacity:.5;}
  100%{transform:translate3d(var(--x,0),132vh,0);opacity:0;}
}
@media (prefers-reduced-motion:reduce){
  .vxn-fall{display:none;}
  .vxn-p-layer{transform:none !important;}
}

/* ----- section 3 (Method) : image-backed parallax ----- */
.vxn-parallax-host{position:relative;overflow:hidden;}
.vxn-parallax-host > .vxn-shell{position:relative;z-index:1;}
.vxn-m3-bg{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden;}
.vxn-m3-img{background:
    radial-gradient(45% 55% at 12% 8%, rgba(124,58,237,.14), transparent 68%),
    radial-gradient(45% 55% at 88% 12%, rgba(192,132,252,.12), transparent 68%),
    radial-gradient(62% 60% at 50% 100%, rgba(139,92,246,.10), transparent 72%);}
:root[data-theme="dark"] .vxn-m3-img{filter:brightness(1.25);}
/* ----- strategy board : connected colour-tile redesign ----- */
.vxn-board::before{background:
  linear-gradient(rgba(var(--ln),.045) 1px,transparent 1px),
  linear-gradient(90deg,rgba(var(--ln),.045) 1px,transparent 1px);
  background-size:16.66% 16.66%;opacity:.7;}
.vxn-board-net{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none;}
.vxn-board-net .net-flow polyline{animation:vxn-netflow 1.6s linear infinite;}
@keyframes vxn-netflow{to{stroke-dashoffset:-16;}}
.vxn-piece-disc{border-radius:18px;
  background:radial-gradient(circle at 32% 26%,rgba(255,255,255,.42),transparent 54%),var(--pc,#a855f7);
  border:1px solid rgba(255,255,255,.34);
  box-shadow:0 12px 26px -10px var(--pc,rgba(168,85,247,.6)),inset 0 -7px 16px rgba(0,0,0,.2),inset 0 1px 1px rgba(255,255,255,.5);}
.vxn-piece-disc svg{color:#fff;}
.vxn-piece-lbl{color:#fff;opacity:.96;}
.vxn-piece-glow{opacity:.55;filter:blur(11px);inset:-28%;}

/* ----- industries : focus split + vertical journey + specialties (redesigned) ----- */
.vxn-ind2-grid{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:stretch;margin-top:46px;}
.vxn-ind2-figure{position:relative;border-radius:var(--vxn-r);overflow:hidden;min-height:430px;
  border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);background:var(--vxn-panel-2);}
.vxn-ind2-figure img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;}
.vxn-ind2-badge{position:absolute;z-index:2;display:inline-flex;align-items:center;gap:8px;
  font-family:var(--vxn-font-display);font-weight:600;font-size:.78rem;color:#fff;
  padding:8px 13px;border-radius:999px;background:rgba(20,12,40,.55);
  backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.22);}
.vxn-ind2-badge.top{left:16px;top:16px;}
.vxn-ind2-badge.bot{left:16px;bottom:16px;font-family:var(--vxn-font-mono);font-size:.72rem;font-weight:500;}
.vxn-ind2-journey{display:flex;flex-direction:column;justify-content:center;}
.vxn-vjourney{list-style:none;margin:22px 0 0;padding:0;position:relative;}
.vxn-vjourney::before{content:"";position:absolute;left:23px;top:23px;bottom:23px;width:2px;background:var(--vxn-line);}
.vxn-vjourney::after{content:"";position:absolute;left:23px;top:23px;bottom:23px;width:2px;
  background:linear-gradient(180deg,var(--ac1),var(--ac2),var(--ac1));background-size:100% 220%;
  opacity:.75;animation:vxn-vrail 3s linear infinite;}
@keyframes vxn-vrail{to{background-position:0 -220%;}}
.vxn-vstep{position:relative;display:flex;gap:16px;align-items:flex-start;padding-bottom:24px;}
.vxn-vstep:last-child{padding-bottom:0;}
.vxn-vstep .vxn-jdot{flex:none;position:relative;z-index:1;}
.vxn-vtxt{padding-top:5px;}
.vxn-vtxt b{display:block;font-family:var(--vxn-font-display);font-weight:600;color:var(--vxn-ink);font-size:1rem;}
.vxn-vtxt .s{font-family:var(--vxn-font-mono);font-size:.66rem;letter-spacing:.05em;text-transform:uppercase;color:var(--vxn-faint);}
.vxn-spec-head{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;margin:50px 0 18px;}
.vxn-spec-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:14px;}
.vxn-spec{position:relative;display:flex;gap:15px;align-items:flex-start;padding:16px 18px 16px 20px;border-radius:14px;
  overflow:hidden;background:var(--vxn-glass-2);border:1px solid var(--vxn-glass-brd);
  transition:transform .3s var(--vxn-ease),border-color .3s;}
.vxn-spec::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;
  background:linear-gradient(180deg,var(--vxn-blue),var(--vxn-cyan));opacity:0;transition:opacity .3s;}
.vxn-spec:hover{transform:translateY(-4px);border-color:var(--vxn-blue);}
.vxn-spec:hover::before{opacity:1;}
.vxn-spec .ic{width:42px;height:42px;border-radius:11px;flex:none;display:grid;place-items:center;
  background:rgba(124,58,237,.1);color:var(--vxn-blue);}
.vxn-spec .ic svg{width:22px;height:22px;}
.vxn-spec h4{margin:0 0 4px;font-family:var(--vxn-font-display);font-size:1rem;color:var(--vxn-ink);}
.vxn-spec p{margin:0;font-size:.85rem;color:var(--vxn-muted);line-height:1.5;}
@media (max-width:840px){
  .vxn-ind2-grid{grid-template-columns:1fr;gap:24px;}
  .vxn-ind2-figure{min-height:300px;}
}
@media (prefers-reduced-motion:reduce){
  .vxn-board-net .net-flow polyline{animation:none;}
  .vxn-vjourney::after{animation:none;}
}
/* ----- website before/after : detailed site mockups ----- */
.vxn-ba-layer{padding:0;}
.vxn-ba-after{background:linear-gradient(180deg,#ffffff,#f7f4ff);}
.vxn-ba-before{background:linear-gradient(180deg,#e9ebef,#dfe2e8);clip-path:inset(0 calc(100% - var(--pos)) 0 0);}
.vxn-ba-handle{background:var(--vxn-blue);box-shadow:0 0 14px rgba(124,58,237,.6);}
.vxn-ba-knob{background:#fff;border-color:var(--vxn-blue);}
.vxn-ba-knob svg{color:var(--vxn-blue);}
.vxn-st{position:absolute;inset:0;display:flex;flex-direction:column;overflow:hidden;}
.vxn-st-nav{display:flex;align-items:center;justify-content:space-between;padding:9px 13px;border-bottom:1px solid rgba(27,18,51,.08);background:rgba(255,255,255,.6);}
.vxn-st-logo{display:flex;align-items:center;gap:6px;font-family:var(--vxn-font-display);font-weight:800;font-size:.64rem;color:#1b1233;white-space:nowrap;}
.vxn-st-logo i{width:14px;height:14px;border-radius:5px;background:linear-gradient(135deg,#7c3aed,#c084fc);flex:none;}
.vxn-st-links{display:flex;gap:8px;}
.vxn-st-links b{width:22px;height:5px;border-radius:3px;background:rgba(27,18,51,.16);}
.vxn-st-btn{font-family:var(--vxn-font-display);font-size:.6rem;font-weight:700;color:#fff;background:linear-gradient(135deg,#7c3aed,#a855f7);border-radius:7px;padding:5px 12px;white-space:nowrap;}
.vxn-st-hero{flex:1;display:flex;gap:13px;padding:15px 13px;align-items:center;}
.vxn-st-htext{flex:1.25;display:flex;flex-direction:column;gap:7px;min-width:0;}
.vxn-st-h1{font-family:var(--vxn-font-display);font-weight:800;font-size:.96rem;line-height:1.12;color:#1b1233;}
.vxn-st-sub{height:6px;border-radius:3px;background:rgba(27,18,51,.12);width:92%;}
.vxn-st-sub.s{width:64%;}
.vxn-st-ctarow{display:flex;align-items:center;gap:8px;margin-top:5px;flex-wrap:wrap;}
.vxn-st-cta{font-family:var(--vxn-font-display);font-size:.64rem;font-weight:700;color:#fff;background:linear-gradient(135deg,#7c3aed,#a855f7);border-radius:8px;padding:7px 14px;box-shadow:0 7px 16px -6px rgba(124,58,237,.6);white-space:nowrap;}
.vxn-st-call{display:inline-flex;align-items:center;gap:5px;font-family:var(--vxn-font-display);font-size:.6rem;font-weight:700;color:#7c3aed;border:1px solid rgba(124,58,237,.32);border-radius:8px;padding:6px 10px;white-space:nowrap;}
.vxn-st-call svg{width:11px;height:11px;}
.vxn-st-stars{display:flex;align-items:center;gap:6px;font-size:.72rem;color:#f59e0b;margin-top:2px;letter-spacing:1px;}
.vxn-st-stars span{color:#675d86;font-family:var(--vxn-font-mono);font-size:.56rem;letter-spacing:0;}
.vxn-st-himg{flex:.85;align-self:stretch;border-radius:10px;min-height:74px;position:relative;overflow:hidden;
  background:linear-gradient(150deg,#a855f7,#7c3aed);box-shadow:0 8px 20px -8px rgba(124,58,237,.55);}
.vxn-st-himg::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 70% 28%,rgba(255,255,255,.4),transparent 58%);}
.vxn-st-trust{display:flex;gap:7px;padding:0 13px 13px;}
.vxn-st-trust span{flex:1;height:15px;border-radius:5px;background:rgba(16,185,129,.16);border:1px solid rgba(16,185,129,.2);}
/* dated / bad site */
.vxn-st-nav.bad{padding:8px 11px;border-bottom:1px solid rgba(51,65,90,.14);background:#eceef2;}
.vxn-st-logo.bad{font-family:var(--vxn-font-body);font-weight:700;font-size:.6rem;color:#3a4a63;}
.vxn-st-links.bad{gap:6px;}
.vxn-st-links.bad b{width:15px;height:4px;background:rgba(58,74,99,.4);}
.vxn-st-body{flex:1;padding:13px 13px 12px;display:flex;flex-direction:column;gap:6px;}
.vxn-st-bh{font-family:var(--vxn-font-body);font-weight:700;font-size:.66rem;color:#46586f;margin-bottom:3px;}
.vxn-st-txt{height:5px;border-radius:2px;background:rgba(58,74,99,.2);width:100%;}
.vxn-st-txt.s{width:72%;}
.vxn-st-submit{margin-top:7px;align-self:flex-start;font-family:var(--vxn-font-body);font-size:.6rem;font-weight:600;color:#5b6b85;background:#d2d7df;border:1px solid #c0c6d0;border-radius:5px;padding:6px 13px;}
@media (prefers-reduced-motion:reduce){}
/* ===== gradient touch-ups ===== */
.vxn-divider{border:none;height:1px;background:linear-gradient(90deg,transparent,rgba(124,58,237,.28),rgba(192,132,252,.30),transparent);}

/* ===== footer : interactive + gradients ===== */
.vxn-ft{overflow:hidden;}
.vxn-ft::before{content:"";position:absolute;top:0;left:0;right:0;height:2px;z-index:2;
  background:linear-gradient(90deg,transparent,#7c3aed,#a855f7,#c084fc,#a855f7,#7c3aed,transparent);background-size:200% 100%;
  animation:vxn-ftline 6s linear infinite;}
@keyframes vxn-ftline{to{background-position:200% 0;}}
.vxn-ft-glow{position:absolute;top:-60px;left:50%;width:78%;max-width:880px;height:320px;pointer-events:none;z-index:0;
  transform:translateX(-50%);background:radial-gradient(ellipse at center,rgba(124,58,237,.18),transparent 70%);
  animation:vxn-ftglow 7s ease-in-out infinite;}
@keyframes vxn-ftglow{0%,100%{opacity:.55;transform:translateX(-50%) scale(1);}50%{opacity:1;transform:translateX(-50%) scale(1.08);}}
.vxn-ft-cta,.vxn-ft-grid,.vxn-ft-disc,.vxn-ft-bottom{position:relative;z-index:1;}
.vxn-ft-cta-btn{position:relative;overflow:hidden;}
.vxn-ft-cta-btn::after{content:"";position:absolute;top:0;left:-65%;width:42%;height:100%;transform:skewX(-18deg);
  background:linear-gradient(105deg,transparent,rgba(255,255,255,.4),transparent);animation:vxn-shimmer 3.6s ease-in-out infinite;}
@keyframes vxn-shimmer{0%,70%{left:-65%;}100%{left:135%;}}
.vxn-ft-cta-btn > svg{position:relative;z-index:1;transition:transform .25s var(--vxn-ease);}
.vxn-ft-cta-btn:hover > svg{transform:translateX(4px);}
.vxn-ft-col a{position:relative;transition:color .22s,padding-left .22s;}
.vxn-ft-col a::before{content:"";position:absolute;left:0;top:50%;width:9px;height:2px;border-radius:2px;
  transform:translateY(-50%) scaleX(0);transform-origin:left;background:linear-gradient(90deg,#7c3aed,#c084fc);transition:transform .22s;}
.vxn-ft-col a:hover{color:var(--vxn-blue);padding-left:15px;}
.vxn-ft-col a:hover::before{transform:translateY(-50%) scaleX(1);}
.vxn-ft-social a{position:relative;overflow:hidden;
  transition:color .2s,border-color .2s,transform .25s var(--vxn-ease),box-shadow .25s;}
.vxn-ft-social a > svg{position:relative;z-index:1;}
.vxn-ft-social a::before{content:"";position:absolute;inset:0;opacity:0;transition:opacity .25s;
  background:linear-gradient(135deg,#7c3aed,#a855f7);}
.vxn-ft-social a:hover{color:#fff;border-color:transparent;transform:translateY(-3px);box-shadow:0 10px 24px -8px rgba(124,58,237,.55);}
.vxn-ft-social a:hover::before{opacity:1;}
.vxn-ft-brand .vxn-hd-mark{filter:drop-shadow(0 0 10px rgba(124,58,237,.4));}

/* ===== FOMO single-quote rotator (below footer) ===== */
.vxn-fomo{position:relative;overflow:hidden;padding:26px 22px;display:flex;justify-content:center;
  background:linear-gradient(90deg,#6d28d9,#7c3aed,#a855f7,#7c3aed,#6d28d9);background-size:220% 100%;
  animation:vxn-fomobg 14s ease infinite;}
@keyframes vxn-fomobg{0%,100%{background-position:0% 0;}50%{background-position:100% 0;}}
.vxn-fomo-stage{position:relative;width:100%;max-width:var(--vxn-shell);min-height:30px;}
.vxn-fomo-q{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:0;text-align:center;
  font-family:var(--vxn-font-display);font-weight:600;font-size:clamp(.95rem,2vw,1.18rem);color:#fff;padding:0 8px;
  opacity:0;transform:translateY(14px);transition:opacity .55s var(--vxn-ease),transform .55s var(--vxn-ease);}
.vxn-fomo-q.is-on{opacity:1;transform:translateY(0);}
.vxn-fomo-q.is-out{opacity:0;transform:translateY(-14px);}
@media (prefers-reduced-motion:reduce){.vxn-fomo{animation:none;}.vxn-fomo-q{transition:none;}}

/* ===== floating action buttons : WhatsApp + Get in touch ===== */
.vxn-fab{position:fixed;right:22px;bottom:24px;z-index:85;display:flex;flex-direction:column;gap:13px;align-items:flex-end;}
.vxn-fab a{position:relative;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;
  box-shadow:0 12px 30px -8px rgba(0,0,0,.32);transition:transform .25s var(--vxn-ease),box-shadow .25s;}
.vxn-fab a:hover{transform:translateY(-3px) scale(1.04);}
.vxn-fab-wa{width:56px;height:56px;border-radius:50%;background:linear-gradient(145deg,#25d366,#0e9f6e);color:#fff;}
.vxn-fab-wa svg{width:30px;height:30px;}
.vxn-fab-wa:hover{box-shadow:0 16px 36px -8px rgba(37,211,102,.6);}
.vxn-fab-wa::after{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid #25d366;
  animation:vxn-fabpulse 2.6s ease-out infinite;}
@keyframes vxn-fabpulse{0%{transform:scale(1);opacity:.7;}100%{transform:scale(1.55);opacity:0;}}
.vxn-fab-gt{gap:9px;padding:0 20px;height:56px;border-radius:30px;color:#fff;
  background:linear-gradient(135deg,#7c3aed,#a855f7,#c084fc);background-size:170% 170%;
  font-family:var(--vxn-font-display);font-weight:700;font-size:.92rem;animation:vxn-fabgrad 5s ease infinite;}
.vxn-fab-gt svg{width:20px;height:20px;}
.vxn-fab-gt:hover{box-shadow:0 16px 36px -8px rgba(124,58,237,.6);}
@keyframes vxn-fabgrad{0%,100%{background-position:0% 50%;}50%{background-position:100% 50%;}}
@media (max-width:780px){
  .vxn-fab{right:16px;bottom:82px;}
  .vxn-fab-gt span{display:none;}
  .vxn-fab-gt{width:56px;padding:0;border-radius:50%;}
}
@media (prefers-reduced-motion:reduce){
  .vxn-ft::before,.vxn-ft-glow,.vxn-ft-cta-btn::after,.vxn-fomo-track,.vxn-fab-gt{animation:none;}
  .vxn-fab-wa::after{display:none;}
  .vxn-fomo-track{flex-wrap:wrap;justify-content:center;}
}
/* ===== footer newsletter ===== */
.vxn-news{margin-top:24px;max-width:350px;}
.vxn-news-label{display:block;font-family:var(--vxn-font-display);font-weight:700;font-size:.96rem;color:var(--vxn-ink);}
.vxn-news-sub{color:var(--vxn-muted);font-size:.84rem;line-height:1.5;margin:6px 0 12px;}
.vxn-news-row{display:flex;gap:8px;padding:5px;border-radius:13px;background:var(--vxn-glass-2);
  border:1px solid var(--vxn-glass-brd);transition:border-color .2s,box-shadow .2s;}
.vxn-news-row:focus-within{border-color:var(--vxn-blue);box-shadow:0 0 0 3px rgba(124,58,237,.13);}
.vxn-news-row input{flex:1;min-width:0;background:transparent;border:none;outline:none;
  font-family:var(--vxn-font-body);font-size:.9rem;color:var(--vxn-ink);padding:8px 10px;}
.vxn-news-row input::placeholder{color:var(--vxn-faint);}
.vxn-news-row button{flex:none;width:44px;border:none;cursor:pointer;border-radius:9px;color:#fff;display:grid;place-items:center;
  background:linear-gradient(135deg,#7c3aed,#a855f7);transition:transform .2s,box-shadow .2s;}
.vxn-news-row button:hover{transform:translateY(-1px);box-shadow:0 8px 20px -6px rgba(124,58,237,.6);}
.vxn-news-row button svg{width:17px;height:17px;}
.vxn-news-msg{display:inline-flex;align-items:center;gap:6px;margin-top:11px;font-size:.82rem;font-weight:600;color:var(--vxn-green);}

/* ===== floating button : works as <button> too ===== */
.vxn-fab button{position:relative;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;border:none;
  box-shadow:0 12px 30px -8px rgba(0,0,0,.32);transition:transform .25s var(--vxn-ease),box-shadow .25s;}
.vxn-fab button:hover{transform:translateY(-3px) scale(1.04);}

/* ===== audit modal ===== */
.vxn-modal{position:fixed;inset:0;z-index:120;display:flex;align-items:center;justify-content:center;padding:20px;
  opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s;}
.vxn-modal.is-open{opacity:1;visibility:visible;}
.vxn-modal-backdrop{position:absolute;inset:0;background:rgba(10,6,22,.6);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);}
.vxn-modal-card{position:relative;z-index:1;width:100%;max-width:460px;max-height:90vh;overflow:auto;
  background:var(--vxn-panel);border:1px solid var(--vxn-glass-brd);border-radius:20px;padding:30px 28px 28px;
  box-shadow:0 40px 90px -20px rgba(0,0,0,.5);transform:translateY(16px) scale(.98);transition:transform .35s var(--vxn-ease);}
.vxn-modal.is-open .vxn-modal-card{transform:none;}
.vxn-modal-card::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;border-radius:20px 20px 0 0;
  background:linear-gradient(90deg,#7c3aed,#a855f7,#c084fc);}
.vxn-modal-x{position:absolute;top:14px;right:14px;width:34px;height:34px;border-radius:9px;border:1px solid var(--vxn-glass-brd);
  background:var(--vxn-glass-2);color:var(--vxn-muted);display:grid;place-items:center;cursor:pointer;transition:color .2s,border-color .2s;}
.vxn-modal-x:hover{color:var(--vxn-ink);border-color:var(--vxn-blue);}
.vxn-modal-x svg{width:16px;height:16px;}
.vxn-modal-head h3{font-family:var(--vxn-font-display);font-weight:800;font-size:1.42rem;color:var(--vxn-ink);margin:9px 0 8px;letter-spacing:-.02em;}
.vxn-modal-head p{color:var(--vxn-muted);font-size:.92rem;line-height:1.55;margin:0 0 20px;}
.vxn-audit-form{display:flex;flex-direction:column;gap:13px;}
.vxn-audit-form label{display:flex;flex-direction:column;gap:6px;font-family:var(--vxn-font-display);font-weight:600;font-size:.78rem;color:var(--vxn-ink-2);}
.vxn-field-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px;}
.vxn-audit-form input{font-family:var(--vxn-font-body);font-size:.92rem;color:var(--vxn-ink);
  background:var(--vxn-glass-2);border:1px solid var(--vxn-glass-brd);border-radius:10px;padding:11px 13px;transition:border-color .2s,box-shadow .2s;}
.vxn-audit-form input::placeholder{color:var(--vxn-faint);}
.vxn-audit-form input:focus{outline:none;border-color:var(--vxn-blue);box-shadow:0 0 0 3px rgba(124,58,237,.15);}
.vxn-audit-note{font-size:.8rem;color:var(--vxn-muted);line-height:1.5;margin:2px 0 4px;padding:10px 12px;border-radius:10px;
  background:rgba(124,58,237,.06);border:1px solid var(--vxn-glass-brd);transition:background .25s,border-color .25s,color .25s;}
.vxn-audit-note a{color:var(--vxn-blue);font-weight:600;}
.vxn-audit-note.is-warn{background:rgba(244,63,94,.1);border-color:rgba(244,63,94,.45);color:var(--vxn-ink-2);}
.vxn-audit-submit{margin-top:4px;display:inline-flex;align-items:center;justify-content:center;gap:9px;
  font-family:var(--vxn-font-display);font-weight:700;font-size:.95rem;color:#fff;border:none;cursor:pointer;
  background:linear-gradient(135deg,#7c3aed,#a855f7,#c084fc);background-size:170% 170%;border-radius:12px;padding:14px;
  box-shadow:0 14px 30px -10px rgba(124,58,237,.6);transition:transform .2s,box-shadow .2s,background-position .45s;}
.vxn-audit-submit:hover{transform:translateY(-2px);background-position:100% 50%;box-shadow:0 18px 38px -10px rgba(124,58,237,.7);}
.vxn-audit-submit svg{width:17px;height:17px;}
.vxn-audit-done{text-align:center;padding:14px 0 6px;}
.vxn-audit-done .ok{width:58px;height:58px;border-radius:50%;margin:0 auto 16px;display:grid;place-items:center;color:#fff;
  background:linear-gradient(135deg,#10b981,#34d399);box-shadow:0 12px 28px -8px rgba(16,185,129,.6);}
.vxn-audit-done .ok svg{width:28px;height:28px;}
.vxn-audit-done h4{font-family:var(--vxn-font-display);font-weight:700;font-size:1.2rem;color:var(--vxn-ink);margin:0 0 8px;}
.vxn-audit-done p{color:var(--vxn-muted);font-size:.92rem;line-height:1.55;margin:0;}
.vxn-audit-done #vxn-audit-url{color:var(--vxn-blue);font-weight:600;word-break:break-all;}
@media (max-width:480px){.vxn-field-grid{grid-template-columns:1fr;}}

/* ===== WEIGHT LOSS SPECIALTY PAGE ===== */
/* =====================================================================
   VAYUNEX — SOLUTIONS / LEAD GENERATION page  (theme-aware, token-driven)
   Layman explainer: zero → advanced. Classes namespaced .vxn-s* / .vxn-faq.
   ===================================================================== */

/* active nav (link + mega trigger) */
.vxn-hd-nav .vxn-hd-link[aria-current="page"],
.vxn-hd-nav .vxn-hd-mega-btn[aria-current="page"]{color:var(--vxn-ink);}
.vxn-hd-nav .vxn-hd-link[aria-current="page"]::after,
.vxn-hd-nav .vxn-hd-mega-btn[aria-current="page"]::after{content:"";position:absolute;left:13px;right:13px;bottom:5px;
  height:2px;border-radius:2px;background:var(--vxn-grad-cta);}
.vxn-hd-nav .vxn-hd-mega-btn[aria-current="page"]{position:relative;}

/* ---------- plain-English definition card ---------- */
.vxn-sdef{max-width:820px;margin:46px auto 0;text-align:center;border-radius:var(--vxn-r);padding:clamp(30px,4vw,44px);
  background:var(--vxn-glass-2);border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);position:relative;overflow:hidden;}
.vxn-sdef::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(520px 240px at 50% -10%,rgba(124,58,237,.14),transparent 70%);}
.vxn-sdef .in{position:relative;z-index:1;}
.vxn-sdef .eq{font-family:var(--vxn-font-mono);font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--vxn-blue);margin-bottom:14px;}
.vxn-sdef p{font-family:var(--vxn-font-display);font-weight:600;font-size:clamp(1.15rem,2.6vw,1.6rem);line-height:1.5;color:var(--vxn-ink);margin:0;}
.vxn-sdef p b{background:var(--vxn-grad-text);-webkit-background-clip:text;background-clip:text;color:transparent;}

/* ---------- node flow (stranger -> lead -> patient) ---------- */
.vxn-sflow{display:flex;align-items:stretch;justify-content:center;flex-wrap:wrap;gap:6px;margin-top:46px;}
.vxn-sflow-node{display:flex;flex-direction:column;align-items:center;gap:11px;text-align:center;padding:24px 20px;min-width:158px;
  border-radius:var(--vxn-r);background:var(--vxn-glass);border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);}
.vxn-sflow-node.hot{border-color:var(--vxn-blue);background:var(--vxn-glass-2);}
.vxn-sflow-node .ic{width:50px;height:50px;border-radius:14px;display:grid;place-items:center;background:rgba(124,58,237,.1);color:var(--vxn-blue);}
.vxn-sflow-node.hot .ic{background:var(--vxn-grad-cta);color:#fff;}
.vxn-sflow-node .ic svg{width:25px;height:25px;}
.vxn-sflow-node b{font-family:var(--vxn-font-display);font-size:1rem;color:var(--vxn-ink);}
.vxn-sflow-node span{font-size:.79rem;color:var(--vxn-muted);max-width:150px;}
.vxn-sflow-arrow{display:grid;place-items:center;color:var(--vxn-blue-2);flex:none;}
.vxn-sflow-arrow svg{width:26px;height:26px;}

/* ---------- example callout ---------- */
.vxn-sexample{display:flex;gap:14px;align-items:flex-start;padding:18px 20px;border-radius:var(--vxn-r-sm);
  background:rgba(124,58,237,.06);border:1px solid var(--vxn-line);border-left:3px solid var(--vxn-blue);margin-top:22px;}
.vxn-sexample .ic{flex:none;width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:rgba(124,58,237,.12);color:var(--vxn-amber);}
.vxn-sexample .ic svg{width:18px;height:18px;}
.vxn-sexample .tx{font-size:.92rem;color:var(--vxn-ink-2);line-height:1.6;}
.vxn-sexample .tx .tag{display:block;font-family:var(--vxn-font-mono);font-size:.64rem;letter-spacing:.14em;text-transform:uppercase;color:var(--vxn-blue);margin-bottom:5px;}
.vxn-sexample .tx b{color:var(--vxn-ink);font-weight:600;}

/* ---------- two-col text + visual ---------- */
.vxn-stwo{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,5vw,56px);align-items:center;margin-top:8px;}
.vxn-stwo.rev .vxn-stwo-visual{order:-1;}

/* ---------- photo frame ---------- */
.vxn-sphoto{position:relative;border-radius:var(--vxn-r);overflow:hidden;border:1px solid var(--vxn-glass-brd);
  box-shadow:var(--vxn-shadow);aspect-ratio:16/11;background:var(--vxn-panel-2);}
.vxn-sphoto img{width:100%;height:100%;object-fit:cover;display:block;}
.vxn-sphoto .cap{position:absolute;left:0;right:0;bottom:0;padding:16px 18px;font-family:var(--vxn-font-mono);font-size:.72rem;
  color:#fff;background:linear-gradient(180deg,transparent,rgba(8,6,20,.78));}

/* small inline chart card */
.vxn-schart{border-radius:var(--vxn-r);padding:24px;background:var(--vxn-glass);border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);}
.vxn-schart svg{width:100%;height:auto;display:block;}
.vxn-schart-key{display:flex;flex-wrap:wrap;gap:16px;margin-top:14px;font-family:var(--vxn-font-mono);font-size:.72rem;color:var(--vxn-muted);}
.vxn-schart-key i{display:inline-block;width:22px;height:3px;border-radius:3px;margin-right:7px;vertical-align:middle;}

/* ---------- levels (zero to advanced) ---------- */
.vxn-slevels{display:grid;gap:18px;margin-top:48px;}
.vxn-slevel{display:grid;grid-template-columns:128px 1fr;gap:26px;padding:30px 30px;border-radius:var(--vxn-r);
  background:var(--vxn-glass);border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);}
.vxn-slevel-badge{text-align:center;}
.vxn-slevel-badge .no{font-family:var(--vxn-font-display);font-weight:800;font-size:3.2rem;line-height:1;
  background:var(--vxn-grad-text);-webkit-background-clip:text;background-clip:text;color:transparent;}
.vxn-slevel-badge .lv{display:inline-block;margin-top:10px;font-family:var(--vxn-font-mono);font-size:.66rem;letter-spacing:.14em;
  text-transform:uppercase;color:#fff;background:var(--vxn-grad-cta);padding:5px 11px;border-radius:999px;}
.vxn-slevel-body h3{margin:0 0 6px;font-family:var(--vxn-font-display);font-size:1.28rem;color:var(--vxn-ink);}
.vxn-slevel-body .sub{margin:0 0 16px;font-size:.95rem;color:var(--vxn-muted);line-height:1.55;}
.vxn-slevel-list{list-style:none;margin:0;padding:0;display:grid;gap:11px;}
.vxn-slevel-list li{display:flex;gap:11px;align-items:flex-start;font-size:.92rem;color:var(--vxn-ink-2);line-height:1.5;}
.vxn-slevel-list li svg{width:18px;height:18px;flex:none;margin-top:2px;color:var(--vxn-green);}
.vxn-slevel-list li b{color:var(--vxn-ink);font-weight:600;}

/* ---------- channel cards ---------- */
.vxn-schannels{display:grid;grid-template-columns:repeat(auto-fit,minmax(282px,1fr));gap:16px;margin-top:42px;}
.vxn-schan{display:flex;flex-direction:column;border-radius:var(--vxn-r);background:var(--vxn-glass);
  border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);padding:26px 24px;transition:transform .3s var(--vxn-ease),border-color .3s;}
.vxn-schan:hover{transform:translateY(-4px);border-color:var(--vxn-blue);}
.vxn-schan .ic{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;background:rgba(124,58,237,.1);color:var(--vxn-blue);margin-bottom:14px;}
.vxn-schan .ic svg{width:24px;height:24px;}
.vxn-schan h4{margin:0 0 4px;font-family:var(--vxn-font-display);font-size:1.1rem;color:var(--vxn-ink);}
.vxn-schan .kind{font-family:var(--vxn-font-mono);font-size:.64rem;letter-spacing:.12em;text-transform:uppercase;color:var(--vxn-blue-2);}
.vxn-schan p{margin:13px 0 0;font-size:.88rem;color:var(--vxn-ink-2);line-height:1.55;}
.vxn-schan .best{display:flex;gap:7px;align-items:flex-start;margin-top:auto;padding-top:15px;font-family:var(--vxn-font-mono);font-size:.72rem;color:var(--vxn-green);line-height:1.45;}
.vxn-schan .best svg{width:13px;height:13px;flex:none;margin-top:2px;}

/* ---------- conversion funnel ---------- */
.vxn-sfunnel{max-width:680px;margin:48px auto 0;display:flex;flex-direction:column;align-items:center;gap:7px;}
.vxn-sfunnel-row{width:100%;display:flex;flex-direction:column;align-items:center;}
.vxn-sfunnel-bar{width:var(--w);max-width:100%;min-height:64px;border-radius:13px;background:var(--vxn-grad-cta);
  display:flex;align-items:center;justify-content:space-between;gap:14px;padding:0 22px;color:#fff;box-shadow:0 12px 30px -14px rgba(124,58,237,.7);}
.vxn-sfunnel-bar .n{font-family:var(--vxn-font-display);font-weight:800;font-size:clamp(1.25rem,3vw,1.7rem);font-variant-numeric:tabular-nums;letter-spacing:-.02em;}
.vxn-sfunnel-bar .lab{font-family:var(--vxn-font-mono);font-size:.73rem;letter-spacing:.03em;text-align:right;line-height:1.3;opacity:.96;}
.vxn-sfunnel-drop{font-family:var(--vxn-font-mono);font-size:.68rem;color:var(--vxn-faint);margin:2px 0;}

/* ---------- industry fit ---------- */
.vxn-sfit{display:grid;grid-template-columns:repeat(auto-fit,minmax(264px,1fr));gap:16px;margin-top:42px;}
.vxn-sfit-card{border-radius:var(--vxn-r);background:var(--vxn-glass);border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);padding:24px 22px;}
.vxn-sfit-top{display:flex;align-items:center;justify-content:space-between;gap:10px;}
.vxn-sfit-card h4{margin:0;font-family:var(--vxn-font-display);font-size:1.06rem;color:var(--vxn-ink);}
.vxn-sfit-rating{font-family:var(--vxn-font-mono);font-size:.64rem;letter-spacing:.1em;text-transform:uppercase;color:var(--vxn-blue);white-space:nowrap;}
.vxn-sfit-meter{display:flex;gap:5px;margin:14px 0;}
.vxn-sfit-meter i{height:7px;flex:1;border-radius:4px;background:rgba(var(--ln),.18);}
.vxn-sfit-meter i.on{background:var(--vxn-grad-cta);}
.vxn-sfit-card p{margin:0;font-size:.85rem;color:var(--vxn-muted);line-height:1.55;}

/* ---------- readiness checklist ---------- */
.vxn-sready{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px;margin-top:40px;}
.vxn-sready-item{display:flex;gap:13px;align-items:flex-start;padding:20px;border-radius:var(--vxn-r-sm);
  background:var(--vxn-glass);border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);}
.vxn-sready-item .ck{flex:none;width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:rgba(16,185,129,.12);color:var(--vxn-green);}
.vxn-sready-item .ck svg{width:17px;height:17px;}
.vxn-sready-item p{margin:0;font-size:.9rem;color:var(--vxn-ink-2);line-height:1.5;}
.vxn-sready-item p b{color:var(--vxn-ink);font-weight:600;}

/* ---------- budget tiers ---------- */
.vxn-stiers{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:42px;}
.vxn-stier{display:flex;flex-direction:column;border-radius:var(--vxn-r);background:var(--vxn-glass);
  border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);padding:28px 26px;position:relative;}
.vxn-stier.feature{border-color:var(--vxn-blue);background:var(--vxn-glass-2);}
.vxn-stier .badge{position:absolute;top:-11px;left:26px;font-family:var(--vxn-font-mono);font-size:.62rem;letter-spacing:.12em;
  text-transform:uppercase;color:#fff;background:var(--vxn-grad-cta);padding:5px 11px;border-radius:999px;box-shadow:var(--vxn-glow-cta);}
.vxn-stier .name{font-family:var(--vxn-font-mono);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--vxn-blue-2);}
.vxn-stier .spend{font-family:var(--vxn-font-display);font-weight:800;font-size:1.85rem;color:var(--vxn-ink);margin:8px 0 2px;letter-spacing:-.02em;}
.vxn-stier .spend span{font-size:.9rem;font-weight:500;color:var(--vxn-muted);}
.vxn-stier .who{font-size:.86rem;color:var(--vxn-muted);line-height:1.5;margin:0 0 18px;}
.vxn-stier ul{list-style:none;margin:0 0 18px;padding:0;display:grid;gap:10px;}
.vxn-stier li{display:flex;gap:10px;align-items:flex-start;font-size:.86rem;color:var(--vxn-ink-2);line-height:1.45;}
.vxn-stier li svg{width:16px;height:16px;flex:none;margin-top:2px;color:var(--vxn-green);}
.vxn-stier .exp{margin-top:auto;padding-top:16px;border-top:1px dashed var(--vxn-line);font-family:var(--vxn-font-mono);font-size:.74rem;color:var(--vxn-ink-2);}
.vxn-stier .exp b{color:var(--vxn-blue-2);}

/* ---------- results table ---------- */
.vxn-stable-wrap{margin-top:42px;overflow-x:auto;border-radius:var(--vxn-r);border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);}
.vxn-stable{width:100%;border-collapse:collapse;min-width:560px;background:var(--vxn-glass);}
.vxn-stable thead th{font-family:var(--vxn-font-mono);font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:var(--vxn-faint);
  text-align:left;padding:16px 20px;border-bottom:1px solid var(--vxn-line-2);background:rgba(var(--w),.03);}
.vxn-stable tbody td{padding:15px 20px;border-bottom:1px solid var(--vxn-line);font-size:.9rem;color:var(--vxn-ink-2);}
.vxn-stable tbody tr:last-child td{border-bottom:none;}
.vxn-stable tbody td:first-child{font-family:var(--vxn-font-display);font-weight:600;color:var(--vxn-ink);}
.vxn-stable tbody td .g{color:var(--vxn-green);font-family:var(--vxn-font-mono);font-weight:600;}

/* ---------- FAQ accordion (native details) ---------- */
.vxn-faq{max-width:820px;margin:42px auto 0;display:grid;gap:12px;}
.vxn-faq-item{border:1px solid var(--vxn-glass-brd);background:var(--vxn-glass);border-radius:var(--vxn-r-sm);
  box-shadow:var(--vxn-shadow);overflow:hidden;}
.vxn-faq-item summary{list-style:none;cursor:pointer;padding:20px 22px;display:flex;justify-content:space-between;align-items:center;gap:16px;
  font-family:var(--vxn-font-display);font-weight:600;font-size:1.02rem;color:var(--vxn-ink);}
.vxn-faq-item summary::-webkit-details-marker{display:none;}
.vxn-faq-item summary .pl{flex:none;color:var(--vxn-blue-2);transition:transform .3s var(--vxn-ease);}
.vxn-faq-item summary .pl svg{width:20px;height:20px;display:block;}
.vxn-faq-item[open] summary .pl{transform:rotate(135deg);}
.vxn-faq-item[open] summary{color:var(--vxn-blue-2);}
.vxn-faq-item .a{padding:0 22px 21px;font-size:.94rem;color:var(--vxn-ink-2);line-height:1.66;}
.vxn-faq-item .a b{color:var(--vxn-ink);font-weight:600;}

/* ---------- closing CTA ---------- */
.vxn-scta{position:relative;text-align:center;border-radius:var(--vxn-r);padding:clamp(42px,6vw,70px) 28px;overflow:hidden;
  background:var(--vxn-glass-2);border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);}
.vxn-scta::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(720px 360px at 50% -20%,rgba(124,58,237,.18),transparent 70%);}
.vxn-scta .in{position:relative;z-index:1;max-width:660px;margin-inline:auto;}
.vxn-scta .vxn-hero-cta{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:30px;}

/* ---------- responsive ---------- */
@media (max-width:920px){
  .vxn-stwo{grid-template-columns:1fr;gap:32px;}
  .vxn-stwo.rev .vxn-stwo-visual{order:0;}
  .vxn-stiers{grid-template-columns:1fr;}
}
@media (max-width:680px){
  .vxn-slevel{grid-template-columns:1fr;gap:18px;}
  .vxn-slevel-badge{display:flex;align-items:center;gap:14px;}
  .vxn-slevel-badge .no{font-size:2.4rem;}
  .vxn-slevel-badge .lv{margin-top:0;}
  .vxn-sflow-arrow{transform:rotate(90deg);}
}
@media (prefers-reduced-motion:reduce){
  .vxn-schan,.vxn-faq-item summary .pl{transition:none;}
}

/* mini chart strokes (var()/url() valid only in CSS, not SVG attrs) */
.vxn-schart-base{stroke:var(--vxn-line-2);stroke-width:1;}
.vxn-schart-wom{fill:none;stroke:var(--vxn-faint);stroke-width:2.5;stroke-dasharray:5 5;stroke-linecap:round;stroke-linejoin:round;}
.vxn-schart-lead{fill:none;stroke:url(#vxnSLead);stroke-width:3.4;stroke-linecap:round;stroke-linejoin:round;}

/* ===================================================================== */
/* PAID ACQUISITION additions (.vxn-p*)                                   */
/* ===================================================================== */

/* metric definition cards */
.vxn-pmetrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px;margin-top:42px;}
.vxn-pmetric{border-radius:var(--vxn-r);background:var(--vxn-glass);border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);padding:22px 22px;}
.vxn-pmetric .ab{display:flex;align-items:baseline;gap:9px;flex-wrap:wrap;}
.vxn-pmetric .ab b{font-family:var(--vxn-font-display);font-weight:800;font-size:1.5rem;letter-spacing:-.01em;background:var(--vxn-grad-text);-webkit-background-clip:text;background-clip:text;color:transparent;}
.vxn-pmetric .ab span{font-family:var(--vxn-font-mono);font-size:.66rem;letter-spacing:.06em;text-transform:uppercase;color:var(--vxn-muted);}
.vxn-pmetric p{margin:11px 0 0;font-size:.88rem;color:var(--vxn-ink-2);line-height:1.55;}
.vxn-pmetric p b{color:var(--vxn-ink);font-weight:600;}
.vxn-pmetric .eg{margin-top:11px;font-family:var(--vxn-font-mono);font-size:.72rem;color:var(--vxn-blue-2);}

/* ad-economics money map */
.vxn-peco{margin-top:44px;border-radius:var(--vxn-r);background:var(--vxn-glass-2);border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);padding:clamp(26px,4vw,40px);position:relative;overflow:hidden;}
.vxn-peco::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(600px 280px at 50% -10%,rgba(124,58,237,.14),transparent 70%);}
.vxn-peco-row{position:relative;z-index:1;display:flex;align-items:stretch;justify-content:center;flex-wrap:wrap;gap:6px;}
.vxn-peco-step{flex:1;min-width:118px;text-align:center;padding:18px 14px;border-radius:var(--vxn-r-sm);background:var(--vxn-glass);border:1px solid var(--vxn-glass-brd);}
.vxn-peco-step.in{border-color:var(--vxn-blue);}
.vxn-peco-step.out{border-color:var(--vxn-green);}
.vxn-peco-step .v{font-family:var(--vxn-font-display);font-weight:800;font-size:clamp(1.1rem,2.4vw,1.5rem);color:var(--vxn-ink);font-variant-numeric:tabular-nums;}
.vxn-peco-step.in .v{color:var(--vxn-blue-2);}
.vxn-peco-step.out .v{color:var(--vxn-green);}
.vxn-peco-step .k{font-family:var(--vxn-font-mono);font-size:.65rem;letter-spacing:.05em;text-transform:uppercase;color:var(--vxn-muted);margin-top:5px;}
.vxn-peco-arrow{display:grid;place-items:center;color:var(--vxn-blue-2);flex:none;}
.vxn-peco-arrow svg{width:22px;height:22px;}
.vxn-peco-foot{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;margin-top:26px;}
.vxn-peco-roas{display:inline-flex;align-items:baseline;gap:9px;padding:13px 26px;border-radius:999px;background:var(--vxn-grad-cta);color:#fff;box-shadow:var(--vxn-glow-cta);}
.vxn-peco-roas b{font-family:var(--vxn-font-display);font-weight:800;font-size:1.8rem;}
.vxn-peco-roas span{font-family:var(--vxn-font-mono);font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;opacity:.95;}

/* common mistakes */
.vxn-pmistakes{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px;margin-top:42px;}
.vxn-pmistake{border-radius:var(--vxn-r);background:var(--vxn-glass);border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);padding:24px 24px;border-left:3px solid var(--vxn-red);}
.vxn-pmistake .x{display:flex;align-items:center;gap:10px;margin-bottom:11px;}
.vxn-pmistake .x .ic{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:rgba(244,63,94,.12);color:var(--vxn-red);flex:none;}
.vxn-pmistake .x .ic svg{width:17px;height:17px;}
.vxn-pmistake .x b{font-family:var(--vxn-font-display);font-size:1rem;color:var(--vxn-ink);}
.vxn-pmistake p{margin:0;font-size:.88rem;color:var(--vxn-ink-2);line-height:1.55;}
.vxn-pmistake .fix{display:flex;gap:8px;align-items:flex-start;margin-top:13px;padding-top:13px;border-top:1px solid var(--vxn-line);font-size:.86rem;color:var(--vxn-ink-2);line-height:1.5;}
.vxn-pmistake .fix svg{width:15px;height:15px;flex:none;margin-top:2px;color:var(--vxn-green);}
.vxn-pmistake .fix b{color:var(--vxn-green);font-weight:600;font-family:var(--vxn-font-mono);font-size:.7rem;text-transform:uppercase;letter-spacing:.06em;margin-right:3px;}

@media (max-width:680px){ .vxn-peco-arrow{transform:rotate(90deg);} }

/* ===================================================================== */
/* MED SPA specialty page additions (.vxn-ms*)                            */
/* ===================================================================== */

/* engine cards as links */
a.vxn-schan{text-decoration:none;color:inherit;display:block;transition:transform .25s var(--vxn-ease),border-color .25s var(--vxn-ease);}
a.vxn-schan:hover{transform:translateY(-4px);border-color:var(--vxn-line-2);}
a.vxn-schan .best{color:var(--vxn-blue-2);}

/* before / after transformation */
.vxn-msba{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:44px;}
@media(max-width:720px){.vxn-msba{grid-template-columns:1fr;}}
.vxn-msba-col{border-radius:var(--vxn-r);border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);padding:28px 26px;background:var(--vxn-glass);}
.vxn-msba-col.after{background:var(--vxn-glass-2);border-color:var(--vxn-line-2);position:relative;overflow:hidden;}
.vxn-msba-col.after::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(420px 200px at 80% -10%,rgba(124,58,237,.13),transparent 70%);}
.vxn-msba-h{display:flex;align-items:center;gap:11px;margin-bottom:20px;position:relative;z-index:1;}
.vxn-msba-h .lbl{font-family:var(--vxn-font-mono);font-size:.68rem;letter-spacing:.07em;text-transform:uppercase;}
.vxn-msba-col.before .lbl{color:var(--vxn-muted);}
.vxn-msba-col.after .lbl{color:var(--vxn-blue-2);}
.vxn-msba-h h3{font-family:var(--vxn-font-display);font-size:1.25rem;color:var(--vxn-ink);margin:0;letter-spacing:-.01em;}
.vxn-msba-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px;position:relative;z-index:1;}
.vxn-msba-list li{display:flex;gap:12px;align-items:flex-start;font-size:.92rem;color:var(--vxn-ink-2);line-height:1.5;}
.vxn-msba-list li .ic{width:22px;height:22px;border-radius:6px;flex:none;display:grid;place-items:center;margin-top:1px;}
.vxn-msba-col.before li .ic{background:rgba(244,63,94,.10);color:var(--vxn-red);}
.vxn-msba-col.after li .ic{background:rgba(16,185,129,.12);color:var(--vxn-green);}
.vxn-msba-list li .ic svg{width:13px;height:13px;}
.vxn-msba-col.after li b{color:var(--vxn-ink);font-weight:600;}

/* impact tiles */
.vxn-msimpact{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px;margin-top:42px;}
.vxn-msimpact-tile{border-radius:var(--vxn-r);background:var(--vxn-glass);border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);padding:26px 22px;text-align:center;}
.vxn-msimpact-tile .big{font-family:var(--vxn-font-display);font-weight:800;font-size:2.3rem;line-height:1;letter-spacing:-.01em;background:var(--vxn-grad-text);-webkit-background-clip:text;background-clip:text;color:transparent;font-variant-numeric:tabular-nums;}
.vxn-msimpact-tile .lbl{font-family:var(--vxn-font-display);font-size:.98rem;color:var(--vxn-ink);margin-top:11px;font-weight:600;}
.vxn-msimpact-tile .sub{font-size:.82rem;color:var(--vxn-muted);margin-top:6px;line-height:1.45;}

/* journey timeline */
.vxn-msflow{margin-top:44px;display:flex;flex-direction:column;}
.vxn-msstep{display:grid;grid-template-columns:auto 1fr;gap:20px;position:relative;padding-bottom:26px;}
.vxn-msstep:last-child{padding-bottom:0;}
.vxn-msstep-rail{display:flex;flex-direction:column;align-items:center;}
.vxn-msstep-num{width:46px;height:46px;border-radius:50%;flex:none;display:grid;place-items:center;font-family:var(--vxn-font-display);font-weight:800;font-size:1.05rem;color:#fff;background:var(--vxn-grad-cta);box-shadow:var(--vxn-glow-cta);z-index:1;}
.vxn-msstep-line{flex:1;width:2px;background:var(--vxn-line-2);margin-top:4px;border-radius:2px;}
.vxn-msstep:last-child .vxn-msstep-line{display:none;}
.vxn-msstep-body{border-radius:var(--vxn-r);background:var(--vxn-glass);border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);padding:22px 24px;}
.vxn-msstep-body .when{font-family:var(--vxn-font-mono);font-size:.68rem;letter-spacing:.06em;text-transform:uppercase;color:var(--vxn-blue-2);}
.vxn-msstep-body h4{font-family:var(--vxn-font-display);font-size:1.12rem;color:var(--vxn-ink);margin:5px 0 8px;letter-spacing:-.01em;}
.vxn-msstep-body p{font-size:.9rem;color:var(--vxn-ink-2);line-height:1.55;margin:0;}
.vxn-msstep-body p .need{color:var(--vxn-ink);font-weight:600;}

/* ===============================================================
   ABOUT PAGE STYLES
=============================================================== */

/* Mission & Vision */
.vxn-abmv { display: grid; grid-template-columns: 1fr; gap: 24px; margin-top: 48px; }
@media (min-width: 768px) { .vxn-abmv { grid-template-columns: 1fr 1fr; } }
.vxn-abmv-card { position: relative; background: var(--vxn-glass); border: 1px solid var(--vxn-glass-brd); box-shadow: var(--vxn-shadow); border-radius: var(--vxn-r); padding: 40px; display: flex; flex-direction: column; overflow: hidden; transition: border-color 0.3s ease; }
.vxn-abmv-card:hover { border-color: rgba(168, 85, 247, 0.4); }
.vxn-abmv-card .glow { position: absolute; top: -50%; left: -50%; width: 200%; height: 200%; background: radial-gradient(circle at center, rgba(168, 85, 247, 0.08) 0%, transparent 60%); opacity: 0; transition: opacity 0.4s ease; pointer-events: none; }
.vxn-abmv-card:hover .glow { opacity: 1; }
.vxn-abmv-card .ic { display: inline-flex; align-items: center; justify-content: center; width: 48px; height: 48px; border-radius: 12px; background: rgba(168, 85, 247, 0.1); color: #a855f7; margin-bottom: 24px; }
.vxn-abmv-card .lbl { font-family: var(--vxn-font-mono); font-size: 0.85rem; text-transform: uppercase; letter-spacing: 0.06em; color: var(--vxn-ink-2); margin-bottom: 12px; }
.vxn-abmv-card h3 { font-family: var(--vxn-font-display); font-size: clamp(1.4rem, 3vw, 1.8rem); font-weight: 600; color: var(--vxn-ink); line-height: 1.25; margin-bottom: 16px; }
.vxn-abmv-card p { color: var(--vxn-ink-2); font-size: 1.05rem; line-height: 1.6; margin: 0; }

/* Beliefs System */
.vxn-abbeliefs { display: grid; grid-template-columns: 1fr; gap: 24px; margin-top: 48px; }
@media (min-width: 768px) { .vxn-abbeliefs { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1024px) { .vxn-abbeliefs { grid-template-columns: repeat(3, 1fr); } }
.vxn-abbelief { background: var(--vxn-glass); border: 1px solid var(--vxn-glass-brd); box-shadow: var(--vxn-shadow); border-radius: var(--vxn-r); padding: 32px; }
.vxn-abbelief .stmt { font-family: var(--vxn-font-display); font-size: 1.2rem; font-weight: 600; color: var(--vxn-ink); margin-bottom: 12px; line-height: 1.3; }
.vxn-abbelief p { color: var(--vxn-ink-2); font-size: 0.95rem; line-height: 1.5; margin: 0; }

/* Our Cause (Pillars) */
.vxn-abpillars { display: grid; grid-template-columns: 1fr; gap: 32px; margin-top: 48px; margin-bottom: 32px; }
@media (min-width: 768px) { .vxn-abpillars { grid-template-columns: repeat(3, 1fr); } }
.vxn-abpillar { text-align: center; }
.vxn-abpillar .ic { display: inline-flex; align-items: center; justify-content: center; width: 56px; height: 56px; border-radius: 50%; background: rgba(168, 85, 247, 0.1); color: #a855f7; margin-bottom: 20px; }
.vxn-abpillar .ic svg { width: 28px; height: 28px; }
.vxn-abpillar h4 { font-family: var(--vxn-font-display); font-size: 1.2rem; font-weight: 600; color: var(--vxn-ink); margin-bottom: 12px; }
.vxn-abpillar p { color: var(--vxn-ink-2); font-size: 0.95rem; line-height: 1.5; margin: 0; }

/* Way of Work */
.vxn-abways { display: grid; grid-template-columns: 1fr; gap: 24px; margin-top: 48px; }
@media (min-width: 768px) { .vxn-abways { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1024px) { .vxn-abways { grid-template-columns: repeat(3, 1fr); } }
.vxn-abway { background: var(--vxn-glass); border-top: 2px solid var(--vxn-blue-2); padding: 32px 24px; border-radius: 0 0 var(--vxn-r) var(--vxn-r); box-shadow: var(--vxn-shadow); }
.vxn-abway .num { font-family: var(--vxn-font-mono); font-size: 0.9rem; color: var(--vxn-blue-2); display: block; margin-bottom: 16px; }
.vxn-abway h4 { display: flex; align-items: center; gap: 12px; font-family: var(--vxn-font-display); font-size: 1.15rem; font-weight: 600; color: var(--vxn-ink); margin-bottom: 12px; }
.vxn-abway h4 .d { display: inline-flex; color: var(--vxn-ink-2); }
.vxn-abway h4 .d svg { width: 20px; height: 20px; }
.vxn-abway p { color: var(--vxn-ink-2); font-size: 0.95rem; line-height: 1.5; margin: 0; }

/* Reviews Summary */
.vxn-abrev-summary { display: flex; align-items: center; justify-content: center; gap: 20px; margin-top: 40px; background: var(--vxn-glass); border: 1px solid var(--vxn-glass-brd); box-shadow: var(--vxn-shadow); border-radius: 100px; padding: 16px 32px; width: fit-content; margin-left: auto; margin-right: auto; }
.vxn-abrev-summary .gl svg { width: 36px; height: 36px; }
.vxn-abrev-summary .score { font-size: 1.4rem; font-weight: 700; color: var(--vxn-ink); line-height: 1; }
.vxn-abrev-summary .sc-stars { display: flex; gap: 2px; color: #FBBC05; }
.vxn-abrev-summary .sc-stars svg { width: 16px; height: 16px; }
.vxn-abrev-summary .sc-lbl { font-size: 0.85rem; color: var(--vxn-ink-2); line-height: 1.3; border-left: 1px solid var(--vxn-line-2); padding-left: 20px; }

/* Reviews Grid */
.vxn-abreviews { display: grid; grid-template-columns: 1fr; gap: 24px; margin-top: 32px; margin-bottom: 32px; }
@media (min-width: 768px) { .vxn-abreviews { grid-template-columns: repeat(2, 1fr); } }
.vxn-abreview { background: var(--vxn-glass); border: 1px solid var(--vxn-glass-brd); box-shadow: var(--vxn-shadow); border-radius: var(--vxn-r); padding: 32px; }
.vxn-abreview-top { display: flex; align-items: center; gap: 16px; margin-bottom: 20px; }
.vxn-abreview-top .av { width: 48px; height: 48px; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: #fff; }
.vxn-abreview-top .av svg { width: 24px; height: 24px; }
.vxn-abreview-top .rid { display: flex; flex-direction: column; gap: 4px; flex: 1; }
.vxn-abreview-top .rid .nm { font-weight: 600; color: var(--vxn-ink); font-size: 1.05rem; }
.vxn-abreview-top .rid .meta { font-size: 0.85rem; color: var(--vxn-ink-2); }
.vxn-abreview-top .g svg { width: 24px; height: 24px; }
.vxn-abreview .stars { display: flex; gap: 2px; color: #FBBC05; margin-bottom: 16px; }
.vxn-abreview .stars svg { width: 18px; height: 18px; }
.vxn-abreview .body { font-size: 1.1rem; color: var(--vxn-ink); line-height: 1.5; font-style: italic; margin: 0; }

/* Team */
.vxn-abteam { display: grid; grid-template-columns: 1fr; gap: 32px; margin-top: 48px; margin-bottom: 32px; }
@media (min-width: 600px) { .vxn-abteam { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1024px) { .vxn-abteam { grid-template-columns: repeat(4, 1fr); } }
.vxn-abmember { background: var(--vxn-glass); border: 1px solid var(--vxn-glass-brd); box-shadow: var(--vxn-shadow); border-radius: var(--vxn-r); overflow: hidden; display: flex; flex-direction: column; }
.vxn-abmember .ph { width: 100%; aspect-ratio: 1; background: var(--vxn-bg-3); position: relative; overflow: hidden; }
.vxn-abmember .ph img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.4s ease; }
.vxn-abmember:hover .ph img { transform: scale(1.05); }
.vxn-abmember .body { padding: 24px; display: flex; flex-direction: column; }
.vxn-abmember .nm { font-family: var(--vxn-font-display); font-size: 1.25rem; font-weight: 600; color: var(--vxn-ink); margin-bottom: 4px; }
.vxn-abmember .ro { font-size: 0.9rem; color: var(--vxn-blue-2); font-weight: 500; margin-bottom: 12px; }
.vxn-abmember .bio { font-size: 0.95rem; color: var(--vxn-ink-2); line-height: 1.5; margin: 0; }

/* ===== HOW IT WORKS ===== */
/* ===================================================================== */
/* HOW IT WORKS (.vxn-hw*)                                                */
/* ===================================================================== */
.vxn-hwhero .vxn-h1{font-size:clamp(2.1rem,5.5vw,3.3rem);line-height:1.08;}

/* 3-layer engine */
.vxn-hwlayers{display:flex;flex-direction:column;gap:14px;margin-top:46px;}
.vxn-hwlayer{position:relative;display:grid;grid-template-columns:auto 1fr;gap:24px;align-items:flex-start;border-radius:var(--vxn-r);background:var(--vxn-glass);border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);padding:30px 30px 30px 34px;overflow:hidden;}
.vxn-hwlayer::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--vxn-grad-cta);}
.vxn-hwlayer .hwl-badge{display:flex;flex-direction:column;align-items:center;gap:8px;flex:none;}
.vxn-hwlayer .hwl-ic{width:56px;height:56px;border-radius:15px;display:grid;place-items:center;color:#fff;background:var(--vxn-grad-cta);box-shadow:0 14px 30px -12px var(--vxn-blue);}
.vxn-hwlayer .hwl-ic svg{width:28px;height:28px;}
.vxn-hwlayer .hwl-step{font-family:var(--vxn-font-mono);font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;color:var(--vxn-muted);}
.vxn-hwlayer .hwl-body{min-width:0;}
.vxn-hwlayer .hwl-name{font-family:var(--vxn-font-display);font-weight:800;font-size:1.4rem;letter-spacing:-.02em;color:var(--vxn-ink);margin-bottom:6px;}
.vxn-hwlayer .hwl-name .g{background:var(--vxn-grad-text);-webkit-background-clip:text;background-clip:text;color:transparent;}
.vxn-hwlayer .hwl-desc{font-size:.98rem;line-height:1.6;color:var(--vxn-ink-2);margin-bottom:16px;}
.vxn-hwlayer .hwl-chan{display:flex;flex-wrap:wrap;gap:9px;}
.vxn-hwlayer .hwl-chan a{display:inline-flex;align-items:center;gap:8px;font-family:var(--vxn-font-mono);font-size:.74rem;color:var(--vxn-ink-2);background:var(--vxn-glass-2);border:1px solid var(--vxn-glass-brd);padding:8px 13px;border-radius:999px;text-decoration:none;transition:color .2s,border-color .2s,transform .2s;}
.vxn-hwlayer .hwl-chan a:hover{color:var(--vxn-blue-2);border-color:var(--vxn-blue-2);transform:translateY(-2px);}
.vxn-hwlayer .hwl-chan a svg{width:14px;height:14px;color:var(--vxn-blue-2);flex:none;}
.vxn-hwarrow{display:flex;justify-content:center;color:var(--vxn-blue-2);opacity:.5;margin:-6px 0;}
.vxn-hwarrow svg{width:24px;height:24px;}

/* journey timeline */
.vxn-hwflow{margin-top:46px;display:flex;flex-direction:column;}
.vxn-hwstep{display:grid;grid-template-columns:auto 1fr;gap:22px;}
.vxn-hwstep-rail{display:flex;flex-direction:column;align-items:center;}
.vxn-hwstep-num{width:44px;height:44px;border-radius:50%;flex:none;display:grid;place-items:center;font-family:var(--vxn-font-display);font-weight:800;font-size:1.05rem;color:#fff;background:var(--vxn-grad-cta);box-shadow:0 12px 26px -12px var(--vxn-blue);}
.vxn-hwstep-line{flex:1;width:2px;background:linear-gradient(var(--vxn-blue-2),color-mix(in srgb,var(--vxn-blue-2) 12%,transparent));margin:8px 0 0;min-height:24px;}
.vxn-hwstep:last-child .vxn-hwstep-line{display:none;}
.vxn-hwstep-body{padding-bottom:30px;min-width:0;}
.vxn-hwstep-body .when{font-family:var(--vxn-font-mono);font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:var(--vxn-blue-2);}
.vxn-hwstep-body h3{font-family:var(--vxn-font-display);font-weight:800;font-size:1.26rem;letter-spacing:-.02em;color:var(--vxn-ink);margin:5px 0 8px;}
.vxn-hwstep-body p{font-size:.98rem;line-height:1.62;color:var(--vxn-ink-2);}
.vxn-hwstep-body .who{margin-top:11px;display:inline-flex;align-items:center;gap:7px;font-family:var(--vxn-font-mono);font-size:.68rem;color:var(--vxn-muted);background:var(--vxn-glass-2);border:1px solid var(--vxn-glass-brd);padding:6px 12px;border-radius:999px;}
.vxn-hwstep-body .who svg{width:13px;height:13px;color:var(--vxn-blue-2);flex:none;}

/* who does what */
.vxn-hwsplit{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:46px;}
.vxn-hwcol{border-radius:var(--vxn-r);background:var(--vxn-glass);border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);padding:30px 28px;}
.vxn-hwcol.you{background:var(--vxn-panel-2);}
.vxn-hwcol .hwc-h{display:flex;align-items:center;gap:13px;margin-bottom:20px;}
.vxn-hwcol .hwc-ic{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;flex:none;}
.vxn-hwcol.us .hwc-ic{color:#fff;background:var(--vxn-grad-cta);box-shadow:0 12px 26px -12px var(--vxn-blue);}
.vxn-hwcol.you .hwc-ic{color:var(--vxn-blue-2);background:var(--vxn-glass-2);border:1px solid var(--vxn-glass-brd);}
.vxn-hwcol .hwc-ic svg{width:23px;height:23px;}
.vxn-hwcol h3{font-family:var(--vxn-font-display);font-weight:800;font-size:1.2rem;color:var(--vxn-ink);letter-spacing:-.01em;}
.vxn-hwcol .hwc-sub{font-family:var(--vxn-font-mono);font-size:.64rem;letter-spacing:.12em;text-transform:uppercase;color:var(--vxn-muted);}
.vxn-hwcol ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:11px;}
.vxn-hwcol li{display:flex;gap:11px;font-size:.96rem;line-height:1.5;color:var(--vxn-ink-2);}
.vxn-hwcol li .ck{flex:none;width:22px;height:22px;border-radius:6px;display:grid;place-items:center;background:var(--vxn-glass-2);border:1px solid var(--vxn-glass-brd);color:var(--vxn-blue-2);margin-top:1px;}
.vxn-hwcol li .ck svg{width:13px;height:13px;}

/* what you get */
.vxn-hwget{display:grid;grid-template-columns:repeat(auto-fit,minmax(228px,1fr));gap:16px;margin-top:44px;}
.vxn-hwtile{border-radius:var(--vxn-r-sm);background:var(--vxn-glass);border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);padding:24px 22px;display:flex;flex-direction:column;gap:11px;}
.vxn-hwtile .ic{width:44px;height:44px;border-radius:11px;display:grid;place-items:center;color:var(--vxn-blue-2);background:var(--vxn-glass-2);border:1px solid var(--vxn-glass-brd);}
.vxn-hwtile .ic svg{width:22px;height:22px;}
.vxn-hwtile h4{font-family:var(--vxn-font-display);font-weight:700;font-size:1.02rem;color:var(--vxn-ink);}
.vxn-hwtile p{font-size:.89rem;line-height:1.5;color:var(--vxn-ink-2);}

/* 90-day timeline */
.vxn-hwtime{display:grid;grid-template-columns:repeat(auto-fit,minmax(198px,1fr));gap:16px;margin-top:44px;}
.vxn-hwphase{border-radius:var(--vxn-r-sm);background:var(--vxn-panel-2);border:1px solid var(--vxn-line);padding:24px 22px;}
.vxn-hwphase .ph-when{font-family:var(--vxn-font-mono);font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;color:var(--vxn-blue-2);margin-bottom:8px;}
.vxn-hwphase h4{font-family:var(--vxn-font-display);font-weight:700;font-size:1.06rem;color:var(--vxn-ink);margin-bottom:7px;}
.vxn-hwphase p{font-size:.89rem;line-height:1.52;color:var(--vxn-ink-2);}

/* FAQ (native details) */
.vxn-hwfaq{margin-top:42px;display:flex;flex-direction:column;gap:12px;max-width:820px;}
.vxn-hwfaq details{border-radius:var(--vxn-r-sm);background:var(--vxn-glass);border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);overflow:hidden;}
.vxn-hwfaq summary{list-style:none;cursor:pointer;padding:20px 22px;display:flex;align-items:center;justify-content:space-between;gap:16px;font-family:var(--vxn-font-display);font-weight:700;font-size:1.03rem;color:var(--vxn-ink);}
.vxn-hwfaq summary::-webkit-details-marker{display:none;}
.vxn-hwfaq summary .pl{flex:none;width:22px;height:22px;position:relative;transition:transform .3s var(--vxn-ease);}
.vxn-hwfaq summary .pl::before,.vxn-hwfaq summary .pl::after{content:"";position:absolute;background:var(--vxn-blue-2);border-radius:2px;}
.vxn-hwfaq summary .pl::before{top:10px;left:2px;right:2px;height:2px;}
.vxn-hwfaq summary .pl::after{left:10px;top:2px;bottom:2px;width:2px;}
.vxn-hwfaq details[open] summary .pl{transform:rotate(135deg);}
.vxn-hwfaq details[open] summary{color:var(--vxn-blue-2);}
.vxn-hwfaq .ans{padding:0 22px 20px;font-size:.97rem;line-height:1.65;color:var(--vxn-ink-2);}
.vxn-hwfaq .ans a{color:var(--vxn-blue-2);text-decoration:none;border-bottom:1px solid transparent;transition:border-color .2s;}
.vxn-hwfaq .ans a:hover{border-color:var(--vxn-blue-2);}

/* CTA band */
.vxn-hwcta{position:relative;overflow:hidden;border-radius:var(--vxn-r);background:var(--vxn-glass-2);border:1px solid var(--vxn-glass-brd);box-shadow:var(--vxn-shadow);padding:54px 40px;text-align:center;}
.vxn-hwcta::after{content:"";position:absolute;inset:auto -80px -120px auto;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,rgba(124,58,237,.2),transparent 70%);pointer-events:none;}

@media(max-width:760px){
  .vxn-hwsplit{grid-template-columns:1fr;}
  .vxn-hwlayer{grid-template-columns:1fr;gap:16px;}
  .vxn-hwlayer .hwl-badge{flex-direction:row;}
}