:root{
  --bg:#F3F4F8; --surface:#FFFFFF; --surface-2:#F6F7FB; --line:#E6E8EF; --line-2:#D2D6E3; --track:#F0F1F6;
  --text:#10131C; --muted:#5B6272; --faint:#858CA3;
  --accent:#F97316; --accent-hover:#EA580C; --accent-2:#FDBA74; --accent-soft:#FFEDD5; --accent-ink:#9A3412;
  --ok:#15803D; --ok-soft:#E8F5EE; --loss:#DC2626; --loss-soft:#FEECEC; --warn-chip:#C2410C;
  --shadow:rgba(16,19,28,.16);
  --ember-900:#7C2D12; --ember-950:#431407;
  --ease:cubic-bezier(.2,.8,.2,1);
  --gut:20px; --maxw:1160px; --hdr:68px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;scroll-padding-top:calc(var(--hdr) + 8px);-webkit-text-size-adjust:100%}
body{
  font-family:"Geist",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
  background:var(--surface);color:var(--text);font-size:16px;line-height:1.55;
  -webkit-font-smoothing:antialiased;font-variant-numeric:tabular-nums;overflow-x:hidden;
}
img,svg{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
ul,ol{list-style:none}
button,input{font:inherit;color:inherit}
button{cursor:pointer}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:6px}
.skip{position:absolute;left:12px;top:-60px;z-index:100;padding:10px 14px;border-radius:10px;background:var(--text);color:#fff;font-size:14px;transition:top .2s}
.skip:focus{top:12px}
.wrap{width:100%;max-width:calc(var(--maxw) + var(--gut)*2);margin:0 auto;padding:0 var(--gut)}

/* ---------- revelar ao entrar na tela ---------- */
.js .rv{opacity:0;transform:translateY(18px);transition:opacity .8s var(--ease) var(--d,0ms),transform .8s var(--ease) var(--d,0ms)}
.js .rv.in{opacity:1;transform:none}

/* ---------- botões ---------- */
.btn{position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:8px;
  height:44px;padding:0 18px;border-radius:10px;border:1px solid transparent;font-size:14px;font-weight:600;white-space:nowrap;
  transition:transform .18s var(--ease),box-shadow .2s var(--ease),background .25s,border-color .2s,color .2s}
.btn>span{position:relative;z-index:1}
.btn:active{transform:scale(.985)!important}
.btn-main{color:#fff;background:linear-gradient(135deg,var(--accent-hover),var(--warn-chip));box-shadow:0 14px 28px -14px rgba(194,65,12,.85)}
.btn-main::after{content:"";position:absolute;inset:0;transform:translateX(-120%);background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.38) 50%,transparent 70%)}
.btn-main:hover{transform:translateY(-1px);box-shadow:0 20px 34px -14px rgba(194,65,12,.95)}
.btn-main:hover::after{transform:translateX(120%);transition:transform .8s var(--ease)}
.btn-lg{height:52px;padding:0 26px;font-size:15px}
.btn-block{width:100%}
.btn-ghost{color:#fff;background:transparent}
.btn-ghost:hover{background:rgba(255,255,255,.12)}
.btn-line{color:#fff;border-color:rgba(255,255,255,.34);background:rgba(255,255,255,.06)}
.btn-line:hover{border-color:rgba(253,186,116,.9);background:rgba(255,255,255,.12);transform:translateY(-1px)}

/* ---------- cabeçalho ---------- */
.top{position:fixed;inset:0 0 auto 0;z-index:50;height:var(--hdr);border-bottom:1px solid transparent;
  transition:background .3s var(--ease),border-color .3s,backdrop-filter .3s}
.top-in{height:100%;display:flex;align-items:center;gap:20px}
.logo{display:block;flex:none}
.logo img{height:46px;width:auto;margin-left:-8px}
.logo-escuro{display:none!important}
.nav{display:none;margin-left:auto;gap:26px}
.nav a{font-size:14px;font-weight:500;color:rgba(255,255,255,.82);padding:6px 0;
  background:linear-gradient(currentColor,currentColor) 0 100%/0 1.5px no-repeat;transition:background-size .25s var(--ease),color .2s}
.nav a:hover{color:#fff;background-size:100% 1.5px}
.top-act{margin-left:auto;display:flex;align-items:center;gap:6px}
.top.stuck{background:rgba(255,255,255,.88);-webkit-backdrop-filter:saturate(1.4) blur(14px);backdrop-filter:saturate(1.4) blur(14px);border-bottom-color:var(--line)}
.top.stuck .logo-claro{display:none!important}
.top.stuck .logo-escuro{display:block!important}
.top.stuck .nav a{color:var(--muted)}
.top.stuck .nav a:hover{color:var(--text)}
.top.stuck .btn-ghost{color:var(--text)}
.top.stuck .btn-ghost:hover{background:var(--surface-2)}
@media (min-width:1040px){.nav{display:flex}.top-act{margin-left:0}}
@media (max-width:420px){.top-act .btn{padding:0 12px;height:40px}}

/* ---------- hero ---------- */
.hero{--px:0;--py:0;--mx:50%;--my:50%;
  position:relative;overflow:hidden;isolation:isolate;color:#fff;
  padding:calc(var(--hdr) + 40px) 0 72px;
  background:linear-gradient(160deg,var(--accent-ink) 0%,var(--ember-900) 52%,var(--ember-950) 100%)}
.bg{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden}
.orb{position:absolute;border-radius:50%;filter:blur(64px);will-change:transform}
.o1{width:640px;height:640px;right:-200px;bottom:-220px;opacity:.9;background:radial-gradient(circle at 40% 40%,var(--accent),rgba(249,115,22,0) 70%);
  translate:calc(var(--px)*-80px) calc(var(--py)*-60px);animation:drift1 16s ease-in-out infinite alternate}
.o2{width:380px;height:380px;right:14%;top:-120px;opacity:.36;background:radial-gradient(circle,var(--accent-2),rgba(253,186,116,0) 70%);
  translate:calc(var(--px)*56px) calc(var(--py)*44px);animation:drift2 18s ease-in-out infinite alternate}
.o3{width:460px;height:460px;left:-200px;top:34%;opacity:.28;background:radial-gradient(circle,var(--accent-hover),rgba(234,88,12,0) 70%);
  translate:calc(var(--px)*44px) calc(var(--py)*-50px);animation:drift3 20s ease-in-out infinite alternate}
@keyframes drift1{to{transform:translate(-50px,-30px) scale(1.08)}}
@keyframes drift2{to{transform:translate(40px,50px) scale(.92)}}
@keyframes drift3{to{transform:translate(60px,-40px) scale(1.12)}}
.dots{position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.15) 1px,transparent 1.6px);background-size:28px 28px;
  -webkit-mask-image:radial-gradient(ellipse at 70% 70%,#000 0%,transparent 66%);mask-image:radial-gradient(ellipse at 70% 70%,#000 0%,transparent 66%);
  translate:calc(var(--px)*-26px) calc(var(--py)*-26px)}
.flow{position:absolute;inset:0;width:100%;height:100%;max-width:none}
.flow path{fill:none;stroke:rgba(255,255,255,.2);stroke-width:1.5;stroke-linecap:round;stroke-dasharray:3 16;vector-effect:non-scaling-stroke;animation:flow 6s linear infinite}
.flow path:nth-child(2){stroke:rgba(253,186,116,.34);animation-duration:9s;animation-direction:reverse}
.flow path:nth-child(3){animation-duration:12s;stroke:rgba(255,255,255,.13)}
@keyframes flow{to{stroke-dashoffset:-190}}
.ripples{position:absolute;right:10%;bottom:14%;width:0;height:0}
.ripples i{position:absolute;left:-260px;top:-260px;width:520px;height:520px;border-radius:50%;border:1.5px solid rgba(253,186,116,.5);opacity:0;animation:ripple 7.5s var(--ease) infinite}
.ripples i:nth-child(2){animation-delay:2.5s}.ripples i:nth-child(3){animation-delay:5s}
@keyframes ripple{0%{transform:scale(.25);opacity:.7}100%{transform:scale(1.5);opacity:0}}
.spot{position:absolute;inset:0;mix-blend-mode:screen;background:radial-gradient(560px circle at var(--mx) var(--my),rgba(253,186,116,.3),transparent 62%)}

.hero-in{display:grid;gap:44px;align-items:center}
.copy h1{font-size:clamp(31px,8.4vw,64px);line-height:1.05;font-weight:600;letter-spacing:-.032em}
.line{display:block;overflow:hidden;padding-bottom:.1em}
.line>span{display:block;animation:lineUp 1.05s var(--ease) both}
.line:nth-child(1)>span{animation-delay:.2s}.line:nth-child(2)>span{animation-delay:.33s}
.lead{margin-top:18px;font-size:clamp(16px,2vw,18px);line-height:1.6;color:rgba(255,255,255,.86);max-width:46ch;animation:rise .9s var(--ease) .55s both}
.cta-row{margin-top:30px;display:flex;flex-wrap:wrap;gap:12px;animation:rise .9s var(--ease) .7s both}
.micro{margin-top:16px;font-size:13px;color:rgba(255,255,255,.7);animation:rise .9s var(--ease) .82s both}
@keyframes lineUp{from{transform:translateY(105%)}to{transform:none}}
@keyframes rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@media (max-width:420px){.cta-row .btn{flex:1 1 100%}}

.scene{position:relative;width:100%;height:340px;margin:46px 0 40px}
.fit{position:absolute;left:50%;top:0;width:600px;margin-left:-300px;transform-origin:50% 0;transform:scale(var(--k,1));perspective:1500px}
.tilt{position:relative;width:100%;transform-style:preserve-3d;
  transform:rotateX(calc(4deg + var(--py)*-9deg)) rotateY(calc(-6deg + var(--px)*14deg)) scale(var(--s,1));
  transition:transform .28s ease-out;animation:boardIn 1.2s var(--ease) .6s both}
.tilt.hot{--s:1.03}
@keyframes boardIn{from{opacity:0;translate:0 38px;scale:.94}to{opacity:1;translate:0 0;scale:1}}
.board{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:12px;border-radius:20px;
  background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.24);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);
  box-shadow:0 40px 90px -30px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.18);transition:border-color .25s,box-shadow .35s var(--ease),background .35s}
.tilt.hot .board{background:rgba(255,255,255,.15);border-color:rgba(253,186,116,.8);box-shadow:0 60px 110px -34px rgba(0,0,0,.7),0 0 0 1px rgba(253,186,116,.45),0 0 80px -10px rgba(249,115,22,.6),inset 0 1px 0 rgba(255,255,255,.35)}
.col{position:relative;border-radius:14px;padding:10px;background:rgba(255,255,255,.1);min-width:0}
.col-h{display:flex;align-items:center;gap:7px;height:24px;margin-bottom:8px;font-size:12px;font-weight:600;color:#fff}
.col-h .dot{width:8px;height:8px;border-radius:50%;background:var(--accent-2)}
.col:nth-child(4) .col-h .dot{background:#4ADE80}
.col-h .ct{margin-left:auto;min-width:20px;height:20px;padding:0 6px;border-radius:999px;display:grid;place-items:center;background:rgba(255,255,255,.2);font-size:11px}
.list{position:relative;height:202px;display:flex;flex-direction:column;gap:8px}
.card{position:relative;height:62px;flex:none;padding:0 11px;border-radius:12px;background:#fff;color:var(--text);display:flex;flex-direction:column;justify-content:center;gap:5px;
  box-shadow:0 8px 18px -10px rgba(0,0,0,.45);transition:translate .2s var(--ease),scale .2s var(--ease),box-shadow .2s var(--ease)}
.card:hover{translate:0 -6px;scale:1.06;z-index:5;box-shadow:0 22px 32px -12px rgba(0,0,0,.65),0 0 0 2px var(--accent-2)}
.c-top{display:flex;align-items:center;gap:8px;min-width:0}
.av{flex:none;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-size:10px;font-weight:600;color:var(--accent-ink);font-style:normal}
.c-top b{font-size:12.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.c-val{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:6px}
.card.lifted{z-index:8;transform:scale(1.05) rotate(2deg);box-shadow:0 22px 34px -12px rgba(0,0,0,.6),0 0 0 2px var(--accent-2);transition:transform .25s var(--ease),box-shadow .25s var(--ease)}
.card.won{box-shadow:0 10px 20px -10px rgba(0,0,0,.5),0 0 0 2px #4ADE80}
.card.won .c-val::after{content:"Ganho";height:18px;padding:0 7px;border-radius:999px;display:inline-grid;place-items:center;background:var(--ok-soft);color:var(--ok);font-size:11px;font-weight:600}
.card.enter{animation:cardIn .6s var(--ease) both}
@keyframes cardIn{from{opacity:0;scale:.86}to{opacity:1;scale:1}}
.cursor{position:absolute;left:0;top:0;z-index:12;pointer-events:none;opacity:0;transition:opacity .3s}
.cursor.on{opacity:1}
.cursor svg{filter:drop-shadow(0 4px 6px rgba(0,0,0,.45));transition:transform .15s var(--ease);transform-origin:3px 3px}
.cursor.grab svg{transform:scale(.82)}
.cursor span{position:absolute;left:16px;top:20px;white-space:nowrap;height:22px;padding:0 9px;border-radius:999px;display:grid;place-items:center;background:var(--accent-2);color:var(--accent-ink);font-size:11px;font-weight:600}

.chip{position:absolute;z-index:3;display:flex;align-items:center;gap:12px;padding:12px 16px 12px 12px;border-radius:16px;background:rgba(255,255,255,.96);color:var(--text);
  box-shadow:0 24px 48px -18px rgba(0,0,0,.55);--lift:0px;transform:translateZ(120px);translate:calc(var(--px)*-30px) calc(var(--py)*-20px - var(--lift));transition:translate .25s ease-out,box-shadow .25s var(--ease)}
.chip:hover{--lift:8px;box-shadow:0 40px 70px -18px rgba(0,0,0,.7),0 0 0 2px var(--accent-2)}
.chip .ic{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:var(--ok-soft);color:var(--ok);transition:rotate .3s var(--ease),scale .3s var(--ease)}
.chip:hover .ic{rotate:-8deg;scale:1.1}
.chip .k{font-size:12px;color:var(--muted)}
.chip .v{font-size:19px;font-weight:600;letter-spacing:-.02em;line-height:1.15}
.chip-win{top:-46px;right:-12px}
.chip-win.bump{animation:bump .7s var(--ease)}
@keyframes bump{30%{transform:translateZ(120px) scale(1.1)}100%{transform:translateZ(120px) scale(1)}}
.chip-conv{bottom:-40px;left:-14px}
.chip-conv .ic{background:var(--accent-soft);color:var(--accent-ink)}
.bars{display:flex;align-items:flex-end;gap:3px;height:22px;margin-left:6px}
.bars i{width:5px;border-radius:2px;background:var(--accent);transform-origin:bottom;animation:grow 2.8s var(--ease) infinite alternate}
.bars i:nth-child(1){height:9px}.bars i:nth-child(2){height:13px;animation-delay:.2s}.bars i:nth-child(3){height:11px;animation-delay:.4s}
.bars i:nth-child(4){height:17px;animation-delay:.6s}.bars i:nth-child(5){height:22px;animation-delay:.8s;background:var(--accent-hover)}
@keyframes grow{from{transform:scaleY(.55)}to{transform:scaleY(1)}}
#confetti{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:60}

@media (min-width:1000px){
  .hero{padding-bottom:96px}
  .hero-in{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px}
  .copy h1{font-size:clamp(42px,3.8vw,60px)}
  .scene{height:420px;margin:30px 0 40px}
}

/* ---------- seções ---------- */
.sec{padding:clamp(72px,10vw,128px) 0}
.sec-tint{background:var(--bg)}
.eyebrow{font-size:13px;font-weight:600;color:var(--accent-ink);display:flex;align-items:center;gap:10px;margin-bottom:14px}
.eyebrow::before{content:"";width:22px;height:2px;border-radius:2px;background:var(--accent)}
h2{font-size:clamp(27px,4.4vw,44px);line-height:1.1;font-weight:600;letter-spacing:-.03em;max-width:20ch;text-wrap:balance}
.sec-sub{margin-top:16px;font-size:clamp(16px,1.8vw,18px);color:var(--muted);max-width:50ch}
.sec-head{margin-bottom:clamp(36px,5vw,56px)}
.sec-head h2{max-width:24ch}

/* benefícios */
.benef{border-bottom:1px solid var(--line);background:var(--surface)}
.benef-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px 20px;padding-top:44px;padding-bottom:44px}
.benef-grid li{display:flex;flex-direction:column;gap:6px}
.ico{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent-ink);margin-bottom:6px}
.benef h3{font-size:16px;font-weight:600;letter-spacing:-.01em}
.benef p{font-size:14px;color:var(--muted);line-height:1.5}
@media (min-width:900px){.benef-grid{grid-template-columns:repeat(4,1fr);gap:32px;padding-top:56px;padding-bottom:56px}}
@media (max-width:420px){.benef-grid{grid-template-columns:1fr}.benef-grid li{flex-direction:row;flex-wrap:wrap;column-gap:14px;align-items:center}.benef-grid .ico{margin:0}.benef-grid li h3{flex:1}.benef-grid li p{flex-basis:100%;padding-left:58px;margin-top:-18px}}

/* funil */
.split{display:grid;gap:44px;align-items:center}
@media (min-width:960px){.split{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:72px}}
.ticks{margin-top:30px;display:grid;gap:18px}
.ticks li{display:flex;gap:14px;font-size:15px;color:var(--muted);line-height:1.55}
.ticks b{color:var(--text);font-weight:600}
.tk{flex:none;width:22px;height:22px;margin-top:1px;border-radius:50%;background:var(--accent-soft) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239A3412' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 12.5 4 4 8-9'/%3E%3C/svg%3E") center/13px no-repeat}

.panel-card{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:16px;box-shadow:0 30px 70px -40px var(--shadow);
  transition:box-shadow .35s var(--ease),transform .35s var(--ease)}
.panel-card:hover{transform:translateY(-3px);box-shadow:0 40px 80px -40px var(--shadow)}
.pc-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
.pc-note{font-size:12px;color:var(--faint)}
.seg{position:relative;display:inline-flex;padding:3px;border-radius:10px;background:#E8EAF0}
.seg button{position:relative;z-index:1;height:34px;min-width:84px;padding:0 14px;border:0;background:transparent;border-radius:8px;font-size:13px;font-weight:600;color:var(--muted);transition:color .25s}
.seg button[aria-selected="true"]{color:var(--text)}
.seg-thumb{position:absolute;z-index:0;left:3px;top:3px;bottom:3px;width:var(--tw,84px);border-radius:8px;background:#fff;box-shadow:0 2px 6px -2px var(--shadow);transform:translateX(var(--tx,0));transition:transform .35s var(--ease),width .35s var(--ease)}
.pc-body{position:relative;min-height:280px}
.mini-board{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.mcol{background:var(--surface-2);border-radius:12px;padding:8px;display:flex;flex-direction:column;gap:7px;min-width:0}
.mcol h4{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;height:22px}
.mcol h4 i{width:7px;height:7px;border-radius:50%;background:var(--c)}
.mcol h4 b{margin-left:auto;font-size:11px;color:var(--muted);font-weight:600}
.mcard{position:relative;display:flex;align-items:center;gap:7px;padding:9px 8px;border-radius:10px;background:#fff;border:1px solid var(--line);min-width:0;
  transition:transform .2s var(--ease),box-shadow .2s var(--ease)}
.mcard:hover{transform:translateY(-2px);box-shadow:0 10px 18px -10px var(--shadow)}
.mcard>div{min-width:0}
.mcard strong{display:block;font-size:12px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mcard small{display:block;font-size:11px;color:var(--muted)}
.mcard .av{width:20px;height:20px;font-size:9px}
.mcard.won{border-color:#86EFAC;background:#F6FDF9}
.mcard.stale{border-color:#FED7AA}
.mcard em{position:absolute;right:6px;top:-8px;font-style:normal;font-size:10px;font-weight:600;padding:2px 7px;border-radius:999px;background:var(--warn-chip);color:#fff}
.a1{background:#FFEDD5}.a2{background:#FED7AA}.a3{background:#FDBA74}
.mini-list{display:grid;gap:2px}
.mini-list[hidden],.mini-board[hidden]{display:none}
.mrow{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:10px;align-items:center;padding:0 10px;height:42px;border-radius:10px;font-size:13px;transition:background .2s}
.mrow:not(.mh):hover{background:var(--surface-2)}
.mrow>span{display:flex;align-items:center;gap:8px;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mrow>span:last-child{justify-content:flex-end}
.mrow .av{width:22px;height:22px;font-size:9px}
.mh{height:30px;font-size:12px;color:var(--faint);font-weight:500;border-bottom:1px solid var(--line);border-radius:0;margin-bottom:4px}
.pill{text-decoration:none;font-size:11px;font-weight:600;padding:3px 9px;border-radius:999px;background:var(--accent-soft);color:var(--accent-ink)}
.pill.ok{background:var(--ok-soft);color:var(--ok)}
.fadein{animation:rise .5s var(--ease) both}
@media (max-width:520px){.mini-board{grid-template-columns:repeat(2,minmax(0,1fr))}.pc-body{min-height:0}.mrow{grid-template-columns:1.5fr 1fr}.mrow>span:last-child{display:none}.seg button{min-width:76px}}

/* dashboard */
.dash{background:var(--surface);border:1px solid var(--line);border-radius:22px;box-shadow:0 40px 90px -50px var(--shadow);overflow:hidden}
.dash-tabs{display:flex;gap:6px;padding:12px;overflow-x:auto;scroll-snap-type:x proximity;border-bottom:1px solid var(--line);background:var(--surface);scrollbar-width:none}
.dash-tabs::-webkit-scrollbar{display:none}
.dash-tabs button{flex:none;scroll-snap-align:start;height:40px;padding:0 16px;border-radius:10px;border:1px solid transparent;background:transparent;font-size:14px;font-weight:500;color:var(--muted);
  transition:background .2s,color .2s,border-color .2s}
.dash-tabs button:hover{background:var(--surface-2);color:var(--text)}
.dash-tabs button[aria-selected="true"]{background:var(--accent-soft);color:var(--accent-ink);font-weight:600;border-color:#FED7AA}
.dash-panel{padding:clamp(18px,3vw,32px);min-height:480px}
.dash-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}
.dash-head h3{font-size:clamp(20px,2.4vw,24px);font-weight:600;letter-spacing:-.02em}
.dash-head p{margin-top:4px;font-size:14px;color:var(--muted);max-width:58ch}
.kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:22px}
.kpi{padding:14px 16px;border-radius:14px;background:var(--surface-2);border:1px solid var(--line);min-width:0}
.kpi small{display:block;font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kpi b{display:block;margin-top:2px;font-size:clamp(18px,2.4vw,24px);font-weight:600;letter-spacing:-.02em;line-height:1.25;white-space:nowrap}
.kpi b.ok{color:var(--ok)}.kpi b.loss{color:var(--loss)}
.dash-chart{margin-top:22px;min-height:230px}
.fn{display:grid;gap:11px}
.fn-r{display:grid;grid-template-columns:92px minmax(0,1fr) 118px;align-items:center;gap:12px;font-size:13px}
.fn-r span:first-child{color:var(--muted);white-space:nowrap}
.fn-r span:last-child{text-align:right;font-weight:600}
.trk{height:26px;border-radius:8px;background:var(--track);overflow:hidden}
.trk i{display:block;height:100%;width:var(--w);border-radius:8px;background:linear-gradient(90deg,var(--accent),var(--accent-2));transform-origin:left;transform:scaleX(0);transition:transform 1s var(--ease) calc(var(--i)*45ms)}
.go .trk i{transform:none}
.trk.g i{background:linear-gradient(90deg,var(--ok),#4ADE80)}
.pas{display:inline-block;margin-left:6px;font-size:11px;padding:1px 7px;border-radius:999px;background:#EEF2F6;color:#334155;font-weight:600}
.pas.bad{background:var(--warn-chip);color:#fff}
.cols{display:flex;align-items:flex-end;gap:clamp(6px,1.4vw,14px);height:210px;padding-bottom:26px;border-bottom:1px solid var(--line);position:relative}
.cols .c{flex:1;min-width:0;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:4px;position:relative}
.cols .c i{width:100%;max-width:44px;border-radius:7px 7px 3px 3px;height:var(--h);background:linear-gradient(180deg,var(--accent-2),var(--accent));transform-origin:bottom;transform:scaleY(0);transition:transform 1s var(--ease) calc(var(--i)*45ms)}
.go .cols .c i{transform:none}
.cols .c i.pj{background:repeating-linear-gradient(135deg,#FED7AA 0 5px,#FFEDD5 5px 10px)}
.cols .c i.gr{background:linear-gradient(180deg,#4ADE80,var(--ok))}
.cols .c span{position:absolute;bottom:-24px;font-size:11px;color:var(--faint);white-space:nowrap}
.cmp{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.cmp-leg{display:flex;gap:18px;margin-top:14px;font-size:12px;color:var(--muted)}
.cmp-leg i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:6px;background:var(--accent)}
.cmp-leg i.b{background:#FED7AA}
.cols.two .c{flex-direction:row;align-items:flex-end;justify-content:center;gap:3px}
.cols.two .c i{max-width:20px}
.cols.two .c i.b{background:#FED7AA}
.heat{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:5px}
.heat b{aspect-ratio:1;border-radius:6px;background:var(--accent);opacity:0;transform:scale(.6);transition:opacity .5s var(--ease) calc(var(--i)*6ms),transform .5s var(--ease) calc(var(--i)*6ms)}
.go .heat b{opacity:var(--o);transform:none}
.heat-lab{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:5px;margin-top:8px;font-size:11px;color:var(--faint);text-align:center}
.donut-w{display:grid;grid-template-columns:auto 1fr;gap:clamp(18px,4vw,40px);align-items:center}
.donut{position:relative;width:min(190px,38vw);aspect-ratio:1}
.donut svg{width:100%;height:100%;transform:rotate(-90deg)}
.donut circle{fill:none;stroke-width:16;stroke-dasharray:0 100;transition:stroke-dasharray 1.1s var(--ease) calc(var(--i)*120ms)}
.donut .ctr{position:absolute;inset:0;display:grid;place-content:center;text-align:center}
.donut .ctr b{font-size:clamp(20px,3vw,26px);font-weight:600;letter-spacing:-.02em}
.donut .ctr small{font-size:12px;color:var(--muted)}
.leg{display:grid;gap:10px;font-size:13px}
.leg li{display:grid;grid-template-columns:12px 1fr auto;gap:10px;align-items:center}
.leg i{width:10px;height:10px;border-radius:3px;background:var(--c)}
.leg b{font-weight:600}
.rank{display:grid;gap:12px}
.rank-r{display:grid;grid-template-columns:24px 110px minmax(0,1fr) 92px;gap:12px;align-items:center;font-size:13px}
.rank-r>em{font-style:normal;color:var(--faint);font-weight:600}
.rank-r>span:nth-child(2){white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rank-r>b{text-align:right;font-weight:600}
.tbl{display:grid;gap:2px;font-size:13px}
.tbl .t{display:grid;grid-template-columns:minmax(0,1.5fr) 1fr 1fr 1fr;gap:10px;align-items:center;height:42px;padding:0 10px;border-radius:10px;transition:background .2s}
.tbl .t:not(.th):hover{background:var(--surface-2)}
.tbl .th{height:30px;color:var(--faint);font-size:12px;font-weight:500;border-bottom:1px solid var(--line);border-radius:0}
.tbl .t span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tbl .t span:not(:first-child){text-align:right}
.stk{display:flex;align-items:flex-end;gap:clamp(8px,2vw,22px);height:210px;padding-bottom:26px;border-bottom:1px solid var(--line)}
.stk .c{flex:1;height:100%;display:flex;flex-direction:column;justify-content:flex-end;gap:2px;position:relative;min-width:0}
.stk .c i{display:block;border-radius:4px;height:var(--h);background:var(--c);transform-origin:bottom;transform:scaleY(0);transition:transform .9s var(--ease) calc(var(--i)*45ms)}
.go .stk .c i{transform:none}
.stk .c span{position:absolute;bottom:-24px;left:0;right:0;text-align:center;font-size:11px;color:var(--faint)}
@media (max-width:640px){
  .kpis{gap:8px}.kpi{padding:12px}
  .fn-r{grid-template-columns:70px minmax(0,1fr) 100px;gap:8px}
  .donut-w{grid-template-columns:1fr;justify-items:center}.leg{width:100%}
  .rank-r{grid-template-columns:20px 74px minmax(0,1fr) 78px;gap:8px}
  .cmp{grid-template-columns:1fr}
  .tbl .t{grid-template-columns:minmax(0,1.4fr) 1fr 1fr}.tbl .t span:nth-child(4){display:none}
  .dash-head .pc-note{display:none}
}

/* equipe */
.cards3{display:grid;gap:16px}
@media (min-width:900px){.cards3{grid-template-columns:repeat(3,1fr);gap:20px}}
.card3{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:22px;display:flex;flex-direction:column;gap:8px;
  transition:transform .3s var(--ease),box-shadow .3s var(--ease),border-color .3s}
.card3:hover{transform:translateY(-3px);box-shadow:0 26px 50px -30px var(--shadow);border-color:var(--line-2)}
.card3 h3{font-size:18px;font-weight:600;letter-spacing:-.015em;margin-top:10px}
.card3 p{font-size:15px;color:var(--muted)}
.viz{height:132px;border-radius:14px;background:var(--surface-2);border:1px solid var(--line);display:grid;place-items:center;padding:14px;overflow:hidden}
.perm{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:10px;align-items:center;width:100%;padding:8px 10px;border-radius:10px;background:#fff;border:1px solid var(--line);font-size:13px}
.perm .av{grid-row:1/3;width:28px;height:28px}
.perm b{font-weight:600;line-height:1.2}.perm em{font-style:normal;font-size:12px;color:var(--muted);line-height:1.2}
.viz:has(.perm){align-content:center;gap:8px}
.org{display:grid;justify-items:center;gap:0;width:100%}
.org-top{padding:7px 18px;border-radius:9px;background:var(--accent);color:#fff;font-size:13px;font-weight:600}
.org-kids{position:relative;display:flex;gap:10px;margin-top:16px;padding-top:0}
.org-kids::before{content:"";position:absolute;left:50%;top:-16px;height:16px;width:1.5px;background:var(--line-2)}
.org-kids::after{content:"";position:absolute;left:25%;right:25%;top:-1px;height:1px;background:var(--line-2)}
.org-kids span{padding:7px 12px;border-radius:9px;background:#fff;border:1px solid var(--line-2);font-size:12px;font-weight:500}
.lock{display:flex;align-items:center;gap:14px;padding:12px 16px;border-radius:12px;background:#fff;border:1px solid var(--line);color:var(--accent-ink);font-size:13px;font-weight:600;line-height:1.35}
.lock small{font-weight:400;color:var(--muted);font-size:12px}
.note-line{margin-top:28px;font-size:15px;color:var(--muted);max-width:68ch}

/* como começa */
.steps{display:grid;gap:14px;counter-reset:s}
@media (min-width:860px){.steps{grid-template-columns:repeat(3,1fr);gap:20px}}
.steps li{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:24px;transition:transform .3s var(--ease),box-shadow .3s var(--ease)}
.steps li:hover{transform:translateY(-3px);box-shadow:0 26px 50px -30px var(--shadow)}
.n{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,var(--accent),var(--accent-hover));color:#fff;font-weight:600;margin-bottom:16px}
.steps h3{font-size:18px;font-weight:600;letter-spacing:-.015em}
.steps p{margin-top:6px;font-size:15px;color:var(--muted)}

/* preços */
.price{display:grid;gap:40px;align-items:center}
@media (min-width:960px){.price{grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:72px}}
.incl{margin-top:26px;display:grid;gap:12px}
.incl li{position:relative;padding-left:32px;font-size:15px}
.incl li::before{content:"";position:absolute;left:0;top:1px;width:22px;height:22px;border-radius:50%;background:var(--ok-soft) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2315803D' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 12.5 4 4 8-9'/%3E%3C/svg%3E") center/13px no-repeat}
.price-card{background:var(--surface);border:1px solid var(--line);border-radius:24px;padding:clamp(22px,4vw,36px);box-shadow:0 40px 90px -50px var(--shadow)}
.pc-label{font-size:14px;font-weight:500;color:var(--muted)}
.stepper{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px}
.st-btn{width:48px;height:48px;border-radius:12px;border:1px solid var(--line-2);background:var(--surface);font-size:22px;line-height:1;display:grid;place-items:center;transition:border-color .2s,background .2s,transform .15s var(--ease)}
.st-btn:hover{border-color:var(--accent);background:var(--accent-soft)}
.st-btn:active{transform:scale(.94)}
.st-btn:disabled{opacity:.4;cursor:default;background:var(--surface);border-color:var(--line-2)}
.st-val{font-size:clamp(44px,8vw,60px);font-weight:600;letter-spacing:-.04em;line-height:1}
.st-val small{font-size:15px;font-weight:500;color:var(--muted);letter-spacing:0;margin-left:6px}
input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:28px;margin-top:20px;background:transparent;cursor:pointer}
input[type=range]::-webkit-slider-runnable-track{height:8px;border-radius:99px;background:linear-gradient(90deg,var(--accent) var(--p,0%),var(--track) var(--p,0%))}
input[type=range]::-moz-range-track{height:8px;border-radius:99px;background:var(--track)}
input[type=range]::-moz-range-progress{height:8px;border-radius:99px;background:var(--accent)}
input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:26px;height:26px;margin-top:-9px;border-radius:50%;background:#fff;border:2px solid var(--accent);box-shadow:0 4px 10px -3px rgba(194,65,12,.5);transition:transform .15s var(--ease)}
input[type=range]::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:#fff;border:2px solid var(--accent);box-shadow:0 4px 10px -3px rgba(194,65,12,.5)}
input[type=range]:active::-webkit-slider-thumb{transform:scale(1.12)}
.range-scale{display:flex;justify-content:space-between;margin-top:2px;font-size:12px;color:var(--faint)}
.total{margin:24px 0;padding:22px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.amount{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap}
.amount .cur{font-size:20px;font-weight:600;color:var(--muted)}
.amount .num{font-size:clamp(46px,9vw,64px);font-weight:600;letter-spacing:-.04em;line-height:1}
.amount .per{font-size:16px;color:var(--muted)}
.break{margin-top:8px;font-size:14px;color:var(--muted)}

/* faq */
.faq-wrap{display:grid;gap:36px}
@media (min-width:960px){.faq-wrap{grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:72px}}
.faq{display:grid;gap:10px}
details{background:var(--surface);border:1px solid var(--line);border-radius:16px;transition:border-color .25s,box-shadow .25s var(--ease)}
details:hover{border-color:var(--line-2)}
details[open]{border-color:#FED7AA;box-shadow:0 20px 40px -30px var(--shadow)}
summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:60px;padding:14px 20px;font-size:16px;font-weight:600;letter-spacing:-.01em;cursor:pointer;border-radius:16px}
summary::-webkit-details-marker{display:none}
summary::after{content:"";flex:none;width:28px;height:28px;border-radius:50%;background:var(--accent-soft) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239A3412' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M12 6v12M6 12h12'/%3E%3C/svg%3E") center/14px no-repeat;transition:transform .4s var(--ease)}
details[open] summary::after{transform:rotate(135deg)}
.ans{overflow:hidden}
.ans p{padding:0 20px 20px;font-size:15px;color:var(--muted);max-width:62ch}
@supports (interpolate-size:allow-keywords){
  :root{interpolate-size:allow-keywords}
  details::details-content{height:0;overflow:hidden;transition:height .4s var(--ease),content-visibility .4s allow-discrete}
  details[open]::details-content{height:auto}
}

/* chamada final */
.final{position:relative;overflow:hidden;isolation:isolate;color:#fff;text-align:center;padding:clamp(72px,10vw,120px) 0;
  background:linear-gradient(160deg,var(--accent-ink) 0%,var(--ember-900) 52%,var(--ember-950) 100%)}
.final .o1{right:-160px;bottom:-300px;width:560px;height:560px}
.final .o3{left:-160px;top:-20%}
.final-in{display:grid;justify-items:center;gap:20px}
.final h2{max-width:18ch;margin:0 auto}
.final p{font-size:clamp(16px,2vw,18px);color:rgba(255,255,255,.84);max-width:40ch}

/* rodapé */
.foot-contact{display:grid;gap:24px;align-items:center;padding-top:clamp(48px,7vw,72px);padding-bottom:clamp(40px,6vw,56px)}
.foot-contact h2{font-size:clamp(24px,3.4vw,32px)}
.foot .foot-contact p{margin-top:10px;font-size:16px;color:var(--muted);max-width:44ch}
.foot .foot-contact p.eyebrow{margin:0 0 14px;font-size:13px;color:var(--accent-ink);max-width:none}
.contact-list{margin-top:18px;display:grid;gap:16px;font-size:14px;color:var(--muted)}
.contact-list a{display:block;font-size:18px;font-weight:600;color:var(--text);letter-spacing:-.01em;transition:color .2s}
.contact-list a:hover{color:var(--accent-ink)}
@media (min-width:860px){.foot-contact{grid-template-columns:1fr auto}}
.btn-wa{color:#fff;background:linear-gradient(135deg,#22C55E,#15803D);box-shadow:0 14px 28px -14px rgba(21,128,61,.85)}
.btn-wa::after{content:"";position:absolute;inset:0;transform:translateX(-120%);background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.38) 50%,transparent 70%)}
.btn-wa:hover{transform:translateY(-1px);box-shadow:0 20px 34px -14px rgba(21,128,61,.95)}
.btn-wa:hover::after{transform:translateX(120%);transition:transform .8s var(--ease)}
.wa-float{position:fixed;right:16px;bottom:16px;z-index:55;width:56px;height:56px;border-radius:50%;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#22C55E,#15803D);
  box-shadow:0 14px 28px -10px rgba(21,128,61,.7);transition:transform .2s var(--ease),box-shadow .2s var(--ease)}
.wa-float:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 20px 34px -10px rgba(21,128,61,.8)}
.foot-in{border-top:1px solid var(--line)}
.foot{border-top:1px solid var(--line);background:var(--surface)}
.foot-in{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px 28px;padding-top:28px;padding-bottom:30px}
.foot .logo img{height:42px;margin-left:-6px}
.foot-nav{display:flex;gap:24px;font-size:14px;color:var(--muted)}
.foot-nav a{padding:6px 0;transition:color .2s}.foot-nav a:hover{color:var(--accent-ink)}
.foot p{font-size:13px;color:var(--faint)}
.foot-legal{display:flex;flex-wrap:wrap;gap:6px 22px;font-size:13px}
.foot-legal a{color:var(--muted);padding:6px 0;text-decoration:underline;text-underline-offset:3px;transition:color .2s}
.foot-legal a:hover{color:var(--accent-ink)}
@media (max-width:640px){.foot-in{flex-direction:column;align-items:flex-start}}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation:none!important;transition:none!important}
  .js .rv{opacity:1;transform:none}
  .trk i,.cols .c i,.stk .c i{transform:none!important}
  .heat b{opacity:var(--o)!important;transform:none!important}
}