/* LYRA motion layers. All essential content remains visible without JavaScript. */
.hero-depth{position:absolute;inset:0 0 auto;height:1100px;z-index:-2;pointer-events:none;overflow:hidden;mask-image:linear-gradient(#000 0%,#000 64%,transparent 100%)}
.nebula-layer{position:absolute;inset:-140px -90px;background:url('assets/lyra-nebula.png') 60% 35%/cover no-repeat;opacity:.62;transform:translate3d(var(--space-x,0px),var(--space-y,0px),0) scale(1.09);will-change:transform}
.hero-depth:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#060911c4 2%,#06091188 35%,#06091112 85%),linear-gradient(0deg,#060911,transparent 40%)}
.signal-dust{position:absolute;inset:-80px;background-image:radial-gradient(circle,#d8f0ffb3 .8px,transparent 1.8px),radial-gradient(circle,#8ab8fa80 1px,transparent 2px),radial-gradient(circle,#d0bfff80 .8px,transparent 1.5px);background-position:20px 40px,110px 120px,65px 20px;background-size:173px 191px,277px 251px,337px 301px;opacity:.45;transform:translate3d(var(--dust-x,0px),var(--dust-y,0px),0);will-change:transform}
.light-veils{position:absolute;inset:0;background:radial-gradient(ellipse at 75% 30%,#8acbff29,transparent 40%),radial-gradient(ellipse at 30% 65%,#8670dd26,transparent 45%);animation:lyra-breathe 9s ease-in-out infinite alternate}
.hero-glow{background:radial-gradient(ellipse at 70% 18%,#6053d414,transparent 40%)}
.hero-title{background-image:linear-gradient(110deg,#fff 20%,#c7e9ff 38%,#a4abd8 52%,#fff 65%,#c0e7ff 80%);background-size:230% 100%;animation:title-shimmer 13s ease-in-out infinite alternate}
.hero-copy{position:relative;z-index:1}.melody-map{transform:translate3d(var(--map-x,0px),var(--map-y,0px),0);will-change:transform;background:radial-gradient(ellipse,#12254482,transparent 69%)}
.map-node circle{transform-box:fill-box;transform-origin:center;animation:signal-breathe 4.8s ease-in-out infinite}.map-node circle:nth-child(2){animation-delay:.6s}.map-node circle:nth-child(3){animation-delay:1.2s}.map-node circle:nth-child(4){animation-delay:1.8s}
.melody-line{animation:draw 2.2s .3s ease forwards;filter:drop-shadow(0 0 5px #7edcff70)}
.melody-comet{fill:#e3f6ff;filter:drop-shadow(0 0 7px #7edcff);offset-path:path('M80 248L215 132L350 91L485 195');animation:trace-melody 6s linear infinite;offset-rotate:0deg}
.product-stage{perspective:1800px}.product-image{transform:translate3d(0,var(--stage-y,0px),0) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transform-origin:50% 60%;will-change:transform;box-shadow:0 35px 100px #0009,0 0 55px #738de32b;transition:box-shadow .5s}
.product-image:after,.feature-card:after{content:'';position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:radial-gradient(550px circle at var(--spot-x,50%) var(--spot-y,30%),#b2d9ff19,transparent 55%);opacity:var(--spot-opacity,0);transition:opacity .4s}
.product-image:hover{box-shadow:0 35px 100px #0009,0 0 65px #738de348}.feature-card{position:relative;overflow:hidden;transition:transform .4s,border-color .4s,box-shadow .4s}.feature-card:hover{transform:translateY(-7px);border-color:#a3c9f556;box-shadow:0 20px 50px #0005}.feature-card:before{content:'';position:absolute;top:0;left:20%;right:20%;height:1px;background:linear-gradient(90deg,transparent,var(--accent),transparent);opacity:.7}
.feature-card:hover .note-diagram i{animation:note-glimmer 1.8s ease-in-out infinite alternate}.feature-card:hover .note-diagram i:nth-child(2){animation-delay:.25s}.feature-card:hover .note-diagram i:nth-child(3){animation-delay:.5s}.feature-card:hover .chord-diagram i{box-shadow:0 0 12px #b49afd66}.button{transition:transform .25s,background .25s,box-shadow .25s,border-color .25s}.button:hover{transform:translateY(-3px)}.button-primary{position:relative;overflow:hidden}.button-primary:after{content:'';position:absolute;inset:-100% auto -100% -55%;width:30%;background:linear-gradient(90deg,transparent,#fff7,transparent);transform:skewX(-25deg);transition:left .6s}.button-primary:hover:after{left:125%}
.workflow-visual{transform:translateY(var(--workflow-y,0px));will-change:transform}.closing{position:relative;isolation:isolate;overflow:hidden}.closing:before{content:'';position:absolute;inset:-50% 0;z-index:-1;background:url('assets/lyra-nebula.png') 70% 60%/cover;opacity:.18;mask-image:radial-gradient(ellipse at center,#000,transparent 65%);transform:translateY(var(--closing-y,0px));will-change:transform}.closing-inner>img{filter:drop-shadow(0 0 25px #8ab4ffc0);animation:signal-breathe 5s ease-in-out infinite}
.motion-toggle{margin-left:-28px;width:34px;height:34px;flex-shrink:0;border:1px solid #8199bf38;background:#101828aa;border-radius:50%;display:grid;place-items:center;line-height:1;font-size:1.25rem;color:var(--cyan)}.motion-toggle:hover{border-color:var(--cyan)}.motion-toggle[aria-pressed=true]{color:#9aabc3}.motion-toggle span{animation:motion-icon 12s linear infinite}.motion-reveal{transition:opacity .8s cubic-bezier(.16,1,.3,1),translate .9s cubic-bezier(.16,1,.3,1),filter .8s}.motion-reveal.is-pending{opacity:0;translate:0 34px;filter:blur(4px)}.motion-reveal.is-visible{opacity:1;translate:0 0;filter:none}.feature-card.motion-reveal{transition-delay:var(--reveal-delay,0ms)}
html[data-motion=off] .nebula-layer,html[data-motion=off] .signal-dust,html[data-motion=off] .melody-map,html[data-motion=off] .product-image,html[data-motion=off] .workflow-visual,html[data-motion=off] .closing:before{transform:none;will-change:auto}
html[data-motion=off] *,html[data-motion=off] *:before,html[data-motion=off] *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}html[data-motion=off] .motion-reveal{opacity:1;translate:none;filter:none}html[data-motion=off] .melody-line{stroke-dashoffset:0}html[data-motion=off] .melody-comet{display:none}html[data-motion=off] .feature-card:hover,html[data-motion=off] .button:hover{transform:none}html[data-motion=off] .signal-dust{opacity:.25}
html[data-page-hidden] *{animation-play-state:paused!important}
@keyframes lyra-breathe{from{opacity:.4;transform:translate(-2%,2%) scale(.95)}to{opacity:1;transform:translate(3%,-2%) scale(1.06)}}@keyframes title-shimmer{from{background-position:100% 50%}to{background-position:0% 50%}}@keyframes signal-breathe{0%,100%{opacity:.45;scale:.92}50%{opacity:1;scale:1.15}}@keyframes trace-melody{0%{offset-distance:0%;opacity:0}5%,85%{opacity:1}100%{offset-distance:100%;opacity:0}}@keyframes note-glimmer{to{box-shadow:0 0 20px #7edcff99;opacity:.6}}@keyframes motion-icon{to{rotate:360deg}}
@media(max-width:1050px){.header-inner{gap:25px}.motion-toggle{margin-left:-10px}.desktop-nav{gap:24px}}
@media(max-width:760px){.hero-depth{height:1000px}.nebula-layer{opacity:.48;background-position:57% center}.header-inner{gap:10px}.header-cta{font-size:.75rem;gap:8px;padding:8px 10px}.motion-toggle{margin-left:0;width:30px;height:30px}.menu-toggle{width:34px;height:34px;padding:7px}.product-image,.workflow-visual{transform:none!important}.melody-map{will-change:auto}.feature-card:hover{transform:none}.motion-reveal.is-pending{translate:0 22px}}
@media(prefers-reduced-motion:reduce){.nebula-layer,.signal-dust,.melody-map,.product-image,.workflow-visual,.closing:before{transform:none!important;will-change:auto}.motion-reveal{opacity:1!important;translate:none!important;filter:none!important}.melody-comet{display:none}.feature-card:hover,.button:hover{transform:none}.product-image:after,.feature-card:after{display:none}}
@media(max-width:1050px){.desktop-nav{display:none}.header-inner{gap:15px}.header-cta{margin-left:auto}.motion-toggle{margin-left:0}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:6px;background:#101828aa;border:1px solid var(--line);padding:9px;width:36px;height:36px;border-radius:3px;flex-shrink:0}.menu-toggle span{height:1px;width:16px;background:#d0ddef}}
@media(max-width:380px){.header-inner{gap:9px}.header-cta{padding:7px 8px;gap:7px}.header-cta span{display:none}}