.fdp3-card-showcase{
  --diji-deep:#02452d;
  --diji-green:#1daf3e;
  --diji-mint:#dff7e5;
  --diji-soft:#f2fbf5;
  --diji-ink:#062b20;
  min-width:0;width:100%;position:relative;display:grid;place-items:center;isolation:isolate;
}
body.fdp3-sales-layout .fdp3-sales-hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(30px,4vw,60px);padding-left:max(24px,calc((100vw - 1380px)/2));padding-right:max(24px,calc((100vw - 1380px)/2))}
.fdp3-card-showcase *{box-sizing:border-box}
.fdp3-card-showcase button{font-family:inherit;box-shadow:none;text-transform:none;letter-spacing:normal}
.fdp3-card-showcase button:focus-visible{outline:3px solid #075235;outline-offset:5px}
.fdp3-card-showcase .diji-card-shell:hover,.fdp3-card-showcase .diji-card-shell:focus{background:transparent;color:inherit;border:0}
.fdp3-card-showcase .diji-motion-toggle{border:1px solid #ffffff70;border-radius:999px;background:#02452d;color:#fff;padding:9px 13px;font-size:13px;line-height:1.4;cursor:pointer}
.fdp3-card-showcase .is-paused .diji-card-float,.fdp3-card-showcase .is-paused .diji-card:before,.fdp3-card-showcase .is-paused .diji-wind span{animation-play-state:paused}

.diji-scene{
  position:relative;
  width:min(100%,620px);
  min-height:570px;
  overflow:hidden;
  border:1px solid #ffffff8c;
  border-radius:38px;
  background:
    radial-gradient(circle at 50% 29%,#f4fff6 0 5%,#d9f1dc 28%,transparent 55%),
    linear-gradient(155deg,#dff4dd 0%,#a9d9af 47%,#5fa77b 100%);
  box-shadow:0 38px 90px #02452d2b,inset 0 1px #fff,inset 0 -1px #02452d1f;
  perspective:1450px;
  outline:none;
  touch-action:pan-y;
}
.diji-scene:focus-visible{box-shadow:0 0 0 4px #1daf3e4a,0 38px 90px #02452d2b}
.diji-scene:before{
  content:"";
  position:absolute;
  z-index:0;
  inset:61% -18% -24%;
  border-radius:50% 50% 0 0;
  background:linear-gradient(180deg,#7eb78e66,#28684c38 70%,#174d3726);
  box-shadow:inset 0 1px #dff8e7a6;
  transform:perspective(650px) rotateX(66deg) scaleX(1.25);
}
.diji-scene:after{
  content:"";
  position:absolute;
  z-index:0;
  width:420px;
  height:105px;
  left:50%;
  bottom:76px;
  border:2px solid #eaffef7a;
  border-radius:50%;
  background:radial-gradient(ellipse,#e7ffec8c 0,#8dda9f35 45%,#1b5a3b00 72%);
  filter:blur(.2px);
  transform:translateX(-50%) rotateX(67deg);
  box-shadow:0 0 55px #d9ffe49c,inset 0 0 32px #fff9;
}
.diji-canopy{position:absolute;z-index:1;inset:0;pointer-events:none;overflow:hidden}
.diji-canopy:before,.diji-canopy:after{
  content:"";
  position:absolute;
  width:310px;
  height:225px;
  border-radius:52% 48% 61% 39% / 42% 58% 42% 58%;
  background:#164d3270;
  filter:blur(18px);
  opacity:.34;
  transform:rotate(25deg);
}
.diji-canopy:before{top:-126px;left:-88px;box-shadow:130px 24px 0 -40px #164d3266,224px -38px 0 -76px #164d3259}
.diji-canopy:after{top:-155px;right:-95px;transform:rotate(-31deg);box-shadow:-132px 58px 0 -52px #164d3261,-238px -20px 0 -84px #164d3254}
.diji-scene-head{position:absolute;z-index:8;top:22px;left:24px;right:24px;display:flex;align-items:center;justify-content:space-between}
.diji-scene-head>span{display:inline-flex;align-items:center;gap:8px;padding:9px 13px;border:1px solid #ffffff8f;border-radius:999px;background:#ffffffa8;color:var(--diji-deep);font-size:11px;font-weight:850;letter-spacing:.11em;text-transform:uppercase;backdrop-filter:blur(12px)}
.diji-scene-head>span:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--diji-green);box-shadow:0 0 0 5px #1daf3e1f}
.diji-scene-head em{padding:8px 12px;border-radius:999px;background:var(--diji-deep);color:#fff;font-size:11px;font-style:normal;font-weight:800;letter-spacing:.08em;text-transform:uppercase;box-shadow:0 10px 24px #02452d2e}

.diji-card-deck{position:absolute;z-index:5;inset:76px 50px 138px;perspective:1450px;transform-style:preserve-3d}
.diji-card-shell{
  --slot:0;
  position:absolute;
  top:50%;
  left:50%;
  width:350px;
  aspect-ratio:1.586/1;
  transform-style:preserve-3d;
  transform-origin:center;
  padding:0;
  border:0;
  background:transparent;
  color:inherit;
  font:inherit;
  cursor:pointer;
  transition:transform .82s cubic-bezier(.2,.76,.18,1),opacity .55s ease,filter .55s ease;
  will-change:transform,opacity;
}
.diji-card-shell[data-slot="0"]{z-index:6;opacity:1;filter:saturate(1.03);transform:translate3d(-50%,-52%,95px) rotateX(7deg) rotateY(-8deg) rotateZ(-1.5deg) scale(1)}
.diji-card-shell[data-slot="-1"]{z-index:4;opacity:.58;filter:saturate(.8) brightness(.88);transform:translate3d(calc(-50% - 162px),-35%,-120px) rotateX(8deg) rotateY(31deg) rotateZ(-8deg) scale(.68)}
.diji-card-shell[data-slot="1"]{z-index:4;opacity:.58;filter:saturate(.8) brightness(.9);transform:translate3d(calc(-50% + 162px),-35%,-120px) rotateX(8deg) rotateY(-31deg) rotateZ(8deg) scale(.68)}
.diji-card-shell[data-slot="-2"],.diji-card-shell[data-slot="2"]{z-index:2;opacity:.11;filter:blur(1.5px) saturate(.5);transform:translate3d(-50%,-18%,-260px) scale(.46)}
.diji-card-float{display:block;width:100%;height:100%;transform-style:preserve-3d;animation:diji-wind-float 4.9s ease-in-out infinite;animation-delay:calc(var(--card-index) * -.72s)}
.diji-card{
  display:block;
  position:relative;
  width:100%;
  height:100%;
  overflow:hidden;
  border:1px solid #ffffff8f;
  border-radius:24px;
  background:#fff;
  box-shadow:0 34px 45px #123c293d,0 9px 18px #153b2d42,inset 0 1px #fff,inset 0 -1px #0002;
  transform-style:preserve-3d;
}
.diji-card:before{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(118deg,#fff0 20%,#ffffff78 43%,#fff0 62%);transform:translateX(-120%);animation:diji-card-shine 5.8s ease-in-out infinite;animation-delay:calc(var(--card-index) * -.65s);pointer-events:none}
.diji-card:after{content:"";position:absolute;z-index:0;inset:0;background:repeating-linear-gradient(98deg,#fff0 0 8px,#fff1 9px 10px);mix-blend-mode:soft-light;opacity:.4}
.diji-card.material-silver{background:linear-gradient(145deg,#f8faf9 0%,#aeb8b4 24%,#eef2f0 49%,#7d8b86 73%,#e5e9e7 100%)}
.diji-card.material-black{border-color:#ffffff3b;background:radial-gradient(circle at 72% 20%,#26372f 0,#111a16 28%,#050907 75%);box-shadow:0 36px 48px #001d124f,0 9px 18px #051b124f,inset 0 1px #fff3}
.diji-card.material-gold{background:linear-gradient(145deg,#fff1b1 0%,#b88425 24%,#f8d77b 48%,#8f6419 73%,#f3d589 100%)}
.diji-card.material-white{border-color:#dce8df;background:linear-gradient(145deg,#fff 0%,#f8fbf9 45%,#dfe8e2 100%)}
.diji-card.material-bamboo{border-color:#cfad72;background:#d8b46d;box-shadow:0 34px 45px #60421640,0 9px 18px #50360f3d,inset 0 1px #fff8d5}
.diji-bamboo-photo{position:absolute;inset:0;width:100%;height:100%;z-index:0;object-fit:cover;object-position:center;transform:none;filter:none}
.diji-card.material-bamboo:after{z-index:1;background:linear-gradient(115deg,#fff8df24 0%,#fff0 48%,#5d3d1317 100%);mix-blend-mode:soft-light;opacity:1}
.material-bamboo .diji-card-logo{filter:drop-shadow(0 2px 4px #fff2d9d9)}
.material-bamboo .diji-nfc-mark{border-color:#6845184a;background:#fff7dda3;color:#442d11;box-shadow:0 5px 14px #67440f1c}
.material-bamboo .diji-card-meta{color:#3e2810;text-shadow:0 1px 1px #fff1d1b8}
.diji-card-content{position:absolute;z-index:3;inset:0;display:flex;flex-direction:column;justify-content:space-between;padding:28px}
.diji-card-top{display:flex;align-items:flex-start;justify-content:space-between}
.diji-card-logo{width:174px;height:auto;max-height:52px;object-fit:contain;object-position:left center;filter:drop-shadow(0 3px 8px #fff3)}
.material-black .diji-card-logo{filter:brightness(0) invert(1);opacity:.96}
.diji-nfc-mark{display:grid;place-items:center;width:42px;height:42px;border:1px solid #02452d29;border-radius:50%;background:#ffffff47;color:var(--diji-deep);font-size:17px;font-weight:900;letter-spacing:-3px;backdrop-filter:blur(8px)}
.material-black .diji-nfc-mark{border-color:#ffffff3d;background:#ffffff17;color:#fff}
.diji-nfc-mark img{display:block;width:28px;height:28px;object-fit:contain}
.material-black .diji-nfc-mark img{filter:invert(1)}
.diji-card-meta{display:flex;align-items:flex-end;justify-content:space-between;color:var(--diji-deep)}
.diji-card-meta span{font-size:10px;font-weight:900;letter-spacing:.15em;text-transform:uppercase}
.diji-card-meta b{font-size:10px;letter-spacing:.08em}
.material-black .diji-card-meta{color:#effff3}
.diji-card-edge{display:none}

.diji-wind{position:absolute;z-index:3;left:50%;bottom:102px;width:390px;height:115px;pointer-events:none;transform:translateX(-50%)}
.diji-wind span{position:absolute;left:50%;width:210px;height:46px;border-top:2px solid #f1fff6a1;border-radius:50%;filter:drop-shadow(0 0 6px #dcffe7);transform:translateX(-50%);animation:diji-wind-line 3.6s ease-in-out infinite}
.diji-wind span:nth-child(2){bottom:22px;width:300px;opacity:.7;animation-delay:-1.25s}
.diji-wind span:nth-child(3){bottom:0;width:165px;opacity:.5;animation-delay:-2.1s}

.diji-scene-controls{position:absolute;z-index:10;left:22px;right:22px;top:50%;display:flex;justify-content:space-between;pointer-events:none;transform:translateY(-50%)}
.diji-arrow{display:grid;place-items:center;width:48px;height:48px;padding:0;border:1px solid #ffffff94;border-radius:50%;background:#ffffffb8;color:var(--diji-deep);font-size:27px;line-height:1;box-shadow:0 12px 30px #02452d24;backdrop-filter:blur(12px);cursor:pointer;pointer-events:auto;transition:.25s ease}
.diji-arrow:hover{background:#fff;transform:scale(1.08);box-shadow:0 16px 34px #02452d38}
.fdp3-card-showcase .diji-arrow:hover,.fdp3-card-showcase .diji-arrow:focus{color:var(--diji-deep)}
.diji-arrow:active{transform:scale(.96)}
.diji-product-bar{position:absolute;z-index:9;left:28px;right:28px;bottom:22px;display:grid;grid-template-columns:1fr auto;align-items:end;gap:18px;padding:17px 20px;border:1px solid #ffffff80;border-radius:20px;background:#ffffffc2;box-shadow:0 17px 38px #02452d21;backdrop-filter:blur(16px)}
.diji-product-name{color:var(--diji-deep);font-size:21px;font-weight:900;letter-spacing:-.035em}
.diji-product-desc{display:block;margin-top:3px;color:#365241;font-size:14px;font-weight:650;line-height:1.4}
.diji-dots{display:flex;align-items:center;gap:7px;padding-bottom:4px}
.diji-dot{display:grid;place-items:center;width:24px;height:28px;padding:0;border:0;background:transparent;cursor:pointer;transition:.3s ease}
.diji-dot:before{content:"";width:8px;height:8px;border-radius:999px;background:#628c71;transition:.3s ease}
.diji-dot[aria-current="true"]:before{width:20px;background:var(--diji-green);box-shadow:0 0 0 3px #1daf3e16}
.fdp3-card-showcase .diji-dot:hover,.fdp3-card-showcase .diji-dot:focus{background:transparent}

@keyframes diji-wind-float{0%,100%{transform:translate3d(0,8px,0) rotateZ(-.8deg)}50%{transform:translate3d(0,-14px,0) rotateZ(.8deg)}}
@keyframes diji-card-shine{0%,55%{transform:translateX(-130%)}78%,100%{transform:translateX(150%)}}
@keyframes diji-wind-line{0%,100%{opacity:.28;transform:translate3d(-54%,6px,0) scaleX(.86)}50%{opacity:.9;transform:translate3d(-46%,-12px,0) scaleX(1.08)}}

@media (max-width:980px){
  body.fdp3-sales-layout .fdp3-sales-hero{grid-template-columns:1fr}
  .diji-scene{width:min(620px,100%)}
}
@media (max-width:620px){
  body.fdp3-sales-layout .fdp3-sales-hero{padding-left:16px;padding-right:16px}
  .diji-scene{min-height:500px;border-radius:27px}
  .diji-scene-head{top:17px;left:17px;right:17px}
  .diji-scene-head>span{font-size:12px;letter-spacing:.04em}
  .diji-card-deck{inset:66px 16px 128px}
  .diji-card-shell{width:min(310px,72vw)}
  .diji-card-shell[data-slot="-1"]{transform:translate3d(calc(-50% - 118px),-30%,-120px) rotateX(8deg) rotateY(31deg) rotateZ(-8deg) scale(.58)}
  .diji-card-shell[data-slot="1"]{transform:translate3d(calc(-50% + 118px),-30%,-120px) rotateX(8deg) rotateY(-31deg) rotateZ(8deg) scale(.58)}
  .diji-card-content{padding:22px}
  .diji-card-logo{width:146px}
  .diji-card{border-radius:20px}
  .diji-scene-controls{left:10px;right:10px}
  .diji-arrow{width:42px;height:42px;font-size:23px}
  .diji-product-bar{left:16px;right:16px;bottom:16px;padding:14px 15px;grid-template-columns:1fr;gap:8px}
  .diji-product-name{font-size:17px}
  .diji-product-desc{font-size:14px}
  .diji-dots{justify-content:center;padding:0}
  .diji-wind{bottom:88px;width:300px}
}
@media (prefers-reduced-motion:reduce){
  .diji-card-float,.diji-card:before,.diji-wind span{animation:none!important}
  .diji-card-shell{transition-duration:.01ms!important}
  .diji-motion-toggle{display:none}
}