/* Reference artwork uses two moving coin columns, with depth behind them. */
.feature-tag{display:flex;align-items:center;gap:12px}.feature-tag svg{width:26px;height:26px;flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.feature-card{background-image:radial-gradient(ellipse at 85% 60%,#ffffff02,transparent 70%)}.card-green{background-color:#102820;--accent:#08d2a2}.card-green .network-art{position:absolute;inset:0;width:100%;height:100%;scale:1;opacity:1;pointer-events:none;transform:none}.card-green .network-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;filter:none;opacity:1;animation:none;transform:none}.card-green h3{max-width:83%}.card-green p{max-width:67%}.card-green .feature-link{margin-top:12px}.card-purple{background-image:radial-gradient(ellipse at 100% 100%,#6835c418,transparent 70%)}.badge-art{right:-100px;bottom:64px;gap:10px;width:440px}.badge-art span{padding:19px 23px;border-radius:16px;white-space:nowrap;font-size:25px}.badge-art span:first-child{margin-left:130px}.card-purple p{max-width:64%}.card-purple .feature-link{margin-top:1px}.card-chain{background-image:linear-gradient(#e8667929 1px,transparent 1px),linear-gradient(90deg,#e8667929 1px,transparent 1px);background-size:20px 20px}.card-chain .globe-art{position:absolute;width:360px;height:400px;right:-110px;top:-20px;border-radius:0;background:none;transform:none;opacity:1;scale:1;pointer-events:none;transition:transform .8s cubic-bezier(.2,.8,.2,1)}.globe-art img{width:100%;height:100%;display:block}.card-chain:hover .globe-art{transform:translate(-8px,3px) rotate(4deg)}.card-chain h3{max-width:75%}.card-chain p{max-width:62%}.progress-art{top:-20px;right:-75px;width:59%;opacity:.2;transform:rotate(0);pointer-events:none}.progress-art>div{height:130px;border-width:23px;border-radius:34px;margin-bottom:26px;background:#97351520}.progress-art>div:after{content:'';display:block;height:18px;width:85%;border-radius:20px;background:#fb4e142e;margin:25px 0 0 25px}.progress-art>div:nth-child(1){transform:translateX(35px)}.progress-art>div:nth-child(2){margin-left:-90px}.progress-art>div:nth-child(3){margin-left:-40px}.card-orange p{max-width:65%}.wallet-token img{object-fit:contain}.feature-card .feature-link:hover>span{transform:translateX(4px)}
@media(min-width:701px) and (max-width:1500px){.feature-tag{gap:8px}.feature-tag svg{width:18px;height:18px}.card-green .feature-link{margin-top:6px}.badge-art{right:-67px;bottom:43px;scale:.67;transform-origin:right bottom}.card-chain .globe-art{width:242px;height:268px;right:-74px;top:-14px;scale:1}.progress-art{top:-14px;right:-50px}.progress-art>div{height:87px;border-width:16px;border-radius:23px;margin-bottom:17px}.progress-art>div:after{height:12px;margin:16px 0 0 16px}.progress-art>div:nth-child(2){margin-left:-60px}.progress-art>div:nth-child(3){margin-left:-27px}}
@media(max-width:700px){.feature-tag{gap:8px}.feature-tag svg{width:18px;height:18px}.card-green,.card-purple,.card-orange,.card-chain{min-height:340px}.card-green .network-art{left:auto;right:-40px;width:510px;height:340px;top:0;opacity:.85}.card-green h3{max-width:75%;font-size:26px}.card-green p{max-width:65%;font-size:17px}.card-green .feature-link{margin-top:15px}.card-purple p{max-width:72%;font-size:17px}.badge-art{scale:.47;right:-78px;bottom:20px;opacity:.85}.card-purple .feature-link{margin-top:17px}.card-chain .globe-art{width:210px;height:234px;right:-105px;top:15px;opacity:.85;scale:1}.card-chain h3{max-width:75%}.card-chain p{max-width:69%;font-size:17px}.card-chain .feature-link{margin-top:15px}.card-orange p{max-width:75%;font-size:17px}.progress-art{right:-45px;top:0;width:55%;opacity:.15}.progress-art>div{height:95px;border-width:16px;border-radius:23px;margin-bottom:20px}.progress-art>div:after{height:12px;margin:16px 0 0 16px}}
@media(prefers-reduced-motion:reduce){.card-chain:hover .globe-art,.card-purple:hover .badge-art{transform:none}.feature-card .feature-link:hover>span{transform:none}}
.badge-art{display:grid;grid-template-columns:230px 190px;width:430px;gap:10px}.badge-art span{display:flex;align-items:center;justify-content:center;padding:19px 16px}.badge-art span:first-child{grid-column:1/3;justify-self:end;width:280px;margin:0}.badge-art span:nth-child(2){grid-column:1}.badge-art span:nth-child(3){grid-column:2}

.amount-unit{position:absolute;right:20px;top:17px;padding:5px 9px;border:1px solid #ffffff20;border-radius:9px;font-size:12px;font-weight:600;color:#c5c5c5;transition:background .2s,color .2s}.amount-unit:hover{background:#ffffff12;color:#fff}.amount-unit:disabled{opacity:.5;cursor:wait}