@media (max-width: 1440px) {
  html {
    font-size: clamp(5px, 0.5556vw + 2px, 10px);
  }

  .inner {
    max-width: 144rem; /* 1440px */
  }

  header {
    height: 6.8rem; /* 85px */
  }
  header .inner {
    padding-left: 7.3rem; /* 73px */
    padding-right: 7.3rem; /* 73px */
    padding-bottom: 1rem; /* 10px */
    padding-top: 1rem; /* 25px */
  }

  section.sec1 {
    padding-left: 7.2rem; /* 72px */
    padding-top: 4.2rem; /* 62px */
  }
  section.sec1 .bg {
    width: 75.6rem; /* 756px */
    left: -17.8rem; /* -178px */
  }
  section.sec1 h1 {
    font-size: 8rem; /* 80px */
    top: 19.6rem; /* 196px */
    left: 25rem; /* 250px */
  }
  section.sec1 p.subtitle {
    font-size: 3rem; /* 30px */
    margin-top: 3rem; /* 30px */
    margin-bottom: 4rem; /* 40px */
    margin-left: 7.2rem;
    position: relative;
  }

  .app-buttons {
    gap: 2.6rem; /* 26px */
    padding: 1rem; /* 10px */
    margin-left: 7.2rem;
  }
  .app-buttons a img {
    width: 19.5rem; /* 195px */
  }

  .chat-image {
    width: 50.8rem; /* 508px */
    margin-top: 26.9rem; /* 269px */
  }

  section.sec2 .inner {
    padding: 10rem 7.2rem; /* 100px 72px */
  }
  section.sec2 h1 {
    font-size: 5rem; /* 50px */
    margin-top: 1rem; /* 10px */
  }
  section.sec2 h2 {
    font-size: 4rem; /* 40px */
  }
  .accuracy-text {
    padding: 1rem; /* 10px */
  }
  .accuracy-text p {
    font-size: 3rem; /* 30px */
    margin-top: 3rem; /* 30px */
  }
  .logos-placeholder {
    width: 79.2rem; /* 792px */
    margin-top: 4rem; /* 40px */
  }
  .accuracy-image {
    width: 41.7rem; /* 417px */
  }

  section.sec3 .inner {
    padding: 4.35rem 7.2rem; /* 43.5px 72px */
    padding-right: 8.2rem; /* 82px */
  }
  section.sec3 .inner h2 {
    font-size: 4rem; /* 40px */
    margin-top: 5rem; /* 50px */
  }
  section.sec3 .inner h1 {
    font-size: 5rem; /* 50px */
    margin-top: 1rem; /* 10px */
  }
  section.sec3 .inner p {
    font-size: 3rem; /* 30px */
    margin-top: 2rem; /* 20px */
  }
  section.sec3 .inner .bg {
    width: 58rem; /* 580px */
    left: 6.8rem; /* 68px */
    bottom: 3.65rem; /* 36.5px */
  }
  section.sec3 .inner .bg2 {
    width: 45.7rem; /* 457px */
    right: -12.2rem; /* -122px */
    bottom: -14rem; /* -140px */
  }

  section.sec4 .inner {
    padding: 10rem 7.2rem; /* 100px 72px */
  }
  section.sec4 h2 {
    margin-bottom: 1rem; /* 10px */
    font-size: 4rem; /* 40px */
  }
  section.sec4 h1 {
    margin-bottom: 2rem; /* 20px */
    font-size: 5rem; /* 50px */
  }
  section.sec4 p {
    font-size: 3rem; /* 30px */
  }
  section.sec4 img {
    width: 111.3rem; /* 1113px */
  }

  footer .inner {
    padding: 5rem 7.2rem; /* 50px 72px */
  }
  footer .inner h1 {
    font-size: 3rem; /* 30px */
  }
  footer .inner p {
    font-size: 1.5rem; /* 15px */
    margin-top: 2rem; /* 20px */
  }
  .footer-links {
    right: 7.2rem; /* 72px */
    top: 5rem; /* 50px */
    gap: 15rem; /* 150px */
  }
  .footer-links a {
    font-size: 2rem; /* 20px */
  }
}

@media (max-width: 768px) {
  header {
    /* display: none; */
    position: fixed;
  }
  header .inner {
    padding-left: 3.2rem;
    padding-right: 1.4rem;
  }
  header .inner > a > img {
    width: 5rem;
    height: 5rem;
  }
  .hospital-btn {
    font-size: 1.6rem;
    padding: 0.8rem 1.8rem;
    line-height: 2.4rem;
  }
  .download-dropdown {
    padding: 2.2rem;
  }
  .download-dropdown::before {
    right: 2.6rem;
  }
  .download-link img {
    width: 16rem;
    height: 4.5rem;
  }
  html,
  body {
    font-size: clamp(8px, 2.45vw, 18.6px);
    max-width: 100vw;
    overflow-x: hidden;
  }
  section.sec1 {
    padding-left: 2.2rem;
    padding-right: 2.2rem;
    padding-top: 8rem;
    margin-top: 0;
  }
  section.sec1 .bg {
    left: 0;
    width: 31.8rem;
  }
  section.sec1 h1 {
    top: 25px;
    left: 35px;
    font-size: 3.8rem;
  }
  section.sec1 .bg .pc {
    display: none;
  }
  section.sec1 .bg .mo {
    display: block;
  }
  section.sec1 .inner {
    flex-direction: column;
  }
  section.sec1 p.subtitle {
    z-index: 5;
    font-size: 1.8rem;
    text-align: right;
    top: -27px;
    right: 24px;
    margin: 0;
  }
  .chat-image {
    margin-top: 6rem;
    z-index: 4;
    width: 100%;
    display: flex;
    place-content: end;
  }
  .chat-image img {
    width: 30.6rem;
  }
  section.sec1 .mo2 {
    display: block;
    position: absolute;
    top: -50px;
    right: -25px;
    width: 100%;
    z-index: 4;
  }

  section.sec1 .bubble {
    position: absolute;
    right: 22px;
    width: 19.4rem;
    height: 17.6rem;
    top: 17.5rem;
  }
  .app-buttons {
    display: none;
  }
  .app-buttons.mo-btn {
    display: flex;
    gap: 2rem;
    justify-content: center;
    margin-top: 2rem;
    margin-left: 0;
  }
  .app-buttons a img {
    width: 14rem;
  }
  section.sec2 .inner {
    padding: 5rem 2.8rem;
    flex-direction: column;
  }
  section.sec2 h2 {
    font-size: 2rem;
  }
  section.sec2 h1 {
    font-size: 2.6rem;
  }
  .accuracy-text p {
    font-size: 1.6rem;
  }
  .logos-placeholder {
    width: 100%;
  }
  .logos-placeholder img {
    width: 96%;
  }
  section.sec3 .inner {
    padding: 1rem 2.7rem;
    aspect-ratio: 412/748;
  }
  section.sec3 .inner .fade-up {
    z-index: 5;
    position: relative;
  }
  section.sec3 .inner h2 {
    margin-top: 0;
  }
  section.sec3 .inner h2 {
    font-size: 2rem;
    z-index: 5;
    position: relative;
  }
  section.sec3 .inner h1 {
    font-size: 2.6rem;
    z-index: 5;
    position: relative;
  }
  section.sec3 .inner h1 br {
    display: block;
  }
  section.sec3 .inner p {
    font-size: 1.6rem;
    z-index: 5;
    position: relative;
  }
  section.sec3 .inner p.pc {
    display: none;
  }
  section.sec3 .inner p.mo {
    display: block;
  }
  section.sec3 .inner .bg {
    bottom: 2.9rem;
    position: absolute;
    left: 1.95rem;
    right: 1.95rem;

    width: auto;
    z-index: 0;
  }
  section.sec3 .inner .bg2 {
    display: none;
  }
  section.sec4 .inner {
    padding: 1.5rem 2.8rem;
  }
  section.sec4 h2 {
    font-size: 2rem;
    margin-top: 1.5rem;
  }
  section.sec4 h1 {
    font-size: 2.6rem;
  }
  section.sec4 p {
    font-size: 1.6rem;
  }
  .phone-mockups {
    overflow-x: auto;
  }
  section.sec4 img {
    width: 73.3rem;
  }
  section.sec4 .pc {
    display: none;
  }
  section.sec4 .mo {
    display: block;
  }
  .accuracy-image {
    /* width: 100%; */
    margin: 0 -2.8rem;
  }
  .accuracy-image img {
    /* margin-left: -2.5rem; */
    box-shadow: none;
  }
  .accuracy-image img.mo {
    display: block;
  }
  .accuracy-image img.pc {
    display: none;
  }
  footer {
    border-top: 1px solid #d3d3d4;
    margin-top: 2.4rem;
  }
  footer .inner {
    padding: 2.2rem 3rem;
    padding-bottom: 6.2rem;
  }
  .footer-links {
    position: relative;
    gap: 3rem;
    right: auto;
    top: auto;
    margin-bottom: 3rem;
  }
  .footer-links a {
    font-size: 1.5rem;
  }
  footer .inner h1 {
    font-size: 2.4rem;
  }
}