*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--bg:#1a1814;--amber:#e8a23e;--amber-dim:#c4882e;--cream:#faf5ef;--cream-dim:#e0dbd3;--stone:#b5b0a6;--stone-dim:#8a857c;--border:#3a362e;--green:#6ec97a;--font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--font-mono:"SF Mono","Fira Code","Fira Mono","Roboto Mono",Menlo,Consolas,monospace}body,html{height:100%}body{font-family:var(--font-sans);background:var(--bg);color:var(--cream-dim);-webkit-font-smoothing:antialiased;line-height:1.6;font-size:16px}::selection{background:var(--amber);color:var(--bg)}a{color:var(--cream-dim);text-decoration:none;transition:color .15s}a:hover,strong{color:var(--cream)}strong{font-weight:700}.page{min-height:100vh;min-height:100dvh;flex-direction:column;max-width:800px;margin:0 auto;padding:0 clamp(20px,5vw,48px)}.page,main{display:flex}main{flex:1 1;flex-direction:column;justify-content:flex-start;padding-top:clamp(60px,12vh,120px)}.brand{display:flex;align-items:center;gap:10px;margin-bottom:24px}.logo{width:28px;height:28px}.brand-name{font-family:var(--font-mono);font-size:1.125rem;font-weight:700}.brand-name,h1{color:var(--cream);letter-spacing:-.02em}h1{font-family:var(--font-sans);font-size:clamp(1.5rem,3.5vw,2.25rem);font-weight:800;line-height:1.2;margin-bottom:16px}.desc{font-size:1rem;color:var(--cream-dim);line-height:1.6;margin-bottom:28px}.accent{color:var(--amber)}.troubleshoot-content{width:100%}.troubleshoot-desc{font-family:var(--font-sans);font-size:.8125rem;color:var(--cream-dim);margin-bottom:12px}.troubleshoot-url{display:flex;align-items:center;gap:12px;background:rgba(255,255,255,.03);border:1px solid var(--border);border-radius:6px;padding:10px 14px;margin-bottom:10px}.troubleshoot-url .code-content{font-size:.75rem;color:var(--amber)}.troubleshoot-sub{font-family:var(--font-sans);font-size:.6875rem;color:var(--stone-dim)}@keyframes bounce-arrow{0%,to{transform:translateY(0)}50%{transform:translateY(4px)}}.features-btn{font-family:var(--font-mono);font-size:.75rem;color:var(--amber);background:none;border:none;border-radius:0;cursor:pointer;padding:8px 0;margin-top:12px;transition:border-color .2s,background .2s;display:inline-flex;align-items:center;gap:8px;width:-moz-fit-content;width:fit-content}.features-btn:hover{color:var(--cream)}.features-btn:focus-visible{outline-offset:4px}.features-btn .arrow{display:inline-block;animation:bounce-arrow 1.5s ease-in-out infinite}.demo-section{min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;background:var(--bg);padding:clamp(24px,5vw,64px)}.demo-container{width:100%;max-width:1400px;border:1px solid var(--border);border-radius:12px;overflow:hidden;background:#000;box-shadow:0 0 0 1px rgba(255,255,255,.04),0 8px 30px rgba(0,0,0,.4),0 30px 80px rgba(0,0,0,.3)}.demo-tabs{display:flex;gap:0;background:rgba(255,255,255,.03);border-bottom:1px solid var(--border)}.demo-tab{font-family:var(--font-mono);font-size:.8125rem;color:var(--stone-dim);background:none;padding:12px 24px;cursor:pointer;transition:color .15s;border:none;border-bottom:2px solid transparent;margin-bottom:-1px}.demo-tab:hover{color:var(--cream-dim)}.demo-tab.active{color:var(--cream);border-bottom-color:var(--amber)}.demo-videos{position:relative;background:var(--bg);aspect-ratio:16/9;overflow:hidden}.demo-video-wrap{position:absolute;inset:0;opacity:0;transition:opacity .3s ease;pointer-events:none}.demo-video-wrap.active{opacity:1;pointer-events:auto}.demo-video{width:100%;height:100%;object-fit:contain}.run-label{font-size:.875rem;color:var(--cream-dim);margin-bottom:10px}.code-card{background:rgba(255,255,255,.03);border:1px solid var(--border);border-radius:10px;overflow:hidden;margin-bottom:24px}.code-tabs{display:flex;gap:0;border-bottom:1px solid var(--border);padding:0 4px}.code-tab{font-family:var(--font-sans);font-size:.8125rem;color:var(--stone-dim);background:none;padding:12px 16px;cursor:pointer;transition:color .15s;display:flex;align-items:center;gap:6px;border:none;border-bottom:2px solid transparent;margin-bottom:-1px;position:relative;z-index:1}.code-tab:hover{color:var(--cream-dim)}.code-tab.active{color:var(--cream);border-bottom-color:var(--amber)}.tab-icon{font-family:var(--font-mono);font-size:.75rem;opacity:.5}.code-body{display:flex;align-items:flex-start;padding:16px 20px;gap:12px}.code-content{flex:1 1;font-family:var(--font-mono);font-size:.8125rem;color:var(--cream-dim);line-height:1.7;white-space:pre-wrap;word-break:break-word;margin:0}.copy-btn{font-size:1rem;color:var(--stone-dim);background:none;border:none;cursor:pointer;padding:4px;transition:color .15s;flex-shrink:0;line-height:1}.copy-btn:hover{color:var(--cream)}.copy-btn.copied{color:var(--green)}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:20px}.action-btn{font-size:.8125rem;color:var(--cream-dim);padding:8px 16px;border:1px solid var(--border);border-radius:8px;transition:border-color .15s,background .15s}.action-btn:hover{border-color:var(--stone-dim);background:rgba(255,255,255,.03)}.links{font-size:.8125rem;color:var(--stone)}footer{flex-shrink:0;padding:20px 0;font-size:.75rem;color:var(--stone-dim)}:focus-visible{outline:2px solid var(--amber);outline-offset:3px}@media (max-width:480px){.actions{flex-direction:column}.action-btn{text-align:center}}