/* Motion for a first-visit marketing experience: hierarchy, feedback and explanation. */
:root{--ease-out:cubic-bezier(.23,1,.32,1);--ease-in-out:cubic-bezier(.77,0,.175,1);--duration-feedback:160ms;--duration-panel:200ms;--duration-reveal:600ms}
.hero{position:relative;isolation:isolate}.hero:before,.hero:after{content:'';position:absolute;z-index:-1;pointer-events:none;border:1px solid #2059df0b;border-radius:50%;width:650px;height:650px;right:-220px;top:-220px}.hero:after{width:850px;height:850px;right:-320px;top:-320px}.hero-copy em{position:relative;display:inline-block}.hero-copy em:after{content:'';position:absolute;left:0;right:0;bottom:-4px;height:3px;transform-origin:left;background:linear-gradient(90deg,var(--blue),var(--teal));animation:underline-enter 800ms var(--ease-out) both}.button{transition:transform var(--duration-feedback) var(--ease-out),background var(--duration-feedback) ease}.button:hover{transform:none}.button:active{transform:scale(.97)}.button>span[aria-hidden]{display:inline-block;transition:transform var(--duration-feedback) var(--ease-out)}.benefit-grid article{transition:transform var(--duration-panel) var(--ease-out)}.resource-tabs button{transition:background var(--duration-feedback) ease,color var(--duration-feedback) ease}.text-link span{display:inline-block;transition:transform var(--duration-feedback) var(--ease-out)}.floating-note{animation:note-enter 800ms var(--ease-out) 300ms backwards}.chat-footer{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.chat-footer>span{margin-right:0}#replay-chat{margin-left:auto;border:0;background:#edf6f3;border-radius:5px;padding:6px 9px;color:#207768;font-size:8px;min-height:32px;transition:background var(--duration-feedback) ease}#replay-chat:hover{background:#d9eee7}#replay-chat span{margin-left:4px}.integrations{padding-bottom:75px}.integration-explorer{display:grid;grid-template-columns:1.1fr 1fr;gap:55px;align-items:center;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 16px 50px #183e5d06}.connection-map{height:430px;position:relative;background:#f6f9fc;isolation:isolate}.map-grid{position:absolute;inset:0;z-index:-1;background-image:radial-gradient(#cbd9e5 1px,transparent 1px);background-size:18px 18px;opacity:.55}.connection-lines{position:absolute;inset:0;width:100%;height:100%;stroke:#cad8e4;stroke-width:1.5}.connection-lines path{stroke-dasharray:5 5;transition:opacity 200ms ease;opacity:.5}.connection-map[data-active=whatsapp] .path-whatsapp,.connection-map[data-active=agenda] .path-agenda,.connection-map[data-active=email] .path-email,.connection-map[data-active=arquivos] .path-arquivos{stroke:var(--teal);stroke-width:2;opacity:1}.map-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:white;padding:18px 21px 15px;border-radius:13px;box-shadow:0 5px 25px #10283f12;border:1px solid #d6e3eb;display:grid;place-items:center;gap:6px;z-index:2}.map-center img{width:105px;height:auto;mix-blend-mode:multiply}.map-center>span{font-size:7px;white-space:nowrap;color:var(--muted)}.integration-node{position:absolute;background:#fff;border:1px solid #dfe7ef;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;width:130px;min-height:112px;padding:14px 8px;color:var(--ink);box-shadow:0 4px 14px #23426207;transition:transform 200ms var(--ease-out),background 160ms ease}.integration-node strong{font-size:12px;font-weight:600}.integration-node small{font-size:8px;color:var(--muted);margin-top:2px;white-space:nowrap}.node-icon{display:grid;place-items:center;color:var(--teal);width:32px;height:32px;border-radius:8px;background:#e7f5f0;font-size:13px;letter-spacing:-.5px;font-weight:700;margin-bottom:7px}.node-icon svg{width:21px;height:21px}.integration-node[aria-pressed=true]{border:2px solid var(--teal);background:#f6fffc}.node-whatsapp{left:8%;top:7%}.node-agenda{right:8%;top:7%}.node-email{left:8%;bottom:9%}.node-arquivos{right:8%;bottom:9%}.map-caption{position:absolute;bottom:13px;left:0;right:0;text-align:center;letter-spacing:1.2px;font-size:7px;color:#61788c}.integration-detail{padding:35px 45px 35px 0;min-height:380px}.integration-tag{display:inline-block;color:var(--teal);font-size:9px;font-weight:700;letter-spacing:1.3px;margin-bottom:20px}.integration-detail h3{font-size:27px;letter-spacing:-.9px;line-height:1.3;margin-bottom:18px}.integration-description{color:var(--muted);font-size:13px;line-height:1.85}.integration-detail ul{list-style:none;margin:20px 0;padding:0}.integration-detail li{font-size:12px;margin-bottom:10px;padding-left:19px;position:relative}.integration-detail li:before{content:'✓';position:absolute;left:0;color:var(--teal)}.integration-footnote{font-size:10px;color:#647685;border-top:1px solid var(--line);padding-top:15px;margin-bottom:0}.platform-depth{background:linear-gradient(110deg,#10283f,#183d50);padding:75px 0;color:white;position:relative;overflow:hidden}.platform-depth:after{content:'+';position:absolute;right:0;top:-210px;font:500 700px/1 var(--heading);color:#ffffff03;pointer-events:none}.platform-depth>.container{position:relative;z-index:1}.depth-heading{display:grid;grid-template-columns:1fr 1fr;column-gap:80px;align-items:end}.depth-heading .eyebrow{grid-column:1/-1;margin-bottom:20px}.depth-heading p{color:#bfd0dc;font-size:14px;max-width:360px;margin:0}.depth-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-top:45px}.depth-grid article{border-top:1px solid #ffffff25;padding-top:22px}.depth-grid article>span{font-size:10px;font-weight:600;color:#72d5ca}.depth-grid h3{font-size:17px;line-height:1.45;letter-spacing:-.3px;margin:15px 0 12px}.depth-grid p{color:#b8ccd9;font-size:12px;line-height:1.85;margin-bottom:0}.developer-credit{border-top:1px solid var(--line);display:flex;align-items:center;gap:18px;padding:25px 0 35px}.developer-credit>span{font-size:8px;letter-spacing:1.3px;color:var(--muted)}.developer-credit>strong{font:750 27px/1 var(--heading);letter-spacing:-1.3px}.bsw-dot{color:var(--teal)}.bsw-tech{font:500 11px/1 var(--body);letter-spacing:0;color:var(--muted);margin-left:4px}.developer-credit p{margin:0 0 0 auto;font-size:10px;color:var(--muted)}.header nav{gap:23px;font-size:12px}
@keyframes underline-enter{from{transform:scaleX(.1);opacity:0}to{transform:scaleX(1);opacity:1}}@keyframes note-enter{from{transform:translateY(12px);opacity:0}to{transform:translateY(0);opacity:1}}
@media(hover:hover) and (pointer:fine){.button:hover{transform:translateY(-2px)}.button:hover>span[aria-hidden]{transform:translate(2px,-2px)}.button:active{transform:scale(.97)}.benefit-grid article:hover{transform:translateY(-4px)}.integration-node:hover{transform:translateY(-3px)}.integration-node:active{transform:scale(.97)}.text-link:hover span{transform:translateY(3px)}}
@media(max-width:1150px){.header nav{gap:15px;font-size:11px}.integration-explorer{gap:35px}.integration-detail{padding-right:28px}.integration-detail h3{font-size:24px}.integration-node{width:110px}.node-whatsapp,.node-email{left:5%}.node-agenda,.node-arquivos{right:5%}.depth-grid{gap:22px}}
@media(max-width:850px){.integration-explorer{grid-template-columns:1fr;gap:0}.connection-map{height:420px}.connection-lines{max-width:550px;left:50%;transform:translateX(-50%)}.integration-node{width:135px}.node-whatsapp,.node-email{left:12%}.node-agenda,.node-arquivos{right:12%}.integration-detail{padding:32px;min-height:350px}.integration-detail h3{font-size:27px}.depth-heading{gap:20px;grid-template-columns:1fr}.depth-heading .eyebrow{margin-bottom:0}.depth-heading p{max-width:500px}.depth-grid{grid-template-columns:1fr 1fr;gap:30px}.developer-credit{flex-wrap:wrap}.developer-credit p{width:100%;margin:0}.chat-footer{font-size:8px}}
@media(max-width:540px){.hero:before,.hero:after{width:450px;height:450px;right:-310px;top:-250px}.connection-map{height:365px}.integration-node{width:105px;min-height:95px;padding:10px 4px}.integration-node strong{font-size:11px}.integration-node small{font-size:6px}.node-whatsapp,.node-email{left:5%}.node-agenda,.node-arquivos{right:5%}.node-whatsapp,.node-agenda{top:5%}.node-email,.node-arquivos{bottom:10%}.map-center{padding:13px 14px}.map-center img{width:92px}.map-center>span{font-size:6px}.node-icon{width:28px;height:28px;font-size:11px}.node-icon svg{width:18px;height:18px}.integration-detail{padding:25px;min-height:435px}.integration-detail h3{font-size:25px}.integration-tag{font-size:8px;letter-spacing:1px}.integration-detail li{font-size:12px}.integration-footnote{font-size:10px}.platform-depth{padding:55px 0}.depth-grid{grid-template-columns:1fr;gap:26px;margin-top:30px}.depth-grid h3{font-size:19px}.depth-grid p{font-size:13px}.depth-grid article{padding-top:15px}.developer-credit{gap:12px;padding:22px 0 30px}.developer-credit>strong{font-size:25px}.developer-credit p{font-size:10px}#replay-chat{font-size:7px;min-height:44px;padding:5px 7px}.chat-footer{padding:8px;font-size:6px}}
@media(prefers-reduced-motion:reduce){.hero-copy em:after,.floating-note{animation:none}.button,.benefit-grid article,.integration-node,.text-link span,.button>span[aria-hidden]{transform:none!important;transition:opacity 160ms ease,background 160ms ease!important}.resource-tabs button{transition:background 160ms ease!important}html{scroll-behavior:auto}}