@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--bg:#050810;--surface:#0c1220;--surface2:#141d30;--border:#ffffff0f;--text:#e8edf5;--text-dim:#7b8ba5;--primary:#3b82f6;--primary-soft:#60a5fa;--accent:#818cf8;--success:#10b981;--error:#ef4444;--warning:#f59e0b;--glow-blue:#3b82f626;--glow-purple:#818cf81f}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;overflow-x:hidden}h1,h2,h3,h4{font-weight:700;line-height:1.15}h1{letter-spacing:-1.5px;font-size:clamp(2.5rem,5vw,4.2rem)}h2{letter-spacing:-.8px;font-size:clamp(1.8rem,3.5vw,2.8rem)}h3{font-size:1.2rem}p{line-height:1.7}a{color:inherit;text-decoration:none}.mono{font-family:JetBrains Mono,monospace}.container{max-width:1200px;margin:0 auto;padding:0 32px}.section{padding:72px 0;position:relative}.gradient-text{background:linear-gradient(135deg,#60a5fa 0%,#a78bfa 50%,#818cf8 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.brand-text{color:var(--primary);font-weight:700}.gradient-text-green{background:linear-gradient(135deg,#34d399,#10b981);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.navbar{z-index:100;padding:16px 0;transition:all .3s;position:fixed;top:0;left:0;right:0}.navbar.scrolled{-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border);background:#050810d9}.navbar-inner{justify-content:space-between;align-items:center;display:flex}.nav-brand{letter-spacing:-.5px;align-items:center;gap:10px;font-size:18px;font-weight:800;display:flex}.nav-logo{object-fit:cover;border-radius:8px;width:32px;height:32px}.footer-logo{object-fit:cover;border-radius:6px;width:24px;height:24px}.nav-links{align-items:center;gap:32px;display:flex}.nav-link{color:var(--text-dim);font-family:JetBrains Mono,monospace;font-size:13px;font-weight:500;transition:color .2s}.nav-link:hover{color:var(--text)}.nav-cta{border:1px solid var(--primary);color:var(--primary-soft);cursor:pointer;background:0 0;border-radius:6px;padding:8px 16px;font-family:JetBrains Mono,monospace;font-size:12px;transition:all .2s}.nav-cta:hover{background:var(--glow-blue);box-shadow:0 0 20px var(--glow-blue)}@keyframes pulse-glow{0%,to{box-shadow:0 0 4px #60a5fa,0 0 8px #60a5fa66}50%{box-shadow:0 0 8px #60a5fa,0 0 20px #60a5fa99}}.pulse-dot{background:#60a5fa;border-radius:50%;width:8px;height:8px;animation:2.5s ease-in-out infinite pulse-glow}.hero{align-items:center;padding:120px 0 32px;display:flex;position:relative;overflow:hidden}.hero-bg{z-index:0;position:absolute;inset:0}.hero-bg canvas{width:100%;height:100%}.hero:before{content:"";z-index:1;pointer-events:none;background:radial-gradient(circle,#3b82f61a 0%,#818cf80a 40%,#0000 70%);width:1000px;height:1000px;position:absolute;top:45%;left:50%;transform:translate(-50%,-50%)}.hero-split{z-index:10;grid-template-columns:1fr 1fr;align-items:center;gap:40px;display:grid;position:relative}@media (width<=960px){.hero-split{text-align:center;grid-template-columns:1fr}}.hero-content{max-width:580px;position:relative}@media (width<=960px){.hero-content{margin:0 auto}.hero-visual{min-height:320px}.hero-visual canvas{transform:scale(1)}}.hero-tag{color:var(--accent);letter-spacing:1px;margin-bottom:20px;font-family:JetBrains Mono,monospace;font-size:13px;font-weight:500}.hero h1{color:#fff;letter-spacing:-1px;margin-bottom:20px;font-size:clamp(1.8rem,3.2vw,3rem)}.hero-sub{color:var(--text-dim);max-width:520px;margin-bottom:36px;font-size:16px;line-height:1.7}.hero-actions{flex-wrap:wrap;align-items:center;gap:16px;display:flex}@media (width<=960px){.hero-actions{justify-content:center}}.btn-install{background:var(--primary);color:#fff;cursor:pointer;box-shadow:0 0 30px var(--glow-blue), 0 4px 12px #0000004d;border:none;border-radius:8px;align-items:center;gap:10px;padding:14px 28px;font-family:JetBrains Mono,monospace;font-size:14px;font-weight:500;transition:all .25s;display:inline-flex}.btn-install:hover{transform:translateY(-2px);box-shadow:0 0 40px #3b82f64d,0 8px 24px #0000004d}.btn-ghost{color:var(--text-dim);border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:8px;align-items:center;gap:8px;padding:14px 28px;font-size:14px;font-weight:500;transition:all .25s;display:inline-flex}.btn-ghost:hover{color:var(--text);background:#ffffff08;border-color:#ffffff26}.section-comment{color:var(--accent);opacity:.9;margin-bottom:16px;font-family:JetBrains Mono,monospace;font-size:13px;font-weight:500}.section-title{color:#fff;margin-bottom:16px}.section-desc{color:var(--text-dim);max-width:600px;font-size:17px;line-height:1.7}.section-desc.center{margin:0 auto}.terminal{background:var(--surface);border:1px solid var(--border);box-shadow:0 0 0 1px #ffffff08, 0 20px 50px #00000080, 0 0 40px var(--glow-blue);border-radius:12px;overflow:hidden}.terminal-bar{border-bottom:1px solid var(--border);background:#0c1220cc;align-items:center;gap:8px;padding:14px 18px;display:flex}.terminal-dot{border-radius:50%;width:12px;height:12px}.dot-red{background:#ff5f56}.dot-yellow{background:#ffbd2e}.dot-green{background:#27c93f}.terminal-title{color:var(--text-dim);margin-left:12px;font-family:JetBrains Mono,monospace;font-size:12px}.terminal-body{min-height:300px;padding:28px;font-family:JetBrains Mono,monospace;font-size:13px;line-height:2}.t-line{white-space:nowrap;gap:12px;display:flex;overflow:hidden}.t-time{color:var(--text-dim);opacity:.5;-webkit-user-select:none;user-select:none}.t-sys{color:var(--success);font-weight:600}.t-warn{color:var(--warning);font-weight:600}.t-err{color:var(--error);font-weight:600}.t-mcp{color:var(--primary-soft);font-weight:600}.t-json-key{color:var(--accent)}.t-json-str{color:var(--success)}.t-json-val{color:var(--warning)}.t-white{color:#fff}.t-indent{padding-left:28px}.t-dim{color:var(--text-dim)}.features-grid{grid-template-columns:repeat(3,1fr);align-items:stretch;gap:24px;margin-top:60px;display:grid}@media (width<=900px){.features-grid{grid-template-columns:1fr}}.features-grid>*{flex-direction:column;display:flex}.feature-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;flex-direction:column;height:100%;padding:36px 32px;transition:all .3s;display:flex;position:relative;overflow:hidden}.feature-card:before{content:"";background:linear-gradient(90deg, transparent, var(--primary), transparent);opacity:0;height:1px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.feature-card:hover{box-shadow:0 20px 40px #0000004d, 0 0 30px var(--glow-blue);border-color:#3b82f633;transform:translateY(-4px)}.feature-card:hover:before{opacity:1}.feature-icon{border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:20px;font-size:22px;display:flex}.feature-icon.blue{color:var(--primary-soft);background:#3b82f61f}.feature-icon.purple{color:var(--accent);background:#818cf81f}.feature-icon.green{color:var(--success);background:#10b9811f}.feature-icon.amber{color:var(--warning);background:#f59e0b1f}.feature-icon.red{color:var(--error);background:#ef44441f}.feature-label{color:#fff;margin-bottom:12px;font-family:JetBrains Mono,monospace;font-size:14px;font-weight:600}.feature-desc{color:var(--text-dim);font-size:14px;line-height:1.65}.split{grid-template-columns:1fr 1fr;align-items:center;gap:80px;display:grid}@media (width<=900px){.split{grid-template-columns:1fr;gap:40px}}.stats-bar{border-top:1px solid var(--border);border-bottom:1px solid var(--border);justify-content:center;gap:48px;padding:48px 0;display:flex}.logobar{text-align:center;max-width:960px;margin:0 auto;padding:32px}.logobar-label{color:var(--text-dim);letter-spacing:.5px;text-transform:uppercase;opacity:.7;margin-bottom:28px;font-family:JetBrains Mono,monospace;font-size:13px;font-weight:500}.logobar-marquee-wrapper{width:100%;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 15% 85%,#0000);mask-image:linear-gradient(90deg,#0000,#000 15% 85%,#0000)}.logobar-logos{align-items:center;gap:60px;width:max-content;animation:25s linear infinite marquee;display:flex}.logobar-logos:hover{animation-play-state:paused}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.logobar-item{color:var(--text-dim);letter-spacing:-.3px;opacity:.6;cursor:default;align-items:center;gap:10px;font-size:16px;font-weight:600;transition:all .3s;display:flex}.logobar-item:hover{opacity:1;color:var(--text);filter:drop-shadow(0 0 12px var(--glow-blue))}.logobar-item svg{opacity:.8}.logobar-item:hover svg{opacity:1;color:var(--primary-soft)}.stat{text-align:center}.stat-value{letter-spacing:-1px;font-size:36px;font-weight:800}.stat-label{color:var(--text-dim);margin-top:4px;font-family:JetBrains Mono,monospace;font-size:13px}.cta-section{text-align:center;padding:120px 0;position:relative}.cta-section:before{content:"";pointer-events:none;background:radial-gradient(circle,#818cf80f 0%,#0000 70%);width:600px;height:400px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.cta-install-box{background:var(--surface);border:1px solid var(--border);color:var(--text);cursor:pointer;border-radius:10px;align-items:center;gap:12px;margin-top:32px;padding:16px 32px;font-family:JetBrains Mono,monospace;font-size:15px;transition:all .25s;display:inline-flex}.cta-install-box:hover{box-shadow:0 0 30px var(--glow-blue);border-color:#3b82f64d}.footer{border-top:1px solid var(--border);background:linear-gradient(#0000 0%,#05081099 100%);padding:56px 0 0}.ft-grid{grid-template-columns:1.6fr 1fr 1fr 1fr;gap:40px;padding-bottom:40px;display:grid}.ft-brand-col{flex-direction:column;gap:12px;display:flex}.ft-brand{align-items:center;gap:8px;font-size:15px;font-weight:700;display:inline-flex}.ft-logo{border-radius:6px;width:24px;height:24px}.ft-tagline{color:var(--text-dim);max-width:280px;font-size:.82rem;line-height:1.6}.ft-license{color:var(--success);opacity:.8;align-items:center;gap:5px;font-size:11px;font-weight:500;display:inline-flex}.ft-col{flex-direction:column;gap:10px;display:flex}.ft-col-title{text-transform:uppercase;letter-spacing:.06em;color:var(--text);margin-bottom:4px;font-size:12px;font-weight:600}.ft-link{color:var(--text-dim);align-items:center;gap:5px;font-size:13px;text-decoration:none;transition:color .15s;display:inline-flex}.ft-link:hover{color:var(--primary-soft)}.ft-link-btn{cursor:pointer;text-align:left;background:0 0;border:none;padding:0;font-family:inherit}.ft-divider{background:var(--border);height:1px}.ft-bottom{justify-content:space-between;align-items:center;padding:20px 0;display:flex}.ft-copyright{color:var(--text-dim);opacity:.7;font-size:12px}.ft-made{color:var(--text-dim);opacity:.5;font-size:12px;font-style:italic}@media (width<=768px){.ft-grid{grid-template-columns:1fr 1fr;gap:32px 24px}.ft-brand-col{grid-column:1/-1}}@media (width<=480px){.footer{padding-top:40px}.ft-grid{grid-template-columns:1fr;gap:28px}.ft-brand-col{grid-column:auto}.ft-bottom{text-align:center;flex-direction:column;gap:6px}}.reveal{opacity:0;transform:translateY(40px)}.reveal.active{opacity:1;transition:all .8s cubic-bezier(.16,1,.3,1);transform:translateY(0)}.hero-visual{justify-content:center;align-items:center;width:100%;min-height:480px;display:flex;position:relative}.hero-visual canvas{transform-origin:50%;transform:scale(1.15)}.hero-visual:before{content:"";pointer-events:none;background:radial-gradient(circle,#60a5fa1f 0%,#818cf80f 40%,#0000 70%);width:500px;height:500px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.brain-svg{filter:drop-shadow(0 0 40px #60a5fa26);width:100%;max-width:500px}.brain-node{fill:var(--surface2);stroke:#60a5fa66;stroke-width:2px;transition:all .3s}.brain-node.core{fill:#3b82f61a;stroke:var(--primary-soft);stroke-width:3px;animation:3s ease-in-out infinite alternate pulse-core}.brain-node.lit{fill:#818cf84d;stroke:var(--accent);filter:drop-shadow(0 0 10px var(--accent));animation:4s infinite node-flash}.brain-edge{stroke:#60a5fa26;stroke-width:1.5px;fill:none}.brain-edge.flow{stroke:var(--primary-soft);stroke-width:2px;stroke-dasharray:8 24;animation:20s linear infinite edge-flow}@keyframes pulse-core{0%{filter:drop-shadow(0 0 10px #3b82f64d);transform-origin:50%;transform:scale(1)}to{filter:drop-shadow(0 0 30px #3b82f699);transform-origin:50%;transform:scale(1.05)}}@keyframes node-flash{0%,to{opacity:.4}50%{opacity:1}}@keyframes edge-flow{0%{stroke-dashoffset:400px}to{stroke-dashoffset:0}}.divider{background:linear-gradient(90deg, transparent, var(--border), transparent);width:100%;height:1px}@keyframes blink-cursor{0%,to{opacity:1}50%{opacity:0}}.cursor-blink{background:var(--primary-soft);vertical-align:text-bottom;width:2px;height:16px;margin-left:2px;animation:1s step-end infinite blink-cursor;display:inline-block}#particles-canvas{z-index:0;pointer-events:none;opacity:.55;width:100%;height:100%;position:fixed;top:0;left:0}.compare-table-wrap{border:1px solid var(--border);background:var(--surface);-webkit-overflow-scrolling:touch;border-radius:16px;max-width:980px;margin:0 auto;overflow-x:auto;box-shadow:0 20px 60px #0000004d}.compare-table{border-collapse:collapse;width:100%;min-width:720px;font-size:13.5px}.compare-table thead{z-index:2;position:sticky;top:0}.compare-table th{text-align:center;color:var(--text-dim);border-bottom:1px solid var(--border);background:var(--surface2);white-space:nowrap;padding:18px 14px;font-family:JetBrains Mono,monospace;font-size:12.5px;font-weight:600}.compare-table th:first-child{text-align:left;border-radius:16px 0 0;min-width:200px}.compare-table th:last-child{border-radius:0 16px 0 0}.compare-table td{text-align:center;border-bottom:1px solid var(--border);color:var(--text-dim);vertical-align:middle;padding:14px 12px;font-size:12.5px}.compare-table tbody tr:last-child td{border-bottom:none}.compare-table tbody tr{transition:background .15s}.compare-table tbody tr:hover{background:#3b82f608}.compare-highlight{border-left:1px solid #3b82f61a;border-right:1px solid #3b82f61a;background:#3b82f60f!important}.compare-feature-col{min-width:180px;text-align:left!important}.compare-label{font-family:Inter,sans-serif;font-weight:500;text-align:left!important;color:var(--text)!important}.compare-yes{color:var(--success);font-size:16px;font-weight:700}.compare-no{color:#ffffff26;font-size:16px}.compare-partial{color:var(--warning);font-size:16px;font-weight:700}.compare-detail{color:var(--text-dim);opacity:.7;margin-left:4px;font-family:JetBrains Mono,monospace;font-size:11px}.compare-tag{border-radius:6px;padding:3px 10px;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:600;display:inline-block}.tag-blue{color:var(--primary-soft);background:#3b82f626;border:1px solid #3b82f633}.tag-green{color:var(--success);background:#10b9811f}.tag-warn{color:var(--warning);background:#f59e0b1f}.tag-dim{color:var(--text-dim);background:#ffffff0a}.guide-layout{grid-template-columns:240px 1fr;gap:0;max-width:1200px;min-height:100vh;margin:0 auto;padding:0 32px;display:grid}@media (width<=900px){.guide-layout{grid-template-columns:1fr}}.guide-sidebar{position:relative}@media (width<=900px){.guide-sidebar{display:none}}.guide-sidebar-inner{max-height:calc(100vh - 120px);padding:0 24px 40px 0;position:sticky;top:100px;overflow-y:auto}.guide-sidebar-title{color:var(--text-dim);text-transform:uppercase;letter-spacing:1.5px;border-bottom:1px solid var(--border);margin-bottom:20px;padding-bottom:12px;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:600}.guide-nav{flex-direction:column;gap:2px;display:flex}.guide-nav-item{color:var(--text-dim);cursor:pointer;text-align:left;background:0 0;border:none;border-left:2px solid #0000;border-radius:0 6px 6px 0;padding:8px 12px;font-family:Inter,sans-serif;font-size:13px;font-weight:450;transition:all .15s;display:block}.guide-nav-item:hover{color:var(--text);background:#ffffff08}.guide-nav-item.active{color:var(--primary-soft);border-left-color:var(--primary);background:#3b82f60f;font-weight:550}.guide-main{border-left:1px solid var(--border);min-width:0}@media (width<=900px){.guide-main{border-left:none}}.guide-content{max-width:760px;padding:0 0 80px 48px}@media (width<=900px){.guide-content{padding:0 0 60px}}.guide-hero{border-bottom:1px solid var(--border);margin-bottom:40px;padding-bottom:40px}.guide-title{letter-spacing:-1px;color:#fff;margin-bottom:12px;font-size:clamp(2rem,4vw,2.8rem)}.guide-subtitle{color:var(--text-dim);max-width:540px;margin-bottom:20px;font-size:17px;line-height:1.7}.guide-badges{flex-wrap:wrap;gap:10px;display:flex}.guide-badge{border-radius:6px;padding:4px 10px;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:600}.guide-badge.blue{color:var(--primary-soft);background:#3b82f61f}.guide-badge.purple{color:var(--accent);background:#818cf81f}.guide-badge.green{color:var(--success);background:#10b9811f}.guide-section{border-bottom:1px solid var(--border);padding-top:40px;padding-bottom:32px}.guide-section:last-child{border-bottom:none}.guide-h2{color:#fff;letter-spacing:-.5px;margin-bottom:16px;font-size:1.5rem}.guide-h3{color:#fff;margin-top:28px;margin-bottom:12px;font-size:1.1rem;font-weight:600}.guide-text{color:var(--text-dim);margin-bottom:20px;font-size:15px;line-height:1.75}.guide-text strong{color:#fff}.guide-text em{color:var(--accent);font-style:italic}.guide-inline-code{color:var(--primary-soft);background:#3b82f61a;border:1px solid #3b82f61a;border-radius:5px;padding:2px 7px;font-family:JetBrains Mono,monospace;font-size:.85em}.guide-code{border:1px solid var(--border);background:var(--surface);border-radius:10px;margin-bottom:24px;overflow:hidden}.guide-code-bar{background:#0a101ecc;border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:10px 16px;display:flex}.guide-code-lang{color:var(--primary-soft);opacity:.7;font-family:JetBrains Mono,monospace;font-size:12px;font-weight:700}.guide-code-copy{color:var(--text-dim);border:1px solid var(--border);cursor:pointer;background:#ffffff0a;border-radius:5px;padding:4px 12px;font-family:JetBrains Mono,monospace;font-size:11px;transition:all .2s}.guide-code-copy:hover{color:var(--primary-soft);background:#3b82f614;border-color:#3b82f64d}.guide-code-body{color:var(--text);padding:20px;font-family:JetBrains Mono,monospace;font-size:13px;line-height:1.8;overflow-x:auto}.guide-code-body code{white-space:pre}.guide-callout{border:1px solid var(--border);border-left:4px solid var(--primary);border-radius:0 10px 10px 0;margin-bottom:24px;padding:18px 20px;position:relative}.guide-callout-info{border-left-color:var(--primary);background:#3b82f60a}.guide-callout-tip{border-left-color:var(--success);background:#10b9810a}.guide-callout-warning{border-left-color:var(--warning);background:#f59e0b0a}.guide-callout-important{border-left-color:var(--accent);background:#818cf80a}.guide-callout-header{align-items:center;gap:8px;margin-bottom:8px;display:flex}.guide-callout-icon{font-size:15px;line-height:1}.guide-callout-info .guide-callout-title{color:var(--primary-soft)}.guide-callout-tip .guide-callout-title{color:var(--success)}.guide-callout-warning .guide-callout-title{color:var(--warning)}.guide-callout-important .guide-callout-title{color:var(--accent)}.guide-callout-title{text-transform:uppercase;letter-spacing:.5px;font-family:JetBrains Mono,monospace;font-size:12px;font-weight:700}.guide-callout-body{color:var(--text-dim);font-size:14px;line-height:1.7}.guide-table-wrap{border:1px solid var(--border);border-radius:10px;margin-bottom:24px;overflow:hidden}.guide-table{border-collapse:collapse;width:100%;font-size:13px}.guide-table th{text-align:left;color:var(--text-dim);background:var(--surface2);border-bottom:1px solid var(--border);text-transform:uppercase;letter-spacing:.5px;padding:12px 16px;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:600}.guide-table td{border-bottom:1px solid var(--border);color:var(--text-dim);padding:12px 16px;line-height:1.6}.guide-table tbody tr:last-child td{border-bottom:none}.guide-table tbody tr:hover{background:#3b82f608}.guide-step{gap:20px;margin-bottom:0;padding-bottom:32px;display:flex;position:relative}.guide-step:before{content:"";background:linear-gradient(#3b82f640 0%,#3b82f60d 100%);width:2px;position:absolute;top:44px;bottom:0;left:18px}.guide-step:last-of-type:before{display:none}.guide-step-number{width:38px;height:38px;color:var(--primary-soft);z-index:1;background:#3b82f61f;border:2px solid #3b82f64d;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-family:JetBrains Mono,monospace;font-size:15px;font-weight:700;display:flex;position:relative}.guide-step-content{flex:1;min-width:0;padding-top:6px}.guide-step-title{color:#fff;margin-bottom:8px;font-size:17px;font-weight:650}.guide-step-body{color:var(--text-dim);font-size:14px;line-height:1.7}.guide-step-body p{margin-bottom:12px}.guide-feature-grid{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px;display:grid}@media (width<=600px){.guide-feature-grid{grid-template-columns:1fr}}.guide-feature-item{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:20px;transition:all .2s}.guide-feature-item:hover{border-color:#3b82f626;transform:translateY(-2px)}.guide-feature-item h4{color:#fff;margin-bottom:6px;font-size:14px;font-weight:600}.guide-feature-item p{color:var(--text-dim);font-size:13px;line-height:1.6}.guide-feature-icon{border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;margin-bottom:12px;font-size:18px;display:flex}.guide-feature-icon.blue{background:#3b82f61f}.guide-feature-icon.green{background:#10b9811f}.guide-feature-icon.purple{background:#818cf81f}.guide-file-tree{background:var(--surface);border:1px solid var(--border);border-radius:10px;margin-bottom:24px;padding:20px 24px;font-family:JetBrains Mono,monospace;font-size:13px;line-height:2}.guide-file-tree-item{color:var(--text)}.guide-file-tree-item.folder{color:var(--primary-soft);font-weight:600}.guide-file-desc{color:var(--text-dim);opacity:.7;font-size:11px}.guide-principles{flex-direction:column;gap:20px;display:flex}.guide-principle{background:var(--surface);border:1px solid var(--border);border-radius:10px;gap:16px;padding:20px;transition:all .2s;display:flex}.guide-principle:hover{border-color:#3b82f626}.guide-principle-icon{width:44px;height:44px;color:var(--primary-soft);background:#3b82f614;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.guide-principle h4{color:#fff;margin-bottom:4px;font-size:15px;font-weight:600}.guide-principle p{color:var(--text-dim);font-size:14px;line-height:1.6}.cl-layout{max-width:800px;margin:0 auto;padding:0 32px}.cl-content{padding-bottom:80px}.cl-hero{border-bottom:1px solid var(--border);margin-bottom:8px;padding-bottom:40px}.cl-title{letter-spacing:-1px;color:#fff;margin-bottom:12px;font-size:clamp(2rem,4vw,2.8rem)}.cl-subtitle{color:var(--text-dim);max-width:540px;font-size:17px;line-height:1.7}.cl-timeline{position:relative}.cl-release{gap:0;display:flex;position:relative}.cl-timeline-track{flex-direction:column;flex-shrink:0;align-items:center;width:40px;padding-top:44px;display:flex}.cl-timeline-dot{background:var(--surface2);z-index:1;border:2px solid #60a5fa4d;border-radius:50%;flex-shrink:0;width:12px;height:12px;position:relative}.cl-timeline-dot.latest{background:var(--primary);border-color:var(--primary);box-shadow:0 0 12px #3b82f666}.cl-timeline-line{background:linear-gradient(#60a5fa33 0%,#60a5fa0d 100%);flex:1;width:2px}.cl-release-content{border-bottom:1px solid var(--border);flex:1;min-width:0;padding:32px 0 40px 24px}.cl-release:last-child .cl-release-content{border-bottom:none}.cl-release-header{margin-bottom:20px}.cl-release-meta{align-items:center;gap:10px;margin-bottom:8px;display:flex}.cl-version{color:var(--primary-soft);background:#3b82f61a;border:1px solid #3b82f626;border-radius:6px;padding:3px 10px;font-family:JetBrains Mono,monospace;font-size:14px;font-weight:700}.cl-latest-badge{color:var(--success);text-transform:uppercase;letter-spacing:.5px;background:#10b9811f;border-radius:4px;padding:3px 8px;font-family:JetBrains Mono,monospace;font-size:10px;font-weight:700}.cl-date{color:var(--text-dim);opacity:.6;font-family:JetBrains Mono,monospace;font-size:12px}.cl-release-title{color:#fff;letter-spacing:-.3px;font-size:1.25rem;font-weight:650}.cl-changes{flex-direction:column;gap:10px;display:flex}.cl-change{color:var(--text-dim);align-items:flex-start;gap:10px;font-size:14px;line-height:1.6;display:flex}.cl-tag{text-transform:uppercase;letter-spacing:.3px;border-radius:4px;flex-shrink:0;margin-top:2px;padding:3px 8px;font-family:JetBrains Mono,monospace;font-size:10px;font-weight:700}.cl-change-text{flex:1}@media (width<=600px){.cl-timeline-track{width:28px}.cl-release-content{padding-left:16px}}.ct-layout{max-width:720px;margin:0 auto;padding:0 32px}.ct-content{padding-bottom:80px}.ct-hero{border-bottom:1px solid var(--border);margin-bottom:32px;padding-bottom:40px}.ct-title{letter-spacing:-1px;color:#fff;margin-bottom:12px;font-size:clamp(2rem,4vw,2.8rem)}.ct-subtitle{color:var(--text-dim);max-width:560px;font-size:17px;line-height:1.7}.ct-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;margin-bottom:24px;padding:28px 32px;transition:all .2s}.ct-card:hover{border-color:#60a5fa1f}.ct-card-header{border-bottom:1px solid var(--border);align-items:center;gap:14px;margin-bottom:24px;padding-bottom:16px;display:flex}.ct-card-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.ct-card-icon.blue{color:var(--primary-soft);background:#3b82f61a}.ct-card-icon.purple{color:var(--accent);background:#818cf81a}.ct-card-icon.green{color:var(--success);background:#10b9811a}.ct-card-title{color:#fff;font-size:1.15rem;font-weight:650}.ct-info-grid{flex-direction:column;gap:0;display:flex}.ct-info-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:14px 0;text-decoration:none;display:flex}.ct-info-row:last-child{border-bottom:none}.ct-info-label{color:var(--text);align-items:center;gap:10px;font-size:14px;font-weight:500;display:flex}.ct-info-label svg{color:var(--text-dim);opacity:.6}.ct-info-value{color:var(--text-dim);text-align:right;font-family:JetBrains Mono,monospace;font-size:12px}.ct-link{cursor:pointer;border-bottom:1px solid var(--border);border-radius:8px;margin:0 -12px;padding:14px 12px;transition:all .15s}.ct-link:hover{background:#3b82f60a}.ct-link:hover .ct-info-value{color:var(--primary-soft)}.ct-link:last-of-type{border-bottom:1px solid var(--border)}.ct-person{background:#3b82f608;border:1px solid #3b82f614;border-radius:10px;margin-bottom:24px;padding:20px}.ct-person-badge{color:var(--primary-soft);text-transform:uppercase;letter-spacing:1px;margin-bottom:10px;font-family:JetBrains Mono,monospace;font-size:10px;font-weight:700}.ct-person-info{flex-wrap:wrap;align-items:baseline;gap:12px;display:flex}.ct-person-name{color:#fff;font-size:18px;font-weight:650}.ct-person-handle{color:var(--text-dim);font-family:JetBrains Mono,monospace;font-size:13px;text-decoration:none;transition:color .15s}.ct-person-handle:hover{color:var(--primary-soft)}.ct-contributors-section{padding-top:0}.ct-contributors-label{color:var(--text);margin-bottom:8px;font-size:13px;font-weight:600}.ct-contributors-text{color:var(--text-dim);margin-bottom:16px;font-size:14px;line-height:1.7}.ct-contributors-link{color:var(--text-dim);border-radius:8px;align-items:center;gap:10px;margin:0 -14px;padding:10px 14px;font-size:14px;text-decoration:none;transition:all .15s;display:flex}.ct-contributors-link:hover{color:var(--text);background:#ffffff08}.ct-contributors-link svg{color:var(--accent);flex-shrink:0}.ct-enterprise{border-color:#10b9811f}.ct-enterprise:hover{border-color:#10b98133}.ct-enterprise-headline{color:var(--text);margin-bottom:12px;font-size:16px;line-height:1.7}.ct-enterprise-headline strong{color:var(--success)}.ct-enterprise-text{color:var(--text-dim);margin-bottom:20px;font-size:14px;line-height:1.7}.ct-email-block{background:#10b9810a;border:1px solid #10b9811f;border-radius:10px;align-items:center;gap:16px;padding:18px 20px;text-decoration:none;transition:all .2s;display:flex}.ct-email-block:hover{background:#10b98112;border-color:#10b98140;transform:translateY(-2px);box-shadow:0 8px 24px #0003}.ct-email-icon{width:44px;height:44px;color:var(--success);background:#10b9811f;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.ct-email-address{color:#fff;margin-bottom:2px;font-family:JetBrains Mono,monospace;font-size:15px;font-weight:600;display:block}.ct-email-desc{color:var(--text-dim);font-size:12px;display:block}.blog-layout{max-width:800px;margin:0 auto;padding:0 24px 80px}.blog-content{width:100%}.blog-hero{margin-bottom:48px}.blog-title{letter-spacing:-.03em;margin:8px 0 12px;font-size:clamp(2rem,5vw,3rem);font-weight:800}.blog-subtitle{color:var(--text-dim);max-width:560px;font-size:1.05rem;line-height:1.6}.blog-featured{color:inherit;border-radius:12px;margin-bottom:40px;text-decoration:none;transition:transform .2s,box-shadow .2s;display:block;overflow:hidden}.blog-featured:hover{transform:translateY(-2px);box-shadow:0 8px 32px #3b82f614}.blog-featured-cover{border:1px solid var(--border);background:var(--surface);border-radius:12px;padding:36px 32px;position:relative}.blog-featured-badge{letter-spacing:.04em;text-transform:uppercase;color:var(--primary-soft);background:#3b82f626;border-radius:4px;margin-bottom:16px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-block}.blog-featured-title{color:#fff;margin-bottom:12px;font-size:clamp(1.35rem,3vw,1.75rem);font-weight:700;line-height:1.3}.blog-featured-excerpt{color:var(--text-dim);margin-bottom:16px;font-size:.95rem;line-height:1.65}.blog-featured-meta{gap:16px;margin-bottom:12px;display:flex}.blog-featured-tags{flex-wrap:wrap;gap:6px;display:flex}.blog-meta-item{color:var(--text-dim);align-items:center;gap:5px;font-size:13px;display:inline-flex}.blog-tag{background:var(--surface2);color:var(--text-dim);border:1px solid var(--border);border-radius:4px;padding:3px 10px;font-size:11px;font-weight:500;display:inline-block}.blog-grid{grid-template-columns:1fr;gap:20px;display:grid}@media (width>=640px){.blog-grid{grid-template-columns:1fr 1fr}}.blog-card{color:inherit;border:1px solid var(--border);background:var(--surface);border-radius:10px;flex-direction:column;text-decoration:none;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex;overflow:hidden}.blog-card:hover{border-color:#ffffff1a;transform:translateY(-2px);box-shadow:0 4px 20px #0003}.blog-card-accent{width:100%;height:3px}.blog-card-body{flex-direction:column;flex:1;padding:24px;display:flex}.blog-card-meta{gap:12px;margin-bottom:12px;display:flex}.blog-card-title{color:#fff;margin-bottom:8px;font-size:1.1rem;font-weight:650;line-height:1.35}.blog-card-excerpt{color:var(--text-dim);-webkit-line-clamp:3;-webkit-box-orient:vertical;flex:1;margin-bottom:16px;font-size:.85rem;line-height:1.6;display:-webkit-box;overflow:hidden}.blog-card-footer{justify-content:space-between;align-items:center;display:flex}.blog-card-tags{flex-wrap:wrap;gap:4px;display:flex}.blog-card-read{color:var(--primary-soft);white-space:nowrap;align-items:center;gap:4px;font-size:13px;font-weight:500;display:inline-flex}.bp-back-link{color:var(--text-dim);align-items:center;gap:6px;margin-bottom:32px;font-size:13px;font-weight:500;text-decoration:none;transition:color .15s;display:inline-flex}.bp-back-link:hover{color:var(--primary-soft)}.bp-article{max-width:720px;margin:0 auto}.bp-header{border-bottom:1px solid var(--border);margin-bottom:32px;padding-bottom:28px}.bp-tags{flex-wrap:wrap;gap:6px;margin-bottom:16px;display:flex}.bp-title{letter-spacing:-.025em;color:#fff;margin-bottom:16px;font-size:clamp(1.6rem,4vw,2.4rem);font-weight:800;line-height:1.2}.bp-excerpt{color:var(--text-dim);margin-bottom:20px;font-size:1.05rem;line-height:1.65}.bp-meta{flex-wrap:wrap;gap:16px;display:flex}.bp-toc{background:var(--surface);border:1px solid var(--border);border-radius:10px;margin-bottom:36px;padding:20px 24px}.bp-toc-title{text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim);margin-bottom:12px;font-size:12px;font-weight:600}.bp-toc-list{margin:0;padding:0;list-style:none}.bp-toc-list li{margin-bottom:6px}.bp-toc-link{color:var(--primary-soft);font-size:14px;line-height:1.5;text-decoration:none;transition:color .15s}.bp-toc-link:hover{color:#fff}.bp-body{margin-bottom:48px}.bp-paragraph{color:var(--text);margin-bottom:20px;font-size:1rem;line-height:1.75}.bp-heading{color:#fff;margin-top:40px;margin-bottom:16px}.bp-h2{letter-spacing:-.015em;padding-top:8px;font-size:1.45rem;font-weight:700}.bp-h3{font-size:1.15rem;font-weight:600}.bp-code{border:1px solid var(--border);background:#0a0f1a;border-radius:10px;margin-bottom:24px;overflow:hidden}.bp-code-header{border-bottom:1px solid var(--border);background:#ffffff08;justify-content:space-between;align-items:center;padding:8px 16px;display:flex}.bp-code-lang{color:var(--primary-soft);font-family:JetBrains Mono,monospace;font-size:12px;font-weight:500}.bp-code-copy{color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;gap:4px;padding:4px 8px;font-family:Inter,sans-serif;font-size:12px;transition:color .15s,background .15s;display:inline-flex}.bp-code-copy:hover{color:#fff;background:#ffffff0f}.bp-code-pre{margin:0;padding:16px 20px;overflow-x:auto}.bp-code-pre code{color:var(--text);font-family:JetBrains Mono,monospace;font-size:13px;line-height:1.65}.bp-list{margin-bottom:24px;padding-left:20px}.bp-list-item{color:var(--text);margin-bottom:8px;padding-left:4px;font-size:1rem;line-height:1.75}.bp-list-item::marker{color:var(--primary-soft)}.bp-callout{border-left:3px solid var(--primary);background:#3b82f60f;border-radius:8px;margin-bottom:24px;padding:16px 20px}.bp-callout p{color:var(--text);margin:0;font-size:.95rem;line-height:1.65}.bp-callout-tip{border-color:var(--success);background:#10b9810f}.bp-callout-warning{border-color:var(--warning);background:#f59e0b0f}.bp-figure{margin:24px 0}.bp-image{border:1px solid var(--border);border-radius:8px;width:100%}.bp-caption{text-align:center;color:var(--text-dim);margin-top:8px;font-size:13px}.blog-share{align-items:center;gap:12px;margin-bottom:28px;display:flex}.blog-share-label{color:var(--text-dim);font-size:13px;font-weight:500}.blog-share-buttons{gap:6px;display:flex}.blog-share-btn{border:1px solid var(--border);background:var(--surface);width:36px;height:36px;color:var(--text-dim);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;text-decoration:none;transition:all .15s;display:inline-flex}.blog-share-btn:hover{color:#fff;border-color:#ffffff1f}.blog-share-linkedin:hover{color:#0077b5;background:#0077b51f;border-color:#0077b54d}.blog-share-x:hover{color:#fff;background:#ffffff0f;border-color:#ffffff26}.blog-share-facebook:hover{color:#1877f2;background:#1877f21f;border-color:#1877f24d}.blog-share-copy{font-family:inherit}.blog-share-copy.copied{color:var(--success);background:#10b98114;border-color:#10b98166}.bp-footer-share{border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin-bottom:40px;padding:28px 0}.bp-footer-share-label{color:var(--text-dim);margin-bottom:12px;font-size:.95rem}.bp-more{margin-bottom:40px}.bp-more-title{color:#fff;margin-bottom:16px;font-size:1.1rem;font-weight:650}.bp-more-grid{grid-template-columns:1fr;gap:16px;display:grid}@media (width>=540px){.bp-more-grid{grid-template-columns:1fr 1fr}}.bp-more-card{color:inherit;border:1px solid var(--border);background:var(--surface);border-radius:10px;padding:20px;text-decoration:none;transition:border-color .15s,transform .15s;display:block}.bp-more-card:hover{border-color:#ffffff1a;transform:translateY(-1px)}.bp-more-date{color:var(--text-dim);margin-bottom:8px;font-size:12px;display:block}.bp-more-card-title{color:#fff;margin-bottom:8px;font-size:.95rem;font-weight:600;line-height:1.35}.bp-more-excerpt{color:var(--text-dim);font-size:.8rem;line-height:1.55}@media (width<=640px){.blog-layout{padding:0 16px 60px}.bp-title{font-size:1.5rem}.bp-meta{gap:10px}.blog-featured-cover{padding:24px 20px}.blog-featured-title{font-size:1.25rem}.bp-code-pre{padding:12px 14px}.bp-code-pre code{font-size:12px}}.sup-trigger{color:#f87171;cursor:pointer;white-space:nowrap;background:#ef444414;border:1px solid #ef444440;border-radius:8px;align-items:center;gap:6px;padding:6px 14px;font-family:JetBrains Mono,monospace;font-size:13px;font-weight:500;transition:all .2s;display:inline-flex}.sup-trigger:hover{color:#fca5a5;background:#ef444424;border-color:#ef444466;transform:translateY(-1px)}.sup-trigger svg{width:14px;height:14px}.sup-overlay{z-index:9999;-webkit-backdrop-filter:blur(8px);background:#02040acc;justify-content:center;align-items:center;padding:24px;animation:.2s supFadeIn;display:flex;position:fixed;inset:0}@keyframes supFadeIn{0%{opacity:0}to{opacity:1}}.sup-modal{background:var(--surface);border:1px solid var(--border);border-radius:16px;width:100%;max-width:520px;max-height:85vh;padding:0;animation:.25s supSlideIn;position:relative;overflow-y:auto}@keyframes supSlideIn{0%{opacity:0;transform:translateY(12px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.sup-modal::-webkit-scrollbar{width:6px}.sup-modal::-webkit-scrollbar-track{background:0 0}.sup-modal::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:3px}.sup-close{color:var(--text-dim);cursor:pointer;z-index:2;background:0 0;border:none;border-radius:6px;padding:4px;transition:color .15s,background .15s;position:absolute;top:16px;right:16px}.sup-close:hover{color:#fff;background:#ffffff0f}.sup-header{text-align:center;border-bottom:1px solid var(--border);background:linear-gradient(#ef44440a 0%,#0000 100%);padding:36px 32px 24px}.sup-header-icon{color:#f87171;background:#ef44441a;border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:16px;display:inline-flex}.sup-header-icon svg{width:24px;height:24px}.sup-title{color:#fff;letter-spacing:-.02em;margin-bottom:8px;font-size:1.5rem;font-weight:750}.sup-desc{color:var(--text-dim);max-width:380px;margin:0 auto;font-size:.9rem;line-height:1.6}.sup-desc strong{color:#fff;font-weight:600}.sup-section{border-bottom:1px solid var(--border);padding:24px 28px}.sup-section:last-of-type{border-bottom:none}.sup-section-header{align-items:flex-start;gap:14px;margin-bottom:16px;display:flex}.sup-section-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.sup-section-icon.star{color:#fbbf24;background:#f59e0b1a}.sup-section-icon.share{color:var(--primary-soft);background:#3b82f61a}.sup-section-icon.code{color:var(--success);background:#10b9811a}.sup-section-title{color:#fff;margin-bottom:2px;font-size:1rem;font-weight:650}.sup-section-desc{color:var(--text-dim);font-size:.82rem;line-height:1.5}.sup-star-section{background:linear-gradient(135deg,#f59e0b08 0%,#0000 100%)}.sup-btn-star{color:#fbbf24;cursor:pointer;background:#f59e0b14;border:1px solid #f59e0b4d;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px 20px;font-family:JetBrains Mono,monospace;font-size:14px;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.sup-btn-star:hover{background:#f59e0b26;border-color:#f59e0b80;transform:translateY(-1px);box-shadow:0 4px 20px #f59e0b1f}.sup-btn-star svg{width:18px;height:18px}.sup-share-grid{grid-template-columns:1fr 1fr 1fr;gap:8px;display:grid}.sup-share-btn{border:1px solid var(--border);background:var(--bg);color:var(--text-dim);border-radius:10px;flex-direction:column;align-items:center;gap:6px;padding:14px 10px;font-size:12px;font-weight:500;text-decoration:none;transition:all .15s;display:flex}.sup-share-btn:hover{transform:translateY(-1px)}.sup-linkedin:hover{color:#0a95d9;background:#0077b514;border-color:#0077b566}.sup-x:hover{color:#fff;background:#ffffff0a;border-color:#ffffff26}.sup-facebook:hover{color:#4599f7;background:#1877f214;border-color:#1877f266}.sup-contrib-grid{flex-direction:column;gap:8px;display:flex}.sup-contrib-btn{border:1px solid var(--border);background:var(--bg);color:var(--text-dim);border-radius:10px;align-items:center;gap:12px;padding:12px 14px;text-decoration:none;transition:all .15s;display:flex}.sup-contrib-btn:hover{background:#10b9810a;border-color:#10b9814d}.sup-contrib-btn svg{color:var(--success);flex-shrink:0}.sup-contrib-label{color:#fff;margin-bottom:1px;font-size:.85rem;font-weight:600;display:block}.sup-contrib-hint{color:var(--text-dim);font-size:.75rem;display:block}.sup-footer{text-align:center;padding:16px 28px 20px}.sup-footer p{color:var(--text-dim);opacity:.7;font-size:.78rem;line-height:1.5}.sup-footer-sponsor{margin-top:8px;opacity:.55!important;font-size:.72rem!important}.sup-footer-sponsor a{color:var(--text-dim);border-bottom:1px dotted var(--text-muted);text-decoration:none;transition:color .15s,border-color .15s}.sup-footer-sponsor a:hover{color:var(--text);border-color:var(--text)}@media (width<=540px){.sup-overlay{align-items:flex-end;padding:12px}.sup-modal{border-radius:16px 16px 0 0;max-height:90vh}.sup-header{padding:28px 20px 20px}.sup-section{padding:20px}.sup-share-grid{grid-template-columns:1fr 1fr 1fr;gap:6px}.sup-share-btn{padding:12px 8px;font-size:11px}.sup-trigger span{display:none}.sup-trigger{padding:6px 8px}}.demo-layout{max-width:960px;margin:0 auto;padding:0 24px 80px}.demo-content{width:100%}.demo-hero{margin-bottom:48px}.demo-title{letter-spacing:-.03em;margin:8px 0 12px;font-size:clamp(2rem,5vw,3rem);font-weight:800}.demo-subtitle{color:var(--text-dim);max-width:600px;font-size:1.05rem;line-height:1.6}.demo-section{margin-bottom:64px}.demo-section-title{color:#fff;letter-spacing:-.015em;align-items:center;gap:10px;margin-bottom:8px;font-size:1.4rem;font-weight:700;display:flex}.demo-section-icon{display:inline-flex}.demo-section-desc{color:var(--text-dim);margin-bottom:24px;font-size:.95rem;line-height:1.6}.demo-inline-code{background:var(--surface2);color:var(--primary-soft);border-radius:4px;padding:2px 7px;font-family:JetBrains Mono,monospace;font-size:.85em}.demo-tabs{background:var(--surface);border:1px solid var(--border);border-radius:12px;gap:4px;margin-bottom:24px;padding:4px;display:flex;overflow-x:auto}.demo-tab{color:var(--text-dim);cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;padding:10px 16px;font-family:Inter,sans-serif;font-size:13px;font-weight:500;transition:all .15s;display:inline-flex}.demo-tab:hover{color:var(--text);background:#ffffff08}.demo-tab.active{background:#ffffff0d;border-color:currentColor;font-weight:600}.demo-tab svg{flex-shrink:0;width:16px;height:16px}.demo-showcase{background:var(--surface);border:1px solid var(--border);border-radius:14px;overflow:hidden}.demo-showcase-info{padding:24px 28px 20px}.demo-showcase-title{margin-bottom:6px;font-size:1.15rem;font-weight:650}.demo-showcase-desc{color:var(--text-dim);font-size:.88rem;line-height:1.6}.demo-screenshot-wrapper{border-top:1px solid var(--border);flex-direction:column-reverse;display:flex;position:relative}.demo-browser-bar{border-bottom:1px solid var(--border);background:#ffffff05;align-items:center;gap:6px;padding:8px 14px;display:flex}.demo-browser-dot{background:#ffffff14;border-radius:50%;width:8px;height:8px}.demo-browser-dot:first-child{background:#ef444480}.demo-browser-dot:nth-child(2){background:#f59e0b80}.demo-browser-dot:nth-child(3){background:#10b98180}.demo-browser-url{color:var(--text-dim);opacity:.6;margin-left:8px;font-family:JetBrains Mono,monospace;font-size:11px}.demo-screenshot{cursor:zoom-in;width:100%;transition:opacity .2s;display:block}.demo-screenshot:hover{opacity:.92}.demo-expand-btn{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--text-dim);cursor:pointer;z-index:2;background:#050810d9;border:1px solid #ffffff1f;border-radius:6px;align-items:center;gap:5px;padding:6px 12px;font-family:Inter,sans-serif;font-size:12px;transition:all .15s;display:inline-flex;position:absolute;bottom:12px;right:12px}.demo-expand-btn:hover{color:#fff;background:#050810f2;border-color:#fff3}.demo-placeholder{background:var(--bg);border:none;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:80px 24px;display:flex}.demo-placeholder-icon{opacity:.3}.demo-placeholder-text{color:var(--text-dim);font-size:14px;font-weight:600}.demo-placeholder-hint{color:var(--text-dim);opacity:.5;font-size:12px}.demo-placeholder-hint code{background:var(--surface2);border-radius:3px;padding:2px 6px;font-family:JetBrains Mono,monospace;font-size:11px}.demo-lightbox{z-index:9999;-webkit-backdrop-filter:blur(12px);cursor:zoom-out;background:#02040aeb;justify-content:center;align-items:center;padding:32px;animation:.2s supFadeIn;display:flex;position:fixed;inset:0}.demo-lightbox-close{color:var(--text-dim);cursor:pointer;z-index:2;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:8px;padding:8px;transition:all .15s;position:absolute;top:20px;right:20px}.demo-lightbox-close:hover{color:#fff;background:#ffffff1a}.demo-lightbox-inner{cursor:default;max-width:95vw;max-height:90vh}.demo-lightbox-img{border-radius:10px;max-width:100%;max-height:85vh;box-shadow:0 16px 64px #00000080}.demo-lightbox-caption{text-align:center;color:var(--text-dim);margin-top:12px;font-size:13px}.demo-video-grid{grid-template-columns:1fr;gap:20px;display:grid}@media (width>=640px){.demo-video-grid{grid-template-columns:1fr 1fr 1fr}}.demo-video-card{border:1px solid var(--border);background:var(--surface);border-radius:12px;transition:border-color .15s,transform .15s;overflow:hidden}.demo-video-card:hover{border-color:#ffffff1a;transform:translateY(-2px)}.demo-video-embed{background:var(--bg);width:100%;padding-bottom:56.25%;position:relative;overflow:hidden}.demo-video-embed iframe{border:none;width:100%;height:100%;position:absolute;top:0;left:0}.demo-video-placeholder{color:var(--text-dim);flex-direction:column;justify-content:center;align-items:center;gap:10px;font-size:13px;display:flex;position:absolute;inset:0}.demo-video-play-icon{color:#f87171;background:#ef44441f;border:1px solid #ef444440;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.demo-video-play-icon svg{width:18px;height:18px;margin-left:2px}.demo-video-info{padding:16px}.demo-video-meta{margin-bottom:8px}.demo-video-duration{color:var(--text-dim);background:var(--surface2);border-radius:4px;align-items:center;gap:4px;padding:3px 8px;font-size:11px;font-weight:500;display:inline-flex}.demo-video-duration svg{width:10px;height:10px}.demo-video-title{color:#fff;margin-bottom:6px;font-size:.95rem;font-weight:650;line-height:1.3}.demo-video-desc{color:var(--text-dim);font-size:.8rem;line-height:1.55}.demo-cta{margin-top:24px}.demo-cta-inner{text-align:center;border:1px solid var(--border);background:linear-gradient(135deg,#3b82f60a 0%,#818cf80a 100%);border-radius:16px;padding:48px 32px}.demo-cta-title{color:#fff;letter-spacing:-.02em;margin-bottom:8px;font-size:1.5rem;font-weight:750}.demo-cta-desc{color:var(--text-dim);margin-bottom:20px;font-size:.95rem}.demo-cta-code{background:var(--bg);border:1px solid var(--border);border-radius:8px;margin-bottom:24px;padding:10px 20px;display:inline-block}.demo-cta-code code{color:var(--primary-soft);font-family:JetBrains Mono,monospace;font-size:13px}.demo-cta-links{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.demo-cta-btn{border-radius:8px;align-items:center;gap:6px;padding:10px 20px;font-size:14px;font-weight:600;text-decoration:none;transition:all .15s;display:inline-flex}.demo-cta-btn.primary{background:var(--primary);color:#fff;border:1px solid var(--primary)}.demo-cta-btn.primary:hover{background:#2563eb;transform:translateY(-1px);box-shadow:0 4px 16px #3b82f640}.demo-cta-btn.secondary{color:var(--text-dim);border:1px solid var(--border);background:0 0}.demo-cta-btn.secondary:hover{color:#fff;border-color:#ffffff26}@media (width<=768px){.demo-layout{padding:0 16px 60px}.demo-tabs{gap:2px;padding:3px}.demo-tab{gap:4px;padding:8px 10px;font-size:12px}.demo-tab span{display:none}.demo-showcase-info{padding:18px 20px 14px}.demo-video-grid{grid-template-columns:1fr}.demo-cta-inner{padding:32px 20px}.demo-cta-code{padding:8px 14px}.demo-cta-code code{font-size:11px}}.token-table-wrap{border:1px solid var(--border);background:var(--surface);border-radius:14px;max-width:880px;margin:0 auto;overflow-x:auto;box-shadow:0 16px 48px #00000047}.token-table{border-collapse:collapse;width:100%;min-width:640px;font-size:13.5px}.token-table th{text-align:left;color:var(--text-dim);background:var(--surface2);border-bottom:1px solid var(--border);text-transform:uppercase;letter-spacing:.04em;padding:16px 22px;font-family:JetBrains Mono,monospace;font-size:12px;font-weight:600}.token-table td{color:var(--text-dim);border-bottom:1px solid var(--border);vertical-align:middle;padding:14px 22px}.token-table tbody tr:last-child td{border-bottom:none}.token-table tbody tr.token-highlight{background:#10b9810a}.token-cost{white-space:nowrap;border-radius:6px;padding:4px 10px;font-family:JetBrains Mono,monospace;font-size:14px;font-weight:700;display:inline-block}.token-cost.high{color:var(--error);background:#ef444414}.token-cost.med{color:var(--warning);background:#f59e0b14}.token-cost.low{color:var(--success);background:#10b9811a}.token-desc{font-size:12.5px}.token-desc code{background:var(--surface2);color:var(--accent);border-radius:4px;padding:1px 6px;font-family:JetBrains Mono,monospace;font-size:11.5px}.demo-terminal{background:var(--bg);border:1px solid var(--border);border-radius:10px;overflow:hidden;box-shadow:0 12px 36px #00000059}.demo-terminal-bar{background:var(--surface);border-bottom:1px solid var(--border);align-items:center;gap:7px;padding:10px 14px;display:flex}.demo-terminal-dot{border-radius:50%;width:11px;height:11px;display:inline-block}.demo-terminal-dot.dot-red{background:#ff5f57}.demo-terminal-dot.dot-yellow{background:#febc2e}.demo-terminal-dot.dot-green{background:#28c840}.demo-terminal-title{color:var(--text-dim);margin-left:14px;font-family:JetBrains Mono,monospace;font-size:12px}.demo-terminal-body{padding:18px 22px 22px;font-family:JetBrains Mono,monospace;font-size:12.5px;line-height:1.7}.demo-tl-line{display:block}.demo-tl-spacer{height:8px}.demo-terminal-body .t-sys{color:var(--success);font-weight:600}.demo-terminal-body .t-success{color:var(--success)}.demo-terminal-body .t-warn{color:var(--warning);font-weight:700}.demo-terminal-body .t-mcp{color:var(--accent)}.demo-terminal-body .t-white{color:var(--text)}.demo-terminal-body .t-text{color:var(--text-dim)}.demo-terminal-body .t-dim{color:var(--text-muted)}.hero-trust{flex-wrap:wrap;align-items:center;gap:18px;margin-top:22px;display:flex}.hero-trust-item{color:var(--text-muted);align-items:center;gap:6px;font-family:JetBrains Mono,monospace;font-size:12px;font-weight:500;display:inline-flex}.hero-trust-item svg{color:var(--success)}.hero-trust-link{color:var(--primary-soft);text-decoration:none;transition:color .15s}.hero-trust-link:hover{color:var(--text)}.bottom-cta-btn{cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:10px 20px;font-family:JetBrains Mono,monospace;font-size:13px;font-weight:600;text-decoration:none;transition:all .15s;display:inline-flex}.bottom-cta-btn.primary{background:linear-gradient(135deg, var(--primary), var(--accent));color:#fff;border:1px solid #0000}.bottom-cta-btn.primary:hover{transform:translateY(-1px);box-shadow:0 8px 20px #3b82f64d}.bottom-cta-btn.secondary{color:var(--text-dim);border:1px solid var(--border-light);background:0 0}.bottom-cta-btn.secondary:hover{color:var(--text);border-color:var(--primary-soft)}.cta-follow-row{flex-wrap:wrap;justify-content:center;gap:18px;margin-top:28px;display:flex}.cta-follow-link{color:var(--text-dim);border:1px solid var(--border);border-radius:8px;align-items:center;gap:7px;padding:9px 16px;font-family:JetBrains Mono,monospace;font-size:12.5px;font-weight:500;text-decoration:none;transition:all .15s;display:inline-flex}.cta-follow-link:hover{color:var(--text);border-color:var(--primary-soft)}.cta-follow-star:hover{color:var(--warning);border-color:var(--warning)}.cta-follow-star svg{color:var(--warning)}.guide-tabs{grid-template-columns:repeat(3,1fr);gap:12px;margin:24px 0 0;display:grid}@media (width<=720px){.guide-tabs{grid-template-columns:1fr}}.guide-tab{background:var(--surface);border:1px solid var(--border);cursor:pointer;text-align:left;color:var(--text-dim);border-radius:12px;align-items:center;gap:14px;padding:16px 18px;font-family:inherit;transition:all .2s;display:flex}.guide-tab:hover{border-color:var(--border-light);color:var(--text)}.guide-tab.active{color:var(--text);background:#3b82f60f;border-color:#3b82f666}.guide-tab-icon{width:44px;height:44px;color:var(--primary-soft);background:#3b82f61a;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.guide-tab.active .guide-tab-icon{background:#3b82f633}.guide-tab-text{flex-direction:column;min-width:0;display:flex}.guide-tab-label{color:inherit;font-size:14px;font-weight:600}.guide-tab-sub{color:var(--text-muted);margin-top:2px;font-family:JetBrains Mono,monospace;font-size:11px}.guide-tab-body{background:var(--surface);border:1px solid var(--border);border-radius:12px;margin-top:20px;padding:24px}.guide-magic-grid{flex-direction:column;gap:12px;margin-top:24px;display:flex}.guide-magic-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;transition:border-color .2s,transform .2s;overflow:hidden}.guide-magic-card:hover{border-color:var(--border-light)}.guide-magic-card.expanded{border-color:#3b82f659}.guide-magic-card.green.expanded{border-color:#10b98173}.guide-magic-card.amber.expanded{border-color:#f59e0b73}.guide-magic-card.purple.expanded{border-color:#818cf873}.guide-magic-header{cursor:pointer;text-align:left;width:100%;color:var(--text);background:0 0;border:none;align-items:center;gap:16px;padding:18px 22px;font-family:inherit;display:flex}.guide-magic-header:hover{background:#ffffff05}.guide-magic-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.guide-magic-icon.blue{color:var(--primary-soft);background:#3b82f61f}.guide-magic-icon.green{color:var(--success);background:#10b9811f}.guide-magic-icon.amber{color:var(--warning);background:#f59e0b1f}.guide-magic-icon.purple{color:var(--accent);background:#818cf81f}.guide-magic-text{flex:1;min-width:0}.guide-magic-title{color:var(--text);margin-bottom:2px;font-size:15px;font-weight:600}.guide-magic-cmd{color:var(--text-dim);background:var(--surface2);border-radius:4px;padding:2px 8px;font-family:JetBrains Mono,monospace;font-size:12px}.guide-magic-chevron{color:var(--text-muted);align-items:center;transition:transform .2s;display:flex}.guide-magic-chevron.expanded{color:var(--primary-soft);transform:rotate(90deg)}.guide-magic-body{border-top:1px solid var(--border);margin-top:0;padding:4px 22px 22px}.guide-magic-desc{color:var(--text-dim);margin:16px 0;font-size:14px;line-height:1.65}.guide-magic-output-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin:16px 0 6px;font-family:JetBrains Mono,monospace;font-size:11px}.guide-magic-output{background:var(--bg);border:1px solid var(--border);color:var(--text-dim);border-radius:8px;padding:14px 16px;font-family:JetBrains Mono,monospace;font-size:12px;line-height:1.6;overflow-x:auto}