.page-section{padding-block:var(--space-7)}
.page-section--surface{background:var(--color-surface)}
.page-section--paper{background:var(--color-paper)}
.page-section--violet{background:var(--color-primary);color:var(--color-surface)}
.page-section--violet h2,.page-section--violet h3{color:var(--color-surface)}
.page-section--violet p{color:#e5d9e9}
.page-section__head{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-4)}
.page-section__head>div{max-width:47rem}
.page-section__head>p{max-width:24rem;margin-bottom:0;color:var(--color-muted)}
.page-kicker{display:flex;width:fit-content;max-width:100%;align-self:flex-start;align-items:center;gap:.65rem;margin-bottom:1rem;padding:.4em .8em;border-radius:var(--radius-sm);color:var(--color-primary);font-size:var(--text-xs);font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.page-kicker::before{content:"";width:1.75rem;height:2px;background:currentColor}
.page-hero{position:relative;background:var(--color-surface)}
.page-hero[data-hero-form="data-band"]{padding-top:clamp(5rem,9vw,7.5rem)}
.page-hero[data-hero-form="data-band"] .page-hero__grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(24rem,.92fr);align-items:center;gap:var(--space-4)}
.page-hero__copy{max-width:39rem}
.page-hero__copy h1{margin-bottom:1.5rem;max-width:100%;overflow-wrap:anywhere}
.page-hero__copy h1 em{display:block;max-width:100%;color:var(--color-primary);font-family:var(--font-heading);font-weight:750;font-style:normal;overflow-wrap:anywhere}
.page-hero__lead{max-width:36rem;color:var(--color-muted);font-size:var(--text-lg)}
.page-hero__art{position:relative;min-height:31rem}
.page-hero[data-hero-form="data-band"] .page-hero__scene{position:absolute;z-index:2;inset:2rem 0 auto;width:100%;height:auto}
.page-hero__aurora{position:absolute;inset:-4rem -7rem -4rem 2rem;filter:blur(22px);opacity:.8}
.page-hero__beam{position:absolute;top:0;width:5rem;height:31rem;border-radius:50%;transform:rotate(8deg);filter:blur(24px)}
.page-hero__beam:nth-child(1){left:18%;background:rgba(118,63,154,.36)}
.page-hero__beam:nth-child(2){left:46%;background:rgba(66,166,161,.27)}
.page-hero__beam:nth-child(3){left:74%;background:rgba(221,183,106,.28)}
.page-hero__tag{position:absolute;z-index:3;padding:1rem 1.5rem;border:1px solid rgba(87,32,111,.12);border-radius:var(--radius-sm);background:rgba(255,255,255,.92);color:var(--color-ink);box-shadow:var(--shadow-card);font-family:var(--font-mono);font-size:var(--text-xs)}
.page-hero[data-hero-form="data-band"] .page-hero__tag--one{left:0;top:4rem}
.page-hero[data-hero-form="data-band"] .page-hero__tag--two{right:0;bottom:3rem}
.page-data-band{position:relative;z-index:4;display:grid;grid-template-columns:minmax(12rem,1.15fr) repeat(auto-fit,minmax(6.5rem,1fr));align-items:center;min-height:7.25rem;margin-top:1rem;padding:1.5rem 2.5rem;border-radius:var(--radius-md) var(--radius-md) 0 0;background:var(--color-dark);color:var(--color-surface)}
.page-data-band__intro{padding-right:1.5rem}
.page-data-band__intro span{display:block;color:#bdb5c2;font-size:var(--text-xs)}
.page-metric{min-width:0;padding-left:1.75rem;border-left:1px solid rgba(255,255,255,.14)}
.page-metric span{display:block;color:#bdb5c2;font-size:var(--text-xs)}
.page-metric strong{display:block;font-family:var(--font-mono);font-size:clamp(1.15rem,2vw,1.55rem);font-variant-numeric:tabular-nums}
.page-metric small{color:#9bd1ce}
.doc-hero{padding-block:var(--space-6);background:var(--color-surface)}
.doc-hero__copy{max-width:52rem}
.page-end{padding-block:var(--space-6);background:var(--color-primary)}
.page-end .c-cta{background:var(--color-dark)}
@media (max-width:900px){
  .page-hero[data-hero-form="data-band"] .page-hero__grid{grid-template-columns:1fr}
  .page-hero__art{min-height:27rem}
  .page-data-band{grid-template-columns:repeat(3,1fr)}
  .page-data-band__intro{grid-column:1/-1;padding:0 0 1rem}
  .page-section__head{align-items:flex-start;flex-direction:column}
}
@media (max-width:640px){
  .page-hero[data-hero-form="data-band"]{padding-top:4rem}
  .page-hero__art{min-height:21rem}
  .page-hero[data-hero-form="data-band"] .page-hero__tag--one{top:1rem}
  .page-hero[data-hero-form="data-band"] .page-hero__tag--two{bottom:1rem}
  .page-data-band{grid-template-columns:1fr;padding:1.5rem;border-radius:var(--radius-md)}
  .page-metric{padding:.75rem 0;border-left:0;border-top:1px solid rgba(255,255,255,.14)}
}