body { font-family: 'Segoe UI', sans-serif; background: #f8f9fa; scroll-behavior: smooth; }
.navbar { background-color: #004b8d; }
.navbar-brand, .nav-link { color: #fff !important; }
.navbar-brand:hover, .nav-link:hover { color: #ffc107 !important; }

.hero { background: linear-gradient(rgba(0,75,141,0.8),rgba(0,75,141,0.8)), url('https://source.unsplash.com/1600x700/?office,business') center/cover no-repeat; padding: 120px 20px; }

.section-title { color: #004b8d; font-weight: 600; margin-bottom: 25px; }

.promo { background: #004b8d; padding: 50px 20px; border-radius: 8px; margin: 30px auto; max-width: 900px; }
.promo .old { text-decoration: line-through; color: #ffc107; }
.promo .new { color: #00ff88; font-weight: bold; font-size: 1.8rem; }

footer { background-color: #004b8d; }

.wa-float { position: fixed; width: 60px; height: 60px; bottom: 20px; right: 20px; background: #25D366; color: #fff; border-radius: 50px; text-align: center; font-size: 30px; box-shadow: 2px 2px 3px #999; z-index: 100; transition: 0.3s; }
.wa-float:hover { background: #1ebe5d; }

.cta-popup { position: fixed; bottom: 90px; right: 20px; background: #fff; border-left: 5px solid #25D366; box-shadow: 0 0 15px rgba(0,0,0,.2); padding: 15px 20px; border-radius: 10px; width: 280px; display: none; animation: fadeInUp 0.8s ease; z-index: 99; }
.cta-popup h5 { color: #004b8d; font-weight: 600; }
@keyframes fadeInUp { from { opacity: 0; transform: translateY(30px);} to { opacity: 1; transform: translateY(0);} }

#promoBar { background: #ffc107; color: #004b8d; font-weight: 600; text-align: center; padding: 5px; position: fixed; top: 0; width: 100%; z-index: 2000; }
#promoBar button { border: none; background: transparent; font-weight: bold; margin-left: 10px; }