/* Brand */
:root {
    --brand: #ff9f43;
    }
    .btn-brand {
    background-color: var(--brand);
    color: #1f2937;
    border: none;
    }
    .btn-brand:hover { filter: brightness(0.98); }
    .text-brand { color: var(--brand) !important; }
    .bg-brand-soft { background: rgba(255,159,67,.08); }
    .border-brand { border-color: rgba(255,159,67,.5) !important; }
    .badge-brand { background: var(--brand); color: #1f2937; }
    
    
    /* Hero polish */
    .hero-illustration { border-radius: 1rem; box-shadow: 0 12px 30px rgba(0,0,0,.08); border: 1px solid #eee; }
    
    .badge-legend{
        background:#6f42c1; /* bootstrap purple-ish */
        color:#fff;
      }
      
    /* Card polish */
    .card-feature { transition: transform .15s ease, box-shadow .15s ease; }
    .card-feature:hover { transform: translateY(-2px); box-shadow: 0 12px 24px rgba(0,0,0,.08); }