:root{--green:#004c3f;--green2:#0b5a49;--gold:#c49a3a;--ink:#073f36;--cream:#f8f7f2}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:#1c2926;background:white}header{height:72px;display:flex;align-items:center;gap:35px;padding:8px 4.5%;position:sticky;top:0;background:#fff;z-index:20;box-shadow:0 1px 8px #00000010}.brand{width:225px}.brand img{width:100%;height:54px;object-fit:contain;object-position:left center}nav{display:flex;gap:34px;margin:auto}nav a,.tools a,footer a{text-decoration:none;color:#153c35;font-size:14px}nav a:first-child{border-bottom:2px solid var(--gold);padding-bottom:7px}.tools{display:flex;align-items:center;gap:14px}.tools button{background:none;border:1px solid #ddd;border-radius:5px;padding:8px 12px}.topcta,.primary{background:var(--green);color:#fff!important;padding:13px 20px;border-radius:4px;text-decoration:none;border:0;font-weight:700}.hero{min-height:520px;display:grid;grid-template-columns:51% 49%;background:linear-gradient(90deg,#fff 0,#fff 46%,#ffffff70 53%,transparent 62%)}.hero-copy{padding:45px 2% 35px 5%;z-index:2}.hero-photo{background-image:linear-gradient(90deg,#fff 0%,transparent 28%),url('assets/hero.jpg');background-size:cover;background-position:center}.eyebrow,.kicker{letter-spacing:3px;font-size:12px;font-weight:700;color:var(--gold)}h1{font-family:Georgia,serif;color:var(--ink);font-size:48px;line-height:1.04;margin:18px 0 5px}.hero h2{color:var(--ink);font-size:20px;margin:0 0 16px}.hero p{font-size:16px;line-height:1.55;max-width:680px}.hero blockquote{font-family:Georgia,serif;font-weight:700;font-size:18px;line-height:1.35;border-left:5px solid var(--gold);margin:20px 0;padding:5px 0 5px 15px;color:#123f37}.actions{display:flex;gap:18px;margin-top:20px}.secondary{border:1px solid var(--green);color:var(--green);padding:13px 20px;border-radius:4px;text-decoration:none;font-weight:700}.section{padding:32px 5%}.section>.kicker,.section>h2,.section>.lead{text-align:center}.section h2{font:700 29px Georgia,serif;color:var(--ink);margin:10px 0}.lead{margin:0 0 22px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;max-width:1180px;margin:auto}.cards article{background:#fbfbf9;padding:22px 20px;min-height:310px;border:1px solid #eee;box-shadow:0 7px 22px #00000008}.icon{width:54px;height:54px;border-radius:50%;background:#eef1eb;color:var(--green);display:grid;place-items:center;font-size:34px}.cards h3{font:700 21px Georgia,serif;color:var(--ink);margin:12px 0 6px}.cards i{display:block;width:32px;border-bottom:3px solid var(--gold);margin-bottom:12px}.cards p{font-size:14px;line-height:1.45}.cards a{display:block;margin-top:15px;color:var(--green);font-weight:700;text-decoration:none}.process{background:#fff}.steps{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;align-items:start;gap:16px;max-width:1180px;margin:25px auto}.steps>div{display:grid;grid-template-columns:58px 1fr}.steps b{grid-row:1/3;width:52px;height:52px;border-radius:50%;background:var(--green);color:white;display:grid;place-items:center}.steps h3{font:700 20px Georgia,serif;color:var(--ink);margin:5px 0}.steps p{grid-column:2;font-size:13px;line-height:1.4;margin:2px 0}.steps>span{margin-top:17px;color:var(--green);font-size:22px}.why{display:grid;grid-template-columns:2fr 1fr}.why-main{background:linear-gradient(120deg,#064f43,#003f36);color:white;padding:28px 5%}.why-main h2{font:28px Georgia,serif;margin:8px 0 20px}.gold{color:#e2b956}.benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.benefits>div{font-size:28px;color:#e2b956;border-right:1px solid #ffffff40}.benefits p{font-size:13px;color:#fff;line-height:1.35}.focus{background:#f2f0e9;padding:30px 8%;display:grid;grid-template-columns:70px 1fr}.shield{width:58px;height:68px;background:var(--gold);clip-path:polygon(50% 0,100% 18%,90% 75%,50% 100%,10% 75%,0 18%);display:grid;place-items:center;font-size:28px;color:var(--green)}.focus h3{font:700 22px Georgia,serif;color:var(--ink);margin:5px 0}.focus p{grid-column:2;font-size:13px;line-height:1.5}.industrial{height:250px;background:url('assets/industrial_clean.jpg') center/cover no-repeat;position:relative}.industrial-content{padding:25px 5%;color:#123d35;max-width:650px}.industrial h2{font:700 25px Georgia,serif;margin:0 0 5px}.industrial p{margin:0 0 18px}.industrial button{background:var(--green);color:white;border:0;border-radius:4px;padding:13px 20px;font-weight:700}footer{background:#00483e;color:white;padding:18px 4%;display:grid;grid-template-columns:220px 1fr 260px;align-items:center;gap:20px}footer img{width:190px;height:55px;object-fit:contain;background:white;border-radius:3px}footer>div:nth-child(2){display:flex;justify-content:center;gap:28px}footer a{color:white}.mail{text-align:right}footer small{font-size:11px;color:#d7e2df}footer small:last-child{text-align:right;grid-column:3}dialog{border:0;border-radius:8px;max-width:760px;width:92%;box-shadow:0 20px 80px #0007;padding:0}dialog::backdrop{background:#002f28aa}dialog form{padding:30px;position:relative}.x{position:absolute;right:18px;top:12px;border:0;background:none;font-size:30px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.grid label{font-size:13px;font-weight:700}.grid input,.grid textarea,.grid select{display:block;width:100%;margin-top:6px;padding:10px;border:1px solid #ccd4d1;border-radius:4px;font:inherit}.grid textarea{min-height:75px}.full{grid-column:1/-1}.note{font-size:12px;color:#777}
@media(max-width:850px){header{height:auto;flex-wrap:wrap}.brand{width:180px}nav{order:3;width:100%;overflow:auto;gap:20px;padding:8px 0}.topcta{display:none}.hero{grid-template-columns:1fr}.hero-copy{padding:35px 6%}.hero-photo{height:300px;order:-1;background-image:url('assets/hero.jpg')}.hero h1{font-size:38px}.cards{grid-template-columns:1fr 1fr}.steps{grid-template-columns:1fr}.steps>span{display:none}.why{grid-template-columns:1fr}.benefits{grid-template-columns:1fr 1fr}.industrial{height:280px;background-position:center}.industrial-content{background:#ffffffb8;height:100%;padding-top:40px}footer{grid-template-columns:1fr;text-align:center}footer>div:nth-child(2){flex-wrap:wrap}.mail,footer small:last-child{text-align:center;grid-column:1}.grid{grid-template-columns:1fr}.full{grid-column:1}.tools{margin-left:auto}}
/* Final review fixes */
header{height:92px;padding-top:6px;padding-bottom:6px}.brand{width:300px;flex:0 0 300px}.brand img{height:76px;width:100%;object-fit:contain;object-position:left center}.hero-copy{padding-top:38px}.hero-copy>p{max-width:620px;margin-bottom:16px}.hero blockquote{max-width:650px;margin-top:14px}.hero h1{margin-bottom:8px}.hero h2{line-height:1.3}.industrial{height:300px}.industrial-content{max-width:610px;background:linear-gradient(90deg,rgba(255,255,255,.90),rgba(255,255,255,.55),transparent);height:100%;padding-top:38px}.industrial-content h2,.industrial-content p{max-width:560px}footer{position:relative;z-index:3}.rtl{font-family:Tahoma,Arial,sans-serif}.rtl .hero-copy,.rtl .industrial-content{text-align:right}.rtl .hero blockquote{border-left:0;border-right:5px solid var(--gold);padding-left:0;padding-right:15px}.rtl .brand img{object-position:right center}.rtl .steps>div{grid-template-columns:58px 1fr}.rtl .steps b{grid-row:1/3}.rtl .steps p{grid-column:2}.rtl .focus p{grid-column:auto}.rtl .cards article{text-align:right}
@media(max-width:850px){header{height:auto}.brand{width:230px;flex-basis:230px}.brand img{height:64px}}

/* Final requested adjustment: keep hero title compact on one line without changing logo */
.hero h1{font-size:34px;line-height:1.08;white-space:nowrap;letter-spacing:-0.4px}
@media(max-width:1100px){.hero h1{font-size:29px}}
@media(max-width:850px){.hero h1{font-size:30px;white-space:normal}}

/* Final industrial banner: preserve the original full composition without cropping or duplicate text */
.en-industrial{height:auto!important;aspect-ratio:1024/200;background:none!important;position:relative;overflow:hidden}
.en-industrial>img{display:block;width:100%;height:auto;max-width:none}
.en-industrial .banner-hotspot{position:absolute;left:4.6%;top:39%;width:19.5%;height:21%;padding:0;border:0;background:transparent;cursor:pointer;border-radius:4px}
.en-industrial .banner-hotspot:focus-visible{outline:3px solid #c49a3a;outline-offset:2px}
@media(max-width:850px){.en-industrial{height:auto!important;aspect-ratio:1024/200}.en-industrial>img{width:100%;height:auto}.en-industrial .banner-hotspot{left:4.6%;top:39%;width:19.5%;height:21%}}

/* Arabic parity fixes: mirror English composition cleanly without changing English */
.rtl #arContent .hero{direction:rtl;grid-template-columns:51% 49%;background:linear-gradient(270deg,#fff 0,#fff 46%,#ffffff70 53%,transparent 62%)}
.rtl #arContent .hero-copy{grid-column:1;padding:38px 5% 35px 2%;text-align:right}
.rtl #arContent .hero-photo{grid-column:2;grid-row:1;background-image:linear-gradient(270deg,#fff 0%,transparent 28%),url('assets/hero.jpg');background-position:center}
.rtl #arContent .hero h1{white-space:nowrap;font-size:34px;letter-spacing:0}
.rtl #arContent .actions{justify-content:flex-start}
.rtl #arContent .why{direction:rtl;grid-template-columns:2fr 1fr}
.rtl #arContent .why-main{grid-column:1;grid-row:1;text-align:right}
.rtl #arContent .focus{grid-column:2;grid-row:1;direction:rtl;grid-template-columns:70px 1fr;text-align:right}
.rtl #arContent .focus .shield{grid-column:1;grid-row:1/3}
.rtl #arContent .focus h3{grid-column:2;grid-row:1}
.rtl #arContent .focus p{grid-column:2;grid-row:2}
.rtl #arContent .benefits>div{border-right:0;border-left:1px solid #ffffff40;text-align:right}
.rtl #arContent .ar-industrial{background-position:center}
.rtl #arContent .ar-industrial .industrial-content{margin-left:auto;margin-right:0;background:linear-gradient(270deg,rgba(255,255,255,.90),rgba(255,255,255,.55),transparent);text-align:right}
@media(max-width:1100px){.rtl #arContent .hero h1{font-size:29px}}
@media(max-width:850px){
 .rtl #arContent .hero{grid-template-columns:1fr;background:none}
 .rtl #arContent .hero-copy{grid-column:1;grid-row:2;padding:35px 6%}
 .rtl #arContent .hero-photo{grid-column:1;grid-row:1;height:300px;background-image:url('assets/hero.jpg')}
 .rtl #arContent .hero h1{font-size:30px;white-space:normal}
 .rtl #arContent .why{grid-template-columns:1fr}
 .rtl #arContent .why-main,.rtl #arContent .focus{grid-column:1;grid-row:auto}
 .rtl #arContent .ar-industrial .industrial-content{background:#ffffffb8}
}

/* Final requested layout refinements */
@media(min-width:851px){
  .rtl .hero h1{font-size:42px;white-space:nowrap;}
  .rtl .hero-photo{background-position:right center;}
  #enContent .hero-photo{background-position:center center;}
  .focus h3{white-space:nowrap;font-size:19px;}
  .rtl .focus h3{font-size:18px;}
}
.steps>div{display:flex;flex-direction:column;align-items:center;text-align:center;}
.steps b{width:76px;height:76px;border-radius:50%;font-size:13px;line-height:1.1;text-align:center;padding:7px;display:flex;align-items:center;justify-content:center;}
.steps p{font-size:13px;line-height:1.4;margin:8px 0 0;max-width:190px;}
.rtl .steps>div{display:flex;flex-direction:column;align-items:center;text-align:center;}
.rtl .steps p{grid-column:auto;}
@media(max-width:850px){.steps b{width:68px;height:68px}.focus h3{white-space:normal}.rtl .hero h1{white-space:normal}}


/* Approved Arabic-language refinements */
.rtl #arContent .ar-section-kicker{color:var(--gold);font-size:15px;font-weight:700;letter-spacing:0;margin-bottom:5px}
.rtl #arContent .section>.ar-section-kicker + h2{font-size:29px;margin-top:5px}
.rtl #arContent .industrial-content h2{font-size:21px;line-height:1.35}
.rtl #arContent .industrial-content p{font-size:14px;line-height:1.55}
.rtl #arContent .industrial-content button{font-size:14px}
.rtl header nav,.rtl footer #footerNav{direction:rtl}
.rtl footer .mail{text-align:left;direction:ltr}
.rtl dialog form{text-align:right;direction:rtl}
.rtl dialog .x{right:auto;left:18px}
@media(max-width:850px){.rtl #arContent .ar-section-kicker{font-size:14px}.rtl #arContent .section>.ar-section-kicker + h2{font-size:26px}}

/* Approved bilingual Contact section */
.contact-section{background:#f7f8f6;padding-bottom:46px;scroll-margin-top:92px}
.contact-hero{min-height:190px;padding:42px 6%;display:flex;flex-direction:column;justify-content:center;color:#fff;background:linear-gradient(90deg,rgba(10,49,40,.55),rgba(10,49,40,.12)),url('assets/industrial_full.jpg') center/cover no-repeat}
.contact-hero h2{font-size:42px;margin:0 0 5px}.contact-hero p{font-size:22px;margin:0}
.contact-layout{max-width:1180px;margin:-18px auto 0;padding:0 5%;display:grid;grid-template-columns:1.7fr 1fr;gap:18px;position:relative}
.contact-card,.contact-info{background:#fff;border-radius:14px;padding:30px;box-shadow:0 8px 28px rgba(0,0,0,.07)}
.contact-card h2{font-size:30px;margin:4px 0 8px;color:#9b711d}.contact-card p{max-width:680px;line-height:1.65}.contact-card .primary{margin-top:14px;border:0;cursor:pointer}
.contact-info{background:#edf7f1}.contact-info h3{font-size:24px;margin:0 0 8px;color:#064b3a}.contact-info p{line-height:1.55}.contact-info dl{margin:20px 0 0}.contact-info dt{font-weight:800;margin-top:15px;color:#16342d}.contact-info dd{margin:3px 0 0;line-height:1.45}.contact-info a{color:#064b3a;text-decoration:none;overflow-wrap:anywhere}
.rtl .contact-section{text-align:right}.rtl .contact-hero{align-items:flex-start;background:linear-gradient(270deg,rgba(10,49,40,.55),rgba(10,49,40,.12)),url('assets/industrial_full.jpg') center/cover no-repeat}.rtl .contact-info dd{margin-right:0}
@media(max-width:850px){.contact-hero{min-height:150px;padding:28px 6%}.contact-hero h2{font-size:32px}.contact-hero p{font-size:18px}.contact-layout{grid-template-columns:1fr;margin-top:-10px}.contact-card,.contact-info{padding:22px}.contact-card h2{font-size:26px}}
