/* Connected tools: labels remain still; signals travel along their shared paths. */
.integration-layout>*{min-width:0}.connection-map{position:relative;height:250px;margin-top:30px;isolation:isolate}.connection-wires{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.wire,.signal{fill:none;stroke-linecap:round;vector-effect:non-scaling-stroke}.wire{stroke:#c7dff5;stroke-width:1.5}.signal{stroke:#2196f3;stroke-width:3;stroke-dasharray:2 98;animation:connection-flow 6s linear infinite;filter:drop-shadow(0 0 3px #90caf9)}@keyframes connection-flow{from{stroke-dashoffset:100}to{stroke-dashoffset:0}}.connection-node{position:absolute;width:28%;height:57px;display:flex;align-items:center;justify-content:center;gap:7px;padding:7px;background:#fff;border:1px solid #dce9f6;border-radius:13px;box-shadow:0 4px 12px #0d47a106;font-size:12px;font-weight:500;color:#385675;z-index:1;line-height:1.4;text-align:center}.connection-node svg{width:20px;height:20px;flex-shrink:0;fill:none;stroke:#1685dd;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.node-0,.node-1,.node-2{left:0}.node-3,.node-4,.node-5{right:0}.node-0,.node-3{top:8px}.node-1,.node-4{top:calc(50% - 28px)}.node-2,.node-5{bottom:8px}.connection-hub{position:absolute;left:37%;top:50%;transform:translateY(-50%);width:26%;aspect-ratio:1;border-radius:24%;background:linear-gradient(145deg,#fff,#e3f2fd);border:1px solid #abd2f4;box-shadow:0 0 0 7px #e3f2fd80,0 8px 24px #0d47a10b;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;z-index:2}.connection-hub strong{font:700 clamp(10px,1vw,14px)/1.3 -apple-system,BlinkMacSystemFont,sans-serif;letter-spacing:.5px;text-align:center;color:#0d47a1}.hub-dot{width:8px;height:8px;background:#2196f3;border-radius:50%;box-shadow:0 0 0 5px #90caf94a;animation:hub-breathe 3s ease-in-out infinite}@keyframes hub-breathe{50%{box-shadow:0 0 0 9px #90caf91a}}.motion-toolbar{display:flex;justify-content:flex-end;margin-top:8px}.motion-toolbar button{display:grid;place-items:center;width:34px;height:34px;border:1px solid #c9def1;border-radius:50%;color:#0d47a1;background:#fff;cursor:pointer;font-size:13px}.integration.motion-paused .signal,.integration.motion-paused .hub-dot,.integration.motion-paused .payment-track,.integration.motion-offscreen .signal,.integration.motion-offscreen .hub-dot,.integration.motion-offscreen .payment-track{animation-play-state:paused}
/* Two continuous, counter-moving rows, with original full-colour brand assets. */
.payment-showcase{overflow:hidden}.payment-showcase>.payment-brand-grid{display:flex;flex-direction:column;gap:14px;margin:28px -20px 8px;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}.payment-brand-grid>.payment-row{display:block;height:auto;padding:0;border:0;background:transparent;overflow:hidden;border-radius:0}.payment-track{display:flex;width:max-content;animation:payment-drift 60s linear infinite}.payment-row:nth-child(2) .payment-track{animation-direction:reverse;animation-duration:68s}.payment-set{display:flex;align-items:center;gap:12px;padding-right:12px;flex-shrink:0}.payment-tile{display:flex;align-items:center;justify-content:center;width:128px;height:88px;padding:16px;border:1px solid #e2eaf4;border-radius:16px;background:#fff;flex-shrink:0}.payment-brand-grid .payment-tile img{display:block;width:96px;height:50px;max-width:100%;max-height:100%;object-fit:contain;filter:none;opacity:1}.payment-tile.payment-dark{background:#182c44}.payment-brand-grid:hover .payment-track,.payment-brand-grid:focus-within .payment-track{animation-play-state:paused}@keyframes payment-drift{to{transform:translateX(-50%)}}.payment-showcase>p{line-height:1.9}
.company-registration{margin-top:23px;padding-top:18px;border-top:1px solid #d8e3ef;display:flex;flex-direction:column;align-items:flex-start;gap:6px}.company-registration>span{font-size:12px;color:#65788e}.company-registration strong{font-size:17px;font-weight:600;letter-spacing:1px;font-variant-numeric:tabular-nums}.company-registration .registration-link{margin-top:6px;font-size:12px;color:#0d47a1;display:inline-flex;gap:9px;padding:0;background:none;border:0;border-radius:0;box-shadow:none}.company-card address{font-style:normal;line-height:1.9}.footer-grid{grid-template-columns:1.3fr 1fr 1fr 1.2fr;gap:32px;align-items:start}footer .footer-grid>div:nth-child(2),footer .footer-grid>div:nth-child(3){display:flex;flex-direction:column;align-items:stretch;gap:10px}footer .footer-grid>div:nth-child(2)>h3,footer .footer-grid>div:nth-child(3)>h3{margin:0 0 12px}footer .footer-grid>div:nth-child(2)>a,footer .footer-grid>div:nth-child(3)>a{display:flex;align-items:center;justify-content:center;width:100%;min-height:48px;margin:0;padding:10px 12px;border-radius:13px;font-size:13px;line-height:1.4;white-space:normal;text-align:center;box-sizing:border-box}.footer-grid>div:last-child>p{line-height:1.95;font-size:13px}.footer-grid .company-registration{margin-top:18px}.footer-grid .company-registration strong{font-size:14px}
@media(max-width:1000px){.connection-node{flex-direction:column;gap:4px;font-size:11px;height:62px}.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.footer-grid>div:first-child{grid-column:1/-1}.footer-grid>div:last-child{grid-column:1/-1}}
@media(max-width:720px){.connection-map{height:235px;margin-top:25px}.connection-node{font-size:11px}.connection-hub{gap:8px}.connection-hub strong{font-size:10px}.payment-tile{width:116px;height:80px;padding:14px}.payment-showcase>.payment-brand-grid{margin-inline:-14px}.footer-grid{gap:28px 18px}footer .footer-grid>div:nth-child(2)>a,footer .footer-grid>div:nth-child(3)>a{min-height:48px;font-size:12px}.company-registration strong{font-size:16px}}
@media(prefers-reduced-motion:reduce){.signal,.hub-dot,.payment-track{animation:none!important}.signal{stroke-dasharray:0}.payment-brand-grid>.payment-row{overflow-x:auto;mask-image:none}.payment-set[aria-hidden=true]{display:none}}
.payment-brand-grid>.payment-row{place-items:normal}.payment-track{justify-self:start;margin:0}
footer .footer-grid>div:nth-child(2)>a,footer .footer-grid>div:nth-child(3)>a{min-height:48px!important;padding:10px 12px!important;background:#edf5fd;box-shadow:0 1px 3px #0d47a106}
