:root{--accent-main:#d4a27f;--accent-hover:#c4926f;--bg-light:#fdfdf7;--bg-dark:#09090b;--border-light:#e5e5e5;--border-dark:#333;--text-primary:#0e0e0e;--text-secondary:#707070;--text-primary-dark:#f3f3f3;--text-secondary-dark:#a1a1aa;--font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,Roboto,Helvetica,Arial,sans-serif;--font-serif:Georgia,"Times New Roman",Times,serif;--font-mono:"SF Mono",Monaco,Inconsolata,"Fira Code",monospace}body{font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-size:1rem;line-height:1.65}h1,h2,h3,h4,h5,h6{font-family:var(--font-serif);letter-spacing:-.02em;font-weight:400}.marketing-layout{flex-direction:column;min-height:100vh;display:flex}.marketing-header{border-bottom:1px solid var(--border-light);padding:1rem 2rem}.marketing-nav{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;display:flex}.logo{color:inherit;align-items:center;gap:.5rem;text-decoration:none;display:flex}.logo:hover .logo-icon{transform:scale(1.05)}.logo-icon{width:2.625rem;height:2.625rem;color:var(--accent-main);transition:transform .15s}.logo-icon svg{width:100%;height:100%}.logo-text{letter-spacing:-.025em;text-transform:lowercase;color:var(--text-primary);font-size:1.5rem;font-weight:500;text-decoration:none}a .logo,a .logo-text,a:hover .logo-text,nav a .logo-text,nav a:hover .logo-text,[class*=navbar] .logo-text,[class*=navbar] a .logo-text,[class*=navbar] a:hover .logo-text,header a .logo-text,header a:hover .logo-text,a[href=\/] .logo-text,a[href=\/]:hover .logo-text,.logo-text{box-shadow:none!important;background-image:none!important;border-bottom:none!important;text-decoration:none!important}nav a:has(.logo){box-shadow:none!important;background-image:none!important;border-bottom:none!important;text-decoration:none!important}nav a:has(.logo):hover{box-shadow:none!important;background-image:none!important;border-bottom:none!important;text-decoration:none!important}header a:has(.logo){box-shadow:none!important;background-image:none!important;border-bottom:none!important;text-decoration:none!important}header a:has(.logo):hover{box-shadow:none!important;background-image:none!important;border-bottom:none!important;text-decoration:none!important}.marketing-logo{color:inherit;font-size:1.25rem;text-decoration:none}.marketing-nav-links{gap:2rem;display:flex}.marketing-nav-links a{color:var(--text-secondary);font-weight:500;text-decoration:none;transition:color .15s}.marketing-nav-links a:hover{color:var(--text-primary)}.hamburger-button{cursor:pointer;color:var(--text-secondary);z-index:1001;background:0 0;border:none;padding:.5rem;transition:color .15s;display:none}.hamburger-button:hover{color:var(--text-primary)}.hamburger-icon{width:24px;height:24px;display:block}.mobile-menu-backdrop{display:none}@media (max-width:768px){.hamburger-button{display:block}.mobile-menu-backdrop{z-index:999;background:#00000080;animation:.3s fadeIn;display:block;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.marketing-nav-links{background:var(--bg-light);z-index:1000;flex-direction:column;align-items:flex-start;gap:0;width:280px;max-width:80vw;height:100vh;padding:5rem 2rem 2rem;transition:right .3s;position:fixed;top:0;right:-100%;overflow-y:auto;box-shadow:-2px 0 8px #0000001a}.marketing-nav-links.mobile-menu-open{right:0}.marketing-nav-links a{border-bottom:1px solid var(--border-light);width:100%;padding:1rem 0;font-size:1.1rem}.marketing-nav-links a:last-child{border-bottom:none}}.marketing-main{box-sizing:border-box;flex:1;width:100%;max-width:1200px;margin:0 auto;padding:0 2rem}.marketing-footer{border-top:1px solid var(--border-light);text-align:center;color:var(--text-secondary);padding:2rem}.marketing-footer a{color:var(--text-secondary);text-decoration:none;transition:color .15s}.marketing-footer a:hover{color:var(--text-primary)}.hero{text-align:center;padding:6rem 0 4rem}.version-badge{color:#6b6b6b;background:#fafafa;border:1px solid #e5e5e5;border-radius:9999px;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.375rem .875rem;font-size:.8125rem;font-weight:500;display:inline-flex}.version-dot{background:var(--accent-main);border-radius:50%;width:.5rem;height:.5rem}.hero h1{color:var(--text-primary);margin:0 0 .5rem;font-size:3.5rem;font-weight:400;line-height:1.15}.hero-tagline{font-family:var(--font-serif);color:var(--text-secondary);margin:0 0 2.5rem;font-size:1.75rem;font-style:italic;font-weight:400}.hero-subtitle{color:var(--text-secondary);max-width:600px;margin:0 auto 1rem;font-size:1.25rem;line-height:1.6}.hero-cta{flex-wrap:wrap;justify-content:center;gap:1rem;margin-bottom:2rem;display:flex}.hero-cta .btn-primary,.hero-cta .btn-secondary{justify-content:space-between;min-width:240px}.btn-primary{background:var(--accent-main);color:#fff;font-family:var(--font-sans);border:none;border-radius:.75rem;justify-content:center;align-items:center;padding:1rem 2rem;font-size:1rem;font-weight:500;text-decoration:none;transition:background .15s,transform .1s;display:inline-flex}.btn-primary:hover{background:var(--accent-hover);transform:translateY(-1px)}.btn-secondary{color:var(--text-primary);font-family:var(--font-sans);background:#fff;border:1px solid #e0e0e0;border-radius:.75rem;justify-content:center;align-items:center;padding:1rem 2rem;font-size:1rem;font-weight:500;text-decoration:none;transition:border-color .15s,transform .1s;display:inline-flex}.btn-secondary:hover{border-color:silver;transform:translateY(-1px)}.btn-arrow{margin-left:.5rem;transition:transform .2s;display:inline-block}.btn-secondary:hover .btn-arrow{transform:translate(3px)}.btn-icon{margin-left:.5rem;transition:transform .2s}.btn-primary:hover .btn-icon{transform:translate(3px)}.btn-large{padding:1.125rem 2.25rem;font-size:1.1rem}.hero .code-block-wrapper{display:inline-block}.install-command{color:#e5e5e5;font-family:var(--font-mono);white-space:pre-line;text-align:left;background:#1a1a1a;border-radius:.5rem;margin:0;padding:.75rem 2.5rem .75rem 1.25rem;font-size:.9rem}.install-command code{background:0 0}.features-section{padding:4rem 0}.features-section h2{text-align:center;color:var(--text-primary);margin-bottom:2rem;font-size:2rem}.how-it-works{max-width:36rem;margin:0 auto;padding:3rem 0}.section-badge{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);border:1px solid var(--border-light);background:#f5f5f5;border-radius:.25rem;margin-bottom:2rem;padding:.25rem .5rem;font-size:.75rem;display:inline-block}.steps-list{counter-reset:steps;margin:0;padding:0;list-style:none}.steps-list li{counter-increment:steps;gap:.75rem;margin-bottom:1.5rem;display:flex}.steps-list li:before{content:counter(steps)".";color:var(--text-secondary);flex-shrink:0;padding-top:.1rem;font-size:1rem}.steps-list li .step-content{flex-direction:column;gap:.5rem;display:flex}.steps-list li strong{font-family:var(--font-sans);color:var(--text-primary);font-size:1rem;font-weight:600}.steps-list li span{color:var(--text-secondary);font-size:1rem;line-height:1.5}.steps-list li span code{background:#e5e5e5;border-radius:.25rem;padding:.15rem .4rem;font-size:.875rem}.steps-list .code-block-wrapper{margin-top:.25rem}.step-code{color:#e5e5e5;white-space:pre-line;background:#1a1a1a;border-radius:.5rem;margin:0;padding:.75rem 2.5rem .75rem 1rem;font-size:.85rem}.step-code code{background:0 0}.commands-section{max-width:36rem;margin:0 auto;padding:3rem 0}.commands-list{margin:0;padding:0;list-style:none}.commands-list li{border-bottom:1px solid var(--border-light);flex-direction:column;gap:.25rem;margin-bottom:1.25rem;padding-bottom:1.25rem;display:flex}.commands-list li:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.commands-list li code{font-family:var(--font-mono);color:var(--text-primary);background:0 0;font-size:1rem;font-weight:600}.commands-list li span{color:var(--text-secondary);font-size:.95rem;line-height:1.5}.community-section{text-align:center;max-width:36rem;margin:0 auto;padding:3rem 0}.community-section h2{color:var(--text-primary);margin:0 0 .75rem;font-size:1.75rem}.community-section p{color:var(--text-secondary);margin:0 0 1.5rem;line-height:1.6}.faq-section{max-width:36rem;margin:0 auto;padding:3rem 0}.faq-list{margin:0}.faq-item{margin-bottom:1.5rem}.faq-item:last-child{margin-bottom:0}.faq-item dt{font-family:var(--font-sans);color:var(--text-primary);margin-bottom:.5rem;font-size:1rem;font-weight:600}.faq-item dd{color:var(--text-secondary);margin:0;padding-left:1rem;font-size:.95rem;line-height:1.6;position:relative}.faq-item dd:before{content:"└";color:var(--text-secondary);position:absolute;left:0}.cta-section{text-align:center;padding:4rem 0}.cta-section h2{color:var(--text-primary);margin-bottom:2rem;font-size:2rem}.cta-section .code-block-wrapper{max-width:500px;margin:0 auto 2rem}.code-block{color:#e5e5e5;text-align:left;background:#1a1a1a;border-radius:.75rem;margin:0;padding:1.5rem 2.5rem 1.5rem 1.5rem;overflow-x:auto}.code-block code{font-family:var(--font-mono);background:0 0;font-size:.9rem;line-height:1.6}.code-block-wrapper{margin:1rem 0;position:relative}.code-block-wrapper pre{margin:0;padding-right:2.5rem}.copy-button{color:#a1a1aa;cursor:pointer;opacity:0;background:#ffffff1a;border:none;border-radius:.375rem;justify-content:center;align-items:center;padding:.375rem;transition:opacity .15s,background .15s,color .15s;display:flex;position:absolute;top:.5rem;right:.5rem}.code-block-wrapper:hover .copy-button{opacity:1}.copy-button:hover{color:#fff;background:#fff3}.copy-button:active{background:#ffffff26}.card-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;margin:1.5rem 0;display:grid}.card{border:1px solid var(--border-light);background:0 0;border-radius:12px;padding:1.25rem;transition:border-color .15s,box-shadow .15s}.card:hover{border-color:var(--accent-main)}.card h3{font-family:var(--font-sans);color:var(--text-primary);margin:0 0 .5rem;font-size:1rem;font-weight:600}.card p{color:var(--text-secondary);margin:0;font-size:.9rem;line-height:1.5}.card-link{color:inherit;text-decoration:none;display:block}.card-link:hover .card{border-color:var(--accent-main);box-shadow:0 2px 8px #0000000d}.next-steps{grid-template-columns:repeat(2,1fr)}pre{border-radius:.75rem}code{font-family:var(--font-mono)}article h1,article h2,article h3,article h4,article h5,article h6,.nx-text-4xl,.nx-text-3xl,.nx-text-2xl{font-family:var(--font-serif);letter-spacing:-.02em;font-weight:400}article p{line-height:1.65}html.dark .marketing-header{border-color:var(--border-dark)}html.dark .logo-text{color:var(--text-primary-dark)}html.dark .marketing-nav-links a{color:var(--text-secondary-dark)}html.dark .marketing-nav-links a:hover{color:var(--text-primary-dark)}html.dark .hamburger-button{color:var(--text-secondary-dark)}html.dark .hamburger-button:hover{color:var(--text-primary-dark)}html.dark .mobile-menu-backdrop{background:#000000b3}@media (max-width:768px){html.dark .marketing-nav-links{background:var(--bg-dark);box-shadow:-2px 0 8px #00000080}html.dark .marketing-nav-links a{border-color:var(--border-dark)}}html.dark .marketing-footer{border-color:var(--border-dark);color:var(--text-secondary-dark)}html.dark .marketing-footer a{color:var(--text-secondary-dark)}html.dark .marketing-footer a:hover{color:var(--text-primary-dark)}html.dark .version-badge{border-color:var(--border-dark);color:var(--text-secondary-dark);background:#1a1a1a}html.dark .hero h1,html.dark .features-section h2,html.dark .community-section h2,html.dark .cta-section h2{color:var(--text-primary-dark)}html.dark .hero-tagline,html.dark .hero-subtitle,html.dark .community-section p{color:var(--text-secondary-dark)}html.dark .commands-list li{border-color:var(--border-dark)}html.dark .commands-list li code{color:var(--text-primary-dark)}html.dark .commands-list li span{color:var(--text-secondary-dark)}html.dark .btn-secondary{color:var(--text-primary-dark);border-color:var(--border-dark);background:#1a1a1a}html.dark .btn-secondary:hover{border-color:#555}html.dark .section-badge{border-color:var(--border-dark);color:var(--text-secondary-dark);background:#222}html.dark .steps-list li strong{color:var(--text-primary-dark)}html.dark .steps-list li span,html.dark .steps-list li:before{color:var(--text-secondary-dark)}html.dark .steps-list li span code{background:#333}html.dark .step-code{border:1px solid var(--border-dark);background:#0a0a0a}html.dark .card{border-color:var(--border-dark)}html.dark .card:hover{border-color:var(--accent-main)}html.dark .card h3{color:var(--text-primary-dark)}html.dark .card p{color:var(--text-secondary-dark)}html.dark .card-link:hover .card{box-shadow:0 2px 8px #0003}html.dark .faq-item dt{color:var(--text-primary-dark)}html.dark .faq-item dd,html.dark .faq-item dd:before{color:var(--text-secondary-dark)}.demo-section{text-align:center;padding:4rem 0}.demo-section h2{color:var(--text-primary);margin:0 0 2.5rem;font-size:2rem}.screenshot-grid{grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:2rem;display:grid}.screenshot-item{flex-direction:column;gap:.75rem;display:flex}.screenshot-wrapper{border:1px solid var(--border-light);cursor:pointer;border-radius:.75rem;transition:transform .2s,box-shadow .2s;position:relative;overflow:hidden}.screenshot-wrapper:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001a}.screenshot-wrapper:focus{outline:2px solid var(--accent-main);outline-offset:2px}.screenshot-image{width:100%;height:auto;transition:transform .2s;display:block}.screenshot-wrapper:hover .screenshot-image{transform:scale(1.02)}.screenshot-overlay{opacity:0;pointer-events:none;background:0 0;justify-content:center;align-items:center;transition:opacity .2s,background .2s;display:flex;position:absolute;inset:0}.screenshot-wrapper:hover .screenshot-overlay{opacity:1;background:#0000004d}.zoom-icon{color:#fff;filter:drop-shadow(0 2px 4px #00000080)}.screenshot-caption{color:var(--text-secondary);text-align:center;margin:0;padding:0 .5rem;font-size:.9rem;line-height:1.5}.lightbox-overlay{z-index:9999;cursor:pointer;background:#000000e6;justify-content:center;align-items:center;padding:2rem;animation:.2s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.lightbox-content{cursor:default;flex-direction:column;gap:1rem;max-width:90vw;max-height:90vh;display:flex}.lightbox-image{object-fit:contain;border-radius:.5rem;width:auto;max-width:100%;height:auto;max-height:calc(90vh - 4rem)}.lightbox-caption{color:#fff;text-align:center;margin:0;font-size:1rem}.lightbox-close{color:#fff;cursor:pointer;z-index:10000;background:#ffffff1a;border:none;border-radius:.5rem;justify-content:center;align-items:center;padding:.75rem;transition:background .2s;display:flex;position:absolute;top:1rem;right:1rem}.lightbox-close:hover{background:#fff3}.lightbox-close:focus{outline-offset:2px;outline:2px solid #fff}.lightbox-nav{color:#fff;cursor:pointer;z-index:10000;background:#ffffff1a;border:none;border-radius:.5rem;justify-content:center;align-items:center;padding:1rem;transition:background .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.lightbox-nav:hover{background:#fff3}.lightbox-nav:focus{outline-offset:2px;outline:2px solid #fff}.lightbox-prev{left:1rem}.lightbox-next{right:1rem}html.dark .demo-section h2{color:var(--text-primary-dark)}html.dark .screenshot-wrapper{border-color:var(--border-dark)}html.dark .screenshot-wrapper:hover{box-shadow:0 8px 24px #0000004d}html.dark .screenshot-caption{color:var(--text-secondary-dark)}@media (max-width:1024px){.card-grid{grid-template-columns:repeat(2,1fr)}.screenshot-grid{grid-template-columns:1fr;gap:2rem}}@media (max-width:768px){.hero h1{font-size:2.5rem}.hero-subtitle{font-size:1.1rem}.card-grid,.next-steps{grid-template-columns:1fr}.marketing-nav-links{gap:1rem}.demo-section{padding:3rem 0}.demo-section h2{font-size:1.5rem}.screenshot-grid{gap:1.5rem}.lightbox-content{padding:0 1rem}.lightbox-nav{padding:.75rem}.lightbox-prev{left:.5rem}.lightbox-next{right:.5rem}}