/* Responsive layer for id-code3007.css */

html,
body {
    max-width: 100%;
    overflow-x: clip;
}

img,
svg,
video,
iframe {
    max-width: 100%;
}

@media (max-width: 1199px) {
    .first-screen .content,
    .audience-screen .content,
    .metrics-screen__header,
    .results-screen__header,
    .faq-section__content {
        width: min(920px, calc(100% - 48px));
        max-width: none;
        margin-right: auto;
        margin-left: auto;
    }

    .metrics-screen__cards,
    .results-screen__cards,
    .results-screen__reviews {
        width: min(1140px, calc(100% - 48px));
    }

    .fit-screen__content,
    .pricing-screen__header,
    .final-cta-screen__content,
    .metrics-screen__note {
        width: min(720px, calc(100% - 48px));
    }

    .first-screen .content {
        grid-template-columns: minmax(0, 1fr) minmax(250px, .72fr);
    }

    .first-screen__title,
    .first-screen__description,
    .first-screen__actions,
    .first-screen__note {
        width: 100%;
    }

    .first-screen__title {
        font-size: clamp(44px, 5.4vw, 56px);
    }

    .first-screen__note {
        margin-left: 0;
        white-space: normal;
    }

    .first-screen__visual {
        width: min(308px, 100%);
        justify-self: end;
    }

    .audience-screen__cards {
        width: min(860px, 100%);
    }

    .metrics-screen__cards,
    .results-screen__cards,
    .results-screen__reviews {
        gap: 18px;
    }

    .metrics-card,
    .result-card,
    .review-card {
        min-width: 0;
    }

    .result-card {
        padding: 20px;
    }
}

@media (max-width: 991px) {
    .first-screen .content,
    .audience-screen .content,
    .metrics-screen__header,
    .results-screen__header,
    .faq-section__content {
        width: calc(100% - 40px);
    }

    .metrics-screen__cards,
    .results-screen__cards,
    .results-screen__reviews {
        width: calc(100% - 40px);
    }

    .fit-screen__content,
    .pricing-screen__header,
    .final-cta-screen__content,
    .metrics-screen__note {
        width: min(720px, calc(100% - 40px));
    }

    .first-screen {
        padding-top: 140px;
    }

    .first-screen .content {
        grid-template-columns: minmax(0, 1fr) minmax(210px, .58fr);
        gap: 22px;
    }

    .first-screen__description {
        font-size: 17px;
    }

    .first-screen__visual {
        margin-top: 0;
    }

    .audience-screen__cards {
        gap: 20px;
    }

    .audience-card__top,
    .audience-card__bottom {
        padding: 20px;
    }

    .audience-card__role {
        font-size: 24px;
    }

    .audience-card__goal,
    .audience-card__fact {
        font-size: 16px;
    }

    .audience-card__fact strong {
        font-size: 19px;
    }

    .audience-card__problem {
        font-size: 23px;
    }

    .audience-screen__title,
    .metrics-screen__title,
    .fit-screen__title,
    .results-screen__title,
    .results-screen__reviews-title,
    .pricing-screen__title,
    .faq-section__title,
    .final-cta-screen__title {
        font-size: clamp(46px, 6vw, 56px);
    }

    .audience-screen__lead,
    .metrics-screen__lead,
    .fit-screen__lead,
    .results-screen__lead,
    .pricing-screen__lead,
    .final-cta-screen__lead {
        font-size: 19px;
    }

    .metrics-screen__cards,
    .results-screen__cards,
    .results-screen__reviews {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .metrics-card {
        min-height: 0;
    }

    .metrics-screen__note h3 {
        font-size: 27px;
    }

    .metrics-screen__note p {
        font-size: 17px;
    }

    .results-screen__reviews .review-card:last-child {
        grid-column: 1 / -1;
        width: calc(50% - 9px);
        justify-self: center;
    }

    .faq-section__list {
        width: min(760px, 100%);
    }
}

@media (max-width: 767px) {
    .first-screen,
    .audience-screen,
    .metrics-screen,
    .fit-screen,
    .results-screen,
    .pricing-screen,
    .faq-section,
    .final-cta-screen {
        padding-top: 42px;
        padding-bottom: 48px;
    }

    .first-screen {
        padding-top: 128px;
    }

    .first-screen .content,
    .audience-screen .content,
    .metrics-screen__header,
    .results-screen__header,
    .faq-section__content,
    .metrics-screen__cards,
    .results-screen__cards,
    .results-screen__reviews {
        width: calc(100% - 32px);
    }

    .fit-screen__content,
    .pricing-screen__header,
    .final-cta-screen__content,
    .metrics-screen__note {
        width: calc(100% - 32px);
    }

    .first-screen .content {
        grid-template-columns: 1fr;
        gap: 28px;
    }

    .first-screen__title,
    .audience-screen__title,
    .metrics-screen__title,
    .fit-screen__title,
    .results-screen__title,
    .results-screen__reviews-title,
    .pricing-screen__title,
    .faq-section__title,
    .final-cta-screen__title {
        font-size: clamp(32px, 9vw, 44px);
        line-height: 1.02;
        letter-spacing: 0;
    }

    .first-screen__description {
        padding: 16px;
        font-size: 16px;
    }

    .first-screen__actions {
        gap: 12px;
    }

    .first-screen__button {
        min-height: 50px;
        font-size: 12px;
    }

    .first-screen__note {
        margin-top: 24px;
        font-size: 14px;
    }

    .first-screen__visual {
        justify-self: center;
        width: min(308px, 86vw);
    }

    .audience-screen__eyebrow,
    .metrics-screen__eyebrow,
    .fit-screen__eyebrow,
    .results-screen__eyebrow,
    .pricing-screen__eyebrow,
    .faq-section__eyebrow,
    .final-cta-screen__eyebrow {
        font-size: 14px;
    }

    .audience-screen__lead,
    .metrics-screen__lead,
    .fit-screen__lead,
    .results-screen__lead,
    .pricing-screen__lead,
    .final-cta-screen__lead {
        margin-top: 20px;
        margin-bottom: 28px;
        font-size: 16px;
        line-height: 1.4;
    }

    .audience-screen__cards,
    .metrics-screen__cards,
    .results-screen__cards,
    .results-screen__reviews {
        grid-template-columns: 1fr;
    }

    .audience-screen__cards {
        display: grid;
        width: min(375px, 100%);
        margin-right: auto;
        margin-left: auto;
    }

    .audience-card__top {
        min-height: 0;
    }

    .audience-card__role {
        font-size: 25px;
    }

    .audience-card__goal,
    .audience-card__fact {
        font-size: 16px;
    }

    .audience-card__problem {
        font-size: 23px;
    }

    .metrics-card {
        padding: 20px;
    }

    .metrics-card__title {
        margin-bottom: 18px;
        font-size: 19px;
    }

    .metrics-screen__note {
        margin-top: 28px;
        padding: 20px 18px 20px 30px;
    }

    .metrics-screen__note h3 {
        font-size: 24px;
    }

    .metrics-screen__note p {
        font-size: 16px;
    }

    .results-screen__reviews-title {
        margin: 60px auto 30px;
    }

    .result-card,
    .review-card {
        min-height: 0;
    }

    .results-screen__reviews .review-card:last-child {
        grid-column: auto;
        width: auto;
        justify-self: stretch;
    }

    .pricing-card {
        width: min(470px, calc(100% - 48px));
        padding: 28px 24px;
        border-radius: 22px;
    }

    .pricing-card__price {
        font-size: 50px;
    }

    .pricing-card__features {
        margin: 28px 0;
    }

    .pricing-card__features li {
        font-size: 17px;
    }

    .faq-section__title {
        margin-bottom: 20px;
    }

    .faq-section__item {
        margin-bottom: 16px;
    }

    .faq-section__question {
        gap: 12px;
        padding-top: 12px;
        font-size: 18px;
    }

    .faq-section__answer {
        width: calc(100% - 65px);
        margin-right: 0;
        padding-left: 12px;
        font-size: 16px;
    }

    .first-screen__title br,
    .audience-screen__title br,
    .metrics-screen__title br,
    .fit-screen__title br,
    .results-screen__title br,
    .results-screen__reviews-title br,
    .pricing-screen__title br,
    .faq-section__title br,
    .final-cta-screen__title br {
        display: none;
    }

    .final-cta-screen__lead {
        margin-bottom: 0;
    }

    .final-cta-screen__form,
    .final-cta-screen__button {
        margin-top: 36px;
    }
}

@media (max-width: 479px) {
    .first-screen .content,
    .audience-screen .content,
    .metrics-screen__header,
    .results-screen__header,
    .faq-section__content,
    .metrics-screen__cards,
    .results-screen__cards,
    .results-screen__reviews,
    .fit-screen__content,
    .pricing-screen__header,
    .final-cta-screen__content,
    .metrics-screen__note {
        width: calc(100% - 24px);
    }

    .first-screen {
        padding-top: 118px;
    }

    .first-screen,
    .audience-screen,
    .metrics-screen,
    .fit-screen,
    .results-screen,
    .pricing-screen,
    .faq-section,
    .final-cta-screen {
        padding-bottom: 42px;
    }

    .first-screen__title,
    .audience-screen__title,
    .metrics-screen__title,
    .fit-screen__title,
    .results-screen__title,
    .results-screen__reviews-title,
    .pricing-screen__title,
    .faq-section__title,
    .final-cta-screen__title {
        font-size: clamp(29px, 9.2vw, 38px);
    }

    .audience-card__top,
    .audience-card__bottom,
    .result-card,
    .review-card {
        padding-right: 16px;
        padding-left: 16px;
    }

    .audience-card__role {
        font-size: 22px;
    }

    .audience-card__problem {
        font-size: 21px;
    }

    .metrics-card__tags span {
        white-space: normal;
    }

    .audience-screen__cards {
        width: 100%;
    }

    .metrics-screen__note {
        padding: 18px 14px 18px 25px;
    }

    .metrics-screen__note h3 {
        font-size: 21px;
    }

    .pricing-card {
        width: calc(100% - 32px);
        padding: 24px 18px;
    }

    .pricing-card__old-price {
        font-size: 28px;
    }

    .pricing-card__price {
        font-size: 44px;
    }

    .pricing-card__price span {
        font-size: 24px;
    }

    .pricing-card__meta {
        flex-wrap: wrap;
        font-size: 16px;
    }

    .faq-section__answer {
        width: calc(100% - 48px);
        margin-right: 0;
        padding-left: 10px;
    }

    .final-cta-screen__button {
        width: 100%;
        min-height: 52px;
    }
}

@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        scroll-behavior: auto !important;
        transition-duration: .01ms !important;
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
    }
}