
:root{--navy:#031b31;--navy2:#073d67;--blue:#0788d5;--red:#ed1c24;--green:#15843d;--gold:#a76a08;--ink:#102238;--muted:#5f7284;--line:#e2e8ee;--soft:#f7f9fb;--shadow:0 14px 35px rgba(4,27,49,.10)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Tahoma,"Segoe UI",Arial,sans-serif;color:var(--ink);background:#fff}a{text-decoration:none;color:inherit}.container{width:min(1320px,92%);margin:auto}
.site-header{position:absolute;inset:0 0 auto 0;z-index:30;color:#fff}.nav{height:118px;display:flex;align-items:flex-start;gap:26px;position:relative;padding-top:18px}
.brand{display:flex;align-items:flex-start;flex:0 0 175px;height:190px;z-index:4}.brand img{width:170px;height:185px;object-fit:contain;filter:drop-shadow(0 5px 14px rgba(0,0,0,.35))}
.navlinks{display:flex;align-items:center;gap:30px;font-weight:700;font-size:.92rem;white-space:nowrap;padding-top:12px}.navlinks a{padding:13px 0;position:relative}.navlinks a.active:after{content:"";position:absolute;height:3px;background:var(--red);border-radius:3px;left:0;right:0;bottom:0}.nav-contact{background:var(--red);padding:11px 20px!important;border-radius:999px}.nav-contact:after{display:none!important}
.lang-switch{display:flex;border:1px solid rgba(255,255,255,.65);border-radius:999px;overflow:hidden;margin-inline-start:auto;margin-top:8px;background:rgba(2,19,35,.35);backdrop-filter:blur(6px)}.lang-switch button{border:0;background:transparent;padding:9px 15px;font-weight:800;color:#fff;cursor:pointer}.lang-switch button.active{background:#fff;color:var(--navy)}.menu-btn{display:none;background:none;border:0;color:#fff;font-size:1.6rem}
body[dir=ltr] .nav{flex-direction:row}body[dir=rtl] .nav{flex-direction:row}body[dir=ltr] .brand{order:0}body[dir=ltr] .navlinks{order:1}body[dir=ltr] .lang-switch{order:2}body[dir=rtl] .brand{order:0}body[dir=rtl] .navlinks{order:1}body[dir=rtl] .lang-switch{order:2}
.hero{position:relative;min-height:640px;color:#fff;overflow:hidden;display:flex;align-items:center}.hero-bg{position:absolute;inset:0;background:url('hero-refinery.jpg') center 51%/cover no-repeat;filter:saturate(.98) brightness(.73)}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(1,14,27,.16),rgba(1,16,30,.28) 42%,rgba(1,14,27,.88) 78%,rgba(1,14,27,.97))}
body[dir=ltr] .hero:before{background:linear-gradient(270deg,rgba(1,14,27,.16),rgba(1,16,30,.28) 42%,rgba(1,14,27,.88) 78%,rgba(1,14,27,.97))}
.hero-layout{position:relative;z-index:3;display:flex;align-items:center;min-height:640px}.hero-content{width:min(610px,48vw);margin-inline-start:0;margin-inline-end:auto;padding-top:110px;text-align:right}.hero-kicker{font-weight:900;color:#ff343b;margin-bottom:14px;font-size:1rem}.hero h1{font-size:clamp(3rem,4.5vw,4.65rem);line-height:1.14;margin:0 0 13px;letter-spacing:-.025em}.hero p{font-size:1.04rem;line-height:1.9;color:#f3f5f7;margin:0;max-width:610px}.hero-actions{display:flex;gap:13px;margin-top:23px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 23px;border-radius:999px;font-weight:800;transition:.2s}.btn.primary{background:var(--red);color:#fff}.btn.ghost{border:1px solid rgba(255,255,255,.85);color:#fff;background:rgba(0,0,0,.08)}.btn:hover{transform:translateY(-2px)}
body[dir=ltr] .hero-content{text-align:left;margin-inline-start:0;margin-inline-end:auto}
.stats-wrap{position:relative;height:0;z-index:10}.hero-stats{position:absolute;left:50%;top:0;transform:translate(-50%,-50%);width:min(1110px,88%);display:grid;grid-template-columns:repeat(4,1fr);background:linear-gradient(110deg,#052440,#0b4c7c);border:1px solid rgba(255,255,255,.25);border-radius:15px;overflow:hidden;box-shadow:0 15px 36px rgba(2,25,47,.25);color:#fff}.stat{min-height:90px;display:flex;align-items:center;justify-content:center;gap:15px;padding:15px 20px;border-inline-end:1px solid rgba(255,255,255,.27)}.stat:last-child{border-inline-end:0}.stat-icon{font-size:2rem;line-height:1}.stat-red{color:#ff252e}.stat-blue{color:#12a9ff}.stat-green{color:#26d05b}.stat-gold{color:#f1a000}.stat strong{display:block;font-size:1.95rem;line-height:1}.stat span{display:block;margin-top:6px;font-size:.82rem;color:#e7f0f6;font-weight:700}
.section{padding:64px 0}.clients-section{padding-top:74px;padding-bottom:15px}.compact-title{text-align:center;color:var(--navy);font-size:1.35rem;margin:0 0 16px;font-weight:900}.compact-title:before,.compact-title:after{content:"";display:inline-block;width:40px;height:2px;background:var(--red);vertical-align:middle;margin:0 16px}
.client-strip{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.client-card{height:132px;border:1px solid var(--line);border-radius:13px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px;background:#fff;box-shadow:0 3px 14px rgba(3,27,49,.035)}.client-card img{height:76px;max-width:145px;object-fit:contain;margin-bottom:7px}.client-card small{font-size:.77rem;font-weight:700;text-align:center;line-height:1.45;color:#1c3145}
.grid{display:grid;gap:14px}.grid-4{grid-template-columns:repeat(4,1fr)}.solutions-home{padding:3px 0 22px}.card{border:1px solid var(--line);border-radius:14px;background:#fff;padding:22px}.service-card{min-height:192px;position:relative;padding-inline-start:82px}.service-card:nth-child(1){background:linear-gradient(145deg,#f9fbfe,#eef4fa)}.service-card:nth-child(2){background:linear-gradient(145deg,#fbfdfb,#eef6ef)}.service-card:nth-child(3){background:linear-gradient(145deg,#fffdfa,#f9f2e8)}.service-card:nth-child(4){background:linear-gradient(145deg,#fffafa,#faeeee)}.service-icon{position:absolute;inset-inline-start:22px;top:30px;font-size:2.8rem}.engineering-icon{color:#15519a}.procurement-icon{color:#177c3c}.manufacturing-icon{color:#9f6508}.partnership-icon{color:#d21e29}.service-card h3{margin:0 0 9px;color:#164f96;font-size:1.15rem}.service-card:nth-child(2) h3{color:#176d34}.service-card:nth-child(3) h3{color:#9c6004}.service-card:nth-child(4) h3{color:#c51d27}.service-card p{font-size:.84rem;line-height:1.8;margin:0;color:#2c3c4c}.mini-link{display:inline-block;margin-top:8px;font-size:.78rem;font-weight:800;color:inherit}
.footer{background:linear-gradient(110deg,#03192e,#06375d);color:#fff;padding:24px 0 14px}.footer-grid{display:grid;grid-template-columns:1.05fr 1.35fr 1.15fr 1.35fr;gap:28px;align-items:start}.footer-brand{padding-inline-end:20px}.footer-logo{width:145px;height:105px;object-fit:contain}.footer h4{margin:0 0 12px;font-size:.96rem}.footer p,.footer li,.footer a,.footer-contact{color:#dce7ef;font-size:.83rem;line-height:1.65}.footer ul{list-style:none;padding:0;margin:0}.footer li{margin:4px 0}.footer-contact div{margin:5px 0}.footer-bottom{margin-top:17px;padding-top:11px;border-top:1px solid rgba(255,255,255,.2);display:flex;justify-content:space-between;color:#b8c8d5;font-size:.76rem}
.page-hero{padding:160px 0 72px;background:linear-gradient(135deg,#031b31,#0a4d7e);color:#fff}.page-hero .title{color:#fff}.page-hero .lead{color:#dce9f2}.title{font-size:clamp(2rem,3.6vw,3rem);line-height:1.08;margin:0 0 16px;color:var(--navy)}.lead{max-width:790px;color:var(--muted);font-size:1.05rem;line-height:1.75}.section.alt{background:#f5f8fb}.grid-3{grid-template-columns:repeat(3,1fr)}.icon-tile{border-radius:18px;padding:26px;background:#fff;border:1px solid var(--line)}.icon-tile h3{margin:10px 0 8px;color:var(--navy)}
.brand-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.brand-tile{height:150px;border:1px solid var(--line);border-radius:16px;background:#fff;padding:18px;display:flex;align-items:center;justify-content:center;transition:.22s}.brand-tile:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.brand-tile img{max-height:105px;max-width:100%;object-fit:contain}
.trusted-row{display:flex;gap:14px;overflow:auto;padding:4px 2px 18px}.trusted-row .client-card{min-width:185px}.filters{display:flex;flex-wrap:wrap;gap:10px;margin:25px 0}.filter-btn{border:1px solid #ccd8e3;background:#fff;color:var(--navy);padding:10px 16px;border-radius:999px;font-weight:800;cursor:pointer}.filter-btn.active,.filter-btn:hover{background:var(--navy2);color:#fff;border-color:var(--navy2)}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.project-card{position:relative;min-height:210px;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#fff;transition:.25s}.project-card.hidden{display:none}.project-front{height:100%;min-height:210px;padding:25px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.project-front .client-name{font-size:.84rem;color:var(--muted);margin-top:8px}.project-front h3{margin:4px 0;color:var(--navy);font-size:1.04rem}.project-client-logo{height:63px;max-width:125px;object-fit:contain;margin-bottom:8px}.project-overlay{position:absolute;inset:0;padding:24px;background:linear-gradient(145deg,rgba(5,29,52,.98),rgba(9,78,124,.97));color:#fff;opacity:0;transform:translateY(8px);transition:.25s;display:flex;flex-direction:column;justify-content:center}.project-card:hover .project-overlay,.project-card.open .project-overlay{opacity:1;transform:none}.project-overlay h4{margin:0 0 10px}.project-meta{display:grid;gap:7px;font-size:.9rem}.project-meta strong{color:#bfe1f5}.archive-empty{display:none;padding:30px;background:#f5f8fb;border-radius:16px;color:var(--muted)}
.form{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field{display:flex;flex-direction:column;gap:6px}.field.full{grid-column:1/-1}.field label{font-weight:800;color:var(--navy)}.field input,.field select,.field textarea{width:100%;border:1px solid #cfdbe6;border-radius:11px;padding:12px 13px;font:inherit}.upload{border:2px dashed #9fb4c6;border-radius:15px;padding:28px;text-align:center;background:#f8fafc}
@media(max-width:1100px){.navlinks{gap:17px;font-size:.82rem}.brand{flex-basis:145px}.brand img{width:140px;height:160px}.hero-content{width:min(600px,56vw)}}
@media(max-width:900px){.nav{height:95px;align-items:center;padding-top:0}.brand{height:95px;flex-basis:120px;align-items:center}.brand img{width:115px;height:100px}.navlinks{position:fixed;top:95px;left:0;right:0;background:#fff;color:var(--navy);display:none;flex-direction:column;padding:18px;box-shadow:0 18px 30px rgba(0,0,0,.08)}.navlinks.open{display:flex}.navlinks a{padding:9px}.navlinks a.active:after{display:none}.nav-contact{color:#fff}.menu-btn{display:block}.hero{min-height:650px}.hero-layout{min-height:650px}.hero-content{width:min(620px,90%);padding-top:100px}.stats-wrap{height:auto}.hero-stats{position:relative;left:auto;top:auto;transform:none;margin:-42px auto 0;grid-template-columns:repeat(2,1fr)}.clients-section{padding-top:40px}.client-strip{grid-template-columns:repeat(3,1fr)}.grid-4,.grid-3,.brand-grid{grid-template-columns:repeat(2,1fr)}.project-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.container{width:min(94%,1320px)}.hero{min-height:690px}.hero-layout{min-height:690px}.hero-content{width:100%;padding-top:120px}.hero h1{font-size:2.6rem}.hero-actions{flex-direction:column;align-items:flex-start}.hero-stats{width:94%;grid-template-columns:1fr 1fr}.stat{min-height:82px;padding:11px 7px;gap:7px}.stat strong{font-size:1.45rem}.stat-icon{font-size:1.5rem}.client-strip{display:flex;overflow:auto}.client-card{min-width:170px}.grid-4,.grid-3,.brand-grid,.project-grid,.footer-grid,.form{grid-template-columns:1fr}.service-card{padding-inline-start:76px}.field.full{grid-column:auto}.footer-bottom{flex-direction:column;gap:7px}}


/* V7 — only the company-logo/header spacing was adjusted.
   All other sections and styling remain unchanged from V6. */
@media (min-width: 901px){
  .site-header .nav{
    position:relative;
  }

  body[dir="rtl"] .site-header .brand{
    position:absolute;
    top:12px;
    right:-10px;
    width:170px;
    height:188px;
    z-index:6;
  }

  body[dir="rtl"] .site-header .brand img{
    width:170px;
    height:188px;
    object-fit:contain;
  }

  body[dir="rtl"] .site-header .navlinks{
    margin-right:200px;
  }

  body[dir="rtl"] .hero-content{
    margin-right:190px;
    width:min(610px,45vw);
  }

  body[dir="ltr"] .site-header .brand{
    position:absolute;
    top:12px;
    left:-10px;
    right:auto;
    width:170px;
    height:188px;
    z-index:6;
  }

  body[dir="ltr"] .site-header .brand img{
    width:170px;
    height:188px;
    object-fit:contain;
  }

  body[dir="ltr"] .site-header .navlinks{
    margin-left:200px;
  }

  body[dir="ltr"] .hero-content{
    margin-left:190px;
    width:min(610px,45vw);
  }
}


/* V8 — internal-page logo/text overlap fix only.
   No other styling or content changes. */
@media (min-width: 901px){

  /* Keep the company logo in the same header position as V7 */
  body[dir="rtl"] .site-header .brand{
    right:-10px;
  }

  body[dir="ltr"] .site-header .brand{
    left:-10px;
  }

  /* Reserve clear space for the large logo on every internal page */
  body[dir="rtl"] .page-hero > .container{
    padding-right:210px;
  }

  body[dir="ltr"] .page-hero > .container{
    padding-left:210px;
  }

  /* Also protect any internal-page section that begins directly below the header */
  body[dir="rtl"] main > .section:first-child > .container{
    padding-right:210px;
  }

  body[dir="ltr"] main > .section:first-child > .container{
    padding-left:210px;
  }
}


/* V9 — requested changes only:
   1) Full company name beside logo on the home page
   2) Persian phone/mobile numbers forced LTR
*/
.ltr-phone{
  direction:ltr;
  unicode-bidi:isolate;
  display:inline-block;
}

.home-brand-wrap{
  position:relative;
  display:flex;
  align-items:flex-start;
  gap:14px;
  z-index:7;
}

.home-company-name{
  color:#fff;
  font-weight:800;
  font-size:.93rem;
  line-height:1.55;
  padding-top:52px;
  white-space:nowrap;
  text-shadow:0 2px 8px rgba(0,0,0,.35);
}

@media (min-width:901px){
  body[dir="rtl"] .home-brand-wrap{
    position:absolute;
    top:12px;
    right:-10px;
  }

  body[dir="ltr"] .home-brand-wrap{
    position:absolute;
    top:12px;
    left:-10px;
  }

  /* The brand anchor is positioned by the wrapper on Home only */
  .home-brand-wrap .brand{
    position:static !important;
    width:170px;
    height:188px;
    flex:0 0 170px;
  }

  .home-brand-wrap .brand img{
    width:170px;
    height:188px;
    object-fit:contain;
  }

  /* Reserve a little extra room for the company name, without changing other sections */
  body[dir="rtl"] .site-header:has(.home-brand-wrap) .navlinks{
    margin-right:360px;
  }

  body[dir="ltr"] .site-header:has(.home-brand-wrap) .navlinks{
    margin-left:360px;
  }
}

@media (max-width:900px){
  .home-brand-wrap{
    align-items:center;
    gap:8px;
  }
  .home-company-name{
    font-size:.72rem;
    padding-top:0;
    white-space:normal;
    max-width:160px;
  }
}

@media (max-width:620px){
  .home-company-name{
    display:none;
  }
}


/* V10 — requested stat changes only */
.stat-link{
  color:inherit;
  text-decoration:none;
  cursor:pointer;
}
.stat-link:hover{
  background:rgba(255,255,255,.04);
}
