@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');
:root{--ink:#102249;--deep:#08152e;--blue:#257df4;--cyan:#3bb8fc;--violet:#643bf9;--muted:#536983}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#edf3f9;color:var(--ink);font-family:Inter,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}h1,h2,h3,p{margin-top:0}.ex-wrap{width:min(calc(100% - 6vw),1440px);margin-inline:auto}.skip{position:absolute;top:-5rem;left:1rem;z-index:1000;background:#fff;padding:.8rem}.skip:focus{top:1rem}.ex-overline{font-size:.68rem;letter-spacing:.19em;font-weight:800;color:#287ad0}.ex-section{padding-block:clamp(5rem,9vw,9rem)}.ex-section h2,.ex-conv-heading h2{font-size:clamp(3rem,5.8vw,6.1rem);line-height:1.04;letter-spacing:-.075em;font-weight:800;margin:.8rem 0 1.5rem}.ex-section h2 em,.ex-conv-heading h2 em{font-style:normal;background:linear-gradient(95deg,#34b8fb,#247bf4,#643bf9);background-clip:text;-webkit-background-clip:text;color:transparent}.ex-lead{font-size:clamp(1.15rem,1.6vw,1.5rem);font-weight:600;line-height:1.55;color:#23456f}.ex-section p:not(.ex-overline):not(.ex-lead){color:#536983;line-height:1.7}.ex-button{display:inline-flex;align-items:center;justify-content:space-between;gap:2rem;padding:1rem 1.25rem 1rem 1.5rem;border-radius:100px;background:linear-gradient(110deg,#2fb8f7,#257df4,#6341f3);color:white;font-size:.86rem;font-weight:800;box-shadow:0 14px 30px rgba(29,110,226,.19);transition:transform .25s,box-shadow .25s}.ex-button:hover{transform:translateY(-4px);box-shadow:0 20px 40px rgba(29,110,226,.25)}.ex-button span{font-size:1.2rem}.ex-button-dark{background:#163c7d;color:white}.ex-button-light{background:linear-gradient(110deg,#fff,#d9e8fa 70%,#cfcfff);color:#102249}.ex-text-link{font-size:.82rem;font-weight:700;border-bottom:1px solid currentColor;padding-bottom:.35rem}.ex-text-link:hover{color:#378ff5}
.ex-header{position:sticky;top:0;z-index:100;background:rgba(8,21,46,.96);color:#fff;backdrop-filter:blur(18px);border-bottom:1px solid rgba(216,233,255,.15)}.ex-nav{height:76px;display:flex;align-items:center;gap:1.2rem}.ex-home img{width:136px}.ex-divider{width:1px;height:32px;background:rgba(255,255,255,.25)}.ex-nav-brand img{width:130px}.ex-nav nav{display:flex;align-items:center;gap:clamp(.8rem,2.3vw,2.5rem);margin-left:auto;font-size:.78rem;font-weight:700}.ex-nav nav a:hover{color:#91dfff}.ex-nav-cta{padding:.8rem 1rem;border:1px solid rgba(255,255,255,.4);border-radius:30px}.ex-nav-cta span{margin-left:.5rem}
.ex-hero{min-height:710px;position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(circle at 75% 35%,rgba(65,156,240,.26),transparent 29%),radial-gradient(circle at 14% 85%,rgba(103,78,241,.12),transparent 35%),linear-gradient(120deg,#f4f8fc,#e5eef8 70%,#e3e8f7)}.ex-hero:before{content:"";position:absolute;right:-12%;top:-55%;width:73vw;aspect-ratio:1;border:2px solid rgba(66,146,224,.25);border-radius:50%;z-index:-1}.ex-hero:after{content:"";position:absolute;right:-18%;top:-48%;width:78vw;aspect-ratio:1;border:2px solid rgba(104,72,246,.15);border-radius:50%;transform:scaleX(.7) rotate(-20deg);z-index:-1}.ex-hero-top{padding-block:clamp(5rem,8vw,8rem) 5rem}.ex-hero-logo{width:clamp(200px,25vw,355px);max-height:120px;margin:2rem 0 1.3rem}.ex-hero h1{font-size:clamp(4rem,8.1vw,9rem);line-height:.98;letter-spacing:-.09em;font-weight:800;max-width:1150px;margin:0 0 1.8rem}.ex-hero h1 em{font-style:normal;background:linear-gradient(96deg,#239cf4,#286def,#623cfa);background-clip:text;-webkit-background-clip:text;color:transparent}.ex-hero-top>p:not(.ex-overline){font-size:clamp(1.05rem,1.6vw,1.4rem);line-height:1.65;color:#435c7b;max-width:700px}.ex-actions{display:flex;align-items:center;gap:2rem;flex-wrap:wrap;margin-top:2rem}.ex-hero-footer{display:flex;gap:3rem;border-top:1px solid #cedbec;padding-block:1.2rem;color:#527393;font-size:.65rem;letter-spacing:.15em;font-weight:800}
.ex-convergence{background:#0a1d40;color:#fff;padding-block:6rem 4rem;overflow:hidden}.ex-conv-heading{max-width:880px}.ex-conv-heading .ex-overline{color:#9adfff}.ex-conv-heading h2{font-size:clamp(3.4rem,6.8vw,7.3rem);margin-bottom:1.5rem}.ex-conv-heading>p:last-child{color:#bbcee9;line-height:1.65;font-size:1.07rem;max-width:700px}.ex-stage{position:relative;display:grid;grid-template-columns:1fr minmax(300px,1.15fr) 1fr;align-items:center;gap:1rem;min-height:700px;margin-top:1rem}.ex-stage:before{content:"";position:absolute;inset:13% 12%;border:2px solid rgba(89,177,246,.18);border-radius:50%;transform:scaleY(.65);pointer-events:none}.ex-stage-col{display:flex;flex-direction:column;gap:1.6rem;position:relative;z-index:3}.ex-stage-left{align-items:flex-start}.ex-stage-right{align-items:flex-end}.ex-source{display:flex;align-items:center;gap:.8rem;width:min(100%,260px);min-height:82px;background:rgba(31,68,128,.78);border:1px solid rgba(144,206,253,.35);border-radius:17px;padding:.85rem 1rem;box-shadow:0 18px 35px rgba(0,10,35,.18);backdrop-filter:blur(9px);transition:transform .4s,opacity .4s}.ex-source:nth-child(2){margin-left:1.8rem}.ex-stage-right .ex-source:nth-child(2){margin-right:1.8rem;margin-left:0}.ex-source div{min-width:0}.ex-source strong,.ex-source small{display:block}.ex-source strong{font-size:.84rem}.ex-source small{font-size:.64rem;color:#bdcee7;margin-top:.25rem}.ex-source b{margin-left:auto;color:#8edcff}.ex-source-icon{display:grid;place-items:center;flex:none;width:38px;height:38px;border-radius:12px;background:#2d7fee;color:#fff;font-size:1.2rem}.ex-wa{background:#16b567}.ex-mail{background:#5966dd}.ex-file{background:#4b7aba}.ex-drive{background:#31a9e6}.ex-sale{background:#6547e8}.ex-people{background:#275bbc}.ex-stage-center{height:660px;position:relative;display:grid;place-items:center}.ex-stage-orbit{position:absolute;width:105%;height:75%;border:2px solid rgba(56,164,239,.35);border-radius:50%;transform:rotate(-18deg);animation:ex-orbit 24s linear infinite}.ex-stage-orbit-two{width:85%;height:95%;border-color:rgba(123,89,247,.27);animation-duration:30s;animation-direction:reverse}.ex-phone-glow{position:absolute;width:65%;height:70%;background:radial-gradient(circle,rgba(49,143,246,.42),transparent 65%);filter:blur(25px)}.ex-phone{position:relative;z-index:2;width:min(100%,440px);height:610px;object-fit:cover;object-position:center;mask-image:radial-gradient(ellipse 73% 74% at 50% 50%,black 62%,transparent 100%);filter:drop-shadow(0 25px 45px rgba(0,0,0,.22))}.ex-phone-label{position:absolute;bottom:2px;z-index:3;font-size:.56rem;letter-spacing:.18em;font-weight:800;color:#b4d8ff}.ex-stage-note{font-size:.74rem;text-align:center;color:#8da9cf;margin:0}.ex-convergence.ex-activated .ex-source{animation:ex-source-arrive .75s both;animation-delay:var(--delay)}
.ex-three{background:#e8f0f8;padding-block:4.5rem}.ex-three-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1.5rem}.ex-three a{display:flex;flex-direction:column;min-height:180px;background:#fff;border:1px solid #d4e3f2;border-radius:20px;padding:1.6rem;transition:transform .25s,box-shadow .25s}.ex-three a:hover{transform:translateY(-5px);box-shadow:0 20px 35px rgba(22,80,160,.12)}.ex-three a span{color:#297ed0;font-size:.66rem;letter-spacing:.13em;font-weight:800}.ex-three a strong{font-size:1.35rem;letter-spacing:-.045em;line-height:1.15;margin:1.5rem 0 .8rem}.ex-three a b{margin-top:auto;color:#2889e4;align-self:flex-end}
.ex-systems{background:#fff}.ex-systems-grid{display:grid;grid-template-columns:1fr .92fr;align-items:center;gap:6rem}.ex-systems-grid>div:first-child>p:not(.ex-overline){max-width:630px}.ex-systems .ex-button{margin-top:1.5rem}.ex-system-panel{background:linear-gradient(145deg,#102953,#1d478f 62%,#3b3caa);color:#fff;padding:2rem;border-radius:28px;box-shadow:0 30px 70px rgba(20,63,130,.18)}.ex-panel-top{display:flex;justify-content:space-between;border-bottom:1px solid rgba(220,237,255,.28);padding-bottom:1.3rem;color:#9cdfff;font-size:.64rem;letter-spacing:.15em;font-weight:800}.ex-product{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:1.4rem .3rem;border-bottom:1px solid rgba(220,237,255,.2)}.ex-product img{width:145px;max-height:54px;object-fit:contain;object-position:left}.ex-product p{margin:0;max-width:185px;color:#c9def8!important;font-size:.78rem;line-height:1.45!important}.ex-product-text strong{font-size:1.45rem;letter-spacing:.06em}.ex-panel-note{color:#9fc1eb!important;font-size:.7rem;margin:1.4rem 0 0}
.ex-crm{background:#e9f1fa}.ex-crm-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:6rem;align-items:center}.ex-crm-grid>div:last-child>p:not(.ex-overline){max-width:620px}.ex-crm .ex-button{margin-top:1.2rem}.ex-checks{list-style:none;padding:0;margin:1.5rem 0 1.5rem}.ex-checks li{padding:.75rem 0 .75rem 1.8rem;position:relative;border-bottom:1px solid #cdddf0;font-size:.9rem;color:#2d527b}.ex-checks li:before{content:"↗";position:absolute;left:0;color:#2c9cec}.ex-crm-visual{position:relative;padding:2rem 0 3rem}.ex-crm-window{border-radius:22px;overflow:hidden;background:#fff;box-shadow:0 35px 80px rgba(22,69,133,.16);border:1px solid #c8dbf0}.ex-crm-window-top{display:flex;align-items:center;gap:1rem;background:#153366;color:white;padding:1rem 1.2rem}.ex-crm-window-top span{display:flex;gap:.3rem}.ex-crm-window-top i{width:8px;height:8px;border-radius:50%;background:#64bff7}.ex-crm-window-top strong{font-size:.75rem;letter-spacing:.08em}.ex-crm-window-top small{margin-left:auto;font-size:.55rem;letter-spacing:.08em;color:#9ed7ff}.ex-crm-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;padding:.8rem;background:#edf3fb;min-height:420px}.ex-crm-column{padding:.5rem;border-radius:12px;background:#f9fbff}.ex-crm-column>span{display:block;font-size:.58rem;letter-spacing:.08em;font-weight:800;color:#2e79c5;margin:.3rem 0 .8rem}.ex-crm-column>div{border-radius:10px;padding:.65rem;margin-bottom:.6rem;background:#fff;border:1px solid #d9e6f5;box-shadow:0 6px 12px rgba(20,61,117,.04)}.ex-crm-column b{font-size:.66rem;color:#19447b}.ex-crm-column p{font-size:.64rem;line-height:1.35!important;margin:.45rem 0;color:#526984}.ex-crm-column small{font-size:.55rem;color:#7590aa}.ex-ai-pill{position:absolute;right:-20px;bottom:0;display:flex;align-items:center;gap:.8rem;padding:.8rem 1rem;background:#173974;color:white;border-radius:16px;box-shadow:0 15px 30px rgba(18,66,132,.25)}.ex-ai-pill>span{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(125deg,#30b2f7,#6744f3);font-size:1.6rem}.ex-ai-pill strong,.ex-ai-pill small{display:block}.ex-ai-pill strong{font-size:.74rem}.ex-ai-pill small{font-size:.62rem;color:#9ddcff;margin-top:.2rem}
.ex-web{background:linear-gradient(120deg,#0c1f43,#163d80 65%,#31379d);color:#fff;overflow:hidden}.ex-web-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:5rem;align-items:center}.ex-web .ex-overline{color:#91daff}.ex-web h2 span{color:#7dcbff}.ex-web .ex-lead{color:#a7ddff}.ex-web p:not(.ex-overline):not(.ex-lead){color:#d5e4fb}.ex-web-actions{display:flex;align-items:center;flex-wrap:wrap;gap:1.5rem;margin-top:2rem}.ex-web .ex-text-link:hover{color:#9edfff}.ex-browser{background:#f5f9ff;border:1px solid rgba(203,228,255,.65);border-radius:17px;overflow:hidden;box-shadow:0 40px 90px rgba(0,0,0,.28);transform:rotate(3deg);transition:transform .5s}.ex-browser:hover{transform:rotate(0)}.ex-browser-bar{height:45px;display:flex;align-items:center;justify-content:space-between;padding:0 1rem;background:#e6eef8;color:#4a6990}.ex-browser-bar span{display:flex;gap:.3rem}.ex-browser-bar i{width:8px;height:8px;border-radius:50%;background:#7da4d3}.ex-browser-bar small{padding:.3rem 2rem;border-radius:20px;background:#fff;font-size:.62rem}.ex-browser-screen{position:relative;overflow:hidden;min-height:430px;padding:3rem 2.5rem;color:#102249;background:radial-gradient(circle at 75% 55%,rgba(83,138,235,.28),transparent 32%),linear-gradient(120deg,#f8fbff,#d9e9fa)}.ex-browser-screen>small{display:block;position:relative;z-index:1;font-size:.57rem;letter-spacing:.17em;font-weight:800;color:#287ad5}.ex-browser-screen>strong{display:block;position:relative;z-index:1;font-size:clamp(2rem,3vw,3.6rem);line-height:1.06;letter-spacing:-.07em;margin:2rem 0 1rem}.ex-browser-screen>strong em{font-style:normal;color:#2d7af5}.ex-browser-screen>p{position:relative;z-index:1;color:#526983!important;font-size:.75rem}.ex-browser-button{position:relative;z-index:1;display:inline-block;margin-top:1.5rem;padding:.8rem 1rem;border-radius:40px;color:#fff;background:linear-gradient(110deg,#32b8f7,#623df3);font-size:.7rem;font-weight:800}.ex-browser-orbit{position:absolute;right:-11%;top:10%;width:60%;aspect-ratio:1;border:2px solid rgba(46,137,230,.38);border-radius:50%;transform:rotate(-25deg)}.ex-browser-orbit:before{content:"";position:absolute;inset:10%;border:2px solid rgba(107,71,240,.35);border-radius:50%;transform:scaleX(.65) rotate(40deg)}.ex-browser-orbit span{position:absolute;inset:35%;border-radius:50%;background:radial-gradient(circle,#3b8fee,#1b458e)}
.ex-final{padding-block:clamp(5rem,9vw,9rem);background:#f0f5fb}.ex-final-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:5rem;align-items:end}.ex-final h2{font-size:clamp(3.2rem,6.2vw,7rem);line-height:1.02;letter-spacing:-.075em;margin:.8rem 0 0}.ex-final h2 em{font-style:normal;background:linear-gradient(95deg,#35b8fa,#247af2,#623ef2);background-clip:text;-webkit-background-clip:text;color:transparent}.ex-final-grid>div:last-child p{line-height:1.7;color:#536983;max-width:460px}.ex-final-whatsapp{display:block;margin-top:1.5rem;font-size:.8rem;font-weight:700;color:#226dbb}.ex-final-whatsapp:hover{text-decoration:underline}.ex-footer{background:#0a1935;color:#fff;padding-top:3rem}.ex-footer-main{display:flex;justify-content:space-between;gap:3rem;padding-bottom:3rem}.ex-footer-main img{width:175px}.ex-footer-main p{font-size:.8rem;color:#b6cce7;margin:1rem 0 0}.ex-footer-main p a{text-decoration:underline}.ex-footer-main nav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:1rem 1.7rem;max-width:650px;font-size:.77rem;color:#c9dcf6}.ex-footer a:hover{color:#8bdcff}.ex-footer-bottom{border-top:1px solid rgba(212,233,255,.18);padding-block:1.4rem;display:flex;justify-content:space-between;gap:1rem;font-size:.63rem;letter-spacing:.08em;color:#a8bfdf}.ex-footer-bottom nav{display:flex;gap:1.2rem}
@keyframes ex-orbit{to{transform:rotate(342deg)}}@keyframes ex-source-arrive{from{opacity:0;translate:var(--from,0) 25px}to{opacity:1;translate:0 0}}.ex-stage-left .ex-source{--from:-35px}.ex-stage-right .ex-source{--from:35px}.ex-motion .ex-three a,.ex-motion .ex-product{opacity:0;translate:0 25px;transition:opacity .65s,translate .65s,transform .3s,box-shadow .3s}.ex-motion .ex-three a.ex-visible,.ex-motion .ex-product.ex-visible{opacity:1;translate:0 0}
@media(max-width:1120px){.ex-stage{grid-template-columns:.75fr 1.25fr .75fr}.ex-source{width:190px;gap:.5rem}.ex-source-icon{width:30px;height:30px;font-size:.95rem}.ex-source small{font-size:.58rem}.ex-stage-center{height:570px}.ex-phone{height:530px}.ex-systems-grid,.ex-crm-grid,.ex-web-grid{gap:3rem}}
@media(max-width:850px){.ex-wrap{width:min(calc(100% - 2rem),680px)}.ex-nav{height:auto;min-height:70px;flex-wrap:wrap;gap:.6rem;padding-block:.8rem}.ex-home img{width:100px}.ex-nav-brand img{width:100px}.ex-nav nav{width:100%;margin-left:0;justify-content:space-between;gap:.7rem;white-space:nowrap;overflow:auto;font-size:.7rem}.ex-nav-cta{padding:.45rem .7rem}.ex-hero{min-height:0}.ex-hero-top{padding-block:5rem 4rem}.ex-hero h1{font-size:clamp(3.6rem,11vw,6rem)}.ex-stage{grid-template-columns:1fr;min-height:0;gap:0}.ex-stage-col{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem}.ex-stage-left,.ex-stage-right{align-items:stretch}.ex-stage-left .ex-source,.ex-stage-right .ex-source{margin:0;width:100%;min-height:90px}.ex-source{padding:.7rem}.ex-source b{display:none}.ex-source-icon{display:none}.ex-stage-center{height:590px;grid-row:2}.ex-phone{height:550px}.ex-three-grid{grid-template-columns:1fr}.ex-three a{min-height:130px}.ex-systems-grid,.ex-crm-grid,.ex-web-grid,.ex-final-grid{grid-template-columns:1fr;gap:3rem}.ex-crm-visual{order:2}.ex-browser{max-width:610px;margin:auto}.ex-footer-main{display:block}.ex-footer-main nav{justify-content:flex-start;margin-top:2rem}.ex-footer-bottom{flex-wrap:wrap}}
@media(max-width:560px){.ex-section{padding-block:4rem}.ex-hero-top{padding-block:4rem 3rem}.ex-hero-logo{width:210px;margin:1.5rem 0}.ex-hero h1{font-size:clamp(3.5rem,12.7vw,5.5rem)}.ex-hero-top>p:not(.ex-overline){font-size:1rem}.ex-actions{gap:1.4rem}.ex-hero-footer{gap:1.2rem;font-size:.52rem}.ex-convergence{padding-block:4rem 3rem}.ex-conv-heading h2{font-size:clamp(3.2rem,11vw,5rem)}.ex-conv-heading>p:last-child{font-size:.95rem}.ex-stage-col{grid-template-columns:repeat(2,1fr)}.ex-stage-col .ex-source:nth-child(3){display:none}.ex-source{min-height:70px!important}.ex-source strong{font-size:.7rem}.ex-source small{font-size:.54rem}.ex-stage-center{height:440px}.ex-phone{height:420px;width:300px}.ex-phone-label{bottom:0;font-size:.48rem}.ex-three{padding-block:3rem}.ex-section h2{font-size:clamp(2.7rem,10.5vw,4.3rem)}.ex-system-panel{padding:1.2rem}.ex-product{gap:.7rem}.ex-product img{width:110px}.ex-product p{font-size:.69rem!important}.ex-crm-board{min-height:315px}.ex-crm-column:nth-child(3){display:none}.ex-crm-board{grid-template-columns:repeat(2,1fr)}.ex-ai-pill{right:-5px}.ex-browser{transform:none}.ex-browser-screen{min-height:360px;padding:2rem 1.5rem}.ex-browser-screen>strong{font-size:2.3rem}.ex-final h2{font-size:clamp(2.9rem,11vw,5rem)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ex-stage-orbit{animation:none}.ex-convergence.ex-activated .ex-source{animation:none}.ex-motion .ex-three a,.ex-motion .ex-product{opacity:1;translate:none;transition:none}*{scroll-behavior:auto!important}}

/* The loose documents converge into the phone, rather than forming a tidy list. */
.ex-stage{margin-bottom:5rem}
.ex-stage:before{display:none}
.ex-flow{position:absolute;inset:5% 0;width:100%;height:90%;overflow:visible;pointer-events:none;z-index:1}
.ex-flow path{fill:none;stroke-width:2.5;stroke-linecap:round;stroke-dasharray:12 10;animation:ex-flow 8s linear infinite}
.ex-stage-col{height:555px;display:block}
.ex-stage .ex-source{position:absolute;display:flex;width:min(86%,270px);min-height:92px;padding:.82rem .92rem;gap:.7rem;align-items:center;border-radius:14px;box-shadow:0 22px 34px rgba(1,10,34,.29);margin:0;transform:rotate(var(--tilt,0deg));transition:transform .35s,box-shadow .35s}
.ex-stage .ex-source:hover{transform:rotate(0deg) translateY(-8px);box-shadow:0 30px 45px rgba(1,10,34,.4);z-index:9}
.ex-stage .ex-source small{font-size:.54rem;letter-spacing:.08em;font-weight:800;margin:0 0 .4rem}
.ex-stage .ex-source strong{font-size:.81rem;line-height:1.2;overflow-wrap:anywhere}
.ex-stage .ex-source div>span{display:block;margin-top:.4rem;font-size:.62rem;line-height:1.25;opacity:.8}
.ex-stage .ex-source-icon{width:39px;height:39px;font-weight:900;font-size:1.2rem}
.ex-stage .ex-chat{top:5%;left:6%;--tilt:-8deg;background:#e9fff5;color:#063d33;border:1px solid #6de6b2}
.ex-chat .ex-source-icon{background:#14b66b}
.ex-chat small{color:#168261!important}
.ex-stage .ex-paper{top:27%;left:27%;--tilt:9deg;background:#fff8e9;color:#3c2e23;border:1px solid #fae2ac}
.ex-paper .ex-source-icon{background:#efb858;color:#573411}
.ex-paper small{color:#99712a!important}
.ex-stage .ex-mail{top:50%;left:1%;--tilt:-5deg;background:#e9edff;color:#1c2864;border:1px solid #98adff}
.ex-mail .ex-source-icon{background:#5869d8}
.ex-mail small{color:#6172bc!important}
.ex-stage .ex-notes{top:71%;left:30%;--tilt:12deg;background:#fffdf4;color:#2e3c55;border:1px solid #f4e5b9}
.ex-notes .ex-source-icon{background:#668bc4}
.ex-notes small{color:#76869b!important}
.ex-stage .ex-pdf{top:4%;right:7%;--tilt:8deg;background:#fff3f4;color:#4c2336;border:1px solid #ffc4d0}
.ex-pdf .ex-source-icon{font-size:.66rem;background:#e25472}
.ex-pdf small{color:#bf536a!important}
.ex-stage .ex-cloud{top:28%;right:27%;--tilt:-9deg;background:#ebfaff;color:#17374d;border:1px solid #91e3ff}
.ex-cloud .ex-source-icon{background:#26a7dc}
.ex-cloud small{color:#3e89a8!important}
.ex-stage .ex-sheet{top:51%;right:1%;--tilt:6deg;background:#effff1;color:#234737;border:1px solid #9ce2af}
.ex-sheet .ex-source-icon{background:#39a965}
.ex-sheet small{color:#4e9569!important}
.ex-stage .ex-receipt{top:72%;right:30%;--tilt:-11deg;background:#fffaf0;color:#493628;border:1px solid #f9dbac}
.ex-receipt .ex-source-icon{background:#c18d5f}
.ex-receipt small{color:#9d7a55!important}
.ex-unified{position:absolute;left:50%;bottom:-4.7rem;transform:translateX(-50%);z-index:5;display:flex;align-items:center;gap:.85rem;white-space:nowrap;padding:.8rem 1.25rem;border:1px solid rgba(127,207,255,.45);border-radius:999px;background:linear-gradient(100deg,#133765,#234ea0);box-shadow:0 15px 35px rgba(0,7,28,.28);font-size:.82rem;letter-spacing:.04em}
.ex-unified>span:first-child{font-size:.55rem;font-weight:900;letter-spacing:.16em;color:#93d9ff}
.ex-unified strong{font-size:1.1rem}
.ex-unified>span:last-child{font-size:1.4rem;color:#8bdcff}
.ex-convergence.ex-activated .ex-source{animation:ex-scatter .85s both;animation-delay:var(--delay)}
@keyframes ex-scatter{from{opacity:0;translate:var(--from,0) 0;scale:.65}to{opacity:1;translate:0 0;scale:1}}
@keyframes ex-flow{to{stroke-dashoffset:-220}}
@media(min-width:851px){.ex-stage .ex-paper{top:22%;z-index:4}.ex-stage .ex-mail{top:44%}.ex-stage .ex-notes{top:63%;z-index:4}.ex-stage .ex-cloud{top:23%;z-index:4}.ex-stage .ex-sheet{top:44%}.ex-stage .ex-receipt{top:63%;z-index:4}}
@media(max-width:1120px){.ex-stage .ex-source{width:235px}.ex-stage .ex-paper,.ex-stage .ex-notes{left:11%}.ex-stage .ex-cloud,.ex-stage .ex-receipt{right:11%}}
@media(max-width:850px){.ex-stage{margin-bottom:2rem}.ex-flow{display:none}.ex-stage-col{height:180px;display:block}.ex-stage-left{order:1}.ex-stage-center{order:2}.ex-stage-right{order:3}.ex-stage .ex-source{width:48%;min-height:75px;padding:.5rem .65rem}.ex-stage .ex-source-icon{width:28px;height:28px;font-size:.8rem}.ex-stage .ex-source strong{font-size:.67rem}.ex-stage .ex-source small,.ex-stage .ex-source div>span{font-size:.47rem}.ex-stage .ex-chat,.ex-stage .ex-pdf{top:4%;left:3%;right:auto}.ex-stage .ex-paper,.ex-stage .ex-cloud{top:11%;left:auto;right:3%}.ex-stage .ex-mail,.ex-stage .ex-sheet{top:51%;left:4%;right:auto}.ex-stage .ex-notes,.ex-stage .ex-receipt{top:56%;left:auto;right:3%}.ex-stage-center{height:480px}.ex-phone{height:460px}.ex-unified{position:relative;left:auto;bottom:auto;transform:none;order:4;justify-self:center;margin:1.3rem auto 0}.ex-stage-note{margin-top:1rem}}
@media(max-width:560px){.ex-stage-col{height:154px}.ex-stage .ex-source{width:50%;min-height:67px!important}.ex-stage .ex-source:nth-child(3){display:flex}.ex-stage .ex-source:nth-child(4){display:none}.ex-stage .ex-source-icon{display:grid}.ex-stage .ex-source div>span{display:none}.ex-stage .ex-chat,.ex-stage .ex-pdf{left:0;top:0}.ex-stage .ex-paper,.ex-stage .ex-cloud{right:0;top:8%}.ex-stage .ex-mail,.ex-stage .ex-sheet{left:20%;top:51%}.ex-stage-center{height:390px}.ex-phone{height:390px}.ex-unified{white-space:normal;flex-wrap:wrap;justify-content:center;text-align:center;gap:.3rem .6rem;padding:.65rem .85rem}.ex-unified strong{font-size:.95rem}}
@media(prefers-reduced-motion:reduce){.ex-flow path{animation:none}.ex-convergence.ex-activated .ex-source{animation:none}}
