@scope (.xelbit-home) {
500;600;700;800&display=swap');
:root{--ink:#172723;--muted:#74817b;--line:#dee4dd;--accent:#d0ed87}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--ink);background:#fafbf7;font-family:Manrope,"Microsoft YaHei",sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a{touch-action:manipulation}header{height:88px;padding:0 5.5%;display:flex;align-items:center;gap:40px;border-bottom:1px solid var(--line);background:#fafbf7}.brand{font-size:28px;white-space:nowrap;letter-spacing:-1.4px}.brand b{font-size:24px;letter-spacing:1px}nav{display:flex;gap:32px;margin-left:38px;font-size:14px}nav a{padding:32px 0;color:#68746c}nav .selected{color:var(--ink);border-bottom:2px solid var(--ink)}.environment{margin-left:auto;font-size:11px;color:var(--muted)}header button{padding:12px 20px;border:1px solid #b8c3b7;border-radius:5px;background:transparent;cursor:pointer}main{max-width:1600px;margin:auto}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:660px;overflow:hidden}.hero-copy{padding:86px 0 70px 11%}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:700}.eyebrow>span{display:inline-block;width:6px;height:6px;background:#608549;border-radius:50%;margin-right:9px}h1{font-size:clamp(48px,5.1vw,80px);line-height:1.24;letter-spacing:-4px;font-weight:500;margin:30px 0 24px}p{line-height:1.9;color:#66716a;font-size:15px}.actions{display:flex;align-items:center;gap:30px;margin-top:34px}.primary{display:inline-flex;gap:50px;background:var(--ink);color:white;padding:18px 23px;border-radius:4px;font-size:14px}.primary:hover{background:#324c40}.text-link{font-size:13px}.hero-note{margin-top:46px;color:#869087;font-size:11px;letter-spacing:1px}.sculpture{position:relative;min-height:620px;background:radial-gradient(ellipse at 50% 58%,#e1ebcf,transparent 64%);overflow:hidden}.grid{position:absolute;inset:50px 35px;background-image:linear-gradient(#90a77d12 1px,transparent 1px),linear-gradient(90deg,#90a77d12 1px,transparent 1px);background-size:65px 65px;mask-image:radial-gradient(black,transparent 75%)}.orb{position:absolute;width:310px;height:410px;border-radius:50%;transform:rotate(36deg);border:42px solid #cddbae;box-shadow:inset 12px 10px 25px #536c5655,15px 22px 40px #4b62422b,inset -9px -10px 12px #fff9;background:transparent}.orb-back{left:12%;top:70px;border-color:#bacba3;transform:rotate(36deg)}.orb-front{left:38%;top:192px;width:280px;height:365px;border-color:#344f40;box-shadow:inset 12px 10px 20px #0f261d,14px 22px 30px #354e3c33,inset -6px -5px 12px #a7bc8a}.glass-label{position:absolute;left:6%;bottom:98px;padding:23px 28px;background:#ffffffa6;border:1px solid #fff9;backdrop-filter:blur(20px);width:247px;box-shadow:0 15px 45px #334b3510}.glass-label span,.glass-label i{font-size:8px;letter-spacing:1.4px;display:block;font-style:normal}.glass-label b{display:block;font-size:21px;line-height:1.5;font-weight:500;margin:15px 0 25px}.axis{position:absolute;bottom:42px;right:40px;font-size:8px;letter-spacing:2px;color:#8d9885}.account{margin:0 5.5%;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:1.25fr 1fr .75fr;align-items:center;padding:35px 0;gap:30px}.account h2{font-size:22px;font-weight:500;margin-bottom:0}.balance{border-left:1px solid var(--line);padding-left:45px;display:flex;flex-direction:column;gap:8px}.balance>span,.balance small{font-size:11px;color:var(--muted)}.balance strong{font-size:30px}.account-links{display:grid;gap:16px;font-size:13px}.account-links a{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:12px}.markets,.products{padding:80px 5.5% 0}.section-title>.eyebrow{color:var(--muted)}.section-title>div:last-child{display:flex;justify-content:space-between;align-items:center}.section-title h2{font-size:34px;font-weight:500;letter-spacing:-1px;margin:13px 0 30px}.section-title span{font-size:13px;color:var(--muted)}.market-toolbar{display:flex;justify-content:space-between;border-bottom:1px solid var(--line)}.tabs{display:flex;gap:30px}.tabs button{border:0;background:none;padding:16px 0;color:var(--muted);font-size:13px;cursor:pointer}.tabs .active{color:var(--ink);border-bottom:2px solid var(--ink)}.market-toolbar label{display:flex;align-items:center;gap:10px}.market-toolbar input{width:155px;border:0;background:transparent;font-size:12px;padding:10px;outline-offset:2px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:right;white-space:nowrap}th{font-size:11px;color:var(--muted);font-weight:400;height:48px}th:first-child{text-align:left}td{padding:18px 0;border-bottom:1px solid var(--line);font-size:14px}td:first-child{display:flex;align-items:center;text-align:left;gap:14px}td b{font-size:14px}td small{font-size:11px;font-weight:400;color:var(--muted)}td div>span{display:block;font-size:10px;color:var(--muted);margin-top:5px}.coin{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#e6e9e4;font-weight:700}.BTC{background:#f5e6c9;color:#ac7e28}.ETH{background:#e2e6ef;color:#627393}.source{font-size:11px;color:var(--muted)}td:last-child{width:80px}.data-note{font-size:10px}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.product-grid article{padding:32px;background:#eef1e9;min-height:270px;border-radius:3px}.number{font-size:9px;letter-spacing:1.4px}.product-grid h3{font-size:25px;font-weight:500;margin:35px 0 15px}.product-grid p{font-size:12px}.product-grid a,.coming{display:inline-block;margin-top:18px;font-size:12px}.product-grid .dark{background:#22382c;color:#eef3e8}.dark p{color:#b5c3b4}em{font-style:normal;font-size:9px;border:1px solid #5e735d;padding:3px 6px;margin-left:10px;white-space:nowrap}.coming{color:#cee394}.closing{text-align:center;padding:100px 20px}.closing h2{font-size:38px;font-weight:500;letter-spacing:-1px;margin:22px 0 32px}footer{border-top:1px solid var(--line);margin:0 5.5%;padding:35px 0;display:flex;align-items:center;gap:45px}footer p{font-size:10px}footer>span{margin-left:auto;font-size:10px;color:var(--muted)}:focus-visible{outline:2px solid #638548;outline-offset:5px}@media(max-width:800px){header{height:70px;gap:16px}header nav{margin:0;gap:15px}header nav a{font-size:12px;padding:24px 0}header nav a:last-child,header .environment,header button{display:none}.brand b{font-size:18px}.hero{grid-template-columns:1fr;min-height:0}.hero-copy{padding:55px 6% 10px}h1{font-size:56px;letter-spacing:-2px}.sculpture{min-height:440px}.orb-back{top:10px;left:20%;width:240px;height:320px}.orb-front{top:110px;left:43%;width:210px;height:275px;border-width:34px}.glass-label{bottom:45px;left:7%;width:210px}.axis{bottom:15px;font-size:7px}.account{grid-template-columns:1fr 1fr;padding:28px 0}.account h2{font-size:18px}.balance{padding-left:20px}.account-links{grid-column:1/-1;grid-template-columns:1fr 1fr;gap:25px}.markets,.products{padding-top:50px}.section-title h2{font-size:28px}.section-title span{display:none}.product-grid{grid-template-columns:1fr}.product-grid article{min-height:240px}.tabs{gap:18px}.market-toolbar input{width:110px}td{min-width:75px}td:first-child{min-width:175px}.closing{padding:65px 20px}.closing h2{font-size:29px}footer{flex-wrap:wrap;gap:15px}footer p{flex-basis:100%;order:2}footer>span{margin-left:auto}.hero-note{margin-top:30px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Dark homepage direction */
:root{--ink:#f4f4f4;--muted:#888;--line:#282828;--accent:#c5ff00}body,header{background:#080808;color:var(--ink)}header{border-color:#222}nav a{color:#aaa}header button{color:#fff;border-color:#666;border-radius:24px}.hero{background:#080808;min-height:650px}.hero-copy{padding-top:88px}h1{font-weight:700;letter-spacing:-3px}.eyebrow>span{background:#c5ff00}p{color:#999}.primary{background:#fff;color:#080808;border-radius:28px;font-weight:700;padding:18px 29px}.primary:hover{background:#c5ff00}.hero-note{color:#727272}.sculpture{background:radial-gradient(ellipse at 55% 50%,#242424,transparent 64%)}.grid{background-image:linear-gradient(#ffffff09 1px,transparent 1px),linear-gradient(90deg,#ffffff09 1px,transparent 1px)}.orb{border-radius:22px;transform:rotate(-25deg);width:250px;height:330px;border-width:38px}.orb-back{border-color:#e5e5e5;box-shadow:inset 8px 8px 15px #000b,12px 20px 0 #757575,18px 25px 35px #0009;left:18%;top:92px;transform:rotate(-25deg)}.orb-front{border-color:#c5ff00;width:240px;height:310px;left:40%;top:228px;box-shadow:inset 7px 7px 14px #516900,12px 18px 0 #688800,20px 30px 45px #0009;transform:rotate(-25deg)}.glass-label{background:#171717e8;border-color:#414141;box-shadow:0 15px 45px #0005;left:7%;bottom:80px}.glass-label span,.glass-label i{color:#8e8e8e}.axis{color:#777}.balance{border-color:#333}.account-links a:hover,.text-link:hover{color:#c5ff00}.market-toolbar input{color:#eee}.tabs .active{border-color:#fff}.coin{background:#242424;color:#eee}.BTC{background:#31230f;color:#f5a623}.ETH{background:#202331;color:#9ba8dc}.source{color:#999}.product-grid article{background:#151515;border:1px solid #292929;border-radius:12px}.product-grid .dark{background:#1b2110;color:#fff;border-color:#48562c}.dark p{color:#acb797}.coming{color:#c5ff00}.closing{background:radial-gradient(ellipse at bottom,#1c2211,transparent 66%)}footer{color:#eee}.section-title h2,.account h2,.closing h2,.product-grid h3{font-weight:600}.market-toolbar label{color:#999}.data-note{color:#777}input::placeholder{color:#777}em{border-color:#536438;color:#c5ff00}:focus-visible{outline-color:#c5ff00}@media(max-width:800px){.hero{min-height:0}.hero-copy{padding-top:55px}.orb-back{width:210px;height:260px;top:30px;left:22%}.orb-front{width:200px;height:250px;top:135px;left:45%}.glass-label{bottom:35px}}
.brand img{display:block;width:170px;height:40px;object-fit:contain;object-position:left center}.eyebrow>span{background:#00d4d6}.orb-front{border-color:#00bcd4;box-shadow:inset 7px 7px 14px #005a79,12px 18px 0 #006079,20px 30px 45px #0009}.primary:hover{background:#00d4d6}.account-links a:hover,.text-link:hover,.coming,em{color:#00d4d6}.product-grid .dark{background:#101e24;border-color:#254854}.dark p{color:#9db7bf}.closing{background:radial-gradient(ellipse at bottom,#101f25,transparent 66%)}:focus-visible{outline-color:#00d4d6}@media(max-width:800px){.brand img{width:125px}}
.trading-art{display:flex;align-items:center;justify-content:center;padding:55px 40px 75px 10px;background:radial-gradient(ellipse at 55% 55%,#0c2527 0,transparent 65%);overflow:hidden}.terminal-art{width:100%;max-width:540px;padding:24px 22px 15px;background:linear-gradient(140deg,#1a1c1f,#0c0e10 65%);border:1px solid #35393d;border-radius:14px;box-shadow:0 30px 70px #0008;transform:perspective(1200px) rotateY(-8deg) rotateX(3deg)}.art-header{display:flex;justify-content:space-between;align-items:center;color:#868b92;font-size:12px}.art-header b{color:#f8f8f8;font-size:16px}.art-tag{font-size:8px;letter-spacing:2px;color:#858d95}.art-title{font-size:26px;font-weight:600;margin:18px 0;color:#f0f2f3}.art-title span{display:block;color:#767d85;font-size:10px;font-weight:400;margin-top:7px}.art-periods{display:flex;align-items:center;gap:18px;color:#777e88;font-size:9px;border-top:1px solid #292c30;padding-top:15px}.art-periods b{background:#2a3035;color:#eee;border-radius:3px;padding:4px 9px}.art-periods i{margin-left:auto;font-style:normal;font-size:8px}.terminal-art svg{width:100%;height:auto;overflow:visible}.chart-grid path{stroke:#ffffff07;fill:none;stroke-width:1}.candle line{stroke-width:1.5}.rise{fill:#12c4b1;stroke:#12c4b1}.fall{fill:#9a676a;stroke:#9a676a}.volume-bar{opacity:.25;stroke:none}.average{fill:none;stroke:#b8c2ce;stroke-width:1.4;opacity:.55}.price-guide{stroke:#00b9bc;stroke-width:.7;stroke-dasharray:4 5;opacity:.6}.chart-labels{fill:#666e79;font-size:8px}.art-bottom{display:flex;justify-content:space-between;border-top:1px solid #252a30;padding-top:15px;font-size:8px;letter-spacing:1px;color:#737e86}.art-bottom i{display:inline-block;width:4px;height:4px;background:#12c4b1;border-radius:50%;margin-right:5px}.depth-chip{position:absolute;bottom:43px;right:27px;width:190px;border:1px solid #3b4247;background:#171c20f5;box-shadow:0 18px 35px #0008;padding:17px;border-radius:7px}.depth-chip>span{font-size:8px;letter-spacing:1.4px;color:#99a3aa}.depth-chip>div{display:flex;flex-direction:column;align-items:flex-end;gap:4px;margin:12px 0}.depth-chip i{height:4px;background:#259c98;opacity:.7}.depth-chip b{font-size:12px;font-weight:400;color:#d3dadd}@media(max-width:800px){.trading-art{padding:32px 22px 60px;min-height:450px}.terminal-art{max-width:430px;padding:18px 16px 12px;transform:none}.depth-chip{bottom:20px;right:16px;width:165px;padding:12px}.art-title{font-size:22px}.art-tag{font-size:7px}}
/* Blend the trading illustration into the homepage background. */
.trading-art{background:#080808}
.terminal-art{background:#080808;border-color:transparent;box-shadow:none}
.depth-chip{background:#080808;border-color:#202020;box-shadow:none}
.art-periods,.art-bottom{border-color:#1b1b1b}
.art-periods b{background:#181818}
/* Single-device hero */
.phone-scene{background:#080808;display:flex;align-items:center;justify-content:center;min-height:740px;padding:44px 20px 58px;overflow:visible;perspective:1400px}.phone{position:relative;width:310px;padding:7px;border-radius:46px;background:linear-gradient(115deg,#8b9196 0,#373a3c 6%,#141617 38%,#45494b 70%,#969a9b 85%,#27292a 100%);box-shadow:1px 0 0 #a4a7a866,-3px 3px 0 #242628,16px 24px 48px #000b;transform:rotateY(-12deg) rotateZ(8deg);flex-shrink:0}.phone-screen{position:relative;background:#0a0b0d;border:2px solid #050505;border-radius:39px;overflow:hidden;padding:0 17px;color:#eee}.phone-status{height:35px;display:flex;align-items:center;justify-content:space-between;font-size:9px;padding:0 9px}.phone-status>span{font-size:8px}.phone-island{position:absolute;top:9px;width:86px;height:21px;border-radius:20px;background:#000;left:calc(50% - 43px)}.phone-brand{display:flex;justify-content:space-between;align-items:center;margin:10px 0 16px}.phone-brand img{width:112px;height:25px;object-fit:contain;object-position:left}.phone-brand>span{font-size:14px;color:#a7aaae}.phone-tabs{display:flex;gap:20px;font-size:12px;align-items:center;color:#767b82}.phone-tabs>b{color:#eee;border-bottom:2px solid #ddd;padding-bottom:7px}.phone-tabs i{margin-left:auto;font-style:normal}.phone-pair{display:flex;justify-content:space-between;align-items:center;font-size:13px;margin-top:18px}.phone-pair small{font-size:11px;color:#7f8389}.phone-pair>span{font-size:20px;color:#b8bfc7}.phone-quote{display:flex;justify-content:space-between;align-items:center;margin:8px 0 16px}.phone-quote strong{font-size:25px;color:#14c9b6;letter-spacing:-1px;font-weight:600}.phone-quote div>span{display:block;color:#14c9b6;font-size:9px;margin-top:4px}.phone-quote dl{display:grid;grid-template-columns:1fr 1fr;gap:4px 7px;font-size:6px;margin:0}.phone-quote dt{color:#666e78}.phone-quote dd{margin:0;color:#c0c4ca;text-align:right}.phone-periods{display:flex;justify-content:space-between;font-size:8px;color:#7d8189;border-top:1px solid #1b1d22;padding-top:10px;align-items:center}.phone-periods b{background:#22252b;border-radius:3px;padding:3px 7px;color:#fff}.phone-chart{display:block;width:100%;margin-top:7px}.phone-book-title{display:flex;gap:18px;font-size:9px;margin:14px 0 10px;color:#777e88}.phone-book-title b{color:#eee}.phone-book{display:grid;grid-template-columns:1fr 1fr 1fr;gap:7px}.phone-book>div{display:flex;flex-direction:column;gap:7px;font-size:8px}.phone-book span{color:#727983;font-size:6px;white-space:nowrap}.phone-book b{font-weight:400}.phone-bids{color:#14b9a9;text-align:right}.phone-asks{color:#bd7882;text-align:right}.phone-actions{display:flex;gap:9px;margin:17px 0 13px}.phone-actions span{flex:1;text-align:center;padding:10px 0;background:#11bda9;color:#071b19;font-size:10px;font-weight:700;border-radius:5px}.phone-actions span+span{background:#b9707c;color:#fff}.phone-nav{display:flex;justify-content:space-around;padding:10px 0 7px;border-top:1px solid #202227;font-size:16px;color:#676d77;text-align:center}.phone-nav small{display:block;font-size:7px;margin-top:3px}.phone-nav .chosen{color:#eee}.phone-home{height:3px;background:#e4e4e6;width:92px;margin:4px auto 7px;border-radius:5px}.phone-key{position:absolute;width:3px;height:55px;right:-3px;top:145px;background:linear-gradient(#343739,#767b7d,#333);border-radius:2px}.phone-caption{position:absolute;bottom:12px;left:0;right:0;text-align:center;font-size:9px;color:#6b7077;letter-spacing:1px}@media(max-width:800px){.phone-scene{min-height:705px;padding-top:25px;padding-bottom:48px;overflow:hidden}.phone{width:285px;transform:rotateY(-10deg) rotateZ(6deg)}.phone-quote strong{font-size:23px}.phone-caption{bottom:3px;font-size:8px}}
/* Scale the complete device to five sixths of its previous size. */
.phone{transform:rotateY(-12deg) rotateZ(8deg) scale(.833333);transform-origin:center center}
@media(max-width:800px){.phone{transform:rotateY(-10deg) rotateZ(6deg) scale(.833333)}}

}
.xelbit-home .hero-copy{padding-left:5%;}.xelbit-home .hero{grid-template-columns:1fr 1fr}.xelbit-home h1{font-size:clamp(38px,4.5vw,70px)}.xelbit-home .phone-scene{min-height:710px}.xelbit-home .markets{padding-bottom:20px}.xelbit-home .products{padding-bottom:60px}@media(max-width:800px){.xelbit-home .hero{grid-template-columns:1fr}}
.xelbit-home .hero{border:0;border-radius:0;padding:0;box-shadow:none;background:#080808}

/* Keep quote headers and cells in the same native table columns. */
#markets-table{min-width:0;max-width:100%}
#markets-table .table-wrap{max-width:100%;overflow-x:auto}
#markets-table table{table-layout:fixed;min-width:850px;width:100%;text-align:left}
#markets-table th,#markets-table td{display:table-cell;box-sizing:border-box;vertical-align:middle;padding:16px 12px;min-width:0;text-align:left;white-space:nowrap}
#markets-table th{font-size:11px}
#markets-table th:nth-child(1),#markets-table td:nth-child(1){width:70px;text-align:center}
#markets-table th:nth-child(2),#markets-table td:nth-child(2){width:23%;text-align:left}
#markets-table th:nth-child(3),#markets-table td:nth-child(3){width:17%;text-align:right}
#markets-table th:nth-child(4),#markets-table td:nth-child(4){width:12%;text-align:right}
#markets-table th:nth-child(5),#markets-table td:nth-child(5){width:19%;text-align:right}
#markets-table th:nth-child(6),#markets-table td:nth-child(6){width:90px;text-align:center}
#markets-table th:nth-child(7),#markets-table td:nth-child(7){width:116px;text-align:right}
#markets-table .market-asset{display:flex;align-items:center;gap:10px;min-width:0}
#markets-table .market-asset>.coin{flex:0 0 28px;margin:0}
#markets-table .market-asset-name{display:flex;flex-direction:column;gap:3px;min-width:0}
#markets-table .market-asset-name>span{overflow:hidden;text-overflow:ellipsis;font-size:11px}
#markets-table td{font-variant-numeric:tabular-nums}
#markets-table .favorite{margin:0}

#markets-table{min-width:0;max-width:100%}#markets-table>.table-wrap{max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;overflow-anchor:none}