body {
    font-family: Arial, sans-serif;
    background: #f8f9fa;
}

.navbar {
    background: #000 !important;
}

.hero {
    background: linear-gradient(135deg, #000, #222);
    color: white;
    padding: 80px 0;
}

.hero h1 {
    font-size: 52px;
    font-weight: bold;
}

.hero p {
    font-size: 22px;
    margin: 20px 0;
}

.hero-logo {
    max-width: 350px;
}

.custom-card {
    border: none;
    box-shadow: 0 4px 20px rgba(0,0,0,0.1);
    transition: 0.3s;
}

.custom-card:hover {
    transform: translateY(-8px);
}

.custom-card h3 {
    color: #ff9800;
}

.benefits {
    background: white;
}

.footer {
    background: #000;
    color: white;
    padding: 20px;
}