@font-face{font-family:Geist;src:url('/fonts/geist-latin.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
@font-face{font-family:'Geist Mono';src:url('/fonts/geist-mono-latin.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
:root{font-family:Geist,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:#0a0a0a;background:#fff;font-synthesis:none;--muted:#737373;--line:#e5e5e5;--soft:#fafafa;--mono:'Geist Mono',ui-monospace,SFMono-Regular,Menlo,monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;font-size:16px;line-height:1.5}button,a,input,summary{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a,summary{touch-action:manipulation}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid #5c8eac;outline-offset:5px}button:disabled{cursor:default}p,h1,h2,h3,dl,dd{margin:0}p{color:var(--muted)}h1,h2,h3{font-weight:600}h2{font-size:36px;line-height:1.12;letter-spacing:-1.2px}h3{font-size:16px;line-height:24px}code,kbd{font-family:var(--mono)}.container{max-width:1152px;margin-inline:auto;padding-inline:24px}.icon{width:18px;height:18px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle}.icon-definitions{position:absolute;width:0;height:0;overflow:hidden}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:-80px;left:16px;z-index:30;padding:12px 20px;background:#171717;color:#fff;border-radius:8px}.skip-link:focus{top:12px}
.site-header{height:64px;display:flex;align-items:center;justify-content:space-between}.brand{font-weight:600;display:inline-flex;align-items:center;gap:12px;letter-spacing:-.3px}.brand-ascii{font:500 14px/1 var(--mono);letter-spacing:-1px}.ascii-icon{font:500 9px/1 var(--mono);letter-spacing:-.8px}.site-header nav{display:flex;align-items:center;gap:22px;color:var(--muted);font-size:14px}.site-header nav a{transition:color .15s}.site-header nav a:hover{color:#0a0a0a}.github-nav{display:grid;place-items:center;width:32px;height:32px}.github-nav .icon{width:18px;height:18px}
.hero-wrap{position:relative}.hero{max-width:896px;padding:64px 24px 40px;margin:auto;text-align:center}.release-badge{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--line);border-radius:999px;padding:4px 12px;font-size:13px;color:var(--muted);line-height:20px;transition:background .2s}.release-badge:hover{background:var(--soft)}.release-badge strong{font-weight:500;color:#171717}.release-badge .icon{width:13px;height:13px}.status-dot{display:inline-block;width:6px;height:6px;background:#58b977;border-radius:50%;flex-shrink:0}.badge-divider{height:12px;width:1px;background:var(--line)}h1{font-size:60px;line-height:.98;letter-spacing:-2.4px;margin:36px 0 18px}.hero-description{max-width:650px;margin:auto;font-size:18px;line-height:26px}.hero-actions{display:flex;gap:12px;justify-content:center;margin-top:26px}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:10px 20px;border:1px solid var(--line);border-radius:8px;font-weight:500;line-height:22px;background:#fff;transition:background .15s,transform .15s,box-shadow .15s}.button:hover{background:#f7f7f7;box-shadow:0 2px 5px #00000005}.button:active{transform:translateY(1px)}.button-primary{color:#fff;background:#171717;border-color:#171717}.button-primary:hover{background:#333}.button .icon{width:17px;height:17px}.hero-mascot{position:absolute;z-index:2;right:max(24px,calc((100vw - 1152px)/2));top:-8px;padding:0;border:0;background:none}.hero-mascot pre{font-family:var(--mono);font-variant-ligatures:none;font-feature-settings:"liga" 0,"calt" 0;font-weight:500;font-size:18px;line-height:22px;letter-spacing:0;text-align:left;margin:0;color:#4b4b4b;white-space:pre}
.demo-section{padding:0 24px;scroll-margin-top:24px}.demo-section #mac-demo{max-width:1152px;margin:auto}.no-script{min-height:300px;border:1px solid var(--line);border-radius:16px;display:grid;place-items:center;padding:48px}.features{padding-top:112px}.features h2{text-align:center;max-width:720px;margin:auto}.feature-grid{margin-top:56px;display:grid;grid-template-columns:repeat(3,1fr);column-gap:40px;row-gap:48px}.feature-icon{display:grid;place-items:center;width:36px;height:36px;border:1px solid var(--line);border-radius:8px;background:var(--soft);box-shadow:0 0 0 2px #00000002;margin-bottom:16px}.feature-grid h3{margin-bottom:8px}.feature-grid p{line-height:26px}
.privacy-section{max-width:1200px;margin:112px auto 0;padding:56px 48px;background:#eee;border-radius:16px;display:grid;grid-template-columns:40% 56%;gap:4%;scroll-margin-top:32px}.privacy-copy>p{margin-top:20px;line-height:26px}.privacy-promise{display:flex;gap:13px;margin-top:40px}.privacy-promise>.icon{margin-top:4px}.privacy-promise p{font-size:14px;line-height:23px;margin-top:4px}.connection-panel{background:#fff;border:1px solid #dedede;border-radius:16px;overflow:hidden;box-shadow:0 1px 8px #00000003}.connection-heading{display:flex;gap:10px;align-items:center;font-size:14px;padding:12px 16px;border-bottom:1px solid var(--line)}.connection-heading .icon{color:var(--muted);width:15px;height:15px}.connection-row{display:grid;grid-template-columns:37% 63%;padding:14px 16px;border-bottom:1px solid var(--line);font-size:14px}.connection-row:last-child{border-bottom:0;background:#fafafa}.connection-row dt{display:flex;align-items:flex-start;gap:12px;font-weight:500;padding-right:8px}.small-icon{width:28px;height:28px;border:1px solid #e8e8e8;background:#fafafa;border-radius:6px;display:grid;place-items:center;flex-shrink:0}.small-icon .icon{width:15px;height:15px}.connection-row dt{line-height:28px}.connection-row dd>code{color:var(--muted);font-size:12px;line-height:28px}.connection-row dd p{line-height:23px;margin-top:4px}.connection-row p code{font-size:11px;white-space:nowrap}
.get-started{padding-top:112px;padding-bottom:96px;text-align:center;scroll-margin-top:0}.section-description{margin-top:16px}.release-note{margin-top:14px}.start-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:48px;text-align:left}.start-card{padding:24px;border:1px solid var(--line);border-radius:14px;box-shadow:0 0 0 1px #00000002;display:flex;flex-direction:column;align-items:stretch}.start-card h3{display:flex;gap:10px;align-items:center}.start-card>p{font-size:14px;line-height:21px;margin-top:8px;margin-bottom:24px;min-height:63px}.start-card>.button{font-size:14px;padding:10px 12px;margin-top:auto}.start-card>.button .icon{width:15px;height:15px}.start-card summary,.card-secondary{font-size:14px;color:var(--muted);text-align:center;margin-top:14px;cursor:pointer}.start-card summary{list-style:none}.start-card summary::-webkit-details-marker{display:none}.start-card summary::after{content:'⌄';display:inline-block;margin-left:6px;font-size:13px}.start-card details[open] summary::after{transform:rotate(180deg)}.start-card details p{font-size:13px;line-height:21px;margin-top:12px}.start-card details kbd{font-size:11px}.card-secondary:hover{text-decoration:underline;text-underline-offset:4px}.command-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:16px;text-align:left}.command-card{padding:20px;border:1px solid var(--line);border-radius:14px;min-width:0}.command-card>span{font-size:14px;color:var(--muted)}.command{margin-top:8px;background:#fafafa;border-radius:7px;display:flex;gap:8px;align-items:center;justify-content:space-between;padding:10px 12px}.command>code{font-size:11px;overflow-x:auto;white-space:nowrap;scrollbar-width:thin;min-width:0}.copy-button{background:none;border:0;display:flex;align-items:center;gap:4px;font-size:12px;color:var(--muted);padding:0;min-height:24px;flex-shrink:0}.copy-button:hover{color:#171717}.copy-button .icon{width:13px;height:13px}.site-footer{border-top:1px solid var(--line);color:var(--muted);font-size:14px}.footer-content{display:flex;align-items:center;gap:24px;min-height:84px;flex-wrap:wrap}.copyright{display:inline-flex;align-items:center;gap:10px}.copyright .icon{width:14px;height:14px}.site-footer a:hover{color:#171717}.footer-github{margin-left:auto;display:inline-flex;align-items:center;gap:6px}.footer-github .icon{width:14px;height:14px}
.beyond-code{padding-top:72px}.beyond-code-content{border-bottom:1px solid var(--line);padding-bottom:48px;display:grid;grid-template-columns:1fr 1fr;gap:72px}.beyond-code h2{font-size:24px;line-height:1.2;letter-spacing:-.6px;margin-bottom:12px}.beyond-code p{font-size:15px;line-height:25px}.everyday-examples{display:grid;gap:16px}.everyday-examples strong{font-weight:500;color:#171717}.get-started h2{max-width:720px;margin-inline:auto}
@media(max-width:640px){.beyond-code{padding-top:48px}.beyond-code-content{grid-template-columns:1fr;gap:24px;padding-bottom:36px}.beyond-code h2{font-size:23px}}
@media(min-width:1600px){.hero-mascot{right:calc((100vw - 1152px)/2 + 25px)}}
@media(max-width:1199px){.privacy-section{margin-inline:24px;padding:40px 32px;grid-template-columns:36% 60%}.hero-mascot{right:32px;top:0}.hero-mascot pre{font-size:14px;line-height:18px}.connection-row{grid-template-columns:40% 60%}.connection-row dt{gap:8px}.command-card{padding:16px}.command>code{font-size:10px}}
@media(max-width:900px){.hero-mascot{right:18px;top:2px}.hero-mascot pre{font-size:11px;line-height:14px}.hero{padding-top:80px}h1{font-size:50px;letter-spacing:-2px;margin-top:36px}.hero-description{max-width:600px}.privacy-section{grid-template-columns:1fr;gap:32px}.privacy-copy h2 br{display:none}.privacy-copy{max-width:620px}.privacy-promise{margin-top:24px}.connection-row{grid-template-columns:35% 65%}.start-grid{gap:12px}.start-card{padding:20px 16px}.start-card>p{min-height:84px}.command-grid{grid-template-columns:1fr}.command>code{font-size:12px}.footer-content{gap:18px;font-size:12px}.feature-grid{gap:36px 28px}}
@media(max-width:640px){.container{padding-inline:24px}.site-header{height:64px}.site-header nav{gap:12px}.brand{font-size:15px;gap:8px}.brand-ascii{font-size:12px}.hero{padding:132px 24px 32px}.hero-mascot{right:calc(50% - 77px);top:0}.hero-mascot pre{font-size:12px;line-height:15px}.release-badge{font-size:11px;gap:6px;padding:4px 9px}.release-badge .icon{width:11px}.hero h1{font-size:38px;line-height:1.03;letter-spacing:-1.7px;margin-top:26px;margin-bottom:16px}.desktop-break{display:none}.hero-description{font-size:16px;line-height:24px}.hero-actions{margin-top:24px;gap:10px;flex-wrap:wrap}.hero-actions .button{font-size:14px;padding:10px 14px}.demo-section{padding:0 12px}.features{padding-top:72px}h2{font-size:30px;letter-spacing:-1px;line-height:1.15}.features h2 br{display:none}.feature-grid{grid-template-columns:1fr;margin-top:36px;gap:32px}.feature-grid article{padding-left:52px;position:relative}.feature-icon{position:absolute;left:0;top:0}.feature-grid p{font-size:15px;line-height:25px}.privacy-section{margin:72px 12px 0;padding:28px 20px;border-radius:14px}.privacy-copy>p{font-size:15px;line-height:25px}.connection-row{grid-template-columns:1fr;gap:6px;padding:14px}.connection-row dd{padding-left:40px}.connection-row dd>code{line-height:20px}.connection-panel{border-radius:12px}.get-started{padding-top:72px;padding-bottom:60px}.section-description{font-size:15px}.start-grid{grid-template-columns:1fr;margin-top:32px;gap:16px}.start-card{padding:24px}.start-card>p{min-height:auto;margin-bottom:24px}.command-card{padding:16px}.command>code{font-size:10px}.copy-button span{display:none}.footer-content{padding-block:24px;gap:14px 20px}.copyright{width:100%}.footer-github{margin-left:0}.footer-content a{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.hero-mascot{transform:none}}