.moto-cdp{position:relative;isolation:isolate;overflow:hidden;background:var(--moto-bg)}.moto-cdp:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;background:radial-gradient(80rem 46rem at 8% -12%,rgba(255,43,58,.16),transparent 62%),radial-gradient(72rem 46rem at 102% 108%,rgba(47,157,240,.14),transparent 64%),linear-gradient(180deg,var(--moto-bg) 0%,var(--moto-bg-2) 52%,var(--moto-bg) 100%)}.moto-cdp:after{content:"";position:absolute;top:0;left:0;right:0;height:1px;z-index:-1;background:linear-gradient(90deg,transparent,rgba(255,43,58,.55),rgba(47,157,240,.5),transparent)}.moto-cdp__inner{display:grid;gap:3.2rem;align-items:stretch}.moto-cdp__copy{min-width:0}.moto-cdp__title{margin:0;color:var(--moto-ink);font-size:clamp(3.2rem,4.8vw,5.4rem);overflow-wrap:break-word}.moto-cdp__rule{display:block;width:8.4rem;height:3px;margin:2rem 0 0;border-radius:3px;background:var(--moto-grad);box-shadow:var(--moto-glow-red)}.moto-cdp__lede{margin:1.8rem 0 0;max-width:54rem;color:var(--moto-text);font-size:1.5rem;line-height:1.65}.moto-cdp__steps{list-style:none;margin:3rem 0 0;padding:0;display:grid;gap:1.2rem}.moto-cdp__step{position:relative;display:flex;align-items:flex-start;gap:1.4rem;padding:1.7rem 1.8rem;border:1px solid var(--moto-border);border-radius:var(--moto-radius-sm);background:var(--moto-surface);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:border-color .25s ease,transform .25s ease,box-shadow .25s ease,background .25s ease}.moto-cdp__step:hover{transform:translateY(-2px);border-color:#ff2b3a73;background:var(--moto-surface-2);box-shadow:var(--moto-shadow-sm)}.moto-cdp__step:nth-child(2n):hover{border-color:#2f9df073}.moto-cdp__step-num{flex:0 0 auto;min-width:3rem;font-family:var(--moto-font-display);font-style:italic;font-weight:800;font-size:2.6rem;line-height:1;letter-spacing:-.02em}.moto-cdp__step-body{display:block;min-width:0}.moto-cdp__step-title{display:block;color:var(--moto-ink);font-size:1.35rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.moto-cdp__step-text{display:block;margin-top:.5rem;color:var(--moto-muted);font-size:1.3rem;line-height:1.55}.moto-cdp__actions{display:flex;flex-wrap:wrap;align-items:center;gap:1.6rem 2rem;margin-top:3rem}.moto-cdp__note{color:var(--moto-muted);font-size:1.15rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.moto-cdp__media{position:relative;min-width:0;padding:1px;border-radius:calc(var(--moto-radius-lg) + .2rem);background:linear-gradient(150deg,#ff2b3a8c,#2f9df073 58%,#ffffff0f);box-shadow:var(--moto-shadow-md)}.moto-cdp__frame{position:relative;width:100%;aspect-ratio:4 / 3;overflow:hidden;border-radius:var(--moto-radius-lg);background:var(--moto-surface-solid)}.moto-cdp__frame img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.moto-cdp__frame:hover img{transform:scale(1.04)}.moto-cdp__veil{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;background:linear-gradient(180deg,#07080c80,#07080c00 34%,#07080c9e)}.moto-cdp__badge{position:absolute;z-index:3;top:1.6rem;left:1.6rem;display:inline-flex;align-items:center;gap:.8rem;padding:.7rem 1.3rem;border:1px solid var(--moto-border-strong);border-radius:999px;background:#07080cb3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--moto-ink);font-size:1.05rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.moto-cdp__badge-dot{width:.7rem;height:.7rem;border-radius:999px;background:var(--moto-volt);box-shadow:var(--moto-glow-red)}.moto-cdp__caption{position:absolute;z-index:3;left:1.8rem;right:1.8rem;bottom:1.6rem;margin:0;color:var(--moto-ink);font-family:var(--moto-font-display);font-style:italic;font-weight:800;font-size:1.5rem;text-transform:uppercase;letter-spacing:.02em;text-shadow:0 2px 14px rgba(0,0,0,.65)}@media screen and (min-width:750px){.moto-cdp__steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.4rem}.moto-cdp__frame{aspect-ratio:16 / 11}}@media screen and (min-width:990px){.moto-cdp__inner{grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);gap:5.6rem}.moto-cdp__frame{aspect-ratio:auto;height:100%;min-height:46rem}.moto-cdp__lede{font-size:1.55rem}}@media screen and (max-width:749px){.moto-cdp__inner{gap:2.6rem}.moto-cdp__steps,.moto-cdp__actions{margin-top:2.4rem}.moto-cdp__actions .moto-btn{width:100%}.moto-cdp__caption{font-size:1.3rem}}@media(prefers-reduced-motion:reduce){.moto-cdp__step,.moto-cdp__frame img{transition:none}.moto-cdp__step:hover,.moto-cdp__frame:hover img{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/moto-custom-design-promo.css.map */