/* The few things that differ once riplo.ir's page is read left to right.
 *
 * home.css is generated and must not be edited, so everything English-specific
 * lives here and is loaded after it. Keep this file small: if a rule here starts
 * changing the design rather than adapting it, the two sites have begun to drift
 * apart, which is the thing this whole arrangement exists to prevent.
 */

/* Vazirmatn is a Persian typeface. Its Latin glyphs are serviceable, but this
 * page is only ever read in Latin, and the rest of the English site is already
 * set in Inter — so matching it keeps the homepage and /pricing looking like one
 * site. */
body {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

/* Persian digits sit taller than Latin ones, so the Persian design leans on
 * heavier weights to keep headings solid. In Inter the same weights read as
 * slightly lighter; nudging the display sizes back keeps the hero balanced. */
h1 { letter-spacing: -0.02em; }
h2 { letter-spacing: -0.015em; }
.plan-price strong,
.dash-stats strong { font-variant-numeric: tabular-nums; }

/* The trust strip carried the Iranian e-commerce seal, which means nothing
 * outside Iran and is not shown here. Without that second child the strip has
 * nothing to push apart. */
.footer-trust { justify-content: flex-start; }
.footer-trust p { max-width: 720px; }

/* The blog footer is built here rather than mirrored, so it needs its own
 * spacing — without this the links run together into one unreadable word. */
.blog-footer-links { display: flex; flex-wrap: wrap; gap: 8px 18px; margin: 14px 0; }
.blog-footer-inner { display: flex; flex-direction: column; align-items: flex-start; gap: 6px; padding: 34px 0; }
.article-meta > * + *::before { content: '·'; margin: 0 8px; opacity: .5; }