.dd-svc .svh-glow{animation:16s ease-in-out infinite svc-drift}.dd-svc .svh-glow2{animation:20s ease-in-out -7s infinite reverse svc-drift}@keyframes svc-drift{0%,to{transform:translate(-50%)}50%{transform:translate(calc(48px - 50%))translateY(18px)scale(1.12)}}.dd-svc .cap{transition:transform .3s,box-shadow .3s}.dd-svc .cap svg{transition:transform .3s}@media (hover:hover){.dd-svc .cap:hover{--tw-shadow:0 14px 34px #7c3aed24;--tw-ring-color:#7c3aed73;transform:translateY(-4px)}.dd-svc .cap:hover svg{transform:scale(1.15)}}.dd-svc .who{transition:transform .3s,background .3s,border-color .3s}.dd-svc .who>span:first-child{transition:box-shadow .3s,background .3s}@media (hover:hover){.dd-svc .who:hover{transform:translate(4px);background:#ffffff14!important;border-color:#a78bfa80!important}.dd-svc .who:hover>span:first-child{box-shadow:0 0 10px #3dfd9899;background:#3dfd98!important}}.dd-svc .row-l{transition:transform .3s,border-color .3s,box-shadow .3s}@media (hover:hover){.dd-svc .row-l:hover{transform:translate(4px);border-color:#7c3aed73!important;box-shadow:0 8px 24px #7c3aed1a!important}}.dd-svc .rv{transition:opacity .6s ease var(--d,0s), transform .6s ease var(--d,0s)}.dd-svc .rv:not(.in){opacity:0;transform:translateY(20px)}.dd-svc .steps{position:relative}.dd-svc .steps-line,.dd-svc .hww-hint{display:none}.dd-svc .hww .step{border-radius:14px;outline:none;padding:6px 6px 10px;transition:transform .35s}.dd-svc .hww .step>div:first-child{transition:background .35s,color .35s,box-shadow .35s,transform .35s;position:relative}.dd-svc .hww .step.act>div:first-child{transform:scale(1.08);box-shadow:0 0 0 6px #3dfd9826,0 0 28px #3dfd9873;color:#1c0650!important;background:#3dfd98!important}.dd-svc .hww .step:focus-visible{box-shadow:0 0 0 2px #a855f7}@media (min-width:1024px){.dd-svc .steps-line{z-index:0;background:#a78bfa40;height:2px;display:block;position:absolute;top:30px;left:12.5%;right:12.5%}.dd-svc .steps-line i{transform-origin:0;height:100%;transform:scaleX(var(--k,0));background:linear-gradient(90deg,#7c3aed,#3dfd98);transition:transform .5s;display:block}.dd-svc .hww .step{z-index:1;position:relative}}@media (hover:hover){.dd-svc.armed .hww .step:hover{transform:translateY(-3px)}}.dd-svc.armed .hww .step{cursor:pointer}.dd-svc.armed .hww .step p{opacity:0;transition:opacity .35s,transform .35s,max-height .45s;transform:translateY(-6px)}.dd-svc.armed .hww .step.seen p{opacity:1;transform:none}@media (hover:none){.dd-svc.armed .hww .step p{max-height:0;margin:0;overflow:hidden}.dd-svc.armed .hww .step.seen p{max-height:240px}.dd-svc.armed .hww .steps{gap:20px}}.dd-svc.armed:not(.hww-seen) .steps-line+.step>div:first-child:before{content:"Hover →";white-space:nowrap;letter-spacing:.1em;text-transform:uppercase;color:#3dfd98;background:#3dfd981a;border:1px solid #3dfd9873;border-radius:999px;padding:8px 13px;font:700 13px/1 ui-monospace,SF Mono,Consolas,monospace;animation:1.4s ease-in-out infinite svc-nudge;position:absolute;top:50%;right:calc(100% + 14px);transform:translateY(-50%);box-shadow:0 0 18px #3dfd982e}@media (hover:none){.dd-svc.armed:not(.hww-seen) .steps-line+.step>div:first-child:before{content:"Tap →"}}@media (min-width:1024px) and (max-width:1279px){.dd-svc.armed:not(.hww-seen) .steps-line+.step>div:first-child:before{animation-name:svc-bob;inset:auto auto calc(100% + 12px) 50%;transform:translate(-50%)}}@keyframes svc-bob{50%{transform:translate(-50%,4px)}}@keyframes svc-nudge{50%{transform:translate(5px,-50%)}}.dd-svc.armed .hww .step:not(.seen)>div:first-child:after{content:"";pointer-events:none;border:2px solid #3dfd98;border-radius:50%;animation:2.4s ease-out infinite svc-ring;position:absolute;inset:0}.dd-svc.armed .hww .step:nth-child(3)>div:first-child:after{animation-delay:.3s}.dd-svc.armed .hww .step:nth-child(4)>div:first-child:after{animation-delay:.6s}.dd-svc.armed .hww .step:nth-child(5)>div:first-child:after{animation-delay:.9s}@keyframes svc-ring{0%{opacity:.7;transform:scale(1)}70%,to{opacity:0;transform:scale(1.7)}}@media (prefers-reduced-motion:reduce){.dd-svc .svh-glow,.dd-svc .svh-glow2{animation:none}.dd-svc .cap,.dd-svc .cap svg,.dd-svc .who,.dd-svc .row-l,.dd-svc .hww .step,.dd-svc .hww .step>div:first-child,.dd-svc .steps-line i{transition:none}.dd-svc .rv:not(.in){opacity:1;transform:none}.dd-svc.armed .hww .step p{opacity:1;max-height:none;transform:none}.dd-svc.armed .steps-line+.step>div:first-child:before,.dd-svc.armed .hww .step>div:first-child:after{display:none}}