.spoke-top-nav{display:flex;align-items:center;gap:12px;overflow-x:auto;padding:8px 16px;margin-bottom:20px;background:linear-gradient(135deg,#ffffff,#f8fafc);border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px rgba(0,0,0,.05),0 1px 2px rgba(0,0,0,.1);scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent}.spoke-top-nav::-webkit-scrollbar{height:4px}.spoke-top-nav::-webkit-scrollbar-track{background:transparent}.spoke-top-nav::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:2px}.spoke-top-nav-link{display:inline-flex;align-items:center;justify-content:center;padding:10px 16px;border:1px solid transparent;border-radius:8px;background:transparent;color:#475569;font-size:.875rem;font-weight:500;text-decoration:none;white-space:nowrap;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;min-width:fit-content}.spoke-top-nav-link:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(59,130,246,.05),rgba(99,102,241,.05));border-radius:8px;opacity:0;transition:opacity .2s ease}.spoke-top-nav-link:hover{color:#1e293b;background:rgba(248,250,252,.8);border-color:#cbd5e1;transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.08)}.spoke-top-nav-link:hover:before{opacity:1}.spoke-top-nav-link-active{background:linear-gradient(135deg,#1e40af,#3b82f6);color:#ffffff;border-color:#1e40af;box-shadow:0 4px 12px rgba(30,64,175,.25);font-weight:600}.spoke-top-nav-link-active:before{opacity:0}.spoke-top-nav-link-active:hover{transform:none;box-shadow:0 6px 16px rgba(30,64,175,.3)}@media (max-width:640px){.spoke-top-nav{margin-bottom:16px;padding:6px 12px;gap:6px;position:relative}.spoke-top-nav:after{content:"";position:absolute;top:0;right:0;width:24px;height:100%;background:linear-gradient(270deg,rgba(255,255,255,.9),transparent);pointer-events:none;z-index:1;border-radius:0 12px 12px 0}.spoke-top-nav-link{padding:8px 12px;font-size:.8125rem;min-width:auto}}@media (max-width:480px){.spoke-top-nav{padding:5px 10px;gap:4px;margin-bottom:12px}.spoke-top-nav-link{padding:7px 10px;font-size:.75rem;border-radius:6px}}.spoke-top-nav-link:focus{outline:2px solid #3b82f6;outline-offset:2px}.spoke-top-nav-link-active:focus{outline-color:#ffffff}.spoke-promo-section{margin-top:1.5rem;margin-bottom:1rem}.spoke-promo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.spoke-promo-card{position:relative;display:flex;flex-direction:column;padding:1.75rem;background:#ffffff;border:1px solid #e2e8f0;border-radius:16px;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);text-decoration:none;box-shadow:0 1px 3px rgba(0,0,0,.05),0 1px 2px rgba(0,0,0,.02)}.spoke-promo-card:hover{transform:translateY(-4px);border-color:#cbd5e1;box-shadow:0 12px 24px -8px rgba(0,0,0,.08)}.spoke-promo-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;transition:height .2s ease}.total-return-card:before{background:#10b981}.valuation-card:before{background:#3b82f6}.compare-card:before{background:#8b5cf6}.spoke-promo-card:hover:before{height:6px}.spoke-promo-icon-wrapper{margin-bottom:1.25rem;padding:.75rem;border-radius:12px;width:fit-content;display:flex;align-items:center;justify-content:center}.total-return-card .spoke-promo-icon-wrapper{background:#ecfdf5;color:#059669}.valuation-card .spoke-promo-icon-wrapper{background:#eff6ff;color:#2563eb}.compare-card .spoke-promo-icon-wrapper{background:#f5f3ff;color:#7c3aed}.spoke-promo-content h3{font-size:1.125rem;font-weight:700;color:#0f172a;margin-bottom:.625rem;line-height:1.4}.spoke-promo-content p{font-size:.9375rem;color:#475569;margin-bottom:1.5rem;line-height:1.6;flex-grow:1}.spoke-promo-link{display:flex;align-items:center;gap:.375rem;font-size:.875rem;font-weight:600;margin-top:auto;transition:all .2s ease}.total-return-card .spoke-promo-link{color:#059669}.valuation-card .spoke-promo-link{color:#2563eb}.compare-card .spoke-promo-link{color:#7c3aed}.spoke-promo-card:hover .spoke-promo-link{gap:.625rem}@media (max-width:1024px){.spoke-promo-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.spoke-promo-grid{grid-template-columns:1fr;gap:1.25rem}.spoke-promo-card{padding:1.5rem}}