/* Smoked glass: neutral black surfaces, crisp content, no moving blur layers. */
html,body{background:#000}
#ff-workspace{--ff-bg:#000;background:#000}
#ff-workspace .ff-main,#ff-workspace .ff-sidebar{background:#000}
#ff-workspace :is(.showcase-card,.ff-summary,.cr-intro,.pay-hero,.pay-reserve,.analytics-overview,.analytics-chart-card){
  background:linear-gradient(135deg,#ffffff08 0%,#ffffff01 42%,#ffffff03 100%),#000000b8;
  border:1px solid #ffffff19;border-top-color:#ffffff38;border-left-color:#ffffff26;
  box-shadow:inset 0 1px 0 #ffffff09,inset 0 -1px 0 #0008,0 12px 36px #0003;
  -webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);
}
#ff-workspace .showcase-card{border-radius:19px;transition:border-color .25s,box-shadow .25s,transform .25s}
#ff-workspace .showcase-card::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:3;border-radius:inherit;background:linear-gradient(120deg,#ffffff09,transparent 30%,transparent 72%,#ffffff03);opacity:.6;transition:opacity .3s}
#ff-workspace .showcase-card:hover{background:linear-gradient(135deg,#ffffff0b,#ffffff02 50%,#ffffff05),#030303cc;border-color:#ffffff38;box-shadow:inset 0 1px 0 #ffffff13,0 16px 40px #0005;transform:translateY(-2px)}
#ff-workspace .showcase-card:hover::after{opacity:1}
#ff-workspace .showcase-footer{background:linear-gradient(0deg,#000000ed,#000000b8);border-top:1px solid #ffffff0b}
#ff-workspace .showcase-footer small{color:#999}
#ff-workspace .showcase-search-sheet{background:linear-gradient(135deg,#ffffff12,#ffffff03),#080808eb;border-color:#ffffff28;box-shadow:inset 0 1px 0 #ffffff0d,0 12px 28px #0006}
#ff-workspace :is(.cr-card,.ff-feature){background:linear-gradient(130deg,#ffffff09,transparent 60%),#030303cc;border-color:#ffffff1c;border-top-color:#ffffff2c;box-shadow:inset 0 1px 0 #ffffff05,0 6px 20px #0002}
#ff-workspace :is(.cr-card,.ff-feature):hover{background:linear-gradient(130deg,#ffffff10,transparent 65%),#080808dd;border-color:#ffffff3b}
@supports not (backdrop-filter:blur(1px)){#ff-workspace :is(.showcase-card,.ff-summary,.cr-intro,.pay-hero,.pay-reserve,.analytics-overview,.analytics-chart-card){background:linear-gradient(135deg,#0c0c0c,#020202)}}
@media(max-width:700px){#ff-workspace :is(.showcase-card,.ff-summary,.cr-intro,.pay-hero,.pay-reserve,.analytics-overview,.analytics-chart-card){-webkit-backdrop-filter:none;backdrop-filter:none;background:linear-gradient(135deg,#ffffff0c,#ffffff03),#000000ed}#ff-workspace .showcase-card{border-radius:16px}}
@media(prefers-reduced-motion:reduce){#ff-workspace .showcase-card,#ff-workspace .showcase-card::after{transition:none}#ff-workspace .showcase-card:hover{transform:none}}
@media(prefers-reduced-transparency:reduce){#ff-workspace :is(.showcase-card,.ff-summary,.cr-intro,.pay-hero,.pay-reserve,.analytics-overview,.analytics-chart-card){backdrop-filter:none;background:#050505}}

#ff-workspace #ff-explore-rows .catalog-card,#ff-workspace #home-token-catalog .catalog-card{background:linear-gradient(135deg,#ffffff06,transparent 65%),#020202;border-color:#ffffff1c;border-top-color:#ffffff2c;box-shadow:inset 0 1px 0 #ffffff05}
#ff-workspace #ff-explore-rows .catalog-card:hover,#ff-workspace #home-token-catalog .catalog-card:hover{background:linear-gradient(135deg,#ffffff0a,transparent 65%),#050505;border-color:#ffffff38}

@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
  #ff-workspace :is(.showcase-card,.catalog-card,.cr-card,.cr-intro,.ff-summary,.pay-hero,.pay-reserve,.pay-explainer,.analytics-overview,.analytics-chart-card,.analytics-platform-card,.site-panel){position:relative}
  #ff-workspace .glass-lit{border-color:#ffffff38!important;box-shadow:inset 0 1px 0 #ffffff14,0 10px 32px #0005!important}
  #ff-workspace .glass-lit:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:3;background:radial-gradient(240px circle at var(--light-x,50%) var(--light-y,50%),#ffffff10,transparent 75%);mask-image:none}
}
/* Shared surface response, matching the four home panels. */
@media(hover:hover) and (pointer:fine){
  #ff-workspace :is(.catalog-card,.cr-card,.cr-intro,.ff-summary,.pay-hero,.pay-reserve,.pay-explainer,.analytics-overview,.analytics-chart-card,.analytics-platform-card,.site-panel){transition:background-color .25s,border-color .25s,box-shadow .25s,transform .25s}
  #ff-workspace :is(.catalog-card,.cr-card,.cr-intro,.ff-summary,.pay-hero,.pay-reserve,.pay-explainer,.analytics-overview,.analytics-chart-card,.analytics-platform-card,.site-panel):hover,
  #ff-workspace #ff-explore-rows .catalog-card:hover,
  #ff-workspace #home-token-catalog .catalog-card:hover{
    background:linear-gradient(135deg,#ffffff0b,#ffffff02 50%,#ffffff05),#030303cc;
    border-color:#ffffff38;
    box-shadow:inset 0 1px 0 #ffffff13,0 16px 40px #0005;
  }
}
@media(prefers-reduced-motion:reduce){#ff-workspace :is(.catalog-card,.cr-card,.cr-intro,.ff-summary,.pay-hero,.pay-reserve,.pay-explainer,.analytics-overview,.analytics-chart-card,.analytics-platform-card,.site-panel){transition:none}}