:root {
  --black: #020305;
  --ink: #071019;
  --panel: #0a141d;
  --white: #f5f2eb;
  --muted: #9aa7ae;
  --line: rgba(255,255,255,.12);
  --gold: #d7b37a;
  --gold-soft: #f1d6a6;
  --cyan: #32b9e8;
  --cyan-soft: #65e9f4;
  --max: 1280px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 90px; }
body { margin: 0; color: var(--white); background: var(--black); font-family: Tahoma, Arial, sans-serif; line-height: 1.75; overflow-x: hidden; }
body::selection { color: #090704; background: var(--gold); }
a { color: inherit; text-decoration: none; }
button,input,textarea,select { font: inherit; }
img { display: block; }
.shell { width: min(calc(100% - 56px), var(--max)); margin-inline: auto; }
.section { padding: 132px 0; }
.skip-link { position: fixed; z-index: 999; top: 12px; right: 12px; padding: 10px 16px; color: #000; background: var(--gold); border-radius: 8px; transform: translateY(-150%); }
.skip-link:focus { transform: translateY(0); }

.site-header { position: fixed; z-index: 100; inset: 0 0 auto; height: 88px; display: flex; align-items: center; border-bottom: 1px solid rgba(255,255,255,.08); background: rgba(2,3,5,.76); backdrop-filter: blur(20px); }
.nav-wrap { display: flex; align-items: center; justify-content: space-between; gap: 34px; }
.brand { width: 72px; height: 64px; overflow: hidden; }
.brand img { width: 100%; height: 100%; object-fit: contain; }
.desktop-nav { display: flex; align-items: center; gap: 27px; }
.desktop-nav a { position: relative; color: #b5bec3; font-size: 11px; transition: color .25s; }
.desktop-nav a::after { content: ""; position: absolute; right: 0; bottom: -11px; width: 100%; height: 1px; background: linear-gradient(90deg,var(--cyan),var(--gold)); transform: scaleX(0); transform-origin: right; transition: transform .25s; }
.desktop-nav a:hover { color: #fff; }.desktop-nav a:hover::after { transform: scaleX(1); }
.language-switch { min-width: 76px; height: 35px; display: inline-flex; align-items: center; justify-content: center; gap: 7px; padding: 0 11px; color: var(--gold-soft); border: 1px solid rgba(215,179,122,.32); border-radius: 999px; font-family: Arial,sans-serif; font-size: 9px; font-weight: 700; letter-spacing: .06em; transition: color .25s,border-color .25s,background .25s; }
.language-switch span { font-size: 16px; line-height: 1; letter-spacing: 0; }
.language-switch:hover { color: #080604; border-color: var(--gold); background: var(--gold); }
.button { min-height: 54px; display: inline-flex; align-items: center; justify-content: center; gap: 14px; padding: 0 25px; color: #080604; border: 0; border-radius: 999px; background: linear-gradient(110deg,var(--gold-soft),var(--gold)); box-shadow: 0 14px 42px rgba(215,179,122,.15); font-size: 12px; font-weight: 800; cursor: pointer; transition: transform .25s,box-shadow .25s; }
.button:hover { transform: translateY(-3px); box-shadow: 0 18px 48px rgba(215,179,122,.25); }
.button-small { min-height: 43px; padding-inline: 19px; font-size: 10px; }
.button-outline { color: var(--white); border: 1px solid rgba(215,179,122,.38); background: transparent; box-shadow: none; }
.mobile-menu { display: none; }
.mobile-menu summary { width: 45px; height: 45px; display: grid; place-content: center; gap: 6px; border: 1px solid var(--line); border-radius: 50%; list-style: none; cursor: pointer; }
.mobile-menu summary::-webkit-details-marker { display: none; }.mobile-menu summary i { width: 18px; height: 1px; background: #fff; }

.hero { position: relative; min-height: 100svh; display: grid; align-content: center; padding: 150px 0 34px; overflow: hidden; background: #020508; }
.hero-image { z-index: 0; object-fit: cover; object-position: center; opacity: .78; }
.hero-overlay { position: absolute; z-index: 1; inset: 0; background: linear-gradient(90deg,rgba(2,3,5,.22),rgba(2,3,5,.56) 42%,rgba(2,3,5,.97) 88%),linear-gradient(0deg,#020305 0,transparent 28%,rgba(2,3,5,.2)); }
.hero-grid { position: absolute; z-index: 2; inset: 0; opacity: .22; background-image: linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px); background-size: 86px 86px; mask-image: linear-gradient(#000,transparent 90%); }
.hero-content { position: relative; z-index: 3; display: grid; grid-template-columns: 1fr 260px; align-items: end; gap: 70px; }
.hero-copy { max-width: 760px; }
.eyebrow,.section-label { display: flex; align-items: center; gap: 10px; color: var(--gold); font-family: Arial,sans-serif; font-size: 9px; font-weight: 700; letter-spacing: .16em; direction: ltr; }
.eyebrow i { width: 7px; height: 7px; border-radius: 50%; background: var(--cyan-soft); box-shadow: 0 0 15px var(--cyan); }
.hero h1 { margin: 24px 0 0; font-size: clamp(58px,7.2vw,105px); font-weight: 500; line-height: 1.16; letter-spacing: -.065em; }
h1 em,h2 em { color: transparent; background: linear-gradient(105deg,#fff 0,var(--gold-soft) 46%,var(--cyan-soft) 95%); background-clip: text; font-style: normal; }
.hero-copy > p { max-width: 650px; margin: 27px 0 0; color: #bcc4c7; font-size: 15px; }
.hero-actions { display: flex; align-items: center; gap: 25px; margin-top: 37px; }
.text-link,.inline-link { display: inline-flex; align-items: center; gap: 12px; color: #e8ecec; font-size: 11px; }.text-link b,.inline-link span { color: var(--cyan-soft); font-size: 18px; }
.hero-panel { display: grid; border: 1px solid var(--line); border-radius: 21px; background: rgba(4,8,12,.55); backdrop-filter: blur(13px); overflow: hidden; }
.hero-panel div { display: grid; gap: 1px; padding: 18px 20px; border-bottom: 1px solid var(--line); }.hero-panel div:last-child { border: 0; }
.hero-panel strong { font-family: Arial,sans-serif; font-size: 22px; font-weight: 500; direction: ltr; }.hero-panel span { color: #9ba9ae; font-size: 9px; }
.capability-bar { position: relative; z-index: 3; display: flex; align-items: center; justify-content: space-between; gap: 18px; margin-top: 70px; padding-top: 25px; color: #879399; border-top: 1px solid rgba(255,255,255,.12); font-family: Arial,sans-serif; font-size: 9px; letter-spacing: .1em; direction: ltr; }.capability-bar i { width: 3px; height: 3px; border-radius: 50%; background: var(--gold); }

.intro { background: linear-gradient(180deg,#020305,#061019); }
.intro-grid { display: grid; grid-template-columns: 1fr .72fr; gap: 100px; align-items: start; }
h2 { margin: 18px 0 0; font-size: clamp(44px,5vw,70px); font-weight: 500; line-height: 1.3; letter-spacing: -.055em; }
.intro-copy { padding-top: 29px; }.intro-copy p { margin: 0 0 17px; color: var(--muted); font-size: 14px; }.intro-copy p:first-child { color: #d9dfe0; font-size: 17px; }.inline-link { margin-top: 14px; color: var(--gold-soft); }

.services { background: #061019; }
.section-head { display: flex; align-items: end; justify-content: space-between; gap: 60px; margin-bottom: 65px; }.section-head > p { max-width: 430px; margin: 0 0 10px; color: var(--muted); font-size: 13px; }.section-head.compact { margin-bottom: 45px; }
.services-list { display: grid; gap: 20px; }
.service-row { position: relative; min-height: 425px; display: grid; grid-template-columns: 1fr 1.05fr; align-items: stretch; overflow: hidden; border: 1px solid var(--line); border-radius: 28px; background: #08131c; }
.service-row:nth-child(even) .service-media { order: 2; }.service-row:nth-child(even) .service-content { order: 1; }
.service-media { position: relative; min-height: 420px; overflow: hidden; }.service-media::after { content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 55%,#08131c); }.service-row:nth-child(even) .service-media::after { background:linear-gradient(-90deg,transparent 55%,#08131c); }
.service-media img { object-fit: cover; transition: transform .9s ease; }.service-row:hover .service-media img { transform: scale(1.045); }
.service-media > span { position: absolute; z-index: 2; top: 20px; right: 20px; width: 43px; height: 43px; display: grid; place-items: center; border: 1px solid rgba(255,255,255,.25); border-radius: 50%; background: rgba(2,5,8,.4); font-family: Arial,sans-serif; font-size: 9px; backdrop-filter: blur(8px); }
.service-content { position: relative; z-index: 2; display: flex; flex-direction: column; justify-content: center; padding: 55px 60px; }
.service-content small { color: var(--cyan-soft); font-family: Arial,sans-serif; font-size: 8px; letter-spacing: .14em; }.service-content h3 { margin: 10px 0 15px; font-size: 29px; font-weight: 500; line-height: 1.45; }.service-content p { max-width: 520px; margin: 0; color: var(--muted); font-size: 12px; }
.tag-list { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 25px; }.tag-list span { padding: 6px 10px; color: #b7c2c5; border: 1px solid var(--line); border-radius: 99px; font-family: Arial,sans-serif; font-size: 7px; letter-spacing: .05em; }
.service-content > a { width: max-content; display: inline-flex; align-items: center; gap: 10px; margin-top: 30px; color: var(--gold-soft); font-size: 10px; }.service-content > a b { color: var(--cyan-soft); font-size: 16px; }
.service-index { position: absolute; z-index: 1; left: 25px; bottom: -40px; color: rgba(255,255,255,.025); font-family: Arial,sans-serif; font-size: 120px; line-height: 1; }

.advertising { position: relative; overflow: hidden; background: radial-gradient(circle at 85% 8%,rgba(215,179,122,.08),transparent 27%),radial-gradient(circle at 10% 70%,rgba(50,185,232,.07),transparent 30%),#03070a; }
.advertising::before { content:"";position:absolute;inset:0;opacity:.18;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:90px 90px;mask-image:linear-gradient(#000,transparent 78%); }
.advertising-intro { position: relative; z-index: 2; display: grid; grid-template-columns: 1fr .72fr; gap: 90px; align-items: end; margin-bottom: 60px; }.advertising-intro > div:last-child > p { margin: 0; color: var(--muted); font-size: 13px; }
.ad-capabilities { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-top: 24px; padding-top: 17px; color: #7f8d92; border-top: 1px solid var(--line); font-family: Arial,sans-serif; font-size: 7px; letter-spacing: .09em; direction: ltr; }.ad-capabilities i { width: 3px; height: 3px; border-radius: 50%; background: var(--gold); }
.ad-grid { position: relative; z-index: 2; display: grid; grid-template-columns: repeat(2,1fr); gap: 18px; }.ad-card { overflow: hidden; border: 1px solid var(--line); border-radius: 26px; background: linear-gradient(145deg,#0a151d,#060b10); transition: transform .35s,border-color .35s; }.ad-card:hover { transform: translateY(-5px); border-color: rgba(215,179,122,.35); }
.ad-image { position: relative; height: 350px; overflow: hidden; }.ad-image::after { content:"";position:absolute;inset:0;background:linear-gradient(0deg,#09131b 0,transparent 55%); }.ad-image img { object-fit: cover; transition: transform .8s; }.ad-card:hover .ad-image img { transform: scale(1.045); }.ad-image > span { position: absolute; z-index: 2; top: 18px; right: 18px; width: 43px; height: 43px; display: grid; place-items: center; color: var(--gold-soft); border: 1px solid rgba(255,255,255,.28); border-radius: 50%; background: rgba(2,4,7,.48); font-family: Arial,sans-serif; font-size: 8px; backdrop-filter: blur(8px); }
.ad-content { padding: 5px 30px 32px; }.ad-content small { color: var(--cyan-soft); font-family: Arial,sans-serif; font-size: 7px; letter-spacing: .13em; }.ad-content h3 { margin: 8px 0 11px; font-size: 23px; font-weight: 500; }.ad-content > p { min-height: 62px; margin: 0; color: var(--muted); font-size: 11px; }.ad-content ul { display: grid; grid-template-columns: 1fr 1fr; gap: 7px 14px; margin: 22px 0 0; padding: 17px 0; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); list-style: none; }.ad-content li { position: relative; padding-inline-start: 16px; color: #bec8ca; font-size: 9px; }.ad-content li::before { content:"+";position:absolute;inset-inline-start:0;color:var(--gold);font-family:Arial,sans-serif; }.ad-content > a { width: max-content; display: inline-flex; align-items: center; gap: 10px; margin-top: 21px; color: var(--gold-soft); font-size: 10px; }.ad-content > a b { color: var(--cyan-soft); font-size: 15px; }
.ad-cta { position: relative; z-index: 2; display: flex; align-items: center; justify-content: space-between; gap: 40px; margin-top: 18px; padding: 30px 34px; border: 1px solid rgba(215,179,122,.22); border-radius: 22px; background: rgba(215,179,122,.045); }.ad-cta > div { display: grid; }.ad-cta span { color: var(--muted); font-size: 9px; }.ad-cta strong { margin-top: 4px; font-size: 17px; font-weight: 500; }

.showcase { background: var(--black); overflow: hidden; }.showcase-title { max-width: 720px; margin-bottom: 55px; }.showcase-title p { color: var(--muted); font-size: 12px; }
.showcase-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 17px; }.showcase-card { position: relative; min-height: 440px; overflow: hidden; border: 1px solid var(--line); border-radius: 25px; }.showcase-main { grid-column: span 2; min-height: 620px; }.showcase-card::after { content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(2,3,5,.96),transparent 55%); }.showcase-card img { object-fit: cover; transition: transform .8s; }.showcase-card:hover img { transform: scale(1.04); }.showcase-card > div { position: absolute; z-index: 2; inset: auto 30px 28px; }.showcase-card small { color: var(--cyan-soft); font-family: Arial,sans-serif; font-size: 8px; letter-spacing: .13em; }.showcase-card h3 { max-width: 600px; margin: 6px 0 0; font-size: 25px; font-weight: 500; }

.sectors { background: linear-gradient(180deg,#030507,#071119); }.sector-grid { display: grid; grid-template-columns: repeat(3,1fr); border-top: 1px solid var(--line); border-right: 1px solid var(--line); }
.sector-grid article { position: relative; min-height: 270px; padding: 28px; border-left: 1px solid var(--line); border-bottom: 1px solid var(--line); transition: background .3s; }.sector-grid article:hover { background: rgba(50,185,232,.045); }
.sector-grid article > span { color: var(--gold); font-family: Arial,sans-serif; font-size: 8px; }.sector-grid h3 { margin: 50px 0 10px; font-size: 19px; font-weight: 500; }.sector-grid p { margin: 0; color: var(--muted); font-size: 11px; }.sector-grid i { position: absolute; left: 25px; bottom: 20px; color: var(--cyan-soft); font-size: 17px; font-style: normal; }

.process { background: #071119; }.process-grid { display: grid; grid-template-columns: .82fr 1.18fr; gap: 110px; align-items: start; }.process-sticky { position: sticky; top: 130px; }.process-sticky > p { max-width: 480px; margin: 22px 0 30px; color: var(--muted); font-size: 13px; }
.phase-list { border-top: 1px solid var(--line); }.phase-list article { display: grid; grid-template-columns: 55px 1fr; gap: 20px; padding: 35px 0; border-bottom: 1px solid var(--line); }.phase-list article > span { color: var(--gold); font-family: Arial,sans-serif; font-size: 9px; }.phase-list h3 { margin: 0 0 8px; font-size: 21px; font-weight: 500; }.phase-list p { max-width: 560px; margin: 0; color: var(--muted); font-size: 12px; }

.promise { background: #030609; }.promise-box { display: grid; grid-template-columns: 200px 1.1fr .9fr; gap: 65px; align-items: center; padding: 65px; border: 1px solid rgba(215,179,122,.22); border-radius: 32px; background: radial-gradient(circle at 15% 50%,rgba(50,185,232,.1),transparent 30%),linear-gradient(135deg,#0b151d,#05090d); }.promise-box > img { width: 190px; height: 180px; object-fit: contain; }.promise-box h2 { font-size: clamp(35px,4vw,52px); }.promise-box ul { display: grid; gap: 14px; margin: 0; padding: 0; list-style: none; }.promise-box li { position: relative; padding: 11px 30px 11px 0; color: #c3ccce; border-bottom: 1px solid var(--line); font-size: 11px; }.promise-box li::before { content:"✓";position:absolute;right:0;color:var(--cyan-soft); }

.faq { background: #030609; }.faq-grid { display: grid; grid-template-columns: .65fr 1.35fr; gap: 110px; }.faq-grid > div:first-child > p { color: var(--muted); font-size: 12px; }.faq-list { border-top: 1px solid var(--line); }.faq-list details { border-bottom: 1px solid var(--line); }.faq-list summary { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 26px 0; font-size: 14px; cursor: pointer; list-style: none; }.faq-list summary::-webkit-details-marker { display:none; }.faq-list summary span { color: var(--gold); font-family: Arial,sans-serif; font-size: 23px; font-weight: 300; transition: transform .25s; }.faq-list details[open] summary span { transform: rotate(45deg); }.faq-list p { max-width: 690px; margin: -5px 0 25px; color: var(--muted); font-size: 12px; }

.contact { overflow: hidden; background: radial-gradient(circle at 90% 20%,rgba(50,185,232,.08),transparent 30%),#020305; }.contact-panel { display: grid; grid-template-columns: .9fr 1.1fr; gap: 85px; padding: 68px; border: 1px solid var(--line); border-radius: 34px; background: rgba(8,16,23,.9); }.contact-copy > p { max-width: 470px; color: var(--muted); font-size: 13px; }.contact-direct { display: grid; gap: 0; margin-top: 35px; border-top: 1px solid var(--line); }.contact-direct a { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 15px 0; border-bottom: 1px solid var(--line); }.contact-direct span { color: var(--muted); font-family: Arial,sans-serif; font-size: 8px; }.contact-direct b { color: var(--gold-soft); font-family: Arial,sans-serif; font-size: 11px; font-weight: 500; direction: ltr; }
.contact-form { display: grid; gap: 15px; padding: 30px; border: 1px solid var(--line); border-radius: 22px; background: rgba(255,255,255,.025); }.form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 13px; }.contact-form label { display: grid; gap: 7px; color: #c5cdcf; font-size: 9px; }.contact-form input,.contact-form select,.contact-form textarea { width: 100%; padding: 13px 15px; color: #fff; border: 1px solid var(--line); border-radius: 10px; outline: none; background: rgba(0,0,0,.18); font-size: 11px; }.contact-form input,.contact-form select { height: 49px; }.contact-form textarea { resize: vertical; }.contact-form option { color: #111; }.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus { border-color: rgba(50,185,232,.55); box-shadow: 0 0 0 3px rgba(50,185,232,.08); }.contact-form button { justify-self: start; }.contact-form > p { margin: 0; color: #748188; font-size: 8px; }

footer { border-top: 1px solid var(--line); background: #010204; }.footer-main { min-height: 270px; display: grid; grid-template-columns: 1.4fr .6fr 1fr; gap: 70px; align-items: center; }.footer-brand { display: flex; align-items: center; gap: 25px; }.footer-brand img { width: 105px; height: 100px; object-fit: contain; }.footer-brand p { color: #7d898e; font-family: Arial,sans-serif; font-size: 9px; line-height: 1.8; direction: ltr; }.footer-main > div:not(.footer-brand) { display: grid; gap: 7px; }.footer-main strong { margin-bottom: 8px; color: var(--gold); font-size: 10px; }.footer-main a { color: #929da2; font-family: Arial,sans-serif; font-size: 9px; }.footer-bottom { display: flex; justify-content: space-between; gap: 20px; padding: 20px 0 24px; color: #59656a; border-top: 1px solid rgba(255,255,255,.07); font-family: Arial,sans-serif; font-size: 8px; }
.floating-whatsapp { position: fixed; z-index: 90; left: 22px; bottom: 22px; display: flex; align-items: center; gap: 10px; padding: 11px 16px; color: #03100b; border-radius: 99px; background: #52e5a1; box-shadow: 0 15px 40px rgba(82,229,161,.22); font-size: 10px; font-weight: 800; }.floating-whatsapp span { font-size: 14px; }

.arabic-page,.english-page { min-height: 100vh; }
.arabic-page { direction: rtl; font-family: Tahoma,Arial,sans-serif; }
.english-page { direction: ltr; font-family: Arial,Helvetica,sans-serif; }
.arabic-page .hero-copy > p,.arabic-page .intro-copy p,.arabic-page .section-head > p,.arabic-page .service-content p,.arabic-page .sector-grid p,.arabic-page .phase-list p,.arabic-page .faq-list p,.arabic-page .contact-copy > p { line-height: 1.65; }
.arabic-page .contact-form label { text-align: right; }
.arabic-page .service-index { left: 25px; right: auto; }
.arabic-page .floating-whatsapp { left: 22px; right: auto; }
.english-page .hero-overlay { background: linear-gradient(-90deg,rgba(2,3,5,.22),rgba(2,3,5,.56) 42%,rgba(2,3,5,.97) 88%),linear-gradient(0deg,#020305 0,transparent 28%,rgba(2,3,5,.2)); }
.english-page h1,.english-page h2 { letter-spacing: -.045em; }
.english-page .hero-copy > p,.english-page .intro-copy p,.english-page .section-head > p,.english-page .service-content p,.english-page .sector-grid p,.english-page .phase-list p,.english-page .faq-list p,.english-page .contact-copy > p { line-height: 1.65; }
.english-page .service-index { right: 25px; left: auto; }
.english-page .contact-form label { text-align: left; }
.english-page .floating-whatsapp { right: 22px; left: auto; }

@media (max-width: 1020px) {
  .desktop-nav { gap: 19px; }.desktop-nav a { font-size: 10px; }.hero-content { grid-template-columns: 1fr 220px; gap: 35px; }.service-content { padding: 42px; }.process-grid,.faq-grid { gap: 60px; }.promise-box { grid-template-columns: 150px 1fr; }.promise-box > img { width: 145px; height: 140px; }.promise-box ul { grid-column: span 2; grid-template-columns: 1fr 1fr; }.contact-panel { gap: 45px; padding: 45px; }
}
@media (max-width: 800px) {
  .shell { width: min(calc(100% - 34px),var(--max)); }.section { padding: 92px 0; }.site-header { height: 76px; }.brand { width: 62px; height: 57px; }.desktop-nav,.nav-wrap > .button { display: none; }.mobile-menu { display: block; }.mobile-menu nav { position: fixed; inset: 76px 0 auto; display: grid; padding: 20px 26px 28px; border-bottom: 1px solid var(--line); background: rgba(2,3,5,.98); }.mobile-menu nav a { padding: 13px 0; border-bottom: 1px solid var(--line); font-size: 14px; }
  .hero { min-height: 900px; padding-top: 130px; align-content: end; }.hero-image { object-position: 35% center; }.hero-overlay,.english-page .hero-overlay { background: linear-gradient(0deg,#020305 6%,rgba(2,3,5,.8) 45%,rgba(2,3,5,.2)); }.hero-content { grid-template-columns: 1fr; }.hero-panel { grid-template-columns: repeat(3,1fr); }.hero-panel div { border-bottom: 0; border-left: 1px solid var(--line); }.hero-panel div:last-child { border-left:0; }.capability-bar { display:none; }
  .intro-grid,.advertising-intro,.process-grid,.faq-grid,.contact-panel { grid-template-columns: 1fr; gap: 50px; }.section-head { align-items: start; flex-direction: column; gap: 25px; }.service-row { grid-template-columns: 1fr; }.service-row:nth-child(even) .service-media,.service-row:nth-child(even) .service-content { order: initial; }.service-media,.service-row { min-height: 0; }.service-media { height: 340px; }.service-media::after,.service-row:nth-child(even) .service-media::after { background: linear-gradient(0deg,#08131c,transparent 50%); }.service-content { padding: 38px 30px 45px; }.service-index { display:none; }.ad-grid { grid-template-columns: 1fr; }.ad-image { height: 400px; }
  .showcase-grid { grid-template-columns: 1fr; }.showcase-main { grid-column: auto; min-height: 440px; }.showcase-card { min-height: 400px; }.sector-grid { grid-template-columns: repeat(2,1fr); }.process-sticky { position: static; }.promise-box { padding: 42px; }.contact-panel { padding: 35px; }.footer-main { grid-template-columns: 1fr 1fr; padding: 45px 0; }.footer-brand { grid-column: span 2; }
}
@media (max-width: 520px) {
  .shell { width: min(calc(100% - 24px),var(--max)); }.section { padding: 75px 0; }.hero { min-height: 780px; }.hero h1 { font-size: 47px; }.hero-copy > p { font-size: 12px; }.hero-actions { align-items: flex-start; flex-direction: column; }.hero-panel { grid-template-columns: 1fr; }.hero-panel div { border-left: 0; border-bottom: 1px solid var(--line); }.language-switch { margin-inline-start: auto; }
  h2 { font-size: 38px; }.intro-grid { gap: 36px; }.intro-copy p:first-child { font-size: 14px; }.service-media { height: 275px; }.service-content h3 { font-size: 23px; }.ad-image { height: 270px; }.ad-content { padding: 5px 20px 26px; }.ad-content h3 { font-size: 20px; }.ad-content > p { min-height: 0; }.ad-content ul { grid-template-columns: 1fr; }.ad-cta { align-items: flex-start; flex-direction: column; padding: 25px 20px; }.ad-cta .button { width: 100%; }.showcase-main,.showcase-card { min-height: 350px; }.sector-grid { grid-template-columns: 1fr; }.sector-grid article { min-height: 220px; }.sector-grid h3 { margin-top: 28px; }.promise-box { grid-template-columns: 1fr; gap: 25px; padding: 30px 22px; }.promise-box > img { width: 130px; height: 120px; }.promise-box ul { grid-column: auto; grid-template-columns: 1fr; }.contact-panel { padding: 28px 18px; }.form-row { grid-template-columns: 1fr; }.contact-form { padding: 20px 15px; }.contact-form button { width:100%; }.footer-main { grid-template-columns: 1fr; gap: 35px; }.footer-brand { grid-column: auto; }.footer-bottom { flex-direction: column; }.floating-whatsapp { left: 12px; bottom: 12px; }.english-page .floating-whatsapp { right: 12px; left: auto; }
}
@media (prefers-reduced-motion: reduce) { html { scroll-behavior:auto; } *,*::before,*::after { animation:none!important; transition:none!important; } }

/* Corporate development layer */
.trust-rail{padding:26px 0;border-block:1px solid var(--line);background:#050b10}.trust-grid{display:grid;grid-template-columns:repeat(4,1fr)}.trust-grid>div{min-height:92px;display:grid;align-content:center;gap:3px;padding:16px 25px;border-inline-end:1px solid var(--line)}.trust-grid>div:last-child{border-inline-end:0}.trust-grid strong{color:var(--gold-soft);font-family:Arial,sans-serif;font-size:24px;font-weight:500;direction:ltr}.trust-grid span{color:var(--muted);font-size:9px}
.case-studies{background:radial-gradient(circle at 12% 5%,rgba(50,185,232,.07),transparent 28%),#020508}.case-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.case-card{position:relative;min-height:460px;overflow:hidden;border:1px solid var(--line);border-radius:28px;background:var(--panel)}.case-featured{grid-column:span 2;min-height:620px}.case-card>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .8s}.case-card:hover>img{transform:scale(1.035)}.case-card::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(2,3,5,.98),rgba(2,3,5,.08) 68%)}.case-overlay{position:absolute;z-index:2;inset:auto 34px 32px}.case-overlay>span{color:var(--cyan-soft);font-family:Arial,sans-serif;font-size:8px;letter-spacing:.13em}.case-overlay h3{max-width:760px;margin:8px 0 4px;font-size:clamp(25px,3vw,42px);font-weight:500;line-height:1.25}.case-overlay p{margin:0;color:#aeb9bd;font-size:10px}.case-overlay a{display:inline-flex;gap:10px;margin-top:18px;color:var(--gold-soft);font-size:10px}
.portfolio-note{display:grid;grid-template-columns:.5fr 1.2fr auto;gap:30px;align-items:center;margin-top:18px;padding:28px 32px;border:1px solid rgba(215,179,122,.22);border-radius:22px;background:rgba(215,179,122,.04)}.portfolio-note>span{color:var(--gold-soft);font-size:14px}.portfolio-note p{margin:0;color:var(--muted);font-size:10px}.legal-links{display:flex;gap:16px}.legal-page{min-height:100vh;padding:70px 0;background:radial-gradient(circle at 80% 10%,rgba(50,185,232,.08),transparent 30%),#020305}.legal-back{color:var(--gold-soft);font-size:11px}.legal-hero{margin:70px 0 35px;padding-bottom:30px;border-bottom:1px solid var(--line)}.legal-hero span{color:var(--cyan-soft);font:9px Arial,sans-serif;letter-spacing:.14em}.legal-hero h1,.legal-copy h1{margin:12px 0 0;font-size:clamp(42px,7vw,84px);font-weight:500;line-height:1.15}.legal-copy{max-width:850px;padding:30px 0;color:#b7c1c5}.legal-copy h2{margin-top:30px;color:var(--white);font-size:23px}.legal-copy p{font-size:13px}.arabic-legal{margin-top:40px;border-top:1px solid var(--line)}.legal-contact{display:flex;justify-content:space-between;gap:20px;margin-top:40px;padding:22px 0;border-top:1px solid var(--line);color:var(--muted)}.legal-contact a{color:var(--gold-soft);direction:ltr}
@media(max-width:800px){.trust-grid{grid-template-columns:repeat(2,1fr)}.case-grid{grid-template-columns:1fr}.case-featured{grid-column:auto;min-height:460px}.portfolio-note{grid-template-columns:1fr}.portfolio-note .button{width:100%}.legal-links{flex-wrap:wrap}}
@media(max-width:520px){.trust-grid{grid-template-columns:1fr}.trust-grid>div{border-inline-end:0;border-bottom:1px solid var(--line)}.case-card,.case-featured{min-height:410px}.case-overlay{inset:auto 20px 22px}.legal-page{padding:40px 0}.legal-contact{flex-direction:column}}

/* Verified portfolio case studies */
.portfolio-head{margin-bottom:55px}.project-list{display:grid;gap:30px}.project-case{display:grid;grid-template-columns:1.15fr .85fr;min-height:620px;overflow:hidden;border:1px solid var(--line);border-radius:30px;background:linear-gradient(145deg,#0a151d,#05090d)}.project-reverse{grid-template-columns:.85fr 1.15fr}.project-reverse .project-media{order:2}.project-reverse .project-story{order:1}.project-media{position:relative;min-height:620px;overflow:hidden;background:#010203}.project-media video{width:100%;height:100%;object-fit:cover}.project-media::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,rgba(2,3,5,.58),transparent 45%)}.project-media.is-playing::after{opacity:.35}.video-toggle{position:absolute;z-index:3;inset:auto 24px 24px auto;display:flex;align-items:center;gap:10px;padding:10px 15px;color:#fff;border:1px solid rgba(255,255,255,.25);border-radius:99px;background:rgba(2,4,7,.62);font-size:9px;cursor:pointer;backdrop-filter:blur(10px)}.video-toggle span{width:24px;height:24px;display:grid;place-items:center;color:#050607;border-radius:50%;background:var(--gold-soft);font-size:10px}.project-number{position:absolute;z-index:3;top:23px;inset-inline-start:23px;width:48px;height:48px;display:grid;place-items:center;color:var(--gold-soft);border:1px solid rgba(255,255,255,.25);border-radius:50%;background:rgba(2,4,7,.55);font:9px Arial,sans-serif}.project-story{display:flex;flex-direction:column;justify-content:center;padding:52px}.project-story h3{margin:14px 0 15px;font-size:clamp(29px,3.4vw,48px);font-weight:500;line-height:1.28}.project-summary{margin:0 0 25px;color:#d5dcde;font-size:13px}.study-block{padding:17px 0;border-top:1px solid var(--line)}.study-block strong,.study-scope>strong{color:var(--gold);font-size:9px}.study-block p{margin:5px 0 0;color:var(--muted);font-size:10px}.study-scope{padding:17px 0;border-block:1px solid var(--line)}.study-scope ul{display:grid;grid-template-columns:1fr 1fr;gap:7px 14px;margin:10px 0 0;padding:0;list-style:none}.study-scope li{position:relative;padding-inline-start:15px;color:#c0c9cc;font-size:9px}.study-scope li::before{content:"+";position:absolute;inset-inline-start:0;color:var(--cyan-soft)}.project-story .inline-link{margin-top:22px}.portfolio-disclaimer{max-width:900px;margin:24px auto 0;color:#6f7c82;text-align:center;font-size:8px}
@media(max-width:900px){.project-case,.project-reverse{grid-template-columns:1fr}.project-media,.project-reverse .project-media{order:1;min-height:430px}.project-story,.project-reverse .project-story{order:2;padding:38px 30px}}
@media(max-width:520px){.project-media,.project-reverse .project-media{min-height:310px}.project-story,.project-reverse .project-story{padding:30px 20px}.study-scope ul{grid-template-columns:1fr}.video-toggle{inset:auto 14px 14px auto;max-width:calc(100% - 28px)}}

/* Marketing, quotation and consent */
.quote-form-head{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-bottom:15px;border-bottom:1px solid var(--line)}.quote-form-head strong{font-size:18px;color:#fff}.quote-form-head span{color:var(--gold-soft);font:8px Arial,sans-serif;letter-spacing:.12em}.contact-form .consent-check{display:flex;grid-template-columns:18px 1fr;align-items:start;gap:10px;color:#8f9ba1;font-size:8px;line-height:1.6}.contact-form .consent-check input{width:16px;height:16px;margin:1px 0 0;accent-color:var(--cyan)}.contact-form .consent-check a{color:var(--cyan);text-decoration:underline}.conversion-note{display:flex;align-items:center;gap:8px;color:#87949b;font:8px Arial,sans-serif}.conversion-note::before{content:"";width:7px;height:7px;border-radius:50%;background:#42d58d;box-shadow:0 0 12px rgba(66,213,141,.65)}.form-row.form-row-three{grid-template-columns:repeat(3,1fr)}
.cookie-consent{position:fixed;z-index:9999;right:22px;bottom:22px;left:22px;display:flex;align-items:center;justify-content:space-between;gap:28px;max-width:1040px;margin:auto;padding:20px 22px;border:1px solid rgba(50,185,232,.24);border-radius:18px;background:rgba(5,12,18,.97);box-shadow:0 22px 70px rgba(0,0,0,.55);backdrop-filter:blur(16px)}.cookie-consent strong{display:block;margin-bottom:5px;color:#fff;font-size:13px}.cookie-consent p{max-width:670px;margin:0;color:#9aa7ad;font-size:9px;line-height:1.7}.cookie-consent a{color:var(--cyan)}.cookie-actions{display:flex;align-items:center;gap:10px;flex:none}.cookie-actions .button{min-height:40px;padding:0 18px;font-size:8px}.cookie-decline,.cookie-settings{border:0;color:#aeb8bd;background:transparent;cursor:pointer;font:8px Arial,sans-serif;text-decoration:underline}.legal-links .cookie-settings{padding:0}
@media(max-width:800px){.form-row.form-row-three{grid-template-columns:1fr}.cookie-consent{align-items:flex-start;flex-direction:column;gap:15px}.cookie-actions{width:100%}.cookie-actions .button{flex:1}}
@media(max-width:520px){.quote-form-head{align-items:flex-start;flex-direction:column}.cookie-consent{right:10px;bottom:10px;left:10px;padding:17px}.cookie-actions{align-items:stretch;flex-direction:column}.cookie-decline{padding:10px}}

/* Mobile-first refinement — phones and compact tablets */
@media (max-width: 800px) {
  html { scroll-padding-top: 68px; }
  body { line-height: 1.65; }
  .shell { width: min(calc(100% - 28px),var(--max)); }
  .section { padding: 72px 0; }

  .site-header { height: 68px; }
  .nav-wrap { gap: 10px; }
  .brand { width: 54px; height: 50px; flex: 0 0 auto; }
  .language-switch { min-width: 68px; height: 34px; padding: 0 9px; font-size: 8px; flex: 0 0 auto; }
  .language-switch span { font-size: 14px; }
  .mobile-menu { margin-inline-start: 0; flex: 0 0 auto; }
  .mobile-menu summary { width: 42px; height: 42px; }
  .mobile-menu nav { inset: 68px 0 auto; max-height: calc(100svh - 68px); overflow-y: auto; padding: 10px 20px 24px; box-shadow: 0 24px 50px rgba(0,0,0,.55); }
  .mobile-menu nav a { padding: 12px 2px; font-size: 13px; }

  .hero { min-height: 760px; padding: 108px 0 28px; align-content: end; }
  .hero-image { object-position: 43% center; }
  .hero-content { gap: 28px; }
  .hero h1 { margin-top: 18px; font-size: clamp(39px,11.5vw,58px); line-height: 1.18; letter-spacing: -.045em; }
  .arabic-page .hero h1 { font-size: clamp(42px,12vw,60px); line-height: 1.28; }
  .hero-copy > p { margin-top: 18px; font-size: 12px; }
  .hero-actions { gap: 14px; margin-top: 25px; }
  .hero-actions .button { min-height: 50px; }
  .hero-panel { grid-template-columns: repeat(3,minmax(0,1fr)); border-radius: 16px; }
  .hero-panel div { min-width: 0; padding: 12px 8px; text-align: center; border-bottom: 0; border-inline-end: 1px solid var(--line); }
  .hero-panel div:last-child { border-inline-end: 0; }
  .hero-panel strong { font-size: 18px; }
  .hero-panel span { font-size: 7px; line-height: 1.45; }

  h2 { font-size: clamp(32px,8.7vw,45px); line-height: 1.3; }
  .section-head,.portfolio-head { margin-bottom: 34px; }
  .section-head > p { font-size: 11px; }
  .intro-grid,.advertising-intro,.process-grid,.faq-grid,.contact-panel { gap: 32px; }

  .service-row { border-radius: 20px; }
  .service-media { height: 250px; min-height: 0; }
  .service-content { padding: 28px 22px 32px; }
  .service-content h3 { font-size: 24px; line-height: 1.35; }
  .service-content p { font-size: 11px; }
  .service-content > a { margin-top: 22px; }

  .advertising-intro { margin-bottom: 34px; }
  .ad-capabilities { flex-wrap: wrap; justify-content: flex-start; }
  .ad-grid { gap: 14px; }
  .ad-card { border-radius: 20px; }
  .ad-image { height: 235px; }
  .ad-content { padding: 4px 22px 27px; }
  .ad-content h3 { font-size: 21px; line-height: 1.4; }
  .ad-content > p { font-size: 10px; }

  .project-list { gap: 20px; }
  .project-case,.project-reverse { min-height: 0; border-radius: 21px; }
  .project-media,.project-reverse .project-media { width: 100%; min-height: 0; aspect-ratio: 16/10; }
  .project-media video { position: absolute; inset: 0; }
  .project-story,.project-reverse .project-story { padding: 28px 22px 32px; }
  .project-story h3 { font-size: clamp(25px,7vw,34px); line-height: 1.35; }
  .project-summary { margin-bottom: 18px; font-size: 11px; }
  .study-block p { font-size: 9px; }
  .video-toggle { inset: auto 12px 12px auto; padding: 8px 11px; }
  .project-number { top: 12px; inset-inline-start: 12px; width: 40px; height: 40px; }

  .showcase-grid { gap: 14px; }
  .showcase-main,.showcase-card { min-height: 310px; border-radius: 20px; }
  .showcase-card > div { inset: auto 20px 20px; }
  .showcase-card h3 { font-size: 21px; }
  .sector-grid { grid-template-columns: 1fr; }
  .sector-grid article { min-height: 190px; padding: 23px; }
  .sector-grid h3 { margin-top: 26px; }
  .phase-list article { grid-template-columns: 40px 1fr; gap: 13px; padding: 27px 0; }
  .phase-list h3 { font-size: 18px; }
  .promise-box { padding: 30px 22px; border-radius: 22px; }
  .faq-list summary { padding: 21px 0; font-size: 12px; }

  .contact-panel { padding: 26px 18px; border-radius: 22px; }
  .contact-direct b { font-size: 9px; overflow-wrap: anywhere; }
  .contact-form { padding: 20px 15px; border-radius: 17px; }
  .form-row,.form-row.form-row-three { grid-template-columns: 1fr; gap: 15px; }
  .contact-form input,.contact-form select,.contact-form textarea { font-size: 16px; }
  .contact-form button { width: 100%; }
  .quote-form-head { align-items: flex-start; flex-direction: column; gap: 5px; }

  .footer-main { gap: 28px; padding: 38px 0; }
  .footer-bottom { gap: 10px; }
  .floating-whatsapp,.english-page .floating-whatsapp,.arabic-page .floating-whatsapp { right: 12px; bottom: max(12px,env(safe-area-inset-bottom)); left: auto; min-height: 44px; padding: 9px 13px; }

  .cookie-consent { right: 10px; bottom: 10px; left: 10px; max-height: 58svh; gap: 12px; padding: 16px; overflow-y: auto; }
  .cookie-consent p { font-size: 8px; }
  .cookie-actions { flex-direction: row; align-items: center; }
  .cookie-actions .button { min-height: 40px; }
  .cookie-decline { padding: 10px 14px; }
}

@media (max-width: 420px) {
  .shell { width: min(calc(100% - 22px),var(--max)); }
  .section { padding: 60px 0; }
  .nav-wrap { gap: 7px; }
  .brand { width: 49px; height: 46px; }
  .language-switch { min-width: 62px; padding-inline: 7px; }
  .hero { min-height: 720px; padding-top: 96px; }
  .hero h1 { font-size: 39px; }
  .arabic-page .hero h1 { font-size: 41px; }
  .hero-actions { align-items: stretch; flex-direction: column; }
  .hero-actions .button { width: 100%; }
  .hero-actions .text-link { justify-content: center; }
  .hero-panel div { padding: 10px 5px; }
  .hero-panel strong { font-size: 16px; }
  .hero-panel span { font-size: 6.5px; }
  h2 { font-size: 32px; }
  .service-media { height: 215px; }
  .ad-image { height: 210px; }
  .project-media,.project-reverse .project-media { aspect-ratio: 4/3; }
  .project-story,.project-reverse .project-story { padding: 25px 18px 28px; }
  .study-scope ul { grid-template-columns: 1fr; }
  .contact-panel { padding: 22px 12px; }
  .footer-main { grid-template-columns: 1fr; }
  .footer-brand { grid-column: auto; }
  .footer-bottom { align-items: flex-start; flex-direction: column; }
}

/* Android/desktop-mode safety net: coarse touch devices can report a 980px viewport. */
@media (max-width: 1100px) and (pointer: coarse) {
  html,body,.english-page,.arabic-page,main,section { width: 100%; max-width: 100%; overflow-x: hidden; }
  img,video { max-width: 100%; }
  .shell { width: min(calc(100% - 28px),var(--max)); max-width: 100%; }
  .nav-wrap,.hero-content,.intro-grid,.advertising-intro,.ad-grid,.project-list,.project-case,.project-reverse,.showcase-grid,.process-grid,.faq-grid,.contact-panel,.footer-main { min-width: 0; max-width: 100%; }

  .site-header { height: 68px; }
  .nav-wrap { gap: 10px; }
  .brand { width: 54px; height: 50px; flex: 0 0 auto; }
  .desktop-nav,.nav-wrap > .button { display: none; }
  .mobile-menu { display: block; flex: 0 0 auto; }
  .mobile-menu nav { inset: 68px 0 auto; max-height: calc(100svh - 68px); overflow-y: auto; }
  .language-switch { margin-inline-start: auto; flex: 0 0 auto; }

  .hero { min-height: 760px; padding: 108px 0 28px; align-content: end; }
  .hero-content { grid-template-columns: minmax(0,1fr); gap: 28px; }
  .hero-panel { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .capability-bar { display: none; }

  .intro-grid,.advertising-intro,.process-grid,.faq-grid,.contact-panel { grid-template-columns: minmax(0,1fr); }
  .section-head { align-items: start; flex-direction: column; }
  .service-row { grid-template-columns: minmax(0,1fr); }
  .service-row:nth-child(even) .service-media,.service-row:nth-child(even) .service-content { order: initial; }
  .service-media { min-height: 0; height: 300px; }
  .service-media::after,.service-row:nth-child(even) .service-media::after { background: linear-gradient(0deg,#08131c,transparent 50%); }

  .ad-grid { grid-template-columns: minmax(0,1fr); }
  .ad-card,.ad-image,.ad-content { width: 100%; min-width: 0; max-width: 100%; }
  .ad-image { height: 280px; }
  .ad-cta { align-items: flex-start; flex-direction: column; }

  .project-case,.project-reverse { grid-template-columns: minmax(0,1fr); width: 100%; min-height: 0; }
  .project-media,.project-reverse .project-media { order: 1; width: 100%; min-width: 0; min-height: 0; aspect-ratio: 16/10; }
  .project-story,.project-reverse .project-story { order: 2; width: 100%; min-width: 0; }
  .project-media video { position: absolute; inset: 0; width: 100%; height: 100%; }

  .showcase-grid { grid-template-columns: minmax(0,1fr); }
  .showcase-main { grid-column: auto; }
  .sector-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .process-sticky { position: static; }
  .contact-form,.contact-form input,.contact-form select,.contact-form textarea { min-width: 0; max-width: 100%; }
  .footer-main { grid-template-columns: minmax(0,1fr) minmax(0,1fr); }
  .footer-brand { grid-column: span 2; }
}

@media (max-width: 650px) and (pointer: coarse) {
  .section { padding: 64px 0; }
  .hero h1 { font-size: clamp(39px,11.5vw,52px); }
  .ad-image,.service-media { height: 220px; }
  .sector-grid,.footer-main { grid-template-columns: minmax(0,1fr); }
  .footer-brand { grid-column: auto; }
}

/* Hardware mobile mode — independent from Chrome page zoom or desktop viewport reporting. */
.mobile-device,.mobile-device body,.mobile-device .english-page,.mobile-device .arabic-page,.mobile-device main,.mobile-device section { width:100%;max-width:100%;overflow-x:hidden }
.mobile-device .shell { width:94vw;max-width:none;margin-inline:auto }
.mobile-device img,.mobile-device video { max-width:100% }
.mobile-device .section { padding:17vw 0 }
.mobile-device .site-header { height:18vw;max-height:76px }
.mobile-device .nav-wrap { width:94vw;max-width:none;gap:2.5vw }
.mobile-device .brand { width:14vw;height:13vw;max-width:58px;max-height:54px;flex:0 0 auto }
.mobile-device .desktop-nav,.mobile-device .nav-wrap>.button { display:none }
.mobile-device .language-switch { min-width:18vw;height:9vw;max-height:36px;margin-inline-start:auto;padding:0 2vw;font-size:2.2vw;flex:0 0 auto }
.mobile-device .language-switch span { font-size:4vw }
.mobile-device .mobile-menu { display:block;flex:0 0 auto }
.mobile-device .mobile-menu summary { width:11vw;height:11vw;max-width:45px;max-height:45px }
.mobile-device .mobile-menu nav { inset:min(18vw,76px) 0 auto;max-height:calc(100svh - min(18vw,76px));overflow-y:auto;padding:3vw 6vw 7vw;background:rgba(2,3,5,.985) }
.mobile-device .mobile-menu nav a { padding:3.3vw 0;font-size:3.6vw }

.mobile-device .hero { min-height:100svh;padding:27vw 0 7vw;align-content:end }
.mobile-device .hero-content { grid-template-columns:minmax(0,1fr);gap:7vw;width:94vw;max-width:none }
.mobile-device .hero h1 { margin-top:4vw;font-size:10.5vw;line-height:1.2;letter-spacing:-.04em }
.mobile-device .arabic-page .hero h1 { font-size:11vw;line-height:1.28 }
.mobile-device .hero-copy>p { margin-top:4vw;font-size:3.2vw }
.mobile-device .eyebrow,.mobile-device .section-label { font-size:2.2vw }
.mobile-device .hero-actions { align-items:stretch;flex-direction:column;gap:3vw;margin-top:6vw }
.mobile-device .hero-actions .button { width:100%;min-height:13vw;font-size:3vw }
.mobile-device .hero-actions .text-link { justify-content:center;font-size:3vw }
.mobile-device .hero-panel { grid-template-columns:repeat(3,minmax(0,1fr));border-radius:4vw }
.mobile-device .hero-panel div { min-width:0;padding:3vw 1.5vw;text-align:center;border-bottom:0;border-inline-end:1px solid var(--line) }
.mobile-device .hero-panel div:last-child { border-inline-end:0 }
.mobile-device .hero-panel strong { font-size:4.8vw }
.mobile-device .hero-panel span { font-size:1.9vw;line-height:1.4 }
.mobile-device .capability-bar { display:none }

.mobile-device h2 { font-size:8.5vw;line-height:1.3 }
.mobile-device .intro-grid,.mobile-device .advertising-intro,.mobile-device .process-grid,.mobile-device .faq-grid,.mobile-device .contact-panel { grid-template-columns:minmax(0,1fr);gap:8vw }
.mobile-device .section-head { align-items:start;flex-direction:column;gap:5vw;margin-bottom:9vw }
.mobile-device .section-head>p,.mobile-device .intro-copy p,.mobile-device .advertising-intro>div:last-child>p { font-size:3vw }
.mobile-device .service-row { grid-template-columns:minmax(0,1fr);min-height:0;border-radius:5vw }
.mobile-device .service-row:nth-child(even) .service-media,.mobile-device .service-row:nth-child(even) .service-content { order:initial }
.mobile-device .service-media { height:58vw;min-height:0 }
.mobile-device .service-media::after,.mobile-device .service-row:nth-child(even) .service-media::after { background:linear-gradient(0deg,#08131c,transparent 50%) }
.mobile-device .service-content { padding:7vw 5.5vw 8vw }
.mobile-device .service-content h3 { font-size:6.3vw;line-height:1.35 }
.mobile-device .service-content p { font-size:3vw }
.mobile-device .tag-list span { font-size:2vw }
.mobile-device .service-content>a { font-size:2.8vw }

.mobile-device .advertising-intro { margin-bottom:9vw }
.mobile-device .ad-grid { grid-template-columns:minmax(0,1fr);gap:4vw;width:100% }
.mobile-device .ad-card { width:100%;min-width:0;border-radius:5vw }
.mobile-device .ad-image { width:100%;height:58vw }
.mobile-device .ad-content { width:100%;padding:2vw 5.5vw 7vw }
.mobile-device .ad-content h3 { font-size:5.8vw }
.mobile-device .ad-content>p { min-height:0;font-size:2.8vw }
.mobile-device .ad-content li,.mobile-device .ad-content>a { font-size:2.5vw }
.mobile-device .ad-cta { align-items:stretch;flex-direction:column;gap:5vw;padding:6vw 5vw }
.mobile-device .ad-cta .button { width:100% }

.mobile-device .project-list { gap:5vw;width:100% }
.mobile-device .project-case,.mobile-device .project-reverse { grid-template-columns:minmax(0,1fr);width:100%;min-width:0;min-height:0;border-radius:5vw }
.mobile-device .project-media,.mobile-device .project-reverse .project-media { order:1;width:100%;min-width:0;min-height:0;aspect-ratio:4/3 }
.mobile-device .project-media video { position:absolute;inset:0;width:100%;height:100% }
.mobile-device .project-story,.mobile-device .project-reverse .project-story { order:2;width:100%;min-width:0;padding:7vw 5vw 8vw }
.mobile-device .project-story h3 { font-size:7vw }
.mobile-device .project-summary { font-size:3vw }
.mobile-device .study-block p,.mobile-device .study-scope li { font-size:2.5vw }

.mobile-device .showcase-grid { grid-template-columns:minmax(0,1fr);gap:4vw }
.mobile-device .showcase-main { grid-column:auto }
.mobile-device .showcase-main,.mobile-device .showcase-card { min-height:78vw;border-radius:5vw }
.mobile-device .sector-grid { grid-template-columns:minmax(0,1fr) }
.mobile-device .sector-grid article { min-height:50vw;padding:6vw }
.mobile-device .phase-list article { grid-template-columns:10vw 1fr;gap:3vw;padding:7vw 0 }
.mobile-device .promise-box { grid-template-columns:minmax(0,1fr);gap:6vw;padding:8vw 6vw }
.mobile-device .promise-box ul { grid-column:auto;grid-template-columns:minmax(0,1fr) }
.mobile-device .faq-list summary { padding:5vw 0;font-size:3.3vw }

.mobile-device .contact-panel { padding:7vw 4vw;border-radius:5vw }
.mobile-device .contact-form { padding:5vw 4vw;border-radius:4vw }
.mobile-device .form-row,.mobile-device .form-row.form-row-three { grid-template-columns:minmax(0,1fr);gap:4vw }
.mobile-device .contact-form label { font-size:2.5vw }
.mobile-device .contact-form input,.mobile-device .contact-form select,.mobile-device .contact-form textarea { width:100%;min-width:0;max-width:100%;font-size:16px }
.mobile-device .contact-form button { width:100% }
.mobile-device .quote-form-head { align-items:flex-start;flex-direction:column }
.mobile-device .footer-main { grid-template-columns:minmax(0,1fr);gap:7vw;padding:10vw 0 }
.mobile-device .footer-brand { grid-column:auto }
.mobile-device .footer-bottom { align-items:flex-start;flex-direction:column;gap:3vw }
.mobile-device .floating-whatsapp,.mobile-device .english-page .floating-whatsapp,.mobile-device .arabic-page .floating-whatsapp { right:3vw;bottom:max(3vw,env(safe-area-inset-bottom));left:auto }
.mobile-device .cookie-consent { right:3vw;bottom:3vw;left:3vw;width:auto;max-height:60svh;padding:4vw;overflow-y:auto }
.mobile-device .project-media video[controls] { object-fit:cover;background:#010203 }
.mobile-device .project-media .video-toggle[hidden] { display:none }
.video-toggle.video-error { border-color:rgba(255,170,90,.55);background:rgba(30,12,4,.82) }