/*
 * Large-desktop product showcase scale.
 *
 * The component styles below 1280px remain authoritative. This layer gives
 * every numbered desktop showcase the same compact 1200px presentation as
 * Trading Terminal, without changing tablet or mobile layouts.
 */
@media (min-width: 1280px) {
  .vrai-showcase,
  .vrid-showcase,
  .vrdv-showcase,
  .vrma-showcase {
    padding-top: 4rem;
    padding-bottom: 3.25rem;
  }

  .vrai-masthead,
  .vrai-inner,
  .vrid-masthead,
  .vrid-inner,
  .vrdv-masthead,
  .vrdv-inner,
  .vrma-masthead,
  .vrma-inner {
    width: min(calc(100% - 6rem), 1200px);
  }

  /* Atlas AI: compact the workflow and benchmark without hiding either. */
  .vrai-primary,
  .vrai-benchmark-story {
    grid-template-columns: 300px minmax(0, 864px);
    gap: 2.25rem;
  }

  .vrai-headline h3,
  .vrai-benchmark-copy h4 {
    font-size: 3rem;
  }

  .vrai-lead {
    margin-top: 0.9rem;
    font-size: 0.88rem;
    line-height: 1.48;
  }

  .vrai-support {
    font-size: 0.78rem;
  }

  .vrai-flow {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-top: 0.9rem;
  }

  .vrai-flow li {
    grid-template-columns: 1.55rem minmax(0, 1fr);
    gap: 0.45rem;
    min-height: 4rem;
    padding: 0.45rem 0.55rem;
  }

  .vrai-flow li:nth-child(odd) {
    border-right: 1px solid var(--vrai-soft-line);
  }

  .vrai-flow li:nth-last-child(-n + 2) {
    border-bottom: 0;
  }

  .vrai-flow strong {
    font-size: 0.58rem;
  }

  .vrai-flow small {
    font-size: 0.66rem;
    line-height: 1.3;
  }

  .vrai-cta {
    min-height: 3.5rem;
    margin-top: 0.9rem;
  }

  .vrai-workspace {
    grid-template-rows: minmax(0, 1fr) 2.75rem;
  }

  .vrai-benchmark-story {
    margin-top: 2.25rem;
    padding: 2rem 0;
  }

  .vrai-benchmark-copy h4 {
    max-width: 11ch;
  }

  .vrai-benchmark-copy > p:not(.vrai-benchmark-kicker) {
    margin-top: 1rem;
    font-size: 0.86rem;
    line-height: 1.5;
  }

  .vrai-showcase .vrab-mast {
    padding: 0.72rem 0.9rem 0.68rem;
  }

  .vrai-showcase .vrab-title {
    font-size: 1.55rem;
  }

  .vrai-showcase .vrab-table thead th {
    height: 48px;
    padding: 0.48rem 0.72rem;
  }

  .vrai-showcase .vrab-table tbody th,
  .vrai-showcase .vrab-table tbody td {
    height: 44px;
    padding: 0.4rem 0.72rem;
  }

  .vrai-showcase .vrab-note {
    padding: 0.48rem 0.72rem 0.52rem;
  }

  /* Investor Desk: match the Terminal's compact rail + screenshot rhythm. */
  .vrid-inner {
    grid-template-columns: 300px minmax(0, 864px);
    gap: 2.25rem;
  }

  .vrid-features li {
    min-height: 3.75rem;
  }

  .vrid-feature-copy {
    gap: 0.22rem;
    padding: 0.55rem 0;
  }

  .vrid-feature-copy small {
    font-size: 0.7rem;
    line-height: 1.3;
  }

  .vrid-cta {
    min-height: 4rem;
    margin-top: 1.25rem;
  }

  /*
   * Data Vault: stop stacking four full-width bands. Inventory and catalog
   * share a row, keeping the complete catalog screenshot legible at 864px.
   */
  .vrdv-inner {
    display: grid;
    grid-template-columns: 300px minmax(0, 864px);
    grid-template-areas:
      "overview overview"
      "inventory visual"
      "coverage visual";
    column-gap: 2.25rem;
    row-gap: 1.25rem;
  }

  .vrdv-overview {
    grid-area: overview;
    grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
    gap: 3rem;
    padding-bottom: 0;
  }

  .vrdv-copy h3 {
    font-size: 3.5rem;
  }

  .vrdv-intro {
    font-size: 0.9rem;
    line-height: 1.5;
  }

  .vrdv-cta {
    min-height: 3.5rem;
    margin-top: 1rem;
  }

  .vrdv-inventory {
    grid-area: inventory;
    align-self: stretch;
  }

  .vrdv-stats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .vrdv-stats div,
  .vrdv-stats div:first-child,
  .vrdv-stats div:last-child {
    padding: 0.85rem 0.9rem;
    border-right: 1px solid var(--vrdv-line);
    border-bottom: 1px solid var(--vrdv-line);
  }

  .vrdv-stats div:nth-child(even) {
    border-right: 0;
  }

  .vrdv-stats div:nth-last-child(-n + 2) {
    border-bottom: 0;
  }

  .vrdv-stats dt {
    font-size: 2rem;
  }

  .vrdv-universe {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .vrdv-universe span {
    min-height: 2.15rem;
  }

  .vrdv-universe span:last-child {
    grid-column: 1 / -1;
  }

  .vrdv-visual {
    grid-area: visual;
    grid-template-rows: minmax(0, 1fr) 2.75rem;
    width: 100%;
    margin-top: 0;
  }

  .vrdv-coverage {
    grid-area: coverage;
    grid-template-columns: 1fr;
    margin-top: 0;
  }

  .vrdv-coverage > div {
    min-height: 4.25rem;
    padding: 0.7rem 0.9rem;
    border-right: 0;
    border-bottom: 1px solid var(--vrdv-line);
  }

  .vrdv-coverage > div:first-child {
    padding-left: 0.9rem;
  }

  .vrdv-coverage > div:last-child {
    border-bottom: 0;
  }

  /* Mobile App: retain all three phones, but at product-card scale. */
  .vrma-inner {
    grid-template-columns: 300px minmax(0, 864px);
    gap: 2.25rem;
  }

  .vrma-lead {
    font-size: 3rem;
  }

  .vrma-intro {
    margin-top: 0.9rem;
    font-size: 0.82rem;
    line-height: 1.45;
  }

  .vrma-features {
    margin-top: 1rem;
  }

  .vrma-features li {
    grid-template-columns: 3.15rem minmax(0, 1fr);
    min-height: 3.75rem;
  }

  .vrma-feature-copy {
    gap: 0.2rem;
    padding: 0.5rem 0;
  }

  .vrma-feature-copy small {
    font-size: 0.68rem;
    line-height: 1.3;
  }

  .vrma-cta {
    min-height: 4rem;
    margin-top: 1.15rem;
  }

  .vrma-gallery {
    max-width: 864px;
  }
}