.page-ecommerce-development{overflow-x:hidden;background:#fff}
.ecom-hero{position:relative;isolation:isolate;overflow:hidden;min-height:min(760px,92vh);padding-block:clamp(68px,7.2vw,108px) clamp(48px,5.8vw,86px);display:flex;align-items:center;background:#f8f8f8}
.ecom-hero__backdrop{position:absolute;inset:0;z-index:-3;overflow:hidden;pointer-events:none;background:#f8f8f8 url('../images/ecommerce-development/ecommerce-hero-fallback.webp') center/cover no-repeat}
.ecom-hero__bg-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.92) brightness(1.08);opacity:.78}
.ecom-hero__wash{position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.94) 0%,rgba(255,255,255,.88) 30%,rgba(255,255,255,.48) 56%,rgba(246,239,255,.20) 100%),linear-gradient(180deg,rgba(255,255,255,.22),rgba(255,255,255,.08));backdrop-filter:blur(.2px)}
.ecom-hero__inner{position:relative;z-index:1;display:grid;grid-template-columns:minmax(390px,.82fr) minmax(560px,1.28fr);gap:clamp(34px,4vw,72px);align-items:center}
.ecom-hero__copy{position:relative;z-index:4;max-width:610px}
.ecom-hero__copy .eyebrow{margin-bottom:12px}
.ecom-hero__copy h1{font-size:var(--dp-hero-h1);line-height:.88;letter-spacing:-.025em;max-width:10.7ch;margin:0;text-wrap:balance}
.ecom-hero__lead{max-width:46ch;margin-top:18px;color:var(--dp-muted);font-size:clamp(.98rem,1.2vw,1.12rem);line-height:1.58}
.ecom-hero__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
.ecom-hero__proof{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:30px;padding-top:22px;border-top:1px solid rgba(32,24,45,.09)}
.ecom-proof{display:grid;grid-template-columns:36px 1fr;gap:9px;align-items:center;min-width:0}
.ecom-proof__icon{width:36px;height:36px;display:grid;place-items:center;border-radius:11px;background:linear-gradient(180deg,#f8f8f8,#f5f5f5);border:1px solid rgba(23,19,29,.10);box-shadow:0 9px 20px rgba(76,39,128,.08)}
.ecom-proof__icon svg{width:18px;height:18px;fill:none;stroke:var(--dp-purple);stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.ecom-proof strong,.ecom-proof small{display:block;line-height:1.12}.ecom-proof strong{font-size:.76rem;color:#18121f}.ecom-proof small{margin-top:3px;color:#756c80;font-size:.68rem}
.ecom-hero__visual{position:relative;z-index:2;justify-self:end;width:min(100%,840px);transform:translateX(clamp(8px,2vw,26px));filter:drop-shadow(0 34px 42px rgba(65,35,105,.16));animation:ecomVisualFloat 7s ease-in-out infinite}
.ecom-hero__visual::before{content:"";position:absolute;inset:10% 5% 0 12%;z-index:-1;border-radius:50%;background:radial-gradient(circle,transparent,transparent 42%,transparent 72%);filter:blur(26px)}
.ecom-hero__visual img{display:block;width:100%;height:auto;object-fit:contain}
@keyframes ecomVisualFloat{0%,100%{transform:translateX(clamp(8px,2vw,26px)) translateY(0)}50%{transform:translateX(clamp(8px,2vw,26px)) translateY(-8px)}}
@media(max-width:1180px){.ecom-hero{min-height:auto}.ecom-hero__inner{grid-template-columns:minmax(330px,.82fr) minmax(470px,1.18fr);gap:26px}.ecom-hero__visual{width:min(100%,710px)}.ecom-hero__proof{gap:11px}.ecom-proof{grid-template-columns:32px 1fr}.ecom-proof__icon{width:32px;height:32px}}
@media(max-width:920px){.ecom-hero{padding-block:clamp(64px,9vw,88px) 58px}.ecom-hero__wash{background:linear-gradient(180deg,rgba(255,255,255,.92) 0%,rgba(255,255,255,.80) 46%,rgba(248,244,255,.56) 100%)}.ecom-hero__inner{grid-template-columns:1fr;text-align:center}.ecom-hero__copy{max-width:720px;margin-inline:auto}.ecom-hero__copy h1{max-width:11ch;margin-inline:auto}.ecom-hero__lead{margin-inline:auto}.ecom-hero__actions{justify-content:center}.ecom-hero__proof{max-width:650px;margin-inline:auto;margin-top:26px;text-align:left}.ecom-hero__visual{justify-self:center;width:min(92vw,760px);transform:none;margin-top:8px}.ecom-hero__visual::before{inset:4% 10% 0}.ecom-hero__bg-video{object-position:66% center}@keyframes ecomVisualFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}}
@media(max-width:680px){.ecom-hero{padding-block:58px 44px}.ecom-hero__copy .eyebrow{margin-bottom:10px}.ecom-hero__copy h1{line-height:.92}.ecom-hero__lead{margin-top:15px;font-size:.96rem}.ecom-hero__actions{margin-top:20px;gap:10px}.ecom-hero__actions .btn{width:100%;justify-content:center}.ecom-hero__proof{grid-template-columns:1fr;gap:10px;padding-top:18px}.ecom-proof{max-width:250px;margin-inline:auto;width:100%}.ecom-hero__visual{width:100%;max-width:760px;margin-left:0;margin-top:2px}.ecom-hero__bg-video{opacity:.58}}
@media(max-width:440px){.ecom-hero{padding-block:52px 38px}.ecom-hero__visual{width:100%;margin-left:0}.ecom-hero__proof{margin-top:22px}}
@media(prefers-reduced-motion:reduce){.ecom-hero__visual{animation:none!important}.ecom-hero__bg-video{display:none}}

/* Commerce experience / What We Build */
/* Commerce experience / What We Build */
.ecom-build{position:relative;overflow:hidden;background:#fff;color:var(--dp-black)}
.ecom-build::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 76% 32%,transparent,transparent 26%),radial-gradient(circle at 90% 82%,rgba(168,121,239,.06),transparent 24%),linear-gradient(180deg,#fff 0%,#fdfbff 100%)}
.ecom-build__shell{position:relative;z-index:1;display:grid;grid-template-columns:minmax(330px,.72fr) minmax(680px,1.38fr);gap:clamp(44px,5.4vw,92px);align-items:center}
.ecom-build__copy{max-width:550px;transition:opacity 280ms ease,transform 520ms var(--dp-ease-premium),filter 320ms ease}
.ecom-build__copy.is-changing{opacity:.18;transform:translateY(8px);filter:blur(2px)}
.ecom-build__copy .eyebrow{margin-bottom:14px}
.ecom-build__copy h2{max-width:9ch;margin:0}
.ecom-build__intro{margin-top:22px;max-width:50ch;color:var(--dp-muted);font-size:clamp(1rem,1.14vw,1.12rem);line-height:1.68}
.ecom-build__benefits{display:grid;gap:18px;margin-top:38px}
.ecom-build__benefit{position:relative;display:grid;grid-template-columns:60px 1fr;gap:18px;align-items:center;padding:15px 16px 15px 12px;border-radius:20px;border:1px solid transparent;transition:transform 360ms var(--dp-ease-premium),border-color 320ms ease,background 320ms ease,box-shadow 320ms ease}
.ecom-build__benefit::after{content:"";position:absolute;left:29px;top:66px;width:1px;height:18px;background:linear-gradient(180deg,rgba(112,40,223,.24),transparent)}
.ecom-build__benefit:last-child::after{display:none}
.ecom-build__benefit:hover{transform:translateX(6px);border-color:rgba(23,19,29,.10);background:linear-gradient(90deg,rgba(248,244,255,.78),rgba(255,255,255,.58));box-shadow:0 16px 38px rgba(62,35,93,.07)}
.ecom-build__benefit-icon{position:relative;width:60px;height:60px;display:grid;place-items:center;border-radius:18px;background:linear-gradient(145deg,#fff,#f6f6f6);border:1px solid rgba(23,19,29,.10);box-shadow:0 14px 30px rgba(86,42,136,.10),inset 0 1px 0 rgba(255,255,255,.9);overflow:hidden;transition:transform 360ms var(--dp-ease-premium),box-shadow 320ms ease}
.ecom-build__benefit-icon::before{content:"";position:absolute;inset:-45%;background:conic-gradient(from 180deg,transparent,transparent,transparent 35%);animation:ecomIconOrbit 5s linear infinite}
.ecom-build__benefit-icon svg{position:relative;z-index:1;width:27px;height:27px;fill:none;stroke:var(--dp-purple);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.ecom-build__benefit:hover .ecom-build__benefit-icon{transform:translateY(-2px) rotate(-2deg);box-shadow:0 18px 34px rgba(86,42,136,.14),0 0 0 6px rgba(20,10,35,0.035)}
.ecom-build__benefit h3{display:inline-block;margin:0 0 7px;font-family:"Barlow Condensed",Arial,sans-serif;font-size:clamp(1.45rem,1.7vw,1.8rem);font-weight:500;line-height:.98;letter-spacing:-.01em;text-transform:uppercase;color:var(--dp-black)}
.ecom-build__benefit h3 .dp-title-accent{font-weight:700}
.ecom-build__benefit p{margin:0;max-width:33ch;color:var(--dp-muted);font-size:.9rem;line-height:1.55}
.ecom-build__actions{display:flex;align-items:center;margin-top:38px}
.ecom-build__actions .btn{min-width:238px}

.ecom-build__experience{min-width:0;position:relative}
.ecom-build__tabs-wrap{position:relative;z-index:8;width:calc(100% - 18px);margin:0 0 30px 18px;padding:5px;border-radius:18px;background:rgba(255,255,255,.94);border:1px solid rgba(44,28,62,.08);box-shadow:0 16px 40px rgba(45,27,71,.07);backdrop-filter:blur(16px)}
.ecom-build__tabs{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:5px;position:relative}
.ecom-build__tab{appearance:none;border:0;background:transparent;border-radius:14px;min-height:50px;padding:0 14px;display:flex;align-items:center;justify-content:center;font:700 clamp(.68rem,.71vw,.78rem)/1 var(--dp-body-font);letter-spacing:-.012em;color:#3f3747;white-space:nowrap;cursor:pointer;transition:transform 280ms var(--dp-ease-premium),color 260ms ease,background 260ms ease,box-shadow 300ms ease}
.ecom-build__tab:hover{transform:translateY(-2px);background:#f7f7f7;color:var(--dp-purple)}
.ecom-build__tab.is-active{color:#fff;background:linear-gradient(135deg,#7028df 0%,#4c149f 100%);box-shadow:0 12px 26px rgba(112,40,223,.24)}

.ecom-build__stage{position:relative;min-height:630px;display:grid;place-items:center;isolation:isolate;overflow:visible}
.ecom-build__stage::before{content:"";position:absolute;inset:5% 3% 2% 6%;z-index:-4;border-radius:52px;background:linear-gradient(145deg,rgba(251,248,255,.94),rgba(244,237,255,.52) 48%,rgba(255,255,255,.82));border:1px solid rgba(23,19,29,.10);box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 32px 80px rgba(52,32,76,.06);transform:rotate(-1.2deg)}
.ecom-build__stage::after{content:"";position:absolute;inset:11% 8% 10% 12%;z-index:-3;border-radius:50%;background:radial-gradient(circle at 56% 46%,rgba(255,255,255,.96) 0 31%,rgba(239,226,255,.58) 53%,transparent 68%,transparent 74%);filter:blur(.2px)}
.ecom-build__ambient{position:absolute;inset:5% 2% 3% 6%;z-index:-2;pointer-events:none;overflow:hidden;border-radius:48px}
.ecom-build__ring{position:absolute;border:1px solid rgba(23,19,29,.10);border-radius:50%;animation:ecomRingFloat 9s ease-in-out infinite}
.ecom-build__ring--one{width:72%;aspect-ratio:1;right:1%;top:2%;transform:rotate(-18deg)}
.ecom-build__ring--two{width:59%;aspect-ratio:1;right:13%;top:14%;border-color:rgba(23,19,29,.10);animation-delay:-2s}
.ecom-build__ring--three{width:86%;height:46%;right:-8%;top:34%;border-radius:50%;transform:rotate(9deg);border-color:rgba(167,119,239,.12);animation-delay:-4s}
.ecom-build__node{position:absolute;width:12px;height:12px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,#b98dff 36%,#7028df 76%);box-shadow:0 0 0 6px rgba(20,10,35,0.055),0 8px 24px rgba(112,40,223,.22);animation:ecomNodePulse 3.6s ease-in-out infinite}
.ecom-build__node--one{right:13%;top:14%}.ecom-build__node--two{right:5%;bottom:20%;animation-delay:-1.3s}.ecom-build__node--three{left:17%;bottom:13%;animation-delay:-2.2s}
.ecom-build__visual-panel{position:relative;width:min(100%,780px);min-height:545px;display:grid;place-items:center;border-radius:40px;background:linear-gradient(145deg,rgba(255,255,255,.66),rgba(251,247,255,.40));border:1px solid rgba(23,19,29,.10);box-shadow:0 26px 70px rgba(55,36,78,.07),inset 0 1px 0 rgba(255,255,255,.94);backdrop-filter:blur(8px);overflow:visible}
.ecom-build__visual-panel::before{content:"";position:absolute;inset:8% 12%;border-radius:50%;background:radial-gradient(circle,transparent,transparent 48%,transparent 72%);filter:blur(18px);animation:ecomAura 6.8s ease-in-out infinite}
.ecom-build__visual-wrap{width:min(96%,750px);margin:0;position:relative;z-index:2;transform:translateY(4px);transition:transform 520ms var(--dp-ease-premium)}
.ecom-build__visual{display:block;width:100%;height:auto;max-height:520px;object-fit:contain;filter:drop-shadow(0 34px 42px rgba(48,34,63,.14));opacity:1;transform:translateY(0) scale(1);transition:opacity 300ms ease,transform 600ms var(--dp-ease-premium),filter 420ms ease}
.ecom-build__visual.is-changing{opacity:0;transform:translateY(16px) scale(.965);filter:drop-shadow(0 20px 24px rgba(48,34,63,.08)) blur(1px)}
.ecom-build__stage:hover .ecom-build__visual-wrap{transform:translateY(-2px)}
.ecom-build__stage:hover .ecom-build__visual{filter:drop-shadow(0 38px 48px rgba(68,40,100,.19))}

.ecom-build__callout{position:absolute;z-index:5;display:grid;grid-template-columns:44px minmax(0,1fr);gap:12px;align-items:center;width:min(258px,35%);padding:14px 16px;border-radius:18px;background:rgba(255,255,255,.94);border:1px solid rgba(23,19,29,.10);box-shadow:0 18px 44px rgba(52,34,73,.10);backdrop-filter:blur(16px);transition:opacity 280ms ease,transform 440ms var(--dp-ease-premium),box-shadow 320ms ease}
.ecom-build__callout.is-changing{opacity:0;transform:translateY(8px) scale(.98)}
.ecom-build__callout:hover{box-shadow:0 24px 56px rgba(75,42,109,.14)}
.ecom-build__callout--primary{right:-1%;top:12%}
.ecom-build__callout--secondary{left:36%;bottom:2%}
.ecom-build__callout-icon{width:44px;height:44px;display:grid;place-items:center;color:var(--dp-purple);background:transparent;border:0;box-shadow:none}
.ecom-build__callout-icon svg{display:block;width:21px;height:21px;margin:0;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transform:none}
.ecom-build__callout strong,.ecom-build__callout span{display:block}
.ecom-build__callout strong{font-size:.84rem;line-height:1.15;color:#1c1721}
.ecom-build__callout span:not(.ecom-build__callout-icon){margin-top:5px;color:#756d7e;font-size:.70rem;line-height:1.42}

@keyframes ecomIconOrbit{to{transform:rotate(360deg)}}
@keyframes ecomTabShine{0%,45%{transform:translateX(-75%) rotate(9deg)}70%,100%{transform:translateX(75%) rotate(9deg)}}
@keyframes ecomRingFloat{0%,100%{transform:translateY(0) rotate(-12deg)}50%{transform:translateY(-8px) rotate(-8deg)}}
@keyframes ecomNodePulse{0%,100%{transform:scale(.88);opacity:.72}50%{transform:scale(1.12);opacity:1}}
@keyframes ecomAura{0%,100%{transform:scale(.96);opacity:.72}50%{transform:scale(1.04);opacity:1}}


/* E-commerce integrations */
.ecom-integrations{position:relative;isolation:isolate;overflow:hidden;background:#090711;color:#fff;padding-block:clamp(54px,6.2vw,82px)}
.ecom-integrations__backdrop{position:absolute;inset:0;z-index:-2;pointer-events:none;background:radial-gradient(circle at 61% 30%,rgba(112,40,223,.26),transparent 27%),radial-gradient(circle at 82% 64%,rgba(74,33,132,.22),transparent 28%),linear-gradient(115deg,#0a0810 0%,#0b0813 46%,#100a1d 100%)}
.ecom-integrations__backdrop::before{content:"";position:absolute;inset:0;opacity:.24;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(90deg,transparent 0,#000 26%,#000 100%)}
.ecom-integrations__backdrop::after{content:"";position:absolute;right:-10%;bottom:-54%;width:72%;height:92%;border-radius:50%;border:1px solid rgba(147,91,255,.15);box-shadow:0 0 0 50px rgba(20,10,35,0.028),0 0 0 102px rgba(20,10,35,0.018);transform:rotate(-10deg)}
.ecom-integrations__inner{position:relative;display:grid;grid-template-columns:minmax(340px,.77fr) minmax(600px,1.23fr);gap:clamp(44px,6vw,96px);align-items:center;min-height:clamp(480px,46vw,650px)}
.ecom-integrations__copy{position:relative;z-index:3;max-width:590px}
.ecom-integrations__copy .eyebrow{color:#c8b7e9;margin-bottom:14px}
.ecom-integrations__copy h2{margin:0;max-width:15ch;color:#fff}.ecom-integrations__line{display:block;white-space:normal}
.ecom-integrations__lead{margin-top:20px;max-width:49ch;color:rgba(255,255,255,.70);font-size:clamp(.98rem,1.12vw,1.12rem);line-height:1.68}
.ecom-integrations__actions{margin-top:28px;display:flex}
.ecom-integrations__visual{position:relative;justify-self:end;width:min(100%,860px);display:grid;place-items:center;perspective:1200px}
.ecom-integrations__glow{position:absolute;inset:18% 7% 4% 10%;border-radius:48%;background:radial-gradient(circle,rgba(112,40,223,.28),transparent 45%,transparent 72%);filter:blur(30px);animation:ecomIntegrationGlow 6s ease-in-out infinite}
.ecom-integrations__visual img{position:relative;z-index:2;display:block;width:100%;height:auto;object-fit:contain;filter:drop-shadow(0 34px 46px rgba(0,0,0,.42));transform:translateY(4px) rotateX(1deg);animation:ecomIntegrationFloat 7s ease-in-out infinite;transition:filter 420ms ease,transform 520ms var(--dp-ease-premium)}
.ecom-integrations__visual:hover img{filter:drop-shadow(0 42px 58px rgba(0,0,0,.50));transform:translateY(-4px) scale(1.012)}
@keyframes ecomIntegrationFloat{0%,100%{transform:translateY(4px) rotateX(1deg)}50%{transform:translateY(-7px) rotateX(0deg)}}
@keyframes ecomIntegrationGlow{0%,100%{opacity:.72;transform:scale(.96)}50%{opacity:1;transform:scale(1.04)}}

@media(max-width:1280px){
  .ecom-build__shell{grid-template-columns:minmax(310px,.7fr) minmax(590px,1.3fr);gap:42px}
  .ecom-build__tab{font-size:.72rem;gap:6px;padding-inline:6px}
  .ecom-build__visual-panel{min-height:510px}.ecom-build__stage{min-height:590px}.ecom-build__callout{width:min(224px,34%)}
}
@media(max-width:1080px){
  .ecom-integrations__line{white-space:normal}
  .ecom-integrations__inner{grid-template-columns:1fr;min-height:auto;gap:24px}.ecom-integrations__copy{max-width:760px}.ecom-integrations__copy h2{max-width:16ch}.ecom-integrations__visual{justify-self:center;width:min(94vw,820px);margin-top:-8px}
  .ecom-build__shell{grid-template-columns:1fr;gap:48px}
  .ecom-build__copy{max-width:780px}.ecom-build__copy h2{max-width:none}.ecom-build__intro{max-width:64ch}
  .ecom-build__benefits{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:32px}
  .ecom-build__benefit{grid-template-columns:52px 1fr;padding:14px 12px}.ecom-build__benefit-icon{width:52px;height:52px;border-radius:16px}.ecom-build__benefit::after{display:none}
  .ecom-build__benefit h3{font-size:clamp(1.32rem,2.2vw,1.65rem)}.ecom-build__benefit p{font-size:.84rem}
  .ecom-build__actions{margin-top:30px}
  .ecom-build__tabs-wrap{overflow:hidden}.ecom-build__tabs{overflow-x:auto;display:flex;scrollbar-width:none;padding:2px}.ecom-build__tabs::-webkit-scrollbar{display:none}.ecom-build__tab{flex:0 0 auto;min-width:148px}
  .ecom-build__visual-panel{width:min(94vw,780px)}
}
@media(max-width:760px){
  .ecom-integrations__copy h2{max-width:12ch}.ecom-integrations__lead{font-size:.94rem}.ecom-integrations__actions .btn{width:100%;justify-content:center}.ecom-integrations__visual{width:100%;margin-left:0;margin-top:-12px}
  .ecom-build__benefits{grid-template-columns:1fr;gap:10px}.ecom-build__benefit{grid-template-columns:54px 1fr}.ecom-build__benefit h3{font-size:1.45rem}
  .ecom-build__tabs-wrap{margin-inline:-4px;margin-bottom:20px;border-radius:20px}.ecom-build__tab{min-width:142px;min-height:58px;border-radius:16px;font-size:.73rem}
  .ecom-build__stage{min-height:530px}.ecom-build__visual-panel{min-height:450px;border-radius:30px}.ecom-build__visual-wrap{width:100%;margin-left:0}.ecom-build__visual{max-height:420px}
  .ecom-build__callout{width:190px;padding:12px 13px;grid-template-columns:38px 1fr;gap:9px}.ecom-build__callout-icon{width:38px;height:38px;border-radius:11px}.ecom-build__callout--primary{right:0;top:3%;transform:none}.ecom-build__callout--secondary{left:8%;bottom:0;transform:none}
}
@media(max-width:540px){
  .ecom-integrations__visual{width:100%;margin-left:0}.ecom-integrations__backdrop::after{display:none}
  .ecom-build__copy{max-width:none}.ecom-build__intro{font-size:.94rem}.ecom-build__benefit{padding:12px 8px}.ecom-build__benefit-icon{width:50px;height:50px}.ecom-build__benefit p{font-size:.82rem}
  .ecom-build__tabs-wrap{margin-inline:-8px}.ecom-build__tab{min-width:132px;min-height:56px}
  .ecom-build__stage{min-height:460px;margin-inline:0}.ecom-build__visual-panel{width:100%;min-height:410px;margin-left:0;border-radius:26px}.ecom-build__visual-wrap{width:100%;margin-left:0}.ecom-build__visual{max-height:360px}
  .ecom-build__callout{display:none}.ecom-build__ring--one{width:92%;right:-12%}.ecom-build__ring--two{width:75%;right:0}.ecom-build__node{width:9px;height:9px}
}
@media(prefers-reduced-motion:reduce){
  .ecom-build__benefit-icon::before,.ecom-build__ring,.ecom-build__node,.ecom-build__visual-panel::before{animation:none!important}
  .ecom-build__copy,.ecom-build__benefit,.ecom-build__tab,.ecom-build__visual,.ecom-build__callout,.ecom-integrations__visual img{transition:none!important}
  .ecom-integrations__visual img,.ecom-integrations__glow{animation:none!important}
}



/* Selected ecommerce work — reference composition with global DP controls */
.ecom-selected{position:relative;overflow:hidden;background:#fff;color:var(--dp-black)}
.ecom-selected::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 4%,transparent,transparent 30%),linear-gradient(180deg,#fff 0%,#fdfbff 100%)}
.ecom-selected .container-wide{position:relative;z-index:1}
.ecom-selected__head{text-align:center;max-width:980px;margin:0 auto clamp(32px,3.6vw,46px)}
.ecom-selected__head .eyebrow{margin-bottom:10px}
.ecom-selected__head h2{margin:0 auto;max-width:none;white-space:normal}
.ecom-selected__intro{margin:14px auto 0;max-width:70ch;color:var(--dp-muted);font-size:clamp(.98rem,1.05vw,1.08rem);line-height:1.65}
.ecom-selected__showcase{display:grid;grid-template-columns:minmax(0,1.42fr) minmax(0,.98fr);grid-template-rows:repeat(2,minmax(278px,1fr));gap:16px;height:clamp(590px,40.5vw,688px)}
.ecom-work-card{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(230px,.39fr) minmax(0,.61fr);min-width:0;min-height:0;border:1px solid rgba(74,57,84,.08);border-radius:var(--dp-radius-md);background:linear-gradient(145deg,#f4eeeb 0%,#eee5e3 100%);box-shadow:0 18px 48px rgba(45,29,59,.07);color:inherit;text-decoration:none;isolation:isolate;transition:transform 420ms var(--dp-ease-premium),box-shadow 360ms ease,border-color 360ms ease}
.ecom-work-card:hover,.ecom-work-card:focus-visible{transform:translateY(-4px);border-color:rgba(23,19,29,.10);box-shadow:0 26px 60px rgba(52,35,70,.11);outline:none}
.ecom-work-card--hero{grid-column:1;grid-row:1/3;grid-template-columns:minmax(270px,.40fr) minmax(0,.60fr)}
.ecom-work-card:nth-child(2){grid-column:2;grid-row:1}.ecom-work-card:nth-child(3){grid-column:2;grid-row:2}
.ecom-work-card__copy{position:relative;z-index:3;display:flex;flex-direction:column;justify-content:flex-start;min-width:0;padding:clamp(24px,2vw,34px)}
.ecom-work-card__copy h3{margin:0;font-size:var(--dp-card-title);font-weight:600;line-height:1;white-space:nowrap;color:var(--dp-black)}
.ecom-work-card__tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}
.ecom-work-card__tags span{display:inline-flex;align-items:center;min-height:30px;padding:0 13px;border-radius:999px;background:transparent;color:#5d20b7;font-size:.75rem;font-weight:700;white-space:nowrap}
.ecom-work-card__tags span:nth-child(2){background:rgba(255,255,255,.82);color:#3b3344;border:1px solid rgba(67,52,77,.06)}
.ecom-work-card__copy p{margin:12px 0 0;max-width:31ch;color:var(--dp-muted);font-size:.88rem;line-height:1.55}
.ecom-work-card__details{display:grid;gap:8px;margin-top:15px;max-width:31ch}
.ecom-work-card__details span{position:relative;padding-left:18px;color:#4a4053;font-size:.78rem;font-weight:650;line-height:1.35}
.ecom-work-card__details span::before{content:"";position:absolute;left:0;top:.44em;width:7px;height:7px;border-radius:50%;background:var(--dp-purple);box-shadow:0 0 0 4px rgba(20,10,35,0.090)}
.ecom-work-card__metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:16px;max-width:32ch}
.ecom-work-card__metrics span{display:grid;gap:4px;padding:10px 10px 9px;border-radius:12px;background:rgba(255,255,255,.6);border:1px solid rgba(74,57,84,.06)}
.ecom-work-card__metrics strong{font-size:.84rem;line-height:1;color:#251c2f}.ecom-work-card__metrics small{font-size:.68rem;line-height:1.2;color:#766b82}
.ecom-work-card__button{margin-top:auto;align-self:flex-start;width:max-content}
.ecom-work-card__visual{position:relative;display:flex;align-items:flex-end;justify-content:flex-end;min-width:0;padding:10px 8px 0 0}
.ecom-work-card__visual::after{content:"";position:absolute;right:8%;bottom:4%;width:66%;height:25%;border-radius:50%;background:radial-gradient(circle,rgba(54,33,58,.13),transparent 70%);filter:blur(20px);z-index:0}
.ecom-work-card__visual img{position:relative;z-index:1;width:122%;max-width:none;max-height:96%;object-fit:contain;object-position:right bottom;filter:drop-shadow(0 24px 26px rgba(47,30,53,.14));transition:transform .5s var(--dp-ease-premium)}
.ecom-work-card:hover .ecom-work-card__visual img{transform:translateY(-4px) scale(1.012)}
.ecom-work-card--small{grid-template-columns:minmax(205px,.48fr) minmax(0,.52fr)}
.ecom-work-card--small .ecom-work-card__copy{padding:24px 22px 22px 24px}
.ecom-work-card--small .ecom-work-card__copy p{font-size:.82rem;line-height:1.48;margin-top:9px;max-width:27ch}
.ecom-work-card--small .ecom-work-card__tags{margin-top:9px}
.ecom-work-card--small .ecom-work-card__button{margin-top:auto}
.ecom-work-card--small .ecom-work-card__visual{padding:6px 6px 0 0;min-height:100%}
.ecom-work-card--small .ecom-work-card__visual img{width:132%;max-height:98%}

.ecom-operations{position:relative;overflow:hidden;background:#050507;color:#fff;padding-block:clamp(76px,7vw,112px)}
.ecom-operations::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 35%,rgba(116,52,230,.18),transparent 34%),radial-gradient(ellipse at 10% 50%,rgba(82,34,185,.15),transparent 28%),radial-gradient(ellipse at 91% 52%,rgba(104,45,220,.16),transparent 28%),linear-gradient(180deg,#06050b 0%,#080711 46%,#040408 100%)}
.ecom-operations::after{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(156,104,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(156,104,255,.035) 1px,transparent 1px),radial-gradient(circle at 50% 50%,transparent 0 38%,rgba(105,43,222,.10) 38.2% 38.5%,transparent 38.7% 100%);background-size:48px 48px,48px 48px,100% 100%;mask-image:linear-gradient(to bottom,transparent 0,#000 10%,#000 88%,transparent 100%);opacity:.8}
.ecom-operations__edge{position:absolute;top:-8%;bottom:-18%;width:30vw;pointer-events:none;opacity:.72;filter:blur(18px)}
.ecom-operations__edge--left{left:-16vw;background:radial-gradient(ellipse at 40% 50%,rgba(112,40,223,.34),rgba(49,18,115,.10) 46%,transparent 72%);clip-path:none}
.ecom-operations__edge--right{right:-16vw;background:radial-gradient(ellipse at 60% 50%,rgba(112,40,223,.36),rgba(49,18,115,.10) 46%,transparent 72%);clip-path:none}
.ecom-operations__inner{position:relative;z-index:2}
.ecom-operations__head{text-align:center;max-width:1010px;margin:0 auto clamp(34px,3vw,44px)}
.ecom-operations__head .eyebrow{margin-bottom:12px;color:#c9a9ff}
.ecom-operations__head h2{margin:0 auto;max-width:20ch}
.ecom-operations__intro{margin:15px auto 0;max-width:82ch;color:#c9c3d4;font-size:clamp(.96rem,1.02vw,1.06rem);line-height:1.6}
.ecom-ops-layout{position:relative;display:grid;grid-template-columns:minmax(270px,.86fr) minmax(590px,1.82fr) minmax(270px,.86fr);grid-template-areas:"products dashboard customers" "inventory dashboard payments" "orders shipping analytics";column-gap:clamp(38px,4.2vw,72px);row-gap:30px;align-items:stretch;max-width:1580px;margin:0 auto;padding:0 18px}
.ecom-ops-card{position:relative;z-index:5;min-width:0;padding:18px 18px 16px;border:1px solid rgba(173,135,242,.30);border-radius:16px;background:linear-gradient(145deg,rgba(15,15,24,.995),rgba(8,8,13,.985));box-shadow:0 18px 44px rgba(0,0,0,.36),inset 0 1px 0 rgba(255,255,255,.025);transition:transform .42s var(--dp-ease-premium),box-shadow .36s ease,border-color .36s ease}
.ecom-ops-card:hover{transform:translateY(-4px);box-shadow:0 24px 58px rgba(0,0,0,.42),0 0 0 1px rgba(151,99,255,.08);border-color:rgba(186,149,255,.46)}
.ecom-ops-card--products{grid-area:products}.ecom-ops-card--inventory{grid-area:inventory}.ecom-ops-card--customers{grid-area:customers}.ecom-ops-card--payments{grid-area:payments}
.ecom-ops-card--orders-card{grid-area:orders;margin-top:18px}.ecom-ops-card--shipping{grid-area:shipping;margin-top:18px}.ecom-ops-card--analytics{grid-area:analytics;margin-top:18px}
.ecom-ops-card--orders-card::before,.ecom-ops-card--shipping::before,.ecom-ops-card--analytics::before{content:"";position:absolute;left:50%;top:-49px;width:2px;height:49px;transform:translateX(-50%);background:repeating-linear-gradient(to bottom,#9f59ff 0 9px,transparent 9px 16px);background-size:2px 16px;filter:drop-shadow(0 0 6px rgba(143,73,255,.78));animation:ecomVerticalConnector 1.35s linear infinite;pointer-events:none}
.ecom-ops-card--orders-card::after,.ecom-ops-card--shipping::after,.ecom-ops-card--analytics::after{content:"";position:absolute;left:50%;top:-53px;width:8px;height:8px;border-radius:50%;transform:translateX(-50%);background:#ad6cff;border:1px solid #eeeeee;box-shadow:0 49px 0 #ad6cff,0 0 10px rgba(173,108,255,.95),0 49px 10px rgba(173,108,255,.9);animation:ecomConnectorNode 2s ease-in-out infinite;pointer-events:none}
.ecom-ops-card--shipping::before,.ecom-ops-card--shipping::after{animation-delay:-.45s}.ecom-ops-card--analytics::before,.ecom-ops-card--analytics::after{animation-delay:-.9s}
@keyframes ecomVerticalConnector{to{background-position:0 16px}}
@keyframes ecomConnectorNode{0%,100%{opacity:.72}50%{opacity:1}}
.ecom-ops-card__heading{display:block}
.ecom-ops-icon{display:none}
.ecom-ops-icon svg{width:26px;height:26px;fill:none;stroke:#dcb8ff;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 7px rgba(163,90,255,.5))}
.ecom-ops-card h3{margin:0 0 7px;font-size:var(--dp-card-title);font-weight:600;line-height:1;color:#fff}
.ecom-ops-card p{margin:0;color:#aaa4b6;font-size:.82rem;line-height:1.5}.ecom-ops-card--payments .ecom-ops-brand-grid span{background:#fff;border:1px solid #fff}.ecom-ops-card--payments .ecom-ops-brand-grid img{filter:none;opacity:1}
.ecom-ops-chevron{display:none}
.ecom-ops-products-preview,.ecom-ops-stock-preview,.ecom-ops-customers-preview,.ecom-ops-brand-grid,.ecom-ops-order-flow,.ecom-ops-chart{margin-top:16px;border:1px solid rgba(146,124,183,.16);border-radius:11px;background:#0f0f17}
.ecom-ops-products-preview{display:grid;grid-template-columns:1.55fr .85fr;gap:9px;align-items:center;padding:8px}
.ecom-ops-products-preview>img{width:100%;height:64px;object-fit:cover;object-position:center;border-radius:8px;filter:saturate(.82) brightness(.82)}
.ecom-ops-products-preview>div,.ecom-ops-customers-preview>div:last-child{display:flex;flex-direction:column;align-items:flex-start}
.ecom-ops-products-preview strong,.ecom-ops-customers-preview strong{color:#f7f7f7;font-size:1.05rem;font-weight:650}
.ecom-ops-products-preview span,.ecom-ops-customers-preview span{margin-top:3px;color:#81798c;font-size:.66rem}
.ecom-ops-stock-preview{display:grid;grid-template-columns:repeat(3,1fr);padding:12px 8px}
.ecom-ops-stock-preview span{display:grid;grid-template-columns:8px 1fr;gap:5px;align-items:center;padding:0 7px;border-right:1px solid rgba(255,255,255,.06)}.ecom-ops-stock-preview span:last-child{border-right:0}
.ecom-ops-stock-preview i{width:8px;height:8px;border-radius:50%;box-shadow:0 0 0 4px rgba(255,255,255,.025)}.ecom-ops-stock-preview i.is-green{background:#42d59d}.ecom-ops-stock-preview i.is-amber{background:#f4af32}.ecom-ops-stock-preview i.is-red{background:#f15c5c}
.ecom-ops-stock-preview small{color:#8f8998;font-size:.57rem}.ecom-ops-stock-preview strong{grid-column:1/-1;color:#fff;font-size:.96rem;font-weight:600}
.ecom-ops-dashboard{grid-area:dashboard;position:relative;z-index:6;align-self:stretch;min-height:0;border:1px solid rgba(137,74,246,.75);border-radius:18px;background:#0b0b12;box-shadow:0 0 0 1px rgba(132,64,237,.16),0 0 44px rgba(112,40,223,.22),0 28px 70px rgba(0,0,0,.48);overflow:hidden;transition:transform .5s var(--dp-ease-premium),box-shadow .4s ease}
.ecom-ops-layout:hover .ecom-ops-dashboard{box-shadow:0 0 0 1px rgba(132,64,237,.18),0 0 60px rgba(112,40,223,.28),0 32px 76px rgba(0,0,0,.5)}
.ecom-ops-dashboard__top{height:56px;display:flex;align-items:center;gap:14px;padding:0 18px;border-bottom:1px solid rgba(255,255,255,.07);background:#101019}
.ecom-ops-woo{display:flex;align-items:center;gap:4px;margin-right:auto}.ecom-ops-woo span{padding:4px 6px;border-radius:4px;background:#7d2ff1;color:#fff;font:800 .82rem var(--dp-body-font);transform:skew(-5deg)}.ecom-ops-woo strong{font-size:.74rem;color:#f7f7f7;letter-spacing:.02em}
.ecom-ops-search{width:43%;height:30px;display:flex;align-items:center;gap:7px;padding:0 10px;border:1px solid rgba(255,255,255,.08);border-radius:6px;color:#777184;font-size:.62rem;background:#171722}.ecom-ops-search svg{width:12px;height:12px;fill:none;stroke:#9b91aa;stroke-width:1.7}
.ecom-ops-topicon{color:#9184b0;font-size:.55rem}.ecom-ops-avatar{width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:#2c2540;color:#fff;font-size:.6rem}
.ecom-ops-dashboard__body{display:grid;grid-template-columns:138px minmax(0,1fr);min-height:0;height:calc(100% - 56px)}.ecom-ops-sidebar{display:flex;flex-direction:column;gap:7px;padding:16px 10px;border-right:1px solid rgba(255,255,255,.055);background:#0d0d14}.ecom-ops-sidebar button{appearance:none;width:100%;min-height:30px;display:flex;align-items:center;gap:7px;padding:0 10px;border:0;border-radius:5px;background:transparent;color:#9891a5;font:500 .61rem var(--dp-body-font);text-align:left;white-space:nowrap;cursor:pointer;transition:background .24s ease,color .24s ease,transform .24s var(--dp-ease-premium)}.ecom-ops-sidebar button:hover{background:transparent;color:#fff;transform:translateX(2px)}.ecom-ops-sidebar button.is-active{background:linear-gradient(90deg,rgba(112,40,223,.32),transparent);color:#f1f1f1}.ecom-ops-sidebar button b{margin-left:auto;padding:2px 6px;border-radius:4px;background:#7028df;color:#fff;font-size:.5rem}.ecom-ops-sidebar button>span{width:13px;color:#ad87e8}
.ecom-ops-orders{padding:18px 16px 14px;min-width:0}.ecom-ops-orders__head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.ecom-ops-orders__head h3{margin:0 0 10px;font-size:1.32rem;font-weight:600}.ecom-ops-orders__head>div>div{display:flex;gap:14px;color:#777184;font-size:.56rem;white-space:nowrap}.ecom-ops-orders__head span.is-active{color:#c99dff;border-bottom:1px solid #7e34e7;padding-bottom:8px}.ecom-ops-orders__head button{height:30px;padding:0 12px;border:1px solid rgba(255,255,255,.08);border-radius:6px;background:#11111a;color:#9891a5;font-size:.54rem}
.ecom-ops-table{margin-top:10px;border:1px solid rgba(255,255,255,.08);border-radius:8px;overflow:hidden}.ecom-ops-row{display:grid;grid-template-columns:24px .7fr .9fr 1.25fr .7fr 1fr 36px;align-items:center;gap:6px;min-height:38px;padding:0 10px;border-bottom:1px solid rgba(255,255,255,.055);color:#c5becf;font-size:.56rem}.ecom-ops-row:last-child{border-bottom:0}.ecom-ops-row--labels{color:#8f889b;background:#101019}.ecom-ops-row b{color:#b782ff;font-weight:600}.ecom-ops-row em{width:max-content;padding:4px 7px;border-radius:4px;font-style:normal;font-size:.49rem}.ecom-ops-row em.is-processing{background:#172446;color:#87a8ff}.ecom-ops-row em.is-complete{background:#12322b;color:#78dcb4}.ecom-ops-row em.is-hold{background:#392711;color:#edb965}
.ecom-ops-customers-preview{display:flex;align-items:center;justify-content:space-between;padding:8px 9px}.ecom-ops-faces{display:flex;align-items:center}.ecom-ops-faces img{width:34px;height:34px;object-fit:cover;border:2px solid #0f0f17;border-radius:50%;margin-left:-6px}.ecom-ops-faces img:first-child{margin-left:0}
.ecom-ops-brand-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:8px}.ecom-ops-brand-grid span{height:50px;display:grid;place-items:center;border-radius:9px;background:linear-gradient(180deg,#1b1b29,#14141e);box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 8px 18px rgba(0,0,0,.18)}.ecom-ops-brand-grid img{display:block;width:auto;height:auto;max-width:84%;max-height:30px;object-fit:contain;filter:none;opacity:1}.ecom-ops-brand-grid--shipping span{background:#11111a}.ecom-ops-brand-grid--shipping img{max-width:84%;max-height:26px}
.ecom-ops-order-flow{display:grid;grid-template-columns:repeat(4,1fr);padding:15px 8px 8px;position:relative}.ecom-ops-order-flow::before{content:"";position:absolute;left:12%;right:12%;top:19px;height:2px;background:#40384a}.ecom-ops-order-flow span{position:relative;padding-top:16px;color:#857d90;font-size:.58rem;text-align:center}.ecom-ops-order-flow span::before{content:"";position:absolute;top:-1px;left:50%;width:10px;height:10px;border-radius:50%;background:#5f5967;transform:translateX(-50%);box-shadow:0 0 0 3px #0f0f17}.ecom-ops-order-flow span.is-live::before{background:#b66cff;box-shadow:0 0 10px rgba(182,108,255,.55),0 0 0 3px #0f0f17}
.ecom-ops-order-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:8px}.ecom-ops-order-summary span{display:grid;place-items:center;min-height:30px;border-radius:7px;background:#13131d;border:1px solid rgba(255,255,255,.06);color:#9c94a8;font-size:.56rem;font-weight:650}
.ecom-ops-orders.is-changing{animation:ecomPanelSwap .38s var(--dp-ease-premium)}
.ecom-ops-panel-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:12px}.ecom-ops-panel-grid article{min-height:74px;padding:12px;border:1px solid rgba(255,255,255,.07);border-radius:9px;background:#101019}.ecom-ops-panel-grid strong{display:block;color:#f2f2f2;font-size:.72rem}.ecom-ops-panel-grid span{display:block;margin-top:5px;color:#81798c;font-size:.58rem;line-height:1.4}.ecom-ops-panel-list{display:grid;gap:7px;margin-top:12px}.ecom-ops-panel-list span{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:38px;padding:0 11px;border:1px solid rgba(255,255,255,.065);border-radius:8px;background:#101019;color:#aaa2b6;font-size:.59rem}.ecom-ops-panel-list b{color:#c99dff;font-weight:650}.ecom-ops-panel-empty{margin-top:16px;padding:18px;border:1px dashed rgba(178,132,255,.20);border-radius:10px;background:transparent;color:#aaa2b6;font-size:.63rem;line-height:1.55}
@keyframes ecomPanelSwap{0%{opacity:.35;transform:translateY(8px)}100%{opacity:1;transform:none}}
.ecom-ops-chart{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;padding:8px 9px}.ecom-ops-chart svg{width:100%;height:52px}.ecom-ops-chart>div{display:flex;flex-direction:column;align-items:flex-start}.ecom-ops-chart strong{color:#67e9b9;font-size:1.2rem;line-height:1}.ecom-ops-chart span{margin-top:4px;max-width:76px;color:#8f8998;font-size:.56rem;line-height:1.25}
.ecom-ops-lines{position:absolute;inset:0;z-index:3;width:100%;height:100%;pointer-events:none;overflow:visible}
.ecom-line{fill:none;stroke:rgba(147,78,255,.92);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 7px rgba(126,52,243,.6));stroke-dasharray:10 7;animation:ecomConnectionFlow 3.2s linear infinite}
.ecom-line--inventory{animation-delay:-.45s}.ecom-line--customers{animation-delay:-.9s}.ecom-line--payments{animation-delay:-1.35s}
.ecom-line-nodes circle{fill:#a35eff;stroke:#d7b7ff;stroke-width:1.5;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 8px rgba(159,87,255,.95));animation:ecomNodeGlow 2.2s ease-in-out infinite}
@keyframes ecomConnectionFlow{to{stroke-dashoffset:-68}}
@keyframes ecomNodeGlow{0%,100%{opacity:.72;r:5.2px}50%{opacity:1;r:6.6px}}
.ecom-cta{position:relative;overflow:hidden;background:linear-gradient(180deg,#fff 0%,#f8f8f8 100%);padding-block:var(--dp-section)}
.ecom-cta::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 82% 28%,transparent,transparent 27%),linear-gradient(155deg,transparent 0 43%,transparent 43.2% 43.5%,transparent 43.7%)}
.ecom-cta__shell{position:relative;z-index:1;display:grid;grid-template-columns:minmax(390px,.76fr) minmax(620px,1.24fr);gap:clamp(26px,3vw,50px);align-items:center;padding:0;border-radius:0;background:transparent;border:0;box-shadow:none}
.ecom-cta__copy{max-width:560px}
.ecom-cta__badge{display:none}
.ecom-cta__copy .eyebrow{margin:0 0 8px}
.ecom-cta__copy h2{margin:0;max-width:12ch}
.ecom-cta__lead{margin:15px 0 0;max-width:48ch;color:var(--dp-muted);font-size:clamp(.96rem,1vw,1.06rem);line-height:1.62}
.ecom-cta__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
.ecom-cta__features{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:26px}
.ecom-cta__features article{display:grid;justify-items:center;gap:8px;padding:12px 8px;text-align:center;transition:transform .35s var(--dp-ease-premium)}
.ecom-cta__features article:hover{transform:translateY(-4px)}
.ecom-cta__features article>span{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:transparent;color:var(--dp-purple);animation:ecomFeatureFloat 4.6s ease-in-out infinite}
.ecom-cta__features article:nth-child(2)>span{animation-delay:.25s}.ecom-cta__features article:nth-child(3)>span{animation-delay:.5s}.ecom-cta__features article:nth-child(4)>span{animation-delay:.75s}
.ecom-cta__features svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ecom-cta__features strong{font-size:.76rem;line-height:1.25;color:#21182c}
.ecom-cta__visual{position:relative;min-height:430px;display:flex;align-items:center;justify-content:flex-end;overflow:visible}
.ecom-cta__visual img{display:block;width:min(100%,760px);height:auto;object-fit:contain;filter:drop-shadow(0 34px 40px rgba(64,38,99,.16));animation:ecomCtaFloat 7s ease-in-out infinite}
@keyframes ecomCtaFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@keyframes ecomFeatureFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
@media(max-width:1280px){
  .ecom-build__shell{grid-template-columns:minmax(310px,.7fr) minmax(590px,1.3fr);gap:42px}
  .ecom-build__tab{font-size:.72rem;gap:6px;padding-inline:6px}
  .ecom-build__visual-panel{min-height:510px}.ecom-build__stage{min-height:590px}.ecom-build__callout{width:min(224px,34%)}
}
@media(max-width:1080px){
  .ecom-integrations__inner{grid-template-columns:1fr;min-height:auto;gap:24px}.ecom-integrations__copy{max-width:760px}.ecom-integrations__copy h2{max-width:16ch}.ecom-integrations__visual{justify-self:center;width:min(94vw,820px);margin-top:-8px}
  .ecom-build__shell{grid-template-columns:1fr;gap:48px}
  .ecom-build__copy{max-width:780px}.ecom-build__copy h2{max-width:none}.ecom-build__intro{max-width:64ch}
  .ecom-build__benefits{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:32px}
  .ecom-build__benefit{grid-template-columns:52px 1fr;padding:14px 12px}.ecom-build__benefit-icon{width:52px;height:52px;border-radius:16px}.ecom-build__benefit::after{display:none}
  .ecom-build__benefit h3{font-size:clamp(1.32rem,2.2vw,1.65rem)}.ecom-build__benefit p{font-size:.84rem}
  .ecom-build__actions{margin-top:30px}
  .ecom-build__tabs-wrap{overflow:hidden}.ecom-build__tabs{overflow-x:auto;display:flex;scrollbar-width:none;padding:2px}.ecom-build__tabs::-webkit-scrollbar{display:none}.ecom-build__tab{flex:0 0 auto;min-width:148px}
  .ecom-build__visual-panel{width:min(94vw,780px)}
}
@media(max-width:760px){
  .ecom-integrations__copy h2{max-width:12ch}.ecom-integrations__lead{font-size:.94rem}.ecom-integrations__actions .btn{width:100%;justify-content:center}.ecom-integrations__visual{width:100%;margin-left:0;margin-top:-12px}
  .ecom-build__benefits{grid-template-columns:1fr;gap:10px}.ecom-build__benefit{grid-template-columns:54px 1fr}.ecom-build__benefit h3{font-size:1.45rem}
  .ecom-build__tabs-wrap{margin-inline:-4px;margin-bottom:20px;border-radius:20px}.ecom-build__tab{min-width:142px;min-height:58px;border-radius:16px;font-size:.73rem}
  .ecom-build__stage{min-height:530px}.ecom-build__visual-panel{min-height:450px;border-radius:30px}.ecom-build__visual-wrap{width:100%;margin-left:0}.ecom-build__visual{max-height:420px}
  .ecom-build__callout{width:190px;padding:12px 13px;grid-template-columns:38px 1fr;gap:9px}.ecom-build__callout-icon{width:38px;height:38px;border-radius:11px}.ecom-build__callout--primary{right:0;top:3%;transform:none}.ecom-build__callout--secondary{left:8%;bottom:0;transform:none}
}
@media(max-width:540px){
  .ecom-integrations__visual{width:100%;margin-left:0}.ecom-integrations__backdrop::after{display:none}
  .ecom-build__copy{max-width:none}.ecom-build__intro{font-size:.94rem}.ecom-build__benefit{padding:12px 8px}.ecom-build__benefit-icon{width:50px;height:50px}.ecom-build__benefit p{font-size:.82rem}
  .ecom-build__tabs-wrap{margin-inline:-8px}.ecom-build__tab{min-width:132px;min-height:56px}
  .ecom-build__stage{min-height:460px;margin-inline:0}.ecom-build__visual-panel{width:100%;min-height:410px;margin-left:0;border-radius:26px}.ecom-build__visual-wrap{width:100%;margin-left:0}.ecom-build__visual{max-height:360px}
  .ecom-build__callout{display:none}.ecom-build__ring--one{width:92%;right:-12%}.ecom-build__ring--two{width:75%;right:0}.ecom-build__node{width:9px;height:9px}
}
@media(prefers-reduced-motion:reduce){
  .ecom-build__benefit-icon::before,.ecom-build__ring,.ecom-build__node,.ecom-build__visual-panel::before{animation:none!important}
  .ecom-build__copy,.ecom-build__benefit,.ecom-build__tab,.ecom-build__visual,.ecom-build__callout,.ecom-integrations__visual img{transition:none!important}
  .ecom-integrations__visual img,.ecom-integrations__glow{animation:none!important}
}



@media(max-width:1280px){
  .ecom-build__tabs-wrap{width:100%;margin-left:0}
  .ecom-selected__showcase{height:620px;grid-template-columns:minmax(0,1.3fr) minmax(0,.97fr)}
  .ecom-work-card{grid-template-columns:minmax(220px,.44fr) minmax(0,.56fr)}
  .ecom-work-card--small{grid-template-columns:minmax(196px,.5fr) minmax(0,.5fr)}
  .ecom-ops-layout{grid-template-columns:minmax(230px,.84fr) minmax(500px,1.7fr) minmax(230px,.84fr);column-gap:40px;row-gap:24px;padding-inline:10px}
  .ecom-cta__shell{grid-template-columns:minmax(360px,.78fr) minmax(500px,1.22fr)}
}
@media(max-width:1040px){.ecom-ops-card--orders-card::before,.ecom-ops-card--orders-card::after,.ecom-ops-card--shipping::before,.ecom-ops-card--shipping::after,.ecom-ops-card--analytics::before,.ecom-ops-card--analytics::after{display:none}
  .ecom-build__tabs-wrap{width:100%;margin-left:0;overflow:hidden}.ecom-build__tabs{overflow-x:auto;display:flex;scrollbar-width:none;padding:2px}.ecom-build__tabs::-webkit-scrollbar{display:none}.ecom-build__tab{flex:0 0 auto;min-width:148px}
  .ecom-selected__showcase{grid-template-columns:1fr 1fr;grid-template-rows:auto;height:auto}
  .ecom-work-card,.ecom-work-card--hero,.ecom-work-card--small{grid-column:auto!important;grid-row:auto!important;min-height:330px;grid-template-columns:1fr;grid-template-rows:auto 1fr}
  .ecom-work-card__copy,.ecom-work-card--small .ecom-work-card__copy{padding:22px 20px 18px}
  .ecom-work-card__details{display:none}.ecom-work-card__metrics{display:none}
  .ecom-work-card__visual,.ecom-work-card--small .ecom-work-card__visual{min-height:165px;padding:0 8px}.ecom-work-card__visual img,.ecom-work-card--small .ecom-work-card__visual img{width:100%;max-height:230px;object-position:center bottom}
  .ecom-ops-layout{grid-template-columns:1fr 1fr;grid-template-areas:"dashboard dashboard" "products customers" "inventory payments" "orders shipping" "analytics analytics";gap:16px;padding-bottom:0}.ecom-ops-card--orders-card,.ecom-ops-card--shipping,.ecom-ops-card--analytics{margin-top:4px}.ecom-ops-lines{display:none}
  .ecom-cta__shell{grid-template-columns:1fr}.ecom-cta__copy{max-width:680px}.ecom-cta__visual{min-height:360px;justify-content:center}.ecom-cta__visual img{width:min(100%,720px)}
}
@media(max-width:760px){
  .ecom-selected__head{text-align:left}.ecom-selected__head h2{margin-left:0;max-width:none;white-space:normal}.ecom-selected__intro{margin-left:0}
  .ecom-selected__showcase{grid-template-columns:1fr;grid-template-rows:auto;height:auto}.ecom-work-card,.ecom-work-card--hero,.ecom-work-card--small{min-height:0}.ecom-work-card__copy h3,.ecom-work-card--small .ecom-work-card__copy h3{font-size:var(--dp-card-title);white-space:normal}.ecom-work-card__visual,.ecom-work-card--small .ecom-work-card__visual{min-height:210px}
  .ecom-operations__head{text-align:left}.ecom-operations__head h2{margin-left:0;max-width:14ch}.ecom-operations__intro{margin-left:0}
  .ecom-ops-layout{grid-template-columns:1fr;grid-template-areas:"dashboard" "products" "inventory" "customers" "payments" "orders" "shipping" "analytics";gap:14px}.ecom-ops-card--orders-card,.ecom-ops-card--shipping,.ecom-ops-card--analytics{grid-column:1;margin-top:2px}.ecom-ops-dashboard{min-height:0}.ecom-ops-dashboard__top{padding-inline:10px}.ecom-ops-search{display:none}.ecom-ops-dashboard__body{grid-template-columns:1fr}.ecom-ops-sidebar{display:flex;flex-direction:row;overflow-x:auto;border-right:0;border-bottom:1px solid rgba(255,255,255,.055);padding:10px;scrollbar-width:none}.ecom-ops-sidebar::-webkit-scrollbar{display:none}.ecom-ops-sidebar button{flex:0 0 auto;width:auto;padding-inline:11px}.ecom-ops-orders{padding:14px 10px}.ecom-ops-orders__head>div>div{gap:9px;overflow-x:auto;max-width:72vw}.ecom-ops-orders__head span{flex:0 0 auto}.ecom-ops-row{grid-template-columns:18px .8fr 1.1fr .8fr 1fr 28px;font-size:.49rem;padding-inline:7px}.ecom-ops-row span:nth-child(4),.ecom-ops-row--labels span:nth-child(4){display:none}.ecom-ops-card{padding:16px}.ecom-ops-card__heading{display:block}.ecom-ops-icon{display:none}.ecom-ops-card h3{font-size:1.25rem}.ecom-ops-card p{font-size:.76rem}
  .ecom-cta__shell{padding:0;border-radius:0}.ecom-cta__copy h2{max-width:11ch}.ecom-cta__actions .btn{width:100%;justify-content:center}.ecom-cta__features{grid-template-columns:repeat(2,minmax(0,1fr))}.ecom-cta__visual{min-height:280px}.ecom-cta__visual img{width:112%;max-width:none}
}
@media(max-width:430px){
  .ecom-build__tabs-wrap{margin-inline:-8px;width:calc(100% + 16px)}.ecom-build__tab{min-width:132px;min-height:56px}
  .ecom-work-card__copy,.ecom-work-card--small .ecom-work-card__copy{padding:22px 20px 16px}.ecom-work-card__tags{gap:6px}.ecom-work-card__tags span{font-size:.68rem;min-height:28px;padding-inline:10px}.ecom-work-card__visual,.ecom-work-card--small .ecom-work-card__visual{min-height:185px}
  .ecom-ops-orders__head button{display:none}.ecom-ops-orders__head>div>div{max-width:86vw}.ecom-ops-row{grid-template-columns:16px .75fr .9fr .7fr .9fr}.ecom-ops-row span:last-child,.ecom-ops-row--labels span:last-child{display:none}.ecom-ops-brand-grid{grid-template-columns:repeat(2,1fr)}
  .ecom-cta__features{grid-template-columns:1fr 1fr}.ecom-cta__visual{min-height:235px}.ecom-cta__visual img{width:122%}
}
@media(prefers-reduced-motion:reduce){.ecom-work-card,.ecom-work-card__visual img,.ecom-cta__visual img{transition:none!important;animation:none!important}}

@media(max-width:760px){
  .ecom-build__tabs-wrap{width:100%;margin-inline:0;}
  .ecom-build__stage{overflow:hidden;}
  .ecom-build__visual-wrap{max-width:100%;}
  .ecom-build__visual{max-width:100%;}
  .ecom-integrations__visual{max-width:100%;}
}
@media(max-width:430px){
  .ecom-build__stage{min-height:430px;}
  .ecom-build__visual-panel{min-height:380px;}
  .ecom-build__visual-wrap{width:100%;}
  .ecom-integrations__visual{width:100%;}
}


/* v31 — dark commerce subtitles */
.ecom-integrations__copy .eyebrow,
.ecom-operations__head .eyebrow{color:var(--dp-white)!important;opacity:1!important;}