/* Homepage post-hero continuum — one unbroken canvas after the hero */
body.ta-home-page {
  background-color: #0a141c !important;
}

.ta-home-after {
  --home-canvas: #0a141c;
  --home-green: #5fb173;
  --home-mint: rgba(95, 177, 115, 0.14);
  background-color: var(--home-canvas);
  background-image: none;
  position: relative;
  isolation: isolate;
}

/* Shared solid fill only — no per-section background plates */
.ta-home-after > section.ta-features,
.ta-home-after > section.ta-ecosystem,
.ta-home-after > section.ta-products,
.ta-home-after > section.ta-moves,
.ta-home-after > section.ta-industries,
.ta-home-after > section.ta-testimonials,
.ta-home-after > section.ta-cta {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  overflow: visible !important;
  position: relative;
  z-index: 1;
}

/*
  These absolute overlays restart at every section and read as seams.
  Hide them so the page reads as one continuous background.
*/
.ta-home-after .ta-features-glow,
.ta-home-after .ta-eco-grid-bg,
.ta-home-after .ta-products-mesh,
.ta-home-after .ta-moves-glow,
.ta-home-after .ta-moves-dots,
.ta-home-after .ta-industries-mesh,
.ta-home-after .ta-cta-glow {
  display: none !important;
}

.ta-home-after .ta-trusted {
  border-top-color: transparent !important;
}

/* ── Continuous floating atmosphere (spans all post-hero sections) ── */
.ta-home-float {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  overflow: hidden;
}

.ta-home-float__grid {
  position: absolute;
  inset: 0;
  opacity: 0.22;
  background-image:
    linear-gradient(rgba(95, 177, 115, 0.05) 1px, transparent 1px),
    linear-gradient(90deg, rgba(95, 177, 115, 0.05) 1px, transparent 1px);
  background-size: 56px 56px;
  mask-image: radial-gradient(ellipse 85% 70% at 50% 40%, #000 15%, transparent 78%);
  -webkit-mask-image: radial-gradient(ellipse 85% 70% at 50% 40%, #000 15%, transparent 78%);
}

.ta-home-float__orb {
  position: absolute;
  border-radius: 50%;
  filter: blur(2px);
  will-change: transform, opacity;
}

.ta-home-float__orb--a {
  width: min(52vw, 520px);
  height: min(52vw, 520px);
  left: -12%;
  top: 8%;
  background: radial-gradient(circle, rgba(95, 177, 115, 0.16) 0%, rgba(95, 177, 115, 0.04) 42%, transparent 70%);
  animation: taHomeDriftA 22s ease-in-out infinite;
}

.ta-home-float__orb--b {
  width: min(48vw, 480px);
  height: min(48vw, 480px);
  right: -10%;
  top: 28%;
  background: radial-gradient(circle, rgba(80, 208, 160, 0.12) 0%, rgba(95, 177, 115, 0.03) 45%, transparent 72%);
  animation: taHomeDriftB 26s ease-in-out infinite;
}

.ta-home-float__orb--c {
  width: min(56vw, 560px);
  height: min(56vw, 560px);
  left: 18%;
  top: 52%;
  background: radial-gradient(circle, rgba(95, 177, 115, 0.11) 0%, transparent 68%);
  animation: taHomeDriftC 24s ease-in-out infinite;
}

.ta-home-float__orb--d {
  width: min(42vw, 420px);
  height: min(42vw, 420px);
  right: 8%;
  top: 72%;
  background: radial-gradient(circle, rgba(74, 222, 128, 0.1) 0%, transparent 70%);
  animation: taHomeDriftA 28s ease-in-out infinite reverse;
}

.ta-home-float__ring {
  position: absolute;
  border-radius: 50%;
  border: 1px solid rgba(95, 177, 115, 0.18);
  box-shadow: 0 0 28px rgba(95, 177, 115, 0.06) inset;
  opacity: 0.55;
  will-change: transform, opacity;
}

.ta-home-float__ring--a {
  width: 180px;
  height: 180px;
  left: 6%;
  top: 18%;
  animation: taHomeFloat 16s ease-in-out infinite;
}

.ta-home-float__ring--b {
  width: 120px;
  height: 120px;
  right: 10%;
  top: 42%;
  border-color: rgba(80, 208, 160, 0.22);
  animation: taHomeFloat 19s ease-in-out infinite reverse;
}

.ta-home-float__ring--c {
  width: 220px;
  height: 220px;
  left: 62%;
  top: 64%;
  opacity: 0.35;
  animation: taHomeFloat 21s ease-in-out infinite;
}

.ta-home-float__dot {
  position: absolute;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #5fb173;
  box-shadow: 0 0 12px rgba(95, 177, 115, 0.75), 0 0 24px rgba(95, 177, 115, 0.35);
  opacity: 0.7;
  will-change: transform, opacity;
}

.ta-home-float__dot--a { left: 12%; top: 14%; animation: taHomePulse 5.5s ease-in-out infinite; }
.ta-home-float__dot--b { left: 78%; top: 22%; width: 5px; height: 5px; animation: taHomePulse 6.5s ease-in-out infinite 0.8s; }
.ta-home-float__dot--c { left: 24%; top: 38%; width: 4px; height: 4px; animation: taHomePulse 7s ease-in-out infinite 1.2s; }
.ta-home-float__dot--d { left: 88%; top: 48%; animation: taHomePulse 5.8s ease-in-out infinite 0.4s; }
.ta-home-float__dot--e { left: 8%; top: 58%; width: 5px; height: 5px; animation: taHomePulse 6.2s ease-in-out infinite 1.6s; }
.ta-home-float__dot--f { left: 70%; top: 76%; width: 4px; height: 4px; animation: taHomePulse 7.4s ease-in-out infinite 0.6s; }
.ta-home-float__dot--g { left: 42%; top: 88%; animation: taHomePulse 6.8s ease-in-out infinite 1.1s; }

.ta-home-float__chip {
  position: absolute;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  border-radius: 999px;
  border: 1px solid rgba(95, 177, 115, 0.22);
  background: rgba(8, 22, 30, 0.55);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  color: rgba(180, 210, 198, 0.85);
  font-family: 'Inter', ui-sans-serif, system-ui, sans-serif;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  white-space: nowrap;
  opacity: 0.55;
  will-change: transform, opacity;
}

.ta-home-float__chip i {
  color: #5fb173;
  font-size: 12px;
}

.ta-home-float__chip--a {
  left: 4%;
  top: 32%;
  animation: taHomeFloat 18s ease-in-out infinite;
}

.ta-home-float__chip--b {
  right: 5%;
  top: 58%;
  animation: taHomeFloat 20s ease-in-out infinite reverse;
}

@keyframes taHomeDriftA {
  0%, 100% { transform: translate3d(0, 0, 0) scale(1); }
  50% { transform: translate3d(4%, 3%, 0) scale(1.06); }
}

@keyframes taHomeDriftB {
  0%, 100% { transform: translate3d(0, 0, 0) scale(1); }
  50% { transform: translate3d(-5%, 4%, 0) scale(1.05); }
}

@keyframes taHomeDriftC {
  0%, 100% { transform: translate3d(0, 0, 0) scale(1); }
  50% { transform: translate3d(3%, -4%, 0) scale(1.08); }
}

@keyframes taHomeFloat {
  0%, 100% { transform: translate3d(0, 0, 0); opacity: 0.45; }
  50% { transform: translate3d(0, -14px, 0); opacity: 0.7; }
}

@keyframes taHomePulse {
  0%, 100% { transform: scale(1); opacity: 0.45; }
  50% { transform: scale(1.35); opacity: 0.95; }
}

@media (max-width: 900px) {
  .ta-home-float__chip,
  .ta-home-float__ring--c {
    display: none;
  }
  .ta-home-float__orb--a,
  .ta-home-float__orb--b,
  .ta-home-float__orb--c,
  .ta-home-float__orb--d {
    opacity: 0.7;
  }
}

@media (prefers-reduced-motion: reduce) {
  .ta-home-float__orb,
  .ta-home-float__ring,
  .ta-home-float__dot,
  .ta-home-float__chip {
    animation: none !important;
  }
}