body {font-family: 'Roboto', sans-serif;}
.hero {background: linear-gradient(to bottom, #152f65 0%, #339edc 80%, #bce4ff 98%, #fff 100%); color: #fff; text-shadow: 1px 1px 2px rgba(0,0,0,0.5);}
.btn-primary {background: #163b58; border-color: #163b58;}
.btn-primary-glow {box-shadow: 0 0 40px rgba(0, 214, 255, 0.7); transition: all 0.3s ease;}
.btn-primary-glow:hover {box-shadow: 0 0 80px rgba(0, 214, 255, 1);}
.features-section {background: linear-gradient(to bottom, #f7fbff, #e8f3fb);}
.features-section .card {transition: transform 0.2s ease, box-shadow 0.2s ease;}
.features-section .card:hover {transform: translateY(-5px); box-shadow: 0 6px 18px rgba(0, 0, 0, 0.1);}
.text-primary {color: #163b58!important;}
[data-affiliate] {cursor:pointer; text-decoration: none;}

/* Best Value Badge */
.hero .bg-white { box-shadow: 0 4px 15px rgba(0,0,0,0.2); text-align: center; }
.hero .fw-bold { font-weight: 700; }

/* Best Value Badge */
.best-value-badge {
  display: inline-block;
  background-color: rgba(255,255,255,0.95);
  color: #163b58;
  padding: 0.65rem 1rem;
  border-radius: 0.5rem;
  font-weight: 600;
  font-size: 1rem;
  box-shadow: 0 4px 15px rgba(0,0,0,0.15);
  text-align: center;
}
.best-value-badge .badge-text {
  color: #0077c8;
  margin-right: 0.35rem;
}
@media (max-width: 768px) {
  .best-value-badge {
    font-size: 0.9rem;
    padding: 0.5rem 0.8rem;
  }
}