.sm-persp{perspective:1400px}.sm-tilt{transform-style:preserve-3d;display:grid;gap:16px}.sm-layer{border:1px solid var(--line);border-radius:12px;padding:16px;background:var(--surface);box-shadow:0 20px 40px rgba(0,0,0,.35)}.sm-yours{border-color:rgba(16,185,129,.35)}.sm-label{margin:0 0 12px;font-size:12px;font-weight:500;letter-spacing:.06em;text-transform:uppercase}.sm-card{border:1px solid var(--line);border-radius:8px;background:var(--raised);padding:12px 14px}.sm-flow{list-style:none;margin:0;padding:0;gap:0}.sm-flow,.sm-step{display:grid}.sm-step[data-gate] .sm-card{border-color:rgba(251,191,36,.45)}.sm-arrow{position:relative;display:block;height:28px;width:2px;margin:0 auto;background:repeating-linear-gradient(to bottom,var(--line) 0 4px,transparent 4px 8px)}.sm-dot{position:absolute;left:-3px;top:0;width:8px;height:8px;border-radius:9999px;background:var(--emerald);animation:sm-run-y 3.2s ease-in-out infinite}.sm-pair{display:grid;gap:12px}@keyframes sm-run-y{0%{transform:translateY(-6px);opacity:0}15%{opacity:1}70%{transform:translateY(22px);opacity:1}to{transform:translateY(22px);opacity:0}}@keyframes sm-run-x{0%{transform:translateX(-6px);opacity:0}15%{opacity:1}70%{transform:translateX(calc(100% + 22px));opacity:1}to{transform:translateX(calc(100% + 22px));opacity:0}}@keyframes sm-drift-a{0%{transform:translate3d(0,-3px,0)}to{transform:translate3d(0,3px,0)}}@keyframes sm-drift-b{0%{transform:translate3d(0,3px,0)}to{transform:translate3d(0,-3px,0)}}.sm-dot[data-i="1"]{animation-delay:.9s}.sm-dot[data-i="2"]{animation-delay:1.8s}@media (min-width:1024px){.sm-tilt{grid-template-columns:1.9fr 1fr;align-items:start;transform:rotateX(3deg) rotateY(-4deg)}.sm-yours{transform:translateZ(30px)}.sm-ours{transform:translateZ(-30px)}.sm-flow{grid-template-columns:repeat(4,1fr)}.sm-step{grid-template-columns:1fr auto;align-items:center}.sm-step:last-child{grid-template-columns:1fr}.sm-card{height:100%}.sm-arrow{height:2px;width:28px;margin:0;background:repeating-linear-gradient(to right,var(--line) 0 4px,transparent 4px 8px)}.sm-dot{left:0;top:-3px;animation-name:sm-run-x}.sm-pair{grid-template-columns:1fr}.sm-drift-a{animation:sm-drift-a-3d 8s ease-in-out infinite alternate}.sm-drift-b{animation:sm-drift-b-3d 9.5s ease-in-out infinite alternate}@keyframes sm-drift-a-3d{0%{transform:translate3d(0,-3px,30px)}to{transform:translate3d(0,3px,30px)}}@keyframes sm-drift-b-3d{0%{transform:translate3d(0,3px,-30px)}to{transform:translate3d(0,-3px,-30px)}}}.sm-root[data-paused] *,.sm-root[data-paused] :before{animation-play-state:paused!important}@media (prefers-reduced-motion:reduce){.sm-ours,.sm-tilt,.sm-yours{transform:none}.sm-dot,.sm-drift-a,.sm-drift-b{animation:none!important}.sm-dot{display:none}}