:root{--bg:#07090c;--panel:#0d1015;--panel2:#11151b;--text:#f6f4ef;--muted:#a7a8aa;--line:#252930;--orange:#ff5a1f;--orange2:#ff8b2b;--blue:#4fc3ff;--max:1240px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;line-height:1.55}a{color:inherit}.skip{position:absolute;left:-9999px}.skip:focus{left:10px;top:10px;z-index:99;background:#fff;color:#000;padding:10px}.top{height:76px;max-width:var(--max);margin:auto;padding:0 24px;display:flex;align-items:center;border-bottom:1px solid #ffffff12;gap:28px}.logo{text-decoration:none;font-size:21px;font-weight:900;letter-spacing:-.05em;line-height:.8}.logo b{color:var(--orange)}.logo small{display:block;font-size:8px;letter-spacing:.22em;margin-top:7px;color:#7e8288}.top nav{margin-left:auto;display:flex;gap:24px}.top nav a{text-decoration:none;font-size:13px;color:#c5c5c6}.pill{border:1px solid #ffffff25;border-radius:999px;padding:8px 14px;text-decoration:none;font-size:12px;font-weight:700}.hero{max-width:var(--max);margin:auto;padding:86px 24px 68px;min-height:710px;display:grid;grid-template-columns:1.02fr .98fr;align-items:center;overflow:hidden}.kicker{font-size:11px;font-weight:900;letter-spacing:.16em;color:var(--orange);margin:0 0 15px}.hero h1,.section h2,.closing h2{font-size:clamp(45px,6vw,82px);line-height:.98;letter-spacing:-.065em;margin:0}.hero h1 em{font-style:normal;color:#8c8f94}.intro{font-size:19px;color:#b4b5b7;max-width:650px;margin:28px 0}.actions{display:flex;gap:12px;flex-wrap:wrap}.btn{padding:13px 18px;border-radius:7px;text-decoration:none;font-size:13px;font-weight:900}.orange{background:linear-gradient(90deg,var(--orange),var(--orange2));color:white}.ghost{border:1px solid #ffffff24;background:#ffffff07}.micro{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:30px;color:#777c83;font-size:10px;font-weight:800;letter-spacing:.07em}.micro i{width:3px;height:3px;background:var(--orange);border-radius:50%}.heroPic{position:relative}.heroPic img{position:relative;width:112%;height:auto;transform:translateX(-3%);filter:drop-shadow(0 45px 60px #000)}.orb{position:absolute;width:480px;height:480px;border-radius:50%;background:radial-gradient(circle,#ff5a1f28,transparent 65%);left:10%;top:10%}.numbers{max-width:var(--max);margin:auto;border-top:1px solid #ffffff14;border-bottom:1px solid #ffffff14;display:grid;grid-template-columns:repeat(4,1fr)}.numbers div{padding:26px 24px;border-left:1px solid #ffffff12}.numbers div:first-child{border-left:0}.numbers strong{display:block;font-size:27px;letter-spacing:-.04em}.numbers span{color:#777d85;font-size:11px;text-transform:uppercase;letter-spacing:.08em}.section{max-width:var(--max);margin:auto;padding:105px 24px}.section header{max-width:820px;margin-bottom:42px}.section h2,.closing h2{font-size:clamp(38px,4.6vw,64px)}.section header>p:last-child{color:var(--muted);font-size:17px;max-width:760px}.tabs{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:12px}.tabs button{border:1px solid #2a2e34;background:#0c0f13;color:#9a9da1;padding:10px 13px;border-radius:7px;cursor:pointer;font-weight:700}.tabs button.active{background:var(--orange);border-color:var(--orange);color:#fff}.symptomBox{border:1px solid #292d34;background:linear-gradient(135deg,#0e1116,#0a0c10);border-radius:15px;padding:36px;display:grid;grid-template-columns:1fr auto;gap:35px;align-items:center}.symptomBox h3{font-size:30px;margin:7px 0 10px;letter-spacing:-.04em}.symptomBox p{color:#a8aaad;max-width:700px;margin:0}.tag{font-size:10px;color:var(--orange);font-weight:900;letter-spacing:.15em}.route{display:flex;gap:9px;align-items:center;font-size:10px;color:#73777c}.route strong{font-size:12px;color:#fff;background:#ff5a1f18;border:1px solid #ff5a1f66;padding:12px}.featureGrid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #252930;border-left:1px solid #252930}.featureGrid article{min-height:220px;padding:28px;border-right:1px solid #252930;border-bottom:1px solid #252930}.featureGrid article>b,.steps article>b{font-size:10px;color:var(--orange);letter-spacing:.14em}.featureGrid h3{font-size:22px;letter-spacing:-.03em;margin:35px 0 9px}.featureGrid p,.steps p,.useGrid p{color:#8e9297;font-size:14px;margin:0}.compare{background:#f1efe9;color:#111318}.compareInner{display:grid;grid-template-columns:.7fr 1.3fr;gap:60px}.compare .kicker{color:#e54b16}.compareCards{display:grid;grid-template-columns:1fr 1fr;gap:12px}.compareCards article{background:#fff;padding:30px;border:1px solid #d8d5cf;border-radius:12px}.compareCards article.hot{background:#17191d;color:#f7f4ee;border-color:#17191d}.compareCards small{font-weight:900;color:#7d7f81}.compareCards .hot small{color:var(--orange2)}.compareCards h3{font-size:24px;line-height:1.1;letter-spacing:-.04em}.compareCards p,.compareCards li{color:#707275;font-size:14px}.compareCards .hot p,.compareCards .hot li{color:#a9aaad}.compareCards ul{padding-left:18px}.tour{display:grid;grid-template-columns:1.1fr .9fr;gap:28px;align-items:center}.tourPic{min-height:600px;display:grid;place-items:center;background:radial-gradient(circle,#1c2027,#090b0e 68%);border:1px solid #242830;border-radius:14px}.tourPic img{width:95%;max-height:610px;object-fit:contain}.tourSteps{border-top:1px solid #252930}.tourSteps button{width:100%;display:grid;grid-template-columns:48px 1fr;text-align:left;background:none;color:#7f8388;border:0;border-bottom:1px solid #252930;padding:24px 5px;cursor:pointer}.tourSteps button b{color:#555b62}.tourSteps button strong{display:block;color:#aaaeb3;font-size:12px;letter-spacing:.1em;margin-bottom:5px}.tourSteps button.active{color:#d7d8da}.tourSteps button.active b,.tourSteps button.active strong{color:var(--orange)}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.steps article{background:#0d1015;border:1px solid #252930;padding:25px;border-radius:10px}.steps h3{font-size:20px;margin:30px 0 8px}.start aside{margin-top:12px;background:#ff5a1f0d;border-left:3px solid var(--orange);padding:18px 20px;color:#a9aaad}.start aside b{color:#fff}.bankGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.bankGrid article{background:#0d1015;border:1px solid #252930;border-radius:10px;padding:23px;min-height:160px}.bankGrid b{font-size:38px;color:#5e6268}.bankGrid span{display:block;font-size:11px;font-weight:900;letter-spacing:.12em;margin:15px 0 8px}.bankGrid p{color:#85898e;font-size:13px;margin:0}.bankGrid .custom{border-color:#4fc3ff55}.bankGrid .custom b{color:var(--blue)}.bankGrid .sink{border-color:#ff5a1f66}.bankGrid .sink b{color:var(--orange)}.useGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.useGrid article{padding:25px;border:1px solid #252930;border-radius:10px}.useGrid span{font-size:10px;color:var(--orange);font-weight:900;letter-spacing:.13em}.useGrid h3{font-size:20px;line-height:1.1;margin:26px 0 10px}.warning{margin-top:18px;border:1px solid #ff5a1f44;background:#ff5a1f0a;padding:18px;border-radius:9px;color:#a8aaad}.warning strong{color:#fff}.specWrap{background:#101318}.specTable{border-top:1px solid #30343b}.specTable div{display:grid;grid-template-columns:260px 1fr;gap:30px;padding:16px 0;border-bottom:1px solid #292d34}.specTable span{color:#777c82}.specTable b{font-weight:600}.fine{font-size:11px;color:#666b72}.faq details{border-top:1px solid #292d34}.faq details:last-child{border-bottom:1px solid #292d34}.faq summary{list-style:none;cursor:pointer;padding:22px 0;font-size:18px;font-weight:800}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:'+';float:right;color:var(--orange);font-size:23px}.faq details[open] summary:after{content:'–'}.faq details p{color:#92959a;max-width:820px;margin:0 0 22px}.closing{max-width:var(--max);margin:40px auto 100px;padding:20px 24px;display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;background:radial-gradient(circle at 20%,#252a31,#0b0d10 60%);border:1px solid #252930;border-radius:16px;overflow:hidden}.closing img{width:100%;max-height:430px;object-fit:contain}.closing h2{margin-bottom:28px}footer{max-width:var(--max);margin:auto;padding:28px 24px 50px;border-top:1px solid #242830;display:grid;grid-template-columns:auto 1fr auto;gap:25px;align-items:center;color:#666b72;font-size:11px}footer p{margin:0}footer>a:last-child{text-decoration:none;color:#999da2}@media(max-width:950px){.top nav{display:none}.hero{grid-template-columns:1fr;min-height:0}.heroPic{max-width:650px;margin:auto}.numbers{grid-template-columns:1fr 1fr}.numbers div:nth-child(3){border-left:0;border-top:1px solid #ffffff12}.numbers div:nth-child(4){border-top:1px solid #ffffff12}.featureGrid{grid-template-columns:1fr 1fr}.compareInner,.tour{grid-template-columns:1fr}.steps,.bankGrid,.useGrid{grid-template-columns:1fr 1fr}.tourPic{min-height:420px}}@media(max-width:600px){.hero{padding-top:55px}.hero h1{font-size:47px}.section{padding:75px 18px}.symptomBox{grid-template-columns:1fr;padding:24px}.route{flex-wrap:wrap}.featureGrid,.steps,.bankGrid,.useGrid,.compareCards{grid-template-columns:1fr}.compareInner{gap:30px}.numbers strong{font-size:22px}.specTable div{grid-template-columns:1fr;gap:3px}.closing{margin:20px 12px 70px;grid-template-columns:1fr;padding:22px}.closing img{max-height:300px}footer{grid-template-columns:1fr}.tourPic{min-height:300px}.top{padding:0 16px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Futuristic visual layer */
:root{--cyan:#57e6ff;--violet:#8b7cff;--grid:#57e6ff0a}body{background:radial-gradient(ellipse at 50% -10%,#10212c 0,#07090c 35%,#05070a 75%);background-attachment:fixed}.top{position:sticky;top:0;z-index:50;max-width:none;padding-left:max(24px,calc((100vw - var(--max))/2 + 24px));padding-right:max(24px,calc((100vw - var(--max))/2 + 24px));background:#07090ccc;backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);border-bottom:1px solid #57e6ff20}.logo b{color:var(--cyan);text-shadow:0 0 20px #57e6ff55}.pill{border-color:#57e6ff55;box-shadow:inset 0 0 18px #57e6ff0b}.hero{position:relative}.hero:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(to bottom,#000,transparent 85%)}.hero:after{content:"SYSTEM // EDID CONTROL";position:absolute;right:25px;bottom:16px;color:#57e6ff55;font:700 9px/1 monospace;letter-spacing:.18em}.kicker{color:var(--cyan);text-shadow:0 0 18px #57e6ff45}.hero h1 em{background:linear-gradient(90deg,#7d8791,#57e6ff);-webkit-background-clip:text;background-clip:text;color:transparent}.orange{background:linear-gradient(110deg,#20bde2,#6b7cff);box-shadow:0 0 30px #37cbea2c}.orange:hover{box-shadow:0 0 42px #57e6ff55;transform:translateY(-1px)}.btn{transition:.2s ease}.micro i{background:var(--cyan);box-shadow:0 0 9px var(--cyan)}.orb{width:540px;height:540px;background:radial-gradient(circle,#57e6ff26,transparent 63%);filter:blur(3px)}.heroPic:after{content:"";position:absolute;inset:10% 5%;border:1px solid #57e6ff18;border-radius:50%;transform:perspective(500px) rotateX(67deg);box-shadow:0 0 50px #57e6ff10;pointer-events:none}.numbers{background:#0a0e13a6;backdrop-filter:blur(10px)}.numbers strong{color:#eafcff;text-shadow:0 0 18px #57e6ff1f}.numbers div:hover strong{color:var(--cyan)}.symptomBox,.featureGrid article,.steps article,.bankGrid article,.useGrid article,.closing{background:linear-gradient(145deg,#10161dcf,#080b10e8);border-color:#57e6ff20;box-shadow:inset 0 1px #ffffff08}.symptomBox,.closing{box-shadow:inset 0 1px #ffffff0b,0 20px 70px #0008}.tabs button.active{background:#57e6ff12;border-color:#57e6ff88;color:#dffbff;box-shadow:0 0 18px #57e6ff16}.tag,.featureGrid article>b,.steps article>b,.useGrid span,.tourSteps button.active b,.tourSteps button.active strong{color:var(--cyan)}.route strong{background:#57e6ff0e;border-color:#57e6ff66;box-shadow:0 0 22px #57e6ff12}.featureGrid article,.steps article,.bankGrid article,.useGrid article{transition:border-color .2s,transform .2s,box-shadow .2s}.featureGrid article:hover,.steps article:hover,.bankGrid article:hover,.useGrid article:hover{border-color:#57e6ff66;transform:translateY(-3px);box-shadow:0 12px 40px #0008,0 0 25px #57e6ff0b}.tourPic{position:relative;background:radial-gradient(circle at 50% 45%,#142b37,#080b10 62%);border-color:#57e6ff28;overflow:hidden}.tourPic:before{content:"";position:absolute;width:72%;aspect-ratio:1;border:1px solid #57e6ff22;border-radius:50%;box-shadow:0 0 50px #57e6ff12}.tourPic:after{content:"SIGNAL NODE";position:absolute;left:18px;bottom:16px;color:#57e6ff66;font:700 9px monospace;letter-spacing:.18em}.tourPic img{position:relative;z-index:2;filter:drop-shadow(0 30px 35px #000) drop-shadow(0 0 22px #57e6ff18)}.bankGrid .sink,.warning{border-color:#57e6ff55}.bankGrid .sink b,.warning strong{color:#eafcff}.specWrap{background:linear-gradient(180deg,#0d151b,#0a0d12)}.specTable div:hover{background:#57e6ff05}.faq summary:after{color:var(--cyan)}.closing{position:relative}.closing:after{content:"DR.HDMI // ONLINE";position:absolute;right:18px;top:15px;color:#57e6ff55;font:700 9px monospace;letter-spacing:.16em}@media(max-width:600px){.top{backdrop-filter:blur(14px)}.hero:after{display:none}}
/* Live signal path + EDID console */
.signalLab{display:grid;grid-template-columns:auto minmax(65px,1fr) auto minmax(65px,1fr) auto;align-items:center;width:100%;gap:10px}.signalNode{min-width:105px;padding:14px 12px;border:1px solid #57e6ff2b;background:#070b10;border-radius:8px;text-align:center;box-shadow:inset 0 1px #fff08}.signalNode small{display:block;font:700 8px monospace;letter-spacing:.15em;color:#57e6ff77;margin-bottom:6px}.signalNode span,.signalNode strong{font-size:10px;letter-spacing:.08em}.signalNode.core{border-color:#57e6ff88;box-shadow:0 0 28px #57e6ff16,inset 0 0 24px #57e6ff08}.signalNode.core strong{display:block;color:#eaffff}.signalNode.core em{display:block;margin-top:5px;color:#66ffb2;font:700 7px monospace;letter-spacing:.12em}.signalWire{height:2px;background:#57e6ff20;position:relative;overflow:visible;box-shadow:0 0 8px #57e6ff22}.signalWire i{position:absolute;top:50%;width:6px;height:6px;margin-top:-3px;border-radius:50%;background:#a8f4ff;box-shadow:0 0 10px #57e6ff,0 0 20px #57e6ff;animation:signalPulse 2.1s linear infinite}.signalWire i:nth-child(2){animation-delay:-.7s}.signalWire i:nth-child(3){animation-delay:-1.4s}@keyframes signalPulse{0%{left:0;opacity:0;transform:scale(.5)}15%{opacity:1}85%{opacity:1}100%{left:calc(100% - 6px);opacity:0;transform:scale(1.2)}}
.bankConsole{margin-bottom:14px;padding:1px;border-radius:14px;background:linear-gradient(100deg,#57e6ff55,#8b7cff33,#57e6ff10)}.bankDisplay{min-height:150px;border-radius:13px;background:radial-gradient(circle at 15% 50%,#112936,#080b10 50%);display:grid;grid-template-columns:150px 1fr auto;align-items:center;gap:28px;padding:25px 30px;position:relative;overflow:hidden}.bankDisplay:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#57e6ff08 1px,transparent 1px),linear-gradient(90deg,#57e6ff08 1px,transparent 1px);background-size:24px 24px;mask-image:linear-gradient(90deg,#000,transparent 75%)}.bankDisplay>div{position:relative;z-index:1}.bankDisplay small{font:700 8px monospace;letter-spacing:.17em;color:#57e6ff88}.bankDisplay>div:first-child strong{display:block;font-size:70px;line-height:.9;color:#eaffff;text-shadow:0 0 25px #57e6ff55}.bankReadout span{display:block;color:var(--cyan);font:800 12px monospace;letter-spacing:.14em}.bankReadout b{display:block;font-size:20px;margin:7px 0}.bankReadout p{margin:0;color:#8f969d;max-width:600px}.bankStatus{display:flex;align-items:center;gap:8px;font:700 8px monospace;letter-spacing:.12em;color:#7b8b91}.bankStatus i{width:8px;height:8px;border-radius:50%;background:#66ffb2;box-shadow:0 0 14px #66ffb2;animation:statusBlink 1.7s ease-in-out infinite}@keyframes statusBlink{50%{opacity:.35}}.bankGrid article{cursor:pointer}.bankGrid article.active{border-color:#57e6ffaa;box-shadow:0 0 30px #57e6ff12,inset 0 0 20px #57e6ff08}.bankGrid article.active b{color:var(--cyan);text-shadow:0 0 15px #57e6ff55}@media(max-width:700px){.signalLab{grid-template-columns:1fr;gap:7px}.signalWire{height:34px;width:2px;margin:auto}.signalWire i{left:50%!important;top:0;margin-left:-3px;animation:signalPulseVertical 2.1s linear infinite}.signalWire i:nth-child(2){animation-delay:-.7s}.signalWire i:nth-child(3){animation-delay:-1.4s}@keyframes signalPulseVertical{0%{top:0;opacity:0}15%{opacity:1}85%{opacity:1}100%{top:100%;opacity:0}}.bankDisplay{grid-template-columns:80px 1fr;padding:20px;gap:18px}.bankDisplay>div:first-child strong{font-size:54px}.bankStatus{grid-column:1/-1}.bankReadout b{font-size:15px}}

/* V4 responsive futuristic hero */
.heroPic .heroHud{position:absolute;inset:5% 0 0;z-index:4;pointer-events:none}.hudChip{position:absolute;padding:8px 10px;border:1px solid #57e6ff3b;background:#061016b8;backdrop-filter:blur(8px);border-radius:6px;color:#bff7ff;font:700 8px/1.35 monospace;letter-spacing:.12em;box-shadow:0 0 24px #57e6ff0d}.hudChip:before{content:"";position:absolute;width:30px;height:1px;background:#57e6ff55;top:50%}.hudChip.a{left:0;top:22%}.hudChip.a:before{right:-30px}.hudChip.b{right:0;top:48%}.hudChip.b:before{left:-30px}.hudChip.c{left:13%;bottom:5%}.hudChip.c:before{right:-30px}.heroPic img{position:relative;z-index:3;filter:drop-shadow(0 36px 36px #000b) drop-shadow(0 0 28px #57e6ff22);animation:heroFloat 5s ease-in-out infinite;transform-origin:center}.heroPic .scanRing{position:absolute;z-index:1;width:78%;aspect-ratio:1;border:1px solid #57e6ff24;border-radius:50%;box-shadow:inset 0 0 45px #57e6ff08,0 0 40px #57e6ff08;animation:ringSpin 16s linear infinite}.heroPic .scanRing:before,.heroPic .scanRing:after{content:"";position:absolute;inset:9%;border:1px dashed #57e6ff22;border-radius:50%}.heroPic .scanRing:after{inset:25%;border-style:solid;border-color:#8b7cff24}.heroPic .heroStatus{position:absolute;z-index:5;right:6%;bottom:7%;display:flex;gap:8px;align-items:center;padding:8px 10px;border:1px solid #66ffb233;background:#07100dc7;border-radius:999px;color:#9affc9;font:700 8px monospace;letter-spacing:.13em}.heroPic .heroStatus i{width:7px;height:7px;border-radius:50%;background:#66ffb2;box-shadow:0 0 12px #66ffb2}@keyframes heroFloat{50%{transform:translateY(-10px)}}@keyframes ringSpin{to{transform:rotate(360deg)}}
@media(max-width:1100px){.hero{gap:24px}.hero h1{font-size:clamp(50px,6.3vw,76px)}.heroPic .hudChip{display:none}}
@media(max-width:950px){.top{height:68px}.top .pill{display:inline-flex}.hero{padding-top:44px;text-align:center}.heroText{max-width:760px;margin:auto}.intro{margin-left:auto;margin-right:auto}.actions,.micro{justify-content:center}.heroPic{width:min(92vw,650px);min-height:480px}.heroPic img{max-height:520px}.heroPic .heroStatus{right:10%;bottom:5%}.symptoms header,.feature header,.hardware header,.start header,.banks header,.uses header,.specWrap header,.faq header{max-width:780px}}
@media(max-width:700px){body{background-attachment:scroll}.top{height:62px}.logo{font-size:16px}.logo small{font-size:6px}.top .pill{font-size:9px;padding:8px 10px}.hero{padding:36px 18px 50px}.hero h1{font-size:clamp(42px,13vw,62px);line-height:.98}.intro{font-size:16px}.actions{display:grid;grid-template-columns:1fr;max-width:360px;margin-left:auto;margin-right:auto}.btn{width:100%;text-align:center}.micro{font-size:8px;line-height:1.8}.heroPic{min-height:360px;width:100%}.heroPic img{width:100%;max-height:390px}.heroPic .scanRing{width:90%}.heroPic .heroStatus{right:50%;transform:translateX(50%);bottom:0;white-space:nowrap}.numbers{grid-template-columns:1fr 1fr}.numbers div{padding:18px 8px}.numbers strong{font-size:20px}.numbers span{font-size:9px}.tabs{display:flex;overflow-x:auto;flex-wrap:nowrap;padding-bottom:8px;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}.tabs button{flex:0 0 auto;scroll-snap-align:start}.tourSteps button{padding:16px 8px}.bankDisplay{overflow:hidden}.bankReadout p{font-size:12px}.section h2{font-size:clamp(34px,10vw,48px)}.featureGrid article,.steps article,.bankGrid article,.useGrid article{min-height:auto}.specTable{font-size:14px}}
@media(max-width:390px){.hero{padding-left:14px;padding-right:14px}.heroPic{min-height:310px}.heroPic img{max-height:335px}.top .pill{display:none}.numbers{grid-template-columns:1fr 1fr}.bankDisplay{grid-template-columns:60px 1fr;padding:15px;gap:12px}.bankDisplay>div:first-child strong{font-size:45px}.bankReadout span{font-size:9px}.bankReadout b{font-size:13px}.signalNode{width:100%}}
@media(prefers-reduced-motion:reduce){.heroPic img,.heroPic .scanRing,.signalWire i,.bankStatus i{animation:none!important}}
/* V5 brand + deeper futuristic UX */
.brandLockup{display:flex;align-items:center;gap:16px;text-decoration:none;flex:0 0 auto}.brandLockup .logo{display:block}.brandLockup>img{width:92px;height:auto;opacity:.92;border-left:1px solid #57e6ff24;padding-left:15px}.top nav a{position:relative}.top nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-8px;height:1px;background:var(--cyan);box-shadow:0 0 8px var(--cyan);transition:right .2s}.top nav a:hover:after{right:0}.top .homeLink{color:#eaffff}.explainer{position:relative}.explainer:before{content:"";position:absolute;left:50%;top:40px;width:min(90vw,1000px);height:420px;transform:translateX(-50%);background:radial-gradient(ellipse,#57e6ff0b,transparent 68%);pointer-events:none}.explainGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.explainGrid article,.guideGrid article{position:relative;overflow:hidden;padding:28px;border:1px solid #57e6ff20;border-radius:14px;background:linear-gradient(145deg,#0c1218dd,#080b10dd);box-shadow:inset 0 1px #fff05}.explainGrid article:after,.guideGrid article:after{content:"";position:absolute;width:100px;height:100px;right:-45px;top:-45px;border:1px solid #57e6ff18;border-radius:50%;box-shadow:0 0 40px #57e6ff0b}.explainGrid span,.guideGrid b{font:800 9px monospace;letter-spacing:.16em;color:var(--cyan)}.explainGrid h3,.guideGrid h3{font-size:23px;line-height:1.1;margin:38px 0 10px;letter-spacing:-.04em}.explainGrid p,.guideGrid p,.doDont p{font-size:14px;color:#969ca3;margin:0}.flowPanel{margin-top:14px;border:1px solid #57e6ff2b;border-radius:14px;background:#061016a8;overflow:hidden}.flowHead{display:flex;justify-content:space-between;padding:12px 16px;border-bottom:1px solid #57e6ff18;color:#7da1aa;font:700 8px monospace;letter-spacing:.16em}.flowHead b{color:#66ffb2}.flowSteps{display:grid;grid-template-columns:1fr auto 1.15fr auto 1fr;align-items:center;gap:22px;padding:30px}.flowSteps>div{padding:18px;border:1px solid #ffffff12;border-radius:10px;background:#ffffff03}.flowSteps .flowCore{border-color:#57e6ff65;box-shadow:0 0 35px #57e6ff10}.flowSteps i{display:block;color:#57e6ff;font:700 10px monospace;margin-bottom:8px}.flowSteps strong{display:block;font-size:14px;letter-spacing:.08em}.flowSteps small{color:#727a82}.flowSteps em{font-style:normal;color:#57e6ff;text-shadow:0 0 12px #57e6ff;font-size:22px}.guide{padding-top:70px}.guideGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.doDont{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.doDont>div{padding:22px;border:1px solid #252d34;border-radius:12px;background:#0b0f14}.doDont>div:first-child{border-color:#66ffb233}.doDont>div:last-child{border-color:#ff5a1f44}.doDont strong{display:block;margin-bottom:8px}.doDont>div:first-child strong{color:#66ffb2}.doDont>div:last-child strong{color:#ff8b5b}
@media(max-width:1120px){.top nav{gap:14px}.top nav a{font-size:11px}.brandLockup>img{width:78px}}
@media(max-width:950px){.brandLockup>img{width:80px}.explainGrid,.guideGrid{grid-template-columns:1fr}.flowSteps{gap:12px}.top nav{display:none}}
@media(max-width:700px){.brandLockup{gap:9px}.brandLockup>img{width:62px;padding-left:9px}.flowSteps{grid-template-columns:1fr}.flowSteps em{transform:rotate(90deg);text-align:center}.doDont{grid-template-columns:1fr}.explainGrid article,.guideGrid article{padding:22px}.explainGrid h3,.guideGrid h3{margin-top:25px}.top{padding-left:14px;padding-right:14px}.top .pill{margin-left:auto}}
@media(max-width:390px){.brandLockup>img{width:54px}.brandLockup .logo{font-size:14px}.brandLockup .logo small{display:none}}
/* V6 hero brand hierarchy + VRROOM-inspired capability rail */
.brandLockup>img{order:0;width:132px;padding:0 16px 0 0;border-left:0;border-right:1px solid #57e6ff24}.brandLockup .logo{order:1}.heroBrand{display:flex;align-items:center;gap:15px;margin:0 0 25px}.heroBrand>img{width:150px;height:auto;filter:drop-shadow(0 0 14px #fff2)}.heroBrand>span{font:800 9px monospace;letter-spacing:.18em;color:#91a2aa;white-space:nowrap}.energyDivider{width:58px;height:12px;display:flex;align-items:center;position:relative}.energyDivider i{height:1px;flex:1;background:linear-gradient(90deg,transparent,#57e6ff);box-shadow:0 0 7px #57e6ff}.energyDivider i:last-child{background:linear-gradient(90deg,#57e6ff,transparent)}.energyDivider span{width:8px;height:8px;transform:rotate(45deg);border:1px solid #8df0ff;background:#57e6ff33;box-shadow:0 0 12px #57e6ff,0 0 25px #57e6ff66;animation:energyCore 1.8s ease-in-out infinite}@keyframes energyCore{50%{transform:rotate(225deg) scale(.7);box-shadow:0 0 5px #57e6ff}}.heroMetrics{display:grid;grid-template-columns:repeat(4,1fr);margin-top:34px;border:1px solid #57e6ff24;border-radius:12px;overflow:hidden;background:linear-gradient(90deg,#071017bb,#0a0d12bb);box-shadow:inset 0 1px #ffffff08,0 18px 50px #0004}.heroMetrics>div{min-width:0;padding:18px 15px;position:relative;border-right:1px solid #57e6ff18}.heroMetrics>div:last-child{border-right:0}.heroMetrics>div:before{content:"";position:absolute;left:0;top:0;width:34%;height:1px;background:#57e6ff;box-shadow:0 0 8px #57e6ff}.heroMetrics strong{display:block;font-size:22px;line-height:1;color:#effdff;letter-spacing:-.04em}.heroMetrics strong em{font:700 9px monospace;color:#57e6ff;margin-left:3px}.heroMetrics span{display:block;margin-top:8px;color:#57e6ff;font:800 8px monospace;letter-spacing:.13em}.heroMetrics small{display:block;margin-top:4px;color:#69777f;font-size:9px}.hero .micro{margin-top:18px}@media(max-width:1120px){.brandLockup>img{width:112px}.heroMetrics{grid-template-columns:1fr 1fr}.heroMetrics>div:nth-child(2){border-right:0}.heroMetrics>div:nth-child(-n+2){border-bottom:1px solid #57e6ff18}}@media(max-width:700px){.brandLockup>img{width:88px;padding-right:10px}.heroBrand{justify-content:center;gap:10px}.heroBrand>img{width:125px}.heroBrand>span{font-size:7px}.energyDivider{width:38px}.heroMetrics{text-align:left;max-width:420px;margin:28px auto 0}.heroMetrics>div{padding:15px 12px}.heroMetrics strong{font-size:19px}.heroMetrics small{font-size:8px}}@media(max-width:390px){.brandLockup>img{width:78px}.heroBrand>img{width:105px}.heroBrand>span{display:none}.energyDivider{width:46px}.heroMetrics{grid-template-columns:1fr 1fr}.heroMetrics strong{font-size:17px}}
/* V8 distributed product photography */
.productViews header h2 em{font-style:normal;color:#7c858d}.viewMosaic{display:grid;grid-template-columns:1.15fr .85fr .85fr;grid-auto-rows:minmax(270px,auto);gap:12px}.viewMosaic figure{position:relative;min-width:0;margin:0;overflow:hidden;border:1px solid #57e6ff22;border-radius:16px;background:radial-gradient(circle at 50% 38%,#17232c,#080b0f 68%);isolation:isolate}.viewMosaic figure:before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(135deg,#57e6ff08,transparent 36%,transparent 70%,#8b7cff09)}.viewMosaic figure:after{content:"";position:absolute;left:18px;top:18px;width:34px;height:34px;border-left:1px solid #57e6ff88;border-top:1px solid #57e6ff88;z-index:3;filter:drop-shadow(0 0 5px #57e6ff)}.viewMosaic .viewWide{grid-column:span 2}.viewMosaic img{display:block;width:100%;height:330px;object-fit:contain;padding:20px;transition:transform .45s ease,filter .45s ease;filter:drop-shadow(0 25px 30px #0008)}.viewMosaic figure:hover img{transform:scale(1.035) translateY(-4px);filter:drop-shadow(0 30px 35px #000b)}.viewMosaic figcaption{position:absolute;z-index:4;left:16px;right:16px;bottom:16px;padding:12px 14px;border:1px solid #57e6ff20;border-radius:9px;background:#050a0edb;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.viewMosaic figcaption b{display:block;color:#57e6ff;font:800 9px monospace;letter-spacing:.14em;margin-bottom:4px}.viewMosaic figcaption span{display:block;color:#a8b0b6;font-size:11px;line-height:1.45}.viewMosaic figure:nth-child(3) img,.viewMosaic figure:nth-child(4) img{padding:38px 30px 72px}.viewMosaic figure:nth-child(5) img{height:390px;padding-bottom:72px}@media(max-width:950px){.viewMosaic{grid-template-columns:1fr 1fr}.viewMosaic .viewWide{grid-column:span 2}.viewMosaic img{height:310px}}@media(max-width:600px){.viewMosaic{grid-template-columns:1fr;gap:10px}.viewMosaic .viewWide{grid-column:auto}.viewMosaic img,.viewMosaic figure:nth-child(5) img{height:300px;padding:18px 18px 76px}.viewMosaic figure:nth-child(3) img,.viewMosaic figure:nth-child(4) img{padding:28px 25px 78px}.viewMosaic figcaption{left:10px;right:10px;bottom:10px}.viewMosaic figure:after{left:12px;top:12px}.viewMosaic figure:hover img{transform:none}}

/* V10 knowledge base */
.kbHero{max-width:var(--max);margin:auto;padding:90px 24px 60px;position:relative}.kbHero:after{content:"";position:absolute;right:5%;top:20px;width:380px;height:280px;background:radial-gradient(circle,#57e6ff16,transparent 68%);pointer-events:none}.kbHero h1{font-size:clamp(44px,6vw,78px);line-height:.98;letter-spacing:-.06em;max-width:920px;margin:0}.kbHero>p:not(.kicker){max-width:800px;color:#aab1b7;font-size:19px}.kbQuick{display:flex;gap:8px;flex-wrap:wrap;margin-top:26px}.kbQuick a{padding:9px 12px;border:1px solid #57e6ff2b;border-radius:999px;text-decoration:none;color:#a9eefa;font:700 10px monospace}.kbSection{padding-top:70px;padding-bottom:70px}.kbLead,.kbText{max-width:900px;color:#a5abb1;font-size:16px}.kbText h3{color:#fff;font-size:25px}.kbText li{margin:9px 0}.kbCards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.kbCards article,.downloadGrid article{padding:25px;border:1px solid #57e6ff20;border-radius:14px;background:linear-gradient(145deg,#0c1218,#080b10)}.kbCards b,.downloadGrid span{color:#57e6ff;font:800 10px monospace;letter-spacing:.12em}.kbCards h3,.downloadGrid h3{font-size:21px;margin:22px 0 8px}.kbCards p,.downloadGrid p{color:#929aa1}.decision{border:1px solid #57e6ff24;border-radius:14px;overflow:hidden;max-width:900px}.decision div{display:grid;grid-template-columns:240px 1fr;padding:16px 20px;border-bottom:1px solid #57e6ff16}.decision div:last-child{border:0}.decision b{color:#eefcff}.decision span{color:#8da1aa}.downloadGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.downloadGrid .btn{display:inline-block;margin-top:10px}.knowledgeGrid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.knowledgeGrid a{min-height:190px;padding:22px;border:1px solid #57e6ff20;border-radius:12px;text-decoration:none;background:#0a0f14;transition:transform .2s,border-color .2s}.knowledgeGrid a:hover{transform:translateY(-4px);border-color:#57e6ff66}.knowledgeGrid b{display:block;color:#57e6ff;font:800 9px monospace;letter-spacing:.12em}.knowledgeGrid strong{display:block;font-size:18px;line-height:1.1;margin:35px 0 9px}.knowledgeGrid span{color:#858f96;font-size:12px}@media(max-width:950px){.kbCards,.downloadGrid{grid-template-columns:1fr 1fr}.knowledgeGrid{grid-template-columns:1fr 1fr}}@media(max-width:600px){.kbHero{padding:60px 18px 35px}.kbCards,.downloadGrid,.knowledgeGrid{grid-template-columns:1fr}.decision div{grid-template-columns:1fr;gap:4px}.kbSection{padding-top:55px;padding-bottom:55px}}

/* V11 manual diagrams */
.wiringSet{display:grid;gap:18px;margin:28px 0}.wiringCard{border:1px solid #173f50;background:linear-gradient(135deg,#07131b,#050b10);border-radius:20px;padding:22px;overflow:hidden}.wiringCard h3{margin:0 0 8px}.wireFlow{display:grid;grid-template-columns:1fr auto 1.15fr auto 1fr;gap:10px;align-items:center;margin:18px 0}.wireNode{min-height:86px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;border:1px solid #24647a;background:#081923;border-radius:14px;padding:12px}.wireNode.core{border-color:#56e7ff;box-shadow:0 0 30px #22d8ff18}.wireNode small{color:#7f9bad;margin-top:4px}.wireArrow{color:#61e9ff;font-size:1.6rem}.bankGuide{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:24px 0}.bankGuide>div{border:1px solid #173f50;border-radius:16px;padding:18px;background:#07121a}.bankGuide b{display:block;font-size:1.6rem;color:#64eaff}.decision{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:24px 0}.decision>div{padding:20px;border:1px solid #19495b;border-radius:16px;background:#07141c}.manualChecklist{counter-reset:steps;display:grid;gap:10px;margin:20px 0}.manualChecklist div{counter-increment:steps;display:grid;grid-template-columns:42px 1fr;gap:12px;align-items:start;padding:14px;border:1px solid #153747;border-radius:14px}.manualChecklist div:before{content:counter(steps);display:grid;place-items:center;width:34px;height:34px;border-radius:50%;border:1px solid #51dff8;color:#6beaff;font-weight:800}.specStrip{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:22px 0}.specStrip div{border:1px solid #19495b;border-radius:14px;padding:15px}.specStrip strong{display:block;color:#6ceaff;font-size:1.1rem}.manualNote{font-size:.92rem;color:#8ea6b6}.quicklinks{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.quicklinks a{padding:9px 12px;border:1px solid #1e5265;border-radius:999px;text-decoration:none;color:#b8d2df}.quicklinks a:hover{border-color:#58e5ff;color:white}@media(max-width:900px){.wireFlow{grid-template-columns:1fr}.wireArrow{transform:rotate(90deg);justify-self:center}.bankGuide{grid-template-columns:repeat(2,1fr)}.decision{grid-template-columns:1fr}.specStrip{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.bankGuide,.specStrip{grid-template-columns:1fr}}

/* V13 — unified navigation, mobile menu and search-friendly information architecture */
.menuToggle{display:none;margin-left:auto;width:42px;height:42px;border:1px solid #57e6ff33;border-radius:9px;background:#081016;color:#dffaff;align-items:center;justify-content:center;cursor:pointer}.menuToggle span,.menuToggle:before,.menuToggle:after{content:"";display:block;width:18px;height:2px;background:currentColor;margin:4px auto;transition:.2s}.top nav a[aria-current="page"]{color:#fff}.top nav a[aria-current="page"]:after{content:"";display:block;height:1px;background:var(--cyan);margin-top:5px;box-shadow:0 0 8px var(--cyan)}.siteFooterNav{display:flex;gap:14px;flex-wrap:wrap;justify-content:flex-end}.siteFooterNav a{color:#8e979e;text-decoration:none}.siteFooterNav a:hover{color:#dffaff}.seoIntro{display:grid;grid-template-columns:.8fr 1.2fr;gap:45px;align-items:start}.seoIntro h2{margin:0}.seoIntroText{color:#a8b0b6;font-size:16px}.seoIntroText strong{color:#fff}.seoLinks{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}.seoLinks a{border:1px solid #57e6ff2a;border-radius:999px;padding:9px 12px;color:#aeeefa;text-decoration:none;font:700 10px monospace}.crumbs{max-width:var(--max);margin:0 auto;padding:20px 24px 0;color:#71818b;font-size:11px}.crumbs a{color:#9cc9d3;text-decoration:none}.crumbs span{margin:0 7px;color:#44515a}
@media(max-width:950px){.top{gap:12px}.menuToggle{display:block}.top>.pill{display:none}.top nav{display:none;position:absolute;left:16px;right:16px;top:68px;margin:0;padding:12px;background:#071017f5;border:1px solid #57e6ff35;border-radius:12px;box-shadow:0 18px 50px #000a;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);flex-direction:column;gap:0}.top.navOpen nav{display:flex}.top nav a{padding:13px 12px;border-bottom:1px solid #ffffff0c;font-size:14px}.top nav a:last-child{border-bottom:0}.top nav a[aria-current="page"]:after{display:none}.seoIntro{grid-template-columns:1fr;gap:18px}.siteFooterNav{justify-content:flex-start}}
@media(max-width:600px){.brandLockup>img{max-width:82px}.brandLockup .logo{font-size:17px}.crumbs{padding-left:18px;padding-right:18px}}
.articleBody{max-width:980px}.articleBody>p{font-size:1.08rem;line-height:1.8;max-width:860px}.articleBody h2{margin-top:2.4rem;font-size:clamp(1.55rem,3vw,2.35rem)}.articleBody a{color:var(--cyan,#70eaff)}.downloadIntegrityNote code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.knowledgeGrid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}

/* V15 — futuristic DR HDMI wordmark */
.brandLockup .logo,.top>.brandLockup .logo{position:relative;display:inline-flex;align-items:baseline;gap:.16em;padding:8px 11px 9px 10px;font-family:Arial Black,Arial,Helvetica,sans-serif;font-size:22px;font-weight:900;font-style:italic;letter-spacing:-.075em;line-height:1;color:#f7fbff;text-transform:uppercase;text-shadow:0 0 18px #57e6ff20;isolation:isolate;clip-path:polygon(0 0,92% 0,100% 28%,100% 100%,8% 100%,0 72%)}
.brandLockup .logo::before{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(115deg,#57e6ff18 0%,#57e6ff05 40%,#8b7cff14 100%);border:1px solid #57e6ff4d;box-shadow:inset 0 0 20px #57e6ff0c,0 0 22px #57e6ff0a}
.brandLockup .logo::after{content:"";position:absolute;left:9px;right:10px;bottom:5px;height:1px;background:linear-gradient(90deg,#57e6ff,transparent 72%);box-shadow:0 0 8px #57e6ff;opacity:.85}
.brandLockup .logo b{position:relative;color:#73efff;background:linear-gradient(180deg,#d9fbff 0%,#63e9ff 45%,#2bb9e7 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:none;filter:drop-shadow(0 0 7px #57e6ff55)}
.brandLockup .logo small{position:absolute;left:11px;bottom:-11px;display:block;margin:0;padding:1px 5px 1px 4px;background:#07090c;color:#7b8f99;border-left:1px solid #57e6ff99;font-family:Arial,Helvetica,sans-serif;font-size:7px;font-style:normal;font-weight:800;letter-spacing:.28em;line-height:1.2;white-space:nowrap}
.brandLockup:hover .logo{filter:brightness(1.12)}
.brandLockup:hover .logo::after{animation:brandPulse 1.1s ease-in-out infinite alternate}
@keyframes brandPulse{from{opacity:.45;transform:scaleX(.7);transform-origin:left}to{opacity:1;transform:scaleX(1)}}
footer>.logo{position:relative;display:inline-block;padding:7px 10px 8px;border:1px solid #57e6ff30;clip-path:polygon(0 0,92% 0,100% 30%,100% 100%,8% 100%,0 70%);background:linear-gradient(115deg,#57e6ff10,#8b7cff08);font-family:Arial Black,Arial,Helvetica,sans-serif;font-style:italic;letter-spacing:-.07em;text-shadow:0 0 14px #57e6ff33}
footer>.logo b{color:#67eaff;text-shadow:0 0 10px #57e6ff66}footer>.logo small{font-style:normal;letter-spacing:.25em;color:#71838c}
@media(max-width:700px){.brandLockup .logo,.top>.brandLockup .logo{font-size:18px;padding:7px 8px 8px}.brandLockup .logo small{left:9px;bottom:-10px;font-size:6px}.brandLockup .logo::after{left:8px;right:8px}}
@media(prefers-reduced-motion:reduce){.brandLockup:hover .logo::after{animation:none}}

/* V16 premium command-deck hero */
.heroCommand{min-height:620px;isolation:isolate;display:grid;place-items:center;padding:28px 0}.heroCommand:before{content:"";position:absolute;inset:5% 2% 2%;z-index:-2;border:1px solid #57e6ff20;clip-path:polygon(0 8%,8% 0,92% 0,100% 8%,100% 92%,92% 100%,8% 100%,0 92%);background:linear-gradient(135deg,#57e6ff08,transparent 25%,transparent 72%,#8b7cff09);box-shadow:inset 0 0 55px #57e6ff07,0 0 45px #0008}.heroGrid{position:absolute;inset:8% 4%;z-index:-1;opacity:.42;background-image:linear-gradient(#57e6ff10 1px,transparent 1px),linear-gradient(90deg,#57e6ff10 1px,transparent 1px);background-size:24px 24px;mask-image:radial-gradient(circle,#000 10%,transparent 70%)}.heroCommand .orb{width:88%;height:auto;aspect-ratio:1;left:6%;top:5%;background:radial-gradient(circle,#57e6ff24 0,#274b6420 28%,transparent 67%)}.heroCommand .scanRing{width:79%;z-index:0;border-color:#57e6ff30}.targetRing{position:absolute;width:62%;aspect-ratio:1;border:1px solid #57e6ff22;border-radius:50%;z-index:1;pointer-events:none}.targetRing:before,.targetRing:after{content:"";position:absolute;background:#57e6ff24}.targetRing:before{width:116%;height:1px;left:-8%;top:50%}.targetRing:after{height:116%;width:1px;top:-8%;left:50%}.targetRing i{position:absolute;width:14px;height:14px;border-color:#57e6ff;border-style:solid;filter:drop-shadow(0 0 6px #57e6ff)}.targetRing i:nth-child(1){left:-1px;top:-1px;border-width:1px 0 0 1px}.targetRing i:nth-child(2){right:-1px;top:-1px;border-width:1px 1px 0 0}.targetRing i:nth-child(3){right:-1px;bottom:-1px;border-width:0 1px 1px 0}.targetRing i:nth-child(4){left:-1px;bottom:-1px;border-width:0 0 1px 1px}.heroCommand img{width:108%;z-index:3;filter:drop-shadow(0 42px 35px #000d) drop-shadow(0 0 30px #57e6ff2c)}.heroCommand .heroHud{inset:9% 2% 4%;z-index:6}.heroCommand .hudChip{min-width:112px;border-radius:2px;border-color:#57e6ff48;background:linear-gradient(90deg,#06131bdc,#071017a8);box-shadow:inset 2px 0 #57e6ff,0 0 25px #57e6ff0e}.heroCommand .hudChip b{display:block;color:#57e6ff;font-size:7px;letter-spacing:.2em;margin-bottom:2px}.heroCommand .hudChip.a{left:0;top:24%}.heroCommand .hudChip.b{right:0;top:43%}.heroCommand .hudChip.c{left:7%;bottom:13%}.heroCommand .hudChip.d{right:5%;bottom:17%}.telemetry{position:absolute;z-index:7;display:flex;justify-content:space-between;align-items:center;color:#57e6ff78;font:700 7px/1 monospace;letter-spacing:.16em;text-transform:uppercase}.telemetry:before{content:"";position:absolute;height:1px;background:linear-gradient(90deg,#57e6ff88,transparent)}.telemetry b{color:#dffcff;font-size:8px}.topLine{top:4%;left:8%;right:8%}.topLine:before{left:0;right:0;top:16px}.bottomLine{bottom:3%;left:8%;right:8%}.bottomLine:before{left:0;right:0;bottom:15px;background:linear-gradient(90deg,transparent,#57e6ff88)}.heroReadout{position:absolute;z-index:8;left:2%;top:53%;padding:9px 11px 8px;border-left:2px solid #57e6ff;background:linear-gradient(90deg,#06131bd9,transparent);font-family:monospace;min-width:115px}.heroReadout span,.heroReadout small{display:block;color:#78939e;font-size:7px;letter-spacing:.15em}.heroReadout strong{display:block;color:#eaffff;font-size:27px;line-height:1;margin:4px 0;text-shadow:0 0 15px #57e6ff}.heroCommand .heroStatus{right:4%;bottom:8%;border-radius:3px}.heroCommand:after{content:"";position:absolute;z-index:5;inset:18% 15%;pointer-events:none;background:linear-gradient(105deg,transparent 42%,#dfffff18 49%,#57e6ff25 50%,transparent 55%);transform:translateX(-130%);animation:heroSweep 6s ease-in-out infinite}@keyframes heroSweep{0%,58%{transform:translateX(-130%)}80%,100%{transform:translateX(130%)}}
@media(max-width:1100px){.heroCommand{min-height:540px}.heroCommand .hudChip.d{display:none}.heroReadout{left:4%}}
@media(max-width:950px){.heroCommand{min-height:560px;margin-top:12px}.heroCommand .hudChip{display:block}.heroCommand .hudChip.a{left:4%}.heroCommand .hudChip.b{right:4%}.heroCommand .hudChip.c{left:8%}.heroCommand .hudChip.d{display:block;right:8%}}
@media(max-width:700px){.heroCommand{min-height:430px;padding:20px 0}.heroCommand:before{inset:4% 0}.heroCommand .hudChip{display:none}.heroReadout{left:3%;top:57%;min-width:92px;padding:7px}.heroReadout strong{font-size:22px}.telemetry{left:6%;right:6%;font-size:6px}.bottomLine span{display:none}.heroCommand .heroStatus{bottom:6%}.targetRing{width:68%}}
@media(max-width:390px){.heroCommand{min-height:350px}.heroReadout{display:none}.telemetry{display:none}.heroCommand .heroStatus{font-size:7px}}
@media(prefers-reduced-motion:reduce){.heroCommand:after{animation:none}}

/* V17 scroll unfold — sections open into view progressively */
@media (prefers-reduced-motion: no-preference){
  .js .scrollUnfold{opacity:0;transform:perspective(1200px) translateY(54px) rotateX(5deg) scale(.965);transform-origin:50% 0;filter:blur(3px);transition:opacity .72s cubic-bezier(.2,.75,.25,1),transform .9s cubic-bezier(.16,1,.3,1),filter .7s ease;will-change:transform,opacity,filter}
  .js .scrollUnfold::before{transition:opacity .8s ease,transform 1s cubic-bezier(.16,1,.3,1)}
  .js .scrollUnfold.isOpen{opacity:1;transform:perspective(1200px) translateY(0) rotateX(0) scale(1);filter:blur(0)}
  .js .scrollUnfold.isOpen>header,.js .scrollUnfold.isOpen>.sectionHead{animation:unfoldHeader .75s .08s both cubic-bezier(.16,1,.3,1)}
  .js .scrollUnfold.isOpen .cards>*,.js .scrollUnfold.isOpen .viewMosaic>*,.js .scrollUnfold.isOpen .bankGrid>*,.js .scrollUnfold.isOpen .useGrid>*,.js .scrollUnfold.isOpen .knowledgeGrid>*{animation:unfoldItem .62s both cubic-bezier(.16,1,.3,1)}
  .js .scrollUnfold.isOpen .cards>*:nth-child(2),.js .scrollUnfold.isOpen .viewMosaic>*:nth-child(2),.js .scrollUnfold.isOpen .bankGrid>*:nth-child(2),.js .scrollUnfold.isOpen .useGrid>*:nth-child(2),.js .scrollUnfold.isOpen .knowledgeGrid>*:nth-child(2){animation-delay:.06s}
  .js .scrollUnfold.isOpen .cards>*:nth-child(3),.js .scrollUnfold.isOpen .viewMosaic>*:nth-child(3),.js .scrollUnfold.isOpen .bankGrid>*:nth-child(3),.js .scrollUnfold.isOpen .useGrid>*:nth-child(3),.js .scrollUnfold.isOpen .knowledgeGrid>*:nth-child(3){animation-delay:.12s}
  .js .scrollUnfold.isOpen .cards>*:nth-child(n+4),.js .scrollUnfold.isOpen .viewMosaic>*:nth-child(n+4),.js .scrollUnfold.isOpen .bankGrid>*:nth-child(n+4),.js .scrollUnfold.isOpen .useGrid>*:nth-child(n+4),.js .scrollUnfold.isOpen .knowledgeGrid>*:nth-child(n+4){animation-delay:.18s}
  @keyframes unfoldHeader{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
  @keyframes unfoldItem{from{opacity:0;transform:translateY(22px) scale(.975)}to{opacity:1;transform:none}}
}
@media(max-width:700px) and (prefers-reduced-motion:no-preference){.js .scrollUnfold{transform:translateY(34px) scale(.98);filter:blur(2px);transition-duration:.65s}.js .scrollUnfold.isOpen{transform:none;filter:none}}
