.landing{color:#453d34;letter-spacing:normal;background:#fff;font-family:NanumSquareRound,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:700;line-height:1.7}.landing>main{padding-top:var(--app-bar-height);scroll-margin-top:var(--app-bar-height)}.login-banner{--banner-bottom-space:32px;height:calc(324px + var(--banner-bottom-space));background:#faf6f1;position:relative;overflow:hidden}.banner-wall{right:0;bottom:calc(43px + var(--banner-bottom-space));aspect-ratio:963.11/89.39;background:url(/illustrations/login-wall-long.svg) bottom/100% no-repeat;width:max(100%,800px);position:absolute}.login-banner img{height:auto;display:block;position:absolute}.banner-house{width:124px;bottom:var(--banner-bottom-space);right:0}.banner-snim{width:87px;bottom:calc(14px + var(--banner-bottom-space));left:calc(50% - 43.5px)}.banner-butterfly{width:29px;bottom:calc(153px + var(--banner-bottom-space));left:calc(50% - 108px)}.landing-intro{scroll-margin-top:calc(var(--app-bar-height) + 24px);background:#fff}.feature-inner{grid-template-columns:1fr 1fr;align-items:center;gap:80px;width:min(100% - 80px,960px);margin:auto;padding:104px 0;display:grid}.landing-intro .feature-inner{padding:72px 0 80px}.feature-copy h1,.feature-copy h2{letter-spacing:-.02em;margin:0;font-size:36px;font-weight:800;line-height:1.3}.feature-copy p{color:#7a7064;margin:24px 0 0;font-size:20px;line-height:1.7}.screen-wrap{justify-content:center;display:flex}.app-screen{border:7px solid #fff;border-radius:29px;width:278px;max-width:100%;height:auto;display:block;box-shadow:0 3px 5px #4a352409,0 18px 45px #4a352412}.tea-feature .feature-copy,.lantern-feature .feature-copy{grid-area:1/2}.tea-feature .screen-wrap,.lantern-feature .screen-wrap{grid-area:1/1}.tea-feature,.lantern-feature{background:#faf9f6}.store-links{flex-wrap:wrap;gap:10px;margin-top:36px;display:flex}.store-links a{letter-spacing:0;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:9px;min-height:50px;padding:10px 18px;font-size:16px;font-weight:800;text-decoration:none;display:inline-flex}.store-links .store-link-apple{color:#fff;background:#000;border-color:#000}.store-links .store-link-apple:hover{background:#242424}.store-links .store-link-google{color:#000;background:#fff;border-color:#dedbd6}.store-links .store-link-google:hover{background:#f8f6f2}.store-links svg{flex:none}.landing .site-footer{border-top:1px solid #0000000f;width:100%;padding:64px 24px}.landing .site-footer a{font-size:14px;font-weight:700}.skip-link{z-index:20;background:#fff;padding:8px 16px;position:absolute;top:12px;left:12px;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}@media (width>=761px){.feature-inner{grid-template-columns:minmax(0,max-content) 278px;justify-content:space-between;column-gap:clamp(40px,6vw,80px)}.tea-feature .feature-inner,.lantern-feature .feature-inner{grid-template-columns:278px minmax(0,max-content);justify-content:center;column-gap:clamp(100px,40vw - 240px,240px)}}@media (width>=901px){.login-banner{--banner-bottom-space:47px;width:min(100% - 48px,1080px);height:436px;margin:40px auto}.banner-wall{width:max(100%,894px);right:0;bottom:calc(62px + var(--banner-bottom-space))}.banner-house{width:153px}.banner-snim{width:127px;bottom:calc(20px + var(--banner-bottom-space));left:calc(50% - 63.5px)}.banner-butterfly{width:43px;bottom:calc(222px + var(--banner-bottom-space));left:calc(50% - 156.5px)}}@media (width<=760px){.landing .site-footer{padding:48px 24px}.login-banner{--banner-bottom-space:24px;height:calc(252px + var(--banner-bottom-space))}.banner-wall{bottom:calc(34px + var(--banner-bottom-space));width:max(100%,668px)}.banner-house{width:95px;right:-18px}.banner-snim{width:68px;bottom:calc(11px + var(--banner-bottom-space));left:calc(50% - 43px)}.banner-butterfly{width:23px;bottom:calc(125px + var(--banner-bottom-space));left:calc(50% - 88px)}.feature-inner,.landing-intro .feature-inner{grid-template-columns:1fr;gap:46px;width:calc(100% - 48px);padding:72px 0}.feature-copy{text-align:center}.feature-copy p{margin-top:20px;font-size:16px}.feature-copy .store-links{justify-content:center;margin-top:28px}.tea-feature .feature-copy,.lantern-feature .feature-copy,.tea-feature .screen-wrap,.lantern-feature .screen-wrap{grid-area:auto}.app-screen{width:258px}}@media (width<=360px){.store-links{gap:8px}.store-links a{gap:6px;padding:10px 12px}}@media (width<=900px){.feature-copy h1,.feature-copy h2{font-size:24px}.feature-copy p{font-size:16px}.store-links a{font-size:14.4px}}
