@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Onest:wght@400;500;600;700&display=swap";:root{font-family:Onest,system-ui,sans-serif;color:#f4f5f7;background:#030405;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #030405;--surface: #080a0d;--line: #20242b;--text: #f4f5f7;--muted: #8c939e;--blue: #2f73ff;--blue-soft: #75a3ff;--amber: #ff7a0d;--amber-soft: #ffb05c;--green: #56c98d}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--ink)}body{margin:0;min-width:320px;min-height:100vh;background:var(--ink);color:var(--text);overflow-x:hidden}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--blue-soft);outline-offset:3px}.site-shell{position:relative;width:100%;overflow:hidden;background:#030405}.site-header{position:fixed;z-index:100;top:16px;left:50%;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;width:min(1240px,calc(100% - 32px));min-height:58px;padding:0 16px 0 18px;border:1px solid rgba(255,255,255,.09);border-radius:18px;background:#05070ad6;box-shadow:0 16px 60px #00000047;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transform:translate(-50%)}.brand{display:inline-flex;align-items:center;gap:9px;width:max-content;font:700 18px/1 Manrope,sans-serif;letter-spacing:-.04em}.brand-mark{position:relative;display:grid;place-items:center;width:21px;height:21px;border:2px solid #dfe5ee;border-right-color:transparent;border-radius:50%;transform:rotate(-28deg)}.brand-mark:before,.brand-mark:after{content:"";position:absolute;right:-2px;width:5px;height:5px;border-radius:50%;background:var(--blue);box-shadow:0 0 18px var(--blue)}.brand-mark:before{top:0;background:var(--amber);box-shadow:0 0 18px var(--amber)}.brand-mark:after{bottom:0}.brand-mark span{width:5px;height:5px;border-radius:50%;background:#fff}.site-header nav{display:flex;align-items:center;gap:8px}.site-header nav a{padding:10px 13px;border-radius:10px;color:#a7adb6;font-size:13px;transition:color .2s ease,background .2s ease}.site-header nav a:hover{color:#fff;background:#ffffff0d}.header-actions{justify-self:end;display:flex;align-items:center;gap:8px}.theme-toggle{display:grid;place-items:center;width:42px;height:42px;padding:0;border:1px solid rgba(255,255,255,.12);border-radius:11px;color:#c8ced7;background:#0d1014;cursor:pointer;transition:color .2s ease,border-color .2s ease,background .2s ease,transform .2s ease}.theme-toggle:hover{color:#fff;border-color:#2f73ffb3;transform:translateY(-1px) rotate(6deg)}.header-login{min-height:42px;padding:0 14px;border:0;border-radius:10px;color:#b9c0ca;background:transparent;cursor:pointer;transition:color .2s ease,background .2s ease}.header-login:hover{color:#fff;background:#ffffff0f}.header-cta{display:inline-flex;align-items:center;gap:10px;padding:11px 15px;border:1px solid rgba(255,255,255,.12);border-radius:11px;background:#111419;cursor:pointer;transition:border-color .2s ease,transform .2s ease}.header-cta:hover{border-color:#2f73ffb3;transform:translateY(-1px)}.login-overlay{position:fixed;z-index:220;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:22px;background:#020407b8;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.login-dialog{position:relative;width:min(430px,100%);padding:34px;border:1px solid #292f38;border-radius:20px;background:#0a0d11;box-shadow:0 35px 100px #00000094}.login-close{position:absolute;top:15px;right:15px;display:grid;place-items:center;width:38px;height:38px;padding:0;border:1px solid #272d35;border-radius:10px;color:#969ea9;background:#10141a;cursor:pointer}.login-icon{display:grid;place-items:center;width:50px;height:50px;border:1px solid rgba(47,115,255,.42);border-radius:13px;color:var(--blue-soft);background:#2f73ff17}.login-dialog h2{margin:26px 0 10px;font:650 34px/1.05 Manrope,sans-serif;letter-spacing:-.045em}.login-dialog>p{margin:0;color:#8d95a0;font-size:14px;line-height:1.6}.login-dialog form{display:grid;gap:16px;margin-top:26px}.login-dialog label{display:grid;gap:8px;color:#a0a8b3;font-size:13px}.login-dialog input{width:100%;height:50px;padding:0 14px;border:1px solid #29303a;border-radius:10px;color:#f4f5f7;background:#07090c}.login-dialog form .button{width:100%;margin-top:4px}.login-message{color:#ff9b52;font-size:12px;line-height:1.45;text-align:center}.hero{position:relative;display:grid;grid-template-columns:minmax(465px,.86fr) minmax(0,1.14fr);align-items:center;min-height:960px;padding:145px max(32px,calc((100vw - 1380px)/2)) 110px;isolation:isolate}.hero:after{content:"";position:absolute;z-index:-2;left:0;right:0;bottom:0;height:1px;background:#171a1f}.hero-copy{position:relative;z-index:3;padding-right:34px}.eyebrow,.section-index{display:inline-flex;align-items:center;gap:10px;color:var(--blue-soft);font:600 11px/1.2 Manrope,sans-serif;letter-spacing:.12em;text-transform:uppercase}.eyebrow i{width:6px;height:6px;border-radius:50%;background:var(--blue);box-shadow:0 0 16px var(--blue)}.hero h1{max-width:600px;margin:35px 0 25px;font:700 clamp(58px,5.4vw,84px)/.98 "Manrope",sans-serif;letter-spacing:-.065em}.hero-lead{max-width:500px;margin:0;color:#a0a6af;font-size:18px;line-height:1.65}.hero-actions{display:flex;align-items:center;gap:12px;margin-top:34px}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:52px;padding:0 22px;border:1px solid transparent;border-radius:11px;font-weight:600;cursor:pointer;transition:transform .22s ease,border-color .22s ease,background .22s ease,color .22s ease}.button:hover{transform:translateY(-2px)}.button--primary{border-color:#ff973fb3;background:#cb5700;box-shadow:inset 0 1px #ffffff29,0 12px 42px #ff69002e}.button--primary:hover{background:#e66605}.button--ghost{border-color:#20242b;color:#a3aab4;background:#080a0d}.button--ghost:hover{border-color:#3b414a;color:#fff}.hero-proof{display:grid;gap:13px;margin:52px 0 0;padding:0;list-style:none}.hero-proof li{display:flex;align-items:center;gap:12px;color:#9aa1ab;font-size:13px}.hero-proof svg{color:var(--blue-soft)}.hero-stage{--tilt-x: 0deg;--tilt-y: 0deg;position:relative;z-index:2;width:735px;max-width:100%;margin-left:0;perspective:1300px}.hero-stage>.warehouse-ui{transform:rotateX(var(--tilt-x)) rotateY(var(--tilt-y)) rotate(1deg);transform-origin:40% 50%;transition:transform .22s ease-out}.hero-stage:after{content:"";position:absolute;z-index:-1;right:8%;bottom:-42px;width:75%;height:44px;border-radius:50%;background:#ff6f001c;filter:blur(18px)}.hero-stage__orb{position:absolute;z-index:-2;top:8%;left:-7%;width:70%;aspect-ratio:1;border:1px solid rgba(47,115,255,.28);border-radius:50%;box-shadow:inset 0 -80px 100px #2f73ff0f,0 0 80px #2f73ff12}.hero-stage__orb:after{content:"";position:absolute;right:-18%;bottom:15%;width:34%;height:1px;background:#a94a08;box-shadow:0 0 25px 2px #ff7a0d85;transform:rotate(-12deg)}.hero-glow{position:absolute;z-index:-3;border-radius:50%;pointer-events:none;filter:blur(120px);opacity:.16}.hero-glow--blue{top:150px;right:16%;width:370px;height:370px;background:#1054dd}.hero-glow--amber{right:-80px;bottom:90px;width:300px;height:300px;background:#d54d00}.scroll-cue{position:absolute;bottom:28px;left:max(32px,calc((100vw - 1380px)/2));display:flex;align-items:center;gap:10px;color:#5f6670;font-size:11px;letter-spacing:.14em;text-transform:uppercase}.scroll-cue span{position:relative;display:block;width:34px;height:1px;background:#282d34;overflow:hidden}.scroll-cue span:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--blue);animation:slide-line 2.4s ease-in-out infinite}.warehouse-ui{overflow:hidden;width:100%;border:1px solid #242933;border-radius:18px;color:#f4f5f7;background:#080a0e;box-shadow:0 42px 120px #00000094,inset 0 1px #ffffff06}.warehouse-topbar{display:grid;grid-template-columns:150px 1fr auto;align-items:center;min-height:67px;padding:0 18px;border-bottom:1px solid #1d2128;background:#0b0e12}.window-dots{display:flex;gap:6px}.window-dots span{width:6px;height:6px;border-radius:50%;background:#2c3139}.warehouse-title{font-weight:600}.operation-tabs{display:flex;gap:4px;padding:4px;border:1px solid #20242c;border-radius:10px;background:#080a0d}.operation-tabs button{min-height:33px;padding:0 14px;border:0;border-radius:7px;color:#8d95a0;background:transparent;font-size:12px;cursor:pointer;transition:.2s ease}.operation-tabs button:hover{color:#fff}.operation-tabs button.is-active{color:#fff;background:#174cc4;box-shadow:inset 0 0 0 1px #397dff,0 4px 22px #2f73ff33}.warehouse-body{display:grid;grid-template-columns:minmax(0,1fr) 235px;min-height:535px}.map-panel{min-width:0;padding:25px 26px 18px;border-right:1px solid #1d2128}.map-axis{color:#78818d;font:500 11px/1 Manrope,sans-serif}.map-axis--top{display:grid;grid-template-columns:repeat(2,minmax(26px,1fr)) minmax(20px,.62fr) repeat(3,minmax(26px,1fr)) minmax(24px,.72fr) repeat(3,minmax(26px,1fr));gap:8px;margin:0 0 12px 31px;padding:0 12px;text-align:center}.map-content{display:grid;grid-template-columns:20px 1fr;gap:12px}.map-axis--side{display:grid;grid-template-rows:repeat(2,minmax(38px,1fr)) minmax(18px,.45fr) repeat(3,minmax(38px,1fr)) minmax(20px,.52fr) repeat(3,minmax(38px,1fr)) minmax(15px,.36fr);gap:8px;padding:12px 0;place-items:center}.rack-grid{position:relative;display:grid;grid-template-columns:repeat(2,minmax(26px,1fr)) minmax(20px,.62fr) repeat(3,minmax(26px,1fr)) minmax(24px,.72fr) repeat(3,minmax(26px,1fr));grid-template-rows:repeat(2,minmax(38px,1fr)) minmax(18px,.45fr) repeat(3,minmax(38px,1fr)) minmax(20px,.52fr) repeat(3,minmax(38px,1fr)) minmax(15px,.36fr);gap:8px;min-height:435px;padding:12px;border:1px solid #202630;border-radius:13px;background:radial-gradient(circle at 50% 44%,rgba(47,115,255,.055),transparent 42%),linear-gradient(145deg,#0c1015,#080b0f);box-shadow:inset 0 0 55px #00000057}.rack-cell{position:relative;z-index:1;min-width:0;min-height:38px;padding:0;border:1px solid #303640;border-radius:3px;background:#11151a;cursor:pointer;transition:border-color .2s ease,background .2s ease,transform .2s ease}.rack-cell:hover{z-index:5;border-color:#637083;transform:scale(1.08)}.rack-cell--occupied{border-color:#5b351c;background:#19130f}.rack-cell--reserved{border-color:#204f9a;background:#0c1523}.rack-cell.has-capacity{background:linear-gradient(to top,var(--cell-color-strong) 0%,var(--cell-color) var(--cell-fill),transparent var(--cell-fill),transparent 100%),#11151a;box-shadow:inset 0 -7px 12px var(--cell-glow),0 0 7px var(--cell-glow)}.rack-cell--capacity-space{--cell-color-strong: rgba(36,192,112,.5);--cell-color: rgba(90,244,160,.2);--cell-glow: rgba(55,222,133,.3);border-color:#44d285b8}.rack-cell--capacity-warning{--cell-color-strong: rgba(236,169,25,.58);--cell-color: rgba(255,222,92,.22);--cell-glow: rgba(247,191,48,.3);border-color:#e8b430c7}.rack-cell--capacity-full{--cell-color-strong: rgba(220,45,56,.66);--cell-color: rgba(255,102,114,.24);--cell-glow: rgba(238,62,75,.34);border-color:#ec4a54d1}.rack-cell__code{position:absolute;z-index:2;top:4px;left:4px;color:#b7bec8;font:700 8px/1 Manrope,sans-serif;letter-spacing:.02em;text-shadow:0 1px 4px rgba(0,0,0,.9)}.rack-cell__percent{position:absolute;z-index:2;right:3px;bottom:3px;color:#f7f8fa;font:700 8px/1 Manrope,sans-serif;text-shadow:0 1px 4px rgba(0,0,0,.9)}.rack-cell.is-route{border-color:#2865d8;background:#0b1b3b;box-shadow:inset 0 0 13px #2f73ff5c,0 0 14px #2f73ff29}.rack-cell.has-capacity.is-route{background:linear-gradient(to top,var(--cell-color-strong) 0%,var(--cell-color) var(--cell-fill),transparent var(--cell-fill),transparent 100%),#0b1b3b;box-shadow:inset 0 -7px 12px var(--cell-glow),inset 0 0 13px #2f73ff47,0 0 9px var(--cell-glow)}.rack-cell.is-selected{z-index:4;border-color:var(--amber);box-shadow:inset 0 0 15px #ff7a0d61,0 0 22px #ff7a0d3d}.aisle-label{z-index:0;align-self:center;justify-self:center;color:#343d48;font:600 7px/1 Manrope,sans-serif;letter-spacing:.14em;text-transform:uppercase;pointer-events:none}.aisle-label--vertical-one{grid-column:3;grid-row:1 / 11;writing-mode:vertical-rl;transform:rotate(180deg)}.aisle-label--vertical-two{grid-column:7;grid-row:1 / 11;writing-mode:vertical-rl;transform:rotate(180deg)}.aisle-label--horizontal-one{grid-column:1 / 11;grid-row:3}.aisle-label--horizontal-two{grid-column:1 / 11;grid-row:7}.route-route{position:absolute;z-index:3;top:0;right:0;bottom:0;left:0;pointer-events:none}.route-path{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible}.route-path path{fill:none;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round}.route-path__base{stroke:#ff7a0d75;stroke-width:4;filter:drop-shadow(0 0 4px rgba(255,122,13,.66))}.route-path__runner{stroke:#ffd3ae;stroke-width:4;stroke-dasharray:16 100;filter:drop-shadow(0 0 7px #ff7a0d);animation:route-run-path 3.2s linear infinite}.route-arrow{position:absolute;z-index:2;color:#ff9a41;filter:drop-shadow(0 0 6px rgba(255,122,13,.95));animation:route-arrow-neon 1.45s ease-in-out infinite}.route-route--receipt .route-arrow{left:39.8%;top:29.2%;transform:translate(-50%,-38%) rotate(90deg)}.route-route--transfer .route-arrow{left:76.2%;top:65%;transform:translate(-50%,-38%) rotate(90deg)}.route-route--shipment .route-arrow{left:94.7%;top:95.4%;transform:translate(-52%,-50%)}.route-label{position:absolute;z-index:5;padding:6px 9px;border:1px solid currentColor;border-radius:6px;color:#66a0ff;background:#071126;font-size:11px;box-shadow:0 6px 22px #00000057}.route-label{pointer-events:none}.route-label--end{color:#ff9a41;background:#1a0d04}.route-route--receipt~.route-label--start{top:82%;left:2%}.route-route--receipt~.route-label--end{top:28%;left:30%;right:auto;bottom:auto}.route-route--transfer~.route-label--start{top:28%;left:28%}.route-route--transfer~.route-label--end{top:66%;left:67%;right:auto;bottom:auto}.route-route--shipment~.route-label--start{top:66%;left:65%}.route-route--shipment~.route-label--end{right:1%;bottom:1%}.map-legend{display:flex;flex-wrap:wrap;gap:12px 18px;margin:18px 0 0 32px;color:#939ba6;font-size:11px}.map-legend span{display:flex;align-items:center;gap:7px}.map-legend i{width:10px;height:10px;border:1px solid #3c434e;border-radius:3px;background:#12161b}.map-legend .legend-space{border-color:#2a8355;background:#30a867}.map-legend .legend-warning{border-color:#c48e14;background:#e4ad22}.map-legend .legend-full{border-color:#d74749;background:#d83f42}.location-card{margin:17px 16px 17px 0;padding:19px;border:1px solid #242a34;border-radius:13px;background:#0d1117;box-shadow:0 22px 50px #00000038}.location-card__head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.location-card__head>div{display:grid;gap:5px}.location-kicker{color:#77808c;font-size:10px;letter-spacing:.1em;text-transform:uppercase}.location-card__head strong{font:600 26px/1 Manrope,sans-serif}.status-pill{display:inline-flex;align-items:center;gap:5px;color:#72d9a1;font-size:10px}.status-pill i,.live-dot i,.success-label span{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 9px #56c98db3}.status-pill--occupied{color:#ff8b91}.status-pill--occupied i{background:#e84952;box-shadow:0 0 9px #e84952b3}.status-pill--reserved{color:#f1c95b}.status-pill--reserved i{background:#dcae28;box-shadow:0 0 9px #dcae28b3}.location-card>p{min-height:34px;margin:12px 0 20px;color:#8b949f;font-size:12px;line-height:1.5}.capacity-list{display:grid;gap:11px;padding:15px 0;border-top:1px solid #1d222a;border-bottom:1px solid #1d222a}.capacity-row{display:grid;grid-template-columns:45px 1fr 34px;align-items:center;gap:8px;color:#9aa2ad;font-size:11px}.capacity-row strong{color:#d5d9df;text-align:right}.capacity-track{height:5px;overflow:hidden;border-radius:4px;background:#1d222a}.capacity-track i{display:block;height:100%;border-radius:inherit;background:#347bff;box-shadow:0 0 8px #2f73ff80}.capacity-row{grid-template-columns:45px 1fr 58px}.capacity-tier{display:grid;grid-template-columns:45px 1fr;align-items:center;gap:8px;color:#9aa2ad;font-size:11px}.capacity-tier strong{color:#d5d9df;text-align:right}.location-meta{display:grid;grid-template-columns:55px 1fr;gap:10px 8px;padding:16px 0;font-size:11px}.location-meta span{color:#78818d}.location-meta strong{color:#d7dbe0;font-weight:500;text-align:right}.text-action{display:flex;align-items:center;justify-content:space-between;width:100%;padding:10px 0 0;border:0;color:#8eb2ff;background:transparent;font-size:11px;cursor:pointer}.warehouse-ui--compact .warehouse-topbar{grid-template-columns:100px 1fr auto;min-height:58px}.warehouse-ui--compact .warehouse-body{grid-template-columns:1fr;min-height:420px}.warehouse-ui--compact .map-panel{border-right:0}.warehouse-ui--compact .rack-grid{min-height:290px}.warehouse-ui--compact .map-legend{display:none}[data-reveal]{opacity:0;transform:translateY(24px);transition:opacity .8s ease,transform .8s cubic-bezier(.22,1,.36,1)}[data-reveal].is-visible{opacity:1;transform:none}.signal-strip{display:grid;grid-template-columns:repeat(3,1fr);width:min(1280px,calc(100% - 64px));margin:0 auto;border-right:1px solid var(--line);border-bottom:1px solid var(--line);border-left:1px solid var(--line)}.signal-strip>div{display:flex;align-items:center;gap:16px;min-height:118px;padding:20px 31px;border-right:1px solid var(--line)}.signal-strip>div:last-child{border-right:0}.signal-strip svg{flex:0 0 auto;color:var(--blue-soft)}.signal-strip span{display:grid;gap:5px;color:#737b86;font-size:11px;line-height:1.4}.signal-strip strong{color:#d7dbe0;font-size:13px}.product-section,.workflow-section,.billing-section,.tools-section,.faq-section{padding:150px max(32px,calc((100vw - 1280px)/2));border-bottom:1px solid #171a1f}.section-heading{display:grid;grid-template-columns:1.2fr .8fr;align-items:end;gap:80px}.section-heading .section-index{grid-column:1 / -1}.section-heading h2,.workflow-top h2,.placement-copy h2,.billing-heading h2,.tools-heading h2,.faq-heading h2,.demo-copy h2{margin:0;font:650 clamp(46px,5vw,74px)/1.02 "Manrope",sans-serif;letter-spacing:-.055em}.section-heading h2 em,.billing-heading h2 em{color:#656d78;font-style:normal}.section-heading p,.workflow-top p,.placement-copy>p,.billing-heading p,.demo-copy>p{max-width:560px;margin:0;color:#8b929d;font-size:16px;line-height:1.7}.product-canvas{margin-top:70px;border:1px solid #20242b;border-radius:20px;background:#07090c;box-shadow:0 50px 100px #00000047}.canvas-toolbar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;min-height:68px;padding:0 21px;border-bottom:1px solid #1c2027;color:#b6bbc2;font-size:12px}.canvas-toolbar>div{display:flex;gap:4px;padding:4px;border:1px solid #1f242c;border-radius:9px;background:#0a0d11}.canvas-toolbar button{padding:8px 13px;border:0;border-radius:6px;color:#747c87;background:transparent;font-size:10px}.canvas-toolbar button.is-current{color:#fff;background:#171b21}.live-dot{justify-self:end;display:flex;align-items:center;gap:7px;color:#65c892;font-size:10px}.product-canvas>.warehouse-ui{width:calc(100% - 50px);margin:25px;border-radius:13px;box-shadow:none}.product-canvas .warehouse-body{min-height:570px}.product-canvas .rack-grid{min-height:405px}.workflow-section{background:#050608}.workflow-top{display:grid;grid-template-columns:1.1fr .8fr;align-items:end;gap:90px}.workflow-top>div{display:grid;gap:28px}.workflow-switcher{display:grid;grid-template-columns:repeat(3,1fr);margin-top:65px;border-top:1px solid #242830;border-bottom:1px solid #242830}.workflow-switcher button{display:flex;align-items:center;gap:15px;min-height:77px;padding:0 20px;border:0;border-right:1px solid #242830;color:#676f7a;background:transparent;font-size:14px;cursor:pointer;transition:color .2s ease,background .2s ease}.workflow-switcher button:last-child{border-right:0}.workflow-switcher button span{color:#454c56;font:500 10px/1 Manrope,sans-serif}.workflow-switcher button.is-active{color:#fff;background:#0b0e12}.workflow-switcher button.is-active span{color:var(--blue-soft)}.workflow-stage{display:grid;grid-template-columns:.68fr 1.32fr;min-height:650px;margin-top:38px;border:1px solid #232831;border-radius:18px;background:#080a0d;overflow:hidden}.workflow-copy{display:flex;flex-direction:column;justify-content:center;padding:58px;border-right:1px solid #20242c}.workflow-copy>span{color:var(--blue-soft);font-size:11px;letter-spacing:.12em;text-transform:uppercase}.workflow-copy h3{margin:24px 0 20px;font:650 39px/1.08 Manrope,sans-serif;letter-spacing:-.045em}.workflow-copy p{margin:0;color:#838b96;font-size:14px;line-height:1.75}.workflow-meta{display:flex;align-items:center;gap:9px;margin-top:30px;color:#b9c0c9;font-size:11px}.workflow-meta svg{color:var(--green)}.workflow-action{display:inline-flex;align-items:center;justify-content:space-between;gap:18px;width:100%;min-height:51px;margin-top:20px;padding:0 17px;border:1px solid #265fd0;border-radius:9px;background:#1748ad;cursor:pointer}.workflow-action--transfer,.workflow-action--shipment{border-color:#b85008;background:#9e4000}.workflow-map-wrap{display:grid;place-items:center;padding:36px}.workflow-map-wrap .warehouse-ui{max-width:720px}.placement-section{display:grid;grid-template-columns:1fr 1fr;min-height:880px;border-bottom:1px solid #171a1f}.placement-visual{position:relative;display:grid;place-items:center;min-height:880px;overflow:hidden;border-right:1px solid #171a1f;background:#06080b}.placement-visual:before{content:"";position:absolute;width:520px;height:520px;border:1px solid rgba(47,115,255,.14);border-radius:50%;box-shadow:0 0 120px #2f73ff0f,inset 0 0 80px #2f73ff0d}.placement-beacon{position:absolute;top:22%;left:24%;width:17px;height:17px;border:2px solid var(--blue);border-radius:50%;box-shadow:0 0 26px var(--blue);animation:beacon 2.6s ease-in-out infinite}.placement-beacon:before{content:"";position:absolute;top:15px;left:7px;width:1px;height:200px;background:#20437b}.placement-beacon span{position:absolute;top:4px;right:4px;bottom:4px;left:4px;border-radius:50%;background:#8bb2ff}.placement-card{position:relative;z-index:2;width:min(390px,calc(100% - 60px));padding:30px;border:1px solid #2a3039;border-radius:16px;background:#0d1117;box-shadow:0 35px 90px #00000080}.placement-kicker{color:var(--blue-soft);font-size:10px;letter-spacing:.11em;text-transform:uppercase}.placement-card>strong{display:block;margin-top:18px;font:650 48px/1 Manrope,sans-serif;letter-spacing:-.05em}.placement-card>p{margin:10px 0 22px;color:#818995;font-size:13px}.placement-card ul{display:grid;gap:11px;margin:0;padding:19px 0;border-top:1px solid #20252d;border-bottom:1px solid #20252d;list-style:none}.placement-card li{display:flex;align-items:center;gap:9px;color:#b4bac3;font-size:11px}.placement-card li svg{color:var(--green)}.placement-card button{width:100%;min-height:48px;margin-top:22px;border:1px solid #2c6ceb;border-radius:9px;background:#174bb7;cursor:pointer}.placement-copy{display:flex;flex-direction:column;justify-content:center;padding:100px max(50px,8vw)}.placement-copy h2{margin:32px 0 30px}.placement-rules{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:38px}.placement-rules span{display:flex;align-items:center;gap:10px;min-height:56px;padding:0 15px;border:1px solid #1f242b;border-radius:10px;color:#a5acb6;background:#080a0d;font-size:11px}.placement-rules svg{color:var(--blue-soft)}.canvas-toolbar button,.live-dot{font-size:11px}.workflow-copy>span,.workflow-meta{font-size:12px}.placement-kicker{font-size:12px}.placement-card>p{color:#939ba6;font-size:15px}.placement-card ul{gap:13px;padding:21px 0}.placement-card li{gap:10px;color:#c5cad1;font-size:14px;line-height:1.45}.placement-card li svg,.placement-rules svg{flex:0 0 auto}.placement-card button{color:#fff}.placement-rules span{min-height:58px;color:#b4bbc4;font-size:13px;line-height:1.35}.feature-list p{font-size:13px}.billing-section{background:#040506}.billing-heading{display:grid;grid-template-columns:1.1fr .9fr;align-items:end;gap:80px}.billing-heading .section-index{grid-column:1 / -1}.billing-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:20px;margin-top:70px}.billing-card{overflow:hidden;border:1px solid #222730;border-radius:16px;background:#090b0e}.billing-card__head{display:flex;align-items:center;gap:10px;min-height:62px;padding:0 21px;border-bottom:1px solid #1d2128;color:#d5d9df;font-size:12px}.billing-card__head svg{color:var(--blue-soft)}.billing-card__head i{margin-left:auto;color:#6d7580;font-size:10px;font-style:normal}.rate-formula{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:46px 34px 18px;font:600 23px/1 Manrope,sans-serif}.rate-formula b{color:#3d444e;font-weight:400}.rate-formula strong{color:var(--amber-soft);font-size:32px}.billing-card--rate>p{margin:0;padding:0 34px 34px;color:#717985;font-size:11px;line-height:1.6}.success-label{display:flex;align-items:center;gap:7px;color:#70d49e!important}.billing-table{padding:10px 20px 18px}.billing-table>div{display:grid;grid-template-columns:.8fr 1.2fr 1fr 1fr;gap:12px;align-items:center;min-height:43px;border-bottom:1px solid #1b1f25;color:#858d98;font-size:10px}.billing-table>div:first-child{min-height:34px;color:#535b66;font-size:9px;text-transform:uppercase}.billing-table>div span:last-child,.billing-table>div strong:last-child{text-align:right}.billing-table strong{color:#dce0e5;font-weight:500}.billing-card--report{grid-column:1 / -1;display:grid;grid-template-columns:1.15fr .85fr;padding:36px}.report-sheet{max-width:530px;padding:32px;border-radius:6px;color:#15171b;background:#e9ebee;box-shadow:0 28px 70px #0000004d;transform:rotate(-1deg)}.report-sheet>div:first-child{display:flex;justify-content:space-between;align-items:center;color:#555b64;font-size:10px}.report-sheet .brand{color:#101216}.report-sheet .brand-mark{border-color:#222;border-right-color:transparent}.report-sheet h3{margin:42px 0 7px;font:650 35px/1.04 Manrope,sans-serif;letter-spacing:-.04em}.report-sheet>p{margin:0;color:#5c626a;font-size:12px}.report-sheet dl{margin:30px 0;border-top:1px solid #cdd0d4}.report-sheet dl div{display:flex;justify-content:space-between;padding:11px 0;border-bottom:1px solid #cdd0d4;font-size:11px}.report-sheet dt{color:#676d75}.report-sheet dd{margin:0;font-weight:600}.report-ready{display:inline-flex;align-items:center;gap:7px;color:#27704b;font-size:10px}.report-copy{display:flex;flex-direction:column;justify-content:center;padding:30px 50px 30px 70px}.report-copy svg{color:var(--blue-soft)}.report-copy strong{margin:20px 0 12px;font:600 29px/1.16 Manrope,sans-serif;letter-spacing:-.035em}.report-copy p{margin:0;color:#7d8590;font-size:13px;line-height:1.7}.tools-heading,.faq-heading{display:flex;flex-direction:column;gap:28px}.feature-list{display:grid;grid-template-columns:repeat(5,1fr);margin-top:65px;border-top:1px solid #242830;border-bottom:1px solid #242830}.feature-list article{position:relative;min-height:310px;padding:26px 22px;border-right:1px solid #242830;transition:background .25s ease}.feature-list article:last-child{border-right:0}.feature-list article:hover{background:#090b0f}.feature-number{color:#444b55;font:500 10px/1 Manrope,sans-serif}.feature-icon{display:grid;place-items:center;width:48px;height:48px;margin-top:46px;border:1px solid #28303a;border-radius:10px;color:var(--blue-soft);background:#0a0d11}.feature-list h3{margin:22px 0 12px;font:600 17px/1.2 Manrope,sans-serif;letter-spacing:-.025em}.feature-list p{margin:0;color:#717985;font-size:11px;line-height:1.6}.feature-arrow{position:absolute;right:20px;bottom:22px;color:#4a515b;transition:color .2s ease,transform .2s ease}.feature-list article:hover .feature-arrow{color:var(--amber-soft);transform:translate(3px)}.faq-section{display:grid;grid-template-columns:.72fr 1.28fr;gap:90px;background:#050608}.faq-list{border-top:1px solid #252a32}.faq-list article{border-bottom:1px solid #252a32}.faq-list button{display:grid;grid-template-columns:42px 1fr auto;align-items:center;width:100%;min-height:88px;padding:0 6px;border:0;color:#cbd0d7;background:transparent;text-align:left;cursor:pointer}.faq-list button>span{color:#4e5660;font-size:10px}.faq-list button>i{display:grid;place-items:center;width:29px;height:29px;border:1px solid #272d35;border-radius:50%;color:#7d8590;font-style:normal}.faq-list article>div{display:grid;grid-template-rows:0fr;transition:grid-template-rows .32s ease}.faq-list article>div>p{overflow:hidden;margin:0;padding:0 48px;color:#7b838e;font-size:13px;line-height:1.7;transition:padding .32s ease}.faq-list article.is-open>div{grid-template-rows:1fr}.faq-list article.is-open>div>p{padding-bottom:30px}.demo-section{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:100px;min-height:820px;padding:160px max(32px,calc((100vw - 1280px)/2));overflow:hidden;border-bottom:1px solid #171a1f}.demo-copy{position:relative;z-index:2;align-self:center}.demo-copy h2{margin:35px 0 25px}.demo-form-wrap{position:relative;z-index:2;align-self:center}.demo-form-wrap form,.demo-success{padding:34px;border:1px solid #272c35;border-radius:17px;background:#0a0d11;box-shadow:0 35px 90px #00000061}.demo-form-wrap form{display:grid;gap:17px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.demo-form-wrap label{display:grid;gap:8px;color:#8f97a2;font-size:11px}.demo-form-wrap input,.demo-form-wrap textarea{width:100%;border:1px solid #252b34;border-radius:9px;color:#f3f4f6;background:#07090c;transition:border-color .2s ease}.demo-form-wrap input{height:49px;padding:0 14px}.demo-form-wrap textarea{padding:14px;resize:vertical}.demo-form-wrap input:hover,.demo-form-wrap textarea:hover{border-color:#3a424e}.demo-form-wrap form>.button{width:100%;margin-top:3px}.demo-form-wrap form>p{margin:0;color:#565e69;font-size:9px;line-height:1.5;text-align:center}.demo-success{display:grid;place-items:center;min-height:420px;text-align:center}.demo-success>span{display:grid;place-items:center;width:68px;height:68px;border:1px solid rgba(86,201,141,.5);border-radius:50%;color:var(--green);background:#56c98d14}.demo-success h3{margin:25px 0 10px;font:600 30px/1.1 Manrope,sans-serif}.demo-success p{max-width:370px;margin:0;color:#818995;font-size:13px;line-height:1.65}.demo-success button{margin-top:26px;border:0;color:var(--blue-soft);background:transparent;cursor:pointer}.demo-orbit{position:absolute;border:1px solid rgba(47,115,255,.12);border-radius:50%;pointer-events:none}.demo-orbit--one{top:10%;left:-15%;width:820px;height:820px;box-shadow:inset -100px 0 160px #2f73ff09}.demo-orbit--two{right:-18%;bottom:-55%;width:780px;height:780px;border-color:#ff7a0d1f;box-shadow:inset 90px 0 160px #ff7a0d08}.site-footer{display:grid;grid-template-columns:1fr auto auto;align-items:end;gap:70px;min-height:230px;padding:60px max(32px,calc((100vw - 1280px)/2));color:#6e7681}.site-footer>div:first-child{display:grid;gap:16px}.site-footer>div:first-child p{margin:0;font-size:11px}.site-footer>div:nth-child(2){display:grid;grid-template-columns:repeat(2,auto);gap:10px 28px;font-size:11px}.site-footer a:hover{color:#fff}.footer-up{display:grid;place-items:center;width:42px;height:42px;border:1px solid #252a31;border-radius:50%;transform:rotate(-45deg)}html[data-theme=light]{--ink: #f4f2ed;--surface: #ffffff;--line: #d8d9d6;--text: #15181d;--muted: #626973;--blue: #2164e8;--blue-soft: #2e67ce;--amber: #ed690b;--amber-soft: #b74900;--green: #16875a;background:var(--ink)}html[data-theme=light] body,html[data-theme=light] .site-shell,html[data-theme=light] .workflow-section,html[data-theme=light] .billing-section,html[data-theme=light] .faq-section{background:var(--ink)}html[data-theme=light] .site-header{border-color:#181e261f;background:#ffffffd1;box-shadow:0 18px 55px #1e26321c}html[data-theme=light] .brand-mark{border-color:#222832;border-right-color:transparent}html[data-theme=light] .brand-mark span{background:#15181d}html[data-theme=light] .site-header nav a{color:#616873}html[data-theme=light] .site-header nav a:hover{color:#15181d;background:#15181d0e}html[data-theme=light] .theme-toggle,html[data-theme=light] .header-login,html[data-theme=light] .header-cta{border-color:#d6d9de;color:#252a32;background:#f7f8fa;box-shadow:0 4px 14px #1d242e0f}html[data-theme=light] .theme-toggle:hover,html[data-theme=light] .header-login:hover,html[data-theme=light] .header-cta:hover{border-color:#2164e88c;color:#15181d;background:#fff}html[data-theme=light] .login-overlay{background:#242a326b}html[data-theme=light] .login-dialog{border-color:#d4d7dc;color:#15181d;background:#fff;box-shadow:0 35px 100px #1f27323d}html[data-theme=light] .login-close{border-color:#d6d9de;color:#626a74;background:#f7f8f9}html[data-theme=light] .login-dialog>p,html[data-theme=light] .login-dialog label{color:#5e6670}html[data-theme=light] .login-dialog input{border-color:#d5d9de;color:#1d2228;background:#f7f8f9}html[data-theme=light] .hero:after,html[data-theme=light] .placement-section,html[data-theme=light] .demo-section{border-color:#d9dad7}html[data-theme=light] .hero-lead,html[data-theme=light] .hero-proof li,html[data-theme=light] .signal-strip span,html[data-theme=light] .section-heading p,html[data-theme=light] .workflow-top p,html[data-theme=light] .workflow-copy p,html[data-theme=light] .placement-copy>p,html[data-theme=light] .placement-card>p,html[data-theme=light] .billing-heading p,html[data-theme=light] .billing-card--rate>p,html[data-theme=light] .report-copy p,html[data-theme=light] .feature-list p,html[data-theme=light] .faq-list article>div>p,html[data-theme=light] .demo-copy>p,html[data-theme=light] .demo-success p,html[data-theme=light] .site-footer{color:#626973}html[data-theme=light] .section-heading h2 em,html[data-theme=light] .billing-heading h2 em{color:#7a8189}html[data-theme=light] .button--ghost{border-color:#d7d9dd;color:#535b66;background:#ffffffb8}html[data-theme=light] .button--ghost:hover{border-color:#aab0b8;color:#15181d;background:#fff}html[data-theme=light] .button--primary,html[data-theme=light] .workflow-action,html[data-theme=light] .placement-card button{color:#fff}html[data-theme=light] .scroll-cue{color:#858b93}html[data-theme=light] .scroll-cue span{background:#c5c8cc}html[data-theme=light] .hero-stage:after{opacity:.62}html[data-theme=light] .hero-glow{opacity:.085}html[data-theme=light] .signal-strip{border-color:#d8d9d6;background:#ffffff94}html[data-theme=light] .signal-strip strong{color:#262b32}html[data-theme=light] .product-canvas{border-color:#d5d7db;background:#e9ebee;box-shadow:0 42px 90px #222b371f}html[data-theme=light] .canvas-toolbar{border-color:#d2d5d9;color:#3c434c}html[data-theme=light] .canvas-toolbar>div{border-color:#d0d4d9;background:#f7f8f9}html[data-theme=light] .canvas-toolbar button{color:#69717c}html[data-theme=light] .canvas-toolbar button.is-current{color:#fff;background:#252b34}html[data-theme=light] .workflow-switcher{border-color:#d1d4d8}html[data-theme=light] .workflow-switcher button{border-color:#d1d4d8;color:#68707b}html[data-theme=light] .workflow-switcher button span{color:#9399a1}html[data-theme=light] .workflow-switcher button.is-active{color:#171a1f;background:#fff}html[data-theme=light] .workflow-stage{border-color:#d3d6da;background:#ffffffa8;box-shadow:0 34px 80px #20283214}html[data-theme=light] .workflow-copy{border-color:#d6d8dc}html[data-theme=light] .workflow-meta{color:#4e5660}html[data-theme=light] .placement-visual{border-color:#d9dad7;background:#ebeef2}html[data-theme=light] .placement-card,html[data-theme=light] .billing-card,html[data-theme=light] .demo-form-wrap form,html[data-theme=light] .demo-success{border-color:#d4d7dc;background:#fff;box-shadow:0 28px 70px #1f27321c}html[data-theme=light] .placement-card ul{border-color:#dde0e4}html[data-theme=light] .placement-card li{color:#4f5660}html[data-theme=light] .placement-rules span{border-color:#d6d9dd;color:#525a64;background:#ffffffb8}html[data-theme=light] .billing-card__head{border-color:#dcdfe3;color:#2c3138}html[data-theme=light] .billing-table>div{border-color:#e2e4e7;color:#646c76}html[data-theme=light] .billing-table>div:first-child{color:#8a919a}html[data-theme=light] .billing-table strong{color:#242930}html[data-theme=light] .rate-formula b{color:#a0a5ac}html[data-theme=light] .report-sheet{box-shadow:0 24px 60px #1f273229}html[data-theme=light] .feature-list,html[data-theme=light] .feature-list article,html[data-theme=light] .faq-list,html[data-theme=light] .faq-list article{border-color:#d3d5d8}html[data-theme=light] .feature-list article:hover{background:#ffffffad}html[data-theme=light] .feature-number{color:#999fa7}html[data-theme=light] .feature-icon{border-color:#d3d7dc;background:#fff;box-shadow:0 10px 30px #2028320f}html[data-theme=light] .feature-arrow{color:#9aa0a8}html[data-theme=light] .faq-list button{color:#2c3138}html[data-theme=light] .faq-list button>span{color:#969ca4}html[data-theme=light] .faq-list button>i{border-color:#cdd1d6;color:#626a74}html[data-theme=light] .demo-form-wrap label{color:#59616b}html[data-theme=light] .demo-form-wrap input,html[data-theme=light] .demo-form-wrap textarea{border-color:#d7dbe0;color:#1c2026;background:#f7f8f9}html[data-theme=light] .demo-form-wrap input:hover,html[data-theme=light] .demo-form-wrap textarea:hover{border-color:#aeb5be}html[data-theme=light] .demo-form-wrap form>p{color:#858c95}html[data-theme=light] .footer-up{border-color:#cfd2d6}html[data-theme=light] .site-footer a:hover{color:#15181d}body,.site-shell,.site-header,.workflow-section,.billing-section,.faq-section,.placement-visual,.signal-strip,.product-canvas,.workflow-stage,.placement-card,.billing-card,.demo-form-wrap form,.demo-success{transition:color .32s ease,background-color .32s ease,border-color .32s ease,box-shadow .32s ease}@keyframes slide-line{0%{transform:translate(-100%)}50%,to{transform:translate(100%)}}@keyframes beacon{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.18);opacity:.72}}@keyframes route-run-path{0%{stroke-dashoffset:16;opacity:0}10%{opacity:1}86%{opacity:1}to{stroke-dashoffset:-100;opacity:0}}@keyframes route-arrow-neon{0%,to{opacity:.72;filter:drop-shadow(0 0 4px rgba(255,122,13,.68))}50%{opacity:1;filter:drop-shadow(0 0 9px rgba(255,122,13,1))}}@media(max-width:1180px){.hero{grid-template-columns:1fr;padding-top:160px}.hero-copy{max-width:720px;padding-right:0}.hero-stage{width:min(920px,100%);margin:80px auto 0}.section-heading,.billing-heading{grid-template-columns:1fr;gap:28px}.workflow-stage{grid-template-columns:.8fr 1.2fr}.feature-list{grid-template-columns:repeat(3,1fr)}.feature-list article:nth-child(3){border-right:0}.feature-list article:nth-child(n+4){border-top:1px solid #242830}}@media(max-width:900px){.site-header{grid-template-columns:1fr auto}.site-header nav{display:none}.hero{grid-template-columns:minmax(0,1fr);min-height:auto;padding-bottom:90px}.hero-copy{min-width:0;width:100%}.hero h1{font-size:clamp(54px,11vw,82px)}.hero-stage{width:100%;margin-top:60px}.warehouse-body{grid-template-columns:1fr}.location-card{display:none}.map-panel{border-right:0}.rack-grid{min-width:0}.warehouse-topbar{grid-template-columns:80px 1fr}.warehouse-title{display:none}.product-canvas>.warehouse-ui{width:calc(100% - 32px);margin:16px}.product-canvas .warehouse-body{min-height:0}.workflow-map-wrap{padding:24px}.workflow-map-wrap .warehouse-ui{width:100%;max-width:none}.signal-strip{grid-template-columns:1fr}.signal-strip>div{border-right:0;border-bottom:1px solid var(--line)}.signal-strip>div:last-child{border-bottom:0}.product-section,.workflow-section,.billing-section,.tools-section,.faq-section{padding-top:100px;padding-bottom:100px}.workflow-top,.faq-section,.demo-section{grid-template-columns:1fr;gap:45px}.workflow-stage{grid-template-columns:1fr}.workflow-copy{border-right:0;border-bottom:1px solid #20242c}.placement-section{grid-template-columns:1fr}.placement-visual{min-height:700px;border-right:0;border-bottom:1px solid #171a1f}.placement-copy{padding:100px 8vw}.billing-grid{grid-template-columns:1fr}.billing-card--report{grid-column:auto;grid-template-columns:1fr}.report-copy{padding:55px 10px 10px}.feature-list{grid-template-columns:repeat(2,1fr)}.feature-list article:nth-child(3){border-right:1px solid #242830}.feature-list article:nth-child(2n){border-right:0}.feature-list article:nth-child(n+3){border-top:1px solid #242830}.demo-section{min-height:auto}}@media(max-width:620px){.site-header{top:8px;width:calc(100% - 16px);min-height:54px;padding:0 8px 0 12px;border-radius:14px}.header-actions{gap:4px}.theme-toggle{width:36px;height:36px}.header-login{min-height:36px;padding:0 9px;font-size:11px}.header-cta{padding:10px 9px;font-size:10px}.header-cta svg{display:none}.hero{padding:120px 18px 80px}.hero h1{margin-top:26px;font-size:51px}.hero-lead{width:100%;font-size:15px}.hero-actions{align-items:stretch;flex-direction:column}.hero-proof{margin-top:40px}.hero-stage.is-visible{width:100%;max-width:100%;margin:54px 0 0;transform:none}.hero-stage>.warehouse-ui{transform:rotate(.35deg)}.hero-stage:after{right:12%;bottom:-25px;height:28px}.scroll-cue{display:none}.signal-strip{width:calc(100% - 36px)}.signal-strip>div{min-height:96px;padding:18px}.warehouse-ui{border-radius:14px}.warehouse-body,.warehouse-ui--compact .warehouse-body{min-height:0}.warehouse-topbar,.warehouse-ui--compact .warehouse-topbar{grid-template-columns:1fr;min-height:52px;padding:7px}.window-dots{display:none}.operation-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;gap:3px;padding:3px}.operation-tabs button,.product-canvas .operation-tabs button{min-width:0;min-height:34px;padding:0 4px;font-size:10px}.map-panel,.product-canvas .map-panel{padding:14px 10px 12px}.map-axis{font-size:8px}.map-axis--top{grid-template-columns:repeat(2,minmax(20px,1fr)) minmax(12px,.62fr) repeat(3,minmax(20px,1fr)) minmax(14px,.72fr) repeat(3,minmax(20px,1fr));gap:4px;margin:0 0 8px 20px;padding:0 8px}.map-content{grid-template-columns:14px minmax(0,1fr);gap:6px}.map-axis--side{grid-template-rows:repeat(2,minmax(30px,1fr)) minmax(14px,.45fr) repeat(3,minmax(30px,1fr)) minmax(15px,.52fr) repeat(3,minmax(30px,1fr)) minmax(12px,.36fr);gap:4px;padding:8px 0}.rack-grid,.product-canvas .rack-grid,.warehouse-ui--compact .rack-grid{grid-template-columns:repeat(2,minmax(20px,1fr)) minmax(12px,.62fr) repeat(3,minmax(20px,1fr)) minmax(14px,.72fr) repeat(3,minmax(20px,1fr));grid-template-rows:repeat(2,minmax(30px,1fr)) minmax(14px,.45fr) repeat(3,minmax(30px,1fr)) minmax(15px,.52fr) repeat(3,minmax(30px,1fr)) minmax(12px,.36fr);gap:4px;min-height:338px;padding:8px}.rack-cell,.product-canvas .rack-cell{min-height:30px}.rack-cell__code,.rack-cell__percent{font-size:7px}.aisle-label{font-size:5px}.route-label{padding:4px 6px;font-size:8px}.route-arrow{width:16px;height:16px}.map-legend,.product-canvas .map-legend{margin:12px 0 0 20px;gap:8px 12px;font-size:8px}.map-legend i{width:8px;height:8px}.product-section,.workflow-section,.billing-section,.tools-section,.faq-section{padding:85px 18px}.section-heading h2,.workflow-top h2,.placement-copy h2,.billing-heading h2,.tools-heading h2,.faq-heading h2,.demo-copy h2{font-size:42px}.section-heading{gap:24px}.product-canvas{margin-top:45px}.canvas-toolbar{grid-template-columns:1fr auto}.canvas-toolbar>div{display:none}.product-canvas>.warehouse-ui{width:calc(100% - 16px);margin:8px}.workflow-switcher{grid-template-columns:1fr}.workflow-switcher button{border-right:0;border-bottom:1px solid #242830}.workflow-switcher button:last-child{border-bottom:0}.workflow-copy{padding:35px 25px}.workflow-copy h3{font-size:31px}.workflow-map-wrap{display:block;overflow:hidden;padding:10px}.workflow-map-wrap .warehouse-ui{width:100%;min-width:0;max-width:none;margin:0;transform:none}.placement-visual{min-height:620px}.placement-copy{padding:85px 18px}.placement-rules{grid-template-columns:1fr}.billing-grid{gap:14px}.rate-formula{padding:35px 20px 15px;font-size:16px}.rate-formula strong{font-size:23px}.billing-card--report{padding:18px}.report-sheet{padding:24px}.report-copy{padding-top:45px}.feature-list{grid-template-columns:1fr}.feature-list article,.feature-list article:nth-child(3){min-height:230px;border-right:0;border-bottom:1px solid #242830}.feature-list article:last-child{border-bottom:0}.feature-icon{margin-top:25px}.faq-section{gap:40px}.faq-list button{grid-template-columns:30px 1fr auto;min-height:82px;font-size:13px}.faq-list article>div>p{padding-left:30px}.demo-section{grid-template-columns:1fr;gap:45px;padding:100px 18px}.form-row{grid-template-columns:1fr}.demo-form-wrap form,.demo-success{padding:24px}.site-footer{grid-template-columns:1fr auto;gap:30px;padding:50px 18px}.site-footer>div:nth-child(2){display:none}}@media(max-width:355px){.header-cta{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}[data-reveal]{opacity:1;transform:none}}

/* Ссылка на регистрацию под формой входа: сайт ведёт в приложение, а не
   заводит вторую форму заявки. */
.login-register{display:block;margin-top:14px;text-align:center;font-size:13px;color:#8fa4bd;text-decoration:none}
.login-register:hover{color:#fff;text-decoration:underline}
html[data-theme=light] .login-register{color:#4b5563}
html[data-theme=light] .login-register:hover{color:#111827}

/* ---------------------------------------------------------------------------
   Кнопки — в одну строку.
   После добавления «Регистрации» в шапке стало теснее, и подписи начали
   переноситься на две строки (и в шапке, и в первом экране). Запрещаем перенос,
   чуть уменьшаем шрифт и отступы, а ряду кнопок разрешаем переноситься целиком —
   лучше вторая строка кнопок, чем разорванная надпись внутри одной.
--------------------------------------------------------------------------- */
.site-header { padding: 0 12px 0 18px; }
.site-header nav { gap: 2px; }
.site-header nav a { padding: 10px 11px; font-size: 12.5px; white-space: nowrap; }
.header-actions { gap: 6px; }
.header-login { padding: 0 12px; font-size: 13.5px; white-space: nowrap; }
.header-cta { gap: 8px; padding: 11px 14px; font-size: 13.5px; white-space: nowrap; }
.button { gap: 10px; padding: 0 19px; font-size: 15px; white-space: nowrap; }
.hero-actions { flex-wrap: wrap; gap: 10px; }
.hero-actions .button { flex: 0 0 auto; }

@media (max-width: 1240px) {
  .site-header nav a { padding: 10px 8px; font-size: 12px; }
  .header-login { padding: 0 10px; font-size: 13px; }
  .header-cta { padding: 10px 12px; font-size: 13px; }
}
@media (max-width: 760px) {
  .button { min-height: 48px; padding: 0 16px; font-size: 14px; }
}

/* Три кнопки первого экрана должны помещаться в один ряд: подпись не рвём,
   вместо этого чуть ужимаем сами кнопки. */
.hero-actions .button { min-height: 50px; gap: 8px; padding: 0 16px; font-size: 14px; }
.hero-actions .button { padding: 0 15px; }

/* ---------------------------------------------------------------------------
   Логотип и меню на телефоне.

   Логотип — настоящий файл в двух вариантах: тёмные чернила для светлой
   подложки, светлые для тёмной. Показ переключает тема, а на макете акта
   (он всегда светлый) принудительно тёмный.
--------------------------------------------------------------------------- */
.brand { gap: 0; }
.brand img { display: block; width: auto; height: 26px; }
/* Специфичность: правило .brand img уже задаёт display, поэтому варианты
   переключаем селектором такой же «весомости». */
.brand img.brand-white { display: none; }
html[data-theme="dark"] .brand img.brand-white { display: block; }
html[data-theme="dark"] .brand img.brand-ink { display: none; }
.report-sheet .brand img.brand-white { display: none; }
.report-sheet .brand img.brand-ink { display: block; }
.report-sheet .brand img { height: 20px; }
.site-footer .brand img { height: 24px; }

/* Бутерброд: на широком экране не нужен. */
.burger { display: none; position: absolute; top: 9px; right: 12px; width: 40px; height: 40px;
  place-items: center; border: 1px solid rgba(255,255,255,.12); border-radius: 11px;
  background: rgba(255,255,255,.04); cursor: pointer; }
.burger i, .burger i::before, .burger i::after { display: block; width: 18px; height: 2px;
  border-radius: 2px; background: #cfd6e0; transition: transform .2s ease, opacity .2s ease; }
.burger i { position: relative; }
.burger i::before, .burger i::after { content: ""; position: absolute; left: 0; }
.burger i::before { top: -6px; }
.burger i::after { top: 6px; }
body.navopen .burger i { background: transparent; }
body.navopen .burger i::before { transform: translateY(6px) rotate(45deg); }
body.navopen .burger i::after { transform: translateY(-6px) rotate(-45deg); }
html[data-theme="light"] .burger { border-color: #d6d9de; background: #f7f8fa; }
html[data-theme="light"] .burger i, html[data-theme="light"] .burger i::before,
html[data-theme="light"] .burger i::after { background: #252a32; }

@media (max-width: 900px) {
  /* В свёрнутом виде остаются логотип, «Войти» и бутерброд — остальное
     переезжает в меню: раньше кнопки не помещались и наезжали на логотип. */
  .burger { display: grid; }
  .site-header { padding-right: 62px; }
  .brand img { height: 22px; }
  .header-actions .theme-toggle, .header-reg, .header-cta { display: none; }

  body.navopen .site-header { row-gap: 12px; padding-bottom: 14px; }
  body.navopen .site-header nav { display: flex; flex-direction: column; align-items: stretch;
    gap: 0; grid-column: 1 / -1; }
  body.navopen .site-header nav a { padding: 11px 12px; border-radius: 9px; font-size: 14px; }
  body.navopen .header-actions { grid-column: 1 / -1; flex-wrap: wrap; gap: 8px;
    align-items: center; justify-content: flex-start; justify-self: stretch;
    padding-top: 12px; border-top: 1px solid rgba(255,255,255,.08); }
  html[data-theme="light"] body.navopen .header-actions { border-top-color: rgba(24,30,38,.1); }
  /* Возвращая кнопки в раскрытое меню, обязательно центрируем содержимое:
     display:inline-flex без align-items прижимает подпись к верху кнопки. */
  body.navopen .header-actions .theme-toggle,
  body.navopen .header-reg,
  body.navopen .header-cta { display: inline-flex; align-items: center;
    justify-content: center; }
  body.navopen .header-actions .header-login { min-height: 40px; }
  body.navopen .header-cta { flex: 1 1 100%; }
}

/* Светлая тема красит палочки бутерброда, поэтому «крестик» гасим и здесь —
   иначе средняя палочка остаётся и получается звёздочка. */
html[data-theme="light"] body.navopen .burger i { background: transparent; }

/* ---------------------------------------------------------------------------
   Логотип при открытом меню плавно уезжает в центр шапки: так в раскрытом
   состоянии он выглядит заголовком меню, а не остатком свёрнутой строки.
   Сдвиг считаем от ширины шапки (100vw − 32px), её левого отступа (18px)
   и половины ширины самого логотипа.
--------------------------------------------------------------------------- */
.site-header .brand { transition: margin-left .28s cubic-bezier(.22,.61,.36,1),
                                  transform .28s cubic-bezier(.22,.61,.36,1); }

@media (max-width: 900px) {
  .brand img { height: 26px; }
  /* Центрируем парой «отступ 50% + сдвиг на половину своей ширины»: в отличие
     от justify-self это анимируется, и логотип уезжает в центр плавно. */
  /* +22px — половина разницы отступов шапки (справа 62px под бутерброд,
     слева 18px): без неё логотип встаёт по центру свободного места, а не по
     центру самой шапки. */
  body.navopen .site-header .brand { margin-left: 50%; transform: translateX(calc(-50% + 22px)); }
}
