@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&display=swap');
:root{font-family:'DM Sans',Arial,sans-serif;color:#10171a;background:#f5f7f6;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}.wrap{max-width:1320px;margin:auto;padding:0 40px}.site-head{display:flex;align-items:center;justify-content:space-between;min-height:94px;border-bottom:1px solid #dbe1df}.brand{width:165px;height:auto;display:block}.nav{display:flex;gap:34px;align-items:center;font-size:15px;font-weight:600}.nav a:hover,.footer a:hover{text-decoration:underline;text-underline-offset:5px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:51px;padding:0 24px;border-radius:8px;background:#10171a;color:#fff;border:1px solid #10171a;font-weight:600}.button.alt{background:transparent;color:#10171a}.button:hover:not(:disabled){background:#30413e;color:#fff}.hero{position:relative;min-height:640px;display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:70px;padding-top:70px;padding-bottom:90px}.hero h1{font-size:clamp(54px,6vw,96px);line-height:.99;letter-spacing:-.07em;margin:0 0 30px;max-width:790px}.hero p{font-size:22px;line-height:1.5;color:#52605e;max-width:600px;margin:0 0 33px}.hero-art{position:relative;height:445px;border-radius:22px;background:#10171a;overflow:hidden;color:#fff;padding:42px}.art-top{display:flex;justify-content:space-between;gap:20px;color:#a9b8b4;font-size:14px}.position{position:absolute;top:120px;left:55px;width:330px;border:1px solid #6d7c78;border-radius:16px;padding:24px;background:#192321}.position strong{display:block;font-size:25px;letter-spacing:-.04em;margin-bottom:30px}.position small{color:#a9b8b4}.position .rail{height:8px;border-radius:8px;background:linear-gradient(90deg,#a8c9c1 0 38%,#3d5450 38% 100%);margin:28px 0 10px}.rights{position:absolute;right:36px;bottom:58px;width:250px;border:1px solid #6d7c78;background:#263733;border-radius:16px;padding:22px}.rights strong{display:block;font-size:20px;margin:13px 0 22px}.rights .pill{display:inline-block;border-radius:20px;background:#a8c9c1;color:#10171a;padding:7px 11px;font-size:12px;font-weight:700}.stream{position:absolute;left:375px;top:265px;width:105px;height:2px;background:#a8c9c1}.stream:after{content:'';position:absolute;right:0;top:-5px;width:12px;height:12px;border-radius:50%;background:#a8c9c1}.art-foot{position:absolute;bottom:28px;left:42px;color:#9caea9;font-size:13px}.section{padding:105px 0}.section h2{font-size:clamp(38px,4vw,62px);line-height:1.05;letter-spacing:-.055em;margin:0 0 34px;max-width:850px}.section>p,.section-intro{font-size:19px;line-height:1.55;color:#53615e;max-width:770px}.flow{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:66px}.flow article{padding:31px 0;border-top:1px solid #c6d1ce}.flow b{display:block;color:#647572;margin-bottom:40px;font-size:14px}.flow h3{font-size:25px;letter-spacing:-.035em;margin:0 0 12px}.flow p{margin:0;color:#53615e;line-height:1.55}.dark-block{background:#10171a;color:#fff}.dark-block .section{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.dark-block p{color:#b6c5c1;font-size:19px;line-height:1.55}.split-diagram{border:1px solid #445551;border-radius:18px;padding:34px}.split-diagram>div{display:flex;justify-content:space-between;gap:20px;padding:19px 0;border-bottom:1px solid #445551}.split-diagram>div:last-child{border:0}.split-diagram span{color:#b5c4c0}.split-diagram strong{text-align:right}.marquee{overflow:hidden;white-space:nowrap;background:#dce7e3;color:#22332e;padding:14px 0;font-weight:600;letter-spacing:.02em}.marquee span{display:inline-block;animation:roll 28s linear infinite}.marquee:hover span,.marquee:focus-within span{animation-play-state:paused}@keyframes roll{to{transform:translateX(-50%)}}.footer{background:#10171a;color:#fff;padding:66px 0 34px}.footer .grid{display:flex;justify-content:space-between;align-items:start;gap:50px}.footer img{width:170px}.footer nav{display:flex;gap:30px}.footer small{display:block;margin-top:70px;color:#a9b8b4}.page-head{padding:90px 0 40px}.page-head h1{font-size:clamp(52px,6vw,84px);letter-spacing:-.065em;line-height:1;margin:0 0 18px}.page-head p{font-size:20px;color:#53615e;line-height:1.5;max-width:700px}.docs{max-width:900px;padding-bottom:110px}.docs h2{font-size:31px;letter-spacing:-.035em;margin:54px 0 12px}.docs p,.docs li{line-height:1.65;color:#41504c;font-size:17px}.docs code{background:#e2e9e6;border-radius:4px;padding:2px 5px}.status{display:inline-block;background:#e3ebe8;border-radius:99px;padding:8px 12px;color:#41534e;font-size:13px;font-weight:700}.app-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:28px 0 42px}.app-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:28px;padding-bottom:120px}.panel{background:#fff;border:1px solid #d9e1de;border-radius:16px;padding:30px}.panel h2{font-size:29px;letter-spacing:-.04em;margin:0 0 20px}.panel p{line-height:1.5;color:#52615d}.field{display:flex;flex-direction:column;gap:8px;margin:18px 0}.field label{font-size:14px;font-weight:700}.field input{height:50px;border:1px solid #b6c4c0;border-radius:7px;padding:0 13px;background:#fff}.field input:focus,.button:focus-visible,a:focus-visible{outline:3px solid #92b9ae;outline-offset:3px}.hint{font-size:14px;color:#5e6c68}.notice{padding:16px 18px;background:#e8efec;border-radius:8px;color:#354940;margin:20px 0}.offer{border-top:1px solid #d9e1de;padding:20px 0}.offer:first-child{border-top:0}.offer strong{display:block;font-size:22px}.offer dl{display:grid;grid-template-columns:1fr 1fr;gap:6px 16px}.offer dt{color:#6d7976}.offer dd{margin:0;font-weight:600;word-break:break-all}.action-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.wallet{max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.error{color:#a52b2b}.success{color:#236449}@media(max-width:900px){.wrap{padding:0 22px}.site-head{min-height:78px}.brand{width:135px}.nav{gap:17px;font-size:13px}.hero{display:block;padding-top:75px;padding-bottom:60px;min-height:0}.hero h1{font-size:64px}.hero-art{margin-top:55px}.flow{grid-template-columns:1fr}.flow article b{margin-bottom:18px}.dark-block .section,.app-grid{grid-template-columns:1fr}.section{padding:75px 0}}@media(max-width:580px){.nav{gap:12px}.nav a:nth-child(2){display:none}.hero h1{font-size:53px}.hero p{font-size:18px}.hero-art{height:330px;padding:24px}.position{left:22px;top:92px;width:240px;padding:16px}.position strong{font-size:19px;margin-bottom:14px}.rights{right:18px;bottom:45px;width:175px;padding:14px}.rights strong{font-size:15px;margin:6px 0}.stream{left:240px;top:198px;width:45px}.art-foot{left:24px}.app-toolbar{display:block}.app-toolbar .button{margin-top:18px}.footer .grid{display:block}.footer nav{margin-top:30px;flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.marquee span{animation:none}}

/* BNB identity: warm paper, dark ink and a restrained high-contrast yellow. */
:root{color:#0b0e11;background:#fffdf5}
body{background:#fffdf5}
.site-head{border-color:#e7dfc9}
.button{background:#0b0e11;border-color:#0b0e11}
.button:hover:not(:disabled){background:#4d3d0c;color:#fff}
.button:focus-visible,.field input:focus,a:focus-visible{outline-color:#f0b90b}
.hero-art,.dark-block,.footer{background:#0b0e11}
.hero-art{box-shadow:inset 0 4px 0 #f0b90b}
.art-top,.art-foot{color:#d0bf8c}
.position{top:90px;left:36px;width:315px;background:#1a1b1d;border-color:#6e5b22}
.position small{color:#d4c693}
.position .rail{background:linear-gradient(90deg,#f0b90b 0 38%,#5b4c21 38% 100%)}
.rights{right:30px;bottom:24px;width:225px;background:#302a1b;border-color:#a17c1d}
.rights .pill{background:#f0b90b;color:#0b0e11}
.stream,.art-foot{display:none}
.marquee{background:#f0b90b;color:#0b0e11}
.flow article{border-color:#d2c8a8}
.dark-block p,.footer small{color:#d1c7a9}
.split-diagram,.split-diagram>div{border-color:#65552b}
.split-diagram span{color:#e4d6ac}
.panel{border-color:#e4ddca;background:#fffefa}
.notice,.status{background:#fff0bc;color:#4d3d0c}
.field input{border-color:#b8ab84}
@media(max-width:580px){.hero-art{height:460px}.position{top:85px;left:22px;width:240px}.rights{right:18px;bottom:30px;width:175px}}
[hidden]{display:none!important}