.landing-page{background:var(--sprout-green);background-repeat:repeat;background-size:1280px auto;height:100dvh;overflow:hidden}.landing-page img{-webkit-user-select:none;user-select:none}.topbar{width:100vw;flex-direction:row;align-items:center;position:relative;overflow:hidden;padding:14px 14px 18px}.topbar .divider{width:2px;height:20px;border-radius:1px;background:var(--sprout-grey);display:block;margin-left:4px;margin-right:10px}.landing-footer .squiggle,.topbar .squiggle{min-width:1280px;width:calc(100vw + 20px);position:absolute;bottom:0;left:-16px}.topbar .quick-link{text-decoration:none;color:var(--sprout-grey);padding-left:4px;padding-right:8px;transition:.1s}.topbar .quick-link:hover{text-decoration:underline;color:var(--sprout-white);font-weight:600}.landing-main,.spacer{flex:1 1}.hero-header{position:absolute;left:50%;transform:translateX(-50%);gap:8px;max-width:640px;padding-top:24px;width:calc(100vw - 64px);z-index:4}.hero-header h1{color:var(--sprout-white);font-family:var(--font-rubik);font-size:52px;margin-bottom:12px}.landing-page::selection{background-color:rgba(240,255,244,.3)}.hero-header .handwriting{width:140px;position:absolute;bottom:74px;right:220px}@media (max-width:702px){.hero-header .handwriting{right:0}}@media (max-width:460px){.hero-header .handwriting{bottom:12px}.hero-header h1{font-size:48px}.topbar .divider,.topbar .quick-link{display:none}}@media (max-width:350px){.hero-header .handwriting{display:none}}@media (max-width:520px){.landing-footer{justify-content:center}}.landing-footer{width:100vw;position:absolute;bottom:0;background:var(--pink);align-items:center;flex-direction:row;padding:12px 14px 14px;z-index:20;flex-wrap:wrap}.landing-footer .squiggle{top:-4px;bottom:auto}.landing-footer .quick-link{text-decoration:none;color:var(--pink-white);padding-left:4px;padding-right:8px;transition:.1s;text-align:center}.landing-footer .quick-link:hover{text-decoration:underline;font-weight:600}.hero-screenshots .shot{width:260px;border-radius:26px;aspect-ratio:950/2066}.hero-screenshots{flex-direction:row;position:absolute;bottom:-240px;left:24px;transform:rotate(3deg)}.hero-screenshots #shot-1{z-index:2;outline:5px solid #d05b88}.hero-screenshots #shot-2{transform:rotate(4deg);outline:5px solid #3d2a59;top:40px;left:-30px}@media (max-width:560px){.hero-screenshots .shot{width:250px}.hero-screenshots{bottom:-120px;transform:translateX(-50%);position:absolute;left:50%;width:400px}.hero-screenshots .handwriting{display:none}.hero-screenshots #shot-2{order:-1;margin-left:0;transform:rotate(-2deg);left:10px}.hero-screenshots #shot-1{z-index:3;left:-110px;top:-30px;transform:rotate(2deg)}}@media (max-width:400px){.hero-screenshots .shot{width:230px}.hero-screenshots{width:360px}}.hero-screenshots .handwriting{position:absolute;top:-40px;left:-4px;transform:rotate(-4deg)}@media (max-height:735px){.hero-screenshots{display:none}}.auth-buttons{flex-direction:row;gap:8px;flex-wrap:wrap}.auth-btn{background:var(--sprout-white);color:var(--sprout-dark-green);border-radius:8px;text-decoration:none;padding:6px 8px;font-weight:700;flex-grow:0;align-items:center;justify-content:center;transition:.1s;text-align:center}.auth-btn:hover{transform:scale(1.04)}.auth-btn:active{opacity:.8;transform:scale(1.02)}.auth-btn.secondary{background:var(--sprout-green);border:2px solid var(--sprout-white);color:var(--sprout-white)}