.wt-step{gap:var(--sb-space-xl);grid-template-columns:330px 1fr;align-items:start;animation:.25s wt-fade;display:grid}@keyframes wt-fade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.wt-step{animation:none}}.wt-shot{position:sticky;top:0}.wt-shot .phone-shot{width:100%}.wt-shot-mockup{width:100%;max-width:100%;height:auto;display:block}.wt-shot-frame--empty{aspect-ratio:660/1310;border:1px solid rgba(var(--sb-white-rgb), .14);color:rgba(var(--sb-white-rgb), .14);background:#0a0f1a;border-radius:22px;justify-content:center;align-items:center;display:flex}.wt-shot-frame--empty svg{width:56px;height:56px}.wt-super{letter-spacing:.14em;text-transform:uppercase;color:var(--sb-ice);margin-bottom:4px;font-size:.66rem;font-weight:800;display:block}.wt-title{color:var(--sb-text);margin:0 0 10px;font-size:1.15rem;font-weight:800}.wt-path{flex-wrap:wrap;align-items:center;gap:6px;margin:0 0 12px;display:flex}.wt-crumb{color:var(--sb-ice);background:rgba(var(--sb-ice-rgb), .1);border:1px solid rgba(var(--sb-ice-rgb), .28);border-radius:6px;padding:3px 10px;font-size:.72rem;font-weight:700}.wt-crumb-sep{color:var(--sb-text-muted);font-size:.9rem;line-height:1}.wt-text{color:var(--sb-text-secondary);margin:0 0 14px;font-size:.9rem;line-height:1.6}.wt-text a{color:var(--sb-ice)}.wt-expect{border-radius:var(--sb-radius);background:rgba(var(--sb-teal-rgb), .08);border:1px solid rgba(var(--sb-teal-rgb), .25);align-items:flex-start;gap:10px;margin:0 0 12px;padding:10px 14px;display:flex}.wt-expect svg{width:16px;height:16px;color:var(--sb-teal);flex-shrink:0;margin-top:2px}.wt-expect p{color:var(--sb-text-secondary);margin:0;font-size:.82rem;line-height:1.5}.wt-expect strong{color:var(--sb-teal)}.wt-fixes{border:1px solid rgba(var(--sb-white-rgb), .1);border-radius:var(--sb-radius);padding:0}.wt-fixes summary{cursor:pointer;color:var(--sb-text-secondary);padding:10px 14px;font-size:.8rem;font-weight:700;list-style:none}.wt-fixes summary:before{content:"+";color:var(--sb-ice);margin-right:8px;font-weight:800;display:inline-block}.wt-fixes[open] summary:before{content:"−"}.wt-fixes summary::-webkit-details-marker{display:none}.wt-fix{padding:0 14px 12px}.wt-fix-problem{color:var(--sb-text);margin:0 0 3px;font-size:.8rem;font-weight:700}.wt-fix-answer{color:var(--sb-text-secondary);margin:0;font-size:.8rem;line-height:1.5}.wt-footer{align-items:center;width:100%;display:flex}.wt-nav-side{flex:1;display:flex}.wt-nav-side--right{justify-content:flex-end}.wt-dots{align-items:center;gap:8px;margin:0 12px;display:flex}.wt-dot{border:1px solid rgba(var(--sb-white-rgb), .25);cursor:pointer;background:0 0;border-radius:50%;width:10px;height:10px;padding:0;transition:background .2s,border-color .2s,transform .2s,box-shadow .2s}.wt-dot.done{background:rgba(var(--sb-ice-rgb), .35);border-color:rgba(var(--sb-ice-rgb), .4)}.wt-dot.active{background:var(--sb-ice);border-color:var(--sb-ice);box-shadow:0 0 8px rgba(var(--sb-ice-rgb), .7), 0 0 16px rgba(var(--sb-ice-rgb), .35);transform:scale(1.25)}@media (width<=700px){.wt-step{grid-template-columns:1fr}.wt-shot{width:200px;margin:0 auto;position:static}.wt-shot--mockup{--wt-shadow-right:.331;box-sizing:content-box;padding-left:calc(200px * var(--wt-shadow-right))}}