@media (max-width: 900px) {
  .koe-hero {
    gap: 28px;
  }
  .koe-window > img {
    height: 510px;
  }
  .koe-pricing {
    gap: 32px;
    padding: 32px;
  }
  .koe-features {
    gap: 24px;
  }
}
@media (max-width: 660px) {
  .koe-hero {
    grid-template-columns: 1fr;
    padding: 36px 0 44px;
  }
  .koe-intro h1 {
    font-size: clamp(2rem, 8vw, 3rem);
  }
  .koe-window > img {
    height: auto;
    aspect-ratio: 1.1;
    border-radius: 160px 160px 8px 8px;
  }
  .koe-brand {
    margin-bottom: 24px;
  }
  .koe-voice {
    grid-template-columns: 1fr;
    gap: 20px;
    margin-bottom: 48px;
  }
  .koe-avatar {
    width: 112px;
    height: 112px;
  }
  .koe-features,
  .koe-pricing,
  .koe-trust {
    grid-template-columns: 1fr;
    gap: 24px;
  }
  .koe-rhythm {
    padding-bottom: 44px;
  }
  .koe-pricing {
    padding: 24px;
  }
  .koe-trust {
    padding: 44px 0;
  }
  .koe-faq {
    margin-bottom: 40px;
  }
}