:root{--bg: #0a0c0b;--bg-elevated: #121614;--surface: #171c19;--surface-2: #1c221e;--surface-hover: #1f2622;--border: #2a332c;--border-strong: #36413a;--border-subtle: rgba(42, 51, 44, .55);--text: #eef1ee;--text-muted: #a3b0a3;--text-dim: #7c887d;--accent: #c9a85c;--accent-hover: #d4b76e;--accent-dim: #7d6a3d;--accent-soft: rgba(201, 168, 92, .12);--accent-ink: #141210;--green: #5f8f6a;--green-soft: rgba(95, 143, 106, .12);--green-dim: #3d5c45;--term-prompt: #5f8f6a;--term-comment: #6e7a6e;--term-string: #c9a85c;--term-text: #c9d4c9;--radius: 14px;--radius-md: 10px;--radius-sm: 8px;--font-sans: "IBM Plex Sans", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--ease-out: cubic-bezier(.22, 1, .36, 1);--section-y: clamp(3.5rem, 6vw, 5rem);--layout-max: 76rem;--pad-x: clamp(1.25rem, 3vw + .5rem, 2.5rem);--measure-prose: 36rem}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}body{margin:0;min-height:100vh;font-family:var(--font-sans);font-size:clamp(.98rem,.4vw + .85rem,1.0625rem);line-height:1.6;color:var(--text);background:var(--bg);background-image:radial-gradient(ellipse 90% 60% at 50% -10%,rgba(201,168,92,.07),transparent 55%),radial-gradient(ellipse 40% 35% at 100% 20%,rgba(95,143,106,.06),transparent 50%);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img{max-width:100%;height:auto}a{color:var(--accent);text-decoration-thickness:1px;text-underline-offset:.2em;transition:color .15s var(--ease-out)}a:hover{color:var(--accent-hover)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}.skip-link{position:absolute;left:-9999px;z-index:999;padding:.75rem 1rem;background:var(--accent);color:var(--accent-ink);font-weight:600}.skip-link:focus{left:1rem;top:1rem}.layout-shell{width:100%;max-width:var(--layout-max);margin-inline:auto;padding-inline:var(--pad-x);box-sizing:border-box}.layout-main{padding-block:clamp(2rem,4vw,3rem) clamp(3rem,6vw,5rem)}.site-header{position:sticky;top:0;z-index:50;padding:0;background:#0a0c0bd1;border-bottom:1px solid var(--border-subtle);backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%)}.header-shell{display:flex;align-items:center;justify-content:space-between;gap:1rem 2rem;flex-wrap:wrap;padding-block:.85rem}.brand{display:flex;align-items:center;gap:.65rem;font-weight:600;font-size:1.0625rem;color:var(--text);text-decoration:none;letter-spacing:-.01em;transition:opacity .15s var(--ease-out)}.brand img{width:32px;height:32px;display:block;border-radius:8px}.brand:hover{opacity:.85;color:var(--text)}.nav{display:flex;flex-wrap:wrap;align-items:center;gap:.15rem}.nav a{color:var(--text-muted);text-decoration:none;font-size:.9rem;padding:.45rem .75rem;border-radius:var(--radius-sm);transition:color .15s var(--ease-out),background .15s var(--ease-out)}.nav a:hover{color:var(--text);background:#ffffff0a}.nav-divider{width:1px;height:18px;background:var(--border);margin:0 .35rem}section{margin-bottom:var(--section-y);scroll-margin-top:5.5rem}section:last-of-type{margin-bottom:0}.section-eyebrow{font-family:var(--font-mono);font-size:.75rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--green);margin:0 0 .85rem;display:inline-flex;align-items:center;gap:.45rem}.section-eyebrow:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 0 3px var(--green-soft)}section>h2{font-size:clamp(1.5rem,.7vw + 1.3rem,1.85rem);font-weight:600;margin:0 0 .5rem;color:var(--text);letter-spacing:-.02em;line-height:1.2}.section-lede{margin:0 0 1.5rem;color:var(--text-muted);max-width:var(--measure-prose);font-size:1.025rem}.hero{display:grid;grid-template-columns:1fr;gap:clamp(2rem,4vw,3rem);padding-block:clamp(2.5rem,5vw,4rem) clamp(3rem,5vw,4.5rem);border-bottom:1px solid var(--border-subtle);margin-bottom:var(--section-y)}@media(min-width:820px){.hero{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:center;gap:clamp(1.75rem,3vw,3rem)}}@media(min-width:1180px){.hero{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(3rem,4vw,4.5rem)}}.hero-text{min-width:0}.hero-eyebrow{font-family:var(--font-mono);font-size:.78rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);margin:0 0 1.25rem;display:inline-flex;align-items:center;flex-wrap:wrap;gap:.4rem .7rem}.hero-eyebrow .dot{width:4px;height:4px;border-radius:50%;background:var(--text-dim)}.hero-eyebrow .tag-version{color:var(--green)}.hero h1{font-size:clamp(2.05rem,2vw + 1.5rem,3.15rem);line-height:1.08;font-weight:600;margin:0 0 1.25rem;letter-spacing:-.035em;text-wrap:balance;color:var(--text)}.hero .lede{font-size:clamp(1.05rem,.5vw + .9rem,1.2rem);color:var(--text-muted);margin:0 0 2rem;max-width:36rem;line-height:1.55}.tech-pill{font-family:var(--font-mono);font-size:.86em;font-weight:500;color:var(--text);background:var(--accent-soft);border:1px solid rgba(201,168,92,.25);padding:.1em .45em .12em;border-radius:6px;white-space:normal}.cta-row{display:flex;flex-wrap:wrap;gap:.65rem .75rem;align-items:center}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.7rem 1.25rem;border-radius:var(--radius-md);font-weight:600;font-size:.925rem;text-decoration:none;border:1px solid transparent;cursor:pointer;font-family:inherit;white-space:nowrap;transition:transform .18s var(--ease-out),box-shadow .18s var(--ease-out),background .18s var(--ease-out),border-color .18s var(--ease-out),color .18s var(--ease-out)}.btn svg{width:1em;height:1em;flex-shrink:0}.btn:active{transform:translateY(1px)}.btn-primary{background:linear-gradient(180deg,var(--accent-hover) 0%,var(--accent) 60%,#b8924a 100%);color:var(--accent-ink);border-color:var(--accent-dim);box-shadow:0 1px #ffffff24 inset,0 2px 10px #00000059}.btn-primary:hover{color:var(--accent-ink);filter:brightness(1.04);transform:translateY(-1px);box-shadow:0 1px #ffffff29 inset,0 6px 18px #0000006b}.btn-secondary{background:var(--surface);color:var(--text);border-color:var(--border)}.btn-secondary:hover{background:var(--surface-hover);color:var(--text);border-color:var(--border-strong);transform:translateY(-1px)}.btn-ghost{background:transparent;color:var(--text-muted);border-color:transparent;padding:.7rem .85rem}.btn-ghost:hover{color:var(--text);background:#ffffff0a}.cta-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem 1.15rem;margin-top:1.35rem;font-size:.84rem;color:var(--text-dim)}.cta-meta span{display:inline-flex;align-items:center;gap:.4rem;font-family:var(--font-mono)}.cta-meta .check{color:var(--green)}.meta-link{margin-left:auto;color:var(--text-muted);text-decoration:none;font-weight:500;font-size:.85rem}.meta-link:hover{color:var(--accent)}.hero-terminal{position:relative;border-radius:var(--radius);background:linear-gradient(180deg,#0c100e,#060807);border:1px solid var(--border);box-shadow:0 1px #ffffff08 inset,0 30px 60px -20px #0009,0 12px 24px -12px #00000073;overflow:hidden;min-width:0}.hero-terminal:before{content:"";position:absolute;inset:-1px;border-radius:inherit;background:linear-gradient(135deg,rgba(201,168,92,.18),transparent 30%,transparent 70%,rgba(95,143,106,.16));-webkit-mask:linear-gradient(#000,#000) content-box,linear-gradient(#000,#000);-webkit-mask-composite:xor;mask-composite:exclude;padding:1px;pointer-events:none;opacity:.6}.term-titlebar{display:flex;align-items:center;gap:.7rem;padding:.65rem .95rem;background:linear-gradient(180deg,#1a2018,#131816);border-bottom:1px solid var(--border)}.term-dots{display:flex;gap:6px}.term-dots span{width:11px;height:11px;border-radius:50%;box-shadow:0 0 0 1px #00000040 inset}.term-dots .red{background:#ff5f57}.term-dots .yellow{background:#febc2e}.term-dots .green{background:#28c840}.term-title{font-family:var(--font-mono);font-size:.72rem;color:var(--text-dim);letter-spacing:.02em;margin-left:.25rem}.term-body{padding:.95rem 1rem 1.1rem;font-family:var(--font-mono);font-size:.72rem;line-height:1.6;color:var(--term-text);overflow-x:auto}@media(min-width:1100px){.term-body{padding:1.1rem 1.25rem 1.3rem;font-size:.78rem}}.term-line{display:block;white-space:pre}.term-prompt{color:var(--term-prompt);user-select:none}.term-cmd{color:var(--text)}.term-flag{color:var(--accent)}.term-str{color:var(--term-string)}.term-comment{color:var(--term-comment);font-style:italic}.term-output{color:var(--text-muted)}.term-key{color:var(--accent-hover)}.term-num{color:var(--green)}.term-blank{display:block;height:.4em}.term-cursor{display:inline-block;width:.55em;height:1.05em;background:var(--accent);vertical-align:text-bottom;margin-left:.15em;animation:blink 1.2s steps(2,end) infinite}@keyframes blink{50%{opacity:0}}.intro-video{text-align:center}.intro-video .section-eyebrow,.intro-video h2,.intro-video .intro-video-lede{margin-inline:auto}.intro-video-lede{max-width:38rem}.video-shell{max-width:min(52rem,100%);margin-inline:auto;margin-top:1.5rem}.video-frame{position:relative;width:100%;aspect-ratio:16 / 9;border-radius:var(--radius);overflow:hidden;border:1px solid var(--border);background:#060807;box-shadow:0 1px #ffffff08 inset,0 24px 48px -18px #0000008c,0 10px 20px -10px #0006}.video-frame:before{content:"";position:absolute;inset:-1px;border-radius:inherit;background:linear-gradient(135deg,rgba(201,168,92,.16),transparent 35%,transparent 65%,rgba(95,143,106,.14));-webkit-mask:linear-gradient(#000,#000) content-box,linear-gradient(#000,#000);-webkit-mask-composite:xor;mask-composite:exclude;padding:1px;pointer-events:none;z-index:1;opacity:.65}.video-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0;z-index:0}.video-caption{margin:1rem 0 0;font-family:var(--font-mono);font-size:.78rem;color:var(--text-dim)}.video-caption a{color:var(--text-muted);text-decoration:none}.video-caption a:hover{color:var(--accent);text-decoration:underline}.problem-grid{display:grid;grid-template-columns:1fr;gap:1rem 1.5rem;align-items:start}@media(min-width:760px){.problem-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:2rem 2.5rem}}.problem-text p{margin:0 0 1rem;color:var(--text-muted)}.problem-text p:last-child{margin-bottom:0}.problem-text strong{color:var(--text);font-weight:600}.contrast-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem 1.35rem;display:grid;gap:.5rem}.contrast-card h3{margin:0;font-size:.78rem;font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--text-dim);font-weight:500}.contrast-list{margin:0;padding:0;list-style:none;display:grid;gap:.55rem}.contrast-list li{display:flex;align-items:flex-start;gap:.65rem;font-size:.95rem;color:var(--text);line-height:1.45}.contrast-list .icon{flex-shrink:0;margin-top:.18em;width:1em;height:1em;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;font-family:var(--font-mono);font-size:.7em;font-weight:700;line-height:1}.contrast-list .icon-yes{background:var(--green-soft);color:var(--green);border:1px solid var(--green-dim)}.contrast-list .icon-no{background:#ff5f571a;color:#d97770;border:1px solid rgba(217,119,112,.4)}.contrast-list .label{color:var(--text-muted);font-size:.92rem}.feature-grid{display:grid;grid-template-columns:1fr;gap:1rem;margin-top:1.5rem}@media(min-width:560px){.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.1rem 1.1rem}}@media(min-width:920px){.feature-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2rem 1.2rem}}.feature-card{position:relative;display:flex;flex-direction:column;gap:.6rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.4rem 1.4rem 1.5rem;min-height:9rem;transition:transform .2s var(--ease-out),border-color .2s var(--ease-out),background .2s var(--ease-out)}@media(hover:hover){.feature-card:hover{transform:translateY(-2px);border-color:var(--border-strong);background:var(--surface-2)}}.feature-icon{width:32px;height:32px;border-radius:var(--radius-sm);background:var(--accent-soft);color:var(--accent);display:inline-flex;align-items:center;justify-content:center;margin-bottom:.35rem}.feature-icon svg{width:18px;height:18px}.feature-card strong{display:block;color:var(--text);font-size:1.025rem;font-weight:600;letter-spacing:-.01em}.feature-card span{font-size:.925rem;color:var(--text-muted);line-height:1.55}.feature-card code{font-family:var(--font-mono);font-size:.86em;color:var(--accent-hover)}.quickstart{display:grid;grid-template-columns:1fr;gap:1.25rem;margin-top:1.5rem}@media(min-width:760px){.quickstart{grid-template-columns:1fr 1fr;gap:1.1rem}}.qs-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column}.qs-card-head{padding:1rem 1.2rem .4rem}.qs-step{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim);margin:0 0 .25rem}.qs-title{margin:0 0 .35rem;font-size:1.025rem;font-weight:600;color:var(--text)}.qs-desc{margin:0;font-size:.9rem;color:var(--text-muted);line-height:1.5}.qs-code{margin:.75rem 0 0;background:#050706;border-top:1px solid var(--border);flex-grow:1}.qs-code pre{margin:0;padding:1rem 1.2rem 1.1rem;font-family:var(--font-mono);font-size:.78rem;line-height:1.7;color:var(--term-text);overflow-x:auto;tab-size:2}.qs-foot{margin-top:1.25rem;font-size:.9rem;color:var(--text-muted)}.arch{display:grid;grid-template-columns:1fr;gap:1.5rem;align-items:start}@media(min-width:820px){.arch{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:2rem 2.5rem}}.arch-text p{margin:0 0 1rem;color:var(--text-muted)}.arch-text p:last-child{margin-bottom:0}.arch-pipeline{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.2rem 1.3rem;display:flex;flex-wrap:wrap;align-items:center;gap:.55rem .4rem}.flow-step{font-family:var(--font-mono);font-size:.78rem;font-weight:500;padding:.45rem .7rem;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);line-height:1.3}.flow-step.is-emphasis{background:var(--accent-soft);border-color:#c9a85c4d;color:var(--accent-hover)}.flow-step.is-endpoint{background:var(--green-soft);border-color:var(--green-dim);color:var(--green)}.flow-join{flex-shrink:0;color:var(--text-dim);font-size:.72rem;line-height:1;user-select:none}.flow-join:after{content:"→"}.docs-grid{display:grid;grid-template-columns:1fr;gap:.85rem;margin-top:1.5rem}@media(min-width:560px){.docs-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem 1rem}}@media(min-width:920px){.docs-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.doc-card{display:flex;flex-direction:column;gap:.45rem;padding:1.1rem 1.2rem 1.2rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);text-decoration:none;color:var(--text);transition:transform .18s var(--ease-out),border-color .18s var(--ease-out),background .18s var(--ease-out)}.doc-card:hover{border-color:var(--border-strong);background:var(--surface-2);transform:translateY(-2px);color:var(--text);text-decoration:none}.doc-card-name{font-family:var(--font-mono);font-size:.825rem;color:var(--accent);font-weight:500}.doc-card-title{font-size:1rem;font-weight:600;color:var(--text);letter-spacing:-.01em}.doc-card-desc{font-size:.9rem;color:var(--text-muted);line-height:1.5}.doc-card-arrow{margin-top:auto;padding-top:.65rem;font-size:.85rem;color:var(--text-dim);display:inline-flex;align-items:center;gap:.3rem;transition:color .15s var(--ease-out)}.doc-card:hover .doc-card-arrow{color:var(--accent)}.section-aside{margin-top:1.5rem;display:flex;flex-wrap:wrap;gap:.4rem 1.2rem;font-size:.9rem;color:var(--text-muted)}.section-aside a{color:var(--text-muted)}.section-aside a:hover{color:var(--accent)}.site-footer{margin-top:var(--section-y);padding-block:2.5rem 3.5rem;border-top:1px solid var(--border-subtle);color:var(--text-muted);font-size:.9rem}.footer-grid{display:grid;grid-template-columns:1fr;gap:2rem 3rem}@media(min-width:700px){.footer-grid{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}}.footer-brand{display:flex;align-items:center;gap:.65rem;font-weight:600;color:var(--text);font-size:.95rem;margin-bottom:.65rem}.footer-brand img{width:26px;height:26px;border-radius:6px}.footer-meta{font-size:.85rem;color:var(--text-dim);margin:0}.footer-meta a{color:var(--text-muted)}.footer-meta a:hover{color:var(--accent)}.footer-col h4{margin:0 0 .7rem;font-size:.75rem;font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim);font-weight:500}.ack-list{margin:0;padding:0;list-style:none;display:grid;gap:.45rem}.ack-list li{font-size:.875rem;line-height:1.4}.ack-list a{color:var(--text);font-weight:500}.ack-list a:hover{color:var(--accent)}.ack-list .note{color:var(--text-dim);font-size:.85em}.inline-code{font-family:var(--font-mono);font-size:.9em;font-weight:500;color:var(--accent-hover);background:var(--accent-soft);border:1px solid rgba(201,168,92,.22);padding:.08em .4em .1em;border-radius:5px}@media(max-width:640px){.header-shell{flex-direction:column;align-items:flex-start;gap:.5rem}.nav{width:100%;justify-content:flex-start;gap:0}.nav a{min-height:40px;display:inline-flex;align-items:center}.nav-divider{display:none}.cta-row{flex-direction:column;align-items:stretch}.cta-row .btn{width:100%;justify-content:center}.cta-meta{flex-direction:column;gap:.3rem}.term-body,.qs-code pre{font-size:.74rem}}