:root{--navy:#0B1F3A;--navy2:#061529;--sky:#A9D5E8;--off:#F6F6F1;--lime:#DFF267;--gold:#C8A24A;--ink:#102A43;--muted:#657286;--white:#fff;--line:rgba(16,42,67,.14);--radius:22px;--shadow:0 20px 70px rgba(4,22,40,.14)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'DM Sans',sans-serif;background:var(--off);color:var(--ink);line-height:1.6}body.dark{background:var(--navy2);color:#fff}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{width:min(1180px,calc(100% - 40px));margin:auto}.topbar{background:#061529;color:#d9e4ef;font-size:12px;letter-spacing:.08em;text-transform:uppercase}.topbar .container{display:flex;justify-content:space-between;align-items:center;padding:8px 0}.nav{position:sticky;top:0;z-index:50;background:rgba(246,246,241,.9);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.nav .container{height:78px;display:flex;align-items:center;justify-content:space-between}.brand{font-family:Manrope,sans-serif;letter-spacing:.28em;font-size:27px;font-weight:600;color:var(--navy)}.brand span{display:block;font-size:8px;letter-spacing:.42em;color:var(--gold);margin-top:-6px;text-align:center}.navlinks{display:flex;gap:25px;align-items:center;font-size:14px}.navlinks a{opacity:.78}.navlinks a:hover,.navlinks a.active{opacity:1}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:13px 19px;border-radius:999px;border:1px solid var(--ink);font-weight:700;font-size:13px;transition:.25s;cursor:pointer}.btn:hover{transform:translateY(-2px)}.btn.primary{background:var(--lime);border-color:var(--lime);color:#061529;box-shadow:0 8px 25px rgba(223,242,103,.24)}.btn.ghost{background:transparent}.menuBtn{display:none;background:none;border:0;font-size:24px}.hero{min-height:720px;background:var(--navy2);color:#fff;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 75% 30%,rgba(169,213,232,.15),transparent 35%),linear-gradient(90deg,rgba(6,21,41,1) 10%,rgba(6,21,41,.82) 48%,rgba(6,21,41,.06) 80%);z-index:2}.hero-media{position:absolute;inset:0 0 0 46%;background:url('img/hero-beverage.jpg') center/cover no-repeat;filter:saturate(.95) contrast(1.03);transform:scale(1.03)}.hero-grid{position:relative;z-index:3;display:grid;grid-template-columns:1.05fr .7fr;gap:70px;padding:95px 0 70px;align-items:center}.eyebrow{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:var(--lime)}h1,h2,h3{font-family:Manrope,sans-serif;line-height:1.08;margin:0 0 20px}.hero h1{font-size:clamp(48px,6vw,80px);max-width:720px;letter-spacing:-.04em}.hero h1 em{font-style:normal;color:var(--lime)}.hero p{font-size:18px;color:#d5dfeb;max-width:640px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.hero .ghost{border-color:rgba(255,255,255,.35);color:#fff}.rpif-card{justify-self:end;background:rgba(4,17,32,.72);backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.18);border-radius:24px;padding:28px;width:360px;box-shadow:0 20px 80px rgba(0,0,0,.22)}.rpif-step{display:grid;grid-template-columns:38px 1fr;gap:12px;padding:10px 0}.num{width:34px;height:34px;border-radius:50%;border:1px solid var(--lime);display:grid;place-items:center;color:var(--lime);font-size:12px}.rpif-step b{display:block;font-size:13px;letter-spacing:.05em}.rpif-step small{color:#aebbc8}.section{padding:100px 0}.section.dark{background:var(--navy2);color:#fff}.section.sky{background:#dbeaf0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:45px}.section-head h2{font-size:clamp(36px,4vw,56px);max-width:760px;letter-spacing:-.035em}.section-head p{max-width:520px;color:var(--muted)}.dark .section-head p{color:#b7c5d2}.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:28px;box-shadow:0 0 0 transparent;transition:.3s;position:relative;overflow:hidden}.card:hover{transform:translateY(-6px);box-shadow:var(--shadow)}.dark .card{background:#0b223c;border-color:rgba(255,255,255,.1);color:#fff}.card h3{font-size:22px}.card p{color:var(--muted)}.dark .card p{color:#b9c6d2}.service-card .thumb{height:180px;margin:-28px -28px 24px;overflow:hidden}.service-card .thumb img{width:100%;height:100%;object-fit:cover;transition:.5s}.service-card:hover .thumb img{transform:scale(1.06)}.tag{display:inline-block;padding:5px 9px;border-radius:999px;background:rgba(223,242,103,.18);color:#758312;font-weight:700;font-size:10px;text-transform:uppercase;letter-spacing:.08em}.thin-link{font-weight:700;font-size:13px;border-bottom:1px solid currentColor;padding-bottom:3px}.method{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:45px}.method .m{padding:26px 20px;border-top:1px solid rgba(255,255,255,.2);position:relative}.method .m:before{content:"";position:absolute;top:-2px;left:0;width:30%;height:3px;background:var(--lime)}.m strong{display:block;margin-bottom:8px}.m span{font-size:13px;color:#b7c5d2}.area-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.area{border-top:1px solid var(--line);padding:22px 0;font-size:18px;font-weight:600}.quote{font-size:clamp(36px,5vw,68px);letter-spacing:-.04em;max-width:1000px}.trust{display:grid;grid-template-columns:1fr 1fr;gap:25px}.journey{counter-reset:step}.journey div{counter-increment:step;padding:15px 0;border-bottom:1px solid rgba(255,255,255,.14);display:flex;gap:15px}.journey div:before{content:'0' counter(step);color:var(--lime);font-weight:700}.insight-card time{font-size:12px;color:var(--muted)}.article-wrap{max-width:850px;margin:auto}.article-wrap h1{font-size:clamp(44px,6vw,72px);letter-spacing:-.04em}.article-body{font-size:18px}.article-body h2{font-size:32px;margin-top:45px}.related{margin-top:60px;padding:35px;border-radius:22px;background:var(--navy);color:#fff}.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}.form{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field{display:flex;flex-direction:column;gap:6px}.field.full{grid-column:1/-1}.field label{font-size:12px;font-weight:700}.field input,.field select,.field textarea{width:100%;padding:14px;border:1px solid #ccd5dd;border-radius:12px;background:#fff;font:inherit}.field textarea{min-height:120px;resize:vertical}.check{display:flex;gap:10px;font-size:13px}.status{padding:12px 14px;border-radius:12px;font-size:13px;display:none}.status.ok{display:block;background:#e6f4dc}.status.err{display:block;background:#ffe0e0}.footer{background:#061529;color:#cfdae5;padding:55px 0 24px}.footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:40px}.footer a{display:block;margin:8px 0;font-size:14px;color:#cfdae5}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);margin-top:40px;padding-top:18px;display:flex;justify-content:space-between;font-size:12px}.page-hero{background:var(--navy2);color:#fff;padding:90px 0 70px}.page-hero h1{font-size:clamp(48px,6vw,76px);letter-spacing:-.04em}.service-detail{display:grid;grid-template-columns:1fr 1fr;gap:60px}.detail-block{padding:25px 0;border-top:1px solid var(--line)}.detail-block h3{font-size:17px;margin-bottom:10px}.detail-block ul{padding-left:20px}.careers-hero{display:grid;grid-template-columns:1fr 1fr;min-height:540px;background:var(--navy2);color:#fff}.careers-copy{padding:80px max(40px,calc((100vw - 1180px)/2));padding-right:60px;align-self:center}.careers-media{background:url('img/careers-team.jpg') center/cover}.empty{padding:35px;border:1px dashed #a9b5be;border-radius:18px;text-align:center}.admin-body{background:#07172b;color:#eef6ff;min-height:100vh}.admin-shell{display:grid;grid-template-columns:250px 1fr;min-height:100vh}.sidebar{background:#061225;padding:28px 20px;position:sticky;top:0;height:100vh}.sidebar .brand{color:#fff}.side-nav{margin-top:35px}.side-nav button{width:100%;text-align:left;background:none;color:#aebdcb;border:0;padding:12px;border-radius:10px;cursor:pointer}.side-nav button:hover,.side-nav button.active{background:#0d2948;color:#fff}.admin-main{padding:35px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.stat{background:#0d2948;border:1px solid rgba(255,255,255,.08);padding:22px;border-radius:18px}.stat strong{font-size:32px}.table-wrap{background:#0d2948;border-radius:18px;padding:20px;margin-top:20px;overflow:auto}table{width:100%;border-collapse:collapse;font-size:13px}th,td{text-align:left;padding:12px;border-bottom:1px solid rgba(255,255,255,.09)}.admin-panel{display:none}.admin-panel.active{display:block}.admin-form{display:grid;grid-template-columns:1fr 1fr;gap:12px;max-width:800px}.admin-form input,.admin-form select,.admin-form textarea{padding:12px;border-radius:10px;border:1px solid #284563;background:#07172b;color:#fff}.login{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 70% 20%,#173957,#061529 55%);padding:25px}.login-card{width:min(460px,100%);background:#fff;padding:40px;border-radius:24px;box-shadow:var(--shadow)}.login-card .brand{margin-bottom:30px}.reveal{opacity:0;transform:translateY(22px);transition:.7s cubic-bezier(.2,.7,.2,1)}.reveal.in{opacity:1;transform:none}.floaty{animation:float 6s ease-in-out infinite}@keyframes float{50%{transform:translateY(-10px)}}
@media(max-width:900px){.navlinks{display:none;position:absolute;top:78px;left:0;right:0;background:var(--off);padding:20px;flex-direction:column;align-items:flex-start}.navlinks.open{display:flex}.menuBtn{display:block}.hero-grid{grid-template-columns:1fr;padding-top:70px}.hero-media{inset:0;opacity:.32}.rpif-card{justify-self:start;width:min(100%,380px)}.grid4,.grid3,.method,.area-grid{grid-template-columns:1fr 1fr}.contact-grid,.service-detail,.trust{grid-template-columns:1fr}.careers-hero{grid-template-columns:1fr}.careers-media{min-height:340px}.admin-shell{grid-template-columns:1fr}.sidebar{position:relative;height:auto}.stats{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr}.form{grid-template-columns:1fr}.field.full{grid-column:auto}}@media(max-width:560px){.container{width:min(100% - 26px,1180px)}.topbar{display:none}.nav .container{height:68px}.brand{font-size:21px}.hero{min-height:auto}.hero-grid{padding:60px 0}.hero h1{font-size:45px}.section{padding:72px 0}.grid4,.grid3,.method,.area-grid,.stats{grid-template-columns:1fr}.section-head{align-items:start;flex-direction:column}.footer-bottom{flex-direction:column;gap:8px}.admin-main{padding:20px}.admin-form{grid-template-columns:1fr}}

/* 2026 premium motion refresh */
.hero-slider{position:relative;min-height:690px;overflow:hidden;background:#061529;color:#fff}
.hero-slider:before{display:none}
.hero-slides,.hero-slide,.hero-wash{position:absolute;inset:0}
.hero-slide{opacity:0;background-size:cover;background-position:center;transform:scale(1.08);transition:opacity 1.15s ease,transform 7s ease;will-change:opacity,transform}
.hero-slide.active{opacity:1;transform:scale(1)}
.hero-slide:nth-child(1){background-position:center 48%}.hero-slide:nth-child(2){background-position:center}.hero-slide:nth-child(3){background-position:center}.hero-slide:nth-child(4){background-position:center}
.hero-wash{z-index:1;background:linear-gradient(90deg,rgba(4,17,32,.72) 0%,rgba(4,17,32,.50) 38%,rgba(4,17,32,.12) 70%,rgba(4,17,32,.02) 100%)}
.hero-grid-single{position:relative;z-index:3;display:block;padding:130px 0 110px}.hero-copy{max-width:720px}.hero-copy p{max-width:610px}.arabic-line{font-size:22px!important;margin-top:34px;color:#fff!important}
.hero-outline{border:1px solid rgba(255,255,255,.6);color:#fff;background:rgba(5,18,34,.18);backdrop-filter:blur(8px)}.hero-outline:hover{background:#fff;color:#061529}
.slider-arrow{position:absolute;z-index:5;top:50%;transform:translateY(-50%);width:48px;height:48px;border-radius:50%;border:1px solid rgba(255,255,255,.55);background:rgba(4,17,32,.18);color:#fff;font-size:34px;line-height:1;cursor:pointer;backdrop-filter:blur(8px);transition:.25s}.slider-arrow:hover{background:rgba(223,242,103,.95);color:#07172b;border-color:transparent}.slider-arrow.prev{left:24px}.slider-arrow.next{right:24px}.slider-dots{position:absolute;z-index:5;left:50%;bottom:26px;transform:translateX(-50%);display:flex;gap:10px}.slider-dots button{width:30px;height:3px;padding:0;border:0;background:rgba(255,255,255,.45);cursor:pointer;transition:.3s}.slider-dots button.active{width:58px;background:var(--lime)}

/* Image-led inner-page heroes */
.page-hero{position:relative;overflow:hidden;min-height:390px;display:flex;align-items:center;background:#061529;color:#fff;padding:90px 0 70px;isolation:isolate}
.page-hero:before{content:"";position:absolute;inset:-3%;z-index:-2;background-size:cover;background-position:center;animation:heroKenBurns 16s ease-in-out infinite alternate}
.page-hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(4,17,32,.78) 0%,rgba(4,17,32,.48) 52%,rgba(4,17,32,.12) 100%)}
body.page-story .page-hero:before,body.page-privacy .page-hero:before{background-image:url('img/hotel-resort.jpg')}
body.page-services .page-hero:before,body.page-terms .page-hero:before{background-image:url('img/fine-dining-room.jpg')}
body.page-insights .page-hero:before,body.page-insight-profit .page-hero:before,body.page-insight-signals .page-hero:before,body.page-insight-expansion .page-hero:before{background-image:url('img/insights-hero.jpg')}
body.page-contact .page-hero:before,body.page-rpif .page-hero:before{background-image:url('img/group-diners.jpg')}
.page-hero .container{position:relative}.page-hero .eyebrow{display:inline-flex;padding:7px 10px;border:1px solid rgba(223,242,103,.35);background:rgba(6,21,41,.25);backdrop-filter:blur(8px);border-radius:999px}.page-hero h1{text-shadow:0 12px 38px rgba(0,0,0,.28)}
@keyframes heroKenBurns{from{transform:scale(1.03) translate3d(0,0,0)}to{transform:scale(1.11) translate3d(-1.5%,1%,0)}}

/* richer interactions on all content pages */
.card,.area,.detail-block,.related{transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s ease,border-color .35s ease}.area:hover,.detail-block:hover{transform:translateX(8px)}
.section .thumb img,.careers-media{backface-visibility:hidden}.careers-media{animation:heroKenBurns 18s ease-in-out infinite alternate}
.reveal.in .thumb img{animation:softImageIn 1.1s ease both}@keyframes softImageIn{from{transform:scale(1.06);filter:saturate(.7)}to{transform:scale(1);filter:saturate(1)}}
@media(max-width:900px){.hero-slider{min-height:650px}.hero-grid-single{padding:100px 0}.hero-wash{background:linear-gradient(90deg,rgba(4,17,32,.75),rgba(4,17,32,.32))}.slider-arrow{width:40px;height:40px}.slider-arrow.prev{left:10px}.slider-arrow.next{right:10px}.page-hero{min-height:330px}}
@media(max-width:560px){.hero-slider{min-height:610px}.hero-grid-single{padding:90px 0}.slider-arrow{top:auto;bottom:16px;transform:none}.slider-arrow.prev{left:16px}.slider-arrow.next{right:16px}.slider-dots{bottom:34px}.page-hero{min-height:300px}}

/* === 2026 v3 visual + platform refresh === */
.hero-slider{min-height:690px}.hero-slides{position:absolute;inset:0}.hero-slide{position:absolute;inset:0;opacity:0;transform:scale(1.08);transition:opacity 1s ease,transform 7s ease;overflow:hidden}.hero-slide.active{opacity:1;transform:scale(1)}.hero-slide img{width:100%;height:100%;object-fit:cover;object-position:center;animation:heroKenBurns 12s ease-in-out infinite alternate}.hero-slide:nth-child(2) img{object-position:center 58%}.hero-slide:nth-child(3) img{object-position:center 55%}.hero-slide:nth-child(4) img{object-position:center 45%}@keyframes heroKenBurns{from{transform:scale(1)}to{transform:scale(1.07) translate3d(-.5%,.5%,0)}}.hero-wash{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,13,28,.76) 0%,rgba(3,13,28,.48) 42%,rgba(3,13,28,.12) 72%,rgba(3,13,28,.06) 100%);z-index:1}.hero-slider:before{display:none}.hero-slider .hero-grid{z-index:3}.hero-grid-single{grid-template-columns:1fr}.hero-copy{max-width:760px;text-shadow:0 2px 18px rgba(0,0,0,.28)}.hero-outline{color:#fff;border-color:rgba(255,255,255,.45);background:rgba(5,17,33,.18);backdrop-filter:blur(8px)}.arabic-line{font-size:19px;color:#f5f0df;margin-top:24px}.slider-arrow{position:absolute;z-index:5;top:50%;transform:translateY(-50%);width:50px;height:50px;border-radius:50%;border:1px solid rgba(255,255,255,.5);background:rgba(6,21,41,.18);backdrop-filter:blur(7px);color:#fff;font-size:32px;cursor:pointer;transition:.25s}.slider-arrow:hover{background:var(--lime);color:#061529;border-color:var(--lime)}.slider-arrow.prev{left:24px}.slider-arrow.next{right:24px}.slider-dots{position:absolute;left:50%;bottom:26px;transform:translateX(-50%);z-index:5;display:flex;gap:8px}.slider-dots button{width:8px;height:8px;border-radius:50%;border:0;background:rgba(255,255,255,.5);padding:0;transition:.25s;cursor:pointer}.slider-dots button.active{width:30px;border-radius:8px;background:var(--lime)}
.page-hero{position:relative;overflow:hidden;min-height:460px;display:flex;align-items:end;padding:100px 0 78px}.page-hero>.container{position:relative;z-index:3}.page-hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;animation:innerHero 14s ease-in-out infinite alternate}.page-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,16,31,.82),rgba(4,16,31,.48) 50%,rgba(4,16,31,.14));z-index:1}.page-hero h1,.page-hero p,.page-hero .eyebrow{position:relative;z-index:2;text-shadow:0 2px 14px rgba(0,0,0,.24)}@keyframes innerHero{from{transform:scale(1.02) translateX(0)}to{transform:scale(1.09) translateX(-1%)}}.careers-hero{position:relative;overflow:hidden}.careers-media{position:relative;background:none;overflow:hidden}.careers-media img{position:absolute;width:100%;height:100%;object-fit:cover;inset:0;animation:innerHero 14s ease-in-out infinite alternate}.careers-media:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,21,41,.3),transparent 50%)}

.portal-login-body{margin:0;background:#061529;color:#fff;min-height:100vh}.portal-login-shell{min-height:100vh;display:grid;grid-template-columns:1.15fr .85fr}.portal-login-visual{position:relative;background:url('img/fine-dining-room.jpg') center/cover no-repeat;min-height:100vh}.portal-login-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,10,22,.82),rgba(2,10,22,.3)),linear-gradient(0deg,rgba(2,10,22,.65),transparent 60%)}.portal-login-copy{position:absolute;left:clamp(32px,7vw,110px);bottom:clamp(45px,10vh,120px);z-index:2;max-width:700px}.portal-brand{color:#fff;display:inline-block;margin-bottom:70px}.portal-login-copy h1{font-size:clamp(48px,6vw,82px);letter-spacing:-.05em}.portal-login-copy p{max-width:650px;color:#d8e3ec;font-size:17px}.portal-role-chips{display:flex;flex-wrap:wrap;gap:9px;margin-top:25px}.portal-role-chips span{padding:7px 11px;border-radius:999px;border:1px solid rgba(255,255,255,.26);font-size:11px;color:#f1f5f8;background:rgba(5,18,35,.26);backdrop-filter:blur(8px)}.portal-login-form-wrap{display:grid;place-items:center;padding:50px;background:radial-gradient(circle at 80% 10%,#173955 0,#061529 48%)}.portal-login-card{width:min(440px,100%);background:#f9faf7;color:var(--ink);padding:40px;border-radius:28px;box-shadow:0 28px 90px rgba(0,0,0,.3)}.portal-login-card h2{font-size:42px;margin-bottom:8px}.portal-login-card p{color:var(--muted)}.portal-login-btn{width:100%;margin-top:22px}.portal-back{display:block;text-align:center;margin-top:20px;font-size:13px;color:var(--muted)}
.admin-body{background:#eef2f1;color:var(--ink)}.modern-admin{grid-template-columns:250px minmax(0,1fr)}.modern-admin .sidebar{background:#061529;color:#d6e1ec;border-right:1px solid rgba(255,255,255,.06);padding:24px 16px;display:flex;flex-direction:column}.user-mini{display:flex;align-items:center;gap:11px;padding:20px 8px;margin:22px 0 12px;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08)}.user-mini .avatar{width:38px;height:38px;border-radius:12px;background:var(--lime);color:#061529;display:grid;place-items:center;font-weight:800}.user-mini strong{display:block;font-size:13px;color:#fff}.user-mini small{display:block;color:#9eb0c2;font-size:10px;margin-top:2px}.side-nav button{display:flex;align-items:center;gap:10px;font-size:13px}.side-nav button span{flex:1}.sidebar-bottom{margin-top:auto;padding:12px 8px;display:grid;gap:8px}.sidebar-bottom a,.sidebar-bottom button{background:none;border:0;color:#9fb0c0;text-align:left;padding:7px 0;font:inherit;font-size:12px;cursor:pointer}.admin-main{padding:28px 34px 70px;min-width:0}.admin-top{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px}.admin-top h1{font-size:32px;margin:4px 0}.top-controls{display:flex;align-items:center;gap:10px}.view-as{display:flex;align-items:center;gap:8px;font-size:11px;color:#647386;background:#fff;border:1px solid #dbe3e7;padding:8px 11px;border-radius:12px}.view-as select{border:0;background:transparent;font:inherit;color:var(--ink);font-weight:700}.role-pill{padding:8px 12px;border-radius:999px;background:#07172b;color:#fff;font-size:11px;font-weight:700}.dashboard-hero{background:linear-gradient(120deg,#07172b,#102f4d);color:#fff;border-radius:26px;padding:32px;display:flex;justify-content:space-between;align-items:end;gap:25px;overflow:hidden;position:relative}.dashboard-hero:after{content:"";position:absolute;width:300px;height:300px;border:1px solid rgba(223,242,103,.14);border-radius:50%;right:-80px;top:-110px}.dashboard-hero h2{font-size:36px;max-width:700px;margin-top:12px}.dashboard-hero p{color:#c3d0db;max-width:760px}.modern-stats{margin-top:16px}.modern-stats .stat{background:#fff;color:var(--ink);border:1px solid #dce3e6;box-shadow:0 8px 30px rgba(9,38,62,.05)}.modern-stats .stat small{color:#677587}.modern-stats .stat strong{display:block;color:#07172b}.modern-stats .stat span{font-size:10px;color:#91a0ae}.overview-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.modern-admin .table-wrap{background:#fff;color:var(--ink);border:1px solid #dde5e8;box-shadow:0 10px 32px rgba(9,38,62,.05)}.table-title,.panel-head{display:flex;justify-content:space-between;align-items:end;gap:20px}.table-title h3{margin:4px 0 0}.panel-head{margin:8px 0 18px}.panel-head h2{font-size:38px;margin:4px 0}.panel-head p{max-width:760px;color:var(--muted)}.mini-btn{border:1px solid #d6dfe3;background:#fff;border-radius:999px;padding:7px 11px;font-size:11px;font-weight:700;cursor:pointer}.activity-list{display:grid;margin-top:10px}.activity{width:100%;border:0;background:none;color:inherit;display:flex;justify-content:space-between;text-align:left;padding:14px 0;border-bottom:1px solid #e7ecee;font:inherit;cursor:pointer}.activity span strong,.activity span small{display:block}.activity span small{font-size:11px;color:#84929f;margin-top:3px}.activity b{font-size:10px;padding:5px 8px;border-radius:999px;background:#eef5d5;color:#667412;height:max-content}.activity-empty{padding:25px 0;color:#92a0aa;font-size:13px}.modern-admin table th,.modern-admin table td{border-bottom:1px solid #e6ecef;color:var(--ink)}.modern-admin table th{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#788794}.admin-card{background:#fff;border:1px solid #dce4e7;padding:18px;border-radius:18px;box-shadow:0 9px 28px rgba(8,35,57,.05);margin-bottom:18px}.modern-admin .admin-form input,.modern-admin .admin-form select,.modern-admin .admin-form textarea,.assessment-item-form input,.assessment-item-form select,.assessment-item-form textarea{padding:12px;border-radius:10px;border:1px solid #d3dde1;background:#f9fbfa;color:var(--ink);font:inherit}.collapsible{display:none}.assessment-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.assessment-card{background:#fff;border:1px solid #dce4e7;border-radius:20px;padding:20px;cursor:pointer;transition:.25s;box-shadow:0 8px 26px rgba(8,35,57,.04)}.assessment-card:hover{transform:translateY(-4px);box-shadow:0 18px 46px rgba(8,35,57,.1)}.assessment-card-top{display:flex;justify-content:space-between}.priority-dot{width:9px;height:9px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 6px rgba(223,242,103,.17)}.status-chip{padding:5px 8px;border-radius:999px;background:#eef2f4;color:#576775;font-size:9px;text-transform:uppercase;letter-spacing:.06em;font-weight:800}.assessment-card h3{font-size:19px;margin:20px 0 5px}.assessment-card p{color:#74828f;font-size:12px}.assessment-meta{display:flex;gap:10px;margin:15px 0}.assessment-meta span{font-size:10px;background:#f4f6f6;padding:6px 8px;border-radius:8px}.access-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:18px}.access-note{background:#07172b;color:#fff;border-radius:20px;padding:24px}.access-note p{color:#c8d4de;font-size:13px}.table-link{color:#516100;font-weight:700}.assessment-drawer{position:fixed;z-index:100;right:0;top:0;width:min(720px,100%);height:100vh;background:#f7f9f7;box-shadow:-20px 0 70px rgba(4,20,35,.2);padding:28px;overflow:auto;transform:translateX(105%);transition:.35s ease}.assessment-drawer.open{transform:translateX(0)}.drawer-head{display:flex;justify-content:space-between;gap:20px;position:sticky;top:-28px;background:rgba(247,249,247,.94);backdrop-filter:blur(14px);z-index:3;padding:28px 0 16px}.drawer-head h2{font-size:32px;margin:4px 0}.drawer-head p{font-size:12px;color:#788894}.drawer-close{width:38px;height:38px;border-radius:50%;border:1px solid #d5dde1;background:#fff;font-size:24px;cursor:pointer}.assessment-items{display:grid;gap:12px}.assessment-item{background:#fff;border:1px solid #dce4e7;border-radius:18px;padding:18px}.assessment-item-head{display:flex;justify-content:space-between}.assessment-item h3{font-size:18px;margin:15px 0}.priority{font-size:9px;font-weight:800;text-transform:uppercase;padding:5px 8px;border-radius:999px}.priority.critical{background:#ffe2df;color:#9b241b}.priority.high{background:#fff0d8;color:#8a5310}.priority.medium{background:#eaf0dd;color:#5f6e28}.priority.low{background:#e7f0f3;color:#45626d}.item-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.item-grid>div{background:#f6f8f7;padding:12px;border-radius:12px}.item-grid small{display:block;color:#82909b;font-size:9px;text-transform:uppercase;letter-spacing:.07em}.item-grid strong,.item-grid p{font-size:12px;margin:4px 0}.assessment-item-form{margin-top:20px;background:#07172b;color:#fff;padding:20px;border-radius:20px}.assessment-item-form .field{margin-bottom:12px}.assessment-item-form label{color:#d5e0e8}.drawer-form-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}.dark-empty{background:#fff;color:#81909b}
@media(max-width:1000px){.portal-login-shell{grid-template-columns:1fr}.portal-login-visual{min-height:52vh}.portal-login-form-wrap{min-height:48vh}.modern-admin{grid-template-columns:80px 1fr}.modern-admin .sidebar .brand{font-size:0}.modern-admin .sidebar .brand:before{content:'S';font-size:28px}.user-mini>div:last-child,.side-nav button span,.sidebar-bottom a{display:none}.side-nav button{justify-content:center;font-size:18px}.assessment-grid{grid-template-columns:1fr 1fr}.overview-grid{grid-template-columns:1fr}.top-controls{flex-wrap:wrap;justify-content:flex-end}}
@media(max-width:700px){.slider-arrow{width:42px;height:42px}.slider-arrow.prev{left:10px}.slider-arrow.next{right:10px}.hero-wash{background:linear-gradient(90deg,rgba(3,13,28,.72),rgba(3,13,28,.28))}.page-hero{min-height:390px}.portal-login-form-wrap{padding:24px}.portal-login-card{padding:28px}.portal-login-copy{left:25px;right:25px}.portal-login-copy h1{font-size:43px}.modern-admin{grid-template-columns:1fr}.modern-admin .sidebar{position:fixed;z-index:50;bottom:0;top:auto;width:100%;height:68px;display:block;padding:6px 10px}.modern-admin .sidebar>.brand,.user-mini,.sidebar-bottom{display:none}.side-nav{margin:0;display:flex;overflow-x:auto;gap:3px}.side-nav button{min-width:56px;height:56px;padding:8px;justify-content:center}.admin-main{padding:20px 16px 95px}.admin-top{align-items:flex-start}.admin-top .eyebrow{display:none}.admin-top h1{font-size:25px}.view-as{display:none!important}.dashboard-hero{padding:24px;align-items:flex-start;flex-direction:column}.dashboard-hero h2{font-size:29px}.stats{grid-template-columns:1fr 1fr}.assessment-grid{grid-template-columns:1fr}.admin-form{grid-template-columns:1fr}.access-layout{grid-template-columns:1fr}.drawer-form-grid,.item-grid{grid-template-columns:1fr}.assessment-drawer{padding:20px}.drawer-head{top:-20px}.panel-head{align-items:flex-start;flex-direction:column}.careers-hero{grid-template-columns:1fr}.careers-media{min-height:350px}}
.portal-login-visual{background:#061529}.portal-login-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}

/* V4 — viewport-fit hero and alignment refinement */
.hero-slider{
  height:calc(100svh - 113px);
  min-height:520px;
  max-height:760px;
}
.hero-slider .container.hero-grid-single{
  height:100%;
  min-height:0;
  padding:clamp(38px,7vh,76px) 0 clamp(44px,7vh,76px);
  display:flex;
  align-items:center;
}
.hero-slider .hero-copy{
  width:min(720px,72vw);
  margin:0;
  opacity:1!important;
  transform:none!important;
}
.hero-slider .hero-copy h1{
  font-size:clamp(42px,5.35vw,72px);
  margin-bottom:16px;
}
.hero-slider .hero-copy p{
  margin:0;
  max-width:600px;
}
.hero-slider .actions{margin-top:24px}
.hero-slider .arabic-line{margin-top:20px}
.hero-slider .slider-dots{bottom:18px}
.hero-slider .hero-slide img{object-fit:cover}

@media (max-height:760px) and (min-width:901px){
  .hero-slider{height:calc(100svh - 113px);min-height:480px;max-height:none}
  .hero-slider .container.hero-grid-single{padding:30px 0 38px}
  .hero-slider .hero-copy h1{font-size:clamp(38px,4.8vw,60px);margin-bottom:12px}
  .hero-slider .hero-copy p{font-size:16px;line-height:1.5}
  .hero-slider .actions{margin-top:18px}
  .hero-slider .arabic-line{margin-top:14px;font-size:17px!important}
  .hero-slider .slider-dots{bottom:12px}
}

@media(max-width:900px){
  .hero-slider{height:calc(100svh - 113px);min-height:520px;max-height:700px}
  .hero-slider .container.hero-grid-single{height:100%;padding:46px 0 58px;display:flex;align-items:center}
  .hero-slider .hero-copy{width:min(650px,86vw)}
  .hero-slider .hero-copy h1{font-size:clamp(40px,7vw,60px)}
}

@media(max-width:560px){
  .hero-slider{height:calc(100svh - 68px);min-height:500px;max-height:680px}
  .hero-slider .container.hero-grid-single{padding:34px 0 62px;align-items:center}
  .hero-slider .hero-copy{width:100%;max-width:none}
  .hero-slider .hero-copy h1{font-size:clamp(34px,10.5vw,48px);line-height:1.03}
  .hero-slider .hero-copy p{font-size:15px;line-height:1.5;max-width:92%}
  .hero-slider .actions{gap:9px;margin-top:18px}
  .hero-slider .actions .btn{padding:11px 14px;font-size:11px}
  .hero-slider .arabic-line{font-size:16px!important;line-height:1.5;margin-top:14px}
  .hero-slider .slider-dots{bottom:22px}
}

@media(max-width:380px), (max-height:620px){
  .hero-slider .arabic-line{display:none}
}
/* V5 — simplified client onboarding */
.portal-create-box{padding:22px;border:1px solid rgba(16,42,67,.14);border-radius:18px;background:linear-gradient(135deg,rgba(169,213,232,.16),rgba(223,242,103,.10));margin-top:4px}.portal-create-box h3{margin:5px 0 8px}.portal-create-box p{margin:0 0 14px;color:#52606d}.portal-create-box small{display:block;margin-top:7px;color:#68737d}.portal-ready{margin-top:14px;padding:18px;border-radius:16px;background:#102A43;color:#fff;display:grid;gap:8px}.portal-ready[hidden]{display:none}.portal-ready span{color:#d7e3ec}.portal-ready .btn{width:max-content;margin-top:4px;border-color:rgba(255,255,255,.45);color:#fff}
.my-request-card{display:flex;justify-content:space-between;gap:24px;align-items:center;padding:22px 24px;margin:0 0 22px;border-radius:18px;background:linear-gradient(120deg,#102A43,#163a5c);color:white}.my-request-card h3{margin:4px 0}.my-request-card p,.my-request-card small{color:#d7e3ec}.my-request-card>div:last-child{display:grid;gap:8px;text-align:right}@media(max-width:700px){.my-request-card{align-items:flex-start;flex-direction:column}.my-request-card>div:last-child{text-align:left}}
/* V6 portal signup + client request flow */
.portal-auth-card{width:min(640px,100%)}.portal-auth-switch{display:grid;grid-template-columns:1fr 1fr;gap:5px;background:rgba(16,42,67,.08);padding:5px;border-radius:999px;margin-bottom:28px}.portal-auth-switch button{border:0;background:transparent;padding:12px 16px;border-radius:999px;font:inherit;font-weight:700;color:#486174;cursor:pointer}.portal-auth-switch button.active{background:#102A43;color:#fff;box-shadow:0 8px 24px rgba(16,42,67,.16)}.portal-auth-form[hidden]{display:none!important}.portal-signup-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.portal-signup-grid .full{grid-column:1/-1}.portal-consent{display:flex;align-items:flex-start;gap:10px;margin:17px 0;font-size:.9rem;line-height:1.45;color:#526779}.portal-consent input{margin-top:3px}.portal-server-notice{margin-top:16px;padding:13px 15px;border-radius:12px;background:#fff4d6;color:#6f4f00;font-size:.88rem;line-height:1.45}.request-panel{display:none}.request-panel.client-visible{display:block}.request-card{max-width:900px}.request-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.request-grid .full{grid-column:1/-1}.request-success{padding:22px;border:1px solid rgba(223,242,103,.45);background:rgba(223,242,103,.08);border-radius:16px}.request-success h3{margin:0 0 8px}.client-request-btn{display:none}.client-request-btn.show{display:inline-flex}@media(max-width:720px){.portal-signup-grid,.request-grid{grid-template-columns:1fr}.portal-signup-grid .full,.request-grid .full{grid-column:auto}.portal-auth-switch{margin-bottom:20px}}
.portal-path-card{margin:0 0 26px;padding:22px;border-radius:18px;background:#102A43;color:#fff}.portal-path-card strong{font-size:1.15rem}.portal-path-card p{color:rgba(255,255,255,.72);max-width:620px}.portal-path-card .btn{margin-top:6px}
.contact-simple-card{padding:34px}.contact-simple-card hr{border:0;border-top:1px solid rgba(16,42,67,.12);margin:28px 0}.contact-simple-card a:not(.btn){color:#102A43;font-weight:700}.muted{opacity:.7}
/* V7 local preview usability */
.portal-server-notice{margin-top:16px;padding:12px 14px;border-radius:12px;line-height:1.45;font-size:.88rem}
.portal-server-notice strong{font-weight:750}


/* V10 — modern visual system: simpler, image-led, more editorial */
:root{--radius:28px;--shadow:0 24px 80px rgba(4,22,40,.12)}
body{background:#f7f7f3}
.nav{background:rgba(247,247,243,.82);backdrop-filter:blur(22px) saturate(145%)}
.section{padding:clamp(68px,8vw,108px) 0}
.card{border-radius:26px;padding:26px;background:rgba(255,255,255,.92);box-shadow:0 1px 0 rgba(16,42,67,.04)}
.card:hover{transform:translateY(-4px);box-shadow:0 22px 55px rgba(4,22,40,.11)}
.visual-card{padding-top:0}.visual-card .card-photo{height:190px;margin:0 -26px 24px;overflow:hidden;border-radius:26px 26px 0 0}.visual-card .card-photo img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.7,.2,1)}.visual-card:hover .card-photo img{transform:scale(1.055)}
.split-feature{display:grid;grid-template-columns:1.02fr .98fr;gap:50px;align-items:center}.split-feature-copy{min-width:0}.split-feature-media{height:min(640px,68vw);min-height:440px;border-radius:32px;overflow:hidden;box-shadow:0 28px 70px rgba(16,42,67,.15)}.split-feature-media img{width:100%;height:100%;object-fit:cover;animation:slowZoom 14s ease-in-out infinite alternate}
.outcome-grid{grid-template-columns:repeat(2,1fr)}.outcome-grid .card{min-height:150px;display:flex;flex-direction:column;justify-content:space-between}.outcome-grid .card>span{font:700 11px Manrope,sans-serif;letter-spacing:.12em;color:#7a8916}.outcome-grid h3{margin:28px 0 0;font-size:20px}
.assessment-showcase{display:grid;grid-template-columns:1fr .82fr;gap:36px;align-items:stretch}.assessment-photo{border-radius:30px;overflow:hidden;min-height:410px}.assessment-photo img{width:100%;height:100%;object-fit:cover;animation:slowZoom 16s ease-in-out infinite alternate}.area-grid{grid-template-columns:1fr 1fr}.area{padding:24px 8px 24px 0}
.trust-modern{grid-template-columns:.88fr 1.12fr}.trust-photo{min-height:660px;border-radius:30px;overflow:hidden}.trust-photo img{width:100%;height:100%;object-fit:cover;animation:slowZoom 18s ease-in-out infinite alternate}
.insight-card{padding-top:0}.insight-photo{height:210px;margin:0 -28px 24px;overflow:hidden;border-radius:26px 26px 0 0}.insight-photo img{width:100%;height:100%;object-fit:cover;transition:transform .7s}.insight-card:hover .insight-photo img{transform:scale(1.05)}
.editorial-break{padding:0 0 clamp(70px,8vw,110px)}.editorial-photo{height:clamp(300px,48vw,650px);overflow:hidden;border-radius:32px;box-shadow:0 26px 70px rgba(4,22,40,.12)}.editorial-photo img{width:100%;height:100%;object-fit:cover;animation:slowZoom 16s ease-in-out infinite alternate}.compact-section{padding-top:30px}.career-gallery{display:grid;grid-template-columns:1.15fr .8fr .8fr;gap:16px}.career-gallery .editorial-photo{height:390px}.career-gallery .editorial-photo:nth-child(2){margin-top:70px}.career-gallery .editorial-photo:nth-child(3){margin-top:28px}
.page-hero{position:relative;min-height:min(72svh,650px);padding:0;display:flex;align-items:flex-end;overflow:hidden}.page-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,20,38,.78),rgba(5,20,38,.24) 70%,rgba(5,20,38,.12));z-index:1}.page-hero .page-hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;animation:slowZoom 16s ease-in-out infinite alternate}.page-hero>.container{position:relative;z-index:2;padding-top:100px;padding-bottom:75px}.page-hero h1{max-width:900px}.page-hero p{color:#e5edf3;font-size:18px}
.service-detail{gap:80px}.service-detail>div:first-child{position:sticky;top:115px;align-self:start}.detail-block{padding:28px 0}.section:nth-of-type(even) .service-detail{position:relative}
@keyframes slowZoom{from{transform:scale(1.01)}to{transform:scale(1.07)}}
@media(prefers-reduced-motion:reduce){.split-feature-media img,.assessment-photo img,.trust-photo img,.editorial-photo img,.page-hero .page-hero-photo{animation:none}}
@media(max-width:900px){.split-feature,.assessment-showcase,.trust-modern{grid-template-columns:1fr}.split-feature-media{height:520px;min-height:0}.trust-photo{min-height:480px}.service-detail>div:first-child{position:static}.career-gallery{grid-template-columns:1fr 1fr}.career-gallery .editorial-photo:nth-child(2),.career-gallery .editorial-photo:nth-child(3){margin-top:0}.career-gallery .editorial-photo:nth-child(3){grid-column:1/-1;height:300px}}
@media(max-width:640px){.section{padding:62px 0}.outcome-grid,.area-grid{grid-template-columns:1fr}.split-feature-media{height:420px}.assessment-photo{min-height:340px}.trust-photo{min-height:400px}.editorial-photo{height:360px;border-radius:22px}.career-gallery{grid-template-columns:1fr}.career-gallery .editorial-photo,.career-gallery .editorial-photo:nth-child(3){height:300px;grid-column:auto}.page-hero{min-height:520px}.page-hero>.container{padding-bottom:48px}}

/* v11 recruitment + assessment library */
.module-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px}.module-card{appearance:none;text-align:left;border:1px solid #dce4e7;background:#f8faf9;border-radius:16px;padding:18px;cursor:pointer;transition:.2s;color:var(--ink)}.module-card:hover{transform:translateY(-2px);border-color:#c8a24a;box-shadow:0 12px 28px rgba(8,35,57,.08)}.module-card strong{display:block;font-size:15px;margin-bottom:6px}.module-card span{font-size:11px;color:#74828f;line-height:1.45}.jobs-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.job-card{background:#fff;border:1px solid #e1e6e8;border-radius:24px;padding:26px;box-shadow:0 12px 38px rgba(8,35,57,.06)}.job-card-top{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:11px;color:#74828f}.job-card h3{font-size:25px;margin:18px 0 10px}.job-card p{color:#657480}.job-requirements{font-size:12px;color:#657480;background:#f5f7f6;padding:14px;border-radius:12px;margin:14px 0 18px;line-height:1.6}.app-status-select{min-width:120px;padding:7px 9px;border:1px solid #d7e0e3;border-radius:9px;background:#fff}.admin-form textarea.full{grid-column:1/-1}
@media(max-width:900px){.module-grid{grid-template-columns:1fr 1fr}.jobs-grid{grid-template-columns:1fr}}@media(max-width:620px){.module-grid{grid-template-columns:1fr}}
.assessment-template-links{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:16px;font-size:11px;color:#74828f}.assessment-template-links a{padding:7px 10px;border-radius:999px;background:#eef2f4;color:#0b1f3a;font-weight:700}

/* V12 — final design polish: confident, modern, image-led */
::selection{background:var(--lime);color:#061529}
:focus-visible{outline:2px solid var(--lime);outline-offset:3px;border-radius:6px}
h1,h2,h3{letter-spacing:-.03em}
.nav{background:rgba(247,247,243,.86);box-shadow:0 14px 40px rgba(4,22,40,.05)}
.navlinks a{padding:9px 15px;border-radius:999px;transition:background .2s,color .2s,opacity .2s}
.navlinks a:not(.btn):hover{background:rgba(16,42,67,.06)}
.navlinks a:not(.btn).active{background:var(--navy);color:#fff;opacity:1}
.navlinks .btn.primary{box-shadow:0 10px 26px rgba(223,242,103,.32)}
body:not(.admin-body) .brand,body:not(.portal-login-body) .brand{transition:letter-spacing .35s ease}
body:not(.admin-body):not(.portal-login-body) .brand:hover{letter-spacing:.34em}
.btn{box-shadow:0 4px 14px rgba(4,22,40,.06)}
.btn.primary{background:linear-gradient(135deg,#eef8a6,var(--lime) 45%,#d6e968);border-color:transparent;box-shadow:0 14px 34px rgba(200,162,74,.26)}
.btn.primary:hover{box-shadow:0 20px 44px rgba(200,162,74,.34);transform:translateY(-3px)}
.btn.ghost:hover{background:rgba(16,42,67,.08)}
.card{background:#fff;border:1px solid rgba(16,42,67,.08);box-shadow:0 1px 2px rgba(4,22,40,.04)}
.card:hover{box-shadow:0 26px 60px rgba(4,22,40,.13)}
.section-head{position:relative}
.section-head:after{content:"";position:absolute;left:0;right:0;bottom:-10px;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--lime),transparent 55%)}
.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 4px rgba(200,162,74,.14)}
.editorial-photo,.split-feature-media,.assessment-photo,.trust-photo{border:1px solid rgba(255,255,255,.55);box-shadow:0 34px 90px rgba(4,22,40,.16)}
.footer{background:linear-gradient(180deg,#0a1d33,#061529)}
.footer-grid{margin-bottom:34px}
.footer-grid strong{font-family:Manrope,sans-serif;font-size:12px;text-transform:uppercase;letter-spacing:.16em;color:#f4f6f8;margin-bottom:10px}
.footer a:hover{color:var(--lime)}
.footer-bottom{border-color:rgba(255,255,255,.12)}
@media(prefers-reduced-motion:reduce){.btn,.card,.navlinks a,.footer a{transition:none}}

/* V13 — motion system + distinct Services vs Insights treatments */
.section-head h2{margin-bottom:0}
html.js .page-hero .eyebrow,html.js .page-hero h1,html.js .page-hero p,
html.js .hero-copy .eyebrow,html.js .hero-copy h1,html.js .hero-copy p,html.js .hero-copy .actions,html.js .hero-copy .arabic-line,
html.js .careers-copy .eyebrow,html.js .careers-copy h1,html.js .careers-copy p{opacity:0;transform:translateY(22px)}
html.js .page-hero.enter .eyebrow,html.js .hero-slider.enter .hero-copy .eyebrow,html.js .careers-hero.enter .careers-copy .eyebrow{animation:riseIn .72s cubic-bezier(.2,.7,.2,1) .08s both}
html.js .page-hero.enter h1,html.js .hero-slider.enter .hero-copy h1,html.js .careers-hero.enter .careers-copy h1{animation:riseIn .72s cubic-bezier(.2,.7,.2,1) .16s both}
html.js .page-hero.enter p,html.js .hero-slider.enter .hero-copy p,html.js .careers-hero.enter .careers-copy p{animation:riseIn .72s cubic-bezier(.2,.7,.2,1) .26s both}
html.js .hero-slider.enter .hero-copy .actions,html.js .hero-slider.enter .hero-copy .arabic-line{animation:riseIn .72s cubic-bezier(.2,.7,.2,1) .38s both}
@keyframes riseIn{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}
.grid4 .reveal:nth-child(2),.grid3 .reveal:nth-child(2){transition-delay:.06s}
.grid4 .reveal:nth-child(3),.grid3 .reveal:nth-child(3){transition-delay:.12s}
.grid4 .reveal:nth-child(4){transition-delay:.18s}
.service-ledger .reveal:nth-child(2){transition-delay:.07s}
.service-ledger .reveal:nth-child(3){transition-delay:.14s}
.service-ledger .reveal:nth-child(4){transition-delay:.21s}
.insight-overlay-grid .reveal:nth-child(2){transition-delay:.12s}
.insight-overlay-grid .reveal:nth-child(3){transition-delay:.24s}
.btn{position:relative;overflow:hidden}
.btn.primary:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(115deg,transparent 32%,rgba(255,255,255,.5) 50%,transparent 68%);transform:translateX(-130%)}
.btn:hover:before{transform:translateX(130%);transition:transform .7s ease}
.thin-link{transition:letter-spacing .25s,border-color .25s,color .25s}
.thin-link:hover{letter-spacing:.03em;border-color:var(--gold)}
.crafted{color:#8fa6b8;font-size:11px;letter-spacing:.05em}
.footer-bottom{gap:12px 24px;flex-wrap:wrap}
.section.dark .btn.ghost{border-color:rgba(255,255,255,.5);color:#fff}
.section.dark .btn.ghost:hover{background:rgba(255,255,255,.09)}

/* Services — numbered light ledger (distinct from Insights) */
.service-ledger{display:grid}
.ledger-row{display:grid;grid-template-columns:88px 1fr 210px;gap:clamp(22px,4vw,56px);align-items:center;padding:clamp(26px,4vw,42px) 0;border-top:1px solid var(--line);transition:background .35s ease}
.ledger-row:last-child{border-bottom:1px solid var(--line)}
.ledger-row:hover{background:linear-gradient(90deg,rgba(223,242,103,.10),transparent 55%)}
.ledger-num{font:700 clamp(32px,3.6vw,48px) Manrope,sans-serif;letter-spacing:-.03em;color:var(--gold);transition:color .3s}
.ledger-row:hover .ledger-num{color:var(--navy)}
.ledger-body h3{font-size:clamp(22px,2.2vw,30px);margin:10px 0 8px}
.ledger-body p{color:var(--muted);max-width:580px;margin:0 0 16px}
.ledger-photo{border-radius:20px;overflow:hidden;aspect-ratio:4/3;box-shadow:0 18px 44px rgba(4,22,40,.12)}
.ledger-photo img{width:100%;height:100%;object-fit:cover;transition:transform .65s cubic-bezier(.2,.7,.2,1)}
.ledger-row:hover .ledger-photo img{transform:scale(1.06)}

/* Insights — immersive overlay photo cards (distinct from Services) */
.insight-overlay-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.overlay-card{position:relative;border-radius:28px;overflow:hidden;min-height:460px;display:flex;align-items:flex-end;isolation:isolate;border:1px solid rgba(255,255,255,.08)}
.overlay-card>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.overlay-card:hover>img{transform:scale(1.07)}
.overlay-card:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(6,21,41,.06) 0%,rgba(6,21,41,.14) 36%,rgba(6,21,41,.88) 100%);transition:background .4s}
.overlay-card:hover:after{background:linear-gradient(180deg,rgba(6,21,41,.04) 0%,rgba(6,21,41,.12) 30%,rgba(6,21,41,.92) 100%)}
.overlay-content{padding:clamp(22px,2.6vw,30px);color:#fff;display:grid;gap:9px;width:100%}
.overlay-content .tag{background:rgba(223,242,103,.92);color:#061529}
.overlay-content h3{font-size:clamp(20px,1.8vw,27px);line-height:1.15;margin:4px 0 0}
.overlay-content p{color:rgba(255,255,255,.85);font-size:14px;margin:0;max-width:400px}
.overlay-meta{display:flex;align-items:center;gap:14px;margin-top:10px}
.overlay-meta time{font-size:12px;color:#cfe0ec;opacity:.85;letter-spacing:.04em}
.overlay-meta .thin-link{color:var(--lime);border-color:rgba(223,242,103,.4)}
.overlay-meta .thin-link:hover{border-color:var(--lime)}

@media(max-width:900px){.ledger-row{grid-template-columns:72px 1fr;align-items:start}.ledger-photo{grid-column:2;aspect-ratio:16/10;width:min(100%,320px);justify-self:end}.ledger-body{grid-column:1/-1}.insight-overlay-grid{grid-template-columns:1fr 1fr}.overlay-card{min-height:400px}.overlay-card:nth-child(3){grid-column:1/-1;min-height:360px}}
@media(max-width:640px){.ledger-row{grid-template-columns:1fr;gap:14px}.ledger-photo,.ledger-photo img{grid-column:auto;width:100%;justify-self:stretch}.insight-overlay-grid{grid-template-columns:1fr}.overlay-card,.overlay-card:nth-child(3){min-height:430px}}
@media(prefers-reduced-motion:reduce){html.js .page-hero .eyebrow,html.js .page-hero h1,html.js .page-hero p,html.js .hero-copy .eyebrow,html.js .hero-copy h1,html.js .hero-copy p,html.js .careers-copy .eyebrow,html.js .careers-copy h1,html.js .careers-copy p{opacity:1;transform:none;animation:none}.reveal{opacity:1;transform:none}.btn.primary:before{display:none}}

/* V14 — home sections each in their own modern design language */
.hero-grid-single:before{content:"";position:absolute;left:-10%;right:-10%;bottom:-90px;height:300px;background:radial-gradient(58% 100% at 50% 100%,rgba(223,242,103,.20),transparent 72%);filter:blur(18px);pointer-events:none;z-index:0}
.hero-copy{position:relative;z-index:2}
.ledger-row{position:relative}
.ledger-row:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;border-radius:3px;background:linear-gradient(180deg,var(--lime),transparent 80%);opacity:0;transform:scaleY(.4);transition:opacity .3s,transform .4s cubic-bezier(.2,.7,.2,1)}
.ledger-row:hover:before{opacity:1;transform:scaleY(1)}
.eyebrow.chip{display:inline-flex;align-items:center;gap:8px;padding:8px 13px;border-radius:999px;border:1px solid rgba(223,242,103,.45);background:rgba(223,242,103,.08);color:var(--lime);font-size:11px;letter-spacing:.14em;text-transform:uppercase}
.cta-band{position:relative;overflow:hidden;display:grid;grid-template-columns:1fr 1.06fr;gap:clamp(28px,5vw,64px);align-items:center;border-radius:34px;padding:clamp(30px,5vw,62px);background:linear-gradient(135deg,#0a1f3a 0%,#102f4d 58%,#163a5c 100%);color:#fff;border:1px solid rgba(255,255,255,.08);box-shadow:0 44px 110px rgba(4,22,40,.28);isolation:isolate}
.cta-orb{position:absolute;border-radius:50%;filter:blur(70px);opacity:.45;z-index:-1;pointer-events:none}
.cta-orb-a{width:380px;height:380px;background:rgba(223,242,103,.34);top:-140px;right:-90px}
.cta-orb-b{width:320px;height:320px;background:rgba(169,213,232,.30);bottom:-120px;left:-80px}
.cta-copy{position:relative;z-index:1}
.cta-copy h2{font-size:clamp(32px,3.6vw,50px);line-height:1.06;margin:18px 0 14px;letter-spacing:-.03em;max-width:560px}
.cta-copy p{color:#c9d7e4;font-size:16px;max-width:520px}
.cta-note{margin-top:16px!important}
.cta-note strong{color:#fff;font-weight:700}
.cta-chips{display:flex;flex-wrap:wrap;gap:9px;margin-top:26px}
.cta-chip{padding:8px 13px;border-radius:999px;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.05);backdrop-filter:blur(6px);font-size:11px;font-weight:700;letter-spacing:.05em;color:#eaf1f6}
.cta-card{background:rgba(255,255,255,.97);border:1px solid rgba(255,255,255,.6);border-radius:26px;padding:clamp(22px,2.8vw,34px);box-shadow:0 34px 90px rgba(2,12,24,.42)}
.cta-card .field label{color:var(--navy)}
.cta-card .btn{width:100%}
.cta-card .btn.primary{box-shadow:0 16px 38px rgba(200,162,74,.4)}
.cta-card .status{margin-top:10px}
@media(max-width:900px){.cta-band{grid-template-columns:1fr}.cta-orb-a{width:240px;height:240px}.cta-orb-b{width:200px;height:200px}}

/* V15 — Services re-cut: styled 2x2 studio cards (distinct from Insights overlay) */
.services-bento{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(14px,1.8vw,20px)}
.studio-card{background:#fff;border:1px solid rgba(16,42,67,.08);border-radius:28px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 1px 2px rgba(4,22,40,.04);transition:transform .4s cubic-bezier(.2,.7,.2,1),box-shadow .4s ease,border-color .4s ease}
.studio-card:hover{transform:translateY(-6px);box-shadow:0 30px 70px rgba(4,22,40,.14);border-color:rgba(16,42,67,.14)}
.studio-photo{aspect-ratio:16/7;overflow:hidden;position:relative}
.studio-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(6,21,41,.35))}
.studio-photo img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.studio-card:hover .studio-photo img{transform:scale(1.07)}
.studio-body{padding:clamp(18px,1.9vw,22px);display:flex;flex-direction:column;align-items:flex-start;flex:1}
.studio-top{display:flex;align-items:center;gap:12px;width:100%}
.studio-num{font:700 13px Manrope,sans-serif;letter-spacing:.02em;width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:var(--navy);color:var(--lime);box-shadow:0 8px 20px rgba(6,21,41,.18);transition:transform .3s}
.studio-card:hover .studio-num{transform:rotate(-6deg) scale(1.05)}
.studio-body h3{font-size:clamp(17px,1.5vw,21px);margin:13px 0 7px;letter-spacing:-.02em}
.studio-body p{color:var(--muted);font-size:14px;line-height:1.5;margin:0 0 14px;flex:1}
.studio-body .thin-link{align-self:flex-start;padding:2px 0}
@media(max-width:1024px){.services-bento{grid-template-columns:1fr 1fr;gap:clamp(14px,2.4vw,24px)}}@media(max-width:900px){.services-bento{grid-template-columns:1fr 1fr;gap:16px}}
@media(max-width:640px){.services-bento{grid-template-columns:1fr}.studio-photo{aspect-ratio:16/9}}
/* V16 — slider: local Riyadh stills with slow video-style motion */
.hero-slide{transition:opacity 1.5s ease,transform 8s ease}
.hero-slide img{object-fit:cover;object-position:center;animation:vidPanA 26s ease-in-out infinite alternate;backface-visibility:hidden}
.hero-slide:nth-child(2) img{object-position:center 58%;animation-name:vidPanB}
.hero-slide:nth-child(3) img{object-position:center 42%;animation-name:vidPanC}
@keyframes vidPanA{0%{transform:scale(1.02) translate3d(0,0,0)}100%{transform:scale(1.16) translate3d(-2.2%,1.2%,0)}}
@keyframes vidPanB{0%{transform:scale(1.16) translate3d(2%,-1%,0)}100%{transform:scale(1.02) translate3d(0,0,0)}}
@keyframes vidPanC{0%{transform:scale(1.06) translate3d(0,1.2%,0)}100%{transform:scale(1.18) translate3d(1.6%,-1%,0)}}
@media(prefers-reduced-motion:reduce){.hero-slider .hero-slide img{animation:none!important;transform:none}.hero-slider .hero-slide{transition:opacity .6s ease}}

/* ==========================================================================
   SKALTA PROFILE DECK DESIGN SYSTEM (V17 — Executive Intelligence Edition)
   ========================================================================== */

/* Navbar Language Switcher */
.nav-lang-btn{display:inline-flex;align-items:center;justify-content:center;padding:8px 18px;border-radius:999px;border:1.5px solid var(--navy)!important;background:#ffffff!important;color:var(--navy)!important;font-size:13px!important;font-weight:700!important;letter-spacing:.02em;text-decoration:none;cursor:pointer;box-shadow:0 2px 8px rgba(6,21,41,.08);transition:all .25s ease}.nav-lang-btn:hover{background:var(--lime)!important;border-color:var(--lime)!important;color:var(--navy)!important;transform:translateY(-1px);box-shadow:0 4px 14px rgba(223,242,103,.35)}
.nav-lang-btn:hover{background:var(--lime);color:var(--navy);border-color:var(--lime)}

/* Saudi F&B Moment Stats Bar (Slide 03) */
.saudi-moment-band{background:linear-gradient(135deg,#051324 0%,#09213d 50%,#0d2b4f 100%);color:#fff;padding:clamp(44px,6vw,76px) 0;position:relative;overflow:hidden;border-bottom:1px solid rgba(255,255,255,.08)}
.saudi-moment-band:before{content:"";position:absolute;width:480px;height:480px;border-radius:50%;background:radial-gradient(circle,rgba(223,242,103,.12) 0%,transparent 70%);top:-160px;right:-120px;pointer-events:none}
.saudi-moment-head{text-align:center;max-width:820px;margin:0 auto clamp(36px,5vw,54px)}
.saudi-moment-head .eyebrow{color:var(--lime);letter-spacing:.14em;font-size:12px;text-transform:uppercase;font-weight:700}
.saudi-moment-head h2{font-size:clamp(30px,3.5vw,46px);line-height:1.15;margin:12px 0 14px;letter-spacing:-.03em;color:#fff}
.saudi-moment-head p{font-size:clamp(16px,1.6vw,19px);color:#b2c8de;line-height:1.6;font-style:italic}
.stats-counter-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(20px,3vw,36px);margin-top:clamp(24px,3vw,40px)}
.stat-box{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.09);border-radius:22px;padding:clamp(24px,3vw,34px);text-align:center;backdrop-filter:blur(10px);transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease}
.stat-box:hover{transform:translateY(-5px);border-color:rgba(223,242,103,.35);box-shadow:0 20px 48px rgba(0,0,0,.35)}
.stat-value{font:800 clamp(38px,4.5vw,56px) 'Manrope',sans-serif;letter-spacing:-.03em;color:var(--lime);line-height:1;margin-bottom:10px}
.stat-label{font-size:14px;color:#d5e2ed;line-height:1.45;font-weight:600}
.stat-meta{font-size:12px;color:#7e9bb4;margin-top:6px;letter-spacing:.04em;text-transform:uppercase}
.saudi-moment-footer{text-align:center;margin-top:clamp(32px,4vw,48px);padding-top:28px;border-top:1px solid rgba(255,255,255,.08);font-size:clamp(16px,1.8vw,22px);font-weight:600;color:#e1edf8}
.saudi-moment-footer em{color:var(--lime);font-style:normal;font-weight:700}

/* The Questions Behind Profit (Slide 04) */
.questions-section{background:#f8fafc;padding:clamp(54px,7vw,90px) 0;position:relative}
.questions-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(18px,2.4vw,28px);margin-top:clamp(32px,4vw,46px)}
.question-card{background:#fff;border-radius:24px;border:1px solid #e2e8f0;padding:clamp(24px,3vw,34px);box-shadow:0 4px 18px rgba(15,34,58,.04);transition:all .35s cubic-bezier(.2,.7,.2,1);position:relative;display:flex;flex-direction:column}
.question-card:hover{transform:translateY(-6px);border-color:rgba(6,21,41,.2);box-shadow:0 22px 50px rgba(15,34,58,.09)}
.question-tag{display:inline-flex;align-items:center;align-self:flex-start;padding:6px 12px;border-radius:8px;background:rgba(6,21,41,.06);color:var(--navy);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;margin-bottom:14px}
.question-body{font-size:clamp(18px,1.8vw,23px);line-height:1.35;font-weight:700;color:var(--navy);letter-spacing:-.02em;margin:0 0 14px}
.question-caption{font-size:14px;color:var(--muted);line-height:1.6;margin:0}
.questions-callout{text-align:center;margin-top:clamp(36px,4vw,52px);padding:22px 28px;border-radius:18px;background:rgba(6,21,41,.03);border:1px dashed #cbd5e1;font-size:clamp(15px,1.4vw,18px);font-weight:600;color:var(--navy)}

/* The SKALTA Performance System (Slide 05) */
.system-section{background:#040e1b;color:#fff;padding:clamp(60px,8vw,100px) 0;position:relative;overflow:hidden}
.system-section:after{content:"";position:absolute;width:600px;height:600px;background:radial-gradient(circle,rgba(223,242,103,.07) 0%,transparent 70%);top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none}
.system-diagram{max-width:960px;margin:clamp(40px,5vw,60px) auto 0;display:grid;grid-template-columns:1fr auto 1fr;grid-template-rows:auto auto;gap:24px;align-items:center}
.system-center-node{grid-column:2;grid-row:1 / span 2;width:220px;height:220px;border-radius:50%;background:linear-gradient(135deg,#0e2e50 0%,#092038 100%);border:2px solid var(--lime);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;box-shadow:0 0 70px rgba(223,242,103,.2);padding:20px;z-index:2;animation:pulseSlow 6s ease-in-out infinite alternate}
.system-center-node strong{font:800 20px 'Manrope',sans-serif;letter-spacing:.04em;color:#fff;line-height:1.2}
.system-center-node span{font-size:12px;color:var(--lime);letter-spacing:.12em;text-transform:uppercase;margin-top:8px;font-weight:700}
.satellite-card{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:22px;backdrop-filter:blur(8px);transition:all .3s ease;display:flex;align-items:center;gap:18px}
.satellite-card:hover{background:rgba(255,255,255,.08);border-color:rgba(223,242,103,.4);transform:scale(1.03)}
.sat-badge{width:46px;height:46px;border-radius:14px;background:var(--lime);color:var(--navy);display:grid;place-items:center;font:800 18px 'Manrope',sans-serif;flex-shrink:0}
.sat-text h4{font-size:17px;color:#fff;margin:0 0 4px;font-weight:700}
.sat-text p{font-size:13px;color:#9ebbd2;margin:0;line-height:1.4}
@keyframes pulseSlow{0%{box-shadow:0 0 40px rgba(223,242,103,.15)}100%{box-shadow:0 0 85px rgba(223,242,103,.35)}}

/* 3 Core Interventions (Slide 06) */
.interventions-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(20px,2.5vw,32px);margin-top:clamp(36px,4vw,50px)}
.intervention-card{background:#fff;border:1px solid rgba(6,21,41,.09);border-radius:26px;padding:clamp(28px,3vw,38px);display:flex;flex-direction:column;position:relative;box-shadow:0 4px 20px rgba(6,21,41,.04);transition:all .35s ease}
.intervention-card:hover{transform:translateY(-8px);border-color:rgba(6,21,41,.25);box-shadow:0 30px 65px rgba(6,21,41,.12)}
.intervention-card.featured{border:2px solid var(--navy);background:linear-gradient(180deg,#fff 0%,#f8fafc 100%)}
.intervention-badge{position:absolute;top:-12px;right:26px;background:var(--lime);color:var(--navy);font-size:11px;font-weight:800;letter-spacing:.08em;padding:5px 14px;border-radius:999px;text-transform:uppercase}
.intervention-num{font:800 16px 'Manrope',sans-serif;color:var(--gold);margin-bottom:12px;display:block}
.intervention-card h3{font-size:clamp(21px,2vw,26px);line-height:1.2;color:var(--navy);margin:0 0 12px;letter-spacing:-.02em}
.intervention-target{font-size:13px;font-weight:700;color:#0b7285;margin-bottom:16px;display:block}
.intervention-desc{font-size:15px;color:var(--muted);line-height:1.6;margin:0 0 24px;flex:1}
.intervention-list{list-style:none;padding:0;margin:0 0 28px;border-top:1px solid #edf2f7;padding-top:18px}
.intervention-list li{font-size:13.5px;color:#334155;margin-bottom:10px;padding-left:22px;position:relative;line-height:1.5}
.intervention-list li:before{content:"✓";position:absolute;left:0;color:#0ca678;font-weight:800}

/* Not a report. A management control room (Slide 07) */
.control-room-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,5vw,60px);align-items:center}
.control-room-media{border-radius:28px;overflow:hidden;box-shadow:0 32px 80px rgba(4,22,40,.22);position:relative}
.control-room-media img{width:100%;height:100%;object-fit:cover;display:block}
.deliverable-item{display:flex;gap:18px;margin-bottom:28px;align-items:flex-start}
.deliv-num{width:38px;height:38px;border-radius:50%;background:var(--navy);color:var(--lime);font:800 16px 'Manrope',sans-serif;display:grid;place-items:center;flex-shrink:0}
.deliv-body h3{font-size:20px;color:var(--navy);margin:0 0 6px}
.deliv-body p{font-size:15px;color:var(--muted);margin:0;line-height:1.55}

/* Clear steps. No consulting theatre. (Slide 08) */
.five-steps-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-top:clamp(34px,4vw,50px)}
.step-pill{background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:24px 18px;text-align:center;position:relative;transition:all .3s ease;box-shadow:0 2px 10px rgba(6,21,41,.03)}
.step-pill:hover{transform:translateY(-4px);border-color:var(--gold);box-shadow:0 16px 36px rgba(6,21,41,.08)}
.step-num{font:800 14px 'Manrope',sans-serif;color:var(--gold);margin-bottom:8px;display:block}
.step-title{font-size:17px;font-weight:800;color:var(--navy);margin:0 0 8px}
.step-desc{font-size:12.5px;color:var(--muted);line-height:1.45;margin:0}

/* Mobile Adjustments */
@media(max-width:960px){
  .stats-counter-grid{grid-template-columns:1fr;gap:16px}
  .questions-grid{grid-template-columns:1fr}
  .system-diagram{grid-template-columns:1fr;grid-template-rows:auto;gap:16px}
  .system-center-node{grid-column:1;grid-row:auto;margin:10px auto;width:180px;height:180px}
  .interventions-grid{grid-template-columns:1fr}
  .control-room-grid{grid-template-columns:1fr}
  .five-steps-strip{grid-template-columns:1fr 1fr}
  .five-steps-strip .step-pill:last-child{grid-column:1/-1}
}
@media(max-width:600px){
  .five-steps-strip{grid-template-columns:1fr}
}


/* =========================================================================
   RTL & Arabic Typography Support
   ========================================================================= */
@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700;800&family=Tajawal:wght@400;500;700&display=swap');

html[dir="rtl"], body.rtl {
  font-family: 'Cairo', 'Tajawal', 'Segoe UI', -apple-system, BlinkMacSystemFont, Tahoma, Arial, sans-serif !important;
  text-align: right;
  direction: rtl;
}

html[dir="rtl"] .topbar .container,
html[dir="rtl"] .nav .container,
html[dir="rtl"] .section-head,
html[dir="rtl"] .table-title,
html[dir="rtl"] .panel-head,
html[dir="rtl"] .drawer-head,
html[dir="rtl"] .footer-grid,
html[dir="rtl"] .footer-bottom,
html[dir="rtl"] .hero-grid,
html[dir="rtl"] .contact-grid,
html[dir="rtl"] .service-detail,
html[dir="rtl"] .item-grid {
  direction: rtl;
}

html[dir="rtl"] .hero h1 em {
  font-style: normal;
  color: var(--lime);
}

html[dir="rtl"] .slider-arrow.prev {
  left: auto;
  right: 24px;
}

html[dir="rtl"] .slider-arrow.next {
  right: auto;
  left: 24px;
}

html[dir="rtl"] .thin-link {
  display: inline-flex;
  align-items: center;
  gap: 4px;
}

html[dir="rtl"] .field input,
html[dir="rtl"] .field select,
html[dir="rtl"] .field textarea {
  text-align: right;
}

/* Language Switcher Button - High Contrast & Clean */
.nav-lang-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 8px 18px !important;
  border-radius: 999px !important;
  border: 1.5px solid var(--navy) !important;
  background: #ffffff !important;
  color: var(--navy) !important;
  font-family: 'DM Sans', 'Tajawal', sans-serif !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: .02em !important;
  text-decoration: none !important;
  cursor: pointer !important;
  box-shadow: 0 2px 8px rgba(6,21,41,.08) !important;
  transition: all .25s ease !important;
}
.nav-lang-btn:hover {
  background: var(--lime) !important;
  border-color: var(--lime) !important;
  color: var(--navy) !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 4px 14px rgba(223,242,103,.35) !important;
}

/* Ensure hero text is always crisp and visible */
.hero-copy, .hero-slider .hero-copy {
  opacity: 1 !important;
  transform: none !important;
}

/* Direct WhatsApp Action Button */
.whatsapp-direct-btn {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 12px !important;
  background: #25D366 !important;
  color: #ffffff !important;
  border: none !important;
  padding: 16px 28px !important;
  border-radius: 999px !important;
  font-family: 'DM Sans', 'Tajawal', sans-serif !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  box-shadow: 0 8px 25px rgba(37, 211, 102, 0.35) !important;
  transition: all 0.25s ease !important;
  margin-bottom: 24px !important;
  width: 100% !important;
}
.whatsapp-direct-btn:hover {
  background: #20ba5a !important;
  color: #ffffff !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 12px 30px rgba(37, 211, 102, 0.45) !important;
}

/* Tajawal Arabic Typography when dir="rtl" */
html[dir="rtl"] body {
  font-family: 'Tajawal', 'DM Sans', sans-serif !important;
}
html[dir="rtl"] h1, html[dir="rtl"] h2, html[dir="rtl"] h3 {
  font-family: 'Tajawal', 'Manrope', sans-serif !important;
  letter-spacing: 0 !important;
}

/* Home — Our Story Section Styling */
.story-preview-wrap {
  display: grid;
  grid-template-columns: 1.15fr 0.85fr;
  gap: clamp(24px, 4vw, 56px);
  align-items: center;
  margin-bottom: clamp(36px, 5vw, 60px);
}
.story-photo {
  border-radius: 26px;
  overflow: hidden;
  box-shadow: 0 24px 60px rgba(6, 21, 41, 0.16);
  aspect-ratio: 4/3;
  position: relative;
}
.story-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.6s ease;
}
.story-photo:hover img {
  transform: scale(1.04);
}
.story-values-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: clamp(16px, 2.5vw, 28px);
}
.story-values-grid .card {
  background: #ffffff;
  border: 1px solid rgba(16, 42, 67, 0.08);
  border-radius: 22px;
  padding: clamp(24px, 2.8vw, 32px);
  box-shadow: 0 4px 20px rgba(6, 21, 41, 0.04);
  transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
}
.story-values-grid .card:hover {
  transform: translateY(-5px);
  box-shadow: 0 16px 40px rgba(6, 21, 41, 0.10);
  border-color: rgba(200, 162, 74, 0.4);
}
.story-values-grid .card h3 {
  font-size: 20px;
  margin-bottom: 10px;
  color: var(--navy);
}
.story-values-grid .card p {
  color: var(--muted);
  font-size: 14px;
  line-height: 1.7;
  margin: 0;
}
@media (max-width: 900px) {
  .story-preview-wrap {
    grid-template-columns: 1fr;
    gap: 28px;
  }
  .story-values-grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }
}