@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap";:root{--navbar:#0b1326;--primary:#22d3ee;--background:#0b1326;--background-secondary:#142235;--text:#fff;--text-muted:#d3d3d3;--border:#3b484b;--gradient1:linear-gradient(180deg, #0a1628 0%, #0d2040 30%, #0b1a35 65%, #0c1628 100%)}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--text);background-color:var(--background);justify-content:center;align-items:center;font-family:verdana,sans-serif}a,button{transition:color .2s,opacity .2s,border-color .2s,background-color .2s}.navbar{background-color:var(--navbar);border-bottom:1px solid var(--border);z-index:100;justify-content:space-between;width:100%;display:flex;position:sticky;top:0}.navbar .app-logo{color:var(--primary);align-items:center;gap:.5rem;width:33.33%;padding:1rem;font-size:1.5rem;font-weight:700;display:flex}.navbar .app-logo .logo-image{transition:transform .4s}.navbar .app-logo:hover .logo-image{transform:rotate(-10deg)}.navbar .navbar-links{justify-content:center;align-items:center;gap:1rem;width:33.33%;padding:1rem;display:flex}.navbar .navbar-links a{color:var(--text-muted)!important;text-decoration:none!important}.navbar .navbar-links a:hover{color:var(--primary)!important}.navbar .navbar-icons{justify-content:flex-end;align-items:center;gap:1rem;width:33.33%;padding:1rem;display:flex}.navbar .navbar-icons svg{cursor:pointer}.navbar .navbar-mobile-guide{display:none}@media only screen and (width<=972px){.navbar .app-logo{font-size:1.2rem}.navbar .navbar-links{display:none}.navbar .navbar-mobile-guide{align-items:center;display:flex}.navbar .navbar-mobile-guide a{color:var(--primary);border:1px solid color-mix(in srgb, var(--primary) 40%, transparent);border-radius:6px;padding:.4rem .75rem;font-size:.85rem;font-weight:600;text-decoration:none}.hero-section h1{font-size:1.75rem}.hero-section .hero-description{font-size:1rem}.hero-section{padding:3.5rem 1.25rem}}.hero-section{text-align:center;background:var(--background-secondary);flex-direction:column;justify-content:center;align-items:center;gap:2rem;padding:6rem 1rem;display:flex;position:relative;overflow:hidden}.hero-section>*{z-index:1;position:relative}.hero-section h1{color:var(--text);font-size:2.5rem;line-height:1.25}.hero-section .hero-description{color:var(--text-muted);font-size:1.35rem}.hero-section .hero-setup-note{color:var(--text-muted);background-color:color-mix(in srgb, var(--primary) 20%, transparent);border-radius:8px;margin-top:2rem;padding:.8rem 1.2rem;font-size:.85rem}.hero-section .hero-setup-note a{color:var(--primary);font-weight:500;text-decoration:none}.hero-section .hero-setup-note a:hover{text-decoration:underline}.hero-section .hero-buttons{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;display:flex}.hero-section .cta-button,.cta-button{background-color:var(--primary);color:#0b1326;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.9rem 1.75rem;font-size:1rem;font-weight:600;text-decoration:none;display:inline-flex}.hero-section .cta-button{padding:1rem 2rem;font-size:1.1rem}.hero-section .cta-button:hover,.cta-button:hover{opacity:.88;transform:translateY(-1px)}.hero-section .github-button{color:var(--primary);align-items:center;gap:.4rem;font-size:1rem;font-weight:700;text-decoration:none;display:inline-flex}.hero-section .github-button:hover{opacity:.9;text-decoration:underline}.hero-section .hero-image img{border:2px solid var(--border);border-radius:12px;width:100%;max-width:900px;height:auto;margin-top:2rem;display:block}.section-header{text-align:center;margin-bottom:3rem}.section-header h2{color:var(--text);margin-bottom:.75rem;font-size:2rem;font-weight:600}.section-subtitle{color:var(--text-muted);font-size:1rem}.how-it-works-section{background-color:var(--background);max-width:1100px;margin:0 auto;padding:6rem 2rem}.steps-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.step-card{background-color:var(--background-secondary);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:.75rem;padding:2rem;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex}.step-number{letter-spacing:.1em;color:var(--text);background-color:color-mix(in srgb, var(--primary) 20%, transparent);border-radius:6px;width:fit-content;padding:.2rem .6rem;font-size:1.25rem;font-weight:700}.step-card h3{color:var(--text);font-size:1.1rem;font-weight:600}.step-card p{color:var(--text-muted);font-size:.95rem;line-height:1.6}@media only screen and (width<=768px){.steps-grid{grid-template-columns:1fr}}.features-section{background-color:var(--background-secondary);padding:6rem 2rem}.features-section .section-header{max-width:1100px;margin:0 auto 3rem}.features-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem;max-width:1100px;margin:0 auto;display:grid}.feature-card{background-color:var(--background);border:1px solid var(--border);border-radius:12px;align-items:flex-start;gap:1.25rem;padding:1.75rem;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex}.feature-icon{color:var(--primary);flex-shrink:0;margin-top:2px}.feature-card h3{color:var(--text);margin-bottom:.4rem;font-size:1rem;font-weight:600}.feature-card p{color:var(--text-muted);font-size:.9rem;line-height:1.6}@media only screen and (width<=768px){.features-grid{grid-template-columns:1fr}}.download-cta-section{background-color:var(--background);border-bottom:1px solid var(--border);padding:4rem 2rem}.download-cta-inner{justify-content:space-between;align-items:center;gap:2rem;max-width:1100px;margin:0 auto;display:flex}.download-cta-text{flex-direction:column;gap:.6rem;max-width:560px;display:flex}.download-cta-text h2{font-size:1.75rem;font-weight:600}.download-cta-text p{color:var(--text-muted);font-size:.95rem;line-height:1.6}.download-cta-text a{color:var(--primary);text-decoration:none}.download-cta-text a:hover{text-decoration:underline}.download-cta-buttons{flex-wrap:wrap;flex-shrink:0;align-items:center;gap:1rem;display:flex}@media only screen and (width<=768px){.download-cta-inner{flex-direction:column;align-items:flex-start}}.secondary-button{color:var(--text);border:1px solid var(--border);background-color:#0000;border-radius:8px;padding:.9rem 1.75rem;font-size:1rem;font-weight:500;text-decoration:none}.secondary-button:hover{border-color:var(--primary);color:var(--primary)}.footer{background-color:var(--background-secondary);border-top:1px solid var(--border);text-align:center;flex-direction:column;align-items:center;gap:.75rem;padding:2.5rem 2rem;display:flex}.footer-logo{color:var(--primary);align-items:center;gap:.5rem;font-size:1rem;font-weight:600;display:flex}.footer-tagline{color:var(--text-muted);font-size:.85rem}.footer-links{gap:1.5rem;display:flex}.footer-links a{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:.4rem;font-size:.85rem;font-weight:500;text-decoration:none;display:flex}.footer-links a:hover{color:var(--primary)}.footer-copy{color:var(--text-muted);margin-top:.25rem;font-size:.8rem}.navbar-icons a{color:var(--text-muted);align-items:center;display:flex}.navbar-icons a:hover{color:var(--primary)}.install-guide-page{max-width:760px;margin:0 auto;padding:5rem 2rem 4rem}.install-guide-header{text-align:center;margin-bottom:3rem;position:relative}.install-guide-header h1,.install-guide-header p{z-index:1;position:relative}.install-guide-header h1{margin-bottom:.75rem;font-size:2.2rem;font-weight:600;line-height:1.25}.install-guide-header p{color:var(--text-muted);font-size:1rem;line-height:1.6}.install-steps{flex-direction:column;gap:0;padding-bottom:1rem;display:flex}.install-step{gap:1.5rem;margin-bottom:1.25rem;display:flex}.install-step-left{flex-direction:column;flex-shrink:0;align-items:center;display:flex}.install-step-line{background:linear-gradient(to bottom, var(--border), 100%, transparent);flex:1;width:2px;min-height:2rem;margin-top:.5rem}.install-step-right{background-color:var(--background-secondary);border:1px solid var(--border);border-radius:12px;flex:1;margin-bottom:0;padding:1.5rem;transition:border-color .2s,box-shadow .2s}.install-step-header{margin-bottom:.75rem}@media only screen and (width<=600px){.install-step{gap:1rem}}.install-step-number{background-color:color-mix(in srgb, var(--primary) 20%, transparent);width:48px;height:48px;color:var(--text);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1rem;font-weight:700;transition:background-color .2s,border-color .2s;display:flex}.install-step-title-group{flex-direction:column;gap:.2rem;display:flex}.install-step-category{text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);align-items:center;gap:.35rem;font-size:.7rem;font-weight:500;display:flex}.install-step-title{color:var(--text);border-bottom:1px solid var(--border);padding-bottom:1rem;font-size:1.05rem;font-weight:600}.install-step-body{color:var(--text-muted);flex-direction:column;gap:.85rem;font-size:.95rem;line-height:1.7;display:flex}.install-step-body a{color:var(--primary)}.install-step-body a:hover{text-decoration:underline}.code-block,.install-note{background-color:var(--background);border:1px solid var(--border);color:var(--text);word-break:break-all;border-radius:6px;padding:.6rem 1rem;font-family:monospace;font-size:.875rem;display:block}.highlight-text{color:var(--primary)}.code-inline{background-color:var(--background);border:1px solid var(--border);color:var(--text);border-radius:4px;padding:.1em .4em;font-family:monospace;font-size:.875em}.install-ol,.install-ul{color:var(--text-muted);flex-direction:column;gap:.5rem;padding-left:1.25rem;font-size:.95rem;line-height:1.7;display:flex}.install-ol li{padding-left:.25rem}.mod-table{border:1px solid var(--border);border-radius:8px;font-size:.9rem;overflow:hidden}.mod-row{border-bottom:1px solid var(--border);color:var(--text-muted);grid-template-columns:160px 1fr;gap:1rem;padding:.7rem 1rem;line-height:1.5;display:grid}.mod-row:last-child{border-bottom:none}.mod-row--header{background-color:color-mix(in srgb, var(--primary) 6%, transparent);color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;font-size:.75rem;font-weight:600}.mod-name{color:var(--primary);font-family:monospace;font-size:.95rem;font-weight:600}@media only screen and (width<=600px){.mod-row{grid-template-columns:1fr;gap:.25rem}.mod-row--header{display:none}.mod-name:after{content:""}}