.hero-commerce-diagram-module__KfOYMq__frame{--diagram-bg:var(--background);--diagram-fg:var(--foreground);--diagram-grid:#f5f5f5;--diagram-border:#dedede;--diagram-border-soft:#eee;--diagram-muted:#d9d9d9;--diagram-skeleton:#e8e8e8;background:var(--diagram-bg);width:100%;color:var(--diagram-fg);position:relative;overflow:hidden}.dark .hero-commerce-diagram-module__KfOYMq__frame{--diagram-grid:#181818;--diagram-border:#ffffff26;--diagram-border-soft:#ffffff1a;--diagram-muted:#555;--diagram-skeleton:#333}@supports (color:lab(0% 0 0)){.dark .hero-commerce-diagram-module__KfOYMq__frame{--diagram-grid:lab(8.36% -.00000745058 0);--diagram-border:lab(100% 0 0/.15);--diagram-border-soft:lab(100% 0 0/.1);--diagram-muted:lab(36.2% 0 .00000596046);--diagram-skeleton:lab(21.12% 0 0)}}.hero-commerce-diagram-module__KfOYMq__frame [data-diagram-stage]{transform-origin:top;background:var(--diagram-bg);position:absolute;top:0;left:50%;overflow:hidden}.hero-commerce-diagram-module__KfOYMq__composition{background-color:var(--diagram-bg);background-image:linear-gradient(var(--diagram-grid) 1px, transparent 1px), linear-gradient(90deg, var(--diagram-grid) 1px, transparent 1px);background-position:50%;background-size:24px 24px;width:760px;height:480px;position:absolute;inset:0;overflow:hidden}.hero-commerce-diagram-module__KfOYMq__network{z-index:1;shape-rendering:geometricprecision;width:100%;height:100%;position:absolute;inset:0}.hero-commerce-diagram-module__KfOYMq__line{fill:none;stroke:var(--diagram-fg);stroke-linecap:square;stroke-linejoin:miter;stroke-width:1px;vector-effect:non-scaling-stroke}.hero-commerce-diagram-module__KfOYMq__lineDashed{stroke-dasharray:5 6}.hero-commerce-diagram-module__KfOYMq__lineMuted{stroke:var(--diagram-muted)}.hero-commerce-diagram-module__KfOYMq__node{fill:var(--diagram-fg)}.hero-commerce-diagram-module__KfOYMq__endpoint{fill:var(--diagram-muted)}.hero-commerce-diagram-module__KfOYMq__junction{fill:var(--diagram-bg);stroke:var(--diagram-fg);stroke-width:1px;vector-effect:non-scaling-stroke}.hero-commerce-diagram-module__KfOYMq__module{z-index:2;border:1px solid var(--diagram-border);background:var(--diagram-bg);color:var(--diagram-fg);position:absolute}.hero-commerce-diagram-module__KfOYMq__codeWindow{border-radius:7px;width:224px;height:112px;top:24px;left:62px}.hero-commerce-diagram-module__KfOYMq__windowHeader{border-bottom:1px solid var(--diagram-border-soft);align-items:center;gap:5px;height:30px;padding-inline:12px;display:flex}.hero-commerce-diagram-module__KfOYMq__windowHeader span{background:var(--diagram-muted);border-radius:50%;width:6px;height:6px}.hero-commerce-diagram-module__KfOYMq__windowHeader span:first-child{background:var(--diagram-fg)}.hero-commerce-diagram-module__KfOYMq__codeWindowBody{align-items:center;gap:20px;height:81px;padding-inline:22px;display:flex}.hero-commerce-diagram-module__KfOYMq__codeMark{fill:none;width:42px;height:30px;stroke:var(--diagram-fg);stroke-linecap:square;stroke-linejoin:miter;stroke-width:2px;flex:none}.hero-commerce-diagram-module__KfOYMq__contentLines{flex-direction:column;flex:1;gap:6px;min-width:68px;display:flex}.hero-commerce-diagram-module__KfOYMq__contentLines span{background:var(--diagram-skeleton);border-radius:999px;width:100%;height:4px;display:block}.hero-commerce-diagram-module__KfOYMq__contentLines span:last-child{width:68%}.hero-commerce-diagram-module__KfOYMq__adminPanel{border-radius:7px;width:216px;height:156px;padding:14px 16px;top:20px;left:484px}.hero-commerce-diagram-module__KfOYMq__adminPanel ul{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.hero-commerce-diagram-module__KfOYMq__adminPanel li{border-bottom:1px solid var(--diagram-border-soft);align-items:center;gap:9px;height:25px;font-size:13px;font-weight:450;line-height:16px;display:flex}.hero-commerce-diagram-module__KfOYMq__adminPanel li:last-child{border-bottom:0}.hero-commerce-diagram-module__KfOYMq__adminIcon{border:1px solid var(--diagram-fg);border-radius:2px;width:10px;height:10px}.hero-commerce-diagram-module__KfOYMq__shopifyModule{place-items:center;width:148px;height:148px;display:grid;top:166px;left:306px}.hero-commerce-diagram-module__KfOYMq__shopifyModule img{width:96px;height:auto;display:block}.hero-commerce-diagram-module__KfOYMq__storeData{border-radius:7px;align-items:center;gap:16px;width:220px;height:112px;padding:18px 20px;display:flex;top:334px;left:68px}.hero-commerce-diagram-module__KfOYMq__integrations{border-radius:7px;align-items:center;gap:16px;width:220px;height:112px;padding:18px 20px;display:flex;top:326px;left:472px}.hero-commerce-diagram-module__KfOYMq__moduleIcon{fill:none;width:32px;height:32px;stroke:var(--diagram-fg);stroke-linecap:square;stroke-linejoin:miter;stroke-width:1.35px;flex:none}.hero-commerce-diagram-module__KfOYMq__moduleCopy{flex-direction:column;flex:1;gap:12px;min-width:0;display:flex}.hero-commerce-diagram-module__KfOYMq__moduleCopy p{letter-spacing:-.01em;margin:0;font-size:14px;font-weight:550;line-height:18px}.hero-commerce-diagram-module__KfOYMq__moduleCopy .hero-commerce-diagram-module__KfOYMq__contentLines{gap:5px;min-width:0}.hero-commerce-diagram-module__KfOYMq__moduleCopy .hero-commerce-diagram-module__KfOYMq__contentLines span{height:4px}.hero-commerce-diagram-module__KfOYMq__codeNode{z-index:2;border:1px solid var(--diagram-border);background:var(--diagram-bg);width:84px;height:34px;color:var(--diagram-fg);font-family:var(--diagram-font-mono,ui-monospace, monospace);place-items:center;font-size:13px;font-weight:500;line-height:16px;display:grid;position:absolute;top:438px;left:338px}@media (max-width:860px){.hero-commerce-diagram-module__KfOYMq__adminPanel li{font-size:16px;line-height:18px}.hero-commerce-diagram-module__KfOYMq__adminIcon{width:12px;height:12px}.hero-commerce-diagram-module__KfOYMq__shopifyModule{width:168px;height:168px;top:156px;left:296px}.hero-commerce-diagram-module__KfOYMq__shopifyModule img{width:128px}.hero-commerce-diagram-module__KfOYMq__moduleCopy p{font-size:17px;line-height:20px}.hero-commerce-diagram-module__KfOYMq__codeNode{font-size:16px;line-height:18px}}