@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500;600&display=swap');
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
  --gold:#C8960C;--gold-light:#F0C040;--gold-dark:#8A6500;
  --steel:#1A2332;--steel-2:#0D1520;--steel-mid:#243147;--steel-light:#334255;
  --cream:#F5F0E8;--cream-dark:#E8E0D0;
  --text-light:#F5F0E8;--text-muted:#B0A898;--text-dim:#7E8896;
  --accent:#E85D04;--hot:#FF7A18;--red-hot:#FF3D00;
  --line:rgba(200,150,12,.16);--line-strong:rgba(200,150,12,.34);
  --shadow:0 28px 80px rgba(0,0,0,.42);--soft:0 16px 45px rgba(0,0,0,.28);
}
html{scroll-behavior:smooth}
body{
  font-family:'Vazirmatn',sans-serif;
  background:var(--steel);color:var(--text-light);overflow-x:hidden;direction:ltr;
  text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;
}
body::before{
  content:'';position:fixed;inset:0;z-index:-2;
  background:
    radial-gradient(circle at 18% 12%,rgba(200,150,12,.09),transparent 28%),
    radial-gradient(circle at 88% 22%,rgba(232,93,4,.08),transparent 30%),
    linear-gradient(135deg,#0D1520 0%,#1A2332 52%,#16212F 100%);
}
body::after{
  content:'';position:fixed;inset:0;z-index:-1;opacity:.36;pointer-events:none;
  background-image:linear-gradient(rgba(200,150,12,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(200,150,12,.055) 1px,transparent 1px);
  background-size:64px 64px;
  mask-image:linear-gradient(to bottom,black,transparent 80%);
}
::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#111a26}::-webkit-scrollbar-thumb{background:var(--gold-dark);border-radius:4px}
@keyframes spin-cw{to{transform:rotate(360deg)}}
@keyframes spin-ccw{to{transform:rotate(-360deg)}}
@keyframes fadeUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}
@keyframes pulse-ring{0%{transform:scale(1);opacity:.85}100%{transform:scale(1.55);opacity:0}}
@keyframes shimmer{0%{left:-80px}100%{left:130%}}
@keyframes oil-drip{0%,55%{transform:translateY(0);opacity:1}100%{transform:translateY(38px);opacity:0}}
@keyframes molten-pour{0%,100%{transform:scaleY(.86);opacity:.82}50%{transform:scaleY(1.08);opacity:1}}
@keyframes furnace-glow{0%,100%{filter:drop-shadow(0 0 8px rgba(255,100,0,.5))}50%{filter:drop-shadow(0 0 22px rgba(255,180,0,.95))}}
@keyframes dash-flow{to{stroke-dashoffset:-110}}

/* Language */
body.en-mode{direction:ltr;font-family:'Vazirmatn',sans-serif}
body.en-mode .nav-links,body.en-mode .dropdown-menu,body.en-mode .eq-list,body.en-mode .content-block{text-align:left;direction:ltr}
body.en-mode .dropdown-menu{right:auto;left:0}
body.en-mode .dropdown-menu a:hover{padding-right:18px;padding-left:24px}
body.en-mode .nav-links a::after{right:auto;left:0}

/* Navigation */
nav{position:fixed;top:0;width:100%;z-index:1000;background:rgba(26,35,50,.93);backdrop-filter:blur(16px);border-bottom:1px solid var(--line);padding:0 3rem}
.nav-inner{max-width:1400px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;height:72px;gap:20px}
.logo-area{display:flex;align-items:center;gap:14px;text-decoration:none;flex-shrink:0}
.logo-svg{width:46px;height:46px;filter:drop-shadow(0 0 14px rgba(200,150,12,.18))}
.logo-text h1{font-size:1.13rem;font-weight:800;color:var(--gold-light);line-height:1.15;letter-spacing:-.02em}
.logo-text span{font-size:.68rem;color:var(--text-muted);letter-spacing:2px;text-transform:uppercase}
.nav-links{display:flex;gap:2.25rem;list-style:none;align-items:center}
.nav-links a{color:var(--text-muted);text-decoration:none;font-size:.9rem;font-weight:500;transition:color .25s;position:relative;padding-bottom:5px}
.nav-links a::after{content:'';position:absolute;bottom:0;right:0;width:0;height:1.5px;background:linear-gradient(90deg,var(--gold),var(--gold-light));transition:width .3s}
.nav-links a:hover{color:var(--gold-light)}.nav-links a:hover::after{width:100%}
.dropdown{position:relative}.dropdown-menu{position:absolute;top:100%;right:0;min-width:265px;display:none;padding:9px 0;border:1px solid var(--line);border-radius:14px;background:rgba(36,49,71,.97);box-shadow:var(--shadow)}
.dropdown:hover .dropdown-menu{display:block;animation:fadeUp .25s ease both}
.dropdown-menu a{display:block;padding:10px 18px;color:var(--text-muted);font-size:.84rem;text-decoration:none;transition:all .2s}
.dropdown-menu a:hover{color:var(--gold-light);background:rgba(200,150,12,.08);padding-right:24px}
.nav-right{display:flex;align-items:center;gap:12px}
#lang-btn{background:rgba(200,150,12,.12);border:1px solid var(--line-strong);color:var(--gold-light);padding:8px 17px;border-radius:999px;cursor:pointer;font-size:.82rem;font-family:inherit;font-weight:800;transition:.25s}
#lang-btn:hover{background:var(--gold);color:var(--steel)}
.btn-cta,.btn-p{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--gold);color:#141B25;padding:11px 24px;border-radius:10px;font-weight:800;font-size:.88rem;text-decoration:none;border:1px solid rgba(255,255,255,.05);box-shadow:0 10px 28px rgba(200,150,12,.25);transition:all .25s}
.btn-cta:hover,.btn-p:hover{background:var(--gold-light);transform:translateY(-2px);box-shadow:0 15px 35px rgba(200,150,12,.35)}
.btn-s{display:inline-flex;align-items:center;justify-content:center;color:var(--text-light);padding:11px 24px;border-radius:10px;font-weight:600;font-size:.9rem;text-decoration:none;border:1.5px solid rgba(255,255,255,.18);background:rgba(255,255,255,.02);transition:all .25s}
.btn-s:hover{border-color:var(--gold);color:var(--gold-light);background:rgba(200,150,12,.06)}

/* Hero */
.site-page{display:none}.site-page.active{display:block}.page-wrap{display:none}.page-wrap.active{display:block;animation:fadeUp .5s ease}
.hero{min-height:100vh;display:flex;align-items:center;position:relative;overflow:hidden;padding-top:72px}
.hero-bg-grad{position:absolute;inset:0;background:linear-gradient(135deg,#0D1520 0%,#1A2332 50%,#172716 100%)}
.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(200,150,12,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(200,150,12,.06) 1px,transparent 1px);background-size:60px 60px;mask-image:radial-gradient(circle at center,black 0%,transparent 75%)}
.molten-bar{position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,transparent,var(--accent),var(--gold-light),var(--accent),transparent);opacity:.9}
.hero-content{position:relative;z-index:2;max-width:1400px;margin:0 auto;padding:0 3rem;display:grid;grid-template-columns:1.02fr .98fr;gap:4rem;align-items:center;width:100%}
.hero-tag{display:inline-flex;align-items:center;gap:9px;background:rgba(200,150,12,.12);border:1px solid rgba(200,150,12,.3);border-radius:999px;padding:7px 18px;margin-bottom:2rem;font-size:.82rem;color:var(--gold-light);font-weight:600;animation:fadeUp .7s ease both}
.hero-tag .dot{width:7px;height:7px;border-radius:50%;background:var(--gold);position:relative;display:inline-block}.hero-tag .dot::after{content:'';position:absolute;inset:0;border-radius:50%;background:var(--gold);animation:pulse-ring 1.8s ease infinite}
.hero-title{font-size:3.25rem;font-weight:900;line-height:1.18;margin-bottom:1.45rem;letter-spacing:-.025em;animation:fadeUp .8s ease .05s both}
.hero-title .hl{color:var(--gold-light)}.hero-title .hl2{color:#FF9A3B}
.hero-sub{font-size:1.02rem;line-height:2;color:var(--text-muted);max-width:590px;margin-bottom:2.45rem;animation:fadeUp .9s ease .1s both}
.hero-btns{display:flex;gap:16px;flex-wrap:wrap;animation:fadeUp 1s ease .15s both}
.hero-stats{display:flex;gap:2.7rem;margin-top:3rem;padding-top:2rem;border-top:1px solid var(--line);animation:fadeUp 1.05s ease .22s both}
.stat-n{font-size:2.15rem;font-weight:900;color:var(--gold-light);line-height:1}.stat-l{font-size:.8rem;color:var(--text-muted);margin-top:7px;white-space:nowrap}
.gear-scene{width:100%;max-width:500px;margin:0 auto;position:relative;animation:fadeUp 1s ease .18s both}
.real-gear-machine{width:100%;filter:drop-shadow(0 28px 44px rgba(0,0,0,.42));transform:scale(.92);transform-origin:center center}
.gear-cw{animation:spin-cw 16s linear infinite;transform-origin:0 0}.gear-ccw{animation:spin-ccw 12s linear infinite;transform-origin:0 0}.gear-fast{animation:spin-cw 8s linear infinite;transform-origin:0 0}

/* Sections */
.sec{padding:100px 3rem;position:relative}.sec-alt{background:rgba(0,0,0,.18);border-block:1px solid rgba(255,255,255,.04)}
.sec-inner{max-width:1400px;margin:0 auto}.sec-header{text-align:center;margin-bottom:4.5rem}.sec-tag{font-size:.78rem;font-weight:800;color:var(--gold);letter-spacing:3px;text-transform:uppercase;display:block;margin-bottom:1rem}.sec-title{font-size:2.55rem;font-weight:900;line-height:1.25;letter-spacing:-.018em}.sec-title .hl{color:var(--gold-light)}.divider{width:60px;height:3px;background:linear-gradient(90deg,var(--gold),var(--accent));margin:1.45rem auto;border-radius:2px}.sec-desc{font-size:1rem;color:var(--text-muted);margin-top:.8rem;max-width:650px;margin-inline:auto;line-height:1.9}

/* About */
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center}.about-img{border-radius:22px;overflow:hidden;background:linear-gradient(145deg,rgba(36,49,71,.95),rgba(13,21,32,.95));border:1px solid var(--line);aspect-ratio:4/3;display:flex;align-items:center;justify-content:center;position:relative;box-shadow:var(--soft)}.about-img::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 30% 20%,rgba(200,150,12,.18),transparent 35%)}.about-badge{position:absolute;bottom:-18px;left:-18px;background:var(--gold);color:#141B25;border-radius:16px;padding:18px 24px;text-align:center;font-weight:900;box-shadow:0 18px 35px rgba(0,0,0,.28)}.about-badge h3{font-size:2rem;line-height:1}.about-badge p{font-size:.75rem;margin-top:4px}.about-text .sec-title{margin-bottom:1.3rem}.about-text p{color:var(--text-muted);line-height:1.95;font-size:.98rem;margin-bottom:1.25rem}.about-feats{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:2rem}.feat{display:flex;gap:12px;align-items:flex-start;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.05);padding:13px;border-radius:14px}.feat-ico{width:38px;height:38px;background:rgba(200,150,12,.1);border:1px solid var(--line);border-radius:11px;display:flex;align-items:center;justify-content:center;color:var(--gold-light);font-size:.78rem;font-weight:900;flex-shrink:0}.feat h4{font-size:.93rem;margin-bottom:4px}.feat p{font-size:.82rem;line-height:1.65;margin:0;color:var(--text-dim)}

/* Service cards */
.svc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.svc-card{background:linear-gradient(145deg,rgba(36,49,71,.92),rgba(25,35,50,.92));border:1px solid rgba(200,150,12,.12);border-radius:18px;padding:2rem;position:relative;overflow:hidden;transition:.32s;box-shadow:0 1px 0 rgba(255,255,255,.03) inset}.svc-card::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(200,150,12,.08),transparent 42%);opacity:0;transition:.32s}.svc-card::after{content:'';position:absolute;top:0;left:-90px;width:65px;height:100%;background:linear-gradient(90deg,transparent,rgba(240,192,64,.08),transparent);transform:skewX(-16deg);animation:shimmer 4s linear infinite}.svc-card:hover{transform:translateY(-7px);border-color:rgba(200,150,12,.38);box-shadow:var(--soft)}.svc-card:hover::before{opacity:1}.svc-ico{width:58px;height:58px;background:rgba(200,150,12,.1);border:1px solid var(--line);border-radius:15px;display:flex;align-items:center;justify-content:center;margin-bottom:1.35rem;color:var(--gold-light);font-weight:900;font-size:.86rem;letter-spacing:.04em}.svc-card h3{font-size:1.12rem;font-weight:800;margin-bottom:.75rem;color:var(--text-light)}.svc-card p{font-size:.88rem;color:var(--text-muted);line-height:1.82}

/* Visual story */
.industrial-showcase{padding:94px 3rem;background:linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.2));border-block:1px solid rgba(255,255,255,.04)}
.story-grid{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.story-card{background:rgba(36,49,71,.78);border:1px solid var(--line);border-radius:22px;overflow:hidden;box-shadow:var(--soft);transition:.3s}.story-card:hover{transform:translateY(-5px);border-color:var(--line-strong)}.story-visual{height:250px;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 35%,rgba(200,150,12,.13),transparent 55%),#111B28}.story-visual svg{width:92%;max-height:220px}.story-body{padding:1.45rem 1.6rem}.story-body h3{font-size:1.08rem;color:var(--gold-light);margin-bottom:.55rem}.story-body p{color:var(--text-muted);font-size:.86rem;line-height:1.75}


@keyframes needle-scan{0%,100%{transform:rotate(-26deg)}50%{transform:rotate(34deg)}}
@keyframes signal-pulse{0%{opacity:.22;transform:scale(.85)}50%{opacity:1;transform:scale(1.04)}100%{opacity:.22;transform:scale(.85)}}
@keyframes data-flow{to{stroke-dashoffset:-88}}
.inst-panel-glow{filter:drop-shadow(0 0 16px rgba(200,150,12,.18))}
.inst-needle{animation:needle-scan 2.8s ease-in-out infinite;transform-origin:210px 128px}
.inst-signal{animation:signal-pulse 2.2s ease-in-out infinite;transform-origin:center}.inst-signal.s2{animation-delay:.35s}.inst-signal.s3{animation-delay:.7s}
.inst-data{stroke-dasharray:9 12;animation:data-flow 2.4s linear infinite}

/* Equipment */
.eq-tabs{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin-bottom:3rem}.eq-tab{background:rgba(36,49,71,.86);border:1px solid rgba(200,150,12,.18);border-radius:999px;padding:10px 24px;color:var(--text-muted);font-size:.87rem;font-family:inherit;font-weight:700;cursor:pointer;transition:.25s}.eq-tab.active,.eq-tab:hover{background:var(--gold);color:#141B25;border-color:var(--gold);box-shadow:0 10px 25px rgba(200,150,12,.22)}.eq-pane{display:none}.eq-pane.active{display:grid;grid-template-columns:repeat(auto-fit,minmax(285px,1fr));gap:22px;animation:fadeUp .35s ease}.eq-card{background:rgba(36,49,71,.88);border:1px solid rgba(200,150,12,.12);border-radius:17px;overflow:hidden;transition:.3s}.eq-card:hover{border-color:rgba(200,150,12,.36);transform:translateY(-4px);box-shadow:var(--soft)}.eq-head{background:rgba(200,150,12,.08);padding:1rem 1.25rem;display:flex;align-items:center;gap:12px;border-bottom:1px solid rgba(200,150,12,.11)}.eq-head span:first-child{width:26px;height:26px;border-radius:8px;background:rgba(200,150,12,.12);display:flex;align-items:center;justify-content:center;color:var(--gold-light);font-size:.68rem;font-weight:900;flex-shrink:0}.eq-head h4{font-size:.98rem;font-weight:800;color:var(--gold-light)}.eq-body{padding:1.25rem}.eq-list{list-style:none}.eq-list li{padding:8px 0;font-size:.86rem;color:var(--text-muted);border-bottom:1px solid rgba(255,255,255,.045);display:flex;align-items:center;gap:10px;line-height:1.6}.eq-list li:last-child{border-bottom:none}.eq-list li::before{content:'';width:5px;height:5px;border-radius:50%;background:var(--gold-dark);flex-shrink:0}.eq-list li:hover{color:var(--gold-light)}

/* Industries */
.ind-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.ind-card{background:rgba(36,49,71,.86);border:1px solid rgba(200,150,12,.12);border-radius:17px;padding:2rem 1.4rem;text-align:center;transition:.3s;position:relative;overflow:hidden}.ind-card::after{content:'';position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,var(--gold),var(--accent));transform:scaleX(0);transition:.35s}.ind-card:hover{transform:translateY(-5px);border-color:rgba(200,150,12,.32);box-shadow:var(--soft)}.ind-card:hover::after{transform:scaleX(1)}.ind-ico{width:62px;height:62px;margin:0 auto 1.15rem;border-radius:18px;background:rgba(200,150,12,.1);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;color:var(--gold-light);font-size:.78rem;font-weight:900}.ind-card h3{font-size:1rem;font-weight:800;margin-bottom:9px}.ind-card p{font-size:.82rem;color:var(--text-muted);line-height:1.72}

/* Contact */
.contact-sec{background:linear-gradient(180deg,rgba(36,49,71,.86),rgba(26,35,50,.95));border-top:1px solid var(--line)}.contact-grid{display:grid;grid-template-columns:1fr 1.45fr;gap:5rem;align-items:start}.contact-info h2{font-size:2.1rem;font-weight:900;line-height:1.35;margin-bottom:1.2rem}.contact-info p{color:var(--text-muted);line-height:1.9;margin-bottom:1.8rem}.cinfo-list{display:flex;flex-direction:column;gap:16px}.cinfo-item{display:flex;align-items:center;gap:14px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.045);padding:12px;border-radius:14px}.cinfo-ico{width:44px;height:44px;background:rgba(200,150,12,.1);border:1px solid var(--line);border-radius:13px;display:flex;align-items:center;justify-content:center;color:var(--gold-light);font-size:.68rem;font-weight:900;flex-shrink:0}.cinfo-item h4{font-size:.82rem;color:var(--text-dim);margin-bottom:3px}.cinfo-item p{font-size:.92rem;font-weight:600;color:var(--text-light);margin:0}.form-wrap{background:rgba(13,21,32,.62);border:1px solid rgba(200,150,12,.13);border-radius:22px;padding:2.45rem;box-shadow:var(--soft)}.form-wrap h3{font-size:1.28rem;font-weight:800;margin-bottom:1.7rem}.fg{margin-bottom:18px}.fg label{display:block;font-size:.83rem;color:var(--text-muted);margin-bottom:8px;font-weight:600}.fg input,.fg textarea,.fg select{width:100%;background:rgba(36,49,71,.9);border:1px solid rgba(200,150,12,.16);border-radius:11px;padding:13px 16px;color:var(--text-light);font-family:inherit;font-size:.9rem;outline:none;transition:.25s}.fg input:focus,.fg textarea:focus,.fg select:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(200,150,12,.08)}.fg textarea{resize:vertical;min-height:125px}.fg2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.btn-send{background:var(--gold);color:#141B25;border:none;padding:14px 34px;border-radius:11px;font-weight:900;font-size:.95rem;cursor:pointer;transition:.25s;width:100%;font-family:inherit}.btn-send:hover{background:var(--gold-light);transform:translateY(-2px)}

/* Footer */
footer{background:rgba(0,0,0,.38);border-top:1px solid rgba(200,150,12,.1);padding:58px 3rem 26px}.footer-inner{max-width:1400px;margin:0 auto}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:2.5rem;margin-bottom:2.6rem}.footer-brand h2{font-size:1.13rem;color:var(--gold-light);margin-bottom:.9rem}.footer-brand p{font-size:.84rem;color:var(--text-muted);line-height:1.9}.footer-col h4{font-size:.84rem;font-weight:800;color:var(--text-light);margin-bottom:.9rem;padding-bottom:8px;border-bottom:1px solid rgba(200,150,12,.15)}.footer-col ul{list-style:none}.footer-col ul li{margin-bottom:8px}.footer-col ul li a{color:var(--text-muted);text-decoration:none;font-size:.82rem;transition:.2s}.footer-col ul li a:hover{color:var(--gold-light)}.footer-bot{border-top:1px solid rgba(255,255,255,.055);padding-top:22px;display:flex;justify-content:space-between;gap:15px}.footer-bot p{font-size:.77rem;color:var(--text-muted)}

/* Inner pages */
.page-wrap{min-height:100vh;padding:120px 3rem 80px;max-width:1400px;margin:0 auto}.breadcrumb{display:flex;align-items:center;gap:8px;margin-bottom:2rem;font-size:.84rem;color:var(--text-muted)}.breadcrumb a{color:var(--gold);text-decoration:none}.breadcrumb span{opacity:.75}.pg-hero{background:rgba(36,49,71,.88);border-radius:22px;padding:3rem;margin-bottom:2.2rem;border:1px solid var(--line);position:relative;overflow:hidden;box-shadow:var(--soft)}.pg-hero::before{content:'';position:absolute;top:-55%;right:-15%;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(200,150,12,.08),transparent 70%)}.pg-hero h1{font-size:2.45rem;font-weight:900;margin-bottom:1rem;line-height:1.25}.pg-hero h1 .hl,.pg-hero h1 em{color:var(--gold-light);font-style:normal}.pg-hero p{color:var(--text-muted);font-size:1rem;line-height:1.9;max-width:760px}.content-block{background:rgba(36,49,71,.88);border-radius:18px;padding:2.25rem;margin-bottom:22px;border:1px solid rgba(200,150,12,.1);box-shadow:0 1px 0 rgba(255,255,255,.03) inset}.content-block h2{font-size:1.28rem;font-weight:800;color:var(--gold-light);margin-bottom:1.2rem;padding-bottom:12px;border-bottom:1px solid rgba(200,150,12,.15)}.content-block p,.content-block li{color:var(--text-muted);line-height:1.85}.content-block ul{padding-inline-start:22px}.partners-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px}.partner-item{background:rgba(13,21,32,.42);border:1px solid rgba(200,150,12,.12);border-radius:14px;padding:1rem;transition:.25s}.partner-item:hover{border-color:var(--line-strong);transform:translateY(-3px)}.partner-item h4{font-size:.9rem;color:var(--text-light);margin-bottom:5px}.partner-item p{font-size:.78rem;color:var(--text-dim);margin:0}table{border-radius:12px;overflow:hidden}th,td{vertical-align:top}

@media(max-width:1100px){.hero-content{grid-template-columns:1fr;text-align:center}.hero-sub{margin-inline:auto}.hero-btns,.hero-stats{justify-content:center}.gear-scene{max-width:430px}.svc-grid,.story-grid{grid-template-columns:1fr 1fr}.ind-grid{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}.contact-grid,.about-grid{grid-template-columns:1fr}.contact-grid{gap:3rem}.nav-links{gap:1.25rem}}
@media(max-width:820px){nav{padding:0 1.2rem}.nav-links{display:none}.nav-inner{height:68px}.hero{padding-top:68px}.hero-content{padding:0 1.5rem}.hero-title{font-size:2.15rem}.hero-sub{font-size:.92rem}.hero-stats{display:grid;grid-template-columns:1fr 1fr;gap:1.4rem}.gear-scene{display:none}.sec,.industrial-showcase{padding:66px 1.5rem}.svc-grid,.story-grid,.ind-grid{grid-template-columns:1fr}.fg2{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.footer-bot{flex-direction:column}.page-wrap{padding:100px 1.5rem 60px}.pg-hero{padding:2rem}.sec-title{font-size:2rem}.about-feats{grid-template-columns:1fr}}



.nav-links{gap:1.65rem}
.nav-links a{white-space:nowrap}
.mega-menu{width:min(920px,calc(100vw - 96px));display:none;grid-template-columns:1.15fr 1fr 1fr 1fr;gap:14px;padding:18px;right:-240px;border-radius:18px;background:linear-gradient(145deg,rgba(31,45,66,.98),rgba(15,24,36,.98));border:1px solid rgba(200,150,12,.22);box-shadow:0 30px 80px rgba(0,0,0,.52)}
.epc-dropdown:hover .mega-menu{display:grid}
.mega-col{display:flex;flex-direction:column;gap:7px;padding:4px 8px}.mega-col strong{color:var(--gold-light);font-size:.9rem;margin-bottom:7px}.mega-col p{font-size:.78rem;color:var(--text-muted);line-height:1.7}.mega-title-col{border-left:1px solid rgba(200,150,12,.16);padding-left:18px}.mega-menu a{padding:8px 10px;border-radius:9px;line-height:1.45}.mega-menu a:hover{padding-right:14px;background:rgba(200,150,12,.09)}body.en-mode .mega-menu{right:auto;left:-240px}body.en-mode .mega-title-col{border-left:none;border-right:1px solid rgba(200,150,12,.16);padding-left:8px;padding-right:18px}

.refined-story-grid{gap:24px}.refined-card{background:linear-gradient(180deg,rgba(30,43,62,.92),rgba(24,35,51,.92));border-color:rgba(200,150,12,.16)}.refined-card .story-visual{height:275px;background:radial-gradient(circle at 50% 46%,rgba(200,150,12,.16),transparent 58%),linear-gradient(180deg,#101A27,#0D1520)}.refined-card .story-body{background:linear-gradient(180deg,rgba(36,49,71,.95),rgba(30,43,62,.96));min-height:132px}.refined-card .story-body h3{font-size:1.04rem}.refined-card .story-body p{text-align:justify;color:#B6C3CF}.oil-visual{background:radial-gradient(circle at 62% 45%,rgba(200,150,12,.18),transparent 58%),#111B28}.steel-visual{background:radial-gradient(circle at 52% 62%,rgba(232,93,4,.23),transparent 57%),#111B28}.pipe-visual{background:radial-gradient(circle at 48% 48%,rgba(126,211,255,.1),transparent 60%),#111B28}.inst-visual{background:radial-gradient(circle at 54% 47%,rgba(126,211,255,.16),transparent 60%),#111B28}
.oil-slick{animation:oil-slick 4s ease-in-out infinite}.drop-one{animation:oil-drop 2.2s ease-in-out infinite}.drop-two{animation:oil-drop 2.2s ease-in-out .65s infinite}.pipe-flow.strong,.inst-data.strong{stroke-dasharray:9 13;animation:data-flow 2.1s linear infinite}.molten-line{animation:molten-pour 2.2s ease-in-out infinite}.molten-pool2{animation:molten-pool 2.1s ease-in-out infinite}.sparks{animation:spark-blink 1.4s ease-in-out infinite}.gear-scene{max-width:480px}.real-gear-machine{transform:scale(.9);transform-origin:center center}
@keyframes oil-slick{0%,100%{rx:42;opacity:.78}50%{rx:57;opacity:1}}@keyframes oil-drop{0%{transform:translateY(-18px);opacity:0}20%{opacity:1}80%{opacity:.9}100%{transform:translateY(22px);opacity:0}}@keyframes spark-blink{0%,100%{opacity:.55}50%{opacity:1}}

.equipment-sec{background:linear-gradient(180deg,rgba(7,12,18,.3),rgba(17,27,40,.92))}.eq-shell{display:grid;grid-template-columns:310px 1fr;gap:24px;align-items:start}.eq-map-card,.eq-content-card{background:linear-gradient(180deg,rgba(36,49,71,.82),rgba(27,39,58,.92));border:1px solid rgba(200,150,12,.14);border-radius:22px;box-shadow:var(--soft)}.eq-map-card{padding:22px;position:sticky;top:96px}.eq-map-title{font-size:.8rem;color:var(--gold-light);font-weight:800;margin-bottom:14px}.eq-map-root{background:rgba(200,150,12,.12);border:1px solid rgba(200,150,12,.25);color:var(--gold-light);border-radius:14px;padding:13px 14px;font-weight:800;text-align:center;margin-bottom:16px}.eq-map-lines{display:flex;flex-direction:column;gap:10px;position:relative}.eq-map-lines::before{content:'';position:absolute;top:-13px;bottom:22px;right:18px;width:1px;background:rgba(200,150,12,.24)}.eq-map-node{position:relative;z-index:1;text-align:right;border:1px solid rgba(200,150,12,.16);background:rgba(13,21,32,.56);color:var(--text-muted);border-radius:12px;padding:11px 38px 11px 12px;font-family:inherit;font-weight:700;cursor:pointer;transition:.24s}.eq-map-node::before{content:'';position:absolute;right:13px;top:50%;width:11px;height:11px;border-radius:50%;background:#172231;border:2px solid var(--gold-dark);transform:translateY(-50%)}.eq-map-node:hover,.eq-map-node.active{color:#151B25;background:var(--gold);border-color:var(--gold)}.eq-map-node:hover::before,.eq-map-node.active::before{background:#151B25;border-color:#151B25}.eq-content-card{padding:24px}.eq-tabs{margin-bottom:22px;justify-content:flex-start}.eq-tab{padding:10px 20px}.eq-pane.active{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.eq-card.improved{border-radius:18px;background:linear-gradient(180deg,rgba(35,49,72,.96),rgba(29,42,62,.96));overflow:hidden;border:1px solid rgba(200,150,12,.14)}.eq-card.improved.wide{grid-column:1 / -1}.eq-head{padding:16px 18px;background:linear-gradient(90deg,rgba(200,150,12,.12),rgba(255,255,255,.025));gap:13px;align-items:center}.eq-code{width:42px;height:42px;border-radius:13px;background:rgba(200,150,12,.16);border:1px solid rgba(200,150,12,.34);color:var(--gold-light);font-size:.9rem;font-weight:900;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-family:Oswald,Vazirmatn,sans-serif}.eq-head h4{font-size:1rem;line-height:1.35;margin:0;color:var(--gold-light)}.eq-head small{display:block;margin-top:3px;color:#8FA1B5;font-size:.72rem;font-weight:600;letter-spacing:.02em}.eq-body{padding:16px 18px}.eq-list li{align-items:flex-start;line-height:1.65;text-align:right}.eq-list.columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:26px}.eq-list.columns li{min-width:0}.eq-list li::before{margin-top:10px;background:var(--gold)}body.en-mode .eq-map-node{text-align:left;padding:11px 12px 11px 38px}body.en-mode .eq-map-lines::before{right:auto;left:18px}body.en-mode .eq-map-node::before{right:auto;left:13px}body.en-mode .eq-list li{text-align:left}

@media(max-width:1100px){.mega-menu{right:auto;left:0;width:min(760px,calc(100vw - 40px));grid-template-columns:1fr 1fr}.story-grid.refined-story-grid{grid-template-columns:repeat(2,1fr)}.eq-shell{grid-template-columns:1fr}.eq-map-card{position:relative;top:auto}.eq-pane.active{grid-template-columns:1fr}.eq-card.improved.wide{grid-column:auto}}
@media(max-width:760px){.story-grid.refined-story-grid{grid-template-columns:1fr}.refined-card .story-visual{height:238px}.mega-menu{position:fixed;left:12px;right:12px;top:72px;width:auto;grid-template-columns:1fr;max-height:70vh;overflow:auto}.eq-list.columns{grid-template-columns:1fr}.gear-scene{max-width:360px}.real-gear-machine{transform:scale(.84)}}



.equipment-sec .eq-shell.single-selector{display:block;max-width:1240px;margin:0 auto}
.equipment-sec .eq-content-card{padding:28px;background:linear-gradient(180deg,rgba(36,49,71,.82),rgba(27,39,58,.94));border:1px solid rgba(200,150,12,.16);border-radius:24px;box-shadow:0 28px 80px rgba(0,0,0,.28)}
.equipment-sec .clean-tabs{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-bottom:28px;padding:0 0 24px;border-bottom:1px solid rgba(200,150,12,.12)}
.equipment-sec .eq-tab{min-width:140px;text-align:center;white-space:nowrap}
.equipment-sec .eq-pane.active{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.equipment-sec .eq-card.improved{min-height:100%;background:linear-gradient(180deg,rgba(34,49,72,.98),rgba(25,38,57,.98));border:1px solid rgba(200,150,12,.16);box-shadow:0 14px 32px rgba(0,0,0,.18)}
.equipment-sec .eq-card.improved.wide{grid-column:1 / -1}
.equipment-sec .eq-head{min-height:88px;padding:18px 20px;background:linear-gradient(90deg,rgba(200,150,12,.14),rgba(255,255,255,.025));display:flex;align-items:center;gap:14px}
.equipment-sec .eq-head h4{font-size:1.02rem;line-height:1.45;color:var(--gold-light);margin:0;text-align:right}
.equipment-sec .eq-head small{font-size:.76rem;color:#9AABBE;line-height:1.55;text-align:right}
.equipment-sec .eq-code{width:44px;height:44px;border-radius:14px;flex:0 0 44px}
.equipment-sec .eq-body{padding:18px 20px}
.equipment-sec .eq-list li{padding:9px 0;font-size:.88rem;line-height:1.85;color:#B5C2D0;text-align:right;display:flex;align-items:flex-start;gap:10px}
.equipment-sec .eq-list li::before{margin-top:12px;background:var(--gold)}
.equipment-sec .eq-list.columns{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:30px}
body.en-mode .equipment-sec .eq-head h4,body.en-mode .equipment-sec .eq-head small,body.en-mode .equipment-sec .eq-list li{text-align:left}
@media(max-width:1100px){.equipment-sec .eq-pane.active{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.equipment-sec .eq-content-card{padding:18px}.equipment-sec .eq-pane.active{grid-template-columns:1fr}.equipment-sec .eq-list.columns{grid-template-columns:1fr}.equipment-sec .eq-tab{min-width:auto;width:100%}}




:root{
  --depth-shadow:0 26px 72px rgba(0,0,0,.36),0 1px 0 rgba(255,255,255,.04) inset;
  --depth-border:rgba(200,150,12,.20);
}
body::before{
  content:'';
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:-1;
  background:
    radial-gradient(circle at 22% 12%,rgba(200,150,12,.075),transparent 28%),
    radial-gradient(circle at 78% 34%,rgba(126,211,255,.055),transparent 30%),
    linear-gradient(135deg,rgba(255,255,255,.025),transparent 36%);
}
body::after{
  content:'';
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:-1;
  opacity:.18;
  background-image:
    linear-gradient(rgba(200,150,12,.045) 1px,transparent 1px),
    linear-gradient(90deg,rgba(200,150,12,.035) 1px,transparent 1px);
  background-size:64px 64px;
  transform:perspective(760px) rotateX(62deg) translateY(-18%);
  transform-origin:center top;
}

.hero-content,.sec-inner,.equipment-sec .eq-content-card,.story-grid,.svc-grid,.about-grid,.contact-grid{
  perspective:1200px;
}
nav{
  box-shadow:0 16px 40px rgba(0,0,0,.22);
}
.hero-tag,.sec-tag,.eq-tab,.btn-p,.btn-s,.btn-cta{
  transform:translateZ(0);
  box-shadow:0 10px 24px rgba(0,0,0,.16),inset 0 1px 0 rgba(255,255,255,.08);
}
.gear-scene,.story-visual,.about-img{
  transform-style:preserve-3d;
  filter:drop-shadow(0 30px 42px rgba(0,0,0,.34));
}
.gear-scene svg,.story-visual svg,.about-img svg{
  transform:translateZ(28px);
}
.svc-card,.story-card,.eq-card,.partner-item,.contact-card,.about-img,.eq-content-card{
  transform-style:preserve-3d;
  box-shadow:var(--depth-shadow);
  transition:transform .34s ease,border-color .34s ease,box-shadow .34s ease,filter .34s ease;
}
.svc-card:hover,.story-card:hover,.eq-card:hover,.partner-item:hover,.contact-card:hover{
  transform:perspective(1000px) translateY(-7px) rotateX(2deg) rotateY(-2deg);
  border-color:var(--depth-border);
  box-shadow:0 34px 90px rgba(0,0,0,.44),0 0 0 1px rgba(200,150,12,.10) inset;
}
body.en-mode .svc-card:hover,body.en-mode .story-card:hover,body.en-mode .eq-card:hover,body.en-mode .partner-item:hover,body.en-mode .contact-card:hover{
  transform:perspective(1000px) translateY(-7px) rotateX(2deg) rotateY(2deg);
}
.story-card::after,.svc-card::after,.eq-card::after,.partner-item::after,.contact-card::after{
  content:'';
  position:absolute;
  inset:0;
  pointer-events:none;
  border-radius:inherit;
  background:linear-gradient(135deg,rgba(255,255,255,.08),transparent 34%,rgba(0,0,0,.10));
  opacity:.45;
  mix-blend-mode:screen;
}
.story-card,.svc-card,.eq-card,.partner-item,.contact-card{position:relative;overflow:hidden}

/* header alignment fix */
.equipment-sec .eq-head{
  min-height:82px;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:14px;
  direction:rtl;
  text-align:right;
}
.equipment-sec .eq-head > div{
  flex:1 1 auto;
  min-width:0;
  max-width:100%;
}
.equipment-sec .eq-head h4,
.equipment-sec .eq-head small{
  display:block;
  width:100%;
  white-space:normal;
  overflow-wrap:normal;
  word-break:normal;
  text-wrap:balance;
}
body.en-mode .equipment-sec .eq-head{
  direction:ltr;
  text-align:left;
}
body.en-mode .equipment-sec .eq-head h4,
body.en-mode .equipment-sec .eq-head small{
  text-align:left;
}
.equipment-sec .eq-code{
  order:0;
  flex:0 0 44px;
  align-self:center;
  transform:translateZ(18px);
  box-shadow:0 12px 26px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.10);
}
.equipment-sec .eq-list li{
  position:relative;
  z-index:1;
}
.equipment-sec .eq-card.improved{
  background:
    linear-gradient(180deg,rgba(38,54,78,.98),rgba(25,38,57,.98)),
    radial-gradient(circle at 12% 0%,rgba(200,150,12,.12),transparent 32%);
}
.equipment-sec .eq-head{
  background:
    linear-gradient(135deg,rgba(200,150,12,.15),rgba(255,255,255,.028) 54%,rgba(0,0,0,.08)),
    linear-gradient(180deg,rgba(255,255,255,.035),transparent);
}
.equipment-sec .eq-card:hover .eq-head h4{
  color:#F0C040;
}

@media(max-width:1100px){
  .svc-card:hover,.story-card:hover,.eq-card:hover,.partner-item:hover,.contact-card:hover,
  body.en-mode .svc-card:hover,body.en-mode .story-card:hover,body.en-mode .eq-card:hover,body.en-mode .partner-item:hover,body.en-mode .contact-card:hover{
    transform:translateY(-5px);
  }
}
@media(max-width:760px){
  body::after{opacity:.08;transform:none}
  .equipment-sec .eq-head{min-height:76px;padding:15px 16px}
  .equipment-sec .eq-code{width:40px;height:40px;flex-basis:40px}
}




.equipment-sec .eq-card.compact{min-height:0;}
.equipment-sec .eq-card.compact .eq-head{min-height:74px;padding:14px 18px;align-items:center;}
.equipment-sec .eq-card.compact .eq-head h4{font-size:.98rem;line-height:1.28;}
.equipment-sec .eq-card.compact .eq-head small{font-size:.72rem;line-height:1.35;margin-top:2px;}
.equipment-sec .eq-card.compact .eq-body{padding:14px 18px 16px;}
.equipment-sec .eq-card.compact .eq-list li{font-size:.86rem;line-height:1.55;padding:7px 0;}
.equipment-sec .eq-list.compact-list li{padding:8px 0;}
body.en-mode .equipment-sec .eq-head{direction:ltr;text-align:left;}
body.en-mode .equipment-sec .eq-head h4,
body.en-mode .equipment-sec .eq-head small,
body.en-mode .equipment-sec .eq-list li{text-align:left;direction:ltr;}
body.ar-mode .equipment-sec .eq-head{direction:rtl;text-align:right;}
body.ar-mode .equipment-sec .eq-head h4,
body.ar-mode .equipment-sec .eq-head small,
body.ar-mode .equipment-sec .eq-list li{text-align:right;direction:rtl;}
@media(max-width:900px){.equipment-sec .eq-card.compact .eq-head{min-height:68px}.equipment-sec .eq-pane.active{grid-template-columns:1fr !important}}




:root{
  --depth-shadow:0 34px 75px rgba(0,0,0,.46),0 12px 28px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.08);
  --depth-shadow-hover:0 48px 95px rgba(0,0,0,.58),0 18px 36px rgba(0,0,0,.36),0 0 0 1px rgba(240,192,64,.16),inset 0 1px 0 rgba(255,255,255,.12);
}
body{
  background:
    radial-gradient(900px 520px at 15% 18%,rgba(240,192,64,.055),transparent 62%),
    radial-gradient(760px 460px at 84% 42%,rgba(232,93,4,.05),transparent 64%),
    linear-gradient(180deg,#0B121C 0%,#0F1A28 44%,#0A111A 100%) !important;
}
body::before{
  content:'';
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:-1;
  background:
    linear-gradient(115deg,rgba(255,255,255,.035),transparent 24%,transparent 72%,rgba(0,0,0,.18)),
    repeating-linear-gradient(90deg,rgba(255,255,255,.015) 0 1px,transparent 1px 76px);
  opacity:.8;
}
nav{
  box-shadow:0 18px 48px rgba(0,0,0,.36),inset 0 -1px 0 rgba(240,192,64,.08) !important;
}
.hero-bg-grad{
  background:
    radial-gradient(ellipse 760px 520px at 68% 40%,rgba(42,68,98,.5),transparent 68%),
    radial-gradient(ellipse 520px 420px at 22% 64%,rgba(232,93,4,.075),transparent 68%),
    linear-gradient(135deg,#0D1520 0%,#1A2332 50%,#172716 100%) !important;
}
.hero-content,.sec-inner,.page-wrap{
  perspective:1400px;
}
.gear-scene,.story-visual svg,.about-img svg,.contact-card,.pg-hero{
  transform-style:preserve-3d;
}
.gear-scene{
  filter:drop-shadow(0 40px 42px rgba(0,0,0,.4));
  transform:translateZ(0) rotateX(3deg) rotateY(-4deg);
}
.story-card,.svc-card,.eq-card,.ind-card,.partner-item,.content-block,.pg-hero,.about-img,.contact-card,.eq-content-card{
  transform-style:preserve-3d;
  box-shadow:var(--depth-shadow) !important;
  background-blend-mode:screen,normal;
  position:relative;
}
.story-card::before,.svc-card::before,.eq-card::before,.ind-card::before,.partner-item::before,.content-block::before,.pg-hero::after,.contact-card::before{
  content:'';
  position:absolute;
  inset:1px;
  border-radius:inherit;
  pointer-events:none;
  background:linear-gradient(135deg,rgba(255,255,255,.13),rgba(255,255,255,.026) 28%,transparent 54%);
  opacity:.46;
  transform:translateZ(18px);
}
.story-card::after,.svc-card::after,.eq-card::after,.ind-card::after,.partner-item::after,.contact-card::after{
  content:'';
  position:absolute;
  inset:auto 10% -18px 10%;
  height:30px;
  background:radial-gradient(ellipse at center,rgba(0,0,0,.52),transparent 72%);
  filter:blur(10px);
  opacity:.42;
  pointer-events:none;
  transform:translateZ(-12px);
}
.story-visual,.svc-ico,.ind-ico,.eq-code,.logo-svg,.btn-p,.btn-s,.btn-cta,.eq-tab{
  transform:translateZ(24px);
}
.story-body,.eq-body,.svc-card h3,.svc-card p,.ind-card h3,.ind-card p,.content-block h2,.content-block p{
  transform:translateZ(16px);
  position:relative;
  z-index:2;
}
.eq-content-card,.equipment-sec .eq-content-card{
  background:
    linear-gradient(145deg,rgba(42,58,82,.94),rgba(24,35,52,.95)),
    radial-gradient(circle at 16% 8%,rgba(240,192,64,.08),transparent 38%) !important;
  border-color:rgba(240,192,64,.16) !important;
}
.eq-card.improved,.equipment-sec .eq-card.improved{
  background:
    linear-gradient(155deg,rgba(42,59,84,.98),rgba(24,36,54,.98) 62%,rgba(17,27,41,.98)),
    radial-gradient(circle at 13% 0%,rgba(240,192,64,.12),transparent 34%) !important;
}
.equipment-sec .eq-head{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 12px 26px rgba(0,0,0,.2);
}
.equipment-sec .eq-list li{
  transform:translateZ(12px);
}
.btn-p,.btn-s,.btn-cta,.eq-tab{
  box-shadow:0 16px 32px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.16) !important;
}
.btn-p:hover,.btn-s:hover,.btn-cta:hover,.eq-tab:hover,.eq-tab.active{
  box-shadow:0 22px 42px rgba(0,0,0,.36),0 0 30px rgba(200,150,12,.18),inset 0 1px 0 rgba(255,255,255,.18) !important;
}
.section-header,.sec-header{
  transform-style:preserve-3d;
}
.section-title,.sec-title,.hero-title{
  text-shadow:0 16px 34px rgba(0,0,0,.45);
}
.divider{
  box-shadow:0 8px 22px rgba(232,93,4,.26),0 0 24px rgba(240,192,64,.22);
}
@media(hover:hover) and (min-width:900px){
  .story-card:hover,.svc-card:hover,.eq-card:hover,.ind-card:hover,.partner-item:hover,.content-block:hover,.contact-card:hover{
    transform:translateY(-9px) rotateX(2.2deg) rotateY(-2.2deg) !important;
    box-shadow:var(--depth-shadow-hover) !important;
    border-color:rgba(240,192,64,.34) !important;
  }
  body.en-mode .story-card:hover,body.en-mode .svc-card:hover,body.en-mode .eq-card:hover,body.en-mode .ind-card:hover,body.en-mode .partner-item:hover,body.en-mode .content-block:hover,body.en-mode .contact-card:hover{
    transform:translateY(-9px) rotateX(2.2deg) rotateY(2.2deg) !important;
  }
  .pg-hero:hover,.eq-content-card:hover,.about-img:hover{
    transform:translateY(-5px) rotateX(1.6deg) !important;
    box-shadow:var(--depth-shadow-hover) !important;
  }
  .eq-tab:hover,.btn-p:hover,.btn-s:hover,.btn-cta:hover{
    transform:translateY(-3px) translateZ(28px) !important;
  }
}
@media(max-width:900px){
  .story-card,.svc-card,.eq-card,.ind-card,.partner-item,.content-block,.pg-hero,.about-img,.contact-card,.eq-content-card{
    box-shadow:0 22px 48px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.07) !important;
  }
  .gear-scene{transform:none;}
}



:root{--gold2:var(--gold-light);--text-d:var(--text-dim);--text-m:var(--text-muted)}
.brand-logo-img{width:48px;height:48px;object-fit:contain;display:block;filter:drop-shadow(0 8px 16px rgba(0,0,0,.30))}
.logo-area{gap:12px}.logo-text h1{font-size:1rem}.logo-text span{font-family:Oswald,Vazirmatn,sans-serif}
.site-page.active{display:block}.page-wrap.active{display:block}.public-page{display:block;min-height:100vh}.page-main{padding-top:72px}
.equipment-link-card{display:grid;grid-template-rows:220px auto;text-decoration:none;color:inherit}
.equipment-link-card .thumb{overflow:hidden;background:#111B28;border-bottom:1px solid var(--line)}
.equipment-link-card .thumb img{width:100%;height:100%;object-fit:cover;display:block;opacity:.82;transition:.35s}
.equipment-link-card:hover .thumb img{transform:scale(1.06);opacity:.96}
.equipment-link-card h3{color:var(--gold-light);font-size:1.02rem;margin-bottom:.6rem;line-height:1.5}.equipment-link-card p{font-size:.86rem;color:var(--text-muted);line-height:1.85}.catalog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:18px}.detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:24px;align-items:start}.detail-media{position:sticky;top:96px}.detail-img{width:100%;border-radius:22px;border:1px solid var(--line);box-shadow:var(--soft);display:block;background:#111B28}.info-list{display:grid;gap:10px;margin-top:18px}.info-list div{display:flex;justify-content:space-between;gap:14px;border-bottom:1px solid rgba(255,255,255,.06);padding-bottom:10px}.info-list span{color:var(--text-dim);font-size:.84rem}.info-list strong{color:var(--text-light);font-size:.84rem}.chips{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.chip{border:1px solid rgba(200,150,12,.18);background:rgba(200,150,12,.07);border-radius:999px;padding:8px 13px;color:var(--gold-light);font-size:.82rem;font-weight:800}.category-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(255px,1fr));gap:18px}.clean-card{background:linear-gradient(145deg,rgba(36,49,71,.94),rgba(20,31,47,.96));border:1px solid var(--line);border-radius:22px;box-shadow:var(--soft);padding:24px;text-decoration:none;color:inherit;transition:.28s}.clean-card:hover{transform:translateY(-6px);border-color:var(--line-strong)}.clean-card h3{color:var(--gold-light);font-size:1.05rem;margin-bottom:10px}.clean-card p{color:var(--text-muted);line-height:1.8;font-size:.88rem}.public-table{width:100%;border-collapse:collapse;overflow:hidden;border-radius:16px}.public-table th,.public-table td{padding:14px;border-bottom:1px solid rgba(255,255,255,.055);text-align:right;color:var(--text-muted);font-size:.88rem}.public-table th{color:var(--gold-light);background:rgba(200,150,12,.08);font-weight:900}body.en-mode .public-table th,body.en-mode .public-table td{text-align:left}.home-logo-patch .logo-svg{display:none}@media(max-width:980px){.detail-grid{grid-template-columns:1fr}.detail-media{position:static}.equipment-link-card{grid-template-rows:190px auto}}@media(max-width:760px){.brand-logo-img{width:42px;height:42px}.logo-text h1{font-size:.86rem}.catalog-grid{grid-template-columns:1fr}.page-main{padding-top:68px}}


/* Production layout and catalog polish */
.content,.page-hero{padding-left:3rem;padding-right:3rem}
.content-inner,.page-hero-box,.breadcrumb{max-width:1400px;margin-left:auto;margin-right:auto}
.content{padding-top:86px;padding-bottom:96px}
.page-hero{padding-top:150px;padding-bottom:36px}
.page-hero-box{min-height:250px;display:flex;flex-direction:column;justify-content:center;box-shadow:0 34px 85px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.08)!important}
.cat-tabs{max-width:1400px;margin:0 auto 34px;display:flex;justify-content:center;gap:12px;flex-wrap:wrap;border:1px solid rgba(200,150,12,.12);background:rgba(36,49,71,.36);padding:18px;border-radius:24px}
.cat-tabs a{min-width:116px;text-align:center;border:1px solid rgba(200,150,12,.18);background:rgba(36,49,71,.78);border-radius:999px;padding:11px 18px;color:var(--text-muted);text-decoration:none;font-weight:800;transition:.25s;line-height:1.5}
.cat-tabs a:hover,.cat-tabs a.active{background:var(--gold);color:#141B25;border-color:var(--gold);box-shadow:0 14px 30px rgba(200,150,12,.22)}
.catalog-grid{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:24px}
.card.equipment-link-card{display:grid;grid-template-rows:210px auto;background:linear-gradient(145deg,rgba(36,49,71,.96),rgba(20,31,47,.98));border:1px solid rgba(200,150,12,.14);border-radius:22px;overflow:hidden;box-shadow:0 26px 70px rgba(0,0,0,.36),inset 0 1px 0 rgba(255,255,255,.06);min-height:100%;text-decoration:none;color:inherit;transition:.32s}
.card.equipment-link-card:hover{transform:translateY(-8px);border-color:rgba(240,192,64,.34);box-shadow:0 42px 90px rgba(0,0,0,.52),0 0 0 1px rgba(240,192,64,.10)}
.equipment-link-card .thumb{height:210px;position:relative;overflow:hidden;background:#0F1824;border-bottom:1px solid rgba(200,150,12,.12)}
.equipment-link-card .thumb:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(8,13,20,.55));pointer-events:none}
.equipment-link-card .thumb img{width:100%;height:100%;object-fit:cover;display:block;opacity:.88;filter:saturate(.92) contrast(.98);transition:.36s}
.equipment-link-card:hover .thumb img{transform:scale(1.055);opacity:.98;filter:saturate(1.05) contrast(1.02)}
.equipment-link-card .card-body{padding:20px 22px 22px;min-height:155px;display:flex;flex-direction:column;justify-content:flex-start}
.equipment-link-card h3{font-size:1.05rem;line-height:1.55;margin:0 0 10px;color:var(--gold-light);font-weight:900}
.equipment-link-card p{font-size:.88rem;color:#BAC5D1;line-height:1.85;margin:0;text-align:justify}
body.en-mode .equipment-link-card p{text-align:left}
.category-cards{max-width:1400px;margin:0 auto;grid-template-columns:repeat(auto-fit,minmax(285px,1fr));gap:22px}.clean-card{min-height:185px}.clean-card h3{font-size:1.15rem}.clean-card p{font-size:.9rem}.chips .chip{white-space:nowrap}
.detail-grid{max-width:1400px;margin:0 auto;grid-template-columns:minmax(0,1fr) 430px;gap:30px}.detail-media{top:100px}.detail-img{max-height:420px;object-fit:cover;background:#0F1824}.content-block{max-width:1400px;margin-left:auto;margin-right:auto}.content-block h2{font-size:1.3rem}.content-block li{margin-bottom:8px}.panel{background:rgba(36,49,71,.88);border:1px solid rgba(200,150,12,.14);border-radius:20px;padding:22px;box-shadow:var(--soft)}
.public-table{max-width:1400px;margin:0 auto}.story-body p{color:#BAC5D1}.brand-logo-img{width:52px;height:52px}.logo-text h1{font-weight:900}.logo-text span{letter-spacing:1.6px}
@media(max-width:1100px){.catalog-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:18px}.detail-grid{grid-template-columns:1fr}.detail-media{position:static}.page-hero{padding-top:120px}.content,.page-hero{padding-left:1.5rem;padding-right:1.5rem}}
@media(max-width:720px){.catalog-grid{grid-template-columns:1fr}.card.equipment-link-card{grid-template-rows:190px auto}.equipment-link-card .thumb{height:190px}.cat-tabs a{width:100%}.page-hero-box{min-height:220px}.brand-logo-img{width:44px;height:44px}}

.footer-col a[href="https://neek-intl.com"]{direction:ltr;display:inline-block}.page-hero-box p{text-align:inherit}.sec-header p{text-align:center}

.footer-col a[href="https://neek-intl.com"]{direction:ltr;display:inline-block}.page-hero-box p{text-align:inherit}.sec-header p{text-align:center}


/* Manager-ready final polish */
:root{--gold2:var(--gold-light)}
a{color:inherit}.hl{color:var(--gold-light)}
.site-nav .dropdown{padding:26px 0;margin:-26px 0}.site-nav .dropdown-menu{top:100%;margin-top:0;pointer-events:auto}.site-nav .dropdown::after{content:"";position:absolute;right:0;left:0;top:100%;height:18px}.epc-dropdown:hover .mega-menu,.epc-dropdown:focus-within .mega-menu{display:grid!important}.mega-menu{z-index:1100}
.brand-logo-img{object-fit:contain;filter:drop-shadow(0 0 14px rgba(200,150,12,.22));background:transparent!important}.home-logo-patch{min-width:245px}.footer-presence{margin-top:.8rem;font-size:.78rem;color:var(--gold-dark)}.design-credit a{color:var(--gold-light);font-weight:900;text-decoration:none}.design-credit a:hover{text-decoration:underline}.footer-bot{align-items:center}.hp-field{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important}.form-status{display:none;margin:10px 0 18px;padding:12px 16px;border-radius:12px;border:1px solid rgba(200,150,12,.22);background:rgba(200,150,12,.08);color:var(--text-light);font-size:.9rem}.form-status.show{display:block}.cinfo-item a{text-decoration:none;color:var(--text-light)}.cinfo-item a:hover{color:var(--gold-light)}
.mobile-toggle{display:none;width:46px;height:42px;border:1px solid rgba(200,150,12,.24);border-radius:12px;background:rgba(200,150,12,.08);cursor:pointer;align-items:center;justify-content:center;flex-direction:column;gap:5px}.mobile-toggle span{width:21px;height:2px;background:var(--gold-light);border-radius:2px;transition:.25s}.nav-open .mobile-toggle span:nth-child(1){transform:translateY(7px) rotate(45deg)}.nav-open .mobile-toggle span:nth-child(2){opacity:0}.nav-open .mobile-toggle span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.company-visual{position:relative;width:100%;min-height:360px;display:flex;align-items:center;justify-content:center;overflow:hidden}.cv-orbit{position:absolute;border:1px solid rgba(200,150,12,.16);border-radius:50%;filter:drop-shadow(0 0 24px rgba(200,150,12,.08))}.cv-o1{width:310px;height:310px;animation:spin-cw 42s linear infinite}.cv-o2{width:210px;height:210px;animation:spin-ccw 34s linear infinite}.cv-logo-wrap{position:relative;z-index:2;width:155px;height:155px;border:1px solid rgba(200,150,12,.26);border-radius:32px;background:linear-gradient(145deg,rgba(36,49,71,.72),rgba(13,21,32,.82));box-shadow:0 28px 70px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center}.cv-logo-wrap img{width:120px;height:112px;object-fit:contain}.cv-lines{position:absolute;inset:0;width:100%;height:100%;opacity:.9}.cv-caption{position:absolute;bottom:40px;right:50%;transform:translateX(50%);color:var(--gold-light);font-weight:900;font-size:.9rem;text-align:center}.about-public-grid{display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:center;margin-bottom:32px}.about-public-copy{background:rgba(36,49,71,.72);border:1px solid rgba(200,150,12,.14);border-radius:22px;padding:32px;box-shadow:var(--soft)}.about-public-visual{background:linear-gradient(145deg,rgba(36,49,71,.9),rgba(13,21,32,.94));border:1px solid rgba(200,150,12,.14);border-radius:22px;min-height:390px;box-shadow:var(--soft);overflow:hidden}
.partner-group{margin-bottom:42px}.partner-group-head{display:flex;align-items:center;gap:18px;margin-bottom:18px}.partner-group-head h2{font-size:1.35rem;color:var(--gold-light)}.partner-logo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(185px,1fr));gap:16px}.partner-logo-card{min-height:168px;background:linear-gradient(145deg,rgba(36,49,71,.92),rgba(17,27,41,.96));border:1px solid rgba(200,150,12,.15);border-radius:20px;padding:22px 18px;text-align:center;box-shadow:0 22px 60px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.06);transition:.28s}.partner-logo-card:hover{transform:translateY(-6px);border-color:rgba(240,192,64,.36);box-shadow:0 36px 80px rgba(0,0,0,.42)}.partner-mark{width:64px;height:64px;margin:0 auto 14px;border-radius:18px;display:flex;align-items:center;justify-content:center;background:rgba(200,150,12,.10);border:1px solid rgba(200,150,12,.24);color:var(--gold-light);font:900 1.12rem Oswald,Vazirmatn,sans-serif;letter-spacing:.06em}.partner-logo-card h3{font-size:1rem;color:var(--text-light);margin-bottom:8px}.partner-logo-card p{font-size:.82rem;color:var(--text-muted);line-height:1.7;margin:0}.project-metrics{margin-bottom:54px}.project-metrics .clean-card h3{font-size:2.2rem;color:var(--gold-light);font-family:Oswald,Vazirmatn,sans-serif}.project-ref-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:34px}.project-ref-grid article{background:linear-gradient(145deg,rgba(36,49,71,.9),rgba(17,27,41,.96));border:1px solid rgba(200,150,12,.15);border-radius:20px;padding:24px;box-shadow:var(--soft)}.project-ref-grid span:first-child{display:inline-flex;width:42px;height:42px;align-items:center;justify-content:center;border:1px solid rgba(200,150,12,.25);border-radius:12px;color:var(--gold-light);font-family:Oswald,Vazirmatn,sans-serif;margin-bottom:18px}.project-ref-grid h3{font-size:1.05rem;margin-bottom:12px;color:var(--gold-light)}.project-ref-grid p{color:var(--text-muted);line-height:1.8;font-size:.88rem}.table-wrap{overflow-x:auto}.public-table table{width:100%;border-collapse:collapse;background:rgba(13,21,32,.32);border-radius:16px;overflow:hidden}.public-table th,.public-table td{padding:15px 18px;border-bottom:1px solid rgba(255,255,255,.06);text-align:right;color:var(--text-muted);line-height:1.8}.public-table th{background:rgba(200,150,12,.10);color:var(--gold-light);font-weight:900}.public-table tr:last-child td{border-bottom:none}body.en-mode .public-table th,body.en-mode .public-table td{text-align:left}
.catalog-grid{width:min(1360px,calc(100% - 2rem));grid-template-columns:repeat(auto-fit,minmax(300px,1fr))!important;gap:24px!important}.equipment-link-card{min-height:410px}.equipment-link-card .card-body{min-height:176px}.equipment-link-card p{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.page-hero-box{background:linear-gradient(145deg,rgba(36,49,71,.88),rgba(17,27,41,.94))!important}.content{padding-top:72px}.page-hero{padding-top:140px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.clean-card{background:linear-gradient(145deg,rgba(36,49,71,.88),rgba(17,27,41,.94));border:1px solid rgba(200,150,12,.14);border-radius:20px;padding:24px;box-shadow:var(--soft)}.clean-card h3{color:var(--gold-light);margin-bottom:10px}.clean-card p{color:var(--text-muted);line-height:1.8}.story-card,.svc-card,.eq-card,.ind-card,.partner-logo-card,.clean-card,.content-block{backface-visibility:hidden}.about-badge h3[data-en]{direction:ltr}.select-ltr{direction:ltr}
@media(max-width:1100px){.project-ref-grid,.grid-4{grid-template-columns:repeat(2,1fr)}.about-public-grid{grid-template-columns:1fr}.home-logo-patch{min-width:auto}.catalog-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))!important}}
@media(max-width:820px){nav{padding:0 1rem}.mobile-toggle{display:flex}.nav-links{display:none!important}.nav-open .nav-links{display:flex!important;position:fixed;top:68px;left:12px;right:12px;max-height:calc(100vh - 86px);overflow:auto;flex-direction:column;align-items:stretch;gap:0;background:linear-gradient(180deg,rgba(26,35,50,.98),rgba(13,21,32,.98));border:1px solid rgba(200,150,12,.22);border-radius:18px;padding:12px;box-shadow:0 30px 80px rgba(0,0,0,.55)}.nav-open .nav-links li{width:100%}.nav-open .nav-links a{display:block;padding:13px 14px;border-radius:12px}.nav-open .dropdown{padding:0;margin:0}.nav-open .dropdown-menu,.nav-open .mega-menu{position:static!important;display:grid!important;width:100%!important;max-height:none!important;grid-template-columns:1fr!important;margin-top:8px;padding:12px;box-shadow:none;background:rgba(36,49,71,.74)}.nav-right .btn-cta{display:none}.mobile-toggle{order:3}.nav-right{margin-inline-start:auto}.project-ref-grid,.grid-4{grid-template-columns:1fr}.partner-logo-grid{grid-template-columns:repeat(2,1fr)}.catalog-grid{width:100%;grid-template-columns:1fr!important}.about-public-visual{min-height:310px}.company-visual{min-height:310px}.cv-logo-wrap{width:132px;height:132px}.cv-logo-wrap img{width:104px}.footer-bot{flex-direction:column;text-align:center}.contact-grid{grid-template-columns:1fr!important}.form-wrap{padding:1.5rem}.page-hero{padding-top:108px}}
@media(max-width:520px){.partner-logo-grid{grid-template-columns:1fr}.hero-title{font-size:2.1rem}.sec-title{font-size:1.8rem}.page-hero-box{padding:2rem!important}.project-metrics .clean-card h3{font-size:1.8rem}}

/* ===== INDUSTRIAL SHOWCASE ANIMATIONS — v2 (fixed & enhanced) ===== */

/* --- SHARED: pipe flow dash animation (fixes missing base .pipe-flow rule) --- */
@keyframes pipe-dash {
  from { stroke-dashoffset: 0; }
  to   { stroke-dashoffset: -80; }
}
/* Base .pipe-flow used in all 4 cards */
.pipe-flow {
  stroke-dasharray: 10 16;
  animation: pipe-dash 2s linear infinite;
  will-change: stroke-dashoffset;
}
/* Faster variant used in piping card */
.pipe-flow.strong {
  stroke-dasharray: 10 15;
  animation: pipe-dash 1.6s linear infinite;
}

/* --- CARD 1: Oil/Gas — Level gauge glass fill ---
   SVG rect animates height to simulate rising/falling liquid level */
@keyframes level-rise {
  0%   { height: 20px; y: 78px; opacity: .7; }
  40%  { height: 34px; y: 64px; opacity: .95; }
  70%  { height: 28px; y: 70px; opacity: .85; }
  100% { height: 20px; y: 78px; opacity: .7; }
}
/* Note: CSS can't animate SVG 'y'/'height' attrs directly in all browsers.
   We use opacity + scaleY on the element via transform instead. */
.level-rise {
  transform-origin: 50% 100%;   /* scale from bottom */
  animation: level-rise-scale 4s ease-in-out infinite;
}
@keyframes level-rise-scale {
  0%,100% { transform: scaleY(1);    opacity: .75; }
  35%      { transform: scaleY(1.5);  opacity: 1;   }
  65%      { transform: scaleY(1.2);  opacity: .88; }
}

/* --- CARD 2: Steel/EAF — Electric arc flash ---
   Three electrodes stagger their flicker independently */
@keyframes arc-a {
  0%,100% { opacity: 1;   filter: drop-shadow(0 0 3px #FFD84A); }
  15%      { opacity: .15; filter: none; }
  30%      { opacity: .9;  filter: drop-shadow(0 0 5px #FFF8C0); }
  55%      { opacity: .4;  filter: none; }
  70%      { opacity: 1;   filter: drop-shadow(0 0 4px #FFD84A); }
  85%      { opacity: .6;  filter: none; }
}
@keyframes arc-b {
  0%,100% { opacity: .5;  filter: none; }
  20%      { opacity: 1;   filter: drop-shadow(0 0 6px #FFF8C0); }
  40%      { opacity: .2;  filter: none; }
  60%      { opacity: .85; filter: drop-shadow(0 0 4px #FFE080); }
  80%      { opacity: .35; filter: none; }
}
.arc-flash  { animation: arc-a 0.85s steps(1, end) infinite; }
.arc-flash2 { animation: arc-b 0.65s steps(1, end) infinite 0.12s; }

/* Molten pool in ladle — subtle breathing glow */
@keyframes pool-glow {
  0%,100% { opacity: .65; transform: scaleX(1);   }
  50%      { opacity: .9;  transform: scaleX(1.06); }
}
.molten-pool3 {
  transform-origin: 50% 50%;
  animation: pool-glow 2.2s ease-in-out infinite;
}

/* Pouring molten stream — width pulse to simulate flow variation */
@keyframes stream-pour {
  0%,100% { opacity: .88; stroke-width: 10; }
  30%      { opacity: 1;   stroke-width: 13; }
  60%      { opacity: .78; stroke-width: 9;  }
}
.molten-stream { animation: stream-pour 1.9s ease-in-out infinite; }

/* Ingot top surface cooling flicker */
@keyframes ingot-cool {
  0%,100% { opacity: .6;  }
  25%      { opacity: .85; }
  75%      { opacity: .5;  }
}
.ingot-surface { animation: ingot-cool 2.6s ease-in-out infinite; }

/* Sparks — each flies out in a unique direction then fades */
@keyframes sp1 { 0%{opacity:0;transform:translate(0,0) scale(.5)} 25%{opacity:1} 80%{opacity:.5;transform:translate(-10px,-18px) scale(1)} 100%{opacity:0;transform:translate(-14px,-24px) scale(.3)} }
@keyframes sp2 { 0%{opacity:0;transform:translate(0,0) scale(.5)} 20%{opacity:1} 75%{opacity:.6;transform:translate(12px,-20px) scale(1)} 100%{opacity:0;transform:translate(16px,-28px) scale(.3)} }
@keyframes sp3 { 0%{opacity:0;transform:translate(0,0) scale(.5)} 30%{opacity:1} 70%{opacity:.5;transform:translate(-6px,-12px) scale(1)} 100%{opacity:0;transform:translate(-8px,-16px) scale(.2)} }
@keyframes sp4 { 0%{opacity:0;transform:translate(0,0) scale(.5)} 35%{opacity:1} 80%{opacity:.4;transform:translate(14px,-14px) scale(1)} 100%{opacity:0;transform:translate(18px,-20px) scale(.3)} }
@keyframes spl { 0%,100%{opacity:0} 30%,70%{opacity:.75} }

.spark1 { animation: sp1 1.35s ease-out infinite;        }
.spark2 { animation: sp2 1.55s ease-out infinite 0.28s;  }
.spark3 { animation: sp3 1.15s ease-out infinite 0.55s;  }
.spark4 { animation: sp4 1.75s ease-out infinite 0.12s;  }
.spark-line { animation: spl 1.35s ease-in-out infinite; }

/* --- CARD 3: Piping — already handled by .pipe-flow above --- */

/* --- CARD 4: Instrumentation ---
   Gauge needle: smooth realistic sweep with slight overshoot */
@keyframes gauge-sweep {
  0%   { transform: rotate(-50deg); }
  15%  { transform: rotate(30deg);  }   /* quick rise */
  30%  { transform: rotate(20deg);  }   /* slight settle */
  55%  { transform: rotate(45deg);  }   /* peak reading */
  70%  { transform: rotate(35deg);  }   /* micro dip */
  85%  { transform: rotate(40deg);  }
  100% { transform: rotate(-50deg); }   /* back to start */
}
.gauge-needle {
  /* transform-origin at center of gauge (0,0 in the translated group) */
  transform-origin: 0px 0px;
  animation: gauge-sweep 6s cubic-bezier(.45,.05,.55,.95) infinite;
}

/* DCS mini analog meter needle */
@keyframes dcs-needle {
  0%,100% { transform: rotate(-28deg); }
  40%      { transform: rotate(18deg);  }
  70%      { transform: rotate(8deg);   }
}
/* Override the old inst-needle rule for our new DCS card context */
.inst-card .inst-needle {
  /* transform-origin in absolute SVG px for the DCS panel needle at (135,138) */
  transform-origin: 135px 138px;
  animation: dcs-needle 3.5s ease-in-out infinite;
}

/* Signal pulse LEDs (reused from global, ensured working) */
@keyframes sig-pulse {
  0%,100% { opacity: .25; r: 4; }
  50%      { opacity: 1;   r: 4.8; }
}
/* These override the global signal-pulse which uses transform (SVG-incompatible) */
.inst-card .inst-signal        { animation: sig-pulse 2.0s ease-in-out infinite; }
.inst-card .inst-signal.s2     { animation: sig-pulse 2.0s ease-in-out infinite 0.4s; }
.inst-card .inst-signal.s3     { animation: sig-pulse 2.0s ease-in-out infinite 0.8s; }

/* Waveform data line flow */
@keyframes waveform-scroll {
  from { stroke-dashoffset: 0;   }
  to   { stroke-dashoffset: -88; }
}
.inst-card .inst-data.strong {
  stroke-dasharray: 8 12;
  animation: waveform-scroll 2s linear infinite;
}

/* --- Card sizing --- */
.refined-card .story-visual { height: 290px; }
.refined-card .story-body   { min-height: 118px; }

/* --- Project references (real, cautious) --- */
.ref-clients .ref-chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.ref-chip{display:inline-flex;align-items:center;padding:9px 15px;border-radius:999px;font-size:.84rem;font-weight:700;color:var(--gold-light);background:linear-gradient(160deg,rgba(200,150,12,.14),rgba(200,150,12,.05));border:1px solid rgba(200,150,12,.24);box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 8px 18px rgba(0,0,0,.24);transition:.25s}
.ref-chip:hover{transform:translateY(-3px);border-color:rgba(240,192,64,.4);color:#F4D27A}
.ref-note{margin-top:14px;font-size:.78rem;color:var(--text-dim);font-style:italic}
.public-table td:last-child{white-space:nowrap;color:var(--gold-light);font-weight:700;font-family:Oswald,Vazirmatn,sans-serif}

/* --- Partner logo cards (real brand list) --- */
.partner-logo-card{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:14px;min-height:178px}
.partner-logo{width:100%;height:64px;display:flex;align-items:center;justify-content:center;padding:10px 16px;border-radius:14px;background:linear-gradient(165deg,rgba(255,255,255,.07),rgba(255,255,255,.015));border:1px solid rgba(200,150,12,.14);box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 10px 22px rgba(0,0,0,.28);transform:translateZ(20px)}
.partner-logo img{max-height:40px;max-width:92%;width:auto;object-fit:contain;filter:drop-shadow(0 5px 10px rgba(0,0,0,.45))}
.partner-info{text-align:center}
.partner-info h3{font-size:.94rem;color:var(--text-light);margin:0 0 5px;font-weight:800}
.partner-country{font-size:.7rem;color:var(--gold-dark);letter-spacing:.08em;text-transform:uppercase;font-weight:800}
.partner-logo-card:hover .partner-logo{border-color:rgba(240,192,64,.34);box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 16px 30px rgba(0,0,0,.4)}
body.en-mode .partner-info{text-align:center}

/* --- Flare stack flame (oil/gas card) --- */
@keyframes flare-dance{0%,100%{transform:scaleY(1) scaleX(1);opacity:.95}30%{transform:scaleY(1.16) scaleX(.92);opacity:1}55%{transform:scaleY(.9) scaleX(1.08);opacity:.85}80%{transform:scaleY(1.08) scaleX(.96);opacity:1}}
.flare-flame{transform-origin:6.5px 30px;animation:flare-dance 1.1s ease-in-out infinite;filter:drop-shadow(0 0 6px rgba(255,120,0,.7))}
.flare-flame2{transform-origin:6.5px 26px;animation:flare-dance .8s ease-in-out infinite .15s}

/* --- Deeper 3D for the four showcase scenes --- */
@keyframes scene-float{0%,100%{transform:translateZ(30px) translateY(0)}50%{transform:translateZ(30px) translateY(-5px)}}
.refined-card .story-visual{position:relative;perspective:900px;transform-style:preserve-3d}
.refined-card .story-visual::after{content:'';position:absolute;left:14%;right:14%;bottom:14px;height:24px;background:radial-gradient(ellipse at center,rgba(0,0,0,.6),transparent 72%);filter:blur(9px);opacity:.5;pointer-events:none}
.refined-card .story-visual svg{transform:translateZ(30px) rotateX(4deg);transform-origin:center 70%;filter:drop-shadow(0 26px 30px rgba(0,0,0,.5));transition:transform .5s ease}
@media(hover:hover) and (min-width:900px){
  .refined-card:hover .story-visual svg{transform:translateZ(42px) rotateX(2deg) scale(1.035)}
}

/* =========================================================
   GLOBAL 3D POLISH v3 — bring newer card types into the depth
   system and deepen the overall dimensional feel
   ========================================================= */
.partner-logo-card,.clean-card,.project-ref-grid article{
  transform-style:preserve-3d;
  position:relative;
  box-shadow:var(--depth-shadow);
  transition:transform .34s ease,border-color .34s ease,box-shadow .34s ease;
}
.partner-logo-card::before,.clean-card::before,.project-ref-grid article::before{
  content:'';position:absolute;inset:1px;border-radius:inherit;pointer-events:none;
  background:linear-gradient(135deg,rgba(255,255,255,.12),rgba(255,255,255,.02) 30%,transparent 56%);
  opacity:.5;transform:translateZ(14px);
}
.partner-logo-card>*,.clean-card>*,.project-ref-grid article>*{position:relative;z-index:1}
@media(hover:hover) and (min-width:900px){
  .partner-logo-card:hover,.clean-card:hover,.project-ref-grid article:hover{
    transform:translateY(-8px) rotateX(2.4deg) rotateY(-2.4deg);
    box-shadow:var(--depth-shadow-hover);border-color:rgba(240,192,64,.3);
  }
  body.en-mode .partner-logo-card:hover,body.en-mode .clean-card:hover,body.en-mode .project-ref-grid article:hover{
    transform:translateY(-8px) rotateX(2.4deg) rotateY(2.4deg);
  }
}
/* deeper hero + section titles */
.hero-title .hl,.hero-title .hl2{text-shadow:0 10px 26px rgba(200,150,12,.32)}
.stat-n{text-shadow:0 8px 20px rgba(200,150,12,.28)}
.page-hero-box{transform-style:preserve-3d}
.page-hero-box>*{transform:translateZ(12px)}
/* metric numbers pop */
.project-metrics .clean-card h3,.about-badge h3{text-shadow:0 10px 24px rgba(0,0,0,.45)}
/* gold divider already glows; add depth to section tags */
.sec-tag{text-shadow:0 6px 16px rgba(0,0,0,.4)}
@media(max-width:900px){
  .partner-logo-card,.clean-card,.project-ref-grid article{
    box-shadow:0 18px 40px rgba(0,0,0,.36),inset 0 1px 0 rgba(255,255,255,.06)!important;
  }
}

/* --- Performance: respect prefers-reduced-motion --- */
@media (prefers-reduced-motion: reduce) {
  .pipe-flow, .pipe-flow.strong,
  .level-rise, .arc-flash, .arc-flash2,
  .molten-pool3, .molten-stream, .ingot-surface,
  .spark1, .spark2, .spark3, .spark4, .spark-line,
  .gauge-needle, .inst-needle, .inst-signal,
  .inst-card .inst-signal, .inst-card .inst-signal.s2, .inst-card .inst-signal.s3,
  .inst-card .inst-data.strong,
  .gear-cw, .gear-ccw, .gear-fast,
  .molten-line, .molten-pool2,
  .flare-flame, .flare-flame2 {
    animation: none !important;
  }
}

/* --- Neek International blue-purple refresh --- */
:root{
  --gold:#62C4D0;
  --gold-light:#9B88C8;
  --gold-dark:#4F8FAB;
  --accent:#7A6AB0;
  --hot:#62C4D0;
  --red-hot:#7A6AB0;
  --line:rgba(98,196,208,.18);
  --line-strong:rgba(155,136,200,.38);
  --intl-blue:#62C4D0;
  --intl-purple:#9B88C8;
}
body::before{
  background:
    radial-gradient(circle at 18% 12%,rgba(98,196,208,.12),transparent 28%),
    radial-gradient(circle at 88% 22%,rgba(155,136,200,.13),transparent 30%),
    linear-gradient(135deg,#07111B 0%,#172231 52%,#111827 100%);
}
body::after{
  background-image:
    linear-gradient(rgba(98,196,208,.055) 1px,transparent 1px),
    linear-gradient(90deg,rgba(155,136,200,.05) 1px,transparent 1px);
}
nav{background:rgba(14,24,36,.94);border-bottom-color:rgba(98,196,208,.18)}
.brand-logo-img{
  width:205px!important;
  height:50px!important;
  object-fit:contain;
  filter:none!important;
  background:transparent!important;
}
.home-logo-patch{min-width:238px}
.logo-area{
  gap:14px;
  padding:5px 12px;
  border-radius:14px;
}
.site-nav .logo-area{
  background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(226,238,246,.92));
  border:1px solid rgba(98,196,208,.26);
  box-shadow:0 12px 30px rgba(0,0,0,.20),0 1px 0 rgba(255,255,255,.7) inset;
}
.logo-text h1{color:#E8F6FA}
.logo-text span{color:#98AFC4}
.site-nav .logo-text h1{color:#172231}
.site-nav .logo-text span{color:#4F6A7D}
.site-nav .logo-text{display:none}
.language-switcher{
  position:relative;
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:5px;
  border:1px solid rgba(98,196,208,.22);
  border-radius:999px;
  background:rgba(255,255,255,.035);
}
#lang-btn{
  min-width:auto;
  padding:7px 10px;
  background:transparent!important;
  border:none!important;
  color:#D7F2FF!important;
  box-shadow:none!important;
  cursor:pointer;
  font-weight:900;
}
.language-menu{
  position:static;
  display:flex!important;
  width:auto;
  padding:0;
  border:none;
  box-shadow:none;
  background:transparent;
  gap:5px;
}
.language-menu button{
  min-width:35px;
  padding:7px 9px;
  border:1px solid rgba(155,136,200,.25);
  border-radius:10px;
  color:#BFD7E4;
  background:rgba(255,255,255,.04);
  font-family:Oswald,Vazirmatn,sans-serif;
  font-weight:900;
  cursor:pointer;
}
.language-menu button:hover,.language-menu button.active{
  background:linear-gradient(135deg,#62C4D0,#9B88C8);
  border-color:transparent;
  color:#07111B;
}
.i18n-auto{display:block}
body.ar-mode .nav-links,body.ar-mode .dropdown-menu,body.ar-mode .eq-list,body.ar-mode .content-block{text-align:right;direction:rtl}
body.ko-mode .nav-links,body.ko-mode .dropdown-menu,body.ko-mode .eq-list,body.ko-mode .content-block{text-align:left;direction:ltr}
body.ko-mode{font-family:'Vazirmatn','Segoe UI',Arial,sans-serif}
body.ko-mode .dropdown-menu{right:auto;left:0}
body.ko-mode .nav-links a::after{right:auto;left:0}
body.ko-mode .mega-menu{right:auto;left:-240px}
.btn-cta,.btn-p,.btn-send,.eq-tab.active,.eq-tab:hover,.cat-tabs a:hover,.cat-tabs a.active{
  background:linear-gradient(135deg,#62C4D0,#9B88C8)!important;
  color:#07111B!important;
  border-color:transparent!important;
  box-shadow:0 14px 32px rgba(98,196,208,.22)!important;
}
.btn-cta:hover,.btn-p:hover,.btn-send:hover{
  filter:brightness(1.08);
  box-shadow:0 18px 42px rgba(155,136,200,.28)!important;
}
.hero-bg-grad{
  background:
    radial-gradient(circle at 22% 20%,rgba(98,196,208,.16),transparent 34%),
    radial-gradient(circle at 78% 30%,rgba(155,136,200,.17),transparent 32%),
    linear-gradient(135deg,#06101A 0%,#172231 48%,#20233A 100%);
}
.hero-grid{
  background-image:
    linear-gradient(rgba(98,196,208,.052) 1px,transparent 1px),
    linear-gradient(90deg,rgba(155,136,200,.05) 1px,transparent 1px);
  background-size:56px 56px;
  animation:grid-drift 18s linear infinite;
}
@keyframes grid-drift{to{background-position:56px 56px}}
.molten-bar{height:4px;background:linear-gradient(90deg,transparent,#62C4D0,#9B88C8,#62C4D0,transparent);animation:energy-scan 4.5s ease-in-out infinite}
@keyframes energy-scan{0%,100%{opacity:.55;filter:saturate(1)}50%{opacity:1;filter:saturate(1.35) drop-shadow(0 0 12px rgba(98,196,208,.32))}}
.hero-tag{border-color:rgba(98,196,208,.32);background:linear-gradient(90deg,rgba(98,196,208,.12),rgba(155,136,200,.11));color:#D7F2FF}
.hero-tag .dot,.hero-tag .dot::after{background:#62C4D0}
.hero-title .hl{color:#D7F2FF}.hero-title .hl2{color:#B7A8E3}
.sec-tag,.sec-title .hl,.stat-n,.story-body h3,.clean-card h3,.content-block h2,.footer-brand h2,.project-ref-grid h3{color:#AEEAF2!important}
.divider,.ind-card::after{background:linear-gradient(90deg,#62C4D0,#9B88C8)}
.about-badge{background:linear-gradient(135deg,#62C4D0,#9B88C8)}
.cv-orbit,.cv-logo-wrap,.about-public-copy,.about-public-visual,.partner-logo-card,.clean-card,.content-block,.svc-card,.eq-card,.ind-card{
  border-color:rgba(98,196,208,.16)!important;
}
.cv-caption,.design-credit a,.footer-presence,.cinfo-item a:hover{color:#AEEAF2!important}
.cv-logo-wrap{
  width:255px!important;
  height:128px!important;
  border-radius:30px!important;
  padding:16px 22px!important;
  background:linear-gradient(145deg,rgba(238,248,252,.96),rgba(214,229,239,.92))!important;
  border-color:rgba(98,196,208,.42)!important;
  box-shadow:0 28px 70px rgba(0,0,0,.36),0 0 0 1px rgba(255,255,255,.28) inset!important;
}
.cv-logo-wrap img{
  width:215px!important;
  height:82px!important;
  object-fit:contain;
  filter:none!important;
}
@media(max-width:1100px){
  .home-logo-patch{min-width:auto}
  .brand-logo-img{width:176px!important;height:46px!important}
  .cv-logo-wrap{width:220px!important;height:112px!important}
  .cv-logo-wrap img{width:188px!important;height:74px!important}
}
@media(max-width:820px){
  .language-switcher{order:3;width:100%;justify-content:center;border-radius:14px}
  .language-menu{flex-wrap:wrap;justify-content:center}
  #lang-btn{font-size:.78rem}
}
@media(max-width:560px){
  .logo-text{display:none}
  .brand-logo-img{width:168px!important;height:44px!important}
  .cv-logo-wrap{width:190px!important;height:102px!important}
  .cv-logo-wrap img{width:162px!important;height:64px!important}
}

.error-page{min-height:calc(100vh - 280px)}
.error-hero{padding-top:148px;padding-bottom:72px}
.error-hero .page-hero-box{
  max-width:860px;
  margin:0 auto;
  text-align:center;
  background:
    radial-gradient(circle at 50% 0,rgba(98,196,208,.16),transparent 42%),
    linear-gradient(145deg,rgba(36,49,71,.88),rgba(17,27,41,.94))!important;
}
.error-hero .page-hero-box::after{
  content:'404';
  position:absolute;
  inset-inline-end:32px;
  bottom:18px;
  font:900 7rem Oswald,Vazirmatn,sans-serif;
  color:rgba(174,234,242,.07);
  pointer-events:none;
}
.error-actions{justify-content:center;margin-top:28px}
@media(max-width:720px){
  .error-hero{padding-top:112px}
  .error-hero .page-hero-box::after{font-size:4.5rem}
}

/* UI/UX Pro Max structural pass: navigation and equipment category safety */
.site-nav,
.site-nav *{
  box-sizing:border-box;
}
.site-nav .nav-inner{
  min-width:0;
}
.site-nav .nav-links{
  min-width:0;
  flex:1 1 auto;
  justify-content:center;
  gap:clamp(14px,1.7vw,24px);
}
.site-nav .nav-links a{
  max-width:100%;
  font-size:clamp(.8rem,.82vw,.9rem);
  line-height:1.35;
}
.site-nav .dropdown{
  min-width:0;
}
.site-nav .mega-menu{
  left:50%!important;
  right:auto!important;
  width:min(820px,calc(100vw - 48px))!important;
  grid-template-columns:minmax(170px,1.05fr) repeat(3,minmax(0,1fr));
  gap:12px;
  transform:translateX(-50%);
}
.site-nav .mega-col{
  min-width:0;
}
.site-nav .mega-col strong,
.site-nav .mega-col p,
.site-nav .mega-menu a{
  max-width:100%;
  white-space:normal;
  overflow-wrap:anywhere;
  word-break:normal;
}
.site-nav .mega-menu a{
  padding:9px 10px;
  min-height:38px;
}
.site-nav .mega-menu a:hover{
  padding-left:14px;
  padding-right:10px;
}

.equipment-sec .eq-shell.single-selector{
  max-width:1160px;
}
.equipment-sec .eq-content-card{
  border-radius:18px;
  padding:24px;
  overflow:hidden;
}
.equipment-sec .clean-tabs{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:10px;
  align-items:stretch;
}
.equipment-sec .eq-tab{
  min-width:0!important;
  width:100%;
  min-height:46px;
  padding:10px 12px;
  white-space:normal;
  line-height:1.25;
  overflow-wrap:anywhere;
}
.equipment-sec .eq-pane.active{
  grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
  align-items:stretch;
}
.equipment-sec .eq-card,
.equipment-sec .eq-card.improved,
.equipment-sec .eq-card.compact{
  min-width:0;
  border-radius:16px;
  overflow:hidden;
}
.equipment-sec .eq-card:hover{
  transform:translateY(-3px)!important;
}
.equipment-sec .eq-head,
.equipment-sec .eq-card.compact .eq-head{
  min-height:86px;
  align-items:flex-start;
  padding:16px 18px;
  gap:12px;
}
.equipment-sec .eq-head > div{
  min-width:0;
}
.equipment-sec .eq-head h4,
.equipment-sec .eq-head small{
  text-align:left!important;
  overflow-wrap:anywhere;
  word-break:normal;
  hyphens:auto;
}
.equipment-sec .eq-head h4{
  font-size:.98rem;
  line-height:1.32;
}
.equipment-sec .eq-head small{
  font-size:.74rem;
  line-height:1.35;
}
.equipment-sec .eq-code{
  width:40px!important;
  height:40px!important;
  flex:0 0 40px!important;
}
.equipment-sec .eq-body{
  padding:15px 18px 18px;
}
.equipment-sec .eq-list li{
  text-align:left!important;
  min-width:0;
  line-height:1.55;
}
.equipment-sec .eq-list li span{
  min-width:0;
  overflow-wrap:anywhere;
}

@media(max-width:980px){
  .site-nav .mega-menu{
    left:12px!important;
    right:12px!important;
    width:auto!important;
    transform:none;
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .equipment-sec .clean-tabs{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}
@media(max-width:820px){
  .site-nav .nav-open .mega-menu,
  .nav-open .mega-menu{
    left:auto!important;
    right:auto!important;
    transform:none!important;
  }
  .nav-open .nav-links a,
  .nav-open .mega-menu a{
    white-space:normal;
    overflow-wrap:anywhere;
  }
}
@media(max-width:620px){
  .equipment-sec .eq-content-card{
    padding:16px;
    border-radius:16px;
  }
  .equipment-sec .clean-tabs{
    grid-template-columns:1fr 1fr;
    gap:8px;
  }
  .equipment-sec .eq-tab{
    min-height:44px;
    font-size:.82rem;
  }
  .equipment-sec .eq-pane.active{
    grid-template-columns:1fr;
    gap:14px;
  }
}

/* Equipment card title repair: keep the numeric badge isolated from text spans. */
.equipment-sec .eq-head{
  align-items:center!important;
}

/* =========================================================================
   NEEK INTERNATIONAL — "ENGINEERING BLUEPRINT" THEME v4 (full reskin)
   Appended last: overrides the previous gold + blue-purple layers.
   Structure/layout/RTL logic untouched — visual skin fully replaced.
   ========================================================================= */
:root{
  /* core blueprint palette */
  --bp-ink:#06121F;            /* deepest background */
  --bp-ink2:#091B2B;           /* panel base */
  --bp-surf:#0C2236;           /* card surface */
  --bp-surf2:#103049;          /* raised surface */
  --bp-cyan:#22D3EE;           /* primary accent */
  --bp-cyan-br:#5FE6F5;        /* bright accent */
  --bp-teal:#5EEAD4;           /* secondary accent */
  --bp-deep:#1E879A;           /* darker accent */
  --bp-ink-on:#04222E;         /* text on cyan fills */
  --bp-head:#E8F7FC;           /* headings / bright text */
  --bp-body:#A4C2D6;           /* body text */
  --bp-muted:#6F8EA6;          /* muted text */
  --bp-dim:#4E6B83;            /* dim text */
  --bp-grid:rgba(56,189,248,.10);
  --bp-line:rgba(94,234,212,.16);
  --bp-line2:rgba(34,211,238,.40);
  --bp-glow:0 0 0 1px rgba(34,211,238,.18),0 18px 44px rgba(0,0,0,.5);
  --mono:'IBM Plex Mono','Vazirmatn',monospace;
  --disp:'Space Grotesk','Vazirmatn',sans-serif;

  /* remap legacy tokens so anything using them follows the blueprint */
  --gold:#22D3EE;--gold-light:#5EEAD4;--gold-dark:#1E879A;
  --accent:#2DD4BF;--hot:#22D3EE;--red-hot:#38BDF8;
  --steel:#06121F;--steel-2:#040D17;--steel-mid:#0C2236;--steel-light:#103049;
  --text-light:#E8F7FC;--text-muted:#A4C2D6;--text-dim:#6F8EA6;
  --line:rgba(94,234,212,.16);--line-strong:rgba(34,211,238,.40);
  --soft:0 16px 40px rgba(0,0,0,.42);--shadow:0 26px 70px rgba(0,0,0,.5);
  --depth-shadow:0 18px 40px rgba(0,0,0,.42),0 0 0 1px rgba(34,211,238,.06);
  --depth-shadow-hover:0 26px 60px rgba(0,0,0,.5),0 0 0 1px rgba(34,211,238,.32),0 0 30px rgba(34,211,238,.12);
}

/* ---- Base canvas: ink + technical blueprint grid -------------------------- */
body{
  background:
    radial-gradient(900px 540px at 16% 14%,rgba(34,211,238,.07),transparent 60%),
    radial-gradient(760px 460px at 86% 38%,rgba(94,234,212,.05),transparent 62%),
    linear-gradient(180deg,#06121F 0%,#081C2C 46%,#050F19 100%) !important;
  color:var(--bp-body);
}
body::before{
  content:'';position:fixed;inset:0;pointer-events:none;z-index:-1;
  background-image:
    linear-gradient(var(--bp-grid) 1px,transparent 1px),
    linear-gradient(90deg,var(--bp-grid) 1px,transparent 1px) !important;
  background-size:44px 44px !important;
  transform:none !important;opacity:1 !important;
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.9),rgba(0,0,0,.35) 60%,rgba(0,0,0,.55));
}
body::after{
  content:'';position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:.5 !important;
  background-image:
    linear-gradient(rgba(94,234,212,.05) 1px,transparent 1px),
    linear-gradient(90deg,rgba(94,234,212,.05) 1px,transparent 1px) !important;
  background-size:220px 220px !important;
  transform:none !important;
}
::-webkit-scrollbar-thumb{background:var(--bp-deep)}
::selection{background:rgba(34,211,238,.3);color:#fff}

/* ---- Typography ----------------------------------------------------------- */
.hero-title,.sec-title,.pg-hero h1,.page-hero-box h1,.contact-info h2,
.footer-brand h2,.story-body h3,.svc-card h3,.ind-card h3,.eq-head h4,
.content-block h2,.clean-card h3,.equipment-link-card h3,.partner-logo-card h3,
.project-ref-grid h3,.partner-group-head h2,.about-badge h3{
  font-family:var(--disp) !important;letter-spacing:-.015em;
}
.stat-n,.eq-code,.ind-ico,.svc-ico,.partner-mark,.project-metrics .clean-card h3,
.partner-country,.cinfo-ico{
  font-family:var(--mono) !important;letter-spacing:.02em;
}

/* eyebrow tags → monospace "// LABEL" */
.sec-tag,.hero-tag{
  font-family:var(--mono) !important;text-transform:uppercase;letter-spacing:.18em !important;
  font-weight:500 !important;border-radius:4px !important;
}
.sec-tag{
  display:inline-block;color:var(--bp-cyan) !important;font-size:.7rem !important;
  background:none;text-shadow:none !important;
}
.sec-tag::before{content:'// ';opacity:.7}
.hero-tag{
  background:rgba(34,211,238,.07) !important;border:1px solid var(--bp-line2) !important;
  color:var(--bp-cyan-br) !important;font-size:.72rem !important;border-radius:4px !important;
  box-shadow:none !important;
}
.hero-tag .dot,.hero-tag .dot::after{background:var(--bp-cyan) !important}
.hero-title .hl,.sec-title .hl,.pg-hero h1 .hl,.hl{color:var(--bp-cyan) !important;text-shadow:none !important}
.hero-title .hl2{color:var(--bp-teal) !important;text-shadow:none !important}
.divider{
  height:2px !important;width:54px !important;border-radius:0 !important;
  background:linear-gradient(90deg,var(--bp-cyan),var(--bp-teal)) !important;
  box-shadow:0 0 16px rgba(34,211,238,.4) !important;
}
.sec-tag,.sec-title .hl,.stat-n,.story-body h3,.clean-card h3,.content-block h2,
.footer-brand h2,.project-ref-grid h3{color:var(--bp-head) !important}
.sec-title .hl,.story-body h3,.content-block h2,.clean-card h3,.project-ref-grid h3{color:var(--bp-cyan) !important}
.stat-n{color:var(--bp-cyan-br) !important;text-shadow:0 0 18px rgba(34,211,238,.25) !important}

/* ---- Navigation ----------------------------------------------------------- */
nav,.site-nav{
  background:rgba(6,18,31,.92) !important;backdrop-filter:blur(18px);
  border-bottom:1px solid var(--bp-line) !important;
  box-shadow:0 1px 0 rgba(34,211,238,.08),0 16px 40px rgba(0,0,0,.4) !important;
}
.nav-links a{color:var(--bp-body)}
.nav-links a:hover{color:var(--bp-cyan-br)}
.nav-links a::after{background:linear-gradient(90deg,var(--bp-cyan),var(--bp-teal)) !important;height:2px}
.site-nav .logo-area{
  background:linear-gradient(145deg,#0C2236,#0A1B2B) !important;
  border:1px solid var(--bp-line2) !important;
  box-shadow:inset 0 1px 0 rgba(34,211,238,.12) !important;border-radius:8px !important;
}
.mega-menu{
  background:linear-gradient(160deg,rgba(10,27,43,.99),rgba(6,16,27,.99)) !important;
  border:1px solid var(--bp-line2) !important;border-radius:10px !important;
  box-shadow:0 30px 80px rgba(0,0,0,.6),0 0 0 1px rgba(34,211,238,.08) !important;
}
.mega-col strong{color:var(--bp-cyan) !important;font-family:var(--disp)}
.mega-title-col{border-color:var(--bp-line2) !important}
.dropdown-menu{background:rgba(10,27,43,.98) !important;border:1px solid var(--bp-line2) !important;border-radius:10px}
.dropdown-menu a:hover,.mega-menu a:hover{background:rgba(34,211,238,.08) !important;color:var(--bp-cyan-br) !important}
.mobile-toggle{border:1px solid var(--bp-line2) !important;background:rgba(34,211,238,.07) !important;border-radius:6px}
.mobile-toggle span{background:var(--bp-cyan) !important}
.language-switcher{border:1px solid var(--bp-line2) !important;background:rgba(34,211,238,.05) !important;border-radius:6px}
#lang-btn{color:var(--bp-cyan-br) !important}
.language-menu button{
  border:1px solid var(--bp-line) !important;color:var(--bp-body) !important;
  background:rgba(34,211,238,.04) !important;border-radius:5px !important;font-family:var(--mono) !important;
}
.language-menu button:hover,.language-menu button.active{
  background:linear-gradient(135deg,var(--bp-cyan),var(--bp-teal)) !important;color:var(--bp-ink-on) !important;border-color:transparent !important;
}

/* ---- Buttons: squared technical -------------------------------------------- */
.btn-cta,.btn-p,.btn-send,.eq-tab.active,.eq-tab:hover,.cat-tabs a:hover,.cat-tabs a.active{
  background:linear-gradient(135deg,var(--bp-cyan),var(--bp-teal)) !important;
  color:var(--bp-ink-on) !important;border:1px solid transparent !important;border-radius:6px !important;
  font-family:var(--mono) !important;font-weight:600 !important;letter-spacing:.02em;
  box-shadow:0 10px 28px rgba(34,211,238,.22),inset 0 1px 0 rgba(255,255,255,.25) !important;
}
.btn-cta:hover,.btn-p:hover,.btn-send:hover{
  filter:brightness(1.08);box-shadow:0 16px 38px rgba(34,211,238,.34),0 0 24px rgba(94,234,212,.2) !important;
}
.btn-s{
  border:1px solid var(--bp-line2) !important;color:var(--bp-cyan-br) !important;
  background:rgba(34,211,238,.05) !important;border-radius:6px !important;font-family:var(--mono);font-weight:500;
  box-shadow:none !important;
}
.btn-s:hover{border-color:var(--bp-cyan) !important;background:rgba(34,211,238,.1) !important;color:var(--bp-cyan-br) !important}

/* ---- Hero ----------------------------------------------------------------- */
.hero-bg-grad{
  background:
    radial-gradient(ellipse 760px 520px at 70% 38%,rgba(34,211,238,.1),transparent 66%),
    radial-gradient(ellipse 520px 420px at 20% 66%,rgba(94,234,212,.07),transparent 66%),
    linear-gradient(135deg,#06121F 0%,#0A2235 52%,#06141F 100%) !important;
}
.hero-grid{
  background-image:
    linear-gradient(rgba(34,211,238,.06) 1px,transparent 1px),
    linear-gradient(90deg,rgba(94,234,212,.05) 1px,transparent 1px) !important;
  background-size:46px 46px !important;
  mask-image:radial-gradient(circle at 60% 40%,#000,transparent 78%);
}
.molten-bar{
  height:2px !important;
  background:linear-gradient(90deg,transparent,var(--bp-cyan),var(--bp-teal),var(--bp-cyan),transparent) !important;
}
.hero-stats{border-top:1px solid var(--bp-line) !important}
.stat-l{color:var(--bp-muted);font-family:var(--mono);font-size:.72rem !important;letter-spacing:.04em}
/* corner brackets signature on hero */
.hero::after{
  content:'';position:absolute;left:3rem;right:3rem;top:90px;bottom:26px;pointer-events:none;z-index:1;
  background:
    linear-gradient(var(--bp-cyan) 0 0) top left/26px 2px no-repeat,
    linear-gradient(var(--bp-cyan) 0 0) top left/2px 26px no-repeat,
    linear-gradient(var(--bp-cyan) 0 0) top right/26px 2px no-repeat,
    linear-gradient(var(--bp-cyan) 0 0) top right/2px 26px no-repeat,
    linear-gradient(var(--bp-cyan) 0 0) bottom left/26px 2px no-repeat,
    linear-gradient(var(--bp-cyan) 0 0) bottom left/2px 26px no-repeat,
    linear-gradient(var(--bp-cyan) 0 0) bottom right/26px 2px no-repeat,
    linear-gradient(var(--bp-cyan) 0 0) bottom right/2px 26px no-repeat;
  opacity:.5;
}

/* recolor warm illustration accents toward the blueprint family */
.real-gear-machine{filter:drop-shadow(0 28px 40px rgba(0,0,0,.5)) hue-rotate(158deg) saturate(.9) !important}
.refined-card .story-visual svg{filter:drop-shadow(0 20px 26px rgba(0,0,0,.5)) hue-rotate(150deg) saturate(.78) brightness(1.04) !important}
.cv-lines{filter:hue-rotate(150deg) saturate(.85)}
.oil-visual,.steel-visual,.pipe-visual,.inst-visual{
  background:radial-gradient(circle at 50% 44%,rgba(34,211,238,.14),transparent 60%),#081C2C !important;
}

/* ---- Generic card family: flat technical frame ---------------------------- */
.svc-card,.story-card,.eq-card,.ind-card,.partner-item,.content-block,.clean-card,
.partner-logo-card,.project-ref-grid article,.about-public-copy,.about-public-visual,
.card.equipment-link-card,.panel,.eq-content-card,.equipment-sec .eq-content-card,
.eq-card.improved,.equipment-sec .eq-card.improved,.form-wrap,.cinfo-item,.feat{
  background:linear-gradient(165deg,rgba(12,34,54,.96),rgba(7,20,33,.97)) !important;
  border:1px solid var(--bp-line) !important;border-radius:8px !important;
  box-shadow:var(--depth-shadow) !important;
}
/* kill heavy gloss/shadow pseudo layers, replace with subtle inner top line */
.story-card::before,.svc-card::before,.eq-card::before,.ind-card::before,.partner-item::before,
.content-block::before,.contact-card::before,.partner-logo-card::before,.clean-card::before,
.project-ref-grid article::before,.story-card::after,.svc-card::after,.eq-card::after,
.ind-card::after,.partner-item::after,.contact-card::after{
  background:none !important;opacity:1 !important;filter:none !important;transform:none !important;
  box-shadow:none !important;
}
/* technical top accent rule on cards */
.svc-card::before,.story-card::before,.clean-card::before,.project-ref-grid article::before,
.partner-logo-card::before,.card.equipment-link-card::before{
  content:'' !important;position:absolute;top:0;left:0;right:0;height:2px !important;inset:0 0 auto 0 !important;
  background:linear-gradient(90deg,var(--bp-cyan),transparent 70%) !important;opacity:.6 !important;
}
.ind-card::after{
  content:'' !important;position:absolute;left:0;right:0;bottom:0;top:auto;height:2px !important;
  background:linear-gradient(90deg,var(--bp-cyan),var(--bp-teal)) !important;
  transform:scaleX(0) !important;transition:transform .35s;opacity:1 !important;
}
.ind-card:hover::after{transform:scaleX(1) !important}

/* flat technical hover (override 3D rotate) */
@media(hover:hover) and (min-width:900px){
  .story-card:hover,.svc-card:hover,.eq-card:hover,.ind-card:hover,.partner-item:hover,
  .content-block:hover,.contact-card:hover,.partner-logo-card:hover,.clean-card:hover,
  .project-ref-grid article:hover,.card.equipment-link-card:hover,
  body.en-mode .story-card:hover,body.en-mode .svc-card:hover,body.en-mode .eq-card:hover,
  body.en-mode .ind-card:hover,body.en-mode .partner-item:hover,body.en-mode .content-block:hover,
  body.en-mode .contact-card:hover,body.en-mode .partner-logo-card:hover,body.en-mode .clean-card:hover,
  body.en-mode .project-ref-grid article:hover{
    transform:translateY(-5px) !important;
    box-shadow:var(--depth-shadow-hover) !important;border-color:var(--bp-line2) !important;
  }
}

/* icon chips → square technical badges */
.svc-ico,.ind-ico,.feat-ico,.cinfo-ico,.eq-code,.partner-mark,.project-ref-grid span:first-child{
  background:rgba(34,211,238,.1) !important;border:1px solid var(--bp-line2) !important;
  color:var(--bp-cyan) !important;border-radius:6px !important;box-shadow:none !important;
}
.svc-card h3,.ind-card h3,.feat h4{color:var(--bp-head) !important}
.svc-card p,.ind-card p,.feat p,.story-body p,.content-block p,.content-block li,
.clean-card p,.equipment-link-card p,.partner-logo-card p,.project-ref-grid p,.cinfo-item p{color:var(--bp-body) !important}

/* shimmer sweep on svc cards → cyan */
.svc-card{overflow:hidden}

/* ---- Equipment selector --------------------------------------------------- */
.equipment-sec{background:linear-gradient(180deg,rgba(4,13,23,.4),rgba(8,28,44,.6)) !important}
.eq-tab,.equipment-sec .eq-tab{
  background:rgba(12,34,54,.8) !important;border:1px solid var(--bp-line) !important;
  color:var(--bp-body) !important;border-radius:6px !important;font-family:var(--mono) !important;font-weight:500;
}
.equipment-sec .clean-tabs{border-bottom:1px solid var(--bp-line) !important}
.eq-head,.equipment-sec .eq-head{
  background:linear-gradient(90deg,rgba(34,211,238,.1),rgba(94,234,212,.02)) !important;
  border-bottom:1px solid var(--bp-line) !important;box-shadow:none !important;
}
.eq-head h4,.equipment-sec .eq-head h4{color:var(--bp-cyan) !important}
.eq-head small{color:var(--bp-muted) !important}
.eq-list li{color:var(--bp-body) !important;border-bottom:1px solid rgba(94,234,212,.08) !important}
.eq-list li::before{background:var(--bp-cyan) !important}
.eq-list li:hover{color:var(--bp-cyan-br) !important}
.eq-map-node{background:rgba(7,20,33,.6) !important;border:1px solid var(--bp-line) !important;color:var(--bp-body) !important;border-radius:6px}
.eq-map-node:hover,.eq-map-node.active{background:linear-gradient(135deg,var(--bp-cyan),var(--bp-teal)) !important;color:var(--bp-ink-on) !important;border-color:transparent !important}
.eq-map-root{background:rgba(34,211,238,.1) !important;border:1px solid var(--bp-line2) !important;color:var(--bp-cyan) !important;border-radius:6px}

/* ---- Inner pages: hero box, catalog, detail ------------------------------- */
.page-hero-box,.pg-hero{
  background:linear-gradient(150deg,rgba(12,34,54,.94),rgba(6,17,28,.96)) !important;
  border:1px solid var(--bp-line2) !important;border-radius:10px !important;position:relative;overflow:hidden;
}
.pg-hero h1,.page-hero-box h1{color:var(--bp-head) !important}
.pg-hero h1 .hl,.pg-hero h1 em,.page-hero-box h1 .hl{color:var(--bp-cyan) !important}
.pg-hero p,.page-hero-box p{color:var(--bp-body) !important}
.page-hero-box::before,.pg-hero::before{
  content:'' !important;position:absolute;inset:14px;pointer-events:none;border-radius:0;background:none !important;
  background-image:
    linear-gradient(var(--bp-cyan) 0 0),linear-gradient(var(--bp-cyan) 0 0),
    linear-gradient(var(--bp-cyan) 0 0),linear-gradient(var(--bp-cyan) 0 0) !important;
  background-repeat:no-repeat !important;
  background-size:22px 2px,2px 22px,22px 2px,2px 22px !important;
  background-position:top left,top left,bottom right,bottom right !important;
  opacity:.55;transform:none !important;
}
.breadcrumb{font-family:var(--mono);font-size:.78rem}
.breadcrumb a{color:var(--bp-cyan) !important}
.cat-tabs{border:1px solid var(--bp-line) !important;background:rgba(12,34,54,.4) !important;border-radius:10px !important}
.cat-tabs a{
  background:rgba(12,34,54,.8) !important;border:1px solid var(--bp-line) !important;
  color:var(--bp-body) !important;border-radius:6px !important;font-family:var(--mono) !important;
}
.equipment-link-card .thumb,.card.equipment-link-card .thumb{background:#081C2C !important;border-bottom:1px solid var(--bp-line) !important}
.equipment-link-card h3{color:var(--bp-cyan) !important}
.detail-img{border:1px solid var(--bp-line2) !important;border-radius:10px !important;background:#081C2C !important}
.info-list div{border-bottom:1px solid rgba(94,234,212,.1) !important}
.info-list span{color:var(--bp-muted) !important;font-family:var(--mono)}
.info-list strong{color:var(--bp-head) !important}
.chip,.ref-chip{
  border:1px solid var(--bp-line2) !important;background:rgba(34,211,238,.08) !important;
  color:var(--bp-cyan-br) !important;border-radius:4px !important;font-family:var(--mono);font-weight:500 !important;
}
.partner-logo{background:linear-gradient(165deg,rgba(255,255,255,.06),rgba(255,255,255,.01)) !important;border:1px solid var(--bp-line) !important;border-radius:6px !important}
.partner-info h3{color:var(--bp-head) !important}
.partner-country{color:var(--bp-cyan) !important}
.partner-mark{color:var(--bp-cyan) !important}
.project-metrics .clean-card h3{color:var(--bp-cyan-br) !important}
.public-table th{background:rgba(34,211,238,.1) !important;color:var(--bp-cyan) !important;font-family:var(--disp)}
.public-table td:last-child{color:var(--bp-cyan-br) !important;font-family:var(--mono)}
.public-table th,.public-table td{border-bottom:1px solid rgba(94,234,212,.1) !important}

/* ---- Forms ---------------------------------------------------------------- */
.form-wrap{border:1px solid var(--bp-line2) !important;border-radius:10px !important}
.fg label{color:var(--bp-muted) !important;font-family:var(--mono);font-size:.78rem !important;letter-spacing:.04em}
.fg input,.fg textarea,.fg select{
  background:rgba(6,17,28,.85) !important;border:1px solid var(--bp-line) !important;
  color:var(--bp-head) !important;border-radius:6px !important;
}
.fg input:focus,.fg textarea:focus,.fg select:focus{
  border-color:var(--bp-cyan) !important;box-shadow:0 0 0 3px rgba(34,211,238,.12) !important;
}
.form-status{border:1px solid var(--bp-line2) !important;background:rgba(34,211,238,.08) !important;color:var(--bp-head) !important;border-radius:6px}
.cinfo-item a:hover{color:var(--bp-cyan-br) !important}

/* ---- About visuals -------------------------------------------------------- */
.about-img{
  background:linear-gradient(150deg,rgba(12,34,54,.95),rgba(6,17,28,.96)) !important;
  border:1px solid var(--bp-line2) !important;border-radius:10px !important;
}
.about-badge{background:linear-gradient(135deg,var(--bp-cyan),var(--bp-teal)) !important;color:var(--bp-ink-on) !important;border-radius:8px !important}
.about-badge p{font-family:var(--mono)}
.cv-orbit{border-color:var(--bp-line2) !important}
.cv-logo-wrap{border-color:var(--bp-line2) !important}
.cv-caption{color:var(--bp-cyan) !important;font-family:var(--mono)}

/* ---- Footer --------------------------------------------------------------- */
footer{background:rgba(4,12,21,.6) !important;border-top:1px solid var(--bp-line) !important}
.footer-brand h2{color:var(--bp-cyan) !important}
.footer-col h4{color:var(--bp-head) !important;border-bottom:1px solid var(--bp-line2) !important;font-family:var(--disp)}
.footer-col ul li a{color:var(--bp-body)}
.footer-col ul li a:hover{color:var(--bp-cyan-br) !important}
.footer-presence{color:var(--bp-muted) !important;font-family:var(--mono)}
.design-credit a{color:var(--bp-cyan) !important}

/* ---- 404 ------------------------------------------------------------------ */
.error-hero .page-hero-box::after{color:rgba(34,211,238,.08) !important;font-family:var(--mono) !important}

/* ---- Mobile polish -------------------------------------------------------- */
@media(max-width:820px){
  .hero::after{left:1.2rem;right:1.2rem;top:80px;bottom:18px}
  .nav-open .nav-links{background:linear-gradient(180deg,rgba(8,24,38,.99),rgba(5,14,23,.99)) !important;border:1px solid var(--bp-line2) !important}
}
@media(max-width:760px){
  body::after{opacity:.25 !important}
}

/* ---- Blueprint cleanup patch ---------------------------------------------- */
.content-block h2,.footer-col h4{border-bottom:1px solid var(--bp-line2) !important}
.sec-tag{color:var(--bp-cyan) !important}
.svc-card::after{content:none !important}

/* =========================================================================
   NEEK INTERNATIONAL — NEW HOMEPAGE SKELETON (nx-*) "Blueprint Console"
   A fully different structure: technical header, datasheet hero, ledger,
   equipment directory, process flow, stats band, restructured contact/footer.
   ========================================================================= */
.nx-body{padding-top:0}
.nx-eyebrow{font-family:var(--mono);text-transform:uppercase;letter-spacing:.2em;font-size:.7rem;color:var(--bp-cyan);display:block}
.cy{color:var(--bp-cyan)}.tl{color:var(--bp-teal)}
.nx-live{width:7px;height:7px;border-radius:50%;background:var(--bp-teal);display:inline-block;box-shadow:0 0 0 0 rgba(94,234,212,.6);animation:nx-ping 2s ease-out infinite}
@keyframes nx-ping{0%{box-shadow:0 0 0 0 rgba(94,234,212,.5)}100%{box-shadow:0 0 0 9px rgba(94,234,212,0)}}

/* ---- NAV ---- */
.nx-nav{position:fixed;top:0;left:0;right:0;z-index:1000;background:rgba(5,15,26,.9) !important;backdrop-filter:blur(18px);border-bottom:1px solid var(--bp-line) !important;padding:0 !important}
.nx-ticker{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:6px 28px;font-family:var(--mono);font-size:.68rem;color:var(--bp-muted);border-bottom:1px solid rgba(94,234,212,.08);background:rgba(4,12,21,.6)}
.nx-ticker a{color:var(--bp-cyan);text-decoration:none}
.nx-tick-right{display:flex;align-items:center;gap:8px}
.nx-bar{display:flex;align-items:center;gap:24px;max-width:1320px;margin:0 auto;padding:12px 28px;width:100%}
.nx-logo{flex-shrink:0;display:flex;align-items:center}
.nx-logo-img{height:38px;width:auto;object-fit:contain}
.nx-menu{list-style:none;display:flex;gap:6px;margin:0 auto 0 18px;padding:0}
.nx-menu a{display:flex;align-items:baseline;gap:6px;text-decoration:none;color:var(--bp-body);font-family:var(--mono);font-size:.78rem;letter-spacing:.03em;padding:8px 12px;border-radius:5px;transition:.2s;white-space:nowrap}
.nx-menu a b{color:var(--bp-deep);font-weight:600;font-size:.66rem}
.nx-menu a:hover{background:rgba(34,211,238,.08);color:var(--bp-cyan-br)}
.nx-menu a:hover b{color:var(--bp-cyan)}
.nx-actions{display:flex;align-items:center;gap:12px;flex-shrink:0}
.nx-quote{font-family:var(--mono);font-size:.78rem;font-weight:600;color:var(--bp-ink-on);background:linear-gradient(135deg,var(--bp-cyan),var(--bp-teal));padding:9px 14px;border-radius:6px;text-decoration:none;white-space:nowrap;box-shadow:0 8px 22px rgba(34,211,238,.22)}
.nx-quote:hover{filter:brightness(1.08)}

/* ---- HERO ---- */
.nx-hero{position:relative;padding:130px 28px 0;overflow:hidden}
.nx-hero::before{content:'';position:absolute;inset:0;z-index:-1;background-image:linear-gradient(rgba(34,211,238,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(94,234,212,.045) 1px,transparent 1px);background-size:48px 48px;mask-image:radial-gradient(circle at 70% 30%,#000,transparent 80%)}
.nx-hero-inner{max-width:1320px;margin:0 auto;display:grid;grid-template-columns:1.25fr .75fr;gap:48px;align-items:center;min-height:62vh}
.nx-h1{font-family:var(--disp);font-weight:700;font-size:3.3rem;line-height:1.12;letter-spacing:-.025em;color:var(--bp-head);margin:18px 0 22px}
.nx-lead{color:var(--bp-body);font-size:1.05rem;line-height:1.85;max-width:600px;margin-bottom:30px}
.nx-cta{display:flex;gap:14px;flex-wrap:wrap}
.nx-btn{display:inline-flex;align-items:center;justify-content:center;font-family:var(--mono);font-size:.84rem;font-weight:600;padding:13px 22px;border-radius:6px;text-decoration:none;border:1px solid transparent;cursor:pointer;transition:.22s}
.nx-btn-p{background:linear-gradient(135deg,var(--bp-cyan),var(--bp-teal));color:var(--bp-ink-on);box-shadow:0 12px 30px rgba(34,211,238,.24)}
.nx-btn-p:hover{filter:brightness(1.08);box-shadow:0 16px 38px rgba(34,211,238,.34)}
.nx-btn-s{border:1px solid var(--bp-line2);color:var(--bp-cyan-br);background:rgba(34,211,238,.05)}
.nx-btn-s:hover{border-color:var(--bp-cyan);background:rgba(34,211,238,.1)}
/* datasheet panel */
.nx-panel{background:linear-gradient(165deg,rgba(12,34,54,.96),rgba(7,20,33,.97));border:1px solid var(--bp-line2);border-radius:10px;padding:0;overflow:hidden;box-shadow:0 24px 60px rgba(0,0,0,.5)}
.nx-panel-head{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;font-family:var(--mono);font-size:.72rem;letter-spacing:.14em;color:var(--bp-cyan);background:rgba(34,211,238,.07);border-bottom:1px solid var(--bp-line)}
.nx-panel-rows{padding:8px 0}
.nx-panel-rows>div{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:12px 18px;border-bottom:1px dashed rgba(94,234,212,.12)}
.nx-panel-rows dt{font-family:var(--mono);font-size:.74rem;color:var(--bp-muted);letter-spacing:.03em}
.nx-panel-rows dd{font-family:var(--mono);font-size:.84rem;color:var(--bp-head);font-weight:500;text-align:right}
.nx-panel-rows .nx-ok{color:var(--bp-teal)}
.nx-panel-foot{display:block;padding:13px 18px;font-family:var(--mono);font-size:.76rem;color:var(--bp-cyan);text-decoration:none;background:rgba(34,211,238,.04)}
.nx-panel-foot:hover{background:rgba(34,211,238,.1)}
/* marquee */
.nx-marquee{margin-top:54px;border-top:1px solid var(--bp-line);border-bottom:1px solid var(--bp-line);overflow:hidden;background:rgba(4,12,21,.4)}
.nx-marquee-track{display:flex;gap:0;width:max-content;animation:nx-scroll 38s linear infinite}
.nx-marquee-track span{font-family:var(--mono);font-size:.8rem;color:var(--bp-muted);padding:14px 26px;white-space:nowrap;position:relative}
.nx-marquee-track span::after{content:'/';position:absolute;right:-2px;color:var(--bp-deep);opacity:.5}
@keyframes nx-scroll{to{transform:translateX(-50%)}}

/* ---- SECTIONS shell ---- */
.nx-main{position:relative}
.nx-sec{max-width:1320px;margin:0 auto;padding:96px 28px}
.nx-alt{max-width:none;background:linear-gradient(180deg,rgba(8,28,44,.5),rgba(5,15,26,.5));border-block:1px solid var(--bp-line)}
.nx-alt>*{max-width:1320px;margin-inline:auto}
.nx-sec-head{margin-bottom:46px}
.nx-h2{font-family:var(--disp);font-weight:700;font-size:2.2rem;letter-spacing:-.02em;color:var(--bp-head);margin:12px 0 0}
.nx-sub{color:var(--bp-body);font-size:1rem;line-height:1.8;max-width:640px;margin-top:14px}

/* ---- 01 ledger ---- */
.nx-ledger{border-top:1px solid var(--bp-line)}
.nx-row{display:grid;grid-template-columns:90px 1fr;gap:24px;align-items:start;padding:26px 8px;border-bottom:1px solid var(--bp-line);transition:.25s}
.nx-row:hover{background:rgba(34,211,238,.04);padding-left:18px}
.nx-row-id{font-family:var(--mono);font-size:1.4rem;font-weight:600;color:var(--bp-deep)}
.nx-row:hover .nx-row-id{color:var(--bp-cyan)}
.nx-row-b h3{font-family:var(--disp);font-size:1.15rem;color:var(--bp-head);margin:0 0 8px;font-weight:600}
.nx-row-b p{color:var(--bp-body);font-size:.94rem;line-height:1.75;max-width:680px}

/* ---- 02 directory ---- */
.nx-dir{display:grid;grid-template-columns:repeat(5,1fr);gap:0;border:1px solid var(--bp-line);border-radius:10px;overflow:hidden}
.nx-dir-col{padding:22px 20px;border-right:1px solid var(--bp-line)}
.nx-dir-col:last-child{border-right:none}
.nx-dir-h{display:flex;justify-content:space-between;align-items:center;font-family:var(--disp);font-weight:600;font-size:1.02rem;color:var(--bp-cyan);text-decoration:none;padding-bottom:14px;margin-bottom:14px;border-bottom:1px solid var(--bp-line2)}
.nx-dir-h span{color:var(--bp-deep);transition:.2s}
.nx-dir-h:hover span{color:var(--bp-cyan);transform:translateX(3px)}
.nx-dir-col ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.nx-dir-col li a{font-family:var(--mono);font-size:.8rem;color:var(--bp-muted);text-decoration:none;transition:.2s;display:block}
.nx-dir-col li a::before{content:'— ';color:var(--bp-deep)}
.nx-dir-col li a:hover{color:var(--bp-cyan-br)}

/* ---- 03 workflow ---- */
.nx-flow{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:0;counter-reset:none;position:relative}
.nx-flow li{position:relative;padding:24px 20px 24px 0}
.nx-flow li::before{content:'';position:absolute;top:38px;left:0;right:0;height:1px;background:repeating-linear-gradient(90deg,var(--bp-line2) 0 8px,transparent 8px 16px)}
.nx-flow li:last-child::before{display:none}
.nx-step{display:inline-flex;align-items:center;justify-content:center;width:54px;height:54px;border-radius:8px;border:1px solid var(--bp-line2);background:rgba(34,211,238,.08);font-family:var(--mono);font-weight:600;font-size:1.1rem;color:var(--bp-cyan);position:relative;z-index:1;margin-bottom:18px}
.nx-flow h3{font-family:var(--disp);font-size:1.05rem;color:var(--bp-head);margin:0 0 8px;font-weight:600}
.nx-flow p{color:var(--bp-body);font-size:.86rem;line-height:1.65;max-width:200px}

/* ---- 04 industries ---- */
.nx-ind{display:grid;grid-template-columns:1fr 1fr;gap:0;border:1px solid var(--bp-line);border-radius:10px;overflow:hidden}
.nx-ind-row{display:flex;align-items:center;gap:22px;padding:30px 26px;border-bottom:1px solid var(--bp-line);border-right:1px solid var(--bp-line);transition:.25s}
.nx-ind-row:nth-child(2n){border-right:none}
.nx-ind-row:nth-last-child(-n+2){border-bottom:none}
.nx-ind-row:hover{background:rgba(34,211,238,.05)}
.nx-ind-id{font-family:var(--mono);font-weight:600;font-size:.92rem;color:var(--bp-cyan);border:1px solid var(--bp-line2);border-radius:6px;padding:14px 12px;min-width:64px;text-align:center;flex-shrink:0;background:rgba(34,211,238,.06)}
.nx-ind-row h3{font-family:var(--disp);font-size:1.2rem;color:var(--bp-head);margin:0 0 6px;font-weight:600}
.nx-ind-row p{color:var(--bp-body);font-size:.9rem;line-height:1.65;margin:0}

/* ---- stats band ---- */
.nx-band{max-width:none;background:linear-gradient(135deg,rgba(34,211,238,.06),rgba(94,234,212,.03));border-block:1px solid var(--bp-line2);padding:60px 28px}
.nx-band-grid{max-width:1320px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:0}
.nx-band-grid>div{text-align:center;padding:0 18px;border-right:1px dashed rgba(94,234,212,.18)}
.nx-band-grid>div:last-child{border-right:none}
.nx-band-grid strong{display:block;font-family:var(--mono);font-size:2.8rem;font-weight:600;color:var(--bp-cyan-br);line-height:1;text-shadow:0 0 22px rgba(34,211,238,.25)}
.nx-band-grid span{display:block;margin-top:10px;font-family:var(--mono);font-size:.74rem;letter-spacing:.04em;color:var(--bp-muted)}
.nx-band-note{max-width:900px;margin:34px auto 0;text-align:center;color:var(--bp-body);font-size:.94rem;line-height:1.85}

/* ---- 05 contact ---- */
.nx-contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:48px;align-items:start}
.nx-contact-info .nx-h2{margin-top:12px}
.nx-mail{display:inline-block;margin:22px 0 8px;font-family:var(--mono);font-size:1.1rem;color:var(--bp-cyan-br);text-decoration:none;border-bottom:1px dashed var(--bp-line2);padding-bottom:4px}
.nx-offices{list-style:none;margin:24px 0 0;padding:0;display:flex;flex-direction:column;gap:12px}
.nx-offices li{font-family:var(--mono);font-size:.82rem;color:var(--bp-body)}
.nx-offices b{color:var(--bp-cyan);margin-right:8px}
.nx-form{background:linear-gradient(165deg,rgba(12,34,54,.96),rgba(7,20,33,.97));border:1px solid var(--bp-line2);border-radius:10px;padding:30px}
.nx-fg{display:block;margin-bottom:18px}
.nx-fg2{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.nx-fg>span{display:block;font-family:var(--mono);font-size:.74rem;letter-spacing:.04em;color:var(--bp-muted);margin-bottom:8px;text-transform:uppercase}
.nx-fg input,.nx-fg textarea,.nx-fg select{width:100%;background:rgba(6,17,28,.85);border:1px solid var(--bp-line);border-radius:6px;padding:12px 14px;color:var(--bp-head);font-family:inherit;font-size:.9rem;outline:none;transition:.2s}
.nx-fg input:focus,.nx-fg textarea:focus,.nx-fg select:focus{border-color:var(--bp-cyan);box-shadow:0 0 0 3px rgba(34,211,238,.12)}
.nx-fg textarea{resize:vertical;min-height:120px}
.nx-submit{width:100%;margin-top:6px}

/* ---- FOOTER ---- */
.nx-foot{background:rgba(4,11,20,.7);border-top:1px solid var(--bp-line2);padding:60px 28px 24px;margin-top:0}
.nx-foot-top{max-width:1320px;margin:0 auto;display:grid;grid-template-columns:2.2fr 1fr 1fr 1fr;gap:40px;padding-bottom:36px;border-bottom:1px solid var(--bp-line)}
.nx-foot-word{font-family:var(--disp);font-weight:700;font-size:1.5rem;letter-spacing:.04em;color:var(--bp-cyan);margin-bottom:14px}
.nx-foot-brand p{color:var(--bp-body);font-size:.88rem;line-height:1.8;max-width:380px}
.nx-foot-loc{font-family:var(--mono);font-size:.76rem;color:var(--bp-muted) !important;margin-top:12px}
.nx-foot-col h4{font-family:var(--disp);font-size:.86rem;color:var(--bp-head);margin:0 0 14px;padding-bottom:10px;border-bottom:1px solid var(--bp-line2);font-weight:600}
.nx-foot-col ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.nx-foot-col a{color:var(--bp-body);text-decoration:none;font-size:.85rem;font-family:var(--mono)}
.nx-foot-col a:hover{color:var(--bp-cyan-br)}
.nx-foot-bar{max-width:1320px;margin:0 auto;padding-top:22px;display:flex;justify-content:space-between;gap:14px;font-family:var(--mono);font-size:.74rem;color:var(--bp-muted);flex-wrap:wrap}
.nx-foot-bar a{color:var(--bp-cyan);text-decoration:none}

/* ---- language switcher position inside new nav ---- */
.nx-actions .language-switcher{order:0}

/* ---- responsive ---- */
@media(max-width:1024px){
  .nx-hero-inner{grid-template-columns:1fr;gap:32px;min-height:0;padding-top:10px}
  .nx-h1{font-size:2.6rem}
  .nx-dir{grid-template-columns:repeat(2,1fr)}
  .nx-dir-col{border-bottom:1px solid var(--bp-line)}
  .nx-dir-col:nth-child(2n){border-right:none}
  .nx-flow{grid-template-columns:repeat(2,1fr);gap:16px}
  .nx-flow li::before{display:none}
  .nx-contact-grid{grid-template-columns:1fr;gap:30px}
  .nx-foot-top{grid-template-columns:1fr 1fr;gap:28px}
}
@media(max-width:820px){
  .nx-ticker{display:none}
  .nx-menu{display:none;order:5;position:fixed;top:62px;left:12px;right:12px;flex-direction:column;gap:4px;background:linear-gradient(180deg,rgba(8,24,38,.99),rgba(5,14,23,.99));border:1px solid var(--bp-line2);border-radius:10px;padding:12px;max-height:calc(100vh - 80px);overflow:auto;box-shadow:0 30px 80px rgba(0,0,0,.6);margin:0}
  .nav-open .nx-menu{display:flex}
  .nx-menu a{padding:13px 14px;font-size:.92rem}
  .mobile-toggle{display:flex !important}
  .nx-bar{gap:14px;padding:10px 18px}
  .nx-quote{display:none}
  .nx-hero{padding-top:96px}
  .nx-h1{font-size:2.1rem}
  .nx-sec{padding:64px 18px}
  .nx-band{padding:44px 18px}
  .nx-row{grid-template-columns:56px 1fr;gap:14px}
  .nx-dir{grid-template-columns:1fr}
  .nx-dir-col{border-right:none}
  .nx-flow{grid-template-columns:1fr}
  .nx-ind{grid-template-columns:1fr}
  .nx-ind-row{border-right:none !important}
  .nx-band-grid{grid-template-columns:1fr 1fr;gap:24px 0}
  .nx-band-grid>div:nth-child(2n){border-right:none}
  .nx-band-grid strong{font-size:2.2rem}
  .nx-fg2{grid-template-columns:1fr}
  .nx-foot-top{grid-template-columns:1fr}
  .nx-foot-bar{flex-direction:column}
}

/* =========================================================================
   INNER PAGES — restructured to match the new "Blueprint Console" skeleton.
   (catalog / equipment detail / about / projects / partners share classes)
   ========================================================================= */
/* clear the taller technical header (ticker + bar) */
.page-main,.public-page{padding-top:0 !important}
.page-hero{padding-top:150px !important}
@media(max-width:820px){.page-hero{padding-top:110px !important}}

/* page hero box → technical console panel */
.page-hero-box{border:1px solid var(--bp-line2) !important;border-radius:10px !important;padding:42px 38px !important}
.page-hero-box .sec-tag{font-family:var(--mono) !important;color:var(--bp-cyan) !important}
.page-hero-box h1{font-family:var(--disp) !important;color:var(--bp-head) !important;letter-spacing:-.02em}
.page-hero-box h1 .hl,.page-hero-box h1 em{color:var(--bp-cyan) !important;font-style:normal}
.breadcrumb{font-family:var(--mono) !important;font-size:.76rem !important;letter-spacing:.03em}
.breadcrumb a{color:var(--bp-cyan) !important}

/* category filter → left-aligned mono index strip */
.cat-tabs{justify-content:flex-start !important;border:1px solid var(--bp-line) !important;border-radius:8px !important;background:rgba(8,28,44,.4) !important;padding:14px !important;position:relative}
.cat-tabs::before{content:'// SUPPLY FAMILIES';position:absolute;top:-9px;left:16px;background:#06121F;padding:0 8px;font-family:var(--mono);font-size:.64rem;letter-spacing:.16em;color:var(--bp-deep)}
.cat-tabs a{font-family:var(--mono) !important;border-radius:6px !important;font-weight:500 !important}

/* equipment catalog → horizontal directory tiles with mono index */
.catalog-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr)) !important;counter-reset:eqx;gap:16px !important}
.card.equipment-link-card{grid-template-columns:128px 1fr !important;grid-template-rows:auto !important;counter-increment:eqx;align-items:stretch;border:1px solid var(--bp-line) !important;border-radius:8px !important;min-height:0 !important}
.card.equipment-link-card::before{height:0 !important;background:none !important}
.equipment-link-card .thumb{height:auto !important;min-height:128px;border-bottom:none !important;border-right:1px solid var(--bp-line) !important}
.equipment-link-card .thumb:after{background:linear-gradient(90deg,transparent 60%,rgba(6,18,31,.5)) !important}
.equipment-link-card .card-body{min-height:0 !important;padding:16px 18px !important;position:relative;justify-content:center}
.equipment-link-card .card-body::before{content:counter(eqx,decimal-leading-zero);position:absolute;top:12px;right:16px;font-family:var(--mono);font-size:.68rem;color:var(--bp-deep)}
.equipment-link-card h3{color:var(--bp-cyan) !important;font-family:var(--disp) !important;font-size:.98rem !important}
.equipment-link-card p{-webkit-line-clamp:2 !important;font-size:.82rem !important}
.equipment-link-card:hover{border-color:var(--bp-line2) !important;transform:translateY(-3px) !important}

/* equipment detail → schematic media frame + technical info ledger */
.detail-grid{grid-template-columns:minmax(0,1fr) 380px !important;gap:28px !important}
.detail-media{top:120px !important}
.detail-img{border:1px solid var(--bp-line2) !important;border-radius:10px !important}
.panel{background:linear-gradient(165deg,rgba(12,34,54,.96),rgba(7,20,33,.97)) !important;border:1px solid var(--bp-line2) !important;border-radius:10px !important}
.panel h2{font-family:var(--disp) !important;color:var(--bp-cyan) !important;border-bottom:1px solid var(--bp-line2) !important}
.info-list div{border-bottom:1px dashed rgba(94,234,212,.14) !important}
.info-list span{font-family:var(--mono) !important;color:var(--bp-muted) !important}
.info-list strong{font-family:var(--mono) !important;color:var(--bp-head) !important}
.chips .chip,.chip{font-family:var(--mono) !important;border-radius:5px !important}
.content-block{border:1px solid var(--bp-line) !important;border-radius:8px !important}
.content-block h2{font-family:var(--disp) !important;color:var(--bp-cyan) !important}

/* about / projects / partners blocks */
.about-public-copy,.about-public-visual,.partner-logo-card,.clean-card,.project-ref-grid article{
  border:1px solid var(--bp-line) !important;border-radius:8px !important;
}
.partner-mark,.project-ref-grid span:first-child{font-family:var(--mono) !important;border-radius:6px !important}
.partner-group-head h2,.project-ref-grid h3,.clean-card h3{font-family:var(--disp) !important;color:var(--bp-cyan) !important}
.ref-chip{font-family:var(--mono) !important;border-radius:5px !important}
.project-metrics .clean-card h3{font-family:var(--mono) !important}

@media(max-width:760px){
  .card.equipment-link-card{grid-template-columns:96px 1fr !important}
  .equipment-link-card .thumb{min-height:96px}
  .detail-grid{grid-template-columns:1fr !important}
  .detail-media{position:static !important}
  .page-hero-box{padding:30px 22px !important}
}
.equipment-sec .eq-head > div{
  flex:1 1 auto;
  min-width:0;
  display:block;
}
.equipment-sec .eq-head > .eq-code{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.equipment-sec .eq-head span:not(.eq-code){
  width:auto!important;
  height:auto!important;
  min-width:0!important;
  min-height:0!important;
  flex:0 1 auto!important;
  display:inline!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:inherit!important;
  font:inherit!important;
  line-height:inherit!important;
  text-align:inherit!important;
}
.equipment-sec .eq-head h4{
  display:block!important;
  margin:0!important;
  color:var(--gold-light)!important;
  font-size:1rem!important;
  font-weight:800!important;
  line-height:1.28!important;
  text-align:left!important;
}
.equipment-sec .eq-head small{
  display:block!important;
  margin-top:4px!important;
  color:#9AABBE!important;
  font-size:.74rem!important;
  font-weight:600!important;
  line-height:1.35!important;
  text-align:left!important;
}

/* Final header readability pass: the logo artwork contains dark text. */
.nx-nav .nx-logo,
.site-nav .logo-area{
  background:linear-gradient(145deg,#F7FCFF,#DCEAF1)!important;
  border:1px solid rgba(98,196,208,.42)!important;
  border-radius:8px!important;
  padding:6px 12px!important;
  box-shadow:0 12px 28px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.7)!important;
}
.nx-nav .nx-logo-img{
  height:42px!important;
  max-width:min(220px,36vw)!important;
  filter:none!important;
}
.nx-nav .nx-logo:hover,
.site-nav .logo-area:hover{
  border-color:rgba(34,211,238,.72)!important;
  box-shadow:0 14px 34px rgba(34,211,238,.16),0 12px 28px rgba(0,0,0,.28)!important;
}
@media(max-width:560px){
  .nx-nav .nx-logo,
  .site-nav .logo-area{
    padding:5px 8px!important;
  }
  .nx-nav .nx-logo-img{
    height:36px!important;
    max-width:168px!important;
  }
}