/* PAYOUTS designer-return polish. Existing type, palette, content and control
   owners are unchanged. Financial values never animate through invented digits. */
:root{--motion-ease:cubic-bezier(.16,1,.3,1)}
@media(prefers-reduced-motion:no-preference){
  @view-transition{navigation:auto}
  .sidebar{view-transition-name:payouts-sidebar}
  .topbar{view-transition-name:payouts-topbar}
  .live-page{view-transition-name:payouts-page}
  ::view-transition-group(*){animation-duration:240ms;animation-timing-function:var(--motion-ease)}
  ::view-transition-old(payouts-page){animation:payouts-out 100ms ease both}
  ::view-transition-new(payouts-page){animation:payouts-in 260ms var(--motion-ease) both}
  @keyframes payouts-out{to{opacity:0}}
  @keyframes payouts-in{from{opacity:0;transform:translateY(6px)}}
  .nav a .ms,.owner-link .ms{transition:transform 180ms var(--motion-ease)}
  .nav a:hover .ms,.nav a:focus-visible .ms,.owner-link:hover .ms{transform:scale(1.08)}
  :is(.brand,.mobile-brand) svg,.brand-avatar svg{transition:rotate 420ms var(--motion-ease)}
  :is(.brand,.mobile-brand):hover svg,a:hover>.brand-avatar svg,.podium-card:hover .brand-avatar svg{rotate:90deg}
  .conviction-options input:checked+.conviction-choice .conviction-signal b{animation:payouts-bar 300ms var(--motion-ease);transform-origin:bottom}
  .conviction-options input:checked+.conviction-choice .conviction-signal b:nth-child(2){animation-delay:35ms}
  .conviction-options input:checked+.conviction-choice .conviction-signal b:nth-child(3){animation-delay:70ms}
  @keyframes payouts-bar{from{scale:1 .35}}
  @supports selector(::details-content){
    .history-disclosure,.how-bottom details{interpolate-size:allow-keywords}
    :is(.history-disclosure,.how-bottom details)::details-content{block-size:0;overflow-y:clip;transition:block-size 220ms var(--motion-ease),content-visibility 220ms allow-discrete}
    :is(.history-disclosure,.how-bottom details)[open]::details-content{block-size:auto}
  }
  dialog[open]{animation:payouts-dialog 220ms var(--motion-ease)}
  dialog[open]::backdrop{animation:payouts-backdrop 180ms ease}
  @keyframes payouts-dialog{from{opacity:.5;transform:translateY(6px) scale(.99)}}
  @keyframes payouts-backdrop{from{opacity:0}}
  #notice{transition:opacity 180ms ease,transform 220ms var(--motion-ease)}
  .launch-art img{animation:payouts-float 9s ease-in-out infinite}
  @keyframes payouts-float{50%{transform:translateY(-8px) rotate(-1deg)}}
  @media(hover:hover){
    .btn.primary:not(:disabled):not([aria-disabled="true"]){position:relative;overflow:hidden;isolation:isolate}
    .btn.primary:not(:disabled):not([aria-disabled="true"])::after{content:"";position:absolute;inset:-10% auto -10% 0;width:22%;background:rgb(255 255 255/.22);z-index:-1;pointer-events:none;transform:translateX(-180%) skewX(-18deg)}
    .btn.primary:not(:disabled):not([aria-disabled="true"]):hover::after{animation:payouts-glint 650ms var(--motion-ease)}
    @keyframes payouts-glint{to{left:100%;transform:translateX(100%) skewX(-18deg)}}
  }
}
/* A static, softly masked texture replaces the continuous canvas render loop. */
.hero{position:relative;isolation:isolate}
.hero::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:radial-gradient(var(--green) .75px,transparent .75px);background-size:24px 24px;opacity:.12;mask-image:linear-gradient(90deg,#000,transparent 28%,transparent 72%,#000)}
@media(max-width:600px),(prefers-reduced-motion:reduce),(forced-colors:active){.hero::before{display:none}}
@media print{.hero::before{display:none}}