/* ==========================================================================
   Emad Alkharaz — design system
   One stylesheet for both directions: every spacing, position and border
   uses CSS logical properties, so Arabic (RTL) and English (LTR) are laid
   out natively. Direction-specific rules are grouped under [dir="rtl"].
   ========================================================================== */

/* 1. Tokens
   -------------------------------------------------------------------------- */
:root {
	--ea-accent: #C8471E;
	--ea-ink: #0F1114;
	--ea-paper: #F5F2EC;

	--ea-accent-2: color-mix(in srgb, var(--ea-accent), #000 14%);
	--ea-accent-light: color-mix(in srgb, var(--ea-accent), #fff 32%);
	--ea-accent-soft: color-mix(in srgb, var(--ea-accent) 10%, transparent);
	--ea-ink-2: color-mix(in srgb, var(--ea-ink), #fff 4%);
	--ea-ink-3: color-mix(in srgb, var(--ea-ink), #fff 9%);
	--ea-ink-deep: color-mix(in srgb, var(--ea-ink), #000 35%);
	--ea-paper-2: color-mix(in srgb, var(--ea-paper), #000 4%);
	--ea-bg: #FCFBF8;
	--ea-white: #fff;

	--ea-text: #14161A;
	--ea-text-2: #2B2E34;
	--ea-muted: #5C616A;
	--ea-line: #E6E1D8;
	--ea-line-2: #D6D0C5;

	--ea-on-dark: #F4F1EB;
	--ea-on-dark-2: rgba(244, 241, 235, .68);
	--ea-on-dark-3: rgba(244, 241, 235, .46);
	--ea-dark-line: rgba(255, 255, 255, .11);

	--ea-star: #E3A13A;
	--ea-ok: #2E7A57;

	--ea-font-en: "Manrope", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
	--ea-font-ar: "IBM Plex Sans Arabic", "Segoe UI", Tahoma, system-ui, sans-serif;
	--ea-font-serif: "Instrument Serif", Georgia, "Times New Roman", serif;
	--ea-font: var(--ea-font-en);

	--ea-fs-display: clamp(2.6rem, 1.35rem + 4.7vw, 5.4rem);
	--ea-fs-display-md: clamp(2.2rem, 1.4rem + 2.9vw, 3.9rem);
	--ea-fs-h2: clamp(1.95rem, 1.35rem + 2.2vw, 3.2rem);
	--ea-fs-h3: clamp(1.3rem, 1.15rem + .55vw, 1.6rem);

	--ea-r: 8px;
	--ea-r-sm: 6px;
	--ea-max: 1240px;
	--ea-gutter: clamp(20px, 4vw, 48px);
	--ea-sec: clamp(80px, 10vw, 144px);
	--ea-sec-tight: clamp(56px, 7vw, 96px);
	--ea-header-h: 84px;
	--ea-sticky-top: 0px;
	--ea-ease: cubic-bezier(.2, .7, .2, 1);
	--ea-shadow: 0 1px 2px rgba(15, 17, 20, .04), 0 24px 48px -22px rgba(15, 17, 20, .24);
}

[lang="ar"] {
	--ea-font: var(--ea-font-ar);
}

/* 2. Base
   -------------------------------------------------------------------------- */
*,
*::before,
*::after { box-sizing: border-box; }

html {
	-webkit-text-size-adjust: 100%;
	text-size-adjust: 100%;
	scroll-behavior: smooth;
	scroll-padding-top: 96px;
}

@media (prefers-reduced-motion: reduce) {
	html { scroll-behavior: auto; }
	*, *::before, *::after { animation-duration: .01ms !important; transition-duration: .01ms !important; }
}

body {
	margin: 0;
	font-family: var(--ea-font);
	font-size: 1.0625rem;
	line-height: 1.65;
	color: var(--ea-text);
	background: var(--ea-bg);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: optimizeLegibility;
	overflow-x: clip;
}

[lang="ar"] body { line-height: 1.85; }

img, svg, video, iframe { max-width: 100%; }
img { height: auto; display: block; }
a { color: inherit; }
button, input, select, textarea { font: inherit; color: inherit; }
h1, h2, h3, h4 { font-weight: 700; line-height: 1.2; }
p { margin: 0 0 1em; }
::selection { background: var(--ea-accent); color: #fff; }

:focus-visible { outline: 2px solid var(--ea-accent); outline-offset: 3px; }
.ea-dark :focus-visible { outline-color: var(--ea-accent-light); }

.screen-reader-text {
	border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%);
	height: 1px; width: 1px; margin: -1px; overflow: hidden; padding: 0;
	position: absolute !important; word-wrap: normal !important;
}

.ea-skip {
	position: fixed; z-index: 2000; inset-block-start: 12px; inset-inline-start: 12px;
	padding: 12px 18px; background: #fff; color: var(--ea-ink); border-radius: var(--ea-r-sm);
	font-weight: 600; text-decoration: none; transform: translateY(-160%); transition: transform .2s;
}
.ea-skip:focus { transform: none; }

.ea-main:focus { outline: 0; }

.ea-container {
	width: 100%;
	max-width: calc(var(--ea-max) + 2 * var(--ea-gutter));
	margin-inline: auto;
	padding-inline: var(--ea-gutter);
}
.ea-container--narrow { max-width: calc(860px + 2 * var(--ea-gutter)); }

.ea-section { padding-block: var(--ea-sec); }
.ea-section--tight { padding-block: var(--ea-sec-tight); }
.ea-paper { background: var(--ea-paper); }
.ea-dark { background: var(--ea-ink); color: var(--ea-on-dark); }
.ea-dark--2 { background: var(--ea-ink-2); }
.ea-muted { color: var(--ea-muted); }
.ea-dark .ea-muted { color: var(--ea-on-dark-2); }

/* Numbers keep Western digit order in both directions */
.ea-num { font-variant-numeric: tabular-nums; direction: ltr; unicode-bidi: isolate; }

/* Icons */
.ea-icon { width: 20px; height: 20px; flex: none; }
.ea-flip { transform: scaleX(-1); }
[dir="rtl"] .ea-icon--arrow,
[dir="rtl"] .ea-icon--chevron { transform: scaleX(-1); }
[dir="rtl"] .ea-icon--arrow.ea-flip,
[dir="rtl"] .ea-icon--chevron.ea-flip { transform: none; }

/* 3. Typography
   -------------------------------------------------------------------------- */
.ea-display {
	font-size: var(--ea-fs-display);
	line-height: 1.02;
	letter-spacing: -.042em;
	font-weight: 700;
	margin: 0;
	text-wrap: balance;
}
.ea-display--md { font-size: var(--ea-fs-display-md); line-height: 1.06; letter-spacing: -.035em; }
.ea-h2 { font-size: var(--ea-fs-h2); line-height: 1.08; letter-spacing: -.032em; margin: 0; text-wrap: balance; }
.ea-h3 { font-size: var(--ea-fs-h3); line-height: 1.25; letter-spacing: -.02em; margin: 0 0 .5em; }

.ea-display em,
.ea-h2 em,
.ea-cta__title em {
	font-family: var(--ea-font-serif);
	font-style: italic;
	font-weight: 400;
	letter-spacing: -.012em;
	color: var(--ea-accent);
}
.ea-dark .ea-display em,
.ea-dark .ea-h2 em,
.ea-phero .ea-display em { color: var(--ea-accent-light); }

[lang="ar"] .ea-display,
[lang="ar"] .ea-h2,
[lang="ar"] .ea-h3,
[lang="ar"] .ea-display--md { letter-spacing: 0; line-height: 1.3; }
[lang="ar"] .ea-display em,
[lang="ar"] .ea-h2 em,
[lang="ar"] .ea-cta__title em { font-family: inherit; font-style: normal; font-weight: inherit; letter-spacing: 0; }

.ea-eyebrow {
	display: inline-flex; align-items: center; gap: 12px;
	margin: 0 0 22px;
	font-size: 12.5px; font-weight: 700; letter-spacing: .15em; text-transform: uppercase;
	color: var(--ea-accent);
	line-height: 1.4;
}
.ea-eyebrow::before { content: ""; width: 28px; height: 1px; background: currentColor; flex: none; }
.ea-eyebrow--light, .ea-dark .ea-eyebrow { color: var(--ea-accent-light); }
[lang="ar"] .ea-eyebrow { letter-spacing: 0; text-transform: none; font-size: 14.5px; font-weight: 600; }

.ea-lead { font-size: 1.125rem; line-height: 1.65; color: var(--ea-muted); margin: 22px 0 0; max-width: 58ch; }
.ea-dark .ea-lead { color: var(--ea-on-dark-2); }

.ea-label {
	font-size: 12.5px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase;
	color: var(--ea-muted); margin: 0 0 20px;
}
[lang="ar"] .ea-label { letter-spacing: 0; text-transform: none; font-size: 14px; }

/* 4. Buttons & controls
   -------------------------------------------------------------------------- */
.ea-btn {
	--h: 52px;
	position: relative;
	display: inline-flex; align-items: center; justify-content: center; gap: 10px;
	height: var(--h); padding-inline: 24px;
	border: 1px solid transparent; border-radius: var(--ea-r-sm);
	font-size: 15px; font-weight: 600; line-height: 1; letter-spacing: -.005em;
	text-decoration: none; white-space: nowrap; cursor: pointer;
	transition: background-color .25s, color .25s, border-color .25s, box-shadow .25s;
}
[lang="ar"] .ea-btn { font-size: 15.5px; letter-spacing: 0; }
.ea-btn__icon { width: 18px; height: 18px; transition: transform .35s var(--ea-ease); }
.ea-btn:hover .ea-icon--arrow { transform: translateX(4px); }
[dir="rtl"] .ea-btn:hover .ea-icon--arrow { transform: scaleX(-1) translateX(4px); }

.ea-btn--primary { background: var(--ea-accent); color: #fff; }
.ea-btn--primary:hover { background: var(--ea-accent-2); }
.ea-btn--ghost { border-color: rgba(255, 255, 255, .24); color: var(--ea-on-dark); background: transparent; }
.ea-btn--ghost:hover { background: rgba(255, 255, 255, .08); border-color: rgba(255, 255, 255, .45); }
.ea-btn--outline { border-color: var(--ea-line-2); color: var(--ea-text); background: transparent; }
.ea-btn--outline:hover { border-color: var(--ea-text); }
.ea-btn--dark { background: var(--ea-ink); color: #fff; }
.ea-btn--dark:hover { background: var(--ea-ink-3); }
.ea-btn--light { background: #fff; color: var(--ea-ink); }
.ea-btn--done { background: var(--ea-ok); color: #fff; }
.ea-btn--sm { --h: 42px; padding-inline: 18px; font-size: 14px; }
.ea-btn--block { width: 100%; }

.ea-btn--link {
	--h: auto; padding: 4px 0; border: 0; border-radius: 0; background: none;
	color: inherit; font-weight: 700;
	background-image: linear-gradient(currentColor, currentColor);
	background-size: 100% 1px; background-repeat: no-repeat; background-position: 0 100%;
}
.ea-btn--link:hover { color: var(--ea-accent); }
.ea-dark .ea-btn--link:hover { color: var(--ea-accent-light); }

.ea-textbtn {
	display: inline-flex; align-items: center; gap: 6px; padding: 0; border: 0; background: none;
	color: var(--ea-accent); font-weight: 700; font-size: 14px; cursor: pointer; text-decoration: none;
}
.ea-textbtn .ea-icon { width: 16px; height: 16px; }

.ea-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; }

.ea-badge {
	display: inline-flex; align-items: center; height: 28px; padding-inline: 12px;
	border-radius: 4px; background: rgba(255, 255, 255, .09); color: #fff;
	font-size: 12.5px; font-weight: 600; text-decoration: none; line-height: 1;
}
.ea-badge--line { background: transparent; box-shadow: inset 0 0 0 1px var(--ea-dark-line); }
.ea-badge--accent { background: var(--ea-accent); }
a.ea-badge:hover { background: rgba(255, 255, 255, .16); }

/* Play button */
.ea-play {
	display: inline-flex; align-items: center; gap: 14px;
	padding: 0; border: 0; background: none; color: inherit; cursor: pointer;
	font-weight: 600; font-size: 14.5px;
}
.ea-play__icon {
	position: relative; display: grid; place-items: center; flex: none;
	width: 64px; height: 64px; border-radius: 50%;
	background: var(--ea-accent); color: #fff;
	transition: transform .45s var(--ea-ease), background-color .3s;
}
.ea-play__icon svg { width: 22px; height: 22px; margin-left: 3px; }
.ea-play__icon::before {
	content: ""; position: absolute; inset: -9px; border-radius: 50%;
	border: 1px solid rgba(255, 255, 255, .4);
	animation: ea-pulse 2.8s var(--ea-ease) infinite;
}
@keyframes ea-pulse { 0% { transform: scale(.88); opacity: .9; } 100% { transform: scale(1.4); opacity: 0; } }
.ea-play:hover .ea-play__icon,
button:hover > .ea-play .ea-play__icon { transform: scale(1.07); }
.ea-play--xl .ea-play__icon { width: 88px; height: 88px; }
.ea-play--xl .ea-play__icon svg { width: 28px; height: 28px; }

/* Stars */
.ea-stars { position: relative; display: inline-flex; vertical-align: middle; line-height: 0; }
.ea-stars svg { width: 15px; height: 15px; }
.ea-stars__track { display: flex; gap: 1px; color: #DCD5C8; }
.ea-dark .ea-stars__track { color: rgba(255, 255, 255, .18); }
.ea-stars__fill { position: absolute; inset-block-start: 0; inset-inline-start: 0; display: flex; gap: 1px; overflow: hidden; white-space: nowrap; color: var(--ea-star); }
.ea-stars__value { font-weight: 700; margin-inline-start: 6px; }

/* Price */
.ea-price { display: inline-flex; align-items: baseline; gap: 8px; }
.ea-price__now { font-size: 1.2rem; font-weight: 800; letter-spacing: -.02em; }
.ea-price__was { font-size: .875rem; color: var(--ea-muted); }
.ea-dark .ea-price__was { color: var(--ea-on-dark-3); }
.ea-price--lg .ea-price__now { font-size: 2rem; letter-spacing: -.03em; }
.ea-price--xl .ea-price__now { font-size: 2.4rem; letter-spacing: -.035em; line-height: 1; }
.ea-price--lg .ea-price__was, .ea-price--xl .ea-price__was { font-size: 1rem; }

/* Avatar */
.ea-avatar { border-radius: 50%; object-fit: cover; flex: none; background: var(--ea-paper-2); }
.ea-avatar--initial { width: 44px; height: 44px; display: grid; place-items: center; background: var(--ea-ink); color: #fff; font-weight: 700; }

/* Stretched link */
.ea-stretch { text-decoration: none; color: inherit; }
.ea-stretch::after { content: ""; position: absolute; inset: 0; z-index: 1; }

/* Tags */
.ea-tags { list-style: none; margin: 0 0 32px; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; }
.ea-tags li { font-size: 14px; font-weight: 500; line-height: 1.3; padding: 9px 14px; border: 1px solid var(--ea-line-2); border-radius: 4px; }
.ea-tags a { text-decoration: none; }
.ea-tags--light li { background: #fff; border-color: var(--ea-line); }

/* 5. Header
   -------------------------------------------------------------------------- */
.ea-header {
	position: fixed; inset-inline: 0; inset-block-start: 0; z-index: 60;
	color: var(--ea-on-dark);
	transition: background-color .35s, border-color .35s, transform .45s var(--ea-ease), backdrop-filter .35s;
	border-bottom: 1px solid transparent;
}
.admin-bar .ea-header { inset-block-start: 32px; }
@media (max-width: 782px) { .admin-bar .ea-header { inset-block-start: 46px; } }
@media (max-width: 600px) { .admin-bar .ea-header { inset-block-start: 0; } }

.ea-header.is-scrolled {
	background: color-mix(in srgb, var(--ea-ink) 86%, transparent);
	-webkit-backdrop-filter: blur(16px) saturate(1.3);
	backdrop-filter: blur(16px) saturate(1.3);
	border-bottom-color: var(--ea-dark-line);
}
.ea-header.is-hidden { transform: translateY(-100%); }

.ea-header__inner { display: flex; align-items: center; gap: 28px; height: var(--ea-header-h); transition: height .35s var(--ea-ease); }
.ea-header.is-scrolled .ea-header__inner { height: 68px; }

.ea-logo { display: inline-flex; align-items: center; gap: 12px; color: inherit; text-decoration: none; flex: none; }
.ea-logo__mark {
	display: grid; place-items: center; width: 40px; height: 40px;
	background: var(--ea-accent); color: #fff; border-radius: 4px;
	font-weight: 800; font-size: 14px; letter-spacing: .02em;
}
[lang="ar"] .ea-logo__mark { font-size: 20px; }
.ea-logo__text { display: flex; flex-direction: column; line-height: 1.15; }
.ea-logo__name { font-weight: 800; font-size: 16px; letter-spacing: -.01em; }
.ea-logo__tag { font-size: 11px; color: var(--ea-on-dark-3); letter-spacing: .1em; text-transform: uppercase; margin-top: 3px; }
[lang="ar"] .ea-logo__tag { letter-spacing: 0; font-size: 12px; }
.ea-logo--image img { max-height: 44px; width: auto; }

.ea-nav { flex: 1; display: flex; justify-content: center; }
.ea-nav__list { list-style: none; display: flex; align-items: center; gap: 2px; margin: 0; padding: 0; }
.ea-nav__list > li { position: relative; }
.ea-nav__list a {
	position: relative; display: block; padding: 10px 14px;
	font-size: 14.5px; font-weight: 500; color: var(--ea-on-dark-2); text-decoration: none;
	transition: color .25s;
}
[lang="ar"] .ea-nav__list a { font-size: 15.5px; }
.ea-nav__list a::after {
	content: ""; position: absolute; inset-inline: 14px; inset-block-end: 4px; height: 1px;
	background: var(--ea-accent-light); transform: scaleX(0); transition: transform .35s var(--ea-ease);
}
.ea-nav__list a:hover, .ea-nav__list .current-menu-item > a, .ea-nav__list .current_page_item > a, .ea-nav__list .current-menu-ancestor > a { color: #fff; }
.ea-nav__list a:hover::after, .ea-nav__list .current-menu-item > a::after, .ea-nav__list .current_page_item > a::after { transform: scaleX(1); }
.ea-nav__list .sub-menu {
	position: absolute; inset-block-start: 100%; inset-inline-start: 0; min-width: 220px;
	list-style: none; margin: 0; padding: 8px; background: var(--ea-ink-2);
	border: 1px solid var(--ea-dark-line); border-radius: var(--ea-r);
	opacity: 0; visibility: hidden; transform: translateY(8px); transition: .25s var(--ea-ease);
	box-shadow: 0 24px 48px -20px rgba(0, 0, 0, .6);
}
.ea-nav__list li:hover > .sub-menu, .ea-nav__list li:focus-within > .sub-menu { opacity: 1; visibility: visible; transform: none; }
.ea-nav__list .sub-menu a::after { display: none; }

.ea-header__actions { display: flex; align-items: center; gap: 12px; flex: none; }
.ea-header__account {
	display: grid; place-items: center; width: 42px; height: 42px; border-radius: 50%;
	border: 1px solid var(--ea-dark-line); color: var(--ea-on-dark-2); transition: .25s;
}
.ea-header__account:hover { color: #fff; border-color: rgba(255, 255, 255, .4); }
.ea-header__account .ea-icon { width: 19px; height: 19px; }

/* Language switcher */
.ea-lang { display: inline-flex; align-items: center; gap: 2px; padding: 3px; border: 1px solid var(--ea-dark-line); border-radius: 999px; }
.ea-lang a {
	display: inline-grid; place-items: center; min-width: 42px; height: 30px; padding-inline: 10px;
	border-radius: 999px; font-size: 12.5px; font-weight: 700; letter-spacing: .04em;
	color: var(--ea-on-dark-2); text-decoration: none; transition: .25s;
}
.ea-lang a[lang="ar"] { font-family: var(--ea-font-ar); letter-spacing: 0; font-size: 13.5px; }
.ea-lang a:hover { color: #fff; }
.ea-lang a.is-active { background: #fff; color: var(--ea-ink); }

/* Burger */
.ea-burger {
	display: none; place-items: center; width: 44px; height: 44px; padding: 0;
	border: 1px solid var(--ea-dark-line); border-radius: 50%; background: none; cursor: pointer;
}
.ea-burger__lines { display: grid; gap: 6px; width: 18px; }
.ea-burger__lines span { display: block; height: 1.5px; background: currentColor; border-radius: 2px; }
.ea-burger__lines span:last-child { width: 12px; justify-self: end; }

/* Drawer (mobile navigation) */
.ea-drawer { position: fixed; inset: 0; z-index: 200; }
.ea-drawer[hidden] { display: none; }
.ea-drawer::before { content: ""; position: absolute; inset: 0; background: rgba(8, 9, 11, .6); opacity: 0; transition: opacity .4s; }
.ea-drawer.is-open::before { opacity: 1; }
.ea-drawer__panel {
	position: absolute; inset-block: 0; inset-inline-end: 0; width: min(460px, 100%);
	display: flex; flex-direction: column; overflow-y: auto;
	padding: 18px 24px calc(24px + env(safe-area-inset-bottom));
	background: var(--ea-ink); color: var(--ea-on-dark);
	transform: translateX(100%); transition: transform .5s var(--ea-ease);
}
[dir="rtl"] .ea-drawer__panel { transform: translateX(-100%); }
.ea-drawer.is-open .ea-drawer__panel { transform: none; }
.ea-drawer__top { display: flex; align-items: center; justify-content: space-between; margin-bottom: 36px; }
.ea-drawer__close {
	display: grid; place-items: center; width: 44px; height: 44px; border-radius: 50%;
	border: 1px solid var(--ea-dark-line); background: none; color: inherit; cursor: pointer;
}
.ea-drawer__list { list-style: none; margin: 0; padding: 0; }
.ea-drawer__list li { opacity: 0; transform: translateY(12px); transition: opacity .5s var(--ea-ease), transform .5s var(--ea-ease); transition-delay: calc(var(--i, 0) * 45ms + 120ms); }
.ea-drawer.is-open .ea-drawer__list li { opacity: 1; transform: none; }
.ea-drawer__list a {
	display: flex; align-items: center; justify-content: space-between; padding: 14px 0;
	font-size: 1.6rem; font-weight: 700; letter-spacing: -.025em; line-height: 1.2;
	color: var(--ea-on-dark); text-decoration: none; border-bottom: 1px solid var(--ea-dark-line);
}
[lang="ar"] .ea-drawer__list a { letter-spacing: 0; font-size: 1.5rem; }
.ea-drawer__list .current-menu-item > a, .ea-drawer__list a[aria-current] { color: var(--ea-accent-light); }
.ea-drawer__list .sub-menu { list-style: none; padding: 0 0 8px; margin: 0; }
.ea-drawer__list .sub-menu a { font-size: 1.05rem; font-weight: 500; border: 0; padding: 8px 0; color: var(--ea-on-dark-2); }
.ea-drawer__foot { margin-top: auto; padding-top: 32px; display: grid; gap: 24px; }
.ea-drawer__actions { display: grid; gap: 10px; }
.ea-drawer__meta { display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; }
.ea-drawer__meta .ea-social { margin: 0; }
html.ea-noscroll { overflow: hidden; }

@media (max-width: 1400px) {
	.ea-header__inner { gap: 20px; }
	.ea-nav__list a { padding-inline: 10px; }
	.ea-nav__list a::after { inset-inline: 10px; }
	.ea-header .ea-logo__tag { display: none; }
	.ea-header__actions { gap: 8px; }
}
@media (max-width: 1260px) {
	.ea-nav { display: none; }
	.ea-burger { display: grid; }
	.ea-header__actions { margin-inline-start: auto; }
}
@media (max-width: 640px) {
	:root { --ea-header-h: 68px; }
	.ea-header__cta, .ea-header__account { display: none; }
	.ea-logo__tag { display: none; }
	.ea-logo__mark { width: 36px; height: 36px; }
	.ea-header .ea-lang a { min-width: 36px; height: 28px; padding-inline: 8px; }
}

/* 6. Section heads & shared blocks
   -------------------------------------------------------------------------- */
.ea-head { max-width: 780px; margin-bottom: clamp(40px, 5vw, 64px); }
.ea-head--center { margin-inline: auto; text-align: center; }
.ea-head--center .ea-eyebrow::before { display: none; }
.ea-head--split { max-width: none; display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr); gap: 28px 72px; align-items: end; }
.ea-head__aside { display: flex; flex-direction: column; align-items: flex-start; gap: 20px; padding-bottom: 6px; }
.ea-head__aside .ea-lead { margin: 0; }
@media (max-width: 900px) { .ea-head--split { grid-template-columns: 1fr; gap: 20px; } }

/* Faint vertical column lines (hero / dark sections) */
.ea-hero__lines, .ea-cta__lines {
	position: absolute; inset: 0; pointer-events: none;
	background-image: linear-gradient(to right, rgba(255, 255, 255, .045) 1px, transparent 1px);
	background-size: calc(100% / 6) 100%;
	-webkit-mask-image: linear-gradient(to bottom, #000 30%, transparent 95%);
	mask-image: linear-gradient(to bottom, #000 30%, transparent 95%);
}

/* Horizontal rail on mobile (cards become swipeable) */
@media (max-width: 760px) {
	.ea-rail {
		display: flex !important; gap: 14px; overflow-x: auto; scroll-snap-type: x mandatory;
		margin-inline: calc(var(--ea-gutter) * -1); padding-inline: var(--ea-gutter); padding-bottom: 6px;
		scroll-padding-inline: var(--ea-gutter); scrollbar-width: none; overscroll-behavior-x: contain;
	}
	.ea-rail::-webkit-scrollbar { display: none; }
	.ea-rail > * { flex: 0 0 84%; scroll-snap-align: start; }
}

/* Reveal animations (JS adds .ea-js on <html>; content stays visible without JS) */
@media (prefers-reduced-motion: no-preference) {
	.ea-js [data-reveal] {
		opacity: 0; transform: translateY(26px);
		transition: opacity .9s var(--ea-ease), transform .9s var(--ea-ease);
		transition-delay: calc(var(--d, 0) * 90ms);
	}
	.ea-js [data-reveal].is-in { opacity: 1; transform: none; }
}

/* 7. Home — hero
   -------------------------------------------------------------------------- */
.ea-hero {
	position: relative; overflow: hidden;
	display: flex; align-items: center;
	min-height: min(100svh, 1000px);
	padding: calc(var(--ea-header-h) + clamp(40px, 6vw, 88px)) 0 clamp(64px, 8vw, 112px);
}
.ea-hero__inner { position: relative; display: grid; grid-template-columns: minmax(0, 1.18fr) minmax(0, .82fr); gap: clamp(40px, 6vw, 104px); align-items: center; }
.ea-hero__title { margin-bottom: 28px; max-width: 13.5ch; }
[lang="ar"] .ea-hero__title { max-width: 15ch; }
.ea-hero__text { font-size: clamp(1.05rem, .95rem + .4vw, 1.25rem); line-height: 1.6; color: var(--ea-on-dark-2); max-width: 54ch; margin: 0 0 40px; }
.ea-hero__trust {
	list-style: none; display: flex; flex-wrap: wrap; gap: 20px 0;
	margin: clamp(48px, 6vw, 72px) 0 0; padding: 28px 0 0; border-top: 1px solid var(--ea-dark-line);
}
.ea-hero__trust li { display: flex; flex-direction: column; gap: 6px; padding-inline-end: 28px; margin-inline-end: 28px; border-inline-end: 1px solid var(--ea-dark-line); }
.ea-hero__trust li:last-child { border: 0; margin: 0; padding: 0; }
.ea-hero__trust strong { font-size: 1.5rem; line-height: 1; font-weight: 800; letter-spacing: -.03em; color: #fff; }
.ea-hero__trust span { font-size: 13px; line-height: 1.4; color: var(--ea-on-dark-3); max-width: 16ch; }

.ea-hero__visual { position: relative; justify-self: end; width: 100%; max-width: 480px; }
.ea-hero__visual::before {
	content: ""; position: absolute; z-index: 0;
	inset-block: -18px 18px; inset-inline: 18px -18px;
	border: 1px solid rgba(255, 255, 255, .13); border-radius: var(--ea-r);
}
.ea-hero__portrait { position: relative; z-index: 1; margin: 0; aspect-ratio: 4 / 5; border-radius: var(--ea-r); overflow: hidden; background: var(--ea-ink-2); }
.ea-hero__portrait img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 20%; }
.ea-hero__portrait::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, transparent 52%, rgba(10, 11, 13, .88)); }
.ea-hero__caption { position: absolute; z-index: 2; inset-inline: 26px; inset-block-end: 24px; display: flex; flex-direction: column; gap: 4px; }
.ea-hero__name { font-weight: 800; font-size: 1.15rem; color: #fff; }
.ea-hero__role { font-size: 13.5px; color: var(--ea-on-dark-2); }
.ea-play--hero {
	position: absolute; z-index: 3; inset-inline-start: -32px; inset-block-start: 38%;
	padding: 8px 22px 8px 8px; padding-inline: 8px 22px; border-radius: 999px;
	background: #fff; color: var(--ea-ink); box-shadow: 0 20px 40px -18px rgba(0, 0, 0, .6);
}
.ea-play--hero .ea-play__icon { width: 48px; height: 48px; }
.ea-play--hero .ea-play__icon svg { width: 18px; height: 18px; }
.ea-play--hero .ea-play__icon::before { border-color: var(--ea-accent); inset: -5px; }

@media (max-width: 960px) {
	.ea-hero { min-height: 0; }
	.ea-hero__inner { grid-template-columns: 1fr; }
	.ea-hero__visual { justify-self: stretch; max-width: none; }
	.ea-hero__visual::before { display: none; }
	.ea-hero__portrait { aspect-ratio: 5 / 4; }
	.ea-play--hero { inset-inline-start: 16px; inset-block-start: 16px; }
	.ea-hero__trust { display: grid; grid-template-columns: 1fr 1fr; gap: 20px 0; }
	.ea-hero__trust li:nth-child(odd) { border-inline-end: 1px solid var(--ea-dark-line); margin-inline-end: 20px; padding-inline-end: 20px; }
	.ea-hero__trust li:nth-child(even) { border: 0; margin: 0; padding: 0; }
}
@media (max-width: 560px) {
	.ea-hero__portrait { aspect-ratio: 4 / 4.2; }
	.ea-hero .ea-actions .ea-btn { flex: 1 1 100%; }
}

/* 8. Home — stats
   -------------------------------------------------------------------------- */
.ea-stats { background: var(--ea-paper); padding-block: clamp(56px, 7vw, 96px); border-bottom: 1px solid var(--ea-line); }
.ea-stats__inner { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 2fr); gap: clamp(32px, 5vw, 80px); align-items: end; }
.ea-stats__intro .ea-eyebrow { margin-bottom: 16px; }
.ea-stats__title { margin: 0; font-size: clamp(1.25rem, 1rem + .8vw, 1.6rem); line-height: 1.35; font-weight: 600; letter-spacing: -.015em; text-wrap: balance; }
[lang="ar"] .ea-stats__title { letter-spacing: 0; line-height: 1.6; }
.ea-stats__list { display: grid; grid-template-columns: repeat(var(--n, 4), minmax(0, 1fr)); margin: 0; }
.ea-stat { display: flex; flex-direction: column-reverse; justify-content: flex-end; gap: 12px; padding-inline: 24px; border-inline-start: 1px solid var(--ea-line-2); }
.ea-stat dd { margin: 0; display: flex; align-items: flex-start; font-size: clamp(2.6rem, 1.6rem + 2.8vw, 4.2rem); font-weight: 800; letter-spacing: -.05em; line-height: 1; }
.ea-stat__suffix { color: var(--ea-accent); font-size: .6em; margin-inline-start: 2px; }
.ea-stat dt { font-size: 14px; line-height: 1.45; color: var(--ea-muted); max-width: 18ch; }
@media (max-width: 960px) {
	.ea-stats__inner { grid-template-columns: 1fr; }
	.ea-stats__list { grid-template-columns: repeat(2, 1fr); gap: 32px 0; }
	.ea-stat:nth-child(odd) { border-inline-start: 0; padding-inline-start: 0; }
}

/* 9. Course cards
   -------------------------------------------------------------------------- */
.ea-cgrid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 28px; }
@media (max-width: 1080px) { .ea-cgrid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }

.ea-ccard {
	position: relative; display: flex; flex-direction: column; height: 100%;
	background: #fff; border: 1px solid var(--ea-line); border-radius: var(--ea-r); overflow: hidden;
	transition: transform .5s var(--ea-ease), box-shadow .5s var(--ea-ease), border-color .3s;
}
.ea-ccard::before {
	content: ""; position: absolute; z-index: 3; inset-inline: 0; inset-block-start: 0; height: 3px;
	background: var(--ea-accent); transform: scaleX(0); transform-origin: left; transition: transform .55s var(--ea-ease);
}
[dir="rtl"] .ea-ccard::before { transform-origin: right; }
.ea-ccard:hover { transform: translateY(-6px); box-shadow: var(--ea-shadow); border-color: transparent; }
.ea-ccard:hover::before { transform: scaleX(1); }
.ea-ccard.is-hidden { display: none; }

.ea-ccard__media { position: relative; aspect-ratio: 16 / 10; overflow: hidden; background: var(--ea-ink); }
.ea-ccard__media img { width: 100%; height: 100%; object-fit: cover; transition: transform .9s var(--ea-ease); }
.ea-ccard:hover .ea-ccard__media img { transform: scale(1.05); }
.ea-ccard__badge, .ea-ccard__off {
	position: absolute; z-index: 2; inset-block-start: 16px;
	font-size: 12px; font-weight: 700; line-height: 1; padding: 7px 10px; border-radius: 4px;
}
.ea-ccard__badge { inset-inline-start: 16px; background: #fff; color: var(--ea-ink); }
.ea-ccard__off { inset-inline-end: 16px; background: var(--ea-accent); color: #fff; }

.ea-ccard__body { display: flex; flex-direction: column; flex: 1; padding: 22px 24px 0; }
.ea-ccard__top { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 14px; font-size: 13px; }
.ea-ccard__topic { color: var(--ea-accent); font-weight: 700; }
.ea-ccard__level { display: inline-flex; align-items: center; gap: 6px; color: var(--ea-muted); font-weight: 500; }
.ea-ccard__level .ea-icon { width: 16px; height: 16px; }
.ea-ccard__title { font-size: 1.25rem; line-height: 1.3; letter-spacing: -.018em; margin: 0 0 10px; text-wrap: balance; }
[lang="ar"] .ea-ccard__title { letter-spacing: 0; line-height: 1.5; }
.ea-ccard__title a { transition: color .25s; }
.ea-ccard:hover .ea-ccard__title a { color: var(--ea-accent); }
.ea-ccard__text { font-size: 14.5px; line-height: 1.6; color: var(--ea-muted); margin: 0 0 18px; }
.ea-ccard__meta { list-style: none; display: flex; flex-wrap: wrap; align-items: center; gap: 8px 18px; margin: 0 0 20px; padding: 0; font-size: 13.5px; color: var(--ea-muted); }
.ea-ccard__meta li { display: inline-flex; align-items: center; gap: 6px; }
.ea-ccard__meta .ea-icon { width: 16px; height: 16px; }
.ea-ccard__rating { color: var(--ea-text); font-weight: 700; }
.ea-ccard__rating small { color: var(--ea-muted); font-weight: 500; font-size: 12.5px; }
.ea-ccard__foot { margin-top: auto; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 16px 0 18px; border-top: 1px solid var(--ea-line); }
.ea-ccard__author { display: flex; align-items: center; gap: 10px; font-size: 13.5px; font-weight: 600; min-width: 0; }
.ea-ccard__author span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ea-ccard__price { display: grid; overflow: hidden; justify-items: end; flex: none; }
.ea-ccard__price > * { grid-area: 1 / 1; transition: transform .45s var(--ea-ease), opacity .3s; }
.ea-ccard__go { display: inline-flex; align-items: center; gap: 6px; font-size: 14px; font-weight: 700; color: var(--ea-accent); transform: translateY(110%); opacity: 0; white-space: nowrap; }
.ea-ccard__go .ea-icon { width: 16px; height: 16px; }
.ea-ccard:hover .ea-ccard__price .ea-price { transform: translateY(-110%); opacity: 0; }
.ea-ccard:hover .ea-ccard__go { transform: none; opacity: 1; }
@media (hover: none) { .ea-ccard__go { display: none; } }

/* 10. Course feature (video)
   -------------------------------------------------------------------------- */
.ea-feature__inner { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr); gap: clamp(40px, 5vw, 88px); align-items: center; }
.ea-feature__video {
	position: relative; display: block; width: 100%; aspect-ratio: 16 / 10; padding: 0; border: 0;
	border-radius: var(--ea-r); overflow: hidden; cursor: pointer; background: var(--ea-ink-2); color: #fff;
}
.ea-feature__video img { width: 100%; height: 100%; object-fit: cover; transition: transform 1s var(--ea-ease); }
.ea-feature__video::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(10, 11, 13, .1), rgba(10, 11, 13, .5)); }
.ea-feature__video:hover img { transform: scale(1.035); }
.ea-feature__video .ea-play, .ea-buy__video .ea-play, .ea-article__media--video .ea-play, .ea-player__facade .ea-play {
	position: absolute; z-index: 2; inset: 0; margin: auto; width: max-content; height: max-content;
}
.ea-feature__label {
	position: absolute; z-index: 2; inset-inline-start: 20px; inset-block-end: 20px;
	font-size: 13px; font-weight: 600; letter-spacing: .02em; display: inline-flex; align-items: center; gap: 8px;
}
.ea-feature__label::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: var(--ea-accent); }
.ea-feature__content .ea-h2 { margin-bottom: 18px; }
.ea-feature__text { font-size: 1.1rem; color: var(--ea-on-dark-2); margin: 0; }
.ea-facts { display: grid; grid-template-columns: 1fr 1fr; margin: 32px 0; border-top: 1px solid var(--ea-dark-line); }
.ea-facts > div { padding: 16px 0; border-bottom: 1px solid var(--ea-dark-line); }
.ea-facts > div:nth-child(even) { padding-inline-start: 24px; border-inline-start: 1px solid var(--ea-dark-line); }
.ea-facts dt { font-size: 12px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--ea-on-dark-3); margin-bottom: 4px; }
[lang="ar"] .ea-facts dt { letter-spacing: 0; font-size: 13px; }
.ea-facts dd { margin: 0; font-weight: 600; }
.ea-feature__buy { display: flex; align-items: center; justify-content: space-between; gap: 24px; flex-wrap: wrap; }
@media (max-width: 960px) { .ea-feature__inner { grid-template-columns: 1fr; } }

/* 11. Why learn with Emad
   -------------------------------------------------------------------------- */
.ea-why__inner { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: clamp(40px, 7vw, 120px); align-items: start; }
.ea-why__aside { position: sticky; inset-block-start: calc(var(--ea-sticky-top) + 24px); }
.ea-why__aside .ea-head { margin-bottom: 32px; }
.ea-why__figure { margin: 0; aspect-ratio: 4 / 3; border-radius: var(--ea-r); overflow: hidden; background: var(--ea-paper-2); }
.ea-why__figure img { width: 100%; height: 100%; object-fit: cover; }
.ea-why__quote { margin: 32px 0 0; padding-inline-start: 24px; border-inline-start: 2px solid var(--ea-accent); }
.ea-why__quote p { margin: 0 0 14px; font-family: var(--ea-font-serif); font-style: italic; font-size: clamp(1.35rem, 1.1rem + .8vw, 1.7rem); line-height: 1.3; letter-spacing: -.01em; }
[lang="ar"] .ea-why__quote p { font-family: inherit; font-style: normal; font-size: 1.25rem; line-height: 1.7; font-weight: 500; }
.ea-why__quote footer { font-size: 12.5px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--ea-muted); }
[lang="ar"] .ea-why__quote footer { letter-spacing: 0; font-size: 14px; }
.ea-why__list { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--ea-line-2); }
.ea-why__item { display: grid; grid-template-columns: 72px 1fr; gap: 20px; padding: 34px 0; border-bottom: 1px solid var(--ea-line-2); }
.ea-why__num { font-size: 13px; font-weight: 700; color: var(--ea-accent); padding-top: 8px; }
.ea-why__title { font-size: clamp(1.25rem, 1.1rem + .5vw, 1.55rem); letter-spacing: -.022em; margin: 0 0 10px; transition: color .3s; }
[lang="ar"] .ea-why__title { letter-spacing: 0; }
.ea-why__item p { color: var(--ea-muted); margin: 0; max-width: 54ch; }
.ea-why__item:hover .ea-why__title { color: var(--ea-accent); }
@media (max-width: 960px) {
	.ea-why__inner { grid-template-columns: 1fr; }
	.ea-why__aside { position: static; }
	.ea-why__figure { aspect-ratio: 16 / 10; }
	.ea-why__item { grid-template-columns: 48px 1fr; padding: 26px 0; }
}

/* 12. Slider
   -------------------------------------------------------------------------- */
.ea-slider { position: relative; }
.ea-slider__track {
	display: flex; gap: 20px; overflow-x: auto; scroll-snap-type: x mandatory; scroll-behavior: smooth;
	scrollbar-width: none; overscroll-behavior-x: contain; padding-bottom: 2px;
}
.ea-slider__track::-webkit-scrollbar { display: none; }
.ea-slider__track:focus-visible { outline-offset: 6px; }
.ea-slider__slide { flex: 0 0 calc((100% - 60px) / 3.4); scroll-snap-align: start; min-width: 0; }
.ea-slider--reviews .ea-slider__slide { flex-basis: calc((100% - 20px) / 2); }
.ea-slider__nav { display: flex; align-items: center; gap: 28px; margin-top: 36px; }
.ea-slider__bar { position: relative; flex: 1; height: 2px; background: var(--ea-line-2); overflow: hidden; border-radius: 2px; }
.ea-dark .ea-slider__bar { background: var(--ea-dark-line); }
.ea-slider__bar span { position: absolute; inset-block: 0; inset-inline-start: var(--x, 0%); width: var(--w, 30%); background: var(--ea-accent); border-radius: 2px; transition: inset-inline-start .35s var(--ea-ease), width .35s; }
.ea-slider__btns { display: flex; gap: 8px; }
.ea-slider__btn {
	display: grid; place-items: center; width: 50px; height: 50px; padding: 0;
	border: 1px solid var(--ea-line-2); border-radius: 50%; background: transparent; color: inherit; cursor: pointer;
	transition: background-color .25s, color .25s, border-color .25s, opacity .25s;
}
.ea-slider__btn:hover { background: var(--ea-ink); border-color: var(--ea-ink); color: #fff; }
.ea-dark .ea-slider__btn { border-color: rgba(255, 255, 255, .2); }
.ea-dark .ea-slider__btn:hover { background: #fff; border-color: #fff; color: var(--ea-ink); }
.ea-slider__btn:disabled { opacity: .3; pointer-events: none; }
.ea-slider.is-static .ea-slider__nav { display: none; }
@media (max-width: 1080px) {
	.ea-slider__slide { flex-basis: calc((100% - 40px) / 2.4); }
	.ea-slider--reviews .ea-slider__slide { flex-basis: 78%; }
}
@media (max-width: 640px) {
	.ea-slider__track { gap: 14px; margin-inline: calc(var(--ea-gutter) * -1); padding-inline: var(--ea-gutter); scroll-padding-inline: var(--ea-gutter); }
	.ea-slider__slide { flex-basis: 78%; }
	.ea-slider--reviews .ea-slider__slide { flex-basis: 88%; }
	.ea-slider__btns { display: none; }
}

/* 13. Video testimonial cards
   -------------------------------------------------------------------------- */
.ea-vcard { position: relative; isolation: isolate; aspect-ratio: 3 / 4; border-radius: var(--ea-r); overflow: hidden; background: var(--ea-ink-3); color: #fff; }
.ea-vcard__btn { position: absolute; inset: 0; z-index: 1; padding: 0; border: 0; background: none; cursor: pointer; display: block; width: 100%; }
.ea-vcard__btn:focus-visible { outline: 2px solid var(--ea-accent-light); outline-offset: -4px; border-radius: var(--ea-r); }
.ea-vcard__media, .ea-vcard__media img { position: absolute; inset: 0; width: 100%; height: 100%; }
.ea-vcard__media img { object-fit: cover; transition: transform 1s var(--ea-ease); }
.ea-vcard__media::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(10, 11, 13, 0) 40%, rgba(10, 11, 13, .9)); }
.ea-vcard:hover .ea-vcard__media img { transform: scale(1.05); }
.ea-vcard__play {
	position: absolute; z-index: 2; inset-block-start: 20px; inset-inline-start: 20px;
	display: grid; place-items: center; width: 54px; height: 54px; border-radius: 50%;
	background: rgba(255, 255, 255, .14); border: 1px solid rgba(255, 255, 255, .32);
	-webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px);
	transition: background-color .3s, border-color .3s, transform .45s var(--ea-ease);
}
.ea-vcard__play svg { width: 18px; height: 18px; margin-left: 3px; }
.ea-vcard:hover .ea-vcard__play { background: var(--ea-accent); border-color: var(--ea-accent); transform: scale(1.06); }
.ea-vcard__body { position: absolute; z-index: 2; inset-inline: 0; inset-block-end: 0; padding: 24px; pointer-events: none; }
.ea-vcard__quote { margin: 0 0 16px; font-family: var(--ea-font-serif); font-style: italic; font-size: 1.28rem; line-height: 1.3; }
[lang="ar"] .ea-vcard__quote { font-family: inherit; font-style: normal; font-size: 1.02rem; line-height: 1.7; font-weight: 500; }
.ea-vcard__who { margin: 0; display: flex; flex-direction: column; gap: 3px; font-size: 14px; line-height: 1.4; }
.ea-vcard__who span { font-size: 13px; color: rgba(255, 255, 255, .7); }

.ea-vgrid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; margin-bottom: 24px; }
.ea-vgrid--page { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; margin: 0; }
@media (max-width: 1080px) { .ea-vgrid--page { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 760px) { .ea-vgrid, .ea-vgrid--page { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; } .ea-vcard__quote { display: none; } .ea-vcard__body { padding: 16px; } .ea-vcard__play { inset-block-start: 14px; inset-inline-start: 14px; width: 44px; height: 44px; } }

/* 14. Written reviews
   -------------------------------------------------------------------------- */
.ea-reviews__inner { display: grid; grid-template-columns: minmax(0, 4fr) minmax(0, 8fr); gap: clamp(32px, 5vw, 80px); align-items: start; }
.ea-reviews__head .ea-head { margin-bottom: 0; }
.ea-review {
	margin: 0; height: 100%; display: flex; flex-direction: column;
	background: #fff; border: 1px solid var(--ea-line); border-radius: var(--ea-r); padding: clamp(24px, 3vw, 34px);
}
.ea-review__top { display: flex; align-items: center; justify-content: space-between; margin-bottom: 22px; }
.ea-review__mark { width: 30px; height: 30px; color: var(--ea-accent); opacity: .85; }
[dir="rtl"] .ea-review__mark { transform: scaleX(-1); }
.ea-review__text { margin: 0 0 28px; flex: 1; }
.ea-review__text p { margin: 0; font-size: 1.06rem; line-height: 1.7; color: var(--ea-text-2); }
.ea-review__who { display: flex; align-items: center; flex-wrap: wrap; gap: 14px; padding-top: 20px; border-top: 1px solid var(--ea-line); }
.ea-review__who strong { display: block; font-size: 15px; }
.ea-review__who img { width: 44px; height: 44px; }
.ea-review__role { display: block; font-size: 13px; color: var(--ea-muted); }
.ea-review__course { margin-inline-start: auto; font-size: 12px; font-weight: 700; color: var(--ea-accent); background: var(--ea-accent-soft); padding: 6px 10px; border-radius: 4px; }
.ea-rgrid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.ea-masonry { columns: 3 300px; column-gap: 20px; }
.ea-masonry__item { break-inside: avoid; margin-bottom: 20px; }
@media (max-width: 960px) { .ea-reviews__inner { grid-template-columns: 1fr; } }
@media (max-width: 640px) { .ea-rgrid { grid-template-columns: 1fr; } }

/* 15. Case studies
   -------------------------------------------------------------------------- */
.ea-cases { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: 28px; }
.ea-cases__item:first-child { grid-row: span 2; }
.ea-case {
	position: relative; display: flex; flex-direction: column; height: 100%;
	background: #fff; border: 1px solid var(--ea-line); border-radius: var(--ea-r); overflow: hidden;
	transition: transform .5s var(--ea-ease), box-shadow .5s var(--ea-ease), border-color .3s;
}
.ea-case:hover { transform: translateY(-5px); box-shadow: var(--ea-shadow); border-color: transparent; }
.ea-case__media { aspect-ratio: 3 / 2; overflow: hidden; background: var(--ea-paper-2); }
.ea-case__media img { width: 100%; height: 100%; object-fit: cover; transition: transform 1s var(--ea-ease); }
.ea-case:hover .ea-case__media img { transform: scale(1.04); }
.ea-case__body { display: flex; flex-direction: column; flex: 1; padding: 26px 28px 24px; }
.ea-case__cat { margin: 0 0 12px; font-size: 12px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--ea-muted); }
[lang="ar"] .ea-case__cat { letter-spacing: 0; font-size: 13px; }
.ea-case__title { font-size: 1.3rem; line-height: 1.3; letter-spacing: -.02em; margin: 0 0 10px; text-wrap: balance; }
[lang="ar"] .ea-case__title { letter-spacing: 0; line-height: 1.55; }
.ea-case__text { color: var(--ea-muted); font-size: 15px; line-height: 1.6; margin: 0 0 22px; }
.ea-case__foot { margin-top: auto; display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; padding-top: 20px; border-top: 1px solid var(--ea-line); }
.ea-case__metric { margin: 0; display: flex; flex-direction: column; gap: 6px; }
.ea-case__metric strong { font-size: 2rem; font-weight: 800; letter-spacing: -.035em; line-height: 1; color: var(--ea-ink); }
.ea-case__metric span { font-size: 13px; color: var(--ea-muted); line-height: 1.3; }
.ea-case__more { display: inline-flex; align-items: center; gap: 6px; font-size: 14px; font-weight: 700; color: var(--ea-accent); white-space: nowrap; }
.ea-case__more .ea-icon { width: 16px; height: 16px; transition: transform .35s var(--ea-ease); }
.ea-case:hover .ea-case__more .ea-icon--arrow { transform: translateX(4px); }
[dir="rtl"] .ea-case:hover .ea-case__more .ea-icon--arrow { transform: scaleX(-1) translateX(4px); }
.ea-case--feature .ea-case__media { aspect-ratio: 16 / 11; }
.ea-case--feature .ea-case__title { font-size: clamp(1.4rem, 1.2rem + .7vw, 1.85rem); }
.ea-case--feature .ea-case__metric strong { font-size: 2.6rem; }
.ea-case--row { flex-direction: row; }
.ea-case--row .ea-case__media { flex: 0 0 40%; aspect-ratio: auto; }
.ea-case--row .ea-case__text { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.ea-case--row .ea-case__body { padding: 22px 24px; }
.ea-case--row .ea-case__title { font-size: 1.15rem; }
.ea-case-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 28px; }
@media (max-width: 1080px) { .ea-case-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 960px) {
	.ea-cases { grid-template-columns: 1fr; }
	.ea-cases__item:first-child { grid-row: auto; }
}
@media (max-width: 640px) {
	.ea-case--row { flex-direction: column; }
	.ea-case--row .ea-case__media { aspect-ratio: 3 / 2; }
	.ea-case-grid { grid-template-columns: 1fr; }
}

/* 16. Consulting
   -------------------------------------------------------------------------- */
.ea-consult__inner { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: clamp(40px, 7vw, 120px); align-items: start; }
.ea-consult__sticky { position: sticky; inset-block-start: calc(var(--ea-sticky-top) + 32px); }
.ea-consult__sticky .ea-head { margin-bottom: 36px; }
.ea-services { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); border-top: 1px solid var(--ea-dark-line); }
.ea-service { position: relative; padding-block: 32px; padding-inline-end: 32px; border-bottom: 1px solid var(--ea-dark-line); }
.ea-service:nth-child(even) { padding-inline: 32px 0; border-inline-start: 1px solid var(--ea-dark-line); }
.ea-service::before { content: ""; position: absolute; inset-inline-start: 0; inset-block-start: -1px; height: 1px; width: 0; background: var(--ea-accent-light); transition: width .6s var(--ea-ease); }
.ea-service:hover::before { width: 100%; }
.ea-service__num { display: block; margin-bottom: 18px; font-size: 12.5px; font-weight: 700; color: var(--ea-accent-light); }
.ea-service__title { font-size: 1.2rem; letter-spacing: -.015em; margin: 0 0 8px; }
.ea-service__text { color: var(--ea-on-dark-2); font-size: 15px; margin: 0; }
@media (max-width: 960px) {
	.ea-consult__inner { grid-template-columns: 1fr; }
	.ea-consult__sticky { position: static; }
}
@media (max-width: 640px) {
	.ea-services { grid-template-columns: 1fr; }
	.ea-service, .ea-service:nth-child(even) { padding: 24px 0; border-inline-start: 0; }
}

/* 17. Corporate training
   -------------------------------------------------------------------------- */
.ea-training__inner { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr); gap: clamp(40px, 6vw, 104px); align-items: center; }
.ea-training__media { position: relative; margin: 0; aspect-ratio: 4 / 5; border-radius: var(--ea-r); overflow: hidden; background: var(--ea-paper-2); }
.ea-training__media img { width: 100%; height: 100%; object-fit: cover; }
.ea-training__tag { position: absolute; inset-inline-start: 20px; inset-block-end: 20px; background: #fff; color: var(--ea-ink); font-size: 13px; font-weight: 700; padding: 10px 14px; border-radius: var(--ea-r-sm); }
.ea-training__content .ea-head { margin-bottom: 32px; }
.ea-formats { margin: 0 0 36px; border-top: 1px solid var(--ea-line-2); }
.ea-formats > div { display: grid; grid-template-columns: 170px 1fr; gap: 20px; padding: 18px 0; border-bottom: 1px solid var(--ea-line-2); }
.ea-formats dt { font-weight: 700; }
.ea-formats dd { margin: 0; color: var(--ea-muted); font-size: 15.5px; }
@media (max-width: 960px) {
	.ea-training__inner { grid-template-columns: 1fr; }
	.ea-training__media { aspect-ratio: 16 / 10; }
}
@media (max-width: 560px) { .ea-formats > div { grid-template-columns: 1fr; gap: 4px; } }

/* 18. Insights / posts
   -------------------------------------------------------------------------- */
.ea-insights__grid { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: clamp(32px, 4vw, 64px); }
.ea-insights__list { display: flex; flex-direction: column; }
.ea-insights__list > div { padding: 24px 0; border-bottom: 1px solid var(--ea-line); }
.ea-insights__list > div:first-child { padding-top: 0; }
.ea-post { position: relative; }
.ea-post__media { position: relative; aspect-ratio: 3 / 2; margin-bottom: 22px; border-radius: var(--ea-r); overflow: hidden; background: var(--ea-paper-2); }
.ea-post__media img { width: 100%; height: 100%; object-fit: cover; transition: transform 1s var(--ea-ease); }
.ea-post:hover .ea-post__media img { transform: scale(1.04); }
.ea-post__play { position: absolute; inset-block-start: 14px; inset-inline-start: 14px; display: grid; place-items: center; width: 42px; height: 42px; border-radius: 50%; background: rgba(255, 255, 255, .92); color: var(--ea-ink); }
.ea-post__play svg { width: 15px; height: 15px; margin-left: 2px; }
.ea-post__meta { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin: 0 0 12px; font-size: 12px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--ea-muted); }
[lang="ar"] .ea-post__meta { letter-spacing: 0; font-size: 13px; }
.ea-post__meta span + span::before { content: ""; display: inline-block; width: 3px; height: 3px; border-radius: 50%; background: currentColor; vertical-align: middle; margin-inline-end: 10px; }
.ea-post__cat { color: var(--ea-accent); }
.ea-post__title { font-size: 1.28rem; line-height: 1.3; letter-spacing: -.02em; margin: 0 0 10px; text-wrap: balance; }
[lang="ar"] .ea-post__title { letter-spacing: 0; line-height: 1.55; }
.ea-post__title a { transition: color .25s; }
.ea-post:hover .ea-post__title a { color: var(--ea-accent); }
.ea-post__excerpt { color: var(--ea-muted); margin: 0 0 16px; font-size: 15.5px; }
.ea-post__foot { display: flex; gap: 14px; margin: 0; font-size: 13px; color: var(--ea-muted); }
.ea-post--feature .ea-post__title { font-size: clamp(1.6rem, 1.2rem + 1.2vw, 2.25rem); line-height: 1.18; letter-spacing: -.03em; }
[lang="ar"] .ea-post--feature .ea-post__title { letter-spacing: 0; line-height: 1.45; }
.ea-post--compact { display: grid; grid-template-columns: 148px 1fr; gap: 20px; align-items: start; }
.ea-post--compact .ea-post__media { aspect-ratio: 4 / 3; margin: 0; }
.ea-post--compact .ea-post__title { font-size: 1.08rem; }
.ea-post-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 28px; }
@media (max-width: 960px) { .ea-insights__grid { grid-template-columns: 1fr; } }
@media (max-width: 480px) { .ea-post--compact { grid-template-columns: 112px 1fr; gap: 16px; } }

/* Blog index */
.ea-blog__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 56px 28px; margin-top: 40px; }
.ea-blog__item--feature { grid-column: 1 / -1; padding-bottom: 56px; border-bottom: 1px solid var(--ea-line); }
.ea-post--feature { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr); gap: clamp(28px, 4vw, 56px); align-items: center; }
.ea-blog__item--feature .ea-post--feature .ea-post__media { margin: 0; }
.ea-insights__feature .ea-post--feature { display: block; }
@media (max-width: 1080px) { .ea-blog__grid, .ea-post-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 760px) { .ea-blog__grid { grid-template-columns: 1fr; } .ea-post--feature { grid-template-columns: 1fr; } .ea-blog__item--feature .ea-post--feature .ea-post__media { margin-bottom: 22px; } }

/* Chips */
.ea-chips { display: flex; flex-wrap: wrap; gap: 8px; }
.ea-chip {
	display: inline-flex; align-items: center; height: 40px; padding-inline: 16px;
	border: 1px solid var(--ea-line-2); border-radius: var(--ea-r-sm); background: #fff;
	font-size: 14px; font-weight: 600; color: var(--ea-text); text-decoration: none; white-space: nowrap; cursor: pointer;
	transition: background-color .25s, border-color .25s, color .25s;
}
.ea-chip:hover { border-color: var(--ea-text); }
.ea-chip.is-active { background: var(--ea-ink); border-color: var(--ea-ink); color: #fff; }
@media (max-width: 760px) {
	.ea-chips { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; margin-inline: calc(var(--ea-gutter) * -1); padding-inline: var(--ea-gutter); }
	.ea-chips::-webkit-scrollbar { display: none; }
}

/* 19. Final CTA
   -------------------------------------------------------------------------- */
.ea-cta { position: relative; overflow: hidden; padding-block: clamp(96px, 12vw, 176px); }
.ea-cta__inner { position: relative; }
.ea-cta__title { max-width: 15ch; margin-bottom: 56px; }
.ea-cta__row { display: flex; align-items: flex-end; justify-content: space-between; gap: 32px; flex-wrap: wrap; padding-top: 32px; border-top: 1px solid var(--ea-dark-line); }
.ea-cta__text { margin: 0; max-width: 46ch; font-size: 1.1rem; color: var(--ea-on-dark-2); }

/* 20. Footer
   -------------------------------------------------------------------------- */
.ea-footer { background: var(--ea-ink-deep); color: var(--ea-on-dark-2); padding-top: clamp(72px, 8vw, 112px); font-size: 15px; }
.ea-footer a { color: var(--ea-on-dark-2); text-decoration: none; transition: color .2s; }
.ea-footer a:hover { color: #fff; }
.ea-footer .ea-logo { color: #fff; }
.ea-footer__top { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); gap: 64px; padding-bottom: 56px; border-bottom: 1px solid var(--ea-dark-line); }
.ea-footer__statement { margin: 32px 0 16px; max-width: 20ch; font-size: clamp(1.6rem, 1.2rem + 1.4vw, 2.4rem); line-height: 1.15; font-weight: 700; letter-spacing: -.03em; color: #fff; }
[lang="ar"] .ea-footer__statement { letter-spacing: 0; line-height: 1.45; }
.ea-footer__about { max-width: 54ch; margin: 0; }
.ea-footer__news p { margin: 0 0 20px; }
.ea-footer__title { margin: 0 0 20px; font-size: 12.5px; font-weight: 700; letter-spacing: .15em; text-transform: uppercase; color: #fff; }
[lang="ar"] .ea-footer__title { letter-spacing: 0; font-size: 14.5px; }
.ea-footer__news .ea-footer__title { font-size: 1.2rem; letter-spacing: -.01em; text-transform: none; }
.ea-footer__cols { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 40px; padding-block: 56px; }
.ea-footer__list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 12px; }
.ea-footer__all { display: inline-flex; align-items: center; gap: 6px; color: #fff !important; font-weight: 600; }
.ea-footer__all .ea-icon { width: 16px; height: 16px; }
.ea-footer__contact li { display: flex; align-items: center; gap: 12px; }
.ea-footer__contact .ea-icon { width: 18px; height: 18px; color: var(--ea-on-dark-3); }
.ea-footer__bottom { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 16px 28px; padding-block: 28px; border-top: 1px solid var(--ea-dark-line); font-size: 13.5px; }
.ea-footer__bottom p { margin: 0; }
.ea-footer__legal { list-style: none; display: flex; gap: 24px; margin: 0; margin-inline-start: auto; padding: 0; }
@media (max-width: 960px) {
	.ea-footer__top { grid-template-columns: 1fr; gap: 40px; }
	.ea-footer__cols { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 480px) { .ea-footer__cols { grid-template-columns: 1fr; gap: 32px; } }

.ea-newsletter__row { display: flex; gap: 8px; }
.ea-newsletter input[type="email"] {
	flex: 1; min-width: 0; height: 52px; padding-inline: 18px;
	background: rgba(255, 255, 255, .05); border: 1px solid var(--ea-dark-line); border-radius: var(--ea-r-sm); color: #fff;
}
.ea-newsletter input::placeholder { color: var(--ea-on-dark-3); }
.ea-newsletter input:focus { outline: 0; border-color: var(--ea-accent-light); }
.ea-newsletter__msg { margin: 12px 0 0 !important; font-size: 14px; color: #9ED9B8; }
.ea-newsletter__msg--error { color: #F2A48C; }
@media (max-width: 420px) { .ea-newsletter__row { flex-direction: column; } }

/* Social icons */
.ea-social { list-style: none; display: flex; flex-wrap: wrap; gap: 8px; margin: 24px 0 0; padding: 0; }
.ea-social a { display: grid; place-items: center; width: 40px; height: 40px; border-radius: 50%; border: 1px solid var(--ea-dark-line); color: var(--ea-on-dark-2); transition: .25s; }
.ea-social a:hover { background: #fff; border-color: #fff; color: var(--ea-ink) !important; }
.ea-social .ea-icon { width: 18px; height: 18px; }
.ea-social--dark a { border-color: var(--ea-line-2); color: var(--ea-muted); }
.ea-social--dark a:hover { background: var(--ea-ink); border-color: var(--ea-ink); color: #fff !important; }

/* 21. Inner page hero & breadcrumbs
   -------------------------------------------------------------------------- */
.ea-phero { position: relative; overflow: hidden; background: var(--ea-ink); color: var(--ea-on-dark); padding: calc(var(--ea-header-h) + clamp(48px, 6vw, 96px)) 0 clamp(64px, 7vw, 104px); }
.ea-phero::before {
	content: ""; position: absolute; inset: 0; pointer-events: none;
	background-image: linear-gradient(to right, rgba(255, 255, 255, .045) 1px, transparent 1px);
	background-size: calc(100% / 6) 100%;
	-webkit-mask-image: linear-gradient(to bottom, #000, transparent);
	mask-image: linear-gradient(to bottom, #000, transparent);
}
.ea-phero__inner { position: relative; }
.ea-phero--split .ea-phero__inner { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr); gap: clamp(40px, 6vw, 96px); align-items: end; }
.ea-phero__title { max-width: 17ch; margin-bottom: 24px; }
.ea-phero__text { max-width: 60ch; margin: 0 0 36px; font-size: clamp(1.05rem, 1rem + .25vw, 1.2rem); line-height: 1.6; color: var(--ea-on-dark-2); }
.ea-phero__main > :last-child { margin-bottom: 0; }
.ea-phero--compact { padding-bottom: clamp(48px, 5vw, 72px); }
.ea-phero--compact .ea-phero__title { font-size: var(--ea-fs-display-md); max-width: 22ch; }
.ea-phero__figure { margin: 0; aspect-ratio: 4 / 3; border-radius: var(--ea-r); overflow: hidden; background: var(--ea-ink-2); }
.ea-phero__figure img { width: 100%; height: 100%; object-fit: cover; }
.ea-phero .ea-searchform { max-width: 560px; }
.ea-bigmetric { padding: 32px; border: 1px solid var(--ea-dark-line); border-radius: var(--ea-r); }
.ea-bigmetric strong { display: block; font-size: clamp(3rem, 2rem + 4vw, 6rem); font-weight: 800; line-height: 1; letter-spacing: -.05em; color: #fff; margin-bottom: 12px; }
.ea-bigmetric span { color: var(--ea-on-dark-2); }
@media (max-width: 960px) { .ea-phero--split .ea-phero__inner { grid-template-columns: 1fr; } }

.ea-crumbs ol { list-style: none; display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 32px; padding: 0; font-size: 13px; color: var(--ea-on-dark-3); }
.ea-crumbs li + li::before { content: "/"; margin-inline-end: 8px; opacity: .6; }
.ea-crumbs a { color: var(--ea-on-dark-2); text-decoration: none; }
.ea-crumbs a:hover { color: #fff; }

/* 22. Courses archive
   -------------------------------------------------------------------------- */
.ea-toolbar { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 20px; padding-bottom: 24px; border-bottom: 1px solid var(--ea-line-2); }
.ea-toolbar__tools { display: flex; gap: 10px; flex-wrap: wrap; }
.ea-toolbar__count { margin: 22px 0 26px; font-size: 14px; color: var(--ea-muted); }
.ea-search, .ea-select { position: relative; display: flex; align-items: center; }
.ea-search .ea-icon, .ea-select .ea-icon { position: absolute; width: 18px; height: 18px; color: var(--ea-muted); pointer-events: none; }
.ea-search .ea-icon { inset-inline-start: 14px; }
.ea-select .ea-icon { inset-inline-end: 12px; }
.ea-search input, .ea-select select {
	height: 44px; border: 1px solid var(--ea-line-2); border-radius: var(--ea-r-sm); background: #fff; font-size: 14.5px;
	transition: border-color .2s, box-shadow .2s;
}
.ea-search input { width: 250px; padding-inline: 42px 14px; }
.ea-select select { appearance: none; -webkit-appearance: none; padding-inline: 14px 40px; cursor: pointer; }
.ea-search input:focus, .ea-select select:focus { outline: 0; border-color: var(--ea-accent); box-shadow: 0 0 0 3px var(--ea-accent-soft); }
@media (max-width: 760px) {
	.ea-toolbar__tools { width: 100%; }
	.ea-search { flex: 1; }
	.ea-search input { width: 100%; }
}
@media (max-width: 640px) { .ea-cgrid--archive { grid-template-columns: 1fr; } }

.ea-empty { text-align: center; padding: 64px 20px; }
.ea-empty[hidden] { display: none; }
.ea-empty__title { font-size: 1.2rem; font-weight: 700; margin-bottom: 8px; }
.ea-empty--card { background: #fff; border: 1px dashed var(--ea-line-2); border-radius: var(--ea-r); padding: 56px 24px; }
.ea-empty .ea-btn, .ea-empty .ea-searchform { margin-top: 16px; }
.ea-empty .ea-searchform { margin-inline: auto; }

.ea-help__inner { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 24px; padding: clamp(24px, 4vw, 40px); border: 1px solid var(--ea-line); border-radius: var(--ea-r); background: #fff; }
.ea-help__inner .ea-h3 { margin-bottom: 6px; }
.ea-help__inner p { margin: 0; color: var(--ea-muted); }

/* 23. Course details
   -------------------------------------------------------------------------- */
.ea-chero { position: relative; overflow: hidden; padding: calc(var(--ea-header-h) + clamp(40px, 5vw, 72px)) 0 clamp(56px, 6vw, 88px); }
.ea-chero__inner { position: relative; }
@media (min-width: 1081px) { .ea-chero__inner > * { max-width: calc(100% - 440px); } }
.ea-chero__tags { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 24px; }
.ea-chero__title { margin-bottom: 20px; }
.ea-chero__sub { max-width: 62ch; margin: 0 0 28px; font-size: clamp(1.05rem, 1rem + .3vw, 1.22rem); line-height: 1.55; color: var(--ea-on-dark-2); }
.ea-chero__meta { list-style: none; display: flex; flex-wrap: wrap; align-items: center; gap: 12px 28px; margin: 0 0 30px; padding: 0; font-size: 14px; color: var(--ea-on-dark-2); }
.ea-chero__meta li { display: inline-flex; align-items: center; gap: 8px; }
.ea-chero__meta .ea-icon { width: 18px; height: 18px; color: var(--ea-on-dark-3); }
.ea-chero__rating strong { color: var(--ea-star); font-size: 15px; }
.ea-chero__rating a { color: var(--ea-on-dark-2); }
.ea-chero__by { display: flex; align-items: center; gap: 12px; }
.ea-chero__by img { width: 44px; height: 44px; }
.ea-chero__by small { display: block; font-size: 12.5px; color: var(--ea-on-dark-3); }
.ea-chero__by a { color: #fff; font-weight: 700; text-decoration: none; }

.ea-course { display: grid; grid-template-columns: minmax(0, 1fr) 380px; gap: 60px; align-items: start; padding-bottom: clamp(64px, 8vw, 112px); }
.ea-course__main { grid-column: 1; grid-row: 1; min-width: 0; }
.ea-course__aside { grid-column: 2; grid-row: 1; position: sticky; z-index: 5; inset-block-start: calc(var(--ea-sticky-top) + 20px); margin-top: -340px; }
.ea-buy { background: #fff; border: 1px solid var(--ea-line); border-radius: var(--ea-r); overflow: hidden; box-shadow: 0 34px 70px -34px rgba(15, 17, 20, .4); }
.ea-buy__video { position: relative; display: block; width: 100%; aspect-ratio: 16 / 10; padding: 0; border: 0; background: var(--ea-ink); color: #fff; cursor: pointer; overflow: hidden; }
.ea-buy__video img { width: 100%; height: 100%; object-fit: cover; transition: transform .9s var(--ea-ease); }
.ea-buy__video::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(10, 11, 13, .15), rgba(10, 11, 13, .65)); }
.ea-buy__video:hover img { transform: scale(1.04); }
.ea-buy__video-label { position: absolute; z-index: 2; inset-inline: 0; inset-block-end: 16px; text-align: center; font-size: 14px; font-weight: 700; }
.ea-buy__video .ea-play__icon { width: 60px; height: 60px; }
.ea-buy__body { padding: 26px 28px 28px; }
.ea-buy__price { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; margin-bottom: 20px; }
.ea-buy__off { font-size: 13px; font-weight: 800; color: var(--ea-accent); background: var(--ea-accent-soft); padding: 5px 9px; border-radius: 4px; }
.ea-buy__alt { display: block; margin-top: 14px; text-align: center; font-size: 14px; color: var(--ea-muted); }
.ea-buy__title { margin: 28px 0 6px; font-size: 12.5px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
[lang="ar"] .ea-buy__title { letter-spacing: 0; font-size: 14px; }
.ea-buy__list { list-style: none; margin: 0 0 24px; padding: 0; }
.ea-buy__list li { display: grid; grid-template-columns: 20px 1fr auto; align-items: center; gap: 12px; padding: 12px 0; border-bottom: 1px solid var(--ea-line); font-size: 14.5px; }
.ea-buy__list .ea-icon { width: 18px; height: 18px; color: var(--ea-muted); }
.ea-buy__list span { color: var(--ea-muted); }
.ea-buy__list strong { font-weight: 700; text-align: end; }

.ea-progress__row { display: flex; justify-content: space-between; align-items: baseline; margin-bottom: 8px; font-size: 13.5px; color: var(--ea-muted); }
.ea-progress__row strong { color: var(--ea-text); font-size: 15px; }
.ea-progress__bar { height: 6px; background: var(--ea-paper-2); border-radius: 3px; overflow: hidden; }
.ea-progress__bar span { display: block; height: 100%; background: var(--ea-accent); border-radius: 3px; transition: width .6s var(--ea-ease); }
.ea-buy .ea-progress { margin-bottom: 20px; }

.ea-share { display: flex; align-items: center; flex-wrap: wrap; gap: 6px; }
.ea-share__label { font-size: 13px; font-weight: 600; color: var(--ea-muted); margin-inline-end: 6px; }
.ea-share a, .ea-share button { display: grid; place-items: center; width: 38px; height: 38px; padding: 0; border: 1px solid var(--ea-line); border-radius: 50%; background: none; color: var(--ea-muted); cursor: pointer; transition: .25s; }
.ea-share a:hover, .ea-share button:hover { color: var(--ea-ink); border-color: var(--ea-ink); }
.ea-share .ea-icon { width: 16px; height: 16px; }
.ea-share button.is-copied { color: var(--ea-ok); border-color: var(--ea-ok); }

.ea-subnav {
	position: sticky; z-index: 4; inset-block-start: var(--ea-sticky-top);
	display: flex; gap: 4px; margin-bottom: 44px; overflow-x: auto; scrollbar-width: none;
	background: var(--ea-bg); border-bottom: 1px solid var(--ea-line);
	transition: inset-block-start .45s var(--ea-ease);
}
.ea-subnav::-webkit-scrollbar { display: none; }
.ea-subnav a { padding: 18px 16px; margin-bottom: -1px; font-size: 14.5px; font-weight: 700; color: var(--ea-muted); text-decoration: none; white-space: nowrap; border-bottom: 2px solid transparent; transition: color .2s, border-color .2s; }
.ea-subnav a:hover { color: var(--ea-text); }
.ea-subnav a.is-active { color: var(--ea-text); border-bottom-color: var(--ea-accent); }

.ea-cblock { scroll-margin-top: 140px; padding-bottom: 52px; margin-bottom: 52px; border-bottom: 1px solid var(--ea-line); }
.ea-cblock:last-child { border-bottom: 0; margin-bottom: 0; padding-bottom: 0; }
.ea-cblock > .ea-h3 { margin-bottom: 22px; }
.ea-cblock__head { display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; margin-bottom: 22px; }
.ea-cblock__head .ea-h3 { margin-bottom: 4px; }
.ea-cblock__head p { margin: 0; font-size: 14.5px; }
.ea-cblock--split { display: grid; grid-template-columns: 1fr 1fr; gap: 48px; }
.ea-learn { background: var(--ea-paper); border: 1px solid var(--ea-line); border-radius: var(--ea-r); padding: clamp(24px, 3vw, 36px); }

.ea-checks { list-style: none; margin: 0; padding: 0; display: grid; gap: 14px 32px; }
.ea-checks--2 { grid-template-columns: 1fr 1fr; }
.ea-checks li { display: flex; align-items: flex-start; gap: 12px; line-height: 1.55; }
.ea-checks .ea-icon { width: 20px; height: 20px; margin-top: 2px; color: var(--ea-accent); }
.ea-checks--muted .ea-icon { color: var(--ea-ok); }
.ea-bullets { list-style: none; margin: 0; padding: 0; display: grid; gap: 12px; }
.ea-bullets li { position: relative; padding-inline-start: 22px; line-height: 1.55; }
.ea-bullets li::before { content: ""; position: absolute; inset-inline-start: 0; inset-block-start: .7em; width: 8px; height: 2px; background: var(--ea-accent); }

/* Accordions (FAQ + curriculum) */
.ea-acc { border-top: 1px solid var(--ea-line-2); }
.ea-acc__item { border-bottom: 1px solid var(--ea-line-2); }
.ea-acc__head { margin: 0; font-size: inherit; font-weight: inherit; }
.ea-acc__btn {
	display: flex; align-items: center; justify-content: space-between; gap: 24px; width: 100%;
	padding: 24px 0; border: 0; background: none; color: inherit; cursor: pointer; text-align: start;
	font-size: 1.1rem; font-weight: 700; letter-spacing: -.01em; line-height: 1.4;
}
[lang="ar"] .ea-acc__btn { letter-spacing: 0; }
.ea-acc__btn:hover { color: var(--ea-accent); }
.ea-acc__sign { position: relative; flex: none; width: 14px; height: 14px; }
.ea-acc__sign::before, .ea-acc__sign::after { content: ""; position: absolute; inset-block-start: 50%; inset-inline-start: 0; width: 14px; height: 1.5px; background: currentColor; transition: transform .35s var(--ea-ease); }
.ea-acc__sign::after { transform: rotate(90deg); }
.is-open > .ea-acc__head .ea-acc__sign::after { transform: rotate(0); }
.ea-acc__panel { display: grid; grid-template-rows: 0fr; transition: grid-template-rows .45s var(--ea-ease); }
.ea-acc__item.is-open > .ea-acc__panel { grid-template-rows: 1fr; }
.ea-acc__inner { overflow: hidden; min-height: 0; visibility: hidden; transition: visibility 0s .45s; }
.ea-acc__item.is-open > .ea-acc__panel > .ea-acc__inner { visibility: visible; transition-delay: 0s; }
.ea-acc__inner p { margin: 0 0 24px; max-width: 72ch; color: var(--ea-muted); }

.ea-curriculum { border: 1px solid var(--ea-line); border-radius: var(--ea-r); overflow: hidden; background: #fff; }
.ea-curriculum .ea-acc__item { border-bottom: 0; }
.ea-curriculum .ea-module + .ea-module { border-top: 1px solid var(--ea-line); }
.ea-module__btn { display: grid; grid-template-columns: auto 1fr auto auto; gap: 16px; padding: 20px 24px; font-size: 1rem; }
.ea-module__btn:hover { color: inherit; background: var(--ea-paper); }
.ea-module.is-open > .ea-acc__head .ea-module__btn { background: var(--ea-paper); }
.ea-module__index { font-size: 13px; font-weight: 800; color: var(--ea-accent); }
.ea-module__title { font-weight: 700; }
.ea-module__meta { font-size: 13.5px; font-weight: 500; color: var(--ea-muted); white-space: nowrap; }
.ea-lessons { list-style: none; margin: 0; padding: 6px 0 12px; }
.ea-lesson { display: grid; grid-template-columns: 20px minmax(0, 1fr) auto; align-items: center; gap: 14px; padding: 11px 24px; font-size: 15px; line-height: 1.45; }
.ea-lesson__icon { display: grid; color: var(--ea-muted); }
.ea-lesson__icon .ea-icon { width: 18px; height: 18px; }
.ea-lesson.is-done .ea-lesson__icon { color: var(--ea-ok); }
.ea-lesson__title { color: var(--ea-text); text-decoration: none; }
a.ea-lesson__title:hover { color: var(--ea-accent); }
.ea-lesson.is-locked .ea-lesson__title { color: var(--ea-muted); }
.ea-lesson.is-current { background: var(--ea-accent-soft); }
.ea-lesson.is-current .ea-lesson__title { font-weight: 700; }
.ea-lesson__side { display: flex; align-items: center; gap: 14px; font-size: 13.5px; color: var(--ea-muted); }
.ea-lesson__preview { padding: 0; border: 0; background: none; color: var(--ea-accent); font-size: 13.5px; font-weight: 700; cursor: pointer; text-decoration: underline; text-underline-offset: 3px; }
.ea-lesson__lock .ea-icon { width: 16px; height: 16px; }

.ea-instructor { display: grid; grid-template-columns: 170px minmax(0, 1fr); gap: 32px; align-items: start; }
.ea-instructor__photo { aspect-ratio: 4 / 5; border-radius: var(--ea-r); overflow: hidden; background: var(--ea-ink); }
.ea-instructor__photo img { width: 100%; height: 100%; object-fit: cover; }
.ea-instructor__name { margin: 0; font-size: 1.4rem; font-weight: 800; letter-spacing: -.02em; }
.ea-instructor__role { margin: 4px 0 14px; font-size: 14.5px; font-weight: 700; color: var(--ea-accent); }
.ea-instructor__bio { color: var(--ea-muted); margin: 0; }
.ea-instructor__foot { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 16px; margin-top: 20px; }
.ea-instructor__foot .ea-social { margin: 0; }

.ea-rsum { display: flex; align-items: center; gap: 20px; margin-bottom: 28px; }
.ea-rsum__value { font-size: 3.6rem; font-weight: 800; line-height: 1; letter-spacing: -.05em; }
.ea-rsum .ea-stars svg { width: 20px; height: 20px; }
.ea-rsum p { margin: 6px 0 0; font-size: 14px; }

.ea-enroll { padding-block: clamp(56px, 7vw, 88px); }
.ea-enroll__inner { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 32px; }
.ea-enroll__inner .ea-eyebrow { margin-bottom: 14px; }
.ea-enroll__inner .ea-h2 { max-width: 22ch; }
.ea-enroll__buy { display: flex; align-items: center; flex-wrap: wrap; gap: 24px; }

.ea-buybar {
	position: fixed; z-index: 50; inset-inline: 0; inset-block-end: 0;
	display: none; align-items: center; justify-content: space-between; gap: 16px;
	padding: 12px var(--ea-gutter) calc(12px + env(safe-area-inset-bottom));
	background: #fff; border-top: 1px solid var(--ea-line); box-shadow: 0 -12px 30px -18px rgba(15, 17, 20, .35);
	transform: translateY(110%); transition: transform .45s var(--ea-ease);
}
.ea-buybar.is-visible { transform: none; }
.ea-buybar__progress { font-weight: 700; }

@media (max-width: 1080px) {
	.ea-course { grid-template-columns: minmax(0, 1fr); gap: 0; }
	.ea-course__aside, .ea-course__main { grid-column: 1; grid-row: auto; }
	.ea-course__aside { position: relative; inset-block-start: auto; margin-top: -32px; margin-bottom: 48px; max-width: 560px; }
	.ea-buybar { display: flex; }
	body.single-ea_course .ea-footer { padding-bottom: 72px; }
}
@media (max-width: 760px) {
	.ea-cblock--split, .ea-checks--2 { grid-template-columns: 1fr; }
	.ea-instructor { grid-template-columns: 1fr; }
	.ea-instructor__photo { width: 140px; }
	.ea-module__btn { grid-template-columns: auto 1fr auto; padding: 18px; }
	.ea-module__meta { grid-column: 2; grid-row: 2; }
	.ea-module__btn .ea-acc__sign { grid-column: 3; grid-row: 1 / span 2; }
	.ea-lesson { padding: 11px 18px; }
	.ea-cblock__head { flex-direction: column; align-items: flex-start; }
}

/* 24. Lesson page
   -------------------------------------------------------------------------- */
.ea-lesson-page { background: #fff; }
.ea-lhead {
	position: sticky; inset-block-start: 0; z-index: 30; height: 64px;
	display: flex; align-items: center; justify-content: space-between; gap: 16px; padding-inline: 20px;
	background: var(--ea-ink); color: var(--ea-on-dark); border-bottom: 1px solid var(--ea-dark-line);
}
.admin-bar .ea-lhead { inset-block-start: 32px; }
.ea-lhead__back { display: flex; align-items: center; gap: 10px; min-width: 0; color: var(--ea-on-dark); text-decoration: none; font-weight: 700; font-size: 15px; }
.ea-lhead__back .ea-icon { width: 18px; height: 18px; }
.ea-lhead__course { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ea-lhead__right { display: flex; align-items: center; gap: 16px; flex: none; }
.ea-lhead__progress { display: flex; align-items: center; gap: 10px; font-size: 13px; font-weight: 700; }
.ea-lhead__bar { width: 140px; height: 4px; background: rgba(255, 255, 255, .15); border-radius: 2px; overflow: hidden; }
.ea-lhead__bar span { display: block; height: 100%; background: var(--ea-accent-light); transition: width .6s var(--ea-ease); }
.ea-lhead__dash { display: inline-flex; align-items: center; gap: 8px; color: var(--ea-on-dark-2); text-decoration: none; font-size: 14px; font-weight: 600; }
.ea-lhead__dash .ea-icon { width: 18px; height: 18px; }

.ea-lwrap { display: grid; grid-template-columns: minmax(0, 1fr) 380px; min-height: calc(100vh - 64px); }
.ea-lmain { grid-column: 1; min-width: 0; }
.ea-lmain:focus { outline: 0; }
.ea-lside { grid-column: 2; grid-row: 1; position: sticky; inset-block-start: 64px; height: calc(100vh - 64px); overflow-y: auto; border-inline-start: 1px solid var(--ea-line); background: #fff; }
.ea-lside__title { margin: 0; padding: 20px 24px; font-weight: 800; border-bottom: 1px solid var(--ea-line); }
.ea-lside__toggle { display: none; }
.ea-curriculum--sidebar { border: 0; border-radius: 0; }
.ea-curriculum--sidebar .ea-module + .ea-module { border-top: 1px solid var(--ea-line); }
.ea-curriculum--sidebar .ea-module__btn { grid-template-columns: auto 1fr auto; padding: 16px 20px; }
.ea-curriculum--sidebar .ea-module__meta { grid-column: 2; grid-row: 2; font-size: 12.5px; }
.ea-curriculum--sidebar .ea-acc__sign { grid-column: 3; grid-row: 1 / span 2; }
.ea-curriculum--sidebar .ea-lesson { padding: 10px 20px; font-size: 14.5px; }

.ea-player { background: #000; }
.ea-player__facade { position: relative; display: block; width: 100%; aspect-ratio: 16 / 9; max-height: calc(100vh - 160px); padding: 0; border: 0; background: #000; color: #fff; cursor: pointer; overflow: hidden; }
.ea-player__facade img { width: 100%; height: 100%; object-fit: cover; opacity: .75; transition: opacity .4s; }
.ea-player__facade:hover img { opacity: .9; }
.ea-player iframe, .ea-player video { display: block; width: 100%; aspect-ratio: 16 / 9; max-height: calc(100vh - 160px); border: 0; background: #000; }
.ea-player__empty { display: grid; place-content: center; justify-items: center; gap: 12px; aspect-ratio: 16 / 9; max-height: calc(100vh - 160px); background: var(--ea-ink-2); color: var(--ea-on-dark-2); text-align: center; padding: 24px; }
.ea-player__empty .ea-icon { width: 40px; height: 40px; }
.ea-lmain__inner { max-width: 920px; margin: 0 auto; padding: 32px clamp(20px, 4vw, 48px) 80px; }
.ea-lmain__head { display: flex; align-items: flex-start; justify-content: space-between; gap: 24px; margin-bottom: 28px; padding-bottom: 24px; border-bottom: 1px solid var(--ea-line); }
.ea-lmain__kicker { margin: 0 0 8px; font-size: 13.5px; color: var(--ea-muted); }
.ea-lmain__title { margin: 0; font-size: clamp(1.5rem, 1.2rem + 1vw, 2.1rem); line-height: 1.2; letter-spacing: -.025em; }
[lang="ar"] .ea-lmain__title { letter-spacing: 0; line-height: 1.45; }
.ea-ltabs__list { display: flex; gap: 4px; margin-bottom: 24px; border-bottom: 1px solid var(--ea-line); }
.ea-ltabs__list button { display: inline-flex; align-items: center; padding: 12px 16px; margin-bottom: -1px; border: 0; border-bottom: 2px solid transparent; background: none; font-size: 15px; font-weight: 700; color: var(--ea-muted); cursor: pointer; }
.ea-ltabs__list button[aria-selected="true"] { color: var(--ea-text); border-bottom-color: var(--ea-accent); }
.ea-count { display: inline-grid; place-items: center; min-width: 20px; height: 20px; padding-inline: 6px; margin-inline-start: 8px; border-radius: 10px; background: var(--ea-paper-2); font-size: 12px; }
.ea-resources { list-style: none; margin: 0; padding: 0; }
.ea-resources li { display: flex; align-items: center; gap: 12px; padding: 14px 0; border-bottom: 1px solid var(--ea-line); }
.ea-resources li > span { flex: 1; }
.ea-resources .ea-icon { width: 18px; height: 18px; color: var(--ea-muted); }
.ea-lnav { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-top: 48px; }
.ea-lnav__link { display: flex; align-items: center; gap: 14px; padding: 20px; border: 1px solid var(--ea-line); border-radius: var(--ea-r); color: var(--ea-text); text-decoration: none; font-weight: 700; line-height: 1.35; transition: border-color .25s, background-color .25s; }
.ea-lnav__link:hover { border-color: var(--ea-ink); background: var(--ea-paper); }
.ea-lnav__link small { display: block; margin-bottom: 4px; font-size: 12.5px; font-weight: 600; color: var(--ea-muted); }
.ea-lnav__link--next { justify-content: flex-end; text-align: end; grid-column: 2; }
.ea-locked { max-width: 560px; margin: clamp(56px, 10vw, 120px) auto; padding: 0 24px; text-align: center; }
.ea-locked__icon { display: inline-grid; place-items: center; width: 72px; height: 72px; margin-bottom: 24px; border-radius: 50%; background: var(--ea-paper); color: var(--ea-accent); }
.ea-locked__icon .ea-icon { width: 28px; height: 28px; }
.ea-locked p { color: var(--ea-muted); }
.ea-locked .ea-actions { justify-content: center; margin-top: 28px; }

@media (max-width: 1024px) {
	.ea-lwrap { display: block; }
	.ea-lside { position: static; height: auto; border: 0; }
	.ea-lside__toggle {
		position: fixed; z-index: 40; inset-block-end: calc(16px + env(safe-area-inset-bottom)); inset-inline-end: 16px;
		display: inline-flex; align-items: center; gap: 10px; padding: 14px 20px; border: 0; border-radius: 999px;
		background: var(--ea-ink); color: #fff; font-size: 14.5px; font-weight: 700; cursor: pointer;
		box-shadow: 0 16px 36px -14px rgba(0, 0, 0, .55);
	}
	.ea-lside__toggle .ea-icon { width: 18px; height: 18px; transition: transform .3s; }
	.ea-lside__body { position: fixed; z-index: 35; inset: 64px 0 0; overflow-y: auto; background: #fff; padding-bottom: 96px; transform: translateY(24px); opacity: 0; visibility: hidden; transition: .35s var(--ea-ease); }
	.ea-lside.is-open .ea-lside__body { transform: none; opacity: 1; visibility: visible; }
	.ea-lside.is-open .ea-lside__toggle .ea-icon { transform: rotate(180deg); }
	.ea-lhead__dash span, .ea-lhead__bar { display: none; }
}
@media (max-width: 560px) {
	.ea-lhead { padding-inline: 14px; }
	.ea-lhead .ea-lang { display: none; }
	.ea-lmain__head { flex-direction: column; }
	.ea-lnav { grid-template-columns: 1fr; }
	.ea-lnav__link--next { grid-column: 1; }
}

/* 25. Dashboard & auth
   -------------------------------------------------------------------------- */
.ea-dash__inner { display: grid; grid-template-columns: 260px minmax(0, 1fr); gap: 48px; align-items: start; }
.ea-dash__nav { position: sticky; inset-block-start: calc(var(--ea-sticky-top) + 24px); padding: 12px; background: #fff; border: 1px solid var(--ea-line); border-radius: var(--ea-r); }
.ea-dash__user { display: flex; align-items: center; gap: 12px; padding: 10px 10px 18px; margin-bottom: 8px; border-bottom: 1px solid var(--ea-line); }
.ea-dash__user strong { display: block; font-size: 15px; line-height: 1.3; }
.ea-dash__user small { display: block; font-size: 12.5px; color: var(--ea-muted); word-break: break-all; }
.ea-dash__nav ul { list-style: none; margin: 0; padding: 0; }
.ea-dash__nav a { display: flex; align-items: center; gap: 12px; padding: 11px 12px; border-radius: var(--ea-r-sm); color: var(--ea-muted); text-decoration: none; font-size: 15px; font-weight: 600; transition: background-color .2s, color .2s; }
.ea-dash__nav a:hover { background: var(--ea-paper); color: var(--ea-text); }
.ea-dash__nav a.is-active { background: var(--ea-ink); color: #fff; }
.ea-dash__nav .ea-icon { width: 18px; height: 18px; }
.ea-dash__stats { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; margin: 0 0 40px; }
.ea-dash__stats > div { padding: 22px 24px; background: #fff; border: 1px solid var(--ea-line); border-radius: var(--ea-r); }
.ea-dash__stats dt { font-size: 13.5px; color: var(--ea-muted); }
.ea-dash__stats dd { margin: 10px 0 0; font-size: 2.3rem; font-weight: 800; letter-spacing: -.04em; line-height: 1; }
.ea-dash__title { margin: 0 0 20px; font-size: 1.35rem; letter-spacing: -.02em; }
.ea-pgrid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; margin-top: 20px; }
.ea-pcard { display: grid; grid-template-rows: auto 1fr; background: #fff; border: 1px solid var(--ea-line); border-radius: var(--ea-r); overflow: hidden; }
.ea-pcard__media { display: block; aspect-ratio: 16 / 9; overflow: hidden; background: var(--ea-ink); }
.ea-pcard__media img { width: 100%; height: 100%; object-fit: cover; }
.ea-pcard__body { display: flex; flex-direction: column; gap: 14px; padding: 22px; }
.ea-pcard__topic { margin: 0; font-size: 12.5px; font-weight: 800; color: var(--ea-accent); }
.ea-pcard__title { margin: -6px 0 0; font-size: 1.15rem; line-height: 1.35; }
.ea-pcard__title a { text-decoration: none; }
.ea-pcard__last { display: flex; align-items: center; gap: 8px; margin: 0; font-size: 13.5px; color: var(--ea-muted); }
.ea-pcard__last .ea-icon { width: 16px; height: 16px; }
.ea-pcard__actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: auto; }
.ea-pcard--large { grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr); grid-template-rows: auto; }
.ea-pcard--large .ea-pcard__media { aspect-ratio: auto; height: 100%; min-height: 240px; }
.ea-pcard--large .ea-pcard__body { padding: 28px; }
.ea-pcard--large .ea-pcard__title { font-size: 1.45rem; }
.ea-certs { list-style: none; margin: 0; padding: 0; display: grid; gap: 12px; }
.ea-certs li { display: flex; align-items: center; flex-wrap: wrap; gap: 16px; padding: 20px; background: #fff; border: 1px solid var(--ea-line); border-radius: var(--ea-r); }
.ea-certs__icon { display: grid; place-items: center; width: 48px; height: 48px; border-radius: 50%; background: var(--ea-accent-soft); color: var(--ea-accent); }
.ea-certs__body { flex: 1; min-width: 200px; }
.ea-certs__body strong { display: block; }
.ea-certs__body small { color: var(--ea-muted); }
@media (max-width: 1024px) {
	.ea-dash__inner { grid-template-columns: 1fr; gap: 28px; }
	.ea-dash__nav { position: static; padding: 8px; }
	.ea-dash__user { display: none; }
	.ea-dash__nav ul { display: flex; overflow-x: auto; gap: 4px; scrollbar-width: none; }
	.ea-dash__nav ul::-webkit-scrollbar { display: none; }
	.ea-dash__nav a { white-space: nowrap; }
	.ea-dash__stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 640px) {
	.ea-pgrid { grid-template-columns: 1fr; }
	.ea-pcard--large { grid-template-columns: 1fr; }
	.ea-pcard--large .ea-pcard__media { aspect-ratio: 16 / 9; min-height: 0; }
}

.ea-auth { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, .8fr); gap: 24px; max-width: 980px; }
.ea-auth__card { padding: clamp(28px, 4vw, 44px); background: #fff; border: 1px solid var(--ea-line); border-radius: var(--ea-r); }
.ea-auth__side { padding: clamp(28px, 4vw, 44px); background: var(--ea-paper-2); border-radius: var(--ea-r); }
.ea-auth__side p { color: var(--ea-muted); }
.ea-auth__links { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 12px; margin: 20px 0 0; font-size: 14.5px; }
.ea-auth__links a { color: var(--ea-accent); font-weight: 600; }
#ea-login p { margin: 0 0 18px; }
#ea-login label { display: block; margin-bottom: 8px; font-size: 14px; font-weight: 700; }
#ea-login .login-remember label { display: flex; align-items: center; gap: 8px; font-weight: 500; }
#ea-login input[type="text"], #ea-login input[type="password"] { width: 100%; }
#ea-login #wp-submit { height: 52px; width: 100%; padding-inline: 24px; border: 0; border-radius: var(--ea-r-sm); background: var(--ea-accent); color: #fff; font-weight: 700; font-size: 15px; cursor: pointer; }
#ea-login #wp-submit:hover { background: var(--ea-accent-2); }
@media (max-width: 760px) { .ea-auth { grid-template-columns: 1fr; } }

/* 26. Forms
   -------------------------------------------------------------------------- */
.ea-form input[type="text"], .ea-form input[type="email"], .ea-form input[type="tel"], .ea-form input[type="password"], .ea-form select, .ea-form textarea,
#ea-login input[type="text"], #ea-login input[type="password"],
.ea-comments input[type="text"], .ea-comments input[type="email"], .ea-comments input[type="url"], .ea-comments textarea,
.ea-searchform input[type="search"] {
	width: 100%; height: 52px; padding-inline: 16px;
	border: 1px solid var(--ea-line-2); border-radius: var(--ea-r-sm); background: #fff; color: var(--ea-text);
	font-size: 16px; transition: border-color .2s, box-shadow .2s;
}
.ea-form textarea, .ea-comments textarea { height: auto; min-height: 150px; padding-block: 14px; resize: vertical; line-height: 1.6; }
.ea-form select { appearance: none; -webkit-appearance: none; cursor: pointer; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' fill='none' stroke='%235C616A' stroke-width='1.6'%3E%3Cpath d='m1 1.5 5 5 5-5'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 16px center; padding-inline-end: 40px; }
[dir="rtl"] .ea-form select { background-position: left 16px center; }
.ea-form input:focus, .ea-form select:focus, .ea-form textarea:focus, #ea-login input:focus, .ea-comments input:focus, .ea-comments textarea:focus, .ea-searchform input:focus {
	outline: 0; border-color: var(--ea-accent); box-shadow: 0 0 0 3px var(--ea-accent-soft);
}
.ea-form .is-invalid { border-color: #C2410C !important; }
.ea-form__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.ea-field { display: flex; flex-direction: column; gap: 8px; margin: 0; }
.ea-field--full { grid-column: 1 / -1; }
.ea-field label { font-size: 14px; font-weight: 700; }
.ea-field label span { color: var(--ea-accent); }
.ea-form__foot { display: flex; align-items: center; flex-wrap: wrap; gap: 20px; margin-top: 26px; }
.ea-form__note { margin: 0; font-size: 13.5px; color: var(--ea-muted); }
.ea-form--card { padding: clamp(24px, 3vw, 36px); background: #fff; border: 1px solid var(--ea-line); border-radius: var(--ea-r); }
.ea-form--card .ea-form__note { margin-top: 12px; }
.ea-hp { position: absolute !important; inset-inline-start: -9999px; width: 1px; height: 1px; overflow: hidden; }
@media (max-width: 640px) { .ea-form__grid { grid-template-columns: 1fr; } .ea-form__foot .ea-btn { width: 100%; } }

.ea-notice { margin-bottom: 24px; padding: 14px 18px; border-radius: var(--ea-r-sm); font-size: 15px; line-height: 1.5; }
.ea-notice--ok { background: #E8F3EC; color: #1C5A3D; border: 1px solid #C0DDCB; }
.ea-notice--error { background: #FBEBE5; color: #8A2E14; border: 1px solid #F1C6B7; }

.ea-searchform { position: relative; display: flex; align-items: center; gap: 8px; max-width: 520px; }
.ea-searchform > .ea-icon { position: absolute; inset-inline-start: 16px; width: 18px; height: 18px; color: var(--ea-muted); pointer-events: none; }
.ea-searchform input[type="search"] { padding-inline-start: 44px; }
.ea-searchform .ea-btn { --h: 52px; flex: none; }

/* 27. Contact page
   -------------------------------------------------------------------------- */
.ea-contact__inner { display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr); gap: 32px; align-items: start; }
.ea-contact__form { padding: clamp(24px, 4vw, 48px); background: #fff; border: 1px solid var(--ea-line); border-radius: var(--ea-r); }
.ea-contact__form > .ea-muted { margin-bottom: 32px; }
.ea-contact__aside { display: flex; flex-direction: column; gap: 16px; position: sticky; inset-block-start: calc(var(--ea-sticky-top) + 24px); }
.ea-book { padding: 32px; background: var(--ea-ink); color: var(--ea-on-dark); border-radius: var(--ea-r); }
.ea-book__icon { display: grid; place-items: center; width: 48px; height: 48px; margin-bottom: 20px; border-radius: 50%; background: var(--ea-accent); color: #fff; }
.ea-book p { color: var(--ea-on-dark-2); margin-bottom: 24px; }
.ea-wa { display: flex; align-items: center; gap: 16px; padding: 20px; background: #fff; border: 1px solid var(--ea-line); border-radius: var(--ea-r); color: var(--ea-text); text-decoration: none; transition: border-color .25s; }
.ea-wa:hover { border-color: var(--ea-ink); }
.ea-wa > span:nth-child(2) { flex: 1; }
.ea-wa strong { display: block; }
.ea-wa small { display: block; font-size: 13px; color: var(--ea-muted); }
.ea-wa__icon { display: grid; place-items: center; width: 44px; height: 44px; border-radius: 50%; background: #E7F6EC; color: #1C8F4A; }
.ea-direct { list-style: none; margin: 0; padding: 4px 20px; background: #fff; border: 1px solid var(--ea-line); border-radius: var(--ea-r); }
.ea-direct li { display: flex; align-items: flex-start; gap: 14px; padding: 16px 0; border-bottom: 1px solid var(--ea-line); }
.ea-direct li:last-child { border: 0; }
.ea-direct .ea-icon { margin-top: 3px; color: var(--ea-muted); }
.ea-direct small { display: block; font-size: 12.5px; color: var(--ea-muted); }
.ea-direct a { text-decoration: none; font-weight: 600; }
.ea-contact__social .ea-label { margin-bottom: 0; }
.ea-contact__social .ea-social { margin-top: 12px; }
.ea-admin-hint { margin: 0; padding: 12px 14px; font-size: 13px; background: #FFF7E0; border: 1px dashed #D9B44A; border-radius: var(--ea-r-sm); }
@media (max-width: 960px) { .ea-contact__inner { grid-template-columns: 1fr; } .ea-contact__aside { position: static; } }

/* 28. About page
   -------------------------------------------------------------------------- */
.ea-ahero { position: relative; overflow: hidden; padding-top: calc(var(--ea-header-h) + clamp(40px, 5vw, 72px)); }
.ea-ahero__inner { position: relative; display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr); gap: clamp(40px, 6vw, 96px); align-items: end; }
.ea-ahero__content { padding-bottom: clamp(64px, 8vw, 120px); }
.ea-ahero__title { max-width: 16ch; margin-bottom: 26px; }
.ea-ahero__portrait { position: relative; margin: 0; aspect-ratio: 4 / 5; border-radius: var(--ea-r) var(--ea-r) 0 0; overflow: hidden; background: var(--ea-ink-2); }
.ea-ahero__portrait img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 20%; }
.ea-ahero__portrait figcaption { position: absolute; inset-inline-start: 20px; inset-block-end: 20px; padding: 8px 12px; border-radius: 4px; background: rgba(10, 11, 13, .55); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); font-size: 13px; color: #fff; }
@media (max-width: 960px) { .ea-ahero__inner { grid-template-columns: 1fr; } .ea-ahero__content { padding-bottom: 0; } .ea-ahero__portrait { aspect-ratio: 5 / 4; } }

.ea-story__inner { display: grid; grid-template-columns: minmax(0, 4fr) minmax(0, 8fr); gap: clamp(32px, 6vw, 96px); }
.ea-story__aside { position: sticky; inset-block-start: calc(var(--ea-sticky-top) + 32px); align-self: start; }
.ea-story__text p { max-width: 64ch; margin: 0 0 24px; font-size: 1.125rem; line-height: 1.8; color: var(--ea-text-2); }
.ea-story__text .ea-story__lede { font-size: clamp(1.35rem, 1.1rem + .9vw, 1.8rem); line-height: 1.45; font-weight: 600; letter-spacing: -.015em; color: var(--ea-text); }
[lang="ar"] .ea-story__text .ea-story__lede { letter-spacing: 0; line-height: 1.7; }
@media (max-width: 960px) { .ea-story__inner { grid-template-columns: 1fr; } .ea-story__aside { position: static; } }

.ea-pillars { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border-top: 1px solid var(--ea-line-2); }
.ea-pillar { padding-block: 40px 0; padding-inline: 0 40px; }
.ea-pillar + .ea-pillar { padding-inline-start: 40px; border-inline-start: 1px solid var(--ea-line-2); }
.ea-pillar__num { display: block; margin-bottom: 28px; font-family: var(--ea-font-serif); font-style: italic; font-size: 4.2rem; line-height: 1; color: var(--ea-accent); }
[lang="ar"] .ea-pillar__num { font-family: var(--ea-font-en); font-style: normal; font-weight: 300; font-size: 3.4rem; }
.ea-pillar__title { margin: 0 0 12px; font-size: 1.4rem; letter-spacing: -.02em; }
.ea-pillar p { margin: 0; color: var(--ea-muted); }
@media (max-width: 860px) { .ea-pillars { grid-template-columns: 1fr; } .ea-pillar, .ea-pillar + .ea-pillar { padding: 32px 0; border-inline-start: 0; border-bottom: 1px solid var(--ea-line-2); } }

.ea-principles { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); border-top: 1px solid var(--ea-dark-line); }
.ea-principle { display: grid; grid-template-columns: 56px 1fr; gap: 0 12px; padding-block: 40px; padding-inline-end: 48px; border-bottom: 1px solid var(--ea-dark-line); }
.ea-principle:nth-child(even) { padding-inline: 48px 0; border-inline-start: 1px solid var(--ea-dark-line); }
.ea-principle__num { grid-row: span 2; padding-top: 6px; font-size: 13px; font-weight: 800; color: var(--ea-accent-light); }
.ea-principle h3 { margin: 0 0 10px; font-size: 1.35rem; letter-spacing: -.02em; }
.ea-principle p { margin: 0; color: var(--ea-on-dark-2); }
@media (max-width: 760px) { .ea-principles { grid-template-columns: 1fr; } .ea-principle, .ea-principle:nth-child(even) { padding: 28px 0; border-inline-start: 0; } }

.ea-expertise__grid { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr) minmax(0, 1fr); gap: 48px; }
.ea-list-lines { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--ea-line); }
.ea-list-lines li { padding: 14px 0; border-bottom: 1px solid var(--ea-line); font-weight: 600; }
@media (max-width: 860px) { .ea-expertise__grid { grid-template-columns: 1fr; gap: 36px; } }

.ea-timeline { position: relative; list-style: none; margin: 0; padding: 0; max-width: 920px; }
.ea-timeline::before { content: ""; position: absolute; inset-block: 10px; inset-inline-start: 176px; width: 1px; background: var(--ea-line-2); }
.ea-timeline__item { position: relative; display: grid; grid-template-columns: 176px 1fr; gap: 0 48px; padding-bottom: 48px; }
.ea-timeline__item:last-child { padding-bottom: 0; }
.ea-timeline__item::before { content: ""; position: absolute; inset-inline-start: 171px; inset-block-start: 8px; width: 11px; height: 11px; border-radius: 50%; background: var(--ea-accent); box-shadow: 0 0 0 5px var(--ea-paper); }
.ea-timeline__period { padding-top: 2px; font-size: 14px; font-weight: 800; color: var(--ea-accent); }
.ea-timeline h3 { margin: 0 0 8px; font-size: 1.25rem; letter-spacing: -.015em; }
.ea-timeline p { margin: 0; max-width: 62ch; color: var(--ea-muted); }
@media (max-width: 640px) {
	.ea-timeline::before { inset-inline-start: 5px; }
	.ea-timeline__item { grid-template-columns: 1fr; gap: 6px; padding-inline-start: 32px; padding-bottom: 36px; }
	.ea-timeline__item::before { inset-inline-start: 0; }
}

.ea-clients__title { text-align: center; margin-bottom: 28px; }
.ea-logos { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); border-top: 1px solid var(--ea-line); border-inline-start: 1px solid var(--ea-line); }
.ea-logos li { display: grid; place-items: center; aspect-ratio: 5 / 3; padding: 20px; border-inline-end: 1px solid var(--ea-line); border-bottom: 1px solid var(--ea-line); }
.ea-logos span { font-size: 12px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: #ABA59A; text-align: center; }
.ea-logos img { max-width: 120px; max-height: 48px; object-fit: contain; filter: grayscale(1); opacity: .7; transition: .3s; }
.ea-logos li:hover img { filter: none; opacity: 1; }
@media (max-width: 860px) { .ea-logos { grid-template-columns: repeat(3, minmax(0, 1fr)); } }

/* 29. Consulting page
   -------------------------------------------------------------------------- */
.ea-audience { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 16px; }
.ea-audience li { padding: 28px 24px; background: #fff; border: 1px solid var(--ea-line); border-radius: var(--ea-r); transition: border-color .25s, transform .4s var(--ea-ease); }
.ea-audience li:hover { border-color: var(--ea-text); transform: translateY(-3px); }
.ea-audience h3 { margin: 0 0 10px; font-size: 1.1rem; }
.ea-audience p { margin: 0; font-size: 14.5px; color: var(--ea-muted); }
@media (max-width: 1080px) { .ea-audience { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 640px) { .ea-audience { grid-template-columns: 1fr; } }

.ea-problems__inner { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: clamp(32px, 6vw, 96px); align-items: start; }
.ea-problems__list { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--ea-dark-line); }
.ea-problems__list li { display: flex; align-items: flex-start; gap: 16px; padding: 22px 0; border-bottom: 1px solid var(--ea-dark-line); font-size: clamp(1.05rem, 1rem + .3vw, 1.2rem); font-weight: 600; line-height: 1.45; }
.ea-problems__list .ea-icon { margin-top: 4px; color: var(--ea-accent-light); }
@media (max-width: 960px) { .ea-problems__inner { grid-template-columns: 1fr; } }

.ea-svc-grid { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1px; background: var(--ea-line); border: 1px solid var(--ea-line); border-radius: var(--ea-r); overflow: hidden; }
.ea-svc { padding: 34px 30px; background: #fff; transition: background-color .3s; }
.ea-svc:hover { background: #FDFCFA; }
.ea-svc__num { display: block; margin-bottom: 28px; font-size: 13px; font-weight: 800; color: var(--ea-accent); }
.ea-svc__title { margin: 0 0 10px; font-size: 1.2rem; letter-spacing: -.015em; }
.ea-svc p { margin: 0; font-size: 15px; color: var(--ea-muted); }
.ea-svc--cta, .ea-svc--cta:hover { background: var(--ea-ink); color: var(--ea-on-dark); }
.ea-svc--cta p { margin-bottom: 24px; color: var(--ea-on-dark-2); }
@media (max-width: 960px) { .ea-svc-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 600px) { .ea-svc-grid { grid-template-columns: 1fr; } }

.ea-process { position: relative; list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 28px; }
.ea-process::before { content: ""; position: absolute; inset-block-start: 24px; inset-inline: 24px; height: 1px; background: var(--ea-line-2); }
.ea-process__num { position: relative; z-index: 1; display: grid; place-items: center; width: 48px; height: 48px; margin-bottom: 24px; border-radius: 50%; background: var(--ea-bg); border: 1px solid var(--ea-line-2); font-size: 14px; font-weight: 800; }
.ea-process__step:first-child .ea-process__num { background: var(--ea-accent); border-color: var(--ea-accent); color: #fff; }
.ea-process h3 { margin: 0 0 8px; font-size: 1.1rem; }
.ea-process p { margin: 0; font-size: 14.5px; color: var(--ea-muted); }
@media (max-width: 960px) {
	.ea-process { grid-template-columns: 1fr; gap: 0; }
	.ea-process::before { inset-block: 24px; inset-inline: 23px auto; width: 1px; height: auto; }
	.ea-process__step { display: grid; grid-template-columns: 48px 1fr; gap: 0 20px; padding-bottom: 28px; }
	.ea-process__num { grid-row: span 2; margin: 0; }
}

.ea-faq { display: grid; grid-template-columns: minmax(0, 4fr) minmax(0, 8fr); gap: clamp(32px, 6vw, 96px); align-items: start; }
.ea-faq__head .ea-head { margin-bottom: 24px; }
@media (max-width: 960px) { .ea-faq { grid-template-columns: 1fr; } }

/* 30. Results page
   -------------------------------------------------------------------------- */
.ea-ba-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
.ea-ba { padding: 28px; background: #fff; border: 1px solid var(--ea-line); border-radius: var(--ea-r); }
.ea-ba__title { margin: 0 0 16px; font-size: 1.1rem; line-height: 1.35; }
.ea-ba__title a { text-decoration: none; }
.ea-ba__title a:hover { color: var(--ea-accent); }
.ea-ba__table { width: 100%; border-collapse: collapse; font-size: 14.5px; }
.ea-ba__table th, .ea-ba__table td { padding: 12px 0; text-align: start; border-bottom: 1px solid var(--ea-line); }
.ea-ba__table td { text-align: end; padding-inline-start: 16px; }
.ea-ba__table thead th { font-size: 12px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--ea-muted); }
.ea-ba__table thead th:not(:first-child) { text-align: end; }
.ea-ba__table tbody th { font-weight: 500; }
.ea-ba__after { color: var(--ea-accent); font-weight: 800; }
@media (max-width: 760px) { .ea-ba-grid { grid-template-columns: 1fr; } }

/* 31. Case study single
   -------------------------------------------------------------------------- */
.ea-facts-bar { background: var(--ea-ink-2); color: var(--ea-on-dark); border-top: 1px solid var(--ea-dark-line); }
.ea-facts-bar__inner { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin-block: 0; }
.ea-facts-bar__inner > div { padding-block: 24px; padding-inline-end: 24px; }
.ea-facts-bar__inner > div + div { padding-inline-start: 24px; border-inline-start: 1px solid var(--ea-dark-line); }
.ea-facts-bar dt { font-size: 12px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--ea-on-dark-3); margin-bottom: 4px; }
.ea-facts-bar dd { margin: 0; font-weight: 600; }
@media (max-width: 760px) { .ea-facts-bar__inner { grid-template-columns: 1fr 1fr; } .ea-facts-bar__inner > div:nth-child(3) { border-inline-start: 0; padding-inline-start: 0; } }
.ea-case-single { padding-block: clamp(48px, 6vw, 80px) clamp(64px, 8vw, 112px); }
.ea-case-single__cover { margin: 0 0 clamp(40px, 5vw, 64px); aspect-ratio: 21 / 9; border-radius: var(--ea-r); overflow: hidden; background: var(--ea-paper-2); }
.ea-case-single__cover img { width: 100%; height: 100%; object-fit: cover; }
.ea-case-single__layout { display: grid; grid-template-columns: minmax(0, 720px) minmax(0, 360px); justify-content: space-between; gap: 48px; }
.ea-case-single__aside { display: grid; gap: 20px; align-self: start; position: sticky; inset-block-start: calc(var(--ea-sticky-top) + 24px); }
@media (max-width: 960px) { .ea-case-single__layout { grid-template-columns: 1fr; } .ea-case-single__aside { position: static; } .ea-case-single__cover { aspect-ratio: 16 / 10; } }

/* 32. Article
   -------------------------------------------------------------------------- */
.ea-article__hero { position: relative; padding: calc(var(--ea-header-h) + clamp(40px, 5vw, 72px)) 0 clamp(120px, 12vw, 168px); }
.ea-article__meta-top { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; margin: 0 0 24px; font-size: 13px; color: var(--ea-on-dark-3); }
.ea-article__title { margin-bottom: 20px; }
.ea-article__dek { margin: 0 0 32px; max-width: 60ch; font-size: clamp(1.05rem, 1rem + .3vw, 1.22rem); line-height: 1.55; color: var(--ea-on-dark-2); }
.ea-article__byline { display: flex; align-items: center; gap: 12px; }
.ea-article__byline small { display: block; font-size: 13px; color: var(--ea-on-dark-3); }
.ea-article__media-wrap { position: relative; max-width: calc(1120px + 2 * var(--ea-gutter)); margin-top: clamp(-128px, -9vw, -80px); }
.ea-article__media { position: relative; display: block; width: 100%; margin: 0; padding: 0; border: 0; aspect-ratio: 16 / 9; border-radius: var(--ea-r); overflow: hidden; background: var(--ea-ink-2); }
.ea-article__media img { width: 100%; height: 100%; object-fit: cover; }
.ea-article__media--video { cursor: pointer; color: #fff; }
.ea-article__layout { display: grid; grid-template-columns: 100px minmax(0, 720px); justify-content: center; gap: 56px; max-width: calc(1120px + 2 * var(--ea-gutter)); padding-block: clamp(48px, 6vw, 72px) clamp(72px, 8vw, 112px); }
.ea-article__side .ea-share { position: sticky; inset-block-start: calc(var(--ea-sticky-top) + 24px); flex-direction: column; align-items: flex-start; }
.ea-article__tags { margin-top: 40px; }
.ea-author-box { display: flex; gap: 24px; margin-top: 56px; padding: 32px; background: var(--ea-paper); border-radius: var(--ea-r); }
.ea-author-box .ea-label { margin-bottom: 6px; }
.ea-author-box__name { margin: 0 0 8px; font-size: 1.2rem; font-weight: 800; }
@media (max-width: 960px) {
	.ea-article__layout { grid-template-columns: minmax(0, 1fr); gap: 28px; }
	.ea-article__side { order: 2; }
	.ea-article__side .ea-share { position: static; flex-direction: row; align-items: center; }
}
@media (max-width: 560px) { .ea-author-box { flex-direction: column; padding: 24px; } }

/* Prose (post / page / course content) */
.ea-prose { font-size: 1.0625rem; line-height: 1.78; color: var(--ea-text-2); }
[lang="ar"] .ea-prose { line-height: 1.95; font-size: 1.08rem; }
.ea-prose > * { margin-block: 0; }
.ea-prose > * + * { margin-top: 1.2em; }
.ea-prose--article { font-size: 1.125rem; }
.ea-prose h2 { margin-top: 2em; font-size: 1.65rem; line-height: 1.25; letter-spacing: -.022em; color: var(--ea-text); }
.ea-prose h3 { margin-top: 1.8em; font-size: 1.3rem; line-height: 1.3; color: var(--ea-text); }
[lang="ar"] .ea-prose h2, [lang="ar"] .ea-prose h3 { letter-spacing: 0; line-height: 1.5; }
.ea-prose h2 + *, .ea-prose h3 + * { margin-top: .6em; }
.ea-prose a { color: var(--ea-accent); text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1px; }
.ea-prose ul, .ea-prose ol { padding-inline-start: 1.3em; }
.ea-prose li { margin-top: .45em; }
.ea-prose li::marker { color: var(--ea-accent); }
.ea-prose blockquote { margin-inline: 0; padding-inline-start: 24px; border-inline-start: 2px solid var(--ea-accent); font-family: var(--ea-font-serif); font-style: italic; font-size: 1.5rem; line-height: 1.4; color: var(--ea-text); }
[lang="ar"] .ea-prose blockquote { font-family: inherit; font-style: normal; font-size: 1.25rem; font-weight: 500; }
.ea-prose img { max-width: 100%; height: auto; border-radius: var(--ea-r); }
.ea-prose figure { margin-inline: 0; }
.ea-prose figcaption { margin-top: 10px; font-size: 13.5px; color: var(--ea-muted); }
.ea-prose code { padding: .15em .4em; font-size: .9em; background: var(--ea-paper-2); border-radius: 4px; }
.ea-prose pre { padding: 20px; overflow-x: auto; background: var(--ea-ink); color: var(--ea-on-dark); border-radius: var(--ea-r); font-size: .9rem; }
.ea-prose pre code { background: none; padding: 0; }
.ea-prose table { width: 100%; border-collapse: collapse; font-size: .95rem; }
.ea-prose th, .ea-prose td { padding: 10px 12px; border-bottom: 1px solid var(--ea-line); text-align: start; }
.ea-prose hr { border: 0; border-top: 1px solid var(--ea-line); margin-block: 2.5em; }
.ea-prose .alignwide { max-width: none; }
.ea-prose .aligncenter { margin-inline: auto; }
.ea-prose .wp-block-button__link { background: var(--ea-accent); color: #fff; text-decoration: none; border-radius: var(--ea-r-sm); padding: 14px 22px; font-weight: 700; }
.ea-embed, .wp-block-embed.is-type-video .wp-block-embed__wrapper { position: relative; aspect-ratio: 16 / 9; border-radius: var(--ea-r); overflow: hidden; background: #000; }
.ea-embed iframe, .wp-block-embed.is-type-video iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.wp-block-embed.is-type-video .wp-block-embed__wrapper::before { display: none; }
.ea-page-links { margin-top: 32px; font-weight: 700; }

/* Comments */
.ea-comments { margin-top: 56px; }
.ea-comments__list { list-style: none; padding: 0; margin: 0 0 32px; }
.ea-comments__list .comment-body { padding: 20px 0; border-bottom: 1px solid var(--ea-line); }
.ea-comments__list .children { list-style: none; padding-inline-start: 32px; }
.ea-comments .comment-author { display: flex; align-items: center; gap: 10px; font-weight: 700; }
.ea-comments .comment-author img { border-radius: 50%; }
.ea-comments .comment-metadata { font-size: 13px; color: var(--ea-muted); }
.ea-comments .comment-metadata a { text-decoration: none; }
.ea-comments .comment-form p { margin-bottom: 16px; }
.ea-comments .comment-form label { display: block; margin-bottom: 6px; font-weight: 700; font-size: 14px; }
.ea-comments .form-submit input { height: 52px; padding-inline: 24px; border: 0; border-radius: var(--ea-r-sm); background: var(--ea-accent); color: #fff; font-weight: 700; cursor: pointer; }

/* Search results + pagination */
.ea-results { list-style: none; margin: 0; padding: 0; max-width: 860px; }
.ea-result { padding: 28px 0; border-bottom: 1px solid var(--ea-line); }
.ea-result__type { margin: 0 0 6px; font-size: 12px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; color: var(--ea-accent); }
.ea-result__title { margin: 0 0 8px; font-size: 1.35rem; letter-spacing: -.02em; }
.ea-result__title a { text-decoration: none; }
.ea-result__title a:hover { color: var(--ea-accent); }
.ea-result p { margin: 0; }
.ea-pagination { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; margin-top: 56px; }
.ea-pagination .page-numbers { display: grid; place-items: center; min-width: 46px; height: 46px; padding-inline: 12px; border: 1px solid var(--ea-line-2); border-radius: var(--ea-r-sm); color: var(--ea-text); text-decoration: none; font-weight: 700; font-size: 14.5px; }
.ea-pagination .page-numbers:hover { border-color: var(--ea-text); }
.ea-pagination .current { background: var(--ea-ink); border-color: var(--ea-ink); color: #fff; }
.ea-pagination .ea-icon { width: 18px; height: 18px; }
.ea-chips--links { margin-bottom: 8px; }
.ea-404-search { margin-top: 40px; }
.ea-phero--404 { min-height: 80vh; display: flex; align-items: center; }

/* 33. Video modal
   -------------------------------------------------------------------------- */
.ea-modal { position: fixed; inset: 0; z-index: 1000; display: grid; place-items: center; padding: clamp(12px, 3vw, 32px); }
.ea-modal[hidden] { display: none; }
.ea-modal__backdrop { position: absolute; inset: 0; background: rgba(7, 8, 10, .9); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); opacity: 0; transition: opacity .35s; }
.ea-modal__dialog { position: relative; width: min(1120px, 100%); opacity: 0; transform: translateY(18px) scale(.98); transition: opacity .4s var(--ea-ease), transform .45s var(--ea-ease); }
.ea-modal.is-open .ea-modal__backdrop { opacity: 1; }
.ea-modal.is-open .ea-modal__dialog { opacity: 1; transform: none; }
.ea-modal__bar { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 12px; color: #fff; }
.ea-modal__title { margin: 0; font-size: 15px; font-weight: 600; opacity: .85; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ea-modal__close { display: grid; place-items: center; flex: none; width: 46px; height: 46px; border: 1px solid rgba(255, 255, 255, .28); border-radius: 50%; background: transparent; color: #fff; cursor: pointer; transition: .25s; }
.ea-modal__close:hover { background: #fff; color: var(--ea-ink); }
.ea-modal__frame { aspect-ratio: 16 / 9; max-height: calc(100vh - 120px); margin-inline: auto; background: #000; border-radius: var(--ea-r); overflow: hidden; }
.ea-modal__frame iframe, .ea-modal__frame video { display: block; width: 100%; height: 100%; border: 0; }
.ea-modal--portrait .ea-modal__dialog { width: min(440px, 100%); }
.ea-modal--portrait .ea-modal__frame { aspect-ratio: 9 / 16; }
.ea-modal__empty { display: grid; place-content: center; justify-items: center; gap: 14px; height: 100%; padding: 32px; text-align: center; color: var(--ea-on-dark-2); background: var(--ea-ink-2); }
.ea-modal__empty .ea-icon { width: 40px; height: 40px; color: var(--ea-accent-light); }
.ea-modal__empty p { max-width: 46ch; margin: 0; }

/* 34. Certificate
   -------------------------------------------------------------------------- */
.ea-cert-page { min-height: 100vh; padding: 24px; background: #E8E4DC; }
.ea-cert-tools { display: flex; align-items: center; justify-content: space-between; max-width: 1040px; margin: 0 auto 20px; }
.ea-cert-tools a { display: inline-flex; align-items: center; gap: 8px; font-weight: 700; text-decoration: none; }
.ea-cert { max-width: 1040px; margin: 0 auto; aspect-ratio: 1.414 / 1; padding: clamp(14px, 2.4vw, 28px); background: #fff; box-shadow: 0 30px 60px -30px rgba(0, 0, 0, .3); }
.ea-cert__frame { height: 100%; display: flex; flex-direction: column; align-items: center; text-align: center; padding: clamp(20px, 4vw, 56px); border: 1px solid #D8D0C1; box-shadow: inset 0 0 0 6px #fff, inset 0 0 0 7px #EDE7DC; }
.ea-cert .ea-logo { color: var(--ea-ink); }
.ea-cert__top { display: flex; align-items: center; justify-content: space-between; width: 100%; margin-bottom: auto; }
.ea-cert__id { font-size: 12px; color: var(--ea-muted); }
.ea-cert__kicker { margin: 0 0 20px; font-size: 13px; font-weight: 800; letter-spacing: .3em; text-transform: uppercase; color: var(--ea-accent); }
[lang="ar"] .ea-cert__kicker { letter-spacing: 0; font-size: 18px; }
.ea-cert__lead { margin: 0; color: var(--ea-muted); }
.ea-cert__name { margin: 10px 0 14px; padding: 0 40px 12px; border-bottom: 1px solid var(--ea-line-2); font-family: var(--ea-font-serif); font-style: italic; font-weight: 400; font-size: clamp(2.2rem, 5vw, 4rem); line-height: 1.1; }
[lang="ar"] .ea-cert__name { font-family: inherit; font-style: normal; font-weight: 700; }
.ea-cert__course { margin: 6px 0 auto; font-size: clamp(1.1rem, 2vw, 1.6rem); font-weight: 800; }
.ea-cert__foot { display: flex; justify-content: space-between; gap: 32px; width: 100%; margin-top: 32px; }
.ea-cert__foot div { display: flex; flex-direction: column; align-items: center; min-width: 200px; }
.ea-cert__line { width: 100%; height: 1px; margin-bottom: 10px; background: var(--ea-ink); }
.ea-cert__foot small { color: var(--ea-muted); }
@media print {
	@page { size: A4 landscape; margin: 0; }
	.ea-cert-tools, #wpadminbar { display: none !important; }
	.ea-cert-page { padding: 0; background: #fff; }
	.ea-cert { box-shadow: none; max-width: none; width: 100%; height: 100vh; aspect-ratio: auto; }
}

/* 35. Misc
   -------------------------------------------------------------------------- */
.ea-widget { margin-bottom: 32px; }
.wp-caption { max-width: 100%; }
.sticky, .bypostauthor, .gallery-caption { }
.alignleft { float: inline-start; margin-inline-end: 1.5em; }
.alignright { float: inline-end; margin-inline-start: 1.5em; }
.aligncenter { display: block; margin-inline: auto; }

/* 36. Commerce — always-loaded pieces (header cart, drawer, payment row)
   -------------------------------------------------------------------------- */
.ea-header__cart {
	position: relative; display: grid; place-items: center; width: 42px; height: 42px; border-radius: 50%;
	border: 1px solid var(--ea-dark-line); color: var(--ea-on-dark-2); transition: .25s;
}
.ea-header__cart:hover { color: #fff; border-color: rgba(255, 255, 255, .4); }
.ea-header__cart .ea-icon { width: 19px; height: 19px; }
.ea-header__count {
	position: absolute; inset-block-start: -3px; inset-inline-end: -3px; min-width: 19px; height: 19px; padding-inline: 5px;
	display: grid; place-items: center; border-radius: 10px; background: var(--ea-accent); color: #fff;
	font-size: 11px; font-weight: 800; line-height: 1; box-shadow: 0 0 0 2px var(--ea-ink);
	transition: transform .35s var(--ea-ease);
}
.ea-header__count.is-empty { transform: scale(0); }

.ea-btn.is-loading { opacity: .7; pointer-events: none; }
.ea-btn.is-loading .ea-btn__icon { animation: ea-spin .9s linear infinite; }
@keyframes ea-spin { to { transform: rotate(360deg); } }

/* Payment marks row */
.ea-payrow { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 14px; margin-top: 16px; }
.ea-payrow__label { font-size: 12.5px; font-weight: 700; color: var(--ea-muted); }
.ea-payrow__marks { display: inline-flex; flex-wrap: wrap; gap: 6px; }
.ea-paymark { width: 38px; height: 25px; border-radius: 4px; box-shadow: 0 0 0 1px var(--ea-line); flex: none; }
.ea-dark .ea-paymark, .ea-footer .ea-paymark, .ea-payrow--dark .ea-paymark { box-shadow: 0 0 0 1px rgba(255, 255, 255, .14); }
.ea-payrow--center { justify-content: center; margin-top: 40px; }
.ea-payrow--footer { justify-content: space-between; padding-block: 22px; border-top: 1px solid var(--ea-dark-line); margin-top: 0; }
.ea-footer .ea-payrow__label { color: var(--ea-on-dark-3); letter-spacing: .12em; text-transform: uppercase; font-size: 11.5px; }
[lang="ar"] .ea-footer .ea-payrow__label { letter-spacing: 0; text-transform: none; font-size: 13px; }
.ea-feature__content .ea-payrow { margin-top: 22px; }
.ea-dark .ea-payrow__label { color: var(--ea-on-dark-3); }

.ea-trust { display: inline-flex; flex-wrap: wrap; align-items: center; gap: 6px 10px; margin: 0; font-size: 12.5px; font-weight: 600; color: var(--ea-muted); }
.ea-trust .ea-icon { width: 14px; height: 14px; color: var(--ea-ok); }
.ea-trust > span:not(.ea-trust__sep) { display: inline-flex; align-items: center; gap: 6px; }
.ea-trust__sep { width: 3px; height: 3px; border-radius: 50%; background: currentColor; opacity: .5; }
.ea-dark .ea-trust { color: var(--ea-on-dark-3); }
.ea-dark .ea-trust .ea-icon { color: #7CC9A1; }

/* Admin-only status badge (UI READY vs PAYMENT GATEWAY LIVE) */
.ea-paystatus { display: inline-flex; align-items: center; gap: 6px; padding: 4px 8px; border-radius: 4px; border: 1px dashed #C99A2E; background: #FFF7E0; color: #7A5A0B; font-size: 11px; font-weight: 700; line-height: 1.3; }
.ea-paystatus::before { content: "ADMIN"; font-size: 9px; letter-spacing: .1em; opacity: .7; }
.ea-paystatus--live { border-color: #3C9D6A; background: #E8F5EE; color: #1C5A3D; }

/* Course purchase buttons */
.ea-buy__ctas { display: grid; gap: 10px; }
.ea-btn--secondary .ea-icon--bag { width: 18px; height: 18px; }
.ea-buy .ea-payrow { justify-content: center; margin-top: 14px; }
.ea-buy .ea-trust { justify-content: center; width: 100%; }
.ea-enroll__cta { display: flex; flex-direction: column; align-items: flex-start; gap: 4px; }
.ea-enroll__cta .ea-payrow { margin-top: 10px; }
.ea-buybox { display: inline-flex; flex-direction: column; align-items: flex-start; }

/* Cart drawer */
.ea-cartdrawer { position: fixed; inset: 0; z-index: 210; }
.ea-cartdrawer[hidden] { display: none; }
.ea-cartdrawer__backdrop { position: absolute; inset: 0; background: rgba(8, 9, 11, .55); opacity: 0; transition: opacity .38s; }
.ea-cartdrawer.is-open .ea-cartdrawer__backdrop { opacity: 1; }
.ea-cartdrawer__panel {
	position: absolute; inset-block: 0; inset-inline-end: 0; width: min(440px, 100%);
	display: flex; flex-direction: column; background: var(--ea-bg); color: var(--ea-text);
	box-shadow: -30px 0 60px -30px rgba(0, 0, 0, .4);
	transform: translateX(100%); transition: transform .45s var(--ea-ease);
}
[dir="rtl"] .ea-cartdrawer__panel { transform: translateX(-100%); }
.ea-cartdrawer.is-open .ea-cartdrawer__panel { transform: none; }
.ea-cartdrawer__head { display: flex; align-items: center; justify-content: space-between; padding: 18px 24px; border-bottom: 1px solid var(--ea-line); }
.ea-cartdrawer__title { margin: 0; font-size: 1.2rem; display: flex; align-items: center; gap: 8px; }
.ea-cartdrawer__head .ea-drawer__close { border-color: var(--ea-line-2); color: var(--ea-text); }
.ea-cartdrawer__status { padding: 10px 24px; font-size: 14px; font-weight: 600; background: #E8F3EC; color: #1C5A3D; }
.ea-cartdrawer__status:empty, .ea-cartdrawer__status[hidden] { display: none; }
.ea-cartdrawer__status.is-error { background: #FBEBE5; color: #8A2E14; }
.ea-cartdrawer__body { flex: 1; display: flex; flex-direction: column; min-height: 0; }
.ea-mcart__items { list-style: none; margin: 0; padding: 8px 24px; overflow-y: auto; flex: 1; }
.ea-mcart__item { display: grid; grid-template-columns: 84px 1fr auto; gap: 14px; align-items: start; padding: 16px 0; border-bottom: 1px solid var(--ea-line); transition: opacity .3s; }
.ea-mcart__item.is-removing { opacity: .35; pointer-events: none; }
.ea-mcart__media { aspect-ratio: 16 / 11; border-radius: 6px; overflow: hidden; background: var(--ea-ink); }
.ea-mcart__media img { width: 100%; height: 100%; object-fit: cover; }
.ea-mcart__type { margin: 0 0 3px; font-size: 12px; font-weight: 700; color: var(--ea-accent); }
.ea-mcart__name { margin: 0 0 6px; font-weight: 700; line-height: 1.35; font-size: 15px; }
.ea-mcart__name a { text-decoration: none; }
.ea-mcart__price { margin: 0; font-weight: 700; font-size: 14.5px; }
.ea-mcart__price del { color: var(--ea-muted); font-weight: 500; }
.ea-mcart__remove { display: grid; place-items: center; width: 34px; height: 34px; padding: 0; border: 1px solid var(--ea-line); border-radius: 50%; background: none; color: var(--ea-muted); cursor: pointer; }
.ea-mcart__remove:hover { color: var(--ea-ink); border-color: var(--ea-ink); }
.ea-mcart__remove .ea-icon { width: 15px; height: 15px; }
.ea-mcart__foot { padding: 18px 24px calc(20px + env(safe-area-inset-bottom)); border-top: 1px solid var(--ea-line); background: #fff; }
.ea-mcart__subtotal { display: flex; justify-content: space-between; align-items: baseline; margin: 0 0 4px; font-size: 16px; }
.ea-mcart__subtotal strong { font-size: 1.3rem; }
.ea-mcart__note { margin: 0 0 16px; font-size: 13px; color: var(--ea-muted); }
.ea-mcart__actions { display: grid; gap: 8px; }
.ea-mcart__foot .ea-payrow { justify-content: center; margin-top: 14px; }
.ea-mcart__foot .ea-trust { width: 100%; justify-content: center; }
.ea-mcart__empty { flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; gap: 6px; padding: 40px 24px; color: var(--ea-muted); }
.ea-mcart__empty > .ea-icon { width: 40px; height: 40px; color: var(--ea-line-2); margin-bottom: 8px; }
.ea-mcart__empty-title { margin: 0; font-size: 1.15rem; font-weight: 700; color: var(--ea-text); }
.ea-mcart__empty .ea-btn { margin-top: 14px; }
.ea-count[data-ea-cart-count].is-empty { display: none; }
@media (max-width: 640px) {
	.ea-header__actions { gap: 8px; }
	.ea-header__cart { width: 40px; height: 40px; }
	.ea-mcart__item { grid-template-columns: 72px 1fr auto; }
}

/* Phones: compact header — the language switch becomes a one-tap toggle */
@media (max-width: 480px) {
	.ea-header__inner { gap: 10px; }
	.ea-header__actions { gap: 6px; }
	.ea-header .ea-lang { padding: 2px; }
	.ea-header .ea-lang a.is-active { display: none; }
	.ea-header .ea-logo { gap: 10px; min-width: 0; }
	.ea-header .ea-logo__name { font-size: 15px; }
}
@media (max-width: 359px) {
	.ea-header .ea-logo__text { display: none; }
}

/* ==========================================================================
   37. VISUAL SYSTEM v2 — art direction pass
   Warm surfaces, glow, grain, image frames, motion, banners.
   Everything below degrades to a static state for prefers-reduced-motion
   and when animations are disabled in the Customizer (.ea-motion-off).
   ========================================================================== */
:root {
	--ea-bg: #FAF7F2;
	--ea-warm: #F3ECE2;
	--ea-glow: color-mix(in srgb, var(--ea-accent) 34%, transparent);
	--ea-glow-soft: color-mix(in srgb, var(--ea-accent) 14%, transparent);
	--ea-noise: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .07 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
	--ea-noise-dark: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .2 0 0 0 0 .15 0 0 0 0 .1 0 0 0 .05 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
	--ea-fine-grid: linear-gradient(rgba(255, 255, 255, .045) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, .045) 1px, transparent 1px);
	--ea-fine-grid-dark: linear-gradient(rgba(43, 32, 22, .05) 1px, transparent 1px), linear-gradient(90deg, rgba(43, 32, 22, .05) 1px, transparent 1px);
}

/* Grain on dark surfaces (Customizer: Visual system) */
body.ea-grain-on::after { content: ""; position: fixed; inset: 0; z-index: 9990; pointer-events: none; background-image: var(--ea-noise); opacity: .55; mix-blend-mode: overlay; }
@media print { body.ea-grain-on::after { display: none; } }

/* --------------------------------------------------------------------------
   Image framing system
   ----------------------------------------------------------------------- */
.ea-media { position: relative; margin: 0; isolation: isolate; --ratio: auto; --pos: 50% 50%; }
.ea-media__inner { position: relative; overflow: hidden; border-radius: var(--ea-r); aspect-ratio: var(--ratio); background: var(--ea-ink-2); }
.ea-media__inner > img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: var(--pos); transition: transform 1.6s var(--ea-ease); }
a:hover .ea-media__inner > img, .ea-media:hover .ea-media__inner > img { transform: scale(1.02); }
.ea-media--editorial .ea-media__inner { box-shadow: 0 0 0 1px var(--ea-line), 0 30px 60px -40px rgba(15, 17, 20, .45); }
.ea-media--editorial .ea-media__inner::after { content: ""; position: absolute; inset: 10px; border: 1px solid rgba(255, 255, 255, .22); border-radius: 4px; pointer-events: none; }
.ea-media--dark .ea-media__inner { box-shadow: 0 0 0 1px rgba(255, 255, 255, .08), 0 40px 80px -40px rgba(0, 0, 0, .75); }
.ea-media--offset::before {
	content: ""; position: absolute; z-index: -1; inset-block: 18px -18px; inset-inline: 18px -18px;
	border: 1px solid rgba(255, 255, 255, .16); border-radius: var(--ea-r);
}
.ea-paper .ea-media--offset::before, .ea-banner--light .ea-media--offset::before, .ea-banner--glow .ea-media--offset::before, .ea-section:not(.ea-dark) .ea-media--offset::before { border-color: var(--ea-line-2); }
.ea-dark .ea-media--offset::before { border-color: rgba(255, 255, 255, .16); }
.ea-media--offset::after {
	content: ""; position: absolute; z-index: 2; inset: auto; background: none; inset-block-end: -18px; inset-inline-end: -18px; width: 44px; height: 44px;
	border-block-end: 2px solid var(--ea-accent); border-inline-end: 2px solid var(--ea-accent); border-end-end-radius: var(--ea-r);
}
.ea-media--corner::after {
	content: ""; position: absolute; z-index: 2; inset: auto; background: none; inset-block-start: -10px; inset-inline-start: -10px; width: 56px; height: 56px;
	border-block-start: 2px solid var(--ea-accent); border-inline-start: 2px solid var(--ea-accent); border-start-start-radius: 6px;
}
.ea-media--browser .ea-media__inner { padding-top: 30px; background: #1B1E24; box-shadow: 0 0 0 1px rgba(255, 255, 255, .08), 0 40px 80px -40px rgba(0, 0, 0, .7); }
.ea-media--browser .ea-media__inner > img { height: calc(100% - 0px); }
.ea-media__chrome { position: absolute; inset-block-start: 0; inset-inline: 0; height: 30px; display: flex; align-items: center; gap: 6px; padding-inline: 12px; background: #1B1E24; border-bottom: 1px solid rgba(255, 255, 255, .06); }
.ea-media__chrome i { width: 8px; height: 8px; border-radius: 50%; background: rgba(255, 255, 255, .22); }
.ea-media__chrome i:first-child { background: var(--ea-accent); }
.ea-media--plain .ea-media__inner { border-radius: 0; }
.ea-media__num { position: absolute; z-index: 2; inset-block-start: 14px; inset-inline-start: 18px; font-size: clamp(2.6rem, 2rem + 2vw, 4rem); font-weight: 800; line-height: 1; color: transparent; -webkit-text-stroke: 1px rgba(255, 255, 255, .55); }
.ea-media__label {
	position: absolute; z-index: 3; inset-inline-start: 14px; inset-block-end: 14px; max-width: calc(100% - 28px);
	padding: 8px 12px; border-radius: 4px; background: rgba(10, 11, 13, .62); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px);
	font-size: 12.5px; font-weight: 700; color: #fff; line-height: 1.35;
}
.ea-media__hint {
	position: absolute; z-index: 4; inset-block-start: 10px; inset-inline-end: 10px; max-width: 70%;
	padding: 5px 8px; border-radius: 4px; border: 1px dashed #D9B44A; background: rgba(255, 247, 224, .95); color: #6B4F08;
	font-size: 10.5px; font-weight: 700; line-height: 1.3;
}

/* --------------------------------------------------------------------------
   Reveal system additions: mask reveal + word split
   ----------------------------------------------------------------------- */
@media (prefers-reduced-motion: no-preference) {
	.ea-js [data-reveal="mask"] { opacity: 1; transform: none; }
	.ea-js [data-reveal="mask"] .ea-media__inner { clip-path: inset(0 0 100% 0 round var(--ea-r)); transition: clip-path 1.1s var(--ea-ease); }
	.ea-js [data-reveal="mask"].is-in .ea-media__inner { clip-path: inset(0 0 0 0 round var(--ea-r)); }
	.ea-js [data-reveal="mask"]::before, .ea-js [data-reveal="mask"]::after { opacity: 0; transition: opacity .8s var(--ea-ease) .5s; }
	.ea-js [data-reveal="mask"].is-in::before, .ea-js [data-reveal="mask"].is-in::after { opacity: 1; }

	.ea-js [data-split] .ea-w { display: inline-block; overflow: hidden; vertical-align: top; padding: .1em .06em .12em; margin: -.1em -.06em -.12em; }
	.ea-js [data-split] .ea-w > span { display: inline-block; transform: translateY(108%); transition: transform .95s var(--ea-ease); transition-delay: calc(var(--i, 0) * 60ms + 100ms); }
	.ea-js [data-split].is-in .ea-w > span { transform: none; }
	[lang="ar"].ea-js [data-split] .ea-w { overflow: visible; }
	[lang="ar"].ea-js [data-split] .ea-w > span { transform: translateY(30%); opacity: 0; transition-property: transform, opacity; }
	[lang="ar"].ea-js [data-split].is-in .ea-w > span { transform: none; opacity: 1; }
}
.ea-motion-off [data-reveal], .ea-motion-off [data-split] .ea-w > span { opacity: 1 !important; transform: none !important; }
.ea-motion-off [data-reveal="mask"] .ea-media__inner { clip-path: none !important; }
.ea-motion-off *, .ea-motion-off *::before, .ea-motion-off *::after { animation: none !important; }

/* --------------------------------------------------------------------------
   Hero — living background + portrait composition
   ----------------------------------------------------------------------- */
.ea-hero { background: radial-gradient(ellipse 90% 70% at 75% 10%, #1A1410 0%, var(--ea-ink) 60%); }
.ea-hero__bg { position: absolute; inset: 0; overflow: hidden; pointer-events: none; color: #fff; }
.ea-hero__glow { position: absolute; border-radius: 50%; will-change: transform; }
.ea-hero__glow--1 {
	width: min(70vw, 980px); aspect-ratio: 1; inset-block-start: -28%; inset-inline-end: -14%;
	background: radial-gradient(circle, var(--ea-glow) 0%, transparent 64%);
	translate: calc(var(--mx, 0) * 22px) calc(var(--my, 0) * 16px);
	animation: ea-drift-1 22s ease-in-out infinite alternate;
}
.ea-hero__glow--2 {
	width: min(55vw, 760px); aspect-ratio: 1; inset-block-end: -35%; inset-inline-start: -16%;
	background: radial-gradient(circle, var(--ea-glow-soft) 0%, transparent 62%);
	translate: calc(var(--mx, 0) * -14px) calc(var(--my, 0) * -10px);
	animation: ea-drift-2 28s ease-in-out infinite alternate;
}
@keyframes ea-drift-1 { from { transform: translate3d(0, 0, 0) scale(1); } to { transform: translate3d(-6%, 8%, 0) scale(1.08); } }
@keyframes ea-drift-2 { from { transform: translate3d(0, 0, 0) scale(1.05); } to { transform: translate3d(8%, -6%, 0) scale(.95); } }
.ea-hero__grid {
	position: absolute; inset: -64px; background-image: var(--ea-fine-grid); background-size: 64px 64px;
	-webkit-mask-image: radial-gradient(ellipse 60% 70% at 68% 42%, #000 0%, transparent 72%); mask-image: radial-gradient(ellipse 60% 70% at 68% 42%, #000 0%, transparent 72%);
	animation: ea-grid-drift 60s linear infinite;
}
@keyframes ea-grid-drift { to { transform: translate3d(64px, 64px, 0); } }
.ea-hero__geo { position: absolute; width: min(82vw, 1040px); inset-block-start: 50%; inset-inline-end: -20%; margin-top: calc(min(82vw, 1040px) / -2); animation: ea-spin-slow 160s linear infinite; }
@keyframes ea-spin-slow { to { transform: rotate(360deg); } }
.ea-hero__node { position: absolute; width: 6px; height: 6px; border-radius: 50%; background: var(--ea-accent); box-shadow: 0 0 0 6px var(--ea-glow-soft); animation: ea-node 7s ease-in-out infinite; }
.ea-hero__node--1 { inset-block-start: 22%; inset-inline-end: 42%; }
.ea-hero__node--2 { inset-block-start: 68%; inset-inline-end: 8%; animation-delay: -2.5s; width: 4px; height: 4px; }
.ea-hero__node--3 { inset-block-start: 84%; inset-inline-end: 46%; animation-delay: -5s; background: rgba(255, 255, 255, .6); box-shadow: none; }
@keyframes ea-node { 0%, 100% { opacity: .35; transform: scale(.8); } 50% { opacity: 1; transform: scale(1.2); } }
.ea-hero:not(.ea-hero--live) .ea-hero__glow, .ea-hero:not(.ea-hero--live) .ea-hero__grid, .ea-hero:not(.ea-hero--live) .ea-hero__geo, .ea-hero:not(.ea-hero--live) .ea-hero__node { animation: none; }

.ea-hero__visual { translate: calc(var(--mx, 0) * -10px) calc(var(--my, 0) * -8px); transition: translate .8s var(--ea-ease); }
.ea-hero__visual::before { display: none; }
.ea-hero__portrait.ea-media { aspect-ratio: auto; overflow: visible; background: none; border-radius: 0; }
.ea-hero__portrait.ea-media::after { display: block; }
.ea-hero__portrait .ea-media__inner::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, transparent 50%, rgba(10, 11, 13, .9)); }
.ea-hero__caption { position: absolute; z-index: 3; inset-inline: 26px; inset-block-end: 24px; display: flex; flex-direction: column; gap: 4px; pointer-events: none; }
.ea-hero__tag {
	position: absolute; z-index: 3; inset-block-start: -36px; inset-inline-start: 0; margin: 0;
	font-size: 11.5px; font-weight: 700; letter-spacing: .22em; text-transform: uppercase; color: var(--ea-on-dark-3);
	display: flex; align-items: center; gap: 10px;
}
.ea-hero__tag::before { content: ""; width: 22px; height: 1px; background: var(--ea-accent); }
[lang="ar"] .ea-hero__tag { letter-spacing: 0; text-transform: none; font-size: 13px; }
.ea-hero__float {
	position: absolute; z-index: 4; display: flex; flex-direction: column; gap: 4px; padding: 14px 16px;
	border-radius: var(--ea-r); background: rgba(22, 25, 30, .72); -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px);
	border: 1px solid rgba(255, 255, 255, .1); box-shadow: 0 24px 48px -24px rgba(0, 0, 0, .7);
	animation: ea-bob 8s ease-in-out infinite;
}
.ea-hero__float--stat { inset-block-start: 14%; inset-inline-start: -56px; }
.ea-hero__float--stat strong { font-size: 1.6rem; font-weight: 800; line-height: 1; color: #fff; letter-spacing: -.03em; }
.ea-hero__float--stat span { font-size: 12px; color: var(--ea-on-dark-2); max-width: 15ch; line-height: 1.35; }
.ea-hero__float--spark { inset-block-start: 52%; inset-inline-end: -40px; animation-delay: -4s; }
.ea-hero__float--spark span { font-size: 11px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--ea-on-dark-3); }
[lang="ar"] .ea-hero__float--spark span { letter-spacing: 0; font-size: 12px; }
@keyframes ea-bob { 0%, 100% { translate: 0 0; } 50% { translate: 0 -7px; } }
.ea-play--hero { inset-block-start: auto; inset-block-end: 26%; }
.ea-hero__scroll { position: absolute; z-index: 3; inset-block-end: 26px; inset-inline-start: 50%; width: 22px; height: 36px; margin-inline-start: -11px; border: 1.5px solid rgba(255, 255, 255, .28); border-radius: 12px; }
.ea-hero__scroll span { position: absolute; inset-block-start: 7px; inset-inline-start: 50%; width: 3px; height: 7px; margin-inline-start: -1.5px; border-radius: 2px; background: var(--ea-accent); animation: ea-scrollcue 2.4s ease-in-out infinite; }
@keyframes ea-scrollcue { 0% { opacity: 0; transform: translateY(0); } 30% { opacity: 1; } 80%, 100% { opacity: 0; transform: translateY(12px); } }
.ea-hero__actions > span { display: inline-flex; }
@media (max-width: 1180px) {
	.ea-hero__float--stat { inset-inline-start: -24px; }
	.ea-hero__float--spark { inset-inline-end: -16px; }
}
@media (max-width: 960px) {
	.ea-hero__float, .ea-hero__tag, .ea-hero__scroll, .ea-hero__geo, .ea-hero__node { display: none; }
	.ea-hero__portrait .ea-media__inner { aspect-ratio: 5 / 4; }
	.ea-hero__portrait.ea-media::before, .ea-hero__portrait.ea-media::after { display: none; }
	.ea-play--hero { inset-block-end: auto; inset-block-start: 16px; }
	.ea-hero__grid { animation: none; }
}
@media (max-width: 560px) { .ea-hero__portrait .ea-media__inner { aspect-ratio: 4 / 4.2; } }

/* --------------------------------------------------------------------------
   Visual banners
   ----------------------------------------------------------------------- */
.ea-banner { position: relative; overflow: hidden; isolation: isolate; padding-block: clamp(72px, 9vw, 136px); }
.ea-banner--dark { background-color: var(--ea-ink); color: var(--ea-on-dark); }
.ea-banner--light { background: linear-gradient(180deg, var(--ea-warm), #EEE5D9); }
.ea-banner--glow { background: linear-gradient(135deg, #F7F0E7 0%, #F1E2D4 100%); }
.ea-banner__bg { position: absolute; inset: 0; z-index: -1; pointer-events: none; }
.ea-banner__bg > span { position: absolute; }
.ea-banner__glow { width: min(60vw, 820px); aspect-ratio: 1; inset-block-start: -35%; inset-inline-end: -10%; border-radius: 50%; background: radial-gradient(circle, var(--ea-glow) 0%, transparent 62%); animation: ea-drift-1 24s ease-in-out infinite alternate; }
.ea-banner--light .ea-banner__glow, .ea-banner--glow .ea-banner__glow { background: radial-gradient(circle, var(--ea-glow-soft) 0%, transparent 62%); }
.ea-banner--glow .ea-banner__glow { background: radial-gradient(circle, color-mix(in srgb, var(--ea-accent) 22%, transparent) 0%, transparent 60%); }
.ea-banner__grid { inset: 0; background-image: var(--ea-fine-grid); background-size: 56px 56px; -webkit-mask-image: radial-gradient(ellipse 70% 80% at 30% 50%, #000, transparent 75%); mask-image: radial-gradient(ellipse 70% 80% at 30% 50%, #000, transparent 75%); }
.ea-banner--light .ea-banner__grid, .ea-banner--glow .ea-banner__grid { background-image: var(--ea-fine-grid-dark); }
.ea-banner__sweep { inset: 0; overflow: hidden; }
.ea-banner__sweep::after { content: ""; position: absolute; inset-block: 0; inset-inline-start: -40%; width: 30%; background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .06), transparent); transform: skewX(-18deg); animation: ea-sweep 12s ease-in-out infinite; }
.ea-banner--light .ea-banner__sweep::after, .ea-banner--glow .ea-banner__sweep::after { background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .45), transparent); }
@keyframes ea-sweep { 0% { translate: 0 0; } 55%, 100% { translate: 520% 0; } }
.ea-banner:not(.is-visible) *, .ea-banner:not(.is-visible) *::before, .ea-banner:not(.is-visible) *::after { animation-play-state: paused; }
.ea-banner::before { content: ""; position: absolute; inset-block-start: 0; inset-inline-start: max(var(--ea-gutter), calc((100% - var(--ea-max)) / 2)); width: 120px; height: 2px; background: var(--ea-accent); z-index: 2; }
.ea-banner__inner { position: relative; display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr); gap: clamp(36px, 6vw, 96px); align-items: center; }
.ea-banner--reverse .ea-banner__media { order: 2; }
.ea-banner--portrait .ea-banner__inner { grid-template-columns: minmax(0, .75fr) minmax(0, 1fr); }
.ea-banner--portrait .ea-banner__media { max-width: 440px; justify-self: center; width: 100%; }
.ea-banner__media { translate: 0 calc(var(--py, 0) * -18px); }
.ea-banner__label { display: flex; align-items: center; gap: 12px; margin: 0 0 20px; font-size: 12.5px; font-weight: 700; letter-spacing: .15em; text-transform: uppercase; color: var(--ea-accent); }
.ea-banner--dark .ea-banner__label, .ea-banner--bleed .ea-banner__label { color: var(--ea-accent-light); }
[lang="ar"] .ea-banner__label { letter-spacing: 0; text-transform: none; font-size: 14.5px; }
.ea-banner__num { display: inline-grid; place-items: center; min-width: 38px; height: 26px; padding-inline: 8px; border: 1px solid currentColor; border-radius: 999px; font-size: 11.5px; letter-spacing: .05em; }
.ea-banner__title { margin: 0 0 20px; max-width: 16ch; font-size: clamp(2rem, 1.25rem + 2.8vw, 3.6rem); line-height: 1.06; letter-spacing: -.035em; font-weight: 700; text-wrap: balance; }
[lang="ar"] .ea-banner__title { letter-spacing: 0; line-height: 1.3; max-width: 18ch; }
.ea-banner__title em { font-family: var(--ea-font-serif); font-style: italic; font-weight: 400; letter-spacing: -.01em; color: var(--ea-accent); }
.ea-banner--dark .ea-banner__title em, .ea-banner--bleed .ea-banner__title em { color: var(--ea-accent-light); }
[lang="ar"] .ea-banner__title em { font-family: inherit; font-style: normal; font-weight: inherit; }
.ea-banner__text { margin: 0 0 32px; max-width: 48ch; font-size: 1.12rem; line-height: 1.6; color: var(--ea-muted); }
.ea-banner--dark .ea-banner__text, .ea-banner--bleed .ea-banner__text { color: var(--ea-on-dark-2); }
/* Full-bleed photo banner */
.ea-banner--bleed { min-height: min(78vh, 720px); display: flex; align-items: center; color: var(--ea-on-dark); background: var(--ea-ink); }
.ea-banner__bleed { position: absolute; inset: -40px 0; z-index: -1; translate: 0 calc(var(--py, 0) * 30px); }
.ea-banner__bleed .ea-media, .ea-banner__bleed .ea-media__inner { height: 100%; border-radius: 0; aspect-ratio: auto; }
.ea-banner__bleed .ea-media__inner > img { animation: ea-kenburns 26s ease-in-out infinite alternate; }
@keyframes ea-kenburns { from { transform: scale(1.02); } to { transform: scale(1.1); } }
.ea-banner__bleed::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(10, 11, 13, .94) 0%, rgba(10, 11, 13, .78) 42%, rgba(10, 11, 13, .3) 100%); }
[dir="rtl"] .ea-banner__bleed::after { background: linear-gradient(270deg, rgba(10, 11, 13, .94) 0%, rgba(10, 11, 13, .78) 42%, rgba(10, 11, 13, .3) 100%); }
.ea-banner--bleed .ea-banner__inner { grid-template-columns: minmax(0, 1fr); }
.ea-banner--bleed .ea-banner__content { max-width: 640px; }
.ea-banner--bleed .ea-banner__grid, .ea-banner--bleed .ea-banner__glow { display: none; }
@media (max-width: 960px) {
	.ea-banner__inner, .ea-banner--portrait .ea-banner__inner { grid-template-columns: minmax(0, 1fr); gap: 36px; }
	.ea-banner--reverse .ea-banner__media { order: 0; }
	.ea-banner--portrait .ea-banner__media { max-width: 360px; justify-self: start; }
	.ea-banner__media, .ea-banner__bleed { translate: none; }
	.ea-banner--bleed { min-height: 0; }
	.ea-banner__bleed::after { background: linear-gradient(180deg, rgba(10, 11, 13, .7), rgba(10, 11, 13, .92)); }
}
@media (max-width: 640px) {
	.ea-banner { padding-block: 64px; }
	.ea-banner--portrait .ea-banner__media { max-width: 280px; }
	.ea-banner__sweep { display: none; }
}

/* --------------------------------------------------------------------------
   Section rhythm & textures
   ----------------------------------------------------------------------- */
.ea-stats { position: relative; background-color: var(--ea-paper); isolation: isolate; }
.ea-stats::before { content: ""; position: absolute; inset: 0; z-index: -1; background-image: var(--ea-fine-grid-dark); background-size: 48px 48px; -webkit-mask-image: linear-gradient(90deg, transparent, #000 30%, #000 70%, transparent); mask-image: linear-gradient(90deg, transparent, #000 30%, #000 70%, transparent); }
.ea-stat dd .ea-num { background: linear-gradient(180deg, var(--ea-text) 60%, color-mix(in srgb, var(--ea-text) 55%, var(--ea-accent))); -webkit-background-clip: text; background-clip: text; color: transparent; }
.ea-feature { background: radial-gradient(ellipse 70% 60% at 12% 0%, color-mix(in srgb, var(--ea-accent) 18%, transparent), transparent 60%), linear-gradient(180deg, var(--ea-ink) 0%, var(--ea-ink-deep) 100%); }
.ea-why { background: radial-gradient(ellipse 60% 50% at 95% 10%, var(--ea-glow-soft), transparent 70%), linear-gradient(180deg, var(--ea-bg), var(--ea-warm)); }
.ea-vtest { background: radial-gradient(ellipse 60% 60% at 90% 100%, color-mix(in srgb, var(--ea-accent) 14%, transparent), transparent 65%), var(--ea-ink); }
.ea-reviews { background: linear-gradient(180deg, var(--ea-paper), var(--ea-bg)); }
.ea-cases-section { position: relative; }
.ea-training { background: radial-gradient(ellipse 50% 60% at 0% 100%, var(--ea-glow-soft), transparent 70%), var(--ea-paper); }
.ea-insights { background: var(--ea-bg); }

/* Headings get a thin editorial rule */
.ea-head .ea-eyebrow::before { width: 34px; }

/* --------------------------------------------------------------------------
   Course cards — premium product treatment
   ----------------------------------------------------------------------- */
.ea-ccard { box-shadow: 0 1px 0 rgba(15, 17, 20, .03); }
.ea-ccard:hover { box-shadow: 0 1px 2px rgba(15, 17, 20, .05), 0 28px 56px -26px rgba(15, 17, 20, .3), 0 0 0 1px color-mix(in srgb, var(--ea-accent) 30%, transparent); }
.ea-ccard:hover .ea-ccard__media img { transform: scale(1.025); }
.ea-ccard__media::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, transparent 55%, rgba(10, 11, 13, .35)); pointer-events: none; }
.ea-ccard__arrow {
	position: absolute; z-index: 2; inset-block-end: 14px; inset-inline-end: 14px; display: grid; place-items: center;
	width: 38px; height: 38px; border-radius: 50%; background: #fff; color: var(--ea-ink);
	opacity: 0; transform: translate(-6px, 6px); transition: opacity .4s var(--ea-ease), transform .5s var(--ea-ease);
}
[dir="rtl"] .ea-ccard__arrow { transform: translate(6px, 6px) scaleX(-1); }
.ea-ccard__arrow .ea-icon { width: 17px; height: 17px; }
.ea-ccard:hover .ea-ccard__arrow { opacity: 1; transform: none; }
[dir="rtl"] .ea-ccard:hover .ea-ccard__arrow { transform: scaleX(-1); }
.ea-ccard__topic { display: inline-flex; align-items: center; gap: 8px; }
.ea-ccard__topicmark { display: inline-grid; place-items: center; width: 26px; height: 26px; border-radius: 6px; background: var(--ea-accent-soft); color: var(--ea-accent); }
.ea-ccard__topicmark .ea-icon { width: 15px; height: 15px; }
@media (hover: none) { .ea-ccard__arrow { display: none; } }

/* --------------------------------------------------------------------------
   Course details — layered surfaces
   ----------------------------------------------------------------------- */
.ea-chero__art { position: absolute; inset-block: 0; inset-inline-end: 0; width: 58%; opacity: .32; pointer-events: none; -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 55%); mask-image: linear-gradient(90deg, transparent 0%, #000 55%); }
[dir="rtl"] .ea-chero__art { -webkit-mask-image: linear-gradient(270deg, transparent 0%, #000 55%); mask-image: linear-gradient(270deg, transparent 0%, #000 55%); }
.ea-chero__art img { width: 100%; height: 100%; object-fit: cover; }
.ea-chero .ea-phero__glow { inset-block-start: -40%; inset-inline-start: -10%; inset-inline-end: auto; }
.ea-cfacts { display: grid; grid-template-columns: repeat(auto-fit, minmax(130px, 1fr)); gap: 1px; margin: 0 0 28px; padding: 0; background: var(--ea-line); border: 1px solid var(--ea-line); border-radius: var(--ea-r); overflow: hidden; }
.ea-cfacts > div { padding: 16px 18px; background: #fff; }
.ea-cfacts dt { display: flex; align-items: center; gap: 8px; font-size: 12.5px; color: var(--ea-muted); margin-bottom: 6px; }
.ea-cfacts dt .ea-icon { width: 16px; height: 16px; color: var(--ea-accent); }
.ea-cfacts dd { margin: 0; font-weight: 700; font-size: 15px; }
.single-ea_course .ea-course__main { counter-reset: ea-blk; }
.single-ea_course .ea-cblock { background: #fff; border: 1px solid var(--ea-line); border-radius: var(--ea-r); padding: clamp(22px, 3vw, 36px); margin-bottom: 20px; }
.single-ea_course .ea-cblock:last-child { border-bottom: 1px solid var(--ea-line); padding-bottom: clamp(22px, 3vw, 36px); }
.single-ea_course .ea-cblock.ea-learn { background: #fff; }
.single-ea_course .ea-cblock > .ea-h3::before, .single-ea_course .ea-cblock__head .ea-h3::before {
	counter-increment: ea-blk; content: counter(ea-blk, decimal-leading-zero); display: block; margin-bottom: 8px;
	font-size: 12px; font-weight: 800; letter-spacing: .14em; color: var(--ea-accent);
}
.single-ea_course .ea-subnav { background: var(--ea-bg); }
.single-ea_course .ea-enroll { background: radial-gradient(ellipse 60% 80% at 100% 0%, color-mix(in srgb, var(--ea-accent) 22%, transparent), transparent 60%), var(--ea-ink); }
.ea-instructor__photo { aspect-ratio: auto; overflow: visible; background: none; border-radius: 0; }

/* --------------------------------------------------------------------------
   Case studies — editorial panels
   ----------------------------------------------------------------------- */
.ea-case__media { position: relative; }
.ea-case__num { position: absolute; z-index: 2; inset-block-start: 14px; inset-inline-start: 18px; font-size: 3.2rem; font-weight: 800; line-height: 1; color: transparent; -webkit-text-stroke: 1px rgba(255, 255, 255, .6); }
.ea-case__tag { position: absolute; z-index: 2; inset-block-end: 14px; inset-inline-start: 14px; padding: 6px 10px; border-radius: 4px; background: rgba(10, 11, 13, .6); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); color: #fff; font-size: 12px; font-weight: 700; }
.ea-case__demo { position: absolute; z-index: 3; inset-block-start: 12px; inset-inline-end: 12px; padding: 4px 8px; border: 1px dashed #D9B44A; border-radius: 4px; background: #FFF7E0; color: #6B4F08; font-size: 10.5px; font-weight: 700; }
.ea-case__chips { display: flex; flex-wrap: wrap; gap: 6px 14px; margin: 0 0 12px; font-size: 12.5px; font-weight: 600; color: var(--ea-muted); }
.ea-case__chips span { display: inline-flex; align-items: center; gap: 4px; }
.ea-case__chips .ea-icon { width: 14px; height: 14px; color: var(--ea-accent); }
.ea-case__client { margin: -4px 0 10px; font-size: 13.5px; font-weight: 600; color: var(--ea-text-2); }
.ea-case__metric { position: relative; }
.ea-case__bar { display: block; width: 120px; height: 3px; margin-top: 10px; border-radius: 2px; background: var(--ea-line); overflow: hidden; }
.ea-case__bar b { display: block; height: 100%; width: 0; background: var(--ea-accent); transition: width 1.2s var(--ea-ease) .3s; }
.is-in .ea-case__bar b, .ea-case:hover .ea-case__bar b, .ea-motion-off .ea-case__bar b { width: 100%; }
@media (prefers-reduced-motion: reduce) { .ea-case__bar b { width: 100%; } }
.ea-cases { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.ea-cases__item:first-child { grid-column: 1 / -1; grid-row: auto; }
.ea-case--feature { flex-direction: row; background: var(--ea-ink); color: var(--ea-on-dark); border-color: var(--ea-ink); }
.ea-case--feature .ea-case__media { flex: 0 0 56%; aspect-ratio: auto; min-height: 420px; }
.ea-case--feature .ea-case__body { padding: clamp(28px, 4vw, 48px); justify-content: center; }
.ea-case--feature .ea-case__title { font-size: clamp(1.5rem, 1.2rem + 1vw, 2.1rem); }
.ea-case--feature .ea-case__text, .ea-case--feature .ea-case__chips, .ea-case--feature .ea-case__metric span { color: var(--ea-on-dark-2); }
.ea-case--feature .ea-case__client { color: var(--ea-on-dark); }
.ea-case--feature .ea-case__foot { border-top-color: var(--ea-dark-line); }
.ea-case--feature .ea-case__metric strong { color: #fff; font-size: clamp(2.6rem, 2rem + 2vw, 3.6rem); }
.ea-case--feature .ea-case__bar { background: var(--ea-dark-line); }
.ea-case--feature .ea-case__more { color: var(--ea-accent-light); }
@media (max-width: 960px) {
	.ea-cases { grid-template-columns: 1fr; }
	.ea-case--feature { flex-direction: column; }
	.ea-case--feature .ea-case__media { min-height: 0; aspect-ratio: 16 / 10; }
}

/* --------------------------------------------------------------------------
   Consulting — diagnostic composition
   ----------------------------------------------------------------------- */
.ea-consult { position: relative; overflow: hidden; }
.ea-consult__bg { position: absolute; inset: 0; pointer-events: none; background: radial-gradient(ellipse 50% 60% at 0% 100%, color-mix(in srgb, var(--ea-accent) 20%, transparent), transparent 70%), radial-gradient(ellipse 40% 40% at 100% 0%, rgba(255, 255, 255, .04), transparent 70%); }
.ea-consult__inner { position: relative; }
.ea-diag { list-style: none; position: relative; display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin: 0 0 32px; padding: 0; }
.ea-diag::before { content: ""; position: absolute; inset-block-start: 15px; inset-inline: 15px; height: 1px; background: linear-gradient(90deg, rgba(255, 255, 255, .2), var(--ea-accent)); }
[dir="rtl"] .ea-diag::before { background: linear-gradient(270deg, rgba(255, 255, 255, .2), var(--ea-accent)); }
.ea-diag li { position: relative; display: flex; flex-direction: column; gap: 10px; font-size: 13.5px; font-weight: 600; color: var(--ea-on-dark-2); }
.ea-diag__n { display: grid; place-items: center; width: 31px; height: 31px; border-radius: 50%; background: var(--ea-ink-2); border: 1px solid rgba(255, 255, 255, .2); font-size: 12.5px; font-weight: 800; color: #fff; }
.ea-diag li:last-child .ea-diag__n { background: var(--ea-accent); border-color: var(--ea-accent); }
.ea-consult__cta { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 20px; }
.ea-consult__visual { margin-bottom: 36px; }
.ea-service { transition: background-color .35s var(--ea-ease); }
.ea-service:hover { background: rgba(255, 255, 255, .025); }
.ea-service__top { display: flex; align-items: center; justify-content: space-between; margin-bottom: 18px; }
.ea-service__icon { display: grid; place-items: center; width: 40px; height: 40px; border-radius: 8px; border: 1px solid rgba(255, 255, 255, .14); color: var(--ea-accent-light); transition: background-color .3s, border-color .3s, color .3s; }
.ea-service__icon .ea-icon { width: 19px; height: 19px; }
.ea-service:hover .ea-service__icon { background: var(--ea-accent); border-color: var(--ea-accent); color: #fff; }
.ea-service__num { margin: 0; }
.ea-svc__num { display: flex; align-items: center; justify-content: space-between; }

/* --------------------------------------------------------------------------
   Corporate training — photo collage
   ----------------------------------------------------------------------- */
.ea-training__collage { position: relative; padding-block-end: 16%; padding-inline-end: 14%; }
.ea-training__second { position: absolute; inset-block-end: 0; inset-inline-end: 0; width: 50%; z-index: 3; }
.ea-training__second .ea-media__inner { box-shadow: 0 0 0 6px var(--ea-paper), 0 30px 60px -30px rgba(15, 17, 20, .5); }
@media (max-width: 960px) { .ea-training__main .ea-media__inner { aspect-ratio: 16 / 11; } .ea-training__collage { padding-inline-end: 10%; } }
@media (max-width: 560px) { .ea-training__second { width: 56%; } }

/* Why — figure uses the frame system */
.ea-why__figure.ea-media { aspect-ratio: auto; overflow: visible; background: none; border-radius: 0; }

/* --------------------------------------------------------------------------
   About
   ----------------------------------------------------------------------- */
.ea-ahero { background: radial-gradient(ellipse 80% 70% at 80% 20%, #1A1410 0%, var(--ea-ink) 60%); }
.ea-ahero__visual { position: relative; align-self: end; padding-block-start: 24px; }
.ea-ahero__portrait.ea-media { aspect-ratio: auto; overflow: visible; background: none; border-radius: 0; }
.ea-ahero__portrait .ea-media__inner { border-end-start-radius: 0; border-end-end-radius: 0; }
.ea-ahero__portrait.ea-media--offset::before { inset-block-end: 0; }
.ea-ahero__portrait.ea-media--offset::after { display: none; }
.ea-ahero__trust { margin-top: 40px; }
@media (min-width: 961px) { .ea-ahero__trust { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); } .ea-ahero__trust li { margin-inline-end: 18px; padding-inline-end: 18px; } .ea-ahero__trust li:last-child { margin: 0; padding: 0; } }
.ea-story__media { margin-top: 32px; max-width: 360px; }
@media (max-width: 960px) { .ea-story__media { display: none; } .ea-ahero__portrait .ea-media__inner { aspect-ratio: 5 / 4; } }

/* --------------------------------------------------------------------------
   Page hero family
   ----------------------------------------------------------------------- */
.ea-phero__glow { position: absolute; z-index: 0; width: min(60vw, 820px); aspect-ratio: 1; inset-block-start: -45%; inset-inline-end: -12%; border-radius: 50%; background: radial-gradient(circle, color-mix(in srgb, var(--ea-accent) 26%, transparent) 0%, transparent 62%); pointer-events: none; animation: ea-drift-1 26s ease-in-out infinite alternate; }
.ea-phero__art { position: absolute; z-index: 0; inset-block: 0; inset-inline-end: max(var(--ea-gutter), calc((100vw - var(--ea-max)) / 2)); width: min(40vw, 520px); display: flex; align-items: center; justify-content: center; pointer-events: none; color: #fff; }
.ea-phero--split .ea-phero__art { display: none; }
.ea-phero__art svg { width: 100%; height: auto; }
.ea-phero__art--courses { perspective: 1200px; }
.ea-phero__card { position: absolute; width: 62%; aspect-ratio: 16 / 10; border-radius: var(--ea-r); overflow: hidden; box-shadow: 0 30px 60px -24px rgba(0, 0, 0, .7), 0 0 0 1px rgba(255, 255, 255, .08); transition: transform 1s var(--ea-ease); }
.ea-phero__card img { width: 100%; height: 100%; object-fit: cover; }
.ea-phero__card--1 { transform: translate(-28%, -18%) rotate(-7deg); opacity: .7; }
.ea-phero__card--2 { transform: translate(24%, -4%) rotate(5deg); opacity: .85; }
.ea-phero__card--3 { transform: translate(-6%, 26%) rotate(-1deg); }
.ea-phero__art--insights { flex-direction: column; align-items: flex-end; }
.ea-phero__quote { font-family: var(--ea-font-serif); font-size: 22rem; line-height: .7; color: var(--ea-accent); opacity: .22; }
.ea-phero__rules { display: grid; gap: 14px; width: 70%; margin-top: -40px; }
.ea-phero__rules i { display: block; height: 1px; background: rgba(255, 255, 255, .14); }
.ea-phero__rules i:nth-child(2) { width: 80%; } .ea-phero__rules i:nth-child(3) { width: 90%; } .ea-phero__rules i:nth-child(4) { width: 55%; background: var(--ea-accent); }
.ea-phero__art--contact span { position: absolute; aspect-ratio: 1; border-radius: 50%; border: 1px solid rgba(255, 255, 255, .1); animation: ea-node 9s ease-in-out infinite; }
.ea-phero__art--contact span:nth-child(1) { width: 40%; border-color: var(--ea-accent); }
.ea-phero__art--contact span:nth-child(2) { width: 70%; animation-delay: -3s; }
.ea-phero__art--contact span:nth-child(3) { width: 100%; animation-delay: -6s; }
.ea-phero__inner { z-index: 1; }
@media (max-width: 1080px) { .ea-phero__art { display: none; } }

/* --------------------------------------------------------------------------
   Contact — option cards
   ----------------------------------------------------------------------- */
.ea-contact-options { position: relative; z-index: 3; margin-top: -40px; margin-bottom: -8px; }
.ea-copts { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.ea-copts--1 { grid-template-columns: minmax(0, 520px); } .ea-copts--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.ea-copt { display: flex; align-items: center; gap: 16px; height: 100%; padding: 22px; border-radius: var(--ea-r); background: #fff; border: 1px solid var(--ea-line); box-shadow: 0 24px 48px -30px rgba(15, 17, 20, .35); text-decoration: none; color: var(--ea-text); transition: transform .45s var(--ea-ease), box-shadow .45s var(--ea-ease); }
.ea-copt:hover { transform: translateY(-4px); box-shadow: 0 30px 60px -30px rgba(15, 17, 20, .45); }
.ea-copt--primary { background: var(--ea-ink); color: var(--ea-on-dark); border-color: var(--ea-ink); }
.ea-copt__icon { display: grid; place-items: center; flex: none; width: 46px; height: 46px; border-radius: 50%; background: var(--ea-accent-soft); color: var(--ea-accent); }
.ea-copt--primary .ea-copt__icon { background: var(--ea-accent); color: #fff; }
.ea-copt__body { flex: 1; min-width: 0; }
.ea-copt__body strong { display: block; font-size: 15.5px; }
.ea-copt__body small { display: block; font-size: 13px; line-height: 1.45; color: var(--ea-muted); overflow: hidden; text-overflow: ellipsis; }
.ea-copt--primary .ea-copt__body small { color: var(--ea-on-dark-2); }
.ea-copt__arrow { width: 18px; height: 18px; opacity: .6; }
@media (max-width: 860px) { .ea-copts, .ea-copts--2 { grid-template-columns: 1fr; } .ea-contact-options { margin-top: -28px; } }

/* --------------------------------------------------------------------------
   Final CTA — the closing moment
   ----------------------------------------------------------------------- */
.ea-cta { background: radial-gradient(ellipse 70% 80% at 50% 120%, color-mix(in srgb, var(--ea-accent) 30%, transparent), transparent 60%), var(--ea-ink); }
.ea-cta__bg { position: absolute; inset: 0; pointer-events: none; overflow: hidden; }
.ea-cta__glow { position: absolute; width: min(70vw, 900px); aspect-ratio: 1; inset-block-start: -30%; inset-inline-end: -15%; border-radius: 50%; background: radial-gradient(circle, var(--ea-glow) 0%, transparent 62%); animation: ea-drift-1 20s ease-in-out infinite alternate; }
.ea-cta__ring { position: absolute; aspect-ratio: 1; border-radius: 50%; border: 1px solid rgba(255, 255, 255, .07); inset-block-start: 50%; inset-inline-end: 14%; }
.ea-cta__ring--1 { width: 520px; margin-top: -260px; border-top-color: var(--ea-accent); animation: ea-spin-slow 90s linear infinite; }
.ea-cta__ring--2 { width: 760px; margin-top: -380px; margin-inline-end: -120px; animation: ea-spin-slow 140s linear infinite reverse; }
.ea-cta__inner { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(0, .65fr); gap: clamp(40px, 6vw, 96px); align-items: center; }
.ea-cta__media { translate: 0 calc(var(--py, 0) * -16px); max-width: 380px; justify-self: end; width: 100%; }
@media (max-width: 960px) {
	.ea-cta__inner { grid-template-columns: 1fr; }
	.ea-cta__media { display: none; }
	.ea-cta__ring { display: none; }
}

/* --------------------------------------------------------------------------
   Footer
   ----------------------------------------------------------------------- */
.ea-footer { position: relative; background: radial-gradient(ellipse 60% 50% at 0% 0%, color-mix(in srgb, var(--ea-accent) 10%, transparent), transparent 70%), var(--ea-ink-deep); }
.ea-footer::before { content: ""; position: absolute; inset-block-start: 0; inset-inline-start: 0; width: 100%; height: 1px; background: linear-gradient(90deg, var(--ea-accent) 0, var(--ea-accent) 120px, var(--ea-dark-line) 120px); }
[dir="rtl"] .ea-footer::before { background: linear-gradient(270deg, var(--ea-accent) 0, var(--ea-accent) 120px, var(--ea-dark-line) 120px); }
.ea-footer__statement { text-wrap: balance; }

/* --------------------------------------------------------------------------
   Insights — editorial
   ----------------------------------------------------------------------- */
.ea-post__media { box-shadow: 0 0 0 1px var(--ea-line); }
.ea-post:hover .ea-post__media img { transform: scale(1.03); }
.ea-post--feature .ea-post__media::after { content: ""; position: absolute; inset: 12px; border: 1px solid rgba(255, 255, 255, .25); border-radius: 4px; pointer-events: none; }
.ea-post__cat { display: inline-flex; align-items: center; gap: 8px; }
.ea-post__cat::before { content: ""; width: 14px; height: 2px; background: currentColor; }
.ea-insights__feature .ea-post--feature .ea-post__title { font-size: clamp(1.7rem, 1.2rem + 1.4vw, 2.4rem); }

/* --------------------------------------------------------------------------
   Mobile art direction
   ----------------------------------------------------------------------- */
@media (max-width: 760px) {
	.ea-hero__glow--2, .ea-banner__glow { animation: none; }
	.ea-media--offset::before { inset-block: 10px -10px; inset-inline: 10px -10px; }
	.ea-media--offset::after { inset-block-end: -10px; inset-inline-end: -10px; width: 30px; height: 30px; }
	.ea-media--corner::after { inset-block-start: -6px; inset-inline-start: -6px; width: 36px; height: 36px; }
	.ea-diag { gap: 8px; }
	.ea-diag li { font-size: 12.5px; }
	.ea-cfacts { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (prefers-reduced-motion: reduce) {
	.ea-hero__glow, .ea-hero__grid, .ea-hero__geo, .ea-hero__node, .ea-hero__float, .ea-banner__glow, .ea-banner__sweep::after, .ea-banner__bleed img, .ea-phero__glow, .ea-cta__glow, .ea-cta__ring, .ea-hero__scroll span, .ea-phero__art--contact span { animation: none !important; }
	.ea-hero__visual, .ea-banner__media, .ea-banner__bleed, .ea-cta__media { translate: none !important; }
}
.ea-svc__icon { display: grid; place-items: center; width: 40px; height: 40px; border-radius: 8px; background: var(--ea-accent-soft); color: var(--ea-accent); transition: background-color .3s, color .3s; }
.ea-svc__icon .ea-icon { width: 19px; height: 19px; }
.ea-svc:hover .ea-svc__icon { background: var(--ea-accent); color: #fff; }
.ea-svc--cta .ea-svc__icon { display: none; }

/* Results — honest empty state (shown only while no real items are published) */
.ea-phero__art--results { width: min(34vw, 440px); opacity: .8; }
.ea-soon { display: flex; gap: 24px; align-items: flex-start; max-width: 760px; margin-inline: auto; padding: clamp(28px, 4vw, 44px); border: 1px solid var(--ea-line); border-radius: var(--ea-radius-lg, 16px); background: var(--ea-surface, #fff); }
.ea-soon__icon { flex: none; display: grid; place-items: center; width: 52px; height: 52px; border-radius: 14px; background: var(--ea-accent-soft, rgba(212, 80, 38, .1)); color: var(--ea-accent); }
.ea-soon__icon svg { width: 24px; height: 24px; }
.ea-soon__title { margin: 0 0 8px; font-size: clamp(1.25rem, 2vw, 1.5rem); }
.ea-soon__text { margin: 0; color: var(--ea-text-2, #555); }
@media (max-width: 560px) { .ea-soon { flex-direction: column; } }
/* Keep page-hero copy clear of the decorative art column */
@media (min-width: 1081px) {
	.ea-phero--courses .ea-phero__main, .ea-phero--results .ea-phero__main, .ea-phero--consulting .ea-phero__main, .ea-phero--insights .ea-phero__main, .ea-phero--contact .ea-phero__main { max-width: calc(100% - min(40vw, 520px) - 32px); }
}