/* Original responsive rules, extracted without changing their order. */
@media (max-width: 880px) {
          .rp-main-nav { display: none !important; }
          .rp-header-quiet { display: none !important; }
          .rp-menu-toggle { display: inline-flex !important; }
        }
      

        @media (max-width: 880px) {
          .hero-sec { padding: 120px 0 32px !important; }
          .db-sidebar { display: none !important; }
          .db-grid { grid-template-columns: 1fr !important; }
          .db-quick-grid { grid-template-columns: repeat(2,1fr) !important; }
          .db-stats-grid { grid-template-columns: repeat(2,1fr) !important; }
          .db-row2-grid { grid-template-columns: 1fr !important; }
        }
        @media (max-width: 640px) {
          .hero-cta-row a { width: 100%; }
        }
      

        .sp-logo {
          height: var(--h);
          width: auto;
          filter: grayscale(1) opacity(0.5);
          transition: filter 0.25s ease;
        }
        .sp-logo:hover {
          filter: none;
        }
        @media (max-width: 880px) {
          .sp-sec { padding-top: 48px !important; }
          .sp-inner { gap: 26px !important; }
        }
        @media (max-width: 640px) {
          .sp-label { font-size: 11.5px !important; white-space: normal !important; max-width: 250px; line-height: 1.5; }
          .sp-label-row { gap: 14px !important; }
          .sp-marks { gap: 22px 30px !important; max-width: 420px; }
          .sp-logo { height: var(--hm); }
        }
      

        @media (max-width: 640px) {
          .re-layout {
            grid-template-columns: minmax(0, 1fr) !important;
            gap: 10px !important;
            padding: 14px !important;
            overflow: hidden !important;
          }
          .re-msgs-wrap { max-height: 220px !important; overflow: hidden !important; }
          .re-mid-col { flex-direction: row !important; padding: 4px 0 !important; justify-content: center; }
          .re-mid-col small { max-width: none !important; }
        }
      

        @media (max-width: 1020px) {
          .show-grid-wrap { grid-template-columns: minmax(0, 1fr) !important; }
          .show-half-ui-outer { padding: 4px 20px 20px !important; min-height: 0 !important; }
          .show-half-ui-outer .show-ui-inner { border-radius: 14px !important; border: 1px solid rgba(27,27,25,0.10) !important; height: auto !important; min-height: 200px; }
          .sdm-root { padding: 16px 14px 0 14px !important; }
          .an-root { padding: 16px 14px 0 14px !important; }
        }
        @media (max-width: 880px) {
          .show-big-wrap { grid-template-columns: minmax(0, 1fr) !important; min-height: 0 !important; overflow: hidden !important; }
          .show-flip-wrap { grid-template-columns: minmax(0, 1fr) !important; }
          .show-ea-text { padding: 32px 28px 8px !important; }
          .show-ea-ui-outer { padding: 4px 20px 20px !important; min-height: 0 !important; }
          .show-flip-copy { order: 1 !important; padding: 32px 28px 8px !important; }
          .show-re-ui-outer { order: 2 !important; padding: 4px 20px 20px !important; min-height: 0 !important; }
          .show-ui-inner { border-radius: 14px !important; border: 1px solid rgba(27,27,25,0.10) !important; height: auto !important; min-height: 260px; }
          .ea-root { padding: 16px 14px 0 14px !important; }
        }
        @media (max-width: 640px) {
          .ea-root { padding: 16px 14px 0 14px !important; }
          .ea-chs { flex-direction: column !important; gap: 8px !important; overflow: visible !important; }
          .ea-chs > div { min-width: 0 !important; width: 100% !important; }
          .show-ui-inner { min-height: 200px !important; }
        }
      

        @media (max-width: 1020px) {
          .xp-pillars { grid-template-columns: 1fr !important; }
          .xp-steps { grid-template-columns: 1fr !important; gap: 22px !important; }
        }
        @media (max-width: 880px) {
          .sec-pad { padding-top: 80px !important; }
          .xp-card { grid-template-columns: minmax(0, 1fr) !important; min-height: 0 !important; }
          .xp-text { padding: 32px 28px 8px !important; }
          .xp-ui-outer { padding: 4px 20px 20px !important; min-height: 0 !important; }
          .xp-ui-inner { border-radius: 14px !important; border: 1px solid rgba(27,27,25,0.10) !important; height: auto !important; min-height: 260px; }
          .xp-steps-grid { grid-template-columns: 1fr !important; gap: 16px !important; }
        }
        @media (max-width: 640px) {
          .xp-ui { padding: 16px 14px 0 !important; }
        }
      

        @media (max-width: 880px) { .sec-pad { padding-top: 80px !important; } }
        @media (max-width: 1020px) { .steps-grid { grid-template-columns: 1fr 1fr !important; gap: 22px !important; } }
        @media (max-width: 640px) { .steps-grid { grid-template-columns: 1fr !important; } }
      

        @media (max-width: 880px) {
          .sec-pad { padding-top: 80px !important; }
          .calc-panel-wrap { grid-template-columns: 1fr !important; }
          .calc-result-pad { border-left: none !important; border-top: 1px solid var(--line) !important; }
        }
        @media (max-width: 640px) {
          .calc-tasks-pad, .calc-result-pad { padding: 26px 24px !important; }
        }
      

        @media (max-width: 880px) { .sec-pad { padding-top: 80px !important; } }
        @media (max-width: 1020px) { .feat-grid { grid-template-columns: 1fr 1fr !important; gap: 0 32px !important; } }
        @media (max-width: 640px) { .feat-grid { grid-template-columns: 1fr !important; } }
      

        @media (max-width: 880px) { .sec-pad { padding-top: 80px !important; } }
        @media (max-width: 1020px) {
          .plans-grid-v3 { grid-template-columns: 1fr !important; max-width: 480px !important; margin-left: auto !important; margin-right: auto !important; }
        }
        details summary::-webkit-details-marker { display: none; }
        details[open] summary svg { transform: rotate(180deg); }
      

        @media (max-width: 880px) { .sec-pad { padding-top: 80px !important; } .faq-cols-grid { grid-template-columns: 1fr !important; gap: 28px !important; } }
        details summary::-webkit-details-marker { display: none; }
        details[open] .fq-ic { transform: rotate(45deg); }
      

        @media (max-width: 640px) {
          .final-row { width: 100% !important; flex-direction: column !important; }
          .final-row a { width: 100%; flex: none !important; white-space: nowrap; }
        }