/* Connected commerce: native UI and SVG, matching the approved revenue concept. */
.platform-head{display:flex;align-items:flex-start;justify-content:space-between;gap:2rem;margin-bottom:3.5rem}
.platform-head h2{max-width:52rem}
.platform-brand{width:7rem;height:auto;opacity:.45;margin-top:.4rem}
.platform-motion .platform-grid{gap:1.5rem}
.platform-motion .platform-grid article{display:flex;flex-direction:column;min-width:0}
.platform-motion .platform-grid h3{font-size:1.6rem;line-height:1.25;margin:1.65rem 0 0;min-height:0}
.platform-motion .platform-grid p{font-weight:300;margin:1rem 0 0;line-height:1.5}
.platform-motion .platform-grid .text-link{margin-top:auto;padding-top:1.65rem}
.platform-visual{position:relative;aspect-ratio:1.18;border-radius:.8rem;background:#f8f8fa;overflow:hidden;container-type:inline-size;isolation:isolate}
.platform-icon-tile{display:grid;place-items:center;width:19cqw;height:19cqw;border-radius:3.8cqw;background:white;color:var(--purple);box-shadow:0 2cqw 6cqw #1d175a06;flex:none}
.platform-icon-tile .icon{width:9cqw;height:9cqw;stroke-width:1.3}
.platform-rail{position:absolute;left:77%;height:100%;border-left:1px dashed #d6d3df}
.platform-rail-window{position:absolute;left:67.5%;width:19%;height:28%;overflow:hidden;mask-image:linear-gradient(transparent,#000 10%,#000 90%,transparent)}
.rail-above{top:5%}.rail-below{bottom:5%}
.platform-rail-items{display:flex;flex-direction:column;gap:5cqw;animation:platformRail 9.6s linear infinite;animation-play-state:paused}
.rail-below .platform-rail-items{animation-direction:reverse}
.platform-rail-items .icon{color:#706b8f}
.platform-connection{position:absolute;inset:0;width:100%;height:100%;overflow:visible;fill:none;stroke:#b8a0ef;stroke-width:1.15;stroke-dasharray:4 4}
.platform-connection .platform-signal{stroke:var(--purple);stroke-width:9;stroke-linecap:round;stroke-dasharray:.01 100;animation:platformSignal 9.6s ease-in-out infinite;animation-play-state:paused}
.platform-shop-tile{position:absolute;left:7%;top:calc(50% - 9.5cqw)}
.platform-emisell-tile{position:absolute;left:67.5%;top:calc(50% - 11cqw);width:22cqw;height:22cqw;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5cqw;background:#f0eaff;border:2px solid white;border-radius:4cqw;box-shadow:0 1cqw 6cqw #5825d91a;animation:platformBrandGlow 9.6s ease-in-out infinite;animation-play-state:paused}
.platform-emisell-tile img:first-child{width:6.5cqw;height:8cqw;object-fit:contain}
.platform-emisell-tile img:last-child{width:14cqw;height:auto}
.platform-payment{position:absolute;top:14%;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:1.3cqw;border-radius:4cqw;padding:1.4cqw 2.4cqw;white-space:nowrap;font-size:3.2cqw;color:#008844;background:#d8f5df;animation:platformPayment 9.6s ease both infinite;animation-play-state:paused}
.platform-payment .icon{width:4.5cqw;height:4.5cqw;stroke-width:1.8}
.platform-order-track{position:absolute;left:6%;right:6%;top:34%;height:24%;display:flex;align-items:center;justify-content:space-between}
.platform-track-line{position:absolute;left:8%;right:8%;top:50%;border-top:1px dashed #d4d0df;z-index:-1}
.platform-product img{width:75%;height:80%;object-fit:cover;border-radius:1cqw}
.platform-package{background:#f1eaff;outline:1px solid var(--purple);outline-offset:1cqw;transition:background .5s,box-shadow .5s;z-index:1}
.platform-package .icon{width:11cqw;height:11cqw}
.platform-delivery{color:#78718f;transition:color .5s,background .5s}
.platform-track-dot{position:absolute;top:calc(50% - .6cqw);left:20%;width:1.2cqw;height:1.2cqw;border-radius:50%;background:var(--purple);animation:platformPackageTravel 9.6s ease infinite;animation-play-state:paused}
.platform-order-record{position:absolute;left:6%;right:6%;bottom:13%;border-radius:3cqw;padding:3cqw 4cqw;background:#fff}
.platform-order-record strong{display:block;font-size:3.6cqw;font-weight:500;margin-bottom:3cqw}
.platform-order-steps{display:flex;align-items:center;gap:2cqw;white-space:nowrap}
.platform-step{display:flex;align-items:center;gap:1.7cqw;font-size:3cqw;color:#8c87a3;transition:color .5s}
.platform-step i{display:grid;place-items:center;font-style:normal;width:4.8cqw;height:4.8cqw;background:#eae9ef;border-radius:50%;color:#fff;font-size:3.2cqw;transition:background .5s,box-shadow .5s}
.platform-step i:empty:after{content:'';width:1.5cqw;height:1.5cqw;border-radius:50%;background:#a6a1b5}
.platform-step.step-paid{color:#008f4c}.step-paid i{background:#049c55}
.platform-order-steps b{flex:1;min-width:3cqw;height:1px;background:#d7d2e2;transition:background .5s}
[data-phase="processing"] .step-processing,[data-phase="shipping"] .step-processing,[data-phase="shipping"] .step-shipped{color:var(--purple)}
[data-phase="processing"] .step-processing i,[data-phase="shipping"] .step-processing i,[data-phase="shipping"] .step-shipped i{background:var(--purple);box-shadow:0 0 0 1cqw #5825d90c}
[data-phase="processing"] .step-processing i:after,[data-phase="shipping"] .step-processing i:after,[data-phase="shipping"] .step-shipped i:after{background:#ffffff90}
[data-phase="processing"] .platform-package{box-shadow:0 0 6cqw #5825d926}
[data-phase="shipping"] .platform-delivery{color:var(--purple);background:#f0eaff}
[data-phase="shipping"] .platform-order-steps b{background:#b394ed}
.analytics-visual{padding:0}
.platform-revenue-head{display:flex;justify-content:space-between;gap:2cqw;align-items:center;font-size:3.25cqw;color:#5a557e;margin:7cqw 6.5cqw 0}
.platform-demo-tag{padding:.6cqw 2.5cqw;border-radius:4cqw;background:#ede8fa;font-size:2.65cqw;color:#81769f}
.platform-revenue-number{display:block;font-size:9.1cqw;font-weight:500;letter-spacing:-.04em;line-height:1.25;margin:2cqw 6.5cqw 0;white-space:nowrap;font-variant-numeric:tabular-nums}
.platform-revenue-comparison{display:flex;gap:4cqw;align-items:center;margin:2cqw 6.5cqw 0;font-size:3cqw}
.platform-growth-badge{display:inline-flex;align-items:center;padding:1.2cqw 2.8cqw;border-radius:5cqw;color:#008747;background:#d8f5df;font-weight:500;opacity:1;transform:translateY(0);transition:opacity .4s,transform .4s}
.platform-animation-ready .platform-growth-badge:not(.is-revealed){opacity:0;transform:translateY(5px)}
.platform-chart-wrap{position:absolute;left:4%;right:4%;bottom:5.5%;height:58%}
.platform-revenue-chart{width:100%;height:calc(100% - 5.5cqw);overflow:visible}
.platform-baseline-stroke{fill:none;stroke:#c5c4cc;stroke-width:1.7}
.platform-growth-line{fill:none;stroke:var(--purple);stroke-width:2.3;stroke-linecap:round}
.platform-implementation-guide{stroke:#bab0cc;stroke-width:1;stroke-dasharray:5 5}
.platform-chart-start,.platform-chart-end{fill:var(--purple)}
.platform-chart-start{stroke:white;stroke-width:2.5}
.platform-chart-label{position:absolute;top:32%;left:38%;display:flex;align-items:center;justify-content:center;gap:2cqw;white-space:nowrap;padding:2cqw 3.2cqw;border-radius:2.5cqw;background:#fff;box-shadow:0 1cqw 5cqw #1d175a08;font-size:2.8cqw;transition:opacity .35s,transform .35s}
.platform-chart-label img{width:3.8cqw;height:4.5cqw;object-fit:contain}
.platform-chart-axis{display:flex;justify-content:space-between;border-top:1px solid #e6e3ec;padding-top:1.3cqw;color:#9790ab;font-size:2.75cqw;line-height:1}
.platform-motion-footer{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:2.5rem;color:#8c84a7}
.platform-motion-footer small{font-size:.7rem}
.platform-motion-toggle{display:flex;align-items:center;gap:.55rem;padding:.4rem 0;font-size:.7rem;color:#8c84a7}
.platform-motion-toggle:hover{color:var(--purple)}
.platform-pause-icon{width:.45rem;height:.65rem;border-left:1px solid;border-right:1px solid}
.platform-motion-toggle[aria-pressed="true"] .platform-pause-icon{height:0;width:0;border-top:.3rem solid transparent;border-bottom:.3rem solid transparent;border-left:.45rem solid currentColor;border-right:0}
.platform-motion.is-playing .platform-rail-items,.platform-motion.is-playing .platform-signal,.platform-motion.is-playing .platform-emisell-tile,.platform-motion.is-playing .platform-payment,.platform-motion.is-playing .platform-track-dot{animation-play-state:running}
@keyframes platformRail{0%,12%{transform:translateY(0)}42%,62%{transform:translateY(-24cqw)}92%,100%{transform:translateY(-48cqw)}}
@keyframes platformSignal{0%,8%{stroke-dashoffset:100;opacity:0}12%{opacity:1}48%{stroke-dashoffset:0;opacity:1}52%,100%{stroke-dashoffset:0;opacity:0}}
@keyframes platformBrandGlow{0%,20%,100%{box-shadow:0 1cqw 6cqw #5825d912}38%,65%{box-shadow:0 0 8cqw #5825d932}}
@keyframes platformPayment{0%{opacity:0;transform:translate(-50%,6px)}12%,94%{opacity:1;transform:translate(-50%,0)}100%{opacity:0;transform:translate(-50%,0)}}
@keyframes platformPackageTravel{0%,10%{left:20%;opacity:0}15%{opacity:1}34%,55%{left:49%;opacity:1}78%{left:83%;opacity:1}86%,100%{left:83%;opacity:0}}
@media(min-width:768px) and (max-width:1100px){.platform-head h2{font-size:3rem}.platform-brand{width:5.5rem}.platform-motion .platform-grid h3{font-size:1.35rem}.platform-motion .platform-grid p{font-size:.95rem}}
@media(max-width:767px){.platform-head{margin-bottom:2.5rem}.platform-head h2{font-size:2.6rem}.platform-brand{display:none}.platform-motion .platform-grid{gap:3rem;max-width:34rem;margin:auto}.platform-motion .platform-grid h3{font-size:1.7rem;margin-top:1.4rem}.platform-motion .platform-grid .text-link{padding-top:1.25rem}.platform-motion-footer{max-width:34rem;margin:2rem auto 0}.platform-visual{aspect-ratio:1.18}}
@media(max-width:479px){.platform-head h2{font-size:2rem}.platform-motion .platform-grid h3{font-size:1.5rem}.platform-motion-footer{gap:.5rem;flex-wrap:wrap}.platform-motion-footer small,.platform-motion-toggle{font-size:.65rem}}
@media(prefers-reduced-motion:reduce){.platform-motion-toggle{display:none}.platform-motion-footer{justify-content:flex-end}.platform-growth-badge{opacity:1!important;transform:none!important}}