*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,-system-ui,BlinkMacSystemFont,SF Pro,sans-serif;font-size:17px;line-height:22px;color:#191c20}header{padding:36px}header nav{display:flex;justify-content:space-between;align-items:center;max-width:1440px;margin:0 auto}header nav .nav-left .logo{height:40px;width:auto;transform:rotate(-3deg);transition:transform .3s ease}header nav .nav-left .logo:hover{animation:wiggle .5s ease-in-out}header nav .nav-right{display:flex;align-items:center;gap:1rem}header nav .nav-right .app-store-badge{height:40px;width:auto;transition:transform .2s ease}header nav .nav-right .app-store-badge:hover{transform:scale(1.05)}main{margin:0 auto}.hero{text-align:center;padding:36px;display:flex;flex-direction:column;align-items:center}.hero .early-access-pill{font-size:17px;line-height:22px;font-weight:600;background-color:#f2ff93;color:#1755e5;padding:4px 16px;border-radius:100px;margin-bottom:16px;display:inline-block}.hero h1{font-size:48px;line-height:56px;font-weight:700;color:#191c20;text-align:center;max-width:780px}.hero h1 strong{color:#1755e5;font-weight:inherit;background-image:url(../assets/text-highlight.svg);background-repeat:no-repeat;background-position:center;background-size:100% 100%;padding:0 12px;display:inline-block;width:100%;box-decoration-break:clone;-webkit-box-decoration-break:clone}.hero p{font-size:19px;line-height:24px;font-weight:600;color:#191c20}.feature{padding:96px 36px 0;overflow:hidden}@media (min-width: 768px){.feature{padding:72px 36px}}.feature:nth-child(odd){background-color:#1755e5;color:#fff}.feature:nth-child(odd) .feature-copy h2,.feature:nth-child(odd) .feature-copy p{color:#fff}.feature:nth-child(2n){background-color:#fff;color:#1755e5}.feature:nth-child(2n) .feature-copy h2,.feature:nth-child(2n) .feature-copy p{color:#1755e5}.feature .feature-content{display:flex;flex-direction:column;gap:2rem;align-items:center;max-width:1024px;margin:0 auto}@media (min-width: 768px){.feature .feature-content{flex-direction:row;gap:4rem}}.feature .feature-copy{flex:1;order:1}.feature .feature-copy h2{font-size:36px;line-height:44px;font-weight:700;letter-spacing:-.01em;margin-bottom:36px}.feature .feature-copy p{font-size:17px;line-height:22px;line-height:1.8}.feature .feature-image{flex:1;display:flex;justify-content:center;align-items:center;order:2;max-width:420px}.feature .feature-image img{max-width:100%;height:auto;border-radius:24px 24px 0 0;box-shadow:0 4px 6px #0000001a}@media (min-width: 768px){.feature .feature-image{transform:rotate(4deg)}.feature .feature-image img{border-radius:24px}.feature:nth-child(odd) .feature-copy{order:2}.feature:nth-child(odd) .feature-image{order:1;transform:rotate(-2deg)}}.early-access{padding:72px 36px;background-color:#f2ff93;color:#1755e5}.early-access .early-access-content{max-width:780px;margin:0 auto}.early-access h2{font-size:40px;line-height:46px;font-weight:600;letter-spacing:-.01em;font-weight:800;margin-bottom:24px}.early-access p{font-size:28px;line-height:35px;font-weight:700}footer{background-color:#1755e5;color:#fff;padding:36px}footer .footer-content{max-width:1024px;margin:0 auto;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:24px}footer .footer-link{font-size:17px;line-height:22px;color:#fff;text-decoration:underline;transition:opacity .2s ease}footer .footer-link:hover{opacity:.8}footer .language-switcher{display:flex;gap:12px}footer .language-switcher .language-btn{font-size:17px;line-height:22px;font-weight:600;background:transparent;border:1px solid #FFFFFF;color:#fff;padding:12px 16px;border-radius:4px;cursor:pointer;transition:all .2s ease}footer .language-switcher .language-btn:hover{background:#ffffff1a}footer .language-switcher .language-btn:active{transform:scale(.95)}@keyframes wiggle{0%{transform:rotate(-3deg)}25%{transform:rotate(-8deg)}50%{transform:rotate(-3deg)}75%{transform:rotate(2deg)}to{transform:rotate(-3deg)}}@keyframes bounceIn{0%{transform:translateY(100%) scale(.3);opacity:0}50%{transform:translateY(-20%) scale(1.1)}70%{transform:translateY(10%) scale(.9)}to{transform:translateY(0) scale(1);opacity:1}}@keyframes bounceOut{0%{transform:translateY(0) scale(1);opacity:1}30%{transform:translateY(-20%) scale(1.1)}50%{transform:translateY(10%) scale(.9)}to{transform:translateY(100%) scale(.3);opacity:0}}@keyframes slideOut{0%{transform:translateY(0) rotate(-2deg);opacity:1}to{transform:translateY(-100%) rotate(-2deg);opacity:0}}@keyframes slideIn{0%{transform:translateY(100%) rotate(-2deg);opacity:0}to{transform:translateY(0) rotate(-2deg);opacity:1}}.add-expense{padding:36px 36px 96px;position:relative;overflow:hidden;display:flex;justify-content:center;align-items:center}.add-expense .add-expense-image{max-width:100%;height:auto;max-height:600px}