:root{--cream:#fbf7f1;--ink:#2a1702;--brown:#472603;--orange:#f15a25;--orange-dark:#d94b1a;--amber:#f8931f;--body:#5c4a38;--muted:#7a6653;--faint:#9c8a76;--line:#efe5d8;--line-strong:#e3d6c6;--tint:#fff1e3;--tint-soft:#fff7ef;--on-dark:#e8d9c6;--on-dark-faint:#cdb9a2;--display:"Readex Pro", sans-serif;--text:"IBM Plex Sans Arabic", sans-serif;--maxw:1200px;--pad:clamp(56px, 7vw, 88px)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--cream);color:var(--ink);font-family:var(--text);-webkit-font-smoothing:antialiased;margin:0;overflow-x:hidden}a{color:var(--orange);text-decoration:none}a:hover{color:var(--brown)}h1,h2,h3{font-family:var(--display)}input[type=range]{width:100%;accent-color:var(--amber);cursor:pointer;height:6px}button{font-family:inherit}.container{max-width:var(--maxw);margin:0 auto;padding-inline:24px}.section{max-width:var(--maxw);padding:var(--pad) 24px;margin:0 auto}.band{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff}.eyebrow{font-family:var(--display);color:var(--orange);font-size:14px;font-weight:600}.h2{font-family:var(--display);text-wrap:balance;margin:0;font-size:clamp(26px,3vw,36px);font-weight:700;line-height:1.3}.lede{color:var(--body);margin:0;font-size:17px;line-height:1.8}.btn{font-family:var(--display);text-align:center;cursor:pointer;border:0;border-radius:14px;padding:15px 26px;font-size:16px;font-weight:600;transition:background .18s,color .18s,border-color .18s;display:inline-block}.btn-primary{background:var(--orange);color:#fff;box-shadow:0 12px 28px #f15a2552}.btn-primary:hover{background:var(--orange-dark);color:#fff}.btn-secondary{color:var(--brown);border:1px solid var(--line-strong);background:#fff;padding:15px 22px;font-weight:500}.btn-secondary:hover{border-color:var(--brown);color:var(--brown)}.btn-dark{background:var(--brown);color:#fff;padding:14px 24px}.btn-dark:hover{background:var(--orange);color:#fff}.announce{background:var(--brown);color:#fff;text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;padding:10px 16px;font-size:14px;display:flex}.announce a{color:var(--amber);font-weight:600}.announce a:hover{color:#fff}.nav{z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);background:#fbf7f1eb;position:sticky;top:0}.nav-inner{max-width:var(--maxw);align-items:center;gap:24px;margin:0 auto;padding:14px 24px;display:flex}.nav-logo-img{width:auto;height:40px;display:block}.nav-links{flex-wrap:wrap;flex:1;justify-content:center;gap:26px;margin:0;padding:0;list-style:none;display:flex}.nav-links a{color:var(--body);font-size:15px;font-weight:500}.nav-links a:hover{color:var(--orange)}.nav-cta{font-family:var(--display);background:var(--orange);color:#fff;white-space:nowrap;border-radius:999px;padding:10px 20px;font-size:14px;font-weight:600}.nav-cta:hover{background:var(--brown);color:#fff}.nav-burger{cursor:pointer;background:0 0;border:0;flex-direction:column;gap:5px;padding:8px;display:none}.nav-burger span{background:var(--brown);border-radius:2px;width:22px;height:2px;transition:transform .2s,opacity .2s;display:block}.nav-mobile{border-top:1px solid var(--line);flex-direction:column;gap:4px;padding:8px 24px 20px;display:none}.nav-mobile a{color:var(--body);padding:10px 0;font-size:16px;font-weight:500}.nav-mobile .nav-cta{text-align:center;border-radius:14px;margin-top:8px}@media (width<=860px){.nav-links,.nav-inner>.nav-cta{display:none}.nav-burger,.nav-mobile.open{display:flex}}.footer{border-top:1px solid var(--line)}.footer-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:32px;padding:clamp(40px,5vw,56px) 0 32px;display:grid}.footer-col-title{font-family:var(--display);color:var(--ink);margin-bottom:14px;font-size:15px;font-weight:600}.footer-links{flex-direction:column;gap:10px;display:flex}.footer-links a{color:var(--muted);font-size:14px}.footer-links a:hover{color:var(--orange)}.footer-bottom{border-top:1px solid var(--line);color:var(--faint);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:20px 0 28px;font-size:13px;display:flex}:root{--hero-float:flex}@media (width<=560px){:root{--hero-float:none}}.reveal-on .reveal{opacity:0;transition:opacity .55s,transform .55s;transform:translateY(16px)}.reveal-on .reveal.visible{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal-on .reveal{opacity:1;transition:none;transform:none}}
