/* 62.BOOST premium monochrome visual layer */
:root{--boost-ease:cubic-bezier(.2,.8,.2,1)}
body{background:radial-gradient(900px 540px at 50% -12%,rgba(255,255,255,.095),transparent 62%),radial-gradient(640px 460px at 4% 38%,rgba(255,255,255,.032),transparent 68%),#030303!important}
body:before{content:""!important;position:fixed!important;inset:0!important;z-index:-1!important;pointer-events:none!important;background-image:linear-gradient(rgba(255,255,255,.016) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.016) 1px,transparent 1px)!important;background-size:46px 46px!important;mask-image:linear-gradient(to bottom,#000,transparent 82%)!important;animation:none!important}
body:after{content:""!important;position:fixed!important;inset:0!important;z-index:-1!important;pointer-events:none!important;background:radial-gradient(circle at 75% 28%,rgba(255,255,255,.035),transparent 22rem)!important;opacity:1!important;animation:none!important}
.boost-brandbar{width:min(calc(100% - 28px),1040px)!important;margin-top:max(14px,env(safe-area-inset-top))!important;padding:8px 8px 8px 10px;border:1px solid rgba(255,255,255,.11);border-radius:18px;background:rgba(8,8,9,.78);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 18px 55px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.04)}
.boost-brand{border:0!important;background:transparent!important;box-shadow:none!important;padding:3px 5px!important;gap:10px!important;font-size:17px!important;letter-spacing:-.02em!important}.boost-brand:hover{background:transparent!important;transform:none!important}.boost-brand-logo{width:38px!important;height:38px!important;border:0!important;border-radius:12px!important;background:none!important;box-shadow:0 9px 25px rgba(0,0,0,.45)!important;overflow:hidden;animation:none!important}.boost-brand-logo img{width:100%;height:100%;display:block}.boost-brand-actions a{min-height:38px;display:inline-flex;align-items:center;border-radius:12px!important;background:rgba(255,255,255,.035)!important;transition:transform .25s var(--boost-ease),background .2s ease,border-color .2s ease!important}.boost-brand-actions a:hover{transform:translateY(-2px)!important;background:rgba(255,255,255,.075)!important}
.app-shell{width:min(calc(100% - 28px),1040px)!important;padding-top:20px!important}.hero{border-radius:28px!important;overflow:hidden!important;animation:boostEnter .55s ease both}.hero:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 20%,rgba(255,255,255,.04) 48%,transparent 76%);transform:translateX(-100%);animation:boostSheen 7s 1.2s ease-in-out infinite}.hero h1{font-weight:740!important;letter-spacing:-.065em!important}.hero h1 span{color:#74757a!important}.hero-live{border-radius:999px!important}.hero-live i{background:#fff!important;box-shadow:0 0 0 4px rgba(255,255,255,.08)!important;animation:boostDot 2.5s ease-in-out infinite}
.platform-grid,.category-grid,.services{gap:12px!important}.platform-card,.category-btn,.service-card,.spotify-promo-card,.public-service-search,.site-highlights,.hero-command,.checker-card,.checker-info,.scan-panel,.checker-error{border-color:rgba(255,255,255,.105)!important;border-radius:22px!important;background:linear-gradient(145deg,rgba(255,255,255,.05),transparent 44%),#0a0a0b!important;box-shadow:0 24px 70px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.035)!important}.platform-card,.category-btn,.service-card{transition:transform .32s var(--boost-ease),border-color .22s ease,background .22s ease,box-shadow .22s ease!important}.platform-card:hover,.category-btn:hover,.service-card:hover{transform:translateY(-5px)!important;border-color:rgba(255,255,255,.24)!important;background:linear-gradient(145deg,rgba(255,255,255,.07),transparent 45%),#0d0d0f!important;box-shadow:0 30px 85px rgba(0,0,0,.48),inset 0 1px 0 rgba(255,255,255,.05)!important}.platform-mark,.category-icon,.hero-quick-icon,.spotify-promo-icon{border-radius:15px!important;background:rgba(255,255,255,.045)!important;border:1px solid rgba(255,255,255,.12)!important}.platform-mark svg,.category-icon svg,.hero-quick-icon svg,.spotify-promo-icon svg{stroke-width:1.7!important}.arrow,.hero-quick-arrow{transition:transform .28s var(--boost-ease)!important}.platform-card:hover .arrow,.category-btn:hover .arrow,.hero-quick-link:hover .hero-quick-arrow{transform:translateX(4px)!important}.hero-primary-cta{border-radius:13px!important;transition:transform .22s var(--boost-ease),filter .2s ease!important}.hero-primary-cta:hover{transform:translateY(-2px);filter:brightness(.92)}.hero-secondary-cta{border-radius:13px!important}.copy-id,.back-btn,.profile-open,.catalog-load-more,.sort-button{transition:transform .22s var(--boost-ease),background .2s,border-color .2s!important}.copy-id:hover,.back-btn:hover,.profile-open:hover,.catalog-load-more:hover{transform:translateY(-2px)!important}
.instagram-fab{width:50px!important;height:50px!important;border-radius:16px!important;border-color:rgba(255,255,255,.15)!important;background:#0b0b0c!important;box-shadow:0 20px 55px rgba(0,0,0,.6)!important;transition:transform .28s var(--boost-ease),background .2s!important}.instagram-fab:hover{transform:translateY(-4px) scale(1.03)!important;background:#151517!important}.social-bottom-nav{border-radius:18px!important;background:rgba(8,8,9,.9)!important;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 22px 65px rgba(0,0,0,.62),inset 0 1px 0 rgba(255,255,255,.04)!important}.social-nav-item{transition:transform .22s var(--boost-ease),background .2s,color .2s!important}.social-nav-item:hover{transform:translateY(-2px)}.social-nav-item.active{background:#f6f6f2!important;color:#050505!important}
.math-gate-card,.privacy-modal,.owner-dashboard{border-radius:26px!important;background:linear-gradient(145deg,rgba(255,255,255,.045),transparent 46%),#0a0a0b!important;box-shadow:0 34px 110px rgba(0,0,0,.72),inset 0 1px 0 rgba(255,255,255,.04)!important}.math-gate{backdrop-filter:blur(12px)}
@keyframes boostEnter{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes boostSheen{0%,70%{transform:translateX(-115%);opacity:0}78%{opacity:1}100%{transform:translateX(115%);opacity:0}}@keyframes boostDot{0%,100%{opacity:.55;transform:scale(.9)}50%{opacity:1;transform:scale(1.12)}}
@media(max-width:620px){.boost-brandbar{width:calc(100% - 20px)!important;border-radius:16px!important}.app-shell{width:calc(100% - 20px)!important}.boost-brand-actions a{min-height:36px!important}.hero{border-radius:24px!important}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* Follower-check alignment with the main 62.BOOST system */
.follower-page{background:radial-gradient(900px 520px at 50% -10%,rgba(255,255,255,.095),transparent 62%),#030303!important;padding-top:max(18px,env(safe-area-inset-top))!important}.follower-page .wrap{max-width:1040px!important}.follower-page .top{padding:8px 8px 8px 10px!important;margin-bottom:0!important;border:1px solid rgba(255,255,255,.11)!important;border-radius:18px!important;background:rgba(8,8,9,.78)!important;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 18px 55px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.04)}.follower-page .brand{padding:3px 5px!important;border:0!important;background:transparent!important;box-shadow:none!important}.follower-page .logo{width:38px!important;height:38px!important;border:0!important;border-radius:12px!important;background:none!important;box-shadow:0 9px 25px rgba(0,0,0,.45)!important;overflow:hidden;animation:none!important}.follower-page .logo img{width:100%;height:100%;display:block}.follower-page .brandText{font-size:17px!important;letter-spacing:-.02em!important;animation:none!important}.follower-page .hubNav{display:flex;gap:8px}.follower-page .hubNav a{display:inline-flex;align-items:center;min-height:38px;padding:0 12px!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:12px!important;background:rgba(255,255,255,.035)!important;color:#fff!important;text-decoration:none;font-size:12px;font-weight:800;transition:transform .25s var(--boost-ease),background .2s,border-color .2s}.follower-page .hubNav a:hover{transform:translateY(-2px);background:rgba(255,255,255,.075)!important;border-color:rgba(255,255,255,.24)!important}.follower-page .hero{padding:70px 0 32px!important;margin:0 auto!important;background:none!important;border:0!important;box-shadow:none!important}.follower-page .hero:after{content:none!important}.follower-page .hero h1{font-size:clamp(38px,8vw,72px)!important;line-height:.92!important;letter-spacing:-.065em!important}.follower-page .card,.follower-page .step,.follower-page .stat{border-color:rgba(255,255,255,.105)!important;border-radius:22px!important;background:linear-gradient(145deg,rgba(255,255,255,.05),transparent 44%),#0a0a0b!important;box-shadow:0 24px 70px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.035)!important}.follower-page .guide{overflow:hidden}.follower-page .guide summary{transition:background .2s}.follower-page .guide summary:hover{background:rgba(255,255,255,.025)}.follower-page .guideSvg{width:34px;height:34px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.12);border-radius:11px;background:rgba(255,255,255,.04)}.follower-page .guideSvg svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.follower-page .drop{border-radius:18px!important;background:#080809!important;animation:none!important;transition:transform .32s var(--boost-ease),border-color .22s,background .22s,box-shadow .22s!important}.follower-page .drop:hover,.follower-page .drop.drag{transform:translateY(-4px)!important;border-color:rgba(255,255,255,.34)!important;background:#0d0d0f!important;box-shadow:0 28px 72px rgba(0,0,0,.45)!important}.follower-page .drop .icon{width:60px!important;height:60px!important;border-radius:18px!important;font-size:0!important;animation:none!important}.follower-page .drop .icon svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.follower-page .pick,.follower-page .btn,.follower-page .open{border-radius:12px!important;transition:transform .22s var(--boost-ease),background .2s,border-color .2s!important}.follower-page .pick:hover,.follower-page .btn:hover,.follower-page .open:hover{transform:translateY(-2px)!important}.follower-page .row{transition:transform .22s var(--boost-ease),border-color .2s,background .2s}.follower-page .row:hover{transform:translateX(3px)}
@media(max-width:620px){.follower-page{padding-left:10px!important;padding-right:10px!important}.follower-page .top{border-radius:16px!important;align-items:center!important}.follower-page .hubNav a:first-child{display:none}.follower-page .hero{padding-top:52px!important}.follower-page .brandText{font-size:16px!important}}

/* v81: minimalist follower-check + global refinements */
.follower-page{background:#030303!important}
.follower-page::before,.follower-page::after,.follower-page .hero:after{display:none!important;content:none!important}
.follower-page .top{background:#080809!important;box-shadow:none!important;border-color:rgba(255,255,255,.10)!important}
.follower-page .hero{padding:48px 0 24px!important}
.follower-page .hero h1{font-size:clamp(34px,8vw,62px)!important;letter-spacing:-.06em!important}
.follower-page .card,.follower-page .step,.follower-page .stat,.follower-page .drop,.math-gate-card,.privacy-modal,.owner-dashboard{background:#09090a!important;box-shadow:none!important;border-color:rgba(255,255,255,.10)!important;border-radius:20px!important}
.follower-page .guide summary:hover{background:transparent!important}
.follower-page .drop:hover,.follower-page .drop.drag{transform:translateY(-2px)!important;background:#09090a!important;box-shadow:none!important;border-color:rgba(255,255,255,.16)!important}
.follower-page .drop .icon,.follower-page .guideSvg,.follower-page .hubNav a,.copy-id,.back-btn,.profile-open,.catalog-load-more,.sort-button{background:#0d0d0f!important;box-shadow:none!important;border-color:rgba(255,255,255,.10)!important}
.follower-page .hubNav a:hover,.copy-id:hover,.back-btn:hover,.profile-open:hover,.catalog-load-more:hover{transform:none!important}
.platform-grid,.category-grid,.services{gap:10px!important}
.platform-card,.category-btn,.service-card,.spotify-promo-card,.public-service-search,.site-highlights,.hero-command,.checker-card,.checker-info,.scan-panel,.checker-error{box-shadow:none!important;background:#09090a!important;border-color:rgba(255,255,255,.10)!important;border-radius:20px!important}
.platform-card:hover,.category-btn:hover,.service-card:hover{transform:translateY(-2px)!important;box-shadow:none!important;border-color:rgba(255,255,255,.16)!important;background:#09090a!important}

/* v101: restore pure 62.BOOST monochrome + compact mobile catalog */
.boost-page{
  --boost-black:#050505;
  --boost-panel:#09090a;
  --boost-panel-2:#0d0d0f;
  --boost-white:#f7f7f5;
  --boost-muted:#929297;
  background:#050505!important;
  color:#f7f7f5;
}
.boost-page .boost-brandbar{
  background:#080809!important;
  border-color:rgba(255,255,255,.10)!important;
  box-shadow:none!important;
}
.boost-page .boost-brand-instagram{color:#fff!important}
.boost-page .boost-brand-handle{
  display:inline-block;
  text-transform:lowercase;
  letter-spacing:-.035em;
  transform-origin:50% 70%;
  animation:boostHandleWiggle 5.5s ease-in-out infinite;
}
.boost-page .hero-live i,
.boost-page .site-highlights-pulse,
.boost-page .api-status span{
  background:#fff!important;
  box-shadow:none!important;
}
.boost-page .spotify-promo-icon,
.boost-page .platform-card--german .platform-mark{
  background:#0d0d0f!important;
  border-color:rgba(255,255,255,.10)!important;
  color:#fff!important;
}
.boost-page .spotify-promo-copy small,
.boost-page .spotify-promo-copy > span,
.boost-page .spotify-promo-action,
.boost-page .german-catalog-intro > span,
.boost-page .api-status.ready,
.boost-page .api-status.warning,
.boost-page .api-status.error{
  color:#bdbdc1!important;
}
.boost-page .api-status.ready,
.boost-page .api-status.warning,
.boost-page .api-status.error,
.boost-page .platform-card--german,
.boost-page .german-catalog-intro{
  border-color:rgba(255,255,255,.10)!important;
  background:#09090a!important;
}
.boost-page .customer-order-status,
.boost-page .customer-order-status.received,
.boost-page .customer-order-status.confirmed,
.boost-page .customer-order-status.processing,
.boost-page .customer-order-status.completed,
.boost-page .customer-order-status.cancelled{
  border-color:#333!important;
  color:#d0d0d2!important;
  background:#111!important;
}
@keyframes boostHandleWiggle{
  0%,86%,100%{transform:rotate(0deg) translateY(0)}
  89%{transform:rotate(-2.2deg) translateY(-1px)}
  92%{transform:rotate(2deg) translateY(0)}
  95%{transform:rotate(-1.2deg) translateY(-1px)}
  98%{transform:rotate(.7deg) translateY(0)}
}

@media(max-width:620px){
  .boost-page .boost-brandbar{
    width:calc(100% - 20px)!important;
    min-height:48px;
    margin-top:max(8px,env(safe-area-inset-top))!important;
    padding:5px 7px!important;
    border-radius:14px!important;
    align-items:center!important;
  }
  .boost-page .boost-brand{
    min-width:0;
    padding:2px 4px!important;
    gap:8px!important;
    font-size:16px!important;
  }
  .boost-page .boost-brand-logo{
    width:32px!important;
    height:32px!important;
    border-radius:10px!important;
  }
  .boost-page .boost-brand-actions{display:none!important}

  /* Mobile keeps only what is needed to find a service quickly. */
  .boost-page .hero-topline,
  .boost-page .hero-kicker,
  .boost-page .hero-service-tags,
  .boost-page .hero-secondary-cta,
  .boost-page .hero-action-note,
  .boost-page .hero-command,
  .boost-page .spotify-promo-card,
  .boost-page .site-highlights,
  .boost-page .trust-panel,
  .boost-page .instagram-fab{
    display:none!important;
  }

  .boost-page .app-shell{
    width:calc(100% - 20px)!important;
    padding-top:8px!important;
    padding-bottom:calc(84px + env(safe-area-inset-bottom))!important;
  }
  .boost-page .hero{
    padding:15px!important;
    border-radius:18px!important;
  }
  .boost-page .hero-layout{display:block!important}
  .boost-page .hero h1{
    margin:0!important;
    font-size:clamp(2.25rem,11.5vw,3.15rem)!important;
    line-height:.92!important;
    letter-spacing:-.065em!important;
  }
  .boost-page .hero h1 span{color:#8a8a8f!important}
  .boost-page .hero .subtitle{
    margin:12px 0 0!important;
    max-width:none!important;
    font-size:.79rem!important;
    line-height:1.48!important;
    color:#a2a2a7!important;
  }
  .boost-page .hero-actions{margin-top:14px!important}
  .boost-page .hero-primary-cta{
    width:100%!important;
    min-height:44px!important;
    background:#f5f5f3!important;
    color:#050505!important;
    border-color:#f5f5f3!important;
  }
  .boost-page .public-service-search{
    margin-top:10px!important;
    padding:13px!important;
    gap:10px!important;
    border-radius:17px!important;
  }
  .boost-page .public-service-search-heading > span,
  .boost-page .public-service-search-heading p{display:none!important}
  .boost-page .public-service-search-heading h2{
    margin:0!important;
    font-size:1rem!important;
  }
  .boost-page .public-service-search-box{min-height:44px!important}
  .boost-page .services-overview{margin-top:14px!important}
  .boost-page .services-overview-head > span,
  .boost-page .services-overview-head p{display:none!important}
  .boost-page .services-overview-head{margin-bottom:10px!important}
  .boost-page .services-overview-head h2{
    margin:0!important;
    font-size:1.18rem!important;
  }
  .boost-page .platform-grid{gap:8px!important}
  .boost-page .platform-card,
  .boost-page .category-btn{
    min-height:118px!important;
    padding:12px!important;
    border-radius:16px!important;
  }
  .boost-page .platform-card--german{min-height:104px!important}
  .boost-page .platform-mark,
  .boost-page .category-icon,
  .boost-page .section-platform-icon{
    width:36px!important;
    height:36px!important;
    min-width:36px!important;
    min-height:36px!important;
    margin-bottom:8px!important;
    border-radius:10px!important;
  }
  .boost-page .platform-mark svg,
  .boost-page .category-icon svg,
  .boost-page .section-platform-icon svg{
    width:18px!important;
    height:18px!important;
  }
  .boost-page .platform-name{
    margin-top:5px!important;
    font-size:.88rem!important;
  }
  .boost-page .platform-meta{
    margin-top:4px!important;
    font-size:.56rem!important;
    line-height:1.25!important;
  }
  .boost-page .german-card-note{display:none!important}
  .boost-page .platform-card .arrow,
  .boost-page .category-btn .arrow{
    right:9px!important;
    bottom:9px!important;
    width:30px!important;
    height:30px!important;
    border-radius:9px!important;
    font-size:.8rem!important;
  }
}

@media(max-width:360px){
  .boost-page .platform-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .boost-page .platform-card--german{grid-column:1/-1!important}
}

@media(prefers-reduced-motion:reduce){
  .boost-page .boost-brand-handle{animation:none!important}
}

/* Keep headline neutral: no leftover gradient tint. */
.boost-page .hero h1{
  background:none!important;
  -webkit-background-clip:border-box!important;
  background-clip:border-box!important;
  color:#f7f7f5!important;
  text-shadow:none!important;
}
.boost-page .hero h1 span{color:#86868b!important}