:root{--bg: #22222a;--secondary: #2e2e38;--raised: #3a3a46;--gold: #ffcb42;--gold-ink: #ffcb42;--icon-gold: #d4af37;--silver: #dde2e8;--text: #ffffff;--muted: rgba(255, 255, 255, .5);--edge: rgba(255, 255, 255, .3);--edge-strong: #ffffff;--field: rgba(255, 255, 255, .05);--field-edge: var(--secondary);--field-focus: rgba(255, 255, 255, .08);--field-edge-focus: rgba(255, 255, 255, .6);--caption-bg: var(--bg);--caption-edge: var(--secondary);--hairline: rgba(255, 255, 255, .1);--shadow: rgba(0, 0, 0, .6);--shadow-lifted: rgba(0, 0, 0, .7);--tile-shadow: rgba(0, 0, 0, .4);--tile-shadow-lifted: rgba(0, 0, 0, .5);--glass: rgba(34, 34, 42, .72);--glass-edge: rgba(255, 255, 255, .16);--scrim: rgba(12, 12, 16, .6);--revy-shadow: .42;color-scheme:dark;--pill-h: 32px;--header-margin: 40px;--page-margin: 24px;--tile-gap: 40px;--radius-tile: 8px;--radius-panel: 16px;--ease-glide: cubic-bezier(.22, 1, .36, 1);--ease-out: cubic-bezier(.25, .1, .25, 1);--dur-swipe: .48s;--dur-lift: .3s;--dur-fade-out: .12s;--dur-fade-in: .28s;--dur-grid: .55s;--font: -apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}@media(max-width:700px){:root{--header-margin: 16px;--page-margin: 16px;--tile-gap: 24px}}@media(prefers-color-scheme:light){:root:not([data-theme=dark]){--bg: #f3f3f6;--secondary: #ffffff;--raised: #ececf1;--gold-ink: #9a6b00;--text: #22222a;--muted: rgba(34, 34, 42, .58);--edge: rgba(34, 34, 42, .16);--edge-strong: rgba(34, 34, 42, .55);--field: rgba(34, 34, 42, .035);--field-edge: var(--edge);--field-focus: rgba(34, 34, 42, .06);--field-edge-focus: rgba(34, 34, 42, .45);--caption-bg: var(--secondary);--caption-edge: var(--edge);--hairline: rgba(34, 34, 42, .1);--shadow: rgba(34, 34, 60, .16);--shadow-lifted: rgba(34, 34, 60, .22);--tile-shadow: rgba(34, 34, 60, .14);--tile-shadow-lifted: rgba(34, 34, 60, .2);--glass: rgba(255, 255, 255, .78);--glass-edge: rgba(34, 34, 42, .12);--scrim: rgba(34, 34, 42, .35);--revy-shadow: .22;color-scheme:light}}:root[data-theme=light]{--bg: #f3f3f6;--secondary: #ffffff;--raised: #ececf1;--gold-ink: #9a6b00;--text: #22222a;--muted: rgba(34, 34, 42, .58);--edge: rgba(34, 34, 42, .16);--edge-strong: rgba(34, 34, 42, .55);--field: rgba(34, 34, 42, .035);--field-edge: var(--edge);--field-focus: rgba(34, 34, 42, .06);--field-edge-focus: rgba(34, 34, 42, .45);--caption-bg: var(--secondary);--caption-edge: var(--edge);--hairline: rgba(34, 34, 42, .1);--shadow: rgba(34, 34, 60, .16);--shadow-lifted: rgba(34, 34, 60, .22);--tile-shadow: rgba(34, 34, 60, .14);--tile-shadow-lifted: rgba(34, 34, 60, .2);--glass: rgba(255, 255, 255, .78);--glass-edge: rgba(34, 34, 42, .12);--scrim: rgba(34, 34, 42, .35);--revy-shadow: .22;color-scheme:light}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--text)}body{font-family:var(--font);font-size:15px;line-height:1.45;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden;overscroll-behavior:none;-webkit-tap-highlight-color:transparent}body.is-document{overflow:auto;height:auto;overscroll-behavior:auto}img,svg,video,canvas,iframe{display:block;max-width:100%}button,input{font:inherit;color:inherit}a{color:inherit}h1,h2,h3,h4,p{margin:0}.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.skip{position:fixed;left:12px;top:12px;z-index:100;padding:8px 14px;border-radius:999px;background:var(--secondary);border:1px solid var(--edge-strong);text-decoration:none;transform:translateY(-200%);transition:transform .2s var(--ease-out)}.skip:focus{transform:none}:focus{outline:none}:focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:999px}.page::-webkit-scrollbar,.sheet-body::-webkit-scrollbar{width:5px;height:5px;background:transparent}.page::-webkit-scrollbar-track,.sheet-body::-webkit-scrollbar-track{margin:80px 0 10px;background:transparent}.page::-webkit-scrollbar-thumb,.sheet-body::-webkit-scrollbar-thumb{background:#6e6e72;border-radius:16px}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-stopped{overflow:hidden}.lenis.lenis-scrolling iframe{pointer-events:none}.eyebrow{font-size:12px;font-weight:500;color:var(--gold-ink);letter-spacing:.02em}.lede{font-size:15px;color:var(--muted);max-width:52ch}.h2{font-size:24px;font-weight:600;letter-spacing:-.01em;line-height:1.2}.h3{font-size:17px;font-weight:600}.wrap{max-width:1180px;margin:0 auto}.empty{text-align:center;font-size:12px;color:var(--muted);padding:60px 0}.demo-note{font-size:12px;color:var(--muted);text-align:center}.beta{display:inline-block;margin-left:6px;padding:1px 7px;border-radius:999px;vertical-align:1px;font-size:10px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--gold-ink);border:1px solid color-mix(in srgb,var(--gold) 60%,transparent)}.placeholder-note{display:inline-flex;gap:8px;align-items:center;font-size:11px;color:var(--muted);padding:4px 10px;border-radius:999px;border:1px dashed var(--edge)}.panel{position:relative;border-radius:var(--radius-panel);background:color-mix(in srgb,var(--secondary) 70%,transparent);border:1px solid var(--hairline)}[data-explain]{-webkit-touch-callout:none}[data-explain].is-explaining{outline:1px solid color-mix(in srgb,var(--gold) 70%,transparent);outline-offset:4px;border-radius:999px}.tile[data-explain].is-explaining,.panel[data-explain].is-explaining,.feature[data-explain].is-explaining,.format[data-explain].is-explaining,.replay-frame.is-explaining{border-radius:12px}.pill{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:7px;height:var(--pill-h);padding:0 14px;border-radius:999px;border:1px solid var(--edge);background:var(--secondary);color:var(--text);font-size:13px;font-weight:400;line-height:1;white-space:nowrap;text-decoration:none;cursor:pointer;-webkit-user-select:none;user-select:none;transition:transform var(--dur-lift) var(--ease-glide),background-color var(--dur-lift) ease,border-color var(--dur-lift) ease,color var(--dur-lift) ease}.pill:before{content:"";position:absolute;z-index:-1;inset:6px 10px;border-radius:999px;background:var(--shadow);transform:translateY(9px);filter:blur(6.5px);transition:transform var(--dur-lift) var(--ease-glide),background-color var(--dur-lift) ease,filter var(--dur-lift) ease;pointer-events:none}.pill.round{width:var(--pill-h);padding:0}.pill.round:before{inset:6px}.pill .w{display:inline-grid}.pill .w>span{grid-area:1/1;transition:opacity var(--dur-lift) ease}.pill .w>span+span{font-weight:500;opacity:0}.pill[aria-current] .w>span:first-child{opacity:0}.pill[aria-current] .w>span+span{opacity:1}@media(hover:hover){.pill:hover{background:var(--raised);border-color:var(--edge-strong);transform:translateY(-2px) scale(1.01)}.pill:hover:before{background:var(--shadow-lifted);transform:translateY(13px);filter:blur(9px)}}.pill:active{transform:scale(.96);transition-duration:.12s}.pill[aria-current],.pill.is-current,.pill[aria-pressed=true].is-choice{background:var(--raised);border-color:var(--edge-strong);color:var(--gold-ink)}.pill[aria-current]:before,.pill.is-current:before,.pill[aria-pressed=true].is-choice:before{background:var(--shadow-lifted)}.pill[aria-pressed=true].is-choice{border-color:var(--gold)}.pill.is-primary{border-color:var(--gold);font-weight:500}.pill.is-primary:hover{border-color:var(--gold)}.pill.is-gold{background:var(--gold);border-color:transparent;color:#22222a;font-weight:500}.pill.is-gold:hover{background:#ffd35f;border-color:transparent}.pill.is-large{--pill-h: 40px;padding:0 20px;font-size:14px}.pill svg{width:15px;height:15px;flex:none}.screen-header{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}.screen-header h1{font-size:24px;font-weight:600;letter-spacing:-.01em;line-height:1.2}.screen-header .sub{font-size:13px;color:var(--muted);max-width:60ch}.screen-header .controls{display:flex;gap:10px;align-items:center;padding-top:10px;justify-content:center;max-width:100%}.screen-header .controls>*{flex-shrink:0}.screen-header .controls>.search{flex-shrink:1}.screen-header .ctas{display:flex;gap:12px;padding-top:14px;flex-wrap:wrap;justify-content:center}.search{display:flex;align-items:center;gap:8px;flex:0 1 340px;width:340px;min-width:0;height:var(--pill-h);padding:0 14px;border-radius:999px;background:var(--field);border:1px solid var(--field-edge);transition:background-color .2s ease-out,border-color .2s ease-out}.search:focus-within{background:var(--field-focus);border-color:var(--field-edge-focus)}.search>svg{width:13px;height:13px;color:var(--muted);flex:none}.search input{flex:1;min-width:0;height:100%;border:0;background:none;outline:none;font-size:13px}.search input::placeholder{color:var(--muted)}.search input::-webkit-search-cancel-button{display:none}.search .clear{border:0;background:none;padding:4px;cursor:pointer;color:var(--muted);opacity:0;transition:opacity .15s ease-out}.search.has-text .clear{opacity:1}.round-field{width:var(--pill-h);height:var(--pill-h);flex:none;display:grid;place-items:center;padding:0;border-radius:999px;background:var(--field);border:1px solid var(--field-edge);color:var(--text);cursor:pointer;transition:background-color .2s ease-out,border-color .2s ease-out,color .2s ease-out}.round-field:hover,.round-field[aria-expanded=true],.round-field[aria-pressed=true]{background:var(--field-focus);border-color:var(--field-edge-focus)}.round-field[aria-expanded=true],.round-field[aria-pressed=true]{color:var(--gold-ink)}.round-field svg{width:15px;height:15px}.popover{position:absolute;z-index:40;width:260px;padding:16px;border-radius:var(--radius-panel);background:var(--glass);border:1px solid var(--glass-edge);-webkit-backdrop-filter:blur(24px) saturate(1.6);backdrop-filter:blur(24px) saturate(1.6);box-shadow:0 20px 50px -12px #0000008c;display:grid;gap:14px;text-align:left;opacity:0;transform:translateY(-6px) scale(.98);transform-origin:top center;pointer-events:none;transition:opacity .18s ease-out,transform .28s var(--ease-glide)}.popover.is-open{opacity:1;transform:none;pointer-events:auto}.popover .label{font-size:11px;font-weight:500;color:var(--muted);margin-bottom:6px}.popover .row{display:flex;gap:6px}.popover .seg{flex:1;height:30px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border-radius:999px;font-size:12px;font-weight:500;cursor:pointer;background:var(--field);border:1px solid var(--hairline);color:var(--text);transition:background-color .2s ease,color .2s ease,border-color .2s ease}.popover .seg[aria-pressed=true]{color:var(--gold-ink);background:color-mix(in srgb,var(--text) 14%,transparent);border-color:var(--edge)}.popover .seg svg{width:13px;height:13px}.popover .slider{display:flex;align-items:center;gap:10px;color:var(--muted)}.popover input[type=range]{flex:1;accent-color:var(--gold)}.site-foot{display:flex;flex-wrap:wrap;gap:8px 20px;align-items:center;justify-content:center;padding:72px 0 8px;font-size:12px;color:var(--muted)}.site-foot a{text-decoration:none}.site-foot a:hover{color:var(--text)}.replay-frame{position:relative;overflow:hidden;border-radius:14px;background:#16161c;border:1px solid var(--hairline);box-shadow:0 40px 60px -30px #0009}.closing{text-align:center;display:grid;justify-items:center;gap:10px;margin:140px auto 0}.closing .ctas{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;padding-top:12px}.connect-grid{margin:56px auto 0;max-width:880px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}@media(max-width:700px){.connect-grid{grid-template-columns:1fr}}.connect-card{display:flex;gap:16px;align-items:center;padding:22px;text-decoration:none;transition:background-color var(--dur-lift) ease,border-color var(--dur-lift) ease,transform var(--dur-lift) var(--ease-glide)}.connect-card:hover{background:var(--secondary);border-color:var(--edge);transform:translateY(-2px)}.connect-card svg{width:26px;height:26px;flex:none;color:var(--icon-gold)}.connect-card span{display:grid;gap:3px}.connect-card b{font-weight:600;font-size:15px}.connect-card small{color:var(--muted);font-size:13px}.page-inner{position:relative;z-index:1;display:block;min-height:100%;padding:calc(var(--header-margin) + var(--pill-h) + var(--tile-gap)) var(--page-margin) 64px}@media(max-width:760px){.page-inner{padding-top:calc(var(--header-margin) * 2 + var(--pill-h) * 2 + 34px)}}.page-glow{position:absolute;left:0;right:0;top:0;height:420px;pointer-events:none;background:radial-gradient(60% 100% at var(--sky-x, 70%) -30%,rgba(var(--sky-rgb, 200, 216, 255),var(--sky-strength, .12)),transparent 70%)}.grid{--cols: 4;--gap: var(--tile-gap);display:grid;grid-template-columns:repeat(var(--cols),minmax(0,1fr));gap:var(--gap);margin:0 auto;max-width:1680px}.grid.is-list{grid-template-columns:repeat(var(--list-cols, 2),minmax(0,1fr));gap:calc(14px * var(--gap-scale, 1))}.tile{display:flex;flex-direction:column;gap:30px;text-decoration:none;color:inherit;cursor:pointer;border:0;padding:0;background:none;text-align:left;font:inherit;border-radius:var(--radius-tile)}.tile .thumb-wrap{position:relative;display:block}.tile .thumb-wrap:before{content:"";position:absolute;inset:20px 20px -10px;border-radius:var(--radius-tile);background:var(--tile-shadow);filter:blur(15px);transform:translateY(10px);transition:background-color var(--dur-lift) ease-in-out,transform var(--dur-lift) ease-in-out}.tile .thumb{position:relative;display:block;aspect-ratio:250/180;border-radius:var(--radius-tile);overflow:hidden;background:#000;transition:transform var(--dur-lift) ease-in-out}.tile .thumb img{width:100%;height:100%;object-fit:cover}.tile .avatar{position:absolute;left:30px;bottom:-21px;z-index:2;width:42px;height:42px;border-radius:999px;overflow:hidden;border:2px solid var(--bg);background:linear-gradient(135deg,#5b5bd6,#8e4ec6);display:grid;place-items:center;font-size:14px;font-weight:600;color:#fff;box-shadow:0 5px 5px #0003}.tile .avatar img{width:100%;height:100%;object-fit:cover}.tile .caption{display:grid;gap:6px;padding:10px;border-radius:var(--radius-tile);background:var(--caption-bg);border:1px solid var(--caption-edge);transition:background-color var(--dur-lift) ease-in-out}.tile .title{font-size:14px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.6em}.tile .meta{display:flex;gap:8px;align-items:center;font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden}.tile .meta img{width:14px;height:14px;border-radius:3px}.tile .app{display:inline-flex;gap:6px;align-items:center}.tile .kind{color:var(--gold-ink)}@media(hover:hover){.tile:hover .thumb{transform:translateY(-2px) scale(1.01)}.tile:hover .thumb-wrap:before{background:var(--tile-shadow-lifted);transform:translateY(15px)}.tile:hover .caption{background:var(--secondary)}}.tile:focus-visible{border-radius:var(--radius-tile)}.tile.is-skeleton .thumb{background:color-mix(in srgb,var(--text) 6%,transparent)}.tile.is-skeleton .title,.tile.is-skeleton .meta{color:transparent;background:color-mix(in srgb,var(--text) 6%,transparent);border-radius:4px}.grid.is-list .tile{flex-direction:row;gap:14px;align-items:center}.grid.is-list .tile .thumb-wrap{width:calc(140px * var(--row-scale, 1));flex:none}.grid.is-list .tile .thumb-wrap:before,.grid.is-list .tile .avatar{display:none}.grid.is-list .tile .caption{flex:1;min-width:0;border:0;background:none;padding:0}.grid.is-list .tile .title{min-height:0}.slide-drawn{position:absolute;inset:0}.slide-drawn svg{width:100%;height:100%}.slide-label{position:absolute;left:10px;bottom:8px;font-size:11px;font-weight:500;color:#ffffffb3}.section-title{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:600;margin:0 auto 20px;max-width:1680px}.section+.section{margin-top:56px}
