@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";
.code-snippet{font-family:JetBrains Mono,monospace;font-size:14px;line-height:1.8}.code-snippet>div{display:block}.code-preview,.code-content{font-family:JetBrains Mono,monospace}.code-line{display:block}.landing-container{max-width:1280px;margin:0 auto;padding:0 32px}.landing-header{border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100;background:#0f172acc;padding:24px 0;position:sticky;top:0}.landing-nav{justify-content:space-between;align-items:center;display:flex}.landing-logo{color:var(--text);align-items:center;gap:12px;font-size:20px;font-weight:700;text-decoration:none;display:flex}.logo-mark{background:linear-gradient(135deg,var(--purple)0%,var(--amber)100%);border-radius:6px;width:32px;height:32px}.nav-links{gap:32px;margin:0;padding:0;list-style:none;display:flex}.nav-links a{color:var(--text-secondary);font-weight:500;text-decoration:none;transition:color .2s}.nav-links a:hover{color:var(--text)}.nav-links a:focus-visible{outline:2px solid var(--ed-link-focus);outline-offset:2px;color:var(--ed-link);border-radius:2px}.btn{cursor:pointer;border:none;border-radius:8px;padding:12px 24px;font-size:16px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-block}.btn-primary{background:var(--purple);color:#fff}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #8b5cf666}.btn-primary:focus-visible,.btn:focus-visible{outline:2px solid var(--ed-link-focus);outline-offset:2px;border-radius:8px}.btn-secondary{color:var(--purple);border:2px solid var(--purple);background:0 0;padding:10px 24px}.btn-secondary:hover{background:#8b5cf61a}.hero{padding:100px 0;position:relative}.hero-grid{grid-template-columns:1fr 1fr;align-items:center;gap:60px;display:grid}.hero-content h1{letter-spacing:-.02em;margin-bottom:20px;font-size:48px;font-weight:700;line-height:1.2}.gradient-text{background:linear-gradient(135deg,var(--purple)0%,var(--amber)100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-content p{color:var(--text-secondary);margin-bottom:32px;font-size:18px;line-height:1.6}.stats{gap:32px;margin-top:40px;display:flex}.stat{border-left:2px solid var(--purple);padding-left:16px}.stat-number{color:var(--purple);font-size:32px;font-weight:700;display:block}.stat-label{color:var(--text-secondary);font-size:14px}.terminal{background:var(--terminal-bg);border:1px solid var(--border);border-radius:12px;overflow:hidden;box-shadow:0 20px 25px -5px #0000004d}.terminal-header{background:var(--terminal-header);border-bottom:1px solid var(--border);align-items:center;gap:8px;padding:12px 16px;display:flex}.terminal-dot{border-radius:50%;width:12px;height:12px}.dot-red{background:var(--ed-error)}.dot-yellow{background:var(--ed-amber)}.dot-green{background:var(--ed-success)}.terminal-body{padding:24px;font-family:JetBrains Mono,monospace;font-size:14px;line-height:1.8}.terminal-line{margin-bottom:8px}.prompt{color:var(--ed-success)}.command{color:var(--ed-amber)}.output{color:var(--text-tertiary)}.success{color:var(--ed-success)}.features{padding:80px 0}.features h2{text-align:center;margin-bottom:16px;font-size:36px;font-weight:700}.features-subtitle{text-align:center;color:var(--text-secondary);margin-bottom:60px;font-size:18px}.tech-stack{grid-template-columns:repeat(4,1fr);gap:24px;margin-top:60px;display:grid}.tech-item{background:var(--surface);border:1px solid var(--border);text-align:center;border-radius:8px;padding:20px}.tech-item h4{margin-bottom:8px;font-size:16px;font-weight:600}.tech-item p{color:var(--text-secondary);margin:0;font-size:14px}.comparison{background:var(--surface);padding:80px 0}.comparison h2{text-align:center;margin-bottom:60px;font-size:36px;font-weight:700}.comparison-table{background:var(--bg);border:1px solid var(--border);border-radius:12px;max-width:900px;margin:0 auto;overflow:hidden}.comparison-row{border-bottom:1px solid var(--border);grid-template-columns:2fr 1fr 1fr 1fr;display:grid}.comparison-row:last-child{border-bottom:none}.comparison-header{background:var(--surface);font-weight:600}.comparison-cell{border-right:1px solid var(--border);padding:16px 20px}.comparison-cell:last-child{border-right:none}.check{color:var(--ed-success);font-weight:600}.cross{color:var(--ed-error)}.landing-footer{text-align:center;border-top:1px solid var(--border);padding:60px 0}.landing-footer p{color:var(--text-secondary);margin:0}[data-theme=light] .landing-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc}[data-theme=light] .btn-secondary{color:var(--purple);border:2px solid var(--purple);background:0 0;padding:10px 24px}[data-theme=light] .btn-secondary:hover{background:#7c3aed1a}[data-theme=light] .hero{text-align:center;padding:120px 0 80px}[data-theme=light] .hero-grid{text-align:center;grid-template-columns:1fr}[data-theme=light] .hero-content h1{max-width:800px;margin-left:auto;margin-right:auto}[data-theme=light] .hero-content p{max-width:600px;margin-left:auto;margin-right:auto;font-size:20px}[data-theme=light] .hero-cta{justify-content:center;gap:16px;margin-bottom:60px;display:flex}[data-theme=light] .code-snippet{background:var(--ed-code-bg);color:#e2e8f0;text-align:left;border:1px solid #334155;border-radius:12px;max-width:600px;margin:0 auto;padding:24px;font-family:JetBrains Mono,monospace;font-size:14px;line-height:1.8}[data-theme=light] .code-snippet .comment{color:#94a3b8}[data-theme=light] .code-snippet .command{color:#f59e0b}[data-theme=light] .features{background:var(--surface)}[data-theme=light] .feature-grid{grid-template-columns:repeat(3,1fr);gap:32px;margin-top:0;display:grid}[data-theme=light] .feature-card{border:1px solid var(--border);background:#fff;border-radius:12px;padding:32px}[data-theme=light] .feature-icon{background:linear-gradient(135deg,var(--purple)0%,var(--amber)100%);border-radius:8px;width:48px;height:48px;margin-bottom:16px}[data-theme=light] .feature-card h3{margin-bottom:12px;font-size:20px;font-weight:600}[data-theme=light] .feature-card p{color:var(--text-secondary);line-height:1.6}[data-theme=light] .comparison,[data-theme=light] .comparison-header{background:var(--surface)}[data-theme=monochrome] .landing-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--gray-200);background:#fffc}[data-theme=monochrome] .btn-primary{background:var(--black);color:var(--white);border:2px solid var(--black)}[data-theme=monochrome] .btn-primary:hover{background:var(--gray-900);transform:translateY(-2px);box-shadow:0 8px 16px #00000026}[data-theme=monochrome] .btn-secondary{background:var(--white);color:var(--black);border:2px solid var(--gray-300)}[data-theme=monochrome] .btn-secondary:hover{border-color:var(--black);background:var(--gray-50)}[data-theme=monochrome] .hero{text-align:center;padding:120px 0 80px}[data-theme=monochrome] .hero-grid{text-align:center;grid-template-columns:1fr}[data-theme=monochrome] .hero-content h1{letter-spacing:-.03em;color:var(--black);max-width:100%;margin-bottom:24px;margin-left:auto;margin-right:auto;font-size:72px;font-weight:700;line-height:1.1}[data-theme=monochrome] .hero-content p{color:var(--gray-600);max-width:700px;margin-bottom:48px;margin-left:auto;margin-right:auto;font-size:24px;font-weight:400}[data-theme=monochrome] .hero-cta{justify-content:center;gap:16px;margin-bottom:64px;display:flex}[data-theme=monochrome] .code-preview{background:var(--black);border-radius:12px;max-width:700px;margin:0 auto 64px;padding:32px;box-shadow:0 20px 60px #0003}[data-theme=monochrome] .code-header{gap:8px;margin-bottom:24px;display:flex}[data-theme=monochrome] .code-dot{background:var(--gray-700);border-radius:50%;width:12px;height:12px}[data-theme=monochrome] .code-content{color:var(--gray-300);font-family:JetBrains Mono,monospace;font-size:14px;line-height:1.8}[data-theme=monochrome] .code-line{display:block}[data-theme=monochrome] .code-comment{color:var(--gray-600)}[data-theme=monochrome] .code-command{color:var(--white)}[data-theme=monochrome] .stats{border-top:1px solid var(--gray-200);border-bottom:1px solid var(--gray-200);grid-template-columns:repeat(3,1fr);gap:48px;margin-top:0;padding:80px 0;display:grid}[data-theme=monochrome] .stat{text-align:center;border-left:none;padding-left:0}[data-theme=monochrome] .stat-number{color:var(--black);letter-spacing:-.02em;margin-bottom:8px;font-size:48px;font-weight:700;display:block}[data-theme=monochrome] .stat-label{color:var(--gray-600);font-size:16px}[data-theme=monochrome] .features{background:var(--white);padding:120px 0}[data-theme=monochrome] .features h2{letter-spacing:-.02em;margin-bottom:16px;font-size:48px;font-weight:700}[data-theme=monochrome] .features-subtitle{color:var(--gray-600);max-width:600px;margin:0 auto 80px;font-size:20px}[data-theme=monochrome] .feature-grid{grid-template-columns:repeat(3,1fr);gap:48px;margin-top:0;display:grid}[data-theme=monochrome] .feature-card{background:var(--white);border:1px solid var(--gray-200);text-align:left;border-radius:12px;padding:32px}[data-theme=monochrome] .feature-icon{background:var(--black);border-radius:8px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:24px;font-size:24px;display:flex}[data-theme=monochrome] .feature-card h3{color:var(--black);margin-bottom:12px;font-size:20px;font-weight:600}[data-theme=monochrome] .feature-card p{color:var(--gray-600);line-height:1.7}[data-theme=monochrome] .comparison{background:var(--gray-50);padding:120px 0}[data-theme=monochrome] .comparison-table{background:var(--white);border:1px solid var(--gray-200);border-radius:12px;overflow:hidden}[data-theme=monochrome] .comparison-header{background:var(--black);color:var(--white)}[data-theme=monochrome] .comparison-header .comparison-cell{color:var(--white)}[data-theme=monochrome] .comparison-cell{color:var(--black)}[data-theme=monochrome] .check{color:var(--black);font-weight:700}[data-theme=monochrome] .cross{color:var(--gray-400)}@media (max-width:768px){.hero-grid{grid-template-columns:1fr}.tech-stack{grid-template-columns:1fr 1fr}.comparison-row{grid-template-columns:1.5fr 1fr 1fr 1fr;font-size:14px}[data-theme=light] .hero h1{font-size:36px}[data-theme=light] .feature-grid{grid-template-columns:1fr}[data-theme=light] .nav-links{display:none}[data-theme=monochrome] .hero h1{font-size:48px}[data-theme=monochrome] .feature-grid{grid-template-columns:1fr;gap:48px}[data-theme=monochrome] .stats{grid-template-columns:1fr;gap:32px}[data-theme=monochrome] .nav-links{display:none}}