:root{--bg:#f6f3f8;--surface:#fff;--ink:#1d1424;--muted:#5d4f68;--line:#ddd3e4;--brand:#6a1b9a;--on-brand:#fff;--gold:#b07d0a;--hero:#4a148c;--hero-ink:#f6f0fa;--gold-fixed:#e5b84a;--gold-fixed-ink:#1b1605}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#130c18;--surface:#1c1223;--ink:#efe8f3;--muted:#b3a3bf;--line:#382a44;--brand:#e5b84a;--on-brand:#1c1223;--gold:#e5b84a;--hero:#2d0f4a}}*{box-sizing:border-box;}html{scroll-padding-top:4rem;}body{margin:0;background:var(--bg,#f6f3f8);color:var(--ink,#1d1424);font:1rem/1.7 system-ui,-apple-system,"Segoe UI","Noto Sans",sans-serif;}html[lang=ar] body,html[lang=ar] button{font-family:"Noto Naskh Arabic","Amiri","Traditional Arabic",system-ui,serif;}img{max-width:100%;height:auto;}a{color:inherit;}:focus-visible{outline:3px solid var(--gold);outline-offset:2px;}.wrap{max-width:68rem;margin-inline:auto;padding-inline:1.25rem;}.bar{position:sticky;top:0;z-index:10;background:var(--bg);border-bottom:1px solid var(--line);}.bar .wrap{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:3.5rem;}.brand{display:flex;align-items:center;gap:.6rem;font-weight:700;text-decoration:none;}.brand img{width:32px;height:32px;border-radius:8px;}.lang{display:flex;gap:.25rem;border:1px solid var(--line);border-radius:999px;padding:.2rem;}.lang button{border:0;background:none;color:var(--muted);font:inherit;font-size:.9rem;padding:.25rem .8rem;border-radius:999px;cursor:pointer;}.lang button[aria-pressed=true]{background:var(--brand);color:var(--on-brand);font-weight:600;}.hero{background:var(--hero);color:var(--hero-ink);}.hero .wrap{display:grid;grid-template-columns:1.1fr .9fr;gap:2.5rem;align-items:center;padding-block:3.5rem;}h1{font-size:clamp(2rem,5vw,3.2rem);line-height:1.15;margin:0 0 1rem;}.lead{font-size:1.15rem;margin:0 0 1.5rem;max-width:34rem;opacity:.92;}.btns{display:flex;flex-wrap:wrap;gap:.75rem;}.btn{display:inline-block;padding:.8rem 1.4rem;border-radius:.6rem;font-weight:700;text-decoration:none;background:var(--gold-fixed);color:var(--gold-fixed-ink);}.btn.alt{background:none;color:inherit;border:1px solid currentColor;}.note{font-size:.9rem;opacity:.8;margin-top:1rem;}.crumbs{font-size:.9rem;margin:0 0 1rem;opacity:.85;}.crumbs a{text-decoration:underline;}.demo{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.18);border-radius:1rem;padding:1.5rem;text-align:center;}.ar{font:2.2rem/1.8 "Amiri","Noto Naskh Arabic","Traditional Arabic",serif;direction:rtl;margin:0;}.tl{font-style:italic;opacity:.8;margin:.25rem 0 0;}.tr{margin:.75rem 0 1rem;min-height:3.4em;}.chips{display:flex;flex-wrap:wrap;gap:.4rem;justify-content:center;margin:0;padding:0;list-style:none;}.chips button{border:1px solid rgba(255,255,255,.35);background:none;color:inherit;font:inherit;font-size:.85rem;padding:.2rem .7rem;border-radius:999px;cursor:pointer;}.chips button[aria-pressed=true]{background:var(--gold-fixed);color:var(--gold-fixed-ink);border-color:var(--gold-fixed);}.demo small{display:block;margin-top:.9rem;opacity:.7;}.tj-g{color:#aaa;}.tj-m{color:#537fff;}section{padding-block:3rem;}h2{font-size:1.7rem;margin:0 0 1.5rem;line-height:1.25;}.feat{display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:1.75rem 2rem;margin:0;padding:0;list-style:none;}.feat li{border-inline-start:3px solid var(--gold);padding-inline-start:1rem;}.feat b{display:block;margin-bottom:.15rem;}.feat span{color:var(--muted);font-size:.95rem;}.shots{display:flex;flex-wrap:wrap;gap:1rem;}.shots button{padding:0;border:0;background:none;cursor:zoom-in;}.shots img{width:min(14rem,42vw);border-radius:.8rem;border:1px solid var(--line);display:block;}.card{background:var(--surface);border:1px solid var(--line);border-radius:.8rem;padding:1.25rem 1.5rem;max-width:44rem;}.card p{margin:.4rem 0;}.card a{color:var(--brand);text-decoration:underline;}footer{border-top:1px solid var(--line);padding-block:1.5rem;color:var(--muted);font-size:.9rem;}footer a{text-decoration:underline;margin-inline-end:1rem;}dialog{border:0;background:none;padding:0;max-width:92vw;max-height:92vh;}dialog::backdrop{background:rgba(0,0,0,.8);}dialog img{max-height:90vh;border-radius:.8rem;display:block;}html[lang=ar]{font-size:118%;}.ar{font-size:2.6rem;}@media (max-width:760px){.hero .wrap{grid-template-columns:1fr;padding-block:2.25rem}.brand span{display:none}}