@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,400;1,500&family=JetBrains+Mono:wght@400;500&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--font-sans: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--sp-1: 8px;--sp-2: 16px;--sp-3: 24px;--sp-4: 32px;--sp-5: 40px;--sp-6: 48px;--sp-8: 64px;--sp-10: 80px;--sp-12: 96px;--sp-16: 128px;--sp-20: 160px;--sp-24: 192px;--text-xs: 12px;--text-sm: 14px;--text-base: 16px;--text-md: 18px;--text-lg: 22px;--text-xl: 28px;--text-2xl: 36px;--text-3xl: 48px;--text-4xl: 64px;--text-5xl: 80px;--text-6xl: 96px;--color-bg: #06060a;--color-surface: #0c0c12;--color-elevated: #12121a;--color-card: #14141e;--color-border: #1e1e2a;--color-border-lt: #2a2a3a;--color-text: #f0f0f4;--color-text-2: #8888a0;--color-text-3: #555568;--color-accent: #4ECDC4;--color-accent-h: #66e0d8;--color-accent-d: #3ab0a8;--color-glow: rgba(78, 205, 196, .12);--color-glow-strong: rgba(78, 205, 196, .25);--radius: 12px;--radius-lg: 20px;--radius-xl: 28px;--nav-h: 72px;--page-w: 1200px;--content-w: 760px}html{font-family:var(--font-sans);background:var(--color-bg);color:var(--color-text);font-size:var(--text-base);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{min-height:100vh}::selection{background:#4ecdc44d;color:#fff}.site-nav{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;height:var(--nav-h);padding:0 var(--sp-5);background:#06060ab3;backdrop-filter:blur(24px) saturate(1.2);-webkit-backdrop-filter:blur(24px) saturate(1.2);border-bottom:1px solid rgba(255,255,255,.04)}.nav-logo{font-size:var(--text-lg);font-weight:800;color:var(--color-text);text-decoration:none;letter-spacing:-.04em}.nav-links{display:flex;align-items:center;gap:var(--sp-5)}.nav-links a{font-size:var(--text-sm);font-weight:500;color:var(--color-text-2);text-decoration:none;transition:color .2s}.nav-links a:hover{color:var(--color-text)}.nav-cta{padding:10px 24px!important;background:var(--color-accent)!important;color:var(--color-bg)!important;border-radius:100px!important;font-weight:700!important;font-size:var(--text-xs)!important;letter-spacing:.02em;text-transform:uppercase;transition:all .25s!important;box-shadow:0 0 24px var(--color-glow)}.nav-cta:hover{background:var(--color-accent-h)!important;color:var(--color-bg)!important;transform:translateY(-1px);box-shadow:0 0 40px var(--color-glow-strong)!important}main{max-width:none;margin:0;padding:0}.section{padding:var(--sp-16) var(--sp-5);position:relative}.section-dark{background:var(--color-surface)}.section-inner{max-width:var(--page-w);margin:0 auto}.section-narrow{max-width:880px}.section-label{font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--color-accent);margin-bottom:var(--sp-8);text-align:center}.section-title{font-size:clamp(var(--text-2xl),5vw,var(--text-3xl));font-weight:800;letter-spacing:-.04em;line-height:1.1;text-align:center;margin-bottom:var(--sp-3);color:var(--color-text)}.section-desc{font-size:var(--text-md);color:var(--color-text-2);text-align:center;max-width:560px;margin:0 auto var(--sp-10);line-height:1.6}.section-note{text-align:center;color:var(--color-text-3);font-size:var(--text-sm);margin-top:var(--sp-8);font-style:italic}.hero{text-align:center;padding:var(--sp-16) var(--sp-5) var(--sp-20);position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:-200px;left:50%;transform:translate(-50%);width:800px;height:800px;background:radial-gradient(ellipse,var(--color-glow) 0%,transparent 70%);pointer-events:none;z-index:0}.hero>*{position:relative;z-index:1}.hero-badge{display:inline-block;padding:8px 24px;border:1px solid rgba(78,205,196,.2);border-radius:100px;font-size:var(--text-xs);font-weight:600;color:var(--color-accent);letter-spacing:.08em;text-transform:uppercase;background:#4ecdc40d;margin-bottom:var(--sp-6)}.hero-title{font-size:clamp(60px,10vw,140px);font-weight:800;letter-spacing:-.06em;line-height:.95;margin-bottom:var(--sp-3);padding-bottom:var(--sp-3);background:linear-gradient(160deg,#ffffff 30%,var(--color-accent) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero-tagline{font-size:clamp(var(--text-md),2.2vw,var(--text-lg));color:var(--color-text-2);max-width:580px;margin:0 auto var(--sp-6);line-height:1.6}.hero-actions{display:flex;gap:var(--sp-3);justify-content:center;align-items:center;margin-bottom:var(--sp-12)}.hero-visual{max-width:520px;margin:0 auto}.hero-code{background:var(--color-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--sp-5) var(--sp-6);text-align:left;font-family:var(--font-mono);font-size:clamp(var(--text-sm),1.8vw,var(--text-md));line-height:2;box-shadow:0 32px 80px #00000080,0 0 60px var(--color-glow)}.hero-code-line.dim{opacity:.4}.code-node{color:#e8c97a}.code-dot{color:var(--color-text-3)}.code-prop{color:#7ec8e3}.code-eq{color:var(--color-text-3)}.code-val{color:var(--color-accent)}.code-comment{color:var(--color-text-3);font-style:italic}.btn-primary{display:inline-flex;align-items:center;gap:var(--sp-1);padding:16px 40px;background:var(--color-accent);color:var(--color-bg);font-weight:700;font-size:var(--text-sm);border-radius:100px;text-decoration:none;letter-spacing:.01em;transition:all .3s ease;box-shadow:0 0 32px var(--color-glow)}.btn-primary:hover{background:var(--color-accent-h);transform:translateY(-2px);box-shadow:0 8px 40px var(--color-glow-strong)}.btn-primary.btn-lg{padding:20px 56px;font-size:var(--text-base)}.btn-ghost{display:inline-flex;align-items:center;gap:var(--sp-1);padding:16px 32px;color:var(--color-text-2);font-weight:600;font-size:var(--text-sm);text-decoration:none;border:1px solid var(--color-border);border-radius:100px;transition:all .3s}.btn-ghost:hover{color:var(--color-text);border-color:var(--color-text-3);transform:translateY(-1px)}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-3)}.feature-card{display:block;text-decoration:none;padding:var(--sp-5);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:all .35s ease;position:relative}.feature-card:before{content:"";position:absolute;inset:-1px;border-radius:var(--radius-lg);background:linear-gradient(160deg,rgba(78,205,196,.15),transparent 50%);opacity:0;transition:opacity .35s;pointer-events:none;z-index:0}.feature-card:hover{transform:translateY(-4px);border-color:#4ecdc44d;box-shadow:0 16px 48px #0000004d,0 0 40px var(--color-glow)}.feature-card:hover:before{opacity:1}.feature-card>*{position:relative;z-index:1}.feature-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:#4ecdc414;border-radius:var(--radius);margin-bottom:var(--sp-3)}.feature-card h3{font-size:var(--text-md);font-weight:700;color:var(--color-text);margin-bottom:var(--sp-1);letter-spacing:-.02em}.feature-card p{font-size:var(--text-sm);color:var(--color-text-2);line-height:1.6}.feature-card code{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-accent);background:#4ecdc414;padding:2px 6px;border-radius:4px}.demo-block{display:grid;grid-template-columns:1fr 1.4fr;gap:0;background:var(--color-elevated);border:1px solid var(--color-border);border-radius:var(--radius-xl);overflow:hidden;box-shadow:0 24px 64px #0006}.demo-sidebar{padding:var(--sp-6);display:flex;flex-direction:column;justify-content:center;border-right:1px solid var(--color-border)}.demo-sidebar h3{font-size:var(--text-xl);font-weight:700;letter-spacing:-.03em;margin-bottom:var(--sp-2);color:var(--color-text)}.demo-sidebar p{font-size:var(--text-sm);color:var(--color-text-2);line-height:1.6;margin-bottom:var(--sp-4)}.demo-code{display:flex;flex-direction:column;gap:var(--sp-1)}.demo-code code{display:block;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-accent);background:#4ecdc40f;padding:var(--sp-1) var(--sp-2);border-radius:8px;border:1px solid rgba(78,205,196,.1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.demo-canvas{min-height:400px;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,rgba(78,205,196,.03) 0%,transparent 70%)}.demo-placeholder{color:var(--color-text-3);font-size:var(--text-sm)}.steps-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--sp-3)}.step{text-align:center;padding:var(--sp-4) var(--sp-2)}.step-num{width:48px;height:48px;display:flex;align-items:center;justify-content:center;margin:0 auto var(--sp-3);border-radius:50%;font-size:var(--text-lg);font-weight:800;color:var(--color-accent);background:#4ecdc414;border:1px solid rgba(78,205,196,.15)}.step h3{font-size:var(--text-sm);font-weight:700;color:var(--color-text);margin-bottom:var(--sp-1)}.step p{font-size:var(--text-xs);color:var(--color-text-2);line-height:1.5}.step code{font-family:var(--font-mono);font-size:11px;color:var(--color-accent);background:#4ecdc414;padding:1px 5px;border-radius:4px}.compare-grid{display:grid;grid-template-columns:160px repeat(4,1fr);gap:0;border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;background:var(--color-elevated)}.compare-header{padding:var(--sp-3) var(--sp-2);font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-3);background:#ffffff05;border-bottom:1px solid var(--color-border);text-align:center}.compare-header.highlight{color:var(--color-accent);background:#4ecdc40d}.compare-label{padding:var(--sp-2);font-size:var(--text-sm);font-weight:600;color:var(--color-text);border-bottom:1px solid rgba(255,255,255,.03);display:flex;align-items:center}.compare-cell{padding:var(--sp-2);font-size:var(--text-sm);color:var(--color-text-2);border-bottom:1px solid rgba(255,255,255,.03);text-align:center;display:flex;align-items:center;justify-content:center}.compare-cell.muted{color:var(--color-text-3)}.compare-cell.highlight{color:var(--color-accent);font-weight:600;background:#4ecdc40a}.compare-grid>:nth-last-child(-n+5){border-bottom:none}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-4)}.col-card{padding:var(--sp-5);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.col-card h3{font-size:var(--text-md);font-weight:700;color:var(--color-text);margin-bottom:var(--sp-3);letter-spacing:-.02em}.col-card ul{list-style:none;padding:0}.col-card li{font-size:var(--text-sm);color:var(--color-text-2);line-height:1.6;padding:var(--sp-1) 0;border-bottom:1px solid rgba(255,255,255,.03)}.col-card li:last-child{border-bottom:none}.col-card li:before{content:"→ ";color:var(--color-accent);font-weight:600}.section-cta{text-align:center;padding:var(--sp-24) var(--sp-5);background:radial-gradient(ellipse at 50% 80%,rgba(78,205,196,.06) 0%,transparent 60%),var(--color-bg)}.cta-title{font-size:clamp(var(--text-3xl),6vw,var(--text-4xl));font-weight:800;letter-spacing:-.05em;line-height:1;margin-bottom:var(--sp-4);background:linear-gradient(160deg,#ffffff 40%,var(--color-accent) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.cta-desc{font-size:var(--text-md);color:var(--color-text-2);max-width:480px;margin:0 auto var(--sp-6);line-height:1.6}.cta-note{margin-top:var(--sp-4);font-size:var(--text-sm);color:var(--color-text-3)}.hero-sm{padding:var(--sp-12) var(--sp-5) var(--sp-10)}.hero-title-sm{font-size:clamp(40px,7vw,80px)}.feat-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-10);align-items:center}.feat-row-reverse{direction:rtl}.feat-row-reverse>*{direction:ltr}.feat-label{font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--color-accent);margin-bottom:var(--sp-2)}.feat-text h2{font-size:clamp(var(--text-xl),4vw,var(--text-3xl));font-weight:800;letter-spacing:-.04em;line-height:1.1;margin-bottom:var(--sp-3)}.feat-text p{font-size:var(--text-base);color:var(--color-text-2);line-height:1.7;margin-bottom:var(--sp-4)}.feat-list{list-style:none;padding:0;margin-bottom:var(--sp-4)}.feat-list li{font-size:var(--text-sm);color:var(--color-text-2);line-height:1.6;padding:6px 0;padding-left:var(--sp-3);position:relative}.feat-list li:before{content:"";position:absolute;left:0;top:13px;width:6px;height:6px;border-radius:50%;background:var(--color-accent);opacity:.5}.feat-list code{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-accent);background:#4ecdc414;padding:1px 6px;border-radius:4px}.feat-link{display:inline-flex;align-items:center;color:var(--color-accent);font-weight:600;font-size:var(--text-sm);text-decoration:none;transition:all .2s}.feat-link:hover{color:var(--color-accent-h);transform:translate(4px)}.feat-visual{display:flex;align-items:center;justify-content:center}.feat-visual-inner{width:100%;max-width:400px;padding:var(--sp-6);background:var(--color-elevated);border:1px solid var(--color-border);border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center}.feat-svg,.feat-svg-wide{width:100%;height:auto}.feat-formula-demo{font-family:var(--font-mono);font-size:var(--text-sm);line-height:2.2;width:100%}.formula-line{white-space:nowrap}.formula-line.dim{opacity:.4}.fn{color:#e8c97a}.fp{color:#7ec8e3}.fv{color:var(--color-accent)}.fc{color:var(--color-text-3);font-style:italic}.feat-code-block{display:flex;flex-direction:column;gap:6px;margin-bottom:var(--sp-4)}.feat-code-block code{display:block;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-accent);background:#4ecdc40f;padding:6px 12px;border-radius:8px;border:1px solid rgba(78,205,196,.1)}.features-grid-4{grid-template-columns:repeat(4,1fr)}.feature-card-sm{padding:var(--sp-4)}.feature-card-sm h3{font-size:var(--text-sm)}.feature-card-sm p{font-size:var(--text-xs);line-height:1.5}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-4);align-items:start}.pricing-card{padding:var(--sp-6);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);position:relative;transition:all .35s}.pricing-card:hover{transform:translateY(-4px);box-shadow:0 16px 48px #0000004d}.pricing-card-accent{border-color:#4ecdc44d;background:linear-gradient(180deg,rgba(78,205,196,.04),var(--color-surface));box-shadow:0 0 40px var(--color-glow)}.pricing-popular{position:absolute;top:calc(-1 * var(--sp-2));left:50%;transform:translate(-50%);padding:4px 16px;background:var(--color-accent);color:var(--color-bg);font-size:var(--text-xs);font-weight:700;border-radius:100px;letter-spacing:.02em;text-transform:uppercase}.pricing-tier{font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-3);margin-bottom:var(--sp-2)}.pricing-price{font-size:var(--text-3xl);font-weight:800;letter-spacing:-.04em;color:var(--color-text);margin-bottom:var(--sp-4)}.pricing-price span{font-size:var(--text-sm);font-weight:500;color:var(--color-text-3);letter-spacing:0}.pricing-includes{font-size:var(--text-sm);color:var(--color-text-3);margin-bottom:var(--sp-2)}.pricing-features{list-style:none;padding:0;margin-bottom:var(--sp-5)}.pricing-features li{font-size:var(--text-sm);color:var(--color-text-2);padding:8px 0;border-bottom:1px solid rgba(255,255,255,.03);line-height:1.5}.pricing-features li:last-child{border-bottom:none}.pricing-features li:before{content:"✓ ";color:var(--color-accent);font-weight:700}.pricing-btn{display:block;text-align:center;width:100%;justify-content:center}.faq-list{max-width:640px;margin:0 auto}.faq-item{padding:var(--sp-4) 0;border-bottom:1px solid var(--color-border)}.faq-item:last-child{border-bottom:none}.faq-item h3{font-size:var(--text-base);font-weight:700;color:var(--color-text);margin-bottom:var(--sp-1)}.faq-item p{font-size:var(--text-sm);color:var(--color-text-2);line-height:1.6}.faq-item a{color:var(--color-accent);text-decoration:none}.faq-item a:hover{color:var(--color-accent-h)}.compare-grid-3{grid-template-columns:160px repeat(3,1fr)}.compare-grid-3>:nth-last-child(-n+4){border-bottom:none}.page-content{max-width:var(--page-w);margin:0 auto;padding:0 var(--sp-5) var(--sp-16)}.page-content h2{font-size:clamp(var(--text-xl),4vw,var(--text-3xl));font-weight:800;letter-spacing:-.04em;line-height:1.1;margin-top:var(--sp-16);margin-bottom:var(--sp-4);padding-top:var(--sp-8);color:var(--color-text);text-align:center;position:relative}.page-content h2:before{content:"";display:block;width:48px;height:2px;background:var(--color-accent);margin:0 auto var(--sp-4);opacity:.5}.page-content h2:first-child{margin-top:0;padding-top:0}.page-content h2:first-child:before{display:none}.page-content h3{font-size:var(--text-lg);font-weight:700;letter-spacing:-.02em;line-height:1.2;margin-top:var(--sp-8);margin-bottom:var(--sp-2);color:var(--color-text)}.page-content h4{font-size:var(--text-sm);font-weight:700;text-transform:uppercase;letter-spacing:.06em;margin-top:var(--sp-6);margin-bottom:var(--sp-2);color:var(--color-text-2)}.page-content p{font-size:var(--text-base);color:var(--color-text-2);line-height:1.8;margin-bottom:var(--sp-4);max-width:720px}.page-content h2+p{margin-left:auto;margin-right:auto;text-align:center}.page-content strong{color:var(--color-text);font-weight:600}.page-content a{color:var(--color-accent);text-decoration:none;font-weight:500;transition:color .2s;border-bottom:1px solid rgba(78,205,196,.2)}.page-content a:hover{color:var(--color-accent-h);border-bottom-color:var(--color-accent)}.page-content ul,.page-content ol{margin-bottom:var(--sp-4);padding-left:var(--sp-4);max-width:720px}.page-content li{margin-bottom:var(--sp-2);color:var(--color-text-2);line-height:1.7}.page-content li strong{color:var(--color-text)}.page-content code{font-family:var(--font-mono);font-size:.88em;background:#4ecdc412;border:1px solid rgba(78,205,196,.12);border-radius:6px;padding:2px 8px;color:var(--color-accent)}.page-content pre{max-width:800px;margin:var(--sp-5) auto var(--sp-6);padding:var(--sp-4) var(--sp-5);background:var(--color-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow-x:auto;line-height:1.65;box-shadow:0 8px 32px #0000004d,0 0 24px #4ecdc408}.page-content pre code{background:none;border:none;padding:0;font-size:var(--text-sm);color:var(--color-text)}.page-content blockquote{max-width:720px;margin:var(--sp-6) 0;padding:var(--sp-4) var(--sp-5);border:1px solid rgba(78,205,196,.15);border-left:3px solid var(--color-accent);background:#4ecdc408;border-radius:0 var(--radius) var(--radius) 0}.page-content blockquote p{margin-bottom:var(--sp-1);max-width:none;text-align:left}.page-content blockquote p:last-child{margin-bottom:0}.page-content table{width:100%;margin:var(--sp-5) 0 var(--sp-8);border-collapse:separate;border-spacing:0;font-size:var(--text-sm);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;background:var(--color-elevated)}.page-content th{text-align:left;padding:var(--sp-2) var(--sp-3);font-weight:700;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-3);background:var(--color-surface);border-bottom:1px solid var(--color-border)}.page-content td{padding:var(--sp-2) var(--sp-3);color:var(--color-text-2);border-bottom:1px solid rgba(255,255,255,.03)}.page-content tr:last-child td{border-bottom:none}.page-content tr:hover td{background:#ffffff05}.page-content hr{margin:var(--sp-12) auto;border:none;height:1px;max-width:120px;background:linear-gradient(90deg,transparent,var(--color-accent-d),transparent);opacity:.4}.page-content img{max-width:100%;border-radius:var(--radius-lg);margin:var(--sp-6) 0;box-shadow:0 8px 32px #0000004d}.page-content .formo-example{max-width:800px;margin-left:auto;margin-right:auto}.article-content{max-width:var(--content-w);margin:0 auto;padding:var(--sp-10) var(--sp-5) var(--sp-16)}.article-content h1{font-size:clamp(var(--text-2xl),5vw,var(--text-3xl));font-weight:800;letter-spacing:-.04em;line-height:1.1;margin-bottom:var(--sp-3);color:var(--color-text)}.article-content h2{font-size:var(--text-xl);font-weight:800;letter-spacing:-.03em;line-height:1.15;margin-top:var(--sp-12);margin-bottom:var(--sp-4);color:var(--color-text);padding-top:var(--sp-4);border-top:1px solid var(--color-border)}.article-content h2:first-of-type{border-top:none;padding-top:0}.article-content h3{font-size:var(--text-lg);font-weight:700;letter-spacing:-.02em;line-height:1.2;margin-top:var(--sp-8);margin-bottom:var(--sp-3);color:var(--color-text)}.article-content h4{font-size:var(--text-base);font-weight:700;margin-top:var(--sp-6);margin-bottom:var(--sp-2);color:var(--color-text-2);text-transform:uppercase;letter-spacing:.05em;font-size:var(--text-sm)}.article-content p{margin-bottom:var(--sp-4);color:var(--color-text-2);font-size:var(--text-base);line-height:1.8}.article-content strong{color:var(--color-text);font-weight:600}.article-content a{color:var(--color-accent);text-decoration:none;font-weight:500;transition:color .2s;border-bottom:1px solid rgba(78,205,196,.2);padding-bottom:1px}.article-content a:hover{color:var(--color-accent-h);border-bottom-color:var(--color-accent)}.article-content ul,.article-content ol{margin-bottom:var(--sp-4);padding-left:var(--sp-4)}.article-content li{margin-bottom:var(--sp-2);color:var(--color-text-2);line-height:1.7}.article-content li strong{color:var(--color-text)}.article-content code{font-family:var(--font-mono);font-size:.88em;background:#4ecdc412;border:1px solid rgba(78,205,196,.12);border-radius:6px;padding:2px 8px;color:var(--color-accent)}.article-content pre{margin:var(--sp-4) calc(-1 * var(--sp-2));padding:var(--sp-4) var(--sp-5);background:var(--color-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow-x:auto;line-height:1.65;box-shadow:0 8px 32px #0000004d}.article-content pre code{background:none;border:none;padding:0;font-size:var(--text-sm);color:var(--color-text)}.article-content blockquote{margin:var(--sp-6) 0;padding:var(--sp-4) var(--sp-5);border:1px solid rgba(78,205,196,.15);border-left:3px solid var(--color-accent);background:#4ecdc408;border-radius:0 var(--radius) var(--radius) 0}.article-content blockquote p{margin-bottom:var(--sp-1);color:var(--color-text-2)}.article-content blockquote p:last-child{margin-bottom:0}.article-content table{width:100%;margin:var(--sp-4) 0 var(--sp-6);border-collapse:separate;border-spacing:0;font-size:var(--text-sm);border:1px solid var(--color-border);border-radius:var(--radius);overflow:hidden}.article-content th{text-align:left;padding:var(--sp-2) var(--sp-3);font-weight:700;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-3);background:var(--color-surface);border-bottom:1px solid var(--color-border)}.article-content td{padding:var(--sp-2) var(--sp-3);color:var(--color-text-2);border-bottom:1px solid rgba(255,255,255,.03)}.article-content tr:last-child td{border-bottom:none}.article-content tr:hover td{background:#ffffff05}.article-content hr{margin:var(--sp-10) 0;border:none;height:1px;background:linear-gradient(90deg,transparent,var(--color-border-lt),transparent)}.article-content img{max-width:100%;border-radius:var(--radius-lg);margin:var(--sp-6) 0;box-shadow:0 8px 32px #0000004d}.formo-example{margin:var(--sp-8) 0;border:1px solid var(--color-border);border-radius:var(--radius-xl);overflow:hidden;background:var(--color-elevated);box-shadow:0 16px 48px #0000004d,0 0 40px #4ecdc40a;transition:all .4s ease}.formo-example:hover{border-color:#4ecdc433;box-shadow:0 24px 64px #0006,0 0 60px var(--color-glow);transform:translateY(-2px)}.formo-example-header{padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--color-border);background:#ffffff05}.formo-example-header:empty{display:none}.formo-example-header h3{font-size:var(--text-sm);font-weight:600;margin:0;color:var(--color-text);border:none;padding:0}.formo-example-header p{font-size:var(--text-xs);margin:4px 0 0;color:var(--color-text-3)}.formo-example-canvas{min-height:360px;display:flex;align-items:center;justify-content:center;color:var(--color-text-3);font-size:var(--text-xs);background:radial-gradient(ellipse at 50% 50%,rgba(78,205,196,.02) 0%,transparent 70%)}.site-footer{padding:var(--sp-8) var(--sp-5);border-top:1px solid rgba(255,255,255,.04)}.site-footer p{font-size:var(--text-xs);color:var(--color-text-3);text-align:center}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.hero-badge{animation:fadeUp .6s ease both}.hero-title{animation:fadeUp .6s ease .1s both}.hero-tagline{animation:fadeUp .6s ease .2s both}.hero-actions{animation:fadeUp .6s ease .3s both}.hero-visual{animation:fadeUp .8s ease .4s both}@media(max-width:1024px){.features-grid,.features-grid-4{grid-template-columns:repeat(2,1fr)}.compare-grid{grid-template-columns:120px repeat(4,1fr)}.steps-grid{grid-template-columns:repeat(3,1fr)}.feat-row{grid-template-columns:1fr;gap:var(--sp-6)}.feat-row-reverse{direction:ltr}}@media(max-width:768px){.site-nav{padding:0 var(--sp-3)}.nav-links{gap:var(--sp-3)}.section{padding:var(--sp-10) var(--sp-3)}.section-cta{padding:var(--sp-16) var(--sp-3)}.hero{padding:var(--sp-10) var(--sp-3) var(--sp-12)}.features-grid{grid-template-columns:1fr;gap:var(--sp-2)}.features-grid-4{grid-template-columns:repeat(2,1fr)}.pricing-grid{grid-template-columns:1fr;max-width:400px;margin:0 auto}.compare-grid-3{grid-template-columns:100px repeat(3,1fr)}.demo-block{grid-template-columns:1fr}.demo-sidebar{border-right:none;border-bottom:1px solid var(--color-border)}.steps-grid{grid-template-columns:repeat(2,1fr)}.compare-grid{grid-template-columns:100px repeat(4,1fr);font-size:var(--text-xs)}.compare-label,.compare-cell,.compare-header{padding:var(--sp-1)}.two-col{grid-template-columns:1fr}.page-content{padding:0 var(--sp-3) var(--sp-10)}.page-content h2{margin-top:var(--sp-10);padding-top:var(--sp-6);font-size:var(--text-xl)}.article-content{padding:var(--sp-6) var(--sp-3) var(--sp-10)}.article-content h1{font-size:var(--text-2xl)}.article-content h2{margin-top:var(--sp-8)}.article-content pre{margin-left:calc(-1 * var(--sp-1));margin-right:calc(-1 * var(--sp-1))}}@media(max-width:480px){.nav-links a:not(.nav-cta){display:none}.hero-actions{flex-direction:column;gap:var(--sp-2)}.hero-actions a{width:100%;text-align:center;justify-content:center}.steps-grid{grid-template-columns:1fr}.compare-grid{grid-template-columns:80px repeat(4,1fr)}}.beta-modal{position:fixed;inset:0;z-index:9000;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .25s ease}.beta-modal.open{opacity:1;pointer-events:auto}.beta-modal-backdrop{position:absolute;inset:0;background:#000000b3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.beta-modal-card{position:relative;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--sp-8) var(--sp-6);max-width:440px;width:90%;text-align:center;transform:translateY(16px) scale(.97);transition:transform .25s ease}.beta-modal.open .beta-modal-card{transform:translateY(0) scale(1)}.beta-modal-close{position:absolute;top:var(--sp-2);right:var(--sp-2);background:none;border:none;color:var(--color-text-3);font-size:24px;cursor:pointer;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:color .2s,background .2s}.beta-modal-close:hover{color:var(--color-text);background:#ffffff0f}.beta-modal-title{font-family:var(--font-sans);font-size:var(--text-xl);font-weight:800;color:var(--color-text);letter-spacing:-.03em;margin-bottom:var(--sp-1)}.beta-modal-desc{font-size:var(--text-sm);color:var(--color-text-2);margin-bottom:var(--sp-4);line-height:1.6}.beta-form{display:flex;gap:var(--sp-1)}.beta-input{flex:1;padding:14px 20px;background:var(--color-bg);border:1px solid var(--color-border);border-radius:100px;color:var(--color-text);font-family:var(--font-sans);font-size:var(--text-sm);outline:none;transition:border-color .2s}.beta-input:focus{border-color:var(--color-accent)}.beta-input::placeholder{color:var(--color-text-3)}.beta-submit{cursor:pointer;border:none;white-space:nowrap;padding:14px 28px;font-size:var(--text-sm)}.beta-submit:disabled{opacity:.6;cursor:not-allowed}.beta-success{display:none;flex-direction:column;align-items:center;gap:var(--sp-2);padding:var(--sp-4) 0}.beta-success-icon{width:48px;height:48px;border-radius:50%;background:var(--color-accent);color:var(--color-bg);font-size:24px;font-weight:700;display:flex;align-items:center;justify-content:center}.beta-success p{font-size:var(--text-sm);color:var(--color-text-2)}.beta-error{display:none;margin-top:var(--sp-2);font-size:var(--text-xs);color:#ff6b6b}@media(max-width:480px){.beta-form{flex-direction:column}.beta-submit{width:100%}}