:root{--bg:#fff;--fg:#16181d;--muted:#555b66;--line:#e3e5ea;--card:#f7f8fa;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--bg:#111317;--fg:#eceef2;--muted:#a7adb8;--line:#2a2e36;--card:#181b21}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--fg);margin:0;font:16px/1.6 system-ui,-apple-system,Segoe UI,Roboto,Noto Sans Arabic,Geeza Pro,sans-serif}a{color:inherit}.wrap{max-width:72rem;margin-inline:auto;padding-inline:1rem}.skip{position:absolute;inset-inline-start:-999px}.skip:focus{background:var(--bg);padding:.5rem;inset-block-start:1rem;inset-inline-start:1rem}.top{border-block-end:1px solid var(--line)}.bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding-block:.9rem;display:flex}.bar nav{flex-wrap:wrap;align-items:center;gap:.25rem 1.1rem;display:flex}.bar nav a{padding-block:.4rem;text-decoration:none}.bar nav a:hover{text-decoration:underline}.brand{align-items:center;gap:.5rem;font-size:1.15rem;font-weight:700;text-decoration:none;display:inline-flex}.mark{background:var(--accent);color:#fff;border-radius:.45rem;place-items:center;block-size:2rem;inline-size:2rem;display:inline-grid}.button{background:var(--accent);border-radius:.5rem;font-weight:600;display:inline-block;color:#fff!important;padding:.55rem 1rem!important;text-decoration:none!important}.button:hover{filter:brightness(1.1)}.button.big{font-size:1.05rem;padding:.8rem 1.4rem!important}.hero{padding-block:4.5rem 3rem}.hero.small{padding-block:3rem 1.5rem}h1{max-inline-size:22ch;margin:0 0 1rem;font-size:clamp(2rem,5vw,3.2rem);line-height:1.15}.lead{color:var(--muted);max-inline-size:60ch;margin:0;font-size:1.2rem}.actions{flex-wrap:wrap;align-items:center;gap:1.25rem;margin-block-start:2rem;display:flex}.more{font-weight:600}.grid{gap:1rem;padding-block:1rem 2rem;display:grid}.grid.two{grid-template-columns:repeat(auto-fit,minmax(18rem,1fr))}.grid.three{grid-template-columns:repeat(auto-fit,minmax(16rem,1fr))}.card{background:var(--card);border:1px solid var(--line);border-radius:.75rem;padding:1.4rem}.card h2{margin:0 0 .5rem;font-size:1.15rem}.card p{color:var(--muted);margin:0}.plan{flex-direction:column;gap:.6rem;display:flex}.plan .price{color:var(--fg)}.plan .price strong{font-size:2rem}.plan h3{margin:.5rem 0 0;font-size:.95rem}.plan ul{flex:1;margin:0;padding-inline-start:1.2rem}.plan .button{align-self:flex-start;margin-block-start:.5rem}.pad{padding-block:1rem 4rem}.empty{justify-items:start;gap:.75rem;max-inline-size:40rem;display:grid}.note{color:var(--muted);font-size:.9rem}.cta{text-align:center;padding-block:3rem 4rem}.cta h2{margin:0 0 .5rem;font-size:1.8rem}.cta p{color:var(--muted);max-inline-size:50ch;margin:0 auto 1.5rem}.prose{max-inline-size:46rem;padding-block:3rem}.prose h1{font-size:2.2rem}.prose h2{margin-block:2rem .5rem;font-size:1.25rem}.foot{border-block-start:1px solid var(--line);color:var(--muted);font-size:.9rem}.foot p{margin:0}:root{--accent:#b03f14}
