/* Relo — warehousing (section styles ported from mockup; chrome lives in base.css) */
.eyebrow{display:inline-flex;align-items:center;gap:10px;color:var(--amber-deep)}
.eyebrow::before{content:"";width:26px;height:2px;background:var(--amber-deep);display:inline-block}
.hero{position:relative;color:var(--white);overflow:hidden;
  background:linear-gradient(92deg,rgba(14,34,51,.95) 0%,rgba(20,42,58,.74) 50%,rgba(27,51,70,.34) 100%),
            linear-gradient(180deg,rgba(14,34,51,.5) 0%,rgba(14,34,51,0) 32%,rgba(8,20,30,.78) 100%),
            url('../images/warehousing-v1-01-1cd27f46f9.jpg') center 42%/cover}
.hero .wrap{position:relative;z-index:2;padding-top:clamp(40px,6vw,72px);padding-bottom:clamp(36px,5vw,56px)}
.hero-inner{max-width:780px}
.hero h1{font-size:clamp(2.3rem,5.2vw,4.2rem);color:#fff;margin:14px 0 0;max-width:20ch;text-shadow:0 2px 30px rgba(8,18,30,.45)}
.hero h1 .amb{color:var(--amber)}
.hero-sub{color:#DCE4EC;font-size:clamp(1.05rem,1.5vw,1.26rem);max-width:56ch;margin-top:20px;text-shadow:0 1px 16px rgba(8,18,30,.5)}
.hero-cta{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}
.hero-eye{color:var(--amber)}
.hero-eye::before{background:var(--amber)}
.snap{margin-top:40px;background:rgba(14,34,51,.5);backdrop-filter:blur(6px);border:1px solid rgba(244,239,228,.18);
  border-radius:16px;padding:20px 22px;max-width:780px}
.snap .sn-top{display:flex;justify-content:space-between;align-items:center;font-family:var(--mono);font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;color:#9FB1C6;margin-bottom:16px}
.snap .sn-live{display:inline-flex;align-items:center;gap:7px;color:#cfe6d8}
.snap .sn-live .blip{width:7px;height:7px;border-radius:50%;background:#56c08d;animation:blip 1.8s infinite}
@keyframes blip{0%{box-shadow:0 0 0 0 rgba(86,192,141,.55)}70%{box-shadow:0 0 0 8px rgba(86,192,141,0)}100%{box-shadow:0 0 0 0 rgba(86,192,141,0)}}
.sn-zones{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.zone{background:rgba(255,255,255,.04);border:1px solid var(--line-d);border-radius:11px;padding:12px 13px}
.zone .zk{font-family:var(--mono);font-size:.56rem;letter-spacing:.1em;text-transform:uppercase;color:#9FB1C6}
.zone b{display:block;font-family:var(--disp);font-weight:700;color:#fff;font-size:1.02rem;margin:5px 0 8px;letter-spacing:-.01em}
.bar{height:6px;border-radius:6px;background:rgba(255,255,255,.12);overflow:hidden}
.bar i{display:block;height:100%;background:linear-gradient(90deg,var(--amber),var(--amber-soft));width:0;border-radius:6px;transition:width 1.4s cubic-bezier(.2,.7,.3,1)}
.zone .zp{font-family:var(--mono);font-size:.58rem;color:#C7D3E1;margin-top:7px;display:block}
@media(max-width:640px){.sn-zones{grid-template-columns:1fr 1fr}}
.proof{background:var(--ink);color:#fff}
.proof .wrap{display:grid;grid-template-columns:repeat(5,1fr);gap:0}
.pf{padding:26px 20px;border-right:1px solid var(--line-d);display:flex;flex-direction:column;gap:4px}
.pf:last-child{border-right:none}
.pf b{font-family:var(--disp);font-weight:700;font-size:1.04rem;color:#fff;letter-spacing:-.01em;display:flex;align-items:center;gap:8px}
.pf b svg{width:18px;height:18px;color:var(--amber);flex:none}
.pf span{font-size:.85rem;color:#9FB1C6}
@media(max-width:860px){.proof .wrap{grid-template-columns:1fr 1fr 1fr}
.pf:nth-child(3){border-right:none}}
@media(max-width:520px){.proof .wrap{grid-template-columns:1fr 1fr}
.pf{border-right:none}}
.sec{padding:clamp(56px,7.5vw,100px) 0}
.sec-head{max-width:64ch}
.sec-head h2{font-size:clamp(2rem,4vw,3rem);margin:14px 0 0}
.sec-head p{color:var(--mut);font-size:1.1rem;margin-top:16px}
.sec-dark{background:var(--ink);color:var(--white)}
.sec-dark .sec-head p{color:#B7C4D3}
.sec-head.ctr{max-width:880px;margin-left:auto;margin-right:auto;text-align:center}
.sec-head.ctr .eyebrow{justify-content:center}
.sec-head.ctr p{margin-left:auto;margin-right:auto;max-width:60ch}
.spine{display:grid;grid-template-columns:1.08fr .92fr;gap:50px;align-items:center}
.spine h2{font-size:clamp(2rem,3.6vw,2.85rem)}
.spine .lead{font-size:1.14rem;color:var(--mut);margin-top:20px}
.spine .lead2{margin-top:14px;color:var(--mut);font-size:1.04rem}
.spine-photo{position:relative;border-radius:20px;overflow:hidden;min-height:430px;background:url('../images/warehousing-v1-02-293c2e6955.jpg') center/cover}
.spine-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(160deg,transparent 38%,rgba(14,34,51,.66))}
.callout{position:absolute;left:18px;right:18px;bottom:18px;background:rgba(253,252,248,.96);backdrop-filter:blur(4px);
  border:1px solid var(--line);border-radius:14px;padding:20px 22px;box-shadow:0 24px 50px -30px rgba(0,0,0,.5)}
.callout .tag{font-family:var(--mono);font-size:.62rem;letter-spacing:.14em;color:var(--amber-deep);text-transform:uppercase}
.callout h3{font-size:1.16rem;margin:8px 0 6px}
.callout p{color:var(--mut);font-size:.94rem}
@media(max-width:860px){.spine{grid-template-columns:1fr;gap:28px}
.spine-photo{min-height:320px}}
.dec-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:42px}
.dec{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:24px 22px;display:flex;flex-direction:column;position:relative;transition:.28s}
.dec:hover{transform:translateY(-5px);box-shadow:0 30px 50px -34px rgba(19,32,43,.4)}
.dec.is-relo{border:2px solid var(--amber);box-shadow:0 26px 50px -30px rgba(239,201,77,.5)}
.dec .tag{font-family:var(--mono);font-size:.58rem;letter-spacing:.1em;text-transform:uppercase;color:var(--mut-2)}
.dec.is-relo .tag{color:var(--amber-deep)}
.dec h3{font-size:1.14rem;margin:9px 0 4px;letter-spacing:-.01em}
.dec .for{font-size:.86rem;color:var(--amber-deep);font-weight:700;margin-bottom:12px}
.dec p{font-size:.92rem;color:var(--mut);margin-bottom:14px}
.dec .go{margin-top:auto;font-family:var(--mono);font-size:.62rem;letter-spacing:.08em;text-transform:uppercase;
  color:var(--ink);background:var(--paper-2);border-radius:100px;padding:8px 13px;display:inline-flex;align-self:flex-start;gap:7px}
.dec.is-relo .go{background:var(--amber)}
.dec .ribbon{position:absolute;top:-11px;left:22px;background:var(--amber);color:var(--ink);font-family:var(--mono);font-size:.56rem;letter-spacing:.1em;text-transform:uppercase;padding:4px 11px;border-radius:100px;font-weight:600}
.dec-note{margin-top:22px;color:var(--mut);font-size:1.02rem;max-width:74ch}
.dec-note b{color:var(--ink)}
@media(max-width:900px){.dec-grid{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.dec-grid{grid-template-columns:1fr}}
.svc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:42px}
.svc{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:24px 22px;transition:.28s;position:relative;overflow:hidden}
.svc::before{content:"";position:absolute;left:0;top:0;height:100%;width:4px;background:var(--amber);transform:scaleY(0);transform-origin:top;transition:.3s}
.svc:hover{transform:translateY(-5px);box-shadow:0 30px 50px -34px rgba(19,32,43,.4)}
.svc:hover::before{transform:scaleY(1)}
.svc .ic{width:44px;height:44px;border-radius:11px;background:var(--paper-2);color:var(--ink);display:grid;place-items:center;margin-bottom:14px}
.svc .ic svg{width:23px;height:23px}
.svc h4{font-family:var(--disp);font-weight:700;font-size:1.12rem;margin-bottom:7px;letter-spacing:-.01em}
.svc p{color:var(--mut);font-size:.93rem}
@media(max-width:860px){.svc-grid{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.svc-grid{grid-template-columns:1fr}}
.modes{display:grid;grid-template-columns:.78fr 1.22fr;gap:30px;margin-top:42px;align-items:stretch}
.mode-tabs{display:flex;flex-direction:column;gap:10px}
.mtab{text-align:left;background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px 18px;cursor:pointer;transition:.22s;display:flex;gap:13px;align-items:center}
.mtab:hover{border-color:var(--ink)}
.mtab.on{background:var(--ink);border-color:var(--ink);color:#fff}
.mtab .mn{font-family:var(--mono);font-size:.62rem;letter-spacing:.08em;color:var(--amber-deep)}
.mtab.on .mn{color:var(--amber)}
.mtab b{font-family:var(--disp);font-weight:700;font-size:1.05rem;letter-spacing:-.01em;display:block}
.mtab span{font-size:.84rem;color:var(--mut)}
.mtab.on span{color:#B7C4D3}
.mode-panel{position:relative;border-radius:20px;overflow:hidden;background:var(--ink-2);min-height:380px;display:flex;flex-direction:column;justify-content:flex-end}
.mode-panel img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:.5s}
.mode-panel img.on{opacity:1}
.mode-panel::after{content:"";position:absolute;inset:0;background:linear-gradient(170deg,rgba(14,34,51,.25) 30%,rgba(14,34,51,.9))}
.mp-body{position:relative;z-index:2;padding:28px;color:#fff}
.mp-body .mk{font-family:var(--mono);font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;color:var(--amber)}
.mp-body h3{font-size:1.5rem;margin:8px 0 8px;color:#fff}
.mp-body p{color:#CEDAE6;font-size:.98rem;max-width:52ch}
.mp-body .mlist{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.mp-body .mlist li{font-family:var(--mono);font-size:.6rem;letter-spacing:.06em;text-transform:uppercase;border:1px solid var(--line-d);border-radius:100px;padding:7px 12px;color:#E4EBF2}
@media(max-width:860px){.modes{grid-template-columns:1fr}
.mode-panel{min-height:320px}}
.doc{display:grid;grid-template-columns:.95fr 1.05fr;gap:46px;align-items:center}
.doc-photo{border-radius:20px;overflow:hidden;min-height:400px;background:url('../images/warehousing-v1-03-ae086f1fa2.jpg') center/cover}
.doc h2{font-size:clamp(1.9rem,3.4vw,2.7rem)}
.doc .lead{color:var(--mut);font-size:1.08rem;margin:18px 0 18px}
.doc .inc{list-style:none;display:flex;flex-direction:column;gap:11px}
.doc .inc li{display:flex;gap:11px;align-items:flex-start;font-size:.97rem}
.doc .inc li svg{width:18px;height:18px;color:var(--amber-deep);flex:none;margin-top:3px}
@media(max-width:860px){.doc{grid-template-columns:1fr;gap:26px}
.doc-photo{min-height:280px;order:-1}}
.price-toggle{display:inline-flex;gap:6px;background:#fff;border:1px solid var(--line);border-radius:100px;padding:6px;margin-top:30px}
.ptg{border:none;background:none;cursor:pointer;font-family:var(--body);font-weight:700;font-size:.92rem;color:var(--mut);padding:10px 20px;border-radius:100px;transition:.2s}
.ptg.on{background:var(--ink);color:#fff}
.price-card{margin-top:24px;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:clamp(24px,3vw,34px);display:grid;grid-template-columns:.85fr 1.15fr;gap:34px;align-items:center;box-shadow:0 30px 60px -46px rgba(27,51,70,.5)}
.price-card .pc-unit{font-family:var(--disp);font-weight:800;font-size:clamp(1.7rem,3vw,2.3rem);color:var(--ink);letter-spacing:-.02em}
.price-card .pc-unit span{display:block;font-family:var(--mono);font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;color:var(--amber-deep);margin-bottom:8px;font-weight:500}
.price-card .pc-rate{font-family:var(--disp);font-weight:700;color:var(--amber-deep);font-size:1.05rem;margin-top:12px}
.price-card .pc-desc p{color:var(--mut);font-size:1rem}
.price-card .pc-desc .best{font-family:var(--disp);font-weight:700;color:var(--ink);font-size:1.05rem;margin-bottom:8px}
@media(max-width:760px){.price-card{grid-template-columns:1fr;gap:18px}}
.facts{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:30px}
.fact{background:var(--paper-2);border:1px solid var(--line);border-radius:var(--rs);padding:22px}
.fact .fn{font-family:var(--mono);font-weight:600;color:var(--amber-deep);font-size:.78rem}
.fact h4{font-family:var(--disp);font-weight:700;font-size:1.05rem;margin:10px 0 5px;letter-spacing:-.01em}
.fact p{color:var(--mut);font-size:.9rem}
@media(max-width:820px){.facts{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.facts{grid-template-columns:1fr}}
.comply{display:grid;grid-template-columns:1.05fr .95fr;gap:46px;align-items:center}
.comply h2{font-size:clamp(1.9rem,3.4vw,2.6rem);color:#fff}
.comply .lead{color:#B7C4D3;font-size:1.08rem;margin-top:16px}
.chk{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:8px}
.chk li{display:flex;gap:11px;align-items:flex-start;font-size:.95rem;color:#E4EBF2;background:rgba(255,255,255,.04);border:1px solid var(--line-d);border-radius:12px;padding:14px 15px}
.chk li svg{width:18px;height:18px;color:var(--amber);flex:none;margin-top:2px}
@media(max-width:860px){.comply{grid-template-columns:1fr;gap:26px}
.chk{grid-template-columns:1fr}}
.scn-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:42px}
.scn{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:24px 22px;position:relative;overflow:hidden;transition:.28s}
.scn::before{content:"";position:absolute;left:0;top:0;height:100%;width:4px;background:var(--amber);transform:scaleY(0);transform-origin:top;transition:.3s}
.scn:hover{transform:translateY(-5px);box-shadow:0 30px 50px -34px rgba(19,32,43,.4)}
.scn:hover::before{transform:scaleY(1)}
.scn .who{font-family:var(--mono);font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;color:var(--amber-deep)}
.scn h4{font-family:var(--disp);font-weight:700;font-size:1.1rem;margin:10px 0 7px;letter-spacing:-.01em}
.scn p{color:var(--mut);font-size:.9rem}
@media(max-width:860px){.scn-grid{grid-template-columns:1fr 1fr}}
@media(max-width:460px){.scn-grid{grid-template-columns:1fr}}
.flow{margin-top:46px;position:relative}
.flow-line{position:absolute;left:0;right:0;top:31px;height:2px;background:linear-gradient(90deg,var(--amber),rgba(239,201,77,.25))}
.flow-steps{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;position:relative}
.fstep{text-align:left}
.fstep .fn{width:62px;height:62px;border-radius:50%;background:#fff;border:2px solid var(--amber);display:grid;place-items:center;
  font-family:var(--disp);font-weight:800;font-size:1.3rem;color:var(--amber-deep);position:relative;z-index:2;margin-bottom:14px}
.fstep h4{font-family:var(--disp);font-weight:700;font-size:1rem;margin-bottom:5px;letter-spacing:-.01em}
.fstep p{color:var(--mut);font-size:.86rem}
@media(max-width:920px){.flow-steps{grid-template-columns:1fr 1fr 1fr}
.flow-line{display:none}
.fstep{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px}
.fstep .fn{width:46px;height:46px;font-size:1.1rem;margin-bottom:10px}}
@media(max-width:520px){.flow-steps{grid-template-columns:1fr 1fr}}
.trust{position:relative;border-radius:26px;overflow:hidden;color:#fff;padding:clamp(40px,5.5vw,68px);
  background:linear-gradient(rgba(14,34,51,.82),rgba(14,34,51,.9)),url('../images/warehousing-v1-04-30ff34e706.jpg') center/cover}
.trust .th{max-width:60ch}
.trust h2{font-size:clamp(1.9rem,3.6vw,2.7rem);color:#fff}
.trust .th p{color:#C7D3E1;margin-top:14px;font-size:1.08rem}
.tstats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:34px}
.tstat b{font-family:var(--disp);font-weight:800;font-size:clamp(1.8rem,3.4vw,2.5rem);color:var(--amber);display:block;letter-spacing:-.02em}
.tstat span{font-size:.9rem;color:#C7D3E1}
.tstat .vf{font-family:var(--mono);font-size:.56rem;letter-spacing:.1em;color:#9FB1C6;text-transform:uppercase}
@media(max-width:760px){.tstats{grid-template-columns:1fr 1fr}}
.faq-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:46px;align-items:start}
.faq-item{border-bottom:1px solid var(--line)}
.faq-q{width:100%;text-align:left;background:none;border:none;cursor:pointer;padding:22px 0;display:flex;justify-content:space-between;
  gap:20px;align-items:center;font-family:var(--disp);font-weight:700;font-size:1.08rem;color:var(--ink);letter-spacing:-.01em}
.faq-q .pm{flex:none;width:26px;height:26px;border:1.5px solid var(--line);border-radius:50%;display:grid;place-items:center;transition:.3s;color:var(--amber-deep)}
.faq-item.open .pm{background:var(--amber);border-color:var(--amber);color:var(--ink);transform:rotate(180deg)}
.faq-a{max-height:0;overflow:hidden;transition:max-height .4s ease;color:var(--mut)}
.faq-a p{padding:0 0 22px;font-size:1rem;max-width:66ch}
.faq-a a{color:var(--amber-deep);font-weight:700;text-decoration:underline}
@media(max-width:820px){.faq-grid{grid-template-columns:1fr;gap:20px}}
.build{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:center;background:var(--ink);border-radius:24px;
  padding:clamp(34px,4.5vw,56px);color:#fff;overflow:hidden}
.build h3{font-size:clamp(1.6rem,2.8vw,2.2rem);color:#fff;max-width:18ch}
.build p{color:#B7C4D3;margin-top:12px;max-width:42ch}
.build .opts{display:flex;flex-direction:column;gap:10px}
.build .opt{display:flex;align-items:center;justify-content:space-between;gap:14px;background:rgba(255,255,255,.05);border:1px solid var(--line-d);
  border-radius:12px;padding:14px 18px;transition:.2s}
.build .opt:hover{background:var(--amber);color:var(--ink);border-color:var(--amber)}
.build .opt b{font-family:var(--disp);font-weight:700;font-size:1rem}
.build .opt span{font-size:.85rem;opacity:.85}
.build .opt .add{font-family:var(--mono);font-size:.6rem;letter-spacing:.1em;text-transform:uppercase}
@media(max-width:760px){.build{grid-template-columns:1fr;gap:24px}}
.cta{position:relative;border-radius:26px;overflow:hidden;color:#fff;padding:clamp(42px,6vw,72px);
  background:linear-gradient(rgba(14,34,51,.82),rgba(14,34,51,.93)),url('../images/warehousing-v1-05-9b4f53e1ea.jpg') center/cover}
.cta h2{font-size:clamp(2rem,4.2vw,3.1rem);max-width:20ch;color:#fff}
.cta p{font-size:1.12rem;margin-top:14px;max-width:52ch;color:#C7D3E1}
.cta-btns{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}
