@font-face{font-family:Elm;src:url('assets/fonts/Elm-Regular.woff2')}@font-face{font-family:Elm;src:url('assets/fonts/Elm-Bold.woff2');font-weight:700}
:root{--purple:#250066;--violet:#4b08c5;--gold:#d7a923;--ink:#17052f;--muted:#625b70;--shadow:0 8px 30px rgba(43,9,91,.13)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fbfaff;color:var(--ink);font-family:Elm,'Tahoma',sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}
body>main{padding-top:0}
.topbar{position:relative;z-index:20;width:min(1180px,94%);height:82px;margin:14px auto 8px;padding:5px 22px;border:1px solid rgba(215,169,35,.35);border-radius:44px;background:#21083f;box-shadow:0 12px 30px rgba(26,4,57,.25);display:flex;align-items:center;justify-content:space-between}.logo img{width:160px;height:65px;object-fit:contain}.site-menu{display:flex;align-items:center;gap:5px}.site-menu a{padding:8px 13px;border-radius:22px;color:#d9cce7;font-size:.88rem}.site-menu a:hover,.site-menu a.active{color:#f2cf5b;background:#ffffff0d}.menu{display:none;border:0;background:transparent}.menu i{display:block;width:25px;height:2px;margin:5px;background:var(--gold)}
.experts-hero{position:relative;min-height:670px;display:grid;grid-template-columns:42% 58%;direction:rtl;align-items:center;padding:30px max(4%,calc((100% - 1240px)/2));overflow:hidden;background:radial-gradient(circle at 27% 38%,rgba(83,20,211,.12),transparent 34%),linear-gradient(180deg,#fff 0%,#faf8ff 76%,#f0eaff 100%)}
.hero-copy{z-index:3;padding:15px 30px;text-align:right}.eyebrow{display:inline-block;padding:7px 15px;border-radius:20px;color:var(--violet);background:#f0e9ff;font-weight:700}.hero-copy h1{margin:12px 0 5px;color:#2b0791;font-size:clamp(4rem,7vw,6rem);line-height:1}.hero-copy h2{margin:22px 0;font-size:clamp(1.9rem,3vw,2.7rem);line-height:1.45}.hero-copy p{max-width:510px;color:#3f354a;font-size:1.15rem;line-height:2}.hero-actions{display:grid;gap:12px;margin-top:25px}.hero-actions a{display:flex;align-items:center;justify-content:center;gap:12px;padding:13px;border-radius:13px;background:linear-gradient(90deg,#32108c,#5710ca);color:#fff;font-size:1.22rem;font-weight:700;box-shadow:0 5px 12px rgba(52,11,137,.22)}.hero-actions b{display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:#fff;color:#351294;font-size:1.6rem}.discover{display:inline-flex;gap:12px;margin-top:25px;color:#29107d;font-weight:700;font-size:1.05rem}
.expert-stage{position:relative;direction:ltr;height:600px;display:flex;align-items:flex-end;justify-content:center}.expert-stage:before{content:"";position:absolute;inset:0 0 30%;background:repeating-radial-gradient(ellipse at 50% 0,transparent 0 42px,rgba(131,88,215,.16) 44px 48px,transparent 50px 80px)}.expert-card{position:absolute;z-index:3;margin:0;overflow:hidden;border-radius:27px;filter:drop-shadow(0 13px 15px rgba(24,0,63,.25));transition:.35s}.expert-card img{width:100%;height:100%;object-fit:cover}.expert-card.main{z-index:5;bottom:34px;width:270px;height:445px}.expert-card.side{bottom:60px;width:205px;height:355px;opacity:.95}.expert-card.left{left:7%}.expert-card.right{right:7%}.stage-ring{position:absolute;bottom:0;width:92%;height:130px;border-radius:50%;background:radial-gradient(ellipse,#321077 5%,#6116e8 36%,#230073 55%,#d7a34a 58%,#fff1d5 63%,#4812a4 66%,transparent 70%);filter:drop-shadow(0 0 14px #7d4fff)}.slider-arrow{position:absolute;z-index:9;top:46%;width:52px;height:52px;border:1px solid #ddd;border-radius:50%;background:#fff;color:#4616b2;font-size:3rem;line-height:1;box-shadow:var(--shadow)}.slider-arrow.prev{left:0}.slider-arrow.next{right:0}
.profile-shell{position:relative;z-index:6;width:min(1180px,96%);margin:-4px auto 18px;padding:25px;display:grid;grid-template-columns:25% 50% 25%;direction:rtl;background:rgba(255,255,255,.94);border:1px solid rgba(65,20,130,.09);border-radius:25px;box-shadow:var(--shadow)}.profile-shell>aside,.profile-main{padding:15px 22px}.profile-main{border-inline:1px solid #eee}.profile-head{display:flex;align-items:center;gap:28px;padding-bottom:20px;border-bottom:1px solid #eee}.profile-head img{width:150px;height:150px;border:5px solid #fff;border-radius:50%;object-fit:cover;object-position:center 22%;box-shadow:0 0 0 3px #d7a923,0 8px 20px #d7b46f}.profile-head h2{margin:0 0 6px;font-size:2rem}.profile-head h4{margin:0;color:#351184;font-size:1.1rem}.profile-head p{color:#746b7c}.bio{line-height:2;color:#3e3744}.profile-main h3,.metrics h3,.recommendations h3{color:#331085}.specialties,.sectors{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.specialties span,.sectors span{min-height:78px;border-radius:12px;background:#faf9fd;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#43179c;font-size:1.6rem}.specialties b,.sectors b{font-size:.72rem;color:#241331;margin-top:6px}.achievement-title{margin-bottom:5px!important}.achievements{margin:0;padding-right:20px;line-height:2}.metrics>div:not(.sectors){display:grid;grid-template-columns:40px 1fr;align-items:center;padding:13px 0;border-bottom:1px solid #eee}.metrics i{grid-row:1/3;color:#3c16a1;font-size:1.7rem}.metrics b{color:#2c0b91;font-size:1.6rem}.metrics span{font-size:.85rem}.sectors{grid-template-columns:repeat(3,1fr)}.recommendations ol{padding:0;list-style:none;counter-reset:rank}.recommendations li{counter-increment:rank;position:relative;display:flex;align-items:center;gap:9px;margin:10px 0;padding:8px 32px 8px 8px;border-radius:13px;background:#fff;box-shadow:0 3px 15px rgba(37,4,85,.08)}.recommendations li:before{content:counter(rank);position:absolute;right:10px;color:#32107f;font-weight:700}.recommendations img{width:52px;height:58px;border-radius:50%;object-fit:cover;object-position:center 22%}.recommendations span{display:flex;flex-direction:column}.recommendations small{font-size:.65rem}.recommendations em{color:#f5b400;font-style:normal;font-size:.72rem}.recommendations>a{color:#32107f;font-weight:700}.trusted{width:min(1180px,96%);margin:0 auto 30px;padding:12px 24px;border-radius:20px;background:#fff;box-shadow:var(--shadow);text-align:center}.trusted>span{color:#4a208d;font-weight:700}.trusted div{display:flex;justify-content:space-around;align-items:center;gap:15px;margin-top:12px;color:#351285;font-size:1.2rem}.whatsapp{position:fixed;z-index:30;left:18px;bottom:18px;display:grid;place-items:center;width:54px;height:54px;border-radius:50%;background:#25d366;color:white;font-size:2rem;box-shadow:0 5px 15px #25d36666}
@media(max-width:700px){
 .topbar{display:none}
 .experts-hero{height:310px;min-height:310px;grid-template-columns:34% 66%;padding:0;align-items:stretch}
 .hero-copy{padding:30px 13px 0 5px}.eyebrow{display:none}.hero-copy h1{font-size:2.05rem;margin:0 0 10px}.hero-copy h2{font-size:.84rem;line-height:1.58;margin:0 0 9px}.hero-copy p{font-size:.47rem;line-height:1.95;margin:0}.hero-actions{gap:6px;margin-top:10px}.hero-actions a{gap:5px;padding:6px 2px;border-radius:7px;font-size:.56rem}.hero-actions b{width:18px;height:18px;font-size:.95rem}.discover{gap:4px;margin-top:10px;font-size:.49rem}
 .expert-stage{height:310px;align-self:auto}.expert-stage:before{inset:-10px -70px 30%}.expert-card{border-radius:10px}.expert-card.main{bottom:28px;width:39%;height:232px}.expert-card.side{bottom:47px;width:31%;height:175px}.expert-card.left{left:6%}.expert-card.right{right:6%}.stage-ring{bottom:-1px;width:108%;height:63px}.slider-arrow{top:47%;width:27px;height:27px;font-size:1.55rem}.slider-arrow.prev{left:1px}.slider-arrow.next{right:1px}
 .profile-shell{width:96%;margin:0 auto 8px;padding:7px;grid-template-columns:26% 48% 26%;border-radius:13px;box-shadow:0 4px 15px rgba(43,9,91,.12)}.profile-shell>aside,.profile-main{padding:6px}.profile-head{display:flex;gap:8px;text-align:right;padding-bottom:7px}.profile-head img{width:59px;height:59px;margin:0;border-width:2px;box-shadow:0 0 0 1.5px #d7a923}.profile-head h2{font-size:.76rem}.profile-head h4{font-size:.43rem}.profile-head p{font-size:.36rem;margin:4px 0}.bio{font-size:.42rem;line-height:1.75}.profile-main h3,.metrics h3,.recommendations h3{font-size:.58rem;margin:7px 0}.specialties{grid-template-columns:repeat(6,1fr);gap:2px}.specialties span,.sectors span{min-height:37px;border-radius:5px;font-size:.68rem}.specialties b,.sectors b{font-size:.29rem;margin-top:1px}.achievements{font-size:.36rem;line-height:1.65;padding-right:9px}.metrics>div:not(.sectors){grid-template-columns:19px 1fr;padding:5px 0}.metrics i{font-size:.7rem}.metrics b{font-size:.68rem}.metrics span{font-size:.34rem}.sectors{gap:2px}.recommendations ol{margin:0}.recommendations li{gap:2px;margin:4px 0;padding:3px 14px 3px 2px;border-radius:6px}.recommendations li:before{right:4px;font-size:.43rem}.recommendations img{width:23px;height:27px}.recommendations b{font-size:.36rem}.recommendations small{font-size:.27rem}.recommendations em{font-size:.3rem}.recommendations>a{font-size:.4rem}
 .trusted{width:96%;margin-bottom:10px;padding:6px;border-radius:10px}.trusted>span{display:none}.trusted div{gap:3px;margin:0;font-size:.43rem}.whatsapp{width:38px;height:38px;font-size:1.35rem;left:10px;bottom:10px}
}
.expert-card{padding:0;border:0;background:transparent;cursor:pointer}.expert-card:hover,.expert-card:focus-visible{transform:translateY(-6px);outline:0;filter:drop-shadow(0 17px 18px rgba(24,0,63,.32))}.slider-arrow{cursor:pointer}.recommendations li{cursor:pointer;transition:background .25s,box-shadow .25s}.recommendations li:hover,.recommendations li.selected{background:#f0eaff;box-shadow:0 3px 15px rgba(71,19,158,.18)}.profile-updated{animation:profileReveal .38s ease}@keyframes profileReveal{from{opacity:.55;transform:translateY(7px)}to{opacity:1;transform:none}}
.site-footer{margin-top:25px;padding:42px 5% 18px;background:linear-gradient(180deg,#21083f,#130322);color:#e5daef}.footer-content{width:min(1100px,100%);margin:auto;display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:35px}.footer-brand img{width:190px;margin:auto}.footer-brand p{max-width:380px;line-height:1.9}.site-footer h3{margin-top:0;color:#f2cf5b}.site-footer .footer-content>div:not(.footer-brand){display:flex;flex-direction:column;gap:10px}.site-footer a:hover{color:#f2cf5b}.copyright{width:min(1100px,100%);margin:28px auto 0;padding-top:17px;border-top:1px solid #d7a92333;text-align:center;font-size:.78rem;color:#bdaecb}
@media(max-width:700px){.topbar{display:flex;height:64px;margin:8px auto;padding:3px 14px}.logo img{width:125px;height:54px}.menu{display:block;position:relative;z-index:3;padding:6px}.site-menu{position:absolute;top:calc(100% + 8px);right:0;left:0;display:flex;flex-direction:column;align-items:stretch;max-height:0;padding:0 10px;overflow:hidden;border:0;border-radius:18px;background:#21083f;box-shadow:0 12px 24px #16042b44;transition:max-height .35s,padding .35s}.site-menu.open{max-height:360px;padding:10px}.site-menu a{text-align:center;padding:9px}.site-footer{margin-top:12px;padding:24px 6% 13px}.footer-content{grid-template-columns:1fr 1fr;gap:20px 8px;text-align:center}.footer-brand{grid-column:1/-1}.footer-brand img{width:145px}.footer-brand p{margin:5px auto;font-size:.66rem;line-height:1.7}.site-footer h3{font-size:.78rem;margin-bottom:7px}.site-footer a{font-size:.62rem}.copyright{margin-top:18px;padding-top:11px;font-size:.55rem}}
.expert-card img{object-fit:cover}
.ceiling-rings{position:absolute;z-index:1;top:-205px;left:50%;width:118%;height:330px;transform:translateX(-50%);border:13px solid rgba(183,112,41,.72);border-radius:50%;background:radial-gradient(ellipse at center,transparent 0 31%,rgba(255,255,255,.98) 32% 36%,rgba(221,207,255,.9) 37% 42%,rgba(255,255,255,.98) 43% 49%,rgba(190,121,48,.78) 50% 53%,rgba(244,237,255,.95) 54% 61%,rgba(255,255,255,.98) 62% 67%,rgba(179,104,35,.65) 68% 72%,rgba(237,228,250,.8) 73%);box-shadow:0 0 16px #fff,0 0 34px rgba(113,64,211,.34),inset 0 0 22px #fff;pointer-events:none}.expert-card{transition:left .65s cubic-bezier(.22,.61,.36,1),right .65s cubic-bezier(.22,.61,.36,1),bottom .65s cubic-bezier(.22,.61,.36,1),width .65s cubic-bezier(.22,.61,.36,1),height .65s cubic-bezier(.22,.61,.36,1),opacity .65s ease,transform .65s ease,filter .65s ease}.expert-card.main{left:50%;right:auto;transform:translateX(-50%)}.expert-card.main:hover,.expert-card.main:focus-visible{transform:translateX(-50%) translateY(-6px)}
footer{position:relative;z-index:1;margin-top:60px;border-top:1px solid rgba(212,175,55,.2);background:linear-gradient(180deg,#1a0533,#12032a);padding:60px 6% 30px;color:#f4eefc}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:44px;max-width:1150px;margin:0 auto 44px}.footer-brand{text-align:center}.footer-brand a{display:block}.footer-brand img{width:220px;filter:drop-shadow(0 2px 10px rgba(212,175,55,.4));margin:0 auto}.footer-brand p{color:#c9b8e0;margin:16px auto 0;max-width:340px;line-height:1.8}footer h4{color:#f5d76e;font-size:1.1rem;margin:0 0 18px}footer ul{list-style:none;margin:0;padding:0}footer ul li{margin-bottom:12px}footer ul a{color:#c9b8e0;transition:color .25s}footer ul a:hover{color:#f5d76e}.copyright{text-align:center;color:#c9b8e0;font-size:.9rem;border-top:1px solid rgba(212,175,55,.12);padding-top:24px;max-width:1150px;margin:0 auto}
@media(max-width:768px){footer{margin-top:24px;padding:36px 6% 18px}.footer-grid{grid-template-columns:1fr 1fr;gap:28px 10px;margin-bottom:28px;text-align:center}.footer-brand{grid-column:1/-1}.footer-brand img{width:190px}.footer-brand p{font-size:.8rem}.copyright{font-size:.7rem}}
@media(max-width:700px){.ceiling-rings{top:-48px;width:138%;height:146px;border:5px solid rgba(190,118,43,.78);background:radial-gradient(ellipse at 50% 43%,#fff 0 28%,#c17835 29% 32%,#fff7e9 33% 36%,#bd7430 37% 40%,#fff 41% 48%,#e6dcff 49% 54%,#fff 55% 60%,#b66c2c 61% 64%,#f7f2ff 65% 72%,rgba(226,216,249,.72) 73% 80%,rgba(255,255,255,0) 81%);box-shadow:0 0 10px #fff,0 0 22px rgba(113,64,211,.38),inset 0 0 14px #fff;filter:drop-shadow(0 5px 6px rgba(91,45,155,.16))}.expert-card.main{left:50%;right:auto}.expert-card.side.left{left:6%;right:auto}.expert-card.side.right{right:6%;left:auto}}
/* A single, predictable three-card formation. */
.phones-orbit{display:contents}
.phones-orbit .expert-card{top:auto;right:auto;margin:0;animation:none;object-fit:contain;transition:left .8s cubic-bezier(.22,.7,.25,1),bottom .8s cubic-bezier(.22,.7,.25,1),width .8s cubic-bezier(.22,.7,.25,1),transform .8s cubic-bezier(.22,.7,.25,1),opacity .8s ease,filter .35s ease}
.phones-orbit .expert-card img{object-fit:contain}
.phones-orbit .expert-card.main{z-index:6;left:50%;right:auto;bottom:34px;width:270px;height:auto;aspect-ratio:709/1387;opacity:1;transform:translateX(-50%)}
.phones-orbit .expert-card.side{z-index:3;bottom:60px;width:205px;height:auto;aspect-ratio:709/1387;opacity:.95;transform:none}
.phones-orbit .expert-card.side.left{left:5%;right:auto}
.phones-orbit .expert-card.side.right{right:auto;left:calc(95% - 205px)}
.stage-ring{animation:ringOrbit 5s linear infinite}
@keyframes ringOrbit{0%,100%{filter:drop-shadow(0 0 14px #7d4fff)}50%{filter:drop-shadow(0 0 22px #7d4fff)}}
@media(max-width:700px){
 .experts-hero{grid-template-columns:34% 66%}
 .hero-copy{padding:30px 13px 0 5px}
 .phones-orbit .expert-card.main{left:50%;right:auto;bottom:40px;width:35%;height:auto;transform:translateX(-50%)}
 .phones-orbit .expert-card.side{bottom:54px;width:25%;height:auto}
 .phones-orbit .expert-card.side.left{left:4%;right:auto}
 .phones-orbit .expert-card.side.right{right:auto;left:71%}
}

/* ايقونات خطية بدل رموز اليونيكود — بحجم نسبي فتتبع مقاسات الجوال نفسها */
.specialties svg,.sectors svg,.metrics i svg{width:1em;height:1em;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.metrics i{display:grid;place-items:center}

/* The upper ornament is a transparent image asset, not a CSS drawing. */
.ceiling-rings{top:-145px;left:50%;width:120%;height:auto;max-width:none;border:0;background:none;box-shadow:none;filter:drop-shadow(0 8px 14px rgba(88,42,156,.18));transform:translateX(-50%);object-fit:contain}
@media(max-width:700px){body>main{padding-top:106px}.ceiling-rings{top:-38px;width:138%;height:auto;border:0;background:none;box-shadow:none;filter:drop-shadow(0 4px 7px rgba(88,42,156,.17))}}

/* إخفاء الطبقة العلوية الباهتة والخطوط الجانبية الزائدة. */
.ceiling-rings{clip-path:inset(18% 0 0 0)}
.expert-stage::before{display:none!important}

/* The lower platform is an extracted transparent image from the visual reference. */
.stage-ring{z-index:2;bottom:-75px;width:100%;height:auto;max-width:none;border:0;border-radius:0;background:none;filter:none;animation:none;object-fit:contain;pointer-events:none}
@media(max-width:700px){.stage-ring{bottom:-35px;width:115%;height:auto;border:0;border-radius:0;background:none;filter:none;animation:none}}

/* More readable mobile typography without changing the compact reference layout. */
@media(max-width:700px){
 .hero-copy h1{font-size:36px;line-height:1.05}
 .hero-copy h2{font-size:16px;line-height:1.5}
 .hero-copy p{font-size:10px;line-height:1.8}
 .hero-actions a{font-size:11px;line-height:1.35;padding:8px 4px}
 .hero-actions b{font-size:17px}
 .profile-head h2{font-size:15px;line-height:1.35}
 .profile-head h4{font-size:9px;line-height:1.5}
 .profile-head p{font-size:8px;line-height:1.45}
 .bio{font-size:9.5px;line-height:1.85}
 .profile-main h3,.metrics h3,.recommendations h3{font-size:11px;line-height:1.45}
 .specialties b,.sectors b{font-size:7px;line-height:1.4}
 .achievements{font-size:8.5px;line-height:1.8}
 .metrics b{font-size:13px}
 .metrics span{font-size:7.5px;line-height:1.35}
 .recommendations li:before{font-size:8px}
 .recommendations b{font-size:7.5px;line-height:1.35}
 .recommendations small{font-size:6.5px;line-height:1.4}
 .recommendations em{font-size:7px}
 .recommendations>a{font-size:8.5px}
 .trusted div{font-size:8.5px}
}

/* Clean Arabic copy: balanced parallel lines and no list dots. */
.hero-copy p,.bio,.footer-brand p{text-align:right;text-align-last:right}
.achievements{list-style:none;padding-right:0}
.achievements li{text-align:right;text-align-last:right}
.hero-actions b{color:#bf8614;background:radial-gradient(circle at 35% 28%,#fff 0 28%,#fff9e9 58%,#ead397 100%);border:1px solid rgba(214,169,35,.48);box-shadow:inset 0 1px 4px #fff,0 2px 7px rgba(215,169,35,.38)}
.hero-actions b svg{width:62%;height:62%;fill:currentColor;stroke:none;filter:drop-shadow(0 1px 1px rgba(112,65,0,.3))}
@media(max-width:700px){
 .hero-copy p,.bio,.achievements li{width:100%;word-spacing:normal;letter-spacing:0}
 .hero-copy h2{display:flex;flex-direction:column;align-items:stretch}
}

/* Marquee Styles */
.trusted-title {
  display: block;
  margin-bottom: 15px;
  color: #4a208d;
  font-weight: 700;
}
.marquee-container {
  overflow: hidden;
  width: 100%;
  position: relative;
  display: flex;
}
.marquee-content {
  display: flex;
  width: max-content;
  animation: scrollMarquee 20s linear infinite;
}
.marquee-group {
  display: flex;
  gap: 50px;
  padding-left: 50px;
  align-items: center;
}
.marquee-group b {
  color: #351285;
  font-size: 1.2rem;
  white-space: nowrap;
}
@keyframes scrollMarquee {
  0% { transform: translateX(0); }
  100% { transform: translateX(50%); }
}

@media(max-width: 768px) {
  .marquee-group { gap: 20px; padding-left: 20px; }
  .marquee-group b { font-size: 0.8rem; }
}

.trust-logo {
  height: 48px;
  width: 135px;
  object-fit: contain;
  flex-shrink: 0;
}
@media(max-width: 768px) {
  .trust-logo { height: 35px; width: 100px; }
}