:root{--bg:#ffffff;--bg0:#060608;--bg1:#ffffff;--bg2:#f8fafc;--bg3:#f1f5f9;--bg4:#e0e3ef;--border:#e5e7eb;--border2:#d4d4d8;--lime:#84cc16;--lime2:#a3e635;--lime-dim:rgba(184, 245, 102, 0.12);--lime-glow:0 0 24px rgba(184, 245, 102, 0.25);--cyan:#06b6d4;--rose:#f43f5e;--amber:#fbbf24;--violet:#a78bfa;--accent:#6ee7b7;--accent2:#818cf8;--accent3:#f472b6;--text:#0f172a;--muted:#64748b;--dim:#94a3b8;--text-color:#e4e4e7;--text-white:#ffffff;--mono:"JetBrains Mono",monospace;--display:"Outfit",sans-serif;--sans:"Inter",sans-serif;--serif:"Lora",serif;--r:16px;--rsm:10px;--ease:cubic-bezier(0.23, 1, 0.32, 1);--ease-bounce:cubic-bezier(0.34, 1.56, 0.64, 1);--shadow-sm:0 2px 8px rgba(0, 0, 0, 0.04);--shadow-md:0 4px 12px rgba(0, 0, 0, 0.06);--shadow-lg:0 12px 32px rgba(0, 0, 0, 0.08);--shadow-hover:0 20px 48px rgba(0, 0, 0, 0.15);--shadow-glass:0 8px 32px rgba(0, 0, 0, 0.06);--glow-hover:0 0 24px var(--lime-dim);--transition:all 0.2s ease;--code-bg:#f6f8fa;--radius:12px;--radius-sm:8px;--surface:#ffffff;--ink:#ffffff;--ink2:#f9fafb;--ink3:#f3f4f6;--site-nav-bg:rgba(248, 249, 252, 0.85);--slide-1:linear-gradient(135deg, #1a1a2e, #16213e, #0f3460);--slide-2:linear-gradient(135deg, #0a3d2e, #1a5c42, #0d7c4e);--slide-3:linear-gradient(135deg, #2d1b69, #11998e, #38ef7d);--slide-4:linear-gradient(135deg, #4a0072, #7b2d8b, #c0392b);--slide-5:linear-gradient(135deg, #0c2340, #1565c0, #0288d1);--slide-6:linear-gradient(135deg, #1b2838, #2a475e, #c7d5e0);--slide-7:linear-gradient(135deg, #3a0ca3, #7209b7, #f72585);--slide-8:linear-gradient(135deg, #14213d, #1f4068, #e43f5a);--slide-9:linear-gradient(135deg, #0f2027, #203a43, #2c5364);--slide-10:linear-gradient(135deg, #1d3557, #457b9d, #a8dadc);--vanilla:#f7df1e;--react:#61dafb;--vue:#41b883;--svelte:#ff3e00;--solid:#446baf;--angular:#dd0031}[data-theme=dark]{--bg:#09090b;--bg0:#f8f9fc;--bg1:#0c0d11;--bg2:#111116;--bg3:#18181f;--bg4:#1e2230;--border:#27272a;--border2:#3f3f46;--lime:#a3e635;--lime2:#d9f99d;--lime-dim:rgba(92, 184, 0, 0.1);--cyan:#22d3ee;--rose:#fb7185;--text:#e4e4e7;--muted:#71717a;--dim:#3f3f46;--surface:#1e2130;--accent:#6ee7b7;--accent2:#818cf8;--accent3:#f472b6;--ink:#09090b;--ink2:#111116;--ink3:#18181f;--site-nav-bg:rgba(9, 9, 11, 0.75);--glass-border:rgba(255, 255, 255, 0.05);--code-bg:#09090b}*,::after,::before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:15px;line-height:1.7;overflow-x:hidden}body::before{content:"";position:fixed;inset:0;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)' opacity='0.04'/%3E%3C/svg%3E");pointer-events:none;z-index:1000;opacity:.6}h1,h2,h3,h4,h5,h6{font-family:var(--display)}.site-nav{position:fixed;top:0;left:0;right:0;padding:0 40px;height:60px;background:var(--site-nav-bg);backdrop-filter:blur(16px);border-bottom:1px solid var(--border);z-index:900}.nav-logo{display:flex;align-items:center;text-decoration:none}.nav-logo img{height:60px;width:auto}[data-theme=dark] .nav-logo img{content:url("../images/logo-dark.svg")}.nav-links{display:flex;align-items:center;gap:32px}.nav-links a{color:var(--muted);font-size:13px;font-weight:600;text-decoration:none;transition:.2s;letter-spacing:.3px}.nav-links a:hover{color:var(--text)}.nav-cta{display:flex;align-items:center;gap:8px;background:var(--lime);color:var(--bg);padding:7px 18px;border-radius:6px;font-size:13px;font-weight:700;text-decoration:none;transition:.15s;letter-spacing:.2px}.nav-cta:hover{background:var(--lime2);transform:translateY(-1px)}@media (max-width:720px){.nav-links{display:none}.site-nav{padding:0 0}}.header-inner{height:60px}.nav-toggle,.sidebar-toggle{display:none;background:0 0;border:none;font-size:26px;color:var(--text);cursor:pointer}.mobile-menu{position:absolute;top:70px;left:0;right:0;background:var(--bg);border-bottom:1px solid var(--border);display:flex;flex-direction:column;gap:10px;padding:20px;transform:translateY(-20px);opacity:0;pointer-events:none;transition:.3s ease}.mobile-menu a{color:var(--text);text-decoration:none;font-size:14px;padding:8px 0}.mobile-cta{background:var(--lime);color:var(--bg)!important;padding:10px;border-radius:6px;text-align:center;margin-top:10px}.mobile-menu.active{transform:translateY(0);opacity:1;pointer-events:all}@media (max-width:768px){.nav-links{display:none}.nav-toggle,.sidebar-toggle{display:block}.nav-cta{display:none!important}}.theme-toggle{width:36px;height:36px;border-radius:50%;border:1px solid var(--border2);background:var(--bg2);color:var(--text);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.2s}.theme-toggle:hover{background:var(--bg3);color:var(--lime)}@media (max-width:768px){.theme-toggle{margin-right:8px;width:30px;height:30px}.theme-toggle i{font-size:13px}}.hero{min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding:120px 40px 80px;position:relative;overflow:hidden}.hero::before{content:"";position:absolute;width:700px;height:700px;border-radius:50%;background:radial-gradient(circle,rgba(163,230,53,.08) 0,transparent 65%);top:-200px;right:-150px;pointer-events:none}.hero::after{content:"";position:absolute;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(34,211,238,.05) 0,transparent 65%);bottom:-100px;left:-50px;pointer-events:none}@media (max-width:768px){.hero{padding:120px 20px 80px}}.hero-inner{max-width:1100px;margin:0 auto;width:100%}.hero-eyebrow{display:inline-flex;align-items:center;gap:8px;font-family:var(--mono);font-size:11px;font-weight:400;color:var(--lime);letter-spacing:1.5px;text-transform:uppercase;background:rgba(163,230,53,.08);border:1px solid rgba(163,230,53,.2);padding:5px 14px;border-radius:20px;margin-bottom:24px;animation:fadeUp .6s ease both}.hero-eyebrow span{width:6px;height:6px;border-radius:50%;background:var(--lime);display:inline-block;animation:pulse 2s infinite}@keyframes pulse{0%,100%{opacity:1}50%{opacity:.3}}.hero-h1{font-family:var(--display);font-size:clamp(40px, 5.5vw, 72px);font-weight:800;line-height:1.05;letter-spacing:-2px;color:var(--text);margin-bottom:24px;animation:fadeUp .6s .1s ease both}.hero-h1 em{font-style:italic;font-family:var(--serif);color:var(--lime);font-weight:400}.hero-desc{font-size:16px;color:var(--muted);line-height:1.8;max-width:480px;margin-bottom:36px;animation:fadeUp .6s .2s ease both}.hero-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;animation:fadeUp .6s .3s ease both}.btn-primary{display:inline-flex;align-items:center;gap:8px;background:var(--lime);color:var(--bg);padding:12px 24px;border-radius:8px;font-size:14px;font-weight:700;text-decoration:none;transition:.15s;letter-spacing:.2px}.btn-primary:hover{background:var(--lime2);transform:translateY(-2px);box-shadow:0 8px 24px rgba(163,230,53,.2)}.btn-secondary{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--border2);color:var(--text);padding:12px 24px;border-radius:8px;font-size:14px;font-weight:600;text-decoration:none;transition:.15s;background:rgba(255,255,255,.03)}.btn-secondary:hover{border-color:var(--lime);color:var(--lime);background:rgba(163,230,53,.04)}.btn-download{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.05);border:1px dashed var(--border2);color:var(--text);padding:12px 24px;border-radius:8px;font-size:14px;font-weight:600;text-decoration:none;transition:.15s;backdrop-filter:blur(4px)}.btn-download i{font-size:16px;color:var(--text)}.btn-download:hover{color:var(--text);border-style:solid;border-color:var(--lime);background:rgba(163,230,53,.08);transform:translateY(-2px)}.step-download{display:inline-flex;align-items:center;gap:6px;color:var(--lime);text-decoration:none;font-weight:700;font-size:13px;margin-top:4px;padding:2px 8px;background:rgba(163,230,53,.1);border-radius:4px;transition:.2s}.step-download:hover{background:var(--lime);color:var(--bg1)}.hero-meta{display:flex;gap:24px;margin-top:32px;flex-wrap:wrap;animation:fadeUp .6s .4s ease both}.meta-item{display:flex;align-items:center;gap:6px;font-family:var(--mono);font-size:11px;color:var(--muted)}.meta-dot{width:6px;height:6px;border-radius:50%;background:var(--lime);opacity:.7}.code-window{background:var(--ink2);border:1px solid var(--border);border-radius:var(--r);overflow:hidden;animation:fadeUp .6s .2s ease both;box-shadow:rgba(0,0,0,.16) 0 1px 4px}.code-window-bar{display:flex;align-items:center;gap:8px;padding:12px 16px;background:rgba(255,255,255,.02)}.dot-r{width:11px;height:11px;border-radius:50%;background:#ef4444;opacity:.8}.dot-y{width:11px;height:11px;border-radius:50%;background:#eab308;opacity:.8}.dot-g{width:11px;height:11px;border-radius:50%;background:#22c55e;opacity:.8}.code-window-title{font-family:var(--mono);font-size:11px;color:var(--muted);margin-left:4px}.code-window pre{margin-bottom:0;font-family:var(--mono);font-size:12.5px;line-height:2;color:#a1a1aa;overflow-x:auto}.code-window .cm{color:#52525b;font-style:italic}.code-window .kw{color:#818cf8}.code-window .fn{color:#67e8f9}.code-window .str{color:#a3e635}.code-window .num{color:#fb923c}.code-window .key{color:#f0abfc}.code-window .bool{color:#fb7185}.scroll-indicator{position:absolute;bottom:40px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;opacity:.4;animation:fadeIn 1s 1s ease both}@keyframes fadeIn{from{opacity:0}to{opacity:.4}}@media (max-width:768px){.scroll-indicator{bottom:10px}}.scroll-indicator span{font-family:var(--mono);font-size:10px;color:var(--muted);letter-spacing:2px;text-transform:uppercase}.scroll-mouse{width:22px;height:34px;border-radius:11px;border:1px solid var(--border2);display:flex;justify-content:center;padding-top:6px}.scroll-wheel{width:2px;height:6px;background:var(--muted);border-radius:1px;animation:scrollDown 1.5s ease infinite}@keyframes scrollDown{0%{transform:translateY(0);opacity:1}100%{transform:translateY(10px);opacity:0}}.marquee-wrap{overflow:hidden;border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:14px 0;background:var(--bg2)}.marquee-track{display:flex;gap:0;white-space:nowrap;animation:marquee 20s linear infinite}.marquee-item{display:inline-flex;align-items:center;gap:8px;padding:0 32px;font-family:var(--mono);font-size:12px;color:var(--dim);border-right:1px solid var(--border)}.marquee-item span{color:var(--lime);font-size:14px}@keyframes marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}.stats-strip{border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--bg2);padding:32px 0}.stats-inner{display:grid;grid-template-columns:repeat(4,1fr);gap:0}@media (max-width:680px){.stats-inner{grid-template-columns:repeat(2,1fr)}}.stat-block{padding:16px 24px;border-right:1px solid var(--border);text-align:center}.stat-block:last-child{border-right:none}.stat-n{font-family:var(--display);font-size:36px;font-weight:800;color:var(--text);letter-spacing:-1px;display:block}.stat-n em{color:var(--lime);font-style:normal}.stat-l{font-family:var(--mono);font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:1.5px;margin-top:4px;display:block}.section-full{padding:100px 40px}.section-full .section-inner{max-width:1100px;margin:0 auto}.label-tag{display:inline-flex;align-items:center;gap:6px;font-family:var(--mono);font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:2px;color:var(--lime);margin-bottom:16px}.label-tag::before{content:"//";opacity:.5}.section-h2{font-family:var(--display);font-size:clamp(28px, 4vw, 48px);font-weight:800;letter-spacing:-1px;color:var(--text);margin-bottom:12px;line-height:1.1}.section-h2 em{font-style:italic;font-family:var(--serif);color:var(--lime);font-weight:400}.section-lead{font-size:16px;color:var(--muted);max-width:520px;line-height:1.8;margin-bottom:56px}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border);border:1px solid var(--border);border-radius:var(--r);overflow:hidden}@media (max-width:900px){.features-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.features-grid{grid-template-columns:1fr}}.feat{background:var(--bg);padding:28px 24px;transition:.2s;position:relative;overflow:hidden}.feat::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 0 0,rgba(163,230,53,.06) 0,transparent 60%);opacity:0;transition:.3s}.feat:hover::before{opacity:1}.feat:hover{background:var(--bg2)}.feat-icon{width:40px;height:40px;border-radius:10px;background:rgba(163,230,53,.08);border:1px solid rgba(163,230,53,.15);display:flex;align-items:center;justify-content:center;font-size:18px;margin-bottom:16px;color:var(--lime)}.feat-title{font-family:var(--display);font-size:15px;font-weight:700;color:var(--text);margin-bottom:6px}.feat-desc{font-size:13px;color:var(--muted);line-height:1.7}.feat-tag{display:inline-block;margin-top:10px;font-family:var(--mono);font-size:10px;color:var(--lime);background:rgba(163,230,53,.08);border:1px solid rgba(163,230,53,.12);padding:2px 8px;border-radius:4px}.demo-section{background:var(--bg2);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:100px 40px}@media (max-width:768px){.demo-section{padding:100px 10px}}.demo-controls-panel{display:flex;flex-direction:column;gap:12px;padding:24px;background:var(--bg);border:1px solid var(--border);border-radius:var(--r)}.ctrl-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.ctrl-label{font-family:var(--mono);font-size:11px;color:var(--muted)}.ctrl-toggle{display:flex;gap:4px}.ctrl-btn{padding:5px 12px;border-radius:5px;border:1px solid var(--border2);background:0 0;color:var(--muted);font-family:var(--mono);font-size:11px;cursor:pointer;transition:.15s}.ctrl-btn.active,.ctrl-btn:hover{background:rgba(163,230,53,.1);color:var(--lime);border-color:rgba(163,230,53,.25)}.demo-slider-wrap{border:1px solid var(--border);border-radius:var(--r);overflow:hidden;background:var(--bg3)}.hp-output-section{font-family:var(--mono);font-size:11px;color:var(--muted);margin-top:10px;padding:8px 12px;background:var(--bg2);border:1px solid var(--border);border-radius:6px}.demo-label-tag{font-family:var(--mono);font-size:11px;color:var(--muted);margin-bottom:8px;text-transform:uppercase;letter-spacing:1.5px}.reveal{opacity:0;transform:translateY(30px);transition:.7s ease}.reveal.visible{opacity:1;transform:none}.reveal.in{opacity:1;transform:none}.reveal-delay-1{transition-delay:0.1s}.reveal-delay-2{transition-delay:0.2s}.reveal-delay-3{transition-delay:0.3s}.hr{border:none;border-top:1px solid var(--border);margin:8px 0}.step{background:var(--bg2);border:1px solid var(--border);border-radius:var(--r);padding:28px;position:relative}.step-num{font-family:var(--display);font-size:48px;font-weight:800;color:rgba(163,230,53,.15);letter-spacing:-2px;display:block;margin-bottom:8px;line-height:1}.step-title{font-size:15px;font-weight:700;color:var(--text);margin-bottom:8px}.step-desc{font-size:13px;color:var(--muted);line-height:1.7}.step-code{margin-top:14px;background:var(--bg);border:1px solid var(--border);border-radius:var(--rsm);padding:10px 12px;font-family:var(--mono);font-size:11px;color:#a3e635;overflow-x:auto;white-space:nowrap}.dslide{height:300px;display:flex;align-items:center;justify-content:center;font-family:var(--display);font-size:20px;font-weight:800;color:var(--text-white);border-radius:10px;letter-spacing:-1px;position:relative;overflow:hidden;background:var(--slide-3)}.dslide::after{content:attr(data-num);position:absolute;right:20px;bottom:12px;font-family:var(--mono);font-size:11px;color:rgba(255,255,255,.35);font-weight:400;letter-spacing:1px}@media (max-width:768px){.dslide{height:200px}}.compare-strip{background:linear-gradient(135deg,var(--bg2) 0,rgba(163,230,53,.03) 100%);border:1px solid var(--border);border-radius:var(--r);padding:40px;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;margin-top:0}.compare-strip h3{font-family:var(--display);font-size:22px;font-weight:800;color:var(--text);letter-spacing:-.5px}.compare-strip p{font-size:14px;color:var(--muted);margin-top:4px}.faq-list{display:flex;flex-direction:column;gap:0}.faq-item{border-bottom:1px solid var(--border);overflow:hidden}.faq-item:last-child{border-bottom:none}.faq-q{width:100%;text-align:left;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 0;background:0 0;border:none;cursor:pointer;font-family:var(--display);font-size:15px;font-weight:600;color:var(--text);transition:.2s}.faq-q:hover{color:var(--lime)}.faq-arrow{width:24px;height:24px;border-radius:50%;border:1px solid var(--border2);display:flex;align-items:center;justify-content:center;font-size:14px;color:var(--muted);flex-shrink:0;transition:.2s}.faq-item.open .faq-arrow{transform:rotate(45deg);border-color:var(--lime);color:var(--lime)}.faq-a{display:none;padding:0 0 20px;font-size:14px;color:var(--muted);line-height:1.8}.faq-item.open .faq-a{display:block}.faq-a code{font-family:var(--mono);font-size:12px;background:rgba(255,255,255,.05);padding:1px 6px;border-radius:4px;color:var(--lime)}.site-footer{border-top:1px solid var(--border);padding:40px 0;background:var(--bg2)}.copyright-link{color:var(--lime);text-decoration:none}.copyright-link:hover{color:var(--lime);text-decoration:underline}.footer-inner{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:40px}@media (max-width:720px){.footer-inner{grid-template-columns:1fr 1fr;gap:32px}}@media (max-width:480px){.footer-inner{grid-template-columns:1fr}}.footer-brand .logo{font-family:var(--display);font-size:20px;font-weight:800;color:var(--lime);text-decoration:none;display:block;margin-bottom:10px}.footer-brand p{font-size:12px;color:var(--muted);line-height:1.7;max-width:200px}.footer-col h4{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:var(--dim);margin-bottom:12px;font-family:var(--mono)}.footer-col a{display:block;font-size:13px;color:var(--muted);text-decoration:none;padding:3px 0;transition:.15s}.footer-col a:hover{color:var(--lime)}.footer-bottom{border-top:1px solid var(--border);padding-top:24px;margin-top:24px}.footer-bottom p{font-family:var(--mono);font-size:11px;color:var(--dim);text-align:center}.docs-sidebar{position:fixed;left:0;top:60px;bottom:0;width:260px;background:var(--bg2);border-right:1px solid var(--border);overflow-y:auto;z-index:100;display:flex;flex-direction:column;padding-bottom:24px}.docs-sidebar::-webkit-scrollbar{width:4px}.docs-sidebar::-webkit-scrollbar-track{background:0 0}.docs-sidebar::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.sidebar-logo{padding:24px 20px 20px;border-bottom:1px solid var(--border);margin-bottom:8px}.sidebar-logo .logo-text{font-family:var(--display);font-size:22px;font-weight:900;color:var(--lime);letter-spacing:-.5px}.sidebar-logo .logo-sub{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:1.5px;margin-top:2px}.sidebar-section-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:2px;color:var(--text-dim);padding:16px 20px 6px}.sidebar-link{display:flex;align-items:center;gap:8px;padding:7px 20px;color:var(--text-muted);text-decoration:none;font-size:13.5px;border-left:2px solid transparent;transition:var(--transition)}.sidebar-link:hover{background:var(--lime);color:var(--bg);border-left-color:var(--border)}.sidebar-link.active{background:var(--lime);color:var(--bg);border-left-color:var(--accent)}.sidebar-link .bi{font-size:13px;opacity:.7}.docs-main{margin-left:260px;min-height:100vh}.doc-footer{margin-left:260px}@media (max-width:900px){.docs-sidebar{transform:translateX(-100%);transition:transform .25s ease}.docs-sidebar.open{transform:translateX(0)}.docs-main{margin-left:0}.doc-footer{margin-left:0}}.section-hero{background:var(--bg2);padding:80px 40px 60px;border-bottom:1px solid var(--border);position:relative;overflow:hidden}@media (max-width:768px){.section-hero{padding:60px 20px 40px 20px}}.hero-tag{display:inline-flex;align-items:center;gap:6px;font-size:11px;text-transform:uppercase;letter-spacing:2px;color:var(--accent);background:rgba(110,231,183,.08);border:1px solid rgba(110,231,183,.15);padding:5px 14px;border-radius:20px;margin-bottom:20px;font-family:"DM Mono",monospace}.hero-title{font-family:var(--display);font-size:clamp(36px, 5vw, 60px);font-weight:900;line-height:1.1;color:var(--text);margin-bottom:16px}.hero-title em{color:var(--lime);font-style:normal}.hero-desc{font-size:16px;color:var(--text-muted);max-width:560px;line-height:1.8}.hero-stats{display:flex;gap:32px;margin-top:40px;flex-wrap:wrap}.stat-item{text-align:center}.stat-num{font-family:var(--display);font-size:28px;font-weight:800;color:var(--lime);display:block}.stat-num em{font-style:normal;color:var(--text)}.stat-label{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px}.docs-section{padding:60px 40px 40px;border-bottom:1px solid var(--border)}@media (max-width:768px){.docs-section{padding:60px 12px 20px}}.docs-section:last-child{border-bottom:none}.anchor-target{scroll-margin-top:70px}.section-divider{height:1px;background:var(--border);margin:32px 0}.section-title{font-family:Fraunces,serif;font-size:28px;font-weight:700;color:var(--text);margin-bottom:6px;line-height:1.2}.section-subtitle{font-size:14px;color:var(--text-muted);margin-bottom:32px;line-height:1.7}.option-title{font-family:Fraunces,serif;font-size:22px;font-weight:700;color:var(--text);margin-bottom:4px}.option-subtitle{font-size:13px;color:var(--text-muted);margin-bottom:24px}.demo-card-header{padding:16px 20px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.demo-card-title{font-size:14px;font-weight:600;color:var(--text);display:flex;align-items:center;flex-wrap:wrap;gap:8px}.demo-card-title .badge-opt{font-family:var(--display);font-size:11px;background:rgba(129,140,248,.12);color:var(--accent2);border:1px solid rgba(129,140,248,.2);padding:2px 8px;border-radius:4px}.demo-card-body{padding:24px}@media (max-width:768px){.demo-card-body{padding:12px}}.index-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;margin-top:24px}.index-card{background:var(--bg3);border:1px solid var(--border);border-radius:var(--radius-sm);padding:14px 16px;text-decoration:none;color:var(--text-muted);font-size:13px;transition:var(--transition);display:flex;align-items:center;gap:10px}.index-card:hover{color:var(--text-white);border-color:rgba(110,231,183,.25);background:var(--lime)}.index-card .bi{font-size:15px;color:var(--accent2)}.code-block{position:relative}.code-block pre{margin:0;border:1px solid var(--border);border-radius:8px;box-shadow:var(--shadow-sm);font-size:.85rem;position:relative}.copy-btn{position:absolute;top:.5rem;right:.5rem;background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:.3rem .8rem;font-size:.75rem;font-weight:600;color:var(--text);cursor:pointer;transition:var(--transition);display:flex;align-items:center;gap:.3rem;z-index:10;box-shadow:var(--shadow-sm);opacity:0;visibility:hidden}.copy-btn:hover{background:var(--lime);color:var(--bg);border-color:var(--border)}.copy-btn.copied{background:#10b981;color:#fff;border-color:#10b981}.code-block:hover .copy-btn{opacity:1;visibility:visible}.overflow-x-auto{overflow-x:auto;margin-bottom:24px}.option-table{width:100%;border-collapse:collapse;font-size:13px;margin-bottom:24px}.option-table th{text-align:left;padding:8px 14px;background:var(--bg3);color:var(--text-muted);font-size:11px;text-transform:uppercase;letter-spacing:1.2px;font-weight:600;border-bottom:1px solid var(--border)}.option-table td{padding:10px 14px;border-bottom:1px solid var(--border);vertical-align:top}.option-table tr:last-child td{border-bottom:none}.option-table tr:hover td{background:rgba(255,255,255,.015)}.opt-name{font-family:"DM Mono",monospace;color:var(--accent2);font-size:12px;white-space:nowrap}.opt-type{font-family:"DM Mono",monospace;color:var(--accent3);font-size:11px;white-space:nowrap}.opt-default{font-family:"DM Mono",monospace;color:#f78c6c;font-size:11px}.opt-desc{color:var(--text-muted);font-size:13px}.demo-tabs{display:flex;gap:4px;margin-bottom:0}.demo-tab{padding:6px 14px;font-size:12px;font-weight:500;border-radius:6px;cursor:pointer;border:1px solid var(--border);background:0 0;color:var(--text-muted);transition:var(--transition);font-family:"DM Mono",monospace}.demo-tab:hover{color:var(--text)}.demo-tab.active{background:var(--lime);color:var(--bg);border-color:var(--border)}.demo-btn{padding:6px 14px;font-size:12px;font-weight:500;border-radius:6px;cursor:pointer;border:1px solid var(--border);background:0 0;transition:var(--transition);font-family:"DM Mono",monospace;text-decoration:none;background:var(--lime);color:var(--bg);border-color:var(--border)}.demo-btn:hover{background-color:var(--lime2);transform:translateY(-.2px);box-shadow:0 2px 8px rgba(163,230,53,.35);color:var(--bg)}.tab-pane{display:none}.tab-pane.active{display:block}.demo-viewport{background:var(--bg3);border-radius:var(--radius-sm);margin-bottom:16px;min-height:120px;position:relative;padding-bottom:10px}@keyframes spin{to{transform:rotate(360deg)}}.demo-slide{border-radius:10px;height:250px;display:flex;align-items:center;justify-content:center;font-family:Fraunces,serif;font-size:32px;font-weight:900;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.4);position:relative;overflow:hidden}@media (max-width:768px){.demo-slide{height:200px}}.demo-slide .slide-label{position:absolute;bottom:12px;left:16px;font-family:"DM Mono",monospace;font-size:11px;color:rgba(255,255,255,.6);font-style:normal}.pagiflow-thumb:first-child,.slide-1{background:var(--slide-1)}.pagiflow-thumb:nth-child(2),.slide-2{background:var(--slide-2)}.pagiflow-thumb:nth-child(3),.slide-3{background:var(--slide-3)}.pagiflow-thumb:nth-child(4),.slide-4{background:var(--slide-4)}.pagiflow-thumb:nth-child(5),.slide-5{background:var(--slide-5)}.pagiflow-thumb:nth-child(6),.slide-6{background:var(--slide-6)}.pagiflow-thumb:nth-child(7),.slide-7{background:var(--slide-7)}.pagiflow-thumb:nth-child(8),.slide-8{background:var(--slide-8)}.pagiflow-thumb:nth-child(9),.slide-9{background:var(--slide-9)}.pagiflow-thumb:nth-child(10),.slide-10{background:var(--slide-10)}.slide-sm{height:120px;font-size:22px}.slide-tall{height:240px}.badge-type{display:inline-block;font-family:"DM Mono",monospace;font-size:10px;padding:2px 7px;border-radius:4px;vertical-align:middle}.badge-bool{background:rgba(244,114,182,.12);color:var(--accent3);border:1px solid rgba(244,114,182,.2)}.badge-num{background:rgba(247,140,108,.12);color:#f78c6c;border:1px solid rgba(247,140,108,.2)}.badge-str{background:rgba(195,232,141,.12);color:#c3e88d;border:1px solid rgba(195,232,141,.2)}.badge-obj{background:rgba(129,140,248,.12);color:var(--accent2);border:1px solid rgba(129,140,248,.2)}.method-card{background:var(--bg3);border:1px solid var(--border);border-radius:var(--radius-sm);padding:16px 18px;margin-bottom:12px;display:flex;align-items:flex-start;gap:16px}.method-icon{width:36px;height:36px;border-radius:8px;background:rgba(129,140,248,.1);border:1px solid rgba(129,140,248,.2);display:flex;align-items:center;justify-content:center;color:var(--accent2);font-size:15px;flex-shrink:0}.method-name{font-family:"DM Mono",monospace;font-size:13px;color:var(--accent2);margin-bottom:3px}.method-desc{font-size:13px;color:var(--muted);line-height:1.5}.method-returns{font-family:"DM Mono",monospace;font-size:11px;color:var(--accent);margin-top:4px}.demo-controls{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.ctrl-btn{padding:6px 14px;border-radius:6px;border:1px solid var(--border);background:var(--surface);color:var(--text-muted);font-size:12px;cursor:pointer;transition:var(--transition);font-family:"DM Mono",monospace;display:flex;align-items:center;gap:5px}.ctrl-btn:hover{color:var(--accent);border-color:rgba(110,231,183,.3)}.ctrl-btn.primary{background:rgba(110,231,183,.08);color:var(--accent);border-color:rgba(110,231,183,.25)}.info-box{background:rgba(129,140,248,.05);border:1px solid rgba(129,140,248,.15);border-left:3px solid var(--accent2);border-radius:var(--radius-sm);padding:12px 16px;font-size:13px;color:var(--muted);margin-bottom:20px}.info-box strong{color:var(--accent2)}.note-box{background:rgba(184,245,102,.04);border:1px solid rgba(184,245,102,.15);border-left:3px solid var(--lime);border-radius:var(--rsm);padding:14px 18px;font-size:13px;color:var(--muted);margin:20px 0}.note-box strong{color:var(--lime)}.warn-box{background:rgba(247,140,108,.05);border:1px solid rgba(247,140,108,.15);border-left:3px solid #f78c6c;border-radius:var(--radius-sm);padding:12px 16px;font-size:13px;color:var(--muted);margin-bottom:20px}.warn-box strong{color:#f78c6c}.output-display{background:var(--code-bg);border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px 14px;font-family:"DM Mono",monospace;font-size:12px;color:var(--accent);min-height:36px;margin-top:10px}.article-hero{margin-top:80px}.label-tag{display:inline-flex;align-items:center;gap:6px;font-family:var(--mono);font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:2px;color:var(--lime);margin-bottom:16px}.label-tag::before{content:"//";opacity:.5}.section-h2{font-family:var(--display);font-size:clamp(28px, 4vw, 48px);font-weight:800;letter-spacing:-1px;color:var(--text);margin-bottom:12px;line-height:1.1}.section-h2 em{font-style:italic;font-family:var(--serif);color:var(--lime);font-weight:400}.section-lead{font-size:16px;color:var(--muted);max-width:520px;line-height:1.8;margin-bottom:56px}.article-h1{font-family:var(--display);font-size:clamp(28px, 4.5vw, 56px);font-weight:800;letter-spacing:-1.5px;line-height:1.05;color:var(--text);margin-bottom:20px}.article-h1 em{font-style:italic;font-family:var(--serif);color:var(--lime);font-weight:400}.article-lead{font-size:16px;color:var(--muted);max-width:640px;line-height:1.8;margin-bottom:32px}.article-meta{display:flex;align-items:center;gap:20px;flex-wrap:wrap;font-family:var(--mono);font-size:11px;color:var(--muted)}.meta-chip{display:flex;align-items:center;gap:5px}.meta-chip::before{content:"";width:4px;height:4px;border-radius:50%;background:var(--lime)}.toc{background:var(--ink2);border:1px solid var(--border);border-radius:var(--r);padding:20px 24px;margin-bottom:48px;margin-top:60px}.toc-title{font-family:var(--mono);font-size:10px;text-transform:uppercase;letter-spacing:2px;color:var(--muted);margin-bottom:10px;font-weight:600}.toc-list{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:2px 24px}@media (max-width:560px){.toc-list{grid-template-columns:1fr}}.toc-list li a{font-size:13px;color:var(--muted);text-decoration:none;display:flex;align-items:center;gap:6px;padding:4px 0;transition:.15s}.toc-list li a::before{content:"→";font-size:11px;opacity:.35}.toc-list li a:hover{color:var(--lime)}.prose{margin-bottom:64px}.prose-h2{font-family:var(--display);font-size:clamp(22px, 3vw, 32px);font-weight:800;letter-spacing:-.5px;color:var(--text);margin-bottom:12px;display:flex;align-items:center;gap:12px}.prose-h2::before{content:attr(data-n);font-family:var(--mono);font-size:11px;color:var(--lime);background:rgba(163,230,53,.08);border:1px solid rgba(163,230,53,.15);padding:2px 8px;border-radius:4px;flex-shrink:0}.prose p{font-size:14.5px;color:var(--muted);line-height:1.85;margin-bottom:16px}.prose p:last-child{margin-bottom:0}.prose p strong{color:var(--text);font-weight:600}.prose a{color:var(--lime);text-decoration:none;border-bottom:1px solid rgba(163,230,53,.3);transition:.15s}.prose a:hover{border-bottom-color:var(--lime)}.prose code{font-family:var(--mono);font-size:12px;background:rgba(255,255,255,.06);padding:1px 6px;border-radius:4px;color:var(--lime)}.winner-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:32px 0}@media (max-width:680px){.winner-grid{grid-template-columns:1fr}}.winner-card{background:var(--ink2);border:1px solid var(--border);border-radius:var(--r);padding:20px 18px;transition:.2s}.winner-card:hover{border-color:var(--border2)}.winner-card.top{border-color:rgba(163,230,53,.25);background:rgba(163,230,53,.03)}.winner-badge{font-family:var(--mono);font-size:9px;text-transform:uppercase;letter-spacing:2px;margin-bottom:10px}.badge-winner{color:var(--lime)}.badge-runner{color:var(--amber)}.badge-special{color:var(--cyan)}.winner-lib{font-family:var(--display);font-size:18px;font-weight:800;color:var(--text);margin-bottom:6px}.winner-use{font-size:12px;color:var(--muted);line-height:1.6}.size-row{display:flex;align-items:center;gap:12px;margin-bottom:10px}.size-lib{width:120px;flex-shrink:0;font-size:13px;font-weight:600;color:var(--text)}.size-bar-wrap{flex:1;background:var(--ink3);border-radius:4px;height:8px;overflow:hidden}.size-bar{height:100%;border-radius:4px;transition:.6s ease}.size-pagiflow{background:var(--lime)}.size-swiper{background:#3b82f6}.size-slick{background:#f59e0b}.size-splide{background:#a78bfa}.size-glide{background:#34d399}.size-val{font-family:var(--mono);font-size:11px;color:var(--muted);width:60px;text-align:right;flex-shrink:0}.compare-scroll{overflow-x:auto;border:1px solid var(--border);border-radius:var(--r);margin:32px 0}.compare-table{width:100%;border-collapse:collapse;min-width:720px}.compare-table th{background:var(--ink2);padding:14px 16px;text-align:center;font-family:var(--mono);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:1.2px;color:var(--muted);border-bottom:2px solid var(--border);white-space:nowrap}.compare-table th:first-child{text-align:left;width:200px}.compare-table th.hl{color:var(--lime);background:rgba(163,230,53,.04);border-bottom-color:var(--lime)}.compare-table td{padding:11px 16px;text-align:center;border-bottom:1px solid var(--border);font-size:13px;color:var(--muted);vertical-align:middle}.compare-table td:first-child{text-align:left;font-weight:600;color:var(--text);font-size:13px}.compare-table tr:hover td{background:rgba(255,255,255,.015)}.compare-table td.hl{background:rgba(163,230,53,.03)}.v-yes{color:#4ade80;font-size:16px}.v-no{color:#52525b;font-size:16px}.v-partial{color:var(--amber);font-size:14px}.v-text{color:var(--text);font-weight:600}.v-best{color:var(--lime);font-weight:700;font-family:var(--mono);font-size:12px}.v-na{color:var(--dim);font-size:12px}.cat-row td{background:var(--ink3);font-family:var(--mono);font-size:10px;text-transform:uppercase;letter-spacing:2px;color:var(--dim);padding:8px 16px;border-bottom:1px solid var(--border)}.cat-row td:first-child{color:var(--dim)}.verdict-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:24px}@media (max-width:640px){.verdict-grid{grid-template-columns:1fr}}.verdict-card{background:var(--ink2);border:1px solid var(--border);border-radius:var(--r);padding:20px}.verdict-lib{font-family:var(--display);font-size:16px;font-weight:800;color:var(--text);margin-bottom:4px}.verdict-tagline{font-family:var(--mono);font-size:11px;color:var(--muted);margin-bottom:12px}.verdict-pros{list-style:none;margin-bottom:12px}.verdict-cons li,.verdict-pros li{font-size:12.5px;padding:3px 0;display:flex;align-items:flex-start;gap:6px;color:var(--muted)}.verdict-pros li::before{content:"✓";color:#4ade80;flex-shrink:0;margin-top:1px}.verdict-cons{list-style:none}.verdict-cons li::before{content:"✗";color:#f87171;flex-shrink:0;margin-top:1px}.verdict-score{display:flex;align-items:center;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid var(--border)}.score-dots{display:flex;gap:3px}.score-dot{width:8px;height:8px;border-radius:50%}.score-dot.on{background:var(--lime)}.score-dot.off{background:var(--border2)}.score-label{font-family:var(--mono);font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:1px}.faq-list{display:flex;flex-direction:column}.faq-item{border-bottom:1px solid var(--border)}.faq-q{width:100%;text-align:left;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 0;background:0 0;border:none;cursor:pointer;font-family:var(--display);font-size:15px;font-weight:600;color:var(--text);transition:.2s}.faq-q:hover{color:var(--lime)}.faq-arrow{width:22px;height:22px;border-radius:50%;border:1px solid var(--border2);display:flex;align-items:center;justify-content:center;font-size:13px;color:var(--muted);flex-shrink:0;transition:.2s}.faq-item.open .faq-arrow{transform:rotate(45deg);border-color:var(--lime);color:var(--lime)}.faq-a{display:none;padding:0 0 18px;font-size:13.5px;color:var(--muted);line-height:1.8}.faq-item.open .faq-a{display:block}.faq-a code{font-family:var(--mono);font-size:12px;background:rgba(255,255,255,.05);padding:1px 5px;border-radius:4px;color:var(--lime)}.cta-block{background:linear-gradient(135deg,var(--ink2) 0,rgba(163,230,53,.05) 100%);border:1px solid rgba(163,230,53,.2);border-radius:var(--r);padding:48px 40px;text-align:center;margin-top:64px}.cta-block h2{font-family:var(--display);font-size:clamp(24px, 3.5vw, 40px);font-weight:800;color:var(--text);margin-bottom:12px;letter-spacing:-.5px}.cta-block h2 em{color:var(--lime);font-style:italic;font-family:var(--serif)}.cta-block p{color:var(--muted);font-size:15px;margin-bottom:28px}.cta-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.btn-primary{display:inline-flex;align-items:center;gap:8px;background:var(--lime);color:var(--ink);padding:12px 28px;border-radius:8px;font-size:14px;font-weight:700;text-decoration:none;transition:.15s}.btn-primary:hover{background:var(--lime2);transform:translateY(-2px)}.btn-ghost{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--border2);color:var(--text);padding:12px 24px;border-radius:8px;font-size:14px;font-weight:600;text-decoration:none;transition:.15s;background:rgba(255,255,255,.03)}.btn-ghost:hover{border-color:var(--lime);color:var(--lime)}.btn-lime{display:inline-flex;align-items:center;gap:8px;background:var(--lime);color:#060608;padding:13px 32px;border-radius:10px;font-size:14px;font-weight:800;text-decoration:none;transition:.15s;letter-spacing:.2px}.btn-lime:hover{transform:translateY(-2px);box-shadow:0 8px 28px rgba(184,245,102,.3)}.pagiflow-nav{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none}.pagiflow-next,.pagiflow-prev{position:absolute;top:50%;transform:translateY(-50%);pointer-events:all;background:rgba(255,255,255,.1)!important;backdrop-filter:blur(8px)!important;border:1px solid rgba(255,255,255,.15)!important;color:#fff!important;width:38px;height:38px;border-radius:50%!important;font-size:20px!important;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:10}.pagiflow-prev{left:10px}.pagiflow-next{right:10px}.pagiflow-dot.active{background:var(--accent);width:24px;border-radius:4px}.pagiflow-thumb{border:none;height:80px}.pagiflow-thumb.active{border:2px solid var(--lime)}.page-wrap{max-width:1200px;margin:0 auto;padding:0 32px}@media (max-width:640px){.page-wrap{padding:0 16px}}.hero-grid-bg{position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:48px 48px;mask-image:radial-gradient(ellipse 80% 60% at 50% 0%,black 0%,transparent 100%)}.hero-glow{position:absolute;top:-200px;left:50%;transform:translateX(-50%);width:800px;height:500px;background:radial-gradient(ellipse,rgba(184,245,102,.06) 0,transparent 65%);pointer-events:none}[data-theme=light] .hero-grid-bg{background-image:linear-gradient(rgba(0,0,0,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.04) 1px,transparent 1px)}[data-theme=light] .hero-glow{background:radial-gradient(ellipse,rgba(92,184,0,.08) 0,transparent 65%)}.breadcrumb-row{display:flex;align-items:center;gap:8px;font-family:var(--mono);font-size:11px;color:var(--muted);margin-bottom:28px}.breadcrumb-row a{color:var(--muted);text-decoration:none;transition:.15s}.breadcrumb-row a:hover{color:var(--lime)}.breadcrumb-row .sep{opacity:.3}.hero-badge{display:inline-flex;align-items:center;gap:8px;font-family:var(--mono);font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:2px;color:var(--lime);background:var(--lime-dim);border:1px solid rgba(184,245,102,.2);padding:5px 14px;border-radius:20px;margin-bottom:24px}.hero-badge .blink{width:5px;height:5px;border-radius:50%;background:var(--lime);animation:pulse-dot 1.5s infinite}.hero-h1{font-family:var(--sans);font-weight:900;font-size:clamp(32px, 6vw, 72px);line-height:1;letter-spacing:-2.5px;color:var(--text);margin-bottom:24px}.hero-h1 em{font-family:var(--serif);font-style:italic;color:var(--lime);font-weight:400}.hero-lead{font-size:clamp(15px, 1.6vw, 18px);color:var(--muted);line-height:1.75;max-width:640px;margin-bottom:36px}.hero-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:48px}.chip{display:inline-flex;align-items:center;gap:6px;font-family:var(--mono);font-size:11px;color:var(--muted);background:var(--bg3);border:1px solid var(--border2);padding:5px 12px;border-radius:20px}.chip .dot{width:5px;height:5px;border-radius:50%;background:var(--lime)}.podium{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-top:24px}@media (max-width:700px){.podium{grid-template-columns:1fr}}.podium-card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--r);padding:22px 20px;position:relative;overflow:hidden;transition:border-color .3s,transform .3s var(--ease),box-shadow .3s}.podium-card::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 60%,rgba(255,255,255,.015) 100%)}.podium-card:hover{transform:translateY(-4px);box-shadow:0 20px 60px rgba(0,0,0,.3)}.podium-card.gold{border-color:rgba(132,204,22,.4);box-shadow:0 4px 20px rgba(132,204,22,.08)}.podium-card.gold::after{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--lime),transparent)}.podium-card.silver{border-color:rgba(251,191,36,.2)}.podium-card.bronze{border-color:rgba(56,189,248,.2)}.podium-medal{font-size:28px;margin-bottom:12px;display:block;line-height:1}.podium-rank{font-family:var(--mono);font-size:9px;text-transform:uppercase;letter-spacing:2px;margin-bottom:8px;display:block}.gold .podium-rank{color:var(--lime)}.silver .podium-rank{color:var(--amber)}.bronze .podium-rank{color:var(--cyan)}.podium-name{font-family:var(--sans);font-size:22px;font-weight:900;color:var(--text);letter-spacing:-.5px;margin-bottom:8px}.podium-desc{font-size:13px;color:var(--muted);line-height:1.6}.podium-medal i{font-size:24px}.gold i{color:#facc15}.silver i{color:#9ca3af}.bronze i{color:#d97706}.info i{color:#22c55e}.warn i{color:#f59e0b}.dead i{color:#ef4444}.section-block{padding:80px 0;border-top:1px solid var(--border)}.section-eyebrow{display:flex;align-items:center;gap:10px;margin-bottom:14px}.eyebrow-num{font-family:var(--mono);font-size:10px;font-weight:500;color:var(--lime);background:var(--lime-dim);border:1px solid rgba(184,245,102,.2);padding:2px 8px;border-radius:4px}.eyebrow-label{font-family:var(--mono);font-size:10px;text-transform:uppercase;letter-spacing:2px;color:var(--muted)}.section-h2{font-family:var(--sans);font-weight:900;font-size:clamp(24px, 3.5vw, 42px);letter-spacing:-1.2px;line-height:1.1;color:var(--text);margin-bottom:14px}.section-h2 em{font-family:var(--serif);font-style:italic;color:var(--lime);font-weight:400}.section-lead{font-size:15px;color:var(--muted);line-height:1.8;max-width:580px;margin-bottom:40px}.toc-card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--r);padding:24px 28px;margin-bottom:0;display:grid;grid-template-columns:1fr 1fr;gap:4px 32px}@media (max-width:560px){.toc-card{grid-template-columns:1fr}}.toc-title{font-family:var(--mono);font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:2px;color:var(--dim);grid-column:1/-1;margin-bottom:10px}.toc-card a{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--muted);text-decoration:none;padding:6px 0;transition:.15s;border-bottom:1px solid transparent;font-weight:500}.toc-card a:hover{color:var(--lime)}.toc-card a::before{content:"";width:3px;height:3px;border-radius:50%;background:var(--dim);flex-shrink:0;transition:.15s}.toc-card a:hover::before{background:var(--lime)}.size-viz{background:var(--bg2);border:1px solid var(--border);border-radius:var(--r);padding:32px;margin:32px 0}.size-row{display:flex;align-items:center;gap:16px;margin-bottom:18px}.size-row:last-child{margin-bottom:0}.size-lib{width:100px;flex-shrink:0;font-size:13px;font-weight:700;color:var(--text)}.size-track{flex:1;height:10px;background:var(--bg4);border-radius:5px;overflow:hidden;position:relative}.size-fill{height:100%;border-radius:5px;transform:scaleX(0);transform-origin:left;transition:transform 1.2s var(--ease)}.size-fill.animate{transform:scaleX(1)}.fill-pagiflow{background:linear-gradient(90deg,var(--lime),#d4f77e);width:8%}.fill-glide{background:linear-gradient(90deg,#34d399,#6ee7b7);width:16%}.fill-splide{background:linear-gradient(90deg,#a78bfa,#c4b5fd);width:30%}.fill-slick{background:linear-gradient(90deg,var(--amber),#fcd34d);width:36%}.fill-swiper{background:linear-gradient(90deg,var(--rose),#fca5a5);width:95%}.fill-owl{background:var(--amber);width:30.7%}.size-val{font-family:var(--mono);font-size:12px;font-weight:500;width:64px;text-align:right;flex-shrink:0;color:var(--muted)}.size-val.best{color:var(--lime);font-weight:700}.compare-table thead th.owl-h{color:var(--amber)}.v-warn{color:var(--rose);font-weight:500}.legend{display:flex;align-items:center;gap:20px;flex-wrap:wrap;font-family:var(--mono);font-size:11px;color:var(--muted);background:var(--bg2);border:1px solid var(--border);border-radius:var(--rsm);padding:12px 16px;margin-bottom:20px}.legend span{display:flex;align-items:center;gap:5px}.legend i{font-size:16px;vertical-align:middle}.v-yes i{color:#22c55e}.v-no i{color:#ef4444}.v-part i{color:#f59e0b}.verdict-card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--r);padding:24px;transition:border-color .3s,transform .3s var(--ease),box-shadow .3s;position:relative;overflow:hidden}.verdict-card:hover{transform:translateY(-3px);box-shadow:0 16px 40px rgba(0,0,0,.25)}.verdict-card.featured{border-color:rgba(184,245,102,.25);background:linear-gradient(135deg,var(--bg2),rgba(184,245,102,.03))}.verdict-card.featured::before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 10%,var(--lime) 50%,transparent 90%)}.vcard-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:16px}.vcard-name{font-family:var(--sans);font-size:18px;font-weight:900;color:var(--text);letter-spacing:-.3px}.vcard-tagline{font-family:var(--mono);font-size:10px;color:var(--muted);margin-top:3px}.score-dots{display:flex;gap:4px;padding-top:2px}.sdot{width:9px;height:9px;border-radius:50%}.sdot.on{background:var(--lime);box-shadow:0 0 6px rgba(184,245,102,.5)}.sdot.off{background:var(--bg4)}.vcard-divider{height:1px;background:var(--border);margin:16px 0}.pros-cons{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (max-width:480px){.pros-cons{grid-template-columns:1fr}}.pcol-title{font-family:var(--mono);font-size:9px;text-transform:uppercase;letter-spacing:2px;margin-bottom:8px}.pros-col .pcol-title{color:#4ade80}.cons-col .pcol-title{color:var(--rose)}.pcol-list{list-style:none;display:flex;flex-direction:column;gap:6px}.pcol-list li{font-size:12px;color:var(--muted);line-height:1.5;display:flex;align-items:flex-start;gap:6px}.pcol-list.pros li::before{content:"✓";color:#4ade80;flex-shrink:0;font-size:11px;margin-top:1px}.pcol-list.cons li::before{content:"✗";color:var(--rose);flex-shrink:0;font-size:11px;margin-top:1px}.use-cases{display:flex;flex-direction:column;gap:1px}.use-case-row{display:grid;grid-template-columns:200px 1fr;gap:0;background:var(--bg2);border:1px solid var(--border);overflow:hidden;transition:.2s}.use-case-row:first-child{border-radius:var(--r) var(--r) 0 0}.use-case-row:last-child{border-radius:0 0 var(--r) var(--r)}.use-case-row:not(:last-child){border-bottom:none}.use-case-row:hover{background:var(--bg3)}.ucr-lib{padding:20px;border-right:1px solid var(--border);display:flex;flex-direction:column;justify-content:center;background:var(--bg1)}.ucr-lib-name{font-weight:900;font-size:15px;color:var(--text)}.ucr-lib-tag{font-family:var(--mono);font-size:10px;color:var(--muted);margin-top:2px}.ucr-content{padding:20px;font-size:13.5px;color:var(--muted);line-height:1.7}.ucr-content strong{color:var(--text)}@media (max-width:580px){.use-case-row{grid-template-columns:1fr}.ucr-lib{border-right:none;border-bottom:1px solid var(--border)}}.cta-block{position:relative;overflow:hidden;background:var(--bg2);border:1px solid var(--border);border-radius:20px;padding:60px 48px;text-align:center;margin:80px 0}.cta-block::before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 5%,var(--lime) 50%,transparent 95%)}.cta-glow{position:absolute;width:500px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(184,245,102,.07) 0,transparent 70%);top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none}.cta-h2{font-family:var(--sans);font-weight:900;font-size:clamp(24px, 4vw, 48px);letter-spacing:-1.5px;color:var(--text);margin-bottom:14px;position:relative}.cta-h2 em{font-family:var(--serif);font-style:italic;color:var(--lime);font-weight:400}.cta-p{font-size:16px;color:var(--muted);margin-bottom:32px;position:relative}.cta-btns{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;position:relative}.btn-ghost,.btn-primary,.btn-secondary,.mobile-cta,.nav-cta{min-height:48px;display:inline-flex;align-items:center;justify-content:center;padding:0 24px;border-radius:var(--rsm);transition:all .3s var(--ease-bounce, var(--ease));font-family:var(--sans);letter-spacing:.3px;font-weight:600;cursor:pointer}.btn-primary,.nav-cta{background-color:var(--lime);color:#064e3b;box-shadow:0 2px 10px rgba(163,230,53,.2)}.btn-primary:hover,.nav-cta:hover{background-color:var(--lime2);transform:translateY(-2px);box-shadow:0 8px 24px rgba(163,230,53,.35);color:#064e3b}.btn-ghost,.btn-secondary{min-height:48px;padding:0 24px;background-color:var(--bg3);color:var(--text);border:1px solid var(--border2)}.btn-ghost:hover,.btn-secondary:hover{background-color:var(--bg4);transform:translateY(-2px);box-shadow:var(--shadow-md);color:var(--text)}.demo-card,.podium-card,.step,.verdict-card{border-radius:var(--r);background:var(--bg2);border:1px solid var(--border);transition:all .4s var(--ease);box-shadow:var(--shadow-sm);padding:32px;display:flex;flex-direction:column}@media (max-width:768px){.demo-card,.podium-card,.step,.verdict-card{padding:12px}}.feat-title,.step-title{margin-top:16px;margin-bottom:8px;font-size:18px;font-weight:700;font-family:var(--display)}.demo-card:hover,.podium-card:hover,.step:hover,.verdict-card:hover{border-color:rgba(184,245,102,.4)}.feat{background:var(--bg);border:1px solid var(--border);transition:all .4s var(--ease);padding:32px}.feat:hover{box-shadow:var(--shadow-hover,0 16px 40px rgba(0,0,0,.1));border-color:rgba(184,245,102,.4)}.site-nav{background:var(--site-nav-bg,rgba(255,255,255,.8));backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--glass-border,var(--border));height:72px}.header-inner{height:72px}.sidebar-link{min-height:44px;display:flex;align-items:center;border-radius:var(--rsm);transition:all .2s var(--ease);margin-bottom:4px}.sidebar-link:hover{background:var(--bg3);padding-left:20px;color:var(--lime)}.sidebar-link.active{background:var(--lime-dim);color:var(--lime);border-left:3px solid var(--lime);padding-left:17px}.compare-table th{font-family:var(--display);font-weight:600;font-size:13px;padding:18px 16px}.compare-table td{padding:16px}.compare-table tr:hover td{background:var(--bg3)}.compare-table i{font-size:14px;vertical-align:middle}.v-yes i{color:#22c55e}.v-no i{color:#ef4444}.v-part i{color:#f59e0b}.v-warn{color:#f59e0b}.v-best{color:#22c55e;font-weight:600}.hero-h1,.hero-title,.section-h2,.section-title{font-family:var(--display);letter-spacing:-.04em}.api-buttons button{margin:4px}.demo-full{margin-bottom:2rem}.pagiflow-thumbnails{background:var(--bg1)}.mt-100{margin-top:100px}@media (max-width:768px){.mt-100{margin-top:50px}.api-buttons .btn{border-radius:4px!important}}#demo-images img{object-fit:cover;height:400px}@media (max-width:768px){#demo-images img{height:200px}}.docs-card-framework{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin-bottom:28px}.framework-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:25px 14px;background:#0f0f23;border-radius:10px;text-decoration:none;font-size:13px;font-weight:700;transition:all .2s ease}.docs-vanilla-js{color:#f7df1e;border:1px solid rgba(247,223,30,.3)}.docs-vanilla-js:hover{background:rgba(247,223,30,.1)}.docs-react{color:#61dafb;border:1px solid rgba(97,218,251,.3)}.docs-react:hover{background:rgba(97,218,251,.1)}.docs-vue{color:#41b883;border:1px solid rgba(65,184,131,.3)}.docs-vue:hover{background:rgba(65,184,131,.1)}.docs-svelte{color:#ff3e00;border:1px solid rgba(255,62,0,.3)}.docs-svelte:hover{background:rgba(255,62,0,.1)}.docs-solid{color:#446baf;border:1px solid rgba(68,107,175,.3)}.docs-solid:hover{background:rgba(68,107,175,.1)}.docs-angular{color:#ff4d6a;border:1px solid rgba(221,0,49,.3)}.docs-angular:hover{background:rgba(221,0,49,.1)}@media (max-width:1024px){.docs-card-framework{grid-template-columns:repeat(3,1fr)}}@media (max-width:576px){.docs-card-framework{grid-template-columns:repeat(2,1fr)}}.docs-main.demo-page .docs-section{display:none;opacity:0;transform:translateY(10px);transition:opacity .3s ease,transform .3s ease}.docs-main.demo-page .docs-section.active{display:block;opacity:1;transform:translateY(0)}.demo-window{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;overflow:hidden;box-shadow:0 1px 4px rgba(0,0,0,.2);margin-bottom:40px}.demo-header{padding:16px 24px;background:rgba(255,255,255,.03);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.demo-body{padding:24px}.showcase-card{position:relative;border-radius:16px;overflow:hidden;height:400px;box-shadow:0 10px 30px rgba(0,0,0,.3);transition:transform .4s ease}.showcase-card img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.showcase-overlay{position:absolute;bottom:0;left:0;right:0;padding:30px;background:linear-gradient(transparent,rgba(0,0,0,.8));color:#fff}.showcase-card:hover img{transform:scale(1.1)}@media (max-width:768px){.showcase-card{height:200px}}.code-window{background:#0d1117;border-radius:14px;overflow:hidden;border:1px solid rgba(255,255,255,.05)}.fw-tabs{gap:2px;background:rgba(0,0,0,.3);padding:8px 16px 0;border-bottom:1px solid rgba(255,255,255,.06);display:flex;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;white-space:nowrap;scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth}.fw-tabs::-webkit-scrollbar{display:none}.fw-tab{flex:0 0 auto;white-space:nowrap;padding:7px 16px;font-size:12px;font-weight:600;cursor:pointer;border:none;background:0 0;border-radius:6px 6px 0 0;color:#8b949e;transition:all .2s;display:flex;align-items:center;gap:6px;border-bottom:2px solid transparent;margin-bottom:-1px}.fw-tab .fw-dot{width:8px;height:8px;border-radius:50%}.fw-tab[data-fw=esm] .fw-dot,.fw-tab[data-fw=javaScript] .fw-dot{background:var(--vanilla)}.fw-tab[data-fw=react] .fw-dot{background:var(--react)}.fw-tab[data-fw=vue] .fw-dot{background:var(--vue)}.fw-tab[data-fw=svelte] .fw-dot{background:var(--svelte)}.fw-tab[data-fw=solid] .fw-dot{background:var(--solid)}.fw-tab[data-fw=angular] .fw-dot{background:var(--angular)}.fw-tab.active{color:#e6edf3;background:#0d1117}.fw-tab[data-fw=esm].active,.fw-tab[data-fw=javaScript].active{border-bottom-color:var(--vanilla)}.fw-tab[data-fw=react].active{border-bottom-color:var(--react)}.fw-tab[data-fw=vue].active{border-bottom-color:var(--vue)}.fw-tab[data-fw=svelte].active{border-bottom-color:var(--svelte)}.fw-tab[data-fw=solid].active{border-bottom-color:var(--solid)}.fw-tab[data-fw=angular].active{border-bottom-color:var(--angular)}.fw-pane{display:none}.fw-pane.active{display:block}.fw-pane pre{margin:0;padding:0;font-size:13px;line-height:1.6;overflow-x:auto;max-height:360px;overflow-y:auto}.framework-section{padding:64px 0}.fw-grid-top{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;margin-bottom:60px}.fw-card-new{background:var(--bg2);border-radius:8px;padding:24px;width:160px;height:160px;text-align:center;transition:all .4s cubic-bezier(.165, .84, .44, 1);text-decoration:none;color:#fff;border:1px solid rgba(255,255,255,.05);display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 0 3px rgba(0,0,0,.1)}.fw-card-new:hover{transform:translateY(-4px) scale(1.02);background:var(--bg2);border-color:rgba(255,255,255,.1)}.fw-card-new img,.fw-card-new svg{width:50px;height:50px;margin-bottom:20px;object-fit:contain}.fw-card-new span{display:block;font-family:Outfit,sans-serif;font-weight:500;font-size:15px;color:#a1a1aa;transition:color .3s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.fw-grid-bottom{display:flex;justify-content:center;align-items:center;gap:36px;flex-wrap:wrap;padding-top:20px}.fw-logo-bottom{height:36px;width:auto;opacity:.5;transition:all .3s ease;cursor:pointer}.fw-logo-bottom:hover{opacity:1;transform:scale(1.1)}