@font-face{font-family:Vazirmatn;src:url(/fonts/Vazirmatn-Regular.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:Vazirmatn;src:url(/fonts/Vazirmatn-Medium.woff2) format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:Vazirmatn;src:url(/fonts/Vazirmatn-Bold.woff2) format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:Vazirmatn;src:url(/fonts/Vazirmatn-ExtraBold.woff2) format("woff2");font-weight:800;font-display:swap}
:root{--primary:#0F766E;--bg:#ffffff;--fg:#1c2430;--muted:#5b6675;--border:#e4e8ee;--card:#f8fafc;--radius:14px}
@media (prefers-color-scheme:dark){:root{--bg:#101418;--fg:#e9edf2;--muted:#9aa6b4;--border:#2a323c;--card:#171d24}}
*{box-sizing:border-box;margin:0}
body{font-family:Vazirmatn,system-ui,sans-serif;background:var(--bg);color:var(--fg);line-height:1.8}
a{color:inherit;text-decoration:none}
.wrap{max-width:56rem;margin:0 auto;padding:0 1rem}
header{border-bottom:1px solid var(--border)}
.hrow{display:flex;align-items:center;justify-content:space-between;padding:1rem 0}
.brand{display:flex;align-items:center;gap:.5rem;font-weight:700}
.brand img{width:28px;height:28px}
.btn{display:inline-block;background:var(--primary);color:#fff;font-weight:600;padding:.6rem 1.2rem;border-radius:12px}
.btn.big{padding:.8rem 2rem;font-size:1.05rem}
.hero{text-align:center;padding:3.5rem 0 2.5rem}
.hero h1{font-size:clamp(1.6rem,4.5vw,2.6rem);font-weight:800;line-height:1.5;max-width:44rem;margin:0 auto}
.hero p{color:var(--muted);max-width:42rem;margin:1.2rem auto 0}
.cards{display:grid;gap:1rem;padding:2rem 0;grid-template-columns:1fr}
@media(min-width:640px){.cards{grid-template-columns:repeat(3,1fr)}}
.card{border:1px solid var(--border);background:var(--card);border-radius:var(--radius);padding:1.2rem}
.card h3{font-size:1rem;margin-bottom:.5rem}
.card p{font-size:.9rem;color:var(--muted)}
main.page{padding:2.5rem 0}
main.page h1{font-size:1.7rem;font-weight:800}
main.page .intro{color:var(--muted);margin-top:.8rem}
section.block{border:1px solid var(--border);background:var(--card);border-radius:var(--radius);padding:1.2rem;margin-top:1.2rem}
section.block h2{font-size:1.05rem;margin-bottom:.6rem}
section.block p{font-size:.92rem;color:var(--muted);margin-top:.5rem}
.placeholder{font-style:italic}
footer{border-top:1px solid var(--border);margin-top:3rem}
.frow{display:flex;flex-wrap:wrap;gap:.8rem 2rem;justify-content:center;padding:1.5rem 0;font-size:.9rem;color:var(--muted)}
.frow a:hover{color:var(--fg)}
.copy{border-top:1px solid var(--border);text-align:center;font-size:.78rem;color:var(--muted);padding:1rem 0}