* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: #FFFFFF; color: #263238; font-family: Inter, system-ui, sans-serif; -webkit-font-smoothing: antialiased; }
a { color: #1E3A5F; text-decoration: none; }
a:hover { color: #2E7D5B; }

.nav-link { color: #4A5A68; }
.nav-link:hover { color: #2E7D5B; }

.footer-link { color: #263238; }
.footer-link:hover { color: #2E7D5B; }

.btn-solid {
  display: inline-flex; align-items: center; gap: 9px;
  padding: 13px 22px; border-radius: 3px;
  background: #1E3A5F; color: #FFFFFF;
  font-family: Manrope, sans-serif; font-weight: 600; font-size: 14.5px;
}
.btn-solid:hover { background: #16323F; color: #FFFFFF; }

.btn-ghost {
  display: inline-flex; align-items: center; gap: 9px;
  padding: 13px 22px; border-radius: 3px;
  border: 1px solid #C9D3DC; color: #1E3A5F;
  font-family: Manrope, sans-serif; font-weight: 600; font-size: 14.5px;
}
.btn-ghost:hover { border-color: #2E7D5B; color: #2E7D5B; }

.product-card {
  display: flex; flex-direction: column; gap: 18px;
  padding: clamp(32px,3.6vw,44px); border-radius: 4px;
  min-height: 280px;
  transition: transform .2s ease, box-shadow .2s ease;
}
.product-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 18px 40px -22px rgba(30,58,95,0.55);
  color: #FFFFFF;
}