.tn2-hero{padding-top:clamp(56px,9svh,116px)}.tn2-kick{margin-top:18px}.tn2-hero-row{grid-template-columns:repeat(12,minmax(0,1fr));align-items:end;column-gap:24px;margin-top:28px;display:grid}.tn2-hero-row .l2-lede{grid-column:1/span 7;max-width:48ch}.tn2-hero-row .l2-acts{grid-column:10/span 3;justify-self:end}.tn2-term{color:#f5f5f5;background:#0a0a0a;margin-top:clamp(56px,8svh,96px);padding:clamp(36px,5svh,56px) 0 clamp(40px,6svh,64px)}.tn2-cmd{color:#d4d4d4;margin:0;font-size:26px}.tn2-ps{color:#a3a3a3}.tn2-caret{vertical-align:-.15em;background:#f5f5f5;width:.55em;height:1.05em;margin-left:4px;animation:1s step-end infinite tn2-blink;display:inline-block}.tn2-caret.off{display:none}@keyframes tn2-blink{50%{opacity:0}}.tn2-share{color:#a3a3a3;opacity:0;flex-wrap:wrap;gap:4px 28px;margin:12px 0 0;font-size:17px;transition:opacity .4s;display:flex}.tn2-share.on{opacity:1}.tn2-url{letter-spacing:-.045em;opacity:0;transition:opacity .6s var(--ease), transform .9s var(--ease);flex-wrap:wrap;align-items:baseline;gap:0 4px;margin:18px 0 0;font-size:64px;font-weight:220;line-height:1;display:flex;transform:translateY(24px)}.tn2-url.on{opacity:1;transform:none}.tn2-url b{color:#737373;font-weight:606}.tn2-url em{letter-spacing:0;color:#d4d4d4;margin-left:18px;font-size:17px;font-style:normal}.tn2-lock{background:#f5f5f5;border-radius:50%;align-self:center;width:.36em;height:.36em;margin-right:.2em;box-shadow:0 0 0 .12em #fff3}.tn2-scene{position:relative}.tn2-scene-pin{padding-block:120px;position:relative}.tn2-scene.pin .tn2-scene-pin{top:var(--x-top,60px);height:calc(100svh - var(--x-top,60px));min-height:600px;padding:0;position:sticky;overflow:hidden}.tn2-scene-in{grid-template-columns:repeat(12,minmax(0,1fr));align-items:center;column-gap:24px;height:100%;display:grid}.tn2-cap{grid-column:1/span 4;min-height:380px;position:relative}.tn2-cap-i{opacity:0;transition:opacity .35s var(--ease), transform .5s var(--ease);position:absolute;inset:0 0 auto;transform:translateY(40px)}.tn2-cap-i.on{opacity:1;transition:opacity .7s var(--ease) .1s, transform .9s var(--ease) .1s;transform:none}.tn2-cap-i .l2-ch-n{color:#a3a3a3}.tn2-cap-i .l2-body{margin-top:16px}.tn2-stage{background:#0f0f0f;border:1px solid #ffffff1a;border-radius:24px;grid-column:6/span 7;height:min(600px,72svh);position:relative;overflow:hidden}.tn2-laptop{z-index:3;background:#171717;border:1px solid #ffffff1a;border-radius:20px;width:56%;padding:16px;position:absolute;bottom:7%;left:4%}.tn2-net{color:#a3a3a3;justify-content:space-between;margin:0 0 12px;font-size:13px;display:flex}.tn2-net em{color:#f5f5f5;font-style:normal}.tn2-tw{min-height:168px;font:400 14px/1.6 var(--mono);color:#d4d4d4;background:#0a0a0a;border-radius:12px;padding:14px}.tn2-tw p{white-space:nowrap;text-overflow:ellipsis;margin:0;overflow:hidden}.tn2-tw .g{color:#f5f5f5}.tn2-tw .u{color:#f5f5f5;text-underline-offset:3px;-webkit-text-decoration:underline #ffffff59;text-decoration:underline #ffffff59}.tn2-tw .d{color:#a3a3a3}.tn2-tw .x{color:#a3a3a3;font-style:italic}.tn2-bind{color:#a3a3a3;text-align:right;margin:10px 0 0;font-size:13px}.tn2-open{z-index:1;background:radial-gradient(90% 90% at var(--mx,80%) var(--my,30%), #fff 0%, #e4e4e7 45%, #d4d4d4 100%);position:absolute;inset:0}.tn2-open-k{letter-spacing:.1em;text-transform:uppercase;color:#404040;font-size:13px;position:absolute;top:18px;left:22px}.tn2-wire{background:#0000004d;height:2px;position:absolute;top:34%;left:40%;right:26%}.tn2-wire span{color:#404040;font-size:13px;position:absolute;top:12px;left:0}.tn2-wire b{will-change:transform;height:10px;animation:1.2s linear infinite tn2-pk;position:absolute;inset:-4px 0 auto}.tn2-wire b:before{content:"";background:var(--ink);border-radius:50%;width:10px;height:10px;position:absolute;top:0;left:-5px;box-shadow:0 0 0 4px #0a0a0a26}.tn2-scene-pin.still .tn2-wire b{animation-play-state:paused}.tn2-pause{top:20px!important;right:24px!important}.tn2-scene.pin .tn2-pause{top:24px!important}@keyframes tn2-pk{0%{transform:translate(100%)}to{transform:translate(0)}}.tn2-phone{z-index:2;aspect-ratio:9/18;background:#000;border:1px solid #ffffff29;border-radius:30px;flex-direction:column;gap:8px;width:26%;padding:8px;transition:box-shadow .5s;display:flex;position:absolute;top:8%;right:6%}.tn2-phone.up{box-shadow:0 40px 80px -30px #0009}.tn2-bar{color:#d4d4d4;white-space:nowrap;background:#171717;border-radius:12px;align-items:center;gap:6px;margin:0;padding:8px 10px;font-size:13px;display:flex;overflow:hidden}.tn2-bar i{background:#737373;border-radius:50%;flex:none;width:7px;height:7px}.tn2-phone.up .tn2-bar i{background:#f5f5f5;box-shadow:0 0 0 3px #fff3}.tn2-page{background:#171717;border-radius:20px;flex:1;place-items:center;display:grid;overflow:hidden}.tn2-site{background:#fff;flex-direction:column;gap:8px;width:100%;height:100%;padding:14px;display:flex}.tn2-site i{background:#e4e4e7;border-radius:5px;height:10px;display:block}.tn2-site i:first-child{background:var(--ink);border-radius:12px;height:64px}.tn2-site i:nth-child(3){width:70%}.tn2-none{text-align:center;font:500 13px/1.3 var(--mono);color:#a3a3a3;margin:0;padding:0 10px}.tn2-facts-h{grid-column:1/span 6;align-self:start;max-width:10ch;position:sticky;top:120px}.tn2-list{flex-direction:column;grid-column:8/span 5;gap:72px;margin:0;padding:0;list-style:none;display:flex}.tn2-list .l2-ch-n{color:var(--lightningcss-light,#525252)var(--lightningcss-dark,var(--muted-foreground));margin-top:10px;display:block}.tn2-list .l2-title{font-size:21px}.tn2-list>li{transition:opacity .4s var(--ease)}.tn2-list>li .l2-title{transition:color .4s var(--ease)}.tn2-list>li:not(.on) .l2-title{color:var(--lightningcss-light,#737373)var(--lightningcss-dark,var(--text-tertiary))}.tn2-list .l2-body{text-wrap:balance;margin-top:12px}.tn2-modes{background:var(--lightningcss-light,#f5f5f5)var(--lightningcss-dark,var(--surface-2));border-radius:20px;margin-top:24px;padding:18px}.tn2-modes div{background:var(--lightningcss-light,#e4e4e7)var(--lightningcss-dark,var(--secondary));border-radius:14px;gap:4px;padding:4px;display:flex}.tn2-modes button{min-height:44px;font:600 15px/1 var(--mono);color:var(--lightningcss-light,#525252)var(--lightningcss-dark,var(--muted-foreground));cursor:pointer;transition:background .25s, color .25s, transform var(--dur-press,.1s) var(--ease);background:0 0;border:0;border-radius:11px;flex:1;position:relative}.tn2-modes button:active{transform:scale(.98)}@media (hover:hover){.tn2-modes button:hover{color:var(--ink)}}.tn2-modes button[aria-checked=true]{color:var(--ink)}.tn2-modes button>span:last-child{z-index:1;position:relative}.tn2-mode-bg{background:var(--lightningcss-light,#fff)var(--lightningcss-dark,var(--secondary));transition:box-shadow .25s var(--ease);border-radius:11px;position:absolute;inset:0;box-shadow:0 1px 2px #00000014}@media (hover:hover){.tn2-modes button[aria-checked=true]:hover .tn2-mode-bg{box-shadow:0 0 0 1px var(--lightningcss-light,#0a0a0a33)var(--lightningcss-dark,var(--border-focus)), 0 6px 14px -6px #00000040}}.tn2-modes p{color:var(--soft);margin:14px 4px 0;font-size:17px}.tn2-modes p b{color:var(--ink);font-weight:700}.tn2-one{background:var(--lightningcss-light,#f5f5f5)var(--lightningcss-dark,var(--surface-2))}.tn2-one-l{grid-column:1/span 6}.tn2-one-l .l2-body{margin-top:18px}.tn2-one-l .l2-acts{margin-top:28px}.tn2-code{margin-top:40px}.tn2-code .cf-code{border-radius:22px}.tn2-one-r{grid-column:8/span 5;align-self:center}.tn2-one-r .cf-code{border-radius:22px}.tn2-name-in-list{margin-top:24px}.tn2-name-in-list .tn2-name{box-shadow:none}.tn2-name{background:var(--x-raised);border:1px solid var(--hair);border-radius:24px;padding:30px}.tn2-name-in{grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:10px;margin-top:18px;display:grid}.tn2-name label{flex-direction:column;gap:8px;display:flex}.tn2-name label span{font:500 13px/1 var(--mono);color:var(--lightningcss-light,#525252)var(--lightningcss-dark,var(--muted-foreground))}.tn2-name input{border:1px solid var(--hair);background:var(--lightningcss-light,#f5f5f5)var(--lightningcss-dark,var(--surface-2));width:100%;min-width:0;height:52px;font:500 17px/1 var(--mono);color:var(--ink);border-radius:14px;outline:none;padding:0 14px;transition:border-color .2s,box-shadow .2s,background .2s}.tn2-name input:focus{background:var(--x-raised);border-color:var(--ink);box-shadow:0 0 0 4px var(--lightningcss-light,#0a0a0a1a)var(--lightningcss-dark,var(--border))}.tn2-name-cmd{color:#f5f5f5;white-space:nowrap;background:#0a0a0a;border-radius:12px;margin:22px 0 0;padding:14px 16px;font-size:16px;overflow-x:auto}.tn2-name-url{letter-spacing:-.03em;color:var(--soft);overflow-wrap:anywhere;margin:18px 0 0;font-size:26px;font-weight:497;line-height:1.2}.tn2-name-url b{color:var(--ink);text-underline-offset:.15em;font-weight:700;text-decoration:underline;text-decoration-thickness:.06em}.tn2-name-note{color:var(--lightningcss-light,#525252)var(--lightningcss-dark,var(--muted-foreground));margin:8px 0 0;font-size:16px}@media (max-width:900px){.tn2-hero{padding-top:112px}.tn2-hero-row{display:block}.tn2-hero-row .l2-acts{justify-content:flex-start;margin-top:28px}.tn2-url{font-size:26px}.tn2-url em{flex-basis:100%;margin:8px 0 0}.tn2-scene-in{display:block}.tn2-cap{flex-direction:column;gap:48px;min-height:0;display:flex}.tn2-cap-i{opacity:1;position:relative;transform:none}.tn2-stage{height:520px;margin-top:48px}.tn2-laptop{width:auto;bottom:3%;left:3%;right:3%}.tn2-phone{width:38%;top:5%;right:5%}.tn2-wire{top:22%;left:14%;right:48%}.tn2-tw{min-height:150px;font-size:13px}.tn2-facts-h{grid-column:auto;max-width:none;position:relative;top:auto}.tn2-list{grid-column:auto;gap:56px;margin-top:56px}.tn2-one-l,.tn2-one-r{grid-column:auto}.tn2-one-r{margin-top:48px}.tn2-name{padding:22px}.tn2-name-in{grid-template-columns:1fr}.tn2-bar,.tn2-ps,.tn2-none,.tn2-net,.tn2-bind,.tn2-name label span,.tn2-open-k,.tn2-wire span{font-size:14px}}@media (prefers-reduced-motion:reduce){.tn2-caret,.tn2-wire b{animation:none}}.tn2-end{background:var(--lightningcss-light,#f5f5f5)var(--lightningcss-dark,var(--surface-2));color:var(--ink);border-radius:24px;padding:30px}.tn2-end-k{color:var(--lightningcss-light,#404040)var(--lightningcss-dark,var(--text-secondary));margin:0;font-size:16px}.tn2-end-k span{color:var(--lightningcss-light,#525252)var(--lightningcss-dark,var(--muted-foreground))}.tn2-end-u{letter-spacing:-.04em;flex-wrap:wrap;align-items:baseline;margin:18px 0 0;font-size:44px;font-weight:497;line-height:1.05;display:flex}.tn2-end-u b{color:var(--lightningcss-light,#525252)var(--lightningcss-dark,var(--muted-foreground));font-weight:606}.tn2-end-u i{background:var(--ink);width:14px;height:14px;box-shadow:0 0 0 5px var(--lightningcss-light,#0a0a0a1a)var(--lightningcss-dark,var(--border));border-radius:50%;align-self:center;margin-right:12px}.tn2-end-t{border-top:1px solid var(--lightningcss-light,#0000001a)var(--lightningcss-dark,var(--border));color:var(--lightningcss-light,#404040)var(--lightningcss-dark,var(--text-secondary));justify-content:space-between;gap:12px;margin:18px 0 0;padding-top:16px;font-size:14px;display:flex}@media (max-width:900px){.tn2-scene:not(.pin) .tn2-scene-in{flex-direction:column;display:flex}.tn2-scene:not(.pin) .tn2-cap{display:contents}.tn2-scene:not(.pin) .tn2-cap-i:first-child{order:1}.tn2-scene:not(.pin) .tn2-stage{order:2;margin:40px 0 48px}.tn2-scene:not(.pin) .tn2-cap-i:last-child{order:3}.tn2-end-u{font-size:26px}}.tn2-term{position:relative}.tn2-term-pause{position:absolute!important;top:16px!important;right:24px!important}.tn2-hits{min-width:24ch;height:1.5em;display:inline-block;position:relative;overflow:hidden}.tn2-hit{color:#f5f5f5;animation:tn2-hit .6s var(--ease-emphasis,cubic-bezier(.16, 1, .3, 1)) both;display:block}@keyframes tn2-hit{0%{transform:translateY(105%)}to{transform:none}}.tn2-phone.down .tn2-bar i{animation:tn2-retry 1.6s var(--ease) infinite}@keyframes tn2-retry{0%,to{transform:scale(1)}50%{transform:scale(.4)}}.tn2-gate{color:#f5f5f5;background:#0a0a0a;border-radius:20px;justify-content:space-between;align-items:center;gap:16px;margin-top:24px;padding:18px 22px;display:flex}.tn2-gate-k{margin:0;font-size:16px}.tn2-gate-k span{color:#a3a3a3;-webkit-user-select:none;user-select:none}.tn2-gate svg{color:#f5f5f5;flex:none}.tn2-gate-s{transition:transform .5s var(--ease-emphasis,cubic-bezier(.16, 1, .3, 1)) .3s;transform:translateY(-7px)}.tn2-gate.shut .tn2-gate-s{transform:none}.tn2-ps-c{color:#737373;-webkit-user-select:none;user-select:none}.tn2-out{color:#a3a3a3;transition:opacity .3s var(--ease)}.tn2-out.wait{opacity:0}.tn2-one-code .tn2-caret{width:.6em;height:1.1em}.tn2-one-code .tn2-wait{margin-top:6px;display:block}.tn2-one-code .tn2-wait.hold{visibility:hidden}@media (hover:hover){.tn2-name input:hover:not(:focus){border-color:var(--lightningcss-light,#0a0a0a66)var(--lightningcss-dark,var(--border-selected));background:var(--x-raised)}}.tn2-fin .x-btn.solid[data-cta=close]{color:#fafafa;background:0 0;border-color:#fff6}@media (hover:hover){.tn2-fin .x-btn.solid[data-cta=close]:hover{background:#ffffff1a;border-color:#fafafa}}@media (max-width:900px){.tn2-scene:not(.pin) .tn2-stage{align-self:stretch;width:100%}.tn2-one .x-arrow,.tn2-fin .x-arrow{align-items:center;min-height:44px;display:inline-flex}.tn2-term-pause{top:auto!important;bottom:12px!important;right:12px!important}.tn2-hits{min-width:0;font-size:14px}.tn2-gate-k{font-size:14px}}@media (prefers-reduced-motion:reduce){.tn2-hit,.tn2-phone.down .tn2-bar i{animation:none}.tn2-gate-s{transition:none}}.tn2-end-k{justify-content:space-between;gap:12px;display:flex}.tn2-end-x{color:var(--lightningcss-light,#525252)var(--lightningcss-dark,var(--muted-foreground));opacity:0;transition:opacity .4s var(--ease), transform .5s var(--ease);font-style:italic;transform:translateY(6px)}.tn2-end.off .tn2-end-x{opacity:1;transform:none}.tn2-end-u{transition:color .9s var(--ease)}.tn2-end-u i{transition:transform .6s var(--ease), background .6s var(--ease)}.tn2-end.off .tn2-end-u{color:var(--lightningcss-light,#525252)var(--lightningcss-dark,var(--muted-foreground));-webkit-text-decoration:line-through #525252;text-decoration:line-through #525252;text-decoration-thickness:2px}.tn2-end.off .tn2-end-u i{background:0 0;transform:scale(.8);box-shadow:inset 0 0 0 2px #737373}.tn2-end.off .tn2-end-u b{color:var(--lightningcss-light,#525252)var(--lightningcss-dark,var(--muted-foreground))}.tn2 .l2-pause svg{transition:transform .15s var(--ease)}@media (hover:hover){.tn2 .l2-pause.dk:hover{color:#0a0a0a;background:#f5f5f5}.tn2 .l2-pause:hover svg{transform:scale(1.15)}}.tn2 .l2-pause:active{transform:scale(.97)}.tn2-caret{animation-iteration-count:4}.tn2-scene-pin.still .tn2-phone.down .tn2-bar i{animation-play-state:paused}.tn2-name-url{min-height:2.4em}.tn2-one-code pre{min-height:5.2em}.tn2-one-code .cf-ln{min-height:1.65em}.tn2-end-k{flex-wrap:wrap;justify-content:flex-start;column-gap:16px}.tn2-end-k>span:first-child,.tn2-end-c{white-space:nowrap}.tn2-facts-l{grid-column:1/span 6;align-self:start;position:sticky;top:120px}.tn2-facts-l .tn2-facts-h{position:static}.tn2-facts-at{font:220 64px/1 var(--sans);letter-spacing:-.04em;font-variant-numeric:tabular-nums;color:var(--ink);margin:32px 0 0;display:block;overflow:hidden}.tn2-facts-at>span{animation:tn2-at .5s var(--ease-emphasis,cubic-bezier(.16, 1, .3, 1)) both;display:inline-block}.tn2-facts-at small{color:var(--lightningcss-light,#737373)var(--lightningcss-dark,var(--text-tertiary));letter-spacing:0;font-size:26px}@keyframes tn2-at{0%{transform:translateY(105%)}to{transform:none}}@media (max-width:900px){.tn2-tw{font-size:14px}.tn2-name-url{font-size:21px}.tn2-name-d{display:block}.tn2-facts-l{grid-column:auto;position:relative;top:auto}.tn2-facts-at{display:none}.tn2-end-x{flex-basis:100%}}@media (prefers-reduced-motion:reduce){.tn2-facts-at>span{animation:none}}.tn2-scene{border-radius:24px 24px 0 0;margin-top:6.5px}.tn2-scene:not(.pin){overflow:hidden}@media (max-width:900px){.tn2 .x-btn.solid[data-cta=tunnel\.hero]{color:var(--ink);border-color:var(--lightningcss-light,#0a0a0a4d)var(--lightningcss-dark,var(--border-selected));background:0 0}.tn2-share{gap:4px;display:grid}.tn2-hits{height:1.5em;display:block}}@media (max-width:900px) and (hover:hover){.tn2 .x-btn.solid[data-cta=tunnel\.hero]:hover{background:var(--lightningcss-light,#0a0a0a0f)var(--lightningcss-dark,var(--glass));border-color:var(--ink)}}.tn2-modes p{min-height:2.9em;line-height:1.45}.tn2-name-d,.tn2-name-note>span{display:block}.tn2-name-note{min-height:3em}.tn2-one-code .tn2-ln{display:block}.tn2-typed.on:after{content:"";vertical-align:-.15em;background:#f5f5f5;width:.6em;height:1.1em;margin-left:4px;animation:1s step-end 4 tn2-blink;display:inline-block}@media (max-width:900px){.tn2-one-code pre{font-size:13.5px}}.tn2-bar{-webkit-mask-image:linear-gradient(90deg,#000 78%,#0000);mask-image:linear-gradient(90deg,#000 78%,#0000)}.tn2-print{color:#d4d4d4;background:#0a0a0a;border-radius:20px;margin-top:24px;padding:18px 22px}.tn2-print p{margin:0;font-size:16px}.tn2-print span{color:#a3a3a3;-webkit-user-select:none;user-select:none}.tn2-print-u{color:#f5f5f5;text-underline-offset:3px;overflow-wrap:anywhere;opacity:0;transition:opacity .5s var(--ease), transform .6s var(--ease-emphasis,cubic-bezier(.16, 1, .3, 1)) .2s;-webkit-text-decoration:underline #ffffff59;text-decoration:underline #ffffff59;transform:translateY(8px);margin-top:8px!important}.tn2-print.on .tn2-print-u,html:not(.js) .tn2-print-u{opacity:1;transform:none}@media (max-width:900px){.tn2-print p{font-size:14px}}@media (hover:hover){.tn2-one .x-copy:hover{color:#fafafa;background:#ffffff24}}@media (prefers-reduced-motion:reduce){.tn2-typed.on:after{animation:none}.tn2-print-u{transition:none}}.tp{padding:clamp(44px,7svh,72px) 0;position:relative;overflow:hidden}.tp-in{position:relative}.tp-stage{cursor:ns-resize;touch-action:pan-y;-webkit-user-select:none;user-select:none;grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:center;min-height:min(640px,78svh);display:grid;position:relative}.tp-scene{perspective:1600px;perspective-origin:50% 40%;height:min(600px,72svh);transform-style:preserve-3d;position:relative}.tp-plate{aspect-ratio:16/10;width:min(440px,80%);transform-style:preserve-3d;will-change:transform;border-radius:24px;place-items:center;display:grid;position:absolute;top:52%;left:50%}.tp-laptop{background:#171717;box-shadow:0 40px 80px -30px #0000008c}.tp-net{background:var(--lightningcss-light,#f5f5f58c)var(--lightningcss-dark,var(--surface-card));border:1.5px dashed var(--lightningcss-light,#a3a3a3)var(--lightningcss-dark,var(--border-selected))}.tp-fabric{background:var(--lightningcss-light,#e4e4e7)var(--lightningcss-dark,var(--secondary));border:1px solid var(--lightningcss-light,#0a0a0a1f)var(--lightningcss-dark,var(--border));overflow:hidden}.tp-url{background:var(--x-raised);border:1px solid var(--lightningcss-light,#0a0a0a24)var(--lightningcss-dark,var(--border-control));box-shadow:0 30px 60px -30px #00000040}.tp-term{color:#f5f5f5;margin:0;font-size:22px}.tp-term span{color:#a3a3a3}.tp-pk{background:var(--lightningcss-light,#0a0a0a40)var(--lightningcss-dark,var(--border-selected));height:2px;position:absolute;top:50%;left:10%;right:10%}.tp-pk i{background:var(--ink);border-radius:50%;width:12px;height:12px;animation:2.4s linear infinite tp-pk;position:absolute;top:-5px;left:0}.tp-pk i:nth-child(2){animation-delay:-.8s}.tp-pk i:nth-child(3){animation-delay:-1.6s}@keyframes tp-pk{0%{transform:translate(0)}to{transform:translate(min(340px,60vw))}}.tp-lock{background:var(--ink);width:22px;height:22px;box-shadow:0 0 0 8px var(--lightningcss-light,#0a0a0a14)var(--lightningcss-dark,var(--glass-strong));border-radius:50%;animation:2.4s cubic-bezier(.4,0,.2,1) infinite tp-lock}@keyframes tp-lock{50%{box-shadow:0 0 0 16px var(--lightningcss-light,#0a0a0a08)var(--lightningcss-dark,var(--glass))}}.tp-labels{height:min(600px,72svh);position:relative}.tp-label{border-left:1px solid var(--lightningcss-light,#0a0a0a33)var(--lightningcss-dark,var(--border-focus));will-change:transform;gap:4px;margin:0;padding-left:20px;display:grid;position:absolute;top:50%;left:0;right:0}.tp-label:first-child{margin-top:90px}.tp-label:nth-child(2){margin-top:30px}.tp-label:nth-child(3){margin-top:-30px}.tp-label:nth-child(4){margin-top:-90px}.tp-label b{letter-spacing:-.02em;color:var(--ink);overflow-wrap:anywhere;font-size:21px;font-weight:497}.tp-label span{color:var(--lightningcss-light,#525252)var(--lightningcss-dark,var(--muted-foreground));font-size:14px}.tp-stage.tap{cursor:pointer}.tp-stage:focus-visible{outline:2px solid var(--ink);outline-offset:6px;border-radius:24px}.tp.flat .tp-plate{aspect-ratio:auto;width:100%;min-height:72px;margin-bottom:12px;position:relative;top:auto;left:auto;transform:none!important}.tp.flat .tp-scene{perspective:none;flex-direction:column-reverse;height:auto;display:flex}.tp.flat .tp-labels{flex-direction:column-reverse;height:auto;display:flex}.tp.flat .tp-label{align-content:center;min-height:72px;position:relative;top:auto;opacity:1!important;margin:0 0 12px!important;transform:none!important}@media (max-width:900px){.tp-stage{grid-template-columns:1fr;min-height:0}.tp-scene{height:360px}.tp-plate{border-radius:18px;width:72%}.tp-term{font-size:13px}.tp-labels{grid-template-columns:1fr 1fr;gap:14px 12px;height:auto;margin-top:8px;display:grid}.tp-label:nth-child(4){order:1}.tp-label:nth-child(3){order:2}.tp-label:nth-child(2){order:3}.tp-label:first-child{order:4}.tp-label{padding-left:14px;position:relative;top:auto;margin:0!important;transform:none!important}.tp-label b{font-size:17px}.tp.flat .tp-labels{display:flex}}@media (prefers-reduced-motion:reduce){.tp-pk i,.tp-lock{animation:none}}.tp-noise{display:none}@media (prefers-reduced-motion:no-preference){html.js .tp-noise{z-index:2;pointer-events:none;grid-template-rows:repeat(8,1fr);grid-template-columns:repeat(12,1fr);display:grid;position:absolute;inset:0}html.js .tp-noise i{background:var(--bg);-webkit-mask-composite:source-over;opacity:1;-webkit-mask-composite:source-over;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 6 -2.2'/%3E%3C/filter%3E%3Crect width='64' height='64' filter='url(%23n)'/%3E%3C/svg%3E"),linear-gradient(#000,#000);mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 6 -2.2'/%3E%3C/filter%3E%3Crect width='64' height='64' filter='url(%23n)'/%3E%3C/svg%3E"),linear-gradient(#000,#000);-webkit-mask-composite:source-over;mask-composite:add}html.js .tp[data-in] .tp-noise i{opacity:0;transition:opacity .42s steps(4) var(--d)}html.js .tn2-one:not([data-in]) .tn2-frag{opacity:0;transform:translate(var(--fx), var(--fy)) rotate(var(--fr)) scale(.86)}html.js .tn2-one .tn2-frag{transition:opacity .5s cubic-bezier(0, 0, .2, 1) var(--fd), transform .9s cubic-bezier(.16, 1, .3, 1) var(--fd)}}.tn2-sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.tn2-roll{display:inline-flex}.tn2-roll-d{vertical-align:bottom;height:1.25em;display:inline-block;overflow:hidden}.tn2-roll-s{transform:translateY(calc(var(--n) * -1.25em));display:block}.tn2-roll-s i{font-variant-numeric:tabular-nums;height:1.25em;font-style:normal;line-height:1.25em;display:block}@media (prefers-reduced-motion:no-preference){html.js .tn2-facts:not([data-in]) .tn2-roll-s{transform:translateY(-11.25em)}html.js .tn2-facts .tn2-roll-s{transition:transform 1.1s cubic-bezier(.16, 1, .3, 1) calc(var(--li,1) * .11s + var(--k) * 90ms)}html.js .tn2-facts:not([data-in]) .tn2-list>li{opacity:.25}html.js .tn2-facts .tn2-list>li{transition:opacity .6s cubic-bezier(0, 0, .2, 1) calc(var(--li,1) * .11s)}}@keyframes tn2-spiral{0%{opacity:0;transform:rotate(-200deg)translate(46vw)rotate(200deg)scale(.55)}35%{opacity:1;transform:rotate(-130deg)translate(26vw)rotate(130deg)scale(.72)}70%{transform:rotate(-60deg)translate(9vw)rotate(60deg)scale(.9)}to{opacity:1;transform:none}}@keyframes tn2-spiral-r{0%{opacity:0;transform:rotate(160deg)translate(-40vw)rotate(-160deg)scale(.6)}45%{opacity:1;transform:rotate(90deg)translate(-18vw)rotate(-90deg)scale(.8)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:no-preference){html.js .tn2-scene:not([data-in]) .tn2-stage,html.js .tn2-scene:not([data-in]) .tn2-cap{opacity:0}html.js .tn2-scene[data-in] .tn2-stage{animation:1.3s cubic-bezier(.16,1,.3,1) both tn2-spiral}html.js .tn2-scene[data-in] .tn2-cap{animation:1.1s cubic-bezier(.16,1,.3,1) .15s both tn2-spiral-r}}@media (max-width:900px) and (prefers-reduced-motion:no-preference){html.js .tn2-scene:not([data-in]) .tn2-cap-i{opacity:0}html.js .tn2-scene[data-in] .tn2-cap-i{animation:1.1s cubic-bezier(.16,1,.3,1) .1s both tn2-spiral-r}html.js .tn2-scene[data-in] .tn2-cap-i:last-child{animation-delay:.3s}}@keyframes tn2-glitch{0%{opacity:0;clip-path:inset(0 0 100%);transform:translate(0)}14%{opacity:1;clip-path:inset(12% 0 64%);transform:translate(-18px)}28%{clip-path:inset(58% 0 20%);transform:translate(14px)}42%{clip-path:inset(30% 0 40%);transform:translate(-8px)}57%{clip-path:inset(0 0 72%);transform:translate(6px)}71%{clip-path:inset(70% 0 0);transform:translate(-4px)}86%{clip-path:inset(0 0 8%);transform:translate(2px)}to{opacity:1;clip-path:inset(0);transform:none}}@media (prefers-reduced-motion:no-preference){html.js .tn2-gl:not([data-in]){opacity:0}html.js .tn2-gl[data-in]{animation:.28s step-end both tn2-glitch}}.tn2-one.l2-sec{padding-block:clamp(72px,8vw,112px)}.tn2-one-code .cf-ln,.tn2-one-code .tn2-caret{transition:clip-path .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1)}.tn2-one-code .cf-ln:nth-child(2){transition-delay:.18s}.tn2-one-code .cf-ln:nth-child(3){transition-delay:.36s}.tn2-one-code .tn2-caret{transition-delay:.54s}.js .tn2-one:not([data-in]) .tn2-one-code .cf-ln,.js .tn2-one:not([data-in]) .tn2-one-code .tn2-caret{clip-path:inset(0 0 100%);transform:translateY(10px)}@media (prefers-reduced-motion:reduce){.js .tn2-one:not([data-in]) .tn2-one-code .cf-ln,.js .tn2-one:not([data-in]) .tn2-one-code .tn2-caret{clip-path:none;transform:none}}.tn2-one .cf-code-bar button{transition:background .15s var(--ease), border-color .15s var(--ease), color .15s var(--ease), transform var(--dur-press,.1s) var(--ease)}@media (hover:hover){.tn2-one .cf-code-bar button:hover{color:#fafafa;background:#262626;border-color:#ffffff52}}.tn2-one .cf-code-bar button:active{transform:scale(.96)}.tn2-art{margin-top:32px}.tn2-nb{white-space:nowrap}.tn2.l2-page{background:var(--bg);--hair:var(--lightningcss-light,#0000001a)var(--lightningcss-dark,var(--border));--muted:var(--lightningcss-light,#525252)var(--lightningcss-dark,var(--muted-foreground));--soft:var(--lightningcss-light,#525252)var(--lightningcss-dark,var(--muted-foreground))}html:not(.light) .tn2 .l2-pause:not(.dk){background:var(--surface-overlay)}html:not(.light) .tn2 .tn2-hero{isolation:isolate;position:relative}html:not(.light) .tn2 .tn2-hero:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(circle, color-mix(in srgb, var(--foreground) 36%, transparent) 1.5px, transparent 2.1px) 0 0 / 7px 7px;-webkit-mask-composite:source-in;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#000,#00000026 32% 64%,#000),linear-gradient(#00000040,#000 85%);mask-image:linear-gradient(90deg,#000,#00000026 32% 64%,#000),linear-gradient(#00000040,#000 85%);-webkit-mask-composite:source-in;mask-composite:intersect}html:not(.light) .tn2 .tn2-hero:after{content:"";z-index:-1;pointer-events:none;background:radial-gradient(60% 70% at 50% 0%, color-mix(in srgb, var(--foreground) 9%, transparent), transparent 70%);height:640px;position:absolute;inset:0 0 auto}