@media (max-width: 1199px) {
    .hero-grid, .split-hero, .feature-grid, .form-layout, .checkout-grid { grid-template-columns: 1fr; }
    .hero-visual { min-height: 520px; }
    .timeline { grid-template-columns: repeat(3, 1fr); }
    .tech-grid { grid-template-columns: repeat(4, 1fr); }
    .form-copy, .contact-card, .purchase-summary { position: static; }
}

@media (max-width: 991px) {
    .section { padding: 82px 0; }
    .service-grid, .portfolio-grid, .capability-grid { grid-template-columns: repeat(2, 1fr); }
    .package-grid { grid-template-columns: 1fr; }
    .pricing-card.is-featured { transform: none; }
    .footer-grid { grid-template-columns: repeat(2, 1fr); }
    .cta-band__inner { display: grid; }
    .post-steps { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 767px) {
    h1 { font-size: clamp(2.55rem, 15vw, 4rem); }
    .hero-section, .page-hero { min-height: auto; padding-top: 128px; }
    .hero-visual { min-height: 430px; }
    .mock-dashboard { left: 0; right: 40px; top: 38px; }
    .phone-mock { width: 142px; height: 278px; top: 150px; }
    .floating-chip { font-size: .78rem; }
    .chip-b { right: 0; }
    .service-grid, .portfolio-grid, .capability-grid, .timeline, .tech-grid, .disclaimer-box { grid-template-columns: 1fr; }
    .footer-grid { grid-template-columns: 1fr; }
    .footer-bottom { display: grid; }
    .cta-actions, .hero-actions { display: grid; }
    .btn { width: 100%; }
    .contact-form, .checkout-form, .contact-card, .purchase-summary, .pricing-card { padding: 22px; }
}