.ot-landing{--paper:#F4F5F7;--surface:#FFFFFF;--surface-2:#EDEEF1;--line:#E4E5E9;--line-2:#C9CDD3;--ink:#16181D;--ink-2:#3E434D;--ink-3:#6E7480;--ink-4:#9AA0AB;--accent:#E97817;--accent-hover:#C9660F;--accent-deep:#A8540C;--accent-soft:#FCF0E3;--pos:#137A4E;--pos-soft:rgba(19,122,78,.08);--neg:#B3382C;--shadow-card:0 1px 2px rgba(22,24,29,.04);background:var(--paper);color:var(--ink);font-family:Inter,system-ui,-apple-system,sans-serif;min-height:100vh}:root[data-gl-theme=dark] .ot-landing{--paper:#0B0D10;--surface:#111418;--surface-2:#161A1F;--line:#22272E;--line-2:#343B44;--ink:#E6E8EB;--ink-2:#B9BEC6;--ink-3:#9BA3AD;--ink-4:#5C6570;--accent-hover:#F08A33;--accent-deep:#F08A33;--accent-soft:rgba(233,120,23,.12);--pos:#3FB27F;--pos-soft:rgba(63,178,127,.1);--neg:#E05D4E;--shadow-card:none}@media(prefers-color-scheme:dark){:root:not([data-gl-theme]) .ot-landing{--paper:#0B0D10;--surface:#111418;--surface-2:#161A1F;--line:#22272E;--line-2:#343B44;--ink:#E6E8EB;--ink-2:#B9BEC6;--ink-3:#9BA3AD;--ink-4:#5C6570;--accent-hover:#F08A33;--accent-deep:#F08A33;--accent-soft:rgba(233,120,23,.12);--pos:#3FB27F;--pos-soft:rgba(63,178,127,.1);--neg:#E05D4E;--shadow-card:none}}.ot-landing img[src*=logo-light]{filter:invert(1)}.ot-portrait-chip{filter:grayscale(1) contrast(1.04)}:root[data-gl-theme=dark] .ot-landing img[src*=logo-light]{filter:none}@media(prefers-color-scheme:dark){:root:not([data-gl-theme]) .ot-landing img[src*=logo-light]{filter:none}}.ot-landing .site-footer-band{background:var(--paper);color:var(--ink)}.ot-landing .site-footer-band footer{background:transparent;border-top:1px solid var(--line)}.ot-landing .site-footer-band .max-w-7xl{max-width:90rem}.ot-landing .site-footer-band .text-slate-500{color:var(--ink-3)}.ot-landing .site-footer-band a[href="/"],.ot-landing .site-footer-band a:hover{color:var(--ink)}:where(.ot-landing) :where(a){color:inherit}.ot-card{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-card)}.ot-well{background:var(--surface-2);border:1px solid var(--line)}.ot-display{font-weight:700;letter-spacing:-.032em}.ot-display-700{font-weight:700;letter-spacing:-.02em}.num{font-variant-numeric:tabular-nums;letter-spacing:-.01em}.microlabel{font-size:10px;letter-spacing:.09em;text-transform:uppercase;font-weight:600}.ot-mark{text-decoration:underline;text-decoration-color:var(--accent);text-decoration-thickness:3px;text-underline-offset:.1em;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none;white-space:nowrap}.ot-cta{background:var(--accent);color:#fff;transition:background-color .15s ease}.ot-cta:hover{background:var(--accent-hover)}.ot-outline{background:var(--surface);border:1px solid var(--line-2);color:var(--ink);transition:border-color .15s ease,background-color .15s ease}.ot-outline:hover{border-color:var(--accent)}.ot-disabled{border:1px solid var(--line);background:var(--surface-2);color:var(--ink-4)}.ot-soft{color:var(--ink-2)}.ot-faint{color:var(--ink-3)}.ot-strong{color:var(--ink)}.ot-ok{color:var(--pos)}.ot-accent{color:var(--accent-deep)}.ot-link{color:var(--ink-2);transition:color .15s ease}.ot-link:hover{color:var(--ink)}.ot-hero-hard{color:var(--ink-3)}.ot-hero-ok{color:var(--ink)}.ot-rule{display:block;width:28px;height:2px;background:var(--accent)}.ot-portrait{position:relative;overflow:hidden;border:1px solid var(--line)}.ot-portrait-cap{background:linear-gradient(to top,#000000e6,#000000b8 38%,#00000047 68%,#0000);color:#fff}.ot-portrait-cap .ot-cap-sub{color:#ffffffb3}.ot-track{background:var(--surface-2);border:1px solid var(--line)}.ot-bar{background:var(--accent)}.ot-verdict{background:var(--surface);border:1px solid var(--line);border-left:2px solid var(--accent)}.ot-verdict-badge{background:var(--accent);color:#fff}.ot-phone{border:1px solid var(--line-2);background:var(--surface-2)}.ot-phone-screen{background:var(--surface-2)}.ot-ex-stack{display:grid}.ot-ex-slide{grid-area:1 / 1;visibility:hidden;opacity:0}.ot-ex-slide.is-on{visibility:visible;opacity:1}@media(prefers-reduced-motion:no-preference){.ot-ex-slide{transition:opacity .4s ease,visibility 0s linear .4s}.ot-ex-slide.is-on{transition:opacity .4s ease}}.ot-ex-dots{display:none}.js-ex .ot-ex-dots{display:flex;gap:2px}.ot-ex-dot{width:18px;height:18px;padding:0;border:0;background:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer}.ot-ex-dot:after{content:"";width:6px;height:6px;border-radius:9999px;background:var(--line-2)}.ot-ex-dot.is-on:after{background:var(--accent)}.ot-ex-dot:focus-visible{outline:2px solid var(--accent);outline-offset:-4px;border-radius:9999px}.ot-code{background:var(--surface-2);border:1px solid var(--line);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px;line-height:1.7;color:var(--ink);white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;max-width:100%;min-width:0}[data-section=mcp] .ot-card{min-width:0}.ot-chip{border:1px solid var(--line);background:var(--surface-2);color:var(--ink-2);border-radius:6px;padding:.35rem .7rem;font-size:13px;font-weight:500}.ot-tabs>input{position:absolute;width:1px;height:1px;opacity:0;margin:0;pointer-events:none}.ot-tab{display:inline-flex;align-items:center;gap:.5rem;cursor:pointer;border:1px solid var(--line);background:var(--surface-2);color:var(--ink-2);border-radius:8px;padding:.5rem .85rem;font-size:14px;font-weight:500;transition:border-color .15s ease,color .15s ease,background-color .15s ease}.ot-tab:hover{border-color:var(--line-2);color:var(--ink)}.ot-tab img{width:20px;height:20px;border-radius:5px;display:block}.ot-panel{display:none}#mcp-claude:checked~.ot-tabrow label[for=mcp-claude],#mcp-openclaw:checked~.ot-tabrow label[for=mcp-openclaw],#mcp-hermes:checked~.ot-tabrow label[for=mcp-hermes]{border-color:var(--accent);color:var(--ink);background:var(--surface)}#mcp-claude:focus-visible~.ot-tabrow label[for=mcp-claude],#mcp-openclaw:focus-visible~.ot-tabrow label[for=mcp-openclaw],#mcp-hermes:focus-visible~.ot-tabrow label[for=mcp-hermes]{outline:2px solid var(--accent);outline-offset:2px}#mcp-claude:checked~.ot-panels .ot-panel[data-client=claude],#mcp-openclaw:checked~.ot-panels .ot-panel[data-client=openclaw],#mcp-hermes:checked~.ot-panels .ot-panel[data-client=hermes]{display:block}.ot-stage .ot-ctrack:before{content:none}[data-section=competitors] .ot-ctrack:before{content:none}.ot-carousel>input{position:absolute;width:1px;height:1px;opacity:0;margin:0;pointer-events:none}.ot-ctab{display:inline-flex;align-items:center;cursor:pointer;border:1px solid var(--line);background:var(--surface-2);color:var(--ink-3);border-radius:8px;padding:.45rem .8rem;font-size:13px;font-weight:500;transition:color .15s ease,border-color .15s ease}.ot-ctab:hover{color:var(--ink);border-color:var(--line-2)}@media(prefers-reduced-motion:no-preference){.ot-carousel:not(:has(input:checked)) .ot-ctab{animation:ot-tabcyc 15s linear infinite}.ot-carousel:not(:has(input:checked)) .ot-ctab:nth-of-type(2){animation-delay:5s}.ot-carousel:not(:has(input:checked)) .ot-ctab:nth-of-type(3){animation-delay:10s}}@keyframes ot-tabcyc{0%,31%{border-color:var(--accent);color:var(--ink)}36%,to{border-color:var(--line);color:var(--ink-3)}}.ot-carousel:has(input:checked) .ot-step{animation:none;opacity:0;transform:none}.ot-carousel:has(input:checked) .ot-ctab{animation:none}.ot-carousel:has(input:checked) .ot-seg i{animation:none;width:0}.ot-carousel:has(#cc-1:checked) .ot-seg:nth-child(1) i,.ot-carousel:has(#cc-2:checked) .ot-seg:nth-child(2) i,.ot-carousel:has(#cc-3:checked) .ot-seg:nth-child(3) i{width:100%}.ot-carousel:has(#cc-1:checked) .ot-step:nth-child(1),.ot-carousel:has(#cc-2:checked) .ot-step:nth-child(2),.ot-carousel:has(#cc-3:checked) .ot-step:nth-child(3){opacity:1}.ot-carousel:has(#cc-1:checked) label[for=cc-1],.ot-carousel:has(#cc-2:checked) label[for=cc-2],.ot-carousel:has(#cc-3:checked) label[for=cc-3]{border-color:var(--accent);color:var(--ink)}#cc-1:focus-visible~.ot-ctabrow label[for=cc-1],#cc-2:focus-visible~.ot-ctabrow label[for=cc-2],#cc-3:focus-visible~.ot-ctabrow label[for=cc-3]{outline:2px solid var(--accent);outline-offset:2px}.ot-heat{height:8px}@media(min-width:640px){.ot-heat{height:12px}}.ot-split{border-top:1px solid var(--line)}@media(min-width:768px){.ot-split{border-top:0;border-left:1px solid var(--line)}}.ot-stage{display:grid}.ot-step{grid-area:1 / 1;opacity:0}.ot-step:first-child{opacity:1}.ot-seg{height:2px;background:var(--line-2);border-radius:2px;overflow:hidden}.ot-seg i{display:block;height:100%;width:0;background:var(--accent)}@media(prefers-reduced-motion:no-preference){.ot-step:nth-child(1){animation:ot-step-lead 15s linear infinite}.ot-step:nth-child(2){animation:ot-step 15s linear infinite 5s}.ot-step:nth-child(3){animation:ot-step 15s linear infinite 10s}.ot-seg:nth-child(1) i{animation:ot-seg1 15s linear infinite}.ot-seg:nth-child(2) i{animation:ot-seg2 15s linear infinite}.ot-seg:nth-child(3) i{animation:ot-seg3 15s linear infinite}}@keyframes ot-step-lead{0%,31%{opacity:1;transform:none}36%,95%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}@keyframes ot-step{0%{opacity:0;transform:translateY(10px)}5%,31%{opacity:1;transform:none}36%,to{opacity:0;transform:translateY(-10px)}}@keyframes ot-seg1{0%{width:0}33%,to{width:100%}}@keyframes ot-seg2{0%,33%{width:0}66%,to{width:100%}}@keyframes ot-seg3{0%,66%{width:0}to{width:100%}}.js-reveal .ot-reveal{opacity:0;transform:translateY(32px)}.js-reveal .ot-reveal.is-in{opacity:1;transform:none;transition:opacity .7s cubic-bezier(.16,1,.3,1) var(--d, 0ms),transform .7s cubic-bezier(.16,1,.3,1) var(--d, 0ms)}.js-reveal .ot-card.ot-reveal{transform:translateY(38px) scale(.98)}.js-reveal .ot-card.ot-reveal.is-in{transform:none}.js-reveal .ot-ctrack .ot-cbar,.js-reveal .ot-track .ot-bar{transform:scaleX(0);transform-origin:left center}.js-reveal .is-in .ot-ctrack .ot-cbar,.js-reveal .is-in .ot-track .ot-bar{transform:scaleX(1);transition:transform 1s cubic-bezier(.16,1,.3,1) calc(var(--d, 0ms) + .14s)}.ot-crow{display:grid;grid-template-columns:1fr auto;-moz-column-gap:.8rem;column-gap:.8rem;row-gap:.15rem;align-items:baseline}.ot-crow>*:nth-child(1){grid-row:1;grid-column:1;text-align:left}.ot-crow>*:nth-child(2){grid-row:2;grid-column:1 / -1}.ot-crow>*:nth-child(3){grid-row:1;grid-column:2}@media(min-width:640px){.ot-crow{grid-template-columns:10.5rem minmax(0,1fr) 3.4rem;-moz-column-gap:.8rem;column-gap:.8rem;row-gap:0;align-items:center}.ot-crow>*:nth-child(1){grid-row:1;grid-column:1;text-align:right}.ot-crow>*:nth-child(2){grid-row:1;grid-column:2}.ot-crow>*:nth-child(3){grid-row:1;grid-column:3}}.ot-ctrack{position:relative;height:30px;display:flex;align-items:center}.ot-ctrack:before{content:"";position:absolute;left:var(--ot-base,20%);top:-11px;bottom:-11px;border-left:1px dashed var(--line-2)}.ot-cbar{height:16px;border-radius:3px;background:var(--ink-4);min-width:6px}.ot-cbar.is-win{background:var(--accent)}.ot-bill{position:relative;display:inline-grid;grid-template-columns:1fr 1fr;padding:.2rem;border-radius:.5rem;background:var(--surface-2);border:1px solid var(--line)}.ot-bill-pill{position:absolute;top:.2rem;bottom:.2rem;left:.2rem;width:calc(50% - .2rem);border-radius:.375rem;background:var(--ink);transform:translate(100%);transition:transform .3s cubic-bezier(.22,1,.36,1)}#pricing[data-bill=month] .ot-bill-pill{transform:translate(0)}.ot-bill-btn{position:relative;z-index:1;padding:.45rem 1rem;border-radius:.375rem;color:var(--ink-3);white-space:nowrap;transition:color .2s ease}#pricing[data-bill=month] #ot-bill-month,#pricing[data-bill=year] #ot-bill-year{color:var(--surface)}.ot-save-chip{padding:.28rem .6rem;border-radius:.375rem;font-size:.72rem;font-weight:600;color:var(--pos);background:var(--pos-soft);border:1px solid color-mix(in srgb,var(--pos) 26%,transparent);transition:color .2s ease,background .2s ease,border-color .2s ease,opacity .2s ease}#pricing[data-bill=month] .ot-save-chip{opacity:.6}#pricing[data-bill=year] .ot-save-chip{color:#fff;background:var(--pos);border-color:transparent}.ot-price{display:inline-block;font-variant-numeric:tabular-nums;letter-spacing:-.01em}.ot-was{display:inline-block;margin-left:.45rem;color:var(--ink-4);text-decoration:line-through;opacity:0;transform:translate(-.5rem);transition:opacity .25s ease,transform .25s ease}#pricing[data-bill=year] .ot-was{opacity:1;transform:none}.ot-billed{display:inline-block;color:var(--ink-3);transition:color .2s ease}#pricing[data-bill=year] .ot-billed{color:var(--pos)}.ot-billed.is-swap{animation:ot-rise .3s cubic-bezier(.22,1,.36,1)}@keyframes ot-rise{0%{opacity:0;transform:translateY(.35rem)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.ot-bill-pill,.ot-bill-btn,.ot-save-chip,.ot-was,.ot-billed{transition:none}.ot-billed.is-swap{animation:none}}.gi-strip{position:relative;height:1.6rem}.gi-idea{position:absolute;inset:0;display:flex;align-items:center;opacity:0;transform:translateY(.4rem);transition:opacity .45s ease,transform .45s ease;color:var(--ink-3);font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gi-idea.is-on{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){.gi-idea{transition:none}}.gi-strip[role=button]{cursor:pointer}.gi-strip[role=button]:hover .gi-idea.is-on{color:var(--ink-2)}.gi-area{width:100%;resize:none;background:var(--surface-2);color:var(--ink);border:1px solid var(--line);border-radius:.5rem;padding:.85rem 1rem;font:inherit;font-size:1rem;line-height:1.5;transition:border-color .18s ease,box-shadow .18s ease}.gi-area::-moz-placeholder{color:var(--ink-4)}.gi-area::placeholder{color:var(--ink-4)}.gi-area:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.gi-go{min-width:15rem;letter-spacing:.08em}.gi-go[disabled]{opacity:.6;cursor:progress}.gi-count{opacity:0;transition:opacity .2s ease}.gi-count.is-near{opacity:1}
