/* Market discovery: a dimensional, expanding canvas, after the unchanged globe. */
.hero-bottom>a{margin-left:auto}
.tradable-assets{background:#f7f8fc;color:#101322;padding:112px 0 62px;overflow:hidden}
.tradable-assets>.container{max-width:1200px}
.assets-heading{text-align:center;max-width:1100px;margin:0 auto 58px}
.assets-label{display:inline-flex;align-items:center;gap:10px;margin-bottom:27px;padding:8px 16px 8px 8px;border-radius:30px;background:#ecedff;font-size:13px;font-weight:650;color:#242743}
.assets-label svg{width:33px;height:33px;padding:7px;border-radius:10px;background:#fff;color:#4964ef;box-shadow:0 5px 16px #3e53b51a;transform:rotate(-12deg)}
.assets-heading h2{font-size:clamp(38px,4.15vw,61px);font-weight:650;letter-spacing:-2.8px;line-height:1.16}
.assets-heading h2>span{background:linear-gradient(105deg,#008dbe,#2159ec 50%,#6c2ee8);background-clip:text;-webkit-background-clip:text;color:transparent}
.assets-heading>p{font-size:16px;line-height:1.75;max-width:780px;margin:26px auto 0;color:#626a7e}
.asset-grid{display:grid;gap:16px}
.asset-row{display:flex;gap:16px}
.asset-card{position:relative;isolation:isolate;overflow:hidden;flex:1 1 0%;min-width:0;height:330px;border-radius:30px;border:1px solid #fff;background:linear-gradient(145deg,#fdfdff,#f0f2fb);box-shadow:0 10px 32px #29314c16,0 2px 5px #29314c06;transition:flex-grow .65s cubic-bezier(.22,.72,.12,1),box-shadow .45s,border-color .45s}
.asset-card::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 100% 100%,#afc9ff66,transparent 70%);opacity:.4;transition:opacity .55s}
.asset-card.is-expanded{flex-grow:1.62;border-color:#b6c9ff;box-shadow:0 18px 45px #2c51a124}
.asset-card.is-expanded::before{opacity:1}
.asset-art{position:absolute;width:290px;height:260px;object-fit:contain;object-position:bottom right;bottom:-10px;right:-22px;pointer-events:none;user-select:none;transition:transform .75s cubic-bezier(.22,.72,.12,1),opacity .5s;filter:drop-shadow(0 16px 13px #24376f12)}
.asset-card.is-expanded .asset-art{transform:translate(36px,9px) scale(1.04)}
.asset-toggle{position:absolute;inset:0;width:100%;height:100%;padding:0;text-align:left;background:transparent;z-index:2;color:#121629;border-radius:inherit}
.asset-toggle:focus-visible{outline:3px solid #2860ef;outline-offset:-5px}
.asset-title{position:absolute;top:25px;left:26px;right:44px;font:650 25px/1.18 Manrope,sans-serif;letter-spacing:-.8px}
.asset-open-icon{position:absolute;top:27px;right:24px;color:#687baf;font-size:19px;transition:transform .35s,opacity .35s}
.asset-card.is-expanded .asset-open-icon{transform:rotate(45deg);opacity:.55}
.asset-details{position:relative;z-index:3;pointer-events:none;margin:70px 26px 0;width:240px;max-width:61%;height:230px;display:flex;flex-direction:column;align-items:flex-start}
.asset-details>p{font-size:14px;line-height:1.65;color:#5b6377;max-width:240px}
.asset-symbols{display:flex;flex-wrap:wrap;gap:5px;margin-top:15px;max-width:230px}
.asset-symbols>span{font-size:10px;font-weight:650;color:#355391;border:1px solid #c9d6f3;border-radius:5px;background:#ffffffb0;padding:4px 6px;line-height:1.3}
.asset-cta{display:inline-flex;align-items:center;justify-content:center;gap:9px;margin-top:auto;margin-bottom:1px;min-height:44px;padding:11px 13px;border-radius:10px;background:linear-gradient(115deg,#06bcde,#3262f2 75%,#6443e9);box-shadow:0 5px 16px #2159ec20;color:#fff;font-size:11px;font-weight:650;text-align:left;pointer-events:auto}
.asset-cta svg{width:15px;height:15px}
.assets-ready .asset-details{opacity:0;visibility:hidden;transform:translateY(12px);transition:opacity .3s,transform .45s,visibility .3s}
.assets-ready .asset-card.is-expanded .asset-details{opacity:1;visibility:visible;transform:translateY(0);transition-delay:.12s}
.assets-note{text-align:center;color:#7c8497;font-size:11px;margin-top:26px;line-height:1.6}
.benefits-section{background:#f7f8fc;color:#12172a;border:0}
.benefit-grid{max-width:1200px;padding-block:15px 48px;border-bottom:1px solid #e0e6f1;gap:22px}
.benefit-grid article{display:grid;grid-template-columns:42px 1fr;column-gap:13px;padding:16px 0!important;border:0!important}
.benefit-grid .feature-icon{grid-row:span 2;margin:0;color:#3166e9;width:42px;height:42px;padding:10px;background:#e9effc;border:1px solid #fff;border-radius:13px}
.benefit-grid .feature-icon svg{width:22px;height:22px}
.benefit-grid h3{font-size:14px;line-height:1.35;margin-bottom:6px;letter-spacing:-.25px}
.benefit-grid p{font-size:12px;color:#7c8497;line-height:1.6}
@media(min-width:1001px){.assets-ready .asset-card:not(.is-expanded) .asset-art{transform:translate(0,0)}}
@media(max-width:1100px){.asset-title{font-size:21px;left:21px}.asset-details{margin-left:21px;margin-right:21px;max-width:64%;width:220px}.asset-art{width:245px;height:245px;right:-36px}.asset-card.is-expanded .asset-art{transform:translate(40px,12px) scale(.96)}.asset-card{height:330px}.asset-card.is-expanded{flex-grow:1.8}.asset-details>p{font-size:13px}.asset-open-icon{right:19px}.benefit-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:800px){.tradable-assets{padding:75px 0 42px}.assets-heading{margin-bottom:35px}.assets-heading h2{font-size:42px;letter-spacing:-1.9px}.assets-heading>p{font-size:15px}.asset-row{flex-direction:column;gap:16px}.asset-card,.asset-card.is-expanded{flex:auto;height:285px;min-height:285px}.asset-title{font-size:25px;left:25px;top:23px}.asset-art{width:315px;height:280px;bottom:-10px;right:-10px}.asset-card.is-expanded .asset-art{transform:translate(12px,8px)}.asset-details{margin:70px 25px 0;width:280px;max-width:56%;height:189px}.asset-details>p{font-size:14px}.asset-symbols{margin-top:12px}.asset-cta{font-size:12px;padding-inline:14px}.assets-ready .asset-details{opacity:1;visibility:visible;transform:none}.asset-open-icon{display:none}.asset-toggle{pointer-events:none}.asset-details .asset-cta{pointer-events:auto}.assets-note{font-size:12px}.benefit-grid{padding-bottom:32px;gap:12px}}
@media(max-width:500px){.assets-heading h2{font-size:35px;line-height:1.19;letter-spacing:-1.5px}.assets-heading>p{font-size:14px;line-height:1.7;margin-top:22px}.assets-label{font-size:12px;margin-bottom:23px}.asset-card{border-radius:23px}.asset-title{font-size:24px;left:20px}.asset-art{width:225px;height:230px;right:-32px;bottom:-5px;opacity:.9}.asset-details{margin-left:20px;width:230px;max-width:67%;height:192px}.asset-details>p{font-size:13px;line-height:1.6;max-width:185px}.asset-symbols{max-width:165px;margin-top:10px}.asset-symbols>span{font-size:9px}.asset-cta{font-size:10px;gap:7px;padding:10px 11px;background:#2659df}.benefit-grid{gap:10px}.benefit-grid article{display:block}.benefit-grid .feature-icon{margin-bottom:12px}.benefit-grid h3{font-size:14px}.benefit-grid p{font-size:12px}.assets-note{text-align:left;font-size:11px}}
@media(prefers-reduced-motion:reduce){.asset-card,.asset-art,.asset-details,.asset-open-icon{transition:none!important}}
.motion-paused .asset-card,.motion-paused .asset-art,.motion-paused .asset-details{transition:none}

/* Continuous mobile depth. Text remains fully opaque and at its original size. */
@media(max-width:800px) and (prefers-reduced-motion:no-preference){
  html:not(.motion-paused) .assets-scroll-ready .asset-card{transform:translate3d(0,var(--asset-scroll-y,0px),0)}
  html:not(.motion-paused) .assets-scroll-ready .asset-art{translate:0 var(--asset-art-y,0px)}
  html:not(.motion-paused) .assets-scroll-ready .asset-scroll-visible{will-change:transform}
  html:not(.motion-paused) .assets-scroll-ready .asset-scroll-visible .asset-art{will-change:translate}
}