.guide-tabs{padding-top:36px}.guide-tabs__row{align-items:center;gap:24px;display:flex}.tabs{border-bottom:1px solid var(--rule);flex:auto;gap:36px;min-width:0;display:flex;overflow-x:auto}.tab{color:var(--muted);white-space:nowrap;background:0 0;border:0;border-bottom:2px solid #0000;padding:14px 0;font-size:16px;text-decoration:none}.tab:hover{color:var(--ink)}.tab[aria-current=page]{border-bottom-color:var(--ink);color:var(--ink);font-weight:500}.guide-clips{flex:none}.guide-body{padding-top:28px}.device-switch{border:1px solid #00000040;border-radius:10px;margin-bottom:32px;display:inline-flex;overflow:hidden}.device-switch button{color:var(--ink);background:0 0;border:0;padding:10px 22px;font-size:15px;font-weight:400}.device-switch button[aria-pressed=true]{background:var(--ink);color:var(--paper);font-weight:500}.guide{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start;gap:96px;display:grid}.guide[data-device=computer]{grid-template-columns:minmax(0,1fr);gap:10px;max-width:780px;margin:0 auto}.phone{background:#111;border:9px solid #111;border-radius:36px;width:300px;max-width:100%;height:623px;position:relative;overflow:hidden;box-shadow:0 40px 80px #1e211647}.phone__zoom{width:100%;height:100%;transition:transform .5s;position:absolute;top:0;left:0}.phone__shot{object-fit:cover;object-position:top;width:100%;height:100%;display:block}.stage-shade{background:#14160e2e;position:absolute;inset:0}.marks{pointer-events:none;width:100%;height:auto;position:absolute;top:0;left:0}.marks--fill{height:100%}.marks path{fill:none;stroke:var(--mark);stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1}.marks circle{fill:var(--mark);opacity:0}@keyframes drawA{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@keyframes drawB{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@keyframes popA{0%{opacity:0}to{opacity:1}}@keyframes popB{0%{opacity:0}to{opacity:1}}.play-mini{background:var(--accent);z-index:5;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin-left:-28px;display:flex;position:absolute;top:12px;left:50%;box-shadow:0 6px 18px #00000059}.play-big{background:var(--accent);border:0;border-radius:50%;justify-content:center;align-items:center;width:84px;height:84px;margin:-42px 0 0 -42px;display:flex;position:absolute;top:50%;left:50%;box-shadow:0 10px 30px #0000004d}.play-mini svg{width:22px;height:22px}.play-big svg{width:30px;height:30px}.caption{color:#fff;text-align:center;background:#14160ec7;border-radius:8px;padding:10px 12px;font-size:15px;line-height:1.4;position:absolute;left:14px;right:14px}.laptop__screen{background:#fff;border:10px solid #1b1b1b;border-radius:14px 14px 0 0;width:100%;position:relative;overflow:hidden;box-shadow:0 30px 70px #1e21164d}.laptop__zoom{width:100%;height:100%;transition:transform .5s;position:absolute;top:0;left:0}.laptop__shot{object-fit:contain;width:100%;height:100%;display:block;position:absolute;top:0;left:0}.laptop__empty{color:#cfd2c7;background:#2a2d26;justify-content:center;align-items:center;font-size:15px;display:flex;position:absolute;inset:0}.laptop__base{background:linear-gradient(#dcdcdc,#b9b9b9);border-radius:0 0 16px 16px;height:12px;margin:0 -4%}.laptop .play-mini{width:46px;height:46px;margin-left:-23px;top:10px}.laptop .play-mini svg{width:18px;height:18px}.laptop .play-big{width:64px;height:64px;margin:-32px 0 0 -32px}.laptop .play-big svg{width:24px;height:24px}.caption--laptop{padding:10px 14px}.guide__title{flex-wrap:wrap;align-items:baseline;gap:6px 20px;display:flex}.guide__title .h1{font-size:clamp(32px,3.6vw,52px)}.guide__line{font-size:17px}.guide__line2{margin:8px 0 0;font-size:15px}.refs{flex-wrap:wrap;gap:4px 18px;margin:8px 0 0;display:flex}.ref{color:var(--muted);text-align:left;background:0 0;border:0;padding:0;font-size:13px;font-weight:400;text-decoration:underline;display:block}.ref:hover{color:var(--ink)}.ctabs{flex-wrap:wrap;gap:6px 36px;margin-top:6px;display:flex}.ctab{color:var(--muted);background:0 0;border:0;padding:6px 0;font-size:20px;font-weight:400}.ctab[aria-pressed=true]{color:var(--ink);font-weight:600}.csteps{grid-template-columns:repeat(var(--n,1),minmax(0,1fr));gap:14px 16px;margin:14px 0 0;padding:0;list-style:none;display:grid}.cstep{text-align:left;color:var(--ink);background:0 0;border:0;padding:0}.cstep__n{font-size:22px;font-weight:200;display:block}.cstep__t{margin-top:2px;font-size:15px;font-weight:500;line-height:1.35;display:block}.guide__empty{color:var(--muted);margin-top:14px;font-size:15px}.lines{border-bottom:1px solid var(--rule);margin-top:20px}.line{border-top:1px solid var(--rule)}.line__btn{text-align:left;width:100%;color:var(--ink);background:0 0;border:0;justify-content:space-between;align-items:center;gap:16px;padding:15px 0;font-size:19px;font-weight:400;display:flex}.line__btn[aria-expanded=true]{font-weight:600}.line__btn:hover span:first-child{text-decoration:underline}.line__sign{color:var(--muted);white-space:nowrap;font-size:15px;font-weight:400}.line__body{padding:0 0 14px}.steps{margin:2px 0 0;padding:0;list-style:none}.step{border-top:1px solid var(--rule-soft)}.step.is-dim{opacity:.45}.step__btn{text-align:left;width:100%;color:var(--ink);background:0 0;border:0;grid-template-columns:40px minmax(0,1fr);align-items:baseline;gap:12px;padding:8px 0;display:grid}.step__n{font-size:16px;font-weight:200}.step__t{font-size:16px;font-weight:500}.step__ref{color:var(--muted);text-align:left;margin:-2px 0 8px 52px;padding:0;font-size:13px;font-weight:400;text-decoration:underline;display:block}.step__ref:hover{color:var(--ink)}.line__none{border-top:1px solid var(--rule-soft);color:var(--muted);margin-top:22px;padding-top:16px;font-size:16px}.notes{margin-top:18px}.note{padding:6px 0}.note b{font-size:15px;font-weight:500}.note span{color:var(--muted);font-size:15px;line-height:1.55}@media (width<=900px){.guide{grid-template-columns:1fr!important;gap:32px!important}}@media (prefers-reduced-motion:reduce){.phone__zoom,.laptop__zoom{transition:none}}.caption--laptop{padding:10px 14px;left:auto;right:auto}.play-mini span,.play-big span{display:flex}