* { box-sizing:border-box;margin:0;padding:0; }
:root { --bg:#FFFFFF;--dark:#333333;--gold:#5B9BD5;--muted:#5A6B7A;--bdr:#D9E8F5;--soft:#F7FBFF;--blue:#4A7EBB; }
html { scroll-behavior:smooth;font-size:14px; }
body { background:var(--bg);color:var(--dark);font-family:'Vazirmatn',sans-serif;font-weight:300;direction:rtl; }
nav { position:sticky;top:0;z-index:20;background:rgba(255,255,255,.96);backdrop-filter:blur(18px);border-bottom:1px solid var(--bdr);padding:1rem 5vw;display:flex;align-items:center;justify-content:space-between;gap:1rem; }
nav div { display:flex;align-items:center;gap:1rem; }
a { color:var(--dark);text-decoration:none; }
.brand { font-size:1.05rem;font-weight:500; }
.btn { display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--bdr);padding:.85rem 1.2rem;background:#fff;font-size:.86rem;transition:border-color .25s,color .25s,background .25s; }
.btn:hover { border-color:var(--gold);color:var(--gold); }
.btn.primary { background:var(--gold);border-color:var(--gold);color:#fff;margin-top:2rem; }
.lang-toggle { display:inline-flex;align-items:center;justify-content:center;min-width:46px;height:42px;padding:0 .9rem;border:1px solid var(--bdr);background:#fff;color:var(--dark);font-size:.78rem;font-weight:500;letter-spacing:.04em;cursor:pointer;transition:border-color .25s,color .25s,background .25s; }
.lang-toggle:hover { border-color:var(--gold);color:var(--gold);background:#F0F7FD; }
main { min-height:80vh; }
.hero { display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.72fr);gap:5vw;align-items:center;padding:8vh 6vw;background:var(--soft); }
.hero img { width:100%;max-width:420px;justify-self:center;aspect-ratio:4/4.6;object-fit:cover;filter:grayscale(12%); }
.label { font-size:.78rem;letter-spacing:.12em;color:var(--gold);margin-bottom:1rem; }
h1 { font-size:clamp(1.7rem,3.8vw,3.4rem);font-weight:300;line-height:1.12; }
.lead { max-width:620px;margin-top:1.3rem;color:var(--muted);font-size:.95rem;line-height:1.95; }
.details { padding:7vh 6vw;max-width:860px;margin:0 auto;text-align:right; }
.details h2 { font-size:clamp(1.45rem,3vw,2.4rem);font-weight:300;margin-bottom:1.3rem; }
.details p { color:var(--muted);line-height:2;font-size:.95rem;margin-bottom:1rem; }
footer { padding:4vh 6vw;border-top:1px solid var(--bdr);display:flex;justify-content:space-between;gap:1rem;color:var(--muted);font-size:.82rem; }
footer a { color:var(--blue); }
html[dir="ltr"] body { direction:ltr; }
html[dir="ltr"] .hero,
html[dir="ltr"] .details { text-align:left; }
@media (max-width:760px) {
  nav,nav div,footer { flex-direction:column;align-items:flex-start; }
  .hero { grid-template-columns:1fr;padding-top:8vh; }
}