.ob{--ob-gap:calc(clamp(12px,1.2vw,20px) * var(--fit,1));--ob-r:calc(clamp(20px,1.8vw,30px) * var(--fit,1));--ob-pad:calc(clamp(20px,2.1vw,34px) * var(--fit,1));--ob-u:calc(clamp(200px,16vw,290px) * var(--fit-asset,1));list-style:none;display:grid;gap:var(--ob-gap);margin-top:calc(clamp(36px,5vw,64px) * var(--fit,1));grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-rows:minmax(var(--ob-u),auto);grid-template-areas:"engine engine engine engine terms terms" "engine engine engine engine store store" "name name name custom custom custom" "name name name custom custom custom" "build build hours hours daws daws" "install install install licence licence licence" "install install install samples samples samples" "browser browser browser fixes fixes fixes" "browser browser browser support support support"}:root[data-ob="2"] .ob{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-areas:"engine engine name name" "engine engine name name" "terms terms terms terms" "custom custom store build" "custom custom hours daws" "install install licence samples" "install install fixes support" "browser browser browser browser" "browser browser browser browser"}:root[data-ob="3"] .ob{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-areas:"engine engine engine" "engine engine engine" "name name terms" "name name store" "build custom custom" "hours custom custom" "install install daws" "install install browser" "licence fixes fixes" "samples support support"}.ob-engine{grid-area:engine}.ob-terms{grid-area:terms}.ob-store{grid-area:store}.ob-name{grid-area:name}.ob-custom{grid-area:custom}.ob-build{grid-area:build}.ob-hours{grid-area:hours}.ob-daws{grid-area:daws}.ob-browser{grid-area:browser}.ob-install{grid-area:install}.ob-licence{grid-area:licence}.ob-samples{grid-area:samples}.ob-fixes{grid-area:fixes}.ob-support{grid-area:support}.ob-t{position:relative;display:flex;flex-direction:column;min-width:0;overflow:hidden;isolation:isolate;border-radius:var(--ob-r);background:radial-gradient(ellipse 90% 70% at 70% 100%,color-mix(in srgb,var(--chalk) 5%,transparent),transparent 70%),var(--ink-raised);box-shadow:inset 0 0 0 1px var(--line)}.ob-c{position:relative;z-index:3;padding:var(--ob-pad) var(--ob-pad) 0}.ob-h{font:800 max(24px,calc(clamp(26px,2.3vw,40px) * var(--fit,1)))/.92 var(--display);text-transform:uppercase;letter-spacing:.004em;text-wrap:balance;overflow-wrap:break-word}.ob-big .ob-h,:root[data-ob="2"] .ob-name .ob-h{font-size:max(30px,calc(clamp(40px,4vw,68px) * var(--fit,1)))}.ob-p{margin-top:.7em;max-width:28em;font-size:max(14px,calc(clamp(15px,1.1vw,17px) * var(--fit,1)));line-height:1.45;color:var(--text-md)}.ob-ethic{margin-top:.9em;font:500 max(14px,calc(clamp(15px,1.1vw,17px) * var(--fit,1)))/1.4 var(--text);letter-spacing:0;text-transform:none;color:var(--concrete);text-wrap:balance}.ob-v{position:relative;flex:1;min-height:calc(130px * var(--fit-asset,1))}.ob-flow .ob-v{display:flex;flex-direction:column;justify-content:flex-end;align-items:stretch;gap:12px;padding:18px var(--ob-pad) var(--ob-pad)}.ob-flow .ob-chat,.ob-flow .ob-card,.ob-flow .ob-vers,.ob-flow .ob-online,.ob-flow .ob-typing{position:static}.ob-team,.ob-ring{display:none}.ob-engine .ob-v,.ob-name .ob-v,.ob-custom .ob-v,.ob-browser .ob-v,.ob-install .ob-v{container-type:size}.ob-fit{position:absolute;left:50%;top:50%;translate:-50% -50%}.ob-shot{position:absolute;display:block;aspect-ratio:3/2;overflow:hidden;border-radius:calc(12px * var(--fit-asset,1));background:var(--ink);box-shadow:0 40px 70px -30px color-mix(in srgb,var(--black) 90%,transparent),0 0 0 1px color-mix(in srgb,var(--chalk) 14%,transparent)}.ob-shot img{display:block;width:100%;height:100%;object-fit:fill;transform:scale(var(--zoom,1))}.ob .rf-live{position:absolute;left:0;top:0;display:block;pointer-events:none;opacity:0;transition:opacity .45s ease}.ob .rf-live.is-on{opacity:1}.ob-gen{width:min(calc(100cqw - 2 * var(--ob-pad)),calc((100cqh - 1.6 * var(--ob-pad)) * 1334 / 840))}.ob-gen .gen{border-radius:calc(14px * var(--fit-asset,1));overflow:hidden;box-shadow:0 40px 80px -30px color-mix(in srgb,var(--black) 90%,transparent),0 0 0 1px color-mix(in srgb,var(--chalk) 14%,transparent)}.ob-name .ob-v,.ob-custom .ob-v{--ob-sw:min(calc(100cqw - 2 * var(--ob-pad)),calc((100cqh - 1.6 * var(--ob-pad)) * 1.5))}.ob-name .ob-shot,.ob-custom .ob-shot{width:var(--ob-sw)}.ob-name .ob-v{--ob-plate-h:calc(64px * var(--fit-asset,1) * 2 / 3 + 30px);--ob-sw:min(calc(100cqw - 2 * var(--ob-pad)),calc((100cqh - 1.6 * var(--ob-pad) - var(--ob-plate-h)) * 1.5));display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}.ob-name .ob-shot.ob-fit{position:relative;left:auto;top:auto;translate:none;flex:none}.ob-plate{position:relative;z-index:3;display:flex;align-items:center;gap:12px;padding:9px 16px 9px 9px;border-radius:14px;background:color-mix(in srgb,var(--ink) 84%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 0 0 1px color-mix(in srgb,var(--chalk) 16%,transparent),0 20px 40px -18px color-mix(in srgb,var(--black) 80%,transparent)}.ob-face{flex:none;display:block;width:calc(64px * var(--fit-asset,1));aspect-ratio:3/2;overflow:hidden;border-radius:7px}.ob-face img{display:block;width:100%;height:100%;object-fit:cover;object-position:42.8% 41.4%;transform:scale(6.17);transform-origin:42.8% 41.4%;filter:grayscale(1) contrast(1.06)}.ob-who{display:grid;gap:4px}.ob-who i{font:500 10px var(--mono);letter-spacing:.18em;text-transform:uppercase;font-style:normal;color:var(--concrete)}.ob-who b{font:800 max(17px,calc(22px * var(--fit,1)))/.95 var(--display);text-transform:uppercase;letter-spacing:.004em}.ob-frame{width:min(calc(100cqw - 2 * var(--ob-pad)),calc((100cqh - 1.6 * var(--ob-pad) - 34px * var(--fit-asset,1)) * 1.5));overflow:hidden;border-radius:calc(12px * var(--fit-asset,1));background:var(--ink);box-shadow:0 40px 70px -30px color-mix(in srgb,var(--black) 90%,transparent),0 0 0 1px color-mix(in srgb,var(--chalk) 14%,transparent)}.ob-chrome{display:flex;align-items:center;gap:12px;height:calc(34px * var(--fit-asset,1));padding:0 12px;background:var(--ink-raised-2);font:500 11px var(--mono);letter-spacing:.06em;color:var(--text-md);white-space:nowrap}.ob-lights{display:flex;gap:6px}.ob-lights i{width:10px;height:10px;border-radius:50%;background:color-mix(in srgb,var(--chalk) 22%,transparent)}.ob-tab{overflow:hidden;text-overflow:ellipsis}.ob-frame .ob-shot{position:relative;width:100%;border-radius:0;box-shadow:none}@container (max-height:210px){.ob-shot.ob-fit,.ob-frame.ob-fit{left:var(--ob-pad);top:calc(var(--ob-pad) * .5);translate:none;width:calc(100cqw - var(--ob-pad));-webkit-mask-image:linear-gradient(180deg,var(--black) 40%,transparent 96%),linear-gradient(90deg,var(--black) 62%,transparent 98%);-webkit-mask-composite:source-in;mask-image:linear-gradient(180deg,var(--black) 40%,transparent 96%),linear-gradient(90deg,var(--black) 62%,transparent 98%);mask-composite:intersect}.ob-name .ob-shot.ob-fit{position:absolute}.ob-plate{position:absolute;left:var(--ob-pad);bottom:calc(var(--ob-pad) * .5)}}.ob-win{max-width:none;width:min(calc(100cqw - 2 * var(--ob-pad)),calc((100cqh - 1.6 * var(--ob-pad)) * 720 / 514),calc(640px * var(--fit-asset,1)));height:auto;filter:drop-shadow(0 30px 40px color-mix(in srgb,var(--black) 85%,transparent))}.ob-toasts{position:relative;align-self:center;width:min(100%,340px);margin-top:18px}.ob-toast{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:16px;background:var(--ink-raised-2);box-shadow:inset 0 0 0 1px var(--line),0 24px 40px -20px color-mix(in srgb,var(--black) 90%,transparent)}.ob-toast-1{position:relative;z-index:2}.ob-toast-2{position:absolute;left:0;right:0;top:-16px;scale:.92;opacity:.45}.ob-bag{flex:none;display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:var(--chalk);color:var(--ink)}.ob-bag svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linejoin:round}.ob-tt{display:grid;gap:2px;min-width:0}.ob-tt b{font-weight:600;font-size:14px;line-height:1.2;color:var(--text-hi)}.ob-tt span{font-size:13px;color:var(--text-md);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ob-toast i{margin-left:auto;align-self:flex-start;font:500 10.5px var(--mono);letter-spacing:.08em;font-style:normal;color:var(--concrete)}.ob-chat{display:flex;flex-direction:column;gap:8px}.ob-msg{max-width:86%;padding:.62em .95em;border-radius:16px;font-size:max(13px,calc(15px * var(--fit,1)));line-height:1.4}.ob-me{align-self:flex-end;border-bottom-right-radius:5px;color:var(--ink);background:var(--chalk)}.ob-them{align-self:flex-start;border-bottom-left-radius:5px;color:var(--text-hi);background:var(--ink-raised-2);box-shadow:inset 0 0 0 1px var(--line)}.ob-them i{display:block;margin-bottom:3px;font:500 10px var(--mono);letter-spacing:.16em;text-transform:uppercase;font-style:normal;color:var(--concrete)}.ob-build-chip{align-self:flex-start;display:flex;align-items:center;gap:7px;margin-top:2px;padding:6px 12px;border-radius:99px;font:500 11px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--chalk);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--chalk) 40%,transparent)}.ob-build-chip svg{width:9px;height:9px;fill:currentColor}.ob-online{align-self:flex-start;display:flex;align-items:center;gap:10px;padding:8px 14px;border-radius:99px;font:500 11.5px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text-hi);background:var(--ink-raised-2);box-shadow:inset 0 0 0 1px var(--line)}.ob-dot{width:9px;height:9px;border-radius:50%;background:var(--volt);box-shadow:0 0 0 4px color-mix(in srgb,var(--volt) 22%,transparent)}.ob-typing{align-self:flex-start;display:flex;gap:5px;padding:13px 16px;border-radius:16px;border-bottom-left-radius:5px;background:var(--ink-raised-2);box-shadow:inset 0 0 0 1px var(--line)}.ob-typing i{width:7px;height:7px;border-radius:50%;background:var(--text-md)}.ob-daw-list{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.ob-daw-list li{padding:7px 0;border-top:1px solid var(--line);font:800 max(18px,calc(clamp(20px,1.6vw,28px) * var(--fit,1)))/1 var(--display);text-transform:uppercase;letter-spacing:.01em;white-space:nowrap}.ob-daw-list .ob-more{color:var(--concrete)}.ob-os{display:flex;gap:8px}.ob-os span{padding:5px 11px;border-radius:99px;font:500 11px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text-hi);box-shadow:inset 0 0 0 1px var(--line)}.ob-card{padding:14px 16px;border-radius:16px;background:var(--ink-raised-2);box-shadow:inset 0 0 0 1px var(--line),0 24px 40px -20px color-mix(in srgb,var(--black) 90%,transparent)}.ob-lic{display:flex;align-items:center;gap:14px;max-width:360px}.ob-key{position:relative;flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;color:var(--ink);background:var(--chalk)}.ob-key svg{position:absolute;width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.ob-lic-t{display:grid;gap:3px}.ob-lic-t b{font-weight:600;font-size:15px;line-height:1.2;color:var(--text-hi)}.ob-lic-t span{font-size:13px;color:var(--text-md)}.ob-spin,.ob-lic-wait{display:none}.ob-anim .ob-licence:not(.is-done) .ob-spin,.ob-anim .ob-licence:not(.is-done) .ob-lic-wait{display:block}.ob-anim .ob-licence:not(.is-done) .ob-check,.ob-anim .ob-licence:not(.is-done) .ob-lic-ok{display:none}.ob-anim .ob-licence:not(.is-done) .ob-key{color:var(--text-md);background:var(--ink)}.ob-spin circle{stroke-dasharray:30 14;transform-origin:50% 50%;animation:ob-spin 1s linear infinite}@keyframes ob-spin{to{transform:rotate(1turn)}}.ob-dl{max-width:420px}.ob-dl-top{display:flex;justify-content:space-between;gap:12px;font-size:13px;color:var(--text-md)}.ob-dl-top b{font-weight:600;font-size:15px;line-height:1.2;color:var(--text-hi)}.ob-bar{display:block;height:8px;margin:12px 0 10px;border-radius:99px;overflow:hidden;background:var(--ink)}.ob-bar i{display:block;height:100%;border-radius:inherit;background:var(--chalk);opacity:var(--ob-lit,100%);transform:translateX(calc(var(--ob-dl,100%) - 100%))}.ob-dl-state{display:flex;align-items:center;justify-content:space-between;gap:12px;font:500 11.5px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text-md);container:ob-dl-state/inline-size}.ob-dl-say{display:grid}.ob-dl-say>*{grid-area:1/1;opacity:0}.ob-dl-say>.ob-dl-done{opacity:1}.ob-dl-pct{opacity:0;font-variant-numeric:tabular-nums}@container ob-dl-state (max-width:149px){.ob-dl-pct{display:none}}.ob-upd{display:flex;align-items:center;justify-content:space-between;gap:12px;max-width:380px}.ob-upd-t{display:grid;gap:3px}.ob-upd-t b{font-weight:600;font-size:15px;line-height:1.2;color:var(--text-hi)}.ob-upd-t span{font-size:13px;color:var(--text-md)}.ob-upd-b{padding:7px 16px;border-radius:99px;font-weight:600;font-size:13px;color:var(--ink);background:var(--chalk)}.ob-vers{list-style:none;display:flex;align-items:center;max-width:380px;margin-bottom:6px}.ob-vers li{position:relative;flex:1;font:500 11px var(--mono);letter-spacing:.12em;color:var(--concrete);padding-top:16px}.ob-vers li::before{content:"";position:absolute;left:0;top:0;width:9px;height:9px;border-radius:50%;background:var(--concrete)}.ob-vers li::after{content:"";position:absolute;left:14px;right:6px;top:4px;height:1px;background:var(--line)}.ob-vers li:last-child::after{display:none}.ob-vers .is-new{color:var(--chalk)}.ob-vers .is-new::before{background:var(--chalk);box-shadow:0 0 0 4px color-mix(in srgb,var(--chalk) 20%,transparent)}.ob-terms{justify-content:flex-end}.ob-terms .ob-c{padding-bottom:var(--ob-pad)}.ob-terms .ob-h span{display:block}.ob-terms .ob-h span+span{color:var(--text-md)}.ob-free{margin-top:.5em;font:800 max(26px,calc(clamp(30px,2.8vw,48px) * var(--fit,1)))/.92 var(--display);text-transform:uppercase;color:var(--volt)}:root[data-ob="2"] .ob-terms{justify-content:center}:root[data-ob="2"] .ob-terms .ob-c{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap}:root[data-ob="2"] .ob-terms .ob-h{font-size:max(28px,calc(clamp(34px,3.2vw,56px) * var(--fit,1)))}@media(min-width:1101px){:root[data-ob="3"] .ob-engine,:root[data-ob="2"] .ob-browser{flex-direction:row;align-items:stretch}:root[data-ob="3"] .ob-engine .ob-c,:root[data-ob="2"] .ob-browser .ob-c{flex:0 0 34%;display:flex;flex-direction:column;justify-content:center;padding:var(--ob-pad)}}.ob-anim .ob-store:not(.is-in) .ob-toast-1{opacity:0;translate:0 24px}.ob-anim .ob-store .ob-toast-1{transition:opacity .5s ease .25s,translate .6s cubic-bezier(.2,1,.3,1) .25s}.ob-anim .ob-hours .ob-typing i{animation:ob-type 1.2s ease-in-out infinite}.ob-anim .ob-hours .ob-typing i:nth-child(2){animation-delay:.15s}.ob-anim .ob-hours .ob-typing i:nth-child(3){animation-delay:.3s}@keyframes ob-type{0%,60%,100%{opacity:.35;transform:none}30%{opacity:1;transform:translateY(-3px)}}.ob-anim .ob-hours .ob-dot{animation:ob-pulse 2s ease-in-out infinite}@keyframes ob-pulse{50%{box-shadow:0 0 0 7px color-mix(in srgb,var(--volt) 8%,transparent)}}@property --ob-dl{syntax:"<percentage>";inherits:true;initial-value:100%}@property --ob-lit{syntax:"<percentage>";inherits:true;initial-value:100%}@media(prefers-reduced-motion:no-preference){.ob-samples.is-loop{animation-name:ob-dl-fill,ob-dl-lit}.ob-samples.is-loop .ob-dl-go{animation-name:ob-say-go}.ob-samples.is-loop .ob-dl-pause{animation-name:ob-say-pause}.ob-samples.is-loop .ob-dl-back{animation-name:ob-say-back}.ob-samples.is-loop .ob-dl-done{animation-name:ob-say-done}.ob-samples.is-loop .ob-dl-pct{animation-name:ob-say-pct}.ob-samples.is-loop,.ob-samples.is-loop :is(.ob-dl-say>*,.ob-dl-pct){animation-duration:11s;animation-iteration-count:infinite}.ob-samples.is-idle,.ob-samples.is-idle *{animation-play-state:paused}}@keyframes ob-dl-fill{0%{--ob-dl:0%;animation-timing-function:cubic-bezier(.3,.15,.45,1)}31.8%,45%{--ob-dl:46%;animation-timing-function:cubic-bezier(.45,0,.35,1)}75.5%,100%{--ob-dl:100%}}@keyframes ob-dl-lit{0%,31.8%,45%,92.7%{--ob-lit:100%}34.1%,42.7%{--ob-lit:55%}100%{--ob-lit:0%}}@keyframes ob-say-go{0%,34.1%,51.8%,77.7%,100%{opacity:0}2.3%,31.8%,54.1%,75.5%{opacity:1}}@keyframes ob-say-pause{0%,31.8%,45%,100%{opacity:0}34.1%,42.7%{opacity:1}}@keyframes ob-say-back{0%,42.7%,54.1%,100%{opacity:0}45%,51.8%{opacity:1}}@keyframes ob-say-done{0%,75.5%,100%{opacity:0}77.7%,95%{opacity:1}}@keyframes ob-say-pct{0%,77.7%,100%{opacity:0}2.3%,75.5%{opacity:1}}.ob-label{position:fixed;left:12px;bottom:12px;z-index:200;padding:6px 10px;border-radius:8px;font:500 11px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink);background:var(--chalk)}@media(max-width:1100px){.ob,:root[data-ob] .ob{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:none;grid-auto-flow:row dense;--ob-u:calc(clamp(220px,30vw,300px) * var(--fit-asset,1))}.ob-t{grid-area:auto}.ob-big{grid-column:span 2;grid-row:span 2}.ob-terms{grid-column:span 2}}@media(max-width:680px){.ob,:root[data-ob] .ob{grid-template-columns:minmax(0,1fr);--ob-u:auto}.ob-big,.ob-terms{grid-column:auto;grid-row:auto}.ob-v{min-height:200px}.ob-engine .ob-v{min-height:0;aspect-ratio:4/3}.ob-name .ob-v,.ob-custom .ob-v,.ob-browser .ob-v{min-height:0;aspect-ratio:4/3}.ob-install .ob-v{min-height:0;aspect-ratio:5/4}.ob-flow .ob-v{min-height:0;padding-top:22px}.ob-terms{min-height:0}.ob-who i,.ob-them i,.ob-os span,.ob-build-chip,.ob-vers li,.ob-online,.ob-dl-state{font-size:12px}}@media(prefers-reduced-motion:reduce){.ob .rf-live{transition:none}}