/* SilverXis Home Banner - scoped styles. No iframe. */

.silverxis-home-banner {
    --silverxis-banner-black: #020407;
    position: relative;
    display: block;
    width: 100%;
    overflow: hidden;
}

.silverxis-home-banner *,
.silverxis-home-banner *::before,
.silverxis-home-banner *::after {
    box-sizing: border-box;
}

.silverxis-home-banner .banner-card,
.silverxis-home-banner .input-card,
.silverxis-home-banner .tab-card-item {
  width: 100% !important;
  box-sizing: border-box !important;
  padding: 20px 16px !important;
}

/* Base Responsive Setup */
.silverxis-home-banner .silverxis-banner-desktop {
    display: block;
    width: 100%;
}

.silverxis-home-banner .silverxis-banner-mobile {
    display: none;
    width: 100%;
}

@font-face {
  font-family: "Google Sans Flex";
  font-style: normal;
  font-weight: 100 1000;
  font-display: swap;
  src: url("https://silverxis.com/wp-content/uploads/2026/07/GoogleSansFlex-VariableFont_GRADRONDopszslntwdthwght.ttf") format("truetype");
}

:root {
  --silverxis-banner-black: #020407;
  --silverxis-banner-panel: #09111d;
  --silverxis-banner-blue: #1478ff;
  --silverxis-banner-ice: #69b6ff;
  --silverxis-banner-silver: #c8d0dc;
  --silverxis-banner-muted: #8995a5;
  --silverxis-banner-line: rgba(200, 208, 220, 0.18);
  --silverxis-banner-white: #f8fbff;
}

/* =========================================================
   DESKTOP STYLES
   ========================================================= */

.silverxis-banner-desktop .silverxis-banner-silverxis-home-banner {
  position: relative;
  isolation: isolate;
  min-height: 780px;
  overflow: hidden;
  background: radial-gradient(
    circle at 70% 40%,
    #0b1b33 0,
    #050a12 34%,
    #020407 72%
  );
}

.silverxis-banner-grid {
  position: absolute;
  inset: -10%;
  z-index: -8;
  opacity: 0.28;
  background-image:
    linear-gradient(rgba(105, 182, 255, 0.08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(105, 182, 255, 0.08) 1px, transparent 1px);
  background-size: 58px 58px;
  transform: perspective(900px) rotateX(58deg) translateY(36%);
  transform-origin: center bottom;
  animation: silverxis-banner-gridTravel 12s linear infinite;
}

.silverxis-banner-aurora {
  position: absolute;
  z-index: -7;
  width: 68vw;
  height: 68vw;
  border-radius: 50%;
  filter: blur(85px);
  opacity: 0.22;
  mix-blend-mode: screen;
  pointer-events: none;
}

.silverxis-banner-aurora.silverxis-banner-a {
  left: -28vw;
  top: -34vw;
  background: var(--silverxis-banner-blue);
  animation: silverxis-banner-auroraA 13s ease-in-out infinite;
}

.silverxis-banner-aurora.silverxis-banner-b {
  right: -28vw;
  bottom: -42vw;
  background: #75a7ff;
  animation: silverxis-banner-auroraB 16s ease-in-out infinite;
}

.silverxis-banner-scan {
  position: absolute;
  inset: -20%;
  z-index: -6;
  background: linear-gradient(
    104deg,
    transparent 35%,
    rgba(105, 182, 255, 0.06) 47%,
    rgba(255, 255, 255, 0.09) 50%,
    rgba(105, 182, 255, 0.04) 53%,
    transparent 65%
  );
  transform: translateX(-55%);
  animation: silverxis-banner-scan 8s ease-in-out infinite;
}

.silverxis-banner-giant-word {
  position: absolute;
  right: -3vw;
  top: 50%;
  z-index: -5;
  transform: translateY(-52%);
  color: transparent;
  -webkit-text-stroke: 1px rgba(105, 182, 255, 0.13);
  font-size: clamp(150px, 23vw, 360px);
  font-weight: 800;
  line-height: 0.8;
  letter-spacing: -0.085em;
  white-space: nowrap;
  transition: opacity 0.55s, transform 0.7s;
}

.silverxis-banner-orbit-field {
  position: absolute;
  inset: 0;
  z-index: -4;
  pointer-events: none;
}

.silverxis-banner-orbit {
  position: absolute;
  border: 1px solid rgba(105, 182, 255, 0.2);
  border-radius: 50%;
}

.silverxis-banner-orbit:after {
  content: "";
  position: absolute;
  left: 50%;
  top: -4px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--silverxis-banner-ice);
  box-shadow: 0 0 12px var(--silverxis-banner-ice), 0 0 28px var(--silverxis-banner-blue);
}

.silverxis-banner-o1 {
  left: 7%;
  top: 7%;
  width: 86%;
  height: 86%;
  transform: rotate(-13deg);
  animation: silverxis-banner-orbitOne 23s linear infinite;
}

.silverxis-banner-o2 {
  left: 22%;
  top: -15%;
  width: 55%;
  height: 125%;
  transform: rotate(28deg);
  animation: silverxis-banner-orbitTwo 29s linear infinite;
}

.silverxis-banner-o3 {
  left: -9%;
  top: 31%;
  width: 118%;
  height: 42%;
  transform: rotate(6deg);
  animation: silverxis-banner-orbitOne 35s linear reverse infinite;
}

.silverxis-banner-signal-lines {
  position: absolute;
  inset: 0;
  z-index: -3;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.silverxis-banner-signal-lines path {
  fill: none;
  stroke: rgba(105, 182, 255, 0.25);
  stroke-width: 1.3;
  stroke-dasharray: 6 13;
  vector-effect: non-scaling-stroke;
  animation: silverxis-banner-dash 12s linear infinite;
}

.silverxis-banner-signal-lines path:nth-child(2) {
  animation-duration: 17s;
  animation-direction: reverse;
}

.silverxis-banner-signal-lines path:nth-child(3) {
  animation-duration: 20s;
}

.silverxis-banner-stream {
  position: absolute;
  z-index: -2;
  display: flex;
  gap: 26px;
  white-space: nowrap;
  color: rgba(200, 208, 220, 0.12);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.17em;
  text-transform: uppercase;
  pointer-events: none;
}

.silverxis-banner-stream.silverxis-banner-one {
  left: -10%;
  top: 18%;
  transform: rotate(-8deg);
  animation: silverxis-banner-streamRight 23s linear infinite;
}

.silverxis-banner-stream.silverxis-banner-two {
  right: -10%;
  bottom: 20%;
  transform: rotate(7deg);
  animation: silverxis-banner-streamLeft 27s linear infinite;
}

.silverxis-banner-stream b {
  color: rgba(105, 182, 255, 0.42);
  font-weight: 700;
}

.silverxis-banner-layout {
  position: relative;
  z-index: 4;
  width: min(1460px, calc(100% - 72px));
  min-height: 730px;
  margin: auto;
  padding: 76px 0 98px;
}

.silverxis-banner-copy {
  position: relative;
  z-index: 12;
  width: min(610px, 47%);
  padding: 28px 28px 32px 0;
}

.silverxis-banner-copy:before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: -80px -130px -80px -10vw;
  background: linear-gradient(
    90deg,
    rgba(2, 4, 7, 0.98) 0%,
    rgba(2, 4, 7, 0.92) 56%,
    rgba(2, 4, 7, 0.54) 78%,
    transparent 100%
  );
  pointer-events: none;
}

.silverxis-banner-eyebrow {
  max-width: 400px;
  margin: 0 0 18px;
  color: var(--silverxis-banner-ice);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.silverxis-banner-desktop h1 {
  margin: 0;
  max-width: 600px;
  font-size: clamp(46px, 4.8vw, 72px);
  font-weight: 700;
  line-height: 0.97;
  letter-spacing: -0.052em;
  color: #fff;
}

.silverxis-banner-intro {
  max-width: 535px;
  margin: 22px 0 0;
  color: var(--silverxis-banner-silver);
  font-size: 18px;
  line-height: 1.52;
}

.silverxis-banner-verb {
  display: flex;
  align-items: baseline;
  gap: 12px;
  margin-top: 34px;
  color: var(--silverxis-banner-muted);
  font-size: 18px;
}

.silverxis-banner-verb strong {
  display: inline-block;
  color: var(--silverxis-banner-blue);
  font-size: clamp(54px, 5.2vw, 78px);
  font-weight: 800;
  line-height: 0.86;
  letter-spacing: -0.055em;
  text-shadow: 0 0 34px rgba(20, 120, 255, 0.28);
}

.silverxis-banner-summary {
  max-width: 530px;
  min-height: 50px;
  margin: 17px 0 0;
  color: #e5eaf1;
  font-size: 16px;
  line-height: 1.52;
}

.silverxis-banner-tabs {
  display: flex;
  gap: 9px;
  margin-top: 25px;
}

.silverxis-banner-tab {
  min-height: 44px;
  padding: 0 18px;
  border: 1px solid var(--silverxis-banner-line);
  border-radius: 999px;
  background: rgba(5, 9, 15, 0.75);
  color: var(--silverxis-banner-silver);
  font-size: 13px;
  font-weight: 700;
  cursor: pointer;
  transition: transform 0.22s, border-color 0.22s, background 0.22s;
}

.silverxis-banner-tab:hover {
  transform: translateY(-2px);
}

.silverxis-banner-tab[aria-selected="true"] {
  border-color: rgba(105, 182, 255, 0.7);
  background: rgba(20, 120, 255, 0.16);
  color: #fff;
}

.silverxis-banner-tab span {
  margin-right: 6px;
  color: var(--silverxis-banner-muted);
  font-size: 10px;
}

.silverxis-banner-actions {
  display: flex;
  gap: 10px;
  margin-top: 24px;
}

.silverxis-banner-actions a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 47px;
  padding: 0 20px;
  border-radius: 999px;
  text-decoration: none;
  font-size: 14px;
  font-weight: 700;
}

.silverxis-banner-primary {
  background: var(--silverxis-banner-blue);
  color: #fff;
  box-shadow: 0 12px 34px rgba(20, 120, 255, 0.2);
}

.silverxis-banner-secondary {
  border: 1px solid var(--silverxis-banner-line);
  background: rgba(5, 9, 15, 0.72);
  color: #fff;
}

.silverxis-banner-kinetic {
  position: absolute;
  inset: 60px 0 80px 0 !important;
  z-index: 5;
  pointer-events: none;
}

.silverxis-banner-core-system {
  position: absolute;
  left: 61%;
  top: 54% !important;
  width: 190px;
  height: 190px;
  transform: translate(-50%, -50%);
  transition: left 0.8s cubic-bezier(0.2, 0.8, 0.2, 1), top 0.8s cubic-bezier(0.2, 0.8, 0.2, 1);
}

.silverxis-banner-core-halo {
  position: absolute;
  inset: -72%;
  border-radius: 50%;
  background: radial-gradient(
    circle,
    rgba(20, 120, 255, 0.18),
    rgba(20, 120, 255, 0.05) 32%,
    transparent 67%
  );
  animation: silverxis-banner-haloPulse 4.8s ease-in-out infinite;
}

.silverxis-banner-core-ring {
  position: absolute;
  left: 50%;
  top: 50%;
  border: 1px solid rgba(200, 208, 220, 0.22);
  border-radius: 50%;
}

.silverxis-banner-cr1 {
  width: 190px;
  height: 190px;
  transform: translate(-50%, -50%);
  animation: silverxis-banner-spin 14s linear infinite;
}

.silverxis-banner-cr2 {
  width: 240px;
  height: 108px;
  transform: translate(-50%, -50%) rotate(24deg);
  animation: silverxis-banner-spinTilt 18s linear reverse infinite;
}

.silverxis-banner-cr3 {
  width: 118px;
  height: 280px;
  transform: translate(-50%, -50%) rotate(-32deg);
  animation: silverxis-banner-spinTall 22s linear infinite;
}

.silverxis-banner-core-ring:after {
  content: "";
  position: absolute;
  left: 50%;
  top: -4px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 0 9px #fff, 0 0 23px var(--silverxis-banner-blue);
}

.silverxis-banner-core {
  position: absolute;
  left: 50%;
  top: 50%;
  display: grid;
  place-items: center;
  width: 116px;
  height: 116px;
  transform: translate(-50%, -50%);
  border: 1px solid rgba(200, 208, 220, 0.45);
  border-radius: 50%;
  background: radial-gradient(
    circle at 34% 27%,
    #334153,
    #0b1018 58%,
    #020305
  );
  box-shadow: 0 0 60px rgba(20, 120, 255, 0.32), inset 0 0 28px rgba(105, 182, 255, 0.08);
  animation: silverxis-banner-coreBreathe 3.8s ease-in-out infinite;
}

.silverxis-banner-core b {
  color: var(--silverxis-banner-blue);
  font-size: 50px;
  line-height: 1;
  text-shadow: 0 0 24px rgba(20, 120, 255, 0.7);
}

.silverxis-banner-core-label {
  position: absolute;
  left: 50%;
  bottom: -22px;
  transform: translateX(-50%);
  color: var(--silverxis-banner-silver);
  font-size: 9px;
  font-weight: 800;
  letter-spacing: 0.21em;
}

.silverxis-banner-module {
  position: absolute;
  z-index: 4;
  width: 228px;
  min-height: 112px;
  padding: 14px 16px;
  border: 1px solid rgba(200, 208, 220, 0.19);
  border-radius: 17px;
  background: linear-gradient(
    140deg,
    rgba(14, 22, 33, 0.92),
    rgba(5, 9, 14, 0.82)
  );
  box-shadow: 0 18px 48px rgba(0, 0, 0, 0.32);
  backdrop-filter: blur(10px);
  transition: left 0.85s cubic-bezier(0.2, 0.8, 0.2, 1), right 0.85s cubic-bezier(0.2, 0.8, 0.2, 1), top 0.85s cubic-bezier(0.2, 0.8, 0.2, 1), bottom 0.85s cubic-bezier(0.2, 0.8, 0.2, 1), transform 0.6s, opacity 0.45s;
  animation: silverxis-banner-moduleFloat 5s ease-in-out infinite;
}

.silverxis-banner-module:nth-of-type(even) {
  animation-delay: -2.5s;
}

.silverxis-banner-module .silverxis-banner-kicker {
  color: var(--silverxis-banner-ice);
  font-size: 8px;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.silverxis-banner-module strong {
  display: block;
  margin-top: 10px;
  color: #fff;
  font-size: 13px;
  letter-spacing: 0.035em;
}

.silverxis-banner-module p {
  margin: 5px 0 0;
  color: var(--silverxis-banner-muted);
  font-size: 10px;
  line-height: 1.35;
}

.silverxis-banner-m1 {
  left: 49%;
  top: 10% !important;
}

.silverxis-banner-m2 {
  right: 1%;
  top: 22% !important;
}

.silverxis-banner-m3 {
  right: 4%;
  bottom: 7%;
}

.silverxis-banner-m4 {
  left: 48%;
  bottom: 2%;
}

.silverxis-banner-service-rail {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 20;
  height: 59px;
  overflow: hidden;
  border-top: 1px solid var(--silverxis-banner-line);
  background: rgba(2, 4, 7, 0.94);
  display: flex;
  align-items: center;
  white-space: nowrap;
}

.silverxis-banner-rail-track {
  display: inline-flex;
  align-items: center;
  gap: 15px;
  min-width: max-content;
  animation: silverxis-banner-rail 46s linear infinite;
  color: #8f9bac;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.silverxis-banner-rail-track strong {
  color: #fff;
  font-size: 10px;
}

.silverxis-banner-rail-track i {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: var(--silverxis-banner-blue);
}

.silverxis-banner-rail-track em {
  width: 1px;
  height: 18px;
  background: rgba(200, 208, 220, 0.24);
  margin: 0 8px;
}

/* Mode overrides */
.silverxis-home-banner.silverxis-banner-mode-scale .silverxis-banner-core-system { 
  top: 52% !important; 
}
.silverxis-home-banner.silverxis-banner-mode-grow .silverxis-banner-core-system { 
  top: 50% !important; 
}

/* =========================================================
   MOBILE STYLES & FIXES
   ========================================================= */

.silverxis-banner-mobile .silverxis-banner-silverxis-home-banner {
  position: relative;
  isolation: isolate;
  width: 100% !important; /* Fixed width bottleneck */
  max-width: 100% !important;
  min-height: auto;
  margin: 0 auto;
  padding-bottom: 90px;
  overflow: hidden;
  background: radial-gradient(
    circle at 50% 58%,
    #0b2140 0,
    #07101d 25%,
    #020407 64%
  );
  box-shadow: none;
}

.silverxis-banner-mobile .silverxis-banner-top {
  position: relative;
  z-index: 8;
  padding: 24px 16px 0;
  width: 100%;
}

.silverxis-banner-mobile h1 {
  margin: 14px 0 0;
  font-size: 32px;
  font-weight: 700;
  line-height: 1.05;
  letter-spacing: -0.03em;
  color: #fff;
}

.silverxis-banner-mobile .silverxis-banner-intro {
  margin: 14px 0 0;
  color: var(--silverxis-banner-silver);
  font-size: 14px;
  line-height: 1.45;
}

.silverxis-banner-mobile .silverxis-banner-verb {
  display: flex;
  flex-direction: row;
  align-items: baseline;
  gap: 8px;
  margin-top: 16px;
  color: var(--silverxis-banner-muted);
  font-size: 14px;
}

.silverxis-banner-mobile .silverxis-banner-verb strong {
  color: var(--silverxis-banner-blue);
  font-size: 36px;
  font-weight: 800;
  line-height: 0.9;
  letter-spacing: -0.04em;
  text-shadow: 0 0 20px rgba(20, 120, 255, 0.3);
}

.silverxis-banner-mobile .silverxis-banner-summary {
  min-height: auto;
  margin: 12px 0 0;
  color: #e7ebf2;
  font-size: 13px;
  line-height: 1.4;
}

.silverxis-banner-mobile .silverxis-banner-tabs {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 6px;
  margin-top: 16px;
  width: 100%;
}

.silverxis-banner-mobile .silverxis-banner-tab {
  min-height: 40px;
  padding: 0 4px;
  border: 1px solid var(--silverxis-banner-line);
  border-radius: 999px;
  background: rgba(5, 9, 15, 0.78);
  color: var(--silverxis-banner-silver);
  font-size: 11px;
  font-weight: 700;
  text-align: center;
  cursor: pointer;
}

.silverxis-banner-mobile .silverxis-banner-scene {
  position: relative;
  z-index: 4;
  height: 280px;
  margin-top: 20px;
  width: 100%;
  overflow: hidden;
}

.silverxis-banner-mobile .silverxis-banner-core-system {
  position: absolute;
  left: 50% !important;
  top: 50% !important;
  width: 100px;
  height: 100px;
  transform: translate(-50%, -50%) !important;
}

.silverxis-banner-mobile .silverxis-banner-core {
  width: 76px;
  height: 76px;
}

.silverxis-banner-mobile .silverxis-banner-core b {
  font-size: 32px;
}

.silverxis-banner-mobile .silverxis-banner-node {
  position: absolute;
  width: calc(50% - 12px);
  min-height: 60px;
  padding: 8px 10px;
  border: 1px solid var(--silverxis-banner-line);
  border-radius: 12px;
  background: rgba(13, 22, 34, 0.9);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3);
}

.silverxis-banner-mobile .silverxis-banner-n1 { left: 6px; top: 6px; }
.silverxis-banner-mobile .silverxis-banner-n2 { right: 6px; top: 6px; }
.silverxis-banner-mobile .silverxis-banner-n3 { left: 6px; bottom: 6px; }
.silverxis-banner-mobile .silverxis-banner-n4 { right: 6px; bottom: 6px; }

.silverxis-banner-mobile .silverxis-banner-cta-wrap {
  position: relative;
  z-index: 8;
  padding: 16px 16px 20px;
  width: 100%;
}

.silverxis-banner-mobile .silverxis-banner-cta {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 46px;
  width: 100%;
  border-radius: 999px;
  background: var(--silverxis-banner-blue);
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
}

.silverxis-banner-mobile .silverxis-banner-rails {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 12;
  height: 60px;
  overflow: hidden;
  border-top: 1px solid var(--silverxis-banner-line);
  background: rgba(2, 4, 7, 0.96);
  padding: 8px 0;
}

/* =========================================================
   MEDIA QUERIES (DISPLAY CONTROL)
   ========================================================= */

@media (max-width: 767px) {
    .silverxis-home-banner .silverxis-banner-desktop {
        display: none !important;
    }
    .silverxis-home-banner .silverxis-banner-mobile {
        display: block !important;
    }
}

@media (min-width: 768px) {
    .silverxis-home-banner .silverxis-banner-desktop {
        display: block !important;
    }
    .silverxis-home-banner .silverxis-banner-mobile {
        display: none !important;
    }
}

/* Keyframe Animations */
@keyframes silverxis-banner-gridTravel { to { background-position: 0 58px; } }
@keyframes silverxis-banner-auroraA { 50% { transform: translate(22vw, 20vw) scale(1.2); opacity: 0.3; } }
@keyframes silverxis-banner-auroraB { 50% { transform: translate(-18vw, -17vw) scale(0.88); opacity: 0.3; } }
@keyframes silverxis-banner-scan { 0%, 18% { transform: translateX(-60%); } 78%, 100% { transform: translateX(60%); } }
@keyframes silverxis-banner-orbitOne { to { transform: rotate(347deg); } }
@keyframes silverxis-banner-orbitTwo { to { transform: rotate(388deg); } }
@keyframes silverxis-banner-dash { to { stroke-dashoffset: -210; } }
@keyframes silverxis-banner-streamRight { to { transform: translateX(36%) rotate(-8deg); } }
@keyframes silverxis-banner-streamLeft { to { transform: translateX(-36%) rotate(7deg); } }
@keyframes silverxis-banner-spin { to { transform: translate(-50%, -50%) rotate(360deg); } }
@keyframes silverxis-banner-spinTilt { to { transform: translate(-50%, -50%) rotate(384deg); } }
@keyframes silverxis-banner-spinTall { to { transform: translate(-50%, -50%) rotate(328deg); } }
@keyframes silverxis-banner-coreBreathe { 50% { transform: translate(-50%, -50%) scale(1.08); filter: brightness(1.18); } }
@keyframes silverxis-banner-haloPulse { 50% { transform: scale(1.16); opacity: 0.74; } }
@keyframes silverxis-banner-moduleFloat { 50% { translate: 0 -8px; } }
@keyframes silverxis-banner-rail { to { transform: translateX(-50%); } }



/* Mobile Animation restoring with Smooth Transitions */
@media (max-width: 768px) {
  .silverxis-banner-mobile .node,
  #mobileHero .node {
    opacity: 0;
    transform: translateY(14px) scale(0.98);
    will-change: transform, opacity;
  }

  .silverxis-banner-mobile .node.enter,
  #mobileHero .node.enter {
    animation: mobileNodeIn 0.45s cubic-bezier(0.25, 1, 0.5, 1) forwards;
  }

  /* Staggered delay for cards animation */
  .silverxis-banner-mobile .node.enter:nth-child(1), #mobileHero .node.enter:nth-child(1) { animation-delay: 0.05s; }
  .silverxis-banner-mobile .node.enter:nth-child(2), #mobileHero .node.enter:nth-child(2) { animation-delay: 0.12s; }
  .silverxis-banner-mobile .node.enter:nth-child(3), #mobileHero .node.enter:nth-child(3) { animation-delay: 0.18s; }
  .silverxis-banner-mobile .node.enter:nth-child(4), #mobileHero .node.enter:nth-child(4) { animation-delay: 0.24s; }
}

@keyframes mobileNodeIn {
  from {
    opacity: 0;
    transform: translateY(14px) scale(0.98);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}