/* public/assets/publico/landing_v2.css — Landing v2 (dark redesign) */
body { margin: 0; background: #05070F; color: #F5F7FA; font-family: 'Space Grotesk', system-ui, sans-serif; }
a { color: #00E6A0; text-decoration: none; }
a:hover { color: #5EEAD4; }
::selection { background: rgba(37,211,102,0.3); }

@keyframes dotMove { 0% { offset-distance: 0%; opacity: 0; } 8% { opacity: 1; } 90% { opacity: 1; } 100% { offset-distance: 100%; opacity: 0; } }
@keyframes hubPulse { 0%, 100% { box-shadow: 0 0 0 0 rgba(37,211,102,0.35), 0 0 40px 10px rgba(37,211,102,0.15); } 50% { box-shadow: 0 0 0 14px rgba(37,211,102,0), 0 0 60px 18px rgba(37,211,102,0.28); } }
@keyframes floatY { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-8px); } }
@keyframes drift { 0% { transform: translate(0,0); opacity: 0.25; } 50% { opacity: 0.6; } 100% { transform: translate(6px,-14px); opacity: 0.25; } }

.lb-reveal { opacity: 0; transform: translateY(28px); transition: opacity .7s ease, transform .7s ease; }
.lb-reveal--on { opacity: 1; transform: none; }

.lb-billing-btn { padding: 9px 18px; font-size: 14px; cursor: pointer; background: transparent; color: #0B1220; border: none; }
.lb-billing-btn + .lb-billing-btn { border-left: 1px solid rgba(11,18,32,0.15); }
.lb-billing-btn.is-active { background: linear-gradient(135deg,#25D366,#00E6A0); color: #05070F; }

@media (prefers-reduced-motion: reduce) {
  .lb-anim { animation: none !important; }
  .lb-reveal { opacity: 1; transform: none; transition: none; }
}

@media (max-width: 860px) {
  .lb-hero-grid { grid-template-columns: 1fr !important; padding-top: 48px !important; padding-bottom: 56px !important; }
  .lb-hero-visual { height: 300px !important; order: -1; }
  .lb-features-grid { grid-template-columns: repeat(2, minmax(150px,1fr)) !important; }
  .lb-nav { padding: 12px 18px !important; gap: 12px !important; }
  .lb-nav-link { display: none !important; }
}
@media (max-width: 560px) {
  .lb-features-grid { grid-template-columns: 1fr !important; }
  .lb-trust { gap: 22px !important; justify-content: space-between !important; }
  .lb-trust > div { flex: 1 1 40%; }
}