/* Motion is decorative; content remains readable without this stylesheet or WebGL. */
.hero-webgl{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:-1;opacity:.85;}
.motion-ready .hero-grid>div:first-child{animation:hero-arrive .85s cubic-bezier(.2,.8,.2,1) both}
.motion-ready .hero-art{animation:hero-arrive 1.1s .12s cubic-bezier(.2,.8,.2,1) both}
.motion-ready .inner-hero h1{animation:hero-arrive .85s cubic-bezier(.2,.8,.2,1) both}
.motion-ready .halo-one{animation:orbit 42s linear 1}
.motion-ready .halo-two{animation:orbit 35s linear reverse 1}
.motion-ready .art-entered .dash-track i,.motion-ready .art-entered .dash-bottom i{transform-origin:left;animation:bar-grow 1.2s .2s cubic-bezier(.16,1,.3,1) both}
.motion-ready .art-entered .dash-bottom div:nth-child(2) i{animation-delay:.35s}
.motion-ready .art-entered .dash-bottom div:nth-child(3) i{animation-delay:.5s}
.motion-ready .art-entered .float-note{animation:note-arrive 1s .5s cubic-bezier(.16,1,.3,1) both}
.dashboard.depth-enabled{transform:perspective(1100px) rotateX(var(--tilt-x,2deg)) rotateY(var(--tilt-y,-6deg));transition:transform .2s ease-out}
.book-cover.depth-enabled{transform:perspective(1000px) rotate(-6deg) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .2s ease-out}
.button{position:relative;overflow:hidden;isolation:isolate;transition:transform .25s,box-shadow .25s,background .25s}
.button:after{content:'';position:absolute;inset:-100% -70%;background:linear-gradient(110deg,transparent 40%,#fff4 49%,transparent 57%);transform:translateX(-70%);pointer-events:none;transition:transform .7s}
.button:hover:after{transform:translateX(70%)}
.button:hover{box-shadow:0 12px 25px #143e5328}
.section .card{position:relative;overflow:hidden}
.section .card:after{content:'';position:absolute;left:0;bottom:0;width:100%;height:3px;background:linear-gradient(90deg,#226b88,#61bdc7);transform:scaleX(0);transform-origin:left;transition:transform .35s}
.section .card:hover:after{transform:scaleX(1)}
.fr-step.active{animation:question-arrive .25s ease-out}
.fr-bar-fill{transition:width .6s ease}
.fr-opt{transition:background .18s,border-color .18s,box-shadow .18s}
.fr-opt:hover{box-shadow:0 4px 12px #17405710}
.founder-photo img{transition:transform .7s cubic-bezier(.2,.8,.2,1)}
.founder-photo:hover img{transform:translateY(-4px)}
.faq summary{transition:color .2s}.faq summary:hover{color:#268597}
.faq details[open] p{animation:question-arrive .25s ease-out}
@keyframes hero-arrive{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}
@keyframes bar-grow{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes orbit{to{transform:rotate(360deg)}}
@keyframes note-arrive{from{opacity:0;transform:translateY(20px) rotate(-3deg)}to{opacity:1;transform:translateY(0) rotate(-3deg)}}
@keyframes question-arrive{from{opacity:.4;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:760px){.hero-webgl{opacity:.5}.dashboard.depth-enabled{transform:none}}
@media(prefers-reduced-motion:reduce){.hero-webgl{display:none}*,*:before,*:after{animation:none!important;transition:none!important}.dashboard.depth-enabled,.book-cover.depth-enabled{transform:none}}