:root{color-scheme:light dark;--paper: #f4f5f8;--raised: #ffffff;--ink: #15171c;--muted: #5f6470;--faint: #9097a3;--line: rgba(21, 23, 28, .1);--accent: #2a7bff;--accent-ink: #1f5fd6;--glow: #4a94ff;--success: #2fb35a;--warning: #c98a00;--danger: #d6453d;--term: #16181e;--term-ink: #e6e9ef;--term-dim: #7d8594;--sans: -apple-system, BlinkMacSystemFont, "SF Pro Text", Inter, "Helvetica Neue", sans-serif;--display: -apple-system, BlinkMacSystemFont, "SF Pro Display", Inter, "Helvetica Neue", sans-serif;--rounded: ui-rounded, "SF Pro Rounded", -apple-system, Inter, sans-serif;--mono: ui-monospace, "SF Mono", "JetBrains Mono", Menlo, monospace;--measure: 1120px;--gutter: clamp(16px, 4vw, 40px)}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--paper: #14161b;--raised: #1d2027;--ink: #eef0f4;--muted: #a3a9b5;--faint: #6f7684;--line: rgba(238, 240, 244, .1);--accent-ink: #6aa8ff;--warning: #f0b429;--danger: #ff6b63;--term: #0f1115}}:root[data-theme=dark]{--paper: #14161b;--raised: #1d2027;--ink: #eef0f4;--muted: #a3a9b5;--faint: #6f7684;--line: rgba(238, 240, 244, .1);--accent-ink: #6aa8ff;--warning: #f0b429;--danger: #ff6b63;--term: #0f1115}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:72px}html.lenis{scroll-behavior:auto}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.55 var(--sans);-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:var(--accent-ink);text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:3px}:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 50%,transparent);outline-offset:2px;border-radius:6px}code{font-family:var(--mono);font-size:.9em}p code,li span code,.demo-option code{padding:1px 5px;border-radius:5px;background:color-mix(in srgb,var(--ink) 7%,transparent)}.wrap{width:100%;max-width:var(--measure);margin:0 auto;padding:0 var(--gutter)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.skip-link{position:fixed;top:10px;left:10px;z-index:100;padding:8px 14px;border-radius:999px;background:var(--accent);color:#fff;font-size:14px;transform:translateY(-200%)}.skip-link:focus-visible{transform:none}nav#nav{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--paper) 78%,transparent);-webkit-backdrop-filter:saturate(1.6) blur(18px);backdrop-filter:saturate(1.6) blur(18px);border-bottom:1px solid transparent;transition:border-color .2s ease}nav#nav.scrolled{border-bottom-color:var(--line)}nav#nav .wrap{height:60px;display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;gap:10px;color:var(--ink);font:700 17px/1 var(--rounded);letter-spacing:-.01em}.brand:hover{text-decoration:none}.brand img{width:28px;height:28px}nav#nav .links{display:flex;gap:22px;margin-left:auto;font-size:14px}nav#nav .links a{color:var(--muted)}nav#nav .links a:hover{color:var(--ink);text-decoration:none}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:44px;padding:0 22px;border:0;border-radius:999px;background:var(--accent);color:#fff;font:600 15px/1 var(--sans);cursor:pointer;box-shadow:0 1px #ffffff40 inset,0 6px 18px -6px color-mix(in srgb,var(--accent) 70%,transparent);transition:transform var(--spring-bouncy-duration, .3s) var(--spring-bouncy, ease-out),filter .16s ease}.button:hover{text-decoration:none;filter:brightness(1.06)}.button:hover{transform:translateY(-1px)}.button:active{transform:scale(.97)}.button.small{height:34px;padding:0 16px;font-size:14px}.button.quiet{background:var(--raised);color:var(--ink);box-shadow:0 0 0 1px var(--line) inset}.button svg{width:16px;height:16px;fill:currentColor}.button.copied{filter:none;background:var(--success)}.hero.wrap{padding-top:clamp(48px,9vw,104px);text-align:center;translate:0 calc(var(--out, 0) * -56px);opacity:calc(1 - var(--out, 0) * .85)}.js .hero>*,.js .stage-wrap{animation:rise var(--spring-gentle-duration, .8s) var(--spring-gentle, cubic-bezier(.2, .8, .2, 1)) backwards,fade .7s ease backwards}.js .hero>.icon{animation:pop var(--spring-bouncy-duration, .6s) var(--spring-bouncy, cubic-bezier(.3, 1.4, .5, 1)) backwards,fade .3s ease backwards}.js .hero>:nth-child(2){animation-delay:80ms}.js .hero>:nth-child(3){animation-delay:.16s}.js .hero>:nth-child(4){animation-delay:.23s}.js .hero>:nth-child(5){animation-delay:.29s}.js .stage-wrap{animation-delay:.38s}@keyframes rise{0%{transform:translateY(28px);filter:blur(8px)}}@keyframes fade{0%{opacity:0}}@keyframes pop{0%{transform:scale(.55) rotate(-10deg)}}.hero .icon{width:clamp(84px,11vw,112px);height:auto;margin-bottom:22px;filter:drop-shadow(0 14px 24px rgba(31,79,196,.28))}h1{margin:0;font:800 clamp(42px,7.4vw,84px) / 1.02 var(--display);letter-spacing:-.035em;text-wrap:balance}.hero .lede{max-width:620px;margin:22px auto 0;color:var(--muted);font-size:clamp(18px,2.1vw,21px);line-height:1.5;text-wrap:pretty}.hero .actions{margin-top:32px;display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.hero .requirements{margin-top:14px;color:var(--faint);font-size:13px}.stage-wrap{margin:clamp(44px,7vw,72px) auto 0;max-width:980px;padding:0 var(--gutter);perspective:1800px}.stage{position:relative;aspect-ratio:16 / 10;container-type:inline-size;overflow:hidden;border-radius:clamp(12px,2vw,22px);background:linear-gradient(160deg,#1a2140,#0e1222);transform-origin:50% 0;transform:rotateX(calc((1 - var(--enter, 1)) * 16deg)) scale(calc(.9 + var(--enter, 1) * .1));box-shadow:0 0 0 1px #ffffff14 inset,0 40px 80px -30px #0a143c8c,0 18px 40px -20px #0006;cursor:pointer;user-select:none;-webkit-user-select:none}.stage:before{content:"";position:absolute;top:-8cqw;right:-8cqw;bottom:-8cqw;left:-8cqw;background:radial-gradient(70% 55% at 76% 24%,#3f6dd8 0%,transparent 70%),radial-gradient(55% 50% at 16% 88%,#7a3fd1 0%,transparent 72%);translate:0 calc(var(--depth, 0) * 6cqw);pointer-events:none}.stage .term-window{translate:0 calc(var(--depth, 0) * -1.5cqw)}.stage .phone{translate:0 calc(var(--depth, 0) * -5cqw)}.menubar{position:absolute;inset:0 0 auto;height:4.2cqw;padding:0 1.8cqw;display:flex;align-items:center;gap:2cqw;background:#ffffff24;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:#ffffffeb;font:600 1.45cqw/1 var(--sans)}.menubar .apple{width:1.6cqw;height:1.6cqw;fill:currentColor}.menubar .right{margin-left:auto;font-weight:500}.term-window{overflow:hidden;border-radius:12px;background:var(--term);color:var(--term-ink);box-shadow:0 0 0 1px #ffffff14 inset,0 24px 50px -24px #00000073}.term-window .chrome{position:relative;height:36px;display:flex;align-items:center;gap:8px;padding:0 14px;background:color-mix(in srgb,#fff 6%,var(--term));border-bottom:1px solid rgba(255,255,255,.06)}.term-window .chrome i{width:12px;height:12px;border-radius:50%;background:#ff5f57}.term-window .chrome i:nth-child(2){background:#febc2e}.term-window .chrome i:nth-child(3){background:#28c840}.term-window .chrome span{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:var(--term-dim);font:500 12px/1 var(--sans);pointer-events:none}.stage .term-window{position:absolute;left:7cqw;top:9cqw;width:54cqw;height:47cqw;border-radius:1.4cqw;box-shadow:0 2cqw 5cqw #0006,0 0 0 1px #ffffff1a inset}.stage .term-window .chrome{height:3.6cqw;gap:.7cqw;padding:0 1.4cqw}.stage .term-window .chrome i{width:1.05cqw;height:1.05cqw}.stage .term-window .chrome span{font-size:1.2cqw}.term-body{padding:20px 24px;font:14px/1.5 var(--mono)}.stage .term-body{padding:2.2cqw 2.6cqw;font-size:1.45cqw}.term-line{margin:0;white-space:pre}.prompt{color:#4cd27a}.typed{color:var(--term-ink)}.cursor{display:inline-block;width:.6em;height:1.15em;margin-left:1px;vertical-align:-.2em;background:var(--term-ink);animation:blink 1.1s steps(1) infinite}.cursor.busy{animation:none}.cursor[hidden]{display:none}@keyframes blink{50%{opacity:0}}.term-qr{margin:1.6cqw 0;font:1.8cqw/1 var(--mono);letter-spacing:0;color:#fff;clip-path:inset(0 0 100% 0)}.stage .term-after{opacity:0}.phone{position:absolute;right:7cqw;top:12cqw;width:24cqw;height:49cqw;padding:.9cqw;border-radius:4.2cqw;background:#0b0c10;box-shadow:0 0 0 .3cqw #3a3d46,0 3cqw 6cqw #00000080;opacity:0;transform:translateY(46cqw) rotate(4deg)}.phone .screen{position:relative;height:100%;overflow:hidden;border-radius:3.4cqw;display:grid;place-items:center;background:radial-gradient(80% 60% at 50% 45%,#2b2f3a,#121319)}.phone .screen:after{content:"";position:absolute;left:14%;right:14%;top:34%;height:.25cqw;border-radius:1cqw;background:linear-gradient(90deg,transparent,#ffd60a,transparent);box-shadow:0 0 1.6cqw #ffd60a99;opacity:0;transition:opacity .2s ease}.phone.scanning .screen:after{opacity:.9;animation:scan .8s ease-in-out infinite alternate}@keyframes scan{to{top:64%}}.phone-qr{margin:0;padding:1cqw;border-radius:.6cqw;background:var(--term);color:#fff;font:.68cqw/1 var(--mono);transform:perspective(40cqw) rotateX(8deg) rotate(-3deg);filter:blur(.04cqw)}.finder{position:absolute;left:50%;top:50%;width:17cqw;height:17cqw;transform:translate(-50%,-50%) scale(1.25);opacity:0;transition:transform var(--spring-bouncy-duration, .5s) var(--spring-bouncy, ease-out),opacity .2s ease}.finder i{position:absolute;width:3cqw;height:3cqw;border:0 solid #ffd60a}.finder .tl{top:0;left:0;border-top-width:.42cqw;border-left-width:.42cqw;border-top-left-radius:1cqw}.finder .tr{top:0;right:0;border-top-width:.42cqw;border-right-width:.42cqw;border-top-right-radius:1cqw}.finder .bl{bottom:0;left:0;border-bottom-width:.42cqw;border-left-width:.42cqw;border-bottom-left-radius:1cqw}.finder .br{bottom:0;right:0;border-bottom-width:.42cqw;border-right-width:.42cqw;border-bottom-right-radius:1cqw}.phone.locked .finder{opacity:1;transform:translate(-50%,-50%)}.banner{position:absolute;left:1.2cqw;right:1.2cqw;top:3.2cqw;display:flex;align-items:center;gap:1cqw;padding:1.1cqw 1.3cqw;border-radius:1.8cqw;background:#3c3e46a8;-webkit-backdrop-filter:blur(20px) saturate(1.5);backdrop-filter:blur(20px) saturate(1.5);box-shadow:0 0 0 1px #ffffff24 inset;color:#fff;opacity:0;transform:translateY(-6cqw);transition:opacity .22s ease,transform var(--spring-bouncy-duration, .5s) var(--spring-bouncy, ease-out)}.banner svg{flex:none;width:2.6cqw;height:2.6cqw;padding:.5cqw;border-radius:.7cqw;background:var(--accent);fill:none;stroke:#fff;stroke-width:1.8}.banner span{min-width:0;font:400 1.05cqw/1.25 var(--sans);color:#fffc}.banner b{display:block;color:#fff;font:600 1.15cqw/1.25 var(--rounded)}.phone.done .banner{opacity:1;transform:none}.keys{position:absolute;left:34cqw;bottom:4cqw;display:flex;gap:.8cqw;transform:translate(-50%);opacity:0}.keys kbd{min-width:5.2cqw;height:5.2cqw;padding:0 1.6cqw;display:grid;place-items:center;border-radius:1.1cqw;background:#ffffff29;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 0 0 1px #ffffff40 inset,0 .5cqw 1.2cqw #00000040;color:#fff;font:500 1.9cqw/1 var(--sans)}.replay{position:absolute;right:1.6cqw;bottom:1.6cqw;display:flex;align-items:center;gap:.7cqw;padding:.8cqw 1.4cqw;border:0;border-radius:999px;background:#ffffff24;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:#fff;font:500 1.35cqw/1 var(--sans);cursor:pointer;opacity:.85}.replay svg{width:1.4cqw;height:1.4cqw;fill:currentColor}section.wrap{margin-top:clamp(80px,12vw,140px)}.section-head{max-width:680px}h2{margin:0;font:700 clamp(30px,4.4vw,46px) / 1.08 var(--display);letter-spacing:-.025em;text-wrap:balance}.section-head p{margin:16px 0 0;color:var(--muted);font-size:19px;text-wrap:pretty}.ways{margin:40px 0 0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 48px}.ways li{padding:20px 0;border-top:1px solid var(--line);display:grid;grid-template-columns:36px 1fr;gap:4px 16px}.ways svg{grid-row:span 2;width:28px;height:28px;margin-top:2px;fill:none;stroke:var(--accent);color:var(--accent);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.ways b{font-weight:600}.ways span{color:var(--muted);font-size:16px}.copy-as{margin-top:36px;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:18px 24px;padding:24px;border-radius:20px;background:var(--raised);box-shadow:0 0 0 1px var(--line) inset}.segmented{position:relative;display:inline-flex;justify-self:start;padding:3px;border-radius:999px;background:color-mix(in srgb,var(--ink) 7%,transparent)}.segmented button{position:relative;z-index:1;height:32px;padding:0 16px;border:0;border-radius:999px;background:none;color:var(--muted);font:500 14px/1 var(--sans);cursor:pointer;transition:color .18s ease}.segmented button[aria-checked=true]{color:var(--ink)}.segmented .pill{position:absolute;top:3px;bottom:3px;left:0;border-radius:999px;background:var(--raised);box-shadow:0 0 0 .5px var(--line),0 1px 4px #00000024;transition:transform var(--spring-bouncy-duration, .4s) var(--spring-bouncy, ease-out),width var(--spring-snappy-duration, .3s) var(--spring-snappy, ease-out)}.copy-output{min-width:0;padding:12px 16px;border-radius:12px;background:color-mix(in srgb,var(--ink) 5%,transparent);font:14px/1.4 var(--mono);white-space:nowrap;overflow-x:auto}.encoder{margin-top:40px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px;align-items:start}.encoder-controls{padding:24px;border-radius:20px;background:var(--raised);box-shadow:0 0 0 1px var(--line) inset}.field-label{display:flex;justify-content:space-between;margin-bottom:8px;color:var(--muted);font-size:13px;font-weight:500}.control-value{color:var(--ink);font-variant-numeric:tabular-nums}.demo-input,.select-wrap select{width:100%;height:44px;padding:0 14px;border:0;border-radius:12px;background:color-mix(in srgb,var(--ink) 5%,transparent);box-shadow:0 0 0 1px var(--line) inset;color:var(--ink);font:15px/1 var(--mono);transition:box-shadow .16s ease}.demo-input:focus,.select-wrap select:focus{outline:none;box-shadow:0 0 0 1px var(--accent) inset,0 0 0 4px color-mix(in srgb,var(--accent) 22%,transparent)}.demo-hint{min-height:20px;margin:8px 0 20px;color:var(--faint);font-size:13px}.demo-hint.capacity-warning{color:var(--warning)}.demo-hint.capacity-critical{color:var(--danger)}.demo-options{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.demo-option{position:relative;display:inline-flex;align-items:center;gap:8px;height:34px;padding:0 14px 0 10px;border-radius:999px;background:color-mix(in srgb,var(--ink) 5%,transparent);font-size:14px;font-weight:500;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .16s ease}.demo-option input{position:absolute;opacity:0;pointer-events:none}.option-box{width:18px;height:18px;flex:none;border-radius:50%;box-shadow:0 0 0 1.5px var(--faint) inset;transition:background .16s ease,box-shadow .16s ease}.demo-option:has(input:checked),.demo-option.active{background:color-mix(in srgb,var(--accent) 14%,transparent)}.demo-option:has(input:checked) .option-box,.demo-option.active .option-box{background:var(--accent) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4.5 8.3 7 10.8l4.5-5.3' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 14px no-repeat;box-shadow:none}.demo-option:has(input:focus-visible){outline:3px solid color-mix(in srgb,var(--accent) 50%,transparent);outline-offset:2px}.demo-controls{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;margin-bottom:20px}.select-wrap{position:relative;display:block}.select-wrap select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:36px;font-family:var(--sans);cursor:pointer}.select-wrap:after{content:"";position:absolute;right:16px;top:50%;width:7px;height:7px;border:solid var(--muted);border-width:0 1.6px 1.6px 0;transform:translateY(-70%) rotate(45deg);pointer-events:none}input[type=range]{width:100%;height:44px;margin:0;accent-color:var(--accent);cursor:pointer}.demo-command{display:flex;align-items:center;gap:10px;padding:6px 6px 6px 16px;border-radius:12px;background:color-mix(in srgb,var(--ink) 5%,transparent)}.demo-command code{flex:1;min-width:0;overflow-x:auto;white-space:nowrap;font:14px/1.4 var(--mono)}.demo-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.encoder-output .term-window{min-height:100%}.encoder-output .term-body{min-height:360px;display:grid;place-items:center;padding:28px}.demo-qr{margin:0;max-width:100%;overflow:auto;color:#fff;font:12px/1 var(--mono);letter-spacing:0}.demo-qr.large{font-size:6px}.demo-qr.inverted{padding:10px;border-radius:6px;background:#fff;color:#000}.demo-qr.just-generated{animation:settle var(--spring-smooth-duration, .42s) var(--spring-smooth, ease-out)}@keyframes settle{0%{opacity:.2;transform:scale(.97);filter:blur(2px)}}.demo-meta{display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:12px;color:var(--muted);font-size:14px}.demo-meta span+span:before{content:"·";margin-right:14px;color:var(--faint)}.copy-btn{flex:none;height:32px;padding:0 14px;border:0;border-radius:9px;background:var(--raised);box-shadow:0 0 0 1px var(--line) inset;color:var(--ink);font:500 13px/1 var(--sans);cursor:pointer;transition:background .16s ease,color .16s ease}.copy-btn:hover{background:color-mix(in srgb,var(--accent) 10%,var(--raised))}.copy-btn.copied{background:var(--success);color:#fff}.string{color:var(--accent-ink)}.flag{color:#b35ad6}@media (prefers-color-scheme: dark){:root:not([data-theme=light]) .flag{color:#d08bf0}}:root[data-theme=dark] .flag{color:#d08bf0}.demo-command .prompt,.examples .prompt{color:var(--faint)}.examples{margin:40px 0 0;padding:8px 24px;list-style:none;border-radius:20px;background:var(--raised);box-shadow:0 0 0 1px var(--line) inset}.examples li{display:grid;grid-template-columns:160px minmax(0,1fr) auto;align-items:center;gap:16px;padding:14px 0}.examples li+li{border-top:1px solid var(--line)}.example-label{color:var(--muted);font-size:15px}.examples code{overflow-x:auto;white-space:nowrap;font-size:14px}.promises{margin:36px 0 0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}.promises b{display:block;margin-bottom:6px;font-size:18px}.promises span{color:var(--muted);font-size:16px}.install{margin-top:clamp(72px,11vw,128px);padding:clamp(36px,6vw,64px);border-radius:28px;background:radial-gradient(70% 120% at 85% 0%,rgba(74,148,255,.35),transparent 60%),linear-gradient(160deg,#20253a,#121521);color:#fff;display:grid;grid-template-columns:1fr auto;gap:32px;align-items:center;scale:calc(.92 + var(--enter, 1) * .08)}.install>div{min-width:0}.install h2{color:#fff}.install p{margin:12px 0 0;color:#ffffffb3}.cmd{margin-top:14px;display:flex;align-items:center;gap:10px;max-width:560px;padding:8px 8px 8px 18px;border-radius:14px;background:#ffffff14;box-shadow:0 0 0 1px #ffffff1f inset}.cmd:first-of-type{margin-top:26px}.cmd code{flex:1;min-width:0;overflow-x:auto;white-space:nowrap;font:14px/1.4 var(--mono);color:#dfe8ff}.cmd button{flex:none;height:32px;padding:0 14px;border:0;border-radius:9px;background:#ffffff24;color:#fff;font:500 13px/1 var(--sans);cursor:pointer}.platforms{margin-top:22px;display:flex;flex-wrap:wrap;gap:10px}.platforms a{display:inline-flex;align-items:baseline;gap:8px;height:40px;padding:0 18px;align-items:center;border-radius:999px;background:#ffffff1a;box-shadow:0 0 0 1px #ffffff24 inset;color:#fff;font-size:15px;font-weight:600}.platforms a:hover{text-decoration:none;background:#ffffff29}.platforms span{color:#fff9;font-size:13px;font-weight:400}.install .icon{width:clamp(120px,16vw,180px);height:auto;filter:drop-shadow(0 20px 40px rgba(0,0,0,.45))}footer{margin-top:72px;padding:32px 0 48px;border-top:1px solid var(--line);color:var(--faint);font-size:14px}footer .wrap{display:flex;flex-wrap:wrap;gap:12px 28px;align-items:center}footer .links{display:flex;gap:20px;margin-left:auto}footer a{color:var(--muted)}.toast{position:fixed;left:50%;bottom:24px;z-index:90;display:flex;align-items:center;gap:8px;padding:10px 18px 10px 14px;border-radius:999px;background:#282a32d1;-webkit-backdrop-filter:blur(20px) saturate(1.5);backdrop-filter:blur(20px) saturate(1.5);box-shadow:0 0 0 1px #ffffff24 inset,0 12px 30px -10px #0006;color:#fff;font-size:14px;font-weight:500;opacity:0;transform:translate(-50%,16px);pointer-events:none;transition:opacity .2s ease,transform var(--spring-bouncy-duration, .4s) var(--spring-bouncy, ease-out)}.toast svg{width:16px;height:16px;fill:none;stroke:#4cd27a;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.toast.show{opacity:1;transform:translate(-50%)}.js .reveal{opacity:0;transform:translateY(24px);transition:opacity .6s ease,filter .6s ease,transform var(--spring-gentle-duration, .8s) var(--spring-gentle, ease-out)}.js .section-head.reveal{filter:blur(6px)}.js .reveal.in{opacity:1;transform:none;filter:none}.js .stagger>*{opacity:0;translate:0 16px;transition:opacity .5s ease,translate var(--spring-gentle-duration, .8s) var(--spring-gentle, ease-out);transition-delay:calc(var(--i, 0) * 70ms + 80ms)}.js .stagger.in>*{opacity:1;translate:none}@media (max-width: 860px){nav#nav .links{display:none}nav#nav .button{margin-left:auto}.ways,.promises,.encoder,.install,.copy-as{grid-template-columns:1fr}.examples li{grid-template-columns:minmax(0,1fr) auto;gap:6px 12px}.example-label{grid-column:1 / -1;font-size:14px}.install .icon{display:none}}@media (max-width: 520px){.demo-controls{grid-template-columns:1fr}.segmented button{padding:0 12px}.encoder-output .term-body{min-height:280px;padding:18px}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}.js .reveal,.js .stagger>*{opacity:1;transform:none;translate:none;filter:none}*,*:after{animation:none!important;transition:none!important}}html.lenis,html.lenis body{height:auto}.lenis:not(.lenis-autoToggle).lenis-stopped{overflow:clip}.lenis [data-lenis-prevent],.lenis [data-lenis-prevent-wheel],.lenis [data-lenis-prevent-touch],.lenis [data-lenis-prevent-vertical],.lenis [data-lenis-prevent-horizontal]{overscroll-behavior:contain}.lenis.lenis-smooth iframe{pointer-events:none}.lenis.lenis-autoToggle{transition-property:overflow;transition-duration:1ms;transition-behavior:allow-discrete}
