.hero{padding:6rem 0 5rem;text-align:center}.ascii-logo{font-family:var(--font-mono);font-size:.5rem;line-height:1.1;color:var(--accent);margin-bottom:2rem;overflow-x:auto;white-space:pre;background:transparent;border:none;padding:0}@media(min-width:640px){.ascii-logo{font-size:.65rem}}@media(min-width:900px){.ascii-logo{font-size:.75rem}}.tagline{font-size:1.5rem;font-weight:600;margin-bottom:1rem;letter-spacing:-.02em}@media(min-width:640px){.tagline{font-size:1.75rem}}.subtitle{color:var(--text-secondary);font-size:1.1rem;max-width:600px;margin:0 auto 2.5rem}.install-box{display:inline-flex;align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:.75rem 1rem;gap:1rem;margin-bottom:3rem}.install-command{font-family:var(--font-mono);font-size:1rem;color:var(--text-primary);background:none;padding:0}.copy-btn{display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:.25rem;border-radius:4px;transition:color .2s ease,background .2s ease}.copy-btn:hover{color:var(--text-primary);background:var(--bg-tertiary)}.stats{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:1.5rem;margin-bottom:3rem}@media(min-width:640px){.stats{gap:2rem}}.stat{display:flex;flex-direction:column;align-items:center}.stat-value{font-family:var(--font-mono);font-size:1.5rem;font-weight:700;color:var(--accent)}@media(min-width:640px){.stat-value{font-size:2rem}}.stat-label{font-size:.875rem;color:var(--text-muted)}.stat-divider{width:1px;height:40px;background:var(--border-color);display:none}@media(min-width:640px){.stat-divider{display:block}}.cta-buttons{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.benchmark{background:var(--bg-secondary);border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color)}.benchmark-subtitle{color:var(--text-secondary);margin-bottom:2.5rem}.benchmark-table{overflow-x:auto;margin-bottom:2rem}.benchmark-table table{width:100%;border-collapse:collapse;font-family:var(--font-mono);font-size:.875rem}.benchmark-table th,.benchmark-table td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid var(--border-color)}.benchmark-table th{color:var(--text-muted);font-weight:500;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em}.benchmark-table td:first-child{font-weight:600}.benchmark-table tr.highlight td{color:var(--accent)}.benchmark-table tr.highlight td:first-child{position:relative}.benchmark-table tr.highlight td:first-child:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:60%;background:var(--accent);border-radius:2px}.benchmark-note{color:var(--text-muted);font-size:.875rem;text-align:center}.benchmark-note code{color:var(--text-secondary)}.features{background:var(--bg-primary)}.feature-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media(min-width:640px){.feature-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:900px){.feature-grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:1200px){.feature-grid{grid-template-columns:repeat(4,1fr)}}.feature-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:1.5rem;transition:border-color .2s ease}.feature-card:hover{border-color:var(--ds-gray-500)}.feature-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);border-radius:8px;margin-bottom:1rem;color:var(--accent)}.feature-card h3{margin-bottom:.5rem}.feature-card p{color:var(--text-secondary);font-size:.9rem;line-height:1.6}.whats-new{background:var(--bg-primary)}.whats-new h2{margin-bottom:.5rem}.whats-new-subtitle{color:var(--text-secondary);font-size:.95rem;margin-bottom:2rem}.whats-new-grid{display:grid;grid-template-columns:1fr;gap:1.25rem}@media(min-width:640px){.whats-new-grid{grid-template-columns:repeat(2,1fr)}}.whats-new-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:1.25rem;transition:border-color .2s ease}.whats-new-card:hover{border-color:var(--ds-gray-500)}.whats-new-card h3{font-size:1rem;margin-bottom:.75rem;color:var(--text-primary)}.whats-new-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.4rem}.whats-new-list li{font-size:.85rem;color:var(--text-secondary);display:flex;align-items:baseline;gap:.5rem;line-height:1.5}.whats-new-list li:before{content:">";color:var(--ds-gray-500);flex-shrink:0;font-size:.8rem}.whats-new-list code{font-size:.8rem;padding:.1em .35em}.version-toggle{margin-top:2.5rem;text-align:center}.version-toggle-btn{background:transparent;border:1px solid var(--border-color);color:var(--text-secondary);padding:.5rem 1rem;border-radius:6px;font-size:.85rem;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:.5rem;font-family:inherit}.version-toggle-btn:hover{border-color:var(--ds-gray-500);color:var(--text-primary)}.toggle-arrow{display:inline-block;transition:transform .2s ease;font-size:.75rem}.v2-features{margin-top:2rem;padding-top:2rem;border-top:1px solid var(--border-color);animation:fadeIn .3s ease}.v2-title{font-size:1.2rem;margin-bottom:.5rem;color:var(--text-secondary)}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}code[class*=language-],pre[class*=language-]{color:#ccc;background:none;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto}:not(pre)>code[class*=language-],pre[class*=language-]{background:#2d2d2d}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.comment,.token.block-comment,.token.prolog,.token.doctype,.token.cdata{color:#999}.token.punctuation{color:#ccc}.token.tag,.token.attr-name,.token.namespace,.token.deleted{color:#e2777a}.token.function-name{color:#6196cc}.token.boolean,.token.number,.token.function{color:#f08d49}.token.property,.token.class-name,.token.constant,.token.symbol{color:#f8c555}.token.selector,.token.important,.token.atrule,.token.keyword,.token.builtin{color:#cc99cd}.token.string,.token.char,.token.attr-value,.token.regex,.token.variable{color:#7ec699}.token.operator,.token.entity,.token.url{color:#67cdcc}.token.important,.token.bold{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.token.inserted{color:green}.code-example{background:var(--bg-secondary);border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color)}.tabs{display:flex;gap:.5rem;margin-bottom:1rem;border-bottom:1px solid var(--border-color);padding-bottom:.5rem}.tab{background:transparent;border:none;color:var(--text-muted);font-family:var(--font-mono);font-size:.875rem;padding:.5rem 1rem;cursor:pointer;border-radius:4px;transition:all .2s ease}.tab:hover{color:var(--text-primary);background:var(--bg-tertiary)}.tab.active{color:var(--accent);background:var(--bg-tertiary)}.code-container{position:relative;min-height:350px;margin-bottom:1.5rem}.code-block{position:absolute;top:0;left:0;right:0;opacity:0;visibility:hidden;transition:opacity .2s ease}.code-block.visible{opacity:1;visibility:visible;position:relative}.code-block code{display:block;white-space:pre}.code-block pre{margin:0;padding:1.5rem;border-radius:8px;overflow-x:auto;font-size:.875rem;line-height:1.6;background:#1d1f21!important}.code-block pre code{font-family:var(--font-mono);background:transparent!important}.code-note{color:var(--text-muted);font-size:.875rem}.footer{background:var(--bg-primary);border-top:1px solid var(--border-color);padding:3rem 0 2rem;margin-top:auto}.footer-content{display:flex;flex-direction:column;gap:2rem;margin-bottom:2rem}@media(min-width:640px){.footer-content{flex-direction:row;justify-content:space-between;align-items:flex-start}}.footer-brand{display:flex;flex-direction:column;gap:.5rem}.footer-logo{font-family:var(--font-mono);font-weight:700;font-size:1.25rem;color:var(--accent)}.footer-brand p{color:var(--text-muted);font-size:.9rem}.footer-links{display:flex;gap:1.5rem}.footer-links a{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);font-size:.9rem;transition:color .2s ease}.footer-links a:hover{color:var(--text-primary)}.footer-bottom{border-top:1px solid var(--border-color);padding-top:1.5rem}.footer-bottom p{color:var(--text-muted);font-size:.8rem}