
/* V2.6: desktop sizing informed by supplied Shapespark screenshots.
   Preserve DELTA BOX assets, content, colors, section order and alternating rows. */
@media (min-width: 901px) {
  .site.v2 { width: 85%; max-width: 1224px; margin-inline: auto; }

  /* Real type sizes replace V2.5's blanket zoom. */
  .site.v2 :is(.section-02 .benefit-intro, .section-06 .vault-intro, .section-03 .feature-heading, .section-05 .feature-heading, .section-07 .feature-heading) h2 {
    font-size: clamp(30px, 3.105cqw, 38px);
    font-weight: 400;
    line-height: 1.2;
    letter-spacing: -.025em;
    white-space: normal;
  }
  .site.v2 :is(.section-02 .benefit-intro, .section-06 .vault-intro, .section-03 .feature-heading, .section-05 .feature-heading, .section-07 .feature-heading) p {
    font-size: 18px;
    line-height: 1.6;
    margin-top: 20px;
    white-space: normal;
    left: auto;
    width: auto;
  }
  .site.v2 :is(.benefit-intro, .vault-intro, .feature-heading) .desktop-break { display: none; }
  .site.v2 :is(.section-03, .section-05, .section-07) .feature-text h3 {
    font-size: clamp(28px, 2.615cqw, 32px);
    font-weight: 400;
    line-height: 1.25;
    letter-spacing: -.025em;
    margin-top: 18px;
  }
  .site.v2 :is(.section-03, .section-05, .section-07) .feature-text p {
    font-size: 16px;
    line-height: 1.6;
    margin-top: 20px;
  }
  .site.v2 :is(.section-03, .section-05, .section-07) .feature-label { font-size: 11px; }
  .site.v2 :is(.section-03, .section-05, .section-07) .feature-text h4 {
    font-size: 15px;
    margin: 24px 0 14px;
  }
  .site.v2 :is(.section-03, .section-07) .feature-checks { gap: 10px; }
  .site.v2 .section-07 .feature-checks { margin-top: 24px; }
  .site.v2 :is(.section-03, .section-07) .feature-checks li { font-size: 16px; line-height: 1.45; gap: 14px; }
  .site.v2 :is(.section-03, .section-07) .feature-checks li span { width: 28px; height: 28px; font-size: 17px; }

  /* Four original benefit blocks, with the reference's smaller circular artwork. */
  .site.v2 :is(#pie, #vault) { aspect-ratio: auto !important; padding-block: 90px 110px; }
  .site.v2 :is(#pie, #vault) > .positioned {
    position: relative;
    top: auto !important;
    left: auto !important;
    width: 90% !important;
    max-width: 1110px;
    margin-inline: auto;
  }
  .site.v2 :is(#pie, #vault) > .benefit-grid { margin-top: 64px; gap: 32px; }
  .site.v2 :is(#pie, #vault) .benefit-block img { width: 124px; height: auto; }
  .site.v2 :is(#pie, #vault) .benefit-block h3 {
    font-size: 22px;
    font-weight: 400;
    line-height: 1.25;
    letter-spacing: -.015em;
    white-space: normal;
    min-height: 55px;
    margin-top: 22px;
  }
  .site.v2 :is(#pie, #vault) .benefit-block p { font-size: 16px; line-height: 1.6; margin-top: 16px; }
  .site.v2 #vault .vault-eyebrow { font-size: 12px; }

  /* Content-sized rows allow the fixed readable text sizes to wrap safely.
     Section 07 retains its V2.1 grid and row assignments; 03/05 gain the same behavior. */
  .site.v2 :is(#platform-features, #stage-tools, #vault-capabilities) {
    aspect-ratio: auto !important;
    height: auto;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: repeat(4, auto);
    row-gap: clamp(72px, 7.843cqw, 96px);
    padding-block: 60px;
  }
  .site.v2 #stage-tools { grid-template-rows: repeat(5, auto); }
  .site.v2 :is(#platform-features, #stage-tools, #vault-capabilities) > .positioned {
    position: relative;
    top: auto !important;
    left: auto !important;
    grid-column: 1;
    align-self: start;
    min-width: 0;
    margin: 0;
  }
  .site.v2 :is(#platform-features, #stage-tools, #vault-capabilities) > .feature-heading { grid-row: 1; }
  .site.v2 :is(#platform-features, #stage-tools, #vault-capabilities) > :is(.feature-text, .reference-art):nth-of-type(1) { grid-row: 2; }
  .site.v2 :is(#platform-features, #stage-tools, #vault-capabilities) > :is(.feature-text, .reference-art):nth-of-type(2) { grid-row: 3; }
  .site.v2 :is(#platform-features, #stage-tools, #vault-capabilities) > :is(.feature-text, .reference-art):nth-of-type(3) { grid-row: 4; }
  .site.v2 #stage-tools > :is(.feature-text, .reference-art):nth-of-type(4) { grid-row: 5; }

  .site.v2 #platform-features > .feature-heading { margin-left: 9.432387%; }
  .site.v2 #platform-features > .feature-text:nth-of-type(odd) { margin-left: 9.432387%; }
  .site.v2 #platform-features > .feature-text:nth-of-type(2) { margin-left: 54.924875%; }
  .site.v2 #platform-features > .feature-text:nth-of-type(1) { margin-top: 1.502504cqw; }
  .site.v2 #platform-features > .feature-text:nth-of-type(2) { margin-top: 1.752922cqw; }
  .site.v2 #platform-features > .feature-text:nth-of-type(3) { margin-top: 2.086811cqw; }
  .site.v2 #platform-features > .reference-art:nth-of-type(odd) { margin-left: 51.752922%; }
  .site.v2 #platform-features > .reference-art:nth-of-type(2) { margin-left: 8.180301%; }

  .site.v2 #stage-tools > .feature-heading { margin-left: 7.120085%; }
  .site.v2 #stage-tools > .feature-text:nth-of-type(odd) { margin-left: 5.738576%; }
  .site.v2 #stage-tools > .feature-text:nth-of-type(even) { margin-left: 54.516472%; }
  .site.v2 #stage-tools > .feature-text:nth-of-type(1) { margin-top: 2.975558cqw; }
  .site.v2 #stage-tools > .feature-text:nth-of-type(2) { margin-top: 4.250797cqw; }
  .site.v2 #stage-tools > .feature-text:nth-of-type(3) { margin-top: 3.931987cqw; }
  .site.v2 #stage-tools > .feature-text:nth-of-type(4) { margin-top: 3.825717cqw; }
  .site.v2 #stage-tools > .reference-art:nth-of-type(odd) { margin-left: 51.8%; }
  .site.v2 #stage-tools > .reference-art:nth-of-type(even) { margin-left: 8%; }
  .site.v2 #stage-tools .tool-icons { position: static; margin-top: 28px; gap: 8px; }
  .site.v2 #stage-tools .tool-icons li { flex: 1 1 0; width: auto; max-width: 56px; min-width: 0; }

  .site.v2 #vault-capabilities > .feature-heading { margin-left: 6.238859%; }
  .site.v2 #vault-capabilities > .feature-text:nth-of-type(odd) { margin-left: 6.149733%; }
  .site.v2 #vault-capabilities > .feature-text:nth-of-type(2) { margin-left: 59.001783%; }
  .site.v2 #vault-capabilities > .feature-text:nth-of-type(1) { margin-top: 5.080214cqw; }
  .site.v2 #vault-capabilities > .feature-text:nth-of-type(2) { margin-top: 2.941176cqw; }
  .site.v2 #vault-capabilities > .feature-text:nth-of-type(3) { margin-top: 4.634581cqw; }
  .site.v2 #vault-capabilities > .reference-art:nth-of-type(odd) { margin-left: 52.5%; }
  .site.v2 #vault-capabilities > .reference-art:nth-of-type(2) { margin-left: 8.333333%; }
  .site.v2 :is(#platform-features, #stage-tools, #vault-capabilities) > .reference-art {
    width: min(41.666667%, 500px) !important;
    max-width: 500px;
    aspect-ratio: 3 / 2;
    display: grid;
    place-items: center;
    overflow: visible;
  }
  .site.v2 :is(#platform-features, #stage-tools, #vault-capabilities) > .reference-art img { width: 100%; height: 100%; object-fit: contain; }

  .site.v2 .workflow-heading { height: auto; min-height: 6.85cqw; padding-bottom: 24px; }
  .site.v2 .workflow-heading h2 { font-size: 30px; font-weight: 400; line-height: 1.2; }
  .site.v2 .workflow-heading p { font-size: 14px; line-height: 1.5; }
  .site.v2 .section-08 .audience h2 { font-size: 32px; font-weight: 400; line-height: 1.2; }
  .site.v2 .section-08 .demo h2 { font-size: 28px; font-weight: 400; line-height: 1.2; }
  .site.v2 .section-09 .faq h2 { font-size: 32px; font-weight: 400; line-height: 1.2; }
  .site.v2 .section-09 .faq-intro p { font-size: 15px; line-height: 1.6; }
}

