:root{--bg1:#f8fbff;--bg2:#eef3f8;--bg3:#e7eef7;--surface:#f9fbfe;--surface-2:#ffffff;--text:#0f172a;--muted:#475569;--border:#cbd5e1;--accent:#2563eb;--accent-2:#1d4ed8;--accent-lite:#93c5fd;--shadow:0 10px 30px rgba(15,23,42,.08)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:radial-gradient(900px 600px at 10% -10%,rgba(37,99,235,.1),transparent 60%),radial-gradient(800px 600px at 110% 8%,rgba(147,197,253,.12),transparent 60%),linear-gradient(180deg,var(--bg1),var(--bg2) 50%,var(--bg3) 100%);color:var(--text);font:16px/1.6 Inter,Roboto,system-ui,-apple-system,Segoe UI,Helvetica Neue,Arial,Noto Sans}h1,h2,h3{font-family:Poppins,Inter,system-ui,-apple-system,Segoe UI,Helvetica Neue,Arial,Noto Sans;letter-spacing:.3px}.container{max-width:1280px;margin:0 auto;padding:0 20px}.nav{position:sticky;top:0;z-index:10;background:linear-gradient(90deg,var(--accent),var(--accent-2));color:#fff}.nav-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0}.brand{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:.4px;color:#fff}.brand-dot{width:12px;height:12px;border-radius:50%;background:#fff;box-shadow:0 0 10px var(--accent-lite)}.nav-links{display:flex;gap:18px;align-items:center}.nav-links a{color:#e0e7ff;text-decoration:none}.nav-links a:hover{color:#fff}.nav-actions{display:flex;gap:10px;align-items:center}.btn{border:1px solid var(--accent);background:transparent;color:var(--accent);padding:8px 14px;border-radius:10px;cursor:pointer;transition:all .2s ease;font-weight:600}.btn:hover{filter:brightness(1.03);box-shadow:0 6px 14px #2563eb29}.btn.primary{background:linear-gradient(90deg,var(--accent),var(--accent-2));border-color:var(--accent);color:#fff}.btn.primary:hover{box-shadow:0 6px 14px #2563eb40}.nav .btn{border-color:#fffc;color:#fff}.nav .btn.primary{background:#fff;color:var(--accent-2);border-color:#fff}.lang{background:#ffffff1f;color:#fff;border:1px solid rgba(255,255,255,.6);border-radius:10px;padding:8px 10px}.lang option{color:#0f172a}.hero{padding:64px 0 40px}.hero-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:28px;align-items:center}.eyebrow{color:var(--accent);font-weight:700;letter-spacing:.2em;text-transform:uppercase;font-size:12px}.subtitle{color:var(--muted)}.note{color:var(--muted);font-size:12px}.prompt-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:16px;box-shadow:var(--shadow)}.prompt-bar{display:flex;gap:8px;align-items:center;background:var(--surface-2);border:1px solid var(--border);border-radius:12px;padding:8px}.prompt-input{flex:1;background:transparent;border:none;outline:none;color:var(--text);font:14px/1.5 JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Courier New,monospace}.badge{display:inline-flex;gap:8px;align-items:center;background:#eef2ff;color:#1e40af;border:1px solid #c7d2fe;padding:6px 10px;border-radius:999px;font-size:12px}.preview{margin-top:12px;display:grid;grid-template-columns:1fr;gap:10px}.card{background:#f8fafc;border:1px solid var(--border);border-radius:12px;padding:12px;box-shadow:var(--shadow)}.card h4{margin:0 0 6px;font-size:14px;letter-spacing:.02em;color:#0f172a}.code{background:#f3f6fb;border:1px solid #d7e3f3;border-radius:10px;padding:10px;color:#1f2937;font:13px/1.5 JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Courier New,monospace;overflow:auto;max-height:240px}.features{padding:32px 0}.grid-3{display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}.feature{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:16px;box-shadow:var(--shadow)}.feature .icon{font-size:22px}.feature h3{margin:8px 0;font-size:18px;color:#0f172a}.feature p{color:var(--muted);font-size:14px}.vwf{padding:28px 0 8px}.vwf-wrap{background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow);padding:16px;overflow:auto}.vwf-svg{width:100%;height:380px;display:block}.vwf-node{fill:#fff;stroke:#cbd5e1}.vwf-node-title{font:600 12px Inter,system-ui,sans-serif;fill:#0f172a}.vwf-node-sub{font:11px Inter,system-ui,sans-serif;fill:#475569}.vwf-edge{stroke:#94a3b8;stroke-width:2;marker-end:url(#arrow)}.vwf-parallel{fill:#ecfeff;stroke:#67e8f9}.vwf-seq{fill:#eef2ff;stroke:#93c5fd}.vwf-start{fill:#dcfce7;stroke:#86efac}.vwf-end{fill:#fee2e2;stroke:#fca5a5}.split{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:center}.ul{margin:10px 0 0;padding:0 0 0 16px;color:var(--muted)}.ul li{margin:6px 0}.devux{background:linear-gradient(180deg,#f0f4ff,#f8fafc);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:60px 0;margin-top:28px}.devux-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:32px;align-items:center}.devux-mock{background:#fff;border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow);padding:12px}.devux-text h3{color:#1e40af;font-weight:600;margin:0 0 8px}.devux-text p{color:#334155;margin:0 0 8px}.devux-text ul{margin:8px 0 0 18px;color:#334155}.devux-text li{margin:6px 0}footer{background:#1e293b;color:#f1f5f9;margin-top:32px}.footer-inner{display:grid;grid-template-columns:1fr;gap:10px;padding:18px 0}.small{font-size:12px;color:#e2e8f0}@media (max-width:980px){.hero-grid,.split,.grid-3,.devux-grid{grid-template-columns:1fr}}