:root{--navy:#06283d;--navy2:#0b3b57;--red:#ed1b2f;--red2:#c91024;--ink:#12334d;--mut:#5d7384;--line:#e1e8ee;--soft:#f4f8fb;--w:1200px;--r:14px;--sh:0 14px 40px rgba(8,45,67,.10)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:84px}
body{margin:0;font:16px/1.7 Manrope,Cairo,system-ui,sans-serif;color:var(--ink);background:#fff;overflow-x:hidden}
[dir=rtl] body,[dir=rtl] input,[dir=rtl] textarea,[dir=rtl] button{font-family:Cairo,Manrope,system-ui,sans-serif}
img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}
.wrap{width:min(var(--w),calc(100% - 48px));margin-inline:auto}
h1,h2,h3{line-height:1.15;margin:0;letter-spacing:-.02em}[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] h3{letter-spacing:0;line-height:1.35}
.kick{display:flex;align-items:center;gap:12px;font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--red);margin-bottom:14px}
[dir=rtl] .kick{letter-spacing:0}.kick:before{content:"";width:30px;height:2px;background:var(--red)}.kick.lt{color:#fff}
.ar{flex-shrink:0}[dir=rtl] .ar{transform:scaleX(-1)}
/* header */
.hd{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);transition:box-shadow .3s}
.hd.sc{box-shadow:0 8px 30px rgba(8,45,67,.09)}.nav{height:78px;display:flex;align-items:center;gap:20px}
.brand{margin-inline-end:auto}.brand img{height:44px;width:auto}
.links{display:flex;gap:26px;font-size:14px;font-weight:700}.links a{position:relative;padding:8px 0;transition:color .2s}
.links a:hover,.links a.on{color:var(--red)}.links a.on:after{content:"";position:absolute;inset:auto 0 0;height:2px;background:var(--red)}
.cta,.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:999px;font-weight:800;font-size:14px;transition:.25s;border:1px solid transparent}
.cta{background:var(--red);color:#fff;padding:11px 20px;box-shadow:0 8px 22px rgba(237,27,47,.22)}.cta:hover,.btn.red:hover{background:var(--red2);transform:translateY(-2px)}
.btn{padding:14px 26px;min-height:48px}.btn.red{background:var(--red);color:#fff;box-shadow:0 10px 26px rgba(237,27,47,.28)}
.btn.ghost{color:#fff;border-color:rgba(255,255,255,.6);background:rgba(255,255,255,.08)}.btn.ghost:hover{background:#fff;color:var(--navy)}
/* language dropdown */
.lang{position:relative}.lang-btn{display:flex;align-items:center;gap:8px;height:40px;padding:0 12px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--ink);font-weight:800;font-size:13px;transition:.2s}
.lang-btn:hover,.lang.open .lang-btn{border-color:var(--red);color:var(--red)}.lang-btn svg{transition:transform .2s}.lang.open svg{transform:rotate(180deg)}
.lang-menu{position:absolute;top:calc(100% + 8px);inset-inline-end:0;min-width:160px;margin:0;padding:6px;list-style:none;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:var(--sh);opacity:0;visibility:hidden;transform:translateY(-6px);transition:.2s;z-index:5}
.lang.open .lang-menu{opacity:1;visibility:visible;transform:none}
.lang-menu button{width:100%;display:flex;align-items:center;gap:10px;padding:10px 12px;border:0;background:none;border-radius:8px;font-weight:700;font-size:14px;color:var(--ink);text-align:start}
.lang-menu button:hover{background:var(--soft)}.lang-menu button.active{background:#ffecef;color:var(--red)}
.burger{display:none;width:42px;height:42px;border:0;border-radius:50%;background:var(--soft);flex-direction:column;align-items:center;justify-content:center;gap:5px}
.burger i{width:18px;height:2px;background:var(--ink);transition:.25s}.burger.open i:nth-child(1){transform:translateY(7px) rotate(45deg)}.burger.open i:nth-child(2){opacity:0}.burger.open i:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
/* hero */
.hero,.phero{position:relative;color:#fff;overflow:hidden;background:var(--navy)}.hero{min-height:calc(100vh - 78px);max-height:760px;min-height:640px;display:flex;align-items:center}
.hbg,.hvid,.phero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hvid{opacity:0;transition:opacity 1.2s}.hvid.on{opacity:1}
.hsh{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,29,46,.94),rgba(3,29,46,.72) 45%,rgba(3,29,46,.25))}[dir=rtl] .hsh{transform:scaleX(-1)}.hsh.solid{background:linear-gradient(120deg,var(--navy),var(--navy2))}
.hin{position:relative;padding:70px 0 130px;max-width:var(--w)}.hin h1{font-size:clamp(38px,5.4vw,68px);font-weight:800;max-width:760px;margin-bottom:22px}
.hin h1 em{font-style:normal;color:#ff4a5b}.hin p{max-width:600px;font-size:17px;color:#d9e6ed;margin:0}.acts{display:flex;flex-wrap:wrap;gap:14px;margin-top:32px}
.facts{position:absolute;inset:auto 0 0;background:rgba(4,36,55,.88);backdrop-filter:blur(10px);border-top:1px solid rgba(255,255,255,.12)}
.fgrid{display:grid;grid-template-columns:repeat(4,1fr)}.fgrid div{padding:20px 24px;border-inline-end:1px solid rgba(255,255,255,.12)}.fgrid div:last-child{border:0}.fgrid div:first-child{padding-inline-start:0}
.fgrid strong{display:block;font-size:30px;font-weight:800;line-height:1.1}.fgrid small{font-size:12px;color:#b8cad5;font-weight:600}
.phero{padding:90px 0 80px}.phero.sm{padding:60px 0}.pin{position:relative}.pin h1{font-size:clamp(36px,5vw,58px);font-weight:800}.pin p{max-width:620px;color:#d9e6ed;font-size:18px;margin:14px 0 0}
.bc{display:flex;gap:10px;font-size:13px;font-weight:700;color:#c3d4de;margin-bottom:18px}.bc a:hover{color:#fff}.bc b{color:#fff}
/* sections */
.sec{padding:96px 0}.soft{background:var(--soft)}.sh{max-width:680px;margin-bottom:44px}.sh.c{margin-inline:auto;text-align:center}.sh.c .kick{justify-content:center}
.sh h2,.vc h2{font-size:clamp(28px,3.2vw,42px);font-weight:800;margin-bottom:16px}.sh p,.abt p{color:var(--mut);font-size:15.5px;margin:0 0 16px}.sh.lt h2{color:#fff}.c{text-align:center}
.ab{display:grid;grid-template-columns:1fr 1.05fr;gap:64px;align-items:center}.abt .sh{margin-bottom:22px}
.abm{position:relative}.abm>img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:var(--r);box-shadow:var(--sh)}
.abc{position:absolute;inset-inline-end:-18px;bottom:-26px;width:38%;border-radius:var(--r);overflow:hidden;border:6px solid #fff;box-shadow:var(--sh)}.abc img{aspect-ratio:1;object-fit:cover;width:100%}
.dg{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.dc{position:relative;min-height:340px;border-radius:var(--r);overflow:hidden;display:flex;align-items:flex-end;color:#fff;box-shadow:var(--sh)}
.dc img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s}.dc:hover img{transform:scale(1.07)}
.dc:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 25%,rgba(3,29,46,.95))}.dc div{position:relative;z-index:2;padding:26px}
.dc h3{font-size:22px;font-weight:800;margin-bottom:6px}.dc p{margin:0 0 14px;font-size:14px;color:#d3e1e9}.dc span{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:800;color:#ff6575}.dc em{font-style:normal}
.sg{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.sg.four{grid-template-columns:repeat(4,1fr)}
.sc{padding:30px;background:#fff;border:1px solid var(--line);border-radius:var(--r);transition:.3s}.sc:hover{transform:translateY(-6px);box-shadow:var(--sh);border-color:transparent}
.sc b{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#ffecef;color:var(--red);font-size:14px;margin-bottom:18px}.sc h3{font-size:18px;font-weight:800;margin-bottom:10px}.sc p{font-size:14px;color:var(--mut);margin:0}
.vals{position:relative;color:#fff;background:var(--navy);overflow:hidden}.vals>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.vsh,.bsh{position:absolute;inset:0;background:rgba(3,33,51,.94)}
.vin{position:relative;padding:90px 0}.vg{display:grid;grid-template-columns:repeat(3,1fr);gap:34px}.vg b{display:grid;place-items:center;width:44px;height:44px;border:1px solid #8fb0c2;border-radius:50%;margin-bottom:16px}.vg h3{font-size:20px;margin-bottom:8px}.vg p{margin:0;color:#c7d8e1;font-size:14.5px}
.pr{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}.pl2{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:16px}
.pl2 li{display:flex;align-items:center;gap:12px;padding:22px;border:1px solid var(--line);border-radius:var(--r);font-weight:800;font-size:17px;background:#fff}.pl2 svg{color:var(--red)}
.lg{display:grid;grid-template-columns:repeat(5,1fr);gap:18px}.pl{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:18px;display:grid;place-items:center;height:110px;transition:.3s}.pl:hover{box-shadow:var(--sh);transform:translateY(-4px)}.pl img{max-height:70px;width:auto;object-fit:contain}
.band{position:relative;color:#fff;overflow:hidden;background:var(--navy)}.band>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.bsh{background:linear-gradient(90deg,rgba(2,31,47,.95),rgba(2,31,47,.55))}
.bin{position:relative;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:64px 0}.bin h2{font-size:clamp(26px,3vw,38px);font-weight:800;max-width:640px}
.ct{display:grid;grid-template-columns:1fr 1.1fr;gap:64px}.ct h3{font-size:18px;margin:6px 0 18px}.ci{list-style:none;margin:0;padding:0}.ci li{display:flex;gap:14px;align-items:flex-start;padding:14px 0;border-bottom:1px solid var(--line);color:var(--mut)}.ci svg{color:var(--red);margin-top:4px;flex-shrink:0}.ci a:hover{color:var(--red)}
.fm{display:grid;gap:18px;padding:34px;border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--sh)}.fm label span{display:block;font-size:13px;font-weight:800;margin-bottom:6px}
.fm input,.fm textarea{width:100%;padding:13px 16px;border:1px solid var(--line);border-radius:10px;background:var(--soft);color:var(--ink);transition:.2s;font:inherit}.fm input:focus,.fm textarea:focus{outline:0;border-color:var(--red);background:#fff;box-shadow:0 0 0 4px rgba(237,27,47,.1)}.fm small{color:var(--mut);font-size:12px}
.vc{max-width:860px;margin-inline:auto;text-align:center}.vc p{color:var(--mut);font-size:17px}.vc blockquote{margin:30px 0;padding:30px 34px;background:var(--soft);border-inline-start:5px solid var(--red);border-radius:var(--r);font-size:20px;font-weight:700;color:var(--red);text-align:start}
.oth{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.oth a{padding:12px 24px;border:1px solid var(--line);background:#fff;border-radius:999px;font-weight:800;font-size:14px;transition:.25s}.oth a:hover{background:var(--red);border-color:var(--red);color:#fff}
.narrow{max-width:780px}.narrow p{color:var(--mut)}
/* footer */
.ft{background:var(--navy);color:#fff;padding-top:60px}.fg{display:grid;grid-template-columns:1.6fr 1fr 1fr 1.3fr;gap:36px;padding-bottom:40px}
.flogo{filter:brightness(0) invert(1);margin-bottom:14px;width:auto}.ft p{color:#b8cad5;font-size:14px;margin:0}.fg b{display:block;font-size:14px;margin-bottom:14px}.fg a{display:block;color:#c4d2da;font-size:14px;padding:3px 0;transition:.2s}.fg a:hover{color:#fff;padding-inline-start:5px}
.cp{display:flex;justify-content:space-between;gap:20px;padding:20px 0;border-top:1px solid rgba(255,255,255,.14);font-size:13px;color:#9eb1bc}.cp a:hover{color:#fff}
.js .rv{opacity:0;transform:translateY(22px);transition:opacity .7s,transform .7s}.js .rv.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.js .rv{opacity:1;transform:none;transition:none}html{scroll-behavior:auto}}
@media(max-width:1080px){.cta{display:none}.dg,.sg{grid-template-columns:repeat(2,1fr)}.sg.four{grid-template-columns:repeat(2,1fr)}.lg{grid-template-columns:repeat(3,1fr)}.fg{grid-template-columns:1fr 1fr}}
@media(max-width:860px){.nav{height:68px}.burger{display:flex}.links{position:fixed;inset:68px 14px auto;flex-direction:column;gap:0;padding:12px;background:#fff;border-radius:14px;box-shadow:0 24px 50px rgba(0,0,0,.2);opacity:0;visibility:hidden;transform:translateY(-10px);transition:.25s}.links.open{opacity:1;visibility:visible;transform:none}.links a{padding:14px;border-bottom:1px solid var(--line)}.links a:last-child{border:0}.links a.on:after{display:none}
.ab,.pr,.ct{grid-template-columns:1fr;gap:44px}.abc{inset-inline-end:10px}.sec{padding:68px 0}.vg{grid-template-columns:1fr}.bin{flex-direction:column;align-items:flex-start}.hero{min-height:620px}.hin{padding-bottom:190px}.fgrid{grid-template-columns:1fr 1fr}.fgrid div{padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.1)}.fgrid div:nth-child(2n){border-inline-end:0}.fgrid div:nth-child(odd){padding-inline-start:0}}
@media(max-width:560px){.wrap{width:calc(100% - 32px)}.dg,.sg,.sg.four,.pl2{grid-template-columns:1fr}.lg{grid-template-columns:repeat(2,1fr)}.acts .btn{width:100%}.fg{grid-template-columns:1fr 1fr}.cp{flex-direction:column;gap:8px}.fm{padding:22px}.facts .fgrid strong{font-size:24px}}