.server-showcase{margin-top:4rem;display:grid;grid-template-columns:minmax(220px,.8fr) minmax(0,2fr);gap:1rem;background:#0d1430}
.server-showcase__lead{padding:2.2rem;display:flex;flex-direction:column;justify-content:space-between;min-height:22rem;background:#171e45}
.server-showcase__lead img{width:clamp(58px,8vw,96px);height:auto;object-fit:contain;image-rendering:auto}
.server-showcase__lead span{color:#72dfff;font-size:.78rem;font-weight:800;letter-spacing:.02em}
.server-showcase__lead h3{margin:.55rem 0;font-size:clamp(1.7rem,3vw,3.2rem);line-height:1;letter-spacing:-.05em}
.server-showcase__lead p{margin:0;color:#c9d4f2;line-height:1.55;max-width:24ch}
.server-slideshow{position:relative;min-height:clamp(22rem,40vw,34rem);overflow:hidden;background:#080d22}
.server-slideshow figure{position:absolute;inset:0;margin:0;opacity:0;transform:scale(1.035);transition:opacity 1s ease,transform 6s cubic-bezier(.16,1,.3,1)}
.server-slideshow figure.is-active{opacity:1;transform:scale(1)}
.server-slideshow figure::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(5,7,19,.52))}
.server-slideshow img{width:100%;height:100%;object-fit:cover;display:block}
.server-slideshow__arrow{position:absolute;z-index:2;top:50%;width:42px;height:42px;transform:translateY(-50%);border:0;border-radius:50%;background:rgba(7,10,27,.72);color:#fff;font-size:1.4rem;cursor:pointer;transition:background .2s,transform .2s}
.server-slideshow__arrow:hover{background:#a98aff;transform:translateY(-50%) scale(1.08)}
.server-slideshow__arrow--prev{left:1rem}.server-slideshow__arrow--next{right:1rem}
.server-slideshow__dots{position:absolute;z-index:2;left:50%;bottom:1.25rem;display:flex;gap:.45rem;transform:translateX(-50%)}
.server-slideshow__dots button{width:8px;height:8px;padding:0;border:0;border-radius:50%;background:#dce6ff88;cursor:pointer;transition:transform .2s,background .2s}
.server-slideshow__dots button[aria-selected=true]{background:#72dfff;transform:scale(1.45)}
@media(max-width:760px){.server-showcase{grid-template-columns:1fr;margin-top:2.5rem}.server-showcase__lead{min-height:15rem;padding:1.5rem}.server-slideshow{min-height:18rem}}
