.agent-run-stage{isolation:isolate;background:var(--sky-gradient);border-radius:20px;padding:clamp(16px,5vw,64px) clamp(12px,5vw,64px) 0;position:relative;overflow:hidden}.agent-run-stage--compact{padding:clamp(12px,3.5vw,40px) clamp(12px,4vw,48px) 0}.agent-run-window{background:var(--surface);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;border-radius:18px 18px 0 0;overflow:hidden;box-shadow:0 0 0 1px #1018280f,0 30px 80px -24px #0a1e7873}.agent-run-timeline>li{position:relative}.agent-run-timeline>li:not(:last-child):before{content:"";background:var(--border);width:1px;position:absolute;top:28px;bottom:-6px;left:13px}.agent-run-appear{animation:.5s cubic-bezier(.23,1,.32,1) both agent-run-appear}@keyframes agent-run-appear{0%{opacity:0;filter:blur(4px);translate:0 8px}}.agent-run-attention{box-shadow:0 0 0 1px color-mix(in srgb, var(--brand) 40%, transparent), 0 0 0 4px color-mix(in srgb, var(--brand) 12%, transparent), 0 12px 28px -12px color-mix(in srgb, var(--brand) 40%, transparent)}.campaign-demo-cursor{z-index:20;pointer-events:none;opacity:0;width:20px;height:22px;transition:translate .5s cubic-bezier(.65,0,.35,1),opacity .25s ease-out;position:absolute;top:0;left:0;translate:70% 90%}.campaign-demo-cursor[data-visible=true]{opacity:1}.campaign-demo-cursor__arrow{filter:drop-shadow(0 2px 3px #00000040);transform-origin:15% 10%;width:100%;height:100%;display:block}.campaign-demo-cursor__label{background:var(--brand);color:#fff;font-family:var(--font-ui);font-size:var(--text-scene-meta);white-space:nowrap;border-radius:9999px 9999px 9999px 4px;padding:2px 8px;font-weight:500;line-height:16px;position:absolute;top:18px;left:14px;box-shadow:0 4px 10px -4px #0a1e7873}.campaign-demo-cursor__ripple{background:color-mix(in srgb, var(--brand) 35%, transparent);opacity:0;border-radius:9999px;width:28px;height:28px;position:absolute;top:-12px;left:-12px;scale:.2}.campaign-demo-cursor[data-pressed=true] .campaign-demo-cursor__arrow{animation:.32s cubic-bezier(.23,1,.32,1) campaign-demo-press}.campaign-demo-cursor[data-pressed=true] .campaign-demo-cursor__ripple{animation:.6s cubic-bezier(.23,1,.32,1) campaign-demo-ripple}@keyframes campaign-demo-press{45%{scale:.82}}@keyframes campaign-demo-ripple{0%{opacity:1;scale:.2}to{opacity:0;scale:1.6}}@media (prefers-reduced-motion:reduce){.agent-run-appear{animation:none}.campaign-demo-cursor{display:none}}
.Q4Z_2q_artwork{--automation-face:var(--surface);--automation-side:var(--bg);-webkit-mask-image:linear-gradient(#000 18%,#000000d9 40%,#0006 65%,#0000 88%);mask-image:linear-gradient(#000 18%,#000000d9 40%,#0006 65%,#0000 88%)}.Q4Z_2q_artwork :is(path,circle,ellipse){vector-effect:non-scaling-stroke}.Q4Z_2q_channelNeutral,.Q4Z_2q_hubNeutral{opacity:1;transition:opacity .24s}.Q4Z_2q_channelAccent,.Q4Z_2q_hubAccent,.Q4Z_2q_beamWindow{opacity:0;transition:opacity .24s}.Q4Z_2q_packet{opacity:1;transform-box:fill-box;transition:transform 0s .24s,opacity 0s .24s;transform:translate(-24px)}.Q4Z_2q_hubLift{transform-box:fill-box;transition:transform .6s cubic-bezier(.45,0,.55,1);transform:translateY(0)}.Q4Z_2q_artwork[data-active=true] .Q4Z_2q_beamWindow{opacity:1;transition-duration:.12s}.Q4Z_2q_artwork[data-active=true] .Q4Z_2q_packet{opacity:0;transition:transform 1s linear,opacity .18s .82s;transform:translate(74px)}.Q4Z_2q_artwork[data-active=true] .Q4Z_2q_channelNeutral{opacity:0;transition-delay:.9s}.Q4Z_2q_artwork[data-active=true] .Q4Z_2q_channelAccent{opacity:1;transition-delay:.9s}.Q4Z_2q_artwork[data-active=true] .Q4Z_2q_hubLift{transition-duration:.9s;transition-delay:1s;transform:translateY(-8px)}.Q4Z_2q_artwork[data-active=true] .Q4Z_2q_hubNeutral{opacity:0;transition-delay:1.9s}.Q4Z_2q_artwork[data-active=true] .Q4Z_2q_hubAccent{opacity:1;transition-duration:.4s;transition-delay:1.9s}@media (prefers-reduced-motion:reduce){.Q4Z_2q_artwork .Q4Z_2q_beamWindow{display:none}.Q4Z_2q_artwork .Q4Z_2q_hubLift{transform:none}.Q4Z_2q_artwork :is(.Q4Z_2q_channelNeutral,.Q4Z_2q_channelAccent,.Q4Z_2q_hubNeutral,.Q4Z_2q_hubAccent,.Q4Z_2q_hubLift){transition:none}}
.shopify-scene{--shopify:#008060;--shopify-ink:#fff;--shopify-soft:color-mix(in srgb, var(--shopify) 10%, var(--surface));--shopify-admin:#1a1a1a}:root.dark .shopify-scene{--shopify:#36b37e;--shopify-ink:#0b1f17;--shopify-admin:#0f0f0f}.shopify-stage{isolation:isolate;background:var(--bg);position:relative;overflow:hidden}.shopify-stage:before{content:"";z-index:-1;background-image:radial-gradient(var(--border) 1px, transparent 1px);pointer-events:none;background-size:18px 18px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(at 50% 45%,#000 25%,#0000 80%);mask-image:radial-gradient(at 50% 45%,#000 25%,#0000 80%)}.shopify-wire{background-image:linear-gradient(90deg, var(--border) 50%, transparent 50%);background-position:50%;background-repeat:repeat-x;background-size:6px 1px;position:relative}.shopify-wire-packet{background:var(--shopify);width:8px;height:8px;box-shadow:0 0 0 4px color-mix(in srgb, var(--shopify) 18%, transparent);border-radius:9999px;animation:.9s cubic-bezier(.65,0,.35,1) both shopify-packet;position:absolute;top:50%;left:0;translate:-50% -50%}@keyframes shopify-packet{0%{opacity:0;left:0}15%{opacity:1}to{opacity:0;left:100%}}.shopify-message-in{animation:.42s cubic-bezier(.23,1,.32,1) .6s both shopify-message-in}@keyframes shopify-message-in{0%{opacity:0;translate:0 8px;scale:.97}}@media (prefers-reduced-motion:reduce){.shopify-wire-packet{display:none}.shopify-message-in{animation:none}}
