/* Fararest Site Styles - large design system */

:root{
  --bg:#0b0f1a;--bg-2:#0b1220;--text:#e5e7eb;--muted:#9ca3af;--primary:#6366f1;--secondary:#22d3ee;--accent:#f472b6;--card:rgba(255,255,255,.06);
  --border:rgba(255,255,255,.08);--radius:16px;--shadow:0 10px 30px rgba(0,0,0,.25);
}

html,body{height:100%}
body{font-family:'Vazirmatn',sans-serif;background:var(--bg);color:var(--text);}

.section{padding:64px 0}
.hero{background:radial-gradient(1200px 400px at 50% -10%, rgba(99,102,241,.25), transparent),linear-gradient(180deg,var(--bg) 0%, var(--bg-2) 100%)}
.glass{backdrop-filter:blur(12px);background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}
.gradient-text{background:linear-gradient(90deg,#60a5fa,#34d399,#f472b6);-webkit-background-clip:text;background-clip:text;color:transparent}

.btn-primary{background:linear-gradient(90deg,var(--primary),var(--secondary));border:none}
.btn-outline{border:1px solid rgba(255,255,255,.2);color:var(--text)}

.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.feature-card{padding:20px}

.badge{display:inline-block;padding:4px 10px;border-radius:9999px;border:1px solid var(--border);color:var(--muted);font-size:.75rem}

.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.kpi-item{padding:16px;text-align:center}
.kpi-value{font-size:2rem}

.faq-item{border-bottom:1px solid var(--border);padding:16px 0}
.faq-q{cursor:pointer}
.faq-a{display:none;color:var(--muted)}

.doc-toc{position:sticky;top:90px;max-height:calc(100vh - 100px);overflow:auto;padding-right:8px}

.blog-card{display:flex;flex-direction:column;gap:12px;padding:12px;border:1px solid var(--border);border-radius:var(--radius);background:rgba(255,255,255,.04);height:100%}
.blog-card img{width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;border-radius:8px}
/* Equal height columns for blog rows and push read-more to bottom */
.row.g-3 > [class^="col-"], .row.g-3 > [class*=" col-"]{display:flex}
.row.g-3 > [class^="col-"] > .blog-card, .row.g-3 > [class*=" col-"] > .blog-card{display:flex;flex-direction:column;flex:1 1 auto}
.blog-card .read-more{margin-top:auto}

/* Responsive */
@media (max-width: 991px){
  .feature-grid{grid-template-columns:1fr}
  .kpi-grid{grid-template-columns:repeat(2,1fr)}
  .blog-card{flex-direction:column}
  .blog-card img{width:100%;height:auto;aspect-ratio:16/10}
}

/* Pricing cards color accents by plan */
.plan-card[data-plan="free"]{border-color: rgba(16,185,129,.35)}
.plan-card[data-plan="basic"]{border-color: rgba(59,130,246,.35)}
.plan-card[data-plan="pro"]{border-color: rgba(56,189,248,.35)}
.plan-card[data-plan="enterprise"]{border-color: rgba(245,158,11,.35)}

/* Pricing layout fixes */
.plan-card{ text-align: right; }
.plan-card h5{ display: flex; gap: 8px; align-items: center; flex-wrap: wrap; }
.plan-card .badge{ white-space: nowrap; font-size: .75rem; }

.pricing-table .table th, .pricing-table .table td{ vertical-align: middle; }
.pricing-table .table th:first-child, .pricing-table .table td:first-child{ text-align: right; }
.pricing-table .table th:not(:first-child), .pricing-table .table td:not(:first-child){ text-align: center; }