/* We Work Media Ventures — landing page styles */
:root {
  --brand: #22c55e;
  --brand-glow: #4ade80;
  --dark: #0f172a;
}
html { scroll-behavior: smooth; }
body {
  font-family: 'Inter', ui-sans-serif, system-ui, sans-serif;
  background:
    radial-gradient(ellipse at top, rgba(74,222,128,0.25), transparent 60%),
    linear-gradient(180deg, #ffffff, #f0fdf4);
  color: #0f172a;
  -webkit-font-smoothing: antialiased;
}
h1,h2,h3,h4 { font-family: 'Sora', ui-sans-serif, system-ui, sans-serif; letter-spacing: -0.02em; }

.glass {
  background: rgba(255,255,255,0.6);
  backdrop-filter: blur(20px) saturate(180%);
  -webkit-backdrop-filter: blur(20px) saturate(180%);
  border: 1px solid rgba(255,255,255,0.6);
  box-shadow: 0 10px 40px -12px rgba(15,23,42,0.15);
}
.gradient-brand { background-image: linear-gradient(135deg, #22c55e, #10b981); }
.text-gradient {
  background: linear-gradient(135deg, #22c55e, #10b981);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.shadow-glow { box-shadow: 0 20px 60px -20px rgba(34,197,94,0.5); }
.shadow-float { box-shadow: 0 25px 50px -12px rgba(15,23,42,0.25); }

@keyframes float-y { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-14px)} }
@keyframes pulse-glow { 0%,100%{box-shadow:0 0 0 0 rgba(34,197,94,0.5)} 50%{box-shadow:0 0 0 20px rgba(34,197,94,0)} }
@keyframes fade-up { from{opacity:0;transform:translateY(24px)} to{opacity:1;transform:translateY(0)} }
@keyframes blob { 0%,100%{transform:translate(0,0) scale(1)} 33%{transform:translate(30px,-40px) scale(1.1)} 66%{transform:translate(-20px,30px) scale(0.95)} }

.animate-float { animation: float-y 6s ease-in-out infinite; }
.animate-pulse-glow { animation: pulse-glow 2.4s ease-out infinite; }
.animate-fade-up { animation: fade-up .7s ease-out both; }
.animate-blob { animation: blob 14s ease-in-out infinite; }

.faq-item { border-radius: .75rem; overflow: hidden; }
.faq-item button { width:100%; text-align:left; padding: 14px 18px; font-weight:600; font-size: 14px; display:flex; justify-content:space-between; align-items:center; background:transparent; }
.faq-item .faq-body { display:none; padding: 0 18px 16px; font-size: 14px; color:#64748b; }
.faq-item.open .faq-body { display:block; }
.faq-item.open .chev { transform: rotate(180deg); }
.chev { transition: transform .2s; }