@font-face{font-family:Alexandria;src:local("Alexandria");font-display:swap}
@font-face{font-family:"Noto Sans Arabic";src:local("Noto Sans Arabic");font-display:swap}
:root{--ink:#0b1f3a;--ink-2:#123d73;--teal:#2563eb;--teal-soft:#eff6ff;--sand:#f4f8ff;--paper:#fff;--amber:#3b82f6;--gold:#93c5fd;--muted:#5b6b80;--line:#d8e3f0;--danger:#b42318;--success:#18735f;--shadow:0 18px 50px rgba(37,99,235,.10);--radius:22px;--max:1180px}
*{box-sizing:border-box}
html{scroll-behavior:smooth;text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font-family:"Noto Sans Arabic",Tahoma,Arial,sans-serif;line-height:1.75;overflow-wrap:anywhere}
body::before{content:"";position:fixed;inset:0;z-index:-2;background:radial-gradient(circle at 85% 0,rgba(96,165,250,.18),transparent 28rem),radial-gradient(circle at 8% 36%,rgba(37,99,235,.08),transparent 24rem)}
a{color:var(--teal);text-underline-offset:.2em}
a:hover{color:var(--ink-2)}
img{max-width:100%;height:auto}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
:focus-visible{outline:3px solid var(--teal);outline-offset:3px}
.skip-link{position:fixed;top:8px;right:8px;z-index:1000;padding:.65rem 1rem;background:var(--ink);color:#fff;border-radius:10px;transform:translateY(-150%)}
.skip-link:focus{transform:none}
.top-note{background:var(--ink);color:#fff;text-align:center;padding:.45rem 1rem;font-size:.86rem}
.top-note span{color:var(--gold)}
.site-header{position:sticky;top:0;z-index:50;border-bottom:1px solid rgba(216,227,240,.92);background:rgba(255,255,255,.94);backdrop-filter:blur(14px)}
.nav-wrap{max-width:var(--max);min-height:76px;margin:auto;padding:0 1.25rem;display:flex;align-items:center;gap:1.5rem}
.brand{display:inline-flex;align-items:center;gap:.75rem;color:var(--ink);text-decoration:none;font-family:Alexandria,"Noto Sans Arabic",sans-serif;font-weight:760;line-height:1.15;white-space:nowrap}
.brand img{width:44px;height:44px}.brand small{display:block;color:var(--muted);font-family:"Noto Sans Arabic",sans-serif;font-size:.65rem;font-weight:500;margin-top:.15rem}
.main-nav{display:flex;align-items:center;gap:.25rem;margin-inline-start:auto}
.main-nav a{color:var(--ink);text-decoration:none;padding:.55rem .8rem;border-radius:999px;font-size:.92rem;font-weight:650}
.main-nav a:hover,.main-nav a[aria-current="page"]{background:var(--teal-soft);color:var(--teal)}
.nav-cta{background:var(--ink)!important;color:#fff!important}
.menu-button{display:none;margin-inline-start:auto;border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:12px;padding:.55rem .75rem}
.container{width:min(calc(100% - 2.5rem),var(--max));margin-inline:auto}
.narrow{width:min(calc(100% - 2.5rem),820px);margin-inline:auto}
.breadcrumb{font-size:.86rem;color:var(--muted);padding:1rem 0}.breadcrumb ol{display:flex;gap:.45rem;list-style:none;padding:0;margin:0;flex-wrap:wrap}.breadcrumb li:not(:last-child)::after{content:"←";margin-inline-start:.45rem;color:#9aa8ad}.breadcrumb a{text-decoration:none}
.hero{padding:4.8rem 0 4rem;position:relative;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.06fr .94fr;align-items:center;gap:3.5rem}.eyebrow{display:inline-flex;align-items:center;gap:.55rem;color:var(--teal);font-size:.85rem;font-weight:800;letter-spacing:.03em;background:var(--teal-soft);border:1px solid #c9dcfb;border-radius:999px;padding:.45rem .8rem}.eyebrow::before{content:"";width:8px;height:8px;background:var(--amber);border-radius:50%}.hero h1,.page-hero h1{font-family:Alexandria,"Noto Sans Arabic",sans-serif;font-size:clamp(2.5rem,6vw,5.5rem);line-height:1.14;letter-spacing:-.035em;margin:1.15rem 0 1rem}.hero h1 em{font-style:normal;color:var(--teal);position:relative}.hero h1 em::after{content:"";position:absolute;right:0;left:0;bottom:-.05em;height:.12em;background:var(--gold);border-radius:99px;transform:rotate(-1deg)}
.hero p,.page-hero p{font-size:1.12rem;color:#40566f;max-width:62ch}.hero-actions{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:1.5rem}.button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:48px;padding:.7rem 1.1rem;border-radius:13px;border:1px solid var(--ink);font-weight:800;text-decoration:none;transition:transform .2s,box-shadow .2s,background .2s}.button:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(37,99,235,.16)}.button-primary{background:var(--ink);color:#fff}.button-primary:hover{background:var(--ink-2);color:#fff}.button-secondary{background:#fff;color:var(--ink)}.button-quiet{background:transparent;border-color:var(--line);color:var(--ink)}
.trust-line{display:flex;gap:1rem;flex-wrap:wrap;margin-top:1.4rem;padding:0;list-style:none;color:var(--muted);font-size:.86rem}.trust-line li::before{content:"✓";color:var(--success);font-weight:900;margin-inline-end:.35rem}.hero-art{position:relative}.hero-art img{display:block;width:100%}
.section{padding:4.5rem 0}.section-tint{background:linear-gradient(180deg,rgba(239,246,255,.82),rgba(248,251,255,.72));border-block:1px solid var(--line)}.section-head{display:flex;justify-content:space-between;align-items:end;gap:2rem;margin-bottom:2rem}.section-head h2,.content h2{font-family:Alexandria,"Noto Sans Arabic",sans-serif;font-size:clamp(1.7rem,4vw,2.55rem);line-height:1.25;margin:0}.section-head p{color:var(--muted);max-width:58ch;margin:.65rem 0 0}.text-link{font-weight:800;text-decoration:none;white-space:nowrap}
.grid{display:grid;gap:1.15rem}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-5{grid-template-columns:repeat(5,minmax(0,1fr))}.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:1.35rem;box-shadow:0 8px 26px rgba(37,99,235,.055);position:relative}.card h3{font-family:Alexandria,"Noto Sans Arabic",sans-serif;margin:.3rem 0 .5rem;line-height:1.35}.card p{color:var(--muted);font-size:.94rem;margin:.3rem 0}.card-link{display:block;color:inherit;text-decoration:none;transition:transform .2s,border-color .2s}.card-link:hover{transform:translateY(-4px);border-color:#93b4e9;color:inherit}.icon-tile{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:var(--sand);color:var(--teal);font-weight:900;font-size:1.3rem}.card .meta{font-size:.78rem;color:var(--teal);font-weight:800}.card-arrow{position:absolute;left:1rem;top:1rem;color:var(--amber);font-size:1.3rem}
.steps{counter-reset:step}.step{display:grid;grid-template-columns:auto 1fr;gap:1rem;align-items:start}.step::before{counter-increment:step;content:counter(step);display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--ink);color:#fff;font-weight:900}.step h3{margin:0 0 .3rem}.step p{margin:0;color:var(--muted)}
.page-hero{padding:3rem 0 2.5rem}.page-hero h1{font-size:clamp(2.1rem,5vw,4.2rem);max-width:18ch}.page-hero .lead{max-width:70ch}.page-meta{display:flex;gap:.65rem;flex-wrap:wrap;color:var(--muted);font-size:.86rem;margin-top:1rem}.page-meta span{background:#fff;border:1px solid var(--line);border-radius:999px;padding:.35rem .7rem}
.tool-shell{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(300px,.95fr);gap:1.4rem;align-items:start;margin-block:1rem 3.5rem}.tool-panel,.result-panel{background:#fff;border:1px solid var(--line);border-radius:26px;padding:1.5rem;box-shadow:var(--shadow)}.tool-panel h2,.result-panel h2{font-family:Alexandria,"Noto Sans Arabic",sans-serif;margin-top:0}.field{margin-bottom:1rem}.field label,.field legend{display:block;font-weight:800;margin-bottom:.35rem}.field small{display:block;color:var(--muted);margin-top:.3rem}.field input,.field select,.field textarea{width:100%;border:1px solid #b9c9dc;border-radius:12px;padding:.75rem .85rem;background:#fff;color:var(--ink)}.field textarea{min-height:110px;resize:vertical}.field input:invalid:not(:placeholder-shown),.field textarea[aria-invalid="true"]{border-color:var(--danger)}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}.tool-actions{display:flex;gap:.65rem;flex-wrap:wrap;margin-top:1.2rem}.status{min-height:1.5em;color:var(--muted);font-size:.88rem;margin:.75rem 0 0}.status.error{color:var(--danger)}.status.success{color:var(--success)}
.result-empty{border:1px dashed #9db7dc;background:var(--teal-soft);border-radius:18px;padding:1.4rem;color:#31517a}.result-list{display:grid;gap:.85rem}.name-result{border:1px solid var(--line);border-radius:18px;padding:1rem;background:linear-gradient(135deg,#fff,var(--paper))}.name-top{display:flex;align-items:center;justify-content:space-between;gap:1rem}.name-result h3{font-size:1.4rem;margin:0}.name-result .latin{color:var(--teal);font-family:Arial,sans-serif;font-size:.9rem;direction:ltr;text-align:right}.chips{display:flex;gap:.4rem;flex-wrap:wrap;margin:.7rem 0}.chip{display:inline-flex;background:var(--sand);border-radius:999px;padding:.2rem .55rem;font-size:.75rem;color:#40566f}.name-result p{margin:.45rem 0;color:#40566f;font-size:.9rem}.mini-actions{display:flex;gap:.5rem;margin-top:.8rem}.mini-button{border:1px solid var(--line);background:#fff;color:var(--ink);padding:.35rem .65rem;border-radius:9px;font-size:.8rem;font-weight:800}.mini-button[aria-pressed="true"]{background:var(--teal-soft);border-color:var(--teal);color:var(--teal)}
.score{display:flex;align-items:center;gap:.8rem}.score-bar{height:8px;flex:1;background:#e6edf7;border-radius:99px;overflow:hidden}.score-bar i{display:block;height:100%;background:linear-gradient(90deg,#60a5fa,var(--teal));border-radius:inherit}
.score-details{margin-top:.8rem;border-top:1px solid var(--line);padding-top:.7rem}.score-details summary{cursor:pointer;font-weight:800;color:var(--teal)}.score-grid{display:grid;grid-template-columns:1fr 1fr;gap:.7rem;margin:1rem 0}.metric{background:#f7faff;border:1px solid var(--line);border-radius:12px;padding:.7rem}.metric>div:first-child{display:flex;justify-content:space-between;gap:.5rem;font-size:.78rem;margin-bottom:.45rem}.metric strong{color:var(--teal)}.result-next{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:1rem}
.comparison{width:100%;border-collapse:collapse;font-size:.88rem}.comparison th,.comparison td{padding:.7rem;border-bottom:1px solid var(--line);text-align:right}.comparison th{background:var(--sand)}
.check-list{border:0;padding:0}.check-list label{display:flex;align-items:start;gap:.65rem;padding:.65rem;border:1px solid var(--line);border-radius:12px;margin:.5rem 0;background:#fff;font-weight:650}.check-list input{width:1.15rem;height:1.15rem;margin-top:.35rem;accent-color:var(--teal)}.gate-list{display:grid;gap:.65rem;margin:1rem 0}.gate{display:grid;grid-template-columns:auto 1fr;gap:.8rem;border:1px solid var(--line);border-radius:14px;padding:.8rem}.gate>span{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;font-weight:900}.gate.done{background:#edf8f3}.gate.done>span{background:var(--success);color:#fff}.gate.pending{background:#fff7ed}.gate.pending>span{background:#d97706;color:#fff}.gate p{margin:.1rem 0 0!important;font-size:.84rem}.risk-level{font-weight:850;color:var(--ink);background:var(--sand);padding:.7rem;border-radius:10px}
.scorecard-fields{display:grid;grid-template-columns:1fr 1fr;gap:.7rem}.scorecard-fields label{display:grid;gap:.35rem;border:1px solid var(--line);border-radius:12px;padding:.7rem;font-weight:750;background:#f7faff}.scorecard-fields select{width:100%;border:1px solid #b9c9dc;border-radius:9px;padding:.55rem;background:#fff;color:var(--ink)}.scorecard-report blockquote{margin:1rem 0;padding:1rem;border-inline-start:4px solid var(--teal);background:var(--teal-soft);border-radius:12px}.table-scroll{overflow:auto;border:1px solid var(--line);border-radius:14px}.evidence-grid{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;margin:1.2rem 0}.evidence-grid>div{border:1px solid var(--line);background:#fff;border-radius:14px;padding:1rem}.evidence-grid dt{font-weight:850;color:var(--teal)}.evidence-grid dd{margin:.35rem 0 0;color:#324b68}
.weight-box{border:1px solid var(--line);border-radius:16px;padding:1rem;background:#f7faff}.weight-box legend{padding-inline:.4rem}.weight-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}.weight-grid label{display:grid;gap:.35rem;font-size:.88rem;font-weight:750}.weight-grid input{width:100%;border:1px solid #b9c9dc;border-radius:10px;padding:.6rem;background:#fff;color:var(--ink)}.comparison-summary{background:var(--sand);border:1px solid #cbdcf5;border-radius:14px;padding:.85rem;margin-bottom:1rem}.comparison-summary p{margin:.25rem 0}.sensitivity{margin-top:1rem;padding:1rem;border:1px solid var(--line);border-inline-start:5px solid var(--amber);border-radius:14px;background:#f5f9ff}.sensitivity.stable{border-inline-start-color:var(--success);background:#edf8f3}.sensitivity h3{margin:0 0 .35rem;font-family:Alexandria,"Noto Sans Arabic",sans-serif}.sensitivity p{margin:.35rem 0 .8rem}.profile-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}.profile-list>div{display:grid;gap:.15rem;border:1px solid var(--line);border-radius:11px;padding:.65rem;background:#fff}.profile-list span,.profile-list small{color:var(--muted);font-size:.76rem}.profile-list strong{color:var(--teal)}
.content-wrap{display:grid;grid-template-columns:minmax(0,760px) 260px;gap:3rem;align-items:start}.content{font-size:1.02rem}.content h2{margin:2.7rem 0 .8rem;font-size:1.75rem}.content h3{font-family:Alexandria,"Noto Sans Arabic",sans-serif;margin:1.8rem 0 .5rem}.content p,.content li{color:#324b68}.content ul,.content ol{padding-inline-start:1.4rem}.content blockquote{margin:1.5rem 0;padding:1rem 1.2rem;border-inline-start:5px solid var(--amber);background:var(--sand);border-radius:12px}.content .callout{background:var(--teal-soft);border:1px solid #c9dcfb;padding:1.2rem;border-radius:16px;margin:1.5rem 0}.content .warning{background:#fff7ed;border-color:#fed7aa}.sidebar{position:sticky;top:110px}.sidebar-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:1rem}.sidebar-card h2{font-size:1rem;margin-top:0}.sidebar-card ul{list-style:none;padding:0;margin:0}.sidebar-card li+li{border-top:1px solid var(--line)}.sidebar-card a{display:block;padding:.55rem 0;text-decoration:none;font-size:.88rem}.article-list{display:grid;gap:1rem}.article-item{display:grid;grid-template-columns:auto 1fr;gap:1rem;align-items:start}.article-index{font-family:Alexandria,sans-serif;color:var(--amber);font-weight:900;font-size:1.4rem}.idea-table{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.idea{border:1px solid var(--line);background:#fff;border-radius:15px;padding:1rem}.idea h3{margin:0;font-size:1.1rem}.idea .latin{font-size:.8rem;color:var(--teal);direction:ltr;text-align:right}.idea p{font-size:.88rem;margin:.35rem 0}
.cluster-nav{display:flex;gap:.55rem;flex-wrap:wrap;margin:1rem 0 2rem}.cluster-nav a{background:#fff;border:1px solid var(--line);border-radius:999px;text-decoration:none;padding:.4rem .7rem;font-size:.84rem;font-weight:700}.cluster-nav a:hover{background:var(--teal-soft)}
.newsletter{background:linear-gradient(135deg,var(--ink),#174f9a);color:#fff;border-radius:30px;padding:2rem;display:grid;grid-template-columns:1fr auto;gap:2rem;align-items:center}.newsletter h2{margin:0;font-family:Alexandria,sans-serif}.newsletter p{margin:.4rem 0 0;color:#dbeafe}.newsletter .button{border-color:#fff;background:#fff;color:var(--ink)}
.site-footer{margin-top:4rem;background:#071a33;color:#dbeafe;padding:3.5rem 0 1.5rem}.footer-grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:2rem}.footer-brand{color:#fff}.footer-brand img{width:52px}.site-footer h2{font-size:1rem;color:#fff;margin-top:0}.site-footer ul{list-style:none;padding:0;margin:0}.site-footer a{color:#dbeafe;text-decoration:none;font-size:.9rem}.site-footer a:hover{color:var(--gold)}.footer-bottom{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;border-top:1px solid rgba(255,255,255,.12);margin-top:2rem;padding-top:1.2rem;font-size:.8rem;color:#a9bfda}
.not-found{text-align:center;padding:7rem 1rem}.not-found strong{font-size:7rem;line-height:1;color:var(--gold);font-family:Alexandria,sans-serif}.not-found h1{font-size:2.2rem}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@media (max-width:960px){.grid-4,.grid-5{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-grid{grid-template-columns:1fr}.hero-art{max-width:680px;margin:auto}.tool-shell{grid-template-columns:1fr}.content-wrap{grid-template-columns:1fr}.sidebar{position:static}.footer-grid{grid-template-columns:repeat(2,1fr)}.newsletter{grid-template-columns:1fr}.main-nav{position:absolute;top:77px;right:1rem;left:1rem;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:18px;padding:.7rem;display:none;flex-direction:column;align-items:stretch}.main-nav[data-open="true"]{display:flex}.main-nav a{text-align:center}.menu-button{display:block}}
@media (max-width:640px){.container,.narrow{width:min(calc(100% - 1.4rem),var(--max))}.top-note{font-size:.75rem}.nav-wrap{padding:0 .7rem}.brand small{display:none}.hero{padding:3rem 0}.hero h1{font-size:2.55rem}.page-hero h1{font-size:2.25rem}.hero-actions .button{width:100%}.section{padding:3.2rem 0}.section-head{display:block}.section-head .text-link{display:inline-block;margin-top:1rem}.grid-3,.grid-4,.grid-5,.idea-table,.score-grid,.scorecard-fields,.evidence-grid,.weight-grid,.profile-list{grid-template-columns:1fr}.field-row{grid-template-columns:1fr}.tool-panel,.result-panel{padding:1rem;border-radius:19px}.footer-grid{grid-template-columns:1fr}.newsletter{border-radius:22px}.comparison{font-size:.74rem}.comparison th,.comparison td{padding:.45rem}.trust-line{gap:.4rem 1rem}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
@media print{.top-note,.site-header,.breadcrumb,.sidebar,.site-footer,.tool-actions,.mini-actions{display:none!important}body{background:#fff}.content-wrap,.tool-shell{display:block}.card,.tool-panel,.result-panel{box-shadow:none}}