.hz-page{}

.hz-hero-grid{
  display:grid;
  grid-template-columns:60% 40%;
  gap:var(--space-5);
  align-items:center;
}
.hz-hero-text{max-width:38rem}
.hz-hero-image{width:100%;height:100%}

.hz-role-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:var(--space-4);
  margin-top:var(--space-4);
}
.hz-card p{max-width:32rem}

.hz-profile-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:var(--space-4);
}
.hz-profile{display:flex;flex-direction:column;gap:var(--space-3)}
.hz-profile .media{height:260px}
.hz-profile:hover{transform:translateY(-4px);box-shadow:var(--shadow-soft)}

.hz-flow-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:var(--space-4);
  margin-top:var(--space-4);
}
.hz-step{max-width:28rem}

.hz-atmos-grid{
  display:grid;
  grid-template-columns:60% 40%;
  gap:var(--space-5);
  align-items:center;
}
.hz-atmos-text{max-width:32rem}

.hz-value-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:var(--space-4);
  margin-top:var(--space-4);
}
.hz-value-grid p{max-width:28rem}

.hz-style-grid{
  display:grid;
  grid-template-columns:60% 40%;
  gap:var(--space-5);
  align-items:center;
}
.hz-style-text{max-width:40rem}

.hz-faq-inner{max-width:700px;margin-inline:auto}
.hz-faq-list{display:flex;flex-direction:column;gap:var(--space-3);margin-top:var(--space-4)}
.hz-faq-item{border-bottom:1px solid var(--color-border-mineral);padding-bottom:var(--space-2)}
.hz-faq-q{width:100%;text-align:left;font-weight:600}
.hz-faq-a{display:none;padding-top:var(--space-2)}
.hz-faq-item.active .hz-faq-a{display:block}

.hz-cta-box{
  max-width:600px;
  margin-inline:auto;
  text-align:center;
  display:flex;
  flex-direction:column;
  gap:var(--space-3);
}

@media (max-width:1024px){
  .hz-hero-grid,
  .hz-atmos-grid,
  .hz-style-grid{grid-template-columns:1fr}
}

@media (max-width:768px){
  .hz-role-grid,
  .hz-profile-grid,
  .hz-flow-grid,
  .hz-value-grid{grid-template-columns:1fr}
}