/* ppuzzl.com */
* { margin: 0; padding: 0; box-sizing: border-box; }
body { background: linear-gradient(180deg, #f0f4ff, #faf5ff); color: #1e293b; font-family: 'Lato', sans-serif; font-weight: 400; line-height: 1.7; min-height: 100vh; }
.welcome { text-align: center; padding: 8rem 2rem 5rem; position: relative; overflow: hidden; }
.blob { position: absolute; border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%; opacity: 0.3; }
.blob-blue { width: 300px; height: 300px; background: #93c5fd; top: -5%; right: -5%; }
.blob-purple { width: 250px; height: 250px; background: #c4b5fd; bottom: 0; left: -5%; }
.blob-pink { width: 200px; height: 200px; background: #f9a8d4; top: 30%; left: 50%; }
.puzzle-icon { width: 24px; height: 24px; clip-path: polygon(0 0, 70% 0, 70% 30%, 100% 30%, 100% 100%, 30% 100%, 30% 70%, 0 70%); background: #93c5fd; margin: 0 auto 1rem; }
.brand { font-family: 'Poppins', sans-serif; font-weight: 700; font-size: clamp(2.5rem, 6vw, 4rem); position: relative; z-index: 1; color: #ffffff; }
.tagline { font-size: 0.9rem; color: #64748b; margin-top: 0.5rem; position: relative; z-index: 1; }
.since { font-family: 'Inter', sans-serif; font-size: 0.6rem; color: #94a3b8; display: block; margin-top: 0.5rem; }
.features { max-width: 480px; margin: 0 auto; padding: 2rem 1.5rem; display: flex; flex-direction: column; gap: 1.5rem; }
.feature-blob { padding: 2rem; }
.blue-bg { background: rgba(147, 197, 253, 0.2); border-radius: 20% 80% 60% 40% / 40% 20% 80% 60%; }
.purple-bg { background: rgba(196, 181, 253, 0.2); border-radius: 60% 40% 30% 70% / 70% 60% 40% 30%; }
.green-bg { background: rgba(134, 239, 172, 0.2); border-radius: 40% 60% 70% 30% / 30% 40% 60% 70%; color: #86efac; }
.feature-title { font-family: 'Poppins', sans-serif; font-weight: 700; font-size: 1.1rem; margin-bottom: 0.5rem; }
.feature-text { font-size: 0.8rem; color: #475569; }
.team { text-align: center; padding: 4rem 2rem; }
.section-title { font-family: 'Poppins', sans-serif; font-weight: 700; font-size: 1.5rem; margin-bottom: 1.5rem; }
.team-cluster { display: flex; justify-content: center; align-items: center; gap: -10px; }
.team-bubble { border-radius: 50%; }
.team-bubble.large { width: 80px; height: 80px; }
.team-bubble.medium { width: 60px; height: 60px; margin-left: -15px; }
.team-bubble.small { width: 45px; height: 45px; margin-left: -10px; }
.team-text { font-size: 0.85rem; color: #64748b; margin-top: 1rem; }
.join { text-align: center; padding: 4rem 2rem 6rem; }
.join-text { font-family: 'Poppins', sans-serif; font-weight: 700; font-size: 1.5rem; color: #93c5fd; }
.fade-in { opacity: 0; transform: translateY(12px); transition: opacity 0.5s ease, transform 0.5s ease; }
.fade-in.visible { opacity: 1; transform: translateY(0); }