/* Crew Landing Page — Dark Teal + Amber */

/* Scrollbar */
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: var(--bg); }
::-webkit-scrollbar-thumb { background: var(--surface2); border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: rgba(0,217,181,0.3); }

/* Links in body text */
p a { color: var(--teal); text-decoration: underline; text-underline-offset: 3px; }
p a:hover { opacity: 0.8; }

/* Section dividers - subtle gradient lines between sections */
section { position: relative; }
section + section::before {
  content: '';
  position: absolute;
  top: 0;
  left: 5%;
  right: 5%;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(0,217,181,0.15), transparent);
}

/* Nav link hover */
nav a:hover { color: var(--teal); }

/* Button-like CTA area in closing */
.cta-pill {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 14px 32px;
  border-radius: 12px;
  background: linear-gradient(135deg, rgba(0,217,181,0.15), rgba(0,217,181,0.05));
  border: 1px solid rgba(0,217,181,0.3);
  font-family: 'Space Grotesk', sans-serif;
  font-size: 15px;
  font-weight: 500;
  color: var(--teal);
  cursor: pointer;
  transition: all 0.2s ease;
}
.cta-pill:hover {
  background: linear-gradient(135deg, rgba(0,217,181,0.25), rgba(0,217,181,0.1));
  border-color: rgba(0,217,181,0.5);
  transform: translateY(-1px);
}

/* Stats number animation */
@keyframes countUp {
  from { opacity: 0; transform: translateY(10px); }
  to { opacity: 1; transform: translateY(0); }
}

/* Focus styles */
*:focus-visible {
  outline: 2px solid var(--teal);
  outline-offset: 3px;
  border-radius: 4px;
}

/* Mobile overrides */
@media (max-width: 768px) {
  nav { padding: 16px 24px !important; }
  section { padding: 80px 24px !important; }
  footer { padding: 32px 24px !important; }
  h2 { letter-spacing: -1px !important; }
  h1 { letter-spacing: -1.5px !important; }
  .stats-grid { grid-template-columns: 1fr 1fr !important; }
  .crew-layout { grid-template-columns: 1fr !important; gap: 48px !important; }
}