.lp-root.sb-root{--sb-oak-hi: #d7ae78;--sb-oak: #b98a52;--sb-oak-lo: #8a6234;--sb-oak-grain: rgb(90 55 20 / .12);--sb-cork: #c49565;--sb-cork-lo: #a97a4b;--sb-cork-dot: rgb(92 58 26 / .42);--sb-cork-hi: rgb(240 210 165 / .45);--sb-counter-hi: #9c6b3f;--sb-counter: #7c522e;--sb-counter-lo: #563719;--sb-counter-edge: #b58251;--sb-paper: #fffdf8;--sb-paper-ink: #2f2b1f;--sb-paper-soft: #6f6a5c;--sb-bar: rgb(47 43 31 / .1);--sb-pin-ok: #2f8a55;--sb-pin-ok-lo: #1d5a37;--sb-pin-wait: #e0a526;--sb-pin-wait-lo: #9c6d0c;--sb-pin-sent: #3c74b8;--sb-pin-sent-lo: #234a7a;--sb-pin-hi: rgb(255 255 255 / .7);--sb-brass-ink: #4a3610;--sb-bezel-hi: #3a3b3f;--sb-bezel: #1e1f22;--sb-screen: #ffffff;--sb-wine: #8b1e3f;--sb-white: #fffaf3;--sb-pen: #1d2f63;--sb-ok: #2c6a43;--sb-ok-bg: #e2efe4;--sb-wait: #735410;--sb-wait-bg: #f7ecce;--sb-sent: #28507d;--sb-sent-bg: #e1e9f4;--sb-clip: #232427;--sb-clip-hi: #4a4c51;--sb-chrome-hi: #fbfbf8;--sb-chrome: #c9cac6;--sb-chrome-lo: #7f817c;--sb-shade: rgb(40 28 10 / .34);--sb-shade-soft: rgb(40 28 10 / .16)}[data-theme=dark] .lp-root.sb-root{--sb-oak-hi: #a8885c;--sb-oak: #8a6a40;--sb-oak-lo: #5e4424;--sb-cork: #9a7650;--sb-cork-lo: #7e5e3c;--sb-counter-hi: #6e4b2c;--sb-counter: #573a20;--sb-counter-lo: #3a2612;--sb-paper: #ebe6d6;--sb-shade: rgb(0 0 0 / .6);--sb-shade-soft: rgb(0 0 0 / .3)}.sb-root .sb-stage{position:absolute;top:0;right:0;bottom:0;left:0;font-size:calc(100cqi / 60)}.sb-root .sb-frame{position:absolute;left:1.5em;top:1.5em;width:57em;height:44em;border-radius:.5em;background-color:var(--sb-oak);background-image:var(--lp-grain),repeating-linear-gradient(90deg,var(--sb-oak-grain) 0 .1em,transparent .1em .9em,var(--sb-oak-grain) .9em 1em,transparent 1em 2.3em),linear-gradient(160deg,var(--sb-oak-hi),var(--sb-oak) 45%,var(--sb-oak-lo));box-shadow:0 1px 0 var(--sb-oak-hi) inset,var(--lp-shadow-object)}.sb-root .sb-cork{position:absolute;top:1.6em;right:1.6em;bottom:1.6em;left:1.6em;border-radius:.2em;background:radial-gradient(var(--sb-cork-dot) .06em,transparent .09em) 0 0 / .62em .62em,radial-gradient(var(--sb-cork-hi) .06em,transparent .09em) .31em .2em / .84em .84em,radial-gradient(var(--sb-cork-dot) .1em,transparent .13em) .2em .5em / 1.7em 1.3em,var(--lp-grain),linear-gradient(170deg,var(--sb-cork),var(--sb-cork-lo));box-shadow:inset 0 .4em .7em var(--sb-shade),inset 0 -1px 0 var(--sb-oak-hi)}.sb-root .sb-plate{position:absolute;left:50%;bottom:.15em;transform:translate(-50%);padding:.25em 1.2em;border-radius:.25em;white-space:nowrap;font-size:1.1em;font-weight:600;color:var(--sb-brass-ink);background:linear-gradient(180deg,var(--lp-brass-hi),var(--lp-brass) 60%,var(--lp-brass-lo));box-shadow:0 .12em .2em var(--sb-shade)}.sb-root .sb-note{position:absolute;width:15.4em;padding:2.6em 1.4em 1.4em;display:grid;justify-items:start;gap:.35em;color:var(--sb-paper-ink);background-color:var(--sb-paper);background-image:var(--lp-grain);border-radius:.15em;box-shadow:0 .15em .25em var(--sb-shade-soft),0 .8em 1.2em -.6em var(--sb-shade)}.sb-root .sb-note[data-i="0"]{left:5em;top:5em;transform:rotate(-3deg)}.sb-root .sb-note[data-i="1"]{left:22.6em;top:4.4em;transform:rotate(2deg)}.sb-root .sb-note[data-i="2"]{left:40em;top:5.6em;transform:rotate(-1.5deg)}.sb-root .sb-note[data-i="3"]{left:6.4em;top:25.4em;transform:rotate(2.5deg)}.sb-root .sb-note[data-i="4"]{left:23.6em;top:26.2em;transform:rotate(-2deg)}.sb-root .sb-pin{position:absolute;left:50%;top:.5em;width:1.9em;height:1.9em;margin-left:-.95em;border-radius:50%;background:radial-gradient(circle at 34% 30%,var(--sb-pin-hi) 0 .18em,var(--pin) .5em,var(--pin-lo) 100%);box-shadow:.25em .35em .3em var(--sb-shade),inset 0 -.15em .2em var(--sb-shade-soft);transition:background .4s ease}.sb-root .sb-note[data-tone=ok]{--pin: var(--sb-pin-ok);--pin-lo: var(--sb-pin-ok-lo)}.sb-root .sb-note[data-tone=wait]{--pin: var(--sb-pin-wait);--pin-lo: var(--sb-pin-wait-lo)}.sb-root .sb-note[data-tone=sent]{--pin: var(--sb-pin-sent);--pin-lo: var(--sb-pin-sent-lo)}.sb-root .sb-note-doc{font-size:1.55em;font-weight:600;letter-spacing:-.02em;line-height:1.15}.sb-root .sb-note-who{font-size:1.15em;font-weight:600;color:var(--sb-wine)}.sb-root .sb-note-what{font-size:1.05em;color:var(--sb-paper-soft)}.sb-root .sb-note-who:empty{display:none}.sb-root .sb-note-lines{width:100%;display:grid;gap:.5em;margin:.4em 0 .3em}.sb-root .sb-note-lines i{display:block;height:.45em;border-radius:1em;background:var(--sb-bar)}.sb-root .sb-note-lines i:last-child{width:65%}.sb-root .sb-note .lp-chip{font-size:max(10px,1.1em)}.sb-root .sb-note .lp-chip:empty{display:none}.sb-root .sb-note .lp-chip-ok{color:var(--sb-ok);background:var(--sb-ok-bg)}.sb-root .sb-note .lp-chip-wait{color:var(--sb-wait);background:var(--sb-wait-bg)}.sb-root .sb-note .lp-chip-sent{color:var(--sb-sent);background:var(--sb-sent-bg)}.sb-root .sb-counter{position:absolute;left:0;right:0;top:47.8em;bottom:.6em;border-radius:.4em;background-color:var(--sb-counter);background-image:var(--lp-grain),repeating-linear-gradient(90deg,var(--sb-oak-grain) 0 .12em,transparent .12em 1.4em,var(--sb-oak-grain) 1.4em 1.5em,transparent 1.5em 3.1em),linear-gradient(180deg,var(--sb-counter-edge) 0 .5em,var(--sb-counter-hi) .5em,var(--sb-counter) 40%,var(--sb-counter-lo));box-shadow:0 -.3em .8em var(--sb-shade-soft)}.sb-root .sb-stand{position:absolute;left:42em;top:47.3em;width:15em;height:1.6em;border-radius:.4em .4em .2em .2em;background:linear-gradient(180deg,var(--sb-clip-hi),var(--sb-clip));box-shadow:0 .3em .5em var(--sb-shade)}.sb-root .sb-phone{--pw: 13em;position:absolute;left:43em;top:21.3em;width:var(--pw);height:calc(var(--pw) * 2);padding:calc(var(--pw) * .046);border-radius:calc(var(--pw) * .157);background:linear-gradient(150deg,var(--sb-bezel-hi),var(--sb-bezel) 40%);box-shadow:0 0 0 .12em var(--sb-bezel-hi) inset,var(--lp-shadow-object)}.sb-root .sb-screen{position:relative;height:100%;font-size:calc(var(--pw) / 14);display:flex;flex-direction:column;gap:.55em;padding:1.6em 1.1em 1.1em;border-radius:1.6em;color:var(--sb-paper-ink);background:var(--sb-screen);overflow:hidden}.sb-root .sb-bar{display:flex;align-items:center;gap:.35em;padding-bottom:.6em;border-bottom:1px solid var(--sb-bar);font-size:.95em;font-weight:700;color:var(--sb-wine)}.sb-root .sb-bar-leaf{width:1.1em;height:1.1em;fill:currentColor}.sb-root .sb-pdoc{margin-top:.3em;font-size:1.4em;line-height:1.15;font-weight:600;letter-spacing:-.02em}.sb-root .sb-pfrom{margin-top:-.4em;font-size:.9em;color:var(--sb-paper-soft)}.sb-root .sb-items{display:grid;gap:.35em;margin-top:.4em}.sb-root .sb-items>span{display:flex;justify-content:space-between;align-items:baseline;gap:.6em;font-size:.9em;font-variant-numeric:tabular-nums}.sb-root .sb-items>span>span:last-child{white-space:nowrap}.sb-root .sb-items>.sb-items-total{padding-top:.4em;border-top:1.5px solid var(--sb-paper-ink);font-weight:700}.sb-root .sb-pfield{margin-top:auto;display:grid;gap:.3em}.sb-root .sb-pbox{height:3.9em;display:grid;place-items:center;border-radius:.5em;border:2px dashed var(--sb-wine);background:color-mix(in oklab,var(--sb-wine) 6%,transparent)}.sb-root .sb-phone:not([data-state=wait]) .sb-pbox{border:0;border-bottom:1.5px solid var(--sb-paper-ink);border-radius:0;background:transparent}.sb-root .sb-pbox svg{width:88%;height:80%;overflow:visible}.sb-root .sb-pbox path{fill:none;stroke:var(--sb-pen);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:200;stroke-dashoffset:0}.sb-root .sb-phone[data-state=signing] .sb-pbox path{animation:sb-draw 1s ease-out both}@keyframes sb-draw{0%{stroke-dashoffset:200}}.sb-root .sb-pflag{padding:.35em .9em;border-radius:999px;font-size:.95em;font-weight:600;color:var(--sb-white);background:var(--sb-wine)}.sb-root .sb-plabel{font-size:.85em;color:var(--sb-paper-soft)}.sb-root .sb-pbutton{padding:.7em;border-radius:999px;text-align:center;font-size:1em;font-weight:600;color:var(--sb-white);background:var(--sb-wine);transition:background .3s ease}.sb-root .sb-phone[data-state=signed] .sb-pbutton{color:var(--sb-ok);background:var(--sb-ok-bg)}@container (max-width: 520px){.sb-root .sb-stage{font-size:calc(100cqi / 44)}.sb-root .sb-frame{left:.6em;top:1em;width:42.8em;height:43em}.sb-root .sb-note{width:18em;padding:2.6em 1.3em 1.3em}.sb-root .sb-note-what,.sb-root .sb-note-lines{display:none}.sb-root .sb-note[data-i="0"]{left:3em;top:3.6em}.sb-root .sb-note[data-i="1"]{left:22.6em;top:3.4em}.sb-root .sb-note[data-i="2"]{left:3.4em;top:15.4em}.sb-root .sb-note[data-i="3"]{left:22.8em;top:15.2em}.sb-root .sb-note[data-i="4"]{left:3em;top:27.4em}.sb-root .sb-counter{top:50em;bottom:0}.sb-root .sb-stand{left:27em;top:49.6em;width:15em}.sb-root .sb-phone{--pw: 12em;left:28.6em;top:25.6em}.sb-root .sb-plate{left:30%}}@media (max-width: 560px){.lp-root.sb-root .lp-hero .lp-scene{aspect-ratio:1 / 1.3}}.sb-root .sb-replay{margin-top:26px;min-height:44px;padding:0 18px;border:0;border-radius:999px;font:inherit;font-size:15px;font-weight:600;color:var(--lp-ink);background:color-mix(in oklab,var(--lp-paper) 70%,transparent);box-shadow:0 0 0 1px var(--lp-line) inset;cursor:pointer}.sb-root .sb-replay:hover{box-shadow:0 0 0 1px var(--lp-ink-faint) inset}.sb-root .sb-mv{position:relative;container-type:inline-size;width:100%;max-width:600px;justify-self:center;aspect-ratio:1 / .86}.sb-root .sb-mv>*{font-size:2.5cqi}.sb-root .sb-mv-strip{position:absolute;left:0;right:0;top:0;height:19em;border-radius:.4em;background-color:var(--sb-oak);background-image:var(--lp-grain),linear-gradient(160deg,var(--sb-oak-hi),var(--sb-oak) 45%,var(--sb-oak-lo));box-shadow:var(--lp-shadow-object)}.sb-root .sb-mv-strip .sb-cork{top:1.2em;right:1.2em;bottom:1.2em;left:1.2em}.sb-root .sb-mv .sb-note{width:13em;padding:2.4em 1.2em 1.2em}.sb-root .sb-mv .sb-note-lines{display:grid}.sb-root .sb-mv .sb-note[data-i="7"]{left:1.4em;top:3em;width:12em;transform:rotate(-2.5deg)}.sb-root .sb-mv .sb-note[data-i="5"]{left:13.4em;top:2.4em;z-index:1;transform:rotate(1.5deg)}.sb-root .sb-mv .sb-note[data-i="6"]{left:26.4em;top:2.6em;transform:rotate(-1deg)}.sb-root .sb-mv .sb-counter{left:0;right:0;top:29.6em;border-radius:.3em}.sb-root .sb-mv .sb-stand{left:26.6em;top:29.2em;width:12.8em;height:1.3em}.sb-root .sb-mv .sb-phone{--pw: 11em;left:27.5em;top:7.2em;z-index:2}@media (prefers-reduced-motion: reduce){.sb-root .sb-phone[data-state=signing] .sb-pbox path{animation:none}.sb-root .sb-pin,.sb-root .sb-pbutton{transition:none}}.sb-root .sb-bundle{position:relative;container-type:inline-size;width:100%;max-width:520px;justify-self:center;aspect-ratio:1 / .97}.sb-root .sb-sheet{position:absolute;left:4em;top:calc(4em + var(--i) * 4.2em);width:26em;height:17em;padding:2.05em 1.4em 1.1em;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto 1fr;align-items:start;column-gap:1em;font-size:2.5cqi;color:var(--sb-paper-ink);background-color:var(--sb-paper);background-image:var(--lp-grain);border-radius:.2em;box-shadow:0 .12em .25em var(--sb-shade-soft),0 .7em 1.2em -.6em var(--sb-shade);transform:rotate(calc((var(--i) - 2) * .8deg))}.sb-root .sb-sheet-title{font-size:1.45em;font-weight:600;letter-spacing:-.02em}.sb-root .sb-sheet-chip{padding:.2em .8em;border-radius:999px;font-size:.95em;font-weight:600;color:var(--sb-wine);background:color-mix(in oklab,var(--sb-wine) 10%,transparent)}.sb-root .sb-sheet-fields{grid-column:1 / -1;align-self:end;display:grid;gap:.9em;padding-bottom:.6em}.sb-root .sb-sheet-fields span{display:grid;grid-template-columns:6em minmax(0,1fr);align-items:center;gap:.8em}.sb-root .sb-sheet-fields em{font-style:normal;font-size:1em;color:var(--sb-paper-soft)}.sb-root .sb-sheet-fields i{height:2.1em;border-radius:.3em;border:1.5px dashed color-mix(in oklab,var(--sb-wine) 55%,transparent);background:color-mix(in oklab,var(--sb-wine) 5%,transparent)}.sb-root .sb-sheet:not([data-front]) .sb-sheet-fields{visibility:hidden}.sb-root .sb-clip{position:absolute;left:42.5%;top:2.2em;width:8em;height:4.2em;margin-left:-4em;z-index:9;font-size:2.5cqi;border-radius:.5em .5em .3em .3em;clip-path:polygon(6% 0,94% 0,100% 100%,0 100%);background:linear-gradient(180deg,var(--sb-clip-hi),var(--sb-clip) 55%);filter:drop-shadow(0 .3em .3em var(--sb-shade))}.sb-root .sb-clip i{display:none}.sb-root .sb-bundle:before{content:"";position:absolute;left:42.5%;top:0;width:5.8em;height:4.6em;margin-left:-2.9em;z-index:10;font-size:2.5cqi;border:.45em solid var(--sb-chrome);border-bottom:0;border-top-color:var(--sb-chrome-hi);border-radius:1.2em 1.2em 0 0}