.landing-hero{padding-top:120px;padding-bottom:90px;background-color:var(--trafy-bg-white)}.landing-hero,.landing-hero-container{display:flex;justify-content:center;align-items:center}.landing-hero-container{width:80%;flex-direction:column;gap:2rem}.landing-hero-container h1{width:54%;font-size:68px;font-family:var(--h-font);font-weight:500;color:var(--h-black);line-height:140%;text-align:center}.landing-hero-container p{width:80%;font-size:24px;font-family:var(--h-font);font-weight:400;color:var(--p-black);line-height:150%;text-align:center}.landing-hero-button{margin-top:8px;padding:16px 24px;width:max-content;height:max-content;border:1px solid var(--h-black);border-radius:8px;background-color:var(--h-black);font-size:22px;font-weight:300;color:var(--h-white);font-family:var(--h-font);display:flex;align-items:center;gap:.7rem}.landing-hero-button:hover{background-color:#3c3c3c;border:1px solid #3c3c3c}@media only screen and (max-width:1280px){.landing-hero-container h1{width:70%}}@media only screen and (max-width:1024px){.landing-hero-container{gap:1.5rem}.landing-hero-container h1{font-size:56px}.landing-hero-button,.landing-hero-container p{font-size:20px}}@media only screen and (max-width:850px){.landing-hero-container{width:90%}.landing-hero-container h1{width:80%}}@media only screen and (max-width:600px){.landing-hero-container h1{width:90%;font-size:48px}.landing-hero-container p{width:100%}}@media only screen and (max-width:400px){.landing-hero{padding-top:100px}.landing-hero-container{width:90%}.landing-hero-container h1{width:100%;font-size:42px}.landing-hero-button,.landing-hero-container p{font-size:18px}}.landing-research{padding-top:110px;padding-bottom:90px;display:flex;justify-content:center;align-items:center;background-color:var(--trafy-bg-white)}.landing-research-container{width:80%;display:flex;flex-direction:column;gap:3rem}.landing-research-left{display:flex;flex-direction:column;gap:.5rem}.landing-research-left h2{font-size:48px;font-family:var(--h-font);font-weight:500;color:var(--h-black)}.landing-research-left p{width:50%;font-size:20px;font-family:var(--h-font);font-weight:400;color:var(--p-black);line-height:140%}.landing-research-right{display:grid;grid-template-columns:repeat(4,1fr);gap:2.5rem}.landing-research-right-box{display:flex;flex-direction:column;gap:.5rem;padding:24px;background-color:#fbfbfb;border:1px solid #e1e1e1;border-radius:12px}.landing-research-right-box-heading{display:flex;align-items:center;gap:.7rem}.landing-research-right-box-heading img{width:16px;height:auto}.landing-research-right-box h3{font-size:21px;font-family:var(--h-font);font-weight:500;color:var(--h-black)}.landing-research-right-box p{font-size:17px;font-family:var(--h-font);font-weight:400;color:var(--p-black)}@media only screen and (max-width:1300px){.landing-research-container{gap:2.5rem}.landing-research-right{gap:2rem}}@media only screen and (max-width:1200px){.landing-research-container{width:90%}}@media only screen and (max-width:1024px){.landing-research-left p{width:60%}.landing-research-right{grid-template-columns:repeat(3,1fr)}}@media only screen and (max-width:850px){.landing-research{padding-top:90px;padding-bottom:70px}.landing-research-container{gap:2rem}.landing-research-right{grid-template-columns:repeat(2,1fr);gap:1.5rem}.landing-research-left p{width:75%}.landing-research-right-box{min-height:150px}}@media only screen and (max-width:600px){.landing-research{padding-top:60px;padding-bottom:40px}.landing-research-container{gap:1.5rem}.landing-research-left h2{font-size:38px}.landing-research-left p{width:85%;font-size:18px}.landing-research-right-box h3{font-size:20px}.landing-research-right-box p{font-size:16px}.landing-research-right-box{padding:20px}}@media only screen and (max-width:400px){.landing-research{padding-top:40px;padding-bottom:40px}.landing-research-left h2{font-size:34px}.landing-research-left p{width:100%}.landing-research-right{grid-template-columns:repeat(1,1fr);gap:1.5rem}.landing-research-right-box p{font-size:17px}}.landing-solution{padding-top:110px;padding-bottom:90px;display:flex;justify-content:center;align-items:center;background-color:var(--trafy-bg-white)}.landing-solution-container{width:80%;display:flex;gap:3.5rem}.landing-solution-left{width:56%}.landing-solution-left h2{width:85%;font-size:48px;font-family:var(--h-font);font-weight:500;color:var(--h-black);line-height:150%}.landing-solution-right{width:40%;display:flex;flex-direction:column;gap:2rem}.landing-solution-box{padding:14px 32px;border-radius:16px;display:flex;justify-content:center;align-items:center;border:1px solid #e1e1e1}.landing-solution-box h3{font-size:24px;font-family:var(--h-font);font-weight:400;color:var(--p-black)}@media only screen and (max-width:1200px){.landing-solution-container{width:90%}.landing-solution-box h3{font-size:26px}}@media only screen and (max-width:1024px){.landing-solution-container{gap:3.5rem}.landing-solution-left h2{width:95%;font-size:44px;line-height:130%}.landing-solution-left{width:50%}.landing-solution-right{width:50%;gap:1.5rem}}@media only screen and (max-width:850px){.landing-solution{padding-top:60px;padding-bottom:70px}.landing-solution-container{flex-direction:column;gap:2.5rem}.landing-solution-left h2{line-height:150%}.landing-solution-left,.landing-solution-right{width:100%}.landing-solution-box{justify-content:flex-start}}@media only screen and (max-width:600px){.landing-solution{padding-top:60px;padding-bottom:60px}.landing-solution-container{gap:2.5rem}.landing-solution-left h2{font-size:38px}.landing-solution-box h3{font-size:24px}}@media only screen and (max-width:400px){.landing-solution{padding-top:40px;padding-bottom:40px}.landing-solution-container{gap:2rem}.landing-solution-left h2{font-size:34px;line-height:130%}.landing-solution-box{padding:14px 20px}.landing-solution-box h3{font-size:22px}}.landing-learn{padding-top:110px;padding-bottom:90px;display:flex;justify-content:center;align-items:center;background-color:var(--trafy-bg-white)}.landing-learn-container{width:80%;display:grid;grid-template-columns:1fr 2fr;gap:4rem;align-items:center}.landing-learn-image{width:100%}.landing-learn-image img{border-radius:6px;width:100%;height:auto}.landing-learn-content{display:flex;flex-direction:column;gap:1rem;justify-content:center}.landing-learn-container h3{font-size:15px;font-family:var(--h-font);font-weight:400;color:var(--p-black);line-height:150%}.landing-learn-container h2{width:80%;font-size:40px;font-family:var(--h-font);font-weight:500;color:var(--h-black);line-height:150%}.landing-learn-container p{width:90%;font-size:18px}.landing-learn-container p,.landing-learn-container span{font-family:var(--h-font);font-weight:400;color:var(--p-black);line-height:150%}.landing-learn-container span{margin-top:16px;font-size:15px;text-decoration:underline}.landing-learn-button{padding:16px 24px;width:max-content;height:max-content;border:1px solid var(--h-black);border-radius:8px;background-color:var(--h-black);display:flex;align-items:center;gap:.5rem;font-size:22px;font-weight:300;color:var(--h-black);font-family:var(--h-font)}@media only screen and (max-width:1200px){.landing-learn-container{width:90%;grid-template-columns:1fr 1.5fr}.landing-learn-container h2{width:100%;line-height:140%}.landing-learn-container p{width:100%}}@media only screen and (max-width:1024px){.landing-learn-container{gap:2rem}.landing-learn-content{gap:.5rem}.landing-learn-container h2{font-size:36px}}@media only screen and (max-width:850px){.landing-learn-container h2{font-size:32px}.landing-learn-container h3{font-size:14px}.landing-learn-container p{font-size:16px}.landing-learn{padding-top:60px;padding-bottom:70px}.landing-learn-container p{display:none}}@media only screen and (max-width:600px){.landing-learn-container{gap:1rem}.landing-learn-container h2{font-size:28px}.landing-learn-container span{margin-top:0;font-size:14px}.landing-learn{padding-top:60px;padding-bottom:60px}.landing-learn-container{display:flex;flex-direction:column}.landing-learn-container p{display:block}}@media only screen and (max-width:400px){.landing-learn{padding-top:40px;padding-bottom:40px}}.landing-business{padding-top:110px;padding-bottom:90px;background-color:var(--trafy-bg-white)}.landing-business,.landing-business-container{display:flex;justify-content:center;align-items:center}.landing-business-container{width:80%;flex-direction:column;gap:1.5rem}.landing-business-container h2{font-size:48px;font-family:var(--h-font);font-weight:500;color:var(--h-black);text-align:center}.landing-business-container p{width:60%;font-size:22px;font-family:var(--h-font);font-weight:400;color:var(--p-black);text-align:center;line-height:160%}.landing-business-badges{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.landing-business-container span{padding:6px 12px;border:1px solid #e1e1e1;border-radius:10px;font-size:20px;font-family:var(--h-font);font-weight:400;color:var(--p-black);text-align:center}.landing-business-container a{margin-top:14px;padding:14px 28px;height:auto;border:none;border-radius:10px;background-color:var(--h-black);font-size:18px;font-family:var(--h-font);font-weight:300;color:var(--h-white);text-decoration:none}.landing-business-container a:hover{background-color:#3c3c3c}@media only screen and (max-width:1024px){.landing-business-container{width:90%}.landing-business-container h2{font-size:44px}}@media only screen and (max-width:600px){.landing-business{padding:60px 0}.landing-business-container{width:90%}.landing-business-container h2{font-size:38px}.landing-business-container p{font-size:18px;width:100%}.landing-business-container span{font-size:18px}}@media only screen and (max-width:6850px){.landing-business{padding-top:60px;padding-bottom:70px}}@media only screen and (max-width:400px){.landing-business{padding:40px 0}.landing-business-container{justify-content:flex-start;gap:.5rem;align-items:flex-start}.landing-business-container h2{font-size:34px;text-align:left}.landing-business-container p{text-align:left}.landing-business-badges{justify-content:flex-start;gap:.7rem}}.landing-community{padding-top:110px;padding-bottom:190px;background-color:var(--trafy-bg-white)}.landing-community,.landing-community-container{display:flex;justify-content:center;align-items:center}.landing-community-container{width:50%;flex-direction:column;gap:1.5rem}.landing-community-container h2{font-size:48px;font-family:var(--h-font);font-weight:500;color:var(--h-black);text-align:center}.landing-community-container p{width:70%;font-size:22px;font-family:var(--h-font);font-weight:400;color:var(--p-black);text-align:center;line-height:160%}.landing-community-container form{width:100%;margin-top:6px;display:flex;justify-content:center}.landing-community-input{width:90%;display:flex;align-items:center;border:1px solid #e1e1e1;border-radius:12px;background-color:#fbfbfb}.landing-community-input input{width:100%;padding:14px;border:none;border-radius:12px;background-color:#fbfbfb;font-size:18px;font-family:var(--h-font);font-weight:400;color:var(--p-black)}.landing-community-input input:focus{outline:none}.landing-community-input button{padding:14px 42px;height:auto;border:none;border-radius:12px;background-color:var(--h-black);font-size:18px;font-family:var(--h-font);font-weight:300;color:var(--h-white)}.landing-community-input button:hover{background-color:#3c3c3c}.popup{position:fixed;top:20px;right:20px;padding:15px;background-color:var(--h-black);color:var(--trafy-bg-white);border-radius:8px;font-size:16px;box-shadow:0 4px 8px rgba(0,0,0,.1);z-index:9999;opacity:0;animation:popupFadeIn .5s forwards;font-family:var(--h-font)}@keyframes popupFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.popup{top:10px;right:10px;font-size:14px;padding:12px}}@media only screen and (max-width:1024px){.landing-community{padding-top:60px;padding-bottom:160px}.landing-community-container{width:60%}.landing-community-container h2{font-size:44px}}@media only screen and (max-width:850px){.landing-community-container,.landing-community-container p{width:75%}}@media only screen and (max-width:600px){.landing-community{padding-top:60px;padding-bottom:130px}.landing-community-container{width:85%}.landing-community-container h2{font-size:38px}.landing-community-container p{font-size:20px;width:85%}.landing-community-input{width:95%}}@media only screen and (max-width:400px){.landing-community{padding-top:40px;padding-bottom:100px}.landing-community-container{width:90%;gap:.7rem;align-items:flex-start}.landing-community-container h2{font-size:34px;text-align:left}.landing-community-container p{font-size:18px;width:100%;text-align:left}.landing-community-input{width:100%}.landing-community-input button{padding:14px 32px}.landing-community-input button,.landing-community-input input{font-size:16px}}