.page-section{padding-block:var(--zm-space-6)}
.page-section+.page-section{border-top:1px solid var(--zm-line)}
.page-section-soft{background:var(--zm-paper)}
.page-section-dark{background:var(--zm-ink);color:#fff}
.page-section-dark .section-copy{color:#aaaab0}
.section-heading{display:flex;align-items:end;justify-content:space-between;gap:var(--zm-space-4);margin-bottom:var(--zm-space-4)}
.section-heading>div{max-width:48rem}
.section-heading h2{margin-top:.85rem}
.section-copy{max-width:27rem;color:var(--zm-muted)}
.page-kicker{width:fit-content;align-self:flex-start;display:inline-flex;align-items:center;gap:.55rem;color:var(--zm-muted);font-family:var(--zm-font-mono);font-size:var(--zm-fs-0);line-height:1.35;font-weight:700;letter-spacing:.1em}
.page-kicker::before{content:"";width:.55rem;height:.55rem;background:var(--zm-yellow);border:1px solid var(--zm-ink)}
.page-section-dark .page-kicker,.c-cta-band .page-kicker{color:#d0d0d4}
.page-section-dark .page-kicker::before{border-color:#fff}
.page-hero{background:#fff}
.page-hero-inner{width:min(100% - 2 * var(--zm-gutter),var(--zm-container-wide));margin-inline:auto;padding-block:clamp(4rem,8vw,6.5rem)}
.page-hero-copy{min-width:0}
.page-hero-copy>p{max-width:35rem;margin-top:1.6rem;color:var(--zm-muted);font-size:var(--zm-fs-3)}
.page-hero-actions{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:.7rem;margin-top:1.5rem}
[data-hero-form="card-collage"] .page-hero-inner{display:grid;grid-template-columns:minmax(0,.92fr) minmax(31rem,1.08fr);gap:clamp(2rem,6vw,5rem);align-items:center}
[data-hero-form="card-collage"] .hero-collage{position:relative;height:clamp(31rem,48vw,38rem);min-width:0}
[data-hero-form="card-collage"] .hero-scene{position:absolute;inset:2rem 1.5rem 2.5rem 1.5rem;border-radius:var(--zm-radius-lg);overflow:hidden;background:var(--zm-paper)}
[data-hero-form="card-collage"] .hero-scene img{width:100%;height:100%;object-fit:cover}
[data-hero-form="card-collage"] .hero-metric{position:absolute;z-index:2;min-width:9rem;padding:1rem 1.25rem;border:1px solid var(--zm-ink);border-radius:var(--zm-radius-md);background:#fff;color:var(--zm-ink);box-shadow:var(--zm-shadow)}
[data-hero-form="card-collage"] .hero-metric small{display:block;color:var(--zm-muted);font-family:var(--zm-font-mono)}
[data-hero-form="card-collage"] .hero-metric strong{display:block;margin-top:.15rem;font-family:var(--zm-font-heading);font-size:var(--zm-fs-4);line-height:1.2}
[data-hero-form="card-collage"] .hero-metric:nth-of-type(1){top:0;left:0;transform:rotate(-3deg)}
[data-hero-form="card-collage"] .hero-metric:nth-of-type(2){top:8rem;right:0;transform:rotate(3deg);background:var(--zm-yellow);color:var(--zm-ink)}
[data-hero-form="card-collage"] .hero-metric:nth-of-type(3){left:1rem;bottom:0;transform:rotate(2deg)}
[data-hero-form="card-collage"] .hero-metric:nth-of-type(4){right:2rem;bottom:.5rem;transform:rotate(-2deg);background:var(--zm-ink);color:#fff}
[data-hero-form="card-collage"] .hero-metric:nth-of-type(4) small{color:#aaaab0}
.doc-hero .page-hero-inner{padding-block:var(--zm-space-5)}
.doc-hero h1{max-width:55rem}
@media(max-width:64rem){
  [data-hero-form="card-collage"] .page-hero-inner{grid-template-columns:1fr}
  [data-hero-form="card-collage"] .hero-collage{height:32rem}
}
@media(max-width:48rem){
  .section-heading{align-items:flex-start;flex-direction:column}
  [data-hero-form="card-collage"] .hero-collage{height:25rem}
  [data-hero-form="card-collage"] .hero-scene{inset:2rem .5rem}
  [data-hero-form="card-collage"] .hero-metric{min-width:7rem;padding:var(--zm-space-3)}
  [data-hero-form="card-collage"] .hero-metric strong{font-size:var(--zm-fs-2)}
}