:root{color-scheme:dark;--bg: #0a0c0d;--bg: #000;--bg-overlay: rgba(0, 0, 0, .75);--bg-code: rgba(13, 16, 18, .88);--accent: #c8a87c;--accent-dim: rgba(200, 168, 124, .12);--text-main: #f2f0ec;--text-secondary: #a8b3ad;--text-dim: #8c9992;--text-muted: #6d7c75;--border: rgba(200, 168, 124, .12);--border-subtle: rgba(200, 168, 124, .08)}*{box-sizing:border-box}h1,h2,h3,h4,h5,h6{font-family:"Instrument Serif",serif;font-weight:400}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text-main);font-family:DM Sans,sans-serif;font-weight:300}body{overflow-x:hidden}::selection{background:var(--accent);color:var(--bg)}a{color:var(--accent);text-decoration:none;&:hover{text-decoration:underline}}.ambient-layer{position:fixed;inset:0;z-index:0;pointer-events:none;.ambient-canvas{width:100%;height:100%;display:block}}.site-shell{position:relative;z-index:1;box-sizing:border-box;width:100%;max-width:900px;margin:0 auto;padding:0 3rem 3rem;&:before{content:"";position:absolute;inset:-40px 0;z-index:-1;background:var(--bg-overlay);mask-image:linear-gradient(to bottom,transparent,black 80px,black calc(100% - 80px),transparent);-webkit-mask-image:linear-gradient(to bottom,transparent,black 80px,black calc(100% - 80px),transparent)}}.nav{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px 24px;padding:28px 0;min-width:0}.nav-brand{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px;min-width:0;flex:1 1 auto}.nav-wordmark{font-family:"Instrument Serif",serif;font-size:clamp(2.25rem,12vw,62px);color:var(--text-main);letter-spacing:-.02em}.nav-version{font-family:IBM Plex Mono,monospace;font-size:11px;color:var(--accent);letter-spacing:.06em}.nav-links{display:flex;align-items:center;gap:32px;flex-shrink:0}.hero{padding-top:30px}.hero-logo{width:100%;max-width:400px;display:block;height:auto}.interactive-logo{overflow:visible;touch-action:pan-x pan-y}.interactive-logo .logo-handle{touch-action:none;fill:transparent;stroke:transparent;stroke-width:1.5;cursor:crosshair;transition:fill .15s,stroke .15s}.interactive-logo:hover .logo-handle{stroke:#ff69b4}.interactive-logo .logo-handle:hover{fill:#ff69b4}.interactive-logo .logo-handle.peer-held{fill:var(--accent);stroke:var(--accent);cursor:not-allowed;pointer-events:none}.interactive-logo.dragging{touch-action:none}.hero .eyebrow{margin:0;font-family:IBM Plex Mono,monospace;font-size:12px;color:var(--accent);letter-spacing:.12em;text-transform:uppercase}.hero h1{margin:16px 0 0;font-size:clamp(3rem,7vw,6rem);line-height:1.02;letter-spacing:-.03em;text-shadow:0 0 40px rgba(10,12,13,.9)}.hero .lede{margin:24px 0 0;max-width:600px;font-size:18px;line-height:28px;color:var(--text-secondary);text-shadow:0 0 20px rgba(10,12,13,.8)}.section-label{display:flex;align-items:center;gap:12px;padding-bottom:32px}.section-label:before{content:"";width:40px;height:1px;background:var(--accent)}.section-label span{font-family:IBM Plex Mono,monospace;font-size:11px;color:var(--accent);letter-spacing:.12em;text-transform:uppercase}.section{padding-top:80px}.section h2{margin:0;font-size:clamp(1.75rem,3vw,2.625rem);letter-spacing:-.02em;line-height:1.15;text-shadow:0 0 30px rgba(10,12,13,.9)}.section .section-desc{margin:12px 0 0;font-size:16px;line-height:26px;color:var(--text-dim)}.code-block{border:1px solid var(--border);background:var(--bg-code);backdrop-filter:blur(4px)}.code-header{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;border-bottom:1px solid var(--border-subtle)}.code-filename{font-family:IBM Plex Mono,monospace;font-size:11px;color:var(--text-dim);letter-spacing:.04em}.code-tag{font-family:IBM Plex Mono,monospace;font-size:11px;color:var(--text-muted);letter-spacing:.04em}.code-body{padding:20px 24px;overflow-x:auto;overscroll-behavior-x:contain;pre{margin:0;font-family:IBM Plex Mono,monospace;font-size:13px;line-height:24px;color:var(--text-secondary);white-space:pre}}.code-body--accent pre{color:var(--accent);font-size:14px}.snippet-frame{margin:0;max-width:100%;border:1px solid var(--border);background:var(--bg-code);backdrop-filter:blur(4px);figcaption{padding:10px 16px;font-family:IBM Plex Mono,monospace;font-size:11px;color:var(--text-dim);letter-spacing:.04em;border-bottom:1px solid var(--border-subtle)}.snippet{overflow:auto;@media(hover:none){overscroll-behavior:contain}pre{margin:0;border-radius:0!important;background:transparent!important;padding:20px 24px!important;font-size:13px;line-height:24px}}}.install-block{margin-top:48px;max-width:640px;display:flex;gap:16px;.code-block{flex:1}@media(max-width:600px){flex-direction:column}}.quick-start .snippet-frame{margin-top:32px;max-width:720px}.feature-grid{display:flex;gap:20px;padding-top:8px}.feature-card{flex:1;display:flex;flex-direction:column;padding:32px;border:1px solid var(--border-subtle);background:#0d101299;backdrop-filter:blur(3px);h3{margin:0;font-size:28px;line-height:34px;letter-spacing:-.01em}p{margin:12px 0 0;font-size:14px;line-height:22px;color:var(--text-dim)}}.strategy-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding-top:40px}.strategy-block{border:1px solid var(--border);background:var(--bg-code);backdrop-filter:blur(4px)}.strategy-header{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid var(--border-subtle)}.strategy-dot{width:8px;height:8px;border-radius:50%}.strategy-name{font-family:IBM Plex Mono,monospace;font-size:12px;letter-spacing:.02em}.strategy-block pre{margin:0;padding:20px;font-family:IBM Plex Mono,monospace;font-size:13px;line-height:22px;color:var(--text-secondary);white-space:pre}.split{display:flex;gap:60px;padding-top:80px}.split-text{flex:1;display:flex;flex-direction:column;justify-content:center;padding-top:8px}.split-text h2{margin:0;font-size:clamp(1.5rem,2.5vw,2.25rem);letter-spacing:-.02em;line-height:1.17;text-shadow:0 0 30px rgba(10,12,13,.9)}.split-text p{margin:16px 0 0;font-size:15px;line-height:24px;color:var(--text-dim)}.split-code{flex:1.4}.split--reverse{flex-direction:row-reverse}.statement{display:flex;flex-direction:column;align-items:center;padding:120px 0 0;text-align:center}.statement blockquote{margin:0;font-family:"Instrument Serif",serif;font-style:italic;font-size:clamp(2rem,4vw,3.5rem);color:#c8a87c59;line-height:1.22;letter-spacing:-.02em;max-width:800px}.statement cite{display:block;font-family:IBM Plex Mono,monospace;font-style:normal;font-size:11px;color:var(--text-muted);letter-spacing:.08em;padding-top:20px}.peer-vis{display:flex;justify-content:center;padding:60px 0 0}.peer-vis svg{width:100%;max-width:800px;height:auto}.cta{display:flex;flex-direction:column;align-items:center;padding-top:80px;text-align:center}.cta h2{margin:0;font-family:"Instrument Serif",serif;font-size:clamp(2rem,4vw,3rem);letter-spacing:-.02em;text-shadow:0 0 30px rgba(10,12,13,.9)}.cta p{margin:12px 0 0;max-width:420px;font-size:16px;line-height:26px;color:var(--text-dim)}.cta-buttons{display:flex;gap:16px;padding-top:32px}.btn-primary{display:inline-flex;align-items:center;justify-content:center;padding:12px 28px;background:var(--accent);border-radius:2px;font-size:14px;font-weight:500;color:var(--bg);letter-spacing:.02em;text-decoration:none;&:hover{text-decoration:none;background:#d4b48a}}.btn-outline{display:inline-flex;align-items:center;justify-content:center;padding:12px 28px;border:1px solid rgba(200,168,124,.25);border-radius:2px;font-size:14px;font-weight:400;color:var(--accent);letter-spacing:.02em;text-decoration:none;&:hover{text-decoration:none;border-color:#c8a87c80}}.cta .install-block{margin-top:40px;max-width:none}.footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:20px 32px;padding:80px 0 48px;border-top:1px solid rgba(200,168,124,.06);margin-top:80px;min-width:0}.footer-brand{display:flex;align-items:baseline;gap:8px}.footer-brand .nav-wordmark{font-size:30px;color:var(--text-muted)}.footer-brand span:last-child{font-family:IBM Plex Mono,monospace;font-size:13px;color:var(--text-muted);letter-spacing:.04em;opacity:.6}.footer-links{display:flex;flex-wrap:wrap;gap:16px 28px;a{font-size:13px;font-weight:400;color:var(--text-muted);letter-spacing:.04em;text-decoration:none;&:hover{color:var(--text-secondary)}}}.waste-mark{display:flex;align-items:center;gap:6px;padding-top:20px}.waste-mark span{font-family:IBM Plex Mono,monospace;font-size:9px;color:#c8a87c33;letter-spacing:.15em}.cursor-labels{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:10}.cursor-label{position:absolute;top:0;left:0;pointer-events:none;display:inline-flex;align-items:center;gap:6px;font-family:IBM Plex Mono,monospace;font-size:10px;letter-spacing:.04em;white-space:nowrap;will-change:transform,opacity;margin-left:-14px;margin-top:-40px}.cursor-label__cursor{width:12px;height:14px;background:var(--label-color);clip-path:polygon(50% 0%,0% 100%,100% 100%);transform:rotate(-33deg)}.cursor-label--local .cursor-label__cursor{opacity:0}@media(hover:none){.cursor-label--local{display:none}}.cursor-label__text{display:inline-block;background:var(--label-color);color:#000000b3;color:var(--bg);mix-blend-mode:difference;font-size:11px;padding:2px 6px;margin-top:44px}@media(max-width:900px){.feature-grid{flex-direction:column}.strategy-grid{grid-template-columns:1fr}.split,.split--reverse{flex-direction:column;gap:32px}.split-code{flex:1}}@media(max-width:600px){.site-shell{padding-inline:1rem}.nav{padding:20px 0}.nav-links{gap:20px;a{font-size:11px}}.hero{padding:48px 0 24px}.hero .lede{font-size:16px;line-height:26px}.section{padding-top:56px}.feature-card{padding:24px}.statement{padding-top:72px}.cta-buttons{flex-direction:column;width:100%}.btn-primary,.btn-outline{width:100%;justify-content:center}.footer{flex-direction:column;gap:20px;align-items:flex-start;padding:48px 0 32px;margin-top:48px}}