html{scroll-behavior:smooth}
body{margin:0;background:#07122e}
@property --ang{syntax:'<angle>';initial-value:0deg;inherits:false}
#pvx,#pvx *{box-sizing:border-box}
#pvx{--bg:#07122e;--pd:#0D1B3E;--pm:#162347;--pc:#1A2D5A;--p:#5442A5;--pb:#8145FC;--y:#FFC951;--w:#F8FAFC;--mut:rgba(248,250,252,.62);--bd:rgba(255,255,255,.09);--glass:rgba(255,255,255,.045);
font-family:'DM Sans',system-ui,sans-serif;color:var(--w);background:var(--bg);position:relative;overflow:hidden;min-height:100vh;line-height:1.6;-webkit-font-smoothing:antialiased}
#pvx h1,#pvx h2,#pvx h3,#pvx h4,#pvx p,#pvx ul,#pvx figure{margin:0;padding:0}
#pvx ul{list-style:none}
#pvx a{color:inherit;text-decoration:none}
#pvx .fs{font-family:'Syne',system-ui,sans-serif}
#pvx .wrap{max-width:1180px;margin:0 auto;padding:0 24px;position:relative;z-index:2}
#pvx .gt{background:linear-gradient(120deg,#B79BFF 0%,#8145FC 40%,#FFC951 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
/* backdrop */
#pvx .aur{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}
#pvx .aur i{position:absolute;border-radius:50%;filter:blur(90px);opacity:.55;will-change:transform;animation:drift 26s ease-in-out infinite}
#pvx .aur i:nth-child(1){width:620px;height:620px;background:#5442A5;left:-160px;top:-120px}
#pvx .aur i:nth-child(2){width:520px;height:520px;background:#8145FC;right:-140px;top:180px;opacity:.38;animation-delay:-9s}
#pvx .aur i:nth-child(3){width:460px;height:460px;background:#FFC951;left:35%;top:900px;opacity:.12;animation-delay:-16s}
#pvx .aur i:nth-child(4){width:560px;height:560px;background:#3b2f8f;right:10%;top:2200px;opacity:.4;animation-delay:-4s}
@keyframes drift{0%,100%{transform:translate(0,0) scale(1)}33%{transform:translate(70px,50px) scale(1.12)}66%{transform:translate(-50px,80px) scale(.94)}}
#pvx .grid{position:absolute;inset:0;pointer-events:none;z-index:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(ellipse 80% 60% at 50% 20%,#000 20%,transparent 75%);mask-image:radial-gradient(ellipse 80% 60% at 50% 20%,#000 20%,transparent 75%)}
#pvx .grain{position:absolute;inset:0;pointer-events:none;z-index:1;opacity:.05;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}
/* nav */
#pvx nav.nv{position:fixed;top:14px;left:50%;transform:translateX(-50%);z-index:50;width:min(1120px,calc(100% - 24px));display:flex;align-items:center;justify-content:space-between;gap:14px;padding:9px 12px 9px 14px;border-radius:18px;background:rgba(13,27,62,.62);border:1px solid var(--bd);-webkit-backdrop-filter:blur(18px) saturate(140%);backdrop-filter:blur(18px) saturate(140%);box-shadow:0 10px 40px rgba(0,0,0,.35)}
#pvx .brand{display:flex;align-items:center;gap:10px;font-weight:700;font-size:.98rem;letter-spacing:normal}
#pvx .brand .lg{background:#fff;border-radius:9px;padding:3px 7px;display:flex}
#pvx .brand img{height:26px;width:auto;display:block}
#pvx .brand em{font-style:normal;color:var(--y)}
#pvx .nl{display:flex;gap:26px;font-size:.88rem;color:var(--mut)}
#pvx .nl a{transition:color .2s}#pvx .nl a:hover{color:#fff}
#pvx .nr{display:flex;align-items:center;gap:12px}
#pvx .lt{display:flex;background:rgba(255,255,255,.06);border-radius:99px;padding:3px;border:1px solid var(--bd)}
#pvx .lt button{border:0;background:transparent;color:var(--mut);font:600 .72rem 'DM Sans',sans-serif;padding:5px 11px;border-radius:99px;cursor:pointer;transition:all .2s}
#pvx .lt button.on{background:var(--pb);color:#fff;box-shadow:0 0 14px rgba(129,69,252,.6)}
/* buttons */
#pvx .btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:14px 26px;border-radius:14px;font:700 .95rem 'DM Sans',sans-serif;color:#fff;background:linear-gradient(135deg,#8145FC,#5442A5);border:1px solid rgba(255,255,255,.18);box-shadow:0 8px 30px rgba(129,69,252,.45),inset 0 1px 0 rgba(255,255,255,.25);cursor:pointer;overflow:hidden;transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s;text-align:center}
#pvx .btn:hover{transform:translateY(-2px);box-shadow:0 14px 40px rgba(129,69,252,.6),inset 0 1px 0 rgba(255,255,255,.3)}
#pvx .btn::after{content:"";position:absolute;top:0;left:-120%;width:60%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.35),transparent);transform:skewX(-20deg);transition:left .6s}
#pvx .btn:hover::after{left:140%}
#pvx .btn.sm{padding:10px 18px;font-size:.84rem;border-radius:12px}
#pvx .btn.gh{background:var(--glass);box-shadow:none;border-color:var(--bd);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
#pvx .btn.gh:hover{background:rgba(255,255,255,.09);box-shadow:none}
#pvx .btn.gd{background:linear-gradient(135deg,#FFC951,#f0a500);color:#1A0F3E;border-color:rgba(255,255,255,.3);box-shadow:0 8px 30px rgba(255,201,81,.35)}
/* sections */
#pvx section{position:relative;padding:104px 0}
#pvx .eyebrow{display:inline-flex;align-items:center;gap:9px;padding:7px 14px;border-radius:99px;font:600 .74rem 'DM Sans',sans-serif;letter-spacing:.09em;text-transform:uppercase;color:#cdbcff;background:rgba(129,69,252,.12);border:1px solid rgba(129,69,252,.35)}
#pvx .eyebrow b{width:7px;height:7px;border-radius:50%;background:var(--y);box-shadow:0 0 10px var(--y);animation:blink 2s infinite}
@keyframes blink{50%{opacity:.3}}
#pvx .h2{font-family:'Syne',sans-serif;font-weight:700;font-size:clamp(2rem,4.4vw,3rem);line-height:1.1;letter-spacing:normal;margin:18px 0 14px}
#pvx .lead{color:var(--mut);font-size:1.08rem;max-width:620px}
#pvx .sh{text-align:center;margin-bottom:52px}#pvx .sh .lead{margin:0 auto}
/* hero */
#pvx .hero{padding:150px 0 70px}
#pvx .hg{display:grid;grid-template-columns:1.05fr .95fr;gap:52px;align-items:center}
#pvx .hero h1{font-family:'Syne',sans-serif;font-weight:800;font-size:clamp(2rem,4.2vw,3.5rem);line-height:1.1;letter-spacing:normal;margin:22px 0 20px}
#pvx .hero .lead{font-size:1.14rem;margin-bottom:30px}
#pvx .ctas{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:28px}
#pvx .chips{display:flex;flex-wrap:wrap;gap:9px}
#pvx .chip{padding:7px 13px;border-radius:99px;font-size:.78rem;color:var(--mut);background:var(--glass);border:1px solid var(--bd)}
/* glass card + spotlight */
#pvx .gc{position:relative;background:var(--glass);border:1px solid var(--bd);border-radius:22px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow:hidden;transition:transform .35s cubic-bezier(.2,.8,.2,1),border-color .3s}
#pvx .gc::before{content:"";position:absolute;inset:0;background:radial-gradient(420px circle at var(--mx,50%) var(--my,0%),rgba(129,69,252,.22),transparent 55%);opacity:0;transition:opacity .3s;pointer-events:none}
#pvx .gc:hover{transform:translateY(-4px);border-color:rgba(129,69,252,.45)}
#pvx .gc:hover::before{opacity:1}
/* marquee */
#pvx .mq{padding:22px 0;border-block:1px solid var(--bd);background:rgba(129,69,252,.05);overflow:hidden;position:relative;z-index:2}
#pvx .mt{display:flex;width:max-content;animation:mq 38s linear infinite}
#pvx .mt span{display:inline-flex;align-items:center;gap:14px;padding:0 26px;font:600 .95rem 'Syne',sans-serif;color:rgba(248,250,252,.75);white-space:nowrap}
#pvx .mt span::after{content:"✦";color:var(--y);font-size:.8rem}
@keyframes mq{to{transform:translateX(-50%)}}
/* bento */
#pvx .bento{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}
#pvx .bento .gc{padding:28px}
#pvx .s2{grid-column:span 2}#pvx .s3{grid-column:span 3}#pvx .s4{grid-column:span 4}
#pvx .ic{width:50px;height:50px;border-radius:15px;display:grid;place-items:center;font-size:1.4rem;margin-bottom:18px;background:linear-gradient(135deg,rgba(129,69,252,.35),rgba(84,66,165,.15));border:1px solid rgba(129,69,252,.4)}
#pvx .gc h3{font-family:'Syne',sans-serif;font-weight:700;font-size:1.2rem;letter-spacing:normal;margin-bottom:8px}
#pvx .gc p{color:var(--mut);font-size:.95rem}
#pvx .tag{display:inline-block;margin-top:14px;padding:4px 10px;border-radius:8px;font-size:.72rem;font-weight:600;color:#1A0F3E;background:var(--y)}
/* steps */
#pvx .steps{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;position:relative}
#pvx .steps::before{content:"";position:absolute;top:34px;left:6%;right:6%;height:2px;background:linear-gradient(90deg,transparent,rgba(129,69,252,.6),rgba(255,201,81,.6),transparent)}
#pvx .st{padding:24px}
#pvx .st .n{position:relative;z-index:2;width:54px;height:54px;border-radius:50%;display:grid;place-items:center;font:800 1.05rem 'Syne',sans-serif;background:var(--pd);border:2px solid var(--pb);box-shadow:0 0 22px rgba(129,69,252,.55);margin-bottom:18px}
/* pricing */
#pvx .pg{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;align-items:stretch}
#pvx .pc{padding:32px 28px;display:flex;flex-direction:column}
#pvx .pc.ft{background:linear-gradient(var(--pd),var(--pd)) padding-box,conic-gradient(from var(--ang),#8145FC,#FFC951,#8145FC 60%,#5442A5,#8145FC) border-box;border:1.5px solid transparent;animation:spin 6s linear infinite;box-shadow:0 20px 70px rgba(129,69,252,.3)}
@keyframes spin{to{--ang:360deg}}
#pvx .pc .nm{font:700 1.15rem 'Syne',sans-serif}
#pvx .pc .sd{color:var(--mut);font-size:.88rem;margin:4px 0 18px;min-height:42px}
#pvx .pc .pr{font:800 3rem 'Syne',sans-serif;letter-spacing:normal;line-height:1}
#pvx .pc .pr small{font:500 .95rem 'DM Sans',sans-serif;color:var(--mut);letter-spacing:0}
#pvx .pc .su{font-size:.82rem;color:var(--y);margin:6px 0 20px}
#pvx .pc ul{display:grid;gap:9px;margin-bottom:26px;flex:1}
#pvx .pc li{display:flex;gap:10px;font-size:.9rem;color:rgba(248,250,252,.86)}
#pvx .pc li::before{content:"✓";color:#7CF0B3;font-weight:800;flex:none}
#pvx .pc li.no{color:rgba(248,250,252,.38)}#pvx .pc li.no::before{content:"–";color:rgba(248,250,252,.35)}
#pvx .badge{align-self:flex-start;margin-bottom:12px;padding:4px 11px;border-radius:99px;font-size:.7rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;background:var(--y);color:#1A0F3E}
#pvx .note{text-align:center;color:var(--mut);font-size:.86rem;margin-top:22px}
/* faq */
#pvx .faq{max-width:820px;margin:0 auto;display:grid;gap:12px}
#pvx details{background:var(--glass);border:1px solid var(--bd);border-radius:16px;padding:0 22px;transition:border-color .25s,background .25s}
#pvx details[open]{border-color:rgba(129,69,252,.5);background:rgba(129,69,252,.07)}
#pvx summary{cursor:pointer;list-style:none;padding:20px 0;font:700 1.02rem 'Syne',sans-serif;display:flex;justify-content:space-between;gap:16px;align-items:center}
#pvx summary::-webkit-details-marker{display:none}
#pvx summary::after{content:"+";font:400 1.6rem 'DM Sans',sans-serif;color:var(--y);transition:transform .3s;flex:none}
#pvx details[open] summary::after{transform:rotate(45deg)}
#pvx details p{color:var(--mut);padding:0 0 20px;font-size:.96rem}
/* cta band */
#pvx .cta{text-align:center;padding:64px 28px;border-radius:30px;background:radial-gradient(120% 140% at 50% 0%,rgba(129,69,252,.35),transparent 60%),linear-gradient(160deg,#1A2D5A,#0D1B3E);border:1px solid rgba(129,69,252,.35);position:relative;overflow:hidden}
#pvx .cta h2{font-family:'Syne',sans-serif;font-weight:700;font-size:clamp(1.9rem,4vw,3rem);letter-spacing:normal;line-height:1.1;margin-bottom:14px}
#pvx .cta .lead{margin:0 auto 28px}
/* footer */
#pvx footer{position:relative;z-index:2;border-top:1px solid var(--bd);padding:44px 0 90px;color:var(--mut);font-size:.88rem}
#pvx .fg{display:flex;flex-wrap:wrap;gap:28px;justify-content:space-between;align-items:flex-start}
#pvx .fg a:hover{color:#fff}
#pvx .fl{display:flex;flex-wrap:wrap;gap:20px}
/* whatsapp */
#pvx .wa{position:fixed;right:20px;bottom:20px;z-index:60;width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:#25D366;box-shadow:0 10px 30px rgba(37,211,102,.5);transition:transform .25s}
#pvx .wa:hover{transform:scale(1.1) rotate(-6deg)}
/* reveal */
#pvx.js .rv{opacity:0;transform:translateY(26px);transition:opacity .8s cubic-bezier(.2,.8,.2,1),transform .8s cubic-bezier(.2,.8,.2,1);transition-delay:var(--d,0s)}
#pvx.js .rv.in{opacity:1;transform:none}
/* mock windows */
#pvx .win{border-radius:20px;background:linear-gradient(160deg,rgba(26,45,90,.95),rgba(13,27,62,.95));border:1px solid rgba(255,255,255,.14);box-shadow:0 40px 90px rgba(0,0,0,.55),0 0 80px rgba(129,69,252,.25);overflow:hidden;transform:perspective(1400px) rotateY(-7deg) rotateX(3deg);transition:transform .5s}
#pvx .win:hover{transform:perspective(1400px) rotateY(-2deg) rotateX(1deg)}
#pvx .wb{display:flex;align-items:center;gap:7px;padding:12px 16px;border-bottom:1px solid var(--bd);background:rgba(255,255,255,.03)}
#pvx .wb i{width:10px;height:10px;border-radius:50%}
#pvx .wb i:nth-child(1){background:#ff5f57}#pvx .wb i:nth-child(2){background:#febc2e}#pvx .wb i:nth-child(3){background:#28c840}
#pvx .wb span{margin-left:12px;flex:1;text-align:center;font-size:.72rem;color:var(--mut);background:rgba(255,255,255,.05);border-radius:8px;padding:4px 10px}
#pvx .fl2{position:absolute;padding:11px 15px;border-radius:14px;background:rgba(13,27,62,.85);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 14px 40px rgba(0,0,0,.45);font-size:.78rem;animation:fy 6s ease-in-out infinite;z-index:5}
@keyframes fy{50%{transform:translateY(-12px)}}
#pvx .live{display:inline-block;width:8px;height:8px;border-radius:50%;background:#7CF0B3;box-shadow:0 0 10px #7CF0B3;margin-right:7px;animation:blink 1.6s infinite}
#pvx .demo{display:block;text-align:center;font-size:.72rem;color:rgba(248,250,252,.4);margin-top:14px}
@media(max-width:980px){
#pvx #capturas .bento{grid-template-columns:1fr!important}
#pvx .hg{grid-template-columns:1fr}#pvx .hero{padding-top:128px}
#pvx .win{transform:none}#pvx .nl{display:none}
#pvx .bento{grid-template-columns:repeat(2,1fr)}#pvx .s2,#pvx .s3,#pvx .s4{grid-column:span 2}
#pvx .steps{grid-template-columns:1fr 1fr}#pvx .steps::before{display:none}
#pvx .pg{grid-template-columns:1fr}
}
@media(max-width:600px){
#pvx section{padding:72px 0}#pvx .steps{grid-template-columns:1fr}#pvx .brand span.t{display:none}
#pvx .hero{padding-top:112px}#pvx .btn{width:100%}#pvx .ctas{flex-direction:column}#pvx .nr .btn{width:auto}
#pvx .fl2{display:none}
}
@media(prefers-reduced-motion:reduce){#pvx *,#pvx *::before,#pvx *::after{animation:none!important;transition:none!important}#pvx.js .rv{opacity:1;transform:none}}