/* IBOToolbox v3.2.1 — sitewide premium feature hero system */
:root{
  --ibo-hero-radius:24px;
  --ibo-hero-pad-y:28px;
  --ibo-hero-pad-x:32px;
  --ibo-hero-min-height:176px;
  --ibo-hero-title-size:clamp(30px,3vw,46px);
  --ibo-hero-copy:#fff;
  --ibo-hero-muted:rgba(255,255,255,.9);
}

/* Known production feature heroes. This intentionally avoids generic .hero selectors. */
:is(
  .hc21-hero,.tw-hero,.m290-hero,.cg280-hero,
  .stage43-hero,.stage432-public-hero,
  .sgm-hero,.sgma-hero,.tm8-hero,.v170-hero,.cmh-hero,.rw149-hero,
  .ref-hero,.adc-v320-hero,.adc-hero-v2,
  .task-market-hero,.social-rewards-hero,.sr-hero,
  .campaign-hero,.reward-hero,.press-studio-hero,.blog-studio-hero
){
  box-sizing:border-box!important;
  border-radius:var(--ibo-hero-radius)!important;
  padding:var(--ibo-hero-pad-y) var(--ibo-hero-pad-x)!important;
  min-height:var(--ibo-hero-min-height)!important;
  color:var(--ibo-hero-copy)!important;
  position:relative!important;
  overflow:hidden!important;
  isolation:isolate!important;
  box-shadow:0 18px 44px rgba(18,74,176,.16)!important;
}

:is(
  .hc21-hero,.tw-hero,.m290-hero,.cg280-hero,
  .stage43-hero,.stage432-public-hero,
  .sgm-hero,.sgma-hero,.tm8-hero,.v170-hero,.cmh-hero,.rw149-hero,
  .ref-hero,.adc-v320-hero,.adc-hero-v2,
  .task-market-hero,.social-rewards-hero,.sr-hero,
  .campaign-hero,.reward-hero,.press-studio-hero,.blog-studio-hero
) :is(h1,h2,h3){
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  text-shadow:0 2px 12px rgba(0,23,72,.18)!important;
}

:is(
  .hc21-hero,.tw-hero,.m290-hero,.cg280-hero,
  .stage43-hero,.stage432-public-hero,
  .sgm-hero,.sgma-hero,.tm8-hero,.v170-hero,.cmh-hero,.rw149-hero,
  .ref-hero,.adc-v320-hero,.adc-hero-v2,
  .task-market-hero,.social-rewards-hero,.sr-hero,
  .campaign-hero,.reward-hero,.press-studio-hero,.blog-studio-hero
) :is(h1,h2){
  font-size:var(--ibo-hero-title-size)!important;
  line-height:1.08!important;
  letter-spacing:-.025em!important;
  margin-top:8px!important;
  margin-bottom:10px!important;
  max-width:860px!important;
}

:is(
  .hc21-hero,.tw-hero,.m290-hero,.cg280-hero,
  .stage43-hero,.stage432-public-hero,
  .sgm-hero,.sgma-hero,.tm8-hero,.v170-hero,.cmh-hero,.rw149-hero,
  .ref-hero,.adc-v320-hero,.adc-hero-v2,
  .task-market-hero,.social-rewards-hero,.sr-hero,
  .campaign-hero,.reward-hero,.press-studio-hero,.blog-studio-hero
) p{
  color:var(--ibo-hero-muted)!important;
  -webkit-text-fill-color:var(--ibo-hero-muted)!important;
  opacity:1!important;
  text-shadow:0 1px 8px rgba(0,30,90,.16)!important;
  font-size:15.5px!important;
  line-height:1.58!important;
  max-width:780px!important;
  margin-top:0!important;
}

/* Eyebrows, plain labels and workflow steps on dark hero backgrounds */
:is(.hc21-hero,.tw-hero,.sgm-hero,.sgma-hero,.tm8-hero,.v170-hero,.cmh-hero,.rw149-hero,.adc-v320-hero,.adc-hero-v2) > :is(span,small),
:is(.cg280-hero,.stage43-hero,.ref-hero,.m290-hero) :is(.hero-kicker,.hero-eyebrow,.hero-step,.step,.workflow-step){
  color:rgba(255,255,255,.94)!important;
  -webkit-text-fill-color:rgba(255,255,255,.94)!important;
}

/* Marketplace counters are part of the hero and need equal contrast. */
.m290-hero .m290-stats :is(b,span){
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}
.m290-hero .m290-stats>div{background:rgba(255,255,255,.14)!important;border-color:rgba(255,255,255,.25)!important;backdrop-filter:blur(8px)}

/* Preserve readable dark text on intentionally light badges/buttons. */
:is(.m290-pill,.stage43-badge,.ref-badge,.cg280-hero .badge,.tm8-hero .badge,.v170-hero .badge,.rw149-hero .badge){
  text-shadow:none!important;
}
:is(.stage43-btn.gold,.ref-btn.gold,.m290-light,.adc-hero-actions a,.v170-hero-actions a,.ref-hero-actions a){
  -webkit-text-fill-color:currentColor!important;
  text-shadow:none!important;
}

/* Decorative layers must never dim or cover copy. */
:is(.hc21-hero,.tw-hero,.m290-hero,.cg280-hero,.stage43-hero,.sgm-hero,.sgma-hero,.tm8-hero,.v170-hero,.cmh-hero,.rw149-hero,.ref-hero,.adc-v320-hero)::before,
:is(.hc21-hero,.tw-hero,.m290-hero,.cg280-hero,.stage43-hero,.sgm-hero,.sgma-hero,.tm8-hero,.v170-hero,.cmh-hero,.rw149-hero,.ref-hero,.adc-v320-hero)::after{
  pointer-events:none!important;
  z-index:-1!important;
}
:is(.hc21-hero,.tw-hero,.m290-hero,.cg280-hero,.stage43-hero,.sgm-hero,.sgma-hero,.tm8-hero,.v170-hero,.cmh-hero,.rw149-hero,.ref-hero,.adc-v320-hero)>*{
  position:relative;
  z-index:1;
}

@media (max-width:760px){
  :root{--ibo-hero-radius:20px;--ibo-hero-pad-y:22px;--ibo-hero-pad-x:20px;--ibo-hero-min-height:0px;--ibo-hero-title-size:clamp(27px,8vw,36px)}
  :is(.hc21-hero,.tw-hero,.m290-hero,.cg280-hero,.stage43-hero,.stage432-public-hero,.sgm-hero,.sgma-hero,.tm8-hero,.v170-hero,.cmh-hero,.rw149-hero,.ref-hero,.adc-v320-hero,.adc-hero-v2){
    display:block!important;
  }
  :is(.hc21-hero,.tw-hero,.m290-hero,.cg280-hero,.stage43-hero,.stage432-public-hero,.sgm-hero,.sgma-hero,.tm8-hero,.v170-hero,.cmh-hero,.rw149-hero,.ref-hero,.adc-v320-hero,.adc-hero-v2) p{
    font-size:14.5px!important;
    line-height:1.5!important;
  }
  .m290-hero .m290-stats{margin-top:18px!important;width:100%!important}
}

@media (prefers-reduced-motion:reduce){
  :is(.hc21-hero,.tw-hero,.m290-hero,.cg280-hero,.stage43-hero,.sgm-hero,.sgma-hero,.tm8-hero,.v170-hero,.cmh-hero,.rw149-hero,.ref-hero,.adc-v320-hero){scroll-behavior:auto!important}
}


/* IBOToolbox v3.88.4 — seller workspace hero contrast lock */
.sgma-hero .sgma-hero-copy,
.sgma-hero .sgma-hero-copy *{color:#fff!important;-webkit-text-fill-color:#fff!important;opacity:1!important;}
.sgma-hero .sgma-hero-copy p{color:rgba(255,255,255,.94)!important;-webkit-text-fill-color:rgba(255,255,255,.94)!important;}
.sgma-hero .sgma-eyebrow{color:#fff!important;-webkit-text-fill-color:#fff!important;}
.sgma-hero .sgma-hero-actions .btn{color:#0b4ba5!important;-webkit-text-fill-color:#0b4ba5!important;text-shadow:none!important;}