*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:#092d55;background:#fff;line-height:1.55}.topbar{background:#082b50;color:#fff;padding:9px 6%;font-size:13px;display:flex;justify-content:space-between}.header{height:88px;padding:10px 6%;display:flex;align-items:center;gap:30px;border-bottom:1px solid #e7edf3;background:#fff;position:sticky;top:0;z-index:5}.brand{width:235px}.brand img{width:100%;height:65px;object-fit:contain}.header nav{display:flex;gap:24px;flex:1;justify-content:center}.header a{text-decoration:none;color:#092d55;font-size:14px;font-weight:600}.button,.outline-button{display:inline-block;padding:13px 22px;border-radius:5px;text-decoration:none;font-weight:700}.button{background:#d9a322;color:#fff;border:0}.button.small{padding:11px 18px;background:#d9a322;color:#fff}.outline-button{border:1px solid #d9a322;color:#092d55}.hero{min-height:510px;background:linear-gradient(90deg,#082b50 0%,#0e4778 48%,#dce9ef 100%);display:grid;grid-template-columns:1fr 1fr;padding:70px 7%;overflow:hidden}.hero-copy{max-width:620px;color:#fff;align-self:center}.eyebrow{letter-spacing:2px;font-size:13px;font-weight:800;color:#d9a322}.hero h1{font-size:50px;line-height:1.05;margin:10px 0 20px}.hero p:not(.eyebrow){font-size:18px;max-width:570px;margin-bottom:28px}.hero-art{position:relative;min-height:360px;background:linear-gradient(135deg,#eef5f7,#fff);border-radius:20px;margin:10px 0 0 20px;overflow:hidden}.warehouse-card{position:absolute;right:15%;top:30%;width:220px;height:145px;background:#c98d35;color:#fff;padding:25px;box-shadow:0 20px 40px #001b3333;transform:rotate(-3deg);display:flex;flex-direction:column;justify-content:center}.warehouse-card span{font-size:28px;font-weight:800}.warehouse-card b{font-size:18px}.warehouse-card small{color:#092d55}.box{position:absolute;background:#c28a3c;box-shadow:0 18px 30px #00204030}.box1{width:150px;height:110px;right:10%;bottom:8%;transform:rotate(5deg)}.box2{width:115px;height:90px;right:42%;bottom:6%;transform:rotate(-4deg)}.box3{width:90px;height:75px;right:55%;bottom:28%;transform:rotate(7deg)}.trust{display:grid;grid-template-columns:repeat(4,1fr);padding:35px 7%;background:#f3f8fb;border-bottom:1px solid #e0e9ef}.trust div{padding:5px 28px;border-right:1px solid #cbd9e4;text-align:center}.trust div:last-child{border:0}.trust b,.trust span{display:block}.trust b{margin-bottom:6px}.trust span{font-size:13px;color:#587089}.split{display:grid;grid-template-columns:1fr 1fr;gap:55px;padding:90px 7%;align-items:center}.image-panel{min-height:390px;border-radius:10px;background:linear-gradient(145deg,#0b3e6a,#122f4a 55%,#c68d32);position:relative;overflow:hidden}.image-panel:after{content:"";position:absolute;width:340px;height:220px;right:-70px;bottom:-50px;border:40px solid #ffffff20;transform:rotate(-18deg)}.panel-label{position:absolute;left:35px;bottom:35px;color:#fff;letter-spacing:3px;font-weight:800}.split h2,.section h2,.contact h2{font-size:38px;line-height:1.12;margin:10px 0 20px}.section{padding:80px 7%}.center{text-align:center}.muted{color:#61768a}.categories{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:40px}.category{min-height:145px;border:1px solid #e0e8ef;border-radius:10px;padding:30px;display:flex;align-items:end;font-weight:800;background:linear-gradient(145deg,#f8fbfc,#eef3f6);box-shadow:0 8px 20px #092d5508}.partners{display:grid;grid-template-columns:1fr 1fr}.partner{padding:65px 8%;min-height:330px}.supplier{background:#082f55;color:#fff}.reseller{background:#eef5f8}.partner h2{font-size:32px;margin:8px 0 15px}.partner p:not(.eyebrow){max-width:560px}.contact{display:grid;grid-template-columns:1fr 1fr;gap:60px;padding:80px 7%;background:#fafcfd}.contact form{display:grid;gap:13px}.contact input,.contact select,.contact textarea{font:inherit;padding:14px;border:1px solid #cbd8e3;border-radius:5px;background:#fff}.contact textarea{resize:vertical}footer{background:#062846;color:#fff;padding:55px 7% 25px;display:grid;grid-template-columns:1.5fr 1fr 1fr 1.2fr;gap:35px}footer img{width:210px;height:65px;object-fit:contain;object-position:left center;filter:brightness(0) invert(1);}.footer-brand p{color:#c9d7e4}footer div:not(.copyright){display:flex;flex-direction:column;gap:8px}footer b{margin-bottom:5px}footer a,footer span{color:#c9d7e4;text-decoration:none;font-size:14px}.copyright{grid-column:1/-1;border-top:1px solid #31506a;padding-top:20px;color:#9db1c1;font-size:12px}@media(max-width:900px){.header{height:auto;flex-wrap:wrap}.header nav{order:3;width:100%;overflow:auto;justify-content:flex-start;padding-bottom:8px}.hero,.split,.contact{grid-template-columns:1fr}.hero h1{font-size:40px}.hero-art{margin:35px 0 0}.trust{grid-template-columns:1fr 1fr}.trust div:nth-child(2){border:0}.categories{grid-template-columns:1fr 1fr}footer{grid-template-columns:1fr 1fr}}@media(max-width:600px){.topbar span{display:none}.header{padding:8px 4%;gap:10px}.brand{width:190px}.header .button{margin-left:auto}.hero,.section,.split,.contact{padding:55px 5%}.hero h1{font-size:34px}.trust{grid-template-columns:1fr;padding:25px 5%}.trust div{border:0;border-bottom:1px solid #cbd9e4;padding:18px}.categories,.partners{grid-template-columns:1fr}.split h2,.section h2,.contact h2{font-size:30px}footer{grid-template-columns:1fr;padding:45px 6%}}

/* Mobile navigation improvement — desktop layout remains unchanged */
.mobile-menu-btn,
.mobile-partner-link {
  display: none;
}

@media (max-width: 600px) {
  .header {
    position: sticky;
    top: 0;
    z-index: 20;
    min-height: 76px;
    height: auto;
    padding: 8px 5%;
    gap: 12px;
    flex-wrap: nowrap;
    align-items: center;
  }

  .brand {
    width: 170px;
    flex: 0 0 auto;
  }

  .brand img {
    height: 58px;
  }

  .desktop-partner {
    display: none;
  }

  .mobile-menu-btn {
    margin-left: auto;
    width: 46px;
    height: 46px;
    display: flex;
    flex: 0 0 46px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 5px;
    padding: 0;
    border: 1px solid #d7e0e7;
    border-radius: 9px;
    background: #fff;
    cursor: pointer;
    box-shadow: 0 3px 10px #092d5510;
  }

  .mobile-menu-btn span {
    display: block;
    width: 21px;
    height: 2px;
    border-radius: 2px;
    background: #092d55;
    transition: transform .2s ease, opacity .2s ease;
  }

  .mobile-menu-btn.open span:nth-child(1) {
    transform: translateY(7px) rotate(45deg);
  }

  .mobile-menu-btn.open span:nth-child(2) {
    opacity: 0;
  }

  .mobile-menu-btn.open span:nth-child(3) {
    transform: translateY(-7px) rotate(-45deg);
  }

  .header nav {
    position: absolute;
    top: calc(100% + 8px);
    left: auto;
    right: 5%;
    width: min(330px, 90vw);
    display: flex;
    order: initial;
    overflow: hidden;
    padding: 6px;
    background: #fff;
    border: 1px solid #dfe7ed;
    border-radius: 14px;
    box-shadow: 0 18px 45px #092d5530;
    flex-direction: column;
    gap: 2px;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-8px) scale(.98);
    transform-origin: top right;
    transition: opacity .2s ease, transform .2s ease, visibility .2s ease;
    pointer-events: none;
  }

  .header nav.open {
    opacity: 1;
    visibility: visible;
    transform: translateY(0) scale(1);
    pointer-events: auto;
  }

  .header nav a {
    display: block;
    width: 100%;
    padding: 14px 16px;
    border-bottom: 0;
    border-radius: 9px;
    font-size: 15px;
    font-weight: 700;
  }

  .header nav a:hover,
  .header nav a:focus-visible {
    background: #f3f7fa;
    outline: none;
  }

  .header nav .mobile-partner-link {
    display: block;
    margin: 6px 0 2px;
    width: 100%;
    padding: 14px 16px;
    border: 0;
    border-radius: 9px;
    background: #d9a322;
    color: #fff;
    text-align: center;
    font-weight: 700;
    box-shadow: 0 5px 12px #d9a32235;
  }

  .header nav .mobile-partner-link:hover,
  .header nav .mobile-partner-link:focus-visible {
    background: #c7921d;
  }
}

@media (prefers-reduced-motion: reduce) {
  .header nav,
  .mobile-menu-btn span {
    transition: none;
  }
}

/* Mobile v5: compact navigation only — desktop styles remain unchanged */
@media (max-width: 600px) {
  .header nav {
    top: calc(100% + 6px);
    right: 4%;
    width: min(310px, 92vw);
    padding: 5px;
    gap: 1px;
    border-radius: 12px;
    box-shadow: 0 14px 34px #092d5528;
  }

  .header nav a {
    padding: 10px 13px;
    min-height: 42px;
    display: flex;
    align-items: center;
    font-size: 14px;
    line-height: 1.2;
    border-radius: 7px;
  }

  .header nav .mobile-partner-link {
    min-height: 44px;
    margin: 4px 0 1px;
    padding: 10px 13px;
    justify-content: center;
    font-size: 14px;
    border-radius: 8px;
  }
}

/* Business content + visual category cards */
.category-section{background:#f7fafc}.categories{grid-template-columns:repeat(4,1fr);align-items:stretch}.category{padding:0;display:block;overflow:hidden;background:#fff;min-height:0}.category img{display:block;width:100%;height:165px;object-fit:cover;background:#eef4f7}.category div{padding:18px 18px 20px}.category h3{margin:0 0 5px;font-size:18px;line-height:1.2}.category p{margin:0;color:#61768a;font-size:14px}.business-info{margin-top:28px;padding:22px;border-left:4px solid #d9a322;background:#fff;border-radius:6px;box-shadow:0 8px 22px #092d550a}.business-info p{margin:6px 0}.business-info a{color:#092d55}.contact form .button{cursor:pointer;font:inherit}
@media(max-width:1050px){.categories{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){.categories{grid-template-columns:1fr 1fr}.category img{height:140px}}
@media(max-width:480px){.categories{grid-template-columns:1fr}.category img{height:180px}}