/* ── RESPONSIVE ── */

/* Global: prevent horizontal overflow on all devices */
html { overflow-x: hidden }

/* Desktop → iPad (≤1024px) */
@media (max-width: 1024px) {
  .hero-in, .wn-grid, .sol-grid, .pilot-grid, .status-grid, .seed-grid { grid-template-columns: 1fr }
  .hero-in   { padding: 130px 5% 70px }
  .hero-card { display: none }
  .pain-nums { grid-template-columns: 1fr 1fr }
  .pain-num-cell:last-child { border-top: 1px solid rgba(255,255,255,.06) }
  .comp-grid { grid-template-columns: repeat(2,1fr) }
  .how-steps { grid-template-columns: repeat(2,1fr) }
  .how-steps::before { display: none }
  .ft-top { grid-template-columns: 1fr 1fr }
  .updates-grid { grid-template-columns: 1fr 1fr }
}

/* iPad (≤768px) — hamburger aktiv */
@media (max-width: 768px) {
  .nl a:not(.nav-pill) { display: none }
  .nav-pill { display: none }
  .ham { display: flex }
  .dual-in { grid-template-columns: 1fr }
  .hero h1  { font-size: 2.6rem }
  .hero-in  { padding: 120px 5% 65px }
  .pain-nums { grid-template-columns: 1fr }
  .pain-num-cell { border-right: none; border-bottom: 1px solid rgba(255,255,255,.06) }
  .pain-num-cell:last-child { border-bottom: none }
  .comp-grid  { grid-template-columns: 1fr 1fr }
  .how-steps  { grid-template-columns: 1fr 1fr }
  .faq-grid   { grid-template-columns: 1fr }
}

/* iPhone 12 / große Phones (≤430px) */
@media (max-width: 430px) {
  section  { padding: 70px 4% }
  .hero-in { padding: 115px 4% 60px }
  .hero h1 { font-size: 2.2rem }
  .hero-desc { font-size: .9rem; line-height: 1.75 }
  .wn-quote { padding: 1.5rem }
  .wn-quote-text { font-size: 1rem }
  .sol-screen { padding: 1.2rem; min-height: auto }
  .pilot-card, .seed-card { padding: 1.5rem }
  .updates-grid { grid-template-columns: 1fr }
}

/* Kleines Tablet / großes Handy (≤600px) */
@media (max-width: 600px) {
  section  { padding: 65px 4% }
  .hero-in { padding: 110px 4% 55px }
  .hero h1 { font-size: 2rem }
  .comp-grid  { grid-template-columns: 1fr }
  .how-steps  { grid-template-columns: 1fr }
  .ft-top     { grid-template-columns: 1fr }
  .hero-btns  { flex-direction: column; width: 100% }
  .btn-g, .btn-o { width: 100%; justify-content: center }
  .wn-grid, .sol-grid, .pilot-grid, .status-grid, .seed-grid, .dual-in { grid-template-columns: 1fr }
  .pain-big { font-size: 3rem }
  .updates-grid { grid-template-columns: 1fr }
}

/* iPhone SE / kleine Phones (≤390px) */
@media (max-width: 390px) {
  nav { padding: .9rem 4% }
  section  { padding: 60px 4% }
  .hero-in { padding: 100px 4% 52px }
  .hero h1 { font-size: 1.85rem; letter-spacing: -.03em }
  .h2      { font-size: 1.55rem }
  .pain-big { font-size: 2.8rem }
  .sol-tab-title { font-size: .88rem }
  .seed-card, .pilot-card, .status-bars { padding: 1.2rem }
  .how-n { width: 42px; height: 42px; font-size: .85rem }
  .mob a { font-size: 1.35rem }
}

/* 320px Minimum */
@media (max-width: 340px) {
  section  { padding: 55px 4% }
  .hero-in { padding: 95px 4% 50px }
  .hero h1 { font-size: 1.65rem }
  .h2      { font-size: 1.4rem }
  .pain-big { font-size: 2.3rem }
  .ft-top { grid-template-columns: 1fr }
  .ft-col { display: none }
  .ft-col:first-of-type { display: block }
}