.landing-shell{background:radial-gradient(at 83% 5%,#61228c26,#0000 43%),#0b0812}.landing-shell>header{border-bottom:1px solid #dbbdff0c}.landing-gradient-text{color:#d3afff;-webkit-text-fill-color:transparent;background:linear-gradient(100deg,#efdcff 0%,#c699fc 55%,#ab78ee 100%);-webkit-background-clip:text;background-clip:text}.landing-hero-stage{perspective:1000px}.landing-hero-stage:before{content:"";pointer-events:none;background:radial-gradient(#a55de323,#0000 62%);position:absolute;inset:8% -12%}.landing-orbit{border:1px solid #d5b5ff18;border-radius:50%;position:absolute;inset:5% -10%;transform:rotate(-22deg)rotateX(55deg);box-shadow:inset 0 1px #e4cbff0a,0 0 40px #a76ce609}.landing-feature{transition:border-color .3s;position:relative}.landing-feature-icon{color:#e5cfff;background:linear-gradient(140deg,#74529a,#342146 70%);border:1px solid #e3c8ff30;border-radius:17px;place-items:center;width:56px;height:56px;transition:transform .4s;display:grid;transform:rotate(-6deg)perspective(500px)rotateY(-12deg);box-shadow:inset 1px 1px #f1ddff33,3px 5px #180f25,0 14px 28px #08020d66}.landing-feature:hover{border-color:#c3a0f744}.landing-feature:hover .landing-feature-icon{transform:rotate(0)perspective(500px)rotateY(0)translateY(-4px)}.landing-finale{isolation:isolate;background:linear-gradient(130deg,#291638,#160f20);border-top:1px solid #d2afff21;border-bottom:1px solid #d2afff16;min-width:0;margin-bottom:3rem;padding-left:1.5rem;padding-right:1.5rem;position:relative}.landing-finale>*{z-index:1;position:relative}.landing-finale button{background:#170f22cc;box-shadow:inset 0 1px #f2dbff0a}@media (min-width:1024px){.landing-finale{flex-direction:column;justify-content:center;align-items:flex-start;gap:1.5rem;min-height:310px;padding:3rem}.landing-finale:before{content:"";z-index:-1;background-image:linear-gradient(90deg,#140c21 0%,#140c21f5 42%,#140c2166 75%),url(/branding/Musically-banner-v2.webp);background-position:100%;background-size:cover;position:absolute;inset:0}}@media (max-width:639px){.landing-shell{background:radial-gradient(at 95% 3%,#61228c1a,#0000 34%),#0b0812}.landing-hero h1{font-size:clamp(2.8rem,12vw,4rem)}.landing-feature-icon{border-radius:14px;width:46px;height:46px;transform:none;box-shadow:inset 1px 1px #f1ddff22,2px 3px #180f25}.landing-finale{margin-bottom:1.5rem;padding-left:1.25rem;padding-right:1.25rem}}@media (prefers-reduced-motion:reduce){.landing-feature-icon{transition:none;transform:none!important}}
