.hd{--fg:var(--color-ink);--fg-2:var(--color-ink-2);--line:#ffffff1f;--accent:var(--color-blue-tint);--focus:var(--color-blue-tint);width:min(100%,820px);color:var(--fg);margin-inline:auto;font-size:13px;line-height:1.4}.hd .device-body{background:var(--color-graphite)}.hd-app{overscroll-behavior:auto;gap:12px;max-height:min(484px,100svh - 270px);padding:14px;display:grid;overflow:auto}.hd-head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.hd-brand{letter-spacing:-.02em;font-size:15px;font-weight:500}.hd-login{color:var(--fg-2)}.hd-roles{border:1px solid var(--line);border-radius:4px;grid-template-columns:repeat(3,1fr);display:grid;overflow:clip}.hd-role{appearance:none;border:0;border-left:1px solid var(--line);min-height:44px;color:var(--fg-2);font:inherit;font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;background:0 0;padding:0 8px;font-size:12.5px;transition:background-color .18s,color .18s}.hd-role:first-child{border-left:0}.hd-role:hover{color:var(--fg)}.hd-role[aria-checked=true]{background:var(--color-blue);color:var(--color-ink-dark)}.hd-role:focus-visible{outline-offset:-3px;outline-color:var(--color-ink)}.hd-role[aria-checked=true]:focus-visible{outline-color:var(--color-ink-dark)}.hd-perms{text-transform:none;letter-spacing:.02em;color:var(--fg-2);gap:2px;font-size:12.5px;display:grid}.hd-perms p{margin:0}.hd-perm-k{color:var(--fg)}.hd-perms [data-perm=cannot] .hd-perm-k{color:var(--color-blue-tint)}.hd-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:8px;min-height:172px;display:grid}@media (max-width:559.98px){.hd-grid{grid-template-columns:1fr;min-height:0}}.hd-w{border:1px solid var(--line);background:var(--color-panel);border-radius:2px;min-width:0;padding:12px}.hd-wt{color:var(--fg-2);margin:0 0 10px;font-weight:400}.hd-list{gap:6px;margin:0;padding:0;list-style:none;display:grid}.hd-split{justify-content:space-between;gap:8px;display:flex}.hd-time{min-width:3.4ch;color:var(--fg-2);font-family:var(--font-mono);margin-right:6px;font-size:12.5px;display:inline-block}.hd-big{font-variant-numeric:tabular-nums;font-weight:500}.hd-dim{color:var(--fg-2);margin:0}.hd-figure{letter-spacing:-.04em;margin:0 0 2px;font-size:30px;font-weight:500;line-height:1}.hd-sum{margin:0 0 12px}.hd-meter{background:var(--line);border-radius:2px;height:3px;overflow:clip}.hd-meter span{background:var(--color-blue-tint);transform-origin:0;height:100%;display:block}
.ll{--fg:var(--color-ink);--fg-2:var(--color-ink-2);--line:#ffffff1f;--accent:var(--color-blue-tint);--focus:var(--color-cyan);width:min(100%,820px);color:var(--fg);margin-inline:auto;font-size:13px;line-height:1.4}.ll .device-body{background:var(--color-graphite)}.ll-app{overscroll-behavior:auto;gap:12px;max-height:min(484px,100svh - 270px);padding:14px;display:grid;overflow:auto}.ll-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.ll-brand{letter-spacing:-.02em;font-size:15px;font-weight:500}.ll-switch{appearance:none;min-height:44px;color:var(--fg);font:inherit;font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;padding:0 4px 0 8px;font-size:12.5px;display:inline-flex}.ll-track{border:1px solid var(--color-ink-2);border-radius:11px;width:38px;height:22px;transition:background-color .2s;position:relative}.ll-knob{background:var(--color-ink);width:16px;height:16px;transition:transform .28s var(--ease-out-expo);border-radius:50%;position:absolute;top:2px;left:2px}.ll-switch[aria-checked=true] .ll-track{background:var(--color-blue);border-color:var(--color-blue)}.ll-switch[aria-checked=true] .ll-knob{background:var(--color-ink-dark);transform:translate(16px)}.ll-state{min-width:2ch;color:var(--fg-2)}.ll-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.ll-chip{border:1px solid var(--line);font-family:var(--font-mono);letter-spacing:.02em;border-radius:3px;align-items:center;gap:8px;margin:0;padding:6px 10px 6px 8px;font-size:12.5px;display:inline-flex}.ll-dot{background:var(--color-green);border-radius:50%;width:8px;height:8px}.ll-chip[data-state=off] .ll-dot{border:1.5px solid var(--fg);background:0 0}.ll-chip[data-state=syncing] .ll-dot{background:var(--color-blue-tint)}.ll-total{letter-spacing:-.02em;margin:0;font-size:18px;font-weight:500}.ll-add{appearance:none;background:var(--color-blue);min-height:44px;color:var(--color-ink-dark);font:inherit;font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:transform .3s var(--ease-out-expo);border:0;border-radius:4px;justify-self:start;padding:0 22px;font-size:12.5px}.ll-add:active{transform:scale(.97)}.ll-add:focus-visible{outline-color:var(--color-ink)}.ll-list{overscroll-behavior:auto;border-top:1px solid var(--line);align-content:start;gap:0;height:161px;margin:0;padding:0;list-style:none;display:grid;overflow:auto}.ll-row{border-bottom:1px solid var(--line);grid-template-columns:14px minmax(0,1fr) auto 72px 56px;align-items:center;gap:10px;min-height:40px;display:grid}.ll-ring{background:var(--color-green);border-radius:50%;width:8px;height:8px}.ll-row[data-status=queued] .ll-ring{border:1.5px solid var(--fg);background:0 0}.ll-time{color:var(--fg-2);font-family:var(--font-mono);font-size:12.5px}.ll-amt{text-align:right}.ll-st{font-family:var(--font-mono);color:var(--fg-2);font-size:12.5px}.ll-row[data-status=queued] .ll-st{color:var(--fg)}@media (max-width:420px){.ll-row{grid-template-columns:14px minmax(0,1fr) 68px 52px}.ll-time{display:none}}.ll-empty{min-height:40px;color:var(--fg-2);text-transform:none;letter-spacing:.02em;align-items:center;font-size:12.5px;display:flex}
.rk{--fg:var(--color-ink);--fg-2:var(--color-ink-2);--line:#ffffff1f;--accent:var(--color-blue-tint);width:min(100%,820px);color:var(--fg);margin-inline:auto}.rk .device-body{--line:#ffffff1f}.rk-body{background:var(--color-graphite);gap:14px;padding:14px;display:grid}.rk-top{justify-content:space-between;align-items:center;gap:12px;min-height:20px;display:flex}.rk-rec{color:var(--fg)}.rk-clock{color:var(--fg-2);font-variant-numeric:tabular-nums;white-space:nowrap}.rk-stage{height:130px;position:relative}.rk-edges{width:100%;height:130px;position:absolute;inset:0;overflow:visible}.rk-edge{fill:none;stroke:#ffffff3d;stroke-width:1px;vector-effect:non-scaling-stroke}.rk-edge-lit{stroke:var(--color-blue-tint);stroke-width:1.5px;opacity:0;transition:opacity .35s var(--ease-out-expo)}.rk-edge-lit[data-lit="1"]{opacity:1}.rk-nodes{grid-template-columns:repeat(4,1fr);margin:0;padding:0;list-style:none;display:grid;position:absolute;top:30px;left:0;right:0}.rk-node{border:1px solid var(--line);background:var(--color-graphite);height:64px;color:var(--fg);min-width:0;transition:background-color .3s var(--ease-out-expo) .3s, color .3s var(--ease-out-expo) .3s, border-color .3s var(--ease-out-expo) .3s;border-radius:4px;align-content:center;gap:4px;margin-inline:5px;padding:0 8px;display:grid}.rk-name{letter-spacing:.04em;white-space:nowrap;align-items:center;gap:6px;display:flex}.rk-word{font-family:var(--font-mono);letter-spacing:.02em;color:var(--fg-2);text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;line-height:1.2;overflow:hidden}.rk-mark{opacity:.6;border:1.5px solid;border-radius:50%;flex:none;width:8px;height:8px}.rk-node[data-mark=active]{background:var(--color-blue);border-color:var(--color-blue);color:var(--color-ink-dark)}.rk-node[data-mark=active] .rk-word{color:var(--color-ink-dark)}.rk-node[data-mark=active] .rk-mark{opacity:1;background:currentColor}.rk-node[data-mark=done] .rk-mark{opacity:.6;background:currentColor}.rk-node[data-mark=reject]{border-color:var(--fg)}.rk-node[data-mark=reject] .rk-mark{opacity:1;border-width:2px;width:10px;height:10px}.rk-node[data-mark=reject] .rk-word{color:var(--fg)}.rk-node[data-mark=approve] .rk-mark{background:var(--color-green);border-color:var(--color-green);opacity:1}.rk-node[data-mark=approve] .rk-word{color:var(--fg)}.rk-node[data-mark=approve],.rk-node[data-mark=reject]{transition-delay:0s}.rk-packet{background:var(--color-cyan);opacity:0;pointer-events:none;will-change:transform;border-radius:50%;width:10px;height:10px;position:absolute;top:0;left:0}.rk-rail{background:#ffffff1f;height:2px;margin-block:2px;position:relative}.rk-rail-fill{background:var(--color-blue-tint);transform-origin:0;position:absolute;inset:0;transform:scaleX(0)}.rk-tick{background:#ffffff47;width:1px;height:10px;position:absolute;top:-4px}.rk-tick[data-on="1"]{background:var(--fg)}.rk-tick[data-tag]{transform-origin:50%}.rk-tick[data-tag=reject],.rk-tick[data-tag=approve]{background:var(--color-graphite);box-sizing:border-box;border:1.5px solid #ffffff47;border-radius:50%;width:8px;height:8px;margin-left:-4px;top:-6px}.rk-tick[data-tag=reject][data-on="1"]{border-color:var(--fg)}.rk-tick[data-tag=approve][data-on="1"]{background:var(--color-green);border-color:var(--color-green)}.rk-log{overscroll-behavior:auto;border:1px solid var(--line);background:var(--color-panel);scrollbar-width:thin;scrollbar-color:#fff3 transparent;border-radius:4px;height:150px;margin:0;padding:10px 12px;font-size:13px;line-height:1.45;list-style:none;overflow-y:auto}.rk-empty{color:var(--fg-2)}.rk-line{grid-template-columns:34px 1fr;gap:8px;padding-block:2px;display:grid}.rk-time{color:var(--fg-2);font-variant-numeric:tabular-nums;padding-top:2px}.rk-text b{color:var(--accent);font-weight:500}.rk-line[data-tag=reject] .rk-text,.rk-line[data-tag=approve] .rk-text{color:var(--fg)}.rk-line[data-tag=reject] .rk-text:before,.rk-line[data-tag=approve] .rk-text:before{content:"";box-sizing:border-box;border-radius:50%;width:8px;height:8px;margin-right:6px;display:inline-block}.rk-line[data-tag=reject] .rk-text:before{border:2px solid var(--fg)}.rk-line[data-tag=approve] .rk-text:before{background:var(--color-green)}.rk-controls{align-items:center;gap:8px;display:flex}.rk-mag{display:inline-block}.rk-btn{border:1px solid var(--line);min-height:44px;color:var(--fg);font:inherit;cursor:pointer;transition:transform .38s var(--ease-out-expo), opacity .2s;background:0 0;border-radius:4px;padding:0 18px;font-size:14px;font-weight:500}.rk-btn:active:not(:disabled){transform:scale(.97)}.rk-btn:disabled{opacity:.4;cursor:default}.rk-btn-main{border-color:var(--color-blue);background:var(--color-blue);color:var(--color-ink-dark);min-width:96px}.rk button:focus-visible{outline:2px solid var(--color-blue-tint);outline-offset:2px}@media (max-width:400px){.rk-name{letter-spacing:0;gap:3px}}@media (max-width:480px){.rk-body{gap:12px;padding:12px}.rk-node{margin-inline:3px;padding:0 6px}.rk-name{letter-spacing:.01em;gap:4px;font-size:12.5px}.rk-word{font-size:12.5px}.rk-log{height:140px;font-size:12.5px}}.rk-nm-short{display:none}@media (max-width:440px){.rk-node{gap:3px;margin-inline:2px;padding:0 5px}.rk-name{letter-spacing:0;gap:4px}.rk-nm-full{display:none}.rk-nm-short{display:inline}.rk-word{letter-spacing:0;font-size:12px}}
.tv{--fg:var(--color-ink);--fg-2:var(--color-ink-2);--line:#ffffff1f;width:min(100%,820px);color:var(--fg);flex-wrap:wrap;justify-content:center;align-items:stretch;gap:16px;margin-inline:auto;display:flex}.tv-phone{flex:0 320px;min-width:0}.tv .device-phone{--line:#ffffff2e;width:100%}.tv-screen{gap:8px;padding:6px 12px 14px;display:grid}.tv-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding-bottom:6px;display:flex}.tv-head .mono:first-child{color:var(--fg)}.tv-qr{color:var(--fg-2)}.tv-label{color:var(--fg-2);margin:4px 0 0}.tv-tables{grid-template-columns:repeat(6,minmax(0,1fr));gap:3px;display:grid}.tv-chip{border:1px solid var(--line);min-height:44px;color:var(--fg);cursor:pointer;transition:background-color .25s var(--ease-out-expo), color .25s var(--ease-out-expo), transform .38s var(--ease-out-expo);background:0 0;border-radius:4px;padding:0}.tv-chip:active:not(:disabled){transform:scale(.94)}.tv-chip[aria-checked=true]{background:var(--color-blue);border-color:var(--color-blue);color:var(--color-ink-dark)}.tv-chip:disabled,.tv-dish:disabled{cursor:default}.tv-chip:disabled:not([aria-checked=true]){opacity:.4}.tv-dishes{gap:4px;margin:0;padding:0;list-style:none;display:grid}.tv-row{border:1px solid var(--line);min-height:44px;transition:border-color .25s var(--ease-out-expo);border-radius:4px;grid-template-columns:minmax(0,1fr) 30px 64px;align-items:stretch;gap:4px;display:grid}.tv-row[data-on="1"]{border-color:#8fb0ff8c}.tv-dish{min-height:44px;color:var(--fg);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:4px;justify-content:space-between;align-items:center;gap:8px;padding:0 10px;font-size:14px;display:flex}.tv-dish:active:not(:disabled){background:var(--color-panel)}.tv-dish-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.tv-dish-price{color:var(--fg-2);flex:none}.tv-qty{text-align:center;color:var(--color-blue-tint);font-variant-numeric:tabular-nums;opacity:.4;align-self:center;font-size:13px}.tv-row[data-on="1"] .tv-qty{opacity:1}.tv-remove{color:var(--fg-2);letter-spacing:.04em;cursor:pointer;visibility:hidden;background:0 0;border:0;font-size:12.5px}.tv-row[data-on="1"] .tv-remove{visibility:visible}.tv-remove:hover:not(:disabled){color:var(--fg)}.tv-foot{gap:8px;margin-top:4px;display:grid}.tv-total{justify-content:space-between;align-items:baseline;margin:0;display:flex}.tv-total-n{font-variant-numeric:tabular-nums;font-size:15px;font-weight:500}.tv-mag{display:block}.tv-send{background:var(--color-blue);width:100%;min-height:48px;color:var(--color-ink-dark);font:inherit;cursor:pointer;transition:transform .38s var(--ease-out-expo), opacity .2s;border:0;border-radius:4px;font-size:15px;font-weight:500}.tv-send:active:not(:disabled){transform:scale(.98)}.tv-send:disabled{color:var(--fg-2);cursor:default;background:#ffffff1a}.tv[data-sent="1"] .tv-send:disabled{color:var(--fg);background:#ffffff1a}.tv-printer{border:1px solid var(--line);background:var(--color-graphite);border-radius:6px;flex-direction:column;flex:210px;min-width:200px;max-width:260px;padding:12px;display:flex}.tv-printer-head{color:var(--fg-2);justify-content:space-between;align-items:center;padding:6px 2px 14px;display:flex}.tv-led{background:var(--color-green);border-radius:50%;width:8px;height:8px;transition:opacity .2s}.tv-printer[data-printing="1"] .tv-led{animation:.28s step-end infinite tv-blink}@keyframes tv-blink{50%{opacity:.15}}.tv-slot{transform-origin:50%;background:#000;border:1px solid #ffffff38;border-radius:4px;height:8px;margin-inline:2px}.tv-feed{flex:auto;min-height:264px;margin-inline:8px;position:relative;overflow:clip}.tv-wait{text-align:center;color:var(--fg-2);position:absolute;bottom:14px;left:0;right:0}.tv-receipt{background:var(--color-paper);color:var(--color-ink-dark);font-family:var(--font-mono);will-change:transform;padding:14px 12px 22px;font-size:12px;line-height:1.35}.tv-line{margin:0}.tv-table{letter-spacing:.02em;border-bottom:1px dashed #02040766;margin-bottom:6px;padding-bottom:8px;font-size:22px;font-weight:600}.tv-item{justify-content:space-between;gap:8px;padding-block:1px;display:flex}.tv-item span:last-child{white-space:nowrap;font-variant-numeric:tabular-nums}.tv-sum{border-top:1px dashed #02040766;margin-top:6px;padding-top:6px;font-weight:600}.tv-meta{letter-spacing:.04em;text-transform:uppercase;margin-top:2px}.tv-sum+.tv-meta{margin-top:10px}.tv-actions{gap:6px;padding-top:10px;display:flex}.tv-btn{border:1px solid var(--line);min-height:44px;color:var(--fg);font:inherit;cursor:pointer;transition:transform .38s var(--ease-out-expo), opacity .2s;background:0 0;border-radius:4px;flex:1;padding:0 8px;font-size:14px;font-weight:500}.tv-btn:active:not(:disabled){transform:scale(.97)}.tv-btn:disabled{opacity:.35;cursor:default}.tv button:focus-visible{outline:2px solid var(--color-blue-tint);outline-offset:2px}@media (max-width:540px){.tv-phone,.tv-printer{flex:100%;max-width:340px}.tv-feed{min-height:240px}}
.sy-root{--sy-r-fg:var(--color-ink);--sy-r-fg-2:var(--color-ink-2);position:relative}.sy-root[data-r=dark]{--sy-r-fg:var(--color-ink-dark);--sy-r-fg-2:#020407c7}.sy-root[data-r=dark] .hud{--fg:var(--color-ink-dark);--fg-2:#020407c7}.sy-root[data-l=dark]~.scene-label{color:var(--color-ink-dark)}.sy-root[data-l=light]~.scene-label{color:var(--color-ink)}.sy-panel{position:relative;overflow:clip}.sy-card{z-index:2;position:relative}.sy-hud{display:none}.sy-aside{color:var(--sy-r-fg);--focus:currentColor;flex-direction:row-reverse;align-items:center;gap:20px;display:flex}.sy-skip{appearance:none;min-width:44px;min-height:44px;color:inherit;font:inherit;font-family:var(--font-mono);font-size:var(--text-mono);letter-spacing:.06em;text-transform:uppercase;text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:0 4px;text-decoration:underline}.sy-aside,.sy-skip,.sy-count{white-space:nowrap}.sy-count{text-align:right;font-variant-numeric:tabular-nums;min-width:5ch}.sy-tabs{display:none}.sy-bar{background:var(--color-graphite);width:max-content;color:var(--color-ink);border:1px solid #ffffff2e;border-radius:6px;display:flex;position:relative;overflow:clip}.sy-tab{appearance:none;min-height:44px;color:inherit;font:inherit;font-family:var(--font-mono);font-size:var(--text-mono);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;cursor:pointer;--focus:var(--color-blue-tint);background:0 0;border:0;border-left:1px solid #ffffff1f;padding:0 18px}.sy-tab:first-child{border-left:0}.sy-tab[aria-current=true]{background:var(--color-ink);color:var(--color-ink-dark)}.sy-tab:focus-visible{outline-offset:-4px}.sy-tab[aria-current=true]:focus-visible{outline-color:var(--color-blue)}.sy-prog{background:var(--color-blue-tint);transform-origin:0;height:2px;position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.sy-grid{grid-template-columns:minmax(0,1fr);align-items:center;gap:28px;display:grid}.sy-copy{min-width:0}.sy-n{margin:0 0 18px}.sy-h3{color:var(--fg);flex-wrap:wrap;align-items:center;gap:10px 12px;margin:0;font-size:clamp(2.25rem,4.2vw,4.5rem);display:flex}.sy-h3 .demo-badge{vertical-align:middle;font-size:var(--text-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--fg);font-weight:400}.sy-line{max-width:28ch;font-size:var(--text-lede);letter-spacing:-.01em;margin:22px 0 0;line-height:1.28}.sy-try{max-width:40ch;font-size:var(--text-body);grid-template-columns:auto minmax(0,1fr);align-items:baseline;column-gap:12px;margin:18px 0 0;line-height:1.4;display:grid}.sy-try .mono{border:1px solid var(--line);border-radius:2px;padding:3px 6px 2px}.sy-panel[data-accent]{background:var(--bg);color:var(--fg);--focus:var(--fg)}.sy-panel[data-accent=halden]{--bg:#3a74ff;--fg:var(--color-ink-dark);--fg-2:var(--color-ink-dark);--line:#020407bf;--ghost:#02040721}.sy-panel[data-accent=ledger]{--bg:var(--color-cyan);--fg:var(--color-ink-dark);--fg-2:#020407d6;--line:#02040799;--ghost:#0204071f}.sy-panel[data-accent=rookery]{--bg:#6a3de8;--fg:var(--color-ink);--fg-2:#e6deff;--line:#eef2f8cc;--ghost:#eef2f824}.sy-panel[data-accent=tavola]{--bg:var(--color-paper);--fg:var(--color-ink-dark);--fg-2:#020407bd;--line:#0204078c;--ghost:#02040717}.sy-panel[data-accent] .sy-line{color:var(--fg)}.sy-ghost{z-index:0;padding-inline:var(--gutter);font-family:var(--font-sans);font-weight:600;font-size:min(32rem, calc(96vw / (var(--gc,6) * .62)));letter-spacing:-.05em;white-space:nowrap;color:var(--ghost);pointer-events:none;-webkit-user-select:none;user-select:none;line-height:.8;position:absolute;bottom:-.12em;left:0}.sy-n{color:var(--fg);align-items:center;gap:12px;display:flex}.sy-n:before{content:"";background:var(--fg);width:32px;height:2px}.sy-dev{min-width:0}@media (min-width:960px){.sy-grid{grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px}.sy-copy{grid-column:1/span 5}.sy-dev{grid-column:6/span 7}}.sy-cy{width:min(100% - 2 * var(--gutter), var(--shell-max));margin-inline:auto}.sy-cy-h{margin:0}.sy-cy-sr,.sy-cy-vis{display:none}.sy-cy-static{letter-spacing:-.04em;font-size:clamp(2.25rem,6.4vw,6.25rem);font-weight:500;line-height:1;display:block}.sy-cy-sub{max-width:36ch;font-size:var(--text-lede);color:var(--fg-2);margin:28px 0 0;line-height:1.3}.sy-cy-pause{appearance:none;min-height:44px;color:var(--fg);font:inherit;font-family:var(--font-mono);font-size:var(--text-mono);letter-spacing:.06em;text-transform:uppercase;text-underline-offset:3px;cursor:pointer;background:0 0;border:0;margin-top:8px;padding:0;text-decoration:underline;display:none}.sy-panel{padding-block:72px 120px}.sy-panel[data-i="0"]{padding-block:96px 80px}.motion-ok .sy .sy-cy-static{display:none}.motion-ok .sy .sy-cy-sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;display:block;position:absolute;overflow:hidden}.motion-ok .sy .sy-cy-vis{display:block}.motion-ok .sy .sy-cy-pause{display:inline-block}.sy-cy-lead{font-size:clamp(3rem,9vw,9.25rem);line-height:.92;display:block}.sy-cy-words{margin-top:.02em;display:grid}.sy-cy-w{font-size:min(var(--text-giant), calc(150vw / var(--chars,8)));white-space:nowrap;will-change:transform, opacity;grid-area:1/1;align-self:end;line-height:.92;display:block}@media not ((min-width:700px) and (min-height:320px) and (hover:hover) and (pointer:fine)){.motion-ok .sy[data-len] .scene-track{height:auto}.motion-ok .sy[data-len] .scene-stage{height:auto;position:static;overflow:visible}.motion-ok .sy[data-len] .hud{display:none}.motion-ok .sy[data-len] .scene-label{padding:20px var(--gutter) 0;position:static}.sy .hd-app,.sy .ll-app{max-height:none;overflow:visible}}.sy input[type=range]{touch-action:pan-y;overscroll-behavior:auto}@media (min-width:700px) and (min-height:320px) and (hover:hover) and (pointer:fine){.motion-ok .sy .sy-root{position:absolute;inset:0}.motion-ok .sy .sy-rail{position:absolute;inset:0;overflow:clip}.motion-ok .sy .sy-track{width:500%;height:100%;display:flex}.motion-ok .sy .sy-panel,.motion-ok .sy .sy-panel[data-i="0"]{flex:0 0 20%;min-width:0;height:100%;padding:0}.motion-ok .sy .sy-card{transform-origin:50%;align-items:center;width:100%;height:100%;padding-block:132px 56px;display:flex}.motion-ok .sy .sy-panel[data-i="0"] .sy-card{padding-block:80px 64px}.motion-ok .sy .sy-grid{width:min(100% - 2 * var(--gutter), var(--shell-max));grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;margin-inline:auto}.motion-ok .sy .sy-copy{grid-column:1/span 5}.motion-ok .sy .sy-dev{grid-column:6/span 7}.motion-ok .sy .sy-hud{top:76px;left:var(--gutter);right:var(--gutter);z-index:5;pointer-events:none;grid-template-columns:1fr auto 1fr;align-items:start;padding:0;display:grid;position:absolute}.motion-ok .sy .sy-tabs{opacity:0;visibility:hidden;pointer-events:auto;grid-area:1/2;display:block}.motion-ok .sy .sy-aside{pointer-events:auto;grid-area:1/3;justify-self:end}.motion-ok .sy .sy-count{opacity:0}.motion-ok .sy .sy-tab{opacity:.4}.motion-ok .sy .sy-root[data-moving="1"] .device-body{transform:none!important}}@media (min-width:700px) and (max-width:959.98px) and (min-height:320px) and (hover:hover) and (pointer:fine){.motion-ok .sy .sy-grid{column-gap:16px}.motion-ok .sy .sy-copy{grid-column:1/span 4}.motion-ok .sy .sy-dev{grid-column:5/span 8}.motion-ok .sy .sy-h3{font-size:clamp(1.75rem,4.4vw,2.5rem)}.motion-ok .sy .sy-line{margin-top:14px;font-size:1.0625rem}.motion-ok .sy .sy-try{font-size:.9375rem}.motion-ok .sy .tv{flex-wrap:nowrap;gap:12px}.motion-ok .sy .tv-phone{flex:1 1 0;min-width:0}.motion-ok .sy .tv-printer{flex:0 180px;min-width:160px}.motion-ok .sy .sy-tab{padding-inline:10px}}#systems{--text-mono:.75rem}.sy .scene-stage{flex-direction:column;display:flex}.sy .scene-label{order:-1}@media (min-width:700px) and (min-height:320px) and (max-height:599.98px) and (hover:hover) and (pointer:fine){.motion-ok .sy .sy-hud{top:62px}.motion-ok .sy .sy-tab{min-height:30px;padding-inline:12px;font-size:.6875rem}.motion-ok .sy .sy-skip{min-height:30px}.motion-ok .sy .sy-card{padding-block:108px 12px}.motion-ok .sy .sy-panel[data-i="0"] .sy-card{padding-block:70px 16px}.motion-ok .sy .sy-grid{column-gap:20px}.motion-ok .sy .sy-copy{grid-column:1/span 4}.motion-ok .sy .sy-dev{width:calc(100% / var(--fit,1));transform-origin:0;grid-column:5/span 8}.motion-ok .sy .sy-dev[data-fit]{transform:scale(var(--fit,1))}.motion-ok .sy .sy-n,.motion-ok .sy .sy-try{display:none}.motion-ok .sy .sy-h3{row-gap:6px;font-size:clamp(1.5rem,3.6vw,2.25rem)}.motion-ok .sy .sy-line{max-width:24ch;margin-top:10px;font-size:1rem}.motion-ok .sy .hd-app,.motion-ok .sy .ll-app{max-height:none;overflow:visible}.motion-ok .sy .sy-cy-lead{font-size:clamp(2.25rem,7vw,5rem)}.motion-ok .sy .sy-cy-w{font-size:min(clamp(3rem, 15vh, 6rem), calc(150vw / var(--chars,8)))}.motion-ok .sy .sy-cy-sub{margin-top:12px}}