*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:#1c1917;background:#faf9f7;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.55}a{color:inherit;text-decoration:none}code,pre{font-family:JetBrains Mono,Fira Code,ui-monospace,Cascadia Code,monospace}kbd{background:#f3f4f6;border:1px solid #d1d5db;border-radius:4px;padding:1px 5px;font-family:inherit;font-size:.82em;display:inline-block}.skip-link{z-index:9999;color:#fff;background:#e8751a;border-radius:6px;padding:6px 14px;position:absolute;top:8px;left:-9999px}.skip-link:focus{left:8px}.site-header{z-index:50;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#1c1917;border-bottom:1px solid #ffffff12;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;gap:16px;max-width:1100px;height:56px;margin:0 auto;padding:0 24px;display:flex}.brand{color:#fff;align-items:center;gap:10px;display:flex}.brand img{border-radius:7px;width:30px;height:30px}.brand-name{letter-spacing:-.3px;font-size:17px;font-weight:700}.brand-version{color:#fb923c;background:#e8751a33;border:1px solid #e8751a59;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:600}.header-nav{gap:2px;display:flex}.nav-link{color:#a8a29e;border-radius:7px;padding:6px 12px;font-size:14px;font-weight:500;transition:background .15s,color .15s}.nav-link:hover{color:#fff;background:#ffffff14}.lang-switch{border-left:1px solid #ffffff26;align-items:center;gap:2px;margin-left:6px;padding-left:10px;display:flex}.lang-switch a{color:#a8a29e;border-radius:6px;padding:4px 8px;font-size:13px;font-weight:600;transition:background .15s,color .15s}.lang-switch a:hover{color:#fff;background:#ffffff14}.lang-switch a.active{color:#fb923c;background:#e8751a26}.hero{color:#fff;text-align:center;background:linear-gradient(155deg,#1c1917 0%,#292524 55%,#3b1a08 100%);padding:72px 24px 60px}.hero-eyebrow{letter-spacing:.1em;text-transform:uppercase;color:#fb923c;margin-bottom:16px;font-size:12px;font-weight:600;display:inline-block}.hero-title{letter-spacing:-.03em;color:#fafaf9;margin-bottom:18px;font-size:clamp(32px,5.5vw,56px);font-weight:800;line-height:1.08}.hero-sub{color:#a8a29e;max-width:580px;margin:0 auto 32px;font-size:clamp(15px,2vw,18px);line-height:1.6}.install-row{background:#ffffff0f;border:1px solid #ffffff1c;border-radius:10px;align-items:stretch;gap:0;margin-bottom:28px;display:inline-flex;overflow:hidden}.install-code{color:#d6d3d1;-webkit-user-select:all;user-select:all;cursor:text;padding:11px 20px;font-size:14px;line-height:1}.install-copy{color:#e7e5e4;cursor:pointer;white-space:nowrap;background:#ffffff12;border:none;border-left:1px solid #ffffff1a;padding:11px 18px;font-size:13px;font-weight:600;transition:background .15s}.install-copy:hover{color:#fb923c;background:#e8751a40}.hero-links{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.btn{cursor:pointer;border:none;border-radius:9px;align-items:center;gap:6px;padding:10px 22px;font-size:14px;font-weight:600;transition:opacity .15s,transform .12s;display:inline-flex}.btn:hover{opacity:.88;transform:translateY(-1px)}.btn-primary{color:#fff;background:#e8751a}.btn-secondary{color:#e7e5e4;background:#ffffff17;border:1px solid #ffffff24}.features-strip{background:#242220;border-bottom:1px solid #ffffff0f;padding:14px 0;position:relative;overflow:hidden}.features-strip:before,.features-strip:after{content:"";z-index:1;pointer-events:none;width:80px;position:absolute;top:0;bottom:0}.features-strip:before{background:linear-gradient(90deg,#242220 0%,#0000 100%);left:0}.features-strip:after{background:linear-gradient(270deg,#242220 0%,#0000 100%);right:0}.features-inner{white-space:nowrap;align-items:center;gap:8px;width:max-content;margin:0;padding:0;list-style:none;animation:40s linear infinite an-marquee;display:flex}.features-strip:hover .features-inner{animation-play-state:paused}@keyframes an-marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.feat{color:#a8a29e;background:#ffffff0d;border:1px solid #ffffff12;border-radius:999px;flex-shrink:0;padding:4px 12px;font-size:12px;font-weight:500;transition:color .15s,border-color .15s}.feat:hover{color:#fb923c;border-color:#e8751a59}.demo-section{max-width:920px;margin:0 auto;padding:52px 24px 56px}.section-header{margin-bottom:24px}.section-title{margin-bottom:6px;font-size:26px;font-weight:700}.section-sub{color:#78716c;font-size:14px}.section-sub code{color:#44403c;background:#f3f4f6;border-radius:4px;padding:1px 5px;font-size:.9em}#lang-bar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px;display:flex}#lang-bar label{color:#57534e;font-size:13px;font-weight:600}#lang-select{cursor:pointer;color:#1c1917;background:#fff;border:1px solid #e7e5e4;border-radius:7px;padding:5px 10px;font-size:13px;transition:border-color .15s}#lang-select:focus{border-color:#e8751a;outline:none}#lang-bar .bar-spacer{flex:1}#theme-btn{color:#44403c;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #e7e5e4;border-radius:7px;align-items:center;gap:6px;padding:5px 14px;font-size:13px;font-weight:600;transition:background .15s,border-color .15s,color .15s;display:inline-flex}#theme-btn:hover{color:#e8751a;border-color:#e8751a}#theme-btn svg{flex-shrink:0;transition:transform .35s}#theme-btn.is-dark{color:#cdd6f4;background:#1e1e2e;border-color:#313244}#theme-btn.is-dark:hover{color:#89b4fa;border-color:#89b4fa}#theme-btn.is-dark svg{transform:rotate(180deg)}#demo-outer{transition:background .25s}#demo-outer.is-dark{background:#13131a}#demo-outer.is-dark .section-title{color:#cdd6f4}#demo-outer.is-dark .section-sub{color:#6c7086}#demo-outer.is-dark .section-sub code{color:#cdd6f4;background:#313244}#demo-outer.is-dark #lang-bar label{color:#a6adc8}#demo-outer.is-dark #lang-select{color:#cdd6f4;background:#1e1e2e;border-color:#45475a}#demo-outer.is-dark .out-label{color:#6c7086}#demo-outer.is-dark #output{color:#cdd6f4;background:#181825;border-color:#313244}#demo-outer.is-dark #readonly-badge{color:#e8a44a;background:#2a2010;border-color:#6b4c1a}#demo-outer.is-dark #readonly-editor-wrapper{background:#1e1e2e;border-color:#45475a}.output-row{grid-template-columns:1fr 1fr;gap:20px;margin-top:20px;display:grid}@media (width<=620px){.output-row{grid-template-columns:1fr}}.out-label{text-transform:uppercase;letter-spacing:.06em;color:#78716c;margin-bottom:7px;font-size:12px;font-weight:600}#output{color:#44403c;white-space:pre-wrap;word-break:break-all;background:#fff;border:1px solid #e7e5e4;border-radius:7px;min-height:80px;max-height:220px;padding:12px 14px;font-size:12px;overflow-y:auto}#readonly-bar{justify-content:space-between;align-items:center;margin-bottom:7px;display:flex}#readonly-badge{color:#92400e;background:#fef3c7;border:1px solid #fcd34d;border-radius:999px;align-items:center;gap:4px;padding:2px 10px;font-size:11px;font-weight:600;display:inline-flex}#readonly-editor-wrapper{background:#fff;border:2px solid #fcd34d;border-radius:8px;overflow:hidden}.faq-section{padding:52px 24px 60px}.faq-inner{max-width:780px;margin:0 auto}.faq-list{gap:10px;margin-top:20px;display:grid}.faq-item{background:#fff;border:1px solid #e7e5e4;border-radius:10px;padding:14px 18px}.faq-item summary{cursor:pointer;color:#1c1917;font-size:15px;font-weight:600;list-style:none}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:before{content:"+ ";color:#e8751a;font-weight:700}.faq-item[open] summary:before{content:"– "}.faq-item p{color:#57534e;margin-top:10px;font-size:14px;line-height:1.6}.faq-item code{color:#44403c;background:#f3f4f6;border-radius:4px;padding:1px 5px;font-size:.9em}.install-section{color:#e7e5e4;background:#171412;padding:60px 24px}.install-inner{max-width:780px;margin:0 auto}.install-inner .section-title{color:#fafaf9;margin-bottom:8px}.install-inner .section-sub{color:#78716c;margin-bottom:32px}.code-blocks{gap:14px;display:grid}.code-block{background:#ffffff0a;border:1px solid #ffffff14;border-radius:10px;overflow:hidden}.code-label{color:#78716c;background:#ffffff08;border-bottom:1px solid #ffffff0f;padding:8px 16px;font-size:12px;font-weight:600}.code-block pre{padding:16px 18px;font-size:13px;line-height:1.65;overflow-x:auto}.code-block code{color:#c9b99a}.code-block code .kw{color:#fb923c}.code-block code .str{color:#86efac}.code-block code .cm{color:#57534e}.site-footer{color:#57534e;background:#0f0e0d;border-top:1px solid #ffffff0d;padding:24px}.footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;max-width:1100px;margin:0 auto;display:flex}.footer-copy{font-size:13px}.footer-links{gap:20px;display:flex}.footer-links a{color:#78716c;font-size:13px;transition:color .15s}.footer-links a:hover{color:#e7e5e4}@media (width<=480px){.header-nav .nav-link{padding:6px 8px;font-size:13px}.hero{padding:48px 16px 44px}.demo-section{padding:36px 16px 40px}}