@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Libre+Baskerville:wght@400;700&family=Noto+Naskh+Arabic:wght@400;500;600;700&display=swap');

:root {
  --forest:#0d432c; --forest-2:#1b5a40; --ink:#1e342c;
  --gold:#b68d46; --cream:#f8f0d8; --paper:#fffdfa; --line:#e4dcc6;
  --muted:#5d6d63; --shadow:0 18px 60px rgba(13,67,44,.08);
}
* {box-sizing:border-box}
html {scroll-behavior:smooth}
body {margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif;line-height:1.65}
body[dir="rtl"] {font-family:'Noto Naskh Arabic',serif;line-height:1.85}
a {color:inherit;text-decoration:none}
a:focus-visible {outline:3px solid var(--gold);outline-offset:4px;border-radius:5px}
.container {width:min(1160px,calc(100% - 44px));margin-inline:auto}
.topline {height:6px;background:linear-gradient(90deg,var(--forest),var(--gold),var(--forest))}
.site-header {background:rgba(255,253,250,.98);border-bottom:1px solid var(--line)}
.header-row {min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand {display:flex;align-items:center;gap:13px;min-width:0}
.brand-emblem {display:grid;place-items:center;background:var(--cream);color:var(--forest);border:1px solid #e7d9b2;border-radius:50%;width:45px;height:45px;font-size:23px;line-height:1}
.brand-wordmark strong {display:block;font-size:17px;letter-spacing:.075em;line-height:1.25;color:var(--forest)}
.brand-wordmark small {display:block;letter-spacing:.09em;font-size:10px;color:#8c743d;text-transform:uppercase;margin-top:4px}
body[dir="rtl"] .brand-wordmark strong {font-size:19px;letter-spacing:0}
body[dir="rtl"] .brand-wordmark small {font-size:12px;letter-spacing:0}
.nav {display:flex;gap:27px;align-items:center;flex-wrap:wrap}
.nav a:not(.language-link) {font-size:13px;font-weight:700;color:#324d40}
.nav a:hover {color:var(--gold)}
.language-link {display:inline-flex;align-items:center;justify-content:center;gap:9px;background:#f4ecd7;color:var(--forest);border:1px solid #decfa7;border-radius:999px;min-width:98px;padding:9px 16px;font-size:13px;font-weight:700}
.lang-symbol {font-size:16px}
.hero {background:radial-gradient(circle at 90% 8%,#e9dbac 0%,transparent 30%),linear-gradient(135deg,#faf4e0,#f7eed0);border-bottom:1px solid #eadcb8;overflow:hidden}
.hero-grid {display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:34px;padding-block:77px 85px}
.eyebrow {display:inline-block;text-transform:uppercase;letter-spacing:.17em;font-size:11px;color:#846b31;font-weight:700;margin-bottom:19px}
h1,h2,h3,p {margin-top:0}
h1,h2 {font-family:'Libre Baskerville',Georgia,serif;line-height:1.28}
body[dir="rtl"] h1,body[dir="rtl"] h2,body[dir="rtl"] h3 {font-family:'Noto Naskh Arabic',serif}
h1 {font-size:clamp(36px,4.5vw,57px);color:var(--forest);max-width:690px;letter-spacing:-.035em;margin-bottom:22px}
body[dir="rtl"] h1 {letter-spacing:0;font-size:clamp(39px,4.5vw,57px);line-height:1.5}
.hero p {font-size:17px;max-width:560px;color:#425e4d;margin-bottom:28px}
body[dir="rtl"] .hero p {font-size:20px}
.cta-row {display:flex;gap:13px;flex-wrap:wrap}
.button {display:inline-flex;align-items:center;justify-content:center;border-radius:7px;background:var(--forest);color:white;padding:13px 21px;font-size:14px;font-weight:700;min-height:48px;transition:transform .15s,background .15s}
.button:hover {background:#155d3d;transform:translateY(-2px)}
.button.outline {background:transparent;border:1px solid var(--forest);color:var(--forest)}
.button.outline:hover {background:#e6ebde}
body[dir="rtl"] .button {font-size:17px}
.hero-art {display:flex;justify-content:center;align-items:center}
.hero-art img {width:min(100%,490px);height:auto;filter:drop-shadow(0 14px 30px rgba(35,67,41,.07));mix-blend-mode:multiply}
.section {padding-block:82px}
.section.alt {background:#f8f8f1}
.section-head {max-width:770px;margin-bottom:32px}
.section-label {font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#987836;margin-bottom:10px}
.section h2 {font-size:clamp(28px,3.3vw,40px);color:var(--forest);margin-bottom:16px}
.section-intro {color:var(--muted);font-size:16px;max-width:760px}
body[dir="rtl"] .section-intro {font-size:19px}
.grid-cards {display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.card {border:1px solid #e4e4d8;background:white;padding:28px 24px;border-radius:12px;min-height:203px;box-shadow:0 2px 0 rgba(13,67,44,.02)}
.card .num {color:var(--gold);font-weight:700;font-size:13px}
.card h3 {margin:30px 0 10px;color:var(--forest);font-size:17px;line-height:1.35}
body[dir="rtl"] .card h3 {font-size:23px}
.card p {color:var(--muted);font-size:13px;margin:0}
body[dir="rtl"] .card p {font-size:16px}
.split {display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:center}
.feature-box {background:#f1eddc;border:1px solid #e6ddc3;border-radius:13px;padding:36px}
.feature-box .quote {font-family:'Libre Baskerville',serif;color:var(--forest);font-size:26px;line-height:1.65;margin:0}
body[dir="rtl"] .feature-box .quote {font-family:'Noto Naskh Arabic',serif;font-size:28px}
.feature-box .byline {margin-top:19px;color:#74623c;font-size:12px}
.panel {border-left:4px solid var(--gold);background:#fff;padding:30px 34px;border-radius:0 11px 11px 0;border-top:1px solid var(--line);border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
body[dir="rtl"] .panel {border-left:1px solid var(--line);border-right:4px solid var(--gold);border-radius:11px 0 0 11px}
.panel strong {color:var(--forest)}
.panel p {margin:8px 0 0;color:var(--muted);font-size:14px}
body[dir="rtl"] .panel p {font-size:17px}
.contact {background:var(--forest);color:white}
.contact-grid {display:flex;align-items:center;justify-content:space-between;gap:30px}
.contact h2 {color:white;margin:0 0 12px}
.contact p {color:#dbe8dd;margin:0}
.contact .button {background:#f4e9c9;color:var(--forest)}
.contact .button:hover {background:white}
.footer {background:#092b1d;color:#d7e6d9;padding-block:27px}
.footer .container {display:flex;justify-content:space-between;gap:18px;align-items:center;flex-wrap:wrap}
.footer small {font-size:12px}
@media(max-width:930px) {
  .header-row {align-items:flex-start;padding-block:18px;flex-direction:column;gap:16px}
  .nav {gap:16px}
  .hero-grid {padding-block:52px;gap:15px}
  .grid-cards {grid-template-columns:repeat(2,1fr)}
  .split {gap:24px}
}
@media(max-width:650px) {
  .container {width:min(100% - 30px,1160px)}
  .nav {gap:11px 18px}
  .nav a:not(.language-link) {font-size:12px}
  .hero-grid {grid-template-columns:1fr;padding-block:49px 35px}
  .hero-art {order:-1}
  .hero-art img {width:min(66%,245px)}
  h1 {font-size:34px}
  .hero p {font-size:16px}
  .section {padding-block:58px}
  .grid-cards {grid-template-columns:1fr 1fr;gap:10px}
  .card {min-height:168px;padding:17px}
  .card h3 {margin-top:18px}
  .split {grid-template-columns:1fr}
  .feature-box {padding:24px}
  .contact-grid {align-items:flex-start;flex-direction:column}
}
@media(max-width:380px) { .grid-cards {grid-template-columns:1fr} }
@media(prefers-reduced-motion:reduce) { html {scroll-behavior:auto} .button {transition:none} }