:root{--bg-primary:#faf6f0;--bg-surface:#f2ede5;--bg-surface-hover:#ebe5db;--bg-surface-active:#e3dcd0;--bg-sidebar:#f5f0e8;--text-primary:#1a1a2e;--text-secondary:#5a5a72;--text-muted:#9090a4;--accent:#c4891e;--accent-subtle:#c4891e1f;--accent-hover:#b07a18;--teal:#2d8b70;--blue:#3a6fb5;--error:#c44040;--border:#d8d0c2;--border-subtle:#e5ddd0;--shadow-sm:0 1px 3px #1a1a2e0f;--shadow-md:0 4px 16px #1a1a2e14;--shadow-lg:0 8px 32px #1a1a2e1a;--shadow-xl:0 16px 48px #1a1a2e1f;--code-bg:#f0ebe2;--code-text:#2d8b70;--card-glow:#c4891e0f}@media (prefers-color-scheme:dark){:root{--bg-primary:#0f0f1a;--bg-surface:#151528;--bg-surface-hover:#1c1c38;--bg-surface-active:#22224a;--bg-sidebar:#112;--text-primary:#e2e2f0;--text-secondary:#88a;--text-muted:#555570;--accent:#f5a623;--accent-subtle:#f5a6231f;--accent-hover:#e69a1e;--teal:#7fdbca;--blue:#5b9cf5;--error:#ff6b6b;--border:#224;--border-subtle:#1a1a36;--shadow-sm:0 1px 3px #0000004d;--shadow-md:0 4px 16px #0006;--shadow-lg:0 8px 32px #00000080;--shadow-xl:0 16px 48px #0009;--code-bg:#151528;--code-text:#7fdbca;--card-glow:#f5a6230a}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{color:var(--text-primary);background:var(--bg-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4{letter-spacing:-.01em;font-family:Instrument Serif,Georgia,Times New Roman,serif;font-weight:400;line-height:1.15}h1{font-size:clamp(2.75rem,5vw + 1rem,4.5rem)}h2{font-size:clamp(2rem,3vw + .5rem,3rem)}h3{font-size:clamp(1.25rem,2vw,1.75rem)}p{color:var(--text-secondary);font-size:1.0625rem;line-height:1.7}a{color:var(--blue);text-decoration:none;transition:color .2s}a:hover{color:var(--accent)}code,.mono{font-family:JetBrains Mono,SF Mono,monospace}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.section{padding:6rem 0}.section-header{text-align:center;max-width:640px;margin:0 auto 3.5rem}.section-header h2{color:var(--text-primary);margin-bottom:1rem}.section-header p{font-size:1.125rem}.section-label{letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin-bottom:.75rem;font-family:JetBrains Mono,monospace;font-size:.75rem;font-weight:500;display:inline-block}.btn{letter-spacing:-.005em;cursor:pointer;border:none;border-radius:10px;align-items:center;gap:.5rem;padding:.8125rem 1.75rem;font-family:Inter,sans-serif;font-size:.9375rem;font-weight:600;text-decoration:none;transition:all .25s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn-primary{background:var(--accent);color:#fff;box-shadow:0 2px 8px #c4891e4d}.btn-primary:hover{background:var(--accent-hover);color:#fff;transform:translateY(-1px);box-shadow:0 4px 16px #c4891e66}.btn-secondary{background:var(--bg-surface);color:var(--text-primary);border:1px solid var(--border)}.btn-secondary:hover{background:var(--bg-surface-hover);border-color:var(--accent);color:var(--text-primary)}.btn-ghost{color:var(--text-secondary);background:0 0;padding:.5rem 1rem}.btn-ghost:hover{color:var(--text-primary);background:var(--accent-subtle)}.badge{background:var(--accent-subtle);color:var(--accent);border:1px solid #0000;border-radius:999px;align-items:center;gap:.375rem;padding:.375rem .875rem;font-size:.8125rem;font-weight:500;display:inline-flex}.badge-outline{border:1px solid var(--border);color:var(--text-muted);background:0 0}.card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:16px;padding:2rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.card:hover{border-color:var(--border);box-shadow:var(--shadow-md);transform:translateY(-2px)}.card-icon{background:var(--accent-subtle);width:48px;height:48px;color:var(--accent);border-radius:12px;justify-content:center;align-items:center;margin-bottom:1.25rem;font-size:1.25rem;display:flex}.card h3{color:var(--text-primary);margin-bottom:.5rem;font-family:Inter,sans-serif;font-size:1.125rem;font-weight:600}.card p{color:var(--text-secondary);font-size:.9375rem;line-height:1.6}.navbar{z-index:100;padding:0 1.5rem;transition:all .3s;position:fixed;top:0;left:0;right:0}.navbar-inner{justify-content:space-between;align-items:center;max-width:1200px;height:64px;margin:0 auto;display:flex}.navbar-scrolled{background:color-mix(in srgb, var(--bg-primary) 85%, transparent);-webkit-backdrop-filter:blur(16px)saturate(1.5);border-bottom:1px solid var(--border-subtle)}.navbar-logo{color:var(--text-primary);align-items:center;gap:.625rem;text-decoration:none;display:flex}.navbar-logo-icon{object-fit:contain;border-radius:8px;width:32px;height:32px}.navbar-logo-text{letter-spacing:-.015em;font-family:Instrument Serif,Georgia,serif;font-size:1.375rem;font-weight:400}.navbar-links{align-items:center;gap:.25rem;list-style:none;display:flex}.navbar-links a{color:var(--text-secondary);border-radius:8px;align-items:center;padding:.5rem .875rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.navbar-links a:hover{color:var(--text-primary);background:var(--accent-subtle)}.navbar-actions{align-items:center;gap:.75rem;display:flex}.hero{text-align:center;padding:8rem 0 4rem;position:relative;overflow:hidden}.hero:before{content:"";background:radial-gradient(circle, var(--accent-subtle) 0%, transparent 70%);pointer-events:none;z-index:0;width:800px;height:800px;position:absolute;top:-200px;left:50%;transform:translate(-50%)}.hero-content{z-index:1;max-width:720px;margin:0 auto;position:relative}.hero h1{color:var(--text-primary);margin-bottom:1.25rem}.hero h1 .accent{color:var(--accent);font-style:italic}.hero-subtitle{color:var(--text-secondary);max-width:520px;margin-bottom:2.5rem;margin-left:auto;margin-right:auto;font-size:1.25rem;line-height:1.6}.hero-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.hero-platform-note{color:var(--text-muted);margin-top:.5rem;font-size:.8125rem}.hero-mockup{margin-top:4rem;position:relative}.hero-mockup-window{border:1px solid var(--border);max-width:960px;box-shadow:var(--shadow-xl);background:var(--bg-surface);border-radius:12px;margin:0 auto;overflow:hidden}.hero-mockup-titlebar{background:var(--bg-surface);border-bottom:1px solid var(--border-subtle);align-items:center;gap:.5rem;padding:.875rem 1rem;display:flex}.hero-mockup-dot{background:var(--border);border-radius:50%;width:12px;height:12px}.hero-mockup-dot:first-child{background:#ff5f56}.hero-mockup-dot:nth-child(2){background:#ffbd2e}.hero-mockup-dot:nth-child(3){background:#27c93f}.hero-mockup-body{min-height:400px;display:flex}.hero-mockup-sidebar{border-right:1px solid var(--border-subtle);flex-shrink:0;width:200px;padding:1rem}.hero-mockup-file{color:var(--text-secondary);border-radius:6px;align-items:center;gap:.5rem;margin-bottom:2px;padding:.375rem .5rem;font-size:.8125rem;display:flex}.hero-mockup-file.active{background:var(--accent-subtle);color:var(--accent)}.hero-mockup-file-icon{opacity:.6;font-size:.75rem}.hero-mockup-editor{color:var(--text-primary);flex:1;padding:1.5rem 2rem;font-family:JetBrains Mono,monospace;font-size:.8125rem;line-height:1.8}.hero-mockup-editor .md-h1{color:var(--accent);margin-bottom:.75rem;font-size:1.375rem;font-weight:700}.hero-mockup-editor .md-h2{color:var(--accent);margin-top:1rem;margin-bottom:.5rem;font-size:1.0625rem;font-weight:600}.hero-mockup-editor .md-bold{color:var(--text-primary);font-weight:700}.hero-mockup-editor .md-italic{color:var(--text-secondary);font-style:italic}.hero-mockup-editor .md-link{color:var(--blue);-webkit-text-decoration:underline dashed;text-decoration:underline dashed}.hero-mockup-editor .md-code{background:var(--code-bg);color:var(--code-text);border-radius:4px;padding:.125rem .375rem;font-size:.8125rem}.hero-mockup-editor .md-wikilink{color:var(--accent);-webkit-text-decoration:underline dashed;text-decoration:underline dashed}.hero-mockup-editor .md-blockquote{border-left:3px solid var(--border);color:var(--text-muted);padding-left:1rem;font-style:italic}.hero-mockup-editor .md-bullet{color:var(--accent)}.hero-mockup-ai{border-left:1px solid var(--border-subtle);flex-direction:column;flex-shrink:0;gap:.75rem;width:260px;padding:1rem;display:flex}.hero-mockup-ai-header{color:var(--accent);align-items:center;gap:.375rem;font-family:Inter,sans-serif;font-size:.75rem;font-weight:600;display:flex}.hero-mockup-ai-bubble{border-radius:10px;padding:.625rem .75rem;font-family:Inter,sans-serif;font-size:.75rem;line-height:1.5}.hero-mockup-ai-bubble.user{background:var(--bg-surface-hover);color:var(--text-primary);align-self:flex-end;max-width:90%}.hero-mockup-ai-bubble.assistant{background:var(--bg-surface);color:var(--text-secondary);border:1px solid var(--border-subtle)}.hero-mockup-ai-tool{color:var(--accent);background:var(--accent-subtle);border-radius:999px;align-items:center;gap:.25rem;margin-bottom:.25rem;padding:.1875rem .5rem;font-family:Inter,sans-serif;font-size:.625rem;font-weight:500;display:inline-flex}.hero-mockup-ai-input{border:1px solid var(--border);color:var(--text-muted);border-radius:8px;align-items:center;gap:.5rem;margin-top:auto;padding:.5rem .75rem;font-family:Inter,sans-serif;font-size:.6875rem;display:flex}.feature-grid{grid-template-columns:repeat(3,1fr);gap:1.25rem;display:grid}.ai-showcase{background:var(--bg-surface);border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle)}.ai-showcase-grid{grid-template-columns:1fr 1fr;align-items:center;gap:3rem;display:grid}.ai-showcase-content{flex-direction:column;gap:1.5rem;display:flex}.ai-showcase-content h2{color:var(--text-primary)}.ai-feature-list{flex-direction:column;gap:1rem;list-style:none;display:flex}.ai-feature-item{align-items:flex-start;gap:.75rem;display:flex}.ai-feature-icon{background:var(--accent-subtle);width:36px;height:36px;color:var(--accent);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;margin-top:.125rem;font-size:1rem;display:flex}.ai-feature-text h4{color:var(--text-primary);margin-bottom:.25rem;font-family:Inter,sans-serif;font-size:.9375rem;font-weight:600}.ai-feature-text p{color:var(--text-secondary);font-size:.875rem;line-height:1.5}.ai-showcase-visual{border:1px solid var(--border);box-shadow:var(--shadow-lg);background:var(--bg-primary);border-radius:16px;overflow:hidden}.ai-showcase-visual-placeholder{aspect-ratio:4/3;color:var(--text-muted);justify-content:center;align-items:center;font-size:.875rem;font-style:italic;display:flex}.editor-features-grid{grid-template-columns:repeat(2,1fr);gap:1.25rem;display:grid}.editor-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:16px;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.editor-card:hover{border-color:var(--border);box-shadow:var(--shadow-md)}.editor-card-content{padding:1.75rem}.editor-card-content h3{color:var(--text-primary);margin-bottom:.5rem;font-family:Inter,sans-serif;font-size:1.0625rem;font-weight:600}.editor-card-content p{color:var(--text-secondary);font-size:.9375rem}.editor-card-preview{flex-wrap:wrap;gap:.5rem;padding:1rem 1.75rem 1.5rem;display:flex}.syntax-tag{background:var(--code-bg);border-radius:6px;align-items:center;padding:.25rem .625rem;font-family:JetBrains Mono,monospace;font-size:.75rem;display:inline-flex}.syntax-tag.heading{color:var(--accent)}.syntax-tag.bold{color:var(--text-primary);font-weight:700}.syntax-tag.code{color:var(--code-text)}.syntax-tag.link{color:var(--blue)}.syntax-tag.wikilink{color:var(--accent)}.theme-dots{gap:.5rem;display:flex}.theme-dot{border:2px solid var(--border);border-radius:8px;width:28px;height:28px;transition:transform .2s;position:relative}.theme-dot:hover{transform:scale(1.15)}.theme-dot-label{white-space:nowrap;color:var(--text-muted);opacity:0;font-family:Inter,sans-serif;font-size:.5625rem;transition:opacity .2s;position:absolute;bottom:-1.25rem;left:50%;transform:translate(-50%)}.theme-dot:hover .theme-dot-label{opacity:1}.export-tags{gap:.5rem;display:flex}.export-tag{background:var(--accent-subtle);color:var(--accent);border-radius:6px;padding:.3125rem .75rem;font-size:.8125rem;font-weight:500}.how-it-works-grid{counter-reset:step;grid-template-columns:repeat(3,1fr);gap:2rem;display:grid}.step-card{text-align:center;padding:2rem 1.5rem;position:relative}.step-number{background:var(--accent-subtle);width:56px;height:56px;color:var(--accent);border:1px solid var(--border-subtle);border-radius:16px;justify-content:center;align-items:center;margin:0 auto 1.25rem;font-family:Instrument Serif,serif;font-size:1.5rem;display:flex}.step-card h3{color:var(--text-primary);margin-bottom:.5rem;font-family:Inter,sans-serif;font-size:1.0625rem;font-weight:600}.step-card p{color:var(--text-secondary);font-size:.9375rem}.step-connector{display:none}.cta-section{text-align:center;padding:6rem 0;position:relative}.cta-section:before{content:"";background:radial-gradient(circle, var(--accent-subtle) 0%, transparent 70%);pointer-events:none;width:600px;height:400px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.cta-content{z-index:1;position:relative}.cta-content h2{color:var(--text-primary);margin-bottom:1rem}.cta-content p{max-width:480px;margin-bottom:2rem;margin-left:auto;margin-right:auto;font-size:1.125rem}.cta-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;display:flex}.footer{border-top:1px solid var(--border-subtle);padding:2.5rem 0}.footer-inner{justify-content:space-between;align-items:center;display:flex}.footer-brand{align-items:center;gap:.5rem;display:flex}.footer-brand-text{color:var(--text-primary);font-family:Instrument Serif,serif;font-size:1.125rem}.footer-copy{color:var(--text-muted);font-size:.8125rem}.footer-links{gap:1.5rem;list-style:none;display:flex}.footer-links a{color:var(--text-muted);font-size:.8125rem;text-decoration:none;transition:color .2s}.footer-links a:hover{color:var(--text-primary)}@keyframes fade-in-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.animate-fade-in-up{animation:.7s cubic-bezier(.4,0,.2,1) both fade-in-up}.animate-delay-1{animation-delay:.1s}.animate-delay-2{animation-delay:.2s}.animate-delay-3{animation-delay:.3s}.animate-delay-4{animation-delay:.4s}.animate-delay-5{animation-delay:.5s}@media (max-width:1024px){.feature-grid{grid-template-columns:repeat(2,1fr)}.ai-showcase-grid{grid-template-columns:1fr;gap:2rem}.hero-mockup-ai{display:none}.hero-mockup-sidebar{width:160px}}@media (max-width:768px){.section{padding:4rem 0}.hero{padding:6rem 0 3rem}.feature-grid,.editor-features-grid{grid-template-columns:1fr}.how-it-works-grid{grid-template-columns:1fr;gap:1rem}.hero-mockup-body{flex-direction:column}.hero-mockup-sidebar{border-right:none;border-bottom:1px solid var(--border-subtle);gap:.25rem;width:100%;display:flex;overflow-x:auto}.hero-mockup-file{white-space:nowrap}.hero-mockup-body{min-height:auto}.hero-mockup-editor{min-height:240px}.navbar-links{display:none}.footer-inner{text-align:center;flex-direction:column;gap:1rem}.footer-links{justify-content:center}}