@property --blink{syntax:"<number>";inherits:false;initial-value:1}@property --sscX{syntax:"<number>";inherits:false;initial-value:1}@property --sscY{syntax:"<number>";inherits:false;initial-value:1}@property --stx{syntax:"<length>";inherits:false;initial-value:0}@property --sty{syntax:"<length>";inherits:false;initial-value:0}@property --bloom-scale{syntax:"<number>";inherits:false;initial-value:1}@property --bloom-opacity{syntax:"<number>";inherits:false;initial-value:1}@property --drift-x{syntax:"<length>";inherits:false;initial-value:0}@property --drift-y{syntax:"<length>";inherits:false;initial-value:0}@keyframes hero-eyebrow-dot-pulse{0%,to{box-shadow:0 0 0 4px #4e9a3626}50%{box-shadow:0 0 0 8px #4e9a360d}}@keyframes hero-blob-bloom{0%{--bloom-opacity:0;--bloom-scale:.22;filter:blur(14px)}40%{--bloom-opacity:.85;filter:blur(2px)}to{--bloom-opacity:1;--bloom-scale:1;filter:blur()}}@keyframes hero-logo-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes hero-bit-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes hero-blink-bar{0%,90%,to{--blink:1}93%{--blink:.08}96%{--blink:1}}@keyframes hero-state-peek{0%{--stx:0px;--sty:0px;--sscY:1}35%{--stx:-4px;--sty:1px;--sscY:.78}70%{--stx:-4px;--sty:1px;--sscY:.78}to{--stx:0px;--sty:0px;--sscY:1}}@keyframes hero-state-wink-close{0%,to{--sscY:1}30%,50%{--sscY:.06}}@keyframes hero-state-load-a{0%,to{--sscY:1;--sscX:1}20%{--sscY:.22;--sscX:1.1}40%{--sscY:.55}60%{--sscY:.22;--sscX:1.1}80%{--sscY:.55}}@keyframes hero-state-load-b{0%,to{--sscY:1;--sscX:1}30%{--sscY:.22;--sscX:1.1}50%{--sscY:.55}70%{--sscY:.22;--sscX:1.1}90%{--sscY:.55}}@keyframes hero-state-think-l{0%,to{--stx:0px;--sty:0px;--sscY:1}15%{--sscY:.35}30%,45%{--stx:-1px;--sty:-3px;--sscY:.35}60%,75%{--stx:2px;--sty:-3px;--sscY:.35}90%{--sscY:.35}}@keyframes hero-state-think-r{0%,to{--stx:0px;--sty:0px;--sscY:1}15%{--sscY:.35}30%,45%{--stx:-3px;--sty:-3px;--sscY:.35}60%,75%{--stx:1px;--sty:-3px;--sscY:.35}90%{--sscY:.35}}@keyframes hero-state-startup{0%{--sscY:0}40%{--sscY:0}60%{--sscY:1.1}75%{--sscY:.1}to{--sscY:1}}.hero-wordmark{color:#0b0b10;width:min(1100px,88vw);display:inline-block;position:relative}.hero-wordmark [data-hero-blob]{aspect-ratio:1;z-index:0;transform-origin:50%;--drift-x:0px;--drift-y:0px;--bloom-scale:.22;--bloom-opacity:0;width:min(900px,72vw);opacity:var(--bloom-opacity);translate:-50% -50%;transform:translate(var(--drift-x), var(--drift-y)) scale(var(--bloom-scale));background:radial-gradient(circle,#a881ff99,#a881ff00 62%);transition:--drift-x .35s cubic-bezier(.2,.8,.2,1),--drift-y .35s cubic-bezier(.2,.8,.2,1);animation:2.8s cubic-bezier(.22,.85,.22,1) .2s both hero-blob-bloom;position:absolute;top:50%;left:50%}.hero-wordmark>svg:last-of-type{opacity:0;animation:1.4s cubic-bezier(.2,.7,.2,1) 1s forwards hero-logo-in}.hero-wordmark svg{z-index:1;width:100%;height:auto;display:block;position:relative}.hero-wordmark #q-left,.hero-wordmark #q-right{transform-box:fill-box;transform-origin:50%;--tx:0px;--ty:0px;--a:1;--b:0;--c:0;--d:1;--blink:1;--stx:0px;--sty:0px;--sscX:1;--sscY:1;transform:translate(var(--tx), var(--ty)) translate(var(--stx), var(--sty)) matrix(calc(var(--a) * var(--sscX)), calc(var(--b) * var(--sscX)), calc(var(--c) * var(--blink) * var(--sscY)), calc(var(--d) * var(--blink) * var(--sscY)), 0, 0);animation:5.4s cubic-bezier(.6,0,.3,1) infinite hero-blink-bar}.hero-wordmark[data-state=peek] #q-left,.hero-wordmark[data-state=peek] #q-right{animation:1.8s cubic-bezier(.3,.9,.3,1) forwards hero-state-peek}.hero-wordmark[data-state=wink] #q-left{animation:1.2s cubic-bezier(.4,0,.2,1) forwards hero-state-wink-close}.hero-wordmark[data-state=loading] #q-left{animation:1.4s ease-in-out forwards hero-state-load-a}.hero-wordmark[data-state=loading] #q-right{animation:1.4s ease-in-out forwards hero-state-load-b}.hero-wordmark[data-state=thinking] #q-left{animation:2s cubic-bezier(.5,0,.5,1) forwards hero-state-think-l}.hero-wordmark[data-state=thinking] #q-right{animation:2s cubic-bezier(.5,0,.5,1) forwards hero-state-think-r}.hero-wordmark[data-state=startup] #q-left,.hero-wordmark[data-state=startup] #q-right{animation:1.2s cubic-bezier(.2,.8,.2,1) forwards hero-state-startup}.hero-eyebrow-dot{animation:2.4s infinite hero-eyebrow-dot-pulse}.hero-eyebrow-enter{opacity:0;animation:.9s cubic-bezier(.2,.7,.2,1) .25s both hero-bit-in;transform:translateY(14px)}.hero-cta-enter{opacity:0;animation:.85s cubic-bezier(.2,.7,.2,1) 1.75s both hero-bit-in;transform:translateY(12px)}