.cover{isolation:isolate;min-height:max(100svh,40rem);color:var(--color-ink);--intro:2.4s;background:#01c853;flex-direction:column;display:flex;position:relative;overflow:hidden}html.seen .cover{--intro:0s}html.seen .cover-curtain{display:none}.cover-disc{z-index:-2;aspect-ratio:1;background:var(--color-lime);transform-origin:30% 30%;width:190vmax;animation:disc-in 1.1s calc(var(--intro) - .1s) var(--ease-out-expo) backwards;border-radius:50%;position:absolute;bottom:18%;right:12%}.hero{aspect-ratio:1;width:clamp(15rem,36vw,33rem);margin-inline:auto;position:relative}.floater{height:auto;translate:calc(var(--px,0) * var(--depth) * -1px) calc(var(--py,0) * var(--depth) * -1px);transition:translate .7s var(--ease-out-expo);filter:drop-shadow(0 1.1rem .9rem #070a1447);animation:ball-in .9s calc(var(--intro) + .2s + var(--i) * 80ms) var(--ease-out-expo) backwards, ball-float calc(3.4s + var(--i) * .35s) calc(var(--i) * -.6s) ease-in-out infinite alternate;position:absolute}.wall.cover-curtain:before{background:#2f3d07;animation:.6s ease-in 2.2s reverse both veil}.wall.cover-curtain img{animation:wall-out .7s calc(1.5s + var(--d) * 1.7) cubic-bezier(.55, 0, 1, .45) both}.rail{writing-mode:vertical-rl;font-family:var(--font-display);letter-spacing:.18em;white-space:nowrap;animation:fade-in .6s calc(var(--intro) + .9s) backwards;font-size:.8rem;font-weight:900;position:absolute;top:50%}.rail-left{left:1.75rem;transform:translateY(-50%)rotate(180deg)}.rail-right{right:1.75rem;transform:translateY(-50%)}.rail span{vertical-align:middle;background:currentColor;width:1px;height:3.5rem;margin-block:1.25rem;display:inline-block}.cover-line{animation:line-up .8s var(--ease-out-expo) backwards;display:block}.cover-line:first-of-type{animation-delay:calc(var(--intro) + .45s)}.cover-line:nth-of-type(2){animation-delay:calc(var(--intro) + .55s)}.cover-line:nth-of-type(3){animation-delay:calc(var(--intro) + .65s)}.cover-line:nth-of-type(4){animation-delay:calc(var(--intro) + .75s)}.cover-rest{animation:line-up .8s calc(var(--intro) + .8s) var(--ease-out-expo) backwards}.pill{border:2px solid var(--color-ink);background:var(--color-ink);color:#fff;min-height:3.25rem;font-family:var(--font-display);letter-spacing:.04em;text-transform:uppercase;cursor:pointer;transition:translate .15s var(--ease-out-expo), box-shadow .15s var(--ease-out-expo);border-radius:999px;justify-content:center;align-items:center;padding:0 1.75rem;font-size:.85rem;font-weight:900;display:inline-flex;box-shadow:0 6px #0a5c2b}.pill:hover{translate:0 2px;box-shadow:0 4px #0a5c2b}.pill:active{translate:0 6px;box-shadow:0 0 #0a5c2b}.pill-light{color:var(--color-ink);background:#fff;border-color:#fff;box-shadow:0 6px #070a1459}.pill-light:hover{box-shadow:0 4px #070a1459}.pill-light:active{box-shadow:0 0 #070a1459}.cover-code{border:2px solid var(--color-ink);min-height:3.25rem;color:var(--color-ink);caret-color:var(--color-ink);background:#ffffff8c;border-radius:999px;padding:0 1.25rem;font-size:1rem;font-weight:700}.cover-code::placeholder{color:#33410a;font-weight:600}.cover :focus-visible,.page-green :focus-visible{outline-color:var(--color-ink)}.cover ::selection,.page-green ::selection{background:var(--color-ink);color:var(--color-lime)}.ticker{background:var(--color-ink);color:var(--color-lime);border-block:1px solid var(--color-line);overflow:hidden}.ticker-track{width:max-content;animation:28s linear infinite ticker;display:flex}.ticker-track span{font-family:var(--font-display);white-space:nowrap;padding:.9rem 1.25rem;font-size:1rem;font-weight:900}.ticker-track span:nth-child(2n){color:#fff}.conveyor{z-index:1;background:var(--color-lime);margin-block:-1.25rem;padding-block:.6rem;position:relative;overflow:hidden;rotate:-2deg;scale:1.04;box-shadow:0 .5rem #00000059}.conveyor-track{align-items:center;width:max-content;animation:44s linear infinite reverse ticker;display:flex}.conveyor-track img{width:4.25rem;height:auto;margin-inline:.9rem}.conveyor-track img:nth-child(odd){rotate:-10deg}.conveyor-track img:nth-child(3n){rotate:14deg}.progress{z-index:40;background:var(--color-lime);transform-origin:0;height:4px;position:fixed;inset:0 0 auto;scale:0 1}.feature-art{filter:drop-shadow(0 .8rem .6rem #00000073);transition:rotate .4s var(--ease-out-expo), scale .4s var(--ease-out-expo)}li:hover>.feature-art{rotate:-8deg;scale:1.1}.peek{pointer-events:none;filter:drop-shadow(0 1rem .8rem #070a1447);height:auto;position:absolute}.page-blue{color:#fff;background:#1f4fd8}.page-green{color:var(--color-ink);background:#01c853}.seat{--tilt:0deg;width:100%;color:var(--color-ink);rotate:var(--tilt);transition:rotate .4s var(--ease-out-expo), translate .4s var(--ease-out-expo), box-shadow .4s var(--ease-out-expo);border-radius:1.25rem;flex-direction:column;padding:1.5rem;display:flex;position:relative;overflow:hidden;box-shadow:0 22px 36px -18px #070a14b3}.seat-art{filter:drop-shadow(0 .7rem .5rem #070a144d);width:auto;height:5rem;transition:rotate .4s var(--ease-out-expo), scale .4s var(--ease-out-expo);margin:-.25rem -.25rem 0 0}.seat:hover .seat-art,.seat:focus-visible .seat-art{rotate:-8deg;scale:1.1}.seat-go{background:var(--color-ink);color:#fff;border-radius:999px;align-self:flex-start;align-items:center;gap:.5rem;margin-top:auto;padding:.6rem 1.1rem;font-weight:700;display:inline-flex}.seat-go span{transition:translate .3s var(--ease-out-expo)}.seat:hover .seat-go span,.seat:focus-visible .seat-go span{translate:.3rem}.seat>:nth-last-child(2){margin-bottom:1.5rem}.seat:after{content:"";pointer-events:none;background:linear-gradient(105deg,#0000 20%,#ffffff1a 38%,#ffffffa6 50%,#ffffff1a 62%,#0000 80%);position:absolute;inset:0;translate:-120%}.seat:hover,.seat:focus-visible{translate:0 -.6rem;rotate:none;box-shadow:0 34px 44px -20px #070a14cc}.seat:hover:after,.seat:focus-visible:after{transition:translate .8s ease-out;translate:120%}.seat-no{font-family:var(--font-display);opacity:.16;font-size:4rem;font-weight:900;line-height:.8}@supports (animation-timeline:view()){.arrive{animation:linear both arrive;animation-timeline:view();animation-range:entry entry 55%}.seat.arrive{animation-name:seat-arrive;animation-range:entry entry 80%}.compare tbody tr{animation:linear both row-arrive;animation-timeline:view();animation-range:entry entry 90%}.peek{animation:linear both peek-turn;animation-timeline:view()}.hero{animation:linear both drift;animation-timeline:scroll(root);animation-range:0 100vh}.progress{animation:linear both progress;animation-timeline:scroll(root)}.demo-frame{animation:linear both demo-arrive;animation-timeline:view();animation-range:entry entry 70%}}.compare{table-layout:fixed;border-collapse:separate;border-spacing:0;width:100%;min-width:40rem}.compare th,.compare td{text-align:left;vertical-align:top;border-bottom:1px solid #070a1429;padding:.8rem 1rem}.compare thead th{font-family:var(--font-display);text-transform:uppercase;border-bottom:0;padding-block:1rem;font-size:.8rem;font-weight:900}.compare thead th:last-child{background:var(--color-ink);color:var(--color-lime);border-radius:1rem 1rem 0 0}.compare tbody th{font-weight:700}.compare td:nth-child(2){color:#070a14b8}.compare td:last-child{border-inline:2px solid var(--color-ink);background:#ffffff4d;font-weight:700}.compare tbody:last-child tr:last-child td:last-child{border-bottom:2px solid var(--color-ink);border-radius:0 0 1rem 1rem}.compare tbody:last-child tr:last-child :is(th,td:nth-child(2)){border-bottom:0}.compare-stage th{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.04em;border-bottom:2px solid var(--color-ink);padding-top:1.6rem;padding-bottom:.5rem;font-size:.75rem;font-weight:900}.compare-stage td{border-bottom:2px solid var(--color-ink)}.compare-cell{align-items:flex-start;gap:.6rem;display:flex}.compare-cell svg{flex:none;width:1.25rem;height:1.25rem;margin-top:.1rem}@media not (min-width:40rem){.compare th,.compare td{padding:.7rem .6rem;font-size:.9375rem}}@keyframes disc-in{0%{transform:scale(0)}}@keyframes ball-in{0%{opacity:0;scale:0}}@keyframes ball-float{to{transform:translateY(-.8rem)rotate(4deg)}}@keyframes line-up{0%{opacity:0;filter:blur(8px);translate:0 110%}}@keyframes fade-in{0%{opacity:0}}@keyframes ticker{to{translate:-50%}}@keyframes row-arrive{0%{opacity:0;translate:-2rem}}@keyframes peek-turn{0%{translate:0 4rem;rotate:-40deg}to{translate:0 -4rem;rotate:30deg}}@keyframes drift{to{transform:translateY(-14vh)rotate(-4deg)}}@keyframes progress{to{scale:1}}@keyframes demo-arrive{0%{opacity:0;rotate:-2deg;scale:.9}}@keyframes arrive{0%{opacity:0;translate:0 3rem}}@keyframes seat-arrive{0%{opacity:0;translate:var(--from-x,0) 9rem;rotate:calc(var(--tilt) * -4);scale:.8}}@media (prefers-reduced-motion:reduce){.cover-curtain,.progress{display:none}}@media not (min-width:64rem){.cover-disc{bottom:40%;right:-30%}}html,body{overflow-x:clip}.cover-cta{background:var(--color-lime);color:var(--color-ink)}@media not (min-width:40rem){.hero{animation:none}.floater{animation:ball-in .9s calc(var(--intro) + .2s + var(--i) * 80ms) var(--ease-out-expo) backwards;translate:none}.peek{display:none}}