/* ── FEATURES PAGE ─────────────────────────────────────── */

.format-grid {
  display: grid; grid-template-columns: repeat(3,1fr); gap: 22px;
}
.format-card {
  background: #fff; border: 1px solid var(--border-light);
  border-radius: var(--radius-lg); padding: 28px;
  transition: border-color var(--transition), box-shadow var(--transition), transform var(--transition);
}
.format-card:hover { border-color: var(--accent); box-shadow: 0 8px 40px rgba(60,160,212,0.10); transform: translateY(-4px); }
.format-card__ext {
  display: inline-block; font-family: var(--font-mono); font-size: 0.75rem;
  font-weight: 500; letter-spacing: 0.08em;
  padding: 4px 11px; background: var(--bg-light-2);
  border: 1px solid var(--border-light); border-radius: var(--radius-pill);
  color: var(--text-dark-2); margin-bottom: 14px;
}
.format-card h3 { font-size: 1.1rem; margin-bottom: 8px; }
.format-card p  { font-size: 0.92rem; margin-bottom: 14px; }
.feat-list { display: flex; flex-direction: column; gap: 5px; }
.feat-list li {
  font-size: 0.86rem; color: var(--text-dark-2);
  padding-left: 16px; position: relative;
}
.feat-list li::before { content:'→'; position:absolute; left:0; color:var(--accent); font-size:0.82rem; }

/* Privacy split */
.feat-split { display:grid; grid-template-columns:1fr 1fr; gap:56px; align-items:center; }
.privacy-list { display:flex; flex-direction:column; gap:13px; }
.privacy-list li { display:flex; align-items:center; gap:11px; color:var(--text-secondary); font-size:0.97rem; }
.privacy-check { color:var(--accent-green); font-weight:700; flex-shrink:0; }
.privacy-box {
  background:var(--bg-dark-3); border:1px solid var(--border-dark);
  border-radius:var(--radius-lg); padding:32px; text-align:center;
  animation:pulse-glow 4s ease-in-out infinite;
}
.privacy-box__icon { font-size:2.8rem; margin-bottom:14px; }
.privacy-flow { display:flex; flex-direction:column; align-items:center; gap:7px; margin:20px 0; }
.flow-step {
  background:var(--bg-dark); border:1px solid var(--border-dark);
  border-radius:var(--radius-md); padding:9px 22px;
  font-family:var(--font-head); font-size:0.88rem; color:var(--text-secondary);
}
.flow-step--accent { border-color:rgba(60,160,212,0.4); color:var(--accent); background:rgba(60,160,212,0.08); }
.flow-arrow { color:var(--text-secondary); font-size:1.1rem; }

/* Models */
.model-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:22px; margin-bottom:20px; }
.model-card {
  background:#fff; border:1px solid var(--border-light); border-radius:var(--radius-lg); padding:28px;
  transition:border-color var(--transition), transform var(--transition);
}
.model-card:hover { border-color:var(--accent); transform:translateY(-3px); }
.model-card__tag { margin-bottom:14px; }
.model-card h3 { font-size:1.1rem; margin-bottom:9px; }
.model-card p  { font-size:0.92rem; color:var(--text-dark-2); margin-bottom:14px; }
.model-langs {
  font-family:var(--font-mono); font-size:0.75rem; color:var(--text-secondary);
  background:var(--bg-light-2); border-radius:var(--radius-sm); padding:7px 11px; letter-spacing:0.04em;
}
.model-note {
  background:var(--bg-light); border:1px solid var(--border-light);
  border-left:3px solid var(--accent); border-radius:var(--radius-md); padding:14px 18px;
}
.model-note code {
  font-family:var(--font-mono); font-size:0.82em;
  background:var(--bg-light-2); padding:2px 6px; border-radius:4px;
  border:1px solid var(--border-light);
}

/* Language grid */
.lang-grid { display:grid; grid-template-columns:repeat(5,1fr); gap:11px; }
.lang-item {
  display:flex; align-items:center; gap:9px;
  background:var(--bg-dark-2); border:1px solid var(--border-dark);
  border-radius:var(--radius-md); padding:11px 14px;
  font-family:var(--font-head); font-size:0.88rem; font-weight:500;
  color:var(--text-secondary); transition:border-color var(--transition), color var(--transition);
}
.lang-item:hover { border-color:rgba(60,160,212,0.4); color:var(--text-primary); }
.lang-flag { font-size:1.25rem; }

@media (max-width:960px) {
  .format-grid { grid-template-columns:repeat(2,1fr); }
  .model-grid  { grid-template-columns:repeat(2,1fr); }
  .lang-grid   { grid-template-columns:repeat(3,1fr); }
  .feat-split  { grid-template-columns:1fr; }
}
@media (max-width:600px) {
  .format-grid { grid-template-columns:1fr; }
  .model-grid  { grid-template-columns:1fr; }
  .lang-grid   { grid-template-columns:repeat(2,1fr); }
}

/* ── Plan-grouped language sections ─────────────────────── */
.lang-plans { display: flex; flex-direction: column; gap: 40px; }

.lang-plan-group__header {
  display: flex; align-items: center; gap: 12px; margin-bottom: 14px;
}
.lang-plan-group__count {
  font-family: var(--font-mono); font-size: 0.75rem;
  color: var(--text-secondary); letter-spacing: 0.05em;
}

.lang-grid-sm {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 10px;
}
.lang-grid-sm .lang-item {
  display: flex; align-items: center; gap: 8px;
  background: var(--bg-dark-2); border: 1px solid var(--border-dark);
  border-radius: var(--radius-md); padding: 10px 12px;
  font-family: var(--font-head); font-size: 0.86rem; font-weight: 500;
  color: var(--text-secondary);
  transition: border-color var(--transition), color var(--transition);
}
.lang-grid-sm .lang-item:hover { border-color: rgba(60,160,212,0.4); color: var(--text-primary); }
.lang-flag { font-size: 1.2rem; }

@media (max-width: 860px) { .lang-grid-sm { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 500px)  { .lang-grid-sm { grid-template-columns: repeat(2, 1fr); } }

/* ── INDIC PLAN GROUP ────────────────────────────────────── */
.lang-plan-group--indic {
  border-top: 3px solid var(--accent-green);
}
.lang-plan-group--indic .lang-plan-group__header .badge {
  background: rgba(125,201,110,0.15);
  color: var(--accent-green);
  border-color: rgba(125,201,110,0.35);
}

/* ── 4-COLUMN LANG PLANS GRID ────────────────────────────── */
@media (min-width: 900px) {
  .lang-plans { grid-template-columns: repeat(4, 1fr); }
}