*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;color:#14283c;line-height:1.55}a{text-decoration:none;color:inherit}.wrap{width:min(1150px,92%);margin:auto}
header{background:#fff;padding:18px 0;box-shadow:0 2px 12px #0001}.nav{display:flex;align-items:center;justify-content:space-between;gap:20px}.logo{font-size:22px;font-weight:800;color:#082e53}.logo b{color:#df2634}.links{display:flex;gap:20px;align-items:center;font-weight:700;font-size:14px}.btn{background:#df2634;color:#fff;padding:13px 20px;border-radius:5px;font-weight:800;display:inline-block}
.hero{background:linear-gradient(rgba(6,29,56,.72),rgba(11,79,121,.72)),url('Luxury Showroom, Pristine by ACH.png')center/cover no-repeat;color:white;padding:105px 0}.hero h1{font-size:56px;line-height:1.05;max-width:700px;margin:0 0 20px}.hero p{font-size:20px;max-width:690px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.outline{border:2px solid white;background:transparent}
.hero{background-position:center top;}
section{padding:70px 0}.center{text-align:center}.title{font-size:38px;color:#082e53;margin:0 0 12px}.lead{max-width:760px;margin:0 auto 35px;color:#607080}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{border:1px solid #e1e7ec;padding:28px;border-radius:9px;box-shadow:0 8px 24px #0000000b}.card h3{color:#082e53}.light{background:#f4f7fa}.industries{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.industry{background:white;padding:24px 12px;text-align:center;font-weight:800;border-radius:7px}
.dark{background:#082e53;color:#fff}.dark .title{color:#fff}.why{display:grid;grid-template-columns:repeat(4,1fr);gap:25px}.why p{color:#dce6ef}
.cta{background:#0d5889;color:#fff}.cta .title{color:#fff}.ctaGrid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
form{background:#fff;padding:25px;border-radius:8px;display:grid;gap:10px}input,textarea{padding:13px;border:1px solid #ccd5de;border-radius:4px;font:inherit}textarea{min-height:110px}button{border:0;cursor:pointer}
footer{background:#051a30;color:#dbe5ed;padding:35px 0}.foot{display:flex;justify-content:space-between;gap:25px}
@media(max-width:800px){.links{display:none}.hero h1{font-size:40px}.cards,.why{grid-template-columns:1fr 1fr}.industries{grid-template-columns:1fr 1fr}.ctaGrid{grid-template-columns:1fr}}
@media(max-width:500px){.cards,.why,.industries{grid-template-columns:1fr}.hero{padding:70px 0}.hero h1{font-size:35px}.title{font-size:31px}.foot{flex-direction:column}}
@media (max-width: 768px) {
    html, body {
        width: 100%;
        max-width: 100%;
        overflow-x: hidden;
    }

    .wrap {
        width: 92%;
        max-width: 100%;
    }

    header {
        padding: 12px 0;
    }

    
    
}
.client-showcase {
  display: flex;
  
  gap: 20px;
  width: 92%;
  max-width: 900px;
  margin: 30px auto 70px;
}

.client-showcase img {
  width: calc(50% - 10px);
  flex: 1 1 0;
  height: 240px;
  object-fit: cover;
  border-radius: 10px;
}

@media (max-width: 768px) {
  .client-showcase {
 flex-direction: column;
    gap: 16px;
  }

  .client-showcase img {
    height: auto;
    width: 100%;
  }
}
.logo img{height:140px;width:auto;display:block;}
header{padding:8px 0;}
@media (max-width:768px){
  .logo img{
    height:auto;
    width:90%;
    max-width:420px;
    margin:0 auto;
  }
  .logo{
    display:block;
    width:100%;
    text-align:center;
  }
}
.mobile-menu {
  display: none;
}

@media (max-width: 800px) {
  details.mobile-menu {
    display: block !important;
    width: 92% !important;
    margin: 0 auto 12px !important;
  }

  details.mobile-menu > summary {
    display: block !important;
    padding: 14px 16px !important;
    background: #082e53 !important;
    color: #ffffff !important;
    font-weight: 800 !important;
    text-align: center !important;
    cursor: pointer !important;
    list-style: none !important;
  }

  details.mobile-menu > summary::-webkit-details-marker {
    display: none !important;
  }

  details.mobile-menu:not([open]) > div.mobile-menu-links {
    display: none !important;
  }

  details.mobile-menu[open] > div.mobile-menu-links {
    display: block !important;
    width: 100% !important;
    background: #ffffff !important;
    border: 1px solid #dddddd !important;
    box-sizing: border-box !important;
  }

  details.mobile-menu[open] > div.mobile-menu-links > a {
    display: block !important;
    width: 100% !important;
    padding: 14px 16px !important;
    box-sizing: border-box !important;
    border-bottom: 1px solid #eeeeee !important;
    text-decoration: none !important;
  }
}