main:has(>article>.landing){max-width:none}article:has(>.landing){padding:0}.landing{--l-bg:var(--lightningcss-light,#fafafa)var(--lightningcss-dark,#272b32);--l-surface:var(--lightningcss-light,#fff)var(--lightningcss-dark,#2e323b);--l-surface-2:var(--lightningcss-light,#eceef0)var(--lightningcss-dark,#343944);--l-border:var(--lightningcss-light,#c9ccd1)var(--lightningcss-dark,#3e444f);--l-text:var(--lightningcss-light,#24272c)var(--lightningcss-dark,#dce0e5);--l-text-2:var(--lightningcss-light,#4b515b)var(--lightningcss-dark,#b0b6c2);--l-accent:var(--lightningcss-light,#325dc8)var(--lightningcss-dark,#74ade8);--l-accent-hover:var(--lightningcss-light,#2348ac)var(--lightningcss-dark,#a8cdf5);--l-accent-subtle:var(--lightningcss-light,#dbe5fa)var(--lightningcss-dark,#2f4563);--l-on-accent:var(--lightningcss-light,#fff)var(--lightningcss-dark,#1d2026);--l-add:var(--lightningcss-light,#e3f3e8)var(--lightningcss-dark,#33463a);--l-add-mark:var(--lightningcss-light,#1d7a43)var(--lightningcss-dark,#8fc97a);--l-del:var(--lightningcss-light,#f9e1df)var(--lightningcss-dark,#4a2f33);--l-del-mark:var(--lightningcss-light,#b8332c)var(--lightningcss-dark,#ee8f98);--l-line:var(--lightningcss-light,#c9ccd1)var(--lightningcss-dark,#4a505c);--l-line-strong:var(--lightningcss-light,#aeb3bb)var(--lightningcss-dark,#5a616e);--l-shadow:var(--lightningcss-light,0 24px 48px -24px #0f121740)var(--lightningcss-dark,0 24px 48px -24px #000000b3);--l-mono:ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace;--l-sans:ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--l-max:1120px;background:var(--l-bg);min-height:100vh;color:var(--l-text);font-family:var(--l-sans);font-size:1rem;line-height:1.6}.landing a{color:inherit;text-decoration:none}.landing h1,.landing h2{letter-spacing:-.03em;margin:0;font-weight:650;line-height:1.1}.landing h1{font-size:clamp(2.5rem,6vw,4rem)}.landing h2{font-size:clamp(1.75rem,4vw,2.5rem)}.landing p{margin:0}.landing-muted{color:var(--l-text-2)}.landing-skip{position:absolute;left:-9999px}.landing-skip:focus{z-index:10;background:var(--l-surface);border:1px solid var(--l-border);padding:.5rem .75rem;top:1rem;left:1rem}.landing :focus-visible{outline:2px solid var(--l-accent);outline-offset:2px}.landing-nav{z-index:5;max-width:var(--l-max);background:color-mix(in srgb, var(--l-bg) 85%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);justify-content:space-between;align-items:center;margin:0 auto;padding:1rem 1.5rem;display:flex;position:sticky;top:0}.landing-wordmark{font-family:var(--l-mono);letter-spacing:-.02em;font-size:1.125rem;font-weight:700}.landing-nav-links{color:var(--l-text-2);align-items:center;gap:1.5rem;font-size:.9375rem;display:flex}.landing-nav-links a:hover{color:var(--l-text)}.landing-theme-toggle{border:1px solid var(--l-border);width:2rem;height:2rem;color:var(--l-text-2);cursor:pointer;background:0 0;place-items:center;padding:0;display:inline-grid}.landing-theme-toggle:hover{color:var(--l-text)}.landing-icon-sun{display:none}:root[data-vocs-theme=dark] .landing-icon-sun{display:block}:root[data-vocs-theme=dark] .landing-icon-moon{display:none}.landing-hero{max-width:var(--l-max);grid-template-columns:1fr;align-items:center;gap:3rem;margin:0 auto;padding:4rem 1.5rem 5rem;display:grid}.landing-hero-copy{flex-direction:column;gap:1.5rem;min-width:0;display:flex}.landing-eyebrow{font-family:var(--l-mono);color:var(--l-accent);text-transform:lowercase;font-size:.8125rem}.landing-lede{max-width:36rem;color:var(--l-text-2);font-size:1.125rem}.landing-ctas{flex-wrap:wrap;gap:.75rem;display:flex}.landing-ctas-center{justify-content:center}.landing-button{border:1px solid var(--l-border);align-items:center;height:2.75rem;padding:0 1.25rem;font-size:.9375rem;font-weight:550;transition:background-color .15s,border-color .15s;display:inline-flex}.landing-button:hover{border-color:var(--l-line-strong)}.landing .landing-button-primary{background:var(--l-accent);border-color:var(--l-accent);color:var(--l-on-accent)}.landing .landing-button-primary:hover{background:var(--l-accent-hover);border-color:var(--l-accent-hover)}.landing-install{border:1px solid var(--l-border);background:var(--l-surface-2);max-width:36rem;overflow:hidden}.landing-install-tabs{gap:.25rem;padding:.375rem .375rem 0;display:flex}.landing-install-tab{color:var(--l-text-2);font:inherit;cursor:pointer;background:0 0;border:0;padding:.375rem .75rem;font-size:.8125rem}.landing-install-tab[aria-selected=true]{background:var(--l-surface);color:var(--l-text)}.landing-install-command{background:var(--l-surface);align-items:center;gap:.75rem;padding:.75rem .75rem .75rem 1rem;display:flex}.landing-install-command code{white-space:nowrap;min-width:0;font-family:var(--l-mono);background:0 0;border:0;flex:1;padding:0;font-size:.8125rem;overflow-x:auto}.landing-install-prompt{color:var(--l-accent);-webkit-user-select:none;user-select:none;margin-right:.625rem}.landing-install-copy{border:1px solid var(--l-border);background:var(--l-surface-2);color:var(--l-text-2);font:inherit;cursor:pointer;flex:none;padding:.25rem .625rem;font-size:.75rem}.landing-install-copy:hover{color:var(--l-text)}.landing-features{max-width:var(--l-max);border-top:1px solid var(--l-border);flex-direction:column;gap:6rem;margin:0 auto;padding:3rem 1.5rem 6rem;display:flex}.landing-feature{grid-template-columns:1fr;align-items:center;gap:2.5rem;display:grid}.landing-feature-copy{flex-direction:column;gap:1rem;display:flex}.landing-cta{max-width:var(--l-max);border-top:1px solid var(--l-border);text-align:center;flex-direction:column;align-items:center;gap:1.5rem;margin:0 auto;padding:5rem 1.5rem 6rem;display:flex}.landing-cta .landing-install{text-align:left;width:100%}.landing-footer{max-width:var(--l-max);border-top:1px solid var(--l-border);flex-wrap:wrap;justify-content:space-between;gap:1.5rem;margin:0 auto;padding:2rem 1.5rem 3rem;font-size:.875rem;display:flex}.landing-footer-brand{align-items:baseline;gap:1rem;display:flex}.landing-footer-links{color:var(--l-text-2);flex-wrap:wrap;gap:1.5rem;display:flex}.landing-footer-links a:hover{color:var(--l-text)}@media (width>=900px){.landing-hero{grid-template-columns:1fr 1.1fr;padding-top:6rem}.landing-feature{grid-template-columns:1fr 1.2fr;gap:4rem}.landing-feature-reverse .landing-feature-copy{order:2}}@media (width<=520px){.landing-nav-links{gap:1rem}.landing-nav-links a[href=\#features]{display:none}}.landing-svg{width:100%;height:auto;filter:drop-shadow(var(--l-shadow));display:block}.landing-svg *{transform-box:fill-box;transform-origin:50%}.landing-svg text{font-family:var(--l-mono);fill:var(--l-text-2)}.landing-svg .s-window{fill:var(--l-surface);stroke:var(--l-border)}.landing-svg .s-chrome{fill:var(--l-surface-2)}.landing-svg .s-divider{stroke:var(--l-border)}.landing-svg .s-dot{fill:var(--l-line-strong)}.landing-svg .s-line{fill:var(--l-line)}.landing-svg .s-line-strong{fill:var(--l-line-strong)}.landing-svg .s-accent,.landing-svg .s-accent-text{fill:var(--l-accent)}.landing-svg .s-accent-subtle{fill:var(--l-accent-subtle)}.landing-svg .s-add{fill:var(--l-add)}.landing-svg .s-add-mark{fill:var(--l-add-mark)}.landing-svg .s-del{fill:var(--l-del)}.landing-svg .s-del-mark{fill:var(--l-del-mark)}.landing-svg .s-strong-text{fill:var(--l-text)}.hero-type{animation:9s steps(9,end) infinite both hero-type}.hero-url{animation:9s ease-out infinite both hero-url}.hero-browser{animation:9s cubic-bezier(.2,.8,.2,1) infinite both hero-browser}.hero-select{animation:9s ease-in-out infinite both hero-select}.hero-preview>*{animation:9s ease-out infinite both hero-preview}.hero-preview>:nth-child(2){animation-delay:80ms}.hero-preview>:nth-child(3){animation-delay:.16s}.hero-preview>:nth-child(4){animation-delay:.24s}.hero-preview>:nth-child(5){animation-delay:.32s}.hero-preview>:nth-child(6){animation-delay:.4s}@keyframes hero-type{0%,4%{clip-path:inset(0 100% 0 0)}18%,to{clip-path:inset(0)}}@keyframes hero-url{0%,20%{opacity:0}24%,to{opacity:1}}@keyframes hero-browser{0%,26%{opacity:0;transform:translateY(16px)scale(.97)}36%,94%{opacity:1;transform:none}to{opacity:0;transform:none}}@keyframes hero-select{0%,44%{transform:translateY(0)}50%,64%{transform:translateY(26px)}70%,to{transform:translateY(52px)}}@keyframes hero-preview{0%,38%{opacity:0;transform:translateY(6px)}44%,to{opacity:1;transform:none}}.review-row{animation:8s ease-out infinite both review-row}.review-row-2{animation-delay:.15s}.review-row-3{animation-delay:.3s}.review-row-4{animation-delay:.45s}.review-check-1{animation:8s ease-out infinite both review-check}.review-check-2{animation:8s ease-out infinite both review-check-2}.review-check-3{animation:8s ease-out infinite both review-check-3}@keyframes review-row{0%,8%{opacity:0;transform:translate(-12px)}16%,92%{opacity:1;transform:none}to{opacity:0}}@keyframes review-check{0%,30%{opacity:0;transform:scale(.4)}34%,92%{opacity:1;transform:none}to{opacity:0}}@keyframes review-check-2{0%,50%{opacity:0;transform:scale(.4)}54%,92%{opacity:1;transform:none}to{opacity:0}}@keyframes review-check-3{0%,70%{opacity:0;transform:scale(.4)}74%,92%{opacity:1;transform:none}to{opacity:0}}.walk-highlight{animation:9s cubic-bezier(.6,0,.2,1) infinite both walk-highlight}.walk-note-2,.walk-note-3{opacity:0}.walk-note-1{animation:9s ease-out infinite both walk-note-1}.walk-note-2{animation:9s ease-out infinite both walk-note-2}.walk-note-3{animation:9s ease-out infinite both walk-note-3}.walk-step{animation:9s cubic-bezier(.6,0,.2,1) infinite both walk-step}@keyframes walk-highlight{0%,30%{transform:translateY(0)}36%,63%{transform:translateY(64px)}69%,to{transform:translateY(128px)}}@keyframes walk-step{0%,30%{transform:translate(0)}36%,63%{transform:translate(16px)}69%,to{transform:translate(32px)}}@keyframes walk-note-1{0%,2%{opacity:0;transform:translate(8px)}6%,30%{opacity:1;transform:none}33%,to{opacity:0}}@keyframes walk-note-2{0%,35%{opacity:0;transform:translate(8px)}39%,63%{opacity:1;transform:none}66%,to{opacity:0}}@keyframes walk-note-3{0%,68%{opacity:0;transform:translate(8px)}72%,96%{opacity:1;transform:none}to{opacity:0}}.desk-link{animation:9s cubic-bezier(.2,.8,.2,1) infinite both desk-link}.desk-window{animation:9s cubic-bezier(.2,.8,.2,1) infinite both desk-window}@keyframes desk-link{0%,4%{opacity:0;transform:translate(-24px)}12%,22%{opacity:1;transform:none}28%,to{opacity:.35;transform:none}}@keyframes desk-window{0%,20%{opacity:0;transform:scale(.94)}30%,94%{opacity:1;transform:none}to{opacity:0}}@media (prefers-reduced-motion:reduce){.landing-svg *,.landing-svg :before,.landing-svg :after{animation:none!important}}