/* Traces (span analytics) page extras, loaded after pages.css */
.hero-map { max-width: 960px; }
.hero-map img { border-radius: 18px; box-shadow: 0 40px 100px -40px rgb(0 0 0 / calc(.9 * var(--sh))); }
.persona-img { display: block; width: 53px; height: 53px; margin-bottom: 26px; border-radius: 12px; }
.frame video { aspect-ratio: auto; background: var(--bg-1); }
.pillars { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
.pillars .persona { padding: 28px; }
.pillars h3 { font-size: 18px; }
.pillars p { font-size: 14.5px; }
.pillars + .showcase-cta { margin-top: 48px; }
.eyebrow-ic { display: inline-flex; align-items: center; gap: 10px; }
.eyebrow-ic img { width: 16px; height: 15px; }
.final .fine { text-align: center; }
.facts-big b { margin-top: 0; font-size: clamp(32px, 3.4vw, 44px); line-height: 1; font-weight: 600; letter-spacing: -0.04em; color: var(--accent); }
.facts-big span { margin-top: 12px; }
@media (max-width: 1120px) { .pillars { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); } }
@media (max-width: 560px) {
  .pillars { grid-template-columns: minmax(0, 1fr); }
  .pillars .persona { padding: 26px; }
  .hero-map img { border-radius: 12px; }
}
/* the Explore for spans row: text on top, the full-width DOM replay below */
/* a tighter first fold: the product shot starts inside a laptop-height screen */
.page-hero { padding-top: clamp(64px, 10svh, 104px); overflow: visible; overflow-x: clip; } /* scales with screen height: roomy on tall screens, tight on short ones */ /* the window's glow fades into the next section instead of ending in a hard edge */
.page-hero .crumbs { margin-bottom: 22px; }
.page-hero .lead { max-width: 640px; margin-top: 22px; text-wrap: balance; }
.page-hero .hero-actions { margin-top: 32px; }
.page-hero .fine { margin-top: 14px; }
.page-hero .hero-shot { margin-top: 48px; }
@media (max-height: 820px) and (min-width: 961px) { /* short laptop screens */
  .page-hero h1 { font-size: clamp(40px, 5vw, 64px); }
  .page-hero .hero-shot { margin-top: 40px; }
}
@media (max-width: 560px) { .page-hero { padding-top: 56px; } }
@media (max-width: 640px) { .page-hero .crumbs > :not([aria-current]) { display: none; } } /* narrow: just the kicker, no dangling "·" */