:root{--primary:#0d9ea8;--accent:#74d85d;--ink:#0b2a2e;--body:#274247;--muted:#5e7a78;--locked:#afc4c2;--bg:#f4f9f9;--surface:#fff;--border:#e6f0ef;--rule:#f0f6f5;--field-border:#e0eceb;--field-bg:#fbfefe;--mint:#e8f6f5;--mint-border:#bfe3e0;--teal-ink:#0b7a86;--teal-bg:#daf1f0;--green-ink:#0b7a5e;--green-bg:#def5e9;--warn-ink:#9a6410;--warn-bg:#fbefd6;--check:#22b398;--grad:linear-gradient(100deg, #0499ae 0%, #22b398 55%, #74d85d 100%);--grad-dark:linear-gradient(135deg, #08333a, #0b4a48);--sh-rest:0 2px 4px #0b2a2e0a;--sh-hover:0 8px 24px #0b2a2e1a;--sh-on:0 0 0 4px #22b39824;--sh-cta:0 8px 20px #22b39852;--r-btn:9px;--r-field:12px;--r-card:18px;--r-check:7px;--wrap:1180px;--sans:"IBM Plex Sans Arabic", system-ui, sans-serif;--mono:"IBM Plex Mono", ui-monospace, monospace}*{box-sizing:border-box}html,body{background:var(--bg);margin:0;padding:0}body{font-family:var(--sans);color:var(--ink);-webkit-font-smoothing:antialiased}a{color:var(--teal-ink);text-decoration:none}a:hover{color:var(--primary);text-decoration:underline}.mono{font-family:var(--mono)}.tech{font-family:var(--mono);unicode-bidi:plaintext;font-size:.92em}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:4px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.page{background:var(--bg);min-height:100vh}.wrap{max-width:var(--wrap);margin:0 auto;padding:0 24px}section.band{max-width:var(--wrap);margin:0 auto;padding:40px 24px 24px}.hdr{z-index:50;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);background:#f4f9f9eb;position:sticky;top:0}.hdr-in{max-width:var(--wrap);flex-wrap:wrap;align-items:center;gap:16px;margin:0 auto;padding:14px 24px;display:flex}.brand{align-items:center;gap:10px;display:flex}.mark{border-radius:var(--r-btn);background:var(--grad);justify-content:center;align-items:flex-end;gap:2px;width:30px;height:30px;padding-bottom:7px;display:flex}.mark i{background:#ffffffbf;border-radius:2px;width:3px}.mark i:first-child{height:8px}.mark i:nth-child(2){background:#fff;height:13px}.mark i:nth-child(3){height:10px}.brand b{letter-spacing:-.2px;unicode-bidi:isolate;font-size:17px;font-weight:700}.pills{align-items:center;gap:8px;display:flex}.pill{border-radius:var(--r-btn);color:var(--teal-ink);background:var(--teal-bg);padding:5px 11px;font-size:12.5px;font-weight:600}.pill.g{color:var(--green-ink);background:var(--green-bg)}.spacer{flex:1;min-width:12px}.hdr a{font-size:14px;font-weight:600}.hero{max-width:var(--wrap);margin:0 auto;padding:72px 24px 40px;animation:.4s both rise}.hero h1{letter-spacing:-.5px;text-wrap:pretty;max-width:20ch;margin:0 0 20px;font-size:clamp(30px,5.2vw,52px);font-weight:700;line-height:1.35}.hero p{color:var(--body);text-wrap:pretty;max-width:58ch;margin:0;font-size:clamp(16px,2.1vw,19px);line-height:1.9}.trust{flex-wrap:wrap;gap:10px;margin-top:26px;display:flex}.trust span{color:var(--body);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-btn);padding:8px 14px;font-size:13.5px}.head{align-items:baseline;gap:12px;margin-bottom:6px;display:flex}.head .n{font-family:var(--mono);color:var(--primary);font-size:13px;font-weight:500}.head h2{letter-spacing:-.3px;margin:0;font-size:clamp(22px,3vw,28px);font-weight:700}.head.big h2{letter-spacing:-.4px;font-size:clamp(24px,3.4vw,32px)}.lead{color:var(--muted);margin:0 0 22px;font-size:15px}.lead.tight{margin-bottom:8px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-card);box-shadow:var(--sh-rest);padding:24px}.grid{gap:14px;display:grid}.g250{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.g260{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.g240{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:22px}.g220{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}.g210{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:20px}.g200{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.g150{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px}.tick{border-radius:var(--r-check);background:var(--surface);border:1.5px solid #c7dddb;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s,border-color .15s;display:flex}.tick.on{background:var(--grad);border:none}.tick.s22{width:22px;height:22px}.tick.s20{border-radius:6px;width:20px;height:20px}.tick.s18{border-radius:6px;width:18px;height:18px}.out{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--r-card);cursor:pointer;box-shadow:var(--sh-rest);text-align:right;width:100%;font-family:var(--sans);color:var(--ink);padding:18px 20px;transition:border-color .15s,box-shadow .15s,background .15s}.out:hover{border-color:var(--mint-border)}.out.on{border-color:var(--check);box-shadow:var(--sh-on);background:#f5fcfb}.out .row{align-items:flex-start;gap:12px;display:flex}.out .t{margin-bottom:6px;font-size:15.5px;font-weight:600}.out .d{color:var(--muted);font-size:13.5px;line-height:1.75}.lock{opacity:.62}.locknote{color:var(--warn-ink);background:var(--warn-bg);border-radius:var(--r-btn);margin:14px 0 18px;padding:11px 14px;font-size:13.5px}.lockbody{pointer-events:none;filter:grayscale(.5);opacity:.7}.lab{margin-bottom:12px;font-size:13.5px;font-weight:600;display:block}.hint{color:var(--muted);margin-top:10px;font-size:12.5px}.field{font-family:var(--sans);width:100%;color:var(--body);background:var(--field-bg);border:1.5px solid var(--field-border);border-radius:var(--r-field);outline:none;padding:12px 14px;font-size:14.5px}.field:focus{border-color:var(--mint-border)}select.field{cursor:pointer}input[type=range]{appearance:none;border-radius:999px;outline:none;width:100%;height:6px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;border:2px solid var(--primary);cursor:pointer;background:#fff;border-radius:999px;width:20px;height:20px;box-shadow:0 2px 6px #0b2a2e2e}.sldhead{justify-content:space-between;align-items:baseline;margin-bottom:12px;display:flex}.sldhead .v{font-family:var(--mono);color:var(--teal-ink);font-size:13px}input[type=color]{appearance:none;cursor:pointer;border-radius:var(--r-btn);background:0 0;border:none;width:38px;height:38px;padding:0}input[type=color]::-webkit-color-swatch-wrapper{padding:0}input[type=color]::-webkit-color-swatch{border:1px solid var(--border);border-radius:8px}.swatch{cursor:pointer;align-items:center;gap:11px;display:flex}.swatch .nm{font-size:13.5px;font-weight:600;display:block}.swatch .hx{font-family:var(--mono);color:var(--muted);text-transform:uppercase;font-size:11.5px}.btn{font-family:var(--sans);color:var(--teal-ink);background:var(--surface);border:1.5px solid var(--mint-border);border-radius:var(--r-btn);cursor:pointer;padding:7px 15px;font-size:13px;font-weight:600;transition:background .15s,border-color .15s}.btn:hover{border-color:var(--check);background:#f5fcfb}.seg{flex-wrap:wrap;gap:8px;display:flex}.seg button{font-family:var(--sans);cursor:pointer;border-radius:var(--r-field);color:var(--body);background:var(--field-bg);border:1.5px solid var(--field-border);padding:11px 14px;font-size:13.5px;font-weight:600;transition:background .15s,border-color .15s,color .15s}.seg button.on{background:var(--mint);border-color:var(--check);color:var(--teal-ink)}.step{font-family:var(--sans);color:var(--teal-ink);background:var(--surface);border:1.5px solid var(--mint-border);border-radius:var(--r-btn);cursor:pointer;width:38px;height:38px;font-size:18px;line-height:1}.step:hover{background:#f5fcfb}.stepper{align-items:center;gap:10px;display:flex}.stepper .v{font-family:var(--mono);text-align:center;min-width:34px;font-size:18px;font-weight:500}.cta{font-family:var(--sans);color:#fff;background:var(--grad);border-radius:var(--r-btn);cursor:pointer;box-shadow:var(--sh-cta);border:none;padding:15px 30px;font-size:16px;font-weight:600;transition:filter .15s}.cta:hover{filter:brightness(1.06)}.cta[disabled]{background:var(--locked);box-shadow:none;cursor:not-allowed;filter:none}.ghost{font-family:var(--sans);color:var(--teal-ink);background:var(--surface);border:1.5px solid var(--mint-border);border-radius:var(--r-btn);cursor:pointer;padding:14px 22px;font-size:15px;font-weight:600;transition:background .15s,border-color .15s}.ghost:hover{border-color:var(--check);background:#f5fcfb}.gridhead{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.gridhead h3{margin:0 0 6px;font-size:19px;font-weight:700}.gridhead p{color:var(--muted);margin:0;font-size:14px}.count{color:var(--teal-ink);background:var(--teal-bg);border-radius:var(--r-btn);padding:8px 14px;font-size:13.5px;font-weight:600}.zone{margin-bottom:30px}.zonehead{border-bottom:1px solid var(--rule);flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:16px;padding-bottom:12px;display:flex}.zonehead .t{font-size:16px;font-weight:600}.zonehead .c{font-family:var(--mono);color:var(--muted);font-size:12.5px}.pats{grid-template-columns:repeat(auto-fill,minmax(232px,1fr));gap:14px;display:grid}.pat{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--r-card);cursor:pointer;box-shadow:var(--sh-rest);text-align:right;width:100%;font-family:var(--sans);color:var(--ink);padding:12px;transition:border-color .15s,box-shadow .15s,transform .15s,background .15s}.pat:hover{border-color:var(--mint-border);box-shadow:var(--sh-hover);transform:translateY(-2px)}.pat.on{border-color:var(--check);box-shadow:var(--sh-on);background:#f5fcfb}.pat img{aspect-ratio:16/9;object-fit:cover;border-radius:var(--r-field);background:var(--grad-dark);width:100%;margin-bottom:12px;display:block}.pat .nm{align-items:center;gap:8px;margin-bottom:6px;display:flex}.pat .nm span{font-size:14.5px;font-weight:600}.pat .why{color:var(--muted);font-size:13px;line-height:1.7}.kit{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-card);box-shadow:var(--sh-rest);padding:22px}.kit .n{font-family:var(--mono);color:var(--primary);margin-bottom:12px;font-size:13px}.kit .t{margin-bottom:8px;font-size:15.5px;font-weight:600}.kit .d{color:var(--muted);font-size:13.5px;line-height:1.8}.result{border-radius:var(--r-card);border:1px solid var(--border);background:var(--field-bg);box-shadow:var(--sh-rest);padding:clamp(22px,3.4vw,40px);transition:border-color .15s,box-shadow .15s,background .15s}.result.done{border-color:var(--mint-border);background:var(--surface);box-shadow:var(--sh-hover)}.result .lead2{color:var(--body);margin:0 0 24px;font-size:15.5px}.checks{gap:10px;margin-bottom:26px;display:grid}.chk{background:var(--field-bg);border:1px solid var(--field-border);border-radius:var(--r-field);align-items:center;gap:12px;padding:13px 16px;display:flex}.chk.ok{background:var(--surface);border-color:var(--border)}.chk .lb{color:var(--ink);font-size:14.5px;font-weight:600}.chk.ok .lb{color:var(--muted);font-weight:400}.missing{color:var(--muted);margin-top:12px;font-size:13px}.promptbox{background:var(--field-bg);border:1px solid var(--border);border-radius:var(--r-card);margin-bottom:20px;padding:22px 24px;position:relative}.promptbox .meta{font-family:var(--mono);color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:12px;margin-bottom:14px;font-size:12px;display:flex}.promptbox pre{font-family:var(--mono);color:var(--body);white-space:pre-wrap;word-break:break-word;text-align:right;unicode-bidi:plaintext;max-height:380px;margin:0;font-size:12.5px;line-height:2;overflow:auto}.acts{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.acts a{padding:14px 10px;font-size:14.5px;font-weight:600}.steps{gap:12px;display:grid}.stepcard{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-card);box-shadow:var(--sh-rest);gap:16px;padding:22px;display:flex}.stepcard>.no{font-family:var(--mono);color:var(--primary);flex-shrink:0;font-size:15px}.stepcard .t{margin-bottom:6px;font-size:15.5px;font-weight:600}.stepcard .d{color:var(--muted);font-size:13.5px;line-height:1.8}.fork{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;display:grid}.fork>div{background:var(--field-bg);border:1px solid var(--border);border-radius:var(--r-field);padding:16px}.fork .ft{color:var(--teal-ink);margin-bottom:8px;font-size:13.5px;font-weight:600}.fork .fd{color:var(--muted);font-size:13px;line-height:1.85}.cmd{font-family:var(--mono);color:var(--body);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-btn);text-align:left;direction:ltr;margin-top:10px;padding:10px 12px;font-size:12.5px}.ftr{background:var(--surface);border-top:1px solid var(--border);margin-top:56px}.ftr-in{max-width:var(--wrap);grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:32px;margin:0 auto;padding:48px 24px 28px;display:grid}.ftr .t{margin-bottom:14px;font-size:15px;font-weight:700}.ftr .d{color:var(--muted);font-size:13.5px;line-height:1.9}.ftr .legal{max-width:var(--wrap);margin:0 auto;padding:0 24px 34px}.ftr .legal>div{border-top:1px solid var(--rule);color:var(--muted);padding-top:18px;font-size:12.5px}@media (width<=640px){.hero{padding:48px 20px 32px}section.band{padding:32px 20px 20px}.wrap,.hdr-in,.ftr-in,.ftr .legal{padding-left:20px;padding-right:20px}.card{padding:18px}.pats{grid-template-columns:1fr}.acts .cta,.acts .ghost{width:100%}.step{width:44px;height:44px}.btn{padding:11px 18px}.seg button{padding:13px 16px}}