body{margin:0;background:#0b0f14;color:#e6edf3;font-family:system-ui,sans-serif}.app{max-width:1100px;margin:auto;padding:24px}.header{display:flex;justify-content:space-between;align-items:center}.logo{font-weight:700;font-size:18px}.hero{text-align:center;margin:80px 0}.hero h1{font-size:38px;margin-bottom:16px}.hero p{color:#9da7b3;max-width:720px;margin:auto}.cta{margin-top:24px;display:flex;justify-content:center;gap:12px}.primary{background:#3b82f6;border:none;padding:12px 20px;color:#fff;border-radius:8px;cursor:pointer}.secondary{background:transparent;border:1px solid #3b82f6;padding:12px 20px;color:#3b82f6;border-radius:8px;cursor:pointer}.ghost{background:transparent;border:none;color:#9da7b3}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:80px}.tool textarea{width:100%;min-height:180px;background:#020409;border:1px solid #1f2937;color:#fff;padding:12px;border-radius:8px}.tabs button{margin-right:8px}.tabs .active{color:#3b82f6}.result{background:#020409;border:1px solid #1f2937;padding:16px;margin-top:16px;border-radius:8px}.proof{margin:80px 0}.pricing{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.card{border:1px solid #1f2937;padding:24px;border-radius:12px}.card.pro{border:2px solid #3b82f6}.footer{text-align:center;margin:80px 0 20px;color:#9da7b3}:root{--bg: #0b0d10;--panel: #11151a;--panel2: #0f1317;--text: #e8eef5;--muted: #a7b3c2;--border: #242c35;--brand: #3b82f6;--danger: #ef4444;--warn: #f59e0b;--ok: #22c55e;--shadow: 0 10px 30px rgba(0,0,0,.35);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";background:var(--bg);color:var(--text)}a{color:inherit}.container{max-width:1100px;margin:0 auto;padding:24px}.header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.brand{display:flex;flex-direction:column}.brand h1{margin:0;font-size:20px;letter-spacing:.2px}.brand p{margin:2px 0 0;color:var(--muted);font-size:13px}.badge{font-size:12px;padding:6px 10px;border:1px solid var(--border);background:#ffffff08;border-radius:999px;color:var(--muted)}.grid{display:grid;grid-template-columns:1fr;gap:16px}@media (min-width: 900px){.grid{grid-template-columns:1.2fr .8fr}}.card{background:linear-gradient(180deg,#ffffff09,#ffffff05);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow);overflow:hidden}.cardHeader{padding:14px 16px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:12px}.cardHeader h2{margin:0;font-size:14px;color:var(--text);letter-spacing:.2px}.cardBody{padding:16px}.tabs{display:inline-flex;border:1px solid var(--border);border-radius:10px;overflow:hidden}.tab{background:transparent;border:0;color:var(--muted);padding:8px 12px;font-size:13px;cursor:pointer}.tabActive{background:#3b82f62e;color:var(--text)}.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}textarea{width:100%;min-height:300px;resize:vertical;padding:12px;border-radius:12px;border:1px solid var(--border);background:var(--panel2);color:var(--text);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:13px;line-height:1.5}.button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--border);background:#ffffff0a;color:var(--text);padding:10px 12px;border-radius:12px;cursor:pointer;font-size:13px}.buttonPrimary{border-color:#3b82f673;background:#3b82f633}.button:disabled{opacity:.55;cursor:not-allowed}.small{font-size:12px;color:var(--muted)}.hr{height:1px;background:var(--border);margin:12px 0}.pill{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;border:1px solid var(--border);font-size:12px;color:var(--muted)}.pillDanger{border-color:#ef444480}.pillWarn{border-color:#f59e0b80}.pillOk{border-color:#22c55e80}.list{display:flex;flex-direction:column;gap:10px}.item{border:1px solid var(--border);background:#00000040;border-radius:12px;padding:10px 12px}.itemTitle{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:6px}.kv{display:grid;grid-template-columns:1fr;gap:10px}@media (min-width: 600px){.kv{grid-template-columns:1fr 1fr}}.kv .item{padding:12px}.codeBlock{padding:12px;border-radius:12px;border:1px solid var(--border);background:var(--panel2);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:13px;white-space:pre;overflow:auto;max-height:360px}.app{min-height:100vh;background:var(--bg);color:var(--text);padding:24px}.layout{display:grid;grid-template-columns:1fr;gap:16px}@media (min-width: 900px){.layout{grid-template-columns:1.2fr .8fr}}.panel{border:1px solid var(--border);background:#00000040;border-radius:16px;padding:14px;box-shadow:var(--shadow)}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.tab{border:1px solid var(--border);background:#ffffff08;color:var(--muted);border-radius:999px;padding:8px 12px;cursor:pointer}.tab.active{color:var(--text);border-color:#3b82f699}.inputRow{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.file{display:flex;flex-direction:column;gap:6px}.editor{width:100%;min-height:280px;resize:vertical;border:1px solid var(--border);background:var(--panel2);color:var(--text);border-radius:12px;padding:12px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:13px}.row{display:flex;align-items:center;justify-content:space-between;gap:12px}.section{margin-top:12px}.sectionTitle{font-weight:700;margin-bottom:6px}.listItem{border:1px solid var(--border);background:#0000002e;border-radius:12px;padding:10px 12px}.liTitle{margin-top:6px;font-weight:600}.btn{border:1px solid rgba(59,130,246,.65);background:#3b82f640;color:var(--text);border-radius:12px;padding:10px 14px;cursor:pointer}.btn:hover{background:#3b82f659}.btn:disabled{opacity:.55;cursor:not-allowed}.btn.secondary{border:1px solid var(--border);background:#ffffff08;color:var(--text)}.btn.locked{border-color:#f59e0b80}.alert{border:1px solid var(--border);background:#ffffff08;border-radius:12px;padding:10px 12px;margin:10px 0}.alert.danger{border-color:#ef444499}.alert.warn{border-color:#f59e0b99}.hint{margin-top:10px;color:var(--muted);font-size:12px}.footer{margin-top:18px;color:var(--muted);font-size:12px}.landingMain{max-width:1100px;margin:0 auto;padding:0 24px 48px}.hero h1{margin:0 0 10px;font-size:34px;line-height:1.15}.ctaRow{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}.grid3{display:grid;grid-template-columns:1fr;gap:12px;margin-top:18px}@media (min-width: 800px){.grid3{grid-template-columns:1fr 1fr 1fr}}.input{width:100%;border:1px solid var(--border);background:var(--panel2);color:var(--text);border-radius:12px;padding:12px;font-size:14px}.modalBackdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;align-items:center;justify-content:center;padding:16px;z-index:50}.modal{width:100%;max-width:640px;border:1px solid var(--border);background:var(--panel);border-radius:16px;padding:14px;box-shadow:var(--shadow)}.modalHeader{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}