.how{max-width:60rem;margin:0 auto;padding:var(--ct-space-8) var(--ct-space-6) var(--ct-space-16)}.how-home{display:inline-block;margin-bottom:var(--ct-space-6);font-size:1.75rem;line-height:1;text-decoration:none;--ct-chalk-fill: var(--ct-red);--ct-chalk-stroke: .1em}.how-title{margin:0 0 var(--ct-space-2);font-size:clamp(2rem,6vw,3.4rem);line-height:var(--ct-leading-tight);--ct-chalk-fill: var(--ct-red);--ct-chalk-stroke: .075em}.how-lede{max-width:46ch;margin:0 0 var(--ct-space-12);font-size:1.1rem;line-height:var(--ct-leading-normal);color:var(--ct-text-muted)}.safety{max-width:62ch;margin:var(--ct-space-4) 0 var(--ct-space-12);padding:var(--ct-space-4) var(--ct-space-6);border-left:6px solid var(--ct-red);border-radius:var(--ct-radius-md);background:color-mix(in srgb,var(--ct-red) 7%,transparent);font-size:1rem;line-height:var(--ct-leading-normal)}.safety-head{margin:0 0 var(--ct-space-2);font-size:1.25rem;font-weight:var(--ct-weight-bold);color:var(--ct-red)}.safety p{margin:0 0 var(--ct-space-3)}.safety p:last-child{margin-bottom:0}.step{display:grid;grid-template-columns:1fr 22rem;gap:var(--ct-space-8);align-items:center;margin-bottom:var(--ct-space-16)}@media(max-width:52rem){.step{grid-template-columns:1fr;gap:var(--ct-space-6)}.step-viz{order:-1}}.step-num{display:block;margin-bottom:var(--ct-space-1);font-size:2.6rem;line-height:1;--ct-chalk-fill: var(--ct-red-bright);--ct-chalk-stroke: .08em}.step-head{margin:0 0 var(--ct-space-3);font-size:clamp(1.2rem,3vw,1.6rem);font-weight:var(--ct-weight-heavy);line-height:var(--ct-leading-tight)}.step p{margin:0 0 var(--ct-space-3);font-size:1.05rem;line-height:1.6;color:var(--ct-text-muted)}.step p:last-child{margin-bottom:0}.step strong{color:var(--ct-text);font-weight:var(--ct-weight-heavy)}.step-warn{padding:var(--ct-space-3) var(--ct-space-4);color:var(--ct-ball)!important;background:var(--ct-red);border-radius:var(--ct-radius-md);font-weight:var(--ct-weight-bold)}.step-warn strong{color:var(--ct-ball)}.step-viz{display:flex;align-items:center;justify-content:center;gap:var(--ct-space-4);min-height:15rem;padding:var(--ct-space-6);background:var(--ct-page);border:2px solid var(--ct-border);border-radius:var(--ct-radius-lg);box-shadow:var(--ct-shadow-sm);overflow:hidden}.wire{fill:none;stroke:var(--ct-red);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.wire-soft{stroke:var(--ct-red);opacity:.45}.wire-fill{fill:var(--ct-red);stroke:none}.viz{width:100%;max-width:17rem;height:auto;overflow:visible}.viz .arm-upper,.viz .arm-fore,.viz .phone-rock,.viz .phone-pitch{transform-box:view-box}.scan-line{animation:scan 2.8s ease-in-out infinite}@keyframes scan{0%,to{transform:translateY(4px);opacity:0}10%{opacity:1}50%{transform:translateY(112px);opacity:1}90%{opacity:0}}.table-stage{perspective:520px}.table-spin{animation:table-swing 7s ease-in-out infinite}@keyframes table-swing{0%,to{transform:rotateY(0)}20%{transform:rotateY(-27deg)}40%{transform:rotateY(0)}60%{transform:rotateY(27deg)}80%{transform:rotateY(0)}}.phone-face{position:relative;display:flex;align-items:center;justify-content:center;width:8.5rem;height:15rem;padding:var(--ct-space-3);text-align:center;border:2px solid var(--ct-red);border-radius:1.4rem}.phone-face-label{font-size:1.05rem;line-height:var(--ct-leading-tight);letter-spacing:.06em;--ct-chalk-fill: var(--ct-red-bright);--ct-chalk-stroke: .16em}.phone-face-sub{display:block;margin-top:var(--ct-space-2);font-family:var(--ct-font);font-size:.65rem;font-weight:var(--ct-weight-normal);letter-spacing:0;text-transform:none;color:var(--ct-text-muted);-webkit-text-stroke:0;text-shadow:none}.tap-ring{position:absolute;top:50%;left:50%;width:3rem;height:3rem;margin:-1.5rem 0 0 -1.5rem;border:2px solid var(--ct-red);border-radius:50%;animation:tap 2.6s ease-out infinite}@keyframes tap{0%,to{transform:scale(.3);opacity:0}12%{transform:scale(.3);opacity:.9}45%{transform:scale(1.6);opacity:0}}.phone-rock{transform-origin:90px 150px;animation:rock 4s ease-in-out infinite}@keyframes rock{0%,to{transform:rotate(0)}25%{transform:rotate(-17deg)}75%{transform:rotate(17deg)}}.arrow-left{animation:arrow-l 4s ease-in-out infinite}.arrow-right{animation:arrow-r 4s ease-in-out infinite}@keyframes arrow-l{0%,to{opacity:.3}25%{opacity:1}60%{opacity:.3}}@keyframes arrow-r{0%,to{opacity:.3}40%{opacity:.3}75%{opacity:1}}.phone-pitch{transform-origin:80px 150px;animation:pitch 3.6s ease-in-out infinite}@keyframes pitch{0%,to{transform:rotate(0)}30%{transform:rotate(26deg)}65%{transform:rotate(-30deg)}}.arm-upper{transform-origin:36px 88px;animation:arm-upper 3.6s ease-in-out infinite}.arm-fore{transform-origin:88px 120px;animation:arm-fore 3.6s ease-in-out infinite}@keyframes arm-upper{0%{transform:rotate(0)}18%,72%{transform:rotate(-35deg)}88%,to{transform:rotate(0)}}@keyframes arm-fore{0%{transform:rotate(0)}18%{transform:rotate(-14deg)}34%{transform:rotate(-52deg)}46%{transform:rotate(45deg)}58%{transform:rotate(32deg)}72%{transform:rotate(0)}88%,to{transform:rotate(0)}}.ball-fly{animation:ball-fly 3.6s linear infinite}@keyframes ball-fly{0%,37%{transform:translate(0);opacity:0}39%{transform:translate(0);opacity:1}52%{transform:translate(42px,-2px);opacity:1}68%{transform:translate(92px,18px);opacity:1}80%{transform:translate(124px,46px);opacity:0}81%,to{transform:translate(0);opacity:0}}.step-viz-pair .viz{max-width:8.5rem}@media(max-width:22rem){.step-viz-pair{flex-direction:column}}.how-foot{margin-top:var(--ct-space-12);text-align:center}.how-foot a{color:var(--ct-red);font-weight:var(--ct-weight-bold);text-underline-offset:3px}