*{box-sizing:border-box;margin:0;padding:0}@keyframes floatUp{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes ticker{0%{transform:translateX(0)}to{transform:translateX(-50%)}}@keyframes barGrow{0%{width:0}to{width:var(--w)}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes lineIn{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes candlePulse{0%,to{opacity:.7}50%{opacity:1}}.hw{background:#F0EEE6;font-family:Inter,system-ui,sans-serif;overflow:hidden}.hero{padding:64px 0 0;display:flex;flex-direction:column;align-items:center;text-align:center;background:linear-gradient(180deg,#F1EFE9,#F0EEE6);position:relative}.hero:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,#D8D1BF 1px,transparent 0);background-size:32px 32px;opacity:.35;pointer-events:none}.badge{display:inline-flex;align-items:center;gap:7px;background:#E8E3D6;border:1px solid #d7cfbd;color:#6E6A61;font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;padding:5px 14px;border-radius:40px;margin-bottom:24px;animation:floatUp .55s ease both;position:relative;z-index:1;cursor:default}.badge-dot{width:5px;height:5px;border-radius:50%;background:#141413;animation:pulse 2s infinite}.h1{font-size:clamp(32px,5vw,60px);font-weight:800;line-height:1.06;letter-spacing:-.04em;color:#141413;max-width:760px;animation:floatUp .6s ease .08s both;opacity:0;position:relative;z-index:1;cursor:default}.h1 span{color:#8B7355}.sub{font-size:15px;line-height:1.7;color:#6E6A61;max-width:520px;margin:18px auto 0;animation:floatUp .6s ease .16s both;cursor:default}.btns,.sub{opacity:0;position:relative;z-index:1}.btns{display:flex;gap:10px;margin-top:32px;flex-wrap:wrap;justify-content:center;animation:floatUp .6s ease .24s both}.btn-p{background:#141413;color:#fff;font-weight:700;font-size:13px;padding:12px 26px;border-radius:6px;border:none;cursor:pointer;transition:all .15s}.btn-p:hover{background:#2B2B29;transform:translateY(-1px)}.btn-s{background:#F1EFE9;color:#141413;font-weight:600;font-size:13px;padding:12px 26px;border-radius:6px;border:1.5px solid #141413;cursor:pointer;transition:all .15s}.btn-s:hover{background:#141413;color:#F0EEE6;transform:translateY(-1px)}.ticker-outer{margin-top:44px;width:100%;overflow:hidden;background:#F1EFE9;border-top:1px solid #e2ded1;border-bottom:1px solid #e2ded1;padding:9px 0;animation:floatUp .6s ease .36s both;opacity:0;position:relative;z-index:1}.ticker-inner{display:flex;width:-moz-max-content;width:max-content;animation:ticker 26s linear infinite}.tick{display:flex;align-items:center;gap:10px;padding:0 28px;border-right:1px solid #e2ded1;white-space:nowrap}.t-pair{font-size:12px;font-weight:700;color:#141413}.t-price{font-size:12px;color:#6E6A61}.t-up{color:#5D7C63}.t-dn,.t-up{font-size:11px;font-weight:600}.t-dn{color:#8C5B57}.t-loader{font-size:11px;color:#A89E8D;animation:pulse 1s infinite}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;border-top:1px solid #e2ded1;animation:floatUp .6s ease .44s both;opacity:0;margin-top:60px;padding:0 8vw;max-width:1150px}.metric{background:#F1EFE9;padding:2vh 3vw;transition:background .2s;position:relative;overflow:hidden}.metric:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:#141413;transform:scaleX(0);transform-origin:left;transition:transform .35s}.metric:hover{background:#ECE7DA}.metric:hover:after{transform:scaleX(1)}.m-num{font-size:28px;font-weight:800;color:#141413;letter-spacing:-.03em;line-height:1;cursor:default}.m-label{font-size:11px;color:#7C7468;margin-top:4px;letter-spacing:.05em;text-transform:uppercase;font-weight:600;cursor:default}.m-bar{height:3px;background:#E2DED1;margin-top:12px;overflow:hidden;cursor:default}.m-bar,.m-fill{border-radius:2px}.m-fill{height:100%;background:#141413;animation:barGrow 1.2s cubic-bezier(.4,0,.2,1) 1s both}.candle-row{display:flex;align-items:flex-end;gap:4px;margin-top:2px}.c-bar{width:7px;border-radius:2px;position:relative;animation:candlePulse 2s ease-in-out infinite}.wick{position:absolute;left:50%;transform:translateX(-50%);width:1px;background:#B8AE99}.c-up{background:#5D7C63}.c-dn{background:#8C5B57}.m-bar:hover,.m-label:hover,.m-num:hover{cursor:none}@media (max-width:768px){.hero{padding:64px 15px 0}}@media (min-width:1800px){.metrics{padding:0 5vw;max-width:1500px}}