:root{--gray-1: #fcfcfc;--gray-2: #f9f9f9;--gray-3: #f0f0f0;--gray-4: #e8e8e8;--gray-5: #e0e0e0;--gray-6: #d9d9d9;--gray-7: #cecece;--gray-8: #bbbbbb;--gray-9: #8d8d8d;--gray-10: #838383;--gray-11: #646464;--gray-12: #202020;--gray-a3: rgba(0,0,0,.05);--gray-a4: rgba(0,0,0,.08);--gray-a12: rgba(0,0,0,.96);--shadow-2: 0 0 0 1px rgba(0,0,0,.07), 0 1px 3px rgba(0,0,0,.1);--green: #3fb950;--amber: #e3b341;--page-max-width: 640px;--font-family-display: "Inter", system-ui, -apple-system, sans-serif;--font-family-serif: "New York", Georgia, "Times New Roman", serif;--font-family-mono: "JetBrains Mono", Menlo, Consolas, monospace;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--ls-13: .003px;--ls-14: -.006px;--ls-16: -.011px;--ls-24: -.47px}.dark{--gray-1: #111111;--gray-2: #191919;--gray-3: #222222;--gray-4: #2a2a2a;--gray-5: #313131;--gray-6: #3a3a3a;--gray-7: #484848;--gray-8: #606060;--gray-9: #6e6e6e;--gray-10: #7b7b7b;--gray-11: #b4b4b4;--gray-12: #eeeeee;--gray-a3: rgba(255,255,255,.05);--gray-a4: rgba(255,255,255,.08);--gray-a12: rgba(255,255,255,.96);--shadow-2: 0 0 0 1px rgba(255,255,255,.06), 0 1px 3px rgba(0,0,0,.5)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;border:0;font:inherit}html{overflow-x:hidden;scrollbar-width:none;scroll-behavior:smooth;scroll-padding-top:128px;background-color:var(--gray-2);transition:background-color .3s ease}html::selection{color:var(--gray-1);background:var(--gray-12)}body{font-family:var(--font-family-display);font-size:14px;font-weight:var(--font-weight-normal);line-height:24px;letter-spacing:var(--ls-14);color:var(--gray-12);min-height:100dvh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"calt","ccmp","kern";transition:color .3s ease}a{color:inherit;text-decoration:none;cursor:pointer}button{cursor:pointer;background:none;border:none}input{background:none;outline:none;border:none;color:inherit}::selection{color:var(--gray-1);background:var(--gray-12)}#main-content{max-width:var(--page-max-width);margin:0 auto;padding-inline:24px}.nav{position:fixed;top:0;left:50%;z-index:50;display:flex;flex-direction:column;width:100%;background:linear-gradient(to bottom,color-mix(in srgb,var(--gray-2) 20%,transparent) 20%,color-mix(in srgb,var(--gray-2) 0%,transparent));transform:translate(-50%)}.nav:before{position:absolute;inset:0;z-index:-1;content:"";backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);mask-image:linear-gradient(to bottom,#000,#0000);-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%)}.nav-inner{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:var(--page-max-width);padding:20px 24px;margin:0 auto}.nav-logo{display:flex;align-items:center;gap:6px;font-family:var(--font-family-display);font-size:16px;font-weight:var(--font-weight-semibold);line-height:24px;color:var(--gray-12);transition:color .2s ease}.nav-logo:hover{color:#24837b}.dark .nav-logo:hover{color:#3aa99f}.nav-logo-icon{flex-shrink:0;color:#24837b;transition:color .2s ease}.dark .nav-logo-icon{color:#3aa99f}.nav-right{display:flex;align-items:center;gap:8px}.nav-links{display:flex;align-items:center;gap:8px;list-style:none}.nav-link{font-size:14px;font-weight:var(--font-weight-normal);letter-spacing:var(--ls-14);line-height:24px;color:var(--gray-8);transition:color .2s ease}.nav-link:hover{color:var(--gray-12)}.hero{display:flex;flex-direction:column;align-items:flex-start;padding-block-start:200px;padding-block-end:64px;gap:16px}.hero-title{font-size:24px;font-weight:var(--font-weight-semibold);line-height:32px;letter-spacing:var(--ls-24);color:var(--gray-12);transition:color .3s ease}.hero-sub{font-size:14px;line-height:24px;letter-spacing:var(--ls-14);color:var(--gray-9);transition:color .3s ease}.hero-actions{display:flex;align-items:center;gap:16px;padding-block-start:8px}.btn-primary{display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-family-display);font-size:14px;font-weight:var(--font-weight-medium);letter-spacing:var(--ls-14);line-height:24px;height:36px;padding:6px 20px;white-space:nowrap;border-radius:6px;color:var(--gray-1);background:var(--gray-12);transition:background-color .2s ease,transform .18s ease}.btn-primary:hover{background:var(--gray-11)}.dark .btn-primary{background:#3aa99f;color:#1c1b1a}.dark .btn-primary:hover{background:#2e9189}.btn-primary:active{transform:scale(.98)}.hero-secondary{font-size:14px;font-weight:var(--font-weight-normal);letter-spacing:var(--ls-14);line-height:24px;color:var(--gray-9);transition:color .2s ease}.hero-secondary:hover{color:var(--gray-12)}.btn-primary.gray{background:var(--gray-8);color:var(--gray-12)}.btn-primary.destructive{background:#ef44441a;color:#ef4444}.dark .btn-primary.destructive{background:#ef44441a;color:#f87171}.screenshot-wrapper{width:100vw;margin-left:50%;transform:translate(-50%);padding:0 24px 64px;max-width:1200px}.screenshot-wrapper img{width:100%}.btn{position:relative;display:flex;gap:4px;align-items:center;justify-content:center;font-family:var(--font-family-display);font-size:14px;font-weight:var(--font-weight-medium);letter-spacing:var(--ls-14);line-height:24px;height:32px;padding:6px 12px;white-space:nowrap;border-radius:6px;color:var(--gray-10);background:var(--gray-1);box-shadow:var(--shadow-2);transition:color .2s ease,background-color .2s ease,box-shadow .2s ease,transform .18s ease}.btn:hover{color:var(--gray-a12);background:var(--gray-a3)}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.6;cursor:default;transform:none}.footer-inner{max-width:var(--page-max-width);margin:0 auto;padding:32px 24px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--gray-4);transition:border-color .3s ease}.footer-logo{font-family:Playfair Display,Georgia,serif;font-size:14px;font-weight:var(--font-weight-semibold);color:var(--gray-8);transition:color .3s ease}.footer-note{font-size:13px;letter-spacing:var(--ls-13);color:var(--gray-8);transition:color .3s ease}@media(max-width:480px){.nav-inner{padding:24px 20px}#main-content{padding-inline:20px}.hero{padding-block-start:160px;padding-block-end:80px;flex-direction:column;gap:12px}.hero-title{font-size:20px}.screenshot-wrapper{padding:0 20px 40px}.footer-inner{padding:24px 20px}}.banner{display:flex;gap:6px;align-items:center;justify-content:center;width:100%;padding-block:8px;font-size:12px;color:var(--gray-1);letter-spacing:var(--ls-13);text-decoration:none;background:var(--gray-12);border-bottom:1px solid var(--gray-a3);transition:all .2s ease}.banner:hover{color:var(--gray-2);background:var(--gray-11)}.banner svg{flex-shrink:0}