:root{--navy:#0b2d4a;--navy2:#123956;--gold:#d4af37;--ivory:#f7f4ed;--ink:#18374f;--muted:#667682;--line:#d8d1c2;--sans:Montserrat,Arial,sans-serif;--arabic:Tajawal,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ivory);color:var(--navy);font-family:var(--sans);overflow-x:hidden}body[dir=rtl]{font-family:var(--arabic)}a{color:inherit;text-decoration:none}header{height:92px;background:#fff;display:flex;align-items:center;gap:26px;padding:8px clamp(22px,5vw,72px);position:sticky;top:0;z-index:10;border-bottom:1px solid #e8e5dd}.brand{display:flex;align-items:center;width:235px}.brand img{display:block;width:220px;max-height:78px;object-fit:contain}.nav-wrap{display:flex;align-items:center;gap:28px;margin-left:auto}.nav{display:flex;gap:24px;font-size:11px;font-weight:800;letter-spacing:1px}.nav a:hover{color:var(--gold)}.lang{border:1px solid var(--navy);background:#fff;color:var(--navy);padding:10px 13px;font-weight:800;font-size:12px}.cta{display:inline-flex;align-items:center;justify-content:center;background:var(--gold);color:var(--navy);padding:15px 20px;font-size:11px;font-weight:800;letter-spacing:1px;border:1px solid var(--gold);cursor:pointer}.menu{display:none;border:0;background:transparent;font-size:24px;color:var(--navy)}.page-hero{min-height:360px;padding:92px clamp(24px,8vw,120px);display:flex;align-items:end;color:#fff;background:linear-gradient(90deg,rgba(8,34,57,.97),rgba(8,34,57,.7)),url('assets/industrial-infrastructure.png') center/cover}.page-hero h1{font-size:clamp(42px,7vw,86px);line-height:.95;margin:12px 0 0;letter-spacing:-3px}.kicker{font-size:12px;letter-spacing:2px;color:var(--gold);font-weight:800}.page-hero .kicker{color:#eadfbb}.wrap{padding:88px clamp(24px,8vw,120px)}.intro{max-width:800px}.intro h2,.section-title{font-size:clamp(34px,4vw,58px);line-height:1.05;letter-spacing:-2px;margin:12px 0 20px}.intro p,.copy p{font-size:17px;line-height:1.8;color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:42px}.card{background:#fff;border-top:3px solid var(--gold);padding:26px;min-height:190px}.card h3{margin:12px 0 10px;font-size:21px}.card p{color:var(--muted);line-height:1.65;font-size:14px}.dark{background:var(--navy);color:#fff}.dark p{color:#c8d3da}.split{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid var(--line);margin-top:38px}.step{padding:25px 18px 10px 0;border-inline-end:1px solid var(--line)}.step b{font-size:30px;color:var(--gold)}.step h3{margin:12px 0 8px}.step p{font-size:14px;line-height:1.6;color:var(--muted)}.photo-card{min-height:235px;color:#fff;padding:22px;display:flex;align-items:end;background-size:cover;background-position:center;position:relative;overflow:hidden}.photo-card:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent,rgba(4,25,42,.9))}.photo-card>*{position:relative;z-index:1}.photo-card h3{margin:0}.form{max-width:850px;display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:32px}.form label{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:800;letter-spacing:.5px}.form .full{grid-column:1/-1}.form input,.form select,.form textarea{font:inherit;border:1px solid #cfc8bb;background:#fff;padding:14px;color:var(--navy)}.form textarea{min-height:150px;resize:vertical}.form button{border:0}.notice{background:#fff7dc;border-inline-start:4px solid var(--gold);padding:15px;margin-top:20px;color:#5b543d;line-height:1.6}.contact-list{display:grid;gap:13px;font-size:17px;line-height:1.5}.contact-list a{color:var(--navy);text-decoration:underline;text-decoration-color:var(--gold);text-decoration-thickness:2px}.compare{width:100%;border-collapse:collapse;background:#fff;margin-top:28px}.compare th,.compare td{border:1px solid #ded7ca;padding:16px;text-align:start;vertical-align:top}.compare th{background:var(--navy);color:#fff}.compare td:first-child{font-weight:800;color:var(--gold)}footer{background:#09253d;color:#fff;padding:46px clamp(24px,8vw,120px);display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:30px;font-size:13px;line-height:1.8}footer strong{color:var(--gold);font-size:22px;letter-spacing:2px}footer a:hover{color:var(--gold)}footer p{color:#cbd8df}.rtl{text-align:right}body[dir=rtl] .nav-wrap{margin-left:0;margin-right:auto}body[dir=rtl] .page-hero,body[dir=rtl] .wrap,body[dir=rtl] footer{text-align:right}body[dir=rtl] .form{text-align:right}@media(max-width:800px){header{height:78px;padding:8px 18px}.brand{width:170px}.brand img{width:160px}.menu{display:block;margin-left:auto}.nav-wrap{display:none;position:absolute;top:77px;left:0;right:0;background:#fff;border-bottom:1px solid #e6e2d8;padding:18px;flex-direction:column;align-items:stretch}.nav-wrap.open{display:flex}.nav{flex-direction:column;gap:0}.nav a{padding:13px 0;border-bottom:1px solid #ece9e2}.nav-wrap .cta,.lang{width:100%;margin-top:12px}.page-hero{min-height:290px;padding:68px 22px}.page-hero h1{font-size:clamp(40px,14vw,64px)}.wrap{padding:62px 22px}.grid,.split{grid-template-columns:1fr}.steps{grid-template-columns:1fr 1fr}.form{grid-template-columns:1fr}.form .full{grid-column:auto}footer{grid-template-columns:1fr;padding:40px 22px}}
.form-status{max-width:850px;margin-top:32px;background:#fff;padding:32px;border-inline-start:4px solid var(--gold)}.form-status h2{font-size:clamp(30px,4vw,52px);line-height:1.05;margin:10px 0 16px}.form-status p:not(.kicker){color:var(--muted);line-height:1.8}.form-status.error{border-inline-start-color:#9b3d2f;color:#6f2e25}.form-status.error a{color:var(--navy);text-decoration:underline}.form-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.outline{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--navy);padding:15px 20px;font-size:11px;font-weight:800;letter-spacing:1px}.form-reference-line{font-size:16px}.form-reference{color:var(--navy);letter-spacing:1px}.form.is-submitting{opacity:.78}.form button:disabled{cursor:wait;opacity:.65}@media(max-width:800px){.form-actions{flex-direction:column;align-items:stretch}.form-actions>*{width:100%}}
