*{box-sizing:border-box;margin:0;padding:0}:root{--bg-pure:#000;--bg-card:#0a0a0a;--bg-surface:#121212;--bg-elevated:#1a1a1a;--bg-hover:#222;--text-primary:#fff;--text-secondary:#a1a1aa;--text-muted:#71717a;--text-dark:#000;--border-subtle:#ffffff14;--border-default:#ffffff26;--border-strong:#ffffff4d;--accent-white:#fff;--font-main:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono:"JetBrains Mono", monospace}body{font-family:var(--font-main);background-color:var(--bg-pure);color:var(--text-primary);line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}.navbar{z-index:50;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-subtle);background-color:#000000d9;position:sticky;top:0}.navbar-container{justify-content:space-between;align-items:center;max-width:1200px;height:60px;margin:0 auto;padding:0 24px;display:flex}.navbar-brand{letter-spacing:-.01em;align-items:center;gap:10px;font-size:1.05rem;font-weight:700;display:flex}.navbar-logo-img{object-fit:cover;border-radius:6px;width:28px;height:28px}.navbar-title{color:var(--text-primary)}.navbar-version{font-family:var(--font-mono);color:var(--text-secondary);border:1px solid var(--border-subtle);background-color:#ffffff14;border-radius:9999px;padding:2px 8px;font-size:.72rem}.navbar-nav{align-items:center;gap:28px;display:flex}.nav-link{color:var(--text-secondary);font-size:.85rem;font-weight:500;transition:color .2s}.nav-link:hover{color:var(--text-primary)}.navbar-actions{align-items:center;gap:14px;display:flex}.btn-github{color:#d4d4d8;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:.85rem;transition:all .2s;display:flex}.btn-github:hover{color:var(--text-primary);background-color:#ffffff0f}.github-icon{fill:currentColor;width:16px;height:16px}.btn-nav-download{background-color:var(--accent-white);color:var(--text-dark);border-radius:6px;align-items:center;gap:6px;padding:7px 14px;font-size:.85rem;font-weight:600;transition:all .2s;display:flex}.btn-nav-download:hover{background-color:#e4e4e7}@media (width<=768px){.navbar-nav,.btn-github{display:none}}.hero-section{text-align:center;padding:72px 24px 56px;position:relative;overflow:hidden}.hero-glow-backdrop{filter:blur(80px);pointer-events:none;background:radial-gradient(circle,#ffffff0f 0%,#0000 70%);width:500px;height:250px;position:absolute;top:40px;left:50%;transform:translate(-50%)}.hero-content{z-index:10;flex-direction:column;align-items:center;gap:20px;max-width:780px;margin:0 auto;display:flex;position:relative}.hero-title{letter-spacing:-.02em;color:var(--text-primary);font-size:clamp(1.75rem,3.2vw,2.5rem);font-weight:700;line-height:1.25}.title-underline{text-underline-offset:6px;-webkit-text-decoration:underline #ffffff40;text-decoration:underline #ffffff40}.hero-desc{color:var(--text-secondary);max-width:580px;font-size:.95rem;line-height:1.6}.hero-buttons{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-top:4px;display:flex}.btn-primary{background-color:var(--accent-white);color:var(--text-dark);border:1px solid var(--accent-white);cursor:pointer;border-radius:6px;align-items:center;gap:8px;padding:11px 22px;font-size:.88rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-primary:hover{background-color:#e4e4e7;transform:translateY(-1px)}.btn-secondary{color:var(--text-primary);border:1px solid var(--border-default);background-color:#0000;border-radius:6px;align-items:center;gap:8px;padding:11px 22px;font-size:.88rem;font-weight:500;transition:all .2s;display:inline-flex}.btn-secondary:hover{border-color:var(--border-strong);background-color:#ffffff0d}.hero-specs{font-family:var(--font-mono);color:var(--text-muted);flex-wrap:wrap;justify-content:center;align-items:center;gap:20px;margin-top:12px;font-size:.78rem;display:flex}.spec-item{align-items:center;gap:6px;display:flex}.mockup-wrapper{width:100%;max-width:980px;margin:40px auto 0;position:relative}.mockup-image-container{border:1px solid #ffffff1a;border-radius:16px;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.mockup-glow{filter:blur(80px);pointer-events:none;z-index:1;background:#ffffff0d;width:60%;height:60%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.mockup-image{z-index:2;border-radius:16px;width:100%;height:auto;display:block;position:relative}.features-section,.guide-section{border-top:1px solid var(--border-subtle);background-color:var(--bg-pure);padding:88px 24px}.section-container{max-width:1200px;margin:0 auto}.section-header{text-align:center;flex-direction:column;align-items:center;gap:12px;max-width:680px;margin:0 auto 56px;display:flex}.features-badge{border:1px solid var(--border-subtle);color:var(--text-secondary);background-color:#ffffff0f;border-radius:9999px;align-items:center;gap:6px;padding:4px 12px;font-size:.75rem;font-weight:600;display:inline-flex}.section-title{color:#fff;letter-spacing:-.02em;font-size:clamp(1.5rem,2.8vw,2rem);font-weight:700;line-height:1.25}.section-subtitle{color:var(--text-secondary);font-size:.95rem;line-height:1.6}.feature-card,.guide-card{background-color:var(--bg-card);border:1px solid var(--border-subtle);border-radius:16px;flex-direction:column;justify-content:space-between;gap:24px;padding:28px;transition:all .2s;display:flex;position:relative;overflow:hidden}.feature-card:hover,.guide-card:hover{border-color:var(--border-default);background-color:#0c0c0c}.features-grid,.guide-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}@media (width<=1024px){.features-grid,.guide-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=680px){.features-grid,.guide-grid{grid-template-columns:1fr}}.feature-icon-wrapper,.guide-icon-wrapper{border:1px solid var(--border-subtle);color:#fff;background-color:#ffffff0d;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;margin-bottom:16px;display:flex}.feature-title,.guide-title{color:#fff;margin-bottom:8px;font-size:1.1rem;font-weight:600}.feature-desc,.guide-desc{color:var(--text-secondary);font-size:.88rem;line-height:1.6}.feature-highlight{color:#d4d4d8;border-top:1px solid #ffffff0f;align-items:center;gap:8px;padding-top:16px;font-size:.8rem;display:flex}.guide-step-num{font-family:var(--font-mono);color:#ffffff0d;font-size:2rem;font-weight:700;position:absolute;top:16px;right:20px}.footer{border-top:1px solid var(--border-subtle);background-color:#000}.footer-cta-banner{border-bottom:1px solid var(--border-subtle);text-align:center;background:linear-gradient(#000 0%,#0a0a0a 100%);padding:64px 24px}.footer-cta-content{flex-direction:column;align-items:center;gap:16px;max-width:680px;margin:0 auto;display:flex}.footer-cta-title{color:#fff;font-size:clamp(1.5rem,2.8vw,2rem);font-weight:700}.footer-cta-desc{color:var(--text-secondary);max-width:500px;font-size:.9rem}.footer-cta-actions{margin-top:4px}.footer-cta-meta{font-size:.72rem;font-family:var(--font-mono);color:#52525b}.footer-bottom{color:#71717a;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;max-width:1200px;margin:0 auto;padding:36px 24px;font-size:.8rem;display:flex}.footer-brand{align-items:center;gap:10px;display:flex}.footer-logo-img{border-radius:4px;width:20px;height:20px}.footer-brand-title{color:#fff;font-weight:700}.footer-divider{color:#27272a}.footer-links{align-items:center;gap:20px;display:flex}.footer-link{align-items:center;gap:6px;transition:color .2s;display:flex}.footer-link:hover{color:#fff}.btn-soon{opacity:.85;cursor:default;-webkit-user-select:none;user-select:none}.btn-soon:hover{background-color:var(--accent-white)!important;transform:none!important}.zoom-hover-container{cursor:zoom-in;border-radius:16px;position:relative;overflow:hidden}.zoom-hover-image{will-change:transform, transform-origin;transition:transform .15s cubic-bezier(.16,1,.3,1)}