/* Upgrade for homepage: boxed layout and refreshed styles */
body { background: #f3f6fb; }
.site-wrap { max-width: 1100px; margin: 32px auto; background: #ffffff; box-shadow: 0 10px 30px rgba(20,30,60,0.08); border-radius: 12px; overflow: hidden; }
.header-hero { background: linear-gradient(135deg,#06d173 0%, #05c568 100%); color: #fff; }
.header-hero .navbar { background: transparent; }
.header-hero .navbar-brand { color: #fff !important; }
.site-content { padding: 28px 34px; }
.hero { padding: 48px 0; }
.hero h1 { font-size: 2.2rem; }
.hero p { color: rgba(45,55,72,0.9); }
.features .card { border: none; }
.features .feature-icon { color: #06d173; }
.card.hilight { border-left: 4px solid #06d173; }
.features { padding-top: 36px; padding-bottom: 36px; }
.features .feature-box {
  background: #ffffff;
  border-radius: 10px;
  padding: 22px 18px;
  box-shadow: 0 6px 18px rgba(20,30,60,0.05);
  min-height: 160px;
}
.features .feature-box h5 { margin-top: 0.5rem; margin-bottom: 0.6rem; }
.features .feature-box + .feature-box { margin-top: 14px; }
@media (min-width: 768px) {
  .features .row > .col-md-4 { display:flex; }
  .features .feature-box { flex:1; }
  .features .row > .col-md-4:not(:last-child) .feature-box { margin-right: 16px; }
}
.footer-compact { background: #0f1724; color: #cbd5e1; padding: 20px 24px; }
.footer-compact a { color: #9bd7b1; }
@media (max-width: 767px) {
  .site-wrap { margin: 12px; border-radius: 8px; }
  .hero h1 { font-size: 1.6rem; }
}