.landing{font-size:1rem}.landing a{color:inherit}.landing h1,.landing h2,.landing h3{font-weight:620;letter-spacing:-.025em;line-height:1.08}.lw{width:min(72rem,calc(100% - 2.5rem));margin:0 auto}.lw-wide{width:min(80rem,calc(100% - 2rem));margin:0 auto}.landing .label.kicker{color:var(--accent-ink)}.landing code{font-size:.86em;padding:.1em .35em;border:1px solid var(--rule);border-radius:var(--radius-sm);background:var(--surface)}.top{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--bg) 82%,transparent);backdrop-filter:blur(12px) saturate(1.4);-webkit-backdrop-filter:blur(12px) saturate(1.4);border-bottom:1px solid transparent;transition:border-color var(--dur)}.top.scrolled{border-bottom-color:var(--rule)}.top-in{display:flex;align-items:center;gap:2.25rem;height:3.75rem}.logo{display:flex;align-items:center;gap:.625rem;font-size:1.0625rem;font-weight:500;text-decoration:none}.logo img{border-radius:.4rem}.links{display:flex;gap:1.5rem;font-size:.9062rem}.links a{color:var(--muted);text-decoration:none}.links a:hover{color:var(--ink)}.top-r{margin-left:auto;display:flex;align-items:center;gap:.625rem}.top-r .btn{text-decoration:none}:root[data-theme=dark] .ibtn .moon,:root:not([data-theme=dark]) .ibtn .sun{display:none}.hero{padding:2.25rem 0 3rem;overflow:hidden}.hero-in{display:flex;flex-direction:column;align-items:center;text-align:center;gap:1rem}.hpill{display:inline-flex;align-items:center;gap:.625rem;padding:.3125rem .75rem .3125rem .3125rem;border:1px solid var(--rule-strong);border-radius:var(--radius-full);background:color-mix(in srgb,var(--surface) 75%,transparent);font-size:.8125rem;color:var(--ink-2);text-decoration:none}.hpill .new{padding:.125rem .5625rem;border-radius:var(--radius-full);background:var(--accent-wash);color:var(--accent-ink);font-weight:560}.hpill .arr,.lg-btn .arr{transition:transform var(--dur) var(--ease)}.hpill:hover .arr,.lg-btn:hover .arr{transform:translate(3px)}.hero h1{font-size:clamp(2.25rem,4.6vw,3.6rem);font-weight:640;font-stretch:110%;letter-spacing:-.04em;line-height:1.02;max-width:20ch}.lede{max-width:62ch;font-size:clamp(1rem,1.6vw,1.15rem);color:var(--ink-2);text-wrap:pretty}.ctas{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem}.lg-btn{height:2.875rem;padding-inline:1.25rem;font-size:.9375rem;border-radius:.6875rem;text-decoration:none}.btn.accent.lg-btn{box-shadow:0 8px 24px -10px color-mix(in srgb,var(--accent) 70%,transparent)}.window{margin-top:1.75rem;padding:.375rem;border-radius:1.25rem;background:color-mix(in srgb,var(--surface) 70%,var(--bg));box-shadow:0 0 0 1px color-mix(in srgb,var(--ink) 9%,transparent),0 40px 80px -30px #1414134d,0 12px 30px -12px #14141329}:root[data-theme=dark] .window{box-shadow:0 0 0 1px #ffffff14,0 40px 90px -30px #000c}.wbar{display:flex;align-items:center;gap:1rem;height:2.25rem;padding:0 .875rem;border-bottom:1px solid var(--rule);border-radius:.875rem .875rem 0 0;background:var(--bg-sunk)}.wbar .wt{margin:0 auto;font-size:.75rem;color:var(--muted)}.dots{display:flex;gap:.4375rem}.dots i{width:.6875rem;height:.6875rem;border-radius:50%;background:color-mix(in srgb,var(--ink) 16%,transparent)}.wbody{padding:1.25rem 1rem 1rem;border-radius:0 0 .875rem .875rem;background-color:var(--bg);background-image:radial-gradient(var(--grid-dot) 1px,transparent 1px);background-size:1rem 1rem}.window .wbody{min-height:20rem}.wbody .dv-ctl{position:static}.sec{padding:clamp(4rem,9vw,6.5rem) 0}.sec.alt{background:linear-gradient(var(--bg-sunk),var(--bg));border-top:1px solid var(--rule)}.head{max-width:46rem;margin-bottom:2.5rem}.head h2{margin-top:.75rem;font-size:clamp(1.875rem,4vw,2.875rem);font-stretch:106%;letter-spacing:-.035em}.head p:last-child{margin-top:1rem;font-size:1.0625rem;color:var(--ink-2);max-width:62ch}.head a{color:var(--ink);text-decoration-color:var(--accent)}.demo{border:1px solid var(--rule);border-radius:1rem;background:var(--surface);overflow:hidden}.demo-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem 1.5rem;padding:.875rem 1rem;border-bottom:1px solid var(--rule)}.demo-say{font-size:.875rem;color:var(--ink-2);max-width:44ch}.demo-say.bad{color:var(--down)}.demo-say.warn{color:color-mix(in srgb,var(--warn) 75%,var(--ink))}.demo-say.ok{color:color-mix(in srgb,var(--ok) 75%,var(--ink))}.demo .wbody{border-radius:0;min-height:24rem}.mm{display:grid;grid-template-columns:minmax(0,.8fr) auto minmax(0,1.2fr);gap:1rem;align-items:center}.mm-arrow{font-size:1.5rem;color:var(--accent)}.codewin{border:1px solid var(--rule);border-radius:1rem;background:var(--surface);overflow:hidden}.cbar{display:flex;align-items:center;gap:.875rem;height:2.5rem;padding:0 .875rem;border-bottom:1px solid var(--rule);background:var(--bg-sunk);font-size:.75rem;color:var(--muted)}.codewin pre{margin:0;padding:1rem 1.125rem;overflow:auto;font-size:.78rem;line-height:1.7;color:var(--ink-2);white-space:pre}.mm-out,.llm-out{border:1px solid var(--rule);border-radius:1rem}.llm{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:1rem;align-items:stretch}.llm pre{height:24rem}.codewin .k{color:var(--accent-ink)}.codewin .s{color:var(--ink)}.codewin .o{color:var(--amber-ink)}.codewin .a{color:var(--muted)}.codewin .v,.codewin .d{color:var(--t-teal)}.codewin .caret{display:inline-block;width:.45rem;height:.95rem;margin-left:2px;background:var(--accent);vertical-align:-3px;animation:blink 1s steps(2) infinite}@keyframes blink{50%{opacity:0}}.ways{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1rem}.ways article{padding:1.375rem 1.5rem 1.5rem;border:1px solid var(--rule);border-radius:1rem;background:var(--surface)}.ways h3{margin-top:.625rem;font-size:1.1875rem;font-stretch:105%}.ways p:not(.label){margin-top:.5rem;font-size:.9375rem;color:var(--muted);line-height:1.55}.ways code{display:block;margin-top:.875rem;padding:.5rem .75rem;border-radius:var(--radius-lg);background:var(--bg-sunk);font-size:.75rem;overflow-x:auto;white-space:nowrap}.gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,21rem),1fr));gap:1rem}.gcard{display:flex;flex-direction:column;border:1px solid var(--rule);border-radius:.875rem;background:var(--surface);overflow:hidden;text-decoration:none;transition:border-color var(--dur),transform .3s var(--ease),box-shadow .3s}.gcard:hover{border-color:var(--rule-strong);transform:translateY(-3px);box-shadow:var(--shadow)}.gh{display:flex;align-items:baseline;gap:.75rem;padding:.75rem 1rem;border-bottom:1px solid var(--rule)}.gh .fn{flex:none;font-size:.6562rem;letter-spacing:.06em;text-transform:uppercase;color:var(--accent-ink);white-space:nowrap}.gh .ft{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:580;font-size:.9062rem;letter-spacing:-.01em}.gh .fc{margin-left:auto;font-size:.6875rem;color:var(--muted);white-space:nowrap}.gv{display:flex;gap:.5rem;height:14rem;padding:.625rem;overflow:hidden;background-color:var(--bg);background-image:radial-gradient(var(--grid-dot) 1px,transparent 1px);background-size:1rem 1rem}.gv svg{flex:1;min-width:0;width:100%;height:100%}.gf{display:flex;justify-content:space-between;gap:1rem;padding:.75rem 1rem;font-size:.8125rem;color:var(--muted);border-top:1px solid var(--rule)}.gf .gk{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gf .open{flex:none;color:var(--accent-ink)}.closing{position:relative;isolation:isolate;padding:7rem 0 7.5rem;text-align:center;overflow:hidden;border-top:1px solid var(--rule)}.closing:before{content:"";position:absolute;z-index:-1;left:50%;top:50%;width:56rem;height:26rem;transform:translate(-50%,-50%);background:radial-gradient(closest-side,color-mix(in srgb,var(--accent) 18%,transparent),transparent);filter:blur(10px)}.closing h2{font-size:clamp(2rem,4.8vw,3.5rem);font-stretch:106%;letter-spacing:-.04em;max-width:18ch;margin:0 auto}.closing p{margin:1rem 0 1.75rem;font-size:1.0625rem;color:var(--ink-2)}.foot{border-top:1px solid var(--rule);padding:1.75rem 0 2.5rem;font-size:.875rem;color:var(--muted)}.foot-in{display:flex;justify-content:space-between;flex-wrap:wrap;gap:.75rem}.foot a{color:var(--ink-2)}.foot-links{display:flex;gap:1.375rem}.foot-links a{text-decoration:none;color:var(--muted)}.foot-links a:hover{color:var(--ink)}@media (max-width: 960px){.links{display:none}.ways,.llm,.mm{grid-template-columns:1fr}.mm-arrow{justify-self:center;transform:rotate(90deg)}.llm pre{height:auto;max-height:20rem}}@media (max-width: 640px){.hero{padding-top:3rem}.top-r .btn{display:none}.hpill{font-size:.75rem}.dv-stage{flex-direction:column;align-items:center}.dv-ctl .seg{display:none}.dv-scrub{width:28vw}.window{margin-top:2rem}.wbar .wt{font-size:.6562rem}}
