/* Motion layer */
body{overflow-x:hidden}.nav{transition:height .3s,box-shadow .3s,background .3s}.nav.nav-scrolled{height:64px;background:rgba(255,255,255,.92);backdrop-filter:blur(14px);box-shadow:0 8px 28px rgba(17,43,91,.12)}.hero>*:not(.hero-device){position:relative;z-index:2}.hero:after{content:"";position:absolute;width:420px;height:420px;border-radius:50%;right:-120px;top:-160px;background:radial-gradient(circle,rgba(23,105,255,.2),transparent 68%);animation:floatGlow 6s ease-in-out infinite}.hero-device{animation:deviceFloat 4.6s ease-in-out infinite;transition:opacity .35s,transform .35s}.hero-device.switching{opacity:0;transform:translateY(25px) scale(.97)}.hero-dots{position:absolute;z-index:3;left:max(32px,calc((100vw - 1220px)/2));bottom:35px;display:flex;gap:9px}.hero-dot{width:9px;height:9px;padding:0;border:0;border-radius:50%;background:#b9c9e8;cursor:pointer;transition:.3s}.hero-dot.active{width:27px;border-radius:10px;background:var(--blue)}.reveal{opacity:0;transform:translateY(34px);transition:opacity .7s ease,transform .7s ease}.reveal.is-visible{opacity:1;transform:none}.card.reveal:nth-child(2){transition-delay:.08s}.card.reveal:nth-child(3){transition-delay:.16s}.card.reveal:nth-child(4){transition-delay:.24s}.card{will-change:transform}.card.is-tilting{transition:box-shadow .2s;box-shadow:0 22px 44px rgba(24,62,125,.18)}.btn,.pill{position:relative;overflow:hidden;transition:transform .2s,box-shadow .2s}.btn:hover,.pill:hover{transform:translateY(-2px)}.btn:active,.pill:active{transform:scale(.97)}.ripple{position:absolute;border-radius:50%;background:rgba(255,255,255,.45);transform:scale(0);animation:ripple .6s linear;pointer-events:none}.modal{animation:fadeIn .22s ease}.modal-card{animation:modalPop .3s cubic-bezier(.2,.8,.2,1)}.page-hero{position:relative;overflow:hidden;background-size:110%;animation:bgDrift 12s ease-in-out infinite alternate}.page-hero:after{content:"";position:absolute;inset:-100%;background:linear-gradient(115deg,transparent 45%,rgba(255,255,255,.13) 50%,transparent 55%);animation:shine 6s linear infinite}.tutorial .article{transition:opacity .2s,transform .2s}.tutorial .article.changing{opacity:0;transform:translateX(12px)}.progress-bar{position:fixed;top:0;left:0;height:3px;width:0;background:linear-gradient(90deg,#1769ff,#58d7ff);z-index:99}.back-top{position:fixed;right:24px;bottom:24px;width:46px;height:46px;border:0;border-radius:50%;background:#1769ff;color:#fff;box-shadow:0 10px 25px rgba(23,105,255,.35);cursor:pointer;z-index:30;opacity:0;transform:translateY(20px);transition:.3s}.back-top.show{opacity:1;transform:none}@keyframes deviceFloat{50%{transform:translateY(-14px)}}@keyframes floatGlow{50%{transform:translate(-25px,25px) scale(1.08)}}@keyframes ripple{to{transform:scale(4);opacity:0}}@keyframes fadeIn{from{opacity:0}}@keyframes modalPop{from{opacity:0;transform:translateY(18px) scale(.96)}}@keyframes bgDrift{to{background-size:120%}}@keyframes shine{to{transform:translateX(50%)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}}@media(max-width:960px){.nav-links.mobile-open{display:flex!important;position:fixed;top:74px;left:14px;right:14px;flex-direction:column;padding:18px;background:#fff;border-radius:14px;box-shadow:0 18px 45px rgba(20,40,80,.2);animation:modalPop .25s ease}.hero-dots{left:22px}}