/* هوية دار العاديات: الأزرق الرسمي #0350A0 · الكحلي #041B3D · Alexandria / IBM Plex Sans Arabic / Inter */
:root{
  --blue:#0350A0; --b3:#055FA5; --b4:#0573B9; --navy:#041B3D; --ink:#13213B;
  --gray:#5B6678; --line:#E3E8F0; --bg:#fff; --soft:#EEF2F7;
  --ease:cubic-bezier(.22,.8,.2,1);
  --gut:clamp(20px,5vw,96px);
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:auto;-webkit-text-size-adjust:100%}
html.lenis,html.lenis body{height:auto}
.lenis.lenis-smooth{scroll-behavior:auto!important}
body{font-family:'IBM Plex Sans Arabic','Inter',system-ui,sans-serif;color:var(--ink);background:var(--bg);line-height:1.7;overflow-x:hidden;-webkit-font-smoothing:antialiased}
img,canvas{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
ul,ol{list-style:none}
h1,h2,h3,h4{font-family:'Alexandria','IBM Plex Sans Arabic',sans-serif;line-height:1.25;letter-spacing:-.01em}
em{font-style:normal;color:var(--b4)}
.fleet__count,.step b,.cert b,.ccard b{font-family:'Inter','Alexandria',sans-serif}

/* شاشة التحميل */
.loader{position:fixed;inset:0;z-index:100;background:var(--navy);display:grid;place-content:center;justify-items:center;gap:28px;transition:opacity .7s var(--ease),visibility .7s}
.loader.done{opacity:0;visibility:hidden}
.loader__logo{width:min(260px,60vw)}
.loader__bar{width:min(240px,60vw);height:3px;background:rgba(255,255,255,.16);border-radius:3px;overflow:hidden}
.loader__bar i{display:block;height:100%;width:0;background:#fff;transition:width .2s}

/* الأزرار */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 28px;border-radius:999px;font:600 16px 'Alexandria','IBM Plex Sans Arabic',sans-serif;cursor:pointer;transition:transform .35s var(--ease),background .3s,color .3s,box-shadow .3s;white-space:nowrap}
.btn:hover{transform:translateY(-3px)}
.btn--primary{background:var(--blue);color:#fff;box-shadow:0 12px 30px rgba(3,80,160,.45)}
.btn--primary:hover{background:var(--b4)}
.btn--light{background:#fff;color:var(--blue)}
.btn--light:hover{box-shadow:0 12px 30px rgba(255,255,255,.25)}
.btn--ghost{border:1.5px solid rgba(255,255,255,.55);color:#fff}
.btn--ghost:hover{background:rgba(255,255,255,.12)}

.kicker{display:inline-flex;align-items:center;gap:12px;font:600 15px 'Alexandria',sans-serif;color:var(--b4);letter-spacing:.02em}
.kicker i{width:34px;height:3px;background:currentColor;border-radius:2px}

/* الشريط العلوي (كحلي مصمت ليبقى الشعار على خلفية معتمدة) */
.nav{position:fixed;top:0;inset-inline:0;z-index:50;height:76px;padding:0 var(--gut);display:flex;align-items:center;justify-content:space-between;gap:24px;background:rgba(4,27,61,.94);backdrop-filter:blur(14px);transform:translateY(-100%);transition:transform .7s var(--ease)}
.nav.show{transform:none}
.nav__logo img{height:40px;width:auto}
.nav__links{display:flex;gap:34px;font:500 15px 'IBM Plex Sans Arabic',sans-serif;color:#fff}
.nav__links a{position:relative;opacity:.8;transition:opacity .3s}
.nav__links a::after{content:"";position:absolute;inset-inline:0;bottom:-6px;height:2px;background:#fff;transform:scaleX(0);transition:transform .35s var(--ease)}
.nav__links a:hover{opacity:1}.nav__links a:hover::after{transform:scaleX(1)}
.nav__cta{padding:10px 22px;font-size:14.5px}

/* ١) البداية */
.hero{position:relative;height:100svh;min-height:600px;background:var(--navy);color:#fff;overflow:hidden}
#heroCanvas{position:absolute;inset:0;width:100%;height:100%;transform-origin:70% 60%}
.hero__shade{position:absolute;inset:0;background:
  linear-gradient(270deg,rgba(4,27,61,.9) 0%,rgba(4,27,61,.62) 38%,rgba(4,27,61,.05) 72%),
  linear-gradient(0deg,rgba(4,27,61,.72) 0%,transparent 30%),
  linear-gradient(180deg,rgba(4,27,61,.55) 0%,transparent 22%)}
.hero__beats{position:absolute;inset:0;padding:0 var(--gut);display:grid;align-content:center}
.beat{grid-area:1/1;max-width:640px;display:grid;gap:22px;justify-items:start;opacity:0;will-change:transform,opacity}
.beat h1,.beat h2{font-weight:800;font-size:clamp(30px,5vw,72px);line-height:1.15}
.beat p{font-size:clamp(17px,1.7vw,24px);color:rgba(255,255,255,.86);max-width:30ch}
.beat .kicker{color:#fff}
.beat em{color:#fff;background:linear-gradient(transparent 68%,rgba(5,115,185,.85) 68%);padding:0 6px}
.beat__actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:6px}
.hero__hud{position:absolute;inset-inline:var(--gut);bottom:34px;display:flex;align-items:center;justify-content:space-between;gap:28px}
.scrollhint{display:flex;align-items:center;gap:14px;font:500 14px 'Alexandria',sans-serif;opacity:.85}
.scrollhint span{width:24px;height:40px;border:2px solid #fff;border-radius:14px;position:relative}
.scrollhint span::after{content:"";position:absolute;top:7px;left:50%;width:4px;height:8px;margin-left:-2px;border-radius:2px;background:#fff;animation:wheel 1.6s infinite}
@keyframes wheel{0%{transform:translateY(0);opacity:1}100%{transform:translateY(14px);opacity:0}}
.hero__progress{flex:1;max-width:320px;height:3px;background:rgba(255,255,255,.22);border-radius:3px;overflow:hidden;direction:rtl}
.hero__progress i{display:block;height:100%;width:100%;background:#fff;transform-origin:right;transform:scaleX(0)}

/* ٢) الأسطول */
.fleet{position:relative;background:#dcdddb;transition:background .9s var(--ease),color .9s var(--ease)}
.fleet[data-theme="steel"]{background:#b4b4b6}
.fleet[data-theme="blue"]{background:#1f405f;color:#fff}
.fleet__pin{position:relative;height:100svh;min-height:640px;overflow:hidden}
.fleet__head{position:absolute;top:104px;inset-inline:var(--gut);display:flex;justify-content:space-between;align-items:center;z-index:2}
.fleet[data-theme="blue"] .kicker{color:#fff}
.fleet__count{font-weight:800;font-size:18px;display:flex;align-items:baseline;gap:6px;direction:ltr}
.fleet__count b{font-size:clamp(34px,4vw,56px);color:var(--blue);transition:color .9s}
.fleet[data-theme="blue"] .fleet__count b{color:#fff}
.fleet__count span{opacity:.5}
.fleet__stage{position:absolute;inset:64px 0 70px}
#fleetCanvas{position:absolute;inset:0;width:100%;height:100%}
.fleet__info{position:absolute;right:var(--gut);left:auto;bottom:40px;display:grid;gap:8px;max-width:470px;z-index:2}
.fleet__info h2{font-size:clamp(28px,3.1vw,46px);font-weight:800}
.fleet__info p{color:var(--gray);font-size:clamp(15px,1.15vw,17px);max-width:42ch;transition:color .9s}
.fleet[data-theme="blue"] .fleet__info p{color:rgba(255,255,255,.82)}
.chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px}
.chips li{display:inline-flex;align-items:center;gap:9px;padding:9px 16px;border-radius:999px;background:#fff;color:var(--blue);font:600 14.5px 'IBM Plex Sans Arabic',sans-serif;box-shadow:0 6px 20px rgba(4,27,61,.09);transition:background .9s,color .9s}
.fleet[data-theme="blue"] .chips li{background:rgba(255,255,255,.14);color:#fff;box-shadow:none}
.chips svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none}
.fleet__dots{position:absolute;left:50%;transform:translateX(-50%);bottom:44px;display:flex;gap:10px;z-index:2}
.fleet__dots i{width:10px;height:10px;border-radius:99px;background:currentColor;opacity:.22;transition:width .5s var(--ease),opacity .4s}
.fleet__dots i.on{width:38px;opacity:1;background:var(--blue)}
.fleet[data-theme="blue"] .fleet__dots i.on{background:#fff}

/* ٣) الخدمات */
.services{position:relative;background:var(--navy);color:#fff}
.services__pin{position:relative;height:100svh;min-height:640px;overflow:hidden;display:grid;grid-template-columns:1fr 1fr;grid-template-areas:"title stage" "list stage";grid-template-rows:auto auto;align-content:center;gap:26px 6vw;padding:104px var(--gut) 72px;align-items:start}
.services__title{grid-area:title;display:grid;gap:14px}
.services__title .kicker{color:#7FC0EE}
.services__title h2{font-size:clamp(28px,3.4vw,50px);font-weight:800}
.services__stage{grid-area:stage;position:relative;align-self:center;justify-self:center;width:min(46vw,520px);aspect-ratio:1;display:grid;place-items:center}
.ring{position:absolute;border-radius:50%;border:1.5px solid rgba(127,192,238,.28)}
.ring--1{inset:0}.ring--2{inset:11%;border-color:rgba(127,192,238,.2)}.ring--3{inset:24%;border:0;background:radial-gradient(circle,rgba(5,115,185,.55),rgba(3,80,160,.1) 70%)}
/* انتقال الأيقونات بـ CSS على transform/opacity فقط: سلس ولا يتقطع مع التمرير السريع */
.svc-icon{position:absolute;inset:24%;display:grid;place-items:center;opacity:0;transform:scale(1.35) rotate(26deg);
  transition:opacity .45s ease,transform .8s cubic-bezier(.22,.8,.2,1);will-change:transform,opacity}
.svc-icon.is-on{opacity:1;transform:none;transition-delay:.1s}
.svc-icon.is-before{transform:scale(.55) rotate(-26deg)}
.svc-icon.is-on g>*{stroke-dasharray:1;animation:svcdraw 1s .18s cubic-bezier(.6,0,.2,1) both}
@keyframes svcdraw{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
.svc-icon svg{width:92%;height:92%;overflow:visible}
.svc-icon g{stroke:#fff;fill:none;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.svc-icon .fill{fill:rgba(255,255,255,.18)}
.services__list{grid-area:list;display:grid;gap:0;align-self:start;margin-top:6px}
.services__list li{display:grid;grid-template-columns:auto 1fr;gap:20px;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.14);opacity:.42;transition:opacity .5s var(--ease)}
.services__list li.on{opacity:1}
.services__list b{font:600 16px 'Inter',sans-serif;color:#7FC0EE;padding-top:6px;width:34px}
.services__list h3{font-size:clamp(19px,1.9vw,27px);font-weight:700}
.services__list p{max-height:0;overflow:hidden;opacity:0;color:rgba(255,255,255,.8);font-size:clamp(14.5px,1.2vw,17px);transition:max-height .6s var(--ease),opacity .5s,margin .5s;max-width:46ch}
.services__list li.on p{max-height:7em;opacity:1;margin-top:6px}
.services__bar{position:absolute;inset-inline:var(--gut);bottom:32px;height:3px;background:rgba(255,255,255,.14);border-radius:3px;overflow:hidden;direction:rtl}
.services__bar i{display:block;height:100%;width:100%;background:#fff;transform-origin:right;transform:scaleX(0)}

/* ٤) الراحة */
.comfort{display:grid;grid-template-columns:1fr 1.15fr;gap:5vw;align-items:center;padding:clamp(80px,12vw,180px) var(--gut);background:#fff}
.comfort__text{display:grid;gap:18px}
.comfort__text h2{font-size:clamp(30px,3.8vw,56px);font-weight:800}
.comfort__text p{color:var(--gray);font-size:clamp(16px,1.4vw,20px);max-width:40ch}
.comfort__imgs{position:relative;aspect-ratio:1.1}
.frame{position:absolute;overflow:hidden;border-radius:28px;box-shadow:0 30px 70px rgba(4,27,61,.2);will-change:clip-path,transform}
.frame img{width:100%;height:100%;object-fit:cover;will-change:transform}
.frame--a{inset:0 0 22% 22%}
.frame--b{inset:44% 30% 0 0;border:8px solid #fff}

/* ٥) VIP */
.vip{position:relative;min-height:92svh;display:grid;align-items:center;overflow:hidden;color:#fff;background:var(--navy)}
.vip__img{position:absolute;inset:-10% 0}
.vip__img img{width:100%;height:100%;object-fit:cover}
.vip__shade{position:absolute;inset:0;background:linear-gradient(270deg,rgba(4,27,61,.92),rgba(4,27,61,.55) 48%,rgba(4,27,61,.1))}
.vip__content{position:relative;padding:100px var(--gut);display:grid;gap:22px;justify-items:start;max-width:720px}
.vip__content .kicker{color:#fff}
.vip__content h2{font-size:clamp(38px,6vw,88px);font-weight:800;line-height:1.1}
.vip__content p{font-size:clamp(17px,1.6vw,23px);color:rgba(255,255,255,.88)}

/* ٦) الأرقام */
.numbers{position:relative;color:#fff;padding:clamp(80px,10vw,150px) var(--gut);display:grid;gap:clamp(40px,5vw,72px);overflow:hidden;
  background:radial-gradient(60% 80% at 85% 0%,rgba(5,115,185,.28),transparent 70%),linear-gradient(180deg,#05306a 0%,var(--navy) 100%)}
.numbers__head{display:grid;gap:14px;max-width:1280px;width:100%;margin-inline:auto;padding-bottom:clamp(22px,2.6vw,34px);border-bottom:1px solid rgba(255,255,255,.2)}
.numbers__head .kicker{color:#7FC0EE}
.numbers__head h2{font-size:clamp(30px,3.8vw,56px);font-weight:800}
.numbers__grid{display:grid;grid-template-columns:repeat(4,1fr);max-width:1280px;width:100%;margin-inline:auto}
.num{position:relative;display:grid;gap:12px;align-content:start;padding:clamp(8px,1vw,14px) clamp(18px,2.4vw,40px) clamp(8px,1vw,14px) 0}
.num+.num{padding-inline-start:clamp(18px,2.4vw,40px);border-inline-start:1px solid rgba(255,255,255,.16)}
.num::before{content:"";width:34px;height:3px;background:#7FC0EE;border-radius:2px}
.num b{display:flex;align-items:baseline;justify-content:flex-end;gap:6px;direction:ltr;font:500 clamp(48px,6.2vw,104px) 'Inter',sans-serif;letter-spacing:-.045em;line-height:1;color:#fff;white-space:nowrap;font-variant-numeric:tabular-nums}
.num b::after{content:attr(data-suffix);font-size:.46em;font-weight:600;letter-spacing:0;color:#7FC0EE}
.num span{font:600 clamp(14.5px,1.25vw,18px) 'Alexandria',sans-serif;color:rgba(255,255,255,.72);line-height:1.5}

/* ٧) الشركاء والشهادات */
.partners{padding:clamp(70px,10vw,140px) 0;background:#fff;display:grid;gap:50px;overflow:hidden}
.partners__head{padding:0 var(--gut);display:grid;gap:12px}
.partners__head h2{font-size:clamp(24px,3vw,42px);font-weight:800;max-width:24em}
.marquee{overflow:hidden;direction:ltr;-webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}
.marquee__track{display:flex;gap:18px;width:max-content;animation:marq 40s linear infinite;direction:rtl}
.marquee:hover .marquee__track{animation-play-state:paused}
.marquee span{padding:16px 34px;border:1.5px solid var(--line);border-radius:999px;font:700 clamp(17px,1.6vw,22px) 'Alexandria',sans-serif;color:var(--blue);white-space:nowrap;background:#fff}
@keyframes marq{to{transform:translateX(-50%)}}
.certs{padding:0 var(--gut);display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.cert{display:grid;gap:2px;justify-items:start;padding:28px 30px;border-radius:24px;background:var(--navy);color:#fff}
.cert b{font-size:clamp(24px,2.6vw,36px);font-weight:800}
.cert i{font:500 15px 'Inter',sans-serif;font-style:normal;color:#7FC0EE}
.cert span{margin-top:10px;font:500 17px 'IBM Plex Sans Arabic',sans-serif;opacity:.9}

/* ٨) الخطوات */
.steps{position:relative;background:var(--soft)}
.steps__pin{position:relative;height:100svh;min-height:600px;overflow:hidden;display:grid;align-content:center;gap:clamp(28px,5vh,60px);padding:96px var(--gut) 72px}
.steps__head{display:grid;gap:12px}
.steps__head h2{font-size:clamp(28px,4vw,58px);font-weight:800}
.steps__track{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:0 clamp(8px,1.4vw,22px)}
.step{position:relative;background:#fff;border-radius:28px;padding:clamp(22px,2.6vw,40px);display:grid;gap:10px;align-content:start;box-shadow:0 14px 40px rgba(4,27,61,.06);opacity:.2;transform:translateY(36px) scale(.96);will-change:transform,opacity;transition:box-shadow .5s}
.step::before{content:"";position:absolute;inset-inline:0;top:0;height:5px;border-radius:28px 28px 0 0;background:linear-gradient(270deg,var(--blue),var(--b4));transform:scaleX(0);transform-origin:right;transition:transform .7s var(--ease)}
.step.on::before{transform:scaleX(1)}
.step.on{box-shadow:0 26px 60px rgba(4,27,61,.14)}
.step__no{font:800 clamp(40px,4.6vw,72px) 'Inter',sans-serif;color:var(--blue);line-height:1}
.step h3{font-size:clamp(20px,2vw,28px);font-weight:700}
.step p{color:var(--gray);font-size:clamp(15px,1.2vw,17px)}
.step__link{width:clamp(56px,7.5vw,120px);color:var(--blue);opacity:.25;transition:opacity .4s}
.step__link svg{width:100%;height:auto;display:block;overflow:visible}
.step__link path{fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.step__link .ln{stroke-dasharray:1;stroke-dashoffset:1}
.step__link .hd{opacity:0;transition:opacity .25s}
.steps__bar{position:absolute;inset-inline:var(--gut);bottom:32px;height:3px;background:rgba(4,27,61,.12);border-radius:3px;overflow:hidden;direction:rtl}
.steps__bar i{display:block;height:100%;width:100%;background:var(--blue);transform-origin:right;transform:scaleX(0)}

/* ٩) التواصل */
.contact{position:relative;color:#fff;overflow:hidden;padding:clamp(130px,14vw,210px) var(--gut) clamp(80px,9vw,130px);
  background:
    radial-gradient(60% 55% at 12% 30%,rgba(5,115,185,.38),transparent 70%),
    radial-gradient(50% 50% at 92% 80%,rgba(3,80,160,.5),transparent 70%),
    linear-gradient(180deg,#06316b 0%,var(--navy) 100%)}
.contact::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.5;
  background:repeating-linear-gradient(90deg,rgba(255,255,255,.045) 0 1px,transparent 1px 140px)}
.wave{position:absolute;top:-1px;left:0;width:100%;height:clamp(70px,8vw,150px);pointer-events:none;z-index:1}
.contact__wrap{position:relative;z-index:2;display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(36px,6vw,110px);align-items:start;max-width:1280px;margin-inline:auto}
.contact__info{display:grid;gap:22px;align-content:start}
.contact__info .kicker{color:#7FC0EE}
.contact__info h2{font-size:clamp(40px,5.6vw,84px);font-weight:800;line-height:1.08}
.contact__info>p{font-size:clamp(16px,1.5vw,21px);color:rgba(255,255,255,.8);max-width:34ch}
.clist{margin-top:10px;border-top:1px solid rgba(255,255,255,.16)}
.crow{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:20px;padding:20px 4px;border-bottom:1px solid rgba(255,255,255,.16);transition:padding .45s var(--ease),background .35s}
a.crow:hover{padding-inline:18px;background:rgba(255,255,255,.06)}
.crow i{width:48px;height:48px;border-radius:50%;border:1px solid rgba(127,192,238,.5);display:grid;place-items:center;color:#7FC0EE;transition:background .35s,color .35s}
a.crow:hover i{background:#fff;color:var(--blue)}
.crow svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.crow small{display:block;font:500 14px 'IBM Plex Sans Arabic',sans-serif;color:rgba(255,255,255,.62)}
.crow b{font-family:'Inter','Alexandria',sans-serif;font-weight:600;font-size:clamp(18px,1.7vw,24px);overflow-wrap:anywhere}
.crow--static b{font-family:'Alexandria',sans-serif;font-size:clamp(16px,1.4vw,19px)}
.crow em{font-style:normal;font-size:22px;color:#7FC0EE;opacity:0;transform:translateX(10px);transition:opacity .35s,transform .45s var(--ease)}
a.crow:hover em{opacity:1;transform:none}
.contact__form{display:grid;gap:18px;padding:clamp(26px,3vw,44px);border:1px solid rgba(255,255,255,.2);border-radius:28px;background:rgba(4,27,61,.55);backdrop-filter:blur(10px);box-shadow:0 30px 70px rgba(0,0,0,.25)}
.contact__form h3{font-size:clamp(22px,2vw,30px);font-weight:800;padding-bottom:6px}
.contact__form label{display:grid;gap:4px}
.contact__form label span{font:600 13.5px 'Alexandria',sans-serif;color:#7FC0EE}
.contact__form input,.contact__form select,.contact__form textarea{width:100%;background:transparent;border:0;border-bottom:1.5px solid rgba(255,255,255,.28);color:#fff;font:400 16px 'IBM Plex Sans Arabic',sans-serif;padding:10px 0;outline:none;border-radius:0;transition:border-color .3s}
.contact__form textarea{resize:vertical;min-height:70px}
.contact__form select{appearance:none;-webkit-appearance:none;cursor:pointer;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='8' fill='none' stroke='%237FC0EE' stroke-width='2'%3E%3Cpath d='M1 1l6 6 6-6'/%3E%3C/svg%3E") no-repeat left 4px center}
.contact__form select option{color:#13213B}
.contact__form ::placeholder{color:rgba(255,255,255,.4)}
.contact__form input:focus,.contact__form select:focus,.contact__form textarea:focus{border-color:#fff}
.contact__form .btn{margin-top:8px;width:100%;padding:16px}
.contact__form>small{color:rgba(255,255,255,.55);font-size:13px;text-align:center}

.footer{background:var(--navy);color:#fff;padding:clamp(56px,6vw,88px) var(--gut) 0;border-top:1px solid rgba(255,255,255,.1)}
.footer__grid{display:grid;grid-template-columns:1.5fr 1fr 1.25fr 1.2fr;gap:clamp(28px,4vw,72px);align-items:start;max-width:1400px;margin-inline:auto}
.footer__brand{display:grid;gap:20px;align-content:start;max-width:380px}
.footer__logo{height:60px;width:auto;justify-self:start}
.footer__brand p{color:rgba(255,255,255,.72);font-size:15.5px;line-height:1.9}
.footer__col{display:grid;gap:10px;align-content:start}
.footer__col h4{font-size:17px;font-weight:700;color:#7FC0EE;margin-bottom:6px}
.footer__col a,.footer__col span{font-size:15px;line-height:1.7;color:rgba(255,255,255,.78);transition:color .3s,transform .35s var(--ease)}
.footer__col a:hover{color:#fff;transform:translateX(-4px)}
.footer__bar{display:flex;justify-content:flex-start;gap:8px 28px;flex-wrap:wrap;max-width:1400px;margin:clamp(40px,5vw,64px) auto 0;padding:24px 0 30px;border-top:1px solid rgba(255,255,255,.14)}
.footer__bar small{font-size:13.5px;color:rgba(255,255,255,.55)}

.wa{position:fixed;z-index:40;left:22px;right:auto;bottom:22px;width:58px;height:58px;border-radius:50%;background:#25D366;display:grid;place-items:center;box-shadow:0 10px 30px rgba(0,0,0,.3);transition:transform .35s var(--ease)}
.wa:hover{transform:scale(1.1)}

/* ظهور تدريجي للعناصر العادية */
.rv{opacity:0;transform:translateY(40px)}

/* الجوال */
@media (max-width:900px){
  .nav__links{display:none}
  .nav{height:64px}.nav__logo img{height:34px}
  .nav__cta{padding:9px 16px;font-size:13.5px}
  .hero__shade{background:linear-gradient(180deg,rgba(4,27,61,.6) 0%,rgba(4,27,61,.35) 30%,rgba(4,27,61,.9) 100%)}
  .hero__beats{align-content:end;padding-bottom:120px}
  .beat{gap:16px}
  .fleet__head{top:84px}
  .fleet__stage{inset:120px 0 200px}
  .fleet__info{inset-inline:var(--gut);bottom:56px;max-width:none}
  .fleet__dots{bottom:24px}
  .services__pin{grid-template-columns:1fr;grid-template-areas:"title" "stage" "list";grid-template-rows:auto auto 1fr;align-content:start;padding-top:92px;gap:10px}
  .services__stage{width:min(52vw,240px)}
  .services__list p{display:none}
  .services__list li{padding:14px 0;align-items:center}
  .services__list b{padding-top:0}
  .services__list h3{font-size:clamp(20px,5.6vw,24px)}
  .services__stage{width:min(62vw,290px)}
  .comfort{grid-template-columns:1fr}
  .numbers__grid{grid-template-columns:repeat(2,1fr);row-gap:8px}
  .num{padding:22px 16px 22px 0;border-top:1px solid rgba(255,255,255,.14)}
  .num:nth-child(-n+2){border-top:0}
  .num+.num{padding-inline-start:0;border-inline-start:0}
  .num:nth-child(even){padding-inline-start:18px;border-inline-start:1px solid rgba(255,255,255,.16)}
  .num b{font-size:clamp(44px,13vw,60px)}
  .certs,.contact__wrap{grid-template-columns:1fr}
  .footer__grid{grid-template-columns:1fr 1fr;gap:34px 22px}
  .footer__brand{grid-column:1/-1;max-width:none}
  .footer__col:last-child{grid-column:1/-1}
  .footer__bar{padding-bottom:84px}
  .crow{gap:14px;padding:16px 2px}.crow i{width:42px;height:42px}
  .vip__shade{background:linear-gradient(180deg,rgba(4,27,61,.5),rgba(4,27,61,.92))}
  .vip{align-items:end}
}
@media (max-width:900px){
  .chips li:nth-child(n+3){display:none}
  .chips li{font-size:13px;padding:7px 13px}
  .fleet__info{gap:8px}.fleet__info p{font-size:15px}
  .scrollhint{display:none}
  .hero__progress{max-width:none}
  .wa{width:50px;height:50px;bottom:16px;left:16px;right:auto}
}
@media (max-width:900px){
  .hero__shade{background:linear-gradient(180deg,rgba(4,27,61,.3) 0%,rgba(4,27,61,.05) 32%,rgba(4,27,61,.6) 58%,rgba(4,27,61,.95) 100%)}
  .hero__beats{padding-bottom:78px}
  .beat{gap:10px}
  .beat h1,.beat h2{font-size:clamp(26px,7.4vw,36px);line-height:1.22}
  .beat p{font-size:14.5px}
  .beat .kicker{font-size:13px}
  .beat__actions{gap:10px}
  .beat .btn{padding:10px 20px;font-size:14px}
  .hero__hud{bottom:26px}
  .contact__info h2{font-size:clamp(32px,9vw,46px)}
  .vip__content h2{font-size:clamp(30px,8.5vw,44px)}
  .vip__content{padding:80px var(--gut) 64px}
  .numbers__head h2,.steps__head h2,.comfort__text h2{font-size:clamp(26px,7.4vw,36px)}
  .fleet__info h2{font-size:clamp(26px,7.4vw,36px)}
}
@media (prefers-reduced-motion:reduce){
  .marquee__track,.scrollhint span::after{animation:none}
}

/* أرقام وبريد التذييل: محاذاة لليمين مع باقي الأعمدة العربية */
.footer__col a[dir="ltr"]{text-align:right}

/* عملاؤنا: ثلاثة صفوف تتحرك بالتناوب */
.clients{display:grid;gap:clamp(12px,1.4vw,18px);overflow:hidden}
.clients__row{overflow:hidden;direction:ltr;padding:10px 0;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent);mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent)}
.clients__track{display:flex;gap:clamp(12px,1.4vw,18px);padding-right:clamp(12px,1.4vw,18px);width:max-content;animation:clientsmove var(--dur,90s) linear infinite}
.clients__row:nth-child(2) .clients__track{animation-direction:reverse}
.clients__row:hover .clients__track{animation-play-state:paused}
.client{flex:none;display:block;width:clamp(74px,7.4vw,104px);aspect-ratio:1;filter:drop-shadow(0 8px 14px rgba(4,27,61,.1));transition:transform .45s var(--ease),filter .45s}
.client img{width:100%;height:100%;display:block}
.client:hover{transform:translateY(-6px) scale(1.06);filter:drop-shadow(0 16px 22px rgba(4,27,61,.2))}
@keyframes clientsmove{to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.clients__track{animation:none}}

/* الخطوات على الجوال: عمودية والسهم ينزل للأسفل */
@media (max-width:900px){
  .steps__pin{padding:84px var(--gut) 64px;gap:22px}
  .steps__head h2{font-size:clamp(26px,7.4vw,34px)}
  .steps__track{grid-template-columns:1fr;gap:0}
  .step{padding:18px 22px;gap:6px;border-radius:22px}
  .step__no{font-size:36px}
  .step h3{font-size:19px}
  .step p{font-size:14.5px;line-height:1.6}
  .step__link{width:100%;height:46px;display:grid;place-items:center}
  .step__link svg{width:52px;height:auto;transform:rotate(-90deg)}
}

/* من نحن: تاريخ الشركة والمؤسس */
.about{position:relative;background:linear-gradient(180deg,#fff 0%,var(--soft) 100%);color:var(--ink)}
.about__pin{position:relative;height:100svh;min-height:640px;overflow:hidden;display:grid;align-items:center;padding:96px var(--gut) 64px}
.about__main{display:grid;grid-template-columns:1.02fr .98fr;gap:clamp(30px,6vw,110px);align-items:center;max-width:1280px;width:100%;margin-inline:auto}
.about__text{display:grid;gap:22px;align-content:center}
.about__text h2{font-size:clamp(32px,4.4vw,66px);font-weight:800;line-height:1.1}
.about__panels{position:relative;min-height:clamp(200px,24vh,260px);margin-top:6px;padding-top:24px;border-top:1px solid rgba(4,27,61,.16)}
.about__panel{position:absolute;inset:24px 0 0 0;display:grid;gap:12px;align-content:start;opacity:0;transform:translateY(22px);transition:opacity .2s ease,transform .2s ease;pointer-events:none}
.about__panel.on{opacity:1;transform:none;pointer-events:auto;transition:opacity .5s ease .22s,transform .65s var(--ease) .22s}
.about__panel b{font:700 clamp(18px,1.7vw,24px) 'Alexandria',sans-serif;color:var(--blue)}
.about__panel p{font-size:clamp(16px,1.45vw,21px);line-height:1.9;color:var(--ink);max-width:36ch}
.about__chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}
.about__chips li{padding:7px 15px;border-radius:999px;background:#fff;border:1px solid rgba(4,27,61,.14);font:600 14px 'IBM Plex Sans Arabic',sans-serif;color:var(--blue)}
.about__chips li.iso{background:var(--navy);border-color:var(--navy);color:#fff;font-family:'Inter',sans-serif;letter-spacing:.02em}

.about__visual{display:grid;gap:clamp(20px,3.2vh,34px);justify-items:stretch}
.about__year{font:800 clamp(96px,14vw,220px) 'Inter',sans-serif;line-height:.9;letter-spacing:-.05em;text-align:right;
  background:linear-gradient(180deg,var(--navy) 10%,var(--blue) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;font-variant-numeric:tabular-nums}
.about__timeline{display:grid;gap:10px}
.about__rail{position:relative;height:4px;background:rgba(4,27,61,.14);border-radius:4px}
.about__rail i{position:absolute;inset:0;background:linear-gradient(270deg,var(--blue),var(--b4));border-radius:4px;transform-origin:right;transform:scaleX(0)}
.about__rail em{position:absolute;top:50%;right:0;width:16px;height:16px;margin:-8px -8px 0 0;border-radius:50%;background:#fff;border:4px solid var(--blue);box-shadow:0 0 0 6px rgba(3,80,160,.16)}
.about__ticks{position:relative;height:20px;font:600 13px "Inter",sans-serif;color:var(--gray)}
.about__ticks span{position:absolute;top:0;transform:translateX(50%)}
.founder{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;padding:clamp(16px,1.8vw,24px) clamp(18px,2vw,28px);background:#fff;border-radius:24px;border:1px solid rgba(4,27,61,.1);box-shadow:0 14px 40px rgba(4,27,61,.07);position:relative;overflow:hidden;transition:box-shadow .6s,transform .7s var(--ease),border-color .5s}
.founder::before{content:"";position:absolute;inset-inline-start:0;top:0;bottom:0;width:5px;background:linear-gradient(180deg,var(--blue),var(--b4));transform:scaleY(.25);transform-origin:top;transition:transform .8s var(--ease)}
.founder.hot{box-shadow:0 26px 60px rgba(4,27,61,.16);transform:translateY(-4px);border-color:rgba(3,80,160,.3)}
.founder.hot::before{transform:scaleY(1)}
.founder__mark{width:clamp(84px,7.8vw,120px);aspect-ratio:1;border-radius:50%;overflow:hidden;background:var(--soft);box-shadow:0 0 0 4px #fff,0 0 0 6px rgba(3,80,160,.28),0 10px 24px rgba(4,27,61,.18);flex:none}
.founder__mark img{width:100%;height:100%;object-fit:cover;object-position:center 22%;display:block}
.founder figcaption{display:grid;gap:2px}
.founder small{font:600 13px 'Alexandria',sans-serif;color:var(--b4)}
.founder b{font:800 clamp(18px,1.9vw,26px) 'Alexandria',sans-serif;line-height:1.3}
.founder span{font-size:clamp(13px,1.1vw,15.5px);color:var(--gray)}
.founder__year{font:700 14px 'Inter',sans-serif;font-style:normal;color:var(--blue);padding:6px 12px;border-radius:999px;background:var(--soft)}
.about__dots{position:absolute;inset-inline:0;bottom:30px;display:flex;justify-content:center;gap:10px}
.about__dots i{width:10px;height:10px;border-radius:99px;background:var(--navy);opacity:.2;transition:width .5s var(--ease),opacity .4s,background .4s}
.about__dots i.on{width:38px;opacity:1;background:var(--blue)}
@media (max-width:900px){
  .about__pin{padding:84px var(--gut) 60px}
  .about__main{grid-template-columns:1fr;gap:18px}
  .about__visual{order:-1;gap:14px}
  .about__text{gap:12px}
  .about__text h2{font-size:clamp(26px,7.4vw,34px)}
  .about__year{font-size:clamp(78px,24vw,110px);text-align:right}
  .about__panels{min-height:190px;padding-top:16px}
  .about__panel{inset:16px 0 0 0}
  .about__panel p{font-size:15.5px;line-height:1.8}
  .about__chips li{font-size:12.5px;padding:6px 12px}
  .founder{grid-template-columns:auto 1fr;gap:14px;padding:14px 16px}
  .founder__year{display:none}
  .founder__mark{width:76px}
  .founder b{font-size:17px}
  .founder span{font-size:12.5px}
  .about__dots{bottom:22px}
}

/* العناوين العربية متعددة الأسطر: مسافة أسطر مريحة حتى لا تتلامس النقاط والذيول */
.about__text h2{line-height:1.4}
.vip__content h2,.contact__info h2{line-height:1.3}
.beat h1,.beat h2{line-height:1.28}
.steps__head h2,.numbers__head h2,.comfort__text h2,.partners__head h2,.services__title h2,.fleet__info h2{line-height:1.35}
.about__text{gap:28px}
.about__panels{margin-top:10px}
@media (max-width:900px){
  .about__text{gap:18px}
  .about__text h2{line-height:1.4}
  .beat h1,.beat h2{line-height:1.32}
}

/* معرض الصور الحقيقية */
.gal{background:#fff;padding:clamp(70px,9vw,130px) var(--gut);display:grid;gap:clamp(30px,4vw,54px)}
.gal__head{display:grid;gap:12px;max-width:1280px;width:100%;margin-inline:auto}
.gal__head h2{font-size:clamp(28px,4vw,58px);font-weight:800;line-height:1.35}
.gal__head p{color:var(--gray);font-size:clamp(15px,1.3vw,19px)}
.gal__grid{display:grid;grid-template-columns:repeat(6,1fr);grid-auto-rows:clamp(110px,13vw,190px);gap:clamp(8px,1vw,14px);max-width:1280px;width:100%;margin-inline:auto}
.gal__item{position:relative;overflow:hidden;border:0;padding:0;border-radius:20px;cursor:zoom-in;background:var(--soft);box-shadow:0 12px 34px rgba(4,27,61,.1)}
.gal__item img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 1s var(--ease)}
.gal__item:hover img{transform:scale(1.07)}
.gal__item::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 60%,rgba(4,27,61,.35));opacity:0;transition:opacity .5s}
.gal__item:hover::after{opacity:1}
.gal__item:nth-child(1){grid-column:span 4;grid-row:span 2}
.gal__item:nth-child(2){grid-column:span 2;grid-row:span 1}
.gal__item:nth-child(3){grid-column:span 2;grid-row:span 1}
.gal__item:nth-child(4){grid-column:span 2;grid-row:span 2}
.gal__item:nth-child(5){grid-column:span 2;grid-row:span 2}
.gal__item:nth-child(6){grid-column:span 2;grid-row:span 2}
.gal__item:nth-child(7){grid-column:span 6;grid-row:span 2}
.lb{position:fixed;inset:0;z-index:90;background:rgba(2,12,28,.94);display:grid;place-items:center;padding:60px 70px}
.lb[hidden]{display:none}
.lb img{max-width:100%;max-height:100%;object-fit:contain;border-radius:14px;box-shadow:0 30px 80px rgba(0,0,0,.5)}
.lb__x,.lb__nav{position:absolute;border:0;background:rgba(255,255,255,.12);color:#fff;cursor:pointer;border-radius:50%;display:grid;place-items:center;transition:background .3s}
.lb__x:hover,.lb__nav:hover{background:rgba(255,255,255,.28)}
.lb__x{top:20px;inset-inline-start:20px;width:46px;height:46px;font-size:30px;line-height:1}
.lb__nav{top:50%;width:52px;height:52px;margin-top:-26px;font-size:34px;line-height:1}
.lb__prev{right:14px}.lb__next{left:14px}
.lb__cap{position:absolute;bottom:20px;inset-inline:0;display:flex;justify-content:center;gap:14px;color:#fff;font:600 15px 'Alexandria',sans-serif}
.lb__cap b{font-family:'Inter',sans-serif;color:#7FC0EE;direction:ltr}
@media (max-width:900px){
  .gal__grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:clamp(120px,32vw,170px);gap:8px}
  .gal__item{border-radius:14px}
  .gal__item:nth-child(n){grid-column:span 1;grid-row:span 1}
  .gal__item:nth-child(1){grid-column:span 2;grid-row:span 2}
  .gal__item:nth-child(4),.gal__item:nth-child(6){grid-row:span 2}
  .gal__item:nth-child(7){grid-column:span 2;grid-row:span 1}
  .lb{padding:70px 12px 60px}
  .lb__nav{width:42px;height:42px;font-size:28px}
  .lb__prev{right:6px}.lb__next{left:6px}
}

/* تلاشٍ قصير عند الانتقال المباشر بين الأقسام */
.jumpfade{position:fixed;inset:0;z-index:95;background:var(--navy);opacity:0;pointer-events:none;transition:opacity .17s ease}
.jumpfade.on{opacity:1;pointer-events:auto}