.asset-globe-hero .hero-copy .excrypt-swap-button{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:202px;
  min-height:54px;
  padding:0;
  overflow:hidden;
  isolation:isolate;
  color:#fff;
  background-color:#3159e8;
  background-image:linear-gradient(110deg,#3159e8 0%,#4e6bf5 24%,#7658d8 50%,#4f72f4 50%,#6686ff 74%,#8b6be6 100%);
  background-size:200% 100%;
  background-position:0 0;
  border:1px solid #4866ee;
  border-radius:5px;
  clip-path:none;
  transition:border-color .3s cubic-bezier(.22,1,.36,1),background-position .3s cubic-bezier(.22,1,.36,1),transform .3s cubic-bezier(.22,1,.36,1);
}
.asset-globe-hero .hero-copy .excrypt-swap-button .swap-label{
  position:relative;
  z-index:5;
  display:block;
  padding:17px 22px;
  font:11px var(--mono);
  font-size:11px;
  text-transform:uppercase;
  white-space:nowrap;
  opacity:1;
  transform:translate3d(0,0,0) scale(1);
  transition:opacity .23s ease,transform .23s cubic-bezier(.22,1,.36,1);
}
.asset-globe-hero .hero-copy .excrypt-swap-button .swap-stage{
  position:absolute;
  z-index:2;
  inset:0;
  overflow:hidden;
  pointer-events:none;
}
.asset-globe-hero .hero-copy .excrypt-swap-button .swap-token{
  position:absolute;
  z-index:3;
  top:16px;
  left:-24px;
  width:22px;
  height:22px;
  border-radius:50%;
  opacity:0;
  transform:translate3d(0,0,0) scale(.94);
  will-change:transform,opacity;
}
.asset-globe-hero .hero-copy .excrypt-swap-button .swap-token img{
  display:block;
  width:100%;
  height:100%;
  border-radius:50%;
  object-fit:cover;
}
.asset-globe-hero .hero-copy .excrypt-swap-button .swap-token::after{
  content:"";
  position:absolute;
  z-index:-1;
  top:10px;
  right:15px;
  width:30px;
  height:1px;
  border-radius:99px;
  opacity:0;
  background:linear-gradient(90deg,transparent,#4e6bf5 62%,#7658d8);
  will-change:opacity;
}
.asset-globe-hero .hero-copy .excrypt-swap-button .swap-token-out{left:-24px}
.asset-globe-hero .hero-copy .excrypt-swap-button .swap-zone{
  position:absolute;
  z-index:2;
  top:9px;
  left:50%;
  width:42px;
  height:36px;
  margin-left:-21px;
  border-radius:50%;
  opacity:0;
  transform:scaleX(.72) scaleY(.86);
  background:radial-gradient(ellipse at center,rgba(78,107,245,.1),rgba(118,88,216,.035) 48%,transparent 72%);
  box-shadow:inset 0 0 0 1px rgba(78,107,245,.08);
  will-change:opacity,transform;
}
.asset-globe-hero .hero-copy .excrypt-swap-button:hover,
.asset-globe-hero .hero-copy .excrypt-swap-button:focus-visible,
.asset-globe-hero .hero-copy .excrypt-swap-button.is-swapping,
.asset-globe-hero .hero-copy .excrypt-swap-button.is-settled{
  color:#fff;
  background-position:100% 0;
  border-color:#6982f6;
}
.asset-globe-hero .hero-copy .excrypt-swap-button:focus-visible{
  outline:2px solid var(--blue);
  outline-offset:5px;
}
.asset-globe-hero .hero-copy .excrypt-swap-button.is-swapping .swap-label,
.asset-globe-hero .hero-copy .excrypt-swap-button.is-settled .swap-label{
  opacity:0;
  transform:translate3d(0,2px,0) scale(.97);
}
.asset-globe-hero .hero-copy .excrypt-swap-button.is-swapping .swap-token-in{animation:excrypt-fluid-in 1.72s cubic-bezier(.22,1,.36,1) both}
.asset-globe-hero .hero-copy .excrypt-swap-button.is-swapping .swap-token-in::after{animation:excrypt-fluid-trail-in 1.72s cubic-bezier(.22,1,.36,1) both}
.asset-globe-hero .hero-copy .excrypt-swap-button.is-swapping .swap-token-out{animation:excrypt-fluid-out 1.72s cubic-bezier(.22,1,.36,1) both}
.asset-globe-hero .hero-copy .excrypt-swap-button.is-swapping .swap-token-out::after{animation:excrypt-fluid-trail-out 1.72s cubic-bezier(.22,1,.36,1) both}
.asset-globe-hero .hero-copy .excrypt-swap-button.is-swapping .swap-zone{animation:excrypt-fluid-zone 1.72s cubic-bezier(.22,1,.36,1) both}
.asset-globe-hero .hero-copy .excrypt-swap-button.is-swapping.same-route .swap-token-in{animation-name:excrypt-fluid-route}
.asset-globe-hero .hero-copy .excrypt-swap-button.is-swapping.same-route .swap-token-out,
.asset-globe-hero .hero-copy .excrypt-swap-button.is-swapping.same-route .swap-token-out::after{animation:none}
.asset-globe-hero .hero-copy .excrypt-swap-button.is-settled .swap-token-out{
  opacity:1;
  transform:translate3d(198px,var(--swap-route-y,0),0) scale(1);
}
.asset-globe-hero .hero-copy .excrypt-swap-button.is-settled.same-route .swap-token-in{
  opacity:1;
  transform:translate3d(198px,var(--swap-route-y,-3px),0) scale(1);
}
.asset-globe-hero .hero-copy .excrypt-swap-button.is-settled.same-route .swap-token-out{opacity:0}
.asset-globe-hero .hero-copy .excrypt-swap-button:active{transform:scale(.985);transition-duration:.12s}
@keyframes excrypt-fluid-in{
  0%,10%{opacity:0;transform:translate3d(0,3px,0) scale(.94)}
  14%{opacity:1;transform:translate3d(6px,2px,0) scale(.97)}
  46%{opacity:1;transform:translate3d(113px,-2px,0) scale(1)}
  52%{opacity:.92;transform:translate3d(119px,1px,0) scale(.96)}
  66%,100%{opacity:0;transform:translate3d(141px,2px,0) scale(.85)}
}
@keyframes excrypt-fluid-out{
  0%,44%{opacity:0;transform:translate3d(113px,-2px,0) scale(.85)}
  52%{opacity:.32;transform:translate3d(119px,1px,0) scale(.87)}
  66%{opacity:1;transform:translate3d(143px,2px,0) scale(.96)}
  100%{opacity:1;transform:translate3d(198px,var(--swap-route-y,0),0) scale(1)}
}
@keyframes excrypt-fluid-route{
  0%,10%{opacity:0;transform:translate3d(0,3px,0) scale(.94)}
  14%{opacity:1;transform:translate3d(6px,2px,0) scale(.97)}
  46%{opacity:1;transform:translate3d(113px,-3px,0) scale(1)}
  52%{opacity:1;transform:translate3d(119px,2px,0) scale(.88)}
  66%{opacity:1;transform:translate3d(143px,-1px,0) scale(.96)}
  100%{opacity:1;transform:translate3d(198px,var(--swap-route-y,-3px),0) scale(1)}
}
@keyframes excrypt-fluid-zone{
  0%,34%,100%{opacity:0;transform:scaleX(.72) scaleY(.86)}
  46%{opacity:.58;transform:scaleX(.9) scaleY(1)}
  66%{opacity:.32;transform:scaleX(.78) scaleY(.9)}
}
@keyframes excrypt-fluid-trail-in{0%,13%,62%,100%{opacity:0}24%,48%{opacity:.46}}
@keyframes excrypt-fluid-trail-out{0%,58%,100%{opacity:0}68%,88%{opacity:.42}}
@media(max-width:760px){
  .asset-globe-hero .hero-copy .excrypt-swap-button{min-width:184px;min-height:48px;padding:0}
  .asset-globe-hero .hero-copy .excrypt-swap-button .swap-label{padding:14px 18px;font-size:10px}
  .asset-globe-hero .hero-copy .excrypt-swap-button .swap-token{top:15px;left:-20px;width:18px;height:18px}
  .asset-globe-hero .hero-copy .excrypt-swap-button .swap-token::after{top:8px;width:25px}
  .asset-globe-hero .hero-copy .excrypt-swap-button .swap-zone{top:8px;height:32px}
  .asset-globe-hero .hero-copy .excrypt-swap-button.is-settled .swap-token-out,
  .asset-globe-hero .hero-copy .excrypt-swap-button.is-settled.same-route .swap-token-in{transform:translate3d(184px,var(--swap-route-y,0),0) scale(1)}
  @keyframes excrypt-fluid-in{0%,10%{opacity:0;transform:translate3d(0,3px,0) scale(.94)}14%{opacity:1;transform:translate3d(6px,2px,0) scale(.97)}46%{opacity:1;transform:translate3d(102px,-2px,0) scale(1)}52%{opacity:.92;transform:translate3d(108px,1px,0) scale(.96)}66%,100%{opacity:0;transform:translate3d(129px,2px,0) scale(.85)}}
  @keyframes excrypt-fluid-out{0%,44%{opacity:0;transform:translate3d(102px,-2px,0) scale(.85)}52%{opacity:.32;transform:translate3d(108px,1px,0) scale(.87)}66%{opacity:1;transform:translate3d(131px,2px,0) scale(.96)}100%{opacity:1;transform:translate3d(184px,var(--swap-route-y,0),0) scale(1)}}
  @keyframes excrypt-fluid-route{0%,10%{opacity:0;transform:translate3d(0,3px,0) scale(.94)}14%{opacity:1;transform:translate3d(6px,2px,0) scale(.97)}46%{opacity:1;transform:translate3d(102px,-3px,0) scale(1)}52%{opacity:1;transform:translate3d(108px,2px,0) scale(.88)}66%{opacity:1;transform:translate3d(131px,-1px,0) scale(.96)}100%{opacity:1;transform:translate3d(184px,var(--swap-route-y,-3px),0) scale(1)}}
}
@media(hover:none),(pointer:coarse){.asset-globe-hero .hero-copy .excrypt-swap-button:active{border-color:#6982f6;background-position:100% 0}}
@media(prefers-reduced-motion:reduce){
  .asset-globe-hero .hero-copy .excrypt-swap-button:hover,
  .asset-globe-hero .hero-copy .excrypt-swap-button:focus-visible,
  .asset-globe-hero .hero-copy .excrypt-swap-button:active{transform:none;background-position:100% 0;border-color:#6982f6}
  .asset-globe-hero .hero-copy .excrypt-swap-button .swap-token,
  .asset-globe-hero .hero-copy .excrypt-swap-button .swap-zone{display:none}
  .asset-globe-hero .hero-copy .excrypt-swap-button .swap-label{opacity:1!important;transform:none!important}
}

.asset-globe-hero .hero-copy .excrypt-swap-button .swap-label{font-size:12px}
@media(max-width:760px){.asset-globe-hero .hero-copy .excrypt-swap-button .swap-label{font-size:12px}}

/* The hero CTA shares the lower CTA's idle design, then becomes a transaction surface. */
.asset-globe-hero .hero-copy .excrypt-swap-button{
  width:167px;
  min-width:167px;
  height:61px;
  min-height:61px;
  padding:18px 23px;
  gap:28px;
  background:var(--blue);
  border:1px solid var(--blue);
  border-radius:999px;
  clip-path:none;
  transition:background-color .3s cubic-bezier(.22,1,.36,1),border-color .3s cubic-bezier(.22,1,.36,1),color .3s cubic-bezier(.22,1,.36,1),transform .3s cubic-bezier(.22,1,.36,1);
}
.asset-globe-hero .hero-copy .excrypt-swap-button .swap-label{
  padding:0;
  font:12px var(--mono);
  font-weight:400;
  transition:opacity .22s cubic-bezier(.22,1,.36,1),transform .22s cubic-bezier(.22,1,.36,1);
}
.asset-globe-hero .hero-copy .excrypt-swap-button .swap-token{top:19px;left:16px;width:22px;height:22px}
.asset-globe-hero .hero-copy .excrypt-swap-button .swap-token::after{right:18px;width:26px}
.asset-globe-hero .hero-copy .excrypt-swap-button .swap-zone{top:12px}
.asset-globe-hero .hero-copy .excrypt-swap-button:hover,
.asset-globe-hero .hero-copy .excrypt-swap-button:focus-visible,
.asset-globe-hero .hero-copy .excrypt-swap-button.is-swapping,
.asset-globe-hero .hero-copy .excrypt-swap-button.is-settled{
  color:#111;
  background:#fff;
  border-color:#111;
  transform:none;
}
.asset-globe-hero .hero-copy .excrypt-swap-button.is-settled .swap-token-in,
.asset-globe-hero .hero-copy .excrypt-swap-button.is-settled .swap-token-out,
.asset-globe-hero .hero-copy .excrypt-swap-button.is-settled.same-route .swap-token-in{
  opacity:0;
  transform:translate3d(113px,var(--swap-route-y,0),0) scale(1);
}
@keyframes excrypt-fluid-in{
  0%,10%{opacity:0;transform:translate3d(0,3px,0) scale(.94)}
  14%{opacity:1;transform:translate3d(6px,2px,0) scale(.97)}
  46%{opacity:1;transform:translate3d(54px,-2px,0) scale(1)}
  52%{opacity:.92;transform:translate3d(58px,1px,0) scale(.96)}
  66%,100%{opacity:0;transform:translate3d(75px,2px,0) scale(.85)}
}
@keyframes excrypt-fluid-out{
  0%,44%{opacity:0;transform:translate3d(54px,-2px,0) scale(.85)}
  52%{opacity:.32;transform:translate3d(58px,1px,0) scale(.87)}
  66%{opacity:1;transform:translate3d(75px,2px,0) scale(.96)}
  92%{opacity:1}
  100%{opacity:0;transform:translate3d(113px,var(--swap-route-y,0),0) scale(1)}
}
@keyframes excrypt-fluid-route{
  0%,10%{opacity:0;transform:translate3d(0,3px,0) scale(.94)}
  14%{opacity:1;transform:translate3d(6px,2px,0) scale(.97)}
  46%{opacity:1;transform:translate3d(54px,-3px,0) scale(1)}
  52%{opacity:1;transform:translate3d(58px,2px,0) scale(.88)}
  66%{opacity:1;transform:translate3d(75px,-1px,0) scale(.96)}
  92%{opacity:1}
  100%{opacity:0;transform:translate3d(113px,var(--swap-route-y,-3px),0) scale(1)}
}
@media(max-width:760px){
  .asset-globe-hero .hero-copy .excrypt-swap-button{width:167px;min-width:167px;height:61px;min-height:61px;padding:18px 23px}
  .asset-globe-hero .hero-copy .excrypt-swap-button .swap-label{padding:0;font-size:12px}
  .asset-globe-hero .hero-copy .excrypt-swap-button .swap-token{top:19px;left:16px;width:22px;height:22px}
  .asset-globe-hero .hero-copy .excrypt-swap-button .swap-token::after{top:10px;right:18px;width:26px}
  .asset-globe-hero .hero-copy .excrypt-swap-button .swap-zone{top:12px;height:36px}
}
@media(prefers-reduced-motion:reduce){
  .asset-globe-hero .hero-copy .excrypt-swap-button:hover,
  .asset-globe-hero .hero-copy .excrypt-swap-button:focus-visible,
  .asset-globe-hero .hero-copy .excrypt-swap-button:active{background:#fff;border-color:#111;color:#111}
}