/* =============================================
   Casino Creatives — Responsive Styles
   ============================================= */

@media (max-width: 1024px) {
    .nav-links { display: none; }
    .mobile-menu-btn { display: block; }
    .hero-inner { grid-template-columns: 1fr; }
    .hero-visual { display: none; }
    .adv-grid { grid-template-columns: repeat(2, 1fr); }
    .steps-grid { grid-template-columns: repeat(2, 1fr); }
    .examples-grid { grid-template-columns: repeat(2, 1fr); }
    .pricing-grid {
        grid-template-columns: 1fr;
        max-width: 380px; margin-left: auto; margin-right: auto;
    }
    .whyus-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 768px) {
    section { padding: 72px 0; }
    .hero { min-height: auto; padding-top: 110px; padding-bottom: 40px; }
    .hero h1 { font-size: 30px; }
    .hero-sub { font-size: 15px; }
    .fit-grid { grid-template-columns: 1fr; }
    .why-grid { grid-template-columns: 1fr; }
    .form-wrapper { padding: 32px 22px; border-radius: 18px; }
    .sticky-cta { display: block; }
    body { padding-bottom: 76px; }
    .nav-cta { display: none; }
    .adv-grid { grid-template-columns: 1fr; }
    .whyus-grid { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 480px) {
    .container { padding: 0 16px; }
    .steps-grid { grid-template-columns: 1fr; }
    .examples-grid { grid-template-columns: 1fr; }
    .hero-features { flex-direction: column; gap: 12px; }
    .hero-buttons { flex-direction: column; width: 100%; }
    .hero-buttons .btn-primary,
    .hero-buttons .btn-secondary {
        width: 100%; text-align: center; justify-content: center;
    }
    .whyus-grid { grid-template-columns: 1fr; }
    .pricing-grid { max-width: 100%; }
}