.home-hero{position:relative;overflow:hidden}
.home-hero-bg{position:absolute;inset:0;z-index:0}
.home-hero-bg img{width:100%;height:100%;object-fit:cover}
.home-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);align-items:center;min-height:520px}
.home-hero-panel{display:flex;flex-direction:column;gap:var(--space-4);max-width:520px;min-width:0;overflow:hidden}
.home-hero-panel h1{overflow-wrap:anywhere;word-break:break-word;hyphens:auto;font-size:clamp(1.25rem,2.6vw,2.4rem);max-width:100%}
.home-hero-actions{display:flex}

.home-intro-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-5)}

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

.home-mode-block{position:relative;overflow:hidden}
.home-mode-block img{width:100%;height:100%;object-fit:cover;opacity:.6}
.home-mode-content{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;gap:var(--space-3);padding:var(--space-5);max-width:500px}

.home-visual-grid{display:grid;grid-template-columns:40% 60%;gap:var(--space-5);align-items:center}
.home-visual-text{max-width:520px}

.home-addictive-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-5)}

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

.home-info-card{max-width:600px;margin-inline:auto}

@media (max-width:1100px){
.home-hero-grid{grid-template-columns:1fr}
.home-hero-panel{max-width:100%}
}

@media (max-width:900px){
.home-mechanics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.home-visual-grid{grid-template-columns:1fr}
}

@media (max-width:700px){
.home-intro-grid,.home-mechanics-grid,.home-addictive-grid{grid-template-columns:1fr}
}