.hero{position:relative;overflow:hidden;min-height:610px;background:#eaf7fc;padding:0}
.hero-slider,.hero-track{position:relative;min-height:610px}
.hero-slide{position:absolute;inset:0;display:grid;align-items:center;opacity:0;visibility:hidden;transform:scale(1.025);transition:opacity .75s ease,transform 1.1s ease,visibility .75s;background:var(--slide-bg)}
.hero-slide.active{opacity:1;visibility:visible;transform:scale(1);z-index:2}
.hero-slide:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 10% 16%,rgba(34,182,220,.2),transparent 31%),linear-gradient(90deg,rgba(255,255,255,.18),transparent 60%)}
.hero .hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:.88fr 1.12fr;align-items:center;gap:56px;padding-block:68px 88px}
.hero-slide .hero-copy{opacity:0;transform:translateY(18px);transition:.65s .18s}
.hero-slide.active .hero-copy{opacity:1;transform:none}
.hero .screen{transform:none;overflow:hidden}
.hero .screen img{transition:transform 6s ease}
.hero-slide.active .screen img{transform:scale(1.055)}
.screen-label{position:absolute;top:27px;left:27px;padding:9px 14px;border-radius:11px;background:rgba(16,47,82,.9);color:#fff;font-weight:800;backdrop-filter:blur(8px)}
.hero-controls{position:absolute;z-index:5;left:0;right:0;bottom:25px;display:flex;justify-content:center;align-items:center;gap:13px}
.hero-arrow{width:43px;height:43px;border:1px solid rgba(23,57,95,.16);border-radius:50%;background:rgba(255,255,255,.9);color:var(--ink);font-size:1.45rem;cursor:pointer;box-shadow:0 8px 24px rgba(23,57,95,.12);transition:.25s}
.hero-arrow:hover{background:var(--cyan);color:#fff;transform:translateY(-2px)}
.hero .hero-dots{margin-top:0}
@media(max-width:980px){.hero,.hero-slider,.hero-track{min-height:880px}.hero .hero-grid{grid-template-columns:1fr;gap:32px;padding-block:45px 85px}}
@media(max-width:620px){.hero,.hero-slider,.hero-track{min-height:780px}.hero .hero-grid{padding-top:36px}.hero-copy h1{font-size:2.55rem}.hero-controls{bottom:17px}.hero-arrow{width:39px;height:39px}.screen-label{top:20px;left:20px;font-size:.8rem}}
@media(prefers-reduced-motion:reduce){.hero-slide,.hero-slide .hero-copy,.hero .screen img{transition:none!important;transform:none!important}}