/* Dropify Checkout — production mobile-product hero v5 */
:root{
  --dp-blue:#5271ff;
  --dp-blue-deep:#004aab;
  --dp-blue-soft:#8ca1ff;
  --dp-night:#030711;
  --dp-night-2:#07101c;
  --dp-ink:#0e1828;
  --dp-muted:#718099;
  --dp-line:rgba(255,255,255,.10);
  --dp-green:#18b985;
  --dp-ease:cubic-bezier(.2,.78,.2,1);
}

/* Navigation */
.dp-nav{position:fixed!important;inset:0 0 auto;z-index:200;background:transparent!important;border:0!important;backdrop-filter:none!important;transition:background .3s ease,border-color .3s ease,box-shadow .3s ease,backdrop-filter .3s ease}
.dp-nav.scrolled{background:rgba(3,7,17,.80)!important;backdrop-filter:blur(18px) saturate(130%)!important;border-bottom:1px solid rgba(255,255,255,.07)!important;box-shadow:0 18px 45px rgba(0,0,0,.16)}
.dp-nav .dp-nav-inner{height:78px;display:flex;align-items:center;justify-content:space-between;gap:28px}
.dp-brand{display:inline-flex;align-items:center;text-decoration:none;transition:transform .2s ease}.dp-brand:hover{transform:translateY(-1px)}
.dp-brand-surface{display:inline-flex;align-items:center;gap:9px;padding:7px 11px 7px 9px;border-radius:13px;background:#fff;border:1px solid rgba(255,255,255,.90);box-shadow:0 12px 30px rgba(0,0,0,.16),inset 0 1px 0 rgba(255,255,255,.9)}
.dp-brand-mark{width:27px!important;height:31px!important;object-fit:contain;flex:0 0 auto}
.dp-brand-lockup{display:flex;flex-direction:column;align-items:flex-start;line-height:1;min-width:94px}
.dp-brand-wordmark{width:90px!important;height:auto!important;display:block}
.dp-brand-lockup>span{margin:2px 0 0 2px;color:#2f4b79;font-size:9px;font-weight:800;letter-spacing:.11em;text-transform:uppercase}
.dp-nav .dp-nav-links{display:flex;align-items:center;gap:30px;font-size:13px;font-weight:650;color:#aebbd0}
.dp-nav .dp-nav-links>a:not(.dp-nav-cta){position:relative;padding:12px 0;color:#aebbd0;text-decoration:none;transition:color .2s ease}
.dp-nav .dp-nav-links>a:not(.dp-nav-cta)::after{content:"";position:absolute;left:50%;right:50%;bottom:5px;height:1px;background:#7d92ff;transition:left .24s ease,right .24s ease}
.dp-nav .dp-nav-links>a:not(.dp-nav-cta):hover{color:#fff}.dp-nav .dp-nav-links>a:not(.dp-nav-cta):hover::after{left:0;right:0}
.dp-nav-cta{height:44px;padding:0 7px 0 17px;border:1px solid rgba(255,255,255,.13);border-radius:12px;display:inline-flex!important;align-items:center;gap:12px;background:#fff;color:#08111f!important;text-decoration:none;box-shadow:0 12px 30px rgba(0,0,0,.18);transition:transform .22s ease,box-shadow .22s ease,filter .22s ease}
.dp-nav-cta b{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;background:linear-gradient(135deg,var(--dp-blue),#2f54df);color:#fff;font-size:14px;transition:transform .22s ease}.dp-nav-cta:hover{transform:translateY(-2px);box-shadow:0 18px 38px rgba(0,0,0,.23)}.dp-nav-cta:hover b{transform:translate(1px,-1px)}
.dp-menu{display:none;background:#fff!important;border:1px solid rgba(255,255,255,.9)!important;color:#101828!important;width:43px;height:43px;padding:0!important;border-radius:11px!important;box-shadow:0 10px 24px rgba(0,0,0,.14)}
.dp-menu span{display:block;width:17px;height:1.5px;background:#111827;margin:5px auto;transition:.2s ease}

/* Hero environment */
.dp-hero.dp-v5{position:relative;isolation:isolate;overflow:hidden;min-height:820px;height:100svh;max-height:990px;display:flex;align-items:center;padding:108px 0 54px;color:#fff;background:radial-gradient(860px 590px at 72% 45%,rgba(70,94,229,.14),transparent 66%),radial-gradient(640px 450px at 10% 90%,rgba(0,74,171,.10),transparent 72%),linear-gradient(142deg,#030711 0%,#06101c 54%,#07111e 100%)}
.dp-hero.dp-v5::after{content:"";position:absolute;left:0;right:0;bottom:0;height:150px;z-index:-3;background:linear-gradient(180deg,transparent,rgba(0,0,0,.28));pointer-events:none}
.dp-hero-atmosphere{position:absolute;inset:0;z-index:-4;overflow:hidden;pointer-events:none}
.dp-data-field{position:absolute;inset:0;background-image:radial-gradient(rgba(115,136,255,.15) .7px,transparent .8px);background-size:46px 46px;opacity:.14;mask-image:radial-gradient(ellipse at 74% 46%,#000 0 18%,transparent 65%)}
.dp-network{position:absolute;inset:0;width:100%;height:100%;opacity:.34}.dp-network path{fill:none;stroke:url(#dpNetworkLine);stroke-width:1;stroke-dasharray:3 14;animation:dpLineFlow 18s linear infinite}.dp-network path:nth-child(3){animation-duration:22s;animation-direction:reverse;opacity:.56}
.dp-hero-glow{position:absolute;border-radius:50%;filter:blur(76px);opacity:.42}.dp-hero-glow-a{width:500px;height:500px;right:7%;top:17%;background:rgba(82,113,255,.17);animation:dpGlowShift 11s ease-in-out infinite}.dp-hero-glow-b{width:320px;height:320px;left:4%;bottom:-6%;background:rgba(0,74,171,.12);animation:dpGlowShift 14s ease-in-out infinite reverse}
.dp-hero-shell{position:relative;z-index:3;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(520px,.85fr);gap:72px;align-items:center}

/* Copy */
.dp-copy-v5{position:relative;left:clamp(-72px,-4vw,-48px);max-width:640px;opacity:0;transform:translateY(18px)}.dp-hero.is-ready .dp-copy-v5{opacity:1;transform:none;transition:opacity .74s .04s var(--dp-ease),transform .74s .04s var(--dp-ease)}
.dp-eyebrow-v5{display:flex;align-items:center;gap:10px;margin:0 0 23px;color:#dce6f8;font-size:9.5px;font-weight:800;letter-spacing:.17em;text-transform:uppercase}.dp-eyebrow-v5 em{font-style:normal;color:#61738e;font-weight:720;letter-spacing:.12em}.dp-eyebrow-v5>i{width:28px;height:1px;background:rgba(135,174,232,.28)}.dp-eyebrow-pulse{width:7px;height:7px;border-radius:50%;background:#6f84ff;box-shadow:0 0 0 5px rgba(82,113,255,.10),0 0 18px rgba(82,113,255,.55)}
.dp-copy-v5 h1{max-width:640px;margin:0 0 22px;color:#f8fbff;font-size:clamp(54px,4.95vw,72px);line-height:1.015;letter-spacing:-.057em;font-weight:780;text-wrap:balance}.dp-copy-v5 h1 span{color:#8ea1ff;text-shadow:0 0 34px rgba(82,113,255,.12)}
.dp-hero-lead-v5{max-width:560px;margin:0 0 29px;color:#b2bfd1;font-size:16px;line-height:1.66;letter-spacing:-.01em}
.dp-actions-v5{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.dp-primary-cta-v5{height:54px;padding:0 8px 0 20px;border-radius:13px;display:inline-flex;align-items:center;gap:15px;background:linear-gradient(135deg,var(--dp-blue),#3556db);color:#fff;text-decoration:none;font-size:13px;font-weight:820;box-shadow:0 16px 36px rgba(47,76,201,.27),inset 0 1px 0 rgba(255,255,255,.18);transition:transform .22s ease,box-shadow .22s ease}.dp-primary-cta-v5 b{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;background:rgba(255,255,255,.13);font-size:16px;transition:transform .2s ease}.dp-primary-cta-v5:hover{transform:translateY(-2px);box-shadow:0 22px 46px rgba(47,76,201,.36);filter:saturate(1.08)}.dp-primary-cta-v5:hover b{transform:translateX(2px)}
.dp-secondary-cta-v5{display:inline-flex;align-items:center;gap:10px;color:#d2ddeb;text-decoration:none;font-size:12.5px;font-weight:720;transition:color .2s ease,transform .2s ease}.dp-secondary-cta-v5:hover{color:#fff;transform:translateX(2px)}.dp-play-v5{width:31px;height:31px;border:1px solid rgba(255,255,255,.16);border-radius:50%;display:grid;place-items:center;color:#91a3ff;background:rgba(255,255,255,.035);font-size:8px}
.dp-signals-v5{display:flex;align-items:center;gap:0;margin-top:33px;color:#8799b1;font-size:10px;font-weight:650}.dp-signals-v5 span{display:flex;align-items:center;gap:7px;padding-right:14px;margin-right:14px;border-right:1px solid rgba(255,255,255,.08);white-space:nowrap}.dp-signals-v5 span:last-child{border:0;margin:0;padding:0}.dp-signals-v5 i{width:5px;height:5px;border-radius:50%;background:#627aff;box-shadow:0 0 10px rgba(82,113,255,.46)}

/* Product composition */
.dp-product-visual{position:relative;right:clamp(-68px,-4vw,-42px);justify-self:end;display:grid;grid-template-columns:minmax(340px,372px) 176px;gap:18px;align-items:center;width:min(100%,566px);height:min(730px,calc(100svh - 126px));min-height:632px;opacity:0;transform:translate3d(38px,16px,0) scale(.985)}.dp-hero.is-ready .dp-product-visual{opacity:1;transform:none;transition:opacity .92s .68s var(--dp-ease),transform .92s .68s var(--dp-ease)}
.dp-phone-stage{position:relative;height:100%;min-width:0;perspective:1600px} .dp-phone-aura{position:absolute;left:65%;top:45.7%;width:376px;height:508px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(ellipse,rgba(82,113,255,.16),rgba(0,74,171,.06) 44%,transparent 70%);filter:blur(26px);animation:dpAura 9s ease-in-out infinite} .dp-phone-floor{position:absolute;left:65%;bottom:4.8%;width:238px;height:28px;transform:translateX(-50%);background:radial-gradient(ellipse,rgba(20,55,130,.26),transparent 70%);filter:blur(13px);opacity:.68}

/* Realistic phone */
.dp-phone-device{position:absolute;z-index:5;left:65%;top:45.2%;height:calc(100% - 94px);aspect-ratio:356/730;transform:translate(-50%,-50%) rotateY(-3.2deg) rotateX(.45deg) rotateZ(.2deg);transform-style:preserve-3d;filter:drop-shadow(0 30px 38px rgba(0,0,0,.32));transition:transform .18s ease-out}
.dp-phone-device::before{content:"";position:absolute;inset:-1.5px;border-radius:49px;background:linear-gradient(135deg,#657185 0%,#1b2432 12%,#080d14 48%,#3b4657 82%,#111824 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.34),inset 0 -1px 0 rgba(255,255,255,.08),0 0 0 1px rgba(100,120,153,.20);z-index:-2}.dp-phone-device::after{content:"";position:absolute;inset:2px;border-radius:46px;background:#070b11;z-index:-1}
.dp-phone-frame{position:absolute;inset:5px;border-radius:44px;background:#05080d;padding:4px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)}
.dp-phone-screen{position:relative;-webkit-font-smoothing:antialiased;text-rendering:geometricPrecision;width:100%;height:100%;overflow:hidden;border-radius:40px;background:#f7f9fc;color:#111c2c;box-shadow:inset 0 0 0 1px rgba(15,31,53,.08)}
.dp-phone-screen::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(116deg,rgba(255,255,255,.12),transparent 25% 78%,rgba(82,113,255,.02));z-index:50}
.dp-phone-side{position:absolute;z-index:-3;width:2.5px;border-radius:3px;background:linear-gradient(180deg,#434f60,#0a0f17);box-shadow:inset 0 0 0 1px rgba(255,255,255,.05)}.dp-phone-side-volume-a{left:-4px;top:142px;height:54px}.dp-phone-side-volume-b{left:-4px;top:207px;height:77px}.dp-phone-side-power{right:-4px;top:178px;height:88px}
.dp-camera-pill{position:absolute;z-index:42;top:9px;left:50%;width:42px;height:10px;transform:translateX(-50%);border-radius:999px;background:linear-gradient(180deg,#05070c,#0b1018);box-shadow:inset 0 0 0 1px rgba(255,255,255,.03)}.dp-camera-pill i{position:absolute;right:6px;top:3px;width:3px;height:3px;border-radius:50%;background:#1d2a40;box-shadow:0 0 0 1px rgba(5,7,12,.75)}
.dp-statusbar{position:absolute;z-index:43;top:0;left:0;right:0;height:31px;padding:8px 18px 0;display:flex;justify-content:space-between;align-items:flex-start;color:#131d2b;font-size:7.4px;font-weight:820;letter-spacing:.01em}.dp-statusbar>div{display:flex;align-items:center;gap:5px}.dp-signal-bars{width:11px;height:8px;background:linear-gradient(to right,#111a27 2px,transparent 2px 3px,#111a27 3px 5px,transparent 5px 6px,#111a27 6px 8px,transparent 8px 9px,#111a27 9px 11px);clip-path:polygon(0 100%,0 74%,24% 74%,24% 52%,48% 52%,48% 32%,72% 32%,72% 8%,100% 8%,100% 100%)}.dp-wifi{width:10px;height:7px;position:relative}.dp-wifi:before{content:"";position:absolute;left:0;right:0;top:0;height:7px;border-top:1.3px solid #111a27;border-radius:50%}.dp-wifi:after{content:"";position:absolute;left:4px;top:4px;width:2px;height:2px;border-radius:50%;background:#111a27}.dp-battery{width:14px;height:7px;border:1px solid #111a27;border-radius:2px;padding:1px;position:relative;box-sizing:border-box}.dp-battery:after{content:"";position:absolute;right:-2px;top:2px;width:1.5px;height:3px;background:#111a27;border-radius:0 1px 1px 0}.dp-battery i{display:block;width:78%;height:100%;background:#111a27;border-radius:1px}

/* App chrome */
.dp-checkout-app{position:absolute;inset:31px 0 0;display:flex;flex-direction:column;background:linear-gradient(180deg,#fbfcff,#f5f7fb)}
.dp-app-header{height:58px;padding:12px 16px 9px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e7ebf2;background:#fff}.dp-app-brand{display:flex;align-items:center;gap:8px}.dp-app-mark{width:20px;height:23px;object-fit:contain}.dp-app-brand-copy{display:flex;flex-direction:column;line-height:1}.dp-app-brand-copy img{width:63px;height:auto}.dp-app-brand-copy span{margin:2px 0 0 1px;color:#4f6482;font-size:6.9px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.dp-app-secure{display:flex;align-items:center;gap:4px;color:#63738b;font-size:6.8px;font-weight:700}.dp-app-secure svg{width:10px;height:10px;fill:none;stroke:#5271ff;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.dp-app-orderbar{height:34px;padding:0 14px;display:flex;align-items:center;justify-content:space-between;background:#fff;color:#718099;font-size:7.2px;border-bottom:1px solid #edf0f4}.dp-app-orderbar strong{color:#142038;font-size:9.7px}
.dp-app-progress{height:9px;display:grid;grid-template-columns:repeat(7,1fr);gap:3px;padding:4px 14px 0;background:#fff}.dp-app-progress i{height:2px;border-radius:99px;background:#e4e8ef;transition:background .35s ease}.dp-app-progress i.active{background:linear-gradient(90deg,#5271ff,#004aab)}
.dp-phone-screen-stack{position:relative;flex:1;overflow:hidden}.dp-screen{position:absolute;inset:0;padding:19px 16px 16px;opacity:0;transform:translateX(14px);pointer-events:none;transition:opacity .42s ease,transform .42s var(--dp-ease)}.dp-screen.active{opacity:1;transform:none;pointer-events:auto}.dp-step-label{margin-bottom:7px;color:#5271ff;font-size:6.4px;font-weight:850;letter-spacing:.12em}.dp-screen h3{margin:0 0 7px;color:#121d2f;font-size:18px;line-height:1.14;letter-spacing:-.035em}.dp-screen>p{margin:0 0 14px;color:#718099;font-size:8.75px;line-height:1.46}.dp-screen>p strong{color:#283951}.dp-field-label-v5{display:block;margin:0 0 5px;color:#3e506a;font-size:7.4px;font-weight:750}
.dp-phone-input-v5{height:43px;border:1px solid #d9e0ea;border-radius:11px;background:#fff;display:flex;align-items:center;padding:0 10px;box-shadow:0 4px 12px rgba(17,32,59,.03)}.dp-flag-v5{font-size:13px}.dp-country-v5{margin-left:7px;padding-right:7px;border-right:1px solid #e0e5ec;color:#465872;font-size:8.6px}.dp-phone-input-v5 strong{margin-left:8px;color:#132039;font-size:10px;letter-spacing:.02em}.dp-app-button{width:100%;height:42px;margin-top:12px;border:0;border-radius:11px;background:linear-gradient(135deg,#5271ff,#3455df);color:#fff;font-size:8.7px;font-weight:800;box-shadow:0 9px 20px rgba(52,85,223,.18);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px}.dp-app-button span{font-size:12px}.dp-app-assurance{margin-top:11px;display:flex;align-items:center;justify-content:center;gap:5px;color:#78879a;font-size:6.5px}.dp-app-assurance svg{width:10px;height:10px;fill:none;stroke:#5271ff;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

/* OTP */
.dp-otp-v5{display:grid;grid-template-columns:repeat(6,1fr);gap:5px;margin:4px 0 12px}.dp-otp-v5 span{height:41px;border:1px solid #d8e0ea;border-radius:9px;background:#fff;display:grid;place-items:center;color:#172640;font-size:11px;font-weight:800;box-shadow:0 3px 10px rgba(20,39,70,.03)}.dp-screen.active .dp-otp-v5 span{animation:dpOtpIn .38s ease backwards}.dp-screen.active .dp-otp-v5 span:nth-child(2){animation-delay:.05s}.dp-screen.active .dp-otp-v5 span:nth-child(3){animation-delay:.1s}.dp-screen.active .dp-otp-v5 span:nth-child(4){animation-delay:.15s}.dp-screen.active .dp-otp-v5 span:nth-child(5){animation-delay:.2s}.dp-screen.active .dp-otp-v5 span:nth-child(6){animation-delay:.25s}
.dp-state-card{display:flex;align-items:center;gap:9px;padding:10px;border-radius:11px;border:1px solid #dce9e4;background:#f3fbf7}.dp-state-icon{width:28px;height:28px;border-radius:9px;background:#e7f8f1;display:grid;place-items:center}.dp-state-icon svg{width:14px;height:14px;fill:none;stroke:#18a977;stroke-width:2.3;stroke-linecap:round;stroke-linejoin:round}.dp-state-card strong{display:block;color:#18392e;font-size:8.8px}.dp-state-card small{display:block;margin-top:2px;color:#668579;font-size:6.6px}

/* Address */
.dp-address-list-v5{display:grid;gap:7px}.dp-address-v5{width:100%;min-height:60px;border:1px solid #dce3ec;border-radius:11px;background:#fff;padding:8px 9px;display:grid;grid-template-columns:30px 1fr 12px;gap:8px;align-items:center;text-align:left;color:#172339;cursor:pointer}.dp-address-v5.selected{border-color:#8ba1ff;background:#f5f7ff;box-shadow:0 0 0 2px rgba(82,113,255,.06)}.dp-address-icon{width:29px;height:29px;border-radius:9px;background:#f0f4ff;display:grid;place-items:center}.dp-address-icon svg{width:14px;height:14px;fill:none;stroke:#5271ff;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.dp-address-v5 strong{display:block;font-size:8.6px}.dp-address-v5 small{display:block;margin-top:2px;color:#7a899d;font-size:6.3px;line-height:1.35}.dp-address-v5>i{width:10px;height:10px;border:1px solid #b9c4d2;border-radius:50%}.dp-address-v5.selected>i{border:3px solid #5271ff}

/* Coupon */
.dp-coupon-row{display:grid;grid-template-columns:1fr 58px;gap:7px}.dp-coupon-input{height:40px;border:1px solid #d9e0ea;border-radius:10px;background:#fff;display:flex;align-items:center;padding:0 10px;color:#253752;font-size:8.7px;font-weight:750;letter-spacing:.04em}.dp-coupon-row button{border:0;border-radius:10px;background:#0e1828;color:#fff;font-size:7.7px;font-weight:800;cursor:pointer}.dp-coupon-success{margin-top:9px;padding:9px 10px;border:1px solid #d8eee4;border-radius:11px;background:#f2fbf7;display:grid;grid-template-columns:26px 1fr auto;gap:8px;align-items:center}.dp-coupon-success>span{width:26px;height:26px;border-radius:8px;background:#e4f8ef;display:grid;place-items:center}.dp-coupon-success svg{width:13px;height:13px;fill:none;stroke:#18a977;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.dp-coupon-success strong{display:block;color:#1a4134;font-size:8px}.dp-coupon-success small{display:block;margin-top:1px;color:#6e8f82;font-size:6.2px}.dp-coupon-success>b{color:#15986d;font-size:8.5px}.dp-price-mini{margin-top:9px;border-radius:10px;background:#0f1c31;color:#fff;padding:10px;display:flex;align-items:center;justify-content:space-between}.dp-price-mini span{color:#8fa0b8;font-size:6.6px}.dp-price-mini strong{font-size:11px}

/* Payment */
.dp-payment-list-v5{display:grid;gap:7px}.dp-payment-v5{width:100%;min-height:46px;border:1px solid #dde4ed;border-radius:11px;background:#fff;padding:7px 9px;display:grid;grid-template-columns:13px 1fr auto;gap:9px;align-items:center;text-align:left;color:#142039;cursor:pointer;transition:border-color .2s ease,background .2s ease,box-shadow .2s ease}.dp-payment-v5.selected{border-color:#7f97ff;background:#f4f6ff;box-shadow:0 0 0 2px rgba(82,113,255,.055)}.dp-payment-radio{width:12px;height:12px;border:1px solid #aeb9c8;border-radius:50%;position:relative}.dp-payment-v5.selected .dp-payment-radio{border:3px solid #5271ff}.dp-payment-copy strong{display:block;font-size:8.6px;line-height:1.1}.dp-payment-copy small{display:block;margin-top:2px;color:#7c8a9d;font-size:6.35px;line-height:1.3}.dp-payment-tag{padding:3px 6px;border-radius:999px;background:#f1f4f8;color:#758499;font-size:6px;font-weight:800}.dp-payment-tag.accent{background:#edf0ff;color:#4d65d8}.dp-partial-highlight{display:grid;grid-template-columns:1fr auto 1fr;gap:7px;align-items:center;margin-top:9px;padding:9px 10px;border-radius:11px;background:#0f1c31;color:#fff}.dp-partial-highlight div{display:flex;align-items:center;justify-content:space-between;gap:6px}.dp-partial-highlight span{color:#879ab5;font-size:6.3px}.dp-partial-highlight strong{font-size:9.4px}.dp-partial-highlight>b{color:#506886;font-size:8px}

/* Summary */
.dp-order-summary-v5{border:1px solid #dfe5ed;border-radius:11px;background:#fff;overflow:hidden}.dp-order-summary-v5>div{min-height:31px;padding:0 10px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #edf0f4}.dp-order-summary-v5>div:last-child{border:0}.dp-order-summary-v5 span{color:#6f7e91;font-size:7px}.dp-order-summary-v5 strong{color:#17243a;font-size:7.8px}.dp-order-summary-v5 .discount strong{color:#15986d}.dp-order-summary-v5 .total{background:#f7f9fc}.dp-order-summary-v5 .total span,.dp-order-summary-v5 .total strong{color:#111e32;font-size:8.8px;font-weight:850}.dp-order-summary-v5 .paynow{background:#eff2ff}.dp-order-summary-v5 .paynow span,.dp-order-summary-v5 .paynow strong{color:#405bd3;font-weight:850}.dp-selected-method{margin-top:8px;border:1px solid #e0e6ee;border-radius:10px;background:#fff;padding:8px 9px;display:flex;align-items:center;gap:8px}.dp-selected-method>span{width:7px;height:7px;border-radius:50%;background:#5271ff;box-shadow:0 0 0 4px rgba(82,113,255,.09)}.dp-selected-method small{display:block;color:#8290a2;font-size:5.8px}.dp-selected-method strong{display:block;margin-top:1px;color:#1a2940;font-size:7.8px}.dp-final-pay{margin-top:8px}.dp-payment-note{margin:7px auto 0!important;max-width:250px;text-align:center;color:#8a96a6!important;font-size:5.9px!important;line-height:1.4!important}

/* Success */
.dp-screen[data-screen="4"]{display:flex;flex-direction:column}.dp-payment-footer-v5{margin-top:auto;display:grid;gap:8px;padding-top:12px}.dp-payment-screen-note{margin:0;color:#8895a7;font-size:6px;line-height:1.4;text-align:center}.dp-success-v5{text-align:center;padding-top:17px}.dp-success-ring{display:grid;place-items:center;margin:0 auto 10px}.dp-success-ring>span{width:53px;height:53px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#20c68e,#10a978);box-shadow:0 12px 25px rgba(20,177,121,.20),0 0 0 7px rgba(31,201,143,.06)}.dp-success-ring svg{width:25px;height:25px;fill:none;stroke:#fff;stroke-width:2.3;stroke-linecap:round;stroke-linejoin:round}.dp-success-v5 h3{font-size:21px}.dp-success-v5>p{max-width:270px;margin-left:auto;margin-right:auto}.dp-success-details{margin-top:5px;border:1px solid #e0e6ef;border-radius:11px;background:#fff;text-align:left;overflow:hidden}.dp-success-details>div{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px;border-bottom:1px solid #edf1f5}.dp-success-details>div:last-child{border:0}.dp-success-details span{color:#7b899c;font-size:6.5px}.dp-success-details strong{color:#172940;font-size:7.8px}.dp-shopify-sync{margin-top:8px;border-radius:10px;background:#effaf5;border:1px solid #d5eee3;padding:8px 9px;display:flex;align-items:center;gap:8px;text-align:left}.dp-shopify-sync>span{width:7px;height:7px;border-radius:50%;background:#20c88f;box-shadow:0 0 0 4px rgba(32,200,143,.10)}.dp-shopify-sync strong{display:block;color:#214737;font-size:7.5px}.dp-shopify-sync small{display:block;color:#789187;font-size:6px;margin-top:1px}.dp-phone-home-indicator{position:absolute;z-index:46;left:50%;bottom:5px;width:96px;height:3.5px;transform:translateX(-50%);border-radius:999px;background:#182231;opacity:.88}

/* Event stack — deliberately beside the phone */
.dp-event-stack{position:absolute;inset:0;z-index:8;pointer-events:none}.dp-event-card{--card-x:0px;--card-y:0px;--card-r:0deg;--tone-1:#edf1ff;--tone-2:#cdd8ff;--tone-3:#5c76ff;position:absolute;width:168px;min-height:66px;border:1px solid #e2e7ef;border-radius:18px;background:linear-gradient(180deg,#fff,#fbfcff);box-shadow:0 14px 30px rgba(3,12,27,.17),inset 0 1px 0 rgba(255,255,255,.96);display:grid;grid-template-columns:38px 1fr;gap:10px;align-items:center;padding:10px 11px;opacity:0;transform:translate3d(var(--card-x),calc(var(--card-y) + 10px),0) rotate(var(--card-r)) scale(.95);transition:opacity .42s ease,transform .42s var(--dp-ease),box-shadow .35s ease,border-color .35s ease}.dp-event-card.show{opacity:1;transform:translate3d(var(--card-x),var(--card-y),0) rotate(var(--card-r)) scale(1)}.dp-event-card.is-done{opacity:.92}.dp-event-card.is-current{opacity:1;border-color:rgba(113,135,255,.34);box-shadow:0 20px 38px rgba(3,12,27,.22),0 0 0 1px rgba(82,113,255,.07),0 10px 22px rgba(82,113,255,.08)}
.dp-event-card:nth-child(1){--card-x:-118px;--card-y:72px;--card-r:-2.6deg;--tone-1:#eef2ff;--tone-2:#d7e1ff;--tone-3:#5c76ff}.dp-event-card:nth-child(2){--card-x:388px;--card-y:118px;--card-r:2.6deg;--tone-1:#eefcff;--tone-2:#d7f2ff;--tone-3:#39a0ff}.dp-event-card:nth-child(3){--card-x:-140px;--card-y:248px;--card-r:-2deg;--tone-1:#f2fff6;--tone-2:#d6f7df;--tone-3:#29b979}.dp-event-card:nth-child(4){--card-x:384px;--card-y:316px;--card-r:2deg;--tone-1:#fff5ed;--tone-2:#ffe2c8;--tone-3:#ff8c45}.dp-event-card:nth-child(5){--card-x:-120px;--card-y:426px;--card-r:-2deg;--tone-1:#fff2f8;--tone-2:#ffd7e8;--tone-3:#ff6ca8}.dp-event-card:nth-child(6){--card-x:392px;--card-y:490px;--card-r:2.6deg;--tone-1:#f4f7ff;--tone-2:#d7e1ff;--tone-3:#6c86ff}
.dp-event-icon{position:relative;width:38px;height:38px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(180deg,var(--tone-1),var(--tone-2));border:1px solid rgba(255,255,255,.92);box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 8px 14px rgba(12,20,38,.12),0 3px 0 rgba(255,255,255,.65)}.dp-event-icon::before{content:"";position:absolute;left:5px;right:5px;top:4px;height:38%;border-radius:10px;background:linear-gradient(180deg,rgba(255,255,255,.95),rgba(255,255,255,0));opacity:.88}.dp-event-icon::after{content:"";position:absolute;inset:-2px;border-radius:15px;box-shadow:0 0 0 1px rgba(255,255,255,.5)}.dp-event-icon svg{position:relative;z-index:2;width:17px;height:17px;fill:none;stroke:var(--tone-3);stroke-width:2.15;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 1px 0 rgba(255,255,255,.9))}.dp-event-card small{display:block;color:#8390a5;font-size:5.7px;font-weight:850;letter-spacing:.12em}.dp-event-card strong{display:block;margin-top:3px;color:#17243a;font-size:8.6px;line-height:1.2}.dp-event-card em{display:block;margin-top:2px;color:#708097;font-style:normal;font-size:6.3px;line-height:1.35}

.dp-scroll-cue-v5{position:absolute;left:50%;bottom:15px;z-index:8;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:7px;color:#4c5d74;text-decoration:none;font-size:7.5px;font-weight:750;letter-spacing:.13em;text-transform:uppercase}.dp-scroll-cue-v5 i{position:relative;width:1px;height:22px;background:linear-gradient(#3f5885,transparent);overflow:hidden}.dp-scroll-cue-v5 i::after{content:"";position:absolute;left:0;top:-8px;width:1px;height:8px;background:#90a0ff;animation:dpScrollPulse 2.1s ease-in-out infinite}

@keyframes dpLineFlow{to{stroke-dashoffset:-120}}@keyframes dpGlowShift{0%,100%{transform:scale(.95);opacity:.35}50%{transform:scale(1.05);opacity:.50}}@keyframes dpAura{0%,100%{transform:translate(-50%,-50%) scale(.985);opacity:.78}50%{transform:translate(-50%,-50%) scale(1.025);opacity:1}}@keyframes dpOtpIn{from{transform:translateY(4px);opacity:.48}to{transform:none;opacity:1}}@keyframes dpScrollPulse{0%{top:-8px;opacity:0}25%{opacity:1}75%{opacity:1}100%{top:24px;opacity:0}}

@media(max-width:1240px){
  .dp-hero-shell{grid-template-columns:minmax(0,1.08fr) minmax(500px,.88fr);gap:52px}.dp-copy-v5{left:-28px}.dp-copy-v5 h1{font-size:clamp(50px,5vw,66px)}.dp-product-visual{right:-34px;width:min(100%,530px);grid-template-columns:minmax(328px,354px) 168px;gap:16px}.dp-phone-device,.dp-phone-aura,.dp-phone-floor{left:63%}.dp-phone-device{height:calc(100% - 102px)}.dp-phone-aura{width:362px;height:490px}.dp-phone-floor{width:230px;height:26px;bottom:5.2%}.dp-event-card{width:156px;padding:9px 10px}.dp-event-card:nth-child(1){--card-x:-114px;--card-y:74px}.dp-event-card:nth-child(2){--card-x:372px;--card-y:122px}.dp-event-card:nth-child(3){--card-x:-130px;--card-y:246px}.dp-event-card:nth-child(4){--card-x:368px;--card-y:312px}.dp-event-card:nth-child(5){--card-x:-118px;--card-y:420px}.dp-event-card:nth-child(6){--card-x:376px;--card-y:480px}.dp-signals-v5{font-size:9px}
}

@media(max-width:1050px){
  .dp-hero.dp-v5{height:auto;max-height:none;min-height:auto;padding:120px 0 72px}.dp-hero-shell{grid-template-columns:1fr;gap:44px}.dp-copy-v5{left:0;max-width:760px;margin:0 auto;text-align:center}.dp-eyebrow-v5,.dp-actions-v5,.dp-signals-v5{justify-content:center}.dp-hero-lead-v5{margin-left:auto;margin-right:auto}.dp-copy-v5 h1{max-width:760px;margin-left:auto;margin-right:auto;font-size:clamp(52px,7vw,69px)}.dp-product-visual{right:0;justify-self:center;width:min(760px,100%);height:690px;min-height:0;margin:0 auto;grid-template-columns:minmax(355px,1fr) 220px;gap:24px}.dp-phone-device,.dp-phone-aura,.dp-phone-floor{left:50%}.dp-event-stack{position:relative;inset:auto;display:grid;grid-template-columns:1fr;gap:10px;pointer-events:none}.dp-event-card{position:relative;width:auto;min-height:68px;transform:translateY(8px) scale(.97) rotate(0)!important}.dp-event-card.show{transform:none!important}.dp-scroll-cue-v5{display:none}
}

@media(max-width:760px){
  .dp-nav .dp-nav-inner{height:70px}.dp-brand-surface{padding:7px 10px 7px 8px;gap:8px;border-radius:12px}.dp-brand-mark{width:24px!important;height:28px!important}.dp-brand-wordmark{width:79px!important}.dp-brand-lockup>span{font-size:8px}.dp-menu{display:block}.dp-nav .dp-nav-links{display:none}.dp-nav.open .dp-nav-links{display:flex;position:absolute;left:13px;right:13px;top:76px;flex-direction:column;align-items:stretch;gap:2px;padding:10px;background:#08111f;border:1px solid rgba(255,255,255,.10);border-radius:16px;box-shadow:0 28px 64px rgba(0,0,0,.42)}.dp-nav.open .dp-nav-links>a:not(.dp-nav-cta){padding:12px}.dp-nav.open .dp-nav-cta{margin-top:5px;justify-content:space-between}.dp-nav.open .dp-menu span:first-child{transform:translateY(3.2px) rotate(45deg)}.dp-nav.open .dp-menu span:last-child{transform:translateY(-3.2px) rotate(-45deg)}
  .dp-hero.dp-v5{padding:98px 0 52px}.dp-data-field{opacity:.08}.dp-network{opacity:.14}.dp-hero-glow-a{right:-30%;top:26%}.dp-hero-shell{gap:34px}.dp-copy-v5{text-align:left}.dp-eyebrow-v5{justify-content:flex-start;margin-bottom:18px;font-size:8.2px}.dp-eyebrow-v5 em,.dp-eyebrow-v5>i{display:none}.dp-copy-v5 h1{font-size:clamp(41px,11.4vw,54px);line-height:1.015;text-align:left;margin:0 0 18px;max-width:560px}.dp-hero-lead-v5{font-size:13.5px;line-height:1.62;margin:0 0 23px}.dp-actions-v5{justify-content:flex-start;gap:15px}.dp-primary-cta-v5{height:50px;padding-left:17px}.dp-secondary-cta-v5{min-height:42px;font-size:11.5px}.dp-signals-v5{justify-content:flex-start;gap:9px 14px;flex-wrap:wrap;margin-top:25px;font-size:8.8px}.dp-signals-v5 span{border:0;margin:0;padding:0}.dp-signals-v5 span:nth-child(3){display:none}
  .dp-product-visual{width:100%;height:auto;display:grid;grid-template-columns:1fr;gap:22px}.dp-phone-stage{height:600px}.dp-phone-device{height:582px;transform:translate(-50%,-50%) rotateY(-1.8deg) rotateZ(.1deg)}.dp-phone-aura{width:410px;height:545px}.dp-event-stack{position:relative;inset:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.dp-event-card{position:relative;width:auto;min-height:66px;transform:translateY(8px) scale(.97) rotate(0)!important}.dp-event-card.show{transform:none!important}.dp-scroll-cue-v5{display:none}
}

@media(max-width:440px){
  .dp-hero.dp-v5{padding-top:92px}.dp-copy-v5 h1{font-size:41px}.dp-hero-lead-v5{font-size:13px}.dp-signals-v5{font-size:8.2px}.dp-phone-stage{height:565px}.dp-phone-device{height:550px}.dp-phone-device::before{border-radius:45px}.dp-phone-device::after{border-radius:43px}.dp-phone-frame{border-radius:41px}.dp-phone-screen{border-radius:37px}.dp-event-stack{grid-template-columns:1fr}.dp-event-card{min-height:61px}.dp-screen{padding:16px 14px}.dp-screen h3{font-size:17px}.dp-screen>p{font-size:8.2px;margin-bottom:12px}.dp-otp-v5{gap:4px}.dp-otp-v5 span{height:38px}.dp-address-v5{min-height:56px}.dp-payment-v5{min-height:43px}.dp-payment-copy strong{font-size:8.2px}.dp-payment-copy small{font-size:5.95px}.dp-order-summary-v5>div{min-height:29px}
}

@media(max-height:800px) and (min-width:1051px){
  .dp-hero.dp-v5{padding-top:92px;padding-bottom:32px}.dp-product-visual{height:650px;min-height:0}.dp-copy-v5 h1{font-size:57px}.dp-hero-lead-v5{font-size:15px;margin-bottom:24px}.dp-signals-v5{margin-top:26px}.dp-eyebrow-v5{margin-bottom:19px}.dp-scroll-cue-v5{display:none}
}

@media(prefers-reduced-motion:reduce){
  .dp-network path,.dp-hero-glow,.dp-phone-aura,.dp-scroll-cue-v5 i::after,.dp-screen.active .dp-otp-v5 span{animation:none!important}.dp-copy-v5,.dp-product-visual{opacity:1!important;transform:none!important;transition:none!important}.dp-screen,.dp-phone-device,.dp-event-card{transition:none!important}
}

/* ============================================================
   Dropify Checkout v8 — 3-step conversion-first mobile demo
   ============================================================ */
.dp-v8 .dp-checkout-app{inset:31px 0 0;background:linear-gradient(180deg,#fbfcff 0%,#f6f8fc 100%)}
.dp-v8 .dp-app-header{height:56px;padding:11px 15px 9px}
.dp-v8 .dp-app-mark{width:20px;height:23px}
.dp-v8 .dp-app-brand-copy img{width:62px}
.dp-v8 .dp-app-brand-copy span{font-size:6.7px}
.dp-v8 .dp-app-secure{font-size:6.7px}
.dp-orderbar-v8{height:36px;padding:0 15px;display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid #edf0f4}
.dp-orderbar-v8>div:first-child{display:flex;align-items:baseline;gap:7px}
.dp-orderbar-v8 span{color:#77869a;font-size:6.5px}
.dp-orderbar-v8 strong{color:#16233a;font-size:9.7px}
.dp-orderbar-trust{display:flex!important;align-items:center!important;gap:5px!important;color:#66758b!important;font-size:6.2px!important;font-weight:750}
.dp-orderbar-trust i{width:6px;height:6px;border-radius:50%;background:#18b985;box-shadow:0 0 0 3px rgba(24,185,133,.08)}

.dp-stepper-v8{height:48px;padding:8px 15px 7px;display:grid;grid-template-columns:auto 1fr auto 1fr auto;align-items:center;gap:7px;background:#fff;border-bottom:1px solid #edf0f4}
.dp-step-v8{display:flex;align-items:center;gap:5px;color:#9aa6b6;transition:color .3s ease}
.dp-step-v8 i{width:18px;height:18px;border-radius:50%;display:grid;place-items:center;background:#eef1f6;color:#8a97a9;font-style:normal;font-size:6.4px;font-weight:850;transition:.3s ease}
.dp-step-v8 span{font-size:6.4px;font-weight:800;letter-spacing:.01em}
.dp-stepper-v8>b{height:1px;background:#e2e7ef;position:relative;overflow:hidden}
.dp-stepper-v8>b::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#5271ff,#7c91ff);transform:scaleX(0);transform-origin:left;transition:transform .35s ease}
.dp-step-v8.active{color:#314fd1}.dp-step-v8.active i{background:#5271ff;color:#fff;box-shadow:0 4px 12px rgba(82,113,255,.22)}
.dp-step-v8.done{color:#53647d}.dp-step-v8.done i{background:#eaf7f2;color:#12966c}.dp-step-v8.done i::before{content:"✓"}.dp-step-v8.done i{font-size:0}.dp-step-v8.done i::before{font-size:7px}
.dp-step-v8.done + b::after{transform:scaleX(1)}

.dp-phone-stack-v8{position:relative;flex:1;overflow:hidden}
.dp-screen-v8{position:absolute;inset:0;padding:16px 15px 15px;opacity:0;transform:translateX(12px);pointer-events:none;transition:opacity .42s ease,transform .42s var(--dp-ease)}
.dp-screen-v8.active{opacity:1;transform:none;pointer-events:auto}
.dp-screen-kicker-v8{margin-bottom:6px;color:#5271ff;font-size:5.9px;font-weight:900;letter-spacing:.13em}
.dp-screen-v8 h3{margin:0 0 6px;color:#111c2e;font-size:18.5px;line-height:1.13;letter-spacing:-.04em}
.dp-screen-v8>p{margin:0 0 13px;color:#728096;font-size:8.15px;line-height:1.45}

.dp-phone-input-v8{height:42px;border:1px solid #d9e0e9;border-radius:11px;background:#fff;display:grid;grid-template-columns:auto auto 1fr auto;align-items:center;padding:0 9px;box-shadow:0 4px 12px rgba(15,31,53,.03)}
.dp-phone-input-v8 .dp-flag-v5{font-size:12px}.dp-phone-input-v8 .dp-country-v5{font-size:8px;margin-left:6px;padding-right:7px}.dp-phone-input-v8 strong{margin-left:8px;color:#15233b;font-size:9.6px}.dp-phone-input-v8 em{padding:4px 6px;border-radius:999px;background:#eaf8f2;color:#15966d;font-size:5.7px;font-weight:850;font-style:normal}
.dp-otp-wrap-v8{margin-top:10px;padding:10px;border:1px solid #e2e7ef;border-radius:12px;background:#fff}
.dp-otp-label-v8{display:flex;align-items:center;justify-content:space-between;margin-bottom:7px}.dp-otp-label-v8 span{color:#34445d;font-size:7px;font-weight:800}.dp-otp-label-v8 small{color:#8b98aa;font-size:5.8px}
.dp-otp-v8{display:grid;grid-template-columns:repeat(6,1fr);gap:4px}.dp-otp-v8 span{height:31px;border-radius:8px;background:#f6f8fb;border:1px solid #e1e6ed;display:grid;place-items:center;color:#1c2a42;font-size:9px;font-weight:800}.dp-screen-v8.active .dp-otp-v8 span{animation:dpOtpIn .34s ease backwards}.dp-screen-v8.active .dp-otp-v8 span:nth-child(2){animation-delay:.04s}.dp-screen-v8.active .dp-otp-v8 span:nth-child(3){animation-delay:.08s}.dp-screen-v8.active .dp-otp-v8 span:nth-child(4){animation-delay:.12s}.dp-screen-v8.active .dp-otp-v8 span:nth-child(5){animation-delay:.16s}.dp-screen-v8.active .dp-otp-v8 span:nth-child(6){animation-delay:.2s}
.dp-recognized-v8{margin-top:9px;min-height:49px;padding:8px 9px;border:1px solid #d8ece3;border-radius:11px;background:linear-gradient(180deg,#f5fbf8,#f1f9f5);display:grid;grid-template-columns:30px 1fr auto;gap:8px;align-items:center}
.dp-recognized-icon{width:29px;height:29px;border-radius:9px;background:#e4f8ef;display:grid;place-items:center}.dp-recognized-icon svg{width:14px;height:14px;fill:none;stroke:#18a977;stroke-width:2.3;stroke-linecap:round;stroke-linejoin:round}.dp-recognized-v8 strong{display:block;color:#173a2e;font-size:8.3px}.dp-recognized-v8 small{display:block;margin-top:2px;color:#6b887c;font-size:6.1px}.dp-recognized-v8>b{padding:4px 6px;border-radius:999px;background:#fff;color:#15966d;font-size:5.6px}
.dp-app-button-v8{height:40px;margin-top:10px;border-radius:10px;font-size:8.2px;box-shadow:0 8px 18px rgba(52,85,223,.16)}
.dp-trustline-v8{margin-top:9px;display:flex;align-items:center;justify-content:center;gap:5px;color:#8190a3;font-size:5.8px}.dp-trustline-v8 svg{width:9px;height:9px;fill:none;stroke:#5271ff;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

.dp-review-meta-v8{display:grid;gap:6px;margin-bottom:9px}.dp-address-compact-v8,.dp-offer-compact-v8{min-height:42px;padding:7px 8px;border:1px solid #e0e5ed;border-radius:11px;background:#fff;display:grid;grid-template-columns:27px 1fr auto;gap:7px;align-items:center}.dp-offer-compact-v8{border-color:#dceee6;background:#f6fbf8}.dp-meta-icon-v8{width:27px;height:27px;border-radius:8px;display:grid;place-items:center;background:#f1f4ff}.dp-offer-compact-v8 .dp-meta-icon-v8{background:#e8f7f0}.dp-meta-icon-v8 svg{width:13px;height:13px;fill:none;stroke:#5271ff;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.dp-offer-compact-v8 .dp-meta-icon-v8 svg{stroke:#18a977}.dp-review-meta-v8 small{display:block;color:#8a96a7;font-size:5.6px}.dp-review-meta-v8 strong{display:block;margin-top:2px;color:#223149;font-size:7.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dp-address-compact-v8 button{border:0;background:transparent;color:#5271ff;font-size:5.7px;font-weight:800;padding:4px}.dp-offer-compact-v8>b{color:#15986d;font-size:7.5px}
.dp-pay-title-v8{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.dp-pay-title-v8 span{color:#25354e;font-size:7.2px;font-weight:850}.dp-pay-title-v8 small{color:#929eae;font-size:5.7px}
.dp-payment-grid-v8{display:grid;grid-template-columns:1fr 1fr;gap:6px}.dp-payment-v8{min-height:46px;border:1px solid #dde4ed;border-radius:10px;background:#fff;padding:6px 7px;display:grid;grid-template-columns:25px 1fr 9px;gap:6px;align-items:center;text-align:left;color:#15233b;cursor:pointer;transition:.2s ease}.dp-payment-v8:hover{border-color:#bdc9da}.dp-payment-v8.selected{border-color:#8499ff;background:#f5f6ff;box-shadow:0 0 0 2px rgba(82,113,255,.05)}.dp-pay-icon-v8{width:25px;height:25px;border-radius:8px;background:#f2f5fb;display:grid;place-items:center;color:#5271ff;font-size:9px;font-weight:850}.dp-pay-icon-v8 svg{width:13px;height:13px;fill:none;stroke:#5271ff;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.dp-payment-v8 strong{display:block;font-size:7.2px}.dp-payment-v8 small{display:block;margin-top:2px;color:#8491a3;font-size:5.2px;line-height:1.25}.dp-payment-v8>i{width:9px;height:9px;border:1px solid #b7c1cf;border-radius:50%}.dp-payment-v8.selected>i{border:3px solid #5271ff}
.dp-partial-card-v8{width:100%;min-height:57px;margin-top:7px;border:1px solid #7f96ff;border-radius:12px;background:linear-gradient(180deg,#f7f8ff,#f2f4ff);padding:8px 9px;display:grid;grid-template-columns:13px 1fr auto;gap:8px;align-items:center;text-align:left;box-shadow:0 0 0 2px rgba(82,113,255,.045);cursor:pointer}.dp-partial-select-v8{width:12px;height:12px;border:3px solid #5271ff;border-radius:50%}.dp-partial-card-v8 small{display:block;color:#5d72d2;font-size:5.3px;font-weight:900;letter-spacing:.09em}.dp-partial-card-v8 strong{display:block;margin-top:2px;color:#18284a;font-size:8.6px}.dp-partial-card-v8 em{display:block;margin-top:2px;color:#78879e;font-size:6px;font-style:normal}.dp-partial-card-v8>b{padding:4px 6px;border-radius:999px;background:#e9edff;color:#536bd8;font-size:5.4px}
.dp-order-mini-v8{display:grid;grid-template-columns:1.25fr 1fr 1fr;margin-top:7px;border:1px solid #e0e5ed;border-radius:10px;background:#fff;overflow:hidden}.dp-order-mini-v8>div{min-height:34px;padding:6px 7px;border-right:1px solid #edf0f4;display:flex;flex-direction:column;justify-content:center}.dp-order-mini-v8>div:last-child{border-right:0}.dp-order-mini-v8 span{color:#8a96a7;font-size:5.4px}.dp-order-mini-v8 strong{margin-top:2px;color:#19283e;font-size:7.6px}.dp-order-mini-v8 .paynow{background:#f5f6ff}.dp-order-mini-v8 .paynow strong{color:#4a63d4}.dp-order-mini-v8 .delivery strong{color:#283a56}
.dp-selected-method-v8{margin-top:6px;display:flex;align-items:center;gap:5px;color:#748197}.dp-selected-method-v8>span{width:5px;height:5px;border-radius:50%;background:#5271ff;box-shadow:0 0 0 3px rgba(82,113,255,.08)}.dp-selected-method-v8 small{font-size:5.4px}.dp-selected-method-v8 strong{font-size:6.2px;color:#33445f}.dp-payment-note-v8{margin:6px 0 0!important;text-align:center;color:#8e99a9!important;font-size:5.4px!important;line-height:1.35!important}

.dp-success-v8{text-align:center;padding-top:18px}.dp-success-orbit-v8{display:grid;place-items:center;margin:2px auto 11px}.dp-success-orbit-v8>span{position:relative;width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#20c68e,#10a978);box-shadow:0 13px 27px rgba(20,177,121,.19),0 0 0 7px rgba(31,201,143,.06)}.dp-success-orbit-v8>span::after{content:"";position:absolute;inset:-12px;border:1px solid rgba(31,185,133,.13);border-radius:50%}.dp-success-orbit-v8 svg{width:26px;height:26px;fill:none;stroke:#fff;stroke-width:2.3;stroke-linecap:round;stroke-linejoin:round}.dp-success-v8 h3{font-size:21px}.dp-success-v8>p{max-width:250px;margin:0 auto 12px}.dp-success-card-v8{border:1px solid #e0e5ed;border-radius:12px;background:#fff;overflow:hidden;text-align:left}.dp-success-row-v8{min-height:35px;padding:0 10px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #edf0f4}.dp-success-row-v8:last-child{border-bottom:0}.dp-success-row-v8 span{color:#7f8c9e;font-size:6.3px}.dp-success-row-v8 strong{color:#1a2940;font-size:7.5px}.dp-success-trust-v8{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-top:9px}.dp-success-trust-v8>div{min-height:46px;border:1px solid #e4e9f0;border-radius:9px;background:#f9fbfd;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;text-align:center}.dp-success-trust-v8 i{width:7px;height:7px;border-radius:50%;background:#18b985;box-shadow:0 0 0 3px rgba(24,185,133,.08)}.dp-success-trust-v8 span{color:#68788f;font-size:5.3px;line-height:1.2}.dp-complete-banner-v8{margin-top:9px;min-height:50px;padding:9px 10px;border:1px solid #d9ece4;border-radius:11px;background:#f3faf6;display:flex;align-items:center;gap:8px;text-align:left}.dp-complete-dot-v8{width:8px;height:8px;border-radius:50%;background:#18b985;box-shadow:0 0 0 4px rgba(24,185,133,.09)}.dp-complete-banner-v8 strong{display:block;color:#214638;font-size:7.5px}.dp-complete-banner-v8 small{display:block;margin-top:2px;color:#789187;font-size:5.8px}

@media(max-width:760px){
  .dp-stepper-v8{padding-left:13px;padding-right:13px}
  .dp-screen-v8{padding:15px 13px 14px}.dp-screen-v8 h3{font-size:17.6px}.dp-screen-v8>p{font-size:7.9px}
  .dp-payment-v8{min-height:44px}.dp-partial-card-v8{min-height:55px}.dp-order-mini-v8>div{padding-left:6px;padding-right:6px}
}
@media(max-width:440px){
  .dp-orderbar-v8{padding-left:13px;padding-right:13px}.dp-stepper-v8{gap:5px}.dp-step-v8 span{font-size:6px}
  .dp-screen-v8{padding:14px 12px 13px}.dp-screen-v8 h3{font-size:17px}.dp-screen-v8>p{font-size:7.7px;margin-bottom:11px}
  .dp-payment-grid-v8{gap:5px}.dp-payment-v8{padding:6px;grid-template-columns:23px 1fr 8px}.dp-pay-icon-v8{width:23px;height:23px}.dp-payment-v8 strong{font-size:6.8px}.dp-payment-v8 small{font-size:5px}
  .dp-partial-card-v8{padding:7px 8px}.dp-order-mini-v8 span{font-size:5.1px}.dp-order-mini-v8 strong{font-size:7.1px}
}
.dp-partial-card-v8:not(.selected){border-color:#dde4ed;background:#fff;box-shadow:none}.dp-partial-card-v8:not(.selected) .dp-partial-select-v8{border:1px solid #b7c1cf}.dp-partial-card-v8:not(.selected)>b{background:#f1f4f8;color:#7b8899}
.dp-order-mini-v8[data-mode="online"],.dp-order-mini-v8[data-mode="cod"]{grid-template-columns:1.35fr 1fr}


/* v17 — final choreography + interaction polish */
.dp-nav-inner{opacity:0;transform:translateY(-10px)}
body.dp-page-ready .dp-nav-inner{opacity:1;transform:none;transition:opacity .62s .03s var(--dp-ease),transform .62s .03s var(--dp-ease)}

/* Sell the idea first, reveal the product second. */
.dp-copy-v5{opacity:1!important;transform:none!important}
.dp-copy-v5>.dp-eyebrow-v5,
.dp-copy-v5>h1,
.dp-copy-v5>.dp-hero-lead-v5,
.dp-copy-v5>.dp-actions-v5,
.dp-copy-v5>.dp-signals-v5{opacity:0;transform:translateY(15px);filter:blur(5px);will-change:transform,opacity,filter}
.dp-hero.is-ready .dp-copy-v5>.dp-eyebrow-v5{opacity:1;transform:none;filter:none;transition:opacity .56s .08s var(--dp-ease),transform .56s .08s var(--dp-ease),filter .56s .08s ease}
.dp-hero.is-ready .dp-copy-v5>h1{opacity:1;transform:none;filter:none;transition:opacity .72s .17s var(--dp-ease),transform .72s .17s var(--dp-ease),filter .72s .17s ease}
.dp-hero.is-ready .dp-copy-v5>.dp-hero-lead-v5{opacity:1;transform:none;filter:none;transition:opacity .66s .34s var(--dp-ease),transform .66s .34s var(--dp-ease),filter .66s .34s ease}
.dp-hero.is-ready .dp-copy-v5>.dp-actions-v5{opacity:1;transform:none;filter:none;transition:opacity .62s .47s var(--dp-ease),transform .62s .47s var(--dp-ease),filter .62s .47s ease}
.dp-hero.is-ready .dp-copy-v5>.dp-signals-v5{opacity:1;transform:none;filter:none;transition:opacity .58s .60s var(--dp-ease),transform .58s .60s var(--dp-ease),filter .58s .60s ease}
.dp-hero.is-ready .dp-product-visual{transition-delay:.86s!important}

/* Premium button tactility without turning it into a light show. */
.dp-primary-cta-v5{position:relative;overflow:hidden;isolation:isolate}
.dp-primary-cta-v5::before{content:"";position:absolute;inset:1px;border-radius:12px;background:linear-gradient(112deg,rgba(255,255,255,.16),transparent 35%,transparent 70%,rgba(255,255,255,.07));pointer-events:none;z-index:-1}
.dp-primary-cta-v5:active{transform:translateY(0) scale(.985);box-shadow:0 10px 24px rgba(47,76,201,.28)}
.dp-secondary-cta-v5:active{transform:translateX(1px) scale(.985)}
.dp-nav-cta:active{transform:translateY(0) scale(.985)}

/* Current checkout event gets one restrained pulse when the system advances. */
.dp-event-card.is-current .dp-event-icon{animation:dpEventFocus .58s var(--dp-ease) both}
@keyframes dpEventFocus{0%{transform:scale(.92)}55%{transform:scale(1.055)}100%{transform:scale(1)}}

/* Turn the hard dark-to-white cut into a deliberate section hand-off. */
.strip{position:relative!important;margin-top:-1px!important;border-top:0!important;padding:76px 0 25px!important;background:linear-gradient(180deg,#07111e 0%,#0b1930 13%,#e8eef8 58%,#ffffff 78%)!important;overflow:hidden}
.strip::before{content:"";position:absolute;left:50%;top:0;width:min(720px,70vw);height:1px;transform:translateX(-50%);background:linear-gradient(90deg,transparent,rgba(111,132,255,.48),transparent);box-shadow:0 0 30px rgba(82,113,255,.14)}
.strip::after{content:"";position:absolute;left:50%;top:14px;width:420px;height:75px;transform:translateX(-50%);background:radial-gradient(ellipse,rgba(82,113,255,.10),transparent 70%);filter:blur(17px);pointer-events:none}
.strip .stripIn{position:relative;z-index:2;opacity:0;transform:translateY(13px)}
.strip.is-visible .stripIn{opacity:1;transform:none;transition:opacity .72s var(--dp-ease),transform .72s var(--dp-ease)}
.strip p{color:#7b8aa1!important}
.strip .caps{color:#2c3b52!important}
#platform{position:relative;background:#fff}
#platform::before{content:"";position:absolute;left:50%;top:0;width:min(1100px,84vw);height:1px;transform:translateX(-50%);background:linear-gradient(90deg,transparent,#e7ebf2 18%,#e7ebf2 82%,transparent)}

@media(max-width:1050px){
  .strip{padding-top:60px!important}
}
@media(max-width:760px){
  .strip{padding:48px 0 22px!important;background:linear-gradient(180deg,#07111e 0%,#dfe7f4 55%,#fff 80%)!important}
  .dp-copy-v5>.dp-eyebrow-v5,.dp-copy-v5>h1,.dp-copy-v5>.dp-hero-lead-v5,.dp-copy-v5>.dp-actions-v5,.dp-copy-v5>.dp-signals-v5{filter:none}
}
@media(prefers-reduced-motion:reduce){
  .dp-nav-inner,.dp-copy-v5>.dp-eyebrow-v5,.dp-copy-v5>h1,.dp-copy-v5>.dp-hero-lead-v5,.dp-copy-v5>.dp-actions-v5,.dp-copy-v5>.dp-signals-v5,.strip .stripIn{opacity:1!important;transform:none!important;filter:none!important;transition:none!important}
  .dp-event-card.is-current .dp-event-icon{animation:none!important}
}


/* ============================================================
   Dropify v24 — organized India intelligence section
   ============================================================ */
.dp-intel2{position:relative;padding:110px 0 92px;background:linear-gradient(180deg,#07101f 0%,#081426 88%,#eef3fb 100%);overflow:hidden}.dp-intel2::before{content:"";position:absolute;inset:0;background:radial-gradient(640px 360px at 58% 38%,rgba(82,113,255,.22),transparent 72%),radial-gradient(500px 300px at 16% 65%,rgba(33,197,154,.08),transparent 72%);pointer-events:none}.dp-intel2 .container{position:relative;z-index:2}
.dp-intel2-head{max-width:930px;margin:0 auto 42px;text-align:center}.dp-intel2-kicker{display:inline-flex;align-items:center;gap:9px;color:#9db0d0;font-size:10px;font-weight:900;letter-spacing:.16em}.dp-intel2-kicker span{width:8px;height:8px;border-radius:50%;background:#5271ff;box-shadow:0 0 0 7px rgba(82,113,255,.12)}.dp-intel2-head h2{margin:18px 0 15px;color:#fff;font-size:clamp(38px,4.2vw,60px);line-height:1.06;letter-spacing:-.05em}.dp-intel2-head h2 em{font-style:normal;color:#92a6ff}.dp-intel2-head p{max-width:780px;margin:0 auto;color:#98aac7;font-size:17px;line-height:1.72}
.dp-intel2-stage{position:relative;display:grid;grid-template-columns:410px 250px 1fr;gap:30px;min-height:650px;padding:30px;border-radius:34px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(10,22,42,.96),rgba(7,16,31,.98));box-shadow:0 36px 90px rgba(4,10,22,.34);overflow:hidden}.dp-intel2-stage::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(151,171,236,.11) .75px,transparent .8px);background-size:28px 28px;opacity:.45;mask-image:radial-gradient(ellipse at 55% 45%,#000 24%,transparent 82%)}
.dp-intel2-routes{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none}.intel-path{fill:none;stroke:url(#intelLine);stroke-width:1.7;stroke-dasharray:5 11;animation:intelDash 5.4s linear infinite}.intel-output{stroke:url(#intelGreen)}.intel-packet{fill:#7bd8ff;filter:drop-shadow(0 0 12px rgba(123,216,255,.6))}.intel-packet.good{fill:#31d39b;filter:drop-shadow(0 0 13px rgba(49,211,155,.65))}@keyframes intelDash{to{stroke-dashoffset:-52}}
.dp-intel2-left,.dp-intel2-center,.dp-intel2-right{position:relative;z-index:2}.dp-intel2-label{display:flex;align-items:center;gap:9px;color:#8ea2c4;font-size:9px;font-weight:900;letter-spacing:.14em}.dp-intel2-label span{width:24px;height:24px;border-radius:8px;background:rgba(82,113,255,.14);color:#a9b8ff;display:grid;place-items:center;font-size:8px;letter-spacing:0}
.dp-intel2-left{padding:18px;border-radius:26px;border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.035)}.dp-intel2-mapbox{position:relative;height:485px;margin-top:18px;border-radius:22px;background:linear-gradient(180deg,rgba(8,18,35,.94),rgba(6,14,28,.98));border:1px solid rgba(255,255,255,.06);overflow:hidden}.dp-intel2-mapbox::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(151,171,236,.13) .8px,transparent .85px);background-size:24px 24px;opacity:.46;mask-image:radial-gradient(circle at 50% 50%,#000 25%,transparent 80%)}.dp-map-glow{position:absolute;left:50%;top:50%;width:270px;height:270px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(82,113,255,.18),transparent 68%)}
.dp-intel2-map,.dp-intel2-map-lines{position:absolute;left:50%;top:51%;width:300px;height:366px;transform:translate(-50%,-50%);z-index:2}.dp-intel2-map-lines{z-index:1}.dp-intel2-india{fill:rgba(241,245,255,.07);stroke:#8ea3d7;stroke-width:2.2;stroke-linejoin:round;filter:drop-shadow(0 14px 24px rgba(36,66,156,.28))}.map-node{fill:#718aff;stroke:#dbe5ff;stroke-width:2.2;filter:drop-shadow(0 0 12px rgba(91,121,255,.66))}.dp-intel2-map-lines path{fill:none;stroke:#6f86ff;stroke-width:2;stroke-dasharray:5 8;opacity:.74}.map-packet{fill:#7bd8ff;filter:drop-shadow(0 0 10px rgba(123,216,255,.7))}.map-core-dot{position:absolute;left:46.2%;top:54.7%;width:16px;height:16px;border-radius:50%;background:#31d39b;border:2px solid #cbf6e8;box-shadow:0 0 0 8px rgba(49,211,155,.13),0 0 20px rgba(49,211,155,.6);z-index:4}
.state-label{position:absolute;z-index:4;min-width:112px;padding:9px 10px;border-radius:13px;border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.055);backdrop-filter:blur(8px)}.state-label b{display:block;color:#fff;font-size:10px}.state-label span{display:block;margin-top:3px;color:#91a3c0;font-size:8px}.sl-delhi{left:10px;top:58px}.sl-jaipur{left:10px;top:128px}.sl-mumbai{left:10px;bottom:124px}.sl-bengaluru{left:26px;bottom:44px}.sl-kolkata{right:10px;top:94px}.sl-hyderabad{right:10px;bottom:114px}
.dp-intel2-note{display:flex;align-items:flex-start;gap:10px;margin-top:14px;padding:13px 14px;border-radius:16px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.055)}.dp-intel2-note i{width:9px;height:9px;border-radius:50%;background:#31d39b;box-shadow:0 0 0 6px rgba(49,211,155,.12);margin-top:3px;flex:0 0 auto}.dp-intel2-note b{display:block;color:#fff;font-size:11px}.dp-intel2-note span{display:block;margin-top:3px;color:#93a5c2;font-size:9px;line-height:1.45}
.dp-intel2-center{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:18px}.dp-intel2-center .dp-intel2-label{align-self:flex-start}.dp-intel2-engine{position:relative;width:210px;height:210px;margin-top:135px}.engine-ring{position:absolute;border-radius:50%;border:1px solid rgba(119,142,255,.22)}.ring-one{inset:-22px;animation:spinIntel 12s linear infinite}.ring-two{inset:-46px;border-style:dashed;animation:spinIntel 20s linear infinite reverse}.engine-orb{position:relative;width:100%;height:100%;border-radius:50%;background:radial-gradient(circle at 35% 28%,#8197ff,#607aff 46%,#304dd4 100%);box-shadow:0 30px 75px rgba(76,105,255,.32),inset 0 1px 0 rgba(255,255,255,.32);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#fff;padding:22px}.engine-orb img{width:38px;height:44px;filter:brightness(0) invert(1);margin-bottom:6px}.engine-orb small{font-size:8px;font-weight:900;letter-spacing:.16em;opacity:.75}.engine-orb strong{margin-top:4px;font-size:21px;letter-spacing:-.03em}.engine-orb span{margin-top:7px;color:#dce4ff;font-size:10px;line-height:1.4;max-width:155px}.engine-orb>b{position:absolute;bottom:-15px;padding:6px 9px;border-radius:999px;background:#fff;color:#2845bd;font-size:9px;letter-spacing:.12em}.engine-orb>b i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#31d39b;margin-right:5px;box-shadow:0 0 0 4px rgba(49,211,155,.13)}@keyframes spinIntel{to{transform:rotate(360deg)}}.dp-intel2-status{margin-top:42px;padding:10px 12px;border-radius:999px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.06);color:#98aac6;font-size:9px;text-align:center}
.dp-intel2-right{padding:18px;border-radius:26px;border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.035)}.store-source{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 13px;margin-top:10px;border-radius:15px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.07)}.store-source:first-of-type{margin-top:18px}.store-source small{display:block;color:#8ea1be;font-size:7px;font-weight:900;letter-spacing:.12em}.store-source strong{display:block;margin-top:3px;color:#fff;font-size:12px}.store-source span{display:block;margin-top:3px;color:#8fa2bf;font-size:9px}.store-source>b{padding:6px 8px;border-radius:999px;background:rgba(82,113,255,.14);color:#dbe3ff;font-size:8px}
.validation-rail{position:relative;margin-top:18px;padding-left:16px}.validation-rail::before{content:"";position:absolute;left:23px;top:16px;bottom:16px;width:1px;background:linear-gradient(#6f86ff,#31d39b)}.validation-step{position:relative;display:grid;grid-template-columns:30px 1fr 8px;gap:10px;align-items:center;padding:9px 10px;margin-bottom:8px;border-radius:14px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.06)}.validation-step>i{width:30px;height:30px;border-radius:10px;background:rgba(82,113,255,.14);display:grid;place-items:center;color:#a8b7ff;font-style:normal;font-weight:900;z-index:2}.validation-step small{display:block;color:#8799b5;font-size:7px;font-weight:900;letter-spacing:.11em}.validation-step strong{display:block;margin-top:2px;color:#fff;font-size:10px}.validation-step>b{width:7px;height:7px;border-radius:50%;background:#31d39b;box-shadow:0 0 0 5px rgba(49,211,155,.1)}
.order-output{display:grid;grid-template-columns:44px 1fr;gap:12px;align-items:center;margin-top:14px;padding:14px;border-radius:18px;background:rgba(22,68,49,.55);border:1px solid rgba(49,211,155,.18)}.order-output>span{width:44px;height:44px;border-radius:14px;background:rgba(49,211,155,.14);display:grid;place-items:center}.order-output svg{width:22px;height:22px;fill:none;stroke:#31d39b;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.order-output small{display:block;color:#82a79a;font-size:7px;font-weight:900;letter-spacing:.12em}.order-output strong{display:block;margin-top:3px;color:#fff;font-size:14px}.order-output em{display:block;margin-top:3px;color:#a8c6bb;font-size:9px;font-style:normal}
.dp-intel2-summary{display:flex;justify-content:center;align-items:center;gap:18px;margin-top:26px;color:#fff}.dp-intel2-summary>div{text-align:center}.dp-intel2-summary span{display:block;color:#7f91ad;font-size:9px;font-weight:800;letter-spacing:.11em;text-transform:uppercase}.dp-intel2-summary strong{display:block;margin-top:4px;font-size:13px}.dp-intel2-summary>i{width:1px;height:34px;background:linear-gradient(transparent,rgba(255,255,255,.15),transparent)}
@media(max-width:1180px){.dp-intel2-stage{grid-template-columns:370px 220px 1fr;gap:20px;padding:24px}.dp-intel2-mapbox{height:455px}.dp-intel2-engine{width:185px;height:185px}.engine-orb strong{font-size:19px}.engine-orb span{font-size:9px}.dp-intel2-routes{opacity:.6}}
@media(max-width:960px){.dp-intel2-stage{grid-template-columns:1fr;min-height:auto}.dp-intel2-routes{display:none}.dp-intel2-left,.dp-intel2-right{padding:16px}.dp-intel2-center{padding:10px 0 20px}.dp-intel2-engine{margin-top:46px}.dp-intel2-status{margin-top:36px}.dp-intel2-mapbox{height:500px}.dp-intel2-summary{flex-direction:column}.dp-intel2-summary>i{width:34px;height:1px}.store-source:first-of-type{margin-top:14px}}
@media(max-width:620px){.dp-intel2{padding:88px 0 72px}.dp-intel2-head{text-align:left}.dp-intel2-head h2{font-size:36px}.dp-intel2-head p{font-size:14px}.dp-intel2-stage{padding:14px;border-radius:24px}.dp-intel2-mapbox{height:520px}.dp-intel2-map,.dp-intel2-map-lines{width:270px;height:330px}.state-label{min-width:104px;padding:8px 9px}.state-label b{font-size:9px}.state-label span{font-size:7.5px}.sl-delhi{left:7px}.sl-jaipur{left:7px}.sl-mumbai{left:7px}.sl-bengaluru{left:16px}.sl-kolkata{right:7px}.sl-hyderabad{right:7px}.dp-intel2-engine{width:170px;height:170px}.engine-orb strong{font-size:18px}.order-output{grid-template-columns:40px 1fr}.order-output>span{width:40px;height:40px}.dp-intel2-label{font-size:8px}}
@media(prefers-reduced-motion:reduce){.intel-path,.intel-packet,.dp-intel2-map-lines path,.map-packet,.engine-ring{animation:none!important}}

.store-source,.validation-step,.order-output{transition:transform .35s ease,border-color .35s ease,background .35s ease,box-shadow .35s ease}.store-source.pulse{transform:translateX(-4px);border-color:rgba(111,134,255,.26);box-shadow:0 12px 28px rgba(68,91,203,.12)}.validation-step.active{border-color:rgba(49,211,155,.24);background:rgba(49,211,155,.07);transform:translateX(3px)}.validation-step.active>b{box-shadow:0 0 0 6px rgba(49,211,155,.13),0 0 14px rgba(49,211,155,.38)}.order-output{opacity:.55}.order-output.active{opacity:1;transform:translateY(-3px);box-shadow:0 16px 38px rgba(19,92,65,.18)}


/* ============================================================
   v25 — reorganized India intelligence section
   ============================================================ */
.dp-intel2{padding:118px 0 96px;background:linear-gradient(180deg,#07101f 0%,#081426 82%,#eef3fb 100%)}
.dp-intel2-head{max-width:980px;margin:0 auto 48px;text-align:center}
.dp-intel2-head h2{font-size:clamp(40px,4.1vw,58px);line-height:1.04;max-width:900px;margin-left:auto;margin-right:auto}
.dp-intel2-head p{max-width:840px;font-size:18px;color:#97a9c6}
.dp-intel2-stage{grid-template-columns:minmax(0,1.12fr) minmax(0,.84fr) minmax(0,1.06fr);gap:40px;min-height:720px;padding:32px 34px;border-radius:36px;background:linear-gradient(180deg,rgba(10,22,42,.97),rgba(7,16,31,.985));box-shadow:0 34px 90px rgba(4,10,22,.34), inset 0 1px 0 rgba(255,255,255,.04)}
.dp-intel2-stage::before{opacity:.38;mask-image:radial-gradient(ellipse at 50% 48%,#000 30%,transparent 78%)}
.dp-intel2-stage::after{content:"";position:absolute;top:96px;bottom:32px;left:calc(34px + 35.8%);width:1px;background:linear-gradient(180deg,rgba(255,255,255,0),rgba(255,255,255,.09),rgba(255,255,255,0));box-shadow:250px 0 0 rgba(255,255,255,.06)}
.dp-intel2-routes{opacity:.9}
.dp-intel2-left,.dp-intel2-center,.dp-intel2-right{padding:0;border:none;background:none;border-radius:0}
.dp-intel2-label{font-size:10px;letter-spacing:.16em;color:#95a9cc}
.dp-intel2-label span{width:26px;height:26px;border-radius:9px;background:rgba(82,113,255,.16);color:#afbcff;font-size:8px;box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}

/* LEFT */
.dp-intel2-left{display:flex;flex-direction:column}
.dp-intel2-mapbox{height:510px;margin-top:18px;border-radius:28px;background:linear-gradient(180deg,rgba(6,16,31,.92),rgba(5,12,25,.98));border:1px solid rgba(255,255,255,.06);box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 18px 50px rgba(3,9,22,.16)}
.dp-intel2-mapbox::before{opacity:.34;mask-image:radial-gradient(circle at 47% 50%,#000 34%,transparent 78%)}
.dp-map-glow{width:292px;height:292px;background:radial-gradient(circle,rgba(82,113,255,.22),transparent 68%)}
.dp-intel2-map,.dp-intel2-map-lines{width:308px;height:376px;top:51%}
.dp-intel2-india{stroke:#a3b4e8;stroke-width:2.5;fill:rgba(255,255,255,.04)}
.dp-map-core-dot{display:none}
.map-core-dot{left:47%;top:55.2%;width:18px;height:18px}
.state-label{min-width:124px;padding:10px 12px;border-radius:15px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);box-shadow:0 16px 40px rgba(4,10,22,.18)}
.state-label b{font-size:11px;letter-spacing:-.01em}.state-label span{font-size:8.5px;color:#94a7c4}
.sl-delhi{left:12px;top:56px}.sl-jaipur{left:12px;top:132px}.sl-mumbai{left:12px;bottom:132px}.sl-bengaluru{left:12px;bottom:50px}.sl-kolkata{right:12px;top:98px}.sl-hyderabad{right:12px;bottom:118px}
.dp-intel2-note{margin-top:16px;padding:16px 16px;border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.03));border:1px solid rgba(255,255,255,.06)}
.dp-intel2-note b{font-size:12px}.dp-intel2-note span{font-size:10px;line-height:1.55}

/* CENTER */
.dp-intel2-center{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:0}
.dp-intel2-center .dp-intel2-label{align-self:flex-start}
.dp-intel2-engine{width:234px;height:234px;margin-top:172px}
.engine-ring{border-color:rgba(119,142,255,.2)}.ring-one{inset:-24px}.ring-two{inset:-50px}
.engine-orb{padding:24px;box-shadow:0 34px 80px rgba(76,105,255,.3), inset 0 1px 0 rgba(255,255,255,.32)}
.engine-orb img{width:42px;height:48px}.engine-orb strong{font-size:22px}.engine-orb span{font-size:10.5px;max-width:164px}.engine-orb>b{bottom:-18px;padding:7px 12px;font-size:10px}
.dp-intel2-status{margin-top:58px;padding:11px 14px;font-size:10px;color:#9fb2d1;background:rgba(255,255,255,.045)}

/* RIGHT */
.dp-intel2-right{display:flex;flex-direction:column}
.store-source{padding:14px 14px;border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.038));border:1px solid rgba(118,137,198,.24);box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.store-source:first-of-type{margin-top:18px}.store-source+ .store-source{margin-top:12px}
.store-source small{font-size:8px;letter-spacing:.13em}.store-source strong{font-size:13px}.store-source span{font-size:9.5px}.store-source>b{font-size:8px;padding:7px 9px}
.validation-rail{margin-top:20px;padding-left:0}.validation-rail::before{left:16px;top:22px;bottom:22px;background:linear-gradient(180deg,rgba(111,134,255,.55),rgba(49,211,155,.85))}
.validation-step{grid-template-columns:36px 1fr 10px;gap:12px;padding:12px 14px 12px 18px;margin-bottom:10px;border-radius:16px;background:linear-gradient(180deg,rgba(9,29,42,.84),rgba(8,27,40,.86));border:1px solid rgba(61,210,161,.24);box-shadow:inset 0 1px 0 rgba(255,255,255,.03)}
.validation-step>i{width:36px;height:36px;border-radius:12px;background:rgba(82,113,255,.18);font-size:17px}
.validation-step small{font-size:7.5px;letter-spacing:.14em}.validation-step strong{font-size:12px}.validation-step>b{width:9px;height:9px;box-shadow:0 0 0 6px rgba(49,211,155,.12)}
.order-output{grid-template-columns:48px 1fr;gap:14px;margin-top:16px;padding:16px;border-radius:20px;background:linear-gradient(180deg,rgba(18,73,55,.58),rgba(11,49,38,.68));border:1px solid rgba(49,211,155,.2);box-shadow:0 18px 40px rgba(4,16,13,.15)}
.order-output>span{width:48px;height:48px;border-radius:15px}.order-output strong{font-size:16px}.order-output em{font-size:10px}

/* animated emphasis */
.store-source.pulse{border-color:rgba(111,134,255,.4);box-shadow:0 0 0 1px rgba(111,134,255,.12),0 0 22px rgba(82,113,255,.14)}
.validation-step.active{background:linear-gradient(180deg,rgba(8,36,44,.94),rgba(10,45,54,.88));border-color:rgba(49,211,155,.34)}
.order-output.active{box-shadow:0 0 0 1px rgba(49,211,155,.14),0 0 30px rgba(49,211,155,.14)}

/* summary */
.dp-intel2-summary{margin-top:28px;gap:20px}.dp-intel2-summary span{font-size:10px}.dp-intel2-summary strong{font-size:14px}

@media(max-width:1180px){
  .dp-intel2-stage{grid-template-columns:minmax(0,1fr) 220px minmax(0,1fr);gap:28px;padding:28px}.dp-intel2-stage::after{left:calc(28px + 36.5%);box-shadow:220px 0 0 rgba(255,255,255,.06)}.dp-intel2-engine{width:210px;height:210px;margin-top:180px}.dp-intel2-mapbox{height:490px}.dp-intel2-map,.dp-intel2-map-lines{width:286px;height:350px}
}
@media(max-width:960px){
  .dp-intel2-stage{grid-template-columns:1fr;gap:28px;padding:20px;min-height:auto}.dp-intel2-stage::after{display:none}.dp-intel2-left,.dp-intel2-center,.dp-intel2-right{padding:18px;border-radius:24px;border:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.03)}.dp-intel2-engine{margin-top:56px}.dp-intel2-mapbox{height:520px}.validation-rail{padding-left:0}
}
@media(max-width:620px){
  .dp-intel2-head h2{font-size:34px}.dp-intel2-head p{font-size:14px}.dp-intel2-stage{padding:14px;border-radius:26px}.dp-intel2-left,.dp-intel2-center,.dp-intel2-right{padding:14px;border-radius:20px}.dp-intel2-mapbox{height:520px;border-radius:22px}.dp-intel2-map,.dp-intel2-map-lines{width:270px;height:330px}.state-label{min-width:106px;padding:8px 9px}.state-label b{font-size:9px}.state-label span{font-size:7.5px}.sl-delhi{left:8px}.sl-jaipur{left:8px}.sl-mumbai{left:8px}.sl-bengaluru{left:8px;bottom:42px}.sl-kolkata{right:8px}.sl-hyderabad{right:8px}.dp-intel2-engine{width:178px;height:178px;margin-top:42px}.engine-orb strong{font-size:18px}.dp-intel2-status{margin-top:36px;font-size:9px}.store-source strong{font-size:12px}.validation-step strong{font-size:11px}
}