.diff--page{padding:2rem;display:flex;flex-direction:column;align-items:center;width:100%;gap:1rem;h2{text-align:center;font-weight:500;font-size:4.5rem;@media (max-width:768px){font-size:2rem}}.info--item{display:flex;justify-content:space-between;background-color:#fff;border:1px solid var(--color-gray-200);padding:5rem;border-radius:1rem;box-shadow:1px 4px 4px 2px rgba(0,0,0,.1);@media (max-width:920px){flex-direction:column;align-items:center;gap:2rem;margin-top:5rem}.info--left{display:flex;flex-direction:column;gap:2rem;flex:0.8 1;@media (max-width:768px){flex:1 1}.info--title{font-size:2.4rem;font-weight:600}.info--label{font-size:1.6rem;font-weight:500;color:var(--color-gray-500);@media (max-width:768px){font-size:1.2rem}}}.publish--btn{display:flex;justify-content:center;align-items:center;gap:.5rem;border:2px solid var(--color-blue-500);color:var(--color-blue-500);border-radius:5px;padding:1rem 1.2rem;width:200px;align-self:center;transition:all .3s ease-in;font-size:1.6rem;font-weight:500;&:hover{background-color:var(--color-blue-500);color:var(--color-state-0)}}}}.how--page{padding:2rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem;width:100%;h4{font-size:5.4rem;text-align:center;font-weight:500;@media (max-width:768px){font-size:3rem}.blue{color:var(--color-blue-500)}}.cards--area{display:flex;gap:2rem;width:100%;@media (max-width:920px){flex-direction:column;align-items:center;gap:2rem}}.publish--btn{display:flex;justify-content:center;align-items:center;gap:.5rem;border:1px solid var(--color-gray-200);border-radius:5px;padding:1.2rem 1rem;align-self:center;transition:all .3s ease-in;background-color:var(--color-blue-500);color:var(--color-state-0);font-size:1.6rem;font-weight:600;@media (max-width:768px){font-size:1.4rem}}}.square--root{background-color:#e8f0fe;justify-content:center}.square--page,.square--root{display:flex;align-items:center}.square--page{padding:3rem;flex-direction:column;width:100%;h2{font-size:3rem;font-weight:700;margin-bottom:1rem}h6{font-size:1.5rem;font-weight:400;margin-bottom:3rem}}#select-slide{display:none;border:1px solid var(--color-gray-500);background-color:transparent;padding:1.2rem 1rem;border-radius:1rem;width:100%;margin-bottom:2rem;@media (max-width:900px){display:block}}.sq--intro--view{display:flex;justify-content:center;width:100%;gap:1rem;transition:all .3s ease;.slide--item--box{width:130px;font-size:1.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;height:35px;border-radius:100px;border:1px solid var(--color-gray-500);transition:all .3s ease;cursor:pointer;z-index:10;&.active{background-color:var(--background);color:var(--foreground)}}@media (max-width:900px){display:none}}.square--infos{display:flex;height:500px;background-color:var(--color-state-0);width:100%;border-radius:20px;margin-top:4rem;overflow:hidden;@media (max-width:768px){flex-direction:column;height:800px}}.sq--left{flex:1 1;position:relative}.sq--right{flex:1 1;gap:2rem;padding:2rem}.sq--header,.sq--right{display:flex;flex-direction:column;align-items:center}.sq--header{gap:.4rem}.sq--for{font-size:1.5rem;font-weight:500;color:var(--color-gray-500)}.sq--name{font-size:4rem;font-weight:500;text-transform:uppercase;@media (max-width:768px){font-size:3rem}@media (max-width:480px){font-size:2rem}}.sq--info--metrics{border:1px dashed var(--color-gray-500);border-bottom:none;width:100%;display:flex;flex-direction:column;.p{border-bottom:1px dashed var(--color-gray-500);padding:1rem;font-size:1.2rem;font-weight:400;flex:1 1;&.start{border-right:1px dashed var(--color-gray-500);flex:1 1}&.head{font-size:1.3rem;font-weight:700;padding:1rem;background-color:var(--color-gray-100);@media (max-width:768px){font-size:1.2rem}@media (max-width:480px){font-size:1rem}}&.head,&.value{text-align:center}}.mt{display:flex;width:100%}}.sq--footer{display:flex;justify-content:space-between;flex-direction:column;margin-top:2rem;align-items:center;flex:1 1;.message{font-size:1.6rem;font-weight:500;@media (max-width:768px){font-size:1.5rem}}}.landing-root-view{display:flex;justify-content:center;align-items:flex-start;height:calc(100dvh - 68px);overflow-x:hidden;overflow-y:scroll;background-color:var(--background);.lading--internal{display:flex;flex-direction:column;gap:4rem;width:100%;@media (max-width:768px){gap:.5rem}}}.ld--view{max-width:var(--landing-root-view-width);align-self:center}.hero--page,.ld--view{display:flex;flex-direction:column;align-items:center}.hero--page{padding:2rem;justify-content:center;gap:2rem;h1{text-align:center;font-size:6rem;.blue{color:var(--color-blue-500)}@media (max-width:768px){font-size:4rem}@media (max-width:480px){font-size:3rem}}h3{text-align:center;margin-top:1rem;font-size:1.8rem;font-weight:400;color:var(--color-gray-600);@media (max-width:768px){font-size:1.5rem}@media (max-width:480px){font-size:1.2rem}}button{justify-content:center;gap:.5rem;border:2px solid var(--color-blue-500);color:var(--color-blue-500);border-radius:5px;padding:.8rem 8rem;align-self:center;transition:all .3s ease-in;font-size:2rem;font-weight:500;margin-top:2rem;&:hover{background-color:var(--color-blue-500);color:var(--color-state-0)}@media (max-width:768px){padding-left:8rem;padding-bottom:.5rem;padding-right:8rem;padding-top:.5rem;font-size:1.4rem}}}.bg--what{background-size:cover;background-position:top;background-repeat:no-repeat;display:flex;justify-content:center;.what--page{padding:2rem;display:flex;flex-direction:column;align-items:center;gap:2rem}h2{font-weight:600;font-size:4.5rem;@media (max-width:768px){font-size:2rem}}h2,h3{text-align:center}h3{margin-top:1rem;color:var(--color-gray-500);margin-bottom:2rem;font-size:1.8rem;font-weight:400;color:var(--color-gray-600);@media (max-width:768px){font-size:1.5rem}@media (max-width:480px){font-size:1.2rem}}.image--box{width:566px;height:566px;position:relative;@media (max-width:768px){width:100%;height:400px}@media (max-width:480px){height:300px}}}.card--page{display:flex;padding:1rem;@media (max-width:768px){flex-direction:column;align-items:center}@media (min-width:610px){padding-left:.5rem;padding-bottom:.5rem;padding-right:.5rem;padding-top:.5rem}.card--content{padding:0 2.5rem;display:flex;flex-direction:column;justify-content:center;gap:1.5rem;@media (max-width:920px){padding-left:5rem;padding-bottom:0;padding-right:5rem;padding-top:0}.card--title{font-size:2.4rem;font-weight:700;@media (max-width:428px){font-size:1.5rem}}.card--description{font-size:1.6rem;font-weight:500;color:var(--color-gray-500);@media (max-width:428px){font-size:1.2rem}}}}.how--card--page{display:flex;flex-direction:column;padding:1rem;align-items:center;justify-content:center;gap:1.2rem;width:100%;.how--card--content{display:flex;flex-direction:column;justify-content:center;gap:1.5rem;width:100%;.how--card--title{font-size:2.4rem;font-weight:600;text-align:center}.how--card--description{font-size:1.6rem;font-weight:500;color:var(--color-gray-500);text-align:center;@media (max-width:768px){font-size:1.4rem}}}}.graphs--page{padding:2rem;display:flex;flex-direction:column;align-items:flex-start;h2{text-align:center;font-weight:500;font-size:4rem;margin-bottom:2rem;@media (max-width:768px){font-size:2rem}}.box-infos{display:flex;align-items:center;width:100%;gap:2rem;@media (max-width:920px){flex-direction:column;align-items:center;gap:2rem}.left{flex:1 1;display:flex;flex-direction:column;gap:2rem;.info{font-size:1.5rem}}.images{flex:2 1;display:flex;justify-content:center;align-items:center;gap:2rem;.card{box-shadow:0 0 10px rgba(0,0,0,.1);border-radius:2rem;padding:2rem 1rem;display:flex;flex-direction:column;align-items:center;.card-graph-title{font-size:1.5rem;font-weight:500;margin-bottom:2rem}}@media (max-width:595px){flex-direction:column;gap:2rem}}}.publish--btn{display:flex;justify-content:center;align-items:center;gap:.5rem;border:1px solid var(--color-gray-200);border-radius:5px;padding:1.2rem 1rem;width:220px;align-self:center;transition:all .3s ease-in;background-color:var(--color-blue-500);color:var(--color-state-0);font-weight:600;font-size:1.3rem}}.why--page{padding:2rem;display:flex;flex-direction:column;align-items:center;h2{text-align:center;font-weight:500;font-size:4rem;margin-bottom:5rem;@media (max-width:768px){font-size:2.5rem}@media (max-width:480px){font-size:2rem}}.why-box{border:1px solid var(--color-gray-500);padding:3rem;border-radius:15px;margin-bottom:3rem;p{font-size:1.6rem;font-weight:500;@media (max-width:768px){font-size:1.2rem}}}.publish--btn{display:flex;justify-content:center;align-items:center;gap:.5rem;border:1px solid var(--color-gray-200);border-radius:5px;padding:1.2rem 1rem;width:220px;align-self:center;transition:all .3s ease-in;background-color:var(--color-blue-500);color:var(--color-state-0);font-weight:600;font-size:1.3rem}}.card-resources--page{display:flex;background-color:var(--color-state-0);box-shadow:1px 1px 10px rgba(0,0,0,.1);border-radius:1rem;flex-direction:column;align-items:center;justify-content:space-around;height:300px;padding:4rem 1rem;.card--content{padding:0 1rem;display:flex;flex-direction:column;justify-content:center;gap:1.5rem;.card--title{font-size:1.6rem;font-weight:500;text-align:center}.card--description{font-size:1.4rem;font-weight:400;color:var(--color-gray-500);text-align:center}}}.resources--page{display:flex;flex-direction:column;align-items:center;gap:2rem;padding:2rem;h2{font-weight:500;font-size:4.5rem;@media (max-width:768px){font-size:3rem}}h2,h3{text-align:center}h3{margin-top:1rem;font-size:1.8rem;color:var(--color-gray-500);font-weight:400;margin-bottom:2rem;@media (max-width:768px){font-size:1.5rem}}.card--area{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:2rem;gap:2rem;justify-content:center}.footer{text-align:center;font-size:1rem;color:#6c757d;padding:20px 20px 50px;.contact{font-weight:500;font-size:1.2rem;margin-top:1rem;a{color:var(--color-blue-500)}}}}