/* Best Net Radio — second identity: tuned signal, not a generic play badge. */
.brand-lockup{gap:10px}.brand-symbol{width:45px;height:45px;object-fit:contain;display:block;filter:drop-shadow(0 8px 13px rgba(0,0,0,.28));flex:none}.brand-wordmark{gap:5px}.brand-wordmark strong{font-size:17px;letter-spacing:.025em;font-weight:950;white-space:nowrap}.brand-wordmark strong em{color:#bbd39f;font-style:normal}.brand-wordmark strong i{color:#efc96d;font-style:normal}.brand-wordmark small{color:#d8dfd4;letter-spacing:.31em;font-size:7px}.footer-brand .brand-symbol{width:34px;height:34px}.footer-brand .brand-wordmark strong{font-size:13px}.footer-brand .brand-wordmark small{font-size:6px}.app-mini-brand{gap:6px!important}.mini-brand-symbol{width:25px;height:25px;object-fit:contain;display:block}.app-mini-brand strong{font-size:12px;letter-spacing:.02em}.app-mini-brand strong em{color:#c7dda9}.app-mini-brand strong i{color:#efc96d;font-style:normal}.color-flow-chip{width:35px!important;height:35px!important;padding:4px!important;display:grid!important;place-items:center!important;border:1px solid rgba(255,255,255,.25)!important;border-radius:50%!important;background:rgba(5,13,21,.55)!important;box-shadow:0 4px 13px rgba(0,0,0,.2),inset 0 0 0 1px rgba(0,0,0,.24)!important}.color-flow-chip:hover{background:rgba(255,255,255,.1)!important;border-color:#fff!important;transform:translateY(-1px)}.color-wheel{width:20px;height:20px;display:block!important;border-radius:50%;background:conic-gradient(from 25deg,#ef596c 0 17%,#f7c55a 17% 34%,#8fc376 34% 51%,#4fc7c7 51% 68%,#6d86ec 68% 84%,#b576dc 84% 100%)!important;box-shadow:inset 0 0 0 2px rgba(255,255,255,.8),inset 0 0 0 5px rgba(255,255,255,.12);position:relative}.color-flow-chip:after{content:"Pick your color";bottom:48px;right:-8px}.color-flow-mobile{display:none!important}.color-flow-mobile .color-wheel{width:20px;height:20px}@media(max-width:900px){.brand-symbol{width:40px;height:40px}.brand-wordmark strong{font-size:16px}.color-flow-mobile{width:34px;height:34px;position:absolute;right:69px;top:8px;display:grid!important;place-items:center;border:1px solid rgba(255,255,255,.25);border-radius:50%;background:rgba(5,13,21,.55);padding:4px;box-shadow:0 4px 13px rgba(0,0,0,.2)}.color-flow-chip{display:none!important}}@media(max-width:500px){.brand-symbol{width:37px;height:37px}.brand-wordmark strong{font-size:14px}.brand-wordmark small{font-size:6px}.color-flow-mobile{right:64px;top:7px;width:32px;height:32px}.color-flow-mobile .color-wheel{width:18px;height:18px}}

/* Color Flow-safe logo: bright lettering on a permanent, neutral brand plate. */
.logo-lockup{gap:0!important;width:222px!important;height:52px!important;padding:5px 9px!important;border:1px solid rgba(255,255,255,.32);border-radius:13px;background:linear-gradient(135deg,#02080d,#102738);box-shadow:0 8px 18px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.08)}
.site-logo{width:204px;height:40px;object-fit:contain;display:block;filter:drop-shadow(0 2px 3px rgba(0,0,0,.46));flex:none}
.footer-brand .logo-lockup{width:182px!important;height:46px!important;padding:4px 8px!important;border-radius:12px}.footer-brand .site-logo{width:166px;height:33px}
@media(max-width:900px){.logo-lockup{width:192px!important;height:48px!important;padding:4px 8px!important}.site-logo{width:176px;height:35px}}
@media(max-width:500px){.logo-lockup{width:170px!important;height:44px!important;padding:4px 7px!important}.site-logo{width:156px;height:31px}.footer-brand .logo-lockup{width:170px!important;height:44px!important}.footer-brand .site-logo{width:156px;height:31px}}

/* The supplied mark is the identity: transparent, unaltered, and allowed to breathe. */
.topbar{height:100px;border-bottom:1px solid rgba(73,198,207,.13)}
.logo-lockup{width:92px!important;height:92px!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;display:grid!important;place-items:center!important}
.site-logo{width:92px!important;height:92px!important;max-width:none!important;max-height:none!important;object-fit:contain;display:block;filter:drop-shadow(0 8px 12px rgba(0,0,0,.30));flex:none}
.footer-brand .logo-lockup{width:82px!important;height:82px!important}.footer-brand .site-logo{width:82px!important;height:82px!important}
.color-flow-chip{width:36px!important;height:36px!important;padding:4px!important;display:grid!important;place-items:center!important;border:1px solid rgba(255,255,255,.25)!important;border-radius:50%!important;background:rgba(5,13,21,.6)!important;box-shadow:0 4px 13px rgba(0,0,0,.2),inset 0 0 0 1px rgba(0,0,0,.24)!important}.color-flow-chip:hover{background:rgba(255,255,255,.1)!important;border-color:#fff!important;transform:translateY(-1px)}
.color-wheel{width:20px;height:20px;display:block!important;border-radius:50%;background:conic-gradient(from 25deg,#f5a300 0 20%,#12b8c8 20% 40%,#3e72b7 40% 60%,#8f65e9 60% 80%,#ee4f9b 80% 100%)!important;box-shadow:inset 0 0 0 2px rgba(255,255,255,.88),inset 0 0 0 5px rgba(255,255,255,.12);position:relative}.color-flow-chip:after{content:"Best Net colors";bottom:48px;right:-8px}.color-flow-mobile{display:none!important}
@media(max-width:900px){.topbar{height:80px}.logo-lockup{width:68px!important;height:68px!important}.site-logo{width:68px!important;height:68px!important}.footer-brand .logo-lockup{width:76px!important;height:76px!important}.footer-brand .site-logo{width:76px!important;height:76px!important}.color-flow-mobile{width:34px;height:34px;position:absolute;right:69px;top:8px;display:grid!important;place-items:center;border:1px solid rgba(255,255,255,.25);border-radius:50%;background:rgba(5,13,21,.55);padding:4px;box-shadow:0 4px 13px rgba(0,0,0,.2)}.color-flow-chip{display:none!important}}
@media(max-width:500px){.topbar{height:72px;padding:0 18px}.logo-lockup{width:60px!important;height:60px!important}.site-logo{width:60px!important;height:60px!important}.footer-brand .logo-lockup{width:70px!important;height:70px!important}.footer-brand .site-logo{width:70px!important;height:70px!important}.color-flow-mobile{right:64px;top:7px;width:32px;height:32px}.color-flow-mobile .color-wheel{width:18px;height:18px}}

/* The full untouched mark is the masthead—not a second oversized hero object. */
.topbar{height:118px}.topbar .logo-lockup{width:108px!important;height:108px!important}.topbar .site-logo{width:108px!important;height:108px!important}.hero{padding-top:66px;background:radial-gradient(circle at 82% 7%,rgba(18,184,200,.18),transparent 31%),radial-gradient(circle at 51% 107%,rgba(245,163,0,.16),transparent 34%),#081722}.hero:after{background:linear-gradient(120deg,rgba(22,60,118,.25),transparent)}.hero h1 em{color:#f5a300}.mix-art{background:linear-gradient(135deg,#12b8c8 0%,#163c76 57%,#f5a300 100%)}.spotlight-player{border-color:rgba(18,184,200,.25);background:linear-gradient(145deg,rgba(22,60,118,.76),rgba(8,24,36,.95));transform:rotate(1deg)}.hero-actions .primary-button{min-width:164px;justify-content:center}.hero-actions .primary-button span{font-size:20px;line-height:1;margin-left:4px}.footer-brand .logo-lockup{width:96px!important;height:96px!important}.footer-brand .site-logo{width:96px!important;height:96px!important}
@media(max-width:900px){.topbar{height:92px}.topbar .logo-lockup{width:82px!important;height:82px!important}.topbar .site-logo{width:82px!important;height:82px!important}.footer-brand .logo-lockup{width:84px!important;height:84px!important}.footer-brand .site-logo{width:84px!important;height:84px!important}}
@media(max-width:500px){.topbar{height:82px}.topbar .logo-lockup{width:70px!important;height:70px!important}.topbar .site-logo{width:70px!important;height:70px!important}.footer-brand .logo-lockup{width:78px!important;height:78px!important}.footer-brand .site-logo{width:78px!important;height:78px!important}}

/* New responsive BestNetRadio lockup. The logo text stays real type, never a blurry image. */
.topbar{height:86px}.bnr-brand{width:auto!important;height:auto!important;display:inline-flex!important;align-items:center!important;gap:9px;color:#f5f0df}.bnr-brand-mark{width:48px!important;height:48px!important;object-fit:contain;display:block;filter:drop-shadow(0 5px 9px rgba(0,0,0,.32))}.bnr-brand-type{display:grid;gap:3px;line-height:1}.bnr-brand-type strong{font-size:22px;letter-spacing:-.075em;font-weight:950;white-space:nowrap}.bnr-brand-type strong span{color:#12b8c8}.bnr-brand-type small{font-size:9px;letter-spacing:.2em;color:#aebfc4;font-weight:900}.footer-brand .bnr-brand{gap:8px}.footer-brand .bnr-brand-mark{width:42px!important;height:42px!important;background:transparent!important;border-radius:0!important;padding:0!important}.footer-brand .bnr-brand-type strong{font-size:18px}.footer-brand .bnr-brand-type small{font-size:8px}.app-mini-brand{display:flex!important;height:auto!important;align-items:center!important;gap:6px!important;text-align:left!important}.app-mini-brand .mini-brand-symbol{width:31px!important;height:31px!important;margin:0!important;padding:0!important;object-fit:contain;background:transparent!important;border-radius:0!important}.app-mini-brand strong{font-size:14px!important;letter-spacing:-.075em!important;color:#fff}.app-mini-brand strong span{color:#12b8c8}.app-mini-brand strong em,.app-mini-brand strong i{display:none!important}
@media(max-width:900px){.topbar{height:76px}.bnr-brand-mark{width:42px!important;height:42px!important}.bnr-brand-type strong{font-size:20px}.bnr-brand-type small{font-size:8px}.footer-brand .bnr-brand-mark{width:40px!important;height:40px!important}.footer-brand .bnr-brand-type strong{font-size:17px}.footer-brand .bnr-brand-type small{font-size:7px}}
@media(max-width:500px){.topbar{height:70px}.bnr-brand{gap:7px}.bnr-brand-mark{width:37px!important;height:37px!important}.bnr-brand-type strong{font-size:18px}.bnr-brand-type small{display:none}.footer-brand .bnr-brand-mark{width:38px!important;height:38px!important}.footer-brand .bnr-brand-type strong{font-size:16px}.footer-brand .bnr-brand-type small{display:block;font-size:7px;letter-spacing:.17em}}