/* Hallmark · macrostructure: Technical Workbench · tone: technical · anchor hue: red · nav: N4 · footer: Ft2 · studied: yes
 * knob-delta: hero=split-benefit-ledger · contrast: pass (40–41) · slop: pass (42–45)
 * honest: pass (46) · chrome: pass (47) · tokens: pass (48) · responsive: pass (49) · mobile: pass (34, 49, 50–57)
 */
/* Hallmark · pre-emit critique: P5 H5 E5 S5 R5 V3 */

[data-page="appnext"] .analytics-hero {
  display: block;
}

.appnext-hero-layout {
  display: grid;
  gap: var(--analytics-space-10);
  inline-size: min(100%, var(--analytics-max));
  margin-inline: auto;
}

.appnext-advantages {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  align-content: start;
  border-block-end: var(--analytics-rule-width) solid var(--analytics-muted);
}

.appnext-advantages article {
  display: grid;
  min-inline-size: 0;
  gap: var(--analytics-space-2);
  padding-block: var(--analytics-space-4);
  border-block-start: var(--analytics-rule-width) solid var(--analytics-muted);
}

.appnext-advantages h2 {
  color: var(--analytics-paper);
  font-family: var(--analytics-font-display);
  font-size: clamp(1rem, 1.4vw, 1.25rem);
  line-height: 1.15;
  overflow-wrap: anywhere;
}

.appnext-advantages p {
  max-inline-size: 40rem;
  color: var(--analytics-paper-soft);
  font-size: 0.875rem;
  line-height: 1.45;
}

@media (min-width: 48rem) {
  [data-page="appnext"] .analytics-hero {
    padding-block: var(--analytics-space-16) var(--analytics-space-24);
  }

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

  .appnext-advantages article:nth-child(odd) {
    padding-inline-end: var(--analytics-space-4);
    border-inline-end: var(--analytics-rule-width) solid var(--analytics-muted);
  }

  .appnext-advantages article:nth-child(even) {
    padding-inline-start: var(--analytics-space-4);
  }
}

@media (min-width: 60rem) {
  .appnext-hero-layout {
    grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
    align-items: start;
    gap: var(--analytics-space-16);
  }
}