.iso-hero{
position:relative;
width:100%;
overflow:hidden;
background:#000;
}

.iso-hero::before{
content:"";
position:absolute;
inset:0;

background:
radial-gradient(circle at 50% 40%, rgba(255,255,255,0.08), transparent 60%);

z-index:1;
pointer-events:none;
}

.iso-slider{
position:relative;
height:620px;
}

.iso-slide{
position:absolute;
inset:0;
opacity:0;
transition:opacity 1s ease;
display:flex;
align-items:center;
justify-content:center;
}

.iso-slide.active{
opacity:1;
z-index:2;
}

/* фон */

.iso-bg{
position:absolute;
inset:-60px;
background-size:cover;
background-position:center;

transform:scale(1.05);
animation:isoBgZoom 20s ease-in-out infinite alternate;

filter:brightness(.85) contrast(1.1);

will-change:transform;
}

.iso-slide.active .iso-bg{
transform:scale(1.18);
}

/* overlay */

.iso-slide::after{
content:"";
position:absolute;
inset:0;

background:
linear-gradient(
120deg,
rgba(0,0,0,0.75),
rgba(0,0,0,0.45),
rgba(0,0,0,0.75)
);

z-index:1;
}

/* контент */

.iso-content{
position:relative;
z-index:8;
max-width:900px;
color:#fff;
text-align:center;
padding:40px;
}

/* анимация текста */

.iso-slide h1,
.iso-slide p,
.iso-buttons{
opacity:0;
transform:translateY(40px);
color:#fff;
}

.iso-slide.active h1{
animation:isoFadeUp .9s ease .3s forwards;
}

.iso-slide.active p{
animation:isoFadeUp .9s ease .6s forwards;
}

.iso-slide.active .iso-buttons{
animation:isoFadeUp .9s ease .9s forwards;
}

@keyframes isoFadeUp{
to{
opacity:1;
transform:translateY(0);
}
}

/* текст */

.iso-content h1{
font-size:52px;
margin-bottom:20px;
font-weight:700;
color:#fff;
}

.iso-content p{
font-size:20px;
margin-bottom:32px;
opacity:.95;
color:#fff;
}

/* кнопки */

.iso-buttons{
display:flex;
gap:18px;
justify-content:center;
flex-wrap:wrap;
z-index:8;
}

.iso-btn{
padding:14px 30px;
border-radius:8px;
font-weight:600;
text-decoration:none;
transition:.3s;
backdrop-filter:blur(6px);
}

.iso-btn.primary{
background:linear-gradient(90deg, #4d03a6, #1572f7);
color:#fff;
box-shadow:0 10px 30px rgba(0,0,0,.25);
}

.iso-btn.primary:hover{
background:linear-gradient(90deg, #1572f7, #4d03a6);
transform:translateY(-2px);
}

.iso-btn.outline{
border:2px solid #fff;
color:#fff;
}

.iso-btn.outline:hover{
background:#fff;
color:#000;
}

/* навигация */

.iso-nav{
position:absolute;
top:50%;
transform:translateY(-50%);
width:48px;
height:48px;
border-radius:50%;
border:none;
background:rgba(0,0,0,.45);
color:#fff;
font-size:26px;
cursor:pointer;
z-index:5;
transition:.25s;
backdrop-filter:blur(4px);
}

.iso-nav.prev{ left:25px; }
.iso-nav.next{ right:25px; }

.iso-nav:hover{
background:#1572f7;
transform:translateY(-50%) scale(1.1);
}

@keyframes isoBgZoom{
0%{
transform:scale(1.05);
}
100%{
transform:scale(1.18);
}
}