:root{

  --color-ink:#0B1B33;
  --color-ink-2:#14305A;
  --color-ink-deep:#060E1D;
  --color-accent:#C9A24B;
  --color-accent-deep:#A8842F;
  --color-gold-text:#7A5C1F;
  --color-accent-soft:#F4EBD6;
  --color-ghost:#E7D9B8;


  --color-paper:#F8F6F1;
  --color-surface:#FFFFFF;
  --color-surface-2:#F1EDE2;
  --color-line:#E5E0D2;
  --color-line-strong:#CFC7AE;


  --color-text:#22334E;
  --color-muted:#5D6B84;


  --color-on-dark:#F2EEE3;
  --color-muted-dark:#A9B4C7;
  --color-line-dark:rgba(242,238,227,.16);


  --color-whatsapp:#0F7A3C;
  --color-whatsapp-deep:#0B5E2F;
  --color-focus:#C9A24B;


  --color-success:#0F7A3C;
  --color-success-bg:#E6F2EA;
  --color-warning:#A86A12;
  --color-warning-bg:#F7EEDC;
  --color-danger:#B3261E;
  --color-danger-bg:#F8E8E6;


  --font-display:'Amiri','Tajawal',Georgia,'Times New Roman',serif;
  --font-body:'Tajawal','Amiri',system-ui,-apple-system,'Segoe UI',Tahoma,Arial,sans-serif;
  --font-sans:var(--font-body);

  --fs-display:clamp(2.6rem,1.7rem + 4vw,4.25rem);
  --fs-h1:clamp(2rem,1.5rem + 2.4vw,3rem);
  --fs-h2:clamp(1.55rem,1.3rem + 1.4vw,2.25rem);
  --fs-h3:1.35rem;
  --fs-h4:1.1rem;
  --fs-lead:clamp(1.1rem,1rem + .5vw,1.25rem);
  --fs-body:1.0625rem;
  --fs-small:.9rem;
  --fs-kicker:.78rem;


  --space-1:.25rem;
  --space-2:.5rem;
  --space-3:.75rem;
  --space-4:1rem;
  --space-6:1.5rem;
  --space-8:2rem;
  --space-12:3rem;
  --space-16:4rem;
  --space-24:6rem;
  --space-32:8rem;
  --section-pad:clamp(4rem,8vw,7rem);


  --radius-sm:4px;
  --radius-md:8px;
  --radius-lg:14px;
  --radius-pill:999px;


  --shadow-sm:0 1px 2px rgba(11,27,51,.07);
  --shadow-md:0 10px 30px rgba(11,27,51,.10);
  --shadow-lg:0 24px 60px rgba(11,27,51,.16);


  --container:1200px;
  --container-narrow:760px;
  --gutter:1.5rem;
  --header-h:72px;


  --ease:cubic-bezier(.22,1,.36,1);
  --ease-in-out:cubic-bezier(.65,0,.35,1);
  --t-xs:120ms;
  --t-fast:180ms;
  --t-med:320ms;
  --t-slow:640ms;
  --t-page:220ms;
  --reveal-y:18px;
  --reveal-delay:0s;


  --z-header:100;
  --z-nav-panel:90;
}

[data-theme="dark"]{
  --color-ink:#F2EEE3;
  --color-ink-2:#E6DFC9;
  --color-ink-deep:#04070F;
  --color-accent:#D4AE58;
  --color-accent-deep:#E3C374;
  --color-gold-text:#D4AE58;
  --color-accent-soft:#1A2340;
  --color-ghost:rgba(212,174,88,.20);

  --color-paper:#070D1B;
  --color-surface:#0C1528;
  --color-surface-2:#111C33;
  --color-line:rgba(242,238,227,.12);
  --color-line-strong:rgba(242,238,227,.30);

  --color-text:#EDE8D8;
  --color-muted:#A9B4C7;

  --color-whatsapp:#0F7E39;
  --color-whatsapp-deep:#0D6E33;
  --color-focus:#D4AE58;

  --color-success:#3BB273;
  --color-success-bg:#0E2A1C;
  --color-warning:#DDA14E;
  --color-warning-bg:#2E2210;
  --color-danger:#E5685C;
  --color-danger-bg:#331310;

  --shadow-sm:0 1px 2px rgba(0,0,0,.35);
  --shadow-md:0 10px 30px rgba(0,0,0,.45);
  --shadow-lg:0 24px 60px rgba(0,0,0,.55);
}

@media (max-width:639px){
  :root{ --gutter:1.25rem; --header-h:64px; }
}

*,*::before,*::after{ box-sizing:border-box; }
*{ margin:0; }
html{ -webkit-text-size-adjust:100%; scroll-behavior:smooth; }
body{
  font-family:var(--font-body);
  font-size:var(--fs-body);
  line-height:1.75;
  color:var(--color-text);
  background:var(--color-paper);
  padding-top:var(--header-h);
  min-height:100vh;
  display:flex;
  flex-direction:column;
  -webkit-font-smoothing:antialiased;
  transition:opacity var(--t-page) var(--ease);
}
html[lang="ar"] body{ line-height:1.9; }
main{ flex:1 0 auto; }
img{ max-width:100%; height:auto; display:block; }
a{ color:inherit; }
p{ margin-bottom:1em; }
p:last-child{ margin-bottom:0; }
::selection{ background:var(--color-accent); color:var(--color-ink-deep); }

body.mc-i18n-fade{ opacity:0; }

html:not([data-i18n-ready]) body{ visibility:hidden; }

@keyframes pageIn{ to{ opacity:1; } }
body.mc-enter{ opacity:0; animation:pageIn .45s var(--ease) forwards; }

body.mc-leave{ opacity:0; transition:opacity var(--t-page) var(--ease); }

:focus-visible{ outline:2px solid var(--color-focus); outline-offset:3px; border-radius:2px; }

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

.section{ padding-block:var(--section-pad); }
.section--flush-top{ padding-top:0; }

h1,h2,h3,h4{ font-family:var(--font-display); color:var(--color-ink); line-height:1.25; font-weight:700; text-wrap:balance; }
h2{ font-size:var(--fs-h2); line-height:1.18; }
h3{ font-size:var(--fs-h3); line-height:1.3; font-weight:700; }
h4{ font-size:var(--fs-h4); line-height:1.4; font-weight:700; }
html[lang="ar"] h1,html[lang="ar"] h2{ line-height:1.45; letter-spacing:0; }
html[lang="ar"] h3,html[lang="ar"] h4{ letter-spacing:0; }

.kicker{
  display:inline-flex; align-items:center; gap:.6rem;
  font-size:var(--fs-kicker); font-weight:700; letter-spacing:.14em; text-transform:uppercase;
  color:var(--color-ink); margin-bottom:var(--space-6);
}
.kicker::before{ content:""; width:24px; height:2px; background:var(--color-accent); flex:none; }
html[lang="ar"] .kicker{ text-transform:none; letter-spacing:.02em; }
.kicker--on-dark{ color:var(--color-accent); }

.lead{ font-size:var(--fs-lead); line-height:1.65; color:var(--color-muted); max-width:62ch; }
html[lang="ar"] .lead{ line-height:1.9; }

.rule{ border:0; border-top:1px solid var(--color-line); margin:0; }

.section__head{ margin-bottom:var(--space-12); max-width:820px; }
.section__head h2{ margin-bottom:var(--space-4); }

.brand{ display:inline-flex; align-items:center; text-decoration:none; }
.brand__word{ font-family:var(--font-display); font-weight:700; font-size:1.35rem; line-height:1; letter-spacing:.045em; color:var(--color-ink); white-space:nowrap; }
.brand__codes{ color:var(--color-gold-text); }
.brand--on-dark .brand__word{ color:var(--color-on-dark); }

.site-head{
  position:fixed; inset-inline:0; top:0; height:var(--header-h); z-index:var(--z-header);
  background:color-mix(in srgb, var(--color-paper) 88%, transparent);
  -webkit-backdrop-filter:blur(12px); backdrop-filter:blur(12px);
  transition:box-shadow var(--t-fast) var(--ease),border-color var(--t-fast) var(--ease);
  border-bottom:1px solid transparent;
}
.site-head.is-scrolled{ border-bottom-color:var(--color-line); box-shadow:var(--shadow-sm); }
.site-head__inner{
  height:var(--header-h);
  display:flex; align-items:center; gap:var(--space-8);
}
.site-nav{ display:flex; align-items:center; gap:1.6rem; margin-inline-start:auto; }
.site-nav a{
  position:relative; text-decoration:none;
  font-size:.9375rem; font-weight:500; color:var(--color-muted);
  padding-block:.4rem;
  transition:color var(--t-fast) var(--ease);
}
.site-nav a:hover{ color:var(--color-ink); }
.site-nav a[aria-current="page"]{ color:var(--color-ink); }
.site-nav a[aria-current="page"]::after{
  content:""; position:absolute; inset-inline:0; bottom:-2px; height:2px;
  background:var(--color-accent); border-radius:2px;
}
.site-head__actions{ display:flex; align-items:center; gap:var(--space-3); margin-inline-start:var(--space-4); }

.lang-toggle{
  appearance:none; background:transparent; cursor:pointer;
  border:1px solid var(--color-line-strong); border-radius:var(--radius-pill);
  color:var(--color-ink); font:500 .82rem/1 var(--font-body);
  padding:.55rem 1rem; min-width:3.4rem; text-align:center;
  transition:border-color var(--t-fast) var(--ease),background-color var(--t-fast) var(--ease);
}
.lang-toggle:hover{ border-color:var(--color-ink); background:color-mix(in srgb, var(--color-ink) 6%, transparent); }

.nav-toggle{
  display:none; appearance:none; background:none; border:0; cursor:pointer;
  width:44px; height:44px; position:relative; flex:none;
  margin-inline-start:auto;
}
.nav-toggle__bar{
  position:absolute; inset-inline:10px; height:2px; background:var(--color-ink); border-radius:2px;
  transition:transform var(--t-med) var(--ease),opacity var(--t-fast) var(--ease),background-color var(--t-fast) var(--ease);
}
.nav-toggle__bar:nth-child(1){ top:17px; }
.nav-toggle__bar:nth-child(2){ top:25px; }
.nav-toggle[aria-expanded="true"] .nav-toggle__bar:nth-child(1){ transform:translateY(4px) rotate(45deg); }
.nav-toggle[aria-expanded="true"] .nav-toggle__bar:nth-child(2){ transform:translateY(-4px) rotate(-45deg); }
.nav-toggle[aria-expanded="true"] .nav-toggle__bar{ background:var(--color-gold-text); }

.mobile-nav{
  position:fixed; top:var(--header-h); inset-inline:0; z-index:var(--z-nav-panel);
  background:color-mix(in srgb, var(--color-paper) 96%, transparent);
  -webkit-backdrop-filter:blur(28px) saturate(1.25);
  backdrop-filter:blur(28px) saturate(1.25);
  border-bottom:1px solid var(--color-line);
  box-shadow:var(--shadow-lg);
  padding:var(--space-4) var(--gutter) var(--space-8);
  transform:translateY(-12px); opacity:0; visibility:hidden;
  transition:transform var(--t-med) var(--ease),opacity var(--t-med) var(--ease),visibility 0s linear var(--t-med);
}
.mobile-nav.is-open{ transform:none; opacity:1; visibility:visible; transition:transform var(--t-med) var(--ease),opacity var(--t-med) var(--ease); }
.mobile-nav a.mobile-nav__link{
  display:block; text-decoration:none; color:var(--color-ink);
  font-family:var(--font-display); font-weight:700; font-size:1.3rem;
  padding:.95rem .25rem; border-bottom:1px solid var(--color-line);
  opacity:0; transform:translateY(10px);
  transition:opacity .38s var(--ease),transform .38s var(--ease),color var(--t-fast) var(--ease);
}
.mobile-nav.is-open a.mobile-nav__link{ opacity:1; transform:none; }
.mobile-nav.is-open a.mobile-nav__link:nth-child(1){ transition-delay:.06s; }
.mobile-nav.is-open a.mobile-nav__link:nth-child(2){ transition-delay:.11s; }
.mobile-nav.is-open a.mobile-nav__link:nth-child(3){ transition-delay:.16s; }
.mobile-nav.is-open a.mobile-nav__link:nth-child(4){ transition-delay:.21s; }
.mobile-nav.is-open a.mobile-nav__link:nth-child(5){ transition-delay:.26s; }
.mobile-nav.is-open a.mobile-nav__link:nth-child(6){ transition-delay:.31s; }
.mobile-nav a.mobile-nav__link[aria-current="page"]{ color:var(--color-gold-text); }
.mobile-nav__actions{
  display:flex; gap:var(--space-3); margin-top:var(--space-6); flex-wrap:wrap;
  opacity:0; transform:translateY(10px);
  transition:opacity .38s var(--ease),transform .38s var(--ease);
}
.mobile-nav.is-open .mobile-nav__actions{ opacity:1; transform:none; transition-delay:.36s; }

@media (max-width:1023px){
  .site-nav{ display:none; }
  .site-head__actions .btn{ display:none; }
  .nav-toggle{ display:block; }
}

.btn{
  display:inline-flex; align-items:center; justify-content:center; gap:.5rem;
  padding:.9rem 1.6rem; border-radius:var(--radius-sm);
  font:700 .95rem/1 var(--font-body); text-decoration:none; cursor:pointer;
  border:1px solid transparent; white-space:nowrap;
  transition:transform var(--t-fast) var(--ease),box-shadow var(--t-fast) var(--ease),
             background-color var(--t-fast) var(--ease),border-color var(--t-fast) var(--ease),color var(--t-fast) var(--ease);
}
.btn:hover{ transform:translateY(-1px); }
.btn:active{ transform:translateY(0); }
.btn--sm{ padding:.65rem 1.1rem; font-size:.85rem; }
.btn--lg{ padding:1.05rem 2rem; font-size:1.05rem; }
.btn--ghost{ background:transparent; color:var(--color-ink); border-color:var(--color-line-strong); }
.btn--ghost:hover{ border-color:var(--color-ink); background:color-mix(in srgb, var(--color-ink) 5%, transparent); }
.btn--whatsapp{ background:var(--color-whatsapp); color:#fff; }
.btn--whatsapp:hover{ background:var(--color-whatsapp-deep); box-shadow:var(--shadow-md); }
.btn--gold{ background:var(--color-accent); color:var(--color-ink-deep); }
.btn--gold:hover{ background:var(--color-accent-deep); box-shadow:var(--shadow-md); }
.btn--light{ background:var(--color-paper); color:var(--color-ink); }
.btn--light:hover{ background:var(--color-surface); box-shadow:var(--shadow-md); }

[data-theme="dark"] .btn--light{ background:var(--color-on-dark); color:var(--color-ink-deep); }
[data-theme="dark"] .btn--light:hover{ background:#fff; }
.btn--whatsapp .btn__icon{ width:1.15em; height:1.15em; flex:none; }
[dir="rtl"] .flip-rtl{ transform:scaleX(-1); }

.text-link{
  display:inline-flex; align-items:center; gap:.45rem;
  color:var(--color-ink-2); font-weight:500; text-decoration:underline;
  text-underline-offset:4px; text-decoration-color:var(--color-accent); text-decoration-thickness:2px;
  transition:text-decoration-color var(--t-fast) var(--ease),color var(--t-fast) var(--ease);
}
.text-link:hover{ text-decoration-color:var(--color-ink-2); color:var(--color-ink); }
.text-link svg{ width:1em; height:1em; flex:none; }

.hero--split{ padding-block:clamp(3rem,7vw,5.5rem) var(--section-pad); overflow:clip; }
.hero--split__grid{
  display:grid; grid-template-columns:7fr 5fr; gap:clamp(2rem,5vw,4.5rem); align-items:center;
}
.hero--split h1{ font-size:var(--fs-display); line-height:1.08; letter-spacing:-.015em; margin-bottom:var(--space-6); font-weight:700; }
html[lang="ar"] .hero--split h1{ letter-spacing:0; line-height:1.5; }
.hero--split .lead{ margin-bottom:var(--space-8); }
.hero__actions{ display:flex; gap:var(--space-4); flex-wrap:wrap; margin-bottom:var(--space-6); }
.hero__figure{ margin:0; }
.hero__img{
  border:1px solid var(--color-line-strong); border-radius:var(--radius-md);
  box-shadow:16px 16px 0 var(--color-accent-soft);
  aspect-ratio:4/3; object-fit:cover; width:100%;
}

.hero--page{ padding-block:clamp(3rem,7vw,5rem) clamp(2.5rem,5vw,4rem); }
.hero--page__inner{ max-width:var(--container-narrow); }
.hero--page h1{ font-size:var(--fs-h1); line-height:1.12; margin-bottom:var(--space-6); }
html[lang="ar"] .hero--page h1{ line-height:1.5; }
.hero--page .lead{ margin-bottom:var(--space-8); }
.hero--page .rule{ margin-top:var(--space-8); }
.hero--page--dark{
  background:var(--color-ink-deep); color:var(--color-on-dark);
  padding-block:clamp(3.5rem,8vw,6rem);
}
.hero--page--dark h1{ color:var(--color-on-dark); }
.hero--page--dark .kicker{ color:var(--color-accent); }
.hero--page--dark .lead{ color:var(--color-muted-dark); }

.facts{
  background:var(--color-surface);
  border-top:1px solid var(--color-line); border-bottom:1px solid var(--color-line);
}
.facts__list{
  list-style:none; padding:0; margin:0;
  display:grid; grid-template-columns:repeat(3,1fr);
}
.facts__list li{
  padding:var(--space-6) var(--space-8);
  font-size:var(--fs-small); font-weight:500; color:var(--color-text);
  display:flex; align-items:center; gap:var(--space-3);
}
.facts__list li + li{ border-inline-start:1px solid var(--color-line); }
.facts__dot{ width:8px; height:8px; border-radius:50%; background:var(--color-accent); flex:none; }
@media (max-width:639px){
  .facts__list{ grid-template-columns:1fr; }
  .facts__list li + li{ border-inline-start:0; border-top:1px solid var(--color-line); }
}

.card-grid{ display:grid; gap:var(--space-6); }
.card-grid--3{ grid-template-columns:repeat(3,1fr); }
@media (max-width:1023px){ .card-grid--3{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:639px){ .card-grid--3{ grid-template-columns:1fr; } }

.feature-card{
  position:relative; background:var(--color-surface);
  border:1px solid var(--color-line); border-radius:var(--radius-md);
  padding:1.75rem; overflow:clip;
  transition:transform var(--t-med) var(--ease),box-shadow var(--t-med) var(--ease),border-color var(--t-med) var(--ease);
}
.feature-card:hover{ transform:translateY(-3px); box-shadow:var(--shadow-md); border-color:var(--color-line-strong); }
.feature-card__num{
  position:absolute; top:.4rem; inset-inline-end:1rem;
  font-family:var(--font-display); font-size:3.2rem; font-weight:700; line-height:1; color:var(--color-ghost);
  user-select:none; pointer-events:none;
}
.feature-card__icon{
  width:52px; height:52px; border-radius:var(--radius-md);
  background:var(--color-accent-soft); color:var(--color-accent-deep);
  display:flex; align-items:center; justify-content:center; margin-bottom:var(--space-4);
}
[data-theme="dark"] .feature-card__icon{ color:var(--color-accent); }
.feature-card__icon svg{ width:26px; height:26px; }
.feature-card h3{ margin-bottom:var(--space-2); }
.feature-card p{ color:var(--color-muted); font-size:var(--fs-small); line-height:1.7; margin:0; }

.step-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:var(--space-6); counter-reset:step; }
@media (max-width:1023px){ .step-grid{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:639px){ .step-grid{ grid-template-columns:1fr; } }
.step-card{ border-top:2px solid var(--color-line-strong); padding-top:var(--space-6); }
.step-card__num{
  display:block; font-family:var(--font-display); font-size:2.4rem; font-weight:700; line-height:1; color:var(--color-gold-text);
  margin-bottom:var(--space-4);
}
.step-card h3{ margin-bottom:var(--space-2); }
.step-card p{ color:var(--color-muted); font-size:var(--fs-small); line-height:1.7; margin:0; }
.steps-teaser__link{ margin-top:var(--space-8); }

.split{ display:grid; grid-template-columns:1fr 1fr; gap:clamp(2rem,5vw,4.5rem); align-items:center; }
@media (max-width:1023px){ .split{ grid-template-columns:1fr; } }
.split__img{ border-radius:var(--radius-md); border:1px solid var(--color-line-strong); aspect-ratio:3/2; object-fit:cover; width:100%; }
.split__img--tall{ aspect-ratio:4/5; }
.figure--flush{ margin:0; }

.pair-grid{ display:grid; grid-template-columns:repeat(2,1fr); gap:var(--space-6); }
@media (max-width:1023px){ .pair-grid{ grid-template-columns:1fr; } }
.pair{
  background:var(--color-surface); border:1px solid var(--color-line);
  border-radius:var(--radius-md); padding:1.75rem;
  transition:transform var(--t-med) var(--ease),box-shadow var(--t-med) var(--ease),border-color var(--t-med) var(--ease);
}
.pair:hover{ transform:translateY(-3px); box-shadow:var(--shadow-md); border-color:var(--color-line-strong); }
.pair__problem{ font-weight:500; color:var(--color-ink); margin-bottom:var(--space-3); display:flex; gap:var(--space-3); }
.pair__problem svg{ flex:none; width:20px; height:20px; color:var(--color-accent-deep); margin-top:.2em; }
.pair__solution{ color:var(--color-muted); font-size:var(--fs-small); line-height:1.7; margin:0;
  border-top:1px solid var(--color-line); padding-top:var(--space-3); }

.feature-group + .feature-group{ margin-top:var(--space-24); }
.subgroup{ margin-top:var(--space-12); }
.subgroup > h3{ margin-bottom:var(--space-6); display:flex; align-items:center; gap:var(--space-4); }
.subgroup > h3::after{ content:""; flex:1; height:1px; background:var(--color-line); }

.banner{ margin:0; }
.banner img{ width:100%; aspect-ratio:21/9; object-fit:cover; border-radius:var(--radius-md); border:1px solid var(--color-line-strong); }
@media (max-width:639px){ .banner img{ aspect-ratio:16/10; } }
.banner figcaption{ font-size:var(--fs-small); color:var(--color-muted); margin-top:var(--space-3); }

.timeline{ list-style:none; margin:0; padding:0; position:relative; }
.timeline::before{
  content:""; position:absolute; top:12px; bottom:12px;
  inset-inline-start:23px; width:1px; background:var(--color-line-strong);
}
.timeline__item{ position:relative; padding-inline-start:72px; padding-bottom:var(--space-12); }
.timeline__item:last-child{ padding-bottom:0; }
.timeline__node{
  position:absolute; inset-inline-start:0; top:0;
  width:48px; height:48px; border-radius:50%;
  background:var(--color-surface); border:1px solid var(--color-line-strong);
  display:flex; align-items:center; justify-content:center;
  font-family:var(--font-display); font-weight:700; font-size:1rem; color:var(--color-gold-text);
}
.timeline__item h3{ margin-bottom:var(--space-2); }
.timeline__item p{ color:var(--color-muted); max-width:64ch; margin:0; }

.note-card{
  background:var(--color-accent-soft); border:1px solid var(--color-line-strong);
  border-radius:var(--radius-md); padding:var(--space-8);
  display:grid; gap:var(--space-2); max-width:var(--container-narrow);
}
.note-card h3{ display:flex; align-items:center; gap:var(--space-3); }
.note-card h3 svg{ width:22px; height:22px; color:var(--color-accent-deep); flex:none; }
.note-card p{ color:var(--color-text); margin:0; }

.option-card{
  background:var(--color-surface); border:1px solid var(--color-line);
  border-radius:var(--radius-md); padding:var(--space-8);
  transition:transform var(--t-med) var(--ease),box-shadow var(--t-med) var(--ease),border-color var(--t-med) var(--ease);
}
.option-card:hover{ transform:translateY(-3px); box-shadow:var(--shadow-md); }
.option-card--featured{ border:2px solid var(--color-accent); }
.option-card h3{ margin-bottom:var(--space-3); display:flex; align-items:center; gap:var(--space-3); }
.option-card h3 svg{ width:24px; height:24px; color:var(--color-whatsapp); flex:none; }
.option-card p{ color:var(--color-muted); margin-bottom:var(--space-6); }
.option-card__note{ font-size:var(--fs-small); color:var(--color-muted); margin-top:var(--space-4); }

.acc{ border-top:1px solid var(--color-line); }
.acc__item{ border-bottom:1px solid var(--color-line); }
.acc__button{
  width:100%; display:flex; justify-content:space-between; align-items:center; gap:1rem;
  padding:1.25rem .25rem; background:none; border:0; cursor:pointer;
  font:700 1.05rem/1.5 var(--font-body); color:var(--color-ink); text-align:start;
}
.acc__icon{ position:relative; flex:none; width:14px; height:14px; transition:transform var(--t-med) var(--ease); }
.acc__button:hover .acc__icon{ transform:scale(1.15); }
.acc__icon::before,.acc__icon::after{
  content:""; position:absolute; background:var(--color-accent-deep);
  top:50%; inset-inline-start:50%; transform:translate(-50%,-50%);
  transition:transform var(--t-med) var(--ease);
}
.acc__icon::before{ width:14px; height:2px; }
.acc__icon::after{ width:2px; height:14px; }
.acc__item[data-open="true"] .acc__icon::after{ transform:translate(-50%,-50%) rotate(90deg); }
.acc__panel{ display:grid; grid-template-rows:0fr; transition:grid-template-rows var(--t-med) var(--ease); }
.acc__item[data-open="true"] .acc__panel{ grid-template-rows:1fr; }
.acc__panel-inner{ overflow:hidden; opacity:0; transform:translateY(-6px);
  transition:opacity var(--t-med) var(--ease),transform var(--t-med) var(--ease); }
.acc__item[data-open="true"] .acc__panel-inner{ opacity:1; transform:none; }
.acc__panel p{ padding:0 .25rem 1.5rem; color:var(--color-muted); max-width:60ch; margin:0; }
.acc-group{ margin-bottom:var(--space-12); }
.acc-group > h3{ margin-bottom:var(--space-4); }

.faq-layout{ display:grid; grid-template-columns:7fr 4fr; gap:clamp(2rem,5vw,4rem); align-items:start; }
.faq-layout__side{ position:sticky; top:calc(var(--header-h) + var(--space-8)); }
.faq-layout__side img{ border-radius:var(--radius-md); border:1px solid var(--color-line-strong); aspect-ratio:1/1; object-fit:cover; width:100%; }
@media (max-width:1023px){
  .faq-layout{ grid-template-columns:1fr; }
  .faq-layout__side{ position:static; max-width:420px; }
}

.cta-band{ background:var(--color-ink-deep); color:var(--color-on-dark); text-align:center; }
.cta-band--spaced{ padding-block-start:var(--section-pad); }
.cta-band h2{ color:var(--color-on-dark); margin-bottom:var(--space-4); }
.cta-band p{ color:var(--color-muted-dark); max-width:56ch; margin:0 auto var(--space-8); }
.cta-band__actions{ display:flex; gap:var(--space-4); justify-content:center; flex-wrap:wrap; }
.cta-band__note{ margin-top:var(--space-6); font-size:var(--fs-small); color:var(--color-muted-dark); }

.site-foot{ background:var(--color-ink-deep); color:var(--color-on-dark); margin-top:auto; }
.site-foot__grid{
  display:grid; grid-template-columns:2fr 1fr; gap:var(--space-12);
  padding-block:var(--space-16) var(--space-12);
}
@media (max-width:1023px){ .site-foot__grid{ grid-template-columns:1fr 1fr; } }
@media (max-width:639px){ .site-foot__grid{ grid-template-columns:1fr; gap:var(--space-8); } }
.site-foot__tagline{ color:var(--color-muted-dark); font-size:var(--fs-small); margin:var(--space-4) 0 var(--space-6); max-width:34ch; }
.site-foot h4{ font-family:var(--font-body); color:var(--color-on-dark); margin-bottom:var(--space-4); font-size:var(--fs-small); font-weight:700; letter-spacing:.06em; text-transform:uppercase; }
html[lang="ar"] .site-foot h4{ text-transform:none; letter-spacing:.02em; }
.site-foot__links{ list-style:none; margin:0; padding:0; display:grid; gap:var(--space-2); }
.site-foot__links a{ color:var(--color-muted-dark); text-decoration:none; font-size:var(--fs-small); transition:color var(--t-fast) var(--ease); }
.site-foot__links a:hover{ color:var(--color-accent); }
.site-foot__bar{
  border-top:1px solid var(--color-line-dark);
  padding-block:var(--space-4);
  display:flex; justify-content:space-between; align-items:center; gap:var(--space-4); flex-wrap:wrap;
  font-size:var(--fs-small); color:var(--color-muted-dark);
}

.reveal{ opacity:0; transform:translateY(var(--reveal-y));
  transition:opacity var(--t-slow) var(--ease),transform var(--t-slow) var(--ease);
  transition-delay:var(--reveal-delay,0s); }

.rd-0{ --reveal-delay:0s; }
.rd-5{ --reveal-delay:.05s; }
.rd-10{ --reveal-delay:.1s; }
.rd-15{ --reveal-delay:.15s; }
.rd-20{ --reveal-delay:.2s; }
.reveal.is-visible{ opacity:1; transform:none; }

@media (max-width:1023px){
  .hero--split__grid{ grid-template-columns:1fr; }
  .hero__figure{ max-width:640px; }
}

@media (prefers-reduced-motion:reduce){
  html{ scroll-behavior:auto; }
  *,*::before,*::after{
    animation-duration:.01ms !important; animation-iteration-count:1 !important;
    transition-duration:.01ms !important; scroll-behavior:auto !important;
  }
  .reveal{ opacity:1; transform:none; transition-delay:0s; }
  body{ opacity:1; animation:none; }
  body.mc-enter{ opacity:1; animation:none; }
}

.acc__heading{ margin:0; font-size:inherit; font-weight:inherit; }

.mc-symbols{ position:absolute; width:0; height:0; overflow:hidden; }

.skip-link{
  position:absolute; top:-100px; inset-inline-start:1rem; z-index:200;
  background:#0B1B33; color:#D4AE58; text-decoration:none;
  padding:.6rem 1rem; border-radius:var(--radius-sm);
  font:500 .9rem var(--font-body);
  transition:top var(--t-fast) var(--ease);
}
.skip-link:focus{ top:.75rem; }

.theme-toggle{
  display:inline-flex; align-items:center; justify-content:center;
  width:38px; height:38px; flex:none;
  appearance:none; background:transparent; cursor:pointer;
  border:1px solid var(--color-line-strong); border-radius:50%;
  color:var(--color-ink);
  transition:border-color var(--t-fast) var(--ease),
             background-color var(--t-fast) var(--ease),
             transform var(--t-xs) var(--ease-in-out);
}
.theme-toggle:hover{
  border-color:var(--color-ink);
  background:color-mix(in srgb, var(--color-ink) 6%, transparent);
}
.theme-toggle:focus-visible{ outline:2px solid var(--color-focus); outline-offset:3px; }
.theme-toggle:active{ transform:scale(.92); }
.theme-toggle svg{ width:18px; height:18px; }

.theme-toggle .icon-sun{ display:none; }
[data-theme="dark"] .theme-toggle .icon-moon{ display:none; }
[data-theme="dark"] .theme-toggle .icon-sun{ display:block; }

.quote-form{ margin-top:var(--space-8); }
.field{ margin-bottom:var(--space-4); }
.field label{ display:block; font:700 .9rem var(--font-body); margin-bottom:.5rem; color:var(--color-ink); }
.field input,.field textarea{
  width:100%; padding:.9rem 1rem; font:400 1rem var(--font-body);
  color:var(--color-text); background:var(--color-surface);
  border:1px solid var(--color-line-strong); border-radius:var(--radius-sm);
  transition:border-color var(--t-fast) var(--ease),box-shadow var(--t-fast) var(--ease);
}
.field textarea{ resize:vertical; min-height:7rem; }
.field input:focus,.field textarea:focus{
  outline:none; border-color:var(--color-ink);
  box-shadow:0 0 0 3px rgba(201,162,75,.25);
}
.field input[aria-invalid="true"],.field textarea[aria-invalid="true"]{
  border-color:var(--color-danger);
}
.field__error{
  display:block; margin:.4rem 0 0;
  color:var(--color-danger); font-size:var(--fs-small);
}
.field__error[hidden]{ display:none; }
.quote-form .btn--whatsapp{ margin-top:var(--space-2); }
.form__note{
  margin-top:var(--space-4); font-size:var(--fs-small); color:var(--color-muted);
  max-width:52ch;
}
@media (max-width:639px){
  .quote-form .btn{ width:100%; justify-content:center; }
}