.site{--ease:cubic-bezier(.22,1,.36,1);--glow:color-mix(in oklab,var(--primary)26%,transparent);--glow-pale:color-mix(in oklab,var(--chart-4)24%,transparent)}.dark .site{--glow-pale:color-mix(in oklab,var(--primary)9%,transparent)}.display{letter-spacing:-.035em;font-size:clamp(2.75rem,1.2rem + 5.6vw,4.5rem);line-height:1}.site :is(h1,h2,h3){font-variant-numeric:proportional-nums}.section-title{letter-spacing:-.025em;font-size:clamp(1.875rem,1.2rem + 2.6vw,3rem);line-height:1.08}.hero-light{background:radial-gradient(46rem 32rem at 80% 30%,var(--glow),transparent 68%),radial-gradient(40rem 26rem at 2% -8%,var(--glow-pale),transparent 70%)}.phone{--bezel:color-mix(in oklab,var(--foreground)92%,var(--background));background:var(--bezel);width:min(22.5rem,100vw - 2rem);height:35rem;box-shadow:0 2px 4px color-mix(in oklab,var(--foreground)10%,transparent),0 56px 90px -40px color-mix(in oklab,var(--foreground)60%,transparent);border-radius:2.9rem;padding:.5rem}.dark .phone{--bezel:color-mix(in oklab,var(--foreground)22%,var(--background));box-shadow:0 56px 90px -40px #000}@media (min-width:64rem){.phone{height:43rem}}.phone-screen{background:var(--background);border-radius:2.4rem;height:100%;position:relative;overflow:clip}.phone-screen:before{content:"";background:var(--bezel);border-radius:1rem;width:5.25rem;height:1.4rem;position:absolute;top:.6rem;left:50%;translate:-50%}.phone-screen:after{content:"";background:linear-gradient(transparent,var(--background)85%);pointer-events:none;height:6rem;position:absolute;inset:auto 0 0}.draft-peek{max-height:6.5em;overflow:hidden;-webkit-mask-image:linear-gradient(#000 55%,#0000);mask-image:linear-gradient(#000 55%,#0000)}.site ::selection{background:color-mix(in oklab,var(--primary)28%,transparent)}:is(.kinds:has(label:first-of-type input:checked) .kind:not(:first-of-type),.kinds:has(label:nth-of-type(2) input:checked) .kind:not(:nth-of-type(2)),.kinds:has(label:nth-of-type(3) input:checked) .kind:not(:nth-of-type(3)),.kinds:has(label:nth-of-type(4) input:checked) .kind:not(:nth-of-type(4))){display:none}.kind+.kind{margin-top:4rem}.horizon{background-image:linear-gradient(90deg,transparent,color-mix(in oklab,var(--primary)70%,transparent),transparent),radial-gradient(56rem 20rem at 50% 0%,color-mix(in oklab,var(--primary)24%,transparent),transparent 70%);background-position:top;background-repeat:no-repeat;background-size:70% 1px,100% 100%}.plan{transition:translate .2s var(--ease),box-shadow .2s var(--ease)}.plan.featured{box-shadow:0 28px 60px -34px color-mix(in oklab,var(--primary)70%,transparent)}@media (hover:hover){.plan:hover{box-shadow:0 24px 50px -30px color-mix(in oklab,var(--foreground)45%,transparent);translate:0 -4px}.plan.featured:hover{box-shadow:0 32px 64px -30px color-mix(in oklab,var(--primary)80%,transparent)}}.choice{grid-template-columns:1fr 1fr;display:grid;position:relative}.choice:before{content:"";border-radius:calc(var(--radius) + 2px);background:var(--card);box-shadow:0 1px 2px color-mix(in oklab,var(--foreground)14%,transparent);transition:translate .22s var(--ease);position:absolute;inset:0 50% 0 0}.choice:has(label:last-of-type input:checked):before{translate:100%}.choice label{color:var(--muted-foreground);transition:color .15s;position:relative}.choice label:has(input:checked){color:var(--foreground)}.choice label:has(input:focus-visible){outline:2px solid var(--ring);outline-offset:2px;border-radius:calc(var(--radius) + 2px)}.swap{display:grid}.swap>*{transition:opacity .2s var(--ease),translate .2s var(--ease),visibility .2s;grid-area:1/1}:is(.billing:has(input[value=monthly]:checked) .when-yearly,.billing:has(input[value=yearly]:checked) .when-monthly){opacity:0;visibility:hidden;translate:0 6px}.faq{interpolate-size:allow-keywords}.faq details::details-content{block-size:0;transition:block-size .22s var(--ease),content-visibility .22s allow-discrete;overflow:clip}.faq details[open]::details-content{block-size:auto}.faq summary{list-style:none}.faq summary::-webkit-details-marker{display:none}.faq summary svg{transition:rotate .22s var(--ease)}.faq details[open] summary svg{rotate:45deg}.site mark{background:color-mix(in oklab,var(--primary)18%,transparent);color:inherit;-webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:3px;padding:1px 2px}.drift{-webkit-mask-image:linear-gradient(#0000,#000 12% 88%,#0000);mask-image:linear-gradient(#0000,#000 12% 88%,#0000)}@media (prefers-reduced-motion:no-preference){.rise{animation:rise .46s var(--ease)backwards;animation-delay:calc(var(--i,0)*60ms)}@keyframes rise{0%{translate:0 14px}}.arrive{animation:arrive .56s var(--ease)backwards;animation-delay:calc(var(--i,0)*90ms)}@keyframes arrive{0%{translate:0 calc(16px + var(--i,0)*10px);scale:.98}}.stream span{animation:word .32s var(--ease)backwards;animation-delay:calc(.36s + var(--w,0)*28ms);display:inline-block}@keyframes word{0%{opacity:0;filter:blur(3px);translate:0 4px}}.swap-in{animation:swap-in .2s var(--ease)backwards}@keyframes swap-in{0%{opacity:0;translate:0 6px}}.drift>*{animation:70s linear infinite drift}.drift:hover>*{animation-play-state:paused}:has(>label>.drift-pause:checked)>.drift>*{animation-play-state:paused}@keyframes drift{to{translate:0 -50%}}.kind{animation:swap-in .32s var(--ease)backwards}.reveals [data-reveal]:not([data-reveal=steps]){transition:opacity .7s var(--ease),translate .8s var(--ease),scale .8s var(--ease);transition-delay:calc(var(--i,0)*90ms)}.reveals [data-reveal]:not([data-reveal=steps],.in){opacity:0;translate:0 1.75rem}.reveals .closing:not(.in){opacity:1;scale:.92}.reveals [data-reveal=steps] :is(.step-node,.step-name,.step-card,.step-rail,.step-rail-down,.count-out){--d:calc(var(--i,0)*var(--step,0s) + var(--at,0s));transition:opacity .5s var(--ease)var(--d),translate .6s var(--ease)var(--d),scale .6s var(--ease)var(--d),clip-path .9s var(--ease)var(--d),transform .5s var(--ease)}@media (min-width:64rem){.step{--step:.3s}}.step-name{--at:60ms}.step-card{--at:.14s}.step-rail,.step-rail-down{--at:.28s}.reveals .step:not(.in) .step-node{scale:0}.reveals .step:not(.in) .step-name{opacity:0;translate:-.5rem}.reveals .step:not(.in) .step-card{opacity:0;translate:0 1.25rem}.reveals .step:not(.in) .step-rail{scale:0 1}.reveals .step:not(.in) .step-rail-down{scale:1 0}.step .stream span{animation-delay:calc(var(--i,0)*var(--step,0s) + .3s + var(--w,0)*14ms)}.reveals .step:not(.in) .stream span{opacity:0;animation:none}.count-out{--step:60ms;--at:.15s}.reveals [data-reveal=steps]:not(.in) .count-out{clip-path:inset(0 100% 0 0)}}.spot{display:none}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.lean{--tilt:8deg;transform:perspective(1100px)rotateY(calc(var(--lean-x,0)*var(--tilt)))rotateX(calc(var(--lean-y,0)*var(--tilt)*-1));transition:transform .5s var(--ease)}.step-card{--tilt:4deg}.spot{background:radial-gradient(closest-side,color-mix(in oklab,var(--primary)20%,transparent),transparent);width:44rem;height:44rem;transform:translate3d(var(--spot-x,0),var(--spot-y,0),0);opacity:0;pointer-events:none;border-radius:50%;transition:opacity .5s;display:block;position:absolute;top:-22rem;left:-22rem}[data-spot]:hover>.spot{opacity:1}.pull{translate:var(--pull-x,0)var(--pull-y,0);transition:translate .25s var(--ease),color .15s,background-color .15s,border-color .15s}}