:root{--bg:#f4f6fb;--card:#fff;--ink:#111827;--mut:#5b6478;--line:#dfe4f0;--gold:#6d4aff;--gold2:#a78bfa;--dark:#0b1230;--sh:0 1px 2px rgba(15,20,60,.06),0 6px 20px rgba(15,20,60,.07);--up:#15803d;--dn:#b91c1c}
@media(prefers-color-scheme:dark){:root{--bg:#070b1d;--card:#111a3a;--ink:#eef1fa;--mut:#9aa5c4;--line:#24305a;--sh:0 1px 2px rgba(0,0,0,.4),0 8px 24px rgba(0,0,0,.35);--up:#4ade80;--dn:#f87171}}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font-family:"IBM Plex Sans Arabic",Tahoma,system-ui,sans-serif;font-size:16px;line-height:1.75;color:var(--ink);background:var(--bg)}
a{color:var(--gold)}.top{position:sticky;top:0;z-index:10;background:var(--dark);box-shadow:0 2px 12px rgba(0,0,0,.25)}
.bar{position:relative;max-width:960px;margin:auto;display:flex;align-items:center;gap:10px;padding:12px 16px}.logo{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-weight:700;font-size:1.1rem}
.mark{width:36px;height:36px;display:block}.logo>span{color:var(--gold2)}
.logo small{display:block;font-weight:400;font-size:.72rem;color:#b7c0dc;line-height:1.2}
.mb:before{content:"☰";font-size:1.3rem}.mb[aria-expanded=true]:before{content:"✕"}.mb[aria-expanded=true]{border-color:var(--gold);color:var(--gold2)}.mb{display:none;margin-inline-start:auto;background:none;border:1px solid #2c3870;color:#e2e7f7;border-radius:10px;width:44px;height:44px;font-size:0;cursor:pointer}
#nav{display:flex;align-items:center;gap:6px;margin-inline-start:auto}#nav ul{list-style:none;margin:0;padding:0}#nav a{display:block;color:#e2e7f7;text-decoration:none;padding:9px 14px;border-radius:10px;font-size:.95rem}
#nav a:hover,#nav a:focus-visible{background:#1c2654;color:var(--gold2)}#nav a.on{color:var(--gold2);background:#1c2654;box-shadow:inset 0 -2px 0 var(--gold)}
.dd{position:relative}.dd>button{font:inherit;font-size:.95rem;color:#e2e7f7;background:none;border:0;padding:9px 14px;border-radius:10px;cursor:pointer}.dd>button:after{content:"▾";margin-inline-start:6px;font-size:.75em;color:var(--gold)}
.dd>button:hover,.dd>button[aria-expanded=true],.dd.on>button{background:#1c2654;color:var(--gold2)}.dd h3{display:none}
.dd ul{display:none;position:absolute;inset-inline-start:0;top:calc(100% + 6px);min-width:200px;background:#121b42;border:1px solid #2c3870;border-radius:14px;padding:6px!important;box-shadow:0 14px 34px rgba(0,0,0,.45)}.dd ul.open{display:block}
:focus-visible{outline:2px solid var(--gold2);outline-offset:2px}
@media(max-width:719px){.mb{display:grid;place-items:center}#nav{display:none;position:absolute;inset-inline:0;top:100%;flex-direction:column;align-items:stretch;gap:0;background:#0e1636;border-top:1px solid #222d5c;padding:8px 16px 18px;box-shadow:0 18px 30px rgba(0,0,0,.45);max-height:calc(100vh - 64px);overflow:auto}
#nav.open{display:flex}.dd>button{display:none}.dd h3{display:block;color:var(--gold);font-size:.8rem;font-weight:600;margin:14px 4px 4px;letter-spacing:.02em}.dd ul{display:grid!important;grid-template-columns:1fr 1fr;gap:4px;position:static;background:none;border:0;box-shadow:none;padding:0!important;min-width:0}
#nav>a{border-bottom:1px solid #1c2654;border-radius:0;padding:12px 4px}#nav .dd a{background:#16204b;padding:11px 12px}#nav .dd a.on{background:#1c2654}}

main{max-width:960px;margin:auto;padding:20px 16px 8px}h1{font-size:1.6rem;line-height:1.35;margin:4px 0 6px}h2{font-size:1.25rem;margin:32px 0 12px}h3{font-size:1.02rem;margin:0 0 4px}
.upd{display:inline-flex;align-items:center;gap:6px;color:var(--mut);font-size:.88rem;margin:0 0 16px}.upd:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--up);box-shadow:0 0 0 3px color-mix(in srgb,var(--up) 25%,transparent)}
.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}@media(min-width:720px){.grid{grid-template-columns:repeat(4,1fr)}}
.card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:16px;box-shadow:var(--sh);text-decoration:none;color:inherit;display:block}
.card .k{display:flex;justify-content:space-between;align-items:center;color:var(--mut);font-size:.85rem}.card .k b{color:var(--gold);font-size:.95rem}
.price{font-size:1.75rem;font-weight:700;letter-spacing:-.01em;margin:6px 0 0;font-variant-numeric:tabular-nums;direction:ltr;text-align:right}.cur{font-size:.8rem;color:var(--mut)}
.chg{font-size:.8rem;font-weight:600;direction:ltr;display:inline-block}.chg.u{color:var(--up)}.chg.d{color:var(--dn)}
.hero{background:linear-gradient(135deg,#0b1230,#2a1a6e);color:#fff;border-radius:20px;padding:22px;box-shadow:var(--sh);margin-bottom:12px}.hero .cur,.hero .k{color:#c3cbe6}.hero .price{font-size:2.6rem;color:var(--gold2)}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}
.note{font-size:.86rem;color:var(--mut);background:var(--card);border:1px dashed var(--line);border-inline-start:3px solid var(--gold);padding:10px 12px;border-radius:10px;margin:16px 0}
.stale{background:#fdecec;color:#8f1d1d;border:1px solid #f5c2c2;padding:14px;border-radius:12px;font-weight:600;margin-bottom:12px}
.panel{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:18px;box-shadow:var(--sh)}label{display:block;font-size:.9rem;color:var(--mut);margin-top:10px}
input,select{font:inherit;font-size:1.05rem;width:100%;margin-top:6px;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:var(--bg);color:var(--ink)}input:focus,select:focus{outline:2px solid var(--gold);border-color:var(--gold)}
.out{margin-top:16px;padding:16px;border-radius:14px;background:linear-gradient(135deg,#0b1230,#2a1a6e);color:var(--gold2);font-size:1.35rem;font-weight:700;text-align:center;min-height:68px}
.faq h3{margin-top:14px}.faq p{margin:0;color:var(--mut)}footer{margin-top:40px;background:var(--dark);color:#aab3d0;font-size:.88rem}
.fin{max-width:960px;margin:auto;padding:28px 16px;display:grid;gap:14px}footer a{color:#e2e7f7;text-decoration:none;margin-inline-end:14px}footer .fine{color:#7d88a8;font-size:.8rem}
.sec{display:flex;align-items:center;gap:10px;font-size:1.15rem;margin:28px 0 12px}.sec:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,var(--line))}
.hero.home{text-align:center;padding:26px 18px 18px;margin-top:4px}.hero.home h1{font-size:1.35rem;color:#fff;margin:0 0 14px}.hero.home .k{justify-content:center;gap:10px}.hero.home .price{text-align:center;font-size:3rem;margin:4px 0}.hero.home .upd{margin:12px 0 0;color:#c3cbe6}
.tools{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media(min-width:720px){.tools{grid-template-columns:repeat(4,1fr)}}
.tool{display:flex;flex-direction:column;gap:10px;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:16px;box-shadow:var(--sh);text-decoration:none;color:var(--ink);transition:transform .15s}.tool:hover{transform:translateY(-2px);border-color:var(--gold)}
.tool svg{width:40px;height:40px;padding:8px;border-radius:12px;background:color-mix(in srgb,var(--gold) 14%,transparent);stroke:var(--gold);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.tool b{display:block;font-size:.98rem}.tool small{color:var(--mut);font-size:.8rem}
.row2 .price{font-size:clamp(1.15rem,5.4vw,1.75rem)}.hero.home .upd{display:flex;justify-content:center;flex-wrap:wrap}.faq{border-top:1px solid var(--line);margin-top:32px}.card:hover{border-color:var(--gold)}.ad{display:none;min-height:280px;margin:20px 0;border-top:1px solid var(--line);padding-top:4px}.ad:before{content:"إعلان";display:block;font-size:.72rem;color:var(--mut)}/* ad slots reserved; set display:block when ad code is added */.tw{overflow-x:auto;background:var(--card);border:1px solid var(--line);border-radius:16px;box-shadow:var(--sh)}table{width:100%;border-collapse:collapse;font-size:.92rem}th,td{padding:11px 12px;text-align:start;border-bottom:1px solid var(--line);vertical-align:top}th{font-size:.8rem;color:var(--mut);font-weight:600;background:color-mix(in srgb,var(--gold) 6%,transparent)}tr:last-child td{border-bottom:0}td a{text-decoration:none;font-weight:600}
.num{direction:ltr;text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.uv{color:#b45309;font-weight:600;font-size:.85rem}.yes{color:var(--up);font-weight:600}.chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px}.chips button{font:inherit;font-size:.9rem;min-height:40px;padding:6px 16px;border-radius:999px;border:1px solid var(--line);background:var(--card);color:var(--ink);cursor:pointer}.chips button[aria-pressed=true]{background:var(--gold);border-color:var(--gold);color:#fff}
ul.use{margin:0;padding-inline-start:20px}.tag{display:inline-block;font-size:.75rem;padding:2px 10px;border-radius:999px;background:color-mix(in srgb,var(--gold) 14%,transparent);color:var(--gold);font-weight:600}.hero h1{color:#fff}.hero p{color:#c3cbe6;margin:0}html[data-theme=dark]{--bg:#070b1d;--card:#111a3a;--ink:#eef1fa;--mut:#9aa5c4;--line:#24305a;--sh:0 1px 2px rgba(0,0,0,.4),0 8px 24px rgba(0,0,0,.35);--up:#4ade80;--dn:#f87171;color-scheme:dark}
html[data-theme=light]{--bg:#f4f6fb;--card:#fff;--ink:#111827;--mut:#5b6478;--line:#dfe4f0;--sh:0 1px 2px rgba(15,20,60,.06),0 6px 20px rgba(15,20,60,.07);--up:#15803d;--dn:#b91c1c;color-scheme:light}
body{line-height:1.85;letter-spacing:0;font-feature-settings:"kern"}h1{line-height:1.35}h2.sec{font-size:1.3rem;margin-top:34px}p{max-width:70ch}
:focus-visible{outline:3px solid var(--gold2);outline-offset:2px;border-radius:8px}
.thm{min-width:40px;min-height:40px;border-radius:999px;border:1px solid rgba(255,255,255,.25);background:transparent;color:inherit;font-size:1.1rem;cursor:pointer;margin-inline-start:6px}
.vivid{position:relative;overflow:hidden;padding:34px 22px;background:radial-gradient(120% 90% at 100% 0,#7c3aed 0,transparent 55%),radial-gradient(90% 80% at 0 100%,#0ea5e9 0,transparent 55%),linear-gradient(135deg,#0b1230,#1e1b4b)}
.vivid h1{font-size:clamp(1.8rem,6vw,2.9rem);margin:.2em 0 .3em}.kick{display:inline-block;font-size:.8rem;font-weight:700;padding:4px 12px;border-radius:999px;background:rgba(255,255,255,.12);color:#e0e7ff!important}
.gr{background:linear-gradient(90deg,#fde68a,#f9a8d4,#a5b4fc);-webkit-background-clip:text;background-clip:text;color:transparent}
.hcta{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.btn{display:inline-flex;align-items:center;min-height:46px;padding:0 20px;border-radius:12px;background:#fff;color:#1e1b4b;font-weight:700;text-decoration:none}.btn.ghost{background:rgba(255,255,255,.1);color:#fff;border:1px solid rgba(255,255,255,.3)}
.goals{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}@media(min-width:700px){.goals{grid-template-columns:repeat(6,1fr)}}
.goals button,.tog button{font:inherit;font-weight:600;min-height:52px;border-radius:14px;border:1px solid var(--line);background:var(--card);color:var(--ink);cursor:pointer;box-shadow:var(--sh);transition:transform .18s,background .18s}
.goals button:hover{transform:translateY(-2px)}.goals button[aria-pressed=true],.tog button[aria-pressed=true]{background:var(--gold);border-color:var(--gold);color:#fff}
.fo{display:inline-flex;gap:8px;align-items:center;margin:12px 0;min-height:32px;cursor:pointer}.fo input{width:20px;height:20px}
.cards{display:grid;gap:12px;grid-template-columns:1fr}@media(min-width:640px){.cards{grid-template-columns:repeat(2,1fr)}}@media(min-width:980px){.cards{grid-template-columns:repeat(3,1fr)}}
.tc{display:flex;gap:12px;padding:16px;border-radius:16px;background:var(--card);border:1px solid var(--line);border-top:4px solid hsl(var(--h) 75% 55%);box-shadow:var(--sh);text-decoration:none;color:var(--ink);transition:transform .2s,box-shadow .2s;animation:pop .35s ease both}
.tc:hover{transform:translateY(-3px);box-shadow:0 12px 30px rgba(15,20,60,.15)}.tc[hidden]{display:none}
.av{flex:none;display:grid;place-items:center;width:46px;height:46px;border-radius:14px;font-weight:700;color:#fff;background:linear-gradient(135deg,hsl(var(--h) 75% 50%),hsl(calc(var(--h) + 40) 75% 40%));direction:ltr}
.av.big{width:60px;height:60px;font-size:1.3rem;margin-bottom:8px}
.tb{display:flex;flex-direction:column;gap:4px;min-width:0}.tb small{color:var(--mut)}.tm{display:flex;flex-wrap:wrap;gap:6px}.st{font-size:.85rem;color:var(--mut)}
.fb{display:inline-block;font-size:.75rem;padding:2px 10px;border-radius:999px;background:color-mix(in srgb,var(--up) 16%,transparent);color:var(--up);font-weight:700}
.th{background:linear-gradient(135deg,#0b1230,hsl(var(--h) 60% 30%))}
.tog{display:inline-flex;gap:6px;margin:0 0 12px;padding:4px;border-radius:14px;background:color-mix(in srgb,var(--gold) 8%,transparent)}.tog button{min-height:40px;padding:0 16px;box-shadow:none}
.cmp .cmsel{display:flex;gap:10px;align-items:end;flex-wrap:wrap}.cmsel label{flex:1;min-width:130px;display:flex;flex-direction:column;font-size:.85rem;color:var(--mut)}
.cmsel select{font:inherit;min-height:46px;border-radius:12px;border:1px solid var(--line);background:var(--card);color:var(--ink);padding:0 10px}.vs{font-weight:700;color:var(--gold);padding-bottom:10px}
.cmo{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.cmo>div{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:14px;box-shadow:var(--sh);font-size:.9rem;animation:pop .3s ease both}.cmo h3{margin:0 0 6px}.cmo ul{margin:0;padding-inline-start:18px}
.cta{display:flex;gap:14px;align-items:center;margin:28px 0;padding:18px;border-radius:18px;text-decoration:none;color:#fff;background:linear-gradient(120deg,#4c1d95,#1e3a8a)}.cta small{display:block;color:#c7d2fe}.cta .go{margin-inline-start:auto;font-weight:700;white-space:nowrap;background:rgba(255,255,255,.15);padding:8px 14px;border-radius:10px}.sp{font-size:1.6rem}
@keyframes pop{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
html{scroll-behavior:smooth}

.logo{display:inline-flex;align-items:center;gap:8px;text-decoration:none;white-space:nowrap;flex:none}.logo img{width:34px;height:34px}.logo .bn{font-weight:700;font-size:1.25rem;color:#fff;direction:rtl}.av.lg{background:#fff;border:1px solid var(--line)}.av.lg img{width:62%;height:62%;object-fit:contain}.av.sm{width:30px;height:30px;border-radius:9px;display:inline-grid;vertical-align:middle;margin-inline-end:8px}

.cur{display:inline-flex;margin-inline-start:auto;border:1px solid rgba(255,255,255,.25);border-radius:999px;padding:2px;flex:none}.cur button{font:inherit;font-size:.85rem;min-height:34px;min-width:44px;padding:0 10px;border:0;border-radius:999px;background:transparent;color:#c3cbe6;cursor:pointer}.cur button[aria-pressed=true]{background:#a78bfa;color:#0b1230;font-weight:700}

details.acc{background:var(--card);border:1px solid var(--line);border-radius:14px;margin:10px 0;padding:0 14px}details.acc>summary{cursor:pointer;font-weight:700;padding:13px 0;list-style:none}details.acc>summary::-webkit-details-marker{display:none}details.acc>summary::after{content:"＋";float:left;color:var(--gold)}details.acc[open]>summary::after{content:"－"}details.acc[open]{padding-bottom:12px}
.th{display:flex;gap:14px;align-items:center}.th h1{margin:0}.th p{margin:2px 0 0}.key{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0}.key>div{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:10px 12px}.key small{display:block;color:var(--mut);font-size:.8rem}.key b{font-size:1.05rem}.what{font-size:1.02rem;margin:6px 0 4px}
.cmp .sec{display:none}
@media(max-width:640px){main{padding-top:10px!important}.hero{padding:16px 16px!important;margin-bottom:12px!important}.hero.home h1{font-size:1.25rem;margin:0}.hero .kick,.hero .hsub{display:none}.hcta{margin-top:10px}.hcta .btn{min-height:38px;padding:0 14px;font-size:.9rem}.hcta .btn.ghost{display:none}
.sec{margin:16px 0 8px!important;font-size:1.1rem}.goals{display:flex;overflow-x:auto;gap:8px;padding-bottom:4px;scrollbar-width:none;-webkit-overflow-scrolling:touch}.goals::-webkit-scrollbar{display:none}.goals button{flex:none;min-height:40px;padding:0 14px;border-radius:999px;white-space:nowrap;font-size:.9rem}
.cards{grid-template-columns:1fr 1fr!important;gap:8px}.tc{flex-direction:column;align-items:flex-start;gap:6px;padding:10px;border-top-width:3px}.tc small,.tc .tm{display:none}.tc b{font-size:.95rem}.tc .st{font-size:.8rem}.av{width:36px;height:36px;border-radius:10px;font-size:.85rem}.av.big{width:48px;height:48px}.fo{margin:6px 0}
.th{padding:14px!important}.th h1{font-size:1.3rem}td,th{padding:8px!important}.note{margin:8px 0}}
.lg-grok img,.lg-microsoft-copilot img,.lg-canva-ai img{width:88%!important;height:88%!important}

.ad{display:none;box-sizing:border-box;width:100%;max-width:336px;margin:36px auto;padding:0;contain:layout}.ad .adl{display:block;font-size:.72rem;color:var(--mut);margin-bottom:4px;text-align:center}.ad .adb{min-height:250px;width:100%;max-width:300px;margin:0 auto;border-radius:8px}
html.ads-on .ad{display:block}html.ads-preview .ad .adb{background:repeating-linear-gradient(45deg,color-mix(in srgb,var(--mut) 10%,transparent) 0 10px,transparent 10px 20px);border:1px dashed var(--line)}
@media(max-width:640px){.ad{max-width:100%;margin:40px 0}.ad .adb{max-width:300px}}
.ad:before{content:none!important;display:none!important}.ad{border-top:0!important;padding-top:0!important}

.thm{color:#fde68a!important;border-color:rgba(255,255,255,.5)!important;background:rgba(255,255,255,.1)!important;font-size:1.25rem!important;line-height:1}.thm:hover{background:rgba(255,255,255,.2)!important}