.ob{--bg:#0b0b0b;--soft:#171717;--soft-2:#222;--ink:#fff;--muted:#a3a3a3;--green:#0a8043;--green-dark:#086a37;--m:16px;--gap:96px;--r-lg:20px;--r-md:12px;--ease:cubic-bezier(.2,.7,.2,1);--step-small:14px;--step-body:clamp(17px,16px + .25vw,19px);--step-lead:clamp(20px,17.6px + .7vw,24px);--step-head:clamp(40px,6vw + 16px,96px);background:var(--bg);color:var(--ink);font-family:Onest,-apple-system,BlinkMacSystemFont,sans-serif;font-size:var(--step-body);line-height:1.5;overflow-x:clip}@media (min-width:900px){.ob{--m:48px;--gap:144px}}.ob a{color:inherit}.ob :focus-visible{outline:3px solid var(--green);outline-offset:3px}.ob-h1,.ob-h2,.ob-cta-title,.ob-logo,.ob-price{text-transform:uppercase;letter-spacing:-.04em;font-family:Jost,Onest,sans-serif;font-weight:700}.ob-btn{border-radius:var(--r-md);background:var(--ink);white-space:nowrap;justify-content:center;align-items:center;min-height:56px;padding:0 28px;font-size:17px;font-weight:700;text-decoration:none;transition:transform .12s ease-out,background-color .2s;display:inline-flex;color:#0b0b0b!important}.ob-btn:active{transform:scale(.97)}.ob-btn--ink{background:#0b0b0b;color:#fff!important}@media (hover:hover) and (pointer:fine){.ob-btn:hover{background:var(--green);color:#fff!important}.ob-btn--ink:hover{background:#262626}}.ob-link,.ob-foot a{text-underline-offset:.22em;text-decoration:underline;text-decoration-thickness:.07em;-webkit-text-decoration-color:color-mix(in srgb,currentColor 40%,transparent);text-decoration-color:color-mix(in srgb,currentColor 40%,transparent);transition:text-decoration-color .2s}@media (hover:hover) and (pointer:fine){.ob-link:hover,.ob-foot a:hover{text-decoration-color:currentColor}}.ob-nav{z-index:5;padding:22px var(--m);justify-content:space-between;align-items:center;gap:16px;display:flex;position:relative}.ob-logo{letter-spacing:0;font-size:18px;text-decoration:none}.ob-nav nav{align-items:center;gap:24px;font-size:16px;font-weight:500;display:flex}.ob-nav nav a{text-decoration:none}.ob-nav nav a:not(.ob-nav-tg){display:none}.ob-nav-tg{background:var(--ink);border-radius:999px;padding:9px 16px;font-weight:700;color:#0b0b0b!important}@media (min-width:900px){.ob-nav nav a:not(.ob-nav-tg){display:inline}}.ob-stage{--s:min(64vw,420px);width:var(--s);height:calc(var(--s)*.82);margin:calc(var(--s)*.26)auto 0;clip-path:inset(-40% -40% 0);position:relative}.ob-disc{height:var(--s);background:var(--green);border-radius:50%;position:absolute;inset:0 0 auto}.ob-arch{object-fit:cover;object-position:50% 18%;border-radius:calc(var(--s)*.31)calc(var(--s)*.31)0 0;width:62%;height:66%;position:absolute;bottom:0;left:19%}.ob-ring{left:-9%;top:calc(var(--s)*-.09);width:118%;height:calc(var(--s)*1.18);z-index:2;border-radius:50%;position:absolute}.ob-tool{width:0;height:0;transform:rotate(var(--a))translateX(calc(var(--s)*.59))rotate(calc(-1*var(--a)));position:absolute;top:50%;left:50%}.ob-ring--outer{left:-20%;top:calc(var(--s)*-.2);width:140%;height:calc(var(--s)*1.4);z-index:1}.ob-ring--outer .ob-tool{transform:rotate(var(--a))translateX(calc(var(--s)*.7))rotate(calc(-1*var(--a)))}.ob-ring--outer .ob-tool-in{left:calc(var(--s)*-.054);top:calc(var(--s)*-.054);width:calc(var(--s)*.108);height:calc(var(--s)*.108);background:#1c1c1c;min-width:40px;min-height:40px}.ob-ring--outer .ob-tool-in svg{filter:brightness(0)invert()}.ob-tool-in{left:calc(var(--s)*-.075);top:calc(var(--s)*-.075);width:calc(var(--s)*.15);height:calc(var(--s)*.15);background:#fff;border-radius:50%;justify-content:center;align-items:center;min-width:48px;min-height:48px;display:flex;position:absolute}.ob-tool-in svg{width:52%;height:52%}@media (prefers-reduced-motion:no-preference){.ob-ring{animation:48s linear infinite ob-spin}.ob-tool-in{animation:48s linear infinite reverse ob-spin}.ob-ring--outer{animation:80s linear infinite reverse ob-spin}.ob-ring--outer .ob-tool-in{animation:80s linear infinite ob-spin}.ob-hero .ob-arch{animation:ob-rise 1.2s var(--ease)both}.ob-hero .ob-disc{animation:ob-grow 1s var(--ease)both}}@keyframes ob-spin{to{transform:rotate(360deg)}}@keyframes ob-rise{0%{transform:translateY(18%)}to{transform:none}}@keyframes ob-grow{0%{transform:scale(.86)}to{transform:none}}.ob-hero{padding:24px var(--m)0;flex-direction:column;display:flex}.ob-h1{text-align:center;font-size:min(168px,calc((100vw - 2*var(--m))/6.35));margin:0;line-height:.86}.ob-hero-foot{text-align:center;justify-items:center;gap:20px;margin:24px 0 56px;display:grid}.ob-lead{max-width:32ch;font-size:var(--step-lead);color:#e6e6e6;margin:0;line-height:1.35}.ob-hero .ob-stage{order:3}@media (min-width:900px){.ob-hero{min-height:calc(100svh - 82px);padding-top:8px;position:relative}.ob-h1{font-size:min(168px,calc((100vw - 2*var(--m))/6.35),15svh)}.ob-hero{--hs:min(46vw,calc((100svh - 330px)/1.08),640px)}.ob-hero .ob-h1{margin-top:.12em;margin-bottom:calc(var(--hs)*.26)}.ob-hero .ob-stage{--s:var(--hs);margin-top:auto}.ob-hero-foot{left:var(--m);right:var(--m);text-align:left;pointer-events:none;justify-content:space-between;align-items:flex-end;margin:0;display:flex;position:absolute;bottom:48px}.ob-hero-foot>*{pointer-events:auto}.ob-lead{max-width:21ch;font-size:20px}}.ob-proof{padding:40px var(--m);background:var(--soft);gap:4px;display:grid}.ob-proof p{color:var(--muted);margin:0;font-size:17px}.ob-proof b{color:var(--ink);letter-spacing:-.03em;margin-right:8px;font-family:Jost,sans-serif;font-size:clamp(36px,9vw,64px)}.ob-proof{grid-template-columns:repeat(3,1fr);gap:16px}.ob-proof p{font-size:14px;line-height:1.35}.ob-proof b{margin:0 0 4px;display:block}@media (min-width:600px){.ob-proof{padding:48px var(--m);gap:24px}.ob-proof p{font-size:17px}}.ob-sec{padding:var(--gap)var(--m)0}.ob-h2{margin:0;font-size:clamp(36px,4.4vw + 14px,80px);line-height:.92}.ob-sub{font-size:var(--step-lead);color:var(--muted);max-width:40ch;margin:16px 0 40px;line-height:1.35}.ob-h3{letter-spacing:-.02em;margin:0;font-size:clamp(24px,2vw,30px);font-weight:700;line-height:1.12}.ob-sub--notes{margin-top:-16px}.ob-head-row{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px 32px;margin-bottom:40px;display:flex}.ob-demo{padding:72px var(--m)80px;background:var(--green)}.ob-demo .ob-sub{color:#e7f6ee}.ob-live{gap:20px;display:grid}.ob-roles{scrollbar-width:none;margin:0 calc(-1*var(--m));padding:0 var(--m);gap:8px;display:flex;overflow-x:auto}.ob-roles::-webkit-scrollbar{display:none}.ob-role{appearance:none;color:#fff;cursor:pointer;background:#ffffff29;border:0;border-radius:999px;flex:none;min-height:48px;padding:0 20px;font:700 16px/1 Onest,sans-serif;transition:background-color .2s,transform .12s ease-out}.ob-role:active{transform:scale(.97)}.ob-role[aria-selected=true]{background:#0b0b0b}@media (hover:hover) and (pointer:fine){.ob-role:not([aria-selected=true]):hover{background:#ffffff47}}.ob-term{border-radius:var(--r-lg);color:#e9e9e4;background:#0b0b0b;min-height:300px;overflow:hidden}.ob-term-bar{background:#161616;align-items:center;gap:7px;padding:14px 18px;display:flex}.ob-term-bar span{background:#3a3a3a;border-radius:50%;width:11px;height:11px}.ob-term-bar em{color:#8a8a85;margin-left:10px;font:400 13px JetBrains Mono,monospace}.ob-term-body{white-space:pre-wrap;word-break:break-word;gap:10px;margin:0;padding:20px 18px 24px;font:400 15px/1.55 JetBrains Mono,ui-monospace,monospace;display:grid}.ob-term-body b{color:#3ddc84;font-weight:700}.ob-step{color:#b5b5ae;animation:ob-in .26s var(--ease)both}.ob-step.is-last{color:#3ddc84}.ob-caret{vertical-align:-.2em;background:#3ddc84;width:.55em;height:1.1em;animation:1s steps(2,end) infinite ob-blink;display:inline-block}@keyframes ob-blink{50%{opacity:0}}@keyframes ob-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.ob-teach{font-size:var(--step-lead);color:#fff;max-width:44ch;margin:0;line-height:1.35}@media (min-width:900px){.ob-demo{padding:112px var(--m)120px}.ob-live{grid-template-columns:7fr 4fr;align-items:start;column-gap:48px}.ob-roles{grid-column:1/-1;margin:0;padding:0}.ob-term{grid-column:1;min-height:330px}.ob-term-body{padding:28px 28px 32px;font-size:17px}.ob-teach{grid-area:2/2;padding-top:8px}}.ob-formats{gap:16px;margin-top:40px;display:grid}.ob-format{border-radius:var(--r-lg);background:var(--soft);align-content:start;gap:14px;padding:16px 16px 24px;display:grid}.ob-format p{color:#d4d4d4;margin:0}.ob-format .ob-h3,.ob-format p{padding:0 8px}.ob-format-pic{aspect-ratio:16/10;border-radius:var(--r-md);background:var(--soft-2);position:relative;overflow:hidden}.ob-format-pic img{object-fit:cover;width:100%;height:100%;transition:transform .5s var(--ease);position:absolute;inset:0}.ob-blocks{background:var(--green);flex-direction:column;justify-content:center;align-items:center;gap:18px;padding:20px;display:flex}.ob-sys-logo{letter-spacing:-.01em;color:#fff;-webkit-text-stroke:.035em #15161a;paint-order:stroke fill;text-shadow:.06em .06em #15161a;margin:0;font:900 clamp(34px,9vw,52px)/1 Unbounded,sans-serif}.ob-blocks-row{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.ob-blocks-row span{color:#fff;background:#00000038;border-radius:999px;padding:7px 12px;font-size:15px;font-weight:700}.ob-blocks-row span.is-now{color:#0b0b0b;background:#fff}.ob-format-foot>div{display:grid}.ob-stack{color:#e6e6e6;gap:8px;margin:0;padding:0 8px;font-size:16px;line-height:1.4;list-style:none;display:grid}.ob-stack li{padding-left:22px;position:relative}.ob-stack li:before{content:"";background:#3ddc84;border-radius:50%;width:9px;height:9px;position:absolute;top:.5em;left:2px}.ob-format .ob-deal{border-radius:var(--r-md);background:var(--soft-2);color:#fff;margin:4px 8px 0;padding:12px 14px;font-size:16px;font-weight:600;line-height:1.4}.ob-format-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:auto;padding:20px 8px 0;display:flex}.ob-price{letter-spacing:-.02em;font-size:clamp(28px,2.6vw,36px);line-height:1}.ob-price-note{font-family:Onest,sans-serif;font-size:var(--step-small);letter-spacing:0;text-transform:none;color:var(--muted);margin-top:6px;font-weight:400;display:block}@media (hover:hover) and (pointer:fine){.ob-format:hover .ob-format-pic>img{transform:scale(1.04)}}@media (min-width:900px){.ob-formats{grid-template-columns:repeat(3,1fr)}.ob-format{grid-template-rows:auto auto auto 1fr auto auto}}.ob-about{align-items:center;gap:40px;display:grid}.ob-about .ob-stage{--s:min(80vw,440px)}.ob-about-text{gap:20px;display:grid}.ob-about-text p{font-size:var(--step-lead);color:#e6e6e6;max-width:38ch;margin:0;line-height:1.4}.ob-about-text .ob-link{justify-self:start}@media (min-width:900px){.ob-about{grid-template-columns:5fr 7fr;column-gap:64px}}.ob-notes{gap:8px;margin:0;padding:0;list-style:none;display:grid}.ob-note{border-radius:var(--r-md);background:var(--soft);gap:4px;padding:18px 20px;text-decoration:none;transition:background-color .2s;display:grid}.ob-note-title{font-weight:600;line-height:1.3}.ob-note-date{color:var(--muted);font-size:var(--step-small)}@media (hover:hover) and (pointer:fine){.ob-note:hover{background:var(--green)}.ob-note:hover .ob-note-date{color:#fff}}@media (min-width:900px){.ob-note{grid-template-columns:1fr 10em;align-items:baseline;padding:22px 28px}.ob-note-title{font-size:20px}.ob-note-date{text-align:right;font-size:16px}}.ob-cta{margin:var(--gap)var(--m)0;border-radius:var(--r-lg);background:var(--green);gap:32px;padding:56px 24px;display:grid}.ob-cta-title{margin:0;font-size:clamp(36px,9.6vw,140px);line-height:1}.ob-cta-foot{justify-items:start;gap:20px;display:grid}.ob-cta-foot p{font-size:var(--step-lead);margin:0}.ob-foot{padding:40px var(--m)48px;font-size:var(--step-small);color:var(--muted);gap:16px;display:grid}.ob-foot nav{color:var(--ink);flex-wrap:wrap;gap:8px 20px;font-size:16px;display:flex}@media (min-width:900px){.ob-cta{align-content:space-between;min-height:70svh;padding:88px 64px 64px}.ob-cta-foot{grid-auto-flow:column;justify-content:space-between;align-items:end}.ob-foot{grid-template-columns:1fr auto;align-items:center}}@media (prefers-reduced-motion:reduce){.ob-btn,.ob-role,.ob-note,.ob-format-pic img{transition:none}.ob-step,.ob-caret{animation:none}}
