/* Final hero composition: balanced color hierarchy and consistent controls. */
#top{background:#070c08!important;min-height:100svh;align-items:stretch;flex-direction:column}
#top>.hero-layout.relative.z-20{max-width:1320px;padding:36px 40px 44px;display:flex;align-items:center;min-height:calc(100svh - 192px);flex:1}
#top .hero-copy{width:52%;max-width:620px}
#top h1{font-size:clamp(56px,6.1vw,78px);line-height:1.04;letter-spacing:-.055em;color:#e4f4dc;background:none;-webkit-text-fill-color:currentColor;font-weight:600}
#top h1>.text-gradient-rh{color:#5bff5d;background:none;-webkit-text-fill-color:currentColor}
#top h1 .text-gradient-rh .hero-word{background:linear-gradient(115deg,#b8fca5,#5bff5d,#8fce02);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
#top .hero-copy>p{font-size:20px;line-height:1.65;max-width:505px;letter-spacing:0;color:#bfd6b7;background:none;-webkit-text-fill-color:currentColor;margin-top:22px}
#top .hero-copy .mt-7{max-width:460px;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px;margin-top:26px}
#top .hero-copy .mt-7>a{grid-column:span 2;min-width:0;min-height:43px;padding:10px 11px!important;font-size:14px!important;font-weight:500;line-height:1.4;border:1px solid #6fac6b44!important;background:#0c180edb!important;color:#c8edba!important;box-shadow:none!important;transition:border-color .2s,background .2s,transform .2s;border-radius:4px!important}
#top .hero-copy .mt-7>a:nth-last-child(-n+2){grid-column:span 3}
#top .hero-copy .mt-7>.topaz-buy{grid-column:1/-1;background:linear-gradient(115deg,#9add28,#5bff5d)!important;color:#071107!important;border:1px solid #a1e86f!important;min-height:57px;font-size:16px!important;font-weight:700;gap:16px!important}
#top .hero-copy .mt-7>a:hover{border-color:#9bdd8399!important;background:#18321be8!important}
#top .hero-copy .mt-7>.topaz-buy:hover{background:linear-gradient(115deg,#a9e54a,#79ff7a)!important}
#top .cmc-logo{filter:none;opacity:.95}
#top .mt-7 .topaz-logo{width:82px!important;height:31px!important;background:#0b160d;padding:5px;border-radius:3px!important}
.hero-art{background-size:min(62vw,960px) auto;opacity:.94}
.hero-quote{top:192px!important}
.hero-quote p{pointer-events:auto;color:#c9e6bc}
.hero-quote .text-gradient-rh{background:none;-webkit-text-fill-color:currentColor;color:#98f18c}
.market-dashboard{position:relative;flex-shrink:0;width:100%;padding:14px clamp(24px,3.2vw,48px) 12px;background:linear-gradient(110deg,#090f0bf7,#0d180eec);border-bottom:1px solid #739b583d;box-shadow:0 15px 45px #0002}
.market-topline{padding-inline-end:202px;margin-bottom:14px}
.dashboard-ticker{color:#8fce02;font-weight:600}
.dashboard-chain{color:#afd48d;font-size:14px}
.market-source{color:#adc798;font-size:14px;letter-spacing:.025em}
.market-label{font-size:14px;color:#a8c18d;letter-spacing:.12em}
.market-price{font-size:34px;color:#c7ffb0;background:none;font-weight:500}
.market-metric strong,.market-flow strong{font-size:22px;color:#d4e6bb}
.market-flow small{color:#a4bd90;font-size:14px}
.market-actions button{border-radius:4px;background:#9bd94b;font-size:14px;min-height:34px;padding:8px 14px}
.market-actions button+button{border:1px solid #71955f4d;background:#0c170d;color:#bfdda8}
.market-feed-note{color:#9bb58c;font-size:14px;max-width:100%;margin-top:10px}
.site-language{border-color:#678256!important;background:#10180c!important;color:#deedce!important;border-radius:3px}
.hero-word{display:inline-block;position:relative;white-space:nowrap;transform-origin:50% 70%;will-change:auto}
.hero-word:hover{animation:hero-word-wiggle .42s ease-out 1}
@keyframes hero-word-wiggle{0%,100%{transform:translateY(0) rotate(0)}22%{transform:translateY(-1.6px) rotate(-1deg)}48%{transform:translateY(.8px) rotate(.8deg)}72%{transform:translateY(-.4px) rotate(-.35deg)}}
@media(max-width:1000px){#top>.hero-layout.relative.z-20{padding-top:36px}#top .hero-copy{width:62%;max-width:600px}#top h1{font-size:clamp(48px,6.4vw,67px)}.market-strip{grid-template-columns:1.6fr 1fr 1fr}.hero-quote{display:none!important}}
@media(max-width:600px){
.market-dashboard{padding:10px 16px 12px}.market-topline{padding-inline-end:152px;margin-bottom:16px}
.dashboard-chain{font-size:14px}.dashboard-ticker{font-size:20px}
.market-strip{grid-template-columns:1.55fr 1fr 1fr;gap:12px 10px}
.market-price{font-size:23px}.market-metric strong{font-size:16px}.market-label{font-size:14px;letter-spacing:.06em}.market-feed-note{font-size:14px}
.market-actions{grid-column:2/4;justify-content:flex-end}.market-actions button{font-size:14px;min-height:32px;padding:7px 10px}
#top>.hero-layout.relative.z-20{padding:40px 20px 40px;min-height:0}
#top .hero-copy{width:100%;max-width:none}
#top h1{font-size:clamp(43px,12.5vw,55px);line-height:1.07}
#top .hero-copy>p{font-size:18px;line-height:1.6;max-width:335px;margin-top:20px}
#top .hero-copy .mt-7{margin-top:24px;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}
#top .hero-copy .mt-7>a,#top .hero-copy .mt-7>a:nth-last-child(-n+2){grid-column:span 1;min-height:44px;font-size:14px!important;gap:7px!important;padding:10px!important}
#top .hero-copy .mt-7>.topaz-buy{grid-column:1/-1;min-height:56px;font-size:14px!important;gap:11px!important}
#top .hero-copy .mt-7>a:nth-of-type(4){grid-column:1/-1}
.hero-art{background-position:70% 30%;background-size:auto 650px;opacity:.78;-webkit-mask-image:linear-gradient(180deg,black 0%,black 55%,transparent 100%);mask-image:linear-gradient(180deg,black 0%,black 55%,transparent 100%)}
}
@media(prefers-reduced-motion:reduce){.hero-word:hover{animation:none!important}}
@media(hover:none){.hero-word:hover{animation:none}}

#top .hero-copy a>.hero-words{min-width:0}
.hero-word{max-width:100%;white-space:normal;overflow-wrap:anywhere}

@media(max-width:360px){.market-price-block{grid-column:1/-1}.market-price{font-size:28px}.market-metric strong{font-size:16px}.market-actions{grid-column:1/-1;justify-content:flex-start}.market-strip{gap:12px}.market-price .hero-word{white-space:nowrap;overflow-wrap:normal}}