@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700;800&family=Orbitron:wght@500;700;800&display=swap');
:root{--bg:#070b10;--panel:#0d141c;--line:#1c2a36;--text:#edf7ff;--muted:#8fa4b5;--cyan:#27d8ff;--blue:#247cff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Cairo,Arial,sans-serif;overflow-x:hidden}.grid-bg{position:fixed;inset:0;pointer-events:none;opacity:.18;background-image:linear-gradient(rgba(39,216,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(39,216,255,.08) 1px,transparent 1px);background-size:50px 50px;mask-image:linear-gradient(to bottom,black,transparent 85%);z-index:-1}.header{height:78px;display:flex;align-items:center;justify-content:space-between;max-width:1200px;margin:auto;padding:0 24px;border-bottom:1px solid rgba(255,255,255,.05)}.logo{font-family:Orbitron,Arial,sans-serif;font-weight:800;letter-spacing:1px;color:#fff;text-decoration:none;font-size:22px;direction:ltr}.logo-mark{color:var(--cyan);text-shadow:0 0 18px rgba(39,216,255,.5)}.logo small{font-size:9px;color:#718798;margin-left:3px}.nav{display:flex;gap:28px}.nav a{color:#a9bac7;text-decoration:none;font-size:14px;transition:.2s}.nav a:hover{color:var(--cyan)}.menu-toggle{display:none;background:none;border:0;color:white;font-size:26px}.hero{min-height:650px;max-width:1200px;margin:auto;padding:70px 24px 80px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:40px}.eyebrow{font-family:Orbitron,Arial,sans-serif;color:var(--cyan);font-size:11px;letter-spacing:2px;margin-bottom:15px;direction:ltr}.hero h1{font-size:clamp(42px,6vw,76px);line-height:1.1;margin:0 0 22px;font-weight:800}.hero h1 span,h2 span{color:var(--cyan)}.hero p{color:var(--muted);max-width:600px;font-size:17px;line-height:2}.actions{display:flex;gap:12px;margin:30px 0}.btn{display:inline-block;text-decoration:none;padding:13px 24px;border-radius:7px;font-weight:700;font-size:14px;transition:.25s}.primary{background:linear-gradient(135deg,var(--cyan),var(--blue));color:#031019;box-shadow:0 0 25px rgba(39,216,255,.18)}.primary:hover{transform:translateY(-2px);box-shadow:0 0 35px rgba(39,216,255,.3)}.secondary{border:1px solid var(--line);color:#d8e6ef}.stats{display:flex;gap:35px;margin-top:35px}.stats div{display:flex;flex-direction:column}.stats strong{font-family:Orbitron;color:#fff;font-size:19px}.stats span{color:#6f8291;font-size:11px}.cnc-scene{height:420px;position:relative;display:grid;place-items:center;perspective:900px}.machine{width:360px;height:275px;position:relative;transform:rotateX(12deg) rotateY(-20deg);filter:drop-shadow(0 30px 35px rgba(0,0,0,.6))}.machine-top{position:absolute;left:30px;top:25px;width:300px;height:25px;background:linear-gradient(#243746,#111a22);border:1px solid #3b5969}.gantry{position:absolute;left:62px;top:45px;width:225px;height:105px;border-left:15px solid #233744;border-right:15px solid #233744;border-top:12px solid #314b5a}.spindle{position:absolute;left:165px;top:52px;width:34px;height:108px;background:linear-gradient(90deg,#1b2b35,#7793a1,#18262e);border-radius:4px}.spindle i{position:absolute;bottom:-35px;left:11px;width:12px;height:40px;background:var(--cyan);box-shadow:0 0 18px var(--cyan)}.worktable{position:absolute;left:28px;top:145px;width:305px;height:55px;background:repeating-linear-gradient(90deg,#263b48 0 8px,#16242d 8px 16px);border:2px solid #405c6a;transform:skewX(-10deg)}.workpiece{position:absolute;width:105px;height:45px;left:105px;top:-17px;background:linear-gradient(135deg,#647c88,#18262f);border:2px solid #8aa6b5;box-shadow:0 0 20px rgba(39,216,255,.15)}.toolpath{position:absolute;inset:8px;border:1px dashed rgba(39,216,255,.55)}.leg{position:absolute;top:196px;width:35px;height:72px;background:linear-gradient(90deg,#18252d,#344c59);border:1px solid #38515f}.leg.left{left:43px}.leg.right{right:40px}.orb{position:absolute;border:1px solid rgba(39,216,255,.3);border-radius:50%;box-shadow:0 0 35px rgba(39,216,255,.08)}.orb1{width:300px;height:300px}.orb2{width:420px;height:420px;opacity:.35}.section{max-width:1200px;margin:auto;padding:95px 24px}.section-head{text-align:center;margin-bottom:48px}.section-head h2,.about h2,.contact h2{font-size:42px;margin:0 0 10px}.section-head p,.about p,.contact p{color:var(--muted);line-height:1.9}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.card{background:linear-gradient(145deg,rgba(18,29,39,.9),rgba(8,13,18,.9));border:1px solid var(--line);padding:28px 22px;min-height:215px;transition:.3s}.card:hover{transform:translateY(-6px);border-color:rgba(39,216,255,.5);box-shadow:0 15px 40px rgba(0,0,0,.25)}.icon{font-size:30px;color:var(--cyan);margin-bottom:18px}.card h3{margin:0 0 8px}.card p{color:var(--muted);font-size:13px;line-height:1.9}.project-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:15px}.project{min-height:320px;border:1px solid var(--line);position:relative;overflow:hidden;background-color:#0d161e}.project:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 35%,rgba(39,216,255,.28),transparent 35%),linear-gradient(135deg,transparent 30%,rgba(255,255,255,.03) 30% 31%,transparent 31%)}.p2:before{background:radial-gradient(circle at 50% 45%,rgba(36,124,255,.25),transparent 32%),repeating-linear-gradient(45deg,transparent 0 12px,rgba(39,216,255,.04) 12px 13px)}.p3:before{background:radial-gradient(circle at 50% 45%,rgba(39,216,255,.2),transparent 30%),repeating-radial-gradient(circle,transparent 0 18px,rgba(39,216,255,.06) 19px 20px)}.project div{position:absolute;bottom:0;left:0;right:0;padding:20px;background:linear-gradient(transparent,#071018)}.project b{display:block;font-family:Orbitron;font-size:14px}.project span{font-size:11px;color:#849aa9}.about{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.contact-box{border:1px solid var(--line);background:linear-gradient(120deg,#0e1b25,#091017);padding:45px;display:flex;align-items:center;justify-content:space-between;gap:30px}.contact-box h2{font-size:38px}footer{max-width:1200px;margin:auto;padding:28px 24px 40px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;color:#647987;font-size:12px}@media(max-width:850px){.nav{display:none;position:absolute;top:78px;left:15px;right:15px;background:#0b1219;border:1px solid var(--line);padding:15px;flex-direction:column;z-index:5}.nav.open{display:flex}.menu-toggle{display:block}.hero{grid-template-columns:1fr;text-align:center;padding-top:45px}.hero p{margin:auto}.actions,.stats{justify-content:center}.cnc-scene{height:330px}.machine{transform:scale(.8) rotateX(12deg) rotateY(-20deg)}.cards{grid-template-columns:1fr 1fr}.project-grid{grid-template-columns:1fr}.about{grid-template-columns:1fr;gap:20px}.contact-box{flex-direction:column;text-align:center}footer{flex-direction:column;gap:15px}}@media(max-width:520px){.cards{grid-template-columns:1fr}.hero h1{font-size:42px}.section{padding:70px 18px}.header{padding:0 18px}.stats{gap:18px}.contact-box{padding:30px 20px}}

.logo{display:flex;align-items:center;width:190px;height:52px}
.logo-svg{width:190px;height:52px;display:block;overflow:visible}

.logo{width:210px;height:58px;display:flex;align-items:center}
.logo img{width:210px;height:58px;object-fit:contain;display:block}
@media(max-width:520px){.logo{width:170px;height:48px}.logo img{width:170px;height:48px}}