@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";
:root{--oqta-bg:#09090b;--oqta-fg:#fafafa;--oqta-muted:#a1a1aa;--oqta-border:#27272a;--oqta-blue:#3b82f6;--oqta-blue-hover:#2563eb;--oqta-green:#22c55e}body{background-color:var(--oqta-bg);color:var(--oqta-fg);-webkit-font-smoothing:antialiased;margin:0;padding:0;font-family:Inter,sans-serif;overflow-x:hidden}.oqta-mono{font-family:JetBrains Mono,monospace}.oqta-tag{letter-spacing:.1em;text-transform:uppercase;color:var(--oqta-muted);align-items:center;gap:6px;margin-bottom:24px;font-family:JetBrains Mono,monospace;font-size:10px;display:inline-flex}.oqta-tag .update{color:var(--oqta-green)}.oqta-section-marker{letter-spacing:.1em;text-transform:uppercase;color:var(--oqta-muted);margin-bottom:24px;font-family:JetBrains Mono,monospace;font-size:11px;display:block}.oqta-nav{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:24px 48px;display:flex}.oqta-logo-wrapper{letter-spacing:-.02em;align-items:center;gap:12px;font-size:18px;font-weight:600;display:flex}.oqta-logo-icon{background-color:#fff;width:24px;height:24px;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 3h8v8H3zm10 0h8v8h-8zM3 13h8v8H3zm10 0h8v8h-8z'/%3E%3C/svg%3E") 50% no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 3h8v8H3zm10 0h8v8h-8zM3 13h8v8H3zm10 0h8v8h-8z'/%3E%3C/svg%3E") 50% no-repeat}.oqta-nav-links{gap:32px;display:flex}.oqta-nav-links a{color:var(--oqta-muted);text-transform:uppercase;letter-spacing:.1em;font-size:11px;font-weight:600;text-decoration:none;transition:color .2s}.oqta-nav-links a:hover{color:var(--oqta-fg)}.oqta-nav-actions{align-items:center;gap:24px;display:flex}.oqta-nav-actions a{color:var(--oqta-muted);text-transform:uppercase;letter-spacing:.1em;font-size:11px;font-weight:600;text-decoration:none}.oqta-nav-actions a:hover{color:var(--oqta-fg)}.oqta-btn{background-color:var(--oqta-blue);text-transform:uppercase;letter-spacing:.05em;cursor:pointer;border:none;border-radius:99px;justify-content:center;align-items:center;padding:10px 24px;font-size:12px;font-weight:600;text-decoration:none;transition:background-color .2s;display:inline-flex;color:#fff!important}.oqta-btn:hover{background-color:var(--oqta-blue-hover)}.oqta-hero{text-align:center;flex-direction:column;align-items:center;max-width:800px;margin:0 auto;padding:120px 24px 80px;display:flex}.oqta-hero h1{letter-spacing:-.04em;margin:0 0 24px;font-size:64px;font-weight:500;line-height:1.1}.oqta-hero p{color:var(--oqta-muted);max-width:500px;margin:0 auto 32px;font-size:16px;line-height:1.6}.oqta-bg-noise{pointer-events:none;z-index:-1;opacity:.4;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");width:100vw;height:100vh;position:fixed;top:0;left:0}.oqta-mockup-wrapper{width:100%;max-width:600px;margin:60px auto}.oqta-mockup{border:1px solid var(--oqta-border);background:#121214;border-radius:12px;padding:16px;box-shadow:0 20px 40px #0006}.oqta-mockup-header{color:var(--oqta-muted);justify-content:space-between;align-items:center;margin-bottom:24px;font-size:11px;display:flex}.oqta-mockup-header .changed{color:var(--oqta-green)}.oqta-mockup-header .removed{color:#ef4444}.oqta-mockup-input-container{flex-direction:column;gap:12px;display:flex}.oqta-mockup-input{width:100%;color:var(--oqta-fg);background:0 0;border:none;outline:none;font-size:14px}.oqta-mockup-input::placeholder{color:#52525b}.oqta-mockup-footer{justify-content:space-between;align-items:center;margin-top:24px;display:flex}.oqta-mockup-dropdown{border:1px solid var(--oqta-border);color:#eab308;background:#18181b;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:11px;display:flex}.oqta-mockup-actions{color:var(--oqta-muted);align-items:center;gap:12px;display:flex}.oqta-mockup-submit{background:var(--oqta-blue);border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.oqta-trusted{text-align:center;border-bottom:1px solid var(--oqta-border);padding:80px 48px}.oqta-trusted-label{letter-spacing:.1em;color:var(--oqta-muted);text-transform:uppercase;margin-bottom:48px;font-family:JetBrains Mono,monospace;font-size:10px}.oqta-logo-grid{background:var(--oqta-border);border:1px solid var(--oqta-border);grid-template-columns:repeat(5,1fr);gap:1px;display:grid}.oqta-logo-grid>div{background:var(--oqta-bg);color:#52525b;justify-content:center;align-items:center;padding:32px 24px;font-size:14px;font-weight:500;display:flex}.oqta-features{max-width:1200px;margin:0 auto;padding:120px 48px}.oqta-feature-row{grid-template-columns:1fr 1fr;align-items:center;gap:80px;margin-bottom:160px;display:grid}.oqta-feature-text h2{letter-spacing:-.03em;margin:0 0 24px;font-size:40px;font-weight:500;line-height:1.1}.oqta-feature-text p{color:var(--oqta-muted);font-size:16px;line-height:1.6}.oqta-editor-mockup{border:1px solid var(--oqta-border);background:#121214;border-radius:8px;font-family:JetBrains Mono,monospace;font-size:12px;display:flex;overflow:hidden}.oqta-editor-sidebar{border-right:1px solid var(--oqta-border);width:160px;color:var(--oqta-muted);padding:16px}.oqta-editor-content{flex:1;padding:16px}.oqta-editor-tabs{border-bottom:1px solid var(--oqta-border);color:var(--oqta-muted);gap:16px;margin-bottom:16px;padding-bottom:8px;display:flex}.oqta-editor-code{color:var(--oqta-fg);line-height:1.6}.oqta-editor-line{gap:16px;display:flex}.oqta-editor-num{color:#52525b;-webkit-user-select:none;user-select:none}