/* =====================================================================
   Fan Al-Maharah — Premium Homepage — v4
   Scoped under .fh · uses the site's existing :root brand tokens
   Logical CSS properties → works on /en (LTR) and / (RTL) unchanged
   ===================================================================== */
.fh{--fh-navy:#0f1030;--fh-navy-2:#15174a;--fh-ink:var(--dark,#1a1a2e);--fh-brand:var(--brand,#2e3192);--fh-brand-d:var(--brand-dark,#1e2070);--fh-brand-l:var(--brand-light,#4a4db5);--fh-gold:var(--gold,#c9a84c);--fh-gold-l:var(--gold-light,#e8c97a);--fh-cream:var(--cream,#f9f7f2);--fh-line:var(--border,#e5e0d8);--fh-muted:var(--text-muted,#6b6b7a);--fh-text:var(--text,#2d2d2d);--fh-display:var(--font-display,'Playfair Display',Georgia,serif);--fh-body:var(--font-body,'DM Sans',system-ui,sans-serif);--fh-ease:cubic-bezier(.4,0,.2,1);
  font-family:var(--fh-body);color:var(--fh-text);font-size:16px;line-height:1.7;overflow-x:clip}
.fh *,.fh *::before,.fh *::after{box-sizing:border-box}
:where(.fh) a{text-decoration:none;color:inherit}
.fh :where(img){max-width:100%;display:block}
/* :where() keeps these element defaults at the weight of one class, so the own rules of a
   component (the design ones and the legacy ones inside .fh) always win. */
.fh :where(h1,h2,h3,h4){font-family:var(--fh-display);color:var(--fh-ink);margin:0;line-height:1.18;letter-spacing:-.01em}
.fh :where(p){margin:0}
.fh-wrap{width:100%;max-width:1240px;margin-inline:auto;padding-inline:24px}
.fh-sec{padding-block:104px}
.fh-cream{background:var(--fh-cream)}
.fh-ico{width:22px;height:22px;flex-shrink:0;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.fh-arrow{transition:transform .25s var(--fh-ease)}
[dir=rtl] .fh-arrow{transform:scaleX(-1)}
.fh :focus-visible{outline:2.5px solid var(--fh-gold);outline-offset:3px;border-radius:6px}

/* eyebrow + headings */
.fh-eyebrow{display:inline-flex;align-items:center;gap:12px;font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--fh-brand);margin-bottom:18px}
.fh-eyebrow::before,.fh-eyebrow--c::after{content:"";width:28px;height:1.5px;background:var(--fh-gold)}
.fh-head{max-width:760px;margin-bottom:56px}
.fh-head--c{margin-inline:auto;text-align:center}
.fh-head h2{font-size:clamp(30px,3.6vw,46px);margin-bottom:18px}
.fh-head p{color:var(--fh-muted);font-size:17px}
.fh-head p+p{margin-top:12px}

/* buttons */
.fh-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-weight:600;font-size:15px;padding:16px 26px;border-radius:14px;transition:all .28s var(--fh-ease);white-space:nowrap;cursor:pointer;border:0;font-family:var(--fh-body)}
.fh-btn--gold{background:linear-gradient(135deg,var(--fh-gold-l),var(--fh-gold));color:var(--fh-ink);box-shadow:0 10px 30px -8px rgba(201,168,76,.55)}
.fh-btn--gold:hover{transform:translateY(-2px);box-shadow:0 16px 40px -10px rgba(201,168,76,.7)}
.fh-btn--glass{background:rgba(255,255,255,.07);color:#fff;border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(10px)}
.fh-btn--glass:hover{background:rgba(255,255,255,.13);border-color:rgba(255,255,255,.3)}
.fh-btn--glass .fh-wa-dot{width:30px;height:30px;border-radius:50%;background:#25d366;display:grid;place-items:center;position:relative}
.fh-btn--line{background:#fff;color:var(--fh-brand);border:1.5px solid rgba(46,49,146,.2)}
.fh-btn--line:hover{border-color:var(--fh-brand);background:var(--fh-brand);color:#fff}
.fh-btn--line:hover .fh-arrow{transform:translateX(4px)}
[dir=rtl] .fh-btn--line:hover .fh-arrow{transform:scaleX(-1) translateX(-4px)}
.fh-center{text-align:center;margin-top:52px}

/* ============================ HERO ============================ */
.fh-hero{position:relative;background:radial-gradient(1100px 600px at 12% -10%,rgba(74,77,181,.55),transparent 60%),radial-gradient(800px 500px at 100% 100%,rgba(201,168,76,.16),transparent 60%),linear-gradient(160deg,var(--fh-navy) 0%,var(--fh-navy-2) 55%,#1b1e66 100%);color:#fff;padding-block:96px 0;isolation:isolate}
.fh-hero2{padding-block:84px 0;overflow:hidden;--mx:70%;--my:30%}
.fh-hero2::before{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(to right,rgba(255,255,255,.055) 1px,transparent 1px);background-size:calc(100%/6) 100%;-webkit-mask-image:linear-gradient(to bottom,#000 20%,transparent 95%);mask-image:linear-gradient(to bottom,#000 20%,transparent 95%)}
.fh-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center}
.fh-pill{display:inline-flex;align-items:center;gap:9px;padding:8px 16px 8px 12px;border-radius:999px;border:1px solid rgba(232,201,122,.35);background:rgba(232,201,122,.08);color:var(--fh-gold-l);font-size:12.5px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;margin-bottom:28px}
.fh-pill .fh-ico{width:16px;height:16px}
.fh-pill i{width:7px;height:7px;border-radius:50%;background:#3ddc84;box-shadow:0 0 0 4px rgba(61,220,132,.18);font-style:normal}
.fh-hero h1{color:#fff;font-size:clamp(40px,5.4vw,70px);line-height:1.06;margin-bottom:28px;font-weight:700}
.fh-hero h1 em{font-style:italic;display:inline-block;background:linear-gradient(100deg,var(--fh-gold-l) 0%,var(--fh-gold) 60%,#f3dc9f 100%);-webkit-background-clip:text;background-clip:text;color:transparent;padding-inline-end:.06em}
.fh-hero h1 em::after{content:"";display:block;height:3px;width:64%;margin-top:6px;background:linear-gradient(90deg,var(--fh-gold),transparent);border-radius:3px}
[dir=rtl] .fh-hero h1 em::after{background:linear-gradient(270deg,var(--fh-gold),transparent)}
.fh-lead{color:rgba(255,255,255,.74);font-size:16.5px;line-height:1.8;max-width:610px}
.fh-lead a{color:var(--fh-gold-l);border-bottom:1px dashed rgba(232,201,122,.5)}
.fh-lead a:hover{color:#fff;border-color:#fff}
.fh-cta{display:flex;gap:14px;flex-wrap:wrap;margin-top:36px}
.fh-cta-note{margin-top:14px;font-size:13px;color:rgba(255,255,255,.55);display:flex;align-items:center;gap:8px}
.fh-cta-note .fh-ico{width:15px;height:15px;color:#3ddc84}
.fh-stats{display:grid;grid-template-columns:repeat(4,1fr);margin-top:52px;padding-top:30px;border-top:1px solid rgba(255,255,255,.12);max-width:620px}
.fh-stat strong{display:block;font-family:var(--fh-display);font-size:clamp(28px,3vw,40px);font-weight:700;color:#fff;line-height:1}
.fh-stat span{display:block;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.55);margin-top:8px}
.fh-stat+.fh-stat{padding-inline-start:22px;border-inline-start:1px solid rgba(255,255,255,.1)}

/* hero visual / aurora */
.fh-aurora{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none}
.fh-aurora span{position:absolute;border-radius:50%;filter:blur(70px);opacity:.55;animation:fhDrift 18s ease-in-out infinite alternate}
.fh-aurora span:nth-child(1){width:520px;height:520px;background:#4a4db5;inset-block-start:-180px;inset-inline-start:-120px}
.fh-aurora span:nth-child(2){width:380px;height:380px;background:rgba(201,168,76,.55);inset-block-end:-120px;inset-inline-end:8%;animation-duration:22s;opacity:.35}
.fh-aurora span:nth-child(3){width:300px;height:300px;background:#2e3192;inset-block-start:30%;inset-inline-start:40%;animation-duration:26s}
@keyframes fhDrift{0%{transform:translate(0,0) scale(1)}50%{transform:translate(60px,40px) scale(1.12)}100%{transform:translate(-40px,70px) scale(.95)}}
.fh-hero2 .fh-glow{position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(560px circle at var(--mx) var(--my),rgba(232,201,122,.12),transparent 60%)}

/* entrance */
.fh-rise{opacity:0;transform:translateY(22px);animation:fhRise .9s var(--fh-ease) forwards;animation-delay:calc(var(--d,0) * 110ms)}
.fh-h1-anim .fh-w{display:inline-block;opacity:0;transform:translateY(.45em) rotate(2deg);filter:blur(6px);animation:fhWord .9s var(--fh-ease) forwards;animation-delay:calc(var(--d,0) * 110ms + 80ms)}
@keyframes fhRise{to{opacity:1;transform:none}}
@keyframes fhWord{to{opacity:1;transform:none;filter:none}}
.fh-hero2 h1 em{background-size:200% auto;animation:fhWord .9s var(--fh-ease) forwards,fhShimmer 5s linear 1.4s infinite}
@keyframes fhShimmer{to{background-position:200% center}}
.fh-hero2 h1 em::after{transform-origin:left;transform:scaleX(0);animation:fhLine .9s var(--fh-ease) 1.2s forwards}
[dir=rtl] .fh-hero2 h1 em::after{transform-origin:right}
@keyframes fhLine{to{transform:scaleX(1)}}

/* shine + pulse */
.fh-btn--shine{position:relative;overflow:hidden}
.fh-btn--shine::after{content:"";position:absolute;inset-block:0;inset-inline-start:-60%;width:40%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.55),transparent);transform:skewX(-20deg);animation:fhShine 3.6s ease-in-out 2s infinite}
@keyframes fhShine{0%,60%{inset-inline-start:-60%}100%{inset-inline-start:130%}}
.fh-pulse{position:relative}
.fh-pulse::after{content:"";position:absolute;inset:0;border-radius:50%;box-shadow:0 0 0 0 rgba(37,211,102,.6);animation:fhPulse 2.2s ease-out infinite}
@keyframes fhPulse{to{box-shadow:0 0 0 14px rgba(37,211,102,0)}}

/* stage + deck */
.fh-stage{position:relative;max-width:440px;width:100%;margin-inline:auto;padding-block-end:4px}
.fh-orbit{position:absolute;inset:-6% -14% 8%;border-radius:50%;border:1px dashed rgba(232,201,122,.25);animation:fhSpin 60s linear infinite;z-index:-1}
.fh-orbit::before,.fh-orbit::after{content:"";position:absolute;width:10px;height:10px;border-radius:50%;background:var(--fh-gold-l);box-shadow:0 0 18px var(--fh-gold)}
.fh-orbit::before{inset-block-start:12%;inset-inline-start:12%}
.fh-orbit::after{inset-block-end:8%;inset-inline-end:20%;width:6px;height:6px;opacity:.7}
@keyframes fhSpin{to{transform:rotate(360deg)}}
.fh-deck-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;padding-inline:6px}
.fh-live{display:inline-flex;align-items:center;gap:9px;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--fh-gold-l)}
.fh-live i{width:8px;height:8px;border-radius:50%;background:#3ddc84;box-shadow:0 0 0 0 rgba(61,220,132,.6);animation:fhPulse2 1.8s infinite}
@keyframes fhPulse2{to{box-shadow:0 0 0 10px rgba(61,220,132,0)}}
.fh-deck-count{font-size:13px;color:rgba(255,255,255,.6);font-variant-numeric:tabular-nums}
.fh-deck-count b{color:#fff;font-size:15px}
.fh-deck{position:relative;aspect-ratio:4/5;outline:none;touch-action:pan-y;user-select:none}
.fh-deck:focus-visible{box-shadow:0 0 0 3px var(--fh-gold);border-radius:30px;outline:none}
.fh-dcard{position:absolute;inset:0;border-radius:30px;overflow:hidden;background:linear-gradient(160deg,#2b2f86,#14164a);box-shadow:0 40px 80px -30px rgba(0,0,0,.75),inset 0 0 0 1px rgba(255,255,255,.14);transition:transform .75s var(--fh-ease),opacity .75s var(--fh-ease),filter .75s;will-change:transform;cursor:grab}
.fh-dcard>img{width:100%;height:100%;object-fit:cover;object-position:top;pointer-events:none}
.fh-dcard::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(12,13,40,.95) 0%,rgba(12,13,40,.55) 34%,transparent 60%);pointer-events:none}
.fh-dcard[data-pos="0"]{z-index:3;transform:none}
.fh-dcard[data-pos="1"]{z-index:2;transform:translateY(-22px) scale(.93) rotate(-4deg);filter:brightness(.6)}
.fh-dcard[data-pos="2"]{z-index:1;transform:translateY(-40px) scale(.86) rotate(5deg);filter:brightness(.4)}
.fh-dcard.is-out{z-index:4;transform:translateX(-115%) rotate(-16deg);opacity:0}
[dir=rtl] .fh-dcard.is-out{transform:translateX(115%) rotate(16deg)}
.fh-dcard:not([data-pos="0"]) .fh-dinfo,.fh-dcard:not([data-pos="0"]) .fh-flag{opacity:0}
.fh-dcard .fh-flag{z-index:2;transition:opacity .4s}
.fh-dprog{position:absolute;z-index:2;inset-block-start:14px;inset-inline:auto 14px;width:90px;height:4px;border-radius:4px;background:rgba(255,255,255,.25);overflow:hidden}
.fh-dprog i{display:block;height:100%;width:0;background:var(--fh-gold-l)}
.fh-dcard[data-pos="0"] .fh-dprog i{animation:fhProg var(--fh-dur,5s) linear forwards}
.fh-deck.is-paused .fh-dprog i{animation-play-state:paused}
@keyframes fhProg{to{width:100%}}
.fh-dinfo{position:absolute;z-index:2;inset-inline:18px;inset-block-end:18px;transition:opacity .4s .15s;color:#fff}
.fh-dname{font-weight:700;font-size:20px;letter-spacing:.02em;line-height:1.2}
.fh-drole{color:var(--fh-gold-l);font-weight:600;font-size:14px;margin-top:2px}
.fh-dskills{display:flex;gap:6px;flex-wrap:wrap;margin:12px 0 14px}
.fh-dskills span{font-size:12px;font-weight:600;padding:4px 10px;border-radius:999px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18)}
.fh-dfoot{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 12px 12px 16px;border-radius:16px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(12px)}
[dir=rtl] .fh-dfoot{padding:12px 16px 12px 12px}
.fh-dfoot b{font-family:var(--fh-display);font-size:20px}
.fh-dfoot>span{display:flex;gap:6px}
.fh-dcv,.fh-dhire{font-family:var(--fh-body);font-size:13px;font-weight:700;padding:9px 13px;border-radius:11px;cursor:pointer;border:0;transition:all .25s var(--fh-ease)}
.fh-dcv{background:rgba(255,255,255,.14);color:#fff}
.fh-dcv:hover{background:rgba(255,255,255,.24)}
.fh .fh-dhire{background:linear-gradient(135deg,var(--fh-gold-l),var(--fh-gold));color:var(--fh-ink)}
.fh-dhire:hover{filter:brightness(1.08)}
.fh-deck-nav{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:20px}
.fh-dnav{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.2);color:#fff;cursor:pointer;transition:all .25s var(--fh-ease)}
.fh-dnav:hover{background:var(--fh-gold);border-color:var(--fh-gold);color:var(--fh-ink)}
.fh-dnav .fh-ico{width:18px;height:18px}
.fh-dnav--prev .fh-arrow{transform:scaleX(-1)}
[dir=rtl] .fh-dnav--prev .fh-arrow{transform:none}
[dir=rtl] .fh-dnav--next .fh-arrow{transform:scaleX(-1)}
.fh-dots{display:flex;gap:7px}
.fh-dots i{width:8px;height:8px;border-radius:8px;background:rgba(255,255,255,.3);transition:all .35s var(--fh-ease)}
.fh-dots i.on{width:26px;background:var(--fh-gold-l)}
.fh-deck-cta{text-align:center;margin-top:14px}
.fh-deck-cta a{font-size:13.5px;font-weight:600;color:rgba(255,255,255,.8);display:inline-flex;align-items:center;gap:8px}
.fh-deck-cta a:hover{color:var(--fh-gold-l)}
.fh-floats{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:18px}
.fh-float{display:flex;align-items:center;gap:9px;padding:8px 13px 8px 8px;border-radius:14px;background:rgba(21,23,74,.72);border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(14px);box-shadow:0 18px 40px -16px rgba(0,0,0,.6);font-size:12.5px;font-weight:600;color:#fff;white-space:nowrap}
.fh-float .fh-dot{width:26px;height:26px;border-radius:8px;display:grid;place-items:center;background:rgba(232,201,122,.16);color:var(--fh-gold-l)}
.fh-float .fh-ico{width:15px;height:15px}

/* marquee band */
.fh-band{margin-top:84px;background:linear-gradient(90deg,var(--fh-brand-d),var(--fh-brand) 50%,var(--fh-brand-l));position:relative}
.fh-band::before{content:"";position:absolute;inset-inline:0;inset-block-start:0;height:1px;background:linear-gradient(90deg,transparent,rgba(232,201,122,.6),transparent)}
.fh-marquee{overflow:hidden}
.fh-mq-track{display:flex;width:max-content;animation:fhMarquee 32s linear infinite}
.fh-marquee:hover .fh-mq-track{animation-play-state:paused}
.fh-marquee ul{list-style:none;margin:0;padding:0;display:flex;flex-shrink:0}
.fh-marquee li{display:flex;align-items:center;gap:12px;padding:22px 40px;color:rgba(255,255,255,.72);font-size:13px;line-height:1.35;white-space:nowrap;border-inline-start:1px solid rgba(255,255,255,.12)}
.fh-marquee li strong{display:block;color:#fff;font-size:14.5px;font-weight:600}
.fh-marquee .fh-ico{color:var(--fh-gold-l);width:26px;height:26px}
@keyframes fhMarquee{to{transform:translateX(-50%)}}
[dir=rtl] .fh-mq-track{animation-name:fhMarqueeR}
@keyframes fhMarqueeR{to{transform:translateX(50%)}}

/* ============================ SERVICES ============================ */
.fh-svc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;align-items:stretch}
.fh-svc{position:relative;display:flex;flex-direction:column;background:#fff;border:1px solid var(--fh-line);border-radius:24px;padding:36px 32px;transition:all .35s var(--fh-ease);overflow:hidden}
.fh-svc:hover{transform:translateY(-6px);box-shadow:0 30px 60px -28px rgba(46,49,146,.35);border-color:rgba(46,49,146,.25)}
.fh-svc:focus-visible{outline:2.5px solid var(--fh-gold);outline-offset:4px}
.fh-svc-num{position:absolute;inset-block-start:22px;inset-inline-end:26px;font-family:var(--fh-display);font-size:56px;font-weight:700;color:rgba(46,49,146,.06);line-height:1}
.fh-svc-ico{width:58px;height:58px;border-radius:16px;display:grid;place-items:center;background:var(--fh-brand);color:var(--fh-gold-l);margin-bottom:26px;box-shadow:0 12px 26px -10px rgba(46,49,146,.6)}
.fh-svc-ico .fh-ico{width:26px;height:26px}
.fh-svc h3{font-size:22px;margin-bottom:12px}
.fh-svc p{color:var(--fh-muted);font-size:15px;margin-bottom:22px}
.fh-svc ul{list-style:none;margin:0 0 28px;padding:20px 0 0;border-top:1px solid var(--fh-line);display:grid;gap:11px;flex:1}
.fh-svc li{display:flex;gap:10px;font-size:14.5px;font-weight:500;color:var(--fh-text)}
.fh-svc li::before{content:"";flex-shrink:0;width:20px;height:20px;margin-top:3px;border-radius:50%;background:var(--fh-gold-pale,rgba(201,168,76,.14)) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a8862e' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E") center/11px no-repeat}
.fh-svc-go{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;border:1.5px solid var(--fh-line);color:var(--fh-brand);transition:all .3s var(--fh-ease)}
.fh-svc:hover .fh-svc-go{background:var(--fh-brand);border-color:var(--fh-brand);color:#fff}
.fh-svc--feat{background:linear-gradient(165deg,var(--fh-navy-2),var(--fh-brand-d));border-color:transparent;color:#fff}
.fh-svc--feat h3{color:#fff}.fh-svc--feat p{color:rgba(255,255,255,.7)}
.fh-svc--feat ul{border-color:rgba(255,255,255,.14)}.fh-svc--feat li{color:rgba(255,255,255,.9)}
.fh-svc--feat .fh-svc-num{color:rgba(255,255,255,.06)}
.fh-svc--feat .fh-svc-ico{background:linear-gradient(135deg,var(--fh-gold-l),var(--fh-gold));color:var(--fh-ink)}
.fh-svc--feat .fh-svc-go{border-color:rgba(255,255,255,.25);color:#fff}
.fh-svc--feat:hover .fh-svc-go{background:var(--fh-gold);border-color:var(--fh-gold);color:var(--fh-ink)}

/* ============================ PROCESS ============================ */
.fh-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;position:relative;counter-reset:fhstep}
.fh-steps::before{content:"";position:absolute;inset-block-start:38px;inset-inline:16% 16%;height:2px;background:repeating-linear-gradient(90deg,var(--fh-gold) 0 8px,transparent 8px 16px);opacity:.55}
.fh-step{position:relative;text-align:center;padding:0 12px}
.fh-step-n{width:78px;height:78px;margin:0 auto 28px;border-radius:50%;display:grid;place-items:center;font-family:var(--fh-display);font-size:30px;font-weight:700;color:var(--fh-gold-l);background:radial-gradient(circle at 30% 30%,var(--fh-brand-l),var(--fh-brand-d));box-shadow:0 0 0 8px #fff,0 0 0 9px var(--fh-line),0 20px 40px -14px rgba(46,49,146,.6);position:relative;z-index:1}
.fh-step h3{font-size:22px;margin-bottom:14px}
.fh-step p{color:var(--fh-muted);font-size:15px;max-width:340px;margin-inline:auto}

/* ============================ COMPLIANCE ============================ */
.fh-dark{background:radial-gradient(900px 500px at 85% 0%,rgba(74,77,181,.4),transparent 60%),linear-gradient(170deg,var(--fh-navy),var(--fh-navy-2));color:#fff;position:relative;overflow:hidden}
.fh-dark .fh-head h2{color:#fff}.fh-dark .fh-head p{color:rgba(255,255,255,.68)}
.fh-dark .fh-eyebrow{color:var(--fh-gold-l)}
.fh-comp{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.fh-comp-card{padding:32px 28px;border-radius:22px;background:linear-gradient(160deg,rgba(255,255,255,.07),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.1);transition:all .3s var(--fh-ease)}
.fh-comp-card:hover{border-color:rgba(232,201,122,.4);transform:translateY(-4px);background:linear-gradient(160deg,rgba(255,255,255,.1),rgba(255,255,255,.03))}
.fh-comp-ico{width:50px;height:50px;border-radius:14px;display:grid;place-items:center;background:rgba(232,201,122,.12);color:var(--fh-gold-l);margin-bottom:22px;border:1px solid rgba(232,201,122,.22)}
.fh-comp-card h4{color:#fff;font-size:19px;margin-bottom:10px}
.fh-comp-card p{color:rgba(255,255,255,.66);font-size:14.5px;line-height:1.7}

/* ============================ CANDIDATES ============================ */
.fh-cands{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.fh-cand{background:#fff;border-radius:24px;overflow:hidden;border:1px solid var(--fh-line);transition:all .35s var(--fh-ease)}
.fh-cand:hover{transform:translateY(-6px);box-shadow:0 30px 60px -28px rgba(26,26,46,.35)}
.fh-cand-ph{position:relative;aspect-ratio:4/4.3;overflow:hidden;background:linear-gradient(160deg,#dfe0f3,#c4c6ea)}
.fh-cand-ph img{width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .6s var(--fh-ease)}
.fh-cand:hover .fh-cand-ph img{transform:scale(1.05)}
.fh-cand-ph::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(15,16,48,.55),transparent 45%)}
.fh-flag{position:absolute;z-index:2;inset-block-start:14px;inset-inline-start:14px;display:inline-flex;align-items:center;gap:7px;padding:6px 12px 6px 8px;border-radius:999px;background:rgba(255,255,255,.95);font-size:12.5px;font-weight:600;color:var(--fh-ink)}
.fh-flag img{width:20px;height:15px;border-radius:3px;object-fit:cover}
.fh-cand-b{padding:22px 24px 24px}
.fh-avatar{position:absolute;inset:0;display:grid;place-items:center}
.fh-avatar svg{width:58%;max-width:180px;height:auto;border-radius:50%;background:rgba(255,255,255,.12);box-shadow:inset 0 0 0 2px rgba(255,255,255,.25)}
.fh-avatar path,.fh-avatar circle{fill:rgba(255,255,255,.7)}
.fh-cand-ph .fh-avatar svg{background:rgba(46,49,146,.08);box-shadow:inset 0 0 0 2px rgba(46,49,146,.15)}
.fh-cand-ph .fh-avatar path,.fh-cand-ph .fh-avatar circle{fill:var(--fh-brand-l);opacity:.55}
.fh-cand-new{position:absolute;z-index:2;inset-block-start:14px;inset-inline-end:14px;padding:5px 11px;border-radius:999px;background:var(--fh-gold);color:var(--fh-ink);font-size:12px;font-weight:700}
.fh-cand-video{position:absolute;z-index:2;inset-block-end:14px;inset-inline-start:14px;display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:999px;border:0;background:rgba(15,16,48,.78);color:#fff;font-family:var(--fh-body);font-size:12.5px;font-weight:600;cursor:pointer}
.fh-cand-video:hover{background:var(--fh-brand)}
.fh-cand-facts{list-style:none;display:flex;flex-wrap:wrap;gap:4px 12px;margin:10px 0 0;padding:0;font-size:12.5px;color:var(--fh-muted)}
/* The list of the candidates page keeps its list layout: one candidate per row,
   the photo on the side (as before the redesign), stacked on phones. The
   filter sidebar keeps its own heading font. */
.fh .filter-sidebar h3{font-family:inherit}
.fh .candidates-grid-main{display:flex;flex-direction:column;gap:18px}
.fh .candidates-grid-main .fh-cand{display:grid;grid-template-columns:190px 1fr;align-items:stretch}
.fh .candidates-grid-main .fh-cand:hover{transform:translateY(-3px)}
.fh .candidates-grid-main .fh-cand-ph{aspect-ratio:auto;min-height:220px}
.fh .candidates-grid-main .fh-cand-ph>img{position:absolute;inset:0}
.fh .candidates-grid-main .fh-cand-b{display:flex;flex-direction:column;padding:18px 22px}
.fh .candidates-grid-main .fh-skills{margin:12px 0 14px}
.fh .candidates-grid-main .fh-cand-f{margin-top:auto;padding-top:14px}
.fh .candidates-grid-main .fh-price{font-size:21px;white-space:nowrap}
.fh .candidates-grid-main .fh-cand-act>*{white-space:nowrap}
/* phones: a compact row (small photo on the side) instead of one big card per screen */
@media (max-width:680px){
.fh .candidates-grid-main{gap:12px}
.fh .candidates-grid-main .fh-cand{grid-template-columns:118px 1fr;border-radius:18px}
.fh .candidates-grid-main .fh-cand-ph{min-height:0}
.fh .candidates-grid-main .fh-cand-b{padding:12px 14px}
.fh .candidates-grid-main .fh-cand-b h3{font-size:14px;margin-bottom:2px}
.fh .candidates-grid-main .fh-role{font-size:12.5px}
.fh .candidates-grid-main .fh-cand-facts{font-size:11.5px;gap:2px 8px;margin-top:6px}
.fh .candidates-grid-main .fh-skills{margin:8px 0 10px;gap:4px}
.fh .candidates-grid-main .fh-skills span{font-size:11px;padding:3px 8px}
.fh .candidates-grid-main .fh-cand-f{padding-top:10px;gap:8px}
.fh .candidates-grid-main .fh-price{font-size:17px}
.fh .candidates-grid-main .fh-cand-act button,.fh .candidates-grid-main .fh-cand-act a{font-size:12.5px;padding:8px 10px;border-radius:10px}
.fh .candidates-grid-main .fh-flag{inset-block-start:8px;inset-inline-start:8px;padding:4px 6px;font-size:0;gap:0}
.fh .candidates-grid-main .fh-flag img{width:18px;height:13px}
.fh .candidates-grid-main .fh-cand-video{inset-block-end:8px;inset-inline-start:8px;padding:5px 9px;font-size:11px}
.fh .candidates-grid-main .fh-cand-new{inset-block-start:8px;inset-inline-end:8px;padding:3px 8px;font-size:10.5px}
.fh .candidates-grid-main .fh-avatar svg{width:70%}
}
@media (max-width:420px){.fh .candidates-grid-main .fh-cand-f{flex-direction:column;align-items:stretch}.fh .candidates-grid-main .fh-cand-act>*{flex:1;text-align:center}[data-cand-layout=grid] .fh .candidates-grid-main .fh-cand{grid-template-columns:none}}
/* The grid view of the switch (html[data-cand-layout=grid], set by main.js). */
.fh-view-tools{display:flex;align-items:center;gap:10px}
.fh-view-switch{display:inline-flex;padding:3px;border:1px solid var(--fh-line);border-radius:12px;background:#fff}
.fh-view-switch button{display:grid;place-items:center;width:36px;height:34px;border:0;border-radius:9px;background:transparent;color:var(--fh-muted);cursor:pointer;transition:all .2s var(--fh-ease)}
.fh-view-switch button:hover{color:var(--fh-brand)}
.fh-view-switch button[aria-pressed="true"]{background:var(--fh-brand);color:#fff}
.fh-view-switch svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
[data-cand-layout=grid] .fh .candidates-grid-main{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:22px}
[data-cand-layout=grid] .fh .candidates-grid-main .fh-cand{display:block}
[data-cand-layout=grid] .fh .candidates-grid-main .fh-cand-ph{aspect-ratio:4/4.3;min-height:0}
[data-cand-layout=grid] .fh .candidates-grid-main .fh-cand-b{padding:18px 20px 20px}
[data-cand-layout=grid] .fh .candidates-grid-main .fh-cand-f{flex-direction:column;align-items:stretch}
[data-cand-layout=grid] .fh .candidates-grid-main .fh-cand-act>*{flex:1;text-align:center}
@media (max-width:560px){[data-cand-layout=grid] .fh .candidates-grid-main{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}[data-cand-layout=grid] .fh .candidates-grid-main .fh-cand-b{padding:12px}[data-cand-layout=grid] .fh .candidates-grid-main .fh-price{font-size:17px}[data-cand-layout=grid] .fh .candidates-grid-main .fh-cand-act{flex-direction:column}[data-cand-layout=grid] .fh .candidates-grid-main .fh-cand-facts{display:none}}
.fh-cand-b h3{font-family:var(--fh-body);font-size:17px;font-weight:700;letter-spacing:.02em;margin-bottom:4px}
.fh-role{font-size:14px;color:var(--fh-brand);font-weight:600}
.fh-skills{display:flex;gap:6px;flex-wrap:wrap;margin:14px 0 18px}
.fh-skills span{font-size:12px;font-weight:600;padding:5px 11px;border-radius:999px;background:var(--fh-cream);color:var(--fh-text);border:1px solid var(--fh-line)}
.fh-cand-f{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:18px;border-top:1px solid var(--fh-line)}
.fh-price{font-family:var(--fh-display);font-size:22px;font-weight:700;color:var(--fh-ink)}
.fh-cand-act{display:flex;gap:8px}
.fh-cand-act button,.fh-cand-act a{font-family:var(--fh-body);font-size:13.5px;font-weight:600;padding:10px 14px;border-radius:12px;cursor:pointer;transition:all .25s var(--fh-ease)}
.fh-cv{background:#fff;border:1.5px solid var(--fh-line);color:var(--fh-text)}
.fh-cv:hover{border-color:var(--fh-brand);color:var(--fh-brand)}
.fh-hire{background:var(--fh-brand);color:#fff!important;border:1.5px solid var(--fh-brand)}
.fh-hire:hover{background:var(--fh-brand-d)}

/* ============================ TESTIMONIALS ============================ */
.fh-tests{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.fh-test{position:relative;padding:40px 32px 32px;border-radius:24px;background:#fff;border:1px solid var(--fh-line);display:flex;flex-direction:column}
.fh-test-q{position:absolute;inset-block-start:-22px;inset-inline-start:30px;width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,var(--fh-gold-l),var(--fh-gold));color:var(--fh-ink);font-family:var(--fh-display);font-size:clamp(28px,3vw,40px);line-height:1;padding-top:14px}
.fh-stars{color:var(--fh-gold);letter-spacing:3px;font-size:15px;margin-bottom:16px}
.fh-test p{font-size:15.5px;line-height:1.8;color:var(--fh-text);flex:1}
.fh-test p a{color:var(--fh-brand);font-weight:600;border-bottom:1px solid rgba(46,49,146,.25)}
.fh-test-a{display:flex;align-items:center;gap:14px;margin-top:26px;padding-top:22px;border-top:1px solid var(--fh-line)}
.fh-av{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:var(--fh-brand);color:var(--fh-gold-l);font-family:var(--fh-display);font-size:19px;font-weight:700}
.fh-test-a strong{display:block;font-size:15px;color:var(--fh-ink)}
.fh-test-a span{font-size:13px;color:var(--fh-muted)}
.fh-verified{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:700;color:var(--success);margin-inline-start:auto}
.fh-verified .fh-ico{width:13px;height:13px}

/* ============================ BLOG ============================ */
.fh-posts{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.fh-post{display:flex;flex-direction:column;background:#fff;border-radius:22px;overflow:hidden;border:1px solid var(--fh-line);transition:all .35s var(--fh-ease)}
.fh-post:hover{transform:translateY(-6px);box-shadow:0 30px 60px -30px rgba(46,49,146,.35)}
.fh-post-img{position:relative;aspect-ratio:16/9;overflow:hidden;background:linear-gradient(135deg,var(--fh-brand-d),var(--fh-brand-l))}
.fh-post-img img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--fh-ease)}
.fh-post:hover .fh-post-img img{transform:scale(1.05)}
.fh-post-img .fh-ph{position:absolute;inset:0;display:grid;place-items:center;color:rgba(232,201,122,.55)}
.fh-post-img .fh-ph .fh-ico{width:54px;height:54px;stroke-width:1.2}
.fh-tag{position:absolute;inset-block-start:14px;inset-inline-start:14px;padding:5px 12px;border-radius:999px;background:var(--fh-gold);color:var(--fh-ink);font-size:11.5px;font-weight:700;letter-spacing:.04em}
.fh-post-b{padding:24px 26px 26px;display:flex;flex-direction:column;flex:1}
.fh-date{font-size:12.5px;color:var(--fh-muted);display:flex;align-items:center;gap:7px;margin-bottom:10px}
.fh-date .fh-ico{width:14px;height:14px}
.fh-post-b h3{font-size:19px;line-height:1.35;margin-bottom:10px}
.fh-post-b p{font-size:14.5px;color:var(--fh-muted);flex:1}
.fh-read{display:inline-flex;align-items:center;gap:8px;margin-top:18px;font-size:14px;font-weight:700;color:var(--fh-brand)}
.fh-post:hover .fh-read .fh-arrow{transform:translateX(4px)}
[dir=rtl] .fh-post:hover .fh-read .fh-arrow{transform:scaleX(-1) translateX(-4px)}

/* ============================ OVERVIEW (SEO copy) ============================ */
.fh-ov{display:grid;grid-template-columns:1fr 360px;gap:64px;align-items:start}
.fh-prose h2{font-size:clamp(26px,2.8vw,34px);margin:0 0 18px}
.fh-prose h3{font-size:20px;margin:28px 0 12px}
.fh-prose p{color:var(--fh-text);font-size:16.5px;line-height:1.85;margin-bottom:16px}
.fh-prose hr{border:0;height:1px;background:linear-gradient(90deg,var(--fh-gold),transparent);margin:46px 0;opacity:.6}
[dir=rtl] .fh-prose hr{background:linear-gradient(270deg,var(--fh-gold),transparent)}
.fh-prose a{color:var(--fh-brand);font-weight:600;border-bottom:1px solid rgba(46,49,146,.25)}
.fh-prose a:hover{border-color:var(--fh-brand)}
.fh-prose ul{list-style:none;margin:6px 0 22px;padding:0;display:grid;gap:12px}
.fh-prose li{position:relative;padding:16px 20px;padding-inline-start:54px;border-radius:16px;background:var(--fh-cream);border:1px solid var(--fh-line);font-size:15.5px;line-height:1.7}
.fh-prose li::before{content:"";position:absolute;inset-inline-start:18px;inset-block-start:19px;width:22px;height:22px;border-radius:50%;background:var(--fh-brand) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23e8c97a' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E") center/12px no-repeat}
.fh-aside{position:sticky;inset-block-start:110px}
.fh-licard{border-radius:28px;padding:34px 30px;color:#fff;background:radial-gradient(400px 300px at 100% 0%,rgba(201,168,76,.25),transparent 60%),linear-gradient(165deg,var(--fh-navy-2),var(--fh-brand-d));box-shadow:0 40px 80px -40px rgba(30,32,112,.8);position:relative;overflow:hidden}
.fh-licard::before{content:"";position:absolute;inset:12px;border-radius:20px;border:1px solid rgba(232,201,122,.22);pointer-events:none}
.fh-seal{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--fh-gold-l),var(--fh-gold));color:var(--fh-ink);margin-bottom:20px;box-shadow:0 0 0 6px rgba(232,201,122,.15)}
.fh-seal .fh-ico{width:30px;height:30px}
.fh-licard small{font-size:11px;letter-spacing:.2em;color:rgba(255,255,255,.6);font-weight:700}
.fh-licard .fh-lnum{display:block;font-family:var(--fh-display);font-size:34px;font-weight:700;color:var(--fh-gold-l);margin-top:4px}
.fh-lstats{display:grid;grid-template-columns:1fr 1fr;gap:1px;margin:26px 0;background:rgba(255,255,255,.1);border-radius:16px;overflow:hidden}
.fh-lstats div{background:rgba(21,23,74,.9);padding:18px 16px}
.fh-lstats strong{display:block;font-family:var(--fh-display);font-size:26px;color:#fff;line-height:1}
.fh-lstats span{display:block;font-size:12px;color:rgba(255,255,255,.6);margin-top:6px}
.fh-compliant{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:600;color:#fff}
.fh-compliant .fh-ico{color:#3ddc84}

/* ============================ FAQ ============================ */
.fh-faq3 .fh-head{margin-bottom:44px}
.fh-faq3-list{max-width:860px;margin-inline:auto;display:grid;gap:12px}
.fh-faq3 details{background:#fff;border:1px solid var(--fh-line);border-radius:16px;transition:border-color .3s var(--fh-ease),box-shadow .3s var(--fh-ease)}
.fh-faq3 details:hover{border-color:rgba(46,49,146,.22)}
.fh-faq3 details[open]{border-color:rgba(46,49,146,.3);box-shadow:0 18px 40px -28px rgba(46,49,146,.45)}
.fh-faq3 summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px 24px;font-weight:600;font-size:16px;color:var(--fh-ink)}
.fh-faq3 summary::-webkit-details-marker{display:none}
.fh-faq3 summary .fh-chev{flex-shrink:0;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--fh-cream);color:var(--fh-brand);transition:transform .3s var(--fh-ease),background .3s,color .3s}
.fh-faq3 summary .fh-chev .fh-ico{width:16px;height:16px;stroke-width:2.2}
.fh-faq3 details[open] summary .fh-chev{transform:rotate(180deg);background:var(--fh-brand);color:#fff}
.fh-faq3 details > div{padding:0 24px 22px;color:var(--fh-muted);font-size:15.5px;line-height:1.85}
.fh-faq3{padding-block-end:150px}
.fh-faq-cta{max-width:860px;margin:32px auto 0;padding:26px 30px;border-radius:20px;background:linear-gradient(135deg,var(--fh-brand-d),var(--fh-brand));color:#fff;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.fh-faq-cta strong{display:block;font-family:var(--fh-display);font-size:20px}
.fh-faq-cta span{font-size:14px;color:rgba(255,255,255,.75)}
.fh-faq-cta-actions{display:flex;gap:10px;flex-wrap:wrap}
.fh-faq-cta .fh-btn{padding:12px 20px;font-size:14px}

/* reveal on scroll (JS adds .fh-in; content visible without JS) */
.fh-js .fh-rv{opacity:0;transform:translateY(24px);transition:opacity .8s var(--fh-ease),transform .8s var(--fh-ease)}
.fh-js .fh-rv.fh-in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.fh *{animation:none!important;transition:none!important}.fh-js .fh-rv,.fh-rise,.fh-h1-anim .fh-w{opacity:1;transform:none;filter:none}}

/* ============================ RESPONSIVE ============================ */
@media (max-width:1100px){
  .fh-ov{grid-template-columns:1fr 320px;gap:44px}
}
@media (max-width:960px){
  .fh-sec{padding-block:80px}
  .fh-hero{padding-block:64px 0}
  .fh-hero-grid{grid-template-columns:1fr;gap:72px}
  .fh-stage{max-width:400px}
  .fh-svc-grid,.fh-cands,.fh-tests,.fh-posts{grid-template-columns:1fr 1fr}
  .fh-comp{grid-template-columns:1fr 1fr}
  .fh-steps{grid-template-columns:1fr;gap:44px}
  .fh-steps::before{inset-block:40px 40px;inset-inline-start:50%;inset-inline-end:auto;width:2px;height:auto;background:repeating-linear-gradient(180deg,var(--fh-gold) 0 8px,transparent 8px 16px)}
  .fh-step{background:transparent;padding:0 8px 8px}
  .fh-ov{grid-template-columns:1fr;gap:44px}
  .fh-aside{position:static}
}
@media (max-width:640px){
  .fh{font-size:15px}
  .fh-wrap{padding-inline:18px}
  .fh-sec{padding-block:64px}
  .fh-head{margin-bottom:40px}
  .fh-hero2{padding-block:56px 0}
  .fh-hero h1{font-size:38px}
  .fh-cta .fh-btn{width:100%}
  .fh-stats{grid-template-columns:1fr 1fr;row-gap:24px}
  .fh-stat:nth-child(3){padding-inline-start:0;border-inline-start:0}
  .fh-orbit{display:none}
  .fh-stage{max-width:360px}
  .fh-dname{font-size:17px}
  .fh-dfoot b{font-size:17px}
  .fh-band{margin-top:56px}
  .fh-marquee li{padding:18px 26px}
  .fh-svc-grid,.fh-cands,.fh-tests,.fh-posts,.fh-comp{grid-template-columns:1fr}
  .fh-tests{gap:40px}
  .fh-faq3{padding-block-end:170px}
  .fh-faq3 summary{padding:18px 20px;font-size:15.5px}
  .fh-faq3 details > div{padding:0 20px 20px}
  .fh-faq-cta{padding:22px 20px}
}

/* contrast + forced colors */
@media (prefers-contrast:more){
  .fh-hero h1 em{background:none;color:#f0d79a;-webkit-text-fill-color:#f0d79a}
  .fh-lead,.fh-band li,.fh-dark .fh-head p,.fh-comp-card p{color:rgba(255,255,255,.9)}
}
@media (forced-colors:active){
  .fh-btn,.fh-dnav,.fh-cv,.fh-hire,.fh-dcv,.fh-dhire{border:1px solid ButtonText}
}

/* ============================ Arabic typography ============================ */
[dir=rtl] .fh,[dir=rtl] .fh h1,[dir=rtl] .fh h2,[dir=rtl] .fh h3,[dir=rtl] .fh h4{letter-spacing:0}
[dir=rtl] .fh .fh-eyebrow,[dir=rtl] .fh .fh-pill,[dir=rtl] .fh .fh-live,[dir=rtl] .fh .fh-stat span,[dir=rtl] .fh .fh-licard small,[dir=rtl] .fh .fh-tag{letter-spacing:0;text-transform:none}
[dir=rtl] .fh .fh-eyebrow{font-size:14px}
[dir=rtl] .fh-hero h1{line-height:1.3;font-size:clamp(38px,5vw,64px)}
[dir=rtl] .fh-hero h1 em{font-style:normal}
[dir=rtl] .fh-lead{font-size:17px;line-height:1.95}
[dir=rtl] .fh :where(h2){line-height:1.4}
[dir=rtl] .fh-prose p,[dir=rtl] .fh-faq3 details > div{line-height:2}
[dir=rtl] .fh-stat span{font-size:13px}

/* ============================ FOOTER ============================ */
.fh-footer{background:var(--fh-ink);color:rgba(255,255,255,.7);position:relative;font-size:15px;display:flow-root;isolation:isolate}
.fh-footer a{transition:color .25s var(--fh-ease)}
.fh-footer a:hover{color:var(--fh-gold-l)}
.fh-seo{position:relative;z-index:5;margin-block-start:-50px;display:grid;grid-template-columns:1fr auto;gap:28px 48px;align-items:center;padding:26px 32px;border-radius:22px;background:linear-gradient(135deg,#232552 0%,#1f2150 100%);border:1px solid rgba(232,201,122,.22);box-shadow:0 30px 60px -30px rgba(15,16,48,.8)}
.fh-seo::before{content:"";position:absolute;inset-inline:32px;inset-block-start:0;height:1px;background:linear-gradient(90deg,transparent,rgba(232,201,122,.7),transparent)}
.fh-seo-row{display:flex;align-items:center;flex-wrap:wrap;gap:10px}
.fh-seo-row > span{font-weight:700;font-size:13.5px;color:#fff;margin-inline-end:6px}
.fh-seo-row a{padding:7px 16px;border-radius:999px;border:1px solid rgba(255,255,255,.18);font-size:13.5px;font-weight:500;color:rgba(255,255,255,.85);background:rgba(255,255,255,.03)}
.fh-seo-row a:hover{border-color:var(--fh-gold);color:var(--fh-ink)!important;background:var(--fh-gold)}
.fh-foot-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.1fr;gap:48px;padding-block:64px 48px}
.fh-foot-logo img{height:48px;width:auto}
.fh-foot-brand p{margin:18px 0;line-height:1.8;max-width:360px;font-size:14.5px}
.fh-foot-lic{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:10px;border:1px solid rgba(201,168,76,.35);background:rgba(201,168,76,.08);color:var(--fh-gold-l);font-size:12.5px;font-weight:600}
.fh-foot-lic .fh-ico{width:14px;height:14px}
.fh-social{display:flex;gap:10px;margin-top:22px}
.fh-social a{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);color:rgba(255,255,255,.8)}
.fh-social a:hover{background:var(--fh-gold);border-color:var(--fh-gold);color:var(--fh-ink)!important}
.fh-social svg{width:16px;height:16px;fill:currentColor}
.fh-foot-col h4{font-family:var(--fh-body);font-size:13px;font-weight:700;color:#fff;margin:0 0 20px;letter-spacing:.06em;text-transform:uppercase}
[dir=rtl] .fh-foot-col h4{letter-spacing:0;font-size:14px}
.fh-foot-col ul{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.fh-foot-col li{font-size:14.5px}
.fh-foot-contact li{display:flex;align-items:center;gap:10px}
.fh-foot-contact .fh-ico{width:16px;height:16px;color:var(--fh-gold)}
.fh-foot-contact a[href^="tel"]{direction:ltr;unicode-bidi:isolate}
.fh-foot-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-block:24px 30px;border-top:1px solid rgba(255,255,255,.1);font-size:13px;color:rgba(255,255,255,.5)}
@media (max-width:960px){
  .fh-seo{grid-template-columns:1fr;gap:16px}
  .fh-foot-grid{grid-template-columns:1fr 1fr;gap:36px}
  .fh-foot-brand{grid-column:1/-1}
}
@media (max-width:640px){
  .fh-faq3{padding-block-end:190px}
  .fh-seo{padding:22px 20px;margin-block-start:-96px}
  .fh-seo-row > span{width:100%}
  .fh-foot-grid{grid-template-columns:1fr 1fr;padding-block:48px 36px}
  .fh-foot-contact{grid-column:1/-1}
  .fh-foot-bottom{flex-direction:column;align-items:flex-start;text-align:start}
}
/* The hero title comes from the database as raw HTML with a <span> — it is
   styled like the <em> of the design. */
.fh-hero h1 span{
  font-style:normal;
  display:inline-block;
  background:linear-gradient(90deg,var(--fh-gold-l) 0%,var(--fh-gold) 60%,#f3dc9f 100%);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  position:relative;
}
.fh-hero h1 span::after{
  content:"";
  display:block;
  height:3px;
  width:72%;
  margin-top:6px;
  background:linear-gradient(90deg,var(--fh-gold),transparent);
  border-radius:2px;
}
/* The hero lead of the database is raw HTML with paragraphs. */
.fh-lead p+p{margin-top:12px}
/* The spacer of the pages that are not on the new design yet. */
.fh-pre-footer{height:150px}
@media (max-width:640px){.fh-pre-footer{height:190px}}

/* The muted colour of the design (--text-muted) is too light for the body
   text of the paragraphs (3.25:1 on the cream background). */
.fh{--fh-muted:#5c5c6a}

/* The contact data of the footer must not make the page wider than the
   screen (the address of the office is a long word). */
.fh-foot-contact a{max-width:100%;overflow-wrap:anywhere}

/* The band with a call to action at the end of a page (x-fh.cta-band) — it
   replaces the inline gradient sections of the old pages. */
.fh-cta-band{background:linear-gradient(135deg,var(--fh-navy-2),var(--fh-navy));color:rgba(255,255,255,.78);padding-block:64px;text-align:center}
.fh-cta-band h2{color:#fff;margin-bottom:14px}
.fh-cta-band p{max-width:640px;margin:0 auto 26px;font-size:16.5px}
.fh-cta-band .fh-btn{width:auto}
@media (max-width:640px){.fh-cta-band{padding-block:48px}}

/* ============================================================
   The filter panel of the candidates page (T-35).
   ============================================================ */
.filter-sidebar{border:1px solid var(--fh-line);border-radius:20px;background:#fff;box-shadow:0 18px 40px -30px rgba(15,16,48,.35)}
.filter-sidebar-toggle{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;padding:16px 18px;background:none;border:0;cursor:pointer;font:inherit;color:var(--fh-ink);font-weight:700;border-radius:20px}
.filter-sidebar-toggle-label{font-size:15px;font-weight:700;color:var(--fh-ink)}
.filter-sidebar-chevron{width:16px;height:16px;stroke:var(--fh-brand);transition:transform .25s var(--fh-ease)}
.filter-sidebar-body{padding:0 18px 18px}
/* The toggle and the body carry the padding: the box itself has none (style.css
   still pads it, which doubled the space); a closed panel on mobile is only the toggle. */
.filter-sidebar{padding:0}
.filter-sidebar h3.filter-sidebar-toggle{margin-bottom:0}
@media (max-width:900px){.filter-sidebar-toggle{padding:13px 16px}.filter-sidebar:not(.open) .filter-sidebar-body{padding-bottom:0}.filter-sidebar:not(.open) .filter-sidebar-grid{padding-top:0}}
.filter-group{margin-bottom:16px}
.filter-group label{display:block;font-size:12.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--fh-muted);margin-bottom:8px}
.filter-group select{width:100%;padding:11px 13px;border:1px solid var(--fh-line);border-radius:12px;background:#fff;color:var(--fh-ink);font:inherit;font-size:14px}
.filter-group select:focus{outline:2px solid var(--fh-gold);outline-offset:2px;border-color:transparent}
.filter-divider{height:1px;background:var(--fh-line);margin:18px 0}
.candidates-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:18px}
.candidates-count{font-size:14px;color:var(--fh-muted)}

/* ============================================================
   The form of the contact page (T-37).
   ============================================================ */
.contact-form{background:#fff;border:1px solid var(--fh-line);border-radius:20px;padding:28px;box-shadow:0 18px 40px -30px rgba(15,16,48,.35)}
.form-group{margin-bottom:16px}
.form-group label{display:block;font-size:13px;font-weight:700;color:var(--fh-ink);margin-bottom:7px}
.form-group input,.form-group textarea,.form-group select{width:100%;padding:12px 14px;border:1px solid var(--fh-line);border-radius:12px;background:#fff;color:var(--fh-ink);font:inherit;font-size:15px}
.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:2px solid var(--fh-gold);outline-offset:2px;border-color:transparent}
.form-group textarea{min-height:130px;resize:vertical}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media (max-width:640px){.form-row{grid-template-columns:1fr}.contact-form{padding:20px}}

/* ============================================================
   The hero of the inner pages (x-fh.page-hero). It replaces
   .page-hero, .blog-hero, .post-hero, .landing-page-hero and
   .svc-hero-grid of the old pages.
   ============================================================ */
.fh-page-hero{background:linear-gradient(135deg,var(--fh-navy-2),var(--fh-navy));color:rgba(255,255,255,.8);padding-block:56px 60px;position:relative;overflow:hidden}
.fh-page-hero::after{content:"";position:absolute;inset-block-start:-40%;inset-inline-end:-10%;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(201,168,76,.16),transparent 70%);pointer-events:none}
.fh-page-hero .fh-wrap{position:relative;z-index:1}
.fh-breadcrumb{display:flex;align-items:center;gap:8px;font-size:13px;color:rgba(255,255,255,.6);margin-bottom:18px;flex-wrap:wrap}
.fh-breadcrumb a{color:rgba(255,255,255,.75);font-weight:600}
.fh-breadcrumb a:hover{color:var(--fh-gold-l)}
.fh-page-hero h1{color:#fff;font-size:clamp(30px,3.6vw,46px);line-height:1.2;margin-bottom:14px}
.fh-page-hero .fh-eyebrow{margin-bottom:12px}
.fh-page-hero-sub{max-width:760px;font-size:17px;line-height:1.8;color:rgba(255,255,255,.78)}
.fh-page-hero-sub p+p{margin-top:12px}
.fh-page-hero-img{margin-top:28px;border-radius:20px;max-width:100%;height:auto;display:block}
@media (max-width:640px){.fh-page-hero{padding-block:40px 44px}}

/* ============================================================
   The header of the site. The design has no header of its own
   (the preview header is discarded), so the header keeps its
   markup and gets the tokens of the design: navy, gold, the
   radii of the buttons. The rules are not scoped under .fh —
   the header is outside the .fh wrapper, the admin panel does
   not load this file.
   ============================================================ */
.lang-bar,.site-nav,.mobile-nav{--fh-navy:#0f1030;--fh-navy-2:#15174a;--fh-ink:var(--dark,#1a1a2e);--fh-brand:var(--brand,#2e3192);--fh-gold:var(--gold,#c9a84c);--fh-gold-l:var(--gold-light,#e8c97a);--fh-cream:var(--cream,#f9f7f2);--fh-line:var(--border,#e5e0d8);--fh-ease:cubic-bezier(.4,0,.2,1)}
.lang-bar{background:var(--fh-navy);color:rgba(255,255,255,.72);font-size:12.5px;letter-spacing:.01em}
.lang-bar-inner{max-width:1240px;padding:9px 24px}
.lang-bar-item{color:rgba(255,255,255,.75)}
.lang-bar-tel svg,.lang-bar-hours svg{color:var(--fh-gold-l)}
.lang-bar a.lang-btn-toggle{background:var(--fh-gold);color:var(--fh-ink);border-radius:999px;padding:5px 14px;font-weight:700;gap:7px;transition:all .25s var(--fh-ease)}
.lang-bar a.lang-btn-toggle:hover{background:var(--fh-gold-l);color:var(--fh-ink)}

.site-nav{background:var(--white);border-bottom:1px solid var(--fh-line);box-shadow:0 12px 34px -28px rgba(15,16,48,.45)}
.nav-inner{max-width:1240px;height:72px;padding:0 24px;gap:20px}
.nav-logo img{height:44px;width:auto}
.nav-menu{gap:4px}
.nav-menu a{font-size:15.5px;font-weight:600;color:var(--fh-ink);padding:10px 16px;border-radius:999px;transition:all .25s var(--fh-ease)}
.nav-menu a:hover{color:var(--fh-brand);background:var(--fh-cream)}
.nav-menu a.active{color:var(--fh-brand);background:rgba(46,49,146,.08)}
.nav-cta-wrap{margin-inline-start:auto;padding-inline-start:20px;border-inline-start:1px solid var(--fh-line)}
.nav-wa-cta{background:linear-gradient(135deg,var(--fh-gold-l),var(--fh-gold));color:var(--fh-ink)!important;padding:12px 22px;border-radius:999px;font-weight:700;gap:9px;box-shadow:0 10px 24px -14px rgba(201,168,76,.9);transition:all .25s var(--fh-ease)}
.nav-wa-cta:hover{background:linear-gradient(135deg,var(--fh-gold),var(--fh-gold-l));color:var(--fh-ink)!important;transform:translateY(-1px);box-shadow:0 16px 32px -16px rgba(201,168,76,1)}

.nav-hamburger{display:none;flex-direction:column;gap:5px;padding:10px 8px;cursor:pointer;background:none;border:0;border-radius:10px}
.nav-hamburger span{width:22px;height:2px;background:var(--fh-ink);border-radius:2px;transition:all .25s var(--fh-ease)}
.nav-hamburger:hover span{background:var(--fh-brand)}
.nav-hamburger[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.nav-hamburger[aria-expanded="true"] span:nth-child(2){opacity:0}
.nav-hamburger[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

.mobile-nav-backdrop{background:rgba(15,16,48,.6)}
.mobile-nav-panel{background:var(--white);border-inline-start:1px solid var(--fh-line);box-shadow:-24px 0 60px rgba(15,16,48,.28)}
.mobile-nav-header{border-bottom:1px solid var(--fh-line)}
.mobile-nav-close{background:none;border:0;cursor:pointer;color:var(--fh-ink);font-size:28px;line-height:1;padding:4px 8px;border-radius:10px}
.mobile-nav-close:hover{color:var(--fh-brand);background:var(--fh-cream)}
.mobile-nav-links a{font-size:16px;font-weight:600;color:var(--fh-ink);padding:14px 16px;border-radius:12px;transition:all .25s var(--fh-ease)}
.mobile-nav-links a:hover{background:var(--fh-cream);color:var(--fh-brand)}
.mobile-nav-links a.active{color:var(--fh-brand);background:rgba(46,49,146,.08)}
.mobile-nav-footer{border-top:1px solid var(--fh-line)}
.mobile-nav-wa-cta{background:linear-gradient(135deg,var(--fh-gold-l),var(--fh-gold));color:var(--fh-ink)!important;border-radius:999px;font-weight:700;padding:14px 18px}
.mobile-nav-wa-cta:hover{background:linear-gradient(135deg,var(--fh-gold),var(--fh-gold-l));color:var(--fh-ink)!important}
.mobile-nav-tel{color:var(--fh-brand);font-weight:600;font-size:16px}
.mobile-nav-tel svg{color:var(--fh-brand)}
@media (max-width:960px){
  .nav-hamburger{display:flex}
}
/* ============================================================
   Arabic (RTL) — the rules of ar.html that differ from en.html.
   Everything is scoped under .fh, so nothing leaks into /admin.
   ============================================================ */
[dir=rtl] .fh{--fh-navy:#0f1030;--fh-navy-2:#15174a;--fh-ink:var(--dark,#1a1a2e);--fh-brand:var(--brand,#2e3192);--fh-brand-d:var(--brand-dark,#1e2070);--fh-brand-l:var(--brand-light,#4a4db5);--fh-gold:var(--gold,#c9a84c);--fh-gold-l:var(--gold-light,#e8c97a);--fh-cream:var(--cream,#f9f7f2);--fh-line:var(--border,#e5e0d8);--fh-muted:var(--text-muted,#6b6b7a);--fh-text:var(--text,#2d2d2d);--fh-display:var(--font-display,'Noto Sans Arabic','Cairo',Georgia,serif);--fh-body:var(--font-body,'Noto Sans Arabic','Cairo',system-ui,sans-serif);--fh-ease:cubic-bezier(.4,0,.2,1); font-family:var(--fh-body);color:var(--fh-text);font-size:16px;line-height:1.8;overflow-x:clip}
/* only what differs from the base rule: repeating the colour or the margin here would
   beat the components that set their own (the white h1 of the page hero). */
[dir=rtl] .fh :where(h1,h2,h3,h4){line-height:1.35;letter-spacing:0;font-weight:700}
[dir=rtl] .fh .ltr{direction:ltr;unicode-bidi:isolate;display:inline-block}
[dir=rtl] .fh-eyebrow{display:inline-flex;align-items:center;gap:12px;font-size:13px;font-weight:700;color:var(--fh-brand);margin-bottom:18px}
[dir=rtl] .fh-head h2{font-size:clamp(28px,3.4vw,42px);margin-bottom:18px}
[dir=rtl] .fh-head p{color:var(--fh-muted);font-size:17px;line-height:1.95}
[dir=rtl] .fh-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-weight:700;font-size:15px;padding:16px 26px;border-radius:14px;transition:all .28s var(--fh-ease);white-space:nowrap;cursor:pointer;border:0;font-family:var(--fh-body)}
[dir=rtl] .fh-btn--line:hover .fh-arrow{transform:scaleX(-1) translateX(-4px)}
[dir=rtl] .fh-pill{display:inline-flex;align-items:center;gap:9px;padding:9px 16px 9px 14px;border-radius:999px;border:1px solid rgba(232,201,122,.35);background:rgba(232,201,122,.08);color:var(--fh-gold-l);font-size:13px;font-weight:600;margin-bottom:28px}
[dir=rtl] .fh-hero h1{color:#fff;font-size:clamp(36px,5vw,62px);line-height:1.25;margin-bottom:28px;font-weight:700}
[dir=rtl] .fh-hero h1 em{font-style:normal;display:inline-block;background:linear-gradient(270deg,var(--fh-gold-l) 0%,var(--fh-gold) 60%,#f3dc9f 100%);-webkit-background-clip:text;background-clip:text;color:transparent;padding-inline-end:.06em}
[dir=rtl] .fh-hero h1 em::after{content:"";display:block;height:3px;width:64%;margin-top:6px;background:linear-gradient(270deg,var(--fh-gold),transparent);border-radius:3px;margin-inline-start:auto}
[dir=rtl] .fh-lead{color:rgba(255,255,255,.78);font-size:17px;line-height:1.95;max-width:610px}
[dir=rtl] .fh-cta-note{margin-top:14px;font-size:13.5px;color:rgba(255,255,255,.6);display:flex;align-items:center;gap:8px;flex-wrap:wrap}
[dir=rtl] .fh-stat strong{display:block;font-family:var(--fh-display);font-size:clamp(26px,3vw,38px);font-weight:700;color:#fff;line-height:1}
[dir=rtl] .fh-stat span{display:block;font-size:13px;color:rgba(255,255,255,.6);margin-top:8px}
[dir=rtl] .fh-h1-anim .fh-w{display:inline-block;opacity:0;transform:translateY(.45em);filter:blur(6px);animation:fhWord .9s var(--fh-ease) forwards;animation-delay:calc(var(--d,0) * 110ms + 80ms)}
[dir=rtl] .fh-live{display:inline-flex;align-items:center;gap:9px;font-size:13px;font-weight:700;color:var(--fh-gold-l)}
[dir=rtl] .fh-dcard[data-pos="1"]{z-index:2;transform:translateY(-22px) scale(.93) rotate(4deg);filter:brightness(.6)}
[dir=rtl] .fh-dcard[data-pos="2"]{z-index:1;transform:translateY(-40px) scale(.86) rotate(-5deg);filter:brightness(.4)}
[dir=rtl] .fh-dcard.is-out{z-index:4;transform:translateX(115%) rotate(16deg);opacity:0}
[dir=rtl] .fh-dname{font-weight:700;font-size:20px;line-height:1.25;direction:ltr;text-align:start}
[dir=rtl] .fh-drole{color:var(--fh-gold-l);font-weight:600;font-size:14px;margin-top:4px}
[dir=rtl] .fh-dskills span{font-size:12.5px;font-weight:600;padding:4px 10px;border-radius:999px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18)}
[dir=rtl] .fh-dfoot{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 16px 12px 12px;border-radius:16px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(12px)}
[dir=rtl] .fh-dfoot b{font-family:var(--fh-display);font-size:19px}
[dir=rtl] .fh-dnav--prev .fh-arrow{transform:none}
[dir=rtl] .fh-dnav--next .fh-arrow{transform:scaleX(-1)}
[dir=rtl] .fh-float{display:flex;align-items:center;gap:9px;padding:8px 8px 8px 13px;border-radius:14px;background:rgba(21,23,74,.72);border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(14px);box-shadow:0 18px 40px -16px rgba(0,0,0,.6);font-size:12.5px;font-weight:600;color:#fff;white-space:nowrap}
[dir=rtl] .fh-mq-track{display:flex;width:max-content;animation:fhMarqueeR 32s linear infinite}
[dir=rtl] .fh-marquee li{display:flex;align-items:center;gap:12px;padding:22px 40px;color:rgba(255,255,255,.78);font-size:13.5px;line-height:1.4;white-space:nowrap;border-inline-start:1px solid rgba(255,255,255,.12)}
[dir=rtl] .fh-svc h3{font-size:21px;margin-bottom:12px}
[dir=rtl] .fh-svc p{color:var(--fh-muted);font-size:15px;margin-bottom:22px;line-height:1.9}
[dir=rtl] .fh-svc--feat h3{color:#fff}.fh-svc--feat p{color:rgba(255,255,255,.75)}
[dir=rtl] .fh-svc--feat ul{border-color:rgba(255,255,255,.14)}.fh-svc--feat li{color:rgba(255,255,255,.92)}
[dir=rtl] .fh-step h3{font-size:21px;margin-bottom:14px}
[dir=rtl] .fh-step p{color:var(--fh-muted);font-size:15px;max-width:340px;margin-inline:auto;line-height:1.9}
[dir=rtl] .fh-dark .fh-head h2{color:#fff}.fh-dark .fh-head p{color:rgba(255,255,255,.72)}
[dir=rtl] .fh-comp-card h4{color:#fff;font-size:18px;margin-bottom:10px}
[dir=rtl] .fh-comp-card p{color:rgba(255,255,255,.72);font-size:14.5px;line-height:1.85}
[dir=rtl] .fh-flag{position:absolute;z-index:2;inset-block-start:14px;inset-inline-start:14px;display:inline-flex;align-items:center;gap:7px;padding:6px 8px 6px 12px;border-radius:999px;background:rgba(255,255,255,.95);font-size:12.5px;font-weight:600;color:var(--fh-ink)}
[dir=rtl] .fh-cand-b h3{font-family:var(--fh-body);font-size:16px;font-weight:700;margin-bottom:4px;direction:ltr;text-align:start;letter-spacing:0}
[dir=rtl] .fh-skills span{font-size:12.5px;font-weight:600;padding:5px 11px;border-radius:999px;background:var(--fh-cream);color:var(--fh-text);border:1px solid var(--fh-line)}
[dir=rtl] .fh-price{font-family:var(--fh-display);font-size:19px;font-weight:700;color:var(--fh-ink)}
[dir=rtl] .fh-test{position:relative;padding:44px 32px 32px;border-radius:24px;background:#fff;border:1px solid var(--fh-line);display:flex;flex-direction:column;margin:0}
[dir=rtl] .fh-test-q{position:absolute;inset-block-start:-22px;inset-inline-start:30px;width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,var(--fh-gold-l),var(--fh-gold));color:var(--fh-ink);font-family:Georgia,serif;font-size:clamp(28px,3vw,40px);line-height:1;padding-top:14px}
[dir=rtl] .fh-test p{font-size:15.5px;line-height:1.95;color:var(--fh-text);flex:1}
[dir=rtl] .fh-tag{position:absolute;inset-block-start:14px;inset-inline-start:14px;padding:5px 12px;border-radius:999px;background:var(--fh-gold);color:var(--fh-ink);font-size:12px;font-weight:700}
[dir=rtl] .fh-post-b h3{font-size:18px;line-height:1.45;margin-bottom:10px;font-family:var(--fh-body);font-weight:700}
[dir=rtl] .fh-post-b p{font-size:14.5px;color:var(--fh-muted);flex:1;line-height:1.85}
[dir=rtl] .fh-post:hover .fh-read .fh-arrow{transform:scaleX(-1) translateX(-4px)}
[dir=rtl] .fh-prose h2{font-size:clamp(24px,2.6vw,32px);margin:0 0 18px;line-height:1.45}
[dir=rtl] .fh-prose p{color:var(--fh-text);font-size:16px;line-height:2;margin-bottom:16px}
[dir=rtl] .fh-prose hr{border:0;height:1px;background:linear-gradient(270deg,var(--fh-gold),transparent);margin:46px 0;opacity:.6}
[dir=rtl] .fh-prose li{position:relative;padding:16px 20px;padding-inline-start:54px;border-radius:16px;background:var(--fh-cream);border:1px solid var(--fh-line);font-size:15.5px;line-height:1.85}
[dir=rtl] .fh-licard small{font-size:12px;color:rgba(255,255,255,.65);font-weight:700}
[dir=rtl] .fh-licard .fh-lnum{display:block;font-family:var(--fh-display);font-size:32px;font-weight:700;color:var(--fh-gold-l);margin-top:4px;direction:ltr;unicode-bidi:isolate;text-align:start}
[dir=rtl] .fh-lstats strong{display:block;font-family:var(--fh-display);font-size:24px;color:#fff;line-height:1}
[dir=rtl] .fh-lstats span{display:block;font-size:12.5px;color:rgba(255,255,255,.65);margin-top:8px}
[dir=rtl] .fh-faq3 details > div{padding:0 24px 22px;color:var(--fh-muted);font-size:15.5px;line-height:2}
[dir=rtl] .fh-faq-cta strong{display:block;font-family:var(--fh-display);font-size:19px;line-height:1.4}
[dir=rtl] .fh-faq-cta span{font-size:14px;color:rgba(255,255,255,.8)}
[dir=rtl] .fh-footer{background:var(--fh-ink);color:rgba(255,255,255,.72);position:relative;font-size:15px;display:flow-root;isolation:isolate}
[dir=rtl] .fh-foot-brand p{margin:18px 0;line-height:1.9;max-width:360px;font-size:14.5px}
[dir=rtl] .fh-foot-col h4{font-family:var(--fh-body);font-size:14px;font-weight:700;color:#fff;margin:0 0 20px}
[dir=rtl] .fh-foot-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-block:24px 30px;border-top:1px solid rgba(255,255,255,.1);font-size:13px;color:rgba(255,255,255,.55)}
@media (prefers-contrast:more){{[dir=rtl] .fh-lead,[dir=rtl] .fh-marquee li,[dir=rtl] .fh-dark .fh-head p,[dir=rtl] .fh-comp-card p{color:rgba(255,255,255,.92)}}