@media (max-width: 900px) {
  body > div[style*="position: fixed"][style*="bottom: 24px"][style*="design"],
  div[style*="position: fixed"][style*="bottom: 24px"][style*="left: 50%"] {
    display: none !important;
  }

  div[style*="position:fixed"][style*="inset:0"],
  div[style*="position: fixed"][style*="inset: 0"] {
    width: 100vw !important;
    max-width: 100vw !important;
    overflow: hidden !important;
  }

  div[style*="width:620px"][style*="height:620px"],
  div[style*="width:680px"][style*="height:680px"],
  div[style*="width:520px"][style*="height:520px"],
  div[style*="width:520px"][style*="height:420px"] {
    max-width: 100vw !important;
    width: 92vw !important;
    height: 92vw !important;
  }

  html,
  body {
    width: 100% !important;
    overflow-x: hidden !important;
  }

  body {
    min-width: 0 !important;
  }

  nav {
    position: sticky !important;
    top: 0 !important;
    align-items: flex-start !important;
    gap: 14px !important;
    padding: 14px 16px !important;
    overflow-x: auto !important;
    overflow-y: visible !important;
    -webkit-overflow-scrolling: touch !important;
  }

  nav > a:first-child {
    flex: 0 0 auto !important;
    min-width: max-content !important;
  }

  nav > div:last-child {
    display: flex !important;
    flex: 1 0 auto !important;
    gap: 10px !important;
    align-items: center !important;
    overflow-x: auto !important;
    padding: 0 4px 8px 0 !important;
    white-space: nowrap !important;
    -webkit-overflow-scrolling: touch !important;
    max-width: calc(100vw - 150px) !important;
  }

  nav > div:last-child > a,
  nav .znav > a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 38px !important;
    padding: 9px 13px !important;
    border-radius: 999px !important;
    background: rgba(255, 255, 255, .045) !important;
    border: 1px solid rgba(255, 255, 255, .08) !important;
    font-size: 13px !important;
  }

  nav .zdrop {
    display: none !important;
  }

  section,
  footer {
    max-width: 100% !important;
    padding-left: 18px !important;
    padding-right: 18px !important;
  }

  section {
    padding-top: 44px !important;
    padding-bottom: 28px !important;
  }

  footer {
    margin-top: 56px !important;
    padding-top: 30px !important;
    padding-bottom: 48px !important;
  }

  h1 {
    max-width: 100% !important;
    font-size: clamp(34px, 11vw, 48px) !important;
    line-height: 1.04 !important;
    letter-spacing: -.035em !important;
  }

  h2 {
    max-width: 100% !important;
    font-size: clamp(25px, 8vw, 36px) !important;
    line-height: 1.12 !important;
  }

  h3 {
    line-height: 1.18 !important;
  }

  p {
    max-width: 100% !important;
  }

  [style*="font-size:18px"] {
    font-size: 16px !important;
  }

  [style*="font-size:17px"] {
    font-size: 15px !important;
  }

  [style*="grid-template-columns:repeat(4"],
  [style*="grid-template-columns: repeat(4"],
  [style*="grid-template-columns:repeat(3"],
  [style*="grid-template-columns: repeat(3"],
  [style*="grid-template-columns:repeat(2"],
  [style*="grid-template-columns: repeat(2"],
  [style*="grid-template-columns:1fr 1fr"],
  [style*="grid-template-columns:.9fr 1.1fr"],
  [style*="grid-template-columns:1.3fr 1fr"],
  [style*="grid-template-columns:1fr 1.4fr"],
  [style*="grid-template-columns:1fr 1.1fr"] {
    grid-template-columns: 1fr !important;
  }

  [style*="display:flex"][style*="width:max-content"],
  [style*="display: flex"][style*="width: max-content"] {
    max-width: none !important;
  }

  [style*="display:grid"] {
    gap: 14px !important;
  }

  [style*="padding:44px"],
  [style*="padding:40px"],
  [style*="padding:36px"],
  [style*="padding:34px"],
  [style*="padding:32px"],
  [style*="padding:30px"],
  [style*="padding:28px"],
  [style*="padding:26px"] {
    padding: 22px !important;
  }

  [style*="border-radius:28px"],
  [style*="border-radius:26px"],
  [style*="border-radius:24px"] {
    border-radius: 22px !important;
  }

  [style*="display:flex"][style*="justify-content:space-between"] {
    align-items: flex-start !important;
    gap: 18px !important;
  }

  a[style*="padding:16px"],
  a[style*="padding:17px"],
  button[style*="padding:16px"],
  button[style*="padding:17px"] {
    width: 100% !important;
    justify-content: center !important;
    text-align: center !important;
  }

  footer > div,
  footer > span {
    width: 100% !important;
  }
}

@media (max-width: 520px) {
  nav {
    padding: 12px 14px !important;
  }

  nav > a:first-child span:last-child {
    font-size: 16px !important;
  }

  nav > a:first-child span:first-child {
    width: 36px !important;
    height: 36px !important;
  }

  section:first-of-type {
    padding-top: 42px !important;
  }

  h1 {
    font-size: clamp(32px, 12vw, 43px) !important;
  }

  [style*="letter-spacing:.3em"],
  [style*="letter-spacing: .3em"],
  [style*="letter-spacing:.2em"],
  [style*="letter-spacing: .2em"] {
    letter-spacing: .14em !important;
  }

  [style*="height:520px"],
  [style*="height:480px"],
  [style*="width:1100px"] {
    width: 720px !important;
    height: 360px !important;
  }
}
