/* Layout: grade simétrica 50/50, banners em azul profundo da marca, conteúdo claro, verde para ação (guia Planner + comunicação do Instagram) */
:root{
  --blue:#005d89; --navy:#052b40; --navy2:#07405e; --green:#49a142; --lime:#6cc24a; --action:#2f7d32; --deep:#14532d;
  --ink:#17221b; --muted:#5f6f65; --surface:#f4f6f5; --soft-green:#edf7ed; --soft-blue:#eaf4f8; --border:#d9e1dc; --white:#ffffff;
  --on-dark:#dbe9f0; --on-dark-muted:#9fbccb; --glass:rgba(255,255,255,.08); --glass-b:rgba(255,255,255,.16);
  --ok-bg:#dcfce7; --ok:#166534; --warn-bg:#fff4e5; --warn:#9a5b00; --crit-bg:#fdecec; --crit:#b42318;
  --tbd-bg:#fff7d6; --tbd:#7a5b00; --wa:#1fa855;
  --font:Inter, Arial, Helvetica, sans-serif; --r:8px; --w:1200px; --focus:0 0 0 3px rgba(0,93,137,.35);
  color-scheme:light;
}
*{box-sizing:border-box}
body{margin:0;background:var(--white);color:var(--ink);font-family:var(--font);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}
a{color:var(--blue)} img{max-width:100%} p{margin:0}
:focus-visible{outline:none;box-shadow:var(--focus);border-radius:6px}
.wrap{max-width:var(--w);margin:0 auto;padding-inline:clamp(20px,4vw,48px)}
h1,h2,h3,h4{margin:0;text-wrap:balance}
.h-xl{font-size:clamp(36px,5vw,58px);line-height:1.05;font-weight:800;letter-spacing:-1.5px}
.h-l{font-size:clamp(28px,3.4vw,40px);line-height:1.12;font-weight:800;letter-spacing:-.8px}
.h-m{font-size:clamp(20px,2vw,24px);line-height:1.25;font-weight:700;letter-spacing:-.2px}
.lead{font-size:clamp(17px,1.5vw,19px);line-height:1.55;color:var(--muted);max-width:56ch}
.eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:13px;font-weight:700;letter-spacing:1.6px;text-transform:uppercase;color:var(--action)}
.eyebrow:before{content:"";width:22px;height:3px;border-radius:2px;background:currentColor}
.dark .eyebrow{color:var(--lime)}
.hl{color:var(--action)} .dark .hl{color:var(--lime)}
.muted{color:var(--muted)}
.band{padding-block:clamp(56px,8vw,104px)}
.bg-surface{background:var(--surface)}
.center{text-align:center;margin-inline:auto}
.sec-head{display:grid;gap:14px;margin-bottom:clamp(32px,4vw,52px)}
.sec-head.center{justify-items:center;max-width:760px}
.sec-head.center .lead{margin-inline:auto}
.ico{width:20px;height:20px;flex:none;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

/* prototype marks */
.proto{background:var(--tbd-bg);color:var(--tbd);font-size:13px;border-bottom:1px solid #f0e2a8}
.proto .wrap{display:flex;gap:12px;align-items:center;justify-content:space-between;padding-block:7px;flex-wrap:wrap}
.proto button{background:none;border:1px solid #e3cf7d;color:var(--tbd);border-radius:6px;font:inherit;font-size:12px;padding:3px 10px;cursor:pointer}
.tbd{display:inline-flex;align-items:center;background:var(--tbd-bg);color:var(--tbd);border:1px dashed #d9bf5a;font-size:11.5px;font-weight:600;border-radius:5px;padding:1px 7px;vertical-align:middle;white-space:nowrap;letter-spacing:0;text-transform:none}
body.clean .tbd,body.clean .proto{display:none}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:50px;padding:0 24px;border-radius:var(--r);font:600 15px/1.2 var(--font);text-decoration:none;cursor:pointer;border:1.5px solid transparent;transition:background .15s,color .15s,border-color .15s,transform .15s}
.btn:hover{transform:translateY(-1px)}
.btn-primary{background:var(--action);color:var(--white)} .btn-primary:hover{background:var(--deep)}
.btn-secondary{background:var(--white);color:var(--action);border-color:var(--action)} .btn-secondary:hover{background:var(--soft-green)}
.btn-ghost{background:transparent;color:var(--white);border-color:rgba(255,255,255,.45)} .btn-ghost:hover{background:var(--glass)}
.btn-wa{background:var(--wa);color:var(--white)} .btn-wa:hover{background:#178a45}
.btn-light{background:var(--white);color:var(--navy)} .btn-light:hover{background:var(--soft-blue)}
.btns{display:flex;gap:12px;flex-wrap:wrap}
.link{color:var(--blue);font-weight:600;text-decoration:none;display:inline-flex;align-items:center;gap:6px}
.link:hover{text-decoration:underline}

/* header */
header.site{position:sticky;top:env(safe-area-inset-top,0px);z-index:40;background:rgba(255,255,255,.96);backdrop-filter:blur(8px);border-bottom:1px solid var(--border)}
header.site .wrap{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;min-height:78px}
.brand img{height:40px;width:auto;display:block}
nav.main{display:flex;gap:4px}
nav.main a{color:var(--ink);text-decoration:none;font-size:15px;font-weight:600;padding:10px 14px;border-radius:6px}
nav.main a:hover,nav.main a[aria-current="page"]{color:var(--action)}
nav.main a[aria-current="page"]{box-shadow:inset 0 -2px 0 var(--action);border-radius:0}
.hdr-r{display:flex;justify-content:flex-end;gap:10px}
.menu-btn{display:none;background:none;border:1px solid var(--border);border-radius:var(--r);min-height:46px;min-width:46px;cursor:pointer;color:var(--ink);align-items:center;justify-content:center}
@media (max-width:960px){
  header.site .wrap{grid-template-columns:auto 1fr}
  nav.main{display:none;position:absolute;left:0;right:0;top:100%;background:var(--white);border-bottom:1px solid var(--border);flex-direction:column;padding:8px 20px 16px}
  nav.main.open{display:flex}
  .menu-btn{display:inline-flex}
  .hdr-wa span{display:none} .hdr-wa{padding:0 14px}
}

/* ======= HERO SLIDER ======= */
.hero{position:relative;background:radial-gradient(1200px 500px at 85% 20%,rgba(73,161,66,.22),transparent 60%),linear-gradient(120deg,var(--navy) 0%,var(--navy2) 55%,var(--blue) 100%);color:var(--white);overflow:hidden}
.hero:before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.09) 1px,transparent 1px);background-size:26px 26px;mask-image:linear-gradient(90deg,transparent,#000 55%);-webkit-mask-image:linear-gradient(90deg,transparent,#000 55%)}
.slide{display:none}
.slide.on{display:block;animation:sin .35s ease}
@keyframes sin{from{opacity:.3;transform:translateY(6px)}to{opacity:1;transform:none}}
.hero .wrap{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(28px,5vw,64px);align-items:center;padding-block:clamp(48px,7vw,96px) clamp(120px,11vw,150px)}
.hero .copy{display:grid;gap:22px;min-width:0}
.hero .lead{color:var(--on-dark)}
.facts{display:flex;flex-wrap:wrap;gap:10px 30px;color:var(--on-dark);font-size:15px;padding-top:10px;border-top:1px solid var(--glass-b)}
.facts span{display:inline-flex;align-items:center;gap:8px}
.facts .ico{color:var(--lime)} .facts b{color:var(--white)}
.hero-ctrl{position:absolute;left:0;right:0;bottom:78px;display:flex;justify-content:center;gap:10px;z-index:3}
.hero-ctrl button{border:none;cursor:pointer;background:rgba(255,255,255,.25);height:6px;width:34px;border-radius:4px;padding:0}
.hero-ctrl button[aria-current="true"]{background:var(--lime);width:56px}
.hero-arrows{position:absolute;right:clamp(20px,4vw,48px);bottom:62px;display:flex;gap:8px;z-index:3}
.hero-arrows button{width:44px;height:44px;border-radius:50%;border:1px solid var(--glass-b);background:var(--glass);color:var(--white);cursor:pointer;display:flex;align-items:center;justify-content:center}
.hero-arrows button:hover{background:rgba(255,255,255,.16)}
@media (max-width:960px){.hero .wrap{grid-template-columns:1fr}.hero-arrows{display:none}}

/* hero visual: map + floating cards */
.vis{position:relative;aspect-ratio:1/0.86;max-width:100%;min-width:0}
.vis svg.map{position:absolute;inset:0;width:100%;height:100%}
.fc{position:absolute;background:rgba(255,255,255,.97);color:var(--ink);border-radius:12px;padding:14px 16px;box-shadow:0 18px 40px rgba(2,24,36,.35);min-width:0}
.fc .k{font-size:11px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:var(--blue)}
.fc .n{font-size:30px;font-weight:800;line-height:1.05;color:var(--action);font-variant-numeric:tabular-nums}
.fc .s{font-size:12.5px;color:var(--muted)}
.fc .bar{height:7px;border-radius:5px;background:var(--border);overflow:hidden;margin-top:8px}.fc .bar i{display:block;height:100%;background:var(--green);border-radius:5px}
.fc ul{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:6px}
.fc li{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13px}
.st{font-weight:600;font-size:12px;padding:2px 8px;border-radius:5px;white-space:nowrap}
.st.ok{background:var(--ok-bg);color:var(--ok)}.st.warn{background:var(--warn-bg);color:var(--warn)}.st.crit{background:var(--crit-bg);color:var(--crit)}
.fc.alert{display:flex;gap:12px;align-items:center}
.fc.alert .ai{width:38px;height:38px;border-radius:10px;background:var(--warn-bg);color:var(--warn);display:flex;align-items:center;justify-content:center;flex:none}
.fc.alert b{display:block;font-size:14px}
.fc.dark{background:rgba(5,43,64,.9);color:var(--white);border:1px solid var(--glass-b)}
.fc.dark .s{color:var(--on-dark-muted)} .fc.dark .n{color:var(--lime)}
@media (max-width:520px){.fc{padding:10px 12px}.fc .n{font-size:22px}.vis{aspect-ratio:1/1.05}}

/* numbers strip */
.nums{position:relative;z-index:2;margin-top:-44px}
.nums .row{background:var(--white);border-radius:14px;box-shadow:0 14px 40px rgba(5,43,64,.12);display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.nums .c{padding:26px 28px;display:grid;gap:4px}
.nums .c+.c{border-left:1px solid var(--border)}
.nums b{font-size:clamp(28px,3vw,38px);font-weight:800;color:var(--navy);line-height:1;font-variant-numeric:tabular-nums;letter-spacing:-1px}
.nums b em{font-style:normal;color:var(--green)}
.nums span{font-size:14px;color:var(--muted)}
@media (max-width:760px){.nums .row{grid-template-columns:repeat(2,minmax(0,1fr))}.nums .c:nth-child(3){border-left:none}.nums .c:nth-child(n+3){border-top:1px solid var(--border)}}

/* ======= SOLUTIONS SHOWCASE (tabs) ======= */
.show{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(28px,5vw,64px);align-items:stretch}
@media (max-width:960px){.show{grid-template-columns:1fr}}
.tabs{display:grid;grid-auto-rows:1fr}
.tab{display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:center;text-align:left;background:none;border:none;border-top:1px solid var(--border);padding:22px 4px;cursor:pointer;font:inherit;color:var(--ink)}
.tab:last-child{border-bottom:1px solid var(--border)}
.tab .num{font-size:14px;font-weight:700;color:var(--muted);font-variant-numeric:tabular-nums;width:28px}
.tab .t{display:grid;gap:4px}
.tab .t b{font-size:clamp(19px,2vw,22px);font-weight:700;letter-spacing:-.2px}
.tab .t span{font-size:15px;color:var(--muted);display:none}
.tab .ar{width:40px;height:40px;border-radius:50%;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;color:var(--muted);transition:all .15s}
.tab[aria-selected="true"] .num{color:var(--action)}
.tab[aria-selected="true"] .t b{color:var(--deep)}
.tab[aria-selected="true"] .t span{display:block}
.tab[aria-selected="true"] .ar{background:var(--action);border-color:var(--action);color:var(--white)}
.tab:hover .ar{border-color:var(--action);color:var(--action)}
.tab[aria-selected="true"]:hover .ar{color:var(--white)}
.stage{position:relative;border-radius:16px;background:linear-gradient(135deg,var(--navy),var(--blue));color:var(--white);padding:clamp(24px,3vw,36px);display:grid;gap:22px;overflow:hidden;min-width:0}
.stage:before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.08) 1px,transparent 1px);background-size:22px 22px}
.stage>*{position:relative}
.stage .top{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.stage .badge{color:var(--lime)!important;font-size:12px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:var(--lime)}
.stage h3{font-size:clamp(24px,2.6vw,30px);font-weight:800;letter-spacing:-.5px}
.stage p{color:var(--on-dark)}
.stage .ui{background:var(--white);color:var(--ink);border-radius:12px;padding:18px;min-height:210px}
.stage .foot{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap}
.stage .foot a.link{color:var(--white)}

/* mini UIs */
.ui h5{margin:0 0 12px;font-size:12px;letter-spacing:1.2px;text-transform:uppercase;color:var(--blue)}
.tl-row{display:grid;grid-template-columns:90px 1fr 54px;gap:10px;align-items:center;font-size:13px;margin-bottom:10px}
.tl-bar{position:relative;height:14px;border-radius:4px;background:var(--surface);display:flex;overflow:hidden}
.tl-bar i{display:block;height:100%}
.tl-bar .d{background:var(--green)}.tl-bar .p{background:#7fb6d1}.tl-bar .e{background:#cfd8d3}.tl-bar .x{background:#e26a5a}
.tl-lim{position:absolute;top:-4px;bottom:-4px;width:2px;background:var(--crit)}
.leg{display:flex;gap:14px;flex-wrap:wrap;font-size:12px;color:var(--muted);margin-top:6px}
.leg span{display:inline-flex;align-items:center;gap:6px}.leg i{width:10px;height:10px;border-radius:2px;display:block}
.disc{display:grid;grid-template-columns:150px 1fr;gap:18px;align-items:center}
.disc svg{width:150px;height:150px}
.kv{display:grid;gap:8px;font-size:13px}.kv div{display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid var(--border);padding-bottom:6px}
.kv b{font-variant-numeric:tabular-nums}
.trip{width:100%;border-collapse:collapse;font-size:13px}
.trip th{text-align:left;font-size:11px;color:var(--muted);font-weight:600;padding:0 0 8px}
.trip td{padding:8px 0;border-top:1px solid var(--border)}
.trip .r{text-align:right;font-variant-numeric:tabular-nums}
.nodes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:center;text-align:center;font-size:12.5px;font-weight:600}
.nodes .n{border:1px solid var(--border);border-radius:8px;padding:12px 6px;background:var(--surface)}
.nodes .core{background:var(--action);color:var(--white);border-color:var(--action)}
@media (max-width:520px){.disc{grid-template-columns:1fr;justify-items:center}.tl-row{grid-template-columns:70px 1fr 44px}}

/* ======= STATEMENT BANNER ======= */
.statement{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-radius:18px;overflow:hidden}
@media (max-width:960px){.statement{grid-template-columns:1fr}}
.statement .l{background:var(--deep);color:var(--white);padding:clamp(32px,5vw,56px);display:grid;gap:18px;align-content:center;position:relative;overflow:hidden}
.statement .l:after{content:"";position:absolute;right:-60px;bottom:-60px;width:220px;height:220px;border-radius:50%;border:34px solid rgba(108,194,74,.18)}
.statement .l p{color:#cfe3d4}
.statement .r{background:var(--soft-green);padding:clamp(32px,5vw,56px);display:grid;gap:0;align-content:center}
.flow{position:relative;display:grid;gap:28px}
.flow:before{content:"";position:absolute;left:21px;top:22px;bottom:22px;width:2px;background:repeating-linear-gradient(180deg,var(--green) 0 6px,transparent 6px 12px)}
.fl{display:grid;grid-template-columns:44px 1fr;gap:18px;align-items:start;position:relative}
.fl .dot{width:44px;height:44px;border-radius:50%;background:var(--white);border:2px solid var(--green);display:flex;align-items:center;justify-content:center;color:var(--action)}
.fl b{display:block;font-size:19px;color:var(--deep)}
.fl p{color:var(--muted);font-size:15px}

/* ======= MARKETPLACE COLUMNS ======= */
.mcols{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:3px solid var(--navy)}
@media (max-width:960px){.mcols{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.mcols{grid-template-columns:1fr}}
.mcol{padding:26px 24px 8px;display:grid;gap:12px;align-content:start;border-right:1px solid var(--border)}
.mcol:last-child{border-right:none}
.mcol .top{display:flex;justify-content:space-between;align-items:center}
.mcol .top .ico{width:26px;height:26px;color:var(--blue)}
.mcol .top b{font-size:40px;font-weight:800;color:var(--navy);line-height:1;font-variant-numeric:tabular-nums}
.mcol h3{font-size:20px}
.mcol ul{list-style:none;padding:0;margin:0;display:grid;gap:6px}
.mcol li{font-size:15px;color:var(--muted);display:flex;gap:8px}
.mcol li:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--green);margin-top:9px;flex:none}
@media (max-width:960px){.mcol:nth-child(2){border-right:none}.mcol:nth-child(n+3){border-top:1px solid var(--border)}}

/* ======= ABOUT ======= */
.split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(28px,5vw,64px);align-items:center}
@media (max-width:960px){.split{grid-template-columns:1fr}}
.split .copy{display:grid;gap:20px;min-width:0}
.photo{position:relative;aspect-ratio:5/4;max-width:100%;border-radius:18px;overflow:hidden;background:linear-gradient(160deg,#0b4a6b,#05314a 60%,#0e4f2f)}
.photo svg{position:absolute;inset:0;width:100%;height:100%}
.photo .tag{position:absolute;left:16px;top:16px}
.photo .quote{position:absolute;left:20px;right:20px;bottom:20px;background:rgba(255,255,255,.96);border-radius:12px;padding:16px 18px;display:flex;gap:14px;align-items:center}
.photo .quote b{font-size:30px;font-weight:800;color:var(--action);line-height:1}
.photo .quote span{font-size:14px;color:var(--muted)}
.checks{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 20px}
.checks li{display:flex;gap:10px;font-size:15px}
.checks .ico{color:var(--green);margin-top:2px}
@media (max-width:520px){.checks{grid-template-columns:1fr}}

/* ======= CLIENTS ======= */
.logos{display:grid;border-bottom:1px solid var(--border)}
.logos div{display:flex;align-items:center;justify-content:center;text-align:center;min-height:96px;padding:12px;font-weight:700;color:#8a9790;font-size:14px;letter-spacing:.3px}
.logos div+div{border-left:1px solid var(--border)}
@media (max-width:960px){.logos{grid-template-columns:repeat(3,minmax(0,1fr))}.logos div:nth-child(4){border-left:none}.logos div:nth-child(n+4){border-top:1px solid var(--border)}}

/* ======= CTA BANNER ======= */
.ctab{position:relative;border-radius:20px;overflow:hidden;background:linear-gradient(115deg,var(--navy),var(--blue) 60%,#0d6b4a);color:var(--white);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:center;padding:clamp(32px,5vw,60px)}
.ctab svg.route{position:absolute;inset:0;width:100%;height:100%;opacity:.55}
.ctab>*{position:relative}
.ctab p{color:var(--on-dark);margin-top:10px;max-width:46ch}
.ctab .btns{justify-content:flex-end}
@media (max-width:960px){.ctab{grid-template-columns:1fr}.ctab .btns{justify-content:flex-start}}

/* footer */
footer.site{background:var(--deep);color:#d6e8da;margin-top:clamp(56px,8vw,104px)}
footer .wrap{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px;padding-block:52px 30px}
footer h4{margin:0 0 12px;color:var(--white);font-size:15px}
footer a{color:#d6e8da;text-decoration:none;font-size:15px;display:block;padding:3px 0}
footer a:hover{color:var(--white);text-decoration:underline}
footer .flogo{background:var(--white);border-radius:var(--r);padding:10px 14px;display:inline-block}
footer .flogo img{height:34px;display:block}
footer .sm{font-size:14px;color:#b9d3bf;margin-top:14px;max-width:32ch}
footer .bottom{border-top:1px solid rgba(255,255,255,.15)}
footer .bottom .wrap{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding-block:16px;font-size:13px;color:#b9d3bf}
@media (max-width:960px){footer .wrap{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){footer .wrap{grid-template-columns:1fr}}
.fab{position:fixed;right:20px;bottom:calc(20px + env(safe-area-inset-bottom,0px));z-index:50;display:inline-flex;align-items:center;gap:10px;background:var(--wa);color:var(--white);text-decoration:none;font-weight:600;font-size:15px;border-radius:30px;min-height:54px;padding:0 20px 0 16px;box-shadow:0 8px 22px rgba(20,83,45,.3)}
.fab .ico{width:22px;height:22px}
@media (max-width:520px){.fab span{display:none}.fab{padding:0 16px}}

/* ======= INNER PAGES ======= */
.pbanner{position:relative;color:var(--white);background:radial-gradient(900px 420px at 90% 10%,rgba(73,161,66,.22),transparent 60%),linear-gradient(120deg,var(--navy),var(--navy2) 55%,var(--blue));overflow:hidden}
.pbanner:before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background-image:radial-gradient(rgba(255,255,255,.08) 1px,transparent 1px);background-size:26px 26px;mask-image:linear-gradient(90deg,transparent,#000 60%);-webkit-mask-image:linear-gradient(90deg,transparent,#000 60%)}
.pbanner .wrap{position:relative;z-index:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(28px,5vw,64px);align-items:center;padding-block:clamp(40px,6vw,80px)}
.pbanner.solo .wrap{grid-template-columns:1fr}
.pbanner .copy{display:grid;gap:20px;min-width:0}
.pbanner .lead{color:var(--on-dark)}
@media (max-width:960px){.pbanner .wrap{grid-template-columns:1fr}}
.crumb{font-size:14px;color:var(--on-dark-muted);display:flex;gap:8px;flex-wrap:wrap}
.crumb a{color:var(--on-dark);text-decoration:none}.crumb a:hover{text-decoration:underline}
.pbanner .ui{background:var(--white);color:var(--ink);border-radius:14px;padding:22px;box-shadow:0 18px 40px rgba(2,24,36,.35);min-width:0}
.textblock{display:grid;gap:16px}
.textblock p{font-size:17px;line-height:1.65}
.steps{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.steps:before{content:"";position:absolute;left:24px;right:24px;top:23px;height:2px;background:repeating-linear-gradient(90deg,var(--green) 0 8px,transparent 8px 14px)}
.step{position:relative;display:grid;gap:10px;justify-items:start}
.step .dot{width:48px;height:48px;border-radius:50%;background:var(--white);border:2px solid var(--green);color:var(--action);font-weight:800;display:flex;align-items:center;justify-content:center;font-size:17px}
.step:last-child .dot{background:var(--action);color:var(--white);border-color:var(--action)}
.step b{font-size:18px}
.step p{color:var(--muted);font-size:15px}
@media (max-width:960px){.steps{grid-template-columns:repeat(2,minmax(0,1fr))}.steps:before{display:none}}
@media (max-width:520px){.steps{grid-template-columns:1fr}}
.bens{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--border)}
.ben{display:grid;grid-template-columns:auto 1fr;gap:16px;padding:26px 24px 26px 0;border-bottom:1px solid var(--border)}
.ben:nth-child(even){padding-left:24px;border-left:1px solid var(--border)}
.ben .bi{width:46px;height:46px;border-radius:12px;background:var(--soft-green);color:var(--action);display:flex;align-items:center;justify-content:center}
.ben .bi .ico{width:22px;height:22px}
.ben b{font-size:18px;display:block}
.ben p{color:var(--muted);font-size:15px;margin-top:4px}
@media (max-width:760px){.bens{grid-template-columns:1fr}.ben:nth-child(even){padding-left:0;border-left:none}}
.reports{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
@media (max-width:760px){.reports{grid-template-columns:repeat(2,minmax(0,1fr))}}
.rep{display:grid;gap:10px}
.rep .sheet{aspect-ratio:1/1.3;border-radius:10px;background:var(--white);border:1px solid var(--border);padding:14px;display:grid;gap:6px;align-content:start;box-shadow:0 8px 20px rgba(5,43,64,.06)}
.rep .sheet i{display:block;height:5px;background:var(--surface);border-radius:2px}
.rep .sheet i.h{height:9px;width:55%;background:var(--soft-blue)}
.rep .sheet i.g{height:40px;background:linear-gradient(90deg,var(--soft-green),var(--soft-blue));margin-block:4px}
.rep b{font-size:15px}
.video{aspect-ratio:16/10;max-width:100%;border-radius:14px;background:linear-gradient(135deg,#04283b,#0a4c6f);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:14px;color:var(--white);border:1px solid var(--glass-b);box-shadow:0 18px 40px rgba(2,24,36,.35)}
.video .play{width:74px;height:74px;border-radius:50%;background:var(--green);display:flex;align-items:center;justify-content:center}
.video .play .ico{width:30px;height:30px;fill:var(--white);stroke:none}
.video span{font-size:14px;color:var(--on-dark)}

/* marketplace page */
.filters{display:flex;gap:0;flex-wrap:wrap;border-bottom:1px solid var(--border);margin-bottom:36px}
.filters button{min-height:50px;padding:0 20px;border:none;background:none;font:600 15px var(--font);color:var(--muted);cursor:pointer;box-shadow:inset 0 -3px 0 transparent}
.filters button[aria-pressed="true"]{color:var(--action);box-shadow:inset 0 -3px 0 var(--action)}
.filters button .c{font-variant-numeric:tabular-nums;margin-left:6px;font-size:13px;background:var(--surface);border-radius:10px;padding:1px 7px}
.mkgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 32px}
@media (max-width:960px){.mkgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){.mkgrid{grid-template-columns:1fr}}
.mk{display:grid;gap:10px;align-content:start;padding-top:20px;border-top:3px solid var(--border);transition:border-color .15s}
.mk:hover{border-top-color:var(--green)}
.mk .cat{font-size:12px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:var(--blue)}
.mk h3{font-size:20px;color:var(--deep)}
.mk p{font-size:15px;color:var(--muted)}

/* contact */
.contact{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(28px,5vw,64px);align-items:start}
@media (max-width:960px){.contact{grid-template-columns:1fr}}
form.f{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 20px;padding:clamp(22px,4vw,34px);border:1px solid var(--border);border-radius:16px;background:var(--white);box-shadow:0 14px 40px rgba(5,43,64,.08)}
@media (max-width:600px){form.f{grid-template-columns:1fr}}
.field{display:grid;gap:6px;min-width:0}.field.full{grid-column:1/-1}
.field label{font-size:14px;font-weight:600}.field label small{font-weight:400;color:var(--muted)}
.field input,.field select,.field textarea{min-height:50px;border:1px solid #b9c7be;border-radius:var(--r);padding:10px 14px;font:16px var(--font);color:var(--ink);background:var(--white);width:100%}
.field textarea{min-height:110px;resize:vertical}
.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--blue);box-shadow:var(--focus)}
.field .err{font-size:13px;color:var(--crit);display:none}
.field.invalid input{border-color:var(--crit)}.field.invalid .err{display:block}
.okmsg{grid-column:1/-1;background:var(--ok-bg);color:var(--ok);border-radius:var(--r);padding:12px 16px;font-weight:600}
.cinfo{display:grid;gap:0}
.cinfo .it{display:grid;grid-template-columns:auto 1fr;gap:16px;padding:20px 0;border-bottom:1px solid var(--border)}
.cinfo .it:first-of-type{border-top:1px solid var(--border)}
.cinfo .ci{width:44px;height:44px;border-radius:12px;background:var(--soft-green);color:var(--action);display:flex;align-items:center;justify-content:center}
.cinfo b{display:block;font-size:13px;color:var(--muted);font-weight:600;text-transform:uppercase;letter-spacing:1px}
.cinfo .v{font-size:17px;user-select:all}


.slide{position:relative}
.slide .bg,.pbanner .bg,.ctab .bg{position:absolute;inset:0;background-size:cover;background-position:center}
.slide .bg:after,.pbanner .bg:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,43,64,.97) 0%,rgba(5,43,64,.9) 38%,rgba(5,43,64,.55) 68%,rgba(5,43,64,.35) 100%)}
.ctab .bg:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,43,64,.96) 0%,rgba(5,43,64,.82) 50%,rgba(20,83,45,.7) 100%)}
.hero{background:var(--navy)}
.hero .wrap{z-index:1}
.hero:before{z-index:1;pointer-events:none}
.brmap{position:relative;border-radius:18px;overflow:hidden;background:radial-gradient(600px 400px at 60% 40%,rgba(73,161,66,.25),transparent 70%),linear-gradient(150deg,var(--navy),var(--navy2) 60%,var(--blue));aspect-ratio:5/4;max-width:100%}
.brmap img.map{position:absolute;left:50%;top:50%;transform:translate(-50%,-52%);height:86%;width:auto;opacity:.9}
.brmap .pin{position:absolute;width:14px;height:14px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 6px rgba(108,194,74,.25),0 0 18px rgba(108,194,74,.7)}
.brmap .quote{position:absolute;left:20px;right:20px;bottom:20px;background:rgba(255,255,255,.97);border-radius:12px;padding:16px 18px;display:flex;gap:14px;align-items:center}
.brmap .quote b{font-size:32px;font-weight:800;color:var(--action);line-height:1}
.brmap .quote span{font-size:14px;color:var(--muted)}
.vis img.map{position:absolute;right:0;top:50%;transform:translateY(-50%);height:100%;width:auto;opacity:.55}
.logos{grid-template-columns:repeat(6,minmax(0,1fr))!important}
.logos div{min-height:110px;padding:18px 20px}
.logos img{max-width:100%;max-height:62px;object-fit:contain;filter:grayscale(1);opacity:.7;transition:filter .2s,opacity .2s}
.logos div:hover img{filter:none;opacity:1}
.logos div{border-top:1px solid var(--border)}
.logos div:nth-child(6n+1){border-left:none!important}
.logos .more{flex-direction:column;gap:2px;color:var(--navy)!important;font-weight:800!important;font-size:26px!important;background:var(--soft-green)}
.logos .more span{font-size:13px;font-weight:600;color:var(--muted)}
@media (max-width:960px){.logos{grid-template-columns:repeat(3,minmax(0,1fr))!important}.logos div:nth-child(6n+1){border-left:1px solid var(--border)!important}.logos div:nth-child(3n+1){border-left:none!important}}


/* ===== v4: app look + movement ===== */
.eyebrow{display:none!important}
.hero:before,.stage:before,.pbanner:before{display:none!important}
.hero .wrap{padding-block:clamp(56px,7vw,96px) clamp(130px,11vw,160px)!important;grid-template-columns:1fr 1.05fr!important}
.hero .bg:after{background:linear-gradient(90deg,rgba(5,43,64,.97) 0%,rgba(5,43,64,.9) 40%,rgba(5,43,64,.72) 70%,rgba(5,43,64,.6) 100%)}
.hero .bg,.pbanner .bg,.ctab .bg{position:absolute;inset:0;background-size:cover;background-position:center}
.hero .bg:after{content:"";position:absolute;inset:0}
.app{position:relative;background:rgba(255,255,255,.98);border-radius:18px;box-shadow:0 30px 70px rgba(0,15,25,.45),0 0 0 1px rgba(255,255,255,.2);color:var(--ink);overflow:visible;min-width:0;animation:floaty 7s ease-in-out infinite}
@keyframes floaty{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
.app-top{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--border);font-size:13px}
.app-top .dots{display:flex;gap:6px}.app-top .dots i{width:10px;height:10px;border-radius:50%;background:#e2e8e4;display:block}
.app-top .dots i:first-child{background:#f0a8a0}.app-top .dots i:nth-child(2){background:#f3d38a}.app-top .dots i:nth-child(3){background:#a7d8a0}
.app-top .ttl{font-weight:600;color:var(--muted);flex:1}
.live{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:var(--ok)}
.live i{width:8px;height:8px;border-radius:50%;background:var(--green);display:block;animation:pulse 1.6s ease-out infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(73,161,66,.6)}100%{box-shadow:0 0 0 10px rgba(73,161,66,0)}}
.app-body{display:grid;grid-template-columns:56px 1fr}
.app-side{display:grid;align-content:start;gap:8px;padding:14px 8px;border-right:1px solid var(--border);background:var(--surface);border-radius:0 0 0 18px}
.app-side span{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#7d8c84}
.app-side span.on{background:var(--action);color:#fff}
.app-main{padding:16px;display:grid;gap:14px;min-width:0}
.kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.kpi{border:1px solid var(--border);border-radius:12px;padding:12px;display:grid;gap:2px;min-width:0}
.kpi span{font-size:11.5px;color:var(--muted);font-weight:600}
.kpi b{font-size:26px;font-weight:800;color:var(--navy);line-height:1.1;font-variant-numeric:tabular-nums}
.kpi b em{font-style:normal}
.kpi:first-child b{color:var(--action)}
.kpi small{font-size:11.5px;color:var(--muted)}.kpi small.up{color:var(--ok);font-weight:600}
.kpi .bar{height:6px;border-radius:4px;background:var(--border);overflow:hidden;margin-top:6px}.kpi .bar i{display:block;height:100%;width:76%;background:var(--green);border-radius:4px}
.app.in .kpi .bar i{animation:grow 1.2s ease-out}
@keyframes grow{from{width:0}}
.chart{border:1px solid var(--border);border-radius:12px;padding:12px 12px 6px}
.ch-h{display:flex;justify-content:space-between;font-size:12px;margin-bottom:6px}.ch-h b{font-weight:600}.ch-h span{color:var(--crit);font-weight:600}
.chart svg{width:100%;height:90px;display:block}
.chart .line{stroke-dasharray:420;stroke-dashoffset:0}
.app.in .chart .line{animation:draw 1.8s ease-out}
.app.in .chart .area{animation:fadein 1.8s ease-out}
@keyframes draw{from{stroke-dashoffset:420}}
@keyframes fadein{from{opacity:0}}
.chart .pt{animation:blink 1.6s ease-in-out infinite}
@keyframes blink{50%{r:7;opacity:.6}}
.drivers{list-style:none;margin:0;padding:0;display:grid}
.drivers li{display:grid;grid-template-columns:34px 1fr auto 76px;gap:10px;align-items:center;padding:8px 0;border-top:1px solid var(--border);font-size:13.5px}
.drivers li:first-child{border-top:none}
.drivers .av{width:34px;height:34px;border-radius:50%;background:var(--soft-blue);color:var(--blue);font-weight:700;font-size:12px;display:flex;align-items:center;justify-content:center}
.drivers .nm{display:grid;font-weight:600;line-height:1.25}.drivers .nm small{font-weight:400;color:var(--muted);font-size:11.5px}
.drivers .tm{font-variant-numeric:tabular-nums;text-align:right;font-weight:600;font-size:13px;color:var(--navy)}
.toast{position:absolute;left:-34px;bottom:-54px;display:flex;gap:12px;align-items:center;background:var(--navy);color:#fff;border-radius:14px;padding:12px 16px;box-shadow:0 16px 40px rgba(0,15,25,.45);min-width:250px;border:1px solid rgba(255,255,255,.15)}
.toast.show{animation:toastin .5s cubic-bezier(.2,.9,.3,1.2)}
@keyframes toastin{from{transform:translateY(14px) scale(.96);opacity:0}}
.toast .ti{width:36px;height:36px;border-radius:10px;background:rgba(247,181,0,.18);color:#f7c44d;display:flex;align-items:center;justify-content:center;flex:none}
.toast b{display:block;font-size:14px}.toast small{font-size:12px;color:var(--on-dark-muted)}
@media (max-width:960px){.hero .wrap{grid-template-columns:1fr!important}.toast{left:12px}}
@media (max-width:520px){.kpis{grid-template-columns:1fr 1fr}.kpis .kpi:last-child{display:none}.app-body{grid-template-columns:1fr}.app-side{display:none}.drivers li{grid-template-columns:30px 1fr auto}.drivers .tm{display:none}}
/* numbers band */
.nums{margin-top:-58px!important}
.nums .row{background:linear-gradient(110deg,var(--action) 0%,#3c8f38 45%,var(--blue) 100%)!important;box-shadow:0 24px 50px rgba(20,83,45,.35)!important;border-radius:18px!important;overflow:hidden;position:relative}
.nums .row:after{content:"";position:absolute;right:-80px;top:-80px;width:260px;height:260px;border-radius:50%;background:rgba(255,255,255,.08)}
.nums .c{display:flex!important;gap:16px;align-items:center;padding:30px 28px!important;position:relative;z-index:1}
.nums .c+.c{border-left:1px solid rgba(255,255,255,.18)!important}
.nums .ni{width:52px;height:52px;border-radius:14px;background:rgba(255,255,255,.14);color:#fff;display:flex;align-items:center;justify-content:center;flex:none}
.nums .ni .ico{width:26px;height:26px}
.nums b{color:#fff!important;font-size:clamp(32px,3.4vw,44px)!important;display:block}
.nums b em{font-style:normal;color:#fff!important}
.nums span{color:rgba(255,255,255,.85)!important;font-size:14.5px!important;font-weight:500}
@media (max-width:760px){.nums .c:nth-child(n+3){border-top:1px solid rgba(255,255,255,.18)!important}.nums .c{padding:22px 18px!important}}
/* logo marquee */
.logowall{display:grid;gap:18px}
.marquee{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.track{display:flex;gap:18px;width:max-content;animation:mq 45s linear infinite}
.track.rev{animation-direction:reverse;animation-duration:50s}
.marquee:hover .track{animation-play-state:paused}
@keyframes mq{to{transform:translateX(-50%)}}
.lg{width:200px;height:104px;flex:none;background:#fff;border:1px solid var(--border);border-radius:14px;display:flex;align-items:center;justify-content:center;padding:18px 22px;transition:transform .2s,box-shadow .2s}
.lg:hover{transform:translateY(-3px);box-shadow:0 12px 26px rgba(5,43,64,.12)}
.lg img{max-width:100%;max-height:64px;object-fit:contain}
/* flow & steps solid */
.flow:before{background:linear-gradient(180deg,var(--green),var(--blue))!important;width:3px!important;border-radius:2px}
.steps:before{background:linear-gradient(90deg,var(--green),var(--blue))!important;height:3px!important;border-radius:2px}
/* showcase motion */
.tab[aria-selected="true"]{position:relative}
.tab[aria-selected="true"]:after{content:"";position:absolute;left:0;bottom:-1px;height:2px;background:var(--action);width:100%;animation:prog 7s linear}
@keyframes prog{from{width:0}}
.stage{animation:swap .45s ease}
@keyframes swap{from{opacity:.4;transform:translateY(10px)}}
.tl-bar i{animation:grow 1s ease-out}
.disc svg path{transform-origin:75px 75px;animation:spin .9s ease-out}
@keyframes spin{from{transform:rotate(-40deg);opacity:0}}
/* reveal (transform only, content always visible) */
.rv{transition:transform .7s cubic-bezier(.2,.8,.2,1)}
.rv:not(.in){transform:translateY(26px)}
.btn-primary,.btn-wa{position:relative;overflow:hidden}
@media (prefers-reduced-motion:reduce){.app,.track,.live i,.chart .pt{animation:none!important}.rv:not(.in){transform:none}}

/* ===== v5 ===== */
.flogo2{height:44px;width:auto;display:block}
.lg img{filter:grayscale(1);opacity:.6;transition:filter .25s,opacity .25s}
.lg:hover img{filter:none;opacity:1}
.stats4{position:relative;z-index:3;margin-top:-72px}
.s4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.s4c{background:#fff;border-radius:18px;padding:22px 22px 24px;box-shadow:0 20px 50px rgba(5,43,64,.14);border:1px solid var(--border);display:grid;gap:4px;align-content:start;transition:transform .25s,box-shadow .25s}
.s4c:hover{transform:translateY(-4px);box-shadow:0 26px 60px rgba(5,43,64,.2)}
.s4c>b{font-size:clamp(38px,3.6vw,50px);font-weight:800;color:var(--navy);line-height:1;letter-spacing:-1.5px;font-variant-numeric:tabular-nums;margin-top:8px}
.s4c>b em{font-style:normal}
.s4c>span{font-size:15px;color:var(--muted);font-weight:500}
.viz{height:74px;border-radius:12px;background:var(--surface);display:flex;align-items:center;justify-content:center;padding:0 16px;overflow:hidden}
.tline{display:flex;align-items:center;gap:10px;width:100%;font-size:12px;font-weight:700;color:var(--muted);font-variant-numeric:tabular-nums}
.tline i{flex:1;height:8px;border-radius:5px;background:var(--border);position:relative;overflow:hidden;display:block}
.tline i b{position:absolute;inset:0;background:linear-gradient(90deg,var(--green),var(--action));border-radius:5px}
.stats4.in .tline i b{animation:grow 1.4s ease-out}
.tline span:last-child{color:var(--action)}
.mini-map{width:70px;height:66px;background:var(--action);-webkit-mask:url(https://planner.wmup.com.br/wp-content/uploads/2026/09/planner-brasil.png) center/contain no-repeat;mask:url(https://planner.wmup.com.br/wp-content/uploads/2026/09/planner-brasil.png) center/contain no-repeat;display:block}
.stack{display:flex}
.stack i{width:46px;height:46px;border-radius:50%;background:#fff;border:2px solid #fff;box-shadow:0 2px 8px rgba(5,43,64,.15);display:flex;align-items:center;justify-content:center;overflow:hidden;margin-left:-10px}
.stack i:first-child{margin-left:0}
.stack img{max-width:80%;max-height:60%;object-fit:contain}
.mods{display:grid;grid-template-columns:repeat(4,26px);gap:6px}
.mods i{width:26px;height:26px;border-radius:7px;background:#fff;color:var(--action);display:flex;align-items:center;justify-content:center;box-shadow:0 1px 3px rgba(5,43,64,.1)}
.mods i:nth-child(odd){color:var(--blue)}
.mods .ico{width:15px;height:15px}
@media (max-width:960px){.s4{grid-template-columns:repeat(2,minmax(0,1fr))}.stats4{margin-top:-48px}}
@media (max-width:480px){.s4{gap:10px}.s4c{padding:14px}.viz{height:56px}.stack i{width:36px;height:36px}}
.hero .wrap{padding-block:clamp(56px,7vw,96px) clamp(140px,12vw,170px)!important}
.fcards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.fcards.three{grid-template-columns:repeat(3,minmax(0,1fr))}
.fcard{padding:26px 22px;border-radius:16px;background:#fff;border:1px solid var(--border);display:grid;gap:8px;align-content:start;transition:transform .2s,box-shadow .2s,border-color .2s}
.fcard:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(5,43,64,.1);border-color:transparent}
.fcard .bi{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,var(--soft-green),var(--soft-blue));color:var(--action);display:flex;align-items:center;justify-content:center;margin-bottom:6px}
.fcard .bi .ico{width:24px;height:24px}
.fcard b{font-size:18px}
.fcard p{color:var(--muted);font-size:15px}
@media (max-width:960px){.fcards,.fcards.three{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.fcards,.fcards.three{grid-template-columns:1fr}}
.chips{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.chip{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--border);border-radius:14px;padding:18px;font-weight:600}
.chip .ico{width:24px;height:24px;color:var(--blue)}
@media (max-width:760px){.chips{grid-template-columns:repeat(2,minmax(0,1fr))}}
.lic{border-radius:18px;background:linear-gradient(110deg,var(--navy),var(--blue));color:#fff;padding:clamp(24px,4vw,40px);display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}
.lic p{color:var(--on-dark);margin-top:6px;max-width:60ch}
.biglist{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.biglist li{display:flex;gap:12px;align-items:flex-start;padding:16px;border-radius:14px;background:var(--surface);font-weight:600;font-size:15px}
.biglist .ico{color:var(--action);margin-top:1px}
@media (max-width:520px){.biglist{grid-template-columns:1fr}}
.video.big{max-width:900px;margin:0 auto;aspect-ratio:16/9}
.others{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.oth{display:grid;gap:8px;padding:24px;border-radius:16px;border:1px solid var(--border);text-decoration:none;color:inherit;transition:transform .2s,box-shadow .2s}
.oth:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(5,43,64,.1)}
.oth .bi{width:44px;height:44px;border-radius:12px;background:var(--soft-green);color:var(--action);display:flex;align-items:center;justify-content:center}
.oth b{font-size:18px}.oth p{color:var(--muted);font-size:15px}
@media (max-width:760px){.others{grid-template-columns:1fr}}
.stats4.s-after-pb{margin-top:40px}

/* ===== v6 ===== */
.hero .wrap{grid-template-columns:1.12fr .88fr!important;gap:clamp(32px,4vw,56px)!important}
.hero-h{font-size:clamp(36px,4.3vw,58px)!important}
.hero-h .nw{white-space:nowrap}
@media (max-width:520px){.hero-h .nw{white-space:normal}}
.app{max-width:520px;justify-self:end;width:100%}
.kpi b{font-size:22px}
.drivers li{font-size:13px}

/* tech stats band */
.stats4{margin-top:0!important;background:linear-gradient(180deg,#041f2f 0%,#052b40 100%);padding-block:56px 64px;position:relative;overflow:hidden}
.stats4:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(108,194,74,.06) 1px,transparent 1px) 0 0/60px 60px,linear-gradient(0deg,rgba(108,194,74,.06) 1px,transparent 1px) 0 0/60px 60px;-webkit-mask-image:radial-gradient(ellipse at center,#000 30%,transparent 75%);mask-image:radial-gradient(ellipse at center,#000 30%,transparent 75%)}
.s4{position:relative;gap:20px!important}
.s4c{background:linear-gradient(160deg,rgba(255,255,255,.07),rgba(255,255,255,.02))!important;border:1px solid rgba(255,255,255,.12)!important;box-shadow:none!important;text-align:center;justify-items:center;padding:26px 20px 28px!important;border-radius:20px!important;position:relative;overflow:hidden;transition:transform .3s,border-color .3s,box-shadow .3s!important}
.s4c:after{content:"";position:absolute;left:50%;top:-60%;width:120%;height:120%;transform:translateX(-50%);background:radial-gradient(circle,rgba(108,194,74,.22),transparent 60%);opacity:0;transition:opacity .35s}
.s4c:hover{transform:translateY(-6px)!important;border-color:rgba(108,194,74,.6)!important;box-shadow:0 20px 50px rgba(0,0,0,.35),0 0 0 1px rgba(108,194,74,.3)!important}
.s4c:hover:after{opacity:1}
.s4c>*{position:relative;z-index:1}
.s4c>b{color:#fff!important;font-size:clamp(46px,4.6vw,64px)!important;letter-spacing:-2px;margin-top:14px!important}
.s4c>span{color:#a9c5d3!important;font-size:15px!important}
.viz{background:none!important;height:96px!important;width:100%;position:relative;padding:0!important}
.ring{width:84px;height:84px;transform:rotate(-90deg)}
.ring .rt{fill:none;stroke:rgba(255,255,255,.1);stroke-width:6}
.ring .rv2{fill:none;stroke:#6cc24a;stroke-width:6;stroke-linecap:round;stroke-dasharray:201;stroke-dashoffset:18;filter:drop-shadow(0 0 6px rgba(108,194,74,.6))}
.stats4.in .ring .rv2{animation:ringfill 1.6s ease-out}
@keyframes ringfill{from{stroke-dashoffset:201}}
.vz-t{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);font-size:9.5px;font-weight:700;color:#6cc24a;letter-spacing:.5px}
.mini-map{width:96px!important;height:92px!important;background:linear-gradient(160deg,#6cc24a,#2a9fd6)!important;margin:0 auto;opacity:.9}
.ping{position:absolute;width:9px;height:9px;border-radius:50%;background:#fff;box-shadow:0 0 0 0 rgba(108,194,74,.7);animation:ping 2s ease-out infinite;margin-left:-48px}
.viz .ping:nth-of-type(2){animation-delay:.6s}.viz .ping:nth-of-type(3){animation-delay:1.2s}
.viz .ping{left:50%!important}
.viz .ping:nth-of-type(1){margin-left:8px;top:58%!important}
.viz .ping:nth-of-type(2){margin-left:-14px;top:36%!important}
.viz .ping:nth-of-type(3){margin-left:18px;top:24%!important}
@keyframes ping{0%{box-shadow:0 0 0 0 rgba(108,194,74,.8)}100%{box-shadow:0 0 0 14px rgba(108,194,74,0)}}
.bars{display:flex;align-items:flex-end;gap:5px;height:80px;margin:8px auto 0;width:max-content}
.bars i{width:9px;border-radius:3px 3px 0 0;background:linear-gradient(180deg,#6cc24a,rgba(108,194,74,.25));display:block;transform-origin:bottom}
.stats4.in .bars i{animation:barup 1.2s cubic-bezier(.2,.8,.2,1) both}
.bars i:nth-child(2){animation-delay:.05s}.bars i:nth-child(3){animation-delay:.1s}.bars i:nth-child(4){animation-delay:.15s}.bars i:nth-child(5){animation-delay:.2s}.bars i:nth-child(6){animation-delay:.25s}.bars i:nth-child(7){animation-delay:.3s}.bars i:nth-child(8){animation-delay:.35s}.bars i:nth-child(9){animation-delay:.4s}.bars i:nth-child(10){animation-delay:.45s}
@keyframes barup{from{transform:scaleY(0)}}
.s4c:hover .bars i{background:linear-gradient(180deg,#8fe26a,rgba(108,194,74,.35))}
.grid17{display:grid;grid-template-columns:repeat(6,14px);gap:7px;justify-content:center;margin:16px auto 0}
.grid17 i{width:14px;height:14px;border-radius:4px;background:rgba(108,194,74,.25);border:1px solid rgba(108,194,74,.55);display:block;animation:glow 2.4s ease-in-out infinite}
@keyframes glow{50%{background:#6cc24a;box-shadow:0 0 10px rgba(108,194,74,.7)}}
@media (max-width:960px){.stats4{padding-block:40px}}

/* hub diagram */
.hub{position:relative;height:210px}
.hub svg{position:absolute;inset:0;width:100%;height:100%}
.hl-line{stroke:#c9d6cf;stroke-width:1.5}
.pulse-dot{fill:#49a142}
.hn{position:absolute;transform:translate(-50%,-50%);background:#fff;border:1px solid var(--border);border-radius:10px;padding:7px 12px;font-size:12.5px;font-weight:600;white-space:nowrap;box-shadow:0 4px 12px rgba(5,43,64,.08);transition:transform .2s,border-color .2s}
.hn:hover{transform:translate(-50%,-50%) scale(1.06);border-color:var(--green)}
.hc{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:linear-gradient(135deg,var(--action),var(--blue));color:#fff;font-weight:800;border-radius:14px;padding:14px 20px;box-shadow:0 0 0 6px rgba(73,161,66,.15),0 10px 24px rgba(5,43,64,.25)}

/* logos: no box, multiply, color on hover */
.lg{background:transparent!important;border:none!important;width:180px!important;height:90px!important;padding:10px 18px!important}
.lg img{mix-blend-mode:multiply;filter:grayscale(1) contrast(1.05)!important;opacity:.55!important;transition:filter .3s,opacity .3s,transform .3s!important}
.lg:hover{box-shadow:none!important;transform:none!important}
.lg:hover img{filter:none!important;opacity:1!important;transform:scale(1.12)}
.track{gap:28px!important}

/* more hover life */
.fcard .bi,.oth .bi{transition:transform .3s,background .3s,color .3s}
.fcard:hover .bi,.oth:hover .bi{transform:rotate(-8deg) scale(1.08);background:var(--action);color:#fff}
.fcard:hover b,.oth:hover b{color:var(--action)}
.chip{transition:transform .2s,border-color .2s,box-shadow .2s}
.chip:hover{transform:translateY(-3px);border-color:var(--green);box-shadow:0 10px 24px rgba(5,43,64,.08)}
.chip:hover .ico{color:var(--action)}
.biglist li{transition:transform .2s,background .2s}
.biglist li:hover{transform:translateX(4px);background:var(--soft-green)}
.step .dot{transition:transform .25s,background .25s,color .25s}
.step:hover .dot{transform:scale(1.12);background:var(--action);color:#fff;border-color:var(--action)}
.mcol{transition:background .25s}
.mcol:hover{background:#fff}
.mcol:hover .top b{color:var(--action)}
.mk{transition:border-color .2s,transform .2s}
.mk:hover{transform:translateY(-3px)}
.fl .dot{transition:transform .25s,background .25s,color .25s}
.fl:hover .dot{transform:scale(1.1);background:var(--action);color:#fff}
.tab:hover .t b{color:var(--action)}
.kpi{transition:border-color .2s,transform .2s}
.kpi:hover{border-color:var(--green);transform:translateY(-2px)}
.drivers li{transition:background .2s}
.drivers li:hover{background:var(--surface)}
.btn-primary:after,.btn-wa:after,.btn-light:after{content:"";position:absolute;top:0;left:-60%;width:40%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent);transform:skewX(-20deg);transition:left .5s}
.btn-primary:hover:after,.btn-wa:hover:after,.btn-light:hover:after{left:120%}
.btn-light{position:relative;overflow:hidden}
.rep .sheet{transition:transform .25s,box-shadow .25s}
.rep:hover .sheet{transform:translateY(-6px) rotate(-1deg);box-shadow:0 18px 36px rgba(5,43,64,.14)}
.stage .ui{transition:transform .3s}
.stage:hover .ui{transform:translateY(-3px)}
.hero .wrap{padding-block:clamp(56px,7vw,96px) clamp(90px,8vw,110px)!important}
.stats4.s-after-pb{margin-top:0!important}
/* ===== v7 ===== */
/* stats straddling sections */
.stats4{background:none!important;padding:0!important;margin-top:-92px!important;position:relative;z-index:4;overflow:visible!important}
.stats4:before{display:none!important}
.hero .wrap{padding-bottom:clamp(140px,12vw,170px)!important}
.s4c{background:linear-gradient(160deg,#083a55 0%,#052b40 60%,#04202f 100%)!important;box-shadow:0 24px 50px rgba(5,43,64,.28)!important}
.s4c:hover{box-shadow:0 30px 60px rgba(5,43,64,.4),0 0 0 1px rgba(108,194,74,.4)!important}
.pb-stats .wrap{padding-bottom:150px!important}
.stats4.s-after-pb{margin-top:-92px!important}
@media (max-width:960px){.stats4{margin-top:-60px!important}}
/* banners same height */
.pbanner .wrap{min-height:460px;padding-block:56px!important;align-items:center}
@media (max-width:960px){.pbanner .wrap{min-height:0}}
.pbanner.gbg{background:radial-gradient(900px 500px at 80% 50%,rgba(73,161,66,.2),transparent 60%),linear-gradient(120deg,#041f2f,#052b40 50%,#0a4a6e)}
.gfx{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.gmap .bmap{position:absolute;right:4%;top:50%;transform:translateY(-50%);height:118%;aspect-ratio:771/733;background:linear-gradient(160deg,#6cc24a,#2a9fd6);-webkit-mask:url(https://planner.wmup.com.br/wp-content/uploads/2026/09/planner-brasil.png) center/contain no-repeat;mask:url(https://planner.wmup.com.br/wp-content/uploads/2026/09/planner-brasil.png) center/contain no-repeat;opacity:.55}
.gmap .gp{position:absolute;width:12px;height:12px;border-radius:50%;background:#fff;animation:ping 2.4s ease-out infinite;margin-left:18%}
.gtiles{display:grid;grid-template-columns:repeat(8,1fr);gap:14px;padding:40px;position:absolute;right:0;top:0;bottom:0;width:48%;inset:auto 0 0 auto;height:100%;align-content:center;-webkit-mask-image:linear-gradient(90deg,transparent,#000 40%);mask-image:linear-gradient(90deg,transparent,#000 40%)}
.gtiles i{aspect-ratio:1;border-radius:10px;border:1px solid rgba(108,194,74,.35);background:rgba(108,194,74,.08);display:block;animation:glow 3.2s ease-in-out infinite}
@media (max-width:960px){.gtiles{width:100%;opacity:.35}.gmap .bmap{opacity:.25}}
.pbanner.gbg .wrap{position:relative;z-index:1}
/* contact symmetry */
.contact{align-items:stretch!important}
.card-c{padding:clamp(22px,4vw,34px);border:1px solid var(--border);border-radius:16px;background:#fff;box-shadow:0 14px 40px rgba(5,43,64,.08);align-content:start}
/* ===== v8 ===== */
/* smaller stat cards, full section width */
.s4{gap:16px!important}
.s4c{padding:16px 16px 18px!important;border-radius:16px!important}
.viz{height:64px!important}
.ring{width:60px;height:60px}
.vz-t{font-size:8px!important}
.mini-map{width:66px!important;height:62px!important}
.bars{height:56px!important;gap:4px!important}.bars i{width:7px!important}
.grid17{grid-template-columns:repeat(6,11px)!important;gap:5px!important;margin-top:10px!important}.grid17 i{width:11px!important;height:11px!important;border-radius:3px!important}
.s4c>b{font-size:clamp(32px,3vw,42px)!important;margin-top:8px!important;letter-spacing:-1px!important}
.s4c>span{font-size:14px!important}
.stats4{margin-top:-74px!important}
.stats4.s-after-pb{margin-top:-74px!important}
.hero .wrap{padding-bottom:clamp(120px,10vw,140px)!important}
.pb-stats .wrap{padding-bottom:120px!important}
/* CTA + form on every page */
.ctaform{position:relative;border-radius:22px;overflow:hidden;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(24px,4vw,48px);padding:clamp(28px,4.5vw,52px);color:#fff;align-items:center}
.ctaform .bg{position:absolute;inset:0;background-size:cover;background-position:center}
.ctaform .bg:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,43,64,.96) 0%,rgba(5,43,64,.88) 50%,rgba(20,83,45,.8) 100%)}
.ctaform>*{position:relative;z-index:1}
.cf-l{display:grid;gap:16px;align-content:center}
.cf-l p{color:var(--on-dark);max-width:44ch}
.cf-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.cf-list li{display:flex;gap:10px;align-items:center;color:#e3eff4;font-weight:500}
.cf-list .ico{color:var(--lime)}
.cf-l .btn{justify-self:start}
form.f.mini{background:#fff;color:var(--ink);box-shadow:0 24px 50px rgba(0,0,0,.3);border:none;padding:clamp(20px,3vw,28px)}
@media (max-width:960px){.ctaform{grid-template-columns:1fr}}
/* animated photo banners (CSS only, WordPress friendly) */
.pbanner:not(.gbg) .bg{animation:kb 24s ease-in-out infinite alternate;will-change:transform}
@keyframes kb{from{transform:scale(1.03)}to{transform:scale(1.14) translateX(-2.5%)}}
.pbanner:not(.gbg):after{content:"";position:absolute;top:0;bottom:0;width:22%;left:-30%;background:linear-gradient(100deg,transparent,rgba(108,194,74,.14),transparent);transform:skewX(-18deg);animation:sweep 7s ease-in-out infinite;pointer-events:none;z-index:1}
@keyframes sweep{0%{left:-30%}60%,100%{left:130%}}
.pbanner .copy>*{animation:rise .7s cubic-bezier(.2,.8,.2,1) both}
.pbanner .copy>*:nth-child(2){animation-delay:.08s}.pbanner .copy>*:nth-child(3){animation-delay:.16s}.pbanner .copy>*:nth-child(4){animation-delay:.24s}.pbanner .copy>*:nth-child(5){animation-delay:.32s}
@keyframes rise{from{transform:translateY(18px);opacity:.01}}
.pbanner .ui,.pbanner .video{animation:rise .8s .2s cubic-bezier(.2,.8,.2,1) both}
/* ===== v9 ===== */
.app{max-width:460px!important}
.app-main{padding:13px!important;gap:11px!important}
.kpi{padding:10px!important}.kpi b{font-size:20px!important}.kpi span,.kpi small{font-size:10.5px!important}
.chart svg{height:70px!important}
.drivers li{padding:6px 0!important;font-size:12.5px!important;grid-template-columns:30px 1fr auto 70px!important}
.drivers .av{width:30px!important;height:30px!important;font-size:11px!important}
.app-side{grid-template-columns:none}.app-body{grid-template-columns:50px 1fr!important}.app-side span{width:34px!important;height:34px!important}
.app-top{padding:10px 14px!important}
.toast{bottom:-56px!important;left:-26px!important;min-width:230px!important;padding:10px 14px!important}
.hero .wrap{padding-bottom:clamp(170px,14vw,200px)!important;padding-top:clamp(64px,7vw,104px)!important}

/* ===== v10 ===== */
.cattiles{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-bottom:34px}
.cattiles button{position:relative;display:grid;gap:4px;justify-items:start;text-align:left;padding:18px 18px 20px;border-radius:16px;border:1px solid var(--border);background:#fff;font:inherit;color:var(--ink);cursor:pointer;transition:transform .2s,border-color .2s,box-shadow .2s,background .2s}
.cattiles button:hover{transform:translateY(-3px);border-color:var(--green);box-shadow:0 14px 30px rgba(5,43,64,.08)}
.cattiles .bi{width:42px;height:42px;border-radius:12px;background:var(--soft-green);color:var(--action);display:flex;align-items:center;justify-content:center;margin-bottom:6px;transition:background .2s,color .2s}
.cattiles b{font-size:17px}
.cattiles small{font-size:13px;color:var(--muted);line-height:1.35}
.cattiles em{position:absolute;top:16px;right:16px;font-style:normal;font-weight:800;font-size:13px;min-width:26px;height:26px;border-radius:13px;background:var(--surface);display:flex;align-items:center;justify-content:center;color:var(--navy)}
.cattiles button[aria-pressed="true"]{background:linear-gradient(135deg,#052b40,#005d89);border-color:transparent;color:#fff;box-shadow:0 16px 34px rgba(5,43,64,.22)}
.cattiles button[aria-pressed="true"] small{color:#b9d3df}
.cattiles button[aria-pressed="true"] .bi{background:#6cc24a;color:#052b40}
.cattiles button[aria-pressed="true"] em{background:rgba(255,255,255,.15);color:#fff}
@media (max-width:960px){.cattiles{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:560px){.cattiles{grid-template-columns:repeat(2,minmax(0,1fr))}.cattiles small{display:none}}

.mkgrid2{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
@media (max-width:960px){.mkgrid2{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){.mkgrid2{grid-template-columns:1fr}}
.mk2{position:relative;display:grid;grid-template-rows:auto auto 1fr auto auto;gap:10px;padding:22px;border-radius:18px;background:#fff;border:1px solid var(--border);cursor:pointer;overflow:hidden;transition:transform .25s,box-shadow .25s,border-color .25s;animation:rise .5s both}
.mk2:before{content:"";position:absolute;left:0;top:0;height:4px;width:100%;background:linear-gradient(90deg,var(--green),var(--blue));transform:scaleX(0);transform-origin:left;transition:transform .35s}
.mk2:hover,.mk2:focus-visible{transform:translateY(-5px);box-shadow:0 22px 44px rgba(5,43,64,.12);border-color:transparent;outline:none}
.mk2:hover:before,.mk2:focus-visible:before{transform:scaleX(1)}
.mk2-top{display:flex;justify-content:space-between;align-items:center}
.mk2 .bi{width:46px;height:46px;border-radius:13px;background:linear-gradient(135deg,var(--soft-green),var(--soft-blue));color:var(--action);display:flex;align-items:center;justify-content:center;transition:transform .3s,background .3s,color .3s}
.mk2:hover .bi{transform:rotate(-8deg) scale(1.08);background:var(--action);color:#fff}
.mk2 .cat,.mhead .cat{font-size:12px;font-weight:700;color:var(--blue);background:var(--soft-blue);padding:4px 10px;border-radius:20px}
.mk2 h3{font-size:19px;line-height:1.25;margin:4px 0 0}
.mk2 .hook{color:var(--muted);font-size:15px;line-height:1.45;margin:0}
.tags{display:flex;flex-wrap:wrap;gap:6px}
.tags span{font-size:12.5px;font-weight:600;color:var(--action);background:var(--soft-green);padding:5px 10px;border-radius:8px;display:inline-flex;align-items:center;gap:5px}
.tags .ico{width:13px;height:13px}
.mk2-foot{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--border);padding-top:14px;margin-top:4px}
.more{font-weight:700;font-size:14.5px;color:var(--navy);display:inline-flex;align-items:center;gap:8px}
.more i{font-style:normal;width:24px;height:24px;border-radius:50%;background:var(--surface);display:flex;align-items:center;justify-content:center;font-size:16px;transition:transform .3s,background .3s,color .3s}
.mk2:hover .more{color:var(--action)}
.mk2:hover .more i{background:var(--action);color:#fff;transform:rotate(90deg)}
.mwa{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#25a244;background:#e9f7ee;transition:transform .2s,background .2s,color .2s}
.mwa:hover{background:#25a244;color:#fff;transform:scale(1.1)}
.mwa .ico{width:18px;height:18px}
@keyframes rise{from{opacity:0;transform:translateY(14px)}}
.mkgrid2 .mk2:nth-child(2){animation-delay:.05s}.mkgrid2 .mk2:nth-child(3){animation-delay:.1s}.mkgrid2 .mk2:nth-child(4){animation-delay:.15s}.mkgrid2 .mk2:nth-child(5){animation-delay:.2s}.mkgrid2 .mk2:nth-child(6){animation-delay:.25s}.mkgrid2 .mk2:nth-child(n+7){animation-delay:.3s}

.mkmodal{position:fixed;inset:0;z-index:200;background:rgba(4,31,47,.55);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:16px;opacity:0;visibility:hidden;transition:opacity .25s,visibility .25s}
.mkmodal.on{opacity:1;visibility:visible}
.mbox{position:relative;background:#fff;border-radius:22px;max-width:620px;width:100%;max-height:90vh;overflow:auto;padding:clamp(24px,4vw,38px);display:grid;gap:14px;transform:translateY(20px) scale(.98);transition:transform .3s;box-shadow:0 40px 80px rgba(0,0,0,.3)}
.mkmodal.on .mbox{transform:none}
.mbox:before{content:"";position:absolute;left:0;top:0;right:0;height:5px;background:linear-gradient(90deg,var(--green),var(--blue))}
.mclose{position:absolute;top:14px;right:14px;width:38px;height:38px;border-radius:50%;border:none;background:var(--surface);font-size:24px;line-height:1;cursor:pointer;color:var(--navy);transition:background .2s,transform .2s}
.mclose:hover{background:var(--soft-green);transform:rotate(90deg)}
.mhead{display:flex;gap:14px;align-items:center;padding-right:40px}
.mhead .bi{width:56px;height:56px;flex:none;border-radius:15px;background:var(--action);color:#fff;display:flex;align-items:center;justify-content:center}
.mhead .bi .ico{width:26px;height:26px}
.mhead h3{font-size:24px;margin:6px 0 0;line-height:1.2}
.mbox .hook{font-size:18px;font-weight:700;color:var(--navy);margin:4px 0 0}
.mtxt{color:var(--muted);font-size:16px;line-height:1.65;margin:0}
.mbox .btns{margin-top:6px}

.mkhelp{border-radius:20px;background:linear-gradient(110deg,var(--navy),var(--blue));color:#fff;padding:clamp(24px,4vw,40px);display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}
.mkhelp p{color:#b9d3df;margin-top:6px}

/* história */
.hist{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(32px,5vw,72px);align-items:center}
@media (max-width:960px){.hist{grid-template-columns:1fr}}
.hist-img{position:relative;padding:0 28px 28px 0}
.hist-img .ph{aspect-ratio:5/4;border-radius:22px;background-size:cover;background-position:center;box-shadow:0 30px 60px rgba(5,43,64,.18);position:relative;overflow:hidden}
.hist-img:before{content:"";position:absolute;right:0;bottom:0;width:70%;height:70%;border-radius:22px;background:linear-gradient(135deg,var(--green),var(--blue));opacity:.18;z-index:-1}
.hist-img .badge{position:absolute;left:-18px;bottom:52px;background:#fff;border-radius:16px;padding:14px 18px;box-shadow:0 18px 40px rgba(5,43,64,.18);display:grid;gap:2px;animation:floaty 5s ease-in-out infinite}
.hist-img .badge b{font-size:30px;font-weight:800;color:var(--action);line-height:1;letter-spacing:-1px}
.hist-img .badge span{font-size:13px;color:var(--muted);font-weight:600}
.hist-img .badge.b2{left:auto;right:0;bottom:auto;top:28px;background:linear-gradient(135deg,#052b40,#005d89);animation-delay:-2.5s}
.hist-img .badge.b2 b{color:#fff}.hist-img .badge.b2 span{color:#b9d3df}
@keyframes floaty{50%{transform:translateY(-8px)}}
@media (max-width:520px){.hist-img .badge{left:8px}.hist-img{padding:0 12px 12px 0}}
.hist-txt{display:grid;gap:16px}
.kick{font-size:13px;font-weight:700;letter-spacing:1.4px;text-transform:uppercase;color:var(--action)}
.hpts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:8px}
@media (max-width:600px){.hpts{grid-template-columns:1fr}}
.hpts>div{padding:16px;border-radius:14px;background:var(--surface);display:grid;gap:6px;align-content:start;transition:transform .2s,background .2s}
.hpts>div:hover{transform:translateY(-3px);background:var(--soft-green)}
.hpts .bi{width:38px;height:38px;border-radius:10px;background:#fff;color:var(--action);display:flex;align-items:center;justify-content:center}
.hpts b{font-size:15.5px}.hpts p{font-size:13.5px;color:var(--muted);margin:0;line-height:1.45}

.cattiles button{align-content:start}
.mk2{grid-template-rows:auto auto auto 1fr auto}
.mkgrid2.c4{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:1100px){.mkgrid2.c4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){.mkgrid2.c4{grid-template-columns:1fr}}
.mkgrid2.c4 .tags span{font-size:12px;padding:4px 8px}.mkgrid2.c4 .mk2{padding:20px}

/* ===== v11 ===== */
/* stats verdes */
.s4c{background:linear-gradient(160deg,#3d9a3c 0%,#2f7d32 45%,#14532d 100%)!important;border:1px solid rgba(255,255,255,.18)!important;box-shadow:0 24px 50px rgba(20,83,45,.3)!important}
.s4c:hover{box-shadow:0 30px 60px rgba(20,83,45,.42),0 0 0 1px rgba(255,255,255,.35)!important;border-color:rgba(255,255,255,.4)!important}
.s4c:after{background:radial-gradient(circle,rgba(255,255,255,.18),transparent 60%)!important}
.s4c>span{color:#d6f0cf!important}
.ring .rt{stroke:rgba(255,255,255,.2)!important}
.ring .rv2{stroke:#fff!important;filter:drop-shadow(0 0 6px rgba(255,255,255,.5))!important}
.vz-t{color:#fff!important}
.mini-map{background:linear-gradient(160deg,#fff,#c7ecb8)!important}
.bars i{background:linear-gradient(180deg,#fff,rgba(255,255,255,.3))!important}
.grid17 i{background:rgba(255,255,255,.18)!important;border-color:rgba(255,255,255,.45)!important}
@keyframes glow{50%{background:#fff;box-shadow:0 0 10px rgba(255,255,255,.7)}}
.ping{background:#14532d!important}

/* história */
.hist{grid-template-columns:1fr 1.08fr!important;align-items:center}
.hist-h{font-size:clamp(30px,2.9vw,42px)!important;line-height:1.15}
.hist-h .nw{white-space:nowrap}
@media (max-width:600px){.hist-h .nw{white-space:normal}}
.hist-img .ph{aspect-ratio:1/1!important;max-height:470px;width:100%}
.hpts p{font-size:13.5px}

/* objetivos */
.objs{position:relative;overflow:hidden;padding-block:clamp(64px,8vw,100px);color:#fff;background:#052b40}
.objs-bg{position:absolute;inset:0;background-size:cover;background-position:center;opacity:.28;animation:kb 24s ease-in-out infinite alternate}
@keyframes kb{to{transform:scale(1.1)}}
.objs:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(5,43,64,.55),rgba(5,43,64,.92))}
.objs .wrap{position:relative;z-index:2}
.objs-head{text-align:center;display:grid;gap:10px;justify-items:center;margin-bottom:40px}
.objs .kick{color:#6cc24a}
.objs .hl{color:#6cc24a}
.objs-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
@media (max-width:860px){.objs-grid{grid-template-columns:1fr}}
.obj{position:relative;overflow:hidden;padding:30px 28px 34px;border-radius:20px;background:linear-gradient(160deg,rgba(255,255,255,.12),rgba(255,255,255,.04));border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(6px);display:grid;gap:10px;align-content:start;transition:transform .3s,border-color .3s,background .3s}
.obj:hover{transform:translateY(-6px);border-color:rgba(108,194,74,.7);background:linear-gradient(160deg,rgba(73,161,66,.35),rgba(255,255,255,.06))}
.obj .n{position:absolute;right:20px;top:10px;font-size:64px;font-weight:800;letter-spacing:-3px;color:rgba(255,255,255,.08);line-height:1;transition:color .3s}
.obj:hover .n{color:rgba(108,194,74,.35)}
.obj .bi{width:52px;height:52px;border-radius:14px;background:#49a142;color:#fff;display:flex;align-items:center;justify-content:center;margin-bottom:8px;box-shadow:0 10px 24px rgba(73,161,66,.4);transition:transform .3s}
.obj:hover .bi{transform:rotate(-8deg) scale(1.08)}
.obj .bi .ico{width:26px;height:26px}
.obj b{font-size:21px}
.obj p{color:#c6dbe5;font-size:15.5px;line-height:1.55;margin:0}
.obj .bar{position:absolute;left:0;bottom:0;height:4px;width:100%;background:linear-gradient(90deg,#6cc24a,#2a9fd6);transform:scaleX(.25);transform-origin:left;transition:transform .45s}
.obj:hover .bar{transform:scaleX(1)}

/* contato */
.contact2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:stretch}
@media (max-width:960px){.contact2{grid-template-columns:1fr}}
.contact2 form.f{align-content:center;margin:0}
.fhead{display:grid;gap:4px;margin-bottom:4px}.fhead p{margin:0}
.cinfo2{position:relative;overflow:hidden;border-radius:16px;padding:clamp(26px,4vw,40px);background:linear-gradient(150deg,#2f7d32 0%,#14532d 55%,#052b40 100%);color:#fff;display:flex;flex-direction:column;gap:18px}
.cinfo2>*{position:relative;z-index:1}
.cmap{position:absolute!important;z-index:0!important;right:-60px;bottom:-40px;width:340px;height:340px;background-size:contain;background-repeat:no-repeat;background-position:center;opacity:.14;filter:brightness(10)}
.cinfo2 .cl{color:#d6f0cf;font-size:17px;line-height:1.55;margin:0}
.cchk{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.cchk li{display:flex;gap:10px;align-items:center;font-weight:600}
.cchk .ico{color:#6cc24a;width:20px;height:20px}
.cinfo2 .btn-wa{align-self:flex-start}
.cits{margin-top:auto;display:grid;gap:0;border-top:1px solid rgba(255,255,255,.18)}
.cits .it{display:grid;grid-template-columns:auto 1fr;gap:14px;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.12);align-items:center}
.cits .it:last-child{border-bottom:none;padding-bottom:0}
.cits .ci{width:40px;height:40px;border-radius:11px;background:rgba(255,255,255,.12);color:#fff;display:flex;align-items:center;justify-content:center;transition:background .2s}
.cits .it:hover .ci{background:#49a142}
.cits b{display:block;font-size:12px;color:#a8d59c;font-weight:700;text-transform:uppercase;letter-spacing:1px}
.cits .v{font-size:15.5px;color:#fff}
.fhead{grid-column:1/-1}

/* ===== v12: acentos azuis nos boxes verdes ===== */
.ring .rt{stroke:rgba(5,43,64,.25)!important}
.ring .rv2{stroke:#063b5a!important;filter:drop-shadow(0 0 6px rgba(42,159,214,.7))!important}
.vz-t{color:#063b5a!important}
.mini-map{background:linear-gradient(160deg,#063b5a,#1a8fc9)!important}
.ping{background:#8fd8ff!important;box-shadow:0 0 0 0 rgba(143,216,255,.8)}
@keyframes ping{0%{box-shadow:0 0 0 0 rgba(143,216,255,.9)}100%{box-shadow:0 0 0 14px rgba(143,216,255,0)}}
.bars i{background:linear-gradient(180deg,#063b5a,rgba(6,59,90,.35))!important}
.s4c:hover .bars i{background:linear-gradient(180deg,#0a5d8c,rgba(26,143,201,.45))!important}
.grid17 i{background:rgba(5,43,64,.22)!important;border-color:rgba(5,43,64,.45)!important}
@keyframes glow{50%{background:#063b5a;box-shadow:0 0 10px rgba(42,159,214,.8)}}
.s4c:hover{border-color:rgba(42,159,214,.7)!important;box-shadow:0 30px 60px rgba(20,83,45,.42),0 0 0 1px rgba(42,159,214,.5)!important}
.s4c:after{background:radial-gradient(circle,rgba(42,159,214,.28),transparent 60%)!important}
.mini-map{background:linear-gradient(160deg,#8fd8ff,#1a8fc9)!important;opacity:1!important}
.ping{background:#052b40!important}
.bars i{background:linear-gradient(180deg,#0a4f78,rgba(10,79,120,.35))!important}

/* ===== v13 ===== */
.vz-t{color:#fff!important;font-size:10.5px!important;font-weight:800!important;letter-spacing:.3px!important;text-shadow:0 1px 3px rgba(5,43,64,.6)}
.grid17 i{background:rgba(5,43,64,.28)!important;border-color:rgba(5,43,64,.5)!important}
@keyframes glow{50%{background:#6fd0ff;border-color:#c9eeff;box-shadow:0 0 10px rgba(111,208,255,.9)}}
.pbanner .copy{width:fit-content;max-width:100%}
.pbanner .copy .lead{max-width:none;width:0;min-width:max(100%,min(560px,calc(100vw - 32px)))}
/* promo no grid */
.mkpromo{position:relative;overflow:hidden;border-radius:18px;color:#fff;display:flex;align-items:flex-end;min-height:100%;background:#052b40;animation:rise .5s .3s both}
.mkpromo.sp3{grid-column:1/-1;min-height:240px}
.mkpromo.sp2{grid-column:span 2}
.mkpromo .bg{position:absolute;inset:0;background-size:cover;background-position:center;transition:transform .8s}
.mkpromo:hover .bg{transform:scale(1.06)}
.mkpromo:after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,rgba(5,43,64,.97) 0%,rgba(5,43,64,.85) 45%,rgba(20,83,45,.45) 100%)}
.mkpromo .in{position:relative;z-index:1;padding:clamp(24px,3vw,36px);display:grid;gap:10px;max-width:520px}
.mkpromo h3{font-size:clamp(24px,2.2vw,30px);line-height:1.15;margin:0}
.mkpromo p{color:#c6dbe5;margin:0 0 8px;font-size:16px}
@media (max-width:960px){.mkpromo.sp2,.mkpromo.sp1{grid-column:1/-1;min-height:260px}}

/* ===== v14 ===== */
@keyframes glow{50%{background:#6cc24a;box-shadow:0 0 10px rgba(108,194,74,.7)}}
@keyframes glowb{50%{background:#6fd0ff;border-color:#c9eeff;box-shadow:0 0 10px rgba(111,208,255,.9)}}
.grid17 i{animation-name:glowb!important}
.ctasec{padding-top:0!important;padding-bottom:26px!important}
.ctasec.s-after-surface,.ctasec.s-after-objs,.ctasec.s-after-stats{padding-top:clamp(56px,7vw,104px)!important}
.mkpromo{align-items:center!important}
.mkpromo .in{padding:clamp(28px,3.5vw,44px)!important;gap:12px}
.mkpromo .bg{background-position:right center}
.mkpromo:after{background:linear-gradient(95deg,rgba(5,43,64,.97) 0%,rgba(5,43,64,.9) 42%,rgba(5,43,64,.35) 75%,rgba(20,83,45,.25) 100%)!important}

/* ===== v16: mobile estilo app ===== */
.tabbar{display:none}
@media (max-width:760px){
 html{-webkit-tap-highlight-color:transparent}
 body{padding-bottom:calc(76px + env(safe-area-inset-bottom))}
 /* app bar */
 header.site{position:sticky;top:0;z-index:60;background:rgba(255,255,255,.86)!important;backdrop-filter:saturate(1.6) blur(14px);-webkit-backdrop-filter:saturate(1.6) blur(14px);border-bottom:1px solid rgba(217,225,220,.7)}
 header.site .wrap{min-height:58px!important;padding-block:0!important}
 header.site .brand img{height:30px;width:auto}
 nav.main,#menu-btn,.menu-btn{display:none!important}
 .hdr-wa{width:42px;height:42px;min-height:42px!important;padding:0!important;border-radius:50%!important;justify-content:center}
 .hdr-wa span{display:none}
 /* bottom tab bar */
 .tabbar{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;left:0;right:0;bottom:0;z-index:70;background:rgba(255,255,255,.94);backdrop-filter:saturate(1.6) blur(16px);-webkit-backdrop-filter:saturate(1.6) blur(16px);border-top:1px solid rgba(217,225,220,.8);padding:6px 6px calc(6px + env(safe-area-inset-bottom));box-shadow:0 -8px 30px rgba(5,43,64,.08)}
 .tabbar a{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;height:56px;border-radius:14px;text-decoration:none;color:#6b7a72;font-size:11px;font-weight:600;letter-spacing:.1px;transition:color .2s,transform .15s}
 .tabbar a .ico{width:23px;height:23px;transition:transform .25s}
 .tabbar a:before{content:"";position:absolute;top:4px;left:50%;width:46px;height:30px;margin-left:-23px;border-radius:15px;background:var(--soft-green);transform:scale(.4);opacity:0;transition:transform .25s,opacity .25s;z-index:-1}
 .tabbar a[aria-current="page"]{color:var(--action)}
 .tabbar a[aria-current="page"]:before{transform:scale(1);opacity:1}
 .tabbar a:active{transform:scale(.92)}
 /* whatsapp fab */
 .fab{right:14px!important;bottom:calc(84px + env(safe-area-inset-bottom))!important;width:54px;height:54px;padding:0!important;border-radius:50%!important;justify-content:center}
 .fab span{display:none!important}
 /* ritmo */
 .band{padding-block:56px!important}
 .h-xl{font-size:clamp(32px,9vw,40px)!important;letter-spacing:-1px!important}
 .h-l{font-size:clamp(26px,7.2vw,32px)!important}
 .lead{font-size:16.5px!important}
 .btns{display:grid!important;grid-template-columns:1fr;gap:10px!important;width:100%}
 .btns .btn{width:100%;justify-content:center}
 .btn{min-height:50px;border-radius:14px!important}
 .btn:active,.mk2:active,.oth:active,.tab:active,.fcard:active,.obj:active,.cattiles button:active,.s4c:active,.chip:active,.hpts>div:active{transform:scale(.97)!important;transition:transform .12s!important}
 /* hero */
 .hero .wrap{grid-template-columns:1fr!important;padding-block:28px 120px!important;gap:28px!important}
 .hero-h .nw{white-space:normal}
 .hero .app{max-width:100%!important;justify-self:stretch!important;transform:none!important;font-size:13px}
 .app-side{display:none!important}
 .app-body{grid-template-columns:1fr!important}
 .app .kpi small{display:none}
 .app .kpis{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important}
 .app .kpi{padding:10px!important}
 .app .kpi b{font-size:18px!important}
 .app .kpi span{font-size:10.5px!important}
 .drivers li{grid-template-columns:auto 1fr auto!important;font-size:12.5px!important}
 .drivers li .tm{display:none}
 #toast{left:12px!important;right:12px!important;bottom:-40px!important;width:auto!important}
 /* banners internos */
 .pbanner .wrap{min-height:0!important;padding-block:32px 40px!important}
 .pb-stats .wrap{padding-bottom:110px!important}
 .pbanner .copy{width:auto!important}
 .pbanner .copy .lead{width:auto!important;min-width:0!important}
 .pbanner .gfx,.pbanner .gtiles,.pbanner .gmap{opacity:.35}
 .crumb{font-size:12.5px}
 /* números */
 .stats4{margin-top:-80px!important}
 .s4{gap:10px!important}
 .s4c{padding:14px 10px 16px!important;border-radius:18px!important}
 .s4c>b{font-size:30px!important}
 .s4c>span{font-size:12.5px!important}
 .viz{height:64px!important}
 /* carrosséis com swipe */
 .hscroll,.mcols,.others,.reports,.objs-grid{display:flex!important;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px!important;margin-inline:-16px;padding:4px 16px 14px!important;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}
 .hscroll::-webkit-scrollbar,.mcols::-webkit-scrollbar,.others::-webkit-scrollbar,.reports::-webkit-scrollbar,.objs-grid::-webkit-scrollbar,.cattiles::-webkit-scrollbar,.tabs::-webkit-scrollbar{display:none}
 .mcols>*,.others>*,.reports>*,.objs-grid>*{flex:0 0 84%;scroll-snap-align:center}
 .mcols>*{background:#fff;border-radius:18px;border:1px solid var(--border)!important;padding:18px!important}
 .dots-ind{display:flex;justify-content:center;gap:6px;margin-top:4px}
 .dots-ind i{width:6px;height:6px;border-radius:3px;background:#cfd8d3;transition:width .25s,background .25s}
 .dots-ind i.on{width:18px;background:var(--action)}
 /* showcase: abas viram chips roláveis */
 .show{display:block!important}
 .show .tabs{display:flex!important;overflow-x:auto;gap:8px;margin:0 -16px 14px;padding:2px 16px 6px;scroll-snap-type:x proximity;border:none!important}
 .show .tab{flex:0 0 auto;display:flex!important;align-items:center;gap:8px;padding:10px 16px!important;border-radius:999px!important;border:1px solid var(--border)!important;background:#fff;min-height:44px;scroll-snap-align:start}
 .show .tab .t span,.show .tab .ar,.show .tab:after,.show .tab:before{display:none!important}
 .show .tab .num{font-size:11px;opacity:.6}
 .show .tab .t b{font-size:14.5px;white-space:nowrap}
 .show .tab[aria-selected="true"]{background:var(--navy)!important;color:#fff;border-color:var(--navy)!important}
 .show .tab[aria-selected="true"] .t b{color:#fff}
 .stage{border-radius:22px!important;padding:22px 18px!important;animation:rise .35s both}
 .stage .foot{display:grid!important;gap:10px}
 .stage .foot .btn{width:100%;justify-content:center}
 /* módulos */
 .cattiles{display:flex!important;overflow-x:auto;gap:8px!important;margin:0 -16px 18px!important;padding:2px 16px 6px;scroll-snap-type:x proximity}
 .cattiles button{flex:0 0 auto;display:flex!important;align-items:center;gap:8px!important;padding:8px 14px 8px 8px!important;border-radius:999px!important;scroll-snap-align:start}
 .cattiles .bi{width:32px!important;height:32px!important;margin:0!important;border-radius:50%!important}
 .cattiles small{display:none!important}
 .cattiles em{position:static!important;min-width:22px;height:22px;font-size:12px}
 .cattiles b{font-size:14.5px!important}
 .mkgrid2,.mkgrid2.c4{grid-template-columns:1fr!important;gap:12px!important}
 .mk2{padding:16px!important;grid-template-columns:auto 1fr;gap:6px 14px!important;grid-template-rows:auto!important}
 .mk2-top{grid-row:span 3;flex-direction:column;align-items:flex-start;gap:8px}
 .mk2-top .cat{display:none}
 .mk2 h3{font-size:17px!important;margin:0!important}
 .mk2 .hook{font-size:14px!important}
 .mk2 .tags{display:none}
 .mk2-foot{grid-column:1/-1;padding-top:10px!important}
 .mkpromo{min-height:0!important}
 .mkpromo .in{padding:24px 20px!important}
 /* bottom sheet */
 .mkmodal{align-items:flex-end!important;padding:0!important}
 .mbox{border-radius:26px 26px 0 0!important;max-height:88vh!important;padding:30px 20px calc(24px + env(safe-area-inset-bottom))!important;transform:translateY(100%)!important;transition:transform .35s cubic-bezier(.2,.8,.2,1)!important}
 .mkmodal.on .mbox{transform:translateY(var(--dy,0px))!important}
 .mbox.drag{transition:none!important}
 .mbox:after{content:"";position:absolute;top:10px;left:50%;width:44px;height:5px;margin-left:-22px;border-radius:3px;background:#d4dcd7}
 .mbox:before{display:none}
 .mclose{top:16px!important;right:16px!important}
 .mbox .btns{grid-template-columns:1fr}
 /* história, contato, cta */
 .hist-img .badge{left:10px!important}
 .hpts{display:flex!important;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 -16px;padding:4px 16px 10px}
 .hpts>div{flex:0 0 72%;scroll-snap-align:start}
 .obj{padding:24px 20px 28px!important}
 .ctaform{padding:24px 18px!important;border-radius:22px!important}
 .ctasec{padding-bottom:40px!important}
 form.f input,form.f select,form.f textarea{font-size:16px!important;min-height:50px;border-radius:12px!important}
 .cinfo2{padding:24px 20px!important}
 /* rodapé em acordeão */
 footer.site .wrap{display:block!important}
 footer.site .wrap>div{border-bottom:1px solid rgba(255,255,255,.12)}
 footer.site .wrap>div:first-child{border:none;padding-bottom:18px}
 footer.site h4{display:flex;justify-content:space-between;align-items:center;margin:0!important;padding:16px 0;cursor:pointer}
 footer.site h4:after{content:"+";font-size:22px;font-weight:400;transition:transform .25s}
 footer.site .open h4:after{transform:rotate(45deg)}
 footer.site .wrap>div:not(:first-child)>a{display:none!important}
 footer.site .wrap>div.open>a{display:block!important;padding:6px 0 10px}
 footer.site .wrap>div.open{padding-bottom:10px}
 footer.site .bottom .wrap{display:grid!important;gap:4px;text-align:center}
 /* transição de página */
 #app.enter{animation:pgin .38s cubic-bezier(.2,.8,.2,1) both}
 @keyframes pgin{from{opacity:0;transform:translateY(12px)}}
}
 @media (max-width:760px){.mcols{border-top:none!important}.mcol{border-right:1px solid var(--border)!important;border-top:3px solid var(--navy)!important}}
@media (max-width:960px){.hist{grid-template-columns:1fr!important}}
@media (max-width:760px){.hist-img .ph{max-height:320px;aspect-ratio:4/3!important}.hpts>div{flex-basis:62%!important}.reports>*{flex-basis:62%!important}.hist-h .nw{white-space:normal!important}}
@media (max-width:760px){.app .kpis{grid-template-columns:1fr 1fr!important}.hero .wrap{padding-bottom:150px!important}#toast{bottom:-30px!important}}

/* ===== v17 ===== */
.pbanner .copy{width:auto!important}
.pbanner .copy .lead{width:auto!important;min-width:0!important}
h1+p,h2+p{text-wrap:pretty}
.sec-head.center h2+p,.objs-head h2+p{margin-inline:auto}

/* ===== v18: WhatsApp em todas as seções, demo ao vivo, FAQ ===== */
.btn .ico{width:19px;height:19px;flex:none}
.btn-wa-ghost{border-color:rgba(108,194,74,.75)!important}
.btn-wa-ghost .ico{color:#6cc24a}
.btn-wa-ghost:hover{background:var(--wa)!important;border-color:var(--wa)!important;color:#fff}
.btn-wa-ghost:hover .ico{color:#fff}
.btn-wa-light .ico{color:var(--wa)}
.wa-row{display:flex;justify-content:center;margin-top:34px}
.wa-inline{display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:0 22px 0 8px;border-radius:999px;border:1.5px solid rgba(37,162,68,.35);background:#fff;color:#1b7f3a;font-weight:700;font-size:15px;text-decoration:none;box-shadow:0 8px 22px rgba(5,43,64,.06);transition:transform .2s,box-shadow .2s,background .2s,color .2s,border-color .2s}
.wa-inline .wi{width:34px;height:34px;border-radius:50%;background:var(--wa);color:#fff;display:flex;align-items:center;justify-content:center;position:relative}
.wa-inline .wi:after{content:"";position:absolute;inset:0;border-radius:50%;box-shadow:0 0 0 0 rgba(37,162,68,.5);animation:wapulse 2.4s ease-out infinite}
.wa-inline .wi .ico{width:18px;height:18px}
.wa-inline .ar{width:16px;height:16px;transition:transform .2s}
.wa-inline:hover{transform:translateY(-2px);background:var(--wa);color:#fff;border-color:var(--wa);box-shadow:0 14px 30px rgba(37,162,68,.28)}
.wa-inline:hover .wi{background:#fff;color:var(--wa)}
.wa-inline:hover .ar{transform:translateX(3px)}
.wa-inline.on-dark{background:rgba(255,255,255,.08);color:#fff;border-color:rgba(255,255,255,.3);box-shadow:none}
.wa-inline.on-dark:hover{background:var(--wa);border-color:var(--wa)}
@keyframes wapulse{0%{box-shadow:0 0 0 0 rgba(37,162,68,.5)}70%,100%{box-shadow:0 0 0 12px rgba(37,162,68,0)}}
.wa-row small{display:block}
/* demo ao vivo */
.livedemo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(28px,5vw,64px);align-items:center;background:linear-gradient(120deg,#052b40,#07405e 60%,#0a4a6e);border-radius:22px;padding:clamp(26px,4vw,52px);color:#fff}
.livedemo .lead{color:#c6dbe5}
.livedemo .ld-copy{display:grid;gap:16px;align-content:center}
.livedemo .ui{background:#fff;color:var(--ink);border-radius:16px;padding:20px;box-shadow:0 24px 50px rgba(0,0,0,.3)}
.livedemo .btn-secondary{background:transparent;color:#fff;border-color:rgba(255,255,255,.45)}
.livedemo .btn-secondary:hover{background:#fff;color:var(--navy)}
@media (max-width:960px){.livedemo{grid-template-columns:1fr}}
/* FAQ */
.faqw{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(28px,5vw,64px);align-items:start}
.faqw .sec-head{margin:0;position:sticky;top:110px}
.faq{display:grid;gap:12px}
.faq details{border:1px solid var(--border);border-radius:16px;background:#fff;transition:border-color .2s,box-shadow .2s}
.faq details[open]{border-color:rgba(73,161,66,.5);box-shadow:0 14px 34px rgba(5,43,64,.08)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 22px;font-weight:700;font-size:16.5px;color:var(--navy)}
.faq summary::-webkit-details-marker{display:none}
.faq summary i{flex:none;width:30px;height:30px;border-radius:50%;background:var(--soft-green);position:relative;transition:transform .3s,background .3s}
.faq summary i:before,.faq summary i:after{content:"";position:absolute;left:50%;top:50%;width:12px;height:2px;margin:-1px 0 0 -6px;background:var(--action);border-radius:2px}
.faq summary i:after{transform:rotate(90deg);transition:transform .3s}
.faq details[open] summary i{background:var(--action)}
.faq details[open] summary i:before,.faq details[open] summary i:after{background:#fff}
.faq details[open] summary i:after{transform:rotate(0)}
.faq details p{margin:0;padding:0 22px 20px;color:var(--muted);font-size:15.5px;line-height:1.65;animation:rise .3s both}
.faq-sec .wa-row{justify-content:flex-start;grid-column:2}
@media (max-width:960px){.faqw{grid-template-columns:1fr}.faqw .sec-head{position:static}.faq-sec .wa-row{grid-column:auto;justify-content:center}}
@media (max-width:760px){.wa-inline{font-size:14.5px}.wa-row{margin-top:26px}.livedemo{border-radius:20px;padding:24px 18px}.faq summary{padding:16px 16px;font-size:15.5px}.faq details p{padding:0 16px 16px}}

@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* ===== WordPress / Elementor ===== */
body.planner-site{margin:0;background:#fff;color:var(--ink);font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif}
.planner-site .elementor-section.elementor-section-full_width>.elementor-container,.planner-site .elementor-container{max-width:none!important}
.planner-site .elementor-column>.elementor-widget-wrap,.planner-site .elementor-widget-wrap{padding:0!important}
.planner-site .elementor-widget,.planner-site .elementor-widget:not(:last-child){margin:0!important;margin-block-end:0!important}
.planner-site .elementor-widget-html,.planner-site .elementor-widget-container{width:100%}
.planner-site .elementor-section{padding:0}
.planner-site button,.planner-site [type=button],.planner-site [type=submit]{font-family:inherit}
.planner-site input,.planner-site select,.planner-site textarea{font-family:inherit}
.planner-site .elementor{animation:pgin .45s cubic-bezier(.2,.8,.2,1) both}
@keyframes pgin{from{opacity:0;transform:translateY(10px)}}
.priv{max-width:820px!important}
.priv h2{font-size:22px;margin:34px 0 10px}
.priv p{font-size:16.5px;line-height:1.7;color:#3d4a43}
.priv .upd{color:var(--muted);font-size:14px;margin-top:30px}
.okmsg{grid-column:1/-1}
.admin-bar header.site{top:32px}
@media (max-width:782px){.admin-bar header.site{top:46px}}
/* aviso de cookies */
.ck{position:fixed;left:16px;bottom:16px;z-index:90;max-width:420px;background:#fff;border:1px solid var(--border);border-radius:18px;box-shadow:0 24px 60px rgba(5,43,64,.22);padding:18px 18px 16px;display:grid;gap:12px;transform:translateY(20px);opacity:0;transition:transform .35s cubic-bezier(.2,.8,.2,1),opacity .35s}
.ck.on{transform:none;opacity:1}
.ck p{margin:0;font-size:14px;line-height:1.55;color:#3d4a43}
.ck p a{color:var(--blue);font-weight:600}
.ck .ckb{display:flex;gap:8px;flex-wrap:wrap}
.ck button{flex:1;min-height:44px;border-radius:12px;font:600 14px var(--font);cursor:pointer;border:1.5px solid var(--border);background:#fff;color:var(--navy)}
.ck button.ok{background:var(--action);border-color:var(--action);color:#fff}
@media (max-width:760px){.ck{left:10px;right:10px;max-width:none;bottom:calc(84px + env(safe-area-inset-bottom))}}
/* 404 */
.planner-404 .pbanner .wrap{min-height:520px}