@media (max-width: 991.98px) {
    .section-space {
        padding: 70px 0;
    }

    .hero-card {
        min-height: 560px;
        padding: 64px 30px;
    }

    .counter-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .site-header {
        padding-top: 12px !important;
        padding-bottom: 12px !important;
    }

    .site-header .navbar {
        border-radius: 16px;
        padding: 10px 12px !important;
    }

    .navbar-toggler {
        margin-left: auto;
    }

    .navbar-collapse {
        margin-top: 10px;
        padding: 10px;
        border-radius: 12px;
        background: rgba(8, 34, 56, 0.92);
        border: 1px solid rgba(169, 203, 255, 0.18);
    }

    .navbar-nav {
        padding-top: 4px;
        gap: 4px !important;
    }

    .nav-item {
        animation: none;
        opacity: 1;
        transform: none;
    }

    .nav-link {
        display: block;
        padding: 10px 12px;
        border-radius: 10px;
    }

    .nav-link:hover,
    .nav-link:focus {
        background: rgba(230, 240, 250, 0.12);
        transform: none;
    }

    .footer-shell {
        padding: 28px;
    }

    .about-glass {
        max-width: 200px;
    }

    .services-shape-2 {
        left: -20px;
    }

    .services-heading {
        font-size: clamp(1.8rem, 6vw, 2.8rem);
    }

    .process-shape-2 {
        left: -56px;
    }
}

@media (max-width: 767.98px) {
    .section-space {
        padding: 56px 0;
    }

    .hero-card {
        min-height: 500px;
        padding: 52px 22px;
    }

    .hero-card h1 {
        font-size: 2rem;
    }

    .site-header .navbar {
        border-radius: 12px;
    }

    .section-title {
        font-size: 1.5rem;
    }

    .content-card,
    .service-card,
    .process-card,
    .value-card,
    .cta-card {
        padding: 22px;
    }

    .counter-grid {
        grid-template-columns: 1fr;
    }

    .counter-number {
        font-size: 3.4rem;
    }

    .image-wrapper,
    .image-wrapper img {
        min-height: 300px;
    }

    .about-glass {
        max-width: 180px;
        padding: 10px 12px;
    }

    .about-glass-middle {
        display: none;
    }

    .services-trust {
        font-size: 0.78rem;
        padding: 6px 12px;
    }

    .services-subtitle {
        font-size: 0.96rem;
    }

    .cta-title {
        font-size: 1.75rem;
    }

    .cta-points span {
        width: 100%;
    }

    .value-title {
        font-size: clamp(2rem, 13vw, 3.3rem);
        line-height: 1;
    }

    .process-title {
        font-size: 1.9rem;
    }

    .process-shape-1,
    .process-shape-2,
    .process-shape-3 {
        display: none;
    }

    .services-shape-1,
    .services-shape-2,
    .services-shape-3 {
        display: none;
    }

    .hero-trust span {
        width: 100%;
        justify-content: center;
    }

    .footer-shell {
        padding: 22px;
    }
}