/* Material Handling USA — homepage merchandising system
   Direction: practical editorial commerce. White paper, bright MH-USA blue,
   ink-black type, real product photography, and deliberate asymmetry. */
:root{
  --mh-blue:#0062fe;
  --mh-blue-deep:#0050d1;
  --mh-blue-wash:#eef4ff;
  --mh-ink-soft:#616b77;
  --mh-yellow:#0062fe;
  --mh-red:#c9252d;
  --mh-blue-dark:#0045b8;
  --mh-ink:#182333;
  --mh-muted:#637083;
  --mh-paper:#fff;
  --mh-wash:#f4f8ff;
  --mh-line:#dbe3ed;
  --mh-navy:#12243a;
  --mh-orange:#f59a00;
  --mh-radius:4px;
  --mh-shadow:0 14px 34px rgba(18,36,58,.10);
}

html,body{background:var(--mh-paper);color:var(--mh-ink)}
body{font-family:"WFVisualSans","Roboto",sans-serif;letter-spacing:.005em}
a{color:var(--mh-blue)}
a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid rgba(0,98,254,.38);outline-offset:3px}
.gi-topbar,.gi-header,.gi-main-nav,.mob-nav{font-family:'Roboto',"WFVisualSans",sans-serif;letter-spacing:normal}
.home-page{max-width:1500px;margin:0 auto;background:#fff;box-shadow:none}
.home-page a{text-decoration:none}

/* Homepage opening: an editorial split, with the actual campaign photo visible. */
.hero-carousel{height:456px;background:var(--mh-navy);border-bottom:5px solid var(--mh-blue)}
.hero-slides{transition:transform .45s cubic-bezier(.2,.7,.2,1)}
.hero-slide{align-items:stretch;background:var(--mh-navy)}
.hero-slide-bg{left:49%;width:51%;background-position:center;background-size:cover}
.hero-slide-bg::after{
  background:none;
}
.hero-slide-content{width:49%;max-width:none;min-width:0;box-sizing:border-box;padding:55px 40px 55px clamp(40px,6vw,94px);display:flex;flex-direction:column;justify-content:center}
.hero-slide-content::before{
  content:"MATERIAL HANDLING USA";
  display:block;color:#9fc2ff;font-size:11px;font-weight:800;letter-spacing:.18em;margin-bottom:18px
}
.hero-slide-content h1{font-size:clamp(31px,3.4vw,48px);line-height:1.06;letter-spacing:-.045em;max-width:610px;margin:0 0 18px;text-shadow:none}
.hero-slide-content p{font-size:16px;line-height:1.6;max-width:520px;margin:0 0 28px;color:#e7edf7;text-shadow:none}
.hero-cta{align-self:flex-start;padding:14px 22px;border:1px solid #fff;border-radius:var(--mh-radius);background:#fff;color:var(--mh-blue);font-size:14px;font-weight:800}
.hero-cta:hover{background:var(--mh-blue);border-color:var(--mh-blue);color:#fff}
.hero-arrow{width:40px;height:40px;border-radius:2px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.5)}
.hero-arrow:hover{background:var(--mh-blue)}
.hero-arrow.prev{left:24px}.hero-arrow.next{right:24px}
.hero-dots{left:auto;right:24px;bottom:18px;transform:none;gap:4px}
.hero-dot{width:34px;height:24px;border-radius:0;background:transparent;position:relative}
.hero-dot::after{content:"";position:absolute;left:2px;right:2px;top:10px;height:3px;background:rgba(255,255,255,.55)}
.hero-dot.active{background:#fff;transform:none}
.hero-dot.active{background:transparent}
.hero-dot.active::after{background:#fff}

/* The category index is a compact, useful directory directly under the lead. */
.home-entry{padding:30px clamp(20px,6vw,94px) 34px;background:#fff;border-bottom:1px solid var(--mh-line)}
.home-entry-heading{display:flex;align-items:baseline;justify-content:space-between;gap:24px;margin-bottom:18px}
.home-entry-kicker{color:var(--mh-blue);font-size:10px;letter-spacing:.16em;font-weight:800}
.home-entry h2{font-size:25px;letter-spacing:-.03em;margin:5px 0 0;color:var(--mh-ink)}
.home-entry-all,.section-see-all{font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}
.home-entry-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}
.home-entry-link{min-height:74px;display:flex;align-items:center;gap:10px;padding:8px 5px;border-bottom:1px solid var(--mh-line);border-radius:0;color:var(--mh-ink);background:#fff;transition:border-color .16s,color .16s}
.home-entry-link:hover{border-color:var(--mh-blue);color:var(--mh-blue)}
.home-entry-icon{width:49px;height:49px;flex:0 0 49px;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:2px;background:var(--mh-wash)}
.home-entry-icon img{width:100%;height:100%;object-fit:contain;padding:4px}.home-entry-icon svg{width:32px;height:32px}
.home-entry-name{font-size:12px;font-weight:800;line-height:1.25}.home-entry-arrow{margin-left:auto;color:var(--mh-blue);font-size:16px}

/* Four task paths become an unmistakable utility bar, rather than promo tiles. */
.home-quickstart{display:grid;grid-template-columns:repeat(4,1fr);padding:0 clamp(20px,6vw,94px);background:var(--mh-wash);border:0}
.home-quickstart::before{content:"BUYING TOOLS";grid-column:1/-1;padding:18px 0 0;font-size:10px;font-weight:800;letter-spacing:.16em;color:var(--mh-muted)}
.quickstart-link{min-height:92px;padding:17px 20px 18px 0;border-right:1px solid var(--mh-line);color:var(--mh-ink)}
.quickstart-link:not(:first-of-type){padding-left:20px}.quickstart-link:last-child{border-right:0}
.quickstart-link:hover{background:transparent;color:var(--mh-blue)}
.quickstart-icon{width:34px;height:34px;border-radius:2px;background:#dceaff;color:var(--mh-blue)}
.quickstart-title{font-size:13px}.quickstart-sub{color:var(--mh-muted)}

/* Sections are spaced like a catalog, with one strong line of hierarchy. */
.hs{padding:62px clamp(20px,6vw,94px);background:#fff}
.section-heading-row{margin-bottom:23px;padding-bottom:14px;border-bottom:2px solid var(--mh-ink)}
.hs h2{margin:0;font-size:28px;line-height:1.05;letter-spacing:-.035em;color:var(--mh-ink)}
.cat-cards-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.cat-card{border:1px solid var(--mh-line);border-radius:var(--mh-radius);box-shadow:none;background:#fff;transition:transform .16s,border-color .16s,box-shadow .16s}
.cat-card:hover{border-color:#8cb7ff;box-shadow:var(--mh-shadow);transform:translateY(-3px)}
.cat-card-img{height:154px;background:#fff;border-bottom:1px solid var(--mh-line)}
.cat-card-img img{padding:17px;transition:transform .25s}.cat-card:hover .cat-card-img img{transform:scale(1.06)}
.cat-card-text{padding:15px 16px 17px}.cat-card-name{font-size:15px;color:var(--mh-ink)}.cat-card-subs{color:var(--mh-muted)}
.cat-card-arrow{margin-top:11px;color:var(--mh-blue);font-size:11px;letter-spacing:.08em;text-transform:uppercase}

/* Trust is intentionally factual and compact. */
.value-props-strip{display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border-top:1px solid var(--mh-line);border-bottom:1px solid var(--mh-line)}
.vp{padding:24px 20px;text-align:left;border-right:1px solid var(--mh-line)}.vp:last-child{border-right:0}
.vp .vp-icon{width:34px;height:34px;margin:0 0 12px;border-radius:2px;background:var(--mh-wash)}.vp .vp-icon svg{width:20px;height:20px}
.vp h4{font-size:13px;margin:0 0 4px;color:var(--mh-ink)}.vp p{font-size:12px;color:var(--mh-muted);line-height:1.5}

.corr-banner{margin:0 clamp(20px,6vw,94px) 2px;border:0;border-left:7px solid var(--mh-blue);border-radius:0;background:var(--mh-wash);color:var(--mh-ink);padding:25px 28px;box-shadow:none}
.corr-banner-icon{width:44px;height:44px;border-radius:2px;background:#dceaff}.corr-banner-icon svg{stroke:var(--mh-blue)}
.corr-banner-title{font-size:18px}.corr-banner-sub{color:var(--mh-muted)}.corr-banner-cta{background:var(--mh-blue);border-radius:var(--mh-radius)}.corr-banner-cta:hover{background:var(--mh-blue-dark)}
.mid-promo{margin:30px clamp(20px,6vw,94px) 0;border-radius:0;background:var(--mh-navy);padding:24px 28px}.mid-promo:hover{filter:none;background:#1d3553}

.industry-grid{grid-template-columns:repeat(3,1fr);gap:14px}.industry-tile{border:1px solid var(--mh-line);border-radius:var(--mh-radius);box-shadow:none}.industry-tile:hover{box-shadow:var(--mh-shadow);transform:translateY(-3px)}
.industry-tile .ind-img{aspect-ratio:1.8;filter:saturate(.72)}.industry-tile .ind-name{font-size:14px;color:var(--mh-ink)}.industry-tile .ind-sub{color:var(--mh-muted)}

/* About / managed trust content receives a clear split-panel treatment. */
.home-page>.hs[style*="border-top"]{padding-top:50px;border-top:1px solid var(--mh-line)!important}
.home-page>.hs[style*="border-top"]>div{grid-template-columns:minmax(0,1.45fr) minmax(260px,.75fr)!important;gap:clamp(26px,6vw,90px)!important}
.home-page>.hs[style*="border-top"] h2{font-size:30px}
.home-page>.hs[style*="border-top"]>div>div:last-child{background:var(--mh-navy)!important;border-radius:0!important;padding:30px!important}
.home-page>.hs[style*="border-top"]>div>div:last-child a{background:#fff!important;color:var(--mh-blue)!important;border-radius:var(--mh-radius)!important}

.home-newsletter{background:var(--mh-blue);padding:42px clamp(20px,6vw,94px);text-align:left}
.home-newsletter h2{font-size:25px;letter-spacing:-.03em}.home-newsletter p{font-size:14px}
.hnl-form{justify-content:flex-start;margin:0;max-width:560px}.hnl-form input{border-radius:var(--mh-radius)}.hnl-form button{border-radius:var(--mh-radius);background:var(--mh-ink)}.hnl-form button:hover{background:#07111f}

@media(max-width:1000px){.home-entry-grid{grid-template-columns:repeat(3,1fr)}.cat-cards-grid{grid-template-columns:repeat(3,1fr)}.home-quickstart{grid-template-columns:repeat(2,1fr)}.quickstart-link:nth-child(2){border-right:0}.industry-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){
 .hero-slide-bg{inset:0;width:100%}
 .hero-slide-bg::after{background:linear-gradient(90deg,rgba(11,27,47,.95),rgba(11,27,47,.52))}
 .hero-slide-content{position:relative;width:100%;max-width:640px;padding:48px clamp(25px,7vw,70px)}
}
@media(max-width:680px){
 .hero-carousel{height:390px}.hero-slide{width:100%;min-width:100%;max-width:100%;flex:0 0 100%}.hero-slide-content{width:100%;max-width:100%;min-width:0;padding:34px 20px 48px}.hero-slide-content h1{font-size:27px;white-space:normal;overflow-wrap:break-word}.hero-slide-content p{font-size:14px;white-space:normal;overflow-wrap:break-word}.hero-arrow{display:none}.hero-dots{right:20px;bottom:20px}
 .home-entry{padding:24px 14px 26px}.home-entry-heading{align-items:flex-start;flex-direction:column;gap:10px}.home-entry h2{font-size:22px}.home-entry-grid{grid-template-columns:repeat(2,1fr);gap:8px}.home-entry-link{min-height:62px;padding:8px}.home-entry-icon{width:30px;height:30px;flex-basis:30px}.home-entry-name{font-size:11px}
 .home-quickstart{padding:0 14px}.home-quickstart::before{padding-top:15px}.quickstart-link,.quickstart-link:not(:first-of-type){padding:14px 10px;min-height:82px}.quickstart-link:nth-child(odd){border-right:1px solid var(--mh-line)}.quickstart-link:nth-child(even){border-right:0}
 .value-props-strip{grid-template-columns:repeat(2,1fr)}.vp{padding:20px 14px}.vp:nth-child(odd){border-right:1px solid var(--mh-line)}.vp:nth-child(-n+2){border-bottom:1px solid var(--mh-line)}
 .hs{padding:42px 14px}.hs h2{font-size:23px}.cat-cards-grid{grid-template-columns:repeat(2,1fr);gap:10px}.cat-card-img{height:112px}.cat-card-text{padding:11px}.cat-card-name{font-size:13px}
 .corr-banner,.mid-promo{margin-left:14px;margin-right:14px}.corr-banner{padding:20px 16px}.corr-banner-left{gap:12px}.corr-banner-title{font-size:16px}.industry-grid{grid-template-columns:repeat(2,1fr);gap:10px}.industry-tile .ind-img{aspect-ratio:1.35}
 .home-page>.hs[style*="border-top"]>div{grid-template-columns:1fr!important}.home-page>.hs[style*="border-top"] h2{font-size:25px}.home-newsletter{padding:36px 14px}.hnl-form{flex-direction:column}.hnl-form input,.hnl-form button{min-height:46px}
}