@import"https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap";.ProgressBar{background-color:#262625;width:0;height:4px;position:fixed;top:0;left:0;z-index:9999}.Header{display:flex;align-items:center;justify-content:space-between;height:2.5rem;width:100%;position:sticky;top:20px;z-index:9999}.Header-logo{background-color:var(--reversedBg);border-radius:5rem;color:var(--reversedColor);font-size:.75rem;font-weight:700;line-height:14.5px;padding:.5rem .75rem;text-transform:uppercase;transform:rotate(8deg)}.Header-pourcentage{font-size:.75rem;font-weight:700;color:var(--color)}.Header-button{background-color:var(--reversedBg);border:solid 2px var(--reversedBg);border-radius:5rem;cursor:pointer;height:30px;width:4rem}.Header-button-toggle{display:flex;align-items:center;justify-content:center;background-color:#f3f3f1;border-radius:50%;height:1.5rem;width:1.5rem;transform:translate(150%);transition:transform .3s ease-in-out}.Header-button-toggle.dark{transform:translate(0);border:solid 2px #262625}.Cursor{display:flex;flex-direction:column;width:fit-content;transition:transform .1s ease-out}.Cursor svg{width:14px;height:14px;transform:rotate(-15deg)}.Cursor svg.blue{fill:#6b93c0}.Cursor svg.green{fill:#a2b87e}.Cursor svg.purple{fill:#9fa8fe}.Cursor svg.pink{fill:#f588b9}.Cursor svg.orange{fill:#f28164}.Cursor svg.mustard{fill:#cac48e}.Cursor-text{border:solid 2px;border-radius:1.5px 18.5px 18.5px;color:#f3f3f1;font-size:.75rem;font-weight:500;line-height:20px;margin-left:.75rem;padding:.375rem .75rem}.Cursor-text.blue{background-color:#6b93c0;border-color:#6b93c0}.Cursor-text.green{background-color:#a2b87e;border-color:#95ae6d}.Cursor-text.purple{background-color:#9fa8fe;border-color:#8a92e3}.Cursor-text.pink{background-color:#f588b9;border-color:#d6699a}.Cursor-text.orange{background-color:#f28164;border-color:#d46f55}.Cursor-text.mustard{background-color:#cac48e;border-color:#c2bb82}.Reversed{align-items:flex-end}.Reversed svg{transform:rotate(60deg)}.Reversed .Cursor-text{border-radius:18.5px 1.5px 18.5px 18.5px;margin-left:0rem;margin-right:.75rem}.Hero{display:flex;flex-direction:column;min-height:100vh;justify-content:center;overflow:hidden}.Hero-content{display:flex;justify-content:space-between;align-items:center;width:100%;height:40%;margin-top:12.5vh}.Hero-content-subtitle{overflow-y:hidden}.Hero-content-subtitle span{display:inline-block;transform:translateY(100%);animation:slideInUp .75s ease-in-out forwards;animation-delay:.15s}.Hero-content-subtitle .mobile{display:none}.Hero-content-visual{position:relative;display:flex;align-items:center;justify-content:center;height:100%;width:30%}.Hero-content-visual-logo{position:absolute;top:18px;right:27px}.Hero-content-visual .Cursor.blue,.Hero-content-visual .Cursor.orange,.Hero-content-visual .Cursor.pink{position:absolute}.Hero-content-visual .Cursor.blue{bottom:0;right:0}.Hero-content-visual .Cursor.orange{bottom:40%;right:0}.Hero-content-visual .Cursor.pink{bottom:15%;left:0}.Hero-title{font-size:13.5rem;line-height:174px;white-space:nowrap;margin-top:160px;margin-bottom:0}@media (max-width: 768px){.Hero-content{flex-direction:column;gap:3.25rem;height:fit-content;margin-top:10rem}.Hero-content-subtitle{width:100%;position:relative}.Hero-content-subtitle .mobile{display:inline}.Hero-content-subtitle .desktop{display:none}.Hero-content-visual{width:100%}}@keyframes slideInUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.Card{border-radius:3.75rem;color:#262625;height:90dvh;overflow:hidden;padding:2.5rem;position:sticky;top:0;z-index:1}.Card-infos{display:flex;height:10%}.Card-infos-category{display:flex;flex-direction:column;gap:.33rem;margin-left:3rem;width:155px}.Card-infos h3{font-size:.75rem;font-weight:700;width:250px;text-transform:uppercase}.Card-infos h4,.Card-infos h5{font-size:.75rem;font-weight:500}.Card-infos-reviewers{display:flex;gap:20px;margin-left:auto}.Card-content{height:90%;display:flex;gap:20px}.Card-content-image{max-height:700px;width:75%}.Card-content-text{display:flex;flex-direction:column;gap:2rem;margin-top:25px;width:250px}.Card-content-text p{font-size:.75rem;font-weight:500;opacity:60%;line-height:20px}.Card-sticker{position:absolute;bottom:0;right:0;width:clamp(180px,20vw,410px);height:clamp(180px,20vw,410px)}.Card.blue{background-color:#badaff}.Card.green{background-color:#ecffce}.Card.purple{background-color:#ebedff}.Card.pink{background-color:#ffedf5}.Card.orange{background-color:#ffbcab}.Card.mustard{background-color:#fffac2}@media (max-width: 768px){.Card-infos{height:12.5%;position:relative}.Card-infos-category{margin-left:0}.Card-infos-reviewers{flex-direction:column;position:absolute;top:100;right:0;transform:translateY(50px)}.Card-content{flex-direction:column;gap:20px;height:75%}.Card-content-image{width:100%}.Card-content-text{margin-top:0;width:100%}.Card-sticker{width:180px;height:180px}}.Footer{color:var(--color);height:auto}.Footer-card{background-color:var(--reversedBg);color:var(--reversedColor);border-radius:3.75rem;height:100dvh;padding:5.5rem}.Footer-card h2{font-size:clamp(40px,8vw,115px);margin-bottom:10rem;text-align:justify;padding-right:2rem}.Footer-card h2 img{transform:translate(150%,50%)}.Footer-card h3{font-size:.75rem;font-weight:500;text-transform:uppercase;margin-top:8rem;margin-bottom:4rem}.Footer-card-cta{position:relative;width:220px;margin:auto;padding:14px 0 19px 7px}.Footer-card-cta button{background-color:var(--background-color);color:var(--color);border-radius:5rem;border:none;position:relative;font-size:14px;font-weight:600;padding:22px 10px;width:200px;z-index:2}.Footer-card-cta .blue,.Footer-card-cta .pink,.Footer-card-cta .green{position:absolute}.Footer-card-cta .blue{bottom:0;right:0;z-index:3;transform:translate(-50%)}.Footer-card-cta .green{top:0;left:0;z-index:3}.Footer-card-cta .pink{top:0;right:0;z-index:0;transform:translate(25%,-35%)}.Footer-bottom{display:flex;justify-content:space-between;align-items:center;padding:40px 0 20px}.Footer-bottom-logo{background-color:var(--reversedBg);border-radius:5rem;color:var(--reversedColor);font-size:.75rem;font-weight:700;line-height:14.5px;padding:.5rem .75rem;text-transform:uppercase;transform:rotate(8deg)}.Footer-bottom-pourcentage,.Footer-bottom-date{color:var(--color);font-size:.75rem;font-weight:700}@media (max-width: 768px){.Footer-card{height:90dvh;padding:3rem}.Footer-card h2{padding-right:0}.Footer-card h2 img{transform:translate(50%,-400%)}.Footer-card h3{margin-top:2.5rem;margin-bottom:8rem}}.App{height:100vh;width:100vw;overflow-y:auto;padding:0 2rem}.App .Card-container{position:relative;margin-top:160px}.App .Card-container>:nth-child(1){z-index:1}.App .Card-container>:nth-child(2){z-index:2}.App .Card-container>:nth-child(3){z-index:3}.App .Card-container>:nth-child(4){z-index:4}.App .Card-container>:nth-child(5){z-index:5}.App .Card-container>:nth-child(6){z-index:6}.App .Card-container>:nth-child(7){z-index:7}@media (max-width: 768px){.App{padding:0 .75rem}}html[data-theme=dark]{--background-color: #262625;--color: #f3f3f1;--reversedBg: #f3f3f1;--reversedColor: #262625}html[data-theme=light]{--background-color: #f3f3f1;--color: #262625;--reversedBg: #262625;--reversedColor: #f3f3f1}*{padding:0;margin:0;box-sizing:border-box}html,body{background-color:var(--background-color);color:var(--color);font-family:Inter,sans-serif;height:100%;overflow:hidden;transition:background-color .3s ease,color .3s ease}h2{font-size:clamp(69px,8vw,115px);font-weight:600}