/* CRM Avalanche V2 — midnight acid: hero escura, fileiras, bento, palco, cenários */

section{padding:clamp(64px,7vw,96px) 0;position:relative;overflow:hidden;}
.section-dark{background:var(--bg2);}
.section-bone{background:var(--bg1);}
.row-sec{padding:clamp(56px,6vw,80px) 0;}

/* ============ HERO — escura, colagem, canvas net ============ */
#hero{
  background:var(--bg0);
  min-height:100svh;display:flex;flex-direction:column;justify-content:flex-end;
  overflow:hidden;padding:0;
}
#bgCanvas{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:0;}
.hero-rail{
  position:absolute;top:50%;z-index:2;pointer-events:none;
  font:500 10px var(--font-mono);letter-spacing:.3em;text-transform:uppercase;color:rgba(242,242,234,.35);
}
.hero-rail span{display:block;writing-mode:vertical-rl;transform:translateY(-50%);}
.hero-rail.left{left:16px;}
.hero-rail.right{right:16px;}
.hero-rail.right span{transform:translateY(-50%) rotate(180deg);}
@media (max-width:1400px){.hero-rail{display:none;}}
.hero-wrap{
  position:relative;z-index:2;flex:1;
  display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center;
  padding-top:120px;padding-bottom:56px;
}
.hero-title{font-size:clamp(44px,6.4vw,120px);line-height:1.02;margin:20px 0 22px;}
.hero-copy .lead{max-width:520px;}
.channels{display:flex;flex-wrap:wrap;gap:9px;margin-top:24px;}
.chan{
  font:500 12px var(--font-mono);letter-spacing:.06em;padding:9px 15px;border-radius:100px;
  border:1px solid var(--line);color:var(--text);
  transition:border-color .3s,transform .3s var(--ease-out),background-color .3s,color .3s;
}
.chan b{color:var(--acid);}
.chan:hover{border-color:var(--acid);transform:translateY(-3px);background:rgba(212,255,74,.1);color:var(--acid-soft);}
.hero-actions{margin-top:30px;}
/* colagem */
.hero-collage{position:relative;min-height:420px;}
.hc-main{
  width:78%;margin-left:auto;overflow:hidden;
  border:2px solid var(--acid);border-radius:26px;
  box-shadow:0 60px 110px -46px rgba(0,0,0,.85);
  transform:rotate(2deg);transition:transform .3s var(--ease-out);
}
.hc-main img{width:100%;height:100%;object-fit:cover;aspect-ratio:4/3;}
.hc-cut{
  position:absolute;overflow:hidden;background:var(--bg1);
  transition:transform .3s var(--ease-out);
}
.hc-cut img{width:100%;height:100%;object-fit:cover;}
.hc-cut-a{
  left:-2%;bottom:10%;width:38%;aspect-ratio:3/4;
  border:2px solid var(--text);border-radius:18px;transform:rotate(-5deg);
  box-shadow:0 40px 70px -30px rgba(0,0,0,.8);
}
.metastrip{
  position:relative;z-index:2;border-top:1px solid var(--line);padding:13px 0;
  font:400 10.5px var(--font-mono);letter-spacing:.1em;color:var(--mute);
}
.metastrip .container{display:flex;align-items:center;justify-content:space-between;gap:18px;}
.metastrip .mid{display:flex;gap:22px;}
.metastrip .filed b{color:var(--acid);font-weight:500;}
@media (max-width:760px){.metastrip .mid{display:none;}}

/* MARQUEE — ácido sólido */
.marquee{background:var(--acid);color:var(--ink);overflow:hidden;padding:16px 0;}
.marquee-track{display:flex;white-space:nowrap;width:max-content;animation:marquee 24s linear infinite;}
.marquee-track span{font:500 clamp(17px,2.2vw,28px) var(--font-display);font-style:italic;letter-spacing:.05em;padding-right:12vw;}
@keyframes marquee{to{transform:translateX(-50%);}}

/* ============ II — PLATAFORMA (bento 12col) ============ */
.duo{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start;}
.plat-intro{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:end;margin-bottom:40px;}
.bento{display:grid;grid-template-columns:repeat(12,1fr);gap:14px;}
.bento .b1{grid-column:span 7;}
.bento .b2{grid-column:span 5;}
.bento .b3{grid-column:span 4;}
.bento .b4{grid-column:span 8;}
.card{
  position:relative;background:var(--surface);border:1px solid var(--line-soft);border-radius:18px;padding:26px 24px 30px;
  transition:transform .5s var(--ease-out),box-shadow .5s var(--ease-out),border-color .4s,background-color .35s;
}
.card:hover{transform:translateY(-7px);box-shadow:0 40px 70px -40px rgba(0,0,0,.6);border-color:var(--acid);background:var(--acid);}
.card:hover h4,.card:hover p{color:var(--ink);}
.card:hover .ctag{color:rgba(11,11,16,.65);}
.card:hover .cnum,.card:hover .arr{color:var(--ink);}
.card .crow{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;}
.card .cnum{font:500 12px var(--font-mono);color:var(--acid);letter-spacing:.18em;transition:color .3s;}
.card .ctag{font:500 10px var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--mute);transition:color .3s;}
.card h4{font-size:23px;margin-bottom:10px;transition:color .3s;}
.bento .b1 h4{font-size:clamp(26px,2.6vw,38px);}
.card p{color:var(--mute);font-size:14.5px;transition:color .3s;}
.card .arr{position:absolute;right:20px;top:22px;color:var(--acid);transition:transform .35s var(--ease-out),color .3s;}
.card:hover .arr{transform:translate(3px,-3px);}

/* ============ FILEIRAS DE PRODUTO (45/55) ============ */
.prow{display:grid;grid-template-columns:45fr 55fr;gap:56px;align-items:center;}
.prow.rev{grid-template-columns:55fr 45fr;}
.prow.rev .prow-txt{order:-1;}
.prow-img{min-width:0;}
.prow-txt .display{font-size:clamp(27px,3.2vw,48px);margin:14px 0 16px;}
.imgframe{
  overflow:hidden;background:var(--bg2);
  transition:transform .3s var(--ease-out);
}
.imgframe img{width:100%;height:100%;object-fit:cover;aspect-ratio:3/2.2;}
.frame-blob{border-radius:64% 36% 55% 45% / 42% 55% 45% 58%;box-shadow:0 50px 90px -44px rgba(0,0,0,.7);}
.frame-edgy{border:2px solid var(--text);border-radius:4px;box-shadow:14px 14px 0 var(--magenta);}
.frame-rot{border-radius:22px;transform:rotate(-2deg);box-shadow:0 50px 90px -44px rgba(0,0,0,.7);}
.frame-coral{border:2px solid var(--magenta);border-radius:22px;box-shadow:0 50px 90px -44px rgba(0,0,0,.8);}
/* app com bloco de cor atrás */
.app-stage{position:relative;display:flex;justify-content:center;padding:26px 0;}
.app-back{
  position:absolute;top:0;right:6%;width:66%;height:90%;
  background:var(--magenta);border-radius:60% 40% 55% 45% / 50% 55% 45% 50%;
}
.app-frame{
  position:relative;
  transition:transform .3s var(--ease-out);
}
.app-frame img{width:100%;max-width:280px;height:auto;border-radius:20px;box-shadow:0 50px 80px -34px rgba(0,0,0,.7);}

/* vlist */
.vlist{margin-top:18px;}
.vlist li{position:relative;padding:8px 0 8px 26px;color:var(--mute);border-bottom:1px dashed var(--line-soft);font-size:15px;}
.vlist li:last-child{border-bottom:0;}
.vlist .mk{position:absolute;left:0;top:8px;color:var(--acid);font-weight:700;}
.vlist .mk.x{color:var(--faint);}
.vlist li b{color:var(--text);}

/* badges */
.badge-row{display:flex;flex-wrap:wrap;gap:9px;margin-top:20px;}
.badge{
  font:500 11.5px var(--font-mono);letter-spacing:.05em;padding:9px 16px;border-radius:100px;
  border:1px solid var(--line);background:var(--surface);color:var(--text);
  transition:border-color .3s,transform .3s var(--ease-out),color .3s;
}
.badge:hover{border-color:var(--acid);transform:translateY(-3px);color:var(--acid-soft);}

/* ============ IV — CUSTO ============ */
.vs{display:grid;grid-template-columns:1fr auto 1fr;gap:0;align-items:stretch;border:1px solid var(--line);}
.vs-col{padding:28px 26px;}
.vs-col.bad{background:var(--surface);}
.vs-col.good{background:var(--magenta);color:var(--text);}
.vs-mid{
  align-self:stretch;display:flex;align-items:center;padding:0 18px;
  font:600 40px var(--font-display);font-style:italic;color:var(--acid);
  border-left:1px solid var(--line);border-right:1px solid var(--line);background:var(--bg1);
}
.vlabel{font:500 10.5px var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--mute);}
.vs-col.good .vlabel{color:rgba(242,242,234,.8);}
.vs-col h4{font-size:20px;margin:10px 0 12px;}
.vs-price{font:600 clamp(38px,4.4vw,72px)/1 var(--font-display);margin-bottom:16px;font-variant-numeric:tabular-nums;}
.vs-price small{font-size:16px;color:var(--faint);font-family:var(--font-body);font-weight:400;}
.vs-col.good .vs-price small{color:rgba(242,242,234,.75);}
.vs-col.good .vlist li{color:rgba(242,242,234,.94);border-bottom-color:rgba(242,242,234,.22);}
.vs-col.good .vlist li b{color:var(--text);}
.save-strip{
  margin-top:20px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;
  border:1px solid var(--line);background:var(--surface);padding:18px 24px;
}
.save-strip b{font:600 clamp(17px,1.9vw,22px) var(--font-display);font-style:italic;}

/* ============ V — MEMBROS (masonry + starfield) ============ */
.feature-rows{display:grid;gap:18px;align-content:start;}
.frow{border-top:2px solid var(--acid);padding-top:12px;}
.frow h4{font-size:19px;margin-bottom:7px;}
.frow p{color:var(--mute);font-size:13.5px;line-height:1.5;}
.masonry{columns:3;column-gap:14px;}
.tile{
  position:relative;border-radius:14px;overflow:hidden;background:var(--surface);
  break-inside:avoid;margin-bottom:14px;border:1px solid var(--line-soft);
  transition:transform .5s var(--ease-out),box-shadow .5s var(--ease-out),border-color .35s;
}
.tile:hover{transform:translateY(-6px);box-shadow:0 40px 70px -35px rgba(0,0,0,.8);border-color:var(--acid);}
.tile img{width:100%;}
.tile span{
  position:absolute;left:0;right:0;bottom:0;padding:34px 14px 12px;
  font:500 11px/1.45 var(--font-mono);letter-spacing:.05em;color:var(--text);
  background:rgba(11,11,16,.82);text-shadow:0 1px 6px rgba(0,0,0,.6);
}
.tile::before{
  content:attr(data-n);position:absolute;top:10px;left:12px;z-index:2;
  font:500 11px var(--font-mono);letter-spacing:.14em;color:var(--ink);
  background:var(--acid);border-radius:100px;padding:4px 10px;
}

/* ============ VIII — PUNIDO ============ */
.taxa-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border:1px solid var(--line);}
.taxa-grid .card{border:0;border-radius:0;border-right:1px solid var(--line);background:transparent;}
.taxa-grid .card:last-child{border-right:0;}
.taxa-grid .card:hover{transform:none;box-shadow:none;}
.taxa-grid .card.win{background:var(--acid);color:var(--ink);}
.taxa-grid .card.win h4{color:var(--ink);}
.taxa-grid .card.win p{color:rgba(11,11,16,.8);}
.taxa-grid .card.win .ctag{color:rgba(11,11,16,.65);}
.taxa-grid .card.win .cnum,.taxa-grid .card.win .arr{color:var(--ink);}

/* ============ XI — PERFIS ============ */
.perfis-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;}
.mstep{
  background:var(--surface);border:1px solid var(--line-soft);border-radius:18px;padding:28px 26px;
  transition:transform .5s var(--ease-out),box-shadow .5s var(--ease-out),border-color .4s;
}
.mstep:hover{transform:translateY(-7px);box-shadow:0 40px 70px -40px rgba(0,0,0,.6);border-color:var(--acid);}
.mstep .mhead{display:flex;align-items:baseline;gap:14px;margin-bottom:12px;}
.mstep .mn{font:600 italic 32px var(--font-display);color:var(--acid);}
.mstep h4{font-size:24px;}
.mstep>p{color:var(--mute);font-size:14.5px;margin-bottom:16px;}
.mstep ul li{padding:8px 0 8px 22px;position:relative;border-bottom:1px dashed var(--line-soft);font-size:14px;color:var(--mute);}
.mstep ul li:last-child{border-bottom:0;}
.mstep ul li::before{content:"";position:absolute;left:2px;top:15px;width:8px;height:8px;background:var(--acid);border-radius:2px;transform:rotate(45deg);}

/* ============ EQUIPE (grade em perspectiva) ============ */
.team-naia{
  background:var(--surface);border:1px solid var(--line-soft);border-radius:22px;padding:30px;
  display:flex;gap:26px;align-items:center;
}
.team-naia img{
  width:110px;height:110px;object-fit:cover;flex:none;
  border-radius:58% 42% 50% 50% / 48% 52% 48% 52%;border:3px solid var(--acid);
}
.team-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;}
.team-card{
  background:var(--surface);border:1px solid var(--line-soft);border-radius:18px;padding:20px 12px;text-align:center;
  transition:transform .5s var(--ease-out),border-color .4s;
}
.team-card:hover{transform:translateY(-8px);border-color:var(--acid);}
.team-card img{width:76px;height:76px;border-radius:50%;object-fit:cover;margin:0 auto 12px;border:2px solid var(--acid);transition:transform .4s var(--ease-out);}
.team-card:hover img{transform:scale(1.06);}
.team-card b{display:block;font-size:14px;}
.team-card span{font:400 10.5px var(--font-mono);color:var(--mute);}

/* ============ NÚCLEO ============ */
.pillstrip{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px;}
.pillstrip .pill{
  font:500 11px var(--font-mono);letter-spacing:.02em;color:var(--mute);
  border:1px solid var(--line);border-radius:100px;padding:8px 14px;background:var(--surface);
}
.pillstrip .pill:nth-child(odd){transform:rotate(-1deg);}
.pillstrip .pill:nth-child(even){transform:rotate(1deg);}
.pillstrip .pill b{color:var(--acid);}
.stage-coral,.stage-mustard{position:relative;padding:0 9% 9% 0;}
.stage-coral::before,.stage-mustard::before{
  content:"";position:absolute;top:9%;right:0;width:84%;height:84%;border-radius:22px;
}
.stage-coral::before{background:var(--acid);}
.stage-mustard::before{background:var(--magenta);}
.nucleo-figure{
  position:relative;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--bg2);
  box-shadow:0 34px 60px -34px rgba(0,0,0,.6);
  transition:transform .3s var(--ease-out);
}
.nucleo-figure img{width:100%;height:100%;object-fit:cover;display:block;aspect-ratio:4/4.4;}
.nucleo-figure .ntag{
  position:absolute;left:14px;bottom:14px;right:14px;
  font:400 11px/1.5 var(--font-mono);letter-spacing:.04em;color:var(--text);
  background:rgba(11,11,16,.82);padding:14px;border-radius:10px;text-shadow:0 1px 8px rgba(0,0,0,.7);
}
.nucleo-figure .ntag b{color:var(--acid-soft);}

/* ============ IA vs HUMANO ============ */
.role-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;border:1px solid var(--line);}
.rolecard{padding:24px;background:transparent;border:1px solid var(--line);margin:-.5px;transition:background-color .35s,border-color .3s;}
.rolecard:hover{background:var(--bg2);border-color:var(--acid);position:relative;z-index:2;}
.rolecard .rhead{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px;}
.rolecard .rfunc{font:600 10.5px var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--faint);}
.rolecard .rsave{font:500 10.5px var(--font-mono);color:var(--acid);border:1px solid var(--line);border-radius:100px;padding:4px 10px;white-space:nowrap;background:var(--surface);}
.rvs{display:flex;align-items:stretch;border:1px solid var(--line);overflow:hidden;}
.rvs .side{flex:1 1 0;min-width:0;padding:13px;}
.rvs .side.human{background:var(--bg2);}
.rvs .side.ai{background:var(--magenta);color:var(--text);}
.rvs .side .slab{font:600 9.5px var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--faint);margin-bottom:7px;}
.rvs .side.ai .slab{color:rgba(242,242,234,.85);}
.rvs .side .who{font:700 14.5px var(--font-body);color:var(--text);display:flex;align-items:center;gap:8px;}
.rvs .side.ai .who{color:var(--text);}
.rvs .side .who img{width:26px;height:26px;border-radius:50%;object-fit:cover;border:1px solid rgba(242,242,234,.5);flex-shrink:0;}
.rvs .side .cost{font:600 23px/1 var(--font-display);margin-top:9px;}
.rvs .side.human .cost{color:var(--faint);text-decoration:line-through;text-decoration-color:var(--magenta);}
.rvs .side.ai .cost{color:var(--text);}
.rvs .side .cost small{font-size:11px;font-weight:400;color:var(--faint);font-family:var(--font-body);}
.rvs .side.ai .cost small{color:rgba(242,242,234,.7);}
.rolecard .radv{margin:12px 0 0;font-size:13.5px;color:var(--mute);line-height:1.5;}
.rolecard .radv b{color:var(--text);}
.totalbar{
  margin-top:28px;background:#08080c;color:var(--text);
  padding:clamp(30px,4vw,52px) clamp(24px,4vw,48px);
  display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:20px;
}
.totalbar .tnum{font:600 clamp(34px,5vw,76px)/1 var(--font-display);font-variant-numeric:tabular-nums;white-space:nowrap;}
.totalbar .tnum .strike{color:var(--faint);text-decoration:line-through;text-decoration-color:var(--magenta);}
.totalbar .tnum .now{color:var(--acid);}
.totalbar .tcap{font:400 11px var(--font-mono);color:var(--mute);letter-spacing:.03em;max-width:34ch;}
.totalbar .tcap b{color:var(--text);}
.perkrow{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:28px;}
.perk{border-top:2px solid var(--acid);padding-top:13px;}
.perk h4{font-size:18px;margin-bottom:7px;}
.perk p{color:var(--mute);font-size:13px;line-height:1.5;}

/* ============ XII — OFERTA (palco + orbes) ============ */
.offer{display:grid;grid-template-columns:1.05fr .95fr;background:var(--surface);border:1px solid var(--line);}
.offer .left{padding:clamp(30px,3.6vw,48px);}
.incl{margin-top:22px;display:grid;grid-template-columns:1fr 1fr;gap:0 24px;}
.incl li{position:relative;padding:11px 0 11px 28px;border-bottom:1px dashed var(--line);color:var(--text);font-size:14.5px;}
.incl .mk{position:absolute;left:2px;top:11px;color:var(--acid);font-weight:700;}
.offer .right{
  position:relative;background:var(--acid);color:var(--ink);
  padding:clamp(32px,4vw,56px) clamp(26px,3vw,44px);
  display:flex;flex-direction:column;justify-content:center;overflow:hidden;
}
.stamp{
  position:absolute;top:-28px;right:-28px;width:140px;height:140px;border-radius:50%;
  border:2px dashed rgba(11,11,16,.5);
  display:flex;align-items:center;justify-content:center;
  font:400 50px var(--font-display);color:rgba(11,11,16,.75);
  animation:spin 14s linear infinite;
}
@keyframes spin{to{transform:rotate(372deg);}}
.coord{font:500 10.5px var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:rgba(11,11,16,.7);}
.pricelab{font:600 10.5px var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:rgba(11,11,16,.55);margin-bottom:4px;}
.price{font:600 clamp(48px,5.4vw,80px)/1 var(--font-display);font-variant-numeric:tabular-nums;color:var(--ink);}
.price-setup{font-size:clamp(32px,3.4vw,48px);}
.price small{font-size:17px;font-family:var(--font-body);font-weight:400;color:rgba(11,11,16,.7);}
.offer .right p{color:rgba(11,11,16,.8);}
.offer .right .btn{align-self:stretch;}

/* ============ XIII — CTA FINAL ============ */
#agendar{background:var(--bg1);border-top:1px solid var(--line);overflow:hidden;}
.finalcta{text-align:center;max-width:1050px;margin:0 auto;}
.finalcta h2{font-size:clamp(40px,5.8vw,92px);margin:20px 0 18px;}
.finalcta .lead{max-width:640px;margin:0 auto;color:var(--mute);}
.finalcta .actions{justify-content:center;margin-top:30px;}
.reassure{margin-top:28px;font:400 11.5px var(--font-mono);letter-spacing:.1em;color:var(--mute);}

/* ============ RESPONSIVO ============ */
@media (max-width:1100px){
  .perkrow{grid-template-columns:repeat(2,1fr);}
  .incl{grid-template-columns:1fr;}
  .team-grid{grid-template-columns:repeat(3,1fr);}
}
@media (max-width:900px){
  .hero-wrap{grid-template-columns:1fr;gap:36px;padding-top:110px;}
  .hero-collage{min-height:0;padding-bottom:20px;}
  .duo,.plat-intro{grid-template-columns:1fr;gap:22px;}
  .bento .b1,.bento .b2,.bento .b3,.bento .b4{grid-column:span 12;}
  .prow,.prow.rev{grid-template-columns:1fr;gap:32px;}
  .prow.rev .prow-txt{order:0;}
  .vs{grid-template-columns:1fr;}
  .vs-mid{border:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:8px 0;justify-content:center;}
  .masonry{columns:2;}
  .taxa-grid{grid-template-columns:1fr;}
  .taxa-grid .card{border-right:0;border-bottom:1px solid var(--line);}
  .taxa-grid .card:last-child{border-bottom:0;}
  .perfis-grid{grid-template-columns:1fr;}
  .team-naia{flex-direction:column;align-items:flex-start;}
  .role-grid{grid-template-columns:1fr;}
  .offer{grid-template-columns:1fr;}
  .totalbar .tnum{white-space:normal;}
}
@media (max-width:560px){
  .team-grid{grid-template-columns:repeat(2,1fr);}
  .perkrow{grid-template-columns:1fr;}
  .masonry{columns:1;}
  .hero-title{font-size:clamp(38px,11vw,64px);}
}