/* BitFire About page — built from the Support page's editorial system. */

.about-hero h1 { max-width: 760px; }
.about-hero .hero-lede { max-width: 790px; }
.about-summary { overflow: hidden; }
.about-year {
  display: block;
  margin: -3px 0 5px;
  color: #e8f5fb;
  font-weight: 800;
  letter-spacing: -0.07em;
  line-height: 1;
}
.about-summary h2 { margin-bottom: 10px; }
.about-summary p { margin-bottom: 0; }

.about-page .section-kicker { color: #126a9c; }
.about-split {
  display: grid;
  grid-template-columns: minmax(0, 0.85fr) minmax(420px, 1.15fr);
  gap: clamp(55px, 8vw, 110px);
  align-items: center;
}
.about-copy h2 {
  margin-bottom: 24px;
  font-weight: 790;
  letter-spacing: -0.06em;
  line-height: 0.98;
}
.about-copy p { max-width: 700px; color: #526978; line-height: 1.75; }
.about-copy .about-lede { color: #1d3c50; font-weight: 700; line-height: 1.55; }
.about-copy p:last-child { margin-bottom: 0; }

.default-model {
  overflow: hidden;
  padding: 8px;
  border: 1px solid #193b55;
  border-radius: 24px;
  color: #e8f3f9;
  background: #091d30;
  box-shadow: 0 30px 75px rgba(7, 19, 34, 0.16);
}
.model-row { min-height: 150px; display: flex; flex-direction: column; justify-content: center; padding: 31px; border-radius: 17px; }
.model-row > span { display: flex; align-items: center; gap: 8px; margin-bottom: 9px; font-weight: 850; letter-spacing: 0.09em; text-transform: uppercase; }
.model-row strong { max-width: 520px; line-height: 1.35; }
.model-muted { color: #8ca0ae; }
.model-muted > span { color: #647d8e; }
.model-active { color: #eaf7fd; background: linear-gradient(135deg, rgba(33, 139, 201, 0.2), rgba(91, 173, 218, 0.07)); }
.model-active > span { color: #74c8ee; }
.model-active .icon { width: 18px; }
.model-divider { position: relative; height: 1px; margin: 0 25px; background: rgba(167, 210, 233, 0.13); }
.model-divider span { position: absolute; top: 50%; left: 50%; padding: 3px 10px; color: #6d8798; background: #091d30; font-size: 0.75rem; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; transform: translate(-50%, -50%); }

.about-protection { color: var(--text-dark); background: #fff; }
.about-heading { margin-bottom: 65px; }
.about-capability-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; }
.about-capability {
  position: relative;
  min-height: 490px;
  padding: clamp(30px, 4vw, 52px);
  border: 1px solid #d9e3e9;
  border-radius: 24px;
  background: #fbfdff;
  box-shadow: 0 24px 60px rgba(7, 19, 34, 0.055);
}
.about-capability:nth-child(2) { background: #f5f9fc; }
.about-capability-icon { width: 54px; height: 54px; display: grid; place-items: center; margin-bottom: 52px; border-radius: 16px; color: #176f9f; background: #e2f1f8; }
.about-capability-icon .icon { width: 26px; }
.about-capability-number { margin-bottom: 10px; color: #218bc9; font-family: ui-monospace, monospace; font-weight: 800; letter-spacing: 0.07em; text-transform: uppercase; }
.about-capability h3 { max-width: 530px; margin-bottom: 22px; color: #173247; font-weight: 780; letter-spacing: -0.045em; line-height: 1.08; }
.about-capability p { max-width: 570px; margin-bottom: 14px; color: #5b7180; line-height: 1.75; }
.about-capability p:last-child { margin-bottom: 0; }

.about-analysis { border-top: 1px solid #dfe7ec; }
.about-analysis-grid { gap: clamp(55px, 8vw, 100px); }
.about-analysis-list article { padding-block: 28px; }

.about-cta { padding-top: 104px; }
.about-cta .cta-panel { align-items: end; }
.about-cta .cta-panel > div:first-child { max-width: 775px; }
.about-cta .section-kicker { color: #5eb9e5; }
.about-cta p + p { margin-top: 14px; }

@media (max-width: 900px) {
  .about-split { grid-template-columns: 1fr; }
  .default-model { max-width: 700px; }
  .about-capability { min-height: 0; }
  .about-capability-icon { margin-bottom: 38px; }
}

@media (max-width: 720px) {
  .about-capability-grid { grid-template-columns: 1fr; }
  .about-heading { margin-bottom: 48px; }
  .about-status-strip > div:nth-child(2) { border-right: 0; }
}

@media (max-width: 560px) {
  .about-split { gap: 42px; }
  .model-row { min-height: 130px; padding: 24px 20px; }
  .about-capability { padding: 27px 23px; border-radius: 19px; }
  .about-capability-icon { margin-bottom: 30px; }
  .about-analysis-list article { padding-block: 22px; }
  .about-cta { padding-top: 72px; }
}