html,
body,
#dc-root,
#dc-root > .sc-host {
  height: auto !important;
  min-height: 100%;
}

@media (min-width: 761px) and (max-width: 1440px) {
  nav > div,
  section,
  footer > div,
  div[style*="position:fixed"][style*="bottom:0"] > div,
  div[style*="position: fixed"][style*="bottom: 0"] > div {
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  div[style*="position:fixed"][style*="bottom:0"],
  div[style*="position: fixed"][style*="bottom: 0"] {
    display: none !important;
  }
}

@media (max-width: 760px) {
  body {
    overflow-x: hidden !important;
  }

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

  nav > div {
    padding: 14px 20px !important;
    gap: 18px !important;
    justify-content: flex-start !important;
    overflow-x: auto !important;
    scrollbar-width: none;
  }

  nav > div::-webkit-scrollbar {
    display: none;
  }

  nav > div > div:first-child {
    gap: 20px !important;
    flex-shrink: 0 !important;
  }

  nav > div > div:first-child > a {
    gap: 8px !important;
  }

  nav > div > div:first-child > a span:last-child {
    display: none !important;
  }

  nav > div > div:first-child > div {
    display: none !important;
  }

  nav > div > div:last-child {
    display: none !important;
  }

  section,
  footer > div {
    padding-left: 20px !important;
    padding-right: 20px !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  section[id="top"] {
    padding-top: 52px !important;
  }

  section[id="top"],
  section[id="top"] * {
    min-width: 0 !important;
  }

  section[id="top"] > div,
  div[style*="grid-template-columns:1fr 1.04fr"],
  div[style*="grid-template-columns: 1fr 1.04fr"],
  div[style*="grid-template-columns:1fr 1.05fr"],
  div[style*="grid-template-columns: 1fr 1.05fr"],
  div[style*="grid-template-columns:1fr 1.1fr"],
  div[style*="grid-template-columns: 1fr 1.1fr"],
  div[style*="grid-template-columns:1.1fr 1fr"],
  div[style*="grid-template-columns: 1.1fr 1fr"],
  div[style*="grid-template-columns:1.1fr 0.95fr"],
  div[style*="grid-template-columns: 1.1fr 0.95fr"],
  div[style*="grid-template-columns:repeat(2"],
  div[style*="grid-template-columns: repeat(2"],
  div[style*="grid-template-columns:repeat(3"],
  div[style*="grid-template-columns: repeat(3"],
  footer > div {
    grid-template-columns: 1fr !important;
  }

  div[style*="grid-template-columns:1fr 1.04fr"],
  div[style*="grid-template-columns: 1fr 1.04fr"],
  div[style*="grid-template-columns:1fr 1.05fr"],
  div[style*="grid-template-columns: 1fr 1.05fr"],
  div[style*="grid-template-columns:1fr 1.1fr"],
  div[style*="grid-template-columns: 1fr 1.1fr"],
  div[style*="grid-template-columns:1.1fr 1fr"],
  div[style*="grid-template-columns: 1.1fr 1fr"],
  div[style*="grid-template-columns:1.1fr 0.95fr"],
  div[style*="grid-template-columns: 1.1fr 0.95fr"],
  div[style*="grid-template-columns:repeat(2"],
  div[style*="grid-template-columns: repeat(2"],
  div[style*="grid-template-columns: repeat(3"] {
    gap: 28px !important;
  }

  section[data-screen-label="pricing"] > div[style*="grid-template-columns"],
  section[data-screen-label="pricing"] div[style*="grid-template-columns"],
  section[data-screen-label="mcp-cards"] > div,
  section[data-screen-label="mcp-steps"] > div[style*="grid-template-columns"],
  section[data-screen-label="built-for"] > div[style*="grid-template-columns"],
  section[data-screen-label="testimonials-1"] > div,
  section[data-screen-label="testimonials-2"] > div,
  section[data-screen-label="testimonials-4"] > div,
  section[data-screen-label="testimonial-wall"] > div[style*="grid-template-columns"] {
    grid-template-columns: 1fr !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  section[data-screen-label="pricing"],
  section[data-screen-label="mcp-cards"],
  section[data-screen-label="mcp-steps"],
  section[data-screen-label="pricing"] *,
  section[data-screen-label="mcp-cards"] *,
  section[data-screen-label="mcp-steps"] * {
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  section[data-screen-label="pricing"] div[style*="padding:34px"],
  section[data-screen-label="pricing"] div[style*="padding:36px"],
  section[data-screen-label="pricing"] div[style*="padding:38px"],
  section[data-screen-label="mcp-cards"] div[style*="padding:32px"],
  section[data-screen-label="mcp-steps"] div[style*="padding:32px"] {
    padding: 24px !important;
  }

  section[data-screen-label="pricing"] span[style*="font-size:46px"],
  section[data-screen-label="pricing"] div[style*="font-size:44px"],
  section[data-screen-label="pricing"] div[style*="font-size:46px"] {
    font-size: 38px !important;
    line-height: 1.05 !important;
  }

  section[data-screen-label="pricing"] a,
  section[data-screen-label="mcp-cards"] a,
  section[data-screen-label="mcp-steps"] a {
    width: 100% !important;
    justify-content: center !important;
    text-align: center !important;
  }

  section[data-screen-label="mcp-cards"] span[style*="font-family:ui-monospace"],
  section[data-screen-label="mcp-steps"] span[style*="font-family:ui-monospace"] {
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
  }

  div[style*="grid-template-columns"] > *,
  div[style*="display:flex"] > * {
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  div[style*="min-width:280px"],
  div[style*="min-width: 280px"] {
    min-width: 0 !important;
  }

  h1,
  h2 {
    font-size: clamp(32px, 9vw, 38px) !important;
    letter-spacing: 0 !important;
  }

  h3 {
    font-size: clamp(26px, 8vw, 34px) !important;
  }

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

  section[id="top"] h1 {
    max-width: calc(100vw - 40px) !important;
    line-height: 1.32 !important;
    overflow-wrap: anywhere !important;
  }

  section[id="top"] p {
    width: min(320px, calc(100vw - 40px)) !important;
    max-width: min(320px, calc(100vw - 40px)) !important;
    word-break: break-all !important;
  }

  section[id="top"] > div,
  section[id="top"] > div > div {
    width: 100% !important;
    max-width: 100% !important;
  }

  section[id="top"] > div > div:nth-child(2) {
    width: calc(100vw - 40px) !important;
    max-width: calc(100vw - 40px) !important;
    min-height: auto !important;
  }

  section[id="top"] > div > div:nth-child(2) > div {
    height: auto !important;
    min-height: auto !important;
    flex-direction: column !important;
  }

  section[id="top"] > div > div:nth-child(2) > div > div:first-child {
    width: 100% !important;
    border-right: 0 !important;
    border-bottom: 1px solid rgba(24, 24, 27, 0.06) !important;
    padding: 18px 0 !important;
  }

  section[id="top"] > div > div:nth-child(2) > div > div:first-child > div:first-child {
    margin-bottom: 14px !important;
  }

  section[id="top"] > div > div:nth-child(2) > div > div:first-child > div:nth-child(2) {
    flex-direction: row !important;
    flex-wrap: wrap !important;
    gap: 0 !important;
  }

  section[id="top"] > div > div:nth-child(2) > div > div:first-child > div:nth-child(2) span {
    padding: 6px 14px !important;
    font-size: 13px !important;
  }

  section[id="top"] > div > div:nth-child(2) > div > div:nth-child(2) {
    padding: 24px !important;
  }

  section[id="top"] > div > div:nth-child(2) h2 {
    font-size: 28px !important;
    line-height: 1.35 !important;
  }

  section[id="top"] div[style*="gap:16px"] {
    flex-wrap: wrap !important;
  }

  section[id="top"] div[style*="margin-top:34px"] {
    flex-direction: column !important;
    align-items: stretch !important;
  }

  section[id="top"] div[style*="margin-top: 34px"] {
    flex-direction: column !important;
    align-items: stretch !important;
    width: 100% !important;
  }

  section[id="top"] div[style*="margin-top:34px"] a,
  section[id="top"] div[style*="margin-top: 34px"] a {
    justify-content: center !important;
    width: 100% !important;
    box-sizing: border-box !important;
    text-align: center !important;
    white-space: normal !important;
  }

  div[style*="min-height:520px"],
  div[style*="min-height:400px"],
  div[style*="min-height:360px"] {
    min-height: 320px !important;
  }

  div[style*="padding:48px"] {
    padding: 28px !important;
  }

  div[style*="padding:44px 48px"] {
    padding: 32px 24px !important;
  }

  div[style*="column-count:3"],
  div[style*="column-count: 3"] {
    column-count: 1 !important;
  }

  div[style*="position:fixed"][style*="bottom:0"] > div {
    padding: 14px 20px !important;
    flex-direction: column !important;
    align-items: stretch !important;
  }

  div[style*="position:fixed"][style*="bottom:0"] {
    display: none !important;
  }

  div[style*="position: fixed"][style*="bottom: 0"] {
    display: none !important;
  }

  div[style*="position:fixed"][style*="bottom: 0"],
  div[style*="position: fixed"][style*="bottom:0"] {
    display: none !important;
  }

  div[style*="position:fixed"][style*="bottom:0"] a {
    justify-content: center !important;
    width: 100% !important;
  }
}

@media (min-width: 761px) and (max-width: 1024px) {
  section,
  footer > div {
    padding-left: 32px !important;
    padding-right: 32px !important;
  }

  section[data-screen-label="pricing"] > div[style*="grid-template-columns"],
  section[data-screen-label="mcp-cards"] > div,
  section[data-screen-label="mcp-steps"] > div[style*="grid-template-columns"],
  section[data-screen-label="built-for"] > div[style*="grid-template-columns"],
  section[data-screen-label="testimonials-1"] > div,
  section[data-screen-label="testimonials-2"] > div,
  section[data-screen-label="testimonials-4"] > div,
  section[data-screen-label="testimonial-wall"] > div[style*="grid-template-columns"] {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  section[data-screen-label="pricing"] > div[style*="grid-template-columns"] > *,
  section[data-screen-label="mcp-cards"] > div > *,
  section[data-screen-label="mcp-steps"] > div[style*="grid-template-columns"] > *,
  section[data-screen-label="built-for"] > div[style*="grid-template-columns"] > *,
  section[data-screen-label="testimonials-1"] > div > *,
  section[data-screen-label="testimonials-2"] > div > *,
  section[data-screen-label="testimonials-4"] > div > *,
  section[data-screen-label="testimonial-wall"] > div[style*="grid-template-columns"] > * {
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  section[data-screen-label="mcp-systems"] span,
  section[data-screen-label="mcp-compat"] span,
  section[data-screen-label="mcp-compat"] a {
    max-width: 100% !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
  }
}

@media (min-width: 761px) and (max-width: 900px) {
  section[id="top"] > div,
  div[style*="grid-template-columns:1fr 1.04fr"],
  div[style*="grid-template-columns: 1fr 1.04fr"],
  div[style*="grid-template-columns:1fr 1.05fr"],
  div[style*="grid-template-columns: 1fr 1.05fr"],
  div[style*="grid-template-columns:1fr 1.1fr"],
  div[style*="grid-template-columns: 1fr 1.1fr"],
  div[style*="grid-template-columns:1.1fr 1fr"],
  div[style*="grid-template-columns: 1.1fr 1fr"],
  div[style*="grid-template-columns:1.1fr 0.95fr"],
  div[style*="grid-template-columns: 1.1fr 0.95fr"] {
    grid-template-columns: 1fr !important;
  }

  section[id="top"] > div,
  div[style*="grid-template-columns:1fr 1.04fr"] > *,
  div[style*="grid-template-columns: 1fr 1.04fr"] > *,
  div[style*="grid-template-columns:1fr 1.05fr"] > *,
  div[style*="grid-template-columns: 1fr 1.05fr"] > *,
  div[style*="grid-template-columns:1fr 1.1fr"] > *,
  div[style*="grid-template-columns: 1fr 1.1fr"] > *,
  div[style*="grid-template-columns:1.1fr 1fr"] > *,
  div[style*="grid-template-columns: 1.1fr 1fr"] > *,
  div[style*="grid-template-columns:1.1fr 0.95fr"] > *,
  div[style*="grid-template-columns: 1.1fr 0.95fr"] > * {
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
}

@media (max-width: 760px) {
  section[id="top"] > div > div:nth-child(2) > div > div:nth-child(2),
  section[id="top"] > div > div:nth-child(2) > div > div:nth-child(2) * {
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  section[id="top"] > div > div:nth-child(2) p {
    width: auto !important;
    max-width: 100% !important;
    word-break: normal !important;
    overflow-wrap: anywhere !important;
  }

  section[data-screen-label="mcp-systems"] span,
  section[data-screen-label="mcp-compat"] span,
  section[data-screen-label="mcp-compat"] a,
  section[data-screen-label="pricing"] a {
    max-width: 100% !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
  }

  section[data-screen-label="mcp-compat"] > div {
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 22px !important;
  }

  section[data-screen-label="mcp-compat"] > div > div {
    width: 100% !important;
    flex: 0 0 auto !important;
    min-width: 0 !important;
  }

  section[data-screen-label="mcp-compat"] > div > a {
    display: flex !important;
    justify-content: center !important;
    text-align: center !important;
  }

  section[data-screen-label="mcp-compat"] div[style*="font-size:24px"],
  section[data-screen-label="mcp-compat"] div[style*="font-size: 24px"] {
    font-size: 22px !important;
    line-height: 1.55 !important;
  }

  section[data-screen-label="testimonial-wall"] > div[style*="column-count"],
  section[data-screen-label="testimonial-wall"] > div[style*="column-count: 3"],
  section[data-screen-label="testimonial-wall"] > div[style*="column-count:3"] {
    column-count: 1 !important;
    column-gap: 0 !important;
    display: block !important;
    width: 100% !important;
  }

  section[data-screen-label="testimonial-wall"] > div[style*="column-count"] > div,
  section[data-screen-label="testimonial-wall"] > div[style*="column-count: 3"] > div,
  section[data-screen-label="testimonial-wall"] > div[style*="column-count:3"] > div {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  div[style*="right:-50px"][style*="width:240px"][style*="radial-gradient"],
  div[style*="right: -50px"][style*="width: 240px"][style*="radial-gradient"] {
    right: -8px !important;
  }
}

@media (min-width: 1025px) and (max-width: 1440px) {
  body {
    padding-bottom: 0 !important;
  }

  div[style*="position:fixed"][style*="bottom:0"],
  div[style*="position: fixed"][style*="bottom: 0"],
  div[style*="position:fixed"][style*="bottom: 0"],
  div[style*="position: fixed"][style*="bottom:0"] {
    display: none !important;
  }
}