.about-page{--character-accent:#79c9d6}
.about-page .about-intro{font:350 14px/1.6 var(--top-copy-font);letter-spacing:.035em;margin:16px 0 0}
.about-story{padding-top:48px}
.about-story-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:center;margin-bottom:56px}
.about-story-row p{font:350 14px/1.8 var(--top-copy-font);letter-spacing:.035em;margin:0 0 24px}
.about-story-row p:last-child{margin-bottom:0}
.about-story-row img{display:block;width:100%;height:auto;border:1px solid #a5cbd2;border-radius:8px}
.about-page #features-2{padding-top:16px;padding-bottom:48px}
.about-page .about-download{display:flex;justify-content:center;padding-bottom:72px}
.about-download a{width:420px;max-width:100%}
@media(max-width:767px){.about-story-row{grid-template-columns:minmax(0,1fr);gap:24px;margin-bottom:40px}.about-story-row--reverse>div{grid-row:1}.about-story{padding-top:32px}.about-page .about-title{font-size:30px}.about-page .about-title small{display:block;margin:8px 0 0}}

.character-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  min-height: 42px;
  padding: 9px 12px;
  border: 1px solid color-mix(in srgb, var(--character-accent) 58%, #666);
  border-radius: 3px;
  font-size: 11.5px;
  font-weight: 500;
  letter-spacing: 0.025em;
  line-height: 1.3;
  text-align: center;
  text-decoration: none;
  transition: background-color 150ms ease, color 150ms ease;
}
.character-button svg {
  flex: 0 0 auto;
  width: 16px;
  height: 16px;
  margin-right: 6px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.7;
}
.character-button--download {
  grid-column: 1 / -1;
  background: var(--character-accent);
  color: #fff;
}
.character-button--download:hover,
.character-button--download:focus-visible {
  background: color-mix(in srgb, var(--character-accent) 84%, #20202a);
  color: #fff;
  text-decoration: none;
}
.character-download .character-button--download {
  display: flex;
  min-height: 62px;
  gap: 13px;
  border-color: color-mix(in srgb, var(--character-accent) 72%, #52616a);
  font-size: 17px;
  letter-spacing: 0.09em;
}
.character-download .character-button--download svg {
  width: 27px;
  height: 27px;
  margin: 0;
}