@font-face{font-family:Inter;src:url(/opusbar/assets/fonts/inter.woff2)format("woff2");font-weight:100 900;font-display:swap}@font-face{font-family:Pixelify Sans;src:url(/opusbar/assets/fonts/pixelify.woff2)format("woff2");font-weight:400 700;font-display:swap}:root{--cream:#f5f1e4;--paper:#fffdf7;--ink:#2c2e2a;--ink-2:#55574f;--line:#2c2e2a24;--night:#1f201d;--panel:#262723;--working:#2ba0ff;--thinking:#ebc1ff;--needs:#f5e211;--done:#8ed462;--done-deep:#74bf45;--error:#ff705d;--idle:#e0dbce;--claude:#d97757;--codex:#5b7fff;--field:var(--working);--r-field:40px;--pad:clamp(16px, 4vw, 56px);--max:1240px;--ease:cubic-bezier(.16, 1, .3, 1);--kb-ease-out:var(--ease);--mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;--pixel:"Pixelify Sans", var(--mono);color-scheme:light}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:100px}body{background:var(--cream);color:var(--ink);font-feature-settings:"cv11", "ss01";-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;caret-color:var(--working);margin:0;font:400 17px/1.55 Inter,system-ui,-apple-system,sans-serif;overflow-x:clip}a{color:inherit;text-underline-offset:4px;text-decoration-thickness:2px;text-decoration-color:var(--done-deep)}a:hover{text-decoration-color:currentColor}::selection{background:var(--needs);color:var(--ink)}:focus-visible{outline:3px solid var(--working);outline-offset:3px;border-radius:8px}html{scrollbar-color:#2c2e2a59 var(--cream)}h1,h2,h3{letter-spacing:-.03em;text-wrap:balance;margin:0;font-weight:760;line-height:1.02}p{text-wrap:pretty;margin:0}code{font-family:var(--mono);background:#2c2e2a12;border-radius:6px;padding:.1em .38em;font-size:.88em}.skip{z-index:100;background:var(--ink);color:var(--cream);border-radius:12px;padding:10px 16px;position:absolute;top:-60px;left:16px}.skip:focus{top:16px}.nowrap{white-space:nowrap}canvas.cat{image-rendering:pixelated}.nav-wrap{z-index:50;pointer-events:none;justify-content:center;gap:10px;padding:0 16px;display:flex;position:fixed;inset:16px 0 auto}.nav,.nav-cta{pointer-events:auto;background:var(--paper);border-radius:18px;align-items:center;height:64px;display:flex;box-shadow:0 1px #2c2e2a0f,0 12px 32px -18px #2c2e2a59}.nav{max-width:calc(var(--max) - 170px);flex:1;gap:8px;padding:0 10px 0 16px}.brand{letter-spacing:-.02em;align-items:center;gap:10px;margin-right:auto;font-size:20px;font-weight:700;text-decoration:none;display:flex}.brand img{border-radius:8px}.nav-links{gap:2px;margin:0;padding:0;list-style:none;display:flex}.nav-links a{color:var(--ink);border-radius:12px;padding:10px 14px;font-size:16px;font-weight:500;text-decoration:none;transition:background-color .2s;display:block}.nav-links a:hover{background:#2c2e2a0f}.nav-menu{flex:none;display:none}.nav-gh{width:44px;height:44px;color:var(--ink);border-radius:12px;place-items:center;display:grid}.nav-gh:hover{background:#2c2e2a0f}.nav-cta{transition:transform .25s var(--ease);gap:14px;padding:0 10px 0 22px;font-size:17px;font-weight:600;text-decoration:none}.nav-cta:hover{transform:translateY(-1px)}.nav-cat{background:var(--done);border-radius:50%;place-items:center;width:44px;height:44px;display:grid}.nav-cat canvas{width:32px;height:32px}.hero{padding:150px var(--pad) 0;max-width:1480px;margin:0 auto}.hero-copy{max-width:var(--max);grid-template-columns:minmax(0,6fr) minmax(0,6fr);align-items:start;gap:36px 64px;margin:0 auto;display:grid}.hero-copy h1{grid-column:1/-1}.hero-side{display:contents}.hero-side .lede{grid-column:1}.hero-side .cmd,.hero-side .fine{grid-column:2}.hero-side .fine{margin-top:-20px}.hero-side .lede{grid-row:2/span 2}h1{letter-spacing:-.04em;max-width:15.5em;font-size:clamp(44px,6.4vw,96px);line-height:.98}.squiggle svg{color:var(--done)}.sq-coral svg{color:var(--error)}.lede{color:var(--ink-2);max-width:44ch;font-size:clamp(18px,1.5vw,21px);line-height:1.5}.fine{color:var(--ink-2);font-size:15px}.fine a{color:var(--ink);white-space:nowrap;font-weight:600}.cmd{background:var(--ink);color:var(--cream);border-radius:16px;align-items:center;gap:10px;min-width:0;padding:8px 8px 8px 18px;display:flex;box-shadow:0 18px 40px -24px #1f201d99}.cmd code{color:var(--cream);text-overflow:ellipsis;white-space:nowrap;background:0 0;flex:1;min-width:0;padding:0;font-size:14px;overflow:hidden}.cmd-p{color:var(--done);user-select:none;margin-right:.6em}.copy{cursor:pointer;color:var(--ink);background:var(--done);border:0;border-radius:11px;flex:none;align-items:center;gap:8px;padding:11px 14px;font:600 14px/1 Inter,sans-serif;transition:background-color .2s,transform .15s;display:inline-flex}.copy:hover{background:#a2de7b}.copy:active{transform:scale(.97)}.copy svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.copy .i-ok,.copy.done .i-copy{display:none}.copy.done .i-ok{display:block}.stage{border-radius:var(--r-field);background:var(--done);isolation:isolate;max-width:1480px;height:clamp(560px,50vw,740px);margin:56px auto 0;position:relative;overflow:hidden}.menubar{z-index:3;-webkit-backdrop-filter:blur(22px)saturate(160%);height:56px;color:var(--ink);background:#fffdf79e;justify-content:space-between;align-items:center;padding:0 22px;font-size:18px;display:flex;position:relative}.mb-left,.mb-right{white-space:nowrap;align-items:center;gap:24px;display:flex}.mb-left b{font-weight:700}.mb-apple{width:19px;height:22px;fill:var(--ink);margin-right:4px}.mb-right{gap:22px}.mb-ico{width:24px;height:24px;fill:var(--ink);color:var(--ink)}.mb-ico:nth-of-type(2){width:34px}.mb-clock{font-variant-numeric:tabular-nums;font-weight:500}.mb-cat{cursor:pointer;background:0 0;border:0;border-radius:10px;margin:0 -4px;padding:4px 8px;position:relative}.mb-cat[aria-expanded=true]{background:#2c2e2a1f}.mb-cat canvas{width:40px;height:40px}.badge{background:var(--ink);min-width:20px;height:20px;color:var(--paper);text-align:center;box-shadow:0 0 0 2px var(--paper);border-radius:10px;padding:0 5px;font:700 12px/20px Inter,sans-serif;position:absolute;top:2px;right:0}.desk{position:absolute;inset:56px 0 0}.term{background:var(--night);color:#e9e5d7;border-radius:14px;position:absolute;overflow:hidden;box-shadow:0 30px 60px -28px #1f201d99,0 0 0 1px #0003}.term-bar{background:#2a2b27;align-items:center;gap:7px;height:34px;padding:0 13px;display:flex}.term-bar i{background:#ff5f57;border-radius:50%;width:11px;height:11px}.term-bar i:nth-child(2){background:#febc2e}.term-bar i:nth-child(3){background:#28c840}.term-bar span{text-align:center;color:#a9a69a;flex:1;margin-right:40px;font-size:12.5px}.term pre{font:13.5px / 1.6 var(--mono);white-space:pre;margin:0;padding:16px 18px 18px;overflow:hidden}.term pre b{color:var(--needs);font-weight:600}.t1{z-index:2;width:min(430px,38%);box-shadow:0 0 0 3px var(--needs), 0 30px 60px -28px #1f201d99;top:9%;left:4%}.t2{width:min(380px,33%);top:46%;left:25%}.t3{width:min(340px,30%);top:70%;left:5%}.panel{z-index:4;background:var(--panel);color:#f1eee4;transform-origin:82% 0;width:372px;transition:opacity .35s var(--ease), transform .5s var(--ease);border-radius:22px;padding:12px;position:absolute;top:8px;right:clamp(16px,9.5%,150px);box-shadow:0 40px 80px -30px #1f201db3,inset 0 0 0 1px #ffffff12}.stage.closed .panel{opacity:0;pointer-events:none;transform:translateY(-10px)scale(.96)}.seg{color:#a9a69a;background:#ffffff12;border-radius:14px;gap:2px;padding:3px;font-size:15px;font-weight:600;display:inline-flex}.seg span{border-radius:11px;padding:6px 14px}.seg .on{color:#f1eee4;background:#ffffff24}.panel-sum{color:#a9a69a;margin:8px 4px 10px;font-size:13.5px}.rows{gap:6px;margin:0;padding:0;list-style:none;display:grid}.row{background:#ffffff0e;border-radius:15px;grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:12px;padding:9px 12px 9px 9px;display:grid}.row.needs{background:var(--needs);color:var(--ink)}.tile{border-radius:12px;place-items:center;width:46px;height:46px;display:grid}.tile canvas{width:38px;height:38px}.st-needs{background:var(--paper)}.st-done{background:var(--done)}.st-working{background:var(--working)}.st-thinking{background:var(--thinking)}.row p{color:#b4b1a5;white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;overflow:hidden}.row p:first-child{color:inherit;align-items:center;gap:7px;display:flex}.row b{font-size:15.5px;font-weight:650}.row em{opacity:.85;border:1.5px solid #f1eee4;border-radius:7px;padding:0 5px;font-size:11.5px;font-style:normal;font-weight:600;line-height:17px}.row small{color:#a9a69a;font-size:12.5px}.row.needs p{color:#2c2e2ac7}.row.needs p:first-child{color:var(--ink)}.row.needs em{border-color:var(--ink)}.row time{color:#a9a69a;font-variant-numeric:tabular-nums;align-self:start;padding-top:2px;font-size:13px;font-weight:600}.row.needs time{color:#2c2e2ab3}.panel-note{color:#a3a196;text-align:right;margin:10px 4px 2px;font-size:12px}.trail{max-width:1480px;padding:clamp(180px, 24vw, 340px) var(--pad) clamp(220px, 26vw, 360px);margin:0 auto;position:relative}.trail-svg{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.trail-path,.trail-shadow{fill:none;stroke-linecap:round;stroke-linejoin:round}.trail-path{stroke:var(--done)}.trail-shadow{stroke:var(--done-deep);opacity:.55}.trail-cat{z-index:0;pointer-events:none;will-change:transform;width:72px;height:72px;position:absolute;top:0;left:0}.problem{z-index:1;background:var(--paper);border-radius:var(--r-field);gap:24px;max-width:820px;margin:0 auto;padding:clamp(32px,5vw,64px);display:grid;position:relative;box-shadow:0 30px 70px -40px #2c2e2a73}.problem h2{margin-bottom:8px;font-size:clamp(36px,4.4vw,60px)}.problem p{max-width:60ch;color:var(--ink-2);font-size:clamp(18px,1.6vw,22px)}.problem .strong{color:var(--ink);font-weight:600}.states{max-width:1480px;padding:0 var(--pad);background:var(--field);border-radius:var(--r-field);transition:background-color .7s var(--ease);margin:0 auto}.states[data-state=working]{--field:var(--working)}.states[data-state=thinking]{--field:var(--thinking)}.states[data-state=needs]{--field:var(--needs)}.states[data-state=done]{--field:var(--done)}.states[data-state=error]{--field:var(--error)}.states[data-state=idle]{--field:var(--idle)}.states-grid{grid-template-columns:minmax(0,11fr) minmax(0,9fr);gap:clamp(32px,5vw,88px);max-width:1400px;margin:0 auto;display:grid}.states-stage-wrap{position:relative}.states-stage{background:#fffdf738;border-radius:32px;grid-template-rows:56px 1fr;place-items:center;height:min(100vh - 124px,760px);min-height:460px;display:grid;position:sticky;top:100px;overflow:hidden;box-shadow:inset 0 0 0 1.5px #2c2e2a1a}.ss-bar{width:100%;height:56px;color:var(--ink);backdrop-filter:none;background:#fffdf79e;justify-content:space-between;align-self:start;align-items:center;padding:0 22px;font-size:17px;display:flex}.ss-left,.ss-right{white-space:nowrap;align-items:center;gap:20px;display:flex}.ss-left b{font-weight:700}.ss-left .mb-apple{width:17px;height:20px}.ss-mini{background:#2c2e2a1a;border-radius:10px;padding:4px 8px;position:relative}.ss-mini canvas{width:40px;height:40px}.ss-badge{opacity:0;transition:opacity .3s, transform .45s var(--ease);transform:scale(.4)}.states[data-state=needs] .ss-badge,.states[data-state=error] .ss-badge{opacity:1;transform:none}.ss-cat{place-items:center;padding-bottom:56px;display:grid;position:relative}.ss-cat canvas{aspect-ratio:1;z-index:1;width:clamp(176px,19vw,288px);height:auto;position:relative}.ss-shadow{background:#2c2e2a24;border-radius:50%;width:52%;height:9%;position:absolute;bottom:4%}.ss-label{font:500 clamp(22px, 2vw, 30px) / 1 var(--pixel);letter-spacing:.02em;padding-bottom:clamp(28px,5vh,52px)}.notif{width:min(360px,100% - 32px);color:var(--ink);background:#fffdf7f0;border-radius:20px;grid-template-columns:40px 1fr;align-items:start;gap:12px;padding:13px 15px;font-size:14px;line-height:1.35;display:grid;box-shadow:0 22px 44px -22px #1f201d8c,0 0 0 1px #2c2e2a0f}.notif img{border-radius:9px}.notif p:first-child{color:var(--ink);justify-content:space-between;margin-bottom:2px;font-size:12.5px;display:flex}.notif p:first-child b{letter-spacing:.01em;font-weight:600}.notif .n-t{font-size:15px;font-weight:650}.states-stage .notif{opacity:0;transition:opacity .35s var(--ease), transform .6s var(--ease);position:absolute;top:70px;right:16px;transform:translate(24px)}.states[data-state=needs] .notif{opacity:1;transition-delay:.25s;transform:none}.steps{margin:0;padding:18vh 0 22vh;list-style:none}.states-grid{padding:clamp(24px,3vw,48px) 0}.step{min-height:64vh;transition:opacity .5s var(--ease), transform .7s var(--ease);flex-direction:column;justify-content:center;gap:18px;display:flex}.kb-js .step:not(.on){opacity:0;transform:translateY(16px)}.step.on{opacity:1}.step h3{align-items:center;gap:18px;font-size:clamp(42px,4.6vw,72px);display:flex}.step p{color:var(--ink);max-width:36ch;font-size:clamp(18px,1.5vw,21px)}.film{max-width:1400px;padding:clamp(64px, 8vw, 120px) var(--pad) 0;margin:0 auto}.film-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:24px;margin-bottom:28px;display:flex}.film-head h2{font-size:clamp(36px,4.4vw,60px)}.film-head p{font:500 20px / 1 var(--pixel);color:var(--ink-2)}.film-frame{background:var(--night);border-radius:32px;position:relative;overflow:hidden;box-shadow:0 40px 80px -48px #1f201d99}.film video{aspect-ratio:16/9;width:100%;height:auto;accent-color:var(--done)}.play{cursor:pointer;color:var(--paper);background:0 0;border:0;justify-content:flex-start;align-items:flex-end;gap:14px;padding:clamp(20px,4vw,56px);display:flex;position:absolute;inset:0}.play-btn{aspect-ratio:1;background:var(--done);width:clamp(72px,8vw,104px);transition:transform .35s var(--ease);border-radius:50%;place-items:center;display:grid;box-shadow:0 20px 44px -18px #1f201db3}.play-btn svg{width:42%;fill:var(--ink);margin-left:6%}.play:hover .play-btn{transform:scale(1.06)}.play-in{align-items:center;gap:14px;display:flex}.play-t{font:500 18px / 1 var(--pixel);background:#1f201db8;border-radius:10px;padding:8px 12px}.film-poster{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.film.playing .play,.film.playing .film-poster{display:none}.limits{max-width:1400px;padding:clamp(112px, 13vw, 184px) var(--pad) 0;margin:0 auto}.limits-head{max-width:var(--max);grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:end;gap:24px 64px;margin:0 auto 56px;display:grid}.limits-head h2{letter-spacing:-.04em;font-size:clamp(40px,5.4vw,78px)}.limits-head p{color:var(--ink-2);max-width:42ch;font-size:clamp(18px,1.5vw,20px)}.stack{gap:28px;display:grid}.card{border-radius:var(--r-field);grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:center;gap:40px clamp(32px,5vw,80px);min-height:min(560px,100vh - 140px);padding:clamp(28px,4.5vw,64px);display:grid;position:sticky;top:104px;box-shadow:0 -24px 48px -36px #1f201d59}.card:nth-child(2){top:128px}.card:nth-child(3){top:152px}.c-windows{background:var(--error)}.c-warn{background:var(--needs)}.c-value{background:var(--thinking)}.card-copy{align-content:center;gap:18px;display:grid}.card h3{font-size:clamp(32px,3.4vw,50px)}.card-copy p{color:#2c2e2ad1;max-width:40ch;font-size:clamp(17px,1.4vw,19px)}.c-windows .card-copy p{color:var(--ink)}.c-windows .card-copy code{background:#fffdf766}.card-copy em{color:var(--ink);font-style:normal;font-weight:650}.card-copy code{background:#2c2e2a1a}.ui{border-radius:26px;gap:10px;padding:16px;display:grid}.ui-dark{background:var(--panel);color:#f1eee4;box-shadow:0 30px 60px -32px #1f201db3}.lim{background:#ffffff0e;border-radius:16px;gap:6px;padding:12px 14px 14px;display:grid}.lim-h{align-items:center;gap:8px;margin-bottom:2px;font-size:15.5px;display:flex}.lim-h b{font-weight:650}.lim-h span{color:#a9a69a;font-size:14px}.dot{border-radius:50%;width:9px;height:9px;display:inline-block}.dot.coral,.bar .coral{background:var(--claude)}.dot.blue,.bar .blue{background:var(--codex)}.bar-row{align-items:baseline;gap:10px;font-size:14px;display:flex}.bar-row span{min-width:38px;font-weight:650}.bar-row small{color:#a9a69a;flex:1;font-size:12.5px}.bar-row em{font-variant-numeric:tabular-nums;font-style:normal;font-weight:650}.bar{background:#ffffff1a;border-radius:5px;height:9px;margin-bottom:4px;overflow:hidden}.bar i{height:100%;width:var(--w);border-radius:inherit;transform-origin:0;transition:transform 1.2s var(--ease);display:block}.kb-js .card:not(.seen) .bar i{transform:scaleX(0)}.ui-note{color:#a3a196;text-align:right;font-size:12px}.warn-ui{justify-items:center;gap:14px;display:grid}.n-static{grid-template-columns:44px 1fr;width:min(420px,100%);padding:16px 18px;font-size:15px}.n-static img{width:44px;height:44px}.n-static .n-t{font-size:16.5px}.n2{opacity:.78;transform:scale(.94)}.seg-sm{justify-self:start;font-size:13.5px}.seg-sm span{padding:5px 11px}.val-h{justify-content:space-between;align-items:center;margin-top:4px;font-size:15px;font-weight:650;display:flex}.val-h span{color:#a9a69a;align-items:center;gap:6px;font-size:13px;font-weight:500;display:flex}.val-h .dot:last-of-type{margin-left:6px}.val{color:#a9a69a;font-size:15px}.val b{letter-spacing:-.03em;color:#f1eee4;font-variant-numeric:tabular-nums;margin-right:10px;font-size:clamp(40px,3.6vw,52px);font-weight:760}.chart{border-bottom:1px solid #ffffff1a;align-items:flex-end;gap:2px;height:120px;padding-top:8px;display:flex}.chart i{flex-direction:column-reverse;flex:1;min-width:0;display:flex}.chart b{background:var(--claude);border-radius:1px;display:block}.chart b+b{background:var(--codex)}.coats{max-width:var(--max);padding:clamp(112px, 13vw, 184px) var(--pad) 0;margin:0 auto}.coats-head{grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:end;gap:24px 64px;margin-bottom:44px;display:grid}.coats-head h2{letter-spacing:-.04em;font-size:clamp(40px,5.4vw,78px)}.coats-head p{color:var(--ink-2);max-width:46ch;font-size:clamp(18px,1.5vw,20px)}.coat-grid{grid-template-columns:repeat(auto-fill,minmax(128px,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.coat{cursor:pointer;width:100%;font:inherit;color:var(--ink);background:var(--paper);box-shadow:0 0 0 1px var(--line) inset;transition:transform .3s var(--ease), box-shadow .2s, background-color .2s;border:0;border-radius:24px;justify-items:center;gap:8px;padding:18px 8px 14px;display:grid}.coat:hover{transform:translateY(-3px)}.coat canvas{width:64px;height:64px}.coat span{font-size:14px;font-weight:600}.coat[aria-checked=true]{background:var(--done);box-shadow:0 0 0 2px var(--ink) inset}.privacy{background:var(--ink);max-width:1480px;color:var(--cream);border-radius:var(--r-field);padding:clamp(48px, 7vw, 104px) var(--pad);margin:clamp(112px,13vw,184px) auto 0}.privacy>*{max-width:var(--max);margin-left:auto;margin-right:auto}.privacy h2{letter-spacing:-.04em;font-size:clamp(40px,5.6vw,84px)}.privacy-lede{color:#f5f1e4c7;margin-top:20px;font-size:clamp(18px,1.6vw,22px)}.cols{grid-template-columns:1.3fr 1fr 1fr;gap:24px;margin-top:clamp(40px,5vw,72px);display:grid}.cols>div{background:#ffffff0f;border-radius:28px;padding:28px}.cols h3{letter-spacing:-.02em;color:var(--done);margin-bottom:16px;font-size:26px}.cols ul{gap:12px;margin:0;padding:0 0 0 1.1em;display:grid}.cols li{color:#f5f1e4d1;font-size:16px;line-height:1.55}.cols li::marker{color:#f5f1e466}.cols code{color:var(--cream);background:#ffffff1a}.aside{color:#f5f1e4a8;margin-top:20px;font-size:15px}.install{background:var(--done);border-radius:var(--r-field);max-width:1480px;padding:clamp(48px, 7vw, 104px) var(--pad);margin:24px auto 0}.install-in{gap:26px;max-width:980px;margin:0 auto;display:grid}.install h2{letter-spacing:-.04em;font-size:clamp(40px,5.6vw,84px)}.install-lede{color:#2c2e2ad9;max-width:58ch;font-size:clamp(18px,1.5vw,21px)}.install-lede a{text-decoration-color:var(--ink);font-weight:600}.cmd-lg{border-radius:20px;padding:10px 10px 10px 22px}.cmd-lg code{font-size:clamp(13px,1.25vw,16px)}.cmd-lg .copy{padding:13px 18px;font-size:15px}.how{counter-reset:how;grid-template-columns:repeat(3,1fr);gap:14px;margin:10px 0 0;padding:0;list-style:none;display:grid}.how li{counter-increment:how;color:#2c2e2ad9;background:#fffdf78c;border-radius:24px;padding:22px 22px 24px;font-size:16px}.how li:before{content:counter(how);font:500 34px / 1 var(--pixel);color:var(--ink);margin-bottom:14px;display:block}.how b{color:var(--ink);margin-bottom:4px;font-size:18px;display:block}.how code{background:#2c2e2a1a}.install-alt{flex-wrap:wrap;gap:12px;margin-top:6px;display:flex}.btn{background:var(--ink);height:54px;color:var(--cream);transition:transform .2s var(--ease), background-color .2s;border-radius:16px;align-items:center;padding:0 24px;font-weight:600;text-decoration:none;display:inline-flex}.btn:hover{transform:translateY(-2px)}.btn-ghost{color:var(--ink);box-shadow:0 0 0 2px var(--ink) inset;background:0 0}.btn-ghost:hover{background:#2c2e2a14}.install-note{color:#2c2e2ac7;max-width:64ch;font-size:14.5px}.faq{max-width:960px;padding:clamp(112px, 13vw, 168px) var(--pad) clamp(140px, 14vw, 200px);margin:0 auto}.faq h2{letter-spacing:-.04em;margin-bottom:28px;font-size:clamp(40px,5vw,68px)}.qs details{border-bottom:1.5px solid var(--line)}.qs summary{cursor:pointer;letter-spacing:-.015em;padding:24px 52px 24px 0;font-size:clamp(19px,1.7vw,23px);font-weight:650;list-style:none;position:relative}.qs summary::-webkit-details-marker{display:none}.qs summary:after{content:"";background:var(--paper) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 5v10M5 10h10' stroke='%232C2E2A' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E") center / 16px no-repeat;width:30px;height:30px;box-shadow:0 0 0 1px var(--line) inset;transition:transform .35s var(--ease), background-color .2s;border-radius:50%;margin-top:-15px;position:absolute;top:50%;right:6px}.qs details[open] summary:after{background-color:var(--needs);transform:rotate(45deg)}.qs details p{color:var(--ink-2);max-width:66ch;padding:0 52px 26px 0;font-size:17.5px}.foot{background:var(--idle);border-radius:var(--r-field) var(--r-field) 0 0;max-width:1480px;padding:56px var(--pad) 40px;margin:0 auto;position:relative}.foot-cats{pointer-events:none;justify-content:space-around;max-width:1100px;margin:0 auto;display:flex;position:absolute;top:-60px;left:0;right:0}.foot-cats canvas{width:64px;height:64px}.foot-cats .flip{transform:scaleX(-1)}.foot-mark{max-width:var(--max);margin:48px auto -40px;overflow:hidden;container-type:inline-size}.foot-mark span:before{content:"OpusBar"}.foot-mark span{letter-spacing:-.055em;white-space:nowrap;color:color-mix(in srgb, var(--ink) 9%, transparent);user-select:none;margin-left:-.02em;font-size:26.2cqw;font-weight:800;line-height:.77;display:block}.foot-in{max-width:var(--max);grid-template-columns:1fr auto;align-items:start;gap:28px 48px;margin:0 auto;display:grid}.foot-brand{color:var(--ink-2);align-items:center;gap:16px;font-size:16px;display:flex}.foot-brand b{color:var(--ink);letter-spacing:-.02em;font-size:20px}.foot-brand img{border-radius:11px}.foot-links{flex-wrap:wrap;gap:6px 22px;margin:0;padding:0;font-weight:600;list-style:none;display:flex}.foot-links a{text-decoration:none}.foot-links a:hover{text-decoration:underline}.foot-fine{color:var(--ink-2);border-top:1.5px solid var(--line);grid-column:1/-1;padding-top:22px;font-size:14px}.rail{background:var(--idle);border-radius:999px;align-items:center;max-width:1480px;height:92px;margin:56px auto 0;display:flex;overflow:hidden}.rail-track{will-change:transform;gap:40px;padding-left:40px;display:flex}.rail-track canvas{flex:none;width:56px;height:56px}.nav-cta .nav-cat{transition:transform .35s var(--ease)}.nav-cta:hover .nav-cat{transform:rotate(-8deg)scale(1.06)}@media (width<=1100px){.nav{max-width:none;position:relative}.nav-menu{height:44px;color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:12px;align-items:center;gap:8px;padding:0 12px;font:600 16px/1 Inter,sans-serif;display:inline-flex}.nav-menu:hover,.nav-menu[aria-expanded=true]{background:#2c2e2a12}.nav-menu svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;width:20px;height:20px}.nav-links{background:var(--paper);border-radius:18px;flex-direction:column;gap:2px;padding:8px;display:none;position:absolute;top:calc(100% + 8px);left:0;right:0;box-shadow:0 24px 48px -24px #2c2e2a73}.nav-links.open{display:flex}.nav-links a{padding:14px 16px;font-size:18px}.hero-copy,.limits-head,.coats-head{grid-template-columns:1fr}.hero-side .lede,.hero-side .cmd,.hero-side .fine{grid-column:1}.hero-side .fine{margin-top:-14px}.t2{display:none}.t1{width:46%}.t3{width:40%;top:62%}.card{grid-template-columns:1fr;min-height:0;position:relative;top:0!important}.cols{grid-template-columns:1fr}}@media (width<=760px){body{font-size:16px}.nav-wrap{gap:8px;padding:0 10px;inset:10px 0 auto}.nav,.nav-cta{border-radius:16px;height:56px}.nav-cta{gap:10px;padding:0 6px 0 16px;font-size:16px}.nav-cat{width:40px;height:40px}.brand{min-width:0;font-size:18px}.nav-menu{justify-content:center;width:44px;padding:0}.nav-menu span{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.hero{padding-top:112px}.stage{border-radius:28px;height:auto;margin-top:40px}.menubar{height:44px;padding:0 14px;font-size:15px}.mb-left{gap:16px}.mb-right{gap:14px}.mb-hide,.mb-left span,.mb-clock .mb-date{display:none}.mb-cat canvas{width:32px;height:32px}.badge{top:0}.desk{gap:14px;padding:10px 12px 16px;display:grid;position:relative;inset:auto}.panel{width:100%;position:relative;top:auto;right:auto}.term{width:100%;position:relative;top:auto;left:auto}.t1{order:2}.t3{display:none}.term pre{font-size:12px}.states-grid{grid-template-columns:1fr;gap:0}.states{border-radius:28px;padding:0 12px}.states-stage-wrap{z-index:2;background:var(--field);height:calc(38vh + 76px);min-height:356px;transition:background-color .7s var(--ease);padding-top:76px;position:sticky;top:0}.ss-left span{display:none}.ss-bar{font-size:14px}.ss-cat{padding-bottom:0}.states-stage{border-radius:22px;grid-template-rows:44px 1fr;height:100%;min-height:0;position:relative;top:0}.ss-bar{height:44px;padding:0 14px}.ss-mini canvas{width:30px;height:30px}.ss-cat canvas{width:min(30vw,120px)}.states-stage .notif{grid-template-columns:30px 1fr;gap:10px;width:calc(100% - 20px);padding:9px 11px;font-size:12.5px;top:52px;right:10px}.states-stage .notif img{border-radius:7px;width:30px;height:30px}.states-stage .notif .n-t{font-size:13.5px}.states[data-state=needs] .ss-cat{transform:translateY(26px)}.ss-cat{transition:transform .5s var(--ease)}.steps{padding:4vh 0 10vh}.step{justify-content:flex-end;min-height:56vh;padding-bottom:6vh}.step h3{font-size:40px}.how{grid-template-columns:1fr}.coat-grid{grid-template-columns:repeat(3,1fr);gap:8px}.coat{border-radius:18px;padding:14px 4px 10px}.coat canvas{width:48px;height:48px}.coat span{font-size:12.5px}.foot-in{grid-template-columns:1fr}.foot-cats canvas{width:48px;height:48px}.foot-cats{top:-46px}.card,.privacy,.install{border-radius:28px}.cols>div{border-radius:22px;padding:22px}.trail{padding:140px 12px 200px}.trail-cat{width:52px;height:52px}.rail{border-radius:28px;height:72px;margin-top:40px}.rail-track canvas{width:44px;height:44px}.rail-track{gap:28px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-delay:0s!important}}