/* Layered liquid-metal rim, inset navy enamel, accessible native hit target. */
body[data-view="floating"] .center-copy .launch-invitation { margin:0 auto 14px; max-width:none; font-size:clamp(24px,2.3vw,30px); font-weight:600; line-height:1.25; letter-spacing:-.6px; color:#173958; }
body[data-view="floating"] .center-copy .connect-button.liquid-metal-button { min-width:290px; height:64px; padding:0 28px; font-size:16px; gap:18px; }
body[data-view="floating"] .center-copy .connect-button.liquid-metal-button .arrow { margin-left:4px; }
@media(max-width:600px) { body[data-view="floating"] .center-copy .connect-button.liquid-metal-button { min-width:270px; max-width:100%; height:58px; padding-inline:22px; font-size:15px; } body[data-view="floating"] .center-copy .launch-invitation { font-size:24px; margin-bottom:12px; } }
@media(max-height:520px) { body[data-view="floating"] .center-copy .connect-button.liquid-metal-button { height:52px; } }
body[data-view="floating"] .center-copy .connect-button.liquid-metal-button {
  border: 0;
  overflow: hidden;
  isolation: isolate;
  background: #afc9dc;
  color: #f8fcff;
  box-shadow: 0 0 0 1px #456a895c, 0 2px 3px #08254526, 0 7px 8px #0825451f, 0 18px 18px -10px #08254538;
  transition: box-shadow .3s ease, transform .22s cubic-bezier(.22,.8,.25,1);
}
body[data-view="floating"] .center-copy .liquid-metal-button::before {
  inset: 2px;
  z-index: 1;
  border-radius: inherit;
  background: linear-gradient(180deg,#16436a 0%,#092b50 48%,#061c3a 100%);
  box-shadow: inset 0 1px 1px #effaff59, inset 0 -1px 1px #0008;
  transform: none;
  transition: opacity .25s;
}
body[data-view="floating"] .center-copy .liquid-metal-button:is(:hover,:focus-visible)::before { transform: none; opacity: .96; }
.liquid-metal-surface {
  position: absolute; inset: 0; z-index: 0; border-radius: inherit; overflow: hidden; pointer-events: none;
  background: conic-gradient(from 100deg,#c5ecff,#457ea6 16%,#eafaff 28%,#2c577b 43%,#c5ecff 56%,#f8fcff 64%,#4e86b1 80%,#c5ecff);
}
.liquid-metal-surface canvas { position: absolute; inset: 0; display: block; width: 100%!important; height: 100%!important; }
body[data-view="floating"] .center-copy .liquid-metal-button > .liquid-metal-label,
body[data-view="floating"] .center-copy .liquid-metal-button > .arrow { position: relative; z-index: 2; pointer-events: none; }
body[data-view="floating"] .center-copy .liquid-metal-button > .liquid-metal-label { text-shadow: 0 1px 2px #0005; letter-spacing: .01em; }
body[data-view="floating"] .center-copy .liquid-metal-button > .arrow { color: #8ddcff; }
body[data-view="floating"] .center-copy .liquid-metal-button:hover {
  background: #afc9dc;
  box-shadow: 0 0 0 1px #456a8970, 0 2px 3px #08254526, 0 6px 8px #08254526, 0 12px 22px -8px #009eec40;
  transform: translateY(-1px);
}
body[data-view="floating"] .center-copy .liquid-metal-button:focus-visible { outline: 3px solid #009fe9; outline-offset: 5px; }
body[data-view="floating"] .center-copy .liquid-metal-button:active {
  transform: translateY(1px) scale(.98);
  box-shadow: 0 0 0 1px #456a8970, 0 2px 4px #08254524;
}
.liquid-metal-ripple {
  position: absolute; z-index: 3; width: 90px; height: 90px; border-radius: 50%; pointer-events: none;
  background: radial-gradient(circle,#e7f9ff5c,transparent 65%);
  animation: liquid-metal-ripple .55s ease-out forwards;
}
@keyframes liquid-metal-ripple { from{transform:translate(-50%,-50%) scale(.2);opacity:.8} to{transform:translate(-50%,-50%) scale(4);opacity:0} }
@media (prefers-reduced-motion: reduce) {
  body[data-view="floating"] .center-copy .liquid-metal-button,
  body[data-view="floating"] .center-copy .liquid-metal-button::before { transition: none; }
  body[data-view="floating"] .center-copy .liquid-metal-button:is(:hover,:active) { transform: none; }
  .liquid-metal-ripple { display:none; }
}
@media (forced-colors: active) {
  body[data-view="floating"] .center-copy .liquid-metal-button { border:2px solid ButtonText; color:ButtonText; background:ButtonFace; }
  .liquid-metal-surface, body[data-view="floating"] .center-copy .liquid-metal-button::before { display:none; }
}