@media (min-width: 1024px) {
  main {
    max-width: 1240px;
    padding: 56px 40px 0;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 400px;
    column-gap: 72px;
    align-items: start;
  }
  main > * { grid-column: 1; }
  main > .jl-side,
  main > #prechat-mount {
    grid-column: 2;
    grid-row: 1 / span 40;
    position: sticky;
    top: 24px;
  }
  .jl-side .live-feed { margin-top: 16px; }

  .hero,
  .c-hero { text-align: left; max-width: none; margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; }
  .hero h1,
  .c-hero h1 { font-size: 3.5rem; line-height: 1.05; letter-spacing: -0.03em; text-wrap: balance; }
  .hero h1 span,
  .c-hero h1 span { display: block; }
  .hero p,
  .c-hero .lead { font-size: 1.15rem; max-width: 60ch; margin-left: 0; }
  .badges,
  .c-chips { justify-content: flex-start; }

  .features { margin-top: 56px; }
  .features h2 { text-align: left; font-size: 1.6rem; }
  .features-grid { gap: 0 40px; }
  .feature-card { background: none; text-align: left; padding: 18px 0 22px; border-radius: 0; border-top: 1px solid var(--border); }
  .feature-card .icon { display: none; }
  .feature-card h3 { font-size: 1.05rem; }
  .feature-card p { font-size: 0.95rem; line-height: 1.55; }

  .seo-content { margin-top: 56px; padding-top: 40px; }
  .seo-content h2 { font-size: 1.6rem; }
  .seo-content h3 { font-size: 1.1rem; margin-top: 26px; }
  .seo-content p { font-size: 1rem; line-height: 1.65; max-width: 68ch; }

  .c-alt,
  .c-wrap,
  .c-text,
  .c-faq,
  .c-more { max-width: none; margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; text-align: left; }
  .shots { max-width: none; padding: 0; }
  .video-link,
  main > p { text-align: left; margin-left: 0; margin-right: 0; }
}