@font-face{font-family:Space Grotesk;src:url(https://cdn.hero.studio/fonts/SpaceGrotesk-Variable.woff2)format("woff2");font-weight:300 700;font-style:normal;font-display:swap}:root{--font-display:"Space Grotesk", var(--font-ui);--outer:46px;--inset:32px;--cols:12;--max:calc(1344px + var(--outer) * 2);--copy-size:37px;--copy-lh:1.1;--copy-track:-.022em;--lead-lh:1.4;--lead-track:-.011em;--text-primary:#f7f7f7;--text-secondary:#8e8e8e;--text-on-primary:#000;--text-unlit:color-mix(in srgb, var(--text-secondary) 30%, transparent);--bg-field:#efefef;--bg-page:#000;--bg-light:#fff;--bg-grey:#f5f5f5;--text-ink:#000;--text-ink-secondary:#6b6b6b;--text-ink-muted:#555;--text-placeholder:#767676;--text-error:#c62828;--bg-placeholder:#d9d9d9;--bg-tile:#1c1c1e;--bg-stage:#070707;--bg-float:#181818f0;--bg-float-glass:#181818e0;--scrim:#0000008c;--scrim-pressed:#000000a6;--block-space:216px;--block-tie:round(calc(var(--block-space) * 3 / 8), 8px);--block-near:round(calc(var(--block-space) * 3 / 4), 8px);--block-far:round(calc(var(--block-space) * 4 / 3), 8px);--type-price:calc(var(--copy-size) * 2.1);--type-price-mark:.4em;--type-caption:17px;--type-lead:max(var(--type-caption), calc(var(--copy-size) * .6));--type-ui:15px;--type-readout:12px;--radius:2px;--radius-media:8px;--radius-pill:999px;--action-gap:40px;--duration-slow:.4s;--z-header:9;--z-badge:10;--z-ribbon:1001;--z-announce:1002;--z-toast:1003;--badge-top:var(--space-3);--badge-inset:var(--space-4);--badge-w:126px;--badge-h:30px;--header-h:128px;--control-size:48px;--mark-size:calc(var(--control-size) * 5);--col-pad:32px}@media (width<=1280px){:root{--outer:10px}}@media (width<=1024px){:root{--outer:28px;--inset:8px;--copy-size:32px;--block-space:160px;--control-size:40px}}@media (width<=768px){:root{--cols:8;--copy-size:28px;--copy-lh:1.15;--block-space:128px}}@media (width<=640px){:root{--outer:16px;--cols:4;--copy-size:24px;--copy-lh:1.33;--block-space:96px}}html{background:var(--bg-page);scrollbar-width:none}html::-webkit-scrollbar{display:none}body{background:var(--bg-page);color:var(--text-primary);font-family:var(--font-ui);font-feature-settings:"dlig" 1;-webkit-font-smoothing:antialiased;margin:0}:is(h1,h2,h3,h4,h5,h6){text-wrap:balance}:is(p,li,dd,figcaption,blockquote){text-wrap:pretty}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.wrap{box-sizing:border-box;max-width:var(--max);padding-inline:max(env(safe-area-inset-left), calc(var(--outer) + var(--inset)));margin-inline:auto}.grid{grid-template-columns:repeat(var(--cols), 1fr);gap:0;display:grid}.grid--thirds>*{box-sizing:border-box;grid-column:span 4}.grid--thirds>:nth-child(3n+1){padding-inline:0 var(--col-pad)}.grid--thirds>:nth-child(3n+2){padding-inline:var(--col-pad)}.grid--thirds>:nth-child(3n){padding-inline:var(--col-pad) 0}@media (width<=1024px){.grid--thirds>*{grid-column:1/-1}.grid--thirds>:nth-child(n){padding-inline:0}}.section{padding-block:var(--block-space);background:var(--bg-page)}.page--light{--bg-page:var(--bg-grey);--text-primary:var(--text-ink);--text-secondary:var(--text-ink-secondary);--text-on-primary:var(--bg-light);--text-unlit:color-mix(in srgb, var(--text-secondary) 30%, transparent);background:var(--bg-page);color:var(--text-primary)}.section--light{--text-primary:var(--text-ink);--text-secondary:var(--text-ink-secondary);--text-on-primary:var(--bg-light);background:var(--bg-light);color:var(--text-primary)}.on-light{--text-primary:var(--text-ink);--text-secondary:var(--text-ink-secondary);--text-on-primary:var(--bg-light)}.copy{max-width:58.3333%;color:var(--text-secondary);font-size:var(--copy-size);font-weight:400;line-height:var(--copy-lh);letter-spacing:var(--copy-track);text-wrap:pretty}.copy h1,.copy h2{color:var(--text-primary);font:inherit;letter-spacing:inherit;margin:0}.copy :is(h1,h2):has(strong){color:var(--text-secondary)}.copy strong{color:var(--text-primary);font-weight:inherit}.copy p{margin:1em 0 0}.copy p+h2{margin-block-start:1.5em}.copy .button{margin-block-start:var(--action-gap)}.copy a:not(.button){color:var(--text-primary);text-underline-offset:.15em;border-radius:var(--radius)}.copy a:not(.button):focus-visible{outline:2px solid var(--text-primary);outline-offset:3px}@media (width<=1024px){.copy{max-width:none}}.lead{color:var(--text-primary);font-size:var(--type-lead);line-height:var(--lead-lh);letter-spacing:var(--lead-track);text-wrap:pretty;margin:0}.lead strong{color:var(--text-primary);font-weight:inherit}.lead--muted{color:var(--text-secondary)}.lead a{color:var(--text-primary);border-radius:var(--radius);align-items:center;text-decoration:none;display:inline-flex}.lead a:focus-visible{outline:2px solid var(--text-primary);outline-offset:3px}.copy .lead{color:var(--text-secondary)}.button{min-block-size:var(--control-size);padding-inline:var(--space-3);border-radius:var(--radius);background:var(--text-primary);color:var(--text-on-primary);font-family:var(--font-ui);font-size:var(--type-ui);letter-spacing:normal;cursor:pointer;transition:opacity var(--duration-fast) ease-out;border:0;justify-content:center;align-items:center;font-weight:500;line-height:1;text-decoration:none;display:inline-flex}.button:hover{opacity:.88}.button:active{transform:scale(.98)}.button:focus-visible{outline:2px solid var(--text-primary);outline-offset:3px}@media (prefers-reduced-motion:reduce){.button{transition:none}}.button__reveal{transition:grid-template-columns var(--duration-base) ease-out;grid-template-columns:0fr;display:inline-grid}.button__reveal>span{min-inline-size:0;display:flex;overflow:hidden}.button__reveal svg{opacity:0;transition:opacity var(--duration-base) ease-out, transform var(--duration-base) ease-out;flex:none;margin-inline-start:var(--space-1);transform:translate(-4px,4px)}a:hover>.button__reveal,a:focus-visible>.button__reveal{grid-template-columns:1fr}a:hover>.button__reveal svg,a:focus-visible>.button__reveal svg{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.button__reveal,.button__reveal svg{transition:none}}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.site-header{z-index:var(--z-header);box-sizing:border-box;block-size:calc(var(--badge-top) * 2 + var(--badge-h));padding-block-start:calc(var(--badge-top) + (var(--badge-h) - var(--control-size)) / 2);padding-inline:var(--badge-inset);background:var(--bg-page);pointer-events:none;justify-content:flex-end;align-items:flex-start;display:flex;position:fixed;inset:0 0 auto}.site-header__mark{display:none}.site-nav{pointer-events:auto}.site-nav ul{gap:var(--space-3);margin:0;padding:0;list-style:none;display:flex}.site-nav a{min-block-size:var(--control-size);color:var(--text-secondary);font-size:var(--type-ui);border-radius:var(--radius);transition:color var(--duration-fast) ease;align-items:center;font-weight:400;line-height:1;text-decoration:none;display:inline-flex}.site-nav a:hover,.site-nav a[aria-current=page]{color:var(--text-primary)}.site-nav a:focus-visible{outline:2px solid var(--text-primary);outline-offset:3px}.site-header--float{block-size:var(--header-h);background:0 0}html:not(.landing) .site-header--float{display:none}@media (width<=640px){.site-header{padding-inline:var(--space-2)}.site-nav ul{gap:var(--space-2)}}.page{padding-block:calc(var(--header-h) + var(--block-space) / 2) var(--block-space)}.page--sections{padding-block:calc(var(--header-h) - var(--block-space) / 2) 0}.page .copy{max-width:83.3333%}@media (width<=1024px){.page .copy{max-width:none}}.wordmark-badge{z-index:var(--z-badge);border-radius:var(--radius);pointer-events:none;line-height:0;display:block;position:fixed;inset-block-start:var(--badge-top);inset-inline-start:var(--badge-inset)}.wordmark-badge.is-shown{pointer-events:auto}.wordmark-badge:focus-visible{outline:2px solid var(--text-primary);outline-offset:var(--space-1)}.wordmark-badge__canvas{width:var(--badge-w);height:var(--badge-h);display:block}.wordmark-badge.on-light .wordmark-badge__canvas{filter:invert()}.icon-button{inline-size:var(--control-size);block-size:var(--control-size);color:var(--text-primary);cursor:pointer;transition:opacity var(--duration-fast) ease-out, transform var(--duration-fast) var(--ease-out);background:0 0;border:0;place-items:center;padding:0;display:grid}.icon-button:hover{opacity:.7}.icon-button:active{transform:scale(.97)}.icon-button:focus-visible{outline:2px solid var(--text-primary);outline-offset:2px}.icon-button--large{inline-size:calc(var(--control-size) * 1.5);block-size:calc(var(--control-size) * 1.5)}.icon-button--large svg{block-size:100%;inline-size:100%}.text-button{min-block-size:var(--control-size);border-radius:var(--radius);color:var(--text-primary);font-family:var(--font-ui);font-size:var(--type-ui);letter-spacing:normal;cursor:pointer;transition:opacity var(--duration-fast) ease-out, transform var(--duration-fast) var(--ease-out);background:0 0;border:0;padding:0;font-weight:500;line-height:1}.text-button:hover{opacity:.7}.text-button:active{transform:scale(.97)}.text-button:focus-visible{outline:2px solid var(--text-primary);outline-offset:3px}.actions{align-items:center;gap:var(--space-4);margin-block-start:var(--action-gap);display:flex}.copy .actions .button{margin:0}@media (prefers-reduced-motion:reduce){.icon-button,.text-button{transition:none}}.field{box-sizing:border-box;min-block-size:var(--control-size);padding-inline:var(--space-2);border-radius:var(--radius);background:var(--bg-field);caret-color:var(--text-primary);color:var(--text-ink);font:400 var(--type-ui)/1 var(--font-ui);transition:background-color var(--duration-fast) ease-out;border:2px solid #0000}.field::placeholder{color:var(--text-placeholder)}.field:focus-visible{background:color-mix(in srgb, var(--bg-field), var(--text-primary) 6%);outline:none}.field[aria-invalid=true]{border-color:var(--text-error)}.form{gap:var(--space-1);flex-wrap:wrap;margin-block-start:var(--action-gap);display:flex}.form[hidden]{display:none}.form .field{flex:240px}.form .button{margin:0}.form__status{min-block-size:1.4em;color:var(--text-ink-muted);font-size:var(--type-ui);line-height:var(--lead-lh);transition:opacity var(--duration-base) var(--ease-out), transform var(--duration-base) var(--ease-out);flex-basis:100%;margin:0}.form__status.is-entering{opacity:0;transition:none;transform:translateY(4px)}.form__trap{opacity:0;pointer-events:none;block-size:1px;inline-size:1px;position:absolute}@media (prefers-reduced-motion:reduce){.field,.form__status{transition:none}}.device-hero{--bg-page:var(--bg-stage);--text-primary:var(--bg-light);--text-on-primary:var(--text-ink);--word-ink:var(--text-primary);min-block-size:90dvh;background:var(--bg-page);place-items:center;margin-block-start:calc(var(--block-space) / 2 - var(--header-h));display:grid;position:relative;overflow:hidden}.device-hero__stage{opacity:0;transition:opacity var(--duration-slow) var(--ease-out);position:absolute;inset:0}.device-hero.is-live .device-hero__stage{opacity:1}.device-hero__word{text-align:center;color:var(--word-ink);font:500 var(--word-size,calc(var(--copy-size) * 4))/1 var(--font-display);letter-spacing:var(--copy-track);white-space:nowrap;pointer-events:none;margin:0;position:relative}.device-hero.is-live .device-hero__word{color:#0000}@media (scripting:enabled){.device-hero:not(.is-ready) .device-hero__word{visibility:hidden}}.device-hero__line{clip-path:inset(-20% -10% var(--word-clip,0) -10%);display:block}.device-hero__unit{will-change:transform;display:inline-block}.device-hero__step{position:absolute;inset-block-start:50%;translate:0 -50%}.device-hero__step--prev{inset-inline-start:calc(var(--outer) + var(--inset))}.device-hero__step--next{inset-inline-end:calc(var(--outer) + var(--inset))}@media (width<=640px){.device-hero__step.icon-button--large{inline-size:var(--control-size);block-size:var(--control-size)}}.device-hero__action{justify-content:center;display:flex;position:absolute;inset-block-end:var(--block-tie);inset-inline:0}.device-hero+.section{padding-block-start:var(--block-tie)}@media (prefers-reduced-motion:reduce){.device-hero__stage{transition:none}}.shots{gap:var(--block-tie) var(--space-1);margin:var(--block-far) 0 0;grid-template-columns:repeat(2,1fr);padding:0;list-style:none;display:grid}.shots__item{margin:0}.shots__frame{border-radius:var(--radius-media);display:block;overflow:hidden}.shots__img{block-size:auto;inline-size:100%;display:block}.shots--even .shots__frame{aspect-ratio:3/2}.shots--even .shots__img{object-fit:cover;block-size:100%}.shots--thirds{grid-template-columns:repeat(3,1fr)}.shots--thirds .shots__frame{aspect-ratio:4/3;border-radius:0}.shots--thirds .shots__img{object-fit:cover;block-size:100%}.shots .lead{color:var(--text-secondary);margin-block-start:var(--space-3);padding-inline-end:var(--space-3)}@media (width<=768px){.shots{row-gap:var(--action-gap);grid-template-columns:1fr}}.shots__frame{will-change:opacity, transform}.shots__img{will-change:transform, translate}.copy.is-reading{--word-lit:var(--text-secondary);--word-unlit:var(--text-unlit)}.copy.is-reading h1,.copy.is-reading h2,.copy.is-reading strong{--word-lit:var(--text-primary)}.copy.is-reading :is(h1,h2):has(strong){--word-lit:var(--text-secondary)}.copy.is-reading .word{--lit:clamp(0, (var(--p) * (var(--n) + var(--soft)) - var(--i)) / var(--soft), 1);color:color-mix(in oklab, var(--word-lit) calc(var(--lit) * 100%), var(--word-unlit))}.devices{gap:var(--space-1);margin:var(--block-space) 0 0;grid-template-columns:repeat(3,1fr);padding:0;list-style:none;display:grid}@media (width<=768px){.devices{grid-template-columns:repeat(2,1fr)}}.devices__tile{aspect-ratio:1;background:var(--bg-placeholder) center / cover no-repeat;color:var(--text-primary);place-items:center;text-decoration:none;display:grid;position:relative;overflow:hidden}.devices__image{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.devices__tile:before{content:"";z-index:1;background:var(--scrim);opacity:0;transition:opacity var(--duration-base) ease-out;position:absolute;inset:0}.devices__open{z-index:2;font-size:var(--type-caption);opacity:0;transition:opacity var(--duration-base) ease-out, transform var(--duration-base) ease-out;font-weight:400;position:relative;transform:translateY(8px)}.devices__arrow{z-index:2;opacity:0;transition:opacity var(--duration-base) ease-out, transform var(--duration-base) ease-out;position:absolute;inset-block-start:var(--space-2);inset-inline-end:var(--space-2);transform:translate(-4px,4px)}.devices__tile:hover .devices__arrow,.devices__tile:focus-visible .devices__arrow{opacity:1;transform:none}.devices__tile:hover:before,.devices__tile:focus-visible:before{opacity:1}.devices__tile:hover .devices__open,.devices__tile:focus-visible .devices__open{opacity:1;transform:none}.devices__tile:active:before{background:var(--scrim-pressed)}.devices__tile:focus-visible{outline:2px solid var(--text-primary);outline-offset:3px}@media (prefers-reduced-motion:reduce){.devices__tile:before,.devices__open,.devices__arrow{transition:none}}.plans__grid{margin-block-start:var(--block-near)}.plan{color:var(--text-secondary);font-size:var(--copy-size);line-height:var(--copy-lh);letter-spacing:var(--copy-track);flex-direction:column;align-items:flex-start;display:flex}@media (width<=1024px){.plan+.plan{margin-block-start:calc(var(--block-space) / 2)}}.plan__name{font:inherit;letter-spacing:inherit;margin:0}.plan__price{color:var(--text-primary);font-size:var(--type-price);letter-spacing:-.03em;font-variant-numeric:tabular-nums;margin:.25em 0 0;font-weight:300;line-height:1}.plan__lead{margin:.75em 0 0}.plan__buy{margin-block-start:calc(var(--action-gap) + var(--space-2))}.plan__mark{font-size:var(--type-price-mark);vertical-align:top;margin-inline-start:.05em}.plan__per{font-weight:400}.plan__notify{align-items:center;gap:.3em;margin:.75em 0 0;display:flex}.plan__soon{color:var(--text-secondary)}.plans__credits{color:var(--text-secondary);margin-block-start:var(--block-tie)}.signup p{margin:0}.signup__grid{align-items:center}.signup__main{--signup-measure:560px;grid-column:1/span 6}.signup .copy{max-width:var(--signup-measure)}.signup__form{max-inline-size:var(--signup-measure)}.signup__mark{inline-size:var(--mark-size);border-radius:var(--radius);cursor:pointer;background:0 0;border:0;grid-column:7/-1;justify-self:center;padding:0;position:relative}.signup__mark[hidden]{display:none}.signup__mark:focus-visible{outline:2px solid var(--text-primary);outline-offset:3px}.signup__mark .mark{block-size:auto;inline-size:100%;display:block}.signup__mark:after{content:"";background:var(--bg-field);pointer-events:none;block-size:20%;inline-size:20%;position:absolute;inset-block-start:80%;inset-inline-start:100%}.signup__snore{pointer-events:none;block-size:auto;inline-size:40%;position:absolute;inset-block-start:-22.5%;inset-inline-start:85%;overflow:visible}.signup__snore g{visibility:hidden;fill:var(--mark-black)}.signup__snore g.is-on{visibility:visible}@media (width<=768px){.signup__main,.signup__mark{grid-column:1/-1}.signup__mark{justify-self:start;margin-block-start:var(--block-tie)}}.scramble__char{transition:opacity var(--duration-base) var(--ease-out)}.scramble__char.is-flicker{opacity:.35;transition:none}.footer{color:var(--text-ink-muted)}.footer p{margin:0}.footer__base{padding-block:var(--space-5);background:var(--bg-field);font-size:var(--type-ui);line-height:var(--lead-lh)}.footer__bar{justify-content:space-between;align-items:flex-start;gap:var(--space-4) var(--space-5);flex-wrap:wrap;display:flex}.footer__nav{align-items:flex-start;gap:var(--space-4) var(--space-5);flex-wrap:wrap;display:flex}.footer__list{gap:var(--space-1);margin:var(--space-1) 0 0;padding:0;list-style:none;display:grid}.footer__base a{color:var(--text-ink);border-radius:var(--radius);font-weight:500;text-decoration:none}.footer__base a:hover{color:var(--text-ink-muted)}.footer__base a:focus-visible{outline:2px solid var(--text-ink);outline-offset:3px}.announce{inset-block-start:max(var(--space-2), env(safe-area-inset-top));inset-inline:var(--space-2);z-index:var(--z-announce);pointer-events:none;justify-content:center;display:flex;position:fixed}.announce[hidden]{display:none}.announce__text{max-inline-size:100%;padding:var(--space-1) var(--space-2);border-radius:var(--radius-pill);background:var(--bg-float-glass);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:var(--text-primary);font:400 var(--type-ui)/var(--lead-lh) var(--font-ui);text-align:center;pointer-events:auto;margin:0;text-decoration:none}a.announce__text:hover{background:var(--bg-float)}a.announce__text:focus-visible{outline:2px solid var(--text-primary);outline-offset:3px}.award-ribbon{z-index:var(--z-ribbon);position:fixed;inset-block-start:clamp(72px,20svh,160px);inset-inline-end:0}.award-ribbon[hidden]{display:none}.award-ribbon__link{display:block}.award-ribbon__link:focus-visible{outline:2px solid var(--text-primary);outline-offset:2px}.award-ribbon__image{max-block-size:176px;inline-size:auto;max-inline-size:96px;display:block}.home-toast{z-index:var(--z-toast);inline-size:max-content;max-inline-size:calc(100vw - var(--space-4));padding:var(--space-1) var(--space-2);border-radius:var(--radius-media);background:var(--bg-float);color:var(--text-primary);font:400 var(--type-ui)/var(--lead-lh) var(--font-ui);opacity:0;transition:opacity var(--duration-base) ease, transform var(--duration-base) ease;pointer-events:none;position:fixed;inset-block-end:max(var(--space-3), env(safe-area-inset-bottom));inset-inline-start:50%;transform:translate(-50%,8px)}.home-toast--shown{opacity:1;transform:translate(-50%)}@media (prefers-reduced-motion:reduce){.home-toast{transition:none}}.step-under{margin-block-start:var(--space-3)}.step-tie{margin-block-start:var(--block-tie)}.step-near{margin-block-start:var(--block-near)}.step-block{margin-block-start:var(--block-space)}.step-far{margin-block-start:var(--block-far)}