.ecom{--ecom-accent:var(--color-signal);--ecom-on-accent:var(--color-on-signal);--ecom-accent-soft:color-mix(in srgb, var(--color-signal) 10%, transparent);--ecom-glow-warm:color-mix(in srgb, var(--color-cyan) 16%, transparent);--ecom-glow-cool:color-mix(in srgb, var(--color-signal) 14%, transparent);--ecom-route:color-mix(in srgb, var(--color-signal) 40%, transparent);--ecom-band-from:#1f4390;--ecom-band-to:#0f2557;--ecom-band-fg:#fff;--ecom-band-muted:#ffffffb8}.dark .ecom{--ecom-band-from:#1b2c5c;--ecom-band-to:#0b1326;--ecom-band-fg:#eef2fc;--ecom-band-muted:#eef2fcb3}.ecom-hero-bg{background:radial-gradient(60% 55% at 85% 20%, var(--ecom-glow-warm), transparent 70%), radial-gradient(55% 60% at 10% 85%, var(--ecom-glow-cool), transparent 70%)}.ecom-board{background-image:radial-gradient(circle at 1px 1px, var(--color-line-strong) 1px, transparent 0);background-size:18px 18px}.ecom-route{stroke:var(--ecom-route);stroke-width:1.5px;fill:none;stroke-dasharray:4 5}.ecom-route-live{stroke:var(--ecom-accent);stroke-width:2px;fill:none;stroke-dasharray:18 220;animation:3.2s linear infinite ecom-flow}@keyframes ecom-flow{0%{stroke-dashoffset:238px}to{stroke-dashoffset:0}}.ecom-pulse:after{content:"";border:1.5px solid var(--ecom-accent);opacity:0;border-radius:9999px;animation:2.6s ease-out infinite ecom-pulse;position:absolute;inset:-5px}@keyframes ecom-pulse{0%{opacity:.7;transform:scale(.7)}to{opacity:0;transform:scale(1.6)}}.ecom-band{background:radial-gradient(50% 120% at 100% 0%, #93a8ff40, transparent 60%), linear-gradient(135deg, var(--ecom-band-from), var(--ecom-band-to));color:var(--ecom-band-fg)}@media (prefers-reduced-motion:reduce){.ecom-route-live,.ecom-pulse:after{animation:none}.ecom-route-live{stroke-dasharray:none;opacity:.6}}