/* GENERATED by scripts/page-css.mjs (landing) — do not edit. tokens.css + navbar.css + footer.css + wizard.css + learn-landing.css + hero-agent.css whole; design.css + contact.css purged to what the page can show. */

/* ── tokens.css ── */

@font-face{font-family:'Thmanyah Sans';src:url('/fonts/thmanyahsans-Light.woff2') format('woff2');font-weight:300;font-display:swap}
@font-face{font-family:'Thmanyah Sans';src:url('/fonts/thmanyahsans-Regular.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'Thmanyah Sans';src:url('/fonts/thmanyahsans-Medium.woff2') format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:'Thmanyah Sans';src:url('/fonts/thmanyahsans-Bold.woff2') format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:'Thmanyah Sans';src:url('/fonts/thmanyahsans-Black.woff2') format('woff2');font-weight:900;font-display:swap}
@font-face{font-family:'Thmanyah Serif Display';src:url('/fonts/thmanyahserifdisplay-Regular.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'Thmanyah Serif Display';src:url('/fonts/thmanyahserifdisplay-Bold.woff2') format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:'Thmanyah Serif Display';src:url('/fonts/thmanyahserifdisplay-Black.woff2') format('woff2');font-weight:900;font-display:swap}

@font-face{font-family:'Ghroob Geometric';src:url('/fonts/ghroob-Bold.woff2') format('woff2');font-weight:1 1000;font-display:swap}

@font-face{font-family:'Ghroob Geometric Text';src:url('/fonts/ghroob-Light.woff2') format('woff2');font-weight:300;font-display:swap}
@font-face{font-family:'Ghroob Geometric Text';src:url('/fonts/ghroob-Regular.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'Ghroob Geometric Text';src:url('/fonts/ghroob-Medium.woff2') format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:'Ghroob Geometric Text';src:url('/fonts/ghroob-SemiBold.woff2') format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:'Ghroob Geometric Text';src:url('/fonts/ghroob-Bold.woff2') format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:'Ghroob Geometric Text';src:url('/fonts/ghroob-ExtraBold.woff2') format('woff2');font-weight:800;font-display:swap}
@font-face{font-family:'Ghroob Geometric Text';src:url('/fonts/ghroob-Black.woff2') format('woff2');font-weight:900;font-display:swap}

@font-face{font-family:'Aref Ruqaa Ink';src:url('/fonts/arefruqaaink-400-arabic.woff2') format('woff2');font-weight:400;font-display:swap;unicode-range:U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC4, U+10EFC-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1}
@font-face{font-family:'Aref Ruqaa Ink';src:url('/fonts/arefruqaaink-400-latin-ext.woff2') format('woff2');font-weight:400;font-display:swap;unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Aref Ruqaa Ink';src:url('/fonts/arefruqaaink-400-latin.woff2') format('woff2');font-weight:400;font-display:swap;unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}

@font-face{font-family:'Aref Ruqaa Mono';src:url('/fonts/arefruqaa-mono-400-arabic.woff2') format('woff2');font-weight:400;font-display:swap;unicode-range:U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC4, U+10EFC-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1}
@font-face{font-family:'Aref Ruqaa Mono';src:url('/fonts/arefruqaa-mono-400-latin-ext.woff2') format('woff2');font-weight:400;font-display:swap;unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Aref Ruqaa Mono';src:url('/fonts/arefruqaa-mono-400-latin.woff2') format('woff2');font-weight:400;font-display:swap;unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'IBM Plex Sans Arabic';src:url('/fonts/plexar-300-arabic.woff2') format('woff2');font-weight:300;font-display:swap;unicode-range:U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC4, U+10EFC-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1}
@font-face{font-family:'IBM Plex Sans Arabic';src:url('/fonts/plexar-300-latin-ext.woff2') format('woff2');font-weight:300;font-display:swap;unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'IBM Plex Sans Arabic';src:url('/fonts/plexar-300-latin.woff2') format('woff2');font-weight:300;font-display:swap;unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'IBM Plex Sans Arabic';src:url('/fonts/plexar-400-arabic.woff2') format('woff2');font-weight:400;font-display:swap;unicode-range:U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC4, U+10EFC-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1}
@font-face{font-family:'IBM Plex Sans Arabic';src:url('/fonts/plexar-400-latin-ext.woff2') format('woff2');font-weight:400;font-display:swap;unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'IBM Plex Sans Arabic';src:url('/fonts/plexar-400-latin.woff2') format('woff2');font-weight:400;font-display:swap;unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'IBM Plex Sans Arabic';src:url('/fonts/plexar-500-arabic.woff2') format('woff2');font-weight:500;font-display:swap;unicode-range:U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC4, U+10EFC-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1}
@font-face{font-family:'IBM Plex Sans Arabic';src:url('/fonts/plexar-500-latin-ext.woff2') format('woff2');font-weight:500;font-display:swap;unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'IBM Plex Sans Arabic';src:url('/fonts/plexar-500-latin.woff2') format('woff2');font-weight:500;font-display:swap;unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'IBM Plex Sans Arabic';src:url('/fonts/plexar-600-arabic.woff2') format('woff2');font-weight:600;font-display:swap;unicode-range:U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC4, U+10EFC-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1}
@font-face{font-family:'IBM Plex Sans Arabic';src:url('/fonts/plexar-600-latin-ext.woff2') format('woff2');font-weight:600;font-display:swap;unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'IBM Plex Sans Arabic';src:url('/fonts/plexar-600-latin.woff2') format('woff2');font-weight:600;font-display:swap;unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'IBM Plex Sans Arabic';src:url('/fonts/plexar-700-arabic.woff2') format('woff2');font-weight:700;font-display:swap;unicode-range:U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC4, U+10EFC-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1}
@font-face{font-family:'IBM Plex Sans Arabic';src:url('/fonts/plexar-700-latin-ext.woff2') format('woff2');font-weight:700;font-display:swap;unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'IBM Plex Sans Arabic';src:url('/fonts/plexar-700-latin.woff2') format('woff2');font-weight:700;font-display:swap;unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}

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

body { font-feature-settings: var(--ff-body); }

:root {
  

  
  --abdul-indigo-950: #160640;
  --abdul-indigo-900: #1f0a52;   
  --abdul-indigo-800: #2e108f;
  --abdul-violet-700: #3d18bf;   
  --abdul-violet-600: #5526e0;

  
  --abdul-blue-500: #3f74f0;     
  --abdul-blue-400: #4aa3f5;     
  --abdul-cyan-400: #34e0e8;     
  --abdul-cyan-300: #7fecf0;

  
  --abdul-salmon-300: #ffb38c;
  --abdul-salmon-400: #ff9466;   
  --abdul-salmon-500: #fc7164;   
  --abdul-salmon-600: #f5536a;   
  --abdul-salmon-700: #d83a52;

  
  --abdul-ember-300: var(--abdul-salmon-300);
  --abdul-ember-400: var(--abdul-salmon-400);
  --abdul-ember-500: var(--abdul-salmon-600);
  --abdul-ember-600: var(--abdul-salmon-700);
  --abdul-ember-700: var(--abdul-salmon-700);

  
  --abdul-mint-300: #7fe8c4;
  --abdul-mint-400: #3ce0a6;
  --abdul-mint-500: #1fd896;     
  --abdul-mint-600: #0f9b6c;     
  --abdul-mint-700: #0a6e4d;

  
  --abdul-paper-50:  #fffefb;    
  --abdul-paper-100: #fcfbf8;    
  --abdul-paper-200: #f3f1ea;    
  --abdul-paper-300: #e6e3d9;    
  --abdul-paper-400: #a8a496;    
  --abdul-paper-500: #7c7868;    

  
  --abdul-sand-50:  var(--abdul-paper-50);
  --abdul-sand-100: var(--abdul-paper-100);
  --abdul-sand-200: var(--abdul-paper-200);
  --abdul-sand-300: var(--abdul-paper-300);
  --abdul-sand-400: var(--abdul-paper-400);
  --abdul-sand-500: var(--abdul-paper-500);
  --abdul-mist-50:  var(--abdul-paper-50);
  --abdul-mist-100: var(--abdul-paper-100);
  --abdul-mist-200: var(--abdul-paper-200);
  --abdul-mist-300: var(--abdul-paper-300);
  --abdul-mist-400: var(--abdul-paper-400);
  --abdul-mist-500: var(--abdul-paper-500);

  
  --abdul-ink-950: #07051c;
  --abdul-ink-900: #100c2c;
  --abdul-ink-800: #1a1540;
  --abdul-ink-700: #282153;
  --abdul-ink-600: #3f3873;
  --abdul-ink-500: #645e96;
  --abdul-ink-400: #8d88b4;
  --abdul-ink-300: #b6b2d2;
  --abdul-ink-200: #d7d5e8;
  --abdul-ink-100: #ebeaf5;
  --abdul-ink-50:  #f5f5fb;
  --abdul-white:   #ffffff;

  
  --abdul-gradient-core: linear-gradient(180deg,
      #1f0a52 0%, #3d18bf 40%, #3f74f0 74%, #34e0e8 100%);
  --abdul-gradient-horizon: linear-gradient(160deg,
      #1f0a52 0%, #3d18bf 52%, #34e0e8 100%);
  --abdul-gradient-radial-glow: radial-gradient(
      ellipse 82% 72% at 50% 112%,
      #34e0e8 0%, #4aa3f5 16%, #3f74f0 33%, #3d18bf 55%, #2e108f 78%, #1f0a52 100%);
  
  --abdul-gradient-salmon: linear-gradient(135deg, #ff9466 0%, #f5536a 100%);

  
  --bg-base: var(--bg-canvas);
  --border-default: var(--abdul-ink-200);

  
  --abdul-gradient-violet: linear-gradient(135deg, #5526e0 0%, #3d18bf 55%, #3f74f0 100%);  
  --abdul-gradient-ink:    linear-gradient(135deg, #282153 0%, #100c2c 100%);                
  --abdul-gradient-mint:   linear-gradient(135deg, #3ce0a6 0%, #0f9b6c 100%);                
  --abdul-gradient-cyan:   linear-gradient(135deg, #7fecf0 0%, #34e0e8 50%, #3f74f0 100%);
  
  --abdul-gradient-paper:  linear-gradient(165deg, #fffefb 0%, #f6f3ec 100%);                 
  --abdul-gradient-raised: linear-gradient(165deg, #ffffff 0%, #f7f4ee 100%);

  
  --grad-heading: linear-gradient(115deg, #1f0a52 0%, #3d18bf 55%, #3f74f0 100%);

  
  --bg-canvas:     var(--abdul-paper-100);
  --bg-surface:    var(--abdul-paper-50);
  --bg-raised:     var(--abdul-white);
  --bg-sunken:     var(--abdul-paper-200);
  --bg-inverse:    var(--abdul-indigo-900);

  --fg-primary:    var(--abdul-ink-900);
  --fg-secondary:  var(--abdul-ink-700);
  --fg-tertiary:   var(--abdul-paper-500);
  --fg-muted:      var(--abdul-paper-400);
  --fg-inverse:    var(--abdul-paper-50);
  --fg-brand:      var(--abdul-violet-700);
  --fg-accent:     var(--abdul-salmon-600);
  
  --fg-accent-text: #c0303f;
  
  --section-y: clamp(56px, 8vw, 104px);

  --border-subtle: var(--abdul-paper-300);
  --border-strong: var(--abdul-ink-900);
  --border-brand:  var(--abdul-violet-700);

  --link:          var(--abdul-violet-700);
  --link-hover:    var(--abdul-salmon-600);

  
  --success:       var(--abdul-mint-600);
  --warning:       #e0982a;
  --danger:        var(--abdul-salmon-700);
  --info:          var(--abdul-blue-500);

  
  --font-arabic:         'IBM Plex Sans Arabic', 'Noto Sans Arabic', sans-serif;
  --font-arabic-display: 'Ghroob Geometric', 'IBM Plex Sans Arabic', sans-serif;

  --font-display: 'Ghroob Geometric', 'DM Sans', sans-serif;
  --font-body:    'IBM Plex Sans Arabic', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-mono:    'Geist Mono', 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace;

  
  
  --ff-display: normal;
  --ff-swash:   "ss01" 1;
  --ff-body:    normal;
  --ff-normal:  normal;

  

  
  --fs-xs:   0.75rem;    
  --fs-sm:   0.875rem;   
  --fs-base: 1rem;       
  --fs-md:   1.125rem;   
  --fs-lg:   1.25rem;    
  --fs-xl:   1.5rem;     
  --fs-2xl:  1.875rem;   
  --fs-3xl:  2.375rem;   
  --fs-4xl:  3rem;       
  --fs-5xl:  3.75rem;    
  --fs-6xl:  4.75rem;    

  --lh-tight:   1.12;
  --lh-snug:    1.3;
  --lh-normal:  1.55;
  --lh-relaxed: 1.8;

  --tracking-tight:  -0.02em;
  --tracking-normal: 0;
  --tracking-wide:   0.04em;
  --tracking-caps:   0.1em;

  --fw-light:    300;
  --fw-regular:  400;
  --fw-medium:   500;
  --fw-semibold: 600;
  --fw-bold:     700;
  --fw-black:    900;

  
  --s-0:  0;
  --s-1:  0.25rem;
  --s-2:  0.5rem;
  --s-3:  0.75rem;
  --s-4:  1rem;
  --s-5:  1.5rem;
  --s-6:  2rem;
  --s-7:  3rem;
  --s-8:  4rem;
  --s-9:  6rem;
  --s-10: 8rem;

  
  --r-xs:   3px;
  --r-sm:   6px;
  --r-md:   10px;
  --r-lg:   14px;
  --r-xl:   20px;
  --r-2xl:  28px;
  --r-pill: 999px;
  --r-circle: 50%;

  
  --shadow-xs: 0 1px 2px rgba(31, 10, 82, 0.08);
  --shadow-sm: 0 2px 6px rgba(31, 10, 82, 0.10);
  --shadow-md: 0 6px 18px rgba(31, 10, 82, 0.12), 0 2px 4px rgba(31, 10, 82, 0.08);
  --shadow-lg: 0 16px 36px rgba(31, 10, 82, 0.16), 0 4px 8px rgba(31, 10, 82, 0.08);
  --shadow-xl: 0 28px 60px rgba(31, 10, 82, 0.22);

  
  --glow-violet: 0 10px 32px rgba(61, 24, 191, 0.34);
  --glow-cyan:   0 10px 32px rgba(52, 224, 232, 0.36);
  --glow-salmon: 0 10px 30px rgba(245, 83, 106, 0.34);
  --glow-mint:   0 10px 30px rgba(31, 216, 150, 0.32);
  
  --glow-ember:  var(--glow-salmon);

  --ring-focus: 0 0 0 3px rgba(61, 24, 191, 0.42);

  
  --dur-fast:   120ms;
  --dur-base:   200ms;
  --dur-slow:   380ms;
  --dur-slower: 640ms;
  --ease-standard: cubic-bezier(0.2, 0.7, 0.2, 1);
  --ease-entrance: cubic-bezier(0, 0, 0.2, 1);
  --ease-exit:     cubic-bezier(0.4, 0, 1, 1);

  
  --container-sm:   640px;
  --container-md:   768px;
  --container-lg:   1024px;
  --container-xl:   1200px;
  --container-2xl:  1440px;
}

[data-theme="brand"],
.theme-brand {
  --bg-canvas:    var(--abdul-gradient-core);
  --bg-surface:   rgba(255,255,255,0.07);
  --bg-raised:    var(--abdul-indigo-800);
  --bg-sunken:    var(--abdul-indigo-950);

  --fg-primary:   var(--abdul-paper-50);
  --fg-secondary: var(--abdul-ink-200);
  --fg-tertiary:  var(--abdul-ink-300);
  --fg-muted:     var(--abdul-ink-400);
  --fg-brand:     var(--abdul-cyan-400);
  --fg-accent:    var(--abdul-salmon-400);

  --border-subtle: rgba(255,255,255,0.14);
  --border-strong: rgba(255,255,255,0.32);
  --border-brand:  var(--abdul-cyan-400);
  --link:          var(--abdul-cyan-400);
  --link-hover:    var(--abdul-salmon-300);
  
  --grad-heading:  linear-gradient(115deg, #ffffff 0%, #cdeffb 55%, #7fecf0 100%);
}

body.abdul-brand {
  
  font-family: var(--font-body);
}

.grad-text {
  background: var(--grad-heading);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}

.mursal   { font-feature-settings: var(--ff-swash); }
.no-swash { font-feature-settings: var(--ff-normal); }

.grad-fill        { background: var(--abdul-gradient-violet); color: #fff; }
.grad-fill-salmon { background: var(--abdul-gradient-salmon); color: #fff; }
.grad-fill-mint   { background: var(--abdul-gradient-mint);   color: #06241a; }

[data-cover]{ 
  --cover-bg:linear-gradient(165deg,#08231b,#0c2c22 55%,#1f0a52);
  --cover-text:#f4efe2; --cover-sub:#87b4a1;
  --cover-accent:#34e0e8; --cover-on-accent:#06241a;
  --cover-block-bg:#1fd896; --cover-block-fg:#06241a; --cover-rail:#34e0e8;
}
[data-cover="petrol"]{ --cover-bg:linear-gradient(165deg,#08231b,#0c2c22 55%,#1f0a52); --cover-text:#f4efe2; --cover-sub:#87b4a1; --cover-accent:#34e0e8; --cover-on-accent:#06241a; --cover-block-bg:#1fd896; --cover-block-fg:#06241a; --cover-rail:#34e0e8; }
[data-cover="ember"]{ --cover-bg:linear-gradient(150deg,#ff9466,#f5536a 68%,#ed3a12); --cover-text:#ffffff; --cover-sub:rgba(255,255,255,.88); --cover-accent:#1f0a52; --cover-on-accent:#ffffff; --cover-block-bg:#1f0a52; --cover-block-fg:#34e0e8; --cover-rail:#ffffff; }
[data-cover="mint"]{ --cover-bg:radial-gradient(120% 90% at 50% 0,#5cf0bd,#1fd896 55%,#0f9b6c); --cover-text:#06241a; --cover-sub:#0c7d57; --cover-accent:#3d18bf; --cover-on-accent:#ffffff; --cover-block-bg:#06241a; --cover-block-fg:#1fd896; --cover-rail:#0f7d5a; }
[data-cover="cyan"]{ --cover-bg:radial-gradient(120% 90% at 50% 0,#7fecf0,#34e0e8 55%,#15a8c4); --cover-text:#0a2540; --cover-sub:#0c5b6b; --cover-accent:#f5536a; --cover-on-accent:#ffffff; --cover-block-bg:#1f0a52; --cover-block-fg:#34e0e8; --cover-rail:#0a7d92; }
[data-cover="cream"]{ --cover-bg:linear-gradient(165deg,#fffefb,#f4efe2); --cover-text:#1f0a52; --cover-sub:#645e96; --cover-accent:#f5536a; --cover-on-accent:#ffffff; --cover-block-bg:#f5536a; --cover-block-fg:#ffffff; --cover-rail:#c9b8d6; }
[data-cover="violet"]{ --cover-bg:radial-gradient(92% 80% at 50% 112%,#2f6bff,#5a16e6 45%,#1f0a52 90%); --cover-text:#ffffff; --cover-sub:#cdbff5; --cover-accent:#34e0e8; --cover-on-accent:#06241a; --cover-block-bg:#1fd896; --cover-block-fg:#06241a; --cover-rail:#34e0e8; }
[data-cover="synth"]{ --cover-bg:linear-gradient(180deg,#0a0820,#1f0a52 60%,#3d18bf); --cover-text:#f4efe2; --cover-sub:#b6a8e8; --cover-accent:#ff7a2e; --cover-on-accent:#0a0820; --cover-block-bg:#34e0e8; --cover-block-fg:#0a0820; --cover-rail:#ff7a2e; }
[data-cover="sunset"]{ --cover-bg:linear-gradient(180deg,#ff9466,#f5536a 45%,#5a16e6); --cover-text:#ffffff; --cover-sub:rgba(255,255,255,.88); --cover-accent:#34e0e8; --cover-on-accent:#06241a; --cover-block-bg:#fffefb; --cover-block-fg:#1f0a52; --cover-rail:#34e0e8; }

.cover-surface{ background:var(--cover-bg); color:var(--cover-text); }

.cover-block{
  display:inline; -webkit-box-decoration-break:clone; box-decoration-break:clone;
  font-family:var(--font-arabic); font-weight:var(--fw-black);
  background:var(--cover-block-bg); color:var(--cover-block-fg);
  padding:2px 16px; border-radius:11px; line-height:1.5;
}
.cover-tag{
  display:inline-block; font-family:var(--font-arabic); font-weight:800;
  background:var(--cover-accent); color:var(--cover-on-accent);
  padding:7px 18px; border-radius:8px; box-shadow:0 8px 20px rgba(0,0,0,.25);
}
.cover-serif{ font-family:var(--font-arabic-display); color:var(--cover-text); font-feature-settings:var(--ff-swash); line-height:1.14; }

.cover-rail   { background:var(--cover-rail); border-radius:4px; }
.cover-rail-v { width:4px; align-self:stretch; background:var(--cover-rail); border-radius:4px; }
.cover-rail-h { height:3px; width:100%; background:var(--cover-accent); border-radius:4px; }

@media (min-width: 900px) {
  .hero-inset {
    margin: 12px 12px 0;
    border-radius: 14px;   
    overflow: hidden;
  }
}

.sky-skyline {
  
  position: absolute !important; left: 0; right: 0; bottom: 0 !important;
  height: clamp(64px, 12vh, 150px);
  z-index: 0; pointer-events: none;
  background: linear-gradient(to top, #0a1450 0%, #131f5c 46%, rgba(19,31,92,0) 100%);
  -webkit-mask: url(/images/skyline.png?v=2) repeat-x bottom / auto 100%;
          mask: url(/images/skyline.png?v=2) repeat-x bottom / auto 100%;
  opacity: .5;
}
@media (prefers-reduced-motion: reduce) { .sky-skyline { opacity: .4; } }

.hero-title, .section-title, .bio-rich-title, .course-title, .b2b-title,
.li-section-title, .li-exp-title, .ao-book-title, .ao-stat b,
.ao-blog-hero h1, main h1, main h2 {
  line-height: 1.2 !important;
  padding-top: .2em !important;
  padding-bottom: .2em !important;
}
main p, main li { line-height: 1.6 !important; }

@font-palette-values --ruqaa-light { font-family: 'Aref Ruqaa Ink'; override-colors: 0 #ffffff88, 1 #ffffff, 2 #9fd8ff, 3 #9fd8ff88, 4 #9fd8ff; }
.hero-title .accent {
  font-family: 'Aref Ruqaa Mono', var(--font-arabic-display) !important;
  color: #fff !important;
  font-weight: 400 !important;
  font-feature-settings: normal !important;
  font-size: 1.6em;
  line-height: 1.3;
  display: inline-block;
  padding: 0 .08em;
  background: none !important;
  -webkit-text-fill-color: currentColor !important;
}
@supports font-tech(color-COLRv1) {
  .hero-title .accent { font-family: 'Aref Ruqaa Ink', var(--font-arabic-display) !important; font-palette: --ruqaa-light; }
}

@font-face{font-family:'Caveat';font-style:normal;font-weight:700;font-display:swap;src:url('/fonts/caveat-700-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Caveat';font-style:normal;font-weight:700;font-display:swap;src:url('/fonts/caveat-700-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
html[lang="en"] .hero-title .accent { font-family: 'Caveat', 'Segoe Script', cursive !important; font-weight: 700 !important; font-style: normal; font-palette: normal; font-size: 1.6em; line-height: 1; letter-spacing: 0; }

.nl { max-width: 720px; margin: 0 auto; padding: 48px 20px; text-align: center; }
.nl-eyebrow { font-size: 14px; font-weight: 600; color: var(--fg-accent-text, #c0303f); margin-bottom: 6px; }
.nl-title { font-family: var(--font-arabic-display); font-feature-settings: var(--ff-swash); font-size: clamp(26px, 3.4vw, 38px); margin: 0 0 10px; color: var(--fg-primary, #16103a); }
.nl-sub { font-size: 16px; color: var(--fg-secondary, #4b4670); margin: 0 auto 22px; max-width: 56ch; }
.nl-form { display: grid; grid-template-columns: 1fr 1.2fr auto; gap: 10px; align-items: stretch; }
.nl-field { display: block; }
.nl-field input { width: 100%; height: 50px; padding: 0 16px; border-radius: 14px; border: 1.5px solid var(--border-strong, rgba(20,8,50,.18)); background: #fff; color: #16103a; font: inherit; font-size: 16px; box-sizing: border-box; }
.nl-field input:focus { outline: none; border-color: var(--abdul-violet-600, #6c4dff); box-shadow: 0 0 0 3px rgba(108,77,255,.15); }
.nl-btn { height: 50px; padding: 0 22px; border: 0; border-radius: 14px; background: var(--abdul-gradient-salmon, #f5536a); color: #fff; font: inherit; font-weight: 700; font-size: 16px; cursor: pointer; white-space: nowrap; }
.nl-btn:active { transform: scale(.98); }
.nl-btn[disabled] { opacity: .6; cursor: wait; }
.nl-msg { grid-column: 1 / -1; margin: 4px 0 0; font-size: 15px; font-weight: 600; }
.nl-msg.is-ok { color: #1f9d6a; } .nl-msg.is-err { color: #c0303f; }
.nl-consent { grid-column: 1 / -1; margin: 2px 0 0; font-size: 13px; color: var(--fg-tertiary, #6b6488); }

.nl-hp { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); opacity: 0; pointer-events: none; }
.nl-sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
.nl--dark .nl-title { color: #fff; } .nl--dark .nl-sub, .nl--dark .nl-consent { color: rgba(255,255,255,.78); }
.nl--dark .nl-eyebrow { color: #ff9aa4; } .nl--dark .nl-msg.is-ok { color: #5ef0b8; } .nl--dark .nl-msg.is-err { color: #ffb4bb; }
.nl--dark .nl-field input { border-color: rgba(255,255,255,.25); }
@media (max-width: 700px) { .nl-form { grid-template-columns: 1fr; } }

.waj { width: min(440px, calc(100vw - 32px)); max-height: calc(100dvh - 32px); overflow: auto; padding: 26px 24px 20px; border: 0; border-radius: 20px; background: #fff; color: #16103a; box-shadow: 0 30px 80px -20px rgba(22,16,58,.45); box-sizing: border-box; }
.waj::backdrop { background: rgba(22,16,58,.55); backdrop-filter: blur(4px); }
.waj[open] { animation: waj-in .22s ease-out; }
@keyframes waj-in { from { opacity: 0; transform: translateY(10px) scale(.98); } }
.waj-x { position: absolute; inset-inline-end: 12px; top: 10px; width: 34px; height: 34px; border: 0; border-radius: 50%; background: #f3f1fa; color: #4b4670; font-size: 22px; line-height: 1; cursor: pointer; }
.waj-eyebrow { display: inline-flex; align-items: center; gap: 6px; font-size: 13px; font-weight: 700; color: #128c4a; background: #e7f8ee; padding: 5px 10px; border-radius: 999px; }
.waj-title { font-family: var(--font-arabic-display); font-feature-settings: var(--ff-swash); font-size: 25px; line-height: 1.35; margin: 12px 0 6px; color: #16103a; }
.waj-sub { font-size: 15px; color: #4b4670; margin: 0 0 16px; line-height: 1.6; }
.waj-field { display: block; margin-bottom: 12px; }
.waj-field > span:first-child { display: block; font-size: 14px; font-weight: 600; margin-bottom: 6px; }
.waj-field input { width: 100%; height: 48px; padding: 0 14px; border-radius: 12px; border: 1.5px solid rgba(20,8,50,.18); background: #fff; color: #16103a; font: inherit; font-size: 16px; box-sizing: border-box; }
.waj-field input:focus { outline: none; border-color: #6c4dff; box-shadow: 0 0 0 3px rgba(108,77,255,.15); }
.waj-phone { display: flex; gap: 8px; }
.waj-cc { display: flex; align-items: center; gap: 4px; flex: 0 0 108px; height: 48px; padding-inline-start: 10px; border-radius: 12px; border: 1.5px solid rgba(20,8,50,.18); box-sizing: border-box; }
.waj-cc input { border: 0; height: 44px; padding: 0 4px; box-shadow: none !important; }

.ccp-box { cursor: pointer; gap: 6px !important; padding-inline-end: 10px !important; user-select: none; -webkit-tap-highlight-color: transparent; }
.ccp-box:focus-visible { outline: 2px solid #6b4bff; outline-offset: 2px; }
.ccp-dial { flex: 1; font-size: 16px; font-weight: 600; color: #16103a; direction: ltr; unicode-bidi: isolate; white-space: nowrap; }
.ccp-chev { flex: none; color: #6b6488; transition: transform .2s; } .ccp-box[aria-expanded="true"] .ccp-chev { transform: rotate(180deg); }
.ccp { position: fixed; inset: auto; margin: 0; z-index: 2147483000; display: flex; flex-direction: column; padding: 8px; border: 1px solid rgba(20,8,50,.12);
  border-radius: 14px; background: #fff; color: #16103a; box-shadow: 0 18px 50px rgba(20,8,50,.28); font: inherit; box-sizing: border-box; overflow: hidden; }
.ccp-q { flex: none; width: 100%; height: 42px; padding: 0 12px; margin-bottom: 6px; border: 1.5px solid rgba(20,8,50,.14); border-radius: 10px; font: inherit; font-size: 16px;
  color: #16103a; background: #f7f5fc; box-sizing: border-box; outline: none; } .ccp-q:focus { border-color: #6b4bff; background: #fff; }
.ccp-list { overflow-y: auto; overscroll-behavior: contain; min-height: 0; }
.ccp-item { display: flex; align-items: center; gap: 10px; width: 100%; padding: 9px 10px; border: 0; border-radius: 9px; background: none; font: inherit; font-size: 15px;
  color: #16103a; text-align: start; cursor: pointer; } .ccp-item:hover, .ccp-item:focus-visible { background: #f1edff; outline: none; }
.ccp-item[aria-selected="true"] { background: #ebe5ff; font-weight: 700; }
.ccp-f { flex: none; font-size: 18px; line-height: 1; } .ccp-n { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ccp-d { flex: none; direction: ltr; unicode-bidi: isolate; color: #6b6488; font-size: 14px; font-variant-numeric: tabular-nums; }
.ccp-list hr { border: 0; border-top: 1px solid rgba(20,8,50,.1); margin: 6px 4px; } .ccp-none { margin: 10px; color: #6b6488; font-size: 14px; }
.waj-where { font-size: 13px; color: #6b6488; margin: -4px 0 14px; }
.waj-btn { width: 100%; height: 50px; border: 0; border-radius: 14px; background: #1fa855; color: #fff; font: inherit; font-weight: 700; font-size: 16px; cursor: pointer; }
.waj-btn:active { transform: scale(.98); } .waj-btn[disabled] { opacity: .6; cursor: wait; }
.waj-msg { color: #c0303f; font-weight: 600; font-size: 14px; margin: 10px 0 0; }
.waj-consent { font-size: 12.5px; color: #6b6488; margin: 10px 0 0; }
.waj-ok { text-align: center; padding: 10px 0 6px; } .waj-ok b { display: block; font-size: 22px; margin-bottom: 8px; } .waj-ok p { margin: 0; color: #4b4670; line-height: 1.7; }
@media (prefers-reduced-motion: reduce) { .waj[open] { animation: none; } }
.learn-support { text-align: center; padding: 18px 16px 28px; font-size: 14px; color: var(--fg-tertiary, #6b6488); }
.learn-support a { color: var(--fg-accent-text, #c0303f); font-weight: 600; }

@view-transition { navigation: auto; }
::view-transition-old(root), ::view-transition-new(root) {
  animation-duration: 280ms;
  animation-timing-function: cubic-bezier(.2, .7, .2, 1);
}
::view-transition-old(root) { animation-name: vt-out; }
::view-transition-new(root) { animation-name: vt-in; }
@keyframes vt-out { to { opacity: 0; transform: translateY(-6px); } }
@keyframes vt-in { from { opacity: 0; transform: translateY(10px); } }
.ao-nav { view-transition-name: site-nav; }
.tnav { view-transition-name: learn-nav; }
::view-transition-group(site-nav), ::view-transition-group(learn-nav) { animation-duration: 0s; }

@keyframes rv-in  { from { opacity: 0; transform: translateY(22px); } to { opacity: 1; transform: none; } }
@keyframes rv-pop { from { opacity: 0; transform: scale(.92) translateY(10px); } to { opacity: 1; transform: none; } }
@supports (animation-timeline: view()) {
  .sd-motion [data-rv] {
    animation: rv-in linear both;
    animation-timeline: view();
    
    
    animation-range: entry calc(var(--rv-i, 0) * 40px) entry calc(160px + var(--rv-i, 0) * 40px);
  }
  .sd-motion .rv-stats > [data-rv] { animation-name: rv-pop; }
}

@media (hover: hover) {
  .course-card { transition: transform .35s cubic-bezier(.2, .7, .2, 1), box-shadow .35s cubic-bezier(.2, .7, .2, 1); }
  .course-card:hover { transform: translateY(-4px); }
  .btn-primary { transition: transform .25s cubic-bezier(.2, .7, .2, 1), filter .25s; }
  .btn-primary:hover { transform: translateY(-2px); filter: brightness(1.06); }
}

@media (prefers-reduced-motion: reduce) {
  @view-transition { navigation: none; }
  .sd-motion [data-rv] { animation: none; }
}

.hero-anim #hero-title, .hero-anim #hero .hero-tagline, .hero-anim #hero .hero-sub,
.hero-anim #hero .hero-cta-row, .hero-anim #hero .hero-badge { visibility: hidden; }
#hero-title .hw { display: inline-block; will-change: transform, opacity; }

/* ── navbar.css ── */

.ao-nav, .tnav {
  position: fixed !important;
  top: 0; left: 0; right: 0;
  z-index: 60;
  margin: 0 auto;
  background: transparent;
  border: 0;
  border-bottom: 1px solid transparent;
  
  transition:
    top .3s var(--ease-standard, cubic-bezier(.22, 1, .36, 1)),
    left .3s var(--ease-standard, cubic-bezier(.22, 1, .36, 1)),
    right .3s var(--ease-standard, cubic-bezier(.22, 1, .36, 1)),
    border-radius .45s var(--ease-standard, cubic-bezier(.22, 1, .36, 1)),
    background .35s ease,
    box-shadow .35s ease,
    border-color .35s ease,
    transform .32s ease,
    opacity .32s ease;
}

.ao-nav {
  display: flex; align-items: center; justify-content: space-between;
  gap: 16px;
  padding: 16px clamp(18px, 4vw, 40px);
}
.ao-brand { display: flex; align-items: center; gap: 12px; text-decoration: none; color: var(--fg-primary); }
.ao-brand-mark { width: 36px; height: 36px; border-radius: 50%; display: block; }
.ao-brand-name { font-weight: 700; font-size: 17px; white-space: nowrap; }
.ao-nav-links { display: flex; gap: clamp(14px, 2.5vw, 28px); }
.ao-nav-link { text-decoration: none; color: var(--fg-primary); font-size: 14px; font-weight: 600; transition: color 160ms var(--ease-standard); white-space: nowrap; }
.ao-nav-link:hover { color: var(--fg-accent); }
.ao-nav-link.is-active { font-weight: 700; }
.ao-nav-cta {
  background-image: var(--abdul-gradient-ink); color: #fff;
  padding: 10px 18px; border-radius: 12px; font-size: 13px; font-weight: 600;
  text-decoration: none; transition: all 160ms var(--ease-standard);
  white-space: nowrap;
}
.ao-nav-cta:hover { filter: brightness(1.12); }

.ao-nav-lang {
  display: inline-flex; align-items: center; gap: 6px;
  padding: 5px 11px; border-radius: 999px;
  border: 1.5px solid color-mix(in oklab, var(--fg-primary) 35%, transparent);
  color: var(--fg-primary);
  font-weight: 600; font-size: 13px;
  text-decoration: none;
}
.ao-nav-lang svg { opacity: .7; flex: none; }
.ao-nav-lang:hover { border-color: var(--fg-accent); color: var(--fg-accent); }

.sq-brandtext { color: var(--fg-primary); }

.tnav-inner {
  max-width: var(--container-xl);
  margin: 0 auto;
  padding: 14px 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}
.tnav-brand { display: flex; align-items: center; gap: 10px; font-weight: 700; text-decoration: none; color: var(--fg-primary); }
.tnav-brand img { width: 32px; height: 32px; border-radius: 50%; }
.tnav-brand-text { font-size: 15px; letter-spacing: -0.01em; color: var(--fg-primary); }
.tnav-brand-text small { display: block; font-size: 11px; font-weight: 500; color: var(--fg-secondary); letter-spacing: 0.02em; }
.tnav-brand-line { display: inline-flex; align-items: center; gap: 8px; line-height: 1; }
.tnav-actions { display: flex; align-items: center; gap: 8px; }
.tnav-login {
  padding: 8px 14px;
  font-weight: 600;
  font-size: 14px;
  color: var(--fg-primary);
  border-radius: var(--r-pill, 999px);
  text-decoration: none;
  transition: background var(--dur-base, .2s) var(--ease-standard, ease);
}
.tnav-login:hover { background: color-mix(in srgb, currentColor 10%, transparent); }

.tnav-pill { display: inline-flex; align-items: center; gap: 6px; padding: 8px 18px; border-radius: 999px; border: 1.5px solid currentColor;
  color: var(--fg-primary); font-weight: 700; font-size: 14.5px; text-decoration: none; white-space: nowrap; transition: background .2s; }
.tnav-pill:hover { background: color-mix(in srgb, currentColor 12%, transparent); }
.tnav-pill:active { transform: scale(.98); }
@media (max-width: 900px) {   
  .tnav-brand-text small.tnav-tag { display: none; }
  .tnav-inner { padding: 10px 14px; gap: 10px; flex-wrap: nowrap; }
  .tnav-brand { flex: 1; min-width: 0; } .tnav-brand-text { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  .tnav-actions { flex: none; gap: 6px; } .tnav-pill { padding: 6px 12px; font-size: 13.5px; white-space: nowrap; }
}

body.nav-solid-offset { padding-top: min(var(--nav-h, 68px), 120px); }

body.nav-overlap .hero--sky { padding-top: 132px; }
body.nav-overlap .ao-blog-hero { padding-top: clamp(112px, 13vw, 156px); }

@media (min-width: 900px) {
  .ao-nav, .ao-nav.nav-pill { top: 16px; }
  .ao-nav {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
  }
  .ao-nav .ao-nav-links { justify-self: center; }
  .ao-nav .ao-nav-lang  { justify-self: end; }
}
@media (max-width: 899px) {
  .ao-nav { top: 4px; }   
}

.ao-nav.nav-top, .tnav.nav-top,
.ao-nav.nav-top.lg-active, .tnav.nav-top.lg-active,
.ao-nav.nav-top.lg-fallback, .tnav.nav-top.lg-fallback {
  background: transparent;
  border-bottom-color: transparent;
  box-shadow: none;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

.nav-top.nav-on-dark .ao-nav-link,
.nav-top.nav-on-dark .ao-brand-name,
.nav-top.nav-on-dark .sq-brandtext b,
.nav-top.nav-on-dark .tnav-brand-text,
.nav-top.nav-on-dark .tnav-login,
.nav-top.nav-on-dark .tnav-pill { color: rgba(255,255,255,.94) !important; }
.nav-top.nav-on-dark .ao-nav-link.is-active { color: #fff !important; }
.nav-top.nav-on-dark .ao-nav-link:hover { color: var(--abdul-salmon-300, #ffb4bd) !important; }
.nav-top.nav-on-dark .tnav-brand-text small,
.nav-top.nav-on-dark .sq-brandtext small { color: rgba(255,255,255,.78); }
.nav-top.nav-on-dark .ao-nav-lang { color: #fff; border-color: rgba(255,255,255,.45); }
.nav-top.nav-on-dark .ao-nav-lang:hover { color: #fff; border-color: #fff; }

.ao-nav.nav-pill, .tnav.nav-pill {
  top: 12px;
  left: 16px;
  right: 16px;
  max-width: 1160px;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.5);
  background: rgba(252, 251, 248, 0.76);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.6),
    0 10px 34px rgba(31, 10, 82, 0.14);
}

.nav-pill.lg-active {
  backdrop-filter: var(--lg-filter);
  -webkit-backdrop-filter: var(--lg-filter);
  background: rgba(252, 251, 248, 0.6);
}
.nav-pill.lg-fallback {
  backdrop-filter: saturate(1.7) blur(22px);
  -webkit-backdrop-filter: saturate(1.7) blur(22px);
}

.nav-pill .ao-nav-link, .nav-pill .ao-brand-name, .nav-pill .sq-brandtext b,
.nav-pill .tnav-brand-text, .nav-pill .tnav-login, .nav-pill .tnav-pill, .nav-pill .ao-nav-lang { color: var(--fg-primary); }
.nav-pill .ao-nav-link:hover, .nav-pill .ao-nav-lang:hover { color: var(--fg-accent); }
.nav-pill .tnav-brand-text small.tnav-tag { display: none; }

.ao-nav.nav-pill { padding-top: 10px; padding-bottom: 10px; }
.tnav.nav-pill .tnav-inner { padding-top: 8px; padding-bottom: 8px; }

.ao-nav.nav-hidden, .tnav.nav-hidden {
  transform: translateY(-120%);
  opacity: 0;
  pointer-events: none;
}

.nav-pill.nav-menu-open { border-bottom-left-radius: 0; border-bottom-right-radius: 0; }

.nav-burger {
  display: none;
  width: 42px; height: 42px;
  border: 0; background: transparent; cursor: pointer;
  border-radius: var(--r-pill, 999px);
  align-items: center; justify-content: center;
  flex-direction: column; gap: 5px;
  -webkit-tap-highlight-color: transparent;
}
.nav-burger span {
  display: block; width: 20px; height: 2px; border-radius: 2px;
  background: var(--fg-primary);
  transition: transform .3s cubic-bezier(.22,1,.36,1), opacity .2s ease, background .3s ease;
}
.nav-top.nav-on-dark .nav-burger span { background: #fff; }
.nav-burger.is-open span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
.nav-burger.is-open span:nth-child(2) { opacity: 0; }
.nav-burger.is-open span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }

@media (max-width: 900px) {
  .nav-burger { display: flex; }
  .ao-nav .ao-nav-links { display: none; }
  .tnav .tnav-actions .tnav-login { display: none; } 
}

.nav-mobile-panel {
  position: fixed;
  z-index: 59;
  left: 16px; right: 16px;
  top: calc(var(--nav-h, 68px) + 16px);
  border-radius: 20px;
  padding: 12px;
  background: rgba(252, 251, 248, 0.92);
  backdrop-filter: saturate(1.7) blur(24px);
  -webkit-backdrop-filter: saturate(1.7) blur(24px);
  border: 1px solid rgba(255, 255, 255, 0.5);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.55), 0 18px 50px rgba(31, 10, 82, 0.18);
  transform: scale(.97) translateY(-10px);
  opacity: 0;
  pointer-events: none;
  transition: transform .34s cubic-bezier(.22,1,.36,1), opacity .26s ease;
}
.nav-mobile-panel.is-open {
  transform: scale(1) translateY(0);
  opacity: 1;
  pointer-events: auto;
}
.nav-mobile-panel a {
  display: flex; align-items: center; gap: 10px;
  padding: 13px 16px;
  border-radius: 14px;
  text-decoration: none;
  color: var(--fg-primary);
  font-weight: 700; font-size: 15.5px;
  font-family: var(--font-arabic);
  opacity: 0; transform: translateX(12px); 
  transition: opacity .3s ease, transform .3s cubic-bezier(.22,1,.36,1), background .2s ease;
}
.nav-mobile-panel.is-open a { opacity: 1; transform: translateX(0); }
.nav-mobile-panel a:hover, .nav-mobile-panel a:active { background: var(--bg-sunken); }
.nav-mobile-panel a.is-cta {
  background: var(--abdul-gradient-salmon);
  color: #fff; justify-content: center;
  box-shadow: var(--glow-salmon);
  margin-top: 6px;
}

@media (prefers-reduced-motion: reduce) {
  .ao-nav, .tnav, .nav-mobile-panel, .nav-mobile-panel a, .nav-burger span { transition: none; }
}

/* ── footer.css ── */

.ao-footer {
  position: relative;
  background: var(--abdul-ink-950);
  color: rgba(255,255,255,0.82);
  padding: 0 clamp(18px, 4vw, 40px) 24px;
  margin-top: 120px; 
}

.ao-footer::before {
  content: '';
  position: absolute; inset-inline: 0; bottom: 0; height: 65%;
  background: radial-gradient(ellipse 90% 80% at 50% 115%,
    rgba(61, 24, 191, 0.35) 0%, rgba(52, 224, 232, 0.06) 45%, transparent 75%);
  pointer-events: none;
}
.ao-footer > * { position: relative; }

.fc {
  max-width: 1080px; margin: 0 auto -24px; transform: translateY(-64px);
  display: grid; grid-template-columns: 1.05fr 1fr; gap: 28px 40px; align-items: center;
  background: var(--abdul-gradient-violet); border-radius: var(--r-2xl); color: #fff;
  padding: clamp(24px, 4vw, 40px) clamp(22px, 4vw, 44px);
  box-shadow: var(--glow-violet), inset 0 1px 0 rgba(255,255,255,0.18);
}
.fc-eyebrow { display: inline-flex; align-items: center; gap: 8px; margin: 0 0 8px; font-size: 13.5px; font-weight: 700; color: rgba(255,255,255,.9); }
.fc-dot { width: 8px; height: 8px; border-radius: 50%; background: #1fd896; box-shadow: 0 0 0 4px rgba(31,216,150,.2); }
.fc h3 { margin: 0 0 8px; font-family: var(--font-arabic-display); font-feature-settings: var(--ff-swash); font-size: clamp(24px, 3vw, 32px); font-weight: 700; line-height: 1.3; color: #fff; }
.fc-lead { margin: 0 0 18px; font-size: 15px; line-height: 1.7; color: rgba(255,255,255,.84); max-width: 46ch; }
.fc-btns { display: flex; flex-wrap: wrap; gap: 10px; }
.fc-btn { display: inline-flex; align-items: center; gap: 8px; padding: 12px 20px; border-radius: var(--r-pill); font-weight: 700; font-size: 15px; text-decoration: none;
  color: #fff; background: rgba(255,255,255,.12); border: 1px solid rgba(255,255,255,.3); transition: transform var(--dur-base), background var(--dur-base); }
.fc-btn:hover { transform: translateY(-2px); background: rgba(255,255,255,.2); }
.fc-btn--primary { background: var(--abdul-gradient-salmon); border-color: transparent; box-shadow: var(--glow-salmon); }
.fc-btn--primary:hover { background: var(--abdul-gradient-salmon); filter: brightness(1.05); }
.fc-btn:active { transform: scale(.98); }
.fc-stay { display: grid; gap: 10px; padding: 18px; border-radius: 18px; background: rgba(255,255,255,.1); border: 1px solid rgba(255,255,255,.18); }
.fc-stay-t { display: flex; gap: 12px; align-items: center; margin: 0 0 4px; font-size: 14px; color: rgba(255,255,255,.82); line-height: 1.6; }
.fc-stay-t b { display: block; font-size: 15.5px; color: #fff; margin-bottom: 2px; }
.fc-wa { flex: none; width: 46px; height: 46px; padding: 8px; border-radius: 13px; background: #fff; box-sizing: border-box; }
.fc-field { display: block; flex: 1; min-width: 0; }
.fc-field input, .fc-cc { width: 100%; height: 48px; padding: 0 14px; border-radius: 12px; border: 1px solid rgba(255,255,255,.35); background: #fff; color: #16103a; font: inherit; font-size: 16px; box-sizing: border-box; }
.fc-field input:focus { outline: none; box-shadow: 0 0 0 3px rgba(255,255,255,.35); }
.fc-phone { display: flex; gap: 8px; }
.fc-cc { flex: 0 0 100px; display: flex; align-items: center; gap: 2px; padding: 0 0 0 10px; }
.fc-cc input { width: 100%; min-width: 0; border: 0; height: 44px; font: inherit; font-size: 16px; background: transparent; outline: none; color: #16103a; }
.fc-submit { height: 48px; border: 0; border-radius: 12px; background: #16103a; color: #fff; font: inherit; font-weight: 700; font-size: 15.5px; cursor: pointer; }
.fc-submit:active { transform: scale(.98); }
 .fc-submit[disabled] { opacity: .6; cursor: wait; }
.fc-msg { margin: 0; font-size: 14px; font-weight: 600; }
 .fc-msg.is-ok { color: #8ff5c8; }
 .fc-msg.is-err { color: #ffc2c8; }
.fc-consent { margin: 0; font-size: 12px; color: rgba(255,255,255,.7); }
@media (max-width: 860px) { .fc { grid-template-columns: 1fr; transform: translateY(-48px); } }
.fc.fc--solo { grid-template-columns: 1fr; max-width: 760px; }

.ao-foot-cta {
  max-width: 1040px;
  margin: 0 auto;
  transform: translateY(-56px);
  background: var(--abdul-gradient-violet);
  border-radius: var(--r-2xl);
  padding: clamp(24px, 4vw, 36px) clamp(22px, 4vw, 40px);
  display: flex; align-items: center; justify-content: space-between;
  gap: 24px; flex-wrap: wrap;
  box-shadow: var(--glow-violet), inset 0 1px 0 rgba(255,255,255,0.18);
}
.ao-foot-cta-text h3 {
  margin: 0 0 6px;
  font-family: var(--font-arabic-display);
  font-feature-settings: var(--ff-swash);
  font-size: clamp(22px, 3vw, 30px);
  font-weight: 900; color: #fff;
}
.ao-foot-cta-text p { margin: 0; font-size: 14.5px; color: rgba(255,255,255,0.82); line-height: 1.6; }
.ao-foot-cta-btns { display: flex; gap: 12px; flex-wrap: wrap; }
.ao-foot-btn-primary {
  background: var(--abdul-gradient-salmon); color: #fff;
  padding: 13px 24px; border-radius: var(--r-pill);
  font-weight: 800; font-size: 14.5px; text-decoration: none;
  box-shadow: var(--glow-salmon);
  transition: transform var(--dur-base), filter var(--dur-base);
}
.ao-foot-btn-primary:hover { transform: translateY(-2px); filter: brightness(1.05); }
.ao-footer-inner {
  max-width: 1200px; margin: 0 auto;
  display: grid; grid-template-columns: 1.2fr 2fr; gap: 64px;
  padding: 24px 0 56px;
  border-bottom: 1px solid rgba(255,255,255,0.08);
}
@media (max-width: 820px) { .ao-footer-inner { grid-template-columns: 1fr; gap: 32px; } }
.ao-footer-brand { display: flex; gap: 14px; align-items: flex-start; }
.ao-footer-mark { width: 52px; height: 52px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.2); }
.ao-footer-name { font-family: var(--font-arabic-display); font-feature-settings: var(--ff-swash); font-size: 21px; font-weight: 700; color: #fff; }
.ao-footer-tag { font-size: 13px; color: rgba(255,255,255,0.6); margin-top: 2px; }
.ao-foot-social { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 14px; max-width: 230px; }
.ao-foot-social a {
  display: flex; align-items: center; justify-content: center;
  width: 38px; height: 38px; border-radius: 50%;
  background: rgba(255,255,255,0.08);
  border: 1px solid rgba(255,255,255,0.12);
  color: rgba(255,255,255,0.85);
  transition: all var(--dur-base) var(--ease-standard);
}
.ao-foot-social a:hover {
  background: var(--abdul-gradient-salmon);
  border-color: transparent; color: #fff;
  transform: translateY(-2px);
  box-shadow: var(--glow-salmon);
}
.ao-footer-cols { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 32px; }
@media (max-width: 900px) { .ao-footer-cols { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 560px) { .ao-footer-cols { grid-template-columns: 1fr 1fr; } }
.ao-footer-cols h5 { font-size: 13px; font-weight: 800; color: var(--abdul-cyan-400); margin: 0 0 18px; }
.ao-footer-cols a { display: block; color: rgba(255,255,255,0.72); text-decoration: none; font-size: 15px; padding: 7px 0; transition: color 160ms, transform 160ms var(--ease-standard); }
.ao-footer-cols a:hover { color: #fff; transform: translateX(-3px); }
.ao-foot-legal {
  max-width: 1200px; margin: 28px auto 0;
  display: flex; align-items: center; justify-content: space-between;
  gap: 12px; flex-wrap: wrap;
  font-size: 12.5px; color: rgba(255,255,255,0.45);
}
.ao-foot-legal-links { display: flex; gap: 18px; }

.ao-footer {
  isolation: isolate;
  
  --wm-weight: 700; --wm-k: .185; --wm-cap: 255px; --wm-word: 0em; --wm-track: 0em; --wm-lh: 1.5; --wm-bottom: 0px;
  --wm-rgb: 255, 255, 255; --wm-alpha: .1; --wm-fade: 0; --wm-room: 1.42;
  --wm-light-x: 50%; --wm-light-y: 115%; --wm-light-w: 75%; --wm-light-h: 110%;
  --wm-size: min(calc((100vw - 2 * clamp(18px, 4vw, 40px)) * var(--wm-k)), var(--wm-cap));   
  padding-bottom: calc(var(--wm-size) * var(--wm-room));
}
html[lang="en"] .ao-footer { --wm-k: .146; --wm-cap: 201px; }

.ao-footer > .ao-foot-field { position: absolute; inset: 0; z-index: -2; pointer-events: none; }
.ao-footer > .ao-foot-wordmark {
  position: absolute; inset-inline: 0; bottom: var(--wm-bottom); z-index: -1;
  text-align: center; white-space: nowrap; overflow: visible;
  pointer-events: none; user-select: none;
}
.ao-foot-wordmark span {
  display: inline-block; padding: .15em .1em;
  font-family: 'Ghroob Geometric Text', var(--font-arabic-display); font-feature-settings: var(--ff-swash);
  font-weight: var(--wm-weight);
  font-size: var(--wm-size);
  line-height: var(--wm-lh); letter-spacing: var(--wm-track); word-spacing: var(--wm-word);
  
  color: rgb(var(--wm-rgb)); opacity: var(--wm-alpha);
  -webkit-mask-image: radial-gradient(ellipse var(--wm-light-w) var(--wm-light-h) at var(--wm-light-x) var(--wm-light-y), #000 0%, rgba(0,0,0,var(--wm-fade)) 100%);
          mask-image: radial-gradient(ellipse var(--wm-light-w) var(--wm-light-h) at var(--wm-light-x) var(--wm-light-y), #000 0%, rgba(0,0,0,var(--wm-fade)) 100%);
}
.ao-foot-legal a { color: rgba(255,255,255,0.45); text-decoration: none; }
.ao-foot-legal a:hover { color: var(--abdul-cyan-400); }
.ao-foot-btn-primary:active {
  transform: scale(0.98);
  transition-duration: var(--dur-fast, 120ms);
}
.ao-foot-legal span { color: rgba(255,255,255,.72); }
.ao-foot-social .brand-logo { width: 18px; height: 18px; }

.fc-btn[data-talk="voice"] { display: none; }
 html[data-voice="yes"] .fc-btn[data-talk="voice"] { display: inline-flex; }

/* ── wizard.css ── */

.mw-bar{height:6px;background:#efecf7;border-radius:6px;overflow:hidden;margin-top:8px}.mw-bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,#5118d2,#1fd896);transition:width .35s}
.mw-count{margin:8px 0 10px;color:#8a86a0;font-size:12.5px;min-height:16px}.mw-q{font-size:19px;font-weight:700;line-height:1.45;margin:0 0 6px;color:#1b1730}.mw-hint{color:#6b6880;font-size:14px;margin:0 0 12px;line-height:1.65}
.mw-opts{display:grid;gap:8px;margin:0;padding:0;list-style:none}.mw-opt{width:100%;text-align:start;padding:12px 14px;border:1.5px solid #e4e0f0;border-radius:12px;background:#fbfaff;color:#1b1730;font:inherit;font-size:15px;cursor:pointer;transition:border-color .15s,background .15s}.mw-opt:hover,.mw-opt.on{border-color:#5118d2;background:#efeafd}
.mw-in{width:100%;padding:12px 14px;border:1.5px solid #e4e0f0;border-radius:12px;font:inherit;font-size:16px;background:#fbfaff;color:#1b1730;margin-top:6px;box-sizing:border-box}.mw-in:focus{outline:none;border-color:#5118d2}
.mw-phone{display:flex;gap:8px;align-items:center;margin-top:6px;direction:ltr}.mw-phone .mw-in,.mw-cc input,.mw-code{direction:ltr;text-align:left;font-variant-numeric:lining-nums;font-family:ui-sans-serif,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif}.mw-phone .mw-in{min-width:0;flex:1}.mw-phone .mw-cc{flex:none}
.mw-cc{display:inline-flex;align-items:center;gap:4px;border:1.5px solid #e4e0f0;border-radius:12px;padding:0 8px;background:#fbfaff;height:48px;margin-top:6px}.mw-cc input{width:60px;border:0;background:transparent;font:inherit;font-size:15px;text-align:center}
.mw-code{text-align:center;letter-spacing:6px;font-size:22px}
.mw-row{display:flex;gap:10px;margin-top:12px;flex-wrap:wrap}.mw-btn{padding:12px 18px;border:0;border-radius:12px;background:#5118d2;color:#fff;font:inherit;font-size:15.5px;font-weight:700;cursor:pointer;text-decoration:none;display:inline-block}.mw-btn.ghost{background:#f3f0fb;color:#5118d2}.mw-btn[disabled]{opacity:.5}
.mw-link{background:none;border:0;color:#6b6880;font:inherit;font-size:13.5px;cursor:pointer;padding:0}.mw-foot{margin:14px 0 0;min-height:18px}.mw-err{color:#c0303f;font-size:14px;margin:10px 0 0}
.mw-done{text-align:center;padding:8px 0 4px}.mw-done h3{font-size:22px;margin:0 0 8px;color:#1b1730}.mw-done p{color:#4b4866;margin:0 0 12px;line-height:1.7}.mw-done .mw-btn{display:block;margin:8px 0}

.mw-choices{display:grid;gap:10px;margin-top:4px}
.mw-choice{position:relative;display:grid;gap:3px;text-align:start;text-decoration:none;padding:14px 16px 14px 44px;border:1.5px solid #e4e0f0;border-radius:14px;background:#fbfaff;color:#1b1730;font:inherit;cursor:pointer;transition:border-color .15s,background .15s,transform .15s}
.mw-choice b{font-size:16.5px;line-height:1.4}.mw-choice span{font-size:13.5px;color:#6b6880;line-height:1.5}.mw-choice i{position:absolute;inset-inline-end:16px;top:50%;transform:translateY(-50%);font-style:normal;color:#5118d2;font-size:18px}
.mw-choice:hover{border-color:#5118d2;background:#efeafd}.mw-choice:active{transform:scale(.98)}
.mw-choice.pri{background:#5118d2;border-color:#5118d2;color:#fff}.mw-choice.pri span{color:rgba(255,255,255,.82)}.mw-choice.pri i{color:#fff}.mw-choice.pri:hover{background:#4511b8}
.mw-note{font-size:12.5px;color:#8a86a0;margin:12px 0 0;line-height:1.6}

/* ── learn-landing.css ── */

.ll-wrap{max-width:var(--container-xl,1200px);margin:0 auto;padding:0 20px}
.ll-kicker{display:inline-block;font-size:13px;font-weight:700;color:var(--abdul-violet-600,#5526e0);margin:0 0 10px;letter-spacing:0}
.ll-head{max-width:760px;margin:0 0 32px}.ll-head h2{font-family:var(--font-arabic-display);font-feature-settings:var(--ff-display);font-size:clamp(26px,3.4vw,38px);line-height:1.35;margin:0 0 10px;color:var(--fg-primary,#16103a)}.ll-head p{color:var(--fg-secondary,#4b4568);font-size:17px;line-height:1.75;margin:0}
.ll-head.center{text-align:center;margin-inline:auto}.ll-center{text-align:center;margin:18px 0 0}
.ll-btn{display:inline-flex;align-items:center;gap:8px;background:#5118d2;color:#fff;border-radius:14px;padding:14px 22px;font-weight:700;font-size:16px;text-decoration:none;transition:transform .15s,background .15s}.ll-btn:hover{background:#4511b8}.ll-btn:active{transform:scale(.98)}
.ll-btn.ghost{background:#f1edfc;color:#4511b8}.ll-btn.ghost:hover{background:#e7e0fb}
.ll-link{color:#5118d2;font-weight:600;text-decoration:none}.ll-link:hover{text-decoration:underline}

.ll-hero{padding:48px 20px 64px}
.ll-hero-in{position:relative;z-index:1;max-width:var(--container-xl,1200px);margin:0 auto;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:48px;align-items:center}
.ll-eyebrow{display:inline-block;background:rgba(31,216,150,.14);color:#9ff5d2;border:1px solid rgba(31,216,150,.32);border-radius:999px;padding:6px 14px;font-size:13.5px;margin:0 0 16px}
.ll-h1{margin-bottom:14px;font-size:clamp(34px,4.4vw,56px) !important;line-height:1.25 !important}
.ll-accent{color:#9ff5d2;background:linear-gradient(90deg,#9ff5d2,#c9b8ff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;padding:.15em 0}
.ll-sub{max-width:52ch;margin-bottom:18px}
.ll-proof{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}.ll-proof li{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);color:#efecfb;border-radius:999px;padding:6px 12px;font-size:13.5px}
.ll-form{background:#fff;color:#1b1730;border-radius:20px;padding:18px 20px 12px;box-shadow:0 24px 70px rgba(15,6,50,.35);scroll-margin-top:90px}
.ll-form-head{display:flex;align-items:center;gap:12px;padding:0 0 14px;margin:0 0 14px;border-bottom:1px solid #f1eef9}
.ll-form-head img{width:52px;height:52px;border-radius:50%;object-fit:cover;flex:none;box-shadow:0 0 0 3px #efeafd}
.ll-form-head p{margin:0;display:grid;gap:1px;line-height:1.5}.ll-form-head b{font-size:15.5px}.ll-form-head span{font-size:13.5px;color:#6b6880}
.mw.is-choose .mw-bar,.mw.is-choose .mw-count{display:none}
@media (max-width:960px){.ll-hero{padding:24px 16px 44px}.ll-hero-in{grid-template-columns:1fr;gap:0}
  .ll-hero-main{display:contents}.ll-eyebrow{justify-self:start;margin-bottom:12px}.ll-hero-main>.ll-sub{margin-bottom:0}
  .ll-form{order:4;margin-top:20px;padding:16px 16px 10px}.ll-proof{order:5;margin-top:18px}.ll-form-head{padding-bottom:12px;margin-bottom:12px}.ll-form-head img{width:44px;height:44px}}
@media (max-width:600px){.ll-h1{font-size:31px !important}.ll-sub{font-size:15.5px !important}}

.ll-why{max-width:980px;margin:0 auto;padding:clamp(56px,8vw,96px) 20px clamp(40px,6vw,64px);text-align:center}
.ll-why h2{font-family:var(--font-arabic-display);font-feature-settings:var(--ff-display);font-size:clamp(30px,4.6vw,52px);line-height:1.3;margin:0 0 30px;color:var(--fg-primary,#16103a)}
.ll-why-points{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:16px;counter-reset:w;text-align:start}
.ll-why-points li{counter-increment:w;background:#fff;border:1px solid #ece8f6;border-radius:18px;padding:20px 20px 18px;font-size:17px;line-height:1.75;color:var(--fg-primary,#1b1730)}
.ll-why-points li::before{content:'0' counter(w);display:block;font-weight:800;color:#5118d2;font-size:13px;margin-bottom:6px}
.ll-why-foot{margin:22px auto 0;max-width:640px;color:var(--fg-secondary,#4b4568);font-size:15.5px;line-height:1.7}
@media (max-width:800px){.ll-why-points{grid-template-columns:1fr}}

.ll-course{padding:clamp(48px,7vw,88px) 0;background:linear-gradient(180deg,transparent,rgba(110,80,220,.05) 18%,rgba(110,80,220,.05) 82%,transparent)}
.ll-course h3{font-size:18px;margin:0 0 14px;color:var(--fg-primary,#1b1730)}
.ll-outcomes{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.ll-outcomes li{background:#fff;border:1px solid #ece8f6;border-radius:16px;padding:16px;display:grid;gap:4px}.ll-outcomes b{font-size:16px}.ll-outcomes span{color:#6b6880;font-size:14.5px;line-height:1.6}
.ll-fit{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:28px}
.ll-fit>div{background:#fff;border:1px solid #ece8f6;border-radius:16px;padding:18px 20px}.ll-fit ul{margin:0;padding:0;list-style:none;display:grid;gap:8px}.ll-fit li{position:relative;padding-inline-start:24px;line-height:1.6;font-size:15.5px}
.ll-fit-yes li::before{content:'✓';position:absolute;inset-inline-start:0;color:#14a374;font-weight:800}.ll-fit-no li::before{content:'✕';position:absolute;inset-inline-start:0;color:#c0303f;font-weight:800}
.ll-cta-row{display:flex;gap:18px;align-items:center;flex-wrap:wrap;margin-top:28px}
@media (max-width:900px){.ll-fit{grid-template-columns:1fr}.ll-outcomes{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.ll-outcomes{grid-template-columns:1fr}}

.ll-agentic{padding:8px 0 clamp(48px,7vw,80px)}
.ll-ag-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:28px;align-items:center;background:#fff;border:1px solid #ece8f6;border-radius:22px;padding:18px;box-sizing:border-box}
.ll-ag-cover{position:relative;display:block;border:0;padding:0;border-radius:16px;overflow:hidden;cursor:pointer;aspect-ratio:16/9;background:#100c2c}.ll-ag-cover img{width:100%;height:100%;object-fit:cover;display:block;opacity:.92}
.ll-play{position:absolute;inset:0;margin:auto;width:58px;height:58px;border-radius:50%;background:rgba(255,255,255,.94);color:#5118d2;display:grid;place-items:center;box-shadow:0 8px 24px rgba(0,0,0,.25)}
.ll-ag-frame{width:100%;aspect-ratio:16/9;border:0;border-radius:16px;display:block}
.ll-ag-body h2{font-family:var(--font-arabic-display);font-feature-settings:var(--ff-display);font-size:clamp(22px,2.6vw,30px);margin:0 0 8px}.ll-ag-body>p{color:#4b4568;line-height:1.7;margin:0 0 12px}
@media (max-width:800px){.ll-ag-card{grid-template-columns:1fr}}

.ll-proof-sec{padding:clamp(40px,6vw,72px) 0}
.ll-quotes{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.ll-quotes figure{margin:0;background:#fff;border:1px solid #ece8f6;border-radius:18px;padding:18px;display:flex;flex-direction:column;justify-content:space-between;gap:12px}
.ll-quotes blockquote{margin:0;font-size:15.5px;line-height:1.75;color:#1b1730}.ll-quotes figcaption{display:grid;font-size:13.5px}.ll-quotes figcaption b{color:#1b1730}.ll-quotes figcaption span{color:#8a86a0}
@media (max-width:900px){.ll-quotes{grid-template-columns:1fr 1fr}}@media (max-width:560px){.ll-quotes{grid-template-columns:1fr}}
.ll-reels{display:flex !important;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 0 10px;margin:4px 0 0;scrollbar-width:thin;-webkit-overflow-scrolling:touch}
.ll-reels .reel{flex:0 0 172px;scroll-snap-align:start;display:block;color:#fff;text-decoration:none;border-radius:16px}
.ll-reels .reel-thumb{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ll-reels .reel-caption{font-size:12.5px;line-height:1.45}
@media (max-width:600px){.ll-reels{margin:4px -16px 0;padding:0 16px 10px}.ll-reels .reel{flex-basis:42%}}

.ll-abdul{padding:clamp(40px,6vw,72px) 0}
.ll-abdul-card{background:radial-gradient(120% 140% at 85% 0%,#3a1b9a 0%,#1f0a52 55%,#140a3a 100%);color:#fff;border-radius:26px;padding:32px;display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:36px;align-items:center;box-sizing:border-box}
.ll-abdul-agent{display:flex;justify-content:center}.ll-abdul-agent .ha-stage{width:100%}.ll-abdul-agent .ha-core{width:min(280px,72%)}
.ll-abdul-body h2{font-family:var(--font-arabic-display);font-feature-settings:var(--ff-display);font-size:clamp(26px,3vw,34px);margin:0 0 4px;color:#fff}
.ll-abdul-body>p{line-height:1.8;color:rgba(255,255,255,.88);margin:0 0 16px}
.ll-stats{list-style:none;margin:0 0 16px;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.ll-stats li{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:12px;display:grid;gap:2px}.ll-stats b{font-size:21px;color:#9ff5d2;font-family:var(--font-arabic-display)}.ll-stats span{font-size:12.5px;color:#cfc9ea;line-height:1.45}
.ll-abdul-links{display:flex;gap:18px;margin:0}.ll-abdul-links a{color:#9ff5d2;font-weight:600;text-decoration:none}
@media (max-width:900px){.ll-abdul-card{grid-template-columns:1fr;padding:24px 18px;gap:20px}.ll-stats{grid-template-columns:1fr 1fr}}

.ll-faq{padding:clamp(32px,5vw,56px) 0}.ll-faq h2{font-family:var(--font-arabic-display);font-feature-settings:var(--ff-display);font-size:clamp(24px,3vw,32px);margin:0 0 18px}
.ll-faq-list{display:grid;grid-template-columns:1fr 1fr;gap:10px}.ll-faq details{background:#fff;border:1px solid #ece8f6;border-radius:14px;padding:14px 16px}.ll-faq summary{cursor:pointer;font-weight:700;font-size:15.5px;list-style:none}.ll-faq summary::-webkit-details-marker{display:none}.ll-faq summary::after{content:'+';float:inline-end;color:#5118d2;font-weight:800}.ll-faq details[open] summary::after{content:'–'}.ll-faq details p{margin:10px 0 0;color:#4b4568;line-height:1.7}
@media (max-width:800px){.ll-faq-list{grid-template-columns:1fr}}

.ll-b2b{padding:8px 0 clamp(32px,5vw,48px)}.ll-b2b-card{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;background:#fff;border:1px solid #ece8f6;border-radius:22px;padding:22px 26px;box-sizing:border-box}
.ll-b2b-card h2{margin:0 0 6px;font-family:var(--font-arabic-display);font-feature-settings:var(--ff-display);font-size:22px}.ll-b2b-card p{margin:0;color:#4b4568;max-width:60ch;line-height:1.7}
.ll-close{padding-top:clamp(40px,6vw,64px)}

.mc-in{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}
.mc-text{padding-top:8px}
.mc-when{list-style:none;margin:0 0 16px;padding:0;display:grid;gap:8px;color:#efecfb;font-size:15.5px}
.mc-when li{display:flex;align-items:center;gap:10px}.mc-when svg{color:#9ff5d2;flex:none}
.mc-proof{margin-bottom:0}
.mc-card{max-width:none}.mc-card .mw-done h3{font-size:21px}
.mw-btn.live{background:#c0303f}
.mc-sec{padding-top:clamp(40px,6vw,72px)}
.mc-leave{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:12px;counter-reset:l}
.mc-leave li{counter-increment:l;background:#fff;border:1px solid #ece8f6;border-radius:18px;padding:18px;display:grid;gap:6px;align-content:start}
.mc-leave li::before{content:'0' counter(l);color:#5118d2;font-weight:800;font-size:13px}
.mc-leave b{font-size:16.5px;line-height:1.45}.mc-leave span{color:#6b6880;font-size:14.5px;line-height:1.65}
.mc-grid2{display:grid;grid-template-columns:1.4fr 1fr;gap:16px;align-items:stretch}
.mc-grid2 .ll-fit{margin:0}.mc-grid2 h3{font-size:17px;margin:0 0 12px}
.mc-how{background:#fff;border:1px solid #ece8f6;border-radius:16px;padding:18px 20px;display:flex;flex-direction:column}
.mc-how ol{margin:0 0 16px;padding:0;list-style:none;counter-reset:h;display:grid;gap:10px}.mc-how li{counter-increment:h;display:grid;grid-template-columns:28px 1fr;gap:8px;line-height:1.6;font-size:15.5px}
.mc-how li::before{content:counter(h);width:24px;height:24px;border-radius:50%;background:#efeafd;color:#5118d2;font-weight:800;font-size:13px;display:grid;place-items:center}
.mc-how .ll-btn{margin-top:auto;align-self:flex-start}
.mc-after{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.mc-after-text{background:linear-gradient(135deg,#1f0a52,#3a1b9a);color:#fff;border-radius:20px;padding:22px 24px}.mc-after-text .ll-kicker{color:#9ff5d2}.mc-after-text p{line-height:1.75;margin:0 0 12px;color:rgba(255,255,255,.9)}.mc-after-text .ll-link{color:#fff}
.mc-abdul{background:#fff;border:1px solid #ece8f6;border-radius:20px;padding:20px;display:flex;gap:16px;align-items:center}.mc-abdul img{width:88px;height:88px;border-radius:18px;object-fit:cover;flex:none}
.mc-abdul p{margin:0;display:grid;gap:4px;line-height:1.65}.mc-abdul b{font-size:16.5px}.mc-abdul span{color:#4b4568;font-size:14.5px}.mc-abdul a{color:#5118d2;font-weight:600;text-decoration:none;font-size:14.5px}
@media (max-width:960px){.mc-in{grid-template-columns:1fr;gap:0}.mc-text{display:contents}.mc-when{margin-bottom:0}.mc-card{order:4;margin-top:20px}.mc-proof{order:5;margin-top:18px}.mc-leave{grid-template-columns:1fr 1fr}.mc-grid2,.mc-after{grid-template-columns:1fr}}
@media (max-width:520px){.mc-leave{grid-template-columns:1fr}.mc-grid2 .ll-fit{grid-template-columns:1fr}}

.ll-pillars{padding-top:clamp(48px,7vw,80px)}
.ll-pillar-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:14px;counter-reset:p}
.ll-pillar-list li{counter-increment:p;background:#fff;border:1px solid #ece8f6;border-radius:18px;padding:20px 20px 16px;position:relative}
.ll-pillar-list li::before{content:counter(p);position:absolute;inset-inline-end:16px;top:14px;font-weight:800;color:#d9d1f5;font-size:28px;line-height:1}
.ll-pillar-list b{display:block;font-size:18px;margin:0 0 8px;color:#1b1730;font-family:var(--font-arabic-display);font-feature-settings:var(--ff-display)}
.ll-pillar-list p{margin:0;color:#4b4568;line-height:1.75;font-size:15.5px}
.ll-course .ll-pillar-list{margin-bottom:8px}
.ll-paid{display:flex;gap:10px;align-items:flex-start;background:#f7f5fc;border:1px solid #ece8f6;border-radius:12px;padding:10px 12px;margin:14px 0 0 !important;font-size:14.5px !important;color:#3b3560 !important;line-height:1.65}
.ll-paid span{flex:none;background:#1b1730;color:#fff;border-radius:999px;padding:2px 10px;font-size:12.5px;font-weight:700;margin-top:2px}
.mw-done .ll-paid{text-align:start;margin:0 0 12px !important}
.ll-sub-h{font-size:18px;margin:34px 0 14px;color:#1b1730}
.ll-journey{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px;counter-reset:j}
.ll-journey li{counter-increment:j;display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid #ece8f6;border-radius:999px;padding:7px 14px 7px 12px;font-size:14.5px;color:#2b2550}
.ll-journey li::before{content:counter(j);width:22px;height:22px;border-radius:50%;background:#efeafd;color:#5118d2;font-weight:800;font-size:12px;display:grid;place-items:center}
.ll-course > .ll-wrap > .ll-outcomes,.ll-course .ll-outcomes{grid-template-columns:repeat(3,1fr)}
.ll-head-chapters{margin:34px 0 14px}.ll-head-chapters .ll-sub-h{margin:0 0 6px}.ll-head-chapters p{font-size:15.5px}
.ll-chapters{display:grid;gap:8px}
.ll-chapters details{background:#fff;border:1px solid #ece8f6;border-radius:16px;overflow:hidden}
.ll-chapters details[open]{border-color:#d9d1f5;box-shadow:0 10px 30px rgba(40,20,110,.06)}
.ll-chapters summary{cursor:pointer;list-style:none;display:grid;grid-template-columns:44px 1fr 22px;grid-template-areas:"n t i" "n g i";column-gap:12px;row-gap:2px;padding:14px 16px;align-items:center}
.ll-chapters summary::-webkit-details-marker{display:none}
.ll-chapters summary::after{content:'+';grid-area:i;color:#5118d2;font-weight:800;font-size:20px;text-align:center}
.ll-chapters details[open] summary::after{content:'–'}
.ll-chapters summary .n{grid-area:n;width:40px;height:40px;border-radius:12px;background:#f1edfc;color:#5118d2;font-weight:800;display:grid;place-items:center;font-size:14px}
.ll-chapters summary b{grid-area:t;font-size:16.5px;color:#1b1730}
.ll-chapters summary .g{grid-area:g;color:#6b6880;font-size:14px;line-height:1.6}
.ll-ch-body{display:grid;grid-template-columns:1fr 1.2fr .9fr;gap:14px;padding:4px 16px 18px 16px;padding-inline-start:72px}
.ll-ch-body h4{margin:0 0 6px;font-size:12.5px;color:#8a84a3;font-weight:700}
.ll-ch-body ul{margin:0;padding:0;list-style:none;display:grid;gap:6px}.ll-ch-body li{position:relative;padding-inline-start:14px;font-size:14.5px;line-height:1.6;color:#2b2550}
.ll-ch-body li::before{content:'';position:absolute;inset-inline-start:0;top:.7em;width:5px;height:5px;border-radius:50%;background:#b6a6ee}
.ll-ch-body p{margin:0;font-size:14.5px;line-height:1.7;color:#3b3560}
.ll-ch-body .out{background:#f2fbf7;border-radius:12px;padding:10px 12px}.ll-ch-body .out h4{color:#11643f}.ll-ch-body .out p{color:#11402c}
.ll-course .ll-fit{margin-top:34px}
.ll-learn{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding-top:clamp(48px,7vw,80px)}
.ll-method,.ll-case{background:#fff;border:1px solid #ece8f6;border-radius:22px;padding:24px}
.ll-method h2,.ll-case h2{font-family:var(--font-arabic-display);font-feature-settings:var(--ff-display);font-size:clamp(22px,2.6vw,28px);margin:0 0 12px;line-height:1.4}
.ll-quote{margin:0 0 16px;padding:14px 16px;border-inline-start:3px solid #5118d2;background:#f7f5fc;border-radius:10px;font-size:16px;line-height:1.8;color:#2b2550}
.ll-steps{list-style:none;margin:0 0 16px;padding:0;display:grid;gap:10px;counter-reset:s2}.ll-steps li{counter-increment:s2;display:grid;grid-template-columns:28px 1fr;column-gap:10px}
.ll-steps li::before{content:counter(s2);grid-row:span 2;width:24px;height:24px;border-radius:50%;background:#efeafd;color:#5118d2;font-weight:800;font-size:13px;display:grid;place-items:center}
.ll-steps b{font-size:15.5px}.ll-steps span{color:#4b4568;font-size:14.5px;line-height:1.65}
.ll-ai{border-top:1px solid #f1eef9;padding-top:14px}.ll-ai h3{font-size:16px;margin:0 0 6px}.ll-ai p{margin:0;color:#4b4568;line-height:1.75;font-size:14.5px}
.ll-case{background:radial-gradient(120% 120% at 100% 0%,#fff7ec 0%,#fff 60%)}
.ll-case-text{margin:0 0 16px;color:#3b3560;line-height:1.85;font-size:15.5px}
.ll-case-points{list-style:none;margin:0;padding:0;display:grid;gap:10px}.ll-case-points li{display:grid;gap:3px;background:#fff;border:1px solid #f1e6d6;border-radius:12px;padding:12px 14px}
.ll-case-points b{font-size:15px}.ll-case-points span{color:#4b4568;font-size:14.5px;line-height:1.65}
.ll-port-t{font-size:15px;margin:4px 0 10px;color:#fff}
.ll-portfolio{list-style:none;margin:0 0 14px;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:8px}
.ll-portfolio a{display:grid;gap:2px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:10px 12px;text-decoration:none}
.ll-portfolio b{color:#fff;font-size:14.5px}.ll-portfolio span{color:#cfc9ea;font-size:13px;line-height:1.5}.ll-portfolio a:hover{background:rgba(255,255,255,.12)}
.mc-abdul-card{grid-template-columns:1fr}
.ll-close-ctas{display:flex;gap:18px;align-items:center;justify-content:center;flex-wrap:wrap}
@media (max-width:960px){.ll-pillar-list,.ll-learn{grid-template-columns:1fr}.ll-course .ll-outcomes{grid-template-columns:1fr 1fr}.ll-ch-body{grid-template-columns:1fr;padding-inline-start:16px}}
@media (max-width:560px){.ll-course .ll-outcomes,.ll-portfolio{grid-template-columns:1fr}.ll-chapters summary{grid-template-columns:36px 1fr 18px}.ll-chapters summary .n{width:34px;height:34px}.ll-method,.ll-case{padding:18px}}

.mc-agenda{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:12px;counter-reset:a}
.mc-agenda li{counter-increment:a;position:relative;background:#fff;border:1px solid #ece8f6;border-radius:18px;padding:18px 18px 16px;display:grid;gap:6px;align-content:start}
.mc-agenda li::before{content:counter(a);width:30px;height:30px;border-radius:50%;background:#5118d2;color:#fff;font-weight:800;font-size:14px;display:grid;place-items:center;margin-bottom:4px}
.mc-agenda b{font-size:16px;line-height:1.45}.mc-agenda span{color:#4b4568;font-size:14.5px;line-height:1.65}
@media (max-width:960px){.mc-agenda{grid-template-columns:1fr 1fr}}@media (max-width:520px){.mc-agenda{grid-template-columns:1fr}}

/* ── hero-agent.css ── */

#hero .hero-visual { aspect-ratio: auto; flex-direction: column; gap: 22px; max-width: 460px; }
.ha-stage { display: flex; flex-direction: column; align-items: center; gap: 34px; width: 100%; }
.ha-core { position: relative; display: block; width: min(330px, 78%); aspect-ratio: 1; padding: 0; border: 0; background: none;
  border-radius: 50%; cursor: pointer; color: inherit; -webkit-tap-highlight-color: transparent; }
.ha-core .halo { position: absolute; inset: -14%; }
.ha-core .portrait { display: block; position: relative; z-index: 1; width: 100% !important; height: 100%; margin: 0;
  transition: transform .35s cubic-bezier(.2,.8,.2,1), box-shadow .35s; }
.ha-core:hover .portrait, .ha-core:focus-visible .portrait { transform: scale(1.02); box-shadow: 0 0 0 6px rgba(160, 190, 255, .18), 0 30px 80px rgba(20,17,46,.4); }
.ha-core:focus-visible { outline: none; }

.ha-waves { position: absolute; inset: 0; z-index: 0; pointer-events: none; }
.ha-waves i { position: absolute; inset: 0; border-radius: 50%; border: 2px solid rgba(170, 200, 255, .55);
  animation: ha-wave 3.6s cubic-bezier(.2,.6,.3,1) infinite; opacity: 0; }
.ha-waves i:nth-child(2) { animation-delay: 1.2s; } .ha-waves i:nth-child(3) { animation-delay: 2.4s; }
@keyframes ha-wave { 0% { transform: scale(1); opacity: .7; } 100% { transform: scale(1.32); opacity: 0; } }
.ha-core:hover .ha-waves i { border-color: rgba(200, 220, 255, .8); animation-duration: 2.4s; }
.ha-hint { position: absolute; z-index: 2; left: 50%; bottom: -6px; translate: -50% 0; display: inline-flex; align-items: center; gap: 6px;
  padding: 8px 14px; border-radius: 999px; white-space: nowrap; font-size: 14px; font-weight: 700; color: #16103a;
  background: #fff; box-shadow: 0 10px 26px -8px rgba(10, 6, 40, .55); }
.ha-hint svg { color: #f5536a; }

html:not([data-voice="yes"]) .ha-waves, html:not([data-voice="yes"]) .ha-hint { display: none; }
.ha-core[disabled] { cursor: default; }
.ha-core[disabled]:hover .portrait { transform: none; box-shadow: 0 30px 80px rgba(20, 17, 46, .35); }

.ha-stage.is-call .ha-bar, .ha-stage.is-call .ha-hint { display: none; }
.ha-stage.is-call .ha-waves i { animation: none; opacity: calc(.22 + var(--lvl, 0) * .78); border-color: rgba(127, 232, 196, .55);   
  transform: scale(calc(1.03 + var(--lvl, 0) * var(--k))); transition: transform .09s linear, opacity .09s linear; }
.ha-stage.is-call .ha-waves i:nth-child(1) { --k: .14; } .ha-stage.is-call .ha-waves i:nth-child(2) { --k: .26; } .ha-stage.is-call .ha-waves i:nth-child(3) { --k: .4; }

.ha-stage.is-call .portrait { border-color: var(--abdul-mint-400, #3ce0a6); box-shadow: 0 0 0 1px rgba(60, 224, 166, .35), 0 0 26px rgba(31, 216, 150, .22), 0 30px 80px rgba(20,17,46,.4); animation: ha-live 3.2s ease-in-out infinite; }
@keyframes ha-live { 0%, 100% { box-shadow: 0 0 0 1px rgba(60, 224, 166, .3), 0 0 18px rgba(31, 216, 150, .16), 0 30px 80px rgba(20,17,46,.4); }
  50% { box-shadow: 0 0 0 1px rgba(60, 224, 166, .45), 0 0 32px rgba(31, 216, 150, .3), 0 30px 80px rgba(20,17,46,.4); } }
.ha-call { display: flex; flex-direction: column; align-items: center; gap: 12px; text-align: center; max-width: 380px; }
.ha-ts { min-height: 65px; }   
.ha-call[hidden] { display: none; }
.ha-status { margin: 0; font-size: 15.5px; font-weight: 600; color: #fff; line-height: 1.6; }
.ha-end { display: inline-flex; align-items: center; gap: 8px; padding: 11px 20px; border: 0; border-radius: 999px; background: #e5484d;
  color: #fff; font: inherit; font-weight: 700; font-size: 15px; cursor: pointer; box-shadow: 0 10px 26px -10px rgba(229, 72, 77, .7); }
.ha-end:active { transform: scale(.98); }

.ha-core.is-calling-you .ha-waves i { border-color: rgba(31, 216, 150, .85); animation-duration: 1.8s; }
.ha-core.is-calling-you .ha-hint { background: #1fd896; }

.ha-brain { position: absolute; inset: 0; pointer-events: none; z-index: 2; }
.ha-node { position: absolute; left: var(--x); top: var(--y); translate: -50% -50%; width: 40px; height: 40px; border-radius: 11px;
  display: grid; place-items: center; background: rgba(255,255,255,.09); border: 1px solid rgba(255,255,255,.18);
  -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); opacity: .82; }
[dir="ltr"] .ha-node { left: calc(100% - var(--x)); }
.ha-node img { width: 20px; height: 20px; object-fit: contain; }
@media (max-width: 880px) {
  #hero .hero-visual { margin-top: 8px; }
  .ha-core { width: min(260px, 70vw); }
  .ha-node, [dir="ltr"] .ha-node { left: var(--px); top: var(--py); width: 34px; height: 34px; border-radius: 10px; }
}
@media (prefers-reduced-motion: reduce) { .ha-waves i { animation: none; opacity: .35; transform: scale(1.08); } .ha-stage.is-call .ha-waves i { transition: none; } .ha-stage.is-call .portrait { animation: none; } }

.ha-bar { width: 100%; max-width: 440px; }
.ha-kicker { justify-content: center; }
.ha-kicker { display: flex; align-items: center; gap: 8px; margin: 0 0 10px; font-size: 14px; font-weight: 600; color: rgba(255,255,255,.86); }
.ha-dot { width: 8px; height: 8px; border-radius: 50%; background: #1fd896; box-shadow: 0 0 0 4px rgba(31,216,150,.18); animation: ha-pulse 2s ease-in-out infinite; }
@keyframes ha-pulse { 50% { box-shadow: 0 0 0 7px rgba(31,216,150,.06); } }
.ha-input {
  display: flex; align-items: center; gap: 6px; padding: 6px; border-radius: 18px;
  background: rgba(255,255,255,.96); box-shadow: 0 20px 50px -14px rgba(10,6,40,.7), 0 0 0 1px rgba(255,255,255,.4);
}
.ha-input input { flex: 1; min-width: 0; height: 48px; padding: 0 14px; border: 0; background: transparent; font: inherit; font-size: 16px; color: #16103a; outline: none; }
.ha-mic, .ha-send { flex: none; width: 46px; height: 46px; border: 0; border-radius: 13px; display: grid; place-items: center; cursor: pointer; }
.ha-mic { background: #f1eefb; color: #4a32d4; }
.ha-send { background: var(--abdul-gradient-salmon, #f5536a); color: #fff; }
.ha-mic:active, .ha-send:active { transform: scale(.98); }
[dir="rtl"] .ha-send svg { transform: scaleX(-1); }

.ha-dlg { position: fixed; inset: 0; width: 100vw; max-width: none; height: 100dvh; max-height: none; margin: 0; padding: 0; border: 0; background: #f7f5fc; overflow: hidden; }
.ha-dlg[open] { display: flex; flex-direction: column; animation: ha-dlg-in .22s ease-out; }
.ha-dlg::backdrop { background: #f7f5fc; }
@keyframes ha-dlg-in { from { opacity: 0; transform: translateY(18px); } }
html.ha-chat-open, html.ha-chat-open body { overflow: hidden; }
.ha-dlg .cc { --col: max(14px, calc((100% - 760px) / 2)); flex: 1; min-height: 0; display: flex; flex-direction: column; max-width: none; margin: 0; padding: 0; border: 0; border-radius: 0; box-shadow: none; background: #f7f5fc; overflow: hidden; }
.ha-dlg .cc-head { flex: none; padding: calc(10px + env(safe-area-inset-top)) var(--col) 10px; background: rgba(255,255,255,.92); border-bottom: 1px solid rgba(20,8,50,.07); }
.ha-dlg .cc-log { flex: 1; min-height: 0; max-height: none; padding: 18px var(--col) 12px; overscroll-behavior: contain; }
.ha-dlg .cc-quick { flex: none; padding: 4px var(--col) 8px; margin: 0; }
.ha-dlg .cc-form { flex: none; padding: 8px var(--col) calc(12px + env(safe-area-inset-bottom)); background: #f7f5fc; }
.ha-dlg .cc-input { height: 54px; border-radius: 27px; padding: 0 20px; box-shadow: 0 2px 10px rgba(20,8,50,.06); }
.ha-dlg .cc-send { flex-basis: 54px; height: 54px; border-radius: 50%; }
.ha-dlg .cc-restart { flex: none; margin: 4px auto calc(14px + env(safe-area-inset-bottom)); }
.ha-dlg .cc-msg { font-size: 16px; }
.cc-welcome { display: none; }
.ha-dlg .cc-welcome { display: grid; justify-items: center; gap: 4px; text-align: center; padding: 4vh 0 14px; }
.ha-dlg .cc-welcome img { width: 72px; height: 72px; border-radius: 50%; box-shadow: 0 0 0 3px #fff, 0 0 0 6px rgba(108,77,255,.22); margin-bottom: 8px; }
.ha-dlg .cc-welcome b { font-size: 20px; color: #16103a; } .ha-dlg .cc-welcome span { font-size: 13.5px; color: #6b6488; }
.ha-back { flex: none; width: 40px; height: 40px; margin-inline-end: 2px; border: 0; border-radius: 50%; background: #f1eefb; color: #2b2155; display: grid; place-items: center; cursor: pointer; }
[dir=rtl] .ha-back svg { transform: scaleX(-1); }
.ha-back:active, .cc-new:active { transform: scale(.98); }
.cc-new { margin-inline-start: auto; flex: none; height: 36px; padding: 0 14px; border: 1.5px solid rgba(108,77,255,.3); border-radius: 999px; background: #fff; color: #3a22c9; font: inherit; font-size: 13.5px; font-weight: 600; cursor: pointer; }
.cc-new[hidden] { display: none; }
.cc-head > div { flex: 1; }
.ha-dlg .cc-head > div { min-width: 0; } .ha-dlg .cc-head > div > * { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

/* ── design.css (purged: 132 rules kept, 523 dropped) ── */
*{ box-sizing: border-box; }html,body{
  margin: 0; padding: 0;
  font-family: var(--font-arabic);
  background: var(--bg-canvas);
  color: var(--fg-primary);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  direction: rtl;
}body{
  overflow-x: hidden;
  
  background: var(--abdul-gradient-paper);
  background-attachment: fixed;
}img{ display: block; max-width: 100%; }button{ font-family: inherit; cursor: pointer; border: 0; background: none; }a{ color: inherit; text-decoration: none; }.app{
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}.hero--sky{
  background: var(--abdul-gradient-radial-glow);
  color: #fff;
}.hero--sky .hero-inner,.hero--sky .hero-action-wrap{ position: relative; z-index: 1; }.hero--sky .hero-title{ color: #fff; }.hero--sky .hero-sub{ color: rgba(255, 255, 255, 0.86); }.hero--sky .hero-badge{
  background: rgba(255, 255, 255, 0.10);
  border-color: rgba(255, 255, 255, 0.30);
  color: #fff;
}.hero--sky .btn-ghost{
  color: #fff;
  border-color: rgba(255, 255, 255, 0.38);
  background: rgba(255, 255, 255, 0.06);
}.hero--sky .btn-ghost:hover{
  background: rgba(255, 255, 255, 0.14);
  border-color: rgba(255, 255, 255, 0.6);
}.hero--sky .halo{ opacity: 0.9; }.hero-tagline{
  font-weight: 700;
  font-size: clamp(16px, 2.2vw, 20px);
  line-height: 1.55;
  color: #fff;
  margin: 6px 0 14px;
}.hero--sky .hero-tagline{ color: #fff; }.sky-skyline{
  position: absolute; left: 0; right: 0; bottom: 0;
  height: clamp(64px, 12vh, 150px);
  z-index: 0; pointer-events: none;
  background: linear-gradient(to top, #0a1450 0%, #131f5c 46%, rgba(19,31,92,0) 100%);
  -webkit-mask: url(/images/skyline.png?v=2) repeat-x bottom / auto 100%;
          mask: url(/images/skyline.png?v=2) repeat-x bottom / auto 100%;
  opacity: .5;
}.hero{
  position: relative;
  padding: 64px 20px 80px;
  overflow: hidden;
}.hero-inner{
  max-width: var(--container-lg);
  margin: 0 auto;
}.hero-badge{
  display: inline-flex; align-items: center; gap: 8px;
  padding: 6px 12px;
  background: rgba(245, 83, 106, 0.10);
  border: 1px solid rgba(245, 83, 106, 0.25);
  color: var(--abdul-ember-600);
  border-radius: var(--r-pill);
  font-size: 12px;
  font-weight: 600;
  margin-bottom: 20px;
}@keyframes pulse{
  0%, 100% { transform: scale(1); opacity: 0.8; }
  50% { transform: scale(1.9); opacity: 0; }
}.hero-title{
  
  font-family: var(--font-arabic-display);
  font-weight: 700;
  font-size: clamp(28px, 4.2vw, 46px);
  line-height: 1.40;
  letter-spacing: -0.02em;
  margin: 0 0 18px;
  color: var(--fg-primary);
  text-wrap: balance;
  font-feature-settings: var(--ff-swash);
}.hero-title .accent{
  color: var(--abdul-salmon-600);
  background: var(--abdul-gradient-salmon);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  background-size: 100% 100%;
}.hero-sub{
  font-size: clamp(15.5px, 1.4vw, 17.5px);
  line-height: 1.75;
  color: var(--fg-secondary);
  max-width: 42ch;
  margin: 0 0 24px;
  text-wrap: pretty;
}.price{
  font-family: var(--font-display);
  font-weight: 700;
  font-size: clamp(36px, 5vw, 48px);
  line-height: 1;
  color: var(--fg-primary);
  letter-spacing: -0.03em;
  font-feature-settings: "tnum" on;
  direction: ltr;
}.hero-cta-row{
  display: flex; flex-wrap: wrap; gap: 12px;
  margin-bottom: 24px;
}.btn-primary{
  display: inline-flex; align-items: center; gap: 10px;
  padding: 16px 28px;
  
  background: var(--abdul-gradient-salmon);
  color: #fff;
  font-weight: 700;
  font-size: 16px;
  border-radius: var(--r-pill);
  box-shadow: var(--glow-salmon);
  transition: transform var(--dur-base) var(--ease-standard), box-shadow var(--dur-base), filter var(--dur-base);
}.btn-primary:hover{ transform: translateY(-2px); filter: brightness(1.04) saturate(1.04); box-shadow: 0 14px 36px rgba(245, 83, 106, 0.42); }.btn-primary:active{ transform: translateY(0); }.btn-ghost{
  display: inline-flex; align-items: center; gap: 8px;
  padding: 16px 24px;
  color: var(--fg-primary);
  font-weight: 600;
  font-size: 15px;
  border-radius: var(--r-pill);
  border: 1px solid var(--border-subtle);
  transition: background var(--dur-base), border-color var(--dur-base);
}.btn-ghost:hover{ background: var(--bg-sunken); border-color: var(--fg-tertiary); }.pill{
  display: inline-flex; align-items: center; gap: 6px;
  padding: 8px 14px;
  background: var(--bg-raised);
  border: 1px solid var(--border-subtle);
  border-radius: var(--r-pill);
  font-size: 13px;
  font-weight: 500;
  color: var(--fg-secondary);
}.pill svg{ width: 14px; height: 14px; }.hero--split .hero-inner{
  display: grid;
  grid-template-columns: 1.1fr 1fr;
  gap: 56px;
  align-items: center;
}.hero--split .hero-text{ min-width: 0; }.hero--split .hero-visual{
  position: relative;
  aspect-ratio: 1;
  display: flex; align-items: center; justify-content: center;
  max-width: 460px;
  justify-self: center;
}.hero-action-wrap{
  max-width: var(--container-lg);
  margin: 40px auto 0;
  padding: 0;
}.hero-action{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  flex-wrap: wrap;
  max-width: 760px;
  margin-inline: auto;
  padding: 16px 20px 16px 24px;
  background: var(--bg-raised);
  border: 1px solid var(--border-subtle);
  border-radius: var(--r-xl);
  box-shadow: var(--shadow-sm);
  cursor: pointer;
  transition: transform var(--dur-base), box-shadow var(--dur-base), border-color var(--dur-base);
}.hero-action:hover{
  transform: translateY(-1px);
  box-shadow: var(--shadow-md);
  border-color: var(--abdul-ember-400);
}.hero-action-left{ min-width: 0; display: flex; flex-direction: column; gap: 4px; }.hero-action-eyebrow{
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-family: var(--font-display);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--abdul-ember-600);
  font-feature-settings: var(--ff-display);
}.ha-dot{
  width: 6px; height: 6px;
  border-radius: 50%;
  background: var(--abdul-ember-500);
  box-shadow: 0 0 0 3px rgba(245, 83, 106, 0.20);
  display: inline-block;
}.hero-action-title{
  font-family: var(--font-arabic-display);
  font-weight: 700;
  font-size: 17px;
  color: var(--fg-primary);
  letter-spacing: -0.01em;
  font-feature-settings: var(--ff-swash);
}.hero-action-right{
  display: flex;
  align-items: center;
  gap: 16px;
  flex-shrink: 0;
}.hero-action-price{
  display: inline-flex;
  align-items: baseline;
  gap: 10px;
}.ha-amount{
  display: inline-flex;
  align-items: baseline;
  gap: 0;
  direction: ltr;
  unicode-bidi: isolate;
}.ha-num{ font-family: var(--font-display); font-size: 26px; font-weight: 800; color: var(--fg-primary); letter-spacing: -0.02em; line-height: 1; font-feature-settings: var(--ff-display); }.ha-curr{ font-family: var(--font-display); font-size: 12px; font-weight: 600; color: var(--fg-tertiary); font-feature-settings: var(--ff-display); }.ha-old{ font-family: var(--font-display); font-size: 13px; color: var(--fg-tertiary); text-decoration: line-through; font-feature-settings: var(--ff-display); }.ha-chip{ background: var(--abdul-ember-500); color: #fff; font-family: var(--font-display); font-size: 10px; font-weight: 700; padding: 2px 6px; border-radius: var(--r-pill); letter-spacing: 0.03em; font-feature-settings: var(--ff-display); }.hero-action-right .btn-primary{ padding: 10px 16px; font-size: 13.5px; }@media (max-width: 560px){.hero-action{ padding: 14px 16px; gap: 12px; }.hero-action-right{ width: 100%; justify-content: space-between; }.hero-action-title{ font-size: 16px; }.ha-num{ font-size: 24px; }}.halo{
  position: absolute;
  inset: 0;
  border-radius: 50%;
  background: var(--abdul-gradient-radial-glow);
  filter: blur(40px) saturate(1.1);
  opacity: 0.75;
  transform: scale(0.85);
  animation: halo-float 8s ease-in-out infinite;
}@keyframes halo-float{
  0%, 100% { transform: scale(0.85) translateY(0); }
  50%      { transform: scale(0.9) translateY(-10px); }
}.portrait{
  position: relative;
  width: 78%;
  aspect-ratio: 1;
  border-radius: 50%;
  overflow: hidden;
  box-shadow: 0 30px 80px rgba(20, 17, 46, 0.35);
  border: 4px solid var(--bg-raised);
}.portrait img{ width: 100%; height: 100%; object-fit: cover; object-position: center 20%; }@keyframes chip-float{
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-6px); }
}@media (max-width: 880px){.hero--split .hero-visual{
    flex-direction: column;
    aspect-ratio: auto;
    padding-bottom: 8px;
    align-items: center;
    overflow: visible;
  }.hero--split .hero-visual .halo{
    position: absolute;
    inset: auto;
    top: 0;
    left: 50%;
    width: min(72vw, 320px);
    height: min(72vw, 320px);
    transform: translateX(-50%) scale(0.85);
    animation: none;
    z-index: 0;
  }.hero--split .hero-visual .portrait{
    width: min(72vw, 320px);
    aspect-ratio: 1;
    position: relative;
    z-index: 1;
  }}.section{
  padding: 80px 20px;
  max-width: var(--container-lg);
  margin: 0 auto;
}.reels-section{ background: var(--bg-surface); }.reels-section .section{ padding: 80px 20px; max-width: var(--container-lg); margin: 0 auto; }.reels-strip{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}@media (max-width: 768px){.reels-strip{
    display: flex;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    gap: 14px;
    margin: 0 -20px;
    padding: 0 20px 16px;
    -webkit-overflow-scrolling: touch;
  }.reels-strip::-webkit-scrollbar{ display: none; }.reel{
    flex: 0 0 72%;
    scroll-snap-align: center;
  }}.reel{
  position: relative;
  aspect-ratio: 9/16;
  border-radius: var(--r-xl);
  overflow: hidden;
  background: var(--abdul-ink-800);
  cursor: pointer;
  transition: transform var(--dur-base);
}.reel:hover{ transform: translateY(-4px); }.reel-thumb{
  position: absolute; inset: 0;
  width: 100%; height: 100%;
  object-fit: cover;
  filter: brightness(0.88);
}.reel-iframe{ background: var(--abdul-ink-800); }.reel-tap-hint{
  position: absolute; top: 12px; right: 12px;
  display: inline-flex; align-items: center; gap: 6px;
  padding: 6px 12px;
  background: rgba(0,0,0,0.6);
  color: #fff;
  font-size: 12px; font-weight: 600;
  border-radius: 999px;
  
  pointer-events: none; z-index: 3;
  animation: reel-hint-pulse 2s ease-in-out 3;
}@keyframes reel-hint-pulse{
  0%, 100% { opacity: 0.95; }
  50% { opacity: 0.65; }
}.reel-tap-catcher{
  position: absolute; inset: 0;
  background: transparent;
  border: 0;
  cursor: pointer;
  z-index: 2;
  
}.reel-chrome{
  position: absolute; top: 12px; left: 12px;
  display: flex; align-items: center; gap: 6px;
  color: #fff; font-size: 11px; font-weight: 600;
  background: rgba(0,0,0,0.5);
  padding: 4px 10px;
  border-radius: var(--r-pill);
  backdrop-filter: blur(10px);
}.reel-chrome svg{ width: 11px; height: 11px; }.reel-play{
  position: absolute; top: 50%; left: 50%;
  transform: translate(-50%, -50%);
  width: 56px; height: 56px;
  background: rgba(255,255,255,0.15);
  border: 2px solid rgba(255,255,255,0.6);
  backdrop-filter: blur(10px);
  border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  color: #fff;
  transition: transform var(--dur-base);
}.reel:hover .reel-play{ transform: translate(-50%, -50%) scale(1.1); }.reel-play svg{ width: 24px; height: 24px; margin-right: -3px; }.reel-footer{
  position: absolute; bottom: 0; right: 0; left: 0;
  padding: 16px;
  color: #fff;
}.reel-caption{
  font-family: var(--font-arabic);
  font-weight: 600;
  font-size: 14px;
  line-height: 1.4;
  margin-bottom: 10px;
  text-shadow: 0 1px 3px rgba(0,0,0,0.4);
}.reels-footer{
  margin-top: 32px;
  text-align: center;
}.btn-whatsapp{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: auto;
  max-width: 100%;
  margin: 0 auto 14px;
  padding: 11px 22px;
  background: #25d366;
  color: #fff;
  font-family: var(--font-arabic);
  font-weight: 700;
  font-size: 14px;
  line-height: 1;
  border-radius: 999px;
  text-decoration: none;
  transition: transform var(--dur-base), box-shadow var(--dur-base), background var(--dur-base);
  box-shadow: 0 3px 0 0 #128c7e, 0 4px 12px -3px rgba(18, 140, 126, 0.35);
  position: relative; z-index: 1;
}.btn-whatsapp:hover{
  background: #20bd5a;
  transform: translateY(-1px);
  box-shadow: 0 4px 0 0 #128c7e, 0 6px 14px -3px rgba(18, 140, 126, 0.4);
}.btn-whatsapp:active{
  transform: translateY(1px);
  box-shadow: 0 2px 0 0 #128c7e, 0 3px 8px -3px rgba(18, 140, 126, 0.35);
}.btn-whatsapp svg{ flex-shrink: 0; }@media (max-width: 600px){.btn-whatsapp{ font-size: 13.5px; padding: 10px 18px; }}.btn-telegram{
  display: inline-flex; align-items: center; gap: 10px;
  padding: 16px 28px;
  background: #fff;
  color: var(--abdul-ink-950);
  font-weight: 700;
  font-size: 16px;
  border-radius: var(--r-pill);
  transition: transform var(--dur-base), box-shadow var(--dur-base);
}.btn-telegram:hover{ transform: translateY(-2px); box-shadow: 0 12px 30px rgba(67, 238, 237, 0.35); }.btn-telegram svg{ width: 20px; height: 20px; color: #0088cc; }.btn-buy-dark{
  display: inline-flex; align-items: center; gap: 10px;
  padding: 18px 32px;
  
  background: var(--abdul-gradient-salmon);
  color: #fff;
  font-weight: 700;
  font-size: 17px;
  border-radius: var(--r-pill);
  box-shadow: var(--glow-salmon), 0 0 0 1px rgba(255,255,255,0.08);
  transition: transform var(--dur-base), box-shadow var(--dur-base), filter var(--dur-base);
}.btn-buy-dark:hover{ transform: translateY(-2px); filter: brightness(1.04) saturate(1.04); }.auth-wrap{
  min-height: calc(100vh - 72px);
  display: flex; align-items: center; justify-content: center;
  padding: 40px 20px;
}.auth-card{
  width: 100%;
  max-width: 440px;
  background: var(--bg-raised);
  border: 1px solid var(--border-subtle);
  border-radius: var(--r-xl);
  padding: 40px;
  box-shadow: var(--shadow-md);
}.auth-brand{
  display: flex; flex-direction: column; align-items: center; gap: 12px;
  margin-bottom: 28px;
}.auth-brand img{ width: 48px; height: 48px; border-radius: 50%; }.auth-brand-name{ font-family: var(--font-arabic); font-weight: 700; font-size: 18px; }.btn-block{
  width: 100%;
  padding: 14px 20px;
  background: var(--abdul-ember-500);
  color: #fff;
  font-weight: 700;
  font-size: 15px;
  border-radius: var(--r-md);
  transition: background var(--dur-base);
  display: flex;              
  align-items: center;
  justify-content: center;
  gap: 8px;
  line-height: 1;
  text-decoration: none;
  box-sizing: border-box;
}.btn-block:hover{ background: var(--abdul-ember-400); }.btn-google{
  width: 100%;
  display: flex; align-items: center; justify-content: center; gap: 10px;
  padding: 15px 16px;
  background: #fff;
  border: 1.75px solid var(--abdul-ink-800, #0f172a);
  border-radius: var(--r-md);
  font-family: var(--font-arabic);
  font-weight: 700;
  font-size: 15.5px;
  color: var(--abdul-ink-800, #0f172a);
  transition: transform var(--dur-base), box-shadow var(--dur-base), background var(--dur-base);
  margin-bottom: 14px;
  box-shadow: 0 4px 0 0 var(--abdul-ink-800, #0f172a), 0 6px 16px -4px rgba(15, 23, 42, 0.18);
  cursor: pointer;
}.btn-google:hover{ transform: translateY(-1px); box-shadow: 0 5px 0 0 var(--abdul-ink-800, #0f172a), 0 8px 20px -4px rgba(15, 23, 42, 0.22); }.btn-google:active{ transform: translateY(2px); box-shadow: 0 2px 0 0 var(--abdul-ink-800, #0f172a), 0 3px 10px -4px rgba(15, 23, 42, 0.18); }.btn-google svg{ width: 18px; height: 18px; }@keyframes pendingPulse{
  0% { transform: scale(0.9); opacity: 1; }
  100% { transform: scale(1.2); opacity: 0; }
}@keyframes dotPulse{ 0%,100% { opacity: 1; } 50% { opacity: 0.4; } }.toggle{
  width: 42px; height: 24px;
  background: var(--bg-sunken);
  border-radius: var(--r-pill);
  position: relative;
  transition: background var(--dur-base);
  cursor: pointer;
}.toggle::after{
  content: '';
  position: absolute;
  top: 3px; right: 3px;
  width: 18px; height: 18px;
  background: #fff;
  border-radius: 50%;
  transition: transform var(--dur-base) var(--ease-standard);
  box-shadow: var(--shadow-xs);
}.toggle.on{ background: var(--abdul-ember-500); }.toggle.on::after{ transform: translateX(-18px); }[data-theme="dark"]{
  --bg-canvas: #14112e;
  --bg-surface: #1f1a3f;
  --bg-raised: #1a1639;
  --bg-sunken: #0a0820;
  --fg-primary: #f7f6fb;
  --fg-secondary: #c2bed9;
  --fg-tertiary: #9994bf;
  --border-subtle: rgba(255,255,255,0.08);
}[data-theme="dark"] .pill{ background: rgba(255,255,255,0.04); }[data-theme="dark"] .auth-card{ background: var(--bg-raised); }@media (max-width: 880px){.hero--split .hero-inner{ grid-template-columns: 1fr; gap: 40px; }.hero--split .hero-visual{ max-width: 380px; margin: 0 auto; }}@media (max-width: 640px){.hero{ padding: 40px 20px 60px; }.section{ padding: 56px 20px; }.reels-section .section{ padding: 56px 20px; }}.page-enter{ animation: pageIn 320ms var(--ease-entrance); }@keyframes pageIn{
  from { opacity: 0; transform: translateY(6px); }
  to { opacity: 1; transform: translateY(0); }
}html[lang="ar"] .hero-action-eyebrow,html[lang="ar"] .ha-chip{ letter-spacing: 0; }@media (prefers-reduced-motion: reduce){.halo,.reel-tap-hint,.page-enter{
    animation: none;
  }}.hero{ padding-top: clamp(80px, 11vh, 120px); padding-bottom: clamp(96px, 13vh, 136px); }.ao-blog-hero{ padding-bottom: clamp(104px, 13vw, 160px); }.hero--sky{
  min-height: min(82vh, 820px);
  display: flex;
  flex-direction: column;
  justify-content: center;
}:root{
  --wash-lavender: color-mix(in oklch, var(--abdul-violet-600) 9%, var(--bg-canvas, #fcfbf8));
  --wash-warm: color-mix(in oklch, #e9dcc4 38%, var(--bg-canvas, #fcfbf8));
}#courses{ border-image: linear-gradient(180deg, transparent 0%, var(--wash-warm) 30%, var(--wash-warm) 70%, transparent 100%) fill 0 / / 0 100vw; }#blog{ border-image: linear-gradient(180deg, transparent 0%, var(--wash-warm) 28%, var(--wash-warm) 72%, transparent 100%) fill 0 / / 0 100vw; }#stack{ border-image: linear-gradient(180deg, transparent 0%, var(--wash-lavender) 25%, var(--wash-lavender) 75%, transparent 100%) fill 0 / / 0 100vw; }#career{ border-image: linear-gradient(180deg, transparent 0%, var(--wash-warm) 28%, var(--wash-warm) 72%, transparent 100%) fill 0 / / 0 100vw; }#stack .ao-logo-wall a{ box-shadow: 0 2px 10px -4px rgba(61,24,191,.18); }.learn-why{ text-align: center; padding: clamp(40px, 6vw, 72px) 20px 0; }.learn-close{ text-align: center; padding: clamp(56px, 8vw, 96px) 20px clamp(96px, 12vw, 140px); }.learn-close h2{ margin: 0 0 8px; font-family: var(--font-arabic-display); font-feature-settings: var(--ff-display); font-size: clamp(28px, 4vw, 40px); color: var(--fg-primary, #16103a); }.learn-close p{ margin: 0 0 24px; color: var(--fg-secondary, #4b4568); font-size: 17px; }body.abdul-brand .reels-section{ background: linear-gradient(180deg, transparent 0%, var(--wash-lavender) 22%, var(--wash-lavender) 78%, transparent 100%); }@keyframes bl-blink{ 0%, 93%, 100% { transform: scaleY(1); } 95% { transform: scaleY(.12); } }@keyframes bl-float{ 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-8px); } }

/* ── contact.css (purged: 79 rules kept, 71 dropped) ── */
.ao-contact-hero{ text-align: center; }.cc{ max-width: 620px; margin: -28px auto 0; position: relative; background: #fff; border: 1px solid rgba(20,8,50,.08); border-radius: 22px;
  box-shadow: 0 24px 60px rgba(20,8,50,.18), 0 4px 12px rgba(20,8,50,.08); padding: 0 0 14px; overflow: hidden; }.cc-head{ display: flex; align-items: center; gap: 10px; padding: 14px 18px; border-bottom: 1px solid rgba(20,8,50,.07); background: #faf9fe; }.cc-head img{ border-radius: 50%; }.cc-head b{ display: block; font-size: 15px; }.cc-head span{ font-size: 12.5px; color: #1f9d6a; }.cc-log{ display: flex; flex-direction: column; gap: 8px; padding: 18px; min-height: 260px; max-height: min(58vh, 520px); overflow-y: auto; scroll-behavior: smooth; }.cc-msg{ max-width: 82%; padding: 10px 14px; border-radius: 18px; font-size: 15.5px; line-height: 1.65; white-space: pre-wrap; overflow-wrap: anywhere; animation: cc-in .18s ease-out; }.cc-msg.bot{ align-self: flex-start; background: #f1eefb; color: #16103a; border-end-start-radius: 6px; }.cc-msg.me{ align-self: flex-end; background: linear-gradient(135deg, #5b3df5, #7c4dff); color: #fff; border-end-end-radius: 6px; }.cc-msg.is-typing{ color: #6b6488; font-style: italic; }@keyframes cc-in{ from { opacity: 0; transform: translateY(4px); } }.cc-links{ display: flex; flex-wrap: wrap; gap: 8px; }.cc-links a{ padding: 9px 14px; border-radius: 12px; background: #16103a; color: #fff; font-weight: 600; font-size: 14px; text-decoration: none; }.cc-quick{ display: flex; flex-wrap: wrap; gap: 8px; padding: 0 18px 10px; }.cc-quick button{ border: 1.5px solid rgba(108,77,255,.35); background: #fff; color: #4a32d4; border-radius: 999px; padding: 7px 13px; font: inherit; font-size: 14px; cursor: pointer; }.cc-quick button:active{ transform: scale(.98); }.cc-form{ display: flex; gap: 8px; padding: 0 14px; align-items: center; }.cc-input{ flex: 1; min-width: 0; height: 50px; padding: 0 16px; border-radius: 14px; border: 1.5px solid rgba(20,8,50,.16); font: inherit; font-size: 16px; color: #16103a; background: #fff; }.cc-input:focus{ outline: none; border-color: #6c4dff; box-shadow: 0 0 0 3px rgba(108,77,255,.15); }.cc-cc{ display: flex; align-items: center; gap: 2px; flex: 0 0 96px; height: 50px; padding-inline-start: 8px; border-radius: 14px; border: 1.5px solid rgba(20,8,50,.16); box-sizing: border-box; }.cc-cc[hidden],.cc-form[hidden],.cc-quick[hidden]{ display: none; }.cc-cc input{ width: 100%; min-width: 0; border: 0; height: 44px; font: inherit; font-size: 16px; background: transparent; outline: none; }.cc-send{ flex: 0 0 50px; height: 50px; border: 0; border-radius: 14px; background: var(--abdul-gradient-salmon, #f5536a); color: #fff; cursor: pointer; display: grid; place-items: center; }.cc-send:active{ transform: scale(.98); }.cc-send[disabled]{ opacity: .55; cursor: wait; }.cc[dir="rtl"] .cc-send svg{ transform: scaleX(-1); }.cc[dir="rtl"] .cc-input{ order: 1; }.cc[dir="rtl"] .cc-cc{ order: 2; }.cc[dir="rtl"] .cc-send{ order: 3; }.cc-note{ font-size: 12.5px; color: #6b6488; margin: 8px 18px 0; }.cc-restart{ display: block; margin: 6px auto 0; border: 0; background: none; color: #4a32d4; font: inherit; font-weight: 600; cursor: pointer; text-decoration: underline; }.cc-biz{ max-width: 620px; margin: 18px auto 0; display: flex; gap: 14px; align-items: center; justify-content: space-between; padding: 16px 18px; border-radius: 18px; background: #16103a; color: #fff; }.cc-biz b{ font-size: 16px; }.cc-biz p{ margin: 4px 0 0; font-size: 14px; color: rgba(255,255,255,.78); line-height: 1.6; }.cc-biz-btn{ flex: none; padding: 11px 16px; border-radius: 12px; background: #fff; color: #16103a; font-weight: 700; text-decoration: none; white-space: nowrap; }@media (max-width: 560px){.cc{ margin-inline: -4px; border-radius: 18px; }.cc-msg{ max-width: 90%; }.cc-biz{ flex-direction: column; align-items: stretch; text-align: start; }.cc-biz-btn{ text-align: center; }}@media (prefers-reduced-motion: reduce){.cc-msg{ animation: none; }}.cc-mic{ flex: 0 0 50px; height: 50px; border: 0; border-radius: 14px; background: #f1eefb; color: #4a32d4; cursor: pointer; display: grid; place-items: center; }.cc-mic[hidden]{ display: none; }.cc-mic.is-on{ background: #f5536a; color: #fff; animation: cc-rec 1.2s ease-in-out infinite; }.cc-mic[disabled],.cc-send[disabled]{ opacity: .45; cursor: default; }@keyframes cc-rec{ 50% { box-shadow: 0 0 0 6px rgba(245,83,106,.2); } }.cc-mic.is-hint{ background: #f5536a; color: #fff; animation: cc-rec 1.2s ease-in-out infinite; }.cc-ts{ max-width: 100%; }.cc-ts p{ margin: 0 0 8px; }.cc-ts.is-done{ opacity: .55; }.cc-head{ padding: 14px 18px; background: #fff; }.cc-av{ position: relative; flex: none; width: 40px; height: 40px; }.cc-av img{ width: 40px; height: 40px; border-radius: 50%; display: block; box-shadow: 0 0 0 2px #fff, 0 0 0 4px rgba(108,77,255,.25); }.cc-av i{ position: absolute; bottom: 0; inset-inline-end: 0; width: 11px; height: 11px; border-radius: 50%; background: #1fd896; box-shadow: 0 0 0 2px #fff; }.cc-head span{ color: #6b6488; }.cc-log{ background: #f7f5fc; gap: 10px; padding: 18px 16px; }.cc-msg.bot{ background: #fff; border: 1px solid rgba(20,8,50,.06); box-shadow: 0 1px 2px rgba(20,8,50,.05); }.cc-msg.is-typing{ display: inline-flex; gap: 5px; padding: 14px 16px; font-style: normal; }.cc-msg.is-typing span{ width: 7px; height: 7px; border-radius: 50%; background: #a99de0; animation: cc-dot 1.1s infinite ease-in-out; }.cc-msg.is-typing span:nth-child(2){ animation-delay: .15s; }.cc-msg.is-typing span:nth-child(3){ animation-delay: .3s; }@keyframes cc-dot{ 0%, 80%, 100% { transform: translateY(0); opacity: .5; } 40% { transform: translateY(-4px); opacity: 1; } }.cc-links{ gap: 8px; align-self: flex-start; max-width: 92%; }.cc-links a{ background: #fff; color: #3a22c9; border: 1.5px solid rgba(108,77,255,.3); border-radius: 14px; padding: 10px 14px; font-weight: 700; font-size: 14.5px; }.cc-links a:hover{ background: #f1eefb; }.cc-quick{ padding: 12px 16px 6px; background: #f7f5fc; margin-top: -1px; }.cc-quick button{ background: #fff; border-color: rgba(108,77,255,.28); color: #3a22c9; font-weight: 600; }.cc-quick button:hover{ background: #f1eefb; }.cc-form{ padding: 12px 14px 0; }.cc-contact{ align-self: stretch; display: grid; gap: 8px; padding: 14px; border-radius: 18px; background: #fff; border: 1.5px solid rgba(108,77,255,.25); box-shadow: 0 6px 20px rgba(20,8,50,.06); }.cc-contact-t{ margin: 0 0 2px; font-weight: 700; color: #16103a; font-size: 15px; }.cc-contact > input,.cc-contact-phone > input{ width: 100%; box-sizing: border-box; height: 46px; padding: 0 14px; border-radius: 12px; border: 1.5px solid rgba(20,8,50,.14); font: inherit; font-size: 16px; color: #16103a; background: #fff; }.cc-contact input:focus{ outline: none; border-color: #6c4dff; box-shadow: 0 0 0 3px rgba(108,77,255,.15); }.cc-contact-phone{ display: flex; gap: 8px; direction: ltr; }.cc-contact-phone .cc-cc{ flex: 0 0 104px; height: 46px; border-radius: 12px; }.cc-contact-note{ margin: 0; font-size: 12px; color: #6b6488; line-height: 1.6; }.cc-contact-act{ display: flex; gap: 10px; align-items: center; }.cc-contact-send{ height: 44px; padding: 0 20px; border: 0; border-radius: 12px; background: #16103a; color: #fff; font: inherit; font-weight: 700; cursor: pointer; }.cc-contact-send[disabled]{ opacity: .6; cursor: wait; }.cc-contact-skip{ border: 0; background: none; color: #6b6488; font: inherit; font-size: 14px; cursor: pointer; text-decoration: underline; }.cc-contact-err{ margin: 0; color: #c0303f; font-size: 14px; font-weight: 600; }@media (prefers-reduced-motion: reduce){.cc-msg.is-typing span{ animation: none; }}