body{background:linear-gradient(135deg,#f1f1f1 45%,#8678eb);color:#282828;font-family:Arial,Helvetica,sans-serif;max-width:1280px;margin-left:auto;margin-right:auto;padding-left:20px;padding-right:20px;font-family:Poppins,sans-serif}.flex-center{display:flex;justify-content:center}.no-anchor-decoration{text-decoration:none}.top-bar{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding-top:20px;padding-bottom:20px;position:relative}.top-bar .logo{border-radius:25px;background-color:#8678eb;color:#fff;padding:15px 25px;font-weight:600;display:flex;flex-direction:row;align-items:center;gap:10px}.top-bar .logo svg{width:30px;fill:#fff}.top-bar .logo span{font-size:20px}.menu-toggle{display:none;flex-direction:column;gap:4px;background:none;border:none;cursor:pointer;padding:8px;z-index:100}.menu-toggle span{width:24px;height:2px;background:#282828;transition:.3s}.menu-toggle.open span:nth-child(1){transform:rotate(45deg) translate(3.5px,3px)}.menu-toggle.open span:nth-child(2){opacity:0}.menu-toggle.open span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.nav{display:flex;align-items:center;gap:30px}.nav a{color:#282828;text-decoration:none;font-weight:500;transition:color .2s;text-align:center}.nav a:hover{color:#8678eb}.nav .sign-in{border-radius:25px;background-color:#fff;color:#000;padding:15px 25px;font-weight:600;cursor:pointer;transition:background-color .2s}.nav .sign-in:hover{background-color:#8678eb;color:#fff}@media(max-width:768px){.menu-toggle{display:flex}.nav{position:absolute;top:100%;right:0;background:#fff;flex-direction:column;align-items:stretch;gap:0;border-radius:15px;box-shadow:0 10px 25px #0000001a;padding:20px;min-width:200px;opacity:0;pointer-events:none;transform:translateY(-10px);transition:.3s}.nav.open{opacity:1;pointer-events:all;transform:translateY(0)}.nav a{padding:12px 16px;border-radius:8px}.nav a:hover{background:#f5f5f5}.nav .sign-in{margin-top:8px;text-align:center}}.hero{text-align:center;align-items:center;margin-top:50px}.hero h1{line-height:3.2rem;font-size:3.2rem;margin-top:0;margin-bottom:40px}@media only screen and (max-width:400px){.hero h1{font-size:2.8rem}}.hero p{color:#6b6b6b;line-height:1.7rem;font-size:1.2rem;margin:0}.hero .cta,.blog-cta{border-radius:25px;background-color:#8678eb;color:#fff;padding:15px 25px;display:inline-block;margin:40px 0;font-size:20px;font-weight:500;cursor:pointer}.blog-cta{text-align:center;margin-left:auto;margin-right:auto}.hero .video-container{background-color:#fff;border-radius:20px;padding:20px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000000d}.hero .video-container video{border-radius:20px;width:100%;height:100%}.features h2{text-align:center;font-size:2.8rem;margin-top:70px;margin-bottom:70px}.features .features-row{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin:30px 0}.features .features-row .feature-card{background-color:#fff;border-radius:15px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000000d;padding:20px}.features .features-row .feature-card .image-container{background-size:contain;background-position:center;background-repeat:no-repeat;background-color:#efefef;border-radius:15px;width:100%;height:300px;display:flex;align-items:center;justify-content:center}.features .features-row .feature-card .image-container video{width:90%;height:90%;border-radius:15px}.footer{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:20px;margin:70px 0}.footer a{color:#000;text-decoration:none;font-weight:600}.policies{max-width:720px;margin-left:auto;margin-right:auto}.coming-soon{min-height:60vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:50px 0}.coming-soon-content h1{font-size:3rem;margin-bottom:20px}.coming-soon-content p{color:#6b6b6b;font-size:1.2rem;line-height:1.7rem;max-width:600px;margin:0 auto 40px}.coming-soon-content .cta{border-radius:25px;background-color:#8678eb;color:#fff;padding:15px 25px;display:inline-block;font-size:18px;font-weight:500;cursor:pointer;transition:background-color .2s}.coming-soon-content .cta:hover{background-color:#7567d9}@media(max-width:768px){.coming-soon-content h1{font-size:2.2rem}}@media only screen and (max-width:1280px){.features .features-row{grid-template-columns:repeat(2,1fr)}}@media only screen and (max-width:1024px){.hero{display:block}.hero .video-container{margin-top:40px}}@media only screen and (max-width:768px){.features .features-row{grid-template-columns:1fr}}