/* styles.css — custom visual polish for DigitalMotions */

:root{--brand:#0d6efd;--muted:#6c757d}
*{box-sizing:border-box}
body{
  font-family: system-ui,-apple-system,'Segoe UI',Roboto,Arial;
  margin:0;
  padding-top:72px;
  scroll-behavior:smooth;
  background:#fbfbfd;
  color:#212529;
}

/* Navbar backdrop */
.navbar-backdrop{
  backdrop-filter: blur(6px);
  background: rgba(255,255,255,0.88);
}

/* Hero */
.hero{
  min-height:62vh;
  display:flex;
  align-items:center;
  background: linear-gradient(90deg, rgba(13,110,253,0.04), transparent);
}
.hero-img{
  max-height:320px;
  object-fit:cover;
  width:100%;
}

/* Badges & cards */
.badge-pill{border-radius:999px;padding:.35rem .7rem}
.card-hover{transition:transform .22s,box-shadow .22s}
.card-hover:hover{transform:translateY(-6px);box-shadow:0 14px 40px rgba(13,110,253,0.06)}
.price-tag{font-weight:700;font-size:1.05rem}

/* Grid demo images */
.demo-img{height:160px;object-fit:cover;border-radius:.5rem}

/* Go top */
.go-top{position:fixed;right:1rem;bottom:1rem;display:none;z-index:1050}

/* Footer */
footer a{color:inherit;text-decoration:none}
footer .small{opacity:.85}

/* Responsive tweaks */
@media (max-width:767px){
  .hero{min-height:48vh}
  .demo-img{height:140px}
  .hero-img{max-height:220px}
}