*,:before,:after{box-sizing:border-box}*{margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);color:var(--color-text);background-color:var(--color-bg);min-height:100vh;font-size:1rem;line-height:1.6}h1,h2,h3,h4,h5,h6{color:var(--color-text-bright);margin-top:var(--space-lg);margin-bottom:var(--space-md);font-weight:600;line-height:1.25}h1{font-size:3rem}h2{text-align:center;margin-top:var(--space-xl);margin-bottom:var(--space-xl);font-size:2rem}h3{margin-top:var(--space-xl);font-size:1.5rem}h4{font-size:1.25rem}h5{font-size:1rem}h6{font-size:.875rem}p{margin-bottom:var(--space-md);color:var(--color-text-muted)}blockquote{background-color:var(--color-bg-code);border:1px solid var(--color-border);border-left:3px solid var(--color-text-muted);border-radius:var(--border-radius);padding:var(--space-md) var(--space-lg);margin-top:var(--space-lg);margin-bottom:var(--space-lg);color:var(--color-text-muted)}blockquote p:last-child{margin-bottom:0}a{color:var(--color-primary);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-primary-hover)}strong,b{font-weight:600}code{font-family:var(--font-mono);background-color:var(--color-bg-code);border-radius:4px;padding:.2em .4em;font-size:.9em}pre{font-family:var(--font-mono);font-size:1em;line-height:1.7;overflow-x:auto}pre code{font-size:inherit;background:0 0;padding:0}img{max-width:100%;height:auto;display:block}ul,ol{padding-left:var(--space-lg);margin-bottom:var(--space-md)}li{margin-bottom:var(--space-xs)}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}::selection{background-color:var(--color-primary);color:var(--color-text-bright)}.btn{justify-content:center;align-items:center;gap:var(--space-sm);font-family:var(--font-sans);border-radius:var(--border-radius);cursor:pointer;transition:all var(--transition-fast);border:none;padding:.75rem 1.5rem;font-size:1rem;font-weight:500;line-height:1;text-decoration:none;display:inline-flex}.btn-primary{background-color:var(--color-primary);color:var(--color-text-bright)}.btn-primary:hover{background-color:var(--color-primary-hover);color:var(--color-text-bright)}.btn-secondary{color:var(--color-text);border:1px solid var(--color-border);background-color:#0000}.btn-secondary:hover{background-color:var(--color-bg-alt);color:var(--color-text-bright);border-color:var(--color-text-muted)}.btn-sm{padding:.5rem 1rem;font-size:.875rem}.btn-lg{padding:1rem 2rem;font-size:1.125rem}.card{background-color:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);padding:var(--space-lg);box-shadow:var(--shadow-sm)}.code-block{background-color:var(--color-bg-code);border:1px solid var(--color-border);border-left:3px solid var(--color-primary);border-radius:var(--border-radius);padding:var(--space-md) var(--space-lg);margin-top:var(--space-md);margin-bottom:var(--space-lg);overflow-x:auto}.code-block pre{margin:0}.code-block code{color:var(--color-text)}.code-block pre[class*=language-],.code-block code[class*=language-]{background:0 0}pre[class*=language-],code[class*=language-]{background:var(--color-bg-code)}.tabs{margin-bottom:var(--space-xl)}.tab-buttons{gap:var(--space-xs);padding:var(--space-xs);background-color:var(--color-bg-alt);border-radius:var(--border-radius);margin-bottom:var(--space-sm);display:inline-flex}.tab-button{padding:var(--space-sm) var(--space-lg);font-family:var(--font-sans);color:var(--color-text-muted);border-radius:calc(var(--border-radius) - 2px);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;font-size:.875rem;font-weight:500}.tab-button:hover{color:var(--color-text)}.tab-button.active{color:var(--color-text-bright);background-color:var(--color-primary);box-shadow:var(--shadow-sm)}.tab-panels{border:1px solid var(--color-border);border-radius:var(--border-radius);overflow:hidden}.tab-panel{display:none}.tab-panel.active{display:block}.tab-panel .code-block{border:none;border-radius:0;margin:0}@media (width<=640px){.tab-buttons{flex-direction:column;width:100%;display:flex}.tab-button{text-align:center;width:100%}}.feature-box{background-color:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);padding:var(--space-lg);transition:border-color var(--transition-fast)}.feature-box:hover{border-color:var(--color-primary-subtle)}.feature-box h3{margin-top:0;margin-bottom:var(--space-sm);font-size:1.25rem}.feature-box p{color:var(--color-text-muted);margin-bottom:0}.macos-window{background-color:var(--color-bg-code);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);overflow:hidden}.macos-window-titlebar{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:linear-gradient(to bottom, #2a2a35 0%, var(--color-bg-titlebar) 100%);border-bottom:1px solid var(--color-border);display:flex}.macos-window-buttons{gap:6px;display:flex}.macos-window-button{border-radius:50%;width:12px;height:12px}.macos-window-button.close{background-color:#ff5f57}.macos-window-button.minimize{background-color:#febc2e}.macos-window-button.maximize{background-color:#28c840}.macos-window-title{text-align:center;color:var(--color-text-muted);flex:1;margin-right:54px;font-size:.8125rem}.macos-window-content{padding:0}.macos-window-content video{width:100%;height:auto;display:block}.demo-video{border-radius:var(--border-radius-lg);width:100%;height:auto;box-shadow:var(--shadow-lg);display:block}.table{border-collapse:collapse;width:100%;font-size:.9375rem}.table th,.table td{padding:var(--space-sm) var(--space-md);text-align:left;border-bottom:1px solid var(--color-border)}.table th{color:var(--color-text-bright);background-color:var(--color-bg-alt);font-weight:600}.table tr:last-child td{border-bottom:none}.table code{font-size:.85em}.docs-table{margin-top:var(--space-md);margin-bottom:var(--space-lg);background-color:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--border-radius);overflow:hidden}.docs-table .table th,.docs-table .table td{padding:var(--space-md)}.icon-github{fill:currentColor;vertical-align:middle;width:1.25em;height:1.25em}.icon-download{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle;width:1em;height:1em}.callout-box{background:var(--color-primary-subtle);border:1px solid var(--color-primary);border-radius:var(--border-radius);padding:var(--space-lg);margin-top:var(--space-lg);margin-bottom:var(--space-lg)}.callout-box h4{color:var(--color-primary);margin:0 0 var(--space-sm) 0;font-size:1rem}.callout-box p{color:var(--color-text);margin:0}.callout-box p+p{margin-top:var(--space-sm)}.callout-box p.muted{margin-top:var(--space-sm);color:var(--color-text-muted)}.callout-box ul{margin:var(--space-sm) 0 0 0;padding-left:var(--space-lg);color:var(--color-text)}.callout-box li{margin-bottom:var(--space-xs)}.callout-box code{background:#0000004d;border-radius:4px;padding:.1em .4em}.callout-box>p:first-child>strong:first-child{color:var(--color-primary)}.callout-warning{background:var(--color-warning-subtle);border-color:var(--color-warning)}.callout-warning h4,.callout-warning>p:first-child>strong:first-child{color:var(--color-warning)}.container{width:100%;max-width:var(--container-max);padding-left:var(--space-md);padding-right:var(--space-md);margin-left:auto;margin-right:auto}.container>h2:first-child{margin-top:0}.grid{gap:var(--space-lg);display:grid}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}@media (width<=1024px){.grid-3{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.grid-2,.grid-3{grid-template-columns:1fr}}.flex{display:flex}.flex-center{justify-content:center;align-items:center;display:flex}.flex-between{justify-content:space-between;align-items:center;display:flex}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-muted{color:var(--color-text-muted)}.text-bright{color:var(--color-text-bright)}.text-primary{color:var(--color-primary)}.text-sm{font-size:.875rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.mt-0{margin-top:0}.mt-sm{margin-top:var(--space-sm)}.mt-md{margin-top:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.mt-xl{margin-top:var(--space-xl)}.mb-0{margin-bottom:0}.mb-sm{margin-bottom:var(--space-sm)}.mb-md{margin-bottom:var(--space-md)}.mb-lg{margin-bottom:var(--space-lg)}.mb-xl{margin-bottom:var(--space-xl)}.py-sm{padding-top:var(--space-sm);padding-bottom:var(--space-sm)}.py-md{padding-top:var(--space-md);padding-bottom:var(--space-md)}.py-lg{padding-top:var(--space-lg);padding-bottom:var(--space-lg)}.py-xl{padding-top:var(--space-xl);padding-bottom:var(--space-xl)}.py-2xl{padding-top:var(--space-2xl);padding-bottom:var(--space-2xl)}.px-sm{padding-left:var(--space-sm);padding-right:var(--space-sm)}.px-md{padding-left:var(--space-md);padding-right:var(--space-md)}.px-lg{padding-left:var(--space-lg);padding-right:var(--space-lg)}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.hidden{display:none}.block{display:block}.inline-block{display:inline-block}.navbar{z-index:100;background-color:var(--color-bg-transparent);backdrop-filter:blur(10px);border-bottom:1px solid var(--color-border);position:fixed;top:0;left:0;right:0}.navbar-inner{justify-content:space-between;align-items:center;height:64px;display:flex}.navbar-brand{align-items:center;gap:var(--space-sm);color:var(--color-text-bright);font-size:1.125rem;font-weight:600;text-decoration:none;display:flex}.navbar-brand svg{color:var(--color-primary)}.navbar-brand:hover{color:var(--color-text-bright)}.navbar-brand:hover svg{color:var(--color-primary-hover)}.navbar-brand svg{width:28px;height:28px}.navbar-nav{align-items:center;gap:var(--space-lg);margin:0;padding:0;list-style:none;display:flex}.navbar-nav a{color:var(--color-text-muted);padding:var(--space-xs) var(--space-sm);border-radius:var(--border-radius);transition:all var(--transition-fast);font-size:.9375rem}.navbar-nav a:hover{color:var(--color-text-bright)}.navbar-nav a.active{color:var(--color-primary)}.navbar-actions{align-items:center;gap:var(--space-md);display:flex}@media (width<=768px){.navbar-nav{display:none}}.hero{padding-top:calc(64px + var(--space-2xl));padding-bottom:var(--space-xl);text-align:center}.hero-logo{margin-bottom:var(--space-lg)}.hero-logo-img{width:auto;height:80px}.hero-logo-full{width:auto;max-width:100%;height:120px}.hero h1{letter-spacing:-.02em;background:linear-gradient(135deg, var(--color-text-bright) 0%, var(--color-primary) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:3.5rem;font-weight:700}.hero-subtitle{color:var(--color-primary);margin-bottom:var(--space-sm);letter-spacing:.05em;font-size:1.5rem;font-weight:500}.hero-subtitle-highlight{color:var(--color-text-bright);font-weight:700}.hero-tagline{color:var(--color-text-muted);max-width:min(var(--container-max), 600px);margin-left:auto;margin-right:auto;margin-bottom:var(--space-xl);font-size:1.25rem}.hero-actions{justify-content:center;align-items:center;gap:var(--space-md);flex-wrap:wrap;display:flex}@media (width<=640px){.hero-logo-img{height:60px}.hero-logo-full{height:80px}.hero h1{font-size:2.5rem}.hero-subtitle,.hero-tagline{font-size:1.125rem}}.highlights{padding-top:var(--space-lg);padding-bottom:var(--space-2xl)}.highlights-grid{gap:var(--space-lg);grid-template-columns:repeat(3,1fr);display:grid}.highlight{text-align:center;padding:var(--space-lg);border-radius:var(--border-radius);transition:background-color var(--transition-fast)}.highlight:hover{background-color:var(--color-bg-alt)}.highlight h3{margin-top:var(--space-sm);margin-bottom:var(--space-sm);color:var(--color-text-bright);font-size:1.125rem}.highlight p{color:var(--color-text-muted);margin-bottom:0;font-size:.9375rem;line-height:1.5}@media (width<=768px){.highlights-grid{gap:var(--space-md);grid-template-columns:1fr}.highlight{padding:var(--space-md)}}.demo{padding-top:var(--space-2xl);padding-bottom:var(--space-2xl);background-color:var(--color-bg-alt)}.quickstart{padding-top:var(--space-2xl);padding-bottom:var(--space-2xl)}.docs{padding-top:var(--space-2xl);padding-bottom:var(--space-2xl);background-color:var(--color-bg-alt)}.imprint{padding-top:calc(64px + var(--space-2xl));padding-bottom:var(--space-2xl)}.imprint h1{margin-bottom:var(--space-lg)}.imprint h2{text-align:left;font-size:1.5rem}.imprint h3{margin-top:var(--space-lg);margin-bottom:var(--space-sm);font-size:1.125rem}.footer{padding-top:var(--space-xl);padding-bottom:var(--space-xl);border-top:1px solid var(--color-border);text-align:center}.footer-content{align-items:center;gap:var(--space-sm);flex-direction:column;display:flex}.footer-content p{margin-bottom:0}.footer-tagline,.footer-credit{color:var(--color-text-muted);font-size:.875rem}.footer-credit a{color:var(--color-text-muted);transition:color var(--transition-fast)}.footer-credit a:hover,.footer-heart{color:var(--color-primary)}:root{--color-primary:#ec4899;--color-primary-hover:#db2777;--color-primary-subtle:#3b1f33;--color-warning-rgb:245, 158, 11;--color-warning:rgb(var(--color-warning-rgb));--color-warning-subtle:rgba(var(--color-warning-rgb), .1);--color-bg:#0f0f14;--color-bg-transparent:#0f0f14e6;--color-bg-alt:#1a1a24;--color-bg-card:#1f1f2e;--color-bg-code:#1e1e2e;--color-bg-titlebar:#1a1a20;--color-text:#e5e5e5;--color-text-muted:#9ca3af;--color-text-bright:#fff;--color-border:#2e2e3e;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 12px #0006;--shadow-lg:0 20px 50px #00000080;--font-sans:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:2rem;--space-xl:4rem;--space-2xl:6rem;--container-max:900px;--border-radius:8px;--border-radius-lg:12px;--transition-fast:.15s ease;--transition-normal:.25s ease}