@import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@400;500;600;700;800&display=swap');
:root{--bg:#070707;--panel:#111111;--text:#f5f5f5;--muted:#a9a9a9;--accent:#e50914;--line:#2a2a2a}
*{box-sizing:border-box;scroll-behavior:smooth}body{margin:0;background:#f7fafb;color:#12212a;font-family:Vazirmatn,Arial,sans-serif;line-height:1.8}.container{width:min(1120px,92%);margin:auto}
.header{position:sticky;top:0;z-index:20;background:rgba(7,16,24,.94);backdrop-filter:blur(12px);color:white;border-bottom:1px solid #17303c}.nav{height:76px;display:flex;align-items:center;justify-content:space-between}.logo{color:white;text-decoration:none;font-weight:800;font-size:21px}.logo span{color:var(--accent);margin-left:7px}.nav nav{display:flex;gap:27px}.nav nav a{color:#dbe7eb;text-decoration:none;font-size:14px}.nav nav a:hover{color:var(--accent)}.menu{display:none;background:none;border:0;color:white;font-size:25px}
.hero{background:radial-gradient(circle at 75% 40%,#202020 0,#0b0b0b 38%,#070707 75%);color:white;min-height:650px;display:flex;align-items:center;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center}.eyebrow{color:var(--accent);font-size:12px;font-weight:800;letter-spacing:2px}.hero h1{font-size:clamp(40px,5vw,68px);line-height:1.25;margin:14px 0}.hero h1 span{color:var(--accent)}.hero p{max-width:650px;color:#b8c9d0;font-size:17px}.actions{display:flex;gap:12px;margin:30px 0}.btn{display:inline-block;padding:12px 23px;border-radius:9px;text-decoration:none;font:inherit;font-weight:700;border:1px solid transparent;cursor:pointer}.primary{background:var(--accent);color:#101820}.ghost{border-color:#38515e;color:white}.stats{display:flex;gap:40px;margin-top:35px}.stats b{display:block;font-size:25px;color:white}.stats small{color:#8fa5af}.hero-art{min-height:410px;position:relative;display:grid;place-items:center}.orb{position:absolute;width:330px;height:330px;border-radius:50%;border:1px solid #234a5c;box-shadow:0 0 80px #0c4d69;transform:rotate(20deg)}.panel{position:relative;width:300px;height:350px;background:linear-gradient(145deg,#1b2d38,#081118);border:1px solid #46616d;border-radius:16px;padding:25px;box-shadow:30px 35px 60px #0008;transform:rotate(-5deg)}.panel-top{display:flex;justify-content:space-between;color:#8ea4ad;font-size:11px}.panel-top i{width:9px;height:9px;background:#36d27a;border-radius:50%;box-shadow:0 0 12px #36d27a}.meter{margin:35px 0;background:#071017;border:1px solid #243d49;padding:18px;display:flex;justify-content:space-between}.meter strong{color:var(--accent)}.meter span{color:#36d27a}.lines i{display:block;height:8px;background:#263e49;margin:15px 0;border-radius:8px}.lines i:nth-child(2){width:70%}.lines i:nth-child(3){width:85%}.lines i:nth-child(4){width:55%}.terminal{display:flex;gap:10px;margin-top:30px}.terminal b{border:1px solid #465d66;padding:5px 10px;color:#e50914}
.section{padding:90px 0}.section.dark{background:#0a0a0a;color:white}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:38px}.section-head h2,.about h2,.contact h2{font-size:34px;margin:8px 0}.section-head p{color:#73868f;max-width:430px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.card{background:white;border:1px solid #e3eaed;border-radius:15px;padding:25px;transition:.25s}.card:hover{transform:translateY(-6px);box-shadow:0 18px 35px #102b3912}.icon{font-size:30px;color:#e50914;margin-bottom:15px}.card h3{margin:0 0 8px}.card p{color:#687b84;font-size:14px}
.projects{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.projects article{background:#111111;border:1px solid #1c3644;border-radius:14px;overflow:hidden}.project-img{height:190px;display:grid;place-items:center;font-weight:800;font-size:34px;letter-spacing:5px;color:#c9dce3;background:linear-gradient(135deg,#173546,#09131b)}.p2{background:linear-gradient(135deg,#26424d,#0b171f)}.p3{background:linear-gradient(135deg,#39434a,#0b1419)}.projects article>div:last-child{padding:18px}.projects small{color:var(--accent)}.projects h3{margin:4px 0}
.about{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.about p{color:#657780}.checks{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:25px;font-weight:600}.checks span{background:#f0f5f6;padding:10px 14px;border-radius:8px}.quote{background:#111111;color:white;padding:45px;border-radius:18px;font-size:23px;font-weight:600;border-right:5px solid var(--accent)}.quote small{display:block;color:#8da1aa;font-size:13px;margin-top:20px}
.contact{background:#eef3f5}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px}.contact-list{display:grid;gap:12px;margin-top:25px}.contact-list span{margin-right:8px}form{background:white;padding:25px;border-radius:15px;border:1px solid #dce5e8}input,textarea{width:100%;padding:13px;margin-bottom:12px;border:1px solid #d8e1e4;border-radius:8px;font:inherit;outline:none}input:focus,textarea:focus{border-color:#e50914}form .btn{width:100%}#formMsg{font-size:13px;color:#1a8750;margin:10px 0 0}
footer{background:#061018;color:#91a5ae;padding:22px 0}.footer,.container{ }.container>footer{}.footer .container{display:flex}footer .container{display:flex;justify-content:space-between;font-size:13px}
@media(max-width:800px){.menu{display:block}.nav nav{display:none;position:absolute;top:76px;right:0;left:0;background:#070707;padding:15px 4%;flex-direction:column;gap:10px}.nav nav.open{display:flex}.hero{padding:70px 0}.hero-grid,.about,.contact-grid{grid-template-columns:1fr}.hero-art{display:none}.cards{grid-template-columns:1fr 1fr}.projects{grid-template-columns:1fr}.section-head{display:block}.stats{gap:25px}.section{padding:65px 0}}
@media(max-width:500px){.cards{grid-template-columns:1fr}.stats{flex-wrap:wrap}.hero h1{font-size:40px}}

.logo{display:flex;align-items:center;gap:10px}.logo img{width:48px;height:48px;object-fit:contain;border-radius:10px}.logo span{color:#fff!important;margin:0}
.hero-art .orb{border-color:#3a1518;box-shadow:0 0 80px #65080e}
.primary{background:#e50914;color:#fff}.ghost{border-color:#4a4a4a;color:#fff}
.project-img{background:linear-gradient(135deg,#2a1113,#090909)}.p2{background:linear-gradient(135deg,#351416,#090909)}.p3{background:linear-gradient(135deg,#292929,#090909)}

.project-card-link{color:inherit;text-decoration:none;display:block}.project-card-link article{height:100%;transition:.25s}.project-card-link:hover article{transform:translateY(-6px);box-shadow:0 18px 35px #0005}.project-more{display:inline-block;margin-top:10px;color:#e50914;font-size:13px;font-weight:700}.project-img.p4{background:linear-gradient(135deg,#302308,#090909)}.project-img.p5{background:linear-gradient(135deg,#35151a,#090909)}
.project-hero{padding:110px 0 70px;background:radial-gradient(circle at 70% 30%,#35151a,#070707 60%);color:white}.project-page h1{font-size:clamp(35px,5vw,58px);margin:10px 0}.project-page .lead{color:#b8b8b8;max-width:760px}.project-content{display:grid;grid-template-columns:1.5fr .8fr;gap:35px}.project-photo{min-height:320px;border-radius:18px;background:linear-gradient(135deg,#292929,#0b0b0b);display:grid;place-items:center;color:#e50914;font-size:42px;font-weight:800;letter-spacing:4px}.project-info{background:#111;border:1px solid #292929;border-radius:18px;padding:25px;color:white}.project-info div{padding:12px 0;border-bottom:1px solid #292929}.project-info div:last-child{border-bottom:0}.project-body{color:#63737a}.back-link{color:#e50914;text-decoration:none;font-weight:700}@media(max-width:800px){.project-content{grid-template-columns:1fr}}

/* Mekateknik final palette: black dominant, blue and red accents */
:root{--bg:#05070a;--panel:#0d141c;--text:#e8edf2;--muted:#9aaab7;--accent:#e50914;--blue:#0878c9;--line:#183044}
body{background:#0b1118;color:#e8edf2}
.header{background:rgba(5,7,10,.96);border-bottom:1px solid #183044}
.nav nav a{color:#b8c7d2}.nav nav a:hover{color:#e50914}
.hero{background:radial-gradient(circle at 78% 35%,#123451 0,#08131f 40%,#05070a 78%)}
.hero h1 span,.eyebrow{color:#e50914}.hero p,.stats small{color:#a9bac7}
.primary{background:#e50914;color:#fff}.ghost{border-color:#15527a;color:#dbe8f1}
.section{background:#0b1118}.section.dark{background:#050b11}
.card{background:#101820;border-color:#1b3448;color:#e7edf2}.card p{color:#9cafbb}.icon{color:#0878c9}
.projects article{background:#0d1720;border-color:#183b53}
.project-img{background:linear-gradient(135deg,#123b58,#090d12)}
.p2{background:linear-gradient(135deg,#163d5a,#090d12)}.p3{background:linear-gradient(135deg,#262e35,#090d12)}
.p4{background:linear-gradient(135deg,#26310f,#090d12)}.p5{background:linear-gradient(135deg,#30151b,#090d12)}
.about p,.section-head p{color:#8fa4b2}.checks span{background:#101d27;color:#dbe6ec}
.quote{background:#0a141d;border-right-color:#e50914}.contact{background:#0a121a}
form{background:#101820;border-color:#1b3448}input,textarea{background:#0b1219;color:#e7edf2;border-color:#244154}
input::placeholder,textarea::placeholder{color:#7f929f}footer{background:#030508}