.server-showcase{padding:36px 0 48px;background:linear-gradient(115deg,#f4fbfd 0%,#fff 56%,#edf8fc 100%);border-bottom:1px solid #dcebf0}
.server-showcase-layout{display:grid;grid-template-columns:minmax(280px,.82fr) minmax(0,1.3fr);gap:48px;align-items:center}
.server-showcase-copy{max-width:470px}.server-showcase-copy h2{font-size:30px;letter-spacing:-.03em;line-height:1.25;margin:16px 0 22px}.server-showcase-copy h2 span{color:#00a8c2;font-weight:400}
.server-showcase-copy>p:not(.eyebrow){font-size:16px;line-height:1.9;color:#426276;margin-bottom:28px}
.server-showcase-visual{position:relative;padding:8px 0;display:grid}.server-showcase-main{display:block;position:relative;padding:12px 0;isolation:isolate}
.server-showcase-main:before{content:"";position:absolute;inset:9% 0 6%;background:radial-gradient(ellipse,#d8edf3 0%,#eaf6fa88 47%,transparent 72%);z-index:-1}.server-model-caption{display:block;color:#007e9f;font-size:15px;font-weight:700;letter-spacing:.12em;margin-bottom:14px}
.server-cutout{display:block;position:relative;overflow:hidden;width:100%;flex:none}.server-cutout img{position:absolute;max-width:none!important;max-height:none!important;object-fit:fill!important;mix-blend-mode:normal;display:block}
.server-showcase-main .server-cutout{filter:drop-shadow(0 15px 12px #12344717);max-width:550px;margin-left:auto}
.server-showcase-rear{position:relative;justify-self:end;width:36%;margin:12px 0 0;padding:16px 18px 12px;background:#ffffffec;border:1px solid #dce9ef;border-radius:14px;box-shadow:0 12px 30px #1234470a}
.server-showcase-rear figcaption{font-size:13px;color:#527184;margin-top:10px;text-align:right}
.product-card:has(.server-cutout) .picture{height:208px;padding:24px;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#f1f8fb,#fff)}
.product-card .server-cutout{width:min(100%,calc(158px * var(--server-ratio)))}
.product-stage:has(.server-cutout){min-height:330px;padding:35px;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#f0f8fb,#fff);border-radius:18px}
.product-stage .server-cutout{width:min(100%,calc(350px * var(--server-ratio)))}
.gallery-thumbs .server-cutout{width:74px;height:auto}.gallery-thumbs button:has(.server-cutout){display:flex;align-items:center;justify-content:center;min-height:70px;padding:8px;width:94px}
.server-configuration-section{background:linear-gradient(130deg,#f3fafc,#fff)}.server-config-heading{max-width:780px;margin-bottom:28px}.server-config-heading h2{font-size:30px;line-height:1.3;margin:12px 0 16px}.server-config-heading>p:last-child{line-height:1.8;color:#426276}
.server-config-table{overflow-x:auto;border:1px solid #dce9ef;border-radius:12px;background:#fff}.server-config-table table{margin:0;width:100%;min-width:660px}.server-config-table td strong{font-size:22px;color:#007e9f}.server-config-table .link{white-space:nowrap;font-size:14px}
.server-config-next{display:flex;gap:32px;align-items:center;justify-content:space-between;margin-top:24px}.server-config-next p{color:#527184;max-width:690px;font-size:14px;line-height:1.8}.server-config-next .btn{flex:none}
@media(max-width:900px){.server-showcase-layout{grid-template-columns:1fr;gap:12px}.server-showcase-copy{max-width:680px}.server-showcase-visual{max-width:690px;width:100%;margin:auto}.server-config-next{align-items:flex-start;flex-direction:column;gap:12px}}
@media(max-width:600px){.server-showcase{padding:28px 0 34px}.server-showcase-copy h2{font-size:26px}.server-showcase-main{padding:12px 0}.server-showcase-rear{width:48%;padding:12px}.server-showcase-rear figcaption{font-size:12px}.server-showcase-visual{padding-top:5px}.product-stage:has(.server-cutout){min-height:230px;padding:20px}.server-config-heading h2{font-size:26px}.server-config-table table{min-width:590px}.product-card:has(.server-cutout) .picture{height:190px}}