@import url(https://fonts.googleapis.com/css2?family=Kanit:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Quicksand:wght@400;500;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Comfortaa:wght@400;500;600;700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#fff,#f8f8f8 50%,#f0f0f0);background-attachment:fixed;color:#333;font-family:Comfortaa,Quicksand,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6;min-height:100vh}*,body{margin:0}*{box-sizing:border-box;padding:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}html{scroll-behavior:smooth}h1,h2,h3,h4,h5,h6{text-shadow:1px 1px 2px #0000001a}a,button{transition:all .3s ease}.App{padding-bottom:2rem;text-align:center}.page-container{padding-top:100px;scroll-margin-top:100px}.spacer{height:8vmin}.navbar{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background-color:#fff;border-bottom:1px solid #0000000d;box-shadow:0 4px 20px #00000014;justify-content:space-between;left:0;padding:20px 0;position:fixed;top:0;width:100%;z-index:1000}.navbar,.navbar-right{align-items:center;display:flex}.navbar-right{gap:0}.navbar-left{align-items:center;display:flex;gap:15px;justify-content:flex-start;padding-left:70px;transition:transform .3s ease}.navbar-left:hover{transform:translateX(5px)}.navbar-icon{height:35px;transition:transform .3s ease;width:35px}.navbar-left:hover .navbar-icon{transform:scale(1.1)}.navbar-title{color:#000;font-family:Comfortaa,Quicksand,sans-serif;font-size:22px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;-webkit-user-select:none;user-select:none}.mobile-menu-toggle{background:#0000;border:none;cursor:pointer;display:none;flex-direction:column;height:25px;justify-content:space-around;margin-right:20px;padding:0;width:30px;z-index:1001}.mobile-menu-toggle span{background-color:#000;border-radius:2px;height:3px;transform-origin:center;transition:all .3s ease;width:100%}.mobile-menu-toggle.active span:first-child{transform:rotate(45deg) translate(6px,6px)}.mobile-menu-toggle.active span:nth-child(2){opacity:0}.mobile-menu-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}.desktop-nav{display:flex;gap:100px;justify-content:flex-end;list-style:none;margin:0;padding:0 150px 0 15px}.desktop-menu-container{margin-right:30px;position:relative}.desktop-menu-toggle{background:#0000;border:none;cursor:pointer;display:none;flex-direction:column;height:20px;justify-content:space-between;padding:0;width:26px}.desktop-menu-toggle span{background-color:#000;border-radius:2px;height:2px;width:100%}@media (min-width:769px){.desktop-menu-toggle{display:flex}}.desktop-menu-dropdown{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background-color:#fff;border:1px solid #00000014;border-radius:12px;box-shadow:0 8px 24px #0000001f;min-width:220px;padding:8px;position:absolute;right:0;top:140%;z-index:1100}.desktop-menu-dropdown button{background:#0000;border:none;border-radius:10px;color:#000;cursor:pointer;display:block;font-family:Comfortaa,Quicksand,sans-serif;font-size:16px;padding:12px 14px;text-align:left;transition:all .2s ease;width:100%}.desktop-menu-dropdown button:hover{background-color:#0000000d;transform:translateX(4px)}.legal-section-container{background-color:#fff;border-radius:15px;box-shadow:0 4px 20px #0000001a;margin:0 auto 2rem;max-width:1200px;padding:2rem}.mobile-nav{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background-color:#fffffffa;display:none;flex-direction:column;gap:40px;height:100vh;justify-content:center;left:0;opacity:0;position:fixed;top:0;transition:all .3s ease;visibility:hidden;width:100%;z-index:999}.mobile-nav.open{opacity:1;visibility:visible}.mobile-nav li{color:#000;cursor:pointer;font-family:Comfortaa,Quicksand,sans-serif;font-size:24px;font-weight:800;letter-spacing:.5px;position:relative;text-transform:uppercase;transition:all .3s ease}.mobile-nav li:hover{color:#333;transform:scale(1.1)}.mobile-nav li:after{background:linear-gradient(90deg,#000,#000);background-position:100% 100%;background-repeat:no-repeat;background-size:0 .05em;bottom:-5px;content:"";height:2px;left:0;position:absolute;transition:all .4s cubic-bezier(.4,0,.2,1);width:100%}.mobile-nav li:hover:after{background-size:100% .05em}.desktop-nav li,.mobile-nav li{color:#000;cursor:pointer;font-family:Comfortaa,Quicksand,sans-serif;font-size:18px;font-weight:800;letter-spacing:.5px;margin-bottom:5px;position:relative;text-transform:uppercase;transition:all .3s ease}.desktop-nav li:hover,.mobile-nav li:hover{color:#333;transform:translateY(-2px)}.desktop-nav li:after,.mobile-nav li:after{background:linear-gradient(90deg,#000,#000);background-position:100% 100%;background-repeat:no-repeat;background-size:100% .05em;bottom:0;content:"";height:2px;left:0;position:absolute;transition:all .4s cubic-bezier(.4,0,.2,1);width:100%}.desktop-nav li:hover:after{background-size:0 .05em;transform:translateY(2px)}.App-logo{border-radius:10px;box-shadow:0 4px 8px 8px #0003;height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{background-color:initial;color:#fff;font-size:calc(10px + 2vmin);padding-top:100px;scroll-margin-top:100px}.App-header,.App-titletext{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:10vh}.App-titletext{color:#000;font-family:Comfortaa,Quicksand,sans-serif;font-size:calc(10px + 8vmin);font-weight:700;letter-spacing:-1px;margin-top:20px;text-shadow:2px 2px 4px #0000001a;transition:transform .3s ease}.App-titletext:hover{transform:scale(1.02)}.App-link{color:#61dafb}.download-buttons{gap:1rem;padding:2rem}.download-buttons,.ios-download-button{align-items:center;display:flex;justify-content:center}.ios-download-button{background-color:initial;border:2px solid #06f;border-radius:100px;box-sizing:border-box;color:#06f;font-family:Comfortaa,Quicksand,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:20px;font-weight:500;gap:8px;height:80px;overflow:hidden;padding:12px 24px;position:relative;text-decoration:none;transition:all .3s cubic-bezier(.175,.885,.32,1.275);width:240px}.ios-download-button:hover{background-color:initial;border-color:#05c;box-shadow:0 10px 20px #06f3;color:#05c;transform:scale(1.05)}.ios-download-button:active{box-shadow:0 5px 10px #06f3;transform:scale(.98)}.ios-download-button:after{background:#0066ff1a;border-radius:100px;content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transform:scale(.1);transition:all .5s ease-out;width:100%;z-index:-1}.ios-download-button:hover:after{opacity:1;transform:scale(1);transition:all .5s ease-out}.apple-icon{height:24px;margin-right:4px;width:24px}.apple-icon path{fill:#06f}.windows-download-button{background-color:initial;border:2px solid #000;border-radius:100px;box-sizing:border-box;color:#000;font-family:Comfortaa,Quicksand,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:20px;font-weight:500;height:80px;overflow:hidden;padding:0;position:relative;text-decoration:none;width:270px}.button-main,.windows-download-button{align-items:center;display:flex;justify-content:center;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.button-main{cursor:pointer;flex:1 1;gap:8px;height:100%;padding:12px 24px}.button-main:hover{background-color:#0000000d;color:#333}.button-dropdown{align-items:center;border-left:2px solid #000;cursor:pointer;display:flex;height:100%;justify-content:center;padding:0 12px;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.button-dropdown:hover{background-color:#0000000d}.dropdown-arrow{height:24px;transition:transform .2s ease;width:24px}.button-dropdown:hover .dropdown-arrow{transform:translateY(2px)}.windows-download-button:hover{box-shadow:none;transform:none}.windows-download-button:hover:after{opacity:0;transform:scale(.1)}.download-icon path{fill:#000}.windows-download-button span{font-size:18px;line-height:1.2;text-align:center}.FAQ-container{scroll-margin-top:100px}.server-download-container{position:relative}.platform-dropdown{animation:dropdownFadeIn .2s cubic-bezier(.175,.885,.32,1.275);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background-color:#fff;border:1px solid #00000014;border-radius:16px;box-shadow:0 8px 24px #0000001f;margin-top:12px;min-width:200px;padding:8px;position:absolute;right:0;top:100%;z-index:1000}.platform-dropdown button{align-items:center;background:none;border:none;border-radius:12px;color:#000;cursor:pointer;display:flex;font-family:Comfortaa,Quicksand,sans-serif;font-size:16px;font-weight:500;margin:2px 0;padding:12px 16px;text-align:left;transition:all .2s cubic-bezier(.175,.885,.32,1.275);width:100%}.platform-dropdown button:hover{background-color:#0000000a;color:#000;transform:translateX(4px)}.platform-dropdown button:active{background-color:#00000014;transform:translateX(2px)}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width:768px){.navbar{justify-content:space-between;padding:15px 0}.navbar-left{padding-left:20px}.navbar-right{margin-left:0}.navbar-title{font-size:18px}.navbar-icon{height:30px;width:30px}.mobile-menu-toggle{display:flex;margin-right:20px;order:2;padding-right:0}.navbar-left{order:1}.desktop-nav{display:none}.mobile-nav{display:flex}.download-buttons{flex-direction:column;gap:1rem;padding:1rem}.ios-download-container{display:flex;justify-content:center;width:100%}.ios-download-button{font-size:18px;height:70px;padding:10px 20px;width:280px}.desktop-only,.image-container-main.desktop-only,.spacer.desktop-only{display:none!important}}@media (max-width:480px){.navbar-left{padding-left:15px}.navbar-title{font-size:16px}.mobile-nav li{font-size:20px}.ios-download-button{font-size:16px;height:65px;padding:8px 16px;width:260px}.download-buttons{padding:.5rem}}.support-container{background-color:#fff;border-radius:15px;box-shadow:0 4px 20px #0000001a;margin:0 auto 2rem;max-width:800px;padding:2.5rem 2rem}.support-content{text-align:center}.support-content h2{color:#333;font-family:Comfortaa,sans-serif;font-size:2.2rem;font-weight:600;margin-bottom:1rem}.support-content p{color:#666;font-family:Quicksand,sans-serif;font-size:1.1rem;line-height:1.5;margin-bottom:1rem}.support-email{background:#f8f8f8;border-radius:12px;box-shadow:0 2px 10px #0000000d;display:inline-block;margin:1.5rem 0;min-width:400px;padding:1.5rem}.email-label{color:#555;display:block;font-family:Quicksand,sans-serif;font-size:1rem;font-weight:500;margin-bottom:.4rem}.support-email-link{background:#0000000d;border-radius:6px;color:#000;display:inline-block;font-family:Comfortaa,sans-serif;font-size:1.2rem;font-weight:600;padding:.4rem .8rem;text-decoration:none;transition:all .3s ease}.support-email-link:hover{background:#00000014;box-shadow:0 2px 8px #0000001a;color:#333;transform:translateY(-1px)}.support-note{color:#666;font-size:.9rem;font-style:italic;margin-top:.8rem}@media (max-width:768px){.support-container{border-radius:15px;margin:0 1rem 3rem;padding:2rem 1.5rem}.support-content h2{font-size:2rem}.support-content p{font-size:1rem}.support-email{min-width:auto;padding:1.2rem;width:100%}.support-email-link{font-size:1.1rem;padding:.4rem .8rem}}@media (max-width:480px){.support-container{margin:0 .5rem 2rem;padding:1.5rem 1rem}.support-content h2{font-size:1.8rem}.support-email{padding:1rem}.support-email-link{font-size:1rem;padding:.3rem .6rem}}.legal-email-link{background:#0000000d;border-radius:4px;color:#000;display:inline-block;font-family:Comfortaa,sans-serif;font-size:1rem;font-weight:600;padding:.2rem .5rem;text-decoration:none;transition:all .3s ease}.legal-email-link:hover{background:#00000014;box-shadow:0 2px 8px #0000001a;color:#333;transform:translateY(-1px)}.download-help-content{margin-top:2rem;text-align:center}.download-help-content h3{font-size:1.8rem;margin-bottom:1rem}.download-help-content h3,.download-help-content h4{color:#333;font-family:Comfortaa,sans-serif;font-weight:600;text-align:center}.download-help-content h4{font-size:1.4rem;margin-bottom:.8rem;margin-top:2rem}.download-help-content h5{color:#333;font-family:Comfortaa,sans-serif;font-size:1.2rem;font-weight:600;margin-bottom:.6rem;margin-top:1.5rem}.download-help-content p{color:#666;font-family:Quicksand,sans-serif;font-size:1.1rem;line-height:1.6;margin-bottom:1.5rem;text-align:center}.download-section{background:#fff;border-radius:15px;box-shadow:0 4px 20px #0000001a;margin:2rem 0;padding:2rem;text-align:center}.download-section .sub-steps{display:flex;flex-direction:column;gap:2rem;margin-top:2rem;max-width:1200px;width:100%}.download-section .sub-step{background:#f8f8f8;border-radius:10px;box-shadow:0 2px 10px #0000000d;padding:1.5rem}.download-section .sub-step h5{color:#333;font-family:Comfortaa,sans-serif;font-size:1.2rem;margin-bottom:.75rem;text-align:center}.download-section .sub-step p{color:#666;line-height:1.6;margin-bottom:1rem;text-align:center}.download-button-container{align-items:center;display:flex;justify-content:center;margin:1.5rem 0}.installation-instructions{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr;margin-top:2rem}.platform-instruction{background:#f8f8f8;border-radius:12px;box-shadow:0 2px 10px #0000000d;padding:1.5rem}.platform-instruction h5{color:#333;font-family:Comfortaa,sans-serif;font-size:1.2rem;font-weight:600;margin-bottom:.8rem;text-align:center}.platform-instruction p{color:#666;font-family:Quicksand,sans-serif;font-size:1rem;line-height:1.6;margin-bottom:0;text-align:left}@media (max-width:768px){.download-help-content h3{font-size:1.6rem}.download-help-content h4{font-size:1.3rem}.download-help-content h5{font-size:1.1rem}.download-help-content p{font-size:1rem}.download-section{margin:1.5rem 0;padding:1.2rem}.installation-instructions{gap:1.5rem;grid-template-columns:1fr}.platform-instruction{padding:1.2rem}}@media (max-width:480px){.download-help-content h3{font-size:1.4rem}.download-help-content h4{font-size:1.2rem}.download-section{margin:1rem 0;padding:1rem}.platform-instruction{padding:1rem}}.ios-review-back-button{align-items:center;background:#000;border:none;border-radius:25px;color:#fff;cursor:pointer;display:inline-flex;font-family:Comfortaa,Quicksand,sans-serif;font-size:1rem;font-weight:600;gap:.5rem;letter-spacing:.5px;padding:12px 24px;text-transform:uppercase;transition:all .3s ease}.ios-review-back-button:hover{background:#333;box-shadow:0 4px 15px #0003;transform:translateY(-2px)}.ios-review-back-button:active{transform:translateY(0)}.faq-container{background-color:#fff;border-radius:20px;box-shadow:0 10px 30px #0000000d;margin:20px auto;max-width:800px;padding:40px 30px;scroll-margin-top:100px;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.faq-container:hover{box-shadow:0 15px 35px #00000014;transform:translateY(-5px)}.faq-container h2{color:#333;font-family:Comfortaa,Quicksand,sans-serif;font-size:32px;font-weight:800;letter-spacing:-.5px;margin-bottom:30px;padding-bottom:10px;position:relative;-webkit-user-select:none;user-select:none}.faq-container h2:after{background:linear-gradient(90deg,#0000,#000,#0000);bottom:0;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:60px}.faq-list{list-style:none;margin:0;padding:0}.faq-item{background-color:#fff;border-radius:12px;box-shadow:0 4px 15px #0000000d;margin-bottom:15px;overflow:hidden;transition:all .3s ease}.faq-item:hover{box-shadow:0 6px 20px #00000014;transform:translateX(5px)}.faq-question{align-items:center;background-color:#fff;color:#333;cursor:pointer;display:flex;font-family:Comfortaa,Quicksand,sans-serif;font-size:18px;font-weight:600;justify-content:space-between;padding:20px;position:relative;transition:all .3s ease}.faq-question:hover{background-color:#f8f8f8}.faq-question:after{background:linear-gradient(90deg,#0000,#000,#0000);bottom:0;content:"";height:2px;left:0;position:absolute;transform:scaleX(0);transform-origin:center;transition:transform .4s cubic-bezier(.4,0,.2,1);width:100%}.faq-question:hover:after{transform:scaleX(1)}.faq-item.open .faq-question{background-color:#f8f8f8}.faq-answer{color:#555;font-family:Comfortaa,Quicksand,sans-serif;font-size:16px;line-height:1.6;max-height:0;opacity:0;overflow:hidden;padding:0 20px;transition:all .4s cubic-bezier(.4,0,.2,1);visibility:hidden}.faq-answer.open{max-height:500px;opacity:1;padding:20px;visibility:visible}.arrow{color:#666;font-size:14px;transition:transform .4s cubic-bezier(.4,0,.2,1)}.arrow.open{color:#000;transform:rotate(180deg)}.image-container{display:flex;flex-wrap:wrap;gap:40px;justify-content:center;padding:50px;scroll-margin-top:100px}.image-container .iphone-frame .iphone-notch{background-color:#1a1a1a;border-bottom-left-radius:15px;border-bottom-right-radius:15px;height:35px;position:absolute;top:0;width:110px;z-index:2}.animated-image{background-color:#fff;border-radius:35px;box-shadow:none;height:100%;margin:0;object-fit:fill;width:100%}.help-container{background-color:#fff;border-radius:20px;box-shadow:0 10px 30px #0000000d;margin:20px auto;max-width:1200px;padding:40px 30px;scroll-margin-top:100px;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.help-container:hover{box-shadow:0 15px 35px #00000014;transform:translateY(-5px)}.help-container header{color:#333;font-family:Comfortaa,sans-serif;font-size:2.5rem;font-weight:700;letter-spacing:-.5px;margin-bottom:1.5rem;padding-bottom:10px;position:relative}.help-container header:after{background:linear-gradient(90deg,#0000,#000,#0000);bottom:0;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:60px}.help-container p{color:#555;font-family:Comfortaa,Quicksand,sans-serif;font-size:18px;line-height:1.8;margin-bottom:30px}.help-container ul{display:flex;flex-direction:column;gap:20px;list-style:none;margin:0;padding:0}.help-container ul li{align-items:center;background-color:#f8f8f8;border-radius:12px;box-shadow:0 4px 15px #0000000d;color:#444;display:flex;font-size:18px;gap:15px;justify-content:center;margin-bottom:10px;padding:15px 25px;transition:all .3s ease}.help-container ul li:hover{background-color:#f0f0f0;box-shadow:0 6px 20px #00000014;transform:translateX(5px)}.help-container ul li:before{color:#000;content:"→";font-size:20px;font-weight:700;transition:transform .3s ease}.help-container ul li:hover:before{transform:translateX(5px)}.help-intro{color:#666;font-size:1.2rem;line-height:1.6;margin:0 auto 3rem;max-width:800px;text-align:center}.tutorial-steps{display:flex;flex-direction:column;gap:2rem}@media (max-width:768px){.help-container{padding:1rem}.help-container header{font-size:2rem}.help-intro{font-size:1.1rem;padding:0 1rem}}.tutorial-step{background:#fff;border-radius:15px;box-shadow:0 4px 20px #0000001a;margin:2rem 0;padding:2rem}.tutorial-step h3{color:#333;font-family:Comfortaa,sans-serif;font-size:1.5rem;margin-bottom:1rem}.tutorial-step h4{color:#444;font-family:Comfortaa,sans-serif;font-size:1.1rem;margin-bottom:.5rem}.tutorial-step p{color:#666;line-height:1.6;margin-bottom:1.5rem}.media-container{align-items:center;display:flex;flex-direction:column;gap:2rem}.image-wrapper{border-radius:10px;box-shadow:0 4px 15px #0000001a;max-width:800px;overflow:hidden;position:relative;width:100%}.image-wrapper img{display:block;height:auto;width:100%}.videos-container{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(2,1fr);max-width:1200px;width:100%}.video-wrapper{align-items:center;background:#f8f8f8;border-radius:10px;box-shadow:0 4px 15px #0000001a;display:flex;flex-direction:column;overflow:hidden;padding:1rem}.video-wrapper video{aspect-ratio:16/9;border-radius:8px;display:block;height:auto;width:100%}.iphone-frame{align-items:center;background-color:#1a1a1a;border-radius:45px;box-shadow:0 10px 30px #0000004d;display:flex;flex-direction:column;height:649px;overflow:hidden;padding:15px;position:relative;width:300px}.iphone-frame.demo-iphone{border-radius:30px;height:433px;padding:10px;width:200px}.iphone-frame.demo-iphone .iphone-notch{border-bottom-left-radius:12px;border-bottom-right-radius:12px;height:23px;width:107px}.iphone-frame.demo-iphone .iphone-home-indicator{border-radius:2px;bottom:7px;height:3px;width:87px}.iphone-frame video{background-color:#fff;border-radius:35px;box-shadow:none;height:100%;margin:0;object-fit:cover;width:100%}.iphone-frame.demo-iphone video{border-radius:25px}.iphone-notch{background-color:#1a1a1a;border-bottom-left-radius:18px;border-bottom-right-radius:18px;height:35px;position:absolute;top:0;width:160px;z-index:2}.iphone-home-indicator{background-color:#333;border-radius:3px;bottom:10px;height:5px;position:absolute;width:130px;z-index:2}.video-wrapper:not(:has(.iphone-frame)){display:flex;flex-direction:column;height:433px}.video-wrapper:not(:has(.iphone-frame)) video{aspect-ratio:16/9;flex:1 1;height:100%;object-fit:cover;width:100%}.annotation-circle{pointer-events:none}.annotation-circle,.circle-pulse{position:absolute;transform:translate(-50%,-50%)}.circle-pulse{animation:pulse 2s infinite;background:#f003;border-radius:50%;height:100%;left:50%;top:50%;width:100%}@keyframes pulse{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(2)}}@media (max-width:1024px){.videos-container{grid-template-columns:1fr;max-width:600px}.iphone-frame{height:605px;width:280px}.iphone-frame.demo-iphone{height:390px;width:180px}.video-wrapper:not(:has(.iphone-frame)){height:390px}}.sub-steps{display:flex;flex-direction:column;gap:2rem;margin-top:2rem;max-width:1200px;width:100%}.sub-step{background:#f8f8f8;border-radius:10px;box-shadow:0 2px 10px #0000000d;padding:1.5rem}.sub-step h4{color:#333;font-family:Comfortaa,sans-serif;font-size:1.2rem;margin-bottom:.75rem}.sub-step p{color:#666;line-height:1.6;margin-bottom:1rem}.annotation-text{background:#000c;border-radius:4px;box-shadow:0 2px 8px #0003;color:#fff;font-size:.9rem;margin-top:-10px;padding:.5rem 1rem;pointer-events:none;position:absolute;transform:translate(-50%,-100%);white-space:nowrap}.annotation-text:after{border-left:5px solid #0000;border-right:5px solid #0000;border-top:5px solid #000c;bottom:-5px;content:"";left:50%;position:absolute;transform:translateX(-50%)}.tutorial-step .image-sequence{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin:1rem 0}.tutorial-step .image-sequence img:not(.iphone-frame img){border-radius:8px;box-shadow:0 2px 8px #0000001a;height:200px;max-width:400px;object-fit:contain;width:auto}.tutorial-step .image-sequence .iphone-frame{align-items:center;background-color:#1a1a1a;border-radius:30px;box-shadow:0 10px 30px #0000004d;display:flex;flex-direction:column;height:433px;overflow:hidden;padding:10px;width:200px}.tutorial-step .image-sequence .iphone-frame img{background-color:#fff;border-radius:20px;box-shadow:none;height:100%;margin:0;object-fit:fill;width:100%}.tutorial-step .image-sequence .iphone-notch{background-color:#1a1a1a;border-bottom-left-radius:10px;border-bottom-right-radius:10px;height:23px;width:73px;z-index:2}.tutorial-step .image-sequence .iphone-home-indicator{background-color:#333;border-radius:2px;bottom:7px;height:3px;position:absolute;width:87px;z-index:2}.tutorial-step .image-sequence .arrow{color:#666;font-size:1.5rem;margin:0 .5rem}@media (max-width:768px){.tutorial-step .image-sequence{flex-direction:column;gap:.5rem}.tutorial-step .image-sequence .arrow{margin:.5rem 0;transform:rotate(90deg)}.tutorial-step .image-sequence img:not(.iphone-frame img){height:200px;max-width:100%;width:auto}.tutorial-step .image-sequence .iphone-frame{height:389px;width:180px}.tutorial-step .image-sequence .iphone-notch{width:66px}.tutorial-step .image-sequence .iphone-home-indicator{width:78px}}@media (max-width:1024px){.sub-steps{max-width:600px}.annotation-text{font-size:.8rem;padding:.4rem .8rem}}.desktop-download-buttons{gap:1rem;margin:1rem 0;padding:1rem}.desktop-download-button,.desktop-download-buttons{align-items:center;display:flex;justify-content:center}.desktop-download-button{background-color:initial;border:2px solid;border-radius:100px;box-sizing:border-box;font-family:Comfortaa,Quicksand,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:20px;font-weight:500;gap:8px;height:80px;overflow:hidden;padding:12px 24px;position:relative;text-decoration:none;transition:all .3s cubic-bezier(.175,.885,.32,1.275);width:240px}.desktop-download-button.mac,.desktop-download-button.windows{border-color:#000;color:#000}.desktop-download-button:hover{box-shadow:0 10px 20px #00000026;transform:scale(1.05)}.desktop-download-button.mac:hover,.desktop-download-button.windows:hover{background-color:#0000000d;border-color:#333;color:#333}.desktop-download-button.mac:hover{box-shadow:0 10px 20px #00000026}.desktop-download-button:active{transform:scale(.98)}.desktop-download-button.mac:active,.desktop-download-button.windows:active{box-shadow:0 5px 10px #00000026}.desktop-download-button:after{border-radius:100px;content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transform:scale(.1);transition:all .5s ease-out;width:100%;z-index:-1}.desktop-download-button.mac:after,.desktop-download-button.windows:after{background:#0000000d}.desktop-download-button:hover:after{opacity:1;transform:scale(1);transition:all .5s ease-out}.download-icon{flex-shrink:0;height:24px;margin-right:4px;width:24px}.desktop-download-button span{font-size:18px;line-height:1.2;text-align:center}@media (max-width:768px){.desktop-download-buttons{flex-direction:column}.desktop-download-button{max-width:300px;width:100%}}
/*# sourceMappingURL=main.1d718f8b.css.map*/