.home-main{display:block}

.home-hero{position:relative;padding:0;min-height:calc(100vh - 80px);display:flex;align-items:center}
.home-hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:0;z-index:0}
.home-hero-inner{position:relative;z-index:1;display:flex;align-items:center;width:100%;padding-block:var(--space-5)}
.home-hero-card{max-width:480px;display:flex;flex-direction:column;gap:16px}

.home-intro-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;text-align:center;max-width:900px;margin-inline:auto}
.home-intro-col{min-width:0}

.home-services-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin-top:32px}
.home-services-grid>*{min-width:0}

.home-casino-grid{display:grid;grid-template-columns:55% 45%;gap:32px;align-items:center}
.home-casino-text{min-width:0;max-width:520px}
.home-casino-image{min-width:0}

.home-process-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin-top:32px;text-align:center}

.home-visual-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:32px;align-items:center;margin-top:32px}
.home-visual-media{min-width:0;max-height:340px;border:1px solid var(--border-separator);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-soft)}
.home-visual-media img{width:100%;height:340px;object-fit:cover;object-position:center;border-radius:0;margin:0}
.home-visual-text{max-width:420px;margin:0;text-align:left}

.home-why-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin-top:32px}

.home-cta-box{max-width:600px;margin-inline:auto;text-align:center;display:flex;flex-direction:column;gap:16px}

@media (max-width:1000px){
.home-services-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.home-process-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media (max-width:900px){
.home-intro-grid{grid-template-columns:1fr}
.home-casino-grid{grid-template-columns:1fr}
.home-casino-text{max-width:100%}
.home-visual-grid{grid-template-columns:1fr;gap:24px}
.home-visual-media{max-height:220px}
.home-visual-media img{height:220px}
.home-visual-text{max-width:100%;text-align:center}
}

@media (max-width:600px){
.home-services-grid,.home-process-grid,.home-why-grid{grid-template-columns:1fr}
.home-hero{min-height:60vh}
.home-hero-inner{padding-block:var(--space-4)}
.home-hero-card{max-width:100%}
}