:root{--bg:#fff;--bg-tint:#f5f5f4;--bg-hover:#ededec;--bg-active:#e4e4e3;--text:#1a1a1a;--text-secondary:#6b6b6b;--text-faint:#a3a3a3;--border:#e2e2e1;--accent:#187730;--accent-bg:#18773014;--accent-light:#187730;--accent-deep:#1f4530;--accent-tint:#eaf3ee;--on-accent-deep:#f5f5f4;--float-shadow:0 12px 32px #14201a24, 0 2px 6px #14201a12;--on-backdrop:#e8e8e8}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#181818;--bg-tint:#262626;--bg-hover:#2e2e2e;--bg-active:#363636;--text:#e8e8e8;--text-secondary:#9a9a9a;--text-faint:#6b6b6b;--border:#333;--accent:#59c073;--accent-bg:#59c0731f;--accent-deep:#0e1f16;--accent-tint:#16221c;--on-accent-deep:#eaf3ee;--float-shadow:0 12px 32px #00000080, 0 2px 6px #00000059}}:root[data-theme=dark]{--bg:#181818;--bg-tint:#262626;--bg-hover:#2e2e2e;--bg-active:#363636;--text:#e8e8e8;--text-secondary:#9a9a9a;--text-faint:#6b6b6b;--border:#333;--accent:#59c073;--accent-bg:#59c0731f;--accent-deep:#0e1f16;--accent-tint:#16221c;--on-accent-deep:#eaf3ee;--float-shadow:0 12px 32px #00000080, 0 2px 6px #00000059}@font-face{font-family:Instrument Sans;src:url(/assets/fonts/InstrumentSans-Variable.woff2)format("woff2-variations"),url(/assets/fonts/InstrumentSans-Variable.woff2)format("woff2");font-weight:400 700;font-style:normal;font-display:swap}@font-face{font-family:Inter;src:url(/assets/fonts/Inter-Variable.woff2)format("woff2-variations"),url(/assets/fonts/Inter-Variable.woff2)format("woff2");font-weight:400 700;font-style:normal;font-display:swap}*{box-sizing:border-box;margin:0;padding:0}html{scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:color-mix(in srgb, var(--text-faint) 70%, transparent) var(--bg-tint)}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg-tint)}::-webkit-scrollbar-thumb{background-color:color-mix(in srgb, var(--text-faint) 70%, transparent);background-clip:padding-box;border:2px solid #0000;border-radius:8px}html{scroll-behavior:smooth}body{color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;font-size:16px;line-height:24px}code{background:var(--bg-tint);border-radius:4px;padding:0 4px;font-family:ui-monospace,SF Mono,SFMono-Regular,Menlo,monospace;font-size:12px}::selection{background:var(--accent-bg)}
.nav{background-color:color-mix(in srgb, var(--bg) 70%, transparent);-webkit-backdrop-filter:blur(16px)saturate(1.4);backdrop-filter:blur(16px)saturate(1.4);border:1px solid #0000;border-bottom-color:var(--border);max-width:4800px;box-shadow:none;z-index:10;border-radius:0;margin:0 auto;transition:top .4s cubic-bezier(.2,.7,.3,1),max-width .4s cubic-bezier(.2,.7,.3,1),border-radius .4s cubic-bezier(.2,.7,.3,1),border-color .4s cubic-bezier(.2,.7,.3,1),box-shadow .4s cubic-bezier(.2,.7,.3,1),background-color .4s cubic-bezier(.2,.7,.3,1),-webkit-backdrop-filter .4s cubic-bezier(.2,.7,.3,1),backdrop-filter .4s cubic-bezier(.2,.7,.3,1);position:sticky;top:0}.nav.is-floating{background-color:color-mix(in srgb, var(--bg) 72%, transparent);-webkit-backdrop-filter:blur(24px)saturate(1.6);backdrop-filter:blur(24px)saturate(1.6);border-color:color-mix(in srgb, var(--border) 60%, transparent);max-width:min(1104px,100% - 48px);box-shadow:inset 0 1px 0 #ffffff40, var(--float-shadow);border-radius:999px;top:24px}.nav-inner{justify-content:space-between;align-items:center;max-width:1152px;margin:0 auto;padding:12px 24px;display:flex;position:relative}.nav.is-floating .nav-inner{padding-left:24px;padding-right:16px}.brand{color:var(--text);align-items:center;gap:8px;font-size:16px;font-weight:600;text-decoration:none;display:flex}.brand img{border-radius:4px}.nav-right{align-items:center;gap:16px;display:flex}.nav-links{align-items:center;gap:32px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.nav-links a{color:var(--text-secondary);font-size:12px;font-weight:500;text-decoration:none}.nav-links a:hover,.nav-links a[aria-current=page]{color:var(--text)}.theme-toggle{width:28px;height:28px;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;display:flex}.theme-toggle:hover{background:var(--bg-hover);color:var(--text)}.theme-toggle .icon-sun{display:none}[data-theme=dark] .theme-toggle .icon-sun{display:block}[data-theme=dark] .theme-toggle .icon-moon{display:none}
.nav-cta{font:inherit;color:var(--bg);background:var(--text);cursor:pointer;border:none;border-radius:999px;justify-content:center;align-items:center;gap:7px;padding:8px 20px;font-size:13px;font-weight:600;text-decoration:none;transition:box-shadow .2s,background-color .2s;display:inline-flex;box-shadow:inset 0 1px #ffffff40,inset 0 -1px 3px #00000026}.nav-download-apple{fill:currentColor;flex:none;width:16px;height:16px}.nav-cta:hover{background:color-mix(in srgb, var(--text) 88%, var(--bg));box-shadow:inset 0 1px #ffffff4d,inset 0 -1px 3px #00000026}.nav.is-floating .nav-cta{background:var(--accent);color:#fff}.nav.is-floating .nav-cta:hover{background:color-mix(in srgb, var(--accent) 85%, black)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .nav.is-floating .nav-cta{background:var(--text);color:var(--bg)}:root:not([data-theme=light]) .nav.is-floating .nav-cta:hover{background:color-mix(in srgb, var(--text) 88%, var(--bg))}}[data-theme=dark] .nav.is-floating .nav-cta{background:var(--text);color:var(--bg)}[data-theme=dark] .nav.is-floating .nav-cta:hover{background:color-mix(in srgb, var(--text) 88%, var(--bg))}.nav.is-over-hero:not(.is-floating){-webkit-backdrop-filter:none;backdrop-filter:none;background-color:#0000;border-bottom-color:#0000}.nav.is-over-hero:not(.is-floating) .brand,.nav.is-over-hero:not(.is-floating) .nav-links a,.nav.is-over-hero:not(.is-floating) .theme-toggle{color:var(--on-backdrop)}.nav.is-over-hero:not(.is-floating) .theme-toggle:hover{color:#fff;background:#ffffff24}.nav.is-over-hero:not(.is-floating) .nav-cta{color:#1e1e1e;background:#fff}.nav.is-over-hero:not(.is-floating) .nav-cta:hover{background:#ececec}
main{max-width:1152px;margin:0 auto;padding:0 24px;overflow-x:clip}section{padding:96px 0}h2{margin-bottom:32px;font-family:Instrument Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;font-size:36px;font-weight:600;line-height:44px}h3{margin-bottom:8px;font-size:16px;font-weight:600;line-height:24px}.home{--hero-backdrop-h:982px;overflow-x:clip}.home main{overflow-x:visible}.home:before{content:"";height:var(--hero-backdrop-h);z-index:-1;pointer-events:none;background-image:url(/assets/hero-backdrop.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute;top:0;left:0;right:0}.home:after{content:"";top:calc(var(--hero-backdrop-h) - 180px);z-index:-1;background:linear-gradient(to bottom, transparent 0%, color-mix(in srgb, var(--bg) 20%, transparent) 34%, color-mix(in srgb, var(--bg) 72%, transparent) 72%, var(--bg) 100%);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);pointer-events:none;height:180px;position:absolute;left:0;right:0;-webkit-mask-image:linear-gradient(#0000 0%,#000 32% 100%);mask-image:linear-gradient(#0000 0%,#000 32% 100%)}
.hero{text-align:center;padding-top:96px}.eyebrow{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em;border:1px solid var(--border);border-radius:999px;margin-bottom:16px;padding:4px 12px;font-size:12px;font-weight:500;line-height:16px;display:inline-block}.eyebrow[hidden]{display:none}.hero .eyebrow{color:var(--on-backdrop);border-color:#ffffff47}.eyebrow-dot{vertical-align:middle;background:var(--on-backdrop);border-radius:50%;width:6px;height:6px;margin-right:6px;display:inline-block;position:relative}.eyebrow-dot:after{content:"";background:var(--on-backdrop);border-radius:50%;animation:2s ease-in-out infinite eyebrow-dot-pulse;position:absolute;inset:-4px}@keyframes eyebrow-dot-pulse{0%{opacity:.55;transform:scale(.5)}70%,to{opacity:0;transform:scale(1.6)}}.hero>h1{letter-spacing:-.015em;color:var(--on-backdrop);text-wrap:balance;max-width:720px;margin:0 auto 24px;font-family:Instrument Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;font-size:64px;font-weight:700;line-height:64px}.lede{color:var(--on-backdrop);max-width:560px;margin:0 auto 32px;font-size:18px;line-height:27px}.download-cta{flex-wrap:wrap;justify-content:center;gap:8px;max-width:440px;margin:0 auto;display:flex}.download-cta a{font:inherit;color:var(--bg);background:var(--accent);height:48px;box-shadow:inset 0 1px 0 #ffffff40, inset 0 -2px 4px #00000026, 0 3px 10px color-mix(in srgb, var(--accent) 25%, transparent), 0 0 16px color-mix(in srgb, var(--accent) 12%, transparent);border:none;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:8px 24px;font-weight:600;text-decoration:none;transition:box-shadow .2s,filter .2s;display:inline-flex}.hero-download-apple,.footer-download-apple{fill:currentColor;flex:none;width:20px;height:20px}.trial-benefits{color:var(--text);justify-content:center;align-items:center;gap:12px;margin-top:14px;font-size:15px;font-weight:600;display:flex}.trial-benefits span:not(.trial-benefits-separator){align-items:center;gap:6px;display:inline-flex}.trial-benefits svg{stroke-width:2px;width:17px;height:17px}.hero .trial-benefits{color:color-mix(in srgb, var(--on-backdrop) 94%, transparent);text-shadow:0 1px 8px #0000008c}.download-cta a:hover{filter:brightness(1.08);box-shadow:inset 0 1px 0 #ffffff4d, inset 0 -2px 4px #00000026, 0 4px 14px color-mix(in srgb, var(--accent) 32%, transparent), 0 0 20px color-mix(in srgb, var(--accent) 18%, transparent)}.hero .download-cta a{color:#fff;background:var(--accent-light);box-shadow:inset 0 1px 0 #ffffff40, inset 0 -2px 4px #00000026, 0 3px 10px color-mix(in srgb, var(--accent-light) 25%, transparent), 0 0 16px color-mix(in srgb, var(--accent-light) 12%, transparent)}.hero .download-cta a:hover{box-shadow:inset 0 1px 0 #ffffff4d, inset 0 -2px 4px #00000026, 0 4px 14px color-mix(in srgb, var(--accent-light) 32%, transparent), 0 0 20px color-mix(in srgb, var(--accent-light) 18%, transparent)}
.app-demo{--sidebar-w:271px;--frame-h:652px;text-align:left;max-width:1152px;margin:64px auto 0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;position:relative}.app-window{border:1px solid color-mix(in srgb, var(--border) 70%, transparent);background:color-mix(in srgb, var(--bg) 55%, transparent);-webkit-backdrop-filter:blur(24px)saturate(1.6);backdrop-filter:blur(24px)saturate(1.6);box-shadow:inset 0 1px 0 #ffffff40, var(--float-shadow);border-radius:20px;padding:14px}.app-frame{height:var(--frame-h);box-shadow:var(--float-shadow);background:0 0;border-radius:10px;display:flex;overflow:hidden}.app-sidebar{width:var(--sidebar-w);background:color-mix(in srgb, var(--bg-tint) 18%, transparent);-webkit-backdrop-filter:blur(18px)saturate(1.2);backdrop-filter:blur(18px)saturate(1.2);border-right:1px solid var(--border);--sb-hover:#0000000d;--sb-active:#00000014;flex-direction:column;flex-shrink:0;display:flex}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .app-sidebar{--sb-hover:#ffffff12;--sb-active:#ffffff1c}}:root[data-theme=dark] .app-sidebar{--sb-hover:#ffffff12;--sb-active:#ffffff1c}.sb-lights{flex-shrink:0;align-items:center;gap:8px;height:36px;padding:0 16px;display:flex}.sb-lights i{-webkit-backdrop-filter:blur(8px)saturate(1.2);backdrop-filter:blur(8px)saturate(1.2);width:12px;height:12px;box-shadow:inset 0 1px 0 #ffffff47, inset 0 0 0 1px color-mix(in srgb, var(--text) 8%, transparent);border-radius:50%}.sb-lights i:first-child{background:#ff5f5694}.sb-lights i:nth-child(2){background:#ffbd2e8f}.sb-lights i:nth-child(3){background:#27c93f8f}.sb-head{flex-shrink:0;align-items:center;gap:8px;padding:0 12px 8px 16px;display:flex}.sb-vault{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--text-secondary);flex:1;font-size:12px;font-weight:500;line-height:16px;overflow:hidden}.sb-head span.ico{width:24px;height:24px;color:var(--text-secondary);border-radius:4px;justify-content:center;align-items:center;display:flex}.sb-tree{flex:1;min-height:0;padding:0 8px;overflow:hidden}.sb-row{height:28px;color:var(--text-secondary);border-radius:4px;align-items:center;gap:4px;padding-right:4px;font-size:12px;line-height:16px;transition:background-color .2s,color .2s;display:flex}.sb-row[data-file]{cursor:pointer}.sb-row[data-file]:hover{background:var(--sb-hover);color:var(--text)}.sb-row[data-file]:focus-visible{outline:1px solid var(--accent);outline-offset:-1px}.sb-row.root{color:var(--text);font-weight:600}.sb-row .name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sb-row svg{flex-shrink:0}.sb-row .chev{color:var(--text-faint)}.sb-row[data-depth="0"],.sb-row[data-depth="1"]{padding-left:8px}.sb-row[data-depth="2"]{padding-left:24px}.leaf-ico{margin-left:20px}.app-demo[data-view=md] .sb-row[data-file=md],.app-demo[data-view=json] .sb-row[data-file=json],.app-demo[data-view=canvas] .sb-row[data-file=canvas]{color:var(--text);background:var(--sb-active);-webkit-backdrop-filter:blur(10px)saturate(1.25);backdrop-filter:blur(10px)saturate(1.25);box-shadow:inset 0 1px 0 #ffffff1a, inset 0 0 0 1px color-mix(in srgb, var(--text) 5%, transparent);font-weight:500}.sb-footer{border-top:1px solid var(--border);flex-shrink:0;padding:4px 8px 8px}.sb-settings{width:100%;height:28px;color:var(--text-secondary);border-radius:4px;align-items:center;gap:8px;padding:0 8px;font-size:12px;line-height:16px;display:flex}.sb-settings .hint{color:var(--text-faint);margin-left:auto}
.app-main{background:var(--bg);flex-direction:column;flex:1;min-width:0;display:flex}.app-tabs{border-bottom:1px solid var(--border);flex-shrink:0;align-items:stretch;height:36px;display:flex}.tab-toggle{width:36px;color:var(--text-secondary);border-right:1px solid var(--border);flex-shrink:0;justify-content:center;align-items:center;display:flex}.tab{border-right:1px solid var(--border);height:36px;color:var(--text-secondary);border-bottom:1px solid #0000;align-items:center;gap:4px;margin-bottom:-1px;padding:0 12px;font-size:12px;line-height:16px;transition:color .2s,background-color .2s;display:flex;position:relative}.tab .label{text-overflow:ellipsis;white-space:nowrap;max-width:160px;overflow:hidden}.tab .close{color:var(--text-faint);display:flex}.tab[data-file]{cursor:pointer}.tab[data-file]:hover{color:var(--text)}.tab[data-file]:focus-visible{outline:1px solid var(--accent);outline-offset:-2px}.app-demo[data-view=md] .tab[data-file=md],.app-demo[data-view=json] .tab[data-file=json],.app-demo[data-view=canvas] .tab[data-file=canvas]{color:var(--text);background:var(--bg);border-bottom-color:var(--bg);font-weight:500}.app-header{border-bottom:1px solid var(--border);background:var(--bg);flex-shrink:0;justify-content:space-between;align-items:center;gap:4px;min-height:40px;padding:4px 12px 4px 16px;display:flex}.crumbs{flex:1;min-width:0;height:24px;position:relative}.crumb-set{color:var(--text-secondary);opacity:0;pointer-events:none;align-items:center;gap:2px;font-size:12px;line-height:16px;transition:opacity .2s,transform .2s;display:flex;position:absolute;inset:0;overflow:hidden;transform:translateY(4px)}.crumb-set span{white-space:nowrap;padding:4px}.crumb-set .current{color:var(--text);font-weight:500}.crumb-set svg{color:var(--text-faint);flex-shrink:0}.app-demo[data-view=md] .crumb-set[data-file=md],.app-demo[data-view=json] .crumb-set[data-file=json],.app-demo[data-view=canvas] .crumb-set[data-file=canvas]{opacity:1;transform:none}.header-actions{flex-shrink:0;align-items:center;gap:4px;display:flex}.view-toggle{background:var(--bg-tint);border-radius:4px;align-items:center;gap:4px;height:32px;padding:4px;display:flex;position:relative}.view-toggle button{width:24px;height:24px;color:var(--text-secondary);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:4px;justify-content:center;align-items:center;padding:0;transition:color .2s,background-color .2s;display:flex}.view-toggle button:hover{color:var(--text)}.view-toggle button.on{color:var(--text);background:var(--bg-active)}.view-toggle button:focus-visible{outline:1px solid var(--accent);outline-offset:1px}.more-btn{width:32px;height:32px;color:var(--text-secondary);border-radius:4px;justify-content:center;align-items:center;display:flex}.app-demo[data-view=canvas] .view-toggle{display:none}
@keyframes rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.app-pane.is-playing .rise{animation:.44s cubic-bezier(.2,.7,.3,1) both rise;animation-delay:calc(var(--i,0) * 60ms)}.app-demo.is-paused .demo-step .bar{animation-play-state:paused}.doc-source,.app-demo[data-mode=source] .doc-preview{display:none}.app-demo[data-mode=source] .doc-source{display:block}.src-code{height:100%;color:var(--text);white-space:pre-wrap;word-break:break-word;margin:0;font-family:ui-monospace,SF Mono,SFMono-Regular,Menlo,monospace;font-size:12px;line-height:20px;overflow:hidden}.src-code code{background:0 0;border-radius:0;padding:0}.tok-key{color:var(--text)}.tok-str,.tok-num,.tok-bool{color:var(--text-secondary)}.tok-punc{color:var(--text-faint)}.doc-page{height:100%;padding:32px 24px 20px 48px;overflow:hidden}.props{font-size:12px;line-height:16px}.props-head{min-height:28px;color:var(--text-faint);letter-spacing:.04em;justify-content:space-between;align-items:center;font-weight:500;display:flex}.props-head .ico{width:24px;height:24px;color:var(--text-secondary);border-radius:4px;justify-content:center;align-items:center;display:flex}.props-divided{border-bottom:1px solid var(--border);margin-bottom:20px;padding-bottom:12px}.prop-row{grid-template-columns:minmax(96px,1fr) minmax(160px,2fr) 24px;align-items:center;gap:8px;min-height:32px;padding:2px 0;display:grid}.prop-key,.prop-val{text-overflow:ellipsis;white-space:nowrap;border:1px solid #0000;border-radius:4px;min-width:0;padding:4px 8px;font-size:12px;line-height:20px;overflow:hidden}.prop-key{color:var(--text-secondary)}.prop-val{color:var(--text)}.prop-val.num{font-variant-numeric:tabular-nums}.tag-field{border:1px solid #0000;border-radius:4px;flex-wrap:wrap;align-items:center;gap:4px;min-height:28px;padding:4px;display:flex}.tag{border:1px solid var(--border);height:24px;color:var(--text);background:var(--bg-tint);white-space:nowrap;border-radius:4px;align-items:center;padding:0 8px;font-family:ui-monospace,SF Mono,SFMono-Regular,Menlo,monospace;font-size:12px;display:inline-flex}.pane-stack{background:var(--bg);flex:1;min-height:0;position:relative}.app-pane{opacity:0;pointer-events:none;transition:opacity .32s,transform .32s;position:absolute;inset:0;overflow:hidden;transform:translateY(8px)}.app-demo[data-view=md] .app-pane[data-pane=md],.app-demo[data-view=json] .app-pane[data-pane=json],.app-demo[data-view=canvas] .app-pane[data-pane=canvas]{opacity:1;z-index:1;transform:none}
.md-body{color:var(--text)}.md-body h1{letter-spacing:0;margin:0 0 12px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;font-size:28px;font-weight:700;line-height:36px}.md-body h2{margin:20px 0 12px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;font-size:24px;font-weight:600;line-height:32px}.md-body p{margin:0 0 12px;font-size:16px;line-height:24px}.tasks{margin:0;padding:0 0 0 4px;list-style:none}.tasks li{align-items:flex-start;gap:8px;margin-bottom:4px;font-size:16px;line-height:24px;display:flex}.cb{border:1px solid var(--text-secondary);background:var(--bg);border-radius:4px;flex:0 0 16px;width:16px;height:16px;margin-top:4px;position:relative}.cb svg{opacity:0;color:#fff;position:absolute;inset:0}.cb.done{border-color:var(--accent);background:var(--accent)}.cb.done svg{opacity:1}.strike{position:relative}.strike:after{content:"";background:currentColor;width:0;height:1px;position:absolute;top:52%;left:0}.strike.done{color:var(--text-secondary)}.strike.done:after{width:100%}@keyframes cb-fill{to{border-color:var(--accent);background:var(--accent)}}@keyframes cb-mark{to{opacity:1}}@keyframes cb-pop{50%{transform:scale(1.18)}}@keyframes strike-draw{to{width:100%}}@keyframes dim{to{color:var(--text-secondary)}}.app-pane.is-playing .beat-cb{animation:.2s ease-out 2s forwards cb-fill,.28s ease-out 2s cb-pop}.app-pane.is-playing .beat-cb svg{animation:.16s ease-out 2.12s forwards cb-mark}.app-pane.is-playing .beat-strike{animation:.3s ease-out 2.2s forwards dim}.app-pane.is-playing .beat-strike:after{animation:.32s ease-out 2.2s forwards strike-draw}
.grp-head{border-radius:4px;align-items:center;gap:4px;min-height:32px;padding-right:8px;font-size:12px;line-height:16px;display:flex}.grp-head .disc{width:24px;height:24px;color:var(--text-faint);justify-content:center;align-items:center;transition:transform .24s;display:flex}.grp-head .gname{color:var(--text);font-weight:500}.grp-head .gcount{color:var(--text-faint);font-variant-numeric:tabular-nums;margin-left:auto}.grp-body{opacity:0;max-height:0;padding-left:24px;overflow:hidden}.grp-body .prop-val{font-family:ui-monospace,SF Mono,SFMono-Regular,Menlo,monospace}@keyframes grp-open{0%{opacity:0;max-height:0}to{opacity:1;max-height:132px}}@keyframes disc-turn{to{transform:rotate(90deg)}}.app-pane.is-playing .beat-grp{animation:.36s ease-out 2.6s forwards grp-open}.app-pane.is-playing .beat-disc{animation:.24s ease-out 2.6s forwards disc-turn}.tg{border:1px solid var(--border);background:var(--bg-hover);border-radius:12px;width:40px;height:24px;margin:2px 8px;position:relative}.tg i{background:var(--bg);border-radius:8px;width:16px;height:16px;position:absolute;top:3px;left:3px;box-shadow:0 1px 2px #0000003d}@keyframes tg-on{to{border-color:var(--accent);background:var(--accent)}}@keyframes tg-slide{to{left:20px}}.app-pane.is-playing .beat-tg{animation:.22s ease-out 1.7s forwards tg-on}.app-pane.is-playing .beat-tg i{animation:.26s cubic-bezier(.2,.8,.3,1) 1.7s forwards tg-slide}
.canvas-wrap{background-color:var(--bg);background-image:linear-gradient(var(--border) 1px, transparent 1px), linear-gradient(90deg, var(--border) 1px, transparent 1px);background-size:16px 16px;height:100%;position:relative}.canvas-wrap svg.surface{width:100%;height:100%;color:var(--text-secondary);display:block}.cv-shape rect,.cv-shape ellipse,.cv-shape polygon{fill:var(--bg);stroke:currentColor;stroke-width:1.5px;vector-effect:non-scaling-stroke}.cv-label{fill:var(--text);text-anchor:middle;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;font-size:14px}.cv-arrow{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.cv-sel rect{fill:none;stroke:var(--accent);stroke-width:1px;vector-effect:non-scaling-stroke}.cv-port{fill:var(--bg);stroke:var(--accent);stroke-width:1.5px;vector-effect:non-scaling-stroke}.cv-port.hot{fill:var(--accent)}.cv-shape,.cv-sel,.cv-port,.cv-halo{opacity:1}@keyframes cv-in{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:none}}@keyframes cv-draw{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@keyframes cv-fade{0%{opacity:0}to{opacity:1}}@keyframes cv-halo{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:none}}.app-pane.is-playing .cv-shape{transform-box:fill-box;transform-origin:50%;animation:.4s cubic-bezier(.2,.7,.3,1) both cv-in;animation-delay:calc(var(--i,0) * .11s)}.app-pane.is-playing .cv-arrow{stroke-dasharray:1;animation:.52s ease-out both cv-draw;animation-delay:calc(.44s + var(--i,0) * .2s)}.app-pane.is-playing .cv-sel{animation:.2s ease-out 1.6s both cv-fade}.app-pane.is-playing .cv-port{transform-box:fill-box;transform-origin:50%;animation:.26s cubic-bezier(.2,.8,.3,1) both cv-halo;animation-delay:calc(1.7s + var(--i,0) * 60ms)}.cv-toolbar,.cv-zoom{z-index:2;border:1px solid var(--border);background:var(--bg);border-radius:6px;align-items:center;gap:2px;padding:4px;display:flex;position:absolute;box-shadow:0 2px 8px #00000014}.cv-toolbar{top:12px;left:50%;transform:translate(-50%)}.cv-zoom{color:var(--text-secondary);gap:6px;font-size:12px;bottom:12px;right:12px}.cv-toolbar b,.cv-zoom b{width:28px;height:28px;color:var(--text-secondary);border-radius:4px;justify-content:center;align-items:center;display:flex}.cv-toolbar b.on{color:var(--accent);background:var(--accent-bg)}.cv-toolbar hr{background:var(--border);border:none;width:1px;height:20px;margin:0 2px}.cv-zoom .pct{font-variant-numeric:tabular-nums}
.demo-steps{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:20px;display:flex}.demo-step{height:32px;color:var(--text-faint);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:8px;padding:0 12px;font-family:ui-monospace,SF Mono,SFMono-Regular,Menlo,monospace;font-size:12px;line-height:16px;transition:color .2s,border-color .2s;display:flex;position:relative;overflow:hidden}.demo-step:hover{color:var(--text-secondary);border-color:var(--border)}.demo-step:focus-visible{outline:1px solid var(--accent);outline-offset:2px}.demo-step[aria-pressed=true]{color:var(--text);border-color:var(--border)}.demo-step svg{flex-shrink:0}.demo-step .bar{background:var(--accent);width:0;height:1px;position:absolute;bottom:0;left:0}@keyframes step-fill{0%{width:0}to{width:100%}}.demo-step.is-timing .bar{animation:step-fill var(--dwell,5.6s) linear forwards}
.hiw-head{margin-bottom:40px}.hiw-head h2{text-wrap:balance;max-width:20ch;margin-bottom:16px}.hiw-lede{color:var(--text-secondary);max-width:60ch;margin:0;font-size:16px;line-height:24px}.hiw-track{grid-template-columns:repeat(4,1fr);gap:16px;list-style:none;display:grid}.hiw-card{background:var(--bg-tint);border:1px solid var(--border);border-radius:16px;padding:36px 24px 32px;position:relative;overflow:hidden}.hiw-num{letter-spacing:-.02em;color:color-mix(in srgb, var(--text) 12%, transparent);margin:0 0 24px;font-family:Instrument Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;font-size:60px;font-weight:600;line-height:46px;transition:color .24s;display:block}.hiw-hit{z-index:2;font:inherit;color:inherit;cursor:pointer;background:0 0;border:none;padding:0;position:absolute;inset:-1px}.hiw-hit:focus-visible{outline:2px solid var(--accent);outline-offset:-3px;border-radius:16px}.hiw-card h3{margin-bottom:8px;font-size:18px;line-height:24px}@media (min-width:981px){.hiw-card h3{min-height:48px}}.hiw-card p{color:var(--text-secondary);font-size:14px;line-height:21px}@media (max-width:980px){.hiw-track{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.hiw-track{grid-template-columns:1fr}}
.hiw-track.is-live .hiw-card>:not(.hiw-num):not(.hiw-progress):not(.hiw-hit){opacity:.45;transition:opacity .42s}.hiw-track.is-live .hiw-card.is-active>:not(.hiw-num):not(.hiw-progress):not(.hiw-hit){opacity:1}.hiw-track.is-live .hiw-card{background:0 0;transition:background-color .42s,box-shadow .42s}.hiw-track.is-live .hiw-card.is-active{background:var(--bg-tint);box-shadow:var(--float-shadow)}.hiw-track.is-live .hiw-num{color:color-mix(in srgb, var(--text) 8%, transparent)}.hiw-track.is-live .hiw-card.is-active .hiw-num{color:color-mix(in srgb, var(--text) 16%, transparent)}@media (hover:hover){.hiw-track.is-live .hiw-card:hover>:not(.hiw-num):not(.hiw-progress):not(.hiw-hit){opacity:.8}.hiw-track.is-live .hiw-card:hover .hiw-num{color:color-mix(in srgb, var(--text) 14%, transparent)}.hiw-track.is-live .hiw-card.is-active:hover>:not(.hiw-num):not(.hiw-progress):not(.hiw-hit){opacity:1}.hiw-track.is-live .hiw-card.is-active:hover .hiw-num{color:color-mix(in srgb, var(--text) 16%, transparent)}}.hiw-progress{border-radius:2px;height:2px;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.hiw-progress span{background:var(--accent);border-radius:2px;width:0;height:100%;display:block}@media (max-width:980px){.hiw-progress{display:none}.hiw-track.is-live .hiw-card>:not(.hiw-num):not(.hiw-progress):not(.hiw-hit){opacity:1}.hiw-track.is-live .hiw-card,.hiw-track.is-live .hiw-card.is-active{background:var(--bg-tint);box-shadow:none}.hiw-track.is-live .hiw-num,.hiw-track.is-live .hiw-card.is-active .hiw-num{color:color-mix(in srgb, var(--text) 12%, transparent)}}@media (prefers-reduced-motion:reduce){.hiw-card,.hiw-card>*,.hiw-num,.hiw-progress span{transition:none}.hiw-track.is-live .hiw-card>:not(.hiw-num):not(.hiw-progress):not(.hiw-hit){opacity:1}}
.bento-head{justify-content:space-between;align-items:flex-start;gap:64px;margin-bottom:48px;display:flex}.bento-head h2{text-wrap:balance;max-width:540px;margin-bottom:0}.bento-head p{color:var(--text-secondary);max-width:440px;padding-top:4px;font-size:15px;line-height:23px}.bento-grid{grid-template-rows:470px 404px;grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.bento-tile{background:var(--bg-tint);border:1px solid var(--border);border-radius:16px;flex-direction:column;display:flex;overflow:hidden}.bento-tile.is-wide{grid-column:span 2}.bento-copy{background:var(--bg);padding:18px 20px 20px}.bento-copy h3{margin-bottom:6px;font-size:18px;line-height:24px}.bento-copy p{color:var(--text-secondary);font-size:14px;line-height:21px}.bento-stage{flex:1;justify-content:center;align-items:center;min-height:0;padding:28px;display:flex;position:relative;overflow:hidden}.bento-stage:before{content:"";z-index:0;filter:blur(14px);background-image:url(/assets/bento-bg.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute;inset:-24px;transform:scale(1.08)}.bento-grid .bento-tile:first-child .bento-stage:before{background-position:50% 15%}.bento-grid .bento-tile:nth-child(2) .bento-stage:before{background-position:5% 10%}.bento-grid .bento-tile:nth-child(3) .bento-stage:before{background-position:90% 85%}.bento-grid .bento-tile:nth-child(4) .bento-stage:before{background-position:95% 5%}.bento-grid .bento-tile:nth-child(5) .bento-stage:before{background-position:10% 90%}.bento-float{z-index:1;background:var(--bg);width:100%;box-shadow:var(--float-shadow);border-radius:12px;position:relative}
.bt-doc{max-width:480px;min-height:258px;padding:18px 20px 22px}.bt-doc-h{margin-bottom:8px;font-size:15px;font-weight:700;line-height:22px}.bt-doc-p{color:var(--text-secondary);margin-bottom:10px;font-size:13px;line-height:20px}.bt-line{height:20px;color:var(--text);font-family:ui-monospace,SF Mono,SFMono-Regular,Menlo,monospace;font-size:13px;line-height:20px;animation:9s step-end infinite bt-line-collapse;position:relative}@keyframes bt-line-collapse{0%,53%{height:20px}54%,96%{height:0}97%,to{height:20px}}.bt-slash{opacity:0;animation:9s linear infinite bt-slash-in}@keyframes bt-slash-in{0%,8%{opacity:0}12%,50%{opacity:1}54%,to{opacity:0}}.bt-caret{vertical-align:-2px;background:var(--accent);width:1.5px;height:14px;animation:1.05s step-end infinite bt-caret-blink,9s step-end infinite bt-caret-hide;display:inline-block}@keyframes bt-caret-blink{50%{opacity:0}}@keyframes bt-caret-hide{0%,53%{width:1.5px}54%,96%{width:0}97%,to{width:1.5px}}.bt-menu{background:var(--bg);border:1px solid var(--border);width:210px;box-shadow:var(--float-shadow);opacity:0;transform-origin:0 0;border-radius:10px;padding:5px;animation:9s ease-out infinite bt-menu-in;position:absolute;top:26px;left:0;transform:translateY(4px)scale(.98)}@keyframes bt-menu-in{0%,13%{opacity:0;transform:translateY(4px)scale(.98)}18%,46%{opacity:1;transform:translateY(0)scale(1)}52%,to{opacity:0;transform:translateY(-2px)scale(.99)}}.bt-menu-hi{background:var(--accent-bg);border-radius:7px;height:26px;animation:9s cubic-bezier(.4,0,.2,1) infinite bt-menu-hi-move;position:absolute;top:5px;left:5px;right:5px}@keyframes bt-menu-hi-move{0%,24%{transform:translateY(0)}34%,to{transform:translateY(52px)}}.bt-menu-item{height:26px;color:var(--text-secondary);align-items:center;gap:9px;padding:0 8px;font-size:12px;display:flex;position:relative}.bt-menu-item svg{width:13px;height:13px;color:var(--text-faint);flex:none}.bt-menu-item:nth-child(4){color:var(--text)}.bt-menu-item:nth-child(4) svg{color:var(--accent)}.bt-task{color:var(--text-secondary);opacity:0;align-items:center;gap:8px;margin-top:6px;font-size:13px;line-height:20px;animation:9s ease-out infinite bt-task-in;display:flex}.bt-task-1{margin-top:0}.bt-task-2{animation-delay:.1s}.bt-task-3{animation-delay:.2s}@keyframes bt-task-in{0%,54%{opacity:0;transform:translateY(4px)}60%,94%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(0)}}.bt-box{border:1.5px solid var(--text-faint);border-radius:3.5px;flex:none;width:13px;height:13px;animation:9s ease-out infinite bt-box-on;position:relative}.bt-box svg{opacity:0;stroke-dasharray:16;stroke-dashoffset:16px;width:8px;height:8px;animation:9s ease-out infinite bt-box-draw;position:absolute;inset:1px}@keyframes bt-box-on{0%,68%{border-color:var(--text-faint);background:0 0}74%,94%{border-color:var(--accent);background:var(--accent-bg)}to{border-color:var(--text-faint);background:0 0}}@keyframes bt-box-draw{0%,70%{opacity:0;stroke-dashoffset:16px}78%,94%{opacity:1;stroke-dashoffset:0}to{opacity:0;stroke-dashoffset:16px}}.bt-box-idle{border:1.5px solid var(--text-faint);border-radius:3.5px;flex:none;width:13px;height:13px}.bt-task-text{position:relative}.bt-task-text:after{content:"";transform-origin:0;background:currentColor;width:100%;height:1px;animation:9s ease-out infinite bt-strike;position:absolute;top:50%;left:0;transform:scaleX(0)}@keyframes bt-strike{0%,72%{transform:scaleX(0)}82%,94%{transform:scaleX(1)}to{transform:scaleX(0)}}
.bt-palette{max-width:320px;overflow:hidden}.bt-pal-bar{border-bottom:1px solid var(--border);align-items:center;gap:9px;padding:11px 12px;display:flex}.bt-pal-bar>svg{width:14px;height:14px;color:var(--text-faint);flex:none}.bt-pal-q{height:18px;color:var(--text);flex:1;font-size:13px;line-height:18px;position:relative}.bt-pal-ph{color:var(--text-faint);line-height:18px;animation:14s linear infinite bt-ph-out;position:absolute;inset:0}@keyframes bt-ph-out{0%,4%{opacity:1}8%,46%{opacity:0}50%{opacity:1}54%,96%{opacity:0}99%,to{opacity:1}}.bt-pal-typed{white-space:nowrap;width:0;line-height:18px;position:absolute;inset:0;overflow:hidden}.bt-pal-q1{animation:14s steps(7,end) infinite bt-type-1}@keyframes bt-type-1{0%,6%{width:0}18%,44%{width:4.6em}48%,to{width:0}}.bt-pal-q2{color:var(--accent);font-weight:600;animation:14s step-end infinite bt-type-2}@keyframes bt-type-2{0%,52%{width:0}56%,94%{width:1.2em}97%,to{width:0}}.bt-pal-kbd{color:var(--text-secondary);background:var(--bg-tint);border:1px solid var(--border);border-radius:5px;flex:none;padding:2px 5px;font-size:10px;font-weight:600}.bt-pal-groups{height:106px;position:relative}.bt-pal-group{opacity:0;padding:5px;position:absolute;inset:0}.bt-pal-files{animation:14s ease-out infinite bt-grp-a}.bt-pal-actions{animation:14s ease-out infinite bt-grp-b}@keyframes bt-grp-a{0%,8%{opacity:0}14%,44%{opacity:1}48%,to{opacity:0}}@keyframes bt-grp-b{0%,54%{opacity:0}60%,94%{opacity:1}97%,to{opacity:0}}.bt-pal-hi{background:var(--accent-bg);border-radius:7px;height:32px;position:absolute;top:5px;left:5px;right:5px}.bt-pal-files .bt-pal-hi{animation:14s cubic-bezier(.4,0,.2,1) infinite bt-pal-hi-move}@keyframes bt-pal-hi-move{0%,24%{transform:translateY(0)}32%,to{transform:translateY(64px)}}.bt-pal-row{height:32px;color:var(--text);align-items:center;gap:9px;padding:0 8px;font-size:12.5px;display:flex;position:relative}.bt-pal-row svg{width:13px;height:13px;color:var(--text-faint);flex:none}.bt-pal-actions .bt-pal-row svg{color:var(--accent)}.bt-pal-path{color:var(--text-faint);margin-left:auto;font-family:ui-monospace,SF Mono,SFMono-Regular,Menlo,monospace;font-size:10.5px}
.bt-cfg{max-width:300px;overflow:hidden}.bt-cfg-head{border-bottom:1px solid var(--border);height:38px;position:relative}.bt-cfg-name{opacity:0;align-items:center;gap:8px;padding:0 12px;font-size:12.5px;font-weight:600;animation:10.5s ease-in-out infinite bt-cfg-swap;display:flex;position:absolute;inset:0}.bt-cfg-name svg{width:13px;height:13px;color:var(--accent);flex:none}.bt-cfg-name:nth-of-type(2),.bt-cfg-body:nth-of-type(2){animation-delay:3.5s}.bt-cfg-name:nth-of-type(3),.bt-cfg-body:nth-of-type(3){animation-delay:7s}.bt-cfg-bodies{height:108px;position:relative}.bt-cfg-body{opacity:0;flex-direction:column;gap:8px;padding:10px 12px;animation:10.5s ease-in-out infinite bt-cfg-swap;display:flex;position:absolute;inset:0}@keyframes bt-cfg-swap{0%{opacity:0;transform:translateY(6px)}5%,30%{opacity:1;transform:translateY(0)}35%,to{opacity:0;transform:translateY(-6px)}}.bt-cfg-row{color:var(--text);align-items:center;gap:8px;font-size:12px;line-height:16px;display:flex}.bt-k{color:var(--text-secondary)}.bt-v{color:var(--text-faint);margin-left:auto;font-family:ui-monospace,SF Mono,SFMono-Regular,Menlo,monospace;font-size:11px}.bt-mask{letter-spacing:.12em}.bt-tick{border:1.5px solid var(--accent);background:var(--accent-bg);width:13px;height:13px;color:var(--accent);border-radius:3.5px;flex:none;justify-content:center;align-items:center;display:flex}.bt-tick svg{width:9px;height:9px}.bt-dot{border:1.5px solid var(--text-faint);border-radius:3.5px;flex:none;width:13px;height:13px}.bt-keyico{width:13px;height:13px;color:var(--text-faint);flex:none}
.bt-browser{max-width:300px;overflow:hidden}.bt-br-chrome{border-bottom:1px solid var(--border);align-items:center;gap:6px;padding:9px 12px;display:flex}.bt-br-chrome i{background:var(--border);border-radius:50%;flex:none;width:7px;height:7px}.bt-br-url{background:var(--bg-tint);height:16px;color:var(--text-faint);white-space:nowrap;border-radius:4px;flex:1;margin-left:4px;padding:0 6px;font-family:ui-monospace,SF Mono,SFMono-Regular,Menlo,monospace;font-size:9.5px;line-height:16px;overflow:hidden}.bt-br-page{flex-direction:column;gap:10px;padding:10px;display:flex}.bt-br-el{opacity:0;animation:7s ease-out infinite bt-paint-in}.bt-br-el:nth-child(2){animation-delay:.14s}@keyframes bt-paint-in{0%{opacity:0;transform:translateY(5px)}12%,to{opacity:1;transform:translateY(0)}}.bt-br-nav{border-bottom:1px solid var(--border);align-items:center;gap:6px;padding-bottom:9px;display:flex}.bt-br-logo{background:var(--accent);border-radius:4px;flex:none;width:12px;height:12px}.bt-br-link{background:var(--border);border-radius:2px;width:20px;height:4px}.bt-br-link:first-of-type{margin-left:4px}.bt-br-btn{border:1px solid var(--accent);background:var(--accent-bg);border-radius:4px;width:34px;height:13px;margin-left:auto}.bt-br-hero{flex-direction:column;gap:6px;padding:2px 0 4px;display:flex}.bt-br-h{background:var(--text-faint);opacity:.55;border-radius:4px;width:74%;height:10px}.bt-br-h.is-short{width:52%}.bt-br-sub{background:var(--border);border-radius:3px;width:88%;height:5px;margin-top:2px}.bt-br-cta{background:var(--accent);border-radius:5px;width:52px;height:16px;margin-top:4px}
.bt-links{max-width:320px;min-height:214px;padding:16px 18px 18px}.bt-lk-line{color:var(--text-secondary);font-size:13px;line-height:20px}.bt-lk-slot{vertical-align:top;min-width:6ch;height:20px;display:inline-block;position:relative}.bt-lk-typed{border-right:1.5px solid var(--accent);width:0;color:var(--text);white-space:nowrap;vertical-align:top;font-family:ui-monospace,SF Mono,SFMono-Regular,Menlo,monospace;animation:10s steps(5,end) infinite bt-lk-type;display:inline-block;overflow:hidden}@keyframes bt-lk-type{0%,6%{opacity:1;width:0}20%,37%{opacity:1;width:5.2ch}38%,to{opacity:0;width:5.2ch}}.bt-lk-link{color:var(--accent);white-space:nowrap;text-underline-offset:2px;opacity:0;text-decoration:underline;text-decoration-thickness:1px;animation:10s infinite bt-lk-resolve;position:absolute;top:0;left:0}@keyframes bt-lk-resolve{0%,37%{opacity:0}40%,94%{opacity:1}to{opacity:0}}.bt-lk-menu{z-index:2;border:1px solid var(--border);background:var(--bg);width:176px;box-shadow:var(--float-shadow);opacity:0;border-radius:10px;padding:4px;animation:10s infinite bt-lk-menu;display:block;position:absolute;top:26px;left:0;transform:translateY(-4px)}@keyframes bt-lk-menu{0%,16%{opacity:0;transform:translateY(-4px)}19%,35%{opacity:1;transform:none}38%,to{opacity:0;transform:translateY(-4px)}}.bt-lk-hi{background:var(--bg-tint);border-radius:6px;height:26px;position:absolute;top:4px;left:4px;right:4px}.bt-lk-item{height:26px;color:var(--text);align-items:center;gap:8px;padding:0 8px;font-size:12.5px;display:flex;position:relative}.bt-lk-item svg,.bt-lk-page svg,.bt-lk-back svg{width:13px;height:13px;color:var(--text-secondary);flex:none}.bt-lk-page{border:1px solid var(--border);color:var(--text);opacity:0;border-radius:9px;align-items:center;gap:8px;margin-top:16px;padding:9px 10px;font-size:13px;line-height:18px;animation:10s infinite bt-lk-page;display:flex;transform:translateY(6px)}.bt-lk-page .bt-lk-chev{color:var(--text-faint);margin-left:auto}@keyframes bt-lk-page{0%,46%{opacity:0;transform:translateY(6px)}51%,94%{opacity:1;transform:none}to{opacity:0;transform:none}}.bt-lk-back{border:1px solid var(--border);background:var(--bg-tint);color:var(--text-secondary);opacity:0;border-radius:999px;align-items:center;gap:6px;margin-top:12px;padding:4px 10px;font-size:12px;line-height:16px;animation:10s infinite bt-lk-back;display:inline-flex}.bt-lk-back svg{width:12px;height:12px;color:var(--accent)}@keyframes bt-lk-back{0%,60%{opacity:0}64%,94%{opacity:1}to{opacity:0}}
:is(.scratchpad,.canvas-home) .sp-grid{grid-template-columns:1fr 1.06fr;align-items:start;gap:64px;display:grid}:is(.scratchpad,.canvas-home) .sp-copy{flex-direction:column;align-self:stretch;max-width:500px;display:flex}:is(.scratchpad,.canvas-home) .sp-copy h2{text-wrap:balance;margin-bottom:16px;font-size:36px;font-weight:600;line-height:44px}:is(.scratchpad,.canvas-home) .sp-copy>p.lede{color:var(--text-secondary);max-width:none;margin:0;font-size:16px;line-height:25px}:is(.scratchpad,.canvas-home) .sp-copy>p.lede code{color:var(--text)}:is(.scratchpad,.canvas-home) .how{margin-top:auto}:is(.scratchpad,.canvas-home) .step{border-bottom:1px solid var(--border);position:relative}:is(.scratchpad,.canvas-home) .step-head{width:100%;font:inherit;color:inherit;cursor:pointer;text-align:left;background:0 0;border:0;padding:24px 0;display:block}:is(.scratchpad,.canvas-home) .step-copy{display:block}:is(.scratchpad,.canvas-home) .step-title{color:var(--text-secondary);font-size:20px;font-weight:500;line-height:28px;transition:color .25s;display:block}:is(.scratchpad,.canvas-home) .step-title .kbds{vertical-align:middle;gap:3px;margin:0 3px;display:inline-flex;position:relative;top:-1px}:is(.scratchpad,.canvas-home) .step-title kbd{color:var(--text);background:color-mix(in srgb, var(--bg-tint) 80%, var(--bg));border:1px solid var(--border);border-bottom-width:2px;border-radius:6px;justify-content:center;align-items:center;min-width:19px;height:21px;padding:0 5px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:11px;font-weight:600;display:inline-flex;box-shadow:0 1.5px #0000000f}:is(.scratchpad,.canvas-home) .step.open .step-title,:is(.scratchpad,.canvas-home) .step:not(.open) .step-head:hover .step-title{color:var(--text)}:is(.scratchpad,.canvas-home) .step-panel{opacity:0;grid-template-rows:0fr;transition:grid-template-rows .4s cubic-bezier(.4,0,.2,1),opacity .32s;display:grid}:is(.scratchpad,.canvas-home) .step.open .step-panel{opacity:1;grid-template-rows:1fr}:is(.scratchpad,.canvas-home) .step-panel>span{min-height:0;overflow:hidden}:is(.scratchpad,.canvas-home) .step-description{color:var(--text-secondary);padding:12px 4px 0 0;font-size:13.5px;line-height:20px;display:block}:is(.scratchpad,.canvas-home) .step-description code{color:var(--text)}:is(.scratchpad,.canvas-home) .step-progress{border-radius:2px;height:2px;position:absolute;bottom:-1px;left:0;right:0;overflow:hidden}:is(.scratchpad,.canvas-home) .step-progress span{background:var(--accent);border-radius:2px;width:0;height:100%;display:block}:is(.scratchpad,.canvas-home) .sp-visual{border:1px solid var(--border);height:492px;box-shadow:var(--float-shadow);border-radius:20px;position:relative;overflow:hidden}:is(.scratchpad,.canvas-home) .sp-visual:before{content:"";z-index:0;filter:blur(14px);background:url(/assets/bento-bg.jpg) 70% 55%/cover no-repeat;position:absolute;inset:-24px;transform:scale(1.08)}:is(.scratchpad,.canvas-home) .stage{z-index:1;position:absolute;inset:0}.scratchpad .agentw{background:color-mix(in srgb, var(--bg) 98%, transparent);border:1px solid color-mix(in srgb, var(--text) 20%, var(--border));width:302px;box-shadow:var(--pad-shadow);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:14px;position:absolute;top:50%;left:24px;overflow:hidden;transform:translateY(-50%)}.scratchpad .aw-bar{border-bottom:1px solid var(--border);background:color-mix(in srgb, var(--bg-tint) 94%, var(--bg));align-items:center;gap:8px;height:34px;padding:0 12px;display:flex}.scratchpad .aw-bar .lights{gap:6px;display:flex}.scratchpad .aw-bar .lights i{background:var(--text-faint);opacity:.4;border-radius:50%;width:9px;height:9px}.scratchpad .aw-bar .aw-title{color:var(--text-secondary);align-items:center;gap:6px;margin-left:2px;font-size:12px;font-weight:600;display:flex}.scratchpad .aw-bar .aw-title svg{width:13px;height:13px;color:var(--text-faint)}.scratchpad .aw-chat{flex-direction:column;gap:9px;min-height:264px;padding:14px;display:flex}.scratchpad .bubble{opacity:0;border-radius:12px;max-width:80%;padding:8px 11px;font-size:12.5px;line-height:17px;transition:opacity .45s cubic-bezier(.2,.8,.2,1),transform .45s cubic-bezier(.2,.8,.2,1);transform:translateY(10px)scale(.96)}.scratchpad .bubble.show{opacity:1;transform:none}.scratchpad .bubble.user{background:var(--accent);color:#fff;border-bottom-right-radius:4px;align-self:flex-end}:root[data-theme=dark] .scratchpad .bubble.user{color:#08130d}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .scratchpad .bubble.user{color:#08130d}}.scratchpad .bubble.agent{background:var(--bg-tint);color:var(--text);border:1px solid var(--border);border-bottom-left-radius:4px;align-self:flex-start}.scratchpad .bubble.agent code{background:color-mix(in srgb, var(--accent) 16%, transparent);color:var(--accent)}.scratchpad .work{border:1px solid var(--border);background:color-mix(in srgb, var(--bg-tint) 45%, transparent);opacity:0;border-radius:11px;align-self:stretch;margin-top:2px;transition:opacity .5s,transform .5s;overflow:hidden;transform:translateY(8px)}.scratchpad .working .work{opacity:1;transform:none}.scratchpad .work-top{align-items:center;gap:8px;padding:8px 11px 6px;display:flex}.scratchpad .spin{border:2px solid color-mix(in srgb, var(--accent) 28%, transparent);border-top-color:var(--accent);border-radius:50%;flex:none;width:12px;height:12px;animation:.8s linear infinite sp-spin}@keyframes sp-spin{to{transform:rotate(360deg)}}.scratchpad .work-label{color:var(--text-secondary);font-size:11.5px;font-weight:600}.scratchpad .work-feed{height:16px;color:var(--text-faint);margin:0 11px;font-family:ui-monospace,Menlo,monospace;font-size:11px;overflow:hidden}.scratchpad .work-feed ul{margin:0;padding:0;list-style:none;animation:8s linear infinite sp-feed}.scratchpad .work-feed li{white-space:nowrap;height:16px;line-height:16px}.scratchpad .work-feed li b{color:var(--accent);font-weight:600}@keyframes sp-feed{0%{transform:translateY(0)}to{transform:translateY(-50%)}}.scratchpad .work-bar{background:color-mix(in srgb, var(--text-faint) 26%, transparent);border-radius:3px;height:3px;margin:7px 11px 10px;position:relative;overflow:hidden}.scratchpad .work-bar:after{content:"";background:var(--accent);border-radius:3px;width:36%;height:100%;animation:1.7s cubic-bezier(.4,0,.2,1) infinite sp-ind;position:absolute;top:0;left:-40%}@keyframes sp-ind{to{left:112%}}.scratchpad .pad{opacity:0;background:color-mix(in srgb, var(--bg) 98%, transparent);border:1px solid color-mix(in srgb, var(--text) 20%, var(--border));width:226px;box-shadow:var(--pad-shadow);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);text-align:left;border-radius:13px;transition:opacity .5s cubic-bezier(.2,.8,.2,1),transform .5s cubic-bezier(.2,.8,.2,1);position:absolute;top:56%;right:20px;overflow:hidden;transform:translateY(-42%)translate(24px)scale(.94)}.scratchpad .pad.in{opacity:1;transform:translateY(-42%)translate(0)scale(1)}.scratchpad .pad-bar{border-bottom:1px solid var(--border);background:color-mix(in srgb, var(--bg-tint) 94%, var(--bg));justify-content:center;align-items:center;height:34px;padding:0 8px;display:flex;position:relative}.scratchpad .pad-bar .lights{position:absolute;left:11px}.scratchpad .pad-bar .lights i{background:var(--text-faint);opacity:.4;border-radius:50%;width:9px;height:9px;display:block}.scratchpad .pad-title{color:var(--text-secondary);font-size:11.5px;font-weight:600}.scratchpad .pad-bar .acts{gap:1px;display:flex;position:absolute;right:6px}.scratchpad .pad-bar .acts .act{width:24px;height:24px;color:var(--text-secondary);border-radius:6px;place-items:center;display:grid}.scratchpad .pad-bar .acts .act svg{width:14px;height:14px}.scratchpad .pad-body{min-height:150px;padding:12px 14px 15px}.scratchpad .pad-h1{letter-spacing:-.01em;color:var(--text);font-size:15px;font-weight:600}.scratchpad .tasks{flex-direction:column;gap:8px;margin-top:11px;padding:0;list-style:none;display:flex}.scratchpad .task{opacity:0;align-items:flex-start;gap:8px;transition:opacity .3s,transform .3s;display:flex;transform:translateY(5px)}.scratchpad .task.show{opacity:1;transform:none}.scratchpad .task .box{border:1.5px solid var(--text-faint);border-radius:4px;flex:none;width:13px;height:13px;margin-top:2px}.scratchpad .task .type{color:var(--text);white-space:nowrap;width:0;font-size:12.5px;line-height:17px;transition:width .9s steps(18,end);overflow:hidden}.scratchpad .task.show .type.is-typed{width:var(--w,18ch)}.scratchpad .task .caret{vertical-align:-2px;background:var(--accent);visibility:hidden;width:2px;height:1em;margin-left:1px;animation:1s step-end infinite sp-blink;display:inline-block}.scratchpad .task.typing .caret{visibility:visible}@keyframes sp-blink{50%{opacity:0}}.scratchpad .cpad{opacity:0;background:color-mix(in srgb, var(--bg) 98%, transparent);border:1px solid color-mix(in srgb, var(--text) 20%, var(--border));width:184px;box-shadow:var(--pad-shadow);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);border-radius:13px;transition:opacity .5s cubic-bezier(.2,.8,.2,1),transform .5s cubic-bezier(.2,.8,.2,1);position:absolute;top:22px;right:20px;overflow:hidden;transform:translateY(-8px)translate(24px)scale(.94)}.scratchpad .cpad.in{opacity:1;transform:none}.scratchpad .cpad-body{height:104px;padding:8px 10px}.scratchpad .cpad .cv-stroke{stroke-dasharray:1 2;stroke-dashoffset:1.01px}.scratchpad .cpad .cv-text{opacity:0;transition:opacity .3s}.scratchpad .cpad.drawing .cv-stroke{animation:.7s ease-in-out forwards sp-draw;animation-delay:calc(var(--i) * .65s + .3s)}.scratchpad .cpad.drawing .cv-text{opacity:1;transition-delay:calc(var(--i) * .5s + 3.2s)}.scratchpad .cpad.drawn .cv-stroke{stroke-dashoffset:0}.scratchpad .cpad.drawn .cv-text{opacity:1}@keyframes sp-draw{to{stroke-dashoffset:0}}.scratchpad .keys{opacity:0;gap:7px;transition:opacity .35s,transform .35s;display:flex;position:absolute;bottom:22px;left:50%;transform:translate(-50%)translateY(8px)scale(.92)}.scratchpad .keys.show{opacity:1;transform:translate(-50%)translateY(0)scale(1)}.scratchpad .keycap{color:var(--text);background:color-mix(in srgb, var(--bg) 92%, transparent);border:1px solid var(--border);border-bottom-width:2px;border-radius:8px;place-items:center;min-width:30px;height:32px;padding:0 8px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:14px;font-weight:600;transition:transform .12s,box-shadow .12s,border-color .12s,color .12s;display:grid;box-shadow:0 2px #00000014}.scratchpad .pressing .keycap{border-bottom-width:1px;border-color:var(--accent);color:var(--accent);transform:translateY(3px);box-shadow:0 0 #0000}.scratchpad .cursor{z-index:12;opacity:0;width:22px;height:22px;color:var(--text);filter:drop-shadow(0 1px 2px #0006);margin:-2px 0 0 -3px;transition:left .95s cubic-bezier(.45,.05,.2,1),top .95s cubic-bezier(.45,.05,.2,1),opacity .2s;position:absolute;top:0;left:0}:root[data-theme=dark] .scratchpad .cursor{color:#fff}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .scratchpad .cursor{color:#fff}}.scratchpad .cursor svg{width:22px;height:22px}.scratchpad .drag-chip{z-index:11;opacity:0;color:var(--text);background:var(--bg);border:1px solid var(--border);box-shadow:var(--float-shadow);border-radius:9px;align-items:center;gap:6px;padding:6px 9px;font-size:11.5px;font-weight:600;transition:left .95s cubic-bezier(.45,.05,.2,1),top .95s cubic-bezier(.45,.05,.2,1),opacity .25s,transform .25s;display:inline-flex;position:absolute;top:0;left:0;transform:translate(8px,10px)scale(.9)}.scratchpad .drag-chip.show{opacity:1;transform:translate(8px,10px)scale(1)}.scratchpad .drag-chip.drop{opacity:0;transform:translate(8px,10px)scale(.6)}.scratchpad .drag-chip svg{width:13px;height:13px;color:var(--accent)}@media (max-width:900px){:is(.scratchpad,.canvas-home) .sp-grid{grid-template-columns:1fr;gap:44px}:is(.scratchpad,.canvas-home) .sp-copy{max-width:none}:is(.scratchpad,.canvas-home) .sp-copy h2{font-size:28px}:is(.scratchpad,.canvas-home) .how{margin-top:40px}:is(.scratchpad,.canvas-home) .sp-visual{height:470px}}@media (max-width:640px){:is(.scratchpad,.canvas-home) .step-title{font-size:18px;line-height:26px}}@media (max-width:520px){:is(.scratchpad,.canvas-home) .sp-visual{height:448px}.scratchpad .agentw{width:258px;left:12px}.scratchpad .pad{width:196px;right:10px}.scratchpad .cpad{width:168px;top:14px;right:10px}.scratchpad .cpad-body{height:96px}:is(.scratchpad,.canvas-home) .sp-copy h2{font-size:25px}}@media (prefers-reduced-motion:reduce){.scratchpad *,.scratchpad :before,.scratchpad :after{transition:none!important;animation:none!important}.scratchpad .task .caret,.scratchpad .cursor,.scratchpad .drag-chip{opacity:0!important}}
.canvas-home .sp-copy{grid-column:2}.canvas-home .sp-visual{grid-area:1/1}.canvas-home .cvh-more{align-self:flex-start}.canvas-home .cvh-layer{opacity:0;transition:opacity .5s;position:absolute;inset:0}.canvas-home .cvh-visual[data-phase="0"] .cvh-draw,.canvas-home .cvh-visual[data-phase="1"] .cvh-sketch,.canvas-home .cvh-visual[data-phase="2"] .cvh-share{opacity:1}.canvas-home .cvh-win{border:1px solid color-mix(in srgb, var(--text) 20%, var(--border));background:color-mix(in srgb, var(--bg) 98%, transparent);box-shadow:var(--pad-shadow);border-radius:14px;flex-direction:column;display:flex;position:absolute;inset:28px 24px;overflow:hidden}.canvas-home .cvh-bar{border-bottom:1px solid var(--border);background:color-mix(in srgb, var(--bg-tint) 94%, var(--bg));flex:none;align-items:center;gap:8px;height:34px;padding:0 12px;display:flex}.canvas-home .cvh-lights{gap:6px;display:flex}.canvas-home .cvh-lights i{background:var(--text-faint);opacity:.4;border-radius:50%;width:9px;height:9px}.canvas-home .cvh-title{color:var(--text-secondary);font-size:12px;font-weight:600}.canvas-home .cvh-more-btn{width:22px;height:22px;color:var(--text);border-radius:6px;place-items:center;margin-left:auto;display:grid}.canvas-home .cvh-more-btn svg{width:14px;height:14px}.canvas-home .cvh-body{flex:1;min-height:0;padding:30px 32px 66px;position:relative}.canvas-home .cvh-tools{border:1px solid var(--border);background:var(--bg);border-radius:10px;gap:2px;padding:3px;display:flex;position:absolute;bottom:12px;left:50%;transform:translate(-50%);box-shadow:0 2px 8px #0000001f}.canvas-home .cvh-tools span{width:26px;height:26px;color:var(--text-secondary);border-radius:7px;place-items:center;display:grid}.canvas-home .cvh-tools svg{width:14px;height:14px}.canvas-home .cvh-draw .t-select,.canvas-home .cvh-share .t-select,.canvas-home .cvh-sketch .t-pencil{background:var(--accent-bg);color:var(--accent)}.canvas-home .cvh-share .cv-sel{display:none}.canvas-home .cvh-menus{flex-direction:row-reverse;align-items:flex-start;gap:4px;display:flex;position:absolute;top:6px;right:10px}.canvas-home .cvh-menu{opacity:0;border:1px solid var(--border);background:var(--bg);min-width:120px;box-shadow:var(--float-shadow);border-radius:10px;margin:0;padding:4px;list-style:none}.canvas-home .cvh-menu li{color:var(--text);border-radius:6px;padding:4px 10px;font-size:12px;line-height:16px}.canvas-home .cvh-menu:not(.is-sub) li:last-child,.canvas-home .cvh-menu.is-sub li:first-child{background:var(--bg-tint)}.canvas-home .cvh-menu:not(.is-sub) li:last-child:after{content:"›";float:right;color:var(--text-secondary)}.canvas-home .cvh-menu.is-sub{min-width:72px;margin-top:48px}.canvas-home .cvh-chip{border:1px solid var(--border);background:var(--bg);box-shadow:var(--float-shadow);color:var(--text);white-space:nowrap;border-radius:10px;align-items:center;gap:7px;padding:7px 11px;font-size:12px;font-weight:600;display:inline-flex;position:absolute}.canvas-home .cvh-chip svg{width:14px;height:14px}.canvas-home .cvh-file{top:72px;right:40px}.canvas-home .cvh-file svg{color:var(--accent)}.canvas-home .cvh-agent{font-family:ui-monospace,SF Mono,Menlo,monospace;font-weight:500;bottom:104px;left:44px}.canvas-home .cvh-agent b{color:var(--accent);font-weight:600}.canvas-home .cvh-agent-logo{color:#d97757;place-items:center;display:grid}.canvas-home .cvh-agent-logo svg{fill:currentColor}.canvas-home [data-play="0"] .cvh-draw .cv-node{transform-box:fill-box;transform-origin:50%;animation:.5s cubic-bezier(.34,1.3,.5,1) both cvh-pop;animation-delay:calc(var(--i) * .26s + .3s)}.canvas-home [data-play="0"] .cvh-draw .cv-arrow path{stroke-dasharray:1 2;animation:.45s ease-out both cvh-line;animation-delay:calc(var(--i) * .28s + 1.9s)}.canvas-home [data-play="0"] .cvh-draw .cv-arrow polygon{animation:.2s both cvh-fade;animation-delay:calc(var(--i) * .28s + 2.3s)}.canvas-home [data-play="0"] .cvh-draw :is(.cv-frame,.cv-frame-label){animation:.4s .1s both cvh-fade}.canvas-home [data-play="0"] .cvh-draw .cv-text{animation:.3s 3.5s both cvh-fade}.canvas-home [data-play="0"] .cvh-draw .cv-sel{animation:.25s 4.3s both cvh-fade}.canvas-home [data-play="0"] .cvh-draw .t-rectangle{animation:6.4s step-end both cvh-tool-early}.canvas-home [data-play="0"] .cvh-draw .t-arrow{animation:6.4s step-end both cvh-tool-mid}.canvas-home [data-play="0"] .cvh-draw .t-select{animation:6.4s step-end both cvh-tool-late}.canvas-home [data-play="1"] .cvh-sketch .cv-stroke{stroke-dasharray:1 2;animation:.55s ease-in-out both cvh-line;animation-delay:calc(var(--i) * .33s + .3s)}.canvas-home [data-play="1"] .cvh-sketch .cv-text{animation:.3s both cvh-fade;animation-delay:calc(var(--i) * .9s + 3.3s)}.canvas-home [data-play="2"] .cvh-share .cvh-menu:not(.is-sub){animation:6.4s both cvh-menu}.canvas-home [data-play="2"] .cvh-share .cvh-menu.is-sub{animation:6.4s both cvh-submenu}.canvas-home [data-play="2"] .cvh-share .cvh-file{animation:6.4s both cvh-file}.canvas-home [data-play="2"] .cvh-share .cvh-agent{animation:6.4s both cvh-agent}@keyframes cvh-pop{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:none}}@keyframes cvh-line{0%{stroke-dashoffset:1.01px}to{stroke-dashoffset:0}}@keyframes cvh-fade{0%{opacity:0}to{opacity:1}}@keyframes cvh-tool-early{0%{background:var(--accent-bg);color:var(--accent)}28%{color:var(--text-secondary);background:0 0}}@keyframes cvh-tool-mid{0%{color:var(--text-secondary);background:0 0}28%{background:var(--accent-bg);color:var(--accent)}60%{color:var(--text-secondary);background:0 0}}@keyframes cvh-tool-late{0%{color:var(--text-secondary);background:0 0}60%{background:var(--accent-bg);color:var(--accent)}}@keyframes cvh-menu{0%,6%{opacity:0;transform:translateY(-4px)}9%,40%{opacity:1;transform:none}44%,to{opacity:0;transform:none}}@keyframes cvh-submenu{0%,17%{opacity:0;transform:translate(4px)}20%,40%{opacity:1;transform:none}44%,to{opacity:0;transform:none}}@keyframes cvh-file{0%,42%{opacity:0;transform:translateY(-10px)scale(.94)}47%,to{opacity:1;transform:none}}@keyframes cvh-agent{0%,60%{opacity:0;transform:translateY(8px)}65%,to{opacity:1;transform:none}}@media (max-width:900px){.canvas-home .sp-copy{grid-column:auto}.canvas-home .sp-visual{grid-area:auto}}@media (max-width:520px){.canvas-home .cvh-win{inset:16px 12px}.canvas-home .cvh-body{padding:24px 16px 60px}.canvas-home .cvh-file{top:58px;right:22px}.canvas-home .cvh-agent{bottom:84px;left:24px}}@media (prefers-reduced-motion:reduce){.canvas-home *,.canvas-home :before,.canvas-home :after{transition:none!important;animation:none!important}}
.mcp .mcp-grid{grid-template-columns:1fr 1.06fr;align-items:start;gap:64px;display:grid}.mcp .mcp-copy{flex-direction:column;grid-column:2;align-self:stretch;max-width:500px;display:flex}.mcp .mcp-copy .eyebrow{align-self:flex-start}.mcp .mcp-copy h2{text-wrap:balance;margin-bottom:16px}.mcp .how{margin-top:auto}.mcp .step{border-bottom:1px solid var(--border);position:relative}.mcp .step-head{width:100%;font:inherit;color:inherit;cursor:pointer;text-align:left;background:0 0;border:0;padding:24px 0;display:block}.mcp .step-copy{display:block}.mcp .step-title{color:var(--text-secondary);align-items:center;gap:8px;font-size:20px;font-weight:500;line-height:28px;transition:color .25s;display:flex}.mcp .agent-stack{align-items:center;display:inline-flex}.mcp .agent-avatar{border:1px solid color-mix(in srgb, var(--text) 18%, var(--border));background:var(--bg);width:26px;height:26px;color:var(--text);border-radius:50%;place-items:center;margin-left:-6px;display:grid;box-shadow:0 1px 3px #0000002e}.mcp .agent-avatar:first-child{margin-left:0}.mcp .agent-avatar svg{fill:currentColor;width:13px;height:13px}.mcp .agent-avatar.claude{color:#d97757}.mcp .step.open .step-title,.mcp .step:not(.open) .step-head:hover .step-title{color:var(--text)}.mcp .step-panel{opacity:0;grid-template-rows:0fr;transition:grid-template-rows .4s cubic-bezier(.4,0,.2,1),opacity .32s;display:grid}.mcp .step.open .step-panel{opacity:1;grid-template-rows:1fr}.mcp .step-panel>span{min-height:0;overflow:hidden}.mcp .step-description{color:var(--text-secondary);padding:12px 4px 0 0;font-size:13.5px;line-height:20px;display:block}.mcp .step-description code{color:var(--text)}.mcp .step-progress{border-radius:2px;height:2px;position:absolute;bottom:-1px;left:0;right:0;overflow:hidden}.mcp .step-progress span{background:var(--accent);border-radius:2px;width:0;height:100%;display:block}.mcp .mcp-visual{border:1px solid var(--border);height:492px;box-shadow:var(--float-shadow);border-radius:20px;grid-area:1/1;position:relative;overflow:hidden}.mcp .mcp-visual:before{content:"";z-index:0;filter:blur(14px);background:url(/assets/bento-bg.jpg) 70% 55%/cover no-repeat;position:absolute;inset:-24px;transform:scale(1.08)}.mcp .stage{z-index:1;position:absolute;inset:0}.mcp .layer{z-index:1;opacity:0;pointer-events:none;transition:opacity .5s;position:absolute;inset:0}.mcp .mcp-visual[data-phase="0"] .layer-hub,.mcp .mcp-visual[data-phase="1"] .layer-perm,.mcp .mcp-visual[data-phase="2"] .layer-review{opacity:1;pointer-events:auto}@media (max-width:900px){.mcp .mcp-grid{grid-template-columns:1fr;gap:44px}.mcp .mcp-copy{grid-column:auto;max-width:none}.mcp .mcp-visual{grid-area:auto}.mcp .how{margin-top:40px}.mcp .mcp-visual{height:470px}}@media (max-width:640px){.mcp .step-title{font-size:18px;line-height:26px}}@media (max-width:520px){.mcp .mcp-visual{height:452px}}@media (prefers-reduced-motion:reduce){.mcp *,.mcp :before,.mcp :after{transition:none!important;animation:none!important}.mcp .wire-pulse{display:none}}.mcp .mcp-more,.canvas-home .cvh-more{border:1px solid var(--border);height:32px;color:var(--text);border-radius:999px;align-self:flex-start;align-items:center;gap:6px;padding:0 14px;font-size:14px;font-weight:500;text-decoration:none;transition:background-color .2s,border-color .2s;display:inline-flex}.mcp .mcp-more:hover,.canvas-home .cvh-more:hover{background:var(--bg-tint);border-color:color-mix(in srgb, var(--text) 24%, var(--border))}.mcp .mcp-more span,.canvas-home .cvh-more span{color:var(--text-secondary);transition:transform .2s}.mcp .mcp-more:hover span,.canvas-home .cvh-more:hover span{transform:translate(2px)}
.mcp .win{background:color-mix(in srgb, var(--bg) 98%, transparent);border:1px solid color-mix(in srgb, var(--text) 20%, var(--border));box-shadow:var(--float-shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:14px;position:absolute;overflow:hidden}.mcp .win-bar{border-bottom:1px solid var(--border);background:color-mix(in srgb, var(--bg-tint) 94%, var(--bg));align-items:center;gap:8px;height:34px;padding:0 12px;display:flex;position:relative}.mcp .win-bar .lights{gap:6px;display:flex}.mcp .win-bar .lights i{background:var(--text-faint);opacity:.4;border-radius:50%;width:9px;height:9px}.mcp .win-title{color:var(--text-secondary);align-items:center;gap:6px;font-size:12px;font-weight:600;display:flex}.mcp .win-title svg{width:13px;height:13px;color:var(--text-faint)}.mcp .hub-wrap{place-items:center;padding:16px;display:grid;position:absolute;inset:0}.mcp svg.hub{width:100%;max-width:600px;height:100%}.mcp .hub .node rect{fill:color-mix(in srgb, var(--bg) 98%, transparent);stroke:color-mix(in srgb, var(--text) 22%, var(--border));stroke-width:1.2px}.mcp .hub .brand-logo{fill:var(--text);color:var(--text)}.mcp .hub .claude-logo{fill:#d97757;color:#d97757}.mcp .hub .hubn rect{fill:color-mix(in srgb, var(--bg) 99%, transparent);stroke:color-mix(in srgb, var(--accent) 72%, var(--text));stroke-width:1.8px}.mcp .hub .wire path{fill:none;stroke-linecap:round}.mcp .hub .wire-line{stroke:#26342b;stroke-width:2.4px;opacity:.78}.mcp .hub .wire-pulse{fill:var(--accent);stroke:#26342b;stroke-width:2px;filter:drop-shadow(0 0 4px color-mix(in srgb, var(--accent) 78%, transparent))}.mcp .hub .file-page{fill:color-mix(in srgb, var(--bg) 96%, transparent);stroke:color-mix(in srgb, var(--text) 46%, var(--border));stroke-width:1.5px;stroke-linejoin:round}.mcp .hub .file-fold{fill:none;stroke:color-mix(in srgb, var(--text) 46%, var(--border));stroke-width:1.5px;stroke-linejoin:round}.mcp .hub .file-icon text{fill:var(--text);letter-spacing:-.02em;text-anchor:middle;font-family:ui-monospace,Menlo,monospace;font-size:10.5px;font-weight:700}.mcp .hub .halo{fill:none;stroke:var(--accent);stroke-width:1.5px;opacity:.5;transform-box:fill-box;transform-origin:50%;animation:2.4s ease-out infinite mcp-halo}@keyframes mcp-halo{0%{opacity:.5;transform:scale(1)}to{opacity:0;transform:scale(1.14)}}.mcp .ap{width:300px;top:50%;left:22px;transform:translateY(-50%)}.mcp .ap-body{min-height:250px;padding:15px 14px 16px}.mcp .master{align-items:center;gap:10px;padding:6px 2px 13px;display:flex}.mcp .mlabel{flex-direction:column;flex:1;gap:1px;display:flex}.mcp .master .ml{color:var(--text);font-size:12.5px;font-weight:600;line-height:16px}.mcp .master .ms{color:var(--text-faint);font-size:10.5px;line-height:14px}.mcp .sw{background:var(--accent);border-radius:999px;flex:none;width:34px;height:20px;position:relative}.mcp .sw:after{content:"";background:var(--bg);border-radius:50%;width:16px;height:16px;position:absolute;top:2px;left:16px}.mcp .radio-list{border:1px solid var(--border);border-radius:8px;overflow:hidden}.mcp .radio-row{align-items:flex-start;gap:9px;padding:12px;transition:background-color .35s;display:flex}.mcp .radio-row+.radio-row{border-top:1px solid var(--border)}.mcp .radio-dot{border:1.5px solid var(--text-secondary);border-radius:50%;flex:none;width:14px;height:14px;margin-top:2px;transition:border-color .35s,background .35s}.mcp .radio-row.selected .radio-dot{border-color:var(--accent);background:radial-gradient(circle, var(--bg) 0 3px, var(--accent) 3.5px)}.mcp .radio-copy{flex-direction:column;gap:2px;min-width:0;display:flex}.mcp .radio-copy strong{color:var(--text);font-size:12px;font-weight:500;line-height:16px}.mcp .radio-copy small{color:var(--text-secondary);font-size:10.5px;line-height:15px}.mcp .sees{width:170px;top:50%;right:16px;transform:translateY(-50%)}.mcp .sees-h{letter-spacing:.06em;text-transform:uppercase;color:var(--text-faint);padding:12px 14px 8px;font-size:10px;font-weight:700}.mcp .sees-l{flex-direction:column;gap:2px;padding:0 10px 12px;list-style:none;display:flex}.mcp .sees-l li{color:var(--text);border-radius:7px;align-items:center;gap:8px;padding:6px 8px;font-size:11.5px;transition:color .35s,background-color .35s;display:flex}.mcp .sees-l li .fn{flex:1;font-family:ui-monospace,Menlo,monospace}.mcp .sees-l li .fx{color:var(--accent);font-size:9.5px;font-weight:600;transition:color .35s}.mcp .sees-l li.no{color:var(--text-faint);background:color-mix(in srgb, var(--bg-tint) 60%, transparent)}.mcp .sees-l li.no .fn{text-decoration:line-through}.mcp .sees-l li.no .fx{color:var(--text-faint)}.mcp .termw{width:322px;top:50%;left:22px;transform:translateY(-50%)}.mcp .term-body{min-height:300px;padding:15px 14px 17px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:11px;line-height:16px}.mcp .terminal-command{color:var(--text);gap:7px;display:flex}.mcp .terminal-command span{color:var(--accent);font-weight:700}.mcp .terminal-request{color:var(--text-secondary);margin:7px 0 15px 18px}.mcp .calls{flex-direction:column;gap:10px;display:flex}.mcp .call{opacity:.18;grid-template-columns:11px minmax(0,1fr);column-gap:7px;transition:opacity .4s,transform .4s;display:grid;transform:translateY(3px)}.mcp .call.shown{opacity:1;transform:none}.mcp .call-mark{color:var(--text-faint);grid-row:1/span 2;font-size:8px;line-height:16px}.mcp .call-mark:before{content:"●"}.mcp .call .tool{color:var(--text);font-weight:600}.mcp .call.write .tool{color:var(--accent)}.mcp .call .res{color:var(--text-faint);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.mcp .call.active .call-mark{color:var(--accent)}.mcp .call.active .res:after{content:"▍";color:var(--accent);animation:1s step-end infinite mcp-blink}@keyframes mcp-blink{50%{opacity:0}}.mcp .scratchw{opacity:0;width:212px;transition:opacity .45s,transform .45s,box-shadow .45s,border-color .45s;top:53%;right:18px;transform:translateY(-40%)translate(18px)scale(.94)}.mcp .scratch-body{min-height:190px;padding:14px 14px 16px}.mcp .scratch-h1{color:var(--text);font-size:15px;font-weight:650;line-height:20px}.mcp .scratch-file{color:var(--text-faint);margin-top:2px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:9.5px}.mcp .scratch-items{flex-direction:column;gap:9px;margin:15px 0 0;padding:0;list-style:none;display:flex}.mcp .scratch-items li{color:var(--text-secondary);align-items:flex-start;gap:8px;font-size:11.5px;line-height:16px;display:flex}.mcp .scratch-items li>span{border:1.5px solid var(--text-faint);border-radius:4px;flex:none;width:12px;height:12px;margin-top:2px}.mcp .layer-review.reviewing .scratchw{opacity:1;border-color:color-mix(in srgb, var(--accent) 60%, transparent);box-shadow:var(--float-shadow), 0 0 0 3px var(--accent-bg);transform:translateY(-46%)translate(0)scale(1)}@media (max-width:1120px){.mcp .sees{display:none}.mcp .ap{left:50%;right:auto;transform:translate(-50%,-50%)}}@media (max-width:520px){.mcp .ap,.mcp .termw{width:88%;max-width:322px}.mcp .termw{left:10px}.mcp .scratchw{width:184px;right:8px}}
.more-head{margin-bottom:40px}.more-head h2{text-wrap:balance;max-width:540px;margin-bottom:0}.more-grid{background:var(--border);grid-template-columns:repeat(3,1fr);gap:1px;display:grid}.more-cell{background:var(--bg);flex-direction:column;gap:10px;padding:32px 28px;display:flex}.more-ico{width:32px;height:32px;color:var(--text-secondary);margin-bottom:8px}.more-cell h3{font-size:18px;line-height:24px}.more-cell p{color:var(--text-secondary);font-size:14px;line-height:21px}.more-chip{background:var(--bg-tint);border:1px solid var(--border);letter-spacing:.01em;color:var(--text-secondary);vertical-align:middle;white-space:nowrap;border-radius:6px;margin-left:10px;padding:2px 8px;font-size:11px;font-weight:600;line-height:16px;display:inline-block}@media (max-width:980px){.more-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.more-grid{grid-template-columns:1fr}}
.faq h2{margin-bottom:48px}.faq details{border-bottom:1px solid var(--border)}.faq details:last-of-type{border-bottom:none}.faq summary{cursor:pointer;justify-content:space-between;align-items:center;padding:24px 0;font-size:24px;font-weight:500;line-height:32px;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";color:var(--text-faint);font-weight:400}.faq details[open] summary:after{content:"–"}.faq summary:hover{color:var(--accent)}.faq details p{color:var(--text-secondary);padding-bottom:24px}.faq details p a{color:var(--accent)}.faq details p a:hover{color:var(--text)}.faq details p,.changelog-header p,.release li,.help-header p,.help-topic p,.help-topic li{max-width:68ch}
.testimonials{width:100vw;margin-left:-50vw;position:relative;left:50%}.testimonials h2{width:min(1104px,100% - 48px);margin:0 auto 48px}.testimonial-rows{gap:16px;display:grid;overflow:hidden}.testimonial-loop-row{scrollbar-width:none;-ms-overflow-style:none;overscroll-behavior-inline:contain;overflow-x:hidden}.testimonial-loop-row::-webkit-scrollbar{display:none}.testimonial-loop-row:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:8px}.testimonial-loop-track{will-change:transform;width:max-content;display:flex}.testimonial-loop-segment{flex:none;gap:16px;width:max-content;max-width:none;padding-right:16px;display:flex}.testimonial-loop-segment[aria-hidden=true]{pointer-events:none}.testimonial-card{background:var(--bg-tint);border:1px solid var(--border);border-radius:16px;flex-direction:column;flex:0 0 300px;justify-content:space-between;height:208px;padding:24px;transition:box-shadow .18s;display:flex;position:relative;overflow:hidden}.testimonial-card.is-compact{flex-basis:244px}.testimonial-card.is-wide{flex-basis:372px}.testimonial-card:hover{box-shadow:var(--float-shadow)}.testimonial-card:before{content:"“";color:color-mix(in srgb, var(--text) 6.5%, transparent);pointer-events:none;font-family:Instrument Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;font-size:104px;font-weight:500;line-height:104px;position:absolute;top:0;left:16px}.testimonial-card blockquote{z-index:1;padding-top:24px;position:relative}.testimonial-card p{letter-spacing:-.005em;-webkit-line-clamp:5;-webkit-box-orient:vertical;font-size:15px;line-height:24px;display:-webkit-box;overflow:hidden}.testimonial-card cite{z-index:1;color:var(--text-secondary);margin-top:16px;font-size:12px;font-style:normal;line-height:16px;display:block;position:relative}
.changelog-header,.help-header{border-bottom:none;padding:64px 0 0}.changelog-header h1,.help-header h1{letter-spacing:-.02em;margin-bottom:8px;font-family:Instrument Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;font-size:32px;font-weight:700;line-height:40px}.changelog-header p,.help-header p{color:var(--text-secondary)}.help-topic{padding:48px 0}.help-topic h2{margin-bottom:12px;font-size:24px;line-height:32px}.help-topic>p{color:var(--text-secondary);margin-bottom:16px}.help-topic ol{margin-bottom:16px;padding-left:20px}.help-topic li{color:var(--text-secondary);margin-bottom:8px;padding-left:4px}.help-topic li::marker{color:var(--text-faint)}.help-topic a{color:var(--accent)}.help-topic a:hover{color:var(--text)}
.checkout-return-page{background:var(--bg);min-height:100vh}.checkout-return{place-items:center;width:100%;max-width:none;min-height:100svh;margin:0;padding:96px 24px;display:grid}.checkout-return-eyebrow{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;margin-bottom:12px;font-size:12px;font-weight:600}.checkout-return-content{text-align:center;width:min(760px,100%)}.checkout-return-content h1{text-wrap:balance;max-width:420px;margin:0 auto 12px;font-family:Instrument Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;font-size:32px;line-height:40px}.checkout-return-content>p:not(.checkout-return-eyebrow),.checkout-return-handoff>.checkout-return-fallback{max-width:420px;color:var(--text-secondary);text-wrap:balance;margin-inline:auto}.checkout-return-message{font-size:18px;line-height:27px}.checkout-return-page[data-activation-stage] .checkout-return-message{text-wrap:wrap;max-width:320px}.checkout-return-handoff{display:none}.checkout-return-page[data-activation-stage] .checkout-return-handoff{margin-top:28px;display:flow-root;position:relative}.checkout-return-action{place-items:center;display:grid}.checkout-return-countdown{color:var(--text-secondary);font-variant-numeric:tabular-nums;margin:0;font-size:14px;position:absolute;inset:0}.checkout-return-identity{color:var(--text);flex-direction:column;gap:2px;margin-top:16px;font-size:15px;line-height:22px;display:flex}.checkout-return-identity strong{font-weight:600}.checkout-return-identity span{color:var(--text-secondary)}.checkout-return-identity+.checkout-return-message{margin-top:20px}.checkout-return-countdown:not([hidden]){place-items:center;display:grid}.checkout-return-page[data-activation-stage=countdown] .checkout-return-button[hidden],.checkout-return-page[data-activation-stage=countdown] .checkout-return-fallback[hidden]{visibility:hidden;display:block}.checkout-return-page[data-activation-stage=ready] .checkout-return-button,.checkout-return-page[data-activation-stage=ready] .checkout-return-fallback{animation:.2s ease-out checkout-return-reveal}@keyframes checkout-return-reveal{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.checkout-return-page[data-activation-stage=ready] .checkout-return-button,.checkout-return-page[data-activation-stage=ready] .checkout-return-fallback{animation:none}}.checkout-return-button{border:1px solid var(--text);background:var(--text);color:var(--bg);font:inherit;cursor:pointer;border-radius:999px;margin:0;padding:10px 20px;font-size:14px;font-weight:600;transition:opacity .2s}.checkout-return-button:hover{opacity:.85}.auth-account-choice{justify-items:center;gap:16px;margin-top:28px;display:grid}.auth-account-alternative{color:var(--accent);font:inherit;cursor:pointer;background:0 0;border:0;font-size:14px}.auth-account-alternative:hover{text-decoration:underline}.auth-account-alternative:focus-visible,.checkout-return-button:focus-visible,.checkout-return-support a:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.checkout-return-fallback,.checkout-return-support,.checkout-return-noscript{margin-top:24px;font-size:14px;line-height:22px}.checkout-return-support a{color:var(--accent);font-weight:600}.checkout-return-noscript{color:var(--text-secondary)}
.checkout-return-page[data-activation-stage=activation] .checkout-return-content{width:min(1040px,100%)}.checkout-return-page[data-activation-stage=activation] .checkout-return-content h1{max-width:620px;font-size:clamp(40px,5vw,56px);line-height:1.05}.checkout-return-page[data-activation-stage=activation] .checkout-return-message{text-wrap:balance;max-width:480px}.checkout-return-steps{text-align:left;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:40px 0 0;padding:0;list-style:none;display:grid}.checkout-return-steps>li{border:1px solid var(--border);background:var(--bg-tint);border-radius:16px;flex-direction:column;min-height:320px;padding:24px;display:flex}.checkout-return-steps>li.is-action{isolation:isolate;color:var(--on-backdrop);background:#141a16;border-color:#ffffff26;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff26}.checkout-return-steps>li.is-action>.pricing-aurora{opacity:.9}.checkout-return-steps>li.is-action p{color:#b9c6bd}.checkout-return-steps>li.is-action .checkout-return-step-number{color:#b9c6bd;background:#141a16;border-color:#ffffff26}.checkout-return-step-number{border:1px solid var(--border);width:32px;height:32px;color:var(--text-secondary);background:var(--bg);border-radius:999px;place-items:center;margin-bottom:36px;font-size:13px;font-weight:600;display:grid}.checkout-return-steps h2{margin:0 0 8px;font-family:Instrument Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;font-size:20px;line-height:26px}.checkout-return-steps p{color:var(--text-secondary);margin:0;font-size:14px;line-height:22px}.checkout-return-download,.checkout-return-steps .checkout-return-button{width:100%;min-height:44px;font:inherit;text-align:center;cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:9px;margin:auto 0 0;padding:10px 20px;font-size:14px;font-weight:600;transition:opacity .2s;display:flex}.checkout-return-download{border:1px solid var(--border);color:var(--text);background:0 0;margin-top:0;text-decoration:none;transition:background-color .2s,border-color .2s}.checkout-return-download-apple{fill:currentColor;flex:none;width:17px;height:17px}.checkout-return-steps .checkout-return-installed{color:var(--text-secondary);text-align:left;margin:auto 0 12px;font-size:12px;line-height:18px}.checkout-return-download:hover{border-color:color-mix(in srgb, var(--text-secondary) 55%, var(--border));background:var(--bg-hover)}.checkout-return-steps .checkout-return-button:hover{opacity:.85}.checkout-return-download:focus-visible{outline:2px solid var(--accent);outline-offset:4px}@media (max-width:760px){.checkout-return-page[data-activation-stage=activation] .checkout-return{padding:64px 20px}.checkout-return-steps{grid-template-columns:1fr;margin-top:32px}.checkout-return-steps>li{min-height:264px}}
.nf-page{background:var(--bg);width:100%;max-width:none;min-height:100svh;color:var(--text);margin:0;padding:0;position:relative}.nf-navigation{z-index:1;justify-content:space-between;align-items:center;gap:24px;padding:12px 28px;font-size:12px;display:flex;position:absolute;inset:0 0 auto}.nf-brand,.nf-home{min-height:44px;color:var(--text-secondary);align-items:center;gap:9px;text-decoration:none;display:inline-flex}.nf-brand{color:var(--text);font-size:13px;font-weight:600}.nf-brand img{border-radius:5px}.nf-home:hover{color:var(--text)}.nf-navigation-actions{align-items:center;gap:20px;display:flex}.nf-reset{font:inherit;cursor:pointer;background:0 0;border:0;padding:0}.nf-navigation a:focus-visible,.nf-reset:focus-visible{outline:1px solid var(--text-secondary);outline-offset:4px}.nf-document{width:min(100%,800px);margin:0 auto;padding:148px 32px 32px}.nf-editor{resize:none;width:100%;min-height:calc(100svh - 180px);color:var(--text);caret-color:var(--text);tab-size:2;background:0 0;border:0;padding:0;font:400 16px/24px SF Mono,ui-monospace,monospace;display:block}.nf-document.nf-art-stage{justify-content:center;align-items:center;width:100%;min-height:100svh;padding:72px 16px;display:flex}.nf-editor.nf-ascii{text-align:center;letter-spacing:0;white-space:pre;flex:none;width:100%;max-width:100%;height:23.85em;min-height:0;font-size:min(2.4vw,3svh);font-weight:600;line-height:.95;overflow:hidden}.nf-editor:focus{box-shadow:none;outline:none}.nf-editor::selection{background:#7775}.nf-editor::placeholder{color:var(--text-faint)}.nf-sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (max-width:640px){.nf-navigation{padding:8px 20px}.nf-document{padding:120px 20px 24px}}.nf-ascii-wrap{width:100%;position:relative}.nf-document.nf-art-stage{flex-direction:column;gap:24px}.nf-editor.nf-ascii{scrollbar-width:none;caret-color:var(--accent);overflow:hidden}.nf-ascii::-webkit-scrollbar{display:none}.nf-art-hint{text-align:center;color:var(--text-secondary);margin:0;font:400 16px/24px -apple-system,BlinkMacSystemFont,sans-serif}.nf-art-hint a{color:var(--text);text-underline-offset:3px}.nf-hint-line{text-align:center;max-width:100%}.nf-art-hint{min-width:1ch;max-width:100%;caret-color:var(--accent);background:0 0;border:0;border-radius:0;outline:none;padding:0;display:inline-block}.nf-writing-page{width:100%;min-height:100svh;padding:144px max(24px,50% - 400px) 48px}.nf-page-title{width:100%;color:var(--text);letter-spacing:-.03em;caret-color:var(--accent);background:0 0;border:0;margin:0 0 32px;padding:0;font:700 32px/40px -apple-system,BlinkMacSystemFont,sans-serif}.nf-page-title:focus{outline:none}.nf-rich-editor{min-height:calc(100svh - 264px);color:var(--text);caret-color:var(--accent);overflow-wrap:anywhere;outline:none;font:400 16px/24px -apple-system,BlinkMacSystemFont,sans-serif}.nf-rich-editor p{margin:0 0 12px}.nf-rich-editor h1{margin:24px 0 12px;font-size:28px;line-height:36px}.nf-rich-editor h2{margin:24px 0 12px;font:600 24px/32px -apple-system,BlinkMacSystemFont,sans-serif}.nf-rich-editor h3{margin:24px 0 12px;font-size:20px;line-height:28px}.nf-rich-editor ul,.nf-rich-editor ol{margin:12px 0;padding-left:24px}.nf-rich-editor blockquote{border-left:3px solid var(--border);color:var(--text-secondary);margin:16px 0;padding-left:18px}.nf-rich-editor pre{white-space:pre-wrap;background:var(--bg-tint);border-radius:6px;padding:16px}.nf-rich-editor code{font-size:14px}.nf-rich-editor hr{border:0;border-top:1px solid var(--border);margin:24px 0}.nf-is-empty .nf-rich-editor:before{content:attr(data-placeholder);float:left;color:var(--text-faint);pointer-events:none;height:0}.nf-slash-menu{z-index:30;border:1px solid var(--border);background:var(--bg);border-radius:8px;width:260px;max-height:300px;padding:6px;position:fixed;overflow-y:auto;box-shadow:0 12px 40px #0003}.nf-command{width:100%;color:var(--text);cursor:pointer;text-align:left;background:0 0;border:0;border-radius:4px;justify-content:space-between;padding:8px 10px;font-family:-apple-system,BlinkMacSystemFont,sans-serif;font-size:13px;line-height:20px;display:flex}.nf-command-selected,.nf-command:hover{background:var(--bg-tint)}.nf-command-hint{color:var(--text-faint)}@media (max-width:640px){.nf-writing-page{padding-top:120px}}.nf-rich-editor ul[data-type=taskList]{padding-left:4px;list-style:none}.nf-rich-editor ul[data-type=taskList]>li{align-items:flex-start;gap:8px;margin:4px 0;display:flex}.nf-rich-editor ul[data-type=taskList]>li>label{flex:0 0 16px;align-items:center;height:24px;display:flex}.nf-rich-editor ul[data-type=taskList]>li>div{flex:1;min-width:0}.nf-rich-editor ul[data-type=taskList]>li>div>p{margin:0 0 4px}.nf-rich-editor ul[data-type=taskList]>li[data-checked=true]>div>p{color:var(--text-secondary);text-decoration:line-through}.nf-rich-editor ul[data-type=taskList] input{appearance:none;border:1px solid var(--text-secondary);width:16px;height:16px;color:var(--text-secondary);background:var(--bg);cursor:pointer;border-radius:4px;margin:0;box-shadow:inset 0 0 0 1px}.nf-rich-editor ul[data-type=taskList] input:checked{border-color:var(--accent);color:var(--accent);background-color:var(--accent);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m4 8 3 3 5-6' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.nf-rich-editor ul[data-type=taskList] input:focus-visible{outline:1px solid var(--accent);outline-offset:4px}.nf-rich-editor table{border-collapse:collapse;table-layout:fixed;width:100%;margin:16px 0}.nf-rich-editor td,.nf-rich-editor th{border:1px solid var(--border);vertical-align:top;text-align:left;min-width:1em;padding:8px 12px;position:relative}.nf-rich-editor th{background:var(--bg-tint);font-weight:600}.nf-rich-editor td>p,.nf-rich-editor th>p{margin-bottom:0}.nf-rich-editor .selectedCell{background:color-mix(in srgb, var(--accent) 12%, transparent)}.nf-writing-page.nf-art-document{justify-content:center;align-items:center;padding:72px 16px;display:flex}.nf-art-document .nf-editor-wrap{width:100%}.nf-art-document .nf-rich-editor{text-align:left;min-height:0}.nf-art-document .nf-rich-editor>pre,.nf-art-fallback>pre{white-space:pre;text-align:center;background:0 0;border:0;border-radius:0;margin:0 0 24px;padding:0;font:600 min(2.4vw,3svh)/.95 SF Mono,ui-monospace,monospace;overflow:visible}.nf-art-document .nf-rich-editor>pre code{font:inherit;color:inherit;background:0 0;padding:0}.nf-rich-editor .nf-ascii-green{color:var(--accent)}.nf-rich-editor .nf-ascii-amber{color:#f0c36a}.nf-rich-editor.nf-custom-caret{caret-color:#0000}.nf-rich-editor.nf-composing{caret-color:var(--accent)}.nf-thick-caret{background:var(--accent);pointer-events:none;z-index:2;width:2px;animation:1s step-end infinite nf-caret-blink;position:fixed}.nf-thick-caret[hidden]{display:none}@keyframes nf-caret-blink{50%{opacity:0}}@media (prefers-reduced-motion:reduce){.nf-thick-caret{animation:none}}.nf-art-document .nf-rich-editor>p,.nf-art-fallback>p{text-align:center;color:var(--text-secondary);margin:0;font:400 16px/24px -apple-system,BlinkMacSystemFont,sans-serif}.nf-rich-editor a,.nf-rich-editor a:visited{color:var(--text);text-underline-offset:3px;cursor:pointer}.nf-rich-editor a[href=\/],.nf-rich-editor a[href=\/]:visited,.nf-art-fallback a[href=\/]{color:var(--accent)}.nf-art-fallback{flex-direction:column;justify-content:center;align-items:center;min-height:100svh;padding:72px 16px;display:flex}
.release{grid-template-columns:160px 1fr;gap:32px;padding:48px 0;display:grid}.release:last-of-type{padding-bottom:112px}.release-rail{flex-direction:column;align-items:flex-start;gap:8px;display:flex}.release-rail h2{color:var(--text-secondary);margin-bottom:0;font-size:16px;font-weight:500;line-height:24px}.badge{color:var(--accent);background:var(--accent-bg);border-radius:8px;padding:0 8px;font-size:12px;font-weight:500;line-height:16px}.release-date{color:var(--text-faint);font-size:12px;line-height:16px}.release h3{color:var(--text);margin-bottom:16px;font-family:Instrument Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;font-size:16px;font-weight:600;line-height:24px}.release ul{list-style:none}.release li{color:var(--text-secondary);margin-bottom:8px;padding-left:20px;position:relative}.release li:before{content:"";background:var(--text-faint);border-radius:50%;width:4px;height:4px;position:absolute;top:10px;left:4px}
.feature-page .fp-hero{text-align:center;padding:96px 0 32px}.feature-page .fp-hero-mark{align-items:center;gap:12px;margin-bottom:32px;display:inline-flex}.feature-page .fp-hero-mark img{width:48px;height:48px;box-shadow:var(--float-shadow);border-radius:11px}.feature-page .fp-avatars{display:inline-flex}.feature-page .fp-avatar{border:1px solid color-mix(in srgb, var(--text) 18%, var(--border));background:var(--bg);width:36px;height:36px;color:var(--text);border-radius:50%;place-items:center;margin-left:-8px;display:grid;box-shadow:0 1px 3px #0000002e}.feature-page .fp-avatar:first-child{margin-left:0}.feature-page .fp-avatar svg{fill:currentColor;width:17px;height:17px}.feature-page .claude{color:#d97757}.feature-page .fp-hero h1{letter-spacing:-.02em;text-wrap:balance;max-width:720px;margin:0 auto 16px;font-family:Instrument Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;font-size:48px;font-weight:600;line-height:56px}.feature-page .fp-lede{max-width:600px;color:var(--text-secondary);text-wrap:pretty;margin:0 auto;font-size:18px;line-height:28px}.feature-page .fp-hero-cta{border:1px solid var(--border);height:44px;color:var(--text);border-radius:999px;align-items:center;gap:8px;margin-top:32px;padding:0 20px;font-weight:500;text-decoration:none;transition:background-color .2s,border-color .2s;display:inline-flex}.feature-page .fp-hero-cta:hover{background:var(--bg-tint);border-color:color-mix(in srgb, var(--text) 24%, var(--border))}.feature-page .fp-hero-cta span{color:var(--text-secondary)}.feature-page .fp-try-label{color:var(--text-faint);letter-spacing:.06em;text-transform:uppercase;margin:20px 0 8px;font-size:12px;font-weight:600;line-height:16px}.feature-page .fp-prompts{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.feature-page .fp-prompts li{border:1px solid var(--border);background:color-mix(in srgb, var(--bg-tint) 55%, var(--bg));color:var(--text);border-radius:12px;padding:10px 14px;font-size:14px;line-height:20px}.feature-page .fp-prompts.is-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:16px;display:grid}.feature-page .fp-use-link{border:1px solid var(--border);height:32px;color:var(--text);border-radius:999px;align-items:center;gap:6px;margin-top:20px;padding:0 14px;font-size:14px;font-weight:500;text-decoration:none;transition:background-color .2s,border-color .2s;display:inline-flex}.feature-page .fp-use-link:hover{background:var(--bg-tint);border-color:color-mix(in srgb, var(--text) 24%, var(--border))}.feature-page .fp-use-link span{color:var(--text-secondary);transition:transform .2s}.feature-page .fp-use-link:hover span{transform:translate(2px)}.feature-page .fp-close-card{border:1px solid var(--border);background:var(--accent-tint);border-radius:24px;padding:56px}.feature-page .fp-close-card h2{text-wrap:balance;max-width:560px;margin-bottom:32px}.feature-page .fp-close-points{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 40px;margin:0;padding:0;list-style:none;display:grid}.feature-page .fp-close-points li{color:var(--text-secondary);gap:12px;display:flex}.feature-page .fp-close-points svg{fill:none;width:18px;height:18px;stroke:var(--accent);stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;flex:none;margin-top:3px}.feature-page .fp-close-link{color:var(--text);gap:6px;margin-top:32px;font-weight:500;text-decoration:none;display:inline-flex}.feature-page .fp-close-link:hover{color:var(--accent)}@media (max-width:640px){.feature-page .fp-hero{padding-top:64px}.feature-page .fp-hero h1{font-size:36px;line-height:44px}.feature-page .fp-lede{font-size:16px;line-height:25px}.feature-page .fp-prompts.is-grid{grid-template-columns:1fr}.feature-page .fp-close-card{padding:32px 24px}.feature-page .fp-close-points{grid-template-columns:1fr}}
.feature-page .fp-uses{padding-top:64px}.feature-page .fp-uses>h2{text-align:center;text-wrap:balance}.feature-page .fp-use-list{flex-direction:column;gap:96px;display:flex}.feature-page .fp-use{grid-template-columns:1fr 1.06fr;align-items:center;gap:64px;scroll-margin-top:96px;display:grid}.feature-page .fp-use.is-flipped{grid-template-columns:1.06fr 1fr}.feature-page .fp-use.is-flipped .fp-use-copy{order:2}.feature-page .fp-use-copy{max-width:480px}.feature-page .fp-use.is-flipped .fp-use-copy{justify-self:end}.feature-page .fp-use-index{color:color-mix(in srgb, var(--text) 12%, transparent);letter-spacing:-.02em;margin-bottom:20px;font-family:Instrument Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;font-size:60px;font-weight:600;line-height:46px;display:block}.feature-page .fp-use h3{text-wrap:balance;margin-bottom:12px;font-family:Instrument Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;font-size:28px;font-weight:600;line-height:36px}.feature-page .fp-use-copy>p:not(.fp-try-label){color:var(--text-secondary);font-size:16px;line-height:25px}@media (max-width:900px){.feature-page .fp-use-list{gap:72px}.feature-page .fp-use,.feature-page .fp-use.is-flipped{grid-template-columns:1fr;gap:32px}.feature-page .fp-use.is-flipped .fp-use-copy{order:0;justify-self:start}.feature-page .fp-use-copy{max-width:560px}}@media (max-width:640px){.feature-page .fp-use h3{font-size:24px;line-height:32px}}
.feature-page .fp-mock{border:1px solid var(--border);height:460px;box-shadow:var(--float-shadow);isolation:isolate;border-radius:20px;position:relative;overflow:hidden}.feature-page .fp-mock:before{content:"";z-index:-1;filter:blur(14px);background:url(/assets/bento-bg.jpg) 70% 55%/cover no-repeat;position:absolute;inset:-24px;transform:scale(1.08)}.feature-page .fp-use:nth-child(2) .fp-mock:before{background-position:20% 30%}.feature-page .fp-use:nth-child(3) .fp-mock:before{background-position:45% 80%}.feature-page .fp-use:nth-child(4) .fp-mock:before{background-position:90% 20%}.feature-page .fp-use:nth-child(5) .fp-mock:before{background-position:10% 75%}.feature-page .fp-use:nth-child(6) .fp-mock:before{background-position:60% 5%}.feature-page .fp-win{border:1px solid color-mix(in srgb, var(--text) 20%, var(--border));background:color-mix(in srgb, var(--bg) 98%, transparent);box-shadow:var(--float-shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:14px;position:absolute;overflow:hidden}.feature-page .fp-win-bar{border-bottom:1px solid var(--border);background:color-mix(in srgb, var(--bg-tint) 94%, var(--bg));align-items:center;gap:8px;height:34px;padding:0 12px;display:flex}.feature-page .fp-win-title{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:600;overflow:hidden}.feature-page .fp-win-more{background:var(--bg-tint);width:22px;height:22px;color:var(--text);border-radius:6px;place-items:center;margin-left:auto;display:grid}.feature-page .fp-win-more svg{width:14px;height:14px}.feature-page .fp-lights{gap:6px;display:flex}.feature-page .fp-lights i{background:var(--text-faint);opacity:.4;border-radius:50%;width:9px;height:9px}.feature-page .fp-term-logo{width:16px;height:16px;color:var(--text);place-items:center;display:grid}.feature-page .fp-term-logo svg{fill:currentColor;width:14px;height:14px}.feature-page .fp-term{width:64%;top:28px;left:24px}.feature-page .fp-term-body{padding:14px 14px 16px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:11px;line-height:16px}.feature-page .fp-term-request{color:var(--text);gap:7px;display:flex}.feature-page .fp-term-request span{color:var(--accent);font-weight:700}.feature-page .fp-calls{flex-direction:column;gap:5px;margin:12px 0 0 18px;display:flex}.feature-page .fp-call{align-items:baseline;gap:8px;min-width:0;display:flex}.feature-page .fp-call-tool{color:var(--accent);flex:none;font-weight:600}.feature-page .fp-call-tool:before{content:"● ";vertical-align:1px;font-size:8px}.feature-page .fp-call-res{min-width:0;color:var(--text-faint);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.feature-page .fp-term-reply{color:var(--text-secondary);margin:12px 0 0 18px;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:12px;line-height:18px}.feature-page .fp-le{border-color:color-mix(in srgb, var(--accent) 55%, var(--border));width:50%;box-shadow:var(--float-shadow), 0 0 0 3px var(--accent-bg);bottom:28px;right:24px}.feature-page .fp-le.is-solo{flex-direction:column;width:auto;display:flex;top:28px;left:24px}.feature-page .fp-le.is-solo>:last-child{flex:1;min-height:0}.feature-page .fp-le-body{padding:14px 14px 16px}.feature-page .fp-le-h1{color:var(--text);margin-bottom:12px;font-size:15px;font-weight:650;line-height:20px}.feature-page .fp-le-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.feature-page .fp-le-list li{color:var(--text-secondary);align-items:flex-start;gap:8px;font-size:12px;line-height:17px;display:flex}.feature-page .fp-le-marker{flex:none}.feature-page .fp-le-item{flex-direction:column;gap:4px;display:flex}.feature-page .fp-le-item em{border-left:2px solid var(--accent);background:var(--accent-bg);color:var(--text);border-radius:0 6px 6px 0;padding:4px 8px;font-size:11px;font-style:normal;line-height:15px}.feature-page .is-files .fp-le-list{gap:2px}.feature-page .is-files .fp-le-list li{border-radius:7px;padding:5px 8px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:11px}.feature-page .is-files .fp-le-marker{border:1.3px solid var(--text-faint);border-radius:2px;width:10px;height:12px;margin-top:2px}.feature-page .is-files li.is-active{background:var(--accent-bg);color:var(--text)}.feature-page .is-files li.is-active .fp-le-marker{border-color:var(--accent)}.feature-page .is-doc .fp-le-marker,.feature-page .is-summary .fp-le-marker{background:var(--text-faint);border-radius:50%;width:5px;height:5px;margin-top:6px}.feature-page .is-summary .fp-le-marker{background:var(--accent)}.feature-page .is-checklist .fp-le-marker{border:1.5px solid var(--text-faint);border-radius:4px;width:13px;height:13px;margin-top:2px}.feature-page .is-checklist li.is-done{color:var(--text-faint)}.feature-page .is-checklist li.is-done .fp-le-item{text-decoration:line-through}.feature-page .is-checklist li.is-done .fp-le-marker{border-color:var(--accent);background:var(--accent) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center / 9px no-repeat}.feature-page .is-checklist li.is-open{color:var(--text)}.feature-page .fp-le.is-canvas:not(.is-solo){width:56%}.feature-page .fp-canvas{height:176px;padding:12px 14px 46px;position:relative}.feature-page .is-solo .fp-canvas{padding:32px 32px 64px}.feature-page .has-menu .fp-canvas{padding-top:124px}.feature-page .fp-canvas-tools{border:1px solid var(--border);background:var(--bg);border-radius:10px;gap:2px;padding:3px;display:flex;position:absolute;bottom:10px;left:50%;transform:translate(-50%);box-shadow:0 2px 8px #0000001f}.feature-page .fp-canvas-tools span{width:24px;height:24px;color:var(--text-secondary);border-radius:7px;place-items:center;display:grid}.feature-page .fp-canvas-tools span.is-active{background:var(--accent-bg);color:var(--accent)}.feature-page .fp-canvas-tools svg{width:13px;height:13px}.feature-page .fp-le.is-solo.is-compact{inset:44px 16% 96px}.feature-page .is-compact .fp-win-bar{justify-content:center;position:relative}.feature-page .is-compact .fp-lights{position:absolute;left:12px}.feature-page .is-solo.is-compact .fp-canvas{padding:18px 20px 54px}.feature-page .fp-keys{gap:7px;display:flex;position:absolute;bottom:34px;left:50%;transform:translate(-50%)}.feature-page .fp-keys span{border:1px solid var(--border);background:color-mix(in srgb, var(--bg) 92%, transparent);min-width:30px;height:32px;color:var(--text);border-bottom-width:2px;border-radius:8px;place-items:center;padding:0 8px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:14px;font-weight:600;display:grid;box-shadow:0 2px #00000014}.feature-page .fp-menu-wrap{flex-direction:row-reverse;align-items:flex-start;gap:4px;display:flex;position:absolute;top:6px;right:10px}.feature-page .fp-menu{border:1px solid var(--border);background:var(--bg);min-width:120px;box-shadow:var(--float-shadow);border-radius:10px;margin:0;padding:4px;list-style:none}.feature-page .fp-menu li{color:var(--text);border-radius:6px;padding:4px 10px;font-size:12px;line-height:16px}.feature-page .fp-menu li.is-active{background:var(--bg-tint)}.feature-page .fp-menu:not(.is-sub) li.is-active:after{content:"›";float:right;color:var(--text-secondary)}.feature-page .fp-menu.is-sub{min-width:72px;margin-top:48px}.feature-page .fp-page-p{color:var(--text-secondary);margin-bottom:10px;font-size:12px;line-height:18px}.feature-page .is-page.is-solo .fp-le-body{flex-direction:column;display:flex}.feature-page .is-page.is-solo .fp-embed{flex:1}.feature-page .fp-embed{border:1px solid var(--border);background:color-mix(in srgb, var(--bg-tint) 45%, var(--bg));border-radius:10px;min-height:168px;margin-bottom:12px;padding:12px}.feature-page .fp-wikilink{color:var(--accent);text-underline-offset:2px;text-decoration:underline;text-decoration-thickness:1px}@media (max-width:520px){.feature-page .fp-mock{height:480px}.feature-page .fp-term{width:calc(100% - 24px);top:16px;left:12px}.feature-page .fp-le,.feature-page .fp-le.is-canvas:not(.is-solo){width:78%;bottom:16px;right:12px}.feature-page .fp-le.is-solo{width:auto;top:16px;left:12px}.feature-page .fp-le.is-solo.is-compact{inset:32px 8% 92px}.feature-page .is-solo .fp-canvas{padding:20px 16px 56px}}
@font-face{font-family:Shantell Sans;src:url(/assets/fonts/ShantellSans-Regular.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}.cv-sketch{width:100%;height:100%;display:block;overflow:visible}.cv-shape{fill:none;stroke:var(--text);stroke-width:1.3px;stroke-linejoin:round}.cv-label,.cv-text,.cv-frame-label{fill:var(--text);font-family:Shantell Sans,Comic Sans MS,cursive}.cv-label{text-anchor:middle;dominant-baseline:central;font-size:10.5px}.cv-text{font-size:11px}.cv-arrow path{fill:none;stroke:var(--text);stroke-width:1.3px;stroke-linecap:round}.cv-arrow polygon{fill:var(--text);stroke:var(--text);stroke-width:1px;stroke-linejoin:round}.cv-stroke{fill:none;stroke:var(--text);stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round}.cv-frame{fill:none;stroke:var(--text-secondary);stroke-width:1px}.cv-frame-label{fill:var(--text-secondary);font-size:9px}.cv-sel rect{fill:none;stroke:var(--accent);stroke-width:1.1px}.cv-sel .cv-handle{fill:var(--bg)}
.agents-page .agents-hero-wire{background:repeating-linear-gradient(90deg, var(--text-faint) 0 4px, transparent 4px 8px);opacity:.8;width:56px;height:2px;position:relative}.agents-page .agents-hero-wire i{background:var(--accent);width:8px;height:8px;box-shadow:0 0 8px color-mix(in srgb, var(--accent) 70%, transparent);border-radius:50%;animation:2.4s ease-in-out infinite agents-pulse;position:absolute;top:-3px;left:0}@keyframes agents-pulse{0%{opacity:0;left:0}15%,85%{opacity:1}to{opacity:0;left:calc(100% - 8px)}}.agents-page .agents-setup{scroll-margin-top:64px}.agents-page .agents-setup>h2{text-align:center;text-wrap:balance}.agents-page .agents-steps{max-width:760px;margin:0 auto;padding:0;list-style:none}.agents-page .agents-step{border-top:1px solid var(--border);grid-template-columns:56px minmax(0,1fr);gap:16px;padding:32px 0;display:grid}.agents-page .agents-step:first-child{border-top:0;padding-top:0}.agents-page .agents-step-index{color:var(--text-faint);font-family:Instrument Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-size:28px;font-weight:600;line-height:32px}.agents-page .agents-step h3{margin-bottom:8px;font-size:20px;font-weight:600;line-height:28px}.agents-page .agents-step-copy>p{color:var(--text-secondary)}.agents-page .agents-step-copy>p strong{color:var(--text);font-weight:600}.agents-page .agents-step-copy a,.agents-page .agents-tab-panel a{color:var(--accent)}.agents-page .agents-tabs{margin-top:20px}.agents-page .agents-tab-list{border:1px solid var(--border);background:var(--bg-tint);border-radius:999px;flex-wrap:wrap;gap:4px;padding:4px;display:inline-flex}.agents-page .agents-tab-list button{height:32px;color:var(--text-secondary);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;align-items:center;gap:8px;padding:0 14px;font-size:14px;font-weight:500;transition:background-color .2s,color .2s;display:inline-flex}.agents-page .agents-tab-list button:hover{color:var(--text)}.agents-page .agents-tab-list button[aria-selected=true]{background:var(--bg);color:var(--text);box-shadow:0 1px 3px #0000001f}.agents-page .agents-tab-logo{fill:currentColor;width:14px;height:14px}.agents-page .agents-tab-panel{margin-top:16px}.agents-page .agents-tab-panel>p{color:var(--text-secondary);font-size:14px;line-height:21px}.agents-page .agents-tab-note{margin-top:12px;color:var(--text-faint)!important}.agents-page .agents-code{border:1px solid var(--border);background:color-mix(in srgb, var(--bg-tint) 60%, var(--bg));border-radius:12px;margin-top:12px;overflow:hidden}.agents-page .agents-code-head{border-bottom:1px solid var(--border);color:var(--text-secondary);justify-content:space-between;align-items:center;gap:12px;padding:8px 8px 8px 14px;font-size:12px;font-weight:500;display:flex}.agents-page .agents-code-head button{border:1px solid var(--border);background:var(--bg);height:26px;color:var(--text);font:inherit;cursor:pointer;border-radius:999px;padding:0 10px;font-size:12px}.agents-page .agents-code-head button:hover{border-color:color-mix(in srgb, var(--text) 24%, var(--border))}.agents-page .agents-code-head button[data-copied]{border-color:var(--accent);color:var(--accent)}.agents-page .agents-code pre{color:var(--text);margin:0;padding:12px 14px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:12.5px;line-height:19px;overflow-x:auto}.agents-page .agents-code pre code{color:inherit;font:inherit;background:0 0;border:0;border-radius:0;padding:0}.agents-page .agents-manual{margin-top:12px}.agents-page .agents-manual summary{width:fit-content;color:var(--text-secondary);cursor:pointer;font-size:14px}.agents-page .agents-manual summary:hover{color:var(--text)}@media (max-width:640px){.agents-page .agents-step{grid-template-columns:minmax(0,1fr);gap:4px}.agents-page .agents-tab-list{border-radius:18px}}@media (prefers-reduced-motion:reduce){.agents-page .agents-hero-wire i{animation:none;left:calc(50% - 4px)}}
.canvas-page .fp-avatar svg{fill:none}.canvas-page .canvas-hero-wire{width:56px;height:16px;overflow:visible}.canvas-page .canvas-hero-wire path{fill:none;stroke:var(--accent);stroke-width:1.8px;stroke-linecap:round;stroke-dasharray:1 2;stroke-dashoffset:1.01px;animation:2.8s ease-in-out infinite canvas-stroke}@keyframes canvas-stroke{0%{stroke-dashoffset:1.01px;opacity:1}55%,80%{stroke-dashoffset:0;opacity:1}to{stroke-dashoffset:0;opacity:0}}.canvas-page .canvas-start{scroll-margin-top:64px}.canvas-page .canvas-start>h2{text-align:center;text-wrap:balance}.canvas-page .canvas-ways{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.canvas-page .canvas-way{border:1px solid var(--border);background:color-mix(in srgb, var(--bg-tint) 45%, var(--bg));border-radius:20px;flex-direction:column;padding:24px;display:flex}.canvas-page .canvas-way-icon{border:1px solid var(--border);background:var(--bg);width:36px;height:36px;color:var(--text);border-radius:10px;place-items:center;margin-bottom:16px;display:grid}.canvas-page .canvas-way-icon svg{width:18px;height:18px}.canvas-page .canvas-way h3{font-size:18px;line-height:24px}.canvas-page .canvas-way p{color:var(--text-secondary);flex:1;margin-bottom:16px;font-size:14px;line-height:21px}.canvas-page kbd{border:1px solid var(--border);background:color-mix(in srgb, var(--bg-tint) 80%, var(--bg));width:fit-content;min-width:22px;height:24px;color:var(--text);white-space:nowrap;border-bottom-width:2px;border-radius:6px;justify-content:center;align-items:center;padding:0 7px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:12px;font-weight:600;display:inline-flex}.canvas-page .canvas-keys-heading{color:var(--text-faint);letter-spacing:.06em;text-align:center;text-transform:uppercase;margin:56px 0 16px;font-size:12px;font-weight:600;line-height:16px}.canvas-page .canvas-keys{border:1px solid var(--border);background:var(--border);border-radius:16px;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;display:grid;overflow:hidden}.canvas-page .canvas-keys>div{background:var(--bg);align-items:center;gap:12px;padding:12px 16px;display:flex}.canvas-page .canvas-keys dt{flex:none}.canvas-page .canvas-keys dd{color:var(--text-secondary);margin:0;font-size:14px;line-height:20px}@media (max-width:980px){.canvas-page .canvas-ways,.canvas-page .canvas-keys{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.canvas-page .canvas-ways{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.canvas-page .canvas-hero-wire path{stroke-dashoffset:0;animation:none}}
.footer-close{--footer-horizon-top:110px;isolation:isolate;background:linear-gradient(to bottom, var(--bg) 0 var(--footer-horizon-top), transparent var(--footer-horizon-top)), var(--bg);position:relative;overflow:hidden}.footer-horizon{top:var(--footer-horizon-top);z-index:0;pointer-events:none;height:330px;position:absolute;left:0;right:0;overflow:hidden}.footer-horizon:before{content:"";filter:blur(14px);background:url(/assets/bento-bg.jpg) 50% 44%/cover no-repeat;position:absolute;inset:-24px;transform:scale(1.08)}.footer-horizon:after{content:"";background:linear-gradient(to bottom, transparent 0%, color-mix(in srgb, var(--bg) 20%, transparent) 34%, color-mix(in srgb, var(--bg) 72%, transparent) 72%, var(--bg) 100%);height:220px;position:absolute;bottom:0;left:0;right:0}.footer-cta{z-index:1;text-align:center;background:color-mix(in srgb, var(--bg) 84%, transparent);border:1px solid color-mix(in srgb, var(--border) 65%, transparent);width:min(760px,100% - 48px);box-shadow:inset 0 1px 0 #ffffff40, var(--float-shadow);-webkit-backdrop-filter:blur(24px)saturate(1.5);border-radius:24px;margin:184px auto 96px;padding:56px 32px;position:relative}.footer-cta-mark{width:48px;height:48px;margin:0 auto 24px;display:block}.footer-cta h2{margin-bottom:12px}.footer-cta .cta-sub{color:var(--text-secondary);max-width:560px;margin:0 auto 24px;font-size:16px;line-height:24px}
.footer{border-top:1px solid var(--border);background:var(--bg);padding:96px 24px 0;overflow:hidden}.pricing-page .footer,.not-found-page .footer{border-top:0}.footer-inner{max-width:1152px;margin:0 auto}.footer-row{justify-content:space-between;gap:48px;padding-bottom:48px;display:flex}.footer-brand{flex-direction:column;gap:16px;max-width:280px;display:flex}.footer-brand .brand{font-size:16px}.footer-brand p{color:var(--text-secondary);font-size:14px;line-height:20px}.footer-product{gap:8px;display:grid}.footer-product-label{color:var(--text-faint);letter-spacing:.04em;text-transform:uppercase;font-size:11px;font-weight:600}.footer-product-card{width:100%;color:var(--text);background:color-mix(in srgb, var(--bg) 72%, transparent);border:1px solid var(--border);border-radius:12px;grid-template-columns:40px minmax(0,1fr) 16px;align-items:center;gap:12px;padding:10px;text-decoration:none;transition:background .15s,border-color .15s,transform .15s;display:grid}.footer-product-card:hover{background:var(--bg-hover);border-color:color-mix(in srgb, var(--text-faint) 55%, var(--border));transform:translateY(-1px)}.footer-product-card:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.footer-product-card img{border-radius:10px;width:40px;height:40px;display:block}.footer-product-copy{gap:2px;min-width:0;display:grid}.footer-product-copy strong{font-size:14px;line-height:18px}.footer-product-copy span{color:var(--text-secondary);font-size:11px;line-height:15px}.footer-product-card>svg{fill:none;width:16px;height:16px;stroke:var(--text-faint);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.footer-links{flex-wrap:wrap;gap:64px;display:flex}.footer-links h3{text-transform:uppercase;letter-spacing:.04em;color:var(--text-faint);margin-bottom:12px;font-size:12px;font-weight:600}.footer-links ul{flex-direction:column;gap:10px;list-style:none;display:flex}.footer-links a{color:var(--text-secondary);font-size:14px;line-height:20px;text-decoration:none}.footer-links a:hover{color:var(--text)}.footer-bottom{border-top:1px solid var(--border);color:var(--text-faint);padding:24px 0;font-size:12px;line-height:20px}.footer-bottom a{color:var(--accent);text-decoration:none}.footer-bottom a:hover{color:var(--accent);opacity:.8}.footer-close .footer{z-index:1;background:0 0;border-top:0;padding:0 24px;position:relative}.footer-wordmark{width:100%;color:color-mix(in srgb, var(--text) 8%, transparent);letter-spacing:-.035em;text-align:center;white-space:nowrap;-webkit-user-select:none;user-select:none;margin:8px auto -.18em;padding:0 .06em;font-family:Instrument Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;font-size:clamp(48px,13.5vw,184px);font-weight:700;line-height:.78;overflow:visible;-webkit-mask-image:linear-gradient(#000 18%,#0000 96%);mask-image:linear-gradient(#000 18%,#0000 96%)}@media (min-width:981px){.footer-wordmark{width:calc(100% + 144px);margin-left:-72px;margin-right:-72px}}