.age-result{display:grid;grid-gap:18px;gap:18px}.age-dial{position:relative;display:inline-flex;align-items:center;justify-content:center;width:100%}.age-dial svg{max-width:240px}.age-dial-label{position:absolute;text-align:center;color:var(--navy);display:flex;flex-direction:column;gap:2px;font-size:1rem}.age-dial-label strong{font-size:1.35rem}.age-metrics{display:grid;grid-gap:12px;gap:12px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.metric-card{border-radius:14px;border:1px solid var(--border);background:#eef2ff;padding:14px 16px;display:flex;flex-direction:column;gap:6px}.metric-card.highlight{background:#fff4e6;border-color:color-mix(in oklab,var(--accent) 30%,var(--border))}.metric-title{font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:700}.metric-value{font-size:1.2rem;font-weight:800;color:var(--navy)}.age-timeline{display:grid;grid-gap:10px;gap:10px;padding:12px;border-radius:14px;background:#f8f9ff;border:1px solid color-mix(in oklab,var(--primary) 15%,var(--border))}.timeline-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;grid-gap:10px;gap:10px;font-weight:600}.timeline-bar{position:relative;height:8px;background:rgba(15,31,58,.08);border-radius:999px;overflow:hidden}.timeline-fill{position:absolute;inset:0;border-radius:inherit;background:var(--primary)}@media (max-width:640px){.age-dial svg{max-width:200px}}