.header-link { font-size: 13px; color: var(--muted); text-decoration: none; min-height: 44px; display: inline-flex; align-items: center; }
.about-intro { padding-block: clamp(20px, 5vw, 56px) 18px; }
.about-intro h1 { font-size: clamp(42px, 8vw, 72px); letter-spacing: -.055em; line-height: 1.04; margin-bottom: 26px; }
.about-intro .lead { max-width: 510px; margin-bottom: 30px; }
.about-intro .button { min-height: 48px; padding-inline: 24px; font-size: 16px; gap: 20px; }
.about-intro .note { margin-top: 14px; font-size: 13px; }
.about-features { display: grid; margin-top: 48px; border-top: 1px solid var(--line); }
.about-features article { display: grid; grid-template-columns: 36px minmax(0, 1fr); gap: 18px; padding-block: 28px; border-bottom: 1px solid var(--line); }
.feature-number { color: var(--primary); font-size: 12px; font-variant-numeric: tabular-nums; padding-top: 7px; }
.about-features h2 { font-size: 21px; margin-bottom: 8px; }
.about-features p, .about-access p { max-width: 610px; color: var(--muted); font-size: 15px; line-height: 1.65; }
.about-access { margin-top: 52px; }
.about-access h2 { font-size: 19px; }
.about-access a { display: inline-block; padding-block: 8px; }
.about-footer { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 8px 24px; border-top: 1px solid var(--line); padding-top: 18px; }
.about-footer a { display: inline-flex; align-items: center; min-height: 44px; }
.about-footer > span { display: inline-flex; align-items: center; min-height: 44px; }
@media (max-width: 380px) { .header-link { font-size: 11px; } .about-features article { grid-template-columns: 24px minmax(0, 1fr); gap: 12px; } }