/* VEYN / SIGNAL LAB. Decorative layers never intercept product controls. */
.network-header{background:#08070bcc;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.fx-toggle{display:flex;align-items:center;gap:7px;min-height:44px;padding:0 3px;background:none;color:#b9adc9;font:9px var(--mono);letter-spacing:.05em;white-space:nowrap}.fx-toggle:before{content:'';width:4px;height:4px;background:#a78bfa;box-shadow:0 0 9px #a78bfa}.fx-toggle[aria-pressed=false]:before{background:#655f6d;box-shadow:none}.fx-toggle:hover{color:var(--ink)}
.hero-copy{background:radial-gradient(ellipse at 0 75%,#30164435,transparent 66%)}.hero-copy h1 .dim{color:#bea0ed;background:linear-gradient(110deg,#f1dfff 5%,#bca0e8 40%,#70508b 90%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero-copy .eyebrow{line-height:1.9}.hero-foot .status-dot{box-shadow:0 0 12px #aa73ff}
.signal-stage{--signal-x:50%;--signal-y:45%;--tilt-x:0deg;--tilt-y:0deg;--drift-x:0px;--drift-y:0px;background:#0b0811;isolation:isolate}.signal-stage .campaign-placeholder{background:radial-gradient(ellipse at var(--signal-x) var(--signal-y),#7944ad45,transparent 56%),radial-gradient(ellipse at 50% 100%,#391c5a55,transparent 60%),#0b0811}.signal-stage .campaign-media{z-index:1}.signal-stage .artifact{position:relative;z-index:2;width:74%;max-height:75%;animation:none;transform:perspective(900px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y)) rotate(-12deg) translate(var(--drift-x),var(--drift-y));filter:drop-shadow(0 18px 20px #000b) drop-shadow(0 0 16px #b392e51a);transition:transform .45s cubic-bezier(.2,.7,.2,1),filter .5s}.signal-stage .artifact-code{z-index:1;opacity:.44;left:8%;width:84%;bottom:15%;max-height:65%;transform:translateY(var(--depth-shift,0px));transition:transform .25s ease-out}.signal-stage .emblem-light{z-index:3;width:74%}.signal-stage .visual-meta{display:none}
.signal-field{position:absolute;z-index:0;inset:0;pointer-events:none;background-image:linear-gradient(#b89ad308 1px,transparent 1px),linear-gradient(90deg,#b89ad308 1px,transparent 1px);background-size:42px 42px;mask-image:radial-gradient(ellipse,#000 25%,transparent 78%)}.signal-orbit{position:absolute;left:50%;top:49%;width:84%;aspect-ratio:1;border:1px solid #ad80db45;border-radius:50%;transform:translate(-50%,-50%) rotate(-28deg) scaleY(.64)}.signal-orbit:before{content:'';position:absolute;inset:12%;border:1px dashed #c4a4df20;border-radius:50%}.signal-orbit:after{content:'';position:absolute;inset:-12%;border:1px solid #b98cdf14;border-radius:50%}.signal-orbit.orbit-cross{transform:translate(-50%,-50%) rotate(52deg) scaleY(.64);opacity:.6}.signal-satellite{position:absolute;inset:-1px;border:1px solid transparent;border-top-color:#cf9effb3;border-radius:50%;animation:signal-orbit 22s linear infinite;animation-play-state:paused}.signal-satellite:after{content:'';position:absolute;left:14%;top:14%;width:4px;height:4px;border-radius:50%;background:#ddbbff;box-shadow:0 0 12px #bf80ff}.signal-stage.is-in-view .signal-satellite{animation-play-state:running}@keyframes signal-orbit{to{transform:rotate(360deg)}}
.signal-stage:before,.signal-stage:after{content:'';position:absolute;z-index:4;pointer-events:none;inset:23px;border:1px solid #ae8ac836;clip-path:polygon(0 0,18px 0,18px 1px,calc(100% - 18px) 1px,calc(100% - 18px) 0,100% 0,100% 18px,calc(100% - 1px) 18px,calc(100% - 1px) calc(100% - 18px),100% calc(100% - 18px),100% 100%,calc(100% - 18px) 100%,calc(100% - 18px) calc(100% - 1px),18px calc(100% - 1px),18px 100%,0 100%,0 calc(100% - 18px),1px calc(100% - 18px),1px 18px,0 18px)}.signal-stage:after{inset:50% 0 auto;height:1px;background:linear-gradient(90deg,#ba8be025,transparent 30%,transparent 70%,#ba8be025);border:0;clip-path:none}
.signal-telemetry{position:absolute;z-index:5;top:38px;left:38px;right:38px;display:flex;justify-content:space-between;gap:16px;font:8px/1.8 var(--mono);letter-spacing:.06em;color:#bc9cd3;pointer-events:none}.signal-telemetry>span:last-child{text-align:right;color:#9683a7}.signal-dot{display:inline-block;width:4px;height:4px;margin:0 6px 1px 0;background:#d3aaff;box-shadow:0 0 9px #b67bff}.signal-console{position:absolute;z-index:5;left:38px;right:38px;bottom:37px;display:flex;align-items:center;justify-content:space-between;gap:18px}.signal-readout{font:8px/1.9 var(--mono);letter-spacing:.05em;color:#a69ab5;max-width:180px}.signal-readout strong{display:block;font-weight:400;color:#e0c5fc}.signal-scan{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:44px;padding:12px 16px;border:1px solid #b591d365;background:#181020b3;color:#e4cffb;font:9px var(--mono);letter-spacing:.07em;white-space:nowrap;transition:background .2s,border-color .2s,box-shadow .2s}.signal-scan:hover{background:#382346;border-color:#c699ec;box-shadow:0 0 24px #a46ce41a}.signal-scan svg{width:14px;height:14px}.signal-scan[aria-disabled=true]{opacity:1;cursor:progress}.signal-scanline{position:absolute;z-index:4;left:0;right:0;top:0;height:24%;opacity:0;pointer-events:none;background:linear-gradient(transparent,#c195ff10 95%,#cba2fb80);transform:translateY(-100%)}.signal-stage.is-scanning .signal-scanline{animation:signal-scan 1.1s cubic-bezier(.3,.3,.5,1) both}.signal-stage.is-scanning .artifact{filter:drop-shadow(0 18px 20px #000b) drop-shadow(0 0 23px #c58dff90)}@keyframes signal-scan{0%{transform:translateY(-100%);opacity:0}10%,85%{opacity:1}100%{transform:translateY(450%);opacity:0}}
.signal-break{position:relative;overflow:hidden;align-items:center;background:linear-gradient(90deg,#180e2266,transparent 60%);min-height:76px}.signal-break:before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:#9c6bd2}.signal-phrase{color:#d9c5ed}.signal-wave{display:flex;gap:4px;align-items:center;height:24px;flex:1;justify-content:center;max-width:180px;opacity:.7}.signal-wave i{width:2px;height:var(--bar,8px);background:#a47aca;transform:scaleY(.55);animation:signal-wave 1.7s ease-in-out var(--beat,0s) infinite alternate;animation-play-state:paused}.signal-break.is-in-view .signal-wave i{animation-play-state:running}@keyframes signal-wave{to{transform:scaleY(1)}}
.product-image,.gallery-frame{background:radial-gradient(ellipse at 50% 40%,#231b2c,transparent 75%),#0e0d11}.product-image{--signal-x:50%;--signal-y:50%;transition:border-color .3s,background .3s}.product-image:before{content:'';position:absolute;z-index:1;inset:0;pointer-events:none;background:radial-gradient(ellipse 230px 300px at var(--signal-x) var(--signal-y),#b48bdf14,transparent);opacity:0;transition:opacity .4s}.product-image:after{content:'';position:absolute;z-index:3;inset:12px;pointer-events:none;border:1px solid #c5a2ef65;clip-path:polygon(0 0,14px 0,14px 1px,calc(100% - 14px) 1px,calc(100% - 14px) 0,100% 0,100% 14px,calc(100% - 1px) 14px,calc(100% - 1px) calc(100% - 14px),100% calc(100% - 14px),100% 100%,calc(100% - 14px) 100%,calc(100% - 14px) calc(100% - 1px),14px calc(100% - 1px),14px 100%,0 100%,0 calc(100% - 14px),1px calc(100% - 14px),1px 14px,0 14px);opacity:0;transform:scale(.97);transition:opacity .3s,transform .3s}.product-image:is(:hover,:focus-visible){border-color:#7c599e}.product-image:is(:hover,:focus-visible):before,.product-image:is(:hover,:focus-visible):after{opacity:1;transform:none}.card-inspect{position:absolute;z-index:4;bottom:22px;left:50%;transform:translate(-50%,8px);display:flex;align-items:center;gap:14px;padding:10px 14px;border:1px solid #9f7cbd77;background:#140e1de6;color:#e6d2fa;font:9px var(--mono);opacity:0;transition:opacity .25s,transform .25s;pointer-events:none;white-space:nowrap}.card-inspect svg{width:13px;height:13px}.product-image:is(:hover,:focus-visible) .card-inspect{opacity:1;transform:translate(-50%,0)}
.button{position:relative;overflow:hidden}.button:not(:disabled):after{content:'';pointer-events:none;position:absolute;top:-50%;bottom:-50%;left:-60%;width:35%;background:linear-gradient(90deg,transparent,#ffffff35,transparent);transform:skewX(-20deg) translateX(0);transition:transform .7s}.button:not(:disabled):hover:after{transform:skewX(-20deg) translateX(550%)}.button svg,.text-link svg{transition:transform .25s}.button:not(:disabled):hover svg,.text-link:hover svg{transform:translate(2px,-2px)}.button:not(:disabled):active{transform:translateY(1px)}.variant-choice[aria-checked=true]{background:#a576d410;box-shadow:inset 0 0 18px #a576d40b}.archive-file>summary{transition:background .25s,padding .25s}.archive-file>summary:hover{background:linear-gradient(90deg,#25172d88,transparent);padding-left:12px}.archive-file[open] .archive-art{background:radial-gradient(ellipse,#51316c55,transparent 70%),#100c15}.archive-file[open] .archive-art img{filter:invert(1) drop-shadow(0 0 18px #b886ff55)}.archive-file[open] .archive-content{animation:signal-file .45s ease-out}@keyframes signal-file{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.statement{background:radial-gradient(ellipse at 90% 50%,#26103533,transparent 65%)}.campaign-wide{border-block:1px solid #493252}.campaign-wide .campaign-placeholder{background:radial-gradient(ellipse at 70% 40%,#48236166,transparent 65%),#0b0910}.network-footer{background:radial-gradient(ellipse at 0 100%,#2c153b40,transparent 65%)}.terminal{background-image:radial-gradient(ellipse at 75% 25%,#3f195522,transparent 60%),linear-gradient(#bc8af504 1px,transparent 1px),linear-gradient(90deg,#bc8af504 1px,transparent 1px);background-size:auto,48px 48px,48px 48px}.terminal-brand{color:#eee4f7;text-shadow:3px 0 #9b62cc33,-3px 0 #63468c22}.terminal-top{border-bottom:1px solid #392748;padding-bottom:18px}.terminal-auth{background:linear-gradient(90deg,#29133525,transparent)}
.bag-confirm{animation:signal-bag .6s ease-out}@keyframes signal-bag{35%{color:#d0a4ff;filter:drop-shadow(0 0 8px #b17af2);transform:translateY(-3px)}100%{transform:none}}
@media(min-width:761px){.hero-visual.signal-stage{min-height:650px}.hero-copy{padding-bottom:110px}.hero-copy h1{font-size:clamp(76px,8.6vw,148px)}.signal-stage .artifact{width:78%}}
@media(max-width:760px){.header-tools{gap:17px}.fx-toggle{font-size:8px;gap:6px}.signal-stage .artifact{width:68%;max-height:65%}.hero-visual.signal-stage,.hero-visual.signal-stage .campaign-placeholder{min-height:clamp(340px,68vw,460px)}.signal-stage .artifact-code{bottom:18%;max-height:60%;width:74%;left:13%;opacity:.38}.signal-stage:before{inset:16px}.signal-telemetry{top:27px;left:28px;right:28px;font-size:7px}.signal-console{left:28px;right:28px;bottom:26px;gap:12px}.signal-readout{font-size:7px}.signal-scan{padding:10px 12px;font-size:8px;gap:12px}.signal-wave{max-width:75px;gap:3px}.signal-wave i:nth-child(n+12){display:none}.signal-break{min-height:72px;gap:15px}.signal-break span:last-child{font-size:8px;max-width:100px}.signal-phrase{max-width:140px;line-height:1.8}.card-inspect{display:none}.product-image:after{inset:7px}.archive-file>summary:hover{padding-left:0}}
@media(max-width:380px){.signal-wave{display:none}.signal-readout{max-width:135px}.signal-console{left:25px;right:25px}.signal-telemetry{left:25px;right:25px}.hero-foot{font-size:8px}}
/* Motion can be disabled without losing the atmosphere or any interaction. */
.signal-off .signal-satellite,.signal-off .signal-wave i{animation-play-state:paused!important}.signal-off .signal-stage .artifact{transform:rotate(-12deg)}.signal-off .signal-stage .artifact-code{transform:none}.signal-off .signal-scanline{animation:none!important}.signal-off .bag-confirm,.signal-off .archive-file[open] .archive-content{animation:none!important}.signal-off .button:after{display:none}.signal-off .signal-stage .artifact,.signal-off .product-image:after,.signal-off .button svg,.signal-off .text-link svg{transition:none}
@media(prefers-reduced-motion:reduce){.signal-satellite,.signal-wave i,.signal-scanline,.bag-confirm{animation:none!important}.signal-stage .artifact{transform:rotate(-12deg)!important}.signal-stage .artifact-code{transform:none!important}.button:after{display:none}}