#home{font-family:Geist}#first-slide{position:relative;width:calc(100vw - 60px);height:calc(100vh - 115px);padding:0 20px 20px;display:flex;flex-direction:column}#first-slide #title{margin-top:auto;display:flex;flex-direction:column}#first-slide #title #title-1{margin:0;padding:0;font-weight:400;font-size:var(--text-xl)}#first-slide #title #title-2{text-transform:uppercase;margin:-20px 0 0;min-height:calc(var(--text-xxxl));padding:0;font-size:var(--text-xxxl);position:relative;width:max-content}#first-slide #title #title-2:after{content:"";position:absolute;bottom:15px;right:5px;height:calc(100% - 30px);border:1px solid var(--color-accent);border-width:0px 5px 0px 0px;animation:blink 1s steps(2,start) infinite}#first-slide #title #title-2 #accent-letter{color:var(--color-accent)}#first-slide #title .no-blink:after{display:none}#first-slide #card{position:relative;display:flex;flex-direction:column;height:300px;background-color:#1180ff33;padding:40px;border-radius:20px;overflow:hidden;z-index:0}#first-slide #card #description{font-size:var(--text-m);max-width:40%}#first-slide #card #try-button{width:max-content;margin-top:auto;padding:0 20px;height:40px;justify-self:end;color:var(--color);background-color:#fff3c1;font-size:var(--text-m);cursor:pointer;border:none;outline:none;border-radius:100px;transition:all .1s ease-out}#first-slide #card #try-button:hover{transform:scale(1.1)}#first-slide #card #stores{display:flex;align-items:center;gap:20px;margin-top:15px}#first-slide #card #stores .icon{cursor:pointer;width:40px;height:40px;border:1px solid black;border-color:var(--color);border-radius:100px;background-color:transparent;transition:transform .1s ease-out}#first-slide #card #stores .icon:hover{transform:scale(1.1)}#first-slide #card #road-background{opacity:.9;z-index:-1;position:absolute;left:0%;top:0%;aspect-ratio:auto!important;width:auto!important}#first-slide #slide-1-mockup-container{position:absolute;bottom:40px;right:80px}#first-slide #slide-1-mockup-container>img{max-height:80vh}@keyframes blink{to{visibility:hidden}}#second-slide{display:flex;flex-direction:column;position:relative;width:calc(100vw - 60px);padding:20px}#second-slide #title-banner{margin-top:100px;display:flex;flex-direction:row;justify-content:space-between;align-items:end}#second-slide #title-banner #title2{display:flex;flex-direction:column;justify-content:end}#second-slide #title-banner #title2 #title2-1{text-transform:uppercase;margin:0;padding:0;font-weight:400;font-size:var(--text-xxxl);font-weight:700}#second-slide #title-banner #title2 #title2-2{margin:-20px 0 0;padding:0 0 0 5px;font-size:var(--text-xl);font-weight:400}#second-slide #title-banner #description{text-align:end;font-size:var(--text-l);max-width:40%;font-weight:200;text-transform:uppercase}#second-slide #cards{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:15px;margin-top:20px}#second-slide #cards #card1,#second-slide #cards #card2,#second-slide #cards #card3{flex:1 1;min-height:calc(30vw - 40px);border-radius:10px;display:flex;flex-direction:column;padding:20px;transition:transform .1s ease-in-out}:is(#second-slide #cards #card1,#second-slide #cards #card2,#second-slide #cards #card3):hover{transform:scale(1.05)}#second-slide #cards #card1{transform-origin:left bottom;position:relative;background-color:#6011e826;z-index:0}#second-slide #cards #card1 #ill1{z-index:-1;position:absolute;left:50%;transform:translate(-50%);top:70px;aspect-ratio:auto}#second-slide #cards #card2{transform-origin:center bottom;position:relative;background-color:#e8d61126;z-index:0}#second-slide #cards #card2 #ill2{z-index:-1;position:absolute;left:50%;transform:translate(-50%);top:40px;aspect-ratio:auto}#second-slide #cards #card3{transform-origin:right bottom;position:relative;background-color:#e8113526;z-index:0}#second-slide #cards #card3 #ill3{z-index:-1;position:absolute;left:50%;transform:translate(-50%);top:40px;aspect-ratio:auto}#second-slide #cards .counter{font-size:var(--text-l);border:1px solid black;border-radius:100px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;padding:5px}#second-slide #cards .title{margin-top:auto;text-transform:uppercase;font-weight:700;font-size:3vw;max-width:70%}#second-slide #cards .description{min-height:40px;font-weight:300;font-size:var(--text-xm)}
