/* v54: more shield clearance and a restrained backlight after the turn settles. */
#checkout-security.dps-security{--su:var(--dp-desktop-unit,1px);padding:calc(68 * var(--su)) 0 calc(84 * var(--su));background:#07101e;color:#eef3ff;position:relative;isolation:isolate}
.dps-security .dps-wrap{width:calc(100% - 40 * var(--su));max-width:calc(1240 * var(--su));margin-inline:auto}
.dps-security .dps-track{position:relative}
.dps-security .dps-scene{display:flow-root;padding-bottom:calc(12 * var(--su))}
.dps-security .dps-heading{text-align:center;margin:0 0 calc(26 * var(--su))}
.dps-security .dps-eyebrow{font-size:calc(10 * var(--su));font-weight:650;line-height:1.5;letter-spacing:.3em;text-transform:uppercase;color:#b0c2ff;margin:0 0 calc(15 * var(--su))}
.dps-security h2{font-size:calc(62 * var(--su));line-height:1.04;letter-spacing:-.052em;font-weight:650;color:#f2f5ff;margin:0}
.dps-security h2 span{color:#a1b5ff;background:linear-gradient(110deg,#d6dfff,#90a9ff);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.dps-security .dps-intro{font-size:calc(17 * var(--su));line-height:1.6;color:#a4b8da;margin:calc(17 * var(--su)) 0 0}
.dps-security .dps-composition{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.95fr) minmax(0,1fr);grid-template-rows:calc(316 * var(--su)) auto;column-gap:calc(56 * var(--su));row-gap:calc(52 * var(--su));align-items:center}
.dps-security .dps-connections{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:0;fill:none;stroke:#adc6ff;stroke-width:1;opacity:.8}
.dps-security .dps-connections path{stroke-dasharray:1;stroke-dashoffset:0;vector-effect:non-scaling-stroke}
.dps-security .dps-connections circle{stroke:none;fill:#a8bdff}
.dps-security .dps-card{position:relative;z-index:2;min-width:0;border:1px solid #5578a7;border-radius:calc(12 * var(--su));padding:calc(24 * var(--su));background:linear-gradient(125deg,#0e1a2bba,#0b1523c9);box-shadow:inset 0 1px 0 #c7d9ff06;text-align:left;transform-origin:center;opacity:1}
.dps-security .dps-customers{grid-area:1/1}
.dps-security .dps-payments{grid-area:1/3}
.dps-security .dps-control{grid-area:2/1/3/4;justify-self:center;width:calc(584 * var(--su));max-width:100%;display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:calc(22 * var(--su));align-items:center;padding:calc(21 * var(--su)) calc(28 * var(--su))}
.dps-security .dps-icon{display:grid;place-items:center;width:calc(52 * var(--su));height:calc(52 * var(--su));border:1px solid #577daa;border-radius:calc(11 * var(--su));color:#a6bbff;background:linear-gradient(140deg,#23385266,#111c2d);box-shadow:inset 0 0 calc(14 * var(--su)) #92b8ff09;margin-bottom:calc(13 * var(--su))}
.dps-security .dps-icon svg{width:54%;height:54%;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.dps-security h3{font-size:calc(22 * var(--su));line-height:1.2;letter-spacing:-.035em;font-weight:600;color:#f3f6ff;margin:0 0 calc(8 * var(--su))}
.dps-security .dps-card-copy p{font-size:calc(15 * var(--su));line-height:1.65;font-weight:400;color:#a8bddf;margin:0;max-width:36em}
.dps-security .dps-status{display:flex;align-items:center;gap:calc(12 * var(--su));border-top:1px solid #8aa8d039;padding-top:calc(13 * var(--su));margin-top:calc(16 * var(--su));font-size:calc(14 * var(--su));line-height:1.5;color:#b7cbed}
.dps-security .dps-status>span{display:grid;place-items:center;width:calc(25 * var(--su));height:calc(25 * var(--su));flex-shrink:0;border-radius:50%;background:linear-gradient(135deg,#9ab3ff,#4969c3);box-shadow:inset 0 0 0 1px #c8d6ff33;color:white}
.dps-security .dps-status svg{width:65%;height:65%;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.dps-security .dps-control .dps-icon{margin:0}
.dps-security .dps-control .dps-status{grid-column:1/-1}
.dps-security .dps-shield-stage{grid-area:1/2;position:relative;z-index:1;width:100%;height:100%;display:grid;place-items:center;perspective:calc(1000 * var(--su));pointer-events:none}
.dps-security .dps-shield-stage::before{content:"";position:absolute;z-index:0;left:50%;top:48%;width:calc(420 * var(--su));height:calc(400 * var(--su));background:radial-gradient(ellipse at center,#98c6ff52 0%,#548eff3d 29%,#367bdf1f 47%,#2763bc0a 61%,transparent 74%);opacity:0;transform:translate(-50%,-50%) scale(.88);transition:opacity .65s ease,transform .9s cubic-bezier(.2,.7,.3,1);pointer-events:none}
.dps-security.dps-settled .dps-shield-stage::before{opacity:1;transform:translate(-50%,-50%) scale(1)}
.dps-security .dps-shield{position:relative;z-index:1;width:calc(355 * var(--su));height:calc(355 * var(--su));transform-style:preserve-3d;transform:rotateY(0deg);flex-shrink:0}
.dps-security .dps-shield-front{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;backface-visibility:hidden;-webkit-backface-visibility:hidden;transform:translateZ(1px)}
.dps-security .dps-shield-edge,.dps-security .dps-shield-back{position:absolute;inset:0;background:linear-gradient(125deg,#a4c4e3 8%,#1a293c 28%,#122134 60%,#6c96c6 82%,#0b1322);mask:url(security-shield-v53.webp) center/contain no-repeat;-webkit-mask:url(security-shield-v53.webp) center/contain no-repeat;transform:translateZ(var(--depth));backface-visibility:hidden;-webkit-backface-visibility:hidden}
.dps-security .dps-shield-edge{backface-visibility:visible;-webkit-backface-visibility:visible}
.dps-security .dps-shield-back{transform:translateZ(-13px) rotateY(180deg);background:linear-gradient(125deg,#99b7d2 8%,#293e58 17%,#0d1725 48%,#314d70 78%,#101b2b 90%)}
.dps-security .dps-ground{position:absolute;bottom:calc(-4 * var(--su));left:50%;width:calc(290 * var(--su));height:calc(65 * var(--su));transform:translateX(-50%);background:radial-gradient(ellipse at 50% 34%,#a7d1ff42 0%,#527ac829 22%,#254a8119 43%,transparent 72%);filter:blur(calc(5 * var(--su)));opacity:.8}
.dps-security.dps-pinned .dps-track{height:calc(var(--dps-scene-height) + var(--dps-distance))}
.dps-security.dps-pinned .dps-scene{position:sticky;top:var(--dps-top)}
.dps-security.dps-animated .dps-shield{will-change:transform}
.dps-security.dps-animated .dps-card{will-change:transform,opacity}
.dps-security.dps-compact .dps-heading{margin-bottom:calc(8 * var(--su))}
.dps-security.dps-compact .dps-scene{padding-bottom:0}
.dps-security.dps-compact .dps-eyebrow{margin-bottom:calc(8 * var(--su));font-size:calc(9 * var(--su))}
.dps-security.dps-compact h2{font-size:calc(44 * var(--su))}
.dps-security.dps-compact .dps-intro{font-size:calc(14 * var(--su));margin-top:calc(10 * var(--su))}
.dps-security.dps-compact .dps-composition{grid-template-rows:calc(250 * var(--su)) auto;row-gap:calc(42 * var(--su));column-gap:calc(48 * var(--su))}
.dps-security.dps-compact .dps-shield-stage::before{width:calc(345 * var(--su));height:calc(325 * var(--su))}
.dps-security.dps-compact .dps-shield{width:calc(285 * var(--su));height:calc(285 * var(--su))}
.dps-security.dps-compact .dps-card{padding:calc(18 * var(--su)) calc(22 * var(--su))}
.dps-security.dps-compact .dps-icon{width:calc(42 * var(--su));height:calc(42 * var(--su));margin-bottom:calc(10 * var(--su))}
.dps-security.dps-compact h3{font-size:calc(19 * var(--su));margin-bottom:calc(6 * var(--su))}
.dps-security.dps-compact .dps-card-copy p{font-size:calc(13 * var(--su))}
.dps-security.dps-compact .dps-status{margin-top:calc(12 * var(--su));padding-top:calc(10 * var(--su));font-size:calc(12 * var(--su))}
.dps-security.dps-compact .dps-status>span{width:calc(21 * var(--su));height:calc(21 * var(--su))}
.dps-security.dps-compact .dps-control{padding:calc(16 * var(--su)) calc(24 * var(--su));width:calc(540 * var(--su))}
.dps-security.dps-compact .dps-control .dps-icon{margin:0}
@media(max-width:1050px){.dps-security .dps-composition{column-gap:24px;grid-template-columns:minmax(0,1fr) minmax(190px,.8fr) minmax(0,1fr)}.dps-security .dps-card{padding:20px}.dps-security .dps-shield{width:290px;height:290px}.dps-security h3{font-size:20px}.dps-security .dps-card-copy p{font-size:14px}.dps-security.dps-compact .dps-composition{column-gap:24px}}
@media(max-width:800px){#checkout-security.dps-security{padding:60px 0 64px}.dps-security .dps-wrap{max-width:600px}.dps-security .dps-heading{margin-bottom:18px}.dps-security h2{font-size:clamp(37px,7.7vw,54px)}.dps-security .dps-eyebrow{font-size:9px;letter-spacing:.22em}.dps-security .dps-intro{font-size:14px;max-width:290px;margin:16px auto 0}.dps-security .dps-composition{display:flex;flex-direction:column;gap:18px}.dps-security .dps-shield-stage{height:260px;flex:none;margin-bottom:8px}.dps-security .dps-shield{width:290px;height:290px}.dps-security .dps-ground{bottom:0}.dps-security .dps-connections{display:none}.dps-security .dps-card{width:100%;padding:23px;display:grid;grid-template-columns:auto minmax(0,1fr);gap:0 18px}.dps-security .dps-icon{width:44px;height:44px;margin:0}.dps-security .dps-status{grid-column:1/-1;font-size:13px}.dps-security h3{font-size:21px}.dps-security .dps-card-copy p{font-size:14px}.dps-security .dps-control{width:100%}}
@media(max-width:380px){.dps-security .dps-wrap{width:calc(100% - 32px)}.dps-security .dps-card{padding:20px 16px;column-gap:12px}.dps-security .dps-icon{width:36px;height:36px}.dps-security h3{font-size:19px}}
@media(max-width:800px){.dps-security .dps-shield-stage{margin-bottom:26px}.dps-security .dps-shield-stage::before{width:min(345px,100%);height:325px}}
@media(prefers-reduced-motion:reduce){.dps-security .dps-shield-stage::before{transition:none;transform:translate(-50%,-50%)} }
@media(prefers-reduced-motion:reduce){.dps-security .dps-shield{transform:none!important;will-change:auto!important}.dps-security .dps-card{transform:none!important;opacity:1!important;will-change:auto!important}.dps-security .dps-connections path{stroke-dashoffset:0!important}.dps-security .dps-connections circle{opacity:1!important}}
