.showcase { background:linear-gradient(115deg,#edf4f8 0%,#f9fbfd 50%,#e7f2f2 100%); border-bottom:1px solid var(--line); padding:26px 0 20px; }
.showcase [hidden] { display:none!important; }
.showcase-top { display:flex; justify-content:space-between; gap:18px; align-items:center; padding-bottom:20px; font-size:.7rem; font-weight:800; letter-spacing:.12em; color:#456078; }
.showcase-counter { white-space:nowrap; font-variant-numeric:tabular-nums; }
.showcase-slide { display:grid; grid-template-columns:1fr 1fr; gap:40px; align-items:center; padding:8px 0 25px; }
.showcase-slide+.showcase-slide { border-top:1px solid var(--line); padding-top:25px; }
.showcase-ready .showcase-slide { border:0; padding-top:8px; }
.showcase-copy { padding:10px 0; }
.showcase-tag { display:inline-block; background:#deeeee; color:#135f65; border:1px solid #b9d7d9; border-radius:30px; padding:6px 12px; font-size:.76rem; font-weight:750; margin-bottom:20px; }
.showcase h2 { font-size:clamp(2rem,3.4vw,3.35rem); line-height:1.08; letter-spacing:-.045em; margin-bottom:20px; color:#0f3557; }
.showcase h2 em { font-style:normal; color:#126b70; }
.showcase-copy p { font-size:1.03rem; max-width:490px; margin-bottom:25px; color:#435469; }
.showcase-copy .btn { gap:22px; text-align:center; }
.showcase-slide img { width:100%; height:auto; border-radius:22px; }
.showcase-controls { display:flex; justify-content:space-between; gap:20px; align-items:center; padding-top:18px; border-top:1px solid #ccdae4; }
.showcase-tabs { display:flex; flex-wrap:wrap; gap:8px; }
.showcase button { cursor:pointer; font:inherit; }
.showcase-tabs button { background:transparent; color:#41576c; border:1px solid transparent; border-radius:30px; padding:9px 17px; font-size:.84rem; font-weight:700; }
.showcase-tabs button[aria-pressed=true] { background:#0f3557; color:#fff; border-color:#0f3557; }
.showcase-tabs button:hover:not([aria-pressed=true]) { background:#dae8ef; }
.showcase-arrows { display:flex; gap:8px; }
.showcase-arrows button { width:44px; height:44px; border:1px solid #a8becd; border-radius:50%; color:#0f3557; background:#fff; font-size:1.3rem; }
.showcase-arrows button:hover { background:#deeeee; }
.showcase :focus-visible { outline:3px solid #126b70; outline-offset:4px; }
.showcase-status { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
/* The additional product link needs room before the site's existing mobile breakpoint. */
@media(min-width:981px) and (max-width:1250px) { .nav-links { display:none; position:absolute; top:100%; left:0; right:0; background:#fff; padding:18px 4%; border-bottom:1px solid var(--line); flex-direction:column; align-items:flex-start; } .nav-links.open { display:flex; } .menu-toggle { display:block; } }
@media(max-width:720px) { .showcase { padding-top:20px; } .showcase-slide { grid-template-columns:1fr; gap:18px; } .showcase h2 { font-size:clamp(2rem,7vw,3rem); } .showcase-copy p { font-size:1rem; } .showcase-copy { padding:0; } .showcase-top { font-size:.6rem; letter-spacing:.06em; } .showcase-tag { margin-bottom:15px; } .showcase-controls { flex-wrap:wrap; gap:14px; } .showcase-tabs { flex:1; gap:4px; } .showcase-tabs button { padding:9px 11px; font-size:.75rem; } .showcase-slide img { max-height:300px; object-fit:contain; } }
@media(max-width:390px) { .showcase-controls { align-items:flex-start; } .showcase-arrows { margin-left:auto; } .showcase-copy .btn { width:100%; gap:8px; font-size:.9rem; } }

@media(max-width:720px) { .showcase-tabs { flex:1 0 100%; } .showcase-arrows { margin-left:0; } }