* { box-sizing: border-box; }
            body { margin: 0; }
            @import url('https://fonts.googleapis.com/css2?family=Archivo:wght@400;500;600;700;800;900&family=Archivo+Black&family=JetBrains+Mono:wght@400;500&display=swap');
            @keyframes pulse { 0%, 100% { opacity: 1 } 50% { opacity: .3 } }
            @keyframes mscroll { from { transform: translateX(0) } to { transform: translateX(-33.33%) } }
            /* Global title behavior */
            h1, h2 { overflow-wrap: break-word; word-break: normal; text-wrap: balance; }
            /* Unified type scale — applies across all pages */
            .hero-h1 { font-size: 72px !important; line-height: 0.96 !important; }
            .h-xl    { font-size: 64px !important; }
            .h-lg    { font-size: 56px !important; }
            .h-md    { font-size: 40px !important; }

            @media (max-width: 1280px) {
              .hero-h1 { font-size: 60px !important; }
              .h-xl    { font-size: 56px !important; }
              .h-lg    { font-size: 50px !important; }
              .h-md    { font-size: 36px !important; }
            }
            @media (max-width: 1100px) {
              .hero-h1 { font-size: 52px !important; line-height: 0.98 !important; }
              .h-xl    { font-size: 50px !important; }
              .h-lg    { font-size: 46px !important; }
              .h-md    { font-size: 34px !important; }
              .grid-foot { grid-template-columns: 1.4fr 1fr 1fr !important; gap: 22px !important; }
            }
            @media (max-width: 900px) {
              .hide-mobile { display: none !important; }
              .show-mobile { display: flex !important; }
              .grid-hero { grid-template-columns: 1fr !important; gap: 28px !important; }
              .hero-h1 { font-size: 42px !important; line-height: 1.0 !important; }
              .h-xl    { font-size: 38px !important; line-height: 1.0 !important; }
              .h-lg    { font-size: 34px !important; line-height: 1.0 !important; }
              .h-md    { font-size: 28px !important; line-height: 1.05 !important; }
              .grid-2 { grid-template-columns: 1fr !important; gap: 18px !important; }
              .grid-3 { grid-template-columns: 1fr !important; gap: 12px !important; }
              .grid-4 { grid-template-columns: 1fr 1fr !important; gap: 10px !important; }
              .grid-8 { grid-template-columns: repeat(4, 1fr) !important; gap: 4px !important; }
              .grid-stats { grid-template-columns: repeat(4, 1fr) !important; max-width: 100% !important; }
              .grid-foot { grid-template-columns: 1fr 1fr !important; gap: 22px !important; }
              .mobile-drawer { width: min(92vw, 360px) !important; }
              .grid-help-head { flex-direction: column !important; align-items: flex-start !important; }
              .pad-section { padding-top: 56px !important; padding-bottom: 56px !important; }
              .pad-hero { padding-top: 80px !important; padding-bottom: 56px !important; min-height: auto !important; }
              .lead-form-pad { padding: 22px !important; }
              .stat-card { padding: 11px 12px !important; }
              .stat-card-value { font-size: 18px !important; }
              .stat-card-label { font-size: 8px !important; }
              .container-pad { padding-left: 20px !important; padding-right: 20px !important; }
            }
            @media (max-width: 560px) {
              .hero-h1 { font-size: 36px !important; line-height: 1.0 !important; }
              .h-xl    { font-size: 32px !important; line-height: 1.02 !important; }
              .h-lg    { font-size: 28px !important; line-height: 1.04 !important; }
              .h-md    { font-size: 24px !important; line-height: 1.06 !important; }
              .grid-4 { grid-template-columns: 1fr 1fr !important; }
              .grid-8 { grid-template-columns: repeat(2, 1fr) !important; gap: 4px !important; }
              .grid-stats { grid-template-columns: repeat(2, 1fr) !important; }
              .grid-foot { grid-template-columns: 1fr !important; }
              .pad-hero { padding-top: 60px !important; padding-bottom: 40px !important; }
              .pad-section { padding-top: 40px !important; padding-bottom: 40px !important; }
              .lead-form-pad { padding: 18px !important; }
              .stat-card { padding: 9px 10px !important; }
              .stat-card-value { font-size: 16px !important; }
              .container-pad { padding-left: 16px !important; padding-right: 16px !important; }
              .nav-pad { padding: 10px 16px !important; }
              .topbar-pad { padding: 6px 16px !important; }
            }

/* ---- */

/* — Global title behavior — */
  .r4r-page h1, .r4r-page h2 {
    overflow-wrap: break-word;
    word-break: normal;
    text-wrap: balance;
  }
  /* — Large desktop (≤1280px) — */
  @media (max-width: 1280px) {
    .r4r-page .r4r-hero-h1 { font-size: 64px !important; line-height: 0.92 !important; }
    .r4r-page .r4r-h-xl { font-size: 64px !important; }
    .r4r-page .r4r-h-lg { font-size: 60px !important; }
    .r4r-page .r4r-h-md { font-size: 48px !important; }
  }
  /* — Tablet (≤1100px) — */
  @media (max-width: 1100px) {
    .r4r-page .r4r-hero-h1 { font-size: 52px !important; line-height: 0.94 !important; }
    .r4r-page .r4r-h-xl { font-size: 52px !important; }
    .r4r-page .r4r-h-lg { font-size: 48px !important; }
    .r4r-page .r4r-h-md { font-size: 40px !important; }
    .r4r-page .r4r-pkg-price { font-size: 56px !important; }
    .r4r-page .r4r-footer-grid { grid-template-columns: 1.4fr 1fr 1fr !important; gap: 24px !important; }
  }
  /* — Mobile (≤900px) — */
  @media (max-width: 900px) {
    .r4r-page .r4r-container { padding-left: 18px !important; padding-right: 18px !important; }
    .r4r-page .r4r-section { padding-top: 56px !important; padding-bottom: 56px !important; }
    .r4r-page .r4r-hero { min-height: auto !important; }
    .r4r-page .r4r-hero-pad { padding: 80px 18px 44px !important; }
    .r4r-page .r4r-hero-grid { grid-template-columns: 1fr !important; gap: 24px !important; }
    .r4r-page .r4r-hero-h1 { font-size: 42px !important; line-height: 0.96 !important; max-width: 100% !important; }
    .r4r-page .r4r-h-xl { font-size: 40px !important; line-height: 0.98 !important; }
    .r4r-page .r4r-h-lg { font-size: 36px !important; line-height: 0.98 !important; }
    .r4r-page .r4r-h-md { font-size: 30px !important; line-height: 1.02 !important; }
    .r4r-page .r4r-stats { grid-template-columns: repeat(4, 1fr) !important; max-width: 100% !important; gap: 12px !important; }
    .r4r-page .r4r-grid-2 { grid-template-columns: 1fr !important; gap: 22px !important; }
    .r4r-page .r4r-grid-3 { grid-template-columns: 1fr !important; gap: 12px !important; }
    .r4r-page .r4r-grid-4 { grid-template-columns: 1fr 1fr !important; gap: 10px !important; }
    .r4r-page .r4r-grid-8 { grid-template-columns: repeat(4, 1fr) !important; gap: 4px !important; }
    .r4r-page .r4r-help-card,
    .r4r-page .r4r-step { border-right: none !important; padding: 22px !important; }
    .r4r-page .r4r-help-card:nth-child(odd) { border-right: 2px solid #0E0E0E !important; }
    .r4r-page .r4r-step:nth-child(odd) { border-right: 2px solid #0E0E0E !important; }
    .r4r-page .r4r-help-head { flex-direction: column !important; align-items: flex-start !important; gap: 18px !important; }
    .r4r-page .r4r-help-intro { max-width: 100% !important; }
    .r4r-page .r4r-footer-grid { grid-template-columns: 1fr 1fr !important; gap: 22px !important; }
    .r4r-page .r4r-mobile-hide { display: none !important; }
    .r4r-page .r4r-faq-btn { font-size: 13px !important; padding: 14px 0 !important; }
    .r4r-page .r4r-pkg-price { font-size: 60px !important; }
    .r4r-page .r4r-sticky-call { display: flex !important; }
    .r4r-page .r4r-pkg-grid { gap: 28px !important; }
    .r4r-page .r4r-pkg-featured { transform: none !important; }
    .r4r-page .r4r-service-card { padding: 28px 24px !important; min-height: auto !important; }
    .r4r-page .r4r-pkg-regular,
    .r4r-page .r4r-pkg-featured { padding: 32px 24px !important; }
    .r4r-page .r4r-pass-mobile { display: block !important; }
  }
  /* — Small mobile (≤560px) — */
  @media (max-width: 560px) {
    .r4r-page .r4r-container { padding-left: 14px !important; padding-right: 14px !important; }
    .r4r-page .r4r-section { padding-top: 40px !important; padding-bottom: 40px !important; }
    .r4r-page .r4r-hero-pad { padding: 70px 14px 36px !important; }
    .r4r-page .r4r-hero-h1 { font-size: 36px !important; line-height: 1.0 !important; }
    .r4r-page .r4r-h-xl { font-size: 32px !important; line-height: 1.0 !important; }
    .r4r-page .r4r-h-lg { font-size: 30px !important; line-height: 1.02 !important; }
    .r4r-page .r4r-h-md { font-size: 26px !important; line-height: 1.05 !important; }
    .r4r-page .r4r-stats { grid-template-columns: repeat(2, 1fr) !important; gap: 10px !important; }
    .r4r-page .r4r-grid-3 { grid-template-columns: 1fr !important; }
    .r4r-page .r4r-grid-4 { grid-template-columns: 1fr 1fr !important; gap: 8px !important; }
    .r4r-page .r4r-grid-8 { grid-template-columns: repeat(2, 1fr) !important; gap: 4px !important; }
    .r4r-page .r4r-footer-grid { grid-template-columns: 1fr !important; }
    .r4r-page .r4r-help-card,
    .r4r-page .r4r-step { border-right: none !important; padding: 18px !important; }
    .r4r-page .r4r-help-card:nth-child(odd) { border-right: none !important; }
    .r4r-page .r4r-step:nth-child(odd) { border-right: none !important; }
    .r4r-page .r4r-pkg-price { font-size: 36px !important; }
    .r4r-page .r4r-faq-btn { font-size: 12px !important; }
  }

/* ---- */

@media (max-width: 900px) {
          .r4r-mobile-menu-btn { display: block !important; }
        }
        @keyframes slideDown {
          from { opacity: 0; transform: translateY(-10px); }
          to { opacity: 1; transform: translateY(0); }
        }

/* ---- */

@keyframes pulse { 0%, 100% { opacity: 1 } 50% { opacity: .3 } }

/* ---- */

@keyframes d2scroll { from { transform: translateX(0) } to { transform: translateX(-50%) } }

/* ---- */

@keyframes r4rPassScroll {
          from { transform: translateX(0); }
          to   { transform: translateX(-50%); }
        }
        .r4r-pass-marquee:hover .r4r-pass-track { animation-play-state: paused; }
        .r4r-pass-card:hover img { transform: scale(1.06); }
