:root{--ink: #013e37;--gold: #ffefb3;--mint: #7fc8a9;--page: #f6f7f5;--card: #fff;--text: #16322d;--muted: #6b7a76;--line: #e3e8e5;--accent: #0b6b5d;--r: 16px;--font: "IBM Plex Sans Arabic",system-ui,-apple-system,"Segoe UI",sans-serif}*{box-sizing: border-box}html{-webkit-text-size-adjust: 100%}body{margin: 0;background: var(--page);color: var(--text);font: 16px/1.7 var(--font)}a{color: inherit;text-decoration: none}img{max-width: 100%}h1,h2,h3{line-height: 1.35;margin: 0}.wrap{width: min(1240px,100% - 32px);margin-inline: auto}.muted{color: var(--muted)}.btn{display: inline-flex;align-items: center;justify-content: center;gap: 6px;padding: 10px 20px;border: 0;border-radius: 12px;background: var(--ink);color: #fff;font: 600 15px var(--font);cursor: pointer;transition: background .15s}.btn:hover{background: var(--accent)}.btn--sm{padding: 6px 14px;font-size: 13px;border-radius: 10px}.btn--ghost{background: transparent;color: var(--ink);box-shadow: inset 0 0 0 1.5px var(--ink)}.btn--ghost:hover{background: var(--ink);color: #fff}.btn--block{display: flex;width: 100%}.btn--dl{background: var(--gold);color: var(--ink);font-size: 17px;padding: 14px}.btn--dl:hover{background: #ffe58a}.dtop{background: var(--ink);color: #fff}.dtop__row{display: flex;align-items: center;gap: 16px;min-height: 72px}.dtop__logo{display: flex;align-items: center;gap: 10px;flex-shrink: 0}.dtop__logo img{height: 40px;width: auto}.dtop__logo span{font-weight: 600;padding-inline-start: 10px;border-inline-start: 1px solid rgba(255,255,255,.3);white-space: nowrap}.dtop__search{flex: 1;display: flex;max-width: 520px;margin-inline-start: auto;background: #fff;border-radius: 12px;overflow: hidden}.dtop__search input{flex: 1;min-width: 0;border: 0;padding: 10px 14px;font: 15px var(--font);outline: none}.dtop__search button{border: 0;background: var(--gold);width: 46px;cursor: pointer}.dtop__search svg{width: 20px;height: 20px;fill: none;stroke: var(--ink);stroke-width: 2.4;stroke-linecap: round}.dtop .flag{display: flex}.dtop .flag img,.flag img.flag{width: 28px;height: 20px;border-radius: 4px;object-fit: cover}.dtop__site{font-size: 14px;opacity: .85;white-space: nowrap}.dtop__site:hover{opacity: 1;color: var(--gold)}.dnav{background: #fff;border-bottom: 1px solid var(--line);position: sticky;top: 0;z-index: 30}.dnav__row{display: flex;align-items: center;gap: 4px;min-height: 52px}.dnav__link,.dd__btn{padding: 14px 14px;white-space: nowrap;font: 500 15px var(--font);color: var(--muted);border: 0;border-bottom: 3px solid transparent;background: none;cursor: pointer;display: inline-flex;align-items: center;gap: 6px}.dnav__link:hover,.dd__btn:hover,.dd.open .dd__btn{color: var(--ink)}.dnav__link.on,.dd.on .dd__btn{color: var(--ink);font-weight: 600;border-color: var(--ink)}.dd__btn b{font-size: 11px;font-weight: 700;color: var(--accent);background: #e7f4ef;border-radius: 99px;padding: 1px 7px}.dd__btn svg{width: 16px;height: 16px;fill: none;stroke: currentColor;stroke-width: 2.2;transition: transform .15s}.dd.open .dd__btn svg{transform: rotate(180deg)}.dnav__tools{margin-inline-start: auto}.dd{position: relative}.dd__menu{display: none;position: absolute;inset-inline-start: 0;top: 100%;min-width: 260px;background: #fff;border: 1px solid var(--line);border-radius: 14px;box-shadow: 0 16px 40px rgba(1,62,55,.14);padding: 8px;z-index: 40}.dd__menu--2{min-width: 420px;display: none;grid-template-columns: 1fr 1fr}.dd.open .dd__menu{display: block}.dd.open .dd__menu--2{display: grid}.dd__menu a{display: flex;justify-content: space-between;align-items: center;gap: 12px;padding: 9px 12px;border-radius: 10px;font-size: 15px}.dd__menu a:hover,.dd__menu a.on{background: var(--page);color: var(--ink)}.dd__menu a b{font-size: 12px;font-weight: 500;color: var(--muted)}.dd__menu .dd__all{grid-column: 1 / -1;font-weight: 600;color: var(--ink);border-bottom: 1px solid var(--line);border-radius: 10px 10px 0 0;margin-bottom: 4px}@media (hover: hover) and (min-width: 641px){.dd:hover .dd__menu{display: block}.dd:hover .dd__menu--2{display: grid}}.dmain{min-height: 60vh;padding-bottom: 48px}.dhero{background: linear-gradient(180deg,var(--ink),#02534a);color: #fff;padding: 48px 0 56px;text-align: center}.dhero h1{font-size: clamp(26px,4.4vw,44px)}.dhero h1 em{font-style: normal;color: var(--gold)}.dhero p{max-width: 680px;margin: 12px auto 22px;opacity: .85}.chips{display: flex;flex-wrap: wrap;gap: 8px;justify-content: center}.chip{padding: 6px 14px;border-radius: 99px;background: rgba(255,255,255,.1);border: 1px solid rgba(255,255,255,.2);font-size: 14px}.chip b{color: var(--gold);font-weight: 600;margin-inline-start: 4px}.chip:hover{background: rgba(255,255,255,.2)}.chips--light{justify-content: flex-start;margin: 20px 0}.chips--light .chip{background: #fff;border-color: var(--line);color: var(--text)}.chips--light .chip b{color: var(--accent)}.chips--light .chip:hover,.chips--light .chip.on{border-color: var(--ink);background: var(--ink);color: #fff}.chips--light .chip.on b,.chips--light .chip:hover b{color: var(--gold)}.sbar{display: flex;gap: 16px;align-items: center;background: #fff;border: 1px solid var(--line);border-radius: var(--r);padding: 10px 14px;margin: 24px 0;position: relative;z-index: 2}.dhero + .wrap>.sbar{margin-top: -28px;box-shadow: 0 10px 30px rgba(1,62,55,.12)}.sbar input[type=text]{flex: 1;min-width: 0;border: 0;font: 20px var(--font);outline: none;padding: 6px 4px}.sbar__size{display: flex;align-items: center;gap: 8px;font-size: 13px;color: var(--muted);white-space: nowrap}input[type=range]{accent-color: var(--ink);width: 130px}.dsec{margin-top: 36px}.dsec__head{display: flex;align-items: baseline;justify-content: space-between;margin-bottom: 16px}.dsec__head h2{font-size: 22px}.dsec__head a{color: var(--accent);font-size: 14px}.dh2{font-size: 20px;margin: 32px 0 14px}.dh2 small{color: var(--muted);font-weight: 400;font-size: 14px}.fgrid{display: grid;grid-template-columns: repeat(auto-fill,minmax(280px,1fr));gap: 16px}.fcard{background: var(--card);border: 1px solid var(--line);border-radius: var(--r);display: flex;flex-direction: column;overflow: hidden;transition: box-shadow .2s,border-color .2s}.fcard:hover{border-color: #c9d6d1;box-shadow: 0 8px 24px rgba(1,62,55,.08)}.fcard__preview{display: flex;align-items: center;justify-content: center;min-height: 150px;padding: 18px;text-align: center;color: var(--ink);overflow: hidden}.fcard__sample{font-size: var(--ss,40px);line-height: 1.5;word-break: break-word;opacity: .25;transition: opacity .3s}.is-loaded .fcard__sample,.is-loaded[data-sample],.is-loaded [data-sample]{opacity: 1}.fcard__meta{padding: 0 16px}.fcard__meta h3{font-size: 16px}.fcard__meta small{color: var(--muted);font-size: 13px;display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}.fcard__foot{display: flex;align-items: center;gap: 12px;padding: 12px 16px;margin-top: auto;border-top: 1px solid var(--line);margin-top: 12px;font-size: 13px;color: var(--muted)}.fcard__foot .btn{margin-inline-start: auto}.lic{font-size: 11px;font-weight: 700;color: var(--accent);background: #e7f4ef;padding: 2px 8px;border-radius: 6px}.agrid{display: grid;grid-template-columns: repeat(auto-fill,minmax(220px,1fr));gap: 16px}.acard{background: #fff;border: 1px solid var(--line);border-radius: var(--r);overflow: hidden;display: flex;flex-direction: column}.acard__img{aspect-ratio: 8/5;background: #fff;display: block;border-bottom: 1px solid var(--line);position: relative;overflow: hidden}.acard__img img{position: absolute;inset: 10px;width: calc(100% - 20px);height: calc(100% - 20px);object-fit: contain;display: block}.acard h3{font-size: 15px;padding: 12px 14px 0;line-height: 1.5;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden}.acard__foot{display: flex;align-items: center;justify-content: space-between;padding: 12px 14px;margin-top: auto}.dtools{display: grid;grid-template-columns: repeat(auto-fit,minmax(230px,1fr));gap: 14px;margin-top: 40px}.dtools a{background: #fff;border: 1px solid var(--line);border-radius: var(--r);padding: 20px;display: flex;flex-direction: column;gap: 6px}.dtools a:hover{border-color: var(--ink)}.dtools span{color: var(--muted);font-size: 14px}.dtools .dtools__cta{background: var(--ink);color: #fff;border-color: var(--ink)}.dtools .dtools__cta strong{color: var(--gold)}.dtools .dtools__cta span{color: rgba(255,255,255,.8)}.dlist__head{display: flex;align-items: flex-end;justify-content: space-between;gap: 16px;padding-top: 28px}.dlist__head h1{font-size: 28px}.dlist__head p{margin: 4px 0 0}.dsort select,.tool select,.tool input[type=number],.ftester select,.cmp__pick select{font: 14px var(--font);padding: 8px 10px;border: 1px solid var(--line);border-radius: 10px;background: #fff}.dempty{text-align: center;padding: 48px 16px;color: var(--muted);display: flex;flex-direction: column;align-items: center;gap: 14px}.dempty--page h1{color: var(--ink);font-size: 26px}.dpager{display: flex;gap: 6px;justify-content: center;margin-top: 32px;flex-wrap: wrap}.dpager a,.dpager b,.dpager span{min-width: 40px;height: 40px;display: grid;place-items: center;border-radius: 10px}.dpager a{background: #fff;border: 1px solid var(--line)}.dpager a:hover{border-color: var(--ink)}.dpager b{background: var(--ink);color: #fff}.crumbs{font-size: 14px;color: var(--muted);padding: 20px 0 8px}.crumbs a:hover{color: var(--ink)}.ditem{display: grid;grid-template-columns: 1fr 340px;gap: 28px;align-items: start}.ditem__main h1{font-size: 30px;margin-bottom: 16px}.ditem__side{position: sticky;top: 64px;display: flex;flex-direction: column;gap: 14px}.ftester{background: #fff;border: 1px solid var(--line);border-radius: var(--r);overflow: hidden}.ftester__bar{display: flex;flex-wrap: wrap;gap: 12px;align-items: center;padding: 10px 14px;border-bottom: 1px solid var(--line);background: #fafbfa}.ftester__bar input[type=text]{flex: 1;min-width: 180px;border: 1px solid var(--line);border-radius: 10px;padding: 8px 12px;font: 16px var(--font)}.ftester__bar label{display: flex;align-items: center;gap: 8px;font-size: 13px;color: var(--muted)}.ftester__out{padding: 28px 20px;min-height: 200px;display: grid;place-items: center;text-align: center;color: var(--ink)}.ftester__out p{margin: 0;font-size: var(--ss,56px);line-height: 1.6;word-break: break-word;opacity: .25;transition: opacity .3s}.fstyles{display: flex;flex-direction: column;gap: 8px}.fstyle{background: #fff;border: 1px solid var(--line);border-radius: 12px;padding: 10px 16px;display: flex;flex-direction: column;overflow: hidden}.fstyle small{color: var(--muted);font-size: 12px;font-family: var(--font)}.fstyle span{font-size: 30px;line-height: 1.6;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;opacity: .25}.glyphs{display: grid;grid-template-columns: repeat(auto-fill,minmax(58px,1fr));gap: 6px}.glyphs span{aspect-ratio: 1;display: grid;place-items: center;background: #fff;border: 1px solid var(--line);border-radius: 10px;font-size: 28px;color: var(--ink)}.ditem__cover{margin: 0;background: #fff;border: 1px solid var(--line);border-radius: var(--r);overflow: hidden}.ditem__cover img{display: block;width: 100%;max-height: 70vh;object-fit: contain;padding: 24px;transition: filter .2s}.ditem__cover.is-dark{background: #10231f}.ditem__cover.is-dark img{filter: invert(1)}.ditem__cover.is-gold{background: #10231f}.ditem__cover.is-gold img{filter: invert(72%) sepia(58%) saturate(640%) hue-rotate(2deg) brightness(95%)}.bgsw{display: flex;gap: 8px;margin: 10px 0 0;font-size: 13px;color: var(--muted);align-items: center}.bgsw button{width: 30px;height: 30px;border-radius: 50%;border: 2px solid var(--line);cursor: pointer}.bgsw button.on{border-color: var(--ink)}.prose{background: #fff;border: 1px solid var(--line);border-radius: var(--r);padding: 20px;margin-top: 24px}.dbox{background: #fff;border: 1px solid var(--line);border-radius: var(--r);padding: 18px;display: flex;flex-direction: column;gap: 10px}.dbox__price{font-size: 28px;font-weight: 700;color: var(--ink)}.dbox dl{display: grid;grid-template-columns: auto 1fr;gap: 8px 14px;margin: 6px 0 0;font-size: 14px}.dbox dt{color: var(--muted)}.dbox dd{margin: 0;font-weight: 500;overflow-wrap: anywhere}.dbox dd a{color: var(--accent)}.dbox--lic{background: #eef7f3;border-color: #cfe7dc;font-size: 14px}.dbox--lic p{margin: 0}.dbox--lic small{color: var(--muted);font-size: 12px;overflow-wrap: anywhere}.dbox--lic a{color: var(--accent);font-weight: 600}.dbox--cta{background: var(--ink);color: #fff;border-color: var(--ink)}.dbox--cta strong{color: var(--gold)}.dbox--cta span{font-size: 14px;opacity: .85}.dlead{max-width: 760px}.tool{background: #fff;border: 1px solid var(--line);border-radius: var(--r);padding: 20px;display: flex;flex-direction: column;gap: 14px;margin-top: 16px}.tool>label{display: flex;flex-direction: column;gap: 6px;font-weight: 600;font-size: 14px}.tool textarea{width: 100%;font: 20px/1.7 var(--font);padding: 12px;border: 1px solid var(--line);border-radius: 12px;resize: vertical}.tool .btn{align-self: flex-start}.tool__opts{display: flex;flex-wrap: wrap;gap: 10px 22px;align-items: center;font-size: 14px}.tool__opts label{display: flex;align-items: center;gap: 6px}.tool .sbar{margin: 0}.cmp__pick{display: grid;grid-template-columns: repeat(auto-fill,minmax(180px,1fr));gap: 8px}.cmp__out{display: flex;flex-direction: column;gap: 10px}.cmp__row{border: 1px solid var(--line);border-radius: 12px;padding: 10px 16px;overflow: hidden}.cmp__row a{font-size: 13px;color: var(--accent);font-weight: 600}.cmp__row p{margin: 0;font-size: var(--ss,48px);line-height: 1.6;color: var(--ink);word-break: break-word;opacity: .25}.dfoot{background: #0c1f1c;color: #cfd8d5;padding: 36px 0 24px;font-size: 14px}.dfoot__row{display: grid;grid-template-columns: 1.4fr 1fr;gap: 28px}.dfoot strong{color: #fff;font-size: 16px}.dfoot p{max-width: 560px}.dfoot__links{display: flex;flex-direction: column;gap: 8px}.dfoot__links a:hover{color: var(--gold)}.dfoot__credit{display: flex;align-items: center;justify-content: center;gap: 10px;margin-top: 24px;padding-top: 18px;border-top: 1px solid rgba(255,255,255,.1);opacity: .8}.dfoot__credit img{height: 26px;width: auto}@media (max-width: 900px){.ditem{grid-template-columns: 1fr}.ditem__side{position: static}.dfoot__row{grid-template-columns: 1fr}}@media (max-width: 640px){.dtop__row{flex-wrap: wrap;gap: 10px;padding: 10px 0}.dtop__logo span{display: none}.dtop__search{order: 5;flex-basis: 100%;max-width: none}.dtop__site{margin-inline-start: auto}.fgrid{grid-template-columns: 1fr}.sbar{flex-wrap: wrap}.sbar__size{width: 100%}.sbar__size input{flex: 1}.dlist__head{flex-direction: column;align-items: stretch}.dnav__row{gap: 0}.dnav__link,.dd__btn{padding: 12px 7px;font-size: 14px;gap: 3px}.dd__btn b{display: none}.dd{position: static}.dd__menu,.dd__menu--2{inset-inline: 12px;min-width: 0;max-height: 70vh;overflow-y: auto}.dd__menu--2{grid-template-columns: 1fr}.ditem__main h1{font-size: 24px}}.dfoot__sign{text-align: center;margin-top: 18px;opacity: .75;font-size: 13px}.dfoot__sign a{color: inherit;text-decoration: underline;text-underline-offset: 3px}.dfoot__sign a:hover{color: var(--gold)}