.commercial-hero,
.commercial-section {
  width: min(calc(100% - var(--space-8)), 1120px);
  margin-inline: auto;
}

.commercial-hero { padding-block: calc(var(--space-24) + var(--space-8)) var(--space-12); }
.commercial-section { padding-block: var(--space-12); }
.commercial-breadcrumb,
.commercial-actions { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-4); }
.commercial-breadcrumb { margin-bottom: var(--space-10); color: var(--text-secondary); font-size: var(--text-sm); }
.commercial-breadcrumb a:hover { color: var(--text-primary); }
.commercial-eyebrow { color: var(--brand-blue-tint); margin-bottom: var(--space-4); font-weight: var(--weight-semibold); }
.commercial-hero h1 { max-width: 960px; font-size: clamp(2.25rem, 5vw, 4rem); line-height: 1.12; font-weight: var(--weight-semibold); letter-spacing: -0.035em; text-wrap: balance; }
.commercial-section h2 { font-size: var(--text-3xl); line-height: 1.2; font-weight: var(--weight-semibold); margin-bottom: var(--space-6); text-wrap: balance; }
.commercial-lead { max-width: 820px; margin-block: var(--space-6); font-size: var(--text-lg); line-height: 1.7; color: var(--text-secondary); }
.commercial-actions { margin-top: var(--space-8); }
.commercial-primary { display: inline-flex; align-items: center; justify-content: center; min-height: 48px; padding: var(--space-3) var(--space-6); border-radius: var(--radius-full); background: var(--lf-button-bg); color: var(--lf-button-foreground); border: 1px solid var(--lf-button-border); font-weight: var(--weight-semibold); }
.commercial-primary:hover { filter: brightness(1.15); }
.commercial-primary:focus-visible,
.commercial-price-details summary:focus-visible { outline: 2px solid var(--brand-blue-tint); outline-offset: 4px; }
.commercial-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-6); }
.commercial-grid--two { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.commercial-card { padding: var(--space-6); border: 1px solid var(--lf-border-strong); border-radius: var(--radius-lg); background: var(--surface); }
.commercial-card h3 { font-size: var(--text-xl); font-weight: var(--weight-semibold); margin-bottom: var(--space-4); }
.commercial-card p,
.commercial-note { color: var(--text-secondary); line-height: 1.75; }
.commercial-note { margin-top: var(--space-6); }
.commercial-steps { list-style: none; padding: 0; }
.commercial-step { display: block; margin-bottom: var(--space-6); font-size: var(--text-3xl); color: var(--brand-blue-tint); }
.commercial-price-details { margin-top: var(--space-8); overflow-x: auto; }
.commercial-price-details summary { cursor: pointer; padding-block: var(--space-4); font-weight: var(--weight-semibold); }
.commercial-price-table { width: 100%; border-collapse: collapse; text-align: left; font-size: var(--text-sm); }
.commercial-price-table th,
.commercial-price-table td { padding: var(--space-4); border-bottom: 1px solid var(--lf-border-strong); vertical-align: top; }
.commercial-price-table caption { text-align: left; padding-block: var(--space-4); color: var(--text-secondary); }
.commercial-price-table small { display: block; color: var(--text-secondary); }
.commercial-closing { text-align: center; padding-bottom: var(--space-20); }
.page-shell--commercial-page #pricing { padding-top: var(--space-4); }
.page-shell--commercial-page .reveal-up.visible { opacity: 1; transform: none; }

@media (max-width: 760px) {
  .commercial-grid { grid-template-columns: 1fr; }
  .commercial-hero { padding-top: var(--space-24); }
  .commercial-section h2 { font-size: var(--text-2xl); }
  .commercial-price-table th,
  .commercial-price-table td { padding: var(--space-3); }
}