:root{--primary: #0f172a;--secondary: #334155;--accent: #0369a1;--accent-soft: #e0f2fe;--store: #b45309;--store-soft: #fef3c7;--bg: #f8fafc;--fg: #020617;--muted: #e8ecf1;--border: #e2e8f0;--danger: #dc2626;--success: #047857;--radius: 16px;--shadow-sm: 0 1px 2px rgba(15, 23, 42, .06);--shadow-md: 0 8px 24px rgba(15, 23, 42, .08);--shadow-lg: 0 24px 60px rgba(15, 23, 42, .14);--font-head: "Noto Naskh Arabic", serif;--font-body: "Noto Sans Arabic", system-ui, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--bg);color:var(--fg);line-height:1.75;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-family:var(--font-head);font-weight:700;line-height:1.35;letter-spacing:0}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none}table{border-collapse:collapse;width:100%}.container{width:min(1240px,calc(100% - 40px));margin-inline:auto}.section{padding:clamp(56px,7vw,96px) 0}.section--muted{background:#fff;border-block:1px solid var(--border)}.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:500;letter-spacing:.04em;color:var(--accent);background:var(--accent-soft);border:1px solid #bae6fd;padding:6px 14px;border-radius:999px}.section-head{max-width:720px;margin-bottom:40px}.section-head h2{font-size:clamp(26px,3.2vw,38px);color:var(--primary);margin:16px 0 10px}.section-head p{color:var(--secondary);font-size:15px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 22px;border-radius:12px;font-size:14px;font-weight:500;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.btn--primary{background:var(--primary);color:#fff;box-shadow:var(--shadow-sm)}.btn--primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);background:#1e293b}.btn--ghost{background:#fff;color:var(--primary);border:1px solid var(--border)}.btn--ghost:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:#cbd5e1}.nav{position:sticky;top:0;z-index:60;background:#f8fafcd1;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--border)}.nav__inner{display:flex;align-items:center;justify-content:space-between;gap:24px;height:68px}.brand{display:flex;align-items:center;gap:12px}.brand__mark{width:40px;height:40px;display:grid;place-items:center;border-radius:11px;background:var(--primary);color:#fff;box-shadow:var(--shadow-sm)}.brand__title{font-size:15px;font-weight:700;color:var(--primary);line-height:1.3}.brand__sub{font-size:11px;color:#64748b;line-height:1.4}.nav__links{display:flex;align-items:center;gap:4px}.nav__link{font-size:13.5px;color:var(--secondary);padding:8px 13px;border-radius:9px;transition:background .18s ease,color .18s ease}.nav__link:hover{background:var(--muted);color:var(--primary)}.nav__cta{padding:9px 16px;font-size:13px}.hero{position:relative;overflow:hidden;padding:clamp(56px,8vw,104px) 0 clamp(48px,6vw,72px);background:radial-gradient(900px 420px at 82% -10%,#e0f2fe 0%,transparent 60%),radial-gradient(700px 400px at 8% 0%,#f1f5f9 0%,transparent 65%),var(--bg)}.hero__grid{display:grid;grid-template-columns:1.15fr .85fr;gap:56px;align-items:center}.hero h1{font-size:clamp(30px,4.4vw,52px);color:var(--primary);margin:20px 0 18px}.hero h1 span{color:var(--accent)}.hero p.lead{font-size:clamp(15px,1.5vw,17px);color:var(--secondary);max-width:56ch}.hero__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.hero__stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin-top:44px;background:var(--border);border:1px solid var(--border);border-radius:14px;overflow:hidden}.hero__stat{background:#fff;padding:16px 14px;text-align:center}.hero__stat b{display:block;font-family:var(--font-head);font-size:26px;color:var(--primary);line-height:1.2}.hero__stat span{font-size:11.5px;color:#64748b}.hero__card{position:relative;background:#fff;border:1px solid var(--border);border-radius:20px;padding:22px;box-shadow:var(--shadow-lg)}.hero__card:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:20px;padding:1px;background:linear-gradient(160deg,#0369a1 0%,transparent 45%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.hero__card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;padding-bottom:12px;border-bottom:1px dashed var(--border)}.hero__card-head h4{font-size:13.5px;color:var(--primary)}.dot-live{display:inline-flex;align-items:center;gap:6px;font-size:11px;color:var(--success)}.dot-live i{width:7px;height:7px;border-radius:50%;background:var(--success);animation:pulse 2.4s ease-in-out infinite}.mini-flow{display:flex;flex-direction:column;gap:10px}.mini-row{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:11px;background:var(--bg);border:1px solid var(--border);font-size:12px;color:var(--secondary);transition:transform .2s ease,box-shadow .2s ease}.mini-row:hover{transform:translate(-3px);box-shadow:var(--shadow-sm)}.mini-row b{color:var(--primary);font-weight:500;font-size:12px}.mini-row__i{width:26px;height:26px;border-radius:7px;display:grid;place-items:center;flex:0 0 auto}.mini-row__i--p{background:var(--accent-soft);color:var(--accent)}.mini-row__i--s{background:var(--store-soft);color:var(--store)}.mini-row__i--e{background:#f1f5f9;color:#475569}.mini-row__t{margin-inline-start:auto;font-size:10.5px;color:#94a3b8}.legend{display:flex;flex-wrap:wrap;gap:10px 24px;margin-bottom:28px}.legend__item{display:inline-flex;align-items:center;gap:9px;font-size:12.5px;color:var(--secondary)}.legend__sw{width:26px;height:16px;border-radius:4px;border:1.5px solid}.legend__sw--e{background:#f8fafc;border-color:#475569}.legend__sw--p{background:var(--accent-soft);border-color:var(--accent);border-radius:6px}.legend__sw--s{background:var(--store-soft);border-color:var(--store)}.legend__sw--f{background:#fff;border:none;border-top:2px dashed var(--store);height:0}.board__tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:26px}.tab{display:inline-flex;align-items:center;gap:8px;padding:9px 15px;font-size:13px;color:var(--secondary);background:#fff;border:1px solid var(--border);border-radius:10px;transition:all .18s ease}.tab:hover{border-color:#94a3b8;color:var(--primary);transform:translateY(-1px)}.tab[aria-pressed=true]{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:var(--shadow-sm)}.tab em{font-style:normal;font-size:10.5px;padding:1px 7px;border-radius:999px;background:var(--muted);color:var(--secondary)}.tab[aria-pressed=true] em{background:#ffffff29;color:#fff}.phase{position:relative;background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:22px;box-shadow:var(--shadow-sm);animation:fadeUp .5s ease both}.phase+.phase{margin-top:46px}.phase+.phase:before{content:"";position:absolute;top:-46px;inset-inline-start:44px;height:46px;border-inline-start:2px dashed #cbd5e1}.phase__head{display:flex;align-items:flex-start;gap:14px;margin-bottom:20px}.phase__num{flex:0 0 auto;width:40px;height:40px;display:grid;place-items:center;border-radius:10px;background:var(--primary);color:#fff;font-family:var(--font-head);font-size:15px}.phase__head h3{font-size:18px;color:var(--primary)}.phase__head p{font-size:12.5px;color:#64748b}.board__row{display:flex;align-items:stretch;gap:0;flex-wrap:wrap}.node{flex:1 1 190px;min-width:170px;text-align:start;padding:14px;border-radius:12px;border:1.5px solid var(--border);background:#fff;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.node:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}.node--entity{background:#f8fafc;border-color:#cbd5e1}.node--entity:hover{border-color:#475569}.node--process{background:linear-gradient(180deg,#f0f9ff,#e0f2fe);border-color:#7dd3fc}.node--process:hover{border-color:var(--accent)}.node--store{background:linear-gradient(180deg,#fffbeb 0%,var(--store-soft) 100%);border-color:#fcd34d}.node--store:hover{border-color:var(--store)}.node__code{display:inline-block;font-size:10.5px;font-weight:500;padding:2px 8px;border-radius:6px;margin-bottom:8px;background:#ffffffbf;border:1px solid var(--border);color:var(--secondary)}.node__title{font-size:13.5px;font-weight:500;color:var(--primary);line-height:1.55}.node__foot{display:flex;align-items:center;gap:6px;margin-top:10px;font-size:11px;color:#64748b}.board__arrow{flex:0 0 34px;display:grid;place-items:center;color:#94a3b8}.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;background:#0f172a73;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);border:none;animation:fadeIn .25s ease both}.drawer{position:fixed;top:0;bottom:0;inset-inline-end:0;z-index:100;width:min(460px,100%);background:#fff;border-inline-start:1px solid var(--border);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;animation:slideIn .3s cubic-bezier(.22,1,.36,1) both}.drawer__head{padding:22px 24px 18px;border-bottom:1px solid var(--border);display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.drawer__body{padding:22px 24px 32px;overflow-y:auto}.drawer__close{width:34px;height:34px;flex:0 0 auto;display:grid;place-items:center;border-radius:9px;border:1px solid var(--border);color:var(--secondary);transition:all .18s ease}.drawer__close:hover{background:var(--muted);color:var(--primary)}.drawer h3{font-size:19px;color:var(--primary);margin:10px 0 8px}.drawer .desc{font-size:13.5px;color:var(--secondary)}.dl{margin-top:22px;display:flex;flex-direction:column}.dl__row{padding:11px 0;border-bottom:1px dashed var(--border);display:flex;gap:14px}.dl__row:last-child{border-bottom:none}.dl__k{flex:0 0 108px;font-size:12px;color:#64748b}.dl__v{font-size:12.5px;color:var(--primary)}.table-wrap{background:#fff;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-sm)}.table-scroll{overflow-x:auto}table.data th,table.data td{padding:13px 16px;text-align:start;font-size:12.5px;vertical-align:top}table.data thead th{background:#f1f5f9;color:var(--primary);font-weight:500;font-size:12px;white-space:nowrap;border-bottom:1px solid var(--border)}table.data tbody tr{border-bottom:1px solid #f1f5f9;transition:background .15s ease}table.data tbody tr:last-child{border-bottom:none}table.data tbody tr:hover{background:#f8fafc}table.data td:first-child{font-weight:500;color:var(--primary)}.code-chip{display:inline-block;font-size:11px;font-weight:500;padding:2px 9px;border-radius:6px;background:var(--store-soft);color:#92400e;border:1px solid #fcd34d}.flow-arrow{color:#94a3b8;font-size:12px}tr.is-feedback td{background:#fffbeb}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:24px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow-sm);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}.card__i{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;margin-bottom:14px;background:var(--accent-soft);color:var(--accent)}.card--warn .card__i{background:#fef2f2;color:var(--danger)}.card--ok .card__i{background:#ecfdf5;color:var(--success)}.card h4{font-size:15.5px;color:var(--primary);margin-bottom:7px}.card p{font-size:13px;color:var(--secondary)}.card ul{margin-top:10px;display:flex;flex-direction:column;gap:7px}.card li{font-size:12.5px;color:var(--secondary);display:flex;gap:8px;align-items:flex-start;list-style:none}.card li svg{flex:0 0 auto;margin-top:4px;color:var(--accent)}.crit{display:flex;flex-direction:column;gap:0}.crit__item{display:flex;gap:14px;padding:14px 0;border-bottom:1px dashed var(--border)}.crit__item:last-child{border-bottom:none}.crit__n{flex:0 0 30px;height:30px;display:grid;place-items:center;border-radius:8px;background:#f1f5f9;color:var(--primary);font-size:12px;font-weight:500}.crit__item b{display:block;font-size:13.5px;color:var(--primary);font-weight:500}.crit__item span{font-size:12px;color:#64748b}.footer{background:var(--primary);color:#cbd5e1;padding:52px 0 32px}.footer__grid{display:flex;flex-wrap:wrap;gap:32px;justify-content:space-between;padding-bottom:28px;border-bottom:1px solid rgba(255,255,255,.1)}.footer h4{color:#fff;font-size:16px;margin-bottom:6px}.footer p{font-size:12.5px;color:#94a3b8;max-width:44ch}.footer__meta{display:flex;flex-wrap:wrap;gap:10px 26px;padding-top:22px;font-size:11.5px;color:#94a3b8}.footer a:hover{color:#fff}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translate(-32px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.85)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important}}@media (max-width: 1024px){.hero__grid{grid-template-columns:1fr;gap:40px}.hero__card{max-width:520px}.grid-3{grid-template-columns:1fr 1fr}.nav__links{display:none}}@media (max-width: 768px){.container{width:calc(100% - 28px)}.hero__stats{grid-template-columns:1fr 1fr}.grid-2,.grid-3{grid-template-columns:1fr}.board__row{flex-direction:column;align-items:stretch}.board__arrow{flex:0 0 28px;transform:rotate(90deg)}.node{min-width:0}.phase{padding:16px}.phase__head h3{font-size:16px}.dl__row{flex-direction:column;gap:3px}.dl__k{flex:none}.drawer{width:100%;border-inline-start:none}.brand__sub{display:none}}@media (max-width: 420px){.hero__actions .btn{width:100%}.hero__stat b{font-size:22px}}