/* Athar Sar — consolidated stylesheet extracted from the original HTML */
:root{--navy:#383E27;--navy2:#3C5460;--gold:#B6B394;--gold2:#E6E4DD;--cream:#E6E4DD;--paper:#EEEEEE;--text:#383E27;--muted:#3C5460;--line:rgba(56,62,39,.11);--shadow:0 25px 70px -45px rgba(56,62,39,.55);--ease:cubic-bezier(.2,.8,.2,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:82px}body{margin:0;background:var(--paper);color:var(--text);font-family:'Tajawal',sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}::selection{background:var(--gold);color:var(--navy)}
.container{width:min(1180px,92%);margin:auto}
header{position:fixed;top:0;right:0;left:0;z-index:1000;background:rgba(56,62,39,.94);backdrop-filter:blur(16px);border-bottom:1px solid rgba(230,228,221,.12);transition:.35s ease}
header.scrolled{box-shadow:0 18px 45px -35px #00181c}
header.scroll-down{box-shadow:0 20px 55px -35px rgba(0,0,0,.55)}
header.scroll-up{box-shadow:0 8px 35px -28px rgba(230,228,221,.45)}
.nav{height:76px;display:flex;align-items:center;justify-content:space-between;gap:30px}
.brand{display:flex;align-items:center;gap:10px;color:#fff;font-weight:800}.brand img{width:58px;height:58px;object-fit:contain}.brand span{font-size:1.15rem}
nav{display:flex;align-items:center;gap:28px}nav a{color:rgba(255,255,255,.82);font-size:.92rem;transition:.25s}nav a:hover{color:var(--gold2)}
.nav-cta{padding:11px 18px;border:1px solid rgba(230,228,221,.65);border-radius:999px}.nav-cta:hover{background:var(--gold);color:var(--navy)}
.burger{display:none;background:none;border:0;color:#fff;padding:8px}.burger span{display:block;width:24px;height:2px;background:#fff;margin:5px;border-radius:3px;transition:.25s}
.progress{position:fixed;top:0;right:0;left:0;height:3px;background:linear-gradient(90deg,var(--gold2),var(--gold));transform-origin:right;transform:scaleX(0);z-index:1100}
.hero{min-height:100svh;padding:130px 0 70px;background:radial-gradient(circle at 15% 25%,rgba(230,228,221,.12),transparent 25%),radial-gradient(circle at 80% 80%,rgba(230,228,221,.08),transparent 30%),linear-gradient(135deg,#073a40,#05282e 65%,#1F211A);color:#fff;position:relative;overflow:hidden}
.hero:before{content:"";position:absolute;width:580px;height:580px;border:1px solid rgba(230,228,221,.11);border-radius:50%;left:-250px;top:-180px}
.hero-grid{min-height:calc(100svh - 200px);display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:70px}
.kicker{display:inline-flex;align-items:center;gap:9px;color:var(--gold2);font-weight:700;font-size:.88rem;margin-bottom:22px}.kicker i{width:8px;height:8px;border-radius:50%;background:var(--gold2);box-shadow:0 0 0 6px rgba(230,228,221,.08)}
.hero h1{font-family:'Cairo',sans-serif;font-size:clamp(2.4rem,5.4vw,5rem);line-height:1.12;margin:0 0 22px;letter-spacing:-.04em}.hero h1 em{color:var(--gold2);font-style:normal}
.hero p{font-size:clamp(1rem,1.7vw,1.2rem);line-height:2;color:rgba(255,255,255,.78);max-width:650px;margin:0 0 32px}.actions{display:flex;gap:12px;flex-wrap:wrap}
.btn{display:inline-flex;justify-content:center;align-items:center;gap:8px;padding:14px 23px;border-radius:999px;font-weight:800;transition:.3s var(--ease);cursor:pointer}.btn-primary{background:linear-gradient(135deg,var(--gold2),var(--gold));color:var(--navy)}.btn-outline{border:1px solid rgba(230,228,221,.65);color:#fff}.btn:hover{transform:translateY(-3px);box-shadow:0 18px 35px -22px rgba(0,0,0,.8)}
.hero-art{position:relative;display:grid;place-items:center;min-height:470px}.hero-art:before{content:"";position:absolute;width:430px;height:430px;border-radius:50%;background:radial-gradient(circle,rgba(230,228,221,.16),transparent 68%)}.hero-art:after{content:"";position:absolute;width:350px;height:350px;border:1px solid rgba(230,228,221,.18);border-radius:50%;animation:spin 24s linear infinite}.hero-logo{position:relative;z-index:2;width:min(390px,70vw);filter:drop-shadow(0 30px 40px rgba(0,0,0,.22));animation:float 6s ease-in-out infinite}
@keyframes float{50%{transform:translateY(-9px)}}@keyframes spin{to{transform:rotate(360deg)}}
.section{padding:110px 0;position:relative}.section.alt{background:#fff}.section.dark{background:var(--navy);color:#fff}
.section-head{max-width:760px;margin:0 auto 55px;text-align:center}.eyebrow{color:var(--gold);font-weight:800;font-size:.86rem;margin-bottom:12px;letter-spacing:.04em}.section h2{font-family:'Cairo',sans-serif;font-size:clamp(1.8rem,3.6vw,3rem);margin:0 0 15px;letter-spacing:-.03em}.section-head p{color:var(--muted);line-height:2;font-size:1.02rem}.dark .section-head p{color:rgba(255,255,255,.7)}
.about-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:center}.about-mark{min-height:330px;border-radius:36% 64% 48% 52% / 50% 42% 58% 50%;background:linear-gradient(145deg,#e9e5d7,#fff);display:grid;place-items:center;box-shadow:var(--shadow);position:relative;overflow:hidden}.about-mark:after{content:"";position:absolute;width:230px;height:230px;border:1px solid rgba(182,179,148,.45);border-radius:50%}.about-mark img{width:240px;position:relative;z-index:2;filter:drop-shadow(0 20px 25px rgba(56,62,39,.15))}.copy p{font-size:1.1rem;line-height:2.1;color:#476064;margin:0 0 18px}
.single{max-width:820px;margin:auto;text-align:center}.quote{font-family:'Cairo',sans-serif;font-size:clamp(1.5rem,3vw,2.4rem);line-height:1.8;color:var(--navy);font-weight:700;position:relative;padding:35px 25px}
.vm-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.card{padding:42px;border-radius:28px;border:1px solid var(--line);box-shadow:var(--shadow);position:relative;overflow:hidden}.card.dark{background:linear-gradient(145deg,#3C5460,#052a30);color:#fff;border:0}.card.dark p{color:rgba(255,255,255,.78)}.card h3{font-family:'Cairo',sans-serif;font-size:1.5rem;margin:0 0 16px;color:var(--navy)}.card.dark h3{color:var(--gold2)}.card p{line-height:2;font-size:1.05rem;color:#526568;margin:0}
.goals{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.goal{padding:25px 22px;border:1px solid var(--line);background:#fff;border-radius:22px;min-height:160px;transition:.3s var(--ease);box-shadow:0 15px 35px -35px rgba(56,62,39,.7)}.goal:hover{transform:translateY(-6px);border-color:rgba(182,179,148,.5);box-shadow:var(--shadow)}.num{font-family:'Cairo';color:var(--gold);font-size:.85rem;font-weight:800}.goal p{margin:14px 0 0;font-weight:700;line-height:1.9}
.values{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.value{padding:30px 20px;text-align:center;border-radius:22px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);transition:.3s}.value:hover{transform:translateY(-6px);border-color:rgba(230,228,221,.4)}.value .icon{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;margin:0 auto 16px;background:rgba(230,228,221,.12);color:var(--gold2);font-size:1.3rem}.value h3{margin:0;font-family:'Cairo';font-size:1.1rem}
.services-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.service{background:#fff;border:1px solid var(--line);border-radius:26px;padding:30px;box-shadow:var(--shadow);transition:.35s var(--ease);position:relative;overflow:hidden}.service:before{content:"";position:absolute;top:0;right:0;width:4px;height:100%;background:linear-gradient(var(--gold2),var(--gold));transform:scaleY(0);transform-origin:center;transition:.35s}.service:hover{transform:translateY(-7px);border-color:rgba(182,179,148,.35)}.service:hover:before{transform:scaleY(1)}.service h3{font-family:'Cairo';color:var(--navy);font-size:1.25rem;margin:0 0 22px}.service ul{list-style:none;padding:0;margin:0;display:grid;gap:12px}.service li{position:relative;padding-right:24px;color:#526568;line-height:1.8}.service li:before{content:"";position:absolute;right:0;top:.72em;width:8px;height:8px;border-radius:50%;background:var(--gold)}
.contact-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:60px;align-items:start}.contact-title h2{color:#fff}.contact-title p{color:rgba(255,255,255,.72);line-height:2;font-size:1.05rem}.contact-list{display:grid;gap:12px}.contact-item{padding:20px;border:1px solid rgba(255,255,255,.1);border-radius:18px;background:rgba(255,255,255,.035)}.label{display:block;color:var(--gold2);font-size:.78rem;font-weight:800;margin-bottom:6px}.contact-item a{color:#fff;font-weight:700;word-break:break-word}.socials{display:flex;gap:9px;flex-wrap:wrap;margin-top:20px}.social{padding:9px 14px;border:1px solid rgba(255,255,255,.15);border-radius:999px;color:rgba(255,255,255,.82);font-size:.82rem}
footer{background:#1F211A;color:rgba(255,255,255,.6);padding:25px 0;text-align:center;font-size:.82rem}.top{position:fixed;bottom:22px;left:22px;width:46px;height:46px;border:1px solid rgba(56,62,39,.14);border-radius:50%;background:rgba(255,255,255,.86);backdrop-filter:blur(12px);color:var(--navy);display:grid;place-items:center;opacity:0;visibility:hidden;transform:translateY(10px);transition:.3s;z-index:900;cursor:pointer}.top.show{opacity:1;visibility:visible;transform:none}
.reveal{opacity:0;transform:translateY(24px);transition:.75s var(--ease)}.reveal.in{opacity:1}
@media(max-width:900px){nav{display:none}.burger{display:block}.nav.open nav{position:absolute;top:76px;right:4%;left:4%;display:grid;gap:4px;padding:12px;background:#383E27;border:1px solid rgba(230,228,221,.12);border-radius:20px;box-shadow:0 25px 50px -25px #000}.nav.open nav a{padding:12px 15px}.hero-grid,.about-grid,.contact-grid{grid-template-columns:1fr;gap:40px}.hero-art{order:-1;min-height:300px}.hero-logo{width:250px}.goals{grid-template-columns:1fr 1fr}.values{grid-template-columns:1fr 1fr}}
@media(max-width:580px){.hero-art,.hero-copy{transition:transform .35s var(--ease)}.nav{height:68px}.brand img{width:50px;height:50px}.hero{padding-top:100px}.hero h1{font-size:2.35rem}.hero-grid{min-height:auto}.hero-art{min-height:250px}.hero-art:before{width:280px;height:280px}.hero-art:after{width:230px;height:230px}.section{padding:78px 0}.vm-grid,.services-grid,.goals,.values{grid-template-columns:1fr}.card,.service{padding:26px}.actions{display:grid;grid-template-columns:1fr}.btn{width:100%}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* ===== ATHAR SAR — INTERACTIVE EXPERIENCE ===== */
:root{
  --gold:#B6B394;
  --gold-soft:#E6E4DD;
  --ink:#383E27;
  --ink-deep:#1F211A;
  --paper:#E6E4DD;
  --glass:rgba(255,255,255,.08);
  --ease:cubic-bezier(.2,.8,.2,1);
}
body{cursor:default}
a,button{cursor:pointer}
html{scroll-behavior:smooth}

.interactive-card{
  --rx:0deg;--ry:0deg;
  transform:perspective(900px) rotateX(var(--rx)) rotateY(var(--ry)) translateY(0);
  transition:transform .18s ease,box-shadow .35s var(--ease),border-color .35s ease;
  will-change:transform;
}
.interactive-card:hover{
  box-shadow:0 30px 70px -45px rgba(56,62,39,.72);
  border-color:rgba(182,179,148,.42)!important;
}

[data-reveal]{
  opacity:0;transform:translateY(34px);
  transition:opacity .8s var(--ease),transform .8s var(--ease);
}
[data-reveal].revealed{opacity:1;transform:none}
[data-reveal="left"]{transform:translateX(45px)}
[data-reveal="left"].revealed{transform:none}
[data-reveal="right"]{transform:translateX(-45px)}
[data-reveal="right"].revealed{transform:none}
[data-reveal="scale"]{transform:scale(.94)}
[data-reveal="scale"].revealed{transform:scale(1)}

/* Scroll-direction aware reveals: animations can replay when scrolling up or down. */
body.scroll-up [data-reveal]:not(.revealed){transform:translateY(-34px)}
body.scroll-down [data-reveal]:not(.revealed){transform:translateY(34px)}
body.scroll-up [data-reveal="left"]:not(.revealed){transform:translateX(-45px)}
body.scroll-down [data-reveal="left"]:not(.revealed){transform:translateX(45px)}
body.scroll-up [data-reveal="right"]:not(.revealed){transform:translateX(45px)}
body.scroll-down [data-reveal="right"]:not(.revealed){transform:translateX(-45px)}
body.scroll-up [data-reveal="scale"]:not(.revealed),
body.scroll-down [data-reveal="scale"]:not(.revealed){transform:scale(.94)}
@media(prefers-reduced-motion:reduce){
  body.scroll-up [data-reveal]:not(.revealed),
  body.scroll-down [data-reveal]:not(.revealed){transform:none!important}
}

.section-nav{
  position:fixed;right:22px;top:50%;transform:translateY(-50%);
  z-index:800;display:flex;flex-direction:column;gap:8px;
}
.section-nav button{
  width:9px;height:9px;padding:0;border:1px solid rgba(182,179,148,.65);
  background:transparent;border-radius:50%;transition:all .3s ease;
}
.section-nav button span{
  position:absolute;right:18px;margin-top:-7px;white-space:nowrap;
  background:var(--ink-deep);color:#fff;border:1px solid rgba(182,179,148,.2);
  padding:6px 10px;border-radius:7px;font-size:11px;opacity:0;transform:translateX(5px);
  pointer-events:none;transition:all .25s ease;
}
.section-nav button:hover span{opacity:1;transform:none}
.section-nav button.active{transform:scale(1.6);background:var(--gold);border-color:var(--gold)}
@media(max-width:900px){.section-nav{display:none}}

.service-card,.goal-item,.value-item,.vm-card{
  overflow:hidden;
}
.service-card::after,.goal-item::after,.value-item::after{
  content:"";position:absolute;inset:auto 0 0;height:3px;
  background:linear-gradient(90deg,transparent,var(--gold),transparent);
  transform:scaleX(0);transition:transform .4s var(--ease);
}
.service-card:hover::after,.goal-item:hover::after,.value-item:hover::after{transform:scaleX(1)}

.service-open{
  display:inline-flex;align-items:center;gap:7px;margin-top:16px;
  color:var(--gold);font-weight:800;font-size:.83rem;background:none;border:0;padding:0;
}
.service-open svg{transition:transform .25s ease}
.service-card:hover .service-open svg{transform:translateX(-5px)}

.modal-backdrop{
  position:fixed;inset:0;background:rgba(3,23,27,.72);backdrop-filter:blur(10px);
  z-index:2000;display:grid;place-items:center;padding:22px;
  opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;
}
.modal-backdrop.open{opacity:1;visibility:visible}
.service-modal{
  width:min(720px,100%);max-height:min(80vh,720px);overflow:auto;
  background:var(--paper);color:var(--ink);border-radius:28px;
  box-shadow:0 45px 100px -40px rgba(0,0,0,.7);
  transform:translateY(25px) scale(.97);transition:transform .4s var(--ease);
  padding:34px;
}
.modal-backdrop.open .service-modal{transform:none}
.modal-close{
  width:40px;height:40px;border-radius:50%;border:1px solid rgba(56,62,39,.12);
  background:#fff;color:var(--ink);display:grid;place-items:center;float:left;
}
.service-modal .modal-kicker{color:#a27b32;font-size:.78rem;font-weight:900;letter-spacing:.08em}
.service-modal h3{font-size:clamp(1.5rem,3vw,2.2rem);margin:10px 0 14px}
.service-modal p{line-height:2;color:#496064}
body.modal-lock{overflow:hidden}

.copy-contact{
  display:inline-flex;align-items:center;gap:8px;
  background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.13);
  color:#fff;border-radius:12px;padding:9px 12px;font-size:.82rem;
  transition:all .25s ease;
}
.copy-contact:hover{background:rgba(182,179,148,.13);border-color:rgba(182,179,148,.4)}
.copy-contact.copied{color:var(--gold-soft)}

.toast{
  position:fixed;bottom:25px;right:25px;z-index:3000;
  background:var(--ink-deep);color:#fff;border:1px solid rgba(182,179,148,.35);
  border-radius:12px;padding:12px 16px;box-shadow:0 20px 45px -25px #000;
  opacity:0;transform:translateY(15px);pointer-events:none;transition:all .3s ease;
}
.toast.show{opacity:1;transform:none}

.hero-word{
  display:inline-block;color:var(--gold-soft);
  animation:heroWord 4s ease-in-out infinite;
}
@keyframes heroWord{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}

.btn{
  position:relative;overflow:hidden;
}
.btn .ripple{
  position:absolute;border-radius:50%;transform:scale(0);
  background:rgba(255,255,255,.35);animation:ripple .65s linear;pointer-events:none;
}
@keyframes ripple{to{transform:scale(5);opacity:0}}

@media(max-width:640px){
  .service-modal{padding:24px;border-radius:22px}
  .modal-close{width:36px;height:36px}
  .toast{left:16px;right:16px;bottom:16px;text-align:center}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  [data-reveal]{opacity:1!important;transform:none!important;transition:none!important}
  .hero-word{animation:none}
}


.brand-logo{
  width:118px;height:auto;max-height:55px;
  object-fit:contain;display:block;
}
.hero-logo{
  width:min(300px,58vw);height:auto;
  object-fit:contain;display:block;margin:0 auto 24px;
}
@media(max-width:640px){
  .brand-logo{width:96px;max-height:46px}
  .hero-logo{width:230px}
}


/* ===== SUPPLIED ATHAR SAR LOGO ===== */
.brand{
  background:transparent;
  color:var(--ink);
  padding:5px 12px 5px 7px;
  border-radius:16px;
  box-shadow:0 10px 28px -20px rgba(0,0,0,.8);
}
.brand-logo{
  width:112px!important;
  height:auto!important;
  max-height:52px!important;
  object-fit:contain;
  display:block;
}
.brand span{display:none!important}

.hero-art{
  isolation:isolate;
}
.hero-logo-frame{
  position:relative;
  z-index:2;
  width:min(420px,76vw);
  min-height:360px;
  display:grid;
  place-items:center;
  padding:36px;
  border:1px solid rgba(230,228,221,.26);
  border-radius:42px;
  background:linear-gradient(145deg,rgba(255,255,255,.93),rgba(230,228,221,.82));
  box-shadow:
    0 35px 80px -42px rgba(0,0,0,.9),
    inset 0 1px 0 rgba(255,255,255,.9);
  backdrop-filter:blur(14px);
  transform:rotate(-1.2deg);
  transition:transform .45s var(--ease), box-shadow .45s var(--ease);
}
.hero-logo-frame:hover{
  transform:rotate(0) translateY(-7px);
  box-shadow:
    0 45px 90px -42px rgba(0,0,0,.95),
    inset 0 1px 0 rgba(255,255,255,.95);
}
.hero-logo{
  width:min(310px,68vw)!important;
  height:auto;
  object-fit:contain;
  display:block;
  margin:0 auto!important;
  filter:drop-shadow(0 18px 24px rgba(56,62,39,.18));
  animation:float 6s ease-in-out infinite;
}
.about-mark img{
  width:250px!important;
  max-width:78%;
  height:auto;
  object-fit:contain;
}

@media(max-width:900px){
  .brand{padding:4px 9px 4px 6px}
  .brand-logo{width:96px!important;max-height:46px!important}
  .hero-logo-frame{min-height:300px;width:min(390px,88vw);padding:28px}
  .hero-logo{width:245px!important}
}
@media(max-width:580px){
  .brand-logo{width:88px!important}
  .hero-logo-frame{min-height:255px;padding:22px;border-radius:30px}
  .hero-logo{width:210px!important}
}

/* Latest supplied Athar Sar logo */
.brand-logo, .hero-logo, .about-mark img {
  object-fit: contain;
  image-rendering: auto;
}

/* Final supplied logo: exact 28590.png artwork, transparent background */
.brand-logo,.hero-logo,.about-mark img{
  object-fit:contain!important;
  image-rendering:auto;
}
.brand-logo{width:116px!important;height:auto!important;max-height:54px!important}
.hero-logo{width:min(330px,70vw)!important;height:auto!important}
.about-mark img{width:270px!important;height:auto!important}

/* ===== Premium services presentation ===== */
.services-showcase{
  position:relative;
  background:
    radial-gradient(circle at 50% 0%, rgba(182,179,148,.10), transparent 30%),
    linear-gradient(180deg,#f7f5ef 0%,#f1efe8 100%)!important;
  color:#383E27;
  padding:clamp(88px,10vw,132px) 0 clamp(96px,11vw,145px);
  overflow:hidden;
  isolation:isolate;
}
.services-showcase:before,
.services-showcase:after{
  content:"";
  position:absolute;
  pointer-events:none;
  border:1px solid rgba(92,104,77,.10);
  border-radius:50%;
  z-index:-1;
}
.services-showcase:before{
  width:540px;height:540px;
  left:-310px;top:80px;
}
.services-showcase:after{
  width:430px;height:430px;
  right:-250px;bottom:-80px;
}
.services-head{
  text-align:center;
  max-width:900px;
  margin:0 auto clamp(52px,6vw,78px);
}
.services-head .eyebrow{
  color:#687256;
  font-size:13px;
  letter-spacing:.12em;
  margin-bottom:10px;
}
.services-head h2{
  color:#30382a!important;
  font-family:'Cairo',sans-serif;
  font-size:clamp(31px,4.3vw,57px)!important;
  font-weight:700!important;
  line-height:1.38;
  letter-spacing:-.045em;
  margin:0 0 14px;
}
.services-head p{
  max-width:650px;
  margin:0 auto;
  color:#3C5460;
  font-size:clamp(14px,1.45vw,17px);
  line-height:2;
}
.services-rule{
  width:92px;
  height:1px;
  margin:25px auto 0;
  background:rgba(56,62,39,.18);
  position:relative;
}
.services-rule span{
  position:absolute;
  width:28px;
  height:3px;
  border-radius:999px;
  background:#B6B394;
  top:-1px;
  right:50%;
  transform:translateX(50%);
}
.services-reference-grid{
  display:grid;
  grid-template-columns:repeat(12,1fr);
  column-gap:28px;
  row-gap:74px;
  align-items:start;
  max-width:1120px;
  margin:0 auto;
}
.reference-service{
  grid-column:span 3;
  text-align:center;
  min-width:0;
  padding:0 10px;
  position:relative;
  cursor:default;
  transition:transform .5s var(--ease);
}
.reference-service:nth-child(-n+3){grid-column:span 4}
.reference-service:hover{transform:translateY(-9px)}
.service-index{
  position:absolute;
  top:-8px;
  right:calc(50% - 70px);
  width:26px;
  height:26px;
  border:1px solid rgba(56,62,39,.20);
  border-radius:50%;
  display:grid;
  place-items:center;
  color:#3C5460;
  background:rgba(255,255,255,.62);
  font-family:'Cairo',sans-serif;
  font-size:9px;
  font-weight:700;
  z-index:3;
  transition:all .4s var(--ease);
}
.reference-service:hover .service-index{
  color:#383E27;
  border-color:rgba(185,168,120,.55);
  transform:translateY(-2px);
  box-shadow:0 8px 18px -14px rgba(0,0,0,.35);
}
.reference-icon{
  width:138px;
  height:138px;
  margin:0 auto 23px;
  display:grid;
  place-items:center;
  position:relative;
}
.reference-icon:before{
  content:"";
  position:absolute;
  inset:3px;
  border-radius:42px;
  background:rgba(255,255,255,.56);
  border:1px solid rgba(56,62,39,.10);
  box-shadow:
    0 20px 38px -30px rgba(43,52,37,.45),
    inset 0 1px 0 rgba(255,255,255,.85);
  transform:scale(.88);
  opacity:0;
  transition:opacity .4s var(--ease),transform .5s var(--ease);
}
.reference-service:hover .reference-icon:before{
  opacity:1;
  transform:scale(1);
}
.reference-icon:after{
  content:"";
  position:absolute;
  width:7px;
  height:7px;
  border-radius:50%;
  background:#B6B394;
  top:9px;
  left:19px;
  opacity:.7;
  transition:transform .45s ease,opacity .35s ease;
}
.reference-service:hover .reference-icon:after{
  transform:translate(-4px,-4px) scale(1.25);
  opacity:1;
}
.reference-icon svg{
  width:112px;
  height:112px;
  overflow:visible;
  fill:none;
  stroke:#383E27;
  stroke-width:2.15;
  stroke-linecap:round;
  stroke-linejoin:round;
  position:relative;
  z-index:1;
  transition:transform .55s var(--ease),stroke .35s ease,stroke-width .35s ease;
}
.reference-service:hover .reference-icon svg{
  transform:scale(1.08);
  stroke:#383E27;
  stroke-width:2.55;
}
.reference-service h3{
  color:#3f4638!important;
  font-family:'Tajawal',sans-serif;
  font-size:clamp(15px,1.42vw,20px)!important;
  font-weight:600!important;
  line-height:1.9;
  margin:0 auto;
  max-width:285px;
  letter-spacing:-.01em;
  position:relative;
  padding-bottom:15px;
}
.reference-service h3:after{
  content:"";
  position:absolute;
  bottom:0;
  right:50%;
  width:22px;
  height:2px;
  border-radius:99px;
  background:#B6B394;
  transform:translateX(50%) scaleX(.45);
  transform-origin:center;
  opacity:.6;
  transition:transform .45s var(--ease),width .45s var(--ease),opacity .35s ease;
}
.reference-service:hover h3:after{
  width:42px;
  transform:translateX(50%) scaleX(1);
  opacity:1;
}
@media(max-width:900px){
  .services-reference-grid{column-gap:18px;row-gap:58px}
  .reference-service,.reference-service:nth-child(-n+3){grid-column:span 4}
  .reference-icon{width:116px;height:116px}
  .reference-icon svg{width:94px;height:94px}
  .service-index{right:calc(50% - 61px)}
}
@media(max-width:620px){
  .services-showcase{padding-top:76px;padding-bottom:90px}
  .services-head{margin-bottom:45px}
  .services-head h2{font-size:30px!important}
  .services-reference-grid{
    grid-template-columns:repeat(2,1fr);
    column-gap:8px;
    row-gap:46px;
  }
  .reference-service,.reference-service:nth-child(-n+3){grid-column:span 1}
  .reference-icon{width:94px;height:94px;margin-bottom:15px}
  .reference-icon:before{border-radius:30px}
  .reference-icon svg{width:78px;height:78px}
  .reference-service h3{
    font-size:14px!important;
    line-height:1.8;
    padding-bottom:11px;
  }
  .service-index{
    width:22px;height:22px;
    right:calc(50% - 52px);
    top:-5px;
    font-size:8px;
  }
  .reference-service:hover{transform:translateY(-5px)}
}
@media(max-width:390px){
  .services-reference-grid{row-gap:38px}
  .reference-icon{width:82px;height:82px}
  .reference-icon svg{width:68px;height:68px}
  .reference-service h3{font-size:13px!important}
  .service-index{right:calc(50% - 46px)}
}

@keyframes serviceRise{
  from{opacity:0;transform:translateY(18px)}
  to{opacity:1;transform:translateY(0)}
}
.services-reference-grid .reference-service.revealed{
  animation:serviceRise .75s var(--ease) both;
}
.services-reference-grid .reference-service:nth-child(2){animation-delay:.05s}
.services-reference-grid .reference-service:nth-child(3){animation-delay:.10s}
.services-reference-grid .reference-service:nth-child(4){animation-delay:.15s}
.services-reference-grid .reference-service:nth-child(5){animation-delay:.20s}
.services-reference-grid .reference-service:nth-child(6){animation-delay:.25s}
.services-reference-grid .reference-service:nth-child(7){animation-delay:.30s}
@media(prefers-reduced-motion:reduce){
  .services-reference-grid .reference-service.revealed{animation:none}
}

/* ===== Services — reference layout inspired by supplied design ===== */
.services-showcase{
  background:#fff!important;
  padding:24px 0 90px!important;
  color:#383E27;
}
.services-container{
  width:min(1425px,94%)!important;
  max-width:1425px!important;
}
.services-panel{
  background:linear-gradient(135deg,#f8f6f1 0%,#f3f1eb 100%);
  border-radius:18px;
  margin:0 0 18px;
  padding:26px 34px 34px;
  box-shadow:0 12px 32px -30px rgba(45,51,39,.35);
  border:1px solid rgba(86,93,70,.055);
  position:relative;
  overflow:hidden;
}
.services-panel:before{
  content:"";
  position:absolute;
  width:420px;height:420px;
  border:1px solid rgba(56,62,39,.055);
  border-radius:50%;
  left:-250px;top:-240px;
  pointer-events:none;
}
.services-panel:after{
  content:"";
  position:absolute;
  width:300px;height:300px;
  border:1px solid rgba(56,62,39,.045);
  border-radius:50%;
  right:-210px;bottom:-220px;
  pointer-events:none;
}
.services-panel-head{
  text-align:center;
  position:relative;
  z-index:2;
  margin:0 auto 22px;
}
.services-panel-head h2{
  color:#383E27!important;
  font-family:'Cairo',sans-serif;
  font-size:clamp(25px,3vw,39px)!important;
  line-height:1.45;
  font-weight:500!important;
  letter-spacing:-.035em;
  margin:0;
}
.title-mark{
  display:inline-block;
  color:#b8af88;
  font-weight:800;
  margin-left:12px;
  font-size:.95em;
  position:relative;
}
.title-mark:after{
  content:"";
  display:inline-block;
  width:16px;height:3px;
  background:#b8af88;
  border-radius:99px;
  vertical-align:middle;
  margin-right:4px;
  transform:skewX(-28deg);
  opacity:.75;
}
.services-reference-grid{
  position:relative;
  z-index:2;
  max-width:1160px;
  margin:0 auto;
  display:grid;
  align-items:start;
  column-gap:28px;
  row-gap:30px;
}
.marketing-services{
  grid-template-columns:repeat(12,1fr);
}
.marketing-services .reference-service:nth-child(-n+3){grid-column:span 4}
.marketing-services .reference-service:nth-child(n+4){grid-column:span 3}
.admin-services{
  grid-template-columns:repeat(12,1fr);
  row-gap:28px;
}
.admin-services .reference-service:nth-child(-n+3){grid-column:span 4}
.admin-services .reference-service:nth-child(4){grid-column:4 / span 3}
.admin-services .reference-service:nth-child(5){grid-column:7 / span 3}

.reference-service{
  text-align:center;
  min-width:0;
  padding:5px 8px 0;
  position:relative;
  cursor:default;
  transition:transform .45s var(--ease);
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  border-radius:0!important;
}
.reference-service:hover{transform:translateY(-5px)}
.reference-icon{
  width:112px!important;
  height:112px!important;
  margin:0 auto 12px!important;
  display:grid;
  place-items:center;
  position:relative;
}
.reference-icon:before{
  content:"";
  position:absolute;
  inset:3px;
  border-radius:24px;
  background:rgba(255,255,255,.40);
  border:1px solid rgba(56,62,39,.055);
  box-shadow:0 12px 24px -25px rgba(43,52,37,.45);
  transform:scale(.8);
  opacity:0;
  transition:opacity .35s var(--ease),transform .4s var(--ease);
}
.reference-service:hover .reference-icon:before{opacity:1;transform:scale(1)}
.reference-icon:after{display:none!important}
.reference-icon svg{
  width:96px!important;
  height:96px!important;
  overflow:visible;
  fill:none;
  stroke:#383E27;
  stroke-width:2.05;
  stroke-linecap:round;
  stroke-linejoin:round;
  position:relative;
  z-index:1;
  transition:transform .45s var(--ease),stroke .3s ease,stroke-width .3s ease;
}
.reference-service:hover .reference-icon svg{
  transform:scale(1.045);
  stroke:#383E27;
  stroke-width:2.35;
}
.reference-service h3{
  color:#383E27!important;
  font-family:'Tajawal',sans-serif;
  font-size:clamp(14px,1.18vw,18px)!important;
  font-weight:500!important;
  line-height:1.75;
  margin:0 auto!important;
  max-width:285px;
  letter-spacing:-.01em;
  position:relative;
  padding:0 0 11px!important;
}
.reference-service h3:after{
  content:"";
  position:absolute;
  bottom:0;
  right:50%;
  width:0;
  height:1.5px;
  border-radius:99px;
  background:#B6B394;
  transform:translateX(50%);
  opacity:0;
  transition:width .35s var(--ease),opacity .3s ease;
}
.reference-service:hover h3:after{width:28px;opacity:.8}
.service-index{display:none!important}

@media(max-width:1000px){
  .services-panel{padding:24px 22px 30px}
  .services-reference-grid{column-gap:12px}
  .reference-icon{width:96px!important;height:96px!important}
  .reference-icon svg{width:82px!important;height:82px!important}
}
@media(max-width:700px){
  .services-showcase{padding:14px 0 65px!important}
  .services-container{width:94%!important}
  .services-panel{border-radius:16px;padding:22px 12px 28px;margin-bottom:14px}
  .services-panel-head{margin-bottom:24px}
  .services-panel-head h2{font-size:25px!important}
  .title-mark{margin-left:7px}
  .services-reference-grid{grid-template-columns:repeat(2,1fr)!important;column-gap:4px;row-gap:28px}
  .marketing-services .reference-service,
  .admin-services .reference-service{
    grid-column:span 1!important;
  }
  .reference-icon{width:82px!important;height:82px!important;margin-bottom:9px!important}
  .reference-icon svg{width:68px!important;height:68px!important}
  .reference-service h3{font-size:13px!important;line-height:1.7}
  .admin-services .reference-service:nth-child(5){grid-column:auto!important}
}
@media(max-width:390px){
  .services-panel-head h2{font-size:22px!important}
  .reference-icon{width:72px!important;height:72px!important}
  .reference-icon svg{width:60px!important;height:60px!important}
  .reference-service h3{font-size:12px!important}
}

/* Enhanced gold treatment for the opening hero */
.hero{
  background:
    radial-gradient(circle at 72% 18%,rgba(230,228,221,.28),transparent 22%),
    radial-gradient(circle at 15% 12%,rgba(182,179,148,.20),transparent 28%),
    linear-gradient(135deg,#073a40 0%,#05282e 58%,#1F211A 100%);
}
.hero:after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:
    linear-gradient(90deg,transparent 0%,rgba(230,228,221,.08) 50%,transparent 100%),
    radial-gradient(ellipse at 50% -10%,rgba(230,228,221,.18),transparent 55%);
  mix-blend-mode:screen;
}
.hero .container{position:relative;z-index:2}
.hero-copy:before{
  content:"";position:absolute;right:-42px;top:-45px;width:155px;height:155px;
  border:1px solid rgba(230,228,221,.22);border-radius:50%;
  box-shadow:0 0 0 18px rgba(230,228,221,.035),0 0 55px rgba(230,228,221,.10);
}
.hero-copy{position:relative}
.hero h1{
  text-shadow:0 8px 35px rgba(0,0,0,.22);
}
.hero h1:after{
  content:"";display:block;width:105px;height:2px;margin-top:22px;
  background:linear-gradient(90deg,var(--gold2),transparent);
  opacity:.9;
}
.hero-art:before{
  background:
    radial-gradient(circle,rgba(230,228,221,.30) 0%,rgba(182,179,148,.13) 34%,transparent 70%);
  box-shadow:0 0 90px rgba(230,228,221,.12);
}
.hero-logo-frame{
  border-color:rgba(230,228,221,.55);
  box-shadow:
    0 0 0 1px rgba(230,228,221,.08),
    0 35px 80px -42px rgba(0,0,0,.9),
    0 0 55px rgba(230,228,221,.13),
    inset 0 1px 0 rgba(255,255,255,.9);
}
.hero-orbit{border-color:rgba(230,228,221,.30)!important}
.hero-scan{background:linear-gradient(90deg,transparent,var(--gold2),transparent)!important;box-shadow:0 0 18px rgba(230,228,221,.45)!important}
.hero-palette i{box-shadow:0 0 0 2px rgba(230,228,221,.12),0 0 16px rgba(230,228,221,.18)}
@media(max-width:580px){
  .hero-copy:before{right:-70px;top:-35px;width:120px;height:120px}
  .hero h1:after{width:78px;margin-top:17px}
}

/* Commercial registration block */
.commercial-registration{
  margin-top:28px;
  padding-top:24px;
  border-top:1px solid rgba(182,179,148,.42);
  text-align:center;
}
.commercial-registration .cr-title{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:14px;
  color:var(--gold,#b58b43);
  font-weight:800;
  font-size:1rem;
  margin-bottom:14px;
}
.commercial-registration .cr-title::before,
.commercial-registration .cr-title::after{
  content:"";
  width:58px;
  height:1px;
  background:linear-gradient(90deg,transparent,var(--gold,#b58b43));
}
.commercial-registration .cr-title::after{
  background:linear-gradient(90deg,var(--gold,#b58b43),transparent);
}
.commercial-registration .cr-qr{
  width:112px;
  height:112px;
  object-fit:contain;
  display:block;
  margin:0 auto;
  background:#fff;
  padding:7px;
  border-radius:12px;
  border:1px solid rgba(182,179,148,.28);
  box-shadow:0 10px 28px rgba(0,0,0,.10);
}
@media(max-width:600px){
  .commercial-registration{margin-top:22px;padding-top:20px}
  .commercial-registration .cr-qr{width:96px;height:96px}
  .commercial-registration .cr-title{font-size:.92rem}
}

/* Contact presentation retained while obsolete service templates are removed. */
#contact{
  position:relative;
  overflow:hidden;
  padding:100px 0!important;
  background:
    radial-gradient(circle at 85% 15%,rgba(182,179,148,.18),transparent 28%),
    radial-gradient(circle at 5% 85%,rgba(255,255,255,.06),transparent 25%),
    linear-gradient(135deg,#383E27 0%,#1F211A 100%)!important;
}
#contact:before{content:"";position:absolute;width:520px;height:520px;border:1px solid rgba(230,228,221,.10);border-radius:50%;right:-280px;top:-220px}
#contact:after{content:"";position:absolute;width:300px;height:300px;border:1px solid rgba(255,255,255,.06);border-radius:50%;left:-180px;bottom:-180px}
#contact .container{position:relative;z-index:2}
.contact-grid{grid-template-columns:1.05fr .95fr!important;gap:42px!important;align-items:stretch!important}
.contact-title{padding:44px!important;border-radius:30px!important;border:1px solid rgba(230,228,221,.14)!important;background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.025))!important;backdrop-filter:blur(14px);box-shadow:0 30px 70px -55px rgba(0,0,0,.8)}
.contact-title .eyebrow{color:#E6E4DD!important}
.contact-title h2{font-size:clamp(30px,4vw,50px)!important;line-height:1.35!important;margin:10px 0 18px!important}
.contact-title p{max-width:560px;color:rgba(255,255,255,.72)!important;line-height:2.05!important}
.socials{margin-top:28px!important}
.social{padding:10px 15px!important;border-radius:999px!important;background:rgba(255,255,255,.045)!important;border-color:rgba(255,255,255,.13)!important;transition:.25s ease!important}
.social:hover{background:rgba(182,179,148,.13)!important;border-color:rgba(230,228,221,.4)!important;color:#fff!important}
.contact-list{display:grid!important;align-content:center!important;gap:16px!important}
.contact-item{padding:26px 28px!important;border-radius:24px!important;border:1px solid rgba(255,255,255,.11)!important;background:rgba(255,255,255,.055)!important;backdrop-filter:blur(12px);transition:transform .3s ease,border-color .3s ease,background .3s ease!important}
.contact-item:hover{transform:translateX(-6px);border-color:rgba(230,228,221,.35)!important;background:rgba(255,255,255,.075)!important}
.contact-item .label{color:#E6E4DD!important;font-size:11px!important;letter-spacing:.08em}
.contact-item a{display:inline-block;margin-top:5px;font-size:17px!important}
.copy-contact{margin-right:8px}
@media(max-width:760px){
  .contact-grid{grid-template-columns:1fr!important}
  .contact-title{padding:30px 24px!important}
  #contact{padding:72px 0!important}
}
@media(max-width:390px){.contact-title{padding:26px 18px!important}}

/* ===== Final responsive hardening ===== */
html{width:100%;overflow-x:hidden}
body{width:100%;min-width:0;overflow-x:hidden}
img,svg,video,canvas{max-width:100%;height:auto}
button,a{touch-action:manipulation}
.container{width:min(1180px,calc(100% - 32px));max-width:100%}
main,section,header,footer{max-width:100%;min-width:0}

/* Prevent oversized grid/flex children from forcing horizontal scroll */
.hero-grid,.about-grid,.contact-grid,.vm-grid,.services-reference-grid,
.marketing-services,.admin-services,.admin-premium-grid,.goals,.values,
.nav{min-width:0}
.hero-grid>*,.about-grid>* ,.contact-grid>*,
.services-reference-grid>* ,.admin-premium-grid>*{min-width:0}

/* Header */
@media(max-width:900px){
  .nav{height:68px;gap:12px}
  .brand{max-width:65%;padding:3px 6px!important}
  .brand-logo{width:92px!important;max-height:44px!important}
  .burger{display:block;flex:0 0 auto}
  .nav.open nav{
    max-width:calc(100vw - 24px);
    right:12px!important;left:12px!important;
  }
}

/* Hero */
@media(max-width:900px){
  .hero{padding:105px 0 55px}
  .hero-grid{grid-template-columns:1fr!important;gap:25px!important}
  .hero-art{order:-1;min-height:280px}
  .hero-logo-frame{width:min(390px,90vw)!important;min-height:285px!important}
  .hero-logo{width:min(245px,65vw)!important}
}
@media(max-width:560px){
  .hero{padding-top:92px}
  .hero-art{min-height:220px}
  .hero-logo-frame{min-height:225px!important;padding:18px!important;border-radius:24px!important}
  .hero-logo{width:min(205px,62vw)!important}
  .hero h1{font-size:clamp(30px,9vw,42px)!important}
  .hero p{font-size:15px!important;line-height:1.95!important}
}

/* Services title */
@media(max-width:700px){
  .services-title-section{min-height:260px!important;padding:30px 16px}
  .services-title-inner{width:100%}
  .services-title-inner h2{font-size:clamp(46px,14vw,62px)!important}
  .services-title-watermark{display:none}
}
@media(max-width:390px){
  .services-title-section{min-height:220px!important}
  .services-title-inner h2{font-size:44px!important}
}

/* Services panels */
.services-panel{box-sizing:border-box!important}
@media(max-width:900px){
  .services-panel{margin-left:3%!important;margin-right:3%!important}
}
@media(max-width:700px){
  .services-panel{
    margin-left:2%!important;margin-right:2%!important;
    width:96%!important;
    padding:34px 10px 42px!important;
    border-radius:22px!important;
  }
  .services-panel-head h2{font-size:24px!important}
  .services-reference-grid{
    width:100%!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    column-gap:8px!important;
    row-gap:28px!important;
  }
  .reference-service{min-width:0!important}
  .reference-service h3{
    width:100%!important;
    max-width:100%!important;
    overflow-wrap:anywhere;
  }
  .reference-icon{max-width:100%!important}
}
@media(max-width:390px){
  .services-panel{padding-left:7px!important;padding-right:7px!important}
  .services-reference-grid{column-gap:5px!important}
}

/* Five-card admin section */
.admin-premium-grid{width:100%!important}
@media(max-width:1100px){
  .admin-premium-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:760px){
  .admin-premium-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .admin-premium-card{min-width:0!important}
}
@media(max-width:430px){
  .admin-premium-grid{grid-template-columns:1fr!important}
  .admin-premium-card{min-height:220px!important}
}

/* Contact */
@media(max-width:760px){
  #contact{padding:62px 0!important}
  .contact-grid{grid-template-columns:1fr!important;gap:18px!important}
  .contact-title{padding:28px 20px!important;border-radius:24px!important}
  .contact-title h2{font-size:30px!important}
  .contact-item{padding:20px!important}
  .contact-item a{font-size:15px!important;max-width:100%;overflow-wrap:anywhere}
  .copy-contact{margin:10px 0 0!important}
}

/* Modal fits every viewport */
.modal-backdrop{padding:12px!important}
.service-modal{
  width:min(720px,calc(100vw - 24px))!important;
  max-height:calc(100vh - 24px)!important;
  max-height:calc(100dvh - 24px)!important;
}
@media(max-width:500px){
  .service-modal{padding:20px!important;border-radius:20px!important}
  .service-modal h3{font-size:24px!important}
}

/* Avoid fixed UI collisions on small phones */
@media(max-width:580px){
  .top{left:14px!important;bottom:14px!important;width:42px!important;height:42px!important}
  .toast{left:12px!important;right:12px!important;bottom:12px!important}
}

/* Landscape phones */
@media(max-height:500px) and (orientation:landscape){
  .hero{min-height:auto!important;padding-top:90px!important}
  .hero-grid{min-height:auto!important}
  .hero-art{min-height:180px!important}
  .hero-logo-frame{min-height:170px!important}
  .services-title-section{min-height:210px!important}
}

/* Motion-safe fallback */
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{
    animation-duration:.01ms!important;
    animation-iteration-count:1!important;
    scroll-behavior:auto!important;
    transition-duration:.01ms!important;
  }
}

/* Very narrow devices */
@media(max-width:320px){
  .container{width:calc(100% - 20px)}
  .services-title-inner h2{font-size:40px!important}
  .services-panel{width:98%!important;margin-left:1%!important;margin-right:1%!important}
  .reference-service h3{font-size:11px!important}
  .admin-premium-card h3{font-size:12px!important}
}

/* ===== Apple / Safari compatibility hardening ===== */
html{width:100%;min-width:0;overflow-x:hidden;-webkit-text-size-adjust:100%;text-size-adjust:100%;-webkit-tap-highlight-color:transparent}
body{width:100%;min-width:0;overflow-x:hidden;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
*,*::before,*::after{min-width:0}
img,svg,video,canvas{max-width:100%}
button,input,textarea,select{-webkit-appearance:none;appearance:none}
button{touch-action:manipulation;-webkit-user-select:none;user-select:none}
a{-webkit-tap-highlight-color:transparent}
header{-webkit-backdrop-filter:blur(16px)}
.top{-webkit-backdrop-filter:blur(12px)}
.modal-backdrop{-webkit-backdrop-filter:blur(10px)}
.hero-logo-frame{-webkit-backdrop-filter:blur(14px)}
.contact-title{-webkit-backdrop-filter:blur(14px)}
.contact-item{-webkit-backdrop-filter:blur(12px)}
@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){
  header{background:#383E27!important}.top{background:#fff!important}
  .modal-backdrop{background:rgba(3,23,27,.92)!important}
  .hero-logo-frame{background:#E6E4DD!important}
  .contact-title,.contact-item{background:rgba(56,62,39,.92)!important}
}
.hero{min-height:100vh;min-height:100svh}
.hero-grid{min-height:calc(100vh - 200px);min-height:calc(100svh - 200px)}
@supports (height:100dvh){.hero{min-height:100dvh}.hero-grid{min-height:calc(100dvh - 200px)}}
header{padding-top:env(safe-area-inset-top,0px)}
@media(max-width:580px){
  .nav{height:68px}
  .hero{padding-top:calc(100px + env(safe-area-inset-top,0px))}
  .services-panel{padding-left:max(12px,env(safe-area-inset-left,0px));padding-right:max(12px,env(safe-area-inset-right,0px))}
}
h1,h2,h3,p,a,li,span{overflow-wrap:anywhere;word-break:normal}
.contact-item a{word-break:break-word}
@media(hover:none){
  .btn:hover,.reference-service:hover,.admin-premium-card:hover,.service:hover,.goal:hover,.value:hover,.interactive-card:hover,.contact-item:hover,.hero-logo-frame:hover{transform:none!important}
}
.modal-backdrop{overscroll-behavior:contain}
.service-modal{-webkit-overflow-scrolling:touch;overscroll-behavior:contain}
body.modal-lock{position:relative;width:100%;overflow:hidden;touch-action:none}

/* ===== Universal fluid typography + sizing ===== */
html{font-size:16px;scroll-padding-top:clamp(68px,7vw,86px)}
body{font-family:'Tajawal','Cairo',-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;font-size:clamp(15px,1.05vw,17px);line-height:1.75}
.container{width:min(1180px,calc(100% - clamp(24px,5vw,64px)))!important}
.section{padding-block:clamp(64px,8vw,110px)!important}

/* Header / logo */
.nav{height:clamp(66px,6vw,82px)!important;gap:clamp(12px,2.5vw,30px)!important}
.brand{gap:clamp(7px,1vw,12px)!important;min-width:0}
.brand img,.brand-logo{width:clamp(44px,5vw,64px)!important;height:auto!important;max-height:clamp(44px,5vw,64px)!important;object-fit:contain}
.brand span{font-size:clamp(.9rem,1.35vw,1.15rem)!important;white-space:nowrap}
nav{gap:clamp(14px,2.2vw,30px)!important}
nav a{font-size:clamp(.78rem,1vw,.95rem)!important;white-space:nowrap}

/* Global headings */
h1{font-size:clamp(2rem,5.2vw,5rem)!important;line-height:1.15!important}
h2{font-size:clamp(1.65rem,3.4vw,3rem)!important;line-height:1.3!important}
h3{line-height:1.45!important}
p,li{font-size:clamp(.94rem,1.15vw,1.08rem);line-height:1.95}

/* Hero */
.hero{min-height:max(640px,100dvh)!important;padding-block:clamp(100px,12vh,145px) clamp(50px,7vw,80px)!important}
.hero-grid{min-height:calc(100dvh - clamp(150px,20vh,220px))!important;gap:clamp(28px,5vw,70px)!important}
.hero-copy{min-width:0}
.hero p{max-width:650px;font-size:clamp(.98rem,1.35vw,1.2rem)!important}
.actions{gap:clamp(8px,1.2vw,14px)!important}
.btn{min-height:46px;padding:clamp(11px,1vw,15px) clamp(17px,1.7vw,25px)!important;font-size:clamp(.88rem,1vw,1rem)!important}
.hero-art{min-width:0!important;min-height:clamp(280px,38vw,470px)!important}
.hero-logo-frame{width:min(100%,460px)!important;min-height:clamp(260px,38vw,470px)!important;padding:clamp(18px,3vw,35px)!important}
.hero-logo{width:min(78%,390px)!important;max-height:70vh;object-fit:contain}

/* Generic grids / cards */
.about-grid,.vm-grid,.contact-grid{gap:clamp(18px,4vw,60px)!important}
.card,.service{padding:clamp(22px,3vw,42px)!important;border-radius:clamp(20px,2.2vw,28px)!important}
.goals,.values,.services-grid{gap:clamp(12px,1.6vw,22px)!important}
.goal,.value{padding:clamp(20px,2.2vw,30px) clamp(16px,1.8vw,24px)!important}

/* Services */
.services-title-section{min-height:clamp(230px,30vw,430px)!important;padding-inline:clamp(16px,4vw,60px)!important}
.services-title-inner h2{font-size:clamp(42px,9vw,105px)!important;line-height:1.05!important}
.services-panel{padding:clamp(28px,4vw,55px) clamp(12px,3vw,35px) clamp(34px,4vw,55px)!important}
.services-panel-head h2{font-size:clamp(20px,2.5vw,32px)!important}
.admin-premium-grid,.services-reference-grid{gap:clamp(10px,1.5vw,20px)!important}
.admin-premium-card,.reference-service{padding:clamp(14px,1.8vw,24px)!important;min-width:0!important}
.admin-premium-card h3,.reference-service h3{font-size:clamp(12px,1.15vw,17px)!important;line-height:1.65!important}
.admin-premium-icon{width:clamp(62px,7vw,92px)!important;height:clamp(62px,7vw,92px)!important}
.reference-icon{width:clamp(68px,8vw,100px)!important;height:clamp(68px,8vw,100px)!important}
.admin-premium-icon svg{width:65%!important;height:65%!important}
.reference-icon svg{width:70%!important;height:70%!important}

/* Contact / footer */
.contact-title h2{font-size:clamp(28px,4vw,50px)!important}
.contact-item{padding:clamp(18px,2.2vw,28px)!important}
.contact-item a{font-size:clamp(14px,1.3vw,18px)!important}
footer{padding-block:clamp(20px,3vw,30px)!important}

/* Modal */
.service-modal{padding:clamp(20px,3vw,36px)!important;border-radius:clamp(18px,2.5vw,28px)!important}
.service-modal h3{font-size:clamp(22px,3vw,35px)!important}

/* Tablets */
@media(max-width:900px){
  .container{width:calc(100% - 32px)!important}
  .hero-grid{grid-template-columns:1fr!important}
  .hero-art{order:-1!important}
  .about-grid,.contact-grid,.vm-grid{grid-template-columns:1fr!important}
  .goals,.values{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .services-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

/* Phones */
@media(max-width:600px){
  html{font-size:15px}
  .container{width:calc(100% - 24px)!important}
  .section{padding-block:58px!important}
  .nav{height:64px!important}
  .brand img,.brand-logo{width:46px!important;max-height:46px!important}
  .brand span{font-size:.86rem!important}
  .hero{min-height:auto!important;padding-top:calc(88px + env(safe-area-inset-top,0px))!important;padding-bottom:55px!important}
  .hero-grid{gap:14px!important}
  .hero-art{min-height:220px!important}
  .hero-logo-frame{width:min(92vw,360px)!important;min-height:220px!important}
  .hero-logo{width:min(72vw,230px)!important}
  .hero h1{font-size:clamp(30px,9vw,43px)!important}
  .hero p{font-size:15px!important;line-height:1.9!important}
  .actions{grid-template-columns:1fr!important;display:grid!important}
  .btn{width:100%!important}
  .goals,.values,.services-grid{grid-template-columns:1fr!important}
  .services-title-section{min-height:210px!important}
  .services-title-inner h2{font-size:clamp(40px,13vw,58px)!important}
  .services-panel{width:100%!important;margin-inline:0!important}
  .admin-premium-grid,.services-reference-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .contact-grid{gap:18px!important}
}

@media(max-width:380px){
  .container{width:calc(100% - 20px)!important}
  .brand span{font-size:.78rem!important}
  .hero-logo-frame{min-height:195px!important}
  .hero-logo{width:190px!important}
  .admin-premium-grid,.services-reference-grid{gap:6px!important}
  .admin-premium-card,.reference-service{padding:11px 7px!important}
  .admin-premium-card h3,.reference-service h3{font-size:11px!important}
}

/* Touch devices: no desktop hover scaling */
@media(hover:none){
  *{scrollbar-width:auto}
  .btn:hover,.card:hover,.service:hover,.goal:hover,.value:hover,.admin-premium-card:hover,.reference-service:hover,.contact-item:hover{transform:none!important}
}

html{scroll-behavior:smooth}
header{transition:background-color .55s ease,box-shadow .55s ease,transform .55s cubic-bezier(.22,.61,.36,1)}
header.scrolled{background:rgba(56,62,39,.90);box-shadow:0 14px 42px -32px rgba(0,24,28,.72)}
.progress{transition:transform .12s linear;will-change:transform}
[data-reveal]{opacity:0;transform:translate3d(0,18px,0);transition:opacity .78s cubic-bezier(.22,.61,.36,1),transform .78s cubic-bezier(.22,.61,.36,1);will-change:opacity,transform}
[data-reveal="left"]{transform:translate3d(22px,0,0)}
[data-reveal="right"]{transform:translate3d(-22px,0,0)}
[data-reveal="scale"]{transform:scale(.975)}
[data-reveal].revealed{opacity:1;transform:none}
.reveal,.interactive-card,.service-card,.goal-item,.value-item,.vm-card{backface-visibility:hidden;-webkit-backface-visibility:hidden}
.hero-logo{will-change:transform;animation:floatSmooth 8s ease-in-out infinite}
@keyframes floatSmooth{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,-5px,0)}}
.top{transition:opacity .45s ease,visibility .45s ease,transform .55s cubic-bezier(.22,.61,.36,1)}
@media(max-width:900px){
  [data-reveal]{transform:translate3d(0,14px,0)}
  [data-reveal="left"]{transform:translate3d(14px,0,0)}
  [data-reveal="right"]{transform:translate3d(-14px,0,0)}
  .hero-logo{animation:floatSmooth 9s ease-in-out infinite}
}
@media(prefers-reduced-motion:reduce){
  [data-reveal]{opacity:1!important;transform:none!important;transition:none!important}
  .hero-logo{animation:none!important}
  html{scroll-behavior:auto!important}
}

/* إطار اللوقو في القسم الثاني — شكل بصمة */
.about-mark{
  background:transparent!important;
  border-radius:0!important;
  box-shadow:none!important;
  min-height:370px;
  position:relative;
  display:grid;
  place-items:center;
  isolation:isolate;
}
.about-mark::before{
  content:"";
  position:absolute;
  inset:3%;
  z-index:0;
  border:2px solid rgba(182,179,148,.62);
  border-radius:48% 52% 46% 54% / 55% 45% 58% 42%;
  transform:rotate(-7deg);
  box-shadow:
    inset 0 0 0 10px rgba(182,179,148,.035),
    0 18px 45px -35px rgba(56,62,39,.35);
}
.about-mark::after{
  content:"";
  position:absolute;
  width:76%;
  height:84%;
  z-index:0;
  border:1px solid rgba(182,179,148,.42);
  border-radius:55% 45% 50% 50% / 48% 52% 46% 54%;
  transform:rotate(8deg);
  background:
    repeating-radial-gradient(
      ellipse at 50% 52%,
      transparent 0 9px,
      rgba(182,179,148,.16) 10px 11px,
      transparent 12px 19px
    );
  opacity:.8;
}
.about-mark img{
  position:relative;
  z-index:2;
  width:240px;
  filter:drop-shadow(0 20px 25px rgba(56,62,39,.18));
}
@media(max-width:580px){
  .about-mark{min-height:300px}
  .about-mark img{width:200px}
}

/* ===== HERO LOGO — palette-led interactive treatment ===== */
.hero{
  --olive:#b6b394;
  --olive-deep:#393e28;
  --blue:#3c5460;
  --cream:#e7e4dd;
  --charcoal:#20211b;
  --white-soft:#eeeeee;
  background:
    radial-gradient(circle at 78% 32%,rgba(182,179,148,.13),transparent 22%),
    radial-gradient(circle at 18% 78%,rgba(60,84,96,.16),transparent 24%),
    linear-gradient(135deg,#3b3f2c 0%,#20211b 52%,#18211f 100%) !important;
}
.hero:before{
  width:680px;height:680px;
  left:-330px;top:-220px;
  border-color:rgba(231,228,221,.12);
  box-shadow:0 0 0 1px rgba(182,179,148,.025);
}
.hero-art{
  isolation:isolate;
  perspective:1200px;
}
.hero-art:before{
  width:560px;height:560px;
  background:
    radial-gradient(circle,rgba(182,179,148,.18) 0%,rgba(182,179,148,.07) 24%,transparent 64%),
    radial-gradient(circle,rgba(60,84,96,.10),transparent 70%);
  filter:blur(.2px);
}
.hero-art:after{
  width:430px;height:430px;
  border-color:rgba(231,228,221,.20);
  border-style:dashed;
  animation:heroOrbitSpin 28s linear infinite;
}

.hero-logo-frame{
  --mx:0deg;
  --my:0deg;
  --lift:0px;
  position:relative;
  width:min(430px,78vw);
  min-height:430px;
  padding:45px;
  display:grid;
  place-items:center;
  border:1px solid rgba(231,228,221,.25);
  border-radius:50%;
  background:
    radial-gradient(circle at 50% 45%,rgba(238,238,238,.96) 0 31%,rgba(231,228,221,.90) 55%,rgba(182,179,148,.16) 100%),
    rgba(231,228,221,.10);
  box-shadow:
    0 45px 90px -45px rgba(0,0,0,.75),
    inset 0 1px 0 rgba(255,255,255,.72),
    0 0 0 10px rgba(182,179,148,.035);
  transform:rotateX(var(--my)) rotateY(var(--mx)) translateY(var(--lift));
  transition:transform .22s cubic-bezier(.2,.8,.2,1),box-shadow .45s ease;
  overflow:visible;
  backdrop-filter:blur(14px);
}
.hero-logo-frame:hover{
  box-shadow:
    0 55px 105px -45px rgba(0,0,0,.85),
    inset 0 1px 0 rgba(255,255,255,.82),
    0 0 0 12px rgba(182,179,148,.055);
}

/* Fingerprint-inspired nested rings */
.hero-logo-frame:before,
.hero-logo-frame:after{
  content:"";
  position:absolute;
  border-radius:50%;
  pointer-events:none;
}
.hero-logo-frame:before{
  inset:-19px;
  border:1px solid rgba(182,179,148,.34);
  box-shadow:
    0 0 0 18px rgba(60,84,96,.045),
    0 0 0 37px rgba(231,228,221,.035);
  animation:heroPulse 4.8s ease-in-out infinite;
}
.hero-logo-frame:after{
  inset:-52px;
  border:1px solid rgba(231,228,221,.10);
  border-left-color:rgba(182,179,148,.42);
  border-bottom-color:rgba(60,84,96,.38);
  animation:heroOrbitSpin 18s linear infinite reverse;
}

.hero-logo{
  position:relative;
  z-index:5;
  width:min(325px,70vw)!important;
  max-height:none!important;
  filter:
    drop-shadow(0 24px 30px rgba(32,33,27,.24))
    drop-shadow(0 0 18px rgba(182,179,148,.16));
  transform:translateZ(28px);
  transition:filter .35s ease,transform .25s ease;
}
.hero-logo-frame:hover .hero-logo{
  filter:
    drop-shadow(0 30px 38px rgba(32,33,27,.30))
    drop-shadow(0 0 24px rgba(182,179,148,.25));
}

/* Small palette satellites: exact visual family from the supplied reference */
.hero-palette{
  position:absolute;
  inset:-6px;
  z-index:6;
  pointer-events:none;
}
.hero-palette i{
  position:absolute;
  width:12px;height:12px;
  border-radius:50%;
  border:1px solid rgba(238,238,238,.5);
  box-shadow:0 5px 14px rgba(32,33,27,.18);
  animation:paletteFloat 3.8s ease-in-out infinite;
}
.hero-palette i:nth-child(1){right:9%;top:25%;background:#eeeeee}
.hero-palette i:nth-child(2){left:13%;top:17%;background:#e7e4dd;animation-delay:-.7s}
.hero-palette i:nth-child(3){left:5%;bottom:27%;background:#b6b394;animation-delay:-1.4s}
.hero-palette i:nth-child(4){right:16%;bottom:12%;background:#3c5460;animation-delay:-2.1s}
.hero-palette i:nth-child(5){right:-1%;top:48%;background:#20211b;animation-delay:-2.8s}

/* Moving light sweep over the logo area */
.hero-scan{
  position:absolute;
  z-index:7;
  width:42%;
  height:150%;
  top:-25%;
  left:-18%;
  pointer-events:none;
  opacity:0;
  transform:rotate(24deg);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.28),transparent);
  filter:blur(7px);
  transition:opacity .35s ease;
}
.hero-logo-frame:hover .hero-scan{
  opacity:1;
  animation:heroScan 1.15s cubic-bezier(.2,.7,.2,1) both;
}

/* Keep the first-section text harmonious with the new palette */
.hero .kicker{color:#b6b394}
.hero .kicker i{
  background:#b6b394;
  box-shadow:0 0 0 6px rgba(182,179,148,.10);
}
.hero h1 em{color:#b6b394}
.hero .btn-primary{
  background:linear-gradient(135deg,#e7e4dd,#b6b394);
  color:#20211b;
}
.hero .btn-outline{
  border-color:rgba(182,179,148,.58);
}
.hero .btn-outline:hover{
  background:rgba(182,179,148,.12);
  color:#eeeeee;
}

@keyframes heroPulse{
  0%,100%{transform:scale(.985);opacity:.65}
  50%{transform:scale(1.015);opacity:1}
}
@keyframes heroOrbitSpin{to{transform:rotate(360deg)}}
@keyframes paletteFloat{
  0%,100%{transform:translate3d(0,0,0) scale(1)}
  50%{transform:translate3d(0,-8px,0) scale(1.08)}
}
@keyframes heroScan{
  0%{left:-18%}
  100%{left:88%}
}

@media(max-width:900px){
  .hero-logo-frame{
    width:min(370px,86vw);
    min-height:370px;
    padding:34px;
  }
  .hero-logo{width:270px!important}
  .hero-logo-frame:after{inset:-35px}
}
@media(max-width:580px){
  .hero-logo-frame{
    width:min(285px,78vw);
    min-height:285px;
    padding:26px;
  }
  .hero-logo{width:205px!important}
  .hero-logo-frame:before{inset:-12px}
  .hero-logo-frame:after{inset:-25px}
  .hero-palette i{width:8px;height:8px}
}
@media(prefers-reduced-motion:reduce){
  .hero-logo-frame,
  .hero-logo,
  .hero-palette i,
  .hero-logo-frame:before,
  .hero-logo-frame:after{
    animation:none!important;
    transition:none!important;
  }
  .hero-scan{display:none}
}

/* ===== Visual revisions requested in "تعديلات الموقع" ===== */
:root{
  --id-cream:#e7e4dd;
  --id-cream-soft:#f2f0ea;
  --id-olive:#b6b394;
  --id-olive-deep:#393e28;
  --id-blue:#3c5460;
  --id-green:#20372f;
  --id-ink:#20211b;
}

/* About: fingerprint instead of the previous generic mark */
#about .about-mark{
  min-height:350px;
  background:
    radial-gradient(circle at 50% 50%,rgba(182,179,148,.16),transparent 48%),
    linear-gradient(145deg,#f3f1eb,#e5e2d9);
  border-radius:34px;
  border:1px solid rgba(57,62,40,.10);
  overflow:hidden;
}
#about .about-mark:before{
  content:"";
  position:absolute;
  width:235px;height:285px;
  border:2px solid rgba(57,62,40,.22);
  border-radius:52% 48% 47% 53% / 62% 59% 41% 38%;
  box-shadow:
    inset 0 0 0 15px transparent,
    inset 0 0 0 30px rgba(182,179,148,.10),
    inset 0 0 0 46px transparent;
  transform:rotate(-8deg);
}
#about .about-mark:after{
  width:185px;height:240px;
  border-color:rgba(60,84,96,.26);
  border-radius:54% 46% 48% 52% / 63% 55% 45% 37%;
  transform:rotate(12deg);
}
#about .about-mark img{
  position:relative;
  z-index:3;
  width:205px!important;
  filter:drop-shadow(0 18px 25px rgba(32,33,27,.20));
}

/* Vision and mission: replace tiny repeated labels with visual identity symbols */
.vision-symbol,.mission-symbol{
  width:76px;height:76px;
  margin:0 auto 22px;
  display:grid;place-items:center;
  border-radius:50%;
  color:var(--id-olive-deep);
  border:1px solid rgba(182,179,148,.65);
  background:radial-gradient(circle,#f2f0ea 0 48%,rgba(182,179,148,.13) 100%);
  font-size:43px;
  box-shadow:0 18px 35px -25px rgba(32,33,27,.55);
}
.mission-symbol{color:var(--id-blue);font-size:31px}


/* Section 3 visual mark: use the supplied artwork */
.vision-image-wrap{
  width:120px;height:84px;
  margin:0 auto 22px;
  display:grid;place-items:center;
  overflow:hidden;
  border-radius:18px;
  border:1px solid rgba(182,179,148,.65);
  background:#000;
  box-shadow:0 18px 35px -25px rgba(32,33,27,.55);
}
.vision-image{
  width:100%;height:100%;
  display:block;
  object-fit:cover;
  object-position:center;
}
@media (max-width:600px){
  .vision-image-wrap{width:104px;height:72px;border-radius:15px;margin-bottom:18px}
}

/* Goals */
#goals .goals{grid-template-columns:repeat(3,1fr)}
.goal{
  min-height:235px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
  text-align:center;
  padding:28px 22px!important;
}
.goal-icon{
  width:74px;height:74px;
  margin:0 auto 16px;
  display:grid;place-items:center;
  border-radius:22px;
  background:linear-gradient(145deg,#f3f1eb,#e4e1d8);
  border:1px solid rgba(57,62,40,.10);
  color:#59634d;
  box-shadow:0 18px 35px -28px rgba(32,33,27,.7);
  transition:transform .35s var(--ease),background .35s ease,color .35s ease;
}
.goal-icon svg{width:44px;height:44px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.goal:hover .goal-icon{
  transform:translateY(-5px) scale(1.05);
  background:linear-gradient(145deg,#e7e4dd,#b6b394);
  color:#383E27;
}
.goal .num{display:none}

/* Values */
.value .icon{
  width:72px;height:72px;
  border-radius:22px;
  background:rgba(182,179,148,.10)!important;
  color:#b6b394!important;
  border:1px solid rgba(182,179,148,.18);
}
.value .icon svg{width:40px;height:40px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}

/* Admin service action = WhatsApp */
.admin-card-action{
  text-decoration:none!important;
  cursor:pointer;
}
.admin-card-action:hover{
  background:#20372f!important;
  color:#fff!important;
}

/* Marketing cards now act as WhatsApp links */
.marketing-services .reference-service{
  text-decoration:none!important;
  color:inherit;
  cursor:pointer;
}
.marketing-services .reference-service:focus-visible,
.admin-premium-card:focus-visible{
  outline:2px solid #b6b394;
  outline-offset:4px;
}

/* Dedicated partners/clients section */
.brands-section{
  position:relative;
  padding:110px 5% 105px;
  background:
    radial-gradient(circle at 10% 30%,rgba(182,179,148,.13),transparent 24%),
    radial-gradient(circle at 90% 75%,rgba(60,84,96,.08),transparent 25%),
    linear-gradient(145deg,#f3f1eb,#e8e5dd);
  overflow:hidden;
}
.brands-section:before,.brands-section:after{
  content:"";
  position:absolute;
  border:1px solid rgba(57,62,40,.07);
  border-radius:50%;
  pointer-events:none;
}
.brands-section:before{width:560px;height:560px;left:-360px;top:-220px}
.brands-section:after{width:420px;height:420px;right:-250px;bottom:-240px}
.brands-shell{width:min(1120px,100%);margin:auto;position:relative;z-index:2}
.brands-intro{text-align:center;max-width:720px;margin:0 auto 65px}
.brands-symbol{height:46px;display:flex;justify-content:center;gap:7px;margin-bottom:20px}
.brands-symbol span{
  width:13px;height:38px;border-radius:999px;
  background:#b6b394;
  transform:rotate(28deg);
}
.brands-symbol span:nth-child(2){background:#3c5460;height:30px;margin-top:6px}
.brands-symbol span:nth-child(3){background:#393e28;height:42px;margin-top:-2px}
.brands-intro h2{
  margin:0 0 12px;
  font-family:'Cairo',sans-serif;
  color:#383E27;
  font-size:clamp(32px,4vw,52px);
}
.brands-intro p{margin:0;color:#6e746c;line-height:2}
.brands-group{margin-top:45px}
.brands-group h3{
  text-align:center;
  color:#3c4438;
  font-family:'Cairo',sans-serif;
  font-size:25px;
  margin:0 0 25px;
}
.brands-fixed{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:18px;
}
.brand-placeholder{
  height:115px;
  border:1px solid rgba(57,62,40,.10);
  border-radius:22px;
  display:grid;place-items:center;
  background:rgba(255,255,255,.54);
  color:#7a806f;
  box-shadow:0 20px 45px -38px rgba(32,33,27,.7);
  position:relative;
}
.brand-placeholder:after{
  content:"";
  position:absolute;inset:12px;
  border:1px dashed rgba(182,179,148,.40);
  border-radius:15px;
}
.brand-placeholder span{position:relative;z-index:2}
.clients-flow{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:14px;
}
.client-placeholder{
  min-width:125px;
  padding:17px 25px;
  border:1px solid rgba(57,62,40,.10);
  border-radius:999px;
  background:rgba(255,255,255,.62);
  color:#5d6657;
  box-shadow:0 15px 30px -28px rgba(32,33,27,.8);
  transition:transform .3s ease,border-color .3s ease;
}
.client-placeholder:hover{transform:translateY(-5px);border-color:rgba(182,179,148,.65)}

/* Governance / licenses */
.governance-strip{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:1px;
  background:rgba(57,62,40,.12);
  border-top:1px solid rgba(57,62,40,.12);
}
.governance-item{
  min-height:110px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:14px;
  padding:24px;
  background:#efede7;
  color:#3e473a;
}
.gov-icon{
  width:42px;height:42px;
  display:grid;place-items:center;
  border:1px solid rgba(182,179,148,.65);
  border-radius:13px;
  color:#59634d;
  background:#f7f6f1;
  font-weight:800;
}
.governance-item strong{display:block;font-family:'Cairo',sans-serif;font-size:14px}
.governance-item small{display:block;color:#7a8077;margin-top:4px;line-height:1.6}

/* No location block: keep contact focused on social + direct communication. */
#contact .social{transition:transform .3s ease,background .3s ease,border-color .3s ease}
#contact .social:hover{transform:translateY(-3px);background:rgba(182,179,148,.12);border-color:rgba(182,179,148,.38)}

@media(max-width:900px){
  #goals .goals{grid-template-columns:1fr 1fr}
  .brands-fixed{grid-template-columns:repeat(2,1fr)}
  .governance-strip{grid-template-columns:1fr}
}
@media(max-width:580px){
  #goals .goals{grid-template-columns:1fr}
  .goal{min-height:210px}
  .brands-section{padding:78px 5% 80px}
  .brands-fixed{grid-template-columns:1fr 1fr;gap:10px}
  .brand-placeholder{height:92px}
  .clients-flow{gap:9px}
  .client-placeholder{min-width:105px;padding:13px 17px;font-size:13px}
  .governance-item{justify-content:flex-start;padding:20px 16px}
}

/* Mini contact form — inspired by the supplied reference */
.contact-message-card{
  direction:rtl;
  width:100%;
  max-width:520px;
  margin-inline:auto;
  padding:30px 30px 26px;
  border-radius:28px;
  background:#f7f6f1;
  border:1px solid rgba(230,228,221,.55);
  box-shadow:0 30px 70px -38px rgba(0,0,0,.55), inset 0 1px 0 rgba(255,255,255,.95);
  color:#20252a;
}
.contact-message-head{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:14px;
  font-family:'Cairo',sans-serif;
  font-weight:900;
  font-size:clamp(25px,3vw,36px);
  line-height:1.2;
  color:#20252a;
  white-space:nowrap;
}
.contact-message-line{
  width:38px;
  height:2px;
  border-radius:99px;
  background:linear-gradient(90deg,transparent,#B6B394);
}
.contact-message-line:last-child{background:linear-gradient(90deg,#B6B394,transparent)}
.contact-message-sub{
  margin:10px 0 25px;
  text-align:center;
  color:#777b7c;
  font-size:14px;
  line-height:1.9;
}
.mini-contact-form{display:grid;gap:14px}
.mini-contact-form label{display:block}
.mini-contact-form label>span{
  display:block;
  margin:0 0 8px;
  color:#31363a;
  font-size:14px;
  font-weight:700;
}
.mini-contact-form input,
.mini-contact-form textarea{
  width:100%;
  box-sizing:border-box;
  border:0;
  border-bottom:2px solid #e7e5df;
  border-radius:0;
  background:transparent;
  color:#20252a;
  padding:8px 2px 10px;
  outline:none;
  font:inherit;
  transition:border-color .25s ease,box-shadow .25s ease;
}
.mini-contact-form input:focus,
.mini-contact-form textarea:focus{
  border-bottom-color:#B6B394;
  box-shadow:0 4px 0 -2px rgba(182,179,148,.35);
}
.mini-contact-form textarea{
  resize:vertical;
  min-height:88px;
  border:1px solid #e7e5df;
  border-radius:12px;
  padding:10px 12px;
}
.mini-contact-form textarea:focus{box-shadow:0 0 0 3px rgba(182,179,148,.13)}
.file-upload-field{margin-top:2px}
.file-upload-box{
  position:relative;
  display:flex;
  align-items:center;
  gap:10px;
  border:1.5px dashed #cfcbbd;
  border-radius:12px;
  padding:12px 14px;
  background:#faf9f5;
  cursor:pointer;
  transition:border-color .25s ease,background .25s ease;
}
.file-upload-box:hover{border-color:#B6B394;background:#f5f2e8}
.file-upload-box input[type="file"]{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  opacity:0;
  cursor:pointer;
}
.file-upload-icon{
  display:grid;
  place-items:center;
  width:34px;
  height:34px;
  border-radius:50%;
  background:rgba(182,179,148,.18);
  color:#8a8560;
  flex:0 0 auto;
}
.file-upload-icon svg{width:18px;height:18px}
.file-upload-text{
  font-size:13.5px;
  color:#6b6f63;
  font-weight:600;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.file-upload-box.has-file{border-style:solid;border-color:#B6B394;background:#f5f2e8}
.file-upload-box.has-file .file-upload-text{color:#383E27}
.mini-contact-submit{
  width:100%;
  margin-top:5px;
  border:0;
  border-radius:16px;
  padding:14px 18px;
  cursor:pointer;
  font-family:'Cairo',sans-serif;
  font-size:16px;
  font-weight:900;
  color:#fff;
  background:linear-gradient(135deg,#24282d,#121a1d);
  box-shadow:0 14px 30px -18px rgba(0,0,0,.8),0 0 0 1px rgba(182,179,148,.22);
  transition:transform .25s ease,box-shadow .25s ease,background .25s ease;
}
.mini-contact-submit:hover{
  transform:translateY(-3px);
  background:linear-gradient(135deg,#B6B394,#b98d3d);
  box-shadow:0 18px 32px -18px rgba(182,179,148,.75);
}
@media(max-width:760px){
  .contact-message-card{max-width:none;padding:26px 20px 22px;border-radius:22px}
  .contact-message-head{font-size:25px;gap:9px}
  .contact-message-line{width:24px}
}

/* ===== Partners / Clients — visual treatment based on the supplied references ===== */
.brands-section{
  position:relative;
  min-height:690px;
  padding:105px 5% 125px;
  overflow:hidden;
  background:
    radial-gradient(circle at 31% 27%,rgba(182,179,148,.20),transparent 22%),
    radial-gradient(circle at 82% 55%,rgba(60,84,96,.08),transparent 30%),
    linear-gradient(135deg,#E6E4DD 0%,#ece9df 58%,#e4e2d8 100%);
  color:#203b40;
}
.brands-section:before{
  content:"";
  position:absolute;inset:0;
  background:
    linear-gradient(115deg,transparent 0 72%,rgba(255,255,255,.45) 73%,transparent 76%),
    radial-gradient(circle at 70% 0%,rgba(255,255,255,.55),transparent 30%);
  pointer-events:none;
}
.partners-bg-shape{
  position:absolute;
  border-radius:0 0 90px 0;
  background:#737654;
  opacity:.68;
  pointer-events:none;
}
.partners-bg-shape-a{
  width:150px;height:430px;left:-26px;top:-65px;
  border-radius:0 0 80px 0;
}
.partners-bg-shape-b{
  width:120px;height:260px;right:-35px;bottom:15px;
  background:#3c5460;opacity:.13;
  border-radius:80px 0 0 0;
}
.brands-shell{width:min(1180px,100%);margin:auto;position:relative;z-index:2}
.partners-heading{
  position:relative;
  min-height:235px;
  display:flex;
  flex-direction:row-reverse;
  align-items:center;
  justify-content:space-between;
  gap:55px;
  max-width:1020px;
  margin:0 auto 45px;
}
.partners-copy{
  width:min(600px,58%);
  text-align:right;
  direction:rtl;
}
.partners-copy h2{
  margin:0;
  color:#173a40;
  font-family:'Cairo',sans-serif;
  font-size:clamp(39px,5vw,66px);
  font-weight:800;
  line-height:1.15;
  letter-spacing:-1px;
}
.partners-copy h2 em{font-style:normal;color:#b0a86f}
.partners-line{
  display:block;width:70px;height:4px;
  margin:22px 0 18px auto;
  background:#b0a86f;border-radius:999px;
}
.partners-copy p{
  max-width:560px;margin:0 0 0 auto;
  color:#586764;font-size:17px;line-height:2;
}
.partners-heading-mark{
  position:absolute;
  left:0;top:0;
  width:100px;height:80px;
  opacity:.65;
}
.partners-heading-mark span{
  position:absolute;
  display:block;
  width:11px;height:68px;
  border-radius:999px;
  background:#3c5460;
  transform:rotate(26deg);
}
.partners-heading-mark span:nth-child(1){left:0;top:2px;background:#737654}
.partners-heading-mark span:nth-child(2){left:28px;top:16px}
.partners-heading-mark span:nth-child(3){left:54px;top:4px;background:#b0a86f}
.partners-heading-mark span:nth-child(4){left:80px;top:18px;background:#173a40}

.partners-carousel{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:28px;
}
.partners-track{
  display:flex;
  justify-content:center;
  gap:20px;
  width:min(920px,82vw);
}
.partner-card{
  position:relative;
  width:min(420px,39vw);
  height:190px;
  border:1px solid rgba(57,62,40,.10);
  border-radius:18px;
  background:rgba(255,255,255,.67);
  box-shadow:0 22px 55px -36px rgba(32,33,27,.65);
  display:grid;place-items:center;
  overflow:hidden;
  transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease;
}
.partner-card:before{
  content:"";
  position:absolute;inset:8px;
  border:1px solid rgba(182,179,148,.18);
  border-radius:13px;
}
.partner-card:hover{
  transform:translateY(-7px);
  box-shadow:0 30px 60px -35px rgba(32,33,27,.75);
  border-color:rgba(176,168,111,.5);
}
.partner-card-glow{
  position:absolute;
  width:180px;height:180px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(182,179,148,.13),transparent 68%);
}
.partner-card img{
  position:relative;
  z-index:2;
  width:82%;
  height:78%;
  object-fit:contain;
  object-position:center;
}
.partner-arrow{
  width:48px;height:48px;
  flex:0 0 48px;
  border:1px solid rgba(57,62,40,.14);
  border-radius:50%;
  background:rgba(255,255,255,.58);
  color:#68704d;
  font-size:38px;
  line-height:1;
  cursor:pointer;
  transition:transform .25s ease,background .25s ease;
}
.partner-arrow:hover{transform:scale(1.08);background:#e7e4dd}
.partner-dots{
  display:flex;justify-content:center;gap:10px;margin:27px 0 30px;
}
.partner-dot{
  width:14px;height:14px;padding:0;
  border:0;border-radius:50%;
  background:#d9d7ca;
  cursor:pointer;
}
.partner-dot.active{background:#747b55;transform:scale(1.15)}

.clients-cta{
  display:flex;align-items:center;justify-content:center;gap:28px;
  margin-top:6px;
}
.clients-cta > span{
  width:190px;height:1px;background:rgba(57,62,40,.28);
}
.clients-cta a{
  min-width:210px;
  padding:13px 28px;
  border:1px solid #6d7359;
  border-radius:999px;
  color:#6d7359;
  text-decoration:none;
  text-align:center;
  font-family:'Cairo',sans-serif;
  font-size:17px;
  background:rgba(255,255,255,.36);
  transition:background .25s ease,transform .25s ease;
}
.clients-cta a:hover{background:rgba(182,179,148,.18);transform:translateY(-3px)}
.clients-cta b{margin-right:8px;font-size:20px;color:#173a40}

.partners-bottom-wave{
  position:absolute;
  left:-5%;right:-5%;bottom:-105px;
  height:170px;
  background:#173a40;
  border-radius:50% 50% 0 0 / 32% 32% 0 0;
  transform:rotate(-2deg);
}
.partners-bottom-wave:after{
  content:"";
  position:absolute;left:0;bottom:0;width:260px;height:120px;
  background:repeating-radial-gradient(circle at 15% 100%,transparent 0 12px,rgba(60,84,96,.35) 13px 16px,transparent 17px 28px);
  opacity:.65;
}

@media(max-width:850px){
  .brands-section{padding-top:75px}
  .partners-heading{flex-direction:column;min-height:0;gap:10px}
  .partners-copy{width:100%;text-align:center}
  .partners-copy h2{font-size:clamp(35px,8vw,52px)}
  .partners-line{margin:18px auto}
  .partners-copy p{margin:auto}
  .partners-fingerprint{width:240px;height:180px;transform:scale(.78)}
  .partners-heading-mark{display:none}
  .partners-track{width:74vw}
  .partner-card{width:35vw;height:165px}
  .partner-arrow{width:42px;height:42px;flex-basis:42px;font-size:31px}
  .clients-cta > span{width:80px}
}
@media(max-width:580px){
  .brands-section{min-height:620px;padding:65px 4% 110px}
  .partners-copy p{font-size:14px}
  .partners-fingerprint{margin-top:-18px}
  .partners-track{width:78vw}
  .partner-card{width:78vw;height:170px;display:none}
  .partner-card.active{display:grid}
  .partner-arrow{position:absolute;z-index:5;background:rgba(255,255,255,.8)}
  .partner-prev{left:-3px}.partner-next{right:-3px}
  .clients-cta{gap:10px}
  .clients-cta > span{width:35px}
  .clients-cta a{min-width:160px;font-size:14px;padding:11px 18px}
}

/* Transparent company logos — the logo itself has no rectangular background */
.partner-card{
  background:
    radial-gradient(circle at 50% 45%,rgba(255,255,255,.82),rgba(255,255,255,.35) 68%,transparent 100%) !important;
  backdrop-filter:blur(8px);
}
.partner-card img{
  background:transparent !important;
  mix-blend-mode:multiply;
  filter:drop-shadow(0 10px 18px rgba(32,33,27,.10));
  max-width:84%;
  max-height:82%;
}
.partner-card:hover img{
  filter:drop-shadow(0 14px 24px rgba(32,33,27,.16));
}

/* ===== Partners: preserve the current design, improve only sizing/responsiveness ===== */
.brands-section .brands-shell{
  width:min(1180px, calc(100% - 48px));
  margin-inline:auto;
}

.brands-section .partners-carousel{
  width:100%;
  max-width:1100px;
  margin-inline:auto;
}

.brands-section .partners-track{
  width:min(920px, calc(100% - 120px));
  min-width:0;
  display:flex;
  align-items:stretch;
  justify-content:center;
}

.brands-section .partner-card{
  width:min(420px, 100%);
  min-width:0;
  height:190px;
  flex:1 1 420px;
}

.brands-section .partner-card img{
  display:block;
  width:100%;
  max-width:330px;
  height:auto;
  max-height:145px;
  object-fit:contain;
  object-position:center;
  margin:auto;
  background:transparent !important;
  mix-blend-mode:multiply;
}

/* Prevent the complete logo from being clipped on smaller screens */
@media (max-width: 850px){
  .brands-section .brands-shell{
    width:min(100% - 32px, 720px);
  }

  .brands-section .partners-carousel{
    gap:14px;
  }

  .brands-section .partners-track{
    width:min(100%, 620px);
    gap:14px;
  }

  .brands-section .partner-card{
    width:100%;
    height:165px;
  }

  .brands-section .partner-card img{
    max-width:300px;
    max-height:125px;
  }

  .brands-section .partner-arrow{
    flex:0 0 42px;
    width:42px;
    height:42px;
  }
}

/* Phone: one logo at a time, full logo visible, no cropping */
@media (max-width: 580px){
  .brands-section{
    padding-left:16px;
    padding-right:16px;
  }

  .brands-section .brands-shell{
    width:100%;
  }

  .brands-section .partners-carousel{
    width:100%;
    padding:0 2px;
  }

  .brands-section .partners-track{
    width:calc(100% - 76px);
    max-width:none;
    gap:0;
  }

  .brands-section .partner-card{
    display:none;
    width:100%;
    min-width:0;
    height:175px;
    flex:none;
  }

  .brands-section .partner-card.active{
    display:grid;
  }

  .brands-section .partner-card img{
    width:92%;
    max-width:310px;
    max-height:132px;
    object-fit:contain;
    object-position:center;
  }

  .brands-section .partner-arrow{
    position:absolute;
    z-index:5;
    top:50%;
    transform:translateY(-50%);
    width:38px;
    height:38px;
    flex:0 0 38px;
  }

  .brands-section .partner-arrow:hover{
    transform:translateY(-50%) scale(1.05);
  }

  .brands-section .partner-prev{left:0}
  .brands-section .partner-next{right:0}

  .brands-section .clients-cta{
    margin-top:22px;
  }

  .brands-section .clients-cta a{
    min-width:175px;
    white-space:nowrap;
  }
}

/* Very small phones */
@media (max-width:380px){
  .brands-section .partners-copy h2{
    font-size:31px;
  }

  .brands-section .partners-copy p{
    font-size:13px;
  }

  .brands-section .partner-card{
    height:155px;
  }

  .brands-section .partner-card img{
    max-width:270px;
    max-height:115px;
  }
}

html{scroll-behavior:smooth}

/* ===== Clients section: same brand family as Partners, intentionally different composition ===== */
.clients-section{
  position:relative;
  min-height:680px;
  padding:110px 5% 100px;
  overflow:hidden;
  color:#20372f;
  background:
    radial-gradient(circle at 80% 20%,rgba(60,84,96,.10),transparent 24%),
    radial-gradient(circle at 15% 80%,rgba(182,179,148,.18),transparent 27%),
    linear-gradient(145deg,#20372f 0%,#29453e 58%,#20372f 100%);
}
.clients-section:before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(125deg,rgba(255,255,255,.045),transparent 30%),
    repeating-linear-gradient(135deg,transparent 0 48px,rgba(231,228,221,.018) 49px 50px);
  pointer-events:none;
}
.clients-bg-ring{
  position:absolute;
  border:1px solid rgba(231,228,221,.13);
  border-radius:50%;
  pointer-events:none;
}
.clients-bg-ring-a{
  width:650px;height:650px;
  right:-340px;top:-300px;
}
.clients-bg-ring-b{
  width:430px;height:430px;
  left:-270px;bottom:-260px;
  border-color:rgba(182,179,148,.18);
}
.clients-shell{
  width:min(1180px,100%);
  margin:auto;
  position:relative;
  z-index:2;
}
.clients-header{
  text-align:center;
  max-width:720px;
  margin:0 auto 62px;
  direction:rtl;
}
.clients-overline{
  display:inline-flex;
  align-items:center;
  gap:10px;
  margin-bottom:12px;
  color:#b6b394;
  font-size:11px;
  letter-spacing:4px;
  font-weight:700;
}
.clients-header h2{
  margin:0;
  color:#f1efe8;
  font-family:'Cairo',sans-serif;
  font-size:clamp(42px,6vw,72px);
  line-height:1.1;
  font-weight:800;
}
.clients-accent{
  display:block;
  width:76px;height:4px;
  margin:19px auto;
  border-radius:999px;
  background:#b6b394;
  box-shadow:35px 0 0 rgba(182,179,148,.18),-35px 0 0 rgba(60,84,96,.35);
}
.clients-header p{
  margin:0;
  color:rgba(241,239,232,.72);
  font-size:15px;
  line-height:2;
}
.clients-layout{
  display:grid;
  grid-template-columns:340px 1fr;
  gap:65px;
  align-items:center;
}
.clients-visual{
  position:relative;
  width:320px;height:320px;
  margin:auto;
  display:grid;
  place-items:center;
}
.clients-orbit{
  position:absolute;
  border:1px solid rgba(182,179,148,.34);
  border-radius:50%;
}
.orbit-one{
  width:280px;height:280px;
  transform:rotate(22deg);
  border-left-color:transparent;
  border-bottom-color:rgba(231,228,221,.22);
  animation:clientsSpin 22s linear infinite;
}
.orbit-two{
  width:215px;height:215px;
  transform:rotate(-28deg);
  border-right-color:transparent;
  border-top-color:rgba(60,84,96,.62);
  animation:clientsSpin 15s linear infinite reverse;
}
.clients-core{
  position:relative;
  z-index:3;
  width:132px;height:132px;
  border-radius:50%;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  background:
    radial-gradient(circle at 35% 30%,#f0eee7,#c8c6ad);
  color:#20372f;
  box-shadow:
    0 25px 55px -30px rgba(0,0,0,.8),
    0 0 0 10px rgba(182,179,148,.07);
  font-family:'Cairo',sans-serif;
}
.clients-core span{font-size:19px;line-height:1}
.clients-core b{font-size:27px;line-height:1;margin-top:3px}
.clients-node{
  position:absolute;
  z-index:4;
  width:16px;height:16px;
  border-radius:50%;
  border:3px solid #20372f;
  background:#b6b394;
  box-shadow:0 0 0 7px rgba(182,179,148,.09);
}
.node-one{top:24px;left:85px}
.node-two{right:31px;top:112px;background:#e7e4dd}
.node-three{bottom:34px;left:106px;background:#3c5460}
.node-four{left:29px;top:155px;background:#b6b394}

.clients-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:16px;
}
.client-logo-card{
  height:138px;
  border:1px solid rgba(231,228,221,.15);
  border-radius:22px;
  background:
    linear-gradient(145deg,rgba(255,255,255,.10),rgba(255,255,255,.035));
  display:grid;
  place-items:center;
  position:relative;
  overflow:hidden;
  transition:transform .3s ease,border-color .3s ease,background .3s ease;
}
.client-logo-card:before{
  content:"";
  position:absolute;
  inset:10px;
  border:1px dashed rgba(182,179,148,.18);
  border-radius:15px;
}
.client-logo-card:after{
  content:"";
  position:absolute;
  width:95px;height:95px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(182,179,148,.12),transparent 70%);
}
.client-logo-card span{
  position:relative;
  z-index:2;
  color:rgba(241,239,232,.56);
  font-family:'Cairo',sans-serif;
  font-size:13px;
}
.client-logo-card:hover{
  transform:translateY(-7px);
  border-color:rgba(182,179,148,.48);
  background:linear-gradient(145deg,rgba(255,255,255,.14),rgba(255,255,255,.05));
}
.clients-footer{
  margin-top:55px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:22px;
  direction:rtl;
}
.clients-footer span{
  height:1px;
  width:150px;
  background:rgba(231,228,221,.18);
}
.clients-footer div{
  color:#b6b394;
  font-family:'Cairo',sans-serif;
  font-size:14px;
  letter-spacing:.4px;
}
@keyframes clientsSpin{to{transform:rotate(382deg)}}

@media(max-width:900px){
  .clients-layout{
    grid-template-columns:1fr;
    gap:35px;
  }
  .clients-visual{
    width:270px;height:270px;
  }
  .orbit-one{width:240px;height:240px}
  .orbit-two{width:185px;height:185px}
  .clients-grid{width:min(720px,100%);margin:auto}
}
@media(max-width:580px){
  .clients-section{padding:78px 4% 82px}
  .clients-header{margin-bottom:42px}
  .clients-header p{font-size:13px}
  .clients-visual{width:225px;height:225px}
  .orbit-one{width:205px;height:205px}
  .orbit-two{width:155px;height:155px}
  .clients-core{width:105px;height:105px}
  .clients-core span{font-size:15px}
  .clients-core b{font-size:22px}
  .clients-grid{grid-template-columns:repeat(2,1fr);gap:11px}
  .client-logo-card{height:105px;border-radius:17px}
  .client-logo-card span{font-size:11px}
  .clients-footer{margin-top:40px;gap:10px}
  .clients-footer span{width:45px}
}
@media(prefers-reduced-motion:reduce){
  .orbit-one,.orbit-two{animation:none}
}

/* Clients — premium logo showcase */
.clients-section{
  position:relative; padding:105px 5% 125px; overflow:hidden;
  background:linear-gradient(135deg,#f6f3ea 0%,#ece9df 58%,#e4e2d8 100%);
  color:#173a40;
}
.clients-section:before{content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(circle at 20% 20%,rgba(176,168,111,.14),transparent 25%),
             radial-gradient(circle at 88% 68%,rgba(23,58,64,.08),transparent 28%);}
.clients-shell{position:relative;z-index:2;width:min(1180px,100%);margin:auto;}
.clients-header{text-align:center;max-width:760px;margin:0 auto 48px;}
.clients-overline{display:inline-flex;align-items:center;gap:14px;color:#b0a86f;font:700 13px/1 'Cairo',sans-serif;letter-spacing:3px;}
.clients-overline:before,.clients-overline:after{content:"";width:58px;height:1px;background:#b0a86f;}
.clients-header h2{margin:17px 0 12px;font:800 clamp(38px,5vw,62px)/1.15 'Cairo',sans-serif;color:#173a40;}
.clients-accent{display:block;width:72px;height:4px;margin:0 auto 18px;border-radius:999px;background:#b0a86f;}
.clients-header p{margin:0;color:#5d6b68;font:400 16px/2 'Cairo',sans-serif;}
.clients-showcase{display:flex;align-items:center;gap:16px;}
.clients-track{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;flex:1;min-width:0;}
.client-logo-card{position:relative;height:170px;border:1px solid rgba(57,62,40,.09);border-radius:20px;overflow:hidden;display:grid;place-items:center;
  background:rgba(255,255,255,.62);box-shadow:0 24px 55px -40px rgba(23,58,64,.38);
  transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease;}
.client-logo-card:before{content:"";position:absolute;inset:8px;border:1px solid rgba(176,168,111,.18);border-radius:14px;pointer-events:none;}
.client-logo-card:hover{transform:translateY(-7px);box-shadow:0 30px 65px -38px rgba(23,58,64,.48);border-color:rgba(176,168,111,.45);}
.client-logo-glow{position:absolute;width:170px;height:170px;border-radius:50%;background:radial-gradient(circle,rgba(176,168,111,.13),transparent 68%);}
.client-logo-card img{position:relative;z-index:2;width:82%;height:78%;object-fit:contain;object-position:center;filter:drop-shadow(0 8px 14px rgba(23,58,64,.08));}
.clients-arrow{width:46px;height:46px;flex:0 0 46px;border:1px solid rgba(57,62,40,.14);border-radius:50%;background:rgba(255,255,255,.62);color:#6d7359;font-size:35px;line-height:1;cursor:pointer;transition:.25s ease;}
.clients-arrow:hover{transform:scale(1.08);background:#e7e4dd;}
.clients-dots{display:flex;justify-content:center;gap:9px;margin:25px 0 30px;}
.clients-dot{width:11px;height:11px;border:0;border-radius:50%;background:#d5d2c5;padding:0;cursor:pointer;transition:.25s ease;}
.clients-dot.active{width:28px;border-radius:999px;background:#737b55;}
.clients-footer{display:flex;align-items:center;justify-content:center;gap:25px;color:#6d7359;font:600 15px/1 'Cairo',sans-serif;}
.clients-footer span{height:1px;width:180px;background:rgba(109,115,89,.28);}
@media(max-width:900px){
  .clients-track{grid-template-columns:repeat(2,1fr);}
  .client-logo-card{height:150px;}
}
@media(max-width:580px){
  .clients-section{padding:72px 4% 105px;}
  .clients-header{margin-bottom:35px;}
  .clients-header p{font-size:14px;}
  .clients-showcase{position:relative;display:block;padding:0 28px;}
  .clients-track{display:block;}
  .client-logo-card{display:none;height:175px;}
  .client-logo-card.active{display:grid;}
  .clients-arrow{position:absolute;top:50%;z-index:5;transform:translateY(-50%);}
  .clients-arrow:hover{transform:translateY(-50%) scale(1.08);}
  .clients-prev{left:0}.clients-next{right:0}
  .clients-footer{gap:10px;font-size:13px;}
  .clients-footer span{width:45px;}
}

.clients-showcase{background:radial-gradient(circle at 12% 30%,rgba(182,179,148,.18),transparent 26%),radial-gradient(circle at 88% 72%,rgba(60,84,96,.10),transparent 28%),linear-gradient(145deg,#f3f0e8,#e7e3da)!important;color:#20372f!important;min-height:700px}
.clients-showcase:before{background:linear-gradient(125deg,rgba(255,255,255,.42),transparent 38%),repeating-linear-gradient(135deg,transparent 0 48px,rgba(57,62,40,.018) 49px 50px)!important}
.clients-showcase .clients-header h2{color:#20372f!important;font-size:clamp(38px,5vw,64px)}
.clients-showcase .clients-header p{color:#59645d!important}
.clients-showcase .clients-overline{color:#b59d62!important;letter-spacing:3px}
.clients-showcase .clients-accent{background:#b59d62!important;box-shadow:35px 0 0 rgba(181,157,98,.18),-35px 0 0 rgba(60,84,96,.28)!important}
.clients-carousel{display:grid;grid-template-columns:48px 1fr 48px;align-items:center;gap:12px;direction:ltr;position:relative}
.clients-viewport{overflow:hidden;padding:12px 4px 25px}
.clients-track{display:flex;gap:18px;transition:transform .65s cubic-bezier(.22,.61,.36,1);direction:ltr;will-change:transform}
.clients-track .client-logo-card{flex:0 0 calc((100% - 72px)/5);height:175px;border:1px solid rgba(57,62,40,.10);border-radius:24px;background:rgba(255,255,255,.72);box-shadow:0 20px 50px -35px rgba(32,33,27,.48);display:grid;place-items:center;position:relative;overflow:hidden;transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease}
.clients-track .client-logo-card:before{content:"";position:absolute;inset:10px;border:1px solid rgba(181,157,98,.16);border-radius:17px;pointer-events:none}
.clients-track .client-logo-card img{width:82%;height:78%;object-fit:contain;display:block;position:relative;z-index:2;filter:drop-shadow(0 8px 10px rgba(30,36,31,.08))}
.clients-track .client-logo-card:hover{transform:translateY(-8px);border-color:rgba(181,157,98,.55);box-shadow:0 26px 55px -34px rgba(32,33,27,.65)}
.client-carousel-arrow{width:44px;height:44px;border-radius:50%;border:1px solid rgba(181,157,98,.42);background:rgba(255,255,255,.78);color:#3c5460;font-size:34px;line-height:1;display:grid;place-items:center;cursor:pointer;box-shadow:0 10px 25px -18px rgba(32,33,27,.6);transition:transform .25s ease,background .25s ease,color .25s ease}
.client-carousel-arrow:hover{transform:scale(1.08);background:#20372f;color:#f3f0e8}
.clients-dots{display:flex;justify-content:center;gap:8px;margin-top:4px;direction:ltr}
.clients-dots button{width:8px;height:8px;border:0;border-radius:50%;background:rgba(60,84,96,.22);padding:0;cursor:pointer;transition:width .3s ease,background .3s ease}
.clients-dots button.active{width:26px;border-radius:99px;background:#b59d62}
.clients-showcase .clients-footer span{background:rgba(57,62,40,.18)!important}
.clients-showcase .clients-footer div{color:#8d7747!important}
@media(max-width:1100px){.clients-track .client-logo-card{flex-basis:calc((100% - 54px)/4)}}
@media(max-width:800px){.clients-carousel{grid-template-columns:40px 1fr 40px;gap:5px}.clients-track{gap:12px}.clients-track .client-logo-card{flex-basis:calc((100% - 12px)/2);height:155px}.client-carousel-arrow{width:38px;height:38px;font-size:28px}.clients-viewport{padding-left:2px;padding-right:2px}}
@media(max-width:520px){.clients-showcase{padding:78px 3.5% 82px!important}.clients-header{margin-bottom:38px}.clients-track .client-logo-card{flex-basis:100%;height:180px}.clients-carousel{grid-template-columns:34px 1fr 34px}.client-carousel-arrow{width:34px;height:34px;font-size:25px}.clients-track{gap:10px}.clients-footer{margin-top:35px!important}}

/* حركة شعارات العملاء المستمرة: من اليسار إلى اليمين */
#clients .clients-viewport{overflow:hidden;direction:ltr;}
#clients .clients-track{display:flex;flex-wrap:nowrap;justify-content:flex-start;will-change:transform;transition:none!important;}
#clients .client-logo-card{flex-shrink:0;}
#clients .clients-carousel{direction:ltr;}
@media(prefers-reduced-motion:reduce){
  #clients .clients-track{transform:none!important;}
}

:root{--gold:#B6B394;--gold2:#E6E4DD;--gold-deep:#a9843f;--gold-soft:rgba(182,179,148,.14)}
body{background:linear-gradient(180deg,#EEEEEE 0%,#f6f2e8 48%,#EEEEEE 100%)}
section:not(.hero){position:relative}
section:not(.hero)::selection{background:var(--gold);color:var(--navy)}
nav a{position:relative;transition:color .3s ease}
nav a:hover{color:var(--gold2)}
nav a::after{content:"";position:absolute;right:0;left:0;bottom:-9px;height:2px;background:linear-gradient(90deg,var(--gold),var(--gold2));transform:scaleX(0);transform-origin:center;transition:transform .3s ease;border-radius:99px}
nav a:hover::after{transform:scaleX(1)}
.btn-primary{background:linear-gradient(135deg,var(--gold-deep),var(--gold),var(--gold2));border-color:transparent;color:#092d31;box-shadow:0 12px 30px rgba(182,179,148,.28)}
.btn-primary:hover{box-shadow:0 18px 42px rgba(182,179,148,.38);transform:translateY(-2px)}
.btn-outline:hover{border-color:var(--gold2);background:rgba(230,228,221,.1);color:var(--gold2)}
.section-kicker,.kicker{color:var(--gold-deep)}
.section-title::after,.section-heading::after{background:linear-gradient(90deg,transparent,var(--gold),transparent)!important}
.service,.admin-premium-card,.reference-service{border-color:rgba(182,179,148,.18);box-shadow:0 24px 60px -42px rgba(82,62,25,.5)}
.service:hover,.admin-premium-card:hover,.reference-service:hover{border-color:rgba(182,179,148,.55);box-shadow:0 28px 70px -42px rgba(125,91,35,.48)}
.service:before{background:linear-gradient(var(--gold2),var(--gold-deep))}
.service li:before{background:var(--gold);box-shadow:0 0 0 4px rgba(182,179,148,.10)}
.admin-card-dot{background:var(--gold)!important;box-shadow:0 0 0 5px rgba(182,179,148,.10)}
.admin-card-number,.track-number{color:var(--gold-deep)!important}
.admin-card-action{color:var(--gold-deep)!important}
.admin-premium-icon,.reference-icon{border-color:rgba(182,179,148,.28)!important;background:linear-gradient(145deg,rgba(255,255,255,.95),rgba(247,240,223,.82))!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.75),0 14px 32px -24px rgba(125,91,35,.45)}
.admin-premium-icon svg,.reference-icon svg{stroke:var(--gold-deep)!important}
.service-track-title h3{color:var(--navy)}
.service-track-line{background:linear-gradient(90deg,transparent,var(--gold),transparent)!important}
.brands-section{background:radial-gradient(circle at 15% 20%,rgba(230,228,221,.22),transparent 25%),radial-gradient(circle at 85% 75%,rgba(182,179,148,.16),transparent 28%),linear-gradient(145deg,#f8f5ed,#e9e3d7)!important}
.brands-section:before,.brands-section:after{border-color:rgba(182,179,148,.13)!important}
.brands-intro h2{color:var(--navy)!important}
.brands-intro h2 span{color:var(--gold-deep)!important}
.brands-symbol span{background:var(--gold)!important}.brands-symbol span:nth-child(2){background:var(--gold2)!important}.brands-symbol span:nth-child(3){background:var(--gold-deep)!important}
.client-card,.brand-card,.reference-service{transition:transform .45s var(--ease),box-shadow .45s var(--ease),border-color .45s ease}
.client-card:hover,.brand-card:hover{transform:translateY(-9px) scale(1.015);border-color:rgba(182,179,148,.48);box-shadow:0 24px 55px -32px rgba(125,91,35,.45)}
.gold-divider{background:linear-gradient(90deg,transparent,var(--gold),transparent)!important}
footer{border-top:1px solid rgba(182,179,148,.24)!important}
@media(max-width:700px){nav a::after{display:none}.btn-primary{box-shadow:0 9px 24px rgba(182,179,148,.24)}}

:root{
 --navy:#082f3a;
 --navy2:#0d4652;
 --navy3:#123f49;
 --gold:#c5a05a;
 --gold2:#e2c77f;
 --gold-soft:#d8bd7a;
 --ivory:#f7f3ea;
 --paper:#fbfaf7;
 --sage:#6f7866;
 --sage-soft:#e8eadf;
 --ink:#193b42;
 --muted:#66777a;
 --line:rgba(8,47,58,.12);
 --shadow:0 25px 70px -45px rgba(8,47,58,.42);
}
body{background:var(--paper);color:var(--ink)}
header{background:rgba(8,47,58,.96);border-bottom-color:rgba(197,160,90,.25)}
header.scrolled{box-shadow:0 18px 45px -35px rgba(0,20,25,.8)}
nav a{color:rgba(247,243,234,.84)}
nav a:hover{color:var(--gold2)}
.nav-cta{border-color:rgba(226,199,127,.72)}
.nav-cta:hover{background:var(--gold);color:var(--navy)}
.progress{background:linear-gradient(90deg,var(--gold2),var(--gold))}
.hero{background:
 radial-gradient(circle at 12% 22%,rgba(226,199,127,.16),transparent 27%),
 radial-gradient(circle at 84% 78%,rgba(197,160,90,.10),transparent 31%),
 linear-gradient(135deg,#0d4652 0%,#082f3a 58%,#061f27 100%)}
.hero:before{border-color:rgba(226,199,127,.16)}
.hero-art:before{background:radial-gradient(circle,rgba(226,199,127,.18),transparent 68%)}
.section{background:var(--paper)}
.section.alt{background:var(--ivory)}
.section.dark{background:linear-gradient(145deg,#082f3a,#061f27);color:#fff}
.section-head .eyebrow,.eyebrow{color:var(--gold)}
.section-head p{color:var(--muted)}
.dark .section-head p{color:rgba(247,243,234,.70)}
.about-mark{background:linear-gradient(145deg,#eee8d9,#fffdf8)}
.about-mark:after{border-color:rgba(197,160,90,.52)}
.copy p{color:#50696e}
.quote{color:var(--navy)}
.card{background:rgba(255,255,255,.82);border-color:var(--line);box-shadow:var(--shadow)}
.card.dark{background:linear-gradient(145deg,#0d4652,#082f3a);border:1px solid rgba(226,199,127,.12)}
.card h3{color:var(--navy)}
.goals .goal{background:#fffdf9;border-color:rgba(8,47,58,.10)}
.goals .goal .num{color:var(--gold)}
.goals .goal-icon{background:rgba(197,160,90,.10);border-color:rgba(197,160,90,.22)}
.values .value{background:rgba(255,255,255,.05);border-color:rgba(226,199,127,.16)}
.values .icon{color:var(--gold2)}
/* Services */
.services-merged-section{
 background:
 radial-gradient(circle at 82% 16%,rgba(226,199,127,.12),transparent 25%),
 radial-gradient(circle at 10% 86%,rgba(197,160,90,.09),transparent 26%),
 linear-gradient(145deg,#082f3a 0%,#0d4652 56%,#061f27 100%)!important;
}
.services-merged-section:before{background:linear-gradient(125deg,rgba(255,255,255,.045),transparent 32%),repeating-linear-gradient(135deg,transparent 0 48px,rgba(226,199,127,.018) 49px 50px)}
.services-merged-bg-ring{border-color:rgba(226,199,127,.15)}
.services-merged-bg-ring-b{border-color:rgba(197,160,90,.20)}
.services-merged-overline{color:var(--gold2)}
.services-merged-header h2,.service-track-title h3{color:var(--ivory)}
.services-merged-accent{background:var(--gold);box-shadow:35px 0 0 rgba(226,199,127,.18),-35px 0 0 rgba(226,199,127,.10)}
.services-merged-header p,.service-track-title p{color:rgba(247,243,234,.70)}
.service-track-block{border-color:rgba(226,199,127,.16);background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.025));box-shadow:0 25px 60px -45px rgba(0,0,0,.72)}
.track-number{background:linear-gradient(145deg,var(--gold2),var(--gold));color:var(--navy);box-shadow:0 10px 25px -18px rgba(226,199,127,.65)}
.service-track-line{background:linear-gradient(90deg,transparent,rgba(226,199,127,.35),transparent)}
.service-track-block .admin-premium-card,.service-track-block .reference-service{background:rgba(247,243,234,.075)!important;border-color:rgba(226,199,127,.12)!important}
.service-track-block .admin-premium-card:hover,.service-track-block .reference-service:hover{background:rgba(247,243,234,.12)!important;border-color:rgba(226,199,127,.42)!important;box-shadow:0 22px 45px -34px rgba(0,0,0,.65)!important}
.service-track-block .admin-premium-card h3,.service-track-block .reference-service h3{color:var(--ivory)!important}
.service-track-block .admin-card-number{color:var(--gold2)!important}
.service-track-block .admin-premium-icon,.service-track-block .reference-icon{background:rgba(197,160,90,.10)!important;border-color:rgba(226,199,127,.22)!important}
.service-track-block .admin-premium-icon svg,.service-track-block .reference-icon svg{stroke:var(--gold2)!important}
.service-track-block .admin-card-action{background:linear-gradient(135deg,var(--gold2),var(--gold))!important;color:var(--navy)!important}
/* Brands */
.brands-section{background:linear-gradient(145deg,#f7f3ea,#ebe7dc)}
.brands-symbol span{background:var(--gold)}
.brands-symbol span:nth-child(2){background:var(--navy2)}
.brands-symbol span:nth-child(3){background:var(--sage)}
.brands-intro h2{color:var(--navy)}
.brands-intro p{color:#6b7776}
.brands-group h3{color:var(--navy2)}
.brand-placeholder{background:rgba(255,255,255,.68);border-color:rgba(8,47,58,.10);color:#7b8178}
/* Clients */
.clients-section{
 background:
 radial-gradient(circle at 80% 18%,rgba(226,199,127,.12),transparent 25%),
 radial-gradient(circle at 14% 82%,rgba(197,160,90,.10),transparent 27%),
 linear-gradient(145deg,#0b3641 0%,#0d4652 58%,#071f27 100%)!important;
}
.clients-section:before{background:linear-gradient(125deg,rgba(255,255,255,.045),transparent 30%),repeating-linear-gradient(135deg,transparent 0 48px,rgba(226,199,127,.018) 49px 50px)}
.clients-bg-ring{border-color:rgba(226,199,127,.15)}
.clients-bg-ring-b{border-color:rgba(197,160,90,.20)}
.clients-overline{color:var(--gold2)}
.clients-header h2{color:var(--ivory)}
.clients-accent{background:var(--gold);box-shadow:35px 0 0 rgba(226,199,127,.18),-35px 0 0 rgba(226,199,127,.10)}
.clients-header p{color:rgba(247,243,234,.70)}
/* Contact */
#contact{background:radial-gradient(circle at 85% 15%,rgba(226,199,127,.15),transparent 28%),linear-gradient(135deg,#0b3641 0%,#061f27 100%)!important}
#contact:before{border-color:rgba(226,199,127,.13)}
.contact-title{border-color:rgba(226,199,127,.18)!important;background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.025))!important}
.contact-title .eyebrow{color:var(--gold2)!important}
.social:hover{background:rgba(197,160,90,.15)!important;border-color:rgba(226,199,127,.42)!important}
footer{background:#061f27;color:rgba(247,243,234,.62);border-top:1px solid rgba(226,199,127,.12)}
.top{border-color:rgba(197,160,90,.25);color:var(--navy);background:rgba(247,243,234,.92)}
/* unify common decorative gold */
.title-mark{background:var(--gold)!important}
::selection{background:rgba(197,160,90,.28);color:var(--navy)}
@media(max-width:900px){.nav.open nav{background:#082f3a;border-color:rgba(226,199,127,.18)}}

/* =========================================================
   ATHAR SAR — Professional Alternating Color System
   Dark → Light → Dark → Light throughout the page
   ========================================================= */
:root{
  --pro-dark:#092D35;
  --pro-dark-2:#0D3A43;
  --pro-dark-3:#123F47;
  --pro-light:#F5F1E8;
  --pro-light-2:#FBF9F4;
  --pro-cream:#EDE8DC;
  --pro-gold:#B6B394;
  --pro-gold-2:#E4C982;
  --pro-gold-soft:rgba(182,179,148,.22);
  --pro-ink:#18383D;
  --pro-muted:#66777A;
}

/* --- Shared gold language --- */
.section h2,
.services-merged-header h2,
.brands-intro h2,
.clients-header h2{
  text-wrap:balance;
}
.section-head:after,
.services-merged-header .services-merged-accent,
.brands-intro:after,
.clients-header .clients-accent{
  background:linear-gradient(90deg,var(--pro-gold),var(--pro-gold-2),var(--pro-gold)) !important;
}

/* 01 DARK — Hero */
#home.hero{
  background:
    radial-gradient(circle at 12% 18%,rgba(228,201,130,.16),transparent 24%),
    radial-gradient(circle at 88% 78%,rgba(182,179,148,.11),transparent 30%),
    linear-gradient(135deg,var(--pro-dark-2),var(--pro-dark) 62%,#061F26) !important;
  color:#fff;
}
#home.hero:after{
  content:"";
  position:absolute;
  inset:18px;
  border:1px solid rgba(228,201,130,.08);
  border-radius:34px;
  pointer-events:none;
}
#home .hero h1 em,
#home .kicker{color:var(--pro-gold-2) !important}
#home .btn-primary{
  background:linear-gradient(135deg,var(--pro-gold-2),var(--pro-gold)) !important;
  color:var(--pro-dark) !important;
}
#home .btn-outline{
  border-color:rgba(228,201,130,.62) !important;
}
#home .hero-art:before{
  background:radial-gradient(circle,rgba(228,201,130,.18),transparent 68%) !important;
}

/* 02 LIGHT — About */
#about.section{
  background:linear-gradient(180deg,var(--pro-light-2),var(--pro-light)) !important;
  color:var(--pro-ink);
}
#about .section-head h2,
#about .copy h3{color:var(--pro-dark) !important}
#about .copy p,
#about .section-head p{color:var(--pro-muted) !important}
#about .about-mark{
  background:linear-gradient(145deg,#E7E0D2,#FFFDF8) !important;
  border:1px solid rgba(182,179,148,.18);
}
#about .about-mark:after{border-color:rgba(182,179,148,.45) !important}

/* 03 DARK — Vision */
#vision.section{
  background:
    radial-gradient(circle at 80% 20%,rgba(182,179,148,.09),transparent 25%),
    linear-gradient(145deg,var(--pro-dark),var(--pro-dark-2)) !important;
  color:#fff;
}
#vision .section-head h2,
#vision .quote{color:#fff !important}
#vision .section-head p{color:rgba(255,255,255,.72) !important}


/* 04 LIGHT — Mission */
#mission.section{
  background:
    radial-gradient(circle at 12% 70%,rgba(182,179,148,.10),transparent 24%),
    var(--pro-light-2) !important;
  color:var(--pro-ink);
}
#mission .section-head h2,
#mission .quote{color:var(--pro-dark) !important}
#mission .section-head p{color:var(--pro-muted) !important}


/* 05 DARK — Goals */
#goals.section{
  background:
    linear-gradient(135deg,var(--pro-dark-2),var(--pro-dark)) !important;
  color:#fff;
}
#goals .section-head h2,
#goals .goal p{color:#fff !important}
#goals .section-head p{color:rgba(255,255,255,.72) !important}
#goals .goal{
  background:rgba(255,255,255,.055) !important;
  border:1px solid rgba(228,201,130,.12) !important;
  box-shadow:0 24px 55px -40px rgba(0,0,0,.7) !important;
}
#goals .goal:hover{
  border-color:rgba(228,201,130,.42) !important;
  transform:translateY(-6px);
}
#goals .num{color:var(--pro-gold-2) !important}
#goals .goal-icon{
  background:rgba(182,179,148,.12) !important;
  border-color:rgba(182,179,148,.24) !important;
}
#goals .goal-icon svg{stroke:var(--pro-gold-2) !important}

/* 06 LIGHT — Values */
#values.section.dark{
  background:
    radial-gradient(circle at 85% 20%,rgba(182,179,148,.10),transparent 24%),
    linear-gradient(180deg,var(--pro-light),var(--pro-light-2)) !important;
  color:var(--pro-ink) !important;
}
#values .section-head h2,
#values .value h3{color:var(--pro-dark) !important}
#values .section-head p{color:var(--pro-muted) !important}
#values .value{
  background:rgba(255,255,255,.66) !important;
  border:1px solid rgba(9,45,53,.09) !important;
  box-shadow:0 20px 45px -36px rgba(9,45,53,.35) !important;
}
#values .value:hover{
  border-color:rgba(182,179,148,.45) !important;
  transform:translateY(-7px);
}
#values .value .icon{
  background:linear-gradient(145deg,rgba(182,179,148,.16),rgba(182,179,148,.05)) !important;
  border-color:rgba(182,179,148,.28) !important;
}
#values .value .icon svg{stroke:var(--pro-gold) !important}

/* 07 DARK — Services */
#services.services-merged-section{
  background:
    radial-gradient(circle at 86% 18%,rgba(228,201,130,.10),transparent 26%),
    radial-gradient(circle at 8% 82%,rgba(182,179,148,.08),transparent 25%),
    linear-gradient(145deg,var(--pro-dark-2),var(--pro-dark) 65%,#061F26) !important;
  color:#fff;
}
#services .services-merged-overline,
#services .service-track-title .track-number,
#services .service-track-block .admin-card-number{
  color:var(--pro-gold-2) !important;
}
#services .services-merged-header h2,
#services .service-track-title h3,
#services .service-track-title p,
#services .admin-premium-card h3,
#services .reference-service h3{color:#fff !important}
#services .service-track-block{
  background:rgba(255,255,255,.045) !important;
  border-color:rgba(228,201,130,.16) !important;
  box-shadow:0 28px 65px -48px rgba(0,0,0,.9) !important;
}
#services .track-number{
  background:linear-gradient(145deg,var(--pro-gold-2),var(--pro-gold)) !important;
  color:var(--pro-dark) !important;
  box-shadow:0 10px 28px -16px rgba(182,179,148,.8);
}
#services .service-track-block .admin-premium-card,
#services .service-track-block .reference-service{
  background:rgba(255,255,255,.065) !important;
  border-color:rgba(255,255,255,.10) !important;
}
#services .service-track-block .admin-premium-card:hover,
#services .service-track-block .reference-service:hover{
  background:rgba(255,255,255,.11) !important;
  border-color:rgba(228,201,130,.48) !important;
}
#services .service-track-block .admin-premium-icon,
#services .service-track-block .reference-icon{
  background:rgba(182,179,148,.10) !important;
  border-color:rgba(182,179,148,.24) !important;
}
#services .service-track-block .admin-premium-icon svg,
#services .service-track-block .reference-icon svg{
  stroke:var(--pro-gold-2) !important;
}
#services .admin-card-action{
  background:linear-gradient(135deg,var(--pro-gold-2),var(--pro-gold)) !important;
  color:var(--pro-dark) !important;
}

/* 08 LIGHT — Partners */
#brands.brands-section{
  background:
    radial-gradient(circle at 12% 24%,rgba(182,179,148,.12),transparent 25%),
    radial-gradient(circle at 90% 78%,rgba(9,45,53,.05),transparent 26%),
    linear-gradient(145deg,var(--pro-light-2),var(--pro-light)) !important;
  color:var(--pro-ink);
}
#brands .brands-intro h2,
#brands .brands-group h3{color:var(--pro-dark) !important}
#brands .brands-intro p{color:var(--pro-muted) !important}
#brands .brand-placeholder{
  background:rgba(255,255,255,.72) !important;
  border-color:rgba(9,45,53,.09) !important;
}
#brands .brand-placeholder:hover{
  border-color:rgba(182,179,148,.45) !important;
  box-shadow:0 25px 50px -36px rgba(9,45,53,.42) !important;
}

/* 09 DARK — Clients */
#clients.clients-section{
  background:
    radial-gradient(circle at 82% 18%,rgba(228,201,130,.11),transparent 25%),
    radial-gradient(circle at 14% 82%,rgba(182,179,148,.08),transparent 26%),
    linear-gradient(145deg,var(--pro-dark-2),var(--pro-dark)) !important;
  color:#fff;
}
#clients .clients-overline{color:var(--pro-gold-2) !important}
#clients .clients-header h2{color:#fff !important}
#clients .clients-header p{color:rgba(255,255,255,.72) !important}
#clients .clients-card{
  background:rgba(255,255,255,.06) !important;
  border-color:rgba(228,201,130,.14) !important;
}
#clients .clients-card:hover{
  border-color:rgba(228,201,130,.48) !important;
}

/* 10 LIGHT — Contact */
#contact.section.dark{
  background:
    radial-gradient(circle at 88% 18%,rgba(182,179,148,.12),transparent 24%),
    linear-gradient(180deg,var(--pro-light),var(--pro-light-2)) !important;
  color:var(--pro-ink) !important;
}
#contact .contact-title h2,
#contact .section-head h2{color:var(--pro-dark) !important}
#contact .contact-title p{color:var(--pro-muted) !important}
#contact .contact-item{
  background:rgba(255,255,255,.72) !important;
  border-color:rgba(9,45,53,.09) !important;
  box-shadow:0 20px 45px -36px rgba(9,45,53,.35) !important;
}
#contact .contact-item a{color:var(--pro-dark) !important}
#contact .label{color:#A47C32 !important}
#contact .social{
  color:var(--pro-dark) !important;
  border-color:rgba(9,45,53,.12) !important;
  background:rgba(255,255,255,.48);
}
#contact .social:hover{
  border-color:rgba(182,179,148,.55) !important;
  background:rgba(182,179,148,.10) !important;
}

/* Gold separators between sections */
#home + #about,
#vision + #mission,
#goals + #values,
#services + #brands,
#clients + #contact{
  border-top:3px solid rgba(182,179,148,.34);
}

/* Keep footer intentionally dark as the final brand anchor */
footer{
  background:linear-gradient(145deg,#061F26,#04191E) !important;
  border-top:1px solid rgba(182,179,148,.20);
}
footer:before{
  content:"";
  display:block;
  width:70px;
  height:2px;
  margin:-25px auto 22px;
  background:linear-gradient(90deg,transparent,var(--pro-gold),transparent);
}

/* Gold scrollbar */
::-webkit-scrollbar{width:10px}
::-webkit-scrollbar-track{background:var(--pro-light)}
::-webkit-scrollbar-thumb{
  background:linear-gradient(var(--pro-gold-2),var(--pro-gold));
  border-radius:20px;
}
::-webkit-scrollbar-thumb:hover{background:var(--pro-gold)}

/* Mobile polish */
@media(max-width:700px){
  #home.hero:after{inset:10px;border-radius:24px}
  .section{padding:82px 0}
  #services.services-merged-section,
  #brands.brands-section,
  #clients.clients-section{padding-top:82px;padding-bottom:82px}
}

/* قسم التواصل — خلفية غامقة متناسقة مع الهوية */
#contact.section.dark{
  background:
    radial-gradient(circle at 88% 18%, rgba(182,179,148,.12), transparent 24%),
    radial-gradient(circle at 12% 85%, rgba(182,179,148,.06), transparent 28%),
    linear-gradient(145deg, #0D3A43 0%, #092D35 58%, #061F26 100%) !important;
  color:#fff !important;
  border-top:3px solid rgba(182,179,148,.34);
}
#contact .contact-title h2,
#contact .section-head h2{
  color:#fff !important;
}
#contact .contact-title p{
  color:rgba(255,255,255,.72) !important;
}
#contact .contact-item{
  background:rgba(255,255,255,.06) !important;
  border-color:rgba(228,201,130,.14) !important;
  box-shadow:0 22px 50px -38px rgba(0,0,0,.8) !important;
}
#contact .contact-item a{
  color:#fff !important;
}
#contact .label{
  color:#E4C982 !important;
}
#contact .social{
  color:#fff !important;
  border-color:rgba(228,201,130,.18) !important;
  background:rgba(255,255,255,.045) !important;
}
#contact .social:hover{
  color:#092D35 !important;
  border-color:#B6B394 !important;
  background:linear-gradient(135deg,#E4C982,#B6B394) !important;
}
#contact input,
#contact textarea,
#contact select{
  background:rgba(255,255,255,.07) !important;
  color:#fff !important;
  border-color:rgba(228,201,130,.18) !important;
}
#contact input::placeholder,
#contact textarea::placeholder{
  color:rgba(255,255,255,.52) !important;
}
#contact .btn,
#contact button{
  background:linear-gradient(135deg,#E4C982,#B6B394) !important;
  color:#092D35 !important;
  border-color:transparent !important;
}

/*  — إضافة متناسقة داخل نهاية قسم التواصل */
#contact .official-documents{
  margin-top:24px;
  display:grid;
  gap:16px;
}
#contact .official-data-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}
#contact .official-data-card{
  display:flex;
  align-items:center;
  gap:15px;
  min-height:106px;
  padding:18px;
  border:1px solid rgba(228,201,130,.18);
  border-radius:20px;
  background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.035));
  box-shadow:0 18px 45px -34px rgba(0,0,0,.9);
  transition:transform .35s ease,border-color .35s ease,background .35s ease;
}
#contact .official-data-card:hover{
  transform:translateY(-4px);
  border-color:rgba(228,201,130,.55);
  background:linear-gradient(145deg,rgba(255,255,255,.11),rgba(182,179,148,.07));
}
#contact .official-data-icon{
  flex:0 0 54px;
  width:54px;
  height:54px;
  display:grid;
  place-items:center;
  border-radius:16px;
  background:rgba(228,201,130,.08);
  border:1px solid rgba(228,201,130,.28);
}
#contact .official-data-icon svg{
  width:31px;
  height:31px;
  stroke:#E4C982;
  stroke-width:2.3;
  stroke-linecap:round;
  stroke-linejoin:round;
}
#contact .official-data-copy{
  min-width:0;
  display:grid;
  gap:3px;
}
#contact .official-data-copy span{
  color:rgba(255,255,255,.48);
  font-size:10px;
  line-height:1.5;
}
#contact .official-data-copy strong{
  color:#fff;
  font-size:14px;
  font-weight:800;
}
#contact .official-data-copy b{
  color:#E4C982;
  font-size:14px;
  letter-spacing:.4px;
}
#contact .official-document-card{
  border:1px solid rgba(228,201,130,.18);
  border-radius:22px;
  background:linear-gradient(145deg,rgba(255,255,255,.065),rgba(255,255,255,.025));
  box-shadow:0 22px 55px -40px rgba(0,0,0,.9);
}
#contact .commercial-registration{
  padding:20px;
}
#contact .cr-title{
  color:#E4C982 !important;
  font-size:15px !important;
  font-weight:800;
  margin-bottom:14px;
}
#contact .cr-content{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
}
#contact .cr-meta{
  display:grid;
  gap:7px;
}
#contact .cr-meta span{
  color:#fff;
  font-weight:800;
  font-size:14px;
}
#contact .cr-meta small{
  color:rgba(255,255,255,.48);
  line-height:1.8;
}
#contact .cr-qr{
  width:112px !important;
  height:112px !important;
  object-fit:contain;
  border-radius:14px;
  background:#fff;
  padding:5px;
  flex:0 0 112px;
}
#contact .governance-card{
  position:relative;
  overflow:hidden;
  padding:23px;
  display:grid;
  grid-template-columns:auto 1fr;
  gap:15px 17px;
  align-items:center;
}
#contact .governance-card:before{
  content:"";
  position:absolute;
  width:190px;
  height:190px;
  left:-100px;
  bottom:-120px;
  border-radius:50%;
  background:rgba(182,179,148,.10);
  pointer-events:none;
}
#contact .governance-mark{
  width:58px;
  height:58px;
  display:grid;
  place-items:center;
  border:1px solid rgba(228,201,130,.35);
  border-radius:17px;
  background:rgba(182,179,148,.09);
  position:relative;
  z-index:1;
}
#contact .governance-mark svg{
  width:31px;
  height:31px;
  stroke:#E4C982;
  stroke-width:2.2;
  stroke-linecap:round;
  stroke-linejoin:round;
}
#contact .governance-copy{
  position:relative;
  z-index:1;
}
#contact .official-kicker{
  display:block;
  color:#B6B394;
  font-size:9px;
  letter-spacing:2px;
  margin-bottom:5px;
}
#contact .governance-copy h3{
  color:#fff;
  font-size:16px;
  margin:0 0 5px;
}
#contact .governance-copy p{
  color:rgba(255,255,255,.52);
  font-size:11px;
  line-height:1.9;
  margin:0;
}
#contact .governance-pills{
  grid-column:1/-1;
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  position:relative;
  z-index:1;
}
#contact .governance-pills span{
  color:#E4C982;
  border:1px solid rgba(228,201,130,.20);
  background:rgba(228,201,130,.055);
  border-radius:999px;
  padding:7px 11px;
  font-size:10px;
}
@media(max-width:720px){
  #contact .official-data-grid{grid-template-columns:1fr}
  #contact .official-data-card{min-height:94px}
  #contact .cr-content{align-items:flex-start}
  #contact .cr-qr{width:96px !important;height:96px !important;flex-basis:96px}
  #contact .cr-meta span{font-size:12px}
}

/* قالب «لنبدأ بصناعة الأثر معًا» بنفس ارتفاع قالب «أرسل لنا رسالة» */
@media (min-width:901px){
  #contact .contact-grid{
    align-items:start !important;
  }
  #contact .contact-title{
    box-sizing:border-box !important;
    min-height:0 !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:flex-start !important;
    overflow:hidden !important;
    position:relative !important;
  }
  #contact .contact-title:before{
    content:"";
    position:absolute;
    width:280px;
    height:280px;
    left:-150px;
    bottom:-170px;
    border-radius:50%;
    background:radial-gradient(circle,rgba(182,179,148,.16),rgba(182,179,148,0) 70%);
    pointer-events:none;
  }
  #contact .contact-title > *{
    position:relative;
    z-index:1;
  }
  #contact .contact-title .socials{
    margin-top:auto !important;
    padding-top:25px;
  }
}
@media (max-width:900px){
  #contact .contact-title{
    height:auto !important;
  }
}

/* تحويل وسائل التواصل إلى أيقونات فقط */
#contact .socials{
  display:flex !important;
  align-items:center !important;
  gap:12px !important;
  flex-wrap:wrap !important;
  margin-top:28px !important;
}
#contact .contact-social-icon{
  width:52px !important;
  height:52px !important;
  min-width:52px !important;
  padding:0 !important;
  border-radius:50% !important;
  display:grid !important;
  place-items:center !important;
  background:rgba(255,255,255,.045) !important;
  border:1px solid rgba(228,201,130,.22) !important;
  color:#E4C982 !important;
  text-decoration:none !important;
  position:relative !important;
  transition:transform .35s ease,background .35s ease,border-color .35s ease,box-shadow .35s ease !important;
}
#contact .contact-social-icon svg{
  width:22px !important;
  height:22px !important;
  fill:none !important;
  stroke:currentColor !important;
  stroke-width:1.8 !important;
  stroke-linecap:round !important;
  stroke-linejoin:round !important;
}
#contact .contact-social-icon:first-child svg{
  fill:currentColor !important;
  stroke:none !important;
}
#contact .contact-social-icon:hover{
  transform:translateY(-6px) scale(1.06) !important;
  background:rgba(182,179,148,.14) !important;
  border-color:#E4C982 !important;
  color:#fff !important;
  box-shadow:0 12px 30px -16px rgba(228,201,130,.8) !important;
}
#contact .contact-social-icon:focus-visible{
  outline:2px solid #E4C982 !important;
  outline-offset:4px !important;
}
@media(max-width:580px){
  #contact .contact-social-icon{
    width:48px !important;
    height:48px !important;
    min-width:48px !important;
  }
}

/* حدود متموجة تبدأ من القسم الثاني */
.section-wave-divider{
  height:0 !important;
  width:100% !important;
  position:relative !important;
  z-index:50 !important;
  pointer-events:none !important;
  margin:0 !important;
}
.section-wave-divider svg{
  position:absolute !important;
  left:0 !important;
  top:-1px !important;
  width:100% !important;
  height:72px !important;
  overflow:visible !important;
  display:block !important;
}
.section-wave-divider .wave-main{
  fill:none;
  stroke:#B6B394;
  stroke-width:2.4;
  stroke-linecap:round;
  vector-effect:non-scaling-stroke;
  filter:drop-shadow(0 5px 10px rgba(182,179,148,.12));
}
.section-wave-divider .wave-soft{
  fill:none;
  stroke:rgba(228,201,130,.30);
  stroke-width:1.2;
  stroke-linecap:round;
  vector-effect:non-scaling-stroke;
}
@media(max-width:700px){
  .section-wave-divider svg{height:54px !important}
  .section-wave-divider .wave-main{stroke-width:2}
  .section-wave-divider .wave-soft{stroke-width:1}
}
@media(prefers-reduced-motion:reduce){
  .section-wave-divider *{animation:none !important;transition:none !important}
}

/* تموج حدود الأقسام ابتداءً من القسم الثاني */
#about,#vision,#mission,#goals,#values,
#services,#brands,#clients,#contact{
  position:relative;
  isolation:isolate;
}

/* موجة ذهبية واضحة عند نهاية كل قسم */
#about::after,#vision::after,#mission::after,#goals::after,#values::after,
#services::after,#brands::after,#clients::after{
  content:"";
  position:absolute;
  z-index:5;
  left:0;
  right:0;
  bottom:-1px;
  height:58px;
  pointer-events:none;
  background-repeat:no-repeat;
  background-position:center bottom;
  background-size:100% 58px;
  background-image:url("../assets/section-wave-boundary.svg");
  opacity:.95;
}

/* مسافة بسيطة حتى لا يلامس التموج المحتوى */
#about,#vision,#mission,#goals,#values{
  padding-bottom:135px !important;
}
#services,#brands,#clients{
  padding-bottom:125px !important;
}

/* التموج في الجوال يبقى ناعمًا ومتناسقًا */
@media(max-width:700px){
  #about,#vision,#mission,#goals,#values{
    padding-bottom:125px !important;
  }
  #services,#brands,#clients{
    padding-bottom:115px !important;
  }
  #about::after,#vision::after,#mission::after,#goals::after,#values::after,
  #services::after,#brands::after,#clients::after{
    height:42px;
    background-size:100% 42px;
  }
}

/* تموج داخلي داخل الأقسام — وليس مجرد خط فاصل بين الأقسام */
#about,#vision,#mission,#goals,#values,#services,#brands,#clients,#contact{
  position:relative !important;
  overflow:hidden !important;
}

/* شريط التموج الزخرفي داخل أسفل كل قسم */
#about::after,#vision::after,#mission::after,#goals::after,#values::after,
#services::after,#brands::after,#clients::after,#contact::after{
  content:"";
  position:absolute;
  left:-2%;
  bottom:18px;
  width:104%;
  height:82px;
  pointer-events:none;
  z-index:3;
  opacity:.8;
  background:
    url("../assets/section-wave-boundary.svg")
    center bottom / 100% 100% no-repeat;
  transform:translateX(0);
  animation:atharWave 10s ease-in-out infinite alternate;
}

/* تموج ثانٍ خفيف يعطي عمقًا بصريًا */
#about::before,#vision::before,#mission::before,#goals::before,#values::before,
#services::before,#brands::before,#clients::before,#contact::before{
  content:"";
  position:absolute;
  left:-8%;
  bottom:0;
  width:116%;
  height:105px;
  pointer-events:none;
  z-index:2;
  opacity:.28;
  background:
    url("../assets/section-wave-boundary.svg")
    center bottom / 100% 100% no-repeat;
  animation:atharWave2 13s ease-in-out infinite alternate;
}

@keyframes atharWave{
  from{transform:translateX(-1.5%)}
  to{transform:translateX(1.5%)}
}
@keyframes atharWave2{
  from{transform:translateX(1%)}
  to{transform:translateX(-1%)}
}

/* في الأقسام الفاتحة يكون التموج أهدأ حتى يبقى النص واضحًا */
#about::after,#mission::after,#values::after,#brands::after,#contact::after{
  opacity:.55;
}
#about::before,#mission::before,#values::before,#brands::before,#contact::before{
  opacity:.18;
}

/* لا نسمح للتموج أن يغطي المحتوى */
#about > *,#vision > *,#mission > *,#goals > *,#values > *,
#services > *,#brands > *,#clients > *,#contact > *{
  position:relative;
  z-index:4;
}

/* الجوال */
@media(max-width:700px){
  #about::after,#vision::after,#mission::after,#goals::after,#values::after,
  #services::after,#brands::after,#clients::after,#contact::after{
    bottom:10px;
    height:60px;
  }
  #about::before,#vision::before,#mission::before,#goals::before,#values::before,
  #services::before,#brands::before,#clients::before,#contact::before{
    height:72px;
  }
}

/* إصلاح المساحات الفارغة الناتجة عن طبقات التموج */
#about,#vision,#mission,#goals,#values,#services,#brands,#clients,#contact{
  overflow:hidden !important;
}

/* لا نضيف مساحة خارجية للتموج؛ يبقى داخل القسم */
#about,#vision,#mission,#goals,#values,#services,#brands,#clients{
  padding-bottom:initial;
}

/* إلغاء المسافات الإضافية التي أضيفت أسفل الأقسام بسبب موجة الحدود */
#about,#vision,#mission,#goals,#values{
  padding-bottom:80px !important;
}
#services,#brands,#clients{
  padding-bottom:90px !important;
}

/* التموج الداخلي يكون فوق الخلفية وداخل آخر جزء من القسم */
#about::after,#vision::after,#mission::after,#goals::after,#values::after,
#services::after,#brands::after,#clients::after,#contact::after{
  bottom:0 !important;
  height:55px !important;
  z-index:1 !important;
  opacity:.55 !important;
}

/* الطبقة الثانية لا تمدد القسم ولا تخلق فراغاً */
#about::before,#vision::before,#mission::before,#goals::before,#values::before,
#services::before,#brands::before,#clients::before,#contact::before{
  bottom:0 !important;
  height:65px !important;
  z-index:1 !important;
  pointer-events:none !important;
}

/* المحتوى فوق التموج */
#about > *,#vision > *,#mission > *,#goals > *,#values > *,
#services > *,#brands > *,#clients > *,#contact > *{
  position:relative !important;
  z-index:2 !important;
}

/* موجات الفصل القديمة لا تأخذ ارتفاعاً إضافياً */
.section-wave-divider{
  height:0 !important;
  min-height:0 !important;
  margin:0 !important;
  padding:0 !important;
  overflow:visible !important;
  position:relative !important;
  z-index:6 !important;
}
.section-wave-divider svg{
  position:absolute !important;
  left:0 !important;
  right:0 !important;
  bottom:-1px !important;
  width:100% !important;
  height:42px !important;
  pointer-events:none !important;
}

/* الهاتف */
@media(max-width:700px){
  #about,#vision,#mission,#goals,#values{
    padding-bottom:65px !important;
  }
  #services,#brands,#clients{
    padding-bottom:72px !important;
  }
  #about::after,#vision::after,#mission::after,#goals::after,#values::after,
  #services::after,#brands::after,#clients::after,#contact::after{
    bottom:0 !important;
    height:42px !important;
  }
  .section-wave-divider svg{
    height:32px !important;
  }
}

/* =========================================================
   تنظيف المساحات غير المستغلة — مع الحفاظ على التصميم والمحتوى
   ========================================================= */

/* منع الفراغات الناتجة عن العناصر الفارغة */
section:empty,
div:empty{
  display:none;
}

/* العناصر الزخرفية لا يجب أن تنشئ مساحة في التخطيط */
[class*="wave"]{
  margin-bottom:0 !important;
}

/* تقليل المساحات الرأسية المبالغ فيها فقط */
#about,
#vision,
#mission,
#goals,
#values,
#services,
#brands,
#clients,
#contact{
  scroll-margin-top:90px;
}

/* توازن المسافات داخل رؤوس الأقسام */
#about .section-head,
#vision .section-head,
#mission .section-head,
#goals .section-head,
#values .section-head{
  margin-bottom:clamp(38px,5vw,62px) !important;
}

/* منع فراغات أسفل عناوين الخدمات */
#services .services-merged-header{
  margin-bottom:clamp(42px,6vw,72px) !important;
}

/* لا تترك مساحات كبيرة أسفل آخر عنصر في الشبكات */
#services .admin-premium-grid,
#services .services-reference-grid,
#brands .brands-grid,
#clients .clients-grid{
  margin-bottom:0 !important;
}

/* بطاقات التواصل والوثائق تتوقف عند محتواها */
#contact .official-documents{
  margin-bottom:0 !important;
}

/* إزالة أي padding سفلي زائد من الحاويات الداخلية */
#about .section-inner,
#vision .section-inner,
#mission .section-inner,
#goals .section-inner,
#values .section-inner,
#services .services-merged-shell,
#brands .brands-shell,
#clients .clients-shell{
  margin-bottom:0 !important;
}

/* على الجوال: ضغط محسوب للمساحات بين العناصر */
@media(max-width:700px){
  #about,
  #vision,
  #mission,
  #goals,
  #values{
    padding-top:70px !important;
    padding-bottom:62px !important;
  }

  #services,
  #brands,
  #clients,
  #contact{
    padding-top:72px !important;
    padding-bottom:68px !important;
  }

  #about .section-head,
  #vision .section-head,
  #mission .section-head,
  #goals .section-head,
  #values .section-head{
    margin-bottom:38px !important;
  }

  #services .services-merged-header{
    margin-bottom:45px !important;
  }
}

/* ===== ATHAR SAR — Premium Visual Redesign =====
   تحسين بصري شامل بدون تغيير المحتوى أو إلغاء هوية الأقسام.
   الخدمات تبقى بدون حركة كما طلب سابقاً.
*/
:root{
  --as-ink:#383E27;
  --as-ink-2:#073f46;
  --as-gold:#B6B394;
  --as-gold-soft:#E6E4DD;
  --as-paper:#EEEEEE;
  --as-line:rgba(56,62,39,.12);
  --as-ease:cubic-bezier(.2,.8,.2,1);
}

/* Typography hierarchy */
body{
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
}
h1,h2,h3{
  letter-spacing:-.025em;
}

/* ===== Hero: stronger first impression ===== */
.hero{
  position:relative;
  isolation:isolate;
  overflow:hidden;
}
.hero::before{
  content:"";
  position:absolute;
  width:min(58vw,760px);
  height:min(58vw,760px);
  left:-16%;
  top:10%;
  border:1px solid rgba(230,228,221,.14);
  border-radius:50%;
  box-shadow:
    0 0 0 55px rgba(230,228,221,.025),
    0 0 0 110px rgba(230,228,221,.018);
  pointer-events:none;
  z-index:-1;
}
.hero::after{
  content:"";
  position:absolute;
  width:520px;
  height:520px;
  right:-240px;
  bottom:-260px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(230,228,221,.12),transparent 67%);
  pointer-events:none;
  z-index:-1;
}
.hero .container{
  position:relative;
  z-index:1;
}

/* Small premium label treatment */
.hero .eyebrow,
.section-head .eyebrow,
.services-merged-overline{
  letter-spacing:.16em;
  font-weight:700;
}

/* ===== Sections: editorial rhythm ===== */
.section{
  position:relative;
  isolation:isolate;
}
.section:not(.dark)::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(90deg,transparent 0 8%,rgba(56,62,39,.025) 8.1%,transparent 8.2%),
    linear-gradient(0deg,transparent 0 92%,rgba(182,179,148,.035) 92.1%,transparent 92.2%);
  z-index:-1;
}
.section-head{
  position:relative;
}
.section-head::after{
  content:"";
  display:block;
  width:54px;
  height:2px;
  margin-top:18px;
  background:linear-gradient(90deg,var(--as-gold),transparent);
}

/* ===== Vision / Mission: more depth, no structural change ===== */
#vision,
#mission{
  overflow:hidden;
}
#vision::after,
#mission::after{
  content:"";
  position:absolute;
  width:280px;
  height:280px;
  border:1px solid rgba(182,179,148,.10);
  border-radius:50%;
  left:-120px;
  top:22%;
  pointer-events:none;
  z-index:-1;
}

/* ===== Values: stronger visual anchoring ===== */
#values{
  position:relative;
  overflow:hidden;
}
#values::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 10% 20%,rgba(230,228,221,.09),transparent 28%),
    radial-gradient(circle at 90% 80%,rgba(230,228,221,.06),transparent 30%);
  pointer-events:none;
}
#values .value{
  border:1px solid rgba(230,228,221,.13);
  background:rgba(255,255,255,.025);
  backdrop-filter:blur(8px);
}

/* ===== Services: premium static presentation ===== */
#services{
  position:relative;
  overflow:hidden;
}
#services::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 88% 12%,rgba(182,179,148,.08),transparent 24%),
    radial-gradient(circle at 12% 88%,rgba(56,62,39,.05),transparent 27%);
  pointer-events:none;
  z-index:0;
}
.services-merged-shell{
  position:relative;
  z-index:1;
}
.services-merged-header{
  max-width:900px;
}
.services-merged-header h2{
  font-size:clamp(42px,6vw,76px);
  line-height:.98;
}
.service-track-block{
  position:relative;
}
.service-track-title{
  position:relative;
  padding:28px 30px;
  border:1px solid rgba(56,62,39,.10);
  background:rgba(255,255,255,.66);
  box-shadow:0 20px 60px -48px rgba(56,62,39,.5);
  border-radius:24px;
}
.track-number{
  font-variant-numeric:tabular-nums;
}
.admin-premium-card,
.reference-service{
  border-radius:20px;
  box-shadow:0 18px 45px -40px rgba(56,62,39,.5);
}
.admin-premium-card:hover,
.reference-service:hover{
  /* إبقاء الخدمات ثابتة: لا تكبير ولا تحريك */
  transform:none !important;
}

/* ===== Partners / Clients: cleaner premium frame ===== */
#brands,
#clients{
  position:relative;
  overflow:hidden;
}
#brands::before,
#clients::before{
  content:"";
  position:absolute;
  width:420px;
  height:420px;
  border:1px solid rgba(182,179,148,.08);
  border-radius:50%;
  right:-240px;
  top:-180px;
  pointer-events:none;
}
#brands .container,
#clients .container{
  position:relative;
  z-index:1;
}

/* ===== Contact: decisive closing section ===== */
#contact{
  position:relative;
  overflow:hidden;
}
#contact::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 82% 18%,rgba(230,228,221,.12),transparent 27%),
    radial-gradient(circle at 15% 80%,rgba(230,228,221,.055),transparent 24%);
  pointer-events:none;
}
#contact .container{
  position:relative;
  z-index:1;
}

/* ===== Focus states: accessible and polished ===== */
a:focus-visible,
button:focus-visible,
[tabindex]:focus-visible{
  outline:2px solid var(--as-gold-soft);
  outline-offset:4px;
}

/* ===== Mobile: compact, intentional spacing ===== */
@media (max-width:700px){
  .hero::before{
    width:420px;
    height:420px;
    left:-260px;
  }
  .hero::after{
    width:320px;
    height:320px;
  }
  .service-track-title{
    padding:22px 20px;
    border-radius:18px;
  }
  .services-merged-header h2{
    font-size:clamp(42px,14vw,62px);
  }
  #values .value{
    backdrop-filter:none;
  }
}

/* Respect reduced-motion preferences */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{
    scroll-behavior:auto !important;
    animation-duration:.001ms !important;
    animation-iteration-count:1 !important;
    transition-duration:.001ms !important;
  }
}

/* ===== Premium refinement V3 ===== */

/* 1) Header: glass navigation with clearer hierarchy */
header{
  background:rgba(56,62,39,.72) !important;
  border-bottom:1px solid rgba(230,228,221,.12) !important;
  backdrop-filter:blur(18px) saturate(130%);
  -webkit-backdrop-filter:blur(18px) saturate(130%);
}
header .container{
  min-height:76px;
}
header nav a{
  position:relative;
  transition:opacity .25s ease, color .25s ease;
}
header nav a:not(.nav-cta)::after{
  content:"";
  position:absolute;
  right:0;
  bottom:-8px;
  width:0;
  height:2px;
  background:var(--as-gold-soft);
  transition:width .3s var(--as-ease);
}
header nav a:not(.nav-cta):hover::after{
  width:100%;
}
header nav a:hover{
  color:#fff;
}

/* 2) Hero: stronger editorial composition */
.hero{
  min-height:clamp(680px,92vh,900px);
}
.hero-copy{
  max-width:720px;
}
.hero-copy h1{
  font-size:clamp(52px,7vw,94px);
  line-height:.98;
  margin-bottom:28px;
}
.hero-copy h1 em{
  position:relative;
  display:inline-block;
}
.hero-copy h1 em::after{
  content:"";
  position:absolute;
  right:0;
  left:7%;
  bottom:-9px;
  height:1px;
  background:linear-gradient(90deg,transparent,var(--as-gold-soft),transparent);
}
.hero-copy .actions{
  margin-top:34px;
}
.hero-art{
  filter:drop-shadow(0 30px 55px rgba(0,0,0,.18));
}
.hero-logo-frame{
  transform:none !important;
}

/* 3) About: make the section feel like a designed spread */
#about{
  overflow:hidden;
}
#about .about-grid{
  position:relative;
}
#about .about-mark{
  position:relative;
}
#about .about-mark::before{
  content:"";
  position:absolute;
  width:170px;
  height:170px;
  border:1px solid rgba(182,179,148,.25);
  border-radius:50%;
  right:-70px;
  top:-45px;
  pointer-events:none;
}
#about .about-mark::after{
  content:"";
  position:absolute;
  width:9px;
  height:9px;
  border-radius:50%;
  background:var(--as-gold);
  right:18px;
  top:36px;
  box-shadow:0 0 0 8px rgba(182,179,148,.08);
}

/* 4) Vision + Mission: premium quote treatment */
#vision .single,
#mission .single{
  position:relative;
}
#vision .single::before,
#mission .single::before{
  content:none;
  position:absolute;
  left:-8px;
  top:-70px;
  font-family:Georgia,serif;
  font-size:170px;
  line-height:1;
  color:rgba(182,179,148,.10);
  pointer-events:none;
}
#vision h2,
#mission h2{
  position:relative;
  z-index:1;
}
#vision .quote,
#mission .quote{
  max-width:760px;
  margin-left:auto;
  margin-right:auto;
}

/* 5) Goals: cards with visual rhythm, no JS dependency */
#goals .goals{
  gap:18px;
}
#goals .goal{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(56,62,39,.09);
  background:rgba(255,255,255,.68);
  box-shadow:0 20px 50px -42px rgba(56,62,39,.48);
  border-radius:22px;
  transition:transform .35s var(--as-ease), box-shadow .35s var(--as-ease), border-color .35s ease;
}
#goals .goal:hover{
  transform:translateY(-5px);
  box-shadow:0 28px 60px -42px rgba(56,62,39,.62);
  border-color:rgba(182,179,148,.35);
}
#goals .goal::after{
  content:"";
  position:absolute;
  width:100px;
  height:100px;
  left:-52px;
  bottom:-52px;
  border:1px solid rgba(182,179,148,.15);
  border-radius:50%;
  pointer-events:none;
}
#goals .num{
  position:relative;
  z-index:1;
}

/* 6) Values: make them read as a premium philosophy section */
#values .values{
  gap:16px;
}
#values .value{
  min-height:170px;
  border-radius:24px;
  transition:transform .35s var(--as-ease), border-color .35s ease, background .35s ease;
}
#values .value:hover{
  transform:translateY(-6px);
  border-color:rgba(230,228,221,.38);
  background:rgba(255,255,255,.055);
}
#values .value .icon{
  position:relative;
}
#values .value .icon::after{
  content:"";
  position:absolute;
  inset:-10px;
  border:1px solid rgba(230,228,221,.12);
  border-radius:50%;
}

/* 7) Services: preserve the static behavior, improve only hierarchy */
#services .services-merged-header{
  margin-bottom:56px;
}
#services .services-merged-overline{
  opacity:.7;
}
#services .services-merged-accent{
  display:block;
  width:90px;
  height:3px;
  margin:20px 0 22px auto;
  background:linear-gradient(90deg,transparent,var(--as-gold));
}
#services .service-track-block{
  margin-top:34px;
}
#services .service-track-title{
  border-color:rgba(182,179,148,.20);
  background:linear-gradient(135deg,rgba(255,255,255,.78),rgba(255,255,255,.58));
}
#services .service-track-title::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.4);
  pointer-events:none;
}
#services .admin-premium-card,
#services .reference-service{
  transition:none !important;
}
#services .admin-premium-card:hover,
#services .reference-service:hover{
  transform:none !important;
}

/* 8) Partners / clients: cleaner framing around existing content */
#brands .partners-heading,
#clients .clients-header{
  position:relative;
}
#brands .partners-heading::after,
#clients .clients-header::after{
  content:"";
  position:absolute;
  width:90px;
  height:1px;
  background:linear-gradient(90deg,var(--as-gold),transparent);
  bottom:-18px;
  right:0;
}

/* 9) Contact: turn final section into a strong CTA */
#contact .contact-title h2{
  font-size:clamp(40px,6vw,72px);
  line-height:1.02;
}
#contact .contact-title p{
  max-width:650px;
  font-size:clamp(16px,1.6vw,20px);
  line-height:1.9;
}
#contact a{
  transition:transform .3s var(--as-ease), opacity .25s ease;
}
#contact a:hover{
  transform:translateY(-3px);
}

/* 10) Mobile: keep the premium look without crowding */
@media(max-width:700px){
  header{
    backdrop-filter:blur(12px);
    -webkit-backdrop-filter:blur(12px);
  }
  header .container{
    min-height:66px;
  }
  .hero{
    min-height:700px;
  }
  .hero-copy h1{
    font-size:clamp(48px,14vw,68px);
  }
  #about .about-mark::before{
    width:120px;
    height:120px;
    right:-55px;
    top:-25px;
  }
  #goals .goal:hover,
  #values .value:hover,
  #contact a:hover{
    transform:none;
  }
}

/* 11) Accessibility */
@media(prefers-reduced-motion:reduce){
  header nav a,
  #goals .goal,
  #values .value,
  #contact a{
    transition:none !important;
  }
}

/* ===== القسم الثاني: اللوقو بهوية بصمة واضحة ===== */
#about .about-mark{
  min-height:390px !important;
  background:transparent !important;
  border-radius:0 !important;
  box-shadow:none !important;
  position:relative;
  display:grid;
  place-items:center;
  isolation:isolate;
  overflow:visible;
}

/* شكل البصمة الخارجي */
#about .about-mark::before{
  content:"";
  position:absolute;
  width:min(330px,78%);
  height:350px;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%) rotate(-7deg);
  z-index:0;
  border:2px solid rgba(182,179,148,.68);
  border-radius:52% 48% 46% 54% / 34% 32% 68% 66%;
  background:
    repeating-radial-gradient(
      ellipse at 50% 58%,
      transparent 0 13px,
      rgba(182,179,148,.13) 14px 15px,
      transparent 16px 25px
    );
  box-shadow:
    inset 0 0 0 9px rgba(182,179,148,.035),
    inset 0 0 0 26px rgba(182,179,148,.025),
    0 25px 55px -40px rgba(56,62,39,.45);
}

/* خطوط بصمة إضافية تعطي إحساسًا أقرب لبصمة الإصبع */
#about .about-mark::after{
  content:"";
  position:absolute;
  width:min(265px,64%);
  height:285px;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%) rotate(6deg);
  z-index:1;
  border:1px solid rgba(182,179,148,.42);
  border-radius:48% 52% 42% 58% / 38% 34% 66% 62%;
  background:
    repeating-radial-gradient(
      ellipse at 50% 61%,
      transparent 0 10px,
      rgba(182,179,148,.17) 11px 12px,
      transparent 13px 20px
    );
  opacity:.92;
}

/* اللوقو نفسه يبقى واضحًا في المنتصف، بدون قص أو تشويه */
#about .about-mark img{
  position:relative;
  z-index:3;
  width:270px !important;
  height:auto !important;
  object-fit:contain;
  filter:
    drop-shadow(0 18px 24px rgba(56,62,39,.18))
    drop-shadow(0 0 18px rgba(182,179,148,.08));
}

/* نقطة البصمة المركزية */
#about .about-mark img::after{
  display:none;
}

@media(max-width:700px){
  #about .about-mark{
    min-height:315px !important;
  }
  #about .about-mark::before{
    width:270px;
    height:285px;
  }
  #about .about-mark::after{
    width:215px;
    height:235px;
  }
  #about .about-mark img{
    width:205px !important;
  }
}

@media(max-width:390px){
  #about .about-mark{
    min-height:285px !important;
  }
  #about .about-mark::before{
    width:235px;
    height:255px;
  }
  #about .about-mark::after{
    width:185px;
    height:210px;
  }
  #about .about-mark img{
    width:185px !important;
  }
}

/* ===== Unified official information card ===== */
#contact .official-documents{
  width:100%;
  margin-top:24px;
}
#contact .official-unified-card{
  position:relative;
  overflow:hidden;
  width:100%;
  padding:28px;
  border-radius:24px;
  border:1px solid rgba(182,179,148,.30);
  background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.025));
  box-shadow:0 26px 65px -42px rgba(0,0,0,.85);
}
#contact .official-unified-card:before{
  content:"";
  position:absolute;
  width:260px;height:260px;
  left:-150px;bottom:-180px;
  border-radius:50%;
  background:rgba(182,179,148,.09);
  pointer-events:none;
}
#contact .official-unified-head{
  position:relative;
  z-index:1;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding-bottom:22px;
  margin-bottom:22px;
  border-bottom:1px solid rgba(182,179,148,.16);
}
#contact .official-unified-kicker{
  display:block;
  color:#B6B394;
  font-size:9px;
  letter-spacing:2px;
  margin-bottom:6px;
  font-weight:800;
}
#contact .official-unified-head h3{
  color:#fff;
  margin:0;
  font-family:'Cairo',sans-serif;
  font-size:clamp(17px,2vw,22px);
  font-weight:800;
}
#contact .official-unified-mark{
  width:52px;height:52px;
  flex:0 0 52px;
  display:grid;
  place-items:center;
  border:1px solid rgba(182,179,148,.38);
  border-radius:16px;
  background:rgba(182,179,148,.09);
}
#contact .official-unified-mark svg{
  width:28px;height:28px;
  stroke:#B6B394;
  stroke-width:2.2;
  stroke-linecap:round;
  stroke-linejoin:round;
}
#contact .official-unified-grid{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:0;
}
#contact .official-unified-item{
  min-width:0;
  min-height:108px;
  display:flex;
  align-items:center;
  gap:14px;
  padding:10px 22px;
  border-left:1px solid rgba(182,179,148,.14);
}
#contact .official-unified-item:first-child{
  border-left:0;
}
#contact .official-unified-icon{
  width:48px;height:48px;
  flex:0 0 48px;
  display:grid;
  place-items:center;
  border:1px solid rgba(182,179,148,.30);
  border-radius:15px;
  background:rgba(182,179,148,.065);
}
#contact .official-unified-icon svg{
  width:27px;height:27px;
  stroke:#B6B394;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
}
#contact .official-unified-copy{
  min-width:0;
  display:grid;
  gap:5px;
}
#contact .official-unified-copy span{
  color:rgba(255,255,255,.46);
  font-size:10px;
  line-height:1.5;
}
#contact .official-unified-copy strong{
  color:#fff;
  font-size:14px;
  font-weight:800;
}
#contact .official-unified-copy b{
  color:#B6B394;
  font-size:13px;
  letter-spacing:.25px;
  line-height:1.5;
  word-break:break-word;
}
#contact .official-unified-cr{
  position:relative;
  padding-left:130px;
}
#contact .official-unified-cr .cr-qr{
  position:absolute;
  left:18px;
  width:88px!important;
  height:88px!important;
  object-fit:contain;
  border-radius:12px;
  background:#fff;
  padding:4px;
  box-shadow:0 12px 28px -22px rgba(0,0,0,.8);
}
@media(max-width:900px){
  #contact .official-unified-grid{
    grid-template-columns:1fr;
  }
  #contact .official-unified-item,
  #contact .official-unified-item:first-child{
    border-left:0;
    border-top:1px solid rgba(182,179,148,.14);
    padding:18px 4px;
  }
  #contact .official-unified-item:first-child{
    border-top:0;
  }
}
@media(max-width:600px){
  #contact .official-unified-card{padding:22px 17px}
  #contact .official-unified-head{margin-bottom:10px}
  #contact .official-unified-item{min-height:94px}
  #contact .official-unified-cr{padding-left:105px}
  #contact .official-unified-cr .cr-qr{
    left:4px;
    width:76px!important;
    height:76px!important;
  }
}

/* Governance template removed: official identifiers are now unified above. */
#contact .governance-card{display:none!important}
#contact .governance-strip{display:none!important}

/* ===== Premium unified official documents ===== */
#contact .official-unified-card-premium{
  position:relative!important;
  overflow:hidden!important;
  width:100%!important;
  padding:0!important;
  border:1px solid rgba(182,179,148,.26)!important;
  border-radius:30px!important;
  background:
    radial-gradient(circle at 92% 8%,rgba(182,179,148,.13),transparent 30%),
    linear-gradient(145deg,rgba(56,62,39,.98),rgba(31,33,26,.98))!important;
  box-shadow:0 35px 80px -48px rgba(0,0,0,.9), inset 0 1px 0 rgba(255,255,255,.07)!important;
}
#contact .official-unified-card-premium:after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(90deg,transparent 0%,rgba(182,179,148,.035) 50%,transparent 100%);
  opacity:.8;
}
#contact .official-premium-top{
  position:relative;
  z-index:2;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  padding:30px 32px 25px;
  border-bottom:1px solid rgba(182,179,148,.16);
}
#contact .official-premium-kicker{
  display:block;
  margin-bottom:7px;
  color:#B6B394;
  font-size:9px;
  font-weight:800;
  letter-spacing:2.8px;
}
#contact .official-premium-title h3{
  margin:0;
  color:#fff;
  font-family:'Cairo',sans-serif;
  font-size:clamp(21px,2.3vw,29px);
  font-weight:900;
  line-height:1.25;
}
#contact .official-premium-title p{
  margin:7px 0 0;
  color:rgba(255,255,255,.48);
  font-size:11px;
  line-height:1.8;
}
#contact .official-premium-seal{
  position:relative;
  width:62px;height:62px;
  flex:0 0 62px;
  display:grid;
  place-items:center;
  border:1px solid rgba(182,179,148,.38);
  border-radius:19px;
  background:rgba(182,179,148,.075);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07);
}
#contact .official-premium-seal:before{
  content:"";
  position:absolute;
  inset:6px;
  border:1px dashed rgba(182,179,148,.25);
  border-radius:14px;
}
#contact .official-premium-seal svg{
  position:relative;
  width:31px;height:31px;
  stroke:#B6B394;
  stroke-width:2.2;
  stroke-linecap:round;
  stroke-linejoin:round;
}
#contact .official-premium-records{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  padding:10px 14px 18px;
}
#contact .official-premium-record{
  position:relative;
  display:flex;
  align-items:center;
  gap:15px;
  min-width:0;
  min-height:128px;
  padding:20px 18px;
  border-left:1px solid rgba(182,179,148,.13);
}
#contact .official-premium-record:first-child{
  border-left:0;
}
#contact .official-premium-record-icon{
  width:50px;height:50px;
  flex:0 0 50px;
  display:grid;
  place-items:center;
  border-radius:16px;
  border:1px solid rgba(182,179,148,.27);
  background:rgba(182,179,148,.07);
}
#contact .official-premium-record-icon svg{
  width:28px;height:28px;
  stroke:#B6B394;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
}
#contact .official-premium-record-copy{
  min-width:0;
  display:grid;
  gap:5px;
}
#contact .official-premium-record-copy span{
  color:rgba(255,255,255,.40);
  font-size:9px;
  line-height:1.6;
}
#contact .official-premium-record-copy strong{
  color:#fff;
  font-size:14px;
  font-weight:800;
}
#contact .official-premium-record-copy b{
  color:#B6B394;
  font-size:12.5px;
  line-height:1.65;
  word-break:break-word;
}
#contact .official-premium-registration{
  padding-right:145px;
}
#contact .official-premium-qr-wrap{
  position:absolute;
  right:18px;
  display:grid;
  justify-items:center;
  gap:4px;
}
#contact .official-premium-qr-wrap .cr-qr{
  position:static!important;
  width:82px!important;
  height:82px!important;
  padding:4px!important;
  border-radius:12px!important;
  background:#fff!important;
  box-shadow:0 12px 28px -20px rgba(0,0,0,.9);
}
#contact .official-premium-qr-wrap span{
  color:rgba(255,255,255,.42);
  font-size:8px;
}
#contact .official-premium-footer{
  position:relative;
  z-index:2;
  display:flex;
  align-items:center;
  gap:9px;
  padding:14px 25px 16px;
  border-top:1px solid rgba(182,179,148,.12);
  color:rgba(255,255,255,.42);
  font-size:9px;
}
#contact .official-status-dot{
  width:7px;height:7px;
  border-radius:50%;
  background:#B6B394;
  box-shadow:0 0 0 4px rgba(182,179,148,.10);
}
#contact .official-footer-line{
  height:1px;
  flex:1;
  background:rgba(182,179,148,.12);
}
#contact .official-premium-footer span:last-child{
  color:#B6B394;
  font-weight:800;
}
@media(max-width:900px){
  #contact .official-premium-records{
    grid-template-columns:1fr;
    padding:8px 18px 15px;
  }
  #contact .official-premium-record,
  #contact .official-premium-record:first-child{
    min-height:100px;
    padding:16px 5px;
    border-left:0;
    border-top:1px solid rgba(182,179,148,.12);
  }
  #contact .official-premium-record:first-child{
    border-top:0;
  }
}
@media(max-width:600px){
  #contact .official-premium-top{
    padding:24px 20px 20px;
  }
  #contact .official-premium-seal{
    width:52px;height:52px;flex-basis:52px;
  }
  #contact .official-premium-title p{
    display:none;
  }
  #contact .official-premium-records{
    padding-inline:15px;
  }
  #contact .official-premium-registration{
    padding-right:104px!important;
  }
  #contact .official-premium-qr-wrap{
    right:5px;
  }
  #contact .official-premium-qr-wrap .cr-qr{
    width:70px!important;
    height:70px!important;
  }
  #contact .official-premium-footer{
    padding-inline:18px;
  }
}

/* ===== Compact spacing pass =====
   Reduce empty vertical space without changing the visual identity. */
html{scroll-padding-top:72px!important}
.section{
  padding-top:68px!important;
  padding-bottom:68px!important;
}
.section-head{
  margin-bottom:38px!important;
}
.hero{
  min-height:auto!important;
  padding-top:112px!important;
  padding-bottom:54px!important;
}
.hero-grid{
  min-height:auto!important;
  padding-top:0!important;
  padding-bottom:0!important;
}
.services-title-section{
  min-height:245px!important;
  padding-top:30px!important;
  padding-bottom:30px!important;
}
.services-title-inner h2{
  margin-bottom:0!important;
}
.services-panel{
  margin-top:0!important;
}
#about,#vision,#mission,#goals,#values,#services,#brands,#clients,#contact{
  margin-top:0!important;
}
#contact .official-documents{
  margin-top:14px!important;
  margin-bottom:0!important;
}
#contact .official-unified-card-premium{
  margin-top:0!important;
}
#contact .official-premium-top{
  padding-top:24px!important;
  padding-bottom:19px!important;
}
#contact .official-premium-records{
  padding-top:4px!important;
  padding-bottom:10px!important;
}
#contact .official-premium-record{
  min-height:106px!important;
  padding-top:14px!important;
  padding-bottom:14px!important;
}
#contact .official-premium-footer{
  padding-top:11px!important;
  padding-bottom:12px!important;
}
/* Remove common trailing whitespace inside content blocks */
.about-grid,.vm-grid,.goals,.values,.services-grid,.contact-grid{
  margin-bottom:0!important;
}
.card,.service,.goal,.value{
  margin-bottom:0!important;
}
/* Desktop: make major sections tighter */
@media(min-width:901px){
  .section{padding-top:76px!important;padding-bottom:76px!important}
  .section-head{margin-bottom:42px!important}
  .services-title-section{min-height:220px!important}
}
/* Tablet / phone */
@media(max-width:700px){
  .section{
    padding-top:52px!important;
    padding-bottom:52px!important;
  }
  .section-head{margin-bottom:30px!important}
  .hero{
    padding-top:88px!important;
    padding-bottom:42px!important;
  }
  .services-title-section{
    min-height:190px!important;
    padding:24px 16px!important;
  }
  #contact .official-premium-top{
    padding:20px 18px 16px!important;
  }
  #contact .official-premium-record{
    min-height:88px!important;
    padding:12px 4px!important;
  }
}
@media(max-width:420px){
  .section{padding-top:46px!important;padding-bottom:46px!important}
  .hero{padding-top:82px!important;padding-bottom:36px!important}
  .services-title-section{min-height:170px!important}
}

/* ===== Smaller official data card ===== */
#contact .official-unified-card-premium{
  border-radius:22px!important;
  max-width:100%!important;
}
#contact .official-premium-top{
  padding:18px 22px 15px!important;
  gap:15px!important;
}
#contact .official-premium-kicker{
  font-size:8px!important;
  letter-spacing:2.2px!important;
  margin-bottom:4px!important;
}
#contact .official-premium-title h3{
  font-size:18px!important;
}
#contact .official-premium-title p{
  display:none!important;
}
#contact .official-premium-seal{
  width:46px!important;
  height:46px!important;
  flex-basis:46px!important;
  border-radius:14px!important;
}
#contact .official-premium-seal svg{
  width:24px!important;
  height:24px!important;
}
#contact .official-premium-records{
  padding:2px 12px 6px!important;
}
#contact .official-premium-record{
  min-height:82px!important;
  padding:10px 12px!important;
  gap:10px!important;
}
#contact .official-premium-record-icon{
  width:40px!important;
  height:40px!important;
  flex-basis:40px!important;
  border-radius:12px!important;
}
#contact .official-premium-record-icon svg{
  width:22px!important;
  height:22px!important;
}
#contact .official-premium-record-copy{
  gap:2px!important;
}
#contact .official-premium-record-copy span{
  font-size:8px!important;
}
#contact .official-premium-record-copy strong{
  font-size:12px!important;
}
#contact .official-premium-record-copy b{
  font-size:11px!important;
}
#contact .official-premium-registration{
  padding-right:108px!important;
}
#contact .official-premium-qr-wrap{
  right:10px!important;
}
#contact .official-premium-qr-wrap .cr-qr{
  width:66px!important;
  height:66px!important;
  padding:3px!important;
  border-radius:9px!important;
}
#contact .official-premium-qr-wrap span{
  font-size:7px!important;
}
#contact .official-premium-footer{
  padding:8px 18px 9px!important;
  gap:7px!important;
  font-size:8px!important;
}
#contact .official-status-dot{
  width:5px!important;
  height:5px!important;
  box-shadow:0 0 0 3px rgba(182,179,148,.10)!important;
}
@media(max-width:900px){
  #contact .official-premium-record{
    min-height:72px!important;
    padding:9px 4px!important;
  }
}
@media(max-width:600px){
  #contact .official-premium-top{
    padding:16px 16px 13px!important;
  }
  #contact .official-premium-title h3{
    font-size:16px!important;
  }
  #contact .official-premium-seal{
    width:40px!important;
    height:40px!important;
    flex-basis:40px!important;
  }
  #contact .official-premium-record{
    min-height:70px!important;
  }
  #contact .official-premium-registration{
    padding-right:88px!important;
  }
  #contact .official-premium-qr-wrap{
    right:2px!important;
  }
  #contact .official-premium-qr-wrap .cr-qr{
    width:58px!important;
    height:58px!important;
  }
}

/* Final clean contact spacing after removing official identifiers */
#contact .official-documents{
  display:none!important;
}
#contact .contact-grid{
  row-gap:24px!important;
}
#contact .contact-title,
#contact .contact-form{
  margin-bottom:0!important;
}
@media(max-width:700px){
  #contact .contact-grid{row-gap:18px!important}
}

/* Final cleanup: remove Ministry of Commerce / Commercial Registration content without leaving gaps */
.commercial-registration,
.official-documents:empty,
.official-documents { display:none !important; }
#contact .contact-grid { margin-top:0 !important; gap:18px !important; }
#contact .section-head { margin-bottom:18px !important; }

/* ===== Official numbers at the end of the page ===== */
#official-numbers-end{padding:18px 20px 12px;display:flex;justify-content:center;}
#official-numbers-end .official-numbers-card{width:min(760px,100%);background:linear-gradient(145deg,#1F211A,#383E27);border:1px solid rgba(182,179,148,.35);border-radius:22px;padding:20px 24px;box-shadow:0 14px 34px rgba(31,33,26,.16);color:#EEEEEE;position:relative;overflow:hidden;}
#official-numbers-end .official-numbers-card:before{content:"";position:absolute;inset:-50% auto auto -10%;width:260px;height:260px;background:radial-gradient(circle,rgba(182,179,148,.13),transparent 68%);pointer-events:none;}
#official-numbers-end .official-numbers-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px;position:relative;z-index:1;}
#official-numbers-end .official-kicker{font-size:10px;letter-spacing:1.4px;color:#B6B394;font-weight:800;display:block;margin-bottom:3px;}
#official-numbers-end h2{margin:0;font-size:20px;font-weight:900;color:#EEEEEE;}
#official-numbers-end .official-seal{width:34px;height:34px;border:1px solid rgba(182,179,148,.55);border-radius:50%;display:grid;place-items:center;color:#B6B394;font-weight:900;flex:0 0 34px;}
#official-numbers-end .official-number-row{display:grid;grid-template-columns:150px 1fr;align-items:center;gap:18px;position:relative;z-index:1;}
#official-numbers-end .official-logo{min-height:70px;border-radius:15px;background:rgba(238,238,238,.96);color:#1F211A;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 12px;box-sizing:border-box;font-weight:900;}
#official-numbers-end .official-logo span{font-size:12px;white-space:nowrap;}
#official-numbers-end .zatca-logo{color:#383E27;}
#official-numbers-end .zatca-mark{width:34px;height:34px;border-radius:50%;border:3px solid #B6B394;display:grid;place-items:center;font-size:13px;line-height:1;color:#383E27;}
#official-numbers-end .mc-logo{color:#18394A;}
#official-numbers-end .mc-shield{width:34px;height:38px;border-radius:5px 5px 9px 9px;background:#18394A;color:#EEEEEE;display:grid;place-items:center;font-size:18px;}
#official-numbers-end .official-number-copy{display:flex;flex-direction:column;gap:2px;}
#official-numbers-end .official-label{font-size:12px;color:#B6B394;font-weight:800;}
#official-numbers-end .official-number-copy strong{font-size:24px;line-height:1.15;letter-spacing:1px;color:#EEEEEE;font-weight:900;}
#official-numbers-end .official-number-copy small{font-size:10px;color:rgba(238,238,238,.7);}
#official-numbers-end .official-divider{height:1px;background:rgba(182,179,148,.2);margin:13px 0;position:relative;z-index:1;}
@media(max-width:640px){#official-numbers-end{padding:12px 12px 8px;}#official-numbers-end .official-numbers-card{padding:16px;border-radius:18px;}#official-numbers-end .official-number-row{grid-template-columns:1fr;gap:10px;}#official-numbers-end .official-logo{min-height:52px;justify-content:flex-start;padding-inline:14px;}#official-numbers-end .official-number-copy strong{font-size:20px;}#official-numbers-end h2{font-size:17px;}#official-numbers-end .official-divider{margin:11px 0;}}

/* تحسين نهائي لقالب الأرقام الرسمية */
#official-numbers-end{
  padding:34px 20px 24px!important;
  margin:0!important;
  background:transparent!important;
}
#official-numbers-end .official-numbers-card{
  width:min(920px,100%);
  margin:0 auto;
  padding:0;
  overflow:hidden;
  position:relative;
  border:1px solid rgba(56,62,39,.16);
  border-radius:24px;
  background:linear-gradient(145deg,#f8f8f5 0%,#eeeeee 100%);
  box-shadow:0 16px 42px rgba(31,33,26,.10),0 3px 10px rgba(31,33,26,.06);
}
#official-numbers-end .official-numbers-card::before{
  content:"";
  display:block;
  height:5px;
  background:linear-gradient(90deg,#383E27,#B6B394,#3C5460);
}
#official-numbers-end .official-numbers-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  padding:22px 28px 18px;
  background:rgba(56,62,39,.045);
  border-bottom:1px solid rgba(56,62,39,.10);
}
#official-numbers-end .official-kicker{
  display:inline-flex;
  align-items:center;
  gap:7px;
  font-size:.70rem;
  font-weight:800;
  letter-spacing:.08em;
  color:#3C5460;
  margin-bottom:5px;
}
#official-numbers-end .official-kicker::before{
  content:"";
  width:7px;height:7px;border-radius:50%;
  background:#B6B394;
  box-shadow:0 0 0 4px rgba(182,179,148,.18);
}
#official-numbers-end .official-numbers-head h2{
  margin:0!important;
  color:#383E27;
  font-size:1.32rem!important;
  line-height:1.3!important;
  font-weight:900;
}
#official-numbers-end .official-seal{
  flex:0 0 auto;
  width:42px;height:42px;
  display:grid;place-items:center;
  border-radius:50%;
  color:#EEEEEE;
  background:#383E27;
  border:5px solid #B6B394;
  font-size:17px;font-weight:900;
  box-shadow:0 5px 15px rgba(56,62,39,.18);
}
#official-numbers-end .official-number-row{
  min-height:105px;
  display:grid;
  grid-template-columns:145px 1fr;
  align-items:center;
  gap:22px;
  padding:20px 28px;
}
#official-numbers-end .official-logo{
  min-height:64px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  padding:10px 12px;
  border-radius:16px;
  background:#383E27;
  color:#EEEEEE;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10);
}
#official-numbers-end .official-logo span{
  font-size:.76rem;
  font-weight:900;
  white-space:nowrap;
}
#official-numbers-end .zatca-logo{background:#3C5460}
#official-numbers-end .zatca-mark,
#official-numbers-end .mc-shield{
  width:30px;height:30px;
  display:grid;place-items:center;
  border-radius:10px;
  background:#B6B394;
  color:#383E27;
  font-size:15px;
  font-weight:900;
}
#official-numbers-end .official-number-copy{
  display:grid;
  grid-template-columns:1fr auto;
  align-items:center;
  column-gap:16px;
}
#official-numbers-end .official-label{
  color:#3C5460;
  font-size:.78rem;
  font-weight:800;
}
#official-numbers-end .official-number-copy strong{
  grid-column:2;
  grid-row:1/3;
  direction:ltr;
  text-align:left;
  color:#383E27;
  font-family:Arial,sans-serif;
  font-size:1.22rem;
  letter-spacing:.06em;
  white-space:nowrap;
  padding:10px 14px;
  border-radius:12px;
  background:#fff;
  border:1px solid rgba(56,62,39,.10);
  box-shadow:0 5px 14px rgba(31,33,26,.05);
}
#official-numbers-end .official-number-copy small{
  grid-column:1;
  color:#777b70;
  font-size:.70rem;
  margin-top:4px;
}
#official-numbers-end .official-divider{
  height:1px;
  margin:0 28px;
  background:linear-gradient(90deg,transparent,rgba(56,62,39,.14),transparent);
}
#official-numbers-end + footer{
  margin-top:0!important;
}
@media(max-width:680px){
  #official-numbers-end{padding:24px 14px 18px!important}
  #official-numbers-end .official-numbers-card{border-radius:19px}
  #official-numbers-end .official-numbers-head{padding:18px 18px 15px}
  #official-numbers-end .official-numbers-head h2{font-size:1.08rem!important}
  #official-numbers-end .official-seal{width:36px;height:36px;border-width:4px;font-size:14px}
  #official-numbers-end .official-number-row{
    grid-template-columns:1fr;
    gap:11px;
    padding:16px 18px 18px;
    min-height:0;
  }
  #official-numbers-end .official-logo{min-height:46px;justify-content:flex-start;padding:8px 12px}
  #official-numbers-end .official-number-copy{grid-template-columns:1fr}
  #official-numbers-end .official-number-copy strong{
    grid-column:1;grid-row:auto;
    width:max-content;max-width:100%;
    font-size:1.02rem;
    padding:8px 11px;
    margin-top:4px;
  }
  #official-numbers-end .official-number-copy small{grid-column:1}
  #official-numbers-end .official-divider{margin:0 18px}
}

/* إزالة شعار القسم الثاني مع ضبط المساحة */
#about .section-logo, #about .about-logo, #about img { display:none !important; }
#about { padding-top: 48px !important; padding-bottom: 48px !important; }
#about .container { gap: 0 !important; }

/* إزالة اللوقو من القسم الثالث فقط */
#vision .vision-symbol, #vision .vision-image-wrap, #vision .vision-image { display:none !important; }
#vision .container.single { display:block; }

/* Remove decorative quotation symbols site-wide */
.quote::before, .quote::after, [class*="quote"]::before, [class*="quote"]::after { content: none !important; display: none !important; }

/* Decorative brand icons — elegant replacement for quotation-style ornaments */
.section-brand-icon{
  width:72px;
  height:72px;
  margin:0 auto 18px;
  display:grid;
  place-items:center;
  position:relative;
  isolation:isolate;
  border-radius:24px;
  background:linear-gradient(145deg,rgba(238,238,238,.92),rgba(230,228,221,.48));
  border:1px solid rgba(182,179,148,.55);
  box-shadow:0 16px 34px -24px rgba(31,33,26,.65), inset 0 1px 0 rgba(255,255,255,.8);
}
.section-brand-icon::before{
  content:"";
  position:absolute;
  inset:-7px;
  border:1px solid rgba(182,179,148,.22);
  border-radius:30px;
  z-index:-1;
}
.section-brand-icon::after{
  content:"";
  position:absolute;
  width:9px;
  height:9px;
  right:7px;
  top:7px;
  border-radius:50%;
  background:var(--gold);
  box-shadow:0 0 0 5px rgba(182,179,148,.10);
}
.section-brand-icon img{
  width:48px;
  height:48px;
  object-fit:contain;
  display:block;
  filter:drop-shadow(0 6px 8px rgba(31,33,26,.10));
}
#vision .section-brand-icon,
#mission .section-brand-icon{
  width:78px;
  height:78px;
  margin-bottom:20px;
}
#vision .section-brand-icon img,
#mission .section-brand-icon img{
  width:52px;
  height:52px;
}
.section.dark .section-brand-icon{
  background:rgba(255,255,255,.07);
  border-color:rgba(230,228,221,.24);
  box-shadow:0 16px 34px -24px rgba(0,0,0,.7), inset 0 1px 0 rgba(255,255,255,.08);
}
.section.dark .section-brand-icon::before{border-color:rgba(230,228,221,.12)}
@media(max-width:700px){
  .section-brand-icon{
    width:60px;
    height:60px;
    border-radius:20px;
    margin-bottom:14px;
  }
  .section-brand-icon img{width:40px;height:40px}
  #vision .section-brand-icon,
  #mission .section-brand-icon{width:64px;height:64px}
  #vision .section-brand-icon img,
  #mission .section-brand-icon img{width:44px;height:44px}
}

.partners-heading-mark{display:none!important;width:0!important;height:0!important;margin:0!important;padding:0!important;}

.about-mark{min-height:330px;display:grid;place-items:center;position:relative;overflow:hidden!important;background:linear-gradient(145deg,#e9e5d7,#fff)!important;}
.about-mark .replacement-brand-icon{width:min(230px,62%);height:auto;display:block;object-fit:contain;position:relative;z-index:2;filter:drop-shadow(0 18px 24px rgba(56,62,39,.12));transition:transform .35s ease,filter .35s ease;}
.about-mark:hover .replacement-brand-icon{transform:translateY(-4px) scale(1.02);filter:drop-shadow(0 22px 30px rgba(56,62,39,.16));}
@media(max-width:700px){.about-mark{min-height:240px}.about-mark .replacement-brand-icon{width:170px;max-width:58%;}}

/* New decorative icon */
.about-mark .replacement-brand-icon{width:min(210px,58%);height:auto;mix-blend-mode:multiply;filter:drop-shadow(0 12px 20px rgba(56,62,39,.10));border-radius:0;object-fit:contain;}
.about-mark:hover .replacement-brand-icon{transform:translateY(-3px) scale(1.015);filter:drop-shadow(0 16px 24px rgba(56,62,39,.14));}
@media(max-width:700px){.about-mark .replacement-brand-icon{width:155px;max-width:56%;}}

/* Requested replacement icon — clean presentation */
.about-mark .replacement-brand-icon{
  width:min(210px,58%) !important;
  height:auto !important;
  object-fit:contain !important;
  display:block !important;
  mix-blend-mode:multiply !important;
  filter:drop-shadow(0 12px 20px rgba(56,62,39,.10)) !important;
}
.section-brand-icon::after,
.section-brand-icon::before{
  display:none !important;
  content:none !important;
}
@media(max-width:700px){
  .about-mark .replacement-brand-icon{
    width:155px !important;
    max-width:56% !important;
  }
}

#official-numbers-end .official-numbers-head{justify-content:flex-start!important;}
#official-numbers-end .official-seal{display:none!important;}

/* القسم الثالث — زخرفة مائية ثابتة وواضحة جهة اليمين */
#services{
  position:relative !important;
  overflow:hidden !important;
  isolation:isolate !important;
}
#services .services-watermark-image{
  position:absolute !important;
  top:50% !important;
  right:-8px !important;
  width:auto !important;
  height:620px !important;
  max-width:none !important;
  min-width:120px !important;
  display:block !important;
  visibility:visible !important;
  opacity:.50 !important;
  z-index:1 !important;
  pointer-events:none !important;
  user-select:none !important;
  transform:translateY(-50%) !important;
  filter:none !important;
  mix-blend-mode:normal !important;
  mask-image:none !important;
  -webkit-mask-image:none !important;
}
#services .svc2-glow{z-index:0 !important;}
#services .svc2-inner{position:relative !important;z-index:2 !important;}
#services .services-title-watermark{display:none !important;}
@media(max-width:700px){
  #services .services-watermark-image{
    right:-6px !important;
    height:460px !important;
    opacity:.42 !important;
    z-index:1 !important;
  }
}

/* زخارف الصور: تبدأ من القسم الثالث وتظهر كعناصر خلفية فقط */
.decorated-section{
  position:relative!important;
  overflow:hidden!important;
  isolation:isolate;
}
.decorated-section > :not(.section-decoration){
  position:relative;
  z-index:2;
}
.section-decoration{
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  overflow:hidden;
}
.section-decoration img{
  position:absolute;
  width:clamp(150px,23vw,360px);
  height:auto;
  max-width:none;
  opacity:.16;
  filter:drop-shadow(0 18px 28px rgba(56,62,39,.08));
  user-select:none;
  -webkit-user-drag:none;
}
/* توزيع مختلف لكل قسم حتى لا تتكرر الزخرفة بنفس المكان */
#vision .section-decoration img{top:8%;left:3%;transform:rotate(-10deg)}
#mission .section-decoration img{bottom:7%;right:3%;transform:rotate(12deg)}
#goals .section-decoration img{top:14%;right:-2%;transform:rotate(-8deg)}
#values .section-decoration img{bottom:8%;left:2%;transform:rotate(9deg);opacity:.12;filter:brightness(2.4) saturate(.7)}
#services .section-decoration img{top:7%;left:1%;transform:rotate(-12deg);opacity:.13}
#brands .section-decoration img{bottom:6%;right:2%;transform:rotate(10deg);opacity:.14}
@media(max-width:900px){
  .section-decoration img{width:clamp(120px,35vw,240px);opacity:.11}
  #values .section-decoration img{opacity:.09}
}
@media(max-width:580px){
  .section-decoration img{width:150px;opacity:.08}
  #vision .section-decoration img{top:3%;left:-7%}
  #mission .section-decoration img{bottom:3%;right:-7%}
  #goals .section-decoration img{top:6%;right:-8%}
  #values .section-decoration img{bottom:3%;left:-8%}
  #services .section-decoration img{top:4%;left:-9%}
  #brands .section-decoration img{bottom:3%;right:-9%}
}

/* إصلاح نهائي: قص الزخارف من الفراغات الشفافة وإظهارها بوضوح */
.decorated-section{position:relative!important;overflow:hidden!important;isolation:isolate!important}
.section-decoration{position:absolute!important;inset:0!important;z-index:1!important;display:block!important;pointer-events:none!important}
.section-decoration img{position:absolute!important;display:block!important;width:clamp(210px,28vw,430px)!important;height:auto!important;max-width:none!important;opacity:.58!important;visibility:visible!important;filter:drop-shadow(0 10px 18px rgba(56,62,39,.12))!important;mix-blend-mode:multiply!important}
.decorated-section > :not(.section-decoration){position:relative!important;z-index:2!important}
#vision .section-decoration img{top:7%!important;left:4%!important;transform:rotate(-10deg)!important}
#mission .section-decoration img{bottom:6%!important;right:4%!important;transform:rotate(10deg)!important}
#goals .section-decoration img{top:10%!important;right:3%!important;transform:rotate(-8deg)!important}
#values .section-decoration img{bottom:7%!important;left:4%!important;transform:rotate(8deg)!important}
#services .section-decoration img{top:9%!important;left:3%!important;transform:rotate(-10deg)!important}
#brands .section-decoration img{bottom:7%!important;right:3%!important;transform:rotate(9deg)!important}
@media(max-width:700px){.section-decoration img{width:clamp(160px,48vw,260px)!important;opacity:.48!important}}

/* إصلاح فعلي للزخارف: الصور مقصوصة من المساحات الشفافة وتظهر فوق خلفية القسم وتحت المحتوى */
.decorated-section{position:relative!important;overflow:hidden!important;isolation:isolate!important}
.decorated-section>.section-decoration{position:absolute!important;inset:0!important;display:block!important;z-index:3!important;pointer-events:none!important;overflow:hidden!important}
.decorated-section>.section-decoration img{position:absolute!important;display:block!important;width:clamp(240px,24vw,420px)!important;height:auto!important;max-width:none!important;opacity:.72!important;visibility:visible!important;mix-blend-mode:normal!important;filter:drop-shadow(0 12px 20px rgba(0,0,0,.12))!important}
.decorated-section>:not(.section-decoration){position:relative!important;z-index:4!important}
#vision .section-decoration img{top:7%!important;left:4%!important;transform:rotate(-8deg)!important}
#mission .section-decoration img{bottom:7%!important;right:4%!important;transform:rotate(8deg)!important}
#goals .section-decoration img{top:9%!important;right:4%!important;transform:rotate(-7deg)!important}
#values .section-decoration img{bottom:8%!important;left:4%!important;transform:rotate(7deg)!important;opacity:.62!important}
#services .section-decoration img{top:8%!important;left:3%!important;transform:rotate(-8deg)!important;opacity:.68!important}
#brands .section-decoration img{bottom:7%!important;right:4%!important;transform:rotate(8deg)!important;opacity:.68!important}
@media(max-width:700px){
 .decorated-section>.section-decoration img{width:clamp(170px,48vw,270px)!important;opacity:.60!important}
}

/* ===== ATHAR SAR — Supplied image ornaments =====
   These decorations are built from the user's supplied artwork.
   They are intentionally subtle so they support the layout rather than compete with it.
*/
.decorated-section,
.hero,
.brands-section,
.clients-section,
#official-numbers-end {
  position:relative;
  isolation:isolate;
  overflow:hidden;
}

.decorated-section > *,
.hero > *,
.brands-section > *,
.clients-section > *,
#official-numbers-end > * {
  position:relative;
  z-index:2;
}

/* large circular geometric ornament */
.hero::before,
#values::after,
#contact::before,
#official-numbers-end::after {
  content:"";
  position:absolute;
  width:clamp(280px,38vw,620px);
  aspect-ratio:1;
  background-image:url("../assets/css-asset-23-309f6c3840.webp");
  background-size:contain;
  background-repeat:no-repeat;
  background-position:center;
  pointer-events:none;
  z-index:0;
  opacity:.055;
  filter:drop-shadow(0 0 22px rgba(230,228,221,.18));
}

.hero::before {
  right:-145px;
  top:-165px;
  transform:rotate(12deg);
  opacity:.075;
}

#values::after {
  left:-185px;
  bottom:-245px;
  transform:rotate(-18deg);
  opacity:.045;
}

#contact::before {
  right:-210px;
  bottom:-255px;
  transform:rotate(22deg);
  opacity:.05;
}

#official-numbers-end::after {
  left:-170px;
  top:-230px;
  transform:rotate(-12deg);
  opacity:.035;
}

/* sage metallic ornament — light sections */
#about::before,
#vision::after,
#goals::before,
#services::before,
#brands::after,
#clients::before {
  content:"";
  position:absolute;
  width:clamp(240px,34vw,520px);
  aspect-ratio:1;
  background-image:url("../assets/css-asset-24-2323c8450a.webp");
  background-size:contain;
  background-repeat:no-repeat;
  background-position:center;
  pointer-events:none;
  z-index:0;
  opacity:.065;
  filter:saturate(.82) contrast(.92);
}

#about::before {
  left:-180px;
  top:-125px;
  transform:rotate(-10deg);
  opacity:.075;
}

#vision::after {
  right:-190px;
  bottom:-185px;
  transform:rotate(16deg);
  opacity:.055;
}

#goals::before {
  right:-205px;
  top:-170px;
  transform:rotate(25deg);
  opacity:.045;
}

#services::before {
  left:-210px;
  bottom:-220px;
  transform:rotate(-20deg);
  opacity:.045;
}

#brands::after {
  right:-175px;
  top:-185px;
  transform:rotate(12deg);
  opacity:.055;
}

#clients::before {
  left:-180px;
  bottom:-185px;
  transform:rotate(-14deg);
  opacity:.045;
}

/* small two-line corner motif from the supplied artwork */
#about::after,
#mission::before,
#vision::before,
#goals::after,
#services::after,
#brands::before,
#clients::after,
#contact::after {
  content:"";
  position:absolute;
  width:clamp(90px,10vw,170px);
  height:clamp(90px,10vw,170px);
  background-image:url("../assets/css-asset-25-cafc5e872c.webp");
  background-size:contain;
  background-repeat:no-repeat;
  background-position:center;
  pointer-events:none;
  z-index:1;
  opacity:.22;
}

#about::after {
  right:3%;
  bottom:5%;
  transform:rotate(-8deg);
}

#vision::before {
  left:3%;
  top:6%;
  transform:rotate(180deg);
}

#mission::before {
  right:4%;
  top:8%;
  transform:rotate(90deg);
}

#goals::after {
  left:4%;
  bottom:7%;
  transform:rotate(-90deg);
}

#services::after {
  right:3%;
  top:7%;
  opacity:.16;
}

#brands::before {
  left:3%;
  bottom:7%;
  transform:rotate(180deg);
  opacity:.18;
}

#clients::after {
  right:3%;
  top:7%;
  transform:rotate(90deg);
  opacity:.16;
}

#contact::after {
  left:4%;
  top:7%;
  transform:rotate(-90deg);
  opacity:.18;
}

/* thin decorative rings around section headings — image-inspired, not intrusive */
.decorated-section .section-head,
.services-panel-head,
.clients-header {
  position:relative;
  z-index:3;
}

.decorated-section .section-head::before,
.services-panel-head::before,
.clients-header::before {
  content:"";
  position:absolute;
  width:74px;
  height:74px;
  border:1px solid rgba(182,179,148,.22);
  border-radius:50%;
  right:50%;
  top:50%;
  transform:translate(50%,-50%);
  pointer-events:none;
  z-index:-1;
}

@media(max-width:700px){
  .hero::before,
  #values::after,
  #contact::before,
  #official-numbers-end::after {
    width:280px;
  }
  #about::before,
  #vision::after,
  #goals::before,
  #services::before,
  #brands::after,
  #clients::before {
    width:240px;
  }
  #about::after,
  #mission::before,
  #vision::before,
  #goals::after,
  #services::after,
  #brands::before,
  #clients::after,
  #contact::after {
    width:82px;
    height:82px;
    opacity:.14;
  }
  .decorated-section .section-head::before,
  .services-panel-head::before,
  .clients-header::before {
    width:58px;
    height:58px;
  }
}

@media(prefers-reduced-motion:reduce){
  .hero::before,
  #values::after,
  #contact::before,
  #official-numbers-end::after,
  #about::before,
  #vision::after,
  #goals::before,
  #services::before,
  #brands::after,
  #clients::before {
    transform:none!important;
  }
}

/* ATHAR SAR — Professional decorative art direction */
:root{--orn-white:url("../assets/css-asset-26-4dd9ef4901.webp");--orn-sage:url("../assets/css-asset-27-91108a859a.webp");--orn-corner:url("../assets/css-asset-28-803a5cf0cd.png")}

/* Remove the earlier oversized/background ornament layers so the supplied artwork has one clear visual role. */
#home::before,#about::before,#about::after,#vision::before,#vision::after,#mission::before,#goals::before,#goals::after,#services::before,#services::after,#brands::before,#brands::after,#clients::before,#clients::after,#contact::before,#contact::after,#values::after,#official-numbers-end::after{background-image:none!important;content:none!important}
/* FIXED: do not hide the real section decoration */

/* Every ornament sits outside the content column and is clipped by its section. */
.hero,.section,.svc2,.brands-section,.clients-section,#contact{isolation:isolate;overflow:hidden}
.hero>*,.section>*,.svc2>*,.brands-section>*,.clients-section>*,#contact>*{position:relative;z-index:2}

/* Large signature medallion */
.hero::after,.section.alt::before,.section:not(.alt):not(.dark)::after,.svc2::before,.brands-section::after,.clients-section::before{
  content:"";position:absolute;pointer-events:none;z-index:0;
  background-repeat:no-repeat;background-size:contain;background-position:center;
  opacity:.16;will-change:transform;
  animation:atharOrnamentFloat 18s ease-in-out infinite;
}
.hero::after{
  width:clamp(360px,43vw,680px);height:clamp(360px,43vw,680px);
  right:-230px;top:12%;background-image:var(--orn-white);opacity:.10;
  transform:rotate(10deg);
}
.section.alt::before{
  width:clamp(330px,39vw,610px);height:clamp(330px,39vw,610px);
  left:-245px;top:10%;background-image:var(--orn-sage);opacity:.11;
  transform:rotate(-8deg);
}
.section:not(.alt):not(.dark)::after{
  width:clamp(290px,34vw,520px);height:clamp(290px,34vw,520px);
  right:-220px;bottom:-170px;background-image:var(--orn-sage);opacity:.095;
  transform:rotate(12deg);
}
.svc2::before{
  width:clamp(360px,40vw,600px);height:clamp(360px,40vw,600px);
  left:-255px;bottom:-205px;background-image:var(--orn-sage);opacity:.075;
  transform:rotate(-13deg);
}
.brands-section::after{
  width:clamp(320px,36vw,560px);height:clamp(320px,36vw,560px);
  right:-210px;top:-170px;background-image:var(--orn-sage);opacity:.085;
  transform:rotate(14deg);
}
.clients-section::before{
  width:clamp(320px,35vw,540px);height:clamp(320px,35vw,540px);
  left:-215px;bottom:-170px;background-image:var(--orn-sage);opacity:.07;
  transform:rotate(-9deg);
}

/* Dark sections get the white artwork, but only as a soft architectural watermark. */
.section.dark::before,#contact::before{
  content:"";position:absolute;pointer-events:none;z-index:0;
  width:clamp(340px,40vw,620px);height:clamp(340px,40vw,620px);
  background:var(--orn-white) center/contain no-repeat;
  opacity:.055;
  animation:atharOrnamentFloat 20s ease-in-out infinite reverse;
}
.section.dark::before{left:-230px;top:-155px;transform:rotate(-11deg)}
#contact::before{right:-235px;bottom:-180px;transform:rotate(15deg)}

/* Elegant corner signature — inspired by the supplied two-line motif. */
.about-grid::before,.section-head::after,.services-panel-head::after,.clients-header::after{
  content:"";position:absolute;pointer-events:none;z-index:0;
  width:clamp(82px,9vw,145px);height:clamp(98px,11vw,165px);
  background:var(--orn-corner) center/contain no-repeat;
  opacity:.16;
}
.about-grid{position:relative}
.about-grid::before{left:-35px;bottom:-42px;transform:rotate(-12deg)}
.section-head::after{right:-35px;top:-45px;transform:rotate(180deg);opacity:.12}
.services-panel-head,.clients-header{position:relative}
.services-panel-head::after{left:-30px;top:-35px;transform:rotate(-8deg);opacity:.13}
.clients-header::after{right:-30px;top:-35px;transform:rotate(172deg);opacity:.12}

/* Heading treatment: the ornament should frame, never compete with, the title. */
.section-head h2,.services-panel-head h2,.clients-header h2{position:relative;z-index:2}
.section-head h2::after,.services-panel-head h2::after,.clients-header h2::after{
  content:"";display:block;width:54px;height:2px;margin:15px auto 0;
  background:linear-gradient(90deg,transparent,var(--gold),transparent);
  opacity:.75;
}

@keyframes atharOrnamentFloat{
  0%,100%{translate:0 0;}
  50%{translate:0 -12px;}
}

@media(max-width:900px){
  .hero::after,.section.alt::before,.section:not(.alt):not(.dark)::after,.svc2::before,.brands-section::after,.clients-section::before, .section.dark::before,#contact::before{opacity:.055}
  .about-grid::before,.section-head::after,.services-panel-head::after,.clients-header::after{opacity:.09}
}
@media(max-width:580px){
  .hero::after,.section.alt::before,.section:not(.alt):not(.dark)::after,.svc2::before,.brands-section::after,.clients-section::before,.section.dark::before,#contact::before{width:300px;height:300px}
  .hero::after{right:-175px;top:7%}
  .section.alt::before{left:-185px;top:7%}
  .section:not(.alt):not(.dark)::after{right:-175px;bottom:-125px}
  .svc2::before{left:-180px;bottom:-120px}
  .brands-section::after{right:-170px;top:-125px}
  .clients-section::before{left:-170px;bottom:-125px}
  .section.dark::before{left:-175px;top:-120px}
  #contact::before{right:-180px;bottom:-125px}
  .about-grid::before,.section-head::after,.services-panel-head::after,.clients-header::after{width:70px;height:85px;opacity:.07}
}
@media(prefers-reduced-motion:reduce){
  .hero::after,.section.alt::before,.section:not(.alt):not(.dark)::after,.svc2::before,.brands-section::after,.clients-section::before,.section.dark::before,#contact::before{animation:none!important}
}

/* ===== أثر سار — Professional ornament system across ALL sections ===== */
:root{--as-ornament-light:url("../assets/css-asset-29-06a228d62a.png");--as-ornament-dark:url("../assets/css-asset-30-e676f4d144.png")}
.hero,#about,#vision,#mission,#goals,#values,#services,#brands,#clients,#contact,#official-numbers-end{position:relative;isolation:isolate;overflow:hidden}
/* Keep existing supplied decorations untouched; these are additional framing ornaments only. */
#home>.universal-ornament,#about>.universal-ornament,#clients>.universal-ornament,#contact>.universal-ornament,#official-numbers-end>.universal-ornament{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.universal-ornament::before,.universal-ornament::after{content:"";position:absolute;display:block;background-repeat:no-repeat;background-size:contain;opacity:.20;will-change:transform}
#home>.universal-ornament::before,#contact>.universal-ornament::before,#official-numbers-end>.universal-ornament::before{background-image:var(--as-ornament-dark);width:clamp(240px,32vw,520px);height:clamp(240px,32vw,520px);right:-150px;top:-110px;transform:rotate(8deg)}
#home>.universal-ornament::after,#contact>.universal-ornament::after,#official-numbers-end>.universal-ornament::after{background-image:var(--as-ornament-dark);width:clamp(180px,24vw,360px);height:clamp(180px,24vw,360px);left:-120px;bottom:-130px;opacity:.13;transform:rotate(-14deg)}
#about>.universal-ornament::before,#clients>.universal-ornament::before{background-image:var(--as-ornament-light);width:clamp(260px,34vw,500px);height:clamp(260px,34vw,500px);left:-170px;top:-100px;opacity:.12;transform:rotate(-10deg)}
#about>.universal-ornament::after,#clients>.universal-ornament::after{background-image:var(--as-ornament-light);width:clamp(190px,25vw,360px);height:clamp(190px,25vw,360px);right:-100px;bottom:-110px;opacity:.10;transform:rotate(14deg)}
/* Elegant edge accents around the section titles */
#about::before,#vision::before,#mission::before,#goals::before,#values::before,#services::before,#brands::before,#clients::before,#contact::before{content:"";position:absolute;top:7%;right:2.5%;width:clamp(70px,9vw,135px);height:clamp(70px,9vw,135px);border:1px solid rgba(182,179,148,.18);border-radius:42% 58% 55% 45%;transform:rotate(18deg);pointer-events:none;z-index:0}
#about::after,#vision::after,#mission::after,#goals::after,#values::after,#services::after,#brands::after,#clients::after,#contact::after{content:"";position:absolute;bottom:6%;left:3%;width:clamp(45px,6vw,90px);height:clamp(45px,6vw,90px);border:1px solid rgba(182,179,148,.13);border-radius:50%;pointer-events:none;z-index:0}
#home>.container,#about>.container,#vision>.container,#mission>.container,#goals>.container,#values>.container,#services>.container,#brands>.container,#clients>.clients-shell,#contact>.container,#official-numbers-end>*{position:relative;z-index:2}
@keyframes asOrnamentDrift{0%,100%{transform:translate3d(0,0,0) rotate(8deg)}50%{transform:translate3d(0,-8px,0) rotate(11deg)}}
#home>.universal-ornament::before,#about>.universal-ornament::before,#clients>.universal-ornament::before{animation:asOrnamentDrift 13s ease-in-out infinite}
@media(max-width:700px){
 .universal-ornament::before{opacity:.12!important}
 .universal-ornament::after{opacity:.07!important}
 #about::before,#vision::before,#mission::before,#goals::before,#values::before,#services::before,#brands::before,#clients::before,#contact::before{right:-35px;top:4%;width:72px;height:72px}
 #about::after,#vision::after,#mission::after,#goals::after,#values::after,#services::after,#brands::after,#clients::after,#contact::after{left:-20px;bottom:4%;width:48px;height:48px}
}
@media(prefers-reduced-motion:reduce){#home>.universal-ornament::before,#about>.universal-ornament::before,#clients>.universal-ornament::before{animation:none}}

footer{position:relative;overflow:hidden}footer::after{content:"";position:absolute;width:170px;height:170px;right:-65px;bottom:-85px;background:var(--as-ornament-dark);background-size:contain;background-repeat:no-repeat;opacity:.08;pointer-events:none}footer>*{position:relative;z-index:1}

/* ===== ATHAR SAR — Final premium ornament direction ===== */
:root{--orn-light:url("../assets/css-asset-23-309f6c3840.webp");--orn-dark:url("../assets/css-asset-24-2323c8450a.webp")}
/* Remove previous decorative pseudo-layers; the system below is the single source of ornamentation. */
#home::before,#home::after,#about::before,#about::after,#vision::before,#vision::after,#mission::before,#mission::after,#goals::before,#goals::after,#values::before,#values::after,#services::before,#services::after,#brands::before,#brands::after,#clients::before,#clients::after,#contact::before,#contact::after,#official-numbers-end::before,#official-numbers-end::after,
.about-grid::before,.section-head::after,.services-panel-head::after,.clients-header::after{content:none!important;background:none!important;box-shadow:none!important}
/* Every section is an ornament canvas. */
#home,#about,#vision,#mission,#goals,#values,#services,#brands,#clients,#contact,#official-numbers-end{position:relative;isolation:isolate;overflow:hidden}
#home>*,#about>*,#vision>*,#mission>*,#goals>*,#values>*,#services>*,#brands>*,#clients>*,#contact>*,#official-numbers-end>*{position:relative;z-index:2}
/* Shared ornament construction */
#home .ornament,#about .ornament,#vision .ornament,#mission .ornament,#goals .ornament,#values .ornament,#services .ornament,#brands .ornament,#clients .ornament,#contact .ornament{display:none}
#home:after,#about:after,#vision:after,#mission:after,#goals:after,#values:after,#services:after,#brands:after,#clients:after,#contact:after{content:"";position:absolute;z-index:0;pointer-events:none;background-repeat:no-repeat;background-size:contain;background-position:center;will-change:transform;animation:asOrnamentDrift 16s ease-in-out infinite}
/* DARK SECTIONS → LIGHT ORNAMENT */
#home:after,#values:after,#services:after,#clients:after,#contact:after{background-image:var(--orn-light);filter:none;opacity:.16}
#home:after{width:clamp(330px,42vw,650px);height:clamp(330px,42vw,650px);left:-235px;top:6%;transform:rotate(-12deg)}
#values:after{width:clamp(300px,38vw,570px);height:clamp(300px,38vw,570px);right:-220px;top:-150px;transform:rotate(8deg);opacity:.13}
#services:after{width:clamp(340px,42vw,620px);height:clamp(340px,42vw,620px);left:-245px;bottom:-245px;transform:rotate(-10deg);opacity:.14}
#clients:after{width:clamp(300px,36vw,540px);height:clamp(300px,36vw,540px);right:-210px;bottom:-190px;transform:rotate(14deg);opacity:.12}
#contact:after{width:clamp(300px,37vw,560px);height:clamp(300px,37vw,560px);left:-215px;top:-190px;transform:rotate(-16deg);opacity:.10}
/* LIGHT SECTIONS → DARK / SAGE ORNAMENT */
#about:after,#vision:after,#mission:after,#goals:after,#brands:after{background-image:var(--orn-dark);opacity:.15}
#about:after{width:clamp(310px,39vw,590px);height:clamp(310px,39vw,590px);right:-235px;top:7%;transform:rotate(12deg)}
#vision:after{width:clamp(280px,34vw,520px);height:clamp(280px,34vw,520px);left:-205px;bottom:-185px;transform:rotate(-12deg);opacity:.12}
#mission:after{width:clamp(310px,38vw,570px);height:clamp(310px,38vw,570px);right:-225px;bottom:-220px;transform:rotate(16deg);opacity:.13}
#goals:after{width:clamp(270px,33vw,500px);height:clamp(270px,33vw,500px);left:-205px;top:-155px;transform:rotate(-7deg);opacity:.11}
#brands:after{width:clamp(290px,35vw,520px);height:clamp(290px,35vw,520px);right:-210px;top:-170px;transform:rotate(9deg);opacity:.12}
/* A second, smaller signature mark gives each section depth without crowding the content. */
#home:before,#about:before,#vision:before,#mission:before,#goals:before,#values:before,#services:before,#brands:before,#clients:before,#contact:before{content:"";position:absolute;z-index:0;pointer-events:none;width:105px;height:105px;border-radius:50%;border:1px solid rgba(182,179,148,.22);box-shadow:0 0 0 13px rgba(182,179,148,.035),0 0 0 26px rgba(182,179,148,.018)}
#home:before,#values:before,#services:before,#clients:before,#contact:before{left:4%;bottom:13%}
#about:before,#vision:before,#mission:before,#goals:before,#brands:before{right:4%;top:13%}
@keyframes asOrnamentDrift{0%,100%{translate:0 0;scale:1}50%{translate:0 -9px;scale:1.012}}
@media(max-width:900px){
#home:after,#about:after,#vision:after,#mission:after,#goals:after,#values:after,#services:after,#brands:after,#clients:after,#contact:after{opacity:.09!important;width:330px;height:330px}
#home:after{left:-205px;top:5%} #about:after{right:-205px;top:8%} #vision:after{left:-185px;bottom:-130px} #mission:after{right:-190px;bottom:-135px} #goals:after{left:-185px;top:-110px} #values:after{right:-190px;top:-110px} #services:after{left:-195px;bottom:-145px} #brands:after{right:-185px;top:-120px} #clients:after{right:-185px;bottom:-125px} #contact:after{left:-185px;top:-125px}
#home:before,#about:before,#vision:before,#mission:before,#goals:before,#values:before,#services:before,#brands:before,#clients:before,#contact:before{width:72px;height:72px}
}
@media(max-width:580px){
#home:after,#about:after,#vision:after,#mission:after,#goals:after,#values:after,#services:after,#brands:after,#clients:after,#contact:after{width:260px;height:260px;opacity:.075!important}
#home:after{left:-155px;top:4%} #about:after{right:-155px;top:8%} #vision:after{left:-150px;bottom:-100px} #mission:after{right:-155px;bottom:-105px} #goals:after{left:-150px;top:-95px} #values:after{right:-155px;top:-95px} #services:after{left:-155px;bottom:-110px} #brands:after{right:-150px;top:-100px} #clients:after{right:-150px;bottom:-100px} #contact:after{left:-150px;top:-100px}
#home:before,#about:before,#vision:before,#mission:before,#goals:before,#values:before,#services:before,#brands:before,#clients:before,#contact:before{display:none}
}
@media(prefers-reduced-motion:reduce){#home:after,#about:after,#vision:after,#mission:after,#goals:after,#values:after,#services:after,#brands:after,#clients:after,#contact:after{animation:none!important}}

/* FINAL VISIBLE FLORAL ORNAMENTS */
.new-ornament, .universal-ornament{display:none!important;}
.as-real-ornament{position:absolute!important;inset:0!important;z-index:1!important;pointer-events:none!important;overflow:hidden!important;}
.as-real-ornament img{position:absolute!important;display:block!important;width:clamp(230px,29vw,440px)!important;height:auto!important;max-width:none!important;opacity:.78!important;filter:none!important;mix-blend-mode:normal!important;}
.as-real-ornament.light img{content:url("../assets/css-asset-23-309f6c3840.webp");}
.as-real-ornament.dark img{content:url("../assets/css-asset-24-2323c8450a.webp");}
.as-real-ornament .one{top:-105px!important;}
.as-real-ornament .two{bottom:-125px!important;}
.as-real-ornament .right{right:-125px!important;transform:rotate(9deg)!important;}
.as-real-ornament .left{left:-125px!important;transform:rotate(-9deg)!important;}
/* Dark backgrounds: light ornament */
#home,#vision,#goals,#services,#clients,#contact{position:relative!important;isolation:isolate!important;overflow:hidden!important;}
#home>.as-real-ornament,#vision>.as-real-ornament,#goals>.as-real-ornament,#services>.as-real-ornament,#clients>.as-real-ornament,#contact>.as-real-ornament{display:block!important;}
/* Light backgrounds: dark Sage ornament */
#about,#mission,#values,#brands,#official-numbers-end{position:relative!important;isolation:isolate!important;overflow:hidden!important;}
#about>.as-real-ornament,#mission>.as-real-ornament,#values>.as-real-ornament,#brands>.as-real-ornament,#official-numbers-end>.as-real-ornament{display:block!important;}
#home>.container,#vision>.container,#goals>.container,#services>.services-merged-shell,#clients>.clients-shell,#contact>.container,
#about>.container,#mission>.container,#values>.container,#brands>.brands-shell,#official-numbers-end>.official-numbers-card{position:relative!important;z-index:5!important;}
@media(max-width:700px){
 .as-real-ornament img{width:245px!important;opacity:.62!important;}
 .as-real-ornament .one{top:-65px!important;}
 .as-real-ornament .two{bottom:-80px!important;}
 .as-real-ornament .left{left:-105px!important;}
 .as-real-ornament .right{right:-105px!important;}
}

/* ===== Premium unified official-data section ===== */
#official-numbers-end.official-premium-section{
  position:relative!important; isolation:isolate!important; overflow:hidden!important;
  width:100%; min-height:0; padding:82px 4.5% 88px!important;
  background:
    radial-gradient(circle at 12% 18%,rgba(196,166,91,.10),transparent 28%),
    radial-gradient(circle at 88% 80%,rgba(196,166,91,.08),transparent 30%),
    linear-gradient(145deg,#062f32 0%,#08282b 48%,#051f22 100%)!important;
  color:#f4f0e7;
}
#official-numbers-end .official-premium-shell{
  width:min(1180px,100%); margin:auto; position:relative; z-index:3;
  padding:44px 52px 48px; border:1px solid rgba(214,185,111,.48);
  border-radius:34px; background:linear-gradient(145deg,rgba(24,61,61,.74),rgba(4,34,37,.78));
  box-shadow:0 30px 80px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.08);
  backdrop-filter:blur(14px); -webkit-backdrop-filter:blur(14px);
}
#official-numbers-end .official-premium-shell:before{
  content:""; position:absolute; inset:10px; border:1px solid rgba(255,255,255,.055); border-radius:27px; pointer-events:none;
}
#official-numbers-end .official-premium-head{text-align:center; position:relative; margin-bottom:34px;}
#official-numbers-end .official-premium-head h2{
  display:inline-block; margin:0 20px; color:#f4d68c; font-size:clamp(30px,4vw,46px); line-height:1.2; font-weight:900; letter-spacing:-.6px;
}
#official-numbers-end .official-premium-head p{margin:12px auto 0;color:rgba(240,241,232,.72);font-size:15px;line-height:1.9;max-width:760px}
#official-numbers-end .official-head-line{display:inline-block;width:110px;height:1px;vertical-align:middle;background:linear-gradient(90deg,transparent,#d6b96f,transparent);}
#official-numbers-end .official-premium-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-bottom:20px;}
#official-numbers-end .official-premium-number{
  min-height:150px; display:flex; flex-direction:row-reverse; align-items:center; gap:22px;
  padding:24px 28px; border:1px solid rgba(214,185,111,.38); border-radius:25px;
  background:linear-gradient(135deg,rgba(12,52,53,.94),rgba(6,39,42,.72));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 14px 30px rgba(0,0,0,.14);
}
#official-numbers-end .official-premium-icon{width:76px;height:76px;flex:0 0 76px;display:grid;place-items:center;border-radius:22px;border:1px solid rgba(214,185,111,.4);color:#f0ce79;background:linear-gradient(145deg,rgba(214,185,111,.09),rgba(255,255,255,.025));box-shadow:inset 0 0 0 1px rgba(255,255,255,.03)}
#official-numbers-end .official-premium-icon svg{width:45px;height:45px}
#official-numbers-end .official-premium-copy{flex:1;text-align:right}
#official-numbers-end .official-premium-copy span{display:block;color:#fff;font-weight:800;font-size:20px;margin-bottom:9px}
#official-numbers-end .official-premium-copy strong{display:block;color:#f1cd76;font-size:27px;line-height:1.15;letter-spacing:1px;font-weight:900}
#official-numbers-end .official-premium-copy small{display:block;color:rgba(238,240,232,.52);font-size:12px;margin-top:7px}
#official-numbers-end .official-premium-register{
  min-height:245px; display:grid; grid-template-columns:240px 1px minmax(0,1fr); align-items:center; gap:34px;
  padding:28px 36px; border:1px solid rgba(214,185,111,.42); border-radius:27px;
  background:linear-gradient(135deg,rgba(17,57,58,.96),rgba(5,39,42,.78));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045),0 18px 36px rgba(0,0,0,.16);
}
#official-numbers-end .official-qr-wrap{text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px}
#official-numbers-end .official-qr-frame{width:176px;height:176px;padding:10px;border-radius:24px;background:#fff;border:1px solid #d6b96f;box-shadow:0 10px 30px rgba(0,0,0,.24)}
#official-numbers-end .official-qr-frame img{display:block;width:100%;height:100%;object-fit:contain;border-radius:13px}
#official-numbers-end .official-qr-wrap>span{color:#d6b96f;font-size:12px;font-weight:700}
#official-numbers-end .official-register-divider{height:150px;width:1px;background:linear-gradient(transparent,rgba(214,185,111,.7),transparent)}
#official-numbers-end .official-register-copy{text-align:right;padding-right:8px}
#official-numbers-end .official-register-kicker{display:block;color:#f1cf7d;font-size:34px;font-weight:900;line-height:1.2;margin-bottom:15px}
#official-numbers-end .official-register-copy h3{margin:0;color:#fff;font-size:22px;line-height:1.8;font-weight:800}
#official-numbers-end .official-register-copy p{margin:8px 0 0;color:rgba(237,240,233,.55);font-size:16px;line-height:1.8}
#official-numbers-end .official-premium-glow{position:absolute;border-radius:50%;filter:blur(5px);pointer-events:none;z-index:1}
#official-numbers-end .official-glow-a{width:280px;height:280px;right:-120px;top:30px;background:radial-gradient(circle,rgba(214,185,111,.12),transparent 68%)}
#official-numbers-end .official-glow-b{width:330px;height:330px;left:-150px;bottom:-120px;background:radial-gradient(circle,rgba(214,185,111,.09),transparent 68%)}
@media(max-width:820px){
  #official-numbers-end.official-premium-section{padding:58px 4% 64px!important}
  #official-numbers-end .official-premium-shell{padding:32px 22px 26px;border-radius:26px}
  #official-numbers-end .official-premium-grid{grid-template-columns:1fr}
  #official-numbers-end .official-premium-register{grid-template-columns:1fr;gap:22px;padding:25px 20px}
  #official-numbers-end .official-register-divider{width:100%;height:1px;background:linear-gradient(90deg,transparent,rgba(214,185,111,.7),transparent)}
  #official-numbers-end .official-register-copy{text-align:center;padding:0}
}
@media(max-width:520px){
  #official-numbers-end .official-head-line{width:45px}
  #official-numbers-end .official-premium-head h2{font-size:29px;margin:0 9px}
  #official-numbers-end .official-premium-head p{font-size:13px}
  #official-numbers-end .official-premium-number{min-height:125px;padding:18px;gap:15px;border-radius:20px}
  #official-numbers-end .official-premium-icon{width:61px;height:61px;flex-basis:61px;border-radius:17px}
  #official-numbers-end .official-premium-icon svg{width:36px;height:36px}
  #official-numbers-end .official-premium-copy span{font-size:16px}
  #official-numbers-end .official-premium-copy strong{font-size:20px}
  #official-numbers-end .official-premium-copy small{font-size:10px}
  #official-numbers-end .official-qr-frame{width:150px;height:150px}
  #official-numbers-end .official-register-kicker{font-size:28px}
  #official-numbers-end .official-register-copy h3{font-size:18px}
  #official-numbers-end .official-register-copy p{font-size:13px}
}

/* إصلاح فعلي لمشاكل تخطيط سطح المكتب — لا يغيّر تصميم الجوال */
@media (min-width:901px){
  html,body{width:100%;max-width:100%;overflow-x:hidden}
  *{box-sizing:border-box}

  /* التواصل: شبكة متوازنة بدون فراغات عمودية مصطنعة */
  #contact.section{
    padding:76px 0 72px !important;
    min-height:0 !important;
    height:auto !important;
  }
  #contact .container{
    height:auto !important;
    min-height:0 !important;
  }
  #contact .contact-grid{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
    gap:38px !important;
    align-items:start !important;
    height:auto !important;
    min-height:0 !important;
  }
  #contact .contact-title,
  #contact .contact-list,
  #contact .contact-form,
  #contact .contact-item,
  #contact .mini-contact-form{
    height:auto !important;
    min-height:0 !important;
  }
  #contact .contact-title{
    padding:38px !important;
  }
  #contact .contact-list{
    margin:0 !important;
  }
  #contact .contact-item{
    margin-bottom:14px !important;
  }
  #contact .contact-item:last-child{margin-bottom:0 !important}

  /* البيانات النظامية: لا تترك مساحة أسفل المحتوى */
  #official-numbers-end.official-premium-section{
    min-height:0 !important;
    height:auto !important;
    padding:58px 4.5% 62px !important;
  }
  #official-numbers-end .official-premium-shell{
    height:auto !important;
    min-height:0 !important;
  }
  #official-numbers-end .official-premium-head{margin-bottom:26px !important}
  #official-numbers-end .official-premium-register{margin-top:24px !important}

  /* منع أي حاوية عامة من فرض ارتفاع الشاشة على الأقسام */
  #services .container,
  #contact .container,
  #services .svc2-inner,
  #contact .contact-grid{
    max-height:none !important;
  }
}

/* =========================================================
   ATHAR SAR — Desktop compatibility hard fix
   Fixes collapsed RTL columns / vertical Arabic text.
   Does not alter the mobile layout.
   ========================================================= */
@media (min-width:821px){
  html,body{width:100%;max-width:100%;overflow-x:hidden;}
  #official-numbers-end,
  #official-numbers-end *{box-sizing:border-box;}

  /* Never allow the official section to inherit a narrow writing flow. */
  #official-numbers-end,
  #official-numbers-end .official-premium-shell,
  #official-numbers-end .official-premium-head,
  #official-numbers-end .official-premium-grid,
  #official-numbers-end .official-premium-number,
  #official-numbers-end .official-premium-copy,
  #official-numbers-end .official-premium-register,
  #official-numbers-end .official-register-copy{
    writing-mode:horizontal-tb !important;
    text-orientation:mixed !important;
  }

  /* Keep the two identifier cards as real, equal-width columns. */
  #official-numbers-end .official-premium-grid{
    width:100% !important;
    display:grid !important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
    align-items:stretch !important;
  }
  #official-numbers-end .official-premium-number{
    width:100% !important;
    min-width:0 !important;
    min-height:150px !important;
    display:flex !important;
    flex-direction:row-reverse !important;
    align-items:center !important;
  }
  #official-numbers-end .official-premium-copy{
    min-width:0 !important;
    width:auto !important;
    flex:1 1 auto !important;
    text-align:right !important;
    white-space:normal !important;
    overflow:visible !important;
    word-break:normal !important;
    overflow-wrap:break-word !important;
  }
  #official-numbers-end .official-premium-copy span,
  #official-numbers-end .official-premium-copy strong,
  #official-numbers-end .official-premium-copy small{
    display:block !important;
    width:100% !important;
    white-space:normal !important;
  }

  /* Registration card: explicit desktop columns prevent the text column
     from collapsing to a few pixels (the cause of one-letter-per-line text). */
  #official-numbers-end .official-premium-register{
    width:100% !important;
    min-width:0 !important;
    display:grid !important;
    grid-template-columns:220px 1px minmax(0,1fr) !important;
    align-items:center !important;
    gap:28px !important;
    direction:ltr !important;
  }
  #official-numbers-end .official-qr-wrap{
    grid-column:1 !important;
    width:220px !important;
    min-width:0 !important;
    justify-self:center !important;
  }
  #official-numbers-end .official-register-divider{
    grid-column:2 !important;
    width:1px !important;
    height:150px !important;
    justify-self:center !important;
  }
  #official-numbers-end .official-register-copy{
    grid-column:3 !important;
    width:100% !important;
    min-width:0 !important;
    padding:0 !important;
    text-align:right !important;
    direction:rtl !important;
    white-space:normal !important;
    overflow:visible !important;
  }
  #official-numbers-end .official-register-copy *{
    writing-mode:horizontal-tb !important;
    max-width:100% !important;
    white-space:normal !important;
    word-break:normal !important;
    overflow-wrap:break-word !important;
  }
  #official-numbers-end .official-register-kicker{
    display:block !important;
    width:100% !important;
    font-size:clamp(28px,2.4vw,34px) !important;
    line-height:1.25 !important;
  }
  #official-numbers-end .official-register-copy h3{
    display:block !important;
    width:100% !important;
    font-size:clamp(18px,1.55vw,22px) !important;
    line-height:1.8 !important;
  }
  #official-numbers-end .official-register-copy p{
    display:block !important;
    width:100% !important;
    font-size:clamp(14px,1.15vw,16px) !important;
    line-height:1.8 !important;
  }

  /* Keep the section itself compact and centered on wide monitors. */
  #official-numbers-end.official-premium-section{
    width:100% !important;
    min-height:0 !important;
    height:auto !important;
    overflow:hidden !important;
  }
  #official-numbers-end .official-premium-shell{
    width:min(1180px,100%) !important;
    max-width:1180px !important;
    margin-left:auto !important;
    margin-right:auto !important;
    min-width:0 !important;
  }
}

@media (min-width:901px){
html,body{overflow-x:hidden!important;width:100%!important;min-width:0!important}
.container{width:min(1180px,calc(100% - 48px))!important;max-width:1180px!important;margin-inline:auto!important}
.section{min-height:0!important}
#services{padding-top:64px!important;padding-bottom:64px!important}
#services .services-panel,#services .services-merged-shell,#services .svc2-inner{min-height:0!important}
#services .admin-premium-grid,#services .services-reference-grid{row-gap:28px!important}
#services .service-track-block{margin-bottom:24px!important}
#services .reference-service,#services .admin-premium-card{min-height:0!important}
#contact{padding-top:64px!important;padding-bottom:64px!important}
#contact .contact-grid{align-items:start!important;min-height:0!important}
#contact .contact-title{height:auto!important;min-height:0!important;align-self:start!important}
#contact .contact-list{height:auto!important;min-height:0!important}
#contact .contact-item{min-height:0!important}
#contact .official-documents,#contact .official-unified-card-premium{height:auto!important;min-height:0!important}
#contact .official-premium-records{min-height:0!important}
#contact .official-premium-record{min-height:0!important}
}

/* إزالة النقاط الزخرفية الصغيرة حول أيقونات الأقسام */
.section-brand-icon::after{
  content:none !important;
  display:none !important;
}

/* تثبيت شعار القسم الأول كتصميم بطاقة وعدم تحويله إلى دائرة */
#home .hero-logo-frame{
  width:min(430px,78vw)!important;
  min-height:360px!important;
  aspect-ratio:4 / 3;
  padding:clamp(24px,4vw,45px)!important;
  border-radius:28px!important;
  transform:none!important;
  background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(231,228,221,.90))!important;
  box-shadow:
    0 45px 90px -45px rgba(0,0,0,.75),
    inset 0 1px 0 rgba(255,255,255,.82),
    0 0 0 1px rgba(182,179,148,.16)!important;
  overflow:visible!important;
}
#home .hero-logo-frame:hover{
  transform:translateY(-6px)!important;
}
#home .hero-logo-frame::before{
  inset:-14px!important;
  border-radius:36px!important;
  box-shadow:
    0 0 0 12px rgba(60,84,96,.045),
    0 0 0 25px rgba(231,228,221,.035)!important;
}
#home .hero-logo-frame::after{
  inset:-30px!important;
  border-radius:44px!important;
  border-left-color:rgba(182,179,148,.42)!important;
  border-bottom-color:rgba(60,84,96,.38)!important;
}
#home .hero-logo{
  width:min(325px,70vw)!important;
  max-height:none!important;
}
@media(max-width:900px){
  #home .hero-logo-frame{
    width:min(390px,88vw)!important;
    min-height:285px!important;
    aspect-ratio:4 / 3;
    border-radius:26px!important;
  }
}
@media(max-width:560px){
  #home .hero-logo-frame{
    width:min(92vw,360px)!important;
    min-height:225px!important;
    aspect-ratio:4 / 3;
    padding:18px!important;
    border-radius:24px!important;
  }
  #home .hero-logo-frame::before{
    inset:-10px!important;
    border-radius:30px!important;
  }
  #home .hero-logo-frame::after{
    inset:-22px!important;
    border-radius:36px!important;
  }
}

/* تصغير بطاقة شعار القسم الأول قليلاً وإزالة الدوائر الجمالية الخلفية */
#home .hero-logo-frame{
  width:min(390px,74vw)!important;
  min-height:325px!important;
  padding:26px!important;
  border-radius:26px!important;
}

#home .hero-logo{
  width:min(285px,66vw)!important;
}

/* إزالة الدوائر الخلفية والزخارف الدائرية الخاصة بالـ Hero فقط */
#home.hero::before,
#home .hero-art::before,
#home .hero-art::after,
#home .hero-copy::before,
#home .hero-orbit{
  display:none!important;
  content:none!important;
  animation:none!important;
}

/* الإبقاء على البطاقة بشكل مستطيل، مع تصغيرها على الشاشات الصغيرة */
@media(max-width:900px){
  #home .hero-logo-frame{
    width:min(360px,84vw)!important;
    min-height:275px!important;
    padding:22px!important;
  }
  #home .hero-logo{
    width:min(245px,64vw)!important;
  }
}

@media(max-width:600px){
  #home .hero-logo-frame{
    width:min(330px,88vw)!important;
    min-height:220px!important;
    padding:18px!important;
    border-radius:23px!important;
  }
  #home .hero-logo{
    width:min(210px,62vw)!important;
  }
}

/* قسم الأهداف فقط: إزالة الدائرة والخط حول/تحت عنوان «أهدافنا» */
#goals .section-head::before,
#goals .section-head h2::after{
  display:none!important;
  content:none!important;
  width:0!important;
  height:0!important;
  border:0!important;
  background:none!important;
  box-shadow:none!important;
}

/* مبادئنا / ما نؤمن به: حذف الدائرة والخط فقط */
#values .section-head::before,
#values .section-head h2::after{
  display:none!important;
  content:none!important;
  width:0!important;
  height:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:none!important;
  box-shadow:none!important;
}

/*
  SERVICES — single authoritative component
  Desktop is the base composition. Responsive rules only simplify that same
  component as the available width decreases; no mobile template is reused on desktop.
*/
#services.svc2{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
  width:100%!important;
  min-height:0!important;
  margin:0!important;
  padding:clamp(88px,9vw,132px) 0 clamp(92px,9vw,132px)!important;
  color:#fff!important;
  background:
    radial-gradient(900px 500px at 94% -12%,rgba(230,228,221,.13),transparent 64%),
    radial-gradient(720px 460px at -10% 110%,rgba(182,179,148,.12),transparent 67%),
    linear-gradient(138deg,#06343a 0%,#383E27 53%,#1F211A 100%)!important;
}
#services.svc2::before,
#services.svc2::after{content:none!important;display:none!important}
#services .svc2-glow{position:absolute!important;inset:0!important;z-index:0!important;pointer-events:none!important;background:linear-gradient(115deg,transparent 15%,rgba(255,255,255,.025) 50%,transparent 85%)!important}
#services .services-watermark-image{
  top:50%!important;
  right:clamp(-34px,-1vw,-8px)!important;
  width:auto!important;
  height:clamp(430px,43vw,620px)!important;
  opacity:.18!important;
  z-index:1!important;
  transform:translateY(-50%)!important;
}
#services > .section-decoration{position:absolute!important;inset:0!important;z-index:1!important;pointer-events:none!important}
#services > .section-decoration img{
  position:absolute!important;
  top:50%!important;
  left:50%!important;
  right:auto!important;
  width:clamp(340px,32vw,520px)!important;
  max-width:none!important;
  opacity:.10!important;
  transform:translate(-50%,-50%) rotate(-8deg)!important;
}
#services .svc2-inner{
  position:relative!important;
  z-index:2!important;
  width:min(1180px,calc(100% - 64px))!important;
  max-width:1180px!important;
  min-height:0!important;
  margin:0 auto!important;
  padding:0!important;
}
#services .svc2-head{
  max-width:760px!important;
  min-height:0!important;
  margin:0 auto clamp(48px,5vw,68px)!important;
  padding:0!important;
  text-align:center!important;
}
#services .svc2-kicker{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:14px!important;
  margin:0!important;
  color:#E6E4DD!important;
  font-family:'Cairo',sans-serif!important;
  font-size:clamp(2.15rem,4vw,3.55rem)!important;
  font-weight:800!important;
  line-height:1.2!important;
  letter-spacing:-.045em!important;
}
#services .svc2-kicker::before,
#services .svc2-kicker::after{content:"";display:block;width:clamp(30px,5vw,64px);height:1px;background:linear-gradient(90deg,transparent,#B6B394)}
#services .svc2-kicker::after{background:linear-gradient(90deg,#B6B394,transparent)}
#services .svc2-tracks{
  position:relative!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  align-items:stretch!important;
  gap:clamp(24px,3.2vw,42px)!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
}
#services .svc2-tracks::before{content:none!important;display:none!important}
#services .svc2-track{
  position:relative!important;
  min-width:0!important;
  min-height:0!important;
  padding:clamp(28px,3vw,42px)!important;
  border:1px solid rgba(230,228,221,.18)!important;
  border-radius:28px!important;
  background:linear-gradient(145deg,rgba(255,255,255,.095),rgba(255,255,255,.028))!important;
  box-shadow:0 28px 70px -52px rgba(0,0,0,.85),inset 0 1px 0 rgba(255,255,255,.08)!important;
  backdrop-filter:blur(12px);
}
#services .svc2-track::before{content:"";position:absolute;top:0;right:11%;left:11%;height:2px;border-radius:999px;background:linear-gradient(90deg,transparent,#B6B394,transparent);opacity:.8}
#services .svc2-track-head{display:flex!important;align-items:flex-start!important;gap:18px!important;min-height:0!important;margin:0!important;padding:0!important}
#services .svc2-track-num{
  display:grid!important;
  place-items:center!important;
  flex:0 0 62px!important;
  width:62px!important;
  height:62px!important;
  border:1px solid rgba(230,228,221,.58)!important;
  border-radius:18px!important;
  background:linear-gradient(145deg,#E6E4DD,#B6B394)!important;
  box-shadow:0 12px 26px -16px rgba(0,0,0,.75)!important;
  color:#383E27!important;
  font-family:'Cairo',sans-serif!important;
  font-size:1rem!important;
  font-weight:800!important;
  line-height:1!important;
}
#services .svc2-track-copy{min-width:0!important;flex:1!important}
#services .svc2-track-copy-top{display:flex!important;align-items:baseline!important;gap:10px!important;flex-wrap:wrap!important;margin:3px 0 8px!important}
#services .svc2-track-copy h3{margin:0!important;color:#fff!important;font-family:'Cairo',sans-serif!important;font-size:clamp(1.18rem,1.7vw,1.55rem)!important;font-weight:700!important;line-height:1.45!important}
#services .svc2-count{display:inline-flex!important;align-items:center!important;padding:3px 9px!important;border:1px solid rgba(230,228,221,.24)!important;border-radius:999px!important;color:rgba(255,255,255,.78)!important;font-size:.74rem!important;font-weight:700!important;line-height:1.4!important;white-space:nowrap!important}
#services .svc2-track-copy p{max-width:none!important;margin:0!important;color:#EDE0C8!important;font-size:.93rem!important;line-height:1.9!important}
#services .svc2-list{display:grid!important;grid-template-columns:1fr!important;gap:0!important;list-style:none!important;margin:30px 0 0!important;padding:0!important}
#services .svc2-list li{min-width:0!important;border-bottom:1px solid rgba(255,255,255,.11)!important}
#services .svc2-list li:first-child{border-top:1px solid rgba(255,255,255,.11)!important}
#services .svc2-list a{display:flex!important;align-items:center!important;gap:14px!important;min-height:68px!important;padding:10px 2px!important;color:inherit!important;text-decoration:none!important;transition:background-color .22s ease,padding .22s ease!important}
#services .svc2-list a:hover,#services .svc2-list a:focus-visible{padding-inline:8px!important;background:rgba(230,228,221,.07)!important;outline:0!important}
#services .svc2-icon{display:grid!important;place-items:center!important;flex:0 0 42px!important;width:42px!important;height:42px!important;border:1px solid rgba(230,228,221,.28)!important;border-radius:13px!important;background:rgba(230,228,221,.07)!important}
#services .svc2-icon svg{width:21px!important;height:21px!important;fill:none!important;stroke:#E6E4DD!important;stroke-width:5!important;stroke-linecap:round!important;stroke-linejoin:round!important}
#services .svc2-item-title{min-width:0!important;flex:1!important;color:rgba(255,255,255,.9)!important;font-family:'Tajawal',sans-serif!important;font-size:.97rem!important;font-weight:500!important;line-height:1.7!important}
#services .svc2-arrow{display:block!important;flex:0 0 auto!important;color:#E6E4DD!important;font-size:1.2rem!important;opacity:.72!important;transform:none!important}
#services .svc2-cta{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:22px!important;min-height:0!important;margin:clamp(34px,5vw,56px) 0 0!important;padding:clamp(24px,3vw,32px) 0 0!important;border-top:1px solid rgba(255,255,255,.16)!important}
#services .svc2-cta p{margin:0!important;color:rgba(255,255,255,.76)!important;font-size:1rem!important;line-height:1.8!important}
#services .svc2-cta-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;min-height:46px!important;padding:12px 22px!important;border-radius:999px!important;background:linear-gradient(135deg,#E6E4DD,#B6B394)!important;color:#383E27!important;font-size:.92rem!important;font-weight:800!important;white-space:nowrap!important;transition:transform .22s ease,box-shadow .22s ease!important}
#services .svc2-cta-btn:hover{transform:translateY(-2px)!important;box-shadow:0 14px 28px -18px rgba(0,0,0,.8)!important}

/* Tablet: retain the same service tracks and card system in one readable column. */
@media(max-width:920px){
  #services.svc2{padding-block:78px!important}
  #services .svc2-inner{width:min(760px,calc(100% - 40px))!important}
  #services .svc2-head{margin-bottom:42px!important}
  #services .svc2-tracks{grid-template-columns:1fr!important;gap:24px!important}
  #services .svc2-track{padding:30px!important}
}

/* Phone: compact spacing only; the component remains the same desktop-first system. */
@media(max-width:600px){
  #services.svc2{padding-block:62px!important}
  #services .svc2-inner{width:calc(100% - 28px)!important}
  #services .services-watermark-image{right:-48px!important;height:410px!important;opacity:.13!important}
  #services > .section-decoration img{width:270px!important;opacity:.08!important}
  #services .svc2-head{margin-bottom:30px!important}
  #services .svc2-kicker{gap:10px!important;font-size:clamp(1.9rem,10vw,2.55rem)!important}
  #services .svc2-kicker::before,#services .svc2-kicker::after{width:26px!important}
  #services .svc2-track{padding:22px 18px!important;border-radius:22px!important}
  #services .svc2-track-head{gap:13px!important}
  #services .svc2-track-num{flex-basis:50px!important;width:50px!important;height:50px!important;border-radius:15px!important;font-size:.88rem!important}
  #services .svc2-track-copy h3{font-size:1.08rem!important}
  #services .svc2-track-copy p{font-size:.88rem!important}
  #services .svc2-list{margin-top:22px!important}
  #services .svc2-list a{min-height:58px!important;gap:11px!important}
  #services .svc2-icon{flex-basis:36px!important;width:36px!important;height:36px!important;border-radius:11px!important}
  #services .svc2-icon svg{width:18px!important;height:18px!important}
  #services .svc2-item-title{font-size:.88rem!important}
  #services .svc2-cta{align-items:stretch!important;flex-direction:column!important;gap:16px!important;margin-top:32px!important;padding-top:22px!important}
  #services .svc2-cta-btn{width:100%!important}
}
@media(prefers-reduced-motion:reduce){
  #services .svc2-list a,#services .svc2-cta-btn{transition:none!important}
}

/* Final QR correction: center the commercial-register image and preserve its full content. */
#official-numbers-end .official-premium-register{
  grid-template-columns:minmax(220px,280px) 1px minmax(0,1fr) !important;
  justify-content:center !important;
  align-items:center !important;
}
#official-numbers-end .official-qr-wrap{
  width:100% !important;
  min-width:0 !important;
  justify-self:center !important;
  align-items:center !important;
  text-align:center !important;
}
#official-numbers-end .official-qr-frame{
  width:220px !important;
  height:220px !important;
  padding:10px !important;
  display:grid !important;
  place-items:center !important;
  overflow:hidden !important;
}
#official-numbers-end .official-qr-frame img{
  display:block !important;
  width:100% !important;
  height:100% !important;
  max-width:100% !important;
  max-height:100% !important;
  object-fit:contain !important;
  object-position:center !important;
}
@media (max-width:760px){
  #official-numbers-end .official-premium-register{
    grid-template-columns:1fr !important;
    gap:20px !important;
    justify-items:center !important;
  }
  #official-numbers-end .official-qr-wrap{
    grid-column:1 !important;
    width:100% !important;
  }
  #official-numbers-end .official-qr-frame{
    width:min(220px,72vw) !important;
    height:min(220px,72vw) !important;
  }
  #official-numbers-end .official-register-divider{
    display:none !important;
  }
  #official-numbers-end .official-register-copy{
    grid-column:1 !important;
    width:100% !important;
    text-align:center !important;
    padding:0 !important;
  }
}

/* Mobile-first refinement for About and Contact: preserve content, remove desktop constraints. */
@media (max-width:760px){
  #about{
    padding:64px 0 70px !important;
  }
  #about .about-grid{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:28px !important;
    text-align:center !important;
    align-items:center !important;
  }
  #about .about-mark{
    order:-1 !important;
    width:min(100%,300px) !important;
    min-height:230px !important;
    margin:0 auto !important;
    border-radius:30% 70% 42% 58% / 48% 40% 60% 52% !important;
  }
  #about .about-mark img{
    width:min(190px,68vw) !important;
  }
  #about .copy{
    width:100% !important;
    max-width:520px !important;
    margin:0 auto !important;
  }
  #about .copy h2,
  #about .copy h3{
    font-size:clamp(1.8rem,8vw,2.25rem) !important;
    line-height:1.35 !important;
    margin-bottom:14px !important;
  }
  #about .copy p{
    font-size:1rem !important;
    line-height:2 !important;
    margin-inline:auto !important;
  }

  #contact{
    padding:64px 0 72px !important;
  }
  #contact .contact-grid{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:26px !important;
    align-items:stretch !important;
  }
  #contact .contact-title{
    height:auto !important;
    min-height:0 !important;
    padding:0 8px !important;
    text-align:center !important;
  }
  #contact .contact-title h2{
    font-size:clamp(1.8rem,8vw,2.25rem) !important;
    line-height:1.35 !important;
  }
  #contact .contact-title p{
    font-size:1rem !important;
    line-height:1.95 !important;
    margin-inline:auto !important;
  }
  #contact .contact-list{
    gap:12px !important;
  }
  #contact .contact-item{
    padding:17px 18px !important;
    border-radius:18px !important;
  }
  #contact .contact-item a{
    display:block !important;
    font-size:clamp(.92rem,4vw,1.05rem) !important;
    line-height:1.7 !important;
  }
  #contact .socials{
    justify-content:center !important;
    gap:8px !important;
  }
  #contact .social{
    min-height:44px !important;
    display:inline-flex !important;
    align-items:center !important;
    padding:9px 12px !important;
  }
  #contact .contact-message-card{
    width:100% !important;
    max-width:none !important;
    padding:24px 18px 22px !important;
    border-radius:22px !important;
  }
  #contact .contact-message-head{
    font-size:clamp(1.35rem,6.5vw,1.65rem) !important;
    white-space:normal !important;
    text-align:center !important;
  }
  #contact .contact-message-sub{
    font-size:.9rem !important;
    line-height:1.8 !important;
    margin-bottom:20px !important;
  }
  #contact .mini-contact-form{
    gap:13px !important;
  }
  #contact .mini-contact-form input,
  #contact .mini-contact-form textarea{
    font-size:16px !important;
    min-height:48px !important;
  }
  #contact .mini-contact-form textarea{
    min-height:112px !important;
  }
  #contact .mini-contact-submit{
    min-height:52px !important;
    width:100% !important;
  }
}

/* Final mobile experience pass: compact hero, touch-safe controls, and balanced cards/carousels. */
@media (max-width:760px){
  header .nav{min-height:68px !important;height:68px !important;padding-inline:14px !important;}
  header .burger{width:46px !important;height:46px !important;display:grid !important;place-content:center !important;padding:8px !important;border-radius:12px !important;}
  header .burger span{width:24px !important;height:2px !important;margin:4px !important;}
  header .nav.open nav{top:68px !important;right:12px !important;left:12px !important;padding:8px !important;gap:2px !important;}
  header .nav.open nav a{min-height:46px !important;display:flex !important;align-items:center !important;padding:10px 14px !important;}

  #home.hero{min-height:auto !important;padding:88px 0 48px !important;}
  #home .hero-grid{min-height:auto !important;gap:25px !important;}
  #home .hero-art{min-height:238px !important;order:-1 !important;}
  #home .hero-art:before{width:270px !important;height:270px !important;}
  #home .hero-art:after{width:220px !important;height:220px !important;}
  #home .hero-logo-frame{width:min(310px,84vw) !important;min-height:205px !important;padding:16px !important;}
  #home .hero-logo{width:min(205px,60vw) !important;}
  #home .hero-copy{text-align:center !important;}
  #home .hero h1{font-size:clamp(2rem,9vw,2.5rem) !important;line-height:1.25 !important;margin-bottom:16px !important;}
  #home .hero p{font-size:.98rem !important;line-height:1.95 !important;margin-bottom:22px !important;}
  #home .actions{gap:10px !important;}
  #home .actions .btn{min-height:50px !important;}

  #goals.section,#values.section{padding-block:62px !important;}
  #goals .section-head,#values .section-head{margin-bottom:28px !important;}
  #goals .section-head h2,#values .section-head h2{font-size:clamp(1.8rem,8vw,2.25rem) !important;}
  #goals .goals{grid-template-columns:1fr !important;gap:12px !important;}
  #goals .goal{min-height:0 !important;padding:21px 18px !important;border-radius:18px !important;}
  #goals .goal p{font-size:.95rem !important;line-height:1.8 !important;margin-top:10px !important;}
  #values .values{grid-template-columns:1fr 1fr !important;gap:10px !important;}
  #values .value{min-height:0 !important;padding:20px 12px !important;border-radius:17px !important;}
  #values .value .icon{width:44px !important;height:44px !important;margin-bottom:10px !important;font-size:1.05rem !important;}
  #values .value h3{font-size:.92rem !important;line-height:1.6 !important;}

  #services .svc2-track{gap:12px !important;}
  #services .svc2-card{padding:20px 16px !important;border-radius:20px !important;}
  #services .svc2-card h3{font-size:1.08rem !important;line-height:1.6 !important;}
  #services .svc2-card a{min-height:46px !important;display:flex !important;align-items:center !important;padding-block:10px !important;line-height:1.65 !important;}
  #services .svc2-cta-btn{min-height:50px !important;display:inline-flex !important;align-items:center !important;}

  #brands .partner-arrow,#clients .client-carousel-arrow{width:46px !important;height:46px !important;min-width:46px !important;display:grid !important;place-items:center !important;}
  #brands .partner-dot,#clients .clients-dots button{min-width:44px !important;min-height:44px !important;}
  #brands .partner-card img,#clients .client-card img{max-width:78% !important;max-height:86px !important;object-fit:contain !important;}
  #brands .brands-section,#clients .clients-section{padding-block:62px !important;}
}
@media (max-width:390px){
  #values .values{grid-template-columns:1fr !important;gap:10px !important;}
  #values .value{display:flex !important;align-items:center !important;gap:12px !important;text-align:right !important;padding:14px 16px !important;}
  #values .value .icon{margin:0 !important;flex:0 0 42px !important;}
  #home .hero-art{min-height:220px !important;}
  #home .hero-logo-frame{min-height:190px !important;}
}

/* Section 2: balance the visual shape with the copy and keep a deliberate breathing gap. */
#about .about-grid{
  grid-template-columns:minmax(0,1.08fr) minmax(360px,.82fr) !important;
  column-gap:clamp(38px,5.5vw,84px) !important;
  align-items:center !important;
}
#about .about-mark{
  width:100% !important;
  max-width:470px !important;
  margin-inline:auto !important;
  justify-self:center !important;
}
#about .copy{
  max-width:720px !important;
  justify-self:stretch !important;
  padding-inline:clamp(0px,1vw,14px) !important;
}
#about .copy h2{margin-bottom:18px !important;}
#about .copy p{margin-top:0 !important;}
@media(max-width:760px){
  #about .about-grid{
    grid-template-columns:1fr !important;
    row-gap:44px !important;
    column-gap:0 !important;
  }
  #about .about-mark{
    max-width:300px !important;
    margin-inline:auto !important;
  }
  #about .copy{
    max-width:520px !important;
    padding-inline:8px !important;
  }
  #about .copy h2{margin-bottom:16px !important;}
}

/* Keep the watermark decorative only; it must not reserve layout height. */
#services .services-watermark-image{
  position:absolute !important;
  pointer-events:none !important;
  z-index:1 !important;
}
#services .svc2-inner{
  position:relative !important;
  z-index:4 !important;
}

/* Hero: no pointer-hover interaction */
.hero-logo-frame:hover{
  transform:rotate(-1.2deg);
  box-shadow:
    0 45px 90px -45px rgba(0,0,0,.75),
    inset 0 1px 0 rgba(255,255,255,.72),
    0 0 0 10px rgba(182,179,148,.035);
}
.hero-logo-frame:hover .hero-logo{
  filter:
    drop-shadow(0 24px 30px rgba(32,33,27,.24))
    drop-shadow(0 0 18px rgba(182,179,148,.16));
}
.hero-logo-frame:hover .hero-scan{opacity:0;animation:none}

/* ===== البيانات النظامية — هوية احترافية موحّدة ===== */
.official-premium-section{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  padding:clamp(64px,8vw,104px) 20px clamp(72px,8vw,112px)!important;
  background:
    radial-gradient(circle at 12% 18%,rgba(182,179,148,.16),transparent 24%),
    radial-gradient(circle at 88% 82%,rgba(60,84,96,.10),transparent 28%),
    linear-gradient(180deg,#f8f7f2 0%,#ecebe5 100%)!important;
  color:#383E27;
}
.official-premium-section::before{
  content:"";
  position:absolute;
  width:520px;height:520px;
  left:-300px;top:-220px;
  border:1px solid rgba(56,62,39,.08);
  border-radius:50%;
  box-shadow:0 0 0 32px rgba(182,179,148,.045),0 0 0 64px rgba(56,62,39,.025);
  pointer-events:none;
}
.official-premium-section::after{
  content:"";
  position:absolute;
  width:360px;height:360px;
  right:-230px;bottom:-210px;
  border:1px solid rgba(60,84,96,.10);
  border-radius:50%;
  pointer-events:none;
}
.official-premium-shell{
  position:relative;
  z-index:1;
  width:min(1120px,100%);
  margin:0 auto;
}
.official-premium-head{
  max-width:720px;
  margin:0 auto clamp(28px,4vw,44px);
  text-align:center;
}
.official-premium-head::before{
  content:"OFFICIAL IDENTIFIERS";
  display:inline-flex;
  align-items:center;
  gap:9px;
  margin-bottom:12px;
  color:#687256;
  font-family:Arial,sans-serif;
  font-size:10px;
  font-weight:800;
  letter-spacing:2.5px;
}
.official-premium-head::after{
  content:"";
  display:block;
  width:54px;height:3px;
  margin:17px auto 0;
  border-radius:99px;
  background:linear-gradient(90deg,transparent,#b6b394,transparent);
}
.official-premium-head h2{
  margin:0!important;
  color:#30382a!important;
  font-family:'Cairo',sans-serif;
  font-size:clamp(30px,4vw,50px)!important;
  font-weight:800!important;
  line-height:1.25!important;
  letter-spacing:-.04em;
}
.official-premium-head p{
  max-width:570px;
  margin:12px auto 0;
  color:#61706a;
  font-size:clamp(14px,1.4vw,17px);
  line-height:2;
}
.official-premium-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
  margin:0!important;
}
.official-premium-number{
  position:relative;
  display:flex!important;
  align-items:center;
  gap:17px;
  min-height:142px;
  padding:25px 26px!important;
  border:1px solid rgba(56,62,39,.11)!important;
  border-radius:24px!important;
  background:rgba(255,255,255,.76)!important;
  box-shadow:0 22px 45px -38px rgba(56,62,39,.58),inset 0 1px 0 rgba(255,255,255,.9)!important;
  transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;
}
.official-premium-number::before{
  content:"";
  position:absolute;
  right:0;top:22px;bottom:22px;
  width:3px;
  border-radius:99px 0 0 99px;
  background:linear-gradient(#b6b394,#3c5460);
}
.official-premium-number:hover{
  transform:translateY(-4px);
  border-color:rgba(182,179,148,.48)!important;
  box-shadow:0 28px 55px -38px rgba(56,62,39,.62),inset 0 1px 0 rgba(255,255,255,.95)!important;
}
.official-premium-icon{
  width:62px!important;height:62px!important;
  flex:0 0 62px;
  display:grid!important;
  place-items:center;
  border:1px solid rgba(182,179,148,.46)!important;
  border-radius:19px!important;
  color:#687256!important;
  background:linear-gradient(145deg,#f3f1e8,#e5e4da)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.85),0 10px 20px -18px rgba(56,62,39,.55)!important;
}
.official-premium-icon svg{width:31px!important;height:31px!important;stroke-width:2.3!important}
.official-premium-copy{display:grid!important;gap:6px!important;min-width:0}
.official-premium-copy span{color:#718078!important;font-size:12px!important;font-weight:700!important;line-height:1.5!important}
.official-premium-copy strong{color:#30382a!important;font-family:Arial,sans-serif;font-size:clamp(17px,2vw,23px)!important;font-weight:900!important;letter-spacing:.06em;line-height:1.2!important;white-space:nowrap}
.official-premium-copy small{color:#7d877d!important;font-size:11px!important;line-height:1.6!important}
.official-premium-register{
  position:relative;
  display:flex!important;
  align-items:center;
  justify-content:space-between;
  gap:28px;
  grid-column:1/-1;
  min-height:150px;
  margin-top:2px;
  padding:25px 30px 25px 190px!important;
  border:1px solid rgba(182,179,148,.34)!important;
  border-radius:26px!important;
  background:
    radial-gradient(circle at 8% 25%,rgba(182,179,148,.16),transparent 30%),
    linear-gradient(135deg,#383e27 0%,#1f211a 100%)!important;
  box-shadow:0 28px 60px -42px rgba(31,33,26,.72),inset 0 1px 0 rgba(255,255,255,.09)!important;
  overflow:hidden;
}
.official-premium-register::before{
  content:"سجل موثّق";
  position:absolute;
  right:28px;top:22px;
  color:#b6b394;
  font-size:10px;font-weight:800;letter-spacing:1.6px;
}
.official-premium-register::after{
  content:"";
  position:absolute;
  left:-95px;bottom:-150px;
  width:300px;height:300px;
  border:1px solid rgba(230,228,221,.15);
  border-radius:50%;
  box-shadow:0 0 0 24px rgba(230,228,221,.035),0 0 0 48px rgba(230,228,221,.025);
  pointer-events:none;
}
.official-qr-wrap{
  position:absolute!important;
  left:28px!important;
  display:grid!important;
  justify-items:center;
  gap:6px;
  z-index:2;
}
.official-qr-frame{
  display:grid;
  place-items:center;
  width:118px;height:118px;
  padding:8px;
  border:1px solid rgba(182,179,148,.55);
  border-radius:18px;
  background:#fff;
  box-shadow:0 14px 28px -20px rgba(0,0,0,.9);
}
.official-qr-frame img{width:100%!important;height:100%!important;object-fit:contain;border-radius:8px}
.official-qr-wrap span{color:rgba(255,255,255,.56)!important;font-size:9px!important}
@media(max-width:700px){
  .official-premium-section{padding-inline:14px!important}
  .official-premium-grid{grid-template-columns:1fr}
  .official-premium-number{min-height:125px;padding:21px 20px!important}
  .official-premium-register{min-height:138px;padding:27px 20px 24px 135px!important;border-radius:22px!important}
  .official-premium-register::before{right:20px;top:18px}
  .official-qr-wrap{left:18px!important}
  .official-qr-frame{width:94px;height:94px;padding:6px;border-radius:14px}
}
@media(max-width:430px){
  .official-premium-head h2{font-size:30px!important}
  .official-premium-head p{font-size:13px}
  .official-premium-number{gap:12px;padding:18px 16px!important;border-radius:20px!important}
  .official-premium-icon{width:50px!important;height:50px!important;flex-basis:50px;border-radius:15px!important}
  .official-premium-icon svg{width:25px!important;height:25px!important}
  .official-premium-copy strong{font-size:15px!important;letter-spacing:.03em}
  .official-premium-copy span{font-size:11px!important}
  .official-premium-copy small{font-size:10px!important}
  .official-premium-register{padding-left:112px!important;padding-right:15px!important}
  .official-qr-wrap{left:12px!important}
  .official-qr-frame{width:82px;height:82px;padding:5px;border-radius:12px}
}
@media(prefers-reduced-motion:reduce){.official-premium-number{transition:none}.official-premium-number:hover{transform:none}}

/* Final polish: improve the register panel hierarchy and RTL alignment. */
#official-numbers-end .official-premium-register{
  direction:rtl;
  align-items:center;
}
#official-numbers-end .official-register-divider{
  flex:0 0 1px;
  width:1px!important;
  height:76px!important;
  margin:0 2px;
  background:linear-gradient(180deg,transparent,rgba(182,179,148,.75),transparent)!important;
}
#official-numbers-end .official-register-copy{
  position:relative;
  z-index:2;
  display:grid;
  gap:5px;
  min-width:0;
  text-align:right!important;
  padding:0!important;
}
#official-numbers-end .official-register-kicker{
  color:#b6b394!important;
  font-size:10px!important;
  font-weight:800!important;
  letter-spacing:1.8px;
  line-height:1.5;
}
#official-numbers-end .official-register-copy h3{
  margin:0!important;
  color:#fff!important;
  font-family:'Cairo',sans-serif;
  font-size:clamp(17px,2vw,25px)!important;
  font-weight:800!important;
  line-height:1.65!important;
}
#official-numbers-end .official-register-copy p{
  margin:1px 0 0!important;
  color:rgba(255,255,255,.56)!important;
  font-size:12px!important;
  line-height:1.8!important;
}
#official-numbers-end .official-qr-wrap span{
  direction:rtl;
  white-space:nowrap;
}
#official-numbers-end .official-premium-number:nth-child(1) .official-premium-icon{color:#687256!important}
#official-numbers-end .official-premium-number:nth-child(2) .official-premium-icon{color:#3c5460!important}
#official-numbers-end .official-premium-number:nth-child(2)::before{background:linear-gradient(#3c5460,#b6b394)}
@media(max-width:700px){
  #official-numbers-end .official-premium-register{display:grid!important;grid-template-columns:1fr!important;gap:14px!important;justify-items:center;padding:24px 20px 22px 130px!important}
  #official-numbers-end .official-register-divider{width:70px!important;height:1px!important;margin:0!important;background:linear-gradient(90deg,transparent,rgba(182,179,148,.75),transparent)!important}
  #official-numbers-end .official-register-copy{text-align:center!important}
  #official-numbers-end .official-register-copy h3{font-size:17px!important}
}
@media(max-width:430px){
  #official-numbers-end .official-premium-register{padding-left:108px!important;padding-right:14px!important}
  #official-numbers-end .official-register-copy h3{font-size:15px!important}
}

/* ===== Institutional compliance panel ===== */
.official-premium-section{
  padding:clamp(76px,9vw,122px) 20px clamp(82px,9vw,128px)!important;
  background:
    radial-gradient(circle at 88% 12%,rgba(182,179,148,.16),transparent 26%),
    radial-gradient(circle at 8% 88%,rgba(60,84,96,.20),transparent 30%),
    linear-gradient(135deg,#25291e 0%,#1f211a 54%,#173a40 150%)!important;
  color:#fff!important;
}
.official-premium-section::before{
  width:620px;height:620px;
  left:-390px;top:-310px;
  border-color:rgba(230,228,221,.10);
  box-shadow:0 0 0 40px rgba(182,179,148,.035),0 0 0 80px rgba(230,228,221,.018);
}
.official-premium-section::after{
  width:460px;height:460px;
  right:-290px;bottom:-290px;
  border-color:rgba(182,179,148,.13);
}
.official-premium-shell{
  width:min(1160px,100%);
}
.official-premium-head{
  max-width:none;
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:30px;
  margin:0 auto 34px;
  text-align:right;
}
.official-premium-head::before{
  content:"OFFICIAL COMPLIANCE";
  order:2;
  align-self:flex-start;
  margin:0;
  padding:9px 13px;
  border:1px solid rgba(182,179,148,.30);
  border-radius:999px;
  color:#d5d0af;
  background:rgba(182,179,148,.08);
  font-size:9px;
  letter-spacing:2px;
  white-space:nowrap;
}
.official-premium-head::after{display:none}
.official-premium-head h2{
  color:#fff!important;
  font-size:clamp(32px,4.6vw,56px)!important;
  letter-spacing:-.045em;
  line-height:1.2!important;
}
.official-premium-head p{
  margin:12px 0 0;
  max-width:610px;
  color:rgba(255,255,255,.60);
  font-size:clamp(14px,1.35vw,17px);
  line-height:1.9;
}
.official-premium-head h2::after{
  content:"";
  display:block;
  width:78px;height:3px;
  margin:19px 0 0 auto;
  border-radius:99px;
  background:linear-gradient(90deg,#b6b394,rgba(182,179,148,0));
}
.official-premium-grid{
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}
.official-premium-number{
  min-height:154px;
  padding:26px 28px!important;
  border:1px solid rgba(230,228,221,.13)!important;
  border-radius:20px!important;
  background:linear-gradient(145deg,rgba(255,255,255,.10),rgba(255,255,255,.035))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 24px 55px -44px rgba(0,0,0,.9)!important;
}
.official-premium-number::before{
  right:auto;left:0;top:20px;bottom:20px;width:2px;
  background:linear-gradient(#b6b394,transparent)!important;
}
.official-premium-number:hover{
  transform:translateY(-3px);
  border-color:rgba(182,179,148,.42)!important;
  background:linear-gradient(145deg,rgba(255,255,255,.14),rgba(255,255,255,.045))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 28px 58px -44px rgba(0,0,0,.95)!important;
}
.official-premium-icon{
  width:64px!important;height:64px!important;flex-basis:64px;
  border:1px solid rgba(182,179,148,.36)!important;
  border-radius:18px!important;
  color:#d8d4b7!important;
  background:linear-gradient(145deg,rgba(182,179,148,.20),rgba(255,255,255,.04))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 15px 25px -22px #000!important;
}
.official-premium-icon svg{stroke-width:2.1!important}
.official-premium-copy span{color:rgba(255,255,255,.52)!important;font-size:11px!important;letter-spacing:.02em}
.official-premium-copy strong{color:#fff!important;font-size:clamp(18px,2.1vw,25px)!important;letter-spacing:.055em}
.official-premium-copy small{color:rgba(255,255,255,.42)!important;font-size:10px!important}
.official-premium-register{
  min-height:184px;
  margin-top:5px;
  padding:32px 34px 32px 208px!important;
  border:1px solid rgba(182,179,148,.42)!important;
  border-radius:22px!important;
  background:
    linear-gradient(110deg,rgba(182,179,148,.13),transparent 48%),
    linear-gradient(135deg,#42472e 0%,#2c3123 48%,#203d40 100%)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.11),0 28px 65px -42px rgba(0,0,0,.95)!important;
}
.official-premium-register::before{
  right:34px;top:27px;
  color:#e5e0bd;
  font-size:9px;
  letter-spacing:2px;
}
.official-premium-register::after{
  left:-80px;bottom:-170px;
  border-color:rgba(230,228,221,.17);
  box-shadow:0 0 0 26px rgba(230,228,221,.035),0 0 0 52px rgba(230,228,221,.02);
}
.official-qr-wrap{left:34px!important}
.official-qr-frame{
  width:128px;height:128px;
  padding:9px;
  border:1px solid rgba(230,228,221,.44);
  border-radius:20px;
  box-shadow:0 18px 32px -22px rgba(0,0,0,.95);
}
.official-qr-wrap span{color:rgba(255,255,255,.62)!important;font-size:9px!important}
#official-numbers-end .official-register-divider{height:84px!important;background:linear-gradient(180deg,transparent,#d5d0af,transparent)!important}
#official-numbers-end .official-register-copy h3{font-size:clamp(19px,2.2vw,28px)!important;line-height:1.55!important}
#official-numbers-end .official-register-copy p{color:rgba(255,255,255,.62)!important}
@media(max-width:700px){
  .official-premium-head{display:block;text-align:right;margin-bottom:26px}
  .official-premium-head::before{display:inline-flex;margin-bottom:16px}
  .official-premium-head h2::after{margin-right:0}
  .official-premium-grid{grid-template-columns:1fr}
  .official-premium-number{min-height:132px;padding:22px 21px!important}
  .official-premium-register{min-height:165px;padding:28px 18px 24px 130px!important}
  .official-premium-register::before{right:19px;top:20px}
  .official-qr-wrap{left:18px!important}
  .official-qr-frame{width:96px;height:96px;padding:7px;border-radius:15px}
  #official-numbers-end .official-register-divider{height:1px!important;width:62px!important;background:linear-gradient(90deg,transparent,#d5d0af,transparent)!important}
}
@media(max-width:430px){
  .official-premium-section{padding-inline:14px!important}
  .official-premium-head h2{font-size:31px!important}
  .official-premium-head p{font-size:13px}
  .official-premium-icon{width:54px!important;height:54px!important;flex-basis:54px;border-radius:16px!important}
  .official-premium-icon svg{width:26px!important;height:26px!important}
  .official-premium-copy strong{font-size:15px!important;letter-spacing:.025em}
  .official-premium-register{padding-left:110px!important;padding-right:15px!important}
  .official-qr-wrap{left:11px!important}
  .official-qr-frame{width:82px;height:82px;padding:5px}
  #official-numbers-end .official-register-copy h3{font-size:15px!important}
}

/* Refined register card after removing the long organization copy. */
#official-numbers-end .official-premium-register{
  min-height:176px!important;
  padding:25px 34px 25px 196px!important;
  align-items:center!important;
}
#official-numbers-end .official-register-copy{
  min-width:250px;
  min-height:76px;
  display:flex!important;
  align-items:center;
  justify-content:center;
  text-align:center!important;
  padding:15px 28px!important;
  border:1px solid rgba(182,179,148,.28);
  border-radius:18px;
  background:rgba(255,255,255,.055);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
}
#official-numbers-end .official-register-kicker{
  position:relative;
  color:#eeeadd!important;
  font-family:'Cairo',sans-serif;
  font-size:clamp(16px,1.8vw,22px)!important;
  font-weight:800!important;
  letter-spacing:0!important;
  line-height:1.5!important;
}
#official-numbers-end .official-register-kicker::before{
  content:"";
  display:inline-block;
  width:7px;height:7px;
  margin-left:9px;
  vertical-align:middle;
  border-radius:50%;
  background:#b6b394;
  box-shadow:0 0 0 5px rgba(182,179,148,.10);
}
#official-numbers-end .official-register-divider{
  height:76px!important;
  margin:0 4px!important;
}
#official-numbers-end .official-qr-wrap{
  gap:7px!important;
}
#official-numbers-end .official-qr-frame{
  width:116px!important;
  height:116px!important;
  padding:8px!important;
  border-radius:18px!important;
  box-shadow:0 16px 30px -21px rgba(0,0,0,.95),0 0 0 5px rgba(182,179,148,.06)!important;
}
#official-numbers-end .official-qr-wrap span{
  font-size:9px!important;
  letter-spacing:.02em;
}
@media(max-width:700px){
  #official-numbers-end .official-premium-register{
    min-height:170px!important;
    padding:23px 16px 20px 124px!important;
  }
  #official-numbers-end .official-register-copy{
    min-width:0;
    width:100%;
    min-height:58px;
    padding:10px 14px!important;
    border-radius:15px;
  }
  #official-numbers-end .official-register-kicker{font-size:16px!important}
  #official-numbers-end .official-register-divider{height:1px!important;width:58px!important;margin:0!important}
  #official-numbers-end .official-qr-frame{width:92px!important;height:92px!important;padding:6px!important;border-radius:14px!important}
}
@media(max-width:430px){
  #official-numbers-end .official-premium-register{padding-left:104px!important;padding-right:12px!important}
  #official-numbers-end .official-register-kicker{font-size:14px!important}
  #official-numbers-end .official-qr-wrap{left:10px!important}
  #official-numbers-end .official-qr-frame{width:78px!important;height:78px!important;padding:5px!important}
}

/* Final layout guard: prevent legacy rules from collapsing or clipping the panel. */
#official-numbers-end.official-premium-section{
  display:block!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  overflow:hidden!important;
}
#official-numbers-end .official-premium-shell{
  display:block!important;
  position:relative!important;
  visibility:visible!important;
  opacity:1!important;
  transform:none!important;
  height:auto!important;
  min-height:0!important;
}
#official-numbers-end .official-premium-head,
#official-numbers-end .official-premium-grid,
#official-numbers-end .official-premium-number,
#official-numbers-end .official-premium-register{
  visibility:visible!important;
  opacity:1!important;
  transform:none!important;
}
#official-numbers-end .official-premium-head,
#official-numbers-end .official-premium-grid{
  position:relative!important;
  z-index:4!important;
}
#official-numbers-end .official-premium-register{z-index:4!important}

/* ===== Clean institutional legal-information section ===== */
.legal-section{position:relative;isolation:isolate;overflow:hidden;padding:clamp(72px,9vw,116px) 22px!important;background:#f3f1ea!important;color:#27352f!important}
.legal-section::before{content:"";position:absolute;width:620px;height:620px;left:-390px;top:-270px;border:1px solid rgba(56,62,39,.10);border-radius:50%;box-shadow:0 0 0 34px rgba(182,179,148,.05),0 0 0 68px rgba(56,62,39,.025);pointer-events:none}
.legal-section::after{content:"";position:absolute;width:440px;height:440px;right:-280px;bottom:-270px;border:1px solid rgba(60,84,96,.11);border-radius:50%;pointer-events:none}
.legal-shell{position:relative;z-index:2;width:min(1120px,100%);margin:auto;padding:clamp(25px,4vw,46px);border:1px solid rgba(56,62,39,.14);border-radius:30px;background:linear-gradient(145deg,#fbfaf6,#eeece3);box-shadow:0 32px 75px -48px rgba(38,48,39,.62),inset 0 1px 0 #fff}
.legal-topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:19px;border-bottom:1px solid rgba(56,62,39,.11);font-family:Arial,sans-serif}
.legal-overline{color:#687256;font-size:10px;font-weight:800;letter-spacing:2.4px}
.legal-status{display:inline-flex;align-items:center;gap:8px;padding:7px 11px;border:1px solid rgba(104,114,86,.25);border-radius:999px;color:#687256;font-size:11px;font-weight:800}
.legal-status i{width:7px;height:7px;border-radius:50%;background:#9a9d63;box-shadow:0 0 0 4px rgba(154,157,99,.14)}
.legal-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;padding:30px 0 28px}
.legal-kicker{display:block;margin-bottom:7px;color:#8b8e66;font-size:12px;font-weight:800}
.legal-heading h2{margin:0!important;color:#30382a!important;font-family:'Cairo',sans-serif;font-size:clamp(30px,4.2vw,52px)!important;font-weight:800!important;line-height:1.2!important;letter-spacing:-.045em}
.legal-heading h2::after{content:"";display:block;width:67px;height:3px;margin:17px 0 0 auto;border-radius:99px;background:linear-gradient(90deg,#b6b394,transparent)}
.legal-heading p{max-width:400px;margin:0;color:#6b766d;font-size:14px;line-height:2;text-align:right}
.legal-content{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);gap:16px;align-items:stretch}
.legal-records{display:grid;gap:12px}
.legal-record{position:relative;display:flex;align-items:center;gap:17px;min-height:142px;padding:23px 25px;border:1px solid rgba(56,62,39,.11);border-radius:20px;background:#fff;box-shadow:0 16px 34px -30px rgba(56,62,39,.6);transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease}
.legal-record:hover{transform:translateY(-3px);border-color:rgba(182,179,148,.55);box-shadow:0 23px 42px -30px rgba(56,62,39,.58)}
.legal-record-icon{width:57px;height:57px;flex:0 0 57px;display:grid;place-items:center;border:1px solid rgba(182,179,148,.48);border-radius:17px;color:#687256;background:linear-gradient(145deg,#f2f0e7,#e5e4da)}
.legal-record:nth-child(2) .legal-record-icon{color:#3c5460}
.legal-record-icon svg{width:29px;height:29px}
.legal-record-copy{display:grid;gap:5px;min-width:0}
.legal-record-copy span{color:#718078;font-size:12px;font-weight:800}
.legal-record-copy strong{color:#30382a;font-family:Arial,sans-serif;font-size:clamp(18px,2.15vw,25px);font-weight:900;letter-spacing:.055em;white-space:nowrap;line-height:1.2}
.legal-record-copy small{color:#8a9189;font-size:11px;line-height:1.5}
.legal-index{position:absolute;left:19px;bottom:16px;color:#b6b394;font-family:Arial,sans-serif;font-size:10px;letter-spacing:1px}
.legal-verification{position:relative;display:flex;align-items:center;gap:24px;min-height:296px;padding:28px 25px;border-radius:22px;background:linear-gradient(145deg,#383e27,#1f211a);box-shadow:0 24px 48px -35px rgba(31,33,26,.9);overflow:hidden;color:#fff}
.legal-verification::before{content:"";position:absolute;width:260px;height:260px;left:-150px;bottom:-145px;border:1px solid rgba(230,228,221,.18);border-radius:50%;box-shadow:0 0 0 22px rgba(230,228,221,.03),0 0 0 44px rgba(230,228,221,.02)}
.legal-qr{position:relative;z-index:1;display:grid;justify-items:center;gap:7px;flex:0 0 122px}
.legal-qr .official-qr-frame{width:122px;height:122px;padding:8px;border:1px solid rgba(182,179,148,.48);border-radius:17px;background:#fff;box-shadow:0 18px 30px -22px #000}
.legal-qr .official-qr-frame img{width:100%!important;height:100%!important;object-fit:contain;border-radius:8px}
.legal-qr span{color:rgba(255,255,255,.56);font-size:9px}
.legal-verification-copy{position:relative;z-index:1;min-width:0}
.legal-verification-copy>span{color:#b6b394;font-size:10px;font-weight:800;letter-spacing:1.5px}
.legal-verification-copy h3{margin:8px 0 0;color:#fff;font-family:'Cairo',sans-serif;font-size:clamp(20px,2.2vw,29px);line-height:1.4}
.legal-rule{width:46px;height:2px;margin:13px 0;background:#b6b394;border-radius:99px}
.legal-verification-copy small{color:rgba(255,255,255,.53);font-size:11px}
.legal-verification-mark{position:absolute;left:23px;top:20px;width:30px;height:30px;display:grid;place-items:center;border:1px solid rgba(182,179,148,.50);border-radius:50%;color:#d8d4b7;font-family:Arial;font-size:14px}
.legal-footer{display:flex;align-items:center;gap:12px;margin-top:23px;color:#8a9189;font-size:10px}
.legal-footer i{height:1px;flex:1;background:rgba(56,62,39,.12)}
@media(max-width:820px){.legal-heading{display:block}.legal-heading p{max-width:560px;margin-top:15px}.legal-content{grid-template-columns:1fr}.legal-verification{min-height:170px}}
@media(max-width:520px){.legal-section{padding:48px 13px!important}.legal-shell{padding:20px 15px;border-radius:23px}.legal-topbar{display:block}.legal-status{margin-top:12px}.legal-heading{padding:24px 0 22px}.legal-heading h2{font-size:31px!important}.legal-heading p{font-size:13px}.legal-record{min-height:122px;padding:19px 16px;gap:12px}.legal-record-icon{width:49px;height:49px;flex-basis:49px;border-radius:14px}.legal-record-icon svg{width:25px;height:25px}.legal-record-copy strong{font-size:15px;letter-spacing:.025em}.legal-record-copy span{font-size:11px}.legal-record-copy small{font-size:10px}.legal-verification{gap:15px;min-height:145px;padding:20px 15px}.legal-qr{flex-basis:84px}.legal-qr .official-qr-frame{width:84px;height:84px;padding:5px;border-radius:12px}.legal-verification-copy h3{font-size:18px}.legal-verification-mark{left:14px;top:14px;width:25px;height:25px;font-size:12px}.legal-footer{gap:8px;font-size:9px}}
@media(prefers-reduced-motion:reduce){.legal-record{transition:none}.legal-record:hover{transform:none}}

/* ===== Dark corporate report treatment ===== */
.legal-section{
  padding:clamp(78px,9vw,124px) 22px!important;
  background:
    radial-gradient(circle at 86% 10%,rgba(182,179,148,.16),transparent 23%),
    radial-gradient(circle at 8% 92%,rgba(60,84,96,.28),transparent 30%),
    linear-gradient(135deg,#092d33 0%,#0b252a 52%,#1f211a 145%)!important;
  color:#fff!important;
}
.legal-section::before{border-color:rgba(230,228,221,.11);box-shadow:0 0 0 34px rgba(182,179,148,.035),0 0 0 68px rgba(230,228,221,.018)}
.legal-section::after{border-color:rgba(182,179,148,.13)}
.legal-shell{
  width:min(1160px,100%);
  padding:clamp(28px,4vw,48px)!important;
  border:1px solid rgba(230,228,221,.16)!important;
  border-radius:28px!important;
  background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.025))!important;
  box-shadow:0 34px 80px -46px rgba(0,0,0,.85),inset 0 1px 0 rgba(255,255,255,.10)!important;
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
}
.legal-topbar{border-bottom-color:rgba(230,228,221,.14)!important}
.legal-overline{color:#b6b394!important}
.legal-status{border-color:rgba(182,179,148,.42)!important;color:#e2dec5!important;background:rgba(182,179,148,.10)!important}
.legal-status i{background:#b6b394!important}
.legal-heading{padding:34px 0 30px!important}
.legal-kicker{color:#b6b394!important}
.legal-heading h2{color:#fff!important;font-size:clamp(32px,4.7vw,57px)!important}
.legal-heading h2::after{background:linear-gradient(90deg,#b6b394,transparent)!important}
.legal-heading p{color:rgba(255,255,255,.58)!important;max-width:450px}
.legal-content{grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr)!important;gap:16px!important}
.legal-record{min-height:150px!important;padding:26px 28px!important;border-color:rgba(230,228,221,.14)!important;border-radius:20px!important;background:linear-gradient(145deg,rgba(255,255,255,.095),rgba(255,255,255,.035))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 22px 46px -36px rgba(0,0,0,.85)!important}
.legal-record:hover{border-color:rgba(182,179,148,.48)!important;background:linear-gradient(145deg,rgba(255,255,255,.13),rgba(255,255,255,.045))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 28px 52px -36px rgba(0,0,0,.92)!important}
.legal-record-icon{width:62px!important;height:62px!important;flex-basis:62px!important;border-color:rgba(182,179,148,.44)!important;color:#d9d4b5!important;background:linear-gradient(145deg,rgba(182,179,148,.20),rgba(255,255,255,.035))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 16px 28px -24px #000!important}
.legal-record:nth-child(2) .legal-record-icon{color:#b9d0cd!important}
.legal-record-copy span{color:rgba(255,255,255,.54)!important}
.legal-record-copy strong{color:#fff!important;font-size:clamp(19px,2.2vw,26px)!important}
.legal-record-copy small{color:rgba(255,255,255,.40)!important}
.legal-index{color:#b6b394!important}
.legal-verification{min-height:316px!important;padding:30px 26px!important;border:1px solid rgba(182,179,148,.40);background:linear-gradient(145deg,#3b422b,#20231c 65%,#163a3f)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 28px 58px -38px rgba(0,0,0,.95)!important}
.legal-verification::before{border-color:rgba(230,228,221,.17);box-shadow:0 0 0 22px rgba(230,228,221,.03),0 0 0 44px rgba(230,228,221,.018)}
.legal-qr .official-qr-frame{width:126px!important;height:126px!important;border-color:rgba(230,228,221,.48)!important;box-shadow:0 18px 34px -22px #000,0 0 0 5px rgba(182,179,148,.07)!important}
.legal-qr span{color:rgba(255,255,255,.62)!important}
.legal-verification-copy>span{color:#d7d2ad!important}
.legal-verification-copy h3{color:#fff!important;font-size:clamp(21px,2.4vw,31px)!important}
.legal-rule{background:#b6b394!important}
.legal-verification-copy small{color:rgba(255,255,255,.56)!important}
.legal-verification-mark{border-color:rgba(182,179,148,.52)!important;color:#e5e0bd!important}
.legal-footer{color:rgba(255,255,255,.43)!important}
.legal-footer i{background:rgba(230,228,221,.14)!important}
@media(max-width:820px){.legal-content{grid-template-columns:1fr!important}.legal-verification{min-height:190px!important}}
@media(max-width:520px){.legal-section{padding:52px 13px!important}.legal-shell{padding:21px 15px!important;border-radius:23px!important}.legal-heading{padding:25px 0 22px!important}.legal-heading h2{font-size:32px!important}.legal-record{min-height:126px!important;padding:20px 16px!important}.legal-record-icon{width:51px!important;height:51px!important;flex-basis:51px!important}.legal-record-copy strong{font-size:15px!important}.legal-verification{min-height:150px!important;padding:21px 15px!important}.legal-qr{flex-basis:86px}.legal-qr .official-qr-frame{width:86px!important;height:86px!important}.legal-verification-copy h3{font-size:18px!important}}

#vision,#mission,#goals,#values,#services,#brands,#clients,#contact,#official-numbers-end{content-visibility:auto;contain-intrinsic-size:700px;}

/* لا نؤخر أول محتوى مرئي بانتظار JavaScript reveal */
#home .hero-copy,#home .hero-art{opacity:1 !important;transform:none !important;}
#home .hero-logo{animation:none !important;}

/* Performance layer: keep visual identity while reducing paint and compositing cost. */
.interactive-card{will-change:auto}
.service-card,.goal-item,.value-item,.legal-record,.client-logo-card{contain:layout paint}
#vision,#mission,#goals,#values,#services,#brands,#clients,#contact,#official-numbers-end{content-visibility:auto;contain-intrinsic-size:700px}
@media (max-width:900px){header,.top,.modal-backdrop{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.new-ornament img,.section-decoration img,.universal-ornament{filter:none!important}.service-card,.goal-item,.value-item,.legal-record,.client-logo-card{box-shadow:0 10px 28px -24px rgba(0,0,0,.55)!important}}
@media (max-width:700px),(prefers-reduced-motion:reduce){.hero-orbit,.hero-scan,.hero-pulse,.section-nav,.universal-ornament,.new-ornament img,.section-decoration img{animation:none!important}.interactive-card{transform:none!important}.service-card,.goal-item,.value-item,.legal-record,.client-logo-card{transition:none!important}}

/* ===== القسم الثالث — نفس الروح البصرية للقسم الرابع ===== */
#services.svc2{
  background:
    radial-gradient(circle at 15% 20%,rgba(230,228,221,.22),transparent 25%),
    radial-gradient(circle at 85% 75%,rgba(182,179,148,.16),transparent 28%),
    linear-gradient(145deg,#f8f5ed,#e9e3d7)!important;
  color:#383E27!important;
  padding:78px 0 88px!important;
}

/* رأس القسم بنفس هدوء وتوازن القسم الرابع */
#services .svc2-head{
  max-width:760px!important;
  margin:0 auto 48px!important;
  text-align:center!important;
}
#services .svc2-kicker{
  color:#EDE0C8!important;
  font-family:'Cairo',sans-serif!important;
  font-size:clamp(30px,4vw,48px)!important;
  font-weight:700!important;
  line-height:1.4!important;
  letter-spacing:-.035em!important;
  text-shadow:none!important;
}
#services .svc2-kicker::before,
#services .svc2-kicker::after{
  background:#B6B394!important;
}

/* نفس أسلوب البطاقات الهادئ: أبيض، حدود خفيفة، ظل ناعم */
#services .svc2-tracks{
  gap:24px!important;
}
#services .svc2-track{
  background:rgba(255,255,255,.72)!important;
  border:1px solid rgba(56,62,39,.10)!important;
  border-radius:26px!important;
  box-shadow:0 24px 55px -40px rgba(56,62,39,.42)!important;
  backdrop-filter:blur(10px)!important;
  color:#383E27!important;
  transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease!important;
}
#services .svc2-track:hover{
  transform:translateY(-6px)!important;
  border-color:rgba(182,179,148,.48)!important;
  box-shadow:0 28px 65px -40px rgba(56,62,39,.48)!important;
}

/* الأرقام والأيقونات بنفس لوحة القسم الرابع */
#services .svc2-track-num{
  background:linear-gradient(145deg,#fffdf8,#f0eadc)!important;
  color:#7b7658!important;
  border:1px solid rgba(182,179,148,.30)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.8),0 12px 28px -22px rgba(56,62,39,.35)!important;
}
#services .svc2-track-copy h3,
#services .svc2-item-title{
  color:#383E27!important;
}
#services .svc2-track-copy p{
  color:#EDE0C8!important;
}
#services .svc2-count{
  color:#7b7658!important;
  background:rgba(182,179,148,.10)!important;
  border-color:rgba(182,179,148,.22)!important;
}
#services .svc2-list{
  border-top-color:rgba(56,62,39,.10)!important;
}
#services .svc2-list a{
  border-bottom-color:rgba(56,62,39,.08)!important;
}
#services .svc2-icon{
  background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(247,240,223,.82))!important;
  border-color:rgba(182,179,148,.28)!important;
  color:#7b7658!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.75),0 12px 28px -24px rgba(56,62,39,.35)!important;
}
#services .svc2-icon svg{
  stroke:#7b7658!important;
}
#services .svc2-arrow{
  color:#8b835f!important;
}
#services .svc2-list a:hover{
  background:rgba(182,179,148,.075)!important;
}

/* زر التواصل بنفس المعالجة الذهبية */
#services .svc2-cta{
  border-top-color:rgba(56,62,39,.12)!important;
}
#services .svc2-cta p{
  color:#5b6b6d!important;
}
#services .svc2-cta-btn{
  background:linear-gradient(135deg,#E6E4DD,#B6B394)!important;
  color:#383E27!important;
  box-shadow:0 12px 28px -20px rgba(56,62,39,.42)!important;
}

/* إبقاء الزخرفة المائية موجودة لكن هادئة حتى لا تنافس المحتوى */
#services .services-watermark-image{
  opacity:.12!important;
  filter:none!important;
  mix-blend-mode:multiply!important;
}
#services > .section-decoration img{
  opacity:.07!important;
  mix-blend-mode:multiply!important;
}

/* responsive */
@media(max-width:920px){
  #services.svc2{padding:68px 0 76px!important}
}
@media(max-width:600px){
  #services.svc2{padding:58px 0 68px!important}
  #services .svc2-track{border-radius:22px!important}
}

/* ====== SECTION 3: exact visual family of SECTION 4 ====== */
#services.svc2{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
  min-height:690px!important;
  padding:105px 5% 125px!important;
  background:
    radial-gradient(circle at 31% 27%,rgba(182,179,148,.20),transparent 22%),
    radial-gradient(circle at 82% 55%,rgba(60,84,96,.08),transparent 30%),
    linear-gradient(135deg,#E6E4DD 0%,#ece9df 58%,#e4e2d8 100%)!important;
  color:#383E27!important;
}
#services.svc2::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  pointer-events:none!important;
  background:
    linear-gradient(115deg,transparent 0 72%,rgba(255,255,255,.45) 73%,transparent 76%),
    radial-gradient(circle at 70% 0%,rgba(255,255,255,.55),transparent 30%)!important;
  opacity:1!important;
}
#services .svc2-glow{display:none!important}

/* decoration behind the content, same subtle treatment as section 4 */
#services > .section-decoration{
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  pointer-events:none!important;
  overflow:hidden!important;
}
#services > .section-decoration img{
  position:absolute!important;
  right:-90px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  width:430px!important;
  height:auto!important;
  opacity:.055!important;
  filter:none!important;
  mix-blend-mode:multiply!important;
}
#services .services-watermark-image{
  position:absolute!important;
  z-index:0!important;
  right:-70px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  height:610px!important;
  width:auto!important;
  max-width:none!important;
  opacity:.085!important;
  filter:none!important;
  mix-blend-mode:multiply!important;
  pointer-events:none!important;
}
#services .svc2-inner{
  position:relative!important;
  z-index:2!important;
  width:min(1120px,100%)!important;
  margin:0 auto!important;
}

/* heading = section 4 heading language */
#services .svc2-head{
  max-width:720px!important;
  margin:0 auto 62px!important;
  text-align:center!important;
  direction:rtl!important;
}
#services .svc2-kicker{
  margin:0!important;
  color:#EDE0C8!important;
  font-family:'Cairo',sans-serif!important;
  font-size:clamp(42px,6vw,72px)!important;
  line-height:1.1!important;
  font-weight:800!important;
  letter-spacing:0!important;
  text-shadow:none!important;
}
#services .svc2-kicker::before,
#services .svc2-kicker::after{
  content:""!important;
  display:inline-block!important;
  vertical-align:middle!important;
  width:42px!important;
  height:2px!important;
  margin:0 12px!important;
  background:#B6B394!important;
  border-radius:99px!important;
}

/* same two-column card language as section 4 */
#services .svc2-tracks{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:18px!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
}
#services .svc2-track{
  position:relative!important;
  min-height:0!important;
  padding:28px!important;
  border:1px solid rgba(57,62,40,.10)!important;
  border-radius:22px!important;
  background:rgba(255,255,255,.62)!important;
  color:#383E27!important;
  box-shadow:0 20px 45px -38px rgba(32,33,27,.70)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease!important;
}
#services .svc2-track::before{
  content:""!important;
  position:absolute!important;
  inset:12px!important;
  top:auto!important;
  right:auto!important;
  left:auto!important;
  height:auto!important;
  border:1px dashed rgba(182,179,148,.34)!important;
  border-radius:15px!important;
  background:transparent!important;
  pointer-events:none!important;
  opacity:1!important;
}
#services .svc2-track:hover{
  transform:translateY(-7px)!important;
  border-color:rgba(182,179,148,.52)!important;
  box-shadow:0 25px 50px -36px rgba(125,91,35,.45)!important;
}

/* header inside cards */
#services .svc2-track-head{
  position:relative!important;
  z-index:2!important;
  display:flex!important;
  align-items:flex-start!important;
  gap:14px!important;
  margin:0!important;
  padding:0!important;
}
#services .svc2-track-num{
  flex:0 0 48px!important;
  width:48px!important;
  height:48px!important;
  border-radius:15px!important;
  border:1px solid rgba(182,179,148,.42)!important;
  background:linear-gradient(145deg,#f7f3ea,#e9e5d8)!important;
  color:#7b7658!important;
  box-shadow:0 12px 28px -22px rgba(56,62,39,.40)!important;
}
#services .svc2-track-copy{min-width:0!important}
#services .svc2-track-copy-top{
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  flex-wrap:wrap!important;
  margin:0 0 7px!important;
}
#services .svc2-track-copy h3{
  margin:0!important;
  color:#383E27!important;
  font-family:'Cairo',sans-serif!important;
  font-size:clamp(1.1rem,1.7vw,1.38rem)!important;
  font-weight:800!important;
  line-height:1.5!important;
}
#services .svc2-count{
  padding:3px 9px!important;
  border:1px solid rgba(182,179,148,.36)!important;
  border-radius:999px!important;
  background:rgba(182,179,148,.12)!important;
  color:#7b7658!important;
}
#services .svc2-track-copy p{
  margin:0!important;
  color:#EDE0C8!important;
  font-size:.9rem!important;
  line-height:1.85!important;
}

/* list = section 4 card/list treatment */
#services .svc2-list{
  position:relative!important;
  z-index:2!important;
  display:grid!important;
  gap:0!important;
  margin:25px 0 0!important;
  padding:0!important;
  border-top:1px solid rgba(57,62,40,.10)!important;
}
#services .svc2-list li{
  border-bottom:1px solid rgba(57,62,40,.08)!important;
}
#services .svc2-list li:first-child{
  border-top:0!important;
}
#services .svc2-list a{
  min-height:60px!important;
  padding:9px 2px!important;
  color:#5d6657!important;
  gap:12px!important;
}
#services .svc2-list a:hover,
#services .svc2-list a:focus-visible{
  padding-inline:8px!important;
  background:rgba(182,179,148,.075)!important;
  outline:0!important;
}
#services .svc2-icon{
  flex:0 0 38px!important;
  width:38px!important;
  height:38px!important;
  border:1px solid rgba(182,179,148,.34)!important;
  border-radius:12px!important;
  background:rgba(255,255,255,.72)!important;
  box-shadow:0 10px 25px -22px rgba(56,62,39,.35)!important;
}
#services .svc2-icon svg{
  width:19px!important;
  height:19px!important;
  stroke:#7b7658!important;
  stroke-width:4!important;
}
#services .svc2-item-title{
  color:#5d6657!important;
  font-family:'Tajawal',sans-serif!important;
  font-size:.94rem!important;
  line-height:1.65!important;
}
#services .svc2-arrow{
  color:#8b835f!important;
  opacity:.8!important;
}

/* bottom CTA like section 4 */
#services .svc2-cta{
  position:relative!important;
  z-index:2!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:20px!important;
  margin:45px 0 0!important;
  padding:24px 0 0!important;
  border-top:1px solid rgba(57,62,40,.12)!important;
}
#services .svc2-cta p{
  margin:0!important;
  color:#6e746c!important;
  font-size:.96rem!important;
}
#services .svc2-cta-btn{
  min-height:46px!important;
  padding:11px 22px!important;
  border-radius:999px!important;
  background:linear-gradient(135deg,#f1ede1,#b6b394)!important;
  color:#383E27!important;
  box-shadow:0 14px 30px -24px rgba(56,62,39,.50)!important;
}

/* mobile */
@media(max-width:900px){
  #services.svc2{padding:82px 5% 90px!important}
  #services .svc2-tracks{grid-template-columns:1fr!important}
  #services .svc2-track{padding:24px!important}
}
@media(max-width:600px){
  #services.svc2{padding:70px 5% 78px!important}
  #services .svc2-head{margin-bottom:40px!important}
  #services .svc2-kicker{font-size:42px!important}
  #services .svc2-kicker::before,#services .svc2-kicker::after{width:24px!important;margin:0 7px!important}
  #services .svc2-track{border-radius:20px!important;padding:22px 18px!important}
  #services .svc2-cta{flex-direction:column!important;align-items:stretch!important;text-align:center!important}
  #services .svc2-cta-btn{width:100%!important}
  #services .services-watermark-image{right:-135px!important;height:520px!important;opacity:.055!important}
}

/* لون خط قسم الخدمات — واضح ومتناسق مع هوية التصميم */
#services.svc2{color:#263A36!important;}
#services .svc2-kicker{color:#EDE0C8!important;}
#services .svc2-track{color:#263A36!important;}
#services .svc2-track-copy h3{color:#29443F!important;}
#services .svc2-track-copy p{color:#EDE0C8!important;}
#services .svc2-list a{color:#334F4A!important;}
#services .svc2-item-title{color:#334F4A!important;}
#services .svc2-cta p{color:#56645F!important;}
#services .svc2-track-num{color:#6F694C!important;}
#services .svc2-count{color:#6F694C!important;}
#services .svc2-arrow{color:#8A8159!important;}
#services .svc2-icon svg{stroke:#746D4E!important;}
#services .svc2-cta-btn{color:#29352D!important;}

/* لون نصوص قسم الخدمات مطابق للون النص الأساسي في القسم السادس */
#services.svc2,
#services.svc2 .svc2-inner,
#services.svc2 .svc2-track,
#services.svc2 .svc2-track-copy,
#services.svc2 .svc2-track-copy h3,
#services.svc2 .svc2-item-title,
#services.svc2 .svc2-cta,
#services.svc2 .svc2-cta p,
#services.svc2 .svc2-kicker {
  color:#EDE0C8 !important;
}
#services.svc2 .svc2-track-copy p {
  color:#EDE0C8 !important;
}
#services.svc2 .svc2-cta p {
  color:#383E27 !important;
}
#services.svc2 .svc2-list a,
#services.svc2 .svc2-list a span,
#services.svc2 .svc2-arrow {
  color:#383E27 !important;
}
#services.svc2 .svc2-track-num,
#services.svc2 .svc2-count,
#services.svc2 .svc2-icon {
  color:#7B7658 !important;
}

/* ضبط احترافي: لون نص الخدمات مستمد من لون الخلفية الداكنة للقسم السادس في الهوية */
#services.svc2 .svc2-kicker {
  color:#EDE0C8 !important;
}
#services.svc2 .svc2-track-copy h3,
#services.svc2 .svc2-item-title,
#services.svc2 .svc2-list a,
#services.svc2 .svc2-inner {
  color:#092D35 !important;
}
#services.svc2 .svc2-track-copy p {
  color:#EDE0C8 !important;
}
#services.svc2 .svc2-cta p {
  color:#38555A !important;
}
#services.svc2 .svc2-arrow {
  color:#092D35 !important;
}
#services.svc2 .svc2-track-num,
#services.svc2 .svc2-count {
  color:#6F694C !important;
}
#services.svc2 .svc2-cta-btn {
  color:#092D35 !important;
}
/* منع قواعد CSS القديمة من إعادة اللون الأبيض */
#services.svc2 .svc2-track-copy h3,
#services.svc2 .svc2-item-title,
#services.svc2 .svc2-list a {
  text-shadow:none !important;
}

/* ===== بطاقات الخدمات — نفس لون وأسلوب البطاقة الزجاجية في التصميم المرجعي =====
   تدرّج تيلي-أخضر (أعلى) ← زيتوني (أسفل) + خط ذهبي علوي + شارة كريمية.
   الألوان ثابتة (وليست شفافة فوق الخلفية) حتى يبقى لون البطاقة مطابقاً
   للمرجع مهما تغيّرت خلفية القسم.                                        */
html body #services.svc2{
  --svc-card-1:#214242;   /* تيلي أخضر — أعلى البطاقة */
  --svc-card-2:#2c433a;   /* أخضر داكن — المنتصف     */
  --svc-card-3:#3b4533;   /* زيتوني — أسفل البطاقة   */
  --svc-line:rgba(230,228,221,.18);
  --svc-divider:rgba(255,255,255,.11);
  --svc-cream:#E6E4DD;
  --svc-sage:#B6B394;
}

/* البطاقة */
html body #services.svc2 .svc2-track{
  background:
    radial-gradient(130% 90% at 0% 0%,rgba(255,255,255,.03),transparent 55%),
    linear-gradient(150deg,var(--svc-card-1) 0%,var(--svc-card-2) 42%,var(--svc-card-3) 100%)!important;
  border:1px solid var(--svc-line)!important;
  box-shadow:0 28px 70px -52px rgba(0,0,0,.85),inset 0 1px 0 rgba(255,255,255,.08)!important;
  color:#fff!important;
}
/* الخط الذهبي العلوي بدل الإطار المنقّط الداخلي */
html body #services.svc2 .svc2-track::before{
  content:""!important;
  position:absolute!important;
  top:0!important;right:11%!important;left:11%!important;bottom:auto!important;
  inset-block-end:auto!important;
  height:2px!important;
  border:0!important;
  border-radius:999px!important;
  background:linear-gradient(90deg,transparent,var(--svc-sage),transparent)!important;
  opacity:.8!important;
}
html body #services.svc2 .svc2-track:hover{
  border-color:rgba(182,179,148,.42)!important;
  box-shadow:0 34px 70px -46px rgba(0,0,0,.9),inset 0 1px 0 rgba(255,255,255,.10)!important;
}

/* شارة الرقم */
html body #services.svc2 .svc2-track-num{
  background:linear-gradient(145deg,var(--svc-cream),var(--svc-sage))!important;
  border:1px solid rgba(230,228,221,.58)!important;
  box-shadow:0 12px 26px -16px rgba(0,0,0,.75)!important;
  color:#383E27!important;
}

/* العنوان والوصف وعدّاد الخدمات */
html body #services.svc2 .svc2-track-copy h3{color:#fff!important}
html body #services.svc2 .svc2-track-copy p{color:#EDE0C8!important}
html body #services.svc2 .svc2-count{
  background:transparent!important;
  border:1px solid rgba(230,228,221,.24)!important;
  color:rgba(255,255,255,.78)!important;
}

/* القائمة */
html body #services.svc2 .svc2-list{border-top:1px solid var(--svc-divider)!important}
html body #services.svc2 .svc2-list li{border-bottom:1px solid var(--svc-divider)!important}
html body #services.svc2 .svc2-list li:first-child{border-top:0!important}
html body #services.svc2 .svc2-list a{color:rgba(255,255,255,.92)!important}
html body #services.svc2 .svc2-list a:hover,
html body #services.svc2 .svc2-list a:focus-visible{background:rgba(230,228,221,.07)!important}
html body #services.svc2 .svc2-list a .svc2-item-title{color:rgba(255,255,255,.92)!important}
html body #services.svc2 .svc2-list a .svc2-arrow{color:var(--svc-cream)!important;opacity:.72!important}

/* مربّع الأيقونة */
html body #services.svc2 .svc2-icon{
  background:rgba(230,228,221,.07)!important;
  border:1px solid rgba(230,228,221,.28)!important;
  box-shadow:none!important;
  color:var(--svc-cream)!important;
}
html body #services.svc2 .svc2-icon svg{stroke:var(--svc-cream)!important}

/* جملة الدعوة أسفل القسم: كانت بلون تيلي داكن على خلفية داكنة */
html body #services.svc2 .svc2-cta{border-top:1px solid rgba(255,255,255,.16)!important}
html body #services.svc2 .svc2-cta p{color:rgba(255,255,255,.76)!important}

/* ===== أثر سار — زخرفة جديدة احترافية =====
   الرئيسية والخدمات: نحافظ على زخرفتهما الحالية.
   بقية الأقسام: زخارف جديدة خفيفة، مرتبطة بالهوية ولا تعيق القراءة.
*/
#about,#vision,#mission,#goals,#values,#brands,#clients,#contact,#official-numbers-end{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
}
#about > *,#vision > *,#mission > *,#goals > *,#values > *,#brands > *,#clients > *,#contact > *,#official-numbers-end > *{
  position:relative;z-index:2;
}
/* remove every previous full-size image ornament from these sections */
#about::before,#about::after,#vision::before,#vision::after,#mission::before,#mission::after,
#goals::before,#goals::after,#values::before,#values::after,#brands::before,#brands::after,
#clients::before,#clients::after,#contact::before,#contact::after,#official-numbers-end::before,#official-numbers-end::after{
  content:"";position:absolute;pointer-events:none;z-index:0;
}
/* refined corner artwork */
#about::before,#vision::before,#goals::before,#brands::before,#clients::before{
  width:clamp(145px,18vw,270px);
  height:clamp(175px,22vw,325px);
  background-image:url("../assets/css-asset-28-803a5cf0cd.png");
  background-repeat:no-repeat;background-size:contain;
  opacity:.10;
  top:-48px;left:-35px;
  transform:rotate(-8deg);
  filter:sepia(.18) saturate(.72);
}
#mission::after,#values::after,#contact::after,#official-numbers-end::after{
  width:clamp(145px,18vw,270px);
  height:clamp(175px,22vw,325px);
  background-image:url("../assets/css-asset-28-803a5cf0cd.png");
  background-repeat:no-repeat;background-size:contain;
  opacity:.10;
  bottom:-52px;right:-38px;
  transform:rotate(172deg);
  filter:sepia(.18) saturate(.72);
}
/* small identity strokes — different direction per section */
#about::after,#vision::after,#goals::after,#clients::after{
  width:92px;height:92px;
  border:1px solid rgba(182,179,148,.28);
  border-radius:50%;
  top:18%;right:5%;
  box-shadow:0 0 0 14px rgba(182,179,148,.035),0 0 0 28px rgba(182,179,148,.018);
}
#mission::before,#values::before,#brands::before,#contact::before{
  width:110px;height:110px;
  border:1px solid rgba(182,179,148,.22);
  border-radius:50%;
  bottom:18%;left:5%;
  box-shadow:0 0 0 12px rgba(182,179,148,.028),0 0 0 25px rgba(182,179,148,.014);
}
#official-numbers-end::before{
  width:180px;height:180px;right:-85px;top:12%;
  border:1px solid rgba(182,179,148,.16);border-radius:50%;
  box-shadow:0 0 0 18px rgba(182,179,148,.025);
}
/* keep decoration calm on mobile */
@media(max-width:700px){
  #about::before,#vision::before,#goals::before,#brands::before,#clients::before,
  #mission::after,#values::after,#contact::after,#official-numbers-end::after{
    width:130px;height:158px;opacity:.075;
  }
  #about::after,#vision::after,#goals::after,#clients::after{width:58px;height:58px;right:3%;}
  #mission::before,#values::before,#brands::before,#contact::before{width:65px;height:65px;left:3%;}
}
@media(prefers-reduced-motion:reduce){
  #about::before,#about::after,#vision::before,#vision::after,#mission::before,#mission::after,
  #goals::before,#goals::after,#values::before,#values::after,#brands::before,#brands::after,
  #clients::before,#clients::after,#contact::before,#contact::after,#official-numbers-end::before,#official-numbers-end::after{transition:none!important;animation:none!important;}
}

/* CLEAN ORNAMENT SYSTEM — one layer, no negative z-index */
.new-ornament{position:absolute!important;inset:0!important;z-index:1!important;pointer-events:none!important;overflow:hidden!important;}
.new-ornament img{position:absolute!important;width:clamp(220px,28vw,430px)!important;height:auto!important;max-width:none!important;opacity:.42!important;display:block!important;mix-blend-mode:normal!important;filter:drop-shadow(0 12px 22px rgba(0,0,0,.08))!important;user-select:none!important;-webkit-user-drag:none!important;}
.new-ornament.sage img{opacity:.36!important;}
.new-ornament.white img{opacity:.32!important;}
.new-ornament.left img{left:-95px!important;}
.new-ornament.right img{right:-95px!important;}
.new-ornament.top img{top:-75px!important;}
.new-ornament.bottom img{bottom:-75px!important;}
.new-ornament.top-left img{left:-95px!important;top:-75px!important;transform:rotate(-7deg)!important;}
.new-ornament.top-right img{right:-95px!important;top:-75px!important;transform:rotate(7deg)!important;}
.new-ornament.bottom-left img{left:-95px!important;bottom:-75px!important;transform:rotate(8deg)!important;}
.new-ornament.bottom-right img{right:-95px!important;bottom:-75px!important;transform:rotate(-8deg)!important;}
#about,#vision,#mission,#goals,#values,#brands,#clients,#contact,#official-numbers-end{position:relative!important;isolation:isolate!important;overflow:hidden!important;}
#about>.new-ornament,#vision>.new-ornament,#mission>.new-ornament,#goals>.new-ornament,#values>.new-ornament,#brands>.new-ornament,#clients>.new-ornament,#contact>.new-ornament,#official-numbers-end>.new-ornament{display:block!important;visibility:visible!important;}
#about>.container,#vision>.container,#mission>.container,#goals>.container,#values>.container,#brands>.brands-shell,#clients>.clients-shell,#contact>.container,#official-numbers-end>.official-numbers-card{position:relative!important;z-index:4!important;}
#about::before,#about::after,#vision::before,#vision::after,#mission::before,#mission::after,#goals::before,#goals::after,#values::before,#values::after,#brands::before,#brands::after,#clients::before,#clients::after,#contact::before,#contact::after{pointer-events:none!important;}
@media(max-width:700px){
 .new-ornament img{width:260px!important;opacity:.27!important;}
 .new-ornament.left img,.new-ornament.bottom-left img{left:-120px!important;}
 .new-ornament.right img,.new-ornament.bottom-right img{right:-120px!important;}
 .new-ornament.top img,.new-ornament.bottom img{top:-55px!important;bottom:-55px!important;}
}
@media(prefers-reduced-motion:reduce){.new-ornament img{animation:none!important;}}

/* ===== FINAL ORNAMENT VISIBILITY FIX =====
   Uses the existing embedded artwork already present in the HTML.
   No negative z-index, no blend mode, and no rule is allowed to hide it.
*/
#about,#vision,#mission,#goals,#values,#services,#brands,#clients,#contact,#official-numbers-end{
  position:relative !important;
  isolation:isolate !important;
  overflow:hidden !important;
}

#about > .new-ornament,
#vision > .new-ornament,
#mission > .new-ornament,
#goals > .new-ornament,
#values > .new-ornament,
#services > .new-ornament,
#brands > .new-ornament,
#clients > .new-ornament,
#contact > .new-ornament,
#official-numbers-end > .new-ornament,
.decorated-section > .section-decoration{
  display:block !important;
  visibility:visible !important;
  position:absolute !important;
  inset:0 !important;
  z-index:1 !important;
  pointer-events:none !important;
  overflow:hidden !important;
}

#about > .new-ornament img,
#vision > .new-ornament img,
#mission > .new-ornament img,
#goals > .new-ornament img,
#values > .new-ornament img,
#services > .new-ornament img,
#brands > .new-ornament img,
#clients > .new-ornament img,
#contact > .new-ornament img,
#official-numbers-end > .new-ornament img,
.decorated-section > .section-decoration img{
  display:block !important;
  visibility:visible !important;
  position:absolute !important;
  width:clamp(250px,32vw,520px) !important;
  height:auto !important;
  max-width:none !important;
  opacity:.48 !important;
  mix-blend-mode:normal !important;
  filter:none !important;
  pointer-events:none !important;
}

/* Light artwork on dark sections */
#home > .universal-ornament,
#values > .new-ornament,
#services > .new-ornament,
#clients > .new-ornament,
#contact > .new-ornament,
#official-numbers-end > .new-ornament{z-index:1 !important;}

#values > .new-ornament img,
#services > .new-ornament img,
#clients > .new-ornament img,
#contact > .new-ornament img,
#official-numbers-end > .new-ornament img{
  opacity:.55 !important;
}

/* Sage artwork on light sections */
#about > .new-ornament img,
#vision > .new-ornament img,
#mission > .new-ornament img,
#goals > .new-ornament img,
#brands > .new-ornament img{
  opacity:.42 !important;
}

/* Keep the content above the ornaments */
#about > :not(.new-ornament),
#vision > :not(.new-ornament),
#mission > :not(.new-ornament),
#goals > :not(.new-ornament),
#values > :not(.new-ornament),
#services > :not(.new-ornament),
#brands > :not(.new-ornament),
#clients > :not(.new-ornament),
#contact > :not(.new-ornament),
#official-numbers-end > :not(.new-ornament),
.decorated-section > :not(.section-decoration){
  position:relative !important;
  z-index:2 !important;
}

/* Exact placement of the existing ornaments */
#about > .new-ornament img{left:-95px !important;top:-75px !important;transform:rotate(-7deg) !important;}
#vision > .new-ornament img{right:-95px !important;bottom:-75px !important;transform:rotate(7deg) !important;}
#mission > .new-ornament img{left:-95px !important;bottom:-75px !important;transform:rotate(8deg) !important;}
#goals > .new-ornament img{right:-95px !important;top:-75px !important;transform:rotate(7deg) !important;}
#values > .new-ornament img{left:-95px !important;bottom:-75px !important;transform:rotate(8deg) !important;}
#brands > .new-ornament img{right:-95px !important;top:-75px !important;transform:rotate(7deg) !important;}
#clients > .new-ornament img{left:-95px !important;bottom:-75px !important;transform:rotate(8deg) !important;}
#contact > .new-ornament img{right:-95px !important;top:-75px !important;transform:rotate(7deg) !important;}
#official-numbers-end > .new-ornament img{left:-95px !important;bottom:-75px !important;transform:rotate(8deg) !important;}

/* Services keeps its original decoration visible */
#services > .section-decoration img{
  left:3% !important;
  top:8% !important;
  width:clamp(240px,24vw,420px) !important;
  opacity:.68 !important;
}

@media(max-width:700px){
  #about > .new-ornament img,
  #vision > .new-ornament img,
  #mission > .new-ornament img,
  #goals > .new-ornament img,
  #values > .new-ornament img,
  #services > .new-ornament img,
  #brands > .new-ornament img,
  #clients > .new-ornament img,
  #contact > .new-ornament img,
  #official-numbers-end > .new-ornament img{
    width:260px !important;
    opacity:.42 !important;
  }
}

#services > .services-watermark-image{position:absolute !important;pointer-events:none !important;z-index:1 !important;}
#services > .svc2-inner{position:relative !important;z-index:4 !important;}

.mini-contact-submit:disabled{opacity:.65;cursor:wait}
.mini-contact-status{margin:14px 0 0;text-align:center;font-size:.9rem;line-height:1.8;min-height:1.8em}
.mini-contact-status.is-loading{color:#B6B394}
.mini-contact-status.is-success{color:#bdd9b6}
.mini-contact-status.is-error{color:#ffb3a7}

/* Final color pass: these values intentionally come last to override legacy section rules. */
#official-numbers-end.legal-section{
  background:
    radial-gradient(circle at 86% 10%,rgba(182,179,148,.16),transparent 23%),
    radial-gradient(circle at 8% 92%,rgba(60,84,96,.28),transparent 30%),
    linear-gradient(135deg,#092d33 0%,#0b252a 52%,#1f211a 145%) !important;
  color:#fff!important;
}
#official-numbers-end.legal-section .legal-shell{
  background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.025)) !important;
  border-color:rgba(230,228,221,.16)!important;
}
#official-numbers-end.legal-section .legal-heading h2,
#official-numbers-end.legal-section .legal-record-copy strong,
#official-numbers-end.legal-section .legal-verification-copy h3{color:#fff!important}
#official-numbers-end.legal-section .legal-record{
  background:linear-gradient(145deg,rgba(255,255,255,.095),rgba(255,255,255,.035))!important;
  border-color:rgba(230,228,221,.14)!important;
}
#official-numbers-end.legal-section .legal-verification{
  background:linear-gradient(145deg,#3b422b,#20231c 65%,#163a3f)!important;
  border-color:rgba(182,179,148,.40)!important;
}
#official-numbers-end.legal-section .legal-kicker,
#official-numbers-end.legal-section .legal-overline,
#official-numbers-end.legal-section .legal-index,
#official-numbers-end.legal-section .legal-verification-copy>span{color:#b6b394!important}
#official-numbers-end.legal-section .legal-heading p,
#official-numbers-end.legal-section .legal-record-copy span,
#official-numbers-end.legal-section .legal-record-copy small,
#official-numbers-end.legal-section .legal-footer{color:rgba(255,255,255,.56)!important}
#official-numbers-end.legal-section .legal-record-icon{color:#d9d4b5!important;background:linear-gradient(145deg,rgba(182,179,148,.20),rgba(255,255,255,.035))!important;border-color:rgba(182,179,148,.44)!important}
#official-numbers-end.legal-section .legal-record:nth-child(2) .legal-record-icon{color:#b9d0cd!important}
#official-numbers-end.legal-section .legal-footer i{background:rgba(230,228,221,.14)!important}

/* Dark sections share the commercial register card background (.legal-verification) */
html body section#home#home#home,
html body section#vision#vision#vision,
html body section#goals#goals#goals,
html body section#services#services#services,
html body section#clients#clients#clients,
html body section#contact#contact#contact{
  background-color:#20231c !important;
  background-image:linear-gradient(145deg, #3b422b, #20231c 65%, #163a3f) !important;
  background-repeat:no-repeat !important;
}

/* Mission section uses the same background as the values section */
html body section#mission#mission#mission{
  background-color:transparent !important;
  background-image:radial-gradient(circle at 85% 20%, rgba(182,179,148,.1), transparent 24%), linear-gradient(#f5f1e8, #fbf9f4) !important;
  background-repeat:no-repeat !important;
}
#mission > .new-ornament{z-index:1 !important;}
@media(min-width:701px){
  #mission > .new-ornament img{opacity:.55 !important;}
}

/* Mission section typography: one uniform size for the whole statement */
#mission .container.single{max-width:1040px !important;}
#mission .mission-text{
  max-width:960px !important;
  margin:0 auto !important;
  text-align:center !important;
  font-family:'Tajawal','Cairo',sans-serif !important;
}
#mission .mission-top{
  display:flex;align-items:center;justify-content:center;gap:16px;
  width:340px;margin:0 auto 26px;
}
#mission .mission-top::before,
#mission .mission-top::after{
  content:"";flex:1;height:1px;
  background:linear-gradient(90deg,transparent,#B6B394);
}
#mission .mission-top::after{transform:scaleX(-1);}
#mission .mission-top b{
  flex:none;display:grid;place-items:center;
}
#mission .mission-top svg{display:block;}
#mission .mission-line{
  display:block;
  font-family:'Cairo',sans-serif;
  font-size:clamp(1rem,1.6vw,1.3rem);
  font-weight:700;
  line-height:2.15;
  letter-spacing:-.025em;
  color:#092D35;
  text-wrap:balance;
}
#mission .mission-line em{font-style:normal;font-weight:inherit;color:inherit;}
#mission .mission-sep{
  display:flex;align-items:center;justify-content:center;gap:14px;
  width:210px;margin:30px auto 0;
}
#mission .mission-sep::before,
#mission .mission-sep::after{
  content:"";flex:1;height:1px;
  background:linear-gradient(90deg,transparent,#B6B394);
}
#mission .mission-sep::after{transform:scaleX(-1);}
#mission .mission-sep i{
  flex:none;width:9px;height:9px;background:#A47C32;transform:rotate(45deg);border-radius:1px;
}
@media(max-width:700px){
  #mission .mission-top{width:240px;margin-bottom:18px;}
  #mission .mission-top svg{width:64px;height:64px;}
  #mission .mission-line{line-height:2;}
  #mission .mission-sep{width:150px;margin-top:22px;}
}

/* Clients heading: no ring behind the title and no lines under it */
#clients .clients-header::before,
#clients .clients-header::after,
#clients .clients-header h2::after,
#clients .clients-header h2::before{content:none !important;display:none !important;}
#clients.clients-showcase{min-height:0 !important;}

/* Values section: a mirrored copy of the ornament in the top corner (opposite side) */
#values > .new-ornament.orn-top img,
#mission > .new-ornament.orn-top img{
  left:auto !important;
  bottom:auto !important;
  right:-95px !important;
  top:-75px !important;
  transform:rotate(188deg) !important;
}
@media(min-width:701px){
  #mission > .new-ornament.orn-top img{opacity:.55 !important;}
}
@media(max-width:700px){
  #values > .new-ornament.orn-top img,
  #mission > .new-ornament.orn-top img{right:-95px !important;top:-75px !important;}
}

/* Official records: each document card carries its own QR */
#official-numbers-end.legal-section .legal-record{
  min-height:120px !important;
  padding:16px 24px !important;
}
#official-numbers-end.legal-section .legal-record-icon{width:56px !important;height:56px !important;flex-basis:56px !important;}
#official-numbers-end.legal-section .legal-index{display:none !important;}
#official-numbers-end.legal-section .legal-record-copy{flex:1 1 auto;}
#official-numbers-end.legal-section .legal-record-doc .legal-record-copy strong{
  font-family:'Cairo','Tajawal',sans-serif !important;
  letter-spacing:0 !important;
  font-size:clamp(17px,1.9vw,22px) !important;
  white-space:normal !important;
  line-height:1.4 !important;
}
#official-numbers-end.legal-section .legal-record-qr{
  flex:0 0 auto;margin-inline-start:auto;
  width:92px;height:92px;padding:6px;border-radius:16px;background:#fff;
  border:1px solid rgba(230,228,221,.5);
  box-shadow:0 16px 30px -22px #000,0 0 0 4px rgba(182,179,148,.07);
  display:grid;place-items:center;
}
#official-numbers-end.legal-section .legal-record-qr img{display:block;width:100%;height:100%;object-fit:contain;border-radius:8px;}
#official-numbers-end.legal-section .legal-qr .official-qr-frame{width:176px !important;height:176px !important;padding:10px !important;}
#official-numbers-end.legal-section .legal-verification{
  flex-direction:column !important;
  justify-content:center !important;
  align-items:center !important;
  text-align:center !important;
  gap:26px !important;
}
#official-numbers-end.legal-section .legal-qr{flex:0 0 auto !important;}
#official-numbers-end.legal-section .legal-verification-copy{text-align:center !important;}
#official-numbers-end.legal-section .legal-verification-copy .legal-rule{margin-inline:auto !important;}
@media(max-width:900px){
  #official-numbers-end.legal-section .legal-qr .official-qr-frame{width:126px !important;height:126px !important;padding:8px !important;}
}
@media(max-width:600px){
  #official-numbers-end.legal-section .legal-record{padding:14px 14px !important;gap:10px !important;min-height:104px !important;}
  #official-numbers-end.legal-section .legal-record-icon{width:44px !important;height:44px !important;flex-basis:44px !important;}
  #official-numbers-end.legal-section .legal-record-qr{width:72px;height:72px;padding:5px;border-radius:12px;}
  #official-numbers-end.legal-section .legal-qr .official-qr-frame{width:96px !important;height:96px !important;padding:6px !important;}
}

/* تحسين تنسيق نص القسمين الثاني والثالث: الرؤية والرسالة */
#vision .container.single,
#mission .container.single{
  position:relative;
  z-index:3;
}
#vision .container.single{
  max-width:900px !important;
  padding:clamp(34px,5vw,62px) clamp(22px,5vw,74px) !important;
  border:1px solid rgba(182,179,148,.28);
  border-radius:30px;
  background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.025));
  box-shadow:0 28px 60px -48px rgba(0,0,0,.8),inset 0 1px 0 rgba(255,255,255,.08);
}
#vision .container.single h2{
  margin:0 !important;
  color:#fff !important;
  font-family:'Cairo','Tajawal',sans-serif !important;
  font-size:clamp(1.35rem,3vw,2.25rem) !important;
  font-weight:600 !important;
  line-height:1.8 !important;
  letter-spacing:-.025em;
}
#vision .container.single .quote{
  margin:18px auto 0 !important;
  padding:18px 0 0 !important;
  border-top:1px solid rgba(230,228,221,.22);
  color:#E6E4DD !important;
  font-family:'Cairo','Tajawal',sans-serif !important;
  font-size:clamp(1.45rem,3.2vw,2.65rem) !important;
  font-weight:800 !important;
  line-height:1.7 !important;
}
#vision .container.single .quote::before,
#vision .container.single .quote::after{display:none !important;}
#mission .container.single{max-width:1080px !important;}
#mission .mission-text{
  padding:clamp(30px,5vw,58px) clamp(22px,6vw,82px) !important;
  border:1px solid rgba(182,179,148,.35);
  border-radius:30px;
  background:rgba(255,255,255,.62);
  box-shadow:0 28px 70px -52px rgba(56,62,39,.7),inset 0 1px 0 rgba(255,255,255,.8);
}
#mission .mission-line{
  max-width:820px;
  margin-inline:auto;
  font-size:clamp(1.03rem,1.65vw,1.38rem) !important;
  font-weight:600 !important;
  line-height:2.15 !important;
  letter-spacing:-.018em !important;
  text-wrap:pretty;
}
#mission .mission-line + .mission-line{margin-top:8px;}
#mission .mission-top{margin-bottom:28px;}
#mission .mission-sep{margin-top:30px;}
@media(max-width:700px){
  #vision .container.single,
  #mission .mission-text{border-radius:22px;padding:28px 18px !important;}
  #vision .container.single h2{line-height:1.75 !important;}
  #vision .container.single .quote{margin-top:14px !important;padding-top:14px !important;}
  #mission .mission-line{line-height:2 !important;}
  #mission .mission-line + .mission-line{margin-top:6px;}
}

/* Premium redesign for the official/legal information section */
#official-numbers-end.legal-section{
  padding:clamp(74px,8vw,112px) 0 34px !important;
  overflow:visible !important;
}
#official-numbers-end.legal-section .legal-shell{
  width:min(1180px,92%) !important;
  margin:0 auto !important;
  padding:clamp(22px,3.5vw,38px) clamp(18px,3.5vw,42px) 20px !important;
  border:1px solid rgba(230,228,221,.18) !important;
  border-radius:34px !important;
  box-shadow:0 32px 80px -58px rgba(0,0,0,.86),inset 0 1px 0 rgba(255,255,255,.10) !important;
  position:relative;
  isolation:isolate;
}
#official-numbers-end.legal-section .legal-shell::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  pointer-events:none;
  background:linear-gradient(110deg,transparent 12%,rgba(182,179,148,.06) 50%,transparent 88%);
  opacity:.7;
  z-index:-1;
}
#official-numbers-end.legal-section .legal-topbar{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:16px;
  padding-bottom:22px !important;
  margin-bottom:30px !important;
  border-bottom:1px solid rgba(230,228,221,.12) !important;
}
#official-numbers-end.legal-section .legal-overline{
  font-size:clamp(9px,1vw,11px) !important;
  letter-spacing:.16em !important;
  font-weight:800 !important;
  opacity:.72;
}
#official-numbers-end.legal-section .legal-status{
  display:inline-flex !important;
  align-items:center;
  gap:9px;
  padding:8px 13px;
  border-radius:999px;
  color:#e9e6d8 !important;
  background:rgba(182,179,148,.12);
  border:1px solid rgba(182,179,148,.28);
  font-size:12px;
  font-weight:700;
  white-space:nowrap;
}
#official-numbers-end.legal-section .legal-status i{
  width:7px;height:7px;
  border-radius:50%;
  background:#b6b394 !important;
  box-shadow:0 0 0 4px rgba(182,179,148,.12),0 0 16px rgba(182,179,148,.7);
}
#official-numbers-end.legal-section .legal-heading{
  display:flex !important;
  align-items:flex-end !important;
  justify-content:space-between !important;
  gap:30px;
  margin-bottom:30px !important;
}
#official-numbers-end.legal-section .legal-kicker{
  display:block;
  margin-bottom:8px;
  font-size:12px !important;
  font-weight:800;
  letter-spacing:.04em;
}
#official-numbers-end.legal-section .legal-heading h2{
  margin:0 !important;
  font-family:'Cairo','Tajawal',sans-serif !important;
  font-size:clamp(28px,4vw,48px) !important;
  line-height:1.35 !important;
  letter-spacing:-.045em;
}
#official-numbers-end.legal-section .legal-heading p{
  max-width:390px;
  margin:0 !important;
  line-height:1.95 !important;
  font-size:14px !important;
  text-wrap:balance;
}
#official-numbers-end.legal-section .legal-content{
  display:grid !important;
  grid-template-columns:minmax(0,1.35fr) minmax(250px,.65fr) !important;
  gap:22px !important;
  align-items:stretch !important;
}
#official-numbers-end.legal-section .legal-records{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:14px !important;
}
#official-numbers-end.legal-section .legal-record{
  min-height:164px !important;
  display:grid !important;
  grid-template-columns:58px minmax(0,1fr) auto !important;
  align-items:center !important;
  gap:15px !important;
  padding:20px 18px !important;
  border-radius:22px !important;
  position:relative;
  overflow:hidden;
  transition:transform .3s ease,background .3s ease,border-color .3s ease,box-shadow .3s ease;
}
#official-numbers-end.legal-section .legal-record::after{
  content:"";
  position:absolute;
  right:0;top:18px;bottom:18px;
  width:3px;
  border-radius:99px;
  background:linear-gradient(#b6b394,transparent);
  opacity:.75;
}
#official-numbers-end.legal-section .legal-record:hover{
  transform:translateY(-4px);
  background:linear-gradient(145deg,rgba(255,255,255,.14),rgba(255,255,255,.05)) !important;
  border-color:rgba(182,179,148,.35) !important;
  box-shadow:0 20px 34px -28px rgba(0,0,0,.8);
}
#official-numbers-end.legal-section .legal-record-icon{
  width:58px !important;height:58px !important;flex-basis:58px !important;
  display:grid !important;place-items:center !important;
  border-radius:18px !important;
  color:#e8e4cf !important;
  background:linear-gradient(145deg,rgba(182,179,148,.24),rgba(255,255,255,.06)) !important;
  border:1px solid rgba(182,179,148,.38) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12);
}
#official-numbers-end.legal-section .legal-record-icon svg{width:31px;height:31px;}
#official-numbers-end.legal-section .legal-record-copy{
  min-width:0;
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  gap:4px !important;
}
#official-numbers-end.legal-section .legal-record-copy span{
  font-size:12px !important;
  line-height:1.5 !important;
  font-weight:700;
}
#official-numbers-end.legal-section .legal-record-copy strong{
  display:block;
  font-family:'Cairo','Tajawal',sans-serif !important;
  font-size:clamp(17px,1.8vw,23px) !important;
  line-height:1.35 !important;
  letter-spacing:.01em !important;
  white-space:normal !important;
  overflow-wrap:anywhere;
}
#official-numbers-end.legal-section .legal-record-copy small{
  font-size:10px !important;
  line-height:1.6 !important;
}
#official-numbers-end.legal-section .legal-index{
  display:grid !important;
  place-items:center;
  width:26px;height:26px;
  border:1px solid rgba(182,179,148,.28);
  border-radius:50%;
  font-size:9px !important;
  font-family:'Cairo',sans-serif;
  align-self:start;
}
#official-numbers-end.legal-section .legal-record-qr{
  width:66px !important;height:66px !important;
  padding:5px !important;
  border-radius:13px !important;
  background:#fff !important;
  border:1px solid rgba(230,228,221,.58) !important;
  box-shadow:0 12px 22px -18px #000 !important;
}
#official-numbers-end.legal-section .legal-record-qr img{border-radius:7px !important;}
#official-numbers-end.legal-section .legal-verification{
  min-height:100% !important;
  padding:25px 22px !important;
  border-radius:24px !important;
  display:grid !important;
  grid-template-columns:1fr !important;
  align-content:center !important;
  justify-items:center !important;
  gap:16px !important;
  text-align:center !important;
  position:relative;
  overflow:hidden;
}
#official-numbers-end.legal-section .legal-verification::before{
  content:"";
  position:absolute;
  width:230px;height:230px;
  border:1px solid rgba(230,228,221,.12);
  border-radius:50%;
  top:-102px;left:-82px;
}
#official-numbers-end.legal-section .legal-qr,
#official-numbers-end.legal-section .legal-verification-copy,
#official-numbers-end.legal-section .legal-verification-mark{position:relative;z-index:1;}
#official-numbers-end.legal-section .legal-qr{display:grid !important;justify-items:center !important;gap:10px !important;}
#official-numbers-end.legal-section .legal-qr .official-qr-frame{
  width:148px !important;height:148px !important;
  padding:10px !important;
  border-radius:20px !important;
  background:#fff !important;
  box-shadow:0 18px 38px -22px rgba(0,0,0,.7),0 0 0 7px rgba(230,228,221,.08) !important;
}
#official-numbers-end.legal-section .legal-qr .official-qr-frame img{border-radius:10px;}
#official-numbers-end.legal-section .legal-qr span{font-size:11px !important;color:rgba(255,255,255,.62) !important;}
#official-numbers-end.legal-section .legal-verification-copy>span{font-size:11px !important;font-weight:800;}
#official-numbers-end.legal-section .legal-verification-copy h3{margin:5px 0 8px !important;font-size:clamp(21px,2.4vw,30px) !important;line-height:1.35 !important;}
#official-numbers-end.legal-section .legal-verification-copy .legal-rule{width:58px !important;margin:0 auto 10px !important;background:rgba(182,179,148,.72) !important;}
#official-numbers-end.legal-section .legal-verification-copy small{font-size:11px !important;color:rgba(255,255,255,.58) !important;}
#official-numbers-end.legal-section .legal-verification-mark{
  position:absolute !important;
  top:18px;left:18px;
  width:30px;height:30px;
  display:grid;place-items:center;
  border:1px solid rgba(182,179,148,.35);
  border-radius:50%;
  color:#e6e4dd;
  font-size:13px;
}
#official-numbers-end.legal-section .legal-footer{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:12px !important;
  margin-top:22px !important;
  padding-top:17px !important;
  border-top:1px solid rgba(230,228,221,.10) !important;
  font-size:11px !important;
}
#official-numbers-end.legal-section .legal-footer i{width:4px;height:4px;border-radius:50%;}
@media(max-width:900px){
  #official-numbers-end.legal-section .legal-content{grid-template-columns:1fr !important;}
  #official-numbers-end.legal-section .legal-verification{min-height:290px !important;}
}
@media(max-width:620px){
  #official-numbers-end.legal-section{padding-top:58px !important;}
  #official-numbers-end.legal-section .legal-shell{border-radius:24px !important;padding:20px 13px 16px !important;}
  #official-numbers-end.legal-section .legal-topbar{align-items:flex-start !important;flex-direction:column !important;gap:12px;padding-bottom:18px !important;margin-bottom:22px !important;}
  #official-numbers-end.legal-section .legal-status{align-self:flex-start;}
  #official-numbers-end.legal-section .legal-heading{display:block !important;margin-bottom:24px !important;}
  #official-numbers-end.legal-section .legal-heading p{margin-top:12px !important;font-size:13px !important;}
  #official-numbers-end.legal-section .legal-records{grid-template-columns:1fr !important;gap:11px !important;}
  #official-numbers-end.legal-section .legal-record{min-height:132px !important;grid-template-columns:50px minmax(0,1fr) auto !important;gap:11px !important;padding:16px 12px !important;border-radius:18px !important;}
  #official-numbers-end.legal-section .legal-record-icon{width:50px !important;height:50px !important;flex-basis:50px !important;border-radius:15px !important;}
  #official-numbers-end.legal-section .legal-record-icon svg{width:27px;height:27px;}
  #official-numbers-end.legal-section .legal-record-qr{width:58px !important;height:58px !important;}
  #official-numbers-end.legal-section .legal-index{width:22px;height:22px;font-size:8px !important;}
  #official-numbers-end.legal-section .legal-verification{min-height:270px !important;padding:24px 16px !important;}
  #official-numbers-end.legal-section .legal-qr .official-qr-frame{width:126px !important;height:126px !important;}
  #official-numbers-end.legal-section .legal-footer{flex-wrap:wrap;gap:8px !important;line-height:1.7;text-align:center;}
}
@media(prefers-reduced-motion:reduce){
  #official-numbers-end.legal-section .legal-record{transition:none;}
}

/* توحيد ألوان قسم المعلومات النظامية مع لوحة هوية أثر سار */
#official-numbers-end.legal-section{
  --legal-deep:#383E27;
  --legal-dark:#1F211A;
  --legal-accent:#B6B394;
  --legal-soft:#E6E4DD;
  --legal-muted:#C8C9BC;
  background:
    radial-gradient(circle at 86% 8%,rgba(182,179,148,.15),transparent 24%),
    radial-gradient(circle at 8% 92%,rgba(56,62,39,.38),transparent 32%),
    linear-gradient(135deg,var(--legal-deep) 0%,var(--legal-dark) 62%,#2d3425 100%) !important;
  color:#fff !important;
}
#official-numbers-end.legal-section .legal-shell{
  background:rgba(56,62,39,.42) !important;
  border-color:rgba(230,228,221,.18) !important;
}
#official-numbers-end.legal-section .legal-shell::before{
  background:linear-gradient(110deg,transparent 12%,rgba(230,228,221,.055) 50%,transparent 88%) !important;
}
#official-numbers-end.legal-section .legal-overline,
#official-numbers-end.legal-section .legal-kicker,
#official-numbers-end.legal-section .legal-index,
#official-numbers-end.legal-section .legal-verification-copy>span{
  color:var(--legal-accent) !important;
}
#official-numbers-end.legal-section .legal-status{
  color:var(--legal-soft) !important;
  background:rgba(182,179,148,.13) !important;
  border-color:rgba(182,179,148,.32) !important;
}
#official-numbers-end.legal-section .legal-status i{
  background:var(--legal-accent) !important;
  box-shadow:0 0 0 4px rgba(182,179,148,.12),0 0 16px rgba(182,179,148,.62) !important;
}
#official-numbers-end.legal-section .legal-heading h2,
#official-numbers-end.legal-section .legal-record-copy strong,
#official-numbers-end.legal-section .legal-verification-copy h3{
  color:#fff !important;
}
#official-numbers-end.legal-section .legal-heading p,
#official-numbers-end.legal-section .legal-record-copy span,
#official-numbers-end.legal-section .legal-record-copy small,
#official-numbers-end.legal-section .legal-qr span,
#official-numbers-end.legal-section .legal-verification-copy small,
#official-numbers-end.legal-section .legal-footer{
  color:var(--legal-muted) !important;
}
#official-numbers-end.legal-section .legal-record{
  background:rgba(255,255,255,.075) !important;
  border-color:rgba(230,228,221,.15) !important;
}
#official-numbers-end.legal-section .legal-record:hover{
  background:rgba(255,255,255,.12) !important;
  border-color:rgba(182,179,148,.42) !important;
}
#official-numbers-end.legal-section .legal-record::after{
  background:linear-gradient(var(--legal-accent),transparent) !important;
}
#official-numbers-end.legal-section .legal-record-icon{
  color:var(--legal-soft) !important;
  background:linear-gradient(145deg,rgba(182,179,148,.24),rgba(230,228,221,.055)) !important;
  border-color:rgba(182,179,148,.42) !important;
}
#official-numbers-end.legal-section .legal-record:nth-child(2) .legal-record-icon,
#official-numbers-end.legal-section .legal-record:nth-child(3) .legal-record-icon,
#official-numbers-end.legal-section .legal-record:nth-child(4) .legal-record-icon{
  color:var(--legal-soft) !important;
}
#official-numbers-end.legal-section .legal-index{
  border-color:rgba(182,179,148,.3) !important;
}
#official-numbers-end.legal-section .legal-verification{
  background:linear-gradient(145deg,#3f4630,#262b21 68%,#303a2b) !important;
  border-color:rgba(182,179,148,.44) !important;
}
#official-numbers-end.legal-section .legal-verification::before{
  border-color:rgba(230,228,221,.12) !important;
}
#official-numbers-end.legal-section .legal-verification-copy .legal-rule{
  background:var(--legal-accent) !important;
}
#official-numbers-end.legal-section .legal-verification-mark{
  color:var(--legal-soft) !important;
  border-color:rgba(182,179,148,.42) !important;
}
#official-numbers-end.legal-section .legal-footer{
  border-color:rgba(230,228,221,.12) !important;
}
#official-numbers-end.legal-section .legal-footer i{
  background:rgba(230,228,221,.42) !important;
}

/* Official records redesign: a calmer, clearer trust panel with stronger hierarchy. */
#official-numbers-end.legal-section{
  position:relative;
  isolation:isolate;
  padding:clamp(78px,9vw,132px) clamp(18px,4vw,56px) 34px !important;
  overflow:hidden;
}
#official-numbers-end.legal-section::before{
  content:"";
  position:absolute;
  inset:8% auto auto -12%;
  width:34rem;
  height:34rem;
  border:1px solid rgba(182,179,148,.12);
  border-radius:50%;
  box-shadow:0 0 0 34px rgba(182,179,148,.025),0 0 0 68px rgba(182,179,148,.018);
  pointer-events:none;
  z-index:-1;
}
#official-numbers-end.legal-section .legal-shell{
  width:min(1180px,100%);
  margin:0 auto;
  padding:clamp(24px,4vw,52px) !important;
  border-radius:36px !important;
  background:linear-gradient(145deg,rgba(255,255,255,.10),rgba(255,255,255,.035)) !important;
  box-shadow:0 32px 80px -42px rgba(0,0,0,.72),inset 0 1px 0 rgba(255,255,255,.10) !important;
  backdrop-filter:blur(14px);
}
#official-numbers-end.legal-section .legal-topbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  padding-bottom:18px;
  border-bottom:1px solid rgba(230,228,221,.12);
}
#official-numbers-end.legal-section .legal-overline{
  font-size:10px !important;
  letter-spacing:.22em !important;
  font-weight:800;
  opacity:.82;
}
#official-numbers-end.legal-section .legal-status{
  display:inline-flex;
  align-items:center;
  gap:9px;
  padding:8px 12px;
  border:1px solid rgba(182,179,148,.24);
  border-radius:999px;
  background:rgba(182,179,148,.08);
  color:#e6e4dd !important;
  font-size:12px;
  white-space:nowrap;
}
#official-numbers-end.legal-section .legal-status i{
  width:7px;
  height:7px;
  display:block;
  border-radius:50%;
  background:#b6d7a8;
  box-shadow:0 0 0 4px rgba(182,215,168,.12),0 0 16px rgba(182,215,168,.65);
}
#official-numbers-end.legal-section .legal-heading{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) minmax(260px,.72fr);
  align-items:end;
  gap:30px;
  padding:clamp(38px,5vw,70px) 0 34px !important;
}
#official-numbers-end.legal-section .legal-kicker{
  display:inline-flex;
  align-items:center;
  gap:10px;
  margin-bottom:14px;
  font-size:12px !important;
  font-weight:800;
  letter-spacing:.06em;
}
#official-numbers-end.legal-section .legal-kicker::before{
  content:"";
  width:28px;
  height:2px;
  background:#b6b394;
  border-radius:4px;
}
#official-numbers-end.legal-section .legal-heading h2{
  margin:0 !important;
  font-size:clamp(38px,6vw,72px) !important;
  line-height:1 !important;
  letter-spacing:-.055em;
}
#official-numbers-end.legal-section .legal-heading p{
  max-width:360px;
  margin:0 0 4px auto !important;
  font-size:clamp(14px,1.4vw,17px) !important;
  line-height:1.9 !important;
}
#official-numbers-end.legal-section .legal-content{
  display:grid !important;
  grid-template-columns:minmax(0,1.32fr) minmax(270px,.68fr);
  gap:18px !important;
  align-items:stretch;
}
#official-numbers-end.legal-section .legal-records{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px !important;
}
#official-numbers-end.legal-section .legal-record{
  position:relative;
  min-height:158px !important;
  display:grid !important;
  grid-template-columns:52px minmax(0,1fr) auto;
  align-items:center;
  gap:14px !important;
  padding:20px !important;
  border-radius:22px !important;
  background:linear-gradient(145deg,rgba(255,255,255,.105),rgba(255,255,255,.035)) !important;
  border:1px solid rgba(230,228,221,.13) !important;
  box-shadow:0 18px 32px -28px rgba(0,0,0,.78),inset 0 1px 0 rgba(255,255,255,.06);
  transition:transform .22s ease,border-color .22s ease,background .22s ease;
}
#official-numbers-end.legal-section .legal-record:hover{
  transform:translateY(-4px);
  border-color:rgba(182,179,148,.45) !important;
  background:linear-gradient(145deg,rgba(255,255,255,.14),rgba(182,179,148,.06)) !important;
}
#official-numbers-end.legal-section .legal-record-icon{
  width:52px !important;
  height:52px !important;
  flex:none !important;
  display:grid;
  place-items:center;
  border-radius:16px !important;
  color:#e6e4dd !important;
  background:linear-gradient(145deg,rgba(182,179,148,.22),rgba(255,255,255,.04)) !important;
  border:1px solid rgba(182,179,148,.32) !important;
}
#official-numbers-end.legal-section .legal-record-icon svg{width:29px;height:29px}
#official-numbers-end.legal-section .legal-record-copy{min-width:0 !important;}
#official-numbers-end.legal-section .legal-record-copy span{
  display:block;
  margin-bottom:7px;
  font-size:12px !important;
  font-weight:700;
  letter-spacing:.01em;
}
#official-numbers-end.legal-section .legal-record-copy strong{
  display:block;
  overflow-wrap:anywhere;
  font-size:clamp(16px,1.7vw,21px) !important;
  line-height:1.35 !important;
}
#official-numbers-end.legal-section .legal-record-copy small{
  display:block;
  margin-top:6px;
  font-size:11px !important;
  line-height:1.5;
}
#official-numbers-end.legal-section .legal-record-qr{
  width:76px !important;
  height:76px !important;
  padding:5px !important;
  border-radius:14px !important;
  background:#f8f7f1 !important;
  box-shadow:0 14px 26px -20px #000,0 0 0 3px rgba(182,179,148,.08) !important;
}
#official-numbers-end.legal-section .legal-record-qr img{border-radius:8px !important;}
#official-numbers-end.legal-section .legal-verification{
  position:relative;
  min-height:100% !important;
  padding:30px 22px !important;
  border-radius:24px !important;
  overflow:hidden;
  box-shadow:0 24px 46px -30px rgba(0,0,0,.78),inset 0 1px 0 rgba(255,255,255,.12);
}
#official-numbers-end.legal-section .legal-verification::after{
  content:"VERIFY / 2026";
  position:absolute;
  left:20px;
  bottom:18px;
  color:rgba(230,228,221,.34);
  font-size:9px;
  letter-spacing:.2em;
  font-weight:800;
}
#official-numbers-end.legal-section .legal-qr .official-qr-frame{
  width:184px !important;
  height:184px !important;
  padding:12px !important;
  border-radius:22px !important;
  background:#f8f7f1 !important;
  box-shadow:0 20px 42px -24px rgba(0,0,0,.75),0 0 0 6px rgba(182,179,148,.09) !important;
}
#official-numbers-end.legal-section .legal-qr>span{
  margin-top:12px;
  font-size:12px;
  font-weight:800;
  letter-spacing:.08em;
  color:#e6e4dd;
}
#official-numbers-end.legal-section .legal-verification-copy h3{
  margin:0 !important;
  font-size:clamp(24px,3vw,34px) !important;
  line-height:1.2 !important;
}
#official-numbers-end.legal-section .legal-verification-copy small{font-size:12px;}
#official-numbers-end.legal-section .legal-verification-mark{
  top:18px !important;
  right:18px !important;
  width:38px !important;
  height:38px !important;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:rgba(182,179,148,.12);
  font-size:20px !important;
}
#official-numbers-end.legal-section .legal-footer{
  display:flex !important;
  justify-content:center;
  align-items:center;
  gap:14px !important;
  margin-top:24px !important;
  padding-top:20px;
  font-size:11px !important;
  letter-spacing:.02em;
}
#official-numbers-end.legal-section .legal-footer i{width:4px !important;height:4px !important;border-radius:50%;}
@media(max-width:900px){
  #official-numbers-end.legal-section .legal-heading{grid-template-columns:1fr;gap:16px;}
  #official-numbers-end.legal-section .legal-heading p{margin:0 !important;max-width:560px;}
  #official-numbers-end.legal-section .legal-content{grid-template-columns:1fr;}
  #official-numbers-end.legal-section .legal-verification{min-height:420px !important;}
}
@media(max-width:620px){
  #official-numbers-end.legal-section{padding:60px 12px 24px !important;}
  #official-numbers-end.legal-section .legal-shell{padding:20px 14px !important;border-radius:26px !important;}
  #official-numbers-end.legal-section .legal-topbar{align-items:flex-start;flex-direction:column;gap:12px;}
  #official-numbers-end.legal-section .legal-heading{padding:34px 0 26px !important;}
  #official-numbers-end.legal-section .legal-heading h2{font-size:44px !important;}
  #official-numbers-end.legal-section .legal-records{grid-template-columns:1fr;}
  #official-numbers-end.legal-section .legal-record{min-height:126px !important;padding:15px !important;grid-template-columns:44px minmax(0,1fr) auto;gap:10px !important;}
  #official-numbers-end.legal-section .legal-record-icon{width:44px !important;height:44px !important;border-radius:13px !important;}
  #official-numbers-end.legal-section .legal-record-icon svg{width:24px;height:24px;}
  #official-numbers-end.legal-section .legal-record-qr{width:62px !important;height:62px !important;border-radius:11px !important;}
  #official-numbers-end.legal-section .legal-record-copy span{font-size:11px !important;margin-bottom:4px;}
  #official-numbers-end.legal-section .legal-record-copy strong{font-size:16px !important;}
  #official-numbers-end.legal-section .legal-record-copy small{font-size:10px !important;margin-top:4px;}
  #official-numbers-end.legal-section .legal-verification{min-height:390px !important;padding:24px 14px !important;}
  #official-numbers-end.legal-section .legal-qr .official-qr-frame{width:145px !important;height:145px !important;}
  #official-numbers-end.legal-section .legal-footer{flex-wrap:wrap;line-height:1.8;}
}
@media(prefers-reduced-motion:reduce){
  #official-numbers-end.legal-section .legal-record{transition:none;}
  #official-numbers-end.legal-section .legal-record:hover{transform:none;}
}

/* Larger QR codes for faster scanning and stronger verification emphasis. */
#official-numbers-end.legal-section .legal-record{min-height:178px !important;}
#official-numbers-end.legal-section .legal-record-qr{
  width:96px !important;
  height:96px !important;
  padding:6px !important;
  border-radius:16px !important;
}
#official-numbers-end.legal-section .legal-qr .official-qr-frame{
  width:220px !important;
  height:220px !important;
  padding:14px !important;
}
@media(max-width:900px){
  #official-numbers-end.legal-section .legal-qr .official-qr-frame{
    width:180px !important;
    height:180px !important;
    padding:11px !important;
  }
}
@media(max-width:620px){
  #official-numbers-end.legal-section .legal-record{min-height:142px !important;}
  #official-numbers-end.legal-section .legal-record-qr{
    width:78px !important;
    height:78px !important;
    padding:5px !important;
  }
  #official-numbers-end.legal-section .legal-qr .official-qr-frame{
    width:166px !important;
    height:166px !important;
    padding:9px !important;
  }
}

/* القسم الرابع: ثلاثة أسطر، في كل سطر كلمتان، مع محاذاة ثابتة داخل البطاقتين */
#services.svc2 .svc2-track-copy .svc2-balanced-description{
  display:grid !important;
  grid-template-rows:repeat(3,auto) !important;
  gap:2px !important;
  max-width:220px !important;
  margin:0 !important;
  white-space:nowrap !important;
  text-wrap:initial !important;
}
#services.svc2 .svc2-track-copy .svc2-balanced-description span{
  display:block !important;
  min-height:1.9em !important;
}

/* إبقاء عنوان القسم "التراخيص والوثائق الرسمية" في سطر واحد على كل المقاسات */
#official-numbers-end.legal-section .legal-heading h2{
  white-space:nowrap !important;
  font-size:clamp(19px,4.6vw,52px) !important;
}

/* بعد حذف بطاقة QR الكبيرة (السجل التجاري)، تمتد شبكة البطاقات الأربع لعرض القسم كاملاً */
#official-numbers-end.legal-section .legal-content{
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:14px !important;
}
#official-numbers-end.legal-section .legal-records{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:14px !important;
}
@media(max-width:640px){
  #official-numbers-end.legal-section .legal-records{grid-template-columns:1fr !important;}
}

/* Continue the official-records background into the footer for a seamless close. */
body > footer{
  background:linear-gradient(135deg,#092d33 0%,#0b252a 52%,#1f211a 145%) !important;
  color:rgba(255,255,255,.68) !important;
  border-top:1px solid rgba(230,228,221,.12);
}

/* Contact section: warm ivory text and gold interaction accents on the deep brand background. */
#contact.section.dark{color:#e6e4dd !important;}
#contact.section.dark .contact-title h2,
#contact.section.dark .contact-message-head>span:not(.contact-message-line){
  color:#f4f1e8 !important;
}
#contact.section.dark .contact-title p,
#contact.section.dark .contact-message-sub{
  color:rgba(230,228,221,.76) !important;
}
#contact.section.dark .contact-message-card{
  color:#e6e4dd !important;
  background:linear-gradient(145deg,rgba(255,255,255,.105),rgba(255,255,255,.035)) !important;
  border-color:rgba(230,228,221,.16) !important;
  box-shadow:0 28px 60px -40px rgba(0,0,0,.82),inset 0 1px 0 rgba(255,255,255,.10) !important;
}
#contact.section.dark .contact-message-line{background:#b6b394 !important;}
#contact.section.dark .mini-contact-form label>span{
  color:rgba(230,228,221,.82) !important;
}
#contact.section.dark .mini-contact-form input,
#contact.section.dark .mini-contact-form textarea{
  color:#fff !important;
  background:rgba(8,31,35,.42) !important;
  border-color:rgba(230,228,221,.22) !important;
  caret-color:#b6b394;
}
#contact.section.dark .mini-contact-form input:focus,
#contact.section.dark .mini-contact-form textarea:focus{
  border-color:#b6b394 !important;
  box-shadow:0 0 0 3px rgba(182,179,148,.16) !important;
}
#contact.section.dark .mini-contact-form input::placeholder,
#contact.section.dark .mini-contact-form textarea::placeholder{
  color:rgba(230,228,221,.46) !important;
}
#contact.section.dark .file-upload-box{
  color:rgba(230,228,221,.74) !important;
  background:rgba(8,31,35,.30) !important;
  border-color:rgba(230,228,221,.22) !important;
}
#contact.section.dark .file-upload-box:hover,
#contact.section.dark .file-upload-box.has-file{
  color:#f4f1e8 !important;
  border-color:#b6b394 !important;
  background:rgba(182,179,148,.10) !important;
}
#contact.section.dark .file-upload-icon{color:#b6b394 !important;}
#contact.section.dark .mini-contact-submit{
  color:#20231c !important;
  background:linear-gradient(135deg,#d6d2a8,#b6b394) !important;
  box-shadow:0 16px 28px -18px rgba(182,179,148,.9) !important;
}
#contact.section.dark .mini-contact-submit:hover{background:#e6e4dd !important;}
#contact.section.dark .social{
  color:#e6e4dd !important;
  border-color:rgba(230,228,221,.22) !important;
  background:rgba(255,255,255,.045) !important;
}
#contact.section.dark .social:hover{
  color:#20231c !important;
  border-color:#b6b394 !important;
  background:#b6b394 !important;
}
#contact.section.dark .mini-contact-status.is-loading{color:#e6d58c !important;}
#contact.section.dark .mini-contact-status.is-success{color:#c8e4b9 !important;}
#contact.section.dark .mini-contact-status.is-error{color:#ffb9ad !important;}

/* بعد حذف الشريط العلوي (ATHAR SAR / OFFICIAL RECORDS + بيانات موثقة): تقليص المسافة فوق العنوان */
html body #official-numbers-end.legal-section .legal-heading{padding-top:8px!important}

/* القسم الرابع: طبقة الاستجابة النهائية للشاشات الكبيرة واللوحية والهاتف */
html body #services.svc2{
  overflow:hidden!important;
}
html body #services.svc2 .svc2-inner{
  width:min(1180px,calc(100% - 40px))!important;
  min-width:0!important;
}
html body #services.svc2 .svc2-tracks{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  align-items:stretch!important;
}
html body #services.svc2 .svc2-track{
  min-width:0!important;
  height:100%!important;
}
html body #services.svc2 .svc2-track-head,
html body #services.svc2 .svc2-track-copy{
  min-width:0!important;
}
html body #services.svc2 .svc2-track-copy h3{
  overflow-wrap:anywhere!important;
}
html body #services.svc2 .svc2-balanced-description{
  width:220px!important;
  max-width:100%!important;
}

@media (max-width:920px){
  html body #services.svc2 .svc2-inner{
    width:min(760px,calc(100% - 40px))!important;
  }
  html body #services.svc2 .svc2-tracks{
    grid-template-columns:minmax(0,1fr)!important;
    gap:24px!important;
  }
}

@media (max-width:600px){
  html body #services.svc2{
    padding-block:62px!important;
  }
  html body #services.svc2 .svc2-inner{
    width:calc(100% - 28px)!important;
  }
  html body #services.svc2 .svc2-track{
    padding:22px 18px!important;
    border-radius:22px!important;
  }
  html body #services.svc2 .svc2-track-head{
    gap:13px!important;
  }
  html body #services.svc2 .svc2-track-num{
    flex:0 0 50px!important;
    width:50px!important;
    height:50px!important;
    border-radius:15px!important;
    font-size:.88rem!important;
  }
  html body #services.svc2 .svc2-track-copy h3{
    font-size:clamp(1rem,4.8vw,1.2rem)!important;
    line-height:1.5!important;
  }
  html body #services.svc2 .svc2-balanced-description{
    width:min(220px,100%)!important;
    font-size:.88rem!important;
    line-height:1.9!important;
  }
  html body #services.svc2 .svc2-list{
    margin-top:22px!important;
  }
  html body #services.svc2 .svc2-list a{
    min-height:58px!important;
    gap:11px!important;
    padding-inline:0!important;
  }
  html body #services.svc2 .svc2-item-title{
    font-size:.9rem!important;
    line-height:1.65!important;
    overflow-wrap:anywhere!important;
  }
}

@media (max-width:380px){
  html body #services.svc2 .svc2-inner{
    width:calc(100% - 20px)!important;
  }
  html body #services.svc2 .svc2-track{
    padding:20px 14px!important;
    border-radius:20px!important;
  }
  html body #services.svc2 .svc2-track-head{
    gap:10px!important;
  }
  html body #services.svc2 .svc2-track-num{
    flex-basis:44px!important;
    width:44px!important;
    height:44px!important;
    border-radius:13px!important;
  }
  html body #services.svc2 .svc2-balanced-description{
    font-size:.82rem!important;
  }
  html body #services.svc2 .svc2-item-title{
    font-size:.84rem!important;
  }
}

/* عنوان قسم الشركاء: إبقاء العبارتين في سطر واحد مع الحفاظ على اللونين الأصليين */
html body #brands .partners-copy h2{
  white-space:nowrap!important;
}
html body #brands .partners-copy h2 br{
  display:none!important;
}
html body #brands .partners-copy h2 em{
  display:inline!important;
  margin-inline-start:.22em!important;
  color:#b0a86f!important;
}
@media(max-width:600px){
  html body #brands .partners-copy h2{
    font-size:clamp(28px,8.5vw,46px)!important;
    letter-spacing:-.04em!important;
  }
}
@media(max-width:380px){
  html body #brands .partners-copy h2{
    font-size:clamp(25px,8.2vw,31px)!important;
  }
}