/* Elooo CRM: site de vendas. Identidade igual ao login (elooo-crm.css). Só CSS próprio; animações em transform/opacity. */
:root{
  --laranja:#FC4C00; --laranja-h:#ff6a26; --laranja-2:#ff9a3c;
  --fundo:#120d0b; --cartao:#1b1512; --cartao-2:#211a16; --campo:#0f0b09;
  --borda:rgba(252,76,0,.18); --borda-forte:rgba(252,76,0,.42);
  --texto:#f6efe9; --suave:#b9aaa0; --apagado:#857669; --verde:#3ddc84;
  --raio:18px; --max:1180px;
  --ease:cubic-bezier(.2,.8,.2,1); --mola:cubic-bezier(.34,1.56,.64,1);
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{
  margin:0; font-family:'DM Sans',system-ui,sans-serif; font-size:17px; line-height:1.6;
  color:var(--texto); background-color:var(--fundo);
  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:44px 44px; overflow-x:hidden;
}
@supports (overflow-x:clip){body,main{overflow-x:clip}}
@supports not (overflow-x:clip){main{overflow-x:hidden}}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
h1,h2,h3,h4{font-family:'Sora',sans-serif;line-height:1.15;margin:0 0 .5em;letter-spacing:-.02em}
h1{font-weight:800;font-size:clamp(2.3rem,6.4vw,5rem);line-height:1.04}
h2{font-weight:800;font-size:clamp(1.8rem,4vw,2.9rem)}
h3{font-weight:700;font-size:1.15rem}
p{margin:0 0 1em}
h1,h2{text-wrap:balance}
.suave{color:var(--suave)}
.laranja{color:var(--laranja)}
.grad{background:linear-gradient(90deg,var(--laranja),var(--laranja-2),var(--laranja));background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:gradCorre 6s linear infinite}
@keyframes gradCorre{to{background-position:-200% 0}}
.wrap{width:100%;max-width:var(--max);margin:0 auto;padding:0 24px}
section{position:relative;padding:110px 0;scroll-margin-top:40px}
.sec-topo{text-align:center;max-width:760px;margin:0 auto 56px}
.sec-topo p{color:var(--suave);font-size:1.08rem}
.etiqueta{display:inline-flex;align-items:center;gap:8px;font-size:.78rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--laranja);background:rgba(252,76,0,.08);border:1px solid var(--borda);padding:6px 14px;border-radius:99px;margin-bottom:18px}
.etiqueta::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--laranja);box-shadow:0 0 10px var(--laranja);animation:pisca 2s ease-in-out infinite}
@keyframes pisca{50%{opacity:.35;transform:scale(.7)}}

/* barra de progresso de leitura */
.progresso{position:fixed;top:0;left:0;right:0;height:3px;z-index:60;background:linear-gradient(90deg,var(--laranja),var(--laranja-2));transform-origin:0 50%;transform:scaleX(0);pointer-events:none}

/* brilhos de fundo */
.brilhos{position:fixed;inset:0;pointer-events:none;z-index:-1;overflow:hidden}
.brilhos span{position:absolute;border-radius:50%;filter:blur(90px);will-change:transform}
.brilhos span:nth-child(1){width:620px;height:620px;top:-220px;left:-180px;background:rgba(252,76,0,.26);animation:flutua 16s ease-in-out infinite alternate}
.brilhos span:nth-child(2){width:520px;height:520px;bottom:-240px;right:-160px;background:rgba(255,150,60,.11);animation:flutua 20s ease-in-out infinite alternate-reverse}
.brilhos span:nth-child(3){width:380px;height:380px;top:45%;left:55%;background:rgba(252,76,0,.07);animation:flutua 24s ease-in-out infinite alternate}
@keyframes flutua{0%{transform:translate(0,0) scale(1)}50%{transform:translate(60px,40px) scale(1.08)}100%{transform:translate(-30px,80px) scale(.95)}}

/* botões */
.btn{position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-family:'Sora',sans-serif;font-weight:700;font-size:.98rem;border-radius:12px;padding:15px 26px;border:0;cursor:pointer;transition:transform .25s var(--ease),box-shadow .25s var(--ease),background .25s,border-color .25s;white-space:nowrap}
.btn-laranja{color:#fff;background:linear-gradient(135deg,var(--laranja) 0%,var(--laranja-h) 55%,var(--laranja-2) 100%);box-shadow:0 10px 30px -10px rgba(252,76,0,.75),inset 0 1px 0 rgba(255,255,255,.25)}
.btn-laranja::after{content:'';position:absolute;top:0;left:0;width:60%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.45),transparent);transform:translateX(-220%) skewX(-20deg);animation:brilho 3.6s ease-in-out infinite}
@keyframes brilho{0%,60%{transform:translateX(-220%) skewX(-20deg)}100%{transform:translateX(280%) skewX(-20deg)}}
.btn-laranja:hover{transform:translateY(-2px);box-shadow:0 16px 40px -12px rgba(252,76,0,.9),inset 0 1px 0 rgba(255,255,255,.3)}
.btn-contorno{color:var(--texto);background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.14)}
.btn-contorno:hover{border-color:var(--laranja);color:#fff;background:rgba(252,76,0,.08);transform:translateY(-2px)}
.btn-peq{padding:10px 18px;font-size:.88rem;border-radius:10px}
.btn .seta{transition:transform .25s var(--ease)}
.btn:hover .seta{transform:translateX(4px)}
.btn:focus-visible,a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--laranja-2);outline-offset:3px}

/* topo */
.topo{position:fixed;top:0;left:0;right:0;z-index:50;transition:background .3s,border-color .3s;border-bottom:1px solid transparent}
.topo.rolou{background:rgba(18,13,11,.8);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom-color:rgba(252,76,0,.14)}
.topo .wrap{display:flex;align-items:center;justify-content:space-between;height:76px;gap:16px}
.topo .logo img{height:40px;width:auto;filter:drop-shadow(0 0 12px rgba(252,76,0,.35))}
.topo nav{display:flex;gap:26px}
.topo nav a{color:var(--suave);font-weight:500;font-size:.95rem;position:relative;transition:color .2s}
.topo nav a::after{content:'';position:absolute;left:0;bottom:-6px;width:100%;height:2px;background:var(--laranja);transform:scaleX(0);transform-origin:0 50%;transition:transform .3s var(--ease)}
.topo nav a:hover{color:#fff}
.topo nav a:hover::after{transform:scaleX(1)}
.topo .acoes{display:flex;gap:10px;align-items:center}
.menu-btn{display:none;background:none;border:1px solid rgba(255,255,255,.14);border-radius:10px;width:42px;height:42px;color:#fff;cursor:pointer;align-items:center;justify-content:center;flex:none}
.menu-btn span,.menu-btn span::before,.menu-btn span::after{display:block;width:18px;height:2px;background:#fff;position:relative;transition:transform .3s}
.menu-btn span::before,.menu-btn span::after{content:'';position:absolute;left:0}
.menu-btn span::before{top:-6px}.menu-btn span::after{top:6px}
.menu-btn[aria-expanded="true"] span{background:transparent}
.menu-btn[aria-expanded="true"] span::before{transform:translateY(6px) rotate(45deg)}
.menu-btn[aria-expanded="true"] span::after{transform:translateY(-6px) rotate(-45deg)}
.menu-mob{display:none}

/* seletor de idioma */
.idioma{position:relative}
.idioma-btn{display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 11px;border-radius:10px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.14);color:var(--texto);font:700 .82rem 'Sora',sans-serif;cursor:pointer;transition:border-color .2s}
.idioma-btn:hover,.idioma-btn[aria-expanded="true"]{border-color:var(--laranja)}
.idioma-btn svg{color:var(--laranja)}
.idioma-menu{position:absolute;right:0;top:calc(100% + 8px);min-width:230px;max-height:70vh;overflow:auto;list-style:none;margin:0;padding:6px;background:rgba(27,21,18,.98);border:1px solid var(--borda-forte);border-radius:14px;box-shadow:0 30px 60px -20px rgba(0,0,0,.7);opacity:0;transform:translateY(-6px) scale(.98);transform-origin:top right;pointer-events:none;transition:opacity .2s,transform .2s var(--ease);z-index:70}
.idioma.aberto .idioma-menu{opacity:1;transform:none;pointer-events:auto}
.idioma-menu a{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:9px;font-size:.92rem;color:var(--suave)}
.idioma-menu a:hover,.idioma-menu a:focus-visible{background:rgba(252,76,0,.12);color:#fff}
.idioma-menu a[aria-current]{color:#fff}
.idioma-menu b{flex:none;min-width:38px;text-align:center;padding:2px 6px;border-radius:6px;background:rgba(252,76,0,.12);color:var(--laranja);font:700 .72rem 'Sora',sans-serif;letter-spacing:.04em}
.idioma-menu a[aria-current] b{background:var(--laranja);color:#fff}

/* HERO */
.hero{padding:160px 0 70px;text-align:center;overflow:hidden;isolation:isolate}
.hero::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(520px circle at var(--mx,50%) var(--my,30%),rgba(252,76,0,.14),transparent 60%)}
.aurora{position:absolute;inset:-10% -10% auto;height:900px;z-index:-1;pointer-events:none;overflow:hidden;-webkit-mask-image:linear-gradient(#000 40%,transparent);mask-image:linear-gradient(#000 40%,transparent)}
.aurora i{position:absolute;border-radius:50%;filter:blur(70px);opacity:.55;will-change:transform}
.aurora i:nth-child(1){width:60vw;height:340px;left:5%;top:60px;background:radial-gradient(closest-side,rgba(252,76,0,.55),transparent);animation:aurora1 14s ease-in-out infinite alternate}
.aurora i:nth-child(2){width:45vw;height:300px;right:0;top:140px;background:radial-gradient(closest-side,rgba(255,154,60,.35),transparent);animation:aurora2 18s ease-in-out infinite alternate}
.aurora i:nth-child(3){width:40vw;height:260px;left:30%;top:360px;background:radial-gradient(closest-side,rgba(252,76,0,.3),transparent);animation:aurora1 22s ease-in-out infinite alternate-reverse}
@keyframes aurora1{to{transform:translate(12vw,40px) rotate(8deg) scale(1.15)}}
@keyframes aurora2{to{transform:translate(-14vw,-30px) rotate(-10deg) scale(1.1)}}
.hero h1{max-width:1000px;margin:0 auto 22px}
.hero .sub{max-width:700px;margin:0 auto 34px;color:var(--suave);font-size:1.15rem}
.hero .ctas{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
.selos{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:28px;padding:0;list-style:none}
.selos li{display:flex;align-items:center;gap:8px;font-size:.9rem;color:var(--suave);background:rgba(27,21,18,.7);border:1px solid var(--borda);padding:8px 14px;border-radius:99px}
.selos svg{width:16px;height:16px;color:var(--laranja);flex:none}

/* palavra que troca + risco desenhado */
.troca{position:relative;display:inline-block;vertical-align:top;white-space:nowrap;max-width:100%;color:var(--suave);transition:width .5s var(--ease)}
.troca-p{display:inline-block;transition:transform .45s var(--ease),opacity .45s}
.troca-p.sai{transform:translateY(-70%);opacity:0}
.troca-p.entra{transform:translateY(70%);opacity:0;transition:none}
.risco{position:absolute;left:-4%;width:108%;top:44%;height:.42em;overflow:visible;pointer-events:none}
.risco path{fill:none;stroke:var(--laranja);stroke-width:5;stroke-linecap:round;stroke-dasharray:240;stroke-dashoffset:240;filter:drop-shadow(0 0 6px rgba(252,76,0,.6))}
.risco.desenha path{stroke-dashoffset:0;transition:stroke-dashoffset .6s cubic-bezier(.6,.1,.3,1)}

/* ciclo com ponto que corre */
.ciclo{position:relative;max-width:760px;margin:46px auto 0;display:grid;grid-template-columns:repeat(4,1fr);padding-top:4px}
.ciclo-linha{position:absolute;top:14px;left:12.5%;right:12.5%;height:2px;background:rgba(255,255,255,.08);border-radius:2px;overflow:hidden}
.ciclo-linha i{position:absolute;inset:0;background:linear-gradient(90deg,var(--laranja),var(--laranja-2));transform-origin:0 50%;transform:scaleX(0);transition:transform .9s var(--ease)}
.ciclo-ponto{position:absolute;top:8px;left:calc(12.5% - 7px);width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:0 0 0 4px rgba(252,76,0,.35),0 0 22px 4px rgba(252,76,0,.8);transition:transform .9s var(--ease);z-index:2}
.ciclo-et{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:10px}
.ciclo-et i{width:22px;height:22px;border-radius:50%;background:var(--cartao);border:2px solid rgba(255,255,255,.14);transition:border-color .4s,background .4s,box-shadow .4s}
.ciclo-et b{font:700 .74rem 'Sora',sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--apagado);transition:color .4s}
.ciclo-et.on i{border-color:var(--laranja);background:rgba(252,76,0,.25);box-shadow:0 0 16px rgba(252,76,0,.6)}
.ciclo-et.on b{color:#fff}
.ciclo-volta{grid-column:1/-1;margin:12px 0 0;color:var(--apagado);font-size:.82rem}
.ciclo-volta svg{width:14px;height:14px;vertical-align:-2px;color:var(--laranja);animation:gira 4s linear infinite}
@keyframes gira{to{transform:rotate(360deg)}}

/* mock do painel */
.mock-zona{margin:64px auto 0;max-width:1080px;perspective:1600px}
.mock{position:relative;text-align:left;border-radius:20px;background:linear-gradient(180deg,#1d1612,#140f0c);border:1px solid var(--borda-forte);box-shadow:0 60px 120px -50px rgba(252,76,0,.6),0 0 0 1px rgba(255,255,255,.03) inset;transform:rotateX(var(--tilt,0deg)) scale(var(--esc,1));transform-origin:50% 0;will-change:transform;overflow:hidden}
.mock::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.05) 45%,transparent 60%);transform:translateX(-100%);animation:reflexo 7s ease-in-out infinite}
@keyframes reflexo{0%,55%{transform:translateX(-100%)}100%{transform:translateX(100%)}}
.mk-barra{display:flex;align-items:center;gap:7px;padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.06);background:rgba(10,7,6,.5)}
.mk-barra i{width:10px;height:10px;border-radius:50%;background:#3a2e28}
.mk-barra i:first-child{background:#ff5f57}.mk-barra i:nth-child(2){background:#febc2e}.mk-barra i:nth-child(3){background:#28c840}
.mk-barra span{margin:0 auto;font-size:.75rem;color:var(--apagado);background:rgba(255,255,255,.04);padding:3px 14px;border-radius:7px}
.mk-corpo{display:grid;grid-template-columns:58px 1fr 290px;min-height:400px}
.mk-lado{display:flex;flex-direction:column;align-items:center;gap:10px;padding:14px 0;border-right:1px solid rgba(255,255,255,.05);background:rgba(10,7,6,.35)}
.mk-lado img{width:28px;height:auto;margin-bottom:8px}
.mk-lado span{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;color:var(--apagado)}
.mk-lado span.on{background:rgba(252,76,0,.16);color:var(--laranja)}
.mk-lado svg{width:18px;height:18px}
.mk-funil{padding:16px;min-width:0}
.mk-cab{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}
.mk-cab b{font:700 .95rem 'Sora',sans-serif}
.mk-vivo{display:inline-flex;align-items:center;gap:6px;font-size:.72rem;color:var(--verde);text-transform:uppercase;letter-spacing:.1em}
.mk-vivo i{width:7px;height:7px;border-radius:50%;background:var(--verde);animation:pisca 1.4s infinite}
.mk-colunas{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.mk-col{background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.05);border-radius:12px;padding:8px;min-height:318px}
.mk-col:last-child{background:rgba(61,220,132,.04);border-color:rgba(61,220,132,.15)}
.mk-col-t{display:flex;justify-content:space-between;align-items:center;font-size:.72rem;font-weight:700;color:var(--suave);text-transform:uppercase;letter-spacing:.06em;padding:2px 4px 8px;gap:4px}
.mk-col-t span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mk-col-t em{font-style:normal;flex:none;min-width:20px;text-align:center;padding:1px 6px;border-radius:99px;background:rgba(252,76,0,.14);color:var(--laranja)}
.mk-col:last-child .mk-col-t em{background:rgba(61,220,132,.14);color:var(--verde)}
.mk-col-c{display:flex;flex-direction:column;gap:8px}
.mk-card{display:flex;align-items:center;gap:8px;padding:9px;border-radius:10px;background:#251d18;border:1px solid rgba(255,255,255,.06);font-size:.8rem;transition:box-shadow .3s,border-color .3s;will-change:transform;position:relative}
.mk-card .av{flex:none;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font:700 .62rem 'Sora',sans-serif;color:#fff;background:linear-gradient(135deg,var(--laranja),var(--laranja-2))}
.mk-card .nm{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}
.mk-card .lg{margin-left:auto;flex:none;width:16px;height:16px;border-radius:4px;background:#fff;padding:2px}
.mk-card .lg img{width:12px;height:12px}
.mk-card.pega{border-color:var(--laranja);box-shadow:0 18px 30px -12px rgba(252,76,0,.7);z-index:5}
.mk-card.some{opacity:0;transform:scale(.9);transition:opacity .35s,transform .35s}
.mk-card.nasce{animation:nasce .45s var(--mola) both}
@keyframes nasce{from{opacity:0;transform:scale(.85)}}
.mk-col:last-child .mk-card .av{background:linear-gradient(135deg,#1fae62,var(--verde))}
.mk-caixa{border-left:1px solid rgba(255,255,255,.05);padding:16px;background:rgba(10,7,6,.25);min-width:0}
.mk-badge{min-width:22px;text-align:center;font-size:.72rem;font-weight:700;padding:2px 7px;border-radius:99px;background:var(--laranja);color:#fff}
.mk-badge.bate{animation:bate .5s var(--mola)}
@keyframes bate{40%{transform:scale(1.35)}}
#caixa{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.mk-msg{display:flex;gap:10px;align-items:flex-start;padding:10px;border-radius:12px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.05);will-change:transform}
.mk-msg.nova{background:rgba(252,76,0,.1);border-color:var(--borda-forte);animation:msgEntra .55s var(--ease) both}
@keyframes msgEntra{from{opacity:0;transform:translateY(-16px) scale(.97)}}
.mk-msg .lg{flex:none;width:28px;height:28px;border-radius:8px;background:#fff;display:grid;place-items:center}
.mk-msg .lg img{width:17px;height:17px}
.mk-msg div{min-width:0;flex:1}
.mk-msg b{display:flex;justify-content:space-between;gap:6px;font-size:.8rem}
.mk-msg b small{color:var(--apagado);font-weight:400;font-size:.7rem}
.mk-msg span{display:block;font-size:.76rem;color:var(--suave);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mk-toast{position:absolute;left:50%;bottom:18px;display:flex;align-items:center;gap:10px;padding:10px 16px;border-radius:12px;background:rgba(27,21,18,.96);border:1px solid rgba(61,220,132,.4);box-shadow:0 20px 40px -14px rgba(0,0,0,.8);font-size:.84rem;font-weight:500;opacity:0;transform:translate(-50%,20px);transition:opacity .35s,transform .45s var(--mola);pointer-events:none;white-space:nowrap;max-width:calc(100% - 24px);z-index:6}
.mk-toast svg{width:18px;height:18px;color:var(--verde);flex:none}
.mk-toast span{overflow:hidden;text-overflow:ellipsis}
.mk-toast.on{opacity:1;transform:translate(-50%,0)}

/* cursor de demonstração (partilhado) */
.cursor-demo{position:absolute;left:0;top:0;z-index:8;pointer-events:none;transform:translate(var(--cx,60%),var(--cy,80%));transition:transform .8s cubic-bezier(.5,0,.2,1);filter:drop-shadow(0 4px 8px rgba(0,0,0,.6))}
.cursor-demo svg{display:block;transition:transform .15s}
.cursor-demo.clica svg{transform:scale(.82)}
.cursor-demo::after{content:'';position:absolute;left:-12px;top:-12px;width:28px;height:28px;border-radius:50%;border:2px solid var(--laranja-2);opacity:0;transform:scale(.3)}
.cursor-demo.clica::after{animation:toque .5s ease-out}
@keyframes toque{0%{opacity:.9;transform:scale(.3)}100%{opacity:0;transform:scale(1.6)}}

/* marquee de logos */
.canais{padding:70px 0 80px;border-top:1px solid rgba(255,255,255,.05);border-bottom:1px solid rgba(255,255,255,.05);background:rgba(15,11,9,.5)}
.canais h2{font-size:clamp(1.3rem,2.6vw,1.8rem);text-align:center;margin:0 16px 34px}
.marquee{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
.marquee+.marquee{margin-top:14px}
.trilho{display:flex;gap:14px;width:max-content;animation:corre 50s linear infinite;will-change:transform}
.marquee.inv .trilho{animation-direction:reverse;animation-duration:56s}
.marquee:hover .trilho{animation-play-state:paused}
@keyframes corre{to{transform:translateX(calc(-50% - 7px))}}
.logo-chip{display:flex;align-items:center;gap:11px;padding:10px 18px 10px 10px;border-radius:14px;background:var(--cartao);border:1px solid rgba(255,255,255,.07);font-weight:500;white-space:nowrap;transition:border-color .3s,transform .3s var(--ease),background .3s}
.logo-chip:hover{border-color:var(--borda-forte);transform:translateY(-3px);background:#231b16}
.logo-tile{flex:none;width:36px;height:36px;border-radius:10px;background:#fff;display:grid;place-items:center;box-shadow:0 4px 14px -6px rgba(0,0,0,.6)}
.logo-tile.amarelo{background:#FFE01B}
.logo-tile img{width:22px;height:22px}
.canais-nota{text-align:center;color:var(--apagado);font-size:.78rem;margin:22px 16px 0}
.numeros{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:46px}
.numeros div{text-align:center;padding:22px 14px;border-radius:var(--raio);background:linear-gradient(180deg,var(--cartao-2),var(--cartao));border:1px solid var(--borda)}
.numeros b{display:block;font:800 clamp(2rem,4vw,2.8rem)/1 'Sora',sans-serif;background:linear-gradient(90deg,var(--laranja),var(--laranja-2));-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:8px;font-variant-numeric:tabular-nums}
.numeros span{color:var(--suave);font-size:.9rem;line-height:1.35;display:block}

/* cartões genéricos */
.cartao{background:linear-gradient(180deg,var(--cartao-2),var(--cartao));border:1px solid var(--borda);border-radius:var(--raio);padding:28px;position:relative;transition:transform .35s var(--ease),border-color .35s,box-shadow .35s}
.cartao::before{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(300px circle at var(--hx,50%) var(--hy,0%),rgba(252,76,0,.12),transparent 60%);opacity:0;transition:opacity .3s}
.cartao:hover{transform:translateY(-5px);border-color:var(--borda-forte);box-shadow:0 24px 50px -28px rgba(252,76,0,.6)}
.cartao:hover::before{opacity:1}
.cartao .ico{width:48px;height:48px;border-radius:13px;display:grid;place-items:center;background:rgba(252,76,0,.1);border:1px solid var(--borda);color:var(--laranja);margin-bottom:18px;transition:transform .4s var(--mola),background .3s,color .3s}
.cartao:hover .ico{transform:rotate(-8deg) scale(1.08);background:var(--laranja);color:#fff}
.cartao .ico svg{width:22px;height:22px}
.cartao p{color:var(--suave);margin:0;font-size:.97rem}

/* dores */
.dores{display:grid;grid-template-columns:repeat(6,1fr);gap:18px}
.dores .cartao{grid-column:span 2}
.dores .cartao:nth-child(4){grid-column:2/span 2}
.dores .cartao .ico{background:rgba(255,80,40,.08);color:#ff7a4a}
.dores-fim{text-align:center;margin-top:44px;font-family:'Sora',sans-serif;font-size:1.25rem;font-weight:700}

/* abas de automação com progresso que avança sozinho */
.abas{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-bottom:34px}
.aba{position:relative;overflow:hidden;font-family:'Sora',sans-serif;font-weight:600;font-size:.92rem;color:var(--suave);background:var(--cartao);border:1px solid rgba(255,255,255,.08);padding:11px 20px;border-radius:99px;cursor:pointer;transition:color .25s,border-color .25s,background .25s,box-shadow .25s}
.aba small{font-size:.72rem;opacity:.6;margin-right:6px}
.aba:hover{color:#fff;border-color:var(--borda-forte)}
.aba[aria-selected="true"]{color:#fff;background:linear-gradient(135deg,#3a1a0a,#2a140a);border-color:var(--laranja);box-shadow:0 10px 26px -12px rgba(252,76,0,.8)}
.aba .prog{position:absolute;left:0;bottom:0;height:3px;width:100%;background:linear-gradient(90deg,var(--laranja),var(--laranja-2));transform-origin:0 50%;transform:scaleX(0)}
.aba[aria-selected="true"] .prog{animation:progAba var(--dur,8s) linear forwards}
.pausa .aba .prog{animation-play-state:paused!important}
@keyframes progAba{to{transform:scaleX(1)}}
.painel-auto{display:grid;grid-template-columns:1fr 1.25fr;gap:30px;align-items:center}
.auto-n{display:inline-block;font:800 .8rem 'Sora',sans-serif;letter-spacing:.14em;color:var(--laranja);margin-bottom:10px}
.painel-auto .txt h3{font-size:1.6rem}
.painel-auto .txt p{color:var(--suave)}
.painel-auto .txt > *{animation:txtEntra .5s var(--ease) both}
.painel-auto .txt h3{animation-delay:.05s}.painel-auto .txt p{animation-delay:.1s}.painel-auto .txt .auto-res{animation-delay:.15s}
@keyframes txtEntra{from{opacity:0;transform:translateY(10px)}}
.auto-res{font-size:.92rem;border-left:2px solid var(--laranja);padding-left:12px}
.fluxo{background:var(--campo);border:1px solid var(--borda);border-radius:var(--raio);padding:26px;min-height:400px;position:relative;overflow:hidden}
.fluxo::before{content:'';position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.06) 1px,transparent 1px);background-size:18px 18px;pointer-events:none}
.fluxo .cab{position:relative;display:flex;align-items:center;gap:8px;margin-bottom:22px;color:var(--apagado);font-size:.82rem}
.fluxo .cab i{width:10px;height:10px;border-radius:50%;background:#3a2e28}
.fluxo .cab i:first-child{background:var(--laranja)}
.fluxo-estado{margin-left:auto;display:inline-flex;align-items:center;gap:6px;color:var(--verde);font-size:.75rem;text-transform:uppercase;letter-spacing:.1em}
.fluxo-estado i{width:7px!important;height:7px!important;background:var(--verde)!important;animation:pisca 1.2s infinite}
.fluxo-corpo{position:relative;min-height:330px}
.fluxo-linha{position:absolute;left:17px;top:18px;bottom:18px;width:2px;background:rgba(252,76,0,.15);border-radius:2px;overflow:hidden}
.fluxo-linha i{position:absolute;inset:0;background:linear-gradient(var(--laranja),var(--laranja-2));transform-origin:50% 0;transform:scaleY(0);transition:transform .45s var(--ease)}
.fluxo ol{list-style:none;margin:0;padding:0;position:relative}
.fluxo li{display:flex;gap:14px;align-items:center;position:relative;padding:8px 0;opacity:.2;transform:translateX(-10px);transition:opacity .45s,transform .45s var(--ease)}
.fluxo li.on{opacity:1;transform:none}
.fluxo .n{flex:none;position:relative;width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:var(--cartao);border:1px solid var(--borda);color:var(--laranja);font-family:'Sora',sans-serif;font-weight:700;font-size:.85rem;transition:background .3s,color .3s,box-shadow .3s}
.fluxo li.on .n{background:var(--laranja);color:#fff;border-color:var(--laranja);box-shadow:0 0 18px rgba(252,76,0,.55)}
.fluxo li.on .n::after{content:'';position:absolute;inset:-5px;border-radius:13px;border:2px solid var(--laranja);opacity:0;animation:ping .8s ease-out}
@keyframes ping{0%{opacity:.8;transform:scale(.85)}100%{opacity:0;transform:scale(1.35)}}
.fluxo li .cx{flex:1;min-width:0;padding:10px 14px;border-radius:12px;background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.05);transition:border-color .3s,background .3s}
.fluxo li.on .cx{border-color:var(--borda);background:rgba(252,76,0,.05)}
.fluxo li b{display:block;font-size:.95rem}
.fluxo li span{color:var(--apagado);font-size:.85rem}
.fluxo li .ok{flex:none;width:20px;height:20px;color:var(--verde);opacity:0;transform:scale(.4);transition:opacity .3s .2s,transform .4s .2s var(--mola)}
.fluxo li.on .ok{opacity:1;transform:none}

/* duas colunas */
.duas{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.lista-check{list-style:none;padding:0;margin:24px 0 30px}
.lista-check li{display:flex;gap:12px;align-items:flex-start;margin-bottom:12px;color:var(--suave)}
.lista-check li b{color:var(--texto)}
.lista-check svg{flex:none;width:20px;height:20px;color:var(--laranja);margin-top:3px}

/* elementos flutuantes */
.flutua{position:absolute;z-index:3;display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:14px;background:rgba(27,21,18,.94);border:1px solid var(--borda-forte);box-shadow:0 20px 40px -18px rgba(0,0,0,.8);animation:boia 6s ease-in-out infinite}
.flutua svg{flex:none;width:30px;height:30px;padding:6px;border-radius:9px;background:rgba(252,76,0,.15);color:var(--laranja)}
.flutua p{margin:0;line-height:1.25}
.flutua b{display:block;font-size:.82rem}
.flutua small{color:var(--apagado);font-size:.74rem}
@keyframes boia{50%{transform:translateY(-10px)}}

/* ligação */
.lig-zona{position:relative;display:flex;justify-content:center;padding:30px 0}
.lig-orbita{position:absolute;width:420px;height:420px;top:50%;left:50%;margin:-210px 0 0 -210px;border-radius:50%;border:1px dashed rgba(252,76,0,.22);animation:gira 40s linear infinite;pointer-events:none}
.lig-orbita::before{content:'';position:absolute;top:-5px;left:50%;width:10px;height:10px;border-radius:50%;background:var(--laranja);box-shadow:0 0 14px var(--laranja)}
.lig{position:relative;width:330px;max-width:100%;padding:20px;border-radius:24px;background:linear-gradient(180deg,#221a15,#16110e);border:1px solid var(--borda-forte);box-shadow:0 50px 100px -40px rgba(252,76,0,.55);z-index:2}
.lig-cab{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}
.lig-cab b{font:700 .95rem 'Sora',sans-serif}
.lig-rec{display:inline-flex;align-items:center;gap:6px;font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;color:#ff5b5b;opacity:0;transition:opacity .3s}
.lig-rec i{width:8px;height:8px;border-radius:50%;background:#ff5b5b;animation:pisca 1s infinite}
.lig[data-estado="ativo"] .lig-rec{opacity:1}
.lig-contato{text-align:center}
.lig-av{position:relative;width:84px;height:84px;margin:0 auto 12px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--laranja),var(--laranja-2));font:800 1.5rem 'Sora',sans-serif;color:#fff}
.lig-av span{position:relative;z-index:2}
.lig-av i{position:absolute;inset:0;border-radius:50%;border:2px solid var(--laranja);opacity:0}
.lig[data-estado="chamando"] .lig-av i{animation:anel 1.4s ease-out infinite}
.lig[data-estado="chamando"] .lig-av i+i{animation-delay:.7s}
@keyframes anel{0%{opacity:.8;transform:scale(1)}100%{opacity:0;transform:scale(1.7)}}
.lig-contato b{display:block;font-size:1.05rem}
.lig-contato small{color:var(--apagado);font-size:.8rem}
.lig-estado{display:flex;justify-content:center;align-items:baseline;gap:10px;margin:16px 0 10px;min-height:26px}
.lig-estado b{font-size:.9rem;color:var(--suave);font-weight:500}
.lig-tempo{font:700 1rem 'Sora',sans-serif;font-variant-numeric:tabular-nums;color:#fff;opacity:0;transition:opacity .3s}
.lig[data-estado="ativo"] .lig-tempo,.lig[data-estado="fim"] .lig-tempo{opacity:1}
.lig-onda{display:flex;align-items:center;justify-content:center;gap:4px;height:40px;margin-bottom:16px}
.lig-onda i{width:4px;height:36px;border-radius:3px;background:linear-gradient(var(--laranja-2),var(--laranja));transform:scaleY(.12);transition:transform .3s}
.lig[data-estado="ativo"] .lig-onda i{animation:onda .9s ease-in-out infinite alternate}
.lig-onda i:nth-child(3n){animation-delay:-.3s!important}.lig-onda i:nth-child(3n+1){animation-delay:-.6s!important}.lig-onda i:nth-child(4n){animation-duration:.7s!important}
@keyframes onda{0%{transform:scaleY(.15)}100%{transform:scaleY(1)}}
.lig-ctrl{display:flex;justify-content:center;gap:18px;align-items:center}
.lig-ctrl > span{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.06);color:var(--suave)}
.lig-ctrl svg{width:20px;height:20px}
.lig-ctrl .lig-gravar{color:#ff5b5b}
.lig-botao{width:60px!important;height:60px!important;background:#1fae62!important;color:#fff!important;box-shadow:0 10px 26px -8px rgba(31,174,98,.8);transition:background .3s,transform .3s}
.lig[data-estado="chamando"] .lig-botao,.lig[data-estado="ativo"] .lig-botao{background:#e5484d!important;box-shadow:0 10px 26px -8px rgba(229,72,77,.8)}
.lig[data-estado="chamando"] .lig-botao svg,.lig[data-estado="ativo"] .lig-botao svg{transform:rotate(135deg)}
.lig-botao svg{transition:transform .4s var(--ease)}
.lig-salvo{display:flex;align-items:center;gap:10px;margin-top:16px;padding:10px 12px;border-radius:12px;background:rgba(61,220,132,.08);border:1px solid rgba(61,220,132,.3);opacity:0;transform:translateY(10px) scale(.96);transition:opacity .4s,transform .5s var(--mola)}
.lig[data-estado="fim"] .lig-salvo{opacity:1;transform:none}
.lig-salvo svg{flex:none;width:22px;height:22px;color:var(--verde)}
.lig-salvo p{margin:0;line-height:1.25}
.lig-salvo b{display:block;font-size:.84rem}
.lig-salvo small{color:var(--apagado);font-size:.74rem}
.lig-zona .f1{top:30%;left:0}
.lig-zona .f2{bottom:10%;right:-2%;animation-delay:-3s}

/* chat IA */
.chat-zona{position:relative;padding:20px 0}
.chat-orbita{position:absolute;inset:-30px;pointer-events:none}
.chat-orbita i{position:absolute;inset:0;border-radius:50%;border:1px solid rgba(252,76,0,.12);animation:gira 30s linear infinite}
.chat-orbita i+i{inset:40px;border-style:dashed;animation-duration:22s;animation-direction:reverse}
.chat{position:relative;z-index:2;background:var(--cartao);border:1px solid var(--borda);border-radius:22px;overflow:hidden;box-shadow:0 40px 80px -40px rgba(252,76,0,.45)}
.chat .cab{display:flex;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.06);background:rgba(15,11,9,.6)}
.chat .av{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,var(--laranja),var(--laranja-2));display:grid;place-items:center;font-family:'Sora',sans-serif;font-weight:800;font-size:.85rem;color:#fff;position:relative}
.chat .av::after{content:'';position:absolute;inset:-4px;border-radius:50%;border:2px solid rgba(252,76,0,.5);animation:anel 2.4s ease-out infinite}
.chat .cab b{display:block;font-size:.95rem}
.chat .cab small{color:var(--verde);font-size:.78rem}
.chat .msgs{padding:22px 18px;height:450px;display:flex;flex-direction:column;justify-content:flex-end;gap:10px;overflow:hidden}
.msg{max-width:84%;padding:11px 15px;border-radius:16px;font-size:.93rem;line-height:1.45;display:none}
.msg.on{display:block;animation:entra .4s var(--ease) both}
@keyframes entra{from{opacity:0;transform:translateY(10px) scale(.98)}}
.msg.cli{align-self:flex-end;background:#2b221d;border-bottom-right-radius:5px}
.msg.ia{align-self:flex-start;background:rgba(252,76,0,.14);border:1px solid var(--borda);border-bottom-left-radius:5px}
.msg.ia.escreve::after{content:'';display:inline-block;width:2px;height:1em;background:var(--laranja);margin-left:2px;vertical-align:-2px;animation:pisca .7s steps(2) infinite}
.reserva{display:none;align-self:center;align-items:center;gap:10px;padding:10px 14px;border-radius:14px;background:rgba(61,220,132,.08);border:1px solid rgba(61,220,132,.3);width:min(100%,320px)}
.reserva.on{display:flex;animation:entra .5s var(--mola) both}
.reserva svg{flex:none;width:30px;height:30px;padding:6px;border-radius:9px;background:rgba(61,220,132,.15);color:var(--verde)}
.reserva p{margin:0;flex:1;line-height:1.25}
.reserva b{display:block;font-size:.86rem}
.reserva small{color:var(--apagado);font-size:.76rem}
.reserva > span{color:var(--verde);font-weight:800}
.digitando{align-self:flex-start;display:none;gap:4px;padding:12px 15px;background:rgba(252,76,0,.1);border-radius:16px}
.digitando.on{display:flex}
.digitando i{width:7px;height:7px;border-radius:50%;background:var(--laranja);animation:pula 1s infinite}
.digitando i:nth-child(2){animation-delay:.15s}.digitando i:nth-child(3){animation-delay:.3s}
@keyframes pula{0%,60%,100%{transform:translateY(0);opacity:.5}30%{transform:translateY(-5px);opacity:1}}
.chat-estado{position:absolute;z-index:3;right:-18px;top:70px;display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:14px;background:rgba(27,21,18,.96);border:1px solid var(--borda-forte);box-shadow:0 20px 40px -18px rgba(0,0,0,.8);opacity:0;transform:translateY(12px) scale(.95);transition:opacity .4s,transform .5s var(--mola)}
.chat-estado.on{opacity:1;transform:none}
.chat-estado svg{flex:none;width:30px;height:30px;padding:6px;border-radius:9px;background:var(--laranja);color:#fff}
.chat-estado p{margin:0;line-height:1.25}
.chat-estado b{display:block;font-size:.84rem}
.chat-estado small{color:var(--apagado);font-size:.74rem}

/* telefone */
.tel-zona{position:relative;display:flex;justify-content:center}
.tel-aura{position:absolute;width:420px;height:420px;top:50%;left:50%;margin:-210px 0 0 -210px;border-radius:50%;background:radial-gradient(closest-side,rgba(252,76,0,.35),transparent);filter:blur(30px);animation:aura 6s ease-in-out infinite;pointer-events:none}
@keyframes aura{50%{transform:scale(1.15);opacity:.7}}
.tel{position:relative;width:300px;height:600px;border-radius:46px;padding:12px;background:linear-gradient(160deg,#2a211c,#0c0907);border:1px solid rgba(252,76,0,.3);box-shadow:0 50px 100px -40px rgba(252,76,0,.55),inset 0 0 0 2px rgba(255,255,255,.04);transform:rotate(-3deg)}
.tel.vibra{animation:vibra .45s linear}
@keyframes vibra{0%,100%{transform:rotate(-3deg)}20%{transform:rotate(-3deg) translateX(-3px)}40%{transform:rotate(-3deg) translateX(3px)}60%{transform:rotate(-3deg) translateX(-2px)}80%{transform:rotate(-3deg) translateX(2px)}}
.tel .ecra{width:100%;height:100%;border-radius:36px;overflow:hidden;position:relative;background:radial-gradient(120% 70% at 50% 0%,rgba(252,76,0,.35),transparent 60%),#0f0b09;padding:54px 14px 14px}
.tel .ilha{position:absolute;top:12px;left:50%;transform:translateX(-50%);width:96px;height:28px;border-radius:20px;background:#000;z-index:2}
.tel .hora{text-align:center;font-family:'Sora',sans-serif;font-weight:300;font-size:3.2rem;line-height:1;margin:10px 0 2px}
.tel .data{text-align:center;color:var(--suave);font-size:.85rem;margin-bottom:22px;text-transform:capitalize}
.notifs{display:flex;flex-direction:column;gap:9px}
.notif{display:flex;gap:10px;align-items:flex-start;padding:11px 12px;border-radius:16px;background:rgba(40,32,28,.86);border:1px solid rgba(255,255,255,.06);opacity:0;transform:translateY(-30px) scale(1.12)}
.notif.on{animation:notifEntra .6s var(--mola) forwards}
@keyframes notifEntra{0%{opacity:0;transform:translateY(-30px) scale(1.12)}60%{opacity:1}100%{opacity:1;transform:none}}
.notif .ap{flex:none;width:30px;height:30px;border-radius:8px;background:#fff;display:grid;place-items:center}
.notif .ap.elooo{background:#120d0b;border:1px solid var(--borda-forte)}
.notif .ap img{width:18px;height:auto}
.notif .ap.elooo img{width:22px}
.notif div{min-width:0;flex:1}
.notif b{display:flex;justify-content:space-between;font-size:.8rem}
.notif b small{color:var(--apagado);font-weight:400;font-size:.7rem}
.notif span{font-size:.78rem;color:var(--suave);line-height:1.35;display:block}

/* recursos com micro-animações */
.recursos{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.recursos .cartao{padding:24px;overflow:hidden}
.recursos h3{font-size:1.02rem;margin-bottom:6px}
.recursos p{font-size:.9rem}
.fx{position:absolute;top:24px;right:20px;width:64px;height:40px;pointer-events:none}
.fx i{position:absolute;display:block}
.fx-funil i{top:4px;width:16px;height:32px;border-radius:4px;background:rgba(255,255,255,.06)}
.fx-funil i:nth-child(1){left:0}.fx-funil i:nth-child(2){left:24px}.fx-funil i:nth-child(3){left:48px}
.fx-funil i:nth-child(1)::after{content:'';position:absolute;left:3px;top:4px;width:10px;height:8px;border-radius:2px;background:var(--laranja);animation:fxFunil 3.6s var(--ease) infinite}
@keyframes fxFunil{0%,20%{transform:translateX(0)}35%,55%{transform:translateX(24px)}70%,90%{transform:translateX(48px)}100%{transform:translateX(0);opacity:0}}
.fx-msgs i{left:0;height:7px;border-radius:4px;background:rgba(252,76,0,.5);animation:fxMsg 3s ease infinite}
.fx-msgs i:nth-child(1){top:4px;width:64px}.fx-msgs i:nth-child(2){top:16px;width:46px;animation-delay:.4s;left:18px;background:rgba(255,255,255,.18)}.fx-msgs i:nth-child(3){top:28px;width:54px;animation-delay:.8s}
@keyframes fxMsg{0%{opacity:0;transform:translateX(10px)}20%,80%{opacity:1;transform:none}100%{opacity:0}}
.fx-sinal i:nth-child(1),.fx-sinal i:nth-child(2){top:12px;width:16px;height:16px;border-radius:5px;border:2px solid rgba(252,76,0,.6)}
.fx-sinal i:nth-child(1){left:0}.fx-sinal i:nth-child(2){right:0}
.fx-sinal i:nth-child(3){top:19px;left:16px;width:32px;height:2px;background:rgba(255,255,255,.12)}
.fx-sinal i:nth-child(3)::after{content:'';position:absolute;top:-2px;left:0;width:6px;height:6px;border-radius:50%;background:var(--laranja-2);box-shadow:0 0 8px var(--laranja);animation:fxSinal 1.8s linear infinite}
@keyframes fxSinal{to{transform:translateX(28px)}}
.fx-pulso i{top:8px;right:16px;width:24px;height:24px;border-radius:50%;border:2px solid var(--laranja);animation:anel 2.2s ease-out infinite}
.fx-pulso i:nth-child(2){animation-delay:.7s}.fx-pulso i:nth-child(3){animation:none;background:var(--laranja);transform:scale(.4);box-shadow:0 0 14px var(--laranja)}
.fx-envio i:nth-child(1){top:10px;left:8px;width:26px;height:18px;border-radius:3px;border:2px solid rgba(252,76,0,.7);animation:fxEnvio 2.8s var(--ease) infinite}
.fx-envio i:nth-child(2),.fx-envio i:nth-child(3){top:18px;left:0;width:10px;height:2px;background:rgba(255,154,60,.6);animation:fxEnvio 2.8s var(--ease) infinite}
.fx-envio i:nth-child(3){top:24px;width:6px}
@keyframes fxEnvio{0%{opacity:0;transform:translateX(-6px)}25%,55%{opacity:1;transform:none}85%,100%{opacity:0;transform:translateX(34px)}}
.fx-pop i{top:8px;width:16px;height:16px;border-radius:5px;background:rgba(255,255,255,.07);animation:fxPop 3s var(--mola) infinite}
.fx-pop i:nth-child(1){left:4px}.fx-pop i:nth-child(2){left:24px;animation-delay:.5s;background:rgba(252,76,0,.7)}.fx-pop i:nth-child(3){left:44px;animation-delay:1s}
@keyframes fxPop{0%,100%{transform:scale(.7);opacity:.5}20%,70%{transform:scale(1.1);opacity:1}}
.fx-blocos i{left:6px;width:52px;height:8px;border-radius:3px;background:rgba(252,76,0,.55);transform-origin:0 50%;animation:fxBloco 3.4s var(--ease) infinite}
.fx-blocos i:nth-child(1){top:2px;width:52px}.fx-blocos i:nth-child(2){top:14px;width:34px;background:rgba(255,255,255,.18);animation-delay:.3s}.fx-blocos i:nth-child(3){top:26px;width:44px;animation-delay:.6s}
@keyframes fxBloco{0%{transform:scaleX(0)}30%,80%{transform:scaleX(1)}100%{transform:scaleX(1);opacity:0}}
.fx-onda i{bottom:8px;width:6px;height:26px;border-radius:3px;background:var(--laranja);transform-origin:50% 100%;animation:onda .8s ease-in-out infinite alternate}
.fx-onda i:nth-child(1){left:30px}.fx-onda i:nth-child(2){left:40px;animation-delay:-.3s}.fx-onda i:nth-child(3){left:50px;animation-delay:-.55s}
.fx-barra i:nth-child(1){top:18px;left:0;width:64px;height:6px;border-radius:3px;background:rgba(255,255,255,.08)}
.fx-barra i:nth-child(2){top:18px;left:0;width:64px;height:6px;border-radius:3px;background:linear-gradient(90deg,var(--laranja),var(--laranja-2));transform-origin:0 50%;animation:fxBarra 3.2s var(--ease) infinite}
.fx-barra i:nth-child(3){display:none}
@keyframes fxBarra{0%{transform:scaleX(.05)}70%,100%{transform:scaleX(1)}}
.fx-barras i{bottom:4px;width:12px;height:30px;border-radius:3px 3px 0 0;background:linear-gradient(var(--laranja-2),var(--laranja));transform-origin:50% 100%;animation:fxBarras 3s var(--ease) infinite}
.fx-barras i:nth-child(1){left:14px;animation-delay:0s}.fx-barras i:nth-child(2){left:30px;animation-delay:.2s}.fx-barras i:nth-child(3){left:46px;animation-delay:.4s}
@keyframes fxBarras{0%{transform:scaleY(.15)}40%,85%{transform:scaleY(var(--h,1))}100%{transform:scaleY(.15)}}
.fx-barras i:nth-child(1){--h:.45}.fx-barras i:nth-child(2){--h:.75}
.recursos .fx i,.recursos .fx i::after{animation-play-state:paused}
.recursos.on .fx i,.recursos.on .fx i::after{animation-play-state:running}

/* planos */
.alterna{display:flex;align-items:center;justify-content:center;gap:14px;margin-bottom:44px;font-weight:600}
.alterna span{color:var(--apagado);transition:color .2s;cursor:pointer}
.alterna span.on{color:#fff}
.chave{width:58px;height:32px;border-radius:99px;background:var(--cartao);border:1px solid var(--borda-forte);position:relative;cursor:pointer;padding:0}
.chave::after{content:'';position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,var(--laranja),var(--laranja-2));transition:transform .3s var(--mola);box-shadow:0 0 12px rgba(252,76,0,.6)}
.chave[aria-checked="true"]::after{transform:translateX(26px)}
.planos{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:stretch}
.plano{display:flex;flex-direction:column;padding:32px 28px}
.plano.destaque{border-color:var(--laranja);box-shadow:0 0 0 1px var(--laranja),0 40px 80px -40px rgba(252,76,0,.7);background:linear-gradient(180deg,#2a1b13,var(--cartao))}
.plano .faixa{position:absolute;top:-13px;left:50%;transform:translateX(-50%);background:linear-gradient(135deg,var(--laranja),var(--laranja-h));color:#fff;font-family:'Sora',sans-serif;font-weight:700;font-size:.74rem;letter-spacing:.1em;text-transform:uppercase;padding:6px 14px;border-radius:99px;white-space:nowrap;z-index:2}
.plano h3{font-size:1.4rem;margin-bottom:4px}
.plano .para{color:var(--suave);font-size:.93rem;min-height:3em}
.plano .preco{font-family:'Sora',sans-serif;font-weight:800;font-size:1.9rem;margin:16px 0 2px}
.plano .ciclo-txt{color:var(--apagado);font-size:.85rem;margin-bottom:22px}
.plano ul{list-style:none;padding:0;margin:0 0 28px;flex:1}
.plano li{display:flex;gap:10px;padding:7px 0;font-size:.94rem;color:var(--suave);border-bottom:1px solid rgba(255,255,255,.04)}
.plano li b{color:var(--texto)}
.plano li svg{flex:none;width:18px;height:18px;color:var(--laranja);margin-top:3px}
.plano .btn{width:100%}
.nota-planos{text-align:center;color:var(--apagado);font-size:.9rem;margin-top:26px}

/* passos com linha que enche */
.passos{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:18px;counter-reset:p}
.passos-linha{position:absolute;top:-22px;left:28px;right:28px;height:2px;background:rgba(255,255,255,.06);border-radius:2px;overflow:hidden}
.passos-linha i{position:absolute;inset:0;background:linear-gradient(90deg,var(--laranja),var(--laranja-2));transform-origin:0 50%;transform:scaleX(0);transition:transform 1.8s var(--ease) .3s}
.passos.on .passos-linha i{transform:scaleX(1)}
.passos .cartao{padding-top:58px}
.passos .cartao::after{counter-increment:p;content:counter(p,decimal-leading-zero);position:absolute;top:20px;left:28px;font-family:'Sora',sans-serif;font-weight:800;font-size:1.5rem;color:var(--laranja)}
.passos h3{font-size:1.05rem}

/* FAQ */
.faq{max-width:840px;margin:0 auto}
.faq details{background:var(--cartao);border:1px solid rgba(255,255,255,.07);border-radius:16px;margin-bottom:12px;transition:border-color .3s}
.faq details[open]{border-color:var(--borda-forte)}
.faq summary{list-style:none;cursor:pointer;padding:20px 24px;font-family:'Sora',sans-serif;font-weight:600;font-size:1.02rem;display:flex;justify-content:space-between;gap:18px;align-items:center}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:'+';flex:none;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:rgba(252,76,0,.1);color:var(--laranja);font-size:1.3rem;font-weight:400;transition:transform .3s var(--ease)}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq .resp{padding:0 24px 20px;color:var(--suave)}
.faq details[open] .resp{animation:txtEntra .35s var(--ease)}
.faq .resp p:last-child{margin:0}

/* CTA final com borda que gira */
.cta-final .caixa{position:relative;padding:1px;border-radius:28px;overflow:hidden;isolation:isolate}
.cta-final .caixa::before{content:'';position:absolute;left:50%;top:50%;width:200%;aspect-ratio:1;margin:-100% 0 0 -100%;z-index:-1;background:conic-gradient(from 0deg,transparent 0 62%,var(--laranja) 78%,var(--laranja-2) 84%,transparent 92%);animation:gira 7s linear infinite}
.caixa-in{text-align:center;padding:70px 30px;border-radius:27px;background:radial-gradient(80% 120% at 50% 0%,rgba(252,76,0,.26),transparent 70%),var(--cartao)}
.caixa-in p{color:var(--suave);max-width:620px;margin:0 auto 30px;font-size:1.1rem}
.cta-final .ctas{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}

/* rodapé */
footer{border-top:1px solid rgba(255,255,255,.06);padding:50px 0 34px;background:rgba(10,7,6,.6)}
footer .wrap{display:flex;justify-content:space-between;align-items:flex-start;gap:30px;flex-wrap:wrap}
footer .logo img{height:44px;width:auto}
footer .desc{color:var(--apagado);font-size:.9rem;max-width:320px;margin-top:12px}
footer nav{display:flex;gap:22px;flex-wrap:wrap}
footer nav a{color:var(--suave);font-size:.93rem;transition:color .2s}
footer nav a:hover{color:var(--laranja)}
.rodape-idiomas{width:100%;display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;font-size:.88rem}
.rodape-idiomas svg{color:var(--laranja)}
.rodape-idiomas a{color:var(--apagado);transition:color .2s}
.rodape-idiomas a:hover,.rodape-idiomas a[aria-current]{color:#fff}
footer .copy{width:100%;border-top:1px solid rgba(255,255,255,.05);padding-top:22px;color:var(--apagado);font-size:.85rem}

/* revelar ao rolar (escalonado) */
.js .rv{opacity:0;transform:translateY(28px);transition:opacity .8s var(--ease),transform .8s var(--ease)}
.js .rv.vis{opacity:1;transform:none}
.rv[data-d="1"]{transition-delay:.08s}.rv[data-d="2"]{transition-delay:.16s}.rv[data-d="3"]{transition-delay:.24s}.rv[data-d="4"]{transition-delay:.32s}
.cartao.rv.vis{transition:opacity .8s var(--ease) var(--st,0s),transform .8s var(--ease) var(--st,0s),border-color .35s,box-shadow .35s}
.cartao.rv.vis:hover{transition:opacity .8s,transform .35s var(--ease),border-color .35s,box-shadow .35s}

/* responsivo */
@media (max-width:1100px){
  .topo nav{gap:18px}
  .mk-corpo{grid-template-columns:52px 1fr 240px}
}
@media (max-width:1020px){
  .recursos{grid-template-columns:repeat(3,1fr)}
  .passos{grid-template-columns:repeat(2,1fr)}
  .passos-linha{display:none}
  .duas{gap:40px}
  .topo nav{display:none}
  .menu-btn{display:inline-flex}
  .menu-mob{position:fixed;top:76px;left:0;right:0;background:rgba(18,13,11,.97);backdrop-filter:blur(14px);border-bottom:1px solid var(--borda);padding:18px 24px 26px;flex-direction:column;gap:6px;z-index:49}
  .menu-mob.aberto{display:flex}
  .menu-mob a{padding:12px 0;border-bottom:1px solid rgba(255,255,255,.05);font-weight:500}
  .menu-mob .btn{margin-top:12px}
}
@media (max-width:880px){
  .so-desk{display:none!important}
  .duas,.painel-auto{grid-template-columns:1fr}
  #app .tel-zona{order:-1}
  .planos{grid-template-columns:1fr;max-width:480px;margin:0 auto}
  .plano.destaque{margin-top:10px}
  .dores{grid-template-columns:1fr 1fr}
  .dores .cartao,.dores .cartao:nth-child(4){grid-column:auto}
  .dores .cartao:nth-child(5){grid-column:1/-1}
  .mk-corpo{grid-template-columns:1fr}
  .mk-lado{display:none}
  .mk-caixa{border-left:0;border-top:1px solid rgba(255,255,255,.05)}
  #caixa .mk-msg:nth-child(n+3){display:none}
  .mk-col{min-height:250px}
  .numeros{grid-template-columns:1fr 1fr}
  .chat-estado{right:8px;top:auto;bottom:-6px}
}
@media (max-width:640px){
  body{font-size:16px}
  section{padding:80px 0}
  .wrap{padding:0 16px}
  .hero{padding:120px 0 50px}
  .hero .sub{font-size:1.04rem}
  .recursos,.passos,.dores{grid-template-columns:1fr}
  .dores .cartao:nth-child(5){grid-column:auto}
  .cartao{padding:22px}
  .hero .ctas .btn,.cta-final .ctas .btn{width:100%}
  .topo .wrap{gap:8px}
  .topo .acoes{gap:6px}
  .topo .acoes .btn-contorno{padding:9px 12px}
  .topo .logo img{height:32px}
  .idioma-btn{padding:0 8px;height:40px}
  .ciclo-et b{font-size:.62rem;letter-spacing:.06em}
  .mock-zona{margin-top:44px}
  .mk-funil,.mk-caixa{padding:10px}
  .mk-colunas{gap:5px}
  .mk-col{padding:5px;min-height:230px;border-radius:9px}
  .mk-col-t{font-size:.56rem;letter-spacing:0;padding:2px 2px 6px}
  .mk-col-t em{min-width:0;padding:0 5px}
  .mk-card{padding:6px;gap:5px;font-size:.66rem;border-radius:8px;flex-direction:column;align-items:flex-start}
  .mk-card .av{width:20px;height:20px;font-size:.5rem}
  .mk-card .nm{max-width:100%}
  .mk-card .lg{position:absolute;top:6px;right:6px}
  .tel{width:270px;height:550px}
  .fluxo{padding:18px;min-height:0}
  .fluxo li .cx{padding:8px 10px}
  .caixa-in{padding:50px 20px}
  .faq summary{padding:18px}
  .faq .resp{padding:0 18px 18px}
  .lig-orbita{width:300px;height:300px;margin:-150px 0 0 -150px}
  .lig-zona .f1{display:none}
  .lig-zona .f2{display:none}
  .troca{display:block;margin:0 auto}
  .etiqueta{font-size:.68rem;letter-spacing:.08em;padding:6px 12px}
  .lig{width:290px}
  .fx{display:none}
  .numeros div{padding:18px 10px}
  .chat .msgs{height:420px}
}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;transition-delay:0s!important;scroll-behavior:auto!important}
  .js .rv{opacity:1;transform:none}
  .trilho{animation:none!important;flex-wrap:wrap;width:auto;justify-content:center;padding:0 16px}
  .marquee .trilho .dup{display:none}
  .marquee{-webkit-mask-image:none;mask-image:none}
  .brilhos span,.aurora i,.mock::after,.lig-orbita,.chat-orbita i,.tel-aura,.flutua,.grad,.cta-final .caixa::before{animation:none!important}
  .notif{opacity:1;transform:none}
  .mock{transform:none}
  .cursor-demo{display:none}
}

/* ===== reconhecimentos ===== */
.selos-sec{padding:80px 0 70px}
.selos-topo{display:flex;align-items:center;justify-content:center;gap:26px;text-align:left;margin-bottom:40px}
.selos-n{font:800 clamp(4rem,10vw,7rem)/1 'Sora',sans-serif;background:linear-gradient(180deg,#fff,var(--laranja-2) 60%,var(--laranja));-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 10px 30px rgba(252,76,0,.35))}
.selos-topo h2{font-size:clamp(1.4rem,3vw,2.1rem);margin:0 0 6px;max-width:560px}
.selos-topo p{margin:0;color:var(--suave)}
.selos-grade{display:flex;flex-wrap:wrap;justify-content:center;gap:18px}
.selos-grade img{width:104px;height:auto;padding:10px;border-radius:16px;background:#fff;box-shadow:0 18px 40px -18px rgba(252,76,0,.55);transition:transform .35s var(--mola)}
.selos-grade img:hover{transform:translateY(-6px) rotate(-2deg) scale(1.05)}
.js .selos-grade img{opacity:0;transform:translateY(30px) scale(.85)}
.js .selos-grade.on img{animation:seloEntra .7s var(--mola) forwards;animation-delay:calc(var(--i) * 90ms)}
@keyframes seloEntra{to{opacity:1;transform:none}}
.selos-nota{text-align:center;color:var(--apagado);font-size:.78rem;margin:26px auto 0;max-width:640px}

/* ===== demonstração do produto ===== */
.demo{border-radius:20px;overflow:hidden;border:1px solid var(--borda-forte);background:#120e0c;box-shadow:0 60px 120px -50px rgba(252,76,0,.55)}
.demo-barra{display:flex;align-items:center;gap:7px;padding:11px 16px;background:#1a1411;border-bottom:1px solid rgba(255,255,255,.06)}
.demo-barra i{width:11px;height:11px;border-radius:50%;background:#ff5f57;flex:none}.demo-barra i:nth-child(2){background:#febc2e}.demo-barra i:nth-child(3){background:#28c840}
.demo-url{display:inline-flex;align-items:center;gap:6px;margin-left:14px;flex:1;max-width:420px;padding:5px 12px;border-radius:8px;background:rgba(255,255,255,.05);font-size:.78rem;color:var(--suave)}
.demo-url svg{color:var(--verde)}
.demo-selo{margin-left:auto;font-style:normal;font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--laranja-2);border:1px dashed var(--borda-forte);padding:3px 9px;border-radius:99px;white-space:nowrap}
.demo-corpo{display:grid;grid-template-columns:220px 1fr;min-height:470px}
.demo-menu{background:#0c0908;border-right:1px solid rgba(255,255,255,.05);padding:16px 12px}
.demo-menu > img{width:62px;height:auto;margin:0 0 14px 6px}
.demo-empresa{display:flex;align-items:center;gap:9px;padding:9px;border-radius:12px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06);margin-bottom:12px}
.demo-empresa span{flex:none;width:30px;height:30px;border-radius:8px;display:grid;place-items:center;background:linear-gradient(135deg,var(--laranja),var(--laranja-2));font:800 .7rem 'Sora',sans-serif}
.demo-empresa b{display:block;font-size:.8rem}.demo-empresa small{color:var(--apagado);font-size:.7rem}
.demo-menu ul{list-style:none;margin:0;padding:0}
.demo-menu li{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:9px;font-size:.8rem;color:var(--suave)}
.demo-menu li svg{width:16px;height:16px;flex:none;color:var(--apagado)}
.demo-menu li.ia{color:#fff;background:linear-gradient(90deg,rgba(252,76,0,.22),transparent);border:1px solid var(--borda)}
.demo-menu li.ia svg{color:var(--laranja)}
.demo-menu li.on{color:#fff;background:rgba(255,255,255,.06)}
.demo-main{padding:16px 18px;min-width:0;background:linear-gradient(180deg,#17110e,#120e0c)}
.demo-abas{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;margin-bottom:16px;padding-bottom:2px}
.demo-abas::-webkit-scrollbar{display:none}
.demo-aba{position:relative;overflow:hidden;flex:none;font:600 .82rem 'Sora',sans-serif;color:var(--suave);background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);padding:8px 14px;border-radius:10px;cursor:pointer;transition:color .2s,background .2s,border-color .2s}
.demo-aba:hover{color:#fff}
.demo-aba[aria-selected="true"]{color:#fff;background:rgba(252,76,0,.14);border-color:var(--borda-forte)}
.demo-aba .prog{position:absolute;left:0;bottom:0;height:2px;width:100%;background:var(--laranja);transform-origin:0 50%;transform:scaleX(0)}
.demo-aba[aria-selected="true"] .prog{animation:progAba var(--dur,5200ms) linear forwards}
.demo.pausa .demo-aba .prog{animation-play-state:paused!important}
.demo-vista{animation:txtEntra .45s var(--ease)}
.dv-cab{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px}
.dv-cab b{display:block;font-family:'Sora',sans-serif}.dv-cab small{color:var(--apagado);font-size:.78rem}
.dv-pill{font-size:.72rem;font-weight:700;color:var(--verde);background:rgba(61,220,132,.1);border:1px solid rgba(61,220,132,.3);padding:4px 10px;border-radius:99px;white-space:nowrap}
.dv-barras{display:grid;gap:14px;padding:18px;border-radius:14px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.05);margin-bottom:16px}
.dv-barra{display:grid;grid-template-columns:90px 1fr 48px;align-items:center;gap:12px;font-size:.84rem}
.dv-barra span{color:var(--suave)}.dv-barra b{text-align:right;font-family:'Sora',sans-serif}
.dv-trilho{height:12px;border-radius:99px;background:rgba(255,255,255,.06);overflow:hidden}
.dv-trilho i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--laranja),var(--laranja-2));transform-origin:0 50%;transform:scaleX(0)}
.demo-vista.on .dv-trilho i{transform:scaleX(var(--p));transition:transform 1.2s var(--ease)}
.dv-barra:nth-child(2) .dv-trilho i{transition-delay:.15s}.dv-barra:nth-child(3) .dv-trilho i{transition-delay:.3s}
.dv-lista{display:grid;gap:8px}
.dv-lista div{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;background:rgba(255,255,255,.025);font-size:.82rem}
.dv-lista small{margin-left:auto;color:var(--apagado)}
.dv-pt{width:8px;height:8px;border-radius:50%;background:var(--verde);flex:none}
.dv-pipe{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.dv-col{padding:10px;border-radius:12px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.05);min-height:330px}
.dv-col-t{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--suave);margin-bottom:10px}
.dv-card{display:flex;flex-direction:column;gap:8px;padding:11px;border-radius:10px;background:#251d18;border:1px solid rgba(255,255,255,.06);margin-bottom:8px;font-size:.8rem}
.dv-card i{display:block;height:5px;width:60%;border-radius:4px;background:rgba(252,76,0,.35)}
.dv-voa{position:absolute;top:34px;left:10px;width:calc((100% - 20px) / 3 - 20px);margin:0;border-color:var(--laranja);box-shadow:0 18px 30px -12px rgba(252,76,0,.7);z-index:2;opacity:0}
.demo-vista.on .dv-voa{animation:dvVoa 4.6s var(--ease) .3s infinite}
@keyframes dvVoa{0%{opacity:0;transform:none}8%{opacity:1;transform:none}30%,45%{opacity:1;transform:translateX(calc(100% + 30px)) rotate(2deg)}70%,88%{opacity:1;transform:translateX(calc(200% + 60px))}100%{opacity:0;transform:translateX(calc(200% + 60px))}}
.dv-conv{display:grid;grid-template-columns:230px 1fr;gap:12px;min-height:330px}
.dv-conv-lista{list-style:none;margin:0;padding:0;display:grid;gap:6px;align-content:start}
.dv-conv-lista li{display:flex;gap:10px;align-items:center;padding:9px;border-radius:10px;background:rgba(255,255,255,.025);font-size:.78rem;border:1px solid transparent}
.dv-conv-lista li.on{background:rgba(252,76,0,.12);border-color:var(--borda)}
.dv-conv-lista img{flex:none;width:26px;height:26px;padding:5px;border-radius:7px;background:#fff}
.dv-conv-lista div{min-width:0}.dv-conv-lista b{display:block}.dv-conv-lista small{display:block;color:var(--apagado);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dv-conv-chat{display:flex;flex-direction:column;justify-content:flex-end;gap:8px;padding:12px;border-radius:12px;background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.05)}
.dv-conv-chat p{margin:0;max-width:80%;padding:9px 12px;border-radius:12px;font-size:.8rem;opacity:0;transform:translateY(8px)}
.dv-conv-chat p.cli{align-self:flex-start;background:#2b221d}
.dv-conv-chat p.eu{align-self:flex-end;background:rgba(252,76,0,.18);border:1px solid var(--borda)}
.dv-conv-chat p.sis{align-self:center;font-size:.72rem;color:var(--laranja-2);border:1px dashed var(--borda-forte);border-radius:99px;padding:4px 10px}
.demo-vista.on .dv-conv-chat p{animation:entraF .45s var(--ease) forwards}
.demo-vista.on .dv-conv-chat p:nth-child(2){animation-delay:.7s}.demo-vista.on .dv-conv-chat p:nth-child(3){animation-delay:1.4s}.demo-vista.on .dv-conv-chat p:nth-child(4){animation-delay:2.1s}
@keyframes entraF{to{opacity:1;transform:none}}
.dv-cal{position:relative;display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:auto 1fr;gap:6px;min-height:330px}
.dv-dia{border-radius:10px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.05);padding:8px;text-align:center;color:var(--suave);font-size:.74rem;font-weight:700;text-transform:uppercase;grid-row:1/3}
.dv-ev{position:absolute;left:calc(var(--l) * 20% + 4px);width:calc(20% - 12px);top:calc(var(--t) * 1%);height:calc(var(--h) * 1%);padding:7px 8px;border-radius:9px;background:color-mix(in srgb,var(--c) 22%,#1b1512);border-left:3px solid var(--c);font-size:.72rem;overflow:hidden;opacity:0;transform:scale(.85)}
.dv-ev b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dv-ev small{color:var(--suave)}
.demo-vista.on .dv-ev{animation:seloEntra .5s var(--mola) forwards}
.demo-vista.on .dv-ev:nth-of-type(2n){animation-delay:.2s}.demo-vista.on .dv-ev:nth-of-type(3n){animation-delay:.4s}
.dv-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px}
.dv-kpis div{padding:14px;border-radius:12px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06)}
.dv-kpis small{display:block;color:var(--apagado);font-size:.74rem}.dv-kpis b{font:800 1.4rem 'Sora',sans-serif}
.dv-grafico{display:flex;align-items:flex-end;gap:8px;height:210px;padding:14px;border-radius:12px;background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.05)}
.dv-grafico i{flex:1;height:100%;border-radius:6px 6px 2px 2px;background:linear-gradient(var(--laranja-2),var(--laranja));transform-origin:50% 100%;transform:scaleY(.02)}
.demo-vista.on .dv-grafico i{transform:scaleY(var(--h));transition:transform .9s var(--ease) calc(var(--i) * 60ms)}
.dv-leg{display:block;margin-top:8px;color:var(--apagado);font-size:.72rem}

/* ===== comparativo ===== */
.comp{max-width:980px;margin:0 auto;border-radius:20px;overflow:hidden;border:1px solid var(--borda);background:var(--cartao)}
.comp-linha{display:grid;grid-template-columns:1.1fr 1.4fr 1fr .9fr;align-items:center;gap:14px;padding:14px 22px;border-top:1px solid rgba(255,255,255,.05);transition:background .25s}
.comp-linha:not(.comp-cab):hover{background:rgba(252,76,0,.05)}
.comp-cab{border-top:0;background:rgba(10,7,6,.5);font:700 .74rem 'Sora',sans-serif;text-transform:uppercase;letter-spacing:.08em;color:var(--apagado)}
.comp-cab span:last-child{color:var(--laranja)}
.comp-cat{font-weight:500}
.comp-alt{display:flex;align-items:center;gap:12px;min-width:0}
.comp-alt .logo-tile{width:34px;height:34px}
.comp-alt .logo-tile img{width:20px;height:20px}
.logo-tile.mono{font:800 .95rem 'Sora',sans-serif;color:#120d0b}
.comp-alt b{display:block;font-size:.95rem}.comp-alt small{color:var(--apagado);font-size:.8rem}
.comp-custo b{font-family:'Sora',sans-serif}
.comp-custo small{color:var(--apagado);font-size:.78rem;margin-left:4px}
.comp-custo small:first-child{margin:0 4px 0 0}
.comp-varia{font-style:normal;color:var(--apagado);font-size:.88rem}
.comp-inc{display:inline-flex;align-items:center;gap:8px;font-weight:700;color:var(--verde)}
.js .comp .comp-linha:not(.comp-cab){opacity:0;transform:translateX(-14px)}
.js .comp.vis .comp-linha:not(.comp-cab){animation:entraF .5s var(--ease) forwards}
.comp.vis .comp-linha:nth-child(3){animation-delay:.06s}.comp.vis .comp-linha:nth-child(4){animation-delay:.12s}.comp.vis .comp-linha:nth-child(5){animation-delay:.18s}.comp.vis .comp-linha:nth-child(6){animation-delay:.24s}.comp.vis .comp-linha:nth-child(7){animation-delay:.3s}.comp.vis .comp-linha:nth-child(8){animation-delay:.36s}.comp.vis .comp-linha:nth-child(9){animation-delay:.42s}.comp.vis .comp-linha:nth-child(10){animation-delay:.48s}
.comp-nota{max-width:980px;margin:18px auto 0;text-align:center;color:var(--apagado);font-size:.8rem}

@media (max-width:880px){
  .demo-corpo{grid-template-columns:1fr;min-height:0}
  .demo-menu{display:none}
  .dv-conv{grid-template-columns:1fr}
  .dv-conv-lista li:nth-child(n+3){display:none}
  .comp-cab{display:none}
  .comp-linha{grid-template-columns:1fr auto;gap:6px 12px;padding:16px}
  .comp-cat{grid-column:1/-1;font-size:.74rem;text-transform:uppercase;letter-spacing:.08em;color:var(--laranja)}
  .comp-alt,.comp-custo{grid-column:1}
  .comp-inc{grid-column:2;grid-row:2/4;align-self:center}
}
@media (max-width:640px){
  .selos-topo{flex-direction:column;text-align:center;gap:8px}
  .selos-grade{gap:10px}
  .selos-grade img{width:88px;padding:7px}
  .demo-selo{display:none}
  .demo-main{padding:12px}
  .dv-barra{grid-template-columns:70px 1fr 40px;gap:8px;font-size:.76rem}
  .dv-pipe{gap:6px}.dv-col{padding:6px;min-height:280px}.dv-card{padding:8px;font-size:.68rem}
  .dv-voa{left:6px;width:calc((100% - 12px) / 3 - 12px);top:30px}
  .dv-kpis{gap:6px}.dv-kpis div{padding:9px}.dv-kpis b{font-size:1rem}
  .dv-grafico{height:160px;gap:4px}
  .dv-ev{font-size:.6rem;padding:5px}
  .dv-ev small{display:none}
}
@media (prefers-reduced-motion:reduce){
  .js .selos-grade img,.js .comp .comp-linha:not(.comp-cab){opacity:1!important;transform:none!important}
  .dv-conv-chat p,.dv-ev{opacity:1!important;transform:none!important}
  .dv-trilho i{transform:scaleX(var(--p))!important}
  .dv-grafico i{transform:scaleY(var(--h))!important}
  .dv-voa{display:none}
}

/* ===== planos: preço em euro, ganho do anual, garantias ===== */
.plano .preco{display:flex;align-items:baseline;gap:4px;flex-wrap:wrap}
.plano .preco .valor{font-size:2.3rem;line-height:1.1}
.plano .preco small{font:500 .95rem 'DM Sans',sans-serif;color:var(--apagado)}
.alterna{flex-wrap:wrap}
.alterna-ganho{font-style:normal;font-size:.72rem;font-weight:700;color:#fff;background:linear-gradient(135deg,var(--laranja),var(--laranja-h));padding:3px 9px;border-radius:99px;margin-left:4px;white-space:nowrap;vertical-align:middle}
.garantias{list-style:none;padding:0;margin:34px auto 0;max-width:980px;display:flex;flex-wrap:wrap;justify-content:center;gap:10px}
.garantias li{display:flex;align-items:center;gap:8px;font-size:.9rem;color:var(--suave);background:rgba(27,21,18,.7);border:1px solid var(--borda);padding:8px 14px;border-radius:99px;min-width:0}
.garantias svg{flex:none;width:16px;height:16px;color:var(--laranja)}

/* ===== comparativo: logos sobrepostos, total ===== */
.comp-alt{flex-wrap:wrap;gap:6px 10px}
.comp-alt small{display:block;width:100%;line-height:1.35}
.comp-logos{display:flex}
.comp-logos .logo-tile{width:30px;height:30px;border-radius:50%;margin-right:-6px;box-shadow:0 0 0 2px var(--cartao)}
.comp-logos .logo-tile img{width:16px;height:16px}
.comp-logos .logo-tile.mono{font-size:.8rem}
.comp-inc{color:var(--laranja)}
.comp-total{background:rgba(252,76,0,.08);border-top:1px solid var(--borda-forte)}
.comp-total .comp-cat{font:700 .95rem 'Sora',sans-serif;text-transform:uppercase;letter-spacing:.06em}
.comp-total .comp-custo b{text-decoration:line-through;text-decoration-color:var(--laranja);color:var(--suave)}
.comp-nosso{font:800 .95rem 'Sora',sans-serif;color:#fff}
@media (max-width:880px){
  .comp-total .comp-alt{display:none}
  .comp-nosso{grid-column:1/-1;grid-row:auto}
}

/* ===== rodapé legal + aviso de cookies ===== */
.rodape-legal{width:100%;display:flex;flex-wrap:wrap;gap:8px 20px;font-size:.88rem}
.rodape-legal a,.link-cookies{color:var(--apagado);transition:color .2s}
.rodape-legal a:hover,.rodape-legal a[aria-current],.link-cookies:hover{color:#fff}
.link-cookies{background:none;border:0;padding:0;font:inherit;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.cookie-aviso{position:fixed;left:16px;right:16px;bottom:16px;z-index:80;max-width:620px;margin:0 auto;display:flex;align-items:center;gap:16px;padding:16px 18px;background:rgba(27,21,18,.97);border:1px solid var(--borda-forte);border-radius:16px;box-shadow:0 30px 60px -20px rgba(0,0,0,.8);opacity:0;transform:translateY(12px);transition:opacity .3s,transform .3s var(--ease)}
.cookie-aviso.vis{opacity:1;transform:none}
.cookie-aviso[hidden]{display:none}
.cookie-aviso p{margin:0;font-size:.88rem;color:var(--suave);line-height:1.5;min-width:0}
.cookie-aviso a{color:var(--laranja);text-decoration:underline;text-underline-offset:3px}
.cookie-aviso .btn{flex:none}
@media (max-width:520px){.cookie-aviso{flex-direction:column;align-items:stretch;gap:10px;left:12px;right:12px;bottom:12px;padding:14px}.cookie-aviso p{font-size:.8rem}}

/* ===== páginas legais ===== */
.pag-legal .topo .wrap{justify-content:space-between}
.legal{padding:120px 0 80px}
.legal-doc{max-width:780px;margin:0 auto;overflow-wrap:anywhere;hyphens:auto}
.legal-doc h1{font-size:clamp(1.9rem,5vw,3rem);margin-bottom:10px}
.legal-vigor{color:var(--apagado);font-size:.9rem}
.legal-intro{font-size:1.08rem;color:var(--suave)}
.legal-toc,.legal-outras{background:var(--cartao);border:1px solid var(--borda);border-radius:var(--raio);padding:18px 22px;margin:28px 0}
.legal-toc b,.legal-outras b{display:block;font:700 .78rem 'Sora',sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--laranja);margin-bottom:8px}
.legal-toc ol{margin:0;padding-left:22px;columns:2;column-gap:28px}
.legal-toc li{padding:3px 0;break-inside:avoid;color:var(--apagado)}
.legal-toc a{color:var(--suave)}
.legal-toc a:hover{color:#fff}
.legal-doc section{scroll-margin-top:96px;padding-top:12px}
.legal-doc h2{font-size:1.3rem;margin:26px 0 10px}
.legal-doc p,.legal-doc li{color:var(--suave)}
.legal-doc ul{padding-left:20px;margin:0 0 1em}
.legal-doc li{padding:4px 0}
.legal-doc b{color:var(--texto)}
.legal-doc section a,.legal-intro a,.legal-contato a{color:var(--laranja);text-decoration:underline;text-underline-offset:3px}
.legal-outras div{display:flex;flex-wrap:wrap;gap:8px 18px}
.legal-outras a{color:var(--suave)}
.legal-outras a:hover{color:#fff}
.faq .resp a{color:var(--laranja);text-decoration:underline;text-underline-offset:3px}
@media (max-width:640px){
  .legal{padding:100px 0 60px}
  .legal-toc ol{columns:1}
  .legal-toc,.legal-outras{padding:16px}
}