/* ========================================================================== */
/* Auteur : Y. Benali — couches ITCSS, RTL natif                              */
/* ========================================================================== */

/* 00-settings : tokens de la marque et de Material 3 */
:root {
  color-scheme: dark;
  --color-primary: #a5f329;
  --color-primary-hover: #b8ff44;
  --color-blue: #1479ff;
  --color-cyan: #68d9ff;
  --color-bg: #07111f;
  --color-bg-deep: #050b14;
  --color-surface: #0c192a;
  --color-surface-2: #101f32;
  --color-surface-3: #17283e;
  --color-line: rgba(174, 198, 226, .14);
  --color-line-strong: rgba(174, 198, 226, .23);
  --color-text: #f5f8fc;
  --color-text-soft: #a8b6c8;
  --color-text-muted: #73859a;
  --font-ar: "Cairo", "IBM Plex Sans Arabic", Tahoma, sans-serif;
  --space-1: .5rem;
  --space-2: 1rem;
  --space-3: 1.5rem;
  --space-4: 2rem;
  --radius-sm: .875rem;
  --radius-md: 1.25rem;
  --radius-lg: 1.75rem;
  --radius-pill: 999px;
  --shadow-elevated: 0 24px 80px rgba(0, 0, 0, .32);
}

/* 02-generic : réinitialisation accessible */
*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 6rem; }
body { margin: 0; background: var(--color-bg); color: var(--color-text); font-family: var(--font-ar); font-size: 1rem; line-height: 1.8; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; }
img, svg { display: block; max-width: 100%; }
a { color: inherit; text-decoration: none; }
button, a { -webkit-tap-highlight-color: transparent; }
button { color: inherit; font: inherit; }
::selection { background: var(--color-primary); color: #06101a; }
:focus-visible { outline: 3px solid var(--color-cyan); outline-offset: 4px; }

/* 03-elements : styles des éléments HTML */
h1, h2, h3, p { margin-block-start: 0; }
h1, h2, h3 { font-family: var(--font-ar); line-height: 1.35; }
h1 { letter-spacing: -.045em; }
h2 { margin-block-end: .9rem; font-size: clamp(2rem, 4.2vw, 3.2rem); font-weight: 800; letter-spacing: -.04em; }
h3 { margin-block-end: .6rem; font-size: 1.25rem; }
p { color: var(--color-text-soft); }

/* 04-objects : conteneurs et mises en page */
.o-container { width: min(100% - 3rem, 1160px); margin-inline: auto; }
.o-container--narrow { width: min(100% - 3rem, 760px); margin-inline: auto; }

/* 05-components : accessibilité et navigation */
.u-skip-link { position: fixed; z-index: 20; inset-block-start: .75rem; inset-inline-start: .75rem; padding: .65rem 1rem; border-radius: var(--radius-sm); background: var(--color-primary); color: #08111a; transform: translateY(-160%); }
.u-skip-link:focus { transform: translateY(0); }
.c-notice { position: relative; z-index: 4; border-block-end: 1px solid rgba(165,243,41,.15); background: #0b1928; }
.c-notice__inner { display: flex; min-height: 44px; align-items: center; gap: .75rem; color: #ccd7e5; font-size: .78rem; }
.c-notice__icon { flex: 0 0 auto; display: grid; width: 29px; height: 29px; place-items: center; border: 1px solid rgba(165,243,41,.5); border-radius: 50%; color: var(--color-primary); font: 700 .66rem var(--font-ar); }
.c-notice p { flex: 1; margin: 0; color: inherit; }
.c-notice p strong { color: var(--color-primary); }
.c-notice p a { color: var(--color-primary); text-decoration: underline; text-underline-offset: 3px; }
.c-notice p a:focus-visible { outline: 2px solid var(--color-primary); outline-offset: 3px; }
.c-notice__link { flex: 0 0 auto; color: #c5d3e3; font-size: .74rem; }
.c-notice__link span { color: var(--color-primary); }
.c-header { position: sticky; z-index: 10; inset-block-start: 0; border-block-end: 1px solid var(--color-line); background: rgba(7,17,31,.9); backdrop-filter: blur(20px); }
.c-header__inner { display: flex; min-height: 76px; align-items: center; justify-content: space-between; gap: 1.5rem; }
.c-brand { display: inline-flex; flex: 0 0 auto; align-items: center; gap: .6rem; direction: ltr; }
.c-brand__mark { display: inline-flex; flex: 0 0 auto; align-items: center; width: auto; min-width: 0; height: 39px; border-radius: 0; background: transparent; color: #f4f7fb; font: 900 1.55rem/1 Arial,sans-serif; letter-spacing: -.09em; white-space: nowrap; }
.c-brand__mark i { position: static; margin-inline-start: .04em; color: var(--color-primary); font: italic 900 1.55rem/1 Arial,sans-serif; transform: none; }
.c-brand__mark::after { content: "Bet"; margin-inline-start: .09em; color: #f4f7fb; font: 900 1.3rem/1 Arial,sans-serif; letter-spacing: -.06em; }
.c-brand__text { display: grid; color: var(--color-text); line-height: 1.25; text-align: left; }
.c-brand__text strong { color: var(--color-primary); font: 800 .78rem/1.4 Arial,sans-serif; letter-spacing: .13em; }
.c-brand__text small { color: var(--color-text-muted); font: 500 .64rem/1.5 var(--font-ar); direction: rtl; text-align: left; }
.c-nav { display: flex; align-items: center; gap: clamp(.8rem, 2vw, 1.7rem); }
.c-nav > a { color: #bdc9d7; font-size: .82rem; font-weight: 600; transition: color .2s ease; }
.c-nav > a:hover { color: var(--color-primary); }
.c-nav__mobile-cta { display: none; }
.c-menu-toggle { display: none; }
.c-button { display: inline-flex; min-height: 54px; align-items: center; justify-content: center; gap: .8rem; padding: .65rem 1.35rem; border: 1px solid transparent; border-radius: var(--radius-pill); font-size: .9rem; font-weight: 800; transition: color .2s ease, background .2s ease, border-color .2s ease, transform .2s ease, box-shadow .2s ease; }
.c-button:hover { transform: translateY(-2px); }
.c-button span { direction: ltr; font-family: Arial,sans-serif; font-size: 1.05rem; }
.c-button--primary { background: var(--color-primary); box-shadow: 0 10px 32px rgba(165,243,41,.16); color: #091019; }
.c-button--primary:hover { background: var(--color-primary-hover); box-shadow: 0 12px 36px rgba(165,243,41,.25); }
.c-button--outline { border-color: var(--color-line-strong); background: rgba(255,255,255,.025); color: var(--color-text); }
.c-button--outline:hover { border-color: var(--color-primary); background: rgba(165,243,41,.07); }
.c-button--quiet { border-color: rgba(195,214,236,.16); background: rgba(255,255,255,.025); color: #e7edf5; }
.c-button--quiet:hover { border-color: var(--color-line-strong); background: rgba(255,255,255,.07); }
.c-button--small { min-height: 42px; padding-inline: 1.1rem; font-size: .78rem; }

/* 05-components : hero et repères de marque */
.c-hero { position: relative; isolation: isolate; overflow: hidden; min-height: 615px; padding-block: 70px 28px; background: radial-gradient(ellipse at 76% 40%, #102748 0%, #0a192c 34%, var(--color-bg) 70%); }
.c-hero__grid { position: absolute; z-index: -1; inset: 0; opacity: .2; background-image: linear-gradient(rgba(183,205,234,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(183,205,234,.08) 1px,transparent 1px); background-size: 57px 57px; mask-image: linear-gradient(90deg,transparent,#000 55%,#000); }
.c-hero__glow { position: absolute; z-index: -1; border-radius: 50%; filter: blur(2px); pointer-events: none; }
.c-hero__glow--one { inset-block-start: 15%; inset-inline-start: 8%; width: 240px; height: 240px; background: radial-gradient(circle,rgba(20,121,255,.15),transparent 70%); }
.c-hero__glow--two { inset-block-end: -200px; inset-inline-end: 28%; width: 420px; height: 420px; background: radial-gradient(circle,rgba(165,243,41,.07),transparent 70%); }
.c-hero__layout { display: grid; grid-template-columns: 1.07fr .93fr; min-height: 455px; align-items: center; gap: 3rem; }
.c-hero__content { position: relative; z-index: 1; padding-block-end: 1rem; }
.c-eyebrow,.c-kicker { display: flex; align-items: center; gap: .55rem; margin-block-end: 1rem; color: var(--color-primary); font-size: .76rem; font-weight: 700; letter-spacing: .025em; }
.c-eyebrow__dot { width: 7px; height: 7px; border-radius: 50%; background: var(--color-primary); box-shadow: 0 0 15px var(--color-primary); }
.c-hero h1 { max-width: 640px; margin-block-end: 1.2rem; font-size: clamp(3.2rem, 6.6vw, 5.65rem); font-weight: 900; line-height: 1.24; }
.c-hero h1 span { color: var(--color-primary); }
.c-hero__lead { max-width: 530px; margin-block-end: 1.8rem; color: #b2c0d0; font-size: 1rem; line-height: 2; }
.c-hero__actions { display: flex; flex-wrap: wrap; gap: .75rem; }
.c-hero__fineprint { margin-block: 1rem 0; color: var(--color-text-muted); font-size: .72rem; }
.c-hero__visual { position: relative; display: grid; min-height: 375px; place-items: center; }
.c-orbit { position: absolute; aspect-ratio: 1; border: 1px solid rgba(137,177,222,.12); border-radius: 50%; }
.c-orbit--outer { width: min(100%,400px); }
.c-orbit--inner { width: min(78%,310px); border-style: dashed; animation: orbit 90s linear infinite; }
.c-hero-card { z-index: 1; width: min(100%,356px); padding: 1.55rem; border: 1px solid rgba(206,225,247,.16); border-radius: 25px; background: linear-gradient(148deg,rgba(24,44,68,.96),rgba(9,21,36,.96)); box-shadow: var(--shadow-elevated),inset 0 1px 0 rgba(255,255,255,.04); transform: rotate(-2deg); }
.c-hero-card__top,.c-hero-card__bottom { display: flex; align-items: center; justify-content: space-between; gap: .75rem; }
.c-hero-card__top { color: #e3ebf5; font-size: .77rem; font-weight: 700; }
.c-live-dot { display: inline-flex; align-items: center; gap: .35rem; color: #aab9ca; font-size: .59rem; font-weight: 500; }
.c-live-dot i { width: 6px; height: 6px; border-radius: 50%; background: var(--color-primary); }
.c-hero-card__number { margin-block-start: 1.15rem; color: var(--color-primary); font: 800 6rem/.95 Arial,sans-serif; letter-spacing: -.08em; }
.c-hero-card__number span { margin-inline-start: .15rem; font-size: 3rem; }
.c-hero-card__caption { margin-block-start: .35rem; color: #a8b7c9; font-size: .72rem; }
.c-hero-card__scale { margin-block: 1.7rem 1.4rem; }
.c-hero-card__scale-track { position: relative; overflow: hidden; height: 5px; border-radius: var(--radius-pill); background: #2e4156; }
.c-hero-card__scale-track i { display: block; width: 36%; height: 100%; border-radius: inherit; background: linear-gradient(90deg,var(--color-primary),#e1ffa0); }
.c-hero-card__scale-labels { display: flex; justify-content: space-between; margin-block-start: .5rem; color: #9cafc2; font: 600 .62rem Arial,sans-serif; direction: ltr; }
.c-hero-card__bottom { justify-content: flex-start; padding-block-start: 1rem; border-block-start: 1px solid var(--color-line); color: #dbe5f0; font-size: .75rem; line-height: 1.6; }
.c-hero-card__bottom small { color: #7f92a8; font-size: .63rem; }
.c-hero-card__shield { display: grid; flex: 0 0 auto; width: 35px; height: 35px; place-items: center; border-radius: 12px; background: rgba(165,243,41,.1); color: var(--color-primary); font-family: Arial,sans-serif; }
.c-hero-card__arrow { margin-inline-start: auto; color: var(--color-primary); font-size: 1.2rem; }
.c-hero__float { position: absolute; z-index: 2; padding: .45rem .8rem; border: 1px solid var(--color-line-strong); border-radius: var(--radius-pill); background: #11233a; box-shadow: 0 10px 32px rgba(0,0,0,.25); color: #e5edf6; font-size: .66rem; }
.c-hero__float--one { inset-block-start: 16%; inset-inline-start: 2%; }
.c-hero__float--two { inset-block-end: 14%; inset-inline-end: 0; }
.c-hero__float--two span { color: var(--color-primary); }
.c-hero__bottom { display: flex; align-items: center; justify-content: space-between; border-block-start: 1px solid rgba(195,214,236,.1); padding-block-start: 1rem; color: #72849a; font-size: .68rem; }
.c-hero__bottom a { color: #aab7c6; }
.c-hero__bottom a span { color: var(--color-primary); }
@keyframes orbit { to { transform: rotate(360deg); } }

/* 05-components : chiffres rapides */
.c-facts { position: relative; z-index: 2; border-block: 1px solid var(--color-line); background: #0a1727; }
.c-facts__grid { display: grid; grid-template-columns: repeat(4,1fr); }
.c-fact { display: flex; min-height: 107px; align-items: center; gap: .8rem; padding-inline: 1.25rem; }
.c-fact + .c-fact { border-inline-start: 1px solid var(--color-line); }
.c-fact__icon { display: grid; flex: 0 0 auto; width: 43px; height: 43px; place-items: center; border: 1px solid rgba(165,243,41,.2); border-radius: 14px; background: rgba(165,243,41,.065); color: var(--color-primary); font: 700 1.4rem Arial,sans-serif; }
.c-fact strong { display: block; margin-block-end: .15rem; color: var(--color-text); font-size: 1rem; }
.c-fact p { margin: 0; color: var(--color-text-muted); font-size: .68rem; line-height: 1.6; }

/* 05-components : accès aux pages principales */
.c-explore { padding-block: 3.3rem; border-block-end: 1px solid var(--color-line); background: linear-gradient(180deg,#0a1727,#0b1828); }
.c-explore__heading { display: flex; align-items: end; justify-content: space-between; gap: 2rem; margin-block-end: 1.2rem; }
.c-explore__heading .c-kicker { margin-block-end: .3rem; }
.c-explore__heading h2 { margin: 0; font-size: 1.55rem; }
.c-explore__heading > p { max-width: 350px; margin: 0; font-size: .76rem; }
.c-explore__grid { display: grid; grid-template-columns: repeat(3,1fr); gap: .75rem; }
.c-explore-card { display: flex; min-height: 82px; align-items: center; gap: .75rem; padding: .85rem; border: 1px solid var(--color-line); border-radius: var(--radius-sm); background: rgba(255,255,255,.025); transition: border-color .2s ease,background .2s ease,transform .2s ease; }
.c-explore-card:hover { transform: translateY(-2px); border-color: rgba(165,243,41,.3); background: rgba(165,243,41,.035); }
.c-explore-card__icon { display: grid; flex: 0 0 auto; width: 37px; height: 37px; place-items: center; border-radius: 12px; background: rgba(20,121,255,.12); color: var(--color-cyan); font: 600 1.1rem Arial,sans-serif; }
.c-explore-card > span:nth-child(2) { display: grid; line-height: 1.5; }
.c-explore-card strong { color: #e8eff7; font-size: .77rem; }
.c-explore-card small { color: var(--color-text-muted); font-size: .64rem; }
.c-explore-card > i { margin-inline-start: auto; color: var(--color-primary); font: normal 1rem Arial,sans-serif; }

/* 05-components : sections informatives */
.c-section { padding-block: 6rem; }
.c-section--intro { background: var(--color-bg); }
.c-section-heading { max-width: 730px; margin-block-end: 2.4rem; }
.c-section-heading .c-kicker { margin-block-end: .7rem; }
.c-kicker { font: 700 .74rem/1.8 Arial,var(--font-ar); letter-spacing: .05em; }
.c-section-heading > p:last-child,.c-section-heading__aside { max-width: 620px; margin-block-end: 0; line-height: 1.9; }
.c-section-heading--split { display: flex; max-width: none; align-items: end; justify-content: space-between; gap: 2rem; }
.c-section-heading--split .c-section-heading__aside { max-width: 390px; }
.c-section-heading h2 { margin-block-end: .65rem; }
.c-intro-card { display: grid; grid-template-columns: 1.1fr .9fr; overflow: hidden; border: 1px solid var(--color-line); border-radius: var(--radius-lg); background: linear-gradient(140deg,#101f32,#0b1726); }
.c-intro-card__copy { padding: 2.2rem; }
.c-intro-card__label { display: inline-flex; margin-block-end: .85rem; padding: .25rem .7rem; border: 1px solid rgba(165,243,41,.2); border-radius: var(--radius-pill); color: var(--color-primary); font-size: .7rem; font-weight: 700; }
.c-intro-card__copy p { margin-block-end: 1rem; line-height: 2; }
.c-intro-card__copy strong { color: #f2f6fa; }
.c-text-link { display: inline-flex; align-items: center; gap: .45rem; color: var(--color-primary); font-size: .82rem; font-weight: 700; }
.c-text-link span { font-family: Arial,sans-serif; transition: transform .2s ease; }
.c-text-link:hover span { transform: translateX(-3px); }
.c-steps { display: grid; align-content: center; gap: 1.4rem; padding: 2rem; border-inline-start: 1px solid var(--color-line); background: rgba(4,11,20,.22); }
.c-step { display: flex; align-items: flex-start; gap: .85rem; }
.c-step > span { display: grid; flex: 0 0 auto; width: 35px; height: 35px; place-items: center; border: 1px solid rgba(165,243,41,.35); border-radius: 50%; color: var(--color-primary); font-size: .8rem; font-weight: 800; }
.c-step strong { color: var(--color-text); font-size: .9rem; }
.c-step p { margin: .25rem 0 0; font-size: .76rem; }
.c-section--commission { background: #0a1727; }
.c-commission-layout { display: grid; grid-template-columns: 1fr 285px; gap: 1.2rem; }
.c-table-wrap,.c-egypt-table-wrap { overflow-x: auto; border: 1px solid var(--color-line); border-radius: var(--radius-md); background: var(--color-surface); }
.c-table { width: 100%; border-collapse: collapse; text-align: start; }
.c-table th,.c-table td { padding: 1rem 1.2rem; border-block-end: 1px solid var(--color-line); font-size: .85rem; }
.c-table thead th { background: rgba(255,255,255,.025); color: #aab9cb; font-size: .73rem; font-weight: 600; }
.c-table tbody tr:last-child th,.c-table tbody tr:last-child td { border-block-end: 0; }
.c-table tbody td { color: #d4deea; }
.c-level { display: grid; width: 34px; height: 34px; place-items: center; border-radius: 11px; background: #192c42; color: #c1d0e0; font: 600 .7rem Arial,sans-serif; }
.c-rate { color: var(--color-primary); font: 800 1.1rem Arial,sans-serif; }
.c-table__note { display: flex; gap: .55rem; margin: 0; padding: .9rem 1.2rem; border-block-start: 1px solid var(--color-line); background: rgba(5,12,20,.35); color: #9babbe; font-size: .71rem; line-height: 1.8; }
.c-table__note span { flex: 0 0 auto; color: var(--color-cyan); }
.c-side-note { padding: 1.45rem; border: 1px solid rgba(165,243,41,.18); border-radius: var(--radius-md); background: radial-gradient(ellipse at 100% 0%,rgba(165,243,41,.08),transparent 54%),var(--color-surface); }
.c-side-note__icon { display: grid; width: 38px; height: 38px; place-items: center; margin-block-end: 1.2rem; border-radius: 13px; background: rgba(165,243,41,.1); color: var(--color-primary); font: 700 1.25rem Arial,sans-serif; }
.c-side-note .c-kicker { margin-block-end: .45rem; color: var(--color-text-muted); }
.c-side-note h3 { font-size: 1.45rem; }
.c-side-note > p:not(.c-kicker) { font-size: .79rem; line-height: 1.9; }
.c-alert { display: flex; align-items: flex-start; gap: .65rem; margin-block-start: 1rem; padding: .95rem 1.15rem; border: 1px solid rgba(104,217,255,.16); border-radius: var(--radius-sm); }
.c-alert--blue { background: rgba(20,121,255,.06); }
.c-alert > span { flex: 0 0 auto; color: var(--color-cyan); }
.c-alert p { margin: 0; color: #a8b7c8; font-size: .76rem; line-height: 1.8; }
.c-alert p strong { color: #e5eef8; }

/* 05-components : encart Égypte et paiements */
.c-section--egypt { position: relative; overflow: hidden; background: radial-gradient(ellipse at 75% 50%,#102849,#0a1829 60%,#091321); }
.c-egypt-layout { display: grid; grid-template-columns: .9fr 1.1fr; align-items: center; gap: 4rem; }
.c-egypt-copy h2 { margin-block-end: 1.1rem; }
.c-egypt-copy > p:not(.c-kicker) { max-width: 480px; line-height: 2; }
.c-egypt-badge { display: inline-flex; align-items: center; gap: .7rem; margin-block-start: 1rem; padding: .6rem 1rem; border: 1px solid var(--color-line-strong); border-radius: var(--radius-sm); color: var(--color-primary); font-size: .8rem; line-height: 1.5; }
.c-egypt-badge > span:first-child { font: 700 1.45rem Arial,sans-serif; }
.c-egypt-badge small { color: var(--color-text-muted); font-size: .67rem; }
.c-egypt-table-wrap { padding: .35rem .9rem; background: rgba(10,24,40,.88); }
.c-table--egypt th,.c-table--egypt td { padding: .88rem .8rem; }
.c-table--egypt td:last-child { width: 130px; text-align: center; }
.c-table--egypt td strong { color: var(--color-primary); font: 800 1rem Arial,sans-serif; }
.c-egypt-table__foot { margin: 0; padding: .75rem .8rem; color: #8498ae; font-size: .69rem; }
.c-section--payments { background: var(--color-bg); }
.c-payment-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 1rem; }
.c-payment-card { position: relative; min-height: 226px; padding: 1.5rem; border: 1px solid var(--color-line); border-radius: var(--radius-md); background: linear-gradient(150deg,#111f31,#0c1725); }
.c-payment-card__number { position: absolute; inset-block-start: 1.3rem; inset-inline-end: 1.4rem; color: #53647a; font: 700 .75rem Arial,sans-serif; }
.c-payment-card__icon { display: grid; width: 45px; height: 45px; place-items: center; margin-block-end: 1.2rem; border: 1px solid rgba(165,243,41,.18); border-radius: 15px; background: rgba(165,243,41,.055); color: var(--color-primary); font: 600 1.3rem Arial,sans-serif; }
.c-payment-card h3 { margin-block-end: .45rem; font-size: 1.08rem; }
.c-payment-card p { margin: 0; font-size: .82rem; line-height: 1.9; }
.c-payment-card p strong { color: #eff5fa; }
.c-payment-footnote { margin-block: 1rem 0; color: var(--color-text-muted); font-size: .72rem; }

/* 05-components : carte des marchés */
.c-section--geo { padding-block: 4rem; background: #0a1727; }
.c-geo-card { position: relative; display: grid; min-height: 355px; grid-template-columns: 1fr 330px; align-items: center; overflow: hidden; padding: 3rem; border: 1px solid var(--color-line); border-radius: var(--radius-lg); background: radial-gradient(ellipse at 82% 52%,rgba(20,121,255,.16),transparent 40%),linear-gradient(140deg,#111f32,#0b1726); }
.c-geo-card > div:first-child { position: relative; z-index: 1; }
.c-geo-card h2 { font-size: clamp(1.8rem,3.5vw,2.6rem); }
.c-geo-card h2 span { color: #a7bdd2; }
.c-geo-card > div:first-child > p:not(.c-kicker) { max-width: 650px; margin-block: 0 1.4rem; line-height: 1.95; }
.c-geo-card .c-button { min-height: 46px; font-size: .79rem; }
.c-geo-mark { position: relative; display: grid; min-height: 270px; place-items: center; }
.c-geo-mark__ring { position: absolute; aspect-ratio: 1; border: 1px solid rgba(104,217,255,.25); border-radius: 50%; }
.c-geo-mark__ring--one { width: 255px; }
.c-geo-mark__ring--two { width: 198px; border-color: rgba(165,243,41,.23); }
.c-geo-mark__ring--three { width: 137px; border-style: dashed; }
.c-geo-mark > span { position: relative; z-index: 1; color: var(--color-primary); font-size: 1.6rem; font-weight: 900; line-height: 1.5; text-align: center; }
.c-geo-mark > i,.c-geo-mark > b { position: absolute; width: 7px; height: 7px; border-radius: 50%; background: var(--color-cyan); box-shadow: 0 0 14px var(--color-cyan); }
.c-geo-mark > i { inset-block-start: 19%; inset-inline-start: 31%; }
.c-geo-mark > b { inset-block-end: 17%; inset-inline-end: 24%; background: var(--color-primary); box-shadow: 0 0 14px var(--color-primary); }

/* 05-components : accordéon FAQ */
.c-section--faq { background: var(--color-bg); }
.c-faq-layout { display: grid; grid-template-columns: .7fr 1.3fr; align-items: start; gap: 4rem; }
.c-faq-intro { position: sticky; inset-block-start: 115px; }
.c-faq-intro h2 { font-size: 2.55rem; }
.c-faq-intro > p:not(.c-kicker) { margin-block-end: 1.2rem; }
.c-accordion { border-block-start: 1px solid var(--color-line); }
.c-accordion__item { border-block-end: 1px solid var(--color-line); }
.c-accordion__item summary { display: flex; min-height: 66px; align-items: center; justify-content: space-between; gap: 1rem; cursor: pointer; color: #e8eff6; font-size: .91rem; font-weight: 700; list-style: none; }
.c-accordion__item summary::-webkit-details-marker { display: none; }
.c-accordion__item summary > span { position: relative; flex: 0 0 auto; width: 28px; height: 28px; border: 1px solid var(--color-line-strong); border-radius: 50%; }
.c-accordion__item summary > span::before,.c-accordion__item summary > span::after { position: absolute; inset-block-start: 50%; inset-inline-start: 50%; width: 10px; height: 1px; background: var(--color-primary); content: ""; transform: translate(-50%,-50%); }
.c-accordion__item summary > span::after { transform: translate(-50%,-50%) rotate(90deg); transition: transform .2s ease; }
.c-accordion__item[open] summary > span::after { transform: translate(-50%,-50%); }
.c-accordion__answer { padding-inline-end: 1rem; }
.c-accordion__answer p { max-width: 630px; margin: 0 0 1.1rem; font-size: .82rem; line-height: 2; }
.c-accordion__answer a { color: var(--color-primary); text-decoration: underline; text-underline-offset: 3px; }
.c-cta-band { padding-block: 3rem; border-block: 1px solid var(--color-line); background: linear-gradient(100deg,#101f31,#0c1929); }
.c-cta-band__inner { display: flex; align-items: center; justify-content: space-between; gap: 2rem; }
.c-cta-band__inner .c-kicker { margin-block-end: .4rem; }
.c-cta-band__inner h2 { margin-block-end: .4rem; font-size: 1.75rem; }
.c-cta-band__inner p:last-child { margin: 0; font-size: .82rem; }

/* 05-components : pied de page et divulgation */
.c-footer { padding-block: 3rem 1.15rem; background: var(--color-bg-deep); }
.c-footer__top { display: grid; grid-template-columns: .75fr 1.25fr; gap: 4rem; padding-block-end: 2.3rem; }
.c-footer__identity > p { max-width: 310px; margin-block: 1rem 0; font-size: .79rem; }
.c-footer__disclosure { padding-inline-start: 1.6rem; border-inline-start: 1px solid var(--color-line); }
.c-footer__disclosure .c-kicker { margin-block-end: .55rem; }
.c-footer__disclosure p:last-child { margin: 0; font-size: .78rem; line-height: 2; }
.c-footer__disclosure strong { color: #e9f0f8; }
.c-footer__method { display: flex; gap: .8rem; padding: 1rem 1.15rem; border: 1px solid var(--color-line); border-radius: var(--radius-sm); background: rgba(255,255,255,.025); }
.c-footer__method-icon { flex: 0 0 auto; color: var(--color-cyan); }
.c-footer__method strong { color: #e1e9f2; font-size: .76rem; }
.c-footer__method p { margin: .2rem 0 0; font-size: .7rem; line-height: 1.8; }
.c-footer__bottom { display: flex; justify-content: space-between; gap: 1rem; padding-block-start: 1rem; color: #65758a; font-size: .67rem; }
.c-footer__bottom a { color: #a4b2c3; }
.c-footer__links { display: flex; flex-wrap: wrap; gap: .45rem 1.2rem; padding-block: 1rem; border-block-end: 1px solid var(--color-line); }
.c-footer__links a { color: #8fa0b4; font-size: .69rem; }
.c-footer__links a:hover { color: var(--color-primary); }
.c-mobile-action { display: none; }

/* 05-components : pages éditoriales */
.c-document { min-height: 60vh; padding-block: 1.2rem 5rem; background: radial-gradient(ellipse at 78% 4%,rgba(20,121,255,.1),transparent 35%),var(--color-bg); }
.c-breadcrumb { display: flex; align-items: center; gap: .6rem; padding-block: .6rem; color: var(--color-text-muted); font-size: .72rem; }
.c-breadcrumb a:hover,.c-document__body a:not(.c-button):hover { color: var(--color-primary); }
.c-breadcrumb [aria-current="page"] { color: #c8d3df; }
.c-document__header { max-width: 790px; padding-block: 3rem 2rem; }
.c-document__header .c-kicker { margin-block-end: .6rem; }
.c-document__header h1 { margin-block-end: .8rem; font-size: clamp(2.25rem,5vw,3.8rem); font-weight: 900; }
.c-document__lead { max-width: 710px; margin-block-end: 1rem; font-size: 1.05rem; line-height: 2; }
.c-document__meta { margin: 0; color: var(--color-text-muted); font-size: .71rem; }
.c-document__body { max-width: 850px; padding-block-start: 1.8rem; border-block-start: 1px solid var(--color-line); }
.c-document__body h2 { margin-block: 2.4rem .75rem; font-size: 1.55rem; }
.c-document__body h2:first-child { margin-block-start: 0; }
.c-document__body p,.c-document__body li { color: #b5c2d1; font-size: .9rem; line-height: 2; }
.c-document__body > p { margin-block: .7rem 1rem; }
.c-document__body a:not(.c-button) { color: var(--color-primary); text-decoration: underline; text-underline-offset: 3px; }
.c-document__callout { margin-block: 1.5rem; padding: 1.15rem 1.3rem; border: 1px solid rgba(104,217,255,.2); border-radius: var(--radius-sm); background: rgba(20,121,255,.06); }
.c-document__callout > strong { display: block; margin-block-end: .3rem; color: #e5eef7; font-size: .92rem; }
.c-document__callout > p { margin: 0; font-size: .82rem; }
.c-document__callout--warning { border-color: rgba(255,192,99,.2); background: rgba(204,132,31,.06); }
.c-document__steps { display: grid; gap: .75rem; padding-inline-start: 1.5rem; }
.c-document__steps li { padding-inline-start: .3rem; }
.c-document__steps strong { color: #eff4fa; }
.c-document__body > .c-table-wrap { margin-block: 1rem; }
.c-document__body > .c-table-wrap .c-table th,.c-document__body > .c-table-wrap .c-table td { padding: .95rem 1rem; }
.c-document__related { padding-block-start: 1.2rem; border-block-start: 1px solid var(--color-line); color: var(--color-text-muted) !important; font-size: .77rem !important; }
.c-document__related a { margin-inline: .25rem; }
.c-document__faq { border-block-start: 0; padding-block-start: 0; }
.c-document__faq .c-accordion__item { border-block-start: 1px solid var(--color-line); }
.c-document__faq .c-accordion__item summary { min-height: 72px; }
.c-document__faq .c-accordion__answer p { max-width: 760px; }
.c-document__body .c-button { margin-block-start: .4rem; text-decoration: none !important; }
.c-program-facts { margin-block: 1.25rem 2rem; }
.c-program-facts__grid { display: grid; grid-template-columns: repeat(auto-fit,minmax(min(100%,230px),1fr)); gap: .8rem; }
.c-program-fact { min-height: 132px; padding: 1rem 1.1rem; border: 1px solid var(--color-line); border-radius: var(--radius-md); background: linear-gradient(145deg,rgba(20,121,255,.09),rgba(255,255,255,.025)); }
.c-program-fact dt { color: #e7eff8; font-size: .88rem; font-weight: 800; }
.c-program-fact dd { margin: .55rem 0 0; color: #aebdcd; font-size: .82rem; line-height: 1.9; }
.c-program-fact dd strong { color: var(--color-primary); }
.c-entity-map { display: grid; gap: .7rem; margin-block: 1rem 1.5rem; }
.c-entity-relation { display: grid; grid-template-columns: minmax(0,1fr) auto minmax(0,1.25fr); align-items: center; gap: .85rem; padding: .9rem 1rem; border: 1px solid var(--color-line); border-radius: var(--radius-sm); background: rgba(255,255,255,.025); }
.c-entity-relation__subject { color: #f0f5fb; font-size: .84rem; font-weight: 800; }
.c-entity-relation__predicate { padding: .3rem .65rem; border-radius: 999px; background: rgba(20,121,255,.13); color: var(--color-primary); font-size: .72rem; font-weight: 700; white-space: nowrap; }
.c-entity-relation__object { margin: 0; color: #aebdcd; font-size: .82rem; line-height: 1.8; }
.c-glossary dl { margin: 0; }
.c-glossary dt { margin-block-start: 1.25rem; color: var(--color-primary); font-size: 1rem; font-weight: 800; }
.c-glossary dd { margin: .25rem 0 0; padding-block-end: .9rem; border-block-end: 1px solid var(--color-line); color: #b5c2d1; font-size: .86rem; line-height: 1.9; }
.c-article-grid { margin-block: 1rem 1.5rem; }

/* 06-utilities : liens externes et animations réduites */
@media (max-width: 1020px) {
  .c-nav { gap: .85rem; }
  .c-nav > a { font-size: .75rem; }
  .c-header__cta { padding-inline: .85rem; }
  .c-hero__layout { gap: 1rem; }
  .c-commission-layout { grid-template-columns: 1fr 250px; }
  .c-egypt-layout { gap: 2.5rem; }
}
@media (max-width: 800px) {
  html { scroll-padding-top: 5rem; }
  .o-container,.o-container--narrow { width: min(100% - 2rem, 600px); }
  .c-header__inner { min-height: 68px; }
  .c-header__inner:not(:has(.c-menu-toggle)) { flex-wrap: wrap; padding-block: .65rem; }
  .c-header__inner:not(:has(.c-menu-toggle)) .c-nav { position: static; display: flex; order: 3; width: 100%; flex-direction: row; overflow-x: auto; gap: 1rem; padding: .4rem 0 0; border: 0; background: transparent; box-shadow: none; }
  .c-header__inner:not(:has(.c-menu-toggle)) .c-nav > a { flex: 0 0 auto; padding: .25rem 0; border: 0; font-size: .72rem; }
  .c-header__cta { display: none; }
  .c-menu-toggle { display: grid; width: 42px; height: 42px; align-content: center; justify-items: center; gap: 5px; border: 1px solid var(--color-line-strong); border-radius: 50%; background: var(--color-surface); cursor: pointer; }
  .c-menu-toggle span { width: 17px; height: 1.5px; border-radius: 1px; background: #dce6f1; transition: transform .2s ease,opacity .2s ease; }
  .c-menu-toggle[aria-expanded="true"] span:first-child { transform: translateY(6.5px) rotate(45deg); }
  .c-menu-toggle[aria-expanded="true"] span:nth-child(2) { opacity: 0; }
  .c-menu-toggle[aria-expanded="true"] span:last-child { transform: translateY(-6.5px) rotate(-45deg); }
  .c-nav { position: absolute; inset-block-start: 100%; inset-inline: 0; display: none; flex-direction: column; align-items: stretch; gap: 0; padding: .5rem 1rem 1rem; border-block-end: 1px solid var(--color-line); background: rgba(7,17,31,.98); box-shadow: 0 14px 24px rgba(0,0,0,.2); }
  .c-nav.is-open { display: flex; }
  .c-nav > a { padding: .75rem .4rem; border-block-end: 1px solid var(--color-line); font-size: .87rem; }
  .c-nav > .c-nav__mobile-cta { display: flex; align-items: center; justify-content: space-between; margin-block-start: .65rem; padding: .7rem .95rem; border: 1px solid rgba(165,243,41,.28); border-radius: var(--radius-pill); color: var(--color-primary); }
  .c-hero { min-height: auto; padding-block: 3.5rem 1.3rem; }
  .c-hero__layout { grid-template-columns: 1fr; gap: .2rem; }
  .c-hero__content { padding-block-end: .4rem; }
  .c-hero h1 { font-size: clamp(3rem,10vw,4.5rem); }
  .c-hero__visual { min-height: 335px; }
  .c-orbit--outer { width: 335px; }
  .c-orbit--inner { width: 260px; }
  .c-hero-card { width: min(100% - 2rem,340px); }
  .c-hero__float--one { inset-inline-start: 3%; }
  .c-hero__float--two { inset-inline-end: 1%; }
  .c-facts__grid { grid-template-columns: repeat(2,1fr); }
  .c-fact { min-height: 94px; padding-inline: .65rem; }
  .c-fact:nth-child(3) { border-inline-start: 0; }
  .c-fact:nth-child(n+3) { border-block-start: 1px solid var(--color-line); }
  .c-fact__icon { width: 38px; height: 38px; }
  .c-fact strong { font-size: .9rem; }
  .c-fact p { font-size: .63rem; }
  .c-section { padding-block: 4.2rem; }
  .c-explore__heading { align-items: flex-start; flex-direction: column; gap: .5rem; }
  .c-explore__grid { grid-template-columns: repeat(2,1fr); }
  .c-section-heading--split { display: block; }
  .c-section-heading--split .c-section-heading__aside { margin-block-start: .8rem; }
  .c-intro-card { grid-template-columns: 1fr; }
  .c-intro-card__copy { padding: 1.5rem; }
  .c-steps { gap: 1rem; padding: 1.5rem; border-block-start: 1px solid var(--color-line); border-inline-start: 0; }
  .c-commission-layout { grid-template-columns: 1fr; }
  .c-side-note { display: grid; grid-template-columns: auto 1fr; align-items: center; column-gap: .9rem; }
  .c-side-note__icon { grid-row: span 3; margin: 0; }
  .c-side-note .c-kicker,.c-side-note h3,.c-side-note > p:not(.c-kicker),.c-side-note .c-text-link { grid-column: 2; }
  .c-side-note .c-kicker { margin-block-end: .1rem; }
  .c-side-note h3 { margin-block-end: .2rem; }
  .c-side-note > p:not(.c-kicker) { margin-block-end: .5rem; }
  .c-egypt-layout { grid-template-columns: 1fr; gap: 1.5rem; }
  .c-egypt-copy h2 br { display: none; }
  .c-payment-grid { grid-template-columns: 1fr; }
  .c-payment-card { min-height: 0; padding: 1.2rem; }
  .c-payment-card__icon { margin-block-end: .8rem; }
  .c-geo-card { grid-template-columns: 1fr; padding: 1.5rem; }
  .c-geo-card h2 { font-size: 2rem; }
  .c-geo-mark { min-height: 220px; }
  .c-geo-mark__ring--one { width: 205px; }
  .c-geo-mark__ring--two { width: 158px; }
  .c-geo-mark__ring--three { width: 110px; }
  .c-faq-layout { grid-template-columns: 1fr; gap: 1.5rem; }
  .c-faq-intro { position: static; }
  .c-faq-intro h2 { font-size: 2rem; }
  .c-cta-band__inner { align-items: flex-start; flex-direction: column; gap: 1rem; }
  .c-footer__top { grid-template-columns: 1fr; gap: 1.5rem; }
  .c-footer__disclosure { padding-inline-start: 1rem; }
  .c-mobile-action { position: fixed; z-index: 9; inset-block-end: 0; inset-inline: 0; display: block; padding: .6rem 1rem calc(.6rem + env(safe-area-inset-bottom)); border-block-start: 1px solid var(--color-line); background: rgba(7,17,31,.95); backdrop-filter: blur(18px); }
  .c-mobile-action .c-button { width: 100%; min-height: 48px; }
  .c-footer { padding-block-end: 6rem; }
  .c-document { padding-block-end: 3.5rem; }
  .c-document__header { padding-block: 2rem 1.5rem; }
  .c-document__lead { font-size: .93rem; }
}
@media (max-width: 520px) {
  .c-notice__inner { min-height: 52px; gap: .5rem; font-size: .69rem; line-height: 1.55; }
  .c-notice__link { display: none; }
  .c-brand__mark { height: 35px; font-size: 1.4rem; }
  .c-brand__mark i { font-size: 1.4rem; }
  .c-brand__mark::after { font-size: 1.18rem; }
  .c-brand__text strong { font-size: .83rem; }
  .c-brand__text small { font-size: .59rem; }
  .c-hero { padding-block-start: 2.7rem; }
  .c-eyebrow { font-size: .67rem; }
  .c-hero h1 { font-size: clamp(2.75rem,12vw,3.7rem); }
  .c-hero__lead { font-size: .9rem; }
  .c-hero__actions { align-items: stretch; flex-direction: column; }
  .c-hero__actions .c-button { width: 100%; }
  .c-hero__fineprint { font-size: .66rem; }
  .c-explore { padding-block: 2.4rem; }
  .c-explore__grid { grid-template-columns: 1fr; }
  .c-hero__visual { min-height: 300px; }
  .c-orbit--outer { width: 290px; }
  .c-orbit--inner { width: 228px; }
  .c-hero-card { padding: 1.3rem; }
  .c-hero-card__number { font-size: 5.3rem; }
  .c-hero__float { font-size: .59rem; }
  .c-hero__bottom { font-size: .59rem; }
  .c-fact { gap: .55rem; }
  .c-fact__icon { width: 33px; height: 33px; border-radius: 11px; font-size: 1.1rem; }
  .c-table th,.c-table td { padding: .8rem .65rem; font-size: .76rem; }
  .c-table thead th { font-size: .64rem; }
  .c-level { width: 29px; height: 29px; }
  .c-egypt-table-wrap { padding-inline: .5rem; }
  .c-geo-card h2 { font-size: 1.7rem; }
  .c-accordion__item summary { font-size: .82rem; }
  .c-footer__bottom { flex-direction: column; }
}
@media (prefers-reduced-motion: reduce) {
  *,*::before,*::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}
.c-footer__manager-note { margin-block-end: 1.5rem; padding: 1rem 1.2rem; border: 1px solid var(--color-line); border-inline-start: 3px solid var(--color-primary); border-radius: var(--radius-sm); background: rgba(255,255,255,.025); }
.c-footer__manager-note p { margin: .35rem 0 0; color: #aab8c8; font-size: .76rem; line-height: 1.9; }
.c-footer__manager-note p:first-child { margin: 0; }
.c-footer__manager-note strong,.c-footer__manager-note-title { color: #e9f0f8; }
.c-footer__manager-note-title { font-size: .82rem !important; font-weight: 800; }
.c-hero__visual { overflow: hidden; border: 1px solid rgba(206,225,247,.13); border-radius: var(--radius-lg); background: #091a30; box-shadow: var(--shadow-elevated); }
.c-hero__image { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 76% center; opacity: .76; }
.c-hero-card { backdrop-filter: blur(10px); background: linear-gradient(148deg,rgba(13,31,53,.88),rgba(7,18,32,.91)); }
.c-reviews { overflow: hidden; background: linear-gradient(180deg,rgba(18,42,69,.55),rgba(7,17,31,0)); }
.c-reviews__heading { max-width: 720px; }
.c-reviews__track { display: flex; gap: 1rem; overflow-x: auto; padding: .25rem .1rem 1.25rem; scroll-snap-type: x mandatory; overscroll-behavior-inline: contain; scrollbar-color: var(--color-primary) var(--color-surface-2); scrollbar-width: thin; }
.c-review-card { flex: 0 0 min(390px,86vw); display: flex; min-height: 350px; flex-direction: column; padding: 1.35rem; border: 1px solid var(--color-line); border-radius: var(--radius-md); background: linear-gradient(155deg,var(--color-surface-2),var(--color-surface)); scroll-snap-align: start; }
.c-review-card__top,.c-review-card__author { display: flex; align-items: center; justify-content: space-between; gap: .75rem; }
.c-review-card__quote-mark { color: var(--color-primary); font: 800 3rem/1 Georgia,serif; }
.c-review-card__tag { padding: .3rem .65rem; border: 1px solid rgba(165,243,41,.25); border-radius: var(--radius-pill); color: var(--color-primary); font-size: .66rem; }
.c-review-card blockquote { flex: 1; margin: .75rem 0 1rem; }
.c-review-card blockquote p { margin: 0; color: #d4deea; font-size: .83rem; line-height: 1.9; }
.c-review-card__author { justify-content: flex-start; padding-block-start: .9rem; border-block-start: 1px solid var(--color-line); }
.c-review-card__avatar { display: grid; width: 42px; height: 42px; place-items: center; border-radius: 50%; background: linear-gradient(135deg,var(--color-blue),#2c9cff); color: #fff; font-weight: 800; }
.c-review-card__author strong,.c-review-card__author small { display: block; }
.c-review-card__author strong { font-size: .82rem; }
.c-review-card__author small { color: var(--color-text-muted); font-size: .7rem; }
.c-reviews__foot { display: flex; align-items: center; gap: .6rem; margin-block-start: .2rem; color: var(--color-text-muted); }
.c-reviews__foot span { color: var(--color-primary); }
.c-reviews__foot p { margin: 0; font-size: .7rem; }
.c-document__hero-image { overflow: hidden; max-width: 850px; margin: 1rem 0 2rem; border: 1px solid var(--color-line); border-radius: var(--radius-md); background: var(--color-surface); }
.c-document__hero-image img { width: 100%; height: auto; aspect-ratio: 4/3; object-fit: cover; }
.c-document__hero-image figcaption { padding: .65rem 1rem; color: var(--color-text-muted); font-size: .72rem; }


.c-article-art { margin: 1.6rem 0 2rem; overflow: hidden; border: 1px solid var(--color-line); border-radius: var(--radius-md); background: #101a29; }
.c-article-art img { display: block; width: 100%; height: auto; aspect-ratio: 3 / 2; object-fit: cover; }
.c-article-art figcaption { padding: .8rem 1rem; color: var(--color-text-muted); font-size: .75rem; line-height: 1.8; }

/* Homepage hero: full-bleed artwork, restrained entrance motion, custom line icons. */
.c-hero { min-height: min(690px,calc(100svh - 76px)); padding-block: clamp(30px,5vh,56px) 22px; background: #07111f; }
.c-hero::before { content: ""; position: absolute; z-index: -2; inset: -2%; pointer-events: none; background-image: radial-gradient(ellipse at 73% 49%,rgba(16,87,162,.27),transparent 35%),radial-gradient(ellipse at 82% 52%,rgba(165,243,41,.09),transparent 25%),radial-gradient(ellipse at 22% 4%,rgba(17,56,94,.32),transparent 45%),linear-gradient(112deg,#081523 0%,#07111f 47%,#081421 100%); background-position: center; background-size: 100% 100%; animation: hero-light-breathe 13s ease-in-out infinite alternate; }
.c-hero__grid { opacity: .09; }
.c-hero__layout { grid-template-columns: .95fr 1.05fr; min-height: 440px; gap: 2rem; }
.c-hero__content { max-width: 620px; }
.c-hero h1 { max-width: 590px; margin-block-end: .85rem; font-size: clamp(2.25rem,4.4vw,4rem); line-height: 1.16; }
.c-hero__lead { max-width: 510px; margin-block-end: 1.25rem; font-size: .94rem; }
.c-hero__visual { min-height: 310px; overflow: visible; border: 0; border-radius: 0; background: transparent; box-shadow: none; }
.c-hero__image,.c-hero__float,.c-orbit { display: none; }
.c-hero-card { width: min(100%,310px); padding: 1.25rem 1.4rem; border-color: rgba(214,231,249,.23); border-radius: 22px; background: linear-gradient(145deg,rgba(8,24,42,.69),rgba(7,17,31,.77)); box-shadow: 0 18px 52px rgba(0,0,0,.3); backdrop-filter: blur(7px); transform: none; animation: hero-card-arrive .7s .2s cubic-bezier(.2,.7,.2,1) both; }
.c-hero-card__number { margin-block-start: .8rem; font-size: 5rem; }
.c-hero-card__scale { margin-block: 1.2rem 1rem; }
.c-hero__content > * { animation: hero-copy-arrive .55s both; }
.c-hero__content > :nth-child(1) { animation-delay: .08s; }
.c-hero__content > :nth-child(2) { animation-delay: .16s; }
.c-hero__content > :nth-child(3) { animation-delay: .24s; }
.c-hero__content > :nth-child(4) { animation-delay: .32s; }
.c-hero__content > :nth-child(5) { animation-delay: .4s; }
.c-hero .c-button { transition: transform .2s ease,box-shadow .2s ease,background-color .2s ease; }
.c-hero .c-button:hover { transform: translateY(-2px); }
.c-fact__icon svg { display: block; width: 21px; height: 21px; overflow: visible; stroke: currentColor; stroke-width: 1.65; stroke-linecap: round; stroke-linejoin: round; animation: fact-icon-arrive .5s both; transition: transform .22s ease,color .22s ease; }
.c-fact:nth-child(1) .c-fact__icon svg { animation-delay: .18s; }
.c-fact:nth-child(2) .c-fact__icon svg { animation-delay: .26s; }
.c-fact:nth-child(3) .c-fact__icon svg { animation-delay: .34s; }
.c-fact:nth-child(4) .c-fact__icon svg { animation-delay: .42s; }
.c-fact__icon { transition: border-color .22s ease,background-color .22s ease,transform .22s ease; }
.c-fact:hover .c-fact__icon { border-color: rgba(165,243,41,.46); background: rgba(165,243,41,.11); transform: translateY(-2px); }
.c-fact:nth-child(1):hover .c-fact__icon svg { transform: rotate(-7deg); }
.c-fact:nth-child(2):hover .c-fact__icon svg { transform: rotate(14deg); }
.c-fact:nth-child(3):hover .c-fact__icon svg { transform: scale(1.08); }
.c-fact:nth-child(4):hover .c-fact__icon svg { transform: translateY(-2px); }
@keyframes hero-image-arrive { from { opacity: .65; transform: scale(1.035); } to { opacity: 1; transform: scale(1); } }
@keyframes hero-copy-arrive { from { opacity: 0; transform: translateY(9px); } to { opacity: 1; transform: translateY(0); } }
@keyframes hero-card-arrive { from { opacity: 0; transform: translateY(12px) scale(.985); } to { opacity: 1; transform: translateY(0) scale(1); } }
@keyframes fact-icon-arrive { from { opacity: 0; filter: brightness(1.7); } to { opacity: 1; filter: brightness(1); } }
@media (max-width: 800px) {
  .c-hero { min-height: auto; padding-block: 2.3rem 1.3rem; }
  .c-hero::before { background-image: radial-gradient(ellipse at 50% 61%,rgba(16,87,162,.25),transparent 47%),radial-gradient(ellipse at 89% 25%,rgba(165,243,41,.08),transparent 30%),linear-gradient(155deg,#081523,#07111f 74%); }
  .c-hero__layout { grid-template-columns: 1fr; min-height: 0; gap: .15rem; }
  .c-hero h1 { max-width: 620px; font-size: clamp(2rem,8vw,3.25rem); line-height: 1.2; }
  .c-hero__visual { min-height: 235px; }
  .c-hero-card { width: min(100%,285px); }
  .c-hero-card__number { font-size: 4.55rem; }
  .c-fact:nth-child(1) .c-fact__icon svg,.c-fact:nth-child(2) .c-fact__icon svg,.c-fact:nth-child(3) .c-fact__icon svg,.c-fact:nth-child(4) .c-fact__icon svg { transform: none; }
}

/* Homepage: program facts and entity relations */
.c-section--knowledge { position: relative; overflow: hidden; padding-block: clamp(4rem,7vw,6.5rem); background: radial-gradient(ellipse at 12% 0%,rgba(20,121,255,.15),transparent 37%),linear-gradient(180deg,#0b1a2b,#081321); }
.c-section--knowledge::before { position: absolute; inset-block-start: 0; inset-inline: 8%; height: 1px; background: linear-gradient(90deg,transparent,rgba(165,243,41,.42),rgba(72,170,255,.3),transparent); content: ""; }
.c-knowledge-heading { position: relative; z-index: 1; margin-block-end: 2rem; }
.c-knowledge-heading h2 { max-width: 620px; }
.c-knowledge-facts { display: grid; grid-template-columns: repeat(6,minmax(0,1fr)); gap: .85rem; }
.c-knowledge-fact { position: relative; grid-column: span 2; min-height: 190px; overflow: hidden; padding: 1.25rem 1.3rem 1.35rem; border: 1px solid rgba(169,196,224,.15); border-radius: 20px; background: linear-gradient(145deg,rgba(23,45,70,.92),rgba(13,28,45,.82)); box-shadow: 0 12px 30px rgba(0,0,0,.13); transition: transform .2s ease,border-color .2s ease,background-color .2s ease; }
.c-knowledge-fact:nth-child(n+4) { grid-column: span 3; min-height: 168px; }
.c-knowledge-fact:hover { transform: translateY(-3px); border-color: rgba(165,243,41,.34); }
.c-knowledge-fact--featured { border-color: rgba(165,243,41,.31); background: linear-gradient(135deg,rgba(70,100,31,.32),rgba(15,39,59,.92) 72%); }
.c-knowledge-fact--caution { background: linear-gradient(135deg,rgba(107,75,33,.25),rgba(18,34,50,.92) 72%); }
.c-knowledge-fact__index { display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 25px; border: 1px solid rgba(185,209,233,.18); border-radius: 8px; color: #92a9bf; font-size: .65rem; font-weight: 800; letter-spacing: .08em; }
.c-knowledge-fact__symbol { position: absolute; inset-block-start: .75rem; inset-inline-end: 1.05rem; color: rgba(165,243,41,.72); font-size: 1.55rem; font-weight: 700; }
.c-knowledge-fact--caution .c-knowledge-fact__symbol { color: #ffc46c; }
.c-knowledge-fact h3 { margin: 1.1rem 0 .42rem; color: #f2f6fb; font-size: .99rem; font-weight: 800; }
.c-knowledge-fact p { max-width: 38ch; margin: 0; color: #aebdcd; font-size: .84rem; line-height: 1.9; }
.c-knowledge-fact p strong { color: #e8f4d3; font-weight: 800; }
.c-knowledge-fact--featured p strong { color: #c9f784; }
.c-knowledge-relations { display: grid; grid-template-columns: minmax(210px,.72fr) minmax(0,1.7fr); gap: clamp(1.25rem,4vw,3.5rem); margin-block-start: 2.8rem; padding: clamp(1.2rem,3vw,2rem); border: 1px solid rgba(142,174,207,.17); border-radius: 24px; background: linear-gradient(120deg,rgba(16,39,62,.9),rgba(12,26,43,.82)); }
.c-knowledge-relations__intro { align-self: start; padding-block: .45rem; }
.c-knowledge-relations__intro h3 { margin: .4rem 0 .55rem; color: #f3f7fb; font-size: 1.25rem; line-height: 1.55; }
.c-knowledge-relations__intro > p:last-child { margin: 0; color: #9eafc2; font-size: .79rem; line-height: 1.9; }
.c-knowledge-relations__list { display: grid; gap: .55rem; }
.c-knowledge-relation { display: grid; grid-template-columns: minmax(125px,.9fr) 72px minmax(0,1.45fr); align-items: center; gap: .6rem; min-height: 52px; padding: .62rem .75rem; border: 1px solid rgba(166,194,221,.1); border-radius: 13px; background: rgba(4,14,25,.36); }
.c-knowledge-relation__entity { color: #e6eef7; font-size: .76rem; font-weight: 800; }
.c-knowledge-relation__link { display: flex; align-items: center; justify-content: center; gap: .4rem; color: #a5f329; }
.c-knowledge-relation__link i { padding: .2rem .42rem; border-radius: 999px; background: rgba(165,243,41,.1); font-size: .65rem; font-style: normal; font-weight: 800; white-space: nowrap; }
.c-knowledge-relation__link b { font-size: 1rem; line-height: 1; }
.c-knowledge-relation__detail { margin: 0; color: #aebdcd; font-size: .76rem; line-height: 1.75; }
@media (max-width: 800px) {
  .c-section--knowledge { padding-block: 3.5rem; }
  .c-knowledge-facts { grid-template-columns: repeat(2,minmax(0,1fr)); gap: .65rem; }
  .c-knowledge-fact,.c-knowledge-fact:nth-child(n+4) { grid-column: span 1; min-height: 175px; padding: 1rem; }
  .c-knowledge-fact:first-child { grid-column: span 2; min-height: 145px; }
  .c-knowledge-fact__symbol { inset-inline-end: .8rem; }
  .c-knowledge-fact h3 { margin-block-start: .8rem; font-size: .88rem; }
  .c-knowledge-fact p { font-size: .74rem; }
  .c-knowledge-relations { grid-template-columns: 1fr; gap: 1rem; margin-block-start: 1.6rem; padding: 1rem; border-radius: 18px; }
  .c-knowledge-relations__intro h3 { font-size: 1.08rem; }
  .c-knowledge-relation { grid-template-columns: minmax(0,1fr) 62px minmax(0,1.25fr); gap: .4rem; padding: .6rem .55rem; }
  .c-knowledge-relation__entity,.c-knowledge-relation__detail { font-size: .68rem; }
  .c-knowledge-relation__link i { font-size: .58rem; }
}
@media (max-width: 390px) {
  .c-knowledge-facts { grid-template-columns: 1fr; }
  .c-knowledge-fact,.c-knowledge-fact:nth-child(n+4),.c-knowledge-fact:first-child { grid-column: auto; min-height: 140px; }
  .c-knowledge-relation { grid-template-columns: 1fr auto; }
  .c-knowledge-relation__link { justify-content: flex-start; }
  .c-knowledge-relation__detail { grid-column: 1 / -1; padding-block-start: .25rem; border-block-start: 1px solid rgba(166,194,221,.1); }
}
@media (prefers-reduced-motion: reduce) {
  .c-knowledge-fact { transition: none; }
  .c-knowledge-fact:hover { transform: none; }
}

/* Homepage editorial cards */
.c-section--home-articles { padding-block: clamp(4rem,7vw,6.2rem); background: #07111f; }
.c-home-articles__heading { display: flex; align-items: end; justify-content: space-between; gap: 2rem; margin-block-end: 1.8rem; }
.c-home-articles__heading h2 { margin: .35rem 0 0; color: #f0f5fb; font-size: clamp(1.65rem,3vw,2.35rem); line-height: 1.35; }
.c-home-articles__heading > p { max-width: 450px; margin: 0 0 .25rem; color: #a7b6c6; font-size: .84rem; line-height: 1.9; }
.c-home-articles__grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1.05rem; }
.c-home-article { min-width: 0; overflow: hidden; border: 1px solid rgba(160,188,216,.15); border-radius: 20px; background: linear-gradient(155deg,#102238,#0c1928 76%); box-shadow: 0 15px 34px rgba(0,0,0,.16); transition: transform .22s ease,border-color .22s ease,box-shadow .22s ease; }
.c-home-article:hover { transform: translateY(-4px); border-color: rgba(165,243,41,.36); box-shadow: 0 20px 38px rgba(0,0,0,.24); }
.c-home-article__image { position: relative; display: block; overflow: hidden; aspect-ratio: 16/9; background: #101e2d; }
.c-home-article__image::after { position: absolute; inset: 45% 0 0; background: linear-gradient(0deg,rgba(5,13,23,.6),transparent); content: ""; pointer-events: none; }
.c-home-article__image img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .4s cubic-bezier(.2,.7,.2,1); }
.c-home-article:hover .c-home-article__image img { transform: scale(1.045); }
.c-home-article__category { position: absolute; z-index: 1; inset-inline-start: .8rem; inset-block-end: .8rem; padding: .34rem .65rem; border: 1px solid rgba(218,236,253,.22); border-radius: 999px; background: rgba(8,19,31,.72); color: #d7e6f5; font-size: .65rem; font-weight: 800; backdrop-filter: blur(8px); }
.c-home-article__body { padding: 1.1rem 1.15rem 1.2rem; }
.c-home-article__meta { margin: 0 0 .45rem; color: #94a8bc; font-size: .67rem; font-weight: 700; }
.c-home-article h3 { min-height: 3.25em; margin: 0 0 .55rem; color: #f3f7fb; font-size: 1rem; font-weight: 800; line-height: 1.65; }
.c-home-article h3 a { color: inherit; text-decoration: none; }
.c-home-article h3 a:hover { color: #c8f681; }
.c-home-article__body > p:not(.c-home-article__meta) { min-height: 3.5em; margin: 0 0 .9rem; color: #aab9c9; font-size: .77rem; line-height: 1.85; }
.c-home-article__link { display: inline-flex; align-items: center; gap: .45rem; color: #b9f05c; font-size: .75rem; font-weight: 800; text-decoration: none; }
.c-home-article__link span { transition: transform .2s ease; }
.c-home-article__link:hover span { transform: translateX(-3px); }
.c-home-articles__footer { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-block-start: 1.45rem; padding-block-start: 1.2rem; border-block-start: 1px solid rgba(160,188,216,.12); }
.c-home-articles__footer p { margin: 0; color: #a7b6c6; font-size: .8rem; line-height: 1.8; }
.c-home-articles__footer .c-button { flex: 0 0 auto; }
@media (max-width: 800px) {
  .c-section--home-articles { padding-block: 3.7rem; }
  .c-home-articles__heading { align-items: flex-start; flex-direction: column; gap: .5rem; }
  .c-home-articles__grid { grid-template-columns: 1fr; gap: .8rem; }
  .c-home-article { display: grid; grid-template-columns: minmax(120px,.72fr) minmax(0,1.3fr); }
  .c-home-article__image { height: 100%; min-height: 180px; aspect-ratio: auto; }
  .c-home-article__body { padding: .9rem 1rem; }
  .c-home-article h3 { min-height: 0; font-size: .9rem; }
  .c-home-article__body > p:not(.c-home-article__meta) { min-height: 0; margin-block-end: .55rem; font-size: .72rem; }
  .c-home-articles__footer { align-items: flex-start; flex-direction: column; }
}
@media (max-width: 480px) {
  .c-home-article { grid-template-columns: 1fr; }
  .c-home-article__image { height: auto; min-height: 0; aspect-ratio: 16/9; }
  .c-home-article__body { padding: 1rem 1.05rem 1.1rem; }
}
@media (prefers-reduced-motion: reduce) {
  .c-home-article,.c-home-article__image img,.c-home-article__link span { transition: none; }
  .c-home-article:hover { transform: none; }
  .c-home-article:hover .c-home-article__image img { transform: none; }
}

/* CSS-only hero artwork: affiliate analytics rendered as a signal field */
.c-hero { background: #07111f; }
.c-hero::before { z-index: 0; inset: -4%; background-image: linear-gradient(90deg,rgba(5,13,24,.11) 0%,rgba(5,13,24,.22) 42%,rgba(5,13,24,.79) 100%),linear-gradient(0deg,rgba(5,13,24,.58),transparent 48%),url("/assets/images/affiliate-hero.webp"); background-position: center,center,center; background-size: 100% 100%,100% 100%,cover; background-repeat: no-repeat; transform: scaleX(-1); animation: hero-light-breathe 13s ease-in-out infinite alternate; }
.c-hero::after { position: absolute; z-index: 1; inset-block-start: 50%; inset-inline-end: -8%; width: min(76vw,900px); aspect-ratio: 1; border-radius: 50%; background: conic-gradient(from 0deg at 50% 50%,transparent 0deg 235deg,rgba(41,151,255,.02) 250deg,rgba(165,243,41,.17) 276deg,rgba(41,151,255,.07) 291deg,transparent 315deg 360deg); -webkit-mask-image: radial-gradient(circle,transparent 0 28%,#000 37% 61%,transparent 73%); mask-image: radial-gradient(circle,transparent 0 28%,#000 37% 61%,transparent 73%); content: ""; pointer-events: none; transform: translateY(-50%); animation: hero-signal-orbit 64s linear infinite; }
.c-hero__grid { z-index: 1; opacity: .16; background-image: linear-gradient(rgba(155,190,221,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(155,190,221,.07) 1px,transparent 1px),radial-gradient(circle,rgba(173,206,237,.2) .7px,transparent 1px); background-size: 78px 78px,78px 78px,11px 11px; mask-image: radial-gradient(ellipse at 68% 49%,#000 0%,transparent 67%); }
.c-hero__glow { z-index: 1; }
.c-hero__glow--one { width: 340px; height: 340px; background: radial-gradient(circle,rgba(20,121,255,.19),rgba(20,121,255,.035) 42%,transparent 72%); animation: hero-glow-drift 11s ease-in-out infinite alternate; }
.c-hero__glow--two { width: 520px; height: 520px; background: radial-gradient(circle,rgba(165,243,41,.09),rgba(165,243,41,.02) 40%,transparent 70%); animation: hero-glow-drift 15s -4s ease-in-out infinite alternate-reverse; }
.c-hero__layout,.c-hero__bottom { position: relative; z-index: 2; }
.c-hero__visual { z-index: 0; }
.c-hero__visual::before { position: absolute; z-index: 0; width: min(90%,430px); aspect-ratio: 1; border: 1px solid rgba(101,176,238,.13); border-radius: 50%; background: repeating-radial-gradient(circle,transparent 0 51px,rgba(139,189,232,.09) 52px 53px,transparent 54px 86px); box-shadow: 0 0 85px rgba(21,112,196,.1),inset 0 0 70px rgba(16,105,181,.06); content: ""; animation: hero-ring-breathe 8s ease-in-out infinite; }
.c-hero__visual::after { position: absolute; z-index: 0; inset-block-start: 19%; inset-inline-end: 18%; width: 8px; height: 8px; border-radius: 50%; background: #a5f329; box-shadow: 0 0 0 6px rgba(165,243,41,.08),0 0 22px rgba(165,243,41,.75); content: ""; animation: hero-node-pulse 3.8s ease-in-out infinite; }
.c-hero__visual { animation: hero-visual-arrive .8s .12s cubic-bezier(.2,.7,.2,1) both; }
.c-hero-card { position: relative; overflow: hidden; border: 1px solid rgba(234,246,255,.48); background: rgba(8,20,34,.2); box-shadow: 0 20px 60px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.24),inset 0 -1px 0 rgba(161,206,245,.09); backdrop-filter: blur(13px) saturate(1.42); -webkit-backdrop-filter: blur(13px) saturate(1.42); transform: perspective(1100px) rotateX(0) rotateY(0); transform-style: preserve-3d; transition: transform .35s cubic-bezier(.2,.7,.2,1),border-color .3s ease,box-shadow .3s ease,background-color .3s ease; animation: hero-card-float 8s 1s ease-in-out infinite; }
.c-hero-card::before { position: absolute; z-index: 0; inset: 0; border-radius: inherit; background: linear-gradient(145deg,rgba(255,255,255,.19),transparent 28%,rgba(89,166,236,.045) 68%,rgba(255,255,255,.08)); content: ""; pointer-events: none; }
.c-hero-card::after { position: absolute; z-index: 2; inset-block: -55%; inset-inline-start: -90%; width: 46%; background: linear-gradient(90deg,transparent,rgba(237,248,255,.2),rgba(205,234,255,.06),transparent); content: ""; pointer-events: none; transform: rotate(18deg); animation: glass-card-sheen 7s 1.5s ease-in-out infinite; }
.c-hero-card > * { position: relative; z-index: 1; }
.c-hero-card:hover,.c-hero-card:focus-within { transform: perspective(1100px) rotateX(2deg) rotateY(-2deg) translateY(-4px); border-color: rgba(231,250,255,.78); background-color: rgba(12,29,48,.28); box-shadow: 0 28px 76px rgba(0,0,0,.29),0 0 38px rgba(56,151,236,.13),inset 0 1px 0 rgba(255,255,255,.35); }
.c-hero-card:active { transform: perspective(1100px) rotateX(0) rotateY(0) translateY(-1px) scale(.99); }
.c-hero-card__top { flex-wrap: wrap; gap: .55rem 1rem; }
.c-hero-card__top > span:first-child { color: #f1f7fd; text-shadow: 0 1px 12px rgba(0,0,0,.3); }
.c-hero-card__caption,.c-hero-card__bottom,.c-hero-card__top,.c-hero-card__scale-labels { text-shadow: 0 1px 10px rgba(0,0,0,.45); }
.c-hero-card__scale-track::after { position: absolute; inset-block: 0; inset-inline-start: -35%; width: 24%; border-radius: inherit; background: linear-gradient(90deg,transparent,rgba(232,255,184,.75),transparent); content: ""; animation: hero-track-glint 4.6s 1.2s ease-in-out infinite; }
.c-country-marquee { position: relative; z-index: 2; overflow: hidden; border-block: 1px solid rgba(161,189,218,.13); background: linear-gradient(90deg,#0a1725,#0d1d2e 50%,#0a1725); }
.c-country-marquee__layout { display: grid; grid-template-columns: auto minmax(0,1fr); align-items: center; column-gap: 1.2rem; min-height: 76px; padding-block: .65rem; }
.c-country-marquee__label { display: flex; align-items: center; gap: .55rem; white-space: nowrap; }
.c-country-marquee__label h2 { margin: 0; color: #e5edf5; font-size: .79rem; font-weight: 800; }
.c-country-marquee__label > span:last-child { padding: .16rem .42rem; border: 1px solid rgba(165,243,41,.2); border-radius: 999px; color: #b5e96c; font: 700 .58rem/1.5 Arial,sans-serif; }
.c-country-marquee__pulse { width: 7px; height: 7px; border-radius: 50%; background: #a5f329; box-shadow: 0 0 0 4px rgba(165,243,41,.09); animation: ticker-live-pulse 2s ease-in-out infinite; }
.c-country-marquee__viewport { overflow: hidden; direction: ltr; mask-image: linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent); }
.c-country-marquee__track { display: flex; width: max-content; direction: ltr; animation: arab-countries-scroll 72s linear infinite; }
.c-country-marquee__viewport:hover .c-country-marquee__track,.c-country-marquee__viewport:focus-within .c-country-marquee__track { animation-play-state: paused; }
.c-country-marquee__group { display: flex; flex: 0 0 auto; align-items: center; gap: .55rem; margin: 0; padding: 0 .3rem; list-style: none; direction: rtl; }
.c-country-marquee__group li { display: flex; flex: 0 0 auto; align-items: center; gap: .48rem; min-height: 36px; padding: .3rem .72rem; border: 1px solid rgba(153,183,211,.11); border-radius: 999px; background: rgba(18,39,60,.74); color: #c6d3e0; font-size: .7rem; white-space: nowrap; transition: border-color .2s ease,background-color .2s ease,color .2s ease; }
.c-country-marquee__group li:hover { border-color: rgba(165,243,41,.34); background: rgba(38,64,54,.7); color: #eef8dd; }
.c-country-marquee__flag { display: block; flex: 0 0 auto; width: 27px; height: 18px; overflow: hidden; border-radius: 3px; background: #17283a; box-shadow: 0 1px 4px rgba(0,0,0,.24); }
.c-country-marquee__note { grid-column: 2; margin: .18rem 0 0; color: #8295aa; font-size: .62rem; line-height: 1.65; }
@keyframes hero-signal-orbit { from { transform: translateY(-50%) rotate(0deg); } to { transform: translateY(-50%) rotate(360deg); } }
@keyframes hero-light-breathe { from { filter: saturate(.86); background-position: 0 0; } to { filter: saturate(1.14); background-position: 1.5% -1%; } }
@keyframes hero-glow-drift { from { transform: translate3d(-9px,5px,0) scale(.94); opacity: .68; } to { transform: translate3d(15px,-12px,0) scale(1.08); opacity: 1; } }
@keyframes hero-ring-breathe { 0%,100% { transform: scale(.97); opacity: .58; } 50% { transform: scale(1.025); opacity: .94; } }
@keyframes hero-node-pulse { 0%,100% { box-shadow: 0 0 0 5px rgba(165,243,41,.06),0 0 14px rgba(165,243,41,.45); } 50% { box-shadow: 0 0 0 11px rgba(165,243,41,.035),0 0 26px rgba(165,243,41,.85); } }
@keyframes hero-card-float { 0%,100% { translate: 0 0; } 50% { translate: 0 -7px; } }
@keyframes hero-visual-arrive { from { opacity: 0; translate: 0 12px; } to { opacity: 1; translate: 0 0; } }
@keyframes glass-card-sheen { 0%,35% { inset-inline-start: -90%; opacity: 0; } 48% { opacity: .9; } 70%,100% { inset-inline-start: 140%; opacity: 0; } }
@keyframes hero-track-glint { 0%,38% { inset-inline-start: -35%; opacity: 0; } 49% { opacity: .9; } 62%,100% { inset-inline-start: 112%; opacity: 0; } }
@keyframes ticker-live-pulse { 0%,100% { box-shadow: 0 0 0 3px rgba(165,243,41,.08); } 50% { box-shadow: 0 0 0 7px rgba(165,243,41,.025); } }
@keyframes arab-countries-scroll { to { transform: translateX(-50%); } }
@media (max-width: 800px) {
  .c-hero::before { background-image: linear-gradient(180deg,rgba(5,13,24,.44),rgba(5,13,24,.67) 52%,rgba(5,13,24,.89)),url("/assets/images/affiliate-hero.webp"); background-position: center,60% center; background-size: 100% 100%,cover; }
  .c-hero::after { inset-inline-end: -42%; width: 115vw; opacity: .65; }
  .c-hero__visual::before { width: min(84vw,340px); }
  .c-hero__visual::after { inset-inline-end: 22%; }
  .c-country-marquee__layout { grid-template-columns: 1fr; row-gap: .45rem; padding-block: .8rem; }
  .c-country-marquee__label { padding-inline: .1rem; }
  .c-country-marquee__note { grid-column: 1; }
  .c-country-marquee__group { gap: .4rem; }
  .c-country-marquee__group li { min-height: 33px; padding-inline: .62rem; font-size: .66rem; }
}
@media (prefers-reduced-motion: reduce) {
  .c-hero::before,.c-hero::after,.c-hero__glow,.c-hero__visual,.c-hero__visual::before,.c-hero__visual::after,.c-hero-card,.c-hero-card::after,.c-hero-card__scale-track::after,.c-country-marquee__pulse { animation: none !important; }
  .c-country-marquee__track { animation: none; }
  .c-country-marquee__viewport { overflow-x: auto; }
}