:root{--background: #fff;--background-dark: #f9fafb;--text: #212529;--primary: #212529;--primary-dark: hwb(210 13% 84%);--primary-hover: #3A404A;--secondary: #06f;--muted: #6b7280;--header-border: #eaeaea;--lang-text-bg: #fff;--lang-text: #212529;--lang-text-hover: #eee;--lang-text-selected: #fff;--lang-border: #ddd;--lang-secondary: #1a73e8;--btn-bg: #fff;--btn-bg: #212529;--btn-text: #fff;--pre-bg: #1F1F1F;--pre-color: #D0A347;--copy-btn-color: #f0f0f0;--copy-btn-hover-bg: #2F2F2F;--table-bg: #ffffff;--table-alt-bg: #fafafa;--table-header-bg: #f9f9f9;--table-text: #1a1a1a;--table-border: #ddd;--table-shadow: rgba(0, 0, 0, .1);--form-bg: #fafafa;--form-border: #e0e0e0;--footer-bg: #f5f5f5;--border: #f2f2f2;--border-radius: 8px;--max-width: 1200px}[data-theme=dark]{--background: #23272F;--background-dark: #1B1D24;--text: #F6F7F9;--primary: #F6F7F9;--primary-dark: #F6F7F9;--primary-hover: #3A404A;--secondary: #56BFD7;--muted: #9CA3AF;--header-border: #2D3138;--lang-text-bg: #23272F;--lang-text: #F6F7F9;--lang-text-hover: #3A404A;--lang-text-selected: #fff;--lang-border: #33372F;--lang-secondary: #1a73e8;--btn-bg: #121212;--btn-text: #F6F7F9;--pre-bg: #FFF;--pre-color: #1F1F1F;--copy-btn-color: #1F1F1F;--copy-btn-hover-bg: #eaeaea;--table-bg: #1e1e1e;--table-alt-bg: #2a2a2a;--table-header-bg: #2e2e2e;--table-text: #f0f0f0;--table-border: #444;--table-shadow: rgba(0, 0, 0, .5);--form-bg: #1B1D24;--form-border: #1B1D24;--footer-bg: #1B1D24;--border: #1B1D24}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:var(--background-dark);color:var(--text);line-height:1.6}a{color:var(--secondary);text-decoration:none}a:hover{text-decoration:underline}.container{width:90%;max-width:var(--max-width);margin:auto;padding:.5rem 0}html[data-loading] body{visibility:hidden}.header-container{display:flex;align-items:center;justify-content:space-between;width:90%;max-width:var(--max-width);margin:0 auto}header{background:var(--background);padding:.5rem 2rem;position:sticky;top:0;z-index:100}header.scrolled{border-bottom:1px solid var(--header-border)}a.site-title{text-decoration:none;color:inherit}h1{font-size:1.6rem;font-weight:700;color:var(--primary-dark);margin:0;-webkit-user-select:none;user-select:none}.hamburger{display:none;background:transparent;border:none;font-size:1.4rem;cursor:pointer}nav{display:flex;align-items:center;gap:1.5rem}nav ul{list-style:none;gap:1.2rem;margin:0;padding:0;display:flex}nav ul.nav-right{gap:0}nav ul li{display:flex;align-items:center}nav a{text-decoration:none;color:var(--text);font-weight:500;padding:.25rem .5rem;border-radius:4px;transition:background-color .2s ease,color .2s ease;font-size:.95rem}nav a:hover,nav a:focus{color:var(--secondary);background-color:var(--primary-light);outline:none;text-decoration:none}.github-link-content{display:flex;align-items:center}.github-link-content svg{margin-left:4px;vertical-align:middle}.github-link-text{margin-right:5px}.github-link svg{width:20px;height:20px;margin-left:4px;vertical-align:middle}.github-button-wrapper{display:flex;align-items:center;transform-origin:center;line-height:1;height:100%;margin-top:5px}.nav-github{display:flex;align-items:center}.lang-switcher{position:relative}#lang-toggle{background:transparent;border:none;font-size:1.2rem;cursor:pointer;color:var(--primary-dark);margin-right:20px;margin-top:5px}#lang-toggle :hover{stroke:var(--secondary)}.lang-menu{position:absolute;top:100%;right:-50%;margin-top:.5rem;border:1px solid var(--lang-border);border-radius:4px;z-index:1000;display:flex;flex-direction:column;gap:0}.lang-menu[hidden]{display:none!important}.lang-menu li{list-style:none;margin:0;padding:0}.lang-menu button{background:var(--lang-text-bg);border:none;padding:.5rem 1rem;text-align:left;width:100%;font-size:.95rem;cursor:pointer;color:var(--lang-text);transition:background-color .2s ease}.lang-menu button:hover{background-color:var(--lang-text-hover)}[data-lang][data-selected=true],[data-lang][data-selected=true]:hover{background-color:var(--lang-secondary);color:var(--lang-text-selected);font-weight:700;border-color:var(--primary-dark)}.theme-toggle-btn{background-color:var(--background);border:none;margin-right:10px}.theme-toggle-btn:hover{cursor:pointer}.theme-toggle-btn svg{stroke:var(--text);width:20px;height:20px;transition:stroke .3s ease}.theme-toggle-btn:hover svg{stroke:var(--secondary)}@media (max-width: 900px){header{position:static}.header-container{flex-direction:column;align-items:flex-start;gap:.75rem}.title-wrapper{display:flex;align-items:center}.hamburger{display:block;width:20px;height:24px;background:none;border:none;cursor:pointer;position:relative;z-index:200;margin-right:1rem}.hamburger .icon,.hamburger .icon:before,.hamburger .icon:after{content:"";display:block;height:2px;background-color:var(--primary-dark);border-radius:2px;position:absolute;left:0;right:0;transition:.3s ease}.hamburger .icon{top:50%;transform:translateY(-50%)}.hamburger .icon:before{top:-8px}.hamburger .icon:after{top:8px}.hamburger.active .icon{background-color:transparent}.hamburger.active .icon:before{transform:rotate(45deg);top:0}.hamburger.active .icon:after{transform:rotate(-45deg);top:0}nav{position:static;display:none;flex-direction:column;background:var(--background);padding:1rem 0;align-items:start}nav.active{display:flex}nav ul{flex-direction:column;gap:1rem}nav ul.nav-right{flex-direction:row}.lang-switcher{order:1;width:100%;margin-left:0;margin-top:0;display:flex;justify-content:flex-start;gap:.5rem}}.hero{background:var(--background);padding:8rem 2rem;text-align:center}.hero h2{font-size:2.5rem;margin-bottom:1rem}.hero p{font-size:1.1rem;color:var(--muted);margin-bottom:2rem}.hero-title{word-break:break-word;-webkit-hyphens:auto;hyphens:auto}.hero .btn,.about .btn{display:inline-block;background:var(--btn-bg);color:var(--btn-text);padding:.75rem 1.5rem;border-radius:var(--border-radius);text-decoration:none;font-size:1rem;transition:background .3s ease;min-width:200px}.hero .btn:hover,.about .btn:hover{background:var(--primary-hover)}section{padding:4rem 0}section h3{font-size:1.8rem;margin-bottom:1.5rem;text-align:center}.about{padding:3rem 1.5rem;background-color:var(--background-dark);color:var(--text);text-align:center;max-width:900px;margin:0 auto 4rem}.about h3{font-size:1.8rem;font-weight:700;margin-bottom:1rem;color:var(--primary-dark)}.about p{font-size:1.1rem;line-height:1.6;padding:0 .75rem;max-width:700px;margin:0 auto;color:var(--text-secondary)}.about .btn{margin-top:2rem}#quick-start{padding:3rem 1.5rem;background-color:var(--background-dark);color:var(--text);max-width:900px;margin:0 auto 4rem}#quick-start .container{width:fit-content}@media screen and (max-width: 768px){#quick-start .container{width:90%}#quick-start pre code{white-space:pre-wrap;word-break:break-word}}#quick-start p{font-size:1.1rem;line-height:1.6;padding:0 .75rem;max-width:700px;margin:0 auto;color:var(--text-secondary)}.code-block{position:relative;display:inline-block;width:100%;max-width:100%}#quick-start pre{padding:.4em 3.25em .4em 1em!important;margin:15px 0;background-color:var(--pre-bg);color:var(--pre-color);overflow-x:auto;border-radius:5px;font-size:1rem;line-height:1.6;padding:0 .75rem}#copy-btn{position:absolute;top:20px;right:8px;background:var(--pre-bg);border:none;padding:4px 8px;cursor:pointer;border-radius:4px;transition:background .2s ease}#copy-btn:hover{background:var(--copy-btn-hover-bg)}#icon-check{display:none}#icon-copy,#icon-check{stroke:var(--copy-btn-color)}#quick-start .credentials{margin:10px 0}#compare{background-color:var(--background)}.table-wrapper{overflow-x:auto;margin:1rem 0;border:1px solid var(--table-border);border-radius:8px}.comparison-table{width:100%;border-collapse:separate;border-spacing:0;min-width:600px;font-family:sans-serif;font-size:.95rem;color:var(--table-text);background-color:var(--table-bg)}.comparison-table thead{background-color:var(--table-header-bg)}.comparison-table thead tr{background-color:var(--table-header-bg)!important}.comparison-table th,.comparison-table td{padding:12px 16px;text-align:left;border-bottom:1px solid var(--table-border);white-space:nowrap}.comparison-table tr:nth-child(2n){background-color:var(--table-alt-bg)}.comparison-table tr:nth-child(odd){background-color:var(--table-bg)}.comparison-table th:first-child,.comparison-table td:first-child{position:sticky;left:0;background-color:var(--table-header-bg);z-index:1;box-shadow:2px 0 5px -2px var(--table-shadow);max-width:160px!important;white-space:normal!important;overflow-wrap:break-word}@media (min-width: 769px){.comparison-table th:not(:first-child),.comparison-table td:not(:first-child){max-width:180px;white-space:normal;overflow-wrap:break-word}.comparison-table th:first-child,.comparison-table td:first-child{max-width:none;white-space:nowrap}}@media (max-width: 768px){.comparison-table{font-size:.875rem}.comparison-table th:first-child,.comparison-table td:first-child{min-width:160px}}#features{background-color:var(--background)}#features .container{display:grid;gap:2rem}#features h4{margin-top:2rem;font-size:1.3rem;color:var(--primary-dark)}#features ul{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:.75rem;margin-top:.75rem;padding-left:0;list-style:none}#features ul li{background:var(--background-dark);padding:.75rem 1rem;border:1px solid var(--border);border-radius:var(--border-radius);font-size:.95rem;line-height:1.4}#demo{background-color:var(--background)}#demo .container{max-width:var(--max-width);margin:auto;display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;flex-direction:column;scroll-snap-type:x mandatory}.demo-group{background:var(--background-dark);border-radius:var(--border-radius);padding:1.5rem 2rem;border:1px solid var(--border);flex:1 1 200px;min-width:260px;display:flex;flex-direction:column;gap:.6rem;scroll-snap-align:start}.demo-group h4{margin-bottom:.75rem;color:var(--primary-dark);font-size:1.3rem;font-weight:700}.demo-group p{font-size:1rem;color:var(--text)}.demo-group a.btn{display:inline-block;align-self:flex-start;background-color:var(--btn-bg);color:var(--btn-text);padding:.6rem 1.2rem;border-radius:var(--border-radius);font-weight:600;text-decoration:none;transition:background-color .3s ease;margin:.5rem 0}.demo-group a.btn:hover{background-color:var(--primary-hover)}#support{background-color:var(--background-dark);padding:4rem 2rem;color:var(--text)}#support .container{max-width:var(--max-width);margin:auto}#support h3{font-size:1.8rem;margin-bottom:1.5rem;text-align:center;color:var(--primary-dark)}#support p{font-size:1rem;line-height:1.5;margin-bottom:1rem;max-width:700px;margin-left:auto;margin-right:auto}#support ul{list-style-type:disc;max-width:700px;margin-left:auto;margin-right:auto;margin-bottom:1.5rem;padding-left:1.5rem}#support ul li{margin-bottom:.6rem}#github-issues-support{margin-top:3rem;padding-top:2rem;text-align:center}#github-issues-support h4{font-size:1.6rem;margin-bottom:1rem;color:var(--primary-dark)}#github-issues-support p{font-size:1.05rem;max-width:700px;margin:0 auto}#github-issues-support a{color:var(--primary);font-weight:600;text-decoration:none;transition:color .2s ease}#github-issues-support a:hover{text-decoration:underline;color:var(--primary-dark)}#contact{background-color:var(--background)}form{display:grid;gap:1rem;max-width:600px;margin:1rem auto 0;padding:1rem;background-color:var(--form-bg);border:1px solid var(--form-border);border-radius:var(--border-radius)}input,textarea{padding:.75rem;font-size:1rem;border:1px solid var(--form-border);border-radius:var(--border-radius);font-family:inherit;width:100%}textarea{min-height:220px;resize:vertical}button[type=submit]{padding:.75rem;font-size:1rem;background-color:var(--btn-bg);color:var(--btn-text);border:none;border-radius:var(--border-radius);cursor:pointer;transition:background-color .2s ease-in-out}button[type=submit]:hover{background-color:var(--primary-hover)}footer{background-color:var(--footer-bg);text-align:center;padding:1.5rem 0;font-size:.9rem;color:var(--text)}footer a{color:inherit;font-weight:500}.page-wrapper{display:flex;flex-direction:column;min-height:100vh}.page-wrapper main.container{flex:1;padding:2rem;max-width:800px;margin:0 auto;line-height:1.6;font-size:1rem}.page-wrapper main.container h1{margin-bottom:1rem}.page-wrapper main.container h2{margin-bottom:.5rem}.page-wrapper main.container p{margin-bottom:1.5rem}@media (max-width: 768px){nav ul{flex-direction:column;gap:.5rem}.hero h2{font-size:2rem}#features ul{grid-template-columns:1fr}}