.hiw-main section{position:relative;}

.hiw-hero-grid{
display:grid;
grid-template-columns:1fr 1fr;
align-items:center;
gap:var(--space-5);
}
.hiw-hero-text{max-width:520px;display:flex;flex-direction:column;gap:var(--space-2);}
.hiw-hero-highlight{color:var(--text-primary);}
.hiw-hero-image img{width:100%;border-radius:var(--radius-card);border:1px solid var(--border-primary);}

.hiw-center{text-align:center;}
.hiw-card-grid{
display:grid;
grid-template-columns:1fr 1.15fr 1fr;
gap:var(--space-3);
margin-top:var(--space-4);
}
.hiw-card-grid .card:nth-child(2){transform:translateY(var(--space-3))}
.hiw-card-grid > *{min-width:0;}

.hiw-random-grid{
display:grid;
grid-template-columns:3fr 2fr;
gap:var(--space-5);
align-items:center;
}
.hiw-random-text{max-width:560px;display:flex;flex-direction:column;gap:var(--space-2);}
.hiw-random-image img{width:100%;border-radius:var(--radius-card);border:1px solid var(--border-primary);}

.hiw-combo{padding-block:var(--space-5);background:linear-gradient(110deg,rgba(139,124,255,.08),transparent 55%)}
.hiw-combo-grid{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:var(--space-4);
}

.hiw-narrow{max-width:640px;}

.hiw-steps{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:var(--space-3);
margin-top:var(--space-4);
}

.hiw-feedback-grid{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:var(--space-4);
}

.hiw-responsible,.hiw-explore{display:flex;}
.hiw-explore .hiw-narrow{margin-right:clamp(0rem,12vw,9rem);padding:var(--space-4);border-top:1px solid var(--brand-mint);border-bottom:1px solid var(--brand-mint)}
.hiw-feedback-grid > div:first-child{padding-top:var(--space-4);border-top:1px solid var(--detail-gold)}
.hiw-feedback-grid > div:last-child{padding-bottom:var(--space-4);border-bottom:1px solid var(--brand-violet)}

@media (max-width:1024px){
.hiw-hero-grid{grid-template-columns:1fr;}
.hiw-random-grid{grid-template-columns:1fr;}
.hiw-steps{grid-template-columns:1fr 1fr;}
.hiw-card-grid{grid-template-columns:1fr 1fr;}
.hiw-card-grid .card:nth-child(2){transform:none}
}

@media (max-width:640px){
.hiw-card-grid,
.hiw-steps,
.hiw-combo-grid,
.hiw-feedback-grid{grid-template-columns:1fr;}
}