:root{
  --navy:#071a2f;
  --navy-2:#0d2d4f;
  --navy-3:#102f4d;
  --green:#19c37d;
  --green-2:#0eaa68;
  --light:#f4f8fa;
  --white:#fff;
  --text:#15202b;
  --muted:#647181;
  --border:#dfe8ed;
  --shadow:0 20px 60px rgba(2,19,34,.14);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--text);background:var(--white);line-height:1.6}
a{text-decoration:none}
.container{width:min(1160px,calc(100% - 40px));margin:auto}
.narrow{max-width:820px}
.center{text-align:center}
.hero{min-height:820px;color:white;background:
 radial-gradient(circle at 80% 20%,rgba(25,195,125,.18),transparent 28%),
 linear-gradient(135deg,#061525 0%,#0b2948 65%,#09223a 100%);overflow:hidden}
.nav{height:92px;display:flex;align-items:center;justify-content:space-between}
.brand{display:flex;align-items:center;gap:12px;color:white}
.brand-mark{display:grid;place-items:center;width:46px;height:46px;border-radius:12px;background:linear-gradient(135deg,var(--green),#52e7a8);color:var(--navy);font:800 26px Montserrat}
.brand strong{display:block;font:800 21px Montserrat;letter-spacing:2px}
.brand small{display:block;font-size:9px;letter-spacing:1.8px;color:#a8bac8}
.nav-cta{color:white;border:1px solid rgba(255,255,255,.25);padding:11px 18px;border-radius:9px;font-weight:800;font-size:13px}
.hero-grid{display:grid;grid-template-columns:1.03fr .97fr;gap:70px;align-items:center;padding:80px 0 110px}
.eyebrow{display:inline-block;color:#69e6ae;font-weight:800;font-size:13px;letter-spacing:2px;margin-bottom:18px}
.eyebrow.dark{color:#0c9b61}
h1,h2,h3{font-family:Montserrat,Inter,sans-serif;line-height:1.14;margin-top:0}
h1{font-size:clamp(42px,5.4vw,68px);letter-spacing:-2.5px;margin-bottom:24px}
h1 span,h2 span{color:var(--green)}
h2{font-size:clamp(31px,4vw,46px);letter-spacing:-1.4px;margin-bottom:20px}
h3{font-size:20px;margin-bottom:10px}
.hero-copy>p{font-size:19px;color:#c7d5df;max-width:650px}
.hero-points{display:grid;gap:9px;margin:28px 0;color:#e6f4ed;font-weight:600}
.btn{display:inline-flex;justify-content:center;align-items:center;border-radius:11px;padding:18px 26px;font-weight:800;font-size:15px;transition:.25s;box-shadow:0 12px 30px rgba(0,0,0,.15)}
.btn:hover{transform:translateY(-2px)}
.btn-primary{background:linear-gradient(135deg,var(--green),#37dc95);color:#052016}
.btn-secondary{background:var(--navy);color:white}
.full{width:100%}
.microcopy{font-size:12px!important;color:#8fa7b8!important;margin-top:13px}
.product-visual{position:relative;min-height:500px;display:flex;justify-content:center;align-items:center}
.glow{position:absolute;width:390px;height:390px;border-radius:50%;background:rgba(25,195,125,.16);filter:blur(30px)}
.screen{position:absolute;top:25px;right:20px;width:86%;background:#0a1420;border:8px solid #213448;border-radius:18px;box-shadow:var(--shadow);overflow:hidden;transform:rotate(2deg)}
.screen-top{height:30px;background:#15283a;padding:8px 12px}
.screen-top span{display:inline-block;width:8px;height:8px;border-radius:50%;background:#5f7180;margin-right:5px}
.cad-layout{display:grid;grid-template-columns:70px 1fr;height:280px}
.cad-sidebar{background:#111d28;border-right:1px solid #2a3c4c}
.cad-canvas{display:grid;place-items:center;background:#06101a;color:#25e599;padding:12px}
.cad-canvas svg{width:100%;height:100%}
.product-box{z-index:2;position:absolute;bottom:20px;left:20px;width:280px;min-height:330px;padding:38px 30px;background:linear-gradient(145deg,#0d2d4f,#071a2f);border:1px solid rgba(255,255,255,.12);border-radius:12px;box-shadow:0 30px 60px rgba(0,0,0,.35);transform:rotate(-3deg)}
.product-box:before{content:"";position:absolute;inset:14px;border:1px solid rgba(25,195,125,.25)}
.product-box span,.product-box strong,.product-box b,.product-box small{position:relative;display:block}
.product-box span{color:#62e3ac;font-size:12px;letter-spacing:2px;margin-top:25px}
.product-box strong{font:800 30px Montserrat;margin-top:28px}
.product-box b{font-size:22px;color:var(--green);margin-top:8px}
.product-box small{color:#b4c5d1;margin-top:55px}
.badge{z-index:3;position:absolute;right:6px;bottom:55px;background:var(--green);color:#052016;font-weight:900;padding:17px 18px;border-radius:50%;width:108px;height:108px;display:grid;place-items:center;text-align:center;line-height:1.1;transform:rotate(8deg);box-shadow:0 16px 30px rgba(0,0,0,.25)}
.trust-strip{background:white;box-shadow:0 8px 30px rgba(0,0,0,.08);position:relative;z-index:4}
.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);padding:25px 0}
.trust-grid div{text-align:center;border-right:1px solid var(--border)}
.trust-grid div:last-child{border:0}
.trust-grid strong{display:block;color:var(--navy);font-size:21px}
.trust-grid span{font-size:12px;color:var(--muted)}
.section{padding:105px 0}
.light{background:var(--light)}
.section-intro{font-size:18px;color:var(--muted)}
.cards{display:grid;gap:22px;margin-top:50px}
.cards.four{grid-template-columns:repeat(4,1fr)}
.cards.three{grid-template-columns:repeat(3,1fr)}
.card{background:white;border:1px solid var(--border);border-radius:18px;padding:30px;box-shadow:0 10px 30px rgba(8,38,59,.06)}
.problem-card span{font-size:32px}
.problem-card p,.content-cards p{color:var(--muted)}
.dark-section{background:linear-gradient(135deg,var(--navy),var(--navy-2));color:white}
.split{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.split.reverse{grid-template-columns:1fr 1fr}
.dark-section p{color:#bdccd7}
.check-list{list-style:none;padding:0;margin:28px 0}
.check-list li{margin:12px 0;padding-left:28px;position:relative}
.check-list li:before{content:"✓";position:absolute;left:0;color:var(--green);font-weight:900}
.folder-visual{background:#f3f8fa;border-radius:12px;padding:0 20px 22px;box-shadow:var(--shadow)}
.folder-tab{display:inline-block;background:var(--green);padding:12px 22px;border-radius:10px 10px 0 0;color:#052016;font-weight:800}
.folder-body{background:white;border-radius:0 10px 10px 10px;padding:20px}
.file-row{display:flex;align-items:center;gap:14px;color:var(--text);padding:15px;border-bottom:1px solid var(--border)}
.file-row:last-child{border:0}
.file-row span{background:var(--navy);color:white;font-size:11px;font-weight:800;padding:7px;border-radius:5px}
.icon{width:48px;height:48px;border-radius:12px;background:#e7fff4;display:grid;place-items:center;font-size:24px;margin-bottom:20px}
.showcase{background:#071a2f;color:white}
.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:45px}
.drawing-card{background:#08111b;border:1px solid #1f4057;border-radius:14px;padding:18px;color:#29de98}
.drawing-card span{font-size:11px;letter-spacing:1.5px;color:#9db2c0}
.drawing-card svg{width:100%;margin-top:14px}
.benefit-panel{display:grid;grid-template-columns:55px 1fr;gap:10px 18px;background:white;border-radius:20px;padding:32px;box-shadow:var(--shadow)}
.benefit-number{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:var(--navy);color:var(--green);font-weight:900}
.benefit-panel p{margin:3px 0 22px;color:var(--muted)}
.benefit-panel strong{color:var(--text)}
.bonuses{background:linear-gradient(135deg,#0c2946,#061a2e);color:white}
.bonus-card{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);padding:30px;border-radius:16px}
.bonus-card span{color:var(--green);font-size:12px;font-weight:800}
.bonus-card p{color:#b8c9d5}
.offer-section{background:#eaf4f1}
.offer-card{display:grid;grid-template-columns:1.25fr .75fr;gap:50px;background:var(--navy);color:white;border-radius:28px;padding:55px;box-shadow:var(--shadow)}
.price-box{background:white;color:var(--text);border-radius:20px;padding:32px;text-align:center}
.price-box p{margin:0}
.price{display:flex;align-items:flex-start;justify-content:center;color:var(--navy);margin:12px 0}
.price small{font-size:24px;margin-top:17px;font-weight:800}
.price strong{font:800 78px Montserrat;line-height:1}
.price span{font-size:28px;font-weight:800;margin-top:11px}
.installments{color:var(--muted);margin-bottom:20px!important}
.secure{font-size:12px;color:var(--muted);margin-top:12px}
.guarantee-grid{display:grid;grid-template-columns:220px 1fr;align-items:center;gap:55px}
.guarantee-seal{width:190px;height:190px;border:8px solid var(--green);border-radius:50%;display:flex;align-items:center;justify-content:center;gap:8px;color:var(--navy);box-shadow:inset 0 0 0 7px white,0 12px 30px rgba(0,0,0,.08)}
.guarantee-seal strong{font:800 72px Montserrat}
.guarantee-seal span{font-weight:800;line-height:1.2}
.faq-section{background:white}
.faq-list{max-width:860px}
details{border:1px solid var(--border);border-radius:12px;margin:12px 0;background:white;padding:0 20px}
summary{cursor:pointer;padding:20px 0;font-weight:800;list-style:none}
summary::-webkit-details-marker{display:none}
summary:after{content:"+";float:right;color:var(--green);font-size:24px}
details[open] summary:after{content:"−"}
details p{color:var(--muted);margin-top:0;padding-bottom:18px}
.cta-final{padding:80px 0;background:linear-gradient(135deg,var(--navy),#0b3559);color:white}
.cta-final p{color:#b8c9d5;font-size:18px}
footer{background:#04111e;color:#9fb1bf;padding:55px 0 25px}
.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:40px}
.footer-grid strong{color:white}
.footer-brand{align-self:start}
.footer-bottom{border-top:1px solid #183044;margin-top:35px;padding-top:22px;font-size:12px;display:flex;justify-content:space-between;gap:30px}
.whatsapp-float{position:fixed;right:22px;bottom:22px;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#25d366;color:white;font-size:26px;box-shadow:0 14px 30px rgba(0,0,0,.25);z-index:20}
@media(max-width:900px){
 .hero{min-height:auto}
 .hero-grid,.split,.split.reverse,.offer-card,.guarantee-grid{grid-template-columns:1fr}
 .hero-grid{padding-top:35px}
 .product-visual{min-height:480px}
 .cards.four,.cards.three,.gallery{grid-template-columns:repeat(2,1fr)}
 .trust-grid{grid-template-columns:repeat(2,1fr);row-gap:20px}
 .trust-grid div:nth-child(2){border-right:0}
 .footer-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:620px){
 .container{width:min(100% - 26px,1160px)}
 .nav{height:76px}
 .nav-cta{display:none}
 h1{font-size:39px;letter-spacing:-1.5px}
 h2{font-size:31px}
 .hero-grid{gap:35px;padding-bottom:70px}
 .product-visual{min-height:390px}
 .screen{width:95%;right:0}
 .cad-layout{height:220px}
 .product-box{width:215px;min-height:270px;padding:25px 22px}
 .product-box strong{font-size:24px}
 .product-box small{margin-top:35px}
 .badge{width:88px;height:88px;font-size:12px}
 .section{padding:76px 0}
 .cards.four,.cards.three,.gallery,.trust-grid,.footer-grid{grid-template-columns:1fr}
 .trust-grid div{border-right:0;border-bottom:1px solid var(--border);padding-bottom:14px}
 .trust-grid div:last-child{border-bottom:0}
 .offer-card{padding:28px 20px}
 .price strong{font-size:66px}
 .guarantee-grid{text-align:center}
 .guarantee-seal{margin:auto}
 .footer-bottom{display:block}
}

/* ===== INTERAÇÕES E ANIMAÇÕES ===== */
:root{
  --ease-out:cubic-bezier(.16,1,.3,1);
}

body{
  overflow-x:hidden;
}

/* Barra de progresso da leitura */
.scroll-progress{
  position:fixed;
  top:0;
  left:0;
  width:0;
  height:4px;
  background:linear-gradient(90deg,var(--green),#7fffc3);
  z-index:9999;
  box-shadow:0 0 16px rgba(25,195,125,.8);
}

/* Fundo dinâmico da primeira seção */
.hero::before,
.hero::after{
  content:"";
  position:absolute;
  border-radius:50%;
  pointer-events:none;
  filter:blur(10px);
  opacity:.45;
  animation:heroFloat 10s ease-in-out infinite alternate;
}
.hero{position:relative}
.hero::before{
  width:260px;
  height:260px;
  right:8%;
  top:14%;
  background:radial-gradient(circle,rgba(25,195,125,.28),transparent 70%);
}
.hero::after{
  width:330px;
  height:330px;
  left:-120px;
  bottom:30px;
  background:radial-gradient(circle,rgba(36,118,180,.3),transparent 70%);
  animation-delay:-4s;
}
@keyframes heroFloat{
  from{transform:translate3d(0,0,0) scale(1)}
  to{transform:translate3d(24px,-18px,0) scale(1.12)}
}

/* Botões animados */
.btn,
.nav-cta{
  position:relative;
  overflow:hidden;
  isolation:isolate;
}
.btn::before,
.nav-cta::before{
  content:"";
  position:absolute;
  top:0;
  left:-120%;
  width:55%;
  height:100%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.52),transparent);
  transform:skewX(-20deg);
  transition:left .7s ease;
  z-index:-1;
}
.btn:hover::before,
.nav-cta:hover::before{
  left:150%;
}
.btn-primary{
  animation:buttonPulse 2.6s ease-in-out infinite;
}
.btn-primary:hover{
  box-shadow:0 18px 42px rgba(25,195,125,.35);
}
@keyframes buttonPulse{
  0%,100%{box-shadow:0 12px 30px rgba(0,0,0,.15),0 0 0 0 rgba(25,195,125,.35)}
  50%{box-shadow:0 14px 34px rgba(0,0,0,.18),0 0 0 12px rgba(25,195,125,0)}
}
.ripple{
  position:absolute;
  border-radius:50%;
  transform:scale(0);
  background:rgba(255,255,255,.55);
  animation:rippleEffect .65s linear;
  pointer-events:none;
}
@keyframes rippleEffect{
  to{transform:scale(4);opacity:0}
}

/* Entrada dos elementos ao rolar */
.reveal{
  opacity:0;
  transform:translateY(34px);
  transition:opacity .8s var(--ease-out),transform .8s var(--ease-out);
  will-change:opacity,transform;
}
.reveal.from-left{transform:translateX(-42px)}
.reveal.from-right{transform:translateX(42px)}
.reveal.zoom{transform:scale(.9)}
.reveal.visible{
  opacity:1;
  transform:none;
}

/* Cards mais vivos */
.card,
.bonus-card,
.drawing-card,
.file-row,
.problem-card{
  transition:transform .35s var(--ease-out),box-shadow .35s ease,border-color .35s ease;
  transform-style:preserve-3d;
}
.card:hover,
.bonus-card:hover,
.drawing-card:hover{
  transform:translateY(-9px);
  border-color:rgba(25,195,125,.55);
  box-shadow:0 24px 54px rgba(6,35,55,.16);
}
.file-row:hover{
  transform:translateX(8px);
  background:#effcf6;
}
.problem-card:hover span,
.content-cards .card:hover .icon{
  animation:iconBounce .55s ease;
}
@keyframes iconBounce{
  0%,100%{transform:translateY(0) scale(1)}
  50%{transform:translateY(-8px) scale(1.12)}
}

/* Mockup flutuante */
.screen{
  animation:screenFloat 5s ease-in-out infinite;
}
.product-box{
  animation:boxFloat 4.6s ease-in-out infinite;
}
.badge{
  animation:badgeFloat 3.8s ease-in-out infinite;
}
@keyframes screenFloat{
  0%,100%{transform:rotate(2deg) translateY(0)}
  50%{transform:rotate(1deg) translateY(-12px)}
}
@keyframes boxFloat{
  0%,100%{transform:rotate(-3deg) translateY(0)}
  50%{transform:rotate(-2deg) translateY(10px)}
}
@keyframes badgeFloat{
  0%,100%{transform:rotate(8deg) scale(1)}
  50%{transform:rotate(3deg) scale(1.07)}
}

/* Linhas de desenho com animação */
.cad-canvas path,
.cad-canvas rect,
.cad-canvas circle,
.drawing-card path,
.drawing-card rect,
.drawing-card circle{
  stroke-dasharray:900;
  stroke-dashoffset:900;
  animation:drawLine 5s ease forwards infinite;
}
@keyframes drawLine{
  0%{stroke-dashoffset:900;opacity:.35}
  45%,85%{stroke-dashoffset:0;opacity:1}
  100%{stroke-dashoffset:0;opacity:.35}
}

/* Oferta com destaque */
.offer-card{
  position:relative;
  overflow:hidden;
}
.offer-card::after{
  content:"";
  position:absolute;
  inset:-80% -20%;
  background:linear-gradient(115deg,transparent 42%,rgba(255,255,255,.08) 50%,transparent 58%);
  transform:translateX(-60%);
  animation:offerSweep 5.5s ease-in-out infinite;
  pointer-events:none;
}
@keyframes offerSweep{
  0%,55%{transform:translateX(-65%)}
  90%,100%{transform:translateX(65%)}
}
.price strong{
  display:inline-block;
  transition:transform .3s ease;
}
.price-box:hover .price strong{
  transform:scale(1.08);
}

/* FAQ mais dinâmico */
details{
  transition:border-color .3s ease,box-shadow .3s ease,transform .3s ease;
}
details:hover{
  border-color:rgba(25,195,125,.55);
  transform:translateX(4px);
}
details[open]{
  box-shadow:0 15px 38px rgba(7,26,47,.08);
  border-color:rgba(25,195,125,.6);
}

/* CTA móvel fixo */
.mobile-sticky-cta{
  display:none;
  position:fixed;
  left:12px;
  right:12px;
  bottom:12px;
  z-index:90;
  background:linear-gradient(135deg,var(--green),#42e49b);
  color:#052016;
  border-radius:14px;
  text-align:center;
  padding:15px 18px;
  font-weight:900;
  box-shadow:0 18px 40px rgba(0,0,0,.28);
  animation:stickyPulse 2.4s ease-in-out infinite;
}
@keyframes stickyPulse{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-4px)}
}

/* Cursor luminoso em telas grandes */
.cursor-glow{
  position:fixed;
  width:260px;
  height:260px;
  border-radius:50%;
  pointer-events:none;
  z-index:0;
  background:radial-gradient(circle,rgba(25,195,125,.07),transparent 68%);
  transform:translate(-50%,-50%);
  transition:opacity .25s ease;
}

/* Números animados */
.counting{
  display:inline-block;
  min-width:2ch;
}

/* Preferência de acessibilidade */
@media (prefers-reduced-motion:reduce){
  *,
  *::before,
  *::after{
    animation-duration:.01ms!important;
    animation-iteration-count:1!important;
    scroll-behavior:auto!important;
    transition-duration:.01ms!important;
  }
}

@media(max-width:620px){
  body{padding-bottom:78px}
  .mobile-sticky-cta{display:block}
  .cursor-glow{display:none}
  .btn-primary{animation:buttonPulse 3.2s ease-in-out infinite}
}


/* ===== VX HUB PREMIUM EDITION ===== */
:root{--electric:#78ff00;--electric-soft:#b6ff66;--black:#02060b}
#electric-canvas{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:1;opacity:.45}
body>*:not(#electric-canvas):not(.preloader):not(.whatsapp-float):not(.mobile-sticky-cta):not(.scroll-progress):not(.cursor-glow){position:relative;z-index:2}
.preloader{position:fixed!important;inset:0;z-index:10000!important;background:#02060b;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;transition:opacity .7s ease,visibility .7s ease}
.preloader img{width:min(420px,72vw);filter:drop-shadow(0 0 24px rgba(120,255,0,.45));animation:preLogo 1.4s ease-in-out infinite alternate}
.preloader span{font-size:11px;letter-spacing:3px;color:#9fb18e}
.preloader-ring{position:absolute;width:190px;height:190px;border:1px solid rgba(120,255,0,.18);border-top-color:var(--electric);border-radius:50%;animation:spin 1.2s linear infinite}
.preloader.hidden{opacity:0;visibility:hidden}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes preLogo{to{transform:scale(1.025);filter:drop-shadow(0 0 42px rgba(120,255,0,.7))}}
.premium-logo img{height:68px;width:auto;max-width:260px;object-fit:contain;border-radius:10px}
.footer-brand img{height:76px}
.nav{position:relative;z-index:5}
.nav::after{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background:linear-gradient(90deg,transparent,rgba(120,255,0,.55),transparent)}
.premium-status{display:flex;align-items:center;justify-content:center;gap:10px;width:max-content;max-width:calc(100% - 30px);margin:4px auto 0;padding:8px 14px;border:1px solid rgba(120,255,0,.24);border-radius:99px;background:rgba(4,15,22,.45);backdrop-filter:blur(12px);font-size:11px;color:#c9d8c0;letter-spacing:.4px}
.status-dot{width:8px;height:8px;background:var(--electric);border-radius:50%;box-shadow:0 0 0 0 rgba(120,255,0,.7);animation:statusPulse 2s infinite}
@keyframes statusPulse{70%{box-shadow:0 0 0 10px rgba(120,255,0,0)}100%{box-shadow:0 0 0 0 rgba(120,255,0,0)}}
.hero{background:radial-gradient(circle at 73% 26%,rgba(120,255,0,.13),transparent 24%),linear-gradient(145deg,#01050a 0%,#061421 52%,#02070c 100%)}
.hero:before{background:linear-gradient(90deg,transparent,rgba(120,255,0,.07),transparent);width:100%;height:1px;top:38%;left:0;animation:scanline 5s linear infinite}
@keyframes scanline{0%{transform:translateY(-260px)}100%{transform:translateY(420px)}}
.btn-primary{background:linear-gradient(110deg,#59d800,#9cff35,#62e800);background-size:220% 100%;animation:buttonPulse 2.6s ease-in-out infinite,gradientFlow 3.5s linear infinite;color:#041008}
@keyframes gradientFlow{to{background-position:220% 0}}
.product-visual{perspective:1100px}
.product-visual:hover .screen{transform:rotateY(-5deg) rotateX(3deg) translateY(-10px)}
.product-visual:hover .product-box{transform:rotateY(6deg) rotateX(-2deg) translateY(4px)}
.screen,.product-box{transition:transform .55s var(--ease-out)}
.configurator{background:linear-gradient(135deg,#04111d,#071a2f);color:white;overflow:hidden}
.configurator:before{content:"";position:absolute;width:520px;height:520px;border:1px solid rgba(120,255,0,.12);border-radius:50%;right:-180px;top:-220px;box-shadow:0 0 120px rgba(120,255,0,.06)}
.profile-tabs{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}
.profile-tab{border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.04);color:#dce8e1;padding:12px 18px;border-radius:999px;font-weight:800;cursor:pointer;transition:.3s}
.profile-tab:hover,.profile-tab.active{background:var(--electric);color:#041008;border-color:var(--electric);box-shadow:0 0 26px rgba(120,255,0,.28)}
.glass-card{background:linear-gradient(145deg,rgba(255,255,255,.1),rgba(255,255,255,.035));border:1px solid rgba(255,255,255,.15);border-radius:24px;padding:36px;box-shadow:0 28px 80px rgba(0,0,0,.28);backdrop-filter:blur(18px)}
.profile-result span{color:var(--electric);font-size:12px;font-weight:900;letter-spacing:2px}
.profile-result p{color:#bdccd7}
.result-meter{height:7px;border-radius:10px;background:rgba(255,255,255,.1);overflow:hidden;margin:28px 0 12px}
.result-meter span{display:block;width:84%;height:100%;background:linear-gradient(90deg,var(--green),var(--electric));box-shadow:0 0 16px rgba(120,255,0,.5);transition:width .6s var(--ease-out)}
.profile-result small{color:#8fa6b4}
.energy-divider{height:2px;background:#02060b;overflow:hidden}
.energy-divider span{display:block;width:22%;height:100%;background:linear-gradient(90deg,transparent,var(--electric),transparent);animation:energyRun 2.8s linear infinite}
@keyframes energyRun{from{transform:translateX(-120%)}to{transform:translateX(560%)}}
.card,.bonus-card,.drawing-card,.offer-card,.folder-visual{border-color:rgba(120,255,0,.12)}
.card:hover,.bonus-card:hover,.drawing-card:hover{box-shadow:0 25px 65px rgba(52,170,0,.12),0 0 0 1px rgba(120,255,0,.18)}
.whatsapp-float{box-shadow:0 0 0 0 rgba(37,211,102,.5),0 16px 35px rgba(0,0,0,.3);animation:whatsappPulse 2.2s infinite}
@keyframes whatsappPulse{70%{box-shadow:0 0 0 14px rgba(37,211,102,0),0 16px 35px rgba(0,0,0,.3)}}
@media(max-width:620px){.premium-logo img{height:52px;max-width:190px}.premium-status{font-size:9px}.preloader img{width:82vw}.profile-tabs{display:grid;grid-template-columns:1fr}.profile-tab{width:100%}}

/* ===== CORREÇÕES DE LAYOUT E POSICIONAMENTO ===== */
html,
body{
  margin:0 !important;
  padding:0;
  width:100%;
  min-height:100%;
  overflow-x:hidden;
  background:#02060b !important;
}

body{
  position:relative;
}

/* Evita que a regra premium altere elementos que precisam permanecer fixos */
body > .whatsapp-float,
body > .mobile-sticky-cta,
body > .scroll-progress,
body > .cursor-glow,
body > .preloader,
body > #electric-canvas{
  position:fixed;
}

/* Fundo elétrico limitado à janela, sem criar altura extra */
#electric-canvas{
  position:fixed !important;
  inset:0 !important;
  width:100vw !important;
  height:100vh !important;
  display:block;
  pointer-events:none;
  z-index:1;
}

/* WhatsApp sempre no canto inferior direito */
.whatsapp-float{
  position:fixed !important;
  right:24px !important;
  bottom:24px !important;
  top:auto !important;
  left:auto !important;
  width:60px;
  height:60px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background:#25d366;
  color:#fff;
  font-size:0;
  z-index:9998 !important;
  transform:none !important;
  text-decoration:none;
  box-shadow:0 0 0 0 rgba(37,211,102,.48),0 14px 34px rgba(0,0,0,.42);
}

.whatsapp-float::before{
  content:"";
  width:31px;
  height:31px;
  display:block;
  background-repeat:no-repeat;
  background-position:center;
  background-size:contain;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='white' d='M19.11 17.34c-.28-.14-1.64-.81-1.9-.9-.25-.09-.44-.14-.62.14-.19.28-.72.9-.88 1.09-.16.19-.32.21-.6.07-.28-.14-1.18-.43-2.24-1.39-.83-.74-1.39-1.65-1.55-1.93-.16-.28-.02-.43.12-.57.13-.13.28-.32.42-.48.14-.16.19-.28.28-.46.09-.19.05-.35-.02-.49-.07-.14-.62-1.5-.85-2.05-.22-.54-.45-.47-.62-.48h-.53c-.19 0-.49.07-.74.35-.25.28-.97.95-.97 2.31s1 2.68 1.13 2.87c.14.19 1.96 2.99 4.75 4.19.66.29 1.18.46 1.59.59.67.21 1.27.18 1.75.11.53-.08 1.64-.67 1.87-1.32.23-.65.23-1.2.16-1.32-.07-.12-.25-.19-.53-.32z'/%3E%3Cpath fill='white' d='M16.04 3C8.86 3 3.02 8.81 3.02 15.96c0 2.29.6 4.53 1.74 6.5L3 29l6.71-1.76a13.03 13.03 0 0 0 6.33 1.61h.01c7.18 0 13.02-5.82 13.02-12.97C29.07 8.81 23.23 3 16.04 3zm0 23.66h-.01c-1.94 0-3.85-.52-5.51-1.5l-.39-.23-3.98 1.04 1.06-3.87-.25-.4a10.72 10.72 0 0 1-1.65-5.74c0-5.94 4.82-10.77 10.74-10.77 5.93 0 10.75 4.83 10.75 10.77 0 5.94-4.82 10.77-10.76 10.77z'/%3E%3C/svg%3E");
}

.whatsapp-float:hover{
  transform:translateY(-4px) scale(1.04) !important;
  filter:brightness(1.06);
}

/* Garante continuidade visual do começo ao fim */
.hero{
  margin-top:0 !important;
}

main,
footer,
.energy-divider,
.cta-final{
  margin:0;
}

footer{
  margin:0 !important;
  background:#02060b !important;
  padding-bottom:25px;
}

footer > :last-child{
  margin-bottom:0 !important;
}

.footer-bottom p{
  margin-bottom:0;
}

/* Preloader não ocupa espaço depois de removido */
.preloader.hidden{
  opacity:0;
  visibility:hidden;
  pointer-events:none;
}

@media(max-width:620px){
  body{
    padding-bottom:78px;
    background:#02060b !important;
  }

  .whatsapp-float{
    right:16px !important;
    bottom:92px !important;
    width:56px;
    height:56px;
  }

  .mobile-sticky-cta{
    position:fixed !important;
    left:12px !important;
    right:12px !important;
    bottom:12px !important;
    top:auto !important;
    z-index:9997 !important;
  }
}


/* ===== SELO PREMIUM DE GARANTIA ===== */
.guarantee-seal-premium{
  position:relative;
  width:220px;
  min-height:250px;
  margin:auto;
  padding:28px 22px 24px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  color:#fff;
  background:
    radial-gradient(circle at 50% 20%,rgba(255,255,255,.2),transparent 24%),
    linear-gradient(160deg,#0e3c68 0%,#071a2f 52%,#04111f 100%);
  clip-path:polygon(50% 0,91% 14%,96% 66%,50% 100%,4% 66%,9% 14%);
  border:1px solid rgba(255,255,255,.28);
  filter:drop-shadow(0 18px 30px rgba(7,26,47,.28));
  isolation:isolate;
  overflow:hidden;
}
.guarantee-seal-premium::before{
  content:"";
  position:absolute;
  inset:8px;
  clip-path:inherit;
  border:3px solid var(--green);
  z-index:-1;
  opacity:.95;
}
.guarantee-seal-premium::after{
  content:"";
  position:absolute;
  inset:18px;
  clip-path:inherit;
  border:1px solid rgba(255,255,255,.18);
  z-index:-1;
}
.seal-shine{
  position:absolute;
  top:-40%;
  left:-80%;
  width:70%;
  height:180%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.28),transparent);
  transform:rotate(18deg);
  animation:sealShine 4.8s ease-in-out infinite;
  pointer-events:none;
}
.seal-check{
  width:42px;
  height:42px;
  border-radius:50%;
  display:grid;
  place-items:center;
  margin-bottom:9px;
  background:linear-gradient(180deg,#5cff9d,var(--green));
  color:#04150d;
  font-size:24px;
  font-weight:900;
  box-shadow:0 0 20px rgba(25,195,125,.55);
}
.seal-title{
  font:800 15px/1.05 Montserrat,Inter,sans-serif;
  letter-spacing:1.4px;
  color:#dff8ec;
}
.seal-days{
  display:flex;
  align-items:baseline;
  justify-content:center;
  gap:8px;
  margin:7px 0 4px;
  white-space:nowrap;
}
.seal-days strong{
  display:block;
  margin:0;
  font:900 66px/.88 Montserrat,Inter,sans-serif;
  color:#fff;
  text-shadow:0 0 22px rgba(25,195,125,.28);
}
.seal-days span{
  display:block;
  margin:0;
  font:800 18px/1 Montserrat,Inter,sans-serif;
  letter-spacing:1px;
  color:var(--green);
}
.seal-refund{
  max-width:150px;
  font:700 10px/1.35 Inter,sans-serif;
  letter-spacing:.45px;
  color:#bdd1df;
}
.guarantee-seal-premium:hover{
  transform:translateY(-5px) scale(1.02);
  transition:transform .35s cubic-bezier(.16,1,.3,1),filter .35s ease;
  filter:drop-shadow(0 24px 36px rgba(7,26,47,.38));
}
@keyframes sealShine{
  0%,55%{left:-85%;opacity:0}
  70%{opacity:1}
  100%{left:120%;opacity:0}
}
@media(max-width:620px){
  .guarantee-seal-premium{width:205px;min-height:235px}
  .seal-days strong{font-size:60px}
}