.hero{position:relative;min-height:90vh;display:flex;align-items:center;}
.hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.hero-overlay{position:absolute;inset:0;background:rgba(0,0,0,0.35);} 
.hero-inner{position:relative;display:flex;align-items:center;}
.hero-panel{background:var(--color-surface-card);padding:var(--space-5);max-width:480px;border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);display:flex;flex-direction:column;gap:var(--space-3);} 
.hero-actions{display:flex;gap:var(--space-3);flex-wrap:wrap;}

.intro-text{max-width:720px;margin-inline:auto;text-align:center;display:flex;flex-direction:column;gap:var(--space-4);} 

.services-grid > *{min-width:0;}

.scenario-grid{align-items:center;}
.scenario-text{max-width:600px;}
.scenario-image{display:flex;justify-content:center;}

.benefits-grid > *{min-width:0;}
.process-grid > *{min-width:0;}

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

.gallery-desc{max-width:600px;margin-inline:auto;text-align:center;margin-bottom:var(--space-4);} 
.gallery-grid > *{min-width:0;}
.gallery-grid img{transition:transform 0.3s ease;}
.gallery-grid img:hover{transform:scale(1.05);} 

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

@media (max-width:768px){
.hero{min-height:75vh;}
.hero-panel{margin-inline:auto;text-align:center;}
.scenario-grid{grid-template-columns:1fr;}
}
