.stage{position:relative;z-index:0;height:1620vh}
.stage__sticky{position:sticky;top:0;height:100vh;overflow:hidden;background:var(--color-bg)}
.stage:not(.stage--ready) .stage__sticky,.stage--boot .stage__sticky{visibility:hidden}
html:not(.is-ready),html:not(.is-ready) body{background:none}
html:not(.is-ready) body{visibility:hidden}
.stage__scene{position:absolute;inset:0;min-height:0;background:transparent}
.stage [data-stage-word]{will-change:transform}
.stage__sand{position:absolute;left:-20vw;top:0;width:140vw;z-index:3;pointer-events:none}
.stage__sand-svg{display:block;width:100%;height:auto}
.stage__sky{position:absolute;left:-20vw;top:0;width:140vw;z-index:14;pointer-events:none}
.stage__scene--howto{z-index:4}
.stage__scene--learn{z-index:4}
.stage__sea{position:absolute;inset:0;z-index:5;pointer-events:none;overflow:hidden}
.stage__sea-svg{display:block;width:100%;height:100%;overflow:visible}
.stage__scene--prog{z-index:6}
.stage__sea-svg .prog__drift{animation:none}
.stage__scene--prog:not(.prog--live) .prog__drift{animation-play-state:paused}
.stage__iris{--r:62vmax;position:absolute;inset:0;z-index:7;background:#52B8B1;pointer-events:none;--r-max:200vmax;-webkit-mask:radial-gradient(circle at 50% 50%,transparent min(var(--r),var(--r-max)),#000 calc(min(var(--r),var(--r-max)) + 1px));mask:radial-gradient(circle at 50% 50%,transparent min(var(--r),var(--r-max)),#000 calc(min(var(--r),var(--r-max)) + 1px))}
.stage__iris--ring{--r:62vmax;z-index:7;background:#84CAC8}
.stage__iris:not(.stage__iris--ring){z-index:8}
.stage__scene--team{z-index:9}
.stage__scene--rev{z-index:11;overflow:visible;background:var(--color-sand-100)}
.stage__scene--rev::before{content:"";position:absolute;left:0;right:0;bottom:calc(100% - 1px);height:9vh;background:var(--color-sand-100);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 100' preserveAspectRatio='none'%3E%3Cpath d='M0 100V58C120 30 230 22 360 42C500 64 610 88 760 60C900 34 1030 18 1200 46V100Z'/%3E%3C/svg%3E") 0 0/100% 100% no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 100' preserveAspectRatio='none'%3E%3Cpath d='M0 100V58C120 30 230 22 360 42C500 64 610 88 760 60C900 34 1030 18 1200 46V100Z'/%3E%3C/svg%3E") 0 0/100% 100% no-repeat}
.soft--fly [data-stage-fade]{animation:none;opacity:1}
.stage .trust__inner,.stage__scene--howto,.stage__scene--learn,.stage__scene--prog,.stage__scene--team,.stage__scene--rev,.stage__scene--price{opacity:0;visibility:hidden}
.stage .tl-ink,.stage .rev__card,.stage .pr__card{opacity:0}
.stage__scene--price{z-index:13;overflow:visible;background:var(--color-sand-100)}
.stage__scene--price::before{content:"";position:absolute;left:0;right:0;bottom:calc(100% - 1px);height:9vh;background:var(--color-sand-100);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 100' preserveAspectRatio='none'%3E%3Cpath d='M0 100V58C120 30 230 22 360 42C500 64 610 88 760 60C900 34 1030 18 1200 46V100Z'/%3E%3C/svg%3E") 0 0/100% 100% no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 100' preserveAspectRatio='none'%3E%3Cpath d='M0 100V58C120 30 230 22 360 42C500 64 610 88 760 60C900 34 1030 18 1200 46V100Z'/%3E%3C/svg%3E") 0 0/100% 100% no-repeat}
.stage__scene--rev::after,.stage__scene--price::after{content:"";position:absolute;left:0;right:0;top:calc(100% - 1px);height:100vh;background:var(--color-sand-100)}
.stage .pr--play .pr__card{animation:stage-rise .5s cubic-bezier(.3,1.2,.5,1) calc(.2s + var(--c) * .08s) forwards}
.stage .rev:not(.rev--play) .rev__slide-btn{visibility:hidden}
.stage .rev--play .tl-ink{animation:stage-fade .15s ease-out calc(.05s + var(--i) * .03s) forwards}
.stage .rev--play .rev__card{animation:stage-rise .5s cubic-bezier(.3,1.2,.5,1) calc(.4s + var(--c) * .08s) forwards}
@keyframes stage-rise{0%{opacity:0;transform:translateY(30px)}100%{opacity:1;transform:none}}
.stage .brush-letter{opacity:0}
.stage .team--play .brush-letter{animation:stage-print .45s ease-out calc(.3s + var(--i) * .06s) forwards}
.stage .prog__head,.stage .prog--play .prog__head,.stage .team__head,.stage .team--play .team__head{opacity:1;animation:none}
.stage .kick-word{display:inline-block;opacity:0}
.stage .team--play .kick-word{animation:stage-word .45s cubic-bezier(.3,1.4,.5,1) 1.45s forwards}
.stage .prog--play .kick-word{animation:stage-word .35s cubic-bezier(.3,1.4,.5,1) calc(.2s + var(--w) * .08s) forwards}
.stage .prog--play .brush-letter{animation:stage-fade .25s ease-out calc(.6s + var(--i) * .04s) forwards}
@keyframes stage-fade{0%{opacity:0}100%{opacity:1}}
.stage .prog--play .prog__item{animation:prog-rise .7s cubic-bezier(.3,1.2,.5,1) calc(var(--d) + .55s) forwards}
@keyframes stage-word{0%{opacity:0;transform:translateY(12px) scale(.7)}100%{opacity:1;transform:none}}
.stage .team--play .team__item{animation:none}
.stage__iris--closed{--r-max:0vmax}
.stage__dot{position:absolute;left:0;top:0;z-index:10;border-radius:50%;background:#84CAC8;pointer-events:none}
@keyframes stage-print{0%{opacity:0;filter:blur(6px);transform:translateX(-14px)}100%{opacity:1;filter:none;transform:none}}
@media (prefers-reduced-motion:reduce){.stage .brush-letter,.stage .kick-word{opacity:1;animation:none!important}.stage .team__item,.stage .prog__item,.stage .tl-ink,.stage .rev__card,.stage .pr__card{opacity:1;animation:none!important}}
.stage--fast{height:820vh}
html::-webkit-scrollbar{width:16px;background:#FFF8EC}
html::-webkit-scrollbar-track{background:#FFF8EC}
html::-webkit-scrollbar-thumb{border:4px solid #FFF8EC;border-radius:999px;background:#3F9C96}
html::-webkit-scrollbar-thumb:hover{background:#2F6E6A}
html::-webkit-scrollbar-button{display:none}
@supports not selector(::-webkit-scrollbar){html{scrollbar-width:thin;scrollbar-color:#3F9C96 #FFF8EC}}
@media (max-width:760px){
.stage__sand,.stage__sky{width:max(340vw,175vh);left:calc((100vw - max(340vw,175vh)) / 2)}
}