/* ── RESPONSIVE BREAKPOINTS ────────────────────────────────── */

@media (max-width: 1100px) {
  :root { --pad-x: 3rem; }
}

@media (max-width: 960px) {
  :root { --pad-x: 2.4rem; }

  .trust-grid          { grid-template-columns: repeat(3, 1fr); }
  .pain-layout,
  .ct-wrap             { grid-template-columns: 1fr; gap: 2rem; }
  .sol-layout          { grid-template-columns: 1fr; gap: 2rem; }
  .team-rev-layout     { grid-template-columns: 1fr; gap: 2rem; }
  .s5-layout           { grid-template-columns: 1fr; gap: 2.5rem; }
  .s5-reviews-grid     { grid-template-columns: 1fr 1fr; }
  .s5-reviews-eyebrow  { white-space: normal; }
  .pakete-layout       { grid-template-columns: 1fr; gap: 2rem; }
  .sol-grid            { grid-template-columns: repeat(3, 1fr); }
  .team-cards          { grid-template-columns: 1fr 1fr; }
  .proc-grid           { grid-template-columns: 1fr 1fr; }
  .ht-line             { font-size: clamp(2.4rem, 9.5vw, 5.5rem); }
  .ht-line.long        { font-size: clamp(1.9rem, 7.5vw, 4.5rem); }
}

@media (max-width: 768px) {
  :root { --pad-x: 1.5rem; cursor: auto; }
  html, body { cursor: auto; }
  #cur        { display: none; }
  #sn         { display: none; }
  #scrollInd  { right: 1.5rem; bottom: 1.5rem; }

  #nl { gap: .8rem; }
  #nl > a:not(.nc) { display: none; }
  #nl .nc { padding: .42rem .95rem !important; font-size: .78rem !important; }
  #modeBtn    { display: none; }
  #burger     { display: flex; }
  #nl-mob     { display: flex; }

  .s          { padding: 5.5rem var(--pad-x) 2.5rem; }
  .ht-line    { font-size: clamp(2.2rem, 10vw, 4rem); }
  .ht-line.long { font-size: clamp(1.7rem, 8vw, 3.2rem); }

  .trust-grid { grid-template-columns: 1fr 1fr; }
  .sol-grid   { grid-template-columns: 1fr 1fr; }
  .team-cards { grid-template-columns: 1fr; }
  .proc-grid  { grid-template-columns: 1fr; }
  .facts-grid { grid-template-columns: 1fr; }
  .s5-reviews-grid { grid-template-columns: 1fr; }
  .contrast-row { grid-template-columns: 1fr; gap: .4rem; }
  .contrast-head { display: none; }
  .bg         { display: none; }
  .fr2        { grid-template-columns: 1fr; }
  .ct-foot    { flex-direction: column; gap: .4rem; }
}

@media (max-width: 480px) {
  :root { --pad-x: 1.2rem; }
  .ht-line      { font-size: clamp(2rem, 11vw, 3.5rem); }
  .ht-line.long { font-size: clamp(1.55rem, 9vw, 2.8rem); }
  .trust-grid   { grid-template-columns: 1fr 1fr; }
  .sol-grid     { grid-template-columns: 1fr; }
  .hero-stats   { max-width: 100%; }
}