@layer app-theme{.service-motion{position:relative;isolation:isolate;overflow:hidden;margin:18px 0 22px;padding:28px 8px 18px;border-radius:14px;border:1px solid #deebf6;background:linear-gradient(135deg,#f7fbff,#eaf5ff)}.service-motion-halo{position:absolute;z-index:0;inset:-35%;pointer-events:none;background:radial-gradient(ellipse at 20% 35%,#65baff44,transparent 65%)}.service-motion-nodes{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.service-motion-node{position:relative;display:grid;justify-items:center;gap:14px;font-size:10px;color:#49708d;text-align:center}.service-motion-node:not(:last-child):after{content:"›";position:absolute;right:-8px;top:10px;color:#85b5d8;font-size:24px}.service-motion-icon{display:grid;place-items:center;height:46px;width:46px;border:1px solid #c7e2f4;background:#fff;border-radius:12px;box-shadow:0 7px 18px -12px #2277b6}.service-motion-icon svg{width:26px;height:26px;stroke:#458bbf;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}@media(prefers-reduced-motion:no-preference){.service-motion-icon{animation:service-signal 9s ease-in-out infinite}.service-motion-node:nth-child(2) .service-motion-icon{animation-delay:3s}.service-motion-node:nth-child(3) .service-motion-icon{animation-delay:6s}.service-motion-halo{animation:service-halo 9s ease-in-out infinite alternate}.service-motion[data-running=false] *{animation-play-state:paused}.analytics-demo-panel:after{animation:analytics-panel-light 12s ease-in-out infinite}.analytics-demo-panel:nth-child(2):after{animation-delay:4s}.analytics-demo-panel:nth-child(3):after{animation-delay:8s}.analytics-demo[data-running=false] .analytics-demo-panel:after{animation-play-state:paused}}.analytics-demo-panel{position:relative}.analytics-demo-panel:after{content:"";position:absolute;inset:0;border:1px solid #a2d1f1;border-radius:inherit;box-shadow:0 18px 42px -22px #278bd477;opacity:0;pointer-events:none}@keyframes service-signal{0%,33%,to{transform:none}8%,24%{transform:translateY(-5px)}}@keyframes service-halo{to{transform:translate(12%);opacity:.5}}@keyframes analytics-panel-light{0%,34%,to{opacity:0}10%,24%{opacity:1}}}@layer app-theme{.analytics-demo-meta{display:flex;align-items:center;flex-wrap:wrap;gap:10px 16px;margin:24px 0 20px;font-size:12px;color:#627587}.analytics-demo-badge{padding:6px 10px;border:1px solid #cde2f3;background:#edf7ff;border-radius:8px;color:#12578e;font-weight:600}.analytics-demo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.analytics-demo-panel{display:flex;flex-direction:column;min-width:0;padding:26px;border:1px solid #dce8f2;border-radius:20px;background:linear-gradient(145deg,#fff,#f7fbff);box-shadow:0 12px 32px -22px #24587933}.analytics-demo-panel header{display:flex;gap:10px;align-items:center;min-height:44px}.marketing-page .analytics-demo-panel h3{color:#283e50;font-size:15px;line-height:1.5}.analytics-demo-number{flex-shrink:0;display:grid;place-items:center;width:30px;height:30px;border:1px solid #d7e8f5;border-radius:9px;font-size:11px;font-weight:700;color:#176eb5;background:#eaf5ff}.analytics-demo-metric{display:flex;flex-direction:column;gap:2px;margin:24px 0 16px}.analytics-demo-metric>strong{color:#243b50;font-size:clamp(28px,2.5vw,38px);line-height:1.3;letter-spacing:-.04em;font-variant-numeric:tabular-nums}.analytics-demo-metric small{font-size:15px;font-weight:500;letter-spacing:0}.analytics-demo-metric>span{font-size:12px;color:#627587}.analytics-demo-chart{display:block;width:100%;height:auto;min-height:180px;overflow:visible}.analytics-demo-chart text{fill:#627587;text-anchor:middle;font-size:10px}.analytics-demo-gridline{stroke:#e0eaf2;stroke-width:1}.analytics-demo-line{fill:none;stroke:#2588cf;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.analytics-demo-area{fill:#e5f3fd}.analytics-demo-point{fill:#fff;stroke:#2588cf;stroke-width:2;transform-box:fill-box;transform-origin:center}.analytics-demo-panel>p{margin-top:auto;padding-top:24px;color:#627587;font-size:12px;line-height:1.7}.analytics-demo-stack{display:flex;height:18px;gap:3px;overflow:hidden;border-radius:6px;margin:16px 0 20px}.analytics-demo-stack i{transform-origin:left}.analytics-demo [data-cost="0"]{background:#176eb5}.analytics-demo [data-cost="1"]{background:#4b9cd7}.analytics-demo [data-cost="2"]{background:#85bee7}.analytics-demo [data-cost="3"]{background:#b4d8f1}.analytics-demo [data-cost="4"]{background:#31536f}.analytics-demo-costs{margin:0;display:grid;gap:9px;font-size:12px}.analytics-demo-costs>div,.analytics-demo-products li>div:first-child{display:flex;justify-content:space-between;gap:12px;align-items:center}.analytics-demo-costs dt{display:flex;gap:8px;align-items:center;color:#50677a}.analytics-demo-costs dt i{width:8px;height:8px;border-radius:2px}.analytics-demo-costs dd{margin:0;color:#283e50;font-variant-numeric:tabular-nums}.analytics-demo-products ol{list-style:none;padding:0;margin:16px 0 0;display:grid;gap:18px}.analytics-demo-products li{font-size:12px;color:#50677a}.analytics-demo-products li small{font-size:11px;color:#627587}.analytics-demo-bar{height:8px;background:#e5eef5;border-radius:5px;margin:8px 0 3px;overflow:hidden}.analytics-demo-bar i{display:block;height:100%;background:linear-gradient(90deg,#9dd1f5,#2588cf);border-radius:inherit;transform-origin:left}.analytics-demo-tracer{fill:#fff;stroke:#2588cf;stroke-width:2;opacity:0}@media(prefers-reduced-motion:no-preference){.analytics-demo-tracer{animation:analytics-light-travel 8s ease-in-out infinite}.analytics-demo-area{animation:analytics-area-enter 2.2s ease-out both}.analytics-demo-products li:nth-child(2) .analytics-demo-bar i{animation-delay:.18s}.analytics-demo-products li:nth-child(3) .analytics-demo-bar i{animation-delay:.36s}.analytics-demo-line{stroke-dasharray:1;animation:analytics-trace 1.8s cubic-bezier(.22,1,.36,1) both}.analytics-demo-point{animation:analytics-point 1.8s cubic-bezier(.22,1,.36,1) both}.analytics-demo-stack i{animation:analytics-cost 1.8s cubic-bezier(.22,1,.36,1) both}.analytics-demo-bar i{animation:analytics-rank 1.8s cubic-bezier(.22,1,.36,1) both}.analytics-demo[data-running=false] *{animation-play-state:paused}}@keyframes analytics-light-travel{0.00%{transform:translate(24px,134px);opacity:0}16.67%{transform:translate(72px,109px);opacity:1}33.33%{transform:translate(120px,121.5px);opacity:1}50.00%{transform:translate(168px,84px);opacity:1}66.67%{transform:translate(216px,96.5px);opacity:1}83.33%{transform:translate(264px,71.5px);opacity:1}100.00%{transform:translate(312px,46.5px);opacity:0}}@keyframes analytics-area-enter{0%{opacity:.1;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes analytics-trace{0%{stroke-dashoffset:1}to{stroke-dashoffset:0}}@keyframes analytics-point{0%{opacity:.3}to{opacity:1}}@keyframes analytics-cost{0%{transform:scaleX(.85);opacity:.4}to{transform:scaleX(1);opacity:1}}@keyframes analytics-rank{0%{transform:scaleX(.8);opacity:.4}to{transform:scaleX(1);opacity:1}}@media(max-width:1000px){.analytics-demo-grid{gap:12px}.analytics-demo-panel{padding:18px}}@media(max-width:760px){.analytics-demo-grid{grid-template-columns:1fr;gap:16px}.analytics-demo-panel{padding:24px}.analytics-demo-chart{max-height:220px}.analytics-demo .marketing-section-heading{align-items:flex-start}}}@layer app-theme{.marketing-page .fulfillment-demo{position:relative;padding:30px 26px 22px;min-width:0;overflow:hidden;background:radial-gradient(ellipse at 60% 35%,#fff,#eff7fc 75%);border:1px solid #d3e5f1;box-shadow:0 32px 70px -48px #25608c66}.demo-kicker{color:#587d98;font-size:10px;font-weight:600;letter-spacing:.14em}.marketing-page .demo-heading h2{font-size:clamp(22px,2.3vw,30px);margin:12px 0 0;letter-spacing:-.035em}.demo-scene{position:relative;padding-top:24px}.journey-map{position:relative;width:calc(100% + 32px);margin:14px -16px 18px;aspect-ratio:720 / 340}.journey-land,.journey-routes{position:absolute;inset:0;width:100%;height:100%}.journey-land{opacity:.85}.journey-routes{overflow:visible}.journey-guide{stroke:#8cbbd3;stroke-width:1;stroke-dasharray:3 6;opacity:.55}.journey-order-route{stroke:#71aacb;stroke-width:1.7}.journey-shipping-route{stroke:#287db4;stroke-width:2}.journey-pin-disc{fill:#fff;stroke:#5095c1;stroke-width:1.5}.journey-pulse{fill:#61b2e4;opacity:.15;transform-box:fill-box;transform-origin:center}.journey-icon{stroke:#307cae;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.journey-pin[data-lit=true] .journey-pin-disc{fill:#e8f6ff;stroke:#1e7db9}.journey-order-packet,.journey-parcel{fill:#fff;stroke:#216d9f;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;offset-rotate:0deg}.journey-order-packet{transform:translate(594px,122px)}.journey-parcel{transform:translate(160px,94px)}.journey-pack{stroke:#287db4;stroke-width:1.5;stroke-linejoin:round;fill:#fff}.journey-pack-check{fill:none}.journey-place{position:absolute;color:#456c86;font-size:10px;white-space:nowrap;transform:translate(-50%)}.journey-customer{left:22.22%;top:36%}.journey-factory{left:82.5%;top:44%}.demo-moment{display:flex;align-items:flex-start;gap:12px;padding:22px 4px 8px;border-top:1px solid #d5e5ee;min-height:128px}.journey-status-dot{flex-shrink:0;height:7px;width:7px;margin-top:5px;border-radius:50%;background:#398bbd;box-shadow:0 0 0 4px #deeff9}.journey-time{display:block;color:#648298;font-size:10px;letter-spacing:.04em}.marketing-page .demo-moment h3{margin:7px 0;font-size:20px;color:#264e6a}.marketing-page .demo-moment p{font-size:12px;line-height:1.7;color:#59778c;max-width:410px}.marketing-page .demo-disclaimer{margin-top:16px;font-size:10px;line-height:1.6;color:#6a8599}@media(prefers-reduced-motion:no-preference){.demo-moment{animation:journey-caption .65s cubic-bezier(.22,1,.36,1) both}.journey-pin[data-lit=true] .journey-pulse{animation:journey-pulse 1.7s ease-out infinite}.journey-pack-check{stroke-dasharray:20;animation:journey-check 3.4s ease both}.fulfillment-demo[data-running=false] .demo-scene *{animation-play-state:paused}}@keyframes journey-caption{0%{opacity:.3;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes journey-pulse{0%{transform:scale(.7);opacity:.35}to{transform:scale(1.8);opacity:0}}@keyframes journey-check{0%,30%{stroke-dashoffset:20}65%,to{stroke-dashoffset:0}}@media(max-width:620px){.marketing-page .fulfillment-demo{padding:24px 18px 20px}.journey-map{width:calc(100% + 24px);margin-inline:-12px;margin-block:24px}.journey-place{font-size:9px}.demo-moment{min-height:140px}.marketing-page .demo-moment h3{font-size:18px}}}
