/* Swapping CTA deck: five cards, the front one slides away, the next comes forward. */
.dk{position:relative;margin:0 80px;height:420px;padding-top:36px;font-family:'Plus Jakarta Sans',system-ui,sans-serif}
.dk-card{position:absolute;left:0;right:0;bottom:0;height:370px;border-radius:28px;padding:44px 64px 64px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:40px;align-items:center;color:#fff;overflow:hidden;
  transition:transform .3s cubic-bezier(.3,.7,.2,1),opacity .22s ease,filter .22s ease;will-change:transform;box-shadow:0 40px 70px -40px rgba(31,36,51,.55)}
.dk-card[data-pos="0"]{transform:translateY(0) scale(1);opacity:1;z-index:5}
.dk-card[data-pos="1"]{transform:translateY(-18px) scale(.955);opacity:.9;z-index:4;filter:saturate(.8) brightness(.93)}
.dk-card[data-pos="2"]{transform:translateY(-34px) scale(.91);opacity:.7;z-index:3;filter:saturate(.6) brightness(.88)}
.dk-card[data-pos="3"],.dk-card[data-pos="4"]{transform:translateY(-44px) scale(.87);opacity:0;z-index:2}
.dk-card[data-pos="out"]{transform:translateX(-110%) rotate(-6deg);opacity:0;z-index:6}
.dk-card[data-pos="out"][data-dir="r"]{transform:translateX(110%) rotate(6deg)}
.dk-card[data-pos="1"] .dk-body,.dk-card[data-pos="2"] .dk-body,.dk-card[data-pos="3"] .dk-body,.dk-card[data-pos="4"] .dk-body{opacity:0}
.dk-body{transition:opacity .18s ease .06s;display:flex;flex-direction:column;gap:14px;position:relative;z-index:1}
.dk-kick{font-size:13px;font-weight:800;letter-spacing:1.2px;opacity:.85}
.dk-body h2{margin:0;font-size:38px;line-height:1.08;font-weight:800;letter-spacing:-1.2px;max-width:720px}
.dk-body p{margin:0;font-size:18px;line-height:1.55;opacity:.9;max-width:620px}
.dk-cta{display:flex;gap:12px;margin-top:10px;flex-wrap:wrap}
.dk-cta a{display:inline-flex;align-items:center;height:52px;padding:0 24px;border-radius:10px;font-weight:700;font-size:15.5px;text-decoration:none;transition:transform .2s}
.dk-cta a:hover{transform:translateY(-2px)}
.dk-cta .p{background:#fff;color:var(--dk-c,#1A56DB)}
.dk-cta .s{border:1.5px solid rgba(255,255,255,.75);color:#fff}
.dk-art{position:relative;width:250px;height:210px;z-index:1}
.dk-art .tile{position:absolute;border-radius:22px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.22);backdrop-filter:blur(2px)}
.dk-art .card{position:absolute;left:18px;top:26px;width:214px;background:#fff;color:#1F2433;border-radius:16px;padding:14px 16px;box-shadow:0 24px 40px -18px rgba(0,0,0,.45);font-size:13px;display:flex;flex-direction:column;gap:8px}
.dk-art .card b{font-size:14px}.dk-art .card small{color:#5B6275}
.dk-art .pill{display:inline-block;font-size:11px;font-weight:700;padding:3px 9px;border-radius:999px}
.dk-art .bar{height:7px;border-radius:4px;background:#EEF0F4;overflow:hidden}.dk-art .bar i{display:block;height:100%;border-radius:4px}
.dk-card[data-pos="0"] .dk-art .card{animation:dkFloat 5s ease-in-out infinite}
@keyframes dkFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
.dk-glow{position:absolute;right:-120px;top:-120px;width:420px;height:420px;border-radius:50%;background:rgba(255,255,255,.1)}
.dk-dots{position:absolute;left:64px;bottom:22px;z-index:7;display:flex;gap:8px}
.dk-dots button{width:30px;height:6px;border-radius:3px;border:0;background:rgba(255,255,255,.35);cursor:pointer;padding:0;overflow:hidden;position:relative}
.dk-dots button i{position:absolute;inset:0;width:0;background:#fff;border-radius:3px}
.dk-dots button.on i{animation:dkBar var(--dk-t,5.5s) linear forwards}
.dk.paused .dk-dots button.on i{animation-play-state:paused}
@keyframes dkBar{to{width:100%}}
@media (max-width:900px){.dk{margin:0 20px;height:520px}.dk-card{height:470px;grid-template-columns:1fr;padding:36px 28px 56px}.dk-art{display:none}.dk-body h2{font-size:30px}.dk-dots{left:28px}}
@media (prefers-reduced-motion:reduce){.dk-card{transition:none}.dk-dots button.on i{animation:none;width:100%}}