@font-face{font-family: "El Messiri";font-style: normal;font-weight: 500;font-display: swap;src: url("/assets/fonts/el-messiri-500-arabic.woff2") format("woff2");unicode-range: U+0600-06FF, U+0750-077F, U+0870-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC7, U+10EC9-10EEE, U+10EF0-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1}@font-face{font-family: "El Messiri";font-style: normal;font-weight: 500;font-display: swap;src: url("/assets/fonts/el-messiri-500-latin.woff2") format("woff2");unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}@font-face{font-family: "IBM Plex Sans Arabic";font-style: normal;font-weight: 400;font-display: swap;src: url("/assets/fonts/ibm-plex-sans-arabic-400-arabic.woff2") format("woff2");unicode-range: U+0600-06FF, U+0750-077F, U+0870-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC7, U+10EC9-10EEE, U+10EF0-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1}@font-face{font-family: "IBM Plex Sans Arabic";font-style: normal;font-weight: 400;font-display: swap;src: url("/assets/fonts/ibm-plex-sans-arabic-400-latin.woff2") format("woff2");unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}@font-face{font-family: "IBM Plex Sans Arabic";font-style: normal;font-weight: 500;font-display: swap;src: url("/assets/fonts/ibm-plex-sans-arabic-500-arabic.woff2") format("woff2");unicode-range: U+0600-06FF, U+0750-077F, U+0870-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC7, U+10EC9-10EEE, U+10EF0-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1}@font-face{font-family: "IBM Plex Sans Arabic";font-style: normal;font-weight: 500;font-display: swap;src: url("/assets/fonts/ibm-plex-sans-arabic-500-latin.woff2") format("woff2");unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}@font-face{font-family: "IBM Plex Sans Arabic";font-style: normal;font-weight: 600;font-display: swap;src: url("/assets/fonts/ibm-plex-sans-arabic-600-arabic.woff2") format("woff2");unicode-range: U+0600-06FF, U+0750-077F, U+0870-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC7, U+10EC9-10EEE, U+10EF0-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1}@font-face{font-family: "IBM Plex Sans Arabic";font-style: normal;font-weight: 600;font-display: swap;src: url("/assets/fonts/ibm-plex-sans-arabic-600-latin.woff2") format("woff2");unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}@font-face{font-family: "Readex Pro";font-style: normal;font-weight: 400 700;font-display: swap;src: url("/assets/fonts/readex-pro-arabic.woff2") format("woff2");unicode-range: U+0600-06FF, U+0750-077F, U+0870-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC7, U+10EC9-10EEE, U+10EF0-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1}@font-face{font-family: "Readex Pro";font-style: normal;font-weight: 400 700;font-display: swap;src: url("/assets/fonts/readex-pro-latin.woff2") format("woff2");unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
:root{--background: #ffffff;--foreground: #1a2c44;--card: #ffffff;--card-foreground: #1a2c44;--popover: #ffffff;--popover-foreground: #1a2c44;--primary: #533afd;--primary-active: #44139f;--primary-foreground: #ffffff;--secondary: #ffffff;--secondary-foreground: #3c4f69;--muted: #f4f7fa;--muted-foreground: #5c6b86;--muted-on-pattern: #45536c;--accent: #f4f2fd;--accent-foreground: #533afd;--destructive: #e61947;--border: #d4dee9;--scroll-thumb: #d4dee9;--input: #d4dee9;--ring: #533afd;--radius: 8px;--radius-ui: 8px;--sidebar: #ffffff;--sidebar-foreground: #3c4f69;--sidebar-primary: #533afd;--sidebar-primary-foreground: #ffffff;--sidebar-accent: #f4f2fd;--sidebar-accent-foreground: #533afd;--sidebar-border: #d4dee9;--sidebar-ring: #0196ed;--font-sans: -apple-system, BlinkMacSystemFont, var(--font-arabic), system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono: "Source Code Pro", Menlo, Monaco, monospace;--font-display: var(--font-display-face), "Noto Naskh Arabic", Georgia, serif;--font-arabic-face: var(--font-arabic);--auth-glass: rgb(255 255 255 / 0.6);--auth-glass-edge: rgb(255 255 255 / 0.3);--auth-ink: #1a1a2e;--auth-ring: #332665;--auth-ink-muted: #33384b;--paper: #fdfcf7;--border-strong: #85858b;--done: #fb923c;--done-bg: rgb(253 186 116 / 0.25);--done-foreground: #1a2c44;--done-ink: #c2410c;--star: #e9a800;--cta-ground: #dfdbe5;--cover-navy: #10182a;--cover-deep: #0b0620;--cover-light: #ffffff;--cover-foreground: #ffffff;--cover-foreground-soft: color-mix(in srgb, var(--cover-foreground) 80%, transparent);--marker-stroke: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 40' preserveAspectRatio='none'><path fill='%23fdfcf7' fill-opacity='.92' d='M4 9c30-4 62-5 96-5 32 0 64 1 96 4 3 1 4 5 2 8-1 7 0 13-2 19-33 2-66 2-99 2-31 0-63 0-94-2-3-6-3-13-2-19-1-3 0-6 3-7z'/></svg>");--correct-bg: #e7f8f1;--correct-line: #1e9e6a;--correct-ink: #0f7a50;--incorrect-bg: #fdf3e0;--warn: #f97316;--warn-ink: #b35310;--scrim: rgba(10, 16, 30, 0.3);--scrim-soft: rgba(10, 16, 30, 0.1);--shadow-xs: 0px 1px 1px 0px rgba(16, 17, 26, 0.16);--shadow-sm: 0px 1px 1px 0px rgba(1, 28, 58, 0.16);--shadow-md: 0px 3px 6px 0px rgba(0, 0, 0, 0.12), 0px 7px 14px 0px rgba(48, 49, 61, 0.08);--shadow-lg: 0px 5px 15px 0px rgba(0, 0, 0, 0.12), 0px 15px 35px 0px rgba(48, 49, 61, 0.08);--shadow-xl: 0px 5px 15px 0px rgba(0, 0, 0, 0.12), 0px 15px 35px 0px rgba(48, 49, 61, 0.08), 0px 50px 100px 0px rgba(48, 49, 61, 0.08);--shadow-float: 0 2px 6px rgba(16, 24, 42, 0.06), 0 32px 64px -16px rgba(16, 24, 42, 0.24);--fmt-pdf: #c9302a;--fmt-doc: #2b59d1;--fmt-xls: #19743f;--fmt-ppt: #c04a16;--fmt-ink: #ffffff;--control-nav-row-height: 44px;--control-search-height: 36.5px;--control-icon-height: 32px;--control-primary-height: 30px;--motion-fast: 0.1s;--motion-ui: 0.15s;--motion-hover: 0.3s;--ease-standard: cubic-bezier(0, 0, 0.4, 1);--ease-exit: cubic-bezier(0.4, 0, 1, 1)}[lang="ar"]{--font-sans: var(--font-arabic), -apple-system, system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;font-family: var(--font-sans)}[data-theme="dark"]{--scrim: rgba(0, 0, 0, 0.6);--scrim-soft: rgba(0, 0, 0, 0.4);--shadow-xs: 0 0 0 1px rgba(255, 255, 255, 0.05), 0px 1px 1px 0px rgba(0, 0, 0, 0.5);--shadow-sm: 0 0 0 1px rgba(255, 255, 255, 0.06), 0px 1px 2px 0px rgba(0, 0, 0, 0.5);--shadow-md: 0 0 0 1px rgba(255, 255, 255, 0.07), 0px 3px 6px 0px rgba(0, 0, 0, 0.5);--shadow-lg: 0 0 0 1px rgba(255, 255, 255, 0.08), 0px 5px 15px 0px rgba(0, 0, 0, 0.55);--shadow-xl: 0 0 0 1px rgba(255, 255, 255, 0.09), 0px 8px 24px 0px rgba(0, 0, 0, 0.6);--shadow-float: 0 0 0 1px rgba(255, 255, 255, 0.08), 0 32px 64px -16px rgba(0, 0, 0, 0.8);--fmt-pdf: #f0625a;--fmt-doc: #6f94f5;--fmt-xls: #3fb573;--fmt-ppt: #f0834f;--fmt-ink: #0b0b0c;color-scheme: dark;--background: #020202;--foreground: #f1f5f9;--card: #050505;--card-foreground: #f1f5f9;--popover: #050505;--popover-foreground: #f1f5f9;--primary: #a6b1fc;--primary-active: #7079c0;--primary-foreground: #10182a;--secondary: #0a0a0a;--secondary-foreground: #b7b7b7;--muted: #111111;--muted-foreground: #929292;--muted-on-pattern: #ababab;--accent: #282b3b;--accent-foreground: #c5cefe;--destructive: #e61947;--border: rgba(255, 255, 255, 0.14);--scroll-thumb: #2e2e2e;--input: rgba(255, 255, 255, 0.22);--ring: #a6b1fc;--sidebar: #050505;--sidebar-foreground: #b7b7b7;--sidebar-primary: #a6b1fc;--sidebar-primary-foreground: #10182a;--sidebar-accent: #282b3b;--sidebar-accent-foreground: #c5cefe;--sidebar-border: rgba(255, 255, 255, 0.14);--sidebar-ring: #a6b1fc;--paper: #070707;--border-strong: #727272;--done: #fb923c;--done-bg: rgb(251 146 60 / 0.2);--done-foreground: #1a2c44;--done-ink: #eaa862;--star: #f2c14e;--cta-ground: #1e1e1e;--cover-navy: #10182a;--cover-deep: #0b0620;--cover-light: #ffffff;--cover-foreground: #ffffff;--marker-stroke: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 40' preserveAspectRatio='none'><path fill='%23020202' fill-opacity='.92' d='M4 9c30-4 62-5 96-5 32 0 64 1 96 4 3 1 4 5 2 8-1 7 0 13-2 19-33 2-66 2-99 2-31 0-63 0-94-2-3-6-3-13-2-19-1-3 0-6 3-7z'/></svg>");--correct-bg: #0f2a20;--correct-line: #2fbf85;--correct-ink: #7fe0b8;--incorrect-bg: #33230e;--warn: #f97316;--warn-ink: #f5b27a}:root{--font-arabic: "IBM Plex Sans Arabic";--font-display-face: "El Messiri"}
:root{--primary: #332665;--primary-active: #241a4a;--accent: #f2f0f8;--accent-foreground: #332665;--ring: #332665;--sidebar-primary: #332665;--sidebar-ring: #332665;--sidebar-accent: #f2f0f8;--sidebar-accent-foreground: #332665;color-scheme: light}
:root{--sec: 112px;--head: 56px;--gap: 32px;--row: 56px;--tie: 12px;--lead: 12px;--col: 64px;--pad: 48px;--bar-h: 68px}@media (max-width: 1199px){:root{--pad: 32px}}@media (max-width: 767px){:root{--sec: 80px;--head: 36px;--gap: 20px;--row: 32px;--tie: 8px;--lead: 8px;--col: 32px;--pad: 20px;--bar-h: 60px}}.wrap{inline-size: 100%;max-inline-size: 1280px;margin-inline: auto;padding-inline: var(--pad)}.grid{display: grid;grid-template-columns: repeat(12, minmax(0, 1fr));column-gap: var(--gap)}.span-4{grid-column: span 4}.span-5{grid-column: span 5}.span-6{grid-column: span 6}.span-7{grid-column: span 7}.span-8{grid-column: span 8}.span-12{grid-column: 1 / -1}@media (max-width: 767px){.grid{grid-template-columns: minmax(0, 1fr)}.grid > [class*="span-"]{grid-column: 1 / -1}}*, *::before, *::after{box-sizing: border-box}html{background: var(--background);color: var(--foreground);font-family: var(--font-sans);-webkit-font-smoothing: antialiased;text-rendering: optimizeLegibility;overflow-x: clip;scroll-padding-block-start: calc(var(--bar-h) + 24px);-webkit-text-size-adjust: 100%}@media (prefers-reduced-motion: no-preference){html{scroll-behavior: smooth}}body{margin: 0;font-size: 17px;line-height: 1.7;background: var(--background);overflow-x: clip}h1, h2, h3, h4, p, ul, ol, dl, dd, figure, blockquote{margin: 0;padding: 0}h1, h2, h3, h4{font-weight: inherit}[hidden]{display: none !important}ul, ol{list-style: none}img, svg{display: block;max-inline-size: 100%}a{color: inherit;text-decoration: none}button{font: inherit;color: inherit;background: none;border: 0;padding: 0;cursor: pointer}bdi{unicode-bidi: isolate}::selection{background: color-mix(in srgb, var(--primary) 18%, transparent);color: var(--foreground)}:focus{outline: none}:focus-visible{outline: 2px solid var(--ring);outline-offset: 3px;border-radius: 6px}*{scrollbar-width: thin;scrollbar-color: var(--scroll-thumb) transparent}::-webkit-scrollbar{inline-size: 10px;block-size: 10px}::-webkit-scrollbar-thumb{background: var(--scroll-thumb);border-radius: 10px;border: 3px solid transparent;background-clip: padding-box}input, textarea, [contenteditable]{caret-color: var(--primary)}.nw{white-space: nowrap}.sr{position: absolute;inline-size: 1px;block-size: 1px;overflow: hidden;clip-path: inset(50%);white-space: nowrap}.skip:focus-visible{position: fixed;inset-block-start: 12px;inset-inline-start: 12px;z-index: 60;inline-size: auto;block-size: auto;clip-path: none;padding: 10px 16px;background: var(--background);color: var(--foreground);border-radius: var(--radius-ui);box-shadow: var(--shadow-md)}.t-h1, .t-h2, .t-h3{font-family: var(--font-display);font-weight: 500;text-wrap: balance}.t-h1{font-size: 64px;line-height: 1.12}.t-h2{font-size: 48px;line-height: 1.15}.t-h3{font-size: 26px;line-height: 1.25}.t-lead{font-size: 20px;line-height: 1.65;text-wrap: pretty}.t-body{font-size: 17px;line-height: 1.7}.t-label{font-size: 14px;line-height: 1.5}.t-strong{font-weight: 600}@font-face{font-family: "ZX Seps";src: url("/assets/fonts/zx-seps.woff2") format("woff2");font-weight: 400 700;font-display: swap;unicode-range: U+066B-066C}.num, .fig{font-family: "ZX Seps", var(--font-arabic), var(--font-sans);font-weight: 600;font-variant-numeric: tabular-nums;letter-spacing: 0}:is(.t-h1, .t-h2, .t-h3, .sec-title, .box-title) .num{font-size: 0.9em}.fig{font-size: 64px;line-height: 1;color: var(--primary)}@media (max-width: 767px){.t-h1{font-size: 32px;line-height: 1.2}.t-h2{font-size: 34px;line-height: 1.2}.t-h3{font-size: 24px}.t-lead{font-size: 18px}.t-body, body{font-size: 16px}.fig{font-size: 40px}}.band{--ground: var(--background);--ink: var(--foreground);--ink-mute: var(--muted-foreground);--rule: var(--border);--when: var(--done-ink);--link: var(--primary);position: relative;padding-block: var(--sec);background: var(--ground);color: var(--ink)}.g-white{--ground: var(--background)}.g-tint{--ground: var(--accent)}.g-muted{--ground: var(--muted)}.mute{color: var(--ink-mute, var(--muted-foreground))}.date{color: var(--when, var(--done-ink));font-weight: 600}.i{inline-size: 20px;block-size: 20px;flex: none;fill: none;stroke: currentColor;stroke-width: 1.6;stroke-linecap: round;stroke-linejoin: round}.i-sm{inline-size: 16px;block-size: 16px}[dir="rtl"] .i-dir{transform: scaleX(-1)}.btn{display: inline-flex;align-items: center;justify-content: center;gap: 10px;block-size: 48px;padding-inline: 24px;border-radius: var(--radius-ui);font-size: 16px;font-weight: 600;line-height: 1;white-space: nowrap}.btn-primary{background: var(--primary);color: var(--primary-foreground)}.btn-primary:active{background: var(--primary-active)}.btn-lg{block-size: 52px;padding-inline: 28px}.btn-sm{block-size: 40px;padding-inline: 16px;font-size: 14px}.btn-block{inline-size: 100%}.btn-round{display: inline-grid;place-items: center;flex: none;inline-size: 44px;block-size: 44px;border-radius: 50%;border: 1px solid var(--border-strong);color: var(--foreground);background: var(--background);transition: border-color 240ms var(--ease-out), color 240ms var(--ease-out)}@media (hover: hover){.btn-round:hover{border-color: var(--foreground)}}.btn-round:active{background: var(--muted)}.btn-round[aria-disabled="true"]{border-color: var(--border);color: var(--border-strong);cursor: default}.btn-round:focus-visible{border-radius: 50%}.link{color: var(--link, var(--primary));font-weight: 600;text-decoration: underline;text-underline-offset: 0.22em;text-decoration-thickness: 1px;text-decoration-color: color-mix(in srgb, currentColor 45%, transparent);transition: text-decoration-color 240ms var(--ease-out)}.link:is(:hover, :focus-visible){text-decoration-color: currentColor}.link-line{display: inline-flex;align-items: center;gap: 8px;min-block-size: 44px}.link-line .i{inline-size: 18px;block-size: 18px}.sec-head{margin-block-end: var(--head);max-inline-size: 779px}.sec-title{font-family: var(--font-display);font-weight: 500;font-size: 48px;line-height: 1.15;text-wrap: balance}.sec-lead{margin-block-start: var(--lead);font-size: 20px;line-height: 1.65;color: var(--ink-mute);max-inline-size: 52ch;text-wrap: pretty}.sec-head.is-center, .is-center{text-align: center}.sec-head.is-center{margin-inline: auto}.is-center .sec-lead{margin-inline: auto}.sec-quiet{font-family: var(--font-arabic), var(--font-sans);font-size: 20px;font-weight: 600;line-height: 1.45}@media (max-width: 767px){.sec-title{font-size: 34px;line-height: 1.2}.sec-lead{font-size: 18px}}.frame{position: relative;overflow: clip;border-radius: var(--radius-ui);background: var(--muted);isolation: isolate}.frame > img{position: absolute;inset: 0;inline-size: 100%;block-size: 100%;object-fit: cover}.frame::after{content: "";position: absolute;inset: 0;border: 1px solid color-mix(in srgb, var(--foreground) 10%, transparent);border-radius: inherit;pointer-events: none;z-index: 1}.box{--ink: var(--foreground);--ink-mute: var(--muted-foreground);--rule: var(--border);--link: var(--primary);position: relative;min-inline-size: 0;background: var(--background);color: var(--foreground);border: 1px solid var(--border);border-radius: var(--radius-ui);transition: border-color 240ms var(--ease-out)}a.box{cursor: pointer;overflow: hidden;isolation: isolate}:where(a.box){display: block}@media (hover: hover){a.box:hover{border-color: var(--border-strong)}}a.box:focus-visible{outline: 2px solid var(--ring);outline-offset: 4px;border-radius: var(--radius-ui);border-color: var(--border-strong)}.box-title{font-family: var(--font-display);font-weight: 500;text-wrap: balance;color: var(--foreground)}.box-meta{font-size: 14px;line-height: 1.5;color: var(--muted-foreground)}.box-price{font-family: "ZX Seps", var(--font-arabic), var(--font-sans);font-size: 17px;font-weight: 600;color: var(--foreground);white-space: nowrap;font-variant-numeric: tabular-nums}.sec-note{margin-block-start: 16px;font-size: 14px;line-height: 1.6;color: var(--ink-mute, var(--muted-foreground))}.accr{display: flex;align-items: center;gap: 10px;font-size: 13px;line-height: 1.45;color: var(--muted-foreground);min-inline-size: 0}.accr img{flex: none;block-size: 22px;inline-size: auto;max-inline-size: none}.accr img.accr-nelc{block-size: 26px}.accr img.accr-pmi{block-size: 18px}.accr > span{min-inline-size: 0;text-wrap: pretty}.rows{border-block-start: 1px solid var(--rule, var(--border))}.rows > div{padding-block: 16px;border-block-end: 1px solid var(--rule, var(--border))}.rows dt{font-size: 16px;font-weight: 600;line-height: 1.5;color: var(--ink, var(--foreground))}.rows dd{margin-block-start: 4px;font-size: 15px;line-height: 1.6;color: var(--ink-mute, var(--muted-foreground));text-wrap: pretty}.rows-inline > div{display: grid;grid-template-columns: 9.5em minmax(0, 1fr);gap: 16px;align-items: baseline}.rows-inline dd{margin: 0;color: var(--ink, var(--foreground));font-size: 15px}.rows-inline dt{font-size: 14px;font-weight: 400;color: var(--ink-mute, var(--muted-foreground))}.ruled{display: grid;gap: 1px;background: var(--rule, var(--border));border-block: 1px solid var(--rule, var(--border))}.ruled > *{background: var(--ground, var(--background));min-inline-size: 0}.quotes{grid-template-columns: repeat(3, minmax(0, 1fr));grid-auto-rows: 1fr;border-block: 0}.quotes > li{display: grid;grid-template-rows: 1fr auto;justify-items: center;gap: 32px;padding: 44px 36px;text-align: center}.quotes blockquote{font-family: var(--font-display);font-weight: 500;font-size: 23px;line-height: 1.65;color: var(--foreground);text-wrap: pretty}.quotes blockquote bdi{font-family: var(--font-arabic), var(--font-sans);font-size: 0.9em;font-weight: 600}.quote-who{display: flex;flex-direction: column;align-items: center;gap: 2px}.quote-who::before{content: "";inline-size: 24px;block-size: 2px;margin-block-end: 16px;background: var(--primary);border-radius: 1px}.quote-who b{font-size: 16px;font-weight: 600;line-height: 1.5;color: var(--foreground)}.quote-who span{font-size: 14px;line-height: 1.5;color: var(--ink-mute, var(--muted-foreground));text-wrap: balance}@media (max-width: 1023px){.quotes{grid-template-columns: repeat(2, minmax(0, 1fr))}}@media (max-width: 767px){.quotes{grid-template-columns: minmax(0, 1fr);grid-auto-rows: auto}.quotes > li{padding: 36px 8px;gap: 24px}.quotes > li:first-child{padding-block-start: 8px}.quotes > li:last-child{padding-block-end: 0}.quotes blockquote{font-size: 21px;line-height: 1.6}}.ui{--ui-ink: var(--foreground);--ui-mute: var(--muted-foreground);font-family: var(--font-arabic), var(--font-sans);background: var(--background);color: var(--ui-ink);border: 1px solid var(--border);border-radius: var(--radius-ui);text-align: start;user-select: none}.ui-strip{display: grid;grid-auto-flow: column;grid-auto-columns: 1fr;gap: 4px}.ui-strip > i{display: block;block-size: 3px;background: var(--border)}.ui-strip > i.is-done{background: var(--primary)}.ui-strip > i.is-now{background: linear-gradient(to left, var(--primary) 60%, var(--border) 60%)}.ui-strip > i.is-now:dir(ltr){background: linear-gradient(to right, var(--primary) 60%, var(--border) 60%)}.ui-ordinal{font-size: 13px;line-height: 1.6;color: var(--ui-mute)}.ui-title{margin-block-start: 6px;font-size: 26px;line-height: 1.3;font-weight: 600;text-wrap: balance}.ui-body{margin-block-start: 16px;font-size: 16px;line-height: 1.8;color: var(--ui-ink);text-wrap: pretty}.ui-rule{block-size: 1px;background: var(--border);margin-block: 24px}.ui-q{font-size: 20px;line-height: 1.45;font-weight: 600;text-wrap: balance}.ui-attempts{margin-block-start: 8px;font-size: 13px;line-height: 1.6;color: var(--ui-mute)}.ui-choices{margin-block-start: 16px;border-block-start: 1px solid var(--border)}.ui-choices > li{display: flex;align-items: center;gap: 14px;min-block-size: 52px;padding-block: 12px;border-block-end: 1px solid var(--border);font-size: 16px;line-height: 1.6}.ui-ring{flex: none;display: grid;place-items: center;inline-size: 20px;block-size: 20px;border-radius: 50%;border: 1px solid var(--border-strong);font-size: 12px;font-weight: 500;line-height: 1;color: var(--ui-ink)}.ui-choices > li.is-picked .ui-ring{background: var(--primary);border-color: var(--primary);color: var(--primary-foreground)}.ui-btn{display: grid;place-items: center;block-size: 48px;border-radius: var(--radius-ui);background: var(--primary);color: var(--primary-foreground);font-size: 16px;font-weight: 600}.ui-steps{display: flex;align-items: center;justify-content: space-between;gap: 8px;margin-block-start: 12px}.ui-step{font-size: 15px;font-weight: 600;color: var(--ui-mute)}.ui-step.is-on{color: var(--primary)}.ui-count{font-size: 13px;color: var(--ui-mute)}.ui-flash{display: grid;place-items: center;min-block-size: 208px;padding: 24px;text-align: center;font-size: 24px;line-height: 1.4;font-weight: 600}.ui-chat-head{display: flex;align-items: center;justify-content: space-between;gap: 12px;block-size: 52px;padding-inline: 20px;border-block-end: 1px solid var(--border);font-size: 14px;font-weight: 600}.ui-chat-head span:last-child{color: var(--primary)}.ui-chat-body{padding: 20px}.ui-who{font-size: 13px;line-height: 1.5;color: var(--ui-mute)}.ui-who.is-maha{color: var(--primary);font-weight: 600}.ui-msg{margin-block-start: 4px;font-size: 15px;line-height: 1.7;text-wrap: pretty}.ui-msg + .ui-who{margin-block-start: 20px}.ui-src{margin-block-start: 8px;font-size: 13px;line-height: 1.5;color: var(--ui-mute);text-decoration: underline;text-underline-offset: 0.22em;text-decoration-color: color-mix(in srgb, currentColor 45%, transparent)}.ui-field{display: flex;align-items: center;justify-content: space-between;gap: 12px;min-block-size: 44px;margin-block-start: 20px;border-block-end: 1px solid var(--border-strong);font-size: 15px}.ui-field span:first-child{color: var(--ui-mute)}.ui-field span:last-child{color: var(--primary);font-weight: 600}.ui-talk{display: inline-flex;align-items: center;min-block-size: 44px;margin-block-start: 12px;font-size: 14px;font-weight: 600;color: var(--primary)}.ui-prog{padding: 20px}.ui-prog-t{font-size: 20px;font-weight: 600;line-height: 1.4}.ui-prog-s{margin-block-start: 8px;font-size: 15px;line-height: 1.5}.ui-bar{margin-block-start: 12px;block-size: 6px;border-radius: 3px;background: var(--border);overflow: hidden}.ui-bar > i{display: block;block-size: 100%;inline-size: var(--p, 50%);background: var(--primary);border-radius: 3px}.ui-prog-h{margin-block-start: 20px;font-size: 15px;font-weight: 600;line-height: 1.5;padding-block-end: 4px}.ui-lessons > li{display: flex;align-items: center;gap: 10px;min-block-size: 48px;border-block-end: 1px solid var(--border);font-size: 14px;line-height: 1.4}.ui-lessons > li:last-child{border-block-end: 0}.ui-lessons bdi{flex: 1 1 auto;min-inline-size: 0}.ui-lessons .is-now bdi{font-weight: 600}.ui-lessons > li:not(.is-done):not(.is-now) bdi{color: var(--ui-mute)}.ui-lessons .ui-end{flex: none;font-size: 13px;color: var(--ui-mute)}.ui-lessons .is-done .ui-end{color: var(--ui-ink)}.ui-mark{flex: none;position: relative;inline-size: 22px;block-size: 22px;border-radius: 50%;border: 1.5px solid var(--border-strong)}.is-done > .ui-mark{background: var(--done-ink);border-color: var(--done-ink)}.is-done > .ui-mark::after{content: "";position: absolute;inset-block-start: 5px;inset-inline-start: 6.5px;inline-size: 5px;block-size: 9px;border: solid var(--background);border-width: 0 1.6px 1.6px 0;transform: rotate(45deg)}.is-now > .ui-mark{border-color: var(--primary)}.is-now > .ui-mark::after{content: "";position: absolute;inset: 0;margin: auto;inline-size: 6px;block-size: 6px;border-radius: 50%;background: var(--primary)}.marks{display: flex;flex-wrap: wrap;align-items: center;gap: 24px 40px}.marks img{block-size: var(--h, 32px);inline-size: auto;max-inline-size: 160px;object-fit: contain;filter: grayscale(1);opacity: var(--o, 0.72)}.bar{position: sticky;inset-block-start: 0;z-index: 30;background: var(--background);border-block-end: 1px solid var(--border)}.bar .wrap{display: flex;align-items: center;gap: 40px;block-size: var(--bar-h)}.bar-logo{display: inline-flex;align-items: center;min-block-size: 44px}.bar-logo img{block-size: 20px;inline-size: auto}.bar-nav{display: flex;gap: 32px;font-size: 14px}.bar-nav a{display: inline-flex;align-items: center;min-block-size: 44px;color: var(--foreground);transition: color 240ms var(--ease-out)}.bar-end{margin-inline-start: auto;display: flex;align-items: center;gap: 24px;font-size: 14px}.bar-signin{display: inline-flex;align-items: center;min-block-size: 44px;color: var(--foreground)}.bar-menu{display: none;inline-size: 44px;block-size: 44px;align-items: center;justify-content: center;margin-inline-end: -10px;color: var(--foreground)}.bar-menu .i-shut{display: none}.bar-menu[aria-expanded="true"] .i-open{display: none}.bar-menu[aria-expanded="true"] .i-shut{display: block}@media (hover: hover){.bar-nav a:hover, .bar-signin:hover{color: var(--primary)}}.bar-sheet{position: absolute;inset-inline: 0;inset-block-start: 100%;background: var(--background);border-block-end: 1px solid var(--border);transition: opacity 200ms var(--ease-out), translate 200ms var(--ease-out)}@starting-style{.bar-sheet{opacity: 0;translate: 0 -8px}}.bar-sheet::after{content: "";position: absolute;inset-inline: 0;inset-block-start: calc(100% + 1px);block-size: 100vh;background: var(--scrim)}.bar .bar-sheet .wrap{display: block;block-size: auto;padding-block: 4px 12px}.bar-sheet li + li{border-block-start: 1px solid var(--border)}.bar-sheet a{display: flex;align-items: center;min-block-size: 56px;font-size: 17px;font-weight: 500;color: var(--foreground)}.bar-sheet-signin a{color: var(--primary);font-weight: 600}@media (min-width: 900px){.bar-sheet{display: none !important}}@media (prefers-reduced-motion: reduce){.bar-sheet{transition: none}}@media (max-width: 899px){.bar .wrap{gap: 16px}.bar-nav, .bar-signin{display: none}.bar-menu{display: inline-flex}.bar-end{gap: 8px}.bar-end .btn{block-size: 44px;padding-inline: 16px}}.foot{padding-block: 72px 40px;background: var(--muted);color: var(--foreground)}.foot-top{display: grid;grid-template-columns: minmax(0, 2fr) repeat(3, minmax(0, 1fr));gap: 32px var(--gap)}.foot-brand img{block-size: 20px;inline-size: auto}.foot-brand p{margin-block-start: var(--tie);font-size: 15px;line-height: 1.6;color: var(--foreground);max-inline-size: 34ch}.foot h2{font-size: 14px;font-weight: 600;line-height: 1.5;margin-block-end: 8px}.foot li a{display: inline-flex;align-items: center;min-block-size: 36px;font-size: 14px;color: var(--muted-foreground);transition: color 240ms var(--ease-out)}@media (hover: hover){.foot li a:hover{color: var(--foreground)}}.foot-marks{display: flex;flex-wrap: wrap;align-items: center;gap: 24px 48px;margin-block-start: 48px;padding-block: 24px;border-block-start: 1px solid var(--border)}.foot-group{display: flex;flex-wrap: wrap;align-items: center;gap: 12px 24px}.foot-group > p{font-size: 14px;line-height: 1.5;color: var(--muted-foreground)}.foot-group .marks{gap: 16px 24px}.foot-bottom{display: flex;flex-wrap: wrap;gap: 8px 24px;justify-content: space-between;padding-block-start: 20px;border-block-start: 1px solid var(--border);font-size: 14px;color: var(--muted-foreground)}@media (max-width: 767px){.foot{padding-block: 56px 32px}.foot-top{grid-template-columns: minmax(0, 1fr);gap: 24px}.foot-top > div:not(.foot-brand){border-block-start: 1px solid var(--border);padding-block-start: 16px}.foot li a{min-block-size: 44px;font-size: 15px}.foot-marks{flex-direction: column;align-items: flex-start;gap: 20px}.foot-group{flex-direction: column;align-items: flex-start;gap: 12px}.foot-group .marks img{block-size: calc(var(--h, 28px) * 0.86)}}.buybar{position: fixed;inset-inline: 0;inset-block-end: 0;z-index: 40;background: var(--background);border-block-start: 1px solid var(--border);translate: 0 110%;visibility: hidden;transition: translate 220ms var(--ease-out), visibility 0s linear 220ms}.buybar.is-on{translate: none;visibility: visible;transition-delay: 0s}.buybar .wrap{display: flex;align-items: center;gap: var(--gap);padding-block: 12px calc(12px + env(safe-area-inset-bottom, 0px))}.buybar-what{min-inline-size: 0;flex: 1 1 auto}.buybar-t{font-size: 17px;font-weight: 600;line-height: 1.45;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}.buybar-m{font-size: 14px;line-height: 1.5;color: var(--muted-foreground)}.buybar-price{font-family: "ZX Seps", var(--font-arabic), var(--font-sans);font-size: 17px;font-weight: 600;white-space: nowrap;font-variant-numeric: tabular-nums}@media (max-width: 767px){.buybar .wrap{display: grid;grid-template-columns: minmax(0, 1fr) auto;column-gap: 16px;row-gap: 0;padding-block: 10px calc(10px + env(safe-area-inset-bottom, 0px))}.buybar-what{grid-column: 1;grid-row: 2}.buybar-t{display: none}.buybar-price{grid-column: 1;grid-row: 1}.buybar .btn{grid-column: 2;grid-row: 1 / 3;block-size: 52px}}@media (prefers-reduced-motion: reduce){.buybar{transition-duration: 0.01ms}}
:root{--g-ink: #141414;--g-paper: #ffffff;--g-grey: #ececec;--g-mute: #6b6b6b;--g-white: #ffffff;--g-margin: clamp(16px, 1.7vw, 24px);--g-gutter: clamp(12px, 1.7vw, 24px);--g-font: "Readex Pro", "Noto Kufi Arabic", "Segoe UI", Tahoma, sans-serif;color-scheme: light}*, *::before, *::after{box-sizing: border-box}html{-webkit-text-size-adjust: 100%}body{margin: 0;background: var(--g-paper);color: var(--g-ink);font-family: var(--g-font);font-weight: 400;font-size: 15px;line-height: 1.5;padding-inline: var(--g-margin);padding-block: var(--g-margin) 96px;-webkit-font-smoothing: antialiased}::selection{background: var(--g-ink);color: var(--g-paper)}h1, h2, h3, p, ol, ul, dl, dd, figure, blockquote{margin: 0;padding: 0}ol, ul{list-style: none}img{display: block;max-width: 100%}.g-label{font-size: 12px;line-height: 1.35;font-weight: 500;letter-spacing: 0}.g-label--sm{font-size: 11px}.g-grid{display: grid;grid-template-columns: repeat(12, minmax(0, 1fr));column-gap: var(--g-gutter)}.g-display{font-weight: 700;line-height: .98;letter-spacing: -0.02em;text-wrap: balance}.g-photo{position: relative;overflow: hidden;background: #2a2a2a}.g-photo > img{position: absolute;inset: 0;width: 100%;height: 100%;object-fit: cover;filter: grayscale(1) contrast(1.08) brightness(.96)}.g-mask{position: absolute;inset: 0;display: grid;grid-template-columns: repeat(var(--cols, 6), 1fr);grid-template-rows: repeat(var(--rows, 5), 1fr);pointer-events: none}.g-mask > i{background: var(--g-ink)}.g-mask--white > i{background: var(--g-paper)}.g-mask > i{margin: -0.5px}.gs-shader{position: relative;isolation: isolate;overflow: hidden;background: radial-gradient(60% 80% at 22% 70%, #e8957a 0%, rgba(232,149,122,0) 60%), radial-gradient(50% 70% at 70% 30%, #5fc4ae 0%, rgba(95,196,174,0) 65%), radial-gradient(40% 50% at 45% 20%, #f6e7d4 0%, rgba(246,231,212,0) 70%), linear-gradient(120deg, #0b1f1c 0%, #0f3d36 45%, #2f9a86 100%)}.gs-shader__canvas{position: absolute;inset: 0;width: 100%;height: 100%;z-index: -1;opacity: 0;transition: opacity .9s cubic-bezier(.16, 1, .3, 1)}.gs-shader.is-live .gs-shader__canvas{opacity: 1}.g-review{display: flex;flex-wrap: wrap;gap: 4px 16px;align-items: baseline;justify-content: space-between;padding-block: 56px 12px;color: var(--g-mute);font-size: 12px}.g-review:first-of-type{padding-block-start: 8px}.g-review b{color: var(--g-ink);font-weight: 500}.g-banner{color: var(--g-white);aspect-ratio: 1080 / 450;min-height: 420px;display: flex;flex-direction: column;justify-content: space-between;padding: var(--g-gutter)}.g-banner__top{display: flex;justify-content: space-between;align-items: flex-start;gap: 16px}.g-banner__meta{text-align: end}.g-banner__bottom{align-items: end}.g-banner__date{grid-column: 1 / span 3}.g-banner__num{display: block;font-weight: 700;font-size: clamp(88px, 13vw, 200px);line-height: .78;letter-spacing: -0.03em;margin-block-end: 10px}.g-banner__head{grid-column: 4 / span 6}.g-banner__head h2{font-size: clamp(40px, 6.1vw, 96px);margin-block-end: 14px}.g-banner__sub{font-size: 13px;line-height: 1.45;font-weight: 400;max-width: 34em}.g-split{display: grid;grid-template-columns: 1fr 1fr}.g-voice{color: var(--g-white);aspect-ratio: 6 / 5;display: flex;flex-direction: column;justify-content: space-between;padding: var(--g-gutter)}.g-voice__top{display: flex;justify-content: space-between;gap: 16px}.g-voice__who{text-align: end}.g-voice blockquote p{font-weight: 700;font-size: clamp(30px, 3.1vw, 46px);line-height: 1.04;letter-spacing: -0.015em;text-wrap: balance;margin-block-end: 18px}.g-voice__photo{aspect-ratio: 6 / 5}.g-voice__photo img{object-position: 50% 18%;filter: grayscale(1) brightness(1.5) contrast(.92)}.g-study__photo{aspect-ratio: 1 / 1;--rows: 6}.g-study__photo img{object-position: 62% 50%}.g-study__panel{background: var(--g-ink);color: var(--g-white);display: flex;flex-direction: column;justify-content: space-between;padding: var(--g-gutter);gap: 48px}.g-study__top{display: flex;justify-content: space-between;gap: 16px}.g-study__panel h2{font-size: clamp(52px, 7.4vw, 116px);margin-block-start: 18px}.g-modules li{display: grid;grid-template-columns: 3.4em 1fr;align-items: baseline;padding-block: 5px}.g-modules .g-label{color: rgba(255,255,255,.62)}.g-modules span:last-child{font-weight: 300;font-size: clamp(17px, 1.55vw, 22px);line-height: 1.3}.g-campus{row-gap: 40px}.g-cluster{grid-column: span 4;aspect-ratio: 3 / 4;--cols: 3;--rows: 4}.g-cluster:nth-child(1) img{object-position: 50% 22%}.g-cluster:nth-child(2) img{object-position: 45% 60%}.g-cluster:nth-child(3) img{object-position: 50% 15%;filter: grayscale(1) contrast(1.15) brightness(.82)}.g-facts{grid-column: 1 / -1;align-items: end;row-gap: 28px}.g-facts dl{grid-column: span 3;display: grid;grid-template-columns: minmax(5.5em, auto) 1fr;column-gap: 16px;row-gap: 2px;font-size: 12px;line-height: 1.45}.g-facts dt{color: var(--g-mute);font-weight: 400}.g-facts dd{font-weight: 500}.g-facts dd a{color: inherit;text-decoration: underline;text-underline-offset: 3px;text-decoration-thickness: 1px}.g-facts__cta{grid-column: 9 / -1;display: flex;gap: 8px;justify-content: flex-end;flex-wrap: wrap}.g-btn{display: inline-flex;align-items: center;height: 40px;padding-inline: 20px;border-radius: 999px;font: 500 13px/1 var(--g-font);text-decoration: none;transition: background-color .2s ease, color .2s ease}.g-btn--ink{background: var(--g-ink);color: var(--g-white)}.g-btn--ink:hover{background: #333}.g-btn--grey{background: var(--g-grey);color: var(--g-ink)}.g-btn--grey:hover{background: #dedede}.g-btn:focus-visible, .g-facts dd a:focus-visible{outline: 2px solid var(--g-ink);outline-offset: 3px}.g-btn--ink:focus-visible{outline-color: var(--g-ink)}@media (max-width: 760px){.g-split{grid-template-columns: 1fr}.g-split > .g-photo{order: -1}.g-banner{aspect-ratio: auto;min-height: 560px}.g-banner__bottom{row-gap: 28px}.g-banner__date, .g-banner__head{grid-column: 1 / -1}.g-banner__head{grid-row: 1}.g-banner__head h2{font-size: clamp(40px, 11.5vw, 56px)}.g-banner__num{font-size: 120px}.g-voice{aspect-ratio: auto;min-height: 460px}.g-voice blockquote p{font-size: clamp(28px, 8.4vw, 38px)}.g-study__panel{min-height: 0}.g-study__panel h2{font-size: clamp(52px, 15vw, 72px)}.g-cluster{grid-column: 1 / -1}.g-cluster:nth-child(n+2){grid-column: span 6}.g-campus{row-gap: var(--g-gutter)}.g-facts{row-gap: 20px;margin-block-start: 16px}.g-facts dl{grid-column: 1 / -1}.g-facts__cta{grid-column: 1 / -1;justify-content: flex-start}}@media (prefers-reduced-motion: reduce){.gs-shader__canvas{transition: none}}@media (max-height: 500px){body .bar{position: static}}
.cl-slider{--v: 3;--g: clamp(16px, 1.8vw, 28px)}.cl-view{overflow: hidden;margin-inline: calc(4px - var(--g));padding: 10px calc(var(--g) - 4px) 84px;margin-block-end: -76px}.cl-track{display: flex;gap: var(--g);margin: 0;padding: 0;list-style: none;will-change: transform}.cl-slide{flex: 0 0 calc((100% - var(--g) * (var(--v) - 1)) / var(--v))}.cl-poster{position: relative;container-type: inline-size;block-size: clamp(340px, 47svh, 480px);border-radius: 24px;overflow: hidden;isolation: isolate;color: #fdfcf7;display: grid;grid-template-rows: auto 1fr auto;padding: clamp(22px, 7cqi, 32px);box-shadow: 0 30px 48px -34px rgb(18 12 46 / .6);transition: transform .5s cubic-bezier(.2,0,0,1), box-shadow .5s cubic-bezier(.2,0,0,1)}.cl-slide:not(.is-in) .cl-poster{box-shadow: none}.cl-slide:hover .cl-poster{transform: translateY(-6px);box-shadow: 0 38px 50px -34px rgb(18 12 46 / .7)}.cl-poster::before{content: "";position: absolute;inset: 0;z-index: -1;border-radius: inherit;box-shadow: inset 0 0 0 1px rgb(255 255 255 / .14), inset 0 1px 0 rgb(255 255 255 / .3);background: radial-gradient(120% 70% at 50% -20%, rgb(255 255 255 / .14), transparent 55%), linear-gradient(155deg, rgb(255 255 255 / .1), transparent 35%)}.cl-poster::after{content: "";position: absolute;inset: 0;z-index: -1;border-radius: inherit;opacity: .16;mix-blend-mode: overlay;background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/></filter><rect width='160' height='160' filter='url(%23n)'/></svg>")}.cl-a{background: radial-gradient(70% 90% at 15% 85%, #d06a2e, transparent 60%), radial-gradient(80% 80% at 85% 15%, #5345a0, transparent 65%), #170f36}.cl-b{background: radial-gradient(70% 90% at 80% 90%, #ad7b61, transparent 60%), radial-gradient(80% 80% at 20% 10%, #5f7a76, transparent 65%), #0f2226}.cl-c{background: radial-gradient(70% 90% at 20% 90%, #8a7fd0, transparent 60%), radial-gradient(80% 80% at 85% 10%, #24346e, transparent 65%), #0a0f26}.cl-d{background: radial-gradient(70% 90% at 85% 85%, #c9935a, transparent 60%), radial-gradient(80% 80% at 15% 10%, #6a4a8c, transparent 65%), #1a1030}.cl-e{background: radial-gradient(70% 90% at 20% 85%, #3f8f9a, transparent 60%), radial-gradient(80% 80% at 85% 10%, #3b3f86, transparent 65%), #0b1a2a}.cl-top{display: flex;justify-content: space-between;align-items: center;font: 500 13px/1 var(--read, "IBM Plex Sans Arabic", sans-serif)}.cl-top .n{font: 500 15px/1 var(--display, "Readex Pro", sans-serif);opacity: .75}.cl-top span:last-child{opacity: .6}.cl-big{align-self: center;justify-self: center;inline-size: 100%;text-align: center}.cl-big b{display: block;font: 700 clamp(60px, 27cqi, 128px)/1.05 var(--display, "Readex Pro", sans-serif);letter-spacing: -.02em;text-shadow: 0 12px 40px rgb(0 0 0 / .28)}.cl-big b.cl-inf{font-family: var(--read, "IBM Plex Sans Arabic", sans-serif);font-weight: 200;font-size: clamp(90px, 38cqi, 170px);line-height: .8}.cl-big span{display: block;max-inline-size: 22ch;margin: 18px auto 0;font: 500 clamp(16px, 5cqi, 20px)/1.5 var(--read, "IBM Plex Sans Arabic", sans-serif);opacity: .85;text-wrap: balance}.cl-foot{padding-block-start: 18px;border-block-start: 1px solid rgb(255 255 255 / .16);font: 600 clamp(18px, 5.6cqi, 22px)/1.35 var(--display, "Readex Pro", sans-serif)}.cl-ctl{display: flex;justify-content: center;align-items: center;gap: 20px;margin-block-start: clamp(20px, 3svh, 32px)}.cl-dots{display: flex;gap: 8px}.cl-dot{position: relative;inline-size: 28px;block-size: 24px;padding: 0;border: 0;background: none;cursor: pointer}.cl-dot i{position: absolute;inset-inline: 0;inset-block-start: 50%;block-size: 3px;margin-block-start: -1.5px;border-radius: 2px;background: rgb(51 38 101 / .16);overflow: hidden}.cl-dot i::after{content: "";position: absolute;inset: 0;background: #332665;transform: scaleX(0);transform-origin: right}.cl-dot.on i::after{transform: scaleX(.3)}[dir="ltr"] .cl-dot i::after{transform-origin: left}.cl-slider.run .cl-dot.on i::after{transition: transform var(--dur, 3600ms) linear;transform: scaleX(1)}.cl-slider.hold .cl-dot.on i::after{transition: none;transform: scaleX(.3)}.cl-btn{display: inline-grid;place-items: center;inline-size: 44px;block-size: 44px;border: 0;border-radius: 50%;background: #f3f1f8;color: #332665;cursor: pointer;transition: background-color .2s, transform .2s cubic-bezier(.2,0,0,1)}.cl-btn:hover{background: #e9e5f4;transform: translateY(-1px)}.cl-btn svg{width: 19px;height: 19px}@media (prefers-reduced-motion: reduce){.cl-dot.on i::after{transform: scaleX(1)}}@media (max-width: 900px){.cl-slider{--v: 2}}@media (max-width: 760px){.cl-slider{--v: 1;--g: 14px}.cl-view{margin-inline: 0 calc(var(--cp, 20px) * -1);padding-inline: 0 15%}.cl-poster{block-size: clamp(360px, 52svh, 440px);border-radius: 22px}}[dir="ltr"] .cl-big b:not(.cl-inf){font-size: clamp(40px, 15cqi, 84px);letter-spacing: -.025em}
:root{--ink: #2b2358;--ink-2: rgb(43 35 88 / .64);--ink-3: rgb(43 35 88 / .5);--rule: rgb(43 35 88 / .1);--brand: #332665;--deep: #170f36;--display: "Readex Pro", var(--font-arabic), sans-serif;--read: var(--font-arabic), sans-serif;--ease: cubic-bezier(.2,0,0,1);--cw: 1280px;--cp: clamp(20px, 3.4vw, 48px)}body{margin: 0;padding: 0;background: #fff;color: var(--ink)}::selection{background: rgb(51 38 101 / .16);color: var(--ink)}.cw{max-inline-size: var(--cw);margin-inline: auto;padding-inline: var(--cp)}.bar{position: sticky;top: 0;z-index: 20;border-block-end: 1px solid rgba(49,36,110,.08)}.bar .wrap{block-size: 64px}.bar-lang{display: inline-flex;align-items: center;gap: 6px;min-block-size: 44px;padding-inline: 4px;color: var(--muted-foreground);font: 500 14px/1 var(--font-sans), sans-serif;text-decoration: none}.bar-lang:hover{color: var(--foreground)}.bar-lang svg{width: 16px;height: 16px;fill: none;stroke: currentColor;stroke-width: 1.4}.bar-end{gap: 20px}.bar-menu svg{width: 22px;height: 22px}.bar-nav a[aria-current]{color: var(--brand);font-weight: 600}.ch{position: relative;min-block-size: calc(100svh - var(--bar-h));display: grid;align-items: center;overflow: hidden;color: #fff;isolation: isolate}.ch .gs-shader{position: absolute;inset: 0;z-index: 0;background: radial-gradient(55% 75% at 18% 70%, #b25a2a 0%, transparent 60%), linear-gradient(135deg, #120c2c, #2c2160 55%, #4b3d94)}.ch-veil{position: absolute;inset: 0;z-index: 1;pointer-events: none;background: radial-gradient(62% 88% at 96% 50%, rgb(14 9 34 / .58) 0%, rgb(14 9 34 / .34) 48%, rgb(14 9 34 / 0) 80%), linear-gradient(to top, rgb(14 9 34 / .32), transparent 30%)}.ch-in{position: relative;z-index: 2;inline-size: 100%;display: grid;grid-template-columns: minmax(0, 1fr) 400px;column-gap: clamp(48px, 7vw, 120px);align-items: center;padding-block: clamp(48px, 7svh, 88px)}.crumbs ol{display: flex;flex-wrap: wrap;align-items: center;gap: 10px;font: 500 14px/1.4 var(--read)}.crumbs a{color: rgb(255 255 255 / .78);text-decoration: none;transition: color .2s}.crumbs a:hover{color: #fff;text-decoration: underline;text-underline-offset: 4px}.crumbs li{display: inline-flex;align-items: center;gap: 10px}.crumbs li + li::before{content: "";inline-size: 6px;block-size: 6px;margin-inline: 2px;border-left: 1.4px solid rgb(255 255 255 / .6);border-bottom: 1.4px solid rgb(255 255 255 / .6);transform: rotate(45deg)}.crumbs [aria-current]{color: #fff}.ch-fmt{margin-block-start: 28px;font: 500 15px/1.4 var(--read);color: rgb(255 255 255 / .74)}.ch-title{margin-block-start: 14px;max-inline-size: none;font: 700 clamp(34px, 4.15vw, 64px)/1.18 var(--display);letter-spacing: -.012em;text-wrap: balance}.ch-title[data-len="m"]{font-size: clamp(32px, 3.5vw, 54px)}.ch-title[data-len="l"]{font-size: clamp(30px, 2.9vw, 46px)}.ch-title[data-len="xl"]{font-size: clamp(28px, 2.4vw, 38px)}.ch-title .w{display: inline-block;overflow: hidden;padding-block: .08em .2em;margin-block: -.08em -.2em;vertical-align: top}.ch-title .w > span{display: inline-block}.ch-promise{margin-block-start: 24px;max-inline-size: 33em;font: 400 clamp(17px, 1.3vw, 19px)/1.8 var(--read);color: rgb(255 255 255 / .88)}.ch-meta{display: flex;align-items: center;gap: 28px;margin-block-start: 40px}.ch-who{display: flex;align-items: center;gap: 14px;color: #fff;text-decoration: none;min-inline-size: 0}.ch-who img{inline-size: 48px;block-size: 48px;border-radius: 50%;object-fit: cover;object-position: 50% 12%;filter: grayscale(1) contrast(1.05);box-shadow: 0 0 0 1px rgb(255 255 255 / .35);flex: none}.ch-who b{display: block;font: 600 16px/1.35 var(--display)}.ch-who span span{display: block;margin-block-start: 2px;font: 400 13.5px/1.45 var(--read);color: rgb(255 255 255 / .76)}.ch-who:hover b{text-decoration: underline;text-underline-offset: 4px;text-decoration-thickness: 1px}.ch-who:focus-visible{outline: 2px solid #fff;outline-offset: 6px;border-radius: 999px}.ch-accr{flex: none;display: flex;align-items: center;gap: 14px;padding-inline-start: 28px;border-inline-start: 1px solid rgb(255 255 255 / .22)}.ch-accr p{font: 500 12.5px/1.45 var(--read);color: rgb(255 255 255 / .74)}.ch-accr img{display: block;block-size: 36px;inline-size: auto;filter: brightness(0) invert(1);opacity: .92}.ch-buy{position: relative;background: #fff;color: var(--ink);border-radius: 28px;padding: 32px 32px 26px;box-shadow: 0 1px 0 rgb(255 255 255 / .6) inset, 0 40px 80px -36px rgb(10 6 28 / .7), 0 12px 28px -18px rgb(10 6 28 / .5)}.ch-price{display: flex;align-items: baseline;gap: 10px;font: 700 46px/1 var(--display);letter-spacing: -.01em;font-variant-numeric: tabular-nums}.ch-price small{font: 500 19px/1 var(--display);color: var(--ink-2);letter-spacing: 0}.ch-per{margin-block-start: 10px;font: 400 14px/1.5 var(--read);color: var(--ink-2)}.ch-vat{margin-block-start: 2px;font: 400 13px/1.5 var(--read);color: var(--ink-2)}.btn-buy{display: flex;align-items: center;justify-content: center;gap: 12px;inline-size: 100%;block-size: 56px;margin-block-start: 24px;border-radius: 999px;background: var(--brand);color: #fff;font: 500 17px/1 var(--read);text-decoration: none;box-shadow: 0 10px 24px -10px rgb(51 38 101 / .55);transition: transform .2s var(--ease), box-shadow .2s var(--ease)}.btn-buy svg{width: 18px;height: 18px;transform: scaleX(-1);transition: transform .2s var(--ease)}.btn-buy:hover{transform: translateY(-1px);box-shadow: 0 14px 28px -10px rgb(51 38 101 / .6)}.btn-buy:hover svg{transform: scaleX(-1) translateX(4px)}.btn-buy:active{background: #241a4a;transform: none}.btn-buy:focus-visible{outline: 2px solid var(--brand);outline-offset: 3px}.ch-try{display: flex;align-items: center;justify-content: center;gap: 8px;min-block-size: 44px;margin-block-start: 8px;color: var(--brand);font: 500 15px/1.4 var(--read);text-decoration: underline;text-decoration-thickness: 1px;text-underline-offset: 5px;text-decoration-color: rgb(51 38 101 / .35);transition: text-decoration-color .2s}.ch-try:hover{text-decoration-color: var(--brand)}.ch-try svg{width: 16px;height: 16px;flex: none}.ch-terms{margin-block-start: 18px;padding-block-start: 18px;border-block-start: 1px solid var(--rule);display: grid;gap: 8px}.ch-terms li{font: 400 14px/1.6 var(--read);color: var(--ink-2)}.ch-terms b{font-weight: 600;color: var(--ink)}.ch-pay{display: flex;align-items: center;justify-content: space-between;gap: 12px;margin-block-start: 20px}.ch-pay span{font: 500 12px/1 var(--read);color: var(--ink-3)}.ch-pay ul{display: flex;align-items: center;gap: 18px}.ch-pay img{display: block;block-size: var(--h, 18px);inline-size: auto;filter: grayscale(1);opacity: .7}@media (prefers-reduced-motion: no-preference){.ch-title .w > span{animation: rise .9s cubic-bezier(.8,0,.06,1) both;animation-delay: calc(.15s + var(--i) * 55ms)}.ch-fmt, .crumbs, .ch-promise, .ch-meta{animation: fade .8s var(--ease) both .55s}.ch-buy{animation: lift 1s cubic-bezier(.16,1,.3,1) both .35s}}@keyframes rise{from{transform: translateY(110%)}}@keyframes fade{from{opacity: 0;transform: translateY(8px)}}@keyframes lift{from{opacity: 0;transform: translateY(18px)}}.sec{padding-block: clamp(96px, 13svh, 152px)}.h2{font: 700 clamp(36px, 3.7vw, 56px)/1.12 var(--display);letter-spacing: -.012em;text-wrap: balance}.lead{margin-block-start: 14px;max-inline-size: 36ch;font: 400 18px/1.75 var(--read);color: var(--ink-2)}.co-grid{display: grid;grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);column-gap: clamp(40px, 6vw, 96px);align-items: start}.co-head{position: sticky;inset-block-start: calc(var(--bar-h) + 48px)}.co-list{counter-reset: o;border-block-start: 1px solid var(--rule)}.co-list li{display: grid;grid-template-columns: 56px minmax(0, 1fr);align-items: baseline;padding-block: 28px;border-block-end: 1px solid var(--rule)}.co-list .n{font: 500 15px/1 var(--display);color: rgb(51 38 101 / .5);font-variant-numeric: tabular-nums}.co-list p{font: 500 clamp(21px, 1.75vw, 26px)/1.5 var(--display);letter-spacing: -.005em;text-wrap: pretty}.cp{padding-block: 0}.cp-panel{position: relative;overflow: hidden;isolation: isolate;border-radius: 36px;background: var(--deep);color: #fdfcf7;padding: clamp(48px, 6vw, 88px) clamp(28px, 6vw, 88px);display: grid;grid-template-columns: minmax(0, 4fr) minmax(0, 8fr);column-gap: clamp(40px, 6vw, 96px)}.cp-panel::before{content: "";position: absolute;inset: 0;z-index: -1;pointer-events: none;background: radial-gradient(60% 70% at 0% 100%, rgb(208 106 46 / .22), transparent 70%), radial-gradient(70% 80% at 100% 0%, rgb(83 69 160 / .55), transparent 70%)}.cp-panel::after{content: "";position: absolute;inset: 0;z-index: -1;border-radius: inherit;pointer-events: none;box-shadow: inset 0 0 0 1px rgb(255 255 255 / .08), inset 0 1px 0 rgb(255 255 255 / .14)}.cp .lead{color: rgb(253 252 247 / .72)}.cp-sum{margin-block-start: 40px;display: grid;gap: 0;border-block-start: 1px solid rgb(255 255 255 / .14)}.cp-sum div{display: flex;justify-content: space-between;align-items: baseline;padding-block: 14px;border-block-end: 1px solid rgb(255 255 255 / .14);font: 400 15px/1.4 var(--read);color: rgb(253 252 247 / .7)}.cp-sum dd{font: 600 16px/1.4 var(--display);color: #fdfcf7}.cp-list > li{display: grid;grid-template-columns: 64px minmax(0, 1fr) auto;align-items: baseline;column-gap: 16px;padding-block: 26px;border-block-end: 1px solid rgb(255 255 255 / .14)}.cp-list > li:first-child{padding-block-start: 0}.cp-list .n{font: 500 15px/1 var(--display);color: rgb(253 252 247 / .5)}.cp-list h3{font: 500 clamp(20px, 1.65vw, 24px)/1.45 var(--display);text-wrap: pretty}.cp-list .c{font: 400 14px/1 var(--read);color: rgb(253 252 247 / .62);white-space: nowrap}.cp-foot{margin-block-start: 28px;max-inline-size: 54ch;font: 400 16px/1.75 var(--read);color: rgb(253 252 247 / .72)}.cl-head{display: flex;justify-content: space-between;align-items: flex-end;gap: 32px;margin-block-end: clamp(28px, 4.5svh, 56px)}.cl-head .lead{margin: 0}.sec.cl{padding-block: clamp(64px, 9svh, 120px)}.ct{background: #faf9f7;border-block: 1px solid rgb(43 35 88 / .06)}.ct-grid{display: grid;grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);column-gap: clamp(40px, 7vw, 112px);align-items: stretch}.ct-pic{position: relative;min-block-size: 560px;overflow: hidden;background: #e9e7e2}.ct-pic img{position: absolute;inset: 0;inline-size: 100%;block-size: 100%;object-fit: cover;object-position: 50% 18%;filter: grayscale(1) contrast(1.04)}.ct-body .h2{margin-block-end: clamp(32px, 5svh, 56px)}.ct-name{font: 600 clamp(26px, 2.2vw, 34px)/1.3 var(--display)}.ct-role{margin-block-start: 6px;font: 500 16px/1.6 var(--read);color: var(--brand)}.ct-bio{margin-block-start: 24px;max-inline-size: 58ch;display: grid;gap: 14px;font: 400 18px/1.85 var(--read);color: rgb(43 35 88 / .78)}.ct-facts{margin-block-start: 36px;border-block-start: 1px solid var(--rule);max-inline-size: 640px}.ct-facts div{display: grid;grid-template-columns: 9.5em minmax(0, 1fr);gap: 16px;padding-block: 16px;border-block-end: 1px solid var(--rule)}.ct-facts dt{font: 400 14px/1.6 var(--read);color: var(--ink-3)}.ct-facts dd{font: 500 15.5px/1.6 var(--read);color: var(--ink)}.ct-link{display: inline-flex;align-items: center;gap: 10px;min-block-size: 44px;margin-block-start: 24px;color: var(--ink);font: 500 15px/1 var(--read);text-decoration: underline;text-underline-offset: 6px;text-decoration-thickness: 1px;text-decoration-color: rgb(43 35 88 / .3)}.ct-link svg{width: 18px;height: 18px;transform: scaleX(-1);transition: transform .2s var(--ease)}.ct-link:hover{text-decoration-color: var(--ink)}.ct-link:hover svg{transform: scaleX(-1) translateX(4px)}.cf-grid{display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));column-gap: clamp(40px, 7vw, 112px);row-gap: 56px}.cf-col h2{font: 700 clamp(28px, 2.6vw, 40px)/1.2 var(--display);letter-spacing: -.01em}.cf-col ul{margin-block-start: 28px;border-block-start: 1px solid var(--ink)}.cf-col li{padding-block: 20px;border-block-end: 1px solid var(--rule);font: 400 19px/1.7 var(--read);color: var(--ink);text-wrap: pretty}.cf-not ul{border-block-start-color: rgb(43 35 88 / .3)}.cf-not li{color: var(--ink-2)}.cq{padding-block-start: 0}.cq-grid{display: grid;grid-template-columns: minmax(0, 4fr) minmax(0, 8fr);column-gap: clamp(40px, 6vw, 96px);align-items: start;padding-block-start: clamp(96px, 13svh, 152px);border-block-start: 1px solid var(--rule)}.cq-list{border-block-start: 1px solid var(--rule)}.cq-list details{border-block-end: 1px solid var(--rule)}.cq-list summary{display: flex;justify-content: space-between;align-items: center;gap: 24px;min-block-size: 76px;padding-block: 18px;cursor: pointer;list-style: none;font: 500 clamp(18px, 1.45vw, 21px)/1.5 var(--display);color: var(--ink)}.cq-list summary::-webkit-details-marker{display: none}.cq-list summary:focus-visible{outline: 2px solid var(--brand);outline-offset: 4px;border-radius: 4px}.cq-x{position: relative;flex: none;inline-size: 40px;block-size: 40px;border-radius: 50%;background: #f3f1f8;transition: background-color .2s, transform .35s var(--ease)}.cq-x::before, .cq-x::after{content: "";position: absolute;inset-block-start: 50%;inset-inline-start: 50%;inline-size: 14px;block-size: 1.6px;margin: -.8px -7px 0 0;background: var(--brand);border-radius: 1px}.cq-x::after{transform: rotate(90deg);transition: transform .35s var(--ease)}.cq-list summary:hover .cq-x{background: #e9e5f4}.cq-list details[open] .cq-x::after{transform: rotate(0deg)}.cq-list .a{padding-block-end: 26px;max-inline-size: 60ch;font: 400 17px/1.85 var(--read);color: var(--ink-2)}@supports selector(::details-content){.cq-list details::details-content{block-size: 0;overflow: clip;opacity: 0;transition: block-size .4s var(--ease), opacity .3s var(--ease), content-visibility .4s allow-discrete}.cq-list details[open]::details-content{block-size: auto;opacity: 1}:root{interpolate-size: allow-keywords}}.cc{padding-block: 0 clamp(96px, 13svh, 152px)}.cc-band{position: relative;overflow: hidden;isolation: isolate;border-radius: 36px;color: #fff;min-block-size: clamp(440px, 58svh, 560px);display: grid;place-items: center;text-align: center}.cc-band .gs-shader{position: absolute;inset: 0;z-index: 0;background: radial-gradient(60% 80% at 80% 30%, #b25a2a 0%, transparent 60%), linear-gradient(135deg, #120c2c, #2c2160 55%, #4b3d94)}.cc-band::after{content: "";position: absolute;inset: 0;z-index: 1;pointer-events: none;border-radius: inherit;background: radial-gradient(56% 64% at 50% 50%, rgb(14 9 34 / .52), rgb(14 9 34 / .2) 70%, rgb(14 9 34 / 0));box-shadow: inset 0 0 0 1px rgb(255 255 255 / .16), inset 0 1px 0 rgb(255 255 255 / .3)}.cc-in{position: relative;z-index: 2;padding: 64px 24px;display: grid;justify-items: center}.cc-in h2{max-inline-size: 16em;font: 700 clamp(34px, 3.5vw, 54px)/1.18 var(--display);letter-spacing: -.012em;text-wrap: balance}.cc-in p.cc-early, .cc-in p.cc-save{margin-block-start: 6px}.cc-in p{margin-block-start: 18px;max-inline-size: 44ch;text-wrap: balance;font: 400 18px/1.75 var(--read);color: rgb(255 255 255 / .86)}.cc-cta{display: flex;align-items: center;gap: 14px;margin-block-start: 34px;block-size: 58px;padding-inline: 34px;border-radius: 999px;background: #fff;color: var(--brand);font: 500 17px/1 var(--read);text-decoration: none;box-shadow: 0 8px 24px rgb(20 14 50 / .3);transition: transform .2s var(--ease), box-shadow .2s var(--ease)}.cc-cta svg{width: 18px;height: 18px;transform: scaleX(-1);transition: transform .2s var(--ease)}.cc-cta:hover{transform: translateY(-1px)}.cc-cta:hover svg{transform: scaleX(-1) translateX(4px)}.cc-cta:focus-visible, .cc-try:focus-visible{outline: 2px solid #fff;outline-offset: 3px}.cc-try{display: inline-flex;align-items: center;min-block-size: 44px;margin-block-start: 10px;color: #fff;font: 500 15px/1 var(--read);text-decoration: underline;text-underline-offset: 6px;text-decoration-thickness: 1px;text-decoration-color: rgb(255 255 255 / .45)}.cc-try:hover{text-decoration-color: #fff}.gf{background: #fff;color: #2b2358;border-block-start: 1px solid rgb(43 35 88 / .08)}.gf-in{max-inline-size: 1184px;margin: 0 auto;padding: clamp(80px, 10svh, 112px) 24px 40px}.gf-top{display: grid;grid-template-columns: 1.6fr repeat(3, 1fr);column-gap: clamp(32px, 5vw, 80px);row-gap: 48px}.gf-brand img{display: block;block-size: 24px;inline-size: auto}.gf-brand .gf-slogan{margin: 20px 0 0;font: 600 18px/1.2 "Readex Pro", sans-serif;letter-spacing: .01em;color: #332665;text-align: right}.gf-brand .gf-slogan + p{margin-top: 6px}.gf-brand p{margin: 20px 0 0;max-inline-size: 30ch;font: 400 16px/1.75 var(--font-arabic), sans-serif;color: rgb(43 35 88 / .62)}.gf h2{margin: 0 0 22px;font: 600 14px/1 var(--font-arabic), sans-serif;color: #2b2358}.gf ul{list-style: none;margin: 0;padding: 0;display: grid;gap: 16px}.gf-top a{font: 400 15px/1.4 var(--font-arabic), sans-serif;color: rgb(43 35 88 / .66);text-decoration: none;transition: color .2s}.gf-top a:hover{color: #2b2358}.gf-marks{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: flex-start;gap: 40px 64px;margin-block-start: clamp(64px, 9svh, 96px);padding-block: 40px;border-block: 1px solid rgb(43 35 88 / .08)}.gf-group p{margin: 0 0 18px;font: 500 12px/1 var(--font-arabic), sans-serif;color: rgb(43 35 88 / .5)}.gf-group ul{display: flex;align-items: center;gap: 32px;block-size: 56px}.gf-group img{display: block;block-size: var(--h, 28px);inline-size: auto;filter: grayscale(1);opacity: .62;transition: filter .3s, opacity .3s}.gf-group img:hover{filter: none;opacity: 1}.gf-id{display: flex;flex-direction: column;align-items: center;gap: 8px}.gf-id span{font: 400 11px/1 var(--font-arabic), sans-serif;color: rgb(43 35 88 / .55);white-space: nowrap}.gf-group:first-child ul{block-size: auto;min-block-size: 56px}.gf-bottom{display: flex;flex-wrap: wrap;justify-content: space-between;gap: 16px;padding-block-start: 28px;font: 400 13px/1 var(--font-arabic), sans-serif;color: rgb(43 35 88 / .5)}.gf-bottom a{color: inherit;text-decoration: none}.gf-bottom a:hover{color: #2b2358}.gf-bottom nav{display: flex;gap: 28px}.cbar{display: none}@media (max-width: 1100px){.ch-in{grid-template-columns: minmax(0, 1fr) 360px;column-gap: 48px}.ch-meta{flex-direction: column;align-items: flex-start;gap: 20px}.ch-accr{padding-inline-start: 0;border-inline-start: 0}}@media (max-width: 900px){.gf-top{grid-template-columns: repeat(3, 1fr)}.gf-brand{grid-column: 1 / -1}.ch-in{grid-template-columns: minmax(0, 1fr);row-gap: 48px}.ch-buy{max-inline-size: 460px}.co-grid, .cp-panel, .ct-grid, .cq-grid{grid-template-columns: minmax(0, 1fr);row-gap: 40px}.co-head{position: static}.ct-pic{max-inline-size: 520px}}@media (max-width: 760px){:root{--cp: 20px}.ch{min-block-size: 0;align-items: start}.ch-in{padding-block: 32px 28px;row-gap: 32px}.ch-veil{background: linear-gradient(to bottom, rgb(14 9 34 / .6), rgb(14 9 34 / .5) 60%, rgb(14 9 34 / .35))}.crumbs ol{font-size: 13px}.ch-fmt{margin-block-start: 20px;font-size: 14px}.ch-title{margin-block-start: 10px;font-size: clamp(30px, 8.4vw, 36px);line-height: 1.2}.ch-promise{margin-block-start: 16px;font-size: 16.5px;line-height: 1.75}.ch-meta{margin-block-start: 26px;gap: 18px}.ch-who img{inline-size: 44px;block-size: 44px}.ch-accr img{block-size: 30px}.ch-buy{max-inline-size: none;border-radius: 22px;padding: 24px 20px 20px}.ch-price{font-size: 40px}.sec{padding-block: 80px}.lead{font-size: 17px}.co-list li{grid-template-columns: 44px minmax(0, 1fr);padding-block: 22px}.co-list p{font-size: 19px}.cp-panel{border-radius: 26px;padding: 40px 22px 32px;margin-inline: calc(var(--cp) * -.5)}.cp-sum{grid-template-columns: repeat(2, minmax(0, 1fr));column-gap: 20px;margin-block-start: 28px}.cp-sum div{flex-direction: column;align-items: flex-start;gap: 4px;padding-block: 12px;font-size: 13.5px}.cp-list > li{grid-template-columns: 40px minmax(0, 1fr);row-gap: 6px;padding-block: 20px}.cp-list .c{grid-column: 2}.cp-list h3{font-size: 18.5px}.cl-head{flex-direction: column;align-items: flex-start;gap: 0;margin-block-end: 32px}.cl-head .lead{margin-block-start: 12px}.ct-grid{row-gap: 32px}.ct-body .h2{margin-block-end: 20px}.ct-pic{order: -1;aspect-ratio: 1 / 1;min-block-size: 0}.ct-bio{font-size: 17px}.ct-facts div{grid-template-columns: minmax(0, 1fr);gap: 2px}.cf-grid{grid-template-columns: minmax(0, 1fr);row-gap: 56px}.cf-col li{font-size: 17.5px;padding-block: 16px}.cq-grid{row-gap: 28px;padding-block-start: 80px}.cq-list summary{min-block-size: 68px;font-size: 17.5px}.cq-list .a{font-size: 16px}.cc{padding-block-end: 80px}.cc-band{border-radius: 26px;min-block-size: 0;margin-inline: calc(var(--cp) * -.5)}.cc-in{padding: 56px 22px}.cc-in h2{font-size: 30px}.cc-in p{font-size: 16.5px}.cbar{display: block;position: fixed;inset-inline: 0;inset-block-end: 0;z-index: 40;background: rgb(255 255 255 / .94);-webkit-backdrop-filter: saturate(1.4) blur(14px);backdrop-filter: saturate(1.4) blur(14px);border-block-start: 1px solid rgb(43 35 88 / .1);box-shadow: 0 -12px 30px -18px rgb(23 15 54 / .35);translate: 0 110%;visibility: hidden;transition: translate .32s cubic-bezier(.16,1,.3,1), visibility 0s linear .32s}.cbar.is-on{translate: none;visibility: visible;transition-delay: 0s}.cbar-in{display: flex;align-items: center;justify-content: space-between;gap: 16px;padding: 12px 20px calc(12px + env(safe-area-inset-bottom, 0px))}.cbar-price{font: 700 21px/1.1 var(--display);color: var(--ink);white-space: nowrap}.cbar-price.has-was{display: flex;flex-wrap: wrap;align-items: baseline;column-gap: 8px}.cbar-was{font: 500 12.5px/1.3 var(--read);color: var(--ink-2);white-space: nowrap}.cbar-was span{color: var(--brand);font-weight: 600}.cbar-price small{font: 500 13px/1 var(--display);color: var(--ink-2)}.cbar-m{margin-block-start: 3px;font: 400 12.5px/1.4 var(--read);color: var(--ink-2)}.cbar .btn-buy{inline-size: auto;flex: none;margin: 0;block-size: 50px;padding-inline: 26px;font-size: 16px}.gf{padding-block-end: 84px}.gf-top{grid-template-columns: 1fr 1fr}.gf-group ul{gap: 22px;flex-wrap: wrap}}@media (prefers-reduced-motion: reduce){.btn-buy, .btn-buy svg, .cc-cta, .cc-cta svg, .ct-link svg, .cq-x, .cq-x::after, .cbar{transition: none !important}.cq-list details::details-content{transition: none !important}}.tr{background: #fff;min-block-size: calc(100svh - var(--bar-h, 64px));box-sizing: border-box;display: flex;align-items: center;padding-block: clamp(20px, 4svh, 48px);scroll-margin-top: var(--bar-h, 64px)}.tr > .cw{inline-size: 100%}.tr-head{text-align: center;margin-block-end: clamp(14px, 3svh, 32px)}.tr-head .h2{font-size: clamp(28px, min(3.7vw, 6svh), 56px)}.tr-head p{margin-block-start: 6px;font: 400 17px/1.6 var(--read);color: var(--ink-3)}.tr-stage{position: relative;margin: 0 auto;block-size: clamp(278px, calc((100svh - var(--bar-h, 64px) - 330px) * 1.265), 961px);aspect-ratio: 3 / 4;max-inline-size: 100%}.tr-row{list-style: none;margin: 0;padding: 0;position: absolute;inset: 0}.tr-slide{position: absolute;inset: 0;opacity: 0;transform: translateX(-28px);transition: opacity .7s cubic-bezier(.22,1,.36,1), transform .9s cubic-bezier(.22,1,.36,1)}.tr-slide.out{opacity: 0;transform: translateX(28px)}.tr-slide.on{opacity: 1;transform: none;z-index: 1}.tr-fig{position: absolute;inset: 0;margin: 0;overflow: hidden;background: #e9e7e2}.tr-fig img{position: absolute;inset: 0;inline-size: 100%;block-size: 100%;object-fit: cover;object-position: 50% 12%;transform: scale(1.03);transition: transform 2.4s cubic-bezier(.22,1,.36,1)}.tr-slide.on .tr-fig img{transform: scale(1)}.tr-fig::after{content: "";position: absolute;inset: 0;background: linear-gradient(to top, rgb(12 10 26 / .58) 0%, rgb(12 10 26 / .18) 22%, transparent 40%);pointer-events: none}.tr-fig figcaption{position: absolute;z-index: 1;inset-inline: clamp(18px, 2.4vw, 28px);bottom: clamp(16px, 2.4svh, 26px);color: #fff;display: grid;gap: 10px;opacity: 0;transform: translateY(8px);transition: opacity .7s .35s, transform .9s .35s cubic-bezier(.22,1,.36,1)}.tr-slide.on .tr-fig figcaption{opacity: 1;transform: none}.tr-fig figcaption b{font: 600 clamp(22px, min(2.4vw, 3.6svh), 34px)/1.3 var(--display);letter-spacing: -.01em}.tr-fig figcaption span{font: 400 13px/1.5 var(--read);color: rgb(255 255 255 / .82)}.tr-ctl{display: flex;justify-content: center;gap: 16px;margin-top: clamp(12px, 2svh, 20px)}.tr-btn{display: inline-grid;place-items: center;inline-size: 44px;block-size: 44px;border: 0;border-radius: 50%;background: #f3f1f8;color: #332665;cursor: pointer;transition: background-color .2s, transform .2s cubic-bezier(.2,0,0,1)}.tr-btn:hover{background: #e9e5f4;transform: translateY(-1px)}.tr-btn svg{width: 19px;height: 19px}.tr-btn .i-play, .tr-btn[aria-pressed="true"] .i-pause{display: none}.tr-btn[aria-pressed="true"] .i-play{display: block}.tr-note{margin: clamp(10px, 2svh, 20px) auto 0;max-inline-size: 70ch;text-align: center;font: 400 14px/1.8 var(--read);color: var(--ink-3)}@media (prefers-reduced-motion: reduce){.tr-slide, .tr-fig img, .tr-fig figcaption{transition: none}}.ch-price{justify-content: center;text-align: center;align-items: baseline;gap: 10px}.sar{inline-size: auto;block-size: .62em;vertical-align: baseline;flex: none}.ch-price .sar{block-size: 34px;color: var(--ink);opacity: .55;transform: translateY(3px)}.ch-price + *{text-align: center}.cbar-price .sar{block-size: .8em;margin-inline-start: 4px;vertical-align: -1px}[dir="ltr"] .ch-veil{background: radial-gradient(62% 88% at 4% 50%, rgb(14 9 34 / .58) 0%, rgb(14 9 34 / .34) 48%, rgb(14 9 34 / 0) 80%), linear-gradient(to top, rgb(14 9 34 / .32), transparent 30%)}[dir="ltr"] .crumbs li + li::before{transform: rotate(-135deg)}[dir="ltr"] .btn-buy svg, [dir="ltr"] .ct-link svg, [dir="ltr"] .cc-cta svg{transform: none}[dir="ltr"] .btn-buy:hover svg, [dir="ltr"] .ct-link:hover svg, [dir="ltr"] .cc-cta:hover svg{transform: translateX(4px)}[dir="ltr"] .tr-slide{transform: translateX(28px)}[dir="ltr"] .tr-slide.out{transform: translateX(-28px)}[dir="ltr"] .tr-slide.on{transform: none}[dir="ltr"] .ch-title, [dir="ltr"] .h2{letter-spacing: -.02em}[dir="ltr"] .gf-brand .gf-slogan{text-align: left}[dir="ltr"] .cq-x::before, [dir="ltr"] .cq-x::after{margin: -.8px 0 0 -7px}
