*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:#11223a;background:#fff}.top{height:74px;display:flex;align-items:center;justify-content:space-between;padding:0 5.5vw;background:rgba(4,10,18,.96);color:#fff;position:sticky;top:0;z-index:20;border-bottom:1px solid #ffffff14}.brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none}.mark{width:40px;height:40px;border-radius:10px;background:linear-gradient(145deg,#1469e8,#ff7b24);display:grid;place-items:center;font-weight:900;font-size:21px}.brand b,.brand span{display:block}.brand b{font-size:25px}.brand span{font-size:9px;color:#ff8a2b;font-weight:bold;letter-spacing:.6px}.top nav{display:flex;gap:23px}.top nav a{color:#fff;text-decoration:none;font-size:11px;font-weight:bold;opacity:.9}.headerActions{display:flex;gap:16px;align-items:center}.phone{color:#fff;text-decoration:none;font-size:11px;font-weight:bold}.demoBtn{background:#ff7926;color:#fff;text-decoration:none;padding:11px 18px;border-radius:6px;font-size:11px;font-weight:bold}.hero{min-height:570px;background-size:cover;background-position:center;display:flex;align-items:center;color:#fff}.heroInner{width:min(1180px,89vw);margin:auto}.heroCopy{width:min(550px,100%)}.badge{display:inline-flex;gap:7px;align-items:center;padding:7px 10px;border-radius:20px;background:#ffffff10;border:1px solid #ffffff20;font-size:9px;font-weight:bold}.badge i{width:8px;height:8px;border-radius:50%;background:#21b963}.hero h1{font-size:56px;line-height:1.08;margin:18px 0}.hero h1 em{font-style:normal;color:#ff7b24}.hero p{font-size:15px;line-height:1.7;color:#e4e9ef;max-width:530px}.heroButtons{display:flex;gap:12px;margin:24px 0}.heroButtons a{padding:13px 18px;border-radius:7px;text-decoration:none;color:#fff;font-size:11px;font-weight:bold}.primary{background:#ff7926}.ghost{border:1px solid #ffffff80;background:#ffffff08}.microTrust{display:flex;gap:22px;flex-wrap:wrap;font-size:9px;color:#e8edf3}.microTrust span::first-letter{color:#21b963}.logos{padding:18px 5vw 24px;text-align:center;background:#fff;border-bottom:1px solid #edf1f5}.label{font-size:9px;letter-spacing:2px;color:#7d8998;font-weight:bold}.logoRow{display:grid;grid-template-columns:repeat(6,1fr);gap:20px;max-width:1100px;margin:18px auto 0;color:#687485;font-weight:bold;font-size:12px}.metrics{display:grid;grid-template-columns:repeat(6,1fr);background:#062454;color:#fff;padding:18px 5vw}.metrics>div{text-align:center;border-right:1px solid #ffffff2b}.metrics>div:last-child{border-right:0}.metrics b,.metrics span{display:block}.metrics b{font-size:22px}.metrics span{font-size:8px;margin-top:4px;color:#dce7f6}.section{padding:70px 5vw}.sectionTitle{text-align:center;max-width:760px;margin:0 auto 34px}.sectionTitle>span,.eyebrow,.contact span{font-size:9px;color:#ff7420;font-weight:bold;letter-spacing:1px}.sectionTitle h2{font-size:34px;margin:8px 0 7px}.sectionTitle p{font-size:12px;color:#728096}.productGrid{display:grid;grid-template-columns:1fr 1fr;gap:18px;max-width:1050px;margin:auto}.productCard{display:grid;grid-template-columns:95px 1fr;border:1px solid #dfe7f0;border-radius:16px;padding:22px;background:#fff;box-shadow:0 12px 30px #17375d12}.productCard.blue{background:linear-gradient(145deg,#f8fbff,#edf5ff)}.productCard.orange{background:linear-gradient(145deg,#fff,#fff2e9)}.productIcon{width:70px;height:70px;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:900;background:#1469e8}.orange .productIcon{background:#ff7420}.productContent>span{font-size:8px;font-weight:bold;color:#728096}.productContent h3{font-size:25px;margin:5px 0}.productContent p{font-size:11px;line-height:1.55;color:#68778b}.productContent ul{padding-left:18px;font-size:10px;line-height:1.8;color:#41526a}.productContent a{font-size:10px;font-weight:bold;color:#1469e8;text-decoration:none}.orange .productContent a{color:#e95e06}.solutionGrid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;max-width:1180px;margin:auto}.solutionGrid article{text-align:center;padding:15px}.ico{font-size:25px;color:#1469e8}.solutionGrid h3{font-size:12px}.solutionGrid p{font-size:9px;color:#718096;line-height:1.5}.alt{background:#f5f8fc}.industryGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;max-width:1000px;margin:auto}.industryGrid div{background:#fff;border:1px solid #dfe7f0;border-radius:10px;padding:18px;text-align:center;font-weight:bold;font-size:12px}.split{display:grid;grid-template-columns:1fr 1fr;gap:50px;max-width:1100px;margin:auto}.split h2{font-size:38px;margin:9px 0}.split p{color:#68778b;line-height:1.7;font-size:13px}.featureStack{display:grid;gap:12px}.featureStack>div{display:flex;gap:14px;align-items:center;border:1px solid #dfe7f0;border-radius:12px;padding:16px;background:#fbfdff}.featureStack b{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#edf5ff;color:#1469e8}.featureStack strong,.featureStack span{display:block}.featureStack span{font-size:10px;color:#68778b}.featureStack strong{font-size:13px;color:#12213a;margin-bottom:3px}.contact{width:min(1100px,90vw);margin:40px auto;background:#082651;color:#fff;border-radius:18px;display:flex;justify-content:space-between;align-items:center;gap:35px;padding:36px}.contact h2{font-size:30px;margin:7px 0}.contact p{color:#d5e0ef;font-size:12px}.contact a{background:#ff7926;color:#fff;padding:13px 18px;border-radius:7px;text-decoration:none;font-size:11px;font-weight:bold;white-space:nowrap}footer{background:#06172f;color:#c8d5e5;padding:24px 5vw;display:flex;justify-content:space-between;font-size:10px}footer b,footer span{display:block}footer b{font-size:17px;color:#fff;margin-bottom:4px}@media(max-width:1000px){.top nav{display:none}.hero h1{font-size:44px}.logoRow{grid-template-columns:repeat(3,1fr)}.metrics{grid-template-columns:repeat(3,1fr);gap:14px}.metrics>div{border-right:0}.solutionGrid{grid-template-columns:repeat(3,1fr)}}@media(max-width:720px){.headerActions .phone{display:none}.hero{background-position:65% center}.hero h1{font-size:38px}.heroCopy{background:#07111dcc;padding:20px;border-radius:14px}.heroButtons{flex-direction:column;align-items:flex-start}.productGrid,.split{grid-template-columns:1fr}.solutionGrid{grid-template-columns:repeat(2,1fr)}.industryGrid{grid-template-columns:1fr 1fr}.logoRow{grid-template-columns:1fr 1fr}.metrics{grid-template-columns:1fr 1fr}.contact{flex-direction:column;align-items:flex-start}footer{flex-direction:column;gap:12px}}
/* Selected Locamobi logo image */
.brand{height:60px;min-width:245px;overflow:hidden;display:flex;align-items:center}
.brandLogo{display:block;width:250px;height:74px;object-fit:cover;object-position:center;transform:scale(1.02)}
.mark,.brand>div:not(.mark){display:none}

/* Hero image framing: show the receptionist's complete head rather than cropping it. */
.hero{
  background-size:cover !important;
  background-position:center 20% !important;
  min-height:620px;
}
@media (min-width:1100px){
  .hero{
    background-size:cover !important;
    background-position:center 15% !important;
  }
}
@media (max-width:720px){
  .hero{
    background-size:auto 100% !important;
    background-position:62% top !important;
    min-height:650px;
  }
}


/* FINAL HEADER LOGO FIT OVERRIDE
   Keep logo as large as possible while fully contained in top menu height. */
.top{
  height:76px !important;
  min-height:76px !important;
  padding-top:0 !important;
  padding-bottom:0 !important;
  overflow:hidden !important;
}

.brand{
  height:76px !important;
  max-height:76px !important;
  width:auto !important;
  min-width:0 !important;
  display:flex !important;
  align-items:center !important;
  overflow:hidden !important;
  flex:0 0 auto !important;
  padding:3px 0 !important;
}

.brandLogo{
  display:block !important;
  width:auto !important;
  height:70px !important;
  max-height:70px !important;
  max-width:330px !important;
  object-fit:contain !important;
  object-position:left center !important;
  transform:none !important;
  margin:0 !important;
}

@media (max-width:1100px){
  .brandLogo{
    height:66px !important;
    max-height:66px !important;
    max-width:285px !important;
  }
}

@media (max-width:820px){
  .top{
    height:70px !important;
    min-height:70px !important;
    padding-left:16px !important;
    padding-right:16px !important;
  }

  .brand{
    height:70px !important;
    max-height:70px !important;
    padding:3px 0 !important;
  }

  .brandLogo{
    height:62px !important;
    max-height:62px !important;
    max-width:245px !important;
  }
}

@media (max-width:520px){
  .brandLogo{
    height:58px !important;
    max-height:58px !important;
    max-width:210px !important;
  }

  .demoBtn{
    padding:9px 11px !important;
    font-size:9px !important;
  }
}