/* site-v40: Datapaks showcase */
.dp-wrap{max-width:1120px;margin:0 auto}
.dp-hero{display:grid;gap:20px;align-items:center;margin:8px 0 24px}
.dp-hero figure{margin:0;justify-self:center;width:min(260px,70vw)}
.dp-hero figure img{display:block;width:100%;height:auto;filter:drop-shadow(0 0 26px #ff3fd855) drop-shadow(0 0 2px #3dffea)}
.dp-hero figcaption,.dp-cap{font-size:12px;color:#9fb0d0;text-align:center;margin-top:8px}
.dp-points{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.dp-points li{background:linear-gradient(160deg,#120a2bcc,#0d0820cc);border:1px solid #00f0ff33;border-radius:14px;padding:12px 14px;color:#d8e8ff;font-size:15px;line-height:1.45}
.dp-points b{display:block;font:700 13px/1.2 var(--head);letter-spacing:.12em;text-transform:uppercase;color:var(--cyan);margin-bottom:3px}
.dp-packs{display:grid;gap:14px;margin:10px 0 22px}
.dp-pack{display:grid;grid-template-columns:76px 1fr;gap:14px;align-items:center;background:linear-gradient(160deg,#120a2bcc,#0d0820cc);border:1px solid var(--line,#2a2350);border-radius:16px;padding:14px}
.dp-pack img{display:block;width:76px;height:auto;border-radius:10px;box-shadow:0 0 18px #ff3fd833}
.dp-pack h3{margin:0 0 4px;font:900 16px/1.2 var(--disp);letter-spacing:.08em;color:#fff}
.dp-pack p{margin:0 0 6px;color:#d8e8ff;font-size:15px;line-height:1.4}
.dp-price{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}
.dp-price span{font:700 13px/1 var(--head);letter-spacing:.06em;padding:6px 9px;border-radius:999px;border:1px solid #3dffea66;color:#3dffea;background:#3dffea12}
.dp-price span.cry{border-color:#ff9ad666;color:#ffb6e3;background:#ff3fd810}
.dp-f2p{border:1px solid #3dffb066;background:linear-gradient(160deg,#06281ecc,#0d0820cc);border-radius:16px;padding:14px 16px;margin:0 0 22px;color:#e3fff4;font-size:15px;line-height:1.5}
.dp-f2p b.h{display:block;font:700 13px/1.2 var(--head);letter-spacing:.14em;color:#3dffb0;margin-bottom:4px}
.dp-fins{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:12px 0 10px}
.dp-fin{margin:0;background:#0d0820cc;border:1px solid var(--fc,#2a2350);border-radius:14px;overflow:hidden;box-shadow:0 0 16px color-mix(in srgb,var(--fc,#00f0ff) 22%,transparent)}
.dp-fin img{display:block;width:100%;height:auto;aspect-ratio:300/420}
.dp-fin figcaption{padding:9px 10px 11px}
.dp-fin figcaption b{display:block;font:700 13px/1.2 var(--head);letter-spacing:.14em;text-transform:uppercase;color:var(--fc,#fff)}
.dp-fin figcaption span{display:block;font-size:13px;line-height:1.35;color:#c9d6f0;margin-top:3px}
.dp-note{color:#d8e8ff;font-size:15px;line-height:1.5}
.dp-strip{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;margin:12px 0 4px}
.dp-strip figure{margin:0;text-align:center}
.dp-strip img{display:block;width:100%;height:auto;border-radius:8px}
.dp-strip figcaption{font:700 10px/1.2 var(--head);letter-spacing:.08em;text-transform:uppercase;margin-top:4px}
.dp-home{margin:34px 0 10px}
.dp-home .kicker,.dp-home .big{text-align:center}
.dp-home .dp-cta{text-align:center;margin:18px 0 6px}
@media(min-width:700px){
 .dp-hero{grid-template-columns:300px 1fr;gap:34px}
 .dp-packs{grid-template-columns:1fr 1fr}
 .dp-fins{grid-template-columns:repeat(3,minmax(0,1fr))}
 .dp-strip{gap:12px}
 .dp-strip figcaption{font-size:12px}
}
@media(min-width:1000px){.dp-fins{grid-template-columns:repeat(6,minmax(0,1fr))}.dp-fin figcaption span{font-size:12px}}
.dp-fin picture,.dp-strip picture{display:block}