@media (max-width: 1199.98px) {
    .header-actions .btn {
        padding-right: 0.75rem;
        padding-left: 0.75rem;
    }

    .market-visual {
        overflow: hidden;
    }

    .floating-card-top {
        right: 0.75rem;
    }

    .floating-card-mid {
        left: 0.75rem;
    }

    .floating-card-bottom {
        right: 1.5rem;
    }
}

@media (max-width: 991.98px) {
    .site-header {
        padding: 0.65rem 0;
        background: transparent;
    }

    .site-header .container-xl {
        width: calc(100% - 1.5rem);
        padding: 0.46rem 0.65rem;
        border-radius: 24px;
    }

    .intro-strip {
        margin-top: -3.25rem;
    }

    .platform-preview {
        margin-bottom: calc(var(--section-y) * -0.72);
    }

    .hero-section {
        min-height: auto;
        padding-top: 7.5rem;
    }

    .legal-doc-hero,
    .blog-hero,
    .legal-hero,
    .conditions-hero,
    .contact-hero,
    .about-hero {
        min-height: auto;
        padding-top: 9.25rem;
    }

    .hero-video {
        opacity: 0.28;
    }

    .market-visual {
        min-height: 28rem;
        overflow: hidden;
        padding: 0.25rem;
    }

    .trust-card-grid,
    .blog-grid,
    .home-blog-layout .blog-grid,
    .blog-list-layout .blog-grid,
    .conditions-grid,
    .conditions-detail-grid,
    .tech-grid,
    .footer-contact,
    .footer-bottom {
        grid-template-columns: repeat(2, 1fr);
    }

    .section-heading.split,
    .cta-panel {
        display: grid;
        align-items: start;
    }

    .cta-actions {
        justify-content: flex-start;
    }
}

@media (max-width: 767.98px) {
    h1 {
        font-size: clamp(2.15rem, 11vw, 3rem);
    }

    .legal-doc-hero,
    .blog-hero,
    .legal-hero,
    .conditions-hero,
    .contact-hero,
    .about-hero {
        padding-top: 8.5rem;
        padding-bottom: 4.5rem;
    }

    .hero-actions,
    .cta-actions {
        display: grid;
    }

    .hero-actions .btn,
    .cta-actions .btn {
        width: 100%;
    }

    .hero-service-pills {
        display: grid;
        grid-template-columns: 1fr;
        gap: 0.7rem;
    }

    .hero-service-pills span {
        width: 100%;
        min-width: 0;
    }

    .market-visual {
        min-height: 24rem;
    }

    .phone-visual-wrap {
        min-height: 19rem;
    }

    .phone-visual-wrap img {
        max-height: 25rem;
    }

    .floating-card {
        width: 12rem;
        padding: 0.85rem;
        font-size: 0.86rem;
    }

    .neon-ring {
        width: 10rem;
        height: 10rem;
    }

    .neon-ring-two {
        width: 8rem;
        height: 8rem;
    }

    .floating-card-top {
        right: 0.75rem;
    }

    .floating-card-mid {
        left: 0.75rem;
    }

    .tech-grid,
    .conditions-grid,
    .conditions-detail-grid,
    .footer-contact,
    .footer-bottom {
        grid-template-columns: 1fr;
    }

    .journey-panel,
    .journey-steps,
    .home-blog-layout,
    .blog-list-layout,
    .blog-toolbar,
    .blog-article-layout,
    .about-corporate-panel,
    .about-mission-grid,
    .about-promise-grid,
    .contact-layout,
    .legal-layout,
    .legal-doc-layout,
    .about-principles-grid {
        grid-template-columns: 1fr;
    }

    .legal-side-panel,
    .home-blog-categories,
    .blog-article-side,
    .legal-doc-sidebar {
        position: static;
    }

    .blog-search div {
        display: grid;
    }

    .blog-search input,
    .blog-search .btn {
        width: 100%;
    }

    .blog-category-list {
        justify-content: flex-start;
    }

    .home-blog-categories {
        position: static;
    }

    .legal-block {
        grid-template-columns: 1fr;
    }

    .conditions-panel-header,
    .conditions-risk-panel {
        display: grid;
    }

    .conditions-panel-header .btn {
        width: 100%;
    }

    .journey-step {
        display: grid;
        grid-template-columns: 4.25rem 1fr;
        column-gap: 1rem;
        text-align: left;
    }

    .journey-icon {
        grid-row: span 2;
        margin-bottom: 0;
    }

    .journey-step::before,
    .journey-step::after {
        display: none;
    }

    .faq-layout {
        grid-template-columns: 1fr;
    }

    .about-promise-item {
        grid-template-columns: 3.7rem 1fr;
        gap: 1rem;
    }

    .about-promise-item i {
        width: 3rem;
        height: 3rem;
    }

    .contact-form-footer {
        display: grid;
        align-items: start;
    }

    .contact-form-footer .btn {
        width: 100%;
    }

    .faq-sidebar {
        min-height: auto;
    }

    .faq-contact-card {
        width: 100%;
        margin-top: 1.5rem;
    }

    .faq-tabs {
        display: none;
    }

    .faq-tab {
        min-width: max-content;
        flex: 0 0 auto;
    }

    .about-cta-panel {
        display: grid;
    }

    .about-cta-actions {
        justify-content: flex-start;
    }

    .market-card-grid {
        display: flex;
        gap: 1rem;
        margin-right: calc(var(--container-pad) * -1);
        margin-left: calc(var(--container-pad) * -1);
        padding: 0 var(--container-pad) 1rem;
        overflow-x: auto;
        overscroll-behavior-inline: contain;
        scroll-snap-type: x mandatory;
        scrollbar-width: thin;
    }

    .market-card-row {
        display: contents;
    }

    .market-card {
        flex: 0 0 min(20rem, 82vw);
        min-height: 20.5rem;
        scroll-snap-align: start;
    }

    .market-card,
    .market-card-row:not(:hover):not(:focus-within) .market-card.is-open,
    .market-card-row:hover .market-card:hover,
    .market-card-row:focus-within .market-card:focus,
    .market-card-row:focus-within .market-card:focus-within {
        flex-grow: 0;
    }

    .market-card a,
    .market-card-row:not(:hover):not(:focus-within) .market-card.is-open a {
        opacity: 1;
        pointer-events: auto;
        transform: none;
    }

    .choose-list > div {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 575.98px) {
    .not-found-links {
        grid-template-columns: 1fr;
    }

    .not-found-actions .btn {
        width: 100%;
    }
}

@media (max-width: 575.98px) {
    .brand-mark {
        max-width: min(180px, 56vw);
    }

    .brand-logo {
        height: 42px;
    }

    .trust-card-grid {
        grid-template-columns: 1fr;
    }

    .section-heading.compact {
        margin-bottom: 2rem;
    }
}