:root{--bg:#0a0a0a;--bg-1:#121212;--bg-2:#1a1a1a;--bg-3:#222222;--line:#2a2a2a;--line-soft:#1f1f1f;--ink:#f5f5f5;--ink-2:#b8b8b8;--ink-3:#7a7a7a;--ink-4:#4a4a4a;--accent:#ff4d2e;--accent-2:#ff7a5c;--accent-ink:#0a0a0a;--ok:#7cf5a8;--warn:#ffd84d;--err:#ff5c5c;--processing:#4d9fff;--f-display:"Instrument Serif","Canela",ui-serif,Georgia,serif;--f-body:"Inter Tight","Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;--f-mono:"JetBrains Mono","IBM Plex Mono",ui-monospace,"SF Mono",Menlo,monospace;--r-xs:3px;--r-sm:5px;--r-md:8px;--r-lg:14px;--shadow-1:0 1px 2px rgba(0,0,0,0.4);--shadow-2:0 8px 30px rgba(0,0,0,0.5)}*,:after,:before{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);color:var(--ink);font-family:var(--f-body);-webkit-font-smoothing:antialiased}button{background:none;border:none;padding:0;cursor:pointer}button,input,textarea{font-family:inherit;color:inherit}a{color:inherit;text-decoration:none}.of-mono{font-family:var(--f-mono);font-feature-settings:"ss01";letter-spacing:-.01em}.of-serif{font-family:var(--f-display);font-weight:400}.of-kicker{font-family:var(--f-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3)}.of-btn{display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 16px;border-radius:var(--r-sm);font-size:13px;font-weight:500;transition:background .12s,color .12s,transform .06s,border-color .12s;white-space:nowrap}.of-btn:active{transform:translateY(1px)}.of-btn--primary{background:var(--accent);color:var(--accent-ink)}.of-btn--primary:hover{background:var(--accent-2)}.of-btn--ghost{color:var(--ink);border:1px solid var(--line)}.of-btn--ghost:hover{border-color:var(--ink-3);background:var(--bg-2)}.of-btn--tiny{height:26px;padding:0 10px;font-size:11px;border-radius:var(--r-xs)}.of-btn--icon{width:32px;height:32px;padding:0;justify-content:center;border-radius:var(--r-sm);color:var(--ink-2)}.of-btn--icon:hover{background:var(--bg-3);color:var(--ink)}.of-pill{display:inline-flex;align-items:center;gap:6px;font-family:var(--f-mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;padding:3px 8px;border-radius:999px;background:var(--bg-3);color:var(--ink-2)}.of-pill:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor}.of-pill--pending{color:var(--ink-3)}.of-pill--processing{color:var(--processing);background:rgba(77,159,255,.12)}.of-pill--ready{color:var(--accent);background:rgba(255,77,46,.12)}.of-pill--done{color:var(--ok);background:rgba(124,245,168,.12)}.of-pill--error{color:var(--err);background:rgba(255,92,92,.12)}.of-checker{background-image:linear-gradient(45deg,rgba(255,255,255,.04) 25%,transparent 0,transparent 75%,rgba(255,255,255,.04) 0),linear-gradient(45deg,rgba(255,255,255,.04) 25%,transparent 0,transparent 75%,rgba(255,255,255,.04) 0);background-size:16px 16px;background-position:0 0,8px 8px}.of-grain:after{content:"";position:absolute;inset:0;pointer-events:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='120' height='120'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 0.12 0'/></filter><rect width='120' height='120' filter='url(%23n)'/></svg>");opacity:.6;mix-blend-mode:overlay}.of-noscroll::-webkit-scrollbar{display:none}.of-noscroll{scrollbar-width:none}@keyframes of-ants{to{stroke-dashoffset:-16}}.of-ants{stroke-dasharray:6 4;animation:of-ants .6s linear infinite}@keyframes of-pulse{0%,to{opacity:1}50%{opacity:.4}}.of-pulse{animation:of-pulse 1.4s ease-in-out infinite}@keyframes of-indet{0%{background-position:-40% 0}to{background-position:140% 0}}@keyframes of-bar-collapse-top{0%,20%{transform:translateY(0)}60%,to{transform:translateY(-100%)}}@keyframes of-bar-collapse-bot{0%,20%{transform:translateY(0)}60%,to{transform:translateY(100%)}}@keyframes of-fill-appear{0%,30%{-webkit-clip-path:inset(28% 0 28% 0);clip-path:inset(28% 0 28% 0)}70%,to{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0)}}.of-ls-nav{padding:22px 40px}.of-ls-nav-links{display:flex;gap:28px;font-size:13px;color:var(--ink-2)}.of-ls-nav-cta{display:flex;gap:10px;align-items:center}.of-ls-hero{padding:80px 40px 40px;position:relative}.of-ls-hero-cta{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.of-ls-hero-tag{font-size:12px;color:var(--ink-3);margin-left:12px}.of-ls-ba-section{padding:40px 40px 80px;position:relative}.of-ls-ba-labels{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;gap:12px;flex-wrap:wrap}.of-ls-ba-grid{position:relative;display:grid;grid-template-columns:1fr 1fr;grid-gap:2px;gap:2px;background:var(--line);border-radius:var(--r-md);overflow:hidden;aspect-ratio:16/7}.of-ls-ba-panel{display:flex;align-items:center;justify-content:center}.of-ls-ba-frame,.of-ls-ba-panel{position:relative;background:#000}.of-ls-ba-frame{height:100%;aspect-ratio:9/16;overflow:hidden}.of-ls-ba-info{display:flex;justify-content:space-between;margin-top:12px;font-size:11px;color:var(--ink-3);gap:10px;flex-wrap:wrap}.of-ls-section{padding:80px 40px}.of-ls-how{display:grid;grid-template-columns:1fr 2fr;grid-gap:80px;gap:80px;align-items:start}.of-ls-steps{display:grid;grid-template-columns:1fr 1fr;grid-gap:2px;gap:2px;background:var(--line-soft);border:1px solid var(--line-soft);border-radius:var(--r-md);overflow:hidden}.of-ls-formats{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:18px;gap:18px}.of-ls-enterprise{display:flex;align-items:center;justify-content:space-between;gap:40px}.of-ls-enterprise-badges{display:flex;gap:10px}.of-ls-pricing{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:14px;gap:14px}.of-ls-cta{padding:100px 40px 80px}.of-ls-cta,.of-ls-footer{border-top:1px solid var(--line-soft)}.of-ls-footer{padding:32px 40px;display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--ink-3);gap:16px}.of-ls-footer-meta{font-family:var(--f-mono);display:flex;gap:24px;flex-wrap:wrap}@media (max-width:900px){.of-ls-nav{padding:16px 20px;gap:12px}.of-ls-nav-links,.of-ls-nav-signin{display:none}.of-ls-hero{padding:56px 20px 24px}.of-ls-hero-tag{display:none}.of-ls-ba-section{padding:24px 20px 56px}.of-ls-ba-grid{grid-template-columns:1fr;aspect-ratio:auto}.of-ls-ba-panel{aspect-ratio:9/16}.of-ls-ba-frame{height:auto;width:100%}.of-ls-section{padding:56px 20px}.of-ls-how{gap:32px}.of-ls-how,.of-ls-steps{grid-template-columns:1fr}.of-ls-formats{grid-template-columns:repeat(2,1fr);gap:12px}.of-ls-enterprise{flex-direction:column;align-items:flex-start;gap:20px}.of-ls-enterprise-badges{flex-wrap:wrap}.of-ls-pricing{grid-template-columns:1fr 1fr;gap:12px}.of-ls-cta{padding:72px 20px 56px}.of-ls-footer{padding:24px 20px;flex-direction:column;gap:12px;align-items:flex-start}}@media (max-width:520px){.of-ls-formats,.of-ls-pricing{grid-template-columns:1fr}}