.integration-orbit{min-width:0;margin:0;container-type:inline-size}.orbit-scene{aspect-ratio:10/9;isolation:isolate;position:relative}.orbit-art{--tilt:-12deg;position:absolute;inset:0;overflow:hidden}.orbit-halo{background:radial-gradient(at 50% 44%,#818cf84d 0%,#6366f12b 24%,#0000 60%);position:absolute;inset:0}.orbit-ring{border:1px solid color-mix(in srgb, var(--primary) 22%, transparent);transform:translate(-50%, -50%) rotate(var(--tilt));border-radius:50%;position:absolute;top:44%;left:50%}.orbit-ring-outer{opacity:.5;width:96%;height:46%}.orbit-ring-inner{width:70%;height:30%}.orbit-lensing{z-index:1;width:168px;height:168px;transform:translate(-50%, -50%) rotate(var(--tilt));background:#02030a;border-radius:50%;position:absolute;top:44%;left:50%;box-shadow:0 -3px 5px #fff1d5,0 -7px 13px #c7d2fe,0 -12px 28px #818cf870,0 3px 6px #a5b4fc80}.orbit-lensing:before{content:"";border-radius:inherit;filter:blur(2.5px);border:3px solid #a5b4fc40;border-top-color:#fff4dfb0;position:absolute;inset:-12px;box-shadow:0 -4px 12px #818cf870}.orbit-lensing:after{content:"";border-radius:inherit;border-top:1px solid #c7d2fe70;border-bottom:1px solid #818cf830;position:absolute;inset:-23px}.orbit-disc{z-index:2;width:88%;height:88%;transform:rotate(var(--tilt)) scaleY(.28);border-radius:50%;position:absolute;top:0;left:6%}.orbit-disc-front{z-index:3;clip-path:inset(50% 0 0);opacity:.92}.orbit-disc:before{content:"";border-radius:inherit;background:radial-gradient(#0000 31%,#a5b4fc60 39%,#fff4df 44%,#c7d2fe 46%,#818cf890 50%,#0000 65%);position:absolute;inset:0}.orbit-disc-light{border-radius:inherit;background:repeating-conic-gradient(#818cf820 0deg,#e0e7ff 18deg,#fff4df 26deg,#6366f150 42deg,#a5b4fc 66deg,#818cf820 90deg);animation:16s linear infinite orbit-turn;position:absolute;inset:0;-webkit-mask:radial-gradient(#0000 32%,#000 39% 49%,#0000 64%);mask:radial-gradient(#0000 32%,#000 39% 49%,#0000 64%)}.orbit-flow{z-index:2;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.orbit-flow-out{z-index:3}.orbit-streams path{stroke:var(--primary-text);stroke-width:1.5px;stroke-linecap:round;stroke-dasharray:3 14;opacity:.45;animation:1.6s linear infinite orbit-stream}.orbit-stream-out{stroke:var(--primary-text);stroke-width:1.5px;stroke-linecap:round;stroke-dasharray:3 14;opacity:.4;animation:1.6s linear infinite orbit-stream}.orbit-packet-paper{fill:var(--card);stroke:#a5b4fc;stroke-width:1.5px}.orbit-packet-lines{stroke:var(--primary-text);stroke-width:2.4px;stroke-linecap:round}.orbit-einvoice-glow{fill:#10b981;opacity:.18}.orbit-einvoice-paper .orbit-packet-paper{fill:#f8fafc;stroke:#10b981}.orbit-einvoice-paper .orbit-packet-lines{stroke:#4f46e5}.orbit-einvoice-check{fill:#10b981;stroke:#f8fafc;stroke-width:2px}.orbit-einvoice-tick{stroke:#052e24;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round}.orbit-core{z-index:3;background:#02030a;border-radius:50%;place-items:center;width:132px;height:132px;padding-bottom:12px;display:grid;position:absolute;top:44%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 14px #c7d2fe55,0 0 34px #818cf840}.orbit-core img{width:52px;height:52px}.orbit-source,.orbit-output{z-index:4}.orbit-source{background:#f1f5f9;border:1px solid #cbd5e1;border-radius:7px;place-items:center;padding:9px 11px;display:grid;position:absolute;box-shadow:0 4px 14px #00000010}.orbit-source img{object-fit:contain;width:76px;height:23px}.orbit-wix img{width:43px}.orbit-source small{text-align:center;width:100%;color:var(--muted-foreground);font-size:10px;position:absolute;top:calc(100% + 7px);left:0}.orbit-shopify{top:12%;left:4%}.orbit-wix{top:15%;right:4%}.orbit-opencart{top:64%;left:4%}.orbit-output{border:1px solid var(--border);background:var(--card);border-radius:12px;width:180px;padding:14px;animation:4.2s ease-in-out infinite orbit-arrival;position:absolute;top:65%;right:2%;box-shadow:0 14px 32px #00000016}.orbit-output-heading{align-items:center;gap:7px;font-size:12px;font-weight:650;display:flex}.orbit-output-heading>span{color:#052e24;background:#10b981;border-radius:50%;place-items:center;width:20px;height:20px;animation:4.2s ease-out infinite orbit-stamp;display:grid}.orbit-output-paper{color:var(--primary-text);align-items:center;gap:10px;margin-top:12px;display:flex}.orbit-output-paper>div{flex:1}.orbit-output-paper b{color:var(--foreground);font-size:11px;font-weight:500}.orbit-output-paper i{background:var(--border);width:90%;height:2px;margin-top:5px;display:block}.orbit-output-paper i:last-child{width:60%}.orbit-output p{color:var(--muted-foreground);margin-top:10px;font-size:9px;line-height:1.5}.integration-orbit figcaption{justify-content:space-between;align-items:center;padding:12px 12px 0;font-size:12px;display:flex}.integration-orbit figcaption small{color:var(--muted-foreground);margin-top:5px;font-size:10px;display:block}.integration-orbit figcaption button{border:1px solid var(--border);background:var(--card);width:36px;height:36px;color:var(--foreground);border-radius:50%;place-items:center;display:grid}.integration-orbit figcaption button:disabled{opacity:.5;cursor:default}.integration-orbit[data-running=false] .orbit-disc-light,.integration-orbit[data-running=false] .orbit-streams path,.integration-orbit[data-running=false] .orbit-stream-out,.integration-orbit[data-running=false] .orbit-output,.integration-orbit[data-running=false] .orbit-output-heading>span{animation-play-state:paused}@keyframes orbit-turn{to{transform:rotate(360deg)}}@keyframes orbit-stream{to{stroke-dashoffset:-17px}}@keyframes orbit-arrival{0%,50%,72%,to{transform:translateY(0)}58%{transform:translateY(-4px)}}@keyframes orbit-stamp{0%,54%,to{transform:scale(1)}60%{transform:scale(1.35)}68%{transform:scale(1)}}html:not(.dark) .orbit-halo{background:radial-gradient(at 50% 44%,#6366f12e 0%,#6366f114 28%,#0000 60%)}html:not(.dark) .orbit-lensing{background:#1e1b4b;box-shadow:0 -3px 6px #a5b4fc,0 -8px 16px #6366f170,0 3px 8px #6366f150}html:not(.dark) .orbit-lensing:before{border-color:#4f46e5c0 #6366f140 #6366f140;box-shadow:0 -4px 12px #6366f150}html:not(.dark) .orbit-lensing:after{border-top-color:#6366f160;border-bottom-color:#6366f125}html:not(.dark) .orbit-core{background:radial-gradient(circle at 50% 40%,#312e81,#1e1b4b 70%);box-shadow:0 0 16px #6366f14d,0 10px 30px #4f46e540}html:not(.dark) .orbit-disc:before{background:radial-gradient(#0000 31%,#6366f150 39%,#4f46e5 44%,#818cf8 46%,#6366f170 50%,#0000 65%)}html:not(.dark) .orbit-disc-light{background:repeating-conic-gradient(#6366f115 0deg,#4f46e5 18deg,#818cf8 26deg,#6366f140 42deg,#4338ca 66deg,#6366f115 90deg)}html:not(.dark) .orbit-packet-paper{stroke:#6366f1}@container (max-width:480px){.orbit-core{width:88px;height:88px;padding-bottom:8px}.orbit-lensing{width:112px;height:112px}.orbit-core img{width:36px;height:36px}.orbit-source{padding:7px 9px}.orbit-source img{width:64px;height:20px}.orbit-wix img{width:36px}.orbit-source small{font-size:9px}.orbit-output{width:144px;padding:10px;inset:auto auto 0 57%;translate:-50%}.orbit-output-paper{margin-top:6px}.orbit-output p{margin-top:6px;font-size:8px}.orbit-packet:nth-child(3n){display:none}.orbit-streams path{stroke-width:2px}.integration-orbit figcaption{padding-top:20px}}@media (prefers-reduced-motion:reduce){.orbit-disc-light,.orbit-output,.orbit-output-heading>span,.orbit-streams path,.orbit-stream-out{animation:none}.orbit-packets,.orbit-einvoice{display:none}}
.explainer{padding-block:24px 64px}.explainer-frame{border:1px solid color-mix(in srgb,var(--primary) 18%,var(--border));background:var(--card);box-shadow:0 30px 80px -40px color-mix(in srgb,var(--primary) 45%,transparent);border-radius:20px;position:relative;overflow:hidden}.explainer-frame video{aspect-ratio:16/9;width:100%;height:auto;display:block}.explainer-play{background:color-mix(in srgb, var(--primary) 88%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;font:inherit;cursor:pointer;box-shadow:inset 0 1px 0 #ffffff6b, 0 18px 40px -14px color-mix(in srgb,var(--primary) 70%,transparent);border:1px solid #ffffff3d;border-radius:6px;align-items:center;gap:12px;padding:10px 22px 10px 10px;font-size:16px;font-weight:650;display:inline-flex;position:absolute;bottom:28px;left:50%;translate:-50%}.explainer-play span{background:#ffffff26;border-radius:50%;place-items:center;width:44px;height:44px;display:grid}.explainer-play:focus-visible{outline:3px solid var(--primary);outline-offset:3px}.explainer-note{color:var(--muted-foreground);text-align:center;margin-top:12px;font-size:12px}@media (max-width:767px){.explainer{padding-block:8px 40px}.explainer-frame{border-radius:14px}.explainer-play{font-size:14px;bottom:12px}.explainer-play span{width:36px;height:36px}}