/* Comparison deck: 1600×900 slides scaled to the slider width */
.deck-section{padding:40px 0 48px;background:#edf2f6;border-block:1px solid #dae3eb;margin-top:20px}
.deck-viewport{overflow:hidden;border:1px solid var(--line);background:#fff;touch-action:pan-y}
.deck-track{display:flex;transition:transform .45s ease}
.deck-slide{flex:0 0 100%;aspect-ratio:16/9;overflow:hidden;position:relative}
.deck-canvas{width:1600px;height:900px;transform-origin:0 0;transform:scale(var(--deck-scale,.775))}
.deck-controls{display:flex;align-items:center;gap:14px;margin:0 0 18px}
.deck-stage{position:relative}
.deck-arrow{position:absolute;top:50%;z-index:2;width:48px;height:48px;margin-top:-24px;border:1px solid var(--line);border-radius:50%;background:#fff;box-shadow:0 6px 18px #14223024;font-size:18px;cursor:pointer;transition:border-color .2s,transform .2s}
.deck-arrow:hover{border-color:var(--ink)}
.deck-arrow-prev{left:12px}
.deck-arrow-next{right:12px}
@media(min-width:1400px){.deck-arrow-prev{left:-68px}.deck-arrow-next{right:-68px}}
.deck-dots{display:flex;gap:4px}
.deck-dots button{width:30px;height:44px;border:0;background:none;padding:0;cursor:pointer;display:flex;align-items:center}
.deck-dots button::before{content:"";display:block;width:100%;height:3px;background:var(--line);transition:background .2s}
.deck-dots button:hover::before{background:#9aa7b3}
.deck-dots button[aria-current=true]::before{background:var(--orange)}
.deck-count{flex:1;min-width:0;font:600 14px var(--sans);letter-spacing:-.01em;color:#38566d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.deck-expand{flex:none;display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 14px;border:1px solid var(--line);background:#fff;font-size:12px;font-weight:650;cursor:pointer}
.deck-expand:hover{border-color:var(--ink)}
.deck-dialog{width:100vw;height:100vh;max-width:none;max-height:none;margin:0;padding:0;border:0;background:#0d1822;color:#fff}
.deck-dialog::backdrop{background:#0d1822}
.deck-dialog[open]{display:flex;align-items:center;justify-content:center}
.deck-dialog-stage{width:calc(1600px * var(--deck-scale,.5));height:calc(900px * var(--deck-scale,.5));overflow:hidden;background:#fff}
.deck-dialog-close{position:absolute;top:14px;right:14px;width:44px;height:44px;border:1px solid #ffffff40;background:none;color:#fff;font-size:24px;cursor:pointer}

@media(max-width:760px){
  .deck-section{padding:24px 0 30px}
  .deck-controls{flex-wrap:wrap;gap:8px 10px}
  .deck-dots{order:3;flex-basis:100%;justify-content:space-between}
  .deck-dots button{flex:1;width:auto}
  .deck-count{flex-basis:calc(100% - 60px)}
  .deck-arrow{width:40px;height:40px;margin-top:-20px}
  .deck-arrow-prev{left:6px}
  .deck-arrow-next{right:6px}
  .deck-expand span{display:none}
}

.deck-viewport{box-shadow:0 12px 30px #1b30430b}.deck-dots button::before{background:#c9d5df}.deck-count{order:0}.deck-expand{border-color:#c8d5e0}.deck-inner{max-width:1240px}@media(max-width:760px){.deck-controls{margin-bottom:14px}.deck-count{font-size:13px}.deck-section .deck-expand{height:38px}.deck-dots button{height:25px}}
.deck-mobile{display:none}
@media(max-width:760px){
  .deck-track{display:block;transform:none!important;transition:none}
  .deck-slide{aspect-ratio:auto;overflow:visible}
  .deck-slide[aria-hidden=true]{display:none}
  .deck-slide>.deck-canvas{display:none}
  .deck-mobile{display:block;padding:26px 22px 22px}
  .deck-mobile h2{font:650 clamp(29px,7.5vw,40px)/1.08 var(--sans);letter-spacing:-.045em;margin:0 0 16px;color:var(--ink);text-wrap:balance}
  .deck-mobile-lead{font-size:17px;line-height:1.5;color:#536775;margin:0 0 22px}
  .deck-mobile dl{margin:0}
  .deck-mobile dl>div{padding:16px 0;border-top:1px solid #dce4eb}
  .deck-mobile dt{font-size:17px;line-height:1.3;font-weight:700;color:#18374c;margin-bottom:6px}
  .deck-mobile dd{font-size:16px;line-height:1.5;margin:0;color:#536775}
  .deck-mobile-takeaway{font-size:17px;line-height:1.4;font-weight:650;background:#18374c;color:#fff;padding:18px;margin:10px -22px -22px}
  .deck-stage{padding-top:56px}
  .deck-arrow{top:0;margin:0;width:44px;height:44px;box-shadow:none;border-radius:0}
  .deck-arrow-prev{left:0}
  .deck-arrow-next{right:0}
  .deck-count{white-space:normal;line-height:1.4;font-size:14px}
  .deck-dots button{height:32px}
}
@media(prefers-reduced-motion:reduce){.deck-track{transition:none}}