/* About Super AI Guy: readable, source-transparent editorial presentation. */
.about-page-content { --about-ink: #f0f5fa; --about-muted: #b4bfd0; --about-blue: #8ad8ff; --about-purple: #ccabff; --about-line: #354961; max-width: 1170px; margin: 0 auto; color: var(--about-ink); }
.about-page-content .about-heading { max-width: 820px; margin-bottom: 38px; }
.about-page-content .about-eyebrow { margin: 0 0 13px; color: #a9c9e2; font-size: .67rem; font-weight: 700; line-height: 1.65; letter-spacing: .14em; }
.about-page-content .about-heading h1 { margin: 0 0 21px; font-size: clamp(2.3rem, 5vw, 4rem); line-height: 1.08; letter-spacing: -.045em; }
.about-page-content .about-heading .about-lead { margin-bottom: 13px; color: #d7e8f6; font-size: clamp(1.08rem, 2vw, 1.3rem); line-height: 1.6; }
.about-page-content .about-heading > p:last-child { max-width: 730px; margin-bottom: 0; color: var(--about-muted); font-size: .95rem; line-height: 1.85; }
.about-page-content .about-intro-grid { display: grid; grid-template-columns: minmax(0, .85fr) minmax(0, 1.25fr); gap: 26px; align-items: stretch; }
.about-page-content .about-founder-card, .about-page-content .about-mission-card { min-width: 0; padding: 30px; border: 1px solid var(--about-line); border-radius: 15px; background: #0e1725; }
.about-page-content .about-founder-card { background: radial-gradient(ellipse at 20% 0, #163449, transparent 65%), linear-gradient(145deg, #111e30, #0e1423); }
.about-page-content .about-founder-mark { display: inline-flex; align-items: center; justify-content: center; width: 62px; height: 62px; margin-bottom: 30px; border: 1px solid #699cb9; border-radius: 50%; background: #102c43; color: #c4eaff; font-size: 1.15rem; font-weight: 700; letter-spacing: .03em; }
.about-page-content .about-founder-card .about-eyebrow { margin-bottom: 8px; color: #b9d6ec; }
.about-page-content .about-founder-card h2 { margin: 0 0 25px; color: var(--about-ink); font-size: clamp(1.65rem, 3vw, 2rem); line-height: 1.3; letter-spacing: -.025em; }
.about-page-content .about-experience { padding-top: 24px; border-top: 1px solid #4b647b; }
.about-page-content .about-experience strong { display: block; color: var(--about-blue); font-size: clamp(1.75rem, 3vw, 2.2rem); font-weight: 700; line-height: 1.25; letter-spacing: -.025em; }
.about-page-content .about-experience span { display: block; max-width: 260px; margin-top: 10px; color: #d6e2ef; font-size: .96rem; line-height: 1.65; }
.about-page-content .about-experience-note { margin: 22px 0 0; color: #b5c4d6; font-size: .74rem; line-height: 1.8; }
.about-page-content .about-mission-card h2 { margin: 0 0 22px; color: var(--about-ink); font-size: clamp(1.65rem, 3vw, 2.3rem); line-height: 1.25; letter-spacing: -.03em; }
.about-page-content .about-mission-card p:not(.about-eyebrow) { margin-bottom: 18px; color: var(--about-muted); font-size: .88rem; line-height: 1.85; }
.about-page-content .about-text-link { display: inline-flex; align-items: center; gap: 12px; min-height: 44px; color: var(--about-blue); font-size: .84rem; line-height: 1.6; text-decoration: underline; text-underline-offset: 4px; }
.about-page-content .about-text-link:hover { color: #d3f1ff; }
.about-page-content .about-method { margin-top: 54px; padding-top: 36px; border-top: 1px solid var(--about-line); }
.about-page-content .about-section-heading { max-width: 770px; margin-bottom: 27px; }
.about-page-content .about-section-heading h2 { margin: 0 0 14px; font-size: clamp(1.7rem, 3vw, 2.4rem); line-height: 1.25; }
.about-page-content .about-section-heading > p:last-child { margin-bottom: 0; color: var(--about-muted); font-size: .9rem; line-height: 1.8; }
.about-page-content .about-method-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr)); gap: 20px; margin: 0 0 19px; padding: 0; list-style: none; }
.about-page-content .about-method-grid li { min-width: 0; padding: 25px; border: 1px solid var(--about-line); border-radius: 12px; background: linear-gradient(145deg, #131d2e, #0d1623); }
.about-page-content .about-step { display: block; margin-bottom: 17px; color: var(--about-purple); font-size: .77rem; font-weight: 700; font-variant-numeric: tabular-nums; letter-spacing: .06em; }
.about-page-content .about-method-grid h3 { margin: 0 0 12px; color: #e7f0f9; font-size: 1.08rem; line-height: 1.4; letter-spacing: -.015em; }
.about-page-content .about-method-grid p { margin: 0; color: var(--about-muted); font-size: .84rem; line-height: 1.85; }
.about-page-content .about-confidence { margin-top: 38px; padding: 29px 30px; border: 1px solid #516584; border-left: 3px solid var(--about-purple); border-radius: 12px; background: #141b2c; }
.about-page-content .about-confidence .about-eyebrow { color: #cdbbf3; }
.about-page-content .about-confidence h2 { margin: 0 0 15px; color: #ecf2fa; font-size: clamp(1.45rem, 2.5vw, 1.9rem); line-height: 1.35; }
.about-page-content .about-confidence > p:last-child { max-width: 930px; margin-bottom: 0; color: #c2ccda; font-size: .87rem; line-height: 1.85; }
.about-page-content .about-resources { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 230px), 1fr)); gap: 16px; margin-top: 36px; }
.about-page-content .about-resources > a { position: relative; min-width: 0; padding: 23px 48px 23px 23px; border: 1px solid #496780; border-radius: 10px; background: #0d1c2b; color: #e8f4fd; transition: background .18s ease, border-color .18s ease; }
.about-page-content .about-resources > a:hover { background: #142c40; border-color: #84b9dc; text-decoration: none; }
.about-page-content .about-resources > a > span:first-child { display: block; margin-bottom: 11px; color: #b3d2e8; font-size: .59rem; font-weight: 700; line-height: 1.7; letter-spacing: .1em; }
.about-page-content .about-resources strong { display: block; color: #e8f4fd; font-size: 1rem; line-height: 1.45; }
.about-page-content .about-resources p { margin: 9px 0 0; color: #b9c9da; font-size: .78rem; line-height: 1.8; }
.about-page-content .about-resource-arrow { position: absolute; top: 23px; right: 21px; color: var(--about-blue); font-size: 1.1rem; }
.about-page-content :focus-visible { outline: 3px solid var(--about-blue); outline-offset: 5px; }
@media (max-width: 850px) {
  .about-page-content .about-intro-grid { grid-template-columns: minmax(0, 1fr); gap: 20px; }
  .about-page-content .about-founder-mark { margin-bottom: 22px; }
  .about-page-content .about-experience span { max-width: none; }
}
@media (max-width: 520px) {
  .about-page-content .about-heading { margin-bottom: 28px; }
  .about-page-content .about-eyebrow { font-size: .6rem; letter-spacing: .1em; }
  .about-page-content .about-founder-card, .about-page-content .about-mission-card { padding: 22px; border-radius: 12px; }
  .about-page-content .about-founder-card h2 { margin-bottom: 22px; }
  .about-page-content .about-method { margin-top: 36px; padding-top: 29px; }
  .about-page-content .about-method-grid { gap: 16px; }
  .about-page-content .about-method-grid li { padding: 22px; }
  .about-page-content .about-confidence { margin-top: 28px; padding: 22px; }
  .about-page-content .about-resources { gap: 14px; margin-top: 28px; }
}
@media (prefers-reduced-motion: reduce) {
  .about-page-content *, .about-page-content *::before, .about-page-content *::after { scroll-behavior: auto; animation: none; transition: none; }
}