.page-hero{
  position:relative;
  padding-block:5.5rem var(--space-6);
  background:#fff
}
.page-hero[data-hero-form="data-band"] .hero-layout{
  display:grid;
  grid-template-columns:minmax(0,.9fr) minmax(480px,1.1fr);
  align-items:center;
  gap:clamp(2.5rem,6vw,5rem)
}
.page-hero .hero-copy{min-width:0}
.page-hero .hero-copy>p{
  max-width:56ch;
  margin-top:var(--space-3);
  color:#5c7165;
  font-size:var(--fs-3)
}
.page-hero .actions{margin-top:var(--space-3)}
.hero-stage{
  position:relative;
  min-height:530px;
  overflow:hidden;
  border-radius:var(--radius-lg);
  background:
    radial-gradient(circle at 82% 12%,rgba(197,234,174,.94),transparent 34%),
    radial-gradient(circle at 10% 90%,rgba(190,234,221,.95),transparent 38%),
    linear-gradient(135deg,#d9f1dc,#e8efd9)
}
.page-hero[data-hero-form="data-band"] .hero-stage>img{
  position:absolute;
  inset:6% 3% 3%;
  width:94%;
  height:91%;
  object-fit:contain
}
.hero-float{
  position:absolute;
  z-index:2;
  min-width:155px;
  padding:1rem;
  border:1px solid rgba(20,57,33,.08);
  border-radius:var(--radius-sm);
  color:var(--c-ink);
  background:rgba(255,255,255,.94);
  box-shadow:var(--shadow-soft);
  backdrop-filter:blur(10px)
}
.hero-float strong{display:block}
.hero-float span{color:var(--c-muted);font-size:var(--fs-0)}
.page-hero[data-hero-form="data-band"] .hero-float-a{top:6%;right:4%}
.page-hero[data-hero-form="data-band"] .hero-float-b{left:4%;bottom:7%}
.data-band{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  margin-top:var(--space-5);
  overflow:hidden;
  border-radius:var(--radius-md);
  color:#f3faef;
  background:var(--c-dark)
}
.data-band-item{
  display:flex;
  align-items:center;
  gap:1rem;
  min-width:0;
  min-height:108px;
  padding:1.4rem 1.8rem
}
.data-band-item+ .data-band-item{border-left:1px solid var(--c-line-light)}
.data-band-value{color:#b5e3af;font:500 clamp(1.7rem,3vw,2.2rem)/1 var(--font-mono);letter-spacing:-.06em}
.data-band-copy strong{display:block;font-size:var(--fs-1)}
.data-band-copy span{display:block;margin-top:.25rem;color:#aac0b0;font-size:var(--fs-0)}
.doc-hero{padding-block:var(--space-6);background:var(--c-light)}
.doc-hero .container-narrow{margin-inline:auto}
.doc-hero p{margin-top:var(--space-2);color:var(--c-muted);font-size:var(--fs-3)}
.page-section{padding-block:var(--space-7)}
.page-section-sm{padding-block:var(--space-6)}
@media (max-width:980px){
  .page-hero[data-hero-form="data-band"] .hero-layout{grid-template-columns:1fr}
  .hero-stage{min-height:470px}
}
@media (max-width:680px){
  .page-hero{padding-top:4rem}
  .hero-stage{min-height:380px}
  .data-band{grid-template-columns:1fr}
  .data-band-item+ .data-band-item{border-left:0;border-top:1px solid var(--c-line-light)}
}