/* AnytimeClub — About page */

.about-page{max-width:900px;margin:0 auto;padding:32px 16px 72px}
.about-hero{padding:52px 28px;text-align:center;margin-bottom:22px}
.about-eyebrow{margin:0 0 10px;font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted,rgba(255,255,255,.6))}
.about-hero h1{margin:0 auto 14px;font-size:clamp(1.4rem,4.2vw,2.1rem);line-height:1.35;max-width:640px;font-weight:600}
.about-tagline{margin:0 auto;max-width:520px;font-size:1.02rem;color:#c9d2ff;font-style:italic}

.about-story{padding:30px 28px;margin-bottom:22px}
.about-story h2,.about-section h2,.about-built h2{margin:0 0 12px;font-size:1.25rem}
.about-story p{line-height:1.7;color:var(--text-soft,rgba(255,255,255,.86));margin:0 0 12px}
.about-signature{font-style:italic;color:var(--muted,rgba(255,255,255,.65));margin-bottom:0 !important}

.about-section{margin-bottom:22px}
.about-section h2{margin:0 0 14px}
.about-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px}
.about-card{padding:22px 18px}
.about-card h3{margin:10px 0 6px;font-size:1rem}
.about-card p{margin:0;font-size:.9rem;line-height:1.55;color:var(--muted,rgba(255,255,255,.7))}
.about-icon{font-size:1.5rem;display:block}

.about-built{padding:26px 28px;margin-bottom:26px}
.about-built p{margin:0;line-height:1.7;color:var(--text-soft,rgba(255,255,255,.86))}

.about-cta{text-align:center}
.about-cta-btn{display:inline-block;padding:14px 34px;border-radius:999px;background:linear-gradient(120deg,#6c7bff,#9a6cff);color:#fff;font-weight:600;text-decoration:none;box-shadow:0 10px 30px rgba(108,123,255,.35);transition:transform .15s ease,box-shadow .15s ease}
.about-cta-btn:hover{transform:translateY(-2px);box-shadow:0 14px 36px rgba(108,123,255,.45)}
.about-cta-btn:focus-visible{outline:2px solid #fff;outline-offset:3px}
.about-links{margin-top:16px;display:flex;gap:16px;justify-content:center;flex-wrap:wrap;font-size:.9rem}
.about-links a{color:#9db4ff}

@media (max-width:600px){
  .about-page{padding:20px 10px 56px}
  .about-hero{padding:36px 16px}
  .about-cards{grid-template-columns:1fr 1fr}
}
@media (max-width:420px){
  .about-cards{grid-template-columns:1fr}
}

@media (prefers-reduced-motion:reduce){
  .about-cta-btn,.about-card{transition:none}
}