.vl{z-index:1;position:relative}.vl-pin{height:100dvh;padding-top:calc(var(--announcement-h,0px) + 104px);flex-direction:column;display:flex}.vl-stage{flex:1;min-height:0;position:relative}.vl-canvas{width:70%;height:100%;position:absolute;inset:0 0 0 30%}.vl-over{z-index:2;pointer-events:none;flex-direction:column;justify-content:space-between;gap:24px;height:100%;padding-bottom:28px;display:flex;position:relative}.vl-head{max-width:400px}.vl-head .h2{max-width:12ch;margin-top:14px;font-size:clamp(32px,3.8vw,54px)}.vl-lede{-webkit-hyphens:manual;hyphens:manual;color:var(--t60);margin:14px 0 0;font-size:16px;line-height:1.55}.vl-state{background:var(--bg-1);border:1px solid var(--line);font:500 12.5px var(--mono);color:var(--fg);border-radius:999px;align-items:center;gap:8px;margin:18px 0 0;padding:7px 14px;display:inline-flex}.vl-state i{background:var(--gold);border-radius:50%;width:7px;height:7px}.vl-state.is-unlocked{border-color:rgb(var(--accent-rgb)/.5)}.vl-state.is-unlocked i{background:var(--accent);box-shadow:0 0 10px var(--accent);animation:1.4s ease-in-out infinite pulse}.vl-state.is-unlocking i{background:var(--gold);animation:.8s ease-in-out infinite pulse}.vl-log{gap:6px;max-width:360px;margin:0;padding:0;list-style:none;display:grid}.vl-log li{background:color-mix(in srgb,var(--bg-1)86%,transparent);border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:.35;transition:opacity .4s var(--ease),transform .4s var(--ease),border-color .4s var(--ease);border-radius:14px;align-items:center;gap:12px;padding:9px 12px;display:flex;transform:translate(-10px)}.vl-log li.is-on{opacity:1;transform:none}.vl-log li:nth-child(4).is-on{border-color:color-mix(in srgb,var(--orange)50%,transparent)}.vl-log-ic{background:var(--chip-lime);width:28px;height:28px;color:var(--accent);border-radius:9px;flex:none;place-items:center;display:grid}.vl-log li:nth-child(4) .vl-log-ic{background:var(--chip-orange);color:var(--orange)}.vl-log b{font-size:13.5px;font-weight:600;display:block}.vl-log small{color:var(--t60);font-size:12px;display:block}html:not(.dark) .vl-log li:not(.is-on){opacity:.6}@media (max-height:820px) and (min-width:960px){.vl-head .h2{font-size:clamp(28px,3.2vw,42px)}.vl-lede{display:none}}@media (max-width:959px){.vl-pin{height:auto;padding:72px 0 24px}.vl-stage{flex-direction:column;display:flex}.vl-canvas{order:2;width:100%;height:420px;position:relative;left:0}.vl-over{height:auto;display:contents}.vl-head{padding-inline:var(--gut);order:1;max-width:none}.vl-log{padding-inline:var(--gut);order:3;max-width:none}}
.vf{perspective:1600px;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.vf-card{background:var(--bg-1);border:1px solid var(--l1);border-radius:26px;align-content:start;gap:22px;padding:10px 10px 28px;display:grid}.vf-wide{grid-column:1/-1;grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:center;padding:10px 36px 10px 10px}.vf-wide.is-flip{grid-template-columns:minmax(0,5fr) minmax(0,7fr);padding:10px 10px 10px 36px}.vf-wide.is-flip .vf-vis{order:2}.vf-vis{background:var(--bg-0);border:1px solid var(--line);border-radius:18px;align-content:center;gap:10px;min-height:200px;padding:24px;display:grid}.vf-k{font:500 11.5px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--t45);margin:0}.vf-copy{padding:0 18px}.vf-wide .vf-copy{padding:24px 0}.vf-ic{background:var(--chip-lime);width:34px;height:34px;color:var(--accent);border:1px solid rgb(var(--accent-rgb)/.25);border-radius:11px;place-items:center;display:grid}.vf-copy h3{font:500 clamp(24px,2.4vw,32px)/1.05 var(--display);letter-spacing:-.04em;margin:16px 0 0}.vf-copy p{color:var(--t60);max-width:46ch;margin:10px 0 0;font-size:15.5px;line-height:1.55}.vf-flow{grid-template-columns:auto auto minmax(0,1fr);align-items:center;gap:14px;margin-top:8px;display:grid}.vf-plain{background:var(--bg-1);border:1px solid var(--line-strong);font:500 13px var(--mono);border-radius:12px;padding:10px 14px}.vf-arrow{background:var(--accent);color:var(--on-accent);font:600 12px var(--mono);border-radius:999px;align-items:center;gap:6px;padding:7px 12px;display:inline-flex}.vf-cipher{font:500 13px var(--mono);color:var(--accent);flex-wrap:wrap;gap:4px 8px;display:flex}.vf-wss{justify-items:start}.vf-ws{background:var(--bg-1);border:1px solid var(--line);border-radius:12px;align-items:center;gap:8px;padding:9px 14px;font-size:13.5px;font-weight:500;display:inline-flex}.vf-ws svg{color:var(--t60)}.vf-ws.is-on{border-color:rgb(var(--accent-rgb)/.5)}.vf-ws.is-on svg{color:var(--accent)}.vf-ws:nth-child(2){margin-left:18px}.vf-ws:nth-child(3){margin-left:36px}.vf-roles span{background:var(--bg-1);border:1px solid var(--line);border-radius:12px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:9px 12px;font-size:13.5px;display:grid}.vf-roles em{color:var(--t60);font-size:12.5px;font-style:normal}.vf-roles i{font:600 11px var(--mono);color:var(--t60);border:1px solid var(--line-strong);border-radius:999px;padding:3px 9px;font-style:normal}.vf-roles i.is-view{color:var(--gold);background:var(--chip-gold);border-color:color-mix(in srgb,var(--gold)40%,transparent)}.vf-roles i.is-manage{color:var(--accent);background:var(--chip-lime);border-color:rgb(var(--accent-rgb)/.35)}.vf-log{gap:8px;margin:0;padding:0;list-style:none;display:grid}.vf-log li{background:var(--bg-1);border:1px solid var(--line);border-radius:12px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:2px 10px;padding:10px 12px;display:grid}.vf-log svg{color:var(--accent);grid-row:span 2}.vf-log b{font-size:13.5px;font-weight:600}.vf-log small{font:500 11.5px var(--mono);color:var(--t60)}@media (max-width:959px){.vf{grid-template-columns:minmax(0,1fr)}.vf-wide,.vf-wide.is-flip{grid-template-columns:minmax(0,1fr);padding:10px 10px 28px}.vf-wide.is-flip .vf-vis{order:0}.vf-wide .vf-copy{padding:0 18px}.vf-flow{grid-template-columns:minmax(0,1fr);justify-items:start}}