:root{--peat:#12100c;--loam:#1c1813;--seam:#332b21;--marl:#efe7d9;--silt:#a79880;--ember:#c9793f;--ember-strong:#d89060;--ochre:#d9a03f;--oxide:#c4573a;--surface-0:var(--peat);--surface-1:var(--loam);--surface-2:#241f19;--surface-3:#2e271f;--text-primary:var(--marl);--text-secondary:var(--silt);--text-tertiary:#7a6c58;--accent:var(--ember);--accent-hover:var(--ember-strong);--accent-text:var(--ember);--accent-muted:color-mix(in srgb, var(--accent) 14%, transparent);--on-accent:var(--peat);--sandstone:#c9b08a;--sandstone-muted:color-mix(in srgb, var(--sandstone) 22%, transparent);--lock:var(--ochre);--lock-muted:color-mix(in srgb, var(--lock) 16%, transparent);--border:var(--seam);--border-hover:#463b2d;--code-bg:#0f0d0a;--code-text:var(--sandstone);--syntax-keyword:#b08fa6;--syntax-function:#9fb07e;--syntax-string:#c9976a;--syntax-number:#d9a03f;--syntax-comment:#7a6c58;--syntax-accent:#c9793f;--success:var(--ember);--warning:var(--lock);--error:var(--oxide);--info:var(--sandstone);--font-display:"Libre Franklin", system-ui, sans-serif;--font-body:"IBM Plex Sans", system-ui, sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, "SFMono-Regular", monospace;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--space-12:48px;--space-16:64px;--space-24:96px;--space-32:128px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-full:9999px;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in:cubic-bezier(.5, 0, .75, 0);--ease-in-out:cubic-bezier(.45, 0, .55, 1);--duration-fast:.15s;--duration-normal:.25s;--duration-slow:.4s;--shadow-sm:0 1px 2px #12100c66;--shadow-md:0 2px 8px #12100c80, 0 1px 2px #12100c4d;--shadow-lg:0 4px 16px #12100c99, 0 2px 4px #12100c4d}[data-theme=light]{--surface-0:#f4efe4;--surface-1:#fffcf6;--surface-2:#e9e2d4;--surface-3:#dcd2bf;--text-primary:#1a1611;--text-secondary:#4e4636;--text-tertiary:#6f6553;--accent:#8b4a26;--accent-hover:#6e3a1d;--accent-text:#6e3a1d;--sandstone:#7a5f35;--lock:#8a5a0f;--border:#dbd2bf;--border-hover:#c4b79f;--info:#6b5a3c;--shadow-sm:0 1px 3px #1a161112;--shadow-md:0 2px 8px #1a16111a, 0 1px 2px #1a16110d}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);color:var(--text-secondary);background:var(--surface-0);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;flex-direction:column;min-height:100vh;font-size:16px;line-height:1.6;display:flex}.footer{margin-top:auto}a{color:inherit;text-decoration:none}.theme-toggle{background:var(--surface-2);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-md);width:36px;height:36px;transition:border-color var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out);justify-content:center;align-items:center;display:flex}.theme-toggle:hover{border-color:var(--border-hover);color:var(--text-primary)}.nav{z-index:100;background:color-mix(in srgb, var(--surface-0) 85%, transparent);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border);position:fixed;top:0;left:0;right:0}.nav-inner{max-width:1200px;padding:var(--space-3) var(--space-6);justify-content:space-between;align-items:center;margin:0 auto;display:flex}.nav-logo{font-family:var(--font-display);align-items:center;gap:var(--space-2);color:var(--text-primary);letter-spacing:-.01em;font-size:1.125rem;font-weight:700;display:flex}.nav-logo-img{border-radius:var(--radius-sm);object-fit:contain;width:28px;height:28px}.nav-links{align-items:center;gap:var(--space-6);color:var(--text-secondary);font-size:.875rem;font-weight:500;display:flex}.nav-links a{transition:color var(--duration-fast) var(--ease-out);align-items:center;min-height:44px;display:flex}.nav-links a:hover{color:var(--text-primary)}.btn-primary{background:var(--accent);color:var(--on-accent);border-radius:var(--radius-sm);font-family:var(--font-body);cursor:pointer;min-height:44px;transition:background var(--duration-fast) var(--ease-out), transform var(--duration-fast) var(--ease-out);border:none;align-items:center;padding:11px 22px;font-size:.9375rem;font-weight:600;display:inline-flex}.btn-primary:hover{background:var(--accent-hover);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{color:var(--text-secondary);border-radius:var(--radius-sm);font-family:var(--font-body);border:1px solid var(--border);cursor:pointer;min-height:44px;transition:border-color var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out);background:0 0;align-items:center;padding:11px 22px;font-size:.9375rem;font-weight:500;display:inline-flex}.btn-secondary:hover{border-color:var(--border-hover);color:var(--text-primary)}.accent{color:var(--accent)!important}.hero-actions{gap:var(--space-3);margin-bottom:var(--space-8);flex-wrap:wrap;display:flex}@media (width<=480px){.hero-actions{gap:var(--space-2);flex-direction:column}.hero-actions .btn-primary,.hero-actions .btn-secondary{justify-content:center;width:100%}.install-box{max-width:100%}}.install-box{background:var(--code-bg);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-4) var(--space-6);justify-content:space-between;align-items:center;gap:var(--space-4);max-width:480px;display:flex}.install-box code{font-family:var(--font-mono);color:var(--text-secondary);font-size:.875rem}.install-box code .pkg{color:var(--sandstone)}.install-copy{background:var(--surface-2);border:1px solid var(--border);color:var(--text-tertiary);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);cursor:pointer;font-family:var(--font-mono);white-space:nowrap;transition:border-color var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out);align-items:center;min-height:44px;font-size:.75rem;font-weight:500;display:flex}.install-copy:hover{border-color:var(--border-hover);color:var(--text-primary)}.inherit-panel{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-8);font-family:var(--font-mono);overflow-x:auto}@media (width<=480px){.inherit-panel{padding:var(--space-6)}}.inherit-label{letter-spacing:.08em;text-transform:uppercase;color:var(--text-tertiary);margin-bottom:var(--space-6);font-size:.6875rem;font-weight:500}.inherit-tree{gap:var(--space-2);flex-direction:column;font-size:.8125rem;line-height:1.5;display:flex}.itrow{gap:var(--space-3);white-space:nowrap;grid-template-columns:2ch 1fr auto;align-items:baseline;display:grid}.idepth{color:var(--text-tertiary);font-size:.6875rem}.inode{color:var(--text-secondary)}.inode-root{color:var(--text-primary);font-weight:600}.imeta{color:var(--text-tertiary);font-size:.6875rem;font-style:italic}.inherit-config{margin-top:var(--space-6);gap:var(--space-2);flex-direction:column;display:flex}.icfg{justify-content:space-between;align-items:baseline;gap:var(--space-4);padding:var(--space-2) var(--space-3);border-left:2px solid var(--border);border-radius:0 var(--radius-sm) var(--radius-sm) 0;font-size:.8125rem;display:flex}.icfg-resolved{border-left-color:var(--accent);background:var(--accent-muted)}.icfg-locked{border-left-color:var(--lock);background:var(--lock-muted)}.ikey{color:var(--text-secondary)}.ival{color:var(--accent-text);font-weight:600}.ilock{color:var(--lock);letter-spacing:.04em;font-weight:600}.itag{color:var(--text-tertiary);white-space:nowrap;font-size:.6875rem}.badge-row{align-items:center;gap:var(--space-3);margin-top:var(--space-6);flex-wrap:wrap;display:flex}.badge-link{display:inline-flex}.badge-row img{border-radius:var(--radius-sm);height:20px;display:block}.features{max-width:1200px;padding:var(--space-24) var(--space-6);margin:0 auto}.features-heading{margin-bottom:var(--space-16)}.features-heading h2{font-family:var(--font-display);letter-spacing:-.02em;margin-bottom:var(--space-3);text-wrap:balance;max-width:45ch;font-size:clamp(1.5rem,3vw,1.75rem);font-weight:600;line-height:1.2}.features-heading p{color:var(--text-secondary);max-width:55ch;font-size:1rem}.features-row-primary{gap:var(--space-4);margin-bottom:var(--space-4);grid-template-columns:1fr 1fr;display:grid}@media (width<=768px){.features-row-primary{grid-template-columns:1fr}}.feature-block{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-8)}.feature-icon{width:36px;height:36px;color:var(--text-secondary);margin-bottom:var(--space-4)}.feature-block h3,.feature-diagram-block h3{font-family:var(--font-display);letter-spacing:-.01em;margin-bottom:var(--space-2);text-wrap:balance;font-size:1.125rem;font-weight:600}.feature-block p{color:var(--text-secondary);max-width:48ch;font-size:.9375rem;line-height:1.65}.features-row-diagram{margin-bottom:var(--space-4)}.feature-diagram-block{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-8);gap:var(--space-12);grid-template-columns:1fr 2fr;align-items:start;display:grid}@media (width<=768px){.feature-diagram-block{gap:var(--space-6);grid-template-columns:1fr}}@media (width<=480px){.isolation-label{min-width:60px;font-size:.6875rem}.isolation-bar{height:24px;font-size:.625rem}}.isolation-diagram{gap:var(--space-3);flex-direction:column;display:flex}.iso-eyebrow{font-family:var(--font-mono);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--space-2);font-size:.6875rem}.isolation-row{align-items:center;gap:var(--space-3);display:flex}.isolation-label{font-family:var(--font-mono);color:var(--text-tertiary);min-width:88px;font-size:.75rem}.isolation-bar{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface-2);height:30px;color:var(--text-secondary);padding:0 var(--space-3);font-family:var(--font-mono);letter-spacing:.03em;white-space:nowrap;flex:1;align-items:center;font-size:.6875rem;font-weight:500;display:flex}.isolation-bar.is-active{border-color:var(--accent);background:var(--accent-muted);color:var(--accent-text)}.iso-code{margin-top:var(--space-4);font-family:var(--font-mono);color:var(--text-secondary);font-size:.75rem;line-height:1.7}.iso-fn{color:var(--syntax-function)}.iso-accent{color:var(--accent-text)}.iso-cm{color:var(--syntax-comment)}.features-row-compact{gap:var(--space-4);margin-top:var(--space-4);grid-template-columns:repeat(3,1fr);display:grid}@media (width<=768px){.features-row-compact{grid-template-columns:1fr}}.feature-compact{padding:var(--space-8) var(--space-6);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-1)}.feature-compact-icon{width:24px;height:24px;color:var(--text-tertiary);margin-bottom:var(--space-3)}.feature-compact h3{font-family:var(--font-display);letter-spacing:-.01em;margin-bottom:var(--space-2);font-size:1.0625rem;font-weight:600}.feature-compact p{color:var(--text-secondary);max-width:38ch;font-size:.875rem;line-height:1.6}.code-section{border-top:1px solid var(--border);background:var(--surface-1);padding:var(--space-24) var(--space-6)}.code-section-inner{gap:var(--space-16);grid-template-columns:1fr 1.6fr;align-items:start;max-width:1200px;margin:0 auto;display:grid}@media (width<=900px){.code-section-inner{grid-template-columns:1fr}}.code-section-text h2{font-family:var(--font-display);letter-spacing:-.02em;margin-bottom:var(--space-4);text-wrap:balance;font-size:clamp(1.375rem,2.5vw,1.625rem);font-weight:600;line-height:1.2}.code-section-text p{color:var(--text-secondary);max-width:40ch;font-size:.9375rem;line-height:1.65}.code-block{background:var(--code-bg);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.code-block-header{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border);display:flex}.code-block-dot{border-radius:var(--radius-full);background:var(--surface-3);width:10px;height:10px}.code-block-filename{font-family:var(--font-mono);color:var(--text-tertiary);margin-left:auto;font-size:.75rem}.code-block pre{padding:var(--space-6);font-family:var(--font-mono);margin:0;font-size:.8125rem;line-height:1.75;overflow-x:auto}.code-block .astro-code{--astro-code-color-text:var(--code-text);--astro-code-color-background:var(--code-bg);--astro-code-token-constant:var(--syntax-number);--astro-code-token-string:var(--syntax-string);--astro-code-token-string-expression:var(--syntax-string);--astro-code-token-comment:var(--syntax-comment);--astro-code-token-keyword:var(--syntax-keyword);--astro-code-token-parameter:var(--code-text);--astro-code-token-function:var(--syntax-function);--astro-code-token-punctuation:var(--code-text);--astro-code-token-link:var(--syntax-accent);color:var(--code-text)}.code-output{align-items:baseline;gap:var(--space-2);padding:var(--space-3) var(--space-6);border-top:1px solid var(--border);font-family:var(--font-mono);color:var(--text-tertiary);flex-wrap:wrap;font-size:.75rem;display:flex}.co-arrow{color:var(--accent)}.co-text{color:var(--text-secondary)}.co-val{color:var(--accent-text);font-weight:600}.co-src{color:var(--syntax-string)}.co-tag{color:var(--text-tertiary);margin-left:auto}.packages{padding:var(--space-24) var(--space-6);border-top:1px solid var(--border)}.packages-inner{max-width:1200px;margin:0 auto}.packages-heading{margin-bottom:var(--space-8)}.packages-heading h2{font-family:var(--font-display);letter-spacing:-.02em;margin-bottom:var(--space-2);text-wrap:balance;font-size:clamp(1.375rem,2.5vw,1.625rem);font-weight:600}.packages-heading p{color:var(--text-secondary);font-size:.9375rem}.pkg-scope{font-family:var(--font-mono);color:var(--text-secondary);font-size:.875rem}.packages-table{border-collapse:collapse;width:100%}.packages-table tr{border-bottom:1px solid var(--border);transition:background var(--duration-fast) var(--ease-out)}.packages-table tr:first-child{border-top:1px solid var(--border)}.packages-table tr:hover{background:var(--surface-1)}.pkg-name{font-family:var(--font-mono);color:var(--sandstone);padding:var(--space-4) var(--space-4) var(--space-4) 0;white-space:nowrap;vertical-align:top;width:240px;font-size:.8125rem}.pkg-desc{color:var(--text-secondary);padding:var(--space-4) 0;vertical-align:top;font-size:.9375rem;line-height:1.5}.pkg-tag{font-family:var(--font-mono);padding:2px var(--space-2);border-radius:var(--radius-sm);background:var(--surface-2);border:1px solid var(--border);color:var(--text-tertiary);white-space:nowrap;text-transform:uppercase;letter-spacing:.05em;font-size:.6875rem;font-weight:500;display:inline-block}.pkg-actions{padding:var(--space-4) 0 var(--space-4) var(--space-4);text-align:right;white-space:nowrap;vertical-align:middle}.pkg-link{font-family:var(--font-mono);color:var(--text-tertiary);transition:color var(--duration-fast) var(--ease-out);font-size:.75rem}.pkg-link:hover{color:var(--sandstone)}@media (width<=600px){.pkg-name{width:auto;font-size:.75rem;display:block}.pkg-actions{display:none}.packages-table,.packages-table tbody,.packages-table tr,.packages-table td{display:block}.packages-table tr{padding:var(--space-4) 0}.pkg-desc{padding-top:var(--space-1);font-size:.8125rem}}@media (width<=480px){.features,.packages,.code-section,.cta{padding-left:var(--space-4);padding-right:var(--space-4)}.feature-block{padding:var(--space-6)}.code-block pre{padding:var(--space-4);font-size:.75rem}}.cta{padding:var(--space-24) var(--space-6);border-top:1px solid var(--border)}.cta-inner{justify-content:space-between;align-items:baseline;gap:var(--space-8);flex-wrap:wrap;max-width:1200px;margin:0 auto;display:flex}.cta h2{font-family:var(--font-display);letter-spacing:-.03em;text-wrap:balance;font-size:clamp(1.75rem,4vw,2.5rem);font-weight:700;line-height:1.1}.cta h2 .accent{color:var(--accent)}.footer{background:var(--surface-1);border-top:1px solid var(--border);padding:var(--space-8) var(--space-6)}.footer-inner{justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap;max-width:1200px;margin:0 auto;display:flex}.footer-meta{color:var(--text-tertiary);font-size:.8125rem}.footer-meta a{color:var(--text-secondary);transition:color var(--duration-fast) var(--ease-out)}.footer-meta a:hover{color:var(--text-primary)}.footer-links{align-items:center;gap:var(--space-6);color:var(--text-secondary);font-size:.8125rem;display:flex}.footer-links a{transition:color var(--duration-fast) var(--ease-out)}.footer-links a:hover{color:var(--text-primary)}.fade-in{opacity:0;transition:opacity var(--duration-slow) var(--ease-out), transform var(--duration-slow) var(--ease-out);transform:translateY(20px)}.fade-in.visible{opacity:1;transform:translateY(0)}.fade-in-delay-1{transition-delay:.1s}.fade-in-delay-2{transition-delay:.2s}.fade-in-delay-3{transition-delay:.3s}.features-row-primary .fade-in:nth-child(2){transition-delay:.12s}.features-row-compact .fade-in:nth-child(2){transition-delay:.1s}.features-row-compact .fade-in:nth-child(3){transition-delay:.2s}.depth-rail{z-index:50;width:44px;height:320px;font-family:var(--font-mono);pointer-events:none;display:none;position:fixed;top:50%;left:24px;transform:translateY(-50%)}@media (width>=1320px){.depth-rail{display:block}}.depth-rail-track{background:var(--border);width:1px;position:absolute;top:6px;bottom:6px;left:5px}.depth-rail-cursor{border-radius:var(--radius-full);background:var(--accent);width:7px;height:7px;box-shadow:0 0 0 4px var(--accent-muted);transition:top var(--duration-normal) var(--ease-out);position:absolute;top:0;left:50%;transform:translate(-50%,-50%)}.depth-rail-marks{flex-direction:column;justify-content:space-between;height:100%;margin:0;padding:0;list-style:none;display:flex;position:absolute;inset:0}.dm{align-items:center;gap:var(--space-2);display:flex}.dm-dot{border-radius:var(--radius-full);background:var(--border-hover);width:5px;height:5px;transition:background var(--duration-fast) var(--ease-out);flex-shrink:0;margin-left:3px}.dm-label{letter-spacing:.05em;color:var(--text-tertiary);transition:color var(--duration-fast) var(--ease-out);font-size:.625rem}.dm.active .dm-dot{background:var(--accent)}.dm.active .dm-label{color:var(--accent-text)}.feature-block:hover,.feature-compact:hover{border-color:var(--border-hover);transition:border-color var(--duration-normal) var(--ease-out), transform var(--duration-normal) var(--ease-out);transform:translateY(-2px)}.packages-table tr:hover .pkg-name{color:var(--text-primary)}[data-theme=light] .install-box{background:var(--surface-1);border-color:var(--border)}[data-theme=light] .install-box code{color:var(--text-primary)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:var(--radius-sm)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}html{scroll-behavior:auto}.fade-in{opacity:1!important;transform:none!important}}