@layer components{.hands{width:100%;height:auto;display:block;overflow:hidden}.hands path,.hands use,.hands circle{stroke-linecap:round;stroke-linejoin:round}.hands .hk{fill:var(--color-ink)}.hands .hf{fill:var(--color-paper);stroke:var(--color-ink);stroke-width:1.8px;paint-order:stroke}.hands .b0{fill:url(#hd-a)}.hands .b1{fill:url(#hd-b)}.hands .b2{fill:url(#hd-c)}.hands .b3{fill:url(#hd-d)}.hands .ed{fill:none;stroke:var(--color-ink);stroke-width:1.1px}.hands .mk{fill:none;stroke:var(--color-ink);stroke-width:.75px;stroke-opacity:.85}.hands .fa{fill:none;stroke:var(--color-ink);stroke-width:.6px;stroke-opacity:.7}.hands .tn{fill:none;stroke:var(--color-ink);stroke-width:.55px;stroke-opacity:.42}.hands .cs{fill:url(#hd-s);stroke:none}.hands .ci{fill:url(#hd-d);stroke:var(--color-ink);stroke-width:.7px}.hands .cf{fill:var(--color-paper);stroke:var(--color-ink);stroke-width:1.5px}.hands .dt{fill:none;stroke:var(--color-ink);stroke-width:.55px;stroke-opacity:.8;stroke-dasharray:1.6 1.4}.hands .th{fill:none;stroke:var(--color-ink);stroke-width:.6px;stroke-opacity:.75}.hands .bt{fill:var(--color-paper);stroke:var(--color-ink);stroke-width:.8px}.hands .wf,.hands .wc{fill:var(--color-paper);stroke:var(--color-ink);stroke-width:1.2px}.hands .wh{fill:none;stroke:var(--color-ink);stroke-width:1px}.hands .wd{fill:var(--color-ink)}.hands .dl{fill:none;stroke:url(#hd-dg);stroke-width:1.2px;stroke-opacity:.8}.hands .dk{fill:none;stroke:url(#hd-dg);stroke-width:.6px;stroke-opacity:.45}.hands .gl{fill:var(--color-paper);stroke:none}.hands .tb{fill:url(#hd-t);stroke:none}.hands .ts{fill:url(#hd-a);stroke:none}.hands .gg{fill:none;stroke:var(--color-paper);stroke-width:1.3px}.hands .gx{fill:none;stroke:var(--color-ink);stroke-width:1.3px}.hands .sm{fill:none;stroke:var(--color-ink);stroke-width:.6px;stroke-opacity:.45}.hands .pb{fill:var(--color-paper);stroke:var(--color-ink);stroke-width:1.5px}.hands .pf{fill:var(--color-paper);stroke:var(--color-ink);stroke-width:1px}.hands .ps{fill:var(--color-paper);stroke:var(--color-ink);stroke-width:.8px;stroke-opacity:.8}.hands .pk{fill:none;stroke:var(--color-ink);stroke-width:1.6px}.hands .dk2{fill:url(#hd-v);fill-opacity:.3;stroke:var(--color-ink);stroke-width:1.2px}.hands .kslot{fill:var(--color-ink);stroke:none}.hands .tk{fill:url(#hd-x);stroke:var(--color-ink);stroke-width:1.4px}.hands .tkf{fill:url(#hd-d);stroke:var(--color-ink);stroke-width:.7px}.hands .led{fill:var(--color-paper);stroke:none}.hands .tk2{fill:var(--color-paper);stroke:var(--color-ink);stroke-width:1.4px}.hands .tkc{fill:var(--color-paper);stroke:var(--color-ink);stroke-width:1px}.hands .mf{fill:var(--color-paper);stroke:var(--color-ink);stroke-width:1.4px}.hands .rv{fill:var(--color-paper);stroke:var(--color-ink);stroke-width:.7px}.hands .bd{fill:var(--color-paper);stroke:var(--color-ink);stroke-width:.9px}.hands .fl{fill:var(--color-paper);stroke:var(--color-ink);stroke-width:1.4px}.hands .tp{fill:var(--color-paper);stroke:var(--color-ink);stroke-width:.8px}.hands .k{fill:none;stroke:none}.hands .am{fill:none;stroke:var(--color-amber);stroke-width:1.15px}.hands .tpt{stroke-width:2.6px}.hands .ak{fill:var(--color-amber);fill-opacity:.22;stroke:var(--color-amber);stroke-width:1.2px}.hands .st{opacity:0;visibility:hidden}.hands .st.on{opacity:1;visibility:visible}.hands .k{stroke:var(--color-ink);stroke-width:1.5px;stroke-dasharray:1;stroke-dashoffset:1px;opacity:0}@media (prefers-reduced-motion:no-preference){.hands .st{transition:opacity .6s var(--ease-entrance), visibility 0s linear .6s}.hands .st.on{transition:opacity .6s var(--ease-entrance), visibility 0s}.hands .st.play .k{animation:hd-draw .62s var(--ease-entrance) both}.hands .st.play .am,.hands .st.play .ak{transform-box:fill-box;transform-origin:50%;animation:hd-pulse .76s var(--ease-entrance) .26s both}}.pro.doc{padding-top:calc(76px + env(safe-area-inset-top,0px))}.pro-grid{padding:0 var(--g);display:grid}.pro-copy{max-width:36rem;margin-top:28px}.pro .doc-ask{margin-top:32px}.pro-roles{flex-wrap:wrap;gap:8px;max-width:30rem;margin-top:26px;display:flex}.pro-pic{margin:8px calc(-1 * var(--g)) 0}.pro-send{margin-top:0;display:grid}.pro .pro-reply{justify-self:end;margin-top:0}@media (width<=599.98px){.pro.doc{padding-top:calc(68px + env(safe-area-inset-top,0px))}.pro .page-title{font-size:clamp(2rem,9vw,2.5rem)}.pro-copy{margin-top:18px}.pro .lead{font-size:var(--body-fs);line-height:1.45}.pro .lead+.lead{margin-top:12px}.pro .doc-ask{margin-top:20px;font-size:26px}.pro .doc-ask .promise{margin-top:10px;line-height:1.45}}.pro-sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.pro-role{background:var(--color-paper);min-width:48px;min-height:44px;box-shadow:inset 0 0 0 1.5px var(--color-rule);color:var(--color-ink);font:600 16px / 1 var(--font-text);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;border:0;border-radius:8px;padding:0 14px}@media (width<=379px){.pro-roles{gap:8px 6px}.pro-role{padding:0 10px}}.pro-role[aria-pressed=true]{background:var(--color-ink);box-shadow:inset 0 0 0 1.5px var(--color-ink);color:var(--color-paper)}.pro-role:focus-visible{outline-offset:3px}@media (hover:hover){.pro-role[aria-pressed=false]:hover{background:var(--color-tint);box-shadow:inset 0 0 0 1.5px var(--color-ink-2)}}@media (prefers-reduced-motion:no-preference){.pro-role{transition:background-color var(--duration-press) var(--ease-entrance), color var(--duration-press) var(--ease-entrance), transform var(--duration-press) var(--ease-entrance)}.pro-role:active{transform:scale(.97)}}@media (width>=600px){.pro-pic{justify-self:center;width:min(100%,640px);margin:16px 0 0}.pro-send{justify-self:center;width:min(100%,640px)}}@media (width>=900px){.pro.doc{padding-top:calc(68px + 72px + env(safe-area-inset-top,0px))}.hands{max-height:max(300px,100svh - 370px)}}@media (width>=600px) and (height<=520px) and (orientation:landscape){.pro.doc{padding-top:calc(72px + env(safe-area-inset-top,0px))}.pro-grid,.pro-words{grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);align-items:start;column-gap:clamp(20px,3.4vw,36px)}.pro-grid{grid-template-columns:minmax(19.6rem,1fr) minmax(0,1.25fr)}.pro-roles{gap:7px 6px}.pro-role{padding:0 11px}.pro-grid{grid-template-rows:auto auto 1fr;grid-template-areas:"words words""roles pic""send pic"}.pro-words{grid-area:words;display:grid}.pro .page-title{font-size:clamp(2.2rem,5.2vw,3rem)}.pro-copy{margin-top:0;padding-top:.4em}.pro-roles{grid-area:roles;margin-top:40px}.pro-pic{grid-area:pic;place-self:center stretch;width:auto;margin:34px -8px 0 0}.pro-send{grid-area:send;justify-self:stretch;width:auto;margin-top:16px}.pro .pro-reply{justify-self:start;width:min(100% - 12px,23rem)}.hands{max-height:calc(100svh - 24px)}}@media (width>=600px) and (width<=759px) and (height<=520px) and (orientation:landscape){.pro-grid{grid-template-columns:minmax(19.6rem,1.2fr) minmax(0,1fr)}.pro-roles{margin-top:32px}.pro .pro-reply{width:100%}}@media (width>=1100px){.pro.doc{padding-top:calc(68px + env(safe-area-inset-top,0px))}.pro-grid{max-width:calc(1240px + 2 * var(--g));grid-template:"words pic""words roles""words send""words."1fr/minmax(0,5fr) minmax(0,7fr);align-items:start;column-gap:clamp(36px,4vw,72px)}.pro-words{grid-area:words;padding-top:clamp(28px,6vh,64px)}.pro-copy{margin-top:20px}.pro .lead{font-size:20px}.pro .lead+.lead{margin-top:14px}.pro .doc-ask{margin-top:24px;font-size:32px}.pro .doc-ask .promise{margin-top:12px}.pro .page-title{font-size:clamp(2.6rem,3.5vw,3.5rem)}.pro-pic{grid-area:pic;justify-self:stretch;width:auto;margin:8px -12px 0}.pro-roles{grid-area:roles;gap:8px 7px;max-width:none;margin-top:6px}.pro-role{padding:0 13px}.pro-send{grid-area:send;justify-self:stretch;width:auto;margin-top:16px}.pro .pro-reply{justify-self:start}.hands{max-height:max(300px,100svh - 376px)}.hands .hf{stroke-width:1.6px}.hands .ed{stroke-width:.95px}}@media (width>=1440px){.pro-grid{grid-template-columns:minmax(0,4.9fr) minmax(0,7.1fr)}.pro-roles{gap:8px 6px}.pro-role{padding:0 12px}.hands{max-height:max(300px,100svh - 324px)}}@media (width>=1100px) and (height<=800px){.pro-words{padding-top:18px}.pro .doc-ask{margin-top:22px}}}@keyframes hd-draw{0%{stroke-dashoffset:1px;opacity:1}78%{stroke-dashoffset:0;opacity:1}to{stroke-dashoffset:0;opacity:0}}@keyframes hd-pulse{0%{transform:scale(1)}40%{transform:scale(1.35)}to{transform:scale(1)}}