:root{--ground:var(--brand-ground);--surface:var(--brand-surface);--surface-2:var(--brand-surface-2);--text:var(--brand-text);--dim:var(--brand-dim);--line:var(--brand-line);--accent:var(--brand-brass);--accent-soft:var(--brand-brass-soft);--accent-text:var(--brand-brass-text);--plum:var(--brand-plum);--shadow:0 24px 60px -28px #000000b3}:root[data-theme=light]{--shadow:0 20px 44px -26px #3c2c5059}@media (prefers-color-scheme:light){:root:not([data-theme=dark]){--shadow:0 20px 44px -26px #3c2c5059}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--ground);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:17px;line-height:1.6;overflow-x:hidden}.serif{font-family:Georgia,Iowan Old Style,Times New Roman,serif}.mono{font-family:ui-monospace,SF Mono,Cascadia Code,Menlo,monospace}.wrap{width:min(1120px,92vw);margin-inline:auto}a{color:inherit}:root:not([data-theme=light]){scrollbar-color:#3a2f45 var(--brand-ground)}:root:not([data-theme=light]) ::-webkit-scrollbar{width:11px;height:11px}:root:not([data-theme=light]) ::-webkit-scrollbar-track{background:var(--brand-ground)}:root:not([data-theme=light]) ::-webkit-scrollbar-thumb{background:var(--brand-line);border:2px solid var(--brand-ground);border-radius:999px}:root:not([data-theme=light]) ::-webkit-scrollbar-thumb:hover{background:#463a54}:root:not([data-theme=light]) aparte-chat{--aparte-scrollbar-thumb:var(--brand-line);--aparte-scrollbar-track:var(--brand-ground);--aparte-scrollbar-width:11px}.stage-glow{z-index:0;pointer-events:none;background:radial-gradient(60vw 40vw at 78% -8%, color-mix(in oklab, var(--accent) 18%, transparent), transparent 70%), radial-gradient(50vw 40vw at 10% 8%, color-mix(in oklab, var(--plum) 12%, transparent), transparent 72%);opacity:.9;position:fixed;inset:0}:root[data-theme=light] .stage-glow{opacity:.5}@media (prefers-color-scheme:light){:root:not([data-theme=dark]) .stage-glow{opacity:.5}}main{z-index:1;position:relative}.site-nav{justify-content:space-between;align-items:baseline;gap:24px;padding-top:30px;display:flex}.brand{letter-spacing:-.01em;font-size:24px;font-style:italic}.brand .paren{color:var(--accent-text);font-style:normal}.nav-links{align-items:baseline;gap:26px;font-size:14px;display:flex}.nav-links a{color:var(--dim);text-decoration:none;transition:color .2s}.nav-links a:hover{color:var(--text)}a.brand{text-decoration:none}a.brand:hover .paren{color:var(--accent)}.nav-links a[aria-current=page]{color:var(--text)}.nav-links a[aria-current=page]:after{content:"";background:var(--accent);block-size:1px;margin-top:3px;display:block}.toggle{border:1px solid var(--line);color:var(--dim);cursor:pointer;background:0 0;border-radius:999px;width:34px;height:34px;font-size:14px;line-height:1;transition:border-color .2s,color .2s}.toggle:hover{color:var(--text);border-color:var(--accent)}.hero{padding:clamp(52px,8vw,104px) 0 0}.hero-grid{grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr);align-items:center;gap:clamp(32px,5vw,64px);display:grid}.hero-copy{max-width:56ch}.hero-aside{min-width:0}.hero-aside .code{border-radius:14px}.hero-aside .code pre{padding:20px 22px;font-size:13.5px;line-height:1.75}.eyebrow{letter-spacing:.18em;text-transform:uppercase;color:var(--dim);margin:0 0 22px;font-size:12.5px;font-weight:400}.eyebrow b{color:var(--accent-text);font-weight:inherit}.thesis{letter-spacing:-.02em;text-wrap:balance;margin:0;font-size:clamp(42px,6.4vw,76px);font-weight:400;line-height:1.02}.thesis em{color:var(--accent);font-style:italic}.lede{color:var(--dim);max-width:58ch;margin:26px 0 34px;font-size:clamp(17px,1.4vw,19px);line-height:1.62}.lede b{color:var(--text);font-weight:600}.cta-row{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.btn{cursor:pointer;border:1px solid #0000;border-radius:10px;align-items:center;gap:9px;padding:12px 20px;font-size:15px;font-weight:550;text-decoration:none;transition:transform .15s,background .2s,border-color .2s;display:inline-flex}.btn-primary{background:var(--accent);color:#1a1206}.btn-primary:hover{background:var(--accent-soft);transform:translateY(-1px)}.btn-ghost{border-color:var(--line);color:var(--text)}.btn-ghost:hover{border-color:var(--accent)}.install{background:var(--surface);border:1px solid var(--line);border-radius:10px;width:fit-content;max-width:100%;margin-top:26px;position:relative}.install pre{margin:0;padding:10px 44px 10px 15px;font-size:13.5px;line-height:1.4;overflow-x:auto}.install .prompt{color:var(--accent-text);margin-right:4px}.install-copy{color:var(--dim);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:5px;transition:color .2s,background .2s;display:flex;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.install-copy:hover{color:var(--text);background:var(--surface-2)}.install-copy svg{display:block}.reassure{max-width:52ch;color:var(--dim);margin:18px 0 0;font-size:14.5px;line-height:1.55}.reassure code{color:var(--accent-text);font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:13px}.stage{padding:clamp(38px,5vw,60px) 0 clamp(40px,6vw,72px)}.demo-tabs{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:center;gap:clamp(16px,2.4vw,30px);margin:0 0 20px;display:flex}.demo-tabs .tab{color:var(--dim);font:inherit;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;border-radius:0;margin-bottom:-1px;padding:9px 2px;font-size:14.5px;transition:color .2s,border-color .2s}.demo-tabs .tab:hover:not([aria-selected=true]){color:var(--text);border-bottom-color:var(--line)}.demo-tabs .tab[aria-selected=true]{color:var(--text);border-bottom-color:var(--accent);background:0 0;font-weight:600}.demo-cap{color:var(--dim);text-align:center;max-width:76ch;min-height:2.9em;margin:0 auto 24px;font-size:14.5px}.demo-cap b{color:var(--text);font-weight:600}.demo-credit{color:var(--dim);text-align:center;max-width:76ch;margin:26px auto 0;font-size:14.5px}.demo-split{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch;gap:22px;display:grid}.demo-code{flex-direction:column;min-width:0;display:flex}.demo-code .code{flex-direction:column;flex:1;display:flex}.demo-code .code pre{font-size:13px;line-height:1.62}.code-head{color:var(--dim);letter-spacing:.06em;text-transform:uppercase;flex-wrap:wrap;align-items:baseline;gap:10px;margin-bottom:10px;font-size:12px;display:flex}.code-head .frameworks{text-transform:none;letter-spacing:0;font-size:12.5px}.code-head .frameworks a{color:var(--accent-text);text-decoration:none}.code-head .frameworks a:hover{text-decoration:underline}.pane{display:none}.pane.is-on{display:block}.levers{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 20px;margin-block-start:20px;display:flex}.levers .lever{letter-spacing:.16em;text-transform:uppercase;color:var(--dim);align-items:center;gap:7px;font-size:11px;display:inline-flex}.levers aparte-select:not(:defined){visibility:hidden;block-size:30px;inline-size:12ch;display:inline-block;overflow:hidden}.levers aparte-select{--aparte-select-min-width:0;--aparte-select-bg:transparent;--aparte-select-border:var(--line);--aparte-select-border-hover:var(--accent);--aparte-select-border-focus:var(--accent);--aparte-select-dropdown-bg:var(--surface);letter-spacing:0;text-transform:none;font-size:13px}.ver{border:1px solid var(--line);color:var(--dim);border-radius:999px;align-items:baseline;gap:6px;padding:4px 11px;font-size:12px;text-decoration:none;transition:border-color .2s,color .2s;display:inline-flex}.ver:hover{color:var(--text);border-color:var(--accent)}.ver b{color:var(--text);font-weight:600}.ver .alpha{color:var(--accent-text);font-family:Georgia,serif;font-style:italic}.aside-stage{padding-left:34px;position:relative}.gutter{flex-direction:column;align-items:center;gap:10px;display:flex;position:absolute;top:6px;bottom:6px;left:0}.gutter .rule{background:linear-gradient(var(--accent), transparent);flex:1;width:1px}.gutter .tag{writing-mode:vertical-rl;letter-spacing:.22em;text-transform:uppercase;color:var(--accent-text);font-family:Georgia,serif;font-size:11px;font-style:italic;transform:rotate(180deg)}.chat{background:var(--demo-card-bg,var(--surface));border:1px solid var(--line);box-shadow:var(--shadow);border-radius:18px;padding:22px 22px 20px;transition:background .25s}.chat-head{color:var(--dim);letter-spacing:.04em;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px;font-size:12.5px;display:flex}.chat-head .hint{letter-spacing:0;color:color-mix(in oklab, var(--accent-text) 62%, var(--dim));flex-basis:100%;margin:2px 0 0}.dot{background:var(--accent);width:9px;height:9px;box-shadow:0 0 0 4px color-mix(in oklab, var(--accent) 22%, transparent);border-radius:50%}.aparte-demo{height:clamp(400px,52vh,560px)}.aparte-demo aparte-composer{margin-top:8px}.facts{border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--dim);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:10px 40px;margin-top:clamp(34px,5vw,54px);padding:26px 0;font-size:14.5px;display:flex}.facts b{color:var(--text);font-weight:600}.facts .k{color:var(--accent-text);margin-right:8px;font-family:Georgia,serif;font-style:italic}section.band{padding:clamp(58px,8vw,100px) 0 0}.sec-head{align-items:baseline;gap:16px;margin-bottom:8px;display:flex}.sec-head h2{letter-spacing:-.02em;margin:0;font-size:clamp(28px,3.4vw,40px);font-weight:400}.sec-head .paren{color:var(--accent)}.sec-sub{color:var(--dim);max-width:62ch;margin:0 0 30px}.sec-sub b{color:var(--text);font-weight:600}.sec-note{color:var(--dim);max-width:68ch;margin:18px 0 0;font-size:13.5px}.sec-note a{color:var(--accent-text);text-decoration:none}.sec-note a:hover{text-decoration:underline}.kinds{flex-wrap:wrap;gap:14px;display:flex}.kind{background:var(--surface);border:1px solid var(--line);border-radius:13px;flex:248px;padding:20px 22px 22px;transition:border-color .2s;position:relative}.kind:hover{border-color:color-mix(in oklab, var(--accent) 45%, var(--line))}.kind .idx{color:var(--accent-text);font-family:Georgia,serif;font-size:13px;font-style:italic;position:absolute;top:18px;right:20px}.kind h3{margin:0 0 10px;padding-right:24px;font-weight:400}.kind h3 code{color:var(--accent-text);letter-spacing:0;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:14.5px}.kind p{color:var(--dim);margin:0;font-size:14px;line-height:1.55}.kind .states{border-top:1px solid var(--line);flex-wrap:wrap;gap:5px;margin-top:14px;padding-top:13px;display:flex}.kind .states span{color:var(--dim);background:var(--surface-2);border-radius:5px;padding:3px 7px;font-family:ui-monospace,Menlo,monospace;font-size:11px}.split{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);align-items:start;gap:40px;display:grid}.split .prose{padding-top:2px}.split .prose p{color:var(--dim);margin:0 0 16px}.split .prose p b{color:var(--text);font-weight:600}.split .prose ul{color:var(--dim);margin:0;padding-left:1.1em}.split .prose li{margin-bottom:8px}.split .prose li b{color:var(--text);font-weight:600}.families{flex-wrap:wrap;align-items:flex-start;gap:18px;display:flex}.family{background:var(--surface);border:1px solid var(--line);border-radius:14px;flex:262px;padding:20px 22px 22px}.family h3{letter-spacing:.12em;text-transform:uppercase;color:var(--accent-text);margin:0 0 4px;font-size:13px;font-weight:600}.family .count{color:var(--dim);font-family:Georgia,serif;font-size:12.5px;font-style:italic}.family ul{margin:14px 0 0;padding:0;list-style:none}.family li{border-top:1px solid var(--line);padding:7px 0;font-size:14px}.family li:first-child{border-top:none}.family code{color:var(--text);font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:12.5px}.family em{color:var(--dim);margin-top:2px;font-size:13px;font-style:normal;line-height:1.45;display:block}.proof{flex-wrap:wrap;gap:14px;display:flex}.proof div{background:var(--surface);border:1px solid var(--line);border-radius:13px;flex:212px;padding:22px 22px 24px;position:relative;overflow:hidden}.proof div:before{content:"";inset-inline:0;background:linear-gradient(to right, var(--accent), transparent 78%);opacity:.75;height:2px;position:absolute;top:0}.proof strong{letter-spacing:-.02em;font-family:Georgia,serif;font-size:clamp(26px,2.8vw,34px);font-weight:400;line-height:1.1;display:block}.proof span{color:var(--dim);margin-top:8px;font-size:13.5px;line-height:1.5;display:block}.proof em{letter-spacing:.04em;text-transform:uppercase;color:color-mix(in oklab, var(--accent-text) 78%, var(--dim));margin-top:7px;font-size:12px;font-style:normal;display:block}.tabs{flex-wrap:wrap;gap:4px;display:flex}.tab{color:var(--dim);font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:9px 9px 0 0;padding:9px 15px;font-size:14px;transition:color .2s,background .2s}.tab:hover{color:var(--text)}.tab[aria-selected=true]{color:var(--text);background:var(--surface);border-color:var(--line);border-bottom-color:var(--surface)}.code{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:12px;overflow-x:auto}.code.tabbed{border-radius:0 12px 12px}.code pre{margin:0;padding:24px 26px;font-size:14px;line-height:1.7}.code .cm{color:var(--dim)}.code .kw{color:var(--plum)}.code .tg{color:var(--accent-text)}.code .st{color:var(--accent-soft)}.code .fn{color:var(--text)}footer{border-top:1px solid var(--line);color:var(--dim);flex-wrap:wrap;justify-content:space-between;gap:20px;margin-top:clamp(64px,9vw,104px);padding:40px 0 56px;font-size:14px;display:flex}footer .brand{font-size:19px}footer a{color:var(--dim);text-decoration:none}footer a:hover{color:var(--text)}.foot-links{flex-wrap:wrap;gap:24px;display:flex}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}@media (width<=980px){.hero-grid{grid-template-columns:1fr;gap:34px}.hero-copy{max-width:62ch}.demo-split{grid-template-columns:1fr}.demo-cap{min-height:0}}@media (width<=900px){.split{grid-template-columns:1fr;gap:26px}}@media (width<=860px){.nav-links a.hide-sm{display:none}.aside-stage{padding-left:26px}.chat{border-radius:14px;padding:16px 16px 14px}}.aparte-demo .shiki,.aparte-demo .shiki span{color:var(--shiki-light);background:0 0}.aparte-demo [data-aparte-theme=dark] .shiki,.aparte-demo [data-aparte-theme=dark] .shiki span,[data-aparte-theme=dark] .aparte-demo .shiki,[data-aparte-theme=dark] .aparte-demo .shiki span{color:var(--shiki-dark)}