.about-main {
  max-width: 760px; margin: 0 auto; padding: 50px 20px 70px;
}

.btn-back-ex {
  display: flex; align-items: center; gap: 6px;
  font-size: 13px; color: var(--tx2); text-decoration: none;
  border: 0.5px solid var(--bd-md); border-radius: 7px;
  padding: 8px 12px; white-space: nowrap; flex-shrink: 0;
  transition: color .15s, border-color .15s;
}
.btn-back-ex:hover { color: var(--tx); border-color: #555; }
.btn-back-ex svg { width: 14px; height: 14px; stroke: currentColor; fill: none; stroke-width: 2.2; stroke-linecap: round; }
.breadcrumb-ex {
  display: flex; align-items: center; gap: 6px;
  font-size: 12px; color: var(--tx3); flex: 1; margin: 0 14px; overflow: hidden;
}
.breadcrumb-ex svg { width: 10px; height: 10px; stroke: var(--tx4); fill: none; stroke-width: 2; flex-shrink: 0; }
.breadcrumb-cur { color: var(--amber); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.about-hero { text-align: center; margin-bottom: 44px; }
.about-hero-logo {
  font-family: 'Fabrica', 'Barlow Condensed', sans-serif; font-size: 44px; font-weight: 800;
  color: #fff; letter-spacing: -0.01em; margin-bottom: 12px;
}
.about-hero-logo span { color: var(--amber); }
.about-hero-tagline { font-size: 15px; color: var(--tx2); line-height: 1.6; max-width: 480px; margin: 0 auto; }

.about-block { margin-bottom: 34px; }
.about-block h2 {
  font-family: 'Fabrica', 'Barlow Condensed', sans-serif; font-size: 20px; font-weight: 700;
  color: var(--amber); margin-bottom: 10px;
}
.about-block p { font-size: 14px; color: var(--tx2); line-height: 1.75; }

.about-cta { text-align: center; margin-top: 50px; }
.btn-about-cta {
  display: inline-flex; align-items: center; gap: 8px;
  background: var(--amber); color: var(--amber-text); text-decoration: none;
  font-size: 14px; font-weight: 600; padding: 12px 26px; border-radius: 8px;
  transition: background .15s;
}
.btn-about-cta:hover { background: var(--amber-l); }

@media (max-width: 640px) {
  .about-main { padding: 30px 16px 50px; }
  .about-hero-logo { font-size: 34px; }
}

footer {
  padding: 20px 24px; border-top: 0.5px solid var(--bd);
  display: flex; justify-content: space-between; align-items: center; background: var(--bg-top);
}
.footer-copy { font-size: 12px; color: var(--tx3); }
.footer-privacy-link { font-size: 12px; color: var(--tx3); text-decoration: none; }
.footer-privacy-link:hover { color: var(--tx); text-decoration: underline; }
.footer-logo { font-family: 'Barlow Condensed', sans-serif; font-size: 16px; font-weight: 800; color: #333; }
.footer-logo span { color: #5a3a00; }

/* ── BETA TAG (logo) ── */
.beta-tag{
  font-size:0.34em;
  font-weight:600;
  vertical-align:super;
  letter-spacing:.02em;
  opacity:.75;
  margin-left:2px;
}