/* =========================================================
   BRIUTURE — WAREHOUSE MANAGEMENT DETAIL PAGE
   New industrial / logistics design.
   Shared Briuture header and footer styling retained.
========================================================= */
:root{
  --ink:#14212b;--muted:#667784;--deep:#10212d;--deep2:#172e3d;
  --cyan:#63d4d0;--cyan-dark:#168e91;--orange:#f2a65a;
  --line:#e3eaed;--pale:#f3f7f7;--font:"DM Sans",sans-serif;--heading:"Space Grotesk",sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--ink);background:#fff;font-family:var(--font);-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
.container{width:min(1160px,calc(100% - 44px));margin:0 auto}

/* Shared Briuture header */
.site-header{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.95);border-bottom:1px solid rgba(226,232,240,.8);backdrop-filter:blur(16px)}
.nav-wrap{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:25px}
.brand{display:inline-flex;align-items:center;gap:10px;font-size:23px;letter-spacing:-.7px}
.brand-mark{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;color:#fff;background:#1c2420}
.site-header nav{display:flex;gap:28px}
.site-header nav a{color:#526176;font-size:12px;font-weight:650}
.site-header nav a:hover,footer a:hover{color:#7cae2d}
.nav-cta{padding:11px 17px;border-radius:9px;color:#fff;background:#1d2520;font-size:12px;font-weight:700}
.nav-cta i{margin-left:7px}

/* Hero */
.warehouse-hero{position:relative;overflow:hidden;color:#fff;background:linear-gradient(112deg,#10212d 0%,#183748 58%,#1d4650 100%);padding:84px 0 0}
.hero-grid-pattern{position:absolute;inset:0;opacity:.13;background-image:linear-gradient(rgba(210,245,244,.22) 1px,transparent 1px),linear-gradient(90deg,rgba(210,245,244,.22) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(90deg,#000,transparent 85%)}
.hero-glow{position:absolute;border-radius:50%;filter:blur(2px);pointer-events:none}
.hero-glow-a{width:500px;height:500px;right:-100px;top:-240px;background:radial-gradient(circle,rgba(99,212,208,.17),transparent 68%)}
.hero-glow-b{width:350px;height:350px;left:24%;bottom:-260px;background:radial-gradient(circle,rgba(242,166,90,.12),transparent 70%)}
.warehouse-hero-layout{position:relative;z-index:1;display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:48px;padding-bottom:75px}
.eyebrow,.section-kicker{display:flex;align-items:center;gap:10px;color:#38aeb0;font-size:9px;font-weight:800;letter-spacing:1.8px}
.warehouse-hero .eyebrow{color:#9ae6df}
.eyebrow-mark{width:24px;height:2px;background:var(--cyan);box-shadow:0 0 12px var(--cyan)}
.warehouse-hero-copy h1{margin:24px 0 20px;font:700 clamp(43px,5.2vw,68px)/1.02 var(--heading);letter-spacing:-3.6px}
.warehouse-hero-copy h1 span{color:var(--cyan)}
.warehouse-hero-copy>p{max-width:490px;color:#b7c8cf;font-size:14px;line-height:1.9}
.hero-buttons{display:flex;flex-wrap:wrap;gap:11px;margin-top:30px}
.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:14px 18px;border-radius:7px;font-size:10px;font-weight:800;transition:transform .25s,background .25s,border-color .25s}
.button:hover{transform:translateY(-3px)}
.button-primary{color:#10252c;background:var(--cyan)}
.button-primary:hover{background:#8ae8df}
.button-outline{border:1px solid rgba(255,255,255,.23);color:#fff}
.button-outline:hover{border-color:var(--cyan)}
.hero-proof{display:flex;align-items:center;gap:9px;margin-top:45px;color:#91aab4;font-size:8px;font-weight:800;letter-spacing:1.35px}
.proof-pulse{width:7px;height:7px;border-radius:50%;background:#71e1bd;box-shadow:0 0 0 5px rgba(113,225,189,.12);animation:proofPulse 2s infinite}

/* Industrial warehouse illustration */
.warehouse-hero-art{position:relative;min-height:420px;display:grid;place-items:center}
.art-orbit{position:absolute;left:50%;top:50%;border:1px solid rgba(136,220,220,.19);border-radius:50%;transform:translate(-50%,-50%)}
.orbit-large{width:430px;height:430px;box-shadow:0 0 0 38px rgba(136,220,220,.025),0 0 0 78px rgba(136,220,220,.018);animation:orbitSpin 34s linear infinite}
.orbit-small{width:310px;height:310px;border-style:dashed;animation:orbitSpin 28s linear infinite reverse}
.warehouse-illustration{position:relative;width:min(100%,530px);height:355px}
.warehouse-building{position:absolute;left:50%;top:69px;width:390px;height:235px;transform:translateX(-50%);border:2px solid rgba(163,211,217,.55);border-top:0;background:linear-gradient(180deg,rgba(14,34,46,.8),rgba(10,27,38,.95));box-shadow:0 28px 55px rgba(0,0,0,.3);clip-path:polygon(0 13%,50% 0,100% 13%,100% 100%,0 100%)}
.warehouse-roof{position:absolute;z-index:2;left:calc(50% - 203px);top:64px;width:406px;height:54px;background:linear-gradient(180deg,#8baab4,#3c6473);clip-path:polygon(50% 0,100% 55%,100% 100%,0 100%,0 55%);filter:drop-shadow(0 5px 8px rgba(0,0,0,.25))}
.building-beam{position:absolute;left:0;right:0;height:5px;background:#547988;box-shadow:0 0 10px rgba(99,212,208,.14)}
.beam-top{top:68px}.beam-mid{top:137px}.beam-low{top:204px}
.shelf{position:absolute;top:48px;bottom:23px;width:74px;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,1fr);gap:7px;padding:8px;border:3px solid #7899a4;background:rgba(13,31,43,.5)}
.shelf-one{left:23px}.shelf-two{left:158px}.shelf-three{right:23px}
.shelf i{align-self:end;height:25px;border-radius:2px;background:linear-gradient(135deg,#f4b96e,#c47b3d);box-shadow:inset -4px -3px rgba(75,46,26,.2);animation:shelfGlow 3.5s ease-in-out infinite}
.shelf i:nth-child(2),.shelf i:nth-child(5){background:linear-gradient(135deg,#79d7d1,#318f96);animation-delay:.5s}
.shelf i:nth-child(3),.shelf i:nth-child(6){background:linear-gradient(135deg,#b2d29a,#63916b);animation-delay:1s}
.warehouse-pallet{position:absolute;z-index:3;bottom:17px;display:flex;flex-direction:column;gap:2px;width:50px}
.pallet-one{left:112px}.pallet-two{right:102px;width:43px}
.warehouse-pallet b{height:13px;border:1px solid rgba(255,255,255,.2);border-radius:2px;background:linear-gradient(90deg,#eab36c,#bb7741)}
.warehouse-pallet b:nth-child(2){background:linear-gradient(90deg,#75c9cc,#347f8c)}
.warehouse-forklift{position:absolute;z-index:4;right:44px;bottom:11px;width:64px;height:45px;display:grid;place-items:center;color:#132c38;font-size:27px}
.warehouse-forklift:before{content:"";position:absolute;left:5px;right:5px;bottom:0;height:17px;border-radius:5px;background:#e9a34f}
.warehouse-forklift i{position:relative;z-index:1;transform:scaleX(-1)}
.warehouse-forklift span{position:absolute;right:-7px;bottom:4px;width:4px;height:43px;background:#e9b46b;box-shadow:5px 0 #e9b46b}
.art-floor{position:absolute;left:4%;right:4%;bottom:22px;height:60px;border-top:1px solid rgba(147,207,212,.4);background:repeating-linear-gradient(90deg,transparent 0 48px,rgba(147,207,212,.1) 49px 50px),linear-gradient(180deg,rgba(89,145,157,.1),rgba(5,19,29,.6));transform:perspective(130px) rotateX(26deg)}
.floating-info{position:absolute;z-index:5;display:flex;align-items:center;gap:10px;padding:11px 13px;border:1px solid rgba(191,237,237,.22);border-radius:9px;color:#fff;background:rgba(16,43,56,.88);box-shadow:0 15px 30px rgba(0,0,0,.22);backdrop-filter:blur(12px);animation:floatCard 4.5s ease-in-out infinite}
.floating-info>i{display:grid;place-items:center;width:31px;height:31px;border-radius:8px;color:#12313a;background:var(--cyan);font-size:15px}
.floating-info small,.floating-info b{display:block}
.floating-info small{color:#8eaeb7;font-size:6px;font-weight:800;letter-spacing:1px}
.floating-info b{margin-top:3px;font-size:9px}
.info-stock{left:0;top:78px}.info-rack{right:-3px;bottom:54px;animation-delay:-2s}
.info-rack>i{color:#402b18;background:var(--orange)}
.art-coordinate{position:absolute;right:34px;top:26px;color:rgba(185,225,226,.55);font-size:7px;font-weight:800;letter-spacing:1.5px}
.hero-bottom{position:relative;z-index:2;border-top:1px solid rgba(255,255,255,.12);background:rgba(5,19,29,.22)}
.hero-bottom .container{display:flex;align-items:center;gap:20px;min-height:48px;color:#a9c0c6;font-size:8px;font-weight:800;letter-spacing:1.7px}
.hero-bottom i{width:4px;height:4px;border-radius:50%;background:var(--cyan)}

/* Overview */
.overview-section{padding:92px 0;background:#fff}
.overview-layout{display:grid;grid-template-columns:.42fr 1.58fr;gap:60px}
.section-marker{display:flex;align-items:center;gap:12px;color:#7a8b94;font-size:9px;letter-spacing:1.5px}
.section-marker span{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;color:#fff;background:var(--deep);font-size:9px}
.overview-copy h2,.capabilities-heading h2,.movement-heading h2,.control-copy h2,.technology-layout h2{margin:15px 0;font:700 clamp(33px,4vw,48px)/1.12 var(--heading);letter-spacing:-2px}
.overview-copy h2 em{color:#159c9e;font-style:normal}
.overview-copy>p{max-width:760px;color:var(--muted);font-size:13px;line-height:1.9}
.overview-highlights{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:30px}
.overview-highlights>div{display:flex;align-items:center;gap:10px;padding:13px;border:1px solid var(--line);border-radius:8px;background:#fbfdfd}
.overview-highlights i{color:#168f92;font-size:17px}
.overview-highlights b,.overview-highlights small{display:block}
.overview-highlights b{font-size:9px}.overview-highlights small{margin-top:4px;color:#7b8a91;font-size:8px}

/* Capabilities */
.capabilities-section{padding:88px 0;background:#f2f6f6}
.capabilities-heading,.movement-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:38px}
.section-kicker{color:#168f92}
.capabilities-heading h2,.movement-heading h2{margin-bottom:0}
.capabilities-heading h2 span,.movement-heading h2 span,.control-copy h2 span,.technology-layout h2 span{color:#168f92}
.capabilities-heading>p,.movement-heading>p{max-width:380px;margin:0 0 5px;color:#6c7b82;font-size:12px;line-height:1.85}
.capability-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:25px;align-items:stretch}
.capability-feature{overflow:hidden;border-radius:14px;color:#fff;background:#142b39;box-shadow:0 18px 42px rgba(20,43,57,.12)}
.capability-feature-top{display:flex;justify-content:space-between;padding:19px 22px;color:#8daab2;font-size:8px;font-weight:800;letter-spacing:1.4px}
.warehouse-map{position:relative;height:335px;margin:0 20px;overflow:hidden;border:1px solid rgba(180,220,223,.15);border-radius:9px;background-color:#1a3746;background-image:linear-gradient(rgba(173,217,220,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(173,217,220,.07) 1px,transparent 1px);background-size:25px 25px}
.map-label{position:absolute;top:14px;color:#8db7bd;font-size:8px;font-weight:800;letter-spacing:1.3px}
.map-label small{display:block;margin-top:4px;color:#6c929c;font-size:6px}
.map-label-a{left:16px}.map-label-b{right:16px}
.map-rack{position:absolute;width:72px;height:105px;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,1fr);gap:5px;padding:6px;border:2px solid #83a4ab;background:rgba(6,23,34,.45);box-shadow:0 6px 12px rgba(0,0,0,.16)}
.map-rack i{align-self:end;height:22px;border-radius:2px;background:#e8a45e}
.map-rack i:nth-child(2),.map-rack i:nth-child(5){background:#61c5c1}
.map-rack i:nth-child(3),.map-rack i:nth-child(6){background:#9dbd82}
.rack-a{left:13%;top:65px}.rack-b{left:37%;top:65px}.rack-c{right:37%;top:183px}.rack-d{right:13%;top:183px}
.map-path{position:absolute;left:48%;top:45px;width:2px;height:230px;border-left:2px dashed rgba(111,220,209,.45)}
.map-pin{position:absolute;color:#f4b269;font-size:19px;filter:drop-shadow(0 0 8px rgba(244,178,105,.35));animation:pinBounce 2.5s ease-in-out infinite}
.pin-a{left:28%;top:174px}.pin-b{right:25%;top:70px;animation-delay:.7s}
.map-legend{position:absolute;left:15px;bottom:13px;display:flex;gap:14px;color:#9bb4bb;font-size:7px}
.map-legend span{display:flex;align-items:center;gap:5px}
.legend-dot{width:6px;height:6px;border-radius:50%}.dot-active{background:#66d5cb}.dot-space{background:#e8a45e}
.feature-caption{display:flex;align-items:center;justify-content:space-between;padding:19px 22px 22px}
.feature-caption b,.feature-caption small{display:block}
.feature-caption b{font:600 16px var(--heading)}
.feature-caption small{margin-top:5px;color:#9ab0b7;font-size:9px}
.feature-caption>i{display:grid;place-items:center;width:34px;height:34px;border:1px solid rgba(255,255,255,.2);border-radius:50%;color:var(--cyan)}
.capability-list{display:grid;grid-template-columns:1fr 1fr;gap:11px}
.capability-item{position:relative;display:flex;align-items:flex-start;gap:12px;min-height:143px;padding:17px 15px;border:1px solid #e1e9e9;border-radius:10px;background:#fff;transition:transform .3s,box-shadow .3s,border-color .3s}
.capability-item:hover{transform:translateY(-5px);border-color:#b7dedd;box-shadow:0 14px 28px rgba(24,75,81,.08)}
.capability-icon{flex:0 0 36px;display:grid;place-items:center;width:36px;height:36px;border-radius:9px;font-size:15px}
.icon-cyan{color:#168f92;background:#e2f5f3}.icon-orange{color:#c27a2c;background:#fff0df}.icon-violet{color:#8065b4;background:#f0ebfa}.icon-green{color:#438b69;background:#e7f5ed}.icon-blue{color:#4b7db5;background:#e9f1fb}.icon-rose{color:#b96772;background:#fbecef}
.capability-item>div{min-width:0}
.capability-item small{color:#8a9aa0;font-size:7px;font-weight:800;letter-spacing:1px}
.capability-item h3{margin:7px 0 6px;font:600 13px/1.25 var(--heading)}
.capability-item p{margin:0;color:#75848b;font-size:9px;line-height:1.65}
.item-arrow{position:absolute;right:12px;top:13px;color:#9caeb3;font-size:11px}

/* Workflow */
.movement-section{padding:88px 0;background:#fff}
.movement-track{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding-top:20px}
.track-line{position:absolute;left:8%;right:8%;top:48px;height:1px;background:#d8e5e5}
.track-line span{display:block;width:40%;height:2px;background:linear-gradient(90deg,#1a9d9f,var(--orange));animation:lineTravel 5s ease-in-out infinite alternate}
.movement-step{position:relative;z-index:1}
.step-node{position:relative;display:grid;place-items:center;width:58px;height:58px;margin-bottom:22px;border:1px solid #d9e6e6;border-radius:50%;color:#168f92;background:#fff;box-shadow:0 0 0 8px #fff;font-size:20px}
.step-node span{position:absolute;right:-8px;top:-5px;display:grid;place-items:center;width:19px;height:19px;border-radius:50%;color:#fff;background:#173746;font-size:7px;font-weight:800}
.movement-step h3{margin:0 0 8px;font:600 17px var(--heading)}
.movement-step p{max-width:220px;margin:0;color:#73838a;font-size:10px;line-height:1.8}

/* Control dashboard */
.control-section{overflow:hidden;padding:88px 0;color:#fff;background:#112633}
.control-layout{display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:65px}
.control-copy .section-kicker{color:#78d8d0}
.control-copy h2{font-size:47px}
.control-copy h2 span{color:var(--cyan)}
.control-copy>p{max-width:390px;color:#a8bbc1;font-size:12px;line-height:1.9}
.control-copy ul{display:grid;gap:13px;margin:25px 0 0;padding:0;list-style:none}
.control-copy li{display:flex;align-items:center;gap:10px;color:#d4e0e2;font-size:10px}
.control-copy li i{color:var(--cyan);font-size:14px}
.control-visual{position:relative;padding:26px 30px}
.control-card{position:relative;z-index:2;padding:20px;border:1px solid #dce7e7;border-radius:13px;color:#1b303a;background:#f8fbfa;box-shadow:0 25px 65px rgba(0,0,0,.3);transform:rotate(1deg);transition:transform .45s}
.control-visual:hover .control-card{transform:rotate(0) translateY(-5px)}
.control-card-head,.control-card-head>div{display:flex;align-items:center}
.control-card-head{justify-content:space-between;padding-bottom:15px;border-bottom:1px solid #e7eeee}
.control-card-head>div{gap:9px;font-size:9px;letter-spacing:.5px}
.mini-brand{display:grid;place-items:center;width:27px;height:27px;border-radius:7px;color:#fff;background:#173d4b}
.control-live{color:#7c9198;font-size:7px;font-weight:800;letter-spacing:1px}
.control-live i{display:inline-block;width:5px;height:5px;margin-right:4px;border-radius:50%;background:#45bd8d}
.control-welcome{display:flex;align-items:center;justify-content:space-between;padding:18px 0}
.control-welcome small{color:#8a9ba0;font-size:7px;font-weight:800;letter-spacing:1px}
.control-welcome h3{margin:5px 0 0;font:600 19px var(--heading)}
.control-avatar{display:grid;place-items:center;width:35px;height:35px;border-radius:50%;color:#fff;background:#1b4350;font-size:9px;font-weight:800}
.control-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.control-metrics>div{position:relative;padding:12px;border:1px solid #e4eceb;border-radius:7px;background:#fff}
.control-metrics small,.control-metrics b{display:block}
.control-metrics small{color:#899ba0;font-size:6px;font-weight:800;letter-spacing:.6px}
.control-metrics b{margin-top:7px;font-size:11px}
.control-metrics i{position:absolute;right:10px;top:12px;color:#269c9c;font-size:13px}
.location-table{margin-top:13px;padding:13px;border:1px solid #e4eceb;border-radius:8px;background:#fff}
.table-head{display:flex;justify-content:space-between;margin-bottom:6px;font-size:9px}
.table-head span{color:#9aa8ab;font-size:7px}
.location-row{display:flex;align-items:center;gap:9px;padding:9px 0;border-top:1px solid #eef2f1}
.location-symbol{display:grid;place-items:center;width:28px;height:28px;border-radius:7px;color:#208f91;background:#e5f5f3;font-size:12px}
.orange-symbol{color:#bd7a35;background:#fff0df}.green-symbol{color:#448a69;background:#e7f5ed}
.location-row div{flex:1}
.location-row b,.location-row small{display:block}
.location-row b{font-size:8px}.location-row small{margin-top:3px;color:#8b999d;font-size:7px}
.location-row em{color:#348e76;font-size:6px;font-style:normal;font-weight:800;letter-spacing:.5px}
.control-float{position:absolute;z-index:3;left:-2px;bottom:0;display:flex;align-items:center;gap:10px;padding:12px 15px;border:1px solid rgba(255,255,255,.14);border-radius:9px;color:#fff;background:#244451;box-shadow:0 15px 30px rgba(0,0,0,.25);animation:floatCard 4s ease-in-out infinite}
.control-float>i{color:var(--cyan);font-size:20px}
.control-float b,.control-float small{display:block}
.control-float b{font-size:8px}.control-float small{margin-top:4px;color:#b3c6ca;font-size:7px}
.control-deco{position:absolute;border:1px solid rgba(99,212,208,.25);border-radius:50%}
.deco-one{width:320px;height:320px;right:-50px;top:-15px}.deco-two{width:400px;height:400px;right:-90px;top:-55px;border-style:dashed}

/* Technology */
.technology-section{padding:78px 0;background:#f2f6f6}
.technology-layout{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}
.technology-layout h2{font-size:39px}
.technology-layout h2 span{color:#168f92}
.technology-layout p{max-width:460px;color:#718188;font-size:12px;line-height:1.9}
.technology-points{display:grid;gap:0}
.technology-points>div{display:flex;align-items:center;gap:15px;padding:16px 0;border-bottom:1px solid #dce6e6}
.technology-points>div>i{display:grid;place-items:center;width:42px;height:42px;border-radius:10px;color:#168f92;background:#e0f2f0;font-size:18px}
.technology-points b,.technology-points small{display:block}
.technology-points b{font-size:11px}.technology-points small{margin-top:5px;color:#7b898f;font-size:9px}

/* CTA */
.warehouse-cta{position:relative;overflow:hidden;padding:58px 0;color:#fff;background:#69d5cd}
.cta-pattern{position:absolute;inset:0;opacity:.12;background-image:linear-gradient(rgba(13,58,62,.3) 1px,transparent 1px),linear-gradient(90deg,rgba(13,58,62,.3) 1px,transparent 1px);background-size:32px 32px;mask-image:linear-gradient(90deg,transparent,#000)}
.cta-layout{position:relative;display:flex;align-items:center;justify-content:space-between;gap:35px}
.cta-layout>div>span{color:#286c6b;font-size:8px;font-weight:900;letter-spacing:1.7px}
.cta-layout h2{margin:11px 0;color:#102d35;font:700 clamp(28px,3.6vw,42px)/1.1 var(--heading);letter-spacing:-1.5px}
.cta-layout p{margin:0;color:#286568;font-size:11px}
.cta-button{flex:0 0 auto;display:inline-flex;align-items:center;gap:13px;padding:15px 19px;border-radius:7px;color:#fff;background:#122d39;font-size:10px;font-weight:800;transition:transform .25s,background .25s}
.cta-button:hover{transform:translateY(-3px);background:#1d4552}

/* Shared Briuture footer */
footer{padding:25px 0;background:#091326;color:#9aabc4}
.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:20px}
.footer-inner .brand{color:#fff;font-size:19px}
.footer-inner>span,.footer-inner>a:last-child{font-size:10px}
.footer-inner>a:last-child{color:#cbd5e1}

/* Motion */
@keyframes proofPulse{50%{box-shadow:0 0 0 9px rgba(113,225,189,0)}}
@keyframes orbitSpin{to{rotate:360deg}}
@keyframes floatCard{0%,100%{translate:0 0}50%{translate:0 -8px}}
@keyframes shelfGlow{0%,100%{filter:brightness(1)}50%{filter:brightness(1.22)}}
@keyframes pinBounce{0%,100%{translate:0 0}50%{translate:0 -7px}}
@keyframes lineTravel{from{width:22%}to{width:78%}}

/* Responsive */
@media(max-width:1000px){
  .warehouse-hero-layout{gap:20px;grid-template-columns:1fr 1fr}
  .warehouse-hero-copy h1{font-size:51px}
  .warehouse-building{transform:translateX(-50%) scale(.86);transform-origin:center}
  .warehouse-roof{transform:scale(.86);transform-origin:top center}
  .overview-layout{gap:30px}
  .capability-layout{grid-template-columns:1fr}
  .capability-feature{max-width:650px}
  .control-layout{gap:30px}
}
@media(max-width:760px){
  .nav-wrap{min-height:68px;flex-wrap:wrap;padding:12px 0}
  .site-header nav{order:3;width:100%;overflow-x:auto;padding:4px 0 8px;gap:20px}
  .nav-cta{margin-left:auto}
  .warehouse-hero{padding-top:60px}
  .warehouse-hero-layout,.overview-layout,.control-layout,.technology-layout{grid-template-columns:1fr}
  .warehouse-hero-layout{gap:15px;padding-bottom:55px}
  .warehouse-hero-copy h1{font-size:51px;letter-spacing:-2.8px}
  .warehouse-hero-copy>p{font-size:13px}
  .warehouse-hero-art{min-height:380px}
  .warehouse-illustration{transform:scale(.9)}
  .info-stock{left:0}.info-rack{right:0}
  .hero-bottom .container{gap:11px;justify-content:center;font-size:7px;letter-spacing:1px}
  .overview-section,.capabilities-section,.movement-section,.control-section{padding:68px 0}
  .overview-layout{gap:24px}
  .overview-highlights{grid-template-columns:1fr}
  .capabilities-heading,.movement-heading{align-items:flex-start;flex-direction:column;gap:14px}
  .capability-list{grid-template-columns:1fr 1fr}
  .movement-track{grid-template-columns:1fr 1fr;gap:28px 18px}
  .track-line{display:none}
  .control-layout{gap:35px}
  .control-copy h2{font-size:42px}
  .control-visual{padding:20px 8px 35px}
  .control-float{left:0;bottom:0}
  .technology-layout{gap:25px}
  .cta-layout{align-items:flex-start;flex-direction:column}
  .footer-inner{align-items:flex-start;flex-direction:column;gap:12px}
}
@media(max-width:520px){
  .container{width:min(100% - 32px,1160px)}
  .warehouse-hero-copy h1{font-size:42px;letter-spacing:-2.3px}
  .hero-buttons{flex-direction:column;align-items:stretch}
  .button{width:100%}
  .warehouse-hero-art{min-height:315px;margin:0 -12px}
  .warehouse-illustration{transform:scale(.7)}
  .orbit-large{width:310px;height:310px}.orbit-small{width:240px;height:240px}
  .info-stock{left:3px;top:60px}.info-rack{right:0;bottom:30px}
  .floating-info{padding:8px 9px}
  .hero-bottom .container{gap:7px;font-size:6px}
  .overview-copy h2,.capabilities-heading h2,.movement-heading h2{font-size:34px}
  .capability-list{grid-template-columns:1fr}
  .capability-item{min-height:unset}
  .warehouse-map{height:290px;margin:0 12px}
  .map-rack{transform:scale(.85)}
  .rack-a{left:5%}.rack-b{left:34%}.rack-c{right:34%}.rack-d{right:5%}
  .movement-track{gap:25px 12px}
  .movement-step p{font-size:9px}
  .control-card{padding:13px}
  .control-visual{padding:15px 0 38px}
  .control-metrics>div{padding:9px}
  .control-metrics i{position:static;display:block;margin-top:7px}
  .location-row{gap:6px}
  .location-row em{font-size:5px}
  .technology-layout h2{font-size:34px}
  .cta-layout h2{font-size:31px}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}