@import "https://fonts.googleapis.com/css2?family=Silkscreen:wght@400;700&family=JetBrains+Mono:wght@400;700&display=swap";:root{--kh-primary:teal;--kh-primary-strong:#005f5f;--kh-secondary:silver;--kh-surface:silver;--kh-surface-2:#d4d4d4;--kh-panel:#d9d9d9;--kh-panel-2:#ececec;--kh-panel-3:#a8a8a8;--kh-bg:#b8b8b8;--kh-line:#000;--kh-line-soft:#4b4b4b;--kh-text:#000;--kh-text-soft:#202020;--kh-heading:#000;--kh-success:#16a34a;--kh-warning:#d97706;--kh-danger:#dc2626;--kh-radius:0px;--kh-shadow-raised:inset -1px -1px 0 #7a7a7a, inset 1px 1px 0 #fff, 2px 2px 0 #000;--kh-shadow-pressed:inset 1px 1px 0 #7a7a7a, inset -1px -1px 0 #fff;--kh-shadow-card:inset -1px -1px 0 #8b8b8b, inset 1px 1px 0 #fff, 3px 3px 0 #000;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--kh-primary:#33b5b5;--kh-primary-strong:teal;--kh-secondary:#2b2b2b;--kh-surface:#1f1f1f;--kh-surface-2:#282828;--kh-panel:#2f2f2f;--kh-panel-2:#383838;--kh-panel-3:#151515;--kh-bg:#111;--kh-line:#f3f3f3;--kh-line-soft:#cfcfcf;--kh-text:#f3f3f3;--kh-text-soft:#d6d6d6;--kh-heading:#fff;--kh-shadow-raised:inset -1px -1px 0 #000, inset 1px 1px 0 #636363, 2px 2px 0 #f3f3f3;--kh-shadow-pressed:inset 1px 1px 0 #000, inset -1px -1px 0 #636363;--kh-shadow-card:inset -1px -1px 0 #090909, inset 1px 1px 0 #5f5f5f, 3px 3px 0 #f3f3f3;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:linear-gradient(180deg, color-mix(in srgb, var(--kh-bg) 96%, #fff 4%), var(--kh-surface)), repeating-linear-gradient(0deg, transparent 0 3px, color-mix(in srgb, var(--kh-line) 4%, transparent) 3px 4px);min-width:320px;color:var(--kh-text);margin:0;font-family:Arial,Helvetica,sans-serif}a{color:var(--kh-text);text-underline-offset:2px;text-decoration:underline}a:hover{color:var(--kh-primary-strong)}pre,code{font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace}pre{border:2px solid var(--kh-line);border-radius:var(--kh-radius);background:var(--kh-panel-3);max-width:100%;color:var(--kh-text);box-shadow:var(--kh-shadow-card);padding:1rem;overflow:auto}input,button,textarea,select{font:inherit;color:inherit}button,.demo-source-toggle{cursor:pointer;border:2px solid var(--kh-line);border-radius:var(--kh-radius);background:var(--kh-surface);box-shadow:var(--kh-shadow-raised);padding:.6rem .9rem}button:hover,.demo-source-toggle:hover{background:var(--kh-panel-2)}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--kh-line);outline-offset:2px}button:active,.demo-source-toggle:active{box-shadow:var(--kh-shadow-pressed);transform:translate(1px,1px)}input,textarea,select{border:2px solid var(--kh-line);border-radius:var(--kh-radius);background:var(--kh-panel-2);width:100%;box-shadow:var(--kh-shadow-pressed);padding:.7rem .85rem}label{gap:.4rem;margin-bottom:.85rem;display:grid}.pp-layout{min-height:100vh}.pp-skip-link{position:absolute;left:-9999px}.pp-skip-link:focus{z-index:60;background:var(--kh-primary);color:var(--kh-text);border:2px solid var(--kh-line);padding:.5rem .8rem;top:1rem;left:1rem}.pp-nav{z-index:40;background:var(--kh-surface);border-bottom:2px solid var(--kh-line);position:sticky;top:0}.pp-nav-inner,.pp-body,.pp-footer{width:min(1440px,100% - 2rem);margin:0 auto}.pp-nav-inner{justify-content:space-between;align-items:center;gap:1rem;min-height:4.5rem;display:flex}.pp-title,.kh-logo{color:var(--kh-heading);align-items:center;gap:.75rem;font-family:Silkscreen,system-ui,sans-serif;font-weight:700;text-decoration:none;display:inline-flex}.kh-logo svg{width:2.2rem;height:2.2rem;color:var(--kh-primary)}.pp-nav-right,.pp-nav-links{align-items:center;gap:.5rem;display:flex}.pp-nav-links a,.kh-theme-toggle{border-radius:var(--kh-radius);color:var(--kh-text);border:2px solid #0000;padding:.55rem .85rem;text-decoration:none}.pp-nav-links a.active,.pp-nav-links a:hover,.kh-theme-toggle:hover{border-color:var(--kh-line);background:var(--kh-panel);box-shadow:var(--kh-shadow-raised)}.pp-body{grid-template-columns:280px minmax(0,1fr) 240px;gap:1.5rem;padding:1.5rem 0 3rem;display:grid}.pp-sidebar-panel,.pp-doc,.pp-outline{border:2px solid var(--kh-line);border-radius:var(--kh-radius);background:var(--kh-panel);box-shadow:var(--kh-shadow-card)}.pp-sidebar{align-self:start;position:sticky;top:5.5rem}.pp-sidebar-panel{padding:1rem}.pp-search{gap:.4rem;margin-bottom:1rem;display:grid}.pp-sidebar-group{border-top:2px solid var(--kh-line);padding-top:.75rem}.pp-sidebar-group:first-of-type{border-top:0;padding-top:0}.pp-sidebar-group+.pp-sidebar-group{margin-top:.75rem}.pp-sidebar-heading,.pp-outline-heading{letter-spacing:.08em;color:var(--kh-text-soft);margin-bottom:.55rem;font-family:Silkscreen,system-ui,sans-serif;font-size:.84rem}.pp-sidebar-group>summary{cursor:pointer;list-style:none}.pp-sidebar-group>summary::-webkit-details-marker{display:none}.pp-sidebar-group>summary:before{content:"+";width:1rem;color:var(--kh-text);margin-right:.35rem;display:inline-block}.pp-sidebar-group[open]>summary:before{content:"-"}.pp-sidebar ul{gap:.2rem;margin:0;padding:0;list-style:none;display:grid}.pp-sidebar a,.pp-outline a{border-radius:var(--kh-radius);color:var(--kh-text);border:2px solid #0000;padding:.45rem .65rem;text-decoration:none;display:block}.pp-sidebar a.active,.pp-sidebar a:hover,.pp-outline a.active,.pp-outline a:hover{border-color:var(--kh-line);background:var(--kh-panel-2);box-shadow:var(--kh-shadow-raised)}.pp-main{min-width:0}.pp-doc{padding:clamp(1rem,3vw,2rem)}.pp-doc-title{color:var(--kh-heading);margin:0 0 .5rem;font-family:Silkscreen,system-ui,sans-serif;font-size:clamp(1.8rem,5vw,2.4rem);line-height:1.2}.pp-doc-lead{color:var(--kh-text-soft);margin:0 0 2rem;font-size:1rem}.pp-doc-content h2,.pp-doc-content h3,.pp-doc-content h4{color:var(--kh-heading);font-family:Silkscreen,system-ui,sans-serif;line-height:1.3}.pp-doc-content h2,.pp-doc-content h3{margin-top:2rem}.pp-doc-content p,.pp-doc-content li{line-height:1.7}.pp-doc-content table{border-collapse:collapse;border:2px solid var(--kh-line);background:var(--kh-panel-2);width:100%;margin:1rem 0}.pp-doc-content th,.pp-doc-content td{border:1px solid var(--kh-line);text-align:left;padding:.75rem}.pp-doc-content blockquote{border-left:4px solid var(--kh-primary);background:var(--kh-panel-2);margin:1rem 0;padding:.75rem 1rem}.pp-heading-anchor{opacity:0;margin-left:.5rem;text-decoration:none}.pp-heading:hover .pp-heading-anchor{opacity:1}.pp-outline{align-self:start;padding:1rem;position:sticky;top:5.5rem}.pp-outline nav{gap:.2rem;display:grid}.pp-outline .level-3{padding-left:1rem}.pp-pager,.pp-doc-meta{justify-content:space-between;gap:1rem;margin-top:2rem;display:flex}.pp-pager-link{border:2px solid var(--kh-line);border-radius:var(--kh-radius);background:var(--kh-surface);box-shadow:var(--kh-shadow-raised);gap:.15rem;padding:1rem;text-decoration:none;display:grid}.pp-footer{color:var(--kh-text-soft);text-align:center;white-space:pre-line;padding:2rem 0 3rem}.demo-card{border:2px solid var(--kh-line);border-radius:var(--kh-radius);background:var(--kh-panel-2);min-width:0;box-shadow:var(--kh-shadow-card);margin:1rem 0 1.5rem;padding:1rem}.demo-card-header{justify-content:space-between;align-items:start;gap:1rem;display:flex}.demo-card-header h3{margin:0;font-family:Silkscreen,system-ui,sans-serif;font-size:1rem}.demo-card-header p{color:var(--kh-text-soft);margin:.35rem 0 0}.demo-preview{gap:1rem;margin-top:1rem;display:grid}.demo-source{min-width:0;margin-top:1rem}.demo-source pre{max-width:100%}.demo-note,.demo-placeholder{color:var(--kh-text-soft)}.demo-actions{flex-wrap:wrap;gap:.6rem;display:flex}.demo-option{align-items:center;gap:.6rem;display:flex}.demo-option input{width:auto}.demo-target-box{border:2px dashed var(--kh-line);background:var(--kh-surface);place-items:center;min-height:120px;padding:1rem;display:grid}.demo-large-box{min-height:180px}.demo-scroll-box{border:2px solid var(--kh-line);background:var(--kh-surface);max-height:260px;box-shadow:var(--kh-shadow-pressed);padding:1rem;overflow:auto}.demo-grid,.demo-click-away-wrap{gap:1rem;display:grid}.demo-virtual-row{border-bottom:1px solid var(--kh-line);padding:.55rem .75rem}.demo-error{border:2px solid var(--kh-danger);background:color-mix(in srgb, var(--kh-danger) 10%, var(--kh-panel-2));padding:1rem}.hook-signature-label{color:var(--kh-text-soft);margin-bottom:.5rem;font-size:.85rem}.install-tabs{border:2px solid var(--kh-line);border-radius:var(--kh-radius);background:var(--kh-panel-2);box-shadow:var(--kh-shadow-card);overflow:hidden}.install-tabs-buttons{border-bottom:2px solid var(--kh-line);background:var(--kh-surface);gap:.5rem;padding:.75rem;display:flex}.install-tabs-buttons .active{background:var(--kh-primary);color:var(--kh-text)}.install-tabs pre{box-shadow:none;border:0;border-radius:0;margin:0}.hero-card,.feature-grid article,.hook-grid a,.hero-subcard,.hero-install-card,.hero-trust-strip,.cta-panel,.steps-grid li{border:2px solid var(--kh-line);border-radius:var(--kh-radius);background:var(--kh-panel-2);box-shadow:var(--kh-shadow-card)}.landing-shell{gap:.9rem;margin-bottom:1rem;display:grid}.tanstack-landing{position:relative}.hero-grid{grid-template-columns:minmax(0,1fr);align-items:stretch;gap:0;display:grid}.hero-grid>section{min-width:0}.hero-copy{border:2px solid var(--kh-line);background:linear-gradient(180deg, color-mix(in srgb, var(--kh-primary) 8%, var(--kh-panel-2)), var(--kh-panel-2)), repeating-linear-gradient(0deg, transparent 0 6px, color-mix(in srgb, var(--kh-line) 3%, transparent) 6px 7px);min-height:100%;box-shadow:var(--kh-shadow-card);align-content:start;gap:.85rem;padding:clamp(1.15rem,2.2vw,1.8rem);display:grid}.hero-proof-row{border:2px solid var(--kh-line);background:color-mix(in srgb, var(--kh-surface) 84%, var(--kh-panel-2));box-shadow:var(--kh-shadow-raised);gap:.55rem;padding:.8rem;display:grid}.hero-proof-row strong{color:var(--kh-primary-strong);letter-spacing:.06em;text-transform:uppercase;font-family:Silkscreen,system-ui,sans-serif;font-size:.78rem}.hero-trust-list{gap:.55rem}.hero-trust-list li{font-size:.72rem}.hero-badge-row{flex-wrap:wrap;gap:.6rem;display:flex}.hero-badge{border:2px solid var(--kh-line);background:var(--kh-primary);min-height:28px;color:var(--kh-text);align-items:center;padding:.35rem .75rem;font-family:Silkscreen,system-ui,sans-serif;font-size:.8rem;font-weight:700;display:inline-flex}.hero-badge-muted{background:var(--kh-surface)}.hero-kicker{color:var(--kh-primary-strong);letter-spacing:.08em;text-transform:uppercase;font-family:Silkscreen,system-ui,sans-serif;font-size:.85rem;font-weight:700}.hero-copy h1{color:var(--kh-heading);max-width:16ch;margin:0;font-family:Silkscreen,system-ui,sans-serif;font-size:clamp(1.95rem,4.8vw,3rem);line-height:1.12}.hero-copy>p{color:var(--kh-text-soft);max-width:50ch;margin:0;font-size:1rem}.hero-actions,.mini-demo-grid,.feature-grid,.hook-grid,.hero-subgrid,.hero-lower-grid,.steps-grid{gap:.85rem;display:grid}.hero-actions{grid-template-columns:repeat(3,max-content)}.hero-actions a{border:2px solid var(--kh-line);background:var(--kh-surface);min-height:38px;color:var(--kh-text);box-shadow:var(--kh-shadow-raised);justify-content:center;align-items:center;padding:.7rem .9rem;font-family:Silkscreen,system-ui,sans-serif;font-size:.85rem;font-weight:700;text-decoration:none;display:inline-flex}.hero-actions a:hover{background:var(--kh-panel-2)}.hero-actions a:first-child{background:var(--kh-primary)}.hero-actions a:active{box-shadow:var(--kh-shadow-pressed);transform:translate(1px,1px)}.hero-side-panel{display:none}.hero-stats-block{width:100%;margin-top:.1rem}.hero-install-section{width:100%;margin-top:-.05rem}.hero-support-grid{grid-template-columns:minmax(0,1fr);align-items:stretch;gap:.8rem;display:grid}.hero-lower-grid{grid-template-columns:minmax(0,1fr) minmax(240px,.82fr);align-items:stretch;margin-top:auto}.hero-stats{border:2px solid var(--kh-line);background:color-mix(in srgb, var(--kh-panel-2) 88%, var(--kh-surface));width:100%;box-shadow:var(--kh-shadow-card);grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem;padding:.85rem;display:grid}.hero-stats div{border:2px solid var(--kh-line);background:var(--kh-surface);box-shadow:var(--kh-shadow-raised);gap:.15rem;padding:.75rem .85rem;display:grid}.hero-stats strong{color:var(--kh-heading);font-family:Silkscreen,system-ui,sans-serif;font-size:1.05rem}.hero-stats span{color:var(--kh-text-soft);font-size:.82rem}.hero-install-card{align-self:stretch;padding:.85rem}.hero-side-panel .hero-install-card,.hero-side-panel .hero-demo-meta{margin:0}.hero-install-card h2{margin:0 0 .55rem;font-family:Silkscreen,system-ui,sans-serif;font-size:1rem}.hero-card{padding:.85rem}.hero-demo-card{background:linear-gradient(180deg, color-mix(in srgb, var(--kh-surface) 70%, var(--kh-panel)), var(--kh-panel));align-content:start;gap:.8rem;min-width:0;margin-top:.1rem;display:grid}.hero-demo-window{border:2px solid var(--kh-line);background:color-mix(in srgb, var(--kh-panel-2) 88%, var(--kh-surface));min-width:0;height:100%;box-shadow:var(--kh-shadow-pressed);grid-template-rows:auto auto auto minmax(0,1fr);gap:.8rem;padding:.65rem;display:grid}.hero-demo-window-bar{border-bottom:2px solid var(--kh-line);align-items:center;gap:.35rem;min-height:16px;padding-bottom:.45rem;display:flex}.hero-demo-window-bar span{border:2px solid var(--kh-line);background:var(--kh-surface);width:10px;height:10px}.hero-demo-window-bar strong{margin-left:.35rem;font-family:JetBrains Mono,ui-monospace,monospace;font-size:.78rem;font-weight:700}.hero-demo-header{flex-wrap:wrap;gap:.5rem;margin-bottom:0;display:flex}.hero-demo-pill{border:2px solid var(--kh-line);background:var(--kh-primary);color:var(--kh-text);align-items:center;padding:.35rem .7rem;font-family:Silkscreen,system-ui,sans-serif;font-size:.75rem;font-weight:700;display:inline-flex}.hero-demo-pill-soft{background:var(--kh-surface)}.hero-demo-shell{grid-template-columns:minmax(0,1.25fr) minmax(220px,.75fr);align-items:start;gap:.8rem;display:grid}.hero-demo-lead{gap:.4rem;padding:.25rem 0 .1rem;display:grid}.hero-demo-lead h2{margin:0;font-family:Silkscreen,system-ui,sans-serif;font-size:1rem;line-height:1.35}.hero-demo-lead p{color:var(--kh-text-soft);margin:0}.hero-demo-sidefacts{gap:.45rem;display:grid}.hero-demo-sidefacts div{border:2px solid var(--kh-line);background:var(--kh-surface);box-shadow:var(--kh-shadow-raised);gap:.15rem;padding:.65rem;display:grid}.hero-demo-sidefacts strong{font-family:Silkscreen,system-ui,sans-serif;font-size:.72rem}.hero-demo-sidefacts span{color:var(--kh-text-soft);font-size:.84rem}.hero-demo-card .demo-card{background:color-mix(in srgb, var(--kh-panel-2) 92%, var(--kh-surface));min-width:0;min-height:100%;box-shadow:var(--kh-shadow-card);border-width:2px;margin:0;padding:1rem}.hero-demo-card .demo-card-header p{max-width:40ch}.hero-demo-card .demo-source{border-top:2px solid var(--kh-line);padding-top:.75rem}.hero-demo-card .demo-preview{align-content:center;min-height:220px;padding:.35rem 0}.hero-demo-meta{grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem;display:grid}.hero-demo-meta div{border:2px solid var(--kh-line);background:var(--kh-surface);box-shadow:var(--kh-shadow-raised);gap:.2rem;padding:.6rem;display:grid}.hero-demo-meta strong{font-family:Silkscreen,system-ui,sans-serif;font-size:.72rem}.hero-demo-meta span{color:var(--kh-text-soft);font-size:.86rem;line-height:1.5}.section-heading>span{color:var(--kh-primary-strong);letter-spacing:.08em;text-transform:uppercase;font-family:Silkscreen,system-ui,sans-serif;font-size:.85rem;font-weight:700}.trust-list{flex-wrap:wrap;gap:.75rem;margin:0;padding:0;list-style:none;display:flex}.trust-list li{border:2px solid var(--kh-line);background:var(--kh-surface);align-items:center;min-height:28px;padding:.35rem .75rem;font-family:Silkscreen,system-ui,sans-serif;font-size:.75rem;display:inline-flex}.hero-subgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;max-width:900px}.hero-subcard,.feature-grid article,.hook-grid a,.steps-grid li,.cta-panel{padding:1rem}.hero-subcard{padding:.85rem 1rem}.hero-subcard-icon,.feature-icon,.step-number{border:2px solid var(--kh-line);background:var(--kh-primary);min-width:2.2rem;height:2.2rem;color:var(--kh-text);justify-content:center;align-items:center;margin-bottom:.7rem;font-family:Silkscreen,system-ui,sans-serif;font-size:.85rem;font-weight:700;display:inline-flex}.hero-subcard h3,.section-heading h2,.feature-grid article h3,.hook-grid a h3,.steps-grid li h3,.cta-panel h2{margin:0;font-family:Silkscreen,system-ui,sans-serif;line-height:1.3}.hero-subcard p,.section-heading p,.feature-grid article p,.hook-grid a p,.steps-grid li p,.cta-panel p{color:var(--kh-text-soft);margin:.45rem 0 0}.landing-section{margin-top:.75rem}.section-heading{gap:.35rem;max-width:52rem;margin-bottom:1rem;display:grid}.mini-demo-toolbar{border:2px solid var(--kh-line);background:var(--kh-surface);color:var(--kh-text-soft);box-shadow:var(--kh-shadow-raised);justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;padding:.85rem 1rem;display:flex}.mini-demo-toolbar a{color:var(--kh-text);font-family:Silkscreen,system-ui,sans-serif;font-size:.8rem;font-weight:700}.feature-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.feature-grid article,.hook-grid a{color:inherit;text-decoration:none}.hook-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hook-grid a:hover,.feature-grid article:hover,.hero-subcard:hover,.steps-grid li:hover,.cta-panel:hover{background:var(--kh-surface);transform:translate(-1px,-1px)}.steps-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0;list-style:none}.cta-panel{background:color-mix(in srgb, var(--kh-primary) 10%, var(--kh-panel-2));gap:.75rem;display:grid}@media (width>=1400px){.hero-grid{grid-template-columns:minmax(0,1fr);align-items:start}.hero-copy{min-height:24rem}.hero-support-grid{grid-template-columns:minmax(0,1fr)}.hero-demo-card{max-width:1100px}.hero-demo-window{padding:.85rem}.hero-demo-card .demo-preview{min-height:240px}}@media (width<=1280px){.hero-grid,.hero-lower-grid,.hero-demo-shell,.hero-support-grid,.hero-side-panel,.hero-demo-meta{grid-template-columns:1fr}}@media (width<=1180px){.pp-body{grid-template-columns:260px minmax(0,1fr)}.pp-outline{display:none}.feature-grid,.hook-grid,.hero-subgrid,.steps-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=900px){.pp-body,.hero-grid{grid-template-columns:1fr}.pp-sidebar{position:static}.pp-nav-inner,.pp-nav-right{flex-wrap:wrap}.pp-nav-links{overflow:auto}.hero-stats{grid-template-columns:1fr}.hero-copy h1{max-width:none}.hero-demo-card .demo-preview{min-height:220px}.hero-demo-meta{grid-template-columns:1fr}}@media (width<=640px){.pp-nav-inner,.pp-body,.pp-footer{width:min(100% - 1rem,1440px)}.hero-actions,.feature-grid,.hook-grid,.hero-subgrid,.steps-grid{grid-template-columns:1fr}.demo-card-header{flex-direction:column}.hero-copy{padding:1.1rem}.hero-stats-block,.hero-install-section,.hero-demo-card{margin-top:0}.hero-trust-list{gap:.45rem}.hero-demo-window-bar strong{display:none}.mini-demo-toolbar{flex-direction:column;align-items:flex-start}}