/* ARX V300.390 — homepage Invite ARX button only.
 * Premium Benefits-style animated border, with independent amber palette.
 * Scoped to the homepage CTA; the Premium Benefits button remains unchanged.
 */
@property --arx-invite-border-angle {
  syntax: "<angle>";
  inherits: false;
  initial-value: 0deg;
}
body.arx-public-home-space-page .marketing-nav-actions a.arx-nav-invite-button.arx-invite-gold-cta {
  --arx-invite-yellow: #ffce32;
  --arx-invite-orange: #ff8824;
  position: relative;
  isolation: isolate;
  display: inline-flex;
  align-items: stretch;
  justify-content: center;
  box-sizing: border-box;
  min-height: 44px;
  padding: 2px;
  border: 0;
  border-radius: 17px;
  background: transparent;
  box-shadow: none;
  color: #fff;
  text-decoration: none;
  overflow: visible;
  user-select: none;
  -webkit-user-select: none;
  vertical-align: middle;
  transition: transform .2s cubic-bezier(.2,.8,.2,1);
}
body.arx-public-home-space-page .arx-invite-gold-cta .arx-invite-gold-glow {
  position: absolute;
  inset: -5px;
  z-index: 0;
  pointer-events: none;
  border-radius: inherit;
  background: radial-gradient(ellipse at 20% 50%,rgba(255,208,50,.9),transparent 64%),
              radial-gradient(ellipse at 80% 50%,rgba(255,119,30,.9),transparent 64%);
  opacity: .12;
  filter: blur(11px);
  transition: opacity .3s ease, filter .3s ease;
}
body.arx-public-home-space-page .arx-invite-gold-cta .arx-invite-gold-border {
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  border-radius: inherit;
  background: conic-gradient(from var(--arx-invite-border-angle),rgba(255,255,255,.42),#ffcb29 80deg,#ff841c 175deg,#fff2c7 275deg,rgba(255,255,255,.42) 360deg);
  animation: arxInviteGoldRotate 4s linear infinite;
}
@keyframes arxInviteGoldRotate { to { --arx-invite-border-angle: 360deg; } }
body.arx-public-home-space-page .arx-invite-gold-cta .arx-invite-gold-inner {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: 100%;
  min-height: 40px;
  padding: 0 15px;
  border-radius: 15px;
  background: linear-gradient(160deg,#282119 0%,#121317 55%,#0a0d12 100%);
  box-shadow: inset 0 1px 1px rgba(255,246,217,.2);
  color: #f8f7f4;
  font-size: inherit;
  font-weight: 800;
  line-height: 1.25;
  text-align: center;
  white-space: inherit;
  transition: background .25s ease,color .25s ease;
}
body.arx-public-home-space-page .marketing-nav-actions a.arx-invite-gold-cta:hover {
  transform: translateY(-2px) scale(1.02);
}
body.arx-public-home-space-page .arx-invite-gold-cta:hover .arx-invite-gold-glow {
  opacity: .55;
  filter: blur(16px);
}
body.arx-public-home-space-page .arx-invite-gold-cta:hover .arx-invite-gold-inner {
  color: #fff;
  background: linear-gradient(160deg,#362718 0%,#18171a 58%,#101116 100%);
}
body.arx-public-home-space-page .marketing-nav-actions a.arx-invite-gold-cta:active {
  transform: translateY(0) scale(.985);
}
body.arx-public-home-space-page .marketing-nav-actions a.arx-invite-gold-cta:focus-visible {
  outline: 2px solid #ffce32;
  outline-offset: 5px;
}
@media (max-width: 720px) {
  body.arx-public-home-space-page .arx-invite-gold-cta .arx-invite-gold-inner {
    padding-inline: 11px;
    white-space: normal;
  }
}
@media (prefers-reduced-motion: reduce) {
  body.arx-public-home-space-page .arx-invite-gold-cta .arx-invite-gold-border { animation: none; }
  body.arx-public-home-space-page .arx-invite-gold-cta,
  body.arx-public-home-space-page .arx-invite-gold-cta .arx-invite-gold-glow,
  body.arx-public-home-space-page .arx-invite-gold-cta .arx-invite-gold-inner { transition: none; }
}

/* Homepage hero CTA only: make "Try It Right Now!" match the existing
 * Invite ARX amber glass border without changing its href or markup.
 * The neighboring "Explore Features" button is intentionally untouched. */
body.arx-public-home-space-page .marketing-hero-setup .hero-actions > a.marketing-button.primary.large:first-child {
  position: relative;
  isolation: isolate;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 52px;
  padding: 0 24px;
  border: 0;
  border-radius: 17px;
  background: transparent;
  box-shadow: none;
  color: #f8f7f4;
  overflow: visible;
  transition: transform .2s cubic-bezier(.2,.8,.2,1), color .25s ease;
}
body.arx-public-home-space-page .marketing-hero-setup .hero-actions > a.marketing-button.primary.large:first-child::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -2;
  border-radius: inherit;
  pointer-events: none;
  background: conic-gradient(from var(--arx-invite-border-angle),rgba(255,255,255,.42),#ffcb29 80deg,#ff841c 175deg,#fff2c7 275deg,rgba(255,255,255,.42) 360deg);
  animation: arxInviteGoldRotate 4s linear infinite;
  transition: filter .3s ease;
}
body.arx-public-home-space-page .marketing-hero-setup .hero-actions > a.marketing-button.primary.large:first-child::after {
  content: "";
  position: absolute;
  inset: 2px;
  z-index: -1;
  border-radius: 15px;
  pointer-events: none;
  background: linear-gradient(160deg,#282119 0%,#121317 55%,#0a0d12 100%);
  box-shadow: inset 0 1px 1px rgba(255,246,217,.2);
  transition: background .25s ease;
}
body.arx-public-home-space-page .marketing-hero-setup .hero-actions > a.marketing-button.primary.large:first-child:hover {
  transform: translateY(-2px) scale(1.02);
  color: #fff;
}
body.arx-public-home-space-page .marketing-hero-setup .hero-actions > a.marketing-button.primary.large:first-child:hover::before {
  filter: drop-shadow(0 0 9px rgba(255,172,33,.55));
}
body.arx-public-home-space-page .marketing-hero-setup .hero-actions > a.marketing-button.primary.large:first-child:hover::after {
  background: linear-gradient(160deg,#362718 0%,#18171a 58%,#101116 100%);
}
body.arx-public-home-space-page .marketing-hero-setup .hero-actions > a.marketing-button.primary.large:first-child:active {
  transform: translateY(0) scale(.985);
}
body.arx-public-home-space-page .marketing-hero-setup .hero-actions > a.marketing-button.primary.large:first-child:focus-visible {
  outline: 2px solid #ffce32;
  outline-offset: 5px;
}
@media (prefers-reduced-motion: reduce) {
  body.arx-public-home-space-page .marketing-hero-setup .hero-actions > a.marketing-button.primary.large:first-child,
  body.arx-public-home-space-page .marketing-hero-setup .hero-actions > a.marketing-button.primary.large:first-child::before,
  body.arx-public-home-space-page .marketing-hero-setup .hero-actions > a.marketing-button.primary.large:first-child::after {
    animation: none;
    transition: none;
  }
}