/* Layered depth and deliberate transitions. Native scrolling stays in control. */
.nav{transition:background .4s,border-color .4s,box-shadow .4s,top .4s}.nav.is-scrolled{background:#11190fed;border-color:#c7e5a526;box-shadow:0 12px 45px #0005}.nav nav a{position:relative;transition:color .2s}.nav nav a:after{content:'';position:absolute;bottom:-8px;left:0;width:100%;height:1px;background:#ceff5a;transform:scaleX(0);transform-origin:left;transition:transform .35s}.nav nav a:hover:after,.nav nav a[aria-current]:after{transform:scaleX(1)}.immersive body:before{content:'';position:fixed;left:0;right:0;top:0;height:2px;background:#ceff5a;transform:scaleX(var(--read-progress,0));transform-origin:left;z-index:200;pointer-events:none;box-shadow:0 0 12px #ceff5a55}.launch-copy h1 em{background:linear-gradient(110deg,#ceff5a 15%,#f4ffd7 42%,#ceff5a 65%);background-size:220% 100%;background-clip:text;-webkit-background-clip:text;color:transparent;animation:headline-light 10s ease-in-out infinite}.launch-hero:after{content:'';width:550px;height:550px;position:absolute;top:90px;right:4%;z-index:-1;pointer-events:none;background:radial-gradient(circle,#9fde3615,transparent 66%);animation:ambient-light 12s ease-in-out infinite}.launch-art{transition:transform .65s cubic-bezier(.2,.8,.2,1);transform:perspective(1100px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg))}.launch-art figcaption{animation:caption-arrive 1.3s .3s both}.early-button,.nav-cta,.primary-link{position:relative;overflow:hidden;transition:transform .3s cubic-bezier(.2,.8,.2,1),background .3s,box-shadow .3s}.early-button:after,.nav-cta:after,.primary-link:after{content:'';position:absolute;inset:-60% -25%;background:linear-gradient(105deg,transparent 38%,#fff7 49%,transparent 60%);transform:translateX(-110%) rotate(10deg);pointer-events:none;transition:transform .75s ease}.early-button:hover:after,.nav-cta:hover:after,.primary-link:hover:after{transform:translateX(110%) rotate(10deg)}.early-button:hover,.nav-cta:hover{box-shadow:0 8px 32px #bbff4a20;transform:translateY(-3px)}.early-button:active,.nav-cta:active{transform:translateY(0) scale(.98)}.early-button>span,.nav-cta>span{display:inline-block;transition:transform .3s}.early-button:hover>span,.nav-cta:hover>span{transform:translate(3px,-3px)}.commission-track>span{transform-origin:left}.feature-tile{position:relative;isolation:isolate;transition:transform .6s cubic-bezier(.2,.8,.2,1),border-color .4s,box-shadow .4s;transform:perspective(1200px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg))}.feature-tile:after{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(450px circle at var(--spot-x,50%) var(--spot-y,50%),#ceff5a0c,transparent 65%);opacity:0;transition:opacity .4s;border-radius:inherit}.feature-tile:hover{border-color:#bce38a50;box-shadow:0 20px 65px #0004}.feature-tile:hover:after{opacity:1}.phone{transition:transform .75s cubic-bezier(.16,1,.3,1),border-color .5s,box-shadow .5s}.phone img,.screen-frame img{transition:filter .6s}.creator-screen{transform:perspective(1000px) rotate(3deg) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .7s}.supporter-screen{transform:perspective(1000px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .7s}.profile-orbit{animation:orbit-breathe 9s ease-in-out infinite}.orbit-two{animation-delay:-4.5s}.journey{transition:border-color .4s}.journey-icon{transition:transform .45s,background .45s,box-shadow .45s}.journey:hover{border-color:#ceff5a80}.journey:hover .journey-icon{transform:translateY(-5px) rotate(-5deg);background:#263719;box-shadow:0 8px 25px #ceff5a0b}.faq-new-list summary{transition:color .25s,padding .3s}.faq-new-list summary:hover{color:#ceff5a;padding-left:8px}.faq-new-list summary span{transition:transform .35s}.faq-new-list details[open] p{animation:answer-in .4s ease-out}.giant-word>span{transition:transform .8s cubic-bezier(.16,1,.3,1)}footer:hover .giant-word>span{transform:rotate(90deg)}.join-intro>img{animation:badge-breathe 8s ease-in-out infinite}.join-panel input{transition:border-color .25s,box-shadow .25s}.join-panel input:focus{box-shadow:0 0 0 4px #ceff5a0b}.auth-button:not(:disabled){transition:transform .25s,box-shadow .25s}.auth-button:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 8px 25px #0003}.motion-paused *{animation-play-state:paused!important}
@keyframes headline-light{0%,100%{background-position:100% 0}50%{background-position:0 0}}@keyframes ambient-light{50%{transform:scale(1.2) translateY(20px);opacity:.55}}@keyframes caption-arrive{from{opacity:0;translate:0 12px}to{opacity:1;translate:0 0}}@keyframes orbit-breathe{50%{opacity:.35;scale:1.06}}@keyframes answer-in{from{opacity:0;translate:0 -6px}to{opacity:1;translate:0 0}}@keyframes badge-breathe{50%{transform:translateY(-5px);filter:drop-shadow(0 0 18px #c6ff5825)}}
@media(hover:hover) and (pointer:fine){.phones:hover .phone-left{transform:rotate(-10deg) translate(-12px,12px)}.phones:hover .phone-center{transform:translateY(-35px);border-color:#b6d98670;box-shadow:0 35px 80px #0007}.phones:hover .phone-right{transform:rotate(10deg) translate(12px,12px)}}
@media(max-width:760px){.launch-copy h1 em{animation-duration:14s}.launch-art figcaption{animation:none}.launch-hero:after{width:350px;height:350px;top:300px;right:-30px}.nav.is-scrolled{top:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.launch-copy h1 em{background:none;color:#ceff5a}.launch-art,.feature-tile,.supporter-screen{transform:none}.immersive body:before{display:none}}
@media(max-width:760px){.nav nav.open{animation:answer-in .3s ease-out}.menu span{transition:transform .3s}.menu[aria-expanded=true] span:first-child{transform:translateY(3px) rotate(45deg)}.menu[aria-expanded=true] span:last-child{transform:translateY(-3px) rotate(-45deg)}}
