.neon-studio{perspective:1400px;--neon-yaw:0deg;--neon-pitch:0deg;width:100%;min-width:0;max-width:900px;position:relative}.neon-studio-visual{aspect-ratio:1.6;transform:rotateX(var(--neon-pitch)) rotateY(var(--neon-yaw));isolation:isolate;transition:transform .35s ease-out;position:relative}.neon-studio-visual>img,.neon-studio-visual>video{object-fit:contain;width:100%;height:100%;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#000 44%,#0000 76%);mask-image:radial-gradient(#000 44%,#0000 76%)}.neon-studio-visual>video{opacity:0;pointer-events:none}.neon-studio-visual>video.neon-ready{opacity:1}.neon-studio-orbit{z-index:1;pointer-events:none;border:1px solid #48ecff70;border-radius:50%;width:80%;height:31%;position:absolute;top:52%;left:10%;transform:rotate(-10deg)}.neon-studio-orbit:after{content:"";border:2px solid #53f0ff;border-color:#53f0ff #db68fa #0000 #0000;border-radius:50%;animation:13s linear infinite neon-loop;position:absolute;inset:-2px}.neon-studio-orbit-b{opacity:.45;width:54%;height:64%;top:12%;left:24%;transform:rotate(29deg)}.neon-studio-orbit-b:after{animation-duration:19s;animation-direction:reverse}.neon-studio-sweep{pointer-events:none;mix-blend-mode:screen;background:linear-gradient(115deg,#0000 44%,#52d7ff18 49%,#bf70ff25 51%,#0000 56%) 0 0/300% 100%;animation:9s ease-in-out infinite neon-scan;position:absolute;inset:8% 15%}.neon-studio-tag{z-index:2;letter-spacing:.12em;color:#b2f8ff;background:#07162bc9;border:1px solid #53eaff66;border-radius:6px;padding:.5rem .7rem;font-size:clamp(.45rem,.7vw,.65rem);animation:7s ease-in-out infinite neon-hover;position:absolute;box-shadow:0 0 20px #17d6ff14}.neon-studio-tag-a{top:27%;left:4%;rotate:-7deg}.neon-studio-tag-b{color:#edb9ff;border-color:#cb7ff566;animation-delay:-3s;bottom:25%;right:4%;rotate:7deg}.neon-studio-console{border-top:1px solid #3f86a45e;margin:0 8%;padding:1rem 0 0;position:relative}.neon-studio-tabs{gap:.4rem;display:flex}.neon-studio-tabs button{color:#b8cde3;min-height:44px;font:inherit;cursor:pointer;background:#101d32;border:1px solid #30546d;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:.55rem;font-size:.8rem;display:flex}.neon-studio-tabs button>span{color:#798fa8;font-size:.6rem}.neon-studio-tabs [aria-pressed=true]{color:#edfeff;background:linear-gradient(115deg,#174d66,#34305c);border-color:#70e7f1;box-shadow:0 0 22px #19bded18}.neon-studio-copy{min-height:84px;padding-top:1rem}.neon-studio-copy strong{color:#e4f5ff;font-size:.95rem;font-weight:650}.neon-studio-copy p{color:#9eb9d1;margin:.4rem 0 0;font-size:.8rem;line-height:1.55}.neon-studio-motion[hidden]{display:none}.neon-studio-motion{color:#91abc1;min-height:44px;font:inherit;cursor:pointer;background:0 0;border:0;margin:.4rem 0 0 auto;font-size:.65rem;display:block}.neon-studio[data-feature=mobile] .neon-studio-tag-b{border-color:#9ffbff;box-shadow:0 0 22px #47e8ff66}.neon-studio[data-feature=content] .neon-studio-tag-a{border-color:#f2b1ff;box-shadow:0 0 22px #c968ff66}.neon-still *{animation-play-state:paused!important}@keyframes neon-loop{to{transform:rotate(360deg)}}@keyframes neon-scan{0%,to{background-position:120% 0}50%{background-position:-80% 0}}@keyframes neon-hover{0%,to{translate:0}50%{translate:0 -9px}}@media (width<=750px){.neon-studio{max-width:650px}.neon-studio-console{margin:0 2%}.neon-studio-copy{min-height:86px}.neon-studio-copy strong{font-size:.95rem}.neon-studio-copy p{font-size:.85rem}.neon-studio-visual{margin-inline:-.5rem}.neon-studio-tag{padding:.3rem .4rem;font-size:.45rem}.neon-studio-tabs button{font-size:.85rem}.neon-studio-tag-a{left:2%}.neon-studio-tag-b{right:1%}}@media (prefers-reduced-motion:reduce){.neon-studio *{transition:none!important;animation:none!important}.neon-studio-visual{transform:none}}
