:root{--ink:#17192a;--muted:#5c6178;--line:#e6e1d6;--blue:#2448ff;--blue-deep:#1636d6;--blue-soft:#e7edff;--paper:#fbfaf5;--paper-2:#f3f0e6;--cream:#fffdf8;--star:#9db0ff;--mono:"IBM Plex Mono", ui-monospace, SFMono-Regular, Consolas, monospace;--sans:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--serif:"Fraunces", "Iowan Old Style", Georgia, serif;--shadow:0 22px 60px #17192a14;--radius:22px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:6rem}#sort,#demo,#how,#savings,.guide h2,.guide h3{scroll-margin-top:5.5rem}body{color:var(--ink);font:1rem/1.6 var(--sans);background:var(--paper);-webkit-font-smoothing:antialiased;margin:0}body:before{content:"";pointer-events:none;z-index:2;opacity:.028;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}h1,h2,h3,p,figure{margin:0}img{max-width:100%;height:auto;display:block}h1,h2,h3{letter-spacing:-.045em;text-wrap:balance;font-weight:750;line-height:1.08}h1{font-size:clamp(2.35rem,5vw,4rem)}h2{font-size:clamp(2.1rem,4vw,3.4rem)}h3{letter-spacing:-.03em;font-size:1.28rem}em{font-family:var(--serif);color:var(--blue);font-style:italic;font-weight:560}p{color:var(--muted)}:focus-visible{outline:3px solid var(--blue);outline-offset:4px}::selection{background:#d7e0ff}.wrap{width:min(1180px,100% - 4.5rem);margin-inline:auto}.skip{z-index:60;background:#fff;padding:1rem;position:fixed;top:0;transform:translateY(-150%)}.skip:focus{transform:none}.site-header{z-index:50;isolation:isolate;background:color-mix(in srgb, var(--paper) 92%, transparent);backdrop-filter:blur(14px);border-bottom:1px solid color-mix(in srgb, var(--line) 80%, transparent);position:sticky;top:0}.header{flex-wrap:nowrap;align-items:center;gap:1.25rem;min-height:68px;display:flex}.brand{white-space:nowrap;letter-spacing:-.04em;flex-shrink:0;align-items:center;gap:.7rem;font-size:1.12rem;font-weight:750;display:flex}.wordmark{white-space:nowrap}.brand:hover .mark{transform:translateY(-1px)}.mark{flex-shrink:0;width:28px;height:32px;transition:transform .16s;display:grid}.mark svg{width:28px;height:32px;display:block}nav{color:var(--muted);flex-wrap:nowrap;gap:1.35rem;margin-left:auto;font-size:.88rem;font-weight:550;display:flex}nav a:hover{color:var(--ink)}nav a[aria-current=page]{color:var(--blue)}.github,.button-ghost,.npx{border:1px solid var(--line);background:var(--cream);border-radius:999px}.github{white-space:nowrap;flex-shrink:0;padding:.42rem .95rem;font-size:.88rem;font-weight:600}.github:hover,.button-ghost:hover,.npx:hover{border-color:#c9d3ff}.hero{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:center;gap:3.25rem;padding:3.8rem 0 3.2rem;display:grid}.eyebrow,.micro{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--blue);font-size:.74rem}.eyebrow{margin-bottom:1.15rem}.lead{max-width:38rem;margin-top:1.35rem;font-size:1.08rem;line-height:1.7}.actions{flex-wrap:wrap;align-items:center;gap:1.1rem;margin-top:1.7rem;display:flex}.button{background:var(--blue);color:#fff;border:0;border-radius:999px;justify-content:center;align-items:center;gap:.5rem;padding:.78rem 1.2rem;font-size:.9rem;font-weight:650;display:inline-flex}.button:hover{background:var(--blue-deep)}.button-ghost{justify-content:center;align-items:center;padding:.78rem 1.1rem;font-size:.9rem;font-weight:650;display:inline-flex}.text-link{color:var(--ink);border-bottom:1px solid var(--line);padding-bottom:.08rem;font-size:.9rem;font-weight:600}.text-link:hover{border-color:var(--blue);color:var(--blue)}.launch-row{flex-wrap:wrap;align-items:center;gap:1rem;margin-top:1.5rem;display:flex}.npx{align-items:center;gap:.65rem;padding:.55rem .7rem .55rem .9rem;font-size:.84rem;display:inline-flex}.npx-prompt{color:var(--blue);font-family:var(--mono)}.npx code{font-family:var(--mono);font-size:.84rem}.npx-copy{background:var(--blue-soft);color:var(--blue);border-radius:999px;padding:.2rem .55rem;font-size:.72rem;font-weight:700}.launch-note{font-size:.78rem}.hero-art{position:relative}.hero-art:before{content:"";z-index:0;background:radial-gradient(circle,#d4deff 0%,#0000 68%);position:absolute;inset:10% 6% 16%}.hero-art img{z-index:1;object-fit:contain;object-position:center;border:1px solid var(--line);background:#f7f8fc;border-radius:20px;width:100%;height:auto;position:relative;box-shadow:0 18px 40px #17192a12}.hero-art figcaption{z-index:1;color:var(--muted);text-align:center;margin-top:.85rem;font-size:.84rem;position:relative}.integrations{border-block:1px solid var(--line);white-space:nowrap;scrollbar-width:none;flex-wrap:nowrap;align-items:center;gap:1rem 1.35rem;padding:1rem 0;display:flex;overflow-x:auto}.integrations::-webkit-scrollbar{display:none}.integrations .micro{white-space:nowrap;flex-shrink:0;width:max-content;max-width:none;margin-right:.4rem}.integrations strong{flex-shrink:0;font-size:.9rem;font-weight:650}.integrations>span:not(.micro){color:#b0b5c4}.section{padding-block:4.6rem}.section-heading{max-width:42rem}.section-heading>p:last-child{margin-top:1.1rem}.section-heading strong{color:var(--ink)}.section-heading code{font-family:var(--mono);background:var(--blue-soft);color:var(--blue);border-radius:.35rem;padding:.08rem .35rem;font-size:.86em}.desk{border:1px solid var(--line);box-shadow:var(--shadow);background:linear-gradient(#fff,#f6f3ea);border-radius:28px;margin-top:2rem;overflow:hidden}.desk-head{align-items:center;gap:1rem;padding:1.15rem 1.3rem .35rem;display:flex}.desk-face{object-fit:cover;object-position:52% 38%;background:#fff;border-radius:12px;flex-shrink:0;width:96px;height:96px}.speech{border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:12px;flex:1;margin:0;padding:.75rem 1rem;font-size:.9rem;font-weight:550}.inbox{background:color-mix(in srgb, var(--cream) 70%, transparent);border:1px dashed #d9d3c6;border-radius:18px;grid-template-columns:1fr 1fr;align-content:start;gap:.85rem;margin:.55rem 1.3rem 0;padding:.9rem;display:grid}.inbox:not(:has(.slip)){display:none}.inbox.over,.bin.over{outline:2px dashed var(--blue);outline-offset:-4px}.inbox-label{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);grid-column:1/-1;font-size:.7rem}.slip{background:var(--cream);cursor:grab;user-select:none;border:1px solid #e4ddd0;border-radius:12px;padding:.85rem .9rem .75rem;box-shadow:0 8px 18px #17192a0a}.slip:hover{transform:translateY(-1px)}.slip.dragging{opacity:.45}.slip.placed{cursor:grab;transform:none}.slip-top{justify-content:space-between;align-items:center;margin-bottom:.4rem;display:flex}.slip code{font-family:var(--mono);color:var(--ink);font-size:.78rem}.slip small{color:#7a8193;margin-top:.35rem;font-size:.72rem;display:block}.severity{font:700 .68rem/1 var(--mono);letter-spacing:.04em;color:#7c8493}.severity.error{color:#d44357}.severity.warn{color:#9a6b16}.severity.info,.severity.debug{color:#5d6b8a}.value{font:700 .68rem var(--mono);color:var(--blue);background:var(--blue-soft);border-radius:999px;padding:.12rem .42rem}.bin-analyze .value{background:#fff}.slip-actions{gap:.4rem;margin-top:.7rem;display:flex}.slip-actions button{border:0;border-radius:999px;flex:1;padding:.38rem .2rem;font-size:.68rem;font-weight:750}.slip-actions button[data-send=retain]{color:#3d4256;background:#eceaf3}.slip-actions button[data-send=analyze]{background:var(--blue);color:#fff}.placed .slip-actions{display:none}.slip.match{box-shadow:inset 0 0 0 2px #7d9a7a}.slip.miss{box-shadow:inset 0 0 0 2px #d44357}.bins{grid-template-columns:1fr 1fr;gap:1rem;padding:1rem 1.4rem;display:grid}.bin{border-radius:18px;min-height:220px;padding:.9rem;transition:transform .18s}.bin.got{transform:translateY(-3px)}.bin header{justify-content:space-between;align-items:baseline;gap:.7rem;margin-bottom:.75rem;display:flex}.bin header span{letter-spacing:-.03em;font-weight:800}.bin header small{opacity:.8;margin-left:auto;font-size:.72rem}.bin-count{text-align:center;min-width:1.35rem;font:700 .9rem/1 var(--mono)}.bin-retain{background:#eef0f6;border:1.5px solid #cfd3e0}.bin-analyze{background:var(--blue);color:#fff;border:1.5px solid var(--blue-deep)}.bin-analyze small{color:#d7deff}.pile{align-content:start;gap:.55rem;min-height:9.5rem;display:grid}.pile:empty:after{content:attr(data-empty);opacity:.45;border:1px dashed;border-radius:12px;place-items:center;min-height:9.5rem;font-size:.82rem;display:grid}.pile .slip{margin:0}.bin-analyze .slip{background:#eef2ff}.desk-bar{border-top:1px solid var(--line);background:#ffffff8c;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.4rem 1.25rem;display:flex}.desk-bar p{max-width:38rem;color:var(--ink);font-size:.88rem}.desk-actions{flex-wrap:wrap;gap:.6rem;display:flex}.features{grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:2.4rem;display:grid}.features article{background:var(--cream);border:1px solid var(--line);border-radius:20px;padding:1.3rem 1.2rem 1.4rem;box-shadow:0 10px 24px #17192a0a}.number{font:.8rem var(--mono);color:var(--blue)}.features h3{margin:1rem 0 .7rem}.features p{font-size:.95rem}.why{background:radial-gradient(circle at 12% 20%, #dce5ff 0 1.5px, transparent 2px), var(--paper-2);border-block:1px solid var(--line);padding:4.4rem 0}.why-grid{grid-template-columns:.9fr 1.1fr;align-items:center;gap:3.5rem;display:grid}.why-mascot{border-radius:22px;width:min(220px,58%);margin-top:1.5rem}.price{align-items:center;gap:1.3rem;margin-bottom:1.2rem;display:flex}.price strong{letter-spacing:-.07em;color:var(--blue);font-size:3.5rem;font-weight:750}.price>span{color:var(--muted);font-size:.84rem}.why-details{justify-content:space-between;gap:1rem;margin:1.4rem 0;display:flex}.why-details span{color:var(--muted);font-size:.78rem}.why-details b{color:var(--ink);margin-bottom:.2rem;font-size:.88rem;display:block}.small{font-size:.78rem;line-height:1.65}.small a{color:var(--blue);text-decoration:underline}.calculator{grid-template-columns:1.1fr .9fr;gap:2.5rem;margin-top:2rem;display:grid}form{gap:1rem;display:grid}fieldset{border:1px solid var(--line);background:var(--cream);border-radius:18px;grid-template-columns:1fr 1fr;gap:.9rem 1rem;margin:0;padding:.85rem 1rem 1.05rem;display:grid}legend{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--blue);padding:0 .35rem;font-size:.7rem}label{color:var(--muted);font-size:.82rem}input{border:1px solid var(--line);width:100%;color:var(--ink);background:#fff;border-radius:12px;margin-top:.4rem;padding:.7rem .8rem;display:block}.estimate{box-shadow:var(--shadow);background:#fff;border:1px solid #dce4ff;border-radius:22px;padding:1.6rem}.estimate>strong{color:var(--blue);letter-spacing:-.06em;font-size:3.2rem;font-weight:750;line-height:1.2;display:block}.estimate>span{font-size:.9rem}.cost-line{justify-content:space-between;gap:1rem;margin:1.2rem 0 .4rem;font-size:.78rem;display:flex}.bar{border-radius:999px;height:8px}.baseline-bar{background:#d5d8e4}.jev-bar{background:var(--blue);width:12.45%}.estimate .small{margin-top:1.3rem}.install{border-top:1px solid var(--line);grid-template-columns:.85fr 1.15fr;gap:3rem;display:grid}.install p:not(.eyebrow){max-width:28rem;margin:1.2rem 0}.code-panel{color:#dbe2f7;background:#141826;border-radius:20px;min-width:0;overflow:hidden}.code-heading{font:.82rem var(--mono);color:#a7b4d1;background:#1c2233;justify-content:space-between;padding:.85rem 1.2rem;display:flex}.code-heading button{color:#a8baff;background:0 0;border:0}pre{font:.82rem/1.85 var(--mono);tab-size:2;margin:0;padding:1.4rem 1.5rem;overflow:auto}.code-note{padding:0 1.5rem 1.2rem;color:#a7b4d1!important}.closing{border-top:1px solid var(--line);text-align:center;padding:4.2rem 0 4.6rem}.closing-banner{object-fit:contain;border:1px solid var(--line);width:min(920px,100%);box-shadow:var(--shadow);background:#fff;border-radius:24px;margin:0 auto 2rem}.closing .button{margin-top:1.5rem}.closing>p:last-child{margin-top:1.1rem;font-size:.78rem}.site-footer{border-top:1px solid var(--line)}.footer{color:var(--muted);flex-wrap:wrap;align-items:center;gap:1.4rem;padding:1.15rem 0;font-size:.82rem;display:flex}.footer .brand{color:var(--ink);white-space:nowrap;margin-right:auto}.blue{color:var(--blue)}.missing{text-align:center;justify-items:center;padding:3.5rem 0 5rem;display:grid}.missing img{border-radius:28px;width:min(280px,70vw);margin-bottom:.5rem}.missing p{max-width:32rem}.guide{max-width:820px;padding-block:3.2rem 4.5rem}.guide-kicker{justify-content:space-between;gap:1rem;font-size:.88rem;display:flex;margin-bottom:1.6rem!important}.guide-kicker a{color:var(--blue);font-weight:700;text-decoration:none}.guide-toc{flex-wrap:wrap;gap:.45rem;margin:0 0 2rem;display:flex}.guide-toc a{border:1px solid var(--line);background:var(--cream);border-radius:999px;padding:.28rem .7rem;font-size:.78rem;font-weight:650;color:var(--ink)!important;text-decoration:none!important}.guide-toc a:hover{border-color:#c9d3ff;color:var(--blue)!important}.guide h1{margin-bottom:1.1rem;font-size:clamp(2.4rem,5vw,3.3rem)}.guide h2{margin:2.4rem 0 .8rem;font-size:1.55rem}.guide h3{margin:1.6rem 0 .6rem;font-size:1.15rem}.guide p,.guide ul,.guide ol{color:var(--muted);margin:.9rem 0}.guide li+li{margin-top:.35rem}.guide pre{color:#dbe2f7;background:#141826;border-radius:16px;margin:1.1rem 0}.guide a:not(.button){color:var(--blue);text-decoration:underline}.guide :not(pre)>code{font-family:var(--mono);color:var(--ink);background:#f1eee4;border-radius:.3rem;padding:.08rem .32rem;font-size:.86em}.guide pre code{color:inherit;background:0 0;padding:0}.guide table{border-collapse:collapse;background:var(--cream);border-radius:16px;width:100%;font-size:.9rem;overflow:hidden}.guide th,.guide td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:.8rem .9rem}.guide th{letter-spacing:.04em;text-transform:uppercase;background:#f3f6ff;font-size:.78rem}@media (width<=1050px){.wrap{width:calc(100% - 2.5rem)}.hero,.why-grid,.calculator,.install{gap:1.6rem}.nav-optional{display:none}}@media (width<=860px){.hero,.bins,.why-grid,.calculator,.install{grid-template-columns:1fr}.desk-head{align-items:flex-start}.desk-face{width:88px;height:88px}.inbox,fieldset{grid-template-columns:1fr}.why-details{flex-direction:column;gap:.85rem}.desk-bar{flex-direction:column;align-items:stretch}.desk-actions .button,.desk-actions .button-ghost{text-align:center;flex:1;justify-content:center}.why-mascot{display:none}.header{gap:.75rem;min-height:60px}.brand{gap:.5rem;font-size:1.02rem}.mark,.mark svg{width:24px;height:28px}nav{gap:.85rem;font-size:.82rem}.nav-compact{display:none}.github{flex-shrink:0;padding:.32rem .7rem;font-size:.8rem}.hero{padding:1.6rem 0 1.8rem}.hero-copy h1{font-size:2.35rem}.section{padding-block:3.2rem}.features{grid-template-columns:1fr}.desk-bar,.guide-kicker{flex-wrap:wrap}.guide table{display:block;overflow-x:auto}.price strong,.estimate>strong{font-size:2.6rem}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.slip,.bin,.button{transition:none}.desk-mascot img,.desk-face{animation:none}}