/* Focused additions to Avyra's existing design system. */
.focus-areas { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-8); }
.focus-area { border-top: 1px solid var(--color-border-strong); padding-top: var(--space-6); }
.focus-area h3, .product-group__title { font-size: var(--text-sm); line-height: 1.5; letter-spacing: .09em; text-transform: uppercase; }
.focus-area p { color: var(--color-text-muted); margin-top: var(--space-3); }
.product-group + .product-group { margin-top: var(--space-12); }
.product-group__title { color: var(--color-text-muted); margin-bottom: var(--space-5); }
.products-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.products-grid--available { grid-template-columns: minmax(0, 1fr); }
.products-grid--available .product-card__desc { max-width: 70ch; }
.products-grid--available .product-card__actions { width: min(100%, 560px); }
.product-card__name { margin: 0; line-height: 1.2; }
.constellation__node--2 { top: auto; right: 16%; bottom: 6%; }
.approach-step__num, .milestone--future .milestone__year { color: var(--color-text-muted); }
.timeline { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.store-btn--pending { opacity: 1; color: var(--color-text-muted); }
.nav__mobile-cta .btn { color: var(--color-text-inverse) !important; }
.sr-only:focus-visible { position: fixed; top: 8px; left: 8px; z-index: 1000; width: auto; height: auto; clip: auto; margin: 0; padding: 12px 18px; background: var(--color-surface); color: var(--color-text); }
@media (max-width: 700px) { .focus-areas, .products-grid { grid-template-columns: 1fr; } }
@media (max-width: 900px) { .timeline { grid-template-columns: 1fr; } }
@media (prefers-reduced-motion: reduce) { .reveal { opacity: 1; transform: none; } }