:root{--signal-hue:195;--signal-x:64%;--signal-y:38%;--font-disp:"Arial Black","Segoe UI",sans-serif}
body{background:#05080e}
body::before{background:radial-gradient(ellipse at 50% 0%,transparent 35%,#03050a99 100%)}
#signalSpace{position:fixed;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}
.nav,.hero,.marquee,.section,.footer{position:relative}
.nav{position:fixed;border-bottom:1px solid #b8eaff12;background:#050b14a8;backdrop-filter:blur(22px)}
.nav-links{background:#d5edff05;border:1px solid #d5edff0c}
.brand-orb{background:#99e8ff;box-shadow:0 0 24px #6cd9ff88}
.hero.signal-hero{min-height:100svh;padding:115px max(7vw,24px) 26px;display:flex;flex-direction:column;justify-content:center;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at var(--signal-x) var(--signal-y),hsl(var(--signal-hue) 80% 50% / .055),transparent 60%)}
.signal-hero::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(#8de1ff07 1px,transparent 1px),linear-gradient(90deg,#8de1ff07 1px,transparent 1px);background-size:100px 100px;mask-image:linear-gradient(transparent,#0008,transparent)}
.signal-coordinates{width:100%;display:flex;justify-content:space-between;gap:16px;color:#647b8e;font:9px/1.4 monospace;letter-spacing:2px;padding:0 0 32px;border-bottom:1px solid #c1e8ff12}
.signal-layout{width:100%;max-width:1500px;margin:auto;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:2vw;min-height:570px}
.signal-copy{position:relative;z-index:3;padding:34px 0}
.signal-eyebrow{display:flex;align-items:center;gap:10px;font:10px/1.5 monospace;letter-spacing:2px;color:#8edcf1;margin:0 0 25px}
.signal-eyebrow i,.signal-telemetry i{width:5px;height:5px;background:#9decd0;border-radius:50%;box-shadow:0 0 12px #9decd0;display:inline-block}
.signal-title{font-family:"Arial Black","Segoe UI",sans-serif;font-size:clamp(62px,7.8vw,124px);line-height:.94;letter-spacing:-.075em;font-weight:900;margin:0;transform:translate3d(calc(var(--mx,0)*-5px),calc(var(--my,0)*-3px),0)}
.signal-title>span{display:block;white-space:nowrap}
.signal-title .signal-outline{color:transparent;-webkit-text-stroke:1px #c7e6f19c;letter-spacing:-.06em}
.signal-title em{font-style:normal;color:#b2f2ff;text-shadow:0 0 55px #49caff2b}
.signal-signature{display:flex;align-items:center;gap:22px;margin:26px 0 16px}
.signal-signature>span{font-size:19px;font-weight:700;letter-spacing:7px;color:#e3f3ff}
.signal-signature>b{border-left:1px solid #b0ddff44;padding-left:20px;font-size:12px;letter-spacing:3px;color:#b3c5d4;font-weight:400}
.signal-description{font-size:13px;line-height:2;color:#8198aa;letter-spacing:1.5px;margin:0}
.signal-copy .hero-actions{justify-content:flex-start;gap:12px;margin:28px 0 0}
.signal-copy .btn{border-radius:4px;min-height:48px;font-size:12px;letter-spacing:1px;padding:13px 22px;gap:22px}
.signal-copy .btn-primary{background:#b5edff;color:#06131e;box-shadow:0 8px 40px #72caff15;border:1px solid #ccefff}
.signal-copy .btn-primary:hover{background:#d7f7ff;box-shadow:0 0 35px #75d8ff44;transform:translateY(-3px)}
.signal-copy .btn-ghost{background:#80bdff06;border:1px solid #b6d7ff26;color:#b1c5d8}
.signal-telemetry{margin-top:32px;display:flex;gap:28px;font:8px monospace;letter-spacing:1.3px;color:#556d81}
.signal-telemetry span:first-child{color:#89a5b7}.signal-telemetry i{width:4px;height:4px;margin-right:5px;box-shadow:none}
.signal-visual{position:relative;aspect-ratio:1;width:100%;max-width:650px;perspective:900px;transform-style:preserve-3d}
#signalOrbit{position:absolute;inset:-12%;width:124%;height:124%;pointer-events:none;z-index:2}
#signalOrbitBack{position:absolute;inset:-12%;width:124%;height:124%;pointer-events:none;z-index:0}
.signal-motion{position:absolute;left:4%;top:5%;z-index:6;color:#9ecde0;font:9px/1.5 monospace;letter-spacing:1px;border:1px solid #90cfff29;border-radius:4px;padding:7px 10px;background:#07111ccc;backdrop-filter:blur(10px)}
.signal-motion:hover{border-color:#b0eeff88;color:#dcf6ff}.signal-motion:focus-visible{outline:2px solid #b1eaff;outline-offset:4px}
.signal-axis{position:absolute;pointer-events:none;background:#a6dcff15;z-index:0}.axis-x{top:50%;left:-8%;width:116%;height:1px}.axis-y{top:0;left:50%;width:1px;height:100%}
.signal-axis::before,.signal-axis::after{content:"+";position:absolute;color:#90adc0;font:12px monospace;line-height:1;top:-6px}.signal-axis::after{right:0}
.signal-portrait{position:absolute;inset:23%;z-index:1;transform-style:preserve-3d;transform:rotateX(calc(var(--my,0)*-13deg)) rotateY(calc(var(--mx,0)*16deg)) rotateZ(-7deg);border:1px solid #b0e9ff66;padding:8px;background:#10233477;box-shadow:16px 20px 0 -1px #05101c,17px 21px 0 #9ee6ff26,0 0 100px #38a5e51a;will-change:transform;transition:box-shadow .5s}
.signal-portrait img{width:100%;height:100%;object-fit:cover;filter:grayscale(.65) contrast(1.08);clip-path:polygon(0 0,90% 0,100% 10%,100% 100%,10% 100%,0 90%)}
.portrait-shine{position:absolute;inset:8px;background:linear-gradient(135deg,#71caff22,transparent 45%,#c7c1ff18);pointer-events:none;mix-blend-mode:screen}
.portrait-corner{position:absolute;width:25px;height:25px;border-color:#c1f5ff;filter:drop-shadow(0 0 6px #89dcff)}.corner-a{top:-4px;left:-4px;border-left:2px solid;border-top:2px solid}.corner-b{bottom:-4px;right:-4px;border-right:2px solid;border-bottom:2px solid}
.signal-tag{position:absolute;z-index:4;backdrop-filter:blur(18px);background:linear-gradient(125deg,#102637bd,#081320ce);border:1px solid #a0dfff2b;border-radius:5px;box-shadow:0 18px 50px #0005;padding:14px 18px;transform:translate3d(calc(var(--mx,0)*16px),calc(var(--my,0)*12px),30px)}
.signal-tag span{display:block;font:8px/1.5 monospace;letter-spacing:1.6px;color:#74a4bb}.signal-tag b{display:block;margin-top:4px;font:11px/1.5 monospace;letter-spacing:1.3px;color:#d6f4ff;font-weight:400}.tag-top{top:15%;right:-1%}.tag-bottom{bottom:12%;left:2%;width:180px}.tag-bottom b{font:13px/1.8 var(--font);letter-spacing:2px}
.signal-wave{height:20px;display:flex;gap:4px;align-items:center;margin-top:10px}.signal-wave i{width:3px;background:#88d8ed;box-shadow:0 0 8px #75def955;height:35%;animation:signal-wave 1.5s ease-in-out infinite alternate}.signal-wave i:nth-child(3n){height:95%;animation-delay:-.3s}.signal-wave i:nth-child(3n + 1){height:60%;animation-delay:-.8s}.signal-wave i:nth-child(2n){animation-delay:-1.2s}
@keyframes signal-wave{to{transform:scaleY(.3);opacity:.5}}
.signal-number{position:absolute;right:8%;bottom:7%;font:9px monospace;letter-spacing:4px;color:#56758e;transform:rotate(-90deg)}
.signal-bottom{width:100%;max-width:1500px;margin:0 auto;border-top:1px solid #bce7ff1c;display:flex;justify-content:space-between;align-items:center;padding-top:23px;gap:24px}
.signal-bottom .hero-stats{margin:0;justify-content:flex-start;gap:25px}.signal-bottom .stat{display:flex;align-items:center;gap:10px}.signal-bottom .stat b{font:22px/1.2 monospace;letter-spacing:-1px;color:#d7ecfb}.signal-bottom .stat span{font-size:9px;color:#657f94;letter-spacing:1px}.signal-bottom .stat-sep{height:18px}
.signal-shift{display:flex;align-items:center;gap:14px;font-size:10px;color:#8ca8bb;letter-spacing:1px;padding:8px 0}.signal-shift:hover{color:#d5f4ff}.shift-swatches{display:flex}.shift-swatches i{width:9px;height:9px;border-radius:50%;background:#82ddff;margin-left:-2px;border:1px solid #05080e}.shift-swatches i:nth-child(2){background:#b7a0ff}.shift-swatches i:nth-child(3){background:#b6ffe0}
.marquee{z-index:1;background:#070e18a8;border-color:#94c9ff15}
.section{z-index:1;background:linear-gradient(#070c15d9,#050910b8);border-color:#8cbff519}
.player-card{border-color:#91d5ff26;box-shadow:0 24px 90px #0004}.section-kicker{color:#87d9f2}
.signal-shift:focus-visible,.signal-copy a:focus-visible{outline:2px solid #a5e9ff;outline-offset:6px}
@media(min-width:651px){.signal-shift{margin-right:145px}}
@media(min-width:1600px){.signal-layout{min-height:660px}.signal-hero{padding-top:140px!important}}
@media(max-width:1000px){.hero.signal-hero{padding:110px 5vw 25px}.signal-layout{min-height:510px;grid-template-columns:1.1fr 1fr;gap:0}.signal-title{font-size:8vw}.signal-tag{padding:10px 12px}.tag-top{right:-4%;top:10%}.tag-bottom{left:-2%;bottom:6%;width:150px}.signal-telemetry{gap:12px;font-size:7px}.signal-bottom .stat{display:block}.signal-bottom .stat span{display:block;margin-top:4px}}
@media(max-width:650px){.hero.signal-hero{padding:95px 23px 24px}.signal-coordinates{font-size:7px;letter-spacing:1px;padding-bottom:18px}.signal-layout{grid-template-columns:1fr;gap:0;min-height:0}.signal-copy{padding:32px 0 0}.signal-eyebrow{font-size:8px;letter-spacing:1.4px;margin-bottom:20px}.signal-title{font-size:clamp(56px,12.5vw,80px)}.signal-signature{margin-top:20px;gap:16px}.signal-signature>b{font-size:10px;padding-left:16px;letter-spacing:2px}.signal-description{font-size:12px}.signal-copy .hero-actions{flex-direction:row;margin-top:22px;gap:8px}.signal-copy .btn{font-size:10px;padding:12px 14px;gap:12px;min-height:44px}.signal-telemetry{display:none}.signal-visual{width:88%;max-width:370px;margin:-5px auto 4px}.signal-portrait{inset:24%}.tag-top{top:15%;right:-4%}.tag-bottom{bottom:9%;left:-5%;width:144px}.signal-tag span{font-size:7px}.signal-tag b{font-size:9px}.signal-wave{height:14px}.signal-bottom{gap:16px;flex-wrap:wrap;padding-top:18px}.signal-bottom .hero-stats{gap:18px}.signal-bottom .stat b{font-size:18px}.signal-bottom .stat span{font-size:8px}.signal-shift{font-size:8px;gap:9px}.signal-shift>span:last-child{display:none}.nav .brand-sub{display:none}}
/* Pointer-driven depth stays available when ambient animations are reduced. */
.signal-copy{perspective:1000px}
.signal-title{transform:translate3d(var(--title-x,0px),var(--title-y,0px),25px) rotateX(var(--title-rx,0deg)) rotateY(var(--title-ry,0deg));transform-style:preserve-3d;will-change:transform;transform-origin:45% 50%}
.signal-title>span{transform:translateZ(28px)}
.signal-title>span:last-child{transform:translateZ(60px);text-shadow:3px 4px 0 #142633,7px 9px 25px #0006}
.signal-signature,.signal-description{transform:translate3d(var(--detail-x,0px),var(--detail-y,0px),0);will-change:transform}
.signal-visual{transform:translate3d(var(--visual-x,0px),var(--visual-y,0px),0);transform-style:flat;will-change:transform}
.signal-portrait{transform:translate3d(var(--portrait-x,0px),var(--portrait-y,0px),45px) rotateX(var(--portrait-rx,0deg)) rotateY(var(--portrait-ry,0deg)) rotateZ(-5deg);transform-origin:center;transition:box-shadow .3s}
.signal-portrait img{transform:translate3d(var(--photo-x,0px),var(--photo-y,0px),12px) scale(1.04);will-change:transform}
.portrait-shine{background:radial-gradient(circle at var(--light-x,50%) var(--light-y,50%),#b8eeff66,transparent 62%);mix-blend-mode:screen}
.signal-visual.is-pointed .signal-portrait{box-shadow:18px 24px 0 -1px #05101c,19px 25px 0 #9ee6ff66,0 0 85px #55c8ff38}
.signal-tag{transform:translate3d(var(--tag-x,0px),var(--tag-y,0px),75px);will-change:transform}
.signal-tag.tag-bottom{transform:translate3d(var(--portrait-x,0px),var(--portrait-y,0px),100px)}
@media(prefers-reduced-motion:reduce){.signal-wave i{animation:none}}