img{height:auto}
:root{--g:#60ff98;--g2:#00d568;--bg:#000;--panel:#030906;--line:#155b34;--txt:#f4fff7;--muted:#9bada2}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:#000}body{margin:0;background:#000;color:var(--txt);font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}a{color:inherit}.progress{position:fixed;left:0;top:0;height:2px;background:var(--g);width:0;z-index:100;box-shadow:0 0 10px var(--g)}
.approved-top{position:relative;background:#000}.approved-top>img{display:block;width:100%;height:auto}.hotspots{position:absolute;inset:0 0 auto;height:12%;pointer-events:none}.hotspots a{position:absolute;top:0;height:100%;pointer-events:auto}.h-home{left:34%;width:6%}.h-product{left:40%;width:7%}.h-features{left:47%;width:8%}.h-support{left:55%;width:7%}.h-downloads{left:62%;width:9%}.h-community{left:71%;width:10%}.h-buy{left:84%;width:11%}
.signalbar{height:58px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:center;gap:25px;color:#bfffd1;font:11px monospace;letter-spacing:.18em;background:#010503}.signalbar i{width:3px;height:3px;background:var(--g);border-radius:50%;box-shadow:0 0 8px var(--g)}
.section{max-width:1500px;margin:auto;padding:120px 7vw}.product,.control{display:grid;grid-template-columns:1fr 1.1fr;align-items:center;gap:7vw;min-height:720px}.kicker{color:var(--g);font-size:10px;letter-spacing:.42em;margin:0 0 18px}.copy h1,.sectionhead h2,.copy h2,.hardware h2,.community h2,.final h2{font-weight:300;font-size:clamp(42px,5.6vw,82px);line-height:1.03;letter-spacing:.08em;margin:0}.copy h1 strong,.sectionhead strong,.copy h2 strong,.hardware strong,.community strong{font-weight:700;color:#dfffe9;text-shadow:0 0 20px rgba(57,255,127,.15)}.lead{color:#a9b9af;line-height:1.75;font-size:16px;max-width:650px;margin:28px 0}.actions{display:flex;gap:12px;margin-top:34px}.primary,.secondary{display:inline-block;text-decoration:none;font-size:11px;letter-spacing:.13em;padding:15px 25px;border:1px solid var(--g);background:rgba(0,90,37,.12);box-shadow:0 0 22px rgba(55,255,125,.1)}.secondary{border-color:#3d5848;background:transparent}.disabled{opacity:.45;pointer-events:none}
.productvisual{position:relative;min-height:440px;display:flex;align-items:center;justify-content:center}.productvisual img{position:relative;z-index:2;width:100%;max-width:720px;filter:drop-shadow(0 30px 30px #000)}.halo{position:absolute;width:75%;height:55%;border-radius:50%;background:radial-gradient(ellipse,#4aff85 0,rgba(0,200,76,.23) 8%,transparent 67%);filter:blur(12px)}
.feature-section{border-top:1px solid #0d321e}.sectionhead{max-width:900px;margin-bottom:65px}.featuregrid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.featuregrid article{background:linear-gradient(145deg,#07160d,#010403);padding:38px;min-height:250px}.featuregrid b{font:28px monospace;color:var(--g)}.featuregrid h3{font-size:15px;letter-spacing:.12em;margin:28px 0 13px}.featuregrid p{color:var(--muted);line-height:1.65;font-size:13px}
.hardware{padding:120px 7vw;background:radial-gradient(circle at 50% 60%,rgba(0,184,72,.12),transparent 35%),#010302;border-top:1px solid #0d321e}.hardwarecopy{max-width:1500px;margin:0 auto 55px}.gallery{max-width:1150px;margin:auto;display:grid;grid-template-columns:60px 1fr 60px;align-items:center}.stage{position:relative;min-height:520px;display:flex;align-items:center;justify-content:center;border:1px solid #123e25;background:linear-gradient(#030b06,#000)}.stage img{max-width:88%;max-height:480px;object-fit:contain;filter:drop-shadow(0 25px 30px #000)}.caption{position:absolute;bottom:20px;left:24px;color:var(--g);font:10px monospace;letter-spacing:.25em}.arrow{height:70px;border:0;background:none;color:var(--g);font-size:52px;cursor:pointer}.thumbs{display:flex;justify-content:center;gap:10px;margin-top:18px}.thumbs button{width:115px;height:75px;border:1px solid #183b27;background:#020503;padding:5px;cursor:pointer}.thumbs button.active{border-color:var(--g);box-shadow:0 0 13px rgba(60,255,125,.2)}.thumbs img{width:100%;height:100%;object-fit:contain}
.spec-section{border-top:1px solid #0d321e}.specgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.specgrid div{background:#020604;padding:32px}.specgrid strong{display:block;color:var(--g);font-size:24px;margin-bottom:8px}.specgrid span{font-size:11px;color:#95a79c}
.control{border-top:1px solid #0d321e}.controlvisual img{width:100%;filter:drop-shadow(0 25px 30px #000)}
.utility{max-width:none;padding-left:10vw;padding-right:10vw;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #123d25;background:radial-gradient(circle at 75%,rgba(0,170,67,.1),transparent 24%)}.utility h2{font-size:clamp(30px,4vw,52px);font-weight:300;letter-spacing:.1em;margin:0 0 14px}.utility p:not(.kicker){color:var(--muted)}
.community{text-align:center;border-top:1px solid #123d25}.community h2{font-size:clamp(36px,5vw,68px)}
.final{text-align:center;padding:100px 6vw 120px;background:radial-gradient(circle,rgba(0,185,72,.16),transparent 38%);border-top:1px solid #123d25}.final img{width:min(620px,80vw);filter:drop-shadow(0 25px 35px #000);margin-bottom:20px}.final h2{font-size:clamp(26px,4vw,50px);margin:10px 0 32px}
footer{height:95px;border-top:1px solid var(--line);display:flex;align-items:center;gap:25px;padding:0 5vw;color:#6a8072;font-size:10px;letter-spacing:.18em}footer img{width:130px}footer span{color:#a5ffbe;font-weight:bold}footer small{margin-left:auto}
.reveal{opacity:0;transform:translateY(22px);transition:.7s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:900px){.product,.control{grid-template-columns:1fr}.featuregrid{grid-template-columns:1fr 1fr}.specgrid{grid-template-columns:1fr 1fr}.utility{display:block}.utility a{margin-top:20px}.gallery{grid-template-columns:40px 1fr 40px}.stage{min-height:400px}}
@media(max-width:600px){.approved-top{overflow:hidden}.approved-top>img{width:190%;max-width:none;transform:translateX(-23.5%)}.hotspots{display:none}.signalbar{overflow:hidden;justify-content:flex-start;padding:0 18px;white-space:nowrap}.section,.hardware{padding:75px 22px}.featuregrid,.specgrid{grid-template-columns:1fr}.product{min-height:auto}.productvisual{min-height:300px}.gallery{grid-template-columns:30px 1fr 30px}.stage{min-height:300px}.thumbs button{width:72px;height:52px}.hardwarecopy h2{font-size:42px}.utility{padding:65px 24px}.actions{flex-direction:column}.actions a{text-align:center}footer{flex-wrap:wrap;height:auto;padding:25px}footer small{margin-left:0}}

.lab{border-top:1px solid #0d321e;background:radial-gradient(circle at 50% 35%,rgba(31,255,106,.08),transparent 30%)}
.labgrid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.labcard{position:relative;min-height:280px;padding:42px;border:1px solid #17442a;background:linear-gradient(135deg,rgba(5,25,12,.88),rgba(0,3,1,.95));overflow:hidden}
.labcard:after{content:"";position:absolute;right:-55px;bottom:-55px;width:150px;height:150px;border:1px solid rgba(77,255,135,.18);transform:rotate(45deg)}
.labcard span{font:10px monospace;color:#60ff98;letter-spacing:.24em}.labcard h3{font-size:20px;letter-spacing:.09em;max-width:500px;margin:32px 0 15px}.labcard p{color:#9bada2;line-height:1.7;max-width:580px}
@media(max-width:700px){.labgrid{grid-template-columns:1fr}}

/* V3 cinematic HUD extension */
.system-status{height:42px;border-top:1px solid #164729;border-bottom:1px solid #164729;background:#020804;display:flex;align-items:center;justify-content:center;gap:42px;padding:0 5vw;font:9px monospace;letter-spacing:.18em;color:#6d8c78;white-space:nowrap;overflow:hidden}
.system-status div:first-child{color:#70ff9d}.system-status i,.live i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#58ff8c;box-shadow:0 0 10px #58ff8c;margin-right:8px}
.signal-map{position:relative;overflow:hidden;border-top:1px solid #0d321e;background:linear-gradient(180deg,#010402,#030a05 50%,#010302)}
.signal-map:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(65,255,124,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(65,255,124,.035) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,transparent,#000 20%,#000 80%,transparent)}
.signal-copy{position:relative;z-index:2;max-width:760px}.signal-copy>p:last-child{color:#8fa297;line-height:1.7;max-width:620px}
.matrix-hud{position:relative;height:360px;margin-top:60px;border:1px solid #174329;background:rgba(0,9,3,.75);overflow:hidden}
.matrix-hud:before{content:"MATRIX ROUTING / REAL-TIME SIGNAL PATH";position:absolute;top:14px;left:18px;font:9px monospace;letter-spacing:.2em;color:#477356}
.matrix-hud svg{position:absolute;inset:0;width:100%;height:100%;z-index:1}.matrix-hud path{fill:none;stroke:#32ff75;stroke-width:1.2;opacity:.38;filter:drop-shadow(0 0 5px #20ff67)}
.hud-node,.hud-core{position:absolute;z-index:3;border:1px solid #235f39;background:#020904;box-shadow:inset 0 0 30px rgba(34,255,100,.035)}
.hud-node{width:160px;padding:17px 18px}.hud-node small{display:block;font:8px monospace;color:#527660;letter-spacing:.18em}.hud-node b{display:block;margin:5px 0;color:#8affad;font:15px monospace}.hud-node span{font:8px monospace;color:#61766a}
.hud-node:nth-of-type(1){left:20px;top:55px}.hud-node:nth-of-type(2){left:20px;bottom:35px}.hud-node:nth-of-type(4){right:20px;top:55px}.hud-node:nth-of-type(5){right:20px;bottom:35px}
.hud-core{left:50%;top:50%;transform:translate(-50%,-50%);width:235px;height:112px;text-align:center;padding-top:24px;box-shadow:0 0 50px rgba(39,255,103,.12),inset 0 0 30px rgba(39,255,103,.06)}
.hud-core span{display:block;font:8px monospace;color:#70917b}.hud-core strong{display:block;font-size:27px;letter-spacing:.13em;color:#dfffe8;text-shadow:0 0 18px #35ff77}.hud-core em{font:8px monospace;color:#58ff8b;letter-spacing:.18em;font-style:normal}
.diagnostics{position:relative;background:radial-gradient(circle at 50% 50%,rgba(26,126,57,.13),transparent 42%),#010301;border-top:1px solid #123820}
.diag-shell{border:1px solid #1a5030;background:#020704;box-shadow:0 0 80px rgba(24,255,91,.04)}
.diag-top{height:44px;padding:0 18px;border-bottom:1px solid #153c25;display:flex;align-items:center;justify-content:space-between;font:9px monospace;letter-spacing:.18em;color:#6f8d79}.diag-top .live{color:#6cff99}
.diag-grid{display:grid;grid-template-columns:1.55fr .8fr}.diag-screen{min-height:310px;position:relative;padding:50px;background:linear-gradient(135deg,rgba(8,32,15,.9),rgba(1,5,2,.95));overflow:hidden}.diag-screen:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 3px,rgba(75,255,125,.025) 4px)}
.diag-screen p{font:10px monospace;letter-spacing:.18em;color:#75937f}.diag-screen p span{color:#55ff89;margin-right:18px}.diag-screen h3{font:700 clamp(30px,5vw,62px) Arial;margin:28px 0 14px;letter-spacing:.04em;color:#d8ffe3;text-shadow:0 0 24px rgba(68,255,122,.3)}
.telemetry{display:flex;gap:9px;flex-wrap:wrap}.telemetry b{border:1px solid #286d40;padding:8px 11px;font:9px monospace;color:#72ff9e}
.wave{position:absolute;left:50px;right:50px;bottom:40px;height:55px;display:flex;gap:8px;align-items:end}.wave i{flex:1;background:#39ff78;box-shadow:0 0 8px #39ff78;opacity:.5}.wave i:nth-child(1){height:18%}.wave i:nth-child(2){height:55%}.wave i:nth-child(3){height:28%}.wave i:nth-child(4){height:82%}.wave i:nth-child(5){height:40%}.wave i:nth-child(6){height:68%}.wave i:nth-child(7){height:25%}.wave i:nth-child(8){height:76%}.wave i:nth-child(9){height:38%}
.diag-data{border-left:1px solid #153c25;padding:24px}.diag-data p{border-bottom:1px solid #102c1b;padding:17px 4px;margin:0;display:flex;justify-content:space-between;gap:20px;font:9px monospace}.diag-data span{color:#587060}.diag-data b{color:#8cffad;text-align:right}
@media(max-width:800px){.system-status{justify-content:flex-start;gap:24px}.matrix-hud{height:520px}.matrix-hud svg{display:none}.hud-node{width:calc(50% - 30px)}.hud-node:nth-of-type(1){left:15px;top:55px}.hud-node:nth-of-type(2){left:auto;right:15px;top:55px;bottom:auto}.hud-core{top:50%;width:calc(100% - 30px)}.hud-node:nth-of-type(4){left:15px;right:auto;top:auto;bottom:35px}.hud-node:nth-of-type(5){right:15px;top:auto;bottom:35px}.diag-grid{grid-template-columns:1fr}.diag-data{border-left:0;border-top:1px solid #153c25}.diag-screen{padding:32px}.wave{left:32px;right:32px}}

/* V4 — Vertex Technical Core holographic console */
.spec-section{max-width:none!important;padding:120px 7vw!important;position:relative;overflow:hidden;background:
radial-gradient(circle at 50% 48%,rgba(20,255,91,.12),transparent 25%),
linear-gradient(180deg,#010301,#020804 48%,#010301);border-top:1px solid #16472a}
.spec-section:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:
linear-gradient(rgba(64,255,121,.028) 1px,transparent 1px),
linear-gradient(90deg,rgba(64,255,121,.028) 1px,transparent 1px);background-size:42px 42px;
mask-image:linear-gradient(to bottom,transparent 0,#000 15%,#000 88%,transparent)}
.spec-hud-head{max-width:1500px;margin:0 auto 45px;display:flex;justify-content:space-between;align-items:end;position:relative;z-index:2}
.spec-hud-head h2{font-weight:300;font-size:clamp(42px,5.6vw,82px);line-height:1;letter-spacing:.08em;margin:0}
.spec-hud-head h2 strong{color:#dcffe6;text-shadow:0 0 22px rgba(61,255,119,.2)}
.spec-status{min-width:240px;border-left:1px solid #2a6a40;padding:10px 0 10px 20px;font:8px monospace;letter-spacing:.18em;color:#55705e}
.spec-status i{display:inline-block;width:5px;height:5px;background:#56ff8c;border-radius:50%;box-shadow:0 0 10px #56ff8c;margin-right:8px}
.spec-status span{color:#71947c}.spec-status b{display:block;color:#65ff94;font-size:12px;margin:6px 0}.spec-status small{font-size:7px}
.spec-console{max-width:1500px;height:850px;margin:auto;border:1px solid #174a2b;position:relative;overflow:hidden;background:
radial-gradient(circle at center,rgba(35,255,103,.11),transparent 23%),
linear-gradient(135deg,rgba(3,15,7,.96),rgba(0,3,1,.98));box-shadow:inset 0 0 100px rgba(0,0,0,.8),0 0 60px rgba(25,255,92,.025)}
.spec-console:before,.spec-console:after{content:"";position:absolute;border:1px solid rgba(61,255,117,.09);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}
.spec-console:before{width:610px;height:610px}.spec-console:after{width:470px;height:470px;border-style:dashed}
.console-rail{height:42px;border-bottom:1px solid #153c24;display:flex;align-items:center;justify-content:space-between;padding:0 18px;font:8px monospace;letter-spacing:.18em;color:#52705d;position:relative;z-index:8}
.console-rail span:nth-child(2){color:#72947d}.console-rail .pulse{color:#67ff96}.pulse i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#59ff8e;box-shadow:0 0 10px #59ff8e;margin-right:7px}
.spec-core{position:absolute;left:50%;top:51%;transform:translate(-50%,-50%);width:260px;height:260px;border:1px solid #2d8150;border-radius:50%;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle,rgba(24,114,50,.38),rgba(1,7,3,.95) 66%);box-shadow:0 0 55px rgba(43,255,106,.18),inset 0 0 45px rgba(43,255,106,.08)}
.spec-core:before,.spec-core:after{content:"";position:absolute;background:#4aff82;box-shadow:0 0 9px #4aff82}.spec-core:before{width:1px;height:330px;opacity:.13}.spec-core:after{height:1px;width:330px;opacity:.13}
.spec-core span{font:8px monospace;color:#6f9b7b;letter-spacing:.18em}.spec-core strong{font-size:31px;letter-spacing:.14em;color:#e0ffe8;text-shadow:0 0 18px #36ff76;margin:4px 0}.spec-core em{font:8px monospace;color:#5fff90;letter-spacing:.2em;font-style:normal}.spec-core small{position:absolute;bottom:45px;font:7px monospace;color:#486e55;letter-spacing:.15em}
.core-ring{position:absolute;border:1px solid rgba(71,255,128,.23);border-radius:50%}.r1{width:290px;height:290px;border-style:dashed;animation:spin 35s linear infinite}.r2{width:220px;height:220px;border-color:rgba(71,255,128,.1);animation:spin 22s linear infinite reverse}@keyframes spin{to{transform:rotate(360deg)}}
.spec-orbit{position:absolute;inset:70px 38px 38px;z-index:4}
.spec-module{position:absolute;width:225px;min-height:112px;padding:14px 16px;border:1px solid #1b5633;background:linear-gradient(135deg,rgba(5,25,11,.95),rgba(1,7,3,.97));box-shadow:inset 0 0 25px rgba(50,255,111,.025);transition:.25s ease}
.spec-module:hover{border-color:#53ff88;transform:translateY(-3px);box-shadow:0 0 25px rgba(53,255,117,.11),inset 0 0 25px rgba(53,255,117,.05)}
.spec-module:before{content:"";position:absolute;left:-1px;top:-1px;width:24px;height:2px;background:#5aff8e;box-shadow:0 0 8px #5aff8e}
.spec-module span{display:block;font:7px monospace;letter-spacing:.18em;color:#52705d}.spec-module strong{display:block;color:#89ffac;font:700 17px monospace;margin:9px 0 5px;text-shadow:0 0 12px rgba(69,255,122,.14)}.spec-module p{margin:0;color:#789082;font:9px/1.45 monospace;letter-spacing:.04em}
.m1{left:1%;top:2%}.m2{left:22%;top:0}.m3{right:22%;top:0}.m4{right:1%;top:2%}
.m5{left:0;top:35%}.m6{right:0;top:35%}.m7{left:0;bottom:18%}.m8{right:0;bottom:18%}
.m9{left:1%;bottom:0}.m10{left:22%;bottom:0}.m11{right:22%;bottom:0}.m12{right:1%;bottom:0}
@media(max-width:1050px){.spec-console{height:auto;padding:65px 20px 25px}.spec-console:before,.spec-console:after,.spec-core{display:none}.spec-orbit{position:relative;inset:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.spec-module{position:relative!important;inset:auto!important;width:auto;min-height:125px}.console-rail{margin:-65px -20px 25px}}
@media(max-width:720px){.spec-hud-head{display:block}.spec-status{margin-top:25px}.spec-orbit{grid-template-columns:1fr 1fr}.console-rail span:nth-child(2){display:none}}
@media(max-width:460px){.spec-orbit{grid-template-columns:1fr}.spec-console{padding-left:12px;padding-right:12px}.console-rail{margin-left:-12px;margin-right:-12px}}

/* V5 — genuine HTML header and hero; no header/menu baked into an image */
.real-header{height:92px;position:absolute;z-index:50;left:0;right:0;top:0;display:flex;align-items:center;padding:0 4.5vw;border-bottom:1px solid rgba(76,255,129,.13);background:linear-gradient(180deg,rgba(0,0,0,.78),rgba(0,0,0,.18),transparent)}
.real-brand{height:62px;display:flex;align-items:center;gap:19px;text-decoration:none;flex-shrink:0}.hdfury-brand-img{width:145px;height:auto;display:block}.brand-divider{height:35px;width:1px;background:linear-gradient(transparent,#48ff81,transparent);box-shadow:0 0 8px rgba(72,255,129,.35)}
.vertex-brand-img{display:block;max-width:170px;max-height:48px;object-fit:contain;filter:drop-shadow(0 0 7px rgba(61,255,121,.25))}.vertex-word{font-size:27px;letter-spacing:.13em;color:#eaffef;text-shadow:0 0 12px #3aff78}
.real-nav{margin-left:auto;display:flex;align-items:center;gap:clamp(15px,1.7vw,30px)}.real-nav a{text-decoration:none;font:9px monospace;letter-spacing:.13em;color:#c3cec6;position:relative;padding:11px 0}.real-nav a:not(.header-buy):after{content:"";position:absolute;left:50%;right:50%;bottom:3px;height:1px;background:#55ff89;transition:.2s}.real-nav a:hover{color:#71ff9d}.real-nav a:hover:after{left:0;right:0}.real-nav .header-buy{padding:11px 17px;border:1px solid #55ff89;color:#76ff9f;background:rgba(20,255,88,.05);box-shadow:inset 0 0 16px rgba(31,255,91,.03)}
.menu-toggle{display:none;margin-left:auto;background:none;border:1px solid #2a623e;color:#65ff93;padding:10px 13px;font:9px monospace;letter-spacing:.15em}
.real-hero{height:min(900px,92vh);min-height:690px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 77%,rgba(35,255,100,.18),transparent 26%),linear-gradient(#000 0%,#010302 64%,#06130a 100%);border-bottom:1px solid #17442a}
.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(63,255,120,.026) 1px,transparent 1px),linear-gradient(90deg,rgba(63,255,120,.026) 1px,transparent 1px);background-size:55px 55px;mask-image:linear-gradient(transparent 8%,#000 48%,transparent 92%)}
.real-hero:before{content:"";position:absolute;left:-10%;right:-10%;bottom:10%;height:150px;border-top:1px solid rgba(72,255,128,.65);border-radius:50%;box-shadow:0 -6px 28px rgba(44,255,107,.22),0 0 90px rgba(44,255,107,.13);transform:perspective(700px) rotateX(66deg)}
.hero-copy{position:absolute;z-index:5;left:50%;top:20%;transform:translateX(-50%);text-align:center;width:90%}.hero-eyebrow{font:9px monospace;letter-spacing:.42em;color:#62ff91}.hero-copy h1{margin:9px 0 5px;font-size:clamp(72px,11vw,165px);line-height:.9;letter-spacing:.13em;color:#f1fff5;font-weight:800;text-shadow:0 0 28px rgba(56,255,118,.13)}.hero-sub{font:9px monospace;letter-spacing:.23em;color:#71877a}.hero-explore{display:inline-block;margin-top:20px;text-decoration:none;color:#72ff9e;font:8px monospace;letter-spacing:.2em}.hero-explore span{margin-left:10px}
.hero-device{position:absolute;z-index:4;left:50%;bottom:5%;transform:translateX(-50%);width:min(760px,62vw);height:45%;display:flex;align-items:end;justify-content:center}.hero-device img{position:relative;z-index:4;width:100%;max-height:100%;object-fit:contain;filter:drop-shadow(0 35px 30px #000) drop-shadow(0 0 18px rgba(42,255,105,.13))}
.hero-orbit{position:absolute;left:50%;top:52%;transform:translate(-50%,-50%);border:1px solid rgba(75,255,130,.12);border-radius:50%}.orbit-a{width:115%;height:68%}.orbit-b{width:87%;height:52%;border-style:dashed}.hero-horizon{position:absolute;left:-25%;right:-25%;bottom:3%;height:1px;background:#52ff89;box-shadow:0 0 18px #37ff76}
.hero-tech{position:absolute;z-index:6;top:49%;width:165px;border-top:1px solid #2b7345;padding-top:9px;font-family:monospace}.hero-tech.left{left:5vw}.hero-tech.right{right:5vw;text-align:right}.hero-tech span{display:block;color:#4e6f59;font-size:7px;letter-spacing:.16em}.hero-tech b{display:block;color:#6cff98;font-size:15px;margin:5px 0}.hero-tech small{color:#506458;font-size:7px;letter-spacing:.13em}
@media(max-width:1050px){.real-header{padding:0 25px}.real-nav{gap:13px}.real-nav a{font-size:8px}.hdfury-brand-img{width:120px}.vertex-brand-img{max-width:140px}}
@media(max-width:820px){.real-header{height:78px;position:absolute}.menu-toggle{display:block}.real-nav{display:none;position:absolute;top:72px;left:18px;right:18px;margin:0;padding:18px;background:rgba(0,8,3,.98);border:1px solid #205936;flex-direction:column;align-items:stretch}.real-nav.open{display:flex}.real-nav a{text-align:center;padding:12px}.hdfury-brand-img{width:110px}.vertex-brand-img{max-width:125px}.brand-divider{height:28px}.real-hero{min-height:650px;height:84vh}.hero-device{width:86vw;height:42%}.hero-tech{display:none}.hero-copy{top:22%}.hero-copy h1{font-size:clamp(55px,16vw,105px)}}
@media(max-width:480px){.real-brand{gap:11px}.hdfury-brand-img{width:92px}.vertex-brand-img{max-width:105px}.real-header{padding:0 15px}.hero-copy h1{letter-spacing:.07em}.hero-sub{font-size:7px;letter-spacing:.12em}.real-hero{min-height:610px}}

/* V6 compact hero — product floating in front of the VERTEX word */
.compact-hero{height:690px!important;min-height:690px!important;background:
radial-gradient(ellipse at 50% 70%,rgba(33,255,101,.18),transparent 29%),
linear-gradient(180deg,#000 0,#010402 68%,#06130a 100%)!important}
.compact-hero:before{bottom:4%!important;height:125px!important}
.hero-title-layer{position:absolute;z-index:2;left:50%;top:155px;transform:translateX(-50%);width:100%;text-align:center;pointer-events:none}
.hero-title-layer p{margin:0 0 7px;color:#66ff94;font:8px monospace;letter-spacing:.48em}
.hero-title-layer h1{margin:0;color:#effff4;font:800 clamp(95px,15vw,210px)/.8 Arial;letter-spacing:.12em;text-shadow:0 0 35px rgba(55,255,117,.14);opacity:.93}
.floating-product{position:absolute;z-index:6;left:50%;top:245px;transform:translateX(-50%);width:min(720px,60vw);height:315px;display:flex;align-items:center;justify-content:center;animation:vertexFloat 5.5s ease-in-out infinite}
.floating-product img{position:relative;z-index:3;max-width:100%;max-height:100%;object-fit:contain;filter:drop-shadow(0 38px 28px rgba(0,0,0,.95)) drop-shadow(0 0 17px rgba(49,255,111,.15))}
.product-glow{position:absolute;z-index:1;width:75%;height:45%;bottom:15%;border-radius:50%;background:radial-gradient(ellipse,rgba(64,255,124,.3),rgba(20,199,72,.08) 35%,transparent 70%);filter:blur(14px)}
@keyframes vertexFloat{0%,100%{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(-9px)}}
.hero-radar{position:absolute;z-index:1;left:50%;top:55%;transform:translate(-50%,-50%);border:1px solid rgba(74,255,129,.1);border-radius:50%;pointer-events:none}.radar-a{width:800px;height:800px}.radar-b{width:610px;height:610px;border-style:dashed;animation:spin 45s linear infinite}
.hero-console{position:absolute;z-index:9;left:50%;bottom:40px;transform:translateX(-50%);height:42px;display:flex;align-items:center;justify-content:center;background:rgba(0,8,3,.82);border:1px solid #245d39;box-shadow:0 0 28px rgba(42,255,103,.06);backdrop-filter:blur(8px);white-space:nowrap}
.hero-console span{height:100%;display:flex;align-items:center;padding:0 19px;border-right:1px solid #163a24;color:#73917e;font:8px monospace;letter-spacing:.12em}.hero-console span:last-child{border-right:0}.hero-console span:first-child{color:#70ff9b}.hero-console i{width:5px;height:5px;border-radius:50%;background:#5aff8e;box-shadow:0 0 9px #5aff8e;margin-right:9px}
.compact-explore{position:absolute;z-index:10;bottom:101px;left:50%;transform:translateX(-50%);margin:0!important;color:#75ff9e!important}.compact-explore b{font-size:13px;margin-left:8px}
.compact-hero + .signalbar{display:none!important}
@media(max-width:820px){.compact-hero{height:620px!important;min-height:620px!important}.hero-title-layer{top:155px}.hero-title-layer h1{font-size:clamp(72px,19vw,130px)}.floating-product{top:245px;width:88vw;height:250px}.hero-console{bottom:28px;max-width:94vw;overflow:hidden}.hero-console span{padding:0 10px;font-size:7px}.hero-console span:nth-child(5),.hero-console span:nth-child(6){display:none}.compact-explore{bottom:84px}.radar-a{width:600px;height:600px}.radar-b{width:440px;height:440px}}
@media(max-width:480px){.compact-hero{height:570px!important;min-height:570px!important}.hero-title-layer{top:145px}.floating-product{top:225px;height:225px}.hero-console span:nth-child(4){display:none}.hero-console{height:38px}.compact-explore{bottom:77px}}

/* V7 — fully programmed hero using exact supplied product PNG */
.compact-hero{
  height:720px!important;min-height:720px!important;
  background:
   radial-gradient(ellipse at 50% 67%,rgba(37,255,105,.20),transparent 25%),
   radial-gradient(ellipse at 50% 88%,rgba(26,145,61,.13),transparent 34%),
   linear-gradient(180deg,#000 0%,#010402 58%,#06120a 100%)!important;
}
.compact-hero .hero-grid{
 background-size:52px 52px;
 opacity:.8;
 transform:perspective(700px) rotateX(63deg) scale(1.35);
 transform-origin:center 70%;
 top:43%;
}
.compact-hero:after{
 content:"";position:absolute;z-index:1;left:50%;bottom:44px;transform:translateX(-50%);
 width:min(1050px,88vw);height:210px;border-radius:50%;
 border:1px solid rgba(75,255,130,.32);
 box-shadow:0 0 30px rgba(62,255,119,.16),inset 0 0 50px rgba(48,255,107,.08);
 background:repeating-radial-gradient(ellipse at center,transparent 0 34px,rgba(63,255,121,.08) 35px 36px);
}
.hero-title-layer{top:142px!important;z-index:2!important}
.hero-title-layer p{letter-spacing:.58em!important;color:#78ffa2!important}
.hero-title-layer h1{
 font-size:clamp(110px,16vw,230px)!important;
 letter-spacing:.15em!important;
 color:rgba(228,255,236,.91)!important;
 text-shadow:0 0 12px rgba(70,255,128,.15),0 0 60px rgba(37,255,101,.08)!important;
}
.floating-product{
 z-index:7!important;top:230px!important;
 width:min(880px,70vw)!important;height:385px!important;
 animation:vertexFloat7 5.2s ease-in-out infinite!important;
}
.floating-product img{
 width:100%!important;height:100%!important;object-fit:contain!important;
 filter:drop-shadow(0 45px 27px rgba(0,0,0,.95)) drop-shadow(0 0 25px rgba(48,255,109,.20))!important;
}
.product-glow{width:88%!important;height:52%!important;bottom:3%!important;background:radial-gradient(ellipse,rgba(65,255,126,.35),rgba(20,196,70,.10) 38%,transparent 72%)!important}
@keyframes vertexFloat7{
 0%,100%{transform:translateX(-50%) translateY(0) rotate(-.25deg)}
 50%{transform:translateX(-50%) translateY(-12px) rotate(.25deg)}
}
.radar-a{width:880px!important;height:880px!important;border-color:rgba(71,255,126,.13)!important}
.radar-b{width:670px!important;height:670px!important;border-color:rgba(71,255,126,.16)!important}
.compact-hero .hero-radar:after{
 content:"";position:absolute;left:50%;top:50%;width:1px;height:50%;background:linear-gradient(#52ff88,transparent);
 transform-origin:0 0;animation:radarSweep 9s linear infinite;opacity:.32
}
@keyframes radarSweep{to{transform:rotate(360deg)}}
.hero-console{
 bottom:25px!important;z-index:10!important;
 background:rgba(0,7,3,.90)!important;border-color:#337a4c!important;
 box-shadow:0 0 35px rgba(49,255,109,.10),inset 0 0 20px rgba(49,255,109,.025)!important;
}
.compact-explore{bottom:83px!important;z-index:11!important}
@media(max-width:820px){
 .compact-hero{height:650px!important;min-height:650px!important}
 .hero-title-layer{top:142px!important}
 .hero-title-layer h1{font-size:clamp(72px,19vw,135px)!important}
 .floating-product{top:245px!important;width:94vw!important;height:285px!important}
 .compact-hero:after{bottom:40px;height:155px}
 .compact-explore{bottom:80px!important}
}
@media(max-width:480px){
 .compact-hero{height:600px!important;min-height:600px!important}
 .floating-product{top:225px!important;height:260px!important}
 .hero-title-layer h1{font-size:20vw!important}
}

/* V8 — programmed transparent VERTEX wireframe with animated energy tracing */
.wire-title{top:125px!important;height:245px!important}
.wire-title p{position:relative;z-index:5;margin-bottom:-8px!important}
.vertex-wire{display:block;width:min(1400px,94vw);height:245px;margin:0 auto;overflow:visible}
.vertex-wire text{font-family:Arial Black,Arial,sans-serif;font-size:220px;font-weight:900;letter-spacing:18px;fill:transparent;stroke-linejoin:round}
.wire-base{stroke:#17492a;stroke-width:2;opacity:.6}
.wire-run{stroke:url(#wireGradient);stroke-width:2.3;stroke-dasharray:110 980;filter:url(#wireGlow);opacity:.95}
.wire-run-a{animation:wireTravel 7s linear infinite}
.wire-run-b{stroke-width:1;stroke-dasharray:24 520;animation:wireTravelReverse 4.6s linear infinite;opacity:.65}
.wire-spark{stroke:#baffcb;stroke-width:4;stroke-dasharray:3 1550;filter:url(#wireGlow);animation:wireSpark 5.2s linear infinite}
@keyframes wireTravel{to{stroke-dashoffset:-1090}}
@keyframes wireTravelReverse{from{stroke-dashoffset:-900}to{stroke-dashoffset:0}}
@keyframes wireSpark{to{stroke-dashoffset:-1553}}
/* faint technical ghost contours behind the main outline */
.vertex-wire:before{content:""}
.hero-side-hud{position:absolute;z-index:8;top:345px;width:155px;padding:17px 14px;border-top:1px solid #398458;border-bottom:1px solid #1a452b;font:8px/1.8 monospace;letter-spacing:.22em;color:#6f9a7c}
.hero-side-hud:before,.hero-side-hud:after{content:"";position:absolute;width:18px;height:18px;border-color:#58ff8c}.hero-side-hud:before{left:0;top:-1px;border-left:1px solid;border-top:1px solid}.hero-side-hud:after{right:0;bottom:-1px;border-right:1px solid;border-bottom:1px solid}
.hero-side-hud span{display:block}.hero-side-hud i{display:block;width:5px;height:5px;border-radius:50%;background:#5cff8e;box-shadow:0 0 12px #5cff8e;margin-bottom:8px}
.hud-left{left:4.5vw}.hud-right{right:4.5vw;text-align:right}.hud-right i{margin-left:auto}
.floating-product{top:250px!important;z-index:10!important}
@media(max-width:1050px){.hero-side-hud{display:none}.vertex-wire text{font-size:205px;letter-spacing:10px}}
@media(max-width:820px){.wire-title{top:130px!important}.vertex-wire{height:190px}.vertex-wire text{font-size:190px;letter-spacing:6px}.floating-product{top:235px!important}}
@media(max-width:480px){.vertex-wire{height:150px}.vertex-wire text{font-size:170px;letter-spacing:2px}.floating-product{top:215px!important}}
@media(prefers-reduced-motion:reduce){.wire-run-a,.wire-run-b,.wire-spark,.floating-product,.radar-b,.compact-hero .hero-radar:after{animation:none!important}}

/* V9 interactive technology buttons + explanation console */
.spec-buttons{height:56px!important}
.spec-buttons button{height:100%;min-width:128px;padding:0 18px;border:0;border-right:1px solid #163a24;background:transparent;color:#73917e;cursor:pointer;font-family:monospace;transition:.2s;position:relative}
.spec-buttons button:last-child{border-right:0}.spec-buttons button b{display:block;font-size:9px;letter-spacing:.1em;color:#8ca598}.spec-buttons button small{display:block;margin-top:4px;font-size:6px;letter-spacing:.16em;color:#40594a}.spec-buttons button:first-child i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#5aff8e;box-shadow:0 0 9px #5aff8e;margin-right:6px}
.spec-buttons button:hover,.spec-buttons button.active{background:rgba(64,255,121,.08);box-shadow:inset 0 -2px #59ff8d}.spec-buttons button:hover b,.spec-buttons button.active b{color:#73ff9d}
.tech-explainer{padding:115px 7vw 125px;background:radial-gradient(circle at 23% 58%,rgba(31,255,96,.08),transparent 25%),#010402;border-top:1px solid #143b24;border-bottom:1px solid #143b24}
.tech-explainer-head{max-width:1450px;margin:auto;display:grid;grid-template-columns:1.1fr .7fr;gap:80px;align-items:end}.tech-explainer-head h2{font-size:clamp(42px,5vw,76px);font-weight:300;line-height:.95;letter-spacing:.04em;margin:0}.tech-explainer-head h2 strong{color:#dfffe8}.tech-explainer-head>p{color:#819388;line-height:1.7;max-width:560px}
.tech-tabs{max-width:1450px;margin:50px auto 0;display:grid;grid-template-columns:repeat(6,1fr);border:1px solid #1a4c2d}.tech-tabs button{height:56px;border:0;border-right:1px solid #173b25;background:#020804;color:#687f6f;font:8px monospace;letter-spacing:.12em;cursor:pointer}.tech-tabs button:last-child{border:0}.tech-tabs button.active{color:#72ff9d;background:rgba(43,255,104,.09);box-shadow:inset 0 -2px #55ff88}
.tech-panel{max-width:1450px;min-height:440px;margin:16px auto 0;display:grid;grid-template-columns:.9fr 1.1fr;border:1px solid #1a4c2d;background:linear-gradient(135deg,rgba(4,20,9,.94),rgba(0,5,2,.98))}
.tech-visual{position:relative;min-height:440px;border-right:1px solid #173b25;overflow:hidden;background:radial-gradient(circle,rgba(44,255,105,.12),transparent 38%)}
.tech-copy{padding:55px 60px}.tech-copy>span{font:8px monospace;color:#5fff91;letter-spacing:.2em}.tech-copy h3{font-size:clamp(35px,4vw,62px);margin:12px 0 18px;letter-spacing:.05em}.tech-lead{font-size:17px;line-height:1.65;color:#b0beb5;max-width:720px}.tech-facts{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:28px 0}.tech-facts div{border:1px solid #183d26;padding:13px 15px}.tech-facts small{display:block;font:7px monospace;letter-spacing:.14em;color:#4f6c58}.tech-facts b{display:block;margin-top:5px;color:#72ff9c;font:12px monospace}
.tech-example{border-left:2px solid #56ff89;padding:2px 0 2px 17px;margin-top:26px}.tech-example small{font:7px monospace;color:#5b7663;letter-spacing:.17em}.tech-example p{margin:7px 0 0;color:#93a399;line-height:1.55}
.tech-visual .tv{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:70%;aspect-ratio:16/9;border:2px solid #34764a;box-shadow:0 0 40px rgba(45,255,105,.1)}.tech-visual .tv:before{content:"VIDEO SIGNAL";position:absolute;inset:12px;border:1px solid #1d4c2e;display:flex;align-items:center;justify-content:center;color:#62ff91;font:11px monospace;letter-spacing:.2em}.tech-visual .beam{position:absolute;left:8%;right:8%;top:50%;height:1px;background:#57ff8a;box-shadow:0 0 13px #57ff8a}.tech-visual .nodes{position:absolute;inset:0;background-image:radial-gradient(#48ff80 1px,transparent 1px);background-size:24px 24px;opacity:.15}
@media(max-width:850px){.spec-buttons{max-width:96vw;overflow-x:auto;justify-content:flex-start!important}.spec-buttons button{min-width:110px}.tech-explainer-head{grid-template-columns:1fr;gap:25px}.tech-tabs{grid-template-columns:repeat(3,1fr)}.tech-panel{grid-template-columns:1fr}.tech-visual{min-height:280px;border-right:0;border-bottom:1px solid #173b25}.tech-copy{padding:35px 28px}}
@media(max-width:480px){.tech-tabs{grid-template-columns:repeat(2,1fr)}.tech-facts{grid-template-columns:1fr}.tech-explainer{padding-left:18px;padding-right:18px}}
.glossary-link{display:block;max-width:1450px;margin:28px auto 0;color:#67ff96;text-decoration:none;font:9px monospace;letter-spacing:.16em;text-align:right}.glossary-link:hover{text-shadow:0 0 12px #43ff7e}

/* V11: ONLY giant VERTEX behind product changed */
.package-vertex{top:125px!important;height:250px!important}.package-wire{width:min(1580px,96vw)!important;height:250px!important}
.pkg-base path{fill:rgba(0,0,0,.15);stroke:#205c37;stroke-width:2;vector-effect:non-scaling-stroke;opacity:.82}
.pkg-energy path{fill:none;stroke:url(#packageEnergy);stroke-width:2.8;vector-effect:non-scaling-stroke;stroke-dasharray:115 885;stroke-linecap:round;stroke-linejoin:round;filter:url(#packageGlow);animation:pkgTrace 6s linear infinite}
.pkg-energy path:nth-child(2){animation-delay:-1s}.pkg-energy path:nth-child(3){animation-delay:-2s}.pkg-energy path:nth-child(4){animation-delay:-3s}.pkg-energy path:nth-child(5){animation-delay:-4s}.pkg-energy path:nth-child(6){animation-delay:-5s}
@keyframes pkgTrace{to{stroke-dashoffset:-1000}}
@media(max-width:820px){.package-wire{height:195px!important;width:98vw!important}.package-vertex{top:130px!important}}@media(max-width:480px){.package-wire{height:155px!important}}

/* V12 feature matrix — cybernetic Vertex control nodes */
.borg-grid{gap:12px!important;background:transparent!important;border:0!important;position:relative}.borg-grid:before{content:"";position:absolute;inset:-30px;background:linear-gradient(rgba(61,255,123,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(61,255,123,.025) 1px,transparent 1px);background-size:38px 38px;pointer-events:none;mask-image:linear-gradient(transparent,#000 15%,#000 85%,transparent)}
.feature-node{position:relative;overflow:hidden;display:block;min-height:270px;padding:34px!important;text-decoration:none;background:radial-gradient(circle at 100% 0,rgba(57,255,119,.10),transparent 33%),linear-gradient(145deg,#06130b,#010403 72%)!important;border:1px solid #153e25;color:#dffff0;clip-path:polygon(0 0,calc(100% - 22px) 0,100% 22px,100% 100%,18px 100%,0 calc(100% - 18px));transition:.25s ease}
.feature-node:before{content:"";position:absolute;left:0;top:0;width:74px;height:2px;background:#5cff8f;box-shadow:0 0 15px #42ff7d}.feature-node:after{content:"";position:absolute;right:16px;top:16px;width:8px;height:8px;border:1px solid #4cff84;box-shadow:0 0 9px rgba(76,255,132,.55)}.feature-node:hover{transform:translateY(-4px);border-color:#42bd6d;box-shadow:0 18px 45px rgba(0,0,0,.45),inset 0 0 35px rgba(42,255,103,.035)}
.feature-node .node-index{display:block;color:#61ff92;font:32px monospace;letter-spacing:-.08em;text-shadow:0 0 14px rgba(72,255,131,.25)}.node-status{position:absolute;right:34px;top:36px;color:#496552;font:6px monospace;letter-spacing:.16em}.node-status i{display:inline-block;width:4px;height:4px;border-radius:50%;background:#5cff8f;box-shadow:0 0 7px #5cff8f;margin-right:6px}.feature-node h3{margin:34px 0 13px!important;font-size:16px!important;letter-spacing:.13em}.feature-node p{max-width:90%;min-height:64px}.node-link{position:absolute;left:34px;bottom:28px;color:#62816d;font:7px monospace;letter-spacing:.15em}.node-link b{font-size:12px!important;color:#62ff94!important;margin-left:8px}.node-circuit{position:absolute;right:-4px;bottom:20px;width:78px;height:48px;opacity:.28;background:linear-gradient(90deg,transparent 48%,#5aff8c 49%,#5aff8c 51%,transparent 52%),linear-gradient(transparent 48%,#5aff8c 49%,#5aff8c 51%,transparent 52%);background-size:18px 18px}
@media(max-width:900px){.borg-grid{grid-template-columns:1fr 1fr!important}}@media(max-width:600px){.borg-grid{grid-template-columns:1fr!important}.feature-node{min-height:245px}}

/* V14 — Signal Laboratory cybernetic command interface */
.signal-lab-v14{position:relative;overflow:hidden;border-top:1px solid #154329;background:
radial-gradient(circle at 50% 55%,rgba(40,255,106,.12),transparent 24%),
linear-gradient(180deg,#010402,#020a05 52%,#010402)}
.signal-lab-v14:before{content:"";position:absolute;inset:0;background-image:
linear-gradient(rgba(60,255,116,.026) 1px,transparent 1px),
linear-gradient(90deg,rgba(60,255,116,.026) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(transparent,#000 18%,#000 85%,transparent)}
.lab-head{position:relative;z-index:2;display:flex;align-items:end;justify-content:space-between;gap:50px}
.lab-status{min-width:235px;padding:12px 0 12px 20px;border-left:1px solid #31794b;font:8px monospace;letter-spacing:.17em;color:#65816d}.lab-status i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#5cff8f;box-shadow:0 0 10px #5cff8f;margin-right:8px}.lab-status span{color:#6e9079}.lab-status b{display:block;color:#6eff9a;font-size:12px;margin:6px 0}.lab-status small{font-size:7px}
.lab-command{position:relative;z-index:2;height:650px;margin-top:50px;border:1px solid #194b2e;background:rgba(0,8,3,.68);overflow:hidden;box-shadow:inset 0 0 90px rgba(0,0,0,.65)}
.lab-command:before,.lab-command:after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;border:1px solid rgba(69,255,124,.09)}.lab-command:before{width:500px;height:500px}.lab-command:after{width:370px;height:370px;border-style:dashed;animation:spin 35s linear infinite}
.lab-core{position:absolute;z-index:5;left:50%;top:50%;transform:translate(-50%,-50%);width:220px;height:220px;border-radius:50%;border:1px solid #347e4d;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle,rgba(35,125,58,.35),rgba(0,7,3,.96) 68%);box-shadow:0 0 55px rgba(49,255,108,.15),inset 0 0 35px rgba(49,255,108,.08)}
.lab-core small{font:8px monospace;letter-spacing:.2em;color:#668a70}.lab-core strong{font-size:28px;letter-spacing:.15em;color:#e5ffec;text-shadow:0 0 18px #45ff7f;margin:5px 0}.lab-core span{font:8px monospace;letter-spacing:.2em;color:#61ff91}.lab-ring{position:absolute;border-radius:50%;border:1px solid rgba(72,255,127,.2)}.ring1{width:250px;height:250px;border-style:dashed;animation:spin 24s linear infinite}.ring2{width:185px;height:185px;animation:spin 17s linear infinite reverse}
.lab-node{position:absolute;z-index:6;width:300px;min-height:185px;padding:22px 24px;text-decoration:none;border:1px solid #205f39;background:linear-gradient(135deg,rgba(6,27,12,.95),rgba(1,8,3,.98));clip-path:polygon(0 0,calc(100% - 22px) 0,100% 22px,100% 100%,22px 100%,0 calc(100% - 22px));transition:.25s}
.lab-node:before{content:"";position:absolute;left:0;top:0;width:55px;height:2px;background:#5cff8f;box-shadow:0 0 12px #5cff8f}.lab-node:hover{transform:translateY(-5px);border-color:#59ff8c;box-shadow:0 0 35px rgba(52,255,112,.11),inset 0 0 30px rgba(52,255,112,.04)}
.lab-node em{display:block;color:#58ff8b;font:8px monospace;letter-spacing:.19em;font-style:normal}.lab-node b{display:block;margin:16px 0 10px;color:#e0ffe8;font-size:17px;line-height:1.18;letter-spacing:.08em}.lab-node p{margin:0 0 14px;color:#829589;font-size:12px;line-height:1.55}.lab-node>span{color:#5fff91;font:7px monospace;letter-spacing:.15em}
.lab-node.route{left:4%;top:55px}.lab-node.convert{right:4%;top:55px}.lab-node.inspect{left:4%;bottom:55px}.lab-node.customize{right:4%;bottom:55px}
.lab-links{position:absolute;inset:0;width:100%;height:100%;z-index:2}.lab-links path{fill:none;stroke:#3cff79;stroke-width:1;stroke-dasharray:10 12;opacity:.35;filter:drop-shadow(0 0 5px #38ff76);animation:labFlow 10s linear infinite}@keyframes labFlow{to{stroke-dashoffset:-220}}
.lab-footer{position:relative;z-index:2;min-height:54px;border:1px solid #17452a;border-top:0;display:flex;align-items:center;gap:14px;padding:0 18px;color:#526d5a;font:8px monospace;letter-spacing:.14em}.lab-footer i{width:3px;height:3px;border-radius:50%;background:#4cff83;box-shadow:0 0 7px #4cff83}.lab-footer a{margin-left:auto;color:#65ff94;text-decoration:none}.lab-footer a:hover{text-shadow:0 0 10px #4cff83}
@media(max-width:950px){.lab-command{height:auto;padding:28px;display:grid;grid-template-columns:1fr 1fr;gap:12px}.lab-core,.lab-links,.lab-command:before,.lab-command:after{display:none}.lab-node{position:relative!important;inset:auto!important;width:auto;min-height:190px}.lab-footer{flex-wrap:wrap;padding:16px}.lab-footer a{width:100%;margin-left:0}.lab-head{display:block}.lab-status{margin-top:25px}}
@media(max-width:600px){.lab-command{grid-template-columns:1fr;padding:14px}.lab-node{min-height:0}.lab-footer span,.lab-footer i{display:none}}