html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}*{box-sizing:border-box}body{display:grid;place-items:center;min-height:100vh;font-family:SF Pro Text,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif;color:#fff;background:#0f0f0f}section{min-height:100vh;display:grid;place-items:center}.section__content{min-height:100vh;position:sticky;top:0;width:100vw;display:grid;place-items:center;padding:1rem;width:60ch;max-width:100vw;margin:0 auto}.section__content p{font-weight:600;max-width:40ch;font-size:clamp(1rem,1vw + 1rem,4rem);margin:0;color:#ffffff80}.section__content h2{text-align:left;display:grid;gap:0}.section__content h2 span:first-of-type{opacity:.5;padding-left:1rem;font-size:clamp(1rem,1vw + 1rem,4rem)}.section__content h2 span:last-of-type{background:linear-gradient(90deg,#fff,#ccc 50%,#8080ff,#ff80d4,#80ffaa,#ff9580);-webkit-background-clip:text;color:transparent;background-size:300% 200%;animation:bg-move both linear;animation-timeline:--section;animation-range:cover 0% exit 0%;background-position:0 0}@keyframes bg-move{to{background-position:100% 200%}}.section__content p span{color:#fff}:is(h1,h2){margin:0;font-size:2.5rem}section:nth-of-type(1),section:nth-of-type(2),section:nth-of-type(3),section:nth-of-type(4){position:relative;width:100vw;display:block;view-timeline-name:--section}.cta{position:sticky;z-index:10;top:calc(100% - 6rem);display:inline-block;width:100%;display:grid;place-items:center;animation:activate both linear,activate linear reverse;animation-timeline:--section,view();animation-range:entry,cover 50%}.cta__content{position:relative}.cta span:nth-of-type(1){opacity:var(--scale, 0);transition:opacity .2s .6s;white-space:nowrap;padding:0 0 0 .5rem}.cta__content:before{--back: linear( 0, .3412 4.06%, .6411 8.2%, .9005 12.43%, 1.1205 16.77%, 1.3013 21.22%, 1.4438 25.8%, 1.549 30.54%, 1.5878 32.98%, 1.6175 35.47%, 1.6457 39.41%, 1.6518 41.44%, 1.6528 43.52%, 1.6391 47.83%, 1.6042 52.44%, 1.5562 56.74%, 1.4899 61.5%, 1.202 78.86%, 1.0988 85.97%, 1.0551 89.79%, 1.0244 93.36%, 1.0061 96.75%, 1 );content:"";background:#0073e6;position:absolute;inset:0;border-radius:100px;z-index:-1}.cta span:nth-of-type(2){width:36px;height:36px;border-radius:50%;background:#0073e6;color:#fff;padding:.25rem;display:grid;place-items:center}.cta svg{width:20px;fill:#ffffffbf}.cta a:is(:hover,:focus-visible) svg{fill:#fff}.cta a{--elastic: linear( 0, .4789 7.06%, .7612 12.38%, .8693 15.13%, .9538 17.95%, 1.0165 20.89%, 1.059 24.04%, 1.0829 27.58%, 1.0884 31.64%, 1.0769 36.44%, 1.0202 50.6%, 1.0005 59.62%, .9945 70.6%, 1 );text-decoration-line:none;overflow:hidden;border-radius:100px;padding:1rem;background:#323234;box-shadow:0 1px #ffffff40 inset;color:#fff;display:grid;align-items:center;font-weight:600;letter-spacing:-.01em;font-size:1.1rem;grid-template-columns:0 36px}@keyframes activate{0%{--active: 0}to{--active: 1}}section:nth-of-type(1){height:200vh}section:nth-of-type(2){--content-size: 186px;height:400vh}section:nth-of-type(3){--content-size: 180px;height:300vh}section:nth-of-type(4){--content-size: 140px;height:500vh}@container style(--active: 0){.cta__content:before{scale:0;opacity:0;transition:scale .5s var(--back)}.cta a{scale:0;transition:scale .2s .7s,grid-template-columns .5s .2s var(--elastic);grid-template-columns:0 36px}.cta__content span:first-of-type{opacity:0;transition:opacity .2s 0s}.cta__content span:last-of-type{scale:0;opacity:0;transition:scale .2s,opacity .2s}}@container style(--active: 1){.cta__content:before{scale:.99;opacity:1;transition:scale .5s var(--back)}.cta a{scale:1;transition:scale .2s 0s,grid-template-columns .5s .6s var(--elastic);grid-template-columns:var(--content-size, auto) 36px}.cta__content span:first-of-type{opacity:1;transition:opacity .2s .7s}.cta__content span:last-of-type{scale:1;opacity:1;transition:scale .2s .4s,opacity .2s .4s}}nav{position:fixed;top:0;left:0;right:0;border-bottom:1px solid hsl(0 0% 50%);height:52px;background:#333333bf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2}.nav__content{display:flex;align-items:center;justify-content:space-between;width:800px;max-width:100vh;padding:0 1rem;margin:0 auto;height:100%}nav a{text-decoration:none;background:#0073e6;color:#fafafa;font-weight:400;padding:.5rem 1rem;border-radius:100px;font-size:.875rem}nav img{height:50%;justify-self:start}.support{position:fixed;z-index:10;left:1rem;top:1rem;background:#fff;color:#000;padding:2rem;border:4px solid hsl(45 80% 50%)}@supports (animation-timeline: view()){.support{display:none}}h1{display:grid}:is(h1,h2){font-size:clamp(2.5rem,7vw + 1rem,10rem);text-align:center;line-height:1;margin:0;width:100%}h1{position:fixed;top:50%;left:50%;translate:-50% -50%}h1 span:first-of-type{display:inline-block;color:red;font-size:.35em}h1 span:last-of-type{display:inline-block}h1 span:first-of-type{display:inline-block;animation:fade-away both linear;animation-timeline:--section;animation-range:entry-crossing 50% exit 50%}h1 span:last-of-type{display:inline-block;animation:scale-up both cubic-bezier(.1,.7,.9,1.3),fade-away both linear;animation-timeline:--section;animation-range:entry-crossing 60% exit 70%,exit 10% exit 50%}@keyframes scale-up{to{scale:1.5}}@keyframes grow{0%{scale:.5;opacity:0}}@keyframes fade-away{to{opacity:0}}video{position:fixed;inset:0;-o-object-fit:cover;object-fit:cover;width:100%;height:100vh;z-index:-1;filter:saturate(.1) brightness(.5);opacity:0;animation:fade-in both linear,fade-out both linear;animation-timeline:--section;animation-range:entry 10% entry 15%,exit 10% exit 15%}@keyframes fade-in{to{opacity:.2}}@keyframes fade-out{to{opacity:0}}