.ew-hero{position:relative;width:100%;aspect-ratio:1600/560;min-height:240px;max-height:600px;overflow:hidden;background:#12283a}
.ew-hero-slides,.ew-hero .ew-slide{position:absolute;inset:0}
.ew-slide{background-size:cover;background-position:center;opacity:0;transition:opacity 1s ease}
.ew-slide.ew-active{opacity:1}
.ew-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,25,40,.72),rgba(6,25,40,.15));z-index:1}
.ew-cap{position:absolute;z-index:2;left:0;right:0;top:50%;transform:translateY(-50%);padding:0 7%;max-width:760px;opacity:0;transition:opacity .8s ease;pointer-events:none}
.ew-cap.ew-active{opacity:1;pointer-events:auto}
.ew-cap .ew-kick{display:inline-block;color:#fff;background:#2991d6;font-weight:700;letter-spacing:2px;font-size:12px;padding:5px 12px;border-radius:3px;margin:0 0 14px}
.ew-cap h2{color:#fff!important;font-size:clamp(24px,4vw,44px);line-height:1.15;margin:0 0 12px;text-shadow:0 2px 12px rgba(0,0,0,.45)}
.ew-cap p{color:#eaf2f8;font-size:clamp(14px,1.6vw,18px);margin:0 0 20px;text-shadow:0 1px 8px rgba(0,0,0,.5)}
.ew-btn{display:inline-block;background:#2991d6;color:#fff!important;font-weight:700;padding:12px 30px;border-radius:4px;text-decoration:none;transition:.2s}
.ew-btn:hover{background:#1d76b4}
.ew-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:3;background:rgba(0,0,0,.3);color:#fff;border:none;font-size:20px;width:44px;height:44px;border-radius:50%;cursor:pointer}
.ew-prev{left:14px}.ew-next{right:14px}.ew-arrow:hover{background:#2991d6}
.ew-dots{position:absolute;bottom:14px;left:0;right:0;text-align:center;z-index:3}
.ew-dots button{width:11px;height:11px;border-radius:50%;border:none;margin:0 4px;background:rgba(255,255,255,.5);cursor:pointer;padding:0}
.ew-dots button.ew-on{background:#2991d6}
@media(max-width:600px){.ew-hero{aspect-ratio:auto;height:60vw;min-height:220px}.ew-cap p{display:none}}
.ew-grid{display:grid;gap:14px;margin:24px 0}
.ew-grid-prod{grid-template-columns:repeat(4,1fr)}
.ew-grid-app{grid-template-columns:repeat(4,1fr)}
.ew-cell{overflow:hidden;border-radius:6px;background:#eef2f5;aspect-ratio:16/10}
.ew-cell img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s}
.ew-cell:hover img{transform:scale(1.06)}
.ew-about-banner{display:block;margin:20px 0}.ew-about-banner img{width:100%;height:auto;border-radius:6px;display:block}
@media(max-width:900px){.ew-grid-prod,.ew-grid-app{grid-template-columns:repeat(3,1fr)}}
@media(max-width:600px){.ew-grid-prod,.ew-grid-app{grid-template-columns:repeat(2,1fr)}}