:root{
  --bg:#050506;
  --panel:#121213;
  --panel2:#1b1a19;
  --text:#f3efe7;
  --muted:#b8b1a7;
  --line:rgba(214,162,48,.26);
  --gold:#d8a22f;
  --red:#b5223f;
  --red2:#861426;
  --white:#fffaf1;
  --grid:rgba(255,255,255,.035);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  direction:rtl;
  font-family:Tahoma,Arial,"Segoe UI",sans-serif;
  background:var(--bg);
  color:var(--text);
  overflow-x:hidden;
}
a{text-decoration:none;color:inherit}
.scroll-progress{position:fixed;top:0;right:0;height:3px;width:0;background:linear-gradient(90deg,var(--gold),var(--red));z-index:1000}
.site-header{
  position:fixed;top:0;right:0;left:0;z-index:900;
  height:82px;border-bottom:1px solid rgba(255,255,255,.10);
  background:rgba(5,5,6,.82);backdrop-filter:blur(18px);
}
.header-inner{
  width:min(1500px,92vw);height:100%;margin:auto;display:flex;align-items:center;gap:34px;
}
.brand{display:flex;align-items:center;gap:14px;margin-left:auto}
.brand img{width:52px;height:52px;object-fit:contain;background:#fff;padding:4px}
.brand strong{font-size:17px;white-space:nowrap}
.main-nav{display:flex;align-items:center;gap:40px}
.main-nav a{font-size:14px;color:#d8d2c8;position:relative}
.main-nav a:after{content:"";position:absolute;right:0;bottom:-12px;width:0;height:1px;background:var(--gold);transition:.25s}
.main-nav a:hover:after{width:100%}
.header-cta{
  margin-right:auto;border:1px solid rgba(216,162,47,.65);color:var(--gold);
  padding:14px 36px;border-radius:999px;font-weight:700;font-size:15px;
}
.menu-toggle{display:none;background:none;border:0;width:44px;height:44px;cursor:pointer}
.menu-toggle span{display:block;width:26px;height:2px;background:#fff;margin:6px auto}

.hero-section{
  position:relative;min-height:100vh;padding:145px 0 80px;overflow:hidden;
  background:
    radial-gradient(circle at 25% 30%,rgba(216,162,47,.10),transparent 30%),
    radial-gradient(circle at 70% 25%,rgba(181,34,63,.14),transparent 30%),
    linear-gradient(180deg,#060607,#050506 80%);
}
.engineering-field{position:absolute;inset:0;pointer-events:none;opacity:.95}
.engineering-field .grid{position:absolute;inset:0;background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:72px 72px}
.ruler{position:absolute;background:repeating-linear-gradient(90deg,rgba(216,162,47,.45) 0 1px,transparent 1px 22px);height:52px;opacity:.6}
.ruler-top{top:170px;right:18%;width:46%}
.ruler-left{top:220px;left:4%;width:1px;height:48%;background:repeating-linear-gradient(180deg,rgba(216,162,47,.45) 0 1px,transparent 1px 22px)}
.arc{position:absolute;border:1px solid rgba(216,162,47,.18);border-radius:50%}
.arc-one{width:410px;height:410px;left:10%;top:32%}
.arc-two{width:260px;height:260px;left:15%;top:41%;border-color:rgba(255,255,255,.12)}
.diagonal{position:absolute;height:1px;background:linear-gradient(90deg,transparent,rgba(216,162,47,.28),transparent);transform:rotate(-32deg)}
.d1{width:900px;top:46%;right:18%}.d2{width:780px;top:65%;left:4%;background:linear-gradient(90deg,transparent,rgba(181,34,63,.35),transparent);transform:rotate(18deg)}
.node{position:absolute;width:10px;height:10px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 12px rgba(216,162,47,.09),0 0 28px rgba(216,162,47,.5)}
.n1{top:27%;right:40%}.n2{top:38%;right:78%}.n3{top:34%;left:20%}.n4{top:66%;right:56%}
.hero-inner{
  position:relative;z-index:2;width:min(1500px,92vw);margin:auto;display:grid;grid-template-columns:1.08fr .92fr;gap:70px;align-items:center;min-height:670px;
}
.eyebrow,.section-kicker{color:var(--gold);font-weight:800;font-size:14px;letter-spacing:-.2px;display:flex;align-items:center;gap:12px}
.eyebrow span,.section-kicker:after{content:"";display:inline-block;width:56px;height:1px;background:var(--gold)}
.hero-copy h1{font-size:clamp(48px,6vw,96px);line-height:1.12;margin:24px 0 22px;font-weight:800;letter-spacing:-3px}
.hero-copy h1 em{display:block;font-style:normal;font-size:.78em;color:transparent;-webkit-text-stroke:1px rgba(255,250,241,.68)}
.lead{font-size:clamp(16px,1.35vw,23px);line-height:2.15;color:#f4efe7;max-width:780px;font-weight:500}
.hero-points{display:flex;flex-wrap:wrap;gap:12px;margin:30px 0}
.hero-points span{padding:10px 18px;border:1px solid rgba(255,255,255,.12);border-radius:999px;color:#d8d1c7;background:rgba(255,255,255,.035);font-size:13px}
.hero-actions{display:flex;gap:18px;align-items:center;flex-wrap:wrap}
.btn{padding:16px 32px;border-radius:999px;font-weight:800;min-width:190px;text-align:center;transition:.25s}
.btn-primary{background:linear-gradient(135deg,var(--red),#ca3351);box-shadow:0 16px 45px rgba(181,34,63,.28)}
.btn-primary:hover{transform:translateY(-3px);box-shadow:0 20px 60px rgba(181,34,63,.42)}
.btn-ghost{border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.055)}
.position-card{
  align-self:center;justify-self:start;width:min(500px,100%);
  background:linear-gradient(145deg,rgba(255,255,255,.10),rgba(255,255,255,.035));
  border:1px solid rgba(255,255,255,.13);border-radius:28px;padding:34px;
  box-shadow:0 26px 80px rgba(0,0,0,.35);position:relative;overflow:hidden;
}
.position-card:before{content:"";position:absolute;inset:16px;border:1px solid rgba(216,162,47,.35);border-radius:20px}
.position-card small{color:var(--gold);font-weight:800;position:relative}
.position-card h2{font-size:32px;margin:38px 0 14px;position:relative}
.position-card p{color:#c7bfb4;line-height:2;position:relative}
.mini-metrics{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:22px;position:relative}
.mini-metrics div{padding:15px;border:1px solid rgba(255,255,255,.09);border-radius:16px;background:rgba(0,0,0,.15)}
.mini-metrics b{display:block}.mini-metrics span{display:block;color:#a9a196;font-size:12px;margin-top:6px}
.hero-bottom-note{position:absolute;bottom:28px;right:50%;transform:translateX(50%);color:#777;font-size:12px}

.section-shell{width:min(1320px,92vw);margin:auto;padding:105px 0}
.section-title{font-size:22px;line-height:1.35;margin:16px 0 22px;letter-spacing:-1.5px}
.section-head p,.management-copy p,.contact-card p{font-size:17px;line-height:2.1;color:#c9c2b7;max-width:800px}
.trust-grid,.service-grid,.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:40px}
.metric-card,.service-card,.project-card,.quote-panel{
  background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.025));
  border:1px solid rgba(255,255,255,.10);border-radius:26px;padding:32px;position:relative;overflow:hidden;
}
.metric-card:after,.service-card:after,.project-card:after{content:"";position:absolute;right:0;top:0;width:4px;height:100%;background:linear-gradient(var(--gold),var(--red))}
.metric-card b{display:block;font-size:56px;color:var(--gold);line-height:1}.metric-card span{color:#ddd3c8;line-height:1.9}
.management-section,.projects-section{background:linear-gradient(180deg,#080808,#050506)}
.management-layout{display:grid;grid-template-columns:1fr .82fr;gap:45px;align-items:center}
.feature-list{margin:28px 0 0;padding:0;list-style:none}
.feature-list li{margin:14px 0;padding-right:26px;position:relative;color:#e2dcd3}
.feature-list li:before{content:"";position:absolute;right:0;top:12px;width:9px;height:9px;border-radius:50%;background:var(--gold)}
.quote-panel{padding:48px}
.quote-mark{font-size:110px;color:rgba(216,162,47,.25);line-height:.6}
blockquote{font-size:25px;line-height:2;margin:0 0 28px;font-weight:800}
.service-card,.project-card{min-height:260px;transition:.3s}
.service-card:hover,.project-card:hover{transform:translateY(-8px);border-color:rgba(216,162,47,.35)}
.card-index{color:var(--gold);font-weight:800}
.service-card h3,.project-card h3{font-size:25px;margin:22px 0 12px}
.service-card p,.project-card p{color:#c9c2b7;line-height:2}
.project-visual{height:190px;border-radius:20px;margin-bottom:22px;background:
linear-gradient(135deg,rgba(216,162,47,.18),rgba(181,34,63,.20)),
repeating-linear-gradient(90deg,rgba(255,255,255,.08) 0 1px,transparent 1px 18px),
linear-gradient(145deg,#1b1b1d,#080808);border:1px solid rgba(255,255,255,.10)}
.contact-section{
  padding:60px 0 120px;
  font-size :20px;
}
.contact-card{
  width:min(1320px,92vw);margin:auto;display:grid;grid-template-columns:1fr 360px;gap:35px;align-items:center;
  padding:46px;border-radius:34px;background:
  radial-gradient(circle at 20% 20%,rgba(216,162,47,.12),transparent 35%),
  linear-gradient(135deg,rgba(181,34,63,.22),rgba(255,255,255,.055));
  border:1px solid rgba(255,255,255,.12);
}
.big-cta{
  display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;
  min-height:116px;border-radius:28px;background:linear-gradient(135deg,var(--red),#cc3653);
  box-shadow:3px 24px 70px rgba(181,34,63,.35);font-weight:900;
}
.big-cta span{font-size:24px}.big-cta small{margin-top:8px;color:#ffe6eb}
.floating-cta{
  position:fixed;right:50%;bottom:26px;transform:translateX(50%);z-index:880;
  min-width:260px;text-align:center;padding:15px 28px;border-radius:999px;
  background:linear-gradient(135deg,var(--red),#c83551);box-shadow:0 18px 55px rgba(181,34,63,.32);font-weight:900;
}
.floating-cta small{display:block;font-size:11px;color:#ffd8de;margin-top:3px}
.site-footer{border-top:1px solid rgba(255,255,255,.1);padding:28px;text-align:center;color:#aaa}
.reveal{opacity:0;transform:translateY(26px);transition:opacity .75s ease,transform .75s ease}
.reveal.is-visible{opacity:1;transform:none}
.delay-1{transition-delay:.12s}.delay-2{transition-delay:.22s}

@media(max-width:980px){
  .site-header{height:74px}.header-inner{width:100%;padding:0 18px}
  .brand{margin-left:0}.brand img{width:46px;height:46px}.brand strong{font-size:14px}
  .menu-toggle{display:block;margin-left:auto}
  .main-nav{
    position:fixed;top:74px;right:0;left:0;display:none;flex-direction:column;gap:0;
    background:rgba(5,5,6,.98);border-bottom:1px solid rgba(255,255,255,.12);padding:14px 18px;
  }
  .main-nav.is-open{display:flex}
  .main-nav a{width:100%;padding:16px;border-bottom:1px solid rgba(255,255,255,.08);font-size:15px}
  .header-cta{display:none}
  .hero-section{padding:118px 0 80px;min-height:auto}
  .hero-inner{grid-template-columns:1fr;gap:34px;min-height:auto;text-align:center}
  .eyebrow,.section-kicker{justify-content:center;font-size:13px}
  .hero-copy h1{font-size:42px;letter-spacing:-1.5px}
  .hero-copy h1 em{font-size:.72em}
  .lead{font-size:15px;line-height:2}
  .hero-points{justify-content:center}.hero-actions{justify-content:center}
  .btn{width:100%;max-width:360px}
  .position-card{justify-self:center;text-align:right;padding:28px}
  .trust-grid,.service-grid,.project-grid,.management-layout,.contact-card{grid-template-columns:1fr}
  .section-shell{padding:75px 0}.section-title{font-size:31px;text-align:center}
  .section-head p,.management-copy p,.contact-card p{text-align:center;font-size:15px}
  .quote-panel{padding:32px}blockquote{font-size:20px}
  .contact-card{padding:30px}.big-cta{min-height:100px}.floating-cta{min-width:230px;bottom:16px}
  .ruler-top{right:8%;width:84%;top:150px}.arc-one{left:-26%;top:35%}.arc-two{left:-10%;top:42%}
}
@media(max-width:420px){
  .hero-copy h1{font-size:36px}
  .position-card h2{font-size:27px}
  .mini-metrics{grid-template-columns:1fr}
}
/* v6 additions: CEO image, project images, restored lead fields */
.ceo-visual-panel{
  display:grid;
  grid-template-columns:.72fr 1fr;
  gap:18px;
  align-items:stretch;
}
.ceo-frame{
  min-height:520px;
  border-radius:30px;
  padding:12px;
  background:
    linear-gradient(145deg,rgba(216,162,47,.18),rgba(255,255,255,.04)),
    rgba(255,255,255,.035);
  border:1px solid rgba(255,255,255,.12);
  box-shadow:0 30px 90px rgba(0,0,0,.42);
  overflow:hidden;
  position:relative;
}
.ceo-frame:before{
  content:"";
  position:absolute;
  inset:22px;
  border:1px solid rgba(216,162,47,.28);
  border-radius:22px;
  z-index:2;
  pointer-events:none;
}
.ceo-frame img{
  width:100%;
  height:100%;
  min-height:496px;
  object-fit:cover;
  object-position:center;
  border-radius:22px;
  filter:saturate(.95) contrast(1.05);
  display:block;
}
.ceo-visual-panel .quote-panel{
  align-self:center;
}
.project-visual{
  position:relative;
  overflow:hidden;
}
.project-visual img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  opacity:.88;
  transition:transform .45s ease, opacity .45s ease;
}
.project-visual:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.58));
}
.project-card:hover .project-visual img{
  transform:scale(1.07);
  opacity:1;
}
.lead-form{
  display:flex;
  flex-direction:column;
  gap:14px;
  padding:20px;
  border-radius:28px;
  background:rgba(0,0,0,.24);
  border:1px solid rgba(255,255,255,.10);
}
.form-row{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
}
.lead-form input,
.lead-form textarea{
  width:100%;
  border:1px solid rgba(255,255,255,.14);
  background:rgba(255,255,255,.055);
  color:var(--text);
  border-radius:18px;
  padding:16px 18px;
  outline:none;
  font-family:Tahoma,Arial,"Segoe UI",sans-serif;
  font-size:14px;
}
.lead-form textarea{
  resize:vertical;
  min-height:118px;
}
.lead-form input::placeholder,
.lead-form textarea::placeholder{
  color:rgba(243,239,231,.58);
}
.lead-form input:focus,
.lead-form textarea:focus{
  border-color:rgba(216,162,47,.58);
  box-shadow:0 0 0 4px rgba(216,162,47,.08);
}
.lead-form .big-cta{
  border:0;
  cursor:pointer;
  color:var(--white);
  font-family:Tahoma,Arial,"Segoe UI",sans-serif;
  min-height:92px;
}
@media(max-width:980px){
  .ceo-visual-panel{grid-template-columns:1fr}
  .ceo-frame{min-height:420px}
  .ceo-frame img{min-height:396px}
  .form-row{grid-template-columns:1fr}
  .lead-form{padding:16px}
}


/* ===== v7 CEO FINAL PATCH: add CEO without touching previous visual language ===== */
.management-layout{
  grid-template-columns:.94fr 1.16fr;
  gap:52px;
}
.ceo-visual-panel{
  position:relative;
}
.ceo-frame{
  isolation:isolate;
}
.ceo-frame:after{
  content:"";
  position:absolute;
  inset:auto -20% -28% -20%;
  height:48%;
  background:radial-gradient(circle,rgba(181,34,63,.34),transparent 68%);
  z-index:1;
  pointer-events:none;
}
.ceo-badge{
  position:absolute;
  right:26px;
  left:26px;
  bottom:26px;
  z-index:3;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:16px 18px;
  border-radius:18px;
  background:linear-gradient(135deg,rgba(0,0,0,.72),rgba(28,28,30,.62));
  border:1px solid rgba(216,162,47,.28);
  backdrop-filter:blur(10px);
}
.ceo-badge span{
  color:var(--gold);
  font-size:12px;
  font-weight:900;
  letter-spacing:.12em;
}
.ceo-badge strong{
  color:var(--white);
  font-size:14px;
  line-height:1.7;
}
.ceo-visual-panel .quote-panel{
  min-height:360px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
@media(max-width:1180px){
  .management-layout{grid-template-columns:1fr}
  .ceo-visual-panel{grid-template-columns:.8fr 1fr}
}
@media(max-width:980px){
  .management-layout{grid-template-columns:1fr}
  .ceo-visual-panel{grid-template-columns:1fr}
  .ceo-frame{min-height:430px}
  .ceo-frame img{min-height:406px}
}
@media(max-width:520px){
  .ceo-frame{min-height:380px}
  .ceo-frame img{min-height:356px}
  .ceo-badge{
    right:18px;
    left:18px;
    bottom:18px;
    align-items:flex-start;
    flex-direction:column;
  }
}


/* ===== v8 Cinematic Minimal Upgrade ===== */
.site-header{
  background:linear-gradient(180deg,rgba(5,5,6,.70),rgba(5,5,6,.28));
  border-bottom:1px solid rgba(255,255,255,.12);
}
.site-header.is-scrolled{
  background:rgba(5,5,6,.88);
}
.brand img{
  background:transparent;
  padding:0;
}
.header-cta{
  border-radius:0;
  border:0;
  border-bottom:1px solid rgba(216,162,47,.72);
  padding:10px 4px;
  color:var(--gold);
}
.intro-video-section{
  position:relative;
  min-height:100vh;
  overflow:hidden;
  background:#020203;
  display:flex;
  align-items:center;
  justify-content:center;
  isolation:isolate;
}
.intro-video{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  opacity:.62;
  filter:saturate(.85) contrast(1.1);
}
.intro-overlay{
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 30% 22%,rgba(181,34,63,.24),transparent 30%),
    linear-gradient(90deg,rgba(0,0,0,.88),rgba(0,0,0,.32),rgba(0,0,0,.78));
  z-index:1;
}
.intro-engineering{
  position:absolute;
  inset:0;
  z-index:2;
  pointer-events:none;
  background-image:
    linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);
  background-size:76px 76px;
  mask-image:linear-gradient(180deg,transparent 0%,#000 18%,#000 72%,transparent 100%);
}
.intro-engineering span{
  position:absolute;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(216,162,47,.45),transparent);
  transform:rotate(-24deg);
}
.intro-engineering span:nth-child(1){width:70%;top:24%;right:6%}
.intro-engineering span:nth-child(2){width:58%;top:48%;left:4%;transform:rotate(18deg)}
.intro-engineering span:nth-child(3){width:46%;top:68%;right:28%}
.intro-engineering span:nth-child(4){width:1px;height:62%;top:16%;right:18%;background:repeating-linear-gradient(180deg,rgba(216,162,47,.45) 0 1px,transparent 1px 22px);transform:none}
.intro-content{
  position:relative;
  z-index:3;
  width:min(1120px,90vw);
  text-align:center;
  padding:70px 0 110px;
}
.intro-content img{
  width:118px;
  height:auto;
  object-fit:contain;
  margin-bottom:20px;
}
.intro-content p{
  margin:0;
  color:var(--gold);
  font-weight:800;
  letter-spacing:-.2px;
}
.intro-content h1{
  margin:22px 0 28px;
  font-size:clamp(46px,7vw,104px);
  line-height:1.15;
  letter-spacing:-3px;
}
.intro-scroll{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:210px;
  height:52px;
  border-bottom:1px solid rgba(216,162,47,.8);
  color:#fff;
  font-weight:800;
}
.intro-fade{
  position:absolute;
  right:0;
  left:0;
  bottom:-1px;
  height:220px;
  z-index:4;
  background:linear-gradient(180deg,transparent,#050506 80%);
}
.hero-section{
  min-height:auto;
  padding:95px 0 58px;
}
.hero-inner{
  min-height:560px;
}
.hero-copy h1{
  font-size:clamp(42px,5.2vw,82px);
}
.lead{
  max-width:860px;
}
.position-card{
  border:0;
  border-radius:0;
  background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.018));
  box-shadow:none;
  border-right:1px solid rgba(216,162,47,.38);
}
.position-card:before{display:none}
.section-shell{
  padding:72px 0;
}
.section-title{
  font-size:22px;
}
.metric-card,.service-card,.project-card,.quote-panel,.contact-card,.lead-form{
  border-radius:0;
  border:0;
  background:rgba(255,255,255,.035);
  box-shadow:none;
}
.metric-card:after,.service-card:after,.project-card:after{
  width:2px;
}
.company-section{
  background:linear-gradient(180deg,#050506,#080808);
}
.company-layout{
  display:grid;
  grid-template-columns:1.05fr .7fr;
  gap:50px;
  align-items:center;
}
.company-intro p{
  font-size:16px;
  line-height:2.15;
  color:#c9c2b7;
  margin:0 0 18px;
}
.company-highlight{
  position:relative;
  padding:44px 36px;
  min-height:360px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  border-right:1px solid rgba(216,162,47,.48);
  background:
    linear-gradient(135deg,rgba(216,162,47,.08),transparent),
    rgba(255,255,255,.025);
  overflow:hidden;
}
.company-highlight span{
  color:var(--gold);
  font-weight:900;
  font-size:13px;
}
.company-highlight h3{
  font-size:32px;
  line-height:1.5;
  margin:18px 0;
}
.company-highlight p{
  line-height:2.1;
  color:#c9c2b7;
}
.highlight-lines{
  position:absolute;
  inset:0;
  pointer-events:none;
}
.highlight-lines i{
  position:absolute;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(216,162,47,.34),transparent);
}
.highlight-lines i:nth-child(1){width:88%;top:18%;right:0}
.highlight-lines i:nth-child(2){width:72%;top:54%;left:-12%;transform:rotate(-19deg)}
.highlight-lines i:nth-child(3){width:1px;height:78%;top:12%;right:76%;background:rgba(216,162,47,.23)}
.management-section,.projects-section{
  background:#050506;
}
.management-layout{
  grid-template-columns:1.06fr .94fr;
  gap:52px;
}
.ceo-visual-panel{
  display:grid;
  grid-template-columns:1fr;
  gap:22px;
}
.ceo-frame{
  border:0;
  border-radius:0;
  padding:0;
  background:transparent;
  box-shadow:none;
  min-height:540px;
}
.ceo-frame:before,
.ceo-frame:after{
  display:none;
}
.ceo-frame img{
  border-radius:0;
  min-height:540px;
  filter:saturate(.9) contrast(1.04);
}
.ceo-badge{
  right:0;
  left:auto;
  bottom:0;
  width:min(360px,88%);
  border-radius:0;
  border:0;
  border-right:2px solid var(--gold);
  background:linear-gradient(135deg,rgba(0,0,0,.82),rgba(12,12,14,.72));
}
.ceo-visual-panel .quote-panel{
  min-height:auto;
  padding:34px 30px;
  border-right:1px solid rgba(216,162,47,.36);
}
blockquote{
  font-size:21px;
}
.project-visual{
  border:0;
  border-radius:0;
  height:230px;
  margin:-32px -32px 24px;
}
.project-card{
  padding-top:32px;
}
.contact-section{
  padding:40px 0 92px;
}
.contact-card{
  grid-template-columns:1fr 440px;
  border-right:1px solid rgba(216,162,47,.38);
  padding:42px;
}
.big-cta{
  border-radius:0;
}
.floating-cta{
  border-radius:0;
}
@media(max-width:980px){
  .intro-content h1{font-size:44px;letter-spacing:-1px}
  .intro-content img{width:92px}
  .hero-section{padding:86px 0 54px}
  .hero-inner{min-height:auto}
  .company-layout,.management-layout,.contact-card{grid-template-columns:1fr}
  .company-highlight{min-height:auto}
  .section-shell{padding:58px 0}
  .ceo-frame{min-height:430px}
  .ceo-frame img{min-height:430px}
  .contact-card{padding:30px}
}
@media(max-width:520px){
  .intro-video-section{min-height:92vh}
  .intro-content h1{font-size:38px}
  .hero-copy h1{font-size:36px}
  .company-highlight h3{font-size:26px}
  .ceo-frame{min-height:380px}
  .ceo-frame img{min-height:380px}
}


/* ===== v9 Minimal Executive Polish ===== */
:root{
  --soft-line:rgba(255,255,255,.095);
}
.site-header{
  height:76px;
  background:rgba(5,5,6,.62);
}
.header-inner{
  width:min(1380px,92vw);
}
.brand strong{
  font-size:15px;
  font-weight:700;
}
.main-nav{
  gap:30px;
}
.main-nav a{
  font-size:13px;
}
.header-cta{
  font-size:13px;
  padding:8px 0;
  min-width:auto;
}
.intro-video-section{
  min-height:100svh;
  align-items:flex-end;
  justify-content:flex-start;
}
.intro-video {
  filter:
    brightness(1.18) contrast(1.04) saturate(1.08);
}
.intro-overlay {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(to bottom,
      rgba(5, 5, 5, 0.18) 0%,
      rgba(5, 5, 5, 0.10) 30%,
      rgba(5, 5, 5, 0.28) 70%,
      rgba(5, 5, 5, 0.60) 100%);
  z-index: 2;
}
.video-placeholder-note{
  position:relative;
  z-index:5;
  width:min(760px,90vw);
  margin:0 auto 118px;
  text-align:center;
  padding:0;
}
.video-placeholder-note span{
  display:inline-block;
  color:var(--gold);
  font-size:12px;
  font-weight:900;
  letter-spacing:.18em;
  margin-bottom:12px;
}
.video-placeholder-note strong{
  display:block;
  font-size:clamp(28px,4.2vw,54px);
  line-height:1.45;
  letter-spacing:-1.4px;
}
.video-placeholder-note small{
  display:block;
  margin-top:14px;
  color:rgba(243,239,231,.68);
  font-size:13px;
  line-height:1.9;
}
.intro-scroll-minimal{
  position:absolute;
  z-index:6;
  right:50%;
  bottom:46px;
  transform:translateX(50%);
  color:rgba(243,239,231,.72);
  font-size:12px;
  border-bottom:1px solid rgba(216,162,47,.58);
  padding-bottom:8px;
}
.intro-fade{
  height:170px;
}
.hero-section{
  padding:72px 0 42px;
}
.hero-inner{
  min-height:500px;
  grid-template-columns:1.05fr .78fr;
  gap:58px;
}
.hero-copy h1{
  font-size:clamp(34px,4.35vw,66px);
  line-height:1.18;
  margin:18px 0;
  letter-spacing:-1.8px;
}
.hero-copy h1 em{
  -webkit-text-stroke:.7px rgba(255,250,241,.58);
}
.lead{
  font-size:clamp(14px,1.08vw,17px);
  line-height:2.25;
  color:rgba(243,239,231,.82);
  max-width:760px;
}
.hero-points span{
  border-radius:0;
  background:transparent;
  border:0;
  border-bottom:1px solid rgba(216,162,47,.28);
  padding:8px 0;
  color:#cfc7bc;
}
.btn{
  border-radius:0;
  min-width:178px;
  padding:14px 26px;
  font-size:14px;
}
.position-card{
  width:min(430px,100%);
  padding:28px 30px;
  background:transparent;
  border-right:1px solid rgba(216,162,47,.30);
}
.position-card h2{
  font-size:24px;
  margin:26px 0 12px;
}
.position-card p{
  font-size:14px;
  line-height:2.1;
}
.section-shell{
  padding:54px 0;
}
.section-title{
  font-size:22px;
  line-height:1.55;
  letter-spacing:-.8px;
  margin:12px 0 16px;
}
.section-head p,
.management-copy p,
.company-intro p,
.contact-card p{
  font-size:14.5px;
  line-height:2.2;
  color:rgba(243,239,231,.70);
}
.trust-grid,.service-grid,.project-grid{
  gap:18px;
  margin-top:28px;
}
.metric-card,.service-card,.project-card,.quote-panel,.contact-card,.lead-form{
  background:transparent;
  border-top:1px solid var(--soft-line);
}
.metric-card,.service-card,.project-card{
  padding:24px 22px;
}
.metric-card:after,.service-card:after,.project-card:after{
  width:0;
}
.metric-card b{
  font-size:42px;
}
.service-card h3,.project-card h3{
  font-size:19px;
  line-height:1.65;
  margin:16px 0 8px;
}
.service-card p,.project-card p{
  font-size:13.5px;
  line-height:2.05;
  color:rgba(243,239,231,.66);
}
.company-layout{
  grid-template-columns:1fr .62fr;
  gap:44px;
}
.company-highlight{
  background:transparent;
  border-right:1px solid rgba(216,162,47,.32);
  padding:34px 28px;
  min-height:300px;
}
.company-highlight h3{
  font-size:24px;
}
.management-layout{
  grid-template-columns:1fr .78fr;
  gap:48px;
}
.ceo-frame{
  min-height:460px;
}
.ceo-frame img{
  min-height:460px;
}
.ceo-badge{
  width:min(310px,86%);
  padding:13px 15px;
}
.ceo-visual-panel .quote-panel{
  padding:24px 22px;
}
blockquote{
  font-size:17px;
  line-height:2.05;
}
.project-grid{
  grid-template-columns:repeat(3,1fr);
}
.project-visual{
  height:205px;
  margin:-24px -22px 18px;
  background:
    linear-gradient(135deg,rgba(216,162,47,.10),rgba(181,34,63,.10)),
    repeating-linear-gradient(90deg,rgba(255,255,255,.055) 0 1px,transparent 1px 18px),
    linear-gradient(145deg,#191919,#070707);
}
.project-card{
  min-height:395px;
}
.contact-section{
  padding:30px 0 76px;
}
.contact-card{
  grid-template-columns:1fr 420px;
  gap:34px;
  padding:34px 0 0;
  border-right:0;
  border-top:1px solid rgba(216,162,47,.34);
}
.contact-card h2{
  font-size:clamp(24px,2.5vw,36px);
  line-height:1.55;
  margin:10px 0 12px;
}
.lead-form{
  padding:0;
  border-top:0;
  gap:12px;
}
.lead-form input,
.lead-form textarea{
  border-radius:0;
  background:rgba(255,255,255,.035);
  padding:14px 15px;
  font-size:13px;
}
.lead-form .big-cta{
  min-height:70px;
  border-radius:0;
}
.big-cta span{
  font-size:18px;
}
.big-cta small{
  font-size:11px;
}
.floating-cta{
  display:none !important;
}
.site-footer{
  font-size:13px;
}

@media(max-width:980px){
  .site-header{height:68px}
  .brand img{width:42px;height:42px}
  .menu-toggle{margin-right:auto;margin-left:0}
  .main-nav{
    top:68px;
    background:rgba(5,5,6,.98);
  }
  .video-placeholder-note{
    width:min(520px,88vw);
    margin-bottom:104px;
  }
  .video-placeholder-note strong{
    font-size:32px;
  }
  .hero-section{
    padding:58px 0 34px;
  }
  .hero-inner{
    grid-template-columns:1fr;
    gap:30px;
    text-align:right;
  }
  .eyebrow,.section-kicker{
    justify-content:flex-start;
  }
  .hero-copy h1{
    font-size:34px;
    line-height:1.42;
    letter-spacing:-.8px;
  }
  .lead{
    font-size:14px;
    line-height:2.15;
  }
  .hero-points{
    justify-content:flex-start;
    gap:14px 20px;
  }
  .hero-actions{
    justify-content:flex-start;
  }
  .btn{
    width:auto;
    max-width:none;
    min-width:160px;
  }
  .position-card{
    justify-self:stretch;
    text-align:right;
    width:100%;
    padding:22px 18px;
  }
  .section-title{
    text-align:right;
    font-size:22px;
  }
  .section-head p,.management-copy p,.contact-card p{
    text-align:right;
  }
  .company-layout,.management-layout,.contact-card{
    grid-template-columns:1fr;
  }
  .trust-grid,.service-grid,.project-grid{
    grid-template-columns:1fr;
  }
  .metric-card,.service-card,.project-card{
    padding:22px 0;
  }
  .project-visual{
    margin:0 0 16px;
    height:230px;
  }
  .project-card{
    min-height:auto;
  }
  .ceo-frame,.ceo-frame img{
    min-height:430px;
  }
  .contact-card{
    gap:24px;
  }
  .form-row{
    grid-template-columns:1fr;
  }
}
@media(max-width:520px){
  .site-header{
    height:64px;
  }
  .brand strong{
    display:none;
  }
  .intro-video-section{
    min-height:88svh;
  }
  .video-placeholder-note{
    margin-bottom:92px;
  }
  .video-placeholder-note strong{
    font-size:26px;
    line-height:1.65;
  }
  .video-placeholder-note small{
    font-size:12px;
  }
  .intro-engineering{
    background-size:54px 54px;
  }
  .hero-copy h1{
    font-size:29px;
  }
  .hero-copy h1 em{
    -webkit-text-stroke:.5px rgba(255,250,241,.5);
  }
  .hero-actions{
    display:grid;
    grid-template-columns:1fr;
  }
  .btn{
    width:100%;
  }
  .section-shell{
    padding:42px 0;
  }
  .section-title{
    font-size:22px;
  }
  .metric-card b{
    font-size:36px;
  }
  .company-highlight{
    padding:26px 18px;
  }
  .ceo-frame,.ceo-frame img{
    min-height:360px;
  }
  .ceo-badge{
    width:100%;
    right:0;
    left:0;
    bottom:0;
  }
  .project-visual{
    height:190px;
  }
  .contact-section{
    padding-bottom:52px;
  }
}

:root {
  --brand-gold: #c9a24a;
  --brand-gold-light: #e2bd62;
  --brand-gold-dark: #8f6b22;
}

/* حذف نقاط رنگی بک‌گراند */
.node,
.n1,
.n2,
.n3,
.n4 {
  display: none !important;
}

/* زرد شدن همه دکمه‌ها */
.btn-primary,
.header-cta,
.big-cta {
  background: linear-gradient(135deg, var(--brand-gold-light), var(--brand-gold), var(--brand-gold-dark)) !important;
  color: #080808 !important;
  border-color: rgba(226, 189, 98, 0.7) !important;
  box-shadow: 0 18px 45px rgba(201, 162, 74, 0.22) !important;
}

.btn-primary:hover,
.header-cta:hover,
.big-cta:hover {
  background: linear-gradient(135deg, #f0cc72, var(--brand-gold), #7d5c1d) !important;
  color: #050505 !important;
  transform: translateY(-2px);
  box-shadow: 0 22px 55px rgba(201, 162, 74, 0.32) !important;
}

/* دکمه‌های Ghost هم با زرد هماهنگ شوند */
.btn-ghost {
  border-color: rgba(201, 162, 74, 0.45) !important;
  color: var(--brand-gold-light) !important;
  background: rgba(201, 162, 74, 0.06) !important;
}

.btn-ghost:hover {
  border-color: rgba(226, 189, 98, 0.8) !important;
  background: rgba(201, 162, 74, 0.13) !important;
  color: #fff1bf !important;
}

/* v10 fixes: global Iran Sans font + CEO image right/text left */
body,
button,
input,
textarea,
select {
  font-family:"IRANSans",Tahoma,Arial,sans-serif !important;
}

.management-layout{
  direction:ltr;
}

.management-copy,
.ceo-visual-panel{
  direction:rtl;
}

.management-copy{
  grid-column:1;
}

.ceo-visual-panel{
  grid-column:2;
}

@media(max-width:980px){
  .management-layout{
    direction:rtl;
  }

  .management-copy,
  .ceo-visual-panel{
    grid-column:auto;
  }
}


/* ===== v11 Remove Intro Engineering Lines Only ===== */
.intro-engineering,
.intro-engineering span {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  background: none !important;
  background-image: none !important;
  box-shadow: none !important;
  border: 0 !important;
  pointer-events: none !important;
}



/* ===== v12 Remove Hero Engineering Lines Only ===== */
.hero-section .engineering-field,
.hero-section .engineering-field .grid,
.hero-section .ruler,
.hero-section .ruler-top,
.hero-section .ruler-left,
.hero-section .arc,
.hero-section .arc-one,
.hero-section .arc-two,
.hero-section .diagonal,
.hero-section .d1,
.hero-section .d2,
.hero-section .node,
.hero-section .n1,
.hero-section .n2,
.hero-section .n3,
.hero-section .n4 {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  background: none !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
  pointer-events: none !important;
}


/* ===== v13 Hero Yellow Texts And Lines To White Only - No Button Change ===== */
.hero-section .eyebrow {
  color: rgba(255, 255, 255, 0.92) !important;
}

.hero-section .eyebrow span {
  background: rgba(255, 255, 255, 0.72) !important;
}

.hero-section .hero-points span {
  border-bottom-color: rgba(255, 255, 255, 0.32) !important;
  color: rgba(255, 255, 255, 0.78) !important;
}

.hero-section .position-card {
  border-right-color: rgba(255, 255, 255, 0.32) !important;
}

.hero-section .position-card small {
  color: rgba(255, 255, 255, 0.78) !important;
}



/* ===== v14 Hero Buttons Frosted Glass Matte Only ===== */
.hero-section .hero-actions .btn,
.hero-section .hero-actions .btn-primary,
.hero-section .hero-actions .btn-ghost {
  color: rgba(255, 255, 255, 0.88) !important;
  background: rgba(255, 255, 255, 0.075) !important;
  border: 1px solid rgba(255, 255, 255, 0.18) !important;
  box-shadow: none !important;
  backdrop-filter: blur(14px) saturate(110%);
  -webkit-backdrop-filter: blur(14px) saturate(110%);
}

.hero-section .hero-actions .btn:hover,
.hero-section .hero-actions .btn-primary:hover,
.hero-section .hero-actions .btn-ghost:hover {
  color: #ffffff !important;
  background: rgba(255, 255, 255, 0.12) !important;
  border-color: rgba(255, 255, 255, 0.32) !important;
  box-shadow: none !important;
  transform: translateY(-2px);
}



/* ===== v15 Trust Yellow Texts To Outline White Style ===== */
.trust-section .section-kicker,
.trust-section .metric-card b {
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
  -webkit-text-stroke: .5px rgba(255,250,241,.5) !important;
  text-stroke: .5px rgba(255,250,241,.5) !important;
}

.trust-section .section-kicker::after {
  background: rgba(255,250,241,.5) !important;
}

/* ===== v16 Trust Kicker White Text Only ===== */
.trust-section .section-kicker {
  color: rgba(255, 255, 255, 0.92) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.92) !important;
  -webkit-text-stroke: 0 transparent !important;
  text-stroke: 0 transparent !important;
}


/* ===== v18 Company Yellow Texts And Lines To White Only ===== */
.company-section .section-kicker,
.company-section .company-highlight > span {
  color: rgba(255, 255, 255, 0.92) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.92) !important;
  -webkit-text-stroke: 0 transparent !important;
  text-stroke: 0 transparent !important;
}

.company-section .section-kicker::after,
.company-section .company-highlight,
.company-section .highlight-lines i,
.company-section .highlight-lines i:nth-child(1),
.company-section .highlight-lines i:nth-child(2),
.company-section .highlight-lines i:nth-child(3) {
  border-color: rgba(255, 255, 255, 0.28) !important;
  background: rgba(255, 255, 255, 0.28) !important;
}

.company-section .company-highlight {
  border-right-color: rgba(255, 255, 255, 0.28) !important;
  background: transparent !important;
}

.company-section .highlight-lines i {
  background: linear-gradient(
    90deg,
    transparent,
    rgba(255, 255, 255, 0.32),
    transparent
  ) !important;
}

.company-section .highlight-lines i:nth-child(3) {
  background: rgba(255, 255, 255, 0.24) !important;
}


/* ===== v19 Final White Texts And Lines Override - No Button Background Change ===== */

/* متن‌های زرد عمومی داخل صفحه */
main .eyebrow,
main .section-kicker,
main .card-index,
main .metric-card b,
main .company-highlight > span,
main .position-card small,
main .ceo-badge span,
main .quote-mark {
  color: rgba(255, 255, 255, 0.92) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.92) !important;
  -webkit-text-stroke: 0 transparent !important;
  text-stroke: 0 transparent !important;
}

/* خط کنار/بعد از تیترهای کوچک */
main .eyebrow span,
main .section-kicker::after {
  background: rgba(255, 255, 255, 0.58) !important;
}

/* خط‌های زیر آیتم‌ها و خط‌های تزئینی Hero */
main .hero-points span {
  color: rgba(255, 255, 255, 0.78) !important;
  border-bottom-color: rgba(255, 255, 255, 0.30) !important;
}

/* خط کنار کارت اعتبار استوار ساخت */
main .position-card {
  border-right-color: rgba(255, 255, 255, 0.28) !important;
}

/* خط‌ها و خطوط تزئینی بخش معرفی شرکت */
main .company-highlight {
  border-right-color: rgba(255, 255, 255, 0.28) !important;
}

main .highlight-lines i,
main .highlight-lines i:nth-child(1),
main .highlight-lines i:nth-child(2) {
  background: linear-gradient(
    90deg,
    transparent,
    rgba(255, 255, 255, 0.30),
    transparent
  ) !important;
}

main .highlight-lines i:nth-child(3) {
  background: rgba(255, 255, 255, 0.22) !important;
}

/* خط‌های عمودی کارت‌ها اگر از نسخه‌های قبلی باقی مانده باشند */
main .metric-card::after,
main .service-card::after,
main .project-card::after {
  background: rgba(255, 255, 255, 0.24) !important;
}

/* نقطه‌های لیست مدیریت که زرد بودند */
main .feature-list li::before {
  background: rgba(255, 255, 255, 0.72) !important;
}

/* خط و متن نقل‌قول مدیرعامل */
main .quote-panel {
  border-right-color: rgba(255, 255, 255, 0.24) !important;
}

main .ceo-badge {
  border-color: rgba(255, 255, 255, 0.26) !important;
  border-right-color: rgba(255, 255, 255, 0.44) !important;
}

/* خط بالای فرم تماس */
main .contact-card {
  border-top-color: rgba(255, 255, 255, 0.24) !important;
  border-right-color: rgba(255, 255, 255, 0.22) !important;
}

/* خط اسکرول intro اگر هنوز زرد دیده شود */
.intro-scroll-minimal {
  color: rgba(255, 255, 255, 0.76) !important;
  border-bottom-color: rgba(255, 255, 255, 0.48) !important;
}

/* خط Hover منوی بالا */
.site-header .main-nav a::after {
  background: rgba(255, 255, 255, 0.72) !important;
}

/* خط پیشرفت اسکرول بالای صفحه */
.scroll-progress {
  background: rgba(255, 255, 255, 0.78) !important;
}

/* فیلدهای فرم در حالت فوکوس که قبلاً خط زرد می‌گرفتند */
.lead-form input:focus,
.lead-form textarea:focus {
  border-color: rgba(255, 255, 255, 0.42) !important;
  box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.06) !important;
}


/* ===== v20 Services Numbers To Hero Outline Style Only ===== */
.services-section .card-index {
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
  -webkit-text-stroke: .5px rgba(255,250,241,.5) !important;
  text-stroke: .5px rgba(255,250,241,.5) !important;
}

/* ===== v21 Contact Button Frosted Glass Matte Only ===== */
.contact-section .lead-form .big-cta {
  color: rgba(255, 255, 255, 0.9) !important;
  background: rgba(255, 255, 255, 0.075) !important;
  border: 1px solid rgba(255, 255, 255, 0.18) !important;
  box-shadow: 3px !important;
  backdrop-filter: blur(14px) saturate(110%);
  -webkit-backdrop-filter: blur(14px) saturate(110%);
}

.contact-section .lead-form .big-cta span {
  color: rgba(255, 255, 255, 0.94) !important;
}

.contact-section .lead-form .big-cta small {
  color: rgba(255, 255, 255, 0.64) !important;
}

.contact-section .lead-form .big-cta:hover {
  color: #ffffff !important;
  background: rgba(255, 255, 255, 0.12) !important;
  border-color: rgba(255, 255, 255, 0.32) !important;
  box-shadow: 3px !important;
  transform: translateY(-2px);
}


/* ===== v22 Global Final Polish: Remove Title Lines + Glass Buttons + Justified Descriptions ===== */

/* حذف خط‌های کنار عنوان‌ها در کل صفحه */
main .eyebrow span,
main .section-kicker::after,
.site-footer .section-kicker::after {
  content: none !important;
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  opacity: 0 !important;
  visibility: hidden !important;
  background: transparent !important;
}

/* شیشه‌ای و مات شدن تمام دکمه‌ها بدون رنگ طلایی/قرمز */
.btn,
.btn-primary,
.btn-ghost,
.big-cta,
.header-cta,
button.big-cta,
.hero-section .hero-actions .btn,
.hero-section .hero-actions .btn-primary,
.hero-section .hero-actions .btn-ghost,
.contact-section .lead-form .big-cta {
  color: rgba(255, 255, 255, 0.9) !important;
  background: rgba(255, 255, 255, 0.075) !important;
  border: 1px solid rgba(255, 255, 255, 0.18) !important;
  box-shadow: 3px !important;
  backdrop-filter: blur(14px) saturate(110%);
  -webkit-backdrop-filter: blur(14px) saturate(110%);
}

.btn:hover,
.btn-primary:hover,
.btn-ghost:hover,
.big-cta:hover,
.header-cta:hover,
button.big-cta:hover,
.hero-section .hero-actions .btn:hover,
.hero-section .hero-actions .btn-primary:hover,
.hero-section .hero-actions .btn-ghost:hover,
.contact-section .lead-form .big-cta:hover {
  color: rgba(255, 255, 255, 0.96) !important;
  background: rgba(255, 255, 255, 0.075) !important;
  border-color: rgba(226, 189, 98, 0.78) !important;
  box-shadow: 0 0 0 1px rgba(226, 189, 98, 0.18),
  0 14px 34px rgba(201, 162, 74, 0.18) !important;
  transform: translateY(-2px) !important;
}

.big-cta span,
.contact-section .lead-form .big-cta span {
  color: rgba(255, 255, 255, 0.94) !important;
}

.big-cta small,
.contact-section .lead-form .big-cta small {
  color: rgba(255, 255, 255, 0.64) !important;
}

/* ترازبندی متن‌های توضیحی */
main p,
main .lead,
main .company-intro p,
main .management-copy p,
main .section-head p,
main .service-card p,
main .project-card p,
main .contact-card p,
main .metric-card span,
main .feature-list li,
.site-footer p {
  text-align: justify !important;
  text-align-last: right !important;
  hyphens: auto;
  overflow-wrap: break-word;
  word-break: normal;
}

/* متن‌های کوتاه داخل کارت‌های عددی و فوتر در موبایل خواناتر بمانند */
@media (max-width: 520px) {
  main .metric-card span,
  .site-footer p {
    text-align: right !important;
    text-align-last: right !important;
  }
}



/* ===== v23 Company Full Width Intro + Company Glass Actions ===== */

/* تمام‌عرض شدن بخش معرفی شرکت */
.company-section .company-layout {
  display: block !important;
  grid-template-columns: none !important;
  width: min(1320px, 92vw) !important;
  max-width: 1320px !important;
  margin: 0 auto !important;
}

.company-section .company-intro-full {
  width: 100% !important;
  max-width: none !important;
  grid-column: 1 / -1 !important;
}

/* متن معرفی و توضیحات تا انتهای عرض محتوایی صفحه امتداد پیدا کند */
.company-section .company-intro-full .section-title {
  max-width: 100% !important;
}

.company-section .company-intro-full p {
  width: 100% !important;
  max-width: none !important;
  text-align: justify !important;
  text-align-last: right !important;
  line-height: 2.25 !important;
  overflow-wrap: break-word;
  word-break: normal;
}

/* چیدمان دکمه‌ها دقیقاً زیر متن معرفی شرکت */
.company-actions {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  flex-wrap: wrap !important;
  gap: 14px !important;
  margin-top: 34px !important;
}

/* دکمه‌های بخش معرفی شرکت - گلس مات بدون رنگ */
.company-actions .btn,
.company-actions .btn-primary,
.company-actions .btn-ghost,
.company-action-primary,
.company-action-secondary {
  min-width: 190px !important;
  padding: 14px 28px !important;
  border-radius: 0 !important;
  color: rgba(255, 255, 255, 0.9) !important;
  background: rgba(255, 255, 255, 0.075) !important;
  border: 1px solid rgba(255, 255, 255, 0.18) !important;
  box-shadow: none !important;
  text-align: center !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  backdrop-filter: blur(14px) saturate(110%);
  -webkit-backdrop-filter: blur(14px) saturate(110%);
  transition: background 0.25s ease, border-color 0.25s ease, transform 0.25s ease;
}

.company-actions .btn:hover,
.company-actions .btn-primary:hover,
.company-actions .btn-ghost:hover,
.company-action-primary:hover,
.company-action-secondary:hover {
  color: #ffffff !important;
  background: rgba(255, 255, 255, 0.12) !important;
  border-color: rgba(255, 255, 255, 0.32) !important;
  box-shadow: none !important;
  transform: translateY(-2px);
}

/* حذف محدودیت‌ها و چیدمان‌های قبلی که باعث دو ستونه شدن معرفی شرکت می‌شد */
.company-section .company-highlight {
  display: none !important;
}

/* موبایل */
@media (max-width: 980px) {
  .company-actions {
    justify-content: flex-end !important;
    gap: 12px !important;
    margin-top: 28px !important;
  }
}

  .company-actions {
    justify-content: flex-start !important;
    gap: 12px !important;
    margin-top: 28px !important;
  }

  .company-actions .btn,
  .company-actions .btn-primary,
  .company-actions .btn-ghost,
  .company-action-primary,
  .company-action-secondary {
    min-width: 160px !important;
    width: auto !important;
  }


@media (max-width: 520px) {
  .company-actions {
    display: grid !important;
    grid-template-columns: 1fr !important;
  }

  .company-actions .btn,
  .company-actions .btn-primary,
  .company-actions .btn-ghost,
  .company-action-primary,
  .company-action-secondary {
    width: 100% !important;
  }
}


/* ===== v24 Intro Brand Tagline On Video ===== */
.intro-video-section .video-placeholder-note {
  position: relative !important;
  z-index: 5 !important;
  width: min(920px, 90vw) !important;
  margin: 0 auto 118px !important;
  padding: 0 !important;
  text-align: center !important;
}

.intro-brand-title {
  display: block !important;
  margin-bottom: 18px !important;
  color: rgba(255, 255, 255, 0.92) !important;
  font-size: 35px !important;
  font-weight: 800 !important;
  line-height: 1.8 !important;
  letter-spacing: -0.4px !important;
}

.intro-tagline {
  display: block !important;
  color: rgba(255, 255, 255, 0.96) !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  line-height: 1.45 !important;
  letter-spacing: -2.2px !important;
  text-shadow: 0 18px 55px rgba(0, 0, 0, 0.62) !important;
}

@media (max-width: 980px) {
  .intro-video-section .video-placeholder-note {
    width: min(680px, 88vw) !important;
    margin-bottom: 104px !important;
  }

  .intro-brand-title {
    font-size: 35px !important;
    margin-bottom: 14px !important;
  }

  .intro-tagline {
    font-size: 12px !important;
    line-height: 1.6 !important;
    letter-spacing: -1px !important;
  }
}

@media (max-width: 520px) {
  .intro-video-section .video-placeholder-note {
    margin-bottom: 92px !important;
  }

  .intro-brand-title {
    font-size: 35px !important;
  }

  .intro-tagline {
    font-size: 12px !important;
    line-height: 1.7 !important;
    letter-spacing: -0.4px !important;
  }
}


/* ===== v25 Force Company Actions Left Align ===== */

.company-section .company-actions {
  width: 100% !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-start !important;
  direction: ltr !important;
  gap: 14px !important;
  margin-top: 34px !important;
}

.company-section .company-actions .btn,
.company-section .company-actions .btn-primary,
.company-section .company-actions .btn-ghost,
.company-section .company-action-primary,
.company-section .company-action-secondary {
  direction: rtl !important;
  text-align: center !important;
}

@media (max-width: 980px) {
  .company-section .company-actions {
    width: 100% !important;
    display: flex !important;
    flex-direction: row !important;
    justify-content: flex-start !important;
    direction: ltr !important;
    gap: 12px !important;
    margin-top: 28px !important;
  }
}

@media (max-width: 520px) {
  .company-section .company-actions {
    display: grid !important;
    grid-template-columns: 1fr !important;
    direction: rtl !important;
  }

  .company-section .company-actions .btn,
  .company-section .company-actions .btn-primary,
  .company-section .company-actions .btn-ghost,
  .company-section .company-action-primary,
  .company-section .company-action-secondary {
    width: 100% !important;
  }
}


/* ===== v26 Management Text Full Height + Justify ===== */

.management-section .management-layout {
  align-items: stretch !important;
}

.management-section .management-copy {
  height: 100% !important;
  min-height: 460px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
}

.management-section .management-copy .section-kicker,
.management-section .management-copy .section-title {
  flex-shrink: 0 !important;
}

.management-section .management-copy p {
  text-align: justify !important;
  text-align-last: right !important;
  line-height: 2.25 !important;
  margin: 0 0 16px !important;
  color: rgba(243, 239, 231, 0.72) !important;
  hyphens: auto !important;
  overflow-wrap: break-word !important;
  word-break: normal !important;
}

.management-section .feature-list {
  margin-top: 22px !important;
  margin-bottom: 0 !important;
}

.management-section .feature-list li {
  text-align: justify !important;
  text-align-last: right !important;
  line-height: 2.1 !important;
}

.management-section .ceo-visual-panel {
  height: 100% !important;
}

.management-section .ceo-frame {
  height: 100% !important;
  min-height: 460px !important;
}

.management-section .ceo-frame img {
  height: 100% !important;
  min-height: 460px !important;
  object-fit: cover !important;
}

@media (max-width: 980px) {
  .management-section .management-copy {
    min-height: auto !important;
    justify-content: flex-start !important;
  }

  .management-section .ceo-frame,
  .management-section .ceo-frame img {
    min-height: 430px !important;
  }
}

@media (max-width: 520px) {
  .management-section .ceo-frame,
  .management-section .ceo-frame img {
    min-height: 360px !important;
  }
}



/* ===== v28 FORCE Management Text Bigger + Tighter Lines ===== */

html body main section#management.management-section .management-layout {
  align-items: stretch !important;
}

html body main section#management.management-section .management-copy {
  min-height: 460px !important;
  height: auto !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
}

html body main section#management.management-section .management-copy .section-kicker {
  font-size: 16px !important;
  line-height: 1.45 !important;
  margin: 0 0 10px 0 !important;
}

html body main section#management.management-section .management-copy .section-title {
  font-size: 28px !important;
  line-height: 1.35 !important;
  margin: 0 0 18px 0 !important;
  letter-spacing: -0.8px !important;
}

html body main section#management.management-section .management-copy p {
  font-size: 17px !important;
  line-height: 1.78 !important;
  margin: 0 0 12px 0 !important;
  text-align: justify !important;
  text-align-last: right !important;
  color: rgba(243, 239, 231, 0.80) !important;
  font-weight: 400 !important;
}

html body main section#management.management-section .management-copy .feature-list {
  margin: 16px 0 0 0 !important;
  padding: 0 !important;
}

html body main section#management.management-section .management-copy .feature-list li {
  font-size: 16.5px !important;
  line-height: 1.72 !important;
  margin: 9px 0 !important;
  text-align: justify !important;
  text-align-last: right !important;
  color: rgba(243, 239, 231, 0.86) !important;
}

html body main section#management.management-section .management-copy .feature-list li::before {
  top: 10px !important;
}

html body main section#management.management-section .ceo-visual-panel {
  height: 100% !important;
}

html body main section#management.management-section .ceo-frame,
html body main section#management.management-section .ceo-frame img {
  min-height: 460px !important;
  height: 100% !important;
}

@media (max-width: 980px) {
  html body main section#management.management-section .management-copy {
    min-height: auto !important;
    justify-content: flex-start !important;
  }

  html body main section#management.management-section .management-copy .section-kicker {
    font-size: 15px !important;
  }

  html body main section#management.management-section .management-copy .section-title {
    font-size: 25px !important;
    line-height: 1.42 !important;
  }

  html body main section#management.management-section .management-copy p {
    font-size: 16px !important;
    line-height: 1.85 !important;
  }

  html body main section#management.management-section .management-copy .feature-list li {
    font-size: 15.5px !important;
    line-height: 1.82 !important;
  }
}

@media (max-width: 520px) {
  html body main section#management.management-section .management-copy .section-title {
    font-size: 23px !important;
  }

  html body main section#management.management-section .management-copy p {
    font-size: 15px !important;
    line-height: 1.9 !important;
  }

  html body main section#management.management-section .management-copy .feature-list li {
    font-size: 14.8px !important;
    line-height: 1.9 !important;
  }
}



/* ===== v29 Company Actions Same As Contact Big CTA ===== */

html body main section#company.company-section .company-actions {
  width: 100% !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-start !important;
  direction: ltr !important;
  gap: 14px !important;
  margin-top: 34px !important;
}

html body main section#company.company-section .company-actions .btn,
html body main section#company.company-section .company-actions .btn-primary,
html body main section#company.company-section .company-actions .btn-ghost,
html body main section#company.company-section .company-action-primary,
html body main section#company.company-section .company-action-secondary {
  width: 220px !important;
  min-width: 220px !important;
  min-height: 70px !important;
  padding: 0 24px !important;
  border-radius: 0 !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  direction: rtl !important;
  text-align: center !important;

  color: rgba(255, 255, 255, 0.94) !important;
  background: rgba(255, 255, 255, 0.075) !important;
  border: 1px solid rgba(255, 255, 255, 0.18) !important;
  box-shadow: none !important;

  font-size: 14px !important;
  font-weight: 800 !important;
  line-height: 1.8 !important;

  backdrop-filter: blur(14px) saturate(110%) !important;
  -webkit-backdrop-filter: blur(14px) saturate(110%) !important;

  transition:
    background 0.25s ease,
    border-color 0.25s ease,
    color 0.25s ease,
    transform 0.25s ease !important;
}

html body main section#company.company-section .company-actions .btn:hover,
html body main section#company.company-section .company-actions .btn-primary:hover,
html body main section#company.company-section .company-actions .btn-ghost:hover,
html body main section#company.company-section .company-action-primary:hover,
html body main section#company.company-section .company-action-secondary:hover {
  color: #ffffff !important;
  background: rgba(255, 255, 255, 0.12) !important;
  border-color: rgba(255, 255, 255, 0.32) !important;
  box-shadow: none !important;
  transform: translateY(-2px) !important;
}

@media (max-width: 980px) {
  html body main section#company.company-section .company-actions {
    justify-content: flex-start !important;
    gap: 12px !important;
    margin-top: 28px !important;
  }

  html body main section#company.company-section .company-actions .btn,
  html body main section#company.company-section .company-actions .btn-primary,
  html body main section#company.company-section .company-actions .btn-ghost,
  html body main section#company.company-section .company-action-primary,
  html body main section#company.company-section .company-action-secondary {
    width: 210px !important;
    min-width: 210px !important;
    min-height: 68px !important;
  }
}

@media (max-width: 520px) {
  html body main section#company.company-section .company-actions {
    display: grid !important;
    grid-template-columns: 1fr !important;
    direction: rtl !important;
  }

  html body main section#company.company-section .company-actions .btn,
  html body main section#company.company-section .company-actions .btn-primary,
  html body main section#company.company-section .company-actions .btn-ghost,
  html body main section#company.company-section .company-action-primary,
  html body main section#company.company-section .company-action-secondary {
    width: 100% !important;
    min-width: 100% !important;
    min-height: 68px !important;
  }
}



/* ===== v31 Company Buttons Compact Glass Like Contact CTA ===== */

html body main section#company.company-section .company-actions {
  width: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  direction: ltr !important;
  gap: 12px !important;
  margin-top: 30px !important;
}

html body main section#company.company-section .company-actions .btn,
html body main section#company.company-section .company-actions .btn-primary,
html body main section#company.company-section .company-actions .btn-ghost,
html body main section#company.company-section .company-action-primary,
html body main section#company.company-section .company-action-secondary {
  width: auto !important;
  min-width: 180px !important;
  min-height: 52px !important;
  padding: 12px 24px !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  direction: rtl !important;
  text-align: center !important;

  border-radius: 0 !important;
  color: rgba(255, 255, 255, 0.9) !important;
  background: rgba(255, 255, 255, 0.075) !important;
  border: 1px solid rgba(255, 255, 255, 0.18) !important;
  box-shadow: none !important;

  font-size: 14px !important;
  font-weight: 800 !important;
  line-height: 1.6 !important;

  backdrop-filter: blur(14px) saturate(110%) !important;
  -webkit-backdrop-filter: blur(14px) saturate(110%) !important;

  transition:
    background 0.25s ease,
    border-color 0.25s ease,
    color 0.25s ease,
    transform 0.25s ease !important;
}

html body main section#company.company-section .company-actions .btn:hover,
html body main section#company.company-section .company-actions .btn-primary:hover,
html body main section#company.company-section .company-actions .btn-ghost:hover,
html body main section#company.company-section .company-action-primary:hover,
html body main section#company.company-section .company-action-secondary:hover {
  color: #ffffff !important;
  background: rgba(255, 255, 255, 0.12) !important;
  border-color: rgba(255, 255, 255, 0.32) !important;
  box-shadow: none !important;
  transform: translateY(-2px) !important;
}

@media (max-width: 980px) {
  html body main section#company.company-section .company-actions {
    justify-content: flex-start !important;
    gap: 10px !important;
    margin-top: 26px !important;
  }

  html body main section#company.company-section .company-actions .btn,
  html body main section#company.company-section .company-actions .btn-primary,
  html body main section#company.company-section .company-actions .btn-ghost,
  html body main section#company.company-section .company-action-primary,
  html body main section#company.company-section .company-action-secondary {
    min-width: 165px !important;
    min-height: 50px !important;
    padding: 11px 20px !important;
    font-size: 13.5px !important;
  }
}

@media (max-width: 520px) {
  html body main section#company.company-section .company-actions {
    display: grid !important;
    grid-template-columns: 1fr !important;
    direction: rtl !important;
  }

  html body main section#company.company-section .company-actions .btn,
  html body main section#company.company-section .company-actions .btn-primary,
  html body main section#company.company-section .company-actions .btn-ghost,
  html body main section#company.company-section .company-action-primary,
  html body main section#company.company-section .company-action-secondary {
    width: 100% !important;
    min-width: 100% !important;
    min-height: 50px !important;
  }
}


/* ===== v32 FIX Company Buttons Golden Hover Without Changing Button Fill ===== */

html body main section#company.company-section .company-actions .btn,
html body main section#company.company-section .company-actions .btn-primary,
html body main section#company.company-section .company-actions .btn-ghost,
html body main section#company.company-section .company-action-primary,
html body main section#company.company-section .company-action-secondary {
  color: rgba(255, 255, 255, 0.9) !important;
  background: rgba(255, 255, 255, 0.075) !important;
  border-color: rgba(255, 255, 255, 0.18) !important;
  box-shadow: none !important;
}

html body main section#company.company-section .company-actions .btn:hover,
html body main section#company.company-section .company-actions .btn-primary:hover,
html body main section#company.company-section .company-actions .btn-ghost:hover,
html body main section#company.company-section .company-action-primary:hover,
html body main section#company.company-section .company-action-secondary:hover {
  color: rgba(255, 255, 255, 0.96) !important;
  background: rgba(255, 255, 255, 0.075) !important;
  border-color: rgba(226, 189, 98, 0.78) !important;
  box-shadow: 0 0 0 1px rgba(226, 189, 98, 0.18),
              0 14px 34px rgba(201, 162, 74, 0.18) !important;
  transform: translateY(-2px) !important;
}



/* ===== v33 Contact Collaboration Button Final Style Only ===== */

html body main section#contact.contact-section .lead-form button.big-cta {
  min-height: 70px !important;
  border-radius: 0 !important;

  color: rgba(255, 255, 255, 0.9) !important;
  background: rgba(255, 255, 255, 0.075) !important;
  border: 1px solid rgba(255, 255, 255, 0.18) !important;
  box-shadow: none !important;

  backdrop-filter: blur(14px) saturate(110%) !important;
  -webkit-backdrop-filter: blur(14px) saturate(110%) !important;

  transition:
    background 0.25s ease,
    border-color 0.25s ease,
    box-shadow 0.25s ease,
    color 0.25s ease,
    transform 0.25s ease !important;
}

html body main section#contact.contact-section .lead-form button.big-cta span {
  color: rgba(255, 255, 255, 0.94) !important;
  font-size: 18px !important;
  font-weight: 900 !important;
}

html body main section#contact.contact-section .lead-form button.big-cta small {
  color: rgba(255, 255, 255, 0.64) !important;
  font-size: 11px !important;
  font-weight: 500 !important;
}

html body main section#contact.contact-section .lead-form button.big-cta:hover {
  color: rgba(255, 255, 255, 0.96) !important;
  background: rgba(255, 255, 255, 0.075) !important;
  border-color: rgba(226, 189, 98, 0.78) !important;
  box-shadow:
    0 0 0 1px rgba(226, 189, 98, 0.18),
    0 14px 34px rgba(201, 162, 74, 0.18) !important;
  transform: translateY(-2px) !important;
}

html body main section#contact.contact-section .lead-form button.big-cta:hover span {
  color: rgba(255, 255, 255, 0.98) !important;
}

html body main section#contact.contact-section .lead-form button.big-cta:hover small {
  color: rgba(255, 255, 255, 0.72) !important;
}



/* ===== v34 Contact Section Centered Vertical Layout ===== */

html body main section#contact.contact-section .contact-card {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;

  width: min(760px, 92vw) !important;
  margin: 0 auto !important;
  padding: 42px 0 0 !important;

  text-align: center !important;
  border-top: 1px solid rgba(255, 255, 255, 0.24) !important;
  border-right: 0 !important;
  gap: 28px !important;
}

html body main section#contact.contact-section .contact-card > div {
  width: 100% !important;
  max-width: 680px !important;
  text-align: center !important;
}

html body main section#contact.contact-section .contact-card h3 {
  margin: 0 !important;
  text-align: center !important;
  text-align-last: center !important;
  font-size: 24px !important;
  line-height: 1.75 !important;
  font-weight: 800 !important;
  color: rgba(255, 255, 255, 0.92) !important;
}

html body main section#contact.contact-section .lead-form {
  width: 100% !important;
  max-width: 560px !important;
  margin: 0 auto !important;
  text-align: center !important;
}

html body main section#contact.contact-section .lead-form input,
html body main section#contact.contact-section .lead-form textarea {
  text-align: center !important;
}

html body main section#contact.contact-section .lead-form textarea {
  text-align: center !important;
}

@media (max-width: 520px) {
  html body main section#contact.contact-section .contact-card {
    width: min(100%, 92vw) !important;
    padding-top: 34px !important;
    gap: 22px !important;
  }

  html body main section#contact.contact-section .contact-card h3 {
    font-size: 20px !important;
    line-height: 1.8 !important;
  }

  html body main section#contact.contact-section .lead-form {
    max-width: 100% !important;
  }
}




/* ===== v35 Header Left Footer Info Menu ===== */

.footer-info-check {
  position: fixed !important;
  width: 1px !important;
  height: 1px !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

.header-inner {
  position: relative !important;
  padding-left: 58px !important;
}

.footer-info-toggle {
  position: absolute !important;
  left: 0 !important;
  top: 50% !important;
  transform: translateY(-50%) !important;

  width: 44px !important;
  height: 44px !important;

  display: inline-flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;

  cursor: pointer !important;
  z-index: 940 !important;

  background: rgba(255, 255, 255, 0.075) !important;
  border: 1px solid rgba(255, 255, 255, 0.18) !important;
  backdrop-filter: blur(14px) saturate(110%) !important;
  -webkit-backdrop-filter: blur(14px) saturate(110%) !important;

  transition:
    border-color 0.25s ease,
    box-shadow 0.25s ease,
    background 0.25s ease,
    transform 0.25s ease !important;
}

.footer-info-toggle span {
  width: 20px !important;
  height: 2px !important;
  display: block !important;
  background: rgba(255, 255, 255, 0.86) !important;
  transition: background 0.25s ease !important;
}

.footer-info-toggle:hover {
  background: rgba(255, 255, 255, 0.075) !important;
  border-color: rgba(226, 189, 98, 0.78) !important;
  box-shadow:
    0 0 0 1px rgba(226, 189, 98, 0.18),
    0 14px 34px rgba(201, 162, 74, 0.18) !important;
}

.footer-info-toggle:hover span {
  background: rgba(255, 255, 255, 0.96) !important;
}

.footer-info-backdrop {
  position: fixed !important;
  inset: 0 !important;
  z-index: 950 !important;

  background: rgba(0, 0, 0, 0.52) !important;
  backdrop-filter: blur(6px) !important;
  -webkit-backdrop-filter: blur(6px) !important;

  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;

  transition:
    opacity 0.28s ease,
    visibility 0.28s ease !important;
}

.footer-info-panel {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  bottom: 0 !important;

  width: min(390px, 88vw) !important;
  z-index: 960 !important;

  padding: 34px 28px !important;
  direction: rtl !important;
  text-align: right !important;

  background:
    radial-gradient(circle at 20% 0%, rgba(201, 162, 74, 0.12), transparent 34%),
    rgba(5, 5, 6, 0.92) !important;
  border-right: 1px solid rgba(255, 255, 255, 0.13) !important;
  box-shadow: 28px 0 90px rgba(0, 0, 0, 0.48) !important;
  backdrop-filter: blur(22px) saturate(115%) !important;
  -webkit-backdrop-filter: blur(22px) saturate(115%) !important;

  transform: translateX(-105%) !important;
  transition: transform 0.34s ease !important;
}

.footer-info-check:checked ~ .footer-info-backdrop {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

.footer-info-check:checked ~ .footer-info-panel {
  transform: translateX(0) !important;
}

.footer-info-close {
  position: absolute !important;
  top: 22px !important;
  left: 22px !important;

  width: 38px !important;
  height: 38px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  cursor: pointer !important;
  font-size: 28px !important;
  line-height: 1 !important;
  color: rgba(255, 255, 255, 0.76) !important;

  background: rgba(255, 255, 255, 0.06) !important;
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
}

.footer-info-close:hover {
  color: #ffffff !important;
  border-color: rgba(226, 189, 98, 0.62) !important;
}

.footer-info-logo {
  width: 76px !important;
  height: 76px !important;
  margin-bottom: 22px !important;
}

.footer-info-logo img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  display: block !important;
}

.footer-info-brand {
  padding-bottom: 26px !important;
  margin-bottom: 28px !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.12) !important;
}

.footer-info-brand strong {
  display: block !important;
  font-size: 21px !important;
  font-weight: 900 !important;
  line-height: 1.8 !important;
  color: rgba(255, 255, 255, 0.94) !important;
}

.footer-info-brand span {
  display: block !important;
  margin-top: 4px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: rgba(255, 255, 255, 0.58) !important;
}

.footer-info-list {
  display: flex !important;
  flex-direction: column !important;
  gap: 22px !important;
}

.footer-info-item span {
  display: block !important;
  margin-bottom: 8px !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  color: rgba(255, 255, 255, 0.72) !important;
}

.footer-info-item p {
  margin: 0 !important;
  font-size: 14px !important;
  line-height: 2.1 !important;
  color: rgba(243, 239, 231, 0.78) !important;
  text-align: justify !important;
  text-align-last: right !important;
}

.footer-info-item a {
  color: rgba(255, 255, 255, 0.88) !important;
  transition: color 0.25s ease !important;
}

.footer-info-item a:hover {
  color: rgba(226, 189, 98, 0.96) !important;
}

.footer-info-item em {
  margin: 0 8px !important;
  font-style: normal !important;
  color: rgba(255, 255, 255, 0.34) !important;
}

.footer-inner-minimal {
  justify-content: center !important;
  text-align: center !important;
  color: rgba(255, 255, 255, 0.46) !important;
}

@media (max-width: 980px) {
  .header-inner {
    padding-left: 68px !important;
  }

  .footer-info-toggle {
    left: 18px !important;
    width: 42px !important;
    height: 42px !important;
  }
}

@media (max-width: 520px) {
  .footer-info-panel {
    width: min(340px, 90vw) !important;
    padding: 30px 22px !important;
  }

  .footer-info-logo {
    width: 66px !important;
    height: 66px !important;
  }

  .footer-info-brand strong {
    font-size: 19px !important;
  }
}



/* ===== v36 Center Main Header Navigation ===== */

@media (min-width: 981px) {
  html body .site-header .header-inner {
    position: relative !important;
    justify-content: center !important;
  }

  html body .site-header .brand {
    position: absolute !important;
    right: 0 !important;
    left: auto !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    margin: 0 !important;
    z-index: 930 !important;
  }

  html body .site-header .main-nav {
    position: absolute !important;
    right: 50% !important;
    left: auto !important;
    top: 50% !important;
    transform: translate(50%, -50%) !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    margin: 0 !important;
    gap: 30px !important;
    z-index: 920 !important;
  }

  html body .site-header .footer-info-toggle {
    left: 0 !important;
    right: auto !important;
    z-index: 940 !important;
  }
}

@media (max-width: 980px) {
  html body .site-header .brand {
    position: static !important;
    transform: none !important;
  }

  html body .site-header .main-nav {
    transform: none !important;
  }
}



/* ===== v37 Fixed Header Anchor Offset ===== */

html {
  scroll-padding-top: 86px !important;
}

section[id] {
  scroll-margin-top: 86px !important;
}

#company,
#management,
#services,
#projects,
#contact,
#capability {
  scroll-margin-top: 86px !important;
}

@media (max-width: 980px) {
  html {
    scroll-padding-top: 78px !important;
  }

  section[id],
  #company,
  #management,
  #services,
  #projects,
  #contact,
  #capability {
    scroll-margin-top: 78px !important;
  }
}

@media (max-width: 520px) {
  html {
    scroll-padding-top: 72px !important;
  }

  section[id],
  #company,
  #management,
  #services,
  #projects,
  #contact,
  #capability {
    scroll-margin-top: 72px !important;
  }
}


/* ===== v38 Trust Metrics Center Align In Place ===== */

html body main section#capability.trust-section .trust-grid {
  align-items: stretch !important;
}

html body main section#capability.trust-section .metric-card {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;

  min-height: 190px !important;
  text-align: center !important;
}

html body main section#capability.trust-section .metric-card b {
  display: block !important;
  width: 100% !important;
  text-align: center !important;
  text-align-last: center !important;
  margin-bottom: 14px !important;
}

html body main section#capability.trust-section .metric-card span {
  display: block !important;
  width: 100% !important;
  max-width: 280px !important;

  text-align: center !important;
  text-align-last: center !important;

  line-height: 1.9 !important;
  margin: 0 auto !important;
}


/* ===== v40 Active Header Menu State ===== */

html body .site-header .main-nav a {
  position: relative !important;
  color: rgba(255, 255, 255, 0.68) !important;
  transition:
    color 0.25s ease,
    opacity 0.25s ease !important;
}

html body .site-header .main-nav a::before {
  content: "" !important;
  position: absolute !important;
  right: 50% !important;
  bottom: -13px !important;

  width: 0 !important;
  height: 1px !important;

  background: rgba(226, 189, 98, 0.82) !important;
  transform: translateX(50%) !important;

  opacity: 0 !important;
  transition:
    width 0.25s ease,
    opacity 0.25s ease !important;
}

html body .site-header .main-nav a:hover,
html body .site-header .main-nav a.is-active {
  color: rgba(255, 255, 255, 0.96) !important;
}

html body .site-header .main-nav a:hover::before,
html body .site-header .main-nav a.is-active::before {
  width: 22px !important;
  opacity: 1 !important;
}

html body .site-header .main-nav a.is-active::after {
  display: none !important;
}

@media (max-width: 980px) {
  html body .site-header .main-nav a::before {
    right: 16px !important;
    bottom: 50% !important;
    width: 1px !important;
    height: 0 !important;
    transform: translateY(50%) !important;
  }

  html body .site-header .main-nav a:hover::before,
  html body .site-header .main-nav a.is-active::before {
    width: 1px !important;
    height: 22px !important;
  }
}



/* ===== v41 Remove Footer Info Hamburger Border ===== */

html body .site-header .footer-info-toggle {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html body .site-header .footer-info-toggle:hover {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html body .site-header .footer-info-toggle span {
  background: rgba(255, 255, 255, 0.86) !important;
}

html body .site-header .footer-info-toggle:hover span {
  background: rgba(226, 189, 98, 0.96) !important;
}


/* ===== v43 Footer Info Hamburger Fully Transparent ===== */

html body .site-header .footer-info-toggle,
html body .site-header.is-scrolled .footer-info-toggle {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

html body .site-header .footer-info-toggle:hover,
html body .site-header.is-scrolled .footer-info-toggle:hover {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

html body .site-header .footer-info-toggle span {
  background: rgba(255, 255, 255, 0.86) !important;
}

html body .site-header .footer-info-toggle:hover span {
  background: rgba(226, 189, 98, 0.96) !important;
}



/* ===== v44 Sections Tight Spacing Final ===== */

html body main .section-shell {
  padding-top: 30px !important;
  padding-bottom: 30px !important;
}

html body main .company-section .section-shell {
  padding-top: 34px !important;
  padding-bottom: 24px !important;
}

html body main .trust-section .section-shell {
  padding-top: 24px !important;
  padding-bottom: 24px !important;
}

html body main .management-section .section-shell {
  padding-top: 30px !important;
  padding-bottom: 28px !important;
}

html body main .services-section .section-shell {
  padding-top: 28px !important;
  padding-bottom: 28px !important;
}

html body main .projects-section .section-shell {
  padding-top: 28px !important;
  padding-bottom: 28px !important;
}

html body main .contact-section {
  padding-top: 24px !important;
  padding-bottom: 52px !important;
}

html body main .section-head {
  margin-bottom: 0 !important;
}

html body main .trust-grid,
html body main .service-grid,
html body main .project-grid {
  margin-top: 22px !important;
}

html body main .company-actions {
  margin-top: 24px !important;
}

html body main .feature-list {
  margin-top: 14px !important;
}

@media (max-width: 980px) {
  html body main .section-shell {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }

  html body main .contact-section {
    padding-top: 20px !important;
    padding-bottom: 44px !important;
  }

  html body main .trust-grid,
  html body main .service-grid,
  html body main .project-grid {
    margin-top: 18px !important;
  }
}

@media (max-width: 520px) {
  html body main .section-shell {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }

  html body main .contact-section {
    padding-top: 18px !important;
    padding-bottom: 38px !important;
  }
}

/* ===== Footer credit styles moved from HTML for cleaner rendering ===== */

      .site-footer.asareh-crafted-footer {
        position: relative;
        padding: 22px 0;
        background: #080808;
        border-top: 1px solid rgba(255, 255, 255, .06);
      }

      .asareh-crafted-footer-inner {
        width: min(90%, 1180px);
        margin: 0 auto;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 22px;
      }

      .asareh-footer-main-text {
        display: flex;
        flex-direction: column;
        gap: 3px;
        color: rgba(255, 255, 255, .88);
        text-align: right;
      }

      .asareh-footer-main-text strong {
        color: rgba(255, 255, 255, .90);
        font-size: 13.5px;
        font-weight: 800;
        line-height: 1.9;
      }

      .asareh-footer-main-text span {
        color: rgba(255, 255, 255, .54);
        font-size: 12px;
        font-weight: 500;
        line-height: 1.9;
      }

      .asareh-footer-credit {
        display: inline-flex;
        align-items: center;
        justify-content: flex-end;
        gap: 12px;
        color: rgba(255, 255, 255, .78);
        text-decoration: none;
        background: transparent;
        border: 0;
        box-shadow: none;
        outline: 0;
        padding: 0;
        margin: 0;
      }

      .asareh-footer-credit-logo {
        width: 92px;
        height: 34px;
        object-fit: contain;
        object-position: center center;
        display: block;
        border: 0;
        box-shadow: none;
        background: transparent;
      }

      .asareh-footer-credit-text {
        display: flex;
        flex-direction: column;
        gap: 2px;
        text-align: right;
      }

      .asareh-footer-credit-text small {
        color: rgba(255, 255, 255, .42);
        font-size: 10.5px;
        font-weight: 500;
        line-height: 1.6;
      }

      .asareh-footer-credit-text b {
        color: rgba(255, 255, 255, .82);
        font-size: 12.5px;
        font-weight: 800;
        line-height: 1.7;
      }

      .asareh-footer-credit:hover b,
      .asareh-footer-credit:hover small {
        color: rgba(255, 255, 255, .96);
      }

      @media (max-width: 768px) {
        .site-footer.asareh-crafted-footer {
          padding: 24px 0;
        }

        .asareh-crafted-footer-inner {
          flex-direction: column;
          align-items: center;
          justify-content: center;
          text-align: center;
          gap: 16px;
        }

        .asareh-footer-main-text {
          align-items: center;
          text-align: center;
        }

        .asareh-footer-credit {
          justify-content: center;
          flex-direction: column;
          gap: 8px;
        }

        .asareh-footer-credit-text {
          text-align: center;
        }
      }
    

/* ===== Production Optimization Layer ===== */
html{scroll-padding-top:82px}
img{max-width:100%;height:auto}
video{display:block}
.intro-brand-title{margin-top:0}
noscript{position:fixed;right:16px;bottom:16px;z-index:9999;max-width:360px;padding:12px 16px;border-radius:16px;background:#161616;color:#fff;border:1px solid rgba(255,255,255,.14);font-size:12px;line-height:1.9}
@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}.reveal{opacity:1!important;transform:none!important;transition:none!important}.intro-video{animation:none!important}}