@keyframes fadeInUp{ 0%{ opacity:0;transform:translateY(30px);}100%{ opacity:1;transform:translateY(0);}}@keyframes slideInUp{ 0%{ opacity:0;transform:translateY(50px);}100%{ opacity:1;transform:translateY(0);}}@keyframes pulse{ 0%{ transform:scale(1);}50%{ transform:scale(1.05);}100%{ transform:scale(1);}}@keyframes glow{ 0%{ box-shadow:0 4px 14px rgba(251, 191, 36, 0.3);}50%{ box-shadow:0 8px 30px rgba(251, 191, 36, 0.6);}100%{ box-shadow:0 4px 14px rgba(251, 191, 36, 0.3);}}*{ margin:0;padding:0;box-sizing:border-box;}body{ font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;line-height:1.6;color:#1f2937;background-color:#fafafa;}.container{ max-width:1000px;margin:0 auto;padding:0 20px;}main{ margin-top:0;}.hero{ background-color:#fff;color:#1f2937;text-align:center;padding:80px 0;min-height:70vh;display:flex;align-items:center;}.hero h1{ font-size:4rem;margin-bottom:1.5rem;font-weight:800;line-height:1.2;letter-spacing:-0.025em;max-width:700px;margin-left:auto;margin-right:auto;animation:fadeInUp 0.8s ease-out;}.hero h1 .subtitle{ font-size:2rem;font-weight:600;color:#6b7280;letter-spacing:normal;display:block;margin-top:0.5rem;}.hero p{ font-size:1.2rem;margin-bottom:2rem;color:#6b7280;max-width:500px;margin-left:auto;margin-right:auto;line-height:1.6;animation:fadeInUp 0.8s ease-out 0.2s both;}.hero-cta{ margin:2rem 0;animation:fadeInUp 0.8s ease-out 0.4s both;}.cta-button{ display:inline-block;background-color:#fbbf24;color:#1f2937;padding:16px 32px;border-radius:12px;font-weight:600;font-size:1.1rem;text-decoration:none;transition:all 0.3s ease;box-shadow:0 4px 14px rgba(251, 191, 36, 0.3);animation:glow 2s ease-in-out infinite;}.cta-button:hover{ background-color:#f59e0b;transform:translateY(-2px);box-shadow:0 8px 25px rgba(251, 191, 36, 0.4);}.social-proof{ margin-top:3rem;animation:fadeInUp 0.8s ease-out 0.6s both;}.users-count{ display:flex;align-items:center;justify-content:center;gap:0.5rem;}.users-count .count{ font-weight:700;font-size:1.2rem;color:#fbbf24;}.users-count .text{ color:#6b7280;font-size:1rem;}.features{ padding:80px 0;background-color:#fff;}.features h2{ text-align:center;font-size:2.2rem;margin-bottom:3rem;color:#1f2937;font-weight:700;}.features-grid{ display:grid;grid-template-columns:repeat(4, 1fr);gap:1.2rem;}.feature-card{ background:#f9fafb;padding:1.5rem 0.8rem;border-radius:12px;text-align:center;border:1px solid #f3f4f6;transition:all 0.3s ease;opacity:0;transform:translateY(50px);}.feature-card.animate-in{ animation:slideInUp 0.6s ease-out forwards;}.feature-card:nth-child(1).animate-in{ animation-delay:0.1s;}.feature-card:nth-child(2).animate-in{ animation-delay:0.2s;}.feature-card:nth-child(3).animate-in{ animation-delay:0.3s;}.feature-card:nth-child(4).animate-in{ animation-delay:0.4s;}.feature-card:hover{ transform:translateY(-8px);box-shadow:0 20px 40px rgba(0,0,0,0.1);border-color:#fbbf24;}.feature-icon{ width:48px;height:48px;background-color:#fbbf24;border-radius:12px;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;font-size:1.2rem;}.feature-card h3{ font-size:1.1rem;margin-bottom:0.5rem;color:#1f2937;font-weight:600;}.feature-card p{ color:#6b7280;font-size:0.82rem;line-height:1.5;}.content-page{ max-width:800px;margin:0 auto;padding:2rem 0 4rem;}.back-button{ display:inline-block;color:#6b7280;text-decoration:none;font-size:1rem;margin-bottom:2rem;padding:0.5rem 1rem;border-radius:8px;transition:all 0.3s ease;}.back-button:hover{ color:#1f2937;background-color:#f3f4f6;}.content-page h1{ font-size:2.5rem;margin-bottom:1rem;color:#333;}.last-updated{ color:#666;font-style:italic;margin-bottom:2rem;}.content-page section{ margin-bottom:2rem;}.content-page h2{ font-size:1.5rem;margin-bottom:1rem;color:#007AFF;}.content-page p{ margin-bottom:1rem;line-height:1.7;}footer{ background-color:#f9fafb;border-top:1px solid #f3f4f6;color:#6b7280;text-align:center;padding:3rem 0 2rem;}footer p{ font-size:0.9rem;}.footer-links{ margin-top:1.5rem;display:flex;justify-content:center;gap:2rem;}.footer-links a{ color:#6b7280;text-decoration:none;font-size:0.9rem;transition:color 0.3s ease;}.footer-links a:hover{ color:#fbbf24;}@media (max-width:768px){ .hero{ padding:60px 0;}.hero h1{ font-size:3rem;line-height:1.2;}.hero h1 .subtitle{ font-size:1.5rem;margin-top:0.3rem;}.hero p{ font-size:1.1rem;padding:0 1rem;}.cta-button{ padding:14px 28px;font-size:1rem;}.social-proof{ margin-top:2rem;}.features{ padding:60px 0;}.features h2{ font-size:2rem;}.features-grid{ grid-template-columns:repeat(2, 1fr);gap:1rem;}.feature-card{ padding:1.5rem 1rem;}.footer-links{ flex-direction:column;gap:1rem;}.content-page{ padding:1rem;}.content-page h1{ font-size:2rem;}}@media (max-width:640px){ .features-grid{ grid-template-columns:1fr;gap:1.2rem;}}@media (max-width:480px){ .hero{ padding:50px 0;}.hero h1{ font-size:2.5rem;line-height:1.1;}.hero h1 .subtitle{ font-size:1.2rem;margin-top:0.25rem;}.hero p{ font-size:1rem;padding:0 1.5rem;}.cta-button{ padding:12px 24px;font-size:0.95rem;}.users-count{ flex-direction:column;gap:0.25rem;}.feature-icon{ width:40px;height:40px;font-size:1rem;}.feature-card h3{ font-size:1rem;}.feature-card p{ font-size:0.8rem;}}