.metro-sport__how{padding:0 0 var(--space-3xl)}.metro-sport__how-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:var(--space-xl);gap:var(--space-xl);max-width:960px;margin:0 auto}.metro-sport__how-step{text-align:center}.metro-sport__how-number{width:40px;height:40px;border-radius:50%;background:var(--color-accent-primary);color:var(--color-white);font-family:var(--font-display);font-size:var(--text-body-lg);font-weight:700;display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-md)}.metro-sport__how-title{font-family:var(--font-display);font-size:var(--text-title-lg);font-weight:700;color:var(--color-text-primary);margin-bottom:var(--space-xs)}.metro-sport__how-desc{font-size:var(--text-body-sm);color:var(--color-text-secondary);line-height:var(--leading-normal)}.metro-sport__pricing{padding:0 0 var(--space-3xl)}.metro-sport__pricing-card{max-width:480px;margin:0 auto;background:var(--color-bg-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);padding:var(--space-xl) var(--space-xl);text-align:center}.metro-sport__pricing-amount{display:flex;align-items:baseline;justify-content:center;gap:var(--space-4xs);margin-bottom:var(--space-2xs)}.metro-sport__pricing-dollar{font-family:var(--font-display);font-size:var(--text-display-md);font-weight:700;color:var(--color-text-primary);letter-spacing:-.02em}.metro-sport__pricing-period{font-size:var(--text-body-md);color:var(--color-text-muted)}.metro-sport__pricing-note{font-size:var(--text-body-sm);color:var(--color-text-muted);margin-bottom:var(--space-lg)}.metro-sport__pricing-list{list-style:none;padding:0;margin:0;text-align:left;display:flex;flex-direction:column;gap:var(--space-sm)}.metro-sport__pricing-list li{display:flex;align-items:flex-start;gap:var(--space-sm);font-size:var(--text-body-sm);color:var(--color-text-secondary);line-height:var(--leading-normal)}.metro-sport__pricing-check{flex-shrink:0;margin-top:2px;color:var(--color-accent-primary)}.metro-sport__browse{padding:var(--space-3xl) 0 var(--space-4xl);background:var(--color-bg-subtle)}.metro-sport__browse-header{text-align:center;max-width:640px;margin:0 auto var(--space-xl)}.metro-sport__browse-subtitle{font-size:var(--text-body-lg);color:var(--color-text-secondary);line-height:var(--leading-normal);margin-top:var(--space-md)}.metro-sport__tabs{display:flex;justify-content:center;gap:var(--space-sm);margin-bottom:var(--space-lg)}.metro-sport__tab{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-pill);border:1px solid var(--color-border-subtle);background:var(--color-bg-surface);cursor:pointer;transition:all .2s ease;font-family:var(--font-body)}.metro-sport__tab:hover{border-color:rgba(var(--accent-rgb),.25)}.metro-sport__tab--active{background:var(--color-accent-softest);border-color:rgba(var(--accent-rgb),.3)}.metro-sport__tab-label{font-size:var(--text-body-md);font-weight:600;color:var(--color-text-primary)}.metro-sport__tab--active .metro-sport__tab-label{color:var(--color-accent-primary)}.metro-sport__tab-count{font-size:var(--text-body-sm);color:var(--color-text-muted)}.metro-sport__tab--active .metro-sport__tab-count{color:var(--color-accent-primary)}.metro-sport__season{text-align:center;font-family:var(--font-body);font-size:var(--text-body-sm);color:var(--color-text-muted);margin-bottom:var(--space-xl)}.metro-sport__grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:var(--space-sm);gap:var(--space-sm);max-width:960px;margin:0 auto}.metro-sport__metro-card{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-lg);background:var(--color-bg-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);text-decoration:none;transition:border-color .2s ease,box-shadow .2s ease}.metro-sport__metro-card:hover{border-color:rgba(var(--accent-rgb),.25);box-shadow:0 2px 12px rgba(var(--accent-rgb),.06)}.metro-sport__metro-name{font-size:var(--text-body-md);font-weight:500;color:var(--color-text-primary)}.metro-sport__metro-arrow{font-size:var(--text-body-md);color:var(--color-text-muted);transition:color .2s ease}.metro-sport__metro-card:hover .metro-sport__metro-arrow{color:var(--color-accent-primary)}@media (max-width:900px){.metro-sport__how-grid{grid-template-columns:1fr;max-width:400px;gap:var(--space-xl)}.metro-sport__grid{grid-template-columns:repeat(2,1fr)}.metro-sport__tabs{flex-wrap:wrap}}@media (max-width:480px){.metro-sport__grid{grid-template-columns:1fr}.metro-sport__tab{padding:var(--space-xs) var(--space-md)}}