/* Visual refinement: lighter hierarchy, centered navigation and service narrative. */
.wrap{max-width:1120px}
h1,h2,h3{font-weight:450;letter-spacing:-.04em}
.site-header{display:grid;grid-template-columns:1fr auto 1fr;height:82px;gap:25px}
.site-header .brand{justify-self:start}
.site-header .brand img{width:152px;height:auto}
.site-header nav{margin:0;gap:26px;font-size:14px;justify-self:center}
.site-header>.button{justify-self:end;font-size:12px;min-height:39px;white-space:nowrap;width:124px;padding-inline:10px;gap:7px}
.button{min-height:47px;font-size:15px;font-weight:550;padding-inline:12px;gap:8px;border-radius:10px;box-shadow:0 2px 3px #32245208,0 5px 12px #32245208}
.button.small{min-height:39px;padding-inline:10px;font-size:13px;border-radius:9px}
.button .icon{width:15px;height:15px}
.hero{padding:77px 0 65px}
.hero h1{font-size:clamp(40px,4.4vw,60px);font-weight:450;letter-spacing:-.045em;line-height:1.16;margin:25px auto 21px}
.word-slot{display:grid;width:100%;color:var(--ink)}
.word-slot::after{content:none}
.word-slot #rotating-word{text-align:center;white-space:nowrap;min-height:1.16em}
.word-slot em{font-style:normal;color:var(--purple)}
.hero-description{font-size:17px;line-height:1.65}
.hero-actions{margin-top:25px}
.hero-footnote{font-size:12px}
.eyebrow{font-size:10px;font-weight:450}
.float-bot{width:80px}
.bot-b{width:73px}.bot-c{width:92px}.bot-d{width:89px}
.product-wrap{max-width:1140px}
.demo-shell{padding:5px;background:#f5f5f5}
.demo-topbar{height:39px;padding:0 12px 5px;display:grid;grid-template-columns:1fr minmax(170px,35%) 1fr}
.window-dots{gap:7px;width:auto}
.window-dots i{width:9px;height:9px;border:1px solid #0000000c}
.window-dots i:nth-child(1){background:#ff5f57}
.window-dots i:nth-child(2){background:#febc2e}
.window-dots i:nth-child(3){background:#28c840}
.demo-topbar .browser-address{height:24px;border-radius:6px;background:#eaeaea99;justify-content:center;color:#8b8b8b;gap:6px}
.demo-topbar .demo-badge{justify-self:end;font-size:8px}
.section-space{padding-top:103px}
.section-heading h2{font-size:clamp(32px,3.3vw,43px);font-weight:450}
.muted-heading{color:var(--purple)}
.section-heading p{font-size:16px}
.card-copy h3{font-size:26px;font-weight:450}
.card-copy p{font-size:14px;line-height:1.7}
.card-copy{padding:27px 29px 0}
.bento-card{border-radius:17px}
.context-card,.agents-card{min-height:426px}
.context-visual{margin-top:9px}
.agent-lineup>div>span{width:90px;height:103px}
.mini-analytics strong{font-size:23px;font-weight:450}
.faq-section h2{font-size:37px;font-weight:450}
.faq-list summary{font-size:15px}
.closing h2{font-size:35px;font-weight:450}
.closing p{font-size:16px}
.closing{padding-top:36px;padding-bottom:45px}

/* Small, evenly framed icons around an open center, inspired by Salte. */
.integrations{padding-top:85px}
.integration-field{position:relative;min-height:510px;display:grid;place-items:center;isolation:isolate}
.integration-matrix{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:940px;display:grid;grid-template-columns:repeat(14,56px);grid-auto-rows:56px;gap:12px;mask-image:radial-gradient(ellipse 56% 70% at 50% 50%,#000 48%,#000b 73%,transparent 100%);z-index:-1}
.matrix-cell{background:#f8f8fa;border-radius:14px;display:flex;align-items:center;justify-content:center}
.matrix-cell.empty{visibility:hidden}
.matrix-cell.has-icon{background:#fff;box-shadow:0 2px 12px #28203508;border:1px solid #f2f1f5}
.matrix-cell img{width:29px;height:29px;object-fit:contain;opacity:.9}
.matrix-cell img[alt="Mercado Livre"]{width:36px;height:25px}
.matrix-cell:nth-child(3n) img{opacity:.75}
.integration-copy{padding-top:7px}
.integration-copy h2{font-size:40px;font-weight:450;line-height:1.15;margin:0 0 17px}
.integration-copy p{font-size:15px;line-height:1.7;margin-bottom:24px}
.integration-copy .button{font-size:13px;min-height:40px;width:135px;padding-inline:7px;gap:6px}
.integration-note{font-size:10px;max-width:440px;margin-top:6px;color:#aaa}


.button{white-space:nowrap}
.hero-actions .button{font-size:14px;font-weight:450;min-height:44px}
.hero-actions .primary{width:152px}.hero-actions .secondary{width:176px;padding-inline:10px;gap:7px}
.closing .button{width:223px;padding-inline:8px;gap:7px}
.faq-section>div>p,.faq-list details p{font-size:15px;line-height:1.7}
.site-footer{font-size:12px}.motion-toggle{font-size:11px}

/* Alternating illustration and copy, with the open composition of the reference. */
.how-section{padding-top:120px;max-width:1040px}
.service-intro{text-align:center;margin-bottom:64px}
.service-intro .eyebrow{margin-bottom:21px}
.service-intro h2{font-size:clamp(32px,3.3vw,43px);font-weight:450;line-height:1.17}
.service-rows{display:grid;gap:43px}
.service-row{display:grid;grid-template-columns:1fr 1.15fr;align-items:center;gap:65px}
.service-row:nth-child(even){grid-template-columns:1.15fr 1fr}
.service-row:nth-child(even) .service-art{order:2}
.service-art{border-radius:26px;background:#f9f8fb;overflow:hidden;aspect-ratio:1.58}
.service-art-2{background:#faf9fc}.service-art-3{background:#f7faf9}
.service-art img{width:100%;height:100%;object-fit:contain}
.service-copy h3{display:flex;align-items:center;gap:11px;font-size:21px;font-weight:500;letter-spacing:-.035em;line-height:1.3}



.service-copy p{font-size:15px;line-height:1.8;color:#85828c;margin-top:16px;max-width:450px;letter-spacing:-.015em}
@media(min-width:1440px){.hero{padding-top:88px;padding-bottom:77px}.hero h1{font-size:63px}}
@media(max-width:1100px){
.site-header nav{gap:18px;font-size:13px}.site-header{gap:20px}.site-header .brand img{width:140px}
.hero h1{font-size:52px}.service-row{gap:38px}.service-copy h3{font-size:19px}
}
@media(max-width:800px){
.site-header{height:73px;display:flex;justify-content:space-between}.site-header nav{display:none}.site-header .brand img{width:136px}
.hero h1{font-size:42px}.hero{padding:62px 0 52px}.hero-description{font-size:16px}
.section-space{padding-top:79px}.section-heading h2{font-size:35px}.card-copy h3{font-size:24px}.card-copy{padding:25px 24px 0}
.agent-lineup>div>span{width:70px;height:80px}.integration-field{min-height:470px}.integration-matrix{transform:translate(-50%,-50%) scale(.88)}
.integration-copy h2{font-size:36px}.integration-copy p{font-size:14px}
.service-intro{margin-bottom:40px}.service-intro h2{font-size:34px}.service-row{gap:27px}.service-copy h3{font-size:18px;gap:8px}.service-copy p{font-size:14px;line-height:1.7;margin-top:12px}
}
@media(max-width:560px){
.site-header{height:66px}.site-header .brand img{width:119px}.site-header>.button{font-size:11px;min-height:34px;width:105px;padding-inline:10px;gap:4px}.site-header>.button .icon{display:none}
.hero{padding:59px 0 41px}.hero h1{font-size:clamp(29px,7.8vw,38px);line-height:1.18;margin-top:22px}
.word-slot #rotating-word{white-space:normal;min-height:2.36em;line-height:1.18}.word-slot em{display:block;white-space:nowrap}
.hero-description{font-size:14px;max-width:330px}.hero-actions .button{font-size:11.5px;min-height:42px;padding-inline:7px;gap:5px}.hero-actions .primary{width:127px}.hero-actions .secondary{width:151px}.hero-footnote{font-size:9px}
.float-bot{width:52px}.bot-b{width:49px}.demo-topbar{height:32px;grid-template-columns:1fr 1.5fr 1fr;padding:0 8px 4px}.window-dots{gap:4px}.window-dots i{width:7px;height:7px}.demo-topbar .browser-address{height:20px;font-size:7px;gap:3px}.demo-topbar .demo-badge{font-size:6px;padding:2px 4px}
.section-space{padding-top:65px}.section-heading h2{font-size:29px}.section-heading p{font-size:14px}.card-copy h3{font-size:25px}.card-copy p{font-size:13px}.context-card,.agents-card{min-height:380px}.agent-lineup>div>span{width:81px;height:94px}
.faq-section h2{font-size:32px}.faq-section>div>p,.faq-list details p{font-size:14px}.faq-list summary{font-size:14px}.closing h2{font-size:28px}.closing p{font-size:14px}.closing .button{font-size:14px;padding-inline:8px}
.integration-field{min-height:460px;max-width:none;width:100%}.integration-matrix{width:554px;grid-template-columns:repeat(14,34px);grid-auto-rows:34px;gap:6px;transform:translate(-50%,-50%);mask-image:radial-gradient(ellipse 54% 74% at 50% 50%,#000 35%,#000a 68%,transparent 100%);row-gap:26px}.matrix-cell{border-radius:9px}.matrix-cell img{width:22px;height:22px}.matrix-cell img[alt="Mercado Livre"]{width:27px;height:19px}
.integration-copy h2{font-size:32px;margin-bottom:13px}.integration-copy p{font-size:13px;margin-bottom:20px}.integration-copy .button{min-height:36px;font-size:12px}.integration-copy{padding-top:0}.integration-note{font-size:9px;max-width:300px;margin-top:-7px}
.service-intro h2{font-size:28px;line-height:1.23}.service-intro .eyebrow{font-size:8px}.service-intro{margin-bottom:34px}
.service-rows{gap:37px}.service-row,.service-row:nth-child(even){grid-template-columns:1fr;gap:21px}.service-row:nth-child(even) .service-art{order:0}.service-art{border-radius:21px;aspect-ratio:1.7}.service-copy{padding:0 6px}.service-copy h3{font-size:19px}.service-copy p{font-size:14px;line-height:1.75;margin-top:12px}
.site-footer>span:nth-child(3){font-size:10px}.motion-toggle{font-size:10px}
}

/* Interactive mascots: the hit area stays steady while the inner SVG reacts. */
.bot-interaction{display:block;width:100%;padding:0;border:0;background:transparent;border-radius:35%;pointer-events:auto;touch-action:manipulation;cursor:pointer;position:relative;transition:none}
.bot-interaction:active{transform:none}
.bot-interaction .bot{transform:translate(var(--look-x,0px),var(--look-y,0px)) rotate(var(--look-tilt,0deg));transition:transform 220ms cubic-bezier(.22,1,.36,1),filter 220ms ease}
.bot-interaction .bot-body{transform-box:fill-box;transform-origin:center bottom}
.bot-interaction .bot-smile{display:none}
.bot-interaction.is-happy .bot-eyes{visibility:hidden}
.bot-interaction.is-happy .bot-smile{display:block}
.bot-interaction.is-bouncing .bot-body{animation:bot-greeting 650ms cubic-bezier(.22,.68,.35,1) both}
.bot-interaction:focus-visible{outline:2px solid #998ac4;outline-offset:4px}
@media(hover:hover) and (pointer:fine){
.bot-interaction:hover .bot{transform:translate(var(--look-x,0px),calc(var(--look-y,0px) - 4px)) rotate(var(--look-tilt,0deg)) scale(1.09);filter:drop-shadow(0 12px 9px #5c568f20)}
}
@keyframes bot-greeting{
0%,100%{transform:translateY(0) scale(1) rotate(0deg)}
18%{transform:translateY(2px) scale(1.1,.88) rotate(-4deg)}
46%{transform:translateY(-28px) scale(.94,1.06) rotate(8deg)}
72%{transform:translateY(0) scale(1.08,.93) rotate(-3deg)}
86%{transform:translateY(-5px) scale(.98,1.02) rotate(1deg)}
}
body.motion-paused .bot-interaction .bot{transform:none;transition:none}
body.motion-paused .bot-interaction .bot-body{animation:none}
@media(prefers-reduced-motion:reduce){.bot-interaction .bot{transform:none!important}.bot-interaction .bot-body{animation:none!important}}

/* Product-specific scenes: readable at rest, gently layered on scroll and hover. */
.service-art{position:relative;isolation:isolate;--scene-x:0deg;--scene-y:0deg;--scroll-lift:0px}
.service-scene{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:27px 29px;perspective:800px;transform:translateY(var(--scroll-lift));transition:transform 180ms ease-out}
.scene-caption{font-size:8px;letter-spacing:.12em;color:#a29aaa;margin-bottom:18px;text-align:center}
.scene-note{font-size:10px;letter-spacing:-.01em;color:#a29ba9;margin-top:18px;text-align:center}
.routine-stack,.context-network,.agent-work-card,.progress-paper{width:100%;max-width:335px;transform:rotateX(var(--scene-x)) rotateY(var(--scene-y));transition:transform 380ms cubic-bezier(.22,1,.36,1)}
.routine-stack{display:grid;gap:8px;padding:0 8px}
.routine-item{display:flex;align-items:center;gap:11px;padding:11px 14px;background:#fff;border:1px solid #e9e4ef;border-radius:10px;box-shadow:0 3px 8px #34274c03;transition:transform 400ms cubic-bezier(.22,1,.36,1),border-color 300ms ease}
.routine-item:nth-child(2){margin-left:14px;margin-right:-5px;border-color:#d9cee7;background:#fdfbff}
.routine-item:nth-child(3){margin-left:3px;margin-right:6px}
.routine-item strong,.agent-work-heading strong{display:block;font-size:12px;font-weight:500;letter-spacing:-.02em;color:#69606f}
.routine-item small,.agent-work-heading small{display:block;font-size:9px;color:#a39aa9;margin-top:2px}
.routine-dot{width:7px;height:7px;border-radius:50%;background:#c1afd7;flex-shrink:0}.routine-item:nth-child(2) .routine-dot{background:#a4c8b8}.routine-item:nth-child(3) .routine-dot{background:#e3bbab}
.routine-trace{width:25px;height:4px;border-radius:4px;background:#eee9f4;margin-left:auto}
.context-network{height:160px;position:relative;flex-shrink:0}
.context-wires{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:#dfd7eb;stroke-width:1.2}
.context-signal{stroke:#a99ac4;stroke-dasharray:7 150;stroke-dashoffset:0;opacity:.8}
.context-source{position:absolute;display:grid;place-items:center;width:82px;height:34px;font-size:11px;color:#8d819a;background:#fff;border:1px solid #e9e3f0;border-radius:9px;transition:transform 400ms cubic-bezier(.22,1,.36,1)}
.source-catalog{top:25px;left:0}.source-rules{top:25px;right:0}.source-systems{bottom:18px;left:0}.source-history{bottom:18px;right:0}
.context-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:83px;height:74px;border:1px solid #dcd3e8;background:#f1ecf8;border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;box-shadow:0 6px 17px #5c568f08;color:#827293;font-size:10px}
.context-core img{width:26px;height:26px;object-fit:contain}
.agent-work-card,.progress-paper{background:#fff;border:1px solid #e7e4ec;border-radius:13px;padding:18px;box-shadow:0 6px 18px #42324f05}
.agent-work-heading{display:flex;align-items:center;gap:10px;padding-bottom:12px;border-bottom:1px solid #f1eef4;margin-bottom:12px}
.service-mascot{width:39px;height:40px;display:block;transition:transform 400ms cubic-bezier(.22,1,.36,1)}
.agent-status-dot{width:6px;height:6px;background:#a3c7b6;border-radius:50%;margin-left:auto;box-shadow:0 0 0 4px #eff7f2}
.agent-task{display:flex;align-items:center;gap:8px;color:#93899e;font-size:10px;margin-top:9px;transition:transform 400ms ease}
.task-check{color:#8eb09c;font-size:10px}
.agent-approval{display:flex;align-items:center;gap:7px;border:1px solid #e6e0ee;border-radius:7px;background:#f7f4fb;padding:9px;margin-top:15px;color:#8a789e;font-size:9px;transition:transform 400ms ease,background 300ms ease}
.approval-dot{width:5px;height:5px;background:#b5a2ce;border-radius:50%}
.progress-heading{display:flex;justify-content:space-between;gap:8px;align-items:center}.progress-heading strong{font-size:12px;font-weight:500;letter-spacing:-.02em;color:#766881}.progress-heading>span{font-size:8px;color:#b0a4bd}
.progress-chart{height:105px;position:relative;margin-top:16px}.progress-grid{position:absolute;inset:0;background:repeating-linear-gradient(to top,#f0edf5 0px,#f0edf5 1px,transparent 1px,transparent 26px)}
.progress-bars{position:absolute;inset:0 12px;display:flex;align-items:flex-end;gap:12px}.progress-bars i{flex:1;height:var(--bar-height);background:#dfd7eb;border:1px solid #d4c9e3;border-radius:4px 4px 0 0;transform-origin:bottom;transition:transform 500ms cubic-bezier(.22,1,.36,1);transition-delay:calc(var(--bar-i) * 30ms)}
.progress-bars i:nth-child(n+5){background:#bfb0d4;border-color:#b7a5d0}.progress-bars i:last-child{background:#9986b8;border-color:#9986b8}
.progress-cycle{display:flex;align-items:center;justify-content:center;gap:17px;margin-top:14px;color:#a097ab;font-size:9px}.progress-cycle b{font-weight:400;color:#c8bdD5}
.service-art.has-entered .routine-item{animation:scene-arrive 700ms cubic-bezier(.22,1,.36,1) both}.service-art.has-entered .routine-item:nth-child(2){animation-delay:80ms}.service-art.has-entered .routine-item:nth-child(3){animation-delay:160ms}
.service-art.has-entered .context-source{animation:scene-arrive 700ms cubic-bezier(.22,1,.36,1) both}.service-art.has-entered .source-rules{animation-delay:80ms}.service-art.has-entered .source-systems{animation-delay:160ms}.service-art.has-entered .source-history{animation-delay:240ms}
.service-art.has-entered .agent-work-card,.service-art.has-entered .progress-paper{animation:scene-arrive 800ms cubic-bezier(.22,1,.36,1) both}
.service-art.has-entered .progress-bars i{animation:bar-arrive 900ms cubic-bezier(.22,1,.36,1) both;animation-delay:calc(var(--bar-i) * 65ms)}
.service-art.is-visible .context-signal{animation:context-flow 6s linear infinite}
@keyframes scene-arrive{from{opacity:.35;translate:0 13px}to{opacity:1;translate:0 0}}
@keyframes bar-arrive{from{scale:1 .45}to{scale:1 1}}
@keyframes context-flow{to{stroke-dashoffset:-314}}
@media(hover:hover) and (pointer:fine){
.service-art:hover .routine-item:first-child{transform:translate(-5px,-4px)}.service-art:hover .routine-item:nth-child(2){transform:translate(5px,0)}.service-art:hover .routine-item:last-child{transform:translate(-3px,4px)}
.service-art:hover .source-catalog,.service-art:hover .source-systems{transform:translateX(-5px)}.service-art:hover .source-rules,.service-art:hover .source-history{transform:translateX(5px)}
.service-art:hover .context-signal{animation-duration:3s}
.service-art:hover .service-mascot{transform:translateY(-4px) rotate(-7deg)}.service-art:hover .agent-approval{transform:translateY(3px);background:#eee8f7}
.service-art:hover .progress-bars i{transform:scaleY(1.08)}
}
body.motion-paused .service-scene,body.motion-paused .service-art *{animation:none!important;transition:none!important;translate:none!important;scale:none!important}
body.motion-paused .service-scene,body.motion-paused .routine-stack,body.motion-paused .context-network,body.motion-paused .agent-work-card,body.motion-paused .progress-paper,body.motion-paused .routine-item,body.motion-paused .context-source,body.motion-paused .service-mascot,body.motion-paused .agent-approval,body.motion-paused .progress-bars i{transform:none!important}
@media(max-width:1100px){.service-scene{padding:20px}.scene-caption{font-size:7px;margin-bottom:11px}.scene-note{font-size:9px;margin-top:12px}.routine-item{padding:8px 10px}.context-network{height:145px}.agent-work-card,.progress-paper{padding:13px}.progress-chart{height:90px}}
@media(min-width:561px) and (max-width:800px){.service-art{aspect-ratio:auto;min-height:255px}.service-scene{padding:17px 11px}.context-source{width:64px;font-size:10px}.context-core{width:65px;height:65px}.routine-item strong,.agent-work-heading strong{font-size:11px}.agent-task{font-size:9px}.scene-note{font-size:8px}.progress-heading>span{display:none}}
@media(max-width:560px){.service-art{aspect-ratio:auto;min-height:265px}.service-scene{padding:23px}.scene-caption{font-size:7px}.scene-note{margin-top:15px}.routine-item{padding:10px}.routine-item strong{font-size:12px}.context-network{height:150px}.progress-chart{height:100px}.agent-work-card,.progress-paper{padding:16px}}
@media(prefers-reduced-motion:reduce){.service-scene,.routine-stack,.context-network,.agent-work-card,.progress-paper,.routine-item,.context-source,.service-mascot,.agent-approval,.progress-bars i{transform:none!important}.service-art *{animation:none!important;transition:none!important;opacity:1!important;translate:none!important;scale:none!important}}

/* Centered integrations: an open field with generous clearance around the message. */
.integrations{padding-top:80px;overflow:clip}
.connections-field{min-height:768px;height:auto;padding-block:260px;position:relative;display:grid;place-items:center;isolation:isolate}
.connections-backdrop,.connections-brands{position:absolute;left:50%;top:0;transform:translateX(-50%);width:1120px;height:100%;display:grid;grid-template-columns:repeat(13,64px);grid-template-rows:repeat(9,minmax(64px,1fr));gap:24px;margin:0;padding:0;list-style:none}
.connections-backdrop{z-index:-1;pointer-events:none;mask-image:radial-gradient(ellipse 55% 60% at 50% 50%,transparent 29%,#0009 60%,#0005 77%,transparent 100%)}
.connections-backdrop i{display:block;background:#f7f6f9;border-radius:16px;opacity:1;max-height:64px;box-shadow:inset 0 0 0 80px rgb(92 86 143 / calc(var(--tile-glow,0) * .075));transition:box-shadow 350ms ease-out}
.connections-brands{pointer-events:none}
.connection-brand{grid-row:var(--row);grid-column:var(--col);position:relative;pointer-events:auto;align-self:start}
.connection-logo{height:64px;width:64px;display:grid;place-items:center;border-radius:16px;background:#fff;border:1px solid #eeebf2;box-shadow:0 3px 12px #55426706;transition:transform 250ms cubic-bezier(.22,1,.36,1),box-shadow 250ms ease,border-color 250ms ease}
.connection-logo img{width:48px;height:40px;object-fit:contain;max-width:100%}
.connection-mercado .connection-logo{background:#fffcdf;border-color:#f3ecc8}.connection-mercado img{width:53px;height:53px}
.connection-shopee img{width:30px;height:36px}.connection-shopify img{width:31px;height:37px}.connection-nuvemshop img{width:33px;height:33px}
.connection-tiktok img{width:32px;height:37px}.connection-vtex img{width:64px;height:48px}.connection-tray img{width:44px;height:32px}.connection-bling img{width:47px;height:31px}.connection-omie img{width:46px;height:30px}.connection-olist img{width:44px;height:30px}
.connection-meta img{width:39px;height:37px}.connection-google img{width:34px;height:34px}.connection-whatsapp img{width:35px;height:35px}

.connections-copy{text-align:center;position:relative;z-index:2;max-width:480px;padding:0 8px;pointer-events:none}
.connections-copy h2{font-size:43px;font-weight:450;line-height:1.13;letter-spacing:-.045em}
.connections-copy h2 em{color:var(--purple);font-style:normal}
.connections-copy p{font-size:15px;color:#8f8798;line-height:1.7;margin-top:21px}
.connections-copy .button{pointer-events:auto;min-height:40px;font-size:12px;font-weight:450;padding-inline:17px;margin-top:27px}
.connections-note{font-size:10px;line-height:1.7;color:#aaa1b2;text-align:center;max-width:560px;padding:0 24px;margin:24px auto 0}
@media(hover:hover) and (pointer:fine){.connection-brand:hover .connection-logo{transform:perspective(500px) translateY(-3px) rotateX(var(--logo-x,0deg)) rotateY(var(--logo-y,0deg)) scale(1.025);box-shadow:0 9px 20px #5c568f12;border-color:#dcd2e8}.connection-brand:hover }
@media(max-width:1150px){
.connections-field{min-height:0;max-width:520px;padding:30px 20px;grid-template-columns:repeat(8,minmax(0,1fr));gap:22px 12px}
.connections-brands{display:contents}.connection-brand{grid-row:var(--mobile-row);grid-column:var(--mobile-col) / span 2;justify-self:center}
.connections-copy{grid-row:3;grid-column:1/-1;max-width:460px;margin:60px 0;padding:0}.connections-copy h2{font-size:39px}.connections-copy p{font-size:14px}
.connections-backdrop{width:100%;height:100%;display:block;background:repeating-linear-gradient(90deg,transparent 0,transparent 64px,#fff 64px,#fff 88px),repeating-linear-gradient(0deg,#f7f6f9 0,#f7f6f9 64px,#fff 64px,#fff 88px);mask-image:linear-gradient(transparent,#0005 12%,#0005 20%,transparent 30%,transparent 70%,#0005 80%,#0005 88%,transparent)}
.connections-backdrop i{display:none}.connections-note{margin-top:20px}
}
@media(max-width:560px){
.integrations{padding-top:66px}.connections-field{width:100%;max-width:390px;padding:24px 20px;gap:20px 8px}
.connection-logo{width:58px;height:58px;border-radius:14px}.connection-mercado img{width:48px;height:48px}.connection-vtex img{max-width:100%}
.connections-copy{max-width:340px;width:100%;margin:58px 0}.connections-copy h2{font-size:32px}.connections-copy p{font-size:12px;line-height:1.7;margin-top:18px}.connections-copy .button{min-height:38px;margin-top:24px;font-size:12px}.connections-note{font-size:9px;max-width:330px;margin-top:22px}
}
body.motion-paused .connection-logo{transform:none;transition:none}
@media(prefers-reduced-motion:reduce){.connection-logo{transform:none!important}}

/* Pointer response stays on the logo tile. */
body.motion-paused .connection-brand,body.motion-paused .connection-logo{transform:none!important;transition:none!important}
@media(prefers-reduced-motion:reduce){.connection-brand,.connection-logo{transform:none!important;transition:none!important}}

body.motion-paused .connections-backdrop i{box-shadow:none;transition:none}
@media(prefers-reduced-motion:reduce){.connections-backdrop i{box-shadow:none;transition:none}}

/* Open closing invitation: the shader diffuses across the page, without a card. */
.closing{width:100%;max-width:none;border-radius:0;background:transparent;padding:70px 0 100px;overflow:hidden}
.closing-shader{inset:0 -5%;opacity:.48;background:url("assets/lavender.png") center 55% / cover;mask-image:linear-gradient(transparent 0%,#0008 32%,#000 62%,transparent 100%);pointer-events:none}
.closing-content{position:relative;max-width:900px}
.closing-bots{height:76px;margin-bottom:27px;gap:10px}
.closing h2{font-size:42px;font-weight:450;line-height:1.15;margin:22px 0}
.closing p{font-size:16px;line-height:1.7;color:#83798f;margin-bottom:28px}
.closing .button{width:auto;min-height:46px;padding-inline:22px;font-size:14px;font-weight:450;gap:14px}
.site-footer{display:block;min-height:0;padding:0;background:#fff;color:#8e8796;font-size:13px}
.footer-main{display:grid;grid-template-columns:1.65fr 1fr 1.2fr 1.15fr;gap:50px;padding-top:55px;padding-bottom:55px;border-top:1px solid #f0edf4}
.footer-brand-block .brand{width:fit-content}.site-footer .brand img{width:165px;height:55px;object-fit:contain}
.footer-brand-block p{font-size:13px;line-height:1.8;margin:16px 0 21px;color:#968c9e}
.footer-socials{display:flex;align-items:center;gap:10px}
.footer-socials a{width:36px;height:36px;display:grid;place-items:center;border:1px solid #eeeaf3;border-radius:10px;color:#81758f;transition:color 180ms ease,background 180ms ease,border-color 180ms ease}
.footer-socials .icon{width:17px;height:17px;stroke-width:1.6}
.footer-column{display:flex;flex-direction:column;align-items:flex-start;gap:14px;padding-top:17px}
.footer-column h3{font-size:13px;font-weight:500;letter-spacing:-.01em;line-height:1.5;color:#554b60;margin-bottom:8px}
.footer-column a{display:inline-flex;align-items:center;gap:7px;font-size:13px;line-height:1.6;transition:color 180ms ease}
.footer-column .icon,.footer-back-top .icon{width:13px;height:13px}
.footer-bottom{display:flex;align-items:center;gap:30px;border-top:1px solid #f0edf4;padding-block:23px;font-size:11px;color:#aaa1b2}
.footer-bottom .motion-toggle{width:auto;margin-left:auto;font-size:11px;text-align:left;color:#9c91a6;text-decoration:none;padding:5px 0}
.footer-back-top{display:inline-flex;align-items:center;gap:8px;color:#82758f;font-size:11px}
@media(hover:hover){.footer-column a:hover,.footer-back-top:hover,.footer-bottom .motion-toggle:hover{color:var(--purple)}.footer-socials a:hover{color:var(--purple);background:#f6f3fa;border-color:#dcd4e8}}
@media(max-width:900px){.footer-main{gap:30px;grid-template-columns:1.4fr 1fr 1.2fr}.footer-brand-block{grid-column:1/-1;display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px}.footer-brand-block p{margin:0;grid-row:2}.footer-socials{grid-column:2;grid-row:1/3}.footer-column{padding-top:5px}.closing h2{font-size:36px}}
@media(max-width:560px){.closing{padding:55px 0 75px}.closing-content{width:calc(100% - 40px)}.closing-shader{inset:0 -50%;opacity:.42}.closing-bots{height:67px;margin-bottom:22px;gap:6px}.closing .eyebrow{font-size:8px;letter-spacing:.1em}.closing h2{font-size:30px;margin:20px 0;line-height:1.18}.closing p{font-size:14px;max-width:300px;margin:0 auto 25px}.closing .button{font-size:13px;min-height:44px;padding-inline:18px}.footer-main{padding-top:35px;padding-bottom:36px;grid-template-columns:1fr 1fr;gap:30px 20px}.footer-brand-block{display:block;padding-bottom:4px}.site-footer .brand img{width:150px;height:50px}.footer-brand-block p{margin:12px 0 18px;font-size:12px}.footer-column{gap:12px}.footer-column h3{font-size:12px;margin-bottom:5px}.footer-column a{font-size:12px}.footer-bottom{flex-wrap:wrap;gap:17px 24px;padding-block:22px;font-size:10px}.footer-bottom>span{width:100%}.footer-bottom .motion-toggle{margin-left:0;font-size:10px}.footer-back-top{margin-left:auto;font-size:10px}}