/* The two legal pages. Same tokens and the same typeface as the landing page,
   set for reading rather than for selling: one column, generous line height,
   and a measure that stops at about 68 characters. */

@font-face { font-family:'IRANSansX'; src:url('/fonts/IRANSansX-Regular.ttf') format('truetype'); font-weight:400; font-display:swap; }
@font-face { font-family:'IRANSansX'; src:url('/fonts/IRANSansX-Medium.ttf')  format('truetype'); font-weight:500; font-display:swap; }
@font-face { font-family:'IRANSansX'; src:url('/fonts/IRANSansX-Bold.ttf')    format('truetype'); font-weight:700; font-display:swap; }
@font-face { font-family:'IRANSansX'; src:url('/fonts/IRANSansX-Black.ttf')   format('truetype'); font-weight:900; font-display:swap; }

:root{
  --gutter:clamp(20px,5vw,40px);
  --bg:#0B0C0F; --surface:#15161A; --border:#282A30;
  --text:#F5F5F7; --text-2:#9FA0A8; --text-3:#6C6D76;
  --brand:#1F5BFF; --brand-2:#5C8CFF;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0; background:var(--bg); color:var(--text);
  font-family:'IRANSansX',Tahoma,system-ui,sans-serif;
  font-size:16px; line-height:2.1;
}
.wrap{max-width:760px; margin:0 auto; padding-inline:var(--gutter)}

header{border-bottom:1px solid var(--border); background:rgba(11,12,15,.8);
  position:sticky; top:0; z-index:5; backdrop-filter:blur(14px)}
.bar{display:flex; align-items:center; gap:12px;
  padding-block:14px; padding-inline:calc(var(--gutter) + 6px)}
@media (max-width:620px){ .bar{padding-inline:var(--gutter)} }
.bar img{width:34px; height:34px; border-radius:10px; display:block}
.bar b{font-size:17px; font-weight:900}
.bar a.back{margin-inline-start:auto; color:var(--text-2); text-decoration:none; font-size:14px}
.bar a.back:hover{color:var(--text)}

main{padding-block:40px 70px}
h1{font-size:clamp(26px,5vw,34px); font-weight:900; margin:0 0 6px; line-height:1.5}
.updated{color:var(--text-3); font-size:14px; margin:0 0 34px}
h2{font-size:19px; font-weight:700; margin:38px 0 10px; line-height:1.7}
h2:first-of-type{margin-top:24px}
p{margin:0 0 14px; color:#E3E3E8}
ul{margin:0 0 14px; padding-inline-start:22px; color:#E3E3E8}
li{margin-bottom:8px}
strong{color:var(--text); font-weight:700}
a{color:var(--brand-2)}

/* The one thing a reader is looking for: who to write to. */
.contact{background:var(--surface); border:1px solid var(--border);
  border-radius:18px; padding:22px 24px; margin-top:34px}
.contact p{margin:0 0 6px}

.note{border-inline-start:3px solid var(--brand); background:rgba(31,91,255,.07);
  border-radius:0 12px 12px 0; padding:14px 18px; margin:0 0 14px}
.note p:last-child{margin-bottom:0}

footer{border-top:1px solid var(--border); padding-block:24px 40px;
  color:var(--text-3); font-size:14px;
  display:flex; flex-wrap:wrap; gap:10px 20px; justify-content:space-between}
footer a{color:var(--text-2); text-decoration:none}
footer a:hover{color:var(--text)}