:root{--bg:#f4f4f7;--surface:#ffffff;--surface-2:#ffffff;--line:#1a153017;--text:#16131f;--muted:#5f5b70;--brand:#6b5cf0;--coral:#d9623f;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px;line-height:1.55;color-scheme:light;scroll-behavior:smooth}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit;text-decoration:none}
h1,h2,h3,p,ol,ul{margin:0;padding:0}
ol,ul{list-style:none}
:focus-visible{outline:2px solid var(--coral);outline-offset:3px;border-radius:6px}
.skip{position:absolute;left:16px;top:-60px;z-index:30;background:#fff;color:#000;padding:8px 14px;border-radius:8px}
.skip:focus{top:12px}
.nav{position:fixed;z-index:20;top:14px;left:50%;transform:translateX(-50%);width:min(1120px,calc(100% - 32px));display:flex;align-items:center;justify-content:space-between;gap:16px;padding:9px 10px 9px 16px;border:1px solid var(--line);border-radius:999px;background:#f6f6fab8;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.brand{display:flex;align-items:center;gap:9px;font-weight:700;letter-spacing:-.02em}
.light{font-weight:300;opacity:.8}
.mark{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:linear-gradient(140deg,#7c6ff0,#ff9f85)}
.mark svg{width:19px;height:19px;fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.nav nav{display:flex;gap:26px;font-size:14px;color:var(--muted)}
.nav nav a{transition:color .15s ease}
.nav nav a:hover{color:var(--text)}
.nav-enter{padding:8px 18px;border-radius:999px;background:#fff;color:#f6f6fa;font-size:14px;font-weight:600}
.hero{position:relative;isolation:isolate;display:grid;place-items:center;min-height:min(92vh,860px);margin:8px;padding:140px 24px 260px;border-radius:28px;overflow:hidden;text-align:center;background:radial-gradient(90% 90% at 18% 20%,#7a3f8f,transparent 60%),radial-gradient(80% 80% at 85% 80%,#c9775f,transparent 58%),#17122b}
#flow{position:absolute;z-index:-2;inset:0;width:100%;height:100%}
.hero::after{content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(70% 60% at 50% 46%,#08080da6,#08080d45 70%,transparent),linear-gradient(transparent 62%,#08080db0)}
.hero-copy{max-width:880px}
.eyebrow{font-size:13px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--coral)}
.hero .eyebrow{color:#b4502f}
h1{margin:18px 0 20px;font-size:clamp(40px,7.2vw,84px);font-weight:300;line-height:1.03;letter-spacing:-.04em;text-wrap:balance}
h2{font-size:clamp(32px,4.6vw,56px);font-weight:300;line-height:1.08;letter-spacing:-.035em;text-wrap:balance}
h3{font-size:19px;font-weight:600;letter-spacing:-.015em}
.lead{max-width:600px;margin:0 auto;font-size:clamp(17px,1.6vw,20px);color:#2b2838}
.actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:32px}
.button{display:inline-flex;align-items:center;gap:12px;min-height:50px;padding:0 24px;border-radius:999px;font-weight:600;transition:transform .18s ease,background-color .18s ease}
.button:hover{transform:translateY(-2px)}
.primary{background:#fff;color:#f6f6fa}
.primary span{transition:transform .18s ease}
.primary:hover span{transform:translateX(4px)}
.ghost{border:1px solid #1a15304d;background:#1a153014;color:#fff}
.bubble{max-width:84%;margin:0;padding:9px 13px;border-radius:15px;font-size:14px;line-height:1.4}
.in{align-self:flex-start;background:#efeef5;border-bottom-left-radius:5px}
.out{align-self:flex-end;background:#6b60de;border-bottom-right-radius:5px}
.status{align-self:center;margin:3px 0;padding:4px 11px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:11px}
.section{width:min(1120px,calc(100% - 32px));margin:0 auto;padding:clamp(72px,10vw,120px) 0 0}
.section>h2{max-width:760px;margin-top:14px}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:44px}
.steps li{padding:26px;border-top:1px solid #1a153033}
.steps span{color:var(--coral);font-size:14px;font-weight:600}
.steps h3{margin:34px 0 8px}
.steps p,.bento p{color:var(--muted)}
.bento{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:44px}
.bento article{min-height:190px;display:flex;flex-direction:column;justify-content:flex-end;gap:8px;padding:26px;border:1px solid var(--line);border-radius:20px;background:var(--surface);transition:border-color .18s ease}
.bento article:hover{border-color:#a49af766}
.bento .wide{grid-column:span 2}
.bento .full{grid-column:1/-1}
.bento .wide,.bento .full{background:linear-gradient(130deg,#2a2150,#3a2234 70%,#4d2d2c)}
.bento .wide p,.bento .full p{color:#3a3550}
.control{display:grid;grid-template-columns:1fr 1.1fr;gap:clamp(32px,6vw,80px);align-items:start}
.control h2{margin:14px 0 18px}
.control .lead{margin:0;color:var(--muted)}
.control li{padding:18px 0;border-top:1px solid var(--line);color:var(--muted)}
.control li:last-child{border-bottom:1px solid var(--line)}
.control strong{color:var(--text);font-weight:600}
.closing{width:min(1120px,calc(100% - 32px));margin:clamp(72px,10vw,120px) auto 0;padding:clamp(56px,8vw,96px) 24px;border-radius:28px;text-align:center;background:radial-gradient(70% 120% at 15% 10%,#5c2f86,transparent 60%),radial-gradient(70% 120% at 90% 100%,#b5664f,transparent 60%),#17122b}
footer{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;width:min(1120px,calc(100% - 32px));margin:0 auto;padding:30px 0;color:var(--muted);font-size:14px}
footer nav{display:flex;gap:20px}
footer a:hover{color:var(--text)}
.primary{box-shadow:0 0 0 0 #1a153066;animation:glow 2.8s ease-out infinite}
@keyframes glow{70%{box-shadow:0 0 0 14px #1a153000}100%{box-shadow:0 0 0 0 #1a153000}}
.uses{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:44px}
.uses li{display:flex;flex-direction:column;gap:8px;padding:26px;border:1px solid var(--line);border-radius:20px;background:var(--surface)}
.uses span{color:var(--muted);font-size:13px}
.uses p{font-size:18px;line-height:1.4;letter-spacing:-.01em}
.uses strong{margin-top:auto;padding-top:12px;color:var(--coral);font-size:15px;font-weight:600}
.band{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;width:min(1120px,calc(100% - 32px));margin:clamp(56px,8vw,88px) auto 0;padding:clamp(28px,4vw,44px);border-radius:24px;background:linear-gradient(120deg,#5c3bb0,#b5664f)}
.band h2{font-size:clamp(26px,3.4vw,40px)}
@keyframes typing{50%{transform:translateY(-4px);opacity:.6}}
.demo-chat{position:relative;flex:1;min-height:0;overflow:hidden;-webkit-mask-image:linear-gradient(transparent,#000 26px);mask-image:linear-gradient(transparent,#000 26px)}
.demo-track{position:absolute;left:0;right:0;bottom:0;display:flex;flex-direction:column;gap:8px;padding:20px}
.demo-chat.playing .demo-track{top:0;bottom:auto;transition:transform .5s cubic-bezier(.22,1,.36,1),opacity .35s ease}
.demo-chat.playing [data-at]{opacity:0;transform:translateY(8px);transition:opacity .3s ease,transform .3s ease}
.demo-chat.playing .show{opacity:1;transform:none}
.typing{display:none}
.demo-chat.playing .typing.show{display:flex;align-self:flex-end;gap:4px;padding:11px 13px;border-radius:14px;background:#6b60de}
.typing i{width:6px;height:6px;border-radius:50%;background:#fff;animation:typing 1s ease-in-out infinite}
.typing i:nth-child(2){animation-delay:.15s}
.typing i:nth-child(3){animation-delay:.3s}
@keyframes typing{50%{transform:translateY(-3px);opacity:.6}}
.talk{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:clamp(36px,7vw,96px);align-items:center}
.talk h2{margin:14px 0 30px}
.talk-tabs{display:grid;gap:6px}
.talk-tabs button{display:block;width:100%;padding:16px 20px;border:1px solid transparent;border-radius:16px;background:transparent;color:var(--muted);font:inherit;text-align:left;cursor:pointer;transition:background-color .2s ease,border-color .2s ease}
.talk-tabs b{display:block;font-size:18px;font-weight:600}
.talk-tabs span{display:none;margin-top:5px;font-size:15px;line-height:1.5}
.talk-tabs [aria-expanded=true]{border-color:var(--line);background:var(--surface);color:var(--text)}
.talk-tabs [aria-expanded=true] span{display:block;color:var(--muted)}
.talk-tabs button:focus-visible{outline:2px solid var(--coral);outline-offset:2px}
.phone{position:relative;display:flex;flex-direction:column;width:min(340px,100%);height:640px;border:7px solid #efeef5;border-radius:46px;background:linear-gradient(180deg,#ffffff,#f6f6fa);overflow:hidden;box-shadow:0 0 0 1px #1a15301f,0 40px 90px -20px #6b60de59,0 30px 70px #000000b3}
.phone-top{display:flex;justify-content:center;padding-top:11px}
.phone-island{width:94px;height:25px;border-radius:999px;background:#000}
.phone-head{display:flex;align-items:center;gap:10px;padding:12px 18px;border-bottom:1px solid var(--line)}
.phone-head p{line-height:1.25}
.phone-head b{display:block;font-size:15px}
.phone-head small{color:var(--muted);font-size:12px}
.phone-avatar{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:linear-gradient(140deg,#7c6ff0,#ff9f85);font-size:14px;font-weight:700}
.phone-input{display:flex;align-items:center;justify-content:space-between;margin:10px 14px 18px;padding:10px 12px 10px 16px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:13px}
.phone-input i{width:20px;height:20px;border-radius:50%;background:#6b60de}
.phone-tag{position:absolute;right:14px;top:62px;color:var(--muted);font-size:10px}
.talk-note{display:flex;align-items:center;gap:10px;margin-top:18px;padding-left:20px;font-size:15px;color:var(--text)}
.talk-note span{flex:none;padding:3px 9px;border-radius:999px;background:#ffb49a24;color:var(--coral);font-size:12px;font-weight:600}
.talk-note b{font-weight:500}
.team{align-self:flex-end;background:linear-gradient(135deg,#7a4a55,#b5664f);border-bottom-right-radius:5px}
.team small{display:block;margin-bottom:2px;font-size:11px;font-weight:600;opacity:.85}
.audio{display:flex;align-items:center;gap:3px}
.audio i{width:3px;border-radius:3px;background:var(--brand)}
.audio small{margin-left:8px;color:var(--muted);font-size:11px}
.demo-choice{display:grid;gap:6px;align-self:flex-end;width:84%}
.demo-choice b{padding:8px;border:1px solid #a49af766;border-radius:11px;color:var(--brand);font-size:13px;font-weight:600;text-align:center}
.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:52px;align-items:stretch}
.plan{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:30px 26px 22px;border:1px solid var(--line);border-radius:22px;background:var(--surface)}
.plan.best{border-color:#a49af799;background:radial-gradient(120% 70% at 100% 0,#5c3bb066,transparent 60%),var(--surface-2);box-shadow:0 30px 80px -40px #6b60de88}
.plan-badge{position:absolute;top:-13px;left:50%;transform:translateX(-50%);padding:5px 14px;border-radius:999px;background:var(--coral);color:#1a0f0b;font-size:12px;font-weight:700;white-space:nowrap}
.plan-name{font-size:20px;font-weight:600;letter-spacing:-.01em}
.plan-price{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px;margin-top:6px}
.plan-price b{font-size:clamp(34px,3.6vw,44px);font-weight:600;line-height:1.05;letter-spacing:-.03em}
.plan-price span{color:var(--muted);font-size:15px}
.plan-sub{margin-bottom:14px;color:var(--muted);font-size:14px}
.plan-eq{color:var(--text);font-size:14px}
.plan-save{padding:4px 12px;border-radius:999px;background:#ffb49a24;color:var(--coral);font-size:13px;font-weight:700}
.plan-ref{margin-bottom:14px;color:var(--muted);font-size:12px}
.plan-list{display:grid;gap:9px;width:100%;margin:auto 0 22px;padding-top:18px;border-top:1px solid var(--line)}
.plan-list li{position:relative;padding-left:24px;font-size:14px;line-height:1.4;color:#2b2838}
.plan-list li:before{content:"";position:absolute;left:2px;top:4px;width:11px;height:6px;border-left:2px solid #1f9d6b;border-bottom:2px solid #1f9d6b;transform:rotate(-45deg)}
.plan-pay{width:100%}.plan-pay .button{width:100%;justify-content:center;font:inherit;font-weight:600;cursor:pointer}.plan-pay .primary{border:0}
.plan-lock{align-self:center;margin-top:6px;color:var(--muted);font-size:12px}
.plan-trust{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:16px;padding:22px 24px;border:1px solid var(--line);border-radius:20px;background:var(--surface)}
.plan-trust li{display:flex;flex-direction:column;gap:3px;font-size:13px;color:var(--muted)}.plan-trust b{color:var(--text);font-size:14px;font-weight:600}
.plans-foot{margin-top:16px;color:var(--muted);font-size:14px}.plans-foot a{color:var(--text);text-decoration:underline;text-underline-offset:3px}
.pay{width:min(460px,calc(100% - 32px));padding:0;border:1px solid var(--line);border-radius:22px;background:#ffffff;color:var(--text)}
.pay::backdrop{background:#04040acc;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.pay form{position:relative;display:flex;flex-direction:column;gap:12px;padding:28px}
.pay h3{font-size:22px;font-weight:600}.pay-price{margin-top:-6px;color:var(--muted);font-size:15px}.pay-q{margin-top:8px;font-size:15px}
.pay-close{position:absolute;top:14px;right:14px;width:36px;height:36px;border:0;border-radius:50%;background:transparent;color:var(--muted);font-size:24px;line-height:1;cursor:pointer}.pay-close:hover{background:#1a153014;color:var(--text)}
.pay-opt{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border:1px solid var(--line);border-radius:14px;cursor:pointer}
.pay-opt:has(input:checked){border-color:#a49af7;background:#a49af714}
.pay-opt input{margin:4px 0 0;accent-color:#a49af7}.pay-opt span{display:flex;flex-direction:column;gap:2px}.pay-opt b{font-weight:600;font-size:15px}.pay-opt small{color:var(--muted);font-size:13px}
.pay-go{justify-content:center;margin-top:6px;border:0;font:inherit;font-weight:600;cursor:pointer}
.pay-foot{color:var(--muted);font-size:12px}
.offer{display:grid;grid-template-columns:1.25fr 1fr;gap:14px;margin-top:44px}
.offer-main{display:flex;flex-direction:column;align-items:flex-start;gap:20px;padding:clamp(26px,3.4vw,40px);border:1px solid #1a153024;border-radius:24px;background:radial-gradient(90% 110% at 0 0,#5c3bb0,transparent 60%),radial-gradient(90% 110% at 100% 100%,#a65c49,transparent 60%),#1a1530}
.offer-tag{padding:5px 12px;border-radius:999px;background:#1a15301f;font-size:13px;font-weight:600}
.offer-main h3{font-size:clamp(26px,3vw,36px);font-weight:400;line-height:1.14;letter-spacing:-.03em}
.offer-main ul{display:grid;grid-template-columns:1fr 1fr;gap:10px 18px;width:100%;margin-bottom:6px}
.offer-main li{position:relative;padding-left:22px;font-size:15px;line-height:1.4;color:#2b2838}
.offer-main li:before{content:"";position:absolute;left:0;top:5px;width:12px;height:7px;border-left:2px solid var(--coral);border-bottom:2px solid var(--coral);transform:rotate(-45deg)}
.offer-steps{display:grid;gap:14px}
.offer-steps li{display:flex;align-items:flex-start;gap:16px;padding:22px;border:1px solid var(--line);border-radius:20px;background:var(--surface)}
.offer-steps span{display:grid;flex:none;place-items:center;width:34px;height:34px;border-radius:50%;background:#a49af722;color:var(--brand);font-size:14px;font-weight:700}
.offer-steps h3{margin-bottom:3px}
.offer-steps p{color:var(--muted);font-size:15px}
.values{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:44px}
.values article{display:flex;flex-direction:column;gap:10px;min-height:230px;padding:26px;border:1px solid var(--line);border-radius:20px;background:var(--surface)}
.values span{color:var(--coral);font-size:13px;font-weight:600}
.values h3{margin-top:auto;font-size:22px;font-weight:500;line-height:1.2}
.values p{color:var(--muted)}
@media(max-width:860px){
.uses,.values,.offer,.plans,.plan-trust{grid-template-columns:1fr}
.offer-main ul{grid-template-columns:1fr}
.values article{min-height:0}
.values h3{margin-top:14px}
.talk{grid-template-columns:1fr;justify-items:center}
.talk-copy{width:100%}
.band{flex-direction:column;align-items:flex-start}
.nav nav{display:none}
.steps,.bento,.control{grid-template-columns:1fr}
.bento .wide,.bento .full{grid-column:auto}
.bento article{min-height:150px}
.steps{gap:0}
.steps h3{margin-top:14px}
}
@media(max-width:480px){
.hero{margin:6px;padding:112px 16px 150px;border-radius:22px}
.actions .button{width:100%;justify-content:center}
}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}.talk-tabs button{transition:none}.primary{animation:none}.typing i{animation:none}.button,.primary span,.bento article,.nav nav a{transition:none}}
/* CRM */
.crm-copy{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,6vw,80px);align-items:end}
.crm h2{margin:14px 0 18px}.crm .lead{margin:0;color:var(--muted)}
.board{margin-top:44px}
.crm-points{margin-top:0}.crm-points li{padding:14px 0;border-top:1px solid var(--line);color:var(--muted);font-size:15px}.crm-points li:last-child{border-bottom:1px solid var(--line)}.crm-points strong{color:var(--text);font-weight:600}
.board{position:relative;padding:18px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(160deg,#ffffff,#fbfbfd);box-shadow:0 40px 90px -30px #6b60de55}
.board-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:2px 4px 14px;font-size:13px;color:var(--muted)}.board-head b{color:#1f9d6b;font-weight:600}
.board-cols{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.board-col{display:flex;flex-direction:column;gap:8px;min-height:200px;padding:10px;border-radius:14px;background:#1a153008}
.board-col>p{display:flex;justify-content:space-between;font-size:12px;font-weight:600;color:var(--text)}.board-col>p i{font-style:normal;color:var(--muted);font-weight:500}
.board-col.won>p{color:#1f9d6b}
.lead-card{display:flex;gap:8px;align-items:flex-start;padding:10px;border:1px solid var(--line);border-radius:11px;background:var(--surface)}
.lead-card div{min-width:0;display:flex;flex-direction:column;gap:2px}.lead-card b{font-size:12px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lead-card small{font-size:11px;color:var(--muted);line-height:1.35}.lead-card em{font-style:normal;font-size:12px;font-weight:600;color:#1f9d6b}
.lead-card .next{color:var(--brand)}.lead-card .tag-hot{color:#ff9aa8}
.av{position:relative;flex:none;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;font-size:10px;font-weight:700;color:#fff}
.av.h1{background:#3f7d6b}.av.h2{background:#8a3f6e}.av.h3{background:#7a5a2c}.av.h4{background:#4b4797}.av.h5{background:#2f6f8f}
.av i{position:absolute;right:-2px;bottom:-2px;width:10px;height:10px;border-radius:50%;border:2px solid var(--surface)}.av i.wa{background:#25d366}.av i.ig{background:linear-gradient(45deg,#f9a825,#e1306c,#833ab4)}
.lead-card.live{border-color:#a49af799;box-shadow:0 0 0 1px #a49af733,0 10px 30px -12px #a49af7aa;animation:lift 3.2s ease-in-out infinite}
@keyframes lift{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
.board-tag{display:block;margin-top:12px;text-align:right;font-size:11px;color:var(--muted)}
.steps.four{grid-template-columns:repeat(4,1fr)}
@media(max-width:860px){.lead-card b{white-space:normal}.crm-copy{grid-template-columns:1fr}.crm-points{margin-top:6px}.board-cols{grid-template-columns:repeat(2,minmax(0,1fr))}.board-col{min-height:0}.steps.four{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.lead-card.live{animation:none}}

/* Você no controle */
.control{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:center}
.control-intro .lead{margin:0 0 26px}
.guard{padding:18px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(160deg,#ffffff,#fbfbfd);display:flex;flex-direction:column;gap:10px}
.guard p,.g-block{max-width:86%;padding:10px 14px;border-radius:16px;font-size:14px;line-height:1.45}
.g-in{align-self:flex-start;background:#1a153012;color:var(--text)}
.g-block{align-self:flex-end;display:flex;flex-direction:column;gap:6px;border:1px dashed #ff9aa880;background:#ff9aa812}
.g-block s{color:var(--muted)}.g-block span{font-size:12px;font-weight:600;color:#ff9aa8}
.g-out{align-self:flex-end;background:linear-gradient(135deg,#5b51c9,#7a5bd6);color:#fff}
.guard small{text-align:right;font-size:11px;color:var(--muted)}
.control-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.control-grid article{display:flex;flex-direction:column;gap:8px;padding:22px;border:1px solid var(--line);border-radius:18px;background:var(--surface)}
.control-grid svg{width:26px;height:26px;fill:none;stroke:var(--coral);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;margin-bottom:6px}
.control-grid h3{font-size:17px;font-weight:600;line-height:1.3}
.control-grid p{color:var(--muted);font-size:14px}
.control-note{grid-column:1/-1;display:flex;align-items:center;gap:10px;padding:14px 18px;border-radius:14px;background:#1a153008;color:var(--muted);font-size:14px}
.control-note svg{width:20px;height:20px;margin:0;flex:none}
@media(max-width:860px){.control{grid-template-columns:1fr}.control-grid{grid-template-columns:1fr}.guard p,.g-block{max-width:100%}}
.thanks{display:flex;flex-direction:column;align-items:flex-start;gap:18px;width:min(720px,calc(100% - 32px));min-height:100vh;margin:0 auto;padding:72px 0;justify-content:center}
.thanks h1{font-size:clamp(34px,5vw,52px);font-weight:400;line-height:1.08;letter-spacing:-.03em}
.thanks .lead{margin:0;color:var(--muted);font-size:18px}.thanks .actions{justify-content:flex-start;margin-top:8px}.thanks-note{color:var(--muted);font-size:14px}
@media(max-width:860px){.plans{gap:26px}}
.hero-offer{display:inline-flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 14px;margin-top:22px;padding:8px 18px;border:1px solid #1a15302e;border-radius:999px;background:#f6f6fa66;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);font-size:14px;color:#2b2838}
.hero-offer b{color:#b4502f;font-weight:700}.hero-offer span:before{content:"·";margin-right:14px;color:#1a153066}
.closing-note{margin-top:16px;color:var(--muted);font-size:14px}
@media(max-width:480px){.hero-offer{border-radius:18px}.hero-offer span:before{display:none}.hero-offer span{width:100%}}

.nav-cta{display:flex;align-items:center;gap:6px}.nav-login{padding:8px 14px;font-size:14px;font-weight:600;color:var(--muted)}.nav-login:hover{color:var(--text)}
/* "Entrar" continua visível no celular, para quem já é cliente. */
@media(max-width:860px){.nav .nav-login{display:inline-flex;padding:8px 10px;color:var(--text)}}
.hero-pill{display:inline-flex;align-items:center;gap:10px;padding:5px 14px 5px 5px;border:1px solid #1a15302e;border-radius:999px;background:#f6f6fa59;font-size:13px;color:#4a2a20}
.hero-pill span{flex:none;white-space:nowrap;padding:3px 10px;border-radius:999px;background:linear-gradient(120deg,#a49af7,#ffb49a);color:#140c1d;font-size:12px;font-weight:700}
.hero h1 em{font-style:normal;background:linear-gradient(100deg,#6b5cf0,#ffb49a 70%);-webkit-background-clip:text;background-clip:text;color:transparent}
.showcase{position:relative;z-index:2;width:min(1080px,calc(100% - 32px));margin:0 auto;border:1px solid #1a153026;border-radius:22px;background:#ffffff;box-shadow:0 60px 120px -40px #000,0 0 0 8px #1a153008;overflow:hidden}
.app-bar{display:flex;align-items:center;gap:7px;padding:12px 16px;border-bottom:1px solid var(--line);background:#f6f6fa}
.app-bar i{width:10px;height:10px;border-radius:50%;background:#ff5f57}.app-bar i+i{background:#febc2e}.app-bar i+i+i{background:#28c840}
.app-bar span{margin:0 auto;padding:3px 14px;border-radius:8px;background:#1a15300d;color:var(--muted);font-size:12px}
.app{display:grid;grid-template-columns:200px 1fr;min-height:380px}
.app-nav{display:flex;flex-direction:column;gap:4px;padding:16px 12px;border-right:1px solid var(--line);background:#f6f6fa}
.app-brand{display:flex;align-items:center;gap:8px;margin-bottom:12px;font-size:13px;font-weight:700}.app-brand .mark{width:24px;height:24px;border-radius:7px}.app-brand .mark svg{width:15px;height:15px}
.app-nav b{padding:8px 10px;border-radius:9px;color:var(--muted);font-size:13px;font-weight:500}.app-nav b.on{background:#a49af71f;color:var(--text);font-weight:600}
.app-main{display:flex;flex-direction:column;gap:14px;padding:18px;text-align:left}
.app-hello{display:flex;align-items:center;justify-content:space-between;font-size:16px;font-weight:600}.app-hello span{padding:4px 10px;border-radius:999px;background:#1f9d6b1f;color:#1f9d6b;font-size:12px;font-weight:600}
.app-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.app-metrics p{display:flex;flex-direction:column;gap:2px;padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}
.app-metrics small{color:var(--muted);font-size:11px}.app-metrics b{font-size:22px;font-weight:600;letter-spacing:-.02em}.app-metrics em{font-style:normal;color:#1f9d6b;font-size:11px;font-weight:600}
.app-panels{display:grid;grid-template-columns:1.3fr 1fr;gap:10px}
.app-chats,.app-funnel{display:flex;flex-direction:column;gap:8px;padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}
.app-title{font-size:12px;font-weight:600;color:var(--muted);white-space:nowrap}
.chat{display:flex;align-items:center;gap:10px;padding:8px;border-radius:10px;background:#1a153006}
.chat>span:nth-child(2){display:flex;flex-direction:column;min-width:0;flex:1}.chat b{font-size:13px;font-weight:600}.chat small{color:var(--muted);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.chat em{flex:none;padding:3px 9px;border-radius:999px;font-style:normal;font-size:11px;font-weight:600}
.chat .ia{background:#a49af724;color:var(--brand)}.chat .new{background:#ffb49a24;color:var(--coral)}.chat .team{background:#1f9d6b1f;color:#1f9d6b}
.app-funnel p{display:grid;grid-template-columns:86px 1fr 26px;align-items:center;gap:8px;font-size:12px;color:var(--muted)}
.app-funnel i{height:8px;border-radius:999px;background:linear-gradient(90deg,#a49af7,#ffb49a)}.app-funnel b{color:var(--text);text-align:right}
.app-funnel .w1{width:100%}.app-funnel .w2{width:58%}.app-funnel .w3{width:34%}.app-funnel .w4{width:40%}
.showcase-tag{position:absolute;right:14px;bottom:10px;color:var(--muted);font-size:10px}
.trust{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 28px;width:min(1120px,calc(100% - 32px));margin:40px auto 0;color:var(--muted);font-size:14px}
.trust b{margin-right:6px;color:var(--text);font-weight:600}
.features{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:44px}
.features article{display:flex;flex-direction:column;gap:10px;padding:26px;border:1px solid var(--line);border-radius:20px;background:var(--surface);transition:border-color .18s ease,transform .18s ease}
.features article:hover{border-color:#a49af766;transform:translateY(-3px)}
.features p{color:var(--muted);font-size:15px}
.ico{display:grid;place-items:center;width:44px;height:44px;margin-bottom:8px;border-radius:13px;background:linear-gradient(140deg,#7c6ff033,#ff9f8533);border:1px solid #1a15301f}
.ico svg{width:22px;height:22px;fill:none;stroke:#b4502f;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.chips li{padding:8px 14px;border:1px solid var(--line);border-radius:999px;background:#1a153008;color:#2b2838;font-size:14px}
.chips li:before{content:"✓";margin-right:8px;color:#1f9d6b;font-weight:700}
.faq-list{display:grid;gap:10px;max-width:860px;margin-top:40px}
.faq details{border:1px solid var(--line);border-radius:16px;background:var(--surface)}
.faq summary{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 22px;font-weight:600;cursor:pointer;list-style:none}
.faq summary::-webkit-details-marker{display:none}
.faq summary:after{content:"+";display:inline-block;flex:none;color:var(--coral);font-size:22px;font-weight:400;transition:transform .2s ease}
.faq details[open] summary:after{transform:rotate(45deg)}
.faq details p{padding:0 22px 20px;color:var(--muted)}
@media(max-width:860px){.app{grid-template-columns:1fr}.app-nav{display:none}.app-metrics{grid-template-columns:repeat(2,1fr)}.app-panels{grid-template-columns:1fr}.features{grid-template-columns:1fr}.nav-login{display:none}}
@media(prefers-reduced-motion:reduce){.features article{transition:none}}

/* Tour do painel: 3D que fica reto ao rolar e telas que mudam */
.tour{position:relative;z-index:2;margin-top:-210px}
.tour.js{height:210vh}
.tour-stage{display:flex;flex-direction:column;align-items:center;gap:16px;perspective:1600px}
.tour.js .tour-stage{position:sticky;top:84px}
.tour-tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;padding:5px;border:1px solid #1a153024;border-radius:999px;background:#f6f6facc;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.tour-tabs button{padding:8px 16px;border:0;border-radius:999px;background:transparent;color:var(--muted);font:inherit;font-size:14px;font-weight:600;cursor:pointer;transition:background-color .2s ease,color .2s ease}
.tour-tabs button[aria-selected=true]{background:#fff;color:#f6f6fa}
.tour .showcase{--tilt:0;transform:rotateX(calc(var(--tilt)*26deg)) scale(calc(1 - var(--tilt)*.08)) translateY(calc(var(--tilt)*30px));transform-origin:50% 0;will-change:transform;box-shadow:0 60px 120px -40px #000,0 0 0 8px #1a153008,0 40px 140px -60px #8a6cf099}
.app-main{position:relative;min-height:440px}
.screen{display:flex;flex-direction:column;gap:14px;transition:opacity .25s ease,transform .25s ease}
.tour.js .screen{position:absolute;inset:18px;opacity:0;transform:translateY(12px);pointer-events:none}
.tour:not(.js) .screen:not([data-for="0"]){display:none}
.showcase[data-screen="0"] .screen[data-for="0"],.showcase[data-screen="1"] .screen[data-for="1"],.showcase[data-screen="2"] .screen[data-for="2"],.showcase[data-screen="3"] .screen[data-for="3"]{opacity:1;transform:none;pointer-events:auto}
.showcase[data-screen="0"] [data-nav="0"],.showcase[data-screen="1"] [data-nav="1"],.showcase[data-screen="2"] [data-nav="2"],.showcase[data-screen="3"] [data-nav="3"]{background:#a49af71f;color:var(--text);font-weight:600}
.tour-caption{max-width:640px;min-height:3em;color:#2b2838;font-size:16px;text-align:center}
.inbox{display:grid;grid-template-columns:.9fr 1.4fr;gap:10px;height:100%}
.inbox-list,.inbox-chat{display:flex;flex-direction:column;gap:8px;padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}
.chat.on{background:#a49af71a;outline:1px solid #a49af744}
.inbox-head{display:flex;align-items:center;gap:10px;padding-bottom:10px;border-bottom:1px solid var(--line)}.inbox-head>span:nth-child(2){display:flex;flex-direction:column;flex:1}.inbox-head b{font-size:14px}.inbox-head small{color:var(--muted);font-size:12px}
.inbox-head em{padding:3px 9px;border-radius:999px;background:#a49af724;color:var(--brand);font-style:normal;font-size:11px;font-weight:600}
.inbox-chat .bubble{font-size:13px}
.inbox-input{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding:8px 8px 8px 14px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:12px}.inbox-input b{padding:6px 12px;border-radius:999px;background:#fff;color:#f6f6fa;font-size:12px}
.mini-board{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.mini-board>div{display:flex;flex-direction:column;gap:8px;min-height:250px;padding:10px;border-radius:12px;background:#1a153008}
.mini-board>div>p:first-child{display:flex;justify-content:space-between;font-size:12px;font-weight:600}.mini-board>div>p:first-child i{font-style:normal;color:var(--muted)}
.mini-board .won>p:first-child{color:#1f9d6b}
.mini-card{display:flex;gap:8px;align-items:flex-start;padding:9px;border:1px solid var(--line);border-radius:10px;background:var(--surface)}
.mini-card>span:last-child{display:flex;flex-direction:column;gap:2px;min-width:0}.mini-card b{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini-card small{color:var(--muted);font-size:11px}.mini-card em{font-style:normal;color:#1f9d6b;font-size:12px;font-weight:600}
.mini-card .hot{color:#ff9aa8}.mini-card .next{color:var(--brand)}.mini-card.live{border-color:#a49af799;box-shadow:0 10px 30px -12px #a49af7aa}
.agent{display:grid;grid-template-columns:1.2fr 1fr;gap:10px}
.agent-base,.agent-guard{display:flex;flex-direction:column;gap:8px;padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}
.kb{display:grid;grid-template-columns:1fr auto;gap:2px 10px;padding:10px;border-radius:10px;background:#1a153006}.kb b{font-size:13px}.kb small{grid-column:1;color:var(--muted);font-size:12px}.kb em{grid-row:1/3;grid-column:2;align-self:center;padding:3px 9px;border-radius:999px;font-style:normal;font-size:11px;font-weight:600}
.kb .ok{background:#1f9d6b1f;color:#1f9d6b}.kb .draft{background:#ffb49a24;color:var(--coral)}
.agent-guard .bubble{font-size:13px}
.g-stop{display:flex;flex-direction:column;gap:4px;align-self:flex-end;max-width:84%;padding:9px 13px;border:1px dashed #ff9aa888;border-radius:15px;font-size:13px}.g-stop s{color:var(--muted)}.g-stop span{color:#ff9aa8;font-size:11px;font-weight:600}
/* Funções em mosaico */
.feat-grid{display:grid;grid-template-columns:1.05fr 1.25fr 1fr 1fr;grid-template-rows:repeat(3,auto);gap:14px}
.feat-intro{grid-row:1/4;display:flex;flex-direction:column;align-items:flex-start;gap:16px;padding:8px 8px 8px 0}
.feat-intro h2{font-size:clamp(30px,3.4vw,44px)}
.feat-intro>p:not(.feat-tag){color:var(--muted)}
.feat-intro .button{margin-top:auto}
.feat-tag{padding:5px 12px;border-radius:999px;background:#ffb49a24;color:var(--coral);font-size:13px;font-weight:700}
.feat-grid article,.feat-all{display:flex;flex-direction:column;gap:8px;padding:22px;border:1px solid var(--line);border-radius:20px;background:var(--surface);transition:border-color .18s ease,transform .18s ease}
.feat-grid article:hover,.feat-all:hover{border-color:#a49af766;transform:translateY(-3px)}
.feat-grid article p,.feat-all p{color:var(--muted);font-size:14px}
.feat-grid h3{font-size:17px}
.feat-big{grid-row:1/4;background:radial-gradient(120% 60% at 100% 100%,#5c3bb055,transparent 60%),var(--surface-2)!important}
.feat-chat{display:flex;flex-direction:column;gap:8px;margin-top:auto;padding:14px;border:1px solid var(--line);border-radius:16px;background:#f6f6fa}
.feat-chat .bubble{font-size:13px}
.feat-hl{border:0!important;background:linear-gradient(140deg,#8a7cf5,#ff9f85)!important;color:#140c1d}
.feat-hl p{color:#2a1830!important}.feat-hl .ico{background:#1a153040;border-color:#1a153055}.feat-hl .ico svg{stroke:#140c1d}
.feat-all .ico svg{stroke:#6b5cf0}
@media(max-width:1000px){.feat-grid{grid-template-columns:1fr 1fr}.feat-intro,.feat-big{grid-row:auto;grid-column:1/-1}.feat-intro .button{margin-top:4px}}
@media(max-width:860px){.tour{margin-top:-120px}.tour.js{height:190vh}.tour.js .tour-stage{top:70px}.app-main{min-height:560px}.inbox,.agent{grid-template-columns:1fr}.inbox-list{display:none}.mini-board{grid-template-columns:repeat(2,minmax(0,1fr))}.mini-board>div{min-height:0}}
@media(max-width:560px){.feat-grid{grid-template-columns:1fr}.tour-tabs button{padding:7px 11px;font-size:13px}.tour-caption{font-size:14px;padding:0 8px}}
@media(prefers-reduced-motion:reduce){.tour .showcase{transform:none!important}.screen,.feat-grid article,.feat-all{transition:none}}

/* Marca ResponerIA */
.word{font-weight:700;letter-spacing:-.025em}
.word .ia{margin-left:1px;padding:0 5px;border-radius:6px;background:linear-gradient(120deg,#a49af7,#ffb49a);color:#140c1d;font-weight:800}
.mark svg .spark{fill:#fff;stroke:none}
footer .word{color:var(--text)}
.tour.js .app-main{overflow:hidden}
@media(max-width:860px){.screen[data-for="0"] .app-funnel{display:none}.app-main{min-height:540px}.agent-base .kb:last-child{display:none}}

/* ===== Tema claro (estilo do site de referência) ===== */
body{background:var(--bg)}
.nav{background:#ffffffd9;border-color:#1a15301a;box-shadow:0 10px 30px -18px #1a153040}
.nav-enter{background:var(--text);color:#fff}
.primary{background:var(--text);color:#fff;box-shadow:none;animation:none}
.ghost{border:1px solid #1a153026;background:#fff;color:var(--text)}
.hero{background:radial-gradient(60% 70% at 15% 10%,#e4defe,transparent 60%),radial-gradient(60% 70% at 90% 20%,#ffe1d6,transparent 60%),#fbfbfd;color:var(--text);border:1px solid #1a153012}
.hero #flow,.hero::after{display:none}
.hero .lead{color:#3a3650}
.hero h1 em{background:linear-gradient(100deg,#6b5cf0,#e46f4c 75%);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-pill{background:#fff;border-color:#1a15301f;color:#3a3650}
.hero-pill span{color:#fff}
.hero-offer{background:#fff;border-color:#1a15301f;color:#3a3650}.hero-offer b{color:var(--coral)}
.tour-tabs{background:#fff;border-color:#1a15301f;box-shadow:0 10px 30px -18px #1a153040}
.tour-tabs button[aria-selected=true]{background:var(--text);color:#fff}
.tour .showcase{background:#fff;border-color:#1a15301f;box-shadow:0 60px 120px -50px #1a153055,0 0 0 8px #1a153008}
.app-nav{background:#fafafc}
.app-metrics p,.app-chats,.app-funnel,.inbox-list,.inbox-chat,.agent-base,.agent-guard,.mini-card{background:#fff}
.mini-board>div{background:#f4f4f8}
.chat{background:#f6f6fa}
.bubble.in,.in{background:#efeef5;color:var(--text)}
.out{color:#fff}
.inbox-input b{background:var(--text);color:#fff}
.tour-caption{color:#3a3650}
.trust{color:var(--muted)}
#funcoes{margin-top:clamp(56px,8vw,96px);padding:clamp(28px,4vw,48px);border-radius:32px;background:#ebeaf2;width:min(1180px,calc(100% - 32px))}
.feat-grid article,.feat-all{background:#fff;border-color:#1a153012;box-shadow:0 1px 2px #1a153010}
.feat-big{background:linear-gradient(180deg,#fff,#f4f2ff)!important}
.feat-chat{background:#f6f6fa}
.feat-hl{background:linear-gradient(140deg,#6b5cf0,#e46f4c)!important;color:#fff}.feat-hl p{color:#fff!important;opacity:.9}.feat-hl .ico svg{stroke:#fff}
.ico{background:#f1efff;border-color:#6b5cf026}.ico svg{stroke:#6b5cf0}
.chips li{background:#fff;color:var(--text)}
.phone{background:#16131f;color:#f4f2fb}
.phone .bubble.in,.phone .in{background:#2a2738;color:#f4f2fb}
.phone-head small,.phone-input,.phone-tag{color:#a5a3b6}
.board{background:#fff;box-shadow:0 40px 90px -40px #1a153040}
.lead-card{background:#fff}
.plan{background:#fff;border-color:#1a153014;box-shadow:0 1px 2px #1a153010}
.plan.best{background:#16131f!important;border-color:#16131f;color:#fff;box-shadow:0 40px 80px -30px #1a153080}
.plan.best .plan-sub,.plan.best .plan-ref,.plan.best .plan-lock,.plan.best .plan-price span{color:#b9b5c9}.plan.best .plan-eq,.plan.best .plan-list li{color:#f4f2fb}.plan.best .plan-list{border-color:#ffffff1f}
.plan.best .primary{background:#fff;color:#16131f}
.plan-save{background:#fde9e2;color:#c4502c}.plan.best .plan-save{background:#ffb49a33;color:#ffb49a}
.plan-badge{background:linear-gradient(120deg,#6b5cf0,#e46f4c);color:#fff}
.plan-trust{background:#fff}
.pay{background:#fff;color:var(--text)}
.uses li,.values article,.control-grid article,.faq details{background:#fff}
.guard{background:#fff}
.closing{background:radial-gradient(70% 120% at 15% 10%,#e4defe,transparent 60%),radial-gradient(70% 120% at 90% 100%,#ffe1d6,transparent 60%),#fff;color:var(--text);border:1px solid #1a153012}
.closing .ghost{background:#fff}
.word .ia{color:#fff}
.eyebrow{color:var(--coral)}
.feat-grid .feat-chat .out{color:#fff}.feat-grid .feat-chat .in{color:var(--text)}

/* Celular no cartão do agente: parado e inteiro; só as mensagens passam */
.feat-big{overflow:hidden}
.feat-phone{width:min(272px,100%);height:520px;margin:22px auto 4px;padding:8px;border-radius:46px;background:#16131f;box-shadow:0 0 0 1px #2a2638,0 24px 50px -28px #1a153088}
.fp-screen{position:relative;display:flex;flex-direction:column;height:100%;border-radius:40px;overflow:hidden;background:#f3f1fb}
.fp-island{position:absolute;top:9px;left:50%;width:84px;height:24px;border-radius:20px;background:#0b0a10;transform:translateX(-50%);z-index:2}
.fp-bar{display:flex;justify-content:space-between;align-items:center;padding:12px 22px 0;height:38px;font-size:12px}.fp-bar i{width:22px;height:10px;border:1.5px solid #16131f;border-radius:3px}
.fp-head{display:flex;align-items:center;gap:9px;padding:10px 14px;background:#fff;border-bottom:1px solid #1a153014}
.fp-head>span:nth-child(2){display:flex;flex-direction:column;flex:1;line-height:1.2}.fp-head b{font-size:13px}.fp-head small{font-size:10.5px;color:#1f9d6b}
.fp-head em{padding:2px 7px;border-radius:6px;background:linear-gradient(120deg,#6b5cf0,#e46f4c);color:#fff;font-style:normal;font-size:10px;font-weight:800}
.fp-chat{display:flex;flex-direction:column;justify-content:flex-end;gap:7px;flex:1;min-height:0;padding:12px 10px 14px;overflow:hidden;-webkit-mask-image:linear-gradient(transparent,#000 22px);mask-image:linear-gradient(transparent,#000 22px)}
.fp-chat>*{flex:none}
.fp-time{align-self:center;padding:3px 10px;border-radius:8px;background:#e6e3f3;color:#5f5b70;font-size:10.5px;font-weight:600}
.fp-typing{display:flex;align-self:flex-start;gap:4px;padding:10px 12px;border-radius:14px;border-bottom-left-radius:5px;background:#fff;box-shadow:0 1px 1px #1a153012}
.fp-typing i{width:6px;height:6px;border-radius:50%;background:#9a96ab;animation:typing 1s ease-in-out infinite}
.fp-typing i:nth-child(2){animation-delay:.15s}.fp-typing i:nth-child(3){animation-delay:.3s}
.fp-audio{display:flex;align-items:center;gap:3px}
.fp-audio b{display:grid;place-items:center;flex:none;width:22px;height:22px;margin-right:4px;border-radius:50%;background:#6b5cf0;color:#fff;font-size:9px}
.fp-audio i{width:3px;border-radius:3px;background:#6b5cf0}
.fp-audio i:nth-of-type(3n){height:14px}.fp-audio i:nth-of-type(3n+1){height:8px}.fp-audio i:nth-of-type(3n+2){height:18px}
.fp-audio small{margin-left:6px;color:#8a8699;font-size:10px}
.feat-grid .fp-chat .fp-team{align-self:flex-end;border-bottom-right-radius:5px;background:#16131f;color:#fff}
.fp-team small{display:block;margin-bottom:2px;color:#ffb49a;font-size:10px;font-weight:700}
/* A mensagem nova cresce de baixo e empurra as antigas para cima, que somem no topo. */
.fp-chat .fp-new{overflow:hidden;animation:fpIn .45s cubic-bezier(.22,1,.36,1) both}
.fp-chat .fp-swap{animation:fpSwap .3s ease both}
@keyframes fpIn{from{opacity:0;max-height:0;padding-top:0;padding-bottom:0;margin-top:-7px}to{max-height:160px}}
@keyframes fpSwap{from{opacity:0}}
.feat-grid .fp-chat .bubble{max-width:86%;font-size:12px;line-height:1.35;padding:7px 10px}
.feat-grid .fp-chat .in{background:#fff;color:var(--text);box-shadow:0 1px 1px #1a153012}
.feat-grid .fp-chat .out{background:#6b5cf0;color:#fff}
.fp-note{align-self:center;padding:3px 9px;border-radius:999px;background:#e5f6ee;color:#1f7a55!important;font-size:10.5px!important;font-weight:600}
.fp-input{display:flex;justify-content:space-between;align-items:center;margin:0 10px 22px;padding:7px 7px 7px 12px;border-radius:999px;background:#fff;color:#8a8699;font-size:11px}.fp-input i{width:22px;height:22px;border-radius:50%;background:#6b5cf0}
@media(prefers-reduced-motion:reduce){.fp-chat .fp-new,.fp-typing i{animation:none}}
.word .ia{background:linear-gradient(120deg,#6b5cf0,#e46f4c)}