.home-hub .hub-radar-feature { padding: 0 0 108px; background: var(--hub-paper); }
.home-hub .hub-radar-panel { position: relative; overflow: hidden; display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(285px, .65fr); gap: 42px; padding: 52px 58px; color: #fff; background: radial-gradient(circle at 89% 13%, rgba(114, 165, 239, .25), transparent 31%), linear-gradient(125deg, #07172e, #153a6a); border-radius: 18px; box-shadow: 0 24px 65px rgba(6, 18, 38, .14); }
.home-hub .hub-radar-panel::after { content: ''; pointer-events: none; position: absolute; width: 330px; height: 330px; right: -92px; top: -125px; border: 1px solid rgba(195, 218, 255, .14); border-radius: 50%; box-shadow: 0 0 0 63px rgba(195, 218, 255, .035), 0 0 0 126px rgba(195, 218, 255, .025); }
.home-hub .hub-radar-copy,.home-hub .hub-radar-signals { position: relative; z-index: 1; }
.home-hub .hub-radar-kicker { color: #b9d5fb; font-size: 11px; font-weight: 700; letter-spacing: .15em; text-transform: uppercase; margin-bottom: 22px; }
.home-hub .hub-radar-copy h2 { max-width: 680px; color: #fff; font-size: clamp(32px, 3.35vw, 48px); line-height: 1.15; }
.home-hub .hub-radar-copy > p:not(.hub-radar-kicker) { max-width: 620px; margin-top: 22px; color: #d2deee; font-size: 15px; line-height: 1.75; }
.home-hub .hub-radar-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 25px; margin-top: 32px; }
.home-hub .hub-radar-primary { display: inline-flex; align-items: center; gap: 15px; min-height: 46px; padding: 0 19px; border-radius: 5px; color: #10233e; background: #fff; font-size: 12px; font-weight: 800; }
.home-hub .hub-radar-primary:hover { background: #dbe9fb; }
.home-hub .hub-radar-secondary { color: #d9e9ff; font-size: 12px; font-weight: 700; }
.home-hub .hub-radar-secondary:hover { color: #fff; text-decoration: underline; }
.home-hub .hub-radar-signals { align-self: center; padding-left: 25px; border-left: 1px solid rgba(211, 227, 255, .28); }
.home-hub .hub-radar-signals > p { color: #a9c6ed; font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: .14em; margin-bottom: 16px; }
.home-hub .hub-radar-signals ol { list-style: none; padding: 0; margin: 0; }
.home-hub .hub-radar-signals li { display: grid; grid-template-columns: 11px 1fr; gap: 13px; align-items: start; padding: 12px 0; border-top: 1px solid rgba(211, 227, 255, .16); color: #e2ebf8; font-size: 13px; line-height: 1.5; }
.home-hub .hub-radar-signals li::before { content: ''; width: 8px; height: 8px; margin-top: 5px; border: 2px solid #7fb4ff; border-radius: 50%; }
.home-hub .hub-radar-signals li:first-child::before { background: #7fb4ff; }
.home-hub .hub-radar-signals strong { display: block; color: #fff; font-size: 13px; font-weight: 700; }
.home-hub .hub-radar-note { grid-column: 1 / -1; margin-top: 1px; padding-top: 17px; border-top: 1px solid rgba(211, 227, 255, .16); color: #9db8db; font-size: 11px; }
@media(max-width:900px) { .home-hub .hub-radar-panel { grid-template-columns: 1fr; gap: 28px; padding: 42px; } .home-hub .hub-radar-signals { padding-left: 0; border-left: 0; } .home-hub .hub-radar-signals ol { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 13px; } .home-hub .hub-radar-signals li { border-top: 1px solid rgba(211, 227, 255, .24); } }
@media(max-width:650px) { .home-hub .hub-radar-feature { padding-bottom: 65px; } .home-hub .hub-radar-panel { gap: 24px; padding: 30px 25px; border-radius: 12px; } .home-hub .hub-radar-kicker { font-size: 9px; } .home-hub .hub-radar-copy h2 { font-size: 31px; } .home-hub .hub-radar-copy > p:not(.hub-radar-kicker) { font-size: 13px; } .home-hub .hub-radar-signals ol { grid-template-columns: 1fr; gap: 0; } .home-hub .hub-radar-actions { align-items: flex-start; flex-direction: column; } }