/* BX Pro premium visual system — 2026-10-08 */
:root {
  --bx-ink: #081827;
  --bx-navy: #073b47;
  --bx-teal: #08aeb6;
  --bx-cyan: #1dd5d9;
  --bx-aqua: #e8fbfb;
  --bx-soft: #f4fbfb;
  --bx-line: #dce9ed;
  --bx-muted: #65748e;
  --bx-shadow: 0 24px 70px rgba(7, 59, 71, .11);
}

html { scroll-behavior: smooth; }
body { background: linear-gradient(180deg, #fff 0%, #f7fcfc 55%, #fff 100%) !important; color: var(--bx-ink) !important; }

/* Shared premium header */
.hub-header,
.claim-page .home-header {
  position: sticky !important;
  top: 0 !important;
  z-index: 300 !important;
  min-height: 92px !important;
  border-bottom: 1px solid rgba(7, 59, 71, .08) !important;
  background: rgba(255, 255, 255, .92) !important;
  box-shadow: 0 8px 30px rgba(7, 59, 71, .045) !important;
  backdrop-filter: blur(18px) saturate(1.15) !important;
}
.hub-header-inner {
  position: relative !important;
  min-height: 92px !important;
  height: 92px !important;
  grid-template-columns: 1fr auto !important;
  padding: 0 clamp(24px, 5vw, 74px) !important;
}
.hub-brand,
.claim-page .home-brand { gap: 15px !important; }
.hub-brand-logo,
.claim-page .home-brand-logo {
  width: 58px !important;
  height: 58px !important;
  padding: 2px !important;
  border: 3px solid var(--bx-cyan) !important;
  border-radius: 17px !important;
  background: #fff !important;
  box-shadow: 0 10px 25px rgba(8, 174, 182, .12) !important;
  object-fit: contain !important;
}
.hub-brand-logo img { width: 100% !important; height: 100% !important; padding: 0 !important; border-radius: 13px !important; object-fit: contain !important; }
.hub-brand-name,
.claim-page .home-brand-name { color: var(--bx-ink) !important; font-size: 26px !important; line-height: 1 !important; font-weight: 900 !important; letter-spacing: -.035em !important; }
.hub-brand-sub,
.claim-page .home-brand-sub { margin-top: 7px !important; color: var(--bx-muted) !important; font-size: 12px !important; font-weight: 800 !important; letter-spacing: .2em !important; text-transform: uppercase !important; }
.hub-header-socials,
.hub-header-actions,
.hub-safepal-mobile,
.claim-page .home-socials,
.claim-page .home-actions { display: none !important; }
.bx-header-tools { position: absolute; right: clamp(24px, 5vw, 74px); top: 50%; transform: translateY(-50%); display: flex; align-items: center; gap: 12px; }
.bx-header-tool {
  position: relative;
  width: 54px;
  height: 54px;
  border: 1px solid #e5eef0;
  border-radius: 50%;
  background: linear-gradient(145deg, #f9fcfd, #eef5f6);
  color: var(--bx-ink);
  display: grid;
  place-items: center;
  cursor: pointer;
  transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}
.bx-header-tool:hover { transform: translateY(-2px); border-color: #aee5e8; box-shadow: 0 10px 24px rgba(7, 59, 71, .1); }
.bx-header-tool svg { width: 25px; height: 25px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.bx-header-tool.notify::after { content: ""; position: absolute; top: 8px; right: 8px; width: 9px; height: 9px; border: 3px solid #f5fbfb; border-radius: 50%; background: var(--bx-teal); }
.hub-mobile-menu { display: none !important; }

/* Homepage */
#hub-root { overflow: clip; }
.hub-shell { width: min(1200px, calc(100% - 40px)) !important; max-width: 1200px !important; margin: 0 auto !important; padding: 42px 0 0 !important; display: block !important; }
.hub-main { width: 100% !important; min-width: 0 !important; }
.hub-sidebar, .hub-filter-bar, .hub-floating-launch { display: none !important; }
.hub-hero {
  position: relative !important;
  min-height: 575px !important;
  padding: 72px 54% 70px 62px !important;
  border: 1px solid rgba(7, 59, 71, .08) !important;
  border-radius: 34px !important;
  background:
    radial-gradient(circle at 82% 24%, rgba(29, 213, 217, .18), transparent 32%),
    linear-gradient(125deg, #fff 0%, #f5fefe 49%, #e2f8f8 100%) !important;
  color: var(--bx-ink) !important;
  box-shadow: var(--bx-shadow) !important;
  overflow: hidden !important;
  isolation: isolate;
  display: block !important;
  text-align: left !important;
  align-items: initial !important;
  justify-content: initial !important;
}
.hub-hero::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: -28%; right: -10%;
  width: 57%; height: 78%;
  border-radius: 50%;
  background: linear-gradient(145deg, rgba(255,255,255,.75), rgba(29,213,217,.08));
  transform: rotate(-18deg);
}
.hub-hero-copy { position: relative; z-index: 3; max-width: 520px; }
.hub-hero-eyebrow,
.hub-hero-title,
.hub-hero-sub,
.hub-hero-rule,
.hub-hero-follow { position: relative; z-index: 3; }
.hub-hero-eyebrow { color: #52708f !important; font-size: 15px !important; font-weight: 800 !important; letter-spacing: .31em !important; text-transform: uppercase !important; }
.hub-hero-title { margin-top: 24px !important; color: var(--bx-ink) !important; font-size: clamp(50px, 5vw, 76px) !important; line-height: .98 !important; font-weight: 950 !important; letter-spacing: -.06em !important; }
.hub-hero-title .bx-accent { color: var(--bx-teal); }
.hub-hero-sub { max-width: 480px !important; margin: 27px 0 0 !important; color: #5f6f88 !important; font-size: 18px !important; line-height: 1.62 !important; font-weight: 600 !important; text-align: left !important; white-space: normal !important; overflow-wrap: anywhere; }
.hub-hero-rule { width: 62px; height: 4px; margin-top: 25px; border-radius: 99px; background: linear-gradient(90deg, var(--bx-teal), var(--bx-cyan)); }
.hub-hero-follow { margin: 24px 0 0; color: #73829b; font-size: 15px; font-weight: 650; }
.hub-hero-visual {
  position: absolute;
  z-index: 1;
  top: 0; right: -7%; bottom: 0;
  width: 62%; height: 100%;
  object-fit: cover;
  object-position: 61% center;
  pointer-events: none;
  filter: saturate(.98) contrast(1.03);
  -webkit-mask-image: linear-gradient(90deg, transparent 0%, rgba(0,0,0,.35) 13%, #000 31%);
  mask-image: linear-gradient(90deg, transparent 0%, rgba(0,0,0,.35) 13%, #000 31%);
}
.hub-hero-tech-label {
  position: absolute;
  z-index: 3;
  top: 145px;
  right: 34px;
  color: rgba(255,255,255,.84);
  font-size: 10px;
  line-height: 1.55;
  font-weight: 750;
  letter-spacing: .22em;
  text-transform: uppercase;
  text-shadow: 0 2px 12px rgba(2,31,39,.35);
}
.hub-hero-tech-label span { display: block; width: 38px; height: 3px; margin-top: 8px; border-radius: 99px; background: var(--bx-cyan); }
.hub-hero-actions { position: relative; z-index: 4; margin-top: 30px !important; gap: 10px !important; flex-wrap: nowrap !important; justify-content: flex-start !important; }
.hub-hero-btn { min-height: 60px !important; padding: 0 25px !important; border-radius: 999px !important; font-size: 15px !important; font-weight: 850 !important; gap: 12px !important; }
.hub-hero-btn.primary { border: 0 !important; background: linear-gradient(105deg, #057b89, #11cbd0) !important; color: #fff !important; box-shadow: 0 15px 34px rgba(8,174,182,.25) !important; }
.hub-hero-btn.primary::after,
.hub-hero-btn.secondary::after { content: "→"; margin-left: 5px; font-size: 24px; line-height: 1; font-weight: 400; }
.hub-hero-btn.secondary { border: 1.5px solid #9aacbd !important; background: rgba(255,255,255,.74) !important; color: var(--bx-ink) !important; box-shadow: none !important; backdrop-filter: blur(10px); }

.hub-links-section { margin-top: 54px !important; }
.hub-section-label { align-items: flex-end !important; margin-bottom: 22px !important; }
.hub-section-label h1 { color: var(--bx-ink) !important; font-size: clamp(30px, 4vw, 42px) !important; line-height: 1 !important; font-weight: 950 !important; letter-spacing: -.045em !important; }
.hub-section-label span { color: var(--bx-muted) !important; font-size: 15px !important; }
.hub-links-grid { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 20px !important; }
.hub-link {
  min-height: 185px !important;
  padding: 27px !important;
  border: 1px solid var(--bx-line) !important;
  border-radius: 26px !important;
  background: rgba(255,255,255,.92) !important;
  box-shadow: 0 15px 38px rgba(7,59,71,.07) !important;
  display: grid !important;
  grid-template-columns: 1fr auto !important;
  grid-template-rows: auto 1fr !important;
  gap: 18px !important;
  transition: transform .24s ease, box-shadow .24s ease, border-color .24s ease !important;
}
.hub-link:hover { transform: translateY(-5px) !important; border-color: #a9e8ea !important; box-shadow: 0 23px 50px rgba(7,59,71,.12) !important; }
.hub-link[href*="t.me"] { order: 1; }
.hub-link[href*="instagram"] { order: 2; }
.hub-link[href*="youtube"] { order: 3; }
.hub-link.hub-claim-card { order: 4; grid-column: 1 / -1 !important; }
.hub-link.managed-link:not([href*="t.me"]):not([href*="instagram"]):not([href*="youtube"]):not(.hub-claim-card) { display: none !important; }
.hub-link-icon { width: 72px !important; height: 72px !important; border-radius: 22px !important; grid-column: 1 / -1 !important; background: #e9fafa !important; color: var(--bx-teal) !important; box-shadow: none !important; }
.hub-link[href*="t.me"] .hub-link-icon { background: linear-gradient(145deg, #25c3ec, #168dd5) !important; color: #fff !important; }
.hub-link[href*="instagram"] .hub-link-icon { background: linear-gradient(145deg, #7248d8, #ef3f74 52%, #ff9d34) !important; color: #fff !important; }
.hub-link[href*="youtube"] .hub-link-icon { background: linear-gradient(145deg, #ff4545, #e90000) !important; color: #fff !important; }
.hub-link-body { align-self: end !important; }
.hub-link-title { color: var(--bx-ink) !important; font-size: 20px !important; font-weight: 900 !important; letter-spacing: -.02em !important; }
.hub-link-meta { margin-top: 5px !important; color: var(--bx-muted) !important; font-size: 14px !important; }
.hub-link-tag { display: none !important; }
.hub-link-arrow { align-self: end !important; width: 43px !important; height: 43px !important; border: 0 !important; border-radius: 50% !important; background: #f0f5f6 !important; color: var(--bx-ink) !important; display: grid !important; place-items: center !important; }
.hub-claim-card {
  min-height: 190px !important;
  grid-template-columns: 120px 1fr auto !important;
  grid-template-rows: 1fr !important;
  align-items: center !important;
  padding: 28px 34px !important;
  background:
    radial-gradient(circle at 100% 0%, rgba(29,213,217,.18), transparent 32%),
    linear-gradient(110deg, #ebffff, #fff 58%, #e9fbfb) !important;
}
.hub-claim-card .hub-link-icon { grid-column: auto !important; width: 112px !important; height: 112px !important; border-radius: 30px !important; background: linear-gradient(145deg, #063e48, #098f96) !important; color: #fff !important; }
.hub-claim-card .hub-link-body::before { content: "Social reward"; display: block; margin-bottom: 9px; color: #5d7693; font-size: 12px; font-weight: 850; letter-spacing: .28em; text-transform: uppercase; }
.hub-claim-card .hub-link-title { font-size: clamp(25px, 3vw, 36px) !important; }
.hub-claim-card .hub-link-meta { font-size: 16px !important; }
.hub-claim-card .hub-link-arrow { width: 58px !important; height: 58px !important; background: #baf3f1 !important; }
.hub-footer { position: relative !important; margin-top: 68px !important; padding: 38px 20px 150px !important; border: 0 !important; color: #72819a !important; text-align: center !important; font-size: 14px !important; letter-spacing: 0 !important; overflow: hidden; }
.hub-footer::before { content: '“REAL COMMUNITY DRIVES REAL VALUE”'; display: block; margin-bottom: 22px; color: #68819c; font-size: 11px; font-weight: 750; letter-spacing: .32em; }
.hub-footer::after { content: ""; position: absolute; left: -10%; right: -10%; bottom: -87px; height: 155px; background: radial-gradient(ellipse at 22% 10%, #0ab6bb 0 37%, transparent 38%), radial-gradient(ellipse at 73% 21%, #65e6e3 0 44%, transparent 45%), linear-gradient(14deg, #078d9a 0 36%, #20cad0 37% 57%, #baf6f3 58%); border-radius: 50% 45% 0 0; opacity: .92; }

/* Promotion and reward pages */
.claim-page .home-header { padding: 0 clamp(22px, 5vw, 72px) !important; display: flex !important; justify-content: space-between !important; }
.claim-page .home-header .bx-header-tools { right: clamp(22px, 5vw, 72px); }
.claim-page .home-sidebar { display: none !important; }
.claim-page .subpage-layout { width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; display: block !important; }
.claim-page .subpage-content,
.claim-page .claim-shell { width: min(1060px, calc(100% - 40px)) !important; max-width: 1060px !important; margin: 46px auto 70px !important; }
.claim-page .claim-intro { margin-bottom: 30px !important; }
.claim-page .claim-badge { padding: 8px 14px !important; background: #e7fbfb !important; color: #078e96 !important; }
.claim-page h1 { color: var(--bx-ink) !important; font-size: clamp(38px, 6vw, 62px) !important; letter-spacing: -.055em !important; }
.claim-page .claim-intro p { max-width: 720px !important; color: var(--bx-muted) !important; font-size: 16px !important; }
.claim-page .claim-card,
.claim-page .ticket-checker { border: 1px solid var(--bx-line) !important; border-radius: 30px !important; background: rgba(255,255,255,.96) !important; box-shadow: var(--bx-shadow) !important; }
.claim-page .claim-card { padding: clamp(22px, 4vw, 42px) !important; }
.claim-page .claim-notice { border-color: #bdebed !important; background: linear-gradient(135deg, #effdfd, #fff) !important; }
.claim-page .claim-notice-title::before,
.claim-page .submit { background: linear-gradient(105deg, #057b89, #11cbd0) !important; }
.claim-page input,
.claim-page textarea { border-color: #d9e6ea !important; background: #fbfefe !important; }
.claim-page input:focus,
.claim-page textarea:focus { border-color: var(--bx-teal) !important; box-shadow: 0 0 0 4px rgba(8,174,182,.1) !important; }
.claim-page .paste-button,
.claim-page .entry-add { border-color: #c2ecee !important; background: #e9fbfb !important; color: #078e96 !important; }
.claim-page .evidence-choice { border-color: #bdebed !important; background: #effdfd !important; color: #315b6c !important; }
.claim-page .social-evidence,
.claim-page .upload-section { border-color: var(--bx-line) !important; background: #f9fcfd !important; }
.claim-page .upload-drop { border-color: #bce5e7 !important; background: linear-gradient(145deg, #f5ffff, #fbfefe) !important; }
.claim-page .terms-consent { border-color: #c8ebec !important; background: #f3fdfd !important; }
.claim-page .site-footer { background: #073b47 !important; }

/* Reward terms page */
.terms-page, body:has(.terms-shell) { background: linear-gradient(180deg, #f5fbfb, #fff) !important; }
.terms-header { height: 86px !important; border-color: var(--bx-line) !important; }
.terms-header .brand img { width: 52px !important; height: 52px !important; border: 3px solid var(--bx-cyan) !important; border-radius: 16px !important; }
.terms-hero { border-radius: 30px !important; background: linear-gradient(120deg, #063e48, #0aa6ae) !important; box-shadow: var(--bx-shadow) !important; }
.terms-card { border-color: var(--bx-line) !important; border-radius: 28px !important; box-shadow: var(--bx-shadow) !important; }
.terms-actions a { background: linear-gradient(105deg, #057b89, #11cbd0) !important; }

@media (max-width: 1100px) {
  .hub-header, .claim-page .home-header { min-height: 78px !important; }
  .hub-header-inner { min-height: 78px !important; height: 78px !important; padding: 0 18px !important; }
  .hub-header-inner .bx-header-tools { right: 18px; }
  .hub-brand-logo, .claim-page .home-brand-logo { width: 48px !important; height: 48px !important; min-width: 48px !important; flex: 0 0 48px !important; aspect-ratio: 1 / 1; border-radius: 14px !important; }
  .hub-brand-logo img, .claim-page .home-brand-logo { object-fit: contain !important; }
  .hub-brand-name, .claim-page .home-brand-name { font-size: 22px !important; }
  .hub-brand-sub, .claim-page .home-brand-sub { margin-top: 5px !important; font-size: 9px !important; letter-spacing: .16em !important; }
  .bx-header-tools { gap: 8px; }
  .bx-header-tool { width: 44px; height: 44px; }
  .bx-header-tool svg { width: 22px; height: 22px; }
  .hub-shell { width: min(680px, calc(100% - 24px)) !important; padding-top: 22px !important; }
  .hub-hero { min-height: 590px !important; padding: 48px 50% 132px 38px !important; border-radius: 27px !important; }
  .hub-hero-copy { position: static; max-width: none; text-align: left; }
  .hub-hero-eyebrow { font-size: 12px !important; }
  .hub-hero-title { max-width: 500px !important; font-size: clamp(44px, 7vw, 66px) !important; line-height: .93 !important; }
  .hub-hero-title .bx-accent { display: block; }
  .hub-hero-sub { max-width: 390px !important; font-size: 16px !important; line-height: 1.55 !important; }
  .hub-hero-visual { top: 38px; right: -10%; bottom: auto; width: 64%; height: 430px; object-fit: cover; object-position: 60% center; opacity: 1; -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 22%); mask-image: linear-gradient(90deg, transparent 0%, #000 22%); }
  .hub-hero-tech-label { top: 115px; right: 25px; }
  .hub-hero-actions { position: absolute !important; left: 28px !important; right: 28px !important; bottom: 32px !important; width: auto !important; margin: 0 !important; display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px !important; }
  .hub-hero-btn { width: 100% !important; min-width: 0 !important; padding: 0 14px !important; font-size: 13px !important; }
  .hub-links-section { margin-top: 42px !important; }
  .hub-section-label { display: block !important; }
  .hub-section-label span { display: block; margin-top: 8px; }
  .hub-links-grid { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 10px !important; }
  .hub-link { min-height: 150px !important; padding: 17px !important; border-radius: 21px !important; gap: 12px !important; }
  .hub-link-icon { width: 54px !important; height: 54px !important; border-radius: 17px !important; }
  .hub-link-title { font-size: 15px !important; }
  .hub-link-meta { font-size: 11px !important; overflow-wrap: anywhere; }
  .hub-link-arrow { width: 34px !important; height: 34px !important; }
  .hub-claim-card { min-height: 145px !important; grid-template-columns: 82px 1fr 44px !important; padding: 22px !important; }
  .hub-claim-card .hub-link-icon { width: 76px !important; height: 76px !important; border-radius: 23px !important; }
  .hub-claim-card .hub-link-title { font-size: 21px !important; }
  .hub-claim-card .hub-link-meta { font-size: 13px !important; }
  .hub-claim-card .hub-link-arrow { width: 44px !important; height: 44px !important; }
  .claim-page .home-header { min-height: 78px !important; padding: 0 18px !important; }
  .claim-page .home-header .bx-header-tools { right: 18px; }
  .claim-page .home-header .bx-header-tool.notify { display: none; }
  .claim-page .subpage-content, .claim-page .claim-shell { width: calc(100% - 24px) !important; margin-top: 28px !important; }
  .claim-page .claim-intro h1 { white-space: normal !important; overflow-wrap: anywhere; }
  .claim-page .claim-card { border-radius: 24px !important; }
}

@media (max-width: 520px) {
  .hub-brand-sub, .claim-page .home-brand-sub { max-width: 190px; white-space: nowrap; }
  .bx-header-tool { width: 42px; height: 42px; }
  .bx-header-tool.notify { display: none; }
  .hub-hero { height: 320px !important; min-height: 320px !important; padding: 22px 18px 70px !important; display: block !important; }
  .hub-hero-eyebrow { font-size: 9px !important; letter-spacing: .24em !important; }
  .hub-hero-title { margin-top: 11px !important; font-size: clamp(27px, 7.5vw, 34px) !important; line-height: 1.05 !important; }
  .hub-hero-sub { max-width: 78% !important; margin-top: 13px !important; font-size: 11px !important; line-height: 1.45 !important; }
  .hub-hero-rule { width: 44px; height: 3px; margin-top: 11px; }
  .hub-hero-follow { margin-top: 10px; font-size: 10px; }
  .hub-hero-title .bx-accent { display: inline; }
  .hub-hero-visual { position: absolute; top: -92px; right: -37%; bottom: auto; width: 132%; height: 445px; margin: 0; object-position: 62% center; opacity: .58; -webkit-mask-image: linear-gradient(90deg, transparent 0%, rgba(0,0,0,.18) 21%, #000 45%); mask-image: linear-gradient(90deg, transparent 0%, rgba(0,0,0,.18) 21%, #000 45%); }
  .hub-hero-tech-label { display: none; }
  .hub-hero-actions { position: absolute !important; left: 12px !important; right: 12px !important; bottom: 28px !important; width: auto !important; margin: 0 !important; gap: 7px !important; }
  .hub-hero-btn { min-height: 46px !important; height: 46px !important; padding: 0 9px !important; font-size: 10px !important; gap: 6px !important; }
  .hub-hero-btn .hub-svg { width: 18px !important; height: 18px !important; }
  .hub-hero-btn.primary::after, .hub-hero-btn.secondary::after { display: none; }
  .hub-section-label { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 7px !important; }
  .hub-section-label h1 { font-size: 22px !important; white-space: nowrap; }
  .hub-section-label span { max-width: none; margin-top: 0; font-size: 10px !important; line-height: 1.2; text-align: right; white-space: nowrap; }
  .hub-links-grid { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 9px !important; }
  .hub-link { min-height: 144px !important; grid-template-columns: 1fr 29px !important; grid-template-rows: 51px 1fr !important; align-items: initial !important; padding: 10px !important; border-radius: 18px !important; gap: 8px 4px !important; }
  .hub-link-icon { width: 50px !important; height: 50px !important; grid-column: 1 / -1 !important; border-radius: 16px !important; }
  .hub-link-body { align-self: end !important; min-width: 0; }
  .hub-link-title { font-size: 13px !important; line-height: 1.2 !important; }
  .hub-link-meta { margin-top: 5px !important; font-size: 10px !important; line-height: 1.25 !important; }
  .hub-link-arrow { width: 29px !important; height: 29px !important; align-self: end !important; }
  .hub-claim-card { min-height: 130px !important; grid-template-columns: 64px minmax(0, 1fr) 38px !important; grid-template-rows: 1fr !important; align-items: center !important; padding: 16px !important; gap: 12px !important; }
  .hub-claim-card .hub-link-icon { width: 64px !important; height: 64px !important; align-self: center !important; }
  .hub-claim-card .hub-link-body { align-self: center !important; text-align: center !important; }
  .hub-claim-card .hub-link-body::before { margin-bottom: 6px; font-size: 9px; letter-spacing: .2em; }
  .hub-claim-card .hub-link-title { font-size: 18px !important; line-height: 1.15 !important; }
  .hub-claim-card .hub-link-meta { font-size: 12px !important; }
  .hub-claim-card .hub-link-arrow { width: 38px !important; height: 38px !important; align-self: center !important; justify-self: center !important; }
  .hub-footer { margin-top: 26px !important; padding: 22px 10px 82px !important; }
  .hub-footer::before { margin-bottom: 14px; font-size: 8px; letter-spacing: .22em; }
  .hub-footer::after { bottom: -54px; height: 104px; }
  .claim-page .home-brand-sub { display: block !important; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .hub-link, .bx-header-tool { transition: none !important; }
}