:root{ --brand:#00BFA6; --ink:#1f2a37; --muted:#6b7280; --bg:#ffffff; --soft:#f6f9f8; --border:#e5e7eb; } *{box-sizing:border-box} html,body{margin:0;padding:0;background:#fff;color:var(--ink);font-family:'Vazirmatn',system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;line-height:1.9} .wrap{max-width:980px;margin:auto;padding:24px} .hero{background:linear-gradient(180deg,rgba(0,191,166,.10),transparent);border:1px solid var(--border);border-radius:14px;padding:28px 24px;margin:18px 0} .hero h1{margin:0 0 10px;font-size:30px;line-height:1.35} .hero p{margin:4px 0 0;color:var(--muted)} .chip{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;background:#eafaf7;color:#07635a;font-weight:600;font-size:13px;border:1px solid rgba(0,191,166,.35)} .toc{background:var(--soft);border:1px solid var(--border);border-radius:12px;padding:18px;margin:28px 0} .toc h2{margin:0 0 10px;font-size:18px;color:#0f766e} .toc ul{list-style:none;padding:0;margin:0;columns:2} .toc li{margin:8px 0} .toc a{color:#0b8e7c;text-decoration:none} h2{font-size:24px;margin:30px 0 12px;border-right:5px solid var(--brand);padding-right:10px} h3{font-size:19px;margin:22px 0 10px;color:#0f766e} .note{background:#fff;border:1px dashed var(--brand);padding:14px;border-radius:10px} .grid{display:grid;gap:16px} @media(min-width:800px){.grid-2{grid-template-columns:1fr 1fr}} .card{border:1px solid var(--border);border-radius:12px;padding:16px;background:#fff} .proscons{display:grid;gap:12px} .pros{border-right:4px solid #10b981;background:#ecfdf5} .cons{border-right:4px solid #ef4444;background:#fff1f2} .kpi{display:flex;gap:12px;flex-wrap:wrap} .kpi …