main.namespace-intro{overflow:hidden;background-color:#f7f2ed}main.namespace-intro section{position:relative}main.namespace-intro section:not(.banner) h2{margin-bottom:12px;color:#504d49;font-size:24px;font-weight:bold;font-family:"Playfair Display","Noto Naskh Arabic UI","Star Font",ui-serif,system-ui,serif;text-align:center}@media screen and (min-width: 800px){main.namespace-intro section:not(.banner) h2{font-size:28px}}main.namespace-intro~footer{background-color:#f7f2ed}@media screen and (min-width: 550px){main.namespace-intro~footer .wrapper{padding-top:48px}}main.namespace-intro~footer .wrapper nav ul li a{color:#4d4d4d}main.namespace-intro~footer .wrapper .related .apps a{overflow:hidden;line-height:1.5;text-overflow:ellipsis;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;box-sizing:border-box;box-shadow:0 2px 8px 0 rgba(77,77,77,.2);cursor:pointer;font-weight:bold;text-align:center;padding:0 21px;border-radius:48px;line-height:48px;position:relative;z-index:0;transition:color .3s,box-shadow .3s,border-color .3s;color:#988c81;background:#fff;padding:0 48px}html:not(.s-touchevents-yes) main.namespace-intro~footer .wrapper .related .apps a:not(:disabled,.disabled):active,html.s-touchevents-yes main.namespace-intro~footer .wrapper .related .apps a:not(:disabled,.disabled):active{box-shadow:none}main.namespace-intro~footer .wrapper .related .apps a:disabled,main.namespace-intro~footer .wrapper .related .apps a.disabled{opacity:.6;cursor:default}main.namespace-intro~footer .wrapper .related .apps a .app-icon{width:27px;height:27px;display:block;padding-top:10.5px;padding-bottom:10.5px}main.namespace-intro~footer .wrapper .related .apps a>span{display:none}html:not(.s-touchevents-yes) main.namespace-intro~footer .wrapper .related .apps a:not(:disabled,.disabled):hover{color:#fe6771}html:not(.s-touchevents-yes) main.namespace-intro~footer .wrapper .related .apps a:not(:disabled,.disabled):hover:not(.loading)::after{opacity:.55}html:not(.s-touchevents-yes) main.namespace-intro~footer .wrapper .related .apps a:not(:disabled,.disabled):active:not(.loading)::after,html.s-touchevents-yes main.namespace-intro~footer .wrapper .related .apps a:not(:disabled,.disabled):active:not(.loading)::after{opacity:1}main.namespace-intro~footer .wrapper .related .apps a:not(.loading)::after{position:absolute;top:0;right:0;bottom:0;left:0;will-change:opacity;content:"";z-index:-1;background:#fff;opacity:0;transition:opacity .3s}main.namespace-intro~footer .wrapper .related .apps a:disabled,main.namespace-intro~footer .wrapper .related .apps a.disabled{background:#fff !important}main.namespace-intro~footer .wrapper .related .social li a{width:38px;height:38px;overflow:hidden;line-height:1.5;text-overflow:ellipsis;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;box-sizing:border-box;box-shadow:0 2px 8px 0 rgba(77,77,77,.2);cursor:pointer;font-weight:bold;text-align:center;border-radius:38px;position:relative;z-index:0;transition:color .3s,box-shadow .3s,border-color .3s;color:#988c81;background:#fff;border-radius:8px}html:not(.s-touchevents-yes) main.namespace-intro~footer .wrapper .related .social li a:not(:disabled,.disabled):active,html.s-touchevents-yes main.namespace-intro~footer .wrapper .related .social li a:not(:disabled,.disabled):active{box-shadow:none}main.namespace-intro~footer .wrapper .related .social li a:disabled,main.namespace-intro~footer .wrapper .related .social li a.disabled{opacity:.6;cursor:default}main.namespace-intro~footer .wrapper .related .social li a .app-icon{width:20px;height:20px;display:block}main.namespace-intro~footer .wrapper .related .social li a>span{display:none}html:not(.s-touchevents-yes) main.namespace-intro~footer .wrapper .related .social li a:not(:disabled,.disabled):hover{color:#fe6771}html:not(.s-touchevents-yes) main.namespace-intro~footer .wrapper .related .social li a:not(:disabled,.disabled):hover:not(.loading)::after{opacity:.55}html:not(.s-touchevents-yes) main.namespace-intro~footer .wrapper .related .social li a:not(:disabled,.disabled):active:not(.loading)::after,html.s-touchevents-yes main.namespace-intro~footer .wrapper .related .social li a:not(:disabled,.disabled):active:not(.loading)::after{opacity:1}main.namespace-intro~footer .wrapper .related .social li a:not(.loading)::after{position:absolute;top:0;right:0;bottom:0;left:0;will-change:opacity;content:"";z-index:-1;background:#fff;opacity:0;transition:opacity .3s}main.namespace-intro~footer .wrapper .related .social li a:disabled,main.namespace-intro~footer .wrapper .related .social li a.disabled{background:#fff !important}main.namespace-intro~footer .wrapper .related .language-toggle{position:relative;cursor:pointer;color:#fff;font-size:14px;font-weight:bold;transition:background-color .3s;text-align:initial}html:not(.s-touchevents-yes) main.namespace-intro~footer .wrapper .related .language-toggle:hover::after{visibility:visible;transition:visibility 0s}html:not(.s-touchevents-yes) main.namespace-intro~footer .wrapper .related .language-toggle:hover>div.handler{color:#fe6771}html:not(.s-touchevents-yes) main.namespace-intro~footer .wrapper .related .language-toggle:hover>div.options{transform:translateY(100%);opacity:1;visibility:visible;transition:opacity .3s,transform .3s,visibility 0s}main.namespace-intro~footer .wrapper .related .language-toggle::after{position:absolute;right:0;bottom:-8px;left:0;content:"";display:block;height:8px;visibility:hidden;transition:visibility 0s .3s}main.namespace-intro~footer .wrapper .related .language-toggle.open::after{visibility:visible;transition:visibility 0s}main.namespace-intro~footer .wrapper .related .language-toggle.open>div.handler{color:#fe6771}main.namespace-intro~footer .wrapper .related .language-toggle.open>div.options{transform:translateY(100%);opacity:1;visibility:visible;transition:opacity .3s,transform .3s,visibility 0s}main.namespace-intro~footer .wrapper .related .language-toggle>div.handler{display:flex;align-items:center;padding:8px 12px;border-radius:36px;background-color:#fff;color:#988c81;transition:background-color .3s}main.namespace-intro~footer .wrapper .related .language-toggle>div.handler .app-icon{transition:color .3s}main.namespace-intro~footer .wrapper .related .language-toggle>div.handler .app-icon.language{width:28px;height:28px;display:block}main.namespace-intro~footer .wrapper .related .language-toggle>div.handler .app-icon.triangle{width:20px;height:20px;display:block}html[dir=ltr] main.namespace-intro~footer .wrapper .related .language-toggle>div.handler .app-icon.triangle{margin-left:2px}html[dir=rtl] main.namespace-intro~footer .wrapper .related .language-toggle>div.handler .app-icon.triangle{margin-right:2px}main.namespace-intro~footer .wrapper .related .language-toggle>div.options{position:absolute;bottom:-8px;width:160px;transform:translateY(90%);border-radius:12px;opacity:0;visibility:hidden;transition:opacity .3s,transform .3s,visibility 0s .3s}html[dir=ltr] main.namespace-intro~footer .wrapper .related .language-toggle>div.options{right:0}html[dir=rtl] main.namespace-intro~footer .wrapper .related .language-toggle>div.options{left:0}main.namespace-intro~footer .wrapper .related .language-toggle>div.options ul{position:relative;box-sizing:border-box;width:100%;padding:8px}main.namespace-intro~footer .wrapper .related .language-toggle>div.options ul::before{position:absolute;top:0;right:0;bottom:0;left:0;content:"";z-index:-1;border-radius:12px;box-shadow:0 6px 24px 0 rgba(0,0,0,.5);background-color:#fff}main.namespace-intro~footer .wrapper .related .language-toggle>div.options ul li{padding:8px;border-radius:8px;color:#988c81;transition:background .3s,color .3s}main.namespace-intro~footer .wrapper .related .language-toggle>div.options ul li:not(:first-child){margin-top:2px}main.namespace-intro~footer .wrapper .related .language-toggle>div.options ul li:hover,main.namespace-intro~footer .wrapper .related .language-toggle>div.options ul li.active{color:#fe6771}main.namespace-intro~footer .wrapper .related .language-toggle>div.options ul li a{display:block}main.namespace-intro~footer .wrapper .related .language-toggle .handler,main.namespace-intro~footer .wrapper .related .language-toggle>div.options ul::before{box-shadow:0 2px 8px 0 rgba(77,77,77,.2)}main.namespace-intro~footer .wrapper h2.about{color:#4d4d4d}main.namespace-intro section.ads{overflow:hidden;background-color:#f7f2ed}main.namespace-intro section.ads .wrapper>div{padding:24px}@media screen and (min-width: 760px){main.namespace-intro section.ads .wrapper>div{padding:48px 60px}}@media screen and (min-width: 900px){main.namespace-intro section.ads .wrapper>div{padding:48px 72px}}main.namespace-intro section.banner{z-index:0;box-sizing:border-box;height:calc(100vh + 39px);max-height:calc(800px + 39px);padding:96px 24px 78px;color:#fff}@media screen and (min-width: 800px){main.namespace-intro section.banner{height:calc(100vh + 60px);padding-bottom:120px}}main.namespace-intro section.banner::after{bottom:-1px;content:"";display:block;position:absolute;left:-2.5%;width:105%;height:0;padding-top:78px;background:no-repeat url(/page/intro/_shared/banner/banner-wave.svg?h=e787f783cf5b2276d26a) 50% 0;background-size:100% 100%;left:-5%;width:110%;background-size:100% 100%}html[dir=rtl] main.namespace-intro section.banner::after{transform:scaleX(-1)}@media screen and (min-width: 800px){main.namespace-intro section.banner::after{padding-top:120px}}main.namespace-intro section.banner.banner-image{min-height:calc(448px + 39px);background-color:silver;background-position:center;background-size:cover}@media screen and (min-width: 0px)and (max-width: 799px){html[dir=ltr] main.namespace-intro section.banner.banner-image{background-image:url(/page/intro/_shared/banner/banner-mobile-ltr.jpg?h=eb724cdd7db2f8548fe4)}}@media screen and (min-width: 800px){html[dir=ltr] main.namespace-intro section.banner.banner-image{background-image:url(/page/intro/_shared/banner/banner-desktop-ltr.jpg?h=45d2944b6a7e6800b155)}}@media screen and (min-width: 0px)and (max-width: 799px){html[dir=rtl] main.namespace-intro section.banner.banner-image{background-image:url(/page/intro/_shared/banner/banner-mobile-rtl.jpg?h=2f031f7ad6d21d2b7423)}}@media screen and (min-width: 800px){html[dir=rtl] main.namespace-intro section.banner.banner-image{background-image:url(/page/intro/_shared/banner/banner-desktop-rtl.jpg?h=88f0ca5f72b6d0649a23)}}main.namespace-intro section.banner .wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box;height:100%;padding:0 0 24px}@media screen and (min-width: 800px){main.namespace-intro section.banner .wrapper{align-items:flex-start;padding-right:12px;padding-left:12px}}main.namespace-intro section.banner .wrapper .content{display:flex;flex-direction:column;align-items:center;justify-content:center}@media screen and (min-width: 800px){main.namespace-intro section.banner .wrapper .content{align-items:flex-start}}main.namespace-intro section.banner .wrapper h2,main.namespace-intro section.banner .wrapper p,main.namespace-intro section.banner .wrapper h3{font-weight:bold;text-align:center}@media screen and (min-width: 800px){main.namespace-intro section.banner .wrapper h2,main.namespace-intro section.banner .wrapper p,main.namespace-intro section.banner .wrapper h3{text-align:initial}}@media screen and (min-width: 0px)and (max-width: 369px){html[dir=ltr] main.namespace-intro.intro-home section.banner .wrapper h2 br,html[dir=ltr] main.namespace-intro.intro-home section.banner .wrapper p br,html[dir=ltr] main.namespace-intro.intro-home section.banner .wrapper h3 br{display:none}}@media screen and (min-width: 0px)and (max-width: 799px){main.namespace-intro.intro-logout section.banner .wrapper h2 br,main.namespace-intro.intro-logout section.banner .wrapper p br,main.namespace-intro.intro-logout section.banner .wrapper h3 br{display:none}}@media screen and (min-width: 800px){main.namespace-intro.intro-apps section.banner .wrapper h2 br,main.namespace-intro.intro-apps section.banner .wrapper p br,main.namespace-intro.intro-apps section.banner .wrapper h3 br{display:none}}main.namespace-intro section.banner .wrapper h2{font-family:"Playfair Display","Noto Naskh Arabic UI","Star Font",ui-serif,system-ui,serif;text-shadow:0 2px 4px rgba(0,0,0,.5)}html[dir=ltr] main.namespace-intro section.banner .wrapper h2{font-size:32px}html[dir=rtl] main.namespace-intro section.banner .wrapper h2{font-size:36px}@media screen and (min-width: 360px){html[dir=ltr] main.namespace-intro section.banner .wrapper h2{font-size:36px}html[dir=rtl] main.namespace-intro section.banner .wrapper h2{font-size:48px}}@media screen and (min-width: 800px){main.namespace-intro section.banner .wrapper h2{white-space:pre-line}html[dir=ltr] main.namespace-intro section.banner .wrapper h2{font-size:48px}html[dir=rtl] main.namespace-intro section.banner .wrapper h2{font-size:66px}}main.namespace-intro section.banner .wrapper p{margin-top:12px;max-width:600px;font-size:18px;text-shadow:0 2px 4px rgba(0,0,0,.5)}@media screen and (min-width: 0px)and (max-width: 799px){main.namespace-intro section.banner .wrapper p{max-width:400px}}main.namespace-intro section.banner .wrapper .actions{display:flex;flex:0 0 auto;min-width:234px}@media screen and (min-width: 800px){main.namespace-intro section.banner .wrapper .actions{min-width:188px}}main.namespace-intro section.banner .wrapper .actions.auth{flex-direction:column;align-items:stretch}@media screen and (min-width: 0px)and (max-width: 799px){main.namespace-intro section.banner .wrapper .actions.auth .signup span.desktop{display:none}}@media screen and (min-width: 800px){main.namespace-intro section.banner .wrapper .actions.auth .signup span.mobile{display:none}}main.namespace-intro section.banner.banner-image .wrapper .actions.auth{margin-top:48px}main.namespace-intro section.banner:not(.banner-image) .wrapper .actions.auth{margin-top:24px}main.namespace-intro section.banner .wrapper .actions.apps{align-items:center;justify-content:center;margin-top:24px}@media screen and (min-width: 800px){main.namespace-intro section.banner .wrapper .actions.apps{justify-content:flex-start}}main.namespace-intro section.banner .wrapper .actions a.signup{overflow:hidden;line-height:1.5;text-overflow:ellipsis;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;box-sizing:border-box;box-shadow:0 2px 8px 0 rgba(77,77,77,.2);cursor:pointer;font-weight:bold;text-align:center;padding:0 24px;border-radius:48px;line-height:48px;position:relative;z-index:0;transition:color .3s,box-shadow .3s,border-color .3s;color:#fe5884;background:#fff}html:not(.s-touchevents-yes) main.namespace-intro section.banner .wrapper .actions a.signup:not(:disabled,.disabled):active,html.s-touchevents-yes main.namespace-intro section.banner .wrapper .actions a.signup:not(:disabled,.disabled):active{box-shadow:none}main.namespace-intro section.banner .wrapper .actions a.signup:disabled,main.namespace-intro section.banner .wrapper .actions a.signup.disabled{opacity:.6;cursor:default}html:not(.s-touchevents-yes) main.namespace-intro section.banner .wrapper .actions a.signup:not(:disabled,.disabled):hover:not(.loading)::after{opacity:.55}html:not(.s-touchevents-yes) main.namespace-intro section.banner .wrapper .actions a.signup:not(:disabled,.disabled):active:not(.loading)::after,html.s-touchevents-yes main.namespace-intro section.banner .wrapper .actions a.signup:not(:disabled,.disabled):active:not(.loading)::after{opacity:1}main.namespace-intro section.banner .wrapper .actions a.signup:not(.loading)::after{position:absolute;top:0;right:0;bottom:0;left:0;will-change:opacity;content:"";z-index:-1;background:#ebebeb;opacity:0;transition:opacity .3s}main.namespace-intro section.banner .wrapper .actions a.signup>span{background:linear-gradient(to bottom right, hsl(20, 98%, 62%), hsl(332, 100%, 65%));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);color:currentcolor}main.namespace-intro section.banner .wrapper .actions a.signup:disabled,main.namespace-intro section.banner .wrapper .actions a.signup.disabled{background:#fff !important}main.namespace-intro section.banner .wrapper .actions a.login{overflow:hidden;line-height:1.5;text-overflow:ellipsis;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;box-sizing:border-box;box-shadow:0 2px 8px 0 rgba(77,77,77,.2);cursor:pointer;font-weight:bold;text-align:center;padding:0 24px;border-radius:48px;line-height:48px;position:relative;z-index:0;transition:color .3s,box-shadow .3s,border-color .3s;border:2px solid #fff;color:#fff;background:rgba(0,0,0,.2);margin-top:12px}html:not(.s-touchevents-yes) main.namespace-intro section.banner .wrapper .actions a.login:not(:disabled,.disabled):active,html.s-touchevents-yes main.namespace-intro section.banner .wrapper .actions a.login:not(:disabled,.disabled):active{box-shadow:none}main.namespace-intro section.banner .wrapper .actions a.login:disabled,main.namespace-intro section.banner .wrapper .actions a.login.disabled{opacity:.6;cursor:default}html:not(.s-touchevents-yes) main.namespace-intro section.banner .wrapper .actions a.login:not(:disabled,.disabled):hover{color:#fff;border-color:#fff}html:not(.s-touchevents-yes) main.namespace-intro section.banner .wrapper .actions a.login:not(:disabled,.disabled):hover:not(.loading)::after{opacity:.55}html:not(.s-touchevents-yes) main.namespace-intro section.banner .wrapper .actions a.login:not(:disabled,.disabled):active,html.s-touchevents-yes main.namespace-intro section.banner .wrapper .actions a.login:not(:disabled,.disabled):active{color:#fff;border-color:#fff}html:not(.s-touchevents-yes) main.namespace-intro section.banner .wrapper .actions a.login:not(:disabled,.disabled):active:not(.loading)::after,html.s-touchevents-yes main.namespace-intro section.banner .wrapper .actions a.login:not(:disabled,.disabled):active:not(.loading)::after{opacity:1}main.namespace-intro section.banner .wrapper .actions a.login:not(.loading)::after{position:absolute;top:0;right:0;bottom:0;left:0;will-change:opacity;content:"";z-index:-1;background:rgba(0,0,0,.4);opacity:0;transition:opacity .3s}main.namespace-intro section.banner .wrapper .actions a.login:disabled,main.namespace-intro section.banner .wrapper .actions a.login.disabled{background:rgba(255,255,255,0) !important}@media screen and (min-width: 800px){main.namespace-intro section.banner .wrapper .actions a.login{display:none}}main.namespace-intro section.banner .wrapper .actions a.apple,main.namespace-intro section.banner .wrapper .actions a.google{overflow:hidden;line-height:1.5;text-overflow:ellipsis;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;box-sizing:border-box;box-shadow:0 2px 8px 0 rgba(77,77,77,.2);cursor:pointer;font-weight:bold;text-align:center;padding:0 21px;border-radius:48px;line-height:48px;position:relative;z-index:0;transition:color .3s,box-shadow .3s,border-color .3s;color:#fe5884;background:#fff;width:145px}html:not(.s-touchevents-yes) main.namespace-intro section.banner .wrapper .actions a.apple:not(:disabled,.disabled):active,html:not(.s-touchevents-yes) main.namespace-intro section.banner .wrapper .actions a.google:not(:disabled,.disabled):active,html.s-touchevents-yes main.namespace-intro section.banner .wrapper .actions a.apple:not(:disabled,.disabled):active,html.s-touchevents-yes main.namespace-intro section.banner .wrapper .actions a.google:not(:disabled,.disabled):active{box-shadow:none}main.namespace-intro section.banner .wrapper .actions a.apple:disabled,main.namespace-intro section.banner .wrapper .actions a.apple.disabled,main.namespace-intro section.banner .wrapper .actions a.google:disabled,main.namespace-intro section.banner .wrapper .actions a.google.disabled{opacity:.6;cursor:default}main.namespace-intro section.banner .wrapper .actions a.apple .app-icon,main.namespace-intro section.banner .wrapper .actions a.google .app-icon{width:27px;height:27px;display:block;padding-top:10.5px;padding-bottom:10.5px}main.namespace-intro section.banner .wrapper .actions a.apple>span,main.namespace-intro section.banner .wrapper .actions a.google>span{display:none}html:not(.s-touchevents-yes) main.namespace-intro section.banner .wrapper .actions a.apple:not(:disabled,.disabled):hover:not(.loading)::after,html:not(.s-touchevents-yes) main.namespace-intro section.banner .wrapper .actions a.google:not(:disabled,.disabled):hover:not(.loading)::after{opacity:.55}html:not(.s-touchevents-yes) main.namespace-intro section.banner .wrapper .actions a.apple:not(:disabled,.disabled):active:not(.loading)::after,html:not(.s-touchevents-yes) main.namespace-intro section.banner .wrapper .actions a.google:not(:disabled,.disabled):active:not(.loading)::after,html.s-touchevents-yes main.namespace-intro section.banner .wrapper .actions a.apple:not(:disabled,.disabled):active:not(.loading)::after,html.s-touchevents-yes main.namespace-intro section.banner .wrapper .actions a.google:not(:disabled,.disabled):active:not(.loading)::after{opacity:1}main.namespace-intro section.banner .wrapper .actions a.apple:not(.loading)::after,main.namespace-intro section.banner .wrapper .actions a.google:not(.loading)::after{position:absolute;top:0;right:0;bottom:0;left:0;will-change:opacity;content:"";z-index:-1;background:#ebebeb;opacity:0;transition:opacity .3s}main.namespace-intro section.banner .wrapper .actions a.apple>span,main.namespace-intro section.banner .wrapper .actions a.google>span{background:linear-gradient(to bottom right, hsl(20, 98%, 62%), hsl(332, 100%, 65%));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);color:currentcolor}main.namespace-intro section.banner .wrapper .actions a.apple:disabled,main.namespace-intro section.banner .wrapper .actions a.apple.disabled,main.namespace-intro section.banner .wrapper .actions a.google:disabled,main.namespace-intro section.banner .wrapper .actions a.google.disabled{background:#fff !important}html[dir=ltr] main.namespace-intro section.banner .wrapper .actions a.apple:first-child,html[dir=ltr] main.namespace-intro section.banner .wrapper .actions a.google:first-child{margin-right:12px}html[dir=rtl] main.namespace-intro section.banner .wrapper .actions a.apple:first-child,html[dir=rtl] main.namespace-intro section.banner .wrapper .actions a.google:first-child{margin-left:12px}main section.banner .graphics-wrapper svg .hearts path{transform:translateY(21px);opacity:0;transition:opacity 1.2s cubic-bezier(0.215, 0.61, 0.355, 1),transform 1.2s cubic-bezier(0.215, 0.61, 0.355, 1)}main section.banner .graphics-wrapper svg .hearts path.animation-progress{transform:translateY(7px);opacity:1}main section.banner .graphics-wrapper svg .hearts path.animation-done{transform:translateY(0);transition:opacity .1s ease-out,transform .1s ease-out}main.namespace-intro section.features{overflow:hidden;padding:36px 0}main.namespace-intro section.features .graphics{position:relative;margin:0 auto 36px;max-width:800px}main.namespace-intro section.features .graphics ul li{position:relative;transition:opacity 1s,transform 1s}@media screen and (min-width: 0px)and (max-width: 599px){main.namespace-intro:not(.is-ios-chrome) section.features .graphics ul li:not(.animation-done){opacity:0}html[dir=ltr] main.namespace-intro:not(.is-ios-chrome) section.features .graphics ul li:not(.animation-done):nth-child(even){transform:translateX(-5%)}html[dir=rtl] main.namespace-intro:not(.is-ios-chrome) section.features .graphics ul li:not(.animation-done):nth-child(even){transform:translateX(5%)}html[dir=ltr] main.namespace-intro:not(.is-ios-chrome) section.features .graphics ul li:not(.animation-done):nth-child(odd){transform:translateX(5%)}html[dir=rtl] main.namespace-intro:not(.is-ios-chrome) section.features .graphics ul li:not(.animation-done):nth-child(odd){transform:translateX(-5%)}}@media screen and (min-width: 600px){main.namespace-intro section.features .graphics ul li{display:flex;flex-direction:row-reverse;align-items:center;transition:opacity .5s,transform .5s}main.namespace-intro section.features .graphics ul li:nth-child(even){flex-direction:row}main.namespace-intro:not(.is-ios-chrome) section.features .graphics ul li:not(.animation-done){opacity:0}html[dir=ltr] main.namespace-intro:not(.is-ios-chrome) section.features .graphics ul li:not(.animation-done):nth-child(even){transform:translateX(5%)}html[dir=rtl] main.namespace-intro:not(.is-ios-chrome) section.features .graphics ul li:not(.animation-done):nth-child(even){transform:translateX(-5%)}html[dir=ltr] main.namespace-intro:not(.is-ios-chrome) section.features .graphics ul li:not(.animation-done):nth-child(odd){transform:translateX(-5%)}html[dir=rtl] main.namespace-intro:not(.is-ios-chrome) section.features .graphics ul li:not(.animation-done):nth-child(odd){transform:translateX(5%)}}main.namespace-intro section.features .graphics ul li:last-of-type{padding-bottom:40px}@media screen and (min-width: 0px)and (max-width: 599px){main.namespace-intro section.features .graphics ul li:not(:last-of-type){margin-bottom:12px}}@media screen and (min-width: 600px){main.namespace-intro section.features .graphics ul li:not(:last-of-type){margin-bottom:-100px}}@media screen and (min-width: 800px){main.namespace-intro section.features .graphics ul li:not(:last-of-type){margin-bottom:-150px}}@media screen and (min-width: 600px){main.namespace-intro section.features .graphics ul li div{flex:1;transition:opacity 1s,transform 1s}html[dir=ltr] main.namespace-intro section.features .graphics ul li:nth-child(odd) div{margin-right:36px}html[dir=rtl] main.namespace-intro section.features .graphics ul li:nth-child(odd) div{margin-left:36px}html[dir=ltr] main.namespace-intro:not(.is-ios-chrome) section.features .graphics ul li:nth-child(odd):not(.animation-done) div{transform:translateX(-20%)}html[dir=rtl] main.namespace-intro:not(.is-ios-chrome) section.features .graphics ul li:nth-child(odd):not(.animation-done) div{transform:translateX(20%)}html[dir=ltr] main.namespace-intro section.features .graphics ul li:nth-child(even) div{margin-left:36px;text-align:right}html[dir=rtl] main.namespace-intro section.features .graphics ul li:nth-child(even) div{margin-right:36px;text-align:left}html[dir=ltr] main.namespace-intro:not(.is-ios-chrome) section.features .graphics ul li:nth-child(even):not(.animation-done) div{transform:translateX(20%)}html[dir=rtl] main.namespace-intro:not(.is-ios-chrome) section.features .graphics ul li:nth-child(even):not(.animation-done) div{transform:translateX(-20%)}}main.namespace-intro section.features .graphics ul li div h2{position:relative;z-index:1;color:#594d40;font-size:24px;font-weight:bold;font-family:"Playfair Display","Noto Naskh Arabic UI","Star Font",ui-serif,system-ui,serif}@media screen and (min-width: 0px)and (max-width: 599px){main.namespace-intro section.features .graphics ul li div h2{margin:0 24px -12px}}@media screen and (min-width: 600px){main.namespace-intro section.features .graphics ul li div h2{margin-bottom:12px;text-align:unset}}@media screen and (min-width: 800px){main.namespace-intro section.features .graphics ul li div h2{white-space:pre-line}}@media screen and (min-width: 0px)and (max-width: 599px){main.namespace-intro section.features .graphics ul li div p{box-shadow:0 6px 24px 0 rgba(0,0,0,.15);position:absolute;bottom:50px;margin:24px;width:220px;padding:24px;border-radius:12px;background-color:#fff;transition:opacity .5s,transform .5s}main.namespace-intro:not(.is-ios-chrome) section.features .graphics ul li:nth-child(odd):not(.animation-done) div p{opacity:0}html[dir=ltr] main.namespace-intro:not(.is-ios-chrome) section.features .graphics ul li:nth-child(odd):not(.animation-done) div p{transform:translate(-20%, 20%)}html[dir=rtl] main.namespace-intro:not(.is-ios-chrome) section.features .graphics ul li:nth-child(odd):not(.animation-done) div p{transform:translate(20%, 20%)}main.namespace-intro:not(.is-ios-chrome) section.features .graphics ul li:nth-child(even):not(.animation-done) div p{opacity:0}html[dir=ltr] main.namespace-intro:not(.is-ios-chrome) section.features .graphics ul li:nth-child(even):not(.animation-done) div p{transform:translate(20%, 20%)}html[dir=rtl] main.namespace-intro:not(.is-ios-chrome) section.features .graphics ul li:nth-child(even):not(.animation-done) div p{transform:translate(-20%, 20%)}}@media screen and (min-width: 500px)and (max-width: 599px){main.namespace-intro section.features .graphics ul li div p{bottom:50%;transform:translateY(50%)}}@media screen and (min-width: 600px){main.namespace-intro section.features .graphics ul li div p{font-size:18px}}html[dir=ltr] main.namespace-intro section.features .graphics ul li:nth-child(even) div p{right:0}html[dir=rtl] main.namespace-intro section.features .graphics ul li:nth-child(even) div p{left:0}main.namespace-intro section.features .graphics ul li div .apps{display:flex;margin-top:24px;width:100%;height:40px}@media screen and (min-width: 0px)and (max-width: 599px){main.namespace-intro section.features .graphics ul li div .apps{justify-content:center;position:absolute;bottom:0}}main.namespace-intro section.features .graphics ul li div .apps a{display:block}html[dir=ltr] main.namespace-intro section.features .graphics ul li div .apps a:first-of-type{margin-right:6px}html[dir=rtl] main.namespace-intro section.features .graphics ul li div .apps a:first-of-type{margin-left:6px}main.namespace-intro section.features .graphics ul li figure{display:block;flex-shrink:0;margin:0;width:260px;height:472px}@media screen and (min-width: 500px)and (max-width: 599px){main.namespace-intro section.features .graphics ul li figure{width:330px;height:600px}}@media screen and (min-width: 800px){main.namespace-intro section.features .graphics ul li figure{width:330px;height:600px}}html[dir=ltr] main.namespace-intro section.features .graphics ul li:nth-child(odd) figure{margin-left:auto}html[dir=rtl] main.namespace-intro section.features .graphics ul li:nth-child(odd) figure{margin-right:auto}html[dir=ltr] main.namespace-intro section.features .graphics ul li:nth-child(even) figure{margin-right:auto}html[dir=rtl] main.namespace-intro section.features .graphics ul li:nth-child(even) figure{margin-left:auto}main.namespace-intro section.features .graphics ul li figure img{width:100%;height:100%}main.namespace-intro section.perks::before{content:"";display:block;margin-bottom:-1px;height:39px;background:no-repeat url(/page/intro/_shared/top-wave-small.svg?h=c5ff65da76aab14af4ae) 50% 0;background-size:100% 100%}@media screen and (min-width: 800px){main.namespace-intro section.perks::before{height:96px;background-image:url(/page/intro/_shared/top-wave-large.svg?h=1df52cff36f0b6123989)}}main.namespace-intro section.perks::after{content:"";display:block;margin-top:-1px;height:39px;background:no-repeat url(/page/intro/_shared/bottom-wave-small.svg?h=ba048d557a507c901ea4) 50% 0;background-size:100% 100%}@media screen and (min-width: 800px){main.namespace-intro section.perks::after{height:96px;background-image:url(/page/intro/_shared/bottom-wave-large.svg?h=b41c177a9f33e34a7672)}}main.namespace-intro section.perks .container{padding:36px 24px;background-color:#e4d9cd}main.namespace-intro section.perks .container h2{margin-bottom:24px}@media screen and (min-width: 600px){main.namespace-intro section.perks .container ul{display:grid;grid-template-columns:1fr 1fr;grid-gap:24px;justify-content:center}}@media screen and (min-width: 950px){main.namespace-intro section.perks .container ul{margin:auto;max-width:1000px}}main.namespace-intro section.perks .container ul li{position:relative;z-index:0;transition:opacity .5s,transform .5s}@media screen and (min-width: 0px)and (max-width: 599px){main.namespace-intro section.perks .container ul li{margin:0 auto 32px;max-width:300px}}@media screen and (min-width: 600px){main.namespace-intro section.perks .container ul li{display:flex;flex-direction:column}}@media screen and (min-width: 950px){main.namespace-intro section.perks .container ul li{box-shadow:0 6px 24px 0 rgba(0,0,0,.15);flex-direction:row;background-color:#fff}html[dir=ltr] main.namespace-intro section.perks .container ul li{border-radius:75px 24px 24px 75px}html[dir=rtl] main.namespace-intro section.perks .container ul li{border-radius:24px 75px 75px 24px}}@media screen and (min-width: 0px)and (max-width: 949px){main.namespace-intro section.perks .container ul li::before{position:absolute;top:0;right:50%;width:96px;height:96px;border-radius:50%;box-shadow:0 6px 24px 0 rgba(0,0,0,.15);content:"";display:block;transform:translateX(50%)}}main.namespace-intro:not(.is-ios-chrome) section.perks .container ul li:not(.animation-done){transform:translateY(50px);opacity:0}main.namespace-intro section.perks .container ul li figure{width:80px;height:80px;border-radius:50%;display:block;position:relative;z-index:1;margin:0 auto;padding:8px;background-color:#fff}main.namespace-intro section.perks .container ul li figure::before{position:absolute;top:8px;right:8px;bottom:8px;left:8px;content:"";display:block;z-index:-1;border-radius:50%;background:#f7f2ed}main.namespace-intro section.perks .container ul li figure img{display:block;width:100%;background-position:center;background-size:cover}@media screen and (min-width: 950px){main.namespace-intro section.perks .container ul li figure{width:130px;height:130px}html[dir=ltr] main.namespace-intro section.perks .container ul li figure{border-top-right-radius:0;border-bottom-right-radius:0}html[dir=rtl] main.namespace-intro section.perks .container ul li figure{border-top-left-radius:0;border-bottom-left-radius:0}}main.namespace-intro section.perks .container ul div{position:relative;border-radius:24px;background-color:#fff;line-height:1.5}@media screen and (min-width: 0px)and (max-width: 949px){main.namespace-intro section.perks .container ul div{box-shadow:0 6px 24px 0 rgba(0,0,0,.15);margin:-40px auto 0;padding:40px 24px 24px;text-align:center}}@media screen and (min-width: 600px){main.namespace-intro section.perks .container ul div{flex:1}}@media screen and (min-width: 950px){main.namespace-intro section.perks .container ul div{display:flex;flex-direction:column;justify-content:center}html[dir=ltr] main.namespace-intro section.perks .container ul div{padding:6px 24px 6px 16px;border-top-left-radius:0;border-bottom-left-radius:0}html[dir=rtl] main.namespace-intro section.perks .container ul div{padding:6px 26px 6px 24px;border-top-right-radius:0;border-bottom-right-radius:0}}main.namespace-intro section.perks .container ul div h3{margin-bottom:6px;color:#1a1a1a;font-size:18px;font-weight:bold}main.namespace-intro section.perks .container ul div p{color:#8c8c8c}main.namespace-intro section.image-list{overflow:hidden;padding:36px 12px 16px}main.namespace-intro section.image-list .wrapper h2{margin-bottom:24px}main.namespace-intro section.image-list .wrapper>div{display:flex;flex-wrap:wrap;justify-content:center;margin:-30px auto;overflow:hidden;padding:30px 0}@media screen and (min-width: 360px){main.namespace-intro section.image-list .wrapper>div{max-width:332px}}@media screen and (min-width: 755px){main.namespace-intro section.image-list .wrapper>div{max-width:none;max-height:176px}}main.namespace-intro section.image-list .wrapper>div>.portrait-container{width:132px;height:132px;box-shadow:1px 2px 10px 0 rgba(0,0,0,.1),1px 2px 10px 0 rgba(0,0,0,.1);display:block;position:relative;box-sizing:border-box;display:inline-block;position:relative;z-index:0;margin:8px;border-radius:50%}main.namespace-intro section.image-list .wrapper>div>.portrait-container img{-webkit-user-select:none;user-select:none;display:block;width:100%;height:100%;object-fit:cover;border-radius:50%}main.namespace-intro section.image-list .wrapper>div>.portrait-container img:not(:first-of-type){position:absolute;top:0;right:0;bottom:0;left:0}main.namespace-intro section.image-list .wrapper>div>.portrait-container img:first-child{box-sizing:border-box;border:4px solid #fff;background-color:#fff}@media screen and (min-width: 360px){main.namespace-intro section.image-list .wrapper>div>.portrait-container{width:150px;height:150px}}@media screen and (min-width: 0px)and (max-width: 754px){main.namespace-intro section.image-list .wrapper>div>.portrait-container:last-child{display:none}}@media screen and (min-width: 755px){main.namespace-intro section.image-list .wrapper>div>.portrait-container{width:168px;height:168px;margin-bottom:90px}}@media screen and (min-width: 900px){main.namespace-intro section.image-list .wrapper>div>.portrait-container{margin-right:16px;margin-left:16px}}main.namespace-intro section.pre-footer{position:relative;overflow:hidden;padding-top:39px;padding-bottom:39px;text-align:center}@media screen and (min-width: 800px){main.namespace-intro section.pre-footer{padding-top:96px;padding-bottom:96px}}main.namespace-intro section.pre-footer::before{top:-1px;content:"";display:block;position:absolute;left:-2.5%;width:105%;height:0;padding-top:39px;background:no-repeat url(/page/intro/_shared/top-wave-small.svg?h=c5ff65da76aab14af4ae) 50% 0;background-size:100% 100%;top:0}html[dir=rtl] main.namespace-intro section.pre-footer::before{transform:scaleX(-1)}@media screen and (min-width: 800px){main.namespace-intro section.pre-footer::before{padding-top:96px;background-image:url(/page/intro/_shared/top-wave-large.svg?h=1df52cff36f0b6123989)}}main.namespace-intro section.pre-footer::after{bottom:-1px;content:"";display:block;position:absolute;left:-2.5%;width:105%;height:0;padding-top:39px;background:no-repeat url(/page/intro/_shared/bottom-wave-small.svg?h=ba048d557a507c901ea4) 50% 0;background-size:100% 100%;bottom:0;background-color:#f7f2ed}html[dir=rtl] main.namespace-intro section.pre-footer::after{transform:scaleX(-1)}@media screen and (min-width: 800px){main.namespace-intro section.pre-footer::after{padding-top:96px;background-image:url(/page/intro/_shared/bottom-wave-large.svg?h=b41c177a9f33e34a7672)}}main.namespace-intro section.pre-footer .container{padding:41px 24px 50px;background:#e4d9cd}main.namespace-intro section.pre-footer .container p{margin-bottom:24px;color:#594d40}@media screen and (min-width: 600px){main.namespace-intro section.pre-footer .container p{font-size:18px}}main.namespace-intro section.pre-footer .container a.signup{overflow:hidden;line-height:1.5;text-overflow:ellipsis;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;box-sizing:border-box;box-shadow:0 2px 8px 0 rgba(77,77,77,.2);cursor:pointer;font-weight:bold;text-align:center;padding:0 24px;border-radius:48px;line-height:48px;position:relative;z-index:0;transition:color .3s,box-shadow .3s,border-color .3s;color:#fff;background:#fe6771 linear-gradient(to bottom right, hsl(20, 98%, 62%), hsl(332, 100%, 65%));min-width:188px}html:not(.s-touchevents-yes) main.namespace-intro section.pre-footer .container a.signup:not(:disabled,.disabled):active,html.s-touchevents-yes main.namespace-intro section.pre-footer .container a.signup:not(:disabled,.disabled):active{box-shadow:none}main.namespace-intro section.pre-footer .container a.signup:disabled,main.namespace-intro section.pre-footer .container a.signup.disabled{opacity:.6;cursor:default}html:not(.s-touchevents-yes) main.namespace-intro section.pre-footer .container a.signup:not(:disabled,.disabled):hover:not(.loading)::after{opacity:.55}html:not(.s-touchevents-yes) main.namespace-intro section.pre-footer .container a.signup:not(:disabled,.disabled):active:not(.loading)::after,html.s-touchevents-yes main.namespace-intro section.pre-footer .container a.signup:not(:disabled,.disabled):active:not(.loading)::after{opacity:1}main.namespace-intro section.pre-footer .container a.signup:not(.loading)::after{position:absolute;top:0;right:0;bottom:0;left:0;will-change:opacity;content:"";z-index:-1;background:#cb525a linear-gradient(to bottom right, hsl(20, 59%, 50%), hsl(332, 58%, 52%));opacity:0;transition:opacity .3s}main.namespace-intro section.pre-footer .container a.signup:disabled,main.namespace-intro section.pre-footer .container a.signup.disabled{background:#fe6771 linear-gradient(to bottom right, hsl(20, 98%, 62%), hsl(332, 100%, 65%)) !important}main.namespace-intro section.stories{padding:36px 0 48px}@media screen and (min-width: 800px){main.namespace-intro section.stories{padding-bottom:70px}}main.namespace-intro section.stories h2{margin-bottom:24px}main.namespace-intro section.stories .wrapper{display:flex;flex-wrap:wrap;justify-content:center;margin:-30px auto;overflow:hidden;height:340px;padding:30px}main.namespace-intro section.stories .wrapper .card{box-shadow:0 6px 24px 0 rgba(0,0,0,.15);display:block;margin:0 12px 60px;box-sizing:border-box;width:272px;height:340px;padding:24px;border-radius:12px;background-color:#fff;cursor:pointer;transition:transform .4s}html:not(.s-touchevents-yes) main.namespace-intro section.stories .wrapper .card:hover{transform:translateY(-5px)}main.namespace-intro:not(.is-ios-chrome) section.stories .wrapper .card:not(.animation-done){transform:scale(0.9)}main.namespace-intro section.stories .wrapper .card figure{position:relative;margin:0;box-sizing:border-box;overflow:hidden;height:0;padding-bottom:100%;border-radius:8px}main.namespace-intro section.stories .wrapper .card figure img{position:absolute;top:0;right:0;bottom:0;left:0;-webkit-user-select:none;user-select:none;display:block;width:100%;height:100%;object-fit:cover}main.namespace-intro section.stories .wrapper .card q{display:flex;align-items:center;justify-content:center;height:92px;font-weight:bold;font-family:"Playfair Display","Noto Naskh Arabic UI","Star Font",ui-serif,system-ui,serif;text-align:center}@media screen and (min-width: 800px){main.namespace-intro section.stories .wrapper .card q{font-size:18px}}main.page-intro-profile section.banner{height:auto;background:#ccbfb3}main.page-intro-profile section.banner::before{background:url(/asset/pattern/pattern-horizontal.svg?h=8ac7e78db77048bdaac2) repeat-x left bottom;opacity:1}main.page-intro-profile section.banner .wrapper{align-items:center}main.page-intro-profile section.banner .wrapper .portrait{width:180px;height:180px;padding:24px;display:block;position:relative;box-sizing:border-box;position:relative;z-index:0;border-radius:50%;margin:0 auto 8px}main.page-intro-profile section.banner .wrapper .portrait::after{width:156px;height:156px}main.page-intro-profile section.banner .wrapper .portrait img{-webkit-user-select:none;user-select:none;display:block;width:100%;height:100%;object-fit:cover;border-radius:50%}main.page-intro-profile section.banner .wrapper .portrait img:not(:first-of-type){position:absolute;top:0;right:0;bottom:0;left:0}main.page-intro-profile section.banner .wrapper .portrait img:first-child{box-sizing:border-box;border:4px solid #fff}main.page-intro-profile section.banner .wrapper .portrait::before,main.page-intro-profile section.banner .wrapper .portrait::after{box-shadow:0 6px 24px 0 rgba(0,0,0,.15);content:"";position:absolute;z-index:-1;border-radius:50%;opacity:.1}main.page-intro-profile section.banner .wrapper .portrait::before{top:0;right:0;bottom:0;left:0;background:#000}main.page-intro-profile section.banner .wrapper .portrait::after{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);background:#000}@media screen and (min-width: 760px){main.page-intro-profile section.banner .wrapper .portrait{width:262px;height:262px;padding:24px;margin-bottom:28px}main.page-intro-profile section.banner .wrapper .portrait::after{width:238px;height:238px}}main.page-intro-profile section.banner .wrapper .content{align-items:center;margin-bottom:8px}main.page-intro-profile section.banner .wrapper .content h2,main.page-intro-profile section.banner .wrapper .content p{text-align:center;text-shadow:none}main.page-intro-profile section.banner .wrapper .content p{margin-right:auto;margin-left:auto;max-width:200px}@media screen and (min-width: 760px){main.page-intro-profile section.banner .wrapper .content p{max-width:450px}}main.page-intro-profile section.banner .wrapper .actions{margin-top:24px !important;margin-bottom:24px}