:root{--ink:#111827;--muted:#667085;--line:#e3e9f0;--blue:#2474c6;--blue2:#56a8ed;--navy:#071a31;--green:#0d9b68;--red:#c45151}
*{box-sizing:border-box} body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:var(--ink);background:#fff}
button,a{font:inherit} button{cursor:pointer}
.topbar{height:84px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:8px 30px;background:#fff;position:relative;z-index:10}
.brand img{display:block;width:178px;height:auto;object-fit:contain} .nav{display:flex;align-items:center;gap:24px;font-size:13px;margin-left:auto} .nav a{color:#344054;text-decoration:none;font-weight:600}
.nav a.active{color:var(--blue)} .bell{font-size:18px;color:#667085} .avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#eef4fa;color:#315b84;font-weight:750}
.actions{display:flex;align-items:center;gap:9px;margin-left:18px}
.lang-wrap{display:flex;align-items:center;gap:6px;border:1px solid #d6e0ea;border-radius:7px;padding:5px 8px;background:#fff}
.lang-wrap select{border:0;background:transparent;color:#344054;font-weight:750;font-size:12px;outline:none;cursor:pointer;appearance:none;padding-right:2px}
.lang-icon{font-size:14px;color:#58728c;line-height:1} .btn{border:1px solid #ccd7e3;background:#fff;border-radius:7px;padding:8px 14px;font-weight:700;color:#26374a} .btn.primary{background:#2e78bd;color:#fff;border-color:#2e78bd}
.marketbar{background:#07192d;color:#fff;display:flex;align-items:stretch;height:52px;overflow:hidden;border-bottom:1px solid #1d3550}
.market-label{display:flex;align-items:center;padding:0 18px;font-size:10px;font-weight:850;letter-spacing:.12em;background:#0d2744;white-space:nowrap;z-index:2}
.market-label i{width:7px;height:7px;border-radius:50%;background:#35d39a;margin-right:8px;box-shadow:0 0 0 4px rgba(53,211,154,.12)}.order-count{margin-left:8px;color:#7f9ab4;font-size:9px;letter-spacing:.04em}
.ticker-window{overflow:hidden;flex:1;position:relative} .ticker-track{display:flex;width:max-content;height:100%;align-items:center;will-change:transform}
.ticker-window:hover .ticker-track{animation-play-state:paused} .quote{height:100%;display:flex;align-items:center;gap:11px;padding:0 22px;border-right:1px solid #1e3854;white-space:nowrap;font-size:11px;color:#b7c6d6}
.quote strong{color:#fff;font-size:12px} .quote b{color:#7fc1ff;font-size:12px} .side{font-size:8px;font-weight:900;letter-spacing:.08em;border-radius:3px;padding:3px 5px} .side.ask{background:rgba(13,155,104,.16);color:#59d5a8} .side.bid{background:rgba(86,168,237,.18);color:#81c6ff}

.hero{padding:46px 30px 34px;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);gap:50px;align-items:end;max-width:1500px;margin:auto}
.eyebrow{font-size:11px;font-weight:850;letter-spacing:.15em;color:var(--blue);margin-bottom:12px} h1{font-size:clamp(38px,5vw,68px);line-height:.98;letter-spacing:-.045em;margin:0;max-width:850px;font-weight:780} h1 em{font-style:normal;color:var(--blue)}
.hero p{font-size:17px;line-height:1.55;color:#5d6b7b;max-width:650px;margin:18px 0 0} .hero-side{border-left:1px solid var(--line);padding-left:30px} .hero-side strong{font-size:28px;display:block;margin-bottom:6px} .hero-side p{font-size:13px;margin:0 0 18px}
.cta-row{display:flex;gap:9px;flex-wrap:wrap} .cta{border:0;border-radius:7px;padding:11px 17px;font-weight:750} .cta.blue{background:#2f7fc7;color:#fff} .cta.light{background:#f2f6fa;color:#23415e;border:1px solid #dce5ee}
.market-stage{margin:0 30px;position:relative;height:430px;overflow:hidden;border-radius:10px;background:#0a1828} .market-slide{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;transition:opacity .8s ease;display:flex;align-items:flex-end} .market-slide.active{opacity:1}
.slide-copy{padding:42px;color:#fff;max-width:640px} .slide-copy>span{font-size:10px;letter-spacing:.16em;font-weight:850;color:#9dcaf2} .slide-copy h2{font-size:38px;margin:7px 0 5px;letter-spacing:-.03em} .slide-copy p{font-size:15px;color:#d7e2ec;margin:0 0 16px} .explore{background:rgba(255,255,255,.12);color:#fff;border:1px solid rgba(255,255,255,.35);padding:8px 12px;border-radius:6px;font-weight:700}
.dots{position:absolute;right:24px;bottom:22px;display:flex;gap:7px;z-index:3} .dot{width:18px;height:3px;padding:0;border:0;background:rgba(255,255,255,.35)} .dot.active{background:#fff}
.stats{display:grid;grid-template-columns:repeat(4,1fr);max-width:1200px;margin:30px auto;padding:0 30px} .stat{padding:8px 24px;border-right:1px solid var(--line)} .stat:last-child{border-right:0} .stat b{display:block;font-size:23px} .stat span{font-size:11px;color:#7b8998}
.bottom-cta{margin:20px 30px 32px;background:#f4f8fc;border:1px solid #dce7f2;border-radius:10px;padding:24px 28px;display:flex;align-items:center;justify-content:space-between;gap:20px} .bottom-cta h3{margin:0 0 4px;font-size:20px} .bottom-cta p{margin:0;color:#6b7785;font-size:13px}
@media(max-width:850px){.nav a{display:none}.hero{grid-template-columns:1fr;padding-top:30px}.hero-side{border-left:0;padding-left:0}.market-stage{height:390px;margin:0 16px}.stats{grid-template-columns:repeat(2,1fr)}.stat{border-bottom:1px solid var(--line)}.bottom-cta{margin:16px;align-items:flex-start;flex-direction:column}}
@media(max-width:560px){.topbar{padding:7px 14px}.brand img{width:150px;height:auto}.market-label{display:none}.hero{padding:28px 16px}.slide-copy{padding:24px}.slide-copy h2{font-size:30px}}

.site-footer{margin-top:8px;background:#07192d;color:#d6e0ea;border-top:1px solid #17324d}
.footer-inner{max-width:1500px;margin:0 auto;padding:34px 30px 24px;display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:34px}
.footer-brand img{width:150px;height:auto;display:block;margin-bottom:12px}
.footer-brand p{font-size:12px;line-height:1.6;color:#9db0c2;max-width:330px;margin:0}
.footer-col h4{font-size:11px;letter-spacing:.11em;text-transform:uppercase;color:#7fa0bf;margin:0 0 12px}
.footer-col a{display:block;color:#e7eef5;text-decoration:none;font-size:13px;margin:8px 0}
.footer-col a:hover{color:#8dc7ff}
.footer-bottom{border-top:1px solid #17324d;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 30px;max-width:1500px;margin:0 auto;font-size:11px;color:#7f93a8}
.footer-bottom .links{display:flex;gap:18px;flex-wrap:wrap}
.footer-bottom a{color:#9fb1c3;text-decoration:none}
@media(max-width:800px){.footer-inner{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.footer-bottom{align-items:flex-start;flex-direction:column}}
@media(max-width:520px){.footer-inner{grid-template-columns:1fr;padding:28px 18px 20px}.footer-brand{grid-column:auto}.footer-bottom{padding:14px 18px}}


.compact-footer{margin-top:8px;background:#07192d;color:#d6e0ea;border-top:1px solid #17324d}
.compact-footer-inner{max-width:1500px;margin:0 auto;padding:24px 30px 18px}
.compact-brand{display:flex;align-items:center;gap:18px;padding-bottom:18px;border-bottom:1px solid #17324d}
.compact-brand img{width:126px;height:auto;display:block}
.compact-brand span{font-size:12px;color:#91a6ba}
.compact-links{display:flex;gap:25px;flex-wrap:wrap;padding:17px 0 13px}
.compact-links a{color:#e4ebf2;text-decoration:none;font-size:12px;font-weight:650}
.compact-links a:hover{color:#8dc7ff}
.compact-copy{font-size:10px;color:#71869b}
@media(max-width:620px){.compact-footer-inner{padding:22px 18px 16px}.compact-brand{align-items:flex-start;flex-direction:column;gap:8px}.compact-links{gap:14px 20px}}