:root{color-scheme:dark;--bg: #121212;--bg-subtle: #0c0c0c;--surface: #1a1a1a;--bg-input: #202020;--bg-hover: #262626;--border: #2b2b2b;--border-strong: #3a3a3a;--fg: #f2f0eb;--fg-muted: #b4b4b4;--fg-subtle: #8f8f8f;--accent: #ffcf4d;--accent-hover: #ffd96e;--on-accent: #121212;--code: #ffa36b;--danger: #ff8a7a;--grid: #ffffff0c;--font: ui-monospace, "SF Mono", SFMono-Regular, Menlo, "Cascadia Mono", Consolas, "Ubuntu Sans Mono", "Ubuntu Mono", "DejaVu Sans Mono", monospace;--text-xs: 12px;--text-sm: 13px;--text: 15px;--text-md: 17px;--text-lg: 18px;--text-xl: 22px;--text-2xl: 28px;--leading: 1.6;--measure: 62ch;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--space-9: 96px;--radius: 12px;--radius-sm: 8px;--pill: 999px;--control: 44px;--control-sm: 36px;--page: 1080px;--gutter: 16px;--header: 56px;--motion: .12s ease-out;--fade: .24s ease-out}*,*:before,*:after{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth;scroll-padding-top:calc(var(--header) + var(--space-4));scrollbar-width:none}html::-webkit-scrollbar,body::-webkit-scrollbar{display:none}body{position:relative;margin:0;color:var(--fg);font:var(--text) / var(--leading) var(--font);-webkit-font-smoothing:antialiased}img,svg,video,canvas{display:block;max-width:100%}img{height:auto}button,input,select{font:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3{margin:0;line-height:1.2;font-weight:700;text-wrap:balance}h2{font-size:var(--text-xl)}h3{font-size:var(--text-md)}p{text-wrap:pretty}code,kbd{font:inherit;font-size:.92em}code{padding:1px 5px;border-radius:4px;background:var(--bg-input);color:var(--code)}kbd{display:inline-block;min-width:1.9em;padding:0 6px;border:1px solid var(--border-strong);border-bottom-width:2px;border-radius:6px;background:var(--bg-input);color:var(--fg);line-height:var(--leading);text-align:center}.note{font-size:var(--text-sm)}.muted{color:var(--fg-muted)}.wrap{width:min(var(--page),100% - 2 * var(--gutter));margin-inline:auto}body:before{content:"";position:fixed;z-index:-1;inset:0;background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-position:center center;background-size:40px 40px;pointer-events:none;mask-image:linear-gradient(to right,transparent,#000 18%,#000 82%,transparent),linear-gradient(to bottom,transparent,#000 18%,#000 82%,transparent);mask-composite:intersect;-webkit-mask-composite:source-in}body>*{position:relative}.section{padding-block:var(--space-7)}.section+.section{border-top:1px solid var(--border)}.section-head{display:grid;gap:var(--space-2);max-width:var(--measure);margin-bottom:var(--space-5)}.section-head p{margin:0;color:var(--fg-muted)}.more{margin:var(--space-5) 0 0}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip-link{position:absolute;z-index:20;top:calc(-1 * var(--space-8));left:var(--gutter);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);background:var(--accent);color:var(--on-accent);font-weight:600}.skip-link:focus{top:var(--space-2)}@media(prefers-reduced-motion:no-preference){@view-transition{navigation:auto}::view-transition-group(root){animation-duration:.2s}html.leaving body{opacity:0;transition:opacity .16s ease-out}html.arriving body{animation:page-in .22s ease-out}}@keyframes page-in{0%{opacity:0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:0s!important;animation-duration:0s!important}}.button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:var(--control);padding:0 var(--space-4);border:1px solid var(--border-strong);border-radius:10px;background:var(--bg-input);color:var(--fg);font-weight:600;line-height:1.2;text-align:center;text-decoration:none;white-space:nowrap;cursor:pointer;transition:background var(--motion),border-color var(--motion),transform var(--motion)}.button:hover{border-color:var(--fg-subtle);background:var(--bg-hover);text-decoration:none}.button:active{transform:scale(.97)}.button.primary{border-color:var(--accent);background:var(--accent);color:var(--on-accent)}.button.primary:hover{background:var(--accent-hover)}.button.small{min-height:var(--control-sm);padding:0 var(--space-3);font-size:14px}.button.block{width:100%}.button[aria-busy=true]{opacity:.7;cursor:progress}.cta{display:flex;flex-wrap:wrap;gap:var(--space-3);margin:0}.link-button{padding:0;border:0;background:none;color:var(--accent);cursor:pointer}.link-button:hover{text-decoration:underline}.top{position:sticky;z-index:10;top:0;border-bottom:1px solid var(--border);background:var(--bg-subtle)}.top-row{display:flex;align-items:center;gap:var(--space-5);height:var(--header)}.brand{display:flex;align-items:center;gap:var(--space-2);color:var(--fg);font-size:var(--text-md);font-weight:700}.brand:hover{text-decoration:none}.nav{display:flex;gap:var(--space-5);margin-left:auto}.nav a{display:inline-flex;align-items:center;min-height:var(--control);color:var(--fg-muted);font-size:14px}.nav a:hover{color:var(--fg);text-decoration:none}.top-actions{display:flex;align-items:center;gap:var(--space-2);margin-left:auto}.nav+.top-actions{margin-left:0}@media(max-width:720px){.nav{display:none}.top-row{gap:var(--space-3)}}@media(max-width:420px){.top-actions .button.primary{display:none}.brand span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}}.lang{position:relative}.lang summary{display:inline-flex;align-items:center;gap:6px;min-height:var(--control-sm);padding:0 10px;border:1px solid var(--border);border-radius:var(--pill);background:var(--bg-input);color:var(--fg-muted);font-size:var(--text-xs);font-weight:700;letter-spacing:.04em;list-style:none;cursor:pointer;user-select:none;transition:border-color var(--motion),color var(--motion)}.lang summary::-webkit-details-marker{display:none}.lang summary:hover,.lang[open] summary{border-color:var(--border-strong);color:var(--fg)}.lang .globe{width:16px;height:16px;color:var(--fg-subtle)}.lang .chevron{width:12px;height:12px;color:var(--fg-subtle);transition:transform var(--motion)}.lang[open] .chevron{transform:rotate(180deg)}.lang-menu{position:absolute;z-index:30;top:calc(100% + 6px);right:0;display:flex;flex-direction:column;min-width:150px;margin:0;padding:var(--space-1);list-style:none;border:1px solid var(--border-strong);border-radius:10px;background:var(--surface);animation:menu-in var(--motion)}.lang-menu a{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);min-height:var(--control-sm);padding:0 10px;border-radius:6px;color:var(--fg-muted);font-size:14px}.lang-menu a:hover,.lang-menu a:focus-visible{background:var(--bg-hover);color:var(--fg);text-decoration:none}.lang-menu a[aria-current=true]{color:var(--fg)}.lang-menu a[aria-current=true]:after{content:"\2713";color:var(--accent)}@keyframes menu-in{0%{opacity:0;transform:translateY(-4px)}}.button.sound-toggle{width:var(--control-sm);padding:0;color:var(--fg-muted)}.sound-toggle svg{flex:none;width:18px;height:18px}.sound-toggle:hover{color:var(--fg)}.sound-toggle[hidden],.sound-toggle[aria-pressed=true] .mute,.sound-toggle[aria-pressed=false] .waves{display:none}.foot{padding-block:var(--space-6);border-top:1px solid var(--border);background:var(--bg-subtle);color:var(--fg-subtle);font-size:var(--text-sm)}.foot-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-3) var(--space-5)}.foot p{margin:0}.foot-links{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-5);margin:0;padding:0;list-style:none}.foot-links a{color:var(--fg-muted)}.hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);align-items:center;gap:var(--space-7);padding-block:var(--space-8)}.hero h1{font-size:clamp(52px,9vw,88px);letter-spacing:-.02em}.lede{max-width:34ch;margin:var(--space-3) 0 var(--space-5);color:var(--fg-muted);font-size:var(--text-lg)}.platforms{margin:var(--space-3) 0 0;color:var(--fg-subtle);font-size:var(--text-sm)}.eyebrow{margin:0 0 var(--space-1);font-size:14px}.eyebrow a{color:var(--fg-muted)}.hero-art{display:flex;align-items:flex-end;justify-content:center;gap:clamp(12px,5vw - 30px,40px)}.hero-talk{display:flex;flex:0 1 auto;flex-direction:column;align-items:center;width:240px}.hero-talk .say{font-size:14px}.hero-talk .say-down:before{left:calc(50% - 6px)}@media(max-width:1020px){.hero{grid-template-columns:1fr;gap:var(--space-6);padding-top:var(--space-7)}}@media(max-width:600px){.hero-art{flex-direction:column;align-items:center;gap:var(--space-5)}.hero-talk{flex-direction:row;align-items:flex-end;width:auto;max-width:100%}.hero-talk .say{margin-bottom:40px}.hero-talk .say:before{right:-6px;bottom:18px;left:auto;border-top:1px solid var(--border-strong);border-bottom:0}}.say{position:relative;max-width:460px;margin:0;padding:var(--space-3) var(--space-4);border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--surface)}.say:before{content:"";position:absolute;top:22px;width:11px;height:11px;background:var(--surface);transform:rotate(45deg)}.say-left:before{left:-6px;border-bottom:1px solid var(--border-strong);border-left:1px solid var(--border-strong)}.say-right:before{right:-6px;border-top:1px solid var(--border-strong);border-right:1px solid var(--border-strong)}.say-down:before{top:auto;bottom:-6px;left:40px;border-right:1px solid var(--border-strong);border-bottom:1px solid var(--border-strong)}.say .letter{opacity:0;transition:opacity var(--motion)}.say .letter.on{opacity:1}.js .say{opacity:0;transform:translateY(6px) scale(.98);transition:opacity var(--fade),transform var(--fade)}.js .say.shown{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){.js .say{opacity:1;transform:none}}.talk{display:flex;align-items:flex-start;gap:var(--space-3)}.talk>div{display:grid;gap:var(--space-3);min-width:0}.talk .duck{flex:none;width:120px;margin-top:-6px}.talk-right{flex-direction:row-reverse}.talk-right h2{text-align:right}@media(max-width:600px){.talk .duck{width:84px}}.live-duck{position:relative;display:grid;place-items:center;width:221px;height:221px;margin:2px 0 0;padding:0;border:0;border-radius:50%;background:none;cursor:pointer}.live-duck .duck{width:166px;margin:0}.live-duck canvas{position:absolute;inset:0;width:100%;height:100%}.live-duck.live .duck{visibility:hidden}@media(max-width:600px){.live-duck{flex:none;width:156px;height:156px}.live-duck .duck{width:125px}}.stage{display:flex;flex-direction:column;align-items:center;width:min(480px,100%)}.stage .say{max-width:360px;font-size:14px}.stage .say-down:before{left:calc(50% - 6px)}.stage-view{position:relative;display:flex;flex-direction:column;align-items:center;width:100%}.stage.live .stage-view{aspect-ratio:6 / 5}.stage-view canvas{position:absolute;inset:0;width:100%;height:100%}.stage-sketch{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.stage-sketch path{fill:none;stroke:var(--accent);stroke-width:2.8;stroke-linecap:round;stroke-linejoin:round;opacity:0;transition:opacity var(--fade)}.stage-sketch path.on{opacity:1}.stage-apps{display:flex;gap:8px;margin:8px 0 0;padding:0;list-style:none}.stage-app{display:inline-flex;padding:6px 14px;border:1px solid var(--border-strong);border-radius:999px;color:var(--fg);font-size:14px}.stage-app:hover{border-color:var(--accent);text-decoration:none}.stage.live .live-duck,.stage.live .stage-app{position:absolute;z-index:1;margin:0;padding:0;border:0;border-radius:0;background:transparent;color:transparent;cursor:pointer}.stage.live .live-duck:focus-visible,.stage.live .stage-app:focus-visible{outline:none}.stage.live .live-duck .duck{visibility:hidden}.stage.live .stage-apps{position:absolute;inset:0;margin:0;pointer-events:none}.stage.live .stage-apps li{pointer-events:auto}.stage-tip{position:absolute;z-index:2;margin:0;padding:6px 12px;border:1px solid var(--accent);border-radius:999px;background:var(--surface);color:var(--fg-muted);font-size:13px;white-space:nowrap;pointer-events:none;transform:translate(-50%,calc(-100% - 10px))}.stage-tip strong{color:var(--fg)}.screen{width:277px}.shots,.clip{display:flex;justify-content:center;gap:var(--space-5);margin:0}.shots .screen{min-width:0}.clip img{width:277px}.clip.desktop{justify-self:center;width:324px;padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-subtle)}.clip.desktop img{width:300px}@media(max-width:600px){.shots{flex-wrap:wrap}.shots .screen+.screen{display:none}.clip.desktop{width:min(324px,100%)}}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr));gap:var(--space-4);margin:0;padding:0;list-style:none}.card{display:grid;align-content:start;gap:var(--space-2);padding:var(--space-5);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}.card p{margin:0;color:var(--fg-muted);font-size:14px}.features{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:var(--space-3);margin:0;padding:0;list-style:none}.feature{display:flex;align-items:center;gap:var(--space-3);min-height:64px;padding:var(--space-3) var(--space-4);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}.feature .icon{flex:none;width:22px;height:22px;color:var(--accent)}.logos{display:flex;flex-wrap:wrap;gap:var(--space-3);margin:0;padding:0;list-style:none}.logo{display:inline-flex;align-items:center;gap:var(--space-2);min-height:var(--control);padding:0 var(--space-4);border:1px solid var(--border);border-radius:var(--pill);background:var(--surface);color:var(--fg-muted);font-size:14px}.logo svg{width:18px;height:18px;color:var(--fg);fill:currentColor}.ticks{display:grid;gap:var(--space-1);margin:0;padding:0;list-style:none;color:var(--fg-muted);font-size:14px}.ticks li:before{content:"\2713   ";color:var(--accent)}.offers{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:var(--space-5) var(--space-4);margin:0;padding:0;list-style:none}.offer{position:relative;display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-5);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);transition:border-color var(--motion)}.offer:hover{border-color:var(--border-strong)}.offer.best{border-color:var(--accent)}.offer-flag{position:absolute;top:-11px;left:var(--space-4);margin:0;padding:1px 10px;border-radius:var(--pill);background:var(--accent);color:var(--on-accent);font-size:var(--text-xs);font-weight:600}.offer-price{margin:0;color:var(--fg-muted);font-size:14px}.offer-price strong{color:var(--fg);font-size:26px}.offer-lede{margin:0;color:var(--fg-muted);font-size:14px}.offer .ticks{margin-top:var(--space-1)}.buy-form{margin:auto 0 0;padding-top:var(--space-3)}.buy-form .button{width:100%}.checkout-note{margin:var(--space-4) 0 0;color:var(--code);font-size:14px;text-align:center}.checkout-note:empty{display:none}.price-note{margin:var(--space-4) 0 0;color:var(--fg-subtle);font-size:var(--text-sm);text-align:center}.price-note+.price-note{margin-top:var(--space-2)}.buy-menu{position:relative;display:inline-block}.buy-menu summary{list-style:none}.buy-menu summary::-webkit-details-marker{display:none}.buy-panel{position:absolute;z-index:30;top:calc(100% + 6px);left:0;width:min(300px,100vw - 2 * var(--gutter));padding:var(--space-2);border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--surface);animation:menu-in var(--motion)}.buy-menu-end .buy-panel{right:0;left:auto}.buy-list{display:grid;gap:2px;margin:0;padding:0;list-style:none}.buy-list .buy-item{margin:0;padding:0}.buy-item button{display:grid;grid-template-areas:"name price" "what price";grid-template-columns:1fr auto;align-items:center;column-gap:var(--space-3);width:100%;min-height:var(--control);padding:var(--space-2) var(--space-3);border:0;border-radius:var(--radius-sm);background:none;color:var(--fg);text-align:left;cursor:pointer;transition:background var(--motion)}.buy-item button:hover,.buy-item button:focus-visible{background:var(--bg-hover)}.buy-item button[aria-busy=true]{opacity:.6;cursor:progress}.buy-name{grid-area:name;font-weight:600}.buy-what{grid-area:what;color:var(--fg-subtle);font-size:var(--text-xs)}.buy-price{grid-area:price;color:var(--accent)}.buy-group{margin-top:var(--space-1);padding:var(--space-2) var(--space-3) var(--space-1);border-top:1px solid var(--border);color:var(--fg-subtle);font-size:var(--text-xs)}.buy-panel .checkout-note{margin:var(--space-2) var(--space-3) var(--space-1);font-size:var(--text-sm);text-align:left}.hero-hub{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.apps{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:var(--space-4);margin:0;padding:0;list-style:none}.app-card{display:flex;align-items:center;gap:var(--space-5);padding:var(--space-5);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}.app-shot{flex:none}.app-shot img{width:150px}.app-body{display:grid;gap:var(--space-3)}.app-body h3{font-size:var(--text-xl)}.app-body h3 a{color:var(--fg)}.app-body p{margin:0;color:var(--fg-muted)}.app-body .price-line{color:var(--fg)}.app-card.soon{flex-direction:column;justify-content:center;border-style:dashed;background:transparent;color:var(--fg-muted);text-align:center}.app-card.soon .duck{width:88px}.app-card.soon p{margin:0}@media(max-width:1020px){.hero-hub{grid-template-columns:1fr}}@media(max-width:860px){.apps{grid-template-columns:1fr}}@media(max-width:520px){.app-card{flex-direction:column;align-items:flex-start}}.tour{padding-bottom:var(--space-5)}.chapter{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:var(--space-7);padding-block:var(--space-8);border-top:1px solid var(--border)}.chapter.flip .talk{order:2}.themes{padding-block:var(--space-8);border-top:1px solid var(--border)}.themes-row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:var(--space-7)}.theme-picker{display:flex;flex-wrap:wrap;gap:var(--space-2);margin:var(--space-5) 0 0}.theme-picker button{display:inline-flex;align-items:center;gap:var(--space-2);min-height:var(--control-sm);padding:0 var(--space-3) 0 var(--space-2);border:1px solid var(--border-strong);border-radius:var(--pill);background:var(--bg-input);color:var(--fg-muted);font-size:var(--text-sm);cursor:pointer;transition:border-color var(--motion),color var(--motion)}.theme-picker button:before{content:"";width:16px;height:16px;border:1px solid var(--border-strong);border-radius:50%;background:var(--dot);box-shadow:inset 0 0 0 4px var(--swatch)}.theme-picker button:hover{color:var(--fg)}.theme-picker button[aria-checked=true]{border-color:var(--accent);color:var(--fg)}.theme-picker [data-theme=rubby]{--swatch: #121212;--dot: #ffcf4d}.theme-picker [data-theme=gadwall]{--swatch: #24292e;--dot: #79b8ff}.theme-picker [data-theme=smew]{--swatch: #ffffff;--dot: #0366d6}.theme-picker [data-theme=teal]{--swatch: #121a28;--dot: #7aa7ff}.theme-picker [data-theme=mallard]{--swatch: #20271f;--dot: #9fd18b}.theme-picker [data-theme=mandarin]{--swatch: #282828;--dot: #fabd2f}.theme-picker [data-theme=pekin]{--swatch: #fbf6e6;--dot: #2a5db0}.theme-picker [data-theme=cayuga]{--swatch: #24221e;--dot: #8fb6e8}.theme-picker [data-theme=blue-swedish]{--swatch: #174580;--dot: #c4e6ff}.theme-picker [data-theme=harlequin]{--swatch: #0e2240;--dot: #8fc7ff}.themes .shots .screen{transition:opacity var(--motion)}.themes .shots .screen.swapping{opacity:0}.facts{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-5);padding-block:var(--space-6) var(--space-8)}.fact{display:grid;align-content:start;gap:var(--space-3);padding:var(--space-5);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}.fact p{margin:0;color:var(--fg-muted)}.keys{display:grid;gap:var(--space-2);margin:0}.keys div{display:grid;grid-template-columns:150px 1fr;align-items:center}.keys dt,.keys dd{margin:0}.keys dt{white-space:nowrap}.download{padding-block:var(--space-8) var(--space-9);border-top:1px solid var(--border)}.download .talk{margin-bottom:var(--space-6)}.systems-title{margin:var(--space-7) 0 var(--space-4);font-size:var(--text);text-align:center}.systems{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4);margin:0;padding:0;list-style:none}.system{position:relative;display:grid;gap:var(--space-1);padding:var(--space-5);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}.system p{margin:0;color:var(--fg-muted);font-size:14px}.system.yours{border-color:var(--accent)}.system.yours:after{content:attr(data-yours);position:absolute;top:var(--space-4);right:var(--space-4);padding:1px 8px;border:1px solid var(--accent);border-radius:var(--pill);color:var(--accent);font-size:var(--text-xs)}@media(max-width:860px){.chapter,.facts,.themes-row,.systems{grid-template-columns:1fr}.chapter,.themes-row{gap:var(--space-6)}.chapter{padding-block:var(--space-7)}.chapter.flip .talk{order:0}}@media(max-width:600px){.keys div{grid-template-columns:140px 1fr}}.legal{max-width:760px;padding-block:var(--space-8) var(--space-9)}.legal h1{margin-bottom:var(--space-2);font-size:var(--text-2xl)}.legal section{margin-top:var(--space-6)}.legal h2{margin-bottom:var(--space-3)}.legal p,.legal li{color:var(--fg-muted)}.legal li{margin-bottom:10px}.legal strong{color:var(--fg)}.missing{padding-block:var(--space-9)}.missing .cta{margin-top:var(--space-2)}
