.about-main { position: relative; z-index: 1; }

.about-intro h1 {
  margin: 0;
}

.about-intro .lead {
  margin: .85rem 0 1.1rem;
}

.about-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .7rem; margin-bottom: 1rem; }
.about-card { background: rgba(255,255,255,.78); border: 1px solid rgba(226,212,180,.9); border-radius: 14px; padding: .8rem .85rem; }
.about-card h2 { margin: 0 0 .35rem; font-size: 1rem; color: var(--ink); }
.about-card p { margin: 0; font-size: .89rem; color: var(--ink-soft); }
.about-cta { margin: 0; }

.about-features {
  background: rgba(255, 255, 255, .88);
  border: 1px solid rgba(226, 212, 180, .95);
  border-radius: 14px;
  padding: 1rem;
  margin-bottom: 1rem;
}

.about-section-head p {
  margin: 0 0 .3rem;
  color: var(--ink-soft);
  font-size: .82rem;
}

.about-section-head h2 {
  margin: 0 0 .7rem;
  color: var(--ink);
  font-size: 1.1rem;
}

.about-feature-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .7rem;
}

.about-feature-card {
  background: rgba(255,255,255,.7);
  border: 1px solid rgba(226,212,180,.88);
  border-radius: 14px;
  padding: .8rem .85rem;
}

.about-feature-card i {
  color: #4f7ec8;
}

.about-feature-card h3 {
  margin: .45rem 0 .35rem;
  font-size: .98rem;
  color: var(--ink);
}

.about-feature-card p {
  margin: 0;
  font-size: .89rem;
  color: var(--ink-soft);
}

.about-faq {
  background: rgba(255, 255, 255, .88);
  border: 1px solid rgba(226, 212, 180, .95);
  border-radius: 14px;
  padding: 1rem;
  margin-bottom: 1rem;
}

.about-faq-list {
  display: grid;
  gap: .62rem;
}

.about-faq-item {
  background: rgba(255,255,255,.8);
  border: 1px solid rgba(226,212,180,.9);
  border-radius: 14px;
  padding: .15rem .85rem;
}

.about-faq-item summary {
  padding: .75rem 0;
  cursor: pointer;
  font-weight: 700;
}

.about-faq-item p {
  margin: 0 0 .72rem;
  font-size: .92rem;
  color: var(--ink-soft);
}

@media (max-width: 660px) {
  .about-grid { grid-template-columns: 1fr; }
  .about-feature-grid { grid-template-columns: 1fr; }
}
