@media (min-width: 1024px) {
  .shell {
    max-width: 720px;
  }

  #pricing, .close {
    max-width: 720px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-right: 20px;
  }

  #pricing button, #pricing .btn, .close button, .close .btn, .sticky button, .sticky .btn {
    max-width: 480px;
    display: block;
    margin-left: auto;
    margin-right: auto;
  }

  .sticky {
    display: none !important;
  }

  .foot {
    max-width: 720px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-right: 20px;
  }

  .hdr img, .hdr svg {
    width: auto;
    height: 48px;
  }

  .stats label, .stats span, .stats p {
    font-size: 14px;
  }

  .hero h1 {
    font-size: 52px;
    line-height: 1.1;
  }

  #results h2, .sec h2 {
    font-size: 28px;
  }

  .tlist {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
  }

  .tcard {
    width: 100%;
  }

  .car-section .eyebrow, .car-section [class*="label"] {
    max-width: 720px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
  }

  .fblock img, .fblock [class*="avatar"] {
    width: 64px;
    height: 64px;
  }

  .hdr [class*="btn"], .hdr a[href*="patreon"] {
    font-size: 15px;
    padding: 10px 24px;
  }

  .car-scroll {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    overflow-x: visible !important;
    padding: 2px 0 10px 0;
    max-width: 720px;
    margin-left: auto;
    margin-right: auto;
  }

  .car-card {
    flex: unset !important;
    width: 100% !important;
  }

}