@font-face {font-family: 'IBM Plex Sans Arabic';font-style: normal;font-weight: 400;font-display: swap;src: url(/assets/fonts/plex-arabic-00b30d.woff2) format('woff2');unicode-range: U+0600-06FF, U+0750-077F, U+0870-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC7, U+10EC9-10EEE, U+10EF0-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;}
@font-face {font-family: 'IBM Plex Sans Arabic';font-style: normal;font-weight: 400;font-display: swap;src: url(/assets/fonts/plex-latin-b9f686.woff2) format('woff2');unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face {font-family: 'IBM Plex Sans Arabic';font-style: normal;font-weight: 600;font-display: swap;src: url(/assets/fonts/plex-arabic-dda025.woff2) format('woff2');unicode-range: U+0600-06FF, U+0750-077F, U+0870-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC7, U+10EC9-10EEE, U+10EF0-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;}
@font-face {font-family: 'IBM Plex Sans Arabic';font-style: normal;font-weight: 600;font-display: swap;src: url(/assets/fonts/plex-latin-5344fa.woff2) format('woff2');unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face {font-family: 'IBM Plex Sans Arabic';font-style: normal;font-weight: 700;font-display: swap;src: url(/assets/fonts/plex-arabic-5ab42d.woff2) format('woff2');unicode-range: U+0600-06FF, U+0750-077F, U+0870-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC7, U+10EC9-10EEE, U+10EF0-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;}
@font-face {font-family: 'IBM Plex Sans Arabic';font-style: normal;font-weight: 700;font-display: swap;src: url(/assets/fonts/plex-latin-a39bac.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: 'Inter';font-style: normal;font-weight: 500;font-display: swap;src: url(/assets/fonts/inter-latin-567244.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: 'Inter';font-style: normal;font-weight: 700;font-display: swap;src: url(/assets/fonts/inter-latin-567244.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: 'Inter';font-style: normal;font-weight: 800;font-display: swap;src: url(/assets/fonts/inter-latin-567244.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;}
/* RooF Design System v4 — tokens (Lime × Graphite · light-first + dark)
   8-pt grid · AA contrast (measured in R1 gate) · motion 200–300 ms · reduced-motion respected */
:root{
  /* brand */
  --lime:#D4F57A; --lime-l:#E6FBA8; --lime-d:#9CCB3A; --graphite:#1C2117; --ink:#0E100C;
  --red:#E5484D; --amber:#E2A336; --blue:#5B7CFA; --mint:#2FB487;
  /* space (8-pt) */
  --s1:4px; --s2:8px; --s3:12px; --s4:16px; --s5:24px; --s6:32px; --s7:40px; --s8:48px; --s9:64px;
  /* radius */
  --r1:8px; --r2:12px; --r3:16px; --r4:20px; --rf:999px;
  /* type */
  --font:"IBM Plex Sans Arabic","Inter",system-ui,-apple-system,"Segoe UI",sans-serif;
  --font-num:"Inter","IBM Plex Sans Arabic",system-ui,sans-serif;
  --fs-xs:12px; --fs-sm:13px; --fs-md:15px; --fs-lg:17px; --fs-xl:20px; --fs-2xl:24px; --fs-3xl:32px; --fs-4xl:44px;
  /* motion */
  --ease:cubic-bezier(.25,.8,.25,1); --t1:200ms; --t2:250ms; --t3:300ms;
  /* layout */
  --side:248px; --top:64px; --tab:64px; --maxw:1440px;
  color-scheme:light;
  /* light (default) */
  --bg:#F3F6EC; --bg2:#EAEFE0; --card:#FFFFFF; --card2:#F7F9F2; --line:#DCE3CF; --line2:#C9D3B8;
  --text:#1C2117; --text2:#4A5340; --text3:#5E6853;
  --acc:#D4F57A; --acc-ink:#0E100C; --acc-text:#3F5A0A; --acc-soft:#EEF8D2; --acc-line:#B9D872;
  --pos:#1E7A4F; --neg:#B4282E; --warn:#8A5A00;
  --focus:0 0 0 3px #FFFFFF,0 0 0 5px #1C2117;
  --shadow:0 1px 2px rgba(28,33,23,.06),0 8px 24px rgba(28,33,23,.06);
  --shadow2:0 12px 40px rgba(28,33,23,.16);
  --scrim:rgba(14,16,12,.48);
  --skel1:#E7ECDD; --skel2:#F4F7EE;
}
:root[data-theme="dark"]{
  color-scheme:dark;
  --bg:#0E100C; --bg2:#12150F; --card:#161A12; --card2:#1B2016; --line:#262C1F; --line2:#343C2A;
  --text:#EEF2E6; --text2:#B7BFAA; --text3:#A3AC95;
  --acc:#D4F57A; --acc-ink:#0E100C; --acc-text:#D4F57A; --acc-soft:#1E2614; --acc-line:#3A4A22;
  --pos:#7EEBC4; --neg:#FF8F8A; --warn:#FFC966;
  --focus:0 0 0 3px #0E100C,0 0 0 5px #D4F57A;
  --shadow:0 1px 2px rgba(0,0,0,.4),0 8px 24px rgba(0,0,0,.25);
  --shadow2:0 16px 48px rgba(0,0,0,.5);
  --scrim:rgba(0,0,0,.62);
  --skel1:#1B2016; --skel2:#232A1C;
}
/* 10-foot (TV 1920+) — larger type + spacing, same tokens */
@media (min-width:1800px){ :root{ --fs-xs:15px; --fs-sm:17px; --fs-md:19px; --fs-lg:22px; --fs-xl:26px; --fs-2xl:32px; --fs-3xl:44px; --fs-4xl:60px; --side:320px; --top:80px; --maxw:1720px; }
  html{font-size:19px} .nv{min-height:56px} .nv svg{width:24px;height:24px} .btn{--h:52px} .btn-sm{--h:44px}
  /* 10-foot: focus must be unmistakable for D-pad users */
  :focus-visible{box-shadow:0 0 0 4px var(--bg),0 0 0 8px var(--lime)!important}
  .mc:focus-visible{transform:scale(1.03)} }
@media (prefers-reduced-motion:reduce){ :root{ --t1:0ms; --t2:0ms; --t3:0ms; } *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important} }

/* base */
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{font:400 var(--fs-md)/1.55 var(--font);background:var(--bg);color:var(--text);min-height:100vh;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit;text-decoration:none}
img,svg{display:block;max-width:100%}
button,input,select,textarea{font:inherit;color:inherit}
.num,bdi.num{font-family:var(--font-num);font-variant-numeric:tabular-nums;unicode-bidi:isolate}
:focus{outline:none}
:focus-visible{box-shadow:var(--focus)!important;outline:none;border-radius:var(--r1)}
.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
[hidden]{display:none!important}
::selection{background:var(--lime);color:var(--ink)}