@font-face{font-family:Archivo UI;src:url(/landing/archivo-ui.woff2)format("woff2");font-weight:100 900;font-stretch:62% 125%;font-display:swap}.op{--hs-bg:#1c1c1b;--hs-surface:#30302e;--hs-surface-hover:#4c4c49;--hs-fg:#fbfcf8;--hs-fg-subtle:#9da29e;--hs-fg-muted:#747672;--hs-accent:#1680a6;--hs-accent-active:#00b2ff;--hs-accent-fg:#e0fcff;border-radius:var(--radius-card);color:var(--hs-fg);background:#0b0b14;font-family:Archivo UI,Archivo,system-ui,sans-serif;position:absolute;overflow:hidden;box-shadow:0 30px 80px #00000073,0 0 0 1px #fff6ee14}.op-camera{transform-origin:0 0;width:1440px;height:900px;position:absolute;top:0;left:0}.op-desktop{background-position:50% 58%;background-size:cover;position:absolute;inset:0}.op-desktop:after{content:"";pointer-events:none;background:radial-gradient(at 50% 40%,#0000 40%,#04040a80);position:absolute;inset:0}.op-win{z-index:1;border-radius:12px;position:absolute;overflow:hidden;box-shadow:0 0 0 1px #ffffff14,0 24px 54px #00000080}.op-bar{align-items:center;gap:6px;height:30px;padding:0 12px;font-size:11px;font-weight:600;display:flex}.op-bar i{opacity:.25;background:currentColor;border-radius:50%;width:8px;height:8px}.op-bar span{opacity:.7;margin-left:8px}.op-notes{color:#23211d;background:#f6f4ef}.op-notes .op-bar{background:#ebe8e1}.op-notes-body{flex-direction:column;gap:12px;padding:16px 20px;font-size:15px;display:flex}.op-notes-body b{letter-spacing:-.01em;font-size:22px;font-weight:800}.op-notes-body p{align-items:center;gap:10px;margin:0;display:flex}.op-notes-body p span{border:1.6px solid #b9b3a7;border-radius:5px;width:16px;height:16px}.op-notes-body p.is-done{color:#a39d91;text-decoration:line-through}.op-notes-body p.is-done span{background:#f83b56;border-color:#f83b56}.op-win-glow{box-shadow:inset 0 0 0 3px var(--hs-accent-active), 0 0 40px #00b2ff8c;background:#1680a647;border-radius:12px;position:absolute;inset:0}.op-browser{color:#ddd;background:#111}.op-browser .op-bar{background:#1d1d1f}.op-poster{color:#fff6ee;background:radial-gradient(circle at 80% 20%,#ff5a1f,#0000 55%),linear-gradient(160deg,#a855f7,#3449c6 70%);height:calc(100% - 30px);padding:18px 20px;position:relative}.op-poster-title{letter-spacing:-.01em;font-size:50px;font-weight:900;font-stretch:70%;line-height:.88}.op-poster-sub{letter-spacing:.12em;margin-top:10px;font-size:11px;font-weight:600}.op-qr{line-height:0;position:absolute;bottom:18px;right:18px}.op-qr svg{border-radius:4px;display:block}.op-scan-box{border:2px solid var(--hs-accent);border-radius:8px;position:absolute;inset:-6px;box-shadow:0 0 22px #00b2ffa6,inset 0 0 12px #00b2ff40}.op-callout{z-index:4;flex-direction:column;align-items:flex-start;display:flex;position:absolute}.op-callout-tab{background:var(--hs-accent);letter-spacing:.08em;border-radius:4px 4px 0 0;margin-left:8px;padding:2px 6px 4px;font-size:9px;font-weight:700}.op-callout-card{background:var(--hs-bg);box-shadow:0 0 0 1px var(--hs-accent), 0 10px 26px #00000080;white-space:nowrap;border-radius:8px;align-items:center;gap:10px;padding:8px 8px 8px 12px;font-size:13px;font-weight:600;display:flex}.op-callout-copy{--done:0;background:color-mix(in srgb, var(--hs-surface) calc(100% - var(--done) * 100%), var(--hs-accent-active));width:24px;height:24px;color:var(--hs-fg);border-radius:6px;place-items:center;display:grid}.op-code{color:#d8d8e0;background:#16161d}.op-code .op-bar{background:#1e1e27}.op-code-body{white-space:pre;margin:0;padding:16px 20px;font:500 14px/1.7 Roboto Mono,ui-monospace,monospace}.op-c-k{color:#ff5a1f}.op-c-f{color:#00e5ff}.op-c-t{color:#a855f7}.op-c-a{color:#efff00}.op-shot,.op-pin{z-index:3;transform-origin:0 0;border-radius:12px;position:absolute;overflow:hidden;box-shadow:0 20px 50px #0000008c}.op-pin-face{transform-origin:0 0;width:360px;height:320px;transform:scale(.6)}.op-pin{transform-origin:50%;box-shadow:0 0 0 1px #ffffff1f,0 26px 60px #0009}.op-pin-chrome{position:absolute;inset:0}.op-pin-close{background:var(--hs-bg);width:20px;height:20px;color:var(--hs-fg);border-radius:50%;place-items:center;display:grid;position:absolute;top:8px;left:8px;box-shadow:0 2px 8px #00000080}.op-pin-scale{background:var(--hs-bg);height:24px;color:var(--hs-fg-muted);border-radius:12px;align-items:center;gap:4px;padding:0 8px;font-size:11px;font-weight:600;display:flex;position:absolute;bottom:8px;right:8px;box-shadow:0 2px 8px #00000080}.op-pin-scale em{font-size:7px;font-style:normal}.op-folder{z-index:2;width:136px;height:212px;position:absolute}.op-folder img{width:136px;height:212px;display:block;position:relative}.op-folder-card{background:#f6f4ef;border-radius:6px;width:96px;height:86px;position:absolute;top:44px;left:60px;box-shadow:0 6px 16px #0006}.op-folder-count{background:#4a4a47;padding:2px 4px;font-size:12px;font-style:italic;font-weight:500;position:absolute;top:104px;left:23px}.op-qa{z-index:5;background:linear-gradient(color-mix(in srgb, var(--hs-bg) 95%, #fff) 30%, color-mix(in srgb, var(--hs-bg) 95%, #000));border-radius:6px;padding:1px;position:absolute;top:450px;left:720px;translate:-50% -50%;box-shadow:0 18px 50px #0009,0 2px 8px #0006}.op-qa>*{background:var(--hs-bg)}.op-qa-head{border-radius:5px 5px 0 0;justify-content:center;padding:12px 12px 6px;display:flex}.op-qa-logo{width:84px;height:auto;color:var(--hs-fg);opacity:.55}.op-qa-grid{border-radius:0 0 5px 5px;grid-template-columns:repeat(3,76px);gap:4px;padding:6px 12px 12px;display:grid}.op-tile{--hover:0;background:color-mix(in srgb, var(--hs-surface) calc(100% - var(--hover) * 100%), var(--hs-accent));height:64px;color:color-mix(in srgb, var(--hs-fg) calc(100% - var(--hover) * 100%), var(--hs-accent-fg));letter-spacing:.01em;border-radius:2px;flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:12px;font-weight:600;display:flex}.op-icon{fill:currentColor;color:inherit;display:block}.op-toast{z-index:6;background:var(--hs-bg);border-radius:999px;align-items:center;gap:8px;padding:8px 14px;font-size:13px;font-weight:600;display:flex;position:absolute;top:480px;left:290px;box-shadow:0 0 0 1px #00b2ff80,0 12px 30px #00000080}.op-flash{z-index:7;opacity:0;visibility:hidden;pointer-events:none;background:#fff;position:absolute;inset:0}.op-pointer{z-index:8;filter:drop-shadow(0 2px 3px #0006);position:absolute;top:0;left:0}.op-pointer-arrow{display:block;translate:-5px -2.5px}