/* JURIS · landing. Preto e branco, tipografia gigante, vermelho só no ponto de alerta. */
:root{--bg:#08090C;--fg:#F4F4F5;--mut:#9A9AA3;--line:rgba(255,255,255,.12);--card:#121318;--light:#F4F4F2;--ink:#08090C;--red:#F04438;--ok:#32D583;--warn:#FDB022;--blue:#53B1FD;
  --f-d:"Plus Jakarta Sans","Inter",system-ui,sans-serif;--f-u:"Inter",system-ui,sans-serif;color-scheme:dark}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
html.lenis{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}
body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--f-u);font-size:17px;line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
::selection{background:var(--fg);color:var(--bg)}
:focus-visible{outline:2px solid var(--fg);outline-offset:3px;border-radius:8px}
.eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--mut);margin:0 0 22px}
.dot{width:8px;height:8px;border-radius:50%;background:var(--red);box-shadow:0 0 0 0 rgba(240,68,56,.6);animation:pulse 2s infinite}
@keyframes pulse{70%{box-shadow:0 0 0 10px rgba(240,68,56,0)}100%{box-shadow:0 0 0 0 rgba(240,68,56,0)}}
.h-xl,.h-lg,.h-xxl{font-family:var(--f-d);font-weight:800;letter-spacing:-.045em;line-height:.95;margin:0}
.h-xl{font-size:clamp(52px,9.4vw,152px)}
.h-lg{font-size:clamp(38px,5.6vw,92px);line-height:1}
.h-xxl{font-size:clamp(60px,12vw,200px);line-height:.9}
em{font-style:normal;color:var(--mut)}
.split .line{overflow:hidden;padding-bottom:.06em}

/* botões */
.btn{display:inline-flex;align-items:center;gap:10px;height:48px;padding:0 22px;border-radius:999px;font-weight:600;font-size:15px;background:var(--fg);color:var(--bg);border:1px solid var(--fg);position:relative;overflow:hidden;will-change:transform}
.btn span{position:relative;z-index:1}
.btn::before{content:"";position:absolute;inset:0;background:var(--red);transform:translateY(101%);border-radius:inherit;transition:transform .45s cubic-bezier(.7,0,.2,1)}
.btn:hover::before{transform:none}
.btn:hover{color:#fff;border-color:var(--red)}
.btn .ar{width:18px;height:18px;position:relative;z-index:1;transition:transform .3s}
.btn:hover .ar{transform:translateX(4px)}
.btn.big{height:64px;padding:0 30px;font-size:17px}
.btn.ghost{background:transparent;color:var(--fg);border-color:var(--line)}
.btn.ghost::before{background:var(--fg)}.btn.ghost:hover{color:var(--bg);border-color:var(--fg)}
.btn.light{background:var(--light);color:var(--ink)}

/* topo */
.nav{position:fixed;inset:0 0 auto;z-index:50;display:flex;align-items:center;gap:24px;padding:18px max(24px,env(safe-area-inset-left));transition:background .3s,backdrop-filter .3s}
.nav.solid{background:rgba(8,9,12,.72);-webkit-backdrop-filter:saturate(160%) blur(16px);backdrop-filter:saturate(160%) blur(16px);border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:10px}.brand svg{width:34px;height:34px}.brand b{font-family:var(--f-d);font-weight:800;font-size:20px;letter-spacing:-.01em}
.nav-l{display:flex;gap:26px;margin-left:24px;font-size:15px;color:var(--mut)}.nav-l a:hover{color:var(--fg)}
.nav-r{margin-left:auto;display:flex;align-items:center;gap:18px}.nav-in{font-size:15px;color:var(--mut)}.nav-in:hover{color:var(--fg)}
.nav .btn{height:42px;padding:0 18px;font-size:14px}

/* abertura */
.hero{position:relative;min-height:100svh;display:flex;align-items:center;padding:140px max(24px,4vw) 80px;overflow:hidden}
.hero-in{position:relative;z-index:2;max-width:1200px}
.hero .lead{max-width:620px;font-size:clamp(17px,1.5vw,21px);color:var(--mut);margin:32px 0 36px}
.hero-cta{display:flex;gap:12px;flex-wrap:wrap}
.hero-art{position:absolute;inset:0;z-index:1;pointer-events:none}
.fl{position:absolute;filter:drop-shadow(0 30px 40px rgba(0,0,0,.55));will-change:transform}
.f1{width:180px;right:9%;top:18%}.f2{width:160px;right:24%;top:56%}.f3{width:150px;right:4%;top:62%}.f4{width:130px;right:30%;top:16%;opacity:.85}.f5{width:120px;right:16%;top:40%;opacity:.9}
.hero-mark{position:absolute;right:-6vw;bottom:-18vw;width:58vw;max-width:900px;opacity:.05;z-index:0}
.hero-mark svg{width:100%;height:auto}

/* faixa */
.marquee{border-block:1px solid var(--line);overflow:hidden;padding:22px 0;white-space:nowrap}
.mq-track{display:inline-flex;align-items:center;gap:36px;will-change:transform}
.mq-track span{font-family:var(--f-d);font-weight:700;font-size:clamp(26px,3vw,44px);letter-spacing:-.02em}
.mq-track i{width:12px;height:12px;border-radius:50%;background:var(--red);flex:none}

/* manifesto */
.manifest{padding:clamp(100px,16vw,220px) max(24px,4vw);max-width:1400px}
.manifest .h-lg{line-height:1.08}
.manifest .dim{color:var(--mut)}
.words .w{display:inline-block;opacity:.16}

/* produto */
.feat{position:relative}
.feat-pin{min-height:100vh;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(24px,5vw,80px);align-items:center;padding:110px max(24px,4vw) 60px}
.feat-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.feat-list li{display:flex;gap:18px;padding:18px 0;border-top:1px solid var(--line);opacity:.35;transition:opacity .4s}
.feat-list li.on{opacity:1}
.feat-list li > span{font-family:var(--f-d);font-weight:700;font-size:14px;color:var(--mut);padding-top:6px}
.feat-list h3{font-family:var(--f-d);font-size:clamp(22px,2.2vw,32px);letter-spacing:-.02em;margin:0 0 6px;line-height:1.1}
.feat-list p{margin:0;color:var(--mut);font-size:16px;max-width:46ch;display:none}
.feat-list li.on p{display:block}
.feat-stage{position:relative;aspect-ratio:1/1;max-height:76vh;width:100%}
.scr{position:absolute;inset:0;display:grid;place-items:center;opacity:0;transform:translateY(30px) scale(.97);transition:opacity .55s,transform .65s cubic-bezier(.2,.7,.2,1)}
.scr.on{opacity:1;transform:none}
.mock{width:min(100%,560px);background:var(--light);color:var(--ink);border-radius:28px;padding:26px;box-shadow:0 40px 100px -30px rgba(0,0,0,.8),0 0 0 1px rgba(255,255,255,.06);display:flex;flex-direction:column;gap:14px;font-size:15px}
.mk-top{display:flex;justify-content:space-between;align-items:baseline;gap:10px}.mk-top b{font-family:var(--f-d);font-size:22px;letter-spacing:-.01em}.mk-top span{font-size:13px;color:#6B6B73}.mk-top .ok{color:#067647;font-weight:600}
.mk-now{display:flex;gap:14px;align-items:center;padding:16px;border-radius:18px;background:#fff;border-left:4px solid var(--red)}
.mk-now img{width:44px;height:44px}.mk-now div{flex:1;display:flex;flex-direction:column}.mk-now small{color:#B42318;font-weight:700;font-size:12px}.mk-now b{font-size:19px;font-family:var(--f-d)}.mk-now span{font-size:13px;color:#6B6B73}
.mk-now em{font-style:normal;background:var(--ink);color:#fff;border-radius:999px;padding:8px 14px;font-weight:600;font-size:13px}
.mk-row{display:flex;gap:6px;flex-wrap:wrap}.pl{font-size:12.5px;border:1px solid #E4E4E7;border-radius:999px;padding:5px 11px;background:#fff}.pl.w{border:0;background:none;font-weight:700;padding-left:0}
.mk-list{display:flex;flex-direction:column;gap:8px}.mk-list i{height:44px;border-radius:14px;background:#fff;border-left:3px solid #E4E4E7}.mk-list i.w{border-left-color:var(--warn)}.mk-list i.b{border-left-color:var(--blue)}
.mk-int{background:#fff;border-radius:18px;padding:16px;display:flex;flex-direction:column;gap:4px}.mk-int small{color:#6B6B73;font-size:12px}.mk-int b{font-size:16px}
.mk-cal{display:grid;grid-template-columns:repeat(8,1fr);gap:5px;margin-top:10px}.mk-cal i{aspect-ratio:1;border-radius:7px;background:#F1F1F3}
.mk-cal i.s{background:#D1E9FF}.mk-cal i.c{background:#D1FADF}.mk-cal i.h{background:#FEF0C7}.mk-cal i.e{background:var(--red)}
.mk-big{display:flex;flex-direction:column;gap:2px;padding:6px 2px}.mk-big span{color:#6B6B73;font-size:13px}.mk-big b{font-family:var(--f-d);font-size:clamp(48px,6vw,84px);letter-spacing:-.04em;line-height:1}.mk-big small{color:#6B6B73;font-size:13px}
.paper p{font-family:Georgia,serif;font-size:17px;line-height:1.7;margin:0}
mark{border-radius:4px;padding:0 3px}mark.g{background:#D1FADF;color:#054F31}mark.r{background:#FEE4E2;color:#912018;text-decoration:line-through}
.tag-r{font-family:var(--f-u);font-size:12px;font-weight:700;color:#B42318}
.mk-score{display:flex;align-items:baseline;gap:10px}.mk-score b{font-family:var(--f-d);font-size:56px;color:#067647;line-height:1}.mk-score span{color:#6B6B73}
.mk-bars{display:flex;flex-direction:column;gap:10px}.mk-bars div{display:grid;grid-template-columns:150px 1fr;gap:10px;align-items:center;font-size:13px}.mk-bars i{display:block;height:10px;border-radius:999px;background:var(--ink);width:var(--w)}
.chat p{margin:0;padding:12px 16px;border-radius:18px;max-width:86%}.chat .me{align-self:flex-end;background:var(--ink);color:#fff}.chat .bot{background:#fff}.chat .act{font-weight:700}

/* números */
.nums{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-block:1px solid var(--line)}
.num{padding:clamp(40px,6vw,80px) max(24px,3vw);border-right:1px solid var(--line);display:flex;flex-direction:column;gap:10px}
.num:last-child{border-right:0}
.num b{font-family:var(--f-d);font-weight:800;font-size:clamp(56px,7vw,112px);letter-spacing:-.05em;line-height:.9}
.num b small{font-size:.32em;letter-spacing:0;margin-left:6px;color:var(--mut)}
.num span{color:var(--mut);font-size:15px;max-width:22ch}

/* ferramentas */
.tools{padding:clamp(100px,14vw,180px) 0 60px;overflow:hidden}
.tools-head{padding:0 max(24px,4vw);margin-bottom:56px;max-width:1300px}
.tools-track{display:flex;gap:20px;padding:0 max(24px,4vw);width:max-content}
.tc{width:clamp(280px,26vw,380px);flex:none;background:var(--card);border:1px solid var(--line);border-radius:28px;padding:28px;display:flex;flex-direction:column;gap:12px;min-height:400px}
.tc img{width:120px;height:120px;margin-bottom:auto;filter:drop-shadow(0 20px 30px rgba(0,0,0,.5))}
.tc h3{font-family:var(--f-d);font-size:28px;letter-spacing:-.02em;margin:24px 0 0;line-height:1.05}
.tc p{margin:0;color:var(--mut);font-size:15.5px}
.tc.dark{background:var(--light);color:var(--ink)}.tc.dark p{color:#55555E}

/* preço */
.price{padding:clamp(100px,14vw,180px) max(24px,4vw);max-width:1300px;margin:0 auto}
.pc-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:56px}
.pc{background:var(--card);border:1px solid var(--line);border-radius:32px;padding:clamp(28px,3vw,44px);display:flex;flex-direction:column;gap:14px}
.pc.dark{background:var(--light);color:var(--ink)}.pc.dark p,.pc.dark li{color:#55555E}
.pc-k{font-weight:700;font-size:14px;letter-spacing:.06em;text-transform:uppercase;color:var(--mut)}
.pc b{font-family:var(--f-d);font-size:clamp(52px,6vw,88px);letter-spacing:-.045em;line-height:1}.pc b small{font-size:.3em;letter-spacing:0;margin-left:6px;color:var(--mut)}
.pc p{margin:0;color:var(--mut)}
.pc ul{list-style:none;margin:8px 0 18px;padding:0;display:flex;flex-direction:column;gap:8px}.pc li{padding-left:22px;position:relative;color:var(--fg)}.pc li::before{content:"";position:absolute;left:0;top:.6em;width:8px;height:8px;border-radius:50%;background:var(--red)}
.pc .btn{align-self:flex-start;margin-top:auto}
.pc.dark .btn.light{background:var(--ink);color:#fff;border-color:var(--ink)}

/* fim */
.end{padding:clamp(120px,18vw,260px) max(24px,4vw);display:flex;flex-direction:column;align-items:flex-start;gap:48px;border-top:1px solid var(--line)}
.foot{display:flex;align-items:center;gap:24px;flex-wrap:wrap;padding:32px max(24px,4vw) calc(32px + env(safe-area-inset-bottom));border-top:1px solid var(--line);color:var(--mut);font-size:14px}
.foot nav{display:flex;gap:20px;margin-left:auto}.foot nav a:hover{color:var(--fg)}.foot p{flex-basis:100%;margin:0;font-size:13px}

/* celular */
@media (max-width:900px){
  .nav-l{display:none}.nav-in{display:none}
  .hero{padding-top:120px;align-items:flex-start}.fl{opacity:.5}.f1{width:110px;top:auto;bottom:18%;right:6%}.f2{width:100px;top:auto;bottom:6%;right:34%}.f3{width:90px;top:auto;bottom:22%;right:44%}.f4,.f5{display:none}
  .feat-pin{grid-template-columns:1fr;padding-top:90px}.feat-stage{aspect-ratio:auto;height:440px}
  .nums{grid-template-columns:1fr 1fr}.num:nth-child(2){border-right:0}.num:nth-child(-n+2){border-bottom:1px solid var(--line)}
  .pc-grid{grid-template-columns:1fr}
  .tools-track{width:auto;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:12px}.tc{scroll-snap-align:start;min-height:340px}
  .mk-bars div{grid-template-columns:120px 1fr}
}
@media (prefers-reduced-motion:reduce){.dot{animation:none}.scr{transition:none}.words .w{opacity:1}}
/* ajustes */
.split .line,.split [class*="mask"]{padding-bottom:.14em;margin-bottom:-.14em}
.mk-cal{grid-template-columns:repeat(10,22px);gap:5px}
.mk-cal i{width:22px;height:22px;aspect-ratio:auto;border-radius:6px}
.hero-mark{opacity:.035}

/* BENTO editorial: grid de 12 colunas, células de tamanhos diferentes, tipografia manda */
.bento{padding:140px 48px 120px;max-width:1440px;margin:0 auto}
.bn-head{display:grid;grid-template-columns:1fr 340px;gap:24px 64px;align-items:end;margin-bottom:56px}
.bn-head .eyebrow{grid-column:1/-1;margin:0}
.bn-side{color:var(--mut);margin:0;font-size:17px;border-top:1px solid var(--line);padding-top:18px}
.bn-grid{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:minmax(150px,auto);gap:14px}
.bc{position:relative;overflow:hidden;background:var(--card);border:1px solid var(--line);border-radius:28px;padding:28px;display:flex;flex-direction:column;gap:14px;transition:transform .5s cubic-bezier(.2,.8,.2,1),border-color .4s}
.bc:hover{transform:translateY(-4px);border-color:rgba(255,255,255,.28)}
.bc-k{font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--mut)}
.bc h3{font-family:var(--f-d);font-weight:800;letter-spacing:-.035em;line-height:1;font-size:clamp(26px,2.6vw,40px);margin:0}
.bc p{margin:0;color:var(--mut);font-size:15px}
.bc.light{background:var(--light);color:var(--ink);border-color:transparent}
.bc.light .bc-k,.bc.light p{color:#5b5b63}
.bc.dark2{background:#000}
.bc.red{background:var(--red);border-color:transparent}
.bc.red span{color:rgba(255,255,255,.85)}
/* posições */
.bc-radar{grid-column:span 7;grid-row:span 3}
.bc-prazo{grid-column:span 5;grid-row:span 2}
.bc-num{grid-column:span 2;justify-content:flex-end}
.bc-num b{font-family:var(--f-d);font-weight:800;font-size:clamp(48px,5vw,80px);letter-spacing:-.05em;line-height:.9}
.bc-num span{font-size:14px;color:var(--mut)}
.bc-peticao{grid-column:span 3}
.bc-status{grid-column:span 5;grid-row:span 2}
.bc-ia{grid-column:span 4;grid-row:span 2}
.bc-tools{grid-column:span 3;grid-row:span 2}
.bento .bc-num.red{grid-column:span 3;grid-row:span 2}
/* radar */
.bc-big{margin-top:auto;display:flex;flex-direction:column;gap:6px;position:relative;z-index:1}
.bc-big b{font-family:var(--f-d);font-weight:800;font-size:clamp(72px,9vw,150px);letter-spacing:-.06em;line-height:.85}
.bc-big span{color:var(--mut);font-size:15px}
.bars{display:flex;align-items:flex-end;gap:8px;height:120px;position:relative;z-index:1}
.bars i{flex:1;height:var(--h);background:linear-gradient(to top,rgba(255,255,255,.08),rgba(255,255,255,.28));border-radius:8px 8px 3px 3px;transform-origin:bottom}
.bars i:last-child{background:var(--red)}
.bc-art{position:absolute;right:-10px;top:-10px;width:200px;opacity:.9;pointer-events:none}
/* prazo */
.bc-count{display:flex;align-items:baseline;gap:12px;margin-top:auto}
.bc-count b{font-family:var(--f-d);font-weight:800;font-size:clamp(96px,11vw,180px);letter-spacing:-.07em;line-height:.8}
.bc-count small{font-size:18px;font-weight:600}
.bc-prazo strong{color:var(--red)}
/* listas com status */
.chk{list-style:none;margin:auto 0 0;padding:0;display:grid;gap:8px;font-size:14px}
.chk li,.trib span{display:flex;align-items:center;gap:8px}
.chk i,.trib i{width:8px;height:8px;border-radius:50%;flex:none}
i.ok{background:var(--ok)}i.warn{background:var(--warn)}i.no{background:var(--red)}
.trib{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;font-size:14px;font-weight:600;margin-top:auto}
.trib span{padding:12px 14px;border-radius:14px;background:rgba(255,255,255,.04);border:1px solid var(--line)}
/* JUL.IA */
.bc-ia blockquote{margin:auto 0 0;font-family:var(--f-d);font-weight:700;font-size:22px;letter-spacing:-.02em;line-height:1.2}
.bc-ia .ia-a{background:rgba(255,255,255,.06);border-radius:18px 18px 18px 6px;padding:14px 16px;color:var(--fg)}
/* mais ferramentas */
.mini{display:grid;gap:10px;margin-top:auto}
.mini span{display:flex;align-items:center;gap:12px;font-weight:600;font-size:15px}
.mini img{width:40px;height:40px;border-radius:12px}

@media (max-width:1100px){
  .bc-radar{grid-column:span 12}.bc-prazo,.bc-status{grid-column:span 6}
  .bc-peticao,.bc-ia,.bc-tools,.bento .bc-num.red{grid-column:span 6}.bc-num{grid-column:span 3}
}
@media (max-width:900px){
  .bento{padding:96px 16px 80px}
  .bn-head{grid-template-columns:1fr}
  .bn-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:auto}
  .bn-grid .bc{grid-column:span 2;grid-row:auto;min-height:0}
  .bn-grid .bc-num{grid-column:span 1;min-height:150px}
  .bc-art{width:120px}
  .trib{grid-template-columns:repeat(2,1fr)}
}
.bc-radar h3{max-width:62%;position:relative;z-index:1}.bc-art{width:170px;right:18px;top:18px}
@media (min-width:1101px){.bc-status{grid-column:span 4}.bc-ia{grid-column:span 3}.bc-tools{grid-column:span 3}.bento .bc-num.red{grid-column:span 2}.trib{grid-template-columns:repeat(2,1fr)}}
@media (max-width:900px){.bento .bn-grid .bc{grid-column:1/-1}.bento .bn-grid .bc.bc-num{grid-column:span 1}}
@media (max-width:900px){.bc-art{width:84px;top:14px;right:14px}.bc-radar .bc-k{max-width:70%}}

/* ─ estrutura de venda: confiança, dor, objeções, âncora, FAQ ─ */
.trust{list-style:none;display:flex;flex-wrap:wrap;gap:8px 22px;margin:28px 0 0;padding:0;font-size:14px;color:var(--mut)}
.trust li{display:flex;align-items:center;gap:8px}.trust i{width:7px;height:7px;border-radius:50%}
.manifest .eyebrow{display:flex}
.pain{max-width:1440px;margin:0 auto;padding:0 48px 140px;display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--line)}
.pain article{padding:40px 36px 0 0;border-right:1px solid var(--line);margin-right:36px}
.pain article:last-child{border-right:0;margin-right:0}
.pn{font-family:var(--f-d);font-weight:800;font-size:14px;color:var(--red);letter-spacing:.04em}
.pain h3{font-family:var(--f-d);font-weight:800;font-size:clamp(26px,2.4vw,38px);letter-spacing:-.035em;line-height:1.02;margin:18px 0 14px}
.pain p{color:var(--mut);margin:0;max-width:34ch}
.obj{max-width:1440px;margin:0 auto;padding:120px 48px}
.obj header{margin-bottom:56px}
.obj-grid{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--line)}
.obj-grid article{padding:36px 40px 40px 0;border-bottom:1px solid var(--line)}
.obj-grid article:nth-child(odd){border-right:1px solid var(--line);margin-right:0}
.obj-grid article:nth-child(even){padding-left:40px}
.obj-grid h3{font-family:var(--f-d);font-weight:700;font-size:clamp(20px,1.7vw,26px);letter-spacing:-.02em;line-height:1.2;margin:0 0 12px}
.obj-grid p{margin:0;color:var(--mut);max-width:48ch}
.pc-tag{display:inline-flex;align-self:flex-start;font-size:12px;font-weight:700;padding:6px 12px;border-radius:999px;background:rgba(50,213,131,.14);color:var(--ok)}
.pc b s{font-size:.38em;color:var(--mut);font-weight:600;margin-right:12px;vertical-align:middle;text-decoration-thickness:2px}
.risk{display:flex;align-items:center;justify-content:center;gap:10px;margin:32px 0 0;color:var(--mut);font-size:15px}
.risk i{width:8px;height:8px;border-radius:50%}
.faq{max-width:1100px;margin:0 auto;padding:120px 48px;display:grid;grid-template-columns:1fr 1.4fr;gap:64px;align-items:start}
.faq-list details{border-bottom:1px solid var(--line)}
.faq-list details:first-child{border-top:1px solid var(--line)}
.faq-list summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:20px;padding:24px 0;font-family:var(--f-d);font-weight:700;font-size:19px;letter-spacing:-.015em}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary::after{content:"+";font-size:24px;line-height:1;color:var(--mut);transition:transform .35s}
.faq-list details[open] summary::after{transform:rotate(45deg);color:var(--fg)}
.faq-list p{margin:0 0 24px;color:var(--mut);max-width:58ch}
.end-note{margin:20px 0 0;color:var(--mut);font-size:15px}
@media (max-width:900px){
  .pain{grid-template-columns:1fr;padding:0 16px 90px}
  .pain article{border-right:0;margin-right:0;padding:32px 0;border-bottom:1px solid var(--line)}
  .obj,.faq{padding:90px 16px}
  .obj-grid{grid-template-columns:1fr}
  .obj-grid article,.obj-grid article:nth-child(even){padding:28px 0;border-right:0}
  .faq{grid-template-columns:1fr;gap:32px}
}
/* assets nas seções de venda */
.pain article{position:relative}
.pain-ic{width:84px;height:84px;margin-bottom:22px;filter:drop-shadow(0 18px 30px rgba(0,0,0,.5))}
.obj-ic{width:56px;height:56px;margin-bottom:18px}
.pc{position:relative}
.pc-ic{position:absolute;top:22px;right:22px;width:92px;height:92px}
.end{position:relative}
.end-art{width:200px;height:200px;margin:0 auto 24px;filter:drop-shadow(0 30px 50px rgba(240,68,56,.18))}
@media (max-width:900px){.pc-ic{width:64px;height:64px}.end-art{width:140px;height:140px}}
/* ruminações */
.pain .pn{font-variant-numeric:tabular-nums;letter-spacing:.02em}
.pain h3{font-style:normal}
.pain-foot{grid-column:1/-1;order:9;margin:48px 0 0;padding-top:28px;border-top:1px solid var(--line);font-family:var(--f-d);font-weight:700;font-size:clamp(20px,1.8vw,28px);letter-spacing:-.02em;color:var(--fg);max-width:46ch}
.ru{display:block;quotes:none;font-size:13px;font-weight:600;color:var(--red);margin-bottom:6px;letter-spacing:.01em}
.feat-list li:not(.on) .ru{color:var(--mut)}
@media (max-width:900px){.pain-foot{margin-top:8px}}
.pain h3,.pain-foot,.pain p,.obj-grid h3,.bc h3,.feat-list h3{text-wrap:balance}

/* ═══ 31/10 · tipografia arredondada (volta ao peso da 1ª versão) + uma largura só, do nav ao rodapé ═══ */
:root{--f-d:"Nunito","Plus Jakarta Sans",system-ui,sans-serif;--gut:max(24px,calc((100vw - 1280px) / 2))}
em{font-family:inherit;font-style:normal;font-weight:inherit;color:var(--mut);letter-spacing:inherit}
.hero em,.night em,.end em{color:rgba(255,255,255,.6)}
.h-xl,.h-lg,.h-xxl,.bc h3,.pain h3,.obj-grid h3,.faq-list summary,.feat-list h3,.hu-top b,.hu-now b{font-weight:900;letter-spacing:-.035em}
/* mesma margem lateral em tudo */
.nav,.hero,.manifest,.pain,.feat,.bento,.obj,.price,.faq,.end,.foot{padding-left:var(--gut)!important;padding-right:var(--gut)!important;max-width:none!important;margin-left:0!important;margin-right:0!important}
.hero-ui{right:var(--gut)}
.hero-in{max-width:min(760px,55%)}
@media (max-width:900px){:root{--gut:16px}.hero-in{max-width:none}}
.feat-pin{padding-left:0!important;padding-right:0!important}

/* ═══ hero v5 (31/10): volta à 1ª versão escura, tipografia grande na largura toda, e um PALCO composto
   no lugar dos assets soltos. Cartão do produto no centro; assets e chips presos a ele, sem flutuar à toa. ═══ */
.hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(24px,3vw,56px);align-items:center}
.hero-in{max-width:none!important}
.hero .h-xl{font-size:clamp(56px,7.6vw,132px)}
.hero .lead{max-width:44ch}
.stage{position:relative;height:min(78vh,700px);z-index:1}
.st-plate{position:absolute;inset:8% 0 4% 10%;border-radius:48px;background:radial-gradient(120% 90% at 30% 20%,#1C1E25 0%,#121318 55%,#0D0E12 100%);border:1px solid rgba(255,255,255,.07);box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
.st-plate::after{content:"";position:absolute;inset:0;border-radius:inherit;background-image:radial-gradient(rgba(255,255,255,.07) 1px,transparent 1px);background-size:22px 22px;mask:radial-gradient(80% 70% at 50% 45%,#000,transparent)}
.st-card{position:absolute;background:#F4F4F2;color:#111214;border-radius:22px;box-shadow:0 30px 70px -25px rgba(0,0,0,.75),0 0 0 1px rgba(0,0,0,.04)}
.st-main{left:22%;top:26%;width:min(360px,64%);padding:20px;display:grid;gap:10px}
.hu-top{display:flex;justify-content:space-between;align-items:baseline}.hu-top b{font-family:var(--f-d);font-size:20px}.hu-top span{font-size:12.5px;color:#62636B}
.hu-now{display:grid;gap:3px;padding:14px;border-radius:16px;background:#FEF3F2;border:1px solid #FECDCA}
.hu-tag{font-size:12px;font-weight:700;color:#B42318}.hu-now b{font-family:var(--f-d);font-size:22px}.hu-now small{font-size:12.5px;color:#62636B}
.hu-row{display:flex;align-items:center;gap:10px;font-size:13.5px}.hu-row i{width:8px;height:8px;border-radius:50%;flex:none}
.st-chip{display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:16px;font-size:13px;line-height:1.25}
.st-chip span{display:grid}.st-chip b{font-size:14px}.st-chip small{color:#62636B;font-size:12px}
.st-dot{width:10px;height:10px;border-radius:50%;flex:none}.st-dot.ok{background:var(--ok)}.st-dot.no{background:var(--red)}
.st-c1{left:4%;top:16%}
.st-c2{right:2%;top:12%;flex-direction:column;align-items:flex-start;gap:0;background:#111214;color:#fff;border:1px solid rgba(255,255,255,.12)}
.st-c2 .st-big{font-family:var(--f-d);font-weight:900;font-size:34px;letter-spacing:-.04em;line-height:1}.st-c2 small{color:#A3A3AD}
.st-c3{right:4%;bottom:14%}
.st-a{position:absolute;filter:drop-shadow(0 24px 30px rgba(0,0,0,.55));pointer-events:none}
.st-a1{width:150px;right:10%;top:30%}
.st-a2{width:120px;left:6%;bottom:10%}
.st-a3{width:120px;left:12%;top:40%}
.st-a4{width:96px;right:30%;bottom:4%}
.st-a5{width:96px;left:40%;top:4%}
.hero-mark{display:block;opacity:.035}
.night{position:relative}
.end{position:relative;overflow:hidden;isolation:isolate}
.end-bg{position:absolute;inset:0;z-index:-1}.end-bg img{width:100%;height:100%;object-fit:cover;opacity:.35;filter:grayscale(1)}
.end-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--bg) 20%,rgba(8,9,12,.4))}
@media (max-width:1100px){.hero{grid-template-columns:1fr}.stage{height:560px}}
@media (max-width:900px){.stage{height:460px;margin-top:8px}.st-main{left:6%;top:22%;width:78%}.st-a1{width:96px;right:2%;top:46%}.st-a2,.st-a5{display:none}.st-a3{width:80px;left:0;top:6%}.st-a4{width:70px}.st-c1{left:24%;top:4%}.st-c2{top:auto;bottom:2%;left:4%;right:auto}.st-c3{display:none}.st-plate{inset:4% 0 0 0}}
@media (min-width:1101px){.hero .h-xl{font-size:clamp(52px,6.3vw,112px)}.st-main{left:24%;top:24%;width:min(340px,56%)}.st-a1{width:130px;right:0;top:20%}.st-a3{width:110px;left:4%;top:44%}.st-a2{width:110px;left:16%;bottom:6%}.st-a4{right:22%;bottom:2%}.st-c3{right:2%;bottom:20%}}
@media (max-width:900px){.stage{height:430px}.st-a{display:none}.st-a1{display:block;width:78px;right:2%;top:2%}.st-main{left:5%;top:16%;width:90%}.st-c1{left:5%;top:2%}.st-c2{bottom:0;left:auto;right:5%}}
/* 31/10: volta Plus Jakarta Sans nos títulos (Nunito reprovada) */
:root{--f-d:"Plus Jakarta Sans","Inter",system-ui,sans-serif}
.h-xl,.h-lg,.h-xxl,.bc h3,.pain h3,.obj-grid h3,.faq-list summary,.feat-list h3,.hu-top b,.hu-now b,.st-c2 .st-big{font-weight:800;letter-spacing:-.045em}
/* bento com assets próprios (GPT 2.5 · 31/10): objeto grande preso ao canto, texto à esquerda */
.bc{isolation:isolate}
.bc-art{width:min(340px,46%)!important;right:4%!important;top:auto!important;bottom:6%;opacity:1}
.bc-radar h3{max-width:52%}
.bc-obj{position:absolute;pointer-events:none;z-index:-1;filter:drop-shadow(0 24px 30px rgba(0,0,0,.45))}
.bc-prazo .bc-obj{width:min(220px,42%);right:6%;top:10%}
.bc-prazo .bc-count b{font-size:clamp(80px,8vw,140px)}
.bc-peticao .bc-obj{width:120px;right:-10px;bottom:-14px;opacity:.95}
.bc-peticao .chk{max-width:62%}
.bc-status .bc-obj{width:min(170px,38%);right:4%;top:6%}
.bc-status .trib{grid-template-columns:repeat(2,minmax(0,1fr));max-width:60%}
@media (max-width:900px){.bc-art{width:42%!important}.bc-prazo .bc-obj{width:110px}.bc-status .bc-obj{width:110px}.bc-status .trib{max-width:none}}
.bc-prazo .bc-obj{width:150px!important;right:5%;top:8%}.bc-prazo p{max-width:60%}.bc-peticao .bc-obj{width:96px!important;right:8px;bottom:8px}.bc-status .bc-obj{width:120px!important}
.bc-obj,.bc-art,.st-a{height:auto!important}

/* ═══ DOR v2: tela de bloqueio às 03:05. Texto à esquerda, celular à direita, notificações chegando ═══ */
.pain{display:none}
.lock{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:clamp(32px,6vw,96px);align-items:center;padding-top:40px;padding-bottom:clamp(100px,12vw,160px);position:relative}
.lock-copy .eyebrow{color:var(--red)}
.lock-lead{font-size:19px;color:var(--mut);max-width:44ch;margin:24px 0 32px}
.lock-why{list-style:none;margin:0;padding:0;display:grid;border-top:1px solid var(--line)}
.lock-why li{padding:18px 0;border-bottom:1px solid var(--line);color:var(--mut);font-size:16px}
.lock-why b{color:var(--fg);font-weight:600}
.phone{position:relative;justify-self:center;width:min(380px,100%);aspect-ratio:9/19;border-radius:56px;padding:12px;background:linear-gradient(160deg,#2A2C33,#111216);box-shadow:0 60px 120px -40px rgba(0,0,0,.9),inset 0 0 0 1px rgba(255,255,255,.08)}
.phone::before{content:"";position:absolute;inset:-12% -30%;z-index:-1;background:radial-gradient(closest-side,rgba(240,68,56,.18),transparent);filter:blur(20px)}
.ph-screen{position:relative;height:100%;border-radius:46px;overflow:hidden;background:radial-gradient(120% 70% at 50% 0%,#1B2440 0%,#0B0D14 60%,#07080B 100%);display:flex;flex-direction:column;padding:56px 14px 18px}
.ph-top{text-align:center;color:#fff;display:grid}
.ph-top span{font-size:14px;font-weight:600;opacity:.8}
.ph-top b{font-family:var(--f-d);font-weight:700;font-size:84px;letter-spacing:-.04em;line-height:1}
.ph-stack{margin-top:auto;display:grid;gap:8px}
.nt{display:flex;gap:10px;align-items:center;padding:12px;border-radius:20px;background:rgba(255,255,255,.12);backdrop-filter:blur(18px);color:#fff}
.nt img{width:38px;height:38px;flex:none;object-fit:contain}
.nt div{display:grid;gap:2px;min-width:0}
.nt span{font-size:11.5px;opacity:.65}
.nt b{font-size:13.5px;font-weight:600;line-height:1.25}
.nt-juris{background:rgba(255,255,255,.92);color:#111214}
.nt-juris span{opacity:.6}
.nt-j{width:38px;height:38px;flex:none;border-radius:10px;background:#111214;display:grid;place-items:center}
.nt-j svg{width:30px;height:30px}
.ph-bar{width:120px;height:5px;border-radius:9px;background:rgba(255,255,255,.6);margin:14px auto 0}
@media (max-width:900px){.lock{grid-template-columns:1fr}.phone{width:min(320px,86%)}.ph-top b{font-size:68px}}

/* ═══ PRODUTO v2: vitrine com abas que trocam sozinhas. Nada de rolar 5 telas presas ═══ */
.feat{padding-top:clamp(100px,12vw,160px);padding-bottom:clamp(80px,10vw,140px)}
.feat-head{max-width:820px;margin-bottom:40px}
.feat-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:20px}
.ft{all:unset;cursor:pointer;position:relative;overflow:hidden;display:grid;gap:4px;padding:16px 18px 20px;border-radius:18px;background:var(--card);border:1px solid var(--line);transition:background .3s,border-color .3s}
.ft q{quotes:none;font-size:12.5px;color:var(--mut)}
.ft b{font-family:var(--f-d);font-weight:700;font-size:16px;letter-spacing:-.02em;color:var(--mut)}
.ft:hover b{color:var(--fg)}
.ft.on{background:#F4F4F2;border-color:transparent}.ft.on b{color:#111214}.ft.on q{color:#B42318}
.ft:focus-visible{outline:2px solid var(--fg);outline-offset:3px}
.ft-bar{position:absolute;left:0;bottom:0;height:3px;width:100%;background:var(--red);transform:scaleX(0);transform-origin:left}
.feat-show{position:relative;display:grid;grid-template-columns:minmax(0,.55fr) minmax(0,1.45fr);gap:24px;align-items:stretch;border-radius:36px;background:radial-gradient(90% 120% at 80% 10%,#1C1E25,#0F1014 70%);border:1px solid var(--line);padding:clamp(24px,3vw,48px);min-height:560px;overflow:hidden}
.feat-show::after{content:"";position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(rgba(255,255,255,.06) 1px,transparent 1px);background-size:22px 22px;mask:radial-gradient(70% 70% at 70% 50%,#000,transparent)}
.feat-desc{position:relative;align-self:end}
.feat-desc p{display:none;margin:0;font-family:var(--f-d);font-weight:700;font-size:clamp(22px,2vw,30px);letter-spacing:-.025em;line-height:1.2;color:var(--fg)}
.feat-desc p.on{display:block;animation:fd .6s cubic-bezier(.2,.8,.2,1)}
@keyframes fd{from{opacity:0;transform:translateY(12px)}}
.feat-show .feat-stage{position:relative;min-height:480px}
@media (max-width:900px){
  .feat-tabs{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;margin-inline:-16px;padding-inline:16px;scrollbar-width:none}
  .ft{flex:0 0 68%;scroll-snap-align:start}
  .feat-show{grid-template-columns:1fr;min-height:0}
  .feat-show .feat-stage{min-height:420px;order:-1}
}
.lock{padding-left:var(--gut)!important;padding-right:var(--gut)!important}.lock h2,.lock-lead,.feat-head h2,.feat-desc p{text-wrap:balance}
.feat-desc p{font-size:clamp(18px,1.5vw,22px)!important;line-height:1.35}.feat-show{min-height:520px}.feat-show .mock{transform:scale(1.08)}

/* ═══ vitrine com prints reais do dashboard, dentro de uma janela de navegador ═══ */
.browser{position:relative;height:100%;display:flex;flex-direction:column;border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 40px 90px -30px rgba(0,0,0,.8),0 0 0 1px rgba(255,255,255,.08);transform:perspective(1600px) rotateY(-4deg) rotateX(2deg);transform-origin:left center}
.br-bar{display:flex;align-items:center;gap:6px;padding:10px 14px;background:#F1F1F3;border-bottom:1px solid #E4E4E8}
.br-bar i{width:10px;height:10px;border-radius:50%;background:#D5D5DA}
.br-bar span{margin:0 auto;font-size:12px;color:#7A7A82;background:#fff;border-radius:8px;padding:3px 16px}
.br-view{position:relative;flex:1;aspect-ratio:16/10}
.br-view .scr{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:left top;display:block;opacity:0;transform:scale(1.02);transition:opacity .5s,transform .7s cubic-bezier(.2,.8,.2,1)}
.br-view .scr.on{opacity:1;transform:none}
.feat-show{grid-template-columns:minmax(0,.42fr) minmax(0,1.58fr);min-height:0}
.feat-show .feat-stage{min-height:0;align-self:center}
@media (max-width:900px){.browser{transform:none}.feat-show{grid-template-columns:1fr}}

/* ═══ FERRAMENTAS: grade orgânica (colunas com alturas diferentes, deslocadas), todas no mesmo container ═══ */
.bento{display:none}
.tools2{padding-top:clamp(100px,12vw,160px);padding-bottom:clamp(80px,10vw,140px);padding-left:var(--gut)!important;padding-right:var(--gut)!important}
.t2-head{display:grid;grid-template-columns:1fr 360px;gap:20px 64px;align-items:end;margin-bottom:56px}
.t2-head .eyebrow{grid-column:1/-1;margin:0}
.t2-head p:last-child{margin:0;color:var(--mut)}
.t2-grid{columns:4 260px;column-gap:14px}
.t2-grid .tl:nth-child(4n+2){margin-top:0}
.tl{break-inside:avoid;margin:0 0 14px;position:relative;border-radius:26px;padding:22px 22px 24px;background:var(--card);border:1px solid var(--line);display:grid;gap:8px;transition:transform .5s cubic-bezier(.2,.8,.2,1),border-color .3s}
.tl:hover{transform:translateY(-4px) rotate(-.4deg);border-color:rgba(255,255,255,.26)}
.tl img{width:96px;height:auto;margin:-4px 0 6px -4px;filter:drop-shadow(0 18px 22px rgba(0,0,0,.5))}
.tl h3{margin:0;font-family:var(--f-d);font-weight:800;font-size:22px;letter-spacing:-.03em}
.tl p{margin:0;color:var(--mut);font-size:14.5px}
.tl ul{list-style:none;margin:8px 0 0;padding:12px 0 0;border-top:1px solid var(--line);display:grid;gap:7px;font-size:14px}
.tl li{display:flex;gap:9px;align-items:baseline}
.tl li::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--ok);flex:none;transform:translateY(-2px)}
.tl.big{padding:26px 26px 28px}
.tl.big img{width:150px}
.tl.big h3{font-size:clamp(26px,2.2vw,34px)}
.tl:nth-child(1){background:#F4F4F2;color:#111214;border-color:transparent}.tl:nth-child(1) p{color:#55555E}.tl:nth-child(1) ul{border-color:rgba(0,0,0,.1)}
.tl:nth-child(4){background:#000}
.tl:nth-child(6){background:var(--red);border-color:transparent}.tl:nth-child(6) p{color:rgba(255,255,255,.85)}.tl:nth-child(6) li::before{background:#fff}.tl:nth-child(6) ul{border-color:rgba(255,255,255,.25)}
.tl.soon{opacity:.7}.tl.soon li:last-child{color:var(--warn)}.tl.soon li:last-child::before{background:var(--warn)}
@media (max-width:900px){.t2-head{grid-template-columns:1fr}.t2-grid{columns:2 160px;column-gap:10px}.tl{padding:16px;margin-bottom:10px}.tl img{width:68px}.tl.big img{width:96px}.tl ul{display:none}.tl h3{font-size:18px}.tl.big h3{font-size:22px}}
/* 31/10 · tela larga: container acompanha a tela (até 1720px) e o título nunca corta */
:root{--gut:max(24px,4vw,calc((100vw - 1720px) / 2))}
@media (min-width:1101px){
  .hero{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr)}
  .hero .h-xl{font-size:clamp(52px,5.7vw,128px)!important}
  .st-main{min-width:300px}
  .hu-top span{white-space:nowrap}
  .st-a1{right:-2%!important;top:50%!important}
  .stage{height:min(80vh,760px)}
}
.hero .h-xl{overflow-wrap:normal;max-width:100%}
@media (max-width:900px){:root{--gut:16px}}
/* hero v6: H1 promessa, H2 mecanismo; linha de confiança com ícones próprios */
.hero h2.lead{font-family:var(--f-u);font-weight:400;font-size:clamp(17px,1.3vw,21px);line-height:1.55;letter-spacing:0;max-width:52ch;color:var(--mut);margin:28px 0 34px}
.trust{gap:10px 28px}
.trust li{gap:10px;font-weight:500;color:#C9C9CF}
.trust img{width:34px;height:34px;object-fit:contain;filter:drop-shadow(0 6px 8px rgba(0,0,0,.5))}
.nav-l{margin-left:auto;margin-right:24px}.nav-r{margin-left:0}
.hero .h-xl{text-wrap:balance}.hero .h-xl .line{text-wrap:balance}
/* switcher mensal/anual */
.bill{position:relative;display:inline-grid;grid-template-columns:1fr 1fr;padding:5px;border-radius:999px;background:var(--card);border:1px solid var(--line);margin:0 0 32px;isolation:isolate}
.bl{all:unset;cursor:pointer;padding:11px 22px;border-radius:999px;font-weight:600;font-size:15px;color:var(--mut);text-align:center;transition:color .3s;white-space:nowrap}
.bl em{font-style:normal;font-size:12px;margin-left:6px;padding:3px 8px;border-radius:999px;background:rgba(50,213,131,.16);color:var(--ok)}
.bl.on{color:#111214}
.bl:focus-visible{outline:2px solid var(--fg);outline-offset:2px}
.bl-knob{position:absolute;z-index:-1;top:5px;bottom:5px;left:5px;width:calc(50% - 5px);border-radius:999px;background:#F4F4F2;transition:transform .45s cubic-bezier(.2,.8,.2,1);transform:translateX(100%)}
.bill.m .bl-knob{transform:none}
.pc b s:empty{display:none}
/* CTA final v3: ilustração da cidade à noite que se funde ao fundo, texto centrado no céu */
.end2{min-height:min(100vh,980px);display:grid!important;place-items:start center;text-align:center;padding-top:clamp(110px,14vw,200px)!important;padding-bottom:0!important;border-top:0;overflow:hidden;isolation:isolate}
.end2 .end-bg{position:absolute;inset:auto 0 0 0;height:78%;z-index:-1}
.end2 .end-bg img{width:100%;height:100%;object-fit:cover;object-position:50% 70%;opacity:1;filter:none}
.end2 .end-bg::after{background:linear-gradient(180deg,var(--bg) 0%,rgba(8,9,12,0) 35%,rgba(8,9,12,0) 80%,var(--bg) 100%)}
.end-in{display:grid;justify-items:center;gap:22px;max-width:1100px}
.end2 .h-xxl{font-size:clamp(48px,8vw,140px);text-wrap:balance}
.end2 em{color:rgba(255,255,255,.55)}
.end-sub{margin:0;color:#C9C9CF;font-size:clamp(17px,1.4vw,21px);max-width:46ch}
.end-cta{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin-top:8px}
.end2 .end-art{display:none}
@media (max-width:900px){.end2{min-height:760px}.end2 .end-bg{height:55%}}
/* planos: título e switcher na mesma linha, respiro igual até os cartões */
.pr-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px 48px;flex-wrap:wrap;margin-bottom:clamp(40px,4vw,64px)}
.pr-head .h-lg{margin:0}
.pr-head .bill{margin:0 0 8px;flex:none}
.pr-eb{display:flex;align-items:center;gap:10px;margin-bottom:18px;color:#C9C9CF;text-transform:none;letter-spacing:0;font-size:15px;font-weight:600}
.pr-eb img{width:28px;height:28px;object-fit:contain;filter:drop-shadow(0 6px 8px rgba(0,0,0,.5))}
.price .pc-grid{margin-top:0}
.pr-head{flex-wrap:nowrap}.pr-head>div{flex:1 1 0;min-width:0;max-width:900px}.pr-head .h-lg{text-wrap:balance}@media (max-width:900px){.pr-head{flex-wrap:wrap}}
.end-sub{text-wrap:balance;max-width:40ch}

/* ═══ MOBILE v2 (31/10): menos texto, mais asset, ritmo visual ═══ */
.m-only{display:none}
@media (max-width:900px){
  .d-only{display:none}.m-only{display:inline}
  /* hero: palco com assets nos cantos do cartão */
  .stage{height:470px!important;margin-top:4px}
  .st-plate{inset:6% 0 2% 0!important;border-radius:32px}
  .st-main{left:8%!important;top:20%!important;width:84%!important;min-width:0!important;padding:16px!important}
  .st-a{display:block!important}
  .st-a1{width:84px!important;right:-2%!important;top:8%!important}
  .st-a2{width:78px!important;left:-2%!important;bottom:0!important;top:auto!important}
  .st-a3{width:70px!important;left:2%!important;top:2%!important}
  .st-a4{width:64px!important;right:6%!important;bottom:0!important}
  .st-a5{display:none!important}
  .st-c1{left:22%!important;top:4%!important}
  .st-c2{right:4%!important;left:auto!important;bottom:4%!important;top:auto!important;padding:10px 14px}
  .st-c2 .st-big{font-size:26px}
  .st-c3{display:none!important}
  .hu-now b{font-size:19px}.hu-row{font-size:12.5px}
  .trust{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;text-align:center}
  .trust li{flex-direction:column;font-size:12px;line-height:1.3}
  .trust img{width:40px;height:40px}
  /* ferramentas em duas colunas, só nome + frase */
  .t2-grid{columns:auto!important;display:grid;grid-template-columns:1fr 1fr;gap:10px}
  .tl{margin:0!important}
  .tl.big{grid-column:span 2;grid-template-columns:auto 1fr;align-items:center;column-gap:14px}
  .tl.big img{grid-row:span 2;width:84px!important;margin:0}
  .tl.big ul{display:none}
  .tl img{width:56px}
  .tl p{font-size:13px}
  /* objeções: ícone + pergunta, resposta menor */
  .obj-grid article{display:grid;grid-template-columns:44px 1fr;column-gap:14px}
  .obj-ic{grid-row:span 2;width:44px;height:44px;margin:0}
  .obj-grid h3{font-size:17px;margin-bottom:6px}
  .obj-grid p{font-size:14.5px}
  /* produto: descrição curta embaixo, abas menores */
  .ft{flex-basis:56%;padding:12px 14px 16px}.ft b{font-size:14px}
  .feat-desc p{font-size:16px!important}
  .manifest .h-lg{font-size:34px}
}
@media (max-width:900px){.hero .h-xl{font-size:clamp(40px,11.4vw,52px)!important}.hero{padding-top:96px}}
@media (max-width:900px){.st-c2{right:auto!important;left:30%!important;bottom:2%!important}.st-a4{right:2%!important;bottom:-1%!important}}

/* ═══ 31/10 · cor de destaque vira azul tinta; vermelho fica só para alerta (fora do ar, vencido) ═══ */
:root{--accent:#4F6BFF;--accent-2:#3B55E6;--alert:#F04438;--red:var(--accent)}
.st-dot.no,i.no,.trib i.no,.chk i.no,.hu-row i.no{background:var(--alert)!important}
.hu-now{background:#EEF1FF!important;border-color:#C9D1FF!important}.hu-tag{color:var(--accent-2)!important}
.ft.on q{color:var(--accent-2)!important}
.tl:nth-child(6){background:var(--accent)!important}
.pc-tag{background:rgba(79,107,255,.16)!important;color:#A9B6FF!important}
.bl em{background:rgba(79,107,255,.18)!important;color:#A9B6FF!important}

/* ═══ botões: no hover o fundo enche de azul e o texto fica branco, sempre legível ═══ */
.btn::before{background:var(--accent)!important}
.btn:hover,.btn:focus-visible{color:#fff!important;border-color:var(--accent)!important}
.btn:hover span,.btn:hover .ar{color:#fff!important}
.btn:active{transform:scale(.97)}
.btn{transition:color .3s,border-color .3s,transform .2s}
.ft:hover{border-color:rgba(79,107,255,.5)}
.tl:hover{border-color:rgba(79,107,255,.55)!important}
.bc:hover{border-color:rgba(79,107,255,.55)!important}
.btn{isolation:isolate}.btn::before{z-index:-1!important}
/* ferramentas: lista de até 7 itens com ícone próprio; asset maior */
.tl ul{gap:9px;font-size:14px}
.tl li{gap:10px;align-items:center}
.tl li::before{display:none}
.ti{width:18px;height:18px;flex:none;color:var(--accent);padding:4px;box-sizing:content-box;border-radius:8px;background:rgba(79,107,255,.12)}
.tl:nth-child(1) .ti{background:rgba(79,107,255,.14);color:var(--accent-2)}
.tl:nth-child(6) .ti{color:#fff;background:rgba(255,255,255,.18)}
.tl img{width:132px!important;margin:-10px 0 4px -8px}
.tl.big img{width:200px!important;margin:-18px 0 0 -12px}
@media (max-width:900px){.tl img{width:84px!important}.tl.big img{width:112px!important}}
/* 31/10 · correção: ferramentas voltam ao formato anterior; os 7 itens com ícone e o asset maior vão para os planos */
.tl li::before{display:block}
.tl img{width:96px!important;margin:-4px 0 6px -4px}
.tl.big img{width:150px!important;margin:-4px 0 6px -4px}
@media (max-width:900px){.tl img{width:56px!important}.tl.big img{width:84px!important}}
.pc-list{list-style:none;margin:6px 0 18px;padding:16px 0 0;display:grid;gap:11px;border-top:1px solid var(--line)}
.pc.dark .pc-list{border-color:rgba(0,0,0,.1)}
.pc-list li{display:flex;align-items:center;gap:12px;font-size:15px}
.pc-list li::before{display:none!important}
.pc-list .ti{width:18px;height:18px;flex:none;padding:5px;box-sizing:content-box;border-radius:9px;color:var(--accent);background:rgba(79,107,255,.14)}
.pc.dark .pc-list .ti{color:var(--accent-2);background:rgba(79,107,255,.12)}
.pc-ic{width:150px!important;height:auto!important;top:10px!important;right:14px!important;filter:drop-shadow(0 20px 26px rgba(0,0,0,.45))}
@media (max-width:900px){.pc-ic{width:96px!important}}
/* Masterclass v2 na landing: sombra em camadas nos cartões, raio aninhado, motion com ease-out forte */
.tl,.pc,.ft,.feat-show,.browser{box-shadow:0 2px 4px rgba(0,0,0,.18),0 12px 24px rgba(0,0,0,.22),0 32px 64px rgba(0,0,0,.24)}
.pc{border-radius:32px}.pc-list .ti{border-radius:10px}
.tl{border-radius:24px}
.tl,.ft,.pc{transition:transform .5s cubic-bezier(.16,1,.3,1),border-color .3s,box-shadow .5s}
.pc:hover{transform:translateY(-6px)}
