:root{--bg:#0a0b1e;--bg-alt:#0a0b1e;--bg-card:#12142b;--bg-card-hover:#1e2245;--surface:#1e2245;--text:#e8e8ef;--text-secondary:#9a9ab0;--text-muted:#5a5a72;--accent:#0ea5e9;--accent-hover:#38bdf8;--accent-glow:#0ea5e926;--accent2:#2dd4bf;--green:#2dd4bf;--green-light:#2dd4bf1a;--orange:#f97316;--orange-light:#f973161a;--red:#ef4444;--red-light:#ef44441a;--purple:#a855f7;--purple-light:#a855f71a;--cyan:#0ea5e9;--cyan-light:#0ea5e91a;--border:#1e2245;--border-hover:#2a2a42;--glass-bg:#12142ba6;--code-bg:#08080e;--code-text:#e8e8ef;--code-cm:#6b7280;--code-kw:#0ea5e9;--code-val:#2dd4bf;--code-str:#f97316;--code-num:#a855f7;--font-display:"Inter", "Bricolage Grotesque", Georgia, serif;--font-body:"Inter", "DM Sans", system-ui, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--section-py:100px;--container:1140px;--gutter:24px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--ease:cubic-bezier(.4, 0, .2, 1);--dur:.25s}[data-theme=light]{--bg:#f8faff;--bg-alt:#f8faff;--bg-card:#fff;--bg-card-hover:#f1f5f9;--surface:#f1f5f9;--text:#0f172a;--text-secondary:#475569;--text-muted:#64748b;--accent:#0ea5e9;--accent-hover:#0284c7;--accent-glow:#0ea5e91f;--border:#e2e8f0;--border-hover:#cbd5e1;--green:#0f766e;--green-light:#0f766e1a;--orange:#c2410c;--orange-light:#c2410c1a;--red:#b91c1c;--red-light:#b91c1c1a;--purple:#7e22ce;--purple-light:#7e22ce1a;--glass-bg:#ffffffbf;--code-bg:#f8fafc;--code-text:#0f172a;--code-cm:#64748b;--code-kw:#0284c7;--code-val:#0f766e;--code-str:#c2410c;--code-num:#7e22ce}@media (prefers-color-scheme:light){:root:not([data-theme=dark]){--bg:#f8faff;--bg-alt:#f8faff;--bg-card:#fff;--bg-card-hover:#f1f5f9;--surface:#f1f5f9;--text:#0f172a;--text-secondary:#475569;--text-muted:#64748b;--accent:#0ea5e9;--accent-hover:#0284c7;--accent-glow:#0ea5e91f;--border:#e2e8f0;--border-hover:#cbd5e1;--green:#0f766e;--green-light:#0f766e1a;--orange:#c2410c;--orange-light:#c2410c1a;--red:#b91c1c;--red-light:#b91c1c1a;--purple:#7e22ce;--purple-light:#7e22ce1a;--glass-bg:#ffffffbf;--code-bg:#f8fafc;--code-text:#0f172a;--code-cm:#64748b;--code-kw:#0284c7;--code-val:#0f766e;--code-str:#c2410c;--code-num:#7e22ce}}*,:before,:after{transition:background-color .2s var(--ease), border-color .2s var(--ease), color .15s var(--ease);box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased}body{font-family:var(--font-body);background:var(--bg);color:var(--text);line-height:1.6;overflow-x:hidden}img,svg{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}ul,ol{list-style:none}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text);font-weight:700;line-height:1.15}h1{font-size:clamp(2.5rem,6vw,4.25rem);font-weight:800}h2{font-size:clamp(1.75rem,4vw,2.75rem);font-weight:800}h3{font-size:1.25rem;font-weight:700}p{line-height:1.65}code,pre{font-family:var(--font-mono)}.gradient-text{background:linear-gradient(135deg, var(--accent) 0%, var(--purple) 100%);-webkit-text-fill-color:transparent;background-clip:text}.container{max-width:var(--container);padding:0 var(--gutter);margin:0 auto}.section{padding:var(--section-py) 0}.section-header{max-width:640px;margin-bottom:56px}.section-header.center{text-align:center;margin-left:auto;margin-right:auto}.section-label{font-family:var(--font-body);text-transform:uppercase;letter-spacing:.12em;color:var(--accent);margin-bottom:12px;font-size:.8125rem;font-weight:600}.section-title{margin-bottom:16px}.section-desc{color:var(--text-secondary);max-width:560px;font-size:1.0625rem}.section-header.center .section-desc{margin:0 auto}.site-nav{z-index:1000;-webkit-backdrop-filter:blur(20px);background:#0a0b1e8c;border:1px solid #ffffff17;border-radius:14px;width:min(92%,1060px);transition:background .25s,border-color .25s,box-shadow .25s;position:absolute;top:20px;left:50%;transform:translate(-50%);box-shadow:0 4px 24px #00000040}[data-theme=light] .site-nav{background:#ffffffb8;border-color:#00000012;box-shadow:0 4px 24px #00000012}.site-nav.scrolled{background:#0a0b1ee6;border-color:#ffffff1a;position:fixed;top:12px;box-shadow:0 8px 32px #0006}[data-theme=light] .site-nav.scrolled{background:#fffffff0;border-color:#00000017;box-shadow:0 8px 32px #0000001a}.nav-inner{justify-content:space-between;align-items:center;gap:16px;height:56px;padding:0 14px 0 18px;display:flex}.nav-logo{color:inherit;flex-shrink:0;align-items:center;gap:9px;text-decoration:none;display:flex}.nav-logo-img{object-fit:contain;border-radius:6px;flex-shrink:0;width:32px;height:32px;display:block}.nav-logo-text{font-family:var(--font-display);letter-spacing:-.02em;white-space:nowrap;font-size:1.15rem;font-weight:700}.nav-links{flex:1;justify-content:center;align-items:center;gap:6px;display:flex}.nav-links a{color:var(--text-secondary);white-space:nowrap;border-radius:8px;padding:6px 11px;font-size:.8375rem;font-weight:500;text-decoration:none;transition:color .15s,background .15s}.nav-links a:hover{color:var(--text);background:#ffffff0d}[data-theme=light] .nav-links a:hover{background:#0000000a}.nav-links a.nav-active{color:var(--text);background:#ffffff12}[data-theme=light] .nav-links a.nav-active{background:#0000000d}.nav-dropdown{align-items:center;display:inline-flex;position:relative}.nav-dropdown>a{align-items:center;gap:4px;display:inline-flex}.nav-dropdown-title{color:var(--text-secondary);white-space:nowrap;cursor:pointer;user-select:none;border-radius:8px;align-items:center;gap:5px;padding:6px 11px;font-size:.8375rem;font-weight:500;transition:color .15s,background .15s;display:inline-flex}.nav-dropdown-title:hover,.nav-dropdown:hover .nav-dropdown-title{color:var(--text);background:#ffffff0d}[data-theme=light] .nav-dropdown-title:hover,[data-theme=light] .nav-dropdown:hover .nav-dropdown-title{background:#0000000a}.nav-dropdown.is-open>.nav-dropdown-menu{display:flex}.nav-dropdown-title .nav-dropdown-fallback-link{color:inherit;font:inherit;pointer-events:none;border-radius:0;padding:0;text-decoration:none;background:0 0!important}.nav-dropdown-title .nav-dropdown-fallback-link:focus{pointer-events:auto;outline:2px solid var(--accent,#4f8ef7);outline-offset:2px;border-radius:3px}.nav-dropdown>a:after{content:"";opacity:.5;border-top:4px solid;border-left:3.5px solid #0000;border-right:3.5px solid #0000;width:0;height:0;margin-left:1px;display:inline-block}.nav-dropdown-menu{background:var(--bg-card);border:1px solid var(--border-color,#ffffff14);z-index:200;border-radius:10px;flex-direction:column;min-width:180px;padding:6px;display:none;position:absolute;top:calc(100% + 6px);left:50%;transform:translate(-50%);box-shadow:0 8px 24px #0000002e}.nav-dropdown-menu:before{content:"";height:6px;position:absolute;top:-6px;left:0;right:0}[data-theme=light] .nav-dropdown-menu{background:#fff;border-color:#00000014;box-shadow:0 8px 24px #0000001a}.nav-dropdown-menu a{color:var(--text-secondary);white-space:nowrap;border-radius:7px;padding:7px 12px;font-size:.8375rem;text-decoration:none;transition:background .12s,color .12s;display:block}.nav-dropdown-menu a:hover{color:var(--text);background:#ffffff12}[data-theme=light] .nav-dropdown-menu a:hover{background:#0000000d}.nav-dropdown:hover .nav-dropdown-menu,.nav-dropdown:focus-within .nav-dropdown-menu{display:flex}.nav-end{z-index:1001;flex-direction:row;flex-shrink:0;align-items:center;gap:8px;display:flex}.nav-links.open .nav-dropdown{flex-direction:column;align-items:flex-start;width:100%}.nav-links.open .nav-dropdown-title{cursor:pointer;border-bottom:1px solid #ffffff0d;justify-content:space-between;width:100%;padding:12px 16px;display:flex}.nav-links.open .nav-dropdown-menu{width:100%;box-shadow:none;background:0 0;border:none;padding:0 0 0 16px;display:none;position:static;transform:none}.nav-links.open .nav-dropdown-menu:before{display:none}.nav-links.open .nav-dropdown.is-open .nav-dropdown-menu{display:flex}.nav-links.open .nav-dropdown.is-open .nav-dropdown-title svg{transform:rotate(180deg)}.nav-drawer-theme{display:none}.theme-pill{cursor:pointer;-webkit-tap-highlight-color:transparent;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:100px;flex-direction:row;flex-shrink:0;align-items:center;gap:2px;padding:3px;display:flex}[data-theme=light] .theme-pill{background:#0000000a;border-color:#0000001a}.theme-pill-opt{color:var(--text-secondary);white-space:nowrap;border-radius:100px;flex-direction:row;align-items:center;gap:5px;padding:4px 9px;font-size:.75rem;font-weight:500;line-height:1;transition:background .15s,color .15s;display:flex}.theme-pill-opt svg{flex-shrink:0;display:block}[data-theme=dark] .theme-pill-opt[data-opt=dark],[data-theme=light] .theme-pill-opt[data-opt=light]{background:var(--accent,#06b6d4);color:#fff}#themeToggle .theme-pill-opt{gap:0;padding:5px 8px;font-size:0}#themeToggle .theme-pill-opt svg{width:14px;height:14px;display:block}.btn-nav{color:var(--text);white-space:nowrap;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:8px;align-items:center;gap:6px;padding:7px 14px;font-size:.8125rem;font-weight:500;text-decoration:none;transition:background .15s,border-color .15s;display:inline-flex}.btn-nav:hover{background:#ffffff1a;border-color:#ffffff2e}.btn-nav:visited{color:var(--text)}[data-theme=light] .btn-nav{color:var(--text);background:#0000000a;border-color:#0000001a}[data-theme=light] .btn-nav:hover{background:#00000014;border-color:#00000029}.mobile-toggle{cursor:pointer;background:0 0;border:none;flex-direction:column;justify-content:center;gap:5px;width:32px;height:32px;padding:4px;display:none}.mobile-toggle span{background:var(--text);border-radius:2px;width:18px;height:1.5px;transition:transform .2s,opacity .2s;display:block}.mobile-toggle.active span:first-child{transform:rotate(45deg)translate(4.5px,4.5px)}.mobile-toggle.active span:nth-child(2){opacity:0}.mobile-toggle.active span:nth-child(3){transform:rotate(-45deg)translate(4.5px,-4.5px)}.btn{border-radius:var(--radius-md);transition:all var(--dur) var(--ease);white-space:nowrap;border:none;align-items:center;gap:8px;padding:13px 26px;font-size:.9375rem;font-weight:600;display:inline-flex}.btn svg{flex-shrink:0;width:16px;height:16px}.btn-primary{background:var(--accent);color:#fff;box-shadow:0 0 20px #0ea5e94d}.btn-primary:hover{background:var(--accent-hover);transform:translateY(-1px);box-shadow:0 0 20px #0ea5e980}.btn-secondary{background:var(--surface);color:var(--text);border:1px solid var(--border)}.btn-secondary:hover{border-color:var(--border-hover);background:var(--bg-card)}.btn-ghost{color:var(--text-secondary);background:0 0;padding:13px 16px}.btn-ghost:hover{color:var(--text)}.btn-sm{border-radius:var(--radius-sm);padding:8px 16px;font-size:.8125rem}.btn-lg{padding:16px 32px;font-size:1rem}.badge{border:1px solid var(--border);color:var(--text-secondary);background:var(--bg-card);border-radius:100px;align-items:center;gap:8px;padding:6px 16px;font-size:.8125rem;font-weight:500;display:inline-flex}.badge .dot{background:var(--green);border-radius:50%;width:7px;height:7px;animation:2s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}@keyframes pulse-cyan{0%{box-shadow:0 0 #0ea5e966}70%{box-shadow:0 0 0 10px #0ea5e900}to{box-shadow:0 0 #0ea5e900}}.hero{text-align:center;min-height:100dvh;padding:140px var(--gutter) 80px;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.hero-brand-logo{flex-direction:column;align-items:center;gap:12px;margin-bottom:24px;display:flex}.hero-brand-logo img{filter:drop-shadow(0 4px 20px #0ea5e966);border-radius:12px}.hero-brand-logo .brand-text{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text);font-size:1.5rem;font-weight:800}.hero:before{content:"";background:radial-gradient(circle at center, var(--accent-glow) 0%, #06b6d40d 35%, transparent 60%);pointer-events:none;width:min(1000px,130vw);height:min(1000px,130vw);animation:10s ease-in-out infinite alternate orb-breathe;position:absolute;top:-15%;left:50%;transform:translate(-50%)}@keyframes orb-breathe{0%{opacity:.7;transform:translate(-50%)scale(1)}to{opacity:1;transform:translate(-50%)scale(1.08)}}.hero:after{content:"";opacity:.5;pointer-events:none;background-image:radial-gradient(circle,#ffffff08 1px,#0000 1px);background-size:40px 40px;position:absolute;inset:0;mask-image:radial-gradient(#000 20%,#0000 65%)}.hero>*{z-index:1;position:relative}.hero-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(24px);border-radius:var(--radius-xl);border:1px solid #ffffff1a;flex-direction:column;align-items:center;width:100%;max-width:900px;padding:64px 40px;transition:border-color .3s;display:flex;box-shadow:0 24px 80px #0006,inset 0 1px #fff3}.hero-card:hover{border-color:#0ea5e94d}.hero-status-bar{align-items:center;gap:12px;margin-bottom:24px;display:flex}.pulse-btn{animation:3s infinite pulse-cyan}.hero-title{letter-spacing:-.035em;margin-bottom:24px;font-size:clamp(3rem,8vw,5.25rem);font-weight:800;line-height:1.05}.hero-sub{color:var(--text-secondary);max-width:580px;margin:0 auto 40px;font-size:clamp(1.05rem,2vw,1.25rem);line-height:1.65}.hero-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:40px;display:flex}.install-block{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);justify-content:space-between;align-items:center;gap:12px;width:100%;max-width:520px;padding:12px 12px 12px 20px;display:flex}.install-block code{color:var(--green);white-space:nowrap;text-overflow:ellipsis;font-size:.875rem;overflow:hidden}.install-block button{background:var(--surface);border:1px solid var(--border);color:var(--text-muted);border-radius:var(--radius-sm);letter-spacing:.03em;text-transform:uppercase;transition:all var(--dur) var(--ease);flex-shrink:0;padding:6px 14px;font-size:.75rem;font-weight:600}.install-block button:hover{border-color:var(--accent);color:var(--accent)}.hero-links{justify-content:center;gap:24px;margin-top:20px;display:flex}.hero-links a{color:var(--text-muted);transition:color var(--dur);align-items:center;gap:6px;font-size:.8125rem;display:flex}.hero-links a:hover{color:var(--text)}.hero-links svg{width:16px;height:16px}.provider-bar{border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:48px 0}.provider-grid{flex-wrap:wrap;justify-content:center;align-items:center;gap:40px;display:flex}.provider-item{color:var(--text-secondary);align-items:center;gap:10px;font-size:.875rem;font-weight:600;display:flex}.provider-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.provider-bar-label{text-align:center;text-transform:uppercase;letter-spacing:.14em;color:var(--text-muted);margin-bottom:24px;font-size:.75rem;font-weight:600}.arch-visual{flex-direction:column;gap:0;max-width:700px;margin:0 auto;display:flex}.arch-tier{border:1px solid var(--border);align-items:center;gap:20px;padding:28px 32px;display:flex;position:relative}.arch-tier:first-child{border-radius:var(--radius-lg) var(--radius-lg) 0 0}.arch-tier:last-child{border-radius:0 0 var(--radius-lg) var(--radius-lg)}.arch-tier+.arch-tier{border-top:none}.arch-tier-icon{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:1.5rem;display:flex}.arch-tier-content{flex:1}.arch-tier-content h3{margin-bottom:4px;font-size:1.125rem}.arch-tier-content p{color:var(--text-secondary);margin:0;font-size:.875rem}.arch-tier-badge{font-family:var(--font-mono);white-space:nowrap;border-radius:100px;padding:4px 10px;font-size:.6875rem;font-weight:600}.arch-arrow{color:var(--text-muted);justify-content:center;padding:0;font-size:1.25rem;display:flex}.card{background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border);border-radius:var(--radius-lg);transition:all var(--dur) var(--ease);padding:32px;box-shadow:inset 0 1px #ffffff08}.card:hover{border-color:#0ea5e966;transform:translateY(-3px);box-shadow:0 12px 40px #0000004d,inset 0 1px #ffffff14}.card-icon{border-radius:var(--radius-md);justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:20px;font-size:1.25rem;display:flex}.card h3{margin-bottom:10px}.card p{color:var(--text-secondary);font-size:.9375rem}.feature-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.cost-grid{grid-template-columns:repeat(3,1fr);gap:20px;max-width:900px;margin:0 auto;display:grid}.cost-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);text-align:center;transition:all var(--dur) var(--ease);padding:32px}.cost-card.featured{border-color:var(--accent);background:linear-gradient(180deg, #6366f114 0%, var(--bg-card) 100%)}.cost-card:hover{transform:translateY(-2px)}.cost-price{font-family:var(--font-display);margin:16px 0 8px;font-size:2.5rem;font-weight:800}.cost-price.free{color:var(--green)}.cost-label{color:var(--text-muted);margin-bottom:20px;font-size:.8125rem}.cost-card h3{margin-bottom:8px;font-size:1rem}.cost-features{text-align:left}.cost-features li{color:var(--text-secondary);align-items:center;gap:8px;padding:6px 0;font-size:.875rem;display:flex}.cost-features li:before{content:"✓";color:var(--green);font-size:.75rem;font-weight:700}.quickstart{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);max-width:680px;margin:0 auto;padding:48px}.quickstart-step{gap:24px;padding:20px 0;display:flex}.quickstart-step:not(:last-child){border-bottom:1px solid var(--border)}.quickstart-num{font-family:var(--font-display);color:var(--accent);flex-shrink:0;padding-top:2px;font-size:1.5rem;font-weight:800;line-height:1}.quickstart-step h4{margin-bottom:8px;font-size:1rem}.quickstart-step p{color:var(--text-secondary);margin:0;font-size:.875rem}.quickstart-step code{background:var(--surface);border-radius:var(--radius-sm);color:var(--green);margin-top:8px;padding:6px 12px;font-size:.8125rem;display:inline-block}.stats-grid{text-align:center;grid-template-columns:repeat(4,1fr);gap:32px;display:grid}.stat-number{font-family:var(--font-display);background:linear-gradient(135deg, var(--accent), var(--accent2));-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:6px;font-size:2.75rem;font-weight:800;line-height:1.1}.stat-label{color:var(--text-secondary);font-size:.875rem}.site-footer{border-top:1px solid var(--border);padding:64px 0 32px}.footer-inner{max-width:var(--container);padding:0 var(--gutter);margin:0 auto}.footer-grid{grid-template-columns:2fr 1fr 1fr 1fr;gap:48px;margin-bottom:48px;display:grid}.footer-brand .nav-logo{margin-bottom:12px}.footer-brand p{color:var(--text-muted);max-width:260px;font-size:.875rem;line-height:1.6}.footer-col h4{font-family:var(--font-display);letter-spacing:.02em;margin-bottom:16px;font-size:.8125rem;font-weight:700}.footer-col a{color:var(--text-secondary);transition:color var(--dur) var(--ease);margin-bottom:10px;font-size:.875rem;display:block}.footer-col a:hover{color:var(--text)}.footer-bottom{border-top:1px solid var(--border);justify-content:space-between;align-items:center;padding-top:32px;display:flex}.footer-bottom p{color:var(--text-muted);font-size:.8125rem}.footer-social{gap:16px;display:flex}.footer-social a{color:var(--text-muted);transition:color var(--dur) var(--ease)}.footer-social a:hover{color:var(--text)}.footer-social svg{width:20px;height:20px}.cta-section{text-align:center;padding:100px var(--gutter);position:relative}.cta-section:before{content:"";background:radial-gradient(circle, var(--accent-glow) 0%, transparent 65%);pointer-events:none;width:700px;height:500px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.cta-section>*{z-index:1;position:relative}.cta-section h2{margin-bottom:16px}.cta-section p{color:var(--text-secondary);margin-bottom:40px;font-size:1.125rem}.alt-section{background:var(--bg-alt)}.code-block{background:var(--code-bg);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.code-header{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:14px 20px;display:flex}.code-dots{gap:6px;display:flex}.code-dots span{border-radius:50%;width:10px;height:10px}.code-dots span:first-child{background:#ef4444}.code-dots span:nth-child(2){background:#f59e0b}.code-dots span:nth-child(3){background:#22c55e}.code-filename{font-family:var(--font-mono);color:var(--text-muted);font-size:.75rem}.code-body{font-family:var(--font-mono);color:var(--code-text);padding:24px;font-size:.8125rem;line-height:1.9;overflow-x:auto}.code-body .cm{color:var(--code-cm)}.code-body .k{color:var(--code-kw)}.code-body .v{color:var(--code-val)}.code-body .s{color:var(--code-str)}.code-body .n{color:var(--code-num)}.reveal{opacity:0;transition:opacity .7s var(--ease), transform .7s var(--ease);transform:translateY(28px)}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-d1{transition-delay:80ms}.reveal-d2{transition-delay:.16s}.reveal-d3{transition-delay:.24s}.reveal-d4{transition-delay:.32s}.reveal-d5{transition-delay:.4s}.reveal-d6{transition-delay:.48s}.page-hero{text-align:center;background:var(--surface-elevated);border-bottom:1px solid var(--border);padding:80px 20px 48px}.page-hero h1{letter-spacing:-.03em;margin-bottom:16px;font-size:3rem;font-weight:800}.page-hero p{color:var(--text-secondary);max-width:560px;margin:0 auto;font-size:1.125rem}.explore-filter-bar{background:var(--glass-bg,#0a0b1e80);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border);border-radius:50px;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:32px;padding:12px 20px;display:flex;box-shadow:0 4px 20px #00000026,inset 0 1px #ffffff0d}[data-theme=light] .explore-filter-bar{background:#fff9;box-shadow:0 4px 20px #0000000d}.guide-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;display:grid}.guide-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:var(--radius-lg);transition:all var(--dur) var(--ease);padding:28px;display:block;box-shadow:inset 0 1px #ffffff08}.guide-card:hover{border-color:#0ea5e966;transform:translateY(-2px);box-shadow:0 12px 32px #0003,inset 0 1px #ffffff14}.guide-card h3{align-items:center;gap:8px;margin-bottom:8px;font-size:1rem;display:flex}.guide-card h3 svg{width:18px;height:18px;color:var(--accent);flex-shrink:0}.guide-card p{color:var(--text-secondary);font-size:.875rem}.status{border-radius:6px;padding:4px 10px;font-size:.75rem;font-weight:600;display:inline-block}.status-green{color:var(--green);background:var(--green-light)}.hw-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;display:grid}.hw-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:var(--radius-lg);transition:all var(--dur) var(--ease);padding:28px;box-shadow:inset 0 1px #ffffff08}.hw-card:hover{border-color:#0ea5e966;transform:translateY(-2px);box-shadow:0 12px 32px #0003,inset 0 1px #ffffff14}.hw-card-top{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.hw-card-icon{border-radius:var(--radius-md);background:var(--surface);justify-content:center;align-items:center;width:48px;height:48px;font-size:1.5rem;display:flex}.hw-card h3{margin-bottom:6px;font-size:1.0625rem}.hw-card p{color:var(--text-secondary);margin-bottom:16px;font-size:.875rem}.hw-card-meta{font-family:var(--font-mono);color:var(--text-muted);border-top:1px solid var(--border);padding-top:16px;font-size:.75rem}.tutorial-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;display:grid}.tutorial-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:var(--radius-lg);transition:all var(--dur) var(--ease);padding:32px;display:block;box-shadow:inset 0 1px #ffffff08}.tutorial-card:hover{border-color:#0ea5e966;transform:translateY(-3px);box-shadow:0 12px 32px #0003,inset 0 1px #ffffff14}.tutorial-card h3{color:var(--text);margin-bottom:12px;font-size:1.125rem;font-weight:700}.tutorial-card p{color:var(--text-secondary);font-size:.9375rem;line-height:1.6}.tutorial-flow{flex-direction:column;gap:32px;max-width:800px;margin:0 auto;display:flex}.tutorial-step{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:var(--radius-lg);padding:32px;box-shadow:inset 0 1px #ffffff08}.tutorial-step h3{color:var(--text);margin-bottom:16px;font-size:1.125rem}.tutorial-label{text-transform:uppercase;letter-spacing:.1em;color:var(--accent);margin-bottom:12px;font-size:.75rem;font-weight:600;display:inline-block}.quickstart-steps{max-width:720px;margin:0 auto}.wizard-step{max-width:720px;margin:0 auto 32px}.wizard-step-header{align-items:flex-start;gap:20px;margin-bottom:16px;display:flex}.wizard-step-num{font-family:var(--font-display);color:var(--accent);background:var(--accent-glow);border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.25rem;font-weight:800;display:flex}.wizard-step-header h3{margin-bottom:6px;font-size:1.125rem}.wizard-step-header p{color:var(--text-secondary);font-size:.9375rem}.wizard-tip{background:var(--cyan-light);border-radius:var(--radius-md);max-width:720px;color:var(--text-secondary);margin:12px auto 0;padding:14px 20px;font-size:.875rem;line-height:1.6}.wizard-tip strong{color:var(--cyan);font-weight:600}.wizard-after{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);max-width:720px;margin:48px auto 0;padding:36px}.wizard-after h3{margin-bottom:24px;font-size:1.125rem}.wizard-after-grid{flex-direction:column;gap:20px;display:flex}.wizard-after-item{align-items:flex-start;gap:16px;display:flex}.wizard-after-icon{border-radius:var(--radius-sm);background:var(--accent-glow);flex-shrink:0;justify-content:center;align-items:center;width:36px;min-width:36px;height:36px;display:flex}.wizard-after-icon svg{width:18px;height:18px;color:var(--accent)}.wizard-after-item strong{font-size:.9375rem;font-family:var(--font-mono);margin-bottom:4px;display:block}.wizard-after-item p{color:var(--text-secondary);margin:0;font-size:.875rem}.faq-item{border-bottom:1px solid var(--border);padding:24px 0}.faq-item:first-child{border-top:1px solid var(--border)}.faq-q{font-family:var(--font-display);margin-bottom:8px;font-size:1.0625rem;font-weight:700}.faq-a{color:var(--text-secondary);font-size:.9375rem;line-height:1.65}@media (width<=1024px){.feature-grid{grid-template-columns:repeat(2,1fr)}.cost-grid{grid-template-columns:1fr;max-width:400px}.stats-grid{grid-template-columns:repeat(2,1fr);gap:40px}.footer-grid{grid-template-columns:1fr 1fr}}@media (width<=768px){:root{--section-py:80px;--gutter:20px}.site-nav{border-radius:12px;width:calc(100% - 24px);top:10px}.site-nav.scrolled{top:8px}.nav-logo-text{display:none}.nav-links{z-index:999;background:var(--bg);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:2px;padding:12px 8px;display:none;position:fixed;top:70px;left:12px;right:12px;box-shadow:0 16px 48px #00000080}[data-theme=light] .nav-links{background:#fff}.nav-links.open{display:flex}.nav-links a{border-radius:8px;width:100%;padding:12px 14px;font-size:.9375rem}.nav-dropdown{flex-direction:column;width:100%}.nav-dropdown>a{width:100%}.nav-dropdown-menu{min-width:unset;box-shadow:none;border:none;border-left:2px solid var(--border);background:0 0;margin:2px 0 4px 14px;padding:0 0 0 16px;display:flex;position:static;transform:none}.nav-dropdown-menu a{padding:8px 10px;font-size:.875rem}.nav-end{flex-flow:row;align-items:center;gap:6px}.mobile-toggle{flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.btn-nav .btn-label{display:none}.btn-nav{justify-content:center;gap:0;min-width:44px;height:44px;padding:0 10px;color:var(--text)!important}#themeToggle .theme-pill-opt{gap:0;padding:5px 7px;font-size:0}#themeToggle .theme-pill-opt svg{width:14px;height:14px}.nav-drawer-theme{border-top:1px solid var(--border);justify-content:center;margin-top:4px;padding:10px 6px 4px;display:flex}#themeToggleMobile{border-radius:10px;width:100%;padding:4px}#themeToggleMobile .theme-pill-opt{border-radius:8px;flex:1;justify-content:center;padding:10px 8px;font-size:.9rem}.hero{min-height:auto;padding:120px var(--gutter) 64px}.hero-title{font-size:clamp(2.25rem,10vw,3.75rem)}.feature-grid{grid-template-columns:1fr}.arch-tier{flex-wrap:wrap;padding:20px}.arch-tier-badge{margin-top:8px}.footer-grid{grid-template-columns:1fr;gap:32px}.footer-bottom{text-align:center;flex-direction:column;gap:16px}.quickstart{padding:28px}.quickstart-step,.wizard-step-header{flex-direction:column;gap:12px}.wizard-after{padding:24px}.page-hero{padding:120px var(--gutter) 40px}}@media (width<=480px){.hero-actions{flex-direction:column;align-items:stretch}.hero-actions .btn{justify-content:center}.provider-grid{gap:20px}.install-block{text-align:center;flex-direction:column}.stats-grid{grid-template-columns:1fr 1fr}}.community-stats-bar{border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--bg-alt);padding:40px 0}.community-stats-grid{text-align:center;grid-template-columns:repeat(4,1fr);gap:32px;display:grid}.community-stat-number{font-family:var(--font-display);background:linear-gradient(135deg, var(--accent), var(--accent2));-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:6px;font-size:2.5rem;font-weight:800;line-height:1.1}.community-stat-label{color:var(--text-secondary);font-size:.875rem}.recipe-tags{flex-wrap:wrap;gap:6px;margin:12px 0 10px;display:flex}.recipe-tag{font-family:var(--font-mono);background:var(--surface);color:var(--text-secondary);border:1px solid var(--border);white-space:nowrap;border-radius:4px;padding:3px 8px;font-size:.6875rem;font-weight:600}.submit-cta-box{background:linear-gradient(135deg, #6366f11a 0%, var(--bg-card) 100%);border:1px solid var(--accent);border-radius:var(--radius-xl);align-items:flex-start;gap:28px;padding:48px;display:flex}.submit-cta-icon{flex-shrink:0;font-size:3rem;line-height:1}.submit-cta-content h2{margin-bottom:10px}.submit-cta-content p{color:var(--text-secondary);max-width:520px;font-size:1rem}.community-social-links{flex-wrap:wrap;justify-content:center;gap:16px;margin-top:32px;display:flex}.community-social-link{border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-secondary);background:var(--bg-card);transition:all var(--dur) var(--ease);align-items:center;gap:8px;padding:10px 20px;font-size:.875rem;font-weight:600;text-decoration:none;display:inline-flex}.community-social-link:hover{border-color:var(--accent);color:var(--text);transform:translateY(-1px)}.community-social-coming-soon{cursor:default;opacity:.5}.community-social-coming-soon:hover{border-color:var(--border);color:var(--text-secondary);transform:none}.steps{grid-template-columns:repeat(3,1fr);gap:32px;display:grid}.step{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:32px}.step-num{font-family:var(--font-display);color:var(--accent);margin-bottom:14px;font-size:2rem;font-weight:800}.step h3{margin-bottom:8px;font-size:1.125rem}.step p{color:var(--text-secondary);margin:0;font-size:.9375rem}.dark-section{background:var(--surface)}.dark-section .section-title{color:var(--text)}.bento{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;display:grid}.code-showcase{grid-template-columns:1fr 1fr;align-items:center;gap:64px;display:grid}.community-index-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:40px;display:grid}:root{--accent-light:#6366f11f;--blue-light:#06b6d41a}@media (width<=1024px){.community-stats-grid{grid-template-columns:repeat(2,1fr)}.code-showcase{grid-template-columns:1fr;gap:32px}.community-index-grid{grid-template-columns:1fr 1fr}}@media (width<=768px){.steps{grid-template-columns:1fr}.submit-cta-box{flex-direction:column;gap:16px;padding:28px}.community-stats-grid{grid-template-columns:repeat(2,1fr)}.community-index-grid{grid-template-columns:1fr}}@media (width<=480px){.community-stats-grid{grid-template-columns:1fr 1fr;gap:24px}.community-social-links{flex-direction:column;align-items:center}}.theme-toggle{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-card);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;z-index:1001;-webkit-tap-highlight-color:transparent;transition:border-color var(--dur) var(--ease), color var(--dur) var(--ease), background var(--dur) var(--ease), transform .1s ease, opacity .1s ease;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex;position:relative}.theme-toggle:hover{border-color:var(--accent);color:var(--accent)}.theme-toggle:active{opacity:.75;transform:scale(.92)}.theme-toggle .icon-sun{display:none}.theme-toggle .icon-moon,[data-theme=light] .theme-toggle .icon-sun{display:block}[data-theme=light] .theme-toggle .icon-moon{display:none}@media (width<=768px){.theme-toggle{border-radius:var(--radius-md);width:44px;height:44px}}