/* ============================================================
   Signal Atlas — proof strip
   Thin credibility band between the demo and the final CTA.
   Schibsted Grotesk numbers, Hanken labels. Blue = intelligence,
   amber used once for indexed opportunity value. Calm, investor grade.
   ============================================================ */
.pstrip {
  --font-display: "Schibsted Grotesk", system-ui, sans-serif;
  --font-text: "Hanken Grotesk", system-ui, sans-serif;
  --fg: #16181C;
  --fg-dim: #4C5159;
  --fg-faint: #7A7F87;
  --bd: #ECECE6;
  --bd-soft: #F0F0EB;
  --accent-ink: oklch(0.47 0.16 254);
  --amber-ink: oklch(0.62 0.15 78);
  position: relative; width: 100%;
  background: linear-gradient(180deg, #F7F8FA 0%, #F2F4F7 100%);
  border-top: 1px solid var(--bd);
  border-bottom: 1px solid var(--bd);
  font-family: var(--font-text); color: var(--fg);
  box-sizing: border-box;
  padding: var(--sa-section-y-tight) var(--sa-content-pad);
}
.pstrip *, .pstrip *::before, .pstrip *::after { box-sizing: border-box; }

.pstrip-grid {
  max-width: var(--sa-page-max); margin: 0 auto;
  display: grid; grid-template-columns: repeat(4, 1fr);
}
.pstrip-item { padding: 2px clamp(24px, 3vw, 34px); border-left: 1px solid var(--bd); }
.pstrip-item:first-child { border-left: none; padding-left: 0; }
.pstrip-item:last-child { padding-right: 0; }
/* deliberate 2-and-2 grouping: two stats | two attributes */
.pstrip-item:nth-child(3) { border-left-color: #DEDED7; }

.pstrip-num {
  font-family: var(--font-display); font-weight: 600;
  font-size: 42px; line-height: 1; letter-spacing: -0.02em; color: var(--fg);
  min-height: 46px; display: flex; align-items: center;
  font-variant-numeric: tabular-nums; font-feature-settings: "tnum" 1;
}
.pstrip-num .pre { font-weight: 600; }
.pstrip-num .suf { font-size: 0.64em; font-weight: 600; margin-left: 0; }
.pstrip-num.accent { color: var(--accent-ink); }
.pstrip-num.amber { color: var(--amber-ink); }
.pstrip-num.word { font-size: 27px; letter-spacing: -0.015em; color: var(--fg); }

.pstrip-lbl {
  font-size: 13.5px; line-height: 1.4; color: var(--fg-dim);
  margin-top: 12px; max-width: 24ch; text-wrap: pretty;
}

/* tablet: 2 x 2 */
@media (max-width: 980px) {
  .pstrip { padding: 46px var(--sa-content-pad); }
  .pstrip-grid { grid-template-columns: 1fr 1fr; row-gap: 34px; }
  .pstrip-item { padding: 2px 28px; }
  .pstrip-item:nth-child(odd) { border-left: none; padding-left: 0; }
  .pstrip-item:nth-child(even) { border-left: 1px solid var(--bd); }
  .pstrip-item:nth-child(3) { border-left-color: var(--bd); }
}
/* mobile: stacked, hairline between */
@media (max-width: 560px) {
  .pstrip-grid { grid-template-columns: 1fr; row-gap: 0; }
  .pstrip-item { border-left: none !important; padding: 22px 0; border-top: 1px solid var(--bd); }
  .pstrip-item:first-child { border-top: none; padding-top: 2px; }
  .pstrip-num { font-size: 38px; }
}