@font-face{font-family:Clash;src:url(fonts/clash-600.woff2) format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:Inter;src:url(fonts/inter-var.woff2) format("woff2");font-weight:400 800;font-display:swap}
:root{--ink:#17211E;--ink2:#24302C;--pa:#F6F1E8;--pa2:#EBE4D6;--rule:#D4CBB8;--ac:#C24E1E;--pine:#2A6B5A;--mut:#6B6860;--mut2:#A8A297;--cream:#F6F1E8;--d:Clash,Inter,sans-serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font:400 17px/1.6 Inter,system-ui,sans-serif;color:var(--ink);background:var(--pa);-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:calc(50% + 50%);height:auto;display:block}
a{color:inherit}h1,h2,h3,p,blockquote,figure,ul{margin:0}ul{padding:0;list-style:none}
.w{max-width:1160px;margin:0 auto;padding:0 22px}
.bar{position:sticky;top:0;z-index:20;background:rgba(23,33,30,.95);color:var(--cream);border-bottom:1px solid #2A3934;backdrop-filter:saturate(1.2)}
.bar .w{display:flex;align-items:center;gap:28px;height:64px}
.wm{font:600 23px var(--d);letter-spacing:-.02em;text-decoration:none}
.wm b{color:var(--ac);font-weight:600}
.bar nav{display:flex;gap:26px;margin-left:auto}
.bar nav a{font:500 14px Inter;text-decoration:none;color:var(--mut2)}
.bar nav a:hover{color:var(--cream)}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:56px;background:var(--ac);color:var(--cream);font:700 17px Inter;text-decoration:none;padding:0 28px;border:2px solid var(--ink);border-radius:12px;transition:transform .15s}
.btn:hover{transform:translateY(-2px)}
.btn.sm{min-height:42px;font-size:15px;padding:0 16px}
.btn.xl{min-height:64px;font-size:19px;font-weight:800;padding:0 30px;box-shadow:0 5px 0 var(--ink)}
.btn.xl:hover{transform:translateY(-2px);box-shadow:0 7px 0 var(--ink)}
.btn.ghost{background:transparent;color:var(--cream);border-color:transparent;text-decoration:underline;text-underline-offset:5px;box-shadow:none;min-height:auto;padding:0;font:600 16px Inter;border-radius:0}
.btn.ghost:hover{transform:none}
a:focus-visible,button:focus-visible{outline:3px solid var(--ac);outline-offset:3px}

.hero{background:var(--ink);color:var(--cream);padding:56px 0 114px;overflow:hidden}
.hg{display:grid;gap:28px 40px;align-items:end}
.lbl{font:600 12px Inter;letter-spacing:.16em;text-transform:uppercase;color:var(--ac);margin:0 0 20px}
.hero h1{font:600 clamp(40px,10vw,78px)/1.12 var(--d);letter-spacing:-.01em;word-spacing:.1em;max-width:12ch;padding-bottom:.08em}
.hl{position:relative;display:inline-block;white-space:nowrap;font-weight:600;color:var(--cream)}
.ul{position:absolute;left:-4%;width:108%;height:.34em;bottom:-.3em;overflow:visible;pointer-events:none}
.sub{font-size:clamp(17px,1.5vw,20px);line-height:1.55;color:#D9D2C4;margin:24px 0 0;max-width:42ch}
.ctas{display:flex;flex-wrap:wrap;gap:18px 26px;align-items:center;margin:32px 0 0}
.bots{display:flex;align-items:flex-end;justify-content:center;gap:18px;padding:8px 0 0}
.bots img{width:120px;height:auto;flex:none}
.fine{font-size:13px;color:var(--mut2);margin:16px 0 0}

section{padding:80px 0}
.h2{font:600 clamp(34px,4.4vw,60px)/1.08 var(--d);letter-spacing:-.01em;word-spacing:.1em;max-width:16ch}
.lead{font-size:18px;line-height:1.55;color:#3A3833;margin:20px 0 0;max-width:48ch}

.path{margin:48px 0 0;border-top:2px solid var(--ink)}
.path li{padding:26px 0;border-bottom:1px solid var(--rule);display:grid;gap:6px}
.path h3{font:600 26px/1.15 var(--d);letter-spacing:-.01em;word-spacing:.1em}
.path p{color:#3A3833;max-width:54ch}

.prova{background:var(--pa2)}
.who{font:600 13px Inter;letter-spacing:.08em;text-transform:uppercase;color:var(--pine);margin:16px 0 36px}
.quotes{display:grid;gap:28px}
.quotes blockquote{font:600 clamp(22px,3vw,32px)/1.25 var(--d);letter-spacing:-.01em;word-spacing:.1em;max-width:22ch}
.quotes blockquote.side{font:400 18px/1.5 Inter;letter-spacing:0;max-width:54ch;color:#2C2A26}
.quotes figcaption{font-size:14px;color:var(--mut);margin:12px 0 0}

.meta{background:var(--pine);color:var(--cream);padding:88px 0}
.meta .h2{max-width:18ch}
.meta .lead{color:#E4EDE9}

.ramos .row{margin:40px 0 0;border-top:2px solid var(--ink);display:grid;gap:0}
.ramo{display:grid;gap:10px;padding:28px 0;border-bottom:1px solid var(--rule);text-decoration:none;align-content:start}
.ramo.live{background:transparent}
.ramo .fig{display:block;background:var(--pa2);border-radius:16px;overflow:hidden}
.ramo .fig img{display:block;width:calc(50% + 50%);height:auto}
.ramo .fig.empty{display:none}
.ramo h3{font:600 26px/1.15 var(--d);letter-spacing:-.01em;word-spacing:.1em}
.ramo p{color:#3A3833;max-width:48ch}
.tag{display:inline-block;font:700 11px Inter;letter-spacing:.1em;text-transform:uppercase;color:var(--ac);margin:0}
.tag.soon{color:var(--mut)}
.ramo .go{font:600 16px Inter;color:var(--ink);text-decoration:underline;text-underline-offset:5px;margin-top:4px}

.junto{background:var(--ink);color:var(--cream)}
.junto .lead{color:#D9D2C4}

.contato{background:var(--pa)}
.contato .lead{margin-bottom:28px}

.ft{background:var(--ink);color:var(--mut2);padding:36px 0;font-size:14px}
.ft .w{display:flex;flex-direction:column;gap:8px}
.ft a{text-underline-offset:3px}


.demo{background:var(--pa)}
.dg{display:grid;gap:40px;align-items:center}
.cap{font-size:13px;color:var(--mut);margin:0}
.phn{position:relative;justify-self:center;width:min(calc(50% + 50%),320px);padding:18px 8px 0}
.ex{position:absolute;top:0;right:10px;z-index:12;font:800 9px Inter;letter-spacing:.12em;text-transform:uppercase;color:#fff;border:none;border-radius:2px;padding:3px 6px;line-height:1;background:#D7261E;transform:none}
.demo .phone{--pw:300px}
.demo .scr{background:#0E1210}
.ahead{display:flex;align-items:center;gap:.55em;padding:.25em .9em .65em;font-size:.88em;color:#fff;border-bottom:1px solid #1c2623;flex:none}
.ahead .av{width:1.75em;height:auto;flex:none}
.ahead b{display:block;font:600 1.05em/1.1 Inter}
.ahead small{display:block;font:500 .72em/1 Inter;color:#7dcaa0}
.feed{flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column;gap:.5em;padding:.65em .75em .3em}
.msg{max-width:88%;padding:.5em .7em;border-radius:1.05em;font-size:1em;line-height:1.35;color:var(--ink)}
.msg.bot{align-self:flex-start;background:var(--cream);border-bottom-left-radius:.25em}
.msg.me{align-self:flex-end;background:var(--ac);color:#fff;border-bottom-right-radius:.25em}
.card,.dec{align-self:flex-start;width:88%;background:#161c1a;border:1px solid #2a3531;border-radius:.85em;padding:.7em .75em;color:#E8E4DC;font-size:.88em}
.card .co{display:flex;justify-content:space-between;align-items:baseline;gap:.6em;font:700 1em Inter;letter-spacing:0;color:#9BE0BF;margin:.55em 0 .15em;white-space:nowrap}.card .co:first-child{margin-top:0}.card .co b{color:#E8E4DC;font-weight:700}
.card ul{display:grid;gap:.15em}
.card li{display:flex;justify-content:space-between;gap:.5em;padding:.2em 0;border-bottom:1px solid #242c29}
.card li:last-child{border:0}
.card li span{color:#C9C3B8}.card li b{font-weight:700;color:#fff}
.subto,.tot{display:flex;justify-content:space-between;margin:.4em 0 .5em;color:#C9C3B8}
.tot{margin:.15em 0 0;padding-top:.4em;border-top:1px solid #3a4742;color:#fff;font-weight:700}
.subto b,.tot b{color:#fff;font-weight:700}
.dec p{font:600 1em/1.35 Inter;color:#fff;margin:0 0 .5em}
.opt{display:flex;align-items:flex-start;gap:.5em;padding:.45em .5em;border:1px solid #3a4742;border-radius:.5em;font-size:1em;line-height:1.35;margin-top:.4em;color:#E8E4DC}
.opt i{flex:none;width:1.15em;height:1.15em;border-radius:.25em;border:1px solid var(--ac);color:var(--ac);font:800 .7em/1.15em Inter;text-align:center;font-style:normal}
.inp{position:relative;margin:.3em .65em .8em;min-height:2.4em;border-radius:1.2em;background:#161c1a;border:1px solid #2e2d29;display:flex;align-items:center;padding:0 2.7em 0 .9em;font-size:.88em;color:#8a867c;flex:none}
.send{position:absolute;right:.3em;top:.3em;width:1.75em;height:1.75em;border-radius:50%;background:var(--ac)}
.send:after{content:"";position:absolute;left:.62em;top:.48em;border-left:.55em solid var(--cream);border-top:.38em solid transparent;border-bottom:.38em solid transparent}
.phone.is-light .ahead{color:var(--ink);border-bottom-color:#E0D8C8}
.phone.is-light .ahead small{color:var(--pine,#2A6B5A)}
.phone.is-light .msg.bot{background:#fff;box-shadow:0 1px 2px rgba(20,16,8,.08)}
.phone.is-light .card,.phone.is-light .dec{background:#fff;border-color:#E0D8C8;color:var(--ink);box-shadow:0 1px 2px rgba(20,16,8,.06)}
.phone.is-light .card .co{color:var(--ac)}.phone.is-light .card .co b,.phone.is-light .card li b,.phone.is-light .tot,.phone.is-light .tot b,.phone.is-light .subto b{color:var(--ink)}
.phone.is-light .card li{border-bottom-color:#EDE6D8}.phone.is-light .card li span,.phone.is-light .subto{color:#5C574E}
.phone.is-light .tot{border-top-color:#E0D8C8}
.phone.is-light .inp{background:#fff;border-color:#E0D8C8;color:#8a867c}

@media(min-width:900px){
  section{padding:120px 0}
   .hero{padding:36px 0 64px}
  .hg{grid-template-columns:1.15fr .85fr;grid-template-areas:"copy bots" "ctas .";align-items:center;column-gap:48px;row-gap:8px}
  .hcopy{grid-area:copy}
  .ctas{grid-area:ctas;margin-top:0}
  .hero h1{font-size:clamp(56px,5.6vw,80px);line-height:1.08;letter-spacing:-.008em;word-spacing:.12em}
  .hero h1 .ul{bottom:-.28em;height:.3em}
  .hero .sub{margin-top:14px}
  .bots{grid-area:bots;align-self:center;justify-content:flex-end;gap:22px;padding:0}
    .bots img{width:200px}
  .dep-g{grid-template-columns:1.15fr .85fr;gap:64px;align-items:start}
  .h2,.path h3,.ramo h3{letter-spacing:-.008em;word-spacing:.12em}
  .demo .phone{--pw:300px}
  .dg{grid-template-columns:1fr 340px}
  .ramos .row{grid-template-columns:1fr 1fr 1fr;gap:0 40px;border-top:0}
  .ramo{border-top:2px solid var(--ink);padding:32px 0 36px}
  .ramo.live{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:12px 48px;align-items:center;border-top:2px solid var(--ink)}
  .ramo.live .fig{grid-row:1/span 5}
  .ramo.live .tag{margin-top:0}

  .dg{gap:56px}
  .dg .cap{grid-column:2;text-align:center}
   .dg .h2{max-width:14ch}.dg .lead{max-width:36ch}
}
@media(max-width:899px){
  .bar nav{display:none}
  .bar .btn.sm{margin-left:auto}
}
@media(max-width:599px){
  .btn.xl{font-size:17px;padding:0 16px;min-height:60px}
  .bots img{width:100px}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *{transition:none!important}
}