.pd-banner{padding:40px 48px 36px;border-radius:24px;background:linear-gradient(135deg,rgba(5,30,16,.75) 0%,rgba(3,15,9,.9) 100%);border:1px solid rgba(80,200,120,.22);backdrop-filter:blur(24px);position:relative;overflow:hidden}
.pd-banner::before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 20%,rgba(80,200,120,.07) 50%,transparent 80%);animation:pdScan 5s ease-in-out infinite;pointer-events:none}
.pd-banner::after{content:"";position:absolute;top:-1px;left:8%;right:8%;height:1px;background:linear-gradient(90deg,transparent,rgba(110,231,160,.55),transparent)}
@keyframes pdScan{0%{transform:translateX(-120%);opacity:0}40%{opacity:1}100%{transform:translateX(120%);opacity:0}}
.pd-glow-a{position:absolute;top:-70px;left:-50px;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(80,200,120,.11),transparent 70%);pointer-events:none;animation:pdPulse 6s ease-in-out infinite}
.pd-glow-b{position:absolute;bottom:-70px;right:-50px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(50,180,90,.09),transparent 70%);pointer-events:none;animation:pdPulse 6s ease-in-out infinite 2s}
@keyframes pdPulse{0%,100%{transform:scale(1);opacity:.7}50%{transform:scale(1.2);opacity:1}}
.pd-inner{display:flex;align-items:center;gap:40px;flex-wrap:wrap;position:relative;z-index:1}
.pd-body{flex:1;min-width:260px}
.pd-tag{font-family:'JetBrains Mono';font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:#6ee7a0;display:block;margin-bottom:10px}
.pd-title{font-family:'Space Grotesk';font-size:clamp(17px,2.2vw,22px);font-weight:700;color:#fff;margin:0 0 8px;line-height:1.25}
.pd-desc{color:#9eb8a8;font-size:13.5px;line-height:1.65;margin:0 0 20px}
.pd-chips{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:24px}
.pd-chip{display:inline-flex;align-items:center;gap:5px;padding:5px 13px;border-radius:999px;background:rgba(80,200,120,.08);border:1px solid rgba(80,200,120,.18);color:#a8f0c8;font-size:12px;font-weight:500;white-space:nowrap;opacity:0;transform:translateY(10px);transition:opacity .35s,transform .35s,background .2s,border-color .2s}
.pd-chip.pd-vis{opacity:1;transform:translateY(0)}
.pd-chip:hover{background:rgba(80,200,120,.16);border-color:rgba(80,200,120,.4);color:#c8fde0}
.pd-cta{border-color:rgba(80,200,120,.38) !important;color:#6ee7a0 !important;white-space:nowrap;padding:12px 22px !important;font-size:14px !important;display:inline-flex !important}
.pd-cta:hover{background:rgba(80,200,120,.12) !important;border-color:rgba(80,200,120,.65) !important}
.pd-marquee-wrap{flex:0 0 44%;min-width:280px;overflow:hidden;position:relative;-webkit-mask-image:linear-gradient(to right,transparent,#000 10%,#000 90%,transparent);mask-image:linear-gradient(to right,transparent,#000 10%,#000 90%,transparent)}
.pd-mq-row{display:flex;overflow:visible;margin-bottom:10px;padding:5px 0}
.pd-mq-row:last-child{margin-bottom:0}
.pd-mq-track{display:flex;width:max-content;gap:10px;animation:pdMarq 28s linear infinite}
.pd-mq-rev{animation-direction:reverse}
@keyframes pdMarq{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.pd-mq-img{width:160px;height:100px;object-fit:cover;border-radius:10px;flex-shrink:0;border:1px solid rgba(80,200,120,.14);cursor:pointer;transition:transform .3s cubic-bezier(.34,1.56,.64,1),border-color .25s,box-shadow .25s}
@media(max-width:800px){.pd-banner{padding:28px 24px 28px}.pd-inner{flex-direction:column;align-items:flex-start;gap:24px}.pd-marquee-wrap{flex:none;width:calc(100% + 48px);margin-left:-24px;min-width:unset}.pd-mq-img{width:120px;height:76px}.pd-cta{align-self:stretch;justify-content:center;text-align:center}}
.pd-mq-track:has(.pd-mq-img:hover){animation-play-state:paused}
.pd-mq-img:hover{border-color:rgba(80,200,120,.6);box-shadow:0 0 0 2px rgba(80,200,120,.45);position:relative;z-index:2}
.pd-preview{position:fixed;z-index:9999;pointer-events:none;border-radius:14px;box-shadow:0 16px 56px rgba(0,0,0,.8),0 0 0 2px rgba(80,200,120,.55);opacity:0;transition:opacity .18s ease;overflow:hidden;background:#111}
.pd-preview.pd-vis{opacity:1}
.pd-preview img{width:100%;height:100%;object-fit:cover;display:block}