/* Atende Max · landing (tema claro). Espacamento, raios e tamanhos de texto seguem a escala do skill landing-page-design. */
:root{
  --bg:#f6f5f0; --card:#ffffff; --ink:#111613; --ink2:#1d2520; --muted:#5a625c; --faint:#8a918b; --line:#e3e2da;
  --accent:#1f9d55; --accent-ink:#0d6b37; --mint:#e3f4e8; --mint2:#c9ecd5; --mint-hi:#9bebb8;
  --wa-bg:#0b141a; --wa-in:#202c33; --wa-out:#005c4b;
  --s1:2px; --s2:4px; --s3:8px; --s4:12px; --s5:16px; --s6:24px; --s7:32px; --s8:40px; --s9:48px; --s10:64px; --s11:80px; --s12:96px;
  --r-md:6px; --r-lg:8px; --r-xl:12px; --r-2xl:16px; --r-3xl:24px; --r-full:9999px;
  --ease:cubic-bezier(.22,1,.36,1);
  --shadow:0 1px 2px rgba(17,22,19,.04),0 12px 32px -12px rgba(17,22,19,.14);
  --font:"Geist",system-ui,-apple-system,"Segoe UI",sans-serif;
  --mono:"Geist Mono",ui-monospace,SFMono-Regular,Consolas,monospace;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;scroll-padding-top:96px;-webkit-text-size-adjust:100%}
body{background:var(--bg);color:var(--ink);font-family:var(--font);font-size:16px;line-height:24px;font-weight:400;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img,svg{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
ul,ol{list-style:none}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:var(--r-md)}
.ic{width:20px;height:20px;flex:none;fill:currentColor}
.wrap{width:min(1152px,100% - 48px);margin-inline:auto}
.skip{position:absolute;left:var(--s5);top:-80px;z-index:100;background:var(--ink);color:#fff;padding:var(--s3) var(--s5);border-radius:var(--r-lg);font-weight:600;transition:top 300ms var(--ease)}
.skip:focus{top:var(--s5)}

/* estilos de texto nomeados */
.heading-1{font-size:60px;line-height:60px;font-weight:600;letter-spacing:-.03em}
.heading-2{font-size:48px;line-height:48px;font-weight:600;letter-spacing:-.025em}
.heading-3{font-size:36px;line-height:40px;font-weight:600;letter-spacing:-.02em}
.heading-5{font-size:24px;line-height:32px;font-weight:600;letter-spacing:-.01em}
.title-1{font-size:20px;line-height:28px;font-weight:600}
.title-2{font-size:18px;line-height:28px;font-weight:600}
.body-1{font-size:16px;line-height:24px;font-weight:600}
.body-3{font-size:16px;line-height:24px;font-weight:400}
.body-6{font-size:14px;line-height:20px;font-weight:400}
.body-5{font-size:14px;line-height:20px;font-weight:500}
.caption-3{font-size:12px;line-height:16px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}
.caption-5{font-size:12px;line-height:16px;font-weight:400}
h1,h2,h3{text-wrap:balance}
p,li,summary{text-wrap:pretty}
.grad{background:linear-gradient(90deg,#000 0%,#666 100%);-webkit-background-clip:text;background-clip:text;color:transparent}

/* botoes em pilula */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s3);padding:var(--s4) var(--s6);border-radius:var(--r-full);border:1px solid transparent;font-size:16px;line-height:24px;font-weight:600;white-space:nowrap;transition:transform 160ms var(--ease),background-color 300ms var(--ease),border-color 300ms var(--ease),color 300ms var(--ease)}
.btn:active{transform:scale(.97)}
.btn-primary{background:var(--ink);color:#fff}
.btn-ghost{background:var(--card);border-color:var(--line);color:var(--ink)}
.btn-mint{background:var(--mint-hi);color:var(--ink)}
.btn-sm{padding:var(--s3) var(--s5);font-size:14px;line-height:20px}
.btn-lg{font-size:18px;line-height:28px;padding:var(--s4) var(--s7)}
@media (hover:hover) and (pointer:fine){
  .btn-primary:hover{background:#2a352e}
  .btn-ghost:hover{border-color:#bdbcb2}
  .btn-mint:hover{background:#b3f2c9}
  .btn .ic{transition:transform 300ms var(--ease)}
  .btn:hover .ic{transform:translateX(3px)}
}

/* navegacao flutuante */
.nav{position:fixed;top:var(--s5);left:50%;transform:translateX(-50%);z-index:50;display:flex;align-items:center;gap:var(--s7);padding:var(--s3) var(--s4) var(--s3) var(--s6);background:rgba(255,255,255,.78);backdrop-filter:blur(16px) saturate(1.4);-webkit-backdrop-filter:blur(16px) saturate(1.4);border:1px solid rgba(17,22,19,.08);border-radius:var(--r-full);box-shadow:var(--shadow);width:max-content;max-width:calc(100% - 32px)}
.nav-logo img{height:28px;width:auto}
.nav-links{display:flex;gap:var(--s6)}
.nav-links a{font-size:14px;line-height:20px;font-weight:500;color:var(--muted);transition:color 300ms var(--ease)}
.nav-links a.on{color:var(--ink)}
.nav-login{font-size:14px;line-height:20px;font-weight:500;color:var(--muted);padding:0 var(--s2);transition:color 300ms var(--ease)}
@media (hover:hover){.nav-login:hover{color:var(--ink)}}
@media (hover:hover){.nav-links a:hover{color:var(--ink)}}
.nav-toggle{display:none;width:40px;height:40px;border-radius:var(--r-full);position:relative;border:1px solid var(--line);background:var(--card)}
.nav-toggle i{position:absolute;left:12px;right:12px;height:2px;background:var(--ink);border-radius:var(--r-full);transition:transform 500ms var(--ease),opacity 300ms var(--ease)}
.nav-toggle i:nth-child(1){top:14px}.nav-toggle i:nth-child(2){top:19px}.nav-toggle i:nth-child(3){top:24px}
.nav-toggle[aria-expanded="true"] i:nth-child(1){transform:translateY(5px) rotate(45deg)}
.nav-toggle[aria-expanded="true"] i:nth-child(2){opacity:0}
.nav-toggle[aria-expanded="true"] i:nth-child(3){transform:translateY(-5px) rotate(-45deg)}
.menu{position:fixed;inset:0;z-index:40;background:rgba(246,245,240,.97);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);padding:96px 24px 32px;display:flex;flex-direction:column;gap:var(--s3);opacity:0;visibility:hidden;transition:opacity 300ms var(--ease),visibility 0s linear 300ms}
.menu.open{opacity:1;visibility:visible;transition:opacity 300ms var(--ease)}
.menu a.m-link{font-size:30px;line-height:36px;font-weight:600;padding:var(--s3) 0;opacity:0;transform:translateY(24px);transition:opacity 500ms var(--ease),transform 500ms var(--ease)}
.menu.open a.m-link{opacity:1;transform:none;transition-delay:calc(var(--i) * 60ms)}
.menu .btn{margin-top:auto}

/* seletor de idioma */
.lang{position:relative;margin-left:calc(var(--s3) * -1)}
.lang-btn{display:inline-flex;align-items:center;gap:var(--s2);padding:var(--s3) var(--s4);border-radius:var(--r-full);font-size:14px;line-height:20px;font-weight:600;color:var(--ink);transition:background-color 300ms var(--ease)}
.lang-btn .ic{width:14px;height:14px;transition:transform 500ms var(--ease)}
.lang-btn[aria-expanded="true"] .ic{transform:rotate(180deg)}
@media (hover:hover){.lang-btn:hover{background:rgba(17,22,19,.06)}}
.lang-menu{position:absolute;top:calc(100% + var(--s5));right:0;min-width:208px;background:var(--card);border:1px solid var(--line);border-radius:var(--r-2xl);box-shadow:0 1px 2px rgba(17,22,19,.04),0 24px 48px -16px rgba(17,22,19,.2);padding:var(--s3);opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity 300ms var(--ease),transform 500ms var(--ease),visibility 0s linear 300ms}
.lang.open .lang-menu{opacity:1;visibility:visible;transform:none;transition:opacity 300ms var(--ease),transform 500ms var(--ease)}
.lang-menu a{display:flex;align-items:center;gap:var(--s4);padding:var(--s3) var(--s4);border-radius:var(--r-xl);font-size:14px;line-height:20px;font-weight:500;transition:background-color 300ms var(--ease)}
.lang-menu .lc{width:24px;font-weight:600;color:var(--muted)}
.lang-menu .ic{margin-left:auto;width:16px;height:16px;color:var(--accent-ink)}
@media (hover:hover){.lang-menu a:hover{background:var(--bg)}}
.lang-menu a[aria-current="true"]{font-weight:600}
.nav .btn-sm .ic{width:16px;height:16px}
.m-lang{display:flex;gap:var(--s3);flex-wrap:wrap;margin-top:auto;margin-bottom:var(--s5)}
.m-lang-link{padding:var(--s3) var(--s4);border:1px solid var(--line);border-radius:var(--r-full);background:var(--card);font-size:14px;line-height:20px;font-weight:600}
.m-lang-link.on{background:var(--ink);border-color:var(--ink);color:#fff}
.menu .btn{margin-top:0}

/* secoes */
section{padding:var(--s12) 0}
.sec-head{max-width:680px;margin-bottom:var(--s10)}
.sec-head.center{margin-inline:auto;text-align:center}
.kicker{display:inline-flex;align-items:center;gap:var(--s3);color:var(--accent-ink);background:var(--mint);padding:var(--s2) var(--s4);border-radius:var(--r-full);margin-bottom:var(--s6)}
.sec-head .lead{color:var(--muted);margin-top:var(--s6);font-size:18px;line-height:28px}

/* hero centralizado */
.hero{position:relative;padding:152px 0 var(--s11);overflow:hidden}
.hero::before{content:"";position:absolute;left:50%;top:-240px;width:1100px;height:760px;margin-left:-550px;background:radial-gradient(closest-side,rgba(130,220,164,.5),rgba(130,220,164,0));pointer-events:none;animation:drift 14s ease-in-out infinite alternate}
@keyframes drift{from{transform:translateX(-5%)}to{transform:translateX(5%)}}
.hero .wrap{position:relative}
.hero-copy{max-width:760px;margin-inline:auto;text-align:center}
.badge{display:inline-flex;align-items:center;gap:var(--s3);padding:var(--s2) var(--s4);border:1px solid var(--line);background:rgba(255,255,255,.7);border-radius:var(--r-full);color:var(--muted);margin-bottom:var(--s6)}
.badge i{width:8px;height:8px;border-radius:50%;background:var(--accent);animation:pulse 2.4s var(--ease) infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(31,157,85,.5)}70%,100%{box-shadow:0 0 0 8px rgba(31,157,85,0)}}
.hero .sub{color:var(--muted);font-size:18px;line-height:28px;margin:var(--s6) auto var(--s7);max-width:600px}
.hero-cta{display:flex;gap:var(--s4);flex-wrap:wrap;justify-content:center}
.hero-proof{display:flex;gap:var(--s3) var(--s7);flex-wrap:wrap;justify-content:center;margin-top:var(--s6);color:var(--muted)}
.hero-proof li{display:flex;align-items:center;gap:var(--s3)}
.hero-proof .ic{color:var(--accent);width:20px;height:20px}
.hero-proof .t-rating.has-rating .ic{color:#f5b301}

/* prova social: avatares + estrelas (so aparece com dados reais em site/proof.json) */
.social{display:flex;align-items:center;justify-content:center;gap:var(--s4);flex-wrap:wrap;margin-top:var(--s7)}
.avatars{display:flex}
.avatars>*{width:40px;height:40px;border-radius:50%;border:2px solid var(--bg);margin-left:-10px;object-fit:cover;background:var(--mint2);box-shadow:0 2px 6px rgba(17,22,19,.14)}
.avatars>*:first-child{margin-left:0}
.avatars .ph{display:grid;place-items:center;background:var(--c,var(--mint2));color:rgba(17,22,19,.45)}
.avatars .ph .ic{width:22px;height:22px}
.stars{display:inline-flex;align-items:center;gap:var(--s2);padding:var(--s3) var(--s5);border-radius:var(--r-full);background:var(--ink);color:#f5b301;box-shadow:var(--shadow)}
.stars .ic{width:18px;height:18px}
.social-text{color:var(--muted)}
.social-text b{color:var(--ink)}

/* icones flutuantes ligados por linhas */
.orbit{position:absolute;top:var(--s3);width:300px;height:460px;pointer-events:none}
.orbit.l{left:-24px}.orbit.r{right:-24px}
.orbit svg.lines{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.orbit svg.lines path{fill:none;stroke:#cfcdc2;stroke-width:1.5;stroke-dasharray:4 6}
@keyframes float{from{transform:translateY(-6px)}to{transform:translateY(8px)}}


/* cartoes de icone: viram, ganham contorno animado e mostram o nome ao passar o mouse */
@property --a{syntax:"<angle>";inherits:false;initial-value:0deg}
.orbit .tile{pointer-events:auto;position:absolute;width:84px;height:84px;margin:-42px 0 0 -42px;perspective:700px;animation:float 6s ease-in-out infinite alternate;animation-delay:var(--fd,0s);outline-offset:6px;cursor:default}
.tile-rot{width:100%;height:100%;transform:rotate(var(--rot,0deg))}
.tile-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform 900ms var(--ease)}
.tile.flipped .tile-inner{transform:rotateY(180deg)}
.face{position:absolute;inset:0;display:grid;place-items:center;border-radius:var(--r-2xl);background:linear-gradient(145deg,#fff 0%,#f7f7f2 100%);border:1px solid var(--line);box-shadow:0 1px 2px rgba(17,22,19,.05),0 14px 28px -10px rgba(17,22,19,.22),inset 0 1px 0 #fff;backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:hidden}
.face.back{transform:rotateY(180deg)}
.face img{width:48px;height:48px;object-fit:contain;filter:drop-shadow(0 6px 6px rgba(17,22,19,.16)) grayscale(0);transition:filter 1400ms var(--ease),opacity 1400ms var(--ease)}
.face{transition:opacity 1400ms var(--ease)}
.tile.dim .face{opacity:.62}
.tile.dim .face img{filter:grayscale(1) drop-shadow(0 6px 6px rgba(17,22,19,.1));opacity:.7}
.tile.ghost .face{opacity:.4;box-shadow:0 8px 18px -10px rgba(17,22,19,.14)}
.tile.ghost.flipped .face{opacity:1;box-shadow:0 1px 2px rgba(17,22,19,.05),0 14px 28px -10px rgba(17,22,19,.22),inset 0 1px 0 #fff}
.face::after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.85) 50%,transparent 65%);transform:translateX(-120%);pointer-events:none}
.tile.sweep .face::after{animation:shine 1.4s var(--ease) both}
@keyframes shine{from{transform:translateX(-120%)}to{transform:translateX(120%)}}
.ring{position:absolute;inset:0;border-radius:var(--r-2xl);padding:2px;pointer-events:none;opacity:0;background:conic-gradient(from var(--a),rgba(31,157,85,0) 0deg,rgba(31,157,85,0) 250deg,#7be0a0 320deg,#1f9d55 360deg);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);filter:drop-shadow(0 0 4px rgba(31,157,85,.55))}
.tile.sweep .ring{animation:sweep 1.9s linear both}
@keyframes sweep{0%{--a:0deg;opacity:0}12%{opacity:1}82%{opacity:1}100%{--a:360deg;opacity:0}}
.tip{position:absolute;top:calc(100% + var(--s3));left:50%;transform:translate(-50%,4px);white-space:nowrap;padding:var(--s2) var(--s4);background:var(--card);border:1px solid var(--line);border-radius:var(--r-full);box-shadow:var(--shadow);font-size:12px;line-height:16px;font-weight:600;color:var(--ink);opacity:0;pointer-events:none;transition:opacity 300ms var(--ease),transform 300ms var(--ease);z-index:3}
.tile:hover .tip,.tile:focus-visible .tip{opacity:1;transform:translate(-50%,0)}

.hero.off::before,.hero.off .tile{animation-play-state:paused}

/* janela de demonstracao */
.stage-wrap{position:relative;margin-top:var(--s10);padding-bottom:var(--s5)}
.stage{position:relative;max-width:960px;margin-inline:auto;transition:opacity 400ms var(--ease)}
.stage.fade{opacity:0}
.window{background:var(--card);border:1px solid var(--line);border-radius:var(--r-3xl);box-shadow:0 2px 4px rgba(17,22,19,.04),0 40px 80px -32px rgba(17,22,19,.28);overflow:hidden}
.win-bar{display:flex;align-items:center;gap:var(--s3);padding:var(--s4) var(--s5);border-bottom:1px solid var(--line);background:#fbfaf7}
.win-bar i{width:10px;height:10px;border-radius:50%;background:#dcdad0}
.win-bar .url{margin-left:var(--s3);font-size:12px;line-height:16px;color:var(--faint);font-family:var(--mono)}
.win-body{display:grid;grid-template-columns:210px minmax(0,1fr) 290px;background:var(--wa-bg)}
.win-bar .ext{margin-left:auto;display:grid;place-items:center;width:30px;height:30px;border-radius:var(--r-lg);background:var(--mint);box-shadow:0 0 0 0 rgba(31,157,85,.45);animation:extp 3.2s var(--ease) infinite}
.win-bar .ext img{width:22px;height:22px;border-radius:6px}
@keyframes extp{0%{box-shadow:0 0 0 0 rgba(31,157,85,.45)}70%,100%{box-shadow:0 0 0 10px rgba(31,157,85,0)}}
.chats{background:#111b21;padding:var(--s5) var(--s3);border-right:1px solid #1d2a31}
.chats .panel-title{padding:0 var(--s3)}
.chat{display:flex;align-items:center;gap:var(--s3);padding:var(--s3);border-radius:var(--r-xl);margin-bottom:var(--s2);color:#e9edef}
.chat.on{background:#202c33}
.chat>div{min-width:0;flex:1}
.chat b{display:block;font-size:13px;line-height:18px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.chat small{display:block;font-size:12px;line-height:16px;color:#a3b3bd;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.chat time{align-self:flex-start;font-size:11px;line-height:16px;color:#a3b3bd}
.chats .wa-av{width:34px;height:34px;flex:none;font-size:12px}
.wa-av.c2{background:#4a5d44}.wa-av.c3{background:#5b4a63}
.panel{background:#171b19;padding:var(--s5);border-left:1px solid #232b27}
.am-head{display:flex;align-items:center;gap:var(--s3);margin-bottom:var(--s4);font-size:15px;line-height:20px;color:#fff}
.am-head img{border-radius:8px}
.am-live{margin-left:auto;width:8px;height:8px;border-radius:50%;background:#5ec27f;box-shadow:0 0 0 3px rgba(94,194,127,.2)}
.am-tabs{display:flex;gap:var(--s2);padding:var(--s2);background:#111513;border-radius:var(--r-xl);margin-bottom:var(--s5);font-size:12px;line-height:16px;color:#8b958f;font-weight:500}
.am-tabs span{flex:1;text-align:center;padding:var(--s3) var(--s2);border-radius:var(--r-lg)}
.am-tabs .on{background:#26302b;color:#fff}
.am-client{margin-top:var(--s5);padding:var(--s4);border-radius:var(--r-xl);background:linear-gradient(180deg,#1f2a24,#1a211d);border:1px solid #2a332e}
.am-row{display:flex;align-items:center;justify-content:space-between;font-size:11px;line-height:16px;color:#8b958f;letter-spacing:.06em;text-transform:uppercase;margin-bottom:var(--s3)}
.am-tag{text-transform:none;letter-spacing:0;font-size:11px;font-weight:600;color:#0b3a22;background:var(--mint-hi);border-radius:var(--r-full);padding:2px 10px}
.am-name{font-size:15px;line-height:20px;font-weight:600;color:#fff;margin-bottom:var(--s3)}
.am-kv{display:flex;justify-content:space-between;gap:var(--s3);font-size:12px;line-height:20px;color:#8b958f}
.am-kv em{font-style:normal;color:#e9edef;font-weight:500}
.panel-title{font-size:12px;line-height:16px;font-weight:600;color:#8b958f;letter-spacing:.08em;text-transform:uppercase;margin-bottom:var(--s4)}
.qr{display:flex;align-items:center;gap:var(--s3);padding:var(--s4);border-radius:var(--r-xl);border:1px solid #2a332e;background:#1d2320;margin-bottom:var(--s3);font-size:14px;line-height:20px;font-weight:500;color:#eef2ef}
.qr .d{width:8px;height:8px;border-radius:50%;flex:none}
.qr small{margin-left:auto;color:#7b857f;font-size:11px;white-space:nowrap}
.qr.hit{border-color:var(--mint-hi)}
.wa{padding:var(--s5) var(--s6) var(--s5);min-height:420px;color:#e9edef;display:flex;flex-direction:column}
.wa-top{position:relative;display:flex;align-items:center;gap:var(--s4);padding-bottom:var(--s4);margin-bottom:var(--s5);border-bottom:1px solid #1d2a31}
.wa-av{width:36px;height:36px;border-radius:50%;background:#33444d;display:grid;place-items:center;font-size:14px;font-weight:600}
.wa-name{font-size:14px;line-height:20px;font-weight:600}
.wa-st{position:relative;font-size:12px;line-height:16px;color:#a3b3bd;height:16px;min-width:140px}
.wa-st .rec{position:absolute;inset:0;background:var(--wa-bg);color:#5ec27f;opacity:0}
.m{max-width:72%;padding:var(--s3) var(--s4);border-radius:var(--r-xl);font-size:14px;line-height:20px;margin-bottom:var(--s3);opacity:0;transform:translateY(8px)}
.m.in{background:var(--wa-in);border-top-left-radius:var(--r-md)}
.m.out{background:var(--wa-out);margin-left:auto;border-top-right-radius:var(--r-md)}
.m small{display:block;text-align:right;font-size:11px;line-height:16px;color:#c3e6dc;margin-top:var(--s2)}
.m.audio{display:flex;align-items:center;gap:var(--s3);min-width:220px}
.m.audio .play{width:28px;height:28px;border-radius:50%;background:#e6e6e6;color:#0b141a;display:grid;place-items:center;font-size:10px;flex:none}
.wave{display:flex;justify-content:space-between;gap:2px;align-items:center;height:26px;flex:1;min-width:0}
.wave i{width:3px;border-radius:2px;background:#8fd3c0}
.m.img{padding:var(--s2);width:56%}
.m.img .pic{height:96px;border-radius:var(--r-lg);background:#2a3942;display:grid;place-items:center;color:#a3b3bd;font-size:12px;line-height:16px;border:1px dashed #4b5e68}
.m.img span{display:block;padding:var(--s2) var(--s3);font-size:13px;line-height:20px}
.m b{font-weight:600}
.toast{position:absolute;right:var(--s9);bottom:-20px;display:flex;gap:var(--s3);align-items:center;background:var(--card);border:1px solid var(--line);border-radius:var(--r-full);padding:var(--s3) var(--s5) var(--s3) var(--s4);font-size:14px;line-height:20px;font-weight:600;box-shadow:var(--shadow);opacity:0;transform:translateY(8px);z-index:2;color:var(--ink)}
.toast .ic{color:var(--accent);width:20px;height:20px}
.chip-f{position:absolute;display:flex;align-items:center;gap:var(--s3);background:var(--card);border:1px solid var(--line);border-radius:var(--r-full);padding:var(--s3) var(--s5) var(--s3) var(--s4);font-size:14px;line-height:20px;font-weight:600;box-shadow:var(--shadow);opacity:0;transform:translateY(8px);z-index:2;color:var(--ink)}
.chip-f img{width:28px;height:28px;object-fit:contain;margin-left:calc(var(--s2) * -1)}
.chip-f.a{right:var(--s9);top:-20px}
.chip-f.b{left:var(--s9);bottom:-20px}
.play-on .am-tag{animation:pop 600ms var(--ease) 9s both}
.play-on .qr.hit{animation:press 600ms var(--ease) .5s both}
.play-on .m1{animation:pop 600ms var(--ease) .9s both}
.play-on .m0{opacity:1;transform:none}
.play-on .rec{animation:blink 2.8s var(--ease) 2.3s both}
.play-on .chip-f.a{animation:pop 600ms var(--ease) 2.4s both}
.play-on .m2{animation:pop 600ms var(--ease) 2.6s both}
.play-on .m3{animation:pop 600ms var(--ease) 4s both}
.play-on .m4{animation:pop 600ms var(--ease) 5.4s both}
.play-on .chip-f.b{animation:pop 600ms var(--ease) 8s both}
.play-on .toast{animation:pop 600ms var(--ease) 9s both}
.stage.still .m,.stage.still .toast,.stage.still .chip-f{opacity:1;transform:none}
@keyframes pop{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes blink{0%{opacity:0}10%,90%{opacity:1}100%{opacity:0}}
@keyframes press{0%{transform:scale(1)}40%{transform:scale(.97)}100%{transform:scale(1)}}

/* faixa de fatos */
.facts{padding:0}
.facts ul{display:grid;grid-template-columns:repeat(4,1fr);background:var(--card);border:1px solid var(--line);border-radius:var(--r-3xl);box-shadow:var(--shadow)}
.facts li{padding:var(--s6);display:flex;gap:var(--s4);align-items:flex-start}
.facts li+li{border-left:1px solid var(--line)}
.facts .ic{color:var(--accent);width:24px;height:24px;margin-top:var(--s1)}
.facts b{display:block}
.facts span{color:var(--muted)}

/* navegadores compativeis */
.browsers{padding:var(--s11) 0 var(--s6)}
.browsers .sec-head{margin-bottom:var(--s8)}
.browser-list{display:flex;justify-content:center;gap:var(--s5);flex-wrap:wrap}
.browser-list li{display:flex;flex-direction:column;align-items:center;gap:var(--s4);width:152px;padding:var(--s6) var(--s4);background:var(--card);border:1px solid var(--line);border-radius:var(--r-3xl);transition:transform 500ms var(--ease),box-shadow 500ms var(--ease)}
.browser-list img{width:48px;height:48px;object-fit:contain}
@media (hover:hover) and (pointer:fine){.browser-list li:hover{transform:translateY(-4px);box-shadow:var(--shadow)}}
.browser-more{text-align:center;color:var(--muted);margin-top:var(--s6)}

/* problema */
.pains{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s5)}
.pain{background:var(--card);border:1px solid var(--line);border-radius:var(--r-3xl);padding:var(--s7)}
.pain .ico{margin-bottom:var(--s5)}
.pain p{color:var(--muted);margin-top:var(--s3)}

/* frase de destaque */
.tagline{padding:var(--s12) 0}
.tagline p{max-width:960px;margin-inline:auto;text-align:center;font-size:48px;line-height:48px;font-weight:600;letter-spacing:-.025em}
.tagline .w{color:rgba(17,22,19,.2);transition:color 500ms var(--ease)}
.tagline .w.on{color:var(--ink)}

/* recursos */
.grid-f{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--s5)}
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r-3xl);padding:var(--s7);display:flex;flex-direction:column;gap:var(--s3);transition:transform 500ms var(--ease),box-shadow 500ms var(--ease)}
@media (hover:hover) and (pointer:fine){.card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}}
.ico img{width:64px;height:64px;object-fit:contain;filter:drop-shadow(0 8px 8px rgba(17,22,19,.16))}
.card .ico{margin-bottom:var(--s3)}
.card p{color:var(--muted)}
.card .viz{margin-top:auto;padding-top:var(--s5)}
.f1{grid-column:span 4}.f2,.f3{grid-column:span 2}.f4,.f5{grid-column:span 2}.f6,.f7{grid-column:span 3}
.card.dark{background:var(--ink);border-color:var(--ink);color:#fff}
.card.dark p{color:#aeb7b0}
.chips{display:flex;flex-wrap:wrap;gap:var(--s3);align-items:center}
.chip{padding:var(--s2) var(--s4);border-radius:var(--r-full);border:1px solid var(--line);background:var(--bg);font-size:13px;line-height:20px;color:var(--ink2)}
.chip.on{border-color:var(--accent);background:var(--mint);color:var(--accent-ink);font-weight:500}
.dark .chip{background:#1f2a24;border-color:#2c3a32;color:#dfe7e1}
.dark .chip.on{background:var(--mint-hi);color:var(--ink);border-color:var(--mint-hi)}
.arrow{color:var(--faint);font-size:14px}
.tabs{display:flex;gap:var(--s3);margin-bottom:var(--s3);flex-wrap:wrap}
.row{display:flex;justify-content:space-between;align-items:center;gap:var(--s3);padding:var(--s3) var(--s4);border:1px solid var(--line);border-radius:var(--r-xl);background:var(--bg);font-size:13px;line-height:20px;margin-top:var(--s3)}
.row small{color:var(--faint)}
.nodes{display:flex;align-items:center;gap:var(--s3);flex-wrap:wrap}
.node{padding:var(--s3) var(--s4);border-radius:var(--r-xl);border:1px solid var(--line);background:var(--bg);font-size:13px;line-height:20px}
.node.ai{border-color:var(--accent);background:var(--mint);color:var(--accent-ink);font-weight:500}
.bars{display:flex;align-items:flex-end;gap:var(--s3);height:80px}
.bars i{flex:1;background:var(--mint2);border-radius:var(--r-md) var(--r-md) 0 0;transform-origin:bottom;transform:scaleY(.15);transition:transform 1000ms var(--ease)}
.bars i:last-child{background:var(--accent)}
.rv.in .bars i{transform:scaleY(var(--h))}
.prog{height:8px;border-radius:var(--r-full);background:var(--mint2);overflow:hidden;margin-top:var(--s4)}
.prog i{display:block;height:100%;width:100%;background:var(--accent);border-radius:var(--r-full);transform-origin:left;transform:scaleX(.05);transition:transform 1400ms var(--ease)}
.rv.in .prog i{transform:scaleX(.32)}

/* telas do produto: linhas alternadas (tela + explicacao) */
.feat-rows{display:grid;gap:var(--s12)}
.feat{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:var(--s11);align-items:center}
.feat.rev{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr)}
.feat.rev .feat-visual{order:2}
.feat-visual{position:relative;margin:var(--s5);perspective:1200px}
.feat-visual::before{content:"";position:absolute;inset:calc(var(--s5) * -1);border-radius:var(--r-3xl);background:var(--mint);transform:rotate(-2deg);z-index:0}
.feat.rev .feat-visual::before{transform:rotate(2deg)}
.feat-visual::after{content:"";position:absolute;width:112px;height:112px;right:calc(var(--s7) * -1);top:calc(var(--s7) * -1);background-image:radial-gradient(circle,var(--mint2) 2px,transparent 2.5px);background-size:16px 16px;z-index:0}
.feat.rev .feat-visual::after{right:auto;left:calc(var(--s7) * -1)}
.feat-floor{position:absolute;left:8%;right:8%;bottom:calc(var(--s5) * -1);height:32px;border-radius:50%;background:rgba(17,22,19,.38);filter:blur(28px);z-index:0}
.feat-frame{position:relative;z-index:1;border-radius:var(--r-3xl);overflow:hidden;background:#161616;border:1px solid rgba(17,22,19,.18);box-shadow:0 1px 1px rgba(17,22,19,.06),0 8px 16px -4px rgba(17,22,19,.14),0 32px 64px -16px rgba(17,22,19,.34),inset 0 1px 0 rgba(255,255,255,.08);transform:translateY(var(--ty,0)) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform 600ms var(--ease),box-shadow 600ms var(--ease)}
.feat-frame img{display:block;width:100%;height:auto}
.feat-frame::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.12) 46%,rgba(255,255,255,.03) 56%,transparent 70%);transform:translateX(-110%)}
.feat-visual.in .feat-frame::after{animation:sheen 1.8s var(--ease) .6s both}
@keyframes sheen{to{transform:translateX(110%)}}
@keyframes sheen2{from{transform:translateX(-110%)}to{transform:translateX(110%)}}
@keyframes sheen3{from{transform:translateX(-110%)}to{transform:translateX(110%)}}
.feat-visual.s2 .feat-frame::after{animation:sheen2 1.4s var(--ease) both}
.feat-visual.s3 .feat-frame::after{animation:sheen3 1.4s var(--ease) both}
.feat-pop{position:absolute;z-index:2;right:calc(var(--s7) * -1);bottom:calc(var(--s8) * -1);width:42%;height:auto;border-radius:var(--r-2xl);border:1px solid #333;box-shadow:0 2px 4px rgba(17,22,19,.2),0 28px 56px -16px rgba(17,22,19,.6);translate:var(--mx,0px) var(--my,0px);transition:translate 600ms var(--ease);animation:bob 6s ease-in-out infinite alternate}
@keyframes bob{from{transform:translateY(-5px)}to{transform:translateY(6px)}}
@media (hover:hover) and (pointer:fine){.feat-visual:hover{--ty:-4px}}
.feat-copy{max-width:480px}
.feat.rev .feat-copy{justify-self:end}
.feat-tag{display:inline-flex;align-items:center;gap:var(--s3);padding:var(--s2) var(--s4) var(--s2) var(--s2);border:1px solid var(--line);border-radius:var(--r-full);background:var(--card);color:var(--muted);margin-bottom:var(--s6)}
.feat-tag img{width:28px;height:28px;object-fit:contain}
.feat-copy p{color:var(--muted);margin-top:var(--s5)}
.feat-list{display:grid;gap:var(--s3);margin:var(--s6) 0 var(--s7)}
.feat-list li{display:flex;gap:var(--s3);align-items:flex-start;color:var(--ink2)}
.feat-list .ic{width:20px;height:20px;color:var(--accent);margin-top:var(--s1)}
.js .rv.from-l{transform:translate(-32px,0)}
.js .rv.from-r{transform:translate(32px,0)}
.js .rv.from-l.in,.js .rv.from-r.in{transform:none}

/* como funciona */
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s5)}
.step{padding:var(--s7);border:1px solid var(--line);border-radius:var(--r-3xl);background:var(--card)}
.step .n{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--ink);color:#fff;font-family:var(--mono);font-size:14px;line-height:20px;margin-bottom:var(--s9)}
.step p{color:var(--muted);margin-top:var(--s3)}

/* planos */
.plans{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--s5);align-items:stretch}
.plan{position:relative;display:flex;flex-direction:column;background:var(--card);border:1px solid var(--line);border-radius:var(--r-3xl);padding:var(--s7) var(--s6) var(--s6);transition:transform 500ms var(--ease),box-shadow 500ms var(--ease)}
@media (hover:hover) and (pointer:fine){.plan:hover{transform:translateY(-4px);box-shadow:var(--shadow)}}
.plan.best{background:var(--ink);border-color:var(--ink);color:#fff}
.plan .tag{position:absolute;top:var(--s6);right:var(--s6);padding:var(--s1) var(--s3);border-radius:var(--r-full);background:var(--mint-hi);color:var(--ink)}
.plan .name{color:var(--muted)}
.plan.best .name{color:#aeb7b0}
.price{margin:var(--s5) 0 var(--s2)}
.price b{font-size:48px;line-height:48px;font-weight:600;letter-spacing:-.03em}
.price span{display:block;color:var(--muted);margin-top:var(--s2)}
.plan.best .price span,.plan.best .per{color:#aeb7b0}
.per{color:var(--muted);min-height:20px}
.save{color:var(--accent-ink);min-height:20px;margin-top:var(--s2)}
.plan.best .save{color:var(--mint-hi)}
.plan ul{display:grid;gap:var(--s3);margin:var(--s6) 0;padding-top:var(--s6);border-top:1px solid var(--line)}
.plan.best ul{border-color:#2c3a32}
.plan li{display:flex;gap:var(--s3);align-items:flex-start;font-size:14px;line-height:20px;color:var(--ink2)}
.plan.best li{color:#dfe7e1}
.plan li .ic{width:16px;height:16px;color:var(--accent);margin-top:var(--s1)}
.plan.best li .ic{color:var(--mint-hi)}
.plan li.dev{font-weight:600;color:var(--ink)}
.plan.best li.dev{color:#fff}
.plan .btn{margin-top:auto;width:100%}
.plans-note{display:flex;gap:var(--s6);flex-wrap:wrap;justify-content:center;margin-top:var(--s7);color:var(--muted)}
.plans-note span{display:inline-flex;gap:var(--s3);align-items:center}
.plans-note .ic{width:18px;height:18px;color:var(--accent)}
.plans-note img{width:32px;height:32px;object-fit:contain}

/* faq */
.faq{max-width:800px;margin-inline:auto;display:grid;gap:var(--s3)}
details{border:1px solid var(--line);border-radius:var(--r-2xl);background:var(--card);transition:box-shadow 300ms var(--ease)}
details[open]{box-shadow:var(--shadow)}
summary{display:flex;justify-content:space-between;align-items:center;gap:var(--s5);padding:var(--s5) var(--s6);cursor:pointer;list-style:none;font-weight:600}
summary::-webkit-details-marker{display:none}
summary .plus{position:relative;width:16px;height:16px;flex:none}
summary .plus::before,summary .plus::after{content:"";position:absolute;left:0;right:0;top:7px;height:2px;background:var(--accent);border-radius:var(--r-full);transition:transform 500ms var(--ease)}
summary .plus::after{transform:rotate(90deg)}
details[open] summary .plus::after{transform:rotate(0)}
details .ans{padding:0 var(--s6) var(--s5);color:var(--muted);animation:ans 500ms var(--ease) both}
@keyframes ans{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}

/* chamada final */
.final{position:relative;overflow:hidden;border-radius:var(--r-3xl);background:var(--ink);padding:var(--s11) var(--s6);text-align:center;color:#fff}
.final::before{content:"";position:absolute;left:50%;bottom:-320px;width:900px;height:520px;margin-left:-450px;background:radial-gradient(closest-side,rgba(155,235,184,.38),rgba(155,235,184,0));pointer-events:none}
.final>*{position:relative}
.final h2{max-width:680px;margin-inline:auto}
.final .grad{background:linear-gradient(90deg,#fff 0%,#9bebb8 100%);-webkit-background-clip:text;background-clip:text}
.final p{color:#aeb7b0;margin:var(--s6) auto var(--s7);max-width:520px;font-size:18px;line-height:28px}
.final .hero-cta{justify-content:center}

footer{border-top:1px solid var(--line);padding:var(--s9) 0;color:var(--muted);margin-top:var(--s12)}
footer .wrap{display:flex;justify-content:space-between;gap:var(--s6);flex-wrap:wrap;align-items:center}
footer img{height:28px;width:auto}
footer nav{display:flex;gap:var(--s6);flex-wrap:wrap}
@media (hover:hover){footer nav a:hover{color:var(--ink)}}

/* entrada ao rolar */
.js .rv{opacity:0;transform:translateY(32px);transition:opacity 700ms var(--ease),transform 700ms var(--ease);transition-delay:var(--d,0ms)}
.js .rv.in{opacity:1;transform:none}
.js .hero-copy>*{animation:rise 900ms var(--ease) both}
.js .hero-copy>*:nth-child(2){animation-delay:80ms}.js .hero-copy>*:nth-child(3){animation-delay:160ms}
.js .hero-copy>*:nth-child(4){animation-delay:240ms}.js .hero-copy>*:nth-child(5){animation-delay:320ms}
@keyframes rise{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}

@media (max-width:1200px){.orbit{display:none}}
@media (max-width:1024px){
  .plans{grid-template-columns:repeat(2,1fr)}
  .facts ul{grid-template-columns:1fr 1fr}
  .facts li:nth-child(3){border-left:0}
  .facts li:nth-child(n+3){border-top:1px solid var(--line)}
  .f1{grid-column:span 6}.f2,.f3,.f4,.f5{grid-column:span 3}.f6,.f7{grid-column:span 3}
  .tagline p{font-size:36px;line-height:40px}
  .win-body{grid-template-columns:minmax(0,1fr) 250px}
  .chats{display:none}
}
@media (max-width:760px){
  section{padding:var(--s10) 0}
  .hero{padding:120px 0 var(--s10)}
  .heading-1{font-size:36px;line-height:40px}
  .heading-2{font-size:30px;line-height:36px}
  .heading-3{font-size:24px;line-height:32px}
  .tagline p{font-size:30px;line-height:36px}
  .nav{gap:var(--s4);width:calc(100% - 32px);padding-left:var(--s5)}
  .nav-links,.nav>.lang,.nav-login{display:none}
  .nav>.btn{margin-left:auto;height:40px;padding:0 16px;font-size:14px;white-space:nowrap}
  .nav>.btn svg,.nav>.btn .ic{display:none}
  .nav-toggle{display:block;margin-left:0;flex:none}
  .pains,.steps,.plans{grid-template-columns:1fr}
  .grid-f{grid-template-columns:1fr}
  .f1,.f2,.f3,.f4,.f5,.f6,.f7{grid-column:span 1}
  .facts ul{grid-template-columns:1fr}
  .facts li+li{border-left:0;border-top:1px solid var(--line)}
  .facts li:nth-child(3){border-left:0}
  .win-body{grid-template-columns:1fr}
  .panel{border-left:0;border-top:1px solid #232b27;order:2}
  .wa{padding:var(--s4) var(--s4) var(--s2);min-height:0}
  .wa-top{margin-bottom:var(--s4);padding-bottom:var(--s3)}
  .m{max-width:90%;font-size:13px;line-height:18px;padding:var(--s2) var(--s3);margin-bottom:var(--s2)}
  .m.m3{display:none}
  .m.audio{min-width:180px}
  .panel{padding:var(--s4);background:linear-gradient(180deg,#1b241f,#141916)}
  .am-head{margin-bottom:var(--s3)}
  .am-tabs{margin-bottom:var(--s4)}
  .panel .qr{padding:var(--s3);margin-bottom:var(--s2);font-size:13px}
  .am-client{margin-top:var(--s4)}
  .toast{right:var(--s4);bottom:-20px}
  .chip-f{display:none}
  .final{padding:var(--s10) var(--s5)}
  .btn-lg{width:100%}
  .feat-rows{gap:var(--s10)}
  .feat,.feat.rev{grid-template-columns:1fr;gap:var(--s9)}
  .feat.rev .feat-visual{order:0}
  .feat-visual{margin:var(--s4) var(--s4) var(--s6)}
  .feat-pop{right:calc(var(--s4) * -1);bottom:calc(var(--s7) * -1);width:46%}
  .feat-visual::after{width:80px;height:80px;right:calc(var(--s4) * -1);top:calc(var(--s5) * -1)}
  .feat.rev .feat-visual::after{left:calc(var(--s4) * -1)}
  .feat-copy,.feat.rev .feat-copy{max-width:none;justify-self:stretch}
  .js .rv.from-l,.js .rv.from-r{transform:translateY(32px)}
  .browser-list{display:grid;grid-template-columns:1fr 1fr;gap:var(--s3)}
  .browser-list li{width:auto;padding:var(--s5) var(--s3)}
  .avatars>*{width:32px;height:32px;margin-left:-8px}
  .avatars .ph .ic{width:18px;height:18px}
  .stars .ic{width:16px;height:16px}
  .sec-head{margin-bottom:var(--s9)}
  .card,.pain,.step{padding:var(--s6)}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .js .rv{transform:none;transition:opacity 300ms linear}
  .js .hero-copy>*{animation:none}
  .hero::before,.tile,.badge i,.feat-pop,.feat-visual.in .feat-frame::after,.feat-visual.s2 .feat-frame::after,.feat-visual.s3 .feat-frame::after{animation:none}
  .btn,.card,.plan,.menu a.m-link{transition-property:opacity,color,border-color,background-color}
  .menu a.m-link{transform:none}
  .tagline .w{transition:none}
  .bars i,.prog i{transition:none}
}

.social-label{color:var(--ink);font-weight:600}
.social-pill{width:fit-content;margin-left:auto;margin-right:auto;gap:var(--s4);padding:6px 20px 6px 8px;border-radius:var(--r-full);background:rgba(255,255,255,.55);border:1px solid rgba(17,22,19,.12);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex-wrap:nowrap}
.social-pill .avatars>*{width:36px;height:36px}
.social-pill .social-label{white-space:nowrap}
@media (max-width:480px){.social-pill{padding-right:14px;gap:var(--s3)}.social-pill .avatars>*{width:30px;height:30px}.social-pill .social-label{font-size:13px}}

/* faixa de prova social toda dentro de uma pilula (fotos + texto + estrelas) */
.social{width:fit-content;max-width:100%;margin-left:auto;margin-right:auto;gap:var(--s4);padding:6px 20px 6px 8px;border-radius:var(--r-full);background:rgba(255,255,255,.55);border:1px solid rgba(17,22,19,.12);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex-wrap:nowrap}
.social .avatars>*{width:36px;height:36px}
.social .stars{padding:0;background:none;box-shadow:none;gap:2px}
.social .stars .ic,.social .stars svg{width:16px;height:16px}
.social-label,.social-text{white-space:nowrap}
@media (max-width:560px){.social{padding:5px 14px 5px 6px;gap:var(--s3);flex-wrap:wrap;justify-content:center;border-radius:28px}.social .avatars>*{width:30px;height:30px}.social .stars svg,.social .stars .ic{width:14px;height:14px}.social-label,.social-text{white-space:normal;font-size:13px}}

/* celular: nada pode passar da largura da tela (o site nao pode "balancar" para o lado) */
html{overflow-x:clip;max-width:100%}
body{overflow-x:clip;max-width:100%}
section,.wrap{max-width:100%}
.feat-rows{grid-template-columns:minmax(0,1fr)}
.feat>*{min-width:0}
@media (max-width:760px){section{overflow-x:clip}}

/* leitura: linhas de texto nao muito largas; titulo do topo mais compacto no celular */
.crm-note,.legal-note{max-width:64ch;margin-inline:auto}
footer .caption-5{max-width:72ch}
@media (max-width:480px){.hero h1.heading-1{font-size:32px;line-height:36px}}
.caption-5{max-width:72ch}

/* conversa do topo: marcador do dia e barra de digitar (deixam a tela com cara de WhatsApp de verdade) */
.wa-day{align-self:center;margin:0 0 var(--s4);padding:3px 12px;border-radius:99px;background:#1b2a31;color:#a3b3bd;font-size:11px;line-height:16px;font-weight:600}
.wa .m.out{align-self:flex-end}.wa .m.in{align-self:flex-start}
.wa-comp{margin-top:auto;display:flex;align-items:center;gap:10px;padding-top:var(--s4)}
.wa-field{flex:1;padding:9px 16px;border-radius:99px;background:#1b2a31;color:#7d8e98;font-size:13px;line-height:18px}
.wa-mic{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#0d8a6c;color:#fff;flex:none}
.wa-mic svg{width:18px;height:18px;fill:currentColor}
@media (max-width:760px){.wa-comp{padding-top:var(--s3)}.wa-field{padding:7px 14px;font-size:12px}.wa-mic{width:32px;height:32px}}

/* abas do CRM (as mesmas da extensao) logo abaixo da barra do navegador, na janela do topo */
.win-nav{display:flex;align-items:center;gap:4px;padding:0 var(--s4);height:38px;background:#0e171c;border-bottom:1px solid #1d2a31;overflow:hidden;white-space:nowrap}
.win-nav span{position:relative;display:flex;align-items:center;gap:6px;padding:0 12px;height:100%;font-size:12px;line-height:16px;font-weight:600;color:#8fa2ad}
.win-nav .wn-brand{padding:0 8px 0 0}
.win-nav .wn-brand img{display:block;border-radius:5px}
.win-nav .on{color:#e9edef}
.win-nav .on::after{content:"";position:absolute;left:10px;right:10px;bottom:0;height:2px;border-radius:2px 2px 0 0;background:#5ec27f}
.win-nav em{font-style:normal;display:grid;place-items:center;min-width:16px;height:16px;padding:0 4px;border-radius:99px;background:#5ec27f;color:#06210f;font-size:10px;line-height:16px;font-weight:700}
@media (max-width:760px){.win-nav{height:34px;padding:0 var(--s3)}.win-nav span{padding:0 9px;font-size:11px}.win-nav span:nth-child(n+5){display:none}}

/* faixas de chamada para o teste gratis, repetidas ao longo da pagina */
.ctab{padding:var(--s9,56px) 0}
.ctab-in{display:flex;align-items:center;justify-content:space-between;gap:var(--s6,24px);flex-wrap:wrap;padding:clamp(22px,3vw,34px) clamp(22px,3.4vw,44px);border-radius:var(--r-3xl,28px);background:linear-gradient(135deg,#111613,#16301f);color:#fff;box-shadow:var(--shadow)}
.ctab-t{margin:0;font-size:clamp(20px,2.4vw,28px);line-height:1.25;font-weight:600;letter-spacing:-.02em;max-width:22ch;color:#fff}
.ctab-b{display:flex;gap:12px;flex-wrap:wrap}
.ctab .btn-ghost{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.28);color:#fff}
@media (max-width:760px){.ctab-in{flex-direction:column;align-items:stretch;text-align:center;border-radius:24px}.ctab-t{max-width:none}.ctab-b{flex-direction:column}.ctab-b .btn{width:100%;justify-content:center}}

/* frase no topo da pagina (estilo faixa de destaque): maiuscula, espacada, com ponto brilhante */
.hero .badge{text-transform:uppercase;letter-spacing:.09em;font-size:12px;line-height:16px;font-weight:700;color:#1b8a4c;background:none;border:0;padding:0;gap:10px}
.hero .badge i{flex:none;width:9px;height:9px;border-radius:50%;background:#1f9d55;box-shadow:0 0 0 4px rgba(31,157,85,.2),0 0 14px rgba(31,157,85,.6)}
@media (max-width:480px){.hero .badge{font-size:11px;letter-spacing:.07em;text-align:left}}


/* ===== pagina enxuta: menos telas, principalmente no celular ===== */
.pains2{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s5,20px)}
.pains2 li{display:flex;gap:14px;align-items:flex-start;padding:20px;border-radius:var(--r-2xl,20px);background:rgba(255,255,255,.7);border:1px solid var(--line,rgba(17,22,19,.1))}
.pains2 .p-ico{flex:none;margin:0}
.pains2 h3{margin:0 0 4px}
.pains2 p{margin:0;color:var(--muted)}
.prob .sec-head{margin-bottom:28px}
.plans-hint{display:none;text-align:center;color:var(--muted);margin:-6px 0 10px}
.sticky-cta{display:none}
@media (max-width:760px){
  section{padding-top:44px;padding-bottom:44px}
  .sec-head{margin-bottom:22px}
  .sec-head .lead{margin-top:8px}
  .hero .stage-wrap{display:none}
  .pains2{grid-template-columns:1fr;gap:10px}
  .pains2 li{padding:14px;gap:12px}
  .plans-hint{display:block}
  .plans{display:flex;grid-template-columns:none;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;margin:0 -16px;padding:6px 16px 14px;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .plans::-webkit-scrollbar{display:none}
  .plans .plan{flex:0 0 80%;scroll-snap-align:center}
  .steps{gap:10px}
  .step .s-chip{display:none}
  .step{padding:16px}
  .faq details{padding-top:2px;padding-bottom:2px}
  .final{padding:30px 20px}
  .sticky-cta{display:block;position:fixed;left:0;right:0;bottom:0;z-index:60;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:linear-gradient(0deg,rgba(246,245,240,.96) 60%,rgba(246,245,240,0));transform:translateY(110%);transition:transform .4s cubic-bezier(.22,1,.36,1);pointer-events:none}
  .sticky-cta .btn{width:100%;justify-content:center;box-shadow:0 14px 30px -10px rgba(17,22,19,.5)}
  body.sc-on .sticky-cta{transform:none;pointer-events:auto}
  body.sc-on footer{padding-bottom:84px}
}

.plans-help{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap;margin-top:var(--s7,28px);text-align:center;color:var(--muted)}
.plans-help .btn{white-space:nowrap}
@media (max-width:760px){.plans-help{flex-direction:column;gap:10px}.plans-help .btn{width:100%;justify-content:center}}

/* Planos (3 cartoes): descricao, recursos completos, dicas e garantia */
.plans.plans3{grid-template-columns:repeat(3,1fr);max-width:1080px;margin-inline:auto;align-items:start}
.plan .eyebrow{color:var(--accent-ink);font-weight:600;margin-bottom:var(--s2)}
.plan.best .eyebrow{color:var(--mint-hi)}
.plan .pdesc{color:var(--muted);margin:var(--s3) 0 var(--s5);min-height:40px}
.plan.best .pdesc{color:#aeb7b0}
.plans3 .plan .btn{margin-top:var(--s5)}
.plans3 .plan .btn .ic{width:16px;height:16px}
.plans3 .plan ul{margin:var(--s6) 0 0}
.plan li.has-tip{position:relative}
.tip-l{display:inline;border-bottom:1px dashed currentColor;border-bottom-color:rgba(90,98,92,.45)}
.plan.best .tip-l{border-bottom-color:rgba(223,231,225,.4)}
.tip{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;margin:-3px 0 -3px 4px;vertical-align:middle;border-radius:50%;color:var(--faint);background:transparent;border:0;cursor:help}
.plan li .tip .ic{width:15px;height:15px;margin:0;color:inherit}
.plan.best .tip{color:#aeb7b0}
.tip:focus-visible{outline:2px solid var(--accent);outline-offset:1px}
.tip-box{position:absolute;left:-6px;right:-6px;top:calc(100% + 8px);z-index:20;padding:12px 14px;border-radius:14px;background:var(--card);color:var(--ink2);border:1px solid var(--line);box-shadow:0 18px 40px -16px rgba(17,22,19,.35);font-size:13px;line-height:19px;font-weight:400;opacity:0;visibility:hidden;transform:translateY(-4px);transition:opacity 200ms var(--ease),transform 200ms var(--ease),visibility 0s linear 200ms;pointer-events:none}
.plan.best .tip-box{background:#1d2721;color:#e7eee9;border-color:#2f3d34}
.tip[aria-expanded="true"]+.tip-box,.tip:focus-visible+.tip-box{opacity:1;visibility:visible;transform:none;transition-delay:0s}
.has-tip:has(.tip[aria-expanded="true"]) .tip-box,.has-tip:has(.tip:focus-visible) .tip-box{opacity:1;visibility:visible;transform:none;transition-delay:0s}
@media (hover:hover) and (pointer:fine){.has-tip:hover .tip-box{opacity:1;visibility:visible;transform:none;transition-delay:0s}}
.plans3 .plan .tag{top:-13px;left:50%;right:auto;transform:translateX(-50%);white-space:nowrap}
.plan .feat{display:block;align-self:stretch;margin-top:var(--s5);background:none;border:0;border-top:1px solid var(--line);border-radius:0;box-shadow:none;padding-top:var(--s4)}
.plan .feat[open]{box-shadow:none}
.plan .feat summary{justify-content:flex-start;width:100%}
.plan.best .feat{border-color:#2c3a32}
.plan .feat summary{list-style:none;display:flex;align-items:center;gap:6px;cursor:pointer;font-size:14px;line-height:20px;font-weight:600;color:var(--muted);padding:4px 0}
.plan.best .feat summary{color:#aeb7b0}
.plan .feat summary::-webkit-details-marker{display:none}
.plan .feat summary .ic{width:14px;height:14px;transition:transform 300ms var(--ease)}
.plan .feat[open] summary .ic{transform:rotate(180deg)}
.plan .feat ul{margin:var(--s4) 0 0;padding-top:0;border-top:0}
@media (hover:hover){.plan .feat summary:hover{color:var(--ink)}.plan.best .feat summary:hover{color:#fff}}
.guarantee{display:flex;gap:var(--s4);align-items:flex-start;max-width:640px;margin:var(--s8,40px) auto 0;padding:var(--s5) var(--s6);background:var(--mint);border:1px solid var(--mint2);border-radius:var(--r-2xl)}
.guarantee>.ic{flex:none;width:28px;height:28px;color:var(--accent-ink);margin-top:2px}
.guarantee b{display:block;color:var(--ink)}
.guarantee span{display:block;color:var(--ink2);margin-top:2px}
@media (max-width:1024px){
  .plans.plans3{display:grid;grid-template-columns:1fr;max-width:560px;gap:28px;overflow:visible;margin:0 auto;padding:12px 0 0}
  .plans.plans3 .plan{flex:none}
  #planos .plans-hint{display:none}
  .plan .pdesc{min-height:0}
}