/* Tablet tier: 768px-1024px. Header/hamburger/drawer/footer are handled
   once for every page in site-shell.css — this file only covers the
   homepage/features/plans content sections. */
.container {
  width: min(calc(100% - 32px), 1220px);
}
.hero-grid,
.offline-grid,
.faq-grid {
  grid-template-columns: 1fr;
}
.hero-visual {
  min-height: 430px;
}
.feature-grid,
.workflow-grid {
  grid-template-columns: repeat(2, 1fr);
}
.big-circle {
  width: 430px;
  height: 430px;
}
.plan-details-grid,
.license-grid {
  grid-template-columns: 1fr;
}
.exact-feature-grid,
.modern-price-grid-v12 {
  grid-template-columns: repeat(2, 1fr);
}