@import "https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=DM+Serif+Display&display=swap";:root{--bg:#f0f2f5;--bg-subtle:#e4e7ec;--text:#16191f;--text-secondary:#4a5060;--text-tertiary:#8b90a0;--accent:#3b6fd8;--accent-hover:#2f5ab8;--accent-soft:#3b6fd81a;--success:#2e8b57;--success-soft:#2e8b571f;--warning:#c48a20;--warning-soft:#c48a201f;--error:#d04040;--error-soft:#d040401a;--card-bg:#fafbfc;--card-border:#16191f;--border-light:#16191f1f;--brown:#16191f;--brown-hover:#0a0c10;--purple:#a855f7;--purple-soft:#a855f71a;--blue-flow:#4a6cf7;--teal:#5ac4be;--teal-alt:#22b8cf;--orange:#e8884a;--tl-close:#e55b50;--tl-minimize:#e5b93e;--tl-maximize:#62c354;--border-w:2.5px;--radius:24px;--radius-sm:16px;--radius-xs:10px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg);color:var(--text-secondary);font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-size:16px;font-weight:500;line-height:1.55}h1,h2,h3,h4,h5,h6{color:var(--text);font-weight:700}h1{letter-spacing:-.03em;font-size:56px;line-height:1.06}h2{letter-spacing:-.03em;font-size:38px;line-height:1.1}h3{letter-spacing:-.02em;font-size:26px;line-height:1.2}h4{font-size:16px;font-weight:700}p{color:var(--text-secondary);line-height:1.55}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}img,video{max-width:100%;display:block}.btn{cursor:pointer;border:var(--border-w) solid transparent;border-radius:100px;justify-content:center;align-items:center;gap:8px;padding:12px 28px;font-family:inherit;font-size:15px;font-weight:600;line-height:1.2;text-decoration:none;transition:all .15s;display:inline-flex}.btn:hover{text-decoration:none}.btn:active{transform:scale(.97)}.btn-primary{background:var(--brown);color:#fff;border-color:var(--brown)}.btn-primary:hover{background:var(--brown-hover);border-color:var(--brown-hover);color:#fff}.btn-secondary{color:var(--text);border-color:var(--card-border);background:0 0}.btn-secondary:hover{color:var(--text);background:#1a13100a}.btn-lg{padding:16px 40px;font-size:17px}.card{background:var(--card-bg);border:var(--border-w) solid var(--card-border);border-radius:var(--radius);padding:20px 24px}.badge{border:2px solid var(--border-light);color:var(--text-secondary);background:var(--card-bg);border-radius:100px;align-items:center;gap:6px;padding:5px 14px;font-size:13px;font-weight:600;display:inline-flex}.badge-success{border-color:var(--success);color:var(--success);background:var(--success-soft)}.badge-accent{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.container{max-width:1200px;margin:0 auto;padding:0 24px}.section{padding:72px 0}.section-header{text-align:center;max-width:760px;margin:0 auto 44px}.section-header p{margin-top:12px;font-size:18px}.mock-window{background:var(--card-bg);border:var(--border-w) solid var(--card-border);border-radius:18px;overflow:hidden}.mock-window-titlebar{border-bottom:var(--border-w) solid var(--card-border);background:#d8dbe2;align-items:center;height:42px;padding:0 14px;display:flex;position:relative}.mock-traffic-lights{gap:7px;display:flex}.mock-traffic-light{border:2px solid var(--card-border);border-radius:50%;width:12px;height:12px}.mock-window-title{color:var(--text-secondary);font-size:13px;font-weight:600;position:absolute;left:50%;transform:translate(-50%)}.mock-window-body{padding:16px}.mock-window.terminal{background:#1e1e2e}.mock-window.terminal .mock-window-titlebar{background:#1e1e2e;border-bottom-color:#2a2a3e}.mock-window.terminal .mock-window-title{color:#ffffff80}.mock-window.terminal .mock-window-body{color:#fffc;font-family:SF Mono,Menlo,Consolas,monospace;font-size:13px;line-height:1.6}.flow-card{background:var(--card-bg);border:var(--border-w) solid var(--card-border);border-radius:var(--radius-sm);padding:14px}.flow-node{background:var(--bg-subtle);border:2px solid var(--border-light);border-radius:var(--radius-xs);align-items:center;gap:10px;padding:9px 12px;display:flex}.flow-node-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.flow-node-icon svg{width:15px;height:15px}.flow-arrow{color:var(--text-tertiary);justify-content:center;padding:3px 0;display:flex}.keycap{background:var(--card-bg);border:var(--border-w) solid var(--card-border);min-width:36px;box-shadow:0 3px 0 var(--card-border);color:var(--text);border-radius:10px;justify-content:center;align-items:center;padding:6px 14px;font-family:inherit;font-size:14px;font-weight:700;display:inline-flex}.keycap-sm{min-width:26px;box-shadow:0 2px 0 var(--card-border);border-radius:7px;padding:3px 8px;font-size:12px}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@media (width<=768px){h1{font-size:36px}h2{font-size:28px}h3{font-size:22px}.section{padding:56px 0}.section-header{margin-bottom:32px}.container{padding:0 20px}.btn-lg{padding:14px 32px;font-size:16px}}@media (width<=480px){h1{font-size:30px}h2{font-size:24px}.section{padding:44px 0}}