@font-face{font-family:urbanist;src:url(../media/Urbanist_Variable-s.p.0r81q79o5wxs-.woff2?dpl=dpl_7MCaa69x1CGo4FSajrfbD28Uqtw2)format("woff2");font-display:swap;font-weight:100 900}@font-face{font-family:urbanist Fallback;src:local(Arial);ascent-override:94.08%;descent-override:24.76%;line-gap-override:0.0%;size-adjust:100.98%}.urbanist_3d04475b-module__9hDG7W__className{font-family:urbanist,urbanist Fallback}.urbanist_3d04475b-module__9hDG7W__variable{--font-urbanist:"urbanist", "urbanist Fallback"}
html:has(.workeee-marketing){background-color:var(--color-site-page)}html:has(.workeee-marketing) body{background-color:var(--color-site-page)}@layer base{html:has(.workeee-marketing){font-optical-sizing:auto}@media (prefers-reduced-motion:no-preference){html:has(.workeee-marketing){scroll-behavior:smooth}}.workeee-marketing{--focus:var(--color-site-ink);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background-color:var(--color-site-page);color:var(--color-site-ink);font-family:var(--font-urbanist), ui-sans-serif, system-ui, sans-serif;font-weight:500}.workeee-marketing ::selection{color:var(--color-site-deep);background-color:#cfe8db}.workeee-marketing :is(a,button,input,select,textarea,[tabindex]){scroll-margin-top:6rem}.workeee-marketing :focus-visible{outline:2px solid var(--focus,currentColor);outline-offset:3px}}@layer components{.wrap{width:100%;max-width:calc(1240px + 9rem);margin-inline:auto;padding-inline:1.5rem}@media (min-width:640px){.wrap{padding-inline:2.5rem}}@media (min-width:1024px){.wrap{padding-inline:4.5rem}}.display-section{text-wrap:balance;letter-spacing:-.025em;font-size:clamp(1.75rem,1.1rem + 2vw,2.625rem);font-weight:600;line-height:1.14}.statement{letter-spacing:-.02em;font-size:clamp(1.625rem,.95rem + 2.3vw,3rem);font-weight:600;line-height:1.26}.workeee-marketing{display:flow-root}.nav-rail{margin-top:1.75rem;margin-bottom:-1.75rem}@media (min-width:1024px){.nav-rail{margin-top:3.75rem;margin-bottom:-3.75rem}}.nav-burger{border-radius:var(--radius-site-inset);flex-shrink:0;width:2.5rem;height:2.5rem;position:relative}.nav-burger span{background-color:currentColor;border-radius:1px;width:1.125rem;height:2px;margin:-1px 0 0 -.5625rem;transition:translate .24s cubic-bezier(.2,.7,.2,1),rotate .24s cubic-bezier(.2,.7,.2,1),opacity .16s ease-out;position:absolute;top:50%;left:50%}.nav-burger span:first-child{translate:0 -6px}.nav-burger span:last-child{translate:0 6px}.nav-burger[data-open=true] span:first-child{translate:0;rotate:45deg}.nav-burger[data-open=true] span:nth-child(2){opacity:0}.nav-burger[data-open=true] span:last-child{translate:0;rotate:-45deg}.nav-panel{top:calc(100% + .5rem);border-radius:var(--radius-site-control);background-color:var(--color-site-ink);box-shadow:0 0 0 1px #fff3, var(--shadow-site-bar);opacity:0;visibility:hidden;padding:.375rem;transition:opacity .18s ease-out,translate .22s cubic-bezier(.2,.7,.2,1),visibility 0s linear .22s;position:absolute;inset-inline:0;translate:0 -.375rem}.nav-panel[data-open=true]{opacity:1;visibility:visible;transition-delay:0s;translate:0}.hero{--hero-min:40rem;--hh:max(100svh, var(--hero-min));--u:calc(var(--hh) / 100);--ridge-at:1;--mat:.75rem;--side:.625rem;--top:1.25rem;--cap-w:min(16.5rem, 70vw);--cap-show:100%;--cap-gap:1.5rem;isolation:isolate;--foot:calc(var(--radius-site-panel) + 1px);height:calc(100svh + var(--foot));min-height:calc(var(--hero-min) + var(--foot));color:var(--color-site-ink);background-color:#fff;position:relative;overflow:hidden}@media (min-width:768px){.hero{--hero-min:36rem;--cap-w:min(66vw, calc(var(--u) * 124), 72rem);--mat:clamp(1rem, 2vw, 1.75rem);--cap-show:100%;--cap-gap:clamp(1.5rem, calc(var(--u) * 4), 3rem)}}@media (min-width:1024px){.hero{--side:1.25rem;--top:3rem}}@media (min-width:2200px){.hero{--cap-w:min(66vw, calc(var(--u) * 124), 92rem)}}@media (min-width:768px) and (max-width:1023px){.hero{--cap-w:min(82vw, calc(var(--u) * 118))}}.hero-photo{z-index:0;position:absolute;inset:0}.hero-photo img{object-fit:cover;object-position:50% 50%;scale:1.06}.hero-sheet{z-index:0;inset:var(--top) var(--side) 0;border-radius:var(--radius-site-panel) var(--radius-site-panel) 0 0;background-color:#fff;position:absolute}.hero-copy{height:calc(var(--ridge-at) * var(--hh));text-align:center;flex-direction:column;align-items:center;padding-top:6.75rem;display:flex}@media (min-width:768px){.hero-copy{padding-top:calc(6.25rem + var(--top) + var(--u) * 1.6)}}.hero-title,.hero-lead,.hero-actions{z-index:4;position:relative}.hero-title{letter-spacing:-.03em;text-wrap:balance;font-size:clamp(1.875rem,9.6vw,2.875rem);font-weight:600;line-height:1.1}.hero-lead{text-wrap:balance;max-width:42rem;margin-top:.875rem;font-size:1rem;line-height:1.45}.hero-actions{flex-direction:column;align-items:stretch;gap:.5rem;margin-top:1.25rem;display:flex}.hero-btn{height:3rem}.hero-actions>:last-child{box-shadow:inset 0 0 0 1px #1111132e}@media (min-width:768px){.hero-title{font-size:clamp(2.75rem, min(calc(var(--u) * 7.6), 6.8vw), 5.75rem)}.hero-lead{margin-top:clamp(.75rem, calc(var(--u) * 1.8), 1.5rem);max-width:46rem;font-size:clamp(1.0625rem, min(calc(var(--u) * 2.4), 1.9vw), 1.5rem)}.hero-actions{margin-top:clamp(1.25rem, calc(var(--u) * 3.2), 2rem);flex-direction:row;gap:.75rem}.hero-btn{height:clamp(2.75rem, calc(var(--u) * 6.2), 3.5rem)}}.hero-slot{flex:1 1 0;align-self:stretch;min-height:0;position:relative}.hero-capture{z-index:1;left:50%;top:max(var(--cap-gap), calc(100% - var(--cap-show)));width:var(--cap-w);flex-direction:column;display:flex;position:absolute;bottom:0;translate:-50%}@media (max-width:767px){.hero-slot{container-type:size}.hero-capture{--cap-cw:clamp(min(16.5rem, 70vw), calc((100cqh - var(--cap-gap) - var(--mat) - .75rem) / 1.513 + 2 * var(--mat) + .75rem), 88vw);--cap-h:calc((var(--cap-cw) - 2 * var(--mat) - .75rem) * 1.513 + var(--mat) + .75rem);top:max(var(--cap-gap), calc(100% - var(--cap-h)));width:var(--cap-cw)}.hero-slot{max-height:calc((88vw - 2 * var(--mat) - .75rem) * 1.513 + var(--mat) + .75rem + var(--cap-gap));margin-top:auto}.hero-title{margin-top:auto}}.hero-capture{padding:var(--mat) var(--mat) 0;border-radius:var(--radius-site-panel) var(--radius-site-panel) 0 0;overflow:hidden}.hero-mat{z-index:-1;position:absolute;inset:0}.hero-mat img{object-fit:cover;object-position:50% 30%}.hero-frame{border-radius:var(--radius-site-control);background-color:#fff;flex-direction:column;flex:1 0 auto;padding:.375rem;display:flex;position:relative;box-shadow:0 1.5rem 3rem -1rem #0a1e3c80}.hero-window{border-radius:var(--radius-site-inset);aspect-ratio:780/1180;flex:1 0 auto;position:relative;overflow:hidden;container-type:size}@media (min-width:768px){.hero-window{aspect-ratio:2432/1120}}.board-stage{--kx:calc(max(100cqw, 100cqh * var(--cw) / var(--ch)) / var(--cw));--ky:calc(max(100cqw * var(--ch) / var(--cw), 100cqh) / var(--ch));opacity:0;pointer-events:none;transition:opacity .5s ease-in-out;position:absolute;inset:0}.board-stage[data-shown=true]{opacity:1}.board-stage[data-cards=false] :is(.board-sprite,.board-count,.board-digit){opacity:0}.board-cover,.board-count,.board-sprite{width:calc(var(--w) * var(--kx));height:calc(var(--h) * var(--ky));translate:calc(var(--x) * var(--kx)) calc(var(--y) * var(--ky));position:absolute;top:0;left:0}.board-cover,.board-count{background-color:#f4f7fb}.board-count,.board-digit{opacity:0;transition:opacity .25s ease-out}.board-count[data-shown=true],.board-digit[data-shown=true]{opacity:1}.board-sprite{transition:translate .7s cubic-bezier(.45,0,.2,1),opacity .4s ease-in-out}.board-card{transition:translate .2s ease-out,box-shadow .2s ease-out;position:absolute;inset:0;overflow:hidden}.board-card img{object-fit:cover;object-position:left top;width:100cqw;max-width:none;height:100cqh;translate:calc(var(--sx) * var(--kx) * -1) calc(var(--sy) * var(--ky) * -1);position:absolute;top:0;left:0}.board-card[data-card=true]{border-radius:calc(12 * var(--kx))}.board-sprite[data-lifted=true]{z-index:2}.board-sprite[data-lifted=true] .board-card{translate:0 calc(-8 * var(--ky));box-shadow:0 calc(22 * var(--kx)) calc(40 * var(--kx)) calc(-14 * var(--kx)) #11111357}.board-sprite[data-fade=true]{-webkit-mask-image:linear-gradient(to right, #000 calc(var(--fade-from) * var(--kx)), transparent calc(var(--fade-to) * var(--kx)));mask-image:linear-gradient(to right, #000 calc(var(--fade-from) * var(--kx)), transparent calc(var(--fade-to) * var(--kx)));-webkit-mask-size:calc(var(--cw) * var(--kx)) 100%;mask-size:calc(var(--cw) * var(--kx)) 100%;-webkit-mask-repeat:repeat-y;mask-repeat:repeat-y;-webkit-mask-clip:no-clip;mask-clip:no-clip;-webkit-mask-position:calc(var(--x) * var(--kx) * -1) 0;mask-position:calc(var(--x) * var(--kx) * -1) 0;transition:translate .7s cubic-bezier(.45,0,.2,1),-webkit-mask-position .7s cubic-bezier(.45,0,.2,1),mask-position .7s cubic-bezier(.45,0,.2,1),opacity .4s ease-in-out}.board-digit[data-fade=true]{-webkit-mask-image:linear-gradient(to right, #000 calc((var(--fade-from) - var(--x)) * var(--kx)), transparent calc((var(--fade-to) - var(--x)) * var(--kx)));mask-image:linear-gradient(to right, #000 calc((var(--fade-from) - var(--x)) * var(--kx)), transparent calc((var(--fade-to) - var(--x)) * var(--kx)))}.board-digit{--ascent:.86;translate:calc(var(--x) * var(--kx)) calc((var(--y) - 22 * var(--ascent)) * var(--ky));color:#555f72;font-size:calc(22 * var(--kx));line-height:1;position:absolute;top:0;left:0}.board-digit>span{animation:.32s cubic-bezier(.2,.7,.2,1) both board-digit-in;display:block}.page-head{--side:.625rem;--top:1.25rem;isolation:isolate;padding:var(--top) var(--side) 0;position:relative}@media (min-width:1024px){.page-head{--side:1.25rem;--top:3rem}}.page-head-paint{z-index:-1;position:absolute;inset:0;overflow:hidden;-webkit-mask-image:linear-gradient(#000 45%,#0000);mask-image:linear-gradient(#000 45%,#0000)}.page-head-paint img{object-fit:cover;object-position:50% 30%}.page-head-sheet{border-radius:var(--radius-site-panel) var(--radius-site-panel) 0 0;background-color:var(--color-site-surface);text-align:center;padding:7.5rem 1.5rem 4rem}@media (min-width:1024px){.page-head-sheet{padding:8.5rem 2rem 5rem}}.page-head-title{letter-spacing:-.035em;font-size:clamp(2.75rem,1.6rem + 4.5vw,4.5rem);font-weight:600;line-height:1.05}.band{isolation:isolate;padding-block:5.5rem;position:relative;overflow:hidden}@media (min-width:1024px){.band{padding-block:8rem}}.marquee{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000);mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000)}.marquee-track{width:max-content;display:flex}.marquee-list{flex-shrink:0;align-items:center;gap:clamp(2.5rem,6vw,5.5rem);padding-right:clamp(2.5rem,6vw,5.5rem);display:flex}.logo-link{opacity:.85;transition:opacity .15s ease-out}@media (hover:hover){.logo-link:hover{opacity:1}}@media (prefers-reduced-motion:no-preference){.marquee-track{animation:32s linear infinite marquee}.marquee:hover .marquee-track,.marquee:focus-within .marquee-track{animation-play-state:paused}}@media (prefers-reduced-motion:reduce){.marquee{-webkit-mask-image:none;mask-image:none}.marquee-track{justify-content:center;width:auto}.marquee-list{flex-wrap:wrap;flex-shrink:1;justify-content:center;row-gap:0;padding-right:0}.marquee-list[aria-hidden=true]{display:none}}.footer-wordmark{--wm:4.221;font-size:calc(100cqw / var(--wm));letter-spacing:-.04em;white-space:nowrap;color:#e3e6ea;margin-bottom:-.36em;font-weight:700;line-height:1}.footer-wordmark:before{content:attr(data-word)}.hero-foot{z-index:4;inset-inline:-1px;height:calc(var(--foot) + 1px);border-radius:var(--radius-site-panel) var(--radius-site-panel) 0 0;background-color:var(--color-site-surface);position:absolute;bottom:-1px}.hero-foot:before{--fade:clamp(2.5rem, calc(var(--u) * 7), 4.5rem);content:"";inset-inline:0;height:calc(var(--fade) + var(--foot));background:linear-gradient(to top, var(--color-site-surface) var(--foot), #fff0);pointer-events:none;position:absolute;bottom:0}@media (prefers-reduced-motion:no-preference){.rise{animation:.7s cubic-bezier(.2,.7,.2,1) both rise;animation-delay:var(--delay,0s)}.hero-capture{animation:1.1s cubic-bezier(.2,.7,.2,1) .2s both board-rise}}.code{font-family:var(--font-mono);white-space:pre-wrap;font-size:.8125rem;font-weight:400;line-height:1.75;overflow-x:auto}@media (max-width:639px){.code{font-size:.75rem}}.code-line{text-indent:-2ch;padding-left:2ch;display:block}.code-word{text-indent:0;max-width:100%;display:inline-block}}@keyframes rise{0%{opacity:0;transform:translateY(14px)}}@keyframes board-rise{0%{transform:translateY(5rem)}}@keyframes marquee{to{translate:-25%}}@keyframes board-digit-in{0%{opacity:0;translate:0 .35em}}