.page-intro{
  padding-block:var(--zm-space-7);
  color:#E8F0FA;
  background:var(--zm-lilac);--zm-ink:#E8F0FA;--zm-fog:#E8F0FA;--zm-muted:var(--zm-muted-on-dark);--zm-link:var(--zm-orange);--zm-green-ink:#8FF0C0;--zm-line:var(--zm-line-on-dark);}
.page-intro__grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(16rem,.65fr);align-items:center;gap:var(--zm-space-8)}
.page-eyebrow{
  display:flex;
  width:fit-content;
  align-items:center;
  gap:.65rem;
  margin-bottom:var(--zm-space-4);
  color:var(--zm-muted);
  font-family:var(--zm-font-mono);
  font-size:var(--zm-text-xs);
  font-weight:700;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.page-eyebrow::before{width:1.5rem;height:2px;content:"";background:var(--zm-orange)}
.page-intro p{margin-top:var(--zm-space-3);color:var(--zm-muted)}
.page-hero{
  position:relative;
  padding-bottom:var(--zm-space-8);
  color:var(--zm-fog);
  background:linear-gradient(180deg,#061018 0%,#0E2438 100%);
}
.page-hero__grid{
  display:flex;
  flex-direction:column;
  align-items:center;
  min-height:0;
  gap:var(--zm-space-7);
  padding-block:var(--zm-space-8) var(--zm-space-7);
  text-align:center;
}
.page-hero__copy{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;max-width:44rem;margin-inline:auto}
.page-hero__copy .page-eyebrow{margin-inline:auto}
.page-hero__copy h1{color:var(--zm-fog)}
.page-hero__copy h1 span{color:var(--zm-orange-bright)}
.page-hero__lead{margin-top:var(--zm-space-5);color:var(--zm-muted);font-size:var(--zm-text-lg);text-align:center}
.page-hero__actions{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:var(--zm-space-5)}
.page-hero__copy .page-hero__actions{justify-content:center}
.page-hero__entry{margin-left:.5rem;color:#C5D4E4;font-family:var(--zm-font-mono);font-size:var(--zm-text-xs)}
.page-hero .c-btn--primary{color:var(--zm-dark);background:var(--zm-orange-bright);border-color:var(--zm-orange-bright)}
.page-hero .c-btn--secondary,.page-hero .c-btn--ghost{color:#E8F0FA;background:transparent;border-color:var(--zm-line-dark)}
.page-hero__art{
  position:relative;
  width:min(100%,56rem);
  min-width:0;
}
.page-hero__art img{width:100%;min-height:18rem;object-fit:contain;filter:hue-rotate(168deg) saturate(1.15)}
.page-hero + .page-section{
  padding-top:var(--zm-space-10);
}
.page-data-band{
  display:grid;
  grid-template-columns:1fr 1.45fr 1fr;
  margin-bottom:0;
  color:#E8F0FA;
  background:var(--zm-surface);
  border-radius:var(--zm-radius-md);
  overflow:hidden;--zm-ink:#E8F0FA;--zm-fog:#E8F0FA;--zm-muted:var(--zm-muted-on-dark);--zm-link:var(--zm-orange);--zm-green-ink:#8FF0C0;--zm-line:var(--zm-line-on-dark);}
.page-data-band__item{min-width:0;padding:1.2rem 1.4rem}
.page-data-band__item+.page-data-band__item{border-left:1px solid var(--zm-line)}
.page-data-band small{display:block;color:#C5D4E4;font-family:var(--zm-font-mono);font-size:var(--zm-text-xs);letter-spacing:.08em;text-transform:uppercase}
.page-data-band strong{display:block;margin-top:.25rem;font-family:var(--zm-font-mono);font-size:clamp(1rem,2vw,1.65rem);line-height:1.25;font-variant-numeric:tabular-nums}
.page-section{padding-block:var(--zm-space-9)}
.page-section__head{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--zm-space-7);margin-bottom:var(--zm-space-7)}
.page-section__head>div{min-width:0}
.page-section__head p{max-width:25rem;color:var(--zm-muted)}
.page-kicker{margin-bottom:var(--zm-space-3);color:var(--zm-link);font-family:var(--zm-font-mono);font-size:var(--zm-text-xs);font-weight:700;letter-spacing:.13em;text-transform:uppercase}
.doc-hero{padding-block:var(--zm-space-8);color:#E8F0FA;background:var(--zm-peach);--zm-ink:#E8F0FA;--zm-fog:#E8F0FA;--zm-muted:var(--zm-muted-on-dark);--zm-link:var(--zm-orange);--zm-green-ink:#8FF0C0;--zm-line:var(--zm-line-on-dark);}
.doc-hero__copy{max-width:52rem}
.doc-hero p{margin-top:var(--zm-space-5);color:var(--zm-muted);font-size:var(--zm-text-lg)}
.plans-hero .c-btn--primary,.region-hero .c-btn--primary,.security-hero .c-btn--primary,.contact-hero .c-btn--primary,.support-hero .c-btn--primary,.ob-hero .c-btn--primary{
  color:var(--zm-dark);background:var(--zm-orange-bright);border-color:var(--zm-orange-bright)
}
.plans-hero .c-btn--secondary,.region-hero .c-btn--secondary,.security-hero .c-btn--secondary,.contact-hero .c-btn--secondary,.support-hero .c-btn--secondary,.ob-hero .c-btn--secondary{
  color:#E8F0FA;background:transparent;border-color:var(--zm-line-dark)
}
.region-hero__art,.ob-hero__art,.plans-hero__panel,.security-hero__model,.contact-hero__panel,.support-hero-panel{
  width:min(100%,56rem)
}
.region-hero__art img,.ob-hero__art img{
  filter:hue-rotate(168deg) saturate(1.15)
}
@media(max-width:960px){
  .page-intro__grid,.page-hero__grid{grid-template-columns:1fr}
  .page-hero__grid{min-height:0}
  .page-hero__art{max-width:42rem}
}
@media(max-width:700px){
  .page-section__head{align-items:flex-start;flex-direction:column}
  .page-data-band{grid-template-columns:1fr}
  .page-data-band__item+.page-data-band__item{border-left:0;border-top:1px solid var(--zm-line-on-dark)}
  .page-hero__entry{width:100%;margin-left:0}
}
