:root{--bg:#050b0d;--panel:#0c1b20;--ink:#f3f3f3;--muted:#c2c1c1;--cyan:#0c5564;--cyan-bright:#32c8dc;--blue:#325f7f;--orange:#e4672f;--line:rgba(194,193,193,.16)}
body{background:#050b0d;cursor:none}
a,button{cursor:none}
.nav{border-bottom-color:rgba(194,193,193,.14)}
.brand-mark i{background:var(--orange);box-shadow:0 0 18px rgba(228,103,47,.55)}
.contact,.primary{background:var(--orange);color:#fff;clip-path:polygon(0 0,92% 0,100% 28%,100% 100%,8% 100%,0 72%)}
.contact:hover,.primary:hover{background:#f47b45;box-shadow:0 12px 45px rgba(228,103,47,.25)}
.hero{background:#03080a;isolation:isolate}
.hero-video,.hero-photo{position:absolute;inset:-4%;width:108%;height:108%;transform:scale(1.04);transition:transform .15s linear}
.hero-video{z-index:-3;object-fit:cover;object-position:center;filter:saturate(.8) contrast(1.08) brightness(.82)}
.hero-photo{z-index:-4;background:url('./zmkg-production-poster.jpg') center/cover no-repeat;filter:saturate(.88) contrast(1.04)}
.hero-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(2,8,10,.98) 0%,rgba(3,12,15,.88) 27%,rgba(4,14,17,.32) 58%,rgba(0,0,0,.08) 100%),linear-gradient(0deg,rgba(3,9,11,.92) 0%,transparent 35%,rgba(0,0,0,.25) 100%)}
.hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,transparent 49.8%,rgba(50,95,127,.22) 50%,transparent 50.2%);background-size:180px 100%;opacity:.25;pointer-events:none}
.grid-plane,.orbital,.drill{display:none}
.glow-a{background:var(--cyan-bright);opacity:.12}.glow-b{background:var(--orange);opacity:.12}
.hero-content{max-width:760px}.hero h1{font-size:clamp(72px,9.3vw,148px);line-height:.85;letter-spacing:-8px;text-shadow:0 15px 60px rgba(0,0,0,.72)}
.hero h1 em,.section h2 span,.product-aside h2 span,.case-copy h2 span,.about h2 span{-webkit-text-stroke:1px var(--muted);text-shadow:0 0 30px rgba(50,95,127,.45)}
.hero-copy{color:#d3d6d6;text-shadow:0 2px 20px #000;max-width:570px}
.eyebrow{color:#a9c8ce}.eyebrow span{background:var(--orange)}
.glass-panel{padding:22px 28px;background:rgba(5,20,24,.55);border:1px solid rgba(194,193,193,.19);backdrop-filter:blur(16px);box-shadow:0 18px 50px rgba(0,0,0,.28)}
.scene-data{position:absolute;right:9vw;top:29%;z-index:4;width:210px;padding:16px 18px;background:rgba(4,16,20,.62);border-left:2px solid var(--orange);backdrop-filter:blur(10px);box-shadow:0 20px 50px rgba(0,0,0,.3)}
.scene-data span{display:block;color:var(--orange);font-size:10px;letter-spacing:2px}.scene-data b{display:block;margin-top:8px;font-size:14px}.scene-data i{position:absolute;width:1px;height:95px;background:linear-gradient(var(--orange),transparent);left:-2px;top:100%}
.video-trigger{border:0;background:transparent;padding:0;text-align:left}.video-trigger:hover{color:#fff}.video-trigger i{border-color:rgba(228,103,47,.75);box-shadow:0 0 28px rgba(228,103,47,.22)}
.video-dialog{width:min(1180px,92vw);max-width:none;padding:0;border:1px solid rgba(194,193,193,.2);background:#040a0d;color:#f3f3f3;box-shadow:0 40px 120px rgba(0,0,0,.78)}
.video-dialog::backdrop{background:rgba(0,5,7,.88);backdrop-filter:blur(14px)}
.video-dialog-panel{padding:22px}.video-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 0 18px}.video-dialog-head span{font-size:10px;letter-spacing:2.2px;color:var(--orange)}.video-dialog-head h2{font-size:clamp(20px,2.5vw,34px);margin:6px 0 0}.video-close{border:1px solid rgba(194,193,193,.25);background:transparent;color:#fff;padding:11px 15px;font-size:13px}.video-close:hover{border-color:var(--orange);color:var(--orange)}.video-dialog video{display:block;width:100%;max-height:72vh;background:#000}
.trust-band i{background:var(--orange)}
.solution-card:hover,.solution-card.active{background:linear-gradient(145deg,rgba(12,85,100,.45),#091319)}
.solution-card .icon,.solution-card a span,.spec>span,.tech-banner strong small,.gauge b,.process strong{color:var(--orange)}
.solution-card .line{background:linear-gradient(90deg,var(--orange),var(--blue))}
.product-stage{background:radial-gradient(circle at center,rgba(12,85,100,.5),transparent 52%),linear-gradient(135deg,#0a1c22,#050b0d)}
.tech-rings{border-color:rgba(228,103,47,.35);box-shadow:0 0 0 60px rgba(50,95,127,.04),0 0 0 140px rgba(12,85,100,.03)}
.process-line{background:linear-gradient(90deg,transparent,var(--orange),var(--blue),transparent)}.process i{background:var(--orange);box-shadow:0 0 0 1px var(--orange),0 0 20px rgba(228,103,47,.75)}
.gauge i{border-top-color:var(--orange)}
.cases{background:#081317}.case-image{background:url('./hero-real-scene-v3.png') 76% center/cover no-repeat}.case-image:after{background:linear-gradient(90deg,rgba(5,11,13,.05) 25%,#081317)}
.cta{background:linear-gradient(135deg,#0c5564,#0a2831)}.cta-glow{background:var(--orange);opacity:.16}.cta h2 em{color:#fff}.primary.light{background:#fff;color:#0c5564}
.cursor-glow{position:fixed;width:360px;height:360px;border-radius:50%;pointer-events:none;z-index:18;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(50,95,127,.16),rgba(12,85,100,.06) 38%,transparent 70%);mix-blend-mode:screen;transition:width .25s,height .25s}
.cursor-dot{position:fixed;width:8px;height:8px;border:1px solid var(--orange);background:rgba(228,103,47,.65);border-radius:50%;pointer-events:none;z-index:30;transform:translate(-50%,-50%);box-shadow:0 0 20px var(--orange)}
body.cursor-active .cursor-glow{width:470px;height:470px}body.cursor-active .cursor-dot{width:28px;height:28px;background:transparent}
.solution-card,.product-stage,.tech-banner{transform-style:preserve-3d}.solution-card:hover{transform:translateY(-8px);box-shadow:0 28px 70px rgba(0,0,0,.34)}
@media(max-width:900px){body,a,button{cursor:auto}.cursor-glow,.cursor-dot{display:none}.hero-video,.hero-photo{inset:0;width:100%;height:100%;object-position:62% center;background-position:62% center}.hero-shade{background:linear-gradient(90deg,rgba(2,8,10,.96),rgba(3,12,15,.5)),linear-gradient(0deg,#03090b 0%,transparent 50%)}.hero h1{font-size:67px;letter-spacing:-5px}.scene-data{right:20px;top:55%;transform:scale(.85);transform-origin:right}.glass-panel{padding:16px}.case-image{background-position:70% center}.video-dialog-panel{padding:12px}.video-dialog-head{align-items:flex-start}.video-dialog-head h2{font-size:18px}.video-close{white-space:nowrap}.video-dialog video{max-height:68vh}}
@media(prefers-reduced-motion:reduce){.hero-video{display:none}.hero-photo{transition:none}.cursor-glow,.cursor-dot{display:none}}