@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&family=Noto+Kufi+Arabic:wght@400;500;600;700&family=Noto+Sans+Arabic:wght@300;400;500;600;700&display=swap');

:root{
  --ink:#101923; --navy:#071b2d; --navy2:#0d263c; --copper:#b96d36; --copper2:#d49460;
  --sand:#ead9c7; --stone:#f4ede5; --paper:#fcfaf7; --white:#fff; --muted:#6f6a65;
  --line:rgba(91,62,40,.14); --shadow:0 22px 70px rgba(36,27,20,.10); --soft:0 12px 34px rgba(36,27,20,.07);
  --radius:22px; --max:1460px;
}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;color:var(--ink);background:var(--paper);font-family:'Noto Sans Arabic',system-ui,-apple-system,'Segoe UI',Arial,sans-serif;line-height:1.72;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}
html[lang="en"] body{font-family:'Manrope',system-ui,-apple-system,'Segoe UI',Arial,sans-serif;line-height:1.65}
h1,h2,h3,h4,.section-label,.navlinks,.btn,.brand-lockup strong{font-family:'Noto Kufi Arabic','Noto Sans Arabic',sans-serif}
html[lang="en"] h1,html[lang="en"] h2,html[lang="en"] h3,html[lang="en"] h4,html[lang="en"] .section-label,html[lang="en"] .navlinks,html[lang="en"] .btn{font-family:'Manrope',sans-serif}
a{color:inherit;text-decoration:none} img{display:block;max-width:100%} button,input,textarea,select{font:inherit}.container{width:min(calc(100% - 48px),var(--max));margin-inline:auto}

.header{position:sticky;top:0;z-index:80;background:rgba(252,250,247,.88);backdrop-filter:saturate(160%) blur(18px);border-bottom:1px solid rgba(120,92,68,.09)}
.nav{height:78px;display:flex;align-items:center;gap:30px}.brand{display:flex;align-items:center;gap:10px;min-width:max-content}.wjaz-logo-mark{width:62px;height:52px;object-fit:contain}.brand-lockup{display:flex;flex-direction:column;line-height:1}.brand-lockup strong{font-size:1.16rem;font-weight:500;color:var(--copper);letter-spacing:.02em}.brand-lockup span{font-family:'Manrope',sans-serif;font-size:.62rem;letter-spacing:.32em;margin-top:6px;color:#7c4527}.navlinks{display:flex;align-items:center;gap:27px;margin-inline:auto;font-size:.84rem;font-weight:500}.navlinks a{position:relative;padding-block:10px}.navlinks a::after{content:'';position:absolute;inset-inline:50% 50%;bottom:0;height:2px;background:var(--copper);transition:.3s}.navlinks a:hover::after,.navlinks a.active::after{inset-inline:0 0}.nav-actions{display:flex;align-items:center;gap:10px}.lang{padding:9px 12px;border-radius:10px;border:1px solid var(--line);font-family:'Manrope',sans-serif;font-weight:600;font-size:.8rem;background:#fff}.menu-btn{display:none;border:0;background:transparent;font-size:1.4rem;cursor:pointer}.mobile-menu{display:none;padding:0 24px 20px}.mobile-menu.open{display:grid}.mobile-menu a{padding:12px 8px;border-bottom:1px solid var(--line)}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:45px;padding:10px 19px;border-radius:10px;border:1px solid transparent;font-size:.82rem;font-weight:600;transition:.25s ease}.btn:hover{transform:translateY(-2px)}.btn.primary{background:linear-gradient(135deg,#c87a42,#a95f2e);color:#fff;box-shadow:0 10px 28px rgba(181,104,53,.18)}.btn.secondary{border-color:rgba(184,111,58,.46);background:rgba(255,255,255,.70)}.btn.dark{background:var(--navy);color:#fff}

.hero{position:relative;isolation:isolate;background:linear-gradient(118deg,#fff 0%,#fbf6ef 58%,#f3e6d8 100%);overflow:hidden}.hero::before,.hero::after{content:'';position:absolute;pointer-events:none;z-index:-1;border:1px solid rgba(184,111,58,.17);border-radius:50%;width:620px;height:190px;transform:rotate(-13deg)}.hero::before{inset-inline-end:-130px;top:85px}.hero::after{inset-inline-end:-80px;top:155px;width:760px}
.hero-grid{width:100%;min-height:610px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:stretch}.hero-copy{display:flex;flex-direction:column;justify-content:center;padding:64px clamp(36px,5vw,72px) 64px clamp(36px,5vw,72px);position:relative;z-index:2}.hero-copy .kicker{color:var(--copper);font-weight:600;font-size:.8rem;margin-bottom:14px}.hero h1{font-size:clamp(2.65rem,4.8vw,4.45rem);line-height:1.28;margin:0 0 20px;font-weight:600;letter-spacing:-.035em}.hero h1 .accent{color:var(--copper)}.hero .lead{font-size:clamp(1rem,1.24vw,1.16rem);color:#55504b;max-width:650px;margin:0 0 28px}.actions{display:flex;gap:12px;flex-wrap:wrap}.hero-note{display:flex;align-items:center;gap:8px;color:#776f69;font-size:.82rem;margin-top:16px}
.hero-media{position:relative;min-height:610px;overflow:hidden}.hero-media::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(252,250,247,.74) 0%,rgba(252,250,247,.05) 32%,transparent 68%);pointer-events:none}.hero-media img{width:100%;height:100%;object-fit:cover;object-position:center;will-change:transform;transition:transform 1.2s cubic-bezier(.2,.75,.2,1);filter:saturate(.94) contrast(1.04)}.hero:hover .hero-media img{transform:scale(1.018)}.floating-mark{position:absolute;inset-inline-end:36px;top:34px;width:132px;height:118px;border-radius:22px;background:rgba(255,255,255,.84);backdrop-filter:blur(12px);border:1px solid rgba(184,111,58,.15);display:grid;place-items:center;box-shadow:var(--soft);z-index:3}.floating-mark img{width:104px;height:86px;object-fit:contain}

.trust-strip{background:linear-gradient(135deg,var(--navy),#0b2439);color:#fff}.trust-grid{display:grid;grid-template-columns:repeat(5,1fr)}.trust-item{min-height:92px;display:flex;align-items:center;gap:12px;padding:16px 20px;border-inline-start:1px solid rgba(255,255,255,.11)}.trust-item:first-child{border-inline-start:0}.trust-icon{width:38px;height:38px;display:grid;place-items:center;color:var(--copper2);flex:0 0 auto}.trust-icon svg{width:29px;height:29px;stroke-width:1.45}.trust-item strong{display:block;font-weight:600;font-size:.9rem}.trust-item span{display:block;color:#bdc8d2;font-size:.74rem;margin-top:2px}

.section{padding:82px 0;position:relative}.section.alt{background:#f3ede5}.section-head{max-width:760px;margin:0 auto 40px;text-align:center}.section-label{display:inline-flex;align-items:center;gap:9px;color:var(--copper);font-size:.84rem;font-weight:600;margin-bottom:12px}.section-label::before,.section-label::after{content:'';width:22px;height:1px;background:rgba(185,109,54,.48)}.section-head h2,.split-copy h2,.case h2,.cta h2{font-size:clamp(1.82rem,2.65vw,2.5rem);line-height:1.42;margin:0 0 12px;font-weight:600;letter-spacing:-.025em}.section-head p{color:var(--muted);font-size:.96rem;margin:0}.section-title-row{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:30px}.section-title-row .section-head{margin:0;text-align:start}

.services-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.service-card{position:relative;background:rgba(255,255,255,.76);border:1px solid var(--line);border-radius:18px;padding:24px 20px 22px;min-height:252px;transition:.35s cubic-bezier(.2,.8,.2,1);overflow:hidden}.service-card::after{content:'';position:absolute;inset:-70% -30% auto auto;width:150px;height:150px;background:radial-gradient(circle,rgba(197,119,66,.13),transparent 70%);transition:.35s}.service-card:hover{transform:translateY(-7px);box-shadow:var(--shadow);border-color:rgba(184,111,58,.30)}.service-card:hover::after{transform:scale(1.4)}.premium-icon{width:56px;height:56px;border-radius:15px;background:linear-gradient(145deg,#fff8f1,#f2dfce);border:1px solid rgba(185,109,54,.28);display:grid;place-items:center;margin-bottom:22px;box-shadow:0 8px 24px rgba(88,51,27,.08)}.premium-icon svg{width:29px;height:29px;color:var(--copper);stroke-width:1.55}.service-card h3{font-size:1rem;line-height:1.65;margin:0 0 9px;font-weight:600}.service-card p{color:var(--muted);font-size:.84rem;margin:0}.service-card .more{display:inline-flex;align-items:center;gap:6px;margin-top:16px;color:var(--copper);font-size:.78rem;font-weight:600}

.split{display:grid;grid-template-columns:1fr 1.06fr;gap:64px;align-items:center}.split-media{border-radius:22px;overflow:hidden;min-height:460px;position:relative;box-shadow:var(--shadow);background:#111}.split-media::after{content:'';position:absolute;inset:0;background:linear-gradient(130deg,transparent 60%,rgba(185,109,54,.13));pointer-events:none}.split-media img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;transition:transform 1s ease}.split-media:hover img{transform:scale(1.025)}.split-copy p{color:var(--muted);font-size:1rem}.split-copy ul{list-style:none;padding:0;margin:24px 0;display:grid;gap:11px}.split-copy li{display:flex;gap:10px;align-items:flex-start}.split-copy li::before{content:'✓';width:21px;height:21px;border-radius:50%;border:1px solid rgba(184,111,58,.42);display:grid;place-items:center;color:var(--copper);font-size:.72rem;flex:0 0 auto}

.offer{display:grid;grid-template-columns:1.15fr .85fr;border:1px solid var(--line);border-radius:22px;overflow:hidden;background:#fff;box-shadow:var(--soft)}.offer-main,.offer-side{padding:34px}.offer-side{background:linear-gradient(145deg,#f4e8dc,#fbf7f1)}.price{font-family:'Manrope';font-size:3.6rem;line-height:1;color:var(--navy);font-weight:700;margin:10px 0 21px}.offer-list{display:grid;grid-template-columns:repeat(2,1fr);gap:10px 20px;padding:0;list-style:none;margin:0}.offer-list li::before{content:'✓';color:var(--copper);margin-inline-end:8px}

.case{display:grid;grid-template-columns:.78fr 1.22fr;background:var(--navy);color:#fff;border-radius:24px;overflow:hidden;min-height:390px;box-shadow:var(--shadow)}.case-copy{padding:46px;display:flex;flex-direction:column;justify-content:center}.case-copy p{color:#c7d0d8}.tag{display:inline-flex;width:max-content;border:1px solid rgba(212,154,104,.48);color:var(--copper2);padding:6px 10px;border-radius:999px;font-size:.7rem}.case-visual{background:linear-gradient(145deg,rgba(7,26,43,.08),rgba(7,26,43,.20)),url('../img/shaqul-project.webp') center/cover;position:relative}.case-visual::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,var(--navy),transparent 28%)}

.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border:1px solid var(--line);border-radius:22px;overflow:hidden;background:#fff}.step{padding:30px;position:relative;border-inline-start:1px solid var(--line)}.step:first-child{border-inline-start:0}.step strong{font-family:'Manrope';color:var(--copper);font-size:.82rem}.step h3{font-size:1rem;margin:10px 0 7px}.step p{font-size:.83rem;color:var(--muted);margin:0}

.faq-shell{display:grid;grid-template-columns:1.1fr .9fr;gap:28px;align-items:stretch}.faq-list{display:grid;gap:10px}.faq-item{border:1px solid var(--line);background:#fff;border-radius:13px;overflow:hidden}.faq-q{width:100%;display:flex;justify-content:space-between;gap:18px;text-align:start;padding:16px 17px;border:0;background:#fff;color:var(--ink);cursor:pointer;font-weight:600;font-size:.9rem}.faq-a{display:grid;grid-template-rows:0fr;transition:.3s}.faq-a>div{overflow:hidden;color:var(--muted);padding:0 17px}.faq-item.open .faq-a{grid-template-rows:1fr}.faq-item.open .faq-a>div{padding-bottom:16px}.faq-visual{border-radius:22px;overflow:hidden;position:relative;min-height:100%;background:var(--navy);color:#fff;padding:36px;display:flex;flex-direction:column;justify-content:end}.faq-visual::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 76% 18%,rgba(212,148,92,.25),transparent 25%),linear-gradient(145deg,#102a40,#071b2d 62%,#061522);z-index:0}.faq-visual>*{position:relative;z-index:1}.faq-visual img{width:92px;margin-bottom:auto;filter:drop-shadow(0 8px 14px rgba(0,0,0,.22))}.faq-visual h3{font-size:1.65rem;margin:28px 0 8px}.faq-visual p{color:#c8d0d7;margin:0 0 18px}

.cta{padding:0 0 76px}.cta-box{border-radius:22px;background:linear-gradient(120deg,var(--navy),#0b2a44);color:#fff;padding:34px 40px;display:flex;align-items:center;justify-content:space-between;gap:30px;position:relative;overflow:hidden}.cta-box::after{content:'';position:absolute;inset-inline-end:-80px;top:-95px;width:330px;height:250px;border:1px solid rgba(212,154,104,.23);border-radius:50%;transform:rotate(-15deg)}.cta h2{font-size:2rem;margin-bottom:8px}.cta p{color:#c9d2da;margin:0}

.footer{background:var(--navy);color:#dce4ea;padding:58px 0 24px}.footer-grid{display:grid;grid-template-columns:1.35fr .7fr .7fr;gap:50px}.footer .brand-lockup strong{color:var(--copper2)}.footer p{color:#aebac4;max-width:420px;font-size:.88rem}.footer-links{display:grid;gap:9px;font-size:.87rem}.footer-links strong{color:var(--copper2);margin-bottom:6px}.copyright{display:flex;justify-content:space-between;gap:20px;border-top:1px solid rgba(255,255,255,.1);margin-top:40px;padding-top:18px;color:#82919d;font-size:.74rem}

.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}.reveal.is-visible{opacity:1;transform:none}.reveal-delay-1{transition-delay:.08s}.reveal-delay-2{transition-delay:.16s}.reveal-delay-3{transition-delay:.24s}

@media(max-width:1100px){.navlinks{display:none}.menu-btn{display:block}.hero-grid{grid-template-columns:1fr 1fr}.trust-grid{grid-template-columns:repeat(3,1fr)}.services-grid{grid-template-columns:repeat(3,1fr)}.split{gap:36px}.case{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.container{width:min(calc(100% - 36px),var(--max))}.nav{height:64px;gap:10px}.wjaz-logo-mark{width:47px;height:39px}.brand-lockup strong{font-size:.98rem}.brand-lockup span{font-size:.52rem}.nav-actions .btn{display:none}.lang{padding:7px 9px}.hero-grid{display:flex;flex-direction:column-reverse;min-height:auto}.hero-copy{padding:38px 0 46px}.hero-media{min-height:300px}.hero-media::after{background:linear-gradient(0deg,rgba(252,250,247,.58),transparent 45%)}.floating-mark{width:82px;height:74px;inset-inline-end:18px;top:18px;border-radius:17px}.floating-mark img{width:66px;height:54px}.hero h1{font-size:clamp(2rem,10vw,2.65rem);line-height:1.38;margin-bottom:16px}.hero .lead{font-size:.96rem;line-height:1.85;margin-bottom:22px}.actions{gap:9px}.btn{min-height:43px;padding:9px 15px;font-size:.78rem}.trust-grid{grid-template-columns:1fr 1fr}.trust-item{min-height:82px;padding:13px 14px}.trust-item:nth-child(odd){border-inline-start:0}.trust-item strong{font-size:.8rem}.trust-item span{font-size:.68rem}.trust-icon{width:34px}.section{padding:62px 0}.section-head{margin-bottom:30px}.section-label{font-size:.76rem}.section-head h2,.split-copy h2,.case h2,.cta h2{font-size:clamp(1.55rem,7vw,2rem);line-height:1.5}.section-head p{font-size:.9rem}.services-grid{grid-template-columns:1fr}.service-card{min-height:auto;padding:20px}.premium-icon{width:52px;height:52px;margin-bottom:17px}.split{grid-template-columns:1fr;gap:28px}.split-media{min-height:300px;order:-1}.offer{grid-template-columns:1fr}.offer-main,.offer-side{padding:26px}.offer-list{grid-template-columns:1fr}.price{font-size:3rem}.case{grid-template-columns:1fr;min-height:auto}.case-copy{padding:30px}.case-visual{min-height:280px}.case-visual::after{background:linear-gradient(0deg,var(--navy),transparent 28%)}.steps{grid-template-columns:1fr}.step{border-inline-start:0;border-top:1px solid var(--line);padding:24px}.step:first-child{border-top:0}.faq-shell{grid-template-columns:1fr}.faq-visual{min-height:320px}.cta{padding-bottom:55px}.cta-box{padding:28px;display:grid}.footer-grid{grid-template-columns:1fr;gap:28px}.copyright{display:grid}.mobile-menu.open{display:grid}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.hero-media img,.split-media img{transition:none!important;transform:none!important}}

/* V6 brand correction — beautiful WJAZ mark only */
.wjaz-logo-mark{filter:drop-shadow(0 5px 10px rgba(82,39,16,.16))}
.floating-mark{background:linear-gradient(145deg,rgba(246,233,219,.76),rgba(255,255,255,.54));border-color:rgba(185,109,54,.24);box-shadow:0 16px 48px rgba(69,43,24,.12);backdrop-filter:blur(14px) saturate(125%)}
.floating-mark img{filter:drop-shadow(0 8px 16px rgba(68,31,13,.22))}

/* service cards use a single aligned icon / action system */
.service-card{display:flex;flex-direction:column}
.service-card .more{margin-top:auto;padding-top:18px;position:relative;z-index:2}
.service-card.featured .premium-icon{margin-top:12px}
.service-card .premium-icon{position:relative;z-index:2}

/* about image — dedicated and non-repeated */
.story{display:grid;grid-template-columns:1fr 1.05fr;gap:52px;align-items:center}
.story-panel{min-height:480px;border-radius:24px;overflow:hidden;box-shadow:var(--shadow);background:#d9b38e}
.story-panel .about-market-image{width:100%;height:100%;min-height:480px;object-fit:cover;object-position:center;transition:transform 1.05s cubic-bezier(.2,.75,.2,1)}
.story-panel:hover .about-market-image{transform:scale(1.018)}

/* Shaqul/case visual must not reuse the old WJAZ logo image */
.case-visual{background:linear-gradient(145deg,rgba(7,26,43,.08),rgba(7,26,43,.22)),url('../img/shaqul-project.webp') center/cover}

/* FAQ has its own non-photographic identity visual and the beautiful mark */
.faq-visual::before{background:radial-gradient(circle at 76% 18%,rgba(212,148,92,.25),transparent 25%),linear-gradient(145deg,#102a40,#071b2d 62%,#061522);z-index:0}
.faq-visual::after{content:'';position:absolute;inset:-10% -10% 42% 38%;border:1px solid rgba(212,154,104,.22);border-radius:50%;transform:rotate(-15deg);z-index:0}
.faq-visual .faq-beautiful-mark{width:132px;height:122px;object-fit:contain;margin-bottom:auto;filter:drop-shadow(0 14px 25px rgba(0,0,0,.32))}

@media(max-width:760px){.story{grid-template-columns:1fr;gap:28px}.story-panel,.story-panel .about-market-image{min-height:320px}.faq-visual .faq-beautiful-mark{width:108px;height:98px}}

/* V6 service-page grid and alignment */
.content-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.content-grid .service-card{min-height:288px}
.content-grid .service-card.featured{background:linear-gradient(145deg,#fffdf9,#f5e9dd);border-color:rgba(185,109,54,.24)}
.content-grid .service-card h2{font-size:1.18rem;line-height:1.7;margin:0 0 9px;font-weight:600}
@media(max-width:980px){.content-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.content-grid{grid-template-columns:1fr}.content-grid .service-card{min-height:auto}}

/* V7 exact image placement and logo corrections */
.wjaz-logo-mark{width:58px;height:58px;object-fit:contain}
.hero h1 .accent{display:inline-block}
.faq-image-panel{padding:0;background:#efe4d8;min-height:100%}
.faq-image-panel::before,.faq-image-panel::after{display:none}
.faq-image-panel .faq-scene{width:100%;height:100%;object-fit:cover;margin:0;filter:none}
.contracting-showcase{background:linear-gradient(145deg,rgba(7,26,43,.08),rgba(7,26,43,.22)),url('../img/contracting-showcase.webp') center/cover !important}
.contracting-showcase .case-screen{display:none}

/* V9 header brand lockup refinement — preserve approved V7/V8 visual system */
.header .brand{align-items:flex-end;gap:10px}
.header .brand-lockup{width:54px;align-items:center;justify-content:flex-end;padding-bottom:3px;line-height:1}
.header .brand-lockup strong,.header .brand-lockup span{display:block;width:100%;text-align:center;white-space:nowrap}
html[lang="ar"] .header .brand-lockup strong{transform:scaleX(1.10);transform-origin:center bottom}
.header .brand-lockup span{margin-top:5px;letter-spacing:.20em}
@media(max-width:760px){.header .brand-lockup{width:46px;padding-bottom:2px}.header .brand-lockup span{letter-spacing:.16em}}

/* V9.1 mobile/tablet header alignment
   Keep brand on its language-side edge and push language/menu controls to the opposite edge */
@media(max-width:1100px){
  .header .nav-actions{margin-inline-start:auto}
}
@media(max-width:760px){
  .header .nav{width:min(calc(100% - 28px),var(--max));gap:8px}
  .header .nav-actions{margin-inline-start:auto;gap:8px}
  .header .brand{flex:0 0 auto}
}

/* V9.2 mobile navigation identity correction */
.menu-btn{color:var(--copper);line-height:1}
.menu-btn:hover,.menu-btn:focus-visible{color:#8f4f27}


/* V9.3 master-brand descriptor — WJAZ remains the master brand; Digital Solutions clarifies the category */
.brand-lockup .brand-descriptor{
  display:block;
  width:max-content;
  max-width:116px;
  margin-top:5px;
  font-family:'Noto Sans Arabic',sans-serif;
  font-size:.50rem;
  line-height:1.15;
  font-weight:500;
  letter-spacing:0;
  color:#7b6b60;
  white-space:nowrap;
  text-align:center;
  align-self:center;
}
html[lang="en"] .brand-lockup .brand-descriptor{
  font-family:'Manrope',sans-serif;
  font-size:.48rem;
  letter-spacing:.035em;
}
.footer .brand-lockup .brand-descriptor{color:#b8a79b}
.header .brand{align-items:center}
.header .brand-lockup{padding-bottom:0}
@media(max-width:760px){
  .brand-lockup .brand-descriptor{font-size:.43rem;margin-top:4px;max-width:100px}
  html[lang="en"] .brand-lockup .brand-descriptor{font-size:.41rem}
  .header .brand-lockup{width:58px}
  .header .wjaz-logo-mark{width:46px;height:46px}
}


/* V10 unified WJAZ brand lockup
   Approved reference: Arabic header. The exact same visual hierarchy is used in
   Arabic header, English header and both footers. */
.header .brand,
.footer .brand{
  align-items:center;
  gap:10px;
}
.header .wjaz-logo-mark,
.footer .wjaz-logo-mark{
  width:62px;
  height:52px;
  object-fit:contain;
  flex:0 0 auto;
}
.header .brand-lockup,
.footer .brand-lockup{
  width:58px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  line-height:1;
  padding:0;
}
.header .brand-lockup strong,
.footer .brand-lockup strong,
.header .brand-lockup > span,
.footer .brand-lockup > span{
  display:block;
  width:100%;
  text-align:center;
  white-space:nowrap;
}
.header .brand-lockup strong,
.footer .brand-lockup strong{
  font-family:'Noto Kufi Arabic','Noto Sans Arabic',sans-serif;
  font-size:1.02rem;
  line-height:1.05;
  font-weight:500;
  letter-spacing:0;
  color:var(--copper);
  transform:scaleX(1.10);
  transform-origin:center;
}
.header .brand-lockup > span,
.footer .brand-lockup > span{
  font-family:'Manrope',sans-serif;
  font-size:.52rem;
  line-height:1;
  font-weight:600;
  letter-spacing:.16em;
  margin-top:5px;
  color:#7c4527;
  padding-inline-start:.16em;
}
.brand-lockup .brand-descriptor,
html[lang="en"] .brand-lockup .brand-descriptor{
  display:block;
  width:max-content;
  max-width:none;
  margin-top:5px;
  font-family:'Noto Kufi Arabic','Noto Sans Arabic',sans-serif;
  font-size:.44rem;
  line-height:1.15;
  font-weight:650;
  letter-spacing:.005em;
  color:#66564c;
  white-space:nowrap;
  text-align:center;
  align-self:center;
  text-rendering:geometricPrecision;
  -webkit-font-smoothing:antialiased;
}
html[lang="en"] .brand-lockup .brand-descriptor{
  font-family:'Manrope',sans-serif;
  font-size:.43rem;
  font-weight:700;
  letter-spacing:.055em;
  text-transform:none;
}
.footer .brand-lockup strong{color:var(--copper2)}
.footer .brand-lockup > span{color:#c77a45}
.footer .brand-lockup .brand-descriptor{color:#d8c8bc}

@media(max-width:760px){
  .header .wjaz-logo-mark{width:46px;height:46px}
  .header .brand-lockup{width:58px}
  .header .brand-lockup strong{font-size:.90rem}
  .header .brand-lockup > span{font-size:.48rem;letter-spacing:.14em;margin-top:4px}
  .header .brand-lockup .brand-descriptor{font-size:.39rem;margin-top:4px}
  html[lang="en"] .header .brand-lockup .brand-descriptor{font-size:.38rem;letter-spacing:.04em}
}


/* V12 — Sector models system */
.models-hero{padding-bottom:42px}.models-lead{max-width:760px;margin-top:18px}.models-section{padding-top:32px}.models-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:stretch}.model-card{background:#fff;border:1px solid rgba(20,18,16,.1);border-radius:22px;overflow:hidden;box-shadow:0 18px 50px rgba(25,19,13,.07);display:flex;flex-direction:column}.model-preview{height:330px;padding:22px;overflow:hidden;position:relative}.model-browser{height:100%;border-radius:15px;background:#f9f7f2;box-shadow:0 20px 45px rgba(0,0,0,.2);overflow:hidden;transform:rotate(-1deg) translateY(8px);transition:transform .45s ease}.model-card:hover .model-browser{transform:rotate(0) translateY(0) scale(1.015)}.model-browser-bar{height:24px;background:rgba(255,255,255,.86);display:flex;align-items:center;gap:5px;padding:0 10px}.model-browser-bar i{width:5px;height:5px;border-radius:50%;background:rgba(0,0,0,.25)}.model-ui{height:calc(100% - 24px);position:relative;padding:18px;overflow:hidden}.model-brand{display:flex;align-items:center;gap:9px;position:relative;z-index:2}.model-brand>div{display:flex;flex-direction:column;line-height:1}.model-brand strong{font-size:13px;letter-spacing:.02em}.model-brand small{font-size:6px;letter-spacing:.18em;margin-top:4px;opacity:.68}.model-logo{width:34px;height:34px;display:inline-block;position:relative;flex:0 0 auto}.model-logo-shaqul b{position:absolute;bottom:5px;width:7px;border-radius:1px 1px 0 0;transform:skewY(-16deg)}.model-logo-shaqul b:nth-child(1){height:18px;left:4px}.model-logo-shaqul b:nth-child(2){height:27px;left:13px}.model-logo-shaqul b:nth-child(3){height:22px;left:22px}.model-logo-noura{border-radius:50%;border:1.5px solid currentColor}.model-logo-noura b{position:absolute;width:14px;height:21px;border:1.5px solid currentColor;border-radius:50% 50% 42% 42%;top:5px}.model-logo-noura b:first-child{left:5px;transform:rotate(28deg)}.model-logo-noura b:last-child{right:5px;transform:rotate(-28deg)}.model-logo-sawa b{position:absolute;width:17px;height:17px;border-radius:50% 50% 50% 8%;top:6px}.model-logo-sawa b:first-child{left:2px;transform:rotate(-18deg)}.model-logo-sawa b:last-child{right:2px;transform:rotate(162deg)}.model-navline{position:absolute;top:23px;right:18px;display:flex;gap:7px}.model-navline span{width:18px;height:2px;background:currentColor;opacity:.25;border-radius:5px}.model-hero-copy{position:absolute;top:86px;left:18px;right:18px;z-index:2}.model-hero-copy em{font-style:normal;font-weight:700;font-size:23px;line-height:1.18;display:block;max-width:70%}.model-hero-copy>span{display:block;height:4px;border-radius:4px;background:currentColor;opacity:.15;margin-top:11px;width:44%}.model-hero-copy>span+span{width:31%;margin-top:6px}.model-architecture{position:absolute;right:-8px;bottom:-10px;width:54%;height:58%}.model-architecture i{position:absolute;bottom:0;background:linear-gradient(145deg,rgba(255,255,255,.95),rgba(177,122,57,.28));border:1px solid rgba(255,255,255,.4);box-shadow:-8px 12px 20px rgba(0,0,0,.12)}.model-architecture i:nth-child(1){height:80%;width:42%;right:0}.model-architecture i:nth-child(2){height:58%;width:36%;right:35%}.model-architecture i:nth-child(3){height:35%;width:30%;right:64%}.model-clinic-art{position:absolute;right:-36px;bottom:-52px;width:220px;height:220px;border-radius:50%;border:38px solid rgba(255,255,255,.7);box-shadow:0 0 0 1px rgba(22,64,71,.08)}.model-clinic-art i{position:absolute;border-radius:50%;background:rgba(199,168,123,.28)}.model-clinic-art i:nth-child(1){width:62px;height:62px;top:34px;left:20px}.model-clinic-art i:nth-child(2){width:30px;height:30px;top:10px;right:38px}.model-clinic-art i:nth-child(3){width:90px;height:90px;bottom:4px;left:52px;background:rgba(24,63,71,.09)}.model-food-art{position:absolute;right:-18px;bottom:-28px;width:195px;height:195px;border-radius:50%;background:radial-gradient(circle at 45% 42%,#f6d2a3 0 18%,#ba653a 19% 24%,#56291d 25% 29%,#ead7bd 30% 45%,#2d1914 46% 49%,#e8c08c 50% 63%,#c16b3c 64% 67%,#34201a 68%);box-shadow:0 25px 35px rgba(34,15,9,.28)}.model-food-art i{position:absolute;border-radius:50%;background:#f2d8b5;box-shadow:0 5px 9px rgba(0,0,0,.12)}.model-food-art i:nth-child(1){width:16px;height:16px;top:44px;left:38px}.model-food-art i:nth-child(2){width:11px;height:11px;top:78px;right:42px}.model-food-art i:nth-child(3){width:13px;height:13px;bottom:46px;left:66px}.model-contracting{background:linear-gradient(145deg,#0c1c2d,#172b3e);color:#ead4b6}.model-contracting .model-ui{background:#102237}.model-contracting .model-logo-shaqul b{background:#b77a39}.model-clinic{background:linear-gradient(145deg,#dce7e4,#f4efe5);color:#183f47}.model-clinic .model-ui{background:#f7f4ed}.model-cafe{background:linear-gradient(145deg,#2d1914,#6b382a);color:#f2d8b5}.model-cafe .model-ui{background:#3a2018}.model-card-body{padding:26px;display:flex;flex-direction:column;flex:1}.model-card-body h2{margin:10px 0 9px;font-size:28px}.model-card-body p{margin:0 0 18px;color:var(--muted,#666);line-height:1.75;flex:1}.model-palette{display:flex;gap:7px;margin:2px 0 20px}.model-palette i{width:23px;height:23px;border-radius:50%;background:var(--sw);border:2px solid #fff;box-shadow:0 0 0 1px rgba(0,0,0,.1)}.model-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.text-link{font-weight:700;font-size:14px;text-decoration:none;color:inherit;border-bottom:1px solid rgba(0,0,0,.2);padding-bottom:3px}.models-note{margin-top:34px;padding:30px 34px;background:#15120f;color:#f4eee5;border-radius:22px;display:grid;grid-template-columns:auto 1fr auto;gap:28px;align-items:center}.models-note strong{font-size:20px}.models-note p{margin:0;color:rgba(255,255,255,.72);line-height:1.7}.models-note .btn{white-space:nowrap}.home-models .section-head{max-width:760px;margin-bottom:26px}.home-model-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.home-model-card{min-height:150px;border-radius:18px;padding:24px;text-decoration:none;display:flex;flex-direction:column;justify-content:flex-end;position:relative;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.home-model-card:hover{transform:translateY(-4px);box-shadow:0 16px 35px rgba(0,0,0,.13)}.home-model-card strong{font-size:18px;margin-top:18px}.home-model-card small{opacity:.72;margin-top:5px}.home-model-icon{position:absolute;top:20px;right:22px}.home-model-card.model-contracting .model-logo-shaqul b{background:#b77a39}.home-model-card.model-clinic{color:#183f47}.home-model-card.model-cafe{color:#f2d8b5}.section-cta{margin-top:24px}
@media (max-width:980px){.models-grid{grid-template-columns:1fr 1fr}.models-note{grid-template-columns:1fr}.home-model-grid{grid-template-columns:1fr 1fr}}
@media (max-width:680px){.models-grid,.home-model-grid{grid-template-columns:1fr}.model-preview{height:300px;padding:16px}.model-card-body{padding:22px}.models-note{padding:24px}.model-hero-copy em{font-size:21px}.home-model-card{min-height:132px}}

/* V13 — sector selector models gallery + improved quote form */
.sector-selector{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:stretch}
.sector-card{position:relative;display:flex;flex-direction:column;min-height:100%;padding:28px;background:#fff;border:1px solid rgba(20,18,16,.08);border-radius:24px;box-shadow:0 18px 48px rgba(25,19,13,.07);overflow:hidden}
.sector-card::before{content:'';position:absolute;inset:0 0 auto 0;height:6px;background:linear-gradient(90deg,var(--navy),var(--copper2));opacity:.9}
.sector-card.clinic::before{background:linear-gradient(90deg,#164c56,#d0b189)}
.sector-card.cafe::before{background:linear-gradient(90deg,#2d1a14,#c78954)}
.sector-card h2{margin:18px 0 10px;font-size:1.7rem;line-height:1.45}
.sector-card p{margin:0 0 18px;color:var(--muted);line-height:1.8}
.sector-meta{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px}
.sector-meta span{display:inline-flex;align-items:center;padding:8px 12px;border-radius:999px;background:#f6f0e8;border:1px solid rgba(184,111,58,.18);font-size:.74rem;color:#6b584a}
.sector-icon{width:72px;height:72px;border-radius:20px;display:grid;place-items:center;background:linear-gradient(145deg,#fffaf2,#f0dfcf);border:1px solid rgba(185,109,54,.22);box-shadow:0 10px 24px rgba(88,51,27,.08)}
.sector-icon svg{width:38px;height:38px;stroke-width:1.6}
.sector-card.contracting .sector-icon{color:#0d263c}
.sector-card.clinic .sector-icon{color:#164c56;background:linear-gradient(145deg,#f8fbfa,#deebe8)}
.sector-card.cafe .sector-icon{color:#5e341f;background:linear-gradient(145deg,#fff7ef,#f1ded1)}
.sector-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:auto}
.sector-actions .text-link{margin-inline-start:auto}
.models-intro{margin-bottom:34px;display:grid;grid-template-columns:1.05fr .95fr;gap:26px;align-items:center}
.models-intro-card,.models-note-card{background:#fff;border:1px solid rgba(20,18,16,.08);border-radius:24px;padding:28px 30px;box-shadow:0 14px 35px rgba(25,19,13,.05)}
.models-intro-card h2,.models-note-card h2{margin:0 0 12px;font-size:1.55rem}
.models-intro-card p,.models-note-card p{margin:0;color:var(--muted);line-height:1.8}
.sector-gallery{display:grid;gap:26px}
.gallery-board{background:#fff;border:1px solid rgba(20,18,16,.08);border-radius:26px;overflow:hidden;box-shadow:0 18px 48px rgba(25,19,13,.08)}
.gallery-board img{width:100%;height:auto;display:block;background:#f2ede7}
.gallery-caption{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:20px 24px;border-top:1px solid rgba(20,18,16,.08);background:#fff}
.gallery-caption div{display:grid;gap:6px}
.gallery-caption strong{font-size:1.05rem}
.gallery-caption span{font-size:.84rem;color:var(--muted)}
.sector-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:28px}
.sector-summary .summary-item{padding:18px 18px;border-radius:18px;background:#fff;border:1px solid rgba(20,18,16,.08)}
.sector-summary strong{display:block;margin-bottom:6px;font-size:1rem}
.sector-summary span{display:block;color:var(--muted);font-size:.86rem;line-height:1.7}
.quote-shell{display:grid;grid-template-columns:.92fr 1.08fr;gap:26px;align-items:start}
.quote-shell.quote-shell-direct{grid-template-columns:minmax(0,960px);justify-content:center}
.quote-shell-direct .form-panel{width:100%}
.quote-direct-section{padding-top:40px}
.quote-side{position:sticky;top:100px;display:grid;gap:20px}
.quote-side-card,.form-panel{background:#fff;border:1px solid rgba(20,18,16,.08);border-radius:26px;box-shadow:0 18px 48px rgba(25,19,13,.07)}
.quote-side-card{padding:28px}
.quote-side-card h2{margin:0 0 12px;font-size:1.7rem;line-height:1.5}
.quote-side-card p{margin:0;color:var(--muted);line-height:1.85}
.quote-benefits{display:grid;gap:12px;margin-top:18px}
.quote-benefit{display:flex;gap:12px;align-items:flex-start;padding:14px 14px;border-radius:16px;background:#f8f4ee}
.quote-benefit svg{width:20px;height:20px;color:var(--copper);flex:0 0 auto;margin-top:2px}
.quote-benefit strong{display:block;font-size:.92rem;margin-bottom:3px}
.quote-benefit span{display:block;color:var(--muted);font-size:.82rem;line-height:1.65}
.form-panel{padding:26px}
.form-progress{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:22px}
.form-progress-step{position:relative;padding:14px 16px;border-radius:18px;background:#f7f3ed;border:1px solid rgba(20,18,16,.08)}
.form-progress-step strong{display:block;font-size:.92rem;margin-bottom:3px}
.form-progress-step span{display:block;font-size:.78rem;color:var(--muted)}
.form-progress-step.active{background:linear-gradient(145deg,#fff6ef,#f3e2d3);border-color:rgba(185,109,54,.28);box-shadow:0 10px 24px rgba(185,109,54,.10)}
.form-progress-step::before{content:attr(data-step);position:absolute;inset-inline-end:14px;top:12px;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#fff;border:1px solid rgba(20,18,16,.08);font-family:'Manrope',sans-serif;font-weight:700;font-size:.82rem}
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.field{display:grid;gap:8px}
.field.full{grid-column:1/-1}
.field label{font-weight:600;font-size:.88rem}
.field input,.field textarea,.field select{width:100%;border:1px solid rgba(20,18,16,.12);border-radius:14px;background:#fff;padding:14px 15px;min-height:52px;transition:border-color .25s ease,box-shadow .25s ease,background .25s ease}
.field textarea{min-height:132px;resize:vertical}
.field input:focus,.field textarea:focus,.field select:focus{outline:0;border-color:rgba(185,109,54,.58);box-shadow:0 0 0 4px rgba(185,109,54,.10);background:#fff}
.field-hint{font-size:.76rem;color:var(--muted);margin-top:-2px}
.form-step{display:none}
.form-step.active{display:block}
.choice-pills{display:flex;flex-wrap:wrap;gap:10px}
.choice-pill{display:inline-flex;align-items:center;padding:10px 14px;border-radius:999px;background:#f6f0e8;border:1px solid rgba(184,111,58,.18);font-size:.82rem;color:#5f5146}
.note{display:flex;gap:10px;align-items:flex-start;margin-top:18px;padding:16px;border-radius:16px;background:#f8f4ee;border:1px solid rgba(20,18,16,.06);font-size:.84rem;line-height:1.7}
.note input{margin-top:4px}
.form-nav{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:20px}
.form-nav .btn + .btn{margin-inline-start:6px}
.form-actions-group{display:flex;gap:10px;flex-wrap:wrap}
.prefill-banner{margin-bottom:16px;padding:14px 16px;border-radius:16px;background:#f6efe7;border:1px solid rgba(184,111,58,.18);color:#6b584a;font-size:.84rem}
.prefill-banner strong{color:var(--ink)}
#form-success{padding:22px;border-radius:22px;background:#f8f4ee;border:1px solid rgba(20,18,16,.08)}
#form-success h2{margin:8px 0 10px;font-size:1.45rem}
#form-success p{margin:0;color:var(--muted);line-height:1.8}
@media(max-width:1100px){.models-intro,.quote-shell{grid-template-columns:1fr}.quote-side{position:static}.sector-selector{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.sector-selector,.sector-summary,.form-grid{grid-template-columns:1fr}.gallery-caption{display:grid}.form-panel,.quote-side-card,.models-intro-card,.models-note-card{padding:22px}.form-progress{grid-template-columns:1fr}.sector-actions .text-link{margin-inline-start:0}.sector-card{padding:24px}}
@media(max-width:760px){.quote-direct-section{padding-top:22px}.quote-direct-section .container{width:min(calc(100% - 28px),var(--max))}.quote-shell-direct{gap:0}}
.btn.ghost{background:#fff;color:var(--ink);border:1px solid rgba(20,18,16,.14)}
.btn.ghost:hover{border-color:rgba(184,111,58,.4);background:#fbf8f3}
.home-model-icon svg{display:block;width:34px;height:34px}

/* V13.1 — fourth sector: showrooms & manufacturing */
.home-model-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.home-model-card.model-showrooms{background:linear-gradient(145deg,#243023,#656e4f);color:#f5edde}
.home-model-card.model-showrooms .home-model-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:rgba(255,255,255,.08);backdrop-filter:blur(4px)}
.home-model-card.model-showrooms .home-model-icon svg{width:24px;height:24px;stroke-width:1.7}
.sector-card.showrooms::before{background:linear-gradient(90deg,#37422c,#a37a50)}
.sector-card.showrooms .sector-icon{color:#3f4c30;background:linear-gradient(145deg,#fbfaf3,#ebe4d5)}
@media(max-width:1280px){.home-model-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sector-selector{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.home-model-grid,.sector-selector{grid-template-columns:1fr}}

/* V14 — WJAZ content protection layer (best-effort browser protection) */
img{ -webkit-user-drag:none; user-select:none; -webkit-user-select:none; }
.protected-asset{cursor:zoom-in;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;pointer-events:auto}
.gallery-board{position:relative}
.gallery-board::after{content:'WJAZ • PROTECTED PREVIEW';position:absolute;inset:auto 18px 76px auto;padding:7px 10px;border-radius:999px;background:rgba(7,27,45,.78);color:rgba(255,255,255,.9);font-family:'Manrope',sans-serif;font-size:.62rem;font-weight:700;letter-spacing:.08em;pointer-events:none;backdrop-filter:blur(6px);z-index:2}
.protection-strip{margin-top:34px;background:linear-gradient(135deg,#071b2d,#0c263b);border-radius:24px;color:#fff;padding:30px;box-shadow:0 20px 50px rgba(7,27,45,.18)}
.protection-strip h2{margin:0 0 10px;font-size:1.55rem;color:#fff}.protection-strip p{margin:0;color:#c5d0da;max-width:850px}.protection-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:22px}.protection-item{padding:17px;border:1px solid rgba(255,255,255,.12);border-radius:16px;background:rgba(255,255,255,.04)}.protection-item strong{display:block;margin-bottom:5px;color:#f0d1b4}.protection-item span{display:block;color:#c2cbd4;font-size:.8rem;line-height:1.65}
.protected-viewer{position:fixed;inset:0;z-index:9999;display:none;align-items:center;justify-content:center;background:rgba(2,9,15,.94);padding:28px}.protected-viewer.open{display:flex}.protected-viewer-shell{position:relative;max-width:min(94vw,1500px);max-height:92vh;display:grid;gap:12px}.protected-viewer img{max-width:94vw;max-height:84vh;object-fit:contain;border-radius:14px;box-shadow:0 24px 80px rgba(0,0,0,.45);background:#fff}.protected-viewer-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;color:#fff;font-size:.78rem}.protected-viewer-note{color:#c1ccd6}.protected-viewer-close{appearance:none;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.08);color:#fff;border-radius:999px;width:38px;height:38px;cursor:pointer;font-size:1.25rem}.protected-viewer-watermark{position:absolute;inset:0;pointer-events:none;overflow:hidden;border-radius:14px}.protected-viewer-watermark::before{content:'WJAZ  •  وجاز  •  PROTECTED PREVIEW';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-18deg);font-family:'Manrope','Noto Sans Arabic',sans-serif;font-weight:800;font-size:clamp(1.2rem,3vw,2.8rem);letter-spacing:.14em;color:rgba(188,120,67,.16);white-space:nowrap;text-shadow:0 1px 0 rgba(255,255,255,.08)}
@media(max-width:900px){.protection-grid{grid-template-columns:1fr 1fr}.gallery-board::after{bottom:88px}}
@media(max-width:620px){.protection-grid{grid-template-columns:1fr}.protection-strip{padding:22px}.protected-viewer{padding:14px}.protected-viewer img{max-width:96vw;max-height:78vh}}

/* V15 — richer sector cards + restrained protected previews */
.home-model-card{isolation:isolate;background-position:center;background-size:cover;background-repeat:no-repeat;border:1px solid rgba(255,255,255,.16)}
.home-model-card::before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(8,18,28,.18),rgba(8,18,28,.76));backdrop-filter:saturate(85%)}
.home-model-card::after{content:'';position:absolute;inset:0;z-index:-2;background-size:cover;background-position:center;opacity:.28;transform:scale(1.03);transition:transform .45s ease,opacity .45s ease}
.home-model-card:hover::after{transform:scale(1.07);opacity:.36}
.home-model-card.model-contracting::after{background-image:url('../img/protected/models-contracting-01.png')}
.home-model-card.model-clinic::before{background:linear-gradient(180deg,rgba(227,237,233,.26),rgba(217,231,226,.86))}
.home-model-card.model-clinic::after{background-image:url('../img/protected/models-clinics-01.png');opacity:.23}
.home-model-card.model-cafe::before{background:linear-gradient(180deg,rgba(48,24,17,.28),rgba(60,29,20,.84))}
.home-model-card.model-cafe::after{background-image:url('../img/protected/models-restaurants-01.png');opacity:.28}
.home-model-card.model-showrooms::before{background:linear-gradient(180deg,rgba(47,56,39,.26),rgba(62,72,49,.86))}
.home-model-card.model-showrooms::after{background-image:url('../img/protected/models-showrooms-01.png');opacity:.26}
.home-model-card strong,.home-model-card small,.home-model-card .home-model-icon{position:relative;z-index:1}
.home-model-card.model-clinic strong,.home-model-card.model-clinic small,.home-model-card.model-clinic .home-model-icon{color:#173f46}

/* Reduce visual obstruction while retaining protection */
.gallery-board::after{content:'WJAZ • PROTECTED PREVIEW';position:absolute;inset:auto 18px 76px auto;padding:6px 9px;border-radius:999px;background:rgba(7,27,45,.62);color:rgba(255,255,255,.88);font-family:'Manrope',sans-serif;font-size:.58rem;font-weight:700;letter-spacing:.07em;pointer-events:none;backdrop-filter:blur(5px);z-index:2}
.protected-viewer-watermark::before{color:rgba(188,120,67,.10);font-size:clamp(1rem,2.4vw,2.15rem);letter-spacing:.10em}

/* V16 — sector carousel, reference codes, and cleaner sector model copy */
.models-intro{grid-template-columns:1fr}
.models-note-card-wide{max-width:none}
.gallery-board{position:relative}
.gallery-board::before{content:attr(data-reference);position:absolute;top:14px;inset-inline-start:14px;z-index:5;padding:7px 11px;border-radius:999px;background:rgba(7,27,45,.90);color:#fff;font-family:'Manrope',sans-serif;font-weight:700;font-size:.72rem;letter-spacing:.06em;box-shadow:0 8px 20px rgba(0,0,0,.18);pointer-events:none}
.gallery-reference-label{display:block;margin-top:6px;font-family:'Manrope','Noto Sans Arabic',sans-serif;font-size:.75rem;font-weight:700;color:var(--copper)}
.sector-carousel{position:relative;max-width:1460px;margin-inline:auto}
.sector-carousel-track{position:relative;min-height:390px}
.sector-slide{display:none;grid-template-columns:.78fr 1.22fr;background:var(--navy);color:#fff;border-radius:24px;overflow:hidden;min-height:390px;box-shadow:var(--shadow);animation:sectorFade .45s ease}
.sector-slide.active{display:grid}
.sector-slide .case-copy{padding:46px;display:flex;flex-direction:column;justify-content:center}
.sector-slide .case-copy h2{font-size:clamp(1.82rem,2.65vw,2.5rem);line-height:1.42;margin:0 0 12px;font-weight:600}
.sector-slide .case-copy p{color:#c7d0d8;margin:0 0 22px}
.sector-slide-media{position:relative;min-height:390px;overflow:hidden}
.sector-slide-media::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,27,45,.52),transparent 34%);pointer-events:none}
[dir="rtl"] .sector-slide-media::after{background:linear-gradient(270deg,rgba(7,27,45,.52),transparent 34%)}
.sector-slide-media img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;filter:saturate(.92) contrast(1.03)}
.sector-carousel-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:12;width:48px;height:48px;border-radius:50%;border:1px solid rgba(255,255,255,.32);background:rgba(7,27,45,.86);color:#fff;font-size:2rem;line-height:1;display:grid;place-items:center;cursor:pointer;box-shadow:0 10px 26px rgba(0,0,0,.2);transition:.2s ease}
.sector-carousel-arrow:hover{background:var(--copper);transform:translateY(-50%) scale(1.04)}
.sector-carousel-arrow.prev{inset-inline-start:-22px}.sector-carousel-arrow.next{inset-inline-end:-22px}
.sector-carousel-dots{display:flex;justify-content:center;gap:8px;margin-top:18px}
.sector-carousel-dots button{width:9px;height:9px;padding:0;border:0;border-radius:999px;background:#cfc5ba;cursor:pointer;transition:.25s}.sector-carousel-dots button.active{width:28px;background:var(--copper)}
@keyframes sectorFade{from{opacity:.35;transform:translateY(4px)}to{opacity:1;transform:none}}
@media(max-width:760px){.sector-slide,.sector-slide.active{grid-template-columns:1fr}.sector-slide .case-copy{padding:30px}.sector-slide-media{min-height:260px;order:-1}.sector-carousel-arrow{width:42px;height:42px}.sector-carousel-arrow.prev{inset-inline-start:8px}.sector-carousel-arrow.next{inset-inline-end:8px}.gallery-board::before{top:10px;inset-inline-start:10px}}

/* V17 — premium sector image quality, softer carousel transitions, live process visual */
.sector-carousel-track{display:grid;min-height:390px}
.sector-slide{grid-area:1/1;display:grid;opacity:0;visibility:hidden;pointer-events:none;transform:translate3d(12px,0,0) scale(.995);transition:opacity .9s cubic-bezier(.22,.61,.36,1),transform .9s cubic-bezier(.22,.61,.36,1),visibility 0s linear .9s;animation:none!important}
[dir="rtl"] .sector-slide{transform:translate3d(-12px,0,0) scale(.995)}
.sector-slide.active{display:grid;opacity:1;visibility:visible;pointer-events:auto;transform:translate3d(0,0,0) scale(1);transition-delay:0s}
.sector-slide-media img{image-rendering:auto;filter:saturate(.98) contrast(1.045);transform:scale(1.006);transition:transform 6.5s ease;backface-visibility:hidden;-webkit-backface-visibility:hidden}
.sector-slide.active .sector-slide-media img{transform:scale(1.025)}
.sector-slide-media::after{background:linear-gradient(90deg,rgba(7,27,45,.42),transparent 38%)}
[dir="rtl"] .sector-slide-media::after{background:linear-gradient(270deg,rgba(7,27,45,.42),transparent 38%)}

.process-panel{min-height:480px;padding:0;overflow:hidden;border-radius:24px;box-shadow:var(--shadow);background:#111}
.process-visual{position:relative;width:100%;height:100%;min-height:480px;background:linear-gradient(90deg,rgba(10,17,24,.22),rgba(10,17,24,.05)),url('../img/hero-v5.webp') center/cover no-repeat;display:flex;align-items:center;justify-content:center;padding:34px}
.process-visual::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(9,20,29,.2));pointer-events:none}
.process-overlay{position:relative;z-index:2;width:min(94%,760px);padding:28px 28px 24px;border-radius:22px;background:rgba(250,245,238,.90);border:1px solid rgba(255,255,255,.62);box-shadow:0 20px 60px rgba(0,0,0,.18);backdrop-filter:blur(14px) saturate(125%);-webkit-backdrop-filter:blur(14px) saturate(125%)}
.process-title{font-family:'Noto Kufi Arabic','Noto Sans Arabic',sans-serif;text-align:center;font-size:clamp(1.75rem,3vw,2.55rem);font-weight:700;color:var(--ink);line-height:1.35;margin-bottom:22px}
.process-title span{color:var(--copper)}
html[lang="en"] .process-title{font-family:'Manrope',sans-serif}
.process-steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.process-step{position:relative;min-height:128px;padding:28px 10px 12px;border-radius:16px;background:rgba(255,255,255,.76);border:1px solid rgba(117,80,50,.12);display:flex;flex-direction:column;align-items:center;text-align:center;justify-content:center;box-shadow:0 7px 20px rgba(55,36,22,.06)}
.process-step b{position:absolute;top:-12px;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#c98146,#a85e2f);color:#fff;font-family:'Manrope',sans-serif;font-size:.78rem;box-shadow:0 7px 16px rgba(169,95,47,.22)}
.process-step strong{font-size:.79rem;line-height:1.55;color:var(--ink)}
.process-step small{margin-top:5px;font-size:.67rem;line-height:1.45;color:#71685f}
html[lang="en"] .process-step strong{font-family:'Manrope',sans-serif;font-size:.74rem;line-height:1.35}
html[lang="en"] .process-step small{font-family:'Manrope',sans-serif;font-size:.62rem;line-height:1.35}

@media(max-width:900px){.process-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.process-step:last-child{grid-column:1/-1}.process-overlay{width:96%}}
@media(max-width:760px){.sector-carousel-track{min-height:600px}.sector-slide{grid-template-columns:1fr}.process-panel,.process-visual{min-height:620px}.process-visual{padding:18px}.process-overlay{padding:24px 18px}.process-steps{grid-template-columns:1fr}.process-step:last-child{grid-column:auto}.process-step{min-height:98px}.process-title{margin-bottom:18px}}
@media(prefers-reduced-motion:reduce){.sector-slide,.sector-slide-media img{transition:none!important;transform:none!important}}


/* V18 — About WJAZ vision, mission, goals and values */
.about-principles-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--line);border-radius:24px;overflow:hidden;background:#fff;box-shadow:var(--soft)}
.about-principle{padding:34px 30px;text-align:center;min-height:290px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;border-inline-start:1px solid var(--line)}
.about-principle:first-child{border-inline-start:0}.about-principle-icon{width:58px;height:58px;display:grid;place-items:center;color:var(--copper2);margin-bottom:18px}.about-principle-icon svg{width:40px;height:40px;stroke-width:1.6}.about-principle h3{margin:0 0 12px;font-size:1.2rem}.about-principle p{margin:0;color:var(--muted);line-height:1.9;font-size:.94rem}
.about-values{padding:84px 0;background:linear-gradient(145deg,#111f34,#172641 58%,#1d2947);color:#fff;position:relative;overflow:hidden}.about-values::after{content:'';position:absolute;inset-inline-end:-40px;top:-80px;width:420px;height:420px;border:1px solid rgba(212,154,104,.12);border-radius:38% 62% 61% 39%;transform:rotate(28deg);box-shadow:0 0 0 36px rgba(212,154,104,.025),0 0 0 72px rgba(212,154,104,.018)}
.about-values .container{position:relative;z-index:1}.about-values-head{text-align:center;max-width:760px;margin:0 auto 44px}.about-values-head .section-label{color:var(--copper2)}.about-values-head h2{font-size:clamp(1.9rem,3vw,2.65rem);margin:0 0 10px}.about-values-head p{margin:0;color:#ccd4de}.about-values-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border-top:1px solid rgba(255,255,255,.12)}.about-values-grid article{padding:30px 28px 8px;text-align:center;border-inline-start:1px solid rgba(255,255,255,.12)}.about-values-grid article:first-child{border-inline-start:0}.about-values-grid article>span{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:50%;border:1px solid rgba(212,154,104,.5);color:var(--copper2);font-family:'Manrope',sans-serif;font-weight:700;font-size:.78rem;margin-bottom:16px}.about-values-grid h3{margin:0 0 10px;font-size:1.1rem}.about-values-grid p{margin:0;color:#bec8d2;font-size:.87rem;line-height:1.8}
@media(max-width:900px){.about-principles-grid{grid-template-columns:1fr}.about-principle{min-height:auto;border-inline-start:0;border-top:1px solid var(--line)}.about-principle:first-child{border-top:0}.about-values-grid{grid-template-columns:1fr 1fr}.about-values-grid article:nth-child(odd){border-inline-start:0}.about-values-grid article:nth-child(n+3){border-top:1px solid rgba(255,255,255,.12)}}
@media(max-width:580px){.about-values-grid{grid-template-columns:1fr}.about-values-grid article{border-inline-start:0;border-top:1px solid rgba(255,255,255,.12);padding:26px 20px}.about-values-grid article:first-child{border-top:0}.about-principle{padding:28px 22px}}

/* V20 — Website Visual Video Production service */
.video-service-card{background:linear-gradient(145deg,#fffdf9,#f3e4d5)!important;border-color:rgba(185,109,54,.28)!important}
.video-service-showcase{background:linear-gradient(180deg,#f9f4ee 0%,#fcfaf7 100%);border-top:1px solid rgba(91,62,40,.08)}
.video-service-showcase .section-head{max-width:980px}
.video-demo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:stretch}
.video-demo-card{background:#fff;border:1px solid var(--line);border-radius:22px;overflow:hidden;box-shadow:0 18px 50px rgba(36,27,20,.08);transition:transform .35s ease,box-shadow .35s ease}
.video-demo-card:hover{transform:translateY(-5px);box-shadow:0 24px 64px rgba(36,27,20,.13)}
.video-frame{position:relative;aspect-ratio:16/9;background:#071b2d;overflow:hidden;cursor:pointer}
.video-frame video{width:100%;height:100%;display:block;object-fit:cover;background:#071b2d}
.video-frame::after{content:'▶';position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:58px;height:58px;border-radius:50%;display:grid;place-items:center;padding-inline-start:4px;background:rgba(7,27,45,.82);border:1px solid rgba(255,255,255,.55);color:#fff;font-family:'Manrope',sans-serif;font-size:1.1rem;box-shadow:0 10px 30px rgba(0,0,0,.28);pointer-events:none;transition:opacity .25s ease,transform .25s ease}
.video-frame.is-playing::after{opacity:0;transform:translate(-50%,-50%) scale(.86)}
.video-demo-copy{padding:22px 22px 24px}
.video-demo-copy>span{display:block;color:var(--copper);font-size:.74rem;font-weight:700;margin-bottom:8px}
.video-demo-copy h3{margin:0 0 8px;font-size:1.04rem;line-height:1.6}
.video-demo-copy p{margin:0;color:var(--muted);font-size:.84rem;line-height:1.85}
.video-service-note{margin-top:24px;padding:24px 26px;border-radius:20px;background:linear-gradient(135deg,var(--navy),#0b2a44);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:28px;box-shadow:0 18px 50px rgba(7,27,45,.14)}
.video-service-note strong{display:block;font-family:'Noto Kufi Arabic','Noto Sans Arabic',sans-serif;font-size:1rem;margin-bottom:6px;color:#fff}
html[lang="en"] .video-service-note strong{font-family:'Manrope',sans-serif}
.video-service-note p{margin:0;color:#cbd4dc;font-size:.85rem;line-height:1.8;max-width:920px}
.video-service-note .btn{flex:0 0 auto}
.addon-strip{display:flex;align-items:center;justify-content:space-between;gap:34px;padding:30px 32px;border-radius:22px;background:linear-gradient(145deg,#fffdf9,#f5e9dd);border:1px solid rgba(185,109,54,.22);box-shadow:var(--soft)}
.addon-strip h2{margin:6px 0 8px;font-size:1.5rem}.addon-strip p{margin:0;max-width:960px;color:var(--muted)}
@media(max-width:980px){.video-demo-grid{grid-template-columns:1fr 1fr}.video-demo-card:last-child{grid-column:1/-1}.video-service-note,.addon-strip{align-items:flex-start;display:grid}}
@media(max-width:650px){.video-demo-grid{grid-template-columns:1fr}.video-demo-card:last-child{grid-column:auto}.video-demo-copy{padding:18px}.video-frame::after{width:52px;height:52px}.video-service-note,.addon-strip{padding:22px}.video-service-note .btn,.addon-strip .btn{width:100%}}

/* V20.4 — direct route from core website service to models */
.models-jump-section{padding-top:8px;padding-bottom:8px}
.models-jump-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:22px;padding:22px 26px;border:1px solid rgba(185,109,54,.22);border-radius:22px;background:linear-gradient(135deg,#fffdf9 0%,#fbf2e8 100%);box-shadow:0 14px 36px rgba(31,24,18,.06);color:var(--ink);text-decoration:none;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.models-jump-card:hover{transform:translateY(-2px);box-shadow:0 18px 42px rgba(31,24,18,.09);border-color:rgba(185,109,54,.38)}
.models-jump-icon{width:58px;height:58px;border-radius:16px;display:grid;place-items:center;background:#fff;border:1px solid rgba(185,109,54,.25);color:var(--copper);box-shadow:0 8px 18px rgba(185,109,54,.08)}
.models-jump-icon svg{width:29px;height:29px;stroke-width:1.7}
.models-jump-copy{display:grid;gap:5px;min-width:0}
.models-jump-copy .section-label{margin:0;width:max-content}
.models-jump-copy strong{font-size:1.12rem;line-height:1.5}
.models-jump-copy small{color:var(--muted);font-size:.86rem;line-height:1.6}
.models-jump-action{display:inline-flex;align-items:center;gap:9px;padding:11px 15px;border-radius:12px;border:1px solid rgba(185,109,54,.28);background:#fff;color:var(--ink);font-weight:700;font-size:.86rem;white-space:nowrap}
.models-jump-action b{color:var(--copper);font-size:1.05rem}
@media(max-width:760px){.models-jump-card{grid-template-columns:auto 1fr;padding:18px;gap:16px}.models-jump-action{grid-column:1/-1;justify-content:center;width:100%}.models-jump-icon{width:52px;height:52px}.models-jump-copy strong{font-size:1rem}}


/* V21 — simplified services architecture */
.service-path-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:24px;align-items:stretch}.service-path-grid-large{max-width:1180px;margin:0 auto}.service-path-card{position:relative;border:1px solid rgba(20,18,16,.09);border-radius:28px;padding:32px;background:#fff;box-shadow:0 20px 55px rgba(24,18,12,.07);display:flex;flex-direction:column;min-height:100%}.service-path-card.core{background:linear-gradient(150deg,#fff 0%,#fffaf4 100%);border-color:rgba(184,111,58,.22)}.service-path-card.addons{background:linear-gradient(150deg,#0c2336 0%,#102b40 100%);color:#fff}.service-path-card.addons p{color:rgba(255,255,255,.73)}.service-path-badge{display:inline-flex;width:max-content;padding:7px 11px;border-radius:999px;font-size:.76rem;font-weight:700;background:#f5e8da;color:#9a592b;margin-bottom:18px}.service-path-card.addons .service-path-badge{background:rgba(255,255,255,.10);color:#f4c697}.service-path-icon{width:72px;height:72px;border-radius:20px;display:grid;place-items:center;background:#fff4e8;border:1px solid rgba(184,111,58,.2);color:var(--copper);margin-bottom:20px}.service-path-card.addons .service-path-icon{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.12);color:#f1c08c}.service-path-icon svg{width:36px;height:36px;stroke-width:1.6}.service-path-card h2,.service-path-card h3{margin:0 0 12px;line-height:1.45}.service-path-card p{color:var(--muted);line-height:1.85;margin:0 0 18px}.service-path-price{display:flex;align-items:baseline;gap:8px;margin:4px 0 18px;color:#9b5b2e}.service-path-price strong{font:800 2.2rem/1 'Manrope',sans-serif}.service-path-card.addons .service-path-price{color:#f4c697}.service-path-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:auto;padding-top:10px}.compact-checks{display:grid;grid-template-columns:1fr 1fr;gap:10px 18px;padding:0;margin:0 0 18px;list-style:none}.compact-checks li{position:relative;padding-inline-start:20px;font-size:.88rem;color:var(--muted)}.compact-checks li::before{content:'✓';position:absolute;inset-inline-start:0;color:var(--copper);font-weight:800}.addon-mini-list{display:flex;gap:9px;flex-wrap:wrap;margin:8px 0 20px}.addon-mini-list span{padding:8px 11px;border:1px solid rgba(255,255,255,.14);border-radius:999px;font-size:.78rem;background:rgba(255,255,255,.06)}.decision-strip{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:28px 30px;border:1px solid rgba(20,18,16,.08);border-radius:24px;background:#fff}.decision-strip strong{display:block;font-size:1.25rem;margin-bottom:6px}.decision-strip p{margin:0;color:var(--muted);line-height:1.7}.addon-pricing-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.addon-price-card{border:1px solid rgba(20,18,16,.09);border-radius:24px;background:#fff;padding:26px;box-shadow:0 14px 38px rgba(24,18,12,.05)}.addon-price-card h2{margin:14px 0 8px}.addon-price-card p{margin:0 0 20px;color:var(--muted);line-height:1.75}.dual-price{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0}.dual-price>div{padding:14px;border-radius:16px;background:#f8f3ed;border:1px solid rgba(184,111,58,.12)}.dual-price span{display:block;color:var(--muted);font-size:.75rem;margin-bottom:5px}.dual-price strong{display:block;font-size:.98rem}.addon-actions{display:flex;gap:10px;flex-wrap:wrap}.pricing-note{margin-top:24px;padding:20px 22px;border-radius:18px;background:#f6efe7;border:1px solid rgba(184,111,58,.18)}.pricing-note strong{display:block;margin-bottom:6px}.pricing-note p{margin:0;color:var(--muted);line-height:1.7}.included-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.included-grid>div{background:#fff;border:1px solid rgba(20,18,16,.08);border-radius:20px;padding:20px}.included-grid>div>strong{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#fff1e4;color:var(--copper);margin-bottom:12px}.included-grid h3{font-size:1rem;margin:0 0 8px}.included-grid p{font-size:.83rem;color:var(--muted);line-height:1.65;margin:0}.core-cta-panel{display:flex;justify-content:space-between;align-items:center;gap:22px;margin-top:24px;padding:26px 28px;background:#0c2336;color:#fff;border-radius:24px}.core-cta-panel h2{margin:6px 0}.core-cta-panel p{margin:0;color:rgba(255,255,255,.72)}.selected-package{display:grid;grid-template-columns:auto 1fr auto;gap:8px 16px;align-items:center;padding:18px;margin-bottom:18px;border-radius:18px;background:linear-gradient(145deg,#fff7ef,#f2e2d2);border:1px solid rgba(184,111,58,.24)}.selected-package span{font-size:.76rem;color:#9a592b;font-weight:700}.selected-package strong{font-size:1rem}.selected-package b{font-size:1.15rem;color:#9a592b}.selected-package small{grid-column:1/-1;color:var(--muted);line-height:1.6}
@media(max-width:980px){.service-path-grid,.addon-pricing-grid{grid-template-columns:1fr}.included-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.decision-strip,.core-cta-panel{align-items:flex-start;flex-direction:column}.compact-checks{grid-template-columns:1fr}}
@media(max-width:620px){.included-grid,.dual-price{grid-template-columns:1fr}.service-path-card{padding:24px}.selected-package{grid-template-columns:1fr}.selected-package small{grid-column:auto}.service-path-actions .btn{width:100%}}

/* V23 refinements */
.about-page .page-hero{padding:110px 0 8px}
.about-page .page-hero h1{margin:0;line-height:1.65}
.about-page .section:first-of-type{padding-top:54px}
.service-hub-section .section-head.service-hub-clean{max-width:1180px;margin-bottom:34px}
.service-hub-section .section-head.service-hub-clean p{font-size:1.06rem;line-height:1.9;white-space:nowrap;color:#5f5a55}
.addon-more-link{display:inline-flex;align-items:center;gap:8px;font-weight:700}
.addon-more-link svg{width:18px;height:18px}
.video-examples-panel{margin-top:36px;padding-top:8px}
.video-examples-panel .section-head{margin-bottom:28px}
html[lang="en"] .lang{font-family:'Noto Sans Arabic',sans-serif;letter-spacing:0;font-weight:600;min-width:62px}
@media(max-width:980px){.service-hub-section .section-head.service-hub-clean p{white-space:normal}.about-page .page-hero{padding-top:78px}}
@media(max-width:760px){.about-page .page-hero{padding:58px 0 0}.about-page .page-hero h1{font-size:clamp(1.7rem,8vw,2.3rem)}.about-page .section:first-of-type{padding-top:38px}.service-hub-section .section-head.service-hub-clean p{font-size:.96rem}}


/* V24 — dashboard sample previews and refined about page hero */
.dashboard-samples-panel{background:linear-gradient(180deg,#fcfaf6 0%,#f7f2ec 100%);border-top:1px solid rgba(91,62,40,.08)}
.dashboard-samples-panel .section-head{max-width:980px}
.dashboard-preview-figure{margin:0;padding:0;border-radius:28px;overflow:hidden;border:1px solid rgba(20,18,16,.08);background:#fff;box-shadow:0 20px 58px rgba(24,18,12,.08);position:relative}
.dashboard-preview-figure::after{content:'WJAZ';position:absolute;top:18px;inset-inline-end:18px;background:rgba(7,27,45,.76);color:#fff;padding:8px 12px;border-radius:999px;font-size:.72rem;font-weight:800;letter-spacing:.08em;pointer-events:none}
.dashboard-preview-figure img{display:block;width:100%;height:auto}
.dashboard-preview-note{margin-top:14px;text-align:center;color:var(--muted);font-size:.9rem;line-height:1.75}
.video-frame::before{content:'WJAZ';position:absolute;top:14px;inset-inline-end:14px;padding:5px 10px;border-radius:999px;background:rgba(7,27,45,.72);color:rgba(255,255,255,.88);font-size:.68rem;font-weight:800;letter-spacing:.08em;pointer-events:none;z-index:2}
.video-frame video{user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}
.about-page .page-hero{padding:72px 0 24px;min-height:300px;display:flex;align-items:flex-end}
.about-page .page-hero .container{width:100%}
.about-page .page-hero h1{max-width:640px}
@media(max-width:980px){.about-page .page-hero{min-height:240px;padding-top:70px}}
@media(max-width:760px){.dashboard-preview-figure::after,.video-frame::before{font-size:.62rem;padding:5px 9px}.about-page .page-hero{min-height:auto;padding:58px 0 0;display:block}}

/* V26 approved layout refinements */
.about-page .page-hero{min-height:auto;padding:66px 0 8px;display:block}
.about-page .about-story-section{padding-top:28px}
.about-story-headline{font-size:clamp(2rem,3.7vw,3.45rem);line-height:1.62;margin:0 0 30px;max-width:720px;font-weight:600;letter-spacing:-.035em}
.story-copy>.section-label{margin-bottom:10px}
.core-models-cta{margin-top:24px}
.technical-trust{background:linear-gradient(180deg,#fcfaf7 0%,#f7f1ea 100%)}
.technical-trust .section-head{max-width:880px}
.proof-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;max-width:1180px;margin:0 auto}
.proof-card{display:flex;align-items:flex-start;gap:18px;min-height:165px;padding:26px;border:1px solid rgba(20,18,16,.09);border-radius:22px;background:#fff;box-shadow:0 16px 42px rgba(24,18,12,.055)}
.proof-icon{width:54px;height:54px;flex:0 0 auto;display:grid;place-items:center;border-radius:16px;background:linear-gradient(145deg,#fff7ef,#f1dfce);border:1px solid rgba(185,109,54,.22);color:var(--copper)}
.proof-icon svg{width:27px;height:27px;stroke-width:1.65}
.proof-card strong{display:block;margin:2px 0 7px;font-size:1rem;line-height:1.55}
.proof-card span:not(.proof-icon){display:block;color:var(--muted);font-size:.88rem;line-height:1.85}
@media(max-width:760px){.about-page .page-hero{padding:42px 0 6px}.about-page .about-story-section{padding-top:22px}.about-story-headline{font-size:clamp(1.7rem,8vw,2.3rem);line-height:1.65;margin-bottom:24px}.proof-grid{grid-template-columns:1fr}.proof-card{min-height:auto;padding:21px}.proof-icon{width:48px;height:48px}.core-models-cta{margin-top:18px}}

/* V28 — approved WJAZ identity */
.wjaz-logo-mark{filter:none}
.header .wjaz-logo-mark,.footer .wjaz-logo-mark{width:54px;height:58px}
.floating-mark img{width:90px;height:92px;filter:none}
.decision-strip strong{font-family:'Noto Kufi Arabic','Noto Sans Arabic',sans-serif;font-weight:700}
html[lang="en"] .decision-strip strong{font-family:'Manrope',sans-serif}
@media(max-width:760px){.header .wjaz-logo-mark{width:42px;height:48px}.floating-mark img{width:58px;height:60px}}

/* V29 — approved logo treatment on dark surfaces */
.footer .brand{gap:0}
.footer .wjaz-logo-dark{width:168px;height:auto;max-height:none;aspect-ratio:1024/703;object-fit:contain;filter:none;flex:0 0 auto}
.footer .brand-lockup{display:none}
@media(max-width:760px){.footer .wjaz-logo-dark{width:150px;height:auto}}


/* V32 — V30-preserving service expansion */
.service-catalog-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px;align-items:stretch}
.service-catalog-grid>.catalog-card:nth-child(-n+3){grid-column:span 2}.service-catalog-grid>.catalog-card:nth-child(n+4){grid-column:span 3}
.service-catalog-grid .service-path-card{height:100%}.primary-service{background:linear-gradient(150deg,#fff,#f8f0e8);border-color:rgba(185,109,54,.25)}
.presence-bundle{background:linear-gradient(140deg,#071b2d,#0d2a43);color:#fff;border-color:rgba(212,148,92,.34)}.presence-bundle p,.presence-bundle .compact-checks{color:#c6d0d8}.presence-bundle .service-path-badge,.presence-bundle .service-path-price span{color:#d8a171}.presence-bundle .service-path-price strong{color:#fff}.presence-bundle .service-path-icon{background:rgba(255,255,255,.08);color:#d99b67;border-color:rgba(255,255,255,.14)}.presence-bundle .compact-checks li{border-color:rgba(255,255,255,.12)}
.package-level-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:stretch}.package-level{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:22px;padding:28px;box-shadow:var(--soft)}.package-level.featured{border-color:rgba(185,109,54,.45);box-shadow:var(--shadow);transform:translateY(-8px)}.package-level-badge{color:var(--copper);font:700 .78rem/1.2 'Manrope',sans-serif;letter-spacing:.04em}.package-level h2{font-size:1.2rem;line-height:1.55;margin:18px 0 10px}.package-level>p{color:var(--muted);font-size:.88rem;margin:0}.package-level ul{list-style:none;padding:0;margin:22px 0;display:grid;gap:9px}.package-level li{font-size:.83rem;color:#5f5a55;display:flex;gap:8px}.package-level li::before{content:'✓';color:var(--copper);font-weight:700}.package-level-price{margin-top:auto;border-top:1px solid var(--line);padding:18px 0;color:var(--navy);font-weight:700}.package-level .btn{width:100%}
.service-integrity-note,.data-warning,.pricing-scope-note{max-width:1080px;margin:28px auto 0;border-radius:16px;padding:20px 22px}.service-integrity-note{display:flex;gap:16px;align-items:flex-start;background:#fff;border:1px solid var(--line)}.service-integrity-note strong{color:var(--copper);white-space:nowrap}.service-integrity-note p{margin:0;color:var(--muted)}.data-warning{background:#fff5ec;border:1px solid rgba(185,109,54,.28);color:#70513d}.pricing-scope-note{padding:0;color:var(--muted);font-size:.82rem;text-align:center}
.presence-offer{display:grid;grid-template-columns:1.2fr .8fr;border:1px solid var(--line);border-radius:24px;overflow:hidden;background:#fff;box-shadow:var(--shadow)}.presence-offer>div{padding:40px}.presence-offer ul{list-style:none;padding:0;margin:24px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:12px}.presence-offer li::before{content:'✓';color:var(--copper);margin-inline-end:8px}.presence-offer aside{padding:40px;background:linear-gradient(140deg,#071b2d,#0d2a43);color:#fff;display:flex;flex-direction:column;justify-content:center}.presence-offer aside>span{color:#d9a06d}.presence-offer aside>strong{font:700 clamp(2rem,4vw,3rem)/1.2 'Manrope',sans-serif;margin:12px 0}.presence-offer aside p{color:#c7d1d9;font-size:.86rem}.presence-offer aside .btn{margin-top:12px}
.working-policy-grid{max-width:1000px;margin:auto;display:grid;gap:13px}.working-step{display:grid;grid-template-columns:58px 1fr;gap:18px;padding:20px 22px;border:1px solid var(--line);background:#fff;border-radius:16px}.working-step>span{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:#f5e5d7;color:var(--copper);font:700 .78rem/1 'Manrope'}.working-step h2{font-size:1rem;margin:0 0 5px}.working-step p{margin:0;color:var(--muted);font-size:.86rem}
.conditional-service-fields{display:none;margin:24px 0 0;border:1px solid var(--line);border-radius:16px;padding:20px}.conditional-service-fields.is-visible{display:block}.conditional-service-fields legend{padding:0 10px;color:var(--copper);font-weight:700}.sensitive-data-warning{margin:16px 0 0;padding:13px 15px;border-radius:10px;background:#fff5ec;color:#79543d;font-size:.82rem}
@media(max-width:1050px){.service-catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.service-catalog-grid>.catalog-card:nth-child(n){grid-column:span 1}.package-level-grid{grid-template-columns:1fr}.package-level.featured{transform:none}.presence-offer{grid-template-columns:1fr}}
@media(max-width:700px){.service-catalog-grid{grid-template-columns:1fr}.service-integrity-note{display:grid}.presence-offer>div,.presence-offer aside{padding:28px}.presence-offer ul{grid-template-columns:1fr}.working-step{grid-template-columns:46px 1fr;padding:17px}}

/* V33 — focused homepage route, refined services, knowledge and about experience */
.home-service-hub .section-head{max-width:920px}
.services-entry-card{width:min(100%,680px);margin:0 auto;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:20px;padding:22px 24px;border-radius:22px;background:linear-gradient(135deg,var(--navy),#0e2e47);color:#fff;border:1px solid rgba(212,148,92,.30);box-shadow:0 22px 54px rgba(7,27,45,.18);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.services-entry-card:hover{transform:translateY(-3px);box-shadow:0 28px 68px rgba(7,27,45,.24);border-color:rgba(212,148,92,.62)}
.services-entry-icon{width:62px;height:62px;border-radius:18px;display:grid;place-items:center;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);color:var(--copper2)}
.services-entry-icon svg{width:31px;height:31px;stroke-width:1.7}.services-entry-card>strong{font-family:'Noto Kufi Arabic','Noto Sans Arabic',sans-serif;font-size:1.08rem}.services-entry-arrow{color:var(--copper2);font:700 1.45rem/1 'Manrope',sans-serif}
html[lang="en"] .services-entry-card>strong{font-family:'Manrope',sans-serif}

.dashboard-single-grid{grid-template-columns:minmax(0,760px);justify-content:center}.dashboard-single-grid .dashboard-essential-card{transform:none;padding:34px}.dashboard-single-grid .package-level-price{font-size:1.05rem;color:var(--copper)}
.bundle-value-note{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:start;margin-top:26px;padding:18px 20px;border-radius:16px;background:#f7ede3;border:1px solid rgba(185,109,54,.18)}
.bundle-value-note strong{color:var(--copper);white-space:nowrap}.bundle-value-note span{color:var(--muted);font-size:.88rem;line-height:1.75}

.knowledge-section{background:linear-gradient(180deg,#fcfaf7 0%,#f4ede5 100%)}
.knowledge-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.knowledge-card{position:relative;overflow:hidden;padding:34px;border-radius:24px;background:#fff;border:1px solid rgba(91,62,40,.12);box-shadow:0 18px 48px rgba(36,27,20,.065)}
.knowledge-card::after{content:'';position:absolute;inset-inline-end:-45px;top:-55px;width:160px;height:160px;border:1px solid rgba(185,109,54,.12);border-radius:50%}
.knowledge-number{position:absolute;inset-inline-end:26px;top:24px;color:rgba(185,109,54,.34);font:700 1rem/1 'Manrope',sans-serif;letter-spacing:.08em}
.knowledge-card>small{display:block;color:var(--copper);font-weight:700;margin-bottom:12px}.knowledge-card h2{font-size:1.24rem;line-height:1.65;margin:0 0 12px;padding-inline-end:42px}.knowledge-card>p{color:var(--muted);margin:0 0 20px;font-size:.91rem}
.knowledge-card ul{list-style:none;padding:0;margin:0;display:grid;gap:11px}.knowledge-card li{position:relative;padding-inline-start:20px;color:#56514d;font-size:.87rem;line-height:1.8}.knowledge-card li::before{content:'';position:absolute;inset-inline-start:0;top:.76em;width:7px;height:7px;border-radius:50%;background:var(--copper)}
.knowledge-takeaway{display:block;margin-top:24px;padding:15px 17px;border-radius:14px;background:#f8f1e9;color:#5e4637;font-size:.84rem;line-height:1.8}.knowledge-card-wide{grid-column:1/-1}.knowledge-columns{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.knowledge-sources{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:26px;padding-top:20px;border-top:1px solid var(--line);font-size:.77rem}.knowledge-sources>span{color:var(--muted);font-weight:700}.knowledge-sources a{padding:7px 10px;border-radius:999px;background:#f6eee6;border:1px solid rgba(185,109,54,.18);color:#7d4828}.knowledge-sources a:hover{border-color:rgba(185,109,54,.46)}
.knowledge-disclaimer{max-width:980px;margin:24px auto 0;text-align:center;color:var(--muted);font-size:.8rem;line-height:1.8}

.about-page .page-hero{padding:82px 0 66px;background:radial-gradient(circle at 82% 20%,rgba(212,148,92,.18),transparent 28%),linear-gradient(135deg,#fffdf9,#f4e9dd)}
.about-intro{max-width:1180px}.about-intro h1{max-width:980px!important;margin:8px 0 18px!important;font-size:clamp(2.25rem,4vw,4rem);line-height:1.5!important;letter-spacing:-.035em}.about-intro .lead{max-width:760px;margin:0;color:#625c56;font-size:1.05rem}
.about-page .about-story-section{padding:70px 0}.about-page .story{grid-template-columns:.88fr 1.12fr;gap:70px;align-items:center}.about-page .story-copy h2{font-size:clamp(1.65rem,2.55vw,2.35rem);line-height:1.6;margin:0 0 18px}.about-page .story-copy p{color:var(--muted);font-size:.98rem;margin:0 0 15px}
.about-source{display:inline-flex;margin-top:4px;color:var(--copper);font-size:.8rem;font-weight:700;border-bottom:1px solid rgba(185,109,54,.30)}
.about-pill-row{display:flex;gap:9px;flex-wrap:wrap;margin-top:26px}.about-pill-row span{padding:8px 12px;border-radius:999px;background:#f5e8dc;border:1px solid rgba(185,109,54,.17);color:#6f472e;font-size:.78rem;font-weight:700}
.about-page .story-panel{position:relative;margin:0;min-height:560px;border-radius:30px;background:#d6b18d}.about-page .story-panel::after{content:'';position:absolute;inset:46% 0 0;background:linear-gradient(180deg,transparent,rgba(5,20,34,.88));pointer-events:none}.about-page .story-panel .about-market-image{min-height:560px;object-position:center 32%;filter:saturate(.90) contrast(1.03)}
.story-caption{position:absolute;z-index:2;inset-inline:28px;bottom:28px;color:#fff;display:grid;gap:4px}.story-caption span{color:var(--copper2);font-weight:800;font-size:.78rem;letter-spacing:.08em}.story-caption strong{font-family:'Noto Kufi Arabic','Noto Sans Arabic',sans-serif;font-size:1.15rem;line-height:1.65}.story-caption strong:lang(en),html[lang="en"] .story-caption strong{font-family:'Manrope',sans-serif}
.about-framework{padding-top:88px}.about-principles-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;border:0;border-radius:0;overflow:visible;background:transparent;box-shadow:none}.about-principle{position:relative;min-height:310px;padding:38px 30px;border:1px solid rgba(91,62,40,.12)!important;border-radius:22px;background:#fff;box-shadow:0 16px 42px rgba(36,27,20,.055)}.about-principle::before{content:'';position:absolute;inset:0 24% auto;height:3px;border-radius:0 0 4px 4px;background:linear-gradient(90deg,var(--copper),var(--copper2))}
.about-values-grid{gap:14px;border-top:0}.about-values-grid article{padding:28px 22px;border:1px solid rgba(255,255,255,.12)!important;border-radius:18px;background:rgba(255,255,255,.035)}

@media(max-width:900px){.knowledge-grid{grid-template-columns:1fr}.knowledge-card-wide{grid-column:auto}.knowledge-columns{grid-template-columns:1fr}.about-page .story{grid-template-columns:1fr;gap:34px}.about-page .story-panel{order:-1}.about-principles-grid{grid-template-columns:1fr}.about-principle{min-height:auto}}
@media(max-width:700px){.services-entry-card{grid-template-columns:auto 1fr;padding:18px;gap:14px}.services-entry-icon{width:52px;height:52px}.services-entry-arrow{display:none}.knowledge-card{padding:26px 22px}.knowledge-card h2{font-size:1.1rem}.bundle-value-note{grid-template-columns:1fr}.about-page .page-hero{padding:54px 0 46px}.about-intro h1{font-size:clamp(1.8rem,8.4vw,2.45rem);line-height:1.62!important}.about-page .about-story-section{padding:52px 0}.about-page .story-panel,.about-page .story-panel .about-market-image{min-height:390px}.story-caption{inset-inline:20px;bottom:20px}.story-caption strong{font-size:1rem}}

/* V34 — clearer online request forms and booking service */
.addon-examples{display:flex;flex-wrap:wrap;gap:8px;margin:-4px 0 16px}.addon-examples span{padding:7px 10px;border-radius:999px;background:#f8f1e9;border:1px solid rgba(185,109,54,.18);color:#74482f;font-size:.76rem;font-weight:700}.addon-benefit{display:grid;gap:5px;margin-bottom:18px;padding:14px 16px;border-inline-start:3px solid var(--copper);border-radius:12px;background:#fbf8f4}.addon-benefit strong{font-size:.86rem;color:var(--navy)}.addon-benefit span{color:var(--muted);font-size:.82rem;line-height:1.7}.addon-disclaimer{display:block;margin:-2px 0 16px;color:var(--muted);font-size:.73rem;line-height:1.65}

/* V35 — mobile About refinement and reliable Services CTA */
.cta-box::after{pointer-events:none;z-index:0}.cta-box>div{position:relative;z-index:1}.cta-services-link{position:relative;z-index:2;pointer-events:auto}
@media(max-width:700px){
  .about-page .page-hero{min-height:auto;padding:38px 0 34px}
  .about-page .about-intro{width:min(calc(100% - 40px),var(--max));max-width:100%}
  .about-page .about-intro .section-label{font-size:.72rem;margin-bottom:9px}
  .about-page .about-intro h1{max-width:100%!important;margin:3px 0 13px!important;font-size:clamp(1.5rem,6.2vw,1.72rem);line-height:1.72!important;letter-spacing:0;overflow-wrap:break-word;word-break:normal}
  .about-page .about-intro .lead{font-size:.9rem;line-height:1.9}
  .about-page .about-story-section{padding:42px 0}
  .about-page .story{gap:25px}
  .about-page .story-panel,.about-page .story-panel .about-market-image{min-height:330px}
  .about-page .story-panel{border-radius:22px}
  .about-page .story-copy h2{font-size:1.32rem;line-height:1.72;margin-bottom:12px}
  .about-page .story-copy p{font-size:.9rem;line-height:1.9;margin-bottom:11px}
  .about-page .about-source{font-size:.73rem;line-height:1.85}
  .about-page .about-pill-row{gap:7px;margin-top:19px}
  .about-page .about-pill-row span{padding:7px 10px;font-size:.71rem}
  .about-page .story-caption{inset-inline:18px;bottom:18px}
  .about-page .story-caption span{font-size:.7rem}
  .about-page .story-caption strong{font-size:.92rem;line-height:1.7}
  .about-page .about-framework{padding:52px 0}
  .about-page .section-head{margin-bottom:26px}
  .about-page .section-head h2,.about-page .about-values-head h2{font-size:1.4rem;line-height:1.68}
  .about-page .section-head p,.about-page .about-values-head p{font-size:.87rem;line-height:1.9}
  .about-page .about-principle{padding:25px 20px}
  .about-page .about-principle-icon{width:50px;height:50px;margin-bottom:14px}
  .about-page .about-principle-icon svg{width:34px;height:34px}
  .about-page .about-principle h3{font-size:1.02rem;margin-bottom:8px}
  .about-page .about-principle p{font-size:.86rem;line-height:1.88}
  .about-page .about-values{padding:56px 0}
  .about-page .about-values-head{margin-bottom:27px}
  .about-page .about-values-grid article{padding:23px 18px}
  .about-page .about-values-grid h3{font-size:1rem;margin-bottom:7px}
  .about-page .about-values-grid p{font-size:.82rem;line-height:1.85}
}
@media(max-width:380px){.about-page .about-intro{width:min(calc(100% - 30px),var(--max))}.about-page .about-intro h1{font-size:1.44rem}.about-page .story-panel,.about-page .story-panel .about-market-image{min-height:300px}}

/* V36 — unmistakably lighter mobile typography with a cache-busted stylesheet */
@media(max-width:700px){
  .about-page .page-hero{padding:31px 0 28px}
  .about-page .about-intro{width:min(calc(100% - 34px),var(--max))}
  .about-page .about-intro .section-label{font-size:.67rem;margin-bottom:7px}
  .about-page .about-intro h1{font-size:clamp(1.2rem,5.2vw,1.38rem);line-height:1.86!important;font-weight:500;letter-spacing:0;margin:2px 0 10px!important}
  .about-page .about-intro .lead{max-width:31rem;font-size:.8rem;line-height:2}
  .about-page .about-story-section{padding:36px 0}
  .about-page .story{gap:21px}
  .about-page .story-panel,.about-page .story-panel .about-market-image{min-height:285px}
  .about-page .story-copy>.section-label{font-size:.67rem;margin-bottom:7px}
  .about-page .story-copy h2{font-size:1.14rem;line-height:1.78;margin-bottom:10px;font-weight:600}
  .about-page .story-copy p{font-size:.82rem;line-height:1.96;margin-bottom:9px}
  .about-page .about-source{font-size:.68rem}
  .about-page .about-pill-row{margin-top:16px}
  .about-page .about-pill-row span{font-size:.66rem;padding:6px 9px}
  .about-page .story-caption strong{font-size:.82rem}
  .about-page .about-framework{padding:44px 0}
  .about-page .section-head h2,.about-page .about-values-head h2{font-size:1.18rem;line-height:1.78;font-weight:600}
  .about-page .section-head p,.about-page .about-values-head p{font-size:.8rem;line-height:1.95}
  .about-page .about-principle{padding:21px 18px}
  .about-page .about-principle-icon{width:46px;height:46px;margin-bottom:11px}
  .about-page .about-principle-icon svg{width:30px;height:30px}
  .about-page .about-principle h3{font-size:.94rem;margin-bottom:6px}
  .about-page .about-principle p{font-size:.79rem;line-height:1.94}
  .about-page .about-values{padding:46px 0}
  .about-page .about-values-head{margin-bottom:23px}
  .about-page .about-values-grid article{padding:20px 17px}
  .about-page .about-values-grid article>span{width:32px;height:32px;font-size:.7rem;margin-bottom:12px}
  .about-page .about-values-grid h3{font-size:.91rem;margin-bottom:5px}
  .about-page .about-values-grid p{font-size:.77rem;line-height:1.9}
}
@media(max-width:380px){.about-page .about-intro h1{font-size:1.16rem}.about-page .about-intro .lead{font-size:.77rem}}

/* V37 — balanced mobile inset for the About-page introduction */
@media(max-width:700px){
  .about-page .about-intro{width:100%!important;max-width:540px!important;margin-inline:auto!important;padding-inline:clamp(32px,8.5vw,42px)}
  .about-page .about-intro h1,.about-page .about-intro .lead{max-width:100%;margin-inline:0!important}
}
@media(max-width:380px){.about-page .about-intro{padding-inline:30px}}

/* V40 — unified sculpted WJAZ lockup and direct request heading */
.header .nav{height:92px}
.header .brand{
  min-width:112px;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:2px;
  padding:4px 0 3px;
}
.header .wjaz-logo-mark{
  width:104px;
  height:auto;
  aspect-ratio:1024/703;
  object-fit:contain;
  filter:drop-shadow(0 5px 9px rgba(7,27,45,.14));
}
.header .brand-lockup{
  display:block;
  width:auto;
  padding:0;
  line-height:1;
}
.header .brand-lockup>strong,
.header .brand-lockup>span{display:none}
.header .brand-lockup .brand-descriptor,
html[lang="en"] .header .brand-lockup .brand-descriptor{
  display:block;
  width:auto;
  max-width:none;
  margin:1px 0 0;
  color:#805032;
  font-size:.52rem;
  font-weight:700;
  line-height:1.15;
  letter-spacing:.02em;
  white-space:nowrap;
}
.footer .brand{
  flex-direction:column;
  align-items:flex-start;
  gap:6px;
}
.footer .brand-lockup{display:block;width:auto;padding:0;line-height:1}
.footer .brand-lockup>strong,
.footer .brand-lockup>span{display:none}
.footer .brand-lockup .brand-descriptor,
html[lang="en"] .footer .brand-lockup .brand-descriptor{
  display:block;
  width:auto;
  max-width:none;
  margin:0;
  color:#d8c8bc;
  font-size:.58rem;
  font-weight:700;
  line-height:1.2;
  letter-spacing:.025em;
  white-space:nowrap;
}
.footer .wjaz-logo-dark{
  filter:drop-shadow(0 9px 18px rgba(0,0,0,.18));
}
.quote-form-heading{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:58px;
  margin-bottom:18px;
  padding:12px 20px;
  border:1px solid rgba(185,109,54,.26);
  border-radius:18px;
  background:linear-gradient(145deg,#fff8f1,#f1dfce);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 10px 24px rgba(93,55,29,.07);
}
.quote-form-heading h1{
  margin:0;
  color:var(--navy);
  font-size:clamp(1.22rem,2vw,1.55rem);
  font-weight:700;
  line-height:1.4;
}
.prefill-banner[hidden],.selected-package[hidden]{display:none!important}

@media(max-width:760px){
  .header .nav{height:76px}
  .header .brand{min-width:84px;gap:1px;padding:3px 0 2px}
  .header .wjaz-logo-mark{width:80px;height:auto}
  .header .brand-lockup .brand-descriptor,
  html[lang="en"] .header .brand-lockup .brand-descriptor{font-size:.42rem;margin-top:0}
  .quote-form-heading{min-height:50px;margin-bottom:15px;padding:10px 15px;border-radius:15px}
  .quote-form-heading h1{font-size:1.08rem}
}

/* V43 — categorized services directory and concise service-detail pages */
.service-directory-hero{padding-bottom:58px;background:radial-gradient(circle at 82% 18%,rgba(212,148,92,.14),transparent 30%),linear-gradient(135deg,#fffdf9,#f6eee5)}
.service-directory-hero .container{max-width:1180px}.service-directory-hero h1{max-width:820px;margin:12px 0 14px;font-size:clamp(2rem,4vw,3.45rem);line-height:1.45}.service-directory-hero .lead{max-width:760px;margin:0;color:var(--muted)}
.service-directory-section{padding-top:64px;background:linear-gradient(180deg,#fcfaf7,#f7f1ea)}
.service-category{--category:#b96d36;--category-soft:#fff2e7;margin-bottom:72px}.service-category-corporate{--category:#80624d;--category-soft:#f4ece4}.service-category-data{--category:#35667a;--category-soft:#eaf3f5}.service-category-integrated{--category:#c8844c;--category-soft:#efe0d2}.service-category-additional{--category:#6e6964;--category-soft:#f1efec}
.service-category-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,520px);align-items:end;gap:32px;margin-bottom:24px;padding-bottom:18px;border-bottom:1px solid color-mix(in srgb,var(--category) 24%,transparent)}
.service-category-kicker{display:block;margin-bottom:7px;color:var(--category);font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.service-category-head h2{margin:0;font-size:clamp(1.35rem,2.4vw,2rem);line-height:1.5}.service-category-head p{margin:0;color:var(--muted);line-height:1.8}
.service-icon-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.service-tile{position:relative;display:flex;flex-direction:column;min-width:0;min-height:252px;padding:24px;border:1px solid color-mix(in srgb,var(--category) 20%,#ded8d1);border-radius:22px;background:rgba(255,255,255,.88);box-shadow:0 14px 34px rgba(31,24,18,.045);color:var(--navy);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.service-tile:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--category) 48%,transparent);box-shadow:0 22px 46px rgba(31,24,18,.095)}
.service-tile-icon{display:grid;place-items:center;width:58px;height:58px;margin-bottom:20px;border-radius:17px;background:var(--category-soft);border:1px solid color-mix(in srgb,var(--category) 20%,transparent);color:var(--category)}.service-tile-icon svg{width:29px;height:29px;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.service-tile-copy{display:grid;gap:9px}.service-tile-copy strong{font-family:'Noto Kufi Arabic','Noto Sans Arabic',sans-serif;font-size:1.03rem;line-height:1.65}.service-tile-copy>span{color:var(--muted);font-size:.84rem;line-height:1.75}.service-tile-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding-top:20px}.service-tile-foot b{color:var(--category);font-size:.82rem;line-height:1.55}.service-tile-foot i{font:700 1.15rem/1 'Manrope',sans-serif;color:var(--category);font-style:normal;transition:transform .2s ease}.service-tile:hover .service-tile-foot i{transform:translateX(-3px)}html[dir="ltr"] .service-tile:hover .service-tile-foot i{transform:translateX(3px)}html[lang="en"] .service-tile-copy strong{font-family:'Manrope',sans-serif}
.service-category-integrated{padding:30px;border-radius:28px;background:linear-gradient(140deg,#071b2d,#0d2a43);box-shadow:0 24px 60px rgba(7,27,45,.14)}.service-category-integrated .service-category-head{border-color:rgba(255,255,255,.14)}.service-category-integrated .service-category-head h2{color:#fff}.service-category-integrated .service-category-head p{color:#c6d0d8}.service-category-integrated .service-tile{min-height:220px;background:rgba(255,255,255,.065);border-color:rgba(255,255,255,.14);color:#fff}.service-category-integrated .service-tile-copy>span{color:#c6d0d8}.service-category-integrated .service-tile-icon{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.14)}.service-category-integrated .service-tile-foot b{color:#e4ae7e}.service-category-integrated .service-tile-foot i{color:#e4ae7e}
.service-category-data .service-icon-grid,.service-category-integrated .service-icon-grid{grid-template-columns:minmax(0,780px);justify-content:center}.service-addons-only{--category:#6e6964;--category-soft:#f1efec}.service-directory-cta{margin-top:4px}
.service-detail-hero{padding-bottom:64px;background:radial-gradient(circle at 82% 18%,rgba(212,148,92,.16),transparent 30%),linear-gradient(135deg,#fffdf9,#f4e9dd)}.service-back-link{display:inline-flex;margin-bottom:26px;color:var(--copper);font-size:.8rem;font-weight:800;border-bottom:1px solid rgba(185,109,54,.28)}.service-detail-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:48px}.service-detail-hero h1{max-width:900px;margin:10px 0 16px;font-size:clamp(2.05rem,4.2vw,3.65rem);line-height:1.45}.service-detail-hero .lead{max-width:820px;margin:0;color:var(--muted)}.service-detail-icon{display:grid;place-items:center;width:112px;height:112px;border-radius:30px;background:#fff4e9;border:1px solid rgba(185,109,54,.22);color:var(--copper);box-shadow:0 18px 45px rgba(70,42,23,.08)}.service-detail-icon svg{width:55px;height:55px;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.service-detail-section{background:linear-gradient(180deg,#fcfaf7,#f7f1ea)}.service-detail-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,360px);gap:24px;align-items:start}.service-detail-content{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.service-detail-card{position:relative;min-width:0;padding:27px;border:1px solid rgba(91,62,40,.11);border-radius:21px;background:#fff;box-shadow:0 13px 34px rgba(35,27,21,.045)}.service-detail-card>span{display:block;margin-bottom:14px;color:rgba(185,109,54,.52);font:800 .76rem/1 'Manrope',sans-serif;letter-spacing:.09em}.service-detail-card h2{margin:0 0 10px;font-size:1.05rem;line-height:1.6}.service-detail-card p{margin:0;color:var(--muted);font-size:.87rem;line-height:1.85}.service-detail-card-wide{grid-column:1/-1}.service-detail-card ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 24px;margin:16px 0 0;padding:0;list-style:none}.service-detail-card li{position:relative;padding-inline-start:19px;color:#56514d;font-size:.86rem;line-height:1.75}.service-detail-card li::before{content:'✓';position:absolute;inset-inline-start:0;color:var(--copper);font-weight:800}.service-detail-exclusion{background:#f8f1e9;border-color:rgba(185,109,54,.18)}
.service-detail-summary{position:sticky;top:104px;padding:29px;border-radius:24px;background:linear-gradient(145deg,#071b2d,#0d2a43);color:#fff;box-shadow:0 24px 60px rgba(7,27,45,.18)}.service-detail-summary>span{display:block;color:#dc9c66;font-size:.76rem;font-weight:800}.service-detail-summary>strong{display:block;margin:15px 0 12px;color:#fff;font:800 clamp(1.25rem,2.4vw,1.8rem)/1.45 'Manrope',sans-serif}.service-detail-summary>p{margin:0 0 22px;color:#c8d1d8;font-size:.82rem;line-height:1.75}.service-detail-summary .btn{width:100%}.related-services{margin-top:42px;padding-top:28px;border-top:1px solid rgba(91,62,40,.12)}.related-services h2{margin:0 0 17px;font-size:1.08rem}.related-services>div{display:flex;gap:10px;flex-wrap:wrap}.related-services a{display:flex;align-items:center;gap:14px;padding:11px 14px;border:1px solid rgba(185,109,54,.18);border-radius:999px;background:#fff;color:#68452f;font-size:.8rem}.related-services a:hover{border-color:rgba(185,109,54,.46)}
.quote-shell optgroup{font-weight:800;color:var(--navy)}.quote-shell optgroup option{font-weight:400;color:#222}
@media(max-width:980px){.service-icon-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.service-detail-layout{grid-template-columns:1fr}.service-detail-summary{position:static}.service-category-head{grid-template-columns:1fr}.service-category-data .service-icon-grid,.service-category-integrated .service-icon-grid{grid-template-columns:1fr}}
@media(max-width:620px){.service-directory-hero{padding:48px 0 40px}.service-directory-hero h1{font-size:clamp(1.75rem,8.2vw,2.35rem)}.service-directory-section{padding-top:44px}.service-category{margin-bottom:50px}.service-category-head{gap:10px;margin-bottom:18px}.service-category-head p{font-size:.86rem}.service-icon-grid{grid-template-columns:1fr;gap:13px}.service-tile{min-height:0;padding:19px;border-radius:18px}.service-tile-icon{width:51px;height:51px;margin-bottom:15px}.service-tile-icon svg{width:26px;height:26px}.service-category-integrated{padding:20px;border-radius:22px}.service-category-integrated .service-tile{min-height:0}.service-detail-hero{padding:46px 0 44px}.service-detail-hero-grid{grid-template-columns:1fr;gap:24px}.service-detail-hero h1{font-size:clamp(1.75rem,8.3vw,2.35rem)}.service-detail-icon{width:82px;height:82px;border-radius:23px}.service-detail-icon svg{width:40px;height:40px}.service-detail-content{grid-template-columns:1fr}.service-detail-card,.service-detail-card-wide{grid-column:auto;padding:22px}.service-detail-card ul{grid-template-columns:1fr}.service-detail-summary{padding:24px}.related-services>div{display:grid}.related-services a{justify-content:space-between;border-radius:14px}}

/* V44 — service cards aligned with the approved WJAZ card style */
.service-offer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:stretch}
.service-offer-card{position:relative;display:flex;flex-direction:column;min-width:0;min-height:490px;padding:31px;border:1px solid color-mix(in srgb,var(--category) 24%,#e6ded6);border-radius:27px;background:linear-gradient(150deg,#fff 0%,color-mix(in srgb,var(--category-soft) 48%,#fff) 100%);box-shadow:0 18px 46px rgba(41,30,21,.055);color:var(--navy);transition:transform .23s ease,box-shadow .23s ease,border-color .23s ease}
.service-offer-card:hover{transform:translateY(-5px);border-color:color-mix(in srgb,var(--category) 48%,transparent);box-shadow:0 27px 60px rgba(41,30,21,.105)}
.service-offer-badge{align-self:flex-start;display:inline-flex;margin-bottom:18px;padding:8px 12px;border-radius:999px;background:var(--category-soft);color:var(--category);font-size:.72rem;font-weight:800;line-height:1.3}
.service-offer-icon{display:grid;place-items:center;width:72px;height:72px;margin-bottom:21px;border-radius:20px;background:color-mix(in srgb,var(--category-soft) 72%,#fff);border:1px solid color-mix(in srgb,var(--category) 24%,transparent);color:var(--category)}
.service-offer-icon svg{display:block;width:35px;height:35px;max-width:35px;max-height:35px;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.service-offer-copy{display:grid;gap:10px}.service-offer-copy strong{font-family:'Noto Kufi Arabic','Noto Sans Arabic',sans-serif;font-size:1.16rem;line-height:1.65}.service-offer-copy>span{min-height:76px;color:var(--muted);font-size:.88rem;line-height:1.85}
html[lang="en"] .service-offer-copy strong{font-family:'Manrope',sans-serif}
.service-offer-price{display:block;margin:19px 0 17px;color:var(--category);font-family:'Noto Kufi Arabic','Noto Sans Arabic',sans-serif;font-size:1.15rem;font-weight:800;line-height:1.55}
html[lang="en"] .service-offer-price{font-family:'Manrope',sans-serif}
.service-offer-features{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 15px;margin:0 0 23px;padding:0;list-style:none}
.service-offer-features li{position:relative;padding-inline-start:20px;color:#625d58;font-size:.79rem;line-height:1.7}.service-offer-features li::before{content:'✓';position:absolute;inset-inline-start:0;color:var(--category);font-weight:900}
.service-offer-action{align-self:flex-start;display:inline-flex;margin-top:auto;padding:12px 20px;border-radius:11px;background:var(--category);color:#fff;font-size:.81rem;font-weight:800;box-shadow:0 10px 22px color-mix(in srgb,var(--category) 18%,transparent)}
.service-category-data .service-offer-grid,.service-category-integrated .service-offer-grid{grid-template-columns:minmax(0,470px);justify-content:center}
.service-category-integrated .service-offer-card{background:linear-gradient(145deg,rgba(255,255,255,.09),rgba(255,255,255,.045));border-color:rgba(255,255,255,.17);color:#fff}.service-category-integrated .service-offer-copy>span,.service-category-integrated .service-offer-features li{color:#c9d2d9}.service-category-integrated .service-offer-badge,.service-category-integrated .service-offer-icon{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.15);color:#e4ae7e}.service-category-integrated .service-offer-price{color:#e4ae7e}.service-category-integrated .service-offer-action{background:#c97739}.service-category-integrated .service-offer-features li::before{color:#e4ae7e}
@media(max-width:1050px){.service-offer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.service-category-data .service-offer-grid,.service-category-integrated .service-offer-grid{grid-template-columns:minmax(0,470px)}}
@media(max-width:650px){.service-offer-grid,.service-category-data .service-offer-grid,.service-category-integrated .service-offer-grid{grid-template-columns:1fr}.service-offer-card{min-height:0;padding:24px;border-radius:22px}.service-offer-icon{width:64px;height:64px}.service-offer-icon svg{width:31px;height:31px;max-width:31px;max-height:31px}.service-offer-copy>span{min-height:0}.service-offer-features{grid-template-columns:1fr}.service-offer-action{width:100%;justify-content:center}}