@import url("../assets/fonts/montserrat/montserrat.css");
@import url("../assets/fonts/tajawal/tajawal.css");
@import url("public-navbar.css");

/* DUJEXA public theme bridge
   Keeps the established PHP page content while aligning every legacy public
   surface with the approved warm-paper design system. */
:root {
  --night: #f3efe7;
  --forest: #f8f4ec;
  --aqua: #c4513a;
  --ice: #11120f;
  --text: #11120f;
  --text-2: #595a53;
  --text-3: #85847c;
  --hair: rgba(17, 18, 15, .13);
  --hair-2: rgba(17, 18, 15, .22);
  --accent: #c4513a;
  --serif: "Montserrat", "Helvetica Neue", Arial, sans-serif;
  --sans: "Montserrat", "Helvetica Neue", Arial, sans-serif;
  --mono: ui-monospace, "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  --maxw: 1320px;
}

html {
  background: #f3efe7;
}

body {
  min-width: 0;
  background: #f3efe7;
  color: #11120f;
  overflow-x: clip;
  font-family: var(--sans);
  -webkit-font-smoothing: antialiased;
}

body *, body *::before, body *::after {
  box-sizing: border-box;
}

img, video, canvas, svg {
  max-width: 100%;
}

#field, .sky, .veil {
  display: none !important;
}

::selection {
  background: #c4513a;
  color: #fff;
}

:focus-visible {
  outline-color: #c4513a;
}

.wrap {
  width: min(100%, var(--maxw));
  max-width: var(--maxw);
  padding-inline: 36px;
}

header.nav {
  background: rgba(243, 239, 231, .94);
  border-bottom: 1px solid #d8d1c6;
  backdrop-filter: blur(14px);
}

.nav-in {
  width: min(100%, var(--maxw));
  max-width: var(--maxw);
  min-height: 76px;
  padding: 0 36px;
  gap: 28px;
}

.brand {
  color: #11120f;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: .34em;
  white-space: nowrap;
}

.brand .dot {
  display: none;
}

.links {
  gap: clamp(18px, 2.3vw, 36px);
}

.links a {
  color: #353630;
  font-size: 13px;
  font-weight: 600;
}

.links a::after {
  bottom: -9px;
  height: 2px;
  background: #c4513a;
}

.links a:hover,
.links a.active {
  color: #c4513a;
}

.nav-actions {
  flex-wrap: nowrap;
  gap: 9px;
}

.sign-link,
.lang {
  border: 0;
  border-radius: 0;
  padding: 7px 3px;
  color: #4f504a;
  font-family: var(--sans);
  font-size: 11px;
  font-weight: 650;
  letter-spacing: 0;
}

.lang {
  color: #89877e;
  cursor: default;
}

.sign-link:hover {
  color: #c4513a;
}

.menu-btn span {
  background: #11120f;
}

h1, h2, h3,
.serif, .serif-statement, .lead-q,
.belief .serif, .foot-brand .phil,
.prow .ti, .col li {
  font-family: var(--sans);
}

.phead {
  border-bottom: 1px solid #e4ddd2;
  padding-block: clamp(56px, 9vh, 104px) clamp(42px, 7vh, 76px);
}

.phead h1,
.hero h1,
.c-left h1 {
  color: #11120f;
  font-weight: 600;
  letter-spacing: -.05em;
  text-shadow: none;
}

.phead .lede,
.hero .lede,
.c-left .p {
  color: #4f504a;
  text-shadow: none;
}

.eyebrow,
.margin .law,
.next .k,
.next li::before,
.nd-col .k,
.col.is .h,
.em,
.belief .em,
.serif .em,
.neg .em {
  color: #c4513a;
}

.margin .tick,
.stage .dot {
  background: #c4513a;
}

.block,
.phead,
.principles,
.prow,
.stage,
.layer,
.part,
.article,
.law-item,
.grid2,
.gcell,
.name-decode,
.stance,
.next,
.foot-base {
  border-color: #d8d1c6;
}

.belief,
.band,
.oneband,
.promise-band,
.converge {
  background: #f8f4ec;
  border-color: #d8d1c6;
  backdrop-filter: none;
}

.prose p,
.lede2,
.prow .df,
.stage .what,
.layer .ans,
.part p,
.law-item .lgloss,
.gcell li span,
.nd-col p,
.next li,
.mailfall,
.final .sub {
  color: #595a53;
}

.prose p b,
.lead-q,
.prow .ti,
.nd-col h3,
.col li,
.stage h3,
.layer h3,
.part h3,
.law-item .lstate,
.gcell li,
.mailfall a {
  color: #11120f;
}

.btn,
.submit {
  border: 1px solid #0a0b0a;
  background: #0a0b0a;
  color: #f7f4ed;
}

.btn:hover,
.submit:hover {
  border-color: #c4513a;
  background: #c4513a;
  color: #fff;
}

.form {
  background: #f8f4ec;
  border: 1px solid #d8d1c6;
  border-radius: 14px;
  box-shadow: none;
  backdrop-filter: none;
}

.field label {
  color: #595a53;
}

.field input,
.field textarea {
  min-width: 0;
  background: transparent;
  border-color: #beb8ae;
  color: #11120f;
}

.field input::placeholder,
.field textarea::placeholder {
  color: #918f86;
}

.field input:focus,
.field textarea:focus {
  border-color: #c4513a;
}

.final {
  background: #0a0b0a;
  color: #f7f4ed;
  border-color: #0a0b0a;
}

.final .h-sec {
  color: #f7f4ed;
}

.final .sub {
  color: #c9c6be;
}

footer {
  background: #0a0b0a;
  border-color: #252625;
  color: #f7f4ed;
  backdrop-filter: none;
}

footer .foot-brand .bm,
footer .foot-col a,
footer .foot-col span {
  color: #f1eee7;
}

footer .foot-brand .phil,
footer .foot-col h4,
footer .foot-base {
  color: #aaa8a1;
}

footer .foot-col a:hover {
  color: #e2a394;
}

@media (max-width: 1040px) {
  .links {
    display: none;
  }

  .menu-btn {
    display: flex;
  }

  .links.open {
    display: flex;
    position: absolute;
    inset: 76px 0 auto;
    max-height: calc(100vh - 76px);
    overflow-y: auto;
    flex-direction: column;
    align-items: stretch;
    gap: 0;
    padding: 14px 24px 22px;
    background: #f8f4ec;
    border-bottom: 1px solid #d8d1c6;
    box-shadow: 0 18px 32px rgba(17, 18, 15, .08);
  }

  .links.open a {
    padding: 13px 0;
    border-bottom: 1px solid #e7e0d6;
  }

  .links.open a::after {
    display: none;
  }
}

@media (max-width: 700px) {
  .wrap,
  .nav-in {
    width: 100%;
    padding-inline: 14px;
  }

  .nav-in {
    min-height: 68px;
  }

  .brand {
    font-size: 16px;
    letter-spacing: .3em;
  }

  .nav-actions .sign-link:first-child {
    max-width: 104px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .phead h1,
  .hero h1,
  .c-left h1 {
    overflow-wrap: anywhere;
  }

  .prow,
  .erow,
  .part,
  .layer,
  .stage,
  .doc-row,
  .c-grid {
    min-width: 0;
  }
}

/* Approved English copy presentation */
.duj-public{
  --duj-gutter:clamp(22px,4.5vw,72px);
  --duj-section:clamp(64px,7vw,104px);
  background:#f3efe7;
  color:#11120f
}
.duj-public .duj-skip-link, .duj-public.dpx a.duj-skip-link{
  position:fixed;
  left:16px;
  top:12px;
  z-index:1000;
  transform:translateY(-180%);
  background:#0a0b0a;
  color:#fff;
  padding:12px 16px;
  text-decoration:none
}
.duj-public .duj-skip-link:focus{transform:none}
.duj-public .duj-copy-shell{width:min(1440px,calc(100% - 2 * var(--duj-gutter)));margin-inline:auto}
.duj-public .duj-copy-hero{padding:clamp(56px,7vw,96px) 0;border-bottom:1px solid #d8d1c6}
.duj-public .duj-copy-hero-inner{max-width:980px}
.duj-public .duj-copy-kicker{
  max-width:68ch;
  margin:0 0 24px;
  color:#9d3f2e;
  font-size:12px;
  font-weight:700;
  letter-spacing:.12em;
  line-height:1.5;
  text-transform:uppercase
}
.duj-public .duj-copy-hero h1{
  max-width:15ch;
  margin:0;
  color:#11120f;
  font-size:clamp(42px,4.5vw,68px);
  font-weight:620;
  letter-spacing:-.045em;
  line-height:1.06
}
.duj-public .duj-copy-lede{max-width:68ch;margin:32px 0 0;color:#44453f;font-size:17px;line-height:1.72}
.duj-public .duj-copy-lede p{margin:0 0 18px}
.duj-public .duj-copy-lede p:last-child{margin-bottom:0}
.duj-public .duj-copy-kicker strong,
.duj-public .duj-copy-lede strong{color:inherit;font-weight:inherit}
.duj-public .duj-copy-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:34px}
.duj-public .duj-copy-button{
  display:inline-flex;
  min-height:48px;
  align-items:center;
  justify-content:center;
  border:1px solid #0a0b0a;
  border-radius:12px;
  background:#0a0b0a;
  color:#f7f4ed;
  padding:13px 20px;
  font-size:14px;
  font-weight:600;
  line-height:1.4;
  text-decoration:none
}
.duj-public .duj-copy-button:hover{border-color:#c4513a;background:#c4513a;color:#fff}
.duj-public .duj-copy-button:focus-visible,
.duj-public .duj-case-card:focus-visible,
.duj-public .duj-case-close:focus-visible{outline:3px solid #c4513a;outline-offset:4px}
.duj-public .duj-copy-section{padding:var(--duj-section) 0;border-bottom:1px solid #ded7cc}
.duj-public .duj-copy-section:last-child{border-bottom:0}
.duj-public .duj-copy-reading{max-width:68ch}
.duj-public .duj-copy-section h2{
  max-width:25ch;
  margin:0 0 26px;
  color:#11120f;
  font-size:clamp(29px,2.7vw,42px);
  font-weight:620;
  letter-spacing:-.035em;
  line-height:1.15
}
.duj-public .duj-copy-section h3{margin:0 0 12px;font-size:clamp(21px,2vw,26px);font-weight:600;line-height:1.3}
.duj-public .duj-copy-section p,
.duj-public .duj-copy-section li{color:#4f504a;font-size:17px;line-height:1.72}
.duj-public .duj-copy-section p{margin:0 0 18px}
.duj-public .duj-copy-section p:last-child{margin-bottom:0}
.duj-public .duj-copy-section p strong,
.duj-public .duj-copy-section li strong{color:inherit;font-weight:inherit}
.duj-public .duj-copy-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(32px,5vw,80px)}
.duj-public .duj-section-index{
  display:flex;
  align-items:center;
  gap:14px;
  margin-bottom:24px;
  color:#913827;
  font-size:10px;
  font-weight:700;
  letter-spacing:.12em
}
.duj-public .duj-section-index::after{width:72px;height:1px;background:#c4513a;content:""}
.duj-public .duj-copy-card{padding-top:24px;border-top:2px solid #c4513a}
.duj-public .duj-deliverables{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;margin:32px 0 0;border-top:1px solid #d8d1c6;border-bottom:1px solid #d8d1c6}
.duj-public .duj-deliverables li{display:flex;align-items:center;min-height:104px;padding:20px;border-right:1px solid #d8d1c6;color:#11120f;font-size:15px;font-weight:600;line-height:1.4;list-style:none}
.duj-public .duj-deliverables li:last-child{border-right:0}
.duj-public .duj-copy-note{max-width:68ch;margin-top:30px;padding:22px 24px;border-left:3px solid #c4513a;background:#f8f4ec}
.duj-public .duj-copy-note h3{font-size:21px}
.duj-public .duj-service-block{display:grid;grid-template-columns:190px minmax(0,1fr);gap:clamp(34px,5vw,80px)}
.duj-public .duj-service-label{padding-top:4px;color:#913827;font-size:11px;font-weight:700;letter-spacing:.12em;line-height:1.5;text-transform:uppercase}
.duj-public .duj-service-body{max-width:860px}
.duj-public .duj-service-body>.duj-copy-kicker{margin-bottom:18px}
.duj-public .duj-service-body>h3{margin-top:30px}
.duj-public .duj-deliverable-rail{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));margin:36px 0 0;padding:0;list-style:none}
.duj-public .duj-deliverable-rail::before{position:absolute;left:9%;right:9%;top:17px;height:1px;background:#bdb5aa;content:""}
.duj-public .duj-deliverable-rail li{position:relative;padding:52px 16px 0 0;color:#11120f;font-size:13px;font-weight:600;line-height:1.45;list-style:none}
.duj-public .duj-deliverable-rail li::before{position:absolute;left:0;top:10px;width:14px;height:14px;border:4px solid #f3efe7;border-radius:50%;background:#c4513a;box-shadow:0 0 0 1px #c4513a;content:""}
.duj-public .duj-deliverable-rail small{display:block;margin-bottom:7px;color:#77776f;font-size:9px;letter-spacing:.12em}
.duj-public .duj-service-card-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:34px}
.duj-public .duj-service-card-grid .duj-copy-card{padding:28px;border-top:2px solid #c4513a;background:#f8f4ec}
.duj-public .duj-standard-list{display:grid;gap:0;border-top:1px solid #d8d1c6}
.duj-public .duj-standard{display:grid;grid-template-columns:110px minmax(260px,.75fr) minmax(0,1fr);gap:clamp(26px,4vw,64px);padding:36px 0;border-bottom:1px solid #d8d1c6}
.duj-public .duj-standard-number{padding-top:4px;color:#913827;font-size:12px;font-weight:700;letter-spacing:.12em}
.duj-public .duj-standard .duj-copy-kicker{margin-bottom:10px}
.duj-public .duj-standard h2{margin:0;font-size:clamp(23px,2.3vw,34px)}
.duj-public .duj-standard>p{max-width:60ch;margin:0}
.duj-public .duj-case-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:38px}
.duj-public .duj-case-card{
  width:100%;
  min-height:100%;
  border:1px solid rgba(90,71,54,.24);
  border-radius:12px;
  background:rgba(248,244,236,.82);
  box-shadow:0 18px 42px rgba(42,35,28,.08);
  color:#11120f;
  cursor:pointer;
  padding:26px;
  text-align:left;
  transition:transform 180ms ease,border-color 180ms ease,box-shadow 180ms ease
}
@supports ((-webkit-backdrop-filter:blur(8px)) or (backdrop-filter:blur(8px))){
  .duj-public .duj-case-card{background:rgba(248,244,236,.7);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
}
.duj-public .duj-case-card:hover,
.duj-public .duj-case-card:focus-visible{transform:translateY(-3px);border-color:rgba(196,81,58,.6);box-shadow:0 22px 48px rgba(42,35,28,.12)}
.duj-public .duj-case-sector{display:block;margin-bottom:16px;color:#9d3f2e;font-size:11px;font-weight:700;letter-spacing:.1em;line-height:1.5;text-transform:uppercase}
.duj-public .duj-case-title{display:block;margin-bottom:16px;font-size:23px;font-weight:600;letter-spacing:-.02em;line-height:1.28}
.duj-public .duj-case-intro{display:block;margin-bottom:24px;color:#4f504a;font-size:15px;line-height:1.65}
.duj-public .duj-case-evidence{display:block;padding-top:18px;border-top:1px solid #d8d1c6;color:#11120f;font-size:13px;font-weight:600;line-height:1.55}
.duj-public .duj-case-action{display:block;margin-top:24px;color:#9d3f2e;font-size:13px;font-weight:700}
.duj-public .duj-case-dialog{
  width:min(1040px,calc(100vw - 48px));
  max-width:none;
  max-height:calc(100vh - 48px);
  margin:auto;
  padding:0;
  border:1px solid #d8d1c6;
  border-radius:12px;
  background:#f8f4ec;
  color:#11120f;
  box-shadow:0 28px 90px rgba(0,0,0,.34);
  overflow:hidden
}
.duj-public .duj-case-dialog::backdrop{background:rgba(10,11,10,.7)}
.duj-public .duj-case-dialog[open]{display:flex;flex-direction:column}
.duj-public .duj-case-dialog-bar{position:sticky;top:0;z-index:2;display:flex;justify-content:flex-end;flex:0 0 auto;padding:10px 12px;border-bottom:1px solid #ded7cc;background:#f8f4ec}
.duj-public .duj-case-close{display:grid;place-items:center;width:44px;height:44px;border:1px solid #bdb5aa;border-radius:50%;background:#f3efe7;color:#11120f;cursor:pointer;font-size:26px;line-height:1}
.duj-public .duj-case-scroll{overflow:auto;overscroll-behavior:contain;padding:clamp(30px,5vw,64px)}
.duj-public .duj-case-article{max-width:72ch;margin-inline:auto}
.duj-public .duj-case-article>.duj-case-sector{margin:0 0 14px;color:#9d3f2e;font-size:12px;font-weight:700;letter-spacing:.1em;line-height:1.5;text-transform:uppercase}
.duj-public .duj-case-article>h1{margin:0 0 38px;font-size:clamp(34px,4.6vw,58px);line-height:1.08;letter-spacing:-.04em}
.duj-public .duj-case-article h2{margin:42px 0 16px;font-size:27px;line-height:1.25}
.duj-public .duj-case-article h3{margin:28px 0 10px;font-size:20px;line-height:1.3}
.duj-public .duj-case-article p,
.duj-public .duj-case-article li{font-size:16px;line-height:1.75;color:#3f403b}
.duj-public .duj-case-article p{margin:0 0 18px}
.duj-public .duj-case-article ul{padding-left:22px}
.duj-public .duj-case-article blockquote{margin:26px 0;padding:6px 0 6px 22px;border-left:3px solid #c4513a;color:#11120f}
.duj-public .duj-case-article blockquote p{color:#11120f;font-weight:600}
.duj-public .duj-case-article hr{margin:38px 0;border:0;border-top:1px solid #d8d1c6}
body.duj-dialog-open{overflow:hidden}

/* Approved public UI refinement — presentation only. */
.duj-public{
  --duj-radius:14px;
  --duj-velvet:#17140f;
  --duj-copper:#d39a63
}
.duj-public .duj-motion{animation:duj-rise-in 210ms ease both}
.duj-page-home .duj-home-hero-shell>.duj-copy-kicker{max-width:68ch;margin-bottom:24px}
.duj-page-home .duj-home-hero-grid{
  display:grid;
  grid-template-columns:minmax(0,1.1fr) minmax(360px,.75fr);
  gap:clamp(48px,7vw,112px);
  align-items:start
}
.duj-page-home .duj-home-copy{min-width:0}
.duj-page-home .duj-home-copy .duj-copy-lede{max-width:64ch}
.duj-page-home .duj-velvet-card{
  position:relative;
  overflow:hidden;
  width:100%;
  min-height:360px;
  padding:clamp(28px,4vw,46px);
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  align-self:start;
  justify-self:stretch;
  margin-top:0;
  border:1px solid #3c342b;
  border-radius:var(--duj-radius);
  background-color:rgba(23,20,15,.985);
  background-image:url("../assets/velvet-noise.svg");
  color:#f1eee7;
  box-shadow:0 24px 64px rgba(42,35,28,.15)
}
.duj-page-home .duj-velvet-card::before{position:absolute;inset:28px 28px auto;height:1px;background:#554a3d;content:""}
.duj-page-home .duj-velvet-card::after{position:absolute;right:34px;top:28px;width:7px;height:7px;border-radius:50%;background:#c4513a;box-shadow:-38px 0 0 #6e6256,-78px 0 0 #3d3831;content:""}
.duj-page-home .duj-velvet-card .duj-copy-kicker{margin-bottom:16px;color:var(--duj-copper)}
.duj-page-home .duj-velvet-card h2{max-width:14ch;margin:0 0 16px;color:#f1eee7;font-size:clamp(28px,2.6vw,40px);font-weight:600;letter-spacing:-.035em;line-height:1.1}
.duj-page-home .duj-velvet-card>p:not(.duj-copy-kicker){max-width:45ch;margin:0 0 25px;color:#c9c5bc;font-size:14px;line-height:1.7}
.duj-page-home .duj-velvet-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.duj-public .duj-premium-action{
  min-height:48px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:8px 9px 8px 14px;
  border:1px solid #d7d1c8;
  border-radius:11px;
  background:#f1eee7;
  color:#17140f;
  font-size:11px;
  font-weight:700;
  line-height:1.35;
  text-decoration:none;
  transition:border-color 190ms ease,color 190ms ease,transform 190ms ease
}
.duj-public .duj-premium-action span:last-child{width:31px;height:31px;flex:0 0 31px;display:grid;place-items:center;border-radius:50%;background:#17140f;color:#fff;transition:background 190ms ease,transform 190ms ease}
.duj-page-home .duj-premium-action{min-height:52px;padding:9px 10px 9px 18px;font-size:12px}
.duj-page-home .duj-premium-action span:last-child{width:34px;height:34px;flex-basis:34px}
.duj-public .duj-premium-action:hover{border-color:#c4513a;color:#913827;transform:translateY(-1px)}
.duj-public .duj-premium-action:hover span:last-child{background:#c4513a;transform:translateX(2px)}
.duj-page-home .duj-connection-field{position:relative;width:100%;height:160px;margin:36px 0 0}
.duj-page-home .duj-connection-field svg{width:100%;height:100%;display:block;overflow:visible}
.duj-page-home .duj-connection-links path{fill:none;stroke:#aaa196;stroke-width:1.15;stroke-linecap:round;opacity:.94}
.duj-page-home .duj-connection-links .duj-connection-signal{stroke:#c4513a;stroke-width:1.5}
.duj-page-home .duj-connection-nodes circle{fill:#f3efe7;stroke:#938a80;stroke-width:1.25;transform-box:fill-box;transform-origin:center;animation:duj-node-pulse 5.1s ease-in-out infinite}
.duj-page-home .duj-connection-nodes circle:nth-child(2){animation-delay:-1.7s;animation-duration:5.8s}
.duj-page-home .duj-connection-nodes circle:nth-child(3){animation-delay:-3.9s;animation-duration:6.4s}
.duj-page-home .duj-connection-nodes circle:nth-child(4){animation-delay:-.8s;animation-duration:5.5s}
.duj-page-home .duj-connection-nodes circle:nth-child(5){animation-delay:-4.6s;animation-duration:6.1s}
.duj-page-home .duj-connection-nodes circle:nth-child(6){animation-delay:-2.5s;animation-duration:5.7s}
.duj-page-home .duj-connection-nodes circle:nth-child(7){animation-delay:-1.2s;animation-duration:6.5s}
.duj-page-home .duj-connection-nodes .duj-connection-active{fill:#c4513a;stroke:#c4513a}

.duj-public .duj-decision-panel{overflow:hidden;border:1px solid #3c342b;border-radius:var(--duj-radius);background-color:var(--duj-velvet);background-image:url("../assets/velvet-noise.svg");box-shadow:0 24px 64px rgba(42,35,28,.14);color:#f1eee7}
.duj-public .duj-decision-grid{display:grid;grid-template-columns:1fr 1fr}
.duj-public .duj-decision-option{min-height:270px;padding:28px;display:flex;flex-direction:column}
.duj-public .duj-decision-option+.duj-decision-option{border-left:1px solid #40382e}
.duj-public .duj-decision-option h2{margin:0 0 12px;color:#f1eee7;font-size:clamp(25px,2.3vw,34px)}
.duj-public .duj-decision-option p{max-width:48ch;margin:0 0 24px;color:#c9c5bc;font-size:14px;line-height:1.65}
.duj-public .duj-decision-option .duj-premium-action{width:min(100%,270px);margin-top:auto}
.duj-page-start .duj-decision-signature{height:28px;margin-bottom:18px}
.duj-page-start .duj-node-line{display:flex;align-items:center}
.duj-page-start .duj-node-line i{position:relative;z-index:1;width:11px;height:11px;border:3px solid var(--duj-velvet);border-radius:50%;background:#c4513a;box-shadow:0 0 0 1px #c4513a;transform-origin:center;animation:duj-signature-pulse 3.8s ease-in-out infinite}
.duj-page-start .duj-node-line i:nth-of-type(2){animation-delay:.21s}
.duj-page-start .duj-node-line i:nth-of-type(3){animation-delay:.42s}
.duj-page-start .duj-node-line i:nth-of-type(4){animation-delay:.63s}
.duj-page-start .duj-node-line i:nth-of-type(5){animation-delay:.84s}
.duj-page-start .duj-node-line b{height:1px;flex:1;background:#75695c}
.duj-page-start .duj-focus-node{width:auto;height:28px;display:flex;align-items:center}
.duj-page-start .duj-focus-node i{width:11px;height:11px;border-radius:50%;background:#c4513a;box-shadow:0 0 0 1px #c4513a;transform-origin:center;animation:duj-signature-pulse 3.8s .42s ease-in-out infinite}

.duj-public .duj-case-card{display:flex;flex-direction:column;overflow:hidden;padding:0;border-radius:var(--duj-radius);background:#f8f4ec;text-align:left}
.duj-public .duj-case-visual{min-height:154px;padding:16px 18px;display:block;border-radius:calc(var(--duj-radius) - 1px) calc(var(--duj-radius) - 1px) 10px 10px;background-color:#17140f;background-image:url("../assets/velvet-noise.svg");color:#f1eee7}
.duj-public .duj-case-visual svg{width:100%;height:122px;display:block}
.duj-public .duj-case-gridline{fill:none;stroke:#5d5448;stroke-width:1}
.duj-public .duj-case-data{fill:none;stroke:#c4513a;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.duj-public .duj-case-point{fill:#c4513a}
.duj-public .duj-case-visual text{fill:#eee8dd;font-family:Montserrat,"Helvetica Neue",Arial,sans-serif;font-size:10px}
.duj-public .duj-case-visual .duj-case-metric{font-size:16px;font-weight:650}
.duj-public .duj-case-copy{flex:1;display:flex;flex-direction:column;padding:22px}
.duj-public .duj-case-sector{margin-bottom:11px}
.duj-public .duj-case-title{margin-bottom:10px;font-size:20px}
.duj-public .duj-case-intro{margin-bottom:18px;font-size:13.5px}
.duj-public .duj-case-evidence{margin-top:auto;padding-top:15px;font-size:12px}
.duj-public .duj-case-evidence strong{font-weight:600}
.duj-public .duj-case-action{margin-top:13px;font-size:12px}
.duj-public .duj-case-dialog{border-radius:var(--duj-radius)}
.duj-public .duj-case-article p strong,
.duj-public .duj-case-article li strong{font-weight:inherit;color:inherit}
.duj-public .duj-case-article blockquote strong{font-weight:600}
.duj-public .duj-case-article hr{margin:38px 0;border:0;border-top:1px solid #cfc6ba}
.duj-public .duj-case-article hr+h2{margin-top:0;padding:22px 24px;border:1px solid #ded6ca;border-radius:12px;background:#f3efe7}

.duj-public .duj-standard h2{overflow-wrap:normal;word-break:normal}
.duj-page-constitution .duj-copy-hero h1{letter-spacing:-.03em}
.duj-public .duj-copy-card,
.duj-public .duj-copy-note{border-radius:12px}
.duj-public .duj-copy-note{border-radius:12px}

@keyframes duj-rise-in{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
@keyframes duj-node-pulse{0%,74%,100%{transform:scale(1);opacity:.88}82%{transform:scale(1.14);opacity:1}}
@keyframes duj-signature-pulse{0%,62%,100%{transform:scale(1)}70%{transform:scale(1.14)}}

.duj-public .duj-legal{padding:clamp(56px,7vw,92px) 0 var(--duj-section)}
.duj-public .duj-legal-article{width:min(72ch,calc(100% - 2 * var(--duj-gutter)));margin-inline:auto}
.duj-public .duj-legal-article h1{margin:0 0 16px;font-size:clamp(42px,5vw,64px);font-weight:600;letter-spacing:-.045em;line-height:1.08}
.duj-public .duj-legal-date{margin:0 0 34px;color:#686961;font-size:14px;line-height:1.5}
.duj-public .duj-legal-article h2{margin:46px 0 16px;padding-top:8px;border-top:1px solid #d8d1c6;font-size:clamp(24px,2.5vw,32px);font-weight:600;letter-spacing:-.02em;line-height:1.25}
.duj-public .duj-legal-article p,
.duj-public .duj-legal-article li{color:#3f403b;font-size:16.5px;line-height:1.75}
.duj-public .duj-legal-article p{margin:0 0 18px}
.duj-public .duj-legal-article ul{margin:0 0 22px;padding-left:24px}
.duj-public .duj-legal-article strong{color:#11120f;font-weight:600}
.duj-public .duj-legal-article a{color:#8f3728;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.duj-public .duj-legal-article a:focus-visible{outline:3px solid #c4513a;outline-offset:4px}
.duj-public .duj-legal-article hr{margin:36px 0;border:0;border-top:1px solid #d8d1c6}

@media(max-width:1023px){
  .duj-page-home .duj-home-hero-grid{grid-template-columns:1fr}
  .duj-page-home .duj-velvet-card{width:min(600px,100%);min-height:330px;justify-self:start}
  .duj-public .duj-case-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .duj-public .duj-standard{grid-template-columns:70px minmax(0,1fr)}
  .duj-public .duj-standard>p{grid-column:2}
  .duj-public .duj-deliverable-rail{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:30px}
  .duj-public .duj-deliverable-rail::before{display:none}
  .duj-public .duj-deliverables{grid-template-columns:repeat(2,minmax(0,1fr))}
  .duj-public .duj-deliverables li{border-bottom:1px solid #d8d1c6}
  .duj-public .duj-deliverables li:nth-child(2n){border-right:0}
  .duj-public .duj-deliverables li:last-child{border-bottom:0}
}
@media(max-width:700px){
  .duj-public .duj-copy-hero{padding:48px 0}
  .duj-public .duj-copy-lede,
  .duj-public .duj-copy-section p,
  .duj-public .duj-copy-section li{font-size:16px}
  .duj-public .duj-copy-grid,
  .duj-public .duj-service-card-grid,
  .duj-public .duj-case-grid{grid-template-columns:1fr}
  .duj-page-home .duj-velvet-card{min-height:0;padding:28px 22px}
  .duj-page-home .duj-velvet-actions,
  .duj-public .duj-decision-grid{grid-template-columns:1fr}
  .duj-public .duj-decision-option{min-height:250px;padding:26px 22px}
  .duj-public .duj-decision-option .duj-premium-action{width:100%}
  .duj-public .duj-decision-option+.duj-decision-option{border-left:0;border-top:1px solid #40382e}
  .duj-page-home .duj-connection-field{width:100%;height:130px;margin-top:28px}
  .duj-public .duj-service-block{grid-template-columns:1fr;gap:13px}
  .duj-public .duj-service-label{padding-top:0}
  .duj-public .duj-deliverable-rail{grid-template-columns:1fr;margin-left:8px}
  .duj-public .duj-deliverable-rail li{min-height:72px;padding:4px 0 0 44px}
  .duj-public .duj-deliverable-rail li::before{left:0;top:2px}
  .duj-public .duj-deliverable-rail li::after{position:absolute;left:7px;top:19px;bottom:-14px;width:1px;background:#bdb5aa;content:""}
  .duj-public .duj-deliverable-rail li:last-child::after{display:none}
  .duj-public .duj-standard{grid-template-columns:48px minmax(0,1fr);gap:16px;padding:30px 0}
  .duj-public .duj-standard>p{grid-column:2}
  .duj-public .duj-deliverables{grid-template-columns:1fr}
  .duj-public .duj-deliverables li{min-height:0;border-right:0}
  .duj-public .duj-case-dialog{width:calc(100vw - 24px);max-height:calc(100dvh - 24px)}
  .duj-public .duj-case-scroll{padding:26px 20px 40px}
}
@media(prefers-reduced-motion:reduce){
  .duj-public .duj-motion{animation:none}
  .duj-page-home .duj-connection-nodes circle,
  .duj-page-start .duj-node-line i,
  .duj-page-start .duj-focus-node i{animation:none}
  .duj-public .duj-premium-action,
  .duj-public .duj-premium-action span:last-child{transition:none}
  .duj-public .duj-premium-action:hover{transform:none}
  .duj-public .duj-case-card{transition:border-color 180ms ease,box-shadow 180ms ease}
  .duj-public .duj-case-card:hover,
  .duj-public .duj-case-card:focus-visible{transform:none}
}
@media print{
  body.duj-dialog-open{background:#fff!important;overflow:visible}
  body.duj-dialog-open>*:not(main){display:none!important}
  body.duj-dialog-open main>*:not(.duj-case-dialog){display:none!important}
  body.duj-dialog-open .duj-case-dialog{position:static!important;display:block!important;width:auto!important;max-height:none!important;border:0!important;box-shadow:none!important;background:#fff!important;color:#000!important;overflow:visible!important}
  body.duj-dialog-open .duj-case-dialog-bar{display:none!important}
  body.duj-dialog-open .duj-case-scroll{overflow:visible!important;padding:0!important}
  body.duj-dialog-open .duj-case-article{max-width:none!important}
  body.duj-dialog-open .duj-case-article h1,
  body.duj-dialog-open .duj-case-article h2,
  body.duj-dialog-open .duj-case-article h3,
  body.duj-dialog-open .duj-case-article h4{break-after:avoid}
  body:not(.duj-dialog-open){background:#fff!important;color:#000!important}
  body:not(.duj-dialog-open) .duj-public-header,
  body:not(.duj-dialog-open) .duj-public-footer,
  body:not(.duj-dialog-open) .duj-skip-link{display:none!important}
  body:not(.duj-dialog-open) .duj-legal{padding:0!important}
  body:not(.duj-dialog-open) .duj-legal-article{width:auto!important;max-width:none!important}
  body:not(.duj-dialog-open) .duj-legal-article h1,
  body:not(.duj-dialog-open) .duj-legal-article h2{break-after:avoid;color:#000!important}
  body:not(.duj-dialog-open) .duj-legal-article p,
  body:not(.duj-dialog-open) .duj-legal-article li,
  body:not(.duj-dialog-open) .duj-legal-article a{color:#000!important}
  body:not(.duj-dialog-open) .duj-legal-article a[href]::after{content:" (" attr(href) ")";font-size:90%}
}

/* Arabic presentation mirrors the approved English structure without reusing
   legacy Arabic markup or copying Montserrat measurements mechanically. */
html[dir="rtl"] .duj-public{font-family:"Tajawal","Montserrat","Segoe UI",Tahoma,Arial,sans-serif;text-align:right}
html[dir="rtl"] .duj-public :is(h1,h2,h3,h4,p,li,label,button,a,span){letter-spacing:0}
html[dir="rtl"] .duj-public :is(.duj-copy-kicker,.duj-service-label,.duj-case-sector){text-transform:none}
html[dir="rtl"] .duj-public .duj-copy-hero h1{max-width:17ch;font-size:clamp(40px,4.2vw,64px);font-weight:800;letter-spacing:-.015em;line-height:1.16}
html[dir="rtl"] .duj-public .duj-copy-section h2{font-size:clamp(28px,2.55vw,40px);font-weight:700;letter-spacing:-.01em;line-height:1.3}
html[dir="rtl"] .duj-public .duj-copy-lede,
html[dir="rtl"] .duj-public .duj-copy-section p,
html[dir="rtl"] .duj-public .duj-copy-section li{line-height:1.85}
html[dir="rtl"] .duj-public .duj-copy-note{border-left:0;border-right:3px solid #c4513a}
html[dir="rtl"] .duj-public .duj-deliverable-rail li{padding:52px 0 0 16px}
html[dir="rtl"] .duj-public .duj-deliverable-rail li::before{left:auto;right:0}
html[dir="rtl"] .duj-public .duj-decision-option+.duj-decision-option{border-left:0;border-right:1px solid #40382e}
html[dir="rtl"] .duj-public .duj-case-card{text-align:right}
html[dir="rtl"] .duj-public .duj-case-article ul,
html[dir="rtl"] .duj-public .duj-legal-article ul{padding-left:0;padding-right:24px}
html[dir="rtl"] .duj-public .duj-case-article blockquote{padding:6px 22px 6px 0;border-left:0;border-right:3px solid #c4513a}
html[dir="rtl"] .duj-public .duj-case-dialog-bar{justify-content:flex-start}
html[dir="rtl"] .duj-public .duj-premium-action:hover span:last-child{transform:translateX(-2px)}
html[dir="rtl"] .duj-public :is(bdi,code,input[type="email"],input[type="url"]){font-family:"Montserrat","Helvetica Neue",Arial,sans-serif}
html[dir="rtl"] .duj-public bdi{direction:ltr;unicode-bidi:isolate}
@media(max-width:700px){
  html[dir="rtl"] .duj-public .duj-decision-option+.duj-decision-option{border-right:0;border-top:1px solid #40382e}
  html[dir="rtl"] .duj-public .duj-deliverable-rail{margin-left:0;margin-right:8px}
  html[dir="rtl"] .duj-public .duj-deliverable-rail li{padding:4px 44px 0 0}
  html[dir="rtl"] .duj-public .duj-deliverable-rail li::before{right:0}
  html[dir="rtl"] .duj-public .duj-deliverable-rail li::after{left:auto;right:7px}
}