/* Reference-led finish: warm ivory, sage glass and forest green. */
body{background:radial-gradient(ellipse at 92% 12%,#e0e8d6b8,transparent 42%),radial-gradient(ellipse at 2% 35%,#e8dfc96e,transparent 38%),linear-gradient(135deg,#f7f7f0,#eeeee6 60%,#f8f8f1);color:#103b2d}header{background:#f5f5edc9;border-bottom:1px solid #d0dbc44d;padding-top:20px;padding-bottom:20px}.brand{font-size:18px;letter-spacing:2px}.brand img{width:36px;height:36px;box-shadow:0 4px 10px #124e2c0c;border-radius:11px}header select{background:#ffffff30;border-color:#d4d9cb;border-radius:12px;padding:9px 11px;font-size:12px}main{padding-inline:20px}.hero{padding-top:34px;padding-bottom:20px}.hero .eyebrow{font-size:9px;letter-spacing:2.5px;color:#264d40}.hero h1{font-weight:800;color:#0c3527;letter-spacing:-1.5px;margin:24px 0 18px;font-size:clamp(29px,7.7vw,60px);line-height:1.24}.hero>p{font-size:14px;color:#4b5953;line-height:1.8;max-width:650px;margin-bottom:20px}.orb{border-color:#c8d4b488;background:repeating-radial-gradient(ellipse at center,transparent 0 26px,#b7c8a42a 27px 28px);right:-130px;top:-18px;width:310px;height:310px;opacity:.68}.orb span{font-size:210px;font-weight:500;color:#b3c39b}.hero-line{font-size:9px;color:#758270;gap:7px}.hero-line button{font-size:9px;border-radius:20px;padding:5px 10px;background:#dce5cf8a;border:1px solid #d1ddc4}.market-ticker{position:relative;display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:20px;border-bottom:1px solid #d6dece66;padding-bottom:14px;z-index:1}.market-ticker>span{display:flex;align-items:center;gap:5px;font-size:10px;color:#19362d;white-space:nowrap}.market-ticker strong{font-weight:500}.market-ticker b{font-weight:500}.market-ticker>span+span{padding-inline-start:12px;border-inline-start:1px solid #bfcbb9}.market-ticker a{margin-inline-start:auto;border:1px solid #c5d6b8;background:#d4e0c5cc;border-radius:24px;padding:6px 10px;color:#21422e;font-size:10px;font-weight:700}.metrics{margin:0 0 16px;gap:10px}.metric{position:relative;overflow:hidden;background:linear-gradient(135deg,#ffffff22,#dce2d5aa);border:1px solid #cfd7c6;border-radius:15px;padding:15px 12px;min-height:105px;box-shadow:inset 0 1px #ffffff40}.metric small{color:#5f6c61;font-size:10px}.metric strong{font-size:25px;color:#0e392b;position:relative;z-index:1;margin-top:1px}.metric:nth-child(n+3){min-height:38px;padding:6px 11px;display:flex;gap:6px;justify-content:space-between;align-items:center;background:#e1e7d744;border-color:#d2ddc6aa;border-radius:9px}.metric:nth-child(n+3) strong{font-size:14px;color:#234d32;letter-spacing:0}.metric:last-child small{color:#5f6c61}.metric-trace{position:absolute;right:7px;bottom:7px;opacity:.48;width:65px;height:27px}.metric-trace small{font-size:6px;display:block;text-align:right}.metric-trace svg{width:100%;height:16px}.metric strong{max-width:100%;overflow-wrap:anywhere}.section-head .eyebrow{letter-spacing:2px;font-size:9px}.section-head h2{color:#0c3527;font-size:28px;font-weight:800;margin-bottom:20px}.currency{background:#ffffff20;border-color:#cbd5c4}.toolbar label{background:#ffffff55;border-color:#cfd6c7;border-radius:12px;padding:11px 12px}.toolbar select{background:#fafbf344;border-radius:12px}.filters{margin:21px 0}.filters button{font-size:12px;padding:8px 14px}.filters .active{background:linear-gradient(120deg,#d7e3c4,#c4d6b4);border:1px solid #c5d6b7}.table-head{color:#7d8978}.coin-row{border-color:#d7dfcf}.about article{background:linear-gradient(130deg,#f8faf24d,#dfe7d8b3);border:1px solid #d3dec9}.bottom{left:12px;right:12px;bottom:calc(8px + env(safe-area-inset-bottom));width:min(calc(100% - 24px),650px);margin:auto;background:#f5f6eee8;border:1px solid #cfd9c8;border-radius:22px;padding:10px 8px;box-shadow:0 10px 28px #1237240a;align-items:center}.bottom a,.bottom button{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:10px;line-height:1.4}.bottom a:before,.bottom button:before{content:"";width:23px;height:23px;display:block;background:currentColor;mask:var(--nav-icon) center/contain no-repeat;-webkit-mask:var(--nav-icon) center/contain no-repeat}.bottom a:first-child{color:#123f30;--nav-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 10 12 2l9 8v11h-6v-7H9v7H3z'/%3E%3C/svg%3E")}.bottom a:nth-child(2){color:#59605a;--nav-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='3' y='12' width='4' height='10' rx='2'/%3E%3Crect x='10' y='2' width='4' height='20' rx='2'/%3E%3Crect x='17' y='7' width='4' height='15' rx='2'/%3E%3C/svg%3E")}.bottom button{color:#59605a;--nav-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m12 2 3 6 7 1-5 5 1 8-6-4-6 4 1-8-5-5 7-1z'/%3E%3C/svg%3E")}
@media(min-width:700px){.hero{padding-top:54px;padding-bottom:28px}.hero .eyebrow{font-size:11px}.hero>p{font-size:18px}.hero-line{font-size:11px}.hero-line button{font-size:11px}.market-ticker>span{font-size:14px}.market-ticker a{font-size:12px;padding:8px 16px}.market-ticker{max-width:850px}.orb{right:-15px;top:-50px;width:410px;height:410px}.orb span{font-size:290px}.metrics{grid-template-columns:1fr 1fr .7fr .7fr}.metric{min-height:115px;padding:18px}.metric:nth-child(n+3){display:block;border-radius:15px;padding:18px;min-height:115px}.metric:nth-child(n+3) strong{font-size:27px}.metric small{font-size:12px}.metric strong{font-size:31px}.metric-trace{width:90px;height:34px}.metric-trace svg{height:22px}}
@media(max-width:350px){main{padding-inline:15px}.hero h1{font-size:28px;letter-spacing:-1px}.market-ticker{gap:8px}.market-ticker>span{font-size:9px}.market-ticker>span+span{padding-inline-start:8px}.market-ticker a{font-size:9px;padding:5px 8px}.metric strong{font-size:22px}.metric-trace{width:45px}}

.market-announcements{max-width:1100px;margin:0 auto;padding:9px 20px;border-bottom:1px solid #d8e2ce;background:linear-gradient(90deg,#e6efda77,#f1eddb99,#e0ecd177);color:#587051;min-height:35px;font-size:11px;text-align:center;overflow:hidden;overflow-wrap:anywhere}.announce-in{animation:announce-in .5s ease both}@keyframes announce-in{from{opacity:.2;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
html:not([lang="zh-CN"]):not([lang="ja"]):not([lang="ko"]) .hero h1{font-size:clamp(29px,7.7vw,60px);overflow-wrap:anywhere}html[lang="de"] .toolbar select,html[lang="fr"] .toolbar select,html[lang="es"] .toolbar select{max-width:118px}.reward-copy h3{overflow-wrap:anywhere;hyphens:auto}html[lang="de"] .reward-copy h3,html[lang="fr"] .reward-copy h3,html[lang="es"] .reward-copy h3{font-size:18px}html[lang="de"] .is-revealed .reward-copy h3,html[lang="fr"] .is-revealed .reward-copy h3,html[lang="es"] .is-revealed .reward-copy h3{font-size:13px}
@media(max-width:680px){html[lang="de"] .reward-copy h3,html[lang="fr"] .reward-copy h3,html[lang="es"] .reward-copy h3{font-size:14px}html[lang="de"] .is-revealed .reward-copy h3,html[lang="fr"] .is-revealed .reward-copy h3,html[lang="es"] .is-revealed .reward-copy h3{font-size:10px}}
@media(prefers-reduced-motion:reduce){.announce-in{animation:none}}