*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--bg-deep: #050810;--bg-surface: #0b0f1a;--bg-card: #0f1424;--bg-card-hover: #141a30;--cyan: #00e5ff;--cyan-dim: #00e5ff55;--cyan-glow: #00e5ff22;--amber: #ffb400;--amber-dim: #ffb40055;--violet: #7c5cfc;--violet-dim: #7c5cfc44;--rose: #ff3d7f;--text-primary: #e8ecf4;--text-secondary: #8892a8;--text-dim: #4a5270;--border: #1a2040;--font-display: "Syne", sans-serif;--font-body: "Lexend", sans-serif;--font-mono: "JetBrains Mono", monospace}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--bg-deep);color:var(--text-primary);overflow-x:hidden;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;pointer-events:none;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");background-size:256px 256px}.grid-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;background-image:linear-gradient(var(--border) 1px,transparent 1px),linear-gradient(90deg,var(--border) 1px,transparent 1px);background-size:60px 60px;opacity:.25;-webkit-mask-image:radial-gradient(ellipse 80% 60% at 50% 30%,black 20%,transparent 70%);mask-image:radial-gradient(ellipse 80% 60% at 50% 30%,black 20%,transparent 70%)}nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:1.2rem 3rem;display:flex;align-items:center;justify-content:space-between;background:#050810b3;-webkit-backdrop-filter:blur(20px) saturate(1.4);backdrop-filter:blur(20px) saturate(1.4);border-bottom:1px solid var(--border);transition:background .3s}.nav-logo{font-family:var(--font-display);font-weight:800;font-size:1.3rem;letter-spacing:-.02em;color:var(--text-primary);text-decoration:none;display:flex;align-items:center;gap:.6rem}.nav-logo .logo-icon{width:28px;height:28px;border-radius:6px;background:linear-gradient(135deg,var(--cyan),var(--violet));display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:800;color:var(--bg-deep)}.nav-links{display:flex;align-items:center;gap:2.5rem;list-style:none}.nav-links a{font-family:var(--font-body);font-size:.85rem;font-weight:400;color:var(--text-secondary);text-decoration:none;letter-spacing:.02em;transition:color .25s}.nav-links a:hover{color:var(--cyan)}.nav-cta{font-family:var(--font-mono)!important;font-size:.78rem!important;font-weight:500!important;padding:.55rem 1.3rem;border:1px solid var(--cyan-dim);border-radius:6px;color:var(--cyan)!important;transition:all .25s;background:transparent}.nav-cta:hover{background:var(--cyan-glow);border-color:var(--cyan);box-shadow:0 0 20px var(--cyan-glow)}.nav-dropdown{position:relative}.nav-dropdown-menu{position:absolute;top:100%;left:50%;transform:translate(-50%);margin-top:.75rem;min-width:200px;padding:.5rem;background:var(--bg-card);border:1px solid var(--border);border-radius:8px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);opacity:0;visibility:hidden;transition:opacity .2s,visibility .2s;z-index:110}.nav-dropdown:hover .nav-dropdown-menu{opacity:1;visibility:visible}.nav-dropdown-menu a{display:block;padding:.55rem .9rem;font-family:var(--font-body);font-size:.82rem;color:var(--text-secondary);text-decoration:none;border-radius:5px;transition:all .2s}.nav-dropdown-menu a:hover{color:var(--cyan);background:#ffffff0a}.hero{position:relative;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:8rem 2rem 6rem;overflow:hidden}.hero-canvas{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.hero-radial{position:absolute;width:900px;height:900px;top:50%;left:50%;transform:translate(-50%,-55%);background:radial-gradient(circle,var(--cyan-glow) 0%,transparent 65%);z-index:1;pointer-events:none;animation:pulseRadial 6s ease-in-out infinite alternate}@keyframes pulseRadial{0%{opacity:.5;transform:translate(-50%,-55%) scale(1)}to{opacity:.8;transform:translate(-50%,-55%) scale(1.15)}}.hero-content{position:relative;z-index:2;max-width:860px}.hero-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem 1rem .4rem .5rem;border:1px solid var(--border);border-radius:100px;font-family:var(--font-mono);font-size:.7rem;color:var(--text-secondary);margin-bottom:2.5rem;background:#0b0f1a99;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:fadeInUp .8s ease both}.hero-badge .badge-dot{width:6px;height:6px;border-radius:50%;background:var(--cyan);box-shadow:0 0 8px var(--cyan);animation:blink 2s ease-in-out infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.hero h1{font-family:var(--font-display);font-weight:800;font-size:clamp(2.8rem,6.5vw,5.2rem);line-height:1.05;letter-spacing:-.035em;margin-bottom:1.8rem;animation:fadeInUp .8s ease .15s both}.hero h1 .gradient-text{background:linear-gradient(135deg,var(--cyan) 0%,var(--violet) 50%,var(--amber) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero-sub{font-size:1.15rem;font-weight:300;color:var(--text-secondary);line-height:1.7;max-width:620px;margin:0 auto 3rem;animation:fadeInUp .8s ease .3s both}.hero-actions{display:flex;align-items:center;justify-content:center;gap:1rem;animation:fadeInUp .8s ease .45s both;flex-wrap:wrap}.btn-primary{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-mono);font-size:.85rem;font-weight:500;padding:.85rem 2rem;background:linear-gradient(135deg,var(--cyan),#00b8d4);color:var(--bg-deep);border:none;border-radius:8px;cursor:pointer;text-decoration:none;transition:all .3s;box-shadow:0 0 30px var(--cyan-glow),0 4px 15px #0000004d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 0 50px var(--cyan-dim),0 8px 25px #0006}.btn-secondary{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-mono);font-size:.85rem;font-weight:500;padding:.85rem 2rem;background:transparent;color:var(--text-primary);border:1px solid var(--border);border-radius:8px;cursor:pointer;text-decoration:none;transition:all .3s}.btn-secondary:hover{border-color:var(--text-dim);background:#ffffff08;transform:translateY(-2px)}.hero-stats{display:flex;justify-content:center;gap:4rem;margin-top:5rem;animation:fadeInUp .8s ease .6s both}.hero-stat{text-align:center}.hero-stat .stat-val{font-family:var(--font-display);font-weight:800;font-size:2.2rem;color:var(--cyan);letter-spacing:-.03em}.hero-stat .stat-label{font-size:.75rem;color:var(--text-dim);margin-top:.3rem;letter-spacing:.06em;text-transform:uppercase}@keyframes fadeInUp{0%{opacity:0;transform:translateY(25px)}to{opacity:1;transform:translateY(0)}}section{position:relative;z-index:1;padding:8rem 2rem}.section-inner{max-width:1200px;margin:0 auto}.section-label{font-family:var(--font-mono);font-size:.7rem;font-weight:500;letter-spacing:.15em;text-transform:uppercase;color:var(--cyan);margin-bottom:1rem}.section-title{font-family:var(--font-display);font-weight:700;font-size:clamp(2rem,4vw,3rem);letter-spacing:-.03em;line-height:1.15;margin-bottom:1.2rem}.section-desc{font-size:1.05rem;font-weight:300;color:var(--text-secondary);line-height:1.7;max-width:560px}.problem-section{background:linear-gradient(180deg,var(--bg-deep) 0%,var(--bg-surface) 100%);border-top:1px solid var(--border)}.problem-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;margin-top:4rem}.problem-visual{position:relative;background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:2rem;overflow:hidden}.problem-visual:before{content:"";position:absolute;top:-1px;left:20%;right:20%;height:1px;background:linear-gradient(90deg,transparent,var(--rose),transparent)}.token-comparison{display:flex;flex-direction:column;gap:1.5rem}.token-bar{display:flex;flex-direction:column;gap:.5rem}.token-bar-label{display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:.72rem;color:var(--text-secondary)}.token-bar-track{height:8px;background:var(--bg-deep);border-radius:4px;overflow:hidden}.token-bar-fill{height:100%;border-radius:4px;transition:width 1.5s cubic-bezier(.22,1,.36,1);width:0}.token-bar-fill.waste{background:linear-gradient(90deg,var(--rose),#ff6b6b)}.token-bar-fill.efficient{background:linear-gradient(90deg,var(--cyan),#00ffc8)}.token-bar-divider{border:none;height:1px;background:var(--border);margin:.5rem 0}.problem-text h3{font-family:var(--font-display);font-weight:700;font-size:1.8rem;letter-spacing:-.02em;margin-bottom:1rem}.problem-text p{color:var(--text-secondary);font-weight:300;line-height:1.8;margin-bottom:1.2rem}.problem-text .highlight{color:var(--cyan);font-weight:500}.tools-section{background:var(--bg-surface)}.tools-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1rem;margin-top:4rem}.tool-card{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;padding:1.8rem 1.5rem;transition:all .35s cubic-bezier(.22,1,.36,1);cursor:default;position:relative;overflow:hidden}.tool-card:before{content:"";position:absolute;top:-1px;left:25%;right:25%;height:1px;background:linear-gradient(90deg,transparent,var(--cyan),transparent);opacity:0;transition:opacity .35s}.tool-card:hover{background:var(--bg-card-hover);border-color:var(--cyan-dim);transform:translateY(-4px);box-shadow:0 8px 40px #00e5ff0f}.tool-card:hover:before{opacity:1}.tool-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:.7rem;font-weight:600;margin-bottom:1.2rem}.tool-card:nth-child(1) .tool-icon{background:#00e5ff1a;color:var(--cyan)}.tool-card:nth-child(2) .tool-icon{background:#7c5cfc1a;color:var(--violet)}.tool-card:nth-child(3) .tool-icon{background:#ffb4001a;color:var(--amber)}.tool-card:nth-child(4) .tool-icon{background:#00e5ff1a;color:var(--cyan)}.tool-card:nth-child(5) .tool-icon{background:#ff3d7f1a;color:var(--rose)}.tool-name{font-family:var(--font-mono);font-size:.95rem;font-weight:600;margin-bottom:.6rem;color:var(--text-primary)}.tool-endpoint{font-family:var(--font-mono);font-size:.65rem;color:var(--text-dim);margin-bottom:.8rem;padding:.25rem .5rem;background:var(--bg-deep);border-radius:4px;display:inline-block}.tool-desc{font-size:.82rem;color:var(--text-secondary);line-height:1.6;font-weight:300}.code-section{background:linear-gradient(180deg,var(--bg-surface) 0%,var(--bg-deep) 100%)}.code-layout{display:grid;grid-template-columns:340px 1fr;gap:3rem;margin-top:4rem;align-items:start}.code-tabs{display:flex;flex-direction:column;gap:.6rem;position:sticky;top:120px}.code-tab{display:flex;align-items:flex-start;gap:1rem;padding:1.2rem 1.4rem;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;cursor:pointer;transition:all .3s;text-align:left}.code-tab:hover{background:var(--bg-card-hover)}.code-tab.active{border-color:var(--cyan-dim);background:var(--bg-card-hover);box-shadow:0 0 30px #00e5ff0a}.code-tab .tab-indicator{width:3px;height:100%;min-height:36px;border-radius:3px;background:var(--border);transition:background .3s;flex-shrink:0}.code-tab.active .tab-indicator{background:var(--cyan);box-shadow:0 0 10px var(--cyan-dim)}.code-tab .tab-content{flex:1}.code-tab .tab-title{font-family:var(--font-mono);font-size:.82rem;font-weight:600;color:var(--text-primary);margin-bottom:.3rem}.code-tab .tab-desc{font-size:.75rem;color:var(--text-dim);line-height:1.5;font-weight:300}.code-tab.active .tab-title{color:var(--cyan)}.code-panel-container{position:relative;min-height:480px}.code-panel{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transform:translateY(10px);transition:all .4s cubic-bezier(.22,1,.36,1);pointer-events:none}.code-panel.active{opacity:1;transform:translateY(0);pointer-events:auto;position:relative}.code-block{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;overflow:hidden}.code-block-header{display:flex;align-items:center;justify-content:space-between;padding:.8rem 1.2rem;border-bottom:1px solid var(--border);background:#0003}.code-block-dots{display:flex;gap:6px}.code-block-dots span{width:10px;height:10px;border-radius:50%;background:var(--text-dim);opacity:.4}.code-block-dots span:nth-child(1){background:#ff5f57;opacity:.7}.code-block-dots span:nth-child(2){background:#ffbd2e;opacity:.7}.code-block-dots span:nth-child(3){background:#28ca41;opacity:.7}.code-block-lang{font-family:var(--font-mono);font-size:.68rem;color:var(--text-dim);letter-spacing:.05em}.code-block pre{padding:1.5rem;overflow-x:auto;font-family:var(--font-mono);font-size:.78rem;line-height:1.8;color:var(--text-secondary)}.code-block pre code{white-space:pre}.kw{color:var(--violet)}.fn{color:#00e5ff}.str{color:#ffd580}.cmt{color:var(--text-dim);font-style:italic}.ty{color:#ff8a65}.num{color:var(--amber)}.op{color:var(--text-dim)}.mac{color:var(--rose)}.categories-section{background:var(--bg-deep)}.categories-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:4rem}.category-card{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;padding:1.8rem;transition:all .35s cubic-bezier(.22,1,.36,1);position:relative;overflow:hidden}.category-card:hover{border-color:var(--cyan-dim);transform:translateY(-3px);box-shadow:0 8px 40px #00e5ff0a}.category-card .cat-glyph{font-size:1.6rem;margin-bottom:1rem;display:block;filter:saturate(.8)}.category-card h3{font-family:var(--font-display);font-weight:700;font-size:1.1rem;margin-bottom:.6rem;letter-spacing:-.01em}.category-card p{font-size:.8rem;color:var(--text-dim);line-height:1.6;font-weight:300}.category-card .cat-tags{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:1rem}.category-card .cat-tag{font-family:var(--font-mono);font-size:.6rem;padding:.2rem .55rem;border-radius:4px;background:var(--bg-deep);color:var(--text-dim);border:1px solid transparent;transition:all .25s}.category-card:hover .cat-tag{border-color:var(--border);color:var(--text-secondary)}.arch-section{background:var(--bg-surface);border-top:1px solid var(--border)}.arch-flow{display:flex;align-items:center;justify-content:center;gap:0;margin-top:4rem;flex-wrap:wrap}.arch-node{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;padding:1.8rem 2rem;text-align:center;min-width:200px;transition:all .3s}.arch-node:hover{border-color:var(--cyan-dim);box-shadow:0 0 30px #00e5ff0d}.arch-node .arch-label{font-family:var(--font-mono);font-size:.65rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim);margin-bottom:.5rem}.arch-node .arch-title{font-family:var(--font-display);font-weight:700;font-size:1.1rem;margin-bottom:.4rem}.arch-node .arch-desc{font-size:.75rem;color:var(--text-secondary);font-weight:300}.arch-arrow{font-size:1.5rem;color:var(--cyan-dim);padding:0 1rem;animation:arrowPulse 2s ease-in-out infinite}@keyframes arrowPulse{0%,to{opacity:.3}50%{opacity:1;color:var(--cyan)}}.entry-section{background:linear-gradient(180deg,var(--bg-surface) 0%,var(--bg-deep) 100%)}.entry-card{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;overflow:hidden;margin-top:4rem;max-width:900px;position:relative}.entry-card:before{content:"";position:absolute;top:-1px;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent,var(--amber),transparent)}.entry-card-header{display:flex;align-items:center;justify-content:space-between;padding:1.2rem 1.8rem;border-bottom:1px solid var(--border);background:#0003}.entry-card-header .entry-type{font-family:var(--font-mono);font-size:.68rem;color:var(--amber);letter-spacing:.08em;text-transform:uppercase}.entry-card-header .entry-format{font-family:var(--font-mono);font-size:.68rem;color:var(--text-dim)}.entry-card pre{padding:1.5rem 1.8rem;font-family:var(--font-mono);font-size:.75rem;line-height:1.85;color:var(--text-secondary);overflow-x:auto}.cta-section{background:var(--bg-deep);text-align:center;padding:10rem 2rem;position:relative;overflow:hidden}.cta-section:before{content:"";position:absolute;width:700px;height:700px;top:50%;left:50%;transform:translate(-50%,-50%);background:radial-gradient(circle,var(--violet-dim) 0%,transparent 60%);pointer-events:none}.cta-section .section-title{font-size:clamp(2.2rem,4.5vw,3.5rem);margin-bottom:1.5rem}.cta-section .section-desc{max-width:520px;margin:0 auto 3rem;text-align:center}.cta-actions{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.waitlist-form{display:flex;gap:.75rem;flex-wrap:wrap;justify-content:center}.waitlist-input{font-family:var(--font-mono);font-size:.85rem;padding:.7rem 1.2rem;background:var(--bg-card);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);outline:none;min-width:240px;transition:border-color .25s,box-shadow .25s}.waitlist-input::placeholder{color:var(--text-dim)}.waitlist-input:focus{border-color:var(--cyan);box-shadow:0 0 16px #00e5ff26}.waitlist-success{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-mono);font-size:.9rem;font-weight:500;color:var(--cyan);background:#00e5ff14;padding:.7rem 1.5rem;border-radius:8px;border:1px solid var(--cyan-dim)}footer{position:relative;z-index:1;border-top:1px solid var(--border);padding:3rem;display:flex;align-items:center;justify-content:space-between;background:var(--bg-deep)}footer .footer-left{font-family:var(--font-mono);font-size:.72rem;color:var(--text-dim)}footer .footer-links{display:flex;gap:2rem;list-style:none}footer .footer-links a{font-family:var(--font-mono);font-size:.72rem;color:var(--text-dim);text-decoration:none;transition:color .25s}footer .footer-links a:hover{color:var(--text-secondary)}.reveal{opacity:0;transform:translateY(30px);transition:opacity .8s cubic-bezier(.22,1,.36,1),transform .8s cubic-bezier(.22,1,.36,1)}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-delay-1{transition-delay:.1s}.reveal-delay-2{transition-delay:.2s}.reveal-delay-3{transition-delay:.3s}.reveal-delay-4{transition-delay:.4s}@media(max-width:1100px){.tools-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:900px){nav{padding:1rem 1.5rem}.nav-links{display:none}.hero{padding:7rem 1.5rem 4rem}.hero-stats{gap:2rem}.problem-grid{grid-template-columns:1fr;gap:2.5rem}.tools-grid{grid-template-columns:repeat(2,1fr)}.code-layout{grid-template-columns:1fr}.code-tabs{position:static;flex-direction:row;overflow-x:auto;padding-bottom:.5rem}.code-tab{min-width:180px}.code-panel-container{min-height:auto}.code-panel{position:relative;display:none}.code-panel.active{display:block}.categories-grid{grid-template-columns:repeat(2,1fr)}.arch-flow{flex-direction:column}.arch-arrow{transform:rotate(90deg);padding:.5rem 0}footer{flex-direction:column;gap:1.5rem;text-align:center}}@media(max-width:600px){.tools-grid,.categories-grid{grid-template-columns:1fr}.hero-stats{flex-direction:column;gap:1.5rem}}.demo-layout{display:grid;grid-template-columns:340px 1fr;gap:2rem;margin-top:3rem;align-items:start}.demo-controls{display:flex;flex-direction:column;gap:1.2rem;position:sticky;top:120px}.demo-control{display:flex;flex-direction:column;gap:.4rem}.demo-control label{font-family:var(--font-mono);font-size:.7rem;color:var(--text-dim);letter-spacing:.05em;text-transform:uppercase}.demo-control .control-value{font-family:var(--font-mono);font-size:.82rem;color:var(--cyan);font-weight:600}.demo-control input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:6px;border-radius:3px;background:var(--bg-deep);outline:none;border:1px solid var(--border)}.demo-control input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:var(--cyan);cursor:pointer;box-shadow:0 0 10px var(--cyan-dim);border:2px solid var(--bg-deep)}.demo-control input[type=range]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--cyan);cursor:pointer;box-shadow:0 0 10px var(--cyan-dim);border:2px solid var(--bg-deep)}.demo-control select{font-family:var(--font-mono);font-size:.78rem;padding:.5rem .8rem;background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border);border-radius:8px;outline:none;cursor:pointer}.demo-control select:focus{border-color:var(--cyan-dim)}.demo-results{display:flex;flex-direction:column;gap:1.2rem}.demo-result-card{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;padding:1.5rem 1.8rem;position:relative;overflow:hidden}.demo-result-card:before{content:"";position:absolute;top:-1px;left:20%;right:20%;height:1px;background:linear-gradient(90deg,transparent,var(--cyan),transparent);opacity:.6}.demo-result-card h4{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim);margin-bottom:.5rem}.card-context{font-family:var(--font-mono);font-size:.72rem;color:var(--text-dim);line-height:1.5;margin-bottom:1rem;opacity:.8}.demo-context-card{border-color:var(--cyan-dim);background:#00e5ff08}.demo-context-card:before{opacity:.3}.demo-context-card .card-context{margin-bottom:0;opacity:1;color:var(--text-secondary, var(--text-dim))}.demo-scenario{margin-top:.6rem;padding:.8rem;border-radius:8px;background:var(--bg-deep);border:1px solid var(--border)}.scenario-setup{font-family:var(--font-mono);font-size:.7rem;color:var(--text-dim);line-height:1.5;margin-bottom:.4rem}.scenario-question{font-family:var(--font-mono);font-size:.75rem;color:var(--cyan);line-height:1.4;font-weight:600}.demo-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem}.demo-metric{display:flex;flex-direction:column;gap:.2rem}.demo-metric .metric-value{font-family:var(--font-mono);font-size:1.3rem;font-weight:700;color:var(--text-primary);letter-spacing:-.02em}.demo-metric .metric-value.positive{color:#00ffc8}.demo-metric .metric-value.warning{color:var(--amber)}.demo-metric .metric-value.negative{color:var(--rose)}.demo-metric .metric-label{font-family:var(--font-mono);font-size:.65rem;color:var(--text-dim);letter-spacing:.04em}.demo-loading{font-family:var(--font-mono);font-size:.82rem;color:var(--text-dim);text-align:center;padding:3rem 0}.demo-loading .spinner{display:inline-block;width:14px;height:14px;border:2px solid var(--border);border-top-color:var(--cyan);border-radius:50%;animation:spin .8s linear infinite;margin-right:.5rem;vertical-align:middle}@keyframes spin{to{transform:rotate(360deg)}}.demo-badge{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-mono);font-size:.65rem;padding:.3rem .7rem;border-radius:6px;background:#00e5ff14;border:1px solid var(--cyan-dim);color:var(--cyan);margin-bottom:1.5rem}.demo-badge .wasm-size{color:var(--text-dim)}.graph-path{display:flex;flex-wrap:wrap;align-items:center;gap:.3rem;font-family:var(--font-mono);font-size:.85rem}.path-node{display:inline-block;padding:.25rem .6rem;background:#00e5ff1a;border:1px solid var(--cyan-dim);border-radius:6px;color:var(--cyan);font-weight:600;font-size:.78rem}.path-arrow{color:var(--text-dim);margin:0 .1rem;font-size:.85rem}.graph-layers{display:flex;flex-direction:column;gap:.6rem}.graph-layer-row{display:flex;align-items:center;gap:.8rem}.layer-label{font-family:var(--font-mono);font-size:.65rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em;min-width:60px;flex-shrink:0}.layer-nodes{display:flex;flex-wrap:wrap;gap:.35rem}.layer-tag{display:inline-block;padding:.2rem .5rem;background:var(--bg-deep);border:1px solid var(--border);border-radius:5px;font-family:var(--font-mono);font-size:.72rem;color:var(--text-primary)}.graph-ranking{display:flex;flex-direction:column;gap:.5rem}.ranking-row{display:flex;align-items:center;gap:.6rem;font-family:var(--font-mono);font-size:.78rem}.ranking-pos{color:var(--text-dim);min-width:24px;font-size:.65rem}.ranking-name{color:var(--text-primary);min-width:80px;font-weight:600}.ranking-score{color:var(--cyan);min-width:60px;text-align:right}.ranking-bar{flex:1;height:6px;background:var(--bg-deep);border-radius:3px;overflow:hidden;border:1px solid var(--border)}.ranking-bar-fill{height:100%;background:linear-gradient(90deg,var(--cyan-dim),var(--cyan));border-radius:3px;transition:width .3s ease}.graph-edges{display:flex;flex-direction:column;gap:.4rem}.graph-edge-row{display:flex;align-items:center;gap:.4rem;font-family:var(--font-mono);font-size:.78rem}.edge-weight{color:var(--text-dim);font-size:.68rem;margin-left:auto}@media(max-width:900px){.demo-layout{grid-template-columns:1fr}.demo-controls{position:static}.ranking-bar{display:none}}.agent-timeline{display:flex;flex-direction:column;gap:1.6rem;max-width:720px;margin:3rem auto 0;position:relative;padding-left:18px}.agent-timeline:before{content:"";position:absolute;left:17px;top:0;bottom:0;width:2px;background:linear-gradient(180deg,var(--cyan-dim),var(--violet-dim),var(--amber-dim));border-radius:1px}.agent-msg{display:flex;gap:1rem;align-items:flex-start;opacity:0;transform:translateY(16px);transition:opacity .4s ease,transform .4s ease;position:relative}.agent-msg.active{opacity:1;transform:translateY(0)}.agent-msg-avatar{width:36px;height:36px;min-width:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:.75rem;font-weight:700;color:var(--bg-deep);z-index:1}.agent-avatar-cyan{background:var(--cyan)}.agent-avatar-violet{background:var(--violet)}.agent-avatar-amber{background:var(--amber)}.agent-msg-body{flex:1;min-width:0}.agent-msg-role{display:block;font-family:var(--font-mono);font-size:.6rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim);margin-bottom:.35rem}.agent-msg-text{font-size:.92rem;line-height:1.55;color:var(--text-primary);margin:0}.cursor{display:inline;font-weight:400;color:var(--cyan)}.cursor.blink{animation:agent-blink .6s steps(2,start) infinite}@keyframes agent-blink{to{opacity:0}}.agent-result-card{margin-top:.2rem}.agent-result-card .demo-metric{opacity:0;transform:translateY(8px);transition:opacity .3s ease,transform .3s ease}.agent-result-card .demo-metric.metric-in{opacity:1;transform:translateY(0)}.agent-msg-body .code-block{margin-top:.2rem}@media(max-width:600px){.agent-msg-avatar{width:28px;height:28px;min-width:28px;font-size:.65rem;border-radius:8px}.agent-timeline{padding-left:14px}.agent-timeline:before{left:13px}}@media(prefers-reduced-motion:reduce){.agent-msg,.agent-result-card .demo-metric{opacity:1;transform:none;transition:none}.cursor.blink{animation:none}}.doc-layout{display:grid;grid-template-columns:280px 1fr;min-height:100vh;padding-top:72px;position:relative;z-index:1}.doc-sidebar{position:sticky;top:72px;height:calc(100vh - 72px);overflow-y:auto;padding:2rem 1.5rem;border-right:1px solid var(--border);background:#050810d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);scrollbar-width:thin;scrollbar-color:var(--border) transparent}.doc-sidebar::-webkit-scrollbar{width:4px}.doc-sidebar::-webkit-scrollbar-track{background:transparent}.doc-sidebar::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.doc-back{display:inline-block;font-family:var(--font-body);font-size:.8rem;color:var(--text-secondary);text-decoration:none;margin-bottom:1.5rem;transition:color .2s}.doc-back:hover{color:var(--cyan)}.doc-sidebar-title{font-family:var(--font-display);font-size:1rem;font-weight:700;color:var(--text-primary);margin-bottom:1.2rem;padding-bottom:.8rem;border-bottom:1px solid var(--border)}.doc-toc{display:flex;flex-direction:column;gap:.15rem}.doc-toc-link{display:block;font-family:var(--font-body);font-size:.78rem;color:var(--text-secondary);text-decoration:none;padding:.35rem .8rem;border-left:2px solid transparent;border-radius:0 4px 4px 0;transition:all .2s;line-height:1.4}.doc-toc-link:hover{color:var(--text-primary);background:#ffffff08}.doc-toc-link.active{color:var(--cyan);border-left-color:var(--cyan);background:var(--cyan-glow)}.doc-toc-level-3{padding-left:1.6rem;font-size:.74rem}.doc-content{padding:2.5rem 3.5rem 4rem;max-width:900px;min-width:0}.doc-content h1{font-family:var(--font-display);font-size:2rem;font-weight:800;color:var(--text-primary);margin-bottom:1rem;letter-spacing:-.02em}.doc-content h2{font-family:var(--font-display);font-size:1.4rem;font-weight:700;color:var(--text-primary);margin-top:3rem;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid var(--border);letter-spacing:-.01em}.doc-content h3{font-family:var(--font-display);font-size:1.1rem;font-weight:600;color:var(--text-primary);margin-top:2rem;margin-bottom:.75rem}.doc-content p{font-family:var(--font-body);font-size:.9rem;color:var(--text-secondary);line-height:1.75;margin-bottom:1rem}.doc-content strong{color:var(--text-primary)}.doc-content em{color:var(--text-secondary);font-style:italic}.doc-content a{color:var(--cyan);text-decoration:none;border-bottom:1px solid var(--cyan-dim);transition:border-color .2s}.doc-content a:hover{border-bottom-color:var(--cyan)}.doc-content code:not(pre code){font-family:var(--font-mono);font-size:.82rem;background:var(--bg-card);color:var(--amber);padding:.15rem .4rem;border-radius:4px;border:1px solid var(--border)}.doc-content pre{background:var(--bg-card)!important;border:1px solid var(--border);border-radius:8px;padding:1.2rem 1.5rem;margin-bottom:1.2rem;overflow-x:auto;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.doc-content pre code{font-family:var(--font-mono);font-size:.8rem;line-height:1.65;color:var(--text-primary);background:none!important;padding:0;border:none}.doc-content .hljs-keyword,.doc-content .hljs-selector-tag{color:var(--violet)}.doc-content .hljs-string,.doc-content .hljs-attr{color:#ffd580}.doc-content .hljs-number,.doc-content .hljs-literal{color:var(--amber)}.doc-content .hljs-built_in,.doc-content .hljs-type{color:var(--cyan)}.doc-content .hljs-comment{color:var(--text-dim);font-style:italic}.doc-content .hljs-title,.doc-content .hljs-function{color:#82aaff}.doc-content .hljs-variable{color:var(--text-primary)}.doc-content .hljs-meta{color:var(--rose)}.doc-content table{width:100%;border-collapse:collapse;margin-bottom:1.5rem;font-size:.83rem}.doc-content thead th{font-family:var(--font-body);font-weight:600;text-align:left;color:var(--text-primary);padding:.65rem .9rem;background:var(--bg-card);border-bottom:2px solid var(--border)}.doc-content tbody td{font-family:var(--font-mono);font-size:.8rem;padding:.55rem .9rem;color:var(--text-secondary);border-bottom:1px solid var(--border)}.doc-content tbody tr:hover{background:#ffffff05}.doc-content blockquote{border-left:3px solid var(--violet);background:var(--violet-dim);padding:1rem 1.2rem;margin-bottom:1.2rem;border-radius:0 6px 6px 0}.doc-content blockquote p{color:var(--text-secondary);margin-bottom:0}.doc-content ul,.doc-content ol{padding-left:1.5rem;margin-bottom:1rem}.doc-content li{font-family:var(--font-body);font-size:.88rem;color:var(--text-secondary);line-height:1.7;margin-bottom:.3rem}.doc-content hr{border:none;border-top:1px solid var(--border);margin:2.5rem 0}@media(max-width:900px){.doc-layout{grid-template-columns:1fr}.doc-sidebar{position:relative;top:auto;height:auto;border-right:none;border-bottom:1px solid var(--border);padding:1.5rem}.doc-content{padding:1.5rem 1.2rem 3rem}}.skills-page{min-height:100vh;background:var(--bg-deep)}.skills-header{padding:8rem 2rem 3rem;text-align:center;position:relative;z-index:1}.skills-header .section-label{font-family:var(--font-mono);font-size:.7rem;font-weight:500;letter-spacing:.15em;text-transform:uppercase;color:var(--cyan);margin-bottom:1rem}.skills-header .section-title{font-family:var(--font-display);font-weight:700;font-size:clamp(2rem,4vw,3rem);letter-spacing:-.03em;line-height:1.15;margin-bottom:1rem}.skills-header .section-desc{font-size:1.05rem;font-weight:300;color:var(--text-secondary);line-height:1.7;max-width:600px;margin:0 auto}.skills-format-selector{display:flex;justify-content:center;gap:.5rem;padding:0 2rem;margin-bottom:3rem;position:relative;z-index:1}.format-pill{font-family:var(--font-mono);font-size:.75rem;font-weight:500;padding:.5rem 1.2rem;border-radius:20px;border:1px solid var(--border);background:var(--bg-card);color:var(--text-secondary);cursor:pointer;transition:all .25s}.format-pill:hover{border-color:var(--cyan-dim);color:var(--text-primary)}.format-pill.active{border-color:var(--cyan);background:#00e5ff14;color:var(--cyan);box-shadow:0 0 16px #00e5ff1a}.skills-grid{max-width:1200px;margin:0 auto;padding:0 2rem 4rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));gap:1.5rem;position:relative;z-index:1}.skill-card{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:2rem;transition:all .35s cubic-bezier(.22,1,.36,1);position:relative;overflow:hidden}.skill-card:before{content:"";position:absolute;top:-1px;left:20%;right:20%;height:1px;background:linear-gradient(90deg,transparent,var(--cyan),transparent);opacity:0;transition:opacity .35s}.skill-card:hover{background:var(--bg-card-hover);border-color:var(--cyan-dim);transform:translateY(-3px);box-shadow:0 8px 40px #00e5ff0f}.skill-card:hover:before{opacity:1}.skill-card-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:1.2rem}.skill-card-title{font-family:var(--font-display);font-weight:700;font-size:1.3rem;letter-spacing:-.02em}.skill-card-category{font-family:var(--font-mono);font-size:.65rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--amber);padding:.25rem .6rem;background:#ffb40014;border-radius:4px;white-space:nowrap}.skill-card-summary{font-size:.88rem;color:var(--text-secondary);line-height:1.6;font-weight:300;margin-bottom:1.2rem}.skill-card-meta{display:flex;gap:1.5rem;margin-bottom:1.2rem}.skill-meta-item{display:flex;flex-direction:column;gap:.2rem}.skill-meta-label{font-family:var(--font-mono);font-size:.6rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.1em}.skill-meta-value{font-family:var(--font-mono);font-size:.85rem;color:var(--cyan);font-weight:600}.skill-workflows{margin-bottom:1.5rem}.skill-workflows-title{font-family:var(--font-mono);font-size:.68rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.1em;margin-bottom:.6rem}.skill-workflow-item{display:flex;align-items:center;gap:.6rem;padding:.4rem 0}.skill-workflow-dot{width:6px;height:6px;border-radius:50%;background:var(--violet);flex-shrink:0}.skill-workflow-name{font-size:.82rem;color:var(--text-secondary);font-weight:300}.skill-workflow-steps{font-family:var(--font-mono);font-size:.65rem;color:var(--text-dim);margin-left:auto}.skill-card-actions{display:flex;gap:.6rem;padding-top:1.2rem;border-top:1px solid var(--border)}.skill-action-btn{font-family:var(--font-mono);font-size:.72rem;font-weight:500;padding:.45rem .9rem;border-radius:6px;border:1px solid var(--border);background:var(--bg-deep);color:var(--text-secondary);cursor:pointer;transition:all .25s;text-decoration:none}.skill-action-btn:hover{border-color:var(--cyan-dim);color:var(--text-primary)}.skill-action-btn.primary{border-color:var(--cyan-dim);background:#00e5ff0f;color:var(--cyan)}.skill-action-btn.primary:hover{background:#00e5ff1f;box-shadow:0 0 12px #00e5ff1a}.skill-action-btn.copied{border-color:#28ca41;color:#28ca41;background:#28ca410f}.skills-api-ref{max-width:1200px;margin:0 auto;padding:0 2rem 6rem;position:relative;z-index:1}.skills-api-ref .section-label{font-family:var(--font-mono);font-size:.7rem;font-weight:500;letter-spacing:.15em;text-transform:uppercase;color:var(--cyan);margin-bottom:1rem}.skills-api-ref h3{font-family:var(--font-display);font-weight:700;font-size:1.5rem;letter-spacing:-.02em;margin-bottom:1.5rem}.api-ref-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:1rem}.api-ref-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:1.4rem;transition:border-color .25s}.api-ref-card:hover{border-color:var(--cyan-dim)}.api-ref-method{font-family:var(--font-mono);font-size:.65rem;font-weight:600;color:var(--cyan);letter-spacing:.08em;margin-bottom:.3rem}.api-ref-endpoint{font-family:var(--font-mono);font-size:.78rem;color:var(--text-primary);margin-bottom:.5rem;word-break:break-all}.api-ref-desc{font-size:.78rem;color:var(--text-dim);line-height:1.5;font-weight:300}.skill-json-preview{background:var(--bg-deep);border:1px solid var(--border);border-radius:12px;overflow:hidden;margin-bottom:1.5rem}.skill-json-header{display:flex;align-items:center;justify-content:space-between;padding:.6rem 1rem;border-bottom:1px solid var(--border);background:#0003}.skill-json-format{font-family:var(--font-mono);font-size:.65rem;color:var(--text-dim);letter-spacing:.05em}.skill-json-body{padding:1rem;max-height:300px;overflow-y:auto}.skill-json-body pre{font-family:var(--font-mono);font-size:.72rem;line-height:1.7;color:var(--text-secondary);white-space:pre-wrap;word-break:break-word}@media(max-width:900px){.skills-grid{grid-template-columns:1fr}.skills-format-selector{flex-wrap:wrap}.skill-card-meta{flex-wrap:wrap;gap:1rem}}@media(max-width:600px){.skills-header{padding:6rem 1.5rem 2rem}.skill-card{padding:1.5rem}.skill-card-actions{flex-wrap:wrap}.api-ref-grid{grid-template-columns:1fr}}