/* generated by scripts/seo.mjs from src/v3.css, do not edit */
:root {
  --acc: #12805C; --acc-d: #0D6648; --new: #F5B700; --mute: #5B6964; --soft: #F3F6F5; --red: #C8322B; --band: #0E1A16;
  --r: 16px;
  --sh: 0 1px 2px rgba(14,26,22,.06), 0 8px 24px rgba(14,26,22,.07);
  --sh-h: 0 2px 4px rgba(14,26,22,.08), 0 16px 40px rgba(14,26,22,.12);
  --body: "IBM Plex Sans Arabic", "IBM Plex Sans", sans-serif;
  --head: "Alexandria", "IBM Plex Sans Arabic", sans-serif;
}
html[lang="fr"] { --body: "IBM Plex Sans", "IBM Plex Sans Arabic", sans-serif; --head: "IBM Plex Sans", "IBM Plex Sans Arabic", sans-serif; }
.v3 .v3-home, .v3 .v3-hdr, .v3 .v3-ftr { color: var(--ink); font-family: var(--body); font-size: 16px; line-height: 1.75; -webkit-font-smoothing: antialiased; }
.v3.fr .v3-home, .v3.fr .v3-hdr, .v3.fr .v3-ftr { line-height: 1.6; }
.v3 :is(.v3-home, .v3-hdr, .v3-ftr) * { box-sizing: border-box; margin: 0; padding: 0; }
html .v3 :where(.v3-home, .v3-hdr, .v3-ftr) a { color: inherit; text-decoration: none; }
html .v3 :where(.v3-home, .v3-hdr, .v3-ftr) button { font: inherit; cursor: pointer; border: 0; background: none; color: inherit; }
html .v3 :where(.v3-home, .v3-hdr, .v3-ftr) :is(h1, h2, h3) { font-family: var(--head); font-weight: 700; line-height: 1.25; letter-spacing: 0; text-wrap: wrap; }
html .v3 :where(.v3-home, .v3-hdr, .v3-ftr) h1 { font-size: 40px; }
html .v3 :where(.v3-home, .v3-hdr, .v3-ftr) h2 { font-size: 30px; }
html .v3 :where(.v3-home, .v3-hdr, .v3-ftr) h3 { font-size: 20px; font-weight: 600; }
html .v3 :where(.v3-home, .v3-hdr, .v3-ftr) h4 { font-family: var(--body); font-weight: 600; line-height: 1.4; text-wrap: wrap; }
@media (min-width: 900px) {
html .v3 :where(.v3-home, .v3-hdr, .v3-ftr) h1 { font-size: 64px; line-height: 1.15; }
html .v3 :where(.v3-home, .v3-hdr, .v3-ftr) h2 { font-size: 44px; }
}
.v3 .v3-wrap { max-width: 1200px; margin: 0 auto; padding: 0 20px; }
@media (min-width: 900px) {
.v3 .v3-wrap { padding: 0 40px; }
}
.v3.fr .v3-prog { transform-origin: left; }
.v3 .v3-btn {display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:52px;padding:0 24px;border-radius:12px;background:var(--acc);color:#fff;font-weight:600;font-size:17px;transition:background .15s var(--ease),transform .15s var(--ease)!important}
.v3 .v3-btn:hover {background:var(--acc-d)}
.v3 .v3-btn:active {transform:scale(.97)}
.v3 .v3-btn.v3-ghost {background:transparent;color:var(--ink);border:1px solid var(--line)}
.v3 .v3-dark .v3-btn.v3-ghost {color:#fff;border-color:#2C3D37}
.v3 .v3-btn svg {width:18px;height:18px}
.v3:not(.fr) .v3-btn svg.v3-arr {transform:scaleX(-1)}
.v3 .v3-hdr {position:sticky;top:0;z-index:50;background:rgba(255,255,255,.92);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.v3 .v3-hdr .v3-wrap {display:flex;align-items:center;gap:16px;height:64px}
.v3 .v3-logo {display:flex;align-items:center;gap:10px;font-family:"IBM Plex Sans",sans-serif;font-weight:600;font-size:19px;direction:ltr}
.v3 .v3-logo svg {width:30px;height:30px}
.v3 .v3-hsp {flex:1}
.v3 .v3-lang {display:flex;border:1px solid var(--line);border-radius:10px;overflow:hidden;font-size:14px;font-weight:600}
.v3 .v3-lang button {padding:6px 12px;color:var(--mute)}
.v3 .v3-lang button[aria-pressed=true] {background:var(--ink);color:#fff}
.v3 .v3-login {font-size:15px;font-weight:500;color:var(--mute)}
.v3 .v3-login:hover {color:var(--ink)}
.v3 .v3-hdr .v3-btn {min-height:42px;padding:0 18px;font-size:15px}
@media(max-width:640px) {
.v3 .v3-hdr .v3-btn,.v3 .v3-login {display:none}
}
.v3 .v3-hero .v3-wrap {display:grid;gap:32px}
@media(min-width:960px) {
.v3 .v3-hero .v3-wrap {grid-template-columns:1.05fr 1fr;gap:56px;align-items:center}
}
.v3 .v3-plan .v3-btn {margin-top:auto;width:100%}
.v3 .v3-sticky .v3-btn {flex:1;min-height:48px}
.v3 .v3-pz {width:34px;height:34px;border-radius:10px;border:1px solid var(--line);display:grid;place-items:center;color:var(--mute);flex:none}
.v3 .v3-pz:hover {color:var(--ink)}
.v3 .v3-pz svg {width:14px;height:14px}
.v3 .v3-logo { display: inline-flex; align-items: center; text-decoration: none; }
.v3 .v3-pz { width: 34px; height: 34px; border-radius: 10px; border: 1px solid var(--line); display: grid; place-items: center; color: var(--mute); flex: none; }
.v3 .v3-pz:hover { color: var(--ink); }
.v3 .v3-pz svg { width: 14px; height: 14px; }
.v3 .v3-hdr .v3-btn.v3-hme { display: inline-flex; }
@media (max-width: 640px) {
.v3 .v3-hdr .v3-wrap { gap: 10px; }
.v3 .v3-hdr .v3-btn.v3-hme { padding: 0 12px; }
.v3 .v3-hdr .v3-logo .logo-words [lang="fr"], .v3 .v3-hdr .v3-logo .logo-words [lang="ar"] { font-size: 15px; }
}
.v3 .v3-ftr { border-top: 1px solid #24362F; background: var(--band); color: #8FA39B; font-size: 14px; padding: 48px 0 164px; }
@media (min-width: 900px) {
.v3 .v3-ftr { padding-bottom: 40px; }
}
.v3 .v3-fgrid { display: grid; gap: 32px; grid-template-columns: minmax(0, 1fr); }
@media (min-width: 760px) {
.v3 .v3-fgrid { grid-template-columns: minmax(0, 1.4fr) repeat(3, minmax(0, 1fr)); }
}
.v3 .v3-ftr h2 { font-family: var(--body); font-size: 14px; font-weight: 600; color: #fff; margin-bottom: 10px; line-height: 1.5; }
.v3 .v3-ftr ul { list-style: none; display: grid; gap: 4px; }
.v3 .v3-ftr li a { display: inline-block; padding: 4px 0; }
.v3 .v3-ftr a { color: #CFE0D9; }
.v3 .v3-ftr a:hover { color: #fff; text-decoration: underline; text-underline-offset: 4px; }
.v3 .v3-ftr p { margin-top: 12px; max-width: 36em; }
.v3 .v3-ftr .logo, .v3 .v3-ftr .logo-words { color: #fff; }
.v3 .v3-fbase { margin-top: 40px; padding-top: 16px; border-top: 1px solid #24362F; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 12px; }
.v3 .v3-tools { display: flex; gap: 8px; flex-wrap: wrap; }
.v3 .v3-tool { display: inline-flex; align-items: center; gap: 8px; min-height: 40px; padding: 0 14px; border: 1px solid #2C3D37; border-radius: 10px; color: #CFE0D9; font-size: 14px; font-weight: 500; }
.v3 .v3-tool:hover { color: #fff; border-color: #4A5E56; }
.v3 .v3-tool svg { width: 16px; height: 16px; }
.v3 .v3-dark .v3-plan .v3-btn.v3-ghost { color: var(--ink); border-color: var(--line); }
.v3 .v3-lang, .v3 .v3-lang button, .v3 .v3-hme, .v3 .v3-login { white-space: nowrap; flex-shrink: 0; }
@media (max-width: 420px) {
.v3 .v3-hdr .v3-wrap { gap: 6px; }
.v3 .v3-hdr .v3-logo { min-width: 0; flex-shrink: 1; overflow: hidden; }
.v3 .v3-hdr .v3-btn.v3-hme { padding: 0 10px; font-size: 13px; min-height: 38px; }
.v3 .v3-lang button { padding-inline: 8px; }
}

/* logo (styles.css / unslop.css values the SPA header gets) */
.v3 .logo{display:inline-flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink)}
.v3 .logo-words{display:grid;font-family:"Readex Pro","IBM Plex Sans Arabic",sans-serif;font-weight:500;line-height:1.05;color:var(--ink)}
.v3 .logo-words [lang="fr"]{font-size:19px;letter-spacing:-.01em}.v3 .logo-words [lang="ar"]{font-size:19px;line-height:1.15}
@media(max-width:640px){.v3 .logo-words{font-size:15px}}
.v3 .v3-lang a{display:block;padding:6px 12px;color:var(--mute);text-decoration:none}
.v3 .v3-lang a[aria-current="true"]{background:var(--ink);color:#fff}
.v3 .v3-pz .pz-play,.v3 .v3-pz[aria-pressed="true"] .pz-pause{display:none}.v3 .v3-pz[aria-pressed="true"] .pz-play{display:block}
.v3 .v3-tool[data-pz] .pz-play{display:none}.v3 .v3-tool[data-pz][aria-pressed="true"] .pz-play{display:inline}.v3 .v3-tool[data-pz][aria-pressed="true"] .pz-pause{display:none}
.v3 .v3-tool[data-pz] .pz-on{display:inline}.v3 .v3-tool[data-pz][aria-pressed="true"] .pz-on{display:none}.v3 .v3-tool[data-pz] .pz-off{display:none}.v3 .v3-tool[data-pz][aria-pressed="true"] .pz-off{display:inline}
.v3 .v3-ftr a.v3-tool{text-decoration:none}
/* the internal links Google follows (every list, every region, every type) stay under the home footer grid */
.v3 .v3-fseo{margin-top:28px;padding-top:20px;border-top:1px solid #24362F;display:grid;gap:6px}
.v3 .v3-fseo p{margin:0;max-width:none;display:flex;flex-wrap:wrap;gap:2px 14px;align-items:baseline}
.v3 .v3-fseo strong{color:#fff;font-weight:600}
.v3 .v3-fseo a{padding:2px 0}
.v3 .v3-fseo+.v3-fbase{margin-top:24px}