.connections-page{background:#f5f6fa;color:#15171b;--secondary:#626976;--border:#dce0e7;padding-bottom:35px}.connections-page .eyebrow{color:#626976}.connections-hero{text-align:center;padding-block:80px 50px}.connections-hero h1{font-size:clamp(44px,5.4vw,76px);max-width:980px;margin:0 auto 28px}.connections-hero h1 em{color:#2165df}.connections-lead{max-width:660px;margin:0 auto 28px;font-size:18px;line-height:1.8;color:#626976}.connection-experience{border:1px solid #dce0e7;border-radius:28px;background:white;padding:28px 40px 24px;box-shadow:0 20px 60px #14274908}.connection-selector{display:flex;justify-content:center;gap:6px;flex-wrap:wrap}.connection-selector button{font:500 13px Inter,sans-serif;border:0;border-radius:99px;padding:13px 20px;background:#f0f2f7;color:#626976;cursor:pointer}.connection-selector button[aria-pressed=true]{background:#2165df;color:#fff}.connection-map{display:grid;grid-template-columns:140px 1fr 230px 1fr 200px;align-items:center;max-width:980px;margin:58px auto}.connection-sources{display:grid;gap:16px}.connection-sources>div{border:1px solid #dce0e7;border-radius:14px;height:64px;display:grid;place-items:center;background:white;overflow:hidden}.connection-sources img{width:96px;height:48px;object-fit:contain}.connection-hub{border:1px solid #b5cdfa;box-shadow:0 0 0 12px #f1f5fe,0 18px 40px #2165df12;border-radius:24px;padding:40px 24px;text-align:center;background:white;z-index:1}.connection-hub>img{width:130px;height:42px}.connection-hub>span{display:block;color:#626976;font-size:11px;margin-top:18px}.connection-wire{height:220px;position:relative;overflow:hidden}.connection-wire i{position:absolute;height:1px;background:#c7d6ee;left:0;right:0;top:50%}.connection-wire i:first-child{top:15%;transform:rotate(24deg);transform-origin:left}.connection-wire i:last-child{top:85%;transform:rotate(-24deg);transform-origin:left}.connection-wire.single i{top:50%;transform:none}.connection-wire i:after{content:'';position:absolute;width:26px;height:3px;top:-1px;border-radius:5px;background:#3173ee;opacity:0}.connection-experience.is-connecting .connection-wire i:after{animation:connection-travel 1.8s ease-in-out 2}.connection-experience.is-connecting .connection-wire.single i:after{animation-delay:.65s}.connection-commerce{text-align:center;padding:25px 16px;border-radius:20px;background:#eef4ff;border:1px solid #cfdef7}.connection-commerce svg{width:74px;height:65px;display:block;margin:18px auto;fill:none;stroke:#2165df;stroke-width:2}.connection-commerce strong{font-size:15px;line-height:1.4;display:block}.connection-commerce .eyebrow{font-size:9px}.connection-caption{display:grid;grid-template-columns:1fr 1fr;gap:45px;border-top:1px solid #e4e7ed;padding-top:28px}.connection-caption h2{font-size:29px;line-height:1.2}.connection-caption>p{font-size:15px;line-height:1.8;color:#626976;margin:0}.connection-note{font-size:10px;color:#626976;line-height:1.7;margin:24px 0 0}.connection-catalogue{padding-block:80px}.connections-heading h2,.connection-bottom h2{font-size:clamp(34px,3.6vw,50px)}.connection-catalogue .integration-category{border-color:#dce0e7}.connection-catalogue .integration-category>h2{font-size:21px}.connection-catalogue .integration-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.connection-catalogue .integration{background:#fff;border:1px solid #e0e4eb;border-radius:16px;padding:22px;gap:18px;transition:transform .25s,box-shadow .25s}.connection-catalogue .integration:hover{transform:translateY(-4px);box-shadow:0 12px 28px #1427490c}.connection-catalogue .integration strong{font-size:14px}.connection-catalogue .integration span{font-size:12px;color:#626976}.connection-catalogue .integration-icon{padding:0}.connection-bottom{display:grid;grid-template-columns:1fr 1fr;gap:90px;padding-block:30px 70px}.connection-bottom p{font-size:15px;color:#626976;line-height:1.8}.connection-conditions{background:#fff;border:1px solid #e0e4eb;border-radius:20px;padding:28px}.connection-conditions h3{font-size:22px}.connection-conditions p{font-size:13px}.connection-bottom a{color:#15171b;font-size:13px;text-underline-offset:4px}.connections-page :focus-visible{outline:2px solid #2165df;outline-offset:4px}@keyframes connection-travel{0%{left:-26px;opacity:0}15%,80%{opacity:1}100%{left:100%;opacity:0}}
@media(max-width:760px){.connections-hero{padding-block:48px 32px}.connections-hero h1{font-size:43px}.connections-lead{font-size:16px}.connection-experience{padding:20px 16px;border-radius:20px}.connection-selector{gap:5px}.connection-selector button{font-size:10px;padding:10px}.connection-map{grid-template-columns:1fr;justify-items:center;margin:30px auto}.connection-sources{grid-template-columns:repeat(3,1fr);gap:10px;width:100%}.connection-sources>div{height:62px}.connection-sources img{width:70px;height:42px}.connection-wire{height:38px;width:2px;overflow:visible;background:#c7d6ee}.connection-wire i{display:none}.connection-hub{padding:22px;width:205px;box-shadow:0 0 0 8px #f1f5fe}.connection-hub>span{margin-top:10px}.connection-commerce{width:230px;display:grid;grid-template-columns:50px 1fr;gap:4px 14px;padding:18px}.connection-commerce svg{grid-row:1/3;margin:0;width:48px;height:52px}.connection-commerce .eyebrow{grid-column:2;margin:0}.connection-commerce strong{grid-column:2;font-size:13px}.connection-caption{grid-template-columns:1fr;gap:14px}.connection-caption h2{font-size:26px}.connection-catalogue{padding-block:52px}.connection-catalogue .integration-grid{grid-template-columns:1fr}.connection-bottom{grid-template-columns:1fr;gap:30px}.connection-note{font-size:10px}}
@media(prefers-reduced-motion:reduce){.connection-wire i:after{animation:none!important}.connection-catalogue .integration{transition:none}.connection-catalogue .integration:hover{transform:none}}
.connection-wire>svg{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:#c7d6ee;stroke-width:1;overflow:visible}.connection-wire .connection-pulses{stroke:#3173ee;stroke-width:2;opacity:0}.connection-pulses path{stroke-dasharray:10 100;stroke-dashoffset:10}.is-connecting .connection-pulses{opacity:1}.is-connecting .connection-pulses path{animation:connection-draw 1.8s ease-in-out 2}@keyframes connection-draw{to{stroke-dashoffset:-100}}@media(max-width:760px){.connection-wire>svg{display:none}.connection-experience.is-connecting .connection-wire:after{content:'';position:absolute;background:#3173ee;width:3px;height:12px;left:0;animation:connection-down 1.8s ease-in-out 2}@keyframes connection-down{from{top:0;opacity:0}40%{opacity:1}to{top:26px;opacity:0}}}@media(prefers-reduced-motion:reduce){.connection-pulses{display:none}.connection-wire:after{animation:none!important}}
.connection-sources img[src$="tilopay.png"]{width:120px;height:120px;max-width:none}.connection-sources>div{position:relative}.connection-sources img[src$="tilopay.png"]{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}@media(max-width:760px){.connection-sources img[src$="tilopay.png"]{width:90px;height:90px}}