:root{--bg: #080a0b;--bg-raise: #0c0f10;--panel: #101416;--panel-2: #14181a;--graphite: #242628;--border: #23272a;--border-strong: #34393d;--border-accent: #4a4418;--yellow: #ffd900;--yellow-hover: #ffe64d;--yellow-dim: #b9a100;--yellow-soft: rgba(255, 217, 0, .1);--text: #f5f5f5;--text-muted: #a2a8ad;--text-faint: #7d848a;--green: #46b17b;--green-soft: rgba(70, 177, 123, .12);--amber: #e0a800;--amber-soft: rgba(224, 168, 0, .12);--red: #e5534b;--red-soft: rgba(229, 83, 75, .12);--font-mono: ui-monospace, "SFMono-Regular", "JetBrains Mono", "Cascadia Mono", "Roboto Mono", Consolas, "Liberation Mono", Menlo, monospace;--font-sans: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-md: 1.0625rem;--text-lg: 1.25rem;--text-xl: 1.5rem;--text-2xl: 2rem;--text-3xl: 2.75rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 3rem;--space-8: 4.5rem;--space-9: 6.5rem;--radius-sm: 4px;--radius: 8px;--radius-lg: 14px;--radius-xl: 20px;--shadow-panel: 0 1px 0 rgba(255, 255, 255, .03) inset, 0 24px 60px rgba(0, 0, 0, .55);--shadow-pop: 0 18px 45px rgba(0, 0, 0, .6);--container: 1200px;--header-h: 68px;--grid-line: rgba(255, 255, 255, .035)}@media(prefers-reduced-motion:reduce){:root{--motion-fast: 0ms;--motion: 0ms}}:root{--motion-fast: .14s;--motion: .24s;--motion-slow: .52s}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:calc(var(--header-h) + 16px)}body{margin:0;background-color:var(--bg);background-image:linear-gradient(var(--grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line) 1px,transparent 1px);background-size:64px 64px;background-position:center top;color:var(--text);font-family:var(--font-sans);font-size:var(--text-md);line-height:1.65;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(120% 80% at 50% 0%,rgba(255,217,0,.05),transparent 55%);z-index:0}#root{position:relative;z-index:1;min-height:100vh;display:flex;flex-direction:column}h1,h2,h3,h4{font-family:var(--font-mono);font-weight:700;line-height:1.14;letter-spacing:-.02em;margin:0 0 var(--space-4);text-wrap:balance}h1{font-size:clamp(2rem,4.6vw,3.4rem)}h2{font-size:clamp(1.6rem,3.2vw,2.4rem)}h3{font-size:clamp(1.1rem,1.7vw,1.35rem);line-height:1.3}h4{font-size:1rem;margin-bottom:var(--space-2)}p{margin:0 0 var(--space-4)}a{color:var(--yellow);text-decoration:none;transition:color var(--motion-fast) ease}a:hover{color:var(--yellow-hover)}p a,li a,td a,dd a,.callout a,figcaption a,blockquote a{text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}p a:hover,li a:hover,td a:hover,dd a:hover,.callout a:hover,figcaption a:hover,blockquote a:hover{text-decoration-thickness:2px}ul,ol{margin:0 0 var(--space-4);padding-left:1.25rem}li{margin-bottom:var(--space-2)}strong{color:var(--text);font-weight:650}code,kbd,samp{font-family:var(--font-mono);font-size:.92em}:not(pre)>code{overflow-wrap:anywhere;word-break:break-word}img,svg{display:block;max-width:100%}hr{border:0;border-top:1px solid var(--border);margin:var(--space-6) 0}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--yellow);outline-offset:2px;border-radius:3px}::selection{background:var(--yellow);color:#0b0b0b}.container{width:100%;max-width:var(--container);margin-inline:auto;padding-inline:var(--space-5)}.container-narrow{max-width:880px}main{flex:1}.section{padding-block:var(--space-8);position:relative}.section-tight{padding-block:var(--space-7)}.section-alt{background:linear-gradient(180deg,rgba(255,255,255,.018),transparent 40%);border-block:1px solid var(--border)}.grid{display:grid;gap:var(--space-5)}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.stack{display:flex;flex-direction:column;gap:var(--space-4)}.row{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.spread{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap}.muted{color:var(--text-muted)}.faint{color:var(--text-faint)}.mono{font-family:var(--font-mono)}.small{font-size:var(--text-sm)}.center{text-align:center}.mt-0{margin-top:0}.mb-0{margin-bottom:0}.skip-link{position:absolute;left:-9999px;top:0;background:var(--yellow);color:#0b0b0b;padding:10px 16px;z-index:200;font-weight:650;border-radius:0 0 var(--radius) 0}.skip-link:focus{left:0}.reveal{opacity:0;transform:translateY(16px);transition:opacity var(--motion-slow) ease,transform var(--motion-slow) ease}.reveal.is-visible{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.site-header{position:sticky;top:0;z-index:100;background:#080a0beb;-webkit-backdrop-filter:saturate(140%) blur(6px);backdrop-filter:saturate(140%) blur(6px);border-bottom:1px solid var(--border)}.header-inner{height:var(--header-h);display:flex;align-items:center;gap:var(--space-5)}.brand{display:inline-flex;align-items:center;gap:10px;color:var(--text);font-family:var(--font-mono);font-weight:700;letter-spacing:.04em;font-size:1.05rem;white-space:nowrap}.brand:hover{color:var(--text)}.brand-mark{width:30px;height:30px;flex:none;color:var(--yellow)}.brand-version{color:var(--bg);background:var(--yellow);border-radius:var(--radius-sm);padding:1px 7px;font-size:.72rem;letter-spacing:.08em}.nav{display:flex;align-items:center;gap:var(--space-1);margin-left:auto}.nav-link{position:relative;color:var(--text-muted);font-size:var(--text-sm);padding:7px 11px;border-radius:var(--radius-sm);transition:color var(--motion-fast) ease,background var(--motion-fast) ease}.nav-link:hover{color:var(--text);background:#ffffff0a}.nav-link.active{color:var(--yellow)}.nav-link.active:after{content:"";position:absolute;left:11px;right:11px;bottom:1px;height:2px;background:var(--yellow);border-radius:2px}.header-actions{display:flex;align-items:center;gap:var(--space-3)}.gh-link{display:inline-flex;align-items:center;gap:7px;color:var(--text-muted);font-size:var(--text-sm);padding:6px 8px;border-radius:var(--radius-sm)}.gh-link:hover{color:var(--text)}.mobile-toggle{display:none;margin-left:auto;background:transparent;border:1px solid var(--border-strong);border-radius:var(--radius-sm);color:var(--text);padding:7px 10px;cursor:pointer}.mobile-nav{display:none;border-top:1px solid var(--border);padding:var(--space-3) var(--space-4) var(--space-4);background:var(--bg-raise)}.mobile-nav.open{display:block}.mobile-nav .nav-link{display:block;padding:11px 8px;font-size:var(--text-base);border-bottom:1px solid var(--border);border-radius:0}.mobile-nav .nav-link.active:after{display:none}.mobile-nav .btn{width:100%;justify-content:center;margin-top:var(--space-4)}@media(max-width:1020px){.nav,.header-actions .gh-link span,.header-actions .btn{display:none}.mobile-toggle{display:inline-flex;align-items:center;gap:8px}.header-actions{margin-left:auto}}.site-footer{border-top:1px solid var(--border);background:var(--bg-raise);padding-block:var(--space-7) var(--space-5);margin-top:var(--space-8)}.footer-grid{display:grid;grid-template-columns:1.6fr repeat(3,minmax(0,1fr));gap:var(--space-6)}.footer-brand p{color:var(--text-muted);font-size:var(--text-sm);max-width:42ch;margin-top:var(--space-3)}.footer-col h2,.footer-col h3,.footer-col h4{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.14em;text-transform:uppercase;color:var(--text-faint)}.footer-links{list-style:none;padding:0;margin:0}.footer-links li{margin-bottom:9px}.footer-links a{color:var(--text-muted);font-size:var(--text-sm)}.footer-links a:hover{color:var(--yellow)}.footer-bottom{margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--border);display:flex;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap;color:var(--text-faint);font-size:var(--text-xs)}@media(max-width:860px){.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid transparent;border-radius:var(--radius);padding:11px 20px;font-family:var(--font-sans);font-size:var(--text-sm);font-weight:650;line-height:1.2;cursor:pointer;text-decoration:none;transition:background var(--motion-fast) ease,border-color var(--motion-fast) ease,color var(--motion-fast) ease,transform var(--motion-fast) ease;white-space:nowrap}.btn:active{transform:translateY(1px)}.btn[disabled],.btn[aria-disabled=true]{opacity:.45;cursor:not-allowed;transform:none}.btn-primary{background:var(--yellow);color:#0b0b0b}.btn-primary:hover{background:var(--yellow-hover);color:#0b0b0b}.btn-secondary{background:transparent;color:var(--text);border-color:var(--border-strong)}.btn-secondary:hover{border-color:var(--yellow);color:var(--yellow)}.btn-ghost{background:transparent;color:var(--text-muted);border-color:transparent;padding-inline:10px}.btn-ghost:hover{color:var(--yellow)}.btn-danger{background:transparent;border-color:var(--red);color:var(--red)}.btn-danger:hover{background:var(--red-soft);color:var(--red)}.btn-sm{padding:7px 13px;font-size:var(--text-xs)}.btn-lg{padding:14px 26px;font-size:var(--text-base)}.btn-block{width:100%}.btn .icon{width:16px;height:16px}.badge{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--border-strong);background:var(--panel);color:var(--text-muted);border-radius:999px;padding:5px 13px;font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.06em;text-transform:uppercase}.badge-yellow{border-color:var(--border-accent);background:var(--yellow-soft);color:var(--yellow)}.badge-green{border-color:#46b17b73;background:var(--green-soft);color:var(--green)}.badge-amber{border-color:#e0a80073;background:var(--amber-soft);color:var(--amber)}.badge-red{border-color:#e5534b73;background:var(--red-soft);color:var(--red)}.status-dot{width:8px;height:8px;border-radius:50%;flex:none;background:currentColor}.eyebrow{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.16em;text-transform:uppercase;color:var(--yellow);border:1px solid var(--border-accent);background:var(--yellow-soft);border-radius:999px;padding:6px 14px;margin-bottom:var(--space-4)}.section-head{max-width:760px;margin-bottom:var(--space-6)}.section-head.center{margin-inline:auto}.section-lead{color:var(--text-muted);font-size:var(--text-lg);line-height:1.6}.section-head .sub{color:var(--text-faint);font-size:var(--text-sm)}.panel{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-lg)}.panel-accent{border-color:var(--border-accent)}.panel-pad{padding:var(--space-5)}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-5);transition:border-color var(--motion) ease,transform var(--motion) ease,background var(--motion) ease}.card:hover{border-color:var(--border-strong)}.card-link:hover{border-color:var(--yellow);transform:translateY(-3px);background:var(--panel-2)}.card h3{margin-bottom:var(--space-2)}.card p{color:var(--text-muted);font-size:var(--text-sm);margin-bottom:var(--space-3)}.card-link .learn{display:inline-flex;align-items:center;gap:7px;font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--yellow)}.icon-tile{width:44px;height:44px;border:1px solid var(--border-accent);background:var(--yellow-soft);color:var(--yellow);border-radius:var(--radius);display:grid;place-items:center;margin-bottom:var(--space-4)}.icon-tile .icon{width:22px;height:22px}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-4)}.stat-card{display:flex;gap:var(--space-4);align-items:flex-start;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-5)}.stat-card .icon-tile{margin-bottom:0;width:40px;height:40px;flex:none}.stat-value{font-family:var(--font-mono);font-size:1.9rem;font-weight:700;line-height:1;color:var(--yellow);margin-bottom:6px}.stat-label{font-size:var(--text-sm);font-weight:650;margin-bottom:5px}.stat-caption{font-size:var(--text-xs);color:var(--text-faint);line-height:1.5}.evidence-note{margin-top:var(--space-4);font-size:var(--text-xs);color:var(--text-faint);border-left:2px solid var(--border-strong);padding-left:var(--space-3);max-width:900px}@media(max-width:980px){.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.stats-grid{grid-template-columns:minmax(0,1fr)}}.terminal{background:#0a0d0e;border:1px solid var(--border-strong);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-pop)}.terminal-bar{display:flex;align-items:center;gap:8px;padding:10px 14px;background:var(--panel-2);border-bottom:1px solid var(--border)}.terminal-dot{width:10px;height:10px;border-radius:50%;background:var(--graphite)}.terminal-dot:nth-child(1){background:#3d4144}.terminal-dot:nth-child(2){background:#4a4418}.terminal-dot:nth-child(3){background:#1f3a2c}.terminal-title{margin-left:8px;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-faint)}.terminal-body{padding:var(--space-4);font-family:var(--font-mono);font-size:var(--text-sm);line-height:1.75;overflow-x:auto}.term-line{white-space:pre-wrap;word-break:break-word}.term-prompt{color:var(--yellow)}.term-cmd{color:var(--text)}.term-out{color:var(--text-muted)}.term-ok{color:var(--green)}.term-warn{color:var(--amber)}.code-block{background:#0a0d0e;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;margin-bottom:var(--space-4)}.code-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:7px 12px;background:var(--panel-2);border-bottom:1px solid var(--border);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-faint);letter-spacing:.08em;text-transform:uppercase}.copy-btn{background:transparent;border:1px solid var(--border-strong);color:var(--text-muted);border-radius:var(--radius-sm);padding:4px 10px;font-family:var(--font-mono);font-size:var(--text-xs);cursor:pointer;transition:color var(--motion-fast) ease,border-color var(--motion-fast) ease}.copy-btn:hover{color:var(--yellow);border-color:var(--yellow)}.code-body{margin:0;padding:var(--space-4);overflow-x:auto;font-family:var(--font-mono);font-size:var(--text-sm);line-height:1.7;color:var(--text);white-space:pre}.callout{display:flex;gap:var(--space-3);border:1px solid var(--border);border-left-width:3px;background:var(--panel);border-radius:var(--radius);padding:var(--space-4);margin-bottom:var(--space-4);font-size:var(--text-sm);line-height:1.65}.callout p:last-child{margin-bottom:0}.callout-title{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.1em;text-transform:uppercase;margin-bottom:6px;display:block}.callout-info{border-left-color:var(--yellow)}.callout-info .callout-title{color:var(--yellow)}.callout-warn{border-left-color:var(--amber);background:linear-gradient(90deg,var(--amber-soft),transparent 60%)}.callout-warn .callout-title{color:var(--amber)}.callout-danger{border-left-color:var(--red);background:linear-gradient(90deg,var(--red-soft),transparent 60%)}.callout-danger .callout-title{color:var(--red)}.callout-tip{border-left-color:var(--green)}.callout-tip .callout-title{color:var(--green)}.tabs{display:flex;gap:var(--space-2);border-bottom:1px solid var(--border);margin-bottom:var(--space-5);overflow-x:auto}.tab-btn{background:transparent;border:0;border-bottom:2px solid transparent;color:var(--text-muted);padding:11px 16px;font-family:var(--font-mono);font-size:var(--text-sm);cursor:pointer;white-space:nowrap;transition:color var(--motion-fast) ease,border-color var(--motion-fast) ease}.tab-btn:hover{color:var(--text)}.tab-btn[aria-selected=true]{color:var(--yellow);border-bottom-color:var(--yellow)}.accordion{border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;background:var(--panel)}.accordion-item+.accordion-item{border-top:1px solid var(--border)}.accordion-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);background:transparent;border:0;color:var(--text);text-align:left;padding:var(--space-4) var(--space-5);font-family:var(--font-mono);font-size:var(--text-base);font-weight:650;cursor:pointer}.accordion-trigger:hover{color:var(--yellow)}.accordion-trigger .chev{transition:transform var(--motion) ease;color:var(--yellow);flex:none}.accordion-trigger[aria-expanded=true] .chev{transform:rotate(180deg)}.accordion-panel{padding:0 var(--space-5) var(--space-5);color:var(--text-muted);font-size:var(--text-sm)}.steps{display:grid;gap:var(--space-4);counter-reset:step}.step{display:flex;gap:var(--space-4);align-items:flex-start;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-5)}.step-num{flex:none;width:34px;height:34px;border-radius:50%;background:var(--yellow);color:#0b0b0b;font-family:var(--font-mono);font-weight:700;display:grid;place-items:center;font-size:var(--text-sm)}.step h3,.step h4{margin-bottom:4px}.step p{color:var(--text-muted);font-size:var(--text-sm);margin-bottom:0}.step .code-block{margin:var(--space-3) 0 0}.compare{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-5)}.compare-col{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--panel);padding:var(--space-5)}.compare-col.can{border-top:3px solid var(--green)}.compare-col.cannot{border-top:3px solid var(--amber)}.compare-col h3{display:flex;align-items:center;gap:10px;font-size:var(--text-lg)}.compare-col.can h3{color:var(--green)}.compare-col.cannot h3{color:var(--amber)}.compare-list{list-style:none;padding:0;margin:0}.compare-list li{display:flex;gap:12px;align-items:flex-start;font-size:var(--text-sm);color:var(--text-muted);padding:10px 0;border-bottom:1px dashed var(--border);line-height:1.6}.compare-list li:last-child{border-bottom:0}.compare-list .icon{width:17px;height:17px;flex:none;margin-top:3px}.can .compare-list .icon{color:var(--green)}.cannot .compare-list .icon{color:var(--amber)}@media(max-width:860px){.compare{grid-template-columns:minmax(0,1fr)}}.divider{height:1px;background:var(--border);margin-block:var(--space-6)}.tag-row{display:flex;flex-wrap:wrap;gap:var(--space-2)}.notice{border:1px dashed var(--border-strong);background:#ffd9000d;border-radius:var(--radius);padding:var(--space-3) var(--space-4);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.05em;color:var(--yellow);text-align:center}.breadcrumbs{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-faint);margin-bottom:var(--space-3);letter-spacing:.06em}.breadcrumbs a{color:var(--text-muted)}.empty-state{border:1px dashed var(--border-strong);border-radius:var(--radius-lg);padding:var(--space-7) var(--space-5);text-align:center;color:var(--text-muted)}.pill-row{display:flex;flex-wrap:wrap;gap:8px}.pill{background:transparent;border:1px solid var(--border-strong);color:var(--text-muted);border-radius:999px;padding:6px 14px;font-family:var(--font-mono);font-size:var(--text-xs);cursor:pointer;transition:all var(--motion-fast) ease}.pill:hover{border-color:var(--yellow);color:var(--yellow)}.pill[aria-pressed=true]{background:var(--yellow);border-color:var(--yellow);color:#0b0b0b;font-weight:650}.hero{padding-block:var(--space-8) var(--space-7);position:relative;overflow:hidden}.hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:var(--space-7);align-items:center}.hero h1{font-size:clamp(2.1rem,4vw,3.25rem);margin-bottom:var(--space-4)}.hero h1 .accent{color:var(--yellow)}.hero-lead{color:var(--text-muted);font-size:var(--text-lg);max-width:56ch;margin-bottom:var(--space-5)}.hero-actions{display:flex;gap:var(--space-3);flex-wrap:wrap;margin-bottom:var(--space-3)}.hero-note{font-size:var(--text-xs);color:var(--text-faint);font-family:var(--font-mono)}.hero-note a{color:var(--text-muted);text-decoration:underline;text-underline-offset:3px}@media(max-width:1020px){.hero-grid{grid-template-columns:minmax(0,1fr)}}.mock-window{background:var(--panel);border:1px solid var(--border-accent);border-radius:var(--radius-xl);box-shadow:var(--shadow-panel);overflow:hidden;position:relative}.mock-window:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(90% 60% at 80% 0%,rgba(255,217,0,.07),transparent 60%)}.mock-head{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid var(--border);background:var(--panel-2);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--text-faint)}.mock-body{display:grid;grid-template-columns:minmax(0,1fr) 240px}.mock-main{padding:var(--space-5);border-right:1px solid var(--border)}.mock-side{padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-4)}.mock-title{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text);margin-bottom:var(--space-4);display:flex;justify-content:space-between;align-items:center}.mock-title span{color:var(--text-faint);font-size:var(--text-xs);letter-spacing:.1em}.flow{list-style:none;margin:0;padding:0 0 0 4px}.flow-item{display:grid;grid-template-columns:22px minmax(0,1fr) auto;gap:12px;padding-bottom:var(--space-4);position:relative}.flow-item:last-child{padding-bottom:0}.flow-item:before{content:"";position:absolute;left:10px;top:20px;bottom:-2px;width:1px;background:var(--border-strong)}.flow-item:last-child:before{display:none}.flow-dot{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:var(--panel-2);border:1px solid var(--border-strong);color:var(--text-faint);z-index:1}.flow-dot .icon{width:12px;height:12px}.flow-item.done .flow-dot{background:var(--green-soft);border-color:var(--green);color:var(--green)}.flow-item.active .flow-dot{background:var(--yellow);border-color:var(--yellow);color:#0b0b0b}.flow-item.blocked .flow-dot{background:var(--amber-soft);border-color:var(--amber);color:var(--amber)}.flow-title{font-size:var(--text-sm);font-weight:650}.flow-item.blocked .flow-title{color:var(--amber)}.flow-detail{font-size:var(--text-xs);color:var(--text-faint);font-family:var(--font-mono)}.flow-time{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-faint)}.spark{border:1px solid var(--border);border-radius:var(--radius);padding:12px;background:#0b0e0f}.spark svg{width:100%;height:58px}.mock-stat{border:1px solid var(--border);border-radius:var(--radius);padding:12px}.mock-stat h5,.mock-stat .mock-stat-title{margin:0 0 8px;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-faint);letter-spacing:.08em;text-transform:uppercase;font-weight:600}.mock-stat ul{list-style:none;margin:0;padding:0}.mock-stat li{display:flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-muted);margin-bottom:5px}.mock-stat li .icon{width:14px;height:14px;color:var(--green)}.mock-success{border:1px solid rgba(70,177,123,.4);background:var(--green-soft);border-radius:var(--radius);padding:12px;display:flex;gap:10px;align-items:flex-start}.mock-success .icon{width:18px;height:18px;color:var(--green);flex:none;margin-top:2px}.mock-success strong{display:block;font-family:var(--font-mono);font-size:var(--text-sm);color:var(--green)}.mock-success span{font-size:var(--text-xs);color:var(--text-muted)}@media(max-width:720px){.mock-body{grid-template-columns:minmax(0,1fr)}.mock-main{border-right:0;border-bottom:1px solid var(--border)}}.page-hero{padding-block:var(--space-7) var(--space-6);border-bottom:1px solid var(--border);background:linear-gradient(180deg,rgba(255,217,0,.045),transparent 70%)}.page-hero h1{max-width:22ch}.page-hero .section-lead{max-width:72ch}.feature-detail{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:var(--space-6);padding:var(--space-6) 0;border-bottom:1px solid var(--border)}.feature-detail:last-child{border-bottom:0}.feature-detail .fd-aside{display:flex;flex-direction:column;gap:var(--space-4)}.fd-block{border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-4);background:var(--panel)}.fd-block h4{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.12em;text-transform:uppercase;color:var(--yellow)}.fd-block p{margin:0;color:var(--text-muted);font-size:var(--text-sm)}.fd-block.limits{border-left:3px solid var(--amber)}.fd-block.limits h4{color:var(--amber)}@media(max-width:900px){.feature-detail{grid-template-columns:minmax(0,1fr)}}.demo-banner{position:sticky;top:var(--header-h);z-index:40;background:var(--yellow);color:#0b0b0b;font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.12em;text-align:center;padding:8px var(--space-4);font-weight:700;text-transform:uppercase}.scenario-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2);margin-bottom:var(--space-4)}.scenario-option{display:flex;align-items:flex-start;gap:10px;text-align:left;background:transparent;border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px 12px;cursor:pointer;color:var(--text-muted);transition:border-color var(--motion-fast) ease,color var(--motion-fast) ease}.scenario-option:hover{border-color:var(--border-strong);color:var(--text)}.scenario-option.is-on{border-color:var(--border-accent);color:var(--text)}.scenario-dot{width:8px;height:8px;border-radius:50%;border:1px solid currentColor;margin-top:5px;flex:none}.scenario-option.is-on .scenario-dot{background:var(--yellow);border-color:var(--yellow)}.scenario-text{display:flex;flex-direction:column;gap:2px;min-width:0}.scenario-name{font-size:var(--text-sm);font-weight:650}.scenario-note{font-size:var(--text-xs);line-height:1.5;color:var(--text-faint)}@media(max-width:600px){.scenario-list{grid-template-columns:minmax(0,1fr)}}.phase-steps{display:flex;gap:6px;list-style:none;margin:0 0 var(--space-4);padding:0;flex-wrap:wrap}.phase-step{flex:1 1 auto;min-width:92px;border:1px solid var(--border);background:var(--panel);border-radius:var(--radius-sm);padding:8px 10px;font-family:var(--font-mono);font-size:.68rem;letter-spacing:.06em;text-transform:uppercase;color:var(--text-faint);display:flex;align-items:center;gap:7px}.phase-step .idx{width:18px;height:18px;border-radius:50%;border:1px solid currentColor;display:grid;place-items:center;font-size:.6rem;flex:none}.phase-step.done{color:var(--green);border-color:#46b17b66}.phase-step.current{color:#0b0b0b;background:var(--yellow);border-color:var(--yellow);font-weight:700}.phase-step.blocked{color:var(--amber);border-color:#e0a80080}.demo-grid{display:grid;grid-template-columns:minmax(0,320px) minmax(0,1fr);gap:var(--space-4);align-items:start}.tech-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4);align-items:start;padding-top:var(--space-4)}.demo-col{display:flex;flex-direction:column;gap:var(--space-4);min-width:0}.demo-panel{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.demo-panel-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:10px 14px;border-bottom:1px solid var(--border);background:var(--panel-2);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--text-faint)}.demo-panel-body{padding:var(--space-4)}.demo-panel-body.flush{padding:0}.tree{list-style:none;margin:0;padding:0;font-family:var(--font-mono);font-size:var(--text-sm)}.tree li{margin:0}.tree-dir{color:var(--text-faint);padding:7px 14px;background:#ffffff05;border-bottom:1px solid var(--border);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase}.tree-file{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;background:transparent;border:0;border-bottom:1px solid rgba(255,255,255,.03);color:var(--text-muted);padding:9px 14px;text-align:left;cursor:pointer;font-family:var(--font-mono);font-size:var(--text-sm);transition:background var(--motion-fast) ease,color var(--motion-fast) ease}.tree-file:hover{background:#ffffff0a;color:var(--text)}.tree-file[aria-current=true]{background:var(--yellow-soft);color:var(--yellow);box-shadow:inset 2px 0 0 var(--yellow)}.tree-file .state{font-size:.65rem;letter-spacing:.08em;text-transform:uppercase;padding:2px 6px;border-radius:3px;border:1px solid currentColor;flex:none}.state.changed{color:var(--amber)}.state.restored{color:var(--green)}.state.human{color:var(--yellow)}.state.missing{color:var(--red)}.state.unchanged{color:var(--text-faint)}.diff{font-family:var(--font-mono);font-size:var(--text-sm);line-height:1.65;overflow-x:auto;background:#0a0d0e;min-height:180px}.diff-line{display:grid;grid-template-columns:44px minmax(0,1fr);gap:10px;padding:1px 12px;white-space:pre-wrap;word-break:break-word}.diff-line .ln{color:var(--text-faint);text-align:right;-webkit-user-select:none;user-select:none;font-size:.75rem;padding-top:2px}.diff-line.add{background:#46b17b1f;color:#a9e2c4}.diff-line.add .ln{color:var(--green)}.diff-line.remove{background:#e5534b1f;color:#f3b7b3}.diff-line.remove .ln{color:var(--red)}.diff-line.context{color:var(--text-muted)}.diff-legend{display:flex;gap:var(--space-4);padding:8px 14px;border-top:1px solid var(--border);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-faint)}.timeline{list-style:none;margin:0;padding:0}.timeline li{display:grid;grid-template-columns:62px minmax(0,1fr);gap:12px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.04);margin:0}.timeline li:last-child{border-bottom:0}.timeline .tl-time{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-faint);padding-top:2px}.timeline .tl-title{font-size:var(--text-sm);font-weight:650}.timeline .tl-detail{font-size:var(--text-xs);color:var(--text-faint);line-height:1.5}.timeline li.kind-error .tl-title{color:var(--red)}.timeline li.kind-human .tl-title{color:var(--yellow)}.timeline li.kind-agent .tl-title{color:var(--amber)}.risk-table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.risk-table th{text-align:left;font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint);font-weight:600;padding:8px 10px;border-bottom:1px solid var(--border)}.risk-table td{padding:10px;border-bottom:1px solid rgba(255,255,255,.04);vertical-align:top;color:var(--text-muted)}.risk-table td:first-child{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text)}.risk-chip{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;border:1px solid currentColor;border-radius:3px;padding:2px 7px}.risk-chip.high{color:var(--red)}.risk-chip.medium{color:var(--amber)}.risk-chip.low{color:var(--green)}.plan-list{list-style:none;margin:0;padding:0;font-family:var(--font-mono);font-size:var(--text-sm)}.plan-list li{display:grid;grid-template-columns:74px minmax(0,1fr);gap:10px;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.04);margin:0;align-items:start}.plan-list li:last-child{border-bottom:0}.plan-op{font-size:.66rem;letter-spacing:.08em;text-transform:uppercase;border:1px solid currentColor;border-radius:3px;padding:2px 6px;text-align:center}.plan-op.restore{color:var(--green)}.plan-op.skip{color:var(--amber)}.plan-path{color:var(--text);word-break:break-all}.plan-reason{display:block;color:var(--text-faint);font-size:var(--text-xs);margin-top:2px}.approval-bar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4);border:1px dashed var(--border-strong);border-radius:var(--radius);background:var(--panel-2);flex-wrap:wrap}.approval-bar .approval-text{font-size:var(--text-sm);color:var(--text-muted)}.progress{height:10px;background:#0a0d0e;border:1px solid var(--border);border-radius:999px;overflow:hidden}.progress-bar{height:100%;background:var(--yellow);transition:width .32s linear}.progress-bar.fail{background:var(--red)}.progress-bar.ok{background:var(--green)}.progress-meta{display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-faint);margin-top:7px}.log{font-family:var(--font-mono);font-size:var(--text-xs);line-height:1.7;max-height:320px;overflow-y:auto;background:#0a0d0e}.log-line{display:grid;grid-template-columns:68px 58px minmax(0,1fr);gap:8px;padding:5px 12px;border-bottom:1px solid rgba(255,255,255,.03)}.log-line .t{color:var(--text-faint)}.log-line .lvl{text-transform:uppercase;letter-spacing:.06em}.log-line.info .lvl{color:var(--text-muted)}.log-line.warn .lvl{color:var(--amber)}.log-line.error .lvl{color:var(--red)}.log-line.success .lvl{color:var(--green)}.log-line .msg{color:var(--text-muted);word-break:break-word}.outcome{border-radius:var(--radius);padding:var(--space-4);border:1px solid var(--border);display:flex;gap:12px;align-items:flex-start;font-size:var(--text-sm)}.outcome .icon{width:20px;height:20px;flex:none;margin-top:2px}.outcome strong{display:block;font-family:var(--font-mono);margin-bottom:4px}.outcome.ok{border-color:#46b17b80;background:var(--green-soft)}.outcome.ok strong,.outcome.ok .icon{color:var(--green)}.outcome.warn{border-color:#e0a80080;background:var(--amber-soft)}.outcome.warn strong,.outcome.warn .icon{color:var(--amber)}.outcome.danger{border-color:#e5534b80;background:var(--red-soft)}.outcome.danger strong,.outcome.danger .icon{color:var(--red)}.outcome.info{border-color:var(--border-accent);background:var(--yellow-soft)}.outcome.info strong,.outcome.info .icon{color:var(--yellow)}.outcome p{margin:0;color:var(--text-muted)}.verify-rows{list-style:none;margin:var(--space-3) 0 0;padding:0;font-family:var(--font-mono);font-size:var(--text-xs)}.verify-rows li{display:flex;justify-content:space-between;gap:10px;padding:6px 0;border-bottom:1px dashed var(--border);margin:0}.verify-rows li:last-child{border-bottom:0}.verify-rows .digest{color:var(--text-faint);word-break:break-all}.verify-rows .digest-hash{display:block;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-faint);opacity:.85;margin-top:2px}.verify-rows .match{color:var(--green);flex:none}.verify-rows .mismatch{color:var(--red);flex:none}.demo-actions{display:flex;flex-wrap:wrap;gap:var(--space-3)}.demo-actions .btn{flex:1 1 auto}.flow{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.flow-item{display:grid;grid-template-columns:20px minmax(0,1fr);gap:10px;margin:0;padding:9px 0 9px 2px;position:relative}.flow-item:not(:last-child):before{content:"";position:absolute;left:11px;top:26px;bottom:-4px;width:1px;background:var(--border)}.flow-mark{width:20px;height:20px;border-radius:50%;border:1px solid var(--border);display:grid;place-items:center;color:var(--text-faint);background:var(--panel);z-index:1}.flow-dot{width:7px;height:7px;border-radius:50%;background:currentColor}.flow-body{display:flex;flex-direction:column;gap:2px;min-width:0}.flow-top{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3)}.flow-label{font-size:var(--text-sm);font-weight:650;color:var(--text-muted)}.flow-time{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-faint);flex:none}.flow-desc{font-size:var(--text-xs);line-height:1.5;color:var(--text-faint)}.flow-item.done .flow-mark{color:var(--green);border-color:#46b17b73}.flow-item.done .flow-label{color:var(--text)}.flow-item.current .flow-mark{color:#0b0b0b;background:var(--yellow);border-color:var(--yellow)}.flow-item.current .flow-label{color:var(--yellow)}.flow-item.current .flow-desc{color:var(--text-muted)}.flow-item.blocked .flow-mark{color:var(--amber);border-color:#e0a80080}.flow-item.blocked .flow-label{color:var(--amber)}.demo-panel-head h3.task-heading{margin:0;font:inherit;color:var(--text-muted);text-transform:none;letter-spacing:0}.task-text{margin:0;font-size:var(--text-sm);line-height:1.6;color:var(--text)}.task-note{margin:0;font-size:var(--text-xs);line-height:1.6}.task-note.warn{color:var(--amber)}.file-list{list-style:none;margin:0;padding:0;border:1px solid var(--border);border-radius:var(--radius-sm);background:#0a0d0e}.file-list li{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin:0;padding:7px 12px;border-bottom:1px solid rgba(255,255,255,.03);font-family:var(--font-mono);font-size:var(--text-xs)}.file-list li:last-child{border-bottom:0}.file-list .path{color:var(--text);overflow-wrap:anywhere}.file-list .reason{display:block;color:var(--text-faint);font-family:var(--font-sans, inherit);font-size:var(--text-xs);line-height:1.5;margin-top:3px}.file-list .state,.file-list .risk-chip,.file-list .op{flex:none}.file-list .op{font-size:.65rem;letter-spacing:.08em;text-transform:uppercase;padding:2px 6px;border-radius:3px;border:1px solid currentColor}.file-list .op.restore{color:var(--green)}.file-list .op.skip{color:var(--text-faint)}.result-stats{display:flex;flex-wrap:wrap;gap:var(--space-4);margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid rgba(255,255,255,.08);font-size:var(--text-xs);color:var(--text-muted)}.result-stats b{font-family:var(--font-mono);color:var(--text)}.demo-approve{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;border:1px solid var(--border-accent);background:var(--yellow-soft);border-radius:var(--radius-sm);font-size:var(--text-xs);line-height:1.55;color:var(--text)}.demo-approve .icon{color:var(--yellow);flex:none;margin-top:1px}.demo-details{margin-top:var(--space-5);border:1px solid var(--border);border-radius:var(--radius);background:var(--panel)}.demo-details>summary{cursor:pointer;padding:12px 14px;font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);list-style:none;display:flex;align-items:center;gap:8px}.demo-details>summary::-webkit-details-marker{display:none}.demo-details>summary:before{content:"";width:0;height:0;border-left:5px solid currentColor;border-top:4px solid transparent;border-bottom:4px solid transparent;transition:transform var(--motion-fast) ease}.demo-details[open]>summary:before{transform:rotate(90deg)}.demo-details>summary:hover{color:var(--text)}.demo-code{margin:0;padding:var(--space-4);font-family:var(--font-mono);font-size:var(--text-xs);line-height:1.7;color:var(--text-muted);background:#0a0d0e;overflow-x:auto;max-height:320px}@media(max-width:1180px){.demo-grid{grid-template-columns:minmax(0,1fr)}.tech-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:820px){.tech-grid{grid-template-columns:minmax(0,1fr)}}.docs-layout{display:grid;grid-template-columns:250px minmax(0,1fr) 220px;gap:var(--space-6);align-items:start}.docs-sidebar{position:sticky;top:calc(var(--header-h) + var(--space-4));max-height:calc(100vh - var(--header-h) - var(--space-6));overflow-y:auto;padding-right:6px}.docs-search{width:100%;background:var(--panel);border:1px solid var(--border-strong);border-radius:var(--radius);padding:10px 12px;font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text);margin-bottom:var(--space-4)}.docs-search::placeholder{color:var(--text-faint)}.docs-group{margin-bottom:var(--space-5)}.docs-group h4{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.12em;text-transform:uppercase;color:var(--text-faint);margin-bottom:var(--space-2)}.docs-link{display:block;color:var(--text-muted);font-size:var(--text-sm);padding:7px 10px;border-left:2px solid transparent;border-radius:0 var(--radius-sm) var(--radius-sm) 0}.docs-link:hover{color:var(--text);background:#ffffff08}.docs-link.active{color:var(--yellow);border-left-color:var(--yellow);background:var(--yellow-soft)}.docs-article{min-width:0}.docs-article h1{font-size:clamp(1.8rem,3vw,2.5rem)}.docs-index-group{margin-top:var(--space-6)}.docs-index-group h2{font-size:1rem;letter-spacing:.04em;text-transform:uppercase;color:var(--yellow);border-bottom:1px solid var(--border);padding-bottom:var(--space-2);margin-bottom:var(--space-3)}.docs-index-list{list-style:none;padding:0;margin:0;display:grid;gap:var(--space-3)}.docs-index-list li{padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-raise)}.docs-index-list li:hover{border-color:var(--yellow-dim, rgba(255, 217, 0, .35))}.docs-index-list a{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:600;color:var(--text)}.docs-index-list a:hover{color:var(--yellow)}.route-loading{min-height:40vh;display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:var(--text-sm);letter-spacing:.12em;text-transform:uppercase;color:var(--text-faint)}.docs-article h2{font-size:clamp(1.3rem,2vw,1.7rem);margin-top:var(--space-6);padding-top:var(--space-3);border-top:1px solid var(--border);scroll-margin-top:calc(var(--header-h) + 20px)}.docs-article h3{margin-top:var(--space-5);scroll-margin-top:calc(var(--header-h) + 20px)}.docs-article p,.docs-article li{color:var(--text-muted);font-size:var(--text-base);line-height:1.75}.docs-article li{margin-bottom:8px}.docs-article strong{color:var(--text)}.docs-toc{position:sticky;top:calc(var(--header-h) + var(--space-4))}.docs-toc h2,.docs-toc h4{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.12em;text-transform:uppercase;color:var(--text-faint)}.docs-toc a{display:block;color:var(--text-faint);font-size:var(--text-xs);padding:5px 0 5px 12px;border-left:1px solid var(--border);line-height:1.5}.docs-toc a:hover,.docs-toc a.active{color:var(--yellow);border-left-color:var(--yellow)}.docs-pager{display:flex;justify-content:space-between;gap:var(--space-4);margin-top:var(--space-7);padding-top:var(--space-5);border-top:1px solid var(--border)}.docs-pager a{border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-3) var(--space-4);max-width:48%;color:var(--text-muted)}.docs-pager a:hover{border-color:var(--yellow);color:var(--yellow)}.docs-pager .dir{display:block;font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--text-faint);margin-bottom:4px}.docs-pager .ttl{font-size:var(--text-sm);font-weight:650}.docs-pager .next{text-align:right;margin-left:auto}.docs-search-results{border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-4);background:var(--panel);margin-bottom:var(--space-5)}.docs-mobile-toggle{display:none}@media(max-width:1100px){.docs-layout{grid-template-columns:220px minmax(0,1fr)}.docs-toc{display:none}}@media(max-width:820px){.docs-layout{grid-template-columns:minmax(0,1fr)}.docs-sidebar{position:static;max-height:none;border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-4);background:var(--panel)}.docs-mobile-toggle{display:flex;width:100%;margin-bottom:var(--space-3)}.docs-sidebar:not(.open)>:not(.docs-mobile-toggle){display:none}}.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-5)}.blog-card{display:flex;flex-direction:column;gap:var(--space-3);background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-5);transition:border-color var(--motion) ease,transform var(--motion) ease}.blog-card:hover{border-color:var(--yellow);transform:translateY(-3px)}.blog-meta{display:flex;gap:var(--space-3);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-faint);letter-spacing:.06em;text-transform:uppercase}.blog-card h3{margin:0}.blog-card p{color:var(--text-muted);font-size:var(--text-sm);margin:0;flex:1}.blog-card .read{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--yellow)}@media(max-width:980px){.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.blog-grid{grid-template-columns:minmax(0,1fr)}}.article-body{max-width:74ch}.article-body h2{font-size:1.5rem;margin-top:var(--space-6)}.article-body h3{font-size:1.15rem;margin-top:var(--space-5)}.article-body p,.article-body li{color:var(--text-muted);line-height:1.8}.article-meta{display:flex;gap:var(--space-4);flex-wrap:wrap;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-faint);letter-spacing:.06em;text-transform:uppercase;margin-bottom:var(--space-5)}.pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-5);align-items:stretch}.price-card{display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-5)}.price-card.featured{border-color:var(--yellow);box-shadow:0 0 0 1px var(--yellow) inset}.price-name{font-family:var(--font-mono);font-size:var(--text-lg);font-weight:700;margin-bottom:var(--space-2)}.price-amount{font-family:var(--font-mono);font-size:2.4rem;font-weight:700;color:var(--yellow);line-height:1;margin-bottom:6px}.price-amount small{font-size:.9rem;color:var(--text-faint);font-weight:400}.price-note{font-size:var(--text-xs);color:var(--text-faint);font-family:var(--font-mono);margin-bottom:var(--space-4)}.price-features{list-style:none;padding:0;margin:0 0 var(--space-5);flex:1}.price-features li{display:flex;gap:10px;align-items:flex-start;font-size:var(--text-sm);color:var(--text-muted);padding:8px 0;border-bottom:1px dashed var(--border);margin:0}.price-features li:last-child{border-bottom:0}.price-features .icon{width:15px;height:15px;color:var(--green);flex:none;margin-top:4px}.price-features li.off{color:var(--text-faint)}.price-features li.off .icon{color:var(--amber)}@media(max-width:980px){.pricing-grid{grid-template-columns:minmax(0,1fr)}}.wf-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-5)}.wf-card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-3);min-width:0}.wf-card.ready{border-color:var(--yellow)}.wf-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap}.wf-icon{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid var(--border);border-radius:var(--radius);background:var(--panel-2);color:var(--yellow);flex:none}.wf-card h3{margin:0;font-family:var(--font-mono);font-size:var(--text-lg);letter-spacing:-.01em}.wf-desc{margin:0;color:var(--text)}.wf-note{margin:0;color:var(--text-faint)}.wf-panel{display:flex;flex-direction:column;gap:var(--space-2);border-top:1px dashed var(--border-strong);padding-top:var(--space-3);font-size:var(--text-sm);color:var(--text-muted)}.wf-panel[hidden]{display:none}.wf-panel-title{margin:0;color:var(--text)}.wf-panel ul{margin:0;padding-left:1.1rem}.wf-panel li+li{margin-top:4px}.wf-secondary{display:inline-flex;align-items:center;gap:6px;margin-top:auto;padding-top:var(--space-2);font-family:var(--font-mono);font-size:var(--text-sm);color:var(--yellow);text-decoration:underline;text-underline-offset:3px}.wf-secondary:hover{color:var(--yellow-hover)}.compat-note{margin:var(--space-5) 0;padding:var(--space-3) var(--space-4);border-left:2px solid var(--yellow);background:var(--yellow-soft);border-radius:0 var(--radius) var(--radius) 0;color:var(--text-muted)}.compat-note a{color:var(--yellow)}.wf-status{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-5);margin-bottom:var(--space-5)}.err-item{border-top:1px solid var(--border);padding-top:var(--space-3);margin-top:var(--space-3)}.err-item:first-of-type{border-top:0;padding-top:0;margin-top:var(--space-2)}.err-msg{margin:0 0 var(--space-1);color:var(--text)}.err-msg code{color:var(--amber)}@media(max-width:980px){.wf-grid,.wf-status{grid-template-columns:minmax(0,1fr)}}.prose-list{list-style:none;padding:0;margin:0 0 var(--space-5)}.prose-list li{display:flex;gap:12px;align-items:flex-start;padding:11px 0;border-bottom:1px solid rgba(255,255,255,.05);color:var(--text-muted);font-size:var(--text-sm);line-height:1.65;margin:0}.prose-list li .icon{width:17px;height:17px;color:var(--yellow);flex:none;margin-top:3px}.cta-band{border:1px solid var(--border-accent);background:linear-gradient(120deg,#ffd90017,#ffd90005);border-radius:var(--radius-xl);padding:var(--space-6);display:flex;align-items:center;justify-content:space-between;gap:var(--space-5);flex-wrap:wrap}.cta-band h2{margin-bottom:var(--space-2)}.cta-band p{color:var(--text-muted);margin:0;max-width:60ch}.notfound{min-height:55vh;display:grid;place-items:center;text-align:center;padding-block:var(--space-8)}.notfound .code{font-family:var(--font-mono);font-size:clamp(3.5rem,12vw,7rem);color:var(--yellow);line-height:1;margin-bottom:var(--space-4)}