/* V2 visual layer. Original layout, responsive rules and account code stay intact. */
:root{--v2-shadow:0 28px 65px -30px #183d3540,0 2px 7px #153b3208;--v2-edge:inset 0 1px 0 #ffffffc4;--v2-ease:cubic-bezier(.2,.7,.2,1)}
.chapter{isolation:isolate;background-image:radial-gradient(ellipse at 85% 12%,#e1e9d776,transparent 62%)}
.chapter:before{content:attr(data-section) / "";position:absolute;right:3%;top:4%;font-size:clamp(130px,19vw,280px);font-weight:650;letter-spacing:-.09em;line-height:1;color:#143b3205;pointer-events:none;z-index:-1}
.chapter-inner{position:relative;z-index:1}.eyebrow{letter-spacing:.16em}.section-copy .eyebrow:before{content:"";width:22px;height:1px;background:currentColor;opacity:.55}
.site-header{background:#f4f5efef;border-bottom-color:#d7e0d3}.logo-mark{box-shadow:0 4px 10px #173b321a}.button{border-radius:8px;box-shadow:inset 0 1px 0 #ffffff26;transition:transform .25s var(--v2-ease),background .25s,border-color .25s}.button.primary{box-shadow:0 7px 18px -9px #153b3270,inset 0 1px 0 #ffffff25}.journey-controls button{border-radius:7px!important}
.hero{background:radial-gradient(ellipse at 65% 18%,#315b46 0,transparent 55%),linear-gradient(115deg,#0d2823,#163b2e);color:#f1f5e9}.hero:before{display:none}.hero .lede{color:#b5c8bc}.hero .eyebrow{color:#d4e99d}.hero .small{color:#acbdb0}.hero .feature-strip{color:#d7e3d1}.hero .button.primary{background:linear-gradient(120deg,#deefa7,#bdd979);color:#17382b;border-color:#d1e594;box-shadow:0 9px 26px -15px #bdd97980}.hero .button.signup{color:#f1f4e8;background:#ffffff05;border-color:#627e69}.hero .button.signup:hover{background:#ffffff10}.hero-copy{position:relative}.hero-copy:after{content:"";position:absolute;top:-36px;left:0;width:60px;height:3px;background:linear-gradient(90deg,#d6ef86,transparent)}
.hero-visual{perspective:1200px}.photo-frame{inset:0 0 28px 10%;border-radius:22px;box-shadow:inset 0 0 0 1px #cdddc433,0 25px 60px #051a2440;transform:rotate(2deg)}.photo-frame img{opacity:.8;filter:saturate(.6)}.photo-frame:after{background:linear-gradient(180deg,#16332620,#132e24a8)}.photo-caption{top:30px;left:28px;max-width:260px;line-height:1.8}.hero-dashboard{width:88%;bottom:22px;background:linear-gradient(145deg,#fffef9fa,#f3f6e7f2);color:var(--ink);border:1px solid #ffffffa3;border-radius:15px;box-shadow:0 32px 55px -20px #041d25b0,var(--v2-edge);transform:rotate(-3deg)}.hero-dashboard .panel-top{background:#ffffff50;border-radius:15px 15px 0 0;border-bottom-color:#d1dbc580}.hero-dashboard .dashboard-body{padding:28px}.dashboard-heading h3{font-size:23px}.stock-line{background:#ffffff60;padding:15px 13px;border:1px solid #dce4d8;border-radius:9px;margin:8px -6px;box-shadow:0 4px 9px -7px #32523130}.stock-line small{margin-top:6px;letter-spacing:.02em}.pill{background:#dceab9;border:1px solid #c3d394;border-radius:20px;padding:7px 11px;box-shadow:inset 0 1px #ffffffaa;color:#43652c}.pill.amber{background:#f9eccb;border-color:#e9d4a2;color:#8a631d}.pill strong{font-size:16px}.dashboard-bottom{margin-top:20px}.dashboard-bottom strong{font-size:38px;font-weight:500}.mini-bars{height:24px;background:repeating-linear-gradient(90deg,#9aba6a 0 3px,transparent 3px 6px,#aac376 6px 7px,transparent 7px 11px)}.visual-index{color:#b2c69b;right:5px}.v2-scanner{height:30px;position:relative;margin-top:18px;overflow:hidden;border-radius:3px;background:repeating-linear-gradient(90deg,#557253 0 2px,transparent 2px 5px,#557253 5px 6px,transparent 6px 10px,#557253 10px 13px,transparent 13px 17px);opacity:.7}.v2-scanner:after{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:#c8f67a;box-shadow:0 0 8px 4px #cffd8590;opacity:0}.hero-dashboard .v2-scanner{height:24px;margin:17px 0 0}.v2-float-badge{position:absolute;right:-6px;top:33%;padding:14px 18px;border:1px solid #e1ecd063;border-radius:12px;background:linear-gradient(135deg,#ecf4dded,#d8e8c4d9);box-shadow:0 16px 32px #102d294d;color:#21402e;z-index:3;font-size:10px;letter-spacing:.08em;transform:rotate(4deg)}.v2-float-badge strong{display:block;font-size:34px;line-height:1.1;margin-top:6px;font-weight:500;letter-spacing:-.07em}.v2-float-badge small{color:#657956}
.flow-board{position:relative;background:linear-gradient(140deg,#fffdf7,#f5f7ed);border:1px solid #ffffff;border-radius:20px;box-shadow:var(--v2-shadow),var(--v2-edge);padding:28px 32px 30px}.flow{position:relative;gap:14px;padding-bottom:4px;margin-bottom:18px}.flow li,.flow li:first-child,.flow li:last-child{padding:20px;background:linear-gradient(150deg,#ffffffcc,#eaf0e1aa);border:1px solid #dce4d3;border-radius:12px;box-shadow:0 9px 14px -12px #29492d44;transition:border-color .25s,background .25s}.flow li:nth-child(2){transform:translateY(10px)}.flow li:nth-child(3){transform:translateY(-6px);background:#e2ecd3}.flow li:nth-child(4){transform:translateY(10px)}.flow li:last-child{background:#193d30;color:#ebf1df;border-color:#2a523c}.flow li:last-child p{color:#bdcdb3}.flow li:not(:last-child):after{top:45%;right:-18px;background:#f7f9ef;color:#769255;border-radius:50%;font-size:14px}.flow h3{min-height:36px}.flow-number{margin-bottom:16px}.flow-value{font-weight:450;font-size:clamp(46px,4.8vw,76px)}.flow li.v2-step{border-color:#759a49;background:linear-gradient(145deg,#e8f4c6,#d7e7b9);color:#21402a}.flow li.v2-step p{color:#4e6c3e}.v2-route{height:48px;margin:24px 6% 4px;position:relative}.v2-route:before{content:"";height:1px;position:absolute;left:0;right:0;top:22px;background:repeating-linear-gradient(90deg,#a6ba93 0 7px,transparent 7px 12px)}.v2-parcel{position:absolute;left:0;top:4px;width:34px;height:34px;border-radius:5px;border:1px solid #7c9166;background:linear-gradient(135deg,#e1edc8,#c4d6a3);box-shadow:0 6px 10px -7px #203a2860;display:grid;place-items:center;color:#385438}.v2-parcel:before{content:"";position:absolute;left:14px;top:0;bottom:0;width:5px;background:#8fa5764d}.v2-parcel svg{width:24px;height:24px}.v2-numeric-source{position:absolute!important;clip-path:inset(50%)!important;width:1px!important;height:1px!important;overflow:hidden!important;white-space:nowrap!important}.v2-number{font-variant-numeric:tabular-nums}
#backroom{background:radial-gradient(ellipse at 8% 55%,#d4e3c4aa,transparent 58%),#f1f3e9}.product-panel{position:relative;background:linear-gradient(150deg,#ffffffed,#f6f8eff2);border-color:#fff;border-radius:18px;box-shadow:0 28px 55px -25px #22493644,var(--v2-edge)}.product-panel:before,.product-panel:after{content:"";position:absolute;inset:12px -12px -12px 12px;border:1px solid #b9caaa;border-radius:18px;background:#e5eddc;z-index:-1;transform:rotate(2deg)}.product-panel:after{inset:23px -21px -21px 25px;background:#dce6d2;z-index:-2;transform:rotate(4deg)}.product-panel .panel-top{padding:20px 25px}.product-content{padding:30px}.product-name{padding-bottom:12px}.can{height:130px;width:65px;box-shadow:8px 15px 17px -13px #22444488}.batch{padding:20px;margin:12px 0;border:1px solid #dce4d4;border-radius:11px;background:#fffdf7;box-shadow:0 7px 16px -12px #3c593036;align-items:center;position:relative}.batch:before{content:"";width:6px;height:6px;background:#9cae7c;border-radius:50%;margin-right:12px}.batch>span{margin-right:auto}.batch b{background:#e8efd8;color:#415a31;padding:7px 13px;border:1px solid #d6e1c2;border-radius:20px;font-size:11px}.batch strong{font-size:22px;font-weight:500}.batch:last-of-type{border-color:#aabf8f}.data-tags{margin-top:24px;gap:7px}.data-tags>span{background:#eaf0e1b3;border-color:#d5e0c9;border-radius:20px;padding:8px 10px}
#replenish{background:radial-gradient(ellipse at 80% 10%,#f6fae6,transparent 60%),linear-gradient(140deg,#dae7d9,#e6ecd9);color:var(--ink)}#replenish .lede{color:#5a7162}#replenish .eyebrow{color:#486943}.replenish-panel{background:linear-gradient(155deg,#fffdf7ec,#f2f6e4eb);border:1px solid #ffffffcf;box-shadow:0 30px 65px -27px #1e463e50,var(--v2-edge);border-radius:22px;padding:30px;position:relative}.replenish-panel:before{content:"6" / "";position:absolute;right:25px;top:25px;font-size:130px;line-height:1;color:#73905810;letter-spacing:-.08em;font-weight:600;pointer-events:none}.replenish-panel h3{position:relative}.stock-pair{gap:16px;border-bottom:0;position:relative;isolation:isolate;padding-bottom:10px}.stock-pair>div{padding:20px 22px;border-radius:14px;border:1px solid #ffffff;background:linear-gradient(130deg,#f4f7e6,#e5edce);box-shadow:0 12px 20px -14px #35562e40;min-width:0}.stock-pair>div:nth-of-type(2){background:linear-gradient(145deg,#224835,#16392d);color:#dcebc6;transform:translateY(12px);border-color:#376048}.stock-pair strong{font-size:76px;line-height:1.1;margin-top:8px}.stock-pair>span{font-size:22px;text-align:center;color:#68844d}.v2-units-flight{position:absolute;inset:0;pointer-events:none;overflow:visible;z-index:3}.v2-unit{position:absolute;right:22%;top:56%;width:10px;height:16px;border:1px solid #69873d;border-radius:3px;background:linear-gradient(110deg,#eaf3cb,#b9d47d);box-shadow:1px 4px 6px #1f402a20;opacity:0}.transfer-control{margin-top:22px}.transfer-control .primary{background:linear-gradient(125deg,#254d3a,#12372c)}.empty-stock{margin-top:12px;padding-top:13px}.replenish-panel #transfer-result{margin-bottom:12px}
#fefo{background:radial-gradient(ellipse at 25% 5%,#36534b,transparent 65%),#182f2b;color:#f0f3e8}#fefo:before{color:#e2ebd605}#fefo .lede{color:#b9c9bc}#fefo .eyebrow{color:#cedca3}.fefo-board{background:linear-gradient(145deg,#ffffff0f,#ffffff04);border-color:#7b977941;box-shadow:0 25px 55px -25px #031b21a0,inset 0 1px #dce9c528;border-radius:20px;color:#f1f5de;position:relative}.fefo-board .demo-label,.fefo-board .board-note,.fefo-row small{color:#b7c5a5}.fefo-request{border-color:#d6e6bf30;padding-bottom:24px}.fefo-request>span{background:#d5e9a718;border:1px solid #c4d69640;padding:9px 12px;border-radius:20px;color:#d9eca6}.fefo-row{padding:15px 12px;margin:14px -12px 0;border-radius:10px;border:1px solid #c5d5b016;background:#ffffff04;align-items:center;transition:background .2s,border-color .2s}.allocation{position:relative;isolation:isolate;overflow:hidden;background:#d5e8a70e;color:#eef6d8;border:1px solid #acc98830;border-radius:7px;font-size:12px}.allocation.partial{background:#d5e8a70e;color:#eef6d8}.allocation:before{content:"";position:absolute;inset:0;transform-origin:left;transform:scaleX(.03);background:linear-gradient(90deg,#b0cf7135,#8aaa4920);z-index:-1;transition:transform .6s var(--v2-ease)}.fefo-row.v2-picked{border-color:#b4d57495;background:#b6d87a10}.fefo-row.v2-picked .allocation:before{transform:scaleX(1)}.fefo-row.v2-picked:nth-of-type(3) .allocation:before{transform:scaleX(.2)}.fefo-total{border-top-color:#d8e8bd30;padding-top:22px}.fefo-total>span{color:#c9dfa1;font-size:34px}.fefo-total strong{font-size:76px;color:#e6f1c5;font-weight:500}.fefo-board .v2-replay{color:#d3e3b4;border-color:#b8ce9840;background:#ffffff06}
#packs{background:radial-gradient(ellipse at 12% 25%,#eadfc4a3,transparent 60%),#f4f1e7}.pack-board{position:relative;overflow:visible;background:linear-gradient(145deg,#ffffffc9,#f5f0e4e0);border:1px solid #fff;border-radius:20px;box-shadow:0 25px 55px -27px #735b333b,var(--v2-edge)}.pack-equivalents{border-bottom-color:#dedacb}.pack-equivalents>div{padding:18px;font-size:11px}.box-icon{border-color:#d0c39f;background:#f6ecd8;border-radius:5px;color:#8b7143}.pack-steps{padding:20px 25px}.pack-next{position:relative;border-radius:0 0 20px 20px;padding:23px 25px;background:linear-gradient(120deg,#e5dabe,#efe4c9);border-top:1px solid #d6c9a9}.pack-next strong{font-size:46px;letter-spacing:-.065em;color:#574b30}.v2-cartons{position:relative;display:flex;gap:11px;padding:0 0 15px;margin-top:14px;align-items:end;perspective:700px}.v2-carton{width:38px;height:35px;position:relative;background:linear-gradient(120deg,#b9a174,#d5bf95);border:1px solid #a58c5e;border-radius:3px;transform:skewY(-7deg);box-shadow:4px 7px 10px -7px #5d4a34a0}.v2-carton:before{content:"";position:absolute;inset:0 16px;background:#efdfba70;border-left:1px solid #a3906b40;border-right:1px solid #a3906b40}.v2-carton:after{content:"30";font-size:10px;position:absolute;bottom:5px;right:4px;color:#6f5838}.v2-carton:nth-child(2n){height:39px;transform:translateY(-3px) skewY(-7deg)}
#store{background:radial-gradient(ellipse at 50% 10%,#e5eddacc,transparent 65%),#f7f8f0}.store-options{border:0;display:grid;grid-template-columns:1fr 1fr;gap:18px}.store-options>div{display:grid;grid-template-columns:24px 1fr 18px;gap:12px;align-items:center;padding:25px;border:1px solid #dfe7d6;border-radius:16px;background:linear-gradient(140deg,#ffffffed,#eff3e7b5);box-shadow:0 14px 25px -18px #294d3540;position:relative;overflow:hidden;min-height:170px}.store-options>div:nth-child(2){background:linear-gradient(145deg,#234e3b,#153a2d);color:#eff5e4;border-color:#426548}.store-options>div:nth-child(2) .option-number{color:#bfd59f}.store-options>div:nth-child(3){background:linear-gradient(145deg,#e9efd9,#f4f5e8)}.store-options h3{font-size:24px}.store-options>div>span:last-of-type{font-size:18px}.v2-mini-demo{grid-column:1/-1;height:52px;position:relative;margin-top:10px;overflow:hidden}.v2-mini-demo .v2-scanner{margin:0;height:46px;width:85%;opacity:.8}.v2-wave{display:flex;align-items:center;justify-content:center;gap:6px;height:48px}.v2-wave i{display:block;width:4px;height:12px;border-radius:4px;background:#d3eca2;transform-origin:center}.v2-wave i:nth-child(3n){height:32px}.v2-wave i:nth-child(4n){height:23px}.v2-wave i:nth-child(5n){height:44px}.v2-form{display:grid;grid-template-columns:1fr 1fr;gap:8px;max-width:270px}.v2-form i{height:18px;border:1px solid #c5d2b5;border-radius:4px;background:#fafcf5;position:relative;overflow:hidden}.v2-form i:first-child{grid-column:1/-1}.v2-form i:after{content:"";position:absolute;left:9px;right:30%;top:7px;height:3px;border-radius:2px;background:#a3b880;transform-origin:left}.v2-data-rows{display:grid;gap:5px;max-width:270px}.v2-data-rows i{height:13px;background:repeating-linear-gradient(90deg,#c1d0ab 0 18%,#f6f9ef 18% 20%);border-radius:3px;border:1px solid #d1ddc3}
#pos{background:linear-gradient(135deg,#edf3e6,#e0ead9)}.integration-board{position:relative}.system-block{position:relative;border-color:#fff;background:linear-gradient(125deg,#fffef9,#f3f8ea);box-shadow:var(--v2-shadow),var(--v2-edge);border-radius:17px;padding:28px}.sontix-block{background:linear-gradient(145deg,#254f3c,#12382c);border-color:#4a6c45;box-shadow:0 23px 40px -24px #193c2b80,inset 0 1px #ffffff20}.connection{position:relative;height:60px;padding:22px}.connection span{width:65px;background:#92aa7e}.v2-sale-event{position:absolute;left:calc(50% - 46px);top:17px;width:92px;text-align:center;padding:6px 9px;background:#dcedb5;border:1px solid #b6cb8c;box-shadow:0 3px 10px #51733422;border-radius:20px;font-size:10px;color:#34552b;opacity:0;z-index:2}.v2-pos-counter{position:absolute;right:22px;top:21px;display:flex;gap:9px;align-items:center;padding:8px 12px;border:1px solid #bbd29240;border-radius:11px;background:#edfac911;color:#e0f0bd;font-size:9px}.v2-pos-counter b{font-size:28px;font-weight:500;line-height:1;letter-spacing:-.04em}.sontix-block h3{padding-right:100px}
#import{background:linear-gradient(120deg,#f5f3ec,#ecefe3)}.import-board{position:relative;padding:30px;border:1px solid #fff;border-radius:20px;background:linear-gradient(135deg,#ffffffd9,#edf2e1d9);box-shadow:var(--v2-shadow),var(--v2-edge)}.file-badge{font-size:38px}.file-badge>span:last-child{background:#e1eccb;border-radius:12px;padding:0 13px}.import-table{border-radius:10px;box-shadow:0 8px 20px -12px #29492e40;overflow:hidden}.import-row{background:#ffffff70}.table-heading{background:#e3ebd7}.mapping{border-radius:0 9px 9px 0;background:linear-gradient(90deg,#dce8c8,#eaf0df);border-color:#8ba353}
#enterprise{background:radial-gradient(ellipse at 80% 40%,#39593e,transparent 60%),#16382c;color:#f0f3e5}#enterprise:before{color:#d4e5be06}#enterprise .lede{color:#b7caba}#enterprise .eyebrow{color:#c9df9c}.enterprise-board{padding:20px 28px 26px;border:1px solid #c5dcb127;border-radius:22px;background:linear-gradient(140deg,#ffffff09,#ffffff02);box-shadow:0 30px 60px -35px #071d20b0}.network-art{height:240px;max-width:360px;margin:0 auto 20px;border:0;background:none}.network-art:before,.network-art:after{content:"";position:absolute;inset:27px 18%;border:1px solid #bad99820;border-radius:50%;transform:rotate(-22deg)}.network-art:after{inset:55px 6%;transform:rotate(22deg)}.network-art>span{z-index:2;border-color:#9ac57555;background:linear-gradient(140deg,#365c40,#264833);color:#d6e8b9;box-shadow:0 8px 18px #08262633;border-radius:10px;width:55px;height:49px;font-size:9px;display:flex;flex-direction:column;gap:3px;justify-content:center;align-items:center}.network-art .network-center{width:76px;height:76px;left:calc(50% - 38px);top:calc(50% - 38px);border-radius:20px;background:linear-gradient(135deg,#e0f0ae,#b1ce77);color:#24442a;font-size:10px;font-weight:700;letter-spacing:.04em;border-color:#d4e8a2;box-shadow:0 15px 35px #031d2455}.network-art .network-center:before{content:"S";font-size:28px;line-height:1}.network-art>span:nth-child(2){left:4%;top:10%}.network-art>span:nth-child(3){right:2%;top:25%}.network-art>span:nth-child(4){left:15%;bottom:7%}.network-art>span:nth-child(5){right:16%;bottom:0;left:auto}.v2-network-links{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.v2-network-links path{stroke:#99bb743f;stroke-width:1;fill:none}.v2-network-links .v2-pulse-path{stroke:#c3e287;stroke-dasharray:9 140;stroke-linecap:round;opacity:0}.network-art svg:not(.v2-network-links){width:21px;height:18px;stroke:#cde0b1;fill:none;stroke-width:1.2}.enterprise-list li{border-color:#a3bf8b2b;font-size:11px}.enterprise-list li:before{color:#c1db8b}.enterprise-board .text-link{color:#d6e9b0;border-color:#849f62}.enterprise-board .v2-replay{color:#d6e9b0;border-color:#b7cd9440;background:#ffffff06}
#pricing{background:radial-gradient(ellipse at 60% 10%,#e8eeda,transparent 68%),#f5f5ed}.pricing-grid{gap:17px;padding-top:14px;perspective:1200px}.plan{position:relative;isolation:isolate;overflow:hidden;border-radius:17px;border:1px solid #fff;background:linear-gradient(150deg,#ffffffef,#edf2e1bb);box-shadow:0 23px 35px -26px #22452d55,inset 0 1px #fff;transition:transform .3s var(--v2-ease),border-color .3s}.plan:before{content:attr(data-v2-letter) / "";position:absolute;right:-8px;top:15px;font-size:190px;line-height:1;font-weight:600;letter-spacing:-.1em;color:#7596530b;z-index:-1;pointer-events:none}.plan.pro{background:radial-gradient(ellipse at 95% 10%,#55704a,transparent 65%),linear-gradient(155deg,#234a37,#11382b);color:#eff4e3;border-color:#739452;box-shadow:0 25px 45px -24px #143c3980,inset 0 1px #d3e3ac44;transform:translateY(-9px)}.plan.pro:before{color:#d8edb318}.plan.pro:after{content:"";position:absolute;top:0;left:12%;right:12%;height:2px;background:linear-gradient(90deg,transparent,#daeba1,transparent)}.plan .price{font-size:26px;letter-spacing:-.055em}.plan.pro .price{color:#e1f1b9}.plan .plan-icon{border-radius:6px;background:#fff8;border-color:#c0d0ab}.plan.pro .plan-icon{background:#d8eeb218;border-color:#bdd99355;color:#deedae}.plan ul{position:relative}.plan li{padding-bottom:4px}.plan.pro .primary{background:linear-gradient(110deg,#d8eca0,#b4d178);border-color:#c5e188;box-shadow:0 8px 20px -13px #cbe99460}.plan .button{border-color:#b6c6a4}.plan.enterprise{background:linear-gradient(145deg,#e6ecdb,#f5f4e9)}
#contact{background:radial-gradient(ellipse at 80% 80%,#e8f0cb,transparent 70%),#e0e9c9}#contact:before{content:"S" / "";font-size:600px;top:-8%;right:6%;color:#46632f07}.contact-details{padding:30px;border:1px solid #ffffffa3;border-radius:20px;background:linear-gradient(140deg,#ffffff59,#ffffff15);box-shadow:0 25px 55px -40px #49692b40}.contact-details>a{border-color:#a6bc873d}.contact-details p{margin-bottom:0}.contact .hero-actions .primary{background:linear-gradient(120deg,#285036,#123c2b)}
.v2-replay{position:absolute;right:15px;bottom:12px;z-index:5;width:28px;height:28px;padding:0;border:1px solid #a9bf9044;border-radius:50%;background:#f6faecb3;color:#667e4a;display:grid;place-items:center;font-size:17px;opacity:.65;transition:opacity .2s,background .2s}.v2-replay:hover,.v2-replay:focus-visible{opacity:1;background:#d9e7ba}.flow-board .board-note,.fefo-board .board-note,.pack-next p,.import-board>.board-note{padding-right:20px}.v2-scene{position:relative}.v2-ready:not(.v2-playing) .v2-unit{opacity:0}.v2-tilt{transform:perspective(1200px) rotateX(var(--v2-rx,0deg)) rotateY(var(--v2-ry,0deg));transition:transform .35s var(--v2-ease)}
/* Short, feature-specific sequences. No animations are running before entry. */
@keyframes v2-scan{0%,10%{opacity:0;transform:translateX(-5px)}15%{opacity:1}85%{opacity:1}100%{opacity:0;transform:translateX(var(--scan-width,420px))}}
@keyframes v2-record{0%{opacity:0;transform:translateY(18px) scale(.98)}100%{opacity:1;transform:translateY(0) scale(1)}}
@keyframes v2-float{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-7px) rotate(-2deg)}}
@keyframes v2-badge{0%,100%{transform:translateY(0) rotate(4deg)}50%{transform:translateY(-9px) rotate(2deg)}}
@keyframes v2-wave{0%,100%{transform:scaleY(.35)}50%{transform:scaleY(1)}}
@keyframes v2-input{0%{transform:scaleX(0)}100%{transform:scaleX(1)}}
@keyframes v2-connect{0%{opacity:0;stroke-dashoffset:130}25%,75%{opacity:1}100%{opacity:0;stroke-dashoffset:0}}
.v2-playing .v2-scanner:after{animation:v2-scan 1.8s var(--v2-ease) .15s 1 both}
.hero-visual.v2-playing .stock-line{animation:v2-record .55s var(--v2-ease) .35s both}.hero-visual.v2-playing .stock-line+.stock-line{animation-delay:1s}.hero-visual.v2-playing .hero-dashboard{animation:v2-float 2.1s ease-in-out 2}.hero-visual.v2-playing .v2-float-badge{animation:v2-badge 2s ease-in-out 2}
.product-panel.v2-playing .batch{animation:v2-record .65s var(--v2-ease) .2s both}.product-panel.v2-playing .batch+.batch{animation-delay:1.15s}
.pack-board.v2-playing .v2-carton{animation:v2-record .45s var(--v2-ease) calc(var(--v2-i)*.23s) both}
.store-options.v2-playing .v2-wave i{animation:v2-wave .5s ease-in-out calc(var(--v2-i)*.045s) 4 alternate both}.store-options.v2-playing .v2-form i:after{animation:v2-input .55s var(--v2-ease) calc(.5s + var(--v2-i)*.4s) both}.store-options.v2-playing .v2-data-rows i{animation:v2-record .45s var(--v2-ease) calc(.2s + var(--v2-i)*.28s) both}
.import-board.v2-playing .import-row:not(.table-heading){animation:v2-record .6s var(--v2-ease) .35s both}.import-board.v2-playing .import-row:last-child{animation-delay:.8s}
.enterprise-board.v2-playing .v2-pulse-path{animation:v2-connect 2s ease-in-out calc(var(--v2-i)*.25s) both}.enterprise-board.v2-playing .network-art>span:not(.network-center){animation:v2-record .65s var(--v2-ease) calc(var(--v2-i)*.2s) both}
.pricing-grid.v2-playing .plan li{animation:v2-record .5s var(--v2-ease) calc(.08s*var(--v2-i)) both}
@media(min-width:1100px) and (hover:hover) and (pointer:fine){
 #backroom .chapter-inner{grid-template-columns:1.02fr 1fr;gap:8vw}#backroom .section-copy{grid-column:2;grid-row:1}#backroom .product-panel{grid-column:1;grid-row:1;margin:0 20px 20px 0}
 #fefo .chapter-inner{grid-template-columns:1.1fr 1fr;gap:6vw}#fefo .section-copy{grid-column:2;grid-row:1}#fefo .fefo-board{grid-column:1;grid-row:1}
 #store .chapter-inner{grid-template-columns:1fr;gap:30px}#store .section-copy{max-width:none;display:grid;grid-template-columns:1fr 1fr;gap:0 8vw;align-items:center}#store .eyebrow{grid-column:1/-1;margin-bottom:15px}#store h2{margin-bottom:0}#store .lede{margin-bottom:0}.store-options{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.store-options>div{min-height:210px;align-content:space-between;padding:25px 20px}.store-options>div:nth-child(even){transform:translateY(-12px)}.store-options h3{font-size:24px;grid-column:1/-1;grid-row:2;margin:8px 0}.store-options>div>span:last-of-type{grid-column:3;grid-row:1}.store-options .v2-mini-demo{grid-row:3;margin-top:10px}
 #packs .chapter-inner{grid-template-columns:1fr 1.05fr;gap:8vw}#packs .pack-board{transform:rotate(1deg)}#packs .section-copy{padding-bottom:25px}
 #import .chapter-inner{grid-template-columns:1.1fr 1fr;gap:7vw}#import .section-copy{grid-column:2;grid-row:1}#import .import-board{grid-column:1;grid-row:1;transform:rotate(-1.5deg)}
 #enterprise .chapter-inner{grid-template-columns:1fr 1.15fr;gap:8vw}#enterprise .section-copy{padding-bottom:30px}
 .plan:hover,.plan:focus-within{transform:translateY(-10px);border-color:#a8be83}.plan.pro:hover,.plan.pro:focus-within{transform:translateY(-17px)}.store-options>div:hover{border-color:#adc68e}
}
@media(min-width:1100px) and (max-height:780px){
 .horizontal .hero-dashboard .dashboard-body{padding:19px 23px}.horizontal .hero-dashboard .stock-line{padding:10px 12px}.horizontal .hero-dashboard .dashboard-bottom{margin-top:14px}.horizontal .hero-dashboard .dashboard-heading h3{font-size:20px;margin-bottom:10px}.horizontal .hero-dashboard .v2-scanner{height:18px;margin-top:12px}.horizontal .hero-dashboard .panel-top{padding:13px 20px}.horizontal .v2-float-badge{top:27%;right:-4px;padding:10px 15px}
 .horizontal .flow-board{padding:20px 25px}.horizontal .flow li,.horizontal .flow li:first-child,.horizontal .flow li:last-child{padding:15px}.horizontal .v2-route{margin-top:12px;height:40px}.horizontal .flow-number{margin-bottom:12px}.horizontal .flow-value{font-size:55px}.horizontal .flow h3{margin-bottom:12px}
 .horizontal .product-content{padding:22px}.horizontal .product-name{margin-bottom:15px}.horizontal .product-name .can{height:105px;width:56px}.horizontal .batch{padding:12px 16px;margin:10px 0}.horizontal .data-tags{margin-top:15px}.horizontal .product-panel .panel-top{padding:14px 20px}
 .horizontal .replenish-panel{padding:22px 26px}.horizontal .replenish-panel h3{margin-bottom:18px}.horizontal .stock-pair>div{padding:14px 18px}.horizontal .stock-pair strong{font-size:62px}.horizontal .transfer-control{margin-top:16px}.horizontal .replenish-panel #transfer-result{margin-top:12px;margin-bottom:10px}
 .horizontal .fefo-board{padding:26px}.horizontal .fefo-row{padding:10px;margin-top:12px}.horizontal .fefo-total{margin-top:18px;padding-top:15px}.horizontal .fefo-total strong{font-size:60px}
 .horizontal .pack-equivalents>div{padding:13px 16px}.horizontal .pack-steps{padding:16px 24px}.horizontal .pack-next{padding:15px 24px}.horizontal .v2-cartons{margin-top:8px;padding-bottom:8px}.horizontal .v2-carton{height:27px;width:32px}.horizontal .v2-carton:nth-child(2n){height:30px}.horizontal .pack-next strong{font-size:36px}
 .horizontal #store .chapter-inner{gap:27px}.horizontal .store-options>div{min-height:190px;padding:20px 18px}.horizontal .store-options h3{font-size:22px}
 .horizontal .network-art{height:185px;margin-bottom:12px}.horizontal .enterprise-board{padding:15px 24px 20px}.horizontal .enterprise-list li{padding:9px 0}.horizontal .enterprise-list{margin-bottom:17px}
 .horizontal .plan{padding:18px}.horizontal .plan .price{font-size:23px}.horizontal .plan li{padding-bottom:1px;margin-bottom:6px}.horizontal .plan ul{margin-bottom:15px}.horizontal .pricing-grid{padding-top:10px}
}
@media(max-width:1099px),(hover:none),(pointer:coarse){
 .hero .chapter-inner{gap:35px}.hero-dashboard{width:92%}.v2-float-badge{right:-3px;top:25%;padding:12px}.v2-float-badge strong{font-size:28px}.flow{gap:8px}.flow li,.flow li:first-child,.flow li:last-child{padding:14px 10px}.flow h3{font-size:12px}.flow-value{font-size:48px}.flow li:not(:last-child):after{right:-11px}.flow-board{padding:25px 22px}.plan .price{font-size:26px}.plan.pro{transform:none}.product-panel:before,.product-panel:after{display:none}.network-art{height:205px}.stock-pair{gap:8px;grid-template-columns:1fr 20px 1fr}.stock-pair>div{padding:18px 14px}.stock-pair strong{font-size:58px}.sontix-block h3{padding-right:0}.v2-pos-counter{position:relative;right:auto;top:auto;display:inline-flex;margin-top:18px}.store-options>div{padding:20px}.store-options h3{font-size:22px}
}
@media(max-width:700px){
 .chapter:before{top:30px;right:25px;font-size:145px}.hero-copy:after{top:-17px;width:35px}.hero .chapter-inner{padding-top:47px;gap:32px}.hero-visual{height:455px;margin:5px 0 5px}.hero-dashboard{left:0;bottom:15px;width:95%;border-radius:12px;transform:rotate(-2deg)}.hero-dashboard .dashboard-body{padding:21px}.hero-dashboard .panel-top{padding:14px 15px}.hero-dashboard .dashboard-heading h3{font-size:18px}.hero-dashboard .dashboard-heading .demo-label{font-size:8px;max-width:55px}.hero-dashboard .stock-line{padding:10px;margin:7px -3px;font-size:12px}.hero-dashboard .stock-line small{font-size:10px}.dashboard-bottom{margin-top:14px;padding-top:12px}.dashboard-bottom strong{font-size:29px}.hero-dashboard .v2-scanner{margin-top:13px;height:18px}.photo-frame{inset:0 0 46px 8%;border-radius:16px;transform:rotate(1deg)}.photo-caption{font-size:9px;top:22px;left:20px;max-width:200px}.v2-float-badge{top:2%;right:-2px;font-size:8px;padding:10px 13px}.v2-float-badge strong{font-size:27px}.visual-index{display:none}
 .flow-board{padding:22px;border-radius:16px;overflow:hidden}.flow{gap:11px;margin:0;padding:0 0 0 20px}.flow li,.flow li:first-child,.flow li:last-child{padding:16px 13px;transform:none;grid-template-columns:20px 1fr 55px;gap:7px;border:1px solid #dce4d3;border-radius:10px}.flow li:last-child{border-color:#31573b}.flow h3{font-size:13px;min-height:0}.flow-number{margin:0}.flow-value{font-size:39px}.flow li:not(:last-child):after{top:auto;bottom:-16px;right:25px;z-index:2}.flow p{font-size:10px}.v2-route{position:absolute;left:16px;top:67px;bottom:87px;width:16px;height:auto;margin:0}.v2-route:before{width:1px;height:auto;top:0;bottom:0;left:8px;right:auto;background:repeating-linear-gradient(0deg,#acbc91 0 6px,transparent 6px 11px)}.v2-parcel{width:22px;height:24px;left:-3px;top:0}.v2-parcel:before{left:8px;width:3px}.v2-parcel svg{width:17px;height:17px}
 .product-content{padding:22px}.product-panel .panel-top{padding:16px 20px}.product-name{gap:18px;margin-bottom:15px}.product-name h3{font-size:19px}.can{width:55px;height:112px}.batch{padding:15px 12px;font-size:12px;gap:4px}.batch:before{margin-right:5px}.batch b{padding:6px 10px}.batch strong{font-size:20px}.data-tags{margin-top:18px}.data-tags>span{font-size:9px;padding:7px 9px}
 .replenish-panel{padding:23px;border-radius:18px}.replenish-panel h3{font-size:23px;margin-bottom:21px}.stock-pair{gap:8px;grid-template-columns:1fr 17px 1fr}.stock-pair>div{padding:17px 12px;font-size:10px}.stock-pair strong{font-size:58px}.stock-pair>span{font-size:18px}.transfer-control .button{padding:13px 10px;font-size:10px}.replenish-panel:before{font-size:110px}.fefo-board{padding:24px}.fefo-request h3{font-size:24px}.fefo-request>span{font-size:9px;padding:8px}.fefo-row{grid-template-columns:100px 1fr;gap:8px;padding:12px 7px;font-size:12px}.allocation{padding:12px 8px;font-size:10px}.fefo-total strong{font-size:62px}.fefo-total>span{font-size:30px}
 .pack-equivalents>div{padding:16px 12px;font-size:10px}.pack-next{padding:22px}.pack-next strong{font-size:36px}.v2-cartons{gap:9px}.v2-carton{width:34px;height:30px}.v2-carton:nth-child(2n){height:34px}.pack-steps{padding:21px}
 .store-options{grid-template-columns:1fr;gap:14px}.store-options>div{min-height:165px;padding:22px}.store-options h3{font-size:25px}.v2-mini-demo{height:48px;max-width:260px}.v2-mini-demo .v2-scanner{height:40px}.system-block{padding:24px}.system-block h3{font-size:23px}.connection{height:66px}.v2-sale-event{top:20px}.import-board{padding:22px}.file-badge{font-size:32px}.import-row{font-size:10px;padding:18px 10px}.barcode{width:38px}
 .enterprise-board{padding:18px 22px 25px}.network-art{height:220px;max-width:290px}.network-art .network-center{width:65px;height:65px;left:calc(50% - 32.5px);top:calc(50% - 32.5px);border-radius:17px;font-size:9px}.network-art>span{width:47px;height:45px}.enterprise-list li{font-size:11px;line-height:1.6}.plan{padding:27px;border-radius:17px}.plan .price{font-size:30px}.plan:before{font-size:240px}.plan.pro{transform:none}.plan ul{line-height:1.8}.plan li{margin-bottom:11px}.contact-details{padding:24px}.contact-details>a:first-of-type{font-size:29px}.contact-details>a{font-size:23px}.v2-replay{right:10px;bottom:9px}
}
@media(prefers-reduced-motion:reduce){
 .v2-tilt{transform:none!important}.v2-replay{display:none}.v2-scanner:after,.v2-pulse-path,.v2-sale-event,.v2-unit{display:none!important}.v2-ready .stock-line,.v2-ready .batch,.v2-ready .import-row,.v2-ready .v2-carton,.v2-ready .plan li{opacity:1!important;transform:none!important}.v2-wave i{transform:none!important}.allocation:before{transform:scaleX(1)}
}

.stock-pair>.v2-units-flight{padding:0;border:0;border-radius:0;box-shadow:none;background:none;transform:none;min-width:0}
