[data-v3] .v3-how .v3-h2{max-width:22ch}.v3-how-head{display:flex;flex-direction:column;gap:16px;max-width:64ch}.v3-how-sub{color:var(--color-fill-3);font-weight:500;margin:0}.v3-how-mockup{position:relative;margin-top:20px;width:100%;aspect-ratio:1.8/1}@media (min-width:768px){.v3-how-mockup{margin-top:28px;aspect-ratio:2.03/1}}.v3-how-device{position:absolute;display:block;height:auto;pointer-events:none;user-select:none;-webkit-user-drag:none}.v3-how-device-tv{width:78%;left:11%;top:0;filter:drop-shadow(0 32px 64px rgb(0 0 0/.5));z-index:1}.v3-how-device-phone{height:68%;width:auto;left:2%;bottom:0;filter:drop-shadow(0 20px 40px rgb(0 0 0/.55));z-index:2}.v3-how-device-remote{height:56%;width:auto;right:2%;top:28%;filter:drop-shadow(0 18px 32px rgb(0 0 0/.5));z-index:2}@media (max-width:767px){.v3-how-device-tv{width:92%;left:4%;top:0}.v3-how-device-phone{height:80%;left:0;bottom:0}.v3-how-device-remote{height:45%;right:0;top:35%}}.v3-how-steps{margin-top:24px;list-style:none;padding:0;display:grid;grid-template-columns:1fr;gap:24px}@media (min-width:768px){.v3-how-steps{margin-top:36px;grid-template-columns:repeat(3,1fr);gap:48px}}.v3-how-step{display:flex;flex-direction:column;gap:10px}.v3-how-step-verb{color:var(--color-fill-1)}.v3-how-step-body{color:var(--color-fill-3);font-weight:500;max-width:36ch}@keyframes v3-how-rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}[data-v3] .v3-how .v3-h2,[data-v3] .v3-how .v3-how-mockup,[data-v3] .v3-how .v3-how-step,[data-v3] .v3-how .v3-how-sub{opacity:0;transform:translateY(16px)}@media (prefers-reduced-motion:reduce){[data-v3] .v3-how .v3-h2,[data-v3] .v3-how .v3-how-mockup,[data-v3] .v3-how .v3-how-step,[data-v3] .v3-how .v3-how-sub{opacity:1;transform:none;animation:none}}.v3-how[data-revealed=true] .v3-h2{animation:v3-how-rise .52s cubic-bezier(.23,1,.32,1) forwards}.v3-how[data-revealed=true] .v3-how-sub{animation:v3-how-rise .52s cubic-bezier(.23,1,.32,1) 80ms forwards}.v3-how[data-revealed=true] .v3-how-mockup{animation:v3-how-rise .7s cubic-bezier(.23,1,.32,1) .18s forwards}.v3-how[data-revealed=true] .v3-how-step{animation:v3-how-rise .6s cubic-bezier(.23,1,.32,1) forwards}.v3-how[data-revealed=true] .v3-how-step:first-child{animation-delay:.34s}.v3-how[data-revealed=true] .v3-how-step:nth-child(2){animation-delay:.4s}.v3-how[data-revealed=true] .v3-how-step:nth-child(3){animation-delay:.46s}