.landing{--color-ink:#fff;--color-panel:#fff;--color-panel-hi:#f7f7f7;--color-rule:#e1e1e1;--color-rule-soft:#ebebeb;--color-text:#0a0a0a;--color-text-soft:#424242;--color-muted:#696969;--color-dim:#a4a4a4;--color-accent:#0a0a0a;--color-success:#14874e;--color-danger:#c9302d;--shadow-edge:0 0 0 .5px #0000000f, 0 1px 0 #00000006;--shadow-floating:0 1px 2px #0000000a, 0 8px 24px -8px #0000001a;--shadow-lift:0 1px 2px #0000000a, 0 12px 32px -12px #0000001f, 0 32px 64px -24px #00000024;--shadow-window:0 0 0 .5px #00000014, 0 1px 2px #0000000a, 0 12px 32px -12px #0000001f;--font-sans:var(--font-geist-sans);--font-mono:var(--font-geist-mono);--font-display:var(--font-newsreader), ui-serif, Georgia, serif;--ease-out-strong:cubic-bezier(.23, 1, .32, 1);--ease-out-expo:cubic-bezier(.16, 1, .3, 1);background:var(--color-ink);color:var(--color-text);font-family:var(--font-sans);letter-spacing:-.005em;font-feature-settings:"ss01", "cv11", "calt";text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@supports (color:lab(0% 0 0)){.landing{--color-ink:lab(100% 0 0);--color-panel:lab(100% 0 0);--color-panel-hi:lab(97.1% -.0000298023 -.0000119209);--color-rule:lab(89.56% -.0000298023 0);--color-rule-soft:lab(93.04% .0000298023 -.0000119209);--color-text:lab(2.75381% 0 0);--color-text-soft:lab(28.08% 0 -.00000596046);--color-muted:lab(44.32% 0 0);--color-dim:lab(67.52% -.0000298023 0);--color-accent:lab(2.75381% 0 0);--color-success:lab(49.4776% -41.7249 21.5535);--color-danger:lab(45.9154% 59.7076 40.9321);--shadow-edge:0 0 0 .5px lab(0% 0 0/.06), 0 1px 0 lab(0% 0 0/.025);--shadow-floating:0 1px 2px lab(0% 0 0/.04), 0 8px 24px -8px lab(0% 0 0/.1);--shadow-lift:0 1px 2px lab(0% 0 0/.04), 0 12px 32px -12px lab(0% 0 0/.12), 0 32px 64px -24px lab(0% 0 0/.14);--shadow-window:0 0 0 .5px lab(0% 0 0/.08), 0 1px 2px lab(0% 0 0/.04), 0 12px 32px -12px lab(0% 0 0/.12)}}html.dark .landing{--color-ink:#0a0a0a;--color-panel:#0e0e0e;--color-panel-hi:#161616;--color-rule:#ffffff1a;--color-rule-soft:#ffffff0f;--color-text:#e8e8e8;--color-text-soft:#b7b7b7;--color-muted:#929292;--color-dim:#555;--color-accent:#e8e8e8;--color-success:#55c483;--color-danger:#f97770;--shadow-edge:0 0 0 .5px #0003;--shadow-floating:0 1px 2px #0000004d, 0 8px 24px -8px #00000080;--shadow-lift:0 1px 2px #0006, 0 24px 64px -24px #000000b3;--shadow-window:0 0 0 .5px #ffffff1f, 0 12px 32px -12px #0009}@supports (color:lab(0% 0 0)){html.dark .landing{--color-ink:lab(2.75381% 0 0);--color-panel:lab(4.05772% 0 0);--color-panel-hi:lab(7.22637% -.0000149012 0);--color-rule:lab(100% 0 0/.1);--color-rule-soft:lab(100% 0 0/.06);--color-text:lab(91.88% .0000298023 -.0000119209);--color-text-soft:lab(74.48% -.0000298023 0);--color-muted:lab(60.56% 0 0);--color-dim:lab(36.2% 0 .00000596046);--color-accent:lab(91.88% .0000298023 -.0000119209);--color-success:lab(71.6655% -44.5021 22.9274);--color-danger:lab(65.9538% 50.1356 28.6987);--shadow-edge:0 0 0 .5px lab(0% 0 0/.2);--shadow-floating:0 1px 2px lab(0% 0 0/.3), 0 8px 24px -8px lab(0% 0 0/.5);--shadow-lift:0 1px 2px lab(0% 0 0/.4), 0 24px 64px -24px lab(0% 0 0/.7);--shadow-window:0 0 0 .5px lab(100% 0 0/.12), 0 12px 32px -12px lab(0% 0 0/.6)}}.landing ::selection{background:color-mix(in oklab, var(--color-text) 14%, transparent);color:var(--color-text)}html:has(.landing){--scrollbar-thumb:#0a0a0a33;--scrollbar-thumb-hover:#0a0a0a61;scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent}@supports (color:lab(0% 0 0)){html:has(.landing){--scrollbar-thumb:lab(2.75381% 0 0/.2);--scrollbar-thumb-hover:lab(2.75381% 0 0/.38)}}html.dark:has(.landing){--scrollbar-thumb:#ffffff2e;--scrollbar-thumb-hover:#ffffff57}@supports (color:lab(0% 0 0)){html.dark:has(.landing){--scrollbar-thumb:lab(100% 0 0/.18);--scrollbar-thumb-hover:lab(100% 0 0/.34)}}@layer base{.landing *{scrollbar-width:thin}}html:has(.landing)::-webkit-scrollbar{width:11px;height:11px}html:has(.landing)::-webkit-scrollbar-track{background:0 0}html:has(.landing)::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb) padding-box;border:3px solid #0000;border-radius:999px}html:has(.landing)::-webkit-scrollbar-thumb:hover{background-color:var(--scrollbar-thumb-hover)}.landing .caption{font-family:var(--font-sans);letter-spacing:.08em;text-transform:uppercase;color:var(--color-muted);font-size:11px;font-weight:500}.landing .eyebrow{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--color-muted);font-size:12px;font-weight:500}.landing .display{font-family:var(--font-display);font-optical-sizing:auto;letter-spacing:-.022em;color:var(--color-text);font-weight:420}.landing .display em{letter-spacing:-.03em;font-style:italic}.landing .read-progress{display:none}@keyframes lp-progress{0%{transform:scaleX(0)}}@supports (animation-timeline:scroll()){.landing .read-progress{transform-origin:0;animation:linear both lp-progress;animation-timeline:scroll(root);display:block}}.landing section[id]{scroll-margin-top:60px}@media (prefers-reduced-motion:no-preference){html:has(.landing){scroll-behavior:smooth}}.landing .nums{font-variant-numeric:tabular-nums}@keyframes lp-rise{0%{opacity:var(--rise-opacity,0);transform:translateY(var(--rise-y,12px));filter:blur(var(--rise-blur,6px))}}.landing .rise{animation:lp-rise 1s var(--ease-out-expo) backwards}.landing .rise-word{--rise-y:.3em;--rise-blur:10px;display:inline-block}@keyframes lp-rise-frame{0%{opacity:0;transform:translateY(40px)scale(.97)}}.landing .rise-frame{animation:lp-rise-frame 1.4s var(--ease-out-expo) backwards}.landing [data-reveal].reveal-hidden,.landing [data-reveal=stagger].reveal-hidden>*{opacity:0;filter:blur(4px);transform:translateY(16px)}.landing [data-reveal=stagger].reveal-hidden{opacity:1;filter:none;transform:none}.landing [data-reveal].reveal-shown,.landing [data-reveal=stagger].reveal-shown>*{transition:opacity .9s var(--ease-out-expo), transform .9s var(--ease-out-expo), filter .9s var(--ease-out-expo);transition-delay:calc(var(--reveal-delay,0s) + var(--stagger-i,0) * 70ms)}.landing [data-reveal=stagger]>:nth-child(2){--stagger-i:1}.landing [data-reveal=stagger]>:nth-child(3){--stagger-i:2}.landing [data-reveal=stagger]>:nth-child(4){--stagger-i:3}.landing [data-reveal=stagger]>:nth-child(5){--stagger-i:4}.landing [data-reveal=stagger]>:nth-child(n+6){--stagger-i:5}@keyframes lp-swap{0%{opacity:0;transform:translateY(var(--swap-y,4px));filter:blur(2px)}}.landing .swap-in{animation:lp-swap .32s var(--ease-out-strong) backwards;display:inline-block}.landing .panel-in{--swap-y:8px;animation:lp-swap .48s var(--ease-out-strong) backwards}@keyframes lp-menu-in{0%{opacity:0;transform:translateY(-4px)}}.landing .menu-in{animation:lp-menu-in .18s var(--ease-out-strong) backwards}.landing .pressable{transition:transform .16s var(--ease-out-strong), color .2s ease, background-color .2s ease, border-color .2s ease, opacity .2s ease}.landing .pressable:active{transform:scale(.98)}@keyframes lp-code-pulse{0%{background-color:color-mix(in oklab, var(--color-text) 12%, transparent)}to{background-color:#0000}}@keyframes lp-code-swap{0%{opacity:0;transform:translateY(-3px)}}.landing .code-pulse{animation:lp-code-pulse .9s ease-out, lp-code-swap .4s var(--ease-out-strong)}.landing .code-live{background-color:color-mix(in oklab, var(--color-text) 7%, transparent);box-shadow:inset 2px 0 0 var(--color-text);transition:background-color .24s,box-shadow .24s}@keyframes lp-row-in{0%{opacity:0;background-color:color-mix(in oklab, var(--color-success) 16%, transparent);transform:translateY(-6px)}60%{background-color:color-mix(in oklab, var(--color-success) 10%, transparent)}}.landing .row-in{animation:lp-row-in 1.1s var(--ease-out-strong) backwards}@keyframes lp-tick{0%{opacity:0;transform:scale(.6)}}.landing .tick-in{animation:lp-tick .26s var(--ease-out-strong) backwards}@media (prefers-reduced-motion:reduce){.landing .rise,.landing .rise-frame,.landing .swap-in,.landing .panel-in,.landing .menu-in,.landing .code-pulse,.landing .row-in,.landing .tick-in{animation:none}.landing .pressable:active{transform:none}}.landing .logo-dark{display:none}html.dark .landing .logo-dark{display:inline-block}html.dark .landing .logo-light{display:none}.landing .agent-mono{filter:brightness(0);opacity:.7}html.dark .landing .agent-mono{filter:brightness(0)invert();opacity:1}.landing :where(a,button,[role=button],[role=tab]):focus-visible{outline:2px solid var(--color-text);outline-offset:3px;border-radius:6px}.landing .demo-frame{background:var(--frame-bg,transparent);scrollbar-color:color-mix(in srgb, var(--frame-fg,currentColor) 26%, transparent) transparent;container-type:size}.landing .demo-host{flex-direction:column;display:flex}.landing .demo-frame .demo-host{min-height:100cqh}.landing .demo-host>.of-root{flex:1}.landing .demo-frame .of-split,.landing .demo-frame .of-focus{min-height:100cqh}@media not (min-width:40rem){.landing .demo-frame{container-type:normal}.landing .demo-frame .demo-host,.landing .demo-frame .of-split,.landing .demo-frame .of-focus{min-height:var(--frame-min,0px)}}.landing .field-stage{--card-pad:24px;--card-radius:calc(var(--of-radius,10px) * 1.6);isolation:isolate;background-color:var(--color-panel-hi);position:relative}.landing .field-stage:before{content:"";z-index:-1;background-image:radial-gradient(var(--color-rule) 1px, transparent 1px);background-position:7px 7px;background-size:14px 14px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(75% 70% at 50% 40%,#000 35%,#0000 100%);mask-image:radial-gradient(75% 70% at 50% 40%,#000 35%,#0000 100%)}.landing .field-stage .of-root{background:0 0;padding:0}.landing .field-stage .of-form{max-width:440px;padding:var(--card-pad);box-shadow:0 1px 2px #0000000a,0 4px 12px -4px #0000000f,0 24px 48px -24px #00000024}.landing .field-stage .of-form:has(.of-matrix){max-width:562px}.landing .field-stage .of-header{margin:calc(var(--card-pad) * -1) calc(var(--card-pad) * -1) var(--card-pad);padding:14px var(--card-pad) 13px;border-bottom:1px solid var(--of-border);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:2px 16px;display:flex}.landing .field-stage .of-header .of-title{letter-spacing:-.005em;font-size:14px;font-weight:600}.landing .field-stage .of-header .of-description{margin:0;font-size:12.5px;line-height:1.4}.landing .field-stage .of-nav{margin:var(--card-pad) calc(var(--card-pad) * -1) calc(var(--card-pad) * -1);padding:12px var(--card-pad);border-top:1px solid var(--of-border);border-radius:0 0 calc(var(--card-radius) - 1px) calc(var(--card-radius) - 1px);background:color-mix(in srgb, var(--of-fg) 2.5%, var(--of-surface));align-items:center}.landing .field-stage .of-root:not([data-of-theme=brutalist],[data-of-theme=conversational]) .of-nav .of-button{min-height:40px}.landing .field-stage .of-success{padding-block:12px}.landing .field-stage .of-success .of-title{font-size:1.25rem}.landing .field-stage .of-success .of-description{font-size:14px}.landing .field-stage .of-success-icon{width:44px;height:44px;margin-bottom:.875rem}.landing .demo-host :where(.of-root) :focus-visible{border-radius:revert}.landing .lc{text-align:left;color:var(--of-fg);flex-direction:column;align-items:flex-start;gap:10px;display:flex}.landing .lc-status{height:24px;color:var(--of-muted);background:color-mix(in srgb, var(--of-fg) 6%, transparent);border-radius:999px;align-items:center;gap:6px;padding:0 10px;font-size:12px;font-weight:600;display:inline-flex}.landing .lc-status i{background:#a1a1aa;border-radius:999px;width:6px;height:6px}.landing .lc-status.lc-full{color:#b45309;background:#f59e0b24}.landing .of-root[data-scheme=dark] .lc-status.lc-full{color:#fbbf24}.landing .lc-status.lc-full i{background:#f59e0b}.landing .lc-eyebrow{color:var(--of-muted);margin:6px 0 0;font-size:13px;font-weight:500}.landing .lc-title{font:600 28px / 1.15 var(--of-heading-font);letter-spacing:-.02em;text-wrap:balance;margin:0}.landing .lc-message{color:var(--of-muted);margin:0;font-size:15px}.landing .lc-seats{grid-template-columns:repeat(20,1fr);gap:5px;width:100%;margin-top:10px;display:grid}@keyframes lp-seat{0%{opacity:0;transform:scale(.4)}}.landing .lc-seats i{aspect-ratio:1;background:var(--of-fg);animation:lp-seat .36s var(--ease-out-strong) backwards;animation-delay:calc(var(--i) * 6ms);border-radius:2px}.landing .lc-calendar{text-align:center;font-variant-numeric:tabular-nums;grid-template-columns:repeat(7,1fr);justify-items:center;gap:2px;width:100%;margin-top:10px;font-size:11.5px;display:grid}.landing .lc-calendar b{color:var(--of-muted);font-size:10px;font-weight:500}.landing .lc-calendar span{border-radius:999px;width:28px;height:28px;line-height:28px}.landing .lc-calendar .lc-end{color:var(--of-surface);background:var(--of-fg);font-weight:600}.landing .lc-calendar .lc-after{color:var(--of-muted);opacity:.45;text-decoration:line-through}.landing .lc-next{border-top:1px solid var(--of-border);width:100%;color:var(--of-muted);margin:12px 0 0;padding-top:12px;font-size:13px}@media (prefers-reduced-motion:reduce){.landing .lc-seats i{animation:none}}
