/* Sitewide responsive repairs for the Claude Design static export. */
*,
*::before,
*::after {
  box-sizing: border-box;
}

html,
body {
  overflow-x: clip;
}

img,
svg {
  max-width: 100%;
}

[data-screen-label="PointClickCare"] img[src*="pcc-logo.png"],
[data-screen-label="Roadmap"] img[src*="-logo.png"] {
  border-radius: 8px !important;
}

input,
select,
textarea,
button {
  font: inherit;
  max-width: 100%;
}

header[data-screen-label="Nav"] {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  z-index: 360 !important;
  width: 100% !important;
}

body.ot-fixed-header #dc-root > .sc-host {
  padding-top: var(--ot-header-h, 64px) !important;
}

@media (max-width: 880px) {
  header[data-screen-label="Nav"] {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 360 !important;
    width: 100% !important;
  }

  body.ot-mobile-fixed-header #dc-root > .sc-host {
    padding-top: var(--ot-mobile-header-h, 64px) !important;
  }

  header nav[style*="display: flex"] {
    gap: 16px !important;
    padding: 12px 18px !important;
  }

  header nav > a:first-child {
    min-width: 0 !important;
  }
}

@media (max-width: 760px) {
  section div[style*="grid-template-columns: repeat(auto-fit, minmax(320px, 1fr))"],
  section div[style*="grid-template-columns: repeat(auto-fit, minmax(300px, 1fr))"],
  section div[style*="grid-template-columns: repeat(auto-fit, minmax(290px, 1fr))"],
  section div[style*="grid-template-columns: repeat(auto-fit, minmax(280px, 1fr))"],
  section div[style*="grid-template-columns: repeat(auto-fit, minmax(260px, 1fr))"],
  section div[style*="grid-template-columns: repeat(auto-fit, minmax(240px, 1fr))"],
  section div[style*="grid-template-columns: repeat(auto-fit, minmax(230px, 1fr))"],
  section div[style*="grid-template-columns: repeat(auto-fit, minmax(220px, 1fr))"] {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  [data-screen-label="Stages"] > div,
  [data-screen-label="Roles Detail"] > div {
    padding-top: 64px !important;
    padding-bottom: 64px !important;
  }

  [data-screen-label="Stages"] div[style*="border-radius: 18px; padding: 32px"],
  [data-screen-label="Roles Detail"] div[style*="border-radius: 18px; padding: 32px"],
  [data-screen-label="Anatomy"] div[style*="border-radius: 14px; padding: 20px"] {
    padding: 20px !important;
  }

  [data-screen-label="Stages"] div[style*="display: flex; align-items: center; gap: 12px"],
  [data-screen-label="Roles Detail"] div[style*="display: flex; align-items: center; gap: 12px"] {
    flex-wrap: wrap !important;
  }

  [data-screen-label="Stages"] span[style*="margin-left: auto"],
  [data-screen-label="Roles Detail"] span[style*="margin-left: auto"] {
    margin-left: 0 !important;
  }

  [data-screen-label="Stages"] div[style*="display: flex; justify-content: space-between"],
  [data-screen-label="Roles Detail"] div[style*="display: flex; justify-content: space-between"],
  [data-screen-label="Deep Dives"] div[style*="display: flex; justify-content: space-between"] {
    flex-wrap: wrap !important;
    gap: 8px !important;
  }
}

@media (max-width: 700px) {
  [data-screen-label="Anatomy"] div[style*="grid-template-columns: minmax(180px, 260px) 1fr"] {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  [data-screen-label="Anatomy"] div[style*="display: flex; gap: 8px; flex-wrap: wrap"] {
    align-content: flex-start !important;
  }

  [data-screen-label="Anatomy"] span[style*="border-radius: 9999px"] {
    max-width: 100% !important;
    overflow-wrap: anywhere !important;
    white-space: normal !important;
  }
}

@media (max-width: 640px) {
  section div[style*="padding: 88px 24px"],
  section div[style*="padding: 96px 24px"],
  section div[style*="padding: 72px 24px"] {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  div[style*="flex-wrap: wrap"] > a[href="demo.html"],
  div[style*="flex-wrap: wrap"] > a[href="workflow.html"],
  div[style*="flex-wrap: wrap"] > a[href="platform.html"],
  div[style*="flex-wrap: wrap"] > a[href="billing-rcm.html#roi"],
  div[style*="flex-wrap: wrap"] > a[href="mailto:hello@otangeles.com"] {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 1 1 100% !important;
    width: 100% !important;
    max-width: 360px !important;
    min-height: 46px !important;
    margin-left: 0 !important;
    text-align: center !important;
  }

  footer span[style*="white-space: nowrap"] {
    max-width: 100% !important;
    white-space: normal !important;
  }

  footer div[style*="flex: 1; min-width: 300px"] {
    min-width: 0 !important;
    width: 100% !important;
  }

  footer div[style*="display: flex; flex-direction: column; gap: 10px; flex-shrink: 0"] {
    width: 100% !important;
  }

  footer div[style*="min-width: 200px"] {
    min-width: 0 !important;
    width: 100% !important;
  }

  footer > div[style*="max-width: 1200px"] {
    position: relative !important;
    padding-bottom: 76px !important;
  }

  footer .ot-footer-copyright {
    position: absolute !important;
    left: 20px !important;
    right: 20px !important;
    bottom: 28px !important;
    margin-top: 0 !important;
    display: block !important;
    width: auto !important;
  }

  footer div[style*="flex-wrap: wrap"] > a[href="demo.html"] {
    display: inline !important;
    flex: 0 0 auto !important;
    width: auto !important;
    max-width: none !important;
    min-height: 0 !important;
    text-align: left !important;
  }

  footer div[style*="gap: 10px 20px"][style*="flex-wrap: wrap"] {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px 16px !important;
    width: 100% !important;
  }

  footer div[style*="gap: 10px 20px"][style*="flex-wrap: wrap"] > a {
    display: block !important;
    width: auto !important;
    max-width: none !important;
    min-height: 0 !important;
    padding: 0 !important;
    text-align: left !important;
  }
}

@media (max-width: 760px) {
  [data-screen-label="Hero"] [data-no-reveal] {
    margin-top: 36px !important;
    padding-left: 5% !important;
    padding-right: 5% !important;
  }

  [data-screen-label="Hero"] div[style^="width: 46px; background: #FFFFFF; border-right"] {
    display: none !important;
  }

  [data-screen-label="Hero"] div[style*="width: 46px"][style*="flex-direction: column"][style*="padding: 12px 0px"] {
    display: none !important;
  }

  [data-screen-label="Hero"] div[style^="position: absolute; right: 28px; bottom: 26px"] {
    display: none !important;
  }

  [data-screen-label="Hero"] div[style^="flex: 2.4; min-width: 300px; padding: 16px 16px 0"] {
    flex: 1 1 100% !important;
    min-width: 0 !important;
    padding: 5% 5% 0 !important;
  }

  [data-screen-label="Hero"] div[style^="width: 100%; max-width: 600px; background: #FFFFFF"] {
    padding: 16px 14px !important;
    margin-bottom: -18px !important;
  }

  [data-screen-label="Hero"] span[style*="white-space: nowrap"] {
    white-space: normal !important;
  }
}

[data-screen-label="Plan"] div[style*="display: flex; align-items: baseline; gap: 10px"] {
  align-items: center !important;
}

@media (min-width: 1024px) {
  [data-screen-label="Roles"] div[style*="grid-template-columns: repeat(auto-fit, minmax(300px, 1fr))"] {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }

  [data-screen-label="Pricing FAQ"] div[style*="grid-template-columns: repeat(auto-fit, minmax(280px, 1fr))"] {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 680px) {
  [data-screen-label="Plan"] div[style*="background: #0F1B2E; border-radius: 20px; padding: 36px"] {
    padding: 26px 22px !important;
  }

  [data-screen-label="Plan"] div[style*="grid-template-columns: 1fr 1fr"] {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}

@media (max-width: 700px) {
  [data-screen-label="Book a Demo"] > div[style*="grid-template-columns: repeat(auto-fit, minmax(320px, 1fr))"] {
    gap: 24px !important;
    padding-top: 56px !important;
  }

  [data-screen-label="Book a Demo"] div[style="padding-bottom: 72px"] {
    padding-bottom: 10px !important;
  }

  [data-screen-label="Book a Demo"] div[style^="position: relative; z-index: 2; background: #FFFFFF; border-radius: 20px"] {
    margin-bottom: 0 !important;
    padding: 24px !important;
    transform: none !important;
  }

  [data-screen-label="Book a Demo"] div[style*="padding-bottom: 72px"] {
    padding-bottom: 10px !important;
  }

  [data-screen-label="Book a Demo"] div[style*="z-index: 2"][style*="border-radius: 20px"][style*="translateY"] {
    margin-bottom: 0 !important;
    padding: 24px !important;
    transform: none !important;
  }

  [data-screen-label="Book a Demo"] div[style*="grid-template-columns: 1fr 1fr"] {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  [data-screen-label="FAQ"] > div[style*="padding: 200px 24px 80px"] {
    padding-top: 72px !important;
  }
}

@media (max-width: 420px) {
  header nav[style*="display: flex"] {
    padding-left: 14px !important;
    padding-right: 14px !important;
  }

  header img[alt*="Otangeles"] {
    width: 34px !important;
    height: 34px !important;
  }

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