/* LISN responsive behavior */

@media (max-width: 1320px) {
  .container, .gnb__inner { width: calc(100% - 64px); }
  .feature-card { padding-inline: 64px; }
  .process { grid-template-columns: 190px 18px 190px 18px 190px 18px 190px 18px 190px; gap: 10px; }
  .process__step { width: 190px; height: 200px; }
}

@media (max-width: 1100px) {
  .hero__headline { white-space: normal; }
  .about-lisn { min-height: 0; }
  .about-lisn__intro { grid-template-columns: 360px minmax(0,1fr); }
  .about-lisn__intro-media img { width: 360px; height: auto; }
  .feature-card { min-height: 420px; padding: 48px; grid-template-columns: 330px minmax(0,1fr); gap: 38px; }
  .feature-card__img { width: 330px; height: auto; }
  .core-tech { min-height: 0; }
  .tech-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .trust { min-height: 0; }
  .process { grid-template-columns: repeat(5, 1fr); gap: 12px; }
  .process__step { width: auto; height: 180px; padding: 22px 10px; }
  .process__connector { display: none; }
  .process__icon { width: 56px; height: 56px; }
  .process__label { font-size: 17px; }
  .trust__connector { height: 130px; }
  .trust__connector::before { height: 110px; }
  .about-us { min-height: 0; }
}

@media (max-width: 900px) {
  :root { --header-h: 68px; }
  .container, .gnb__inner { width: calc(100% - 48px); }
  .gnb__nav { display: none; }
  .gnb__toggle { display: flex; }
  .gnb.is-menu-open .gnb__toggle span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
  .gnb.is-menu-open .gnb__toggle span:nth-child(2) { opacity: 0; }
  .gnb.is-menu-open .gnb__toggle span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }
  .hero { height: 760px; min-height: 640px; }
  .hero__content { min-height: 0; padding: 38px 30px; }
  .hero__headline { font-size: clamp(33px, 7vw, 48px); }
  .hero__subtitle { font-size: 15px; }
  .about-lisn { padding: 100px 0; }
  .about-lisn__head { margin-bottom: 72px; }
  .about-lisn__intro { grid-template-columns: 1fr; gap: 30px; }
  .about-lisn__intro-media { max-width: 441px; }
  .about-lisn__intro-media img { width: 100%; }
  .feature-card { padding: 44px; grid-template-columns: 280px minmax(0,1fr); gap: 34px; }
  .feature-card__img { width: 280px; }
  .core-tech { padding: 100px 0; }
  .trust { padding: 100px 0; }
  .process { grid-template-columns: repeat(3,1fr); }
  .process__step { min-height: 166px; }
  .trust__lower { grid-template-columns: 1fr; gap: 64px; }
  .about-us { padding: 100px 0; }
  .timeline { gap: 34px; }
  .contact { min-height: 430px; padding: 100px 0 80px; }
  .footer { min-height: 0; }
}

@media (max-width: 680px) {
  .desktop-break { display: none; }
  .container, .gnb__inner { width: calc(100% - 40px); }
  .section-heading { font-size: 28px; }
  .hero { height: 700px; }
  .hero__content { width: calc(100% - 40px); padding: 34px 22px; border-radius: 14px; }
  .hero__headline { font-size: 34px; }
  .hero__subtitle { margin-top: 18px; }
  .hero__scroll { bottom: 34px; }
  .about-lisn__brand { font-size: 28px; }
  .feature-card { min-height: 0; padding: 36px 24px; grid-template-columns: 1fr; gap: 28px; }
  .feature-card__media { max-width: 387px; margin-inline: auto; }
  .feature-card__img { width: 100%; height: auto; }
  .tech-grid { grid-template-columns: 1fr; }
  .tech-card { min-height: 0; }
  .tabs__list { width: 100%; }
  .tabs__btn { font-size: 14px; }
  .process { grid-template-columns: repeat(2,1fr); }
  .process__step { height: 156px; }
  .process__label { font-size: 16px; }
  .trust__connector { height: 90px; }
  .trust__connector::before { height: 72px; }
  .clinical-performance__stats { grid-template-columns: 1fr; gap: 22px; }
  .stat { padding: 0; }
  .stat + .stat { padding-top: 20px; border-left: 0; border-top: 1px solid rgba(255,255,255,.28); }
  .timeline { margin-top: 70px; grid-template-columns: 1fr; gap: 52px; }
  .timeline::before { display: none; }
  .timeline__dot { top: 25px; }
  .timeline__title { margin-top: 48px; }
  .contact__email { margin-top: 50px; }
  .contact__email-link { font-size: 20px; }
  .footer__inner { flex-direction: column; }
  .footer__nav-groups { width: 100%; justify-content: space-between; gap: 20px; }
}

@media (max-width: 430px) {
  .container, .gnb__inner { width: calc(100% - 32px); }
  .hero__headline { font-size: 30px; }
  .hero__subtitle { font-size: 14px; }
  .process { grid-template-columns: 1fr; }
  .process__step { width: 100%; height: 130px; flex-direction: row; gap: 22px; }
  .process__label { text-align: left; }
  .contact__email { align-items: flex-start; }
  .footer__nav-groups { flex-wrap: wrap; }
}

@media (pointer: coarse) {
  .gnb__toggle, .tabs__btn, .contact__copy-btn, .float-top { min-width: 44px; min-height: 44px; }
}

/* v12 refinements */
@media (max-width: 900px) {
  .clinical-evidence,
  .clinical-performance { display: block; }
  .evidence-list,
  .clinical-performance__inner { min-height: 0; height: auto; }
  .evidence-list { grid-template-rows: repeat(4, minmax(112px, auto)); }
  .evidence-list__item { min-height: 112px; }
}

@media (max-width: 680px) {
  .mobile-nav a { font-size: 26px; }
  .clinical-performance__card { width: 100%; height: auto; aspect-ratio: 1047 / 690; }
}
