.developer-system-animation-module__XN0I9q__root{--line:var(--thor-accent);--line-muted:#294b6c;--panel:#0b2946;--node:#173e65;color:#d9e6f4;width:100%;min-width:0;font-family:inherit;position:relative;overflow:hidden}.developer-system-animation-module__XN0I9q__root .developer-systems-animation{height:386px;position:relative}.developer-system-animation-module__XN0I9q__root .developer-systems-animation__dot-grid{opacity:.46;background-image:url("data:image/svg+xml;utf8,<svg width='10' height='10' xmlns='http://www.w3.org/2000/svg'><rect x='0' y='0' width='2' height='2' fill='%2331516F'/></svg>");width:calc(100% + 16px);height:526px;position:absolute;top:-60px;left:-8px;-webkit-mask-image:linear-gradient(#d9d9d900,#737373 50%,#d9d9d900);mask-image:linear-gradient(#d9d9d900,#737373 50%,#d9d9d900)}.developer-system-animation-module__XN0I9q__root .developer-systems-animation__figure{grid-template-columns:152px 561px 152px;width:865px;height:386px;margin:0 auto;display:grid;position:relative}.developer-system-animation-module__XN0I9q__root .developer-systems-animation__mobile{display:none}.developer-system-animation-module__XN0I9q__root .sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.developer-system-animation-module__XN0I9q__root .developer-systems-animation__center-path-svg{display:none}:is(.developer-system-animation-module__XN0I9q__root .developer-systems-animation__center-path-svg path,.developer-system-animation-module__XN0I9q__root .developer-systems-animation__system-connections-svg path){stroke:var(--line)}.developer-system-animation-module__XN0I9q__root .developer-systems-animation__event-flow-svg{z-index:0;pointer-events:none;width:865px;height:386px;position:absolute;inset:0;overflow:visible}.developer-system-animation-module__XN0I9q__root .developer-systems-animation__event-pulse{filter:drop-shadow(0 0 4px #4e83ffeb)}.developer-system-animation-module__XN0I9q__root .developer-systems-animation__event-pulse-halo{fill:#4c7fff47}.developer-system-animation-module__XN0I9q__root .developer-systems-animation__event-pulse-core{fill:#e9f1ff}.developer-system-animation-module__XN0I9q__root .developer-systems-animation__event-route{stroke:var(--line-muted);stroke-width:1px;stroke-dasharray:2 3}:is(.developer-system-animation-module__XN0I9q__root .developer-systems-animation__center-path-mobile-svg,.developer-system-animation-module__XN0I9q__root .developer-systems-animation__system-connections-mobile-svg){display:none}:is(.developer-system-animation-module__XN0I9q__root .developer-systems-animation__figure--chart-left,.developer-system-animation-module__XN0I9q__root .developer-systems-animation__figure--chart-center,.developer-system-animation-module__XN0I9q__root .developer-systems-animation__figure--chart-right){z-index:1;height:386px;position:relative}:is(.developer-system-animation-module__XN0I9q__root .developer-systems-animation__figure--chart-left,.developer-system-animation-module__XN0I9q__root .developer-systems-animation__figure--chart-right){align-items:center;display:flex}.developer-system-animation-module__XN0I9q__root .developer-systems-animation__figure--chart-right{justify-content:flex-end}.developer-system-animation-module__XN0I9q__root .developer-systems-animation__figure--chart-center{width:561px;display:block}.developer-system-animation-module__XN0I9q__root .developer-systems-animation__apps{background:var(--panel);border-radius:6px;grid-template-columns:repeat(3,40px);gap:8px;width:152px;height:105px;padding:8px;display:grid;position:relative}:is(.developer-system-animation-module__XN0I9q__root .developer-systems-animation__app,.developer-system-animation-module__XN0I9q__root .developer-systems-animation__app-logo,.developer-system-animation-module__XN0I9q__root .developer-systems-animation__app-logo__front,.developer-system-animation-module__XN0I9q__root .developer-systems-animation__app-logo__back,.developer-system-animation-module__XN0I9q__root .developer-systems-logo){width:40px;height:40px}.developer-system-animation-module__XN0I9q__root .developer-systems-animation__app{z-index:1;border:1px dashed #466684;border-radius:4px;justify-content:center;align-items:center;display:flex;position:relative}.developer-system-animation-module__XN0I9q__root .developer-systems-animation__app-logo{position:absolute;inset:-1px}:is(.developer-system-animation-module__XN0I9q__root .developer-systems-animation__app-logo__front,.developer-system-animation-module__XN0I9q__root .developer-systems-animation__app-logo__back){position:absolute;inset:0}.developer-system-animation-module__XN0I9q__root .developer-systems-animation__app-logo__back{display:none}.developer-system-animation-module__XN0I9q__root .developer-systems-logo{color:#d9e6f4;letter-spacing:.02em;background:#173e65;border-radius:4px;place-items:center;font-size:9px;font-weight:650;display:grid}.developer-system-animation-module__XN0I9q__root .developer-systems-animation__app-logo__back .developer-systems-logo{background:var(--thor-accent-strong)}:is(.developer-system-animation-module__XN0I9q__root .developer-systems-logo svg,.developer-system-animation-module__XN0I9q__root .developer-systems-logo__placeholder){display:none}.developer-system-animation-module__XN0I9q__root .developer-systems-logo[data-logo-face=true]:after{content:none!important}.developer-system-animation-module__XN0I9q__root .developer-systems-logo[data-integration=true]{background:#fff}.developer-system-animation-module__XN0I9q__root .developer-systems-logo[data-brand=odoo]{background:#714b67}.developer-system-animation-module__XN0I9q__root .developer-systems-logo[data-brand=resend]{background:#000}.developer-system-animation-module__XN0I9q__root .developer-systems-logo[data-brand=resend] img{filter:invert()}:is(.developer-system-animation-module__XN0I9q__root .developer-systems-logo[data-integration=true] img,.developer-system-animation-module__XN0I9q__root .developer-systems-logo[data-integration=true] svg){object-fit:contain;width:28px;height:28px;display:block}.developer-system-animation-module__XN0I9q__root .developer-systems-logo__label{letter-spacing:.04em;font-size:8px;font-weight:650}.developer-system-animation-module__XN0I9q__root .developer-systems-animation__app:first-child .developer-systems-logo:after{content:"APP"}.developer-system-animation-module__XN0I9q__root .developer-systems-animation__app:nth-child(2) .developer-systems-logo:after{content:"API"}.developer-system-animation-module__XN0I9q__root .developer-systems-animation__app:nth-child(3) .developer-systems-logo:after{content:"APP"}.developer-system-animation-module__XN0I9q__root .developer-systems-animation__app:nth-child(4) .developer-systems-logo:after{content:"API"}.developer-system-animation-module__XN0I9q__root .developer-systems-animation__app:nth-child(5) .developer-systems-logo:after{content:"APP"}.developer-system-animation-module__XN0I9q__root .developer-systems-animation__app:nth-child(6) .developer-systems-logo:after{content:"API"}.developer-system-animation-module__XN0I9q__root .developer-systems-animation__figure--chart-right .developer-systems-logo:after{content:none!important}.developer-system-animation-module__XN0I9q__root .developer-systems-logo[data-brand=website]{background:var(--node);color:#d9e6f4}.developer-system-animation-module__XN0I9q__root .developer-systems-logo[data-brand=website] svg{width:24px;height:24px;display:block}.developer-system-animation-module__XN0I9q__root .developer-systems-animation__systems{z-index:2;border-radius:var(--thor-radius-container);align-items:center;gap:8px;width:max-content;max-width:100%;height:48px;padding:8px;display:flex;position:absolute;top:48px;left:50%;transform:translate(-50%)}.developer-system-animation-module__XN0I9q__root .developer-systems-animation__dynamic-rect-bg{z-index:-1;position:absolute;inset:0}.developer-system-animation-module__XN0I9q__root .developer-systems-animation__dynamic-rect-bg svg{width:100%;height:100%;display:block}.developer-system-animation-module__XN0I9q__root .developer-systems-animation__dynamic-rect-bg rect{fill:var(--panel)}:is(.developer-system-animation-module__XN0I9q__root .developer-systems-animation__systems-row-1,.developer-system-animation-module__XN0I9q__root .developer-systems-animation__systems-row-2){grid-auto-columns:max-content;grid-auto-flow:column;gap:8px;display:grid}.developer-system-animation-module__XN0I9q__root .developer-systems-animation__system-container{display:flex;position:relative}.developer-system-animation-module__XN0I9q__root .developer-systems-animation__system{background:var(--node);white-space:nowrap;border:1px dashed #466684;border-radius:4px;height:32px;padding:8px 16px;font-size:13px;font-weight:500;line-height:14px;transition:none}.developer-system-animation-module__XN0I9q__root .developer-systems-animation__grid-row-layout--top{width:561px;height:386px;display:block;position:absolute;inset:0}.developer-system-animation-module__XN0I9q__root .developer-systems-animation__system-connections-svg{display:none}.developer-system-animation-module__XN0I9q__root .developer-systems-animation__grid-row-block--anchor{width:auto;display:block;position:static}.developer-system-animation-module__XN0I9q__root .developer-systems-animation__grid-row-block--anchor>*{position:absolute}.developer-system-animation-module__XN0I9q__root .developer-systems-animation__grid-row-block--anchor>.developer-systems-animation__grid-row-block:first-child{position:absolute;top:177px;left:48px}.developer-system-animation-module__XN0I9q__root .developer-systems-animation__grid-row-block--anchor>.developer-systems-animation__grid-row-block:last-child{display:none}:is(.developer-system-animation-module__XN0I9q__root .developer-systems-animation__grid-row-block,.developer-system-animation-module__XN0I9q__root .developer-systems-animation__button){z-index:2;color:#d9e6f4;height:32px;font:inherit;white-space:nowrap;background:#173e65;border:0;border-radius:4px;justify-content:center;align-items:center;padding:6px 16px;font-size:13px;font-weight:500;line-height:20px;text-decoration:none;display:inline-flex;position:relative}.developer-system-animation-module__XN0I9q__root .developer-systems-animation__grid-row-block .developer-systems-animation__dynamic-rect-bg{display:none}.developer-system-animation-module__XN0I9q__root .developer-systems-animation__grid-row-layout--middle{width:561px;height:386px;padding:0;display:block;position:absolute;inset:0}.developer-system-animation-module__XN0I9q__root .developer-systems-animation__button{display:none}.developer-system-animation-module__XN0I9q__root .developer-systems-animation__grid-row-block--middle{position:absolute;top:177px;left:373px}.developer-system-animation-module__XN0I9q__root .developer-systems-animation__button:hover{background:var(--thor-accent-strong)}.developer-system-animation-module__XN0I9q__root .developer-systems-animation__button svg{display:none}.developer-system-animation-module__XN0I9q__root .developer-systems-animation__stripe{z-index:4;background:var(--thor-accent);border-radius:7px;place-items:center;width:80px;height:80px;display:grid;position:absolute;top:133px;left:50%;transform:translate(-50%)}.developer-system-animation-module__XN0I9q__root .developer-systems-animation__stripe-center svg{display:none}.developer-system-animation-module__XN0I9q__root .developer-systems-animation__stripe-center:after{content:"thor";color:#fff;letter-spacing:-.04em;font-size:18px;font-weight:650}.developer-system-animation-module__XN0I9q__root .developer-systems-animation__grid-row-layout--bottom{width:561px;height:386px;display:block;position:absolute;inset:0}.developer-system-animation-module__XN0I9q__root .developer-systems-animation__grid-row-layout--bottom>.developer-systems-animation__grid-row-block{position:absolute;top:261px;left:50%;transform:translate(-50%)}.developer-system-animation-module__XN0I9q__root .developer-systems-animation__psp-connection-base-animated-stroke-svg{z-index:1;position:absolute;top:284px;left:50%;transform:translate(-50%)}.developer-system-animation-module__XN0I9q__root .developer-systems-animation__psp-connection-path--active{stroke:var(--line);stroke-dashoffset:0}.developer-system-animation-module__XN0I9q__root .developer-systems-animation__psp-connection-path:not(.developer-systems-animation__psp-connection-path--active){stroke:var(--line-muted)}.developer-system-animation-module__XN0I9q__root .developer-systems-animation__psp-container{z-index:3;gap:8px;display:flex;position:absolute;top:344px;left:50%;transform:translate(-50%)}.developer-system-animation-module__XN0I9q__root .developer-systems-animation__psp-container--single{display:none}.developer-system-animation-module__XN0I9q__root .developer-systems-animation__psp-app-container{opacity:1;transform:translateY(0)}.developer-system-animation-module__XN0I9q__root .developer-systems-animation__psp-app{color:#d9e6f4;background:#0b2946;border:1px dashed #466684;border-radius:4px;place-items:center;min-width:42px;height:42px;padding-inline:9px;font-size:0;font-weight:500;display:grid}.developer-system-animation-module__XN0I9q__root .developer-systems-animation__psp-app:after{letter-spacing:.02em;font-size:10px}.developer-system-animation-module__XN0I9q__root .developer-systems-animation__psp-app[data-payment-method]{border-style:solid;width:42px;min-width:42px;padding-inline:5px;overflow:hidden}.developer-system-animation-module__XN0I9q__root .developer-systems-animation__psp-app[data-payment-method]:after{content:none!important}.developer-system-animation-module__XN0I9q__root .developer-systems-animation__psp-app[data-payment-method] svg{width:24px;height:24px}.developer-system-animation-module__XN0I9q__root .developer-systems-animation__psp-app[data-payment-method=stripe]{background:#635bff;border-color:#7a73ff;position:relative}.developer-system-animation-module__XN0I9q__root .developer-systems-animation__psp-app[data-payment-method=stripe] svg{width:34px;height:auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.developer-system-animation-module__XN0I9q__root .developer-systems-animation__psp-app[data-payment-method=adyen]{background:#0abf53;border-color:#2fca6d}.developer-system-animation-module__XN0I9q__root .developer-systems-animation__adyen-mark{color:#fff;letter-spacing:-.04em;font-size:9px;font-weight:750}.developer-system-animation-module__XN0I9q__root .developer-systems-animation__psp-app[data-payment-method=invoice]{color:#d9e6f4;background:#173e65;border-color:#466684}.developer-system-animation-module__XN0I9q__root .developer-systems-animation__psp-app-container:first-child .developer-systems-animation__psp-app:after{content:"PSP"}.developer-system-animation-module__XN0I9q__root .developer-systems-animation__psp-app-container:nth-child(2) .developer-systems-animation__psp-app:after{content:"PSP"}.developer-system-animation-module__XN0I9q__root .developer-systems-animation__psp-app-container:nth-child(3) .developer-systems-animation__psp-app:after{content:"PSP"}.developer-system-animation-module__XN0I9q__root .developer-systems-animation__psp-app-container:nth-child(4) .developer-systems-animation__psp-app:after{content:"PSP"}@media (max-width:820px){.developer-system-animation-module__XN0I9q__root .developer-systems-animation{height:340px}.developer-system-animation-module__XN0I9q__root .developer-systems-animation__figure{transform-origin:top;margin:0;left:50%;transform:translate(-50%)scale(.82)}}@media (max-width:560px){.developer-system-animation-module__XN0I9q__root .developer-systems-animation{display:none}.developer-system-animation-module__XN0I9q__root .developer-systems-animation__mobile{width:min(100%,342px);height:438px;margin-inline:auto;display:block;position:relative}.developer-system-animation-module__XN0I9q__root .developer-systems-animation__mobile-flow-svg{z-index:0;pointer-events:none;width:100%;height:438px;position:absolute;inset:0;overflow:visible}.developer-system-animation-module__XN0I9q__root .developer-systems-animation__mobile-services{z-index:2;border-radius:var(--thor-radius-container);background:var(--panel);flex-wrap:wrap;justify-content:center;gap:4px 6px;width:310px;min-height:80px;padding:6px;display:flex;position:absolute;top:0;left:50%;transform:translate(-50%)}.developer-system-animation-module__XN0I9q__root .developer-systems-animation__mobile-service{border-radius:var(--thor-radius-control);background:var(--node);color:#d9e6f4;border:1px dashed #466684;flex:0 0 92px;place-items:center;height:32px;font-size:11px;font-weight:500;line-height:1;display:grid}.developer-system-animation-module__XN0I9q__root .developer-systems-animation__mobile-thor{z-index:3;border-radius:var(--thor-radius-container);background:var(--thor-accent);color:#fff;letter-spacing:-.04em;place-items:center;width:80px;height:80px;font-size:18px;font-weight:650;display:grid;position:absolute;top:104px;left:50%;transform:translate(-50%)}.developer-system-animation-module__XN0I9q__root .developer-systems-animation__mobile-node{z-index:2;border-radius:var(--thor-radius-control);background:var(--node);color:#d9e6f4;white-space:nowrap;place-items:center;height:32px;font-size:11px;font-weight:500;display:grid;position:absolute}.developer-system-animation-module__XN0I9q__root .developer-systems-animation__mobile-node--admin{width:132px;top:218px;left:8px}.developer-system-animation-module__XN0I9q__root .developer-systems-animation__mobile-node--storefront{width:146px;top:218px;right:8px}.developer-system-animation-module__XN0I9q__root .developer-systems-animation__mobile-apps{z-index:2;position:absolute;top:266px;left:18px}.developer-system-animation-module__XN0I9q__root .developer-systems-animation__mobile-apps .developer-systems-animation__apps{grid-template-columns:repeat(3,32px);gap:4px;width:112px;height:72px;padding:4px}:is(.developer-system-animation-module__XN0I9q__root .developer-systems-animation__mobile-apps .developer-systems-animation__app,.developer-system-animation-module__XN0I9q__root .developer-systems-animation__mobile-apps .developer-systems-animation__app-logo,.developer-system-animation-module__XN0I9q__root .developer-systems-animation__mobile-apps .developer-systems-animation__app-logo__front,.developer-system-animation-module__XN0I9q__root .developer-systems-animation__mobile-apps .developer-systems-animation__app-logo__back,.developer-system-animation-module__XN0I9q__root .developer-systems-animation__mobile-apps .developer-systems-logo){width:32px;height:32px}:is(.developer-system-animation-module__XN0I9q__root .developer-systems-animation__mobile-apps .developer-systems-logo[data-integration=true] img,.developer-system-animation-module__XN0I9q__root .developer-systems-animation__mobile-apps .developer-systems-logo[data-integration=true] svg){width:22px;height:22px}.developer-system-animation-module__XN0I9q__root .developer-systems-animation__mobile-website{z-index:2;position:absolute;top:266px;right:61px}.developer-system-animation-module__XN0I9q__root .developer-systems-animation__mobile-node--payments{width:110px;top:354px;left:50%;transform:translate(-50%)}.developer-system-animation-module__XN0I9q__root .developer-systems-animation__mobile-payment-methods{z-index:2;position:absolute;top:396px;left:50%;transform:translate(-50%)}.developer-system-animation-module__XN0I9q__root .developer-systems-animation__mobile-payment-methods .developer-systems-animation__psp-container{position:static;transform:none}}@media (max-width:450px){.developer-system-animation-module__XN0I9q__root .developer-systems-animation__mobile{width:min(100%,342px)}}@media (max-width:374px){.developer-system-animation-module__XN0I9q__root .developer-systems-animation__mobile{margin-inline:0;transform-origin:top;width:342px;margin-bottom:-40px;left:50%;transform:translate(-50%)scale(.91)}}@media (max-width:340px){.developer-system-animation-module__XN0I9q__root .developer-systems-animation__mobile{margin-bottom:-70px;transform:translate(-50%)scale(.84)}}@media (max-width:324px){.developer-system-animation-module__XN0I9q__root .developer-systems-animation__mobile{margin-bottom:-92px;transform:translate(-50%)scale(.79)}}@media (prefers-reduced-motion:reduce){:is(.developer-system-animation-module__XN0I9q__root .developer-systems-animation__system,.developer-system-animation-module__XN0I9q__root .developer-systems-animation__psp-app-container,.developer-system-animation-module__XN0I9q__root .developer-systems-animation__psp-connection-path--active){transition:none}:is(.developer-system-animation-module__XN0I9q__root .developer-systems-animation__event-flow-svg,.developer-system-animation-module__XN0I9q__root .developer-systems-animation__psp-connection-base-animated-stroke-svg .developer-systems-animation__event-pulse){display:none}:is(.developer-system-animation-module__XN0I9q__root .developer-systems-animation__stripe,.developer-system-animation-module__XN0I9q__root .developer-systems-animation__mobile-thor,.developer-system-animation-module__XN0I9q__root .developer-systems-animation__mobile-services,.developer-system-animation-module__XN0I9q__root .developer-systems-animation__mobile-service,.developer-system-animation-module__XN0I9q__root .developer-systems-animation__mobile-node,.developer-system-animation-module__XN0I9q__root .developer-systems-animation__systems,.developer-system-animation-module__XN0I9q__root .developer-systems-animation__system,.developer-system-animation-module__XN0I9q__root .developer-systems-animation__grid-row-block,.developer-system-animation-module__XN0I9q__root .developer-systems-animation__psp-app[data-payment-method],.developer-system-animation-module__XN0I9q__root .developer-systems-animation__figure--chart-right .developer-systems-animation__app){animation:none}}
.systems-map-section-module__jCJGwW__section{color:#fff;background:var(--thor-navy);border-block:1px solid #294b6c}.systems-map-section-module__jCJGwW__frame{max-width:var(--shell-frame-width);margin-inline:auto}.systems-map-section-module__jCJGwW__inner{padding:88px 24px 76px}.systems-map-section-module__jCJGwW__heading{color:#90a9c4;letter-spacing:-.025em;text-wrap:pretty;max-width:780px;margin:0;font-size:clamp(1.5rem,2.5vw,2rem);font-weight:400;line-height:1.18}.systems-map-section-module__jCJGwW__heading span{color:#fff}.systems-map-section-module__jCJGwW__visual{width:100%;margin:54px auto 0}@media (min-width:940px){.systems-map-section-module__jCJGwW__section{padding-inline:var(--shell-frame-margin)}.systems-map-section-module__jCJGwW__frame{border-inline:1px solid #294b6c}.systems-map-section-module__jCJGwW__inner{padding-inline:var(--shell-content-inset)}}@media (max-width:720px){.systems-map-section-module__jCJGwW__inner{padding-block:64px 54px;overflow:hidden}.systems-map-section-module__jCJGwW__visual{margin-top:42px}}