:root{--navy:#06324b;--deep:#041d2d;--blue:#08739a;--cyan:#35d6dd;--aqua:#8ef5f4;--ink:#112b3c;--muted:#5c7280;--bg:#f2fbfd;--white:#fff;--shadow:0 22px 70px rgba(2,45,66,.14);--radius:28px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Segoe UI,Tahoma,Arial,sans-serif;background:linear-gradient(180deg,#f7fdff,#edf8fb);color:var(--ink);line-height:1.65}body[dir=rtl]{font-family:Tahoma,Arial,sans-serif}a{text-decoration:none;color:inherit}.top{position:sticky;top:0;z-index:60;background:rgba(255,255,255,.88);backdrop-filter:blur(18px);box-shadow:0 10px 35px rgba(0,45,70,.08);border-bottom:1px solid rgba(53,214,221,.25)}.nav{max-width:1240px;margin:auto;display:flex;align-items:center;gap:18px;padding:12px 22px}.brand{display:flex;align-items:center;gap:11px;font-weight:950;color:var(--navy)}.brand img{width:62px;filter:drop-shadow(0 8px 16px rgba(8,74,96,.18))}.links{margin-inline-start:auto;display:flex;gap:6px;align-items:center;font-weight:850;color:#174b63}.links a,.lang button{padding:9px 11px;border-radius:14px;transition:.25s}.links a:hover,.links .active{background:#e4fbff;color:var(--navy);transform:translateY(-1px)}.lang{display:flex;gap:6px;margin-inline-start:8px}.lang button{border:1px solid #bfeaf0;background:white;color:var(--navy);font-weight:900;cursor:pointer}.lang button.active{background:linear-gradient(135deg,var(--cyan),var(--blue));color:#fff;border-color:transparent}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;background:linear-gradient(135deg,#22d7df,#087097 58%,#05324b);color:white!important;padding:13px 22px;border-radius:999px;font-weight:950;border:0;box-shadow:0 16px 36px rgba(34,215,223,.28);cursor:pointer;transition:.28s}.btn:hover,.ghost:hover{transform:translateY(-3px)}.ghost{border:1px solid rgba(255,255,255,.75);color:white;padding:12px 20px;border-radius:999px;font-weight:950;transition:.25s}.hero{min-height:740px;display:grid;align-items:center;position:relative;overflow:hidden;background:linear-gradient(105deg,rgba(3,27,42,.94),rgba(5,71,101,.78),rgba(43,211,220,.24)),url('https://images.unsplash.com/photo-1601584115197-04ecc0da31d7?auto=format&fit=crop&w=2400&q=88') center/cover}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 72% 35%,rgba(143,246,245,.24),transparent 25%),linear-gradient(135deg,transparent 0 62%,rgba(255,255,255,.92) 62% 76%,transparent 76%)}.hero:after{content:"";position:absolute;right:-5%;bottom:-18%;width:58%;height:330px;background:rgba(255,255,255,.96);transform:skewX(-25deg);border-top:12px solid var(--cyan);box-shadow:0 -20px 70px rgba(0,0,0,.12)}.hero .inner,.banner .wrap{max-width:1240px;margin:auto;padding:120px 22px;position:relative;z-index:2;color:white}.eyebrow{color:var(--aqua);font-weight:950;letter-spacing:.13em;text-transform:uppercase}.hero h1{font-size:clamp(44px,7vw,88px);line-height:1;margin:16px 0 20px;max-width:900px;text-shadow:0 16px 40px rgba(0,0,0,.22)}.hero p{font-size:21px;max-width:780px;color:#e8fbff}.actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:34px}.stat{background:rgba(255,255,255,.14);padding:22px;border-radius:22px;border:1px solid rgba(255,255,255,.22);backdrop-filter:blur(8px);transition:.28s}.stat:hover{transform:translateY(-6px);background:rgba(255,255,255,.21)}.stat b{font-size:34px;color:var(--aqua)}.section{max-width:1240px;margin:auto;padding:88px 22px}.title{display:flex;align-items:end;justify-content:space-between;gap:22px;margin-bottom:34px}.title h2{font-size:clamp(31px,4vw,54px);line-height:1.08;margin:0;color:var(--navy)}.title p{max-width:620px;color:var(--muted);margin:0;font-size:17px}.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:24px}.card{position:relative;background:white;border-radius:var(--radius);padding:30px;box-shadow:var(--shadow);border:1px solid rgba(43,211,220,.16);overflow:hidden;transition:.35s}.card:hover{transform:translateY(-9px);box-shadow:0 35px 90px rgba(3,80,105,.22);border-color:rgba(43,211,220,.45)}.card h3{margin:8px 0 9px;color:var(--navy);font-size:24px;line-height:1.2}.card p,.card li{color:#51697a}.photo-card{min-height:292px;display:flex;flex-direction:column;justify-content:flex-end;color:white;border:0;padding:28px;background-image:linear-gradient(180deg,rgba(4,38,56,.07),rgba(4,38,56,.93)),var(--bgimg);background-size:cover;background-position:center}.photo-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(43,211,220,.65),rgba(6,59,88,.50),rgba(0,0,0,.13));mix-blend-mode:multiply;opacity:.78;transition:.35s}.photo-card>*{position:relative}.photo-card h3,.photo-card p,.photo-card li{color:white;text-shadow:0 5px 20px rgba(0,0,0,.35)}.span3{grid-column:span 3}.span4{grid-column:span 4}.span6{grid-column:span 6}.span8{grid-column:span 8}.span12{grid-column:span 12}.dark{max-width:none;background:linear-gradient(135deg,#041d2d,#063b58 56%,#087097);color:white;position:relative;overflow:hidden}.dark>.title,.dark>.grid{max-width:1240px;margin-left:auto;margin-right:auto}.dark h2,.dark h3{color:white}.dark p,.dark li{color:#d8f8fb}.dark .card:not(.photo-card){background:linear-gradient(145deg,rgba(255,255,255,.16),rgba(255,255,255,.07));border-color:rgba(255,255,255,.2);backdrop-filter:blur(12px)}.list{display:grid;gap:10px;padding:0;margin:0;list-style:none}.list li{padding:12px 14px;border-radius:16px;background:#eefbfe;border:1px solid rgba(43,211,220,.13)}.dark .list li{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.15)}.banner{padding:104px 22px;background:linear-gradient(100deg,rgba(4,38,56,.95),rgba(8,112,151,.62),rgba(43,211,220,.18)),var(--banner,url('https://images.unsplash.com/photo-1566576721346-d4a3b4eaeb55?auto=format&fit=crop&w=2300&q=88')) center/cover;color:white;position:relative;overflow:hidden}.banner .wrap{padding:0}.banner h1{font-size:clamp(40px,6vw,64px);line-height:1.05;margin:0;text-shadow:0 12px 30px rgba(0,0,0,.25)}.image-card{min-height:390px;border-radius:var(--radius);background-size:cover;background-position:center;box-shadow:var(--shadow);position:relative;overflow:hidden}.image-card:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(43,211,220,.08),rgba(5,63,92,.26))}.fleet-img{background-image:url('https://images.unsplash.com/photo-1592838064575-70ed626d3a0e?auto=format&fit=crop&w=1700&q=88')}.vision-img{background-image:url('https://images.unsplash.com/photo-1586724237569-f3d0c1dee8c6?auto=format&fit=crop&w=1700&q=88')}.hse-img{background-image:url('https://images.unsplash.com/photo-1581092918056-0c4c3acd3789?auto=format&fit=crop&w=1700&q=88')}footer{background:linear-gradient(135deg,#052638,#063b58);color:#c9f8fb;padding:46px 22px}.foot{max-width:1240px;margin:auto;display:grid;grid-template-columns:2fr 1fr 1fr;gap:24px}.foot img{width:92px}.form{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.form label{font-weight:850;color:#174b63}.form input,.form textarea,.form select{width:100%;padding:13px 14px;border:1px solid #cde9ef;border-radius:14px;background:white;font:inherit}.full{grid-column:1/-1}.reveal{opacity:0;transform:translateY(30px);transition:opacity .7s ease,transform .7s ease}.reveal.in{opacity:1;transform:none}@keyframes floatSoft{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}.float-soft{animation:floatSoft 6s ease-in-out infinite}.ar{display:none}body[dir=rtl] .en{display:none}body[dir=rtl] .ar{display:revert}body[dir=rtl] .links{margin-inline-start:0;margin-inline-end:auto}body[dir=rtl] .table th,body[dir=rtl] .table td{text-align:right}.table{width:100%;border-collapse:collapse;background:white;border-radius:18px;overflow:hidden;box-shadow:var(--shadow)}.table th,.table td{padding:14px;border-bottom:1px solid #e6f3f6;text-align:left}.table th{background:#e9fbfd;color:var(--navy)}@media(max-width:980px){.links{display:none}.span3,.span4,.span6,.span8{grid-column:span 12}.stats,.foot,.form{grid-template-columns:1fr}.hero{min-height:650px}.title{display:block}.photo-card{min-height:245px}.nav{justify-content:space-between}.lang{margin:0}.hero:after{display:none}}
/* app compatibility */.appbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:18px;justify-content:space-between;padding:14px 5vw;background:rgba(5,41,61,.92);backdrop-filter:blur(14px);color:#fff;box-shadow:0 18px 40px rgba(0,0,0,.18)}.appbar a{color:#fff;text-decoration:none;background:linear-gradient(135deg,#27d1df,#0d7fa0);padding:9px 14px;border-radius:999px;font-weight:800}.app-section{background:linear-gradient(180deg,#f6fcff,#eef8fb)}.auth-card{max-width:480px;margin:auto;text-align:center}.form.single{grid-template-columns:1fr!important}.metric{font-size:44px;margin:8px 0;color:#08a9c6;font-weight:950}.success{background:#e6fff7;color:#006b52;padding:12px 16px;border-radius:14px;font-weight:800}.alert{background:#ffe7e7;color:#a10d0d;padding:12px;border-radius:14px}
.hero-actions,.quick-links{display:flex;gap:14px;flex-wrap:wrap;margin-top:22px}.ghost{background:transparent!important;color:var(--primary)!important;border:1px solid rgba(65,195,211,.45)}.alt{background:linear-gradient(180deg,#f5fbfd,#eef8fb)}.span3{grid-column:span 3}.small-title{margin-top:36px}.auth-card{max-width:520px;margin:auto}.muted{opacity:.75;font-size:.9rem}.alert{background:#ffe8e8;color:#8a1c1c;padding:10px 12px;border-radius:12px}.metric{font-size:42px;font-weight:800;color:var(--primary);margin:8px 0 18px}.appbar{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 6vw;background:#062f46;color:#fff}.appbar a{color:#fff}.app-section{padding-top:42px}@media(max-width:900px){.span3{grid-column:span 12}.hero-actions,.quick-links{flex-direction:column}.hero-actions .btn,.quick-links .btn{width:100%;text-align:center}}

.menu-toggle{display:none;background:#08739a;color:#fff;border:0;padding:10px 14px;border-radius:10px;font-size:22px}
@media(max-width:980px){
.menu-toggle{display:block}
.links{position:fixed;top:78px;left:0;right:0;background:#fff;display:flex;flex-direction:column;padding:15px;box-shadow:0 20px 40px rgba(0,0,0,.15);transform:translateY(-150%);transition:.3s;z-index:999}
.links.open{transform:translateY(0)}
.links a{width:100%}
}