html,body{caret-color:#0000;width:100%;font-family:TikTok Sans,Nunito,sans-serif}body{flex-direction:column;min-height:100vh;display:flex}.clickable:hover{cursor:pointer}.text-center{text-align:center}.with-padding{padding:20px}.custom-scroll::-webkit-scrollbar-track{background-color:#f5f5f5;border-radius:6px;-webkit-box-shadow:inset 0 0 6px #0000004d}.custom-scroll::-webkit-scrollbar{background-color:#f5f5f5;width:6px}.custom-scroll::-webkit-scrollbar-thumb{background-color:#8a8989;border-radius:6px;-webkit-box-shadow:inset 0 0 6px #0000004d}.page-layout{flex-direction:column;min-height:100vh;display:flex}.main-header{z-index:1000;background:#fff;justify-content:space-between;align-items:center;padding:20px 90px;transition:padding .2s,box-shadow .2s,background-color .2s;display:flex;position:fixed;top:0;left:0;right:0}.main-header .logo{cursor:pointer}.main-header .logo img{aspect-ratio:200/60;object-fit:contain;width:200px;height:auto;transition:width .2s}.main-header .menu{margin-left:auto;font-size:20px}.main-header .menu nav{align-items:center;display:flex}.main-header .menu nav>a{color:#000;margin-right:15px;padding-bottom:6px;text-decoration:none;display:inline-block;position:relative}.main-header .menu nav>a:after{content:"";transform-origin:0;background-color:#000;width:100%;height:4px;transition:transform .2s ease-in-out;position:absolute;bottom:0;left:0;transform:scaleX(0)}.main-header .menu nav>a:hover:after,.main-header .menu nav>a:focus-visible:after{transform:scaleX(1)}.main-header.is-sticky{-webkit-backdrop-filter:blur(12px);background-color:#ffffffd9;border-bottom:1px solid #0000000d;padding:10px 90px;box-shadow:0 4px 30px #00000008}.main-header.is-sticky .logo img{aspect-ratio:200/60;object-fit:contain;width:150px;height:auto}.page-layout .content{flex:1 0 auto;margin-top:110px}.sub-header{display:flex}.sub-header .description{word-break:break-word;background:#ede4f0;width:50%;padding:40px 0 20px 90px}.sub-header .description h1{margin-bottom:0;font-size:45px}.sub-header .description .sub-header-for-use{margin-top:-10px;padding-bottom:10px;font-size:45px}.sub-header .description h3{width:80%;font-size:28px;font-weight:600;line-height:1.3}.sub-header .description .no-distractions{width:80%;padding-bottom:70px;font-weight:200;line-height:1.3}.sub-header .ads-image{width:50%}.sub-header .ads-image img{object-fit:cover;width:100%;height:100%}.App-page{width:50%;margin:5% auto auto}.App-page__wrapper{flex-direction:column;padding:16px;display:flex}.App-page__title{margin-bottom:20px;font-size:20px;font-weight:400;line-height:1.33}.App-page__links{border-top:1px dashed #00000040;justify-content:space-between;margin-top:20px;padding-top:20px;display:flex}.page-header{width:100%}.page-header-inner{max-width:1160px;margin:0 auto;padding:48px 24px}.page-header h1{margin:0;font-size:40px;font-weight:700;line-height:1.2}.landing-section{width:100%;display:flex}.landing-section>section{width:50%}.landing-section .right-wrap{max-width:90%;margin:0 auto;padding:10px}.landing-section .tag{color:#1a1a1a;align-items:center;gap:8px;margin-bottom:30px;margin-left:20px;font-weight:600;display:inline-flex}.landing-section .headline{margin:0 0 28px;font-size:38px;font-weight:600;line-height:1}.landing-section .highlight-line{background:#d8eccf;border-radius:16px;padding:10px 20px;display:inline-block}.landing-section .sub-title{margin:0 0 18px 20px;font-size:22px;font-weight:700;line-height:1.4}.landing-section .paragraph{margin:0 0 16px 20px;font-size:18px;line-height:1.6}.landing-section .bullets{margin:12px 0 0 20px;padding:0;list-style:none}.landing-section .bullet{align-items:flex-start;gap:12px;margin:10px 0;font-size:18px;line-height:1.6;display:flex}.landing-section .bullet:before{content:"";background:var(--bullet-color,#86d18f);border-radius:50%;flex-shrink:0;width:10px;height:10px;margin-top:10px}.store-links{align-items:center;gap:10px;display:flex}.store-links img{object-fit:contain;width:120px;height:auto}.store-badge-link img{transition:transform .2s cubic-bezier(.25,.46,.45,.94),box-shadow .2s}.store-badge-link:hover img{transform:translateY(-2px)scale(1.03)}.store-badge-link:active img{transform:translateY(0)scale(.98)}.footer{margin-top:auto;padding:20px 90px 40px}.footer__logo{align-items:center;display:flex}.footer__logo .logo img{object-fit:contain;width:100px;height:auto}.footer__inner{color:#555;font-size:14px;display:flex}.footer__inner .menu{margin-left:auto}.footer__divider{margin-top:20px;margin-bottom:30px}.footer__inner .menu nav>a{color:#555;margin-left:30px;padding-bottom:6px;text-decoration:none;display:inline-block;position:relative}.footer__inner .menu nav>a:after{content:"";transform-origin:0;background-color:#000;width:100%;height:4px;transition:transform .2s ease-in-out;position:absolute;bottom:0;left:0;transform:scaleX(0)}.footer__inner .menu nav>a:hover:after,.footer__inner .menu nav>a:focus-visible:after{transform:scaleX(1)}.ButtonComponent{color:#000;text-transform:none;cursor:pointer;background-color:#0000;border:2px solid #000;border-radius:14px;margin-top:20px;padding:16px 28px;font-family:inherit;font-size:18px;font-weight:600}.ButtonComponent:hover{color:#fff;background-color:#000}.ButtonComponent:disabled{cursor:not-allowed;border:none}.TextFieldComponent{width:100%;margin-top:20px}.TextFieldComponent input,.TextFieldComponent textarea{border-radius:4px;width:100%;padding:12px;font-family:inherit;font-size:16px}.TextFieldComponent label{margin-bottom:4px;font-weight:500;display:block}.SelectComponent{width:100%;margin-top:20px}.SelectComponent select{background:#fff;border:1px solid #ccc;border-radius:4px;width:100%;padding:12px;font-family:inherit;font-size:16px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(90px)}to{opacity:1;transform:translate(0,0)}}@keyframes fadeInUpCustom{0%{opacity:0;transform:translateY(90px)}to{opacity:1;transform:translate(0,0)}}@keyframes slideInUpCustom{0%{visibility:visible;transform:translateY(90px)}to{transform:translate(0,0)}}@keyframes slideInLeftCustom{0%{visibility:visible;transform:translate(-90px)}to{transform:translate(0,0)}}@keyframes slideInRightCustom{0%{visibility:visible;transform:translate(90px)}to{transform:translate(0,0)}}.animate__fadeInUpCustom{animation-name:fadeInUpCustom}.animate__fadeInUp{animation-name:fadeInUp}.animate__slideInUpCustom{animation-name:slideInUpCustom}.animate__slideInLeftCustom{animation-name:slideInLeftCustom}.animate__slideInRightCustom{animation-name:slideInRightCustom}.animate__animated{animation-duration:.6s;animation-fill-mode:both}.animate__faster{animation-duration:.3s}@media screen and (max-width:1250px){.landing-section{flex-direction:column}.landing-section>section{width:100%}.sub-header{flex-direction:column}.sub-header .description,.sub-header .ads-image{width:100%}}@media screen and (max-width:768px){.App-page{width:95%;margin:20px}.main-header{padding:10px}.page-layout .content{margin-top:150px}.footer{padding:10px}.sub-header .description{padding:20px}.sub-header .description h1,.sub-header .description .sub-header-for-use{font-size:32px}.sub-header .description h3{font-size:20px}}@media screen and (max-width:500px){.main-header{flex-direction:column;align-items:center}.main-header .menu{justify-content:center;width:100%;margin-left:0;display:flex}.main-header .menu nav{justify-content:center;display:flex}.main-header.is-sticky{padding:10px 20px}.sub-header .description{text-align:center;flex-direction:column;align-items:center;width:100%;padding:20px;display:flex}.sub-header .description h3,.sub-header .description .no-distractions{width:100%}.play_store_links{flex-direction:column;display:flex}.footer__inner{flex-direction:column}.footer__inner .menu{margin-left:0}.store-links{flex-direction:column}}.legal-container{max-width:800px;margin:0 auto;padding:20px;animation:.6s both fadeInUp}.legal-container p{color:#333;margin-bottom:1.25rem;font-size:16px;line-height:1.6}.legal-container h2{color:#1a1a1a;margin-top:2rem;margin-bottom:1rem;font-size:22px;font-weight:600}.legal-container ul{margin-bottom:1.25rem;padding-left:20px}.legal-container li{color:#333;margin-bottom:.5rem;font-size:16px;line-height:1.6}.legal-container a{color:#0070f3;text-decoration:none;transition:color .2s}.legal-container a:hover{color:#0051a2;text-decoration:underline}
