:root{--mustard:#c5b500;--mustard-dark:#a79a00;--teal:#079eb4;--teal-dark:#067f93;--sky:#7fc9d6;--ink:#10252b;--muted:#6b7d82;--bg:#f6f8f8;--white:#fff;--border:#dfe7e8;--shadow:0 20px 60px rgba(9,60,68,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'Cairo',sans-serif;background:#fff;color:var(--ink);line-height:1.75}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}.container{width:min(1180px,calc(100% - 36px));margin:auto}.topbar{background:var(--ink);color:#d9eff2;font-size:13px}.topbar-inner{min-height:38px;display:flex;justify-content:space-between;align-items:center;gap:20px}.topbar-meta{display:flex;gap:22px}.header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.92);backdrop-filter:blur(16px);border-bottom:1px solid rgba(0,0,0,.05)}.nav-wrap{display:flex;align-items:center;justify-content:space-between;min-height:88px}.brand{position:relative;display:inline-flex;align-items:center;justify-content:center;width:205px;height:76px;padding:5px 9px;background:#fff;border-radius:18px;box-shadow:0 8px 24px rgba(9,60,68,.08);overflow:hidden;isolation:isolate;transition:transform .35s ease,box-shadow .35s ease}.brand img{position:relative;z-index:2;width:188px;height:68px;object-fit:contain;object-position:center;filter:contrast(1.08) saturate(1.08);transition:transform .45s cubic-bezier(.2,.8,.2,1),filter .35s ease}.brand:hover{transform:translateY(-2px) scale(1.025);box-shadow:0 14px 34px rgba(7,158,180,.16)}.brand:hover img{transform:scale(1.045);filter:contrast(1.12) saturate(1.15)}.logo-glow{position:absolute;z-index:1;width:55px;height:160%;top:-30%;left:-75px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.95),transparent);transform:rotate(18deg);animation:logoShine 4.2s ease-in-out infinite}@keyframes logoShine{0%,58%{left:-75px;opacity:0}66%{opacity:.9}84%{left:240px;opacity:.2}100%{left:240px;opacity:0}}.nav{display:flex;gap:26px;align-items:center;font-weight:700;font-size:14px}.nav a{transition:.25s}.nav a:hover{color:var(--teal)}.nav-cta{background:var(--mustard);color:#fff!important;padding:11px 18px;border-radius:12px}.menu-btn{display:none;border:0;background:none}.hero{position:relative;overflow:hidden;background:linear-gradient(135deg,#f5fafb 0%,#fff 48%,#f9f7e7 100%);padding:86px 0 74px}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(7,158,180,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(7,158,180,.04) 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(to left,#000,transparent 70%)}.hero-content{position:relative;display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:60px}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--teal-dark);font-weight:800;font-size:14px;letter-spacing:.2px}.eyebrow:before{content:"";width:34px;height:4px;border-radius:9px;background:var(--mustard)}.hero h1,.section h2{margin:14px 0 18px;line-height:1.25}.hero h1{font-size:clamp(40px,5.2vw,70px);letter-spacing:-1.7px}.hero h1 span{color:var(--teal)}.hero p{font-size:18px;color:var(--muted);max-width:720px}.hero-actions{display:flex;gap:14px;margin:30px 0}.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:14px;padding:14px 24px;font-weight:800;cursor:pointer;transition:.25s}.btn-primary{background:var(--mustard);color:#fff;box-shadow:0 10px 26px rgba(197,181,0,.25)}.btn-primary:hover{background:var(--mustard-dark);transform:translateY(-2px)}.btn-ghost{border:1px solid var(--border);background:#fff;color:var(--ink)}.trust-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:24px}.trust-row div{padding:14px 16px;border:1px solid var(--border);background:rgba(255,255,255,.75);border-radius:14px}.trust-row strong,.trust-row span{display:block}.trust-row strong{font-size:14px}.trust-row span{font-size:11px;color:var(--muted)}.hero-panel{min-height:510px;background:linear-gradient(155deg,var(--teal),#0b7385);border-radius:34px;box-shadow:var(--shadow);position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.hero-panel:before,.hero-panel:after{content:"";position:absolute;border-radius:50%;background:rgba(255,255,255,.08)}.hero-panel:before{width:380px;height:380px;right:-160px;top:-100px}.hero-panel:after{width:240px;height:240px;left:-110px;bottom:-80px}.panel-badge{position:absolute;top:26px;right:26px;color:#fff;border:1px solid rgba(255,255,255,.25);padding:8px 14px;border-radius:999px;font-size:12px}.orbit{width:330px;height:330px;border:1px dashed rgba(255,255,255,.5);border-radius:50%;position:relative;animation:spin 24s linear infinite}.orbit:after{content:"";position:absolute;inset:48px;border:1px solid rgba(255,255,255,.18);border-radius:50%}.core{position:absolute;left:50%;top:50%;width:158px;height:118px;transform:translate(-50%,-50%);border-radius:26px;background:linear-gradient(145deg,#fff,#f8fbfb);color:var(--mustard-dark);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;font-weight:900;box-shadow:0 22px 40px rgba(0,0,0,.15),0 0 0 7px rgba(255,255,255,.08);animation:coreCounter 24s linear infinite;overflow:hidden}.core:before{content:"";position:absolute;inset:-45% auto -45% -45%;width:38px;background:linear-gradient(90deg,transparent,rgba(7,158,180,.16),transparent);transform:rotate(22deg);animation:coreSweep 3.2s ease-in-out infinite}.core-ar{position:relative;z-index:1;display:block;white-space:nowrap;direction:rtl;font-size:29px;line-height:1.15;letter-spacing:0;color:var(--mustard-dark);font-weight:900}.core small{position:relative;z-index:1;color:var(--teal);font-size:9px;letter-spacing:2.2px;font-weight:800;direction:ltr}.orbit-item{position:absolute;width:66px;height:66px;border-radius:20px;background:var(--mustard);color:#fff;display:grid;place-items:center;font-weight:900;box-shadow:0 10px 24px rgba(0,0,0,.14);animation:counter 24s linear infinite}.o1{top:-20px;left:132px}.o2{right:-22px;top:122px;background:var(--sky)}.o3{bottom:-20px;left:132px}.o4{left:-22px;top:122px;background:#fff;color:var(--teal)}.o5{top:36px;left:17px}.panel-foot{position:absolute;bottom:24px;color:#d9f2f6;font-size:13px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes counter{to{transform:rotate(-360deg)}}@keyframes coreCounter{from{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(-360deg)}}@keyframes coreSweep{0%,52%{left:-45%;opacity:0}62%{opacity:1}82%{left:115%;opacity:.35}100%{left:115%;opacity:0}}
.section{padding:92px 0}.section-head{max-width:720px;margin:0 auto 44px;text-align:center}.section-head.left{text-align:right;margin:0}.section h2{font-size:clamp(30px,4vw,48px)}.section-head p,.adv-copy>p{color:var(--muted)}.services{background:var(--bg)}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.service-card{position:relative;background:#fff;border:1px solid var(--border);border-radius:24px;padding:28px;min-height:290px;transition:.3s;overflow:hidden}.service-card:after{content:"";position:absolute;width:100px;height:100px;border-radius:24px;background:var(--sky);opacity:.12;left:-28px;bottom:-28px;transform:rotate(20deg)}.service-card:hover{transform:translateY(-7px);box-shadow:var(--shadow);border-color:#c9dcdf}.service-no{position:absolute;top:20px;left:22px;font-weight:900;color:#d5dee0;font-size:28px}.service-icon{width:58px;height:58px;display:grid;place-items:center;border-radius:18px;background:#f2f9fa;font-size:27px;margin-bottom:18px}.service-card h3{margin:8px 0;font-size:21px}.service-card p{color:var(--muted);font-size:14px}.service-link{border:0;background:none;color:var(--teal);font-weight:800;padding:0;cursor:pointer}.process{background:#fff}.process-wrap{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;align-items:start}.timeline{display:grid;gap:18px}.step{display:grid;grid-template-columns:62px 1fr;gap:18px;align-items:start;padding:22px;border:1px solid var(--border);border-radius:20px}.step>span{width:48px;height:48px;border-radius:15px;background:var(--mustard);color:#fff;display:grid;place-items:center;font-weight:900}.step h3{margin:0 0 5px}.step p{margin:0;color:var(--muted);font-size:14px}.advantages{background:linear-gradient(180deg,#f7fbfc,#fff)}.advantage-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.adv-visual{min-height:430px;position:relative}.stack-card{position:absolute;width:240px;height:150px;border-radius:28px;display:flex;align-items:end;padding:24px;color:#fff;font-size:26px;font-weight:900;box-shadow:var(--shadow)}.s1{right:16%;top:0;background:var(--teal);transform:rotate(-5deg)}.s2{left:5%;top:80px;background:var(--mustard);transform:rotate(7deg)}.s3{right:8%;bottom:80px;background:var(--sky);transform:rotate(4deg)}.s4{left:16%;bottom:0;background:var(--ink);transform:rotate(-7deg)}.feature-list{display:grid;gap:14px;margin-top:24px}.feature-list div{display:flex;gap:12px;align-items:flex-start}.feature-list b{width:28px;height:28px;border-radius:50%;background:#eff8f9;color:var(--teal);display:grid;place-items:center;flex:0 0 auto}.feature-list span{color:var(--muted)}.feature-list strong{color:var(--ink)}.request{background:var(--ink);position:relative;overflow:hidden}.request:before{content:"";position:absolute;width:500px;height:500px;border-radius:50%;border:80px solid rgba(127,201,214,.05);left:-200px;top:-150px}.request-shell{position:relative;display:grid;grid-template-columns:.85fr 1.15fr;gap:52px;align-items:center}.request-intro{color:#fff}.eyebrow.light{color:#d7eff3}.request-intro h2{font-size:45px}.request-intro p{color:#bdd0d4}.contact-chip{display:inline-block;margin-top:18px;padding:10px 15px;border-radius:12px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1);color:#e8f7f9}.quote-form{background:#fff;border-radius:28px;padding:30px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.quote-form label{font-weight:700;font-size:13px}.quote-form input,.quote-form select,.quote-form textarea{width:100%;margin-top:7px;border:1px solid var(--border);border-radius:12px;padding:12px 13px;outline:none;background:#fbfcfc}.quote-form input:focus,.quote-form select:focus,.quote-form textarea:focus{border-color:var(--teal);box-shadow:0 0 0 3px rgba(7,158,180,.08)}.full{grid-column:1/-1}.wide{width:100%;margin-top:18px}.quote-form small{display:block;margin-top:10px;color:var(--muted);text-align:center}.success-msg{background:#edf9f1;border:1px solid #cbe9d3;color:#25693a;padding:12px 14px;border-radius:12px;margin-bottom:16px}.footer{background:#09191d;color:#dce8ea;padding-top:55px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:70px}.footer-brand img{width:170px;height:72px;object-fit:contain;background:#fff;border-radius:14px;padding:6px}.footer p{color:#91a6aa;max-width:420px}.footer h4{color:#fff}.footer a{display:block;color:#91a6aa;margin:8px 0}.copyright{border-top:1px solid rgba(255,255,255,.08);padding:18px 0;margin-top:36px;color:#6f898e;font-size:13px}.reveal{opacity:0;transform:translateY(22px);transition:.7s ease}.reveal.show{opacity:1;transform:none}.delay-1{transition-delay:.1s}.delay-2{transition-delay:.2s}
@media(max-width:980px){.nav{position:absolute;top:88px;left:18px;right:18px;background:#fff;border:1px solid var(--border);border-radius:18px;box-shadow:var(--shadow);padding:18px;flex-direction:column;align-items:stretch;display:none}.nav.open{display:flex}.menu-btn{display:grid;gap:5px}.menu-btn span{display:block;width:25px;height:2px;background:var(--ink)}.hero-content,.process-wrap,.advantage-grid,.request-shell{grid-template-columns:1fr}.hero-panel{min-height:420px}.service-grid{grid-template-columns:1fr 1fr}.section-head.left{text-align:center;margin:auto}.adv-visual{order:2}.request-intro{text-align:center}.topbar-meta{display:none}}
@media(max-width:640px){.container{width:min(100% - 24px,1180px)}.hero{padding-top:58px}.hero h1{font-size:40px}.hero p{font-size:16px}.hero-actions{flex-direction:column}.trust-row,.service-grid,.form-grid{grid-template-columns:1fr}.hero-panel{min-height:360px}.orbit{transform:scale(.82)}.request-intro h2{font-size:34px}.quote-form{padding:20px}.section{padding:70px 0}.footer-grid{grid-template-columns:1fr;gap:28px}.topbar-inner{justify-content:center}.brand{width:168px;height:68px}.brand img{width:154px;height:58px}.full{grid-column:auto}}

/* ===== Cinematic intro / premium refresh ===== */
body.intro-open{overflow:hidden}
.intro-video{position:fixed;inset:0;z-index:1000;background:#07161a;display:grid;place-items:center;overflow:hidden;transition:opacity .8s ease,visibility .8s ease}
.intro-video.hide{opacity:0;visibility:hidden;pointer-events:none}
.intro-video-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(1.05) contrast(1.05)}
.intro-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,25,30,.94) 0%,rgba(6,25,30,.70) 42%,rgba(6,25,30,.18) 78%),linear-gradient(180deg,rgba(0,0,0,.1),rgba(0,0,0,.38))}
.intro-brand{position:relative;z-index:2;width:min(1180px,calc(100% - 50px));color:white;text-align:right;padding-inline:4px}
.intro-brand img{width:238px;height:104px;object-fit:contain;background:#fff;border-radius:22px;padding:8px 14px;box-shadow:0 20px 55px rgba(0,0,0,.28);animation:introLogo 1s cubic-bezier(.2,.8,.2,1) both}
.intro-kicker{margin-top:30px;font-size:12px;font-weight:800;letter-spacing:3px;color:#aee5ee;direction:ltr;text-align:right;animation:introUp .9s .2s both}
.intro-brand h1{margin:10px 0 14px;max-width:760px;font-size:clamp(48px,6.7vw,90px);line-height:.98;letter-spacing:-3px;direction:ltr;text-align:left;font-weight:800;animation:introUp .9s .32s both}
.intro-brand h1 span{color:var(--mustard)}
.intro-brand p{max-width:650px;color:#d1e5e8;font-size:17px;direction:ltr;text-align:left;animation:introUp .9s .44s both}
.intro-enter{margin-top:22px;border:1px solid rgba(255,255,255,.35);background:rgba(255,255,255,.09);backdrop-filter:blur(12px);color:#fff;padding:12px 18px 12px 12px;border-radius:999px;display:inline-flex;gap:18px;align-items:center;font-weight:800;cursor:pointer;transition:.3s;animation:introUp .9s .58s both}
.intro-enter b{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--mustard);font-size:18px;animation:bounceArrow 1.6s infinite}
.intro-enter:hover{background:#fff;color:var(--ink);transform:translateY(-2px)}
.intro-progress{position:absolute;z-index:3;right:0;left:0;bottom:0;height:4px;background:rgba(255,255,255,.12)}
.intro-progress span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--teal),var(--mustard));animation:introProgress 9.5s linear forwards}
@keyframes introProgress{to{width:100%}}@keyframes introLogo{from{opacity:0;transform:scale(.88) translateY(16px)}to{opacity:1;transform:none}}@keyframes introUp{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@keyframes bounceArrow{50%{transform:translateY(4px)}}

.header{box-shadow:0 8px 30px rgba(10,58,66,.05)}
.nav-wrap{min-height:96px}.brand{width:230px;height:84px;border:1px solid rgba(7,158,180,.12);box-shadow:0 12px 40px rgba(8,78,89,.10)}.brand img{width:210px;height:74px}
.hero{padding:102px 0 90px;background:radial-gradient(circle at 78% 15%,rgba(127,201,214,.23),transparent 28%),radial-gradient(circle at 20% 75%,rgba(197,181,0,.10),transparent 24%),linear-gradient(135deg,#f8fbfb 0%,#fff 52%,#f9f8ec 100%)}
.hero:before{content:"";position:absolute;top:72px;right:6%;width:120px;height:120px;border:1px solid rgba(7,158,180,.12);border-radius:28px;transform:rotate(18deg)}
.hero-content{grid-template-columns:1.08fr .92fr;gap:72px}.hero-copy{position:relative}.hero-copy:before{content:"ALKHAIRAT";position:absolute;top:-68px;right:0;font-size:12px;font-weight:900;letter-spacing:4px;color:rgba(16,37,43,.24);direction:ltr}
.hero h1{font-size:clamp(44px,5.3vw,72px);font-weight:800}.hero p{font-size:17px;line-height:1.95}.btn{border-radius:999px;padding:14px 25px}.btn-primary{box-shadow:0 15px 34px rgba(197,181,0,.22)}
.hero-panel{min-height:560px;border-radius:40px;background:linear-gradient(155deg,#0ca6bc 0%,#086f82 62%,#064d5c 100%);box-shadow:0 35px 90px rgba(5,82,96,.24);border:1px solid rgba(255,255,255,.22)}
.hero-panel:before{width:460px;height:460px;border:1px solid rgba(255,255,255,.12);background:transparent;right:-180px;top:-150px}.hero-panel:after{width:260px;height:260px;background:rgba(197,181,0,.10);left:-100px;bottom:-80px}
.panel-badge{display:flex;gap:8px;align-items:center;font-weight:800;letter-spacing:1.4px;background:rgba(5,55,65,.25);backdrop-filter:blur(8px)}.panel-badge i{width:7px;height:7px;border-radius:50%;background:var(--mustard);box-shadow:0 0 0 5px rgba(197,181,0,.15)}
.orbit{width:354px;height:354px;border-color:rgba(255,255,255,.42)}.core{width:190px;height:126px;border-radius:30px;background:linear-gradient(145deg,#fff,#f5fbfc);box-shadow:0 26px 55px rgba(0,0,0,.18),0 0 0 8px rgba(255,255,255,.08)}
.core-en{position:relative;z-index:1;display:block;direction:ltr;white-space:nowrap;font-size:26px;line-height:1;letter-spacing:1.3px;color:var(--mustard-dark);font-weight:900;transform:none!important}.core small{margin-top:9px;font-size:9px;letter-spacing:3px}
.orbit-item{border-radius:50%;width:68px;height:68px;font-size:12px;border:1px solid rgba(255,255,255,.25)}
.panel-foot{bottom:25px;direction:ltr;letter-spacing:1px;font-size:10px}.panel-foot strong{color:#fff}.trust-row div{background:rgba(255,255,255,.9);box-shadow:0 10px 28px rgba(20,64,70,.05)}
.service-card{border-radius:28px;padding:31px;box-shadow:0 8px 26px rgba(9,60,68,.035)}.service-card:hover{transform:translateY(-10px);box-shadow:0 25px 65px rgba(9,60,68,.12)}.service-icon{border:1px solid rgba(7,158,180,.10)}
.section-head h2{font-weight:800}.request-shell{gap:68px}.quote-form{box-shadow:0 28px 80px rgba(0,0,0,.20)}
@media(max-width:980px){.intro-brand h1{font-size:54px}.hero-panel{min-height:500px}.hero-content{gap:44px}}
@media(max-width:640px){.intro-brand{width:calc(100% - 30px)}.intro-brand img{width:190px;height:86px}.intro-brand h1{font-size:42px;letter-spacing:-1.5px}.intro-brand p{font-size:14px}.intro-kicker{font-size:9px;letter-spacing:2px}.nav-wrap{min-height:82px}.brand{width:175px;height:66px}.brand img{width:158px;height:56px}.hero{padding-top:76px}.core{width:170px}.core-en{font-size:23px}}

/* ===== Real logistics film section ===== */
.logistics-film{padding:96px 0 104px;background:#07191e;color:#fff;position:relative;overflow:hidden}
.logistics-film:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 12% 15%,rgba(7,158,180,.18),transparent 30%),radial-gradient(circle at 88% 82%,rgba(197,181,0,.12),transparent 27%);pointer-events:none}
.film-head{position:relative;display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:34px}
.film-head>div:first-child{max-width:780px}.film-head h2{margin:12px 0 12px;font-size:clamp(32px,4.7vw,58px);line-height:1.15}.film-head p{margin:0;color:#a9c2c7;font-size:16px;max-width:760px}
.film-status{direction:ltr;display:inline-flex;align-items:center;gap:10px;border:1px solid rgba(255,255,255,.14);padding:10px 14px;border-radius:999px;color:#b8d9df;font-size:10px;font-weight:800;letter-spacing:1.8px;white-space:nowrap}.film-status i{width:8px;height:8px;border-radius:50%;background:var(--mustard);box-shadow:0 0 0 6px rgba(197,181,0,.10);animation:filmPulse 1.6s ease-in-out infinite}@keyframes filmPulse{50%{box-shadow:0 0 0 11px rgba(197,181,0,0)}}
.film-stage{position:relative;height:min(68vw,650px);min-height:470px;border-radius:34px;overflow:hidden;background:#0a262d;box-shadow:0 38px 110px rgba(0,0,0,.34);border:1px solid rgba(255,255,255,.10);isolation:isolate}
.film-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;transform:scale(1.015);transition:opacity .45s ease,transform 8s ease}.film-stage.switching .film-video{opacity:.08;transform:scale(1.06)}
.film-overlay{position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(1,13,17,.25) 0%,rgba(1,13,17,.04) 35%,rgba(1,13,17,.82) 100%),linear-gradient(90deg,rgba(1,13,17,.42),transparent 60%);pointer-events:none}
.film-topline{position:absolute;z-index:3;top:25px;left:28px;right:28px;display:flex;justify-content:space-between;align-items:center;direction:ltr;font-size:10px;letter-spacing:2px;font-weight:800;color:#dcecef}.film-sound{border:1px solid rgba(255,255,255,.24);background:rgba(3,24,30,.35);backdrop-filter:blur(12px);color:#fff;border-radius:999px;padding:8px 12px;font-size:9px;letter-spacing:1.4px;cursor:pointer;transition:.25s}.film-sound:hover{background:rgba(255,255,255,.12)}
.film-caption{position:absolute;z-index:3;right:34px;left:34px;bottom:38px;display:grid;grid-template-columns:72px minmax(0,760px);gap:22px;align-items:end}.film-caption>span{direction:ltr;font-size:51px;line-height:1;font-weight:900;color:var(--mustard);border-left:1px solid rgba(255,255,255,.22);padding-left:18px}.film-caption small{display:block;direction:ltr;text-align:right;color:#9fd7e1;font-size:10px;font-weight:900;letter-spacing:2px}.film-caption h3{font-size:clamp(28px,4vw,48px);line-height:1.1;margin:7px 0 8px}.film-caption p{margin:0;color:#c2d5d9;font-size:14px;max-width:690px}
.film-progress{position:absolute;z-index:4;left:0;right:0;bottom:0;height:4px;background:rgba(255,255,255,.10)}.film-progress span{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--teal),var(--mustard))}
.film-tabs{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px;direction:ltr}.film-tab{min-height:94px;border:1px solid rgba(255,255,255,.10);background:#0b242b;color:#fff;border-radius:18px;padding:15px 17px;display:flex;align-items:center;gap:14px;text-align:left;cursor:pointer;transition:.3s}.film-tab:hover,.film-tab.active{transform:translateY(-3px);border-color:rgba(127,201,214,.45);background:#0d2d35;box-shadow:0 14px 35px rgba(0,0,0,.18)}.film-tab.active{box-shadow:inset 0 -3px 0 var(--mustard),0 14px 35px rgba(0,0,0,.18)}.film-tab>b{font-size:24px;color:var(--mustard);opacity:.9}.film-tab span{display:flex;flex-direction:column}.film-tab strong{font-size:13px;letter-spacing:.3px}.film-tab small{color:#88a8ae;font-size:11px;margin-top:2px;direction:rtl;text-align:left}
@media(max-width:820px){.film-head{align-items:start;flex-direction:column}.film-stage{height:620px}.film-tabs{grid-template-columns:1fr}.film-caption{grid-template-columns:54px 1fr;right:22px;left:22px}.film-caption>span{font-size:38px}.film-topline{left:20px;right:20px}.film-head p{font-size:14px}}
@media(max-width:520px){.logistics-film{padding:72px 0}.film-stage{height:560px;min-height:0;border-radius:24px}.film-caption{grid-template-columns:1fr;gap:8px;bottom:28px}.film-caption>span{border:0;padding:0;font-size:29px}.film-caption h3{font-size:31px}.film-caption p{font-size:12px}.film-topline>span{display:none}.film-topline{justify-content:flex-start}.film-status{display:none}}

/* Language switcher */
.lang-switch{border:1px solid rgba(7,158,180,.28);background:#f4fbfc;color:var(--teal-dark);padding:9px 14px;border-radius:12px;font-weight:800;cursor:pointer;transition:.25s;white-space:nowrap}.lang-switch:hover{background:var(--teal);color:#fff;transform:translateY(-1px)}
html[dir="ltr"] body{font-family:'Cairo',sans-serif}html[dir="ltr"] .hero-grid{mask-image:linear-gradient(to right,#000,transparent 70%)}html[dir="ltr"] .section-head.left{text-align:left}html[dir="ltr"] .panel-badge{right:auto;left:26px}html[dir="ltr"] .feature-list b{margin-left:0;margin-right:10px}
@media(max-width:980px){.lang-switch{width:100%;text-align:center}}


/* ===== WhatsApp floating action + mobile polish ===== */
.whatsapp-float{position:fixed;right:24px;bottom:24px;z-index:90;width:62px;height:62px;border-radius:50%;display:grid;place-items:center;background:#25d366;color:#fff;box-shadow:0 16px 40px rgba(18,140,70,.32);transition:transform .28s ease,box-shadow .28s ease;isolation:isolate}
.whatsapp-float:hover{transform:translateY(-5px) scale(1.05);box-shadow:0 22px 48px rgba(18,140,70,.4)}
.whatsapp-icon{width:34px;height:34px;display:grid;place-items:center;position:relative;z-index:2}.whatsapp-icon svg{width:100%;height:100%;display:block}
.whatsapp-pulse{position:absolute;inset:-1px;border-radius:50%;border:2px solid rgba(37,211,102,.55);animation:waPulse 2s ease-out infinite;z-index:-1}
.whatsapp-tip{position:absolute;right:74px;top:50%;transform:translateY(-50%) translateX(8px);background:#10252b;color:#fff;border-radius:12px;padding:8px 12px;font-size:12px;font-weight:800;white-space:nowrap;opacity:0;pointer-events:none;transition:.25s;box-shadow:0 10px 28px rgba(0,0,0,.16)}
.whatsapp-tip:after{content:"";position:absolute;right:-6px;top:50%;width:12px;height:12px;background:#10252b;transform:translateY(-50%) rotate(45deg)}
.whatsapp-float:hover .whatsapp-tip,.whatsapp-float:focus-visible .whatsapp-tip{opacity:1;transform:translateY(-50%) translateX(0)}
@keyframes waPulse{0%{transform:scale(.96);opacity:.8}70%,100%{transform:scale(1.45);opacity:0}}

/* Keep anchor targets visible below sticky header */
section[id],header[id]{scroll-margin-top:110px}
img,video{max-width:100%}
.menu-btn{width:46px;height:46px;border-radius:14px;place-content:center;cursor:pointer;transition:.25s}.menu-btn:hover{background:#f1f8f9}.menu-btn span{transition:transform .25s ease,opacity .25s ease}.menu-btn.active span:nth-child(1){transform:translateY(7px) rotate(45deg)}.menu-btn.active span:nth-child(2){opacity:0}.menu-btn.active span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

@media(max-width:980px){
  body{overflow-x:hidden}
  .header{z-index:80}
  .nav-wrap{position:relative}
  .nav{top:calc(100% + 8px);left:0;right:0;max-height:calc(100vh - 120px);overflow-y:auto;padding:14px;gap:4px;border-radius:20px}
  .nav a,.lang-switch{padding:12px 14px;border-radius:12px;text-align:center}
  .nav a:not(.nav-cta):hover{background:#f4f9fa}
  .hero-content{grid-template-columns:1fr;gap:42px}
  .hero-copy{text-align:center}.hero-copy:before{right:50%;transform:translateX(50%)}
  .hero p{margin-left:auto;margin-right:auto}.hero-actions{justify-content:center}.trust-row{text-align:center}
  .hero-panel{width:min(100%,620px);margin-inline:auto}
  .process-wrap,.advantage-grid,.request-shell{gap:46px}
  .section-head.left{text-align:center}
}

@media(max-width:640px){
  .container{width:calc(100% - 28px)}
  .topbar{font-size:11px}.topbar-inner{min-height:34px;text-align:center}
  .header .nav-wrap{min-height:74px}.brand{width:154px;height:60px;border-radius:14px}.brand img{width:142px;height:51px}
  .menu-btn{display:grid;flex:0 0 auto}
  .hero{padding:62px 0 58px}.hero:before{display:none}.hero-copy:before{top:-36px;font-size:9px;letter-spacing:3px}
  .hero h1{font-size:clamp(34px,10.5vw,44px);letter-spacing:-1px}.hero p{font-size:15px;line-height:1.85}
  .hero-actions{gap:10px}.hero-actions .btn{width:100%;min-height:48px}
  .trust-row{gap:10px}.trust-row div{padding:13px 12px}.trust-row strong{font-size:13px}
  .hero-panel{min-height:390px;border-radius:28px}.orbit{width:280px;height:280px}.orbit-item{width:56px;height:56px;font-size:10px}.o1{left:112px}.o2{top:103px}.o3{left:112px}.o4{top:103px}.o5{top:28px;left:15px}.core{width:154px;height:106px}.core-en{font-size:20px}.panel-badge{top:18px;right:18px;font-size:9px}.panel-foot{font-size:8px;bottom:18px}
  .section{padding:64px 0}.section-head{margin-bottom:30px}.section h2{font-size:clamp(28px,9vw,38px)}
  .service-card{min-height:0;padding:24px;border-radius:22px}.service-card h3{font-size:19px}
  .step{grid-template-columns:48px 1fr;gap:12px;padding:17px}.step>span{width:42px;height:42px}
  .adv-visual{min-height:335px}.stack-card{width:190px;height:118px;padding:18px;font-size:20px;border-radius:22px}
  .request-shell{gap:30px}.request-intro h2{font-size:32px}.quote-form{padding:18px;border-radius:22px}.quote-form input,.quote-form select,.quote-form textarea{font-size:16px}
  .footer{padding-top:42px}.footer-grid{text-align:center}.footer-brand img{margin-inline:auto}.footer p{margin-inline:auto}.copyright{text-align:center}
  .logistics-film{padding:62px 0 70px}.film-head h2{font-size:34px}.film-stage{height:520px;border-radius:22px}.film-caption{right:18px;left:18px}.film-caption h3{font-size:29px}.film-tabs{gap:9px}.film-tab{min-height:80px;padding:12px 14px}.film-tab>b{font-size:20px}
  .intro-brand{left:14px!important;right:14px!important;width:auto!important}.intro-brand img{width:160px;height:72px}.intro-brand h1{font-size:clamp(35px,11vw,46px);line-height:1.03}.intro-brand p{font-size:13px;line-height:1.65}.intro-enter{min-height:48px}
  .whatsapp-float{right:14px;bottom:calc(14px + env(safe-area-inset-bottom));width:56px;height:56px}.whatsapp-icon{width:31px;height:31px}.whatsapp-tip{display:none}
}

@media(max-width:380px){
  .container{width:calc(100% - 20px)}
  .brand{width:142px}.brand img{width:132px}
  .hero h1{font-size:32px}.hero-panel{min-height:350px}.orbit{transform:scale(.88)}
  .film-stage{height:490px}.film-caption h3{font-size:26px}.film-caption p{font-size:11px}
}

@media(prefers-reduced-motion:reduce){.whatsapp-pulse{animation:none}.whatsapp-float,.menu-btn span{transition:none}}