.page-hero{position:relative;padding:5.5rem 0 0;background:linear-gradient(90deg,rgba(237,10,142,.025) 1px,transparent 1px),linear-gradient(rgba(237,10,142,.025) 1px,transparent 1px),#fff;background-size:2.5rem 2.5rem}
.page-hero[data-hero-form="data-band"]{overflow:hidden}
.page-hero__grid{display:grid;grid-template-columns:minmax(0,31.8rem) minmax(0,1fr);gap:2.5rem;align-items:center}
.page-hero__lead{max-width:30rem;margin:1.4rem 0;color:#55545C;font-size:1.08rem}
.page-hero__visual{position:relative;min-width:0;min-height:33rem}
.page-hero__frame{position:absolute;inset:0;border:1px solid var(--hx-line);border-radius:var(--hx-radius-lg);background:radial-gradient(circle at 78% 17%,rgba(255,184,225,.55),transparent 28%),linear-gradient(145deg,#FFF9FD,#F7F7F8 52%,#fff);box-shadow:var(--hx-shadow);overflow:hidden}
.page-hero__frame>img{width:100%;height:100%;object-fit:contain;padding:2.2rem 1rem .5rem}
.page-hero__windowbar{position:absolute;z-index:2;inset:0 0 auto;display:flex;height:2.8rem;align-items:center;padding:0 1rem;border-bottom:1px solid var(--hx-line);background:rgba(255,255,255,.9)}
.page-hero__dots{display:flex;gap:.35rem}
.page-hero__dots i{width:.5rem;height:.5rem;border-radius:50%;background:var(--hx-danger)}
.page-hero__dots i:nth-child(2){background:var(--hx-warning)}
.page-hero__dots i:nth-child(3){background:var(--hx-success)}
.page-hero__window-title{margin-left:1rem;color:var(--hx-muted);font:.65rem var(--hx-font-mono)}
.page-hero__panel{position:absolute;right:1.2rem;bottom:1.2rem;z-index:3;width:min(20rem,80%);padding:1rem;border:1px solid var(--hx-line);border-radius:.9rem;background:rgba(255,255,255,.96);box-shadow:var(--hx-shadow)}
.page-hero__node{display:grid;grid-template-columns:.35rem 1fr auto;gap:.7rem;align-items:center;padding:.55rem 0;border-top:1px solid var(--hx-line);font-size:.72rem}
.page-hero__node i{height:1.7rem;border-radius:.3rem;background:var(--hx-primary)}
.page-hero__node b,.page-hero__node small{display:block}
.page-hero__node small{color:var(--hx-muted)}
.page-hero__data{margin-top:3.6rem;border-block:1px solid var(--hx-line);background:rgba(255,255,255,.95)}
.page-hero__data-inner{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));min-height:6.5rem;align-items:center}
.page-hero__metric{padding:0 2.4rem;border-right:1px solid var(--hx-line)}
.page-hero__metric:first-child{padding-left:0}
.page-hero__metric:last-child{border:0}
.page-hero__metric span{display:block;color:var(--hx-muted);font-size:.75rem}
.page-hero__metric strong{color:var(--hx-ink);font:750 1.45rem var(--hx-font-mono)}
.page-shell-hero{padding:5rem 0;border-bottom:1px solid var(--hx-line);background:radial-gradient(circle at 85% 12%,rgba(255,184,225,.3),transparent 25%),var(--hx-light)}
.page-shell-hero p{max-width:42rem}
.page-cta{position:relative;display:grid;grid-template-columns:1fr auto;gap:2rem;align-items:center;padding:3.8rem 4rem;border:1px solid #F0C1DC;border-radius:var(--hx-radius-lg);background:radial-gradient(circle at 88% 18%,rgba(237,10,142,.16),transparent 30%),linear-gradient(135deg,#FFF0F8,#FFF9FC);overflow:hidden}
.page-cta p{margin-bottom:0}
@media(max-width:900px){
  .page-hero{padding-top:4rem}
  .page-hero__grid{grid-template-columns:1fr}
  .page-hero__visual{min-height:30rem}
  .page-cta{grid-template-columns:1fr;padding:3rem}
}
@media(max-width:640px){
  .page-hero__visual{min-height:24rem}
  .page-hero__frame>img{padding-top:3rem}
  .page-hero__panel{right:.7rem;bottom:.7rem;width:calc(100% - 1.4rem)}
  .page-hero__data-inner{grid-template-columns:1fr}
  .page-hero__metric,.page-hero__metric:first-child{padding:1rem 0;border-right:0;border-bottom:1px solid var(--hx-line)}
  .page-cta{padding:2rem 1.25rem}
}