*{box-sizing:border-box}
body{margin:0;background:#0E1113;color:#F2F6F5;font-family:'Manrope',system-ui,sans-serif;line-height:1.5}
a{color:#2FE0C0}a:hover{color:#8AF3E0}
.wrap{max-width:1120px;margin:0 auto;padding:0 24px}
.u{font-family:'Unbounded',sans-serif}
.demo{background:#F5C451;color:#1B1500;padding:10px 24px;text-align:center;font-size:14px;font-weight:600}
header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;padding:24px 0}
.logo{display:flex;align-items:center;gap:12px;text-decoration:none;color:#F2F6F5}
.logo img{width:44px;height:44px;border-radius:999px;border:2px solid #2FE0C0;object-fit:cover}
.logo span{font-family:'Unbounded',sans-serif;font-weight:500;font-size:17px}
nav{display:flex;flex-wrap:wrap;align-items:center;gap:8px 24px;font-size:15px;font-weight:600}
nav a{color:#C5D3D5;text-decoration:none}
.btn{color:#06201B!important;background:#2FE0C0;text-decoration:none;padding:10px 18px;border-radius:999px;font-weight:700}
.btn.big{padding:16px 28px;font-size:16px}
.btn.ghost{background:none;color:#F2F6F5!important;border:1px solid #3A4850;font-weight:600}
.hero{display:flex;flex-wrap:wrap;align-items:center;gap:40px;padding:56px 0 40px}
.hero .l{flex:1 1 460px;min-width:0}
.hero .r{flex:0 1 340px;margin:0 auto;display:flex;justify-content:center}
.hero .r img{width:100%;max-width:340px;aspect-ratio:1/1;border-radius:999px;border:3px solid #2FE0C0;object-fit:cover}
.pill{display:inline-flex;align-items:center;gap:10px;padding:8px 14px;border:1px solid #2A343A;border-radius:999px;font-size:14px;font-weight:600;color:#C5D3D5}
.pill i{width:8px;height:8px;border-radius:999px;background:#2FE0C0}
h1{margin:24px 0 20px;font-family:'Unbounded',sans-serif;font-weight:700;font-size:clamp(34px,7vw,72px);line-height:1.05;letter-spacing:-.02em}
h1 span{display:block}h1 .g{color:#2FE0C0}
h2{font-family:'Unbounded',sans-serif;font-weight:500;font-size:20px;margin:0 0 16px}
h2.big{font-weight:700;font-size:clamp(28px,4.5vw,44px);line-height:1.15}
.lead{margin:0 0 32px;max-width:520px;font-size:18px;color:#C5D3D5}
.row{display:flex;flex-wrap:wrap;gap:12px}
.tiles{display:flex;flex-wrap:wrap;gap:16px;padding-bottom:72px}
.tile,.card{background:#161B1E;border:1px solid #2A343A;border-radius:20px;padding:24px}
.tile{flex:1 1 200px}
.tile .k{font-size:14px;color:#9FB0B3;font-weight:600}
.tile .v{margin-top:8px;font-family:'Unbounded',sans-serif;font-weight:700;font-size:30px}
.tile .n{margin-top:6px;font-size:13px;color:#9FB0B3}
.pos{color:#2FE0C0}.neg{color:#FF8A7A}
.eyebrow{font-size:14px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#2FE0C0}
section.s{padding:24px 0 72px}
.cards{display:flex;flex-wrap:wrap;gap:16px}
.cards .card{flex:1 1 280px;padding:28px}
.cards .card b{font-family:'Unbounded',sans-serif;font-weight:500;font-size:18px}
.cards .card p{margin:12px 0 0;color:#C5D3D5}
.big-card{margin-top:16px;background:#161B1E;border:1px solid #2A343A;border-radius:28px;padding:32px;display:flex;flex-wrap:wrap;gap:32px}
.big-card>div{flex:1 1 360px;min-width:0}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{padding:6px 12px;border:1px solid #3A4850;border-radius:999px;font-size:14px;color:#C5D3D5}
.chip.on{background:#161B1E;border-color:#2A343A;color:#F2F6F5;font-weight:600}
.chart{position:relative;height:140px}
.chart.tall{height:320px}
.chart svg,.plot svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.dot{position:absolute;right:0;width:12px;height:12px;margin:-6px -6px 0 0;border-radius:999px;background:#2FE0C0;border:3px solid #161B1E}
.empty{display:flex;align-items:center;justify-content:center;border:1px dashed #3A4850;border-radius:16px;color:#9FB0B3;font-size:14px;text-align:center;padding:16px;min-height:140px}
.chartbox{background:#161B1E;border:1px solid #2A343A;border-radius:28px;padding:28px}
.plot{position:relative;height:320px;margin-left:52px}
.ylab{position:absolute;left:-52px;width:44px;text-align:right;font-size:12px;color:#9FB0B3;transform:translateY(-50%)}
.xlab{display:flex;justify-content:space-between;margin:8px 0 0 52px;font-size:13px;color:#9FB0B3}
.foot-line{margin-top:20px;padding-top:16px;border-top:1px solid #2A343A;display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 24px;font-size:14px;color:#C5D3D5}
.pr{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 16px;background:#161B1E;border:1px solid #2A343A;border-radius:16px;padding:16px 20px;margin-bottom:8px}
.note{font-size:13px;color:#9FB0B3}
.two{display:flex;flex-wrap:wrap;gap:32px;padding-bottom:72px}.two>div{flex:1 1 420px;min-width:0}
.tl{border-left:2px solid #2A343A;margin-left:6px}
.ev{position:relative;padding:0 0 28px 24px}
.ev:before{content:"";position:absolute;left:-8px;top:5px;width:14px;height:14px;border-radius:999px;background:#2FE0C0}
.ev .d{font-size:14px;color:#9FB0B3;font-weight:600}.ev .t{font-weight:600}
.how .card{padding:16px 20px;border-radius:16px;margin-bottom:12px;color:#C5D3D5}
.cta{margin-bottom:72px;background:#161B1E;border:1px solid #2A343A;border-radius:28px;padding:32px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px}
footer{border-top:1px solid #2A343A;padding:32px 0 48px;display:flex;flex-wrap:wrap;gap:16px 32px;align-items:center;justify-content:space-between;color:#9FB0B3;font-size:14px}
footer .l{display:flex;flex-wrap:wrap;gap:8px 24px}
.updated{padding-bottom:16px}

.q{position:relative;display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;margin-left:-14px;border:1px solid #3A4850;border-radius:999px;color:#C5D3D5;font-size:13px;font-weight:700;cursor:help;outline:none;background:#0E1113}
.q:hover,.q:focus{border-color:#2FE0C0;color:#2FE0C0}
.q:hover:after,.q:focus:after{content:attr(data-tip);position:absolute;top:30px;right:0;width:250px;padding:10px 12px;border-radius:12px;background:#1E262A;border:1px solid #2A343A;color:#F2F6F5;font-size:13px;font-weight:500;line-height:1.4;text-align:left;z-index:5}

.tile{text-align:center}
.tile .v{white-space:nowrap;text-align:center}
.tile .k,.tile .n{text-align:center}
.tile .k{min-height:42px;display:flex;align-items:center;justify-content:center}

.tile{min-width:0}
@media(min-width:760px){.tiles.five{flex-wrap:nowrap;gap:12px}.tiles.five .tile{flex:1 1 0;padding:18px 10px}}