@media (max-width: 1020px) {
            .primary-menu { display: none; }
            .introduction-layout { grid-template-columns: 1fr; gap: 32px; }
            .introduction-copy { text-align: center; }
            .introduction-summary { margin-inline: auto; }
            .introduction-actions, .introduction-points { justify-content: center; }
            .introduction-artwork { min-height: 520px; }
            .benefits-list { grid-template-columns: 1fr 1fr; }
            .inbox-layout { grid-template-columns: 1fr; }
            .inbox-copy { text-align: center; }
            .inbox-copy .section-summary { margin-inline: auto; }
            .inbox-points { max-width: 620px; margin-inline: auto; text-align: left; }
            .inbox-preview { max-width: 690px; width: 100%; margin-inline: auto; }
            .billing-layout { grid-template-columns: 1fr; gap: 38px; }
            .billing-intro { position: static; text-align: center; }
            .billing-intro .section-summary { margin-inline: auto; }
            .footer-layout { grid-template-columns: 1fr; gap: 38px; }
        }

        @media (max-width: 700px) {
            .page-frame { width: min(100% - 24px, 1180px); }
            .top-navigation { padding: 10px 0; }
            .navigation-row { min-height: 48px; gap: 10px; }
            .skazhi-brand img { width: 104px; }
            .subscription-cancel { display: none; }
            .navigation-action { margin-left: auto; min-height: 43px; padding-inline: 15px; font-size: 12px; }
            .introduction { min-height: 0; padding: 54px 0 84px; }
            h1 { font-size: clamp(47px, 14.3vw, 67px); }
            .introduction-summary { font-size: 16px; }
            .introduction-actions .action-button { width: 100%; }
            .introduction-artwork { min-height: 390px; }
            .artwork-note { padding: 10px 12px; }
            .artwork-note.artwork-note--messages { left: 0; top: 55px; }
            .artwork-note.artwork-note--safety { right: 0; bottom: 35px; }
            .service-metrics { margin-top: -34px; }
            .metrics-row { grid-template-columns: 1fr; }
            .metric-item { padding: 22px; border-right: 0; border-bottom: 1px solid var(--line); }
            .metric-item:last-child { border-bottom: 0; }
            .page-section { padding: 78px 0; }
            .section-heading { font-size: clamp(39px, 12vw, 54px); }
            .benefits-list, .setup-list, .safety-layout { grid-template-columns: 1fr; }
            .benefit-item { min-height: 225px; }
            .setup-item { min-height: 260px; padding: 25px; }
            .moderation-panel, .platform-panel { min-height: 0; padding: 34px 22px; }
            .inbox-preview { min-height: 520px; padding: 19px; }
            .closing-layout { align-items: stretch; flex-direction: column; }
            .closing-section .action-button { width: 100%; }
            .footer-menu { grid-template-columns: 1fr; }
            .footer-legal { flex-direction: column; }
            .privacy-notice { right: 12px; bottom: 12px; width: calc(100% - 24px); align-items: stretch; flex-direction: column; }
        }