.landing{position:relative}.landing-nav{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);z-index:50;background:#0a0a0ab3;justify-content:space-between;align-items:center;padding:18px 32px;display:flex;position:sticky;top:0}.landing-nav-links{font-family:var(--font-mono);align-items:center;gap:6px;margin:0;padding:0;font-size:12px;list-style:none;display:flex}.landing-nav-links a{color:var(--text-muted);transition:color .12s var(--ease);border-radius:5px;padding:6px 10px;text-decoration:none;display:inline-block}.landing-nav-links a:hover{color:var(--text)}.landing-nav-actions{align-items:center;gap:8px;display:flex}.hero{max-width:1200px;margin:0 auto;padding:80px 32px 100px;position:relative}.hero-eyebrow{border:1px solid var(--border-strong);font-family:var(--font-mono);color:var(--text-muted);border-radius:999px;align-items:center;gap:8px;padding:6px 12px;font-size:11px;display:inline-flex}.hero-eyebrow .dot{background:var(--accent);width:6px;height:6px;box-shadow:0 0 8px var(--accent);border-radius:50%}.hero h1{font-family:var(--font-ui);letter-spacing:-.035em;max-width:18ch;margin:24px 0 0;font-size:clamp(48px,7vw,92px);font-weight:600;line-height:.95}.hero h1 .accent{color:var(--accent)}.hero p.lead{max-width:56ch;color:var(--text-muted);margin-top:28px;font-size:18px;line-height:1.55}.hero-cta{flex-wrap:wrap;gap:10px;margin-top:36px;display:flex}.cta-primary,.cta-ghost{border-radius:var(--radius-sm);height:44px;font-family:var(--font-mono);transition:background .14s var(--ease), box-shadow .14s var(--ease);align-items:center;gap:8px;padding:0 22px;font-size:13px;text-decoration:none;display:inline-flex}.cta-primary{background:var(--accent);color:var(--accent-ink);box-shadow:0 0 0 0 var(--accent-glow);font-weight:600}.cta-primary:hover{background:var(--accent-2);box-shadow:0 0 0 6px var(--accent-glow)}.cta-ghost{background:var(--surface);color:var(--text);border:1px solid var(--border-strong)}.cta-ghost:hover{background:var(--surface-2)}.cta-primary.is-block,.cta-ghost.is-block{justify-content:center;width:100%}.hero-preview{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--canvas-bg);background-image:radial-gradient(circle at 1px 1px, var(--canvas-grid) 1px, transparent 0);aspect-ratio:16/9;background-size:24px 24px;margin-top:64px;position:relative;overflow:hidden;box-shadow:0 40px 100px #0009,0 0 0 1px #ffffff08}.hero-preview .stage-chip{font-family:var(--font-mono);color:var(--text-dim);background:var(--surface);border:1px solid var(--border);border-radius:5px;padding:4px 10px;font-size:11px;position:absolute;top:16px;left:16px}.hero-preview svg.demo{width:100%;height:100%;display:block}.hero-preview svg.demo text{font-family:var(--font-hand)}.demo-anim .flow path{stroke-dasharray:8 8;animation:1.4s linear infinite dash-flow}@keyframes dash-flow{to{stroke-dashoffset:-16px}}.demo-anim .pulse{transform-origin:50%;transform-box:fill-box;animation:2.4s ease-in-out infinite ds-pulse}@keyframes ds-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.demo-anim .rotate{transform-origin:50%;transform-box:fill-box;animation:8s linear infinite ds-rot}@keyframes ds-rot{to{transform:rotate(360deg)}}.preview-tools{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border);background:#141414d9;border-radius:10px;gap:4px;padding:6px;display:flex;position:absolute;top:20px;left:50%;transform:translate(-50%)}.preview-tools span{width:28px;height:28px;color:var(--text-muted);border-radius:5px;justify-content:center;align-items:center;display:inline-flex}.preview-tools span.active{background:var(--accent);color:var(--accent-ink)}.preview-tools svg{width:14px;height:14px}.preview-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border);font-family:var(--font-mono);color:var(--text-muted);background:#141414d9;border-radius:10px;align-items:center;gap:10px;max-width:60%;padding:10px 14px;font-size:12px;display:flex;position:absolute;bottom:20px;left:20px}.preview-overlay .live-dot{background:var(--accent);border-radius:50%;flex-shrink:0;width:8px;height:8px;animation:1.6s ease-out infinite ai-pulse}.preview-overlay .typing{color:var(--text);white-space:nowrap;border-right:2px solid var(--accent);animation:4s steps(40,end) infinite typing,.8s step-end infinite blink;overflow:hidden}@keyframes typing{0%{width:0}50%,90%{width:36ch}to{width:0}}@keyframes blink{50%{border-color:#0000}}.section{max-width:1200px;margin:0 auto;padding:80px 32px}.section-eyebrow{font-family:var(--font-mono);color:var(--accent);letter-spacing:.06em;text-transform:uppercase;font-size:11px}.section h2{letter-spacing:-.025em;max-width:22ch;margin:8px 0 16px;font-size:clamp(32px,4vw,52px);font-weight:600;line-height:1.05}.section p.section-lead{color:var(--text-muted);max-width:60ch;font-size:17px;line-height:1.55}.how-list{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px;margin-top:36px;display:grid}.how-step{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px}.how-step .num{font-family:var(--font-mono);color:var(--accent);letter-spacing:.06em;margin-bottom:12px;font-size:11px;display:block}.how-step h3{letter-spacing:-.01em;margin:0 0 6px;font-size:16px;font-weight:600}.how-step p{color:var(--text-muted);margin:0;font-size:13.5px;line-height:1.55}.feature-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;margin-top:44px;display:grid}.feature-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);transition:border-color .2s var(--ease), transform .2s var(--ease);padding:22px}.feature-card:hover{border-color:var(--border-strong);transform:translateY(-2px)}.feature-icon{background:var(--surface-2);width:36px;height:36px;color:var(--accent);border-radius:8px;justify-content:center;align-items:center;margin-bottom:14px;display:inline-flex}.feature-icon svg{width:20px;height:20px}.feature-card h3{letter-spacing:-.01em;margin:0 0 6px;font-size:16px;font-weight:600}.feature-card p{color:var(--text-muted);margin:0;font-size:13.5px;line-height:1.5}.compare{border:1px solid var(--border);border-radius:var(--radius-lg);background:linear-gradient(180deg, #b6f23a08, transparent), var(--surface);margin-top:96px;padding:36px}.compare-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:28px;margin-top:24px;display:grid}.compare-col h3{font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--text-dim);margin:0 0 10px;font-size:12px}.compare-col ul{color:var(--text-muted);margin:0;padding:0;font-size:14px;line-height:1.7;list-style:none}.compare-col li{padding-left:22px;position:relative}.compare-col li:before{content:"";background:var(--text-faint);width:12px;height:1px;position:absolute;top:10px;left:0}.compare-col.accent li{color:var(--text)}.compare-col.accent li:before{background:var(--accent)}.compare-col.accent strong{color:var(--accent);font-weight:600}.pricing-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px;max-width:820px;margin-top:44px;display:grid}.pricing-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;padding:28px;display:flex;position:relative}.pricing-card.is-pro{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow), 0 24px 60px #0006;background:linear-gradient(180deg, #b6f23a0a, transparent), var(--surface)}.pricing-badge{background:var(--accent);color:var(--accent-ink);font-family:var(--font-mono);border-radius:999px;padding:3px 10px;font-size:11px;font-weight:600;position:absolute;top:-11px;left:28px}.pricing-name{font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);font-size:13px}.pricing-price{letter-spacing:-.03em;margin:8px 0 4px;font-size:44px;font-weight:700}.pricing-price span{color:var(--text-dim);font-size:15px;font-weight:400}.pricing-tag{color:var(--text-muted);margin:0 0 20px;font-size:14px;line-height:1.45}.pricing-list{flex-direction:column;flex:1;gap:11px;margin:0 0 24px;padding:0;list-style:none;display:flex}.pricing-list li{color:var(--text-muted);padding-left:26px;font-size:14px;line-height:1.4;position:relative}.pricing-list li strong{color:var(--text);font-weight:600}.pricing-list li:before{font-family:var(--font-mono);font-size:13px;position:absolute;top:0;left:0}.pricing-list li.yes:before{content:"✓";color:var(--accent)}.pricing-list li.no{color:var(--text-faint)}.pricing-list li.no:before{content:"—";color:var(--text-faint)}.pricing-note{text-align:center;font-family:var(--font-mono);color:var(--text-faint);margin-top:20px;font-size:12px}.shortcut-strip{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);font-family:var(--font-mono);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px 24px;margin-top:44px;padding:28px;font-size:13px;list-style:none;display:grid}.shortcut-strip .row{border-bottom:1px dashed var(--border);justify-content:space-between;align-items:center;padding:6px 0;display:flex}.shortcut-strip .row span{color:var(--text-muted)}.shortcut-strip .row .keys{color:var(--text)}.cta-section{padding:0 32px 80px}.cta-strip{border:1px solid var(--border);border-radius:var(--radius-lg);text-align:center;background:radial-gradient(circle at 50% 0%, #b6f23a1a, transparent 60%), var(--surface);max-width:1200px;margin:80px auto 0;padding:64px 32px}.cta-strip h2{letter-spacing:-.025em;margin:0 0 12px;font-size:clamp(28px,4vw,48px);font-weight:600}.cta-strip p{color:var(--text-muted);margin:0 0 28px;font-size:16px}.cta-strip .cta-primary{font-size:14px}.site-footer{border-top:1px solid var(--border);font-family:var(--font-mono);color:var(--text-dim);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;max-width:1200px;margin:0 auto;padding:56px 32px 40px;font-size:12px;display:flex}.site-footer nav{flex-wrap:wrap;gap:16px;display:flex}.site-footer a{color:var(--text-muted);text-decoration:none}.site-footer a:hover{color:var(--text)}@media (prefers-reduced-motion:reduce){.preview-overlay .typing{border-right:0;width:auto;animation:none}}@media (max-width:767px){.landing-nav{padding:14px 18px}.landing-nav-links{display:none}.hero{padding:56px 20px 72px}.section{padding:64px 20px}.compare{margin-top:64px;padding:24px}.cta-section{padding:0 20px 64px}.cta-strip{padding:48px 20px}.shortcut-strip{padding:20px}}