/* ==========================================================================
   Tjekdag — Responsive breakpoints
   1920 / 1440 / 1280 / 1024 / 768 / 390 / 375 / 320
   ========================================================================== */

@media (max-width: 1280px) {
  .float-card--task, .float-card--activity, .float-card--notify { display: none; }
}

@media (max-width: 1024px) {
  .hero-grid { grid-template-columns: 1fr; }
  .hero-visual { max-width: 560px; margin: 0 auto; padding: var(--space-5); }
  .hero-content { text-align: center; }
  .hero-content .lede { margin-inline: auto; }
  .hero-content h1 .line { display: block; }
  .hero-actions { justify-content: center; }

  .page-hero-grid { grid-template-columns: 1fr; }
  .page-hero-visual { max-width: 420px; margin: var(--space-7) auto 0; }

  .problem-layout { grid-template-columns: 1fr; gap: var(--space-6); }

  .feature-story-row, .feature-story-row.is-reversed { grid-template-columns: 1fr; gap: var(--space-6); }
  .feature-story-row .feature-story-copy, .feature-story-row.is-reversed .feature-story-copy { order: 1 !important; }
  .feature-story-row .feature-story-visual, .feature-story-row.is-reversed .feature-story-visual { order: 2 !important; }
  .feature-story-copy .lede { margin-inline: 0; }

  .story-pin-layout { grid-template-columns: 1fr; }
  .story-sticky-head, .story-visual-stage { position: static; }
  .story-visual-frame { min-height: 420px; margin-top: var(--space-6); }
  .story-progress-rail { display: none; }

  .sector-accordion .accordion-panel-inner { grid-template-columns: 1fr; }

  .about-story-row, .about-story-row.is-reversed { grid-template-columns: 1fr; gap: var(--space-6); }
  .about-story-row .about-story-copy, .about-story-row.is-reversed .about-story-copy { order: 1 !important; }
  .about-story-row .about-story-visual, .about-story-row.is-reversed .about-story-visual { order: 2 !important; }

  .contact-layout { grid-template-columns: 1fr; gap: var(--space-7); }
  .pricing-result { grid-template-columns: 1fr; }
  .auth-screen { grid-template-columns: 1fr; }
  .auth-visual { display: none; }
  .footer-top { grid-template-columns: 1fr 1fr 1fr; }
}

@media (max-width: 860px) {
  .nav-links { display: none; }
  .nav-toggle { display: flex; }
  .nav-actions .btn-secondary { display: none; }
  .footer-top { grid-template-columns: 1fr 1fr; }
  .form-row-grid { grid-template-columns: 1fr; }
  .feature-story-trio { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 640px) {
  .container, .container-wide, .container-narrow { padding: 0 var(--space-5); }
  .section { padding: var(--space-8) 0; }
  .section-lg { padding: var(--space-8) 0; }
  .hero { padding-top: calc(var(--header-height) + var(--space-6)); padding-bottom: var(--space-7); }
  .page-hero, .about-hero, .contact-copy { padding-top: calc(var(--header-height) + var(--space-6)); }
  .hero-actions { flex-direction: column; width: 100%; align-items: stretch; }
  .hero-actions .btn { width: 100%; }
  .mockup-body { grid-template-columns: 1fr; }
  .mockup-sidebar { display: none; }
  .mockup-stats { grid-template-columns: 1fr; }
  .footer-top { grid-template-columns: 1fr; }
  .footer-bottom { flex-direction: column; align-items: flex-start; }
  .contact-form { padding: var(--space-5); }
  .value-strip-inner { flex-direction: column; align-items: flex-start; gap: var(--space-4); }
  .pricing-experience { padding: var(--space-5); }
  .pricing-result { text-align: left; }

  /* Timeline / accordion spines: tighten the number rail so it doesn't crowd content */
  .timeline-list, .feature-story, .about-story { padding-left: 48px; }
  .timeline-rail, .feature-story-spine, .about-story-spine { left: 15px; }
  .accordion-number, .feature-story-dot, .about-story-dot {
    left: -48px; width: 32px; height: 32px; font-size: 0.7rem;
  }
  .feature-story-dot, .about-story-dot { top: calc(var(--space-8) + 2px); }
  .feature-story-trio { grid-template-columns: 1fr; }
}

@media (max-width: 375px) {
  .hero-content h1 { font-size: 2.15rem; }
}