/* Native monitor framing keeps the supplied Shopee panel intact. */
.commerce-stage{display:block;max-width:1120px;height:520px;margin-top:38px;perspective:1200px}.commerce-stage .stage-orbits{inset:90px -60px 55px}.monitor-scene{position:absolute;left:12%;top:35px;width:64%;transform:rotate(-3deg) rotateY(5deg);transform-style:preserve-3d;transition:transform .6s cubic-bezier(.2,.7,.25,1);z-index:1}.monitor-frame{padding:13px 13px 0;background:linear-gradient(140deg,#364753,#101e2b 45%,#354a59);border:1px solid #8797a3;border-radius:19px;box-shadow:inset 0 1px 0 #ffffff9c,0 25px 50px #164e712b;position:relative}.monitor-camera{position:absolute;width:4px;height:4px;background:#667a8a;border-radius:50%;top:5px;left:50%}.monitor-screen{overflow:hidden;border-radius:7px 7px 0 0;background:#ee4d2d}.monitor-screen img{display:block;width:100%;height:auto}.monitor-chin{height:27px;display:grid;place-items:center}.monitor-chin span{width:5px;height:5px;border-radius:50%;background:#c4d9e3;box-shadow:0 0 9px #a7d5f185}.monitor-neck{position:relative;width:105px;height:57px;background:linear-gradient(90deg,#9dadb9,#e0e8ed 48%,#9aaebd);margin:0 auto;clip-path:polygon(19% 0,81% 0,94% 100%,6% 100%);box-shadow:inset 0 18px 15px #081c2f33}.monitor-foot{width:215px;height:13px;margin:0 auto;border-radius:50% 50% 5px 5px;background:linear-gradient(#dae3ea,#a7b8c5);box-shadow:0 12px 18px #07528b20}.commerce-stage .parcel-art{position:absolute;left:auto;right:-3%;top:auto;bottom:70px;width:34%;margin:0;transform:rotate(3deg);animation:enterUp 1s .2s both;z-index:2}.commerce-stage .parcel-art img{width:100%;max-width:100%;margin:0;animation:none;transition:transform .7s cubic-bezier(.2,.7,.25,1),filter .5s}.commerce-stage .parcel-art:hover img{transform:translateY(-10px) rotate(-3deg)}.commerce-stage .stage-side{position:absolute;bottom:18px;top:auto;padding:0;animation:none;flex-direction:row;text-align:left}.commerce-stage .stage-seller{left:14%}.commerce-stage .stage-cofeos{right:6%}.commerce-stage .stage-side strong{font-size:1rem}.commerce-stage .stage-icon{width:44px;height:44px;border-radius:14px}.scene-caption{position:absolute;bottom:-13px;left:0;right:0;text-align:center;color:#71808b;font-size:.625rem}.sale-pop{position:absolute;z-index:3;display:flex;align-items:center;gap:11px;padding:15px 18px;border:1px solid #fff;border-radius:17px;background:#fffffff5;box-shadow:0 12px 40px #164c7020,0 1px 3px #164c7012;text-align:left;pointer-events:none;animation:saleRise 1s .7s backwards;transition:translate .5s}.sale-pop-first{left:1%;top:18px;transform:rotate(-5deg)}.sale-pop-second{right:-1%;top:65px;transform:rotate(4deg);animation-delay:1.6s}.sale-pop strong{font-size:.875rem;color:var(--ink);display:block}.sale-pop div>span{font-size:.6875rem;color:var(--text);display:block;margin-top:4px}.sale-pop-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:#fff0e9;color:#d74e24}.sale-pop-icon .icon{width:21px;height:21px}.sale-pop-check{font-style:normal;color:#218361;font-size:.8rem;padding-left:4px}.sale-pop-second .sale-pop-icon{background:#eaf5f0;color:#218361}.commerce-stage:hover .sale-pop-first{translate:0 -5px}.commerce-stage:hover .sale-pop-second{translate:0 -8px}.hero{padding-bottom:30px}
.icon-bolt{--icon:url('assets/icons/bolt.svg')}.icon-tool{--icon:url('assets/icons/tool.svg')}.icon-home{--icon:url('assets/icons/home.svg')}
.efficiency{background:linear-gradient(135deg,#f4f9fd,#f9fbfc 55%,#fff7ef);border-block:1px solid #e8f0f5}.efficiency-intro{display:grid;grid-template-columns:1.1fr 1fr;gap:80px;align-items:end;margin-bottom:48px}.efficiency-intro h2{font-size:2.6rem;line-height:1.16}.efficiency-intro>p{font-size:1.0625rem;line-height:1.7;color:var(--text);padding-bottom:3px}.efficiency .eyebrow,.inventory .eyebrow{font-size:.75rem;letter-spacing:.1em;margin-bottom:19px;color:#ac4d08}.cost-board{border:1px solid #d4e4ef;border-radius:26px;background:#fff;box-shadow:0 16px 55px #0c3c5c08;overflow:hidden;isolation:isolate;position:relative}.cost-heading,.cost-row{display:grid;grid-template-columns:1fr 1.15fr 1.2fr;align-items:stretch}.cost-heading{background:#f6f9fb;border-bottom:1px solid #dce8f0;font-size:.8125rem;color:var(--text)}.cost-heading>span,.cost-heading>strong{padding:26px 30px;display:flex;align-items:center}.cost-heading>strong{background:#07528b;color:#fff;justify-content:space-between;gap:12px;font-weight:600}.cost-heading .icon{height:20px;width:20px}.cost-row{border-bottom:1px solid #e8eff4;position:relative;transition:background .3s}.cost-row h3,.cost-row p{padding:24px 30px;display:flex;align-items:center;gap:13px;margin:0}.cost-row h3{font-size:.9375rem;letter-spacing:-.025em;font-weight:600}.cost-row p{font-size:.875rem;line-height:1.65;color:var(--text)}.cost-row>p:last-child{color:#214d69;background:#f0f7fc}.cost-row>p:last-child .icon{height:19px;width:19px;color:var(--blue)}.cost-icon{display:grid;place-items:center;width:37px;height:37px;border-radius:11px;background:#f4f8fb;color:var(--blue);flex-shrink:0;transition:transform .35s,background .35s}.cost-icon .icon{height:22px;width:22px}.cost-row:hover{background:#f9fcfe}.cost-row:hover .cost-icon{transform:rotate(-8deg) scale(1.08);background:#e6f2fc}.cost-result{display:flex;gap:18px;padding:27px 30px;align-items:center;background:#fff9f4}.cost-result>.icon{color:#bd590d;width:30px;height:30px}.cost-result strong{font-size:1rem;font-weight:600}.cost-result p{font-size:.875rem;line-height:1.65;color:var(--text);margin:6px 0 0}
.inventory{display:grid;grid-template-columns:1.15fr 1fr;gap:90px;align-items:center}.inventory-copy h2{font-size:2.6rem;line-height:1.18}.inventory-copy>p{font-size:1rem;line-height:1.8;color:var(--text);margin-top:24px}.inventory-copy>p+p{margin-top:17px}.inventory-copy .text-link{margin-top:27px;display:inline-block}.inventory-showcase{position:relative;border-radius:27px;padding:30px 36px;background:linear-gradient(150deg,#0c669f,#07528b 55%,#053b66);color:#fff;box-shadow:8px 9px 0 #e7f0f7,0 20px 50px #07528b1c;overflow:hidden;isolation:isolate}.inventory-showcase:after{content:'';position:absolute;width:450px;height:450px;border:1px solid #ffffff1f;border-radius:50%;right:-255px;top:15px;box-shadow:0 0 0 65px #ffffff06,0 0 0 130px #ffffff04;pointer-events:none;z-index:-1}.inventory-brand{display:flex;align-items:center;gap:12px;font-size:.8125rem;color:#d8ecfa;margin-bottom:15px}.inventory-brand>.icon{height:23px;width:23px}.inventory-dot{width:6px;height:6px;margin-left:auto;border-radius:50%;background:#ff9e49;box-shadow:0 0 0 5px #ff9e491a}.inventory-category{display:flex;align-items:center;justify-content:space-between;padding:30px 0;border-bottom:1px solid #ffffff2b;gap:14px;transition:transform .4s}.inventory-category div>span{font-size:.75rem;color:#c5dfef}.inventory-category strong{font-family:Montserrat,sans-serif;display:block;font-size:2.6rem;font-weight:600;letter-spacing:-.055em;margin-top:8px}.category-period{color:#ff9b42}.inventory-category>.icon{width:33px;height:33px;color:#d5eaf7;transition:transform .4s,color .4s}.inventory-category:hover{transform:translateX(4px)}.inventory-category:hover>.icon{transform:rotate(-10deg);color:#ffb777}.inventory-bottom{display:flex;gap:13px;padding-top:28px}.inventory-bottom>.icon{width:23px;height:23px;color:#ffb777}.inventory-bottom strong{font-size:.9375rem;line-height:1.6;font-weight:500}.inventory-bottom p>span{display:block;color:#bdd9eb;font-size:.6875rem;line-height:1.6;margin-top:12px}
/* A single highlight follows the pointer; scroll reveals remain native and finite. */
[data-glow]:not(.plan-card):before,.plan-card[data-glow]:after{content:'';position:absolute;inset:0;z-index:2;pointer-events:none;opacity:0;background:radial-gradient(420px circle at var(--pointer-x,50%) var(--pointer-y,50%),#ffffff19,transparent 65%);transition:opacity .4s}[data-glow]:not(.plan-card):hover:before,.plan-card[data-glow]:hover:after{opacity:1}.benefits li{border-radius:12px;transition:transform .35s,background .35s}.benefits li:hover{transform:translateX(6px)}.benefits .check{transition:transform .35s,background .35s}.benefits li:hover .check{transform:scale(1.15);background:#ffecdb}.steps li{transition:border-color .35s,transform .4s}.steps li:hover{border-color:#ff8b25}.steps li:hover .step-number{transform:translateY(-4px);color:#bf5800}.step-number{transition:transform .4s,color .4s}.service-strip>span .icon{transition:transform .35s}.service-strip>span:hover .icon{transform:translateY(-4px) rotate(-9deg)}.text-link{transition:color .25s,text-decoration-color .25s}.text-link:hover{color:#ae4d00}.seller-role,.cofeos-role,.plan-card{isolation:isolate;overflow:hidden}.questions details:hover{border-color:#a7c8df}.photo-frame{transition:transform .6s,box-shadow .6s}.photo-frame:hover{box-shadow:0 28px 55px #143b5826}
@keyframes saleRise{from{opacity:0;translate:0 28px;scale:.94}to{opacity:1;translate:0 0;scale:1}}
@media(min-width:768px) and (prefers-reduced-motion:no-preference){@supports(animation-timeline:view()){.operation-art .photo-frame{animation:photoDrift linear both;animation-timeline:view();animation-range:entry 0% cover 50%}@keyframes photoDrift{from{translate:0 24px;rotate:-2deg}to{translate:0 0;rotate:0deg}}}}
@media(max-width:1023px){.commerce-stage{height:470px;max-width:900px}.monitor-scene{left:8%;width:69%;top:45px}.commerce-stage .parcel-art{width:33%;right:-3%;bottom:76px}.sale-pop{padding:12px 14px}.sale-pop-first{left:0;top:13px}.sale-pop-second{right:0;top:50px}.sale-pop-second div>span{max-width:135px;line-height:1.35}.commerce-stage .stage-seller{left:6%}.commerce-stage .stage-cofeos{right:3%}.efficiency-intro{gap:40px}.efficiency-intro h2,.inventory-copy h2{font-size:2.2rem}.cost-heading>span,.cost-heading>strong,.cost-row h3,.cost-row p{padding:23px 20px}.cost-row h3{gap:9px}.inventory{gap:40px}.inventory-showcase{padding:27px}.inventory-category strong{font-size:2.2rem}}
@media(max-width:767px){.commerce-stage{width:calc(100% - 24px);height:342px;margin-top:34px}.commerce-stage .stage-orbits{inset:60px -80px 8px}.monitor-scene{left:3%;width:81%;top:48px;transform:rotate(-4deg);transition:transform .4s}.monitor-frame{padding:7px 7px 0;border-radius:11px}.monitor-camera{width:2px;height:2px;top:3px}.monitor-screen{border-radius:4px 4px 0 0}.monitor-chin{height:14px}.monitor-chin span{width:3px;height:3px}.monitor-neck{height:28px;width:52px}.monitor-foot{width:110px;height:7px}.commerce-stage .parcel-art{width:35%;right:-1%;bottom:64px;transform:rotate(2deg)}.sale-pop{gap:7px;padding:9px 10px;border-radius:11px;box-shadow:0 8px 18px #164c701c}.sale-pop-first{top:12px;left:2%;transform:rotate(-4deg)}.sale-pop-second{top:auto;bottom:90px;left:2%;right:auto;transform:rotate(3deg)}.sale-pop strong{font-size:.6875rem}.sale-pop div>span{font-size:.5625rem;margin-top:3px}.sale-pop-icon{width:26px;height:26px;border-radius:8px}.sale-pop-icon .icon{width:17px;height:17px}.sale-pop-check{font-size:.65rem;padding-left:0}.sale-pop-second div>span{max-width:none}.commerce-stage .stage-side{bottom:23px;gap:7px}.commerce-stage .stage-side strong{font-size:.75rem}.commerce-stage .stage-seller{left:8px}.commerce-stage .stage-cofeos{right:8px}.commerce-stage .stage-icon{width:29px;height:29px;border-radius:9px}.commerce-stage .stage-icon .icon{width:17px;height:17px}.scene-caption{bottom:0;font-size:.5625rem}.hero{padding-bottom:15px}.efficiency-intro{grid-template-columns:1fr;gap:22px;margin-bottom:30px}.efficiency-intro h2,.inventory-copy h2{font-size:2rem}.efficiency-intro>p{font-size:1rem;line-height:1.65}.efficiency .eyebrow,.inventory .eyebrow{font-size:.6875rem;margin-bottom:16px}.cost-board{border-radius:20px}.cost-heading{grid-template-columns:1fr 1fr;font-size:.6875rem}.cost-heading>span:first-child{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.cost-heading>span,.cost-heading>strong{padding:18px 16px}.cost-heading .icon{width:17px;height:17px}.cost-row{grid-template-columns:1fr 1fr}.cost-row h3{grid-column:1/-1;padding:17px 17px 0;gap:10px;font-size:.875rem;background:#fff}.cost-icon{width:28px;height:28px;border-radius:9px}.cost-icon .icon{width:18px;height:18px}.cost-row p{padding:15px 17px 22px;font-size:.8125rem;line-height:1.55;align-items:flex-start}.cost-row>p:last-child{background:#fff;color:#07528b}.cost-row>p:last-child .icon{display:none}.cost-result{padding:22px 17px;gap:12px;align-items:flex-start}.cost-result>.icon{width:25px;height:25px}.cost-result strong{font-size:.9375rem;line-height:1.5}.cost-result p{font-size:.8125rem;margin-top:9px;line-height:1.6}.inventory{grid-template-columns:1fr;gap:35px}.inventory-copy>p{font-size:1rem;line-height:1.7;margin-top:20px}.inventory-showcase{padding:28px;border-radius:23px;max-width:460px;width:100%;margin:auto}.inventory-category{padding:25px 0}.inventory-category strong{font-size:2.6rem}.inventory-category>.icon{width:31px;height:31px}}
@media(min-width:500px) and (max-width:767px){.commerce-stage{max-width:590px;height:420px}.commerce-stage .parcel-art{bottom:74px}.sale-pop-second{bottom:110px}.sale-pop strong{font-size:.8rem}.sale-pop div>span{font-size:.6875rem}.sale-pop{padding:12px 14px}.commerce-stage .stage-side strong{font-size:.875rem}}
@media(max-width:374px){.commerce-stage{height:308px}.commerce-stage .parcel-art{bottom:63px}.sale-pop-second{bottom:82px}.commerce-stage .stage-side{gap:5px}.commerce-stage .stage-side strong{font-size:.625rem}.commerce-stage .stage-icon{width:25px;height:25px}.cost-heading>span,.cost-heading>strong{padding:16px 13px}.cost-row p{padding-inline:13px;font-size:.75rem}.cost-row h3{padding-left:13px}.inventory-showcase{padding:24px}.inventory-category strong{font-size:2.15rem}}
@media(prefers-reduced-motion:reduce){.sale-pop,.commerce-stage .parcel-art{animation:none}.monitor-scene,.commerce-stage .parcel-art img,.sale-pop,.cost-icon,.inventory-category,.inventory-category>.icon,.benefits li,.benefits .check,.steps li,.step-number,.service-strip>span .icon{transition:none}.commerce-stage:hover .sale-pop{translate:none}.commerce-stage .parcel-art:hover img{transform:none}}

.scene-caption{color:var(--text);font-size:.75rem}