.home-hero-inner{display:grid;grid-template-columns:40% 60%;align-items:center;gap:var(--space-5)}
.hero-panel{background:rgba(16,21,29,0.85);padding:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-sm);display:flex;flex-direction:column;gap:var(--space-3);max-width:520px}
.hero-actions{display:flex;gap:var(--space-2);flex-wrap:wrap}
.hero-image img{width:100%;border-radius:var(--radius-md)}

.concept-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4)}
.generation-layout{display:grid;grid-template-columns:60% 40%;gap:var(--space-5)}
.generation-steps{max-width:520px}
.generation-side{display:flex;flex-direction:column;gap:var(--space-3)}
.cards-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4)}
.steps-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4)}
.categories-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4)}
.benefits-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4)}
.features-list{max-width:640px}
.design-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4);margin-bottom:var(--space-4)}
.home-download{max-width:520px;margin-inline:auto}
.statement{max-width:720px;margin-inline:auto}

@media(max-width:1024px){
.home-hero-inner{grid-template-columns:1fr}
.generation-layout{grid-template-columns:1fr}
}

@media(max-width:768px){
.concept-grid,.cards-grid,.steps-row,.categories-grid,.benefits-grid,.design-grid{grid-template-columns:1fr}
.hero-panel{max-width:100%}
}