:root { --mbs-blue: #0d6efd; --mbs-dark: #0f172a; }
        body { font-family: 'Outfit', sans-serif; background-color: #f8fafc; }
        .hero-section { background: linear-gradient(135deg, var(--mbs-dark) 0%, #1e293b 100%); color: white; padding: 100px 0; }
        .feature-icon { width: 3rem; height: 3rem; display: inline-flex; align-items: center; justify-content: center; border-radius: 0.75rem; margin-bottom: 1.5rem; font-size: 1.5rem; }
        .card { border: none; transition: transform 0.3s ease; border-radius: 1rem; }
        .card:hover { transform: translateY(-10px); }
        .code-block { background: #1e293b; color: #94a3b8; border-radius: 0.5rem; padding: 1.5rem; font-family: 'JetBrains Mono', monospace; font-size: 0.875rem; }
        .status-pill { font-size: 0.7rem; text-transform: uppercase; letter-spacing: 0.05rem; padding: 0.35rem 0.75rem; border-radius: 50px; font-weight: 700; }
        .nav-link { font-weight: 600; color: var(--mbs-dark) !important; }
        .btn-primary { padding: 0.75rem 1.5rem; font-weight: 700; border-radius: 0.75rem; }
        .mapc { height: 300px; background-color: #e2e8f0; border-radius: 10px; }