body { background-color: #020c1b; color: #8892b0; font-family: 'Segoe UI', Roboto, sans-serif; }
html { scroll-behavior: smooth; }

/* Backgrounds */
.hero-bg {
    background: linear-gradient(rgba(2,12,27,0.85), rgba(2,12,27,0.95)), url('https://images.unsplash.com/photo-1558002038-1055907df827?q=80&w=2070&auto=format&fit=crop');
    background-size: cover; background-position: center;
}

/* Hardware Catalog Grid Effects */
.hardware-item {
    transition: all 0.3s ease;
    border: 1px solid rgba(100, 255, 218, 0.1);
    background: #0a192f;
}
.hardware-item:hover {
    border-color: #64ffda; transform: translateY(-5px);
    box-shadow: 0 10px 20px -10px rgba(100, 255, 218, 0.2);
}

/* Pricing Card Hover Effects */
.card-green:hover { border-color: #64ffda; box-shadow: 0 10px 30px -10px rgba(100, 255, 218, 0.2); transform: translateY(-5px); }
.card-red:hover { border-color: #ff5757; box-shadow: 0 10px 30px -10px rgba(255, 87, 87, 0.2); transform: translateY(-5px); }
.card-blue:hover { border-color: #57cbff; box-shadow: 0 10px 30px -10px rgba(87, 203, 255, 0.2); transform: translateY(-5px); }

.check-green { color: #64ffda; margin-right: 8px; }
.check-red { color: #ff5757; margin-right: 8px; }
.check-blue { color: #57cbff; margin-right: 8px; }

/* WhatsApp Floating Button Pulse */
.whatsapp-float { animation: pulse 2s infinite; }
@keyframes pulse {
    0% { box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.7); }
    70% { box-shadow: 0 0 0 15px rgba(37, 211, 102, 0); }
    100% { box-shadow: 0 0 0 0 rgba(37, 211, 102, 0); }
}

/* Hardware Sidebar Scrollbar */
.sidebar-scroll::-webkit-scrollbar { width: 6px; }
.sidebar-scroll::-webkit-scrollbar-track { background: #020c1b; }
.sidebar-scroll::-webkit-scrollbar-thumb { background: #233554; border-radius: 10px; }
.sidebar-scroll::-webkit-scrollbar-thumb:hover { background: #64ffda; }
.hw-section { scroll-margin-top: 100px; }