:root{--bg:#000b18;--navy:#001326;--navy2:#001a35;--card:#002048;--blue:#087eff;--neon:#00a9ff;--cyan:#00c6ff;--yellow:#ffb900;--txt:#c4d1e0;--line:#14456f}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;overflow-x:clip}
body{font-family:'Poppins',system-ui,sans-serif;background:var(--bg);color:var(--txt);line-height:1.5;overflow-x:hidden}
img{max-width:100%;display:block}ul{list-style:none}a{color:inherit;text-decoration:none}svg{display:block}
h1,h2,h3,h4{color:#fff;line-height:1.1;font-weight:700}
.wrap{width:min(1280px,100% - 48px);margin-inline:auto}
:focus-visible{outline:3px solid var(--yellow);outline-offset:3px}
.neon{color:var(--neon);filter:drop-shadow(0 0 6px rgba(0,169,255,.75))}
svg.ic{width:1.2em;height:1.2em;flex:none}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:14px;font-weight:600;font-size:15px;padding:13px 26px;border-radius:12px;transition:filter .2s,transform .2s,background .2s;cursor:pointer;border:1.5px solid transparent}
.btn:hover{filter:brightness(1.12);transform:translateY(-1px)}
.btn-blue{background:linear-gradient(180deg,#1a8dff,#0868e8);color:#fff;box-shadow:0 0 22px rgba(8,126,255,.55)}
.btn-ghost{border-color:#1d6fb8;color:#fff;background:rgba(0,20,48,.45)}
.btn-lg{padding:17px 34px;font-size:17px;border-radius:14px}.btn-sm{padding:10px 20px;font-size:14px}
.eyebrow{font-size:13px;font-weight:600;letter-spacing:.08em;color:var(--neon);margin-bottom:12px}
.sec-title{font-size:clamp(30px,3.7vw,50px);text-align:center;font-weight:800}
.sec-title span,.hero h1 span{background:linear-gradient(90deg,#1593ff,#3cc6ff);-webkit-background-clip:text;background-clip:text;color:transparent;}
.sec-sub{text-align:center;font-size:17px;margin:8px 0 34px}

/* HERO */
.hero{position:relative;display:flex;flex-direction:column;min-height:clamp(600px,38vw,720px);color:#fff;background:#000b18 url(../assets/hero.webp) right 28%/cover no-repeat;isolation:isolate;overflow:hidden}
.hero::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(0,8,20,.82) 0,rgba(0,8,20,.55) 34%,rgba(0,8,20,0) 60%),linear-gradient(180deg,rgba(0,8,20,.5) 0,transparent 20%,transparent 78%,rgba(0,11,24,.95) 100%)}
.nav{display:flex;align-items:center;gap:40px;height:92px;position:relative;z-index:5}
.logo img{height:46px;width:auto;filter:drop-shadow(0 2px 8px rgba(0,0,0,.4))}
.menu{display:flex;align-items:center;gap:34px;font-size:15px;font-weight:500;flex:1}
.menu .chev{display:inline-block;width:14px;height:14px;vertical-align:-2px}
.menu a:hover{color:var(--cyan)}.menu .btn:hover{color:#fff}
.menu-cta{margin-left:auto}.menu .btn{padding:11px 22px;font-size:14.5px;border-radius:10px}
.burger{display:none;background:none;border:0;width:44px;height:44px;margin-left:auto;cursor:pointer}
.burger span{display:block;height:3px;background:#fff;margin:6px 8px;border-radius:2px}
.hero-body{flex:1;display:flex;flex-direction:column;padding:clamp(24px,2.4vw,44px) 0 clamp(52px,4vw,76px)}
.hero h1{font-size:clamp(42px,4.8vw,80px);font-weight:800;line-height:.98;letter-spacing:-1px;text-shadow:0 4px 24px rgba(0,0,0,.45)}
.hero-sub{font-size:clamp(17px,1.8vw,30px);margin:clamp(22px,2vw,34px) 0 30px;color:#e6eefa;line-height:1.4;font-weight:400}
.cta-row{display:flex;gap:18px;flex-wrap:wrap}
.hero-feats{display:flex;gap:clamp(34px,3vw,56px);margin-top:auto;padding-top:36px;flex-wrap:wrap}
.hero-feats li{display:flex;align-items:center;gap:14px;font-size:clamp(14.5px,1vw,18px);line-height:1.3;color:#e6eefa}
.hero-feats svg{width:clamp(50px,3.2vw,60px);height:clamp(50px,3.2vw,60px)}

/* PLATAFORMA */
.plat{padding:72px 0 84px;border-top:1px solid rgba(0,140,255,.45);background:radial-gradient(700px 360px at 50% 62%,rgba(0,110,255,.28),transparent 70%),linear-gradient(180deg,#001431,#000d22)}
.sec-sub{max-width:900px;margin-inline:auto}
.stage{display:grid;grid-template-columns:minmax(290px,340px) 72px minmax(0,1fr) 72px minmax(290px,340px);align-items:center;height:434px}@media(min-width:1400px){.stage{margin-inline:-40px}}
.col{display:flex;flex-direction:column;gap:16px}
.fcard{display:grid;grid-template-columns:42% 1fr;align-items:stretch;height:134px;border:2px solid #0b8bff;border-radius:18px;overflow:hidden;background:linear-gradient(135deg,#00173a,#000f26);box-shadow:0 0 22px rgba(0,140,255,.55),inset 0 0 18px rgba(0,120,255,.28)}
.fcard img{width:100%;height:100%;object-fit:cover}
.fcard div{display:flex;flex-direction:column;justify-content:center;padding:10px 10px 10px 16px;min-width:0}
.fcard h3{font-size:clamp(15.5px,1.3vw,18.5px);line-height:1.18;margin-bottom:7px}
.fcard p{font-size:14px;line-height:1.35;color:#c4d3e6}
.arrows{width:72px;height:434px;fill:none;stroke:#2da3ff;stroke-width:2.4;stroke-linecap:round;filter:drop-shadow(0 0 6px rgba(0,150,255,.95))}
.arr-r{transform:scaleX(-1)}
.center{position:relative}
.center img{width:100%;max-width:640px;margin:0 auto;-webkit-mask-image:radial-gradient(ellipse 64% 68% at 50% 52%,#000 64%,transparent 100%);mask-image:radial-gradient(ellipse 64% 68% at 50% 52%,#000 64%,transparent 100%)}

/* MAQUININHAS */
.maq{position:relative;border-top:1px solid rgba(0,140,255,.45);background:#020e1f;isolation:isolate;overflow:hidden;height:clamp(540px,40vw,760px);display:flex;align-items:center}
.maq-bg{position:absolute;top:7%;right:0;width:auto;max-width:64%;aspect-ratio:1448/1086;height:86%;background:url(../assets/maq-produto.webp) right center/100% 100% no-repeat;z-index:-1;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 12%),linear-gradient(180deg,transparent 0,#000 8%,#000 92%,transparent 100%);-webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent 0,#000 12%),linear-gradient(180deg,transparent 0,#000 8%,#000 92%,transparent 100%);mask-composite:intersect}
.maq::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(520px 420px at 62% 55%,rgba(0,130,255,.28),transparent 70%)}
.maq-grid{width:min(1280px,100% - 48px);padding:0}
.maq-text{max-width:min(50%,680px)}
.maq .eyebrow{font-size:14px;letter-spacing:.04em;margin-bottom:14px}
.maq h2{font-size:clamp(28px,2.75vw,46px);font-weight:800;line-height:1.08;letter-spacing:-.5px;margin-bottom:22px}
.maq p{font-size:clamp(16px,1.35vw,19px);max-width:min(540px,40vw);color:#e6eef8;line-height:1.5}
.maq .circ-list{grid-template-columns:1fr 1fr;gap:22px 30px;margin-top:36px;max-width:600px}
.maq .circ-list li{font-size:clamp(14px,1.15vw,16.5px);line-height:1.3}
.maq .circ-list i{width:64px;height:64px;border-width:2px;background:rgba(0,30,70,.5);box-shadow:0 0 16px rgba(0,140,255,.65),inset 0 0 14px rgba(0,120,255,.3)}
.maq .circ-list i svg{width:30px;height:30px}
.circ-list{display:grid;gap:20px 26px}
.circ-list li{display:flex;align-items:center;gap:16px;color:#e3ecf8}
.circ-list li{font-size:14.5px;line-height:1.3}
.circ-list i{flex:none;width:56px;height:56px;border-radius:50%;border:1.8px solid #0a86ff;display:grid;place-items:center;color:var(--neon);box-shadow:0 0 14px rgba(0,130,255,.55),inset 0 0 12px rgba(0,110,255,.25);background:rgba(0,30,70,.55)}
.circ-list i svg{width:28px;height:28px}
.circ-list i svg{filter:drop-shadow(0 0 4px rgba(0,169,255,.8))}

.gestao h2{font-size:clamp(26px,2.6vw,38px);font-weight:700;margin-bottom:16px}
.gestao p{font-size:16.5px;max-width:520px;color:#d9e4f1}

/* VENDAS ONLINE */
.online{--tl:max(24px,calc((100vw - 1280px)/2));position:relative;border-top:1px solid rgba(0,140,255,.45);background:#041021;isolation:isolate;overflow:hidden;height:clamp(540px,38.5vw,720px);display:flex;align-items:center}
.vo-bg{position:absolute;top:50%;right:0;transform:translateY(-50%);width:min(62vw,calc(100vw - var(--tl) - 520px));aspect-ratio:1288/760;background:url(../assets/vo-produto.webp) center/100% 100% no-repeat;z-index:-1;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 12%),linear-gradient(180deg,transparent 0,#000 7%,#000 93%,transparent 100%);-webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent 0,#000 12%),linear-gradient(180deg,transparent 0,#000 7%,#000 93%,transparent 100%);mask-composite:intersect}
.online::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(520px 380px at 66% 55%,rgba(40,110,255,.22),transparent 70%)}
.vo-grid{width:min(1280px,100% - 48px);padding:0}
.vo-text{max-width:min(560px,44vw)}
.online .eyebrow{font-size:14px;letter-spacing:.04em;margin-bottom:14px}
.online h2{font-size:clamp(28px,3.1vw,50px);font-weight:800;line-height:1.08;letter-spacing:-.5px;margin-bottom:18px}
.online p{font-size:clamp(15px,1.25vw,18px);line-height:1.5;color:#e6eef8;max-width:min(520px,36vw)}
.online .circ-list{grid-template-columns:1fr 1fr;gap:18px 26px;margin-top:30px}
.online .circ-list li{font-size:clamp(14px,1.15vw,16.5px);line-height:1.3}
.online .circ-list i{width:60px;height:60px;border-width:2px;background:rgba(0,30,70,.5);box-shadow:0 0 16px rgba(0,140,255,.65),inset 0 0 14px rgba(0,120,255,.3)}
.online .circ-list i svg{width:28px;height:28px}
@media(max-width:1180px){
 .online{display:flex;flex-direction:column;height:auto;align-items:stretch}
 .vo-grid{padding:56px 0 0}.vo-text{max-width:none}.online p{max-width:620px}.online .circ-list{max-width:620px}
 .vo-bg{order:2;position:relative;top:auto;right:auto;transform:none;width:100%;max-width:960px;margin:30px auto 0;-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 14%);mask-image:linear-gradient(180deg,transparent 0,#000 14%)}
}
@media(max-width:640px){.online .circ-list{grid-template-columns:1fr;gap:14px}.online .circ-list i{width:52px;height:52px}}

/* GESTAO */
.gestao{position:relative;border-top:1px solid rgba(0,140,255,.45);padding:50px 0 54px;background:linear-gradient(90deg,rgba(0,11,24,.9),rgba(0,11,24,.7)),url(../assets/fundo-numeros.webp) center/cover no-repeat;isolation:isolate}
.gestao-grid{display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:30px}
.g-img{width:100%;max-width:660px;margin-left:auto;filter:drop-shadow(0 0 28px rgba(0,120,255,.5))}
.bare-list{display:flex;gap:30px;margin-top:32px;flex-wrap:wrap}
.bare-list li{display:flex;align-items:center;gap:12px;font-size:13.5px;color:#e3ecf8}
.bare-list svg{width:38px;height:38px}

/* PLANOS */
.planos{border-top:1px solid rgba(0,140,255,.45);background:linear-gradient(180deg,#00132a,#000b1b);padding:40px 0}
.planos-grid{display:grid;grid-template-columns:1.05fr 1.2fr 1fr;gap:22px;align-items:center}
.planos h2{font-size:clamp(24px,2.2vw,31px);margin-bottom:6px}@media(min-width:1181px){.planos h2{white-space:nowrap}}
.pcard{position:relative;display:flex;align-items:center;gap:18px;padding:22px 22px;border:1.5px solid #1b5f9e;border-radius:16px;background:rgba(0,22,52,.7);min-height:110px;transition:transform .2s}
.pcard:hover{transform:translateY(-3px)}
.pcard.hot{border-color:#0a86ff;background:linear-gradient(135deg,rgba(0,60,130,.75),rgba(0,28,70,.85));box-shadow:0 0 26px rgba(0,130,255,.55),inset 0 0 24px rgba(0,120,255,.2)}
.pcard .big{width:56px;height:56px;flex:none}
.pcard h3{font-size:19px;margin-bottom:4px}.pcard p{font-size:13px;line-height:1.35}
.pcard em{margin-left:auto;flex:none;width:34px;height:34px;border:1.8px solid var(--neon);border-radius:50%;display:grid;place-items:center;color:var(--neon)}
.pcard em svg{width:16px;height:16px}
.badge{position:absolute;top:-13px;left:50%;transform:translateX(-10%);background:#0a86ff;color:#fff;font-size:11px;font-weight:700;letter-spacing:.06em;padding:4px 14px;border-radius:20px;box-shadow:0 0 14px rgba(0,140,255,.8)}

/* NUMEROS */
.numeros{position:relative;border-top:1px solid rgba(0,140,255,.45);padding:44px 0 46px;background:linear-gradient(180deg,rgba(0,11,24,.82),rgba(0,11,24,.7)),url(../assets/fundo-numeros.webp) center 30%/cover no-repeat}
.numeros h2{font-size:clamp(26px,2.6vw,34px)}
.n-sub{font-size:16px;margin:4px 0 24px;color:#d9e4f1}
.nums{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap}
.nums li{display:flex;align-items:center;gap:16px}
.nums svg{width:54px;height:54px}
.nums strong{display:block;color:#fff;font-size:clamp(24px,2.5vw,32px);font-weight:700;line-height:1.15}
.nums p{font-size:15px;line-height:1.3}

/* FOOTER */
footer{background:#000813;border-top:1px solid rgba(0,140,255,.45);padding:34px 0 18px;font-size:13px}
.foot{display:grid;grid-template-columns:1.2fr .9fr .9fr 1.2fr 1fr;gap:28px;align-items:start}
.f-brand img{height:44px;width:auto;margin-bottom:6px}.f-brand p{font-size:12.5px;line-height:1.4}
.foot h4{font-size:13px;margin-bottom:10px}
.foot nav a{display:block;margin-bottom:6px}.foot a:hover{color:var(--cyan)}
.f-contact{display:grid;gap:7px}.f-contact a,.f-contact span{display:flex;align-items:center;gap:10px}.f-contact svg{width:17px;height:17px;color:#e6eefa}
.f-cta{display:grid;gap:16px;justify-items:end}
.social{display:flex;gap:16px}.social svg{width:20px;height:20px}
.legal{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-top:18px;padding-top:12px;border-top:1px solid rgba(255,255,255,.1);font-size:11.5px;color:#8fa2ba}
.legal i{display:inline-block;width:1px;height:11px;background:#5b7088;margin:0 8px;vertical-align:-1px}

/* RESPONSIVO */
@media(max-width:1180px){
 .stage{grid-template-columns:1fr;height:auto;gap:18px}.arrows{display:none}.center{order:-1}.col-l,.col-r{display:grid;grid-template-columns:1fr 1fr;gap:14px}.fcard{height:120px}
 .planos-grid{grid-template-columns:1fr 1fr}.planos-grid>div:first-child{grid-column:1/-1}
 .foot{grid-template-columns:1fr 1fr 1fr}.f-brand{grid-column:1/-1}.f-cta{justify-items:start}
.gestao-grid{grid-template-columns:1fr}.g-img{margin:20px auto 0}
}
@media(max-width:900px){
 .burger{display:block}
 .menu{position:absolute;top:84px;left:0;right:0;flex-direction:column;align-items:flex-start;background:rgba(0,11,24,.97);padding:22px 26px;gap:18px;display:none;border-radius:0 0 16px 16px;border:1px solid rgba(0,140,255,.4);border-top:0}
 .menu.open{display:flex}.menu-cta{margin-left:0}
 .hero{background-size:auto 400px;background-position:76% 100%;padding-bottom:400px}
 .hero::before{background:linear-gradient(180deg,#000b18 0,rgba(0,11,24,.96) calc(100% - 400px),rgba(0,11,24,.35) calc(100% - 300px),transparent calc(100% - 200px),transparent 100%)}
 .hero-sub br{display:none}.hero-feats{display:grid;grid-template-columns:1fr 1fr;gap:22px 16px}.hero-feats li{max-width:none}
 
}
@media(max-width:640px){
 .col-l,.col-r{grid-template-columns:1fr}.circ-list{grid-template-columns:1fr}.planos-grid{grid-template-columns:1fr}
 .foot{grid-template-columns:1fr 1fr}
 .nums{flex-direction:column}.cta-row .btn{width:100%}.f-cta{grid-column:1/-1}.badge{left:20px;transform:none}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

@media(max-width:1240px){
 .maq{display:flex;flex-direction:column;height:auto;padding-bottom:0;align-items:stretch}
 .maq-grid{padding:56px 0 0}.maq-text{max-width:none}
 .maq p{max-width:620px}.maq .circ-list{max-width:620px}
 .maq-bg{order:2;position:relative;display:block;top:auto;right:auto;bottom:auto;width:100%;max-width:960px;margin-inline:auto;height:auto;aspect-ratio:1448/1086;margin-top:34px;background-size:cover;-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 20%);mask-image:linear-gradient(180deg,transparent 0,#000 20%)}
}
@media(max-width:640px){.maq .circ-list{grid-template-columns:1fr;gap:14px}.maq .circ-list i{width:52px;height:52px}}

/* IDEAL PARA */
.planos{padding-bottom:48px}
.ideal{margin-top:40px;padding-top:32px;border-top:1px solid rgba(0,140,255,.25)}
.ideal__title{font-size:clamp(20px,1.7vw,24px);font-weight:700;margin-bottom:18px}
.ideal__list{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:14px}
.ideal__list li{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:104px;padding:16px 10px;text-align:center;border:1.5px solid #1b5f9e;border-radius:14px;background:linear-gradient(160deg,rgba(0,40,90,.55),rgba(0,22,52,.8));font-size:14px;font-weight:600;line-height:1.25;color:#e6eef8;transition:transform .2s,border-color .2s,box-shadow .2s}
.ideal__list li:hover{transform:translateY(-3px);border-color:#0a86ff;box-shadow:0 0 18px rgba(0,130,255,.55)}
.ideal__list svg{width:42px;height:42px}
@media(max-width:1100px){.ideal__list{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:640px){.ideal{margin-top:32px;padding-top:26px}.ideal__list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.ideal__list li{min-height:92px;flex-direction:row;justify-content:flex-start;text-align:left;gap:12px;padding:12px 14px}.ideal__list li:last-child{grid-column:1/-1}.ideal__list svg{width:30px;height:30px;flex:none}}

/* ===== HARMONIA v17: escala única de tamanhos, espaçamentos e tipografia ===== */
:root{
 --container:clamp(1160px,76vw,1500px);
 --sec-y:clamp(52px,4.4vw,68px);
 --fs-h1:clamp(40px,4.2vw,64px);
 --fs-h2:clamp(26px,2.5vw,36px);
 --fs-h3:clamp(16px,1.25vw,18px);
 --fs-lead:clamp(15.5px,1.2vw,18px);
 --fs-body:clamp(14px,1.05vw,15.5px);
 --fs-small:13.5px;
 --sec-h:clamp(500px,35vw,620px);
}
.wrap,.maq-grid,.vo-grid{width:min(var(--container),100% - 48px)}
.clientes__wrap{width:min(var(--container),100% - 48px)}
.online{--tl:max(24px,calc((100vw - var(--container))/2))}
.eyebrow,.maq .eyebrow,.online .eyebrow{font-size:13px;letter-spacing:.06em;margin-bottom:12px}
/* hero */
.hero{min-height:clamp(540px,34vw,640px)}
.nav{height:84px}.logo img{height:42px}
.hero h1{font-size:var(--fs-h1);letter-spacing:-.8px}
.hero-sub{font-size:clamp(16px,1.5vw,22px);margin:clamp(18px,1.6vw,26px) 0 26px}
.hero-body{padding:clamp(20px,2vw,36px) 0 clamp(44px,3.4vw,60px)}
.hero-feats li{font-size:clamp(14px,.95vw,16px)}
.hero-feats svg{width:clamp(44px,2.9vw,52px);height:clamp(44px,2.9vw,52px)}
/* seções de conteúdo */
.plat{padding:var(--sec-y) 0}
.gestao{padding:var(--sec-y) 0}
.planos{padding:var(--sec-y) 0}
.numeros{padding:var(--sec-y) 0}
.sec-title{font-size:var(--fs-h2);line-height:1.12}
.sec-sub{font-size:var(--fs-lead);margin:10px auto 30px}
.stage{height:404px}.arrows{height:404px}.fcard{height:124px}
.fcard h3{font-size:var(--fs-h3)}.fcard p{font-size:var(--fs-small)}
.center img{max-width:580px}
/* seções com imagem (maquininhas / vendas online) */
.maq,.online{height:var(--sec-h)}
.maq h2,.online h2,.gestao h2,.planos h2,.numeros h2,.ideal__title{font-size:var(--fs-h2);font-weight:800;line-height:1.1;letter-spacing:-.4px}
.maq h2,.online h2{margin-bottom:16px}
.ideal__title{font-weight:700;font-size:clamp(20px,1.7vw,24px)}
.maq p,.online p,.gestao p,.n-sub{font-size:var(--fs-lead);line-height:1.5}
.maq .circ-list,.online .circ-list{gap:18px 26px;margin-top:28px}
.maq .circ-list li,.online .circ-list li,.circ-list li{font-size:var(--fs-body)}
.maq .circ-list i,.online .circ-list i,.circ-list i{width:54px;height:54px}
.maq .circ-list i svg,.online .circ-list i svg,.circ-list i svg{width:26px;height:26px}
/* planos / ideal / números */
.pcard h3{font-size:var(--fs-h3)}.pcard p{font-size:var(--fs-small)}
.pcard{min-height:100px;padding:20px}
.pcard .big{width:50px;height:50px}
.ideal{margin-top:34px;padding-top:28px}
.ideal__list li{min-height:96px;font-size:var(--fs-small)}
.ideal__list svg{width:38px;height:38px}
.nums strong{font-size:clamp(24px,2.3vw,30px)}.nums p{font-size:var(--fs-body)}.nums svg{width:48px;height:48px}
.bare-list li{font-size:var(--fs-small)}
/* carrossel de clientes */
.clientes__slot{height:100px}
@media(max-width:1240px){.maq{height:auto}}@media(max-width:1180px){.online{height:auto}}
@media(max-width:1180px){.clientes__slot{height:92px}}
@media(max-width:900px){.nav{height:76px}.menu{top:76px}}
@media(max-width:640px){
 :root{--sec-y:44px;--fs-h2:26px}
 .hero h1{font-size:38px}.clientes__slot{height:84px}
}
.clientes .clientes__wrap{width:min(var(--container),100% - 48px)}
@media(min-width:1400px){.stage{margin-inline:0}}
.sec-sub{max-width:1000px;text-wrap:balance}
@media(max-width:1180px){.stage{height:auto}.fcard{height:116px}}

/* ===== brilho dos cards reduzido (v20) ===== */
.fcard{border-color:rgba(11,139,255,.7);box-shadow:0 0 10px rgba(0,140,255,.22),inset 0 0 8px rgba(0,120,255,.12)}
.circ-list i,.maq .circ-list i,.online .circ-list i{box-shadow:0 0 7px rgba(0,130,255,.28),inset 0 0 6px rgba(0,110,255,.14)}
.pcard{border-color:rgba(27,95,158,.85)}
.pcard.hot{box-shadow:0 0 12px rgba(0,130,255,.28),inset 0 0 10px rgba(0,120,255,.1)}
.badge{box-shadow:0 0 6px rgba(0,140,255,.4)}
.ideal__list li:hover{box-shadow:0 0 8px rgba(0,130,255,.3)}
.clientes .clientes__lead,.clientes .clientes__stage{border-color:rgba(21,146,255,.7);box-shadow:0 0 12px rgba(21,146,255,.16),inset 0 0 10px rgba(21,146,255,.05)}
.clientes .clientes__nav{box-shadow:0 0 10px rgba(21,146,255,.3)}
.neon{filter:drop-shadow(0 0 3px rgba(0,169,255,.4))}
.arrows{filter:drop-shadow(0 0 3px rgba(0,150,255,.5))}

/* ===== "Ideal para" em cards no rodapé da seção Maquininhas ===== */
.planos{padding-bottom:40px}
.maq-ideal{position:absolute;left:0;right:0;bottom:30px;margin-inline:auto}
.maq-ideal .ideal__title{margin-bottom:16px}
@media(min-width:1241px){
 .maq{height:calc(var(--sec-h) + 190px);padding-bottom:190px}
 .maq-bg{top:calc((100% - 190px)*.07);height:calc((100% - 190px)*.86)}
}
@media(max-width:1240px){.maq-ideal{position:static;order:3;width:min(var(--container),100% - 48px);margin:34px auto 0;padding-bottom:44px}}

/* ===== v23: carrossel contínuo (automático) ===== */
.clientes .clientes__stage{grid-template-columns:minmax(0,1fr)}
.clientes .clientes__viewport{display:flex;-webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}
.clientes .clientes__track{flex:none;margin-left:0;transition:none;touch-action:auto;animation:cl-marquee 63.6s linear infinite}
.clientes .clientes__slot{flex:0 0 230px;height:100px}
@keyframes cl-marquee{to{transform:translateX(-100%)}}
@media(max-width:1180px){.clientes .clientes__slot{flex-basis:200px;height:92px}}
@media(max-width:640px){.clientes .clientes__slot{flex-basis:150px;height:84px}.clientes .clientes__track{animation-duration:55s}}
@media(prefers-reduced-motion:reduce){.clientes .clientes__track{animation:none}.clientes .clientes__viewport{overflow-x:auto;-webkit-mask-image:none;mask-image:none}}

/* ===== v23: seções alternadas (texto|imagem, imagem|texto) e textos menores ===== */
.maq h2,.online h2,.gestao h2{font-size:clamp(24px,2.1vw,31px);line-height:1.14;letter-spacing:-.3px;margin-bottom:14px}
.maq p,.online p,.gestao p{font-size:clamp(14.5px,1.05vw,16.5px);line-height:1.55}
.maq .eyebrow,.online .eyebrow,.gestao .eyebrow{font-size:12.5px;margin-bottom:10px}
.maq .circ-list li,.online .circ-list li,.circ-list li{font-size:clamp(13.5px,.98vw,15px)}
.maq .circ-list i,.online .circ-list i,.circ-list i{width:48px;height:48px}
.maq .circ-list i svg,.online .circ-list i svg,.circ-list i svg{width:23px;height:23px}
.maq .circ-list,.online .circ-list{gap:18px 26px;margin-top:26px}
.bare-list li{font-size:13.5px}.bare-list svg{width:34px;height:34px}.bare-list{margin-top:26px}
@media(min-width:1181px){
 /* Vendas online: imagem à esquerda | texto à direita */
 .vo-bg{right:auto;left:0;-webkit-mask-image:linear-gradient(270deg,transparent 0,#000 12%),linear-gradient(180deg,transparent 0,#000 7%,#000 93%,transparent 100%);mask-image:linear-gradient(270deg,transparent 0,#000 12%),linear-gradient(180deg,transparent 0,#000 7%,#000 93%,transparent 100%);-webkit-mask-composite:source-in;mask-composite:intersect}
 .vo-text{margin-left:auto}
 .vo-bg{width:min(62vw,calc(100vw - var(--tl) - 600px))}
 .online::before{background:radial-gradient(520px 380px at 34% 55%,rgba(40,110,255,.22),transparent 70%)}
}

/* ===== v24: imagem de Vendas online menor ===== */
@media(min-width:1181px){
 .vo-bg{left:var(--tl);width:min(40vw,calc(100vw - var(--tl) - 640px));-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 12%,#000 88%,transparent 100%),linear-gradient(180deg,transparent 0,#000 7%,#000 93%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 12%,#000 88%,transparent 100%),linear-gradient(180deg,transparent 0,#000 7%,#000 93%,transparent 100%);-webkit-mask-composite:source-in;mask-composite:intersect}
}
@media(max-width:1180px){.vo-bg{max-width:760px}}

/* ===== v25: Maquininhas mais compacta (altura segue o conteúdo) ===== */
@media(min-width:1241px){
 .maq{--mh:clamp(400px,30vw,540px);height:auto;display:block;padding:56px 0 56px}
 .maq-grid{display:flex;align-items:center;min-height:var(--mh)}
 .maq-bg{top:56px;height:var(--mh);bottom:auto}
 .maq-ideal{position:static;margin:40px auto 0}
}
@media(min-width:1241px){
 .maq{--mh:clamp(360px,26vw,420px);padding:48px 0 52px}
 .maq-bg{top:48px}
 .maq-ideal{margin-top:30px}
}

/* ===== v26: Maquininhas em duas colunas (texto | imagem alinhada ao conteúdo) ===== */
@media(min-width:1241px){
 .maq{--tl:max(24px,calc((100vw - var(--container))/2));--mw:clamp(460px,34vw,560px);--mh:calc(var(--mw)*.75);padding:44px 0 48px}
 .maq-grid{min-height:calc(var(--mh) - 20px)}
 .maq-bg{top:34px;right:var(--tl);left:auto;bottom:auto;width:var(--mw);max-width:none;height:auto;aspect-ratio:1448/1086;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 14%,#000 86%,transparent 100%),linear-gradient(180deg,transparent 0,#000 8%,#000 92%,transparent 100%);
  mask-image:linear-gradient(90deg,transparent 0,#000 14%,#000 86%,transparent 100%),linear-gradient(180deg,transparent 0,#000 8%,#000 92%,transparent 100%);
  -webkit-mask-composite:source-in;mask-composite:intersect}
 .maq .circ-list{gap:18px 36px}
}

/* ===== v28: título do hero mais centralizado; título de Maquininhas maior ===== */
.hero-body{padding-top:clamp(44px,4.6vw,84px)}
.maq h2{font-size:clamp(27px,2.4vw,36px)}
.hero{min-height:clamp(580px,37vw,680px)}

/* ===== v29 ===== */
.maq h2{font-size:clamp(29px,2.6vw,40px)}
.plat .sec-title{margin-bottom:clamp(40px,4vw,56px)}

/* ===== v30: nova imagem de Maquininhas ===== */
@media(min-width:1241px){.maq-ideal{margin-top:46px}}
@media(max-width:1240px){.maq-bg{max-width:720px}}
@media(max-width:640px){.maq h2{font-size:25px}}

/* ===== v31: imagem de Maquininhas maior e mais próxima do texto ===== */
@media(min-width:1241px){
 .maq{--mw:clamp(560px,47vw,820px);--mh:calc(var(--mw)*.66)}
 .maq-bg{aspect-ratio:auto;height:var(--mh);background-size:cover;background-position:center 25%}
}

/* ===== v32: notebook central maior; respiro texto|imagem em Maquininhas e Vendas online ===== */
@media(min-width:1181px){
 .stage{grid-template-columns:minmax(290px,332px) 44px minmax(0,1fr) 44px minmax(290px,332px)}
 .arrows{width:44px}
 .center img{max-width:640px}
 .maq{--mw:clamp(560px,45vw,820px)}
 .vo-bg{width:min(38vw,calc(100vw - var(--tl) - 640px))}
}

/* ===== v33: "ideal para" abaixo da seção Todo seu evento ===== */
.ideal-strip{margin-top:clamp(48px,5vw,72px)}
.ideal-strip .ideal__title{margin-bottom:18px}

/* v35 mini-totens */
.totens{position:relative;border-top:1px solid rgba(0,140,255,.45);background:radial-gradient(800px 380px at 28% 50%,rgba(0,110,230,.14),transparent 70%),#020e1f;padding:var(--sec-y,56px) 0}
.totens-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:clamp(24px,3vw,48px);align-items:center}
.totens-img img{display:block;width:100%;height:auto;border-radius:18px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent),linear-gradient(180deg,transparent,#000 10%,#000 90%,transparent);-webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent),linear-gradient(180deg,transparent,#000 10%,#000 90%,transparent);mask-composite:intersect}
.totens .eyebrow{font-size:14px;letter-spacing:.04em;margin-bottom:14px}
.totens h2{font-size:clamp(26px,2.2vw,34px);line-height:1.14;letter-spacing:-.3px;margin-bottom:14px}
.totens .t-sub{display:block;margin-top:8px;font-size:.62em;line-height:1.3;font-weight:600;letter-spacing:0;color:var(--neon)}
.totens p{font-size:clamp(14.5px,1.05vw,16.5px);line-height:1.55;max-width:520px}
.totens .circ-list{display:grid;grid-template-columns:1fr 1fr;gap:18px 26px;margin-top:26px}
@media(max-width:1180px){.totens-grid{grid-template-columns:1fr}.totens-text{order:-1}.totens-img{max-width:720px}}
@media(max-width:640px){.totens h2{font-size:25px}.totens .circ-list{gap:16px 14px}}

/* v36 totens: mostra letreiro CHOPP */
.totens-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1fr)}
.totens-img{max-width:620px}
.totens-img img{-webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 92%,transparent),linear-gradient(180deg,transparent,#000 3%,#000 90%,transparent);mask-image:linear-gradient(90deg,transparent,#000 5%,#000 92%,transparent),linear-gradient(180deg,transparent,#000 3%,#000 90%,transparent)}
@media(max-width:1180px){.totens-img{max-width:560px;margin-inline:auto}}
/* v37 mais espaço entre imagem e texto */
.totens-grid{gap:clamp(40px,5vw,84px)}
.totens-img{max-width:640px}
.totens-img img{-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 92%,transparent),linear-gradient(180deg,transparent,#000 3%,#000 90%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 92%,transparent),linear-gradient(180deg,transparent,#000 3%,#000 90%,transparent)}
@media(min-width:1241px){
 .maq{--mw:clamp(520px,41vw,760px)}
}
@media(min-width:1181px){
 .vo-bg{width:min(35vw,calc(100vw - var(--tl) - 700px))}
}
/* v38 caixas moveis */
.caixas{position:relative;border-top:1px solid rgba(0,140,255,.45);background:radial-gradient(800px 380px at 72% 50%,rgba(0,110,230,.16),transparent 70%),#020e1f;padding:var(--sec-y,56px) 0}
.caixas-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:clamp(40px,5vw,84px);align-items:center}
.caixas-img{max-width:520px;justify-self:end;width:100%}
.caixas-img img{display:block;width:100%;height:auto;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent),linear-gradient(180deg,transparent,#000 4%,#000 92%,transparent);-webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent),linear-gradient(180deg,transparent,#000 4%,#000 92%,transparent);mask-composite:intersect}
.caixas h2{font-size:clamp(26px,2.2vw,34px);line-height:1.14;letter-spacing:-.3px;margin-bottom:14px}
.caixas .t-sub{display:block;margin-top:8px;font-size:.62em;line-height:1.3;font-weight:600;letter-spacing:0;color:var(--neon)}
.caixas p{font-size:clamp(14.5px,1.05vw,16.5px);line-height:1.55;max-width:520px}
.caixas .circ-list{display:grid;grid-template-columns:1fr 1fr;gap:18px 26px;margin-top:26px}
@media(max-width:1180px){.caixas-grid{grid-template-columns:1fr}.caixas-img{justify-self:center;max-width:480px}}
@media(max-width:640px){.caixas h2{font-size:25px}.caixas .circ-list{gap:16px 14px}}
/* v39 planos + cta listapix */
.vo-cta{margin-top:26px}
.caixas-img img{-webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 94%,transparent),linear-gradient(180deg,transparent,#000 3%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 5%,#000 94%,transparent),linear-gradient(180deg,transparent,#000 3%,#000 92%,transparent)}
.planos .planos-title{text-align:center;white-space:normal;margin-bottom:28px}
.planos .planos-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;max-width:960px;margin-inline:auto;align-items:stretch}
.plan{display:flex;flex-direction:column;align-items:flex-start;gap:0;padding:30px 32px;border:1.5px solid rgba(27,95,158,.85);border-radius:18px;background:rgba(0,22,52,.7);transition:transform .2s}
.plan:hover{transform:translateY(-3px)}
.plan.hot{border-color:#0a86ff;background:linear-gradient(135deg,rgba(0,60,130,.7),rgba(0,28,70,.85));box-shadow:0 0 12px rgba(0,130,255,.28),inset 0 0 10px rgba(0,120,255,.1)}
.plan .big{width:48px;height:48px;margin-bottom:14px}
.plan h3{font-size:24px;margin-bottom:4px}
.plan-slogan{font-size:14.5px;font-weight:600;color:var(--neon);margin-bottom:12px}
.plan p{font-size:15px;line-height:1.55;margin-bottom:22px;max-width:420px}
.plan .btn{margin-top:auto}
@media(max-width:700px){.planos .planos-grid{grid-template-columns:1fr}.plan{padding:24px}}
/* v40 rodape centralizado */
footer .foot{display:flex;flex-direction:column;align-items:center;text-align:center;gap:22px}
footer .f-brand{grid-column:auto}
footer .f-brand img{margin-inline:auto}
footer .f-contact{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 32px}
footer .f-contact h4{display:none}
footer .f-cta{justify-items:center}
footer .legal{justify-content:center;flex-direction:column;align-items:center;gap:8px;text-align:center}
.maq h2{text-wrap:balance}
@media(min-width:641px){.maq .circ-list,.online .circ-list{grid-template-columns:1fr 1fr}}
.plan-more{margin-top:14px;font-size:14px;font-weight:600;color:var(--neon)}.plan-more:hover{color:var(--cyan)}
footer .f-note{max-width:760px;margin:10px auto 0;font-size:12px;line-height:1.55;color:#9fb0c6}
/* v53 correção: Mini-Totens empilha em tablet/celular */
@media(max-width:1180px){.totens-grid{grid-template-columns:1fr}.totens-text{order:-1}.totens-img{max-width:560px;margin-inline:auto}}