:root{--font-family:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, Roboto, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";--primary:#007d9c;--secondary:#007d9c;--dark:#2c3e50;--light:#ecf0f1;--bg-color:#f9f9f9;--text-color:#333;--header-dark:#007d9c;--header-light:#ecf0f1;--nav-hover:#006a85;--focus-border:#4c9fff;--btn-bg:var(--primary);--btn-text:#fff;--custom-btn-text:#000;--custom-btn-bg:#fddd00;--custom-btn-hover:#fddd00;--code-bg:#f5f5f5;--code-color:#23272f;--code-border:#ccc;--code-comment:#818181;--code-radius:0;--code-font:"JetBrains Mono", "Cascadia Code", "Segoe UI Mono", "Consolas", monospace;--code-btn-bg:#007d9c;--code-btn-bg-hover:#006a85;--code-btn-color:#fff;--code-btn-padding:.3rem .6rem;--code-btn-font-size:.85rem;--code-btn-radius:0;--form-bg:#fafafa;--form-border:#e0e0e0;--form-focus-border:var(--header-dark);--border:#f2f2f2;--border-radius:0;--input-bg:#fff;--placeholder-text-color:#727272;--footer-bg:var(--light);--footer-text:#555;--footer-link:var(--dark)}[data-theme=dark]{--primary:#56bfd7;--secondary:#56bfd7;--dark:#ecf0f1;--light:#2c3e50;--bg-color:#1b1d24;--text-color:#c8c9cb;--header-dark:#1b1d24;--header-light:#ecf0f1;--nav-hover:#333a45;--focus-border:#4c9fff;--btn-bg:#0077c8;--btn-text:#fff;--custom-btn-text:#000;--custom-btn-bg:#fddd00;--custom-btn-hover:#fddd00;--code-bg:#23272f;--code-color:#dfdfdf;--code-border:#292c3c;--code-comment:#aaa;--code-btn-bg:#0077c8;--code-btn-bg-hover:#106fbf;--form-bg:#23272f;--form-border:#23272f;--form-focus-border:var(--primary);--border:#23272f;--input-bg:#333a45;--placeholder-text-color:#7d8495;--footer-bg:#23272f;--footer-text:#bbb;--footer-link:var(--secondary)}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/JetBrainsMono-Regular.woff2)format("woff2")}html{scroll-behavior:smooth;scroll-padding-top:1rem}body{font-family:var(--font-family);background-color:var(--bg-color);color:var(--text-color);margin:0}a{color:var(--secondary)}:focus-visible{outline:2px solid var(--focus-border);outline-offset:2px}header{background-color:var(--header-dark);color:var(--header-light);text-align:center;flex-direction:column;align-items:center;padding-bottom:1rem;display:flex}header .star{margin-bottom:0}header .star a{color:var(--btn-text);text-decoration:underline}.hamburger{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:5px;margin:.6rem 0;display:none}.hamburger span{background-color:#fff;border-radius:2px;width:25px;height:3px;transition:all .3s}.hamburger.active{z-index:2000;display:flex;position:fixed}.header-actions{transition:all .3s}.hamburger.active span:first-child{transform:translateY(8px)rotate(45deg)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:translateY(-8px)rotate(-45deg)}.heart{fill:currentColor;color:#fff;vertical-align:middle;margin-bottom:-1px;margin-right:8px;display:inline-block}.support-link:hover .heart{color:#fff}.nav-overlay{z-index:999;background:#00000080;width:100vw;height:100vh;display:none;position:fixed;top:0;left:0}.nav-links.active~.nav-overlay{display:block}@media (width<=768px){.hamburger-container{justify-content:center;align-items:center;width:40px;display:flex}.hamburger{z-index:1001;display:flex}.header-nav{justify-content:flex-end;align-items:center;min-height:50px;display:flex;position:relative}.nav-links{background:var(--header-dark);z-index:1500;flex-direction:column;width:200px;height:100vh;padding:50px 20px;transition:all .4s;position:fixed;top:0;right:-100%;box-shadow:-5px 0 15px #00000080}.nav-links.active{right:0}.nav-links .support-link{margin-left:-24px}.header-link{padding:15px 0;font-size:1.2rem}.header-actions{margin-right:1rem}}@media (width>=768px){.nav-links{flex-direction:row;justify-content:flex-end;gap:.3rem;width:calc(100% - 2rem);display:flex}}.header-nav{flex-direction:row;justify-content:flex-end;gap:.3rem;width:calc(100% - 2rem);padding:.5rem 1rem;display:flex;box-shadow:0 .0625rem .125rem #ababab4d}.nav-links a,.nav-links button,.header-actions a,.header-actions button{border-radius:var(--border-radius);justify-content:center;align-items:center;min-width:42px;height:42px;display:flex}.nav-links a:hover,.nav-links button:hover,.header-actions a:hover,.header-actions button:hover{background-color:var(--nav-hover)}.header-actions{flex-direction:row;justify-content:flex-end;display:flex}.github-link svg{fill:var(--btn-text);transition:opacity .2s}.header-link{color:var(--header-light);padding:0 .5rem;font-size:.9rem;text-decoration:none}.header-servy{color:var(--header-light);justify-content:center;align-items:center;margin-right:auto;padding:0 .5rem;font-size:1.3rem;font-weight:600;text-decoration:none;display:flex}.dark-mode-toggle{color:var(--header-light);cursor:pointer;background:0 0;border:none;align-items:center;gap:.4rem;padding:.4rem;font-size:1rem;display:inline-flex}.dark-mode-toggle .icon{stroke-width:2px;stroke:currentColor;fill:none;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.dark-mode-toggle .sun{display:none}[data-theme=dark] .dark-mode-toggle{background:var(--header-dark);color:var(--header-light)}[data-theme=dark] .dark-mode-toggle:hover{opacity:.8}[data-theme=dark] .dark-mode-toggle .moon{display:none}[data-theme=dark] .dark-mode-toggle .sun{display:inline}header h1{margin:6rem 1rem 1rem;font-size:2.45rem;font-weight:500}header h1 a{color:var(--header-light);text-decoration:none}header p{margin-top:.5rem;padding:0 .5rem;font-size:1.1rem}div.cta{flex-direction:row;margin-top:1.5rem;display:flex}.cta-btn{background:var(--custom-btn-bg);color:var(--custom-btn-text);border:var(--custom-btn-bg) 1px solid;border-radius:var(--border-radius);text-transform:capitalize;text-align:center;cursor:pointer;min-width:140px;margin-bottom:.75rem;margin-right:.75rem;padding:.8rem 1.5rem;font-size:1rem;text-decoration:none;display:inline-block}.cta-btn:hover{background:var(--custom-btn-hover);opacity:.97}.cta-btn-secondary{background:var(--header-dark);color:var(--btn-text);border:var(--btn-text) 1px solid}.cta-btn-secondary:hover{background:var(--header-dark);opacity:.95}.star{flex-direction:row;justify-content:center;display:flex}.star p{font-size:.78rem;line-height:1.25rem}.container{max-width:1000px;min-height:100vh;margin:2rem auto;padding:0 1rem}section{margin-bottom:2rem}section h1,section h2,section h3,section h4{color:var(--primary)}section h3{font-size:16px}section p,section li{margin-left:auto;margin-right:auto;font-size:1rem;line-height:1.6rem}.features-grid ul{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;padding:0;list-style:none;display:grid}.features-grid li{background:var(--form-bg);border:1px solid var(--form-border);border-radius:var(--border-radius);padding:1.25rem;font-size:.95rem;line-height:1.5;transition:transform .2s}.features-grid li:hover{border-color:var(--primary);transform:translateY(-3px)}.features-grid li strong{color:var(--primary);margin-bottom:.25rem;font-size:1.1rem;display:block}@media (width<=600px){.features-grid ul{grid-template-columns:1fr}}.use-cases-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:2rem;display:grid}.use-case-item{background:var(--form-bg);border-radius:var(--border-radius);border:1px solid var(--form-border);padding:1.5rem;transition:transform .2s}.use-case-item:hover{border-color:var(--primary);transform:translateY(-3px)}.use-case-item h3{color:var(--primary);margin-top:0;font-size:1.25rem}.use-case-item p{margin-bottom:0;font-size:.95rem;line-height:1.6}p.blockquote{border-left:4px solid var(--primary);color:var(--text-color);background-color:var(--light);margin:1rem 0;padding:.5rem 1rem}.cover-image{margin-bottom:.5rem}.cover-image img{object-fit:contain;max-width:100%;height:auto;display:block}.code-block{width:100%;display:inline-block;position:relative}.code-header{background-color:var(--code-header-bg,var(--code-bg));color:var(--code-header-color,var(--code-color));border:1px solid var(--code-border);border-top-left-radius:var(--code-radius);border-top-right-radius:var(--code-radius);font-family:var(--code-font);text-transform:capitalize;letter-spacing:.05em;border-bottom:none;align-items:center;padding:.6rem 1rem;font-size:.64rem;display:flex}.copy-btn{background:var(--code-btn-bg);color:var(--code-btn-color);padding:var(--code-btn-padding);font-size:var(--code-btn-font-size);border-radius:var(--code-btn-radius);cursor:pointer;border:none;position:absolute;top:4px;right:.5rem}.copy-btn:hover{background:var(--code-btn-bg-hover)}pre{background-color:var(--code-bg);color:var(--code-color);border-radius:var(--code-radius);font-family:var(--code-font);border:1px solid var(--code-border);margin:0;padding:1rem;font-size:1rem;overflow-x:auto}pre .code-comment{color:var(--code-comment)}code{font-family:var(--code-font);font-size:.84rem}.video-container{width:100%;max-width:560px;height:315px;position:relative;overflow:hidden}.video-container lite-youtube{border:0;width:100%;height:100%;position:absolute;top:0;left:0}#contact{background-color:var(--background)}form{background-color:var(--form-bg);border:1px solid var(--form-border);border-radius:var(--border-radius);gap:1rem;max-width:600px;padding:1rem;display:grid}.sr-only{clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}input,textarea{border:1px solid var(--form-border);border-radius:var(--border-radius);background-color:var(--input-bg);color:var(--text-color);padding:.75rem;font-family:inherit;font-size:1rem}input::placeholder,textarea::placeholder{color:var(--placeholder-text-color);opacity:1}input:focus,textarea:focus{outline:2px solid var(--form-focus-border)}textarea{resize:vertical;min-height:220px}button[type=submit]{background-color:var(--btn-bg);color:var(--btn-text);border-radius:var(--border-radius);cursor:pointer;border:none;padding:.75rem;font-size:1rem;transition:background-color .2s ease-in-out}button[type=submit]:hover{background-color:var(--btn-bg);opacity:.9}a.logo{margin-right:3px;text-decoration:none}footer{text-align:center;background:var(--footer-bg);color:var(--footer-text);padding:2rem;font-size:.9rem}.footer-links{flex-wrap:wrap;justify-content:center;gap:1rem;margin-bottom:1rem;display:flex}footer a{color:var(--footer-link);font-weight:600;text-decoration:none}footer a:hover{text-decoration:underline}footer p{line-height:1.5rem}#back-to-top{background-color:var(--btn-bg);width:42px;height:42px;color:var(--btn-text);cursor:pointer;opacity:0;visibility:hidden;z-index:1000;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:none;border-radius:50%;font-size:1.3rem;position:fixed;bottom:2rem;right:2rem}#back-to-top.show{opacity:1;visibility:visible}#back-to-top svg{width:28px;height:28px;fill:var(--btn-text)}@media (width<=600px){header h1{margin-top:7rem;font-size:2rem}div.cta{flex-direction:column;align-items:center;width:100%}.cta-btn{width:80%;margin-right:0}.video-container{max-width:100%;height:0;padding-bottom:56.25%}footer{padding-bottom:6rem}}