@media (max-width: 1080px) {
  .main-nav,
  .header-actions .language-switch,
  .header-actions .button {
    display: none;
  }

  .mobile-menu-button {
    display: inline-grid;
    place-items: center;
  }

  .main-nav.is-open {
    position: fixed;
    inset: 72px 16px auto;
    display: grid;
    gap: 8px;
    border: 1px solid var(--color-line);
    border-radius: var(--radius-md);
    background: rgba(10, 15, 20, 0.98);
    padding: 16px;
    box-shadow: var(--shadow-soft);
  }

  .main-nav.is-open .nav-link {
    padding: 13px;
  }

  .split,
  .split.reverse,
  .hero .split {
    grid-template-columns: 1fr;
  }

  .hero {
    min-height: auto;
    padding: 60px 0 68px;
  }

  .hero .hero-system {
    max-height: 520px;
    overflow: hidden;
  }

  .card-grid,
  .card-grid.two,
  .footer-grid {
    grid-template-columns: 1fr;
  }

  .flow {
    grid-template-columns: 1fr;
  }

  .hero-screen-body {
    grid-template-columns: 1fr;
  }

  .ev-kpis {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .ev-kpis.is-4 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .flow-step::after {
    display: none;
  }

  /* Mini ekran mobilde de okunuyor — gizlenmiyor. Yalniz satir sayisi
     kisilmiyor; kart zaten tek kolonda genis. */

  /* Tek kolonda kartlar arasi hizalama diye bir sey yok; ayrilmis ikinci
     satir yeri bosuna yer kapliyor. */
  .flow-unit,
  .flow-note {
    min-height: 0;
  }

  .operation-grid {
    grid-template-columns: 1fr;
  }

  .hero-system-grid {
    grid-template-columns: 1fr;
  }

  .mockup-column {
    border-right: 0;
    border-bottom: 1px solid var(--color-line);
  }

  .signal-rail,
  .intelligence-core {
    border-right: 0;
    border-bottom: 1px solid var(--color-line);
  }

  .mockup-column:last-child {
    border-bottom: 0;
  }

  .layer-row {
    grid-template-columns: 1fr;
  }
}

/* Dokunma hedefi: tablet dahil dokunmatik genisliklerde bagimsiz baglantilar
   en az 38px yuksekliginde olmali. 760px tabletin (768) altinda kaldigi icin ayri blok. */
@media (max-width: 900px) {
  .footer-link {
    display: inline-flex;
    align-items: center;
    min-height: 38px;
  }

  .nav-link,
  .language-link {
    padding: 12px 13px;
  }

  .wordmark,
  .contact-direct a {
    display: inline-flex;
    align-items: center;
    min-height: 38px;
  }
}

@media (max-width: 760px) {

  :root {
    --section-y: 76px;
  }

  .header-inner,
  .container,
  .footer-inner {
    width: min(100% - 28px, var(--container));
  }

  .headline-xl {
    font-size: clamp(36px, 11.5vw, 48px);
  }

  .headline-lg {
    font-size: clamp(30px, 10vw, 42px);
  }

  .body-lg {
    font-size: 17px;
  }

  .comparison-grid,
  .form-grid {
    grid-template-columns: 1fr;
  }

  .field.full {
    grid-column: auto;
  }

  .footer-bottom {
    align-items: flex-start;
    flex-direction: column;
  }

  .mockup-frame {
    border-radius: var(--radius-md);
  }

  .mockup-topbar,
  .mockup-body {
    padding: 14px;
  }

  .hero-system .mockup-body {
    padding: 0;
  }

  .hero-system {
    min-height: auto;
    max-height: 380px;
  }

  .trend-chart {
    height: 190px;
  }
}

@media (max-width: 430px) {
  .hero {
    padding: 44px 0 54px;
  }

  .hero-actions,
  .cta-actions {
    display: grid;
  }

  .button {
    width: 100%;
  }

  .hero .hero-system {
    max-height: 300px;
  }

  .proof-strip {
    display: grid;
  }

  /* 375px'te uc kolon 93px'e dusuyordu — deger ve etiket okunmuyordu */
  .ev-kpis,
  .ev-kpis.is-4 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}