:root{--bg-base:#f8fafc;--bg-elevated:#fff;--bg-hover:#f1f5f9;--border:#e2e8f0;--text:#0f172a;--text-muted:#64748b;--accent:#0d9488;--accent-subtle:#ccfbf1;--font-sans:"Instrument Sans", system-ui, -apple-system, sans-serif;--font-serif:"Instrument Serif", serif;--font-mono:"JetBrains Mono", ui-monospace, "SF Mono", monospace;--container-width:1100px;--nav-height:80px;--radius:8px;--transition:all .25s cubic-bezier(.4, 0, .2, 1)}[data-theme=dark]{--bg-base:#0f172a;--bg-elevated:#1e293b;--bg-hover:#334155;--border:#334155;--text:#f1f5f9;--text-muted:#94a3b8;--accent:#2dd4bf;--accent-subtle:#134e4a}*{box-sizing:border-box}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-sans);color:var(--text);background:var(--bg-base);letter-spacing:-.011em;margin:0;line-height:1.625}.container{max-width:var(--container-width);margin:0 auto;padding:0 2rem}h1,h2,h3,h4{letter-spacing:-.03em;color:var(--text);margin-bottom:1rem;font-weight:600;line-height:1.1}h1{font-size:4rem;font-weight:700}h2{letter-spacing:-.025em;font-size:2.75rem}h3{letter-spacing:-.015em;font-size:1.5rem}.font-serif{font-family:var(--font-serif);font-style:italic;font-weight:400}a{color:var(--accent);transition:var(--transition);text-decoration:none}a:hover{opacity:.8}button{cursor:pointer;background:0 0;border:none;font-family:inherit}.btn{border-radius:var(--radius);transition:var(--transition);justify-content:center;align-items:center;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;display:inline-flex}.btn-primary{background:var(--accent);color:#fff}[data-theme=dark] .btn-primary{color:#000}.btn-secondary{background:var(--bg-elevated);color:var(--text);border:1px solid var(--border)}.section{padding:5rem 0}.section-title{text-align:center;letter-spacing:-.04em;margin-bottom:4rem;font-size:3rem}.features-grid{grid-template-columns:repeat(2,1fr);gap:2.5rem;margin-top:4rem;display:grid}.feature-card{background:var(--bg-elevated);border:1px solid var(--border);transition:var(--transition);border-radius:12px;flex-direction:column;gap:1.5rem;padding:3.5rem;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 6px -1px #0000000d}[data-theme=dark] .feature-card{box-shadow:0 10px 30px -10px #00000080}.feature-card:before{content:"";background:linear-gradient(90deg, transparent, var(--accent), transparent);opacity:0;height:3px;transition:var(--transition);position:absolute;top:0;left:0;right:0}.feature-card:hover{border-color:var(--accent);transform:translateY(-8px);box-shadow:0 25px 50px -12px #0000001a}[data-theme=dark] .feature-card:hover{box-shadow:0 25px 50px -12px #0009}.feature-card:hover:before{opacity:1}.feature-icon{margin-bottom:.5rem;font-size:3rem;transition:transform .4s cubic-bezier(.175,.885,.32,1.275);display:inline-block}.feature-card:hover .feature-icon{transform:scale(1.1)rotate(5deg)}.feature-card h3{font-size:1.85rem;font-family:var(--font-sans);letter-spacing:-.02em;margin:0;font-weight:600}.feature-card p{color:var(--text-muted);margin:0;font-size:1.15rem;line-height:1.6}@media (width<=1024px){.features-grid{gap:2rem}}@media (width<=768px){html{font-size:15px}.section{padding:4rem 0}.features-grid{grid-template-columns:1fr;margin-top:2rem}.feature-card{padding:2.5rem}}.app-layout[data-v-02e17810]{min-height:100vh}.nav[data-v-02e17810]{height:var(--nav-height);border-bottom:1px solid var(--border);background:var(--bg-base);z-index:100;align-items:center;display:flex;position:sticky;top:0}.nav-content[data-v-02e17810]{justify-content:space-between;align-items:center;width:100%;display:flex}.logo-wrapper[data-v-02e17810]{align-items:center;gap:.75rem;display:flex}.logo-img[data-v-02e17810]{object-fit:contain;width:32px;height:32px}.logo-text[data-v-02e17810]{letter-spacing:-.025em;color:var(--accent);font-size:1.5rem;font-weight:800}.nav-links[data-v-02e17810]{align-items:center;gap:2rem;display:flex}.nav-links a[data-v-02e17810]{color:var(--text-muted);font-weight:500}.nav-links a[data-v-02e17810]:hover{color:var(--text)}.theme-toggle[data-v-02e17810]{border-radius:var(--radius);background:var(--bg-hover);border:1px solid var(--border);color:var(--accent);transition:var(--transition);justify-content:center;align-items:center;padding:.5rem;display:flex}.theme-toggle[data-v-02e17810]:hover{background:var(--border);color:var(--text)}.hero[data-v-02e17810]{padding-top:8rem;padding-bottom:8rem}.hero-content[data-v-02e17810]{grid-template-columns:1fr 1fr;align-items:center;gap:4rem;display:grid}.hero-text h1[data-v-02e17810]{letter-spacing:-.02em;margin-bottom:1.5rem;font-size:3.5rem;line-height:1.1}.gradient-text[data-v-02e17810]{background:linear-gradient(135deg, var(--text) 30%, var(--accent) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.hero-desc[data-v-02e17810]{color:var(--text-muted);max-width:500px;margin-bottom:2.5rem;font-size:1.25rem}.hero-ctas[data-v-02e17810]{gap:1rem;display:flex}.hero-visual[data-v-02e17810]{perspective:1000px}.mockup[data-v-02e17810]{background:var(--bg-elevated);border:1px solid var(--border);border-radius:12px;grid-template-columns:80px 1.5fr 1fr;height:350px;display:grid;overflow:hidden;transform:rotateY(-10deg)rotateX(5deg);box-shadow:0 20px 50px #0000001a}.mockup-sidebar[data-v-02e17810]{background:var(--bg-base);border-right:1px solid var(--border)}.mockup-main[data-v-02e17810]{border-right:1px solid var(--border);padding:1rem}.mockup-search[data-v-02e17810]{background:var(--bg-hover);border-radius:4px;height:30px;margin-bottom:1rem}.mockup-line[data-v-02e17810]{background:var(--bg-hover);border-radius:2px;width:80%;height:10px;margin-bottom:.75rem}.mockup-line[data-v-02e17810]:nth-child(2n){width:60%}.mockup-preview[data-v-02e17810]{background:var(--bg-base)}.about-content[data-v-02e17810]{text-align:center;max-width:800px}.about-text h2[data-v-02e17810]{margin-bottom:1.5rem;font-size:2.5rem}.about-text p[data-v-02e17810]{color:var(--text-muted);margin-bottom:1.5rem;font-size:1.15rem}.footer[data-v-02e17810]{border-top:1px solid var(--border);margin-top:5rem;padding:4rem 0}.footer-content[data-v-02e17810]{justify-content:space-between;align-items:center;display:flex}.logo-wrapper-small[data-v-02e17810]{align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.logo-img-small[data-v-02e17810]{object-fit:contain;width:32px;height:32px}.logo-text-small[data-v-02e17810]{color:var(--accent);font-size:1.25rem;font-weight:800}.footer-left p[data-v-02e17810]{color:var(--text-muted);font-size:.9rem}.footer-links[data-v-02e17810]{gap:2rem;display:flex}.footer-links a[data-v-02e17810]{color:var(--text-muted);font-size:.9rem}@media (width<=968px){.hero-content[data-v-02e17810]{text-align:center;grid-template-columns:1fr}.hero-text h1[data-v-02e17810]{font-size:2.75rem}.hero-desc[data-v-02e17810]{margin:0 auto 2.5rem}.hero-ctas[data-v-02e17810]{justify-content:center}.hero-visual[data-v-02e17810]{margin-top:4rem}.mockup[data-v-02e17810]{max-width:600px;margin:0 auto;transform:none}}@media (width<=640px){.nav-links a[data-v-02e17810]{display:none}.nav-links .github-link[data-v-02e17810]{display:flex}.footer-content[data-v-02e17810]{text-align:center;flex-direction:column;gap:2rem}}