.commerce-hero{min-height:900px;padding:145px 0 90px;overflow:hidden;position:relative;background:radial-gradient(circle at 76% 38%,#ffa50017,transparent 27%),linear-gradient(180deg,#071523,#0d1b2a)}.commerce-hero:after{content:"";position:absolute;inset:0;background-image:linear-gradient(#fff04 1px,transparent 1px),linear-gradient(90deg,#fff04 1px,transparent 1px);background-size:50px 50px;mask-image:linear-gradient(#000,transparent 90%);pointer-events:none}.commerce-hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:.88fr 1.12fr;gap:55px;align-items:center}.breadcrumb{display:flex;gap:10px;color:#71869a;font-size:11px;margin-bottom:32px}.breadcrumb a:hover{color:var(--orange)}.commerce-copy h1{font-size:clamp(52px,5.3vw,78px);max-width:650px}.commerce-copy>p{max-width:610px;color:#bdc9d5;font-size:18px;line-height:1.75}
.orbit-stage{position:relative;height:650px}.orbit-ring{position:absolute;left:50%;top:50%;border:1px solid #496078;border-radius:50%;transform:translate(-50%,-50%)}.ring-one{width:500px;height:500px;animation:orbitGlow 5s infinite}.ring-two{width:330px;height:330px;border-color:#ffa50055;animation:orbitGlow 5s -2.5s infinite}.orbit-core{position:absolute;left:50%;top:50%;width:190px;height:190px;padding:28px;display:grid;place-items:center;border:1px solid var(--orange);border-radius:50%;background:#0a1b2c;box-shadow:0 0 65px #ffa50020;transform:translate(-50%,-50%);z-index:3}.orbit-core img{width:100%}.orbit-logo{position:absolute;width:126px;height:74px;padding:15px;display:grid;place-items:center;background:#f8fafc;border:1px solid #ced8e2;border-radius:12px;box-shadow:0 18px 45px #0008;z-index:4;animation:float 5s ease-in-out infinite}.orbit-logo img{max-width:100%;max-height:40px;object-fit:contain}.o1{left:5%;top:13%}.o2{right:2%;top:15%;animation-delay:-.8s}.o3{left:-2%;top:48%;animation-delay:-1.6s}.o4{right:-2%;top:49%;animation-delay:-2.4s}.o5{left:12%;bottom:5%;animation-delay:-3.2s}.o6{right:10%;bottom:4%;animation-delay:-4s}.pulse-data{position:absolute;color:#ffa500;font-size:9px;letter-spacing:.15em;z-index:2;animation:dataPulse 3s infinite}.p1{left:47%;top:9%}.p2{left:14%;top:39%;animation-delay:-1s}.p3{right:14%;bottom:35%;animation-delay:-2s}@keyframes orbitGlow{50%{box-shadow:0 0 40px #ffa50016;border-color:#ffa50080}}@keyframes dataPulse{50%{opacity:.25;transform:scale(.85)}}
.channel-rail{padding:28px 0;background:#f5f8fb;color:#0d1b2a;border-block:1px solid #dfe7ef;overflow:hidden}.rail-title{text-align:center;margin-bottom:22px;font-size:10px;font-weight:800;letter-spacing:.14em;color:#718398}.logo-marquee{overflow:hidden}.logo-track{width:max-content;display:flex;gap:16px;animation:logoRail 36s linear infinite}.logo-track>div{width:175px;height:82px;padding:20px;display:grid;place-items:center;background:#fff;border:1px solid #dce4ec;border-radius:10px}.logo-track img{max-height:40px;max-width:130px;object-fit:contain}@keyframes logoRail{to{transform:translateX(calc(-50% - 8px))}}
.single-source,.order-center,.fulfillment,.roadmap{background:#091827;border-block:1px solid var(--line)}.source-grid,.custom-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.source-grid article,.custom-grid article{min-height:275px;padding:28px;background:#102237;border:1px solid var(--line);border-radius:13px;transition:.3s}.source-grid article:hover,.custom-grid article:hover{transform:translateY(-5px);border-color:#ffa50070}.source-grid span,.custom-grid span{color:var(--orange);font-size:10px}.source-grid h3,.custom-grid h3{margin-top:65px;font-size:23px}.source-grid p,.custom-grid p{color:var(--muted);font-size:13px;line-height:1.7}
.order-grid,.fulfillment-grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:60px;align-items:center}.fulfillment-grid{grid-template-columns:1.22fr .78fr}.feature-copy h2{margin:16px 0 24px;font-size:clamp(40px,4.5vw,64px);line-height:1.03;letter-spacing:-.055em}.feature-copy>p{color:var(--muted);line-height:1.8}.feature-points{display:grid;gap:11px;margin-top:28px}.feature-points>div{padding:16px 18px;border-left:1px solid var(--orange);background:#102237}.feature-points b,.feature-points small{display:block}.feature-points small{color:var(--muted);margin-top:5px;line-height:1.5}
.order-console{position:relative;min-height:570px;padding:30px;background:#edf3f8;color:#0d1b2a;border:1px solid #41566c;border-radius:16px;overflow:hidden;box-shadow:0 35px 90px #0008}.console-head,.delivery-head{display:flex;justify-content:space-between;align-items:center}.console-head small,.console-head b{display:block}.console-head small{font-size:9px;color:#7b8fa2}.console-head b{font-size:27px;margin-top:5px}.console-head>span,.delivery-head>span{padding:7px 10px;background:#dff8ee;color:#119a6a;border-radius:20px;font-size:10px}.console-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:27px 0}.console-stats div{padding:15px;background:#fff;border:1px solid #d7e1ea;border-radius:9px}.console-stats small,.console-stats b{display:block}.console-stats small{font-size:8px;color:#7e91a4}.console-stats b{font-size:22px;margin-top:7px}.order-row{position:relative;z-index:2;display:grid;grid-template-columns:85px 1fr auto 12px;gap:15px;align-items:center;margin:10px 0;padding:18px;background:#fff;border:1px solid #d7e1ea;border-radius:10px}.order-row img{max-width:74px;max-height:27px}.order-row b,.order-row small{display:block}.order-row small{color:#8293a4;font-size:10px;margin-top:5px}.order-row>span{font-size:10px;color:#4d6680}.order-row>i{width:8px;height:8px;border-radius:50%;background:#24bf86;box-shadow:0 0 0 5px #24bf8615}.flow-light{position:absolute;left:0;right:0;height:1px;top:26%;background:linear-gradient(90deg,transparent,#ffa500,transparent);box-shadow:0 0 12px #ffa500;animation:flowLight 6s ease-in-out infinite}@keyframes flowLight{50%{top:88%;opacity:.4}}
.sync-section{background:radial-gradient(circle at 50% 55%,#ffa5000d,transparent 32%)}.sync-board{position:relative;height:560px;border:1px solid var(--line);border-radius:17px;background:#091827;overflow:hidden}.stock-core{position:absolute;z-index:3;left:50%;top:50%;width:210px;height:210px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid var(--orange);border-radius:50%;background:#102237;box-shadow:0 0 65px #ffa5001f;transform:translate(-50%,-50%)}.stock-core small{color:var(--orange);font-size:9px}.stock-core strong{font-size:14px;margin-top:10px}.stock-core b{font-size:48px;margin-top:8px}.stock-core span{color:var(--muted);font-size:10px}.stock-core i{position:absolute;inset:-14px;border:1px dashed #ffa50055;border-radius:50%;animation:spin 16s linear infinite}.sync-channel{position:absolute;z-index:3;width:175px;height:95px;padding:18px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:#fff;border:1px solid #d9e2eb;border-radius:12px;color:#0d1b2a;box-shadow:0 18px 40px #0006}.sync-channel img{max-width:100px;max-height:34px}.sync-channel b{font-size:8px;color:#13a873}.sc1{left:9%;top:10%}.sc2{right:9%;top:10%}.sc3{left:9%;bottom:10%}.sc4{right:9%;bottom:10%}.sync-board svg{position:absolute;inset:0;width:100%;height:100%}.sync-board path{fill:none;stroke:#ffa50055;stroke-width:1.5;stroke-dasharray:7 8;animation:dash 12s linear infinite}@keyframes dash{to{stroke-dashoffset:-150}}@keyframes spin{to{transform:rotate(360deg)}}.sync-note{color:#71879c;font-size:12px;text-align:center}
.integration-catalog{background:#102033}.catalog-groups{display:grid;gap:16px}.catalog-group{display:grid;grid-template-columns:260px 1fr;gap:30px;align-items:center;padding:28px;background:#0b1b2b;border:1px solid var(--line);border-radius:14px}.group-copy small{color:var(--orange);font-size:9px}.group-copy h3{font-size:23px;margin:18px 0 8px}.group-copy p{color:var(--muted);font-size:12px;line-height:1.6}.brand-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.brand-grid.compact{grid-template-columns:repeat(2,1fr);max-width:430px}.brand-grid div{height:84px;padding:18px;display:grid;place-items:center;background:#fff;border:1px solid #dce5ed;border-radius:9px}.brand-grid img{max-width:125px;max-height:39px;object-fit:contain}
.delivery-board{min-height:510px;padding:30px;background:#edf3f8;color:#0d1b2a;border-radius:16px;box-shadow:0 35px 90px #0008}.delivery-head b{font-size:24px}.delivery-flow{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:65px 0}.delivery-flow:before{content:"";position:absolute;left:8%;right:8%;top:49px;height:2px;background:linear-gradient(90deg,#ffa500,#2f83ff,#24bd84)}.delivery-flow div{position:relative;text-align:center}.delivery-flow small{display:block;color:#7a8da0}.delivery-flow b{display:block;margin-top:55px;font-size:11px}.delivery-flow i{position:absolute;z-index:2;width:17px;height:17px;left:50%;top:41px;border:3px solid #fff;border-radius:50%;background:#ffa500;box-shadow:0 0 0 5px #ffa50022;transform:translateX(-50%)}.delivery-flow div:nth-child(3) i{background:#2f83ff}.delivery-flow div:nth-child(4) i{background:#24bd84}.carrier-row{display:grid;gap:9px}.carrier-row>div{min-height:61px;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;background:#fff;border:1px solid #d7e1ea;border-radius:9px}.carrier-row img{max-width:100px;max-height:29px}.carrier-row span{font-size:10px;color:#668096}
.intelligence-section{background:radial-gradient(circle at 75% 50%,#ffa50012,transparent 28%),#0d1b2a}.intel-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.intel-cards article{min-height:345px;padding:28px;background:#102237;border:1px solid var(--line);border-radius:14px}.intel-cards small{color:var(--orange);font-size:9px}.intel-cards h3{margin:45px 0 28px;font-size:23px}.channel-bars{height:110px;display:flex;align-items:end;gap:12px}.channel-bars i{flex:1;height:var(--h);background:linear-gradient(#ffa500,#ffa50024);border-radius:4px 4px 0 0;animation:barMove 4s ease-in-out infinite}.channel-bars i:nth-child(2){animation-delay:-1s}.channel-bars i:nth-child(3){animation-delay:-2s}.channel-bars i:nth-child(4){animation-delay:-3s}@keyframes barMove{50%{transform:scaleY(.78);transform-origin:bottom}}.profit-ring{width:140px;height:140px;margin:auto;position:relative;display:grid;place-items:center;border-radius:50%;background:conic-gradient(#ffa500 0 38%,#2f83ff 38% 67%,#24bd84 67%);animation:spin 18s linear infinite}.profit-ring:before{content:"";position:absolute;inset:21px;background:#102237;border-radius:50%}.profit-ring b,.profit-ring span,.profit-ring em{position:absolute;z-index:2;font-size:10px;font-style:normal}.profit-ring b{top:50%;transform:translateY(-50%)}.profit-ring span{left:-20px}.profit-ring em{right:-18px}.health-list{display:grid;gap:13px}.health-list span{padding:14px;background:#0b1b2a;border-radius:8px;color:#a8bacb;font-size:12px}.health-list i{display:inline-block;width:8px;height:8px;margin-right:10px;border-radius:50%;background:#24bd84;box-shadow:0 0 0 5px #24bd8412}
.roadmap-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:center}.roadmap-copy h2{font-size:clamp(40px,4.5vw,64px);line-height:1.03;letter-spacing:-.055em}.roadmap-copy p{color:var(--muted);line-height:1.8}.roadmap-copy .btn{margin-top:20px}.roadmap-track{position:relative;display:grid;gap:13px}.road-line{position:absolute;left:28px;top:45px;bottom:45px;width:1px;background:linear-gradient(#24bd84,#ffa500,#536a80)}.roadmap-track article{position:relative;z-index:2;display:grid;grid-template-columns:58px 1fr;gap:18px;align-items:center;padding:22px;background:#102237;border:1px solid var(--line);border-radius:11px}.roadmap-track article>i{width:54px;height:54px;display:grid;place-items:center;border-radius:50%;background:#16382f;color:#24bd84;font-style:normal;font-size:20px}.roadmap-track .testing>i{background:#40341d;color:#ffa500;animation:spin 5s linear infinite}.roadmap-track .soon>i{background:#1c2d3e;color:#8094a7}.roadmap-track small,.roadmap-track b,.roadmap-track span{display:block}.roadmap-track small{color:var(--orange);font-size:8px}.roadmap-track b{margin:6px 0}.roadmap-track span{color:var(--muted);font-size:11px}
.custom-integration{background:#102033}.bridge{background:#091827;border-top:1px solid var(--line)}.bridge-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:18px;align-items:center}.bridge-flow a{min-height:175px;padding:25px;display:flex;flex-direction:column;background:#102237;border:1px solid var(--line);border-radius:12px;transition:.3s}.bridge-flow a:hover{border-color:var(--orange);transform:translateY(-4px)}.bridge-flow small{color:var(--orange)}.bridge-flow b{font-size:22px;margin:28px 0 8px}.bridge-flow span{color:var(--muted);font-size:12px}.bridge-flow>i{color:var(--orange);font-style:normal}
@media(max-width:980px){.commerce-hero-grid,.order-grid,.fulfillment-grid,.roadmap-grid{grid-template-columns:1fr}.commerce-hero{min-height:auto}.orbit-stage{height:660px}.source-grid,.custom-grid{grid-template-columns:1fr 1fr}.brand-grid{grid-template-columns:repeat(3,1fr)}.fulfillment-grid .delivery-board{order:2}.sync-board{height:620px}.sc1,.sc3{left:4%}.sc2,.sc4{right:4%}}
@media(max-width:650px){.commerce-hero{padding-top:115px}.breadcrumb{margin-bottom:22px}.commerce-copy h1{font-size:45px}.commerce-copy>p{font-size:16px}.orbit-stage{height:470px;transform:scale(.78);margin-inline:-60px}.ring-one{width:430px;height:430px}.ring-two{width:280px;height:280px}.orbit-core{width:155px;height:155px}.orbit-logo{width:105px;height:65px}.source-grid,.custom-grid,.intel-cards{grid-template-columns:1fr}.catalog-group{grid-template-columns:1fr;padding:20px}.brand-grid{grid-template-columns:1fr 1fr}.brand-grid.compact{grid-template-columns:1fr 1fr}.console-stats{grid-template-columns:1fr 1fr}.order-console{padding:18px}.order-row{grid-template-columns:68px 1fr 10px}.order-row>span{display:none}.sync-board{height:720px}.stock-core{width:180px;height:180px}.sync-channel{width:142px;height:82px;padding:12px;flex-direction:column}.sync-channel img{max-width:90px;max-height:25px}.sc1{left:3%;top:5%}.sc2{right:3%;top:5%}.sc3{left:3%;bottom:5%}.sc4{right:3%;bottom:5%}.sync-board svg{display:none}.delivery-flow{grid-template-columns:repeat(2,1fr);gap:28px}.delivery-flow:before{display:none}.bridge-flow{grid-template-columns:1fr}.bridge-flow>i{transform:rotate(90deg);text-align:center}.logo-track>div{width:145px;height:74px}}