.commercial-final { padding: var(--section-edge-space) 0 var(--footer-adjacent-space); background: linear-gradient(105deg,#5d40cb,#8a6bea); color: #fff; }
.commercial-final > div { display: grid; grid-template-columns: 1fr auto; column-gap: 45px; row-gap: var(--copy-to-action-gap); align-items: center; }
.commercial-final h2 { max-width: 780px; margin: 0 0 7px; color: #fff; font-size: var(--type-section-title); line-height: var(--line-section-title); letter-spacing: var(--tracking-section-title); }
.commercial-final p { margin: 0; color: #e7e1ff; font-size: 15px; }

@media (max-width: 1000px) {
  .commercial-hero-grid,
  .commercial-copy-grid,
  .commercial-evidence-grid,
  .commercial-trust-grid { grid-template-columns: 1fr; }
  .commercial-hero-grid { gap: 38px; }
  .commercial-product-visual { max-width: 720px; }
  .commercial-card-grid { grid-template-columns: 1fr 1fr; }
  .commercial-facts span { min-height: 30px; }
  .commercial-workflow ol { grid-template-columns: 1fr 1fr; }
  .commercial-platform-grid { grid-template-columns: 1fr; }
  .commercial-state-grid { grid-template-columns: 1fr 1fr; }
  .commercial-media-card { min-height: 360px; }
}

@media (max-width: 640px) {
  .commercial-hero { padding: var(--page-hero-padding-start) 0 var(--page-hero-padding-end); }
  .commercial-hero .blog-breadcrumbs { margin-bottom: var(--page-hero-breadcrumb-gap); }
  .commercial-hero-copy h1 { font-size: var(--type-page-title); }
  .commercial-hero-copy > p { font-size: 16px; }
  .commercial-hero-copy .button-row { align-items: stretch; }
  .commercial-hero-copy .button { width: 100%; }
  .commercial-product-visual { padding: 10px; border-radius: 22px; }
  .commercial-product-visual-frame { min-height: 340px; border-radius: 16px; }
  .commercial-product-visual img,
  .commercial-product-visual.is-analysis img,
  .commercial-product-visual.is-automation img { height: 340px; }
  .commercial-product-visual.is-analysis .commercial-product-visual-frame picture { height: 340px; }
  .commercial-product-visual figcaption { display: grid; }
  .commercial-product-visual figcaption span { text-align: left; }
  .commercial-facts { margin-top: 35px; }
  .commercial-facts h2 { font-size: 23px; }
  .commercial-facts > div { grid-template-columns: 1fr 1fr; }
  .commercial-facts article { min-height: 84px; padding: 14px; }
  .commercial-section { padding: var(--section-edge-space) 0; }
  .commercial-copy-grid { gap: 10px; }
  .commercial-copy-grid p { font-size: 15px; }
  .commercial-section-heading h2,
  .commercial-copy-grid h2,
  .commercial-evidence h2,
  .commercial-trust h2,
  .commercial-related h2 { font-size: var(--type-section-title); }
  .commercial-card-grid,
  .commercial-scenario-grid,
  .commercial-workflow ol,
  .commercial-setup-grid { grid-template-columns: 1fr; }
  .commercial-card-grid article { min-height: 210px; }
  .commercial-card-grid h3 { min-height: 0; margin-top: 34px; }
  .commercial-scenario-grid article { min-height: 0; }
  .commercial-workflow li { min-height: 150px; }
  .commercial-setup-grid { gap: 8px; }
  .commercial-setup-grid article { min-height: 0; padding: 15px 16px; display: grid; grid-template-columns: minmax(0,1fr) max-content; column-gap: 12px; row-gap: 4px; align-items: center; border-radius: 16px; }
  .commercial-setup-grid article > span { grid-column: 2; grid-row: 1; justify-self: end; white-space: nowrap; }
  .commercial-setup-grid small { grid-column: 1; grid-row: 1; margin-top: 0; }
  .commercial-setup-grid strong { min-width: 0; grid-column: 1; grid-row: 2; margin-top: 0; overflow-wrap: anywhere; text-wrap: pretty; }
  .commercial-state-grid { grid-template-columns: 1fr; }
  .commercial-room-request { grid-template-columns: 1fr; gap: 18px; }
  .commercial-room-request .button { width: 100%; white-space: normal; }
  .commercial-state-grid figure { display: grid; grid-template-columns: .78fr 1.22fr; }
  .commercial-state-grid figure > div { height: 260px; }
  .commercial-state-grid img { height: 234px; }
  .commercial-state-grid figcaption { min-height: 0; align-content: center; }
  .commercial-media-card { min-height: 300px; padding: 10px; border-radius: 22px; }
  .commercial-trust-grid > div { min-height: 0; padding: 25px; }
  .commercial-related-grid,
  .commercial-final > div { grid-template-columns: 1fr; align-items: start; }
  .commercial-final .button { width: 100%; }
}