:root{--ink:#071a2e;--ink2:#0b2440;--blue:#1266f1;--mint:#12d89b;--ice:#f3f8fd;--line:#dce7f2;--muted:#60748a;--shadow:0 24px 70px rgba(5,30,55,.12)}
*{box-sizing:border-box}html{scroll-padding-top:78px}body{font-family:Manrope,sans-serif;overflow-x:hidden}button,a{-webkit-tap-highlight-color:transparent}.skip-link{position:fixed;left:16px;top:-80px;z-index:1000;background:#fff;color:var(--ink);padding:12px 18px;border-radius:10px}.skip-link:focus{top:16px}.site-header{position:fixed;inset:0 0 auto;z-index:60;border-bottom:1px solid transparent;transition:.3s ease}.site-header.scrolled{background:rgba(255,255,255,.9);backdrop-filter:blur(18px);border-color:rgba(216,228,240,.85);box-shadow:0 10px 35px rgba(7,26,46,.06)}.site-header:not(.scrolled) img{filter:brightness(0) invert(1)}.site-header:not(.scrolled) .nav-link,.site-header:not(.scrolled) .btn-ghost{color:#d6e3f0}.site-header:not(.scrolled) .nav-link:hover,.site-header:not(.scrolled) .btn-ghost:hover{color:#fff;background:rgba(255,255,255,.08)}.nav-link,.btn-ghost{padding:10px 14px;border-radius:12px;font-size:14px;font-weight:700;color:#456078;transition:.2s}.nav-link:hover,.btn-ghost:hover{background:#eef5fb;color:var(--ink)}.btn-primary,.btn-mint,.btn-dark-outline{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:45px;padding:0 19px;border-radius:13px;font-weight:800;font-size:14px;transition:.25s ease}.btn-primary svg,.btn-mint svg,.btn-dark-outline svg{width:18px}.btn-primary{background:var(--blue);color:#fff;box-shadow:0 10px 30px rgba(18,102,241,.25)}.btn-primary:hover{background:#0957d7;transform:translateY(-2px);box-shadow:0 14px 35px rgba(18,102,241,.32)}.btn-mint{min-height:52px;padding:0 24px;background:var(--mint);color:#062a2c;box-shadow:0 12px 35px rgba(18,216,155,.24)}.btn-mint:hover{background:#2be5ab;transform:translateY(-2px)}.btn-dark-outline{min-height:52px;border:1px solid rgba(255,255,255,.16);color:#fff;background:rgba(255,255,255,.05);backdrop-filter:blur(10px)}.btn-dark-outline:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.3)}.menu-button{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:#fff;color:var(--ink)}.mobile-menu{position:absolute;top:72px;left:12px;right:12px;padding:14px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow)}.mobile-menu a:not(.btn-primary){display:block;padding:13px 12px;color:var(--ink);font-weight:700;border-radius:10px}.mobile-menu a:hover{background:#f2f7fc}
.hero-section{position:relative;overflow:hidden;background:radial-gradient(circle at 68% 42%,#123b64 0,#0a2847 25%,#06192c 68%,#041321 100%)}.hero-section:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.028) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.028) 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(to bottom,#000,transparent 82%)}.hero-glow{position:absolute;border-radius:999px;filter:blur(10px);opacity:.55}.hero-glow-one{width:520px;height:520px;background:radial-gradient(circle,rgba(18,102,241,.35),transparent 66%);top:-130px;right:4%;animation:floatGlow 10s ease-in-out infinite}.hero-glow-two{width:390px;height:390px;background:radial-gradient(circle,rgba(18,216,155,.16),transparent 68%);bottom:-80px;left:-70px;animation:floatGlow 13s ease-in-out infinite reverse}@keyframes floatGlow{50%{transform:translate(35px,25px) scale(1.08)}}.eyebrow{display:inline-flex;align-items:center;gap:10px;border:1px solid rgba(135,178,221,.22);background:rgba(255,255,255,.06);color:#cfe0f0;border-radius:999px;padding:9px 14px;font-size:13px;font-weight:700}.live-dot{width:8px;height:8px;border-radius:50%;background:var(--mint);box-shadow:0 0 0 6px rgba(18,216,155,.12);animation:pulseDot 2s infinite}@keyframes pulseDot{50%{box-shadow:0 0 0 10px rgba(18,216,155,0)}}.text-gradient{background:linear-gradient(100deg,#55a7ff,#43e6b3);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-product{position:relative;z-index:5;perspective:1300px}.product-window{overflow:hidden;border:1px solid rgba(255,255,255,.16);border-radius:22px;background:#f7fbff;box-shadow:0 40px 110px rgba(0,0,0,.45);transform:rotateY(-4deg) rotateX(2deg);transition:.5s ease}.hero-product:hover .product-window{transform:rotateY(0) rotateX(0) translateY(-5px)}.window-topbar{height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;background:#fff;border-bottom:1px solid #e5edf4}.window-topbar>div:first-child span{width:8px;height:8px;border-radius:50%;background:#d1dce6}.window-address{display:flex;align-items:center;gap:6px;width:43%;padding:7px 12px;border-radius:8px;background:#f3f6f9;color:#71849a;font-size:10px}.window-address svg{width:11px}.avatar-mini{display:grid;place-items:center;width:27px;height:27px;border-radius:8px;background:#e2ecff;color:#1958bd;font-size:9px;font-weight:800}.product-body{display:grid;grid-template-columns:54px 190px 1fr;height:390px}.product-sidebar{padding:12px 8px;background:#081e34;display:flex;flex-direction:column;gap:9px;align-items:center}.product-mark,.product-sidebar button{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;color:#7590a9}.product-mark{color:#062b2d;background:var(--mint);margin-bottom:11px}.product-mark svg,.product-sidebar svg{width:17px}.product-sidebar button.side-active{background:rgba(18,102,241,.25);color:#6da7ff}.conversation-list{border-right:1px solid #e1eaf2;background:#fff}.list-heading{height:72px;padding:14px;display:flex;justify-content:space-between;border-bottom:1px solid #edf2f7}.list-heading strong,.list-heading small{display:block}.list-heading strong{font-size:13px}.list-heading small{font-size:8px;color:#8aa0b4;margin-top:2px}.list-heading button{color:#7890a5}.list-heading svg{width:15px}.conversation{position:relative;display:grid;grid-template-columns:32px 1fr auto;gap:8px;padding:12px 9px;border-bottom:1px solid #eff3f7}.conversation.active{background:#edf5ff;border-left:2px solid var(--blue)}.contact-avatar{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;font-size:9px;font-weight:800}.contact-avatar.blue{background:#dceaff;color:#1c5fcb}.contact-avatar.green{background:#d8f8eb;color:#08855e}.contact-avatar.purple{background:#ede3ff;color:#7044c6}.contact-avatar.orange{background:#ffead7;color:#bc6418}.conversation strong{font-size:9px;display:block}.conversation p{font-size:7px;color:#7c8fa1;margin-top:3px}.conversation time{font-size:6px;color:#9babb9}.chat-panel{display:flex;flex-direction:column;background:#f4f8fb}.chat-heading{height:72px;padding:14px;display:flex;align-items:center;gap:8px;background:#fff;border-bottom:1px solid #e6edf4}.chat-heading strong,.chat-heading small{display:block}.chat-heading strong{font-size:10px}.chat-heading small{font-size:7px;color:#7890a4;margin-top:2px}.chat-heading small span{display:inline-block;width:5px;height:5px;background:#16c98d;border-radius:50%}.chat-actions{margin-left:auto;display:flex;gap:6px}.chat-actions button{display:grid;place-items:center;width:29px;height:29px;border-radius:8px;border:1px solid #e3ebf2;color:#5e7387;background:#fff}.chat-actions svg{width:13px}.call-pulse{color:#07996b!important;border-color:#b8eddc!important;background:#e9fbf5!important;animation:callPulse 2s infinite}@keyframes callPulse{50%{box-shadow:0 0 0 8px rgba(18,216,155,0)}}.messages{position:relative;flex:1;padding:15px}.day-label{text-align:center;font-size:7px;color:#94a6b5;margin-bottom:12px}.bubble{width:82%;padding:9px 11px;border-radius:11px;font-size:8px;line-height:1.5;box-shadow:0 4px 12px rgba(20,55,85,.05)}.bubble.incoming{background:#fff;border-bottom-left-radius:3px}.bubble.outgoing{margin:9px 0 0 auto;background:#d9f8ed;border-bottom-right-radius:3px}.bubble small{display:block;text-align:right;font-size:6px;color:#658779;margin-top:5px}.ai-suggestion{display:grid;grid-template-columns:24px 1fr auto;align-items:center;gap:8px;margin-top:16px;padding:9px;border:1px solid #d7e5fb;border-radius:10px;background:#fff}.ai-suggestion>svg{width:13px;color:var(--blue)}.ai-suggestion b{font-size:7px;color:#2a64bc}.ai-suggestion p{font-size:6px;color:#75899d;margin-top:1px}.ai-suggestion button{font-size:6px;font-weight:800;color:var(--blue);padding:4px 6px;background:#ebf3ff;border-radius:5px}.chat-input{height:52px;margin:0 12px 12px;display:flex;align-items:center;gap:8px;padding:0 8px 0 12px;background:#fff;border:1px solid #dfe8ef;border-radius:10px;color:#9aabba;font-size:7px}.chat-input span{flex:1}.chat-input svg{width:13px}.send-button{display:grid;place-items:center;width:28px;height:28px;color:#fff;background:var(--blue);border-radius:8px}.floating-card{position:absolute;display:flex;align-items:center;gap:9px;padding:11px 13px;border-radius:14px;background:rgba(255,255,255,.96);box-shadow:0 18px 50px rgba(0,0,0,.28);border:1px solid rgba(255,255,255,.5);animation:floatCard 5s ease-in-out infinite}.floating-card small,.floating-card b{display:block}.floating-card small{font-size:8px;color:#7890a5}.floating-card b{font-size:10px;color:var(--ink);margin-top:2px}.floating-conversion{left:-24px;bottom:55px}.floating-ai{right:-18px;top:84px;animation-delay:1.1s}@keyframes floatCard{50%{transform:translateY(-9px)}}.icon-chip{display:grid;place-items:center;width:30px;height:30px;border-radius:9px}.icon-chip svg{width:14px}.icon-chip.mint{background:#dffaf1;color:#06976b}.icon-chip.blue{background:#e4efff;color:#1266f1}.hero-bottom-fade{position:absolute;inset:auto 0 0;height:80px;background:linear-gradient(transparent,rgba(255,255,255,.04))}
.trust-strip{padding:42px 0;border-bottom:1px solid var(--line);background:#fff}.trust-strip>div>p{text-align:center;text-transform:uppercase;letter-spacing:.16em;color:#8396a9;font-size:11px;font-weight:800}.trust-metrics{display:grid;grid-template-columns:repeat(4,1fr);margin-top:30px}.trust-metrics>div{text-align:center;border-right:1px solid var(--line)}.trust-metrics>div:last-child{border:0}.trust-metrics b,.trust-metrics>div>span{font-family:Sora,sans-serif;font-size:28px;color:var(--ink)}.trust-metrics>div>span{color:var(--blue)}.trust-metrics small{display:block;color:#73869a;font-size:12px;margin-top:5px}.section-pad{padding:110px 0}.kicker{display:inline-block;color:var(--blue);font-size:12px;font-weight:800;letter-spacing:.15em;text-transform:uppercase}.section-heading{display:grid;align-items:end;gap:40px;grid-template-columns:1.2fr .8fr}.section-heading h2{max-width:700px;margin-top:15px;font:600 clamp(2.3rem,5vw,3.5rem)/1.08 Sora,sans-serif;letter-spacing:-.045em;color:var(--ink)}.section-heading p{font-size:17px;line-height:1.8;color:#63778b}.showcase-card{position:relative;overflow:hidden;border-radius:28px;padding:30px}.showcase-dark{min-height:590px;color:#fff;background:linear-gradient(145deg,#071a2e,#0b345a);box-shadow:0 25px 65px rgba(8,35,62,.16)}.showcase-copy{max-width:500px}.feature-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:rgba(255,255,255,.1);color:#fff}.feature-icon svg{width:22px}.showcase-copy>span,.showcase-light>span,.gradient-card>div>span{display:block;margin-top:22px;color:#5c9cff;text-transform:uppercase;letter-spacing:.14em;font-size:11px;font-weight:800}.showcase-card h3{margin-top:9px;font:600 26px/1.2 Sora,sans-serif;letter-spacing:-.03em}.showcase-card p{margin-top:11px;color:#aebfd0;line-height:1.65}.kanban-wrap{position:absolute;left:28px;right:28px;bottom:-20px;padding:17px;border:1px solid rgba(255,255,255,.11);border-radius:19px;background:rgba(255,255,255,.075);backdrop-filter:blur(12px);transform:rotate(-1deg)}.kanban-head{display:flex;justify-content:space-between;color:#fff;font-size:11px;margin-bottom:13px}.kanban-head span{color:#86a0b9;font-size:9px}.kanban-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.kanban-column{padding:9px;border-radius:11px;background:rgba(2,15,27,.45);min-height:210px}.kanban-column header{display:flex;align-items:center;gap:5px;font-size:8px;color:#a9bdd0;margin:3px 1px 10px}.kanban-column header b{margin-left:auto;color:#66849f}.dot-blue,.dot-purple,.dot-green{width:5px;height:5px;border-radius:50%;background:#4c95ff}.dot-purple{background:#9f7aea}.dot-green{background:#12d89b}.lead-card{padding:10px;margin-top:7px;background:#fff;border-radius:9px;color:var(--ink);box-shadow:0 7px 18px rgba(0,0,0,.13)}.lead-card small,.lead-card b,.lead-card>span{display:block}.lead-card small{font-size:6px;color:#8295a7}.lead-card b{font-size:8px;margin-top:4px}.lead-card>span{font-size:7px;color:#3e6d9d;margin-top:7px}.lead-card footer{display:flex;align-items:center;gap:4px;margin-top:9px;padding-top:8px;border-top:1px solid #eef2f5;font-size:6px;color:#8093a5}.lead-card footer svg{width:9px}.lead-card.muted{opacity:.7}.lead-card.accent{border-top:2px solid #9c75f3}.lead-card .won{display:flex;align-items:center;gap:3px;color:#079b6c}.lead-card .won svg{width:9px}.showcase-light{min-height:280px;border:1px solid var(--line);background:#f8fbfe;color:var(--ink)}.showcase-light p{color:#65798d}.pale-blue{background:#e1edff;color:var(--blue)}.routing-visual{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:26px}.routing-visual>svg{width:22px;color:#8ca0b3}.route-source{display:flex;align-items:center;gap:9px;padding:10px 13px;background:#fff;border:1px solid var(--line);border-radius:12px;font-size:10px;font-weight:800}.route-source svg{width:17px;color:#16a979}.team-stack{display:flex}.team-stack span{display:grid;place-items:center;width:34px;height:34px;margin-left:-8px;border:2px solid #fff;border-radius:10px;background:#dce9ff;color:#205db9;font-size:8px;font-weight:800}.team-stack span:nth-child(2){background:#e9e2ff;color:#6b4bbc}.team-stack span:nth-child(3){background:#d6faec;color:#087956}.gradient-card{min-height:285px;background:linear-gradient(145deg,#1266f1,#0648ae);color:#fff}.gradient-card p{color:#cfe0fb}.gradient-card>div>span{color:#9ec3ff;margin-top:0}.mini-chart{margin-top:24px}.chart-label span,.chart-label b{display:block}.chart-label span{font-size:9px;color:#b9d1f3}.chart-label b{font:600 22px Sora;margin-top:4px}.chart-label em{font:700 8px Manrope;color:#0b7754;background:#abf1da;padding:3px 5px;border-radius:99px}.mini-chart svg{width:100%;margin-top:-12px}.chart-area{fill:url(#area)}.chart-line{fill:none;stroke:#5ff1c3;stroke-width:3;stroke-linecap:round}
.call-section{position:relative;overflow:hidden;background:#06182a}.call-section:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 50%,rgba(18,102,241,.18),transparent 35%),radial-gradient(circle at 90% 20%,rgba(18,216,155,.08),transparent 30%)}.phone-stage{position:relative;display:grid;place-items:center;min-height:590px}.sound-ring{position:absolute;width:480px;height:480px;border:1px solid rgba(91,153,221,.15);border-radius:50%;animation:soundRing 4s ease-out infinite}.ring-two{animation-delay:2s}@keyframes soundRing{0%{transform:scale(.6);opacity:0}30%{opacity:1}100%{transform:scale(1.25);opacity:0}}.call-window{position:relative;z-index:2;width:min(100%,420px);overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:28px;background:rgba(10,38,64,.92);box-shadow:0 35px 90px rgba(0,0,0,.42);backdrop-filter:blur(18px)}.call-top{display:flex;justify-content:space-between;padding:17px 19px;border-bottom:1px solid rgba(255,255,255,.08);color:#9db2c7;font-size:11px}.call-top span{display:flex;align-items:center;gap:7px}.call-top svg{width:14px}.caller{text-align:center;padding:34px 20px 10px}.caller-avatar{position:relative;display:grid;place-items:center;width:82px;height:82px;margin:auto;border-radius:26px;background:linear-gradient(145deg,#d9e8ff,#a6c7fb);color:#144d9b;font:700 24px Sora}.caller-avatar span{position:absolute;right:-3px;bottom:-3px;width:18px;height:18px;border:4px solid #0a2743;border-radius:50%;background:var(--mint)}.caller small{display:block;margin-top:17px;color:var(--mint);font-size:9px;letter-spacing:.16em;font-weight:800}.caller h3{color:#fff;margin-top:6px;font:600 22px Sora}.caller p{color:#7896b1;font-size:11px;margin-top:4px}.caller strong{display:block;color:#fff;font:500 30px Sora;margin-top:19px;letter-spacing:.05em}.waveform{display:flex;justify-content:center;align-items:center;gap:5px;height:42px}.waveform i{display:block;width:3px;height:13px;border-radius:4px;background:#4387de;animation:wave .9s ease-in-out infinite alternate}.waveform i:nth-child(2n){animation-delay:.2s}.waveform i:nth-child(3n){animation-delay:.45s}@keyframes wave{to{height:34px;background:var(--mint)}}.call-controls{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:18px}.call-controls button{display:flex;flex-direction:column;align-items:center;gap:7px;color:#8da7bf;font-size:8px}.call-controls button svg{width:18px;height:18px;padding:8px;box-sizing:content-box;border-radius:12px;background:rgba(255,255,255,.07);color:#fff}.call-controls .hangup svg{background:#eb4d5c}.record-note{display:flex;align-items:center;justify-content:center;gap:7px;margin:0 18px 18px;padding:10px;border-radius:10px;background:rgba(18,216,155,.07);color:#7fae9f;font-size:9px}.record-note svg{width:13px}.kicker-dark{color:#56e4b7}.call-benefit{padding:17px 14px;border:1px solid rgba(255,255,255,.09);border-radius:16px;background:rgba(255,255,255,.04)}.call-benefit svg{width:21px;color:#63a3ff}.call-benefit b,.call-benefit span{display:block}.call-benefit b{font-size:12px;color:#fff;margin-top:13px}.call-benefit span{font-size:9px;color:#748fa7;margin-top:5px}
.feature-card{position:relative;min-height:265px;padding:27px;border:1px solid var(--line);border-radius:23px;background:#fff;box-shadow:0 13px 35px rgba(20,54,84,.05);transition:.3s}.feature-card:hover{transform:translateY(-6px);border-color:#bad1e8;box-shadow:0 24px 55px rgba(20,54,84,.11)}.feature-card-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:14px}.feature-card-icon svg{width:21px}.feature-card-icon.blue{color:#1761ce;background:#e4efff}.feature-card-icon.mint{color:#07835e;background:#dff9f0}.feature-card-icon.purple{color:#754dc7;background:#eee6ff}.feature-card-icon.orange{color:#b85a0b;background:#fff0df}.feature-card-icon.cyan{color:#087c92;background:#dff8fc}.feature-card-icon.rose{color:#bf4162;background:#ffe7ee}.price-pill{position:absolute;top:30px;right:26px;padding:6px 9px;border-radius:999px;background:#eef4fb;color:#56718b;font-size:9px;font-weight:800}.price-pill.free{color:#077957;background:#dff9ef}.feature-card h3{margin-top:24px;font:600 20px Sora;color:var(--ink)}.feature-card>p{margin-top:9px;color:#6e8296;font-size:14px;line-height:1.65}.typing-demo{display:flex;align-items:center;gap:4px;margin-top:20px;padding:9px 11px;border:1px solid #e5edf5;border-radius:11px;background:#f8fbfe}.typing-demo span{width:5px;height:5px;border-radius:50%;background:#6998d9;animation:typing 1.3s infinite}.typing-demo span:nth-child(2){animation-delay:.15s}.typing-demo span:nth-child(3){animation-delay:.3s}.typing-demo small{margin-left:5px;color:#8194a6;font-size:8px}@keyframes typing{50%{transform:translateY(-4px);opacity:.45}}.calendar-demo,.internal-demo{display:flex;align-items:center;gap:9px;margin-top:18px;padding:9px 11px;border:1px solid #e5edf5;border-radius:11px;background:#f8fbfe}.calendar-demo b{font-size:7px;color:#1479c8}.calendar-demo strong{font:700 17px Sora}.calendar-demo span{font-size:8px;color:#73889a}.internal-demo>span{display:grid;place-items:center;width:26px;height:26px;border-radius:8px;background:#e8ddff;color:#6d49b5;font-size:7px;font-weight:800}.internal-demo p{font-size:8px;flex:1}.internal-demo svg{width:12px;color:#0c9970}.buttons-demo{display:flex;gap:5px;margin-top:18px}.buttons-demo button{padding:7px 8px;border:1px solid #bfd5f3;border-radius:7px;color:#2d65af;background:#f5f9ff;font-size:7px;font-weight:800}.ai-band{position:relative;overflow:hidden;background:linear-gradient(125deg,#0a5fe0,#063d9b)}.ai-band:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 80% 20%,rgba(18,216,155,.22),transparent 28%),linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:auto,50px 50px,50px 50px}.white-icon{position:relative;background:rgba(255,255,255,.14)}.ai-chat{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.25);border-radius:25px;background:#fff;box-shadow:0 35px 80px rgba(0,20,70,.32)}.ai-chat-head{display:flex;align-items:center;gap:12px;padding:17px 19px;border-bottom:1px solid #e2eaf2}.ai-orb{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:linear-gradient(145deg,#1266f1,#12d89b);color:#fff}.ai-orb svg{width:20px}.ai-chat-head b,.ai-chat-head span{display:block}.ai-chat-head b{font-size:13px}.ai-chat-head span{color:#7c8fa1;font-size:9px;margin-top:3px}.ai-chat-head span i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--mint)}.ai-chat-head em{margin-left:auto;padding:5px 8px;border-radius:99px;color:#1266f1;background:#e5efff;font-size:8px;font-weight:800}.ai-chat-body{padding:25px;background:#f4f8fc;min-height:310px}.ai-chat-body .bubble{font-size:12px;padding:13px 15px}.ai-thinking{display:flex;align-items:center;gap:8px;margin:18px 0;color:#386aae;font-size:10px}.ai-thinking svg{width:15px;animation:spinSoft 3s linear infinite}@keyframes spinSoft{to{transform:rotate(360deg)}}.quick-replies{display:flex;justify-content:flex-end;gap:7px;margin-top:12px}.quick-replies button{padding:8px 10px;border-radius:8px;border:1px solid #b9d1f1;background:#fff;color:#275fa9;font-size:8px;font-weight:800}
.simulator-section{background:linear-gradient(#fff,#f3f8fd)}.simulator-shell{overflow:hidden;border:1px solid #d9e5f0;border-radius:28px;background:#fff;box-shadow:0 30px 80px rgba(17,51,81,.13)}.sim-progress{display:grid;grid-template-columns:repeat(4,1fr);gap:0;padding:16px 18px;border-bottom:1px solid var(--line);background:#f8fbfe}.step-tab{position:relative;display:flex;align-items:center;gap:11px;padding:10px;text-align:left;border-radius:13px;color:#8b9cac;transition:.2s}.step-tab:not(:last-child):after{content:"";position:absolute;right:-4px;width:8px;height:1px;background:#cad7e2}.step-tab>span{display:grid;place-items:center;width:31px;height:31px;flex:0 0 auto;border:1px solid #d5e0e9;border-radius:10px;background:#fff;font-size:11px;font-weight:800}.step-tab b,.step-tab small{display:block}.step-tab b{font-size:11px}.step-tab small{font-size:8px;margin-top:2px}.step-tab.active{color:var(--blue);background:#eaf2ff}.step-tab.active>span{color:#fff;background:var(--blue);border-color:var(--blue)}.step-tab.completed{color:#188460}.step-tab.completed>span{color:#fff;background:#16ad7c;border-color:#16ad7c}.sim-main{min-height:665px;padding:38px}.sim-step{display:none;animation:stepIn .35s ease}.sim-step.active{display:block}@keyframes stepIn{from{opacity:0;transform:translateX(16px)}}.sim-title{display:flex;align-items:flex-start;gap:15px}.sim-icon{display:grid;place-items:center;width:48px;height:48px;flex:0 0 auto;border-radius:15px;color:var(--blue);background:#e6f0ff}.sim-icon svg{width:22px}.sim-title span{color:#6e94c5;font-size:9px;letter-spacing:.12em;text-transform:uppercase;font-weight:800}.sim-title h3{margin-top:3px;font:600 27px Sora;color:var(--ink)}.sim-title p{margin-top:5px;color:#71869a;font-size:13px}.user-selector{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:39px}.user-quantity,.unit-price{display:flex;align-items:center;justify-content:center;min-height:140px;border:1px solid var(--line);border-radius:20px;background:#f9fcfe}.user-quantity{gap:18px}.user-quantity button,.mini-stepper button{display:grid;place-items:center;width:41px;height:41px;border:1px solid #d8e5f0;border-radius:12px;background:#fff;color:var(--blue);transition:.2s}.user-quantity button:hover,.mini-stepper button:hover{border-color:var(--blue);background:#edf4ff}.user-quantity button svg,.mini-stepper button svg{width:17px}.user-quantity label{text-align:center}.user-quantity input{display:block;width:115px;text-align:center;background:transparent;font:700 38px Sora;color:var(--ink);outline:0}.user-quantity input::-webkit-inner-spin-button{display:none}.user-quantity label span{font-size:10px;color:#7d91a4}.unit-price{flex-direction:column}.unit-price small{color:#71869a;font-size:10px}.unit-price strong{font:700 28px Sora;color:var(--ink);margin-top:5px}.unit-price span{margin-top:6px;font-size:9px;color:#3270bf;background:#e8f1ff;padding:5px 8px;border-radius:99px}.range{width:100%;height:6px;margin-top:39px;appearance:none;border-radius:99px;background:linear-gradient(90deg,var(--blue) var(--range-progress,0%),#dce7f0 var(--range-progress,0%))}.range::-webkit-slider-thumb{appearance:none;width:23px;height:23px;border:5px solid #fff;border-radius:50%;background:var(--blue);box-shadow:0 2px 8px rgba(18,102,241,.45);cursor:pointer}.range::-moz-range-thumb{width:14px;height:14px;border:5px solid #fff;border-radius:50%;background:var(--blue);box-shadow:0 2px 8px rgba(18,102,241,.45);cursor:pointer}.range-labels{display:flex;justify-content:space-between;margin-top:9px;color:#8da0b1;font-size:9px}.tier-notice{display:flex;align-items:center;gap:12px;margin-top:25px;padding:14px 16px;border:1px solid #cfe0f5;border-radius:14px;background:#f0f6ff;color:#5d7794;font-size:11px}.tier-notice svg{width:19px;color:var(--blue)}.tier-notice b{color:#2a5c99}.step-actions{display:flex;align-items:center;justify-content:space-between;margin-top:34px;padding-top:22px;border-top:1px solid #e7eef4}.step-actions.end{justify-content:flex-end}.btn-back{display:inline-flex;align-items:center;gap:7px;min-height:44px;padding:0 15px;border-radius:12px;color:#5d7388;font-size:12px;font-weight:800}.btn-back:hover{background:#eef4f9}.btn-back svg{width:16px}.option-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:29px}.option-card{position:relative;display:flex;align-items:center;gap:12px;min-height:95px;padding:15px;border:1px solid var(--line);border-radius:17px;background:#fff;text-align:left;transition:.2s}.option-card:hover{border-color:#aec9e4;transform:translateY(-2px)}.option-card.selected{border-color:var(--blue);background:#f3f8ff;box-shadow:0 0 0 2px rgba(18,102,241,.08)}.option-icon{display:grid;place-items:center;width:43px;height:43px;flex:0 0 auto;border-radius:13px;background:#e9f2ff;color:var(--blue)}.option-icon svg{width:20px}.option-card[data-id=qr] .option-icon{color:#07855f;background:#def8ef}.option-card[data-id=instagram] .option-icon{color:#b54275;background:#ffe6f0}.option-card[data-id=facebook] .option-icon{color:#1761cb;background:#e4efff}.option-card[data-id=webchat] .option-icon{color:#7547bd;background:#eee5ff}.option-card b,.option-card small{display:block}.option-card b{color:var(--ink);font-size:12px}.option-card p{margin-top:3px;color:#7a8ea1;font-size:9px;line-height:1.35}.option-card small{color:#335f91;font-size:9px;font-weight:800;margin-top:5px}.option-card .option-check{position:absolute;right:12px;top:12px;width:18px;height:18px;border:1px solid #d4e0ea;border-radius:6px;background:#fff}.option-card.selected .option-check{display:grid;place-items:center;background:var(--blue);border-color:var(--blue);color:#fff}.option-card .option-check svg{display:none;width:12px}.option-card.selected .option-check svg{display:block}.quantity-control{display:flex;align-items:center;gap:8px;margin-left:auto;padding-top:30px}.quantity-control button{display:grid;place-items:center;width:25px;height:25px;border:1px solid #d7e3ed;border-radius:8px;background:#fff;color:#52708b}.quantity-control button svg{width:12px}.quantity-control strong{min-width:15px;text-align:center;font-size:11px}.call-line-control{display:flex;align-items:center;justify-content:space-between;margin-top:14px;padding:15px;border:1px solid #d7e5f0;border-radius:17px;background:#f9fcfe}.call-line-control>div:first-child{display:flex;align-items:center;gap:12px}.call-line-control b{display:block;font-size:12px}.call-line-control p{font-size:9px;color:#778c9f;margin-top:3px}.call-line-control.disabled{opacity:.45;pointer-events:none}.mini-stepper{display:flex;align-items:center;gap:10px}.mini-stepper button{width:31px;height:31px;border-radius:9px}.mini-stepper strong{min-width:18px;text-align:center;font:700 14px Sora}.feature-options .option-card{min-height:86px}.feature-options .option-card p{padding-right:20px}.final-summary{display:grid;gap:10px;margin-top:28px}.final-group{padding:15px 17px;border:1px solid var(--line);border-radius:15px;background:#f8fbfe}.final-group header{display:flex;justify-content:space-between;align-items:center}.final-group header span{display:flex;align-items:center;gap:8px;color:#61768a;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.final-group header svg{width:15px;color:var(--blue)}.final-group header b{font-size:12px;color:var(--ink)}.final-group p{font-size:11px;color:#61768a;margin-top:8px;line-height:1.6}.proposal-form{margin-top:18px;padding-top:22px;border-top:1px solid var(--line)}.form-heading h4{font:600 18px Sora;color:var(--ink)}.form-heading p{font-size:11px;color:#71869a;margin-top:4px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}.form-grid label{color:#52697e;font-size:10px;font-weight:800}.form-grid input{display:block;width:100%;height:45px;margin-top:6px;padding:0 13px;border:1px solid #d6e2ec;border-radius:11px;background:#fbfdff;color:var(--ink);outline:0;font-size:13px;transition:.2s}.form-grid input:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(18,102,241,.1)}.consent{display:flex;align-items:flex-start;gap:9px;margin-top:16px;color:#6c8194;font-size:10px;line-height:1.55}.consent input{margin-top:2px;accent-color:var(--blue)}.consent a{color:var(--blue);font-weight:800}.honeypot{position:absolute!important;left:-9999px!important}.form-message{display:none;margin-top:14px;padding:11px;border-radius:10px;font-size:11px}.form-message.error{display:block;color:#a33b48;background:#fff0f2;border:1px solid #f7c9d0}.price-summary{position:relative;background:linear-gradient(155deg,#081f36,#061629);color:#fff}.summary-sticky{position:sticky;top:90px;padding:38px 30px}.summary-label{color:#8da8c2;font-size:10px;text-transform:uppercase;letter-spacing:.14em;font-weight:800}.total-price{display:flex;align-items:baseline;margin-top:9px}.total-price small{font:600 18px Sora;color:#55e5b7}.total-price strong{font:700 43px Sora;letter-spacing:-.05em}.total-price em{margin-left:6px;color:#7590a8;font-size:10px}.summary-sticky>p{margin-top:6px;color:#7690a8;font-size:10px}.summary-lines{margin-top:29px;padding-top:20px;border-top:1px solid rgba(255,255,255,.09)}.summary-lines>div{display:flex;justify-content:space-between;align-items:center;padding:10px 0}.summary-lines span{display:flex;align-items:center;gap:8px;color:#9bb0c4;font-size:10px}.summary-lines span svg{width:14px}.summary-lines b{font-size:11px}.included-box{display:flex;align-items:flex-start;gap:11px;margin-top:24px;padding:14px;border:1px solid rgba(18,216,155,.19);border-radius:13px;background:rgba(18,216,155,.07)}.included-box>svg{width:18px;color:var(--mint)}.included-box b,.included-box span{display:block}.included-box b{font-size:10px;color:#6df1c7}.included-box span{font-size:9px;color:#86a89e;margin-top:4px}.edit-plan{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin-top:19px;padding:11px;color:#9cb0c3;border:1px solid rgba(255,255,255,.1);border-radius:11px;font-size:10px;font-weight:800}.edit-plan svg{width:14px}.edit-plan:hover{background:rgba(255,255,255,.06)}.dark-text{color:#062a2c}.faq-list details{border-bottom:1px solid var(--line)}.faq-list summary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 0;color:var(--ink);font-weight:800;font-size:15px;cursor:pointer;list-style:none}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary svg{width:19px;color:#7990a6;transition:.25s}.faq-list details[open] summary svg{transform:rotate(45deg);color:var(--blue)}.faq-list details p{padding:0 35px 23px 0;color:#657a8e;line-height:1.75;font-size:14px}.final-cta{padding:0 0 75px;background:#fff}.final-cta-inner{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:42px 48px;border-radius:28px;background:linear-gradient(120deg,#09223b,#0c3e69);box-shadow:0 30px 60px rgba(8,35,62,.2)}.final-cta-inner span{color:#60e9bf;text-transform:uppercase;letter-spacing:.14em;font-size:10px;font-weight:800}.final-cta-inner h2{max-width:750px;margin-top:8px;color:#fff;font:600 clamp(1.7rem,4vw,2.8rem)/1.16 Sora}.site-footer{background:#041321;color:#fff}.footer-grid{display:grid;grid-template-columns:1.7fr repeat(3,1fr);gap:55px}.footer-grid>div:first-child p{max-width:360px;margin-top:19px;color:#718ba3;line-height:1.7;font-size:13px}.footer-grid b{display:block;margin-bottom:16px;font-size:12px}.footer-grid a{display:block;margin-top:10px;color:#8098ae;font-size:12px;transition:.2s}.footer-grid a:hover{color:#fff}.footer-bottom{display:flex;justify-content:space-between;margin-top:45px;padding-top:22px;border-top:1px solid rgba(255,255,255,.08);color:#5f778d;font-size:10px}.modal{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:20px}.modal[hidden]{display:none}.modal-backdrop{position:absolute;inset:0;background:rgba(1,12,23,.78);backdrop-filter:blur(8px)}.modal-card{position:relative;width:min(100%,430px);padding:36px;text-align:center;border-radius:25px;background:#fff;box-shadow:0 35px 100px rgba(0,0,0,.35);animation:modalIn .35s ease}@keyframes modalIn{from{opacity:0;transform:translateY(18px) scale(.96)}}.success-orb{display:grid;place-items:center;width:64px;height:64px;margin:auto;border-radius:20px;background:#dff9ef;color:#079469}.success-orb svg{width:31px}.modal-card h2{margin-top:20px;font:600 25px Sora;color:var(--ink)}.modal-card p{margin:10px 0 24px;color:#64798d;line-height:1.65;font-size:13px}.scroll-top{position:fixed;right:20px;bottom:20px;z-index:40;display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:var(--blue);color:#fff;box-shadow:0 12px 30px rgba(18,102,241,.3);opacity:0;pointer-events:none;transform:translateY(10px);transition:.25s}.scroll-top.visible{opacity:1;pointer-events:auto;transform:none}.scroll-top svg{width:18px}.reveal{opacity:0;transform:translateY(26px);transition:opacity .75s ease,transform .75s cubic-bezier(.2,.7,.2,1)}.reveal.visible{opacity:1;transform:none}.reveal-delay{transition-delay:.12s}
@media(max-width:1023px){.product-window{transform:none}.hero-product{max-width:720px;margin:auto}.section-heading{grid-template-columns:1fr;gap:16px}.footer-grid{grid-template-columns:1.5fr 1fr 1fr}.footer-grid>div:last-child{grid-column:2/4}.price-summary{min-height:auto}.summary-sticky{position:static}.sim-main{min-height:0}.phone-stage{order:2}.call-section .grid>div:last-child{order:1}}
@media(max-width:767px){.section-pad{padding:78px 0}.site-header:not(.scrolled) .menu-button{background:rgba(255,255,255,.1);color:#fff}.product-body{grid-template-columns:46px 1fr;height:360px}.conversation-list{display:none}.window-address{width:58%}.floating-card{display:none}.trust-metrics{grid-template-columns:1fr 1fr;gap:24px}.trust-metrics>div:nth-child(2){border:0}.trust-metrics small{padding:0 10px}.showcase-dark{min-height:560px}.kanban-grid{width:570px}.kanban-wrap{right:auto;width:610px}.phone-stage{min-height:520px}.sound-ring{width:360px;height:360px}.sim-progress{display:flex;overflow:auto;padding:10px}.step-tab{min-width:58px;justify-content:center}.step-tab div,.step-tab:after{display:none}.sim-main{padding:26px 20px}.sim-title h3{font-size:22px}.user-selector{grid-template-columns:1fr;margin-top:28px}.user-quantity,.unit-price{min-height:115px}.option-grid{grid-template-columns:1fr}.step-actions{gap:10px}.step-actions .btn-primary,.step-actions .btn-mint{flex:1;padding:0 12px;font-size:11px}.form-grid{grid-template-columns:1fr}.final-cta-inner{align-items:flex-start;flex-direction:column;padding:33px 27px}.footer-grid{grid-template-columns:1fr 1fr;gap:38px}.footer-grid>div:first-child{grid-column:1/3}.footer-grid>div:last-child{grid-column:auto}.footer-bottom{flex-direction:column;gap:7px}.quick-replies{flex-wrap:wrap}.ai-chat-body{padding:18px}.ai-chat-body .bubble{width:95%}}
@media(max-width:420px){.hero-section h1{font-size:2.75rem}.call-window{border-radius:22px}.call-controls{padding:13px 9px}.call-controls button span{display:none}.user-quantity{gap:9px}.user-quantity input{width:90px}.footer-grid{grid-template-columns:1fr}.footer-grid>div:first-child{grid-column:auto}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}
.submit-spinner{width:16px;height:16px;border:2px solid rgba(6,42,44,.3);border-top-color:#062a2c;border-radius:50%;animation:spinSoft .7s linear infinite}

/* Seções avançadas */
.core-features{background:linear-gradient(180deg,#fff,#f6faff)}.core-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.core-card{position:relative;overflow:hidden;min-height:285px;padding:28px;border:1px solid #dce8f3;border-radius:25px;background:#fff;box-shadow:0 16px 45px rgba(13,52,86,.06);transition:.35s}.core-card:hover{transform:translateY(-7px);box-shadow:0 28px 65px rgba(13,52,86,.13);border-color:#bed4e9}.core-card.core-wide{grid-column:span 2;background:linear-gradient(145deg,#081f37,#0d3f69);color:#fff}.core-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;color:#fff;background:#1769e8}.core-icon svg{width:22px}.mint-core{color:#067957;background:#d9faee}.purple-core{color:#7046bd;background:#eee4ff}.orange-core{color:#b7560b;background:#ffead6}.cyan-core{color:#087c92;background:#dff8fc}.core-card>span{display:block;margin-top:22px;color:#4f86cb;font-size:10px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.core-wide>span{color:#65e8bf}.core-card h3{margin-top:7px;font:600 22px/1.25 Sora;color:var(--ink);letter-spacing:-.025em}.core-wide h3{color:#fff;font-size:28px}.core-card>p{margin-top:9px;color:#6d8195;font-size:13px;line-height:1.7}.core-wide>p{color:#a7bfd3;max-width:560px}.inbox-flow{display:flex;align-items:center;gap:8px;margin-top:26px}.inbox-flow>div{display:flex;align-items:center;gap:8px;min-width:0;padding:11px;border:1px solid rgba(255,255,255,.1);border-radius:13px;background:rgba(255,255,255,.06)}.inbox-flow>div svg{width:16px;color:#67e6bd}.inbox-flow>div b,.inbox-flow>div small{display:block}.inbox-flow>div b{font-size:8px}.inbox-flow>div small{color:#7797b1;font-size:6px}.inbox-flow .flow-arrow{color:#6588a4}.inbox-flow .flow-arrow svg{width:20px}.inbox-flow .unified-box{margin-left:auto;border-color:rgba(18,216,155,.26);background:rgba(18,216,155,.1);animation:unifiedPulse 2.7s infinite}@keyframes unifiedPulse{50%{box-shadow:0 0 0 8px rgba(18,216,155,0)}}.node-flow{display:flex;align-items:center;justify-content:center;gap:9px;margin-top:31px}.node-flow i{display:grid;place-items:center;width:42px;height:42px;padding:11px;border:1px solid #d4e3ef;border-radius:13px;background:#f7fbfe;color:#477bb8}.node-flow span{display:block;width:35px;height:2px;background:linear-gradient(90deg,#bad1e7,#5f9de5);position:relative;overflow:hidden}.node-flow span:after{content:"";position:absolute;width:8px;height:2px;background:#1266f1;animation:dataMove 1.5s linear infinite}@keyframes dataMove{from{left:-8px}to{left:100%}}.ai-status-line{display:flex;align-items:center;gap:8px;margin-top:28px;padding:12px;border:1px solid #ded0fa;border-radius:12px;background:#faf7ff;font-size:8px}.ai-status-line svg{width:15px;color:#794fc5}.ai-status-line span{color:#7d6a9e}.ai-status-line b{margin-left:auto;color:#6845aa}.campaign-bars{display:flex;align-items:end;gap:7px;height:65px;margin-top:21px;padding:0 7px;border-bottom:1px solid #e5edf4}.campaign-bars span{flex:1;height:var(--bar);border-radius:5px 5px 0 0;background:linear-gradient(#ff9a4d,#ffcb9d);transform-origin:bottom;animation:barRise 2s ease both}.campaign-bars span:nth-child(2){animation-delay:.15s}.campaign-bars span:nth-child(3){animation-delay:.3s}.campaign-bars span:nth-child(4){animation-delay:.45s}.campaign-bars span:nth-child(5){animation-delay:.6s}@keyframes barRise{from{transform:scaleY(0)}}.metric-row{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:24px}.metric-row>div{padding:13px;border-radius:13px;background:#f4fafd;border:1px solid #e1ebf3}.metric-row small,.metric-row b{display:block}.metric-row small{color:#8194a6;font-size:7px}.metric-row b{font:700 19px Sora;color:#087b91;margin-top:5px}
.channels-section{position:relative;overflow:hidden;background:linear-gradient(130deg,#061728,#0b3458)}.channels-section:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 75% 50%,rgba(18,102,241,.22),transparent 33%),radial-gradient(circle at 20% 20%,rgba(18,216,155,.08),transparent 24%)}.channel-hub{position:relative;min-height:570px}.hub-orbit{position:absolute;left:50%;top:50%;border:1px dashed rgba(118,172,225,.2);border-radius:50%;transform:translate(-50%,-50%);animation:orbitSpin 40s linear infinite}.orbit-a{width:480px;height:480px}.orbit-b{width:310px;height:310px;animation-direction:reverse;animation-duration:28s}@keyframes orbitSpin{to{transform:translate(-50%,-50%) rotate(360deg)}}.hub-center{position:absolute;left:50%;top:50%;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;width:130px;height:130px;border:1px solid rgba(255,255,255,.16);border-radius:35px;background:linear-gradient(145deg,#176de8,#0b4eb3);color:#fff;box-shadow:0 25px 70px rgba(0,45,115,.52);transform:translate(-50%,-50%)}.hub-center svg{width:30px}.hub-center b{font:600 14px Sora;margin-top:8px}.hub-center span{font-size:8px;color:#9fc5f7}.channel-chip{position:absolute;z-index:4;display:flex;align-items:center;gap:11px;width:200px;padding:13px;border:1px solid rgba(255,255,255,.12);border-radius:16px;background:rgba(255,255,255,.08);color:#fff;box-shadow:0 18px 45px rgba(0,0,0,.18);backdrop-filter:blur(13px);animation:chipFloat 5s ease-in-out infinite}.channel-chip>div{display:grid;place-items:center;width:37px;height:37px;flex:0 0 auto;border-radius:11px;background:rgba(18,216,155,.15);color:#55e6b8}.channel-chip svg{width:18px}.channel-chip b,.channel-chip span{display:block}.channel-chip b{font-size:10px}.channel-chip span{font-size:7px;color:#819db6;margin-top:3px}.channel-qr{left:0;top:35px}.channel-api{right:0;top:62px;animation-delay:.6s}.channel-ig{left:15px;top:248px;animation-delay:1.2s}.channel-fb{right:4px;top:280px;animation-delay:1.8s}.channel-tg{left:90px;bottom:15px;animation-delay:2.4s}.channel-web{right:75px;bottom:0;animation-delay:3s}@keyframes chipFloat{50%{transform:translateY(-10px)}}
.how-section{background:#fff}.setup-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;position:relative}.setup-steps:before{content:"";position:absolute;left:16%;right:16%;top:52px;border-top:1px dashed #bdd1e4}.setup-step{position:relative;z-index:1;padding:27px 24px 25px;text-align:center;border:1px solid #dce8f2;border-radius:22px;background:#fff;box-shadow:0 14px 40px rgba(13,52,86,.06)}.setup-step>span{position:absolute;top:15px;right:17px;color:#d1dfeb;font:700 30px Sora}.setup-icon{display:grid;place-items:center;width:52px;height:52px;margin:0 auto 20px;border:6px solid #fff;border-radius:16px;background:#e5efff;color:#1266f1;box-shadow:0 0 0 1px #dce8f2}.setup-icon svg{width:21px}.setup-step:nth-child(2) .setup-icon{background:#e0faef;color:#07845e}.setup-step:nth-child(3) .setup-icon{background:#eee5ff;color:#7147bd}.setup-step h3{font:600 17px Sora;color:#071a2e}.setup-step p{margin-top:9px;color:#71869a;font-size:12px;line-height:1.65}.live-workflow{display:grid;grid-template-columns:.76fr 1.24fr;gap:45px;align-items:center;margin-top:70px;padding:42px;border-radius:30px;background:linear-gradient(145deg,#f2f7fc,#eaf3fb);border:1px solid #d5e4f1}.workflow-copy h2{margin-top:11px;font:600 34px/1.2 Sora;color:#071a2e;letter-spacing:-.035em}.workflow-copy h2 span{color:#1266f1}.typing-caret{display:inline-block;width:3px;height:.9em;margin-left:4px;background:#12d89b;animation:caretBlink .8s steps(1) infinite}@keyframes caretBlink{50%{opacity:0}}.workflow-copy>p{margin-top:15px;color:#647b90;line-height:1.7;font-size:14px}.workflow-controls{display:grid;gap:7px;margin-top:23px}.workflow-controls button{display:flex;align-items:center;gap:10px;padding:9px;border-radius:11px;color:#71869a;font-size:10px;font-weight:800;text-align:left;transition:.25s}.workflow-controls button span{display:grid;place-items:center;width:26px;height:26px;border:1px solid #cedce8;border-radius:8px;background:#fff}.workflow-controls button.active{color:#1266f1;background:#fff;box-shadow:0 8px 25px rgba(20,60,95,.08)}.workflow-controls button.active span{color:#fff;background:#1266f1;border-color:#1266f1}.workflow-browser{position:relative;overflow:hidden;height:395px;border:1px solid #d4e1ec;border-radius:20px;background:#f7fafc;box-shadow:0 27px 65px rgba(14,51,84,.18)}.workflow-top{height:47px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;background:#fff;border-bottom:1px solid #e2eaf1}.workflow-top>div{display:flex;gap:5px}.workflow-top>div i{width:7px;height:7px;border-radius:50%;background:#cfdae4}.workflow-top>span{display:flex;align-items:center;gap:5px;color:#8093a4;font-size:8px}.workflow-top>span svg{width:10px}.workflow-top>b{display:grid;place-items:center;width:25px;height:25px;border-radius:8px;background:#dfeaff;color:#2460b8;font-size:7px}.workflow-screen{position:absolute;inset:47px 0 5px;display:none;padding:23px;opacity:0;transform:translateX(28px)}.workflow-screen.active{display:block;animation:screenEnter .55s ease forwards}@keyframes screenEnter{to{opacity:1;transform:none}}.screen-label{display:flex;align-items:center;gap:7px;color:#4e6780;font-size:10px;font-weight:800}.screen-label svg{width:15px;color:#1266f1}.screen-label em{margin-left:auto;color:#0d8a65;background:#ddf9ef;padding:5px 7px;border-radius:99px;font-size:6px;letter-spacing:.08em}.incoming-ticket{display:grid;grid-template-columns:42px 1fr auto;gap:11px;align-items:center;margin-top:53px;padding:18px;border:1px solid #d6e4ef;border-radius:16px;background:#fff;box-shadow:0 13px 34px rgba(22,59,91,.09);animation:ticketIn .6s .15s both}@keyframes ticketIn{from{opacity:0;transform:translateY(20px) scale(.97)}}.incoming-ticket .contact-avatar{width:42px;height:42px;font-size:10px}.incoming-ticket b,.incoming-ticket p,.incoming-ticket span{display:block}.incoming-ticket b{font-size:11px}.incoming-ticket p{min-height:18px;margin-top:4px;color:#587087;font-size:9px}.incoming-ticket span{margin-top:5px;color:#9aabba;font-size:7px}.incoming-ticket>strong{display:grid;place-items:center;width:21px;height:21px;border-radius:7px;background:#12d89b;color:#063b2b;font-size:8px}.screen-toast{display:flex;align-items:center;gap:8px;width:max-content;margin:25px auto 0;padding:9px 12px;border-radius:10px;background:#071a2e;color:#fff;font-size:8px;animation:toastIn .5s .6s both}.screen-toast svg{width:13px;color:#5ce8bd}@keyframes toastIn{from{opacity:0;transform:translateY(12px)}}.automation-map{display:flex;align-items:center;justify-content:center;margin-top:49px}.automation-map>span{width:35px;height:2px;background:#cad9e6;position:relative}.automation-map>span:after{content:"";position:absolute;width:9px;height:2px;background:#1266f1;animation:dataMove 1.3s linear infinite}.auto-node{display:flex;flex-direction:column;align-items:center;width:105px;text-align:center;color:#8193a4}.auto-node svg{width:20px;height:20px;padding:11px;box-sizing:content-box;border:1px solid #d4e2ed;border-radius:13px;background:#fff}.auto-node b{font-size:8px;margin-top:7px;color:#52697f}.auto-node small{font-size:6px;margin-top:3px}.auto-node.complete svg{color:#07875f;background:#e1f9f0}.auto-node.active svg{color:#1266f1;background:#e5efff;animation:nodePulse 1.8s infinite}@keyframes nodePulse{50%{box-shadow:0 0 0 10px rgba(18,102,241,0)}}.intent-card{position:relative;margin:35px auto 0;padding:13px 15px;width:80%;border-left:3px solid #8457d3;border-radius:10px;background:#fff;box-shadow:0 10px 28px rgba(22,59,91,.08)}.intent-card span,.intent-card b{display:block}.intent-card span{font-size:6px;color:#8b9bab;text-transform:uppercase;letter-spacing:.1em}.intent-card b{font-size:9px;margin-top:4px}.intent-card em{position:absolute;right:12px;top:18px;color:#7147bd;font-size:7px;font-weight:800}.mini-kanban{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:35px}.mini-kanban>div{min-height:205px;padding:10px;border-radius:12px;background:#eef4f8}.mini-kanban>div>b{font-size:7px;color:#75899c}.mini-kanban article{display:flex;align-items:center;gap:8px;margin-top:13px;padding:11px;border:1px solid #d7e3ed;border-radius:10px;background:#fff;box-shadow:0 7px 18px rgba(15,50,80,.08);animation:leadMove 3.2s .4s ease-in-out infinite}.mini-kanban article>span{display:grid;place-items:center;width:29px;height:29px;border-radius:9px;background:#dff9ef;color:#087b59;font-size:7px;font-weight:800}.mini-kanban article p strong,.mini-kanban article p small{display:block}.mini-kanban article p strong{font-size:7px}.mini-kanban article p small{font-size:6px;color:#8798a8;margin-top:3px}@keyframes leadMove{0%,35%{transform:translateX(0)}65%,100%{transform:translateX(calc(100% + 20px))}}.drop-zone{margin-top:50px;padding:11px;text-align:center;border:1px dashed #a8c1d7;border-radius:9px;color:#88a0b4;font-size:6px}.drop-zone svg{width:11px;display:inline}.mini-kanban>div>small{display:block;margin-top:55px;text-align:center;color:#98aabc;font-size:7px}.result-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:30px}.result-metrics>div{padding:13px;border:1px solid #dbe6ef;border-radius:12px;background:#fff}.result-metrics span,.result-metrics b,.result-metrics small{display:block}.result-metrics span{font-size:7px;color:#8295a7}.result-metrics b{font:700 20px Sora;color:#071a2e;margin-top:6px}.result-metrics small{font-size:6px;color:#07956b;margin-top:5px}.result-graph{display:flex;align-items:end;gap:10px;height:125px;margin-top:23px;padding:0 22px 10px;border-bottom:1px solid #d8e4ee}.result-graph span{flex:1;height:var(--height);border-radius:6px 6px 0 0;background:linear-gradient(#2879eb,#8ebafd);animation:barRise .8s ease both}.result-graph span:last-child{background:linear-gradient(#12d89b,#8ef0d0)}.workflow-progress{position:absolute;left:0;right:0;bottom:0;height:4px;background:#e5edf3}.workflow-progress span{display:block;height:100%;background:linear-gradient(90deg,#1266f1,#12d89b);animation:flowProgress 4.6s linear infinite}@keyframes flowProgress{from{width:0}to{width:100%}}
.integrations-section{background:#f4f8fc}.integration-stage{position:relative;height:535px;overflow:hidden;border:1px solid #d8e5ef;border-radius:30px;background:radial-gradient(circle at 50% 50%,#e1edff,transparent 32%),#fff}.integration-lines{position:absolute;left:50%;top:50%;width:480px;height:330px;border:1px dashed #c2d7e8;border-radius:50%;transform:translate(-50%,-50%)}.integration-lines:after{content:"";position:absolute;left:50%;top:50%;width:275px;height:275px;border:1px dashed #d4e3ee;border-radius:50%;transform:translate(-50%,-50%)}.integration-center{position:absolute;left:50%;top:50%;z-index:3;display:grid;place-items:center;width:120px;height:120px;border-radius:35px;background:linear-gradient(145deg,#1266f1,#0750bd);color:#fff;box-shadow:0 20px 50px rgba(18,102,241,.32);transform:translate(-50%,-50%)}.integration-center svg{width:27px}.integration-center b{font:600 12px Sora}.integration-chip{position:absolute;z-index:4;display:flex;align-items:center;gap:10px;width:190px;padding:13px 14px;border:1px solid #dce7f0;border-radius:15px;background:#fff;box-shadow:0 13px 35px rgba(19,55,87,.1);animation:chipFloat 5.5s ease-in-out infinite}.integration-chip>svg{width:21px;color:#1266f1}.integration-chip b,.integration-chip small{display:block}.integration-chip b{font-size:10px}.integration-chip small{font-size:7px;color:#8294a5;margin-top:3px}.i-openai{left:8%;top:12%}.i-typebot{right:9%;top:10%;animation-delay:.5s}.i-n8n{left:5%;top:45%;animation-delay:1s}.i-calendar{right:5%;top:44%;animation-delay:1.5s}.i-db{left:15%;bottom:8%;animation-delay:2s}.i-webhook{right:14%;bottom:9%;animation-delay:2.5s}.data-particle{position:absolute;width:7px;height:7px;border-radius:50%;background:#12d89b;box-shadow:0 0 12px #12d89b;animation:particleMove 5s linear infinite}.p1{left:28%;top:44%}.p2{right:31%;top:60%;animation-delay:1.5s}.p3{left:48%;top:20%;animation-delay:3s}@keyframes particleMove{50%{transform:translate(45px,25px);opacity:.3}}
.why-section{position:relative;overflow:hidden;background:linear-gradient(135deg,#061729,#0a3459)}.why-section:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 0,rgba(18,102,241,.22),transparent 38%)}.why-grid{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.why-grid article{padding:26px;border:1px solid rgba(255,255,255,.1);border-radius:20px;background:rgba(255,255,255,.045);transition:.3s}.why-grid article:hover{transform:translateY(-5px);background:rgba(255,255,255,.075);border-color:rgba(71,152,245,.35)}.why-grid svg{width:23px;color:#5e9fff}.why-grid h3{margin-top:19px;color:#fff;font:600 16px Sora}.why-grid p{margin-top:9px;color:#8da6bc;font-size:12px;line-height:1.65}.testimonials-section{background:#fff}.testimonial-track{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.testimonial-track article{padding:27px;border:1px solid #dbe7f1;border-radius:22px;background:#f9fcfe;transition:.3s}.testimonial-track article.featured{background:linear-gradient(145deg,#0a3154,#071c31);border-color:#0a3154;color:#fff;transform:translateY(-10px);box-shadow:0 25px 55px rgba(8,41,70,.18)}.quote-mark{height:28px;color:#1266f1;font:700 42px Georgia;line-height:1}.featured .quote-mark{color:#4de2b3}.testimonial-track article>p{min-height:98px;margin-top:16px;color:#596f84;font-size:13px;line-height:1.8}.testimonial-track .featured>p{color:#b0c3d4}.testimonial-track footer{display:flex;align-items:center;gap:10px;padding-top:18px;border-top:1px solid #e4ecf3}.testimonial-track .featured footer{border-color:rgba(255,255,255,.1)}.testimonial-track footer>span{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:#e2edff;color:#235db2;font-size:8px;font-weight:800}.testimonial-track footer b,.testimonial-track footer small{display:block}.testimonial-track footer b{font-size:9px}.testimonial-track footer small{margin-top:3px;color:#8a9dad;font-size:7px}.testimonial-track footer em{margin-left:auto;color:#f1b93d;font-size:8px;letter-spacing:1px}.slider-dots{display:none;justify-content:center;gap:6px;margin-top:20px}.slider-dots button{width:7px;height:7px;border-radius:50%;background:#c4d3df}.slider-dots button.active{width:22px;border-radius:9px;background:#1266f1}.trusted-banner{display:flex;align-items:center;justify-content:space-between;margin-top:40px;padding:24px 28px;border:1px solid #d9e6f0;border-radius:20px;background:#f5f9fc}.trusted-banner>div:first-child{display:flex;align-items:center;gap:13px}.trusted-banner svg{width:25px;color:#1266f1}.trusted-banner b,.trusted-banner small{display:block}.trusted-banner b{font:600 14px Sora;color:#071a2e}.trusted-banner small{margin-top:4px;color:#71869a;font-size:9px}.trusted-avatars{display:flex}.trusted-avatars span{display:grid;place-items:center;width:37px;height:37px;margin-left:-7px;border:3px solid #f5f9fc;border-radius:12px;background:#dfeaff;color:#255daf;font-size:8px;font-weight:800}.trusted-avatars span:nth-child(2){background:#e4f8ef;color:#0a805f}.trusted-avatars span:nth-child(3){background:#eee5ff;color:#7048b7}.trusted-avatars span:last-child{background:#071a2e;color:#fff}
.api-section{position:relative;overflow:hidden;background:#061522}.api-section:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 75% 30%,rgba(18,102,241,.18),transparent 32%),linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:auto,46px 46px,46px 46px}.api-benefits{display:grid;gap:13px;margin-top:29px}.api-benefits li{display:flex;align-items:center;gap:12px}.api-benefits li>svg{width:19px;color:#5b9cf5}.api-benefits b,.api-benefits small{display:block}.api-benefits b{color:#e7f0f8;font-size:12px}.api-benefits small{color:#718aa0;font-size:9px;margin-top:3px}.code-window{position:relative;overflow:hidden;border:1px solid #284056;border-radius:21px;background:#081b2c;box-shadow:0 35px 90px rgba(0,0,0,.4)}.code-head{display:flex;align-items:center;height:48px;padding:0 14px;background:#0d253a;border-bottom:1px solid #263e53}.code-head>div{display:flex;gap:5px}.code-head>div i{width:7px;height:7px;border-radius:50%;background:#496174}.code-head>span{margin:auto;color:#8fa5b9;font-size:9px}.code-head button{display:flex;align-items:center;gap:5px;color:#8fa5b9;font-size:8px}.code-head button svg{width:12px}.code-tabs{display:flex;align-items:center;gap:3px;padding:11px 14px;border-bottom:1px solid #1c3448}.code-tabs button{padding:6px 9px;color:#6e879d;font-size:8px;border-radius:7px}.code-tabs button.active{background:#173751;color:#b9ccdc}.code-tabs span{margin-left:auto;color:#5aefbd;background:rgba(18,216,155,.09);padding:5px 7px;border-radius:99px;font-size:7px;font-weight:800}.code-window pre{overflow:auto;padding:22px;color:#b8c9d7;font:11px/1.8 Consolas,monospace;white-space:pre}.code-purple{color:#bd8cff}.code-green{color:#6ee7b7}.code-response{display:flex;align-items:center;gap:13px;padding:13px 16px;border-top:1px solid #1f384d;background:#0b2032}.code-response span{color:#58e2b5;font-size:8px;font-weight:800}.code-response code{color:#6f879b;font-size:7px}
@media(max-width:1023px){.core-grid{grid-template-columns:1fr 1fr}.core-wide{grid-column:span 2}.channel-hub{max-width:670px;margin:auto}.live-workflow{grid-template-columns:1fr}.workflow-controls{grid-template-columns:repeat(4,1fr)}.integration-stage{height:650px}.why-grid{grid-template-columns:1fr 1fr}}
@media(max-width:767px){.core-grid{grid-template-columns:1fr}.core-wide{grid-column:auto}.inbox-flow{display:grid;grid-template-columns:1fr 1fr}.inbox-flow .flow-arrow{display:none}.inbox-flow .unified-box{margin:0;grid-column:1/3}.channel-hub{min-height:720px}.hub-orbit{display:none}.channel-chip{left:0!important;right:0!important;width:100%;animation:none}.channel-qr{top:0}.channel-api{top:94px}.channel-ig{top:188px}.channel-fb{top:282px}.channel-tg{top:376px;bottom:auto}.channel-web{top:470px;bottom:auto}.hub-center{top:620px}.setup-steps{grid-template-columns:1fr}.setup-steps:before{display:none}.live-workflow{padding:25px 16px}.workflow-copy h2{font-size:27px}.workflow-controls{grid-template-columns:1fr 1fr}.workflow-browser{height:390px}.automation-map{transform:scale(.78);transform-origin:center}.result-metrics{grid-template-columns:1fr}.result-metrics>div{display:grid;grid-template-columns:1fr auto;align-items:center}.result-metrics small{grid-column:1/3}.result-graph{display:none}.integration-stage{height:auto;padding:22px;display:grid;grid-template-columns:1fr;gap:10px}.integration-lines,.data-particle{display:none}.integration-center,.integration-chip{position:static;width:100%;transform:none;animation:none}.integration-center{height:95px;border-radius:20px}.why-grid{grid-template-columns:1fr}.testimonial-slider{overflow:hidden}.testimonial-track{display:flex;gap:0;transition:transform .45s ease}.testimonial-track article{min-width:100%}.testimonial-track article.featured{transform:none}.slider-dots{display:flex}.trusted-banner{align-items:flex-start;flex-direction:column;gap:20px}.code-window pre{font-size:9px}.mini-kanban{gap:5px}.mini-kanban article{padding:7px}.mini-kanban article>span{display:none}}

/* Refinamentos visuais v3 */
.site-header:not(.scrolled) img,.site-footer img{filter:none!important}.trust-strip{padding:54px 0;background:linear-gradient(180deg,#fff,#f7fbff)}.trust-metrics{gap:14px}.trust-metrics>div{position:relative;padding:23px 12px;border:1px solid #dce8f2!important;border-radius:19px;background:#fff;box-shadow:0 12px 34px rgba(13,52,86,.06);overflow:hidden}.trust-metrics>div:before{content:"";position:absolute;inset:auto 10% -28px;width:80%;height:45px;background:#1266f1;filter:blur(32px);opacity:.12}.trust-metrics b,.trust-metrics>div>span{font:700 34px Sora;color:#071a2e;letter-spacing:-.05em}.trust-metrics>div>span{color:#1266f1}.trust-metrics small{font:600 10px/1.4 Manrope;color:#71869a}.customer-photo{display:block;background-image:url('../img/clientes-depoimentos.webp');background-size:300% 200%;background-repeat:no-repeat;background-color:#d9e5ef}.customer-photo.p1{background-position:0 0}.customer-photo.p2{background-position:50% 0}.customer-photo.p3{background-position:100% 0}.customer-photo.p4{background-position:0 100%}.customer-photo.p5{background-position:50% 100%}.customer-photo.p6{background-position:100% 100%}.testimonial-slider{overflow:hidden;margin-left:-20px;margin-right:-20px;padding:20px}.auto-testimonials{display:flex!important;width:max-content;grid-template-columns:none!important;gap:16px!important;animation:testimonialsScroll 44s linear infinite}.auto-testimonials:hover{animation-play-state:paused}.auto-testimonials article{width:360px;min-width:360px!important;min-height:255px;padding:24px!important;background:#fff!important;color:#071a2e!important;transform:none!important;box-shadow:0 15px 42px rgba(13,52,86,.09)}@keyframes testimonialsScroll{to{transform:translateX(calc(-50% - 8px))}}.testimonial-top{display:flex;align-items:center;gap:12px}.testimonial-top>.customer-photo{width:58px;height:58px;flex:0 0 auto;border:3px solid #fff;border-radius:18px;box-shadow:0 7px 20px rgba(13,52,86,.18)}.testimonial-top b,.testimonial-top small{display:block}.testimonial-top b{font:600 11px Sora}.testimonial-top small{font-size:8px;color:#7b8ea0;margin-top:4px}.testimonial-top em{margin-left:auto;color:#f4b52c;font-size:17px;letter-spacing:1px;filter:drop-shadow(0 2px 3px rgba(244,181,44,.25))}.auto-testimonials article>p{min-height:105px!important;margin-top:20px!important;color:#5f7589!important;font-size:12px!important}.auto-testimonials footer{justify-content:space-between;padding-top:14px!important}.verified{display:flex;align-items:center;gap:5px;color:#07835e;font-size:8px;font-weight:800}.verified svg{width:13px}.auto-testimonials footer strong{font:700 12px Sora;color:#071a2e}.logo-marquee{position:relative;overflow:hidden;margin-top:26px;padding:22px 0;border:1px solid #dde8f1;border-radius:18px;background:#fff}.logo-marquee:before,.logo-marquee:after{content:"";position:absolute;z-index:2;top:0;bottom:0;width:100px}.logo-marquee:before{left:0;background:linear-gradient(90deg,#fff,transparent)}.logo-marquee:after{right:0;background:linear-gradient(-90deg,#fff,transparent)}.logo-marquee-track{display:flex;align-items:center;width:max-content;gap:70px;padding-left:50px;animation:logoScroll 28s linear infinite}.logo-marquee-track:hover{animation-play-state:paused}.logo-marquee img{width:135px;height:48px;object-fit:contain;filter:grayscale(1);opacity:.68;transition:.25s}.logo-marquee img:hover{filter:none;opacity:1;transform:scale(1.08)}@keyframes logoScroll{to{transform:translateX(calc(-50% - 35px))}}
.integration-stage{height:auto;min-height:0;padding:28px;background:#fff}.ecosystem-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.ecosystem-grid article{display:flex;flex-direction:column;align-items:flex-start;min-height:155px;padding:20px;border:1px solid #dce8f2;border-radius:18px;background:linear-gradient(145deg,#fff,#f7fbfe);transition:.3s}.ecosystem-grid article:hover{transform:translateY(-5px);border-color:#a9c7e3;box-shadow:0 15px 35px rgba(13,52,86,.1)}.ecosystem-grid img,.ecosystem-grid article>svg{width:36px;height:36px;object-fit:contain;color:#1266f1}.ecosystem-grid b{margin-top:17px;font:600 12px Sora;color:#071a2e}.ecosystem-grid span{margin-top:5px;color:#7d90a2;font-size:8px}.ecosystem-core{position:relative;display:flex;align-items:center;justify-content:center;height:145px;margin-top:16px;overflow:hidden;border-radius:20px;background:linear-gradient(125deg,#071a2e,#0b3e68)}.ecosystem-core>span{position:absolute;width:65%;height:1px;background:linear-gradient(90deg,transparent,#3d83d5,transparent)}.ecosystem-core>span:after{content:"";position:absolute;width:90px;height:1px;background:#5df0c1;box-shadow:0 0 14px #12d89b;animation:ecosystemSignal 2.5s linear infinite}@keyframes ecosystemSignal{from{left:-90px}to{left:100%}}.ecosystem-core>div{position:relative;z-index:2;display:grid;place-items:center;color:#fff}.ecosystem-core svg{width:26px;color:#55e5b6}.ecosystem-core b{font:600 13px Sora;margin-top:7px}.ecosystem-core small{color:#819eb7;font-size:8px;margin-top:4px}
.routing-visual{display:block;margin-top:22px}.routing-panel{overflow:hidden;border:1px solid #d8e5ef;border-radius:16px;background:#fff;box-shadow:0 12px 35px rgba(13,52,86,.08)}.routing-panel>header{display:flex;align-items:center;justify-content:space-between;padding:11px 13px;border-bottom:1px solid #e5edf4}.routing-panel>header>div{display:flex;align-items:center;gap:8px}.routing-panel>header svg{width:15px;color:#1266f1}.routing-panel header b,.routing-panel header small{display:block}.routing-panel header b{font-size:8px}.routing-panel header small{font-size:6px;color:#8ba0b2;margin-top:2px}.routing-panel header em{font-size:6px;color:#07845e;background:#dff9ef;padding:4px 6px;border-radius:99px}.routing-chat{display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:9px;margin:10px;padding:10px;border-radius:11px;background:#f4f8fc;animation:routeChatIn 3s infinite}.routing-chat>.customer-photo{width:36px;height:36px;border-radius:10px}.routing-chat b,.routing-chat p{display:block}.routing-chat b{font-size:7px}.routing-chat p{font-size:6px!important;margin-top:3px!important;color:#667c90!important}.routing-chat small{font-size:6px;color:#95a6b5}@keyframes routeChatIn{0%{opacity:0;transform:translateY(8px)}20%,100%{opacity:1;transform:none}}.routing-rule{text-align:center;color:#8195a7;font-size:6px}.routing-rule span,.routing-rule b{display:block}.routing-rule b{margin-top:3px;color:#476b90}.routing-rule svg{width:12px;margin:4px auto;color:#1266f1}.routing-agents{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:0 10px}.routing-agents article{display:grid;grid-template-columns:31px 1fr;align-items:center;gap:7px;padding:8px;border:1px solid #e0e9f1;border-radius:10px;position:relative}.routing-agents article.selected{border-color:#60d9b4;background:#f0fbf7;animation:agentSelect 3s infinite}.routing-agents .customer-photo{width:31px;height:31px;border-radius:9px}.routing-agents b,.routing-agents small{display:block}.routing-agents b{font-size:6px}.routing-agents small{font-size:5px;color:#8a9cac;margin-top:2px}.routing-agents em{grid-column:1/3;color:#0a8a64;font-size:5px;font-weight:800}@keyframes agentSelect{50%{box-shadow:0 0 0 4px rgba(18,216,155,.1)}}.route-success{display:flex;align-items:center;justify-content:center;gap:5px;margin-top:9px;padding:8px;background:#e4faf2;color:#07815d;font-size:6px;font-weight:800}.route-success svg{width:11px}
.pipeline-runner{position:absolute;z-index:7;left:30px;bottom:72px;display:flex;align-items:center;gap:8px;width:150px;padding:9px;border:1px solid #85e4c6;border-radius:10px;background:#f3fff9;color:#071a2e;box-shadow:0 15px 35px rgba(0,0,0,.25);animation:pipelineTravel 7s cubic-bezier(.45,0,.2,1) infinite}.pipeline-runner>span{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:#d9f9ed;color:#087c5a;font-size:7px;font-weight:800}.pipeline-runner b,.pipeline-runner small{display:block}.pipeline-runner b{font-size:7px}.pipeline-runner small{font-size:5px;color:#71869a;margin-top:2px}.pipeline-runner svg{width:12px;margin-left:auto;color:#1266f1}@keyframes pipelineTravel{0%,18%{transform:translate(0,0) rotate(-1deg)}30%,45%{transform:translate(185px,-35px) rotate(1deg)}58%,75%{transform:translate(370px,8px) rotate(-1deg)}84%{opacity:1;transform:translate(370px,8px) scale(1.04)}92%{opacity:0}93%{transform:translate(0,0);opacity:0}100%{opacity:1}}
.live-workflow{background:linear-gradient(145deg,#eef6fd,#e5f0fa);box-shadow:0 28px 70px rgba(13,52,86,.12)}.workflow-browser{border-color:#bcd2e5;box-shadow:0 30px 75px rgba(13,52,86,.24)}.workflow-browser:before{content:"";position:absolute;z-index:0;inset:12% 6%;background:radial-gradient(circle,#1266f1 0,transparent 65%);filter:blur(55px);opacity:.09;animation:actionGlow 5s ease-in-out infinite}@keyframes actionGlow{50%{transform:translateX(30px) scale(1.2);opacity:.18}}.workflow-screen{z-index:1}.phone-call-real{border-radius:30px;background:linear-gradient(155deg,#0a2946,#06192c);border-color:rgba(103,171,235,.25)}.phone-call-real .caller-avatar{width:96px;height:96px;border:4px solid #153b5c;border-radius:50%;box-shadow:0 0 0 8px rgba(18,216,155,.07),0 18px 35px rgba(0,0,0,.28)}.phone-call-real .caller-avatar span{right:4px;bottom:2px}.phone-call-real .call-controls button svg{width:19px;height:19px;padding:11px;border-radius:50%}.phone-call-real .hangup svg{transform:rotate(12deg);box-shadow:0 8px 22px rgba(235,77,92,.35)}.call-controls button.control-active svg{background:#1266f1!important;box-shadow:0 0 0 5px rgba(18,102,241,.15)}.waveform.stopped i{animation:none;height:3px;background:#627d94}.reply-success{display:flex;align-items:center;gap:7px;padding:9px 12px;border-radius:10px;background:#dcfaef;color:#087b59;font-size:9px;font-weight:800}.reply-success svg{width:14px}.feature-icon svg,.core-icon svg,.setup-icon svg,.channel-chip svg,.why-grid svg{animation:iconBreathe 3.3s ease-in-out infinite}@keyframes iconBreathe{50%{transform:translateY(-3px) rotate(3deg)}}
.lgpd-float{position:fixed;z-index:90;left:18px;bottom:18px;display:grid;grid-template-columns:42px 1fr;gap:12px;width:min(390px,calc(100vw - 36px));padding:16px;border:1px solid #d8e4ee;border-radius:18px;background:rgba(255,255,255,.96);box-shadow:0 24px 70px rgba(4,24,42,.22);backdrop-filter:blur(15px);animation:lgpdIn .45s ease}.lgpd-float.closing{opacity:0;transform:translateY(15px);transition:.28s}.lgpd-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:#e1f9f0;color:#087b59}.lgpd-icon svg{width:21px}.lgpd-float b{font:600 12px Sora;color:#071a2e}.lgpd-float p{margin-top:5px;color:#657b8e;font-size:9px;line-height:1.5}.lgpd-float a{display:inline-block;margin-top:4px;color:#1266f1;font-size:8px;font-weight:800}.lgpd-float>div:last-child>div{display:flex;justify-content:flex-end;gap:7px;margin-top:10px}.lgpd-float button{padding:8px 12px;border-radius:9px;font-size:8px;font-weight:800}.lgpd-float button:first-child{color:#60768a;background:#eef3f7}.lgpd-float button:last-child{color:#fff;background:#1266f1}@keyframes lgpdIn{from{opacity:0;transform:translateY(20px)}}
@media(max-width:1023px){.ecosystem-grid{grid-template-columns:repeat(2,1fr)}.pipeline-runner{animation-name:pipelineTravelTablet}@keyframes pipelineTravelTablet{0%,20%{transform:translateX(0)}45%,65%{transform:translateX(155px)}80%,100%{transform:translateX(310px)}}}
@media(max-width:767px){.trust-metrics{gap:10px}.trust-metrics>div{padding:18px 8px}.trust-metrics b,.trust-metrics>div>span{font-size:27px}.auto-testimonials article{width:300px;min-width:300px!important}.testimonial-top em{font-size:14px}.ecosystem-grid{grid-template-columns:1fr 1fr}.ecosystem-grid article{min-height:130px;padding:15px}.pipeline-runner{display:none}.lgpd-float{left:10px;bottom:10px;width:calc(100vw - 20px)}.routing-agents{grid-template-columns:1fr}.logo-marquee-track{gap:42px}.logo-marquee img{width:110px}}

/* Atualização de experiência v4 */
.btn-login{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:0 15px;border:1px solid rgba(128,158,185,.28);border-radius:12px;background:rgba(255,255,255,.08);color:#e4edf5;font-size:14px;font-weight:800;transition:.25s ease}.btn-login svg{width:18px}.site-header.scrolled .btn-login{background:#fff;border-color:#d8e5ef;color:#173752;box-shadow:0 7px 22px rgba(13,52,86,.07)}.btn-login:hover{transform:translateY(-2px);border-color:#74a8e8;color:#fff}.site-header.scrolled .btn-login:hover{color:#1266f1;border-color:#9fc1ec}
.hero-cta .cta-attention{position:relative;isolation:isolate;animation:ctaFloat 3s ease-in-out infinite}.hero-cta .cta-attention:after{content:"";position:absolute;z-index:-1;inset:-7px;border:1px solid rgba(74,235,185,.55);border-radius:17px;animation:ctaRing 2.4s ease-out infinite}.hero-cta .cta-attention-alt{animation:ctaGlow 3s ease-in-out 1.1s infinite}@keyframes ctaFloat{50%{transform:translateY(-4px);box-shadow:0 18px 40px rgba(18,216,155,.34)}}@keyframes ctaRing{0%{opacity:.8;transform:scale(.94)}80%,100%{opacity:0;transform:scale(1.12)}}@keyframes ctaGlow{50%{border-color:rgba(255,255,255,.5);box-shadow:0 0 0 5px rgba(255,255,255,.06)}}
.automation-card{overflow:hidden}.automation-builder{position:relative;margin-top:24px;padding:14px;border:1px solid #d9e8f2;border-radius:18px;background:linear-gradient(145deg,#f8fcff,#eef7fb);box-shadow:inset 0 1px #fff}.builder-node{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:9px;padding:10px;border:1px solid #d9e6ef;border-radius:12px;background:#fff;box-shadow:0 7px 18px rgba(15,55,87,.07);animation:builderFocus 5s ease-in-out infinite}.builder-node>svg{width:17px;color:#1266f1}.builder-node small,.builder-node b{display:block}.builder-node small{font-size:6px;letter-spacing:.12em;color:#8093a4}.builder-node b{margin-top:2px;font-size:8px;color:#163750}.builder-node em{padding:4px 6px;border-radius:99px;background:#e5f9f2;color:#087a59;font-size:6px;font-weight:800}.builder-node.decision{animation-delay:1.6s}.builder-node.decision>svg{color:#8a5bd3}.builder-connector{display:grid;place-items:center;height:27px;position:relative}.builder-connector span{position:absolute;width:2px;height:100%;background:linear-gradient(#1266f1,#12d89b)}.builder-connector svg{position:relative;width:13px;padding:2px;background:#f3f9fc;color:#0a926a}.builder-split{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:28px;height:27px;padding-top:13px}.builder-split span{position:absolute;left:25%;right:25%;top:6px;height:12px;border:1px solid #b8d4e8;border-bottom:0;border-radius:8px 8px 0 0}.builder-split b{text-align:center;color:#7c92a5;font-size:6px}.builder-split b:first-of-type{color:#08835f}.builder-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.builder-actions div{display:flex;align-items:center;gap:7px;padding:9px;border:1px solid #dce7ef;border-radius:10px;background:#fff;color:#31516c;font-size:7px;font-weight:800}.builder-actions svg{width:14px;color:#1266f1}@keyframes builderFocus{0%,36%,100%{border-color:#d9e6ef;box-shadow:0 7px 18px rgba(15,55,87,.07)}18%{border-color:#52cfa8;box-shadow:0 0 0 4px rgba(18,216,155,.09)}}
.showcase-dark{min-height:0!important;display:flex;flex-direction:column;padding-bottom:26px}.showcase-dark .showcase-copy{max-width:620px}.showcase-dark .kanban-wrap{position:relative;left:auto;right:auto;bottom:auto;width:auto;margin-top:28px;transform:none;overflow:hidden}.showcase-dark .kanban-grid{width:auto}.showcase-dark .pipeline-runner{bottom:54px}.feature-card h3{margin-top:22px}
.testimonial-top{align-items:flex-start}.testimonial-stars{display:inline-flex;align-items:center;gap:2px;margin-left:auto;padding:7px 8px;border-radius:10px;background:#fff8df;box-shadow:inset 0 0 0 1px #f8e5a0;transform:none!important}.testimonial-stars i{display:block;color:#f5b61b;font-family:Arial,sans-serif;font-size:16px;font-style:normal!important;line-height:1;transform:none!important;text-shadow:0 1px 1px rgba(162,106,0,.12)}.verified{display:inline-flex!important;align-items:center;gap:6px;min-height:27px;padding:5px 9px;border:1px solid #bdebdc;border-radius:999px;background:#ecfbf5;color:#087a59!important;font-size:8px!important;line-height:1;white-space:nowrap}.verified svg{display:block;width:14px!important;height:14px!important;flex:0 0 auto}.verified>span{display:block!important;width:auto!important;height:auto!important;margin:0!important;border:0!important;border-radius:0!important;background:transparent!important;color:inherit!important;font-size:inherit!important}
.ecosystem-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.ecosystem-grid article{min-height:148px;padding:18px}.integration-icon{display:grid;place-items:center;width:58px;height:58px;border:1px solid #dce8f1;border-radius:17px;background:#fff;box-shadow:0 10px 26px rgba(13,52,86,.09);color:#1266f1;transition:.3s;animation:integrationBob 4s ease-in-out infinite}.ecosystem-grid article:nth-child(2n) .integration-icon{animation-delay:.6s}.ecosystem-grid article:nth-child(3n) .integration-icon{animation-delay:1.2s}.integration-icon img{width:44px!important;height:44px!important;object-fit:contain}.integration-icon svg{width:28px!important;height:28px!important}.ecosystem-grid article:hover .integration-icon{transform:scale(1.08) rotate(-3deg);box-shadow:0 15px 30px rgba(18,102,241,.16)}.brand-asaas{color:#0f6fff;background:#edf5ff}.brand-paghiper{color:#5a41d7;background:#f1efff}.brand-eduzz{color:#f47721;background:#fff3e8}.brand-kiwify{color:#32a45b;background:#ecfaef}.brand-monetizze{color:#6846d7;background:#f1edff}.brand-braip{color:#ee5c2c;background:#fff0eb}.brand-hostmgr{color:#0477a9;background:#e9f8fe}@keyframes integrationBob{50%{transform:translateY(-4px)}}.integrations-more{display:flex;align-items:center;justify-content:center;gap:13px;margin-top:15px;padding:18px 20px;border:1px solid #d8e8f2;border-radius:17px;background:linear-gradient(135deg,#f5faff,#f0fbf7);text-align:left}.integrations-more>svg{width:24px;color:#1266f1}.integrations-more b,.integrations-more span{display:block}.integrations-more b{font:600 13px Sora;color:#0c2942}.integrations-more span{margin-top:5px!important;font-size:10px!important;color:#6f8496!important}.integrations-more a{color:#1266f1;font-weight:800;text-decoration:underline;text-underline-offset:3px}
.phone-stage{min-height:620px}.call-phone{position:relative;z-index:2;width:min(100%,330px);padding:11px;border:1px solid #263c50;border-radius:44px;background:linear-gradient(145deg,#1c2a38,#050b12);box-shadow:0 42px 95px rgba(0,0,0,.48),inset 0 0 0 1px rgba(255,255,255,.07)}.phone-speaker{position:absolute;z-index:5;left:50%;top:17px;width:86px;height:20px;border-radius:0 0 14px 14px;background:#080e14;transform:translateX(-50%)}.call-screen{position:relative;overflow:hidden;min-height:558px;border-radius:35px!important;background:linear-gradient(155deg,#1266f1 0%,#084eae 52%,#062b62 100%)!important}.call-screen:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 25%,rgba(255,255,255,.19),transparent 31%),linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:auto,36px 36px,36px 36px}.call-network,.call-brand,.call-screen .caller,.call-screen .waveform,.call-screen .call-controls,.call-screen .record-note{position:relative;z-index:2}.call-network{display:flex;align-items:center;justify-content:space-between;padding:13px 17px 0;color:#fff;font-size:9px;font-weight:800}.call-network>span:last-child{display:flex;gap:5px}.call-network svg{width:12px;height:12px}.call-brand{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:15px;color:#dcecff;font-size:10px;font-weight:700}.call-brand svg{width:15px}.call-screen .caller{padding:17px 20px 4px}.call-screen .caller small{margin:0 0 15px;color:#c9e0ff}.call-screen .caller-avatar{width:102px!important;height:102px!important;border:4px solid rgba(255,255,255,.9)!important;border-radius:50%!important;box-shadow:0 0 0 10px rgba(255,255,255,.08),0 20px 35px rgba(0,25,65,.35)!important;animation:callerPulse 2.2s ease-in-out infinite}.call-screen .caller-avatar span{right:4px!important;bottom:4px!important;border-color:#0b4ca8!important}.call-screen .caller h3{font-size:21px}.call-screen .caller p{color:#b5d0f4}.call-screen .caller strong{margin-top:11px;font-size:24px}.call-screen .waveform{height:32px}.call-screen .waveform i{background:#9fc8ff}.call-screen .call-controls{padding:13px 17px 11px}.call-screen .call-controls button{color:#d6e6fb}.call-screen .call-controls button svg{width:19px!important;height:19px!important;padding:10px!important;border-radius:50%!important;background:rgba(255,255,255,.16)!important}.call-screen .call-controls .hangup svg{background:#f34e5f!important;transform:none!important}.call-screen .record-note{margin:3px 16px 16px;background:rgba(0,20,55,.2);color:#d0e2f7}.live-call-badge{position:absolute;z-index:4;right:2%;bottom:54px;display:flex;align-items:center;gap:10px;padding:11px 14px;border:1px solid #d9e6ef;border-radius:14px;background:#fff;box-shadow:0 18px 45px rgba(0,0,0,.28)}.live-call-badge>span{width:10px;height:10px;border-radius:50%;background:#12d89b;box-shadow:0 0 0 6px rgba(18,216,155,.14);animation:liveBadge 1.5s ease-in-out infinite}.live-call-badge b,.live-call-badge small{display:block}.live-call-badge b{font-size:9px;color:#12344f}.live-call-badge small{margin-top:3px;color:#7890a4;font-size:7px}@keyframes callerPulse{50%{box-shadow:0 0 0 17px rgba(255,255,255,.03),0 20px 35px rgba(0,25,65,.35)}}@keyframes liveBadge{50%{box-shadow:0 0 0 10px rgba(18,216,155,0)}}.call-feature-list{display:grid;gap:12px}.call-feature-list article{display:flex;align-items:flex-start;gap:13px;padding:15px 16px;border:1px solid rgba(255,255,255,.11);border-radius:16px;background:rgba(255,255,255,.055);transition:.25s}.call-feature-list article:hover{transform:translateX(5px);border-color:rgba(89,164,255,.38);background:rgba(255,255,255,.08)}.call-feature-list article>svg{width:22px;flex:0 0 auto;color:#66a8ff}.call-feature-list b,.call-feature-list span{display:block}.call-feature-list b{color:#fff;font-size:12px}.call-feature-list span{margin-top:4px;color:#8fa8bd;font-size:9px;line-height:1.5}.call-test-button{position:relative;display:inline-flex;align-items:center;gap:10px;margin-top:25px;min-height:52px;padding:0 20px;overflow:hidden;border-radius:14px;background:linear-gradient(135deg,#12d89b,#44ebb8);color:#062b24;font-size:13px;font-weight:900;box-shadow:0 14px 38px rgba(18,216,155,.25);animation:callButtonPulse 2.8s ease-in-out infinite}.call-test-button:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 25%,rgba(255,255,255,.5),transparent 70%);transform:translateX(-120%);animation:buttonShine 3s ease-in-out infinite}.call-test-button svg{position:relative;width:19px}.call-test-button span{position:relative}.call-test-button svg:last-child{margin-left:3px}@keyframes callButtonPulse{50%{transform:translateY(-3px);box-shadow:0 18px 45px rgba(18,216,155,.38)}}@keyframes buttonShine{55%,100%{transform:translateX(120%)}}
.mobile-menu-backdrop{position:fixed;z-index:68;inset:0;background:rgba(2,14,25,.52);backdrop-filter:blur(4px);opacity:0;transition:opacity .3s}.mobile-menu-backdrop.open{opacity:1}.mobile-menu{position:fixed!important;z-index:69;top:0!important;right:0!important;bottom:0;left:auto!important;width:min(88vw,380px);padding:0!important;border:0!important;border-radius:26px 0 0 26px!important;background:#fff!important;box-shadow:-24px 0 70px rgba(4,24,42,.26)!important;transform:translateX(104%);transition:transform .32s cubic-bezier(.22,.8,.2,1);overflow:auto}.mobile-menu.open{transform:translateX(0)}.mobile-menu-head{display:flex;align-items:center;justify-content:space-between;padding:22px 20px;border-bottom:1px solid #e2eaf1}.mobile-menu-head img{width:132px}.mobile-menu-head button{display:grid;place-items:center;width:41px;height:41px;border-radius:12px;background:#eef4f8;color:#173650}.mobile-menu-head svg{width:20px}.mobile-menu nav{display:grid;gap:5px;padding:18px 14px}.mobile-menu nav a{display:flex!important;align-items:center;gap:13px;padding:14px!important;border-radius:13px!important;color:#173650!important;font-size:15px}.mobile-menu nav a svg{width:20px;color:#1266f1}.mobile-menu-actions{display:grid;gap:10px;margin:4px 14px 24px;padding:16px;border-radius:17px;background:#f1f6fa}.mobile-menu-actions .btn-login{color:#173650;background:#fff;border-color:#d7e4ee}.menu-open{overflow:hidden}
@media(max-width:1023px){.ecosystem-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.showcase-dark .pipeline-runner{display:none}.call-copy{order:1}.phone-stage{order:2}}
@media(max-width:767px){.automation-builder{padding:11px}.ecosystem-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ecosystem-grid article{min-height:138px}.integration-icon{width:52px;height:52px}.integrations-more{align-items:flex-start}.showcase-dark{min-height:0!important}.showcase-dark .kanban-wrap{width:auto!important;right:auto!important;overflow-x:auto}.showcase-dark .kanban-grid{width:520px!important}.phone-stage{min-height:600px}.sound-ring{width:330px;height:330px}.call-phone{width:min(100%,310px)}.call-screen{min-height:535px}.live-call-badge{right:-2px;bottom:30px}.testimonial-stars{gap:1px;padding:6px}.testimonial-stars i{font-size:13px}.verified{font-size:7px!important}.hero-cta .cta-attention-alt{animation:none}}
@media(prefers-reduced-motion:reduce){.cta-attention,.cta-attention:after,.cta-attention-alt,.builder-node,.integration-icon,.caller-avatar,.live-call-badge>span,.call-test-button,.call-test-button:before{animation:none!important}}

/* Ajustes finais v5 */
.core-wide .inbox-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) auto minmax(142px,1.2fr);width:100%}.core-wide .inbox-flow>div{min-height:52px}.core-wide .inbox-flow .unified-box{margin-left:0}
.call-screen .caller{display:flex!important;flex-direction:column;align-items:center;width:100%;text-align:center}.call-screen .caller-avatar{display:block!important;flex:0 0 102px;margin:0 auto!important;background-position:100% 0;background-repeat:no-repeat;background-size:300% 200%}.call-screen .caller h3,.call-screen .caller p,.call-screen .caller strong{width:100%;text-align:center}
.testimonial-track footer>.verified{display:inline-flex!important;place-items:unset!important;align-items:center!important;width:auto!important;height:auto!important;min-width:0!important;min-height:27px!important;margin:0!important;padding:5px 9px!important;border:1px solid #bdebdc!important;border-radius:999px!important;background:#ecfbf5!important;color:#087a59!important;line-height:1!important;white-space:nowrap!important}.testimonial-track footer>.verified svg{display:block!important;flex:0 0 14px!important;width:14px!important;height:14px!important}.testimonial-track footer>.verified>span{display:inline!important;width:auto!important;height:auto!important;padding:0!important;background:none!important;color:inherit!important;font-size:8px!important}.auto-testimonials footer{align-items:center!important;gap:10px!important}.auto-testimonials footer>strong{margin-left:auto;flex:0 0 auto}
.hero-real-chat .hero-photo{display:block;background-repeat:no-repeat;background-size:300% 200%;background-position:0 0}.hero-real-chat .chat-heading>.hero-photo{width:36px;height:36px;flex:0 0 36px;border:2px solid #fff;border-radius:50%;box-shadow:0 3px 10px rgba(20,55,85,.18)}.hero-real-chat .messages{display:flex;flex-direction:column;gap:7px;padding:9px 13px 8px;overflow:hidden}.hero-real-chat .day-label{margin-bottom:0}.hero-real-chat .bubble{position:relative;width:86%;padding:7px 9px;font-size:7.5px;animation:heroMessageIn .55s both}.hero-real-chat .bubble:nth-of-type(2){animation-delay:.25s}.hero-real-chat .bubble:nth-of-type(3){animation-delay:.55s}.hero-real-chat .bubble.outgoing{margin:0 0 0 auto}.hero-real-chat .bubble small{margin-top:3px}.hero-real-chat .compact-message{width:72%}.hero-real-chat .real-suggestion{width:94%;margin:0 auto;padding:8px;animation:heroMessageIn .55s .85s both}.hero-real-chat .real-suggestion b{font-size:7px}.hero-real-chat .real-suggestion p{font-size:5.8px}.hero-real-chat .real-suggestion button{white-space:nowrap}.typing-live{display:flex;align-items:center;gap:7px;min-height:24px;animation:heroMessageIn .55s 1.15s both}.typing-live>.hero-photo{width:22px;height:22px;flex:0 0 22px;border-radius:50%}.typing-live>div{display:flex;gap:3px;padding:6px 8px;border-radius:9px 9px 9px 2px;background:#fff}.typing-live>div i{width:4px;height:4px;border-radius:50%;background:#7f94a7;animation:typing 1.2s infinite}.typing-live>div i:nth-child(2){animation-delay:.15s}.typing-live>div i:nth-child(3){animation-delay:.3s}.typing-live small{color:#8a9dab;font-size:5.8px}.hero-real-chat .chat-input{height:45px;margin-bottom:10px}@keyframes heroMessageIn{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
.conversation .list-photo{display:block;border-radius:50%;background-repeat:no-repeat;background-size:300% 200%;box-shadow:0 2px 8px rgba(15,48,76,.15)}.online-indicator{display:inline-block;width:6px;height:6px;border-radius:50%;background:#12d89b;box-shadow:0 0 0 3px rgba(18,216,155,.12)}
.meta-footer-seal{display:inline-flex;flex-direction:column;align-items:center;margin-top:22px;padding:9px 11px 8px;border:1px solid rgba(255,255,255,.14);border-radius:13px;background:#fff;box-shadow:0 12px 28px rgba(0,0,0,.22)}.meta-footer-seal img{display:block;width:150px!important;height:auto!important;filter:none!important}.meta-footer-seal span{margin-top:3px;color:#30475a;font-size:9px;font-weight:800;letter-spacing:.02em}
@media(max-width:767px){.core-wide .inbox-flow{grid-template-columns:1fr 1fr}.core-wide .inbox-flow .flow-arrow{display:none}.core-wide .inbox-flow .unified-box{grid-column:1/3}.hero-real-chat .messages{padding:8px 10px}.hero-real-chat .bubble{font-size:7px}.hero-real-chat .real-suggestion{width:98%}.testimonial-track footer>.verified{padding:5px 7px!important}.testimonial-track footer>.verified>span{font-size:7px!important}}

/* Correções de alinhamento e Kanban v6 */
.caller-photo-row{display:grid!important;place-items:center!important;width:100%!important;margin:0 auto!important}.call-screen .caller-photo-row .caller-avatar{position:relative!important;left:auto!important;right:auto!important;display:block!important;flex:none!important;width:102px!important;height:102px!important;margin:0 auto!important;overflow:visible;background:none!important;transform:none!important}.call-screen .caller-avatar img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 50%;border-radius:50%}.call-screen .caller-avatar span{position:absolute!important;right:4px!important;bottom:4px!important;z-index:3}
.option-card .option-check{display:flex!important;align-items:center!important;justify-content:center!important;padding:0!important;line-height:0!important}.option-card .option-check svg{position:static!important;display:none!important;width:13px!important;height:13px!important;margin:0!important;padding:0!important;transform:none!important;stroke-width:3!important}.option-card.selected .option-check svg{display:block!important}
.showcase-dark{height:100%;min-height:720px!important}.showcase-dark .kanban-wrap{display:flex;flex:1;flex-direction:column;min-height:540px;padding:20px}.showcase-dark .kanban-grid{display:grid;flex:1;align-items:stretch}.showcase-dark .kanban-column{display:flex;flex-direction:column;min-height:100%;padding:12px}.showcase-dark .lead-card{padding:13px;margin-top:8px}.showcase-dark .lead-card small{font-size:7px}.showcase-dark .lead-card b{font-size:9px}.showcase-dark .deal-value{margin-top:9px;color:#1766c4;font:700 11px Sora}.showcase-dark .lead-card footer{font-size:7px}.kanban-head span{display:flex;align-items:center;gap:6px}.kanban-head span i{display:block;width:6px;height:6px;border-radius:50%;background:#12d89b;box-shadow:0 0 0 4px rgba(18,216,155,.12);animation:liveBadge 1.6s infinite}.kanban-total{margin-top:auto;padding:12px 8px 5px;border-top:1px solid rgba(255,255,255,.1)}.kanban-total span,.kanban-total b{display:block}.kanban-total span{color:#738da4;font-size:7px}.kanban-total b{margin-top:4px;color:#dcecff;font:600 11px Sora}.kanban-total.won-total b{color:#5ce6b9}.pipeline-progress{display:flex;align-items:center;gap:10px;margin-top:15px;padding:11px 13px;border-radius:11px;background:rgba(4,19,33,.38);color:#8fa8bd}.pipeline-progress>span{position:relative;display:block;flex:1;height:4px;overflow:hidden;border-radius:99px;background:rgba(255,255,255,.08)}.pipeline-progress>span i{position:absolute;inset:0;width:38%;border-radius:inherit;background:linear-gradient(90deg,#1266f1,#12d89b);animation:kanbanProgress 4s ease-in-out infinite}.pipeline-progress small{font-size:7px}.showcase-dark .pipeline-runner{bottom:92px}@keyframes kanbanProgress{0%{transform:translateX(-105%)}70%,100%{transform:translateX(270%)}}
.final-cta{padding:0!important;background:#2363e9}.final-cta-inner{display:flex;align-items:center;flex-direction:column;justify-content:center;gap:0;width:100%;padding:82px 24px;border-radius:0!important;background:radial-gradient(circle at 50% 0,rgba(255,255,255,.2),transparent 34%),linear-gradient(135deg,#3471ee,#2e56df)!important;text-align:center;box-shadow:none!important}.final-cta-copy{max-width:800px}.final-cta-copy>span{color:#dce7ff!important;font-size:11px!important;letter-spacing:.18em!important}.final-cta-inner h2{max-width:760px;margin:10px auto 0;color:#fff;font:700 clamp(2.2rem,5vw,4rem)/1.04 Sora;letter-spacing:-.05em}.final-cta-inner p{max-width:700px;margin:22px auto 0;color:#e6edff;font-size:17px;line-height:1.7}.final-cta-actions{display:flex;justify-content:center;gap:12px;margin-top:30px}.final-cta-actions a{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:56px;padding:0 24px;border-radius:14px;font-size:14px;font-weight:900;transition:.25s}.final-cta-actions svg{width:18px}.final-start{background:#fff;color:#2455df;box-shadow:0 13px 35px rgba(7,35,115,.22);animation:finalCtaPulse 2.8s ease-in-out infinite}.final-consult{border:1px solid rgba(255,255,255,.35);background:rgba(255,255,255,.12);color:#fff;backdrop-filter:blur(9px)}.final-cta-actions a:hover{transform:translateY(-3px)}.final-assurances{display:flex;flex-wrap:wrap;justify-content:center;gap:28px;margin-top:30px}.final-assurances span{display:inline-flex!important;align-items:center;gap:7px;margin:0!important;color:#edf3ff!important;font-size:12px!important;font-weight:700;letter-spacing:0!important;text-transform:none!important}.final-assurances svg{width:16px;stroke-width:3}@keyframes finalCtaPulse{50%{box-shadow:0 18px 44px rgba(7,35,115,.38);transform:translateY(-3px)}}
@media(max-width:1023px){.showcase-dark{min-height:660px!important}.showcase-dark .kanban-wrap{min-height:480px}}
@media(max-width:767px){.showcase-dark{min-height:0!important}.showcase-dark .kanban-wrap{min-height:510px}.showcase-dark .kanban-column{min-height:430px}.showcase-dark .pipeline-runner{display:none}.pipeline-progress{width:520px}.final-cta-inner{padding:66px 20px}.final-cta-inner h2{font-size:2.35rem}.final-cta-inner p{font-size:15px}.final-cta-actions{width:100%;flex-direction:column}.final-cta-actions a{width:100%}.final-assurances{align-items:center;flex-direction:column;gap:11px}}

/* ===== Badge "NOVO" + ajustes de rodapé (atualização SEO/branding) ===== */
.badge-new{display:inline-flex;align-items:center;margin-left:6px;padding:2px 8px;border-radius:99px;background:#e7fbf3;color:#079469;font-size:9px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;vertical-align:middle;line-height:1.6}
.badge-new-dark{background:rgba(18,216,155,.16);color:#56e4b7}
.nav-link-new{display:inline-flex;align-items:center}
.mobile-menu nav a.nav-link-new{justify-content:flex-start}
.footer-social{display:flex;gap:10px;margin-top:22px}
.footer-social a{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.08);color:#c9d7e4;font-size:14px;transition:.2s}
.footer-social a:hover{background:var(--blue);color:#fff;transform:translateY(-2px)}
.footer-grid a i,.footer-grid a .fa-envelope,.footer-grid a .fa-whatsapp{margin-right:8px;color:var(--mint);width:14px;text-align:center}
.footer-bottom{flex-direction:column;align-items:flex-start;gap:10px}
.footer-bottom-links{display:flex;flex-wrap:wrap;align-items:center;gap:10px;color:#5f778d}
.footer-bottom-links a{color:#8098ae}
.footer-bottom-links a:hover{color:#fff}
.footer-bottom-links span{color:#3c526a}
.footer-heart{color:#e64c66}
@media(min-width:768px){.footer-bottom{flex-direction:row;justify-content:space-between;align-items:center}}

/* ===== FINAL UX FIXES ===== */
#docsLink,#chooseChannels{position:relative;z-index:5;pointer-events:auto;cursor:pointer}
.crm-stage{position:relative;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s,border-color .35s,background .35s;transform:translateZ(0)}
.crm-stage:hover,.crm-stage.is-active{transform:translateY(-5px);box-shadow:0 18px 40px rgba(2,17,31,.24);background:linear-gradient(180deg,rgba(255,255,255,.1),rgba(255,255,255,.045));}
.crm-stage .lead-card{transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s}
.crm-stage:hover .lead-card{transform:translateX(3px)}
.crm-stage .lead-card:nth-of-type(2){transition-delay:.04s}.crm-stage .lead-card:nth-of-type(3){transition-delay:.08s}
.crm-live-badge{display:flex;align-items:center;gap:7px;margin-top:12px;padding:8px 10px;border:1px solid rgba(18,216,155,.18);border-radius:10px;background:rgba(18,216,155,.06);color:#a8c1d5;font-size:8px}
.crm-live-badge i{width:7px;height:7px;border-radius:50%;background:#12d89b;box-shadow:0 0 0 5px rgba(18,216,155,.09);animation:crmPulse 1.8s infinite}
@keyframes crmPulse{50%{box-shadow:0 0 0 9px rgba(18,216,155,0)}}
.pipeline-runner{display:none!important}
.lgpd-float{left:18px!important;bottom:18px!important;width:min(410px,calc(100vw - 36px))!important;padding:18px!important;border-radius:20px!important;animation:lgpdSlide .75s cubic-bezier(.16,1.25,.3,1) both!important;box-shadow:0 24px 70px rgba(4,24,42,.3)!important}.lgpd-float.closing{animation:lgpdOut .3s ease forwards!important}.lgpd-float button{transition:.22s!important;cursor:pointer}.lgpd-float button:hover{transform:translateY(-2px);box-shadow:0 8px 18px rgba(18,102,241,.18)}.lgpd-float button:last-child{box-shadow:0 7px 18px rgba(18,102,241,.22)}
@keyframes lgpdSlide{0%{opacity:0;transform:translateX(-115%)}70%{opacity:1;transform:translateX(9%)}100%{opacity:1;transform:translateX(0)}}@keyframes lgpdOut{to{opacity:0;transform:translateX(-115%)}}
@media(max-width:767px){
 .showcase-dark{height:auto!important;min-height:0!important;padding:22px 16px!important}.showcase-dark .showcase-copy{max-width:none}.showcase-dark .kanban-wrap{width:100%!important;min-height:0!important;margin-top:22px!important;padding:10px!important;overflow-x:auto!important}.showcase-dark .kanban-grid{width:max-content!important;min-width:620px;gap:8px}.showcase-dark .kanban-column{min-height:360px!important;padding:9px}.showcase-dark .lead-card{padding:10px}.showcase-dark .pipeline-progress{width:100%;min-width:0}.crm-stage:hover{transform:none}.lgpd-float{left:10px!important;bottom:10px!important;width:calc(100vw - 20px)!important}.lgpd-float p{font-size:10px}.lgpd-float b{font-size:13px}.lgpd-float button{font-size:10px;padding:9px 13px}
 .mobile-menu-actions .btn-login{white-space:nowrap!important;min-height:50px!important;font-size:14px!important}.mobile-menu-actions .btn-login svg{flex:0 0 auto}.mobile-menu-actions .btn-login span{white-space:nowrap!important}
}

/* ===== MOBILE RESPONSIVE HARDENING + CRM v2 ===== */
html, body { max-width:100%; overflow-x:hidden; }
body { min-width:320px; }
img, svg, video, canvas { max-width:100%; }
button, a, input, select, textarea { touch-action:manipulation; }
button, a { min-height:44px; }

/* Header: fixed, always above content, safe-area aware */
.site-header {
  position:fixed!important;
  top:0; left:0; right:0;
  z-index:1000!important;
  padding-top:env(safe-area-inset-top, 0px);
  isolation:isolate;
}
.site-header > div:first-child { min-height:72px; }
.menu-button { flex:0 0 44px; position:relative; z-index:1002; cursor:pointer; }
.btn-login { flex-direction:row!important; flex-wrap:nowrap!important; align-items:center!important; justify-content:center!important; white-space:nowrap!important; gap:8px!important; min-width:0; }
.btn-login svg { flex:0 0 18px!important; width:18px!important; height:18px!important; }
.btn-login span { display:inline-block!important; white-space:nowrap!important; line-height:1!important; }
.mobile-menu { z-index:1001!important; overscroll-behavior:contain; -webkit-overflow-scrolling:touch; padding-bottom:env(safe-area-inset-bottom, 0px)!important; }
.mobile-menu-backdrop { z-index:1000!important; }
.menu-open { overflow:hidden!important; height:100dvh; }
.mobile-menu nav a, .mobile-menu-actions a, .mobile-menu-head button { min-height:44px!important; }

/* Prevent grid/flex children from creating accidental horizontal overflow */
.grid, .flex, section, article, main, header, footer, aside, .mx-auto { min-width:0; }
.core-card, .showcase-card, .live-workflow, .workflow-browser, .integration-stage, .feature-card, .simulator-shell, .final-cta-inner { max-width:100%; }

/* Channels: responsive flow instead of oversized absolute geometry */
.channel-hub { width:100%; max-width:760px; margin-inline:auto; }
.channel-chip { max-width:100%; box-sizing:border-box; }
@media (max-width:767px) {
  .section-pad { padding-block:68px; }
  .channel-hub { min-height:0!important; height:auto!important; padding:0 2px 18px; display:flex; flex-direction:column; gap:10px; }
  .channel-hub:after { content:""; display:block; order:3; width:2px; height:1px; }
  .hub-orbit { display:none!important; }
  .channel-chip { position:relative!important; inset:auto!important; left:auto!important; right:auto!important; top:auto!important; bottom:auto!important; width:100%!important; min-height:66px; padding:12px 13px!important; animation:channelFloatMobile 3.8s ease-in-out infinite!important; }
  .channel-chip:nth-of-type(2) { animation-delay:.35s!important; }
  .channel-chip:nth-of-type(3) { animation-delay:.7s!important; }
  .channel-chip:nth-of-type(4) { animation-delay:1.05s!important; }
  .channel-chip:nth-of-type(5) { animation-delay:1.4s!important; }
  .channel-chip:nth-of-type(6) { animation-delay:1.75s!important; }
  .hub-center { position:relative!important; inset:auto!important; left:auto!important; top:auto!important; order:2; transform:none!important; width:100%!important; height:82px!important; border-radius:20px!important; margin-top:3px; flex:0 0 auto; }
  .hub-center svg { width:25px; }
  .hub-center b { font-size:13px; }
  .channel-chip > div { width:38px!important; height:38px!important; }
  .channel-chip b { font-size:11px!important; }
  .channel-chip span { font-size:8px!important; }
  @keyframes channelFloatMobile { 50% { transform:translateY(-3px); box-shadow:0 20px 42px rgba(0,0,0,.22), 0 0 0 1px rgba(18,216,155,.08); } }

  /* CRM/showcase: real mobile canvas, no clipped 570px/610px scene */
  .showcase-dark { min-height:0!important; height:auto!important; padding:24px 18px!important; }
  .showcase-dark .showcase-copy { width:100%; }
  .showcase-dark .showcase-copy h3 { font-size:24px!important; line-height:1.2!important; }
  .showcase-dark .kanban-wrap { width:100%!important; min-width:0!important; min-height:0!important; padding:12px!important; margin-top:22px!important; overflow:hidden!important; }
  .showcase-dark .kanban-grid { width:100%!important; min-width:0!important; grid-template-columns:repeat(3,minmax(0,1fr)); gap:6px!important; overflow:hidden!important; }
  .showcase-dark .kanban-column { min-width:0!important; min-height:330px!important; padding:8px!important; border-radius:10px!important; overflow:hidden!important; }
  .showcase-dark .kanban-column > header { gap:3px!important; font-size:7px!important; white-space:nowrap; }
  .showcase-dark .kanban-column > header b { font-size:7px!important; }
  .showcase-dark .lead-card { min-width:0!important; padding:9px!important; margin-top:7px!important; border-radius:9px!important; overflow:hidden; }
  .showcase-dark .lead-card small { font-size:6px!important; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
  .showcase-dark .lead-card b { display:block; font-size:7px!important; line-height:1.25!important; overflow-wrap:anywhere; }
  .showcase-dark .deal-value { font-size:8px!important; margin-top:6px!important; }
  .showcase-dark .lead-card footer { font-size:5.5px!important; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
  .showcase-dark .lead-card footer svg { width:9px!important; }
  .showcase-dark .kanban-total { padding:9px 3px 2px!important; }
  .showcase-dark .kanban-total span { font-size:5.5px!important; }
  .showcase-dark .kanban-total b { font-size:7px!important; overflow-wrap:anywhere; }
  .pipeline-progress { width:100%!important; min-width:0!important; margin-top:10px!important; padding:9px!important; gap:7px!important; }
  .pipeline-progress small { font-size:6px!important; }
  .crm-live-badge { width:100%!important; margin-top:8px!important; font-size:6.5px!important; }
  .showcase-dark .kanban-wrap:before { content:"LEAD EM MOVIMENTO"; position:absolute; z-index:8; top:50%; left:-34%; padding:6px 8px; border:1px solid rgba(18,216,155,.3); border-radius:8px; background:rgba(7,26,46,.94); color:#7cf1c8; font-size:6px; font-weight:900; letter-spacing:.08em; box-shadow:0 10px 24px rgba(0,0,0,.28); animation:crmLeadPass 6s cubic-bezier(.35,.05,.2,1) infinite; pointer-events:none; }
  @keyframes crmLeadPass { 0%,12% { left:-34%; opacity:0; transform:scale(.88); } 18% { opacity:1; } 48% { left:35%; transform:scale(1); } 74% { left:68%; opacity:1; transform:scale(.96); } 88%,100% { left:108%; opacity:0; transform:scale(.88); } }
  .showcase-dark .crm-stage { animation:crmStageGlow 6s ease-in-out infinite; }
  .showcase-dark .crm-stage:nth-child(2) { animation-delay:2s; }
  .showcase-dark .crm-stage:nth-child(3) { animation-delay:4s; }
  @keyframes crmStageGlow { 0%,24%,100% { box-shadow:0 0 0 rgba(18,216,155,0); } 35%,52% { box-shadow:0 0 0 2px rgba(18,216,155,.12), 0 16px 32px rgba(18,216,155,.08); } }

  /* Workflow/CRM animation section */
  .live-workflow { width:100%; padding:20px 14px!important; border-radius:22px!important; }
  .workflow-browser { width:100%; height:430px!important; min-width:0!important; border-radius:16px!important; }
  .workflow-screen { inset:47px 0 5px!important; padding:16px!important; overflow:hidden; }
  .workflow-controls button { min-height:44px!important; padding:8px 5px!important; font-size:9px!important; }
  .incoming-ticket { grid-template-columns:34px minmax(0,1fr) auto; gap:7px; margin-top:30px; padding:12px!important; }
  .automation-map { transform:none!important; width:100%; gap:5px; }
  .auto-node { width:calc((100% - 30px)/3); }
  .auto-node b { font-size:7px; overflow-wrap:anywhere; }
  .automation-map>span { flex:0 0 15px; width:15px; }
  .intent-card { width:100%!important; margin-top:25px!important; }
  .mini-kanban { grid-template-columns:repeat(3,minmax(0,1fr)); gap:5px!important; overflow:hidden; }
  .mini-kanban>div { min-width:0; min-height:185px; padding:7px!important; }
  .mini-kanban article { min-width:0; animation:mobileLeadMove 4s ease-in-out infinite!important; }
  @keyframes mobileLeadMove { 0%,30%{transform:translateX(0);opacity:1} 48%,62%{transform:translateX(5px);opacity:1} 80%,100%{transform:translateX(0);opacity:.78} }

  /* Touch targets and long labels */
  .hero-cta a, .step-actions button, .final-cta-actions a, .call-test-button { width:100%; min-height:52px!important; }
  .step-actions { flex-wrap:wrap; }
  .step-actions > * { min-width:0; }
  .sim-main { padding:22px 16px!important; }
  .option-card { min-height:72px; }
}

@media (min-width:768px) and (max-width:1023px) {
  .channel-hub { max-width:680px; }
  .showcase-dark .kanban-wrap { overflow:hidden; }
}

@media (max-width:380px) {
  .site-header > div:first-child { padding-inline:12px!important; }
  .site-header img { max-width:118px; }
  .hero-section h1 { font-size:2.35rem!important; }
  .showcase-dark .kanban-column { min-height:315px!important; padding:6px!important; }
  .showcase-dark .lead-card { padding:7px!important; }
  .showcase-dark .lead-card b { font-size:6.5px!important; }
  .workflow-browser { height:410px!important; }
}

@media (prefers-reduced-motion: reduce) {
  .channel-chip, .showcase-dark .crm-stage, .showcase-dark .kanban-wrap:before { animation:none!important; }
}


/* ===== MOBILE FINAL PASS — 360–1023 CSS px =====
   The site switches to the hamburger header at <1024px, so all mobile/tablet
   layout rules must use the same breakpoint. This also prevents 2-column
   Tailwind `sm:` grids from creating clipped cards on narrow devices. */
@media (max-width:1023px) {
  /* Keep the header in document flow while remaining visible during scroll. */
  .site-header {
    position:sticky!important;
    top:0!important;
    inset-inline:0!important;
    z-index:1000!important;
    padding-top:env(safe-area-inset-top,0px)!important;
  }
  .site-header > div:first-child {
    min-height:72px!important;
    height:72px!important;
    padding-inline:16px!important;
  }
  .site-header > div:first-child > a {
    min-width:0!important;
    flex:1 1 auto!important;
  }
  .site-header > div:first-child > a img {
    display:block;
    width:auto!important;
    height:36px!important;
    max-width:min(205px,58vw)!important;
  }
  .menu-button {
    flex:0 0 44px!important;
    width:44px!important;
    height:44px!important;
    min-width:44px!important;
    min-height:44px!important;
    position:relative!important;
    z-index:1003!important;
  }

  /* Header login: icon + label always on one line. */
  .btn-login,
  .mobile-menu-actions .btn-login {
    display:inline-flex!important;
    flex-direction:row!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    justify-content:center!important;
    gap:8px!important;
    white-space:nowrap!important;
    text-align:left!important;
  }
  .btn-login > svg,
  .btn-login > i,
  .btn-login svg {
    flex:0 0 18px!important;
    width:18px!important;
    height:18px!important;
    margin:0!important;
  }
  .btn-login > span {
    display:inline-block!important;
    flex:0 1 auto!important;
    min-width:0!important;
    white-space:nowrap!important;
    line-height:1.1!important;
  }

  /* Mobile drawer must sit above the sticky header/backdrop and scroll independently. */
  .mobile-menu-backdrop { z-index:1001!important; }
  .mobile-menu {
    z-index:1002!important;
    width:min(420px,calc(100vw - 18px))!important;
    max-width:calc(100vw - 18px)!important;
    border-radius:24px 0 0 24px!important;
    overscroll-behavior:contain!important;
    -webkit-overflow-scrolling:touch!important;
  }
  .mobile-menu-head {
    min-height:86px!important;
    padding:18px 18px!important;
  }
  .mobile-menu-head img {
    width:min(142px,42vw)!important;
    height:auto!important;
    max-width:100%!important;
  }
  .mobile-menu-head button {
    width:44px!important;
    height:44px!important;
    min-width:44px!important;
    min-height:44px!important;
  }
  .mobile-menu nav { padding:18px 14px 12px!important; }
  .mobile-menu nav a {
    min-height:52px!important;
    padding:13px 12px!important;
  }
  .mobile-menu-actions {
    margin:4px 14px 24px!important;
    padding:14px!important;
  }
  .mobile-menu-actions .btn-login {
    width:100%!important;
    min-height:58px!important;
    padding:0 14px!important;
    justify-content:flex-start!important;
  }
  .mobile-menu-actions .btn-primary {
    width:100%!important;
    min-height:48px!important;
  }

  /* Never allow a component to manufacture a wider layout than the viewport. */
  html, body, main, section, article, .mx-auto, .grid, .flex {
    max-width:100%!important;
  }
  img, svg, video, canvas, iframe { max-width:100%; }
  .section-pad { padding-inline:0!important; }

  /* Core feature cards: one column throughout the hamburger-header breakpoint. */
  .core-grid {
    grid-template-columns:1fr!important;
    gap:16px!important;
  }
  .core-card,
  .core-card.core-wide {
    grid-column:auto!important;
    width:100%!important;
    min-width:0!important;
  }
  .core-card { padding:24px!important; }
  .core-wide .inbox-flow {
    grid-template-columns:1fr 1fr!important;
    width:100%!important;
  }
  .core-wide .inbox-flow .unified-box {
    grid-column:1 / -1!important;
    margin-left:0!important;
  }

  /* Feature cards: override Tailwind sm:grid-cols-2 that was causing the
     visible left-hand card sliver in the supplied screenshots. */
  #recursos .mt-14.grid {
    grid-template-columns:1fr!important;
    gap:16px!important;
  }
  #recursos .feature-card {
    width:100%!important;
    min-width:0!important;
    min-height:0!important;
    padding:24px!important;
  }
  #recursos .feature-card h3 { font-size:20px!important; }
  #recursos .feature-card > p { font-size:14px!important; }

  /* Sections with two-column Tailwind layouts become single-column on mobile. */
  .section-heading {
    grid-template-columns:1fr!important;
    gap:18px!important;
  }
  .live-workflow {
    grid-template-columns:1fr!important;
    width:100%!important;
    min-width:0!important;
  }
  .workflow-browser,
  .integration-stage,
  .showcase-card,
  .simulator-shell,
  .final-cta-inner {
    width:100%!important;
    min-width:0!important;
  }

  /* Channel animation: flow vertically instead of relying on desktop absolute positions. */
  .channel-hub {
    width:100%!important;
    max-width:680px!important;
    min-height:0!important;
    height:auto!important;
    padding:0 2px 18px!important;
    display:flex!important;
    flex-direction:column!important;
    gap:10px!important;
  }
  .hub-orbit { display:none!important; }
  .channel-chip {
    position:relative!important;
    inset:auto!important;
    width:100%!important;
    max-width:100%!important;
    min-height:64px!important;
    padding:12px 13px!important;
    transform:none!important;
    animation:channelFloatMobileFinal 4s ease-in-out infinite!important;
  }
  .channel-chip:nth-of-type(2){animation-delay:.3s!important}
  .channel-chip:nth-of-type(3){animation-delay:.6s!important}
  .channel-chip:nth-of-type(4){animation-delay:.9s!important}
  .channel-chip:nth-of-type(5){animation-delay:1.2s!important}
  .channel-chip:nth-of-type(6){animation-delay:1.5s!important}
  .hub-center {
    position:relative!important;
    inset:auto!important;
    width:100%!important;
    height:78px!important;
    margin-top:2px!important;
    transform:none!important;
    order:99!important;
  }
  @keyframes channelFloatMobileFinal {
    0%,100%{transform:translate3d(0,0,0)}
    50%{transform:translate3d(0,-3px,0)}
  }

  /* CRM: no horizontal overflow at any mobile width. */
  .showcase-dark {
    width:100%!important;
    min-height:0!important;
    height:auto!important;
    padding:22px 14px 24px!important;
  }
  .showcase-dark .showcase-copy { width:100%!important; max-width:none!important; }
  .showcase-dark .kanban-wrap {
    position:relative!important;
    inset:auto!important;
    width:100%!important;
    min-width:0!important;
    min-height:0!important;
    margin-top:20px!important;
    padding:10px!important;
    overflow:hidden!important;
    transform:none!important;
  }
  .showcase-dark .kanban-grid {
    width:100%!important;
    min-width:0!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:6px!important;
  }
  .showcase-dark .kanban-column {
    min-width:0!important;
    min-height:350px!important;
    padding:8px!important;
    overflow:hidden!important;
  }
  .showcase-dark .lead-card {
    min-width:0!important;
    padding:8px!important;
    overflow:hidden!important;
  }
  .showcase-dark .lead-card b,
  .showcase-dark .lead-card small,
  .showcase-dark .lead-card footer {
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  .pipeline-progress { width:100%!important; min-width:0!important; }

  /* Workflow demo: fit its simulated UI inside the card. */
  .workflow-browser { height:430px!important; overflow:hidden!important; }
  .workflow-screen { overflow:hidden!important; }
  .automation-map { width:100%!important; transform:none!important; }
  .mini-kanban { grid-template-columns:repeat(3,minmax(0,1fr))!important; overflow:hidden!important; }
  .mini-kanban > div { min-width:0!important; }

  /* Touch targets. */
  .hero-cta a,
  .step-actions button,
  .final-cta-actions a,
  .call-test-button,
  .mobile-menu nav a,
  .mobile-menu-actions a { min-height:44px!important; }
}

/* True phone widths: stack CRM columns too, because three tiny columns are not useful at 360–430px. */
@media (max-width:767px) {
  .showcase-dark .kanban-grid { grid-template-columns:1fr!important; gap:8px!important; }
  .showcase-dark .kanban-column { min-height:0!important; }
  .showcase-dark .lead-card { padding:10px!important; }
  .showcase-dark .kanban-total { margin-top:12px!important; }
  .showcase-dark .kanban-wrap:before { left:-38%!important; }
  @keyframes crmLeadPass {
    0%,12% { left:-38%; opacity:0; }
    18% { opacity:1; }
    48% { left:34%; opacity:1; }
    74% { left:66%; opacity:1; }
    88%,100% { left:108%; opacity:0; }
  }
}

@media (max-width:430px) {
  .site-header > div:first-child { padding-inline:12px!important; }
  .site-header > div:first-child > a img { height:32px!important; max-width:58vw!important; }
  .core-card, #recursos .feature-card { padding:21px!important; border-radius:20px!important; }
  .core-wide .inbox-flow { grid-template-columns:1fr!important; }
  .core-wide .inbox-flow .unified-box { grid-column:auto!important; }
  .showcase-dark { padding-inline:10px!important; }
  .showcase-dark .kanban-wrap { padding:8px!important; }
  .workflow-browser { height:410px!important; }
}

@media (prefers-reduced-motion:reduce) {
  .channel-chip,
  .showcase-dark .crm-stage,
  .showcase-dark .kanban-wrap:before { animation:none!important; }
}

/* ================================================================
   ZAPIBOT — MOBILE/UI CORRECTION PASS 03
   Fixes from visual QA: menu, integrations, send button and footer.
   ================================================================ */

/* --- Mobile navigation: never let the hidden attribute or stacking context
       prevent the drawer from opening. Header stays pinned on phones/tablets. */
@media (max-width: 1023px) {
  .site-header {
    position: sticky !important;
    top: 0 !important;
    z-index: 10000 !important;
    overflow: visible !important;
  }

  .site-header > div:first-child {
    position: relative !important;
    z-index: 10003 !important;
  }

  .menu-button {
    position: relative !important;
    z-index: 10005 !important;
    flex: 0 0 44px !important;
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    min-height: 44px !important;
    display: grid !important;
    place-items: center !important;
    cursor: pointer !important;
  }

  .mobile-menu-backdrop {
    position: fixed !important;
    inset: 0 !important;
    z-index: 10010 !important;
    display: block !important;
    visibility: hidden;
    pointer-events: none;
    opacity: 0;
  }
  .mobile-menu-backdrop.open {
    visibility: visible !important;
    pointer-events: auto !important;
    opacity: 1 !important;
  }
  .mobile-menu-backdrop[hidden] { display: none !important; }

  .mobile-menu {
    position: fixed !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: auto !important;
    z-index: 10020 !important;
    display: block !important;
    visibility: hidden;
    pointer-events: none;
    width: min(420px, calc(100vw - 10px)) !important;
    max-width: calc(100vw - 10px) !important;
    height: 100dvh !important;
    max-height: 100dvh !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    transform: translate3d(104%, 0, 0);
  }
  .mobile-menu.open {
    visibility: visible !important;
    pointer-events: auto !important;
    transform: translate3d(0, 0, 0) !important;
  }
  .mobile-menu[hidden] { display: none !important; }

  body.menu-open {
    overflow: hidden !important;
    overscroll-behavior: none !important;
  }

  .mobile-menu nav a,
  .mobile-menu-actions a,
  .mobile-menu-head button {
    min-width: 44px !important;
    min-height: 44px !important;
  }

  /* Login inside drawer: icon + text are a single horizontal control. */
  .mobile-menu-actions .btn-login {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    flex-wrap: nowrap !important;
    gap: 10px !important;
    width: 100% !important;
    min-height: 58px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
  }
  .mobile-menu-actions .btn-login svg {
    flex: 0 0 20px !important;
    width: 20px !important;
    height: 20px !important;
  }
  .mobile-menu-actions .btn-login span {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    white-space: nowrap !important;
    line-height: 1.2 !important;
  }
}

/* --- Integrations: center icon, title and description consistently on
       desktop and mobile. */
.ecosystem-grid article {
  align-items: center !important;
  justify-content: flex-start !important;
  text-align: center !important;
}
.ecosystem-grid article .integration-icon {
  margin-inline: auto !important;
}
.ecosystem-grid article b,
.ecosystem-grid article span {
  width: 100% !important;
  text-align: center !important;
}

/* --- Hero chat: the global 44px touch-target rule was making the 28px
       send button rectangular. Give it its own proper square geometry. */
.chat-input .send-button,
.hero-real-chat .send-button {
  display: grid !important;
  place-items: center !important;
  flex: 0 0 28px !important;
  width: 28px !important;
  min-width: 28px !important;
  height: 28px !important;
  min-height: 28px !important;
  max-width: 28px !important;
  max-height: 28px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 8px !important;
  line-height: 1 !important;
  margin: 0 !important;
}
.chat-input .send-button svg,
.hero-real-chat .send-button svg {
  width: 13px !important;
  height: 13px !important;
  flex: 0 0 13px !important;
}
.chat-input {
  min-height: 52px !important;
  height: 52px !important;
  padding: 0 8px 0 12px !important;
}
.chat-input > button:first-child {
  flex: 0 0 44px !important;
  width: 44px !important;
  min-width: 44px !important;
  min-height: 44px !important;
  height: 44px !important;
}

/* --- Footer social icons: global min-height:44px was overriding the 40px
       Tailwind width and producing ovals. Force true circles. */
footer .flex.gap-4 > a {
  display: inline-grid !important;
  place-items: center !important;
  flex: 0 0 44px !important;
  width: 44px !important;
  min-width: 44px !important;
  height: 44px !important;
  min-height: 44px !important;
  max-width: 44px !important;
  max-height: 44px !important;
  padding: 0 !important;
  border-radius: 50% !important;
  line-height: 1 !important;
}
footer .flex.gap-4 > a i {
  line-height: 1 !important;
}

/* Footer bottom: the legal links must wrap instead of creating a horizontal
   scrollbar. Keep separators visually aligned on desktop and mobile. */
footer > .container > div:last-child {
  width: 100% !important;
  min-width: 0 !important;
  overflow: hidden !important;
}
footer > .container > div:last-child > p {
  min-width: 0 !important;
  margin: 0 !important;
  text-align: center;
  line-height: 1.6 !important;
}
footer > .container > div:last-child > div {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-wrap: wrap !important;
  gap: 7px 12px !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  text-align: center !important;
}
footer > .container > div:last-child > div > span {
  min-width: 0 !important;
  max-width: 100% !important;
  overflow-wrap: anywhere !important;
  word-break: normal !important;
}
footer > .container > div:last-child > div > span > a {
  display: inline !important;
  margin: 0 !important;
  white-space: normal !important;
}

@media (max-width: 767px) {
  footer > .container {
    padding-inline: 18px !important;
  }
  footer > .container > div:last-child {
    align-items: center !important;
    gap: 14px !important;
    text-align: center !important;
  }
  footer > .container > div:last-child > div {
    gap: 8px 11px !important;
    line-height: 1.55 !important;
  }
  footer > .container > div:last-child > div > .text-gray-300 {
    display: inline-block !important;
  }

  .ecosystem-grid article {
    min-width: 0 !important;
    width: 100% !important;
  }
  .integration-icon {
    margin-inline: auto !important;
  }
}

@media (max-width: 430px) {
  footer > .container {
    padding-inline: 14px !important;
  }
  footer > .container > div:last-child > p {
    font-size: 11px !important;
  }
  footer > .container > div:last-child > div {
    font-size: 11px !important;
    gap: 7px 9px !important;
  }
  .chat-input {
    height: 52px !important;
    min-height: 52px !important;
    margin: 0 12px 12px !important;
    padding: 0 8px 0 12px !important;
  }
  .chat-input .send-button,
  .hero-real-chat .send-button {
    flex: 0 0 28px !important;
    flex-basis: 28px !important;
    width: 28px !important;
    min-width: 28px !important;
    height: 28px !important;
    min-height: 28px !important;
    max-width: 28px !important;
    max-height: 28px !important;
    padding: 0 !important;
    border-radius: 8px !important;
  }
  .chat-input .send-button svg,
  .hero-real-chat .send-button svg {
    width: 13px !important;
    height: 13px !important;
  }
}
/* Círculos dos modais: protege largura e altura contra regras globais de botões. */
.success-orb {
  flex: 0 0 auto !important;
  aspect-ratio: 1 / 1 !important;
  border-radius: 50% !important;
}
.success-orb { min-width:72px !important; max-width:72px !important; min-height:72px !important; max-height:72px !important; }
/* ===== MOBILE HEADER / HAMBURGER DEFINITIVE FIX ===== */
@media (max-width:1023px) {
  .site-header {
    position:fixed !important;
    top:0 !important;
    left:0 !important;
    right:0 !important;
    bottom:auto !important;
    width:100% !important;
    height:72px !important;
    z-index:99999 !important;
    display:block !important;
    overflow:visible !important;
    background:#fff !important;
    border-bottom:1px solid #e3ebf2 !important;
    box-shadow:0 4px 18px rgba(7,26,46,.08) !important;
  }

  .site-header > div:first-child {
    width:100% !important;
    height:72px !important;
    min-height:72px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    position:relative !important;
    z-index:100000 !important;
    background:#fff !important;
  }

  .site-header > div:first-child > a {
    display:flex !important;
    align-items:center !important;
    flex:1 1 auto !important;
    min-width:0 !important;
    height:72px !important;
  }

  .site-header > div:first-child > a img {
    display:block !important;
    height:38px !important;
    width:auto !important;
    max-width:calc(100vw - 82px) !important;
    filter:none !important;
  }

  /* Hamburger is always visible below the desktop breakpoint. */
  .site-header .menu-button,
  button#menuButton.menu-button {
    display:grid !important;
    place-items:center !important;
    flex:0 0 44px !important;
    width:44px !important;
    height:44px !important;
    min-width:44px !important;
    min-height:44px !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    border-radius:12px !important;
    background:#f1f5f8 !important;
    color:#173650 !important;
    opacity:1 !important;
    visibility:visible !important;
    position:relative !important;
    z-index:100001 !important;
    cursor:pointer !important;
  }

  .site-header .menu-button > svg,
  .site-header #menuButton > svg {
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
    width:22px !important;
    height:22px !important;
    min-width:22px !important;
    min-height:22px !important;
    color:#173650 !important;
    stroke:#173650 !important;
    stroke-width:2.2 !important;
  }

  /* Fallback: if Lucide has not initialized yet, still show three lines. */
  .site-header #menuButton > i[data-lucide] {
    display:block !important;
    width:21px !important;
    height:15px !important;
    position:relative !important;
    background:linear-gradient(#173650,#173650) 0 0/21px 2px no-repeat,
               linear-gradient(#173650,#173650) 0 6px/21px 2px no-repeat,
               linear-gradient(#173650,#173650) 0 12px/21px 2px no-repeat !important;
  }

  .site-header #menuButton > i[data-lucide] svg { display:none !important; }

  /* Drawer and backdrop must be above every page section. */
  .mobile-menu-backdrop {
    position:fixed !important;
    inset:0 !important;
    z-index:100010 !important;
  }

  .mobile-menu {
    position:fixed !important;
    top:0 !important;
    right:0 !important;
    bottom:0 !important;
    left:auto !important;
    z-index:100011 !important;
    display:block !important;
    visibility:visible !important;
    max-height:100dvh !important;
    overflow-y:auto !important;
    overscroll-behavior:contain !important;
  }

  .mobile-menu[hidden] { display:none !important; }
  .mobile-menu.open { display:block !important; }

  /* Header remains fixed even while the mobile drawer is open. */
  body.menu-open { overflow:hidden !important; height:100dvh !important; }
}