:root{--bg-primary: #0d1117;--bg-secondary: #161b22;--bg-tertiary: #21262d;--bg-card: rgba(33, 38, 45, .6);--bg-card-hover: rgba(48, 54, 61, .8);--text-primary: #e6edf3;--text-secondary: #8b949e;--text-tertiary: #6e7681;--accent: #3fb950;--accent-light: #56d364;--accent-dim: rgba(63, 185, 80, .15);--accent-2: #f0883e;--accent-2-dim: rgba(240, 136, 62, .15);--border-color: rgba(139, 148, 158, .15);--border-color-hover: rgba(139, 148, 158, .3)}[data-theme=light]{--bg-primary: #ffffff;--bg-secondary: #f6f8fa;--bg-tertiary: #eaeef2;--bg-card: rgba(246, 248, 250, .8);--bg-card-hover: rgba(234, 238, 242, .9);--text-primary: #1f2328;--text-secondary: #636c76;--text-tertiary: #8c959f;--accent: #2da44e;--accent-light: #1f8b3f;--accent-dim: rgba(45, 164, 78, .15);--accent-2: #d97706;--accent-2-dim: rgba(217, 119, 6, .15);--border-color: rgba(31, 35, 40, .12);--border-color-hover: rgba(31, 35, 40, .25)}:root{--section-padding: 100px;--container-max: 1100px;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "SF Mono", "Fira Code", "Consolas", monospace;--transition-fast: .15s ease;--transition-normal: .25s ease;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-family);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}.container{max-width:var(--container-max);margin:0 auto;padding:0 24px}.gradient-text{color:var(--accent)}.nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:12px 0;background:#0d111799;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-bottom:1px solid var(--border-color);transition:all var(--transition-normal)}[data-theme=light] .nav{background:#ffffffa6;border-bottom-color:#1f232826}[data-theme=light] .theme-switch,[data-theme=light] .lang-switch,[data-theme=light] .links-switch,[data-theme=light] .nav-github,[data-theme=light] .mobile-menu-toggle{background:#f6f8facc;border-color:#1f232826}[data-theme=light] .theme-switch:hover,[data-theme=light] .lang-switch:hover,[data-theme=light] .links-switch:hover,[data-theme=light] .nav-github:hover,[data-theme=light] .mobile-menu-toggle:hover{background:#eaeef2e6;border-color:var(--accent)}.nav-container{max-width:var(--container-max);margin:0 auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between;gap:24px}.nav-left{display:flex;align-items:center;gap:16px}.nav-logo{display:flex;align-items:center;gap:8px}.logo-text{font-size:1.25rem;font-weight:700;color:var(--text-primary)}.logo-icon{color:var(--accent)}.nav-links{display:flex;align-items:center;gap:28px}.nav-links a{font-size:.875rem;font-weight:500;color:var(--text-secondary);transition:color var(--transition-fast)}.nav-links a:hover{color:var(--text-primary)}.nav-links a.active{color:var(--accent)}.nav-actions{display:flex;align-items:center;gap:8px}.mobile-menu-toggle{display:none;background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;padding:6px;border-radius:var(--radius-sm);transition:all var(--transition-fast);width:32px;height:32px;align-items:center;justify-content:center}.mobile-menu-toggle:hover{color:var(--text-primary);border-color:var(--accent);background:var(--bg-secondary)}.mobile-menu-toggle .icon-close,.mobile-menu-toggle.active .icon-menu{display:none}.mobile-menu-toggle.active .icon-close{display:block}.mobile-menu{display:none;position:fixed;top:64px;left:0;right:0;background:var(--bg-primary);border-bottom:1px solid var(--border-color);padding:16px 0;flex-direction:column;gap:0;max-height:0;overflow:hidden;opacity:0;transition:all .3s ease;z-index:999}.mobile-menu.active{max-height:400px;opacity:1}.mobile-menu a{padding:12px 24px;font-size:.9rem;font-weight:500;color:var(--text-secondary);transition:all var(--transition-fast);border-left:3px solid transparent}.mobile-menu a:hover{color:var(--text-primary);background:var(--bg-secondary);border-left-color:var(--accent)}.mobile-menu a.active{color:var(--accent);border-left-color:var(--accent)}.hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:100px 0 80px;overflow:hidden}.hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.hero-gradient{position:absolute;top:0;left:50%;transform:translate(-50%);width:100%;height:60%;background:radial-gradient(ellipse 80% 50% at 50% 0%,rgba(63,185,80,.08) 0%,transparent 100%)}.hero-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(139,148,158,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(139,148,158,.03) 1px,transparent 1px);background-size:48px 48px;-webkit-mask-image:linear-gradient(to bottom,transparent,black 10%,black 50%,transparent);mask-image:linear-gradient(to bottom,transparent,black 10%,black 50%,transparent)}.hero-content{position:relative;text-align:center;z-index:1}.hero-badge{display:inline-block;padding:6px 14px;font-size:.8rem;font-weight:500;color:var(--text-secondary);background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:100px;margin-bottom:28px;animation:fadeInUp .5s ease}[data-theme=light] .hero-badge{background:#eaeef2;border-color:#1f232826}[data-theme=light] .hero-grid{background-image:linear-gradient(rgba(31,35,40,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(31,35,40,.06) 1px,transparent 1px)}.hero-title{font-size:clamp(3.5rem,10vw,6rem);font-weight:800;letter-spacing:-.04em;line-height:1;margin-bottom:20px;animation:fadeInUp .5s ease .1s both;min-height:1.2em;text-wrap:balance}.hero-title .logo-text{font-size:inherit;font-weight:inherit;color:var(--text-primary)}.hero-title .gradient-text{color:var(--text-primary)}.hero-subtitle{font-size:clamp(1rem,2vw,1.2rem);color:var(--text-secondary);max-width:540px;margin:0 auto 32px;animation:fadeInUp .5s ease .15s both;min-height:3.6em;display:flex;flex-direction:column;justify-content:center;display:block;padding-top:.5em}.hero-subtitle strong{color:var(--accent);font-weight:600}.hero-command{display:inline-flex;flex-direction:column;align-items:stretch;gap:12px;padding:12px 20px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);font-family:var(--font-mono);font-size:1rem;margin-bottom:32px;animation:fadeInUp .5s ease .2s both}.hero-command-tabs{display:inline-flex;align-items:center;gap:6px;padding:4px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:999px}[data-theme=light] .hero-command{background:#f6f8fa;border-color:#1f232826}[data-theme=light] .hero-command-tabs{background:#eaeef2;border-color:#1f23281f}.hero-command-tab{padding:4px 10px;font-size:.75rem;font-weight:600;color:var(--text-secondary);background:transparent;border:1px solid transparent;border-radius:999px;cursor:pointer;transition:all var(--transition-fast)}.hero-command-tab:hover{color:var(--text-primary)}.hero-command-tab.is-active{color:#0d1117;background:var(--accent);border-color:var(--accent)}[data-theme=light] .hero-command-tab.is-active{color:#fff}.hero-command-line{display:flex;align-items:center;gap:12px}.hero-command code{color:var(--accent);min-width:180px;display:inline-block}.copy-btn{display:flex;align-items:center;gap:4px;padding:6px 10px;font-size:.8rem;font-weight:500;color:var(--text-secondary);background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.copy-btn:hover{color:var(--text-primary);border-color:var(--border-color-hover)}.copy-btn.copied{color:var(--accent);border-color:var(--accent)}[data-theme=light] .copy-btn{background:#eaeef2;border-color:#1f232826}[data-theme=light] .copy-btn:hover{background:#d8dee4;border-color:#1f232840}.hero-cta{display:flex;align-items:center;justify-content:center;gap:12px;animation:fadeInUp .5s ease .25s both}.btn{display:inline-flex;align-items:center;gap:6px;padding:10px 20px;font-size:.9rem;font-weight:600;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-normal)}.btn-primary{background:var(--accent);color:#0d1117;border:none}[data-theme=light] .btn-primary{color:#fff}.btn-primary:hover{background:var(--accent-light)}.btn-secondary{background:transparent;color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background:var(--bg-tertiary);border-color:var(--border-color-hover)}.section{padding:var(--section-padding) 0}.section-header{text-align:center;margin-bottom:56px}.section-title{font-size:clamp(1.75rem,4vw,2.25rem);font-weight:700;margin-bottom:12px}.section-subtitle{font-size:1rem;color:var(--text-secondary);max-width:560px;margin:0 auto}.pain-solutions{background:var(--bg-secondary);border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color)}.pain-solution-rows{display:grid;gap:24px}.pain-solution-row{display:grid;grid-template-columns:minmax(280px,360px) minmax(0,1fr);gap:24px;align-items:stretch}.solution-stack{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));align-items:stretch}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;min-height:28px}.pair-label{display:inline-flex;align-items:center;padding:4px 12px;border-radius:999px;font-size:.65rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;border:1px solid transparent}.card-icon{font-size:2.5rem;line-height:1;margin-bottom:16px}.pain-card{position:relative;display:flex;flex-direction:column;padding:24px;background:var(--bg-primary);border:2px solid var(--border-color);border-left:4px solid var(--accent-2);border-radius:var(--radius-lg);transition:all var(--transition-normal);min-height:200px}.pain-solutions .pain-card{background:var(--bg-tertiary)}.pain-card:hover{border-color:var(--accent-2);border-left-color:var(--accent-2);transform:translate(-2px);box-shadow:0 4px 12px #f0883e26}[data-theme=light] .pain-card{background:#fafbfc;border-color:#1f232826;border-left-color:var(--accent-2)}[data-theme=light] .pain-card:hover{box-shadow:0 4px 12px #d9770626}.pain-card h3{font-size:1.05rem;font-weight:700;margin-bottom:12px;color:var(--text-primary);line-height:1.3}.pain-card p{font-size:.875rem;color:var(--text-secondary);line-height:1.7;margin:0}.pain-card .pair-label{color:var(--accent-2);background:var(--accent-2-dim);border-color:#f0883e4d}.feature-card{position:relative;display:flex;flex-direction:column;padding:24px;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:var(--radius-lg);transition:all var(--transition-normal);min-height:200px}.pain-solutions .feature-card{background:var(--bg-primary)}.feature-card:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 8px 20px #3fb9501f}.feature-card.featured{background:var(--accent-dim);border-color:#3fb95066;border-width:2px}.feature-card.featured:hover{border-color:var(--accent);box-shadow:0 8px 24px #3fb95033}.feature-card h3{font-size:1.05rem;font-weight:700;margin-bottom:12px;color:var(--text-primary);line-height:1.3}.feature-card p{font-size:.875rem;color:var(--text-secondary);line-height:1.7;margin:0;flex:1}.feature-card .pair-label{color:var(--accent);background:var(--accent-dim);border-color:#3fb9504d}.feature-tag{display:inline-flex;align-items:center;padding:4px 10px;font-size:.65rem;font-weight:700;color:#fff;background:var(--accent);border-radius:100px;letter-spacing:.02em;box-shadow:0 2px 8px #3fb95040}@media (max-width: 900px){.pain-solution-row{grid-template-columns:1fr;gap:16px}.pain-card{min-height:auto;border-left-width:3px}.feature-card{min-height:auto}.solution-stack{gap:12px}}.comparison{background:var(--bg-primary)}.comparison-block{margin-bottom:48px}.comparison-heading{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid var(--border-color)}.table-wrapper{overflow-x:auto;border-radius:var(--radius-lg);border:1px solid var(--border-color)}.comparison-table{width:100%;border-collapse:collapse;font-size:.85rem}.comparison-table th,.comparison-table td{padding:12px 16px;text-align:left;border-bottom:1px solid var(--border-color)}.comparison-table th{background:var(--bg-secondary);font-weight:600;color:var(--text-primary);white-space:nowrap}.comparison-table td{color:var(--text-secondary)}.comparison-table tbody tr:last-child td{border-bottom:none}.comparison-table tbody tr:hover{background:var(--bg-secondary)}.comparison-table.feature-table th:first-child,.comparison-table.feature-table td:first-child{font-weight:500;color:var(--text-primary)}.highlight-row{background:var(--accent-dim)}.highlight-row td{color:var(--text-primary)}.maturity-badge{display:inline-block;padding:3px 10px;font-size:.7rem;font-weight:600;border-radius:100px;font-family:var(--font-mono)}.maturity-badge.ready{background:#388bfd26;color:#58a6ff}.maturity-badge.early{background:var(--accent-dim);color:var(--accent)}.feature-yes{color:var(--accent)}.feature-no{color:var(--text-tertiary)}.feature-partial{color:#d29922}.feature-highlight{color:var(--accent);font-weight:600}.dx-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}@media (max-width: 768px){.dx-cards{grid-template-columns:1fr}}.dx-card{padding:20px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg)}.dx-card.highlight{border-color:var(--accent);background:var(--accent-dim)}.dx-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.dx-name{font-weight:600;font-size:.95rem;color:var(--text-primary)}.dx-badge{padding:3px 10px;font-size:.7rem;font-weight:600;color:var(--accent);background:var(--bg-primary);border-radius:100px;font-family:var(--font-mono)}.dx-metrics{display:flex;flex-direction:column;gap:12px}.dx-metric{display:flex;justify-content:space-between;align-items:center}.dx-label{font-size:.8rem;color:var(--text-tertiary)}.dx-value{font-size:.85rem;color:var(--text-secondary);font-family:var(--font-mono)}.dx-value.highlight-value{color:var(--accent);font-weight:600}.decision-diagram{overflow-x:auto;border-radius:var(--radius-lg);border:1px solid var(--border-color);background:var(--bg-secondary);padding:16px}.decision-svg{width:960px;height:440px;display:block;margin:0 auto}.decision-edge{stroke:var(--border-color-hover);stroke-width:1.5;fill:none;marker-end:url(#decision-arrow)}.decision-node-shape{fill:var(--bg-primary);stroke:var(--border-color);stroke-width:1}.decision-node-shape.answer{fill:var(--bg-tertiary)}.decision-node-shape.highlight{fill:var(--accent-dim);stroke:#3fb95073}.decision-node-text{margin:0;font-family:var(--font-family);font-size:14px;line-height:1.35;color:var(--text-primary);display:flex;align-items:center;height:100%}.decision-node-text.question{font-weight:600}.decision-node-text.answer{color:var(--text-secondary);font-weight:500}.decision-node-text.answer.highlight{color:var(--text-primary)}.decision-node-text strong{color:var(--accent)}.decision-pill rect{stroke:none}.decision-pill text{font-family:var(--font-mono);font-size:11px;font-weight:600;text-anchor:middle}.decision-pill.yes rect{fill:var(--accent-dim);stroke:#3fb95066}.decision-pill.yes text{fill:var(--accent)}.decision-pill.no rect{fill:#8b949e26;stroke:#8b949e59}.decision-pill.no text{fill:var(--text-tertiary)}.comparison-summary{padding:24px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);border-left:4px solid var(--accent)}.comparison-summary p{font-size:.9rem;line-height:1.7;color:var(--text-secondary)}.comparison-summary strong{color:var(--accent)}.architecture{background:var(--bg-secondary);border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color)}.arch-diagram{max-width:800px;margin:0 auto}.arch-container{display:flex;flex-direction:column;gap:24px}.arch-box{padding:20px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg)}.container-box{text-align:center;border-color:var(--accent);border-width:2px}.arch-label{font-size:1rem;font-weight:600;margin-bottom:4px}.arch-desc{font-size:.8rem;color:var(--text-tertiary);margin-bottom:12px}.arch-inner{padding:12px;background:var(--bg-secondary);border-radius:var(--radius-md)}.arch-module{display:flex;flex-direction:column;gap:2px}.module-name{font-family:var(--font-mono);font-size:.85rem;color:var(--accent)}.module-desc{font-size:.8rem;color:var(--text-secondary)}.arch-arrows{display:flex;justify-content:center;gap:60px}.arrow{display:flex;flex-direction:column;align-items:center;gap:4px}.arrow-line{width:2px;height:32px;background:var(--text-tertiary);position:relative}.arrow-line:after{content:"";position:absolute;bottom:-4px;left:50%;transform:translate(-50%);border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid var(--text-tertiary)}.arrow-label{font-size:.7rem;color:var(--text-tertiary);font-family:var(--font-mono)}.arch-providers{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}@media (max-width: 768px){.arch-providers{grid-template-columns:1fr}.arch-arrows{display:none}}.provider-box{text-align:center}.arch-port{font-family:var(--font-mono);font-size:.8rem;color:var(--accent);margin:6px 0}.arch-plugin{font-family:var(--font-mono);font-size:.75rem;color:var(--text-tertiary);margin-bottom:6px}.arch-components{font-size:.8rem;color:var(--text-secondary)}.arch-modes{display:flex;flex-direction:column;gap:8px;margin-top:24px;padding:16px;background:var(--bg-primary);border-radius:var(--radius-lg);border:1px solid var(--border-color)}.mode-item{display:flex;align-items:center;gap:12px;font-size:.85rem;color:var(--text-secondary)}.mode-badge{padding:3px 10px;font-size:.7rem;font-weight:600;border-radius:100px;min-width:70px;text-align:center;font-family:var(--font-mono)}.mode-badge.dev{background:var(--accent-dim);color:var(--accent)}.mode-badge.prod{background:#388bfd26;color:#58a6ff}.mode-badge.debug{background:var(--accent-2-dim);color:var(--accent-2)}.scenarios{background:var(--bg-primary)}.scenarios-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.scenario-card{padding:24px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);transition:all var(--transition-normal)}.scenario-card:hover{border-color:var(--accent)}.scenario-icon{font-size:2rem;margin-bottom:12px}.scenario-card h3{font-size:1rem;font-weight:600;margin-bottom:8px;color:var(--text-primary)}.scenario-card p{font-size:.85rem;color:var(--text-secondary);line-height:1.6}.packages{background:var(--bg-secondary);border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color)}.packages-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}@media (max-width: 900px){.packages-grid{grid-template-columns:repeat(2,1fr)}}.package-card{display:block;padding:20px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);transition:all var(--transition-normal)}.package-card:hover{border-color:var(--accent)}.package-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.package-name{font-family:var(--font-mono);font-size:.75rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.package-badge{padding:2px 8px;font-size:.65rem;font-weight:600;color:var(--accent);background:var(--accent-dim);border-radius:100px;font-family:var(--font-mono)}.package-desc{font-size:.8rem;color:var(--text-secondary);line-height:1.5}.quickstart{background:var(--bg-primary)}.quickstart-content{max-width:700px;margin:0 auto}.step-cards{display:flex;flex-direction:column;gap:20px;margin-bottom:40px}.step-card{display:flex;gap:20px;padding:24px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg)}.step-number{flex-shrink:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:700;color:#0d1117;background:var(--accent);border-radius:50%}[data-theme=light] .step-number{color:#fff}.step-content{flex:1}.step-content h4{font-size:1rem;font-weight:600;margin-bottom:12px;color:var(--text-primary)}.step-content p{font-size:.85rem;color:var(--text-secondary);margin-top:10px}.code-block{padding:14px 16px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);overflow-x:auto}[data-theme=light] .code-block{background:#f6f8fa;border-color:#1f232826}.code-block code,.code-block pre{font-family:var(--font-mono);font-size:.8rem;line-height:1.6;color:var(--text-secondary)}[data-theme=light] .code-block code,[data-theme=light] .code-block pre{color:#24292f}.code-block pre{margin:0}.code-keyword{color:#ff7b72}.code-string{color:#a5d6ff}.code-property{color:var(--accent)}.code-function{color:#d2a8ff}.code-tag{color:var(--accent)}.code-attr{color:#79c0ff}.code-comment{color:var(--text-tertiary);font-style:italic}[data-theme=light] .code-keyword{color:#cf222e}[data-theme=light] .code-string{color:#0a3069}[data-theme=light] .code-property{color:#116329}[data-theme=light] .code-function{color:#8250df}[data-theme=light] .code-tag{color:#116329}[data-theme=light] .code-attr{color:#0550ae}[data-theme=light] .code-comment{color:#6e7781}.step-tag{display:inline-block;padding:2px 8px;font-size:.7rem;font-weight:600;color:var(--accent-2);background:var(--accent-2-dim);border-radius:100px;margin-left:8px;vertical-align:middle}.step-tag.secondary{color:var(--text-tertiary);background:#8b949e26}.step-card.optional{border-style:dashed}.step-card.host{opacity:.7}.quickstart-cta{text-align:center}.footer{padding:60px 0 32px;background:var(--bg-secondary);border-top:1px solid var(--border-color)}.footer-content{display:flex;justify-content:space-between;gap:40px;margin-bottom:40px}@media (max-width: 768px){.footer-content{flex-direction:column}}.footer-brand{max-width:280px}.footer-brand .logo-text{font-size:1.5rem;margin-bottom:10px;display:block}.footer-brand p{font-size:.85rem;color:var(--text-secondary)}.footer-links{display:flex;gap:48px}.footer-col h4{font-size:.85rem;font-weight:600;margin-bottom:12px;color:var(--text-primary)}.footer-col a{display:block;font-size:.85rem;color:var(--text-secondary);margin-bottom:8px;transition:color var(--transition-fast)}.footer-col a:hover{color:var(--accent)}.footer-bottom{padding-top:20px;border-top:1px solid var(--border-color);text-align:center}.footer-bottom p{font-size:.8rem;color:var(--text-tertiary)}.footer-bottom a{color:var(--text-secondary);transition:color var(--transition-fast)}.footer-bottom a:hover{color:var(--accent)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.fade-in{opacity:0;transform:translateY(16px);transition:opacity .5s ease,transform .5s ease}.fade-in.visible{opacity:1;transform:translateY(0)}@media (max-width: 768px){:root{--section-padding: 64px}.nav-links{display:none}.mobile-menu-toggle{display:flex;align-items:center;justify-content:center}.mobile-menu{display:flex}.hero-command{flex-direction:column;gap:12px}.hero-cta{flex-direction:column}.step-card{flex-direction:column;gap:12px}.step-number{width:32px;height:32px;font-size:.9rem}}@media (max-width: 480px){.hero-title{font-size:2.5rem}.solution-stack,.scenarios-grid,.packages-grid{grid-template-columns:1fr}}.theme-switch{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-secondary);padding:6px;border-radius:50%;cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;width:32px;height:32px}.theme-switch:hover{border-color:var(--accent);color:var(--text-primary);background:var(--bg-secondary);transform:scale(1.05)}.theme-switch .icon-sun,.theme-switch .icon-moon{display:none}.theme-switch .icon-auto{display:block}[data-theme-setting=dark] .theme-switch .icon-sun{display:none}[data-theme-setting=dark] .theme-switch .icon-moon{display:block}[data-theme-setting=dark] .theme-switch .icon-auto{display:none}[data-theme-setting=light] .theme-switch .icon-sun{display:block}[data-theme-setting=light] .theme-switch .icon-moon,[data-theme-setting=light] .theme-switch .icon-auto,[data-theme-setting=auto] .theme-switch .icon-sun,[data-theme-setting=auto] .theme-switch .icon-moon{display:none}[data-theme-setting=auto] .theme-switch .icon-auto{display:block}.theme-switch-wrapper{position:relative}.theme-menu{position:absolute;top:calc(100% + 8px);right:0;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:0 4px 12px #00000026;min-width:120px;padding:4px;opacity:0;visibility:hidden;transform:translateY(-4px);transition:all var(--transition-fast);z-index:1000}.theme-switch-wrapper.active .theme-menu{opacity:1;visibility:visible;transform:translateY(0)}.theme-option{display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px;background:transparent;border:none;color:var(--text-secondary);font-size:.85rem;font-weight:500;text-align:left;cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast);white-space:nowrap}.theme-option:hover{background:var(--bg-secondary);color:var(--text-primary)}.theme-option.active{color:var(--accent);background:var(--bg-secondary)}.links-wrapper{position:relative}.links-switch{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-secondary);padding:6px;border-radius:50%;cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;width:32px;height:32px}.links-switch:hover{border-color:var(--accent);color:var(--text-primary);background:var(--bg-secondary)}.nav-github{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-secondary);padding:6px;border-radius:50%;cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;width:32px;height:32px;text-decoration:none}.nav-github:hover{border-color:var(--accent);color:var(--text-primary);background:var(--bg-secondary)}.links-menu{position:absolute;top:calc(100% + 8px);right:0;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:0 4px 12px #00000026;min-width:120px;padding:4px;opacity:0;visibility:hidden;transform:translateY(-4px);transition:all var(--transition-fast);z-index:1000}.links-wrapper.active .links-menu{opacity:1;visibility:visible;transform:translateY(0)}.links-option{display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px;background:transparent;border:none;color:var(--text-secondary);font-size:.85rem;font-weight:500;text-align:left;text-decoration:none;cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast);white-space:nowrap}.links-option:hover{background:var(--bg-secondary);color:var(--text-primary)}.lang-switch-wrapper{position:relative}.lang-switch{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-secondary);padding:6px;border-radius:50%;cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;width:32px;height:32px}.lang-switch:hover{border-color:var(--accent);color:var(--text-primary);background:var(--bg-secondary)}.lang-menu{position:absolute;top:calc(100% + 8px);right:0;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:4px;min-width:100px;box-shadow:0 4px 12px #00000026;opacity:0;visibility:hidden;transform:translateY(-8px);transition:all .2s ease;z-index:1000}.lang-switch-wrapper.active .lang-menu{opacity:1;visibility:visible;transform:translateY(0)}.lang-option{display:block;width:100%;padding:8px 12px;background:transparent;border:none;color:var(--text-secondary);font-size:.85rem;font-weight:500;text-align:left;cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast);font-family:var(--font-family)}.lang-option:hover{background:var(--bg-secondary);color:var(--text-primary)}.lang-option.active{color:var(--accent)}[data-theme=light] .lang-menu{background:#fffffff2;box-shadow:0 4px 12px #0000001a}.faq{background:var(--bg-primary)}.faq-list{max-width:900px;margin:0 auto}.faq-item{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);margin-bottom:1rem;overflow:hidden;transition:all var(--transition-base)}.faq-item:hover{border-color:var(--accent);box-shadow:0 4px 16px #3fb9501a}.faq-question{width:100%;display:flex;align-items:center;justify-content:space-between;padding:1.5rem;background:transparent;border:none;color:var(--text-primary);font-size:1.1rem;font-weight:600;text-align:left;cursor:pointer;transition:all var(--transition-fast);font-family:var(--font-family)}.faq-question:hover{color:var(--accent)}.faq-icon{flex-shrink:0;transition:transform var(--transition-base);color:var(--text-secondary)}.faq-item.active .faq-icon{transform:rotate(180deg);color:var(--accent)}.faq-answer{max-height:0;overflow:hidden;transition:max-height var(--transition-base);padding:0 1.5rem}.faq-item.active .faq-answer{max-height:2000px;padding:0 1.5rem 1.5rem}.faq-answer p{color:var(--text-secondary);line-height:1.8;margin-bottom:1rem}.faq-answer ul{list-style:none;padding:0;margin:1rem 0}.faq-answer li{color:var(--text-secondary);line-height:1.8;padding-left:1.5rem;position:relative;margin-bottom:.5rem}.faq-answer li:before{content:"•";position:absolute;left:.5rem;color:var(--accent)}.faq-answer code{background:var(--code-bg);color:var(--accent);padding:.2em .4em;border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:.9em}.faq-answer pre{background:var(--code-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:1rem;overflow-x:auto;margin:1rem 0}.faq-answer pre code{background:transparent;padding:0;color:var(--text-primary);font-size:.85rem;line-height:1.6}.faq-method{margin:1.5rem 0;padding:1rem;background:#3fb9500d;border-left:3px solid var(--accent);border-radius:var(--radius-sm)}.faq-method h4{color:var(--text-primary);font-size:1rem;font-weight:600;margin:0 0 .5rem}.faq-method p{margin:.5rem 0}.faq-method pre{margin-top:.75rem}@media (max-width: 768px){.faq-question{font-size:1rem;padding:1.25rem}.faq-item.active .faq-answer{padding:0 1.25rem 1.25rem}.faq-answer pre{font-size:.8rem}}