/* === HHPOKER 0038 - Clean SaaS Blue Theme === */

/* Base */
html { scroll-behavior: smooth; }
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: #f1f5f9; }
::-webkit-scrollbar-thumb { background: #93c5fd; border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: #3b82f6; }

/* Navbar */
#navbar.scrolled {
    border-bottom-color: #e2e8f0 !important;
    box-shadow: 0 1px 3px rgba(0,0,0,0.05);
}

/* Feature Cards SaaS */
.feature-card-saas {
    transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.feature-card-saas:hover {
    transform: translateY(-6px);
}

/* FAQ SaaS */
.faq-toggle-saas .fa-plus { transition: transform 0.3s ease; }
.faq-toggle-saas.active .fa-plus { transform: rotate(45deg); }
.faq-toggle-saas.active + .faq-answer-saas { display: block; animation: fadeSlideIn 0.3s ease; }
.faq-answer-saas { display: none; }

@keyframes fadeSlideIn {
    from { opacity: 0; transform: translateY(-10px); }
    to { opacity: 1; transform: translateY(0); }
}

/* Mobile Menu */
#mobile-menu:not(.hidden) { animation: slideDown 0.25s ease; }
@keyframes slideDown {
    from { opacity: 0; transform: translateY(-8px); }
    to { opacity: 1; transform: translateY(0); }
}

/* Responsive */
@media (max-width: 768px) {
    .section-padding { padding-top: 3rem; padding-bottom: 3rem; }
}