/* v59: preserve gradient descenders and keep all gateway tiles neutral at rest. */
#integrations.dpi-integrations{--iu:var(--dp-desktop-unit,1px);position:relative;padding:calc(92 * var(--iu)) 0 calc(98 * var(--iu));background:#07101e;color:#eef3ff;scroll-margin-top:calc(100 * var(--iu))}
.dpi-integrations .dpi-wrap{width:calc(100% - 80 * var(--iu));max-width:calc(1240 * var(--iu));margin-inline:auto;display:grid;grid-template-columns:minmax(0,.38fr) minmax(0,.62fr);align-items:center;gap:calc(72 * var(--iu))}
.dpi-integrations .dpi-copy,.dpi-integrations .dpi-directory{min-width:0}
.dpi-integrations .dpi-eyebrow{display:flex;align-items:center;gap:calc(22 * var(--iu));margin:0 0 calc(29 * var(--iu));font-size:calc(10 * var(--iu));font-weight:600;line-height:1.5;letter-spacing:.32em;color:#aebfee}
.dpi-integrations .dpi-eyebrow::before{content:"";height:1px;width:calc(34 * var(--iu));background:#a3b6f3;flex:none}
.dpi-integrations h2{margin:0;font-size:calc(64 * var(--iu));font-weight:650;line-height:1.055;letter-spacing:-.052em;color:#f1f5ff}
.dpi-integrations h2 span{display:block}
/* Extend the gradient paint area below the baseline without changing spacing. */
.dpi-integrations h2 .dpi-accent{padding-bottom:.18em;margin-bottom:-.18em;color:#acbcff;background:linear-gradient(110deg,#d8dfff,#96aaff);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.dpi-integrations .dpi-intro{max-width:23em;margin:calc(29 * var(--iu)) 0 0;color:#a4b7d7;font-size:calc(17 * var(--iu));line-height:1.65}
.dpi-integrations .dpi-cta{display:inline-flex;align-items:center;gap:calc(13 * var(--iu));min-height:44px;padding:calc(8 * var(--iu)) 0;margin-top:calc(29 * var(--iu));color:#eef3ff;border-bottom:1px solid #9fb5df;text-decoration:none;font-size:calc(15 * var(--iu));line-height:1.5;transition:color .2s,border-color .2s}
.dpi-integrations .dpi-cta svg{width:calc(17 * var(--iu));height:calc(17 * var(--iu));transition:transform .2s}
.dpi-integrations .dpi-cta:hover{color:#b9c8ff;border-color:#b9c8ff}
.dpi-integrations .dpi-cta:hover svg{transform:translate(2px,-2px)}
.dpi-integrations .dpi-cta:focus-visible{outline:2px solid #b1c6ff;outline-offset:6px;border-radius:2px}
.dpi-integrations .dpi-label{margin:0 0 calc(17 * var(--iu));color:#acbfe8;font-size:calc(10 * var(--iu));font-weight:550;letter-spacing:.25em;line-height:1.5}
.dpi-integrations .dpi-store{display:flex;align-items:center;gap:calc(25 * var(--iu));min-height:calc(133 * var(--iu));padding:calc(25 * var(--iu)) calc(29 * var(--iu));border:1px solid #344b6a;border-radius:calc(12 * var(--iu));background:linear-gradient(120deg,#0c1a2c,#0a1625);box-shadow:inset 0 1px 0 #c2daff0a}
.dpi-integrations .dpi-shopify-logo{width:calc(58 * var(--iu));height:calc(66 * var(--iu));object-fit:contain;flex:none}
.dpi-integrations .dpi-store-copy{min-width:0}
.dpi-integrations .dpi-store-name{display:block;margin:0;font-size:calc(30 * var(--iu));font-weight:600;line-height:1.15;letter-spacing:-.035em;color:#f5f7ff}
.dpi-integrations .dpi-store-copy p{margin:calc(8 * var(--iu)) 0 0;font-size:calc(16 * var(--iu));line-height:1.45;color:#a5badd}
.dpi-integrations .dpi-store-icon{width:calc(56 * var(--iu));height:calc(56 * var(--iu));margin-left:auto;color:#4c6388;flex:none}
.dpi-integrations svg{display:block;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.dpi-integrations .dpi-payments{margin-top:calc(35 * var(--iu))}
.dpi-integrations .dpi-gateways{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(15 * var(--iu))}
.dpi-integrations .dpi-gateway{position:relative;display:grid;place-items:center;min-width:0;min-height:calc(121 * var(--iu));padding:calc(23 * var(--iu)) calc(20 * var(--iu));border:1px solid #2c405c;border-radius:calc(10 * var(--iu));background:linear-gradient(135deg,#0c192a,#091522);transition:border-color .25s,background-color .25s,box-shadow .25s}
.dpi-integrations .dpi-gateway::after{content:"";position:absolute;pointer-events:none;left:18%;right:18%;top:-1px;height:1px;background:linear-gradient(90deg,transparent,#b0c2ff,transparent);opacity:0;transition:opacity .25s}
.dpi-integrations .dpi-brand-surface{display:grid;place-items:center;width:100%;height:calc(64 * var(--iu));padding:calc(10 * var(--iu)) calc(12 * var(--iu));border-radius:calc(6 * var(--iu));background:#f6f8fc}
.dpi-integrations .dpi-logo{display:block;width:100%;height:calc(40 * var(--iu));object-fit:contain;object-position:center}
.dpi-integrations .dpi-logo-paytm{max-width:calc(112 * var(--iu))}
.dpi-integrations .dpi-logo-payu{max-width:calc(107 * var(--iu))}
.dpi-integrations .dpi-logo-phonepe{height:calc(45 * var(--iu))}
.dpi-integrations .dpi-logo-cashfree{height:calc(42 * var(--iu))}
@media(hover:hover){.dpi-integrations .dpi-gateway:hover{border-color:#91a8e6;box-shadow:inset 0 1px 0 #afcaff16,0 5px 24px #01081640}.dpi-integrations .dpi-gateway:hover::after{opacity:1}}
/* One-time entrance only. Content stays visible without JS or observers. */
.dpi-integrations.dpi-motion .dpi-entered{animation:dpi-enter .55s cubic-bezier(.2,.7,.3,1) both;animation-delay:var(--dpi-delay,0ms)}
@keyframes dpi-enter{from{opacity:.35;transform:translateY(14px)}to{opacity:1;transform:none}}
@media(max-width:1100px){.dpi-integrations .dpi-wrap{width:calc(100% - 48px);gap:36px;grid-template-columns:minmax(0,.38fr) minmax(0,.62fr)}.dpi-integrations h2{font-size:52px}.dpi-integrations .dpi-intro{font-size:15px}.dpi-integrations .dpi-gateway{padding:18px 14px;min-height:105px}.dpi-integrations .dpi-store{padding:24px;gap:20px}.dpi-integrations .dpi-store-name{font-size:27px}.dpi-integrations .dpi-store-copy p{font-size:14px}.dpi-integrations .dpi-store-icon{width:44px;height:44px}}
@media(max-width:800px){#integrations.dpi-integrations{padding:64px 0 70px}.dpi-integrations .dpi-wrap{grid-template-columns:1fr;gap:39px;width:calc(100% - 40px);max-width:580px}.dpi-integrations .dpi-eyebrow{font-size:9px;letter-spacing:.26em;margin-bottom:22px;gap:17px}.dpi-integrations h2{font-size:clamp(43px,8.5vw,60px)}.dpi-integrations .dpi-intro{font-size:16px;max-width:29em;margin-top:22px}.dpi-integrations .dpi-cta{font-size:14px;margin-top:19px}.dpi-integrations .dpi-store{min-height:120px}.dpi-integrations .dpi-payments{margin-top:29px}.dpi-integrations .dpi-label{font-size:9px;margin-bottom:14px}.dpi-integrations .dpi-gateways{gap:12px}.dpi-integrations .dpi-gateway{min-height:104px;padding:20px 16px}.dpi-integrations .dpi-store-icon{width:46px;height:46px}}
@media(max-width:520px){.dpi-integrations .dpi-gateways{grid-template-columns:repeat(2,minmax(0,1fr))}.dpi-integrations .dpi-store{padding:22px 19px;gap:17px}.dpi-integrations .dpi-shopify-logo{width:48px;height:55px}.dpi-integrations .dpi-store-name{font-size:25px}.dpi-integrations .dpi-store-icon{width:34px;height:34px}.dpi-integrations .dpi-gateway{padding:20px 17px}.dpi-integrations .dpi-logo{max-width:140px}.dpi-integrations .dpi-logo-paytm{max-width:103px}.dpi-integrations .dpi-logo-payu{max-width:100px}}
@media(prefers-reduced-motion:reduce){.dpi-integrations.dpi-motion .dpi-entered{animation:none}.dpi-integrations .dpi-cta,.dpi-integrations .dpi-cta svg,.dpi-integrations .dpi-gateway,.dpi-integrations .dpi-gateway::after{transition:none}}
@media(min-width:801px) and (max-width:1100px){.dpi-integrations .dpi-gateways{grid-template-columns:repeat(2,minmax(0,1fr))}}