/* agent-readiness-2:start (shipped live as its own stylesheet) */
/* Footer social links. */
.footer-social { display:flex; gap:10px; margin-top:20px; }
.footer-social a { display:inline-flex; align-items:center; justify-content:center; width:38px; height:38px; border:1px solid #d5d9d2; border-radius:999px; background:#f4f5f2; color:var(--ink); transition:background-color .18s ease,border-color .18s ease,color .18s ease,transform .18s ease; }
.footer-social a:hover { background:#fff; border-color:#c4cac2; color:var(--accent-ink); transform:translateY(-1px); }
.footer-social svg { width:18px; height:18px; }

/* About page: the legal reading column plus one closing call to action. */
.about-letter h3 { margin-top:22px; color:var(--ink); font-size:17px; }
.about-letter h3 + p { margin-top:4px; }
.about-actions { display:flex; flex-wrap:wrap; align-items:center; gap:10px 24px; margin-top:6px; }
.about-actions .button { min-height:48px; padding:14px 20px; color:var(--surface-raised); text-decoration:none; }
.about-letter .legal-meta { max-width:36em; color:var(--muted)!important; font-size:17px!important; line-height:1.7!important; }
.about-secondary { color:var(--ink); font-size:14px; font-weight:550; text-decoration:underline; text-decoration-color:var(--accent); text-underline-offset:4px; }
.about-figure { margin:26px 0 8px; }
.about-figure figcaption { margin-top:10px; color:#7b8289; font-size:12px; }
.about-rush svg { display:block; width:100%; max-width:600px; height:auto; overflow:visible; }
.about-rush text { fill:var(--muted); font-size:12px; font-weight:600; letter-spacing:.02em; }
.about-rush .r-display { fill:var(--surface-raised); stroke:#cfd3d8; }
.about-rush .r-time { fill:var(--ink); font-size:26px; font-weight:600; letter-spacing:-.02em; font-variant-numeric:tabular-nums; }
.about-rush .r-t1, .about-rush .r-t2 { opacity:0; }
.about-rush .r-t3 { fill:var(--accent-ink); }
.about-rush .r-seat1 { fill:#f6f1e4; stroke:#c9b27a; }
.about-rush .r-seat { fill:#dfe2e6; stroke:#cdd2d7; }
.about-rush .r-botto { fill:#132030; }
.about-rush .r-back { fill:#e2e5e9; }
.about-rush .r-front { fill:#cdd2d7; }
.about-rush .r-arm { fill:none; stroke-width:5; stroke-linecap:round; }
.about-rush .r-back .r-arm { stroke:#e2e5e9; }
.about-rush .r-front .r-arm { stroke:#cdd2d7; }
.about-rush .r-reach line { stroke:#c9b27a; stroke-width:1.2; stroke-dasharray:2 5; stroke-linecap:round; opacity:0; }
.about-rush .r-ground { stroke:var(--line); }
/* 10 s loop: 13:58, 13:59, 14:00, Botto lands first, the crowd reaches, the other places fill, reset. */
@media (prefers-reduced-motion:no-preference) {
  .about-rush .r-t1 { animation:r-t1 10s step-end infinite; }
  .about-rush .r-t2 { animation:r-t2 10s step-end infinite; }
  .about-rush .r-t3 { animation:r-t3 10s step-end infinite; }
  .about-rush .r-botto-move { animation:r-botto 10s infinite; }
  .about-rush .r-seat1 { animation:r-seat1 10s infinite; }
  .about-rush .r-seat2 { animation:r-seat2 10s infinite; }
  .about-rush .r-seat3 { animation:r-seat3 10s infinite; }
  .about-rush .r-seat4 { animation:r-seat4 10s infinite; }
  .about-rush .r-arm { animation:r-arm 10s infinite; }
  .about-rush .r-reach line { animation:r-reach 10s infinite; }
}
@keyframes r-t1 { 0% { opacity:1; } 14% { opacity:0; } 95% { opacity:1; } }
@keyframes r-t2 { 0% { opacity:0; } 14% { opacity:1; } 28% { opacity:0; } }
@keyframes r-t3 { 0% { opacity:0; } 28% { opacity:1; } 95% { opacity:0; } }
@keyframes r-botto {
  0%, 28% { transform:translate(-100.5px, 113.5px); opacity:1; animation-timing-function:cubic-bezier(.2,.9,.25,1); }
  33%, 90% { transform:translate(0,0); opacity:1; }
  93% { transform:translate(0,0); opacity:0; }
  94% { transform:translate(-100.5px, 113.5px); opacity:0; }
  98%, 100% { transform:translate(-100.5px, 113.5px); opacity:1; }
}
@keyframes r-seat1 { 0%, 31% { fill:var(--surface-raised); stroke:#cfd3d8; } 33%, 90% { fill:#f6f1e4; stroke:#c9b27a; } 95%, 100% { fill:var(--surface-raised); stroke:#cfd3d8; } }
@keyframes r-seat2 { 0%, 47% { fill:var(--surface-raised); } 49%, 90% { fill:#dfe2e6; } 95%, 100% { fill:var(--surface-raised); } }
@keyframes r-seat3 { 0%, 53% { fill:var(--surface-raised); } 55%, 90% { fill:#dfe2e6; } 95%, 100% { fill:var(--surface-raised); } }
@keyframes r-seat4 { 0%, 59% { fill:var(--surface-raised); } 61%, 90% { fill:#dfe2e6; } 95%, 100% { fill:var(--surface-raised); } }
@keyframes r-arm { 0%, 31% { opacity:0; } 35%, 90% { opacity:1; } 95%, 100% { opacity:0; } }
@keyframes r-reach { 0%, 32% { opacity:0; } 36%, 64% { opacity:.75; } 72%, 100% { opacity:0; } }
@media (prefers-reduced-motion:reduce) { .footer-social a { transition:none; } .footer-social a:hover { transform:none; } }
/* agent-readiness-2:end */
