.ecommerce-integrations-diagram{--eid-line:var(--border-strong);--eid-ease:var(--ease-out);grid-template-columns:minmax(0,1fr);align-items:center;gap:0;width:100%;max-width:42rem;margin-inline:auto;display:grid;position:relative}@media (min-width:768px){.ecommerce-integrations-diagram{grid-template-columns:minmax(0,1.05fr) 4.5rem minmax(0,1fr);max-width:48rem}}@media (min-width:1024px){.ecommerce-integrations-diagram{grid-template-columns:minmax(0,1.1fr) 5.5rem minmax(0,1fr);max-width:52rem}.ecommerce-automations-diagram .ecommerce-integrations-diagram{max-width:none;margin-inline:0}}.ecommerce-integrations-diagram__hub{border:1px solid color-mix(in srgb, var(--border-strong) 75%, transparent);border-radius:var(--radius);background:color-mix(in srgb, var(--surface-featured) 88%, white);flex-direction:column;align-items:flex-start;gap:.35rem;padding:1.15rem 1.2rem 1.2rem;display:flex}@media (min-width:768px){.ecommerce-integrations-diagram__hub{padding:1.35rem 1.4rem 1.4rem}}.ecommerce-integrations-diagram__nodes{gap:.7rem;margin:0;padding:0;list-style:none;display:grid}@media (min-width:768px){.ecommerce-integrations-diagram__nodes{gap:.85rem}}.ecommerce-integrations-diagram__node{border:1px solid var(--border);border-radius:var(--radius);background:color-mix(in srgb, var(--surface-featured) 94%, white);align-items:flex-start;gap:.7rem;padding:.85rem .95rem;display:flex}.ecommerce-integrations-diagram__icon{width:1.25rem;height:1.25rem;color:var(--primary);flex-shrink:0;margin-top:.1rem}.ecommerce-integrations-diagram__icon--hub{width:1.5rem;height:1.5rem;margin-top:0;margin-bottom:.15rem}.ecommerce-integrations-diagram__title{letter-spacing:-.01em;color:var(--text);margin:0;font-size:.9375rem;font-weight:650;line-height:1.3}.ecommerce-integrations-diagram__title--hub{letter-spacing:.04em;text-transform:uppercase;font-size:1rem}@media (min-width:768px){.ecommerce-integrations-diagram__title--hub{font-size:1.0625rem}}.ecommerce-integrations-diagram__subtitle{color:var(--muted);margin:.15rem 0 0;font-size:.8125rem;line-height:1.45}.ecommerce-integrations-diagram__links{pointer-events:none;width:100%;height:100%;display:none;position:absolute;inset:0;overflow:visible}.ecommerce-integrations-diagram__links-space{display:none}@media (min-width:768px){.ecommerce-integrations-diagram__links--desktop,.ecommerce-integrations-diagram__links-space{display:block}}.ecommerce-integrations-diagram__path{stroke:var(--eid-line);stroke-width:1.5px;stroke-linecap:butt;stroke-linejoin:miter;fill:none;opacity:0;stroke-dasharray:1;stroke-dashoffset:1px}.ecommerce-integrations-diagram__rail--mobile{background:var(--eid-line);opacity:0;transform-origin:top;width:1px;height:1.35rem;margin:.15rem 0 .15rem 1.55rem;display:block;transform:scaleY(.4)}@media (min-width:768px){.ecommerce-integrations-diagram__rail--mobile{display:none}}.ecommerce-integrations-diagram__stage{opacity:0;transform:translateY(.55rem)}.ecommerce-integrations-diagram.is-visible .ecommerce-integrations-diagram__hub{animation:eid-rise .45s var(--eid-ease) forwards}.ecommerce-integrations-diagram.is-visible .ecommerce-integrations-diagram__path--1{animation:eid-draw .4s var(--eid-ease) .22s forwards}.ecommerce-integrations-diagram.is-visible .ecommerce-integrations-diagram__path--2{animation:eid-draw .35s var(--eid-ease) .3s forwards}.ecommerce-integrations-diagram.is-visible .ecommerce-integrations-diagram__path--3{animation:eid-draw .4s var(--eid-ease) .38s forwards}.ecommerce-integrations-diagram.is-visible .ecommerce-integrations-diagram__rail--mobile{animation:eid-rail .35s var(--eid-ease) .22s forwards}.ecommerce-integrations-diagram.is-visible .ecommerce-integrations-diagram__node{animation:eid-rise .4s var(--eid-ease) calc(.42s + (var(--stage-i,0) * .12s)) forwards}@keyframes eid-rise{0%{opacity:0;transform:translateY(.55rem)}to{opacity:1;transform:translate(0,0)}}@keyframes eid-draw{to{opacity:1;stroke-dashoffset:0}}@keyframes eid-rail{to{opacity:1;transform:scaleY(1)}}@media (prefers-reduced-motion:reduce){.ecommerce-integrations-diagram__stage,.ecommerce-integrations-diagram__path,.ecommerce-integrations-diagram__rail--mobile{opacity:1;stroke-dashoffset:0;transform:none;animation:none!important}}