/* Motion follows the reference: masked lines, soft depth and scroll-driven framing. */
:root{--motion-ease:cubic-bezier(.22,1,.36,1)}
.motion-line{display:block;overflow:clip;margin:-.13em 0;padding:.13em 0}
.motion-line-inner{display:block}
.motion-enhanced .section-heading.reveal{opacity:1;transform:none}
.motion-enhanced [data-motion]:not(.is-revealed){opacity:0}
.motion-enhanced [data-motion="heading"]{opacity:1}
.motion-enhanced [data-motion="heading"]:not(.is-revealed) .motion-line-inner{transform:translateY(112%)}
.motion-enhanced [data-motion]:focus-within{opacity:1}
.motion-enhanced .hero h1,.motion-enhanced .hero-content>.try-button{animation:none}
.motion-enhanced .hero-video{transform:translate3d(0,var(--hero-drift,0px),0) scale(1.1);will-change:transform}
.motion-enhanced .hero-product,.motion-enhanced .hero-message{will-change:transform,opacity}
.motion-word{display:inline-block}
.motion-enhanced .word-reveal:not(.is-revealed) .motion-word{opacity:0;transform:translateY(12px)}
.motion-enhanced .word-reveal{opacity:1!important;transform:none!important}
.color-reveal{background-image:linear-gradient(90deg,currentColor 0%,currentColor 32%,#9871ed 41%,#d6b8f4 47%,#efafc8 52%,#f1d981 57%,transparent 65%);background-size:310% 100%;background-position:100% 0;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.color-reveal.is-revealed{background-position:0 0}
.preview-sticky{perspective:1100px;isolation:isolate}
.app-preview{transform:translate3d(0,28px,20px) scale(1.01);transition:opacity .55s var(--motion-ease),transform .8s var(--motion-ease),visibility .8s;will-change:transform,opacity}
.app-preview.active{z-index:2;transform:translate3d(0,0,0) scale(1)}
.app-card{transition:background .5s,min-height .5s var(--motion-ease),box-shadow .4s}
.app-card.active .app-icon{animation:icon-arrive .65s var(--motion-ease) both}
.app-card.active p,.app-card.active .try-button{animation:detail-arrive .6s var(--motion-ease) both}
#rotating-term{min-height:1.1em;transition:none}
.rotating-words{display:block}
.workflow-tabs{position:relative;isolation:isolate}
.workflow-tab-indicator{position:absolute;left:0;top:0;width:var(--pill-w);height:var(--pill-h);transform:translate3d(var(--pill-x),var(--pill-y),0);border-radius:28px;background:#272725;z-index:-1;pointer-events:none;transition:transform .55s var(--motion-ease),width .55s var(--motion-ease),height .55s var(--motion-ease)}
.motion-enhanced .workflow-tabs [aria-selected=true]{background:transparent}
.motion-enhanced .workflow-grid:not([hidden]) .workflow-card{animation:none}
.motion-enhanced .workflow-card>img,.motion-enhanced .workflow-card>video{transition:transform .9s var(--motion-ease)}
.motion-enhanced .workflow-card:hover>img,.motion-enhanced .workflow-card:hover>video{transform:scale(1.035)}
.motion-enhanced .club-frame{clip-path:inset(0 var(--club-inset,7%) round var(--club-radius,24px));will-change:clip-path}
.motion-enhanced .club-frame>video{height:112%;top:-6%;transform:translate3d(0,var(--club-drift,0px),0);will-change:transform}
.try-button{transition:background .25s,transform .45s var(--motion-ease),box-shadow .4s}
.try-button:hover{transform:translateY(-3px)}
.try-button:active{transform:translateY(0) scale(.97)}
.faq-answer{overflow:hidden}
.faq-answer:not([hidden]){animation:none}
.faq-plus:before,.faq-plus:after{transition:transform .4s var(--motion-ease)}
.motion-enhanced .community-row{animation-play-state:paused}
.motion-enhanced .community.in-view .community-row{animation-play-state:running}
.motion-enhanced .community-rows:hover .community-row,.motion-paused .community-row{animation-play-state:paused!important}
@keyframes icon-arrive{from{transform:translateY(9px) scale(.94);opacity:.6}to{transform:none;opacity:1}}
@keyframes detail-arrive{from{transform:translateY(12px);opacity:0}to{transform:none;opacity:1}}
@media(max-width:600px){.motion-enhanced .club-frame{clip-path:inset(0 var(--club-inset,0%) round 12px)}.motion-enhanced .hero-video{transform:translate3d(0,var(--hero-drift,0px),0) scale(1.06)}}
@media(prefers-reduced-motion:reduce){
 .motion-line-inner,.motion-word{transform:none!important;opacity:1!important}
 [data-motion]{opacity:1!important;transform:none!important;filter:none!important}
 .color-reveal{background:none;-webkit-text-fill-color:currentColor}
 .hero-video,.club-frame>video{transform:none!important}
 .club-frame{clip-path:none!important}
 .workflow-tab-indicator{transition:none}
}