:root{--bg:#fff9ee;--surface:#fff;--mint:#7142db;--text:#29213d;--muted:#716a7d;--line:#e8dfef}body{background:var(--bg)}.announcement{background:#ffcf47;color:#33223e}.announcement a{font-weight:700}.header{height:104px}.brand{letter-spacing:-1.5px}.brand-mark{background:#7142db;color:white;border:0;border-radius:10px;transform:rotate(-8deg);font-size:24px;width:38px;height:38px}.bnb-word{color:#7142db}.brand-dot{color:#ff9877}.header nav{color:#655d73;font-weight:500}.button{border-radius:100px;background:#7142db;color:white;border-color:#7142db;box-shadow:0 5px 0 #4c289f;font-size:13px;padding:16px 26px}.button:hover{background:#8555ec}.button.outline{color:#7142db;border-color:#c8b2ef;box-shadow:none;background:#f2eaff}.button.outline:hover{background:#e9dfff}.hero{padding-top:45px;min-height:640px}.hero h1{font-weight:700;letter-spacing:-4px;font-size:clamp(60px,6vw,83px);line-height:1.03}.hero-copy>p{font-size:15px;line-height:1.8;max-width:420px}.hero h1>span{color:#7142db}.hero h1>.headline-star{font-size:58px;color:#ff9274;display:inline-block;vertical-align:middle;transform:rotate(12deg)}.eyebrow{font-weight:700;font-size:10px;letter-spacing:1.7px}.status-dot{background:#ffad42;box-shadow:none}.hero-note strong{color:#40394d}.mini-stack i{background:#a7e9df;color:#236c67;border-color:var(--bg)}.mini-stack i:first-child{background:#ffcf47;color:#744b0d}.mini-stack i:last-child{background:#f7beaf;color:#913c37}.play-icon{background:#fff;border-color:#e4d5f3;color:#7142db}.mascot-scene{position:relative;min-width:0;display:flex;align-items:center;justify-content:center;isolation:isolate}.mascot-halo{position:absolute;width:94%;aspect-ratio:1;max-width:480px;border-radius:45% 55% 58% 42%;background:linear-gradient(135deg,#e8d9ff,#ddd0ff 45%,#f2cddd);z-index:-1;transform:rotate(-12deg);border:12px solid #f1e7fc}.hero-mascot{width:115%;max-width:610px;height:auto;position:relative;filter:drop-shadow(0 20px 20px #64329516)}.scene-spark{position:absolute;color:#7142db;font-size:50px;z-index:2}.spark-one{left:1%;top:5%;transform:rotate(15deg)}.spark-two{right:1%;bottom:13%;font-size:38px;color:#f48e70}.mascot-label{position:absolute;bottom:1%;left:18%;background:#ffcf47;border:2px solid #edb92c;padding:12px 22px;border-radius:18px;transform:rotate(-5deg);font:700 21px 'Space Grotesk';box-shadow:4px 5px 0 #d8a0f3;color:#362640}.mascot-label span{display:block;font:700 7px 'DM Sans';letter-spacing:1.5px;margin-top:4px}.dax-badge{right:-5%;top:4%;transform:rotate(5deg);background:white;border-color:#e7dbf1;color:#443552;padding:14px}.dax-badge>span{display:grid;place-items:center;background:#fff0b7;color:#ad7d00;font-size:26px;width:35px;height:35px;border-radius:10px}.floating-card small{color:#8b7e9d}.principles{background:white;border:1px solid #e6dfeb;border-radius:15px;padding:23px 28px;box-shadow:0 5px 0 #efe4d5;color:#615770}.principles>span{color:#998ba8}.principles b{color:#52425d}.principles>div>span{color:#7142db}.principles>div:nth-child(3)>span{color:#ed9275}.principles>div:nth-child(4)>span{color:#43b4a3}.principles>div:nth-child(5)>span{color:#e6ad18}.section-heading h2,h2{font-weight:600}.section-heading>p{font-size:13px}.ecosystem-card{background:#eee5ff;border:1px solid #d9c5ff;border-radius:22px;box-shadow:0 6px 0 #e4d4f4}.ecosystem-card.feature{background:#ffecb3;border-color:#efd17e;box-shadow:0 6px 0 #f1dfac}.ecosystem-card:last-child{background:#d8f2ec;border-color:#b5ddd2;box-shadow:0 6px 0 #c4e4d9}.card-label{color:#685079;font-weight:700}.tile-icon{background:white;color:#7142db;border-radius:11px}.feature .tile-icon{color:#c28a00}.ecosystem-card h3{font-weight:600}.ecosystem-card p{color:#75667f}.card-link{border-color:#c5b3d74d;color:#4b356b;font-weight:700}.mini-network{background:radial-gradient(ellipse,#ffd4576b,transparent)}.mini-network>span{background:#ffcc46;color:#6c460d;border-color:#dfb437}.mini-network i{background:#ffc845;border-color:#dca924}.mini-network i:before{background:#d4aa49}.nft-art{background:linear-gradient(145deg,#a478f6,#7040ca);border-color:#b195ee;box-shadow:6px 5px 0 #c2a7e8,7px 6px 0 #8861c8}.nft-art>span{color:#ffcf47}.nft-art small{color:#fff0cc}.community-art>span{background:#ffc94e;color:#6b4718;border-color:#ebaf2e}.community-art>span:nth-child(2){background:#b3a0f2;color:#573782;border-color:#9580d8}.community-art>span:last-of-type{background:#ffad98;color:#8f4637;border-color:#ed9780}.community-art>div{color:#518c7a}.journey-section{background:#f0e9ff;border:0}.steps article{border-color:#dcd0ef}.steps article>span:first-child{background:white;border-radius:50%;padding:10px;font-size:12px;box-shadow:0 3px 0 #dfd3f0}.steps article>span:last-child{color:#956bda;font-size:25px}.steps .button{margin-top:25px}.guide-mascot{display:flex;align-items:center;gap:15px}.guide-mascot img{width:125px;height:auto;transform:rotate(-10deg)}.guide-mascot>span{background:white;border-radius:20px;padding:18px;color:#7142db;font:500 15px 'Space Grotesk';line-height:1.5;transform:rotate(3deg);box-shadow:0 4px 0 #e0d3f3}.contract-panel{background:#fff;border-radius:22px;box-shadow:0 5px 0 #ede4d6}.contract-intro{background:#fff1c8}.large-icon{color:#c09211}.contract-intro h3{font-weight:600}.network-tag{border-color:#e5c36b;background:#fff9e8;color:#876214}.contract-list a>span{color:#7142db}.contract-list code{color:#8c7e9a}.resource-preview{width:100%;display:flex;align-items:center;justify-content:space-between;background:transparent;border:0;padding:25px 0;text-align:left;color:var(--text);gap:15px}.resource-preview strong{font-weight:500;font-size:12px;display:block}.resource-preview small{display:block;margin-top:8px;color:#8c7e9a;font-size:10px}.resource-preview>span{color:#7142db;font-size:10px}.resource-preview:hover strong{color:#7142db}.faq-list details{border-color:#e6dce9}.faq-list summary{font-weight:600}.cta{background:#7142db;border:0;border-radius:28px;color:#fff;box-shadow:0 8px 0 #e3d4ed}.cta .eyebrow{color:#ffd56b}.cta h2{color:white;font-weight:600;font-size:48px}.cta p{color:#e5d5ff}.cta .button{background:#ffcf47;border-color:#ffcf47;color:#382543;box-shadow:0 5px 0 #d3a131}.cta .button:hover{background:#ffde7d}.cta-star{color:#ffffff12;font-size:300px}.footer-top>a:last-child{color:#7a6a91}.footer-bottom{color:#8d809b}dialog{background:#fffaf2;border-color:#dfcdef;color:var(--text)}.close-dialog{background:#eee1ff;color:#7142db}.demo-banner{background:#fff0bf;color:#88621a}.dashboard-tabs button{color:#716380}.dashboard-tabs button[aria-selected=true]{background:#7142db;color:white}.demo-stat{background:#f2e9ff}.demo-row span{color:#7142db}.header nav.is-open{background:#fffaf2}.menu-toggle{border-color:#dac8ef;color:#7142db}.dialog-footer{line-height:1.6}
@media(max-width:1050px){.hero h1{font-size:66px}.dax-badge{right:0;top:0;font-size:10px;padding:10px}.mascot-label{bottom:7%}.hero{min-height:590px}}@media(max-width:760px){.header{height:88px;gap:10px}.brand{font-size:25px}.brand-mark{width:30px;height:30px;font-size:19px}.header>.button{font-size:9px;padding:10px 12px}.hero{padding-top:30px;gap:20px}.hero h1{font-size:64px}.hero h1>.headline-star{font-size:45px}.hero-copy>p{font-size:14px}.mascot-scene{min-height:400px;margin:10px 0 25px}.hero-mascot{width:105%;max-width:430px}.dax-badge{right:0;top:3%;font-size:9px}.floating-card small{font-size:8px}.mascot-label{bottom:0;left:16%;font-size:18px}.mascot-halo{width:88%;border-width:8px}.scene-spark{font-size:36px}.spark-one{top:0}.principles{padding:22px;gap:18px}.cta h2{font-size:36px}.cta-star{right:-70px}.guide-mascot img{width:100px}.guide-mascot>span{font-size:13px}.ecosystem-card{border-radius:20px}.contract-list{padding:0 22px}.hero-actions{gap:20px}.hero-actions .button{min-width:145px}}
.robot-card-art{height:160px;margin:12px 0;display:flex;align-items:center;justify-content:center;overflow:hidden}.robot-card-art img{display:block;width:160px;height:160px;object-fit:contain;filter:drop-shadow(0 8px 8px #7641a817);transition:transform .3s}.ecosystem-card:hover .robot-card-art img{transform:translateY(-5px) rotate(-3deg)}@media(prefers-reduced-motion:reduce){.robot-card-art img{transition:none}.ecosystem-card:hover .robot-card-art img{transform:none}}