.dsp-controls{display:flex;align-items:center;gap:8px}.dsp-controls button{width:32px;height:32px;border:1px solid #d6e1ef;border-radius:50%;background:#fff;color:#072d76;cursor:pointer;font-size:18px}.dsp-controls button:hover{background:#072d76;color:#fff}.dsp-controls button:focus-visible{outline:3px solid #ffbf00}.hero-image img{object-position:center 35%}.hero-image::after{background:linear-gradient(180deg,transparent,rgba(7,45,118,.2))}.mobile-cta{position:fixed;z-index:29;left:14px;right:14px;bottom:calc(10px + env(safe-area-inset-bottom));display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px 10px 16px;border:1px solid #dfe5ef;border-radius:18px;background:#fff;color:#061c4a;box-shadow:0 12px 34px #061c4a30}.mobile-cta[hidden]{display:none!important}.mobile-cta>span{font-size:11px;line-height:1.25;font-weight:750}.mobile-cta a{flex:none;padding:12px 14px;border-radius:13px;background:#f50068;color:#fff;text-decoration:none;font-size:13px;font-weight:850;white-space:nowrap}.mobile-cta a:focus-visible{outline:3px solid #ffbf00;outline-offset:2px}.mobile-cta:not([hidden])+.back-to-top{bottom:calc(86px + env(safe-area-inset-bottom))}@media(max-width:680px){body{padding-bottom:76px}}@media(max-width:600px){.dsp-controls>span{display:none}}

/* UX refinement: consistent type, calmer cards and reliable small-screen layout. */
html{scroll-padding-top:88px}
main,section,.shell,.hero-grid,.footer-grid,.stories,.opportunity-grid{min-width:0}
.section-head{gap:clamp(24px,5vw,64px);margin-bottom:clamp(28px,4vw,44px)}
.section-head h2{font-size:clamp(2.15rem,4.6vw,4.35rem);line-height:1.02;letter-spacing:-.055em;text-wrap:balance}
.section-head p,.hero-copy>p,.manifesto-copy>p,.radio-copy>p,.inflight-copy>p,.access-copy>p{line-height:1.65}
.hero h1{line-height:.94;text-wrap:balance}
.hero-copy>p{max-width:56ch}
.btn{min-width:0;white-space:normal;text-align:center;line-height:1.2}
.hero-actions .btn-primary{min-width:190px}
.story,.opportunity-card,.tile,.airline{min-width:0}
.story-media{aspect-ratio:16/10;overflow:hidden;background:#e8edf5}
.story-media img{width:100%;height:100%;object-fit:cover}
.story-body h3,.tile h3,.opportunity-copy h3{text-wrap:balance;line-height:1.12}
.opportunity-card>img{object-fit:cover;object-position:center}
.opportunity-card.sync{display:flex;flex-direction:column}
.opportunity-card.sync .partner-cloud{position:relative;inset:auto;z-index:3;flex:none;margin:34px 34px 0;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.opportunity-card.sync .opportunity-copy{position:relative;inset:auto;z-index:2;margin-top:auto;padding:28px 42px 36px}
.opportunity-card.sync .partner-logo{min-width:0;min-height:54px}
.opportunity-card.sync .partner-logo img{max-width:82px}
.opportunity-card.sync .partner-logo{background:#fff;border-color:#fff}
.opportunity-card.sync .partner-logo img{max-width:100%;max-height:32px;object-fit:contain}
.opportunity-card.sync .partner-logo img[alt="Epic Games"],.opportunity-card.sync .partner-logo img[alt="HBO"]{filter:brightness(0)}
.opportunity-card.sync .partner-logo--conectahit{overflow:hidden;background:#fff!important;border-color:#fff!important}
.opportunity-card.sync .partner-logo--conectahit img{width:100%;height:34px;max-width:none;max-height:none;object-fit:cover;object-position:center;filter:none}
.mascot{pointer-events:none}
.tile-with-mascot{padding-right:150px}
.footer-grid{grid-template-columns:1.25fr 1fr 1fr;gap:clamp(28px,5vw,64px)}
.footer-brand p{max-width:34ch}
.footer-playlists{display:inline-flex;align-items:center;gap:9px;margin-top:8px;padding:11px 15px;border:1px solid rgba(255,255,255,.28);border-radius:12px;color:#fff;font-size:.9rem;font-weight:800;transition:background .2s ease,border-color .2s ease}
.footer-playlists:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.6)}
.footer-create{display:inline-flex;align-items:center;gap:8px;width:max-content;margin-top:4px;padding:11px 15px;border-radius:12px;background:#ff006b;color:#fff!important;font-weight:850!important}
.footer-create:hover{background:#d90059}
.footer-legal{display:flex;align-items:center;flex-wrap:wrap;gap:12px 20px}
.footer-legal a{color:rgba(255,255,255,.56)}
.footer-legal a:hover{color:#fff}
.footer-bottom{align-items:center;margin-top:42px}
.dsp-scroller,.dsp-track{overscroll-behavior-inline:contain;scrollbar-width:none;-ms-overflow-style:none}
.dsp-scroller::-webkit-scrollbar{display:none}
.dsp-scroller:focus-visible{outline:3px solid #ffbf00;outline-offset:3px}
@media(max-width:980px){.footer-grid{grid-template-columns:1.2fr 1fr 1fr;gap:28px}.section-head{grid-template-columns:1fr .8fr}}
@media(max-width:680px){
  .section-head{gap:12px;margin-bottom:28px}
  .section-head h2{font-size:clamp(2rem,9vw,3rem);line-height:1.04}
  .section-head p{font-size:.98rem}
  .hero h1{font-size:clamp(3rem,14.5vw,4.8rem);line-height:.96}
  .hero-copy>p{font-size:1rem}
  .hero-actions{display:grid;grid-template-columns:1fr;gap:10px;margin-top:24px}
  .hero-actions .btn{width:100%;min-height:48px}
  .hero-art{min-height:370px}
  .hero-image{inset:18px 8%}
  .floating-card{padding:11px 13px;border-radius:14px;box-shadow:0 12px 26px rgba(7,45,118,.14)}
  .floating-card small{font-size:.58rem;letter-spacing:.08em}
  .floating-card strong{font-size:1rem}
  .rate-card{left:0;bottom:32px}.rate-card strong{font-size:1.55rem}
  .rights-card{top:16px;right:0}.dsp-card{right:-2px;bottom:6px}
  .hero-trust{align-items:flex-start;font-size:.8rem;line-height:1.4}
  .hero-trust-mascot{width:44px;height:44px;flex-basis:44px}
  .tile-with-mascot{padding-right:112px}
  .opportunity-card{min-height:520px}
  .opportunity-copy{padding:24px}
  .opportunity-card.sync .partner-cloud{margin:24px 22px 0;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
  .opportunity-card.sync .partner-logo{min-height:46px;padding:7px}
  .opportunity-card.sync .partner-logo img{max-width:70px;max-height:24px}
  .opportunity-card.sync .opportunity-copy{padding:24px 24px 28px}
  .opportunity-card.sync .opportunity-copy h3{font-size:clamp(1.8rem,7.5vw,2.5rem);line-height:1.02}
  .mascot-cta{display:none}
  .cta-box{padding:38px 22px}
  .cta-box h2{font-size:clamp(2.45rem,11vw,4rem);line-height:.98}
  .cta-row{gap:20px;margin-top:24px}
  .cta-row .btn{width:100%;min-height:50px}
  .footer-grid{grid-template-columns:1fr 1fr;gap:28px 20px}
  .footer-brand{grid-column:1/-1}
  .footer-brand img{width:190px;height:68px}
  .musicstream-signature img{width:160px;height:46px}
  .footer-col{gap:10px}
  .footer-col strong{margin-bottom:4px}
  .footer-col a{font-size:.86rem;line-height:1.4}
  .footer-bottom{gap:18px;margin-top:30px;padding-top:18px}
  .footer-legal{gap:10px 14px}
  .mobile-cta{left:10px;right:10px;gap:8px;padding:9px 10px 9px 12px}
  .mobile-cta>span{max-width:42%;font-size:10px}
  .mobile-cta a{padding:11px 12px;font-size:12px}
}
@media(prefers-reduced-motion:reduce){.floating-card,.orbit,.mascot-cta{animation:none!important}}

/* Lightweight interactions: motion stays subordinate to reading and controls. */
.hero-art .floating-card{translate:var(--pointer-x,0px) var(--pointer-y,0px);transition:translate .45s cubic-bezier(.2,.75,.25,1)}
.journey .steps{position:relative}
.journey .steps::after{content:"";position:absolute;z-index:0;left:0;top:-1px;width:var(--journey-progress,0%);height:2px;background:var(--pink);transition:width .35s ease;pointer-events:none}
.journey .step::before{z-index:1;transition:transform .25s ease,box-shadow .25s ease}
.journey .step.is-active::before{transform:scale(1.25);box-shadow:0 0 0 9px rgba(255,0,107,.13)}
.opportunity-details{margin-top:18px;border-top:1px solid rgba(255,255,255,.24);padding-top:12px;color:rgba(255,255,255,.86)}
.opportunity-details summary{width:fit-content;cursor:pointer;font-size:.86rem;font-weight:800}
.opportunity-details summary:focus-visible{outline:2px solid #ffcf33;outline-offset:4px;border-radius:3px}
.opportunity-details p{margin:10px 0 0;font-size:.84rem;line-height:1.55;color:rgba(255,255,255,.76)}
.mascot-radio,.inflight-visual .mascot,.tile-mascot{animation:contextual-bob 6.8s ease-in-out infinite}
@keyframes contextual-bob{0%,100%{translate:0 0}50%{translate:0 -5px}}
.btn{transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease}
.btn:active{transform:translateY(1px) scale(.985)}
.btn:focus-visible,.text-link:focus-visible{outline:3px solid #ffbf00;outline-offset:4px}
.story{transition:transform .24s ease,box-shadow .24s ease}
@media(hover:hover) and (pointer:fine){.story:hover{transform:translateY(-4px)}.opportunity-card:hover{box-shadow:0 22px 48px rgba(7,29,72,.18)}}
@media(max-width:680px){.journey .steps{background:none}.journey .steps::after{top:0;left:4px;width:2px;height:var(--journey-progress,0%);transition:height .35s ease}.journey .step{padding-left:22px}.journey .step::before{left:0}}
@media(prefers-reduced-motion:reduce){.hero-art .floating-card{translate:none!important;transition:none!important}.journey .steps::after,.journey .step::before{transition:none!important}.mascot-radio,.inflight-visual .mascot,.tile-mascot{animation:none!important}.btn,.story{transition:none!important}.btn:active{transform:none}}
.mobile-client-link{display:none}
@media(max-width:680px){body{padding-bottom:112px}.mobile-client-link{display:inline-flex;justify-content:center}.mobile-cta{align-items:center}.mobile-cta-actions{display:flex;flex:1;flex-direction:column;gap:5px}.mobile-cta-actions a{width:100%;text-align:center}.mobile-cta-actions .mobile-cta-login{padding:8px 12px;border:1px solid #dfe5ef;background:#fff;color:#072d76}.mobile-cta:not([hidden])+.back-to-top{bottom:calc(122px + env(safe-area-inset-bottom))}}