@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Outfit:wght@400;600;700&display=swap";.navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;background:#0a0a0a99;border-bottom:1px solid #ffffff0d;width:100%;position:sticky;top:0}.navbar-container{justify-content:space-between;align-items:center;max-width:1200px;min-height:70px;margin:auto;padding:16px 20px;display:flex}.logo img{object-fit:contain;width:auto;height:50px;display:block}.nav-links{align-items:center;gap:20px;display:flex}.nav-links a{color:#a1a1aa;font-size:14px;text-decoration:none}.nav-links a:hover{color:#fff}.cta-button{color:#fff;cursor:pointer;background:linear-gradient(90deg,#6c63ff,#00d4ff);border-radius:6px;padding:10px 18px;font-weight:500;display:inline-block}.menu-icon{cursor:pointer;font-size:24px;display:none}@media (width<=768px){.menu-icon{display:block}.nav-links{background:#0a0a0a;border-radius:10px;flex-direction:column;gap:15px;width:220px;padding:20px;display:none;position:absolute;top:70px;right:20px}.nav-links.active{display:flex}.cta-button{text-align:center;margin-top:10px}}.nav-links{background:#0a0a0a;border-radius:10px;flex-direction:column;width:220px;padding:20px;display:none;position:absolute;top:70px;right:20px}.nav-links.active{display:flex}.hero-section{text-align:center;padding:100px 20px}.hero-container{max-width:900px;margin:auto}.hero-title{margin-bottom:20px;font-family:Outfit,sans-serif;font-size:48px;line-height:1.2}.hero-subtitle{color:#a1a1aa;margin-bottom:30px;font-size:18px}.hero-buttons{justify-content:center;gap:16px;margin-bottom:20px;display:flex}.primary-btn{color:#fff;cursor:pointer;background:linear-gradient(90deg,#6c63ff,#00d4ff);border:none;border-radius:6px;padding:12px 22px;font-weight:500}.secondary-btn{color:#fff;cursor:pointer;background:0 0;border:1px solid #2a2a2a;border-radius:6px;padding:12px 22px}.hero-trust{color:#6b7280;font-size:14px}.usecases-section{padding:80px 20px}.usecases-container{text-align:center;max-width:1200px;margin:auto}.usecases-title{margin-bottom:40px;font-family:Outfit,sans-serif;font-size:32px}.usecases-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}@media (width<=900px){.usecases-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=500px){.usecases-grid{grid-template-columns:1fr}}.card{text-align:left;background:#ffffff08;border:1px solid #ffffff0d;border-radius:12px;padding:24px;transition:all .3s}.card:hover{border-color:#6c63ff80}.card h3{margin-top:12px;margin-bottom:8px}.card p{color:#a1a1aa;font-size:14px}.how-section{text-align:center;padding:80px 20px}.how-container{max-width:1000px;margin:auto}.how-title{margin-bottom:40px;font-family:Outfit,sans-serif;font-size:32px}.how-steps{gap:20px;display:flex}@media (width<=900px){.how-steps{flex-direction:column}}.step{background:#ffffff08;border-radius:12px;flex:1;padding:24px}.step h3{margin-top:12px;margin-bottom:8px}.step p{color:#a1a1aa;font-size:14px}.features-section{text-align:center;padding:80px 20px}.features-container{max-width:1100px;margin:auto}.features-title{margin-bottom:40px;font-family:Outfit,sans-serif;font-size:32px}.features-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}@media (width<=900px){.features-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=500px){.features-grid{grid-template-columns:1fr}}.feature-card{text-align:left;background:#ffffff08;border-radius:12px;padding:24px;transition:all .3s}.feature-card:hover{border:1px solid #6c63ff;transform:translateY(-5px)}.feature-card h3{margin-top:12px;margin-bottom:8px}.feature-card p{color:#a1a1aa;font-size:14px}.features-benefits{color:#a1a1aa;flex-wrap:wrap;justify-content:center;gap:20px;margin:30px 0;display:flex}.features-cta{color:#fff;cursor:pointer;background:linear-gradient(90deg,#6c63ff,#00d4ff);border:none;border-radius:6px;padding:12px 24px;font-weight:500}.pricing-section{text-align:center;padding:80px 20px}.pricing-container{max-width:1100px;margin:auto}.pricing-title{margin-bottom:40px;font-family:Outfit,sans-serif;font-size:32px}.pricing-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}@media (width<=900px){.pricing-grid{grid-template-columns:1fr}}.pricing-card{text-align:left;background:#ffffff08;border-radius:12px;padding:30px;position:relative}.pricing-card h3{margin-bottom:10px}.price{margin-bottom:20px;font-size:22px}.pricing-card ul{color:#a1a1aa;margin-bottom:20px;padding:0;list-style:none}.pricing-card li{margin-bottom:8px}.pricing-btn{color:#fff;cursor:pointer;background:linear-gradient(90deg,#6c63ff,#00d4ff);border:none;border-radius:6px;width:100%;padding:10px 18px}.popular{border:1px solid #6c63ff}.tag{background:#6c63ff;border-radius:6px;padding:4px 10px;font-size:12px;position:absolute;top:-10px;right:20px}.pricing-card{border:1px solid #0000;transition:all .3s}.pricing-card:hover{border:1px solid #6c63ff;transform:translateY(-6px)}.demo-section{text-align:center;padding:80px 20px}.demo-container{max-width:500px;margin:auto}.demo-title{margin-bottom:10px;font-family:Outfit,sans-serif;font-size:32px}.demo-subtitle{color:#a1a1aa;margin-bottom:30px}.demo-form{flex-direction:column;gap:12px;display:flex}.demo-form input{color:#fff;background:0 0;border:1px solid #2a2a2a;border-radius:6px;padding:12px}.demo-form button{color:#fff;cursor:pointer;background:linear-gradient(90deg,#6c63ff,#00d4ff);border:none;border-radius:6px;padding:12px}.error{color:red;font-size:14px}.success{color:#6c63ff;font-size:18px}.demo-trust{color:#6b7280;margin-top:20px;font-size:14px}.footer{text-align:center;border-top:1px solid #ffffff0d;padding:40px 20px}.footer-container{max-width:1200px;margin:auto}.footer-links{justify-content:center;gap:20px;margin-top:10px;display:flex}.footer-links a{color:#a1a1aa;font-size:14px;text-decoration:none}*{box-sizing:border-box;margin:0;padding:0}body{color:#fff;background-color:#0a0a0a;font-family:Inter,sans-serif}.fade-in{opacity:0;transition:all .8s;transform:translateY(20px)}.fade-in.visible{opacity:1;transform:translateY(0)}.glass-card{background:#ffffff08;border:1px solid #6c63ff33;border-radius:12px;padding:24px;transition:all .3s}.glass-card:hover{border-color:#6c63ff}