.home-hero-inner{display:grid;grid-template-columns:35% 65%;align-items:center;gap:var(--space-xl)}
.home-hero-text{max-width:420px;display:flex;flex-direction:column;gap:var(--space-md)}
.home-hero-image img{width:100%;height:auto}

.intro{text-align:center}
.intro-text{max-width:720px;margin-inline:auto}
.intro-points{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-lg);margin-top:var(--space-xl)}

.services{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-lg)}
.service-card{display:flex;flex-direction:column;gap:var(--space-md)}

.feature{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-xl);align-items:center}
.feature-text{max-width:520px}

.process{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-lg);text-align:center}
.step{display:flex;flex-direction:column;gap:var(--space-sm)}

.portfolio{text-align:center}
.portfolio-intro{max-width:520px;margin-inline:auto}

.audience{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-xl)}

.values{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-lg)}

.cta{background:var(--color-surface-contrast)}
.cta-inner{text-align:center;max-width:600px;margin-inline:auto;display:flex;flex-direction:column;gap:var(--space-md)}

@media (max-width:1100px){
.home-hero-inner{grid-template-columns:1fr}
.home-hero-text{max-width:100%;text-align:center;margin-inline:auto}
}

@media (max-width:900px){
.services,.process,.values{grid-template-columns:1fr}
.feature{grid-template-columns:1fr}
.audience{grid-template-columns:1fr}
.intro-points{grid-template-columns:1fr}
}