body{touch-action:pan-x pan-y;color:#0f1015}.hero{position:relative;background:#F6F9FC;padding:140px 0;overflow:hidden;z-index:1;box-shadow:0 1px 0px rgba(0,0,0,0.025)}.hero-shot{position:absolute;top:50px;right:0;width:50%;height:100%;transform:rotate(-10deg);transform-origin:top left}.hero h1{max-width:420px;line-height:1.1;margin:0 0 30px;font-size:60px;font-weight:800;letter-spacing:-0.5px}.hero p{max-width:440px;font-size:18px;opacity:0.9;margin:0 0 40px}.hero a.cta{background:#2196F3;background:var(--color-link-alt);color:white;font-weight:600;display:inline-block;border-radius:10px;line-height:40px;font-size:16px;margin:0;transition:opacity 0.3s ease;margin-right:10px;width:160px;text-align:center;box-shadow:0 1px 1px rgba(0,0,0,0.1),0 0 0 1px rgba(0,0,0,0.05)}.hero a.cta:hover{opacity:0.8}.hero .video-toggle{background:white;color:inherit;font-weight:600;display:inline-block;border-radius:10px;line-height:40px;font-size:16px;margin:0;transition:opacity 0.3s ease;width:160px;text-align:center;cursor:pointer;box-shadow:0 1px 1px rgba(0,0,0,0.1),0 0 0 1px rgba(0,0,0,0.05)}.hero .video-toggle span.mdi{margin-right:5px}.hero .video-toggle:hover{opacity:0.8}.hero .phone{width:425px;height:705px;box-shadow:0 50px 100px -20px rgba(50,50,93,0.25),0 30px 60px -30px rgba(0,0,0,0.3),inset 0 -2px 6px 0 rgba(10,37,64,0.35);padding:15px;border-radius:34px;overflow:hidden;position:absolute;top:0;left:0;transform:scale(0.5);transform-origin:top left}.hero .phone:nth-child(2){top:370px;left:0}.hero .phone:nth-child(3){top:20px;left:230px}.hero .phone:nth-child(4){top:390px;left:230px}.hero .phone:nth-child(5){top:40px;left:460px}.hero .phone:nth-child(6){top:410px;left:460px}.hero .phone:nth-child(7){top:-370px;left:0}.hero .phone:nth-child(8){top:-350px;left:230px}.hero .phone img{border-radius:24px;width:100%;box-shadow:0 0 8px rgba(0,0,0,0.1)}.hero .phone video{width:100%;border-radius:24px}section{background:white !important;text-align:left;font-size:20px;padding:50px 0}section:nth-child(odd){background:#F6F9FC !important}section strong{font-weight:600}section h2{font-size:30px;line-height:1.3;color:#0A2540;margin:0}section p{margin:0 0 30px !important;max-width:600px;font-size:17px}section .get-started{display:block;text-align:center;border-top:1px solid rgba(0,0,0,0.05);padding-top:30px;font-size:0;margin-top:20px}section .get-started span{font-weight:600;margin-right:25px;display:inline-block;font-size:18px;letter-spacing:0.3px;opacity:0.9}section .get-started a{font-size:15px;line-height:40px;padding:0 20px;border-radius:10px;cursor:pointer;font-weight:bold;background:var(--color-link-alt);color:white;display:inline-block;box-shadow:0 1px 1px rgba(0,0,0,0.1),0 0 0 1px rgba(0,0,0,0.05);opacity:0.9}h2 strong{font-weight:bold;background:linear-gradient(180deg, #425ff2, #679dff);background-clip:text;color:transparent}ul.features{position:relative;font-size:0;margin-right:-50px}ul.features li{position:relative;display:inline-block;width:50%;margin:0 0 20px;padding:0 50px;float:left}ul.features li .icon{border-radius:100%;text-align:center;font-size:15px;width:30px;height:30px;position:absolute;top:0;left:0;line-height:30px;margin:0;color:var(--color-link-alt);background:rgba(100,100,100,0.1)}ul.features li .icon.alt{background:linear-gradient(180deg, #425ff2, #679dff);color:white}ul.features li h4{position:relative;color:#0A2540;white-space:nowrap;font-weight:bold;line-height:30px;margin:0 0 5px;font-size:15px;max-width:none}ul.features li p{position:relative;font-size:15px;width:100%;margin:0 !important;opacity:1;max-width:none}.pricing{font-size:0;margin:0 auto 40px;line-height:1}.pricing ul.head{font-weight:bold;position:sticky;top:100px;background:white;border-radius:6px 6px 0 0;border-bottom:1px solid #F6F9FC}.pricing ul.head div{padding-top:10px;font-weight:normal}.pricing ul{border-radius:6px}.pricing ul li{display:inline-block;width:calc(100% / 4);font-size:17px;padding:15px;text-align:center}.pricing ul li:first-child{text-align:left;white-space:nowrap}.pricing ul.item li:first-child{font-weight:600 !important}.pricing-inner ul:nth-child(odd){background:#F6F9FC}.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:10000000000;color:white}.modal-background{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:-1}.modal span.mdi{position:absolute;top:0;right:0;font-size:30px;line-height:1;padding:15px;cursor:pointer}.modal .video-wrapper{position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);border-radius:10px;width:880px;height:484px;box-shadow:0 2px 8px rgba(0,0,0,0.8);background:black;overflow:hidden}.modal video{position:absolute;top:0;left:0;width:100%;height:100%}@media screen and (max-width: 1023px){.hero{padding:0}.hero-shot{position:relative;width:100%;height:290px;transform:rotate(-7deg) scale(0.6);top:10px;left:50%;margin-left:-190px;right:auto}.hero .container{padding:30px 0;max-width:350px;z-index:2}.hero .container:after{content:"";position:absolute;left:-4000px;top:0;width:12000px;height:100%;background:#F6F9FC;z-index:-1;box-shadow:0 0 8px rgba(0,0,0,0.1)}.hero h1{font-size:38px;margin:0 0 15px;max-width:250px}.hero p{font-size:15px;margin:0 0 20px;font-weight:normal}section{padding:40px 0}section h2{font-size:20px;max-width:280px;margin:0 0 5px}section p{font-size:14px;margin:0 0 20px !important;opacity:0.6}section .container{max-width:400px}ul.features{margin:0}ul.features li{float:none;width:100%;padding-right:0}ul.features li p{font-size:14px}section .get-started{padding-top:30px;text-align:left;max-width:360px;margin:0 auto}section .get-started span{margin:0;max-width:280px;text-align:center;font-size:15px}section .get-started a{font-size:14px;line-height:30px;padding:0 10px;margin-left:15px}.pricing ul li{width:80px;vertical-align:top;font-size:14px;padding:15px 6px}.pricing ul li:first-child{width:calc(100% - 240px);white-space:unset}.pricing ul.head{top:50px}.pricing ul.head span{display:block}.pricing ul.head span:nth-child(2){display:none}.modal .video-wrapper{width:calc(100% - 20px);height:0;padding:0 0 52%}}.hero-with-background{min-height:600px;background:#F6F9FC;position:relative;overflow:hidden;padding:0;display:flex;align-items:center}.hero-with-background .container{height:100%;position:relative;z-index:2;max-width:1200px;margin:0 auto;padding:0 40px;width:100%}.hero-with-background .hero-content{display:flex;align-items:center;min-height:600px;position:relative;z-index:2}.hero-with-background .hero-text{flex:1;max-width:50%;padding:80px 0}.hero-with-background .hero-text h1{color:inherit;font-size:56px;line-height:1.1;margin:0 0 30px;font-weight:800;letter-spacing:-0.5px}.hero-with-background .hero-text p{color:inherit;opacity:0.9;font-size:20px;line-height:1.6;margin:0 0 40px}.hero-with-background .hero-text .cta{margin-right:15px}.hero-with-background .hero-image{position:absolute;top:0;right:0;width:50%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat}.hero-with-background .scroll-indicator{display:none}@media screen and (max-width: 1023px){.hero-with-background{min-height:calc(100vh - 50px);padding:0}.hero-with-background .container{height:100%;width:100%}.hero-with-background .container:after{display:none}.hero-with-background .hero-content{min-height:calc(100vh - 50px)}.hero-with-background .hero-text{text-align:center;position:relative;z-index:2;color:white;text-shadow:1px 1px 3px rgba(0,0,0,0.5);max-width:100%}.hero-with-background .hero-text h1{font-size:38px;margin:0 0 15px;max-width:none}.hero-with-background .hero-text p{font-size:15px;margin:0 0 20px;max-width:none}.hero-with-background .hero-image{width:100%;opacity:0.8}.hero-with-background .scroll-indicator{display:flex;flex-direction:column;align-items:center;position:absolute;bottom:20px;left:50%;transform:translateX(-50%);color:white;z-index:2;text-align:center;animation:bounce 2s infinite}.hero-with-background .scroll-indicator .mdi{font-size:24px;margin-bottom:5px}.hero-with-background .scroll-indicator span:not(.mdi){font-size:14px;opacity:0.9;text-shadow:1px 1px 3px rgba(0,0,0,0.5)}@keyframes bounce{0%,20%,50%,80%,100%{transform:translateX(-50%) translateY(0)}40%{transform:translateX(-50%) translateY(-10px)}60%{transform:translateX(-50%) translateY(-5px)}}.hero-with-background::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5));z-index:1}}section{padding:60px 0}section:nth-child(even){background:#f5f5f5}
