*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:#111;background:#fff}.nav{height:72px;background:#080808;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 6%;border-bottom:4px solid #1677e8;position:sticky;top:0;z-index:10}.brand{font-weight:900;font-size:28px;letter-spacing:-1px}.brand span{color:#1677e8}.nav a{color:#fff;text-decoration:none;font-weight:700}.hero{min-height:650px;background:#f7c900;display:grid;grid-template-columns:1fr 1.15fr;align-items:center;padding:60px 6%;gap:35px}.eyebrow{font-weight:900;color:#126bd0;letter-spacing:2px}.hero h1{font-size:clamp(42px,5vw,72px);line-height:.98;margin:14px 0}.lead{font-size:21px;line-height:1.5;max-width:620px}.buttons{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.btn{padding:15px 22px;border-radius:7px;text-decoration:none;font-weight:800;display:inline-block}.primary{background:#080808;color:#fff}.secondary{border:2px solid #080808;color:#080808}.hero-image img{width:100%;display:block;border-radius:14px;box-shadow:0 20px 50px rgba(0,0,0,.25)}.strip{display:grid;grid-template-columns:repeat(3,1fr);background:#080808;color:#fff;text-align:center}.strip div{padding:22px;border-right:1px solid #333}.strip strong{color:#39f;font-size:18px}.section{padding:80px 6%;max-width:1200px;margin:auto}.section h2{font-size:42px;margin-top:0}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.cards article{padding:28px;border:2px solid #ddd;border-radius:12px}.cards h3{color:#126bd0;font-size:24px}.cards p,.contact p{font-size:18px;line-height:1.6}.yellow{background:#f7c900;padding:55px 6%;display:flex;justify-content:space-between;gap:30px;align-items:center}.yellow h2{font-size:40px;margin:0 0 10px}.specs{display:grid;gap:10px}.specs span{background:#080808;color:#fff;padding:12px 18px;border-radius:6px;font-weight:700}.contact-box{display:flex;flex-wrap:wrap;gap:18px;align-items:center;padding:25px;background:#f3f3f3;border-left:6px solid #1677e8;border-radius:8px}.contact-box strong{font-size:22px}.contact-box a{color:#126bd0;font-weight:800;text-decoration:none}.small{font-size:13px!important;color:#666}.contact{padding-bottom:60px}footer{background:#080808;color:#fff;padding:25px 6%;display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap}footer div:last-child{color:#39f;font-weight:800}@media(max-width:850px){.hero{grid-template-columns:1fr;padding-top:40px}.cards{grid-template-columns:1fr}.strip{grid-template-columns:1fr}.strip div{border-right:0;border-bottom:1px solid #333}.yellow{display:block}.hero h1{font-size:48px}}

.gallery-intro{font-size:18px;line-height:1.5;margin-top:-18px;margin-bottom:30px;color:#444}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.gallery-grid figure{margin:0;background:#080808;border-radius:14px;overflow:hidden;box-shadow:0 12px 30px rgba(0,0,0,.14)}.gallery-grid img{width:100%;height:280px;object-fit:cover;display:block}.gallery-grid figcaption{color:#fff;font-weight:800;padding:16px 18px}.night-card{border:2px solid #7dff4f}.night-card figcaption{color:#9cff67}@media(max-width:850px){.gallery-grid{grid-template-columns:1fr}.gallery-grid img{height:auto}}

/* MeasureCord Mobile Upgrade */

.hero-image {
  display: flex;
  justify-content: center;
  align-items: center;
}

.hero-image img {
  width: 100%;
  max-width: 520px;
  height: auto;
  display: block;
  margin: 0 auto;
}

.hero-copy > img {
  width: 100%;
  max-width: 900px;
  height: auto;
  display: block;
  margin: 0 auto 20px;
}

.license-cta {
  display: block;
  width: 100%;
  max-width: 500px;
  margin: 25px auto;
  padding: 16px 20px;
  text-align: center;
  font-weight: 800;
  font-size: 1.1rem;
  text-decoration: none;
  border-radius: 8px;
}

.contact-box {
  max-width: 900px;
  margin: 30px auto;
  padding: 30px 20px;
  text-align: center;
  border-radius: 12px;
}

.strip,
.section {
  width: 100%;
  box-sizing: border-box;
}

@media (max-width: 700px) {
  .hero {
    display: flex;
    flex-direction: column;
    width: 100%;
  }

  .hero-copy,
  .hero-image {
    width: 100%;
    box-sizing: border-box;
  }

  .hero-copy > img {
    max-width: 100%;
    margin-bottom: 18px;
  }

  .hero-image img {
    width: 85%;
    max-width: 420px;
  }

  .strip {
    display: grid;
    grid-template-columns: 1fr;
    width: 100%;
    gap: 15px;
    padding: 20px 15px;
  }

  .section {
    width: 100%;
    padding: 30px 18px;
  }

  .buttons {
    display: flex;
    flex-direction: column;
    gap: 12px;
  }

  .buttons .btn {
    width: 100%;
    box-sizing: border-box;
    text-align: center;
  }/* ================================
   FINAL MOBILE POLISH
   ================================ */

@media (max-width: 600px) {

  .hero h1 {
    font-size: 42px;
    line-height: 1.05;
    margin: 18px 0 18px;
  }

  .hero p {
    font-size: 20px;
    line-height: 1.45;
    margin-bottom: 22px;
  }

  .hero {
    padding-top: 20px;
    padding-bottom: 24px;
  }

  .hero-image img {
    max-width: 100%;
    margin: 0 auto 18px;
  }

  .buttons {
    gap: 10px;
    margin-top: 10px;
  }

  .buttons .btn {
    padding: 15px 16px;
    font-size: 17px;
  }

  .license-cta {
    width: 92%;
    margin: 28px auto;
    padding: 30px 20px;
    text-align: center;
  }

  .contact-box {
    width: 92%;
    margin: 28px auto;
    padding: 28px 20px;
    text-align: center;
    }
}