@charset "UTF-8";

/*
  MyTalee Pre-launch Website v1.0
  Brand direction: premium, warm, trustworthy, magical, modern, family-friendly.
*/

:root {
  --mt-talee-indigo: #51437a;
  --mt-talee-indigo-700: #3f3462;
  --mt-talee-indigo-800: #2e284f;
  --mt-story-ink: #263047;
  --mt-cloud-cream: #fff8ee;
  --mt-soft-cream: #fffdf9;
  --mt-paper-white: #ffffff;
  --mt-wonder-gold: #f2b35b;
  --mt-wonder-gold-700: #c98525;
  --mt-heart-coral: #e88f7a;
  --mt-library-sage: #7aa792;
  --mt-dream-lavender: #e9e4f3;
  --mt-line: rgba(81, 67, 122, 0.16);
  --mt-line-gold: rgba(242, 179, 91, 0.42);
  --mt-muted: #626b7f;
  --mt-success: #3e7c64;
  --mt-danger: #9c3c3c;

  --mt-font-display: "Fraunces", Georgia, "Times New Roman", serif;
  --mt-font-body: "Manrope", Arial, Helvetica, sans-serif;
  --mt-font-ar-display: "Alexandria", "Noto Sans Arabic", Tahoma, sans-serif;
  --mt-font-ar-body: "IBM Plex Sans Arabic", "Noto Sans Arabic", Tahoma, sans-serif;

  --mt-radius-xs: 8px;
  --mt-radius-sm: 10px;
  --mt-radius-md: 16px;
  --mt-radius-lg: 24px;
  --mt-radius-xl: 32px;
  --mt-radius-2xl: 42px;
  --mt-radius-pill: 999px;

  --mt-shadow-soft: 0 18px 60px rgba(38, 48, 71, 0.10);
  --mt-shadow-card: 0 12px 32px rgba(38, 48, 71, 0.09);
  --mt-shadow-float: 0 22px 60px rgba(38, 48, 71, 0.16);
  --mt-focus-ring: 0 0 0 4px rgba(242, 179, 91, 0.32);

  --mt-content-max: 1240px;
  --mt-reading-max: 760px;
  --mt-header-height: 88px;
  --mt-section-gap: clamp(52px, 5vw, 84px);
  --mt-gutter: clamp(18px, 4vw, 36px);
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
  scroll-padding-top: calc(var(--mt-header-height) + 24px);
  color-scheme: light;
}

body {
  margin: 0;
  min-width: 320px;
  background:
    radial-gradient(circle at 10% 0%, rgba(242, 179, 91, 0.08), transparent 30rem),
    radial-gradient(circle at 95% 20%, rgba(233, 228, 243, 0.55), transparent 34rem),
    var(--mt-cloud-cream);
  color: var(--mt-story-ink);
  font-family: var(--mt-font-body);
  font-size: 16px;
  line-height: 1.65;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}

body[dir="rtl"],
html[dir="rtl"] body {
  font-family: var(--mt-font-ar-body);
}

body.menu-open,
body.modal-open {
  overflow: hidden;
}

img,
picture,
svg {
  display: block;
  max-width: 100%;
}

button,
input,
select,
textarea {
  font: inherit;
}

button,
a {
  -webkit-tap-highlight-color: transparent;
}

a {
  color: inherit;
  text-decoration-thickness: 1px;
  text-underline-offset: 0.2em;
}

button {
  border: 0;
}

h1,
h2,
h3,
h4,
p,
ul,
ol,
dl,
figure,
blockquote {
  margin-top: 0;
}

h1,
h2,
h3,
h4 {
  color: var(--mt-talee-indigo-800);
  font-family: var(--mt-font-display);
  font-weight: 600;
  line-height: 1.08;
  letter-spacing: -0.025em;
}

[dir="rtl"] h1,
[dir="rtl"] h2,
[dir="rtl"] h3,
[dir="rtl"] h4 {
  font-family: var(--mt-font-ar-display);
  letter-spacing: 0;
}

h1 {
  font-size: clamp(3rem, 6vw, 5.8rem);
}

h2 {
  font-size: clamp(2.2rem, 4.3vw, 4.15rem);
}

h3 {
  font-size: clamp(1.48rem, 2.5vw, 2.25rem);
}

p:last-child {
  margin-bottom: 0;
}

::selection {
  background: rgba(242, 179, 91, 0.42);
  color: var(--mt-talee-indigo-800);
}

:focus-visible {
  outline: none;
  box-shadow: var(--mt-focus-ring);
}

.sr-only {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.skip-link {
  position: fixed;
  z-index: 10000;
  top: 12px;
  inset-inline-start: 12px;
  transform: translateY(-180%);
  border-radius: var(--mt-radius-pill);
  background: var(--mt-story-ink);
  color: #fff;
  padding: 12px 18px;
  font-weight: 800;
  text-decoration: none;
  transition: transform 160ms ease;
}

.skip-link:focus {
  transform: translateY(0);
}

.site-shell {
  overflow: clip;
}

.container {
  width: min(100% - (2 * var(--mt-gutter)), var(--mt-content-max));
  margin-inline: auto;
}

.reading-width {
  max-width: var(--mt-reading-max);
}

.section {
  padding-block: var(--mt-section-gap);
  position: relative;
}

.section--tight {
  padding-block: clamp(30px, 3.5vw, 52px);
}

.section--flush-top {
  padding-top: 0;
}

.section-heading {
  max-width: 820px;
  margin-bottom: clamp(34px, 5vw, 58px);
}

.section-heading--center {
  margin-inline: auto;
  text-align: center;
}

.section-heading h2 {
  margin-bottom: 18px;
}

.section-heading p {
  color: var(--mt-muted);
  font-size: clamp(1rem, 1.25vw, 1.16rem);
}

.eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 18px;
  color: var(--mt-talee-indigo);
  font-size: 0.82rem;
  font-weight: 900;
  letter-spacing: 0.13em;
  text-transform: uppercase;
}

[dir="rtl"] .eyebrow {
  letter-spacing: 0;
}

.eyebrow::before {
  content: "✦";
  color: var(--mt-wonder-gold-700);
}

.gold-text {
  color: var(--mt-wonder-gold-700);
}

.muted {
  color: var(--mt-muted);
}

.kicker {
  color: var(--mt-wonder-gold-700);
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

[dir="rtl"] .kicker {
  letter-spacing: 0;
}

/* Header */
.site-header {
  position: sticky;
  z-index: 1000;
  top: 0;
  min-height: var(--mt-header-height);
  border-bottom: 1px solid transparent;
  background: rgba(255, 248, 238, 0.82);
  backdrop-filter: blur(18px) saturate(135%);
  transition: box-shadow 180ms ease, border-color 180ms ease, background 180ms ease;
}

.site-header.is-scrolled {
  border-color: var(--mt-line);
  background: rgba(255, 248, 238, 0.94);
  box-shadow: 0 8px 30px rgba(38, 48, 71, 0.08);
}

.header-inner {
  min-height: var(--mt-header-height);
  display: flex;
  align-items: center;
  gap: 26px;
}

.brand-link {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  text-decoration: none;
}

.brand-link img {
  width: clamp(148px, 14vw, 190px);
  height: auto;
}

.main-nav {
  margin-inline-start: auto;
}

.main-nav ul {
  display: flex;
  align-items: center;
  gap: clamp(14px, 1.8vw, 28px);
  margin: 0;
  padding: 0;
  list-style: none;
}

.main-nav a {
  position: relative;
  color: var(--mt-story-ink);
  font-size: 0.9rem;
  font-weight: 750;
  text-decoration: none;
  white-space: nowrap;
}

.main-nav a::after {
  content: "";
  position: absolute;
  inset-inline: 0;
  bottom: -9px;
  height: 2px;
  border-radius: var(--mt-radius-pill);
  background: var(--mt-wonder-gold);
  transform: scaleX(0);
  transition: transform 180ms ease;
}

.main-nav a:hover::after,
.main-nav a:focus-visible::after,
.main-nav a[aria-current="page"]::after {
  transform: scaleX(1);
}

.header-actions {
  display: flex;
  align-items: center;
  gap: 10px;
}

.language-link {
  min-width: 52px;
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  border: 1px solid var(--mt-line-gold);
  border-radius: var(--mt-radius-pill);
  background: rgba(255, 255, 255, 0.62);
  color: var(--mt-talee-indigo-800);
  font-size: 0.82rem;
  font-weight: 900;
  text-decoration: none;
}

.language-link:hover {
  background: var(--mt-paper-white);
}

.mobile-menu-toggle {
  width: 46px;
  height: 46px;
  display: none;
  place-items: center;
  border: 1px solid var(--mt-line-gold);
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.72);
  color: var(--mt-talee-indigo-800);
  cursor: pointer;
}

.mobile-menu-toggle svg {
  width: 23px;
  height: 23px;
}

.mobile-panel {
  display: none;
}

/* Buttons */
.button-row {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  align-items: center;
}

.btn {
  min-height: 52px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  border: 1px solid transparent;
  border-radius: var(--mt-radius-pill);
  padding: 13px 24px;
  font-weight: 850;
  line-height: 1.2;
  text-decoration: none;
  cursor: pointer;
  transition: transform 160ms ease, box-shadow 160ms ease, background 160ms ease, border-color 160ms ease;
}

.btn:hover {
  transform: translateY(-2px);
}

.btn--primary {
  background: linear-gradient(135deg, var(--mt-talee-indigo), var(--mt-talee-indigo-800));
  color: #fff;
  box-shadow: 0 14px 30px rgba(81, 67, 122, 0.22);
}

.btn--primary:hover {
  box-shadow: 0 18px 34px rgba(81, 67, 122, 0.3);
}

.btn--gold {
  background: linear-gradient(135deg, #f6c16f, #df952f);
  color: #2d274d;
  box-shadow: 0 14px 30px rgba(242, 179, 91, 0.24);
}

.btn--outline {
  border-color: rgba(81, 67, 122, 0.28);
  background: rgba(255, 255, 255, 0.68);
  color: var(--mt-talee-indigo-800);
}

.btn--outline:hover {
  border-color: var(--mt-wonder-gold);
  background: #fff;
}

.btn--text {
  min-height: auto;
  padding: 7px 2px;
  border-radius: 0;
  color: var(--mt-talee-indigo);
}

.btn--small {
  min-height: 44px;
  padding: 10px 18px;
  font-size: 0.88rem;
}

.btn svg {
  width: 19px;
  height: 19px;
  flex: 0 0 auto;
}

/* Hero */
.hero {
  position: relative;
  padding-block: clamp(52px, 7vw, 94px) clamp(52px, 6vw, 76px);
}

.hero::before {
  content: "";
  position: absolute;
  top: -100px;
  right: -170px;
  width: 520px;
  height: 520px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(233, 228, 243, 0.8), rgba(233, 228, 243, 0));
  pointer-events: none;
}

[dir="rtl"] .hero::before {
  right: auto;
  left: -170px;
}

.hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 0.88fr) minmax(560px, 1.32fr);
  align-items: center;
  gap: clamp(36px, 5vw, 72px);
}

.hero-copy {
  position: relative;
  z-index: 2;
}

.hero-copy h1 {
  margin-bottom: 24px;
}

.hero-copy .lead {
  max-width: 650px;
  margin-bottom: 29px;
  color: #49546a;
  font-size: clamp(1.04rem, 1.35vw, 1.2rem);
}

.hero-copy .lead + .lead {
  margin-top: -14px;
}

.trust-principle {
  width: fit-content;
  display: inline-flex;
  align-items: center;
  gap: 9px;
  margin-bottom: 18px;
  border: 1px solid var(--mt-line-gold);
  border-radius: var(--mt-radius-pill);
  background: rgba(255, 255, 255, 0.66);
  color: var(--mt-talee-indigo-800);
  padding: 8px 14px;
  font-size: 0.79rem;
  font-weight: 900;
  letter-spacing: 0.095em;
  text-transform: uppercase;
}

[dir="rtl"] .trust-principle {
  letter-spacing: 0;
}

.trust-principle svg {
  width: 18px;
  color: var(--mt-wonder-gold-700);
}

.hero-reassurance {
  display: flex;
  align-items: flex-start;
  gap: 9px;
  margin-top: 20px;
  color: var(--mt-muted);
  font-size: 0.88rem;
}

.hero-reassurance svg {
  width: 18px;
  margin-top: 4px;
  color: var(--mt-library-sage);
  flex: 0 0 auto;
}

.hero-visual {
  position: relative;
  z-index: 1;
  min-width: 0;
}

.transformation-stage {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 0.86fr) 42px minmax(0, 1fr) 42px minmax(0, 0.86fr);
  align-items: center;
  gap: 6px;
}

.story-thread {
  position: absolute;
  z-index: 5;
  left: 2%;
  right: 2%;
  bottom: 12%;
  height: 48px;
  pointer-events: none;
  opacity: 0.95;
}

.story-thread svg {
  width: 100%;
  height: 100%;
}

.transform-card {
  position: relative;
  z-index: 2;
  min-width: 0;
}

.transform-card__frame {
  position: relative;
  overflow: hidden;
  aspect-ratio: 4 / 5;
  border: 1px solid rgba(242, 179, 91, 0.5);
  border-radius: clamp(20px, 2vw, 30px);
  background: var(--mt-paper-white);
  box-shadow: var(--mt-shadow-float);
}

.transform-card__frame::after {
  content: "";
  position: absolute;
  inset: 0;
  border: 1px solid rgba(255, 255, 255, 0.75);
  border-radius: inherit;
  pointer-events: none;
}

.transform-card__frame img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.transform-card--character .transform-card__frame {
  background:
    radial-gradient(circle at 50% 28%, rgba(242, 179, 91, 0.16), transparent 38%),
    linear-gradient(180deg, #fff8e9 0%, #f3eee9 100%);
}

.transform-card--character img {
  object-fit: contain;
  object-position: center bottom;
  padding: 8% 2% 0;
}

.transform-card--book .transform-card__frame {
  transform: perspective(1200px) rotateY(-4deg);
}

[dir="rtl"] .transform-card--book .transform-card__frame {
  transform: perspective(1200px) rotateY(4deg);
}

.transform-card__label {
  margin-top: 13px;
  color: var(--mt-talee-indigo-800);
  font-size: 0.87rem;
  font-weight: 900;
  text-align: center;
}

.transform-arrow {
  position: relative;
  z-index: 6;
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  border: 1px solid var(--mt-line-gold);
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.93);
  color: var(--mt-wonder-gold-700);
  box-shadow: 0 8px 22px rgba(38, 48, 71, 0.1);
}

.transform-arrow svg {
  width: 21px;
  height: 21px;
}

[dir="rtl"] .transform-arrow svg {
  transform: rotate(180deg);
}

.approval-seal {
  position: absolute;
  z-index: 8;
  left: 50%;
  bottom: 2.5%;
  width: clamp(82px, 8vw, 112px);
  aspect-ratio: 1;
  display: grid;
  place-items: center;
  transform: translateX(-50%) rotate(-7deg);
  border: 4px double #d99835;
  border-radius: 50%;
  background: #fff7df;
  color: #b06a18;
  box-shadow: 0 12px 24px rgba(38, 48, 71, 0.16);
  font-size: clamp(0.65rem, 0.8vw, 0.78rem);
  font-weight: 950;
  line-height: 1.08;
  text-align: center;
  text-transform: uppercase;
}

.approval-seal::before,
.approval-seal::after {
  content: "✦";
  display: block;
  font-size: 0.65rem;
}

.hero-trust-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 30px;
}

.trust-chip {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  border: 1px solid rgba(81, 67, 122, 0.12);
  border-radius: var(--mt-radius-pill);
  background: rgba(255, 255, 255, 0.68);
  padding: 9px 13px;
  color: var(--mt-story-ink);
  font-size: 0.8rem;
  font-weight: 800;
}

.trust-chip img {
  width: 19px;
  height: 19px;
}

/* Trust strip */
.trust-strip {
  padding-bottom: clamp(62px, 7vw, 98px);
}

.trust-strip__grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  border: 1px solid var(--mt-line-gold);
  border-radius: var(--mt-radius-lg);
  background: rgba(255, 255, 255, 0.54);
  box-shadow: 0 14px 48px rgba(38, 48, 71, 0.05);
  overflow: hidden;
}

.trust-feature {
  min-width: 0;
  padding: 28px 18px;
  text-align: center;
}

.trust-feature + .trust-feature {
  border-inline-start: 1px solid var(--mt-line);
}

.trust-feature img {
  width: 40px;
  height: 40px;
  margin: 0 auto 14px;
}

.trust-feature h3 {
  margin-bottom: 8px;
  font-family: var(--mt-font-body);
  font-size: 0.94rem;
  font-weight: 900;
  letter-spacing: 0;
}

[dir="rtl"] .trust-feature h3 {
  font-family: var(--mt-font-ar-body);
}

.trust-feature p {
  color: var(--mt-muted);
  font-size: 0.78rem;
  line-height: 1.55;
}

/* Category statement */
.category-statement {
  position: relative;
  padding-block: clamp(64px, 8vw, 110px);
  text-align: center;
}

.category-statement::before,
.category-statement::after {
  content: "";
  position: absolute;
  top: 50%;
  width: min(16vw, 180px);
  height: 1px;
  background: linear-gradient(90deg, transparent, var(--mt-line-gold));
}

.category-statement::before {
  left: 0;
}

.category-statement::after {
  right: 0;
  transform: scaleX(-1);
}

.category-statement h2 {
  margin-bottom: 22px;
}

.category-statement p {
  max-width: 870px;
  margin-inline: auto;
  color: var(--mt-muted);
  font-size: clamp(1.05rem, 1.5vw, 1.26rem);
}

/* Process */
.process-section {
  padding-block: var(--mt-section-gap);
  background:
    linear-gradient(180deg, rgba(255,255,255,0.46), rgba(255,255,255,0.2)),
    radial-gradient(circle at 50% 0%, rgba(242,179,91,0.09), transparent 28rem);
}

.process-grid {
  display: grid;
  grid-template-columns: repeat(8, minmax(0, 1fr));
  gap: 0;
  border: 1px solid var(--mt-line-gold);
  border-radius: var(--mt-radius-xl);
  background: rgba(255, 255, 255, 0.62);
  box-shadow: var(--mt-shadow-soft);
  overflow: hidden;
}

.process-step {
  position: relative;
  min-width: 0;
  padding: 34px 14px 30px;
  text-align: center;
}

.process-step + .process-step {
  border-inline-start: 1px solid var(--mt-line);
}

.process-step__number {
  position: absolute;
  top: 12px;
  inset-inline-start: 12px;
  width: 26px;
  height: 26px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: var(--mt-talee-indigo-800);
  color: #fff;
  font-size: 0.72rem;
  font-weight: 900;
}

.process-step img {
  width: 50px;
  height: 50px;
  margin: 0 auto 15px;
}

.process-step h3 {
  margin-bottom: 8px;
  font-family: var(--mt-font-body);
  font-size: 0.9rem;
  font-weight: 900;
  letter-spacing: 0;
}

[dir="rtl"] .process-step h3 {
  font-family: var(--mt-font-ar-body);
}

.process-step p {
  color: var(--mt-muted);
  font-size: 0.75rem;
  line-height: 1.5;
}

.process-closing {
  width: fit-content;
  max-width: 100%;
  margin: 24px auto 0;
  border: 1px solid var(--mt-line-gold);
  border-radius: var(--mt-radius-pill);
  background: rgba(255,255,255,.62);
  padding: 10px 18px;
  color: var(--mt-talee-indigo-800);
  font-size: 0.9rem;
  font-weight: 800;
  text-align: center;
}

/* Feature cards */
.feature-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(18px, 2.4vw, 30px);
}

.feature-card {
  position: relative;
  min-width: 0;
  display: flex;
  flex-direction: column;
  border: 1px solid var(--mt-line-gold);
  border-radius: var(--mt-radius-xl);
  background:
    linear-gradient(180deg, rgba(255,255,255,.78), rgba(255,255,255,.52)),
    var(--mt-cloud-cream);
  padding: clamp(24px, 3vw, 36px);
  box-shadow: var(--mt-shadow-card);
}

.feature-card h3 {
  margin-bottom: 12px;
}

.feature-card > p {
  color: var(--mt-muted);
}

.feature-card__visual {
  margin-block: 24px;
  overflow: hidden;
  border: 1px solid rgba(81,67,122,.13);
  border-radius: var(--mt-radius-md);
  background: #fff;
  box-shadow: 0 12px 28px rgba(38,48,71,.08);
}

.feature-card__visual img {
  width: 100%;
  height: auto;
}

.feature-card .btn {
  margin-top: auto;
}

.check-list,
.approval-list,
.simple-list {
  margin: 20px 0 26px;
  padding: 0;
  list-style: none;
}

.check-list li,
.approval-list li,
.simple-list li {
  position: relative;
  padding-inline-start: 28px;
  margin-bottom: 11px;
  color: #4c576d;
}

[dir="rtl"] .check-list li,
[dir="rtl"] .approval-list li,
[dir="rtl"] .simple-list li {
  padding-inline-start: 0;
  padding-inline-end: 28px;
}

.check-list li::before,
.approval-list li::before,
.simple-list li::before {
  content: "✓";
  position: absolute;
  top: 1px;
  inset-inline-start: 0;
  width: 19px;
  height: 19px;
  display: grid;
  place-items: center;
  border: 1px solid var(--mt-wonder-gold);
  border-radius: 50%;
  color: var(--mt-wonder-gold-700);
  font-size: 0.72rem;
  font-weight: 950;
}

.approval-list li {
  padding-block: 10px;
  border-bottom: 1px solid rgba(81,67,122,.11);
  color: var(--mt-story-ink);
  font-weight: 750;
}

.approval-list li::after {
  content: "✓";
  position: absolute;
  top: 11px;
  inset-inline-end: 0;
  color: var(--mt-success);
  font-weight: 900;
}

.feature-card__closing {
  margin-top: auto;
  padding-top: 20px;
  color: var(--mt-talee-indigo-800);
  font-weight: 800;
  text-align: center;
}

.library-status {
  display: inline-flex;
  align-items: center;
  margin-top: 14px;
  border-radius: var(--mt-radius-pill);
  background: var(--mt-dream-lavender);
  color: var(--mt-talee-indigo-800);
  padding: 7px 11px;
  font-size: 0.76rem;
  font-weight: 850;
}

/* Passport and revision */
.split-section {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr);
  align-items: center;
  gap: clamp(34px, 6vw, 78px);
}

.split-section--reverse > :first-child {
  order: 2;
}

.split-section--reverse > :last-child {
  order: 1;
}

.image-panel {
  position: relative;
  overflow: hidden;
  border: 1px solid var(--mt-line-gold);
  border-radius: var(--mt-radius-xl);
  background: #fff;
  box-shadow: var(--mt-shadow-soft);
}

.image-panel img {
  width: 100%;
  height: auto;
}

.image-panel__badge {
  position: absolute;
  bottom: 18px;
  inset-inline-start: 18px;
  border-radius: var(--mt-radius-pill);
  background: rgba(38,48,71,.9);
  color: #fff;
  padding: 9px 14px;
  font-size: .78rem;
  font-weight: 850;
  backdrop-filter: blur(10px);
}

.copy-panel h2 {
  margin-bottom: 20px;
}

.copy-panel p {
  color: var(--mt-muted);
  font-size: 1.05rem;
}

.passport-fields {
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 11px;
  margin-top: 24px;
}

.passport-field {
  border: 1px solid var(--mt-line);
  border-radius: var(--mt-radius-md);
  background: rgba(255,255,255,.62);
  padding: 13px 15px;
  color: var(--mt-talee-indigo-800);
  font-size: .86rem;
  font-weight: 800;
}

.revision-banner {
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 24px;
  border: 1px solid var(--mt-line-gold);
  border-radius: var(--mt-radius-xl);
  background: linear-gradient(135deg, rgba(233,228,243,.9), rgba(255,255,255,.72));
  padding: clamp(26px, 4vw, 48px);
}

.revision-banner__icon {
  width: 72px;
  height: 72px;
  display: grid;
  place-items: center;
  border-radius: 22px;
  background: var(--mt-paper-white);
  box-shadow: var(--mt-shadow-card);
}

.revision-banner__icon img {
  width: 44px;
  height: 44px;
}

.revision-banner h2 {
  margin-bottom: 9px;
  font-size: clamp(1.9rem, 3vw, 3rem);
}

.revision-banner p {
  margin-bottom: 0;
  color: var(--mt-muted);
}

.revision-steps {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.revision-steps span {
  border: 1px solid rgba(81,67,122,.18);
  border-radius: var(--mt-radius-pill);
  background: rgba(255,255,255,.72);
  padding: 8px 12px;
  color: var(--mt-talee-indigo-800);
  font-size: .78rem;
  font-weight: 850;
}

/* Privacy */
.trust-section {
  padding-block: var(--mt-section-gap);
}

.trust-card {
  position: relative;
  overflow: hidden;
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(360px, .85fr);
  align-items: stretch;
  border: 1px solid var(--mt-line-gold);
  border-radius: var(--mt-radius-2xl);
  background: rgba(255,255,255,.66);
  box-shadow: var(--mt-shadow-soft);
}

.trust-card__copy {
  padding: clamp(30px, 5vw, 62px);
}

.trust-card__copy h2 {
  margin-bottom: 18px;
}

.trust-card__copy > p {
  max-width: 660px;
  color: var(--mt-muted);
}

.trust-pillars {
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 16px;
  margin-top: 28px;
}

.trust-pillar {
  display: grid;
  grid-template-columns: 42px 1fr;
  gap: 12px;
  align-items: start;
}

.trust-pillar img {
  width: 42px;
  height: 42px;
  border-radius: 14px;
  background: rgba(233,228,243,.55);
  padding: 8px;
}

.trust-pillar h3 {
  margin-bottom: 4px;
  font-family: var(--mt-font-body);
  font-size: .9rem;
  font-weight: 900;
  letter-spacing: 0;
}

[dir="rtl"] .trust-pillar h3 {
  font-family: var(--mt-font-ar-body);
}

.trust-pillar p {
  color: var(--mt-muted);
  font-size: .78rem;
  line-height: 1.55;
}

.trust-card__image {
  min-height: 100%;
}

.trust-card__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

/* About */
.about-band {
  position: relative;
  overflow: hidden;
  border: 1px solid var(--mt-line-gold);
  border-radius: var(--mt-radius-xl);
  background:
    radial-gradient(circle at 10% 20%, rgba(242,179,91,.12), transparent 20rem),
    linear-gradient(135deg, rgba(255,255,255,.84), rgba(233,228,243,.54));
  padding: clamp(34px, 5vw, 64px);
  text-align: center;
}

.about-band::after {
  content: "✦";
  position: absolute;
  right: 8%;
  top: 20%;
  color: rgba(242,179,91,.55);
  font-size: 5rem;
  transform: rotate(14deg);
}

[dir="rtl"] .about-band::after {
  right: auto;
  left: 8%;
}

.about-band h2 {
  max-width: 860px;
  margin-inline: auto;
  margin-bottom: 20px;
}

.about-band p {
  max-width: 850px;
  margin-inline: auto;
  color: var(--mt-muted);
  font-size: 1.05rem;
}

/* Waitlist */
.waitlist-section {
  padding-block: clamp(60px, 8vw, 108px);
}

.waitlist-card {
  position: relative;
  overflow: hidden;
  display: grid;
  grid-template-columns: minmax(280px, .8fr) minmax(0, 1.2fr);
  align-items: center;
  gap: clamp(28px, 5vw, 64px);
  border-radius: var(--mt-radius-2xl);
  background:
    linear-gradient(90deg, rgba(37,42,80,.98), rgba(59,47,98,.92)),
    url("../assets/imagery/hero-editorial-scene-1600x1200.webp") center/cover no-repeat;
  color: #fff;
  padding: clamp(32px, 5vw, 64px);
  box-shadow: 0 26px 80px rgba(38,48,71,.24);
}

.waitlist-card::after {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at 94% 50%, rgba(242,179,91,.18), transparent 34%);
  pointer-events: none;
}

.waitlist-copy,
.waitlist-form-wrap {
  position: relative;
  z-index: 1;
}

.waitlist-copy .eyebrow {
  color: #f9ca83;
}

.waitlist-copy h2 {
  color: #fff;
  margin-bottom: 16px;
}

.waitlist-copy p {
  color: rgba(255,255,255,.78);
}

.waitlist-benefits {
  margin: 24px 0 0;
  padding: 0;
  list-style: none;
}

.waitlist-benefits li {
  position: relative;
  margin-bottom: 10px;
  padding-inline-start: 24px;
  color: rgba(255,255,255,.88);
  font-size: .9rem;
}

[dir="rtl"] .waitlist-benefits li {
  padding-inline-start: 0;
  padding-inline-end: 24px;
}

.waitlist-benefits li::before {
  content: "✦";
  position: absolute;
  inset-inline-start: 0;
  color: var(--mt-wonder-gold);
}

.waitlist-form-wrap {
  border: 1px solid rgba(255,255,255,.22);
  border-radius: var(--mt-radius-xl);
  background: rgba(255,255,255,.96);
  color: var(--mt-story-ink);
  padding: clamp(24px, 3vw, 38px);
  box-shadow: 0 20px 50px rgba(18,22,55,.28);
}

.waitlist-form-wrap h3 {
  margin-bottom: 8px;
}

.waitlist-form-wrap > p {
  margin-bottom: 23px;
  color: var(--mt-muted);
  font-size: .92rem;
}

.form-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 17px;
}

.form-field {
  min-width: 0;
}

.form-field--full {
  grid-column: 1 / -1;
}

.form-field label,
.form-label {
  display: block;
  margin-bottom: 7px;
  color: var(--mt-story-ink);
  font-size: .82rem;
  font-weight: 850;
}

.form-field input,
.form-field select,
.form-field textarea {
  width: 100%;
  min-height: 50px;
  border: 1px solid rgba(81,67,122,.23);
  border-radius: var(--mt-radius-sm);
  background: #fff;
  color: var(--mt-story-ink);
  padding: 12px 14px;
  transition: border-color 160ms ease, box-shadow 160ms ease;
}

.form-field textarea {
  min-height: 132px;
  resize: vertical;
}

.form-field input:focus,
.form-field select:focus,
.form-field textarea:focus {
  outline: none;
  border-color: var(--mt-wonder-gold-700);
  box-shadow: var(--mt-focus-ring);
}

.form-field input[aria-invalid="true"],
.form-field select[aria-invalid="true"],
.form-field textarea[aria-invalid="true"] {
  border-color: var(--mt-danger);
}

.field-error {
  min-height: 1.2em;
  margin: 5px 0 0;
  color: var(--mt-danger);
  font-size: .76rem;
  font-weight: 750;
}

.checkbox-field {
  display: grid;
  grid-template-columns: 20px 1fr;
  gap: 10px;
  align-items: start;
}

.checkbox-field input {
  width: 18px;
  height: 18px;
  margin-top: 4px;
  accent-color: var(--mt-talee-indigo);
}

.checkbox-field label {
  color: var(--mt-muted);
  font-size: .78rem;
  line-height: 1.55;
}

.checkbox-field a {
  color: var(--mt-talee-indigo);
  font-weight: 800;
}

.honeypot {
  position: absolute;
  left: -9999px;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

.form-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 14px;
  margin-top: 20px;
}

.form-reassurance {
  color: var(--mt-muted);
  font-size: .76rem;
}

.form-status {
  display: none;
  margin-top: 17px;
  border-radius: var(--mt-radius-sm);
  padding: 11px 13px;
  font-size: .84rem;
  font-weight: 750;
}

.form-status.is-visible {
  display: block;
}

.form-status.is-error {
  background: #fff0f0;
  color: var(--mt-danger);
}

.form-status.is-success {
  background: #eef8f3;
  color: var(--mt-success);
}

/* FAQ */
.faq-layout {
  display: grid;
  grid-template-columns: minmax(0, .78fr) minmax(0, 1.22fr);
  align-items: start;
  gap: clamp(32px, 6vw, 78px);
}

.faq-intro {
  position: sticky;
  top: calc(var(--mt-header-height) + 28px);
}

.faq-intro h2 {
  margin-bottom: 18px;
}

.faq-intro p {
  color: var(--mt-muted);
}

.faq-list {
  border-top: 1px solid var(--mt-line-gold);
}

.faq-item {
  border-bottom: 1px solid var(--mt-line-gold);
}

.faq-question {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: 18px;
  background: transparent;
  color: var(--mt-talee-indigo-800);
  padding: 20px 2px;
  font-weight: 850;
  text-align: start;
  cursor: pointer;
}

.faq-question svg {
  width: 20px;
  height: 20px;
  transition: transform 180ms ease;
}

.faq-question[aria-expanded="true"] svg {
  transform: rotate(180deg);
}

.faq-answer {
  overflow: hidden;
}

.faq-answer[hidden] {
  display: none;
}

.faq-answer__inner {
  padding: 0 2px 22px;
  color: var(--mt-muted);
}

/* Footer */
.site-footer {
  margin-top: clamp(70px, 8vw, 110px);
  border-top: 1px solid var(--mt-line-gold);
  background: rgba(255,255,255,.48);
}

.footer-main {
  display: grid;
  grid-template-columns: minmax(220px, 1.2fr) repeat(4, minmax(120px, .7fr));
  gap: 36px;
  padding-block: 54px 38px;
}

.footer-brand img {
  width: 180px;
  margin-bottom: 16px;
}

.footer-brand p {
  max-width: 300px;
  color: var(--mt-muted);
  font-size: .88rem;
}

.footer-column h2 {
  margin-bottom: 14px;
  font-family: var(--mt-font-body);
  font-size: .86rem;
  font-weight: 900;
  letter-spacing: 0;
}

[dir="rtl"] .footer-column h2 {
  font-family: var(--mt-font-ar-body);
}

.footer-column ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.footer-column li {
  margin-bottom: 8px;
}

.footer-column a {
  color: var(--mt-muted);
  font-size: .82rem;
  text-decoration: none;
}

.footer-column a:hover {
  color: var(--mt-talee-indigo);
  text-decoration: underline;
}

.footer-bottom {
  min-height: 72px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  border-top: 1px solid var(--mt-line);
  color: var(--mt-muted);
  font-size: .78rem;
}

.social-links {
  display: flex;
  gap: 10px;
}

.social-links a {
  width: 38px;
  height: 38px;
  display: grid;
  place-items: center;
  border: 1px solid var(--mt-line);
  border-radius: 50%;
  background: rgba(255,255,255,.65);
  color: var(--mt-talee-indigo-800);
  text-decoration: none;
}

.social-links a:hover {
  border-color: var(--mt-wonder-gold);
}

.social-links svg {
  width: 17px;
  height: 17px;
}

/* Modal */
.modal {
  position: fixed;
  z-index: 3000;
  inset: 0;
  display: grid;
  place-items: center;
  padding: 22px;
  background: rgba(22, 25, 43, 0.72);
  backdrop-filter: blur(8px);
}

.modal[hidden] {
  display: none;
}

.modal__dialog {
  position: relative;
  width: min(100%, 920px);
  max-height: min(90vh, 980px);
  overflow: auto;
  border: 1px solid rgba(255,255,255,.4);
  border-radius: var(--mt-radius-xl);
  background: var(--mt-cloud-cream);
  box-shadow: 0 30px 100px rgba(0,0,0,.36);
}

.modal__header {
  position: sticky;
  z-index: 2;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  border-bottom: 1px solid var(--mt-line);
  background: rgba(255,248,238,.96);
  padding: 18px 22px;
  backdrop-filter: blur(12px);
}

.modal__header h2 {
  margin: 0;
  font-size: 1.6rem;
}

.modal__close {
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: var(--mt-talee-indigo-800);
  color: #fff;
  cursor: pointer;
}

.modal__close svg {
  width: 20px;
}

.modal__body {
  padding: 22px;
}

.modal__body img {
  width: min(100%, 760px);
  margin-inline: auto;
  border-radius: var(--mt-radius-md);
}

.roadmap-grid {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 16px;
}

.roadmap-item {
  border: 1px solid var(--mt-line);
  border-radius: var(--mt-radius-md);
  background: rgba(255,255,255,.68);
  padding: 18px;
}

.roadmap-item h3 {
  margin-bottom: 8px;
  font-family: var(--mt-font-body);
  font-size: 1rem;
  font-weight: 900;
  letter-spacing: 0;
}

[dir="rtl"] .roadmap-item h3 {
  font-family: var(--mt-font-ar-body);
}

.roadmap-item p {
  color: var(--mt-muted);
  font-size: .84rem;
}

.status-badge {
  display: inline-flex;
  align-items: center;
  border-radius: var(--mt-radius-pill);
  background: var(--mt-dream-lavender);
  color: var(--mt-talee-indigo-800);
  padding: 6px 10px;
  font-size: .72rem;
  font-weight: 900;
}

/* Inner pages */
.inner-hero {
  padding-block: clamp(62px, 8vw, 110px) clamp(42px, 6vw, 72px);
  text-align: center;
}

.inner-hero__icon {
  width: 88px;
  margin: 0 auto 24px;
}

.inner-hero h1 {
  max-width: 930px;
  margin-inline: auto;
  margin-bottom: 18px;
}

.inner-hero p {
  max-width: 760px;
  margin-inline: auto;
  color: var(--mt-muted);
  font-size: 1.08rem;
}

.legal-layout {
  display: grid;
  grid-template-columns: 250px minmax(0, 780px);
  justify-content: center;
  align-items: start;
  gap: clamp(34px, 6vw, 72px);
  padding-bottom: var(--mt-section-gap);
}

.legal-toc {
  position: sticky;
  top: calc(var(--mt-header-height) + 26px);
  border: 1px solid var(--mt-line);
  border-radius: var(--mt-radius-lg);
  background: rgba(255,255,255,.58);
  padding: 22px;
}

.legal-toc h2 {
  margin-bottom: 14px;
  font-family: var(--mt-font-body);
  font-size: .9rem;
  font-weight: 900;
  letter-spacing: 0;
}

[dir="rtl"] .legal-toc h2 {
  font-family: var(--mt-font-ar-body);
}

.legal-toc ol {
  margin: 0;
  padding-inline-start: 20px;
}

.legal-toc li {
  margin-bottom: 8px;
}

.legal-toc a {
  color: var(--mt-muted);
  font-size: .82rem;
  text-decoration: none;
}

.legal-toc a:hover {
  color: var(--mt-talee-indigo);
  text-decoration: underline;
}

.legal-content {
  min-width: 0;
}

.legal-notice {
  margin-bottom: 34px;
  border-inline-start: 4px solid var(--mt-wonder-gold);
  border-radius: 0 var(--mt-radius-md) var(--mt-radius-md) 0;
  background: rgba(255,255,255,.64);
  padding: 18px 20px;
  color: var(--mt-muted);
}

[dir="rtl"] .legal-notice {
  border-inline-start: 4px solid var(--mt-wonder-gold);
  border-radius: var(--mt-radius-md) 0 0 var(--mt-radius-md);
}

.legal-content section {
  scroll-margin-top: calc(var(--mt-header-height) + 24px);
  margin-bottom: 42px;
}

.legal-content h2 {
  margin-bottom: 16px;
  font-size: clamp(1.65rem, 2.5vw, 2.3rem);
}

.legal-content h3 {
  margin-top: 26px;
  margin-bottom: 10px;
  font-family: var(--mt-font-body);
  font-size: 1.04rem;
  font-weight: 900;
  letter-spacing: 0;
}

[dir="rtl"] .legal-content h3 {
  font-family: var(--mt-font-ar-body);
}

.legal-content p,
.legal-content li {
  color: #505b70;
}

.legal-content li {
  margin-bottom: 8px;
}

.updated-date {
  color: var(--mt-talee-indigo);
  font-weight: 850;
}

.contact-layout {
  display: grid;
  grid-template-columns: minmax(0,.7fr) minmax(0,1.3fr);
  gap: clamp(34px,6vw,78px);
  align-items: start;
  padding-bottom: var(--mt-section-gap);
}

.contact-card,
.contact-form-card {
  border: 1px solid var(--mt-line-gold);
  border-radius: var(--mt-radius-xl);
  background: rgba(255,255,255,.64);
  padding: clamp(26px,4vw,44px);
  box-shadow: var(--mt-shadow-card);
}

.contact-card h2,
.contact-form-card h2 {
  margin-bottom: 16px;
}

.contact-card p {
  color: var(--mt-muted);
}

.contact-meta {
  margin-top: 26px;
  padding: 0;
  list-style: none;
}

.contact-meta li {
  display: grid;
  grid-template-columns: 36px 1fr;
  gap: 12px;
  margin-bottom: 17px;
}

.contact-meta svg {
  width: 36px;
  height: 36px;
  border-radius: 12px;
  background: var(--mt-dream-lavender);
  color: var(--mt-talee-indigo);
  padding: 8px;
}

.success-page,
.error-page {
  min-height: calc(100vh - var(--mt-header-height));
  display: grid;
  place-items: center;
  padding-block: 70px;
}

.success-card,
.error-card {
  width: min(100%, 820px);
  border: 1px solid var(--mt-line-gold);
  border-radius: var(--mt-radius-2xl);
  background: rgba(255,255,255,.72);
  padding: clamp(36px,6vw,76px);
  box-shadow: var(--mt-shadow-soft);
  text-align: center;
}

.success-card img,
.error-card img {
  width: 110px;
  margin: 0 auto 26px;
}

.success-card h1,
.error-card h1 {
  margin-bottom: 18px;
}

.success-card p,
.error-card p {
  max-width: 630px;
  margin-inline: auto;
  color: var(--mt-muted);
  font-size: 1.04rem;
}

.success-card .button-row,
.error-card .button-row {
  justify-content: center;
  margin-top: 28px;
}

/* Responsive */
@media (max-width: 1180px) {
  .hero-grid {
    grid-template-columns: minmax(0, .84fr) minmax(500px, 1.16fr);
    gap: 36px;
  }

  .main-nav ul {
    gap: 14px;
  }

  .main-nav a {
    font-size: .82rem;
  }

  .header-actions .btn {
    padding-inline: 17px;
  }

  .trust-strip__grid {
    grid-template-columns: repeat(3,minmax(0,1fr));
  }

  .trust-feature:nth-child(4) {
    border-inline-start: 0;
  }

  .trust-feature:nth-child(n+4) {
    border-top: 1px solid var(--mt-line);
  }

  .process-grid {
    grid-template-columns: repeat(4,minmax(0,1fr));
  }

  .process-step:nth-child(5) {
    border-inline-start: 0;
  }

  .process-step:nth-child(n+5) {
    border-top: 1px solid var(--mt-line);
  }
}

@media (max-width: 980px) {
  :root {
    --mt-header-height: 76px;
  }

  .header-inner {
    gap: 12px;
  }

  .main-nav,
  .header-actions .language-link {
    display: none;
  }

  .header-actions {
    margin-inline-start: auto;
  }

  .mobile-menu-toggle {
    display: grid;
  }

  .mobile-panel {
    position: fixed;
    z-index: 1100;
    inset: var(--mt-header-height) 0 0;
    display: block;
    visibility: hidden;
    opacity: 0;
    background: rgba(255,248,238,.98);
    transform: translateY(-12px);
    transition: opacity 180ms ease, transform 180ms ease, visibility 180ms ease;
  }

  .mobile-panel.is-open {
    visibility: visible;
    opacity: 1;
    transform: translateY(0);
  }

  .mobile-panel__inner {
    height: 100%;
    overflow: auto;
    padding: 34px var(--mt-gutter) 50px;
  }

  .mobile-panel nav ul {
    margin: 0 0 28px;
    padding: 0;
    list-style: none;
  }

  .mobile-panel nav li {
    border-bottom: 1px solid var(--mt-line);
  }

  .mobile-panel nav a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 18px 2px;
    color: var(--mt-talee-indigo-800);
    font-size: 1.06rem;
    font-weight: 850;
    text-decoration: none;
  }

  .mobile-panel__actions {
    display: grid;
    gap: 12px;
  }

  .hero-grid {
    grid-template-columns: 1fr;
  }

  .hero-copy {
    max-width: 760px;
  }

  .hero-visual {
    width: min(100%, 780px);
    margin-inline: auto;
  }

  .feature-grid {
    grid-template-columns: 1fr 1fr;
  }

  .feature-card:last-child {
    grid-column: 1 / -1;
  }

  .split-section,
  .trust-card,
  .waitlist-card,
  .faq-layout,
  .contact-layout {
    grid-template-columns: 1fr;
  }

  .split-section--reverse > :first-child,
  .split-section--reverse > :last-child {
    order: initial;
  }

  .trust-card__image {
    min-height: 380px;
  }

  .faq-intro {
    position: static;
  }

  .footer-main {
    grid-template-columns: repeat(3,minmax(0,1fr));
  }

  .footer-brand {
    grid-column: 1 / -1;
  }

  .legal-layout {
    grid-template-columns: 1fr;
  }

  .legal-toc {
    position: static;
  }
}

@media (max-width: 720px) {
  :root {
    --mt-gutter: 18px;
  }

  .header-actions .btn {
    display: none;
  }

  .brand-link img {
    width: 148px;
  }

  .hero {
    padding-top: 38px;
  }

  .hero-copy h1 {
    font-size: clamp(2.75rem, 12vw, 4.4rem);
  }

  .transformation-stage {
    grid-template-columns: 1fr;
    gap: 18px;
  }

  .transform-card {
    width: min(100%, 430px);
    margin-inline: auto;
  }

  .transform-card__frame {
    aspect-ratio: 4 / 4.7;
  }

  .transform-arrow {
    margin-inline: auto;
    transform: rotate(90deg);
  }

  [dir="rtl"] .transform-arrow {
    transform: rotate(90deg);
  }

  [dir="rtl"] .transform-arrow svg {
    transform: none;
  }

  .story-thread,
  .approval-seal {
    display: none;
  }

  .hero-trust-chips {
    display: grid;
  }

  .trust-strip__grid {
    grid-template-columns: 1fr 1fr;
  }

  .trust-feature:nth-child(odd) {
    border-inline-start: 0;
  }

  .trust-feature:nth-child(n+3) {
    border-top: 1px solid var(--mt-line);
  }

  .category-statement::before,
  .category-statement::after {
    display: none;
  }

  .process-grid {
    grid-template-columns: 1fr;
    overflow: visible;
    background: transparent;
    border: 0;
    box-shadow: none;
    gap: 14px;
  }

  .process-step,
  .process-step:nth-child(n) {
    display: grid;
    grid-template-columns: 48px 54px 1fr;
    align-items: center;
    gap: 14px;
    border: 1px solid var(--mt-line-gold);
    border-radius: var(--mt-radius-lg);
    background: rgba(255,255,255,.66);
    padding: 16px;
    text-align: start;
  }

  .process-step__number {
    position: static;
    grid-column: 1;
    grid-row: 1;
  }

  .process-step img {
    grid-column: 2;
    grid-row: 1;
    width: 46px;
    height: 46px;
    margin: 0;
  }

  .process-step__copy {
    grid-column: 3;
    grid-row: 1;
  }

  .process-step h3,
  .process-step p {
    text-align: start;
  }

  .feature-grid {
    grid-template-columns: 1fr;
  }

  .feature-card:last-child {
    grid-column: auto;
  }

  .revision-banner {
    grid-template-columns: 1fr;
    text-align: center;
  }

  .revision-banner__icon {
    margin-inline: auto;
  }

  .revision-steps {
    justify-content: center;
  }

  .trust-pillars,
  .form-grid,
  .passport-fields,
  .roadmap-grid {
    grid-template-columns: 1fr;
  }

  .form-field--full {
    grid-column: auto;
  }

  .waitlist-card {
    padding: 28px 20px;
  }

  .footer-main {
    grid-template-columns: 1fr 1fr;
    gap: 30px 22px;
  }

  .footer-brand {
    grid-column: 1 / -1;
  }

  .footer-bottom {
    flex-direction: column;
    align-items: flex-start;
    padding-block: 22px;
  }

  .legal-toc {
    overflow-x: auto;
  }
}

@media (max-width: 480px) {
  .trust-strip__grid,
  .footer-main {
    grid-template-columns: 1fr;
  }

  .trust-feature:nth-child(n) {
    border-inline-start: 0;
  }

  .trust-feature:nth-child(n+2) {
    border-top: 1px solid var(--mt-line);
  }

  .footer-brand {
    grid-column: auto;
  }

  .button-row,
  .button-row .btn,
  .form-actions,
  .form-actions .btn {
    width: 100%;
  }

  .btn {
    text-align: center;
  }

  .trust-card__image {
    min-height: 300px;
  }
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }

  *,
  *::before,
  *::after {
    scroll-behavior: auto !important;
    transition-duration: 0.001ms !important;
    animation-duration: 0.001ms !important;
    animation-iteration-count: 1 !important;
  }
}

@media print {
  .site-header,
  .site-footer,
  .button-row,
  .waitlist-section,
  .mobile-panel,
  .skip-link {
    display: none !important;
  }

  body {
    background: #fff;
    color: #000;
  }

  .section,
  .inner-hero {
    padding-block: 24px;
  }
}

/* ============================================================
   MyTalee approved header — locked visual source of truth v1.2.3
   Horizontal logo left / centered navigation / Early Access right
   ============================================================ */
@media (min-width: 981px) {
  .site-header.site-header--approved {
    min-height: 92px;
    background: #fff8ee;
    border-bottom: 1px solid rgba(81, 67, 122, 0.055);
    backdrop-filter: none;
  }

  .site-header.site-header--approved.is-scrolled {
    background: rgba(255, 248, 238, 0.985);
    border-color: rgba(81, 67, 122, 0.10);
    box-shadow: 0 10px 28px rgba(38, 48, 71, 0.065);
  }

  .site-header--approved .header-inner {
    min-height: 92px;
    display: grid;
    grid-template-columns: minmax(190px, 1fr) auto minmax(190px, 1fr);
    align-items: center;
    gap: clamp(20px, 2.8vw, 52px);
  }

  .site-header--approved .brand-link {
    justify-self: start;
  }

  .site-header--approved .brand-link img {
    width: clamp(176px, 13vw, 218px);
    max-height: 68px;
    object-fit: contain;
  }

  .site-header--approved .main-nav {
    margin-inline-start: 0;
    justify-self: center;
  }

  .site-header--approved .main-nav ul {
    gap: clamp(22px, 2vw, 38px);
  }

  .site-header--approved .main-nav a {
    color: #263047;
    font-size: 0.92rem;
    font-weight: 700;
    letter-spacing: -0.005em;
  }

  .site-header--approved .header-actions {
    justify-self: end;
    margin-inline-start: 0;
  }

  .site-header--approved .header-actions .btn {
    min-height: 48px;
    padding-inline: 24px;
    border-radius: 999px;
    white-space: nowrap;
  }
}

@media (max-width: 1180px) and (min-width: 981px) {
  .site-header--approved .header-inner {
    grid-template-columns: minmax(165px, .8fr) auto minmax(165px, .8fr);
    gap: 18px;
  }
  .site-header--approved .brand-link img {
    width: 174px;
  }
  .site-header--approved .main-nav ul {
    gap: 17px;
  }
  .site-header--approved .main-nav a {
    font-size: 0.84rem;
  }
  .site-header--approved .header-actions .btn {
    padding-inline: 18px;
  }
}

@media (max-width: 980px) {
  .site-header.site-header--approved {
    background: #fff8ee;
    backdrop-filter: none;
  }
  .site-header--approved .header-inner {
    min-height: 76px;
    gap: 10px;
  }
  .site-header--approved .brand-link img {
    width: clamp(132px, 33vw, 168px);
  }
  .site-header--approved .header-actions {
    margin-inline-start: auto;
    gap: 8px;
  }
  .site-header--approved .header-actions .btn {
    min-height: 42px;
    padding: 10px 14px;
    font-size: .78rem;
  }
}

@media (max-width: 540px) {
  .site-header--approved .header-actions .btn {
    padding-inline: 12px;
  }
  .site-header--approved .header-actions .btn span[aria-hidden="true"] {
    display: none;
  }
}


/* v1.2.4 — compact homepage vertical rhythm
   Avoid stacked section padding creating large empty bands between content blocks. */
.section--tight + .section--tight {
  padding-top: clamp(8px, 1.25vw, 18px);
}

.section--tight + .trust-section {
  padding-top: clamp(14px, 1.75vw, 26px);
}

.trust-section + .section--tight {
  padding-top: clamp(22px, 2.5vw, 38px);
}

@media (max-width: 720px) {
  :root {
    --mt-section-gap: 48px;
  }

  .section--tight {
    padding-block: 30px;
  }

  .section--tight + .section--tight,
  .section--tight + .trust-section,
  .trust-section + .section--tight {
    padding-top: 16px;
  }
}

/* ==== MyTalee v1.2.5 final overrides: approved header + compact rhythm ==== */
@media (min-width: 981px) {
  .site-header.site-header--approved {min-height:88px!important;background:#FFF8EE!important;border-bottom:1px solid rgba(81,67,122,.08)!important;backdrop-filter:none!important;}
  .site-header.site-header--approved.is-scrolled {background:rgba(255,248,238,.985)!important;box-shadow:0 8px 24px rgba(38,48,71,.06)!important;}
  .site-header--approved .header-inner {min-height:88px!important;display:grid!important;grid-template-columns:220px minmax(0,1fr) 220px!important;align-items:center!important;gap:24px!important;}
  .site-header--approved .brand-link {justify-self:start!important;}
  .site-header--approved .brand-link img {width:210px!important;max-width:210px!important;max-height:66px!important;object-fit:contain!important;}
  .site-header--approved .main-nav {justify-self:center!important;margin:0!important;}
  .site-header--approved .main-nav ul {gap:clamp(22px,2vw,36px)!important;}
  .site-header--approved .main-nav a {font-size:.90rem!important;font-weight:700!important;color:#263047!important;}
  .site-header--approved .header-actions {justify-self:end!important;margin:0!important;}
  .site-header--approved .header-actions .btn {min-height:46px!important;padding:12px 22px!important;border-radius:999px!important;}
  .site-header--approved .language-link {display:none!important;}
}
@media (min-width:981px) and (max-width:1220px){
  .site-header--approved .header-inner{grid-template-columns:180px minmax(0,1fr) 190px!important;gap:16px!important}
  .site-header--approved .brand-link img{width:175px!important}
  .site-header--approved .main-nav ul{gap:16px!important}
  .site-header--approved .main-nav a{font-size:.80rem!important}
  .site-header--approved .header-actions .btn{padding-inline:17px!important;font-size:.80rem!important}
}
main>.section,main>.trust-section{padding-top:28px!important;padding-bottom:28px!important}
main>.section.section--tight{padding-top:20px!important;padding-bottom:20px!important}
main>.process-section{padding-top:38px!important;padding-bottom:38px!important}
.passport-section{padding-top:20px!important;padding-bottom:12px!important}
.passport-section .split-section{grid-template-columns:minmax(300px,.78fr) minmax(0,1.22fr)!important;gap:clamp(28px,4vw,52px)!important;align-items:center!important}
.passport-section .image-panel{width:min(100%,520px)!important;justify-self:center!important}
.passport-section .image-panel img{display:block!important;width:100%!important;height:auto!important;max-height:390px!important;object-fit:contain!important}
.passport-section .copy-panel>p:last-child{margin-top:14px!important;margin-bottom:0!important}
.revision-section{padding-top:8px!important;padding-bottom:12px!important}
.revision-section .revision-banner{padding:clamp(22px,2.8vw,34px)!important}
.trust-section{padding-top:12px!important;padding-bottom:24px!important}
@media(max-width:980px){main>.section,main>.trust-section,main>.process-section{padding-top:22px!important;padding-bottom:22px!important}.passport-section .split-section{grid-template-columns:1fr!important}.passport-section .image-panel{width:min(100%,620px)!important}}
@media(max-width:640px){main>.section,main>.trust-section,main>.process-section{padding-top:18px!important;padding-bottom:18px!important}.revision-section{padding-top:8px!important;padding-bottom:10px!important}}


/* ============================================================
   MyTalee v1.2.6 — FINAL HEADER + COMPACT SECTION RHYTHM
   Source of truth for the approved website header and spacing.
   ============================================================ */

:root {
  --mt-header-height: 92px;
  --mt-section-gap: 34px;
}

/* Approved desktop header: logo left / nav centered / CTA right. */
.site-header.site-header--approved {
  min-height: var(--mt-header-height) !important;
  background: rgba(255, 248, 238, 0.97) !important;
  border-bottom: 1px solid rgba(81, 67, 122, 0.08) !important;
  box-shadow: none !important;
  backdrop-filter: blur(12px) saturate(120%);
}
.site-header.site-header--approved.is-scrolled {
  box-shadow: 0 8px 24px rgba(38, 48, 71, 0.07) !important;
}
.site-header--approved .header-inner {
  min-height: var(--mt-header-height) !important;
  display: grid !important;
  grid-template-columns: minmax(190px, 1fr) auto minmax(190px, 1fr) !important;
  align-items: center !important;
  column-gap: 28px !important;
}
.site-header--approved .brand-link {
  justify-self: start !important;
}
.site-header--approved .brand-link img {
  width: 188px !important;
  max-width: none !important;
  height: auto !important;
}
.site-header--approved .main-nav {
  margin: 0 !important;
  justify-self: center !important;
}
.site-header--approved .main-nav ul {
  gap: clamp(20px, 2vw, 34px) !important;
}
.site-header--approved .main-nav a {
  font-size: 0.91rem !important;
  font-weight: 760 !important;
}
.site-header--approved .header-actions {
  justify-self: end !important;
}
.site-header--approved .header-actions .btn {
  min-height: 50px !important;
  padding: 12px 23px !important;
}
/* Never show a desktop language pill in the approved header. */
.site-header--approved .language-link,
.site-header--approved .language-switcher,
.site-header--approved [data-language-switcher] {
  display: none !important;
}

/* Compact vertical rhythm — no large blank bands between homepage sections. */
main > .section,
main > .process-section,
main > .trust-section,
main > .waitlist-section,
main > .faq-section {
  padding-top: 26px !important;
  padding-bottom: 26px !important;
}
main > .section.section--tight {
  padding-top: 18px !important;
  padding-bottom: 18px !important;
}

/* Book Passport: stop the image column from forcing a tall empty row. */
.passport-section {
  padding-top: 18px !important;
  padding-bottom: 12px !important;
}
.passport-section .split-section {
  align-items: center !important;
  gap: clamp(26px, 4vw, 54px) !important;
}
.passport-section .image-panel {
  align-self: center !important;
  max-height: 390px !important;
  overflow: hidden !important;
}
.passport-section .image-panel > img {
  width: 100% !important;
  height: 390px !important;
  object-fit: contain !important;
  object-position: center !important;
  background: rgba(255,255,255,.45);
}
.passport-section .copy-panel > :last-child {
  margin-bottom: 0 !important;
}

/* Revision banner: keep it immediately after Book Passport. */
.revision-section {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}
.revision-section .revision-banner {
  padding: clamp(22px, 2.4vw, 32px) !important;
  gap: 20px !important;
}

/* Privacy follows revision without the former ~80px top padding. */
.trust-section {
  padding-top: 12px !important;
  padding-bottom: 24px !important;
}

/* Reduce any accidental margins at section boundaries. */
.passport-section + .revision-section,
.revision-section + .trust-section {
  margin-top: 0 !important;
}

@media (max-width: 1100px) {
  .site-header--approved .header-inner {
    grid-template-columns: auto 1fr auto !important;
    column-gap: 20px !important;
  }
  .site-header--approved .brand-link img { width: 168px !important; }
  .site-header--approved .main-nav ul { gap: 16px !important; }
  .site-header--approved .main-nav a { font-size: .84rem !important; }
}

@media (max-width: 900px) {
  :root { --mt-header-height: 78px; }
  .site-header--approved .header-inner {
    display: flex !important;
    min-height: 78px !important;
    gap: 12px !important;
  }
  .site-header--approved .brand-link img { width: 148px !important; }
  .site-header--approved .main-nav { display: none !important; }
  .site-header--approved .header-actions { margin-inline-start: auto !important; }
  .site-header--approved .mobile-menu-toggle { display: grid !important; }
  .site-header--approved .header-actions .btn { min-height: 44px !important; padding: 10px 15px !important; font-size: .82rem !important; }
  .passport-section .image-panel { max-height: none !important; }
  .passport-section .image-panel > img { height: auto !important; max-height: 420px !important; }
}

@media (max-width: 640px) {
  main > .section,
  main > .process-section,
  main > .trust-section,
  main > .waitlist-section,
  main > .faq-section { padding-top: 18px !important; padding-bottom: 18px !important; }
  .revision-section { padding-top: 6px !important; padding-bottom: 6px !important; }
  .trust-section { padding-top: 8px !important; }
  .site-header--approved .brand-link img { width: 128px !important; }
}

/* =========================================================
   MyTalee v1.2.7 — approved desktop top-of-page visual
   The user's approved reference is the source of truth.
   Desktop uses the exact approved composition; mobile keeps
   the accessible responsive HTML header/hero implementation.
   ========================================================= */
.approved-home-header{display:none;}
@media (min-width:981px){
  body{background:#fff9ef;}
  body.approved-desktop-home .site-shell>.site-header,
  body.approved-desktop-home main>.hero,
  body.approved-desktop-home main>.trust-strip{display:none!important;}
  body.approved-desktop-home .approved-home-header{
    display:block;
    position:relative;
    width:100%;
    max-width:1536px;
    margin:0 auto;
    background:#fff9ef;
    overflow:hidden;
  }
  .approved-home-header>img{
    display:block;
    width:100%;
    height:auto;
  }
  .approved-hotspot{
    position:absolute;
    z-index:5;
    display:block;
    color:transparent!important;
    font-size:0;
    border-radius:999px;
    outline-offset:3px;
  }
  .approved-hotspot:focus-visible{
    outline:3px solid #51437A;
    background:rgba(242,179,91,.12);
  }
  .approved-hotspot-nav{position:absolute;inset:0;pointer-events:none;z-index:5;}
  .approved-hotspot-nav .approved-hotspot{pointer-events:auto;}
  .approved-hotspot--logo{left:2.4%;top:1.8%;width:18%;height:9.5%;border-radius:8px;}
  .approved-hotspot--how{left:27.3%;top:2.4%;width:8.8%;height:6.0%;}
  .approved-hotspot--character{left:36.0%;top:2.4%;width:9.9%;height:6.0%;}
  .approved-hotspot--library{left:45.3%;top:2.4%;width:10.4%;height:6.0%;}
  .approved-hotspot--trust{left:55.5%;top:2.4%;width:9.7%;height:6.0%;}
  .approved-hotspot--faq{left:65.2%;top:2.4%;width:5.2%;height:6.0%;}
  .approved-hotspot--about{left:69.8%;top:2.4%;width:5.8%;height:6.0%;}
  .approved-hotspot--top-cta{left:83.8%;top:1.7%;width:13.5%;height:7.1%;}
  .approved-hotspot--hero-cta{left:2.6%;top:66.6%;width:14.1%;height:8.1%;}
  .approved-hotspot--hero-how{left:17.1%;top:66.6%;width:15.2%;height:8.1%;}
  /* The native content now starts immediately after the exact header image. */
  main>#how-it-works,
  main>.process-section:first-of-type{margin-top:0!important;}
}
@media (min-width:1537px){
  .approved-home-header{max-width:none;}
}


/* =========================================================
   MyTalee v1.2.8 — language link, balanced feature cards, social footer
   ========================================================= */
.site-header--approved .header-actions{display:flex!important;align-items:center!important;gap:10px!important;}
.site-header--approved .language-link{display:inline-flex!important;align-items:center;justify-content:center;width:48px;height:48px;border:1px solid rgba(242,179,91,.7);border-radius:999px;background:rgba(255,255,255,.68);color:#51437A!important;font-size:.82rem!important;font-weight:800;text-decoration:none;}
.site-header--approved .language-link:hover,.site-header--approved .language-link:focus-visible{background:#fff;box-shadow:0 8px 18px rgba(38,48,71,.08);}
@media(min-width:981px){
  .approved-language-link{position:absolute;z-index:8;right:1.2%;top:1.55%;width:48px;height:48px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(242,179,91,.72);border-radius:999px;background:rgba(255,249,239,.96);box-shadow:0 5px 16px rgba(38,48,71,.08);color:#51437A!important;text-decoration:none;font:800 13px/1 Manrope,system-ui,sans-serif;}
  .approved-language-link:hover,.approved-language-link:focus-visible{background:#fff;outline:2px solid rgba(81,67,122,.22);outline-offset:2px;}
  .approved-hotspot--top-cta{width:11.7%!important;}
}
@media(max-width:900px){.site-header--approved .language-link{width:42px;height:42px;font-size:.76rem!important;}.site-header--approved .header-actions{gap:7px!important;}}
@media(max-width:520px){.site-header--approved .header-actions>.language-link{display:none!important;}}

/* Balance the three core cards without blank vertical wells. */
.feature-grid{align-items:stretch;}
.feature-card__insight,.approval-control-visual,.library-paths{border:1px solid rgba(81,67,122,.10);border-radius:18px;background:linear-gradient(145deg,rgba(233,228,243,.62),rgba(255,255,255,.76));}
.feature-card__insight{margin:4px 0 22px;padding:15px 16px;}
.feature-card__insight-kicker{display:block;margin-bottom:5px;color:#51437A;font-size:.73rem;font-weight:850;letter-spacing:.05em;text-transform:uppercase;}
.feature-card__insight p{margin:0;color:#58637a;font-size:.88rem;line-height:1.55;}
.approval-control-visual{margin:22px 0 8px;padding:21px 18px;text-align:center;}
.approval-control-visual__icon{width:76px;height:76px;margin:0 auto 10px;display:grid;place-items:center;border-radius:50%;background:#fff8ee;color:#d28a18;box-shadow:0 9px 20px rgba(38,48,71,.08);}
.approval-control-visual__icon svg{width:48px;height:48px;}
.approval-control-visual h4,.library-paths h4{margin:0 0 11px;color:#263047;font-family:Fraunces,serif;font-size:1.07rem;}
.approval-control-visual__steps{display:flex;justify-content:center;gap:7px;flex-wrap:wrap;margin-bottom:12px;}
.approval-control-visual__steps span,.library-paths__grid span{display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(81,67,122,.12);border-radius:999px;background:#fff;color:#51437A;font-size:.75rem;font-weight:800;}
.approval-control-visual__steps span{padding:6px 10px;}
.approval-control-visual p,.library-paths p{margin:0;color:#667087;font-size:.84rem;line-height:1.55;}
.library-paths{margin:18px 0 20px;padding:18px;}
.library-paths__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:12px 0;}
.library-paths__grid span{min-height:34px;padding:5px 8px;text-align:center;}
.feature-grid .feature-card .btn,.feature-grid .feature-card__closing{margin-top:20px;}
@media(max-width:980px){.approval-control-visual,.library-paths,.feature-card__insight{max-width:620px;}}

/* Compact social links in the public footer. */
.footer-social{min-width:170px;}
.footer-social__title{display:block;margin-bottom:10px;color:#263047;font-size:.78rem;font-weight:850;}
.footer-social__links{display:flex;gap:8px;flex-wrap:wrap;align-items:center;}
.footer-social__link{width:34px;height:34px;display:grid;place-items:center;border:1px solid rgba(81,67,122,.16);border-radius:50%;background:rgba(255,255,255,.68);color:#51437A;transition:transform .18s ease,background .18s ease,border-color .18s ease;}
.footer-social__link svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}
.footer-social__link svg path:not(.social-play){fill:none;}
.footer-social__link[data-cms-social="facebook"] svg path,.footer-social__link[data-cms-social="pinterest"] svg path,.footer-social__link[data-cms-social="x"] svg path{fill:currentColor;stroke:none;}
.footer-social__link .social-play{fill:currentColor;stroke:none;}
.footer-social__link[data-social-configured="true"]:hover,.footer-social__link[data-social-configured="true"]:focus-visible{transform:translateY(-2px);background:#fff;border-color:#d9a13e;}
.footer-social__link[data-social-configured="false"]{opacity:.38;cursor:default;}
@media(max-width:980px){.footer-social{grid-column:1/-1;}.footer-social__links{justify-content:flex-start;}[dir="rtl"] .footer-social__links{justify-content:flex-start;}}


/* =========================================================
   MyTalee v1.2.9 — Arabic desktop header restore + compact footer
   ========================================================= */
/* The approved full-image desktop composition belongs only to the English
   homepage. Arabic and all inner pages keep their real accessible header. */
@media (min-width:981px){
  body:not(.approved-desktop-home) .site-header.site-header--approved{
    display:block!important;
    position:sticky!important;
    top:0!important;
    z-index:1000!important;
  }
  body:not(.approved-desktop-home) main>.hero,
  body:not(.approved-desktop-home) main>.trust-strip{
    display:block!important;
  }
  body:not(.approved-desktop-home) .site-header--approved .language-link{
    display:inline-flex!important;
  }
}

/* Six actual footer blocks = brand + social + Product + Company + Support + Legal.
   Keep them in one compact row on wide screens so Legal never wraps beneath brand. */
.footer-main{
  grid-template-columns:minmax(210px,1.25fr) minmax(150px,.75fr) repeat(4,minmax(120px,.7fr))!important;
  gap:clamp(22px,2.2vw,34px)!important;
  padding-block:42px 30px!important;
  align-items:start!important;
}
.footer-brand img{margin-bottom:12px!important;}
.footer-brand p{margin-bottom:0!important;line-height:1.65!important;}
.footer-social{min-width:0!important;align-self:start!important;}
.footer-social__title{margin-bottom:10px!important;}
.footer-social__links{gap:8px!important;}
.footer-column li{margin-bottom:7px!important;}
.site-footer{margin-top:42px!important;}
.footer-bottom{padding-block:20px!important;}

/* Arabic footer reads naturally from the right while retaining compact columns. */
[dir="rtl"] .footer-main{direction:rtl;}
[dir="rtl"] .footer-social__links{justify-content:flex-start!important;}

@media (max-width:1180px){
  .footer-main{
    grid-template-columns:minmax(220px,1.2fr) repeat(3,minmax(140px,.8fr))!important;
  }
  .footer-social{grid-column:auto!important;}
}
@media (max-width:820px){
  .footer-main{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:28px 24px!important;
    padding-block:34px 26px!important;
  }
  .footer-brand{grid-column:1/-1;}
  .footer-social{grid-column:1/-1!important;}
}
@media (max-width:520px){
  .footer-main{grid-template-columns:1fr!important;gap:22px!important;}
  .footer-brand,.footer-social{grid-column:auto!important;}
  .site-footer{margin-top:30px!important;}
}


/* =========================================================
   MyTalee v1.3.0 — Arabic approved top region + passport fit
   ========================================================= */
/* Book Passport image must fill its frame without white letterboxing. */
.passport-section .image-panel{
  padding:0!important;
  background:transparent!important;
  aspect-ratio:4/3!important;
  max-height:none!important;
  overflow:hidden!important;
  border-radius:24px!important;
}
.passport-section .image-panel>img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-height:none!important;
  object-fit:cover!important;
  object-position:center!important;
  background:transparent!important;
  margin:0!important;
  border-radius:24px!important;
}
.passport-section .image-panel__badge{z-index:2;}

/* Arabic desktop gets a bespoke approved top region matching the English visual
   system, while keeping real Arabic text and accessible links. */
.approved-ar-home-header{display:none;}
@media(min-width:981px){
  body.approved-ar-desktop-home>.skip-link + .site-shell>.site-header,
  body.approved-ar-desktop-home .site-shell>.site-header,
  body.approved-ar-desktop-home main>.hero,
  body.approved-ar-desktop-home main>.trust-strip{display:none!important;}
  body.approved-ar-desktop-home .approved-ar-home-header{
    display:block;
    max-width:1536px;
    margin:0 auto;
    background:#fff9ef;
    color:#263047;
    border-bottom:1px solid rgba(81,67,122,.08);
  }
  .approved-ar-nav{
    min-height:92px;
    padding:14px 46px;
    display:grid;
    grid-template-columns:220px minmax(0,1fr) 230px;
    align-items:center;
    gap:24px;
    direction:rtl;
  }
  .approved-ar-brand{justify-self:end;display:block;}
  .approved-ar-brand img{display:block;width:205px;height:auto;}
  .approved-ar-nav nav{display:flex;justify-content:center;align-items:center;gap:clamp(18px,1.8vw,30px);white-space:nowrap;}
  .approved-ar-nav nav a{color:#263047;text-decoration:none;font-size:.92rem;font-weight:800;}
  .approved-ar-nav nav a:hover,.approved-ar-nav nav a:focus-visible{color:#51437A;}
  .approved-ar-actions{display:flex;align-items:center;gap:10px;justify-self:start;direction:rtl;}
  .approved-ar-cta{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 22px;border-radius:999px;background:#51437A;color:#fff!important;text-decoration:none;font-weight:850;box-shadow:0 8px 20px rgba(81,67,122,.14);}
  .approved-ar-lang{width:48px;height:48px;display:grid;place-items:center;border:1px solid rgba(242,179,91,.72);border-radius:50%;background:#fffaf2;color:#51437A!important;text-decoration:none;font-weight:850;}
  .approved-ar-hero{
    min-height:610px;
    padding:42px 56px 52px;
    display:grid;
    grid-template-columns:minmax(500px,1.08fr) minmax(500px,.92fr);
    gap:46px;
    align-items:center;
    direction:rtl;
    background:
      radial-gradient(circle at 4% 22%,rgba(233,228,243,.58),transparent 23%),
      linear-gradient(180deg,#fff9ef 0%,#fff8ee 100%);
    overflow:hidden;
  }
  .approved-ar-copy{max-width:610px;justify-self:start;text-align:right;}
  .approved-ar-principle{display:inline-flex;padding:10px 15px;border:1px solid rgba(242,179,91,.55);border-radius:999px;background:rgba(255,255,255,.6);font-size:.88rem;font-weight:800;color:#51437A;margin-bottom:22px;}
  .approved-ar-copy h1{margin:0 0 22px;font-family:Alexandria,"IBM Plex Sans Arabic",sans-serif;font-size:clamp(3.2rem,5vw,5.4rem);line-height:1.08;letter-spacing:-.03em;color:#2f2856;}
  .approved-ar-copy h1 span{color:#cf8318;}
  .approved-ar-copy>p{margin:0 0 24px;font-size:1.05rem;line-height:1.95;color:#566176;max-width:580px;}
  .approved-ar-buttons{display:flex;gap:12px;align-items:center;margin-bottom:22px;}
  .approved-ar-secondary{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:11px 20px;border:1px solid rgba(210,138,24,.55);border-radius:999px;background:#fffaf2;color:#51437A!important;text-decoration:none;font-weight:800;}
  .approved-ar-mini-trust{display:flex;gap:12px;flex-wrap:wrap;color:#51437A;font-size:.8rem;font-weight:750;}
  .approved-ar-mini-trust span{padding:7px 11px;border:1px solid rgba(81,67,122,.10);border-radius:999px;background:rgba(255,255,255,.55);}
  .approved-ar-visual{position:relative;display:grid;grid-template-columns:1fr 48px 1fr 48px 1fr;align-items:center;gap:8px;direction:ltr;min-width:0;}
  .approved-ar-visual figure{margin:0;text-align:center;position:relative;z-index:2;}
  .approved-ar-visual figure img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:26px;border:1px solid rgba(242,179,91,.55);box-shadow:0 14px 32px rgba(38,48,71,.12);background:#fff;}
  .approved-ar-visual .approved-ar-character img{object-fit:contain;background:#fff8ee;}
  .approved-ar-visual figcaption{margin-top:10px;font-weight:850;color:#36305f;font-size:.9rem;direction:rtl;}
  .approved-ar-arrow{width:46px;height:46px;display:grid;place-items:center;border-radius:50%;border:1px solid rgba(242,179,91,.7);background:#fff;color:#d18b1c;font-size:1.6rem;font-weight:800;position:relative;z-index:3;}
  .approved-ar-thread{position:absolute;left:3%;right:3%;bottom:54px;height:3px;background:linear-gradient(90deg,transparent,#f2b35b 12%,#f2b35b 88%,transparent);border-radius:99px;box-shadow:0 0 10px rgba(242,179,91,.5);z-index:1;}
  .approved-ar-approved{position:absolute;left:46%;bottom:18px;transform:translateX(-50%);width:108px;height:108px;border-radius:50%;display:grid;place-items:center;text-align:center;background:#fff8ee;border:6px double #e6a436;color:#c77915;font-weight:900;font-size:.78rem;line-height:1.25;z-index:4;box-shadow:0 8px 20px rgba(38,48,71,.12);direction:rtl;}
  body.approved-ar-desktop-home main>#how-it-works{margin-top:0!important;}
}
@media(min-width:981px) and (max-width:1220px){
  .approved-ar-nav{grid-template-columns:180px 1fr 200px;padding-inline:28px;gap:16px;}
  .approved-ar-brand img{width:172px;}
  .approved-ar-nav nav{gap:14px;}
  .approved-ar-nav nav a{font-size:.79rem;}
  .approved-ar-hero{grid-template-columns:1fr 1fr;padding-inline:34px;gap:28px;}
  .approved-ar-copy h1{font-size:clamp(2.8rem,4.4vw,4.3rem);}
}
@media(max-width:980px){
  .approved-ar-home-header{display:none!important;}
  body.approved-ar-desktop-home .site-shell>.site-header,
  body.approved-ar-desktop-home main>.hero,
  body.approved-ar-desktop-home main>.trust-strip{display:block!important;}
  .passport-section .image-panel{aspect-ratio:auto!important;}
  .passport-section .image-panel>img{height:auto!important;object-fit:cover!important;}
}


/* =========================================================
   MyTalee v1.3.1 — Arabic hero matches approved English-style image
   ========================================================= */

.approved-ar-home-header{display:none;}
@media (min-width:981px){
  body.approved-ar-desktop-home .site-shell>.site-header,
  body.approved-ar-desktop-home main>.hero,
  body.approved-ar-desktop-home main>.trust-strip{display:none!important;}
  body.approved-ar-desktop-home .approved-ar-home-header{
    display:block!important;
    position:relative;
    width:100%;
    max-width:1536px;
    margin:0 auto;
    background:#fff9ef;
    overflow:hidden;
    border-bottom:none!important;
  }
  .approved-ar-home-header>img{display:block;width:100%;height:auto;}
  .approved-ar-hotspot{position:absolute;z-index:5;display:block;color:transparent!important;font-size:0;border-radius:999px;outline-offset:3px;}
  .approved-ar-hotspot:focus-visible{outline:3px solid #51437A;background:rgba(242,179,91,.12);}
  .approved-ar-hotspot-nav{position:absolute;inset:0;pointer-events:none;z-index:5;}
  .approved-ar-hotspot-nav .approved-ar-hotspot{pointer-events:auto;}
  .approved-ar-hotspot--logo{left:83.0%;top:1.4%;width:15.0%;height:10.5%;border-radius:8px;}
  .approved-ar-hotspot--how{left:63.0%;top:2.2%;width:9.5%;height:6.2%;}
  .approved-ar-hotspot--character{left:54.1%;top:2.2%;width:8.8%;height:6.2%;}
  .approved-ar-hotspot--library{left:44.8%;top:2.2%;width:9.2%;height:6.2%;}
  .approved-ar-hotspot--trust{left:35.6%;top:2.2%;width:8.8%;height:6.2%;}
  .approved-ar-hotspot--faq{left:27.2%;top:2.2%;width:8.0%;height:6.2%;}
  .approved-ar-hotspot--about{left:20.0%;top:2.2%;width:7.2%;height:6.2%;}
  .approved-ar-hotspot--top-cta{left:7.0%;top:1.7%;width:17.0%;height:7.5%;}
  .approved-ar-language-link{position:absolute;z-index:8;left:1.7%;top:1.65%;width:48px;height:48px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(242,179,91,.72);border-radius:999px;background:rgba(255,249,239,.96);box-shadow:0 5px 16px rgba(38,48,71,.08);color:#51437A!important;text-decoration:none;font:800 13px/1 Manrope,system-ui,sans-serif;}
  .approved-ar-language-link:hover,.approved-ar-language-link:focus-visible{background:#fff;outline:2px solid rgba(81,67,122,.22);outline-offset:2px;}
  .approved-ar-hotspot--hero-cta{left:2.8%;top:67.0%;width:16.2%;height:8.4%;}
  .approved-ar-hotspot--hero-how{left:19.5%;top:67.0%;width:13.0%;height:8.4%;}
  body.approved-ar-desktop-home main>#how-it-works,
  body.approved-ar-desktop-home main>.process-section:first-of-type{margin-top:0!important;}
}
@media (min-width:1537px){.approved-ar-home-header{max-width:none;}}

/* =========================================================
   MyTalee FINAL v1.4.0 — production-safe hero crop
   Removes baked-in unverified review/guarantee copy and uses
   the live accessible trust strip directly below the hero.
   ========================================================= */
@media (min-width:981px){
  body.approved-desktop-home main>.trust-strip,
  body.approved-ar-desktop-home main>.trust-strip{
    display:block!important;
    margin-top:0!important;
  }
  body.approved-desktop-home .approved-hotspot--logo{top:2.2%!important;}
  body.approved-desktop-home .approved-hotspot--how,
  body.approved-desktop-home .approved-hotspot--character,
  body.approved-desktop-home .approved-hotspot--library,
  body.approved-desktop-home .approved-hotspot--trust,
  body.approved-desktop-home .approved-hotspot--faq,
  body.approved-desktop-home .approved-hotspot--about{top:3.0%!important;height:7.4%!important;}
  body.approved-desktop-home .approved-hotspot--top-cta{top:2.1%!important;height:8.7%!important;}
  body.approved-desktop-home .approved-language-link{top:1.9%!important;}
  body.approved-desktop-home .approved-hotspot--hero-cta,
  body.approved-desktop-home .approved-hotspot--hero-how{top:82.0%!important;height:10.0%!important;}

  body.approved-ar-desktop-home .approved-ar-hotspot--logo{top:1.82%!important;height:13.6%!important;}
  body.approved-ar-desktop-home .approved-ar-hotspot--how,
  body.approved-ar-desktop-home .approved-ar-hotspot--character,
  body.approved-ar-desktop-home .approved-ar-hotspot--library,
  body.approved-ar-desktop-home .approved-ar-hotspot--trust,
  body.approved-ar-desktop-home .approved-ar-hotspot--faq,
  body.approved-ar-desktop-home .approved-ar-hotspot--about{top:2.86%!important;height:8.1%!important;}
  body.approved-ar-desktop-home .approved-ar-hotspot--top-cta{top:2.2%!important;height:9.7%!important;}
  body.approved-ar-desktop-home .approved-ar-language-link{top:2.15%!important;}
  body.approved-ar-desktop-home .approved-ar-hotspot--hero-cta,
  body.approved-ar-desktop-home .approved-ar-hotspot--hero-how{top:87.1%!important;height:10.9%!important;}
}