/* Responsive cho Tablet / iPad */
@media (max-width: 1024px) {
    .container {
        padding: 0 20px;
    }
    .hero-section h1 {
        font-size: 1.8rem;
    }
}

/* Responsive cho Mobile / Điện thoại */
@media (max-width: 768px) {
    .hero-section {
        padding: 40px 15px;
    }
    .hero-section h1 {
        font-size: 1.5rem;
    }
    .pricing-grid, .demo-grid {
        grid-template-columns: 1fr; /* Xếp dọc 1 cột trên mobile */
    }
    .hostinger-banner {
        padding: 25px 15px;
    }
}