:root{--ink:#101417;--paper:#f3f1eb;--red:#b22b22;--muted:#646b6e;--line:#c8c5bd;--dark:#162126;--mint:#b9d6cc}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,"Noto Sans Arabic",sans-serif;font-size:16px;line-height:1.65}
.topbar{position:sticky;top:0;z-index:10;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:28px;padding:18px 4vw;background:rgba(243,241,235,.94);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}
.brand{display:flex;align-items:center;gap:12px;color:var(--ink);text-decoration:none;font-weight:700}
.brand-mark{display:grid;place-items:center;width:34px;height:34px;background:var(--ink);color:var(--paper);font-size:12px;letter-spacing:.08em}
.topbar nav{display:flex;gap:26px}
.topbar nav a,.lang{color:var(--ink);text-decoration:none;font-size:.9rem}
.lang{justify-self:end;border:1px solid var(--ink);background:transparent;padding:8px 14px;cursor:pointer}
.hero{min-height:88vh;padding:11vh 8vw 6vh;display:flex;flex-direction:column;justify-content:center;border-bottom:1px solid var(--line);background:radial-gradient(circle at 82% 24%,rgba(185,214,204,.55),transparent 31%)}
.eyebrow,.section-no,.label{font-size:.75rem;letter-spacing:.16em;font-weight:800;color:var(--red)}
h1{max-width:1100px;margin:24px 0 28px;font-family:Georgia,"Times New Roman",serif;font-size:clamp(3.2rem,8vw,8.2rem);line-height:.9;letter-spacing:-.055em;font-weight:500}
h1 em{font-size:.48em;color:var(--red);letter-spacing:-.03em}
h2{margin:6px 0;font-family:Georgia,"Times New Roman",serif;font-weight:500;font-size:clamp(2.4rem,5vw,5rem);line-height:1}
.lede{max-width:760px;font-size:1.2rem;color:#343a3d}
.hero-actions{display:flex;gap:12px;margin:24px 0 42px}
.button{padding:13px 19px;text-decoration:none;font-weight:700}
.primary{background:var(--ink);color:white}
.secondary{border:1px solid var(--ink);color:var(--ink)}
.notice{max-width:760px;padding:16px 18px;border-left:4px solid var(--red);background:rgba(255,255,255,.42);font-size:.9rem}
.section{padding:100px 8vw;border-bottom:1px solid var(--line);scroll-margin-top:72px}
.split{display:grid;grid-template-columns:1fr 1.5fr;gap:8vw}
.prose>p{font-family:Georgia,"Times New Roman",serif;font-size:1.45rem;line-height:1.55}
.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:55px;background:var(--line);border:1px solid var(--line)}
.metrics div{background:var(--paper);padding:26px}
.metrics b{display:block;font:500 2.7rem Georgia,serif}
.metrics span{display:block;color:var(--muted);font-size:.85rem}
.section-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:60px}
.section-head>p{max-width:350px;color:var(--muted)}
.timeline{max-width:1050px;margin-left:auto}
.timeline article{display:grid;grid-template-columns:150px 1fr;gap:36px;padding:36px 0;border-top:1px solid var(--line)}
.timeline time{font-family:Georgia,serif;font-size:1.05rem}
.timeline h3{font:500 1.8rem Georgia,serif;margin:14px 0 6px}
.timeline p{color:#3e4548;max-width:760px}
.status{display:inline-block;padding:5px 9px;font-size:.7rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}
.verified{background:var(--mint)}
.reported{border:1px solid var(--red);color:var(--red)}
.risk{background:var(--dark);color:white;display:grid;grid-template-columns:.8fr 1.6fr;gap:8vw}
.risk .section-no{color:var(--mint)}
.risk-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#536066}
.risk-grid div{background:var(--dark);padding:30px}
.risk-grid h3{font:500 1.6rem Georgia,serif;color:var(--mint)}
.risk-grid p{color:#d4dadb}
.source-list{border-top:1px solid var(--line)}
.source-list a{display:grid;grid-template-columns:55px 1fr 30px;gap:15px;align-items:center;padding:22px 0;border-bottom:1px solid var(--line);color:var(--ink);text-decoration:none}
.source-list a:hover b{color:var(--red)}
.source-list span{color:var(--muted)}
.source-list i{font-style:normal;font-size:1.25rem}
.source-note{max-width:760px;color:var(--muted);font-size:.85rem;margin-top:24px}
.contact{display:grid;grid-template-columns:1.3fr .8fr;gap:9vw;background:#d9ddd8}
.contact>div>p{max-width:700px}
.contact-card{background:var(--paper);padding:32px;border-top:5px solid var(--red);box-shadow:0 18px 45px rgba(0,0,0,.08)}
.contact-card h3{font:500 1.7rem Georgia,serif}
.contact-card a{display:block;color:var(--ink);font-weight:700;margin-top:10px}
footer{padding:28px 8vw;display:flex;justify-content:space-between;color:var(--muted);font-size:.8rem}
[dir="rtl"] body{text-align:right}
[dir="rtl"] .notice{border-left:0;border-right:4px solid var(--red)}
[dir="rtl"] .timeline{margin-left:0;margin-right:auto}
[dir="rtl"] h1{letter-spacing:0}
[dir="rtl"] .eyebrow,[dir="rtl"] .section-no,[dir="rtl"] .label{letter-spacing:0}
@media(max-width:800px){.topbar{grid-template-columns:1fr auto}
.topbar nav{display:none}
.hero{padding:12vh 6vw 7vh;min-height:auto}
.section{padding:72px 6vw}
.split,.risk,.contact{grid-template-columns:1fr}
.metrics,.risk-grid{grid-template-columns:1fr}
.section-head{display:block}
.timeline article{grid-template-columns:1fr;gap:8px}
.timeline time{color:var(--red)}
footer{display:block}
footer span{display:block;margin:5px 0}
h1{font-size:clamp(3rem,16vw,5.2rem)}
}