.listen-hub{position:relative;isolation:isolate;padding:clamp(24px,4vw,44px);margin-bottom:24px;border:1px solid #8fc6ef40;border-radius:24px;background:radial-gradient(ellipse at 88% 0%,#29648655,transparent 55%),linear-gradient(125deg,#102c45,#081b2e);overflow:hidden}
.listen-heading{margin-bottom:26px;max-width:660px}.listen-heading .kicker{font-size:.875rem;letter-spacing:.1em;margin:0 0 10px}.listen-heading h3{margin:0 0 12px;color:#f2f8ff;font:700 clamp(2rem,4vw,3.2rem)/1.08 Syne,sans-serif;letter-spacing:-.04em}.listen-heading>p:last-child{font-size:1rem;color:#c2d7e6;line-height:1.65;margin:0}
.listen-services{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.listen-service{--brand:#a1d5fa;display:grid;grid-template-columns:54px minmax(0,1fr);grid-template-rows:auto auto;column-gap:16px;align-content:center;padding:24px 20px;min-height:120px;border:1px solid #8fc6ef35;border-radius:18px;background:#07182bb3;text-decoration:none!important;transition:transform .25s,border-color .25s,background .25s;min-width:0}.listen-service--spotify{--brand:#1ed760}.listen-service--applemusic{--brand:#fa586a}.listen-service--youtubemusic{--brand:#ff3c4b}.listen-service-icon{grid-row:1/3;display:grid;place-items:center;width:54px;height:54px;border-radius:14px;background:color-mix(in srgb,var(--brand) 12%,#07182b);border:1px solid color-mix(in srgb,var(--brand) 30%,transparent)}.listen-service-icon img{display:block;width:34px;height:34px}.listen-service-name{font-size:clamp(1rem,1.4vw,1.2rem);font-weight:800;color:#f7fbff;line-height:1.4;align-self:end}.listen-service-action{color:#b8d1e2;font-size:.875rem;line-height:1.5;margin-top:5px;align-self:start}.listen-service:hover{transform:translateY(-4px);border-color:var(--brand);background:#102c45;box-shadow:0 12px 25px #020b1833}.listen-service:focus-visible{outline:3px solid var(--brand);outline-offset:4px}
.listen-social{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px 28px;margin-top:30px;padding-top:26px;border-top:1px solid #8fc6ef30}.listen-social h4{font:700 1.2rem/1.35 Manrope,sans-serif;margin:0 0 8px;color:#f0f7fc}.listen-social p{font-size:1rem;color:#bfd5e5;line-height:1.65;margin:0}.listen-social-chips{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:10px}.listen-social-chip{display:inline-flex;align-items:center;gap:8px;padding:10px 12px;min-height:44px;border:1px solid #8fc6ef30;background:#081d30;border-radius:12px;font-size:.875rem;font-weight:700;color:#e4f2fc}.listen-social-chip img{display:block;width:22px;height:22px;object-fit:contain}.listen-social-instruction{grid-column:1/-1;font-size:.875rem!important;color:#a9c3d7!important}
@media(max-width:1050px){.listen-services{gap:12px}.listen-service{grid-template-columns:44px minmax(0,1fr);column-gap:12px;padding:20px 16px}.listen-service-icon{width:44px;height:44px;border-radius:12px}.listen-service-icon img{width:28px;height:28px}.listen-social{grid-template-columns:1fr;gap:18px}.listen-social-chips{justify-content:flex-start}}
@media(max-width:650px){.listen-services{grid-template-columns:1fr;gap:10px}.listen-service{min-height:86px;padding:17px 18px;grid-template-columns:48px minmax(0,1fr);column-gap:16px}.listen-service-icon{width:48px;height:48px}.listen-service-name{font-size:1.1rem}.listen-service-action{font-size:.875rem}.listen-hub{padding:24px 20px;border-radius:20px}.listen-heading{margin-bottom:20px}.listen-social{margin-top:24px;padding-top:22px}.listen-social-chips{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.listen-social-chip{padding:10px;gap:8px}}
@media(prefers-reduced-motion:reduce){.listen-service{transition:none}.listen-service:hover{transform:none}}