.dc-demo{padding:60px 0;background:#a3b18a;overflow:hidden}.dc-demo__inner{max-width:1000px;margin:0 auto;padding:0 24px;display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}.dc-demo__player{position:relative}.dc-demo__wrapper{position:relative;width:100%;padding-bottom:100%;border-radius:24px;overflow:hidden;background:#344e28;box-shadow:0 8px 40px #2d3a1f33,0 2px 12px #2d3a1f1a}.dc-demo__wrapper iframe,.dc-demo__wrapper video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;border:none}.dc-demo__wrapper .dc-demo__poster{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:1;transition:opacity .4s ease;cursor:pointer}.dc-demo__wrapper.is-playing .dc-demo__poster{opacity:0;pointer-events:none}.dc-demo__play-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;width:72px;height:72px;border-radius:50%;background:#d4577beb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 24px #d4577b4d}.dc-demo__play-btn:hover{transform:translate(-50%,-50%) scale(1.08);background:#d4577b;box-shadow:0 6px 32px #d4577b66}.dc-demo__play-btn svg{margin-left:3px}.dc-demo__wrapper.is-playing .dc-demo__play-btn{opacity:0;pointer-events:none;transition:opacity .3s ease}.dc-demo__badge{position:absolute;top:16px;left:16px;z-index:3;background:#ffffffd9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#344e28;font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase;padding:6px 14px;border-radius:8px;display:flex;align-items:center;gap:6px}.dc-demo__badge-dot{width:6px;height:6px;border-radius:50%;background:#d4577b;animation:dc-demo-pulse 2s ease-in-out infinite}@keyframes dc-demo-pulse{0%,to{opacity:1}50%{opacity:.3}}.dc-demo__placeholder{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#ffffff80;font-size:14px;background:#344e284d}.dc-demo__content{display:flex;flex-direction:column;gap:0}.dc-demo__kicker{font-size:12px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#344e28;margin-bottom:12px}.dc-demo__title{font-size:32px;font-weight:400;font-family:Georgia,Times New Roman,serif;color:#2d3a1f;line-height:1.2;margin:0 0 16px}.dc-demo__text{font-size:16px;color:#3d4f2e;line-height:1.7;margin:0 0 24px}.dc-demo__steps{display:flex;flex-direction:column;gap:12px;margin-bottom:28px}.dc-demo__step{display:flex;align-items:flex-start;gap:14px;padding:14px 18px;background:#ffffff40;border-radius:14px;border:1px solid rgba(255,255,255,.3);transition:all .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.dc-demo__step:hover{background:#ffffff59;border-color:#ffffff73}.dc-demo__step-num{width:28px;height:28px;border-radius:50%;background:#d4577b;color:#fff;font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.dc-demo__step-text{font-size:14px;color:#2d3a1f;line-height:1.5}.dc-demo__step-text strong{color:#1f2b14;font-weight:700}.dc-demo__cta{display:inline-flex;align-items:center;gap:8px;padding:16px 32px;background:#d4577b;color:#fff;border-radius:16px;font-size:15px;font-weight:700;text-decoration:none;text-transform:uppercase;letter-spacing:.5px;transition:all .2s ease;box-shadow:0 4px 20px #d4577b4d;align-self:flex-start}.dc-demo__cta:hover{transform:translateY(-1px);box-shadow:0 6px 24px #d4577b66;background:#c04b6d}@media(max-width:768px){.dc-demo{padding:40px 0}.dc-demo__inner{grid-template-columns:1fr;gap:32px;padding:0 20px}.dc-demo__player{max-width:100%;width:100%;margin:0 auto;order:-1}.dc-demo__title{font-size:26px}.dc-demo__text{font-size:15px}.dc-demo__cta{width:100%;justify-content:center}}@media(max-width:480px){.dc-demo__player{max-width:100%}.dc-demo__wrapper{border-radius:20px}.dc-demo__play-btn{width:60px;height:60px}.dc-demo__step{padding:12px 14px}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/dc-portal-demo.css.map */