@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&display=swap");
@font-face { font-family: "Neue Haas Grotesk Display Pro 65 Medium"; font-style: normal; font-weight: normal; src: local("../fonts/Neue Haas Grotesk Display Pro 65 Medium"), url("../fonts/NeueHaasDisplayMediu.woff") format("woff"); }

* { margin: 0; padding: 0; box-sizing: border-box; }

body { background: #ffffff; color: #000000; font-family: "DM Sans", sans-serif; overflow-x: hidden; }

ul, li { list-style: none; }

a { text-decoration: none; }

section { position: relative; overflow: hidden; }

img { max-width: 100%; height: auto; object-fit: contain; }

button { outline: 0; border: 0; }

.l-header { padding: 50px 120px 0 120px; overflow: hidden; }

@media (max-width: 1440px) { .l-header { padding: 50px 80px 0 80px; } }

@media (max-width: 768px) { .l-header { padding: 50px 40px 0 40px; } }

@media (max-width: 360px) { .l-header { padding: 50px 20px 0 20px; } }

.l-nav { display: flex; align-items: center; justify-content: space-between; margin-bottom: 140px; }

@media (max-width: 1440px) { .l-nav { margin-bottom: 130px; } }

@media (max-width: 360px) { .l-nav { margin-bottom: 100px; } }

.l-hero { text-align: center; }

.l-about { padding: 143px 0 150px 0; background-color: #fafafa; }

@media (max-width: 1439px) { .l-about { padding-left: 90px; } }

@media (max-width: 999px) { .l-about { padding: 143px 50px 150px 50px; } }

@media (max-width: 768px) { .l-about { padding: 70px 50px 80px 50px; } }

@media (max-width: 425px) { .l-about { padding: 70px 20px 80px 20px; } }

.l-fans1 { padding: 134px 0 97px 0; }

@media (max-width: 1439px) { .l-fans1 { padding: 134px 90px 97px 90px; } }

@media (max-width: 999px) { .l-fans1 { padding: 60px 50px 37px 50px; } }

@media (max-width: 768px) { .l-fans1 { padding: 60px 50px 37px 50px; } }

@media (max-width: 425px) { .l-fans1 { padding: 60px 20px 37px 20px; } }

.l-fans2 { padding: 142px 0 176px 0; }

@media (max-width: 1439px) { .l-fans2 { padding: 100px 0 100px 90px; } }

@media (max-width: 999px) { .l-fans2 { padding: 60px 50px 0 50px; } }

@media (max-width: 425px) { .l-fans2 { padding: 60px 20px 0 20px; } }

.l-influencer1 { padding: 94px 0 0 0; }

@media (max-width: 1439px) { .l-influencer1 { padding: 90px 80px 90px 0; } }

@media (min-width: 1441px) { .l-influencer1 { padding: 190px 0 100px 0; } }

@media (max-width: 999px) { .l-influencer1 { padding: 94px 50px 10px 50px; } }

@media (max-width: 425px) { .l-influencer1 { padding: 60px 20px 0 20px; } }

@media (min-width: 1441px) { .l-influencer2 .l-content-constraint { padding: 190px 0 100px 0; } }

@media (max-width: 1439px) { .l-influencer2 .l-content-constraint { padding: 90px 0 90px 0; } }

@media (max-width: 999px) { .l-influencer2 { padding: 94px 50px 10px 50px; } }

@media (max-width: 425px) { .l-influencer2 { padding: 60px 20px 0 20px; } }

.l-features { padding: 130px 0 130px 120px; }

@media (max-width: 1200px) { .l-features { padding: 130px 0 130px 60px; } }

@media (max-width: 425px) { .l-features { padding: 130px 0 130px 38px; } }

.l-features-layout { width: 26vw; margin-bottom: 163px; }

@media (max-width: 999px) { .l-features-layout { width: 60vw; margin: 0 auto 100px auto; } }

@media (max-width: 768px) { .l-features-layout { width: 100%; margin-bottom: 50px; } }

.l-features-more { margin: 211px 120px 0 0; padding: 105px 120px 0 103px; position: relative; z-index: 34; border-radius: 100px; display: flex; justify-content: space-between; }

@media (max-width: 1439px) { .l-features-more { margin-right: 70px; } }

@media (max-width: 1200px) { .l-features-more { margin-right: 30px; padding-bottom: 100px; } }

@media (max-width: 999px) { .l-features-more { margin-top: 10px; margin-right: 60px; } }

@media (max-width: 768px) { .l-features-more { padding: 104px 40px; } }

@media (max-width: 600px) { .l-features-more { padding: 104px 20px; border-radius: 0; width: 100vw; margin-left: -60px; margin-right: 0; } }

@media (max-width: 425px) { .l-features-more { margin-left: -38px; } }

.l-features-more-layout { width: 33.4vw; }

@media (max-width: 1324px) { .l-features-more-layout { width: 90%; } }

@media (max-width: 1200px) { .l-features-more-layout { width: 100%; } }

.l-footer { position: relative; padding: 63px 120px 120px 80px; }

@media (max-width: 999px) { .l-footer { padding: 63px 60px 100px 60px; } }

@media (max-width: 600px) { .l-footer { padding: 63px 40px 100px 40px; } }

@media (max-width: 425px) { .l-footer { padding: 63px 20px 80px 20px; } }

.l-subscription { width: 62vw; margin-left: auto; }

@media (max-width: 1200px) { .l-subscription { width: 82vw; } }

@media (max-width: 999px) { .l-subscription { width: 100%; } }

.l-footer-links { margin-top: 80px; }

.l-logos { text-align: center; }

.l-light { background-color: #ffffff; color: #000000; }

.l-dark { background-color: #202020; color: #ffffff; }

.l-highlight { background-color: #0047cc; color: #ffffff; }

.l-space-left-sm { padding-left: 122px; }

@media (max-width: 1439px) { .l-space-left-sm { padding-left: 0; } }

.l-space-right-sm { padding-right: 119px; }

@media (max-width: 999px) { .l-space-right-sm { padding-right: 0; } }

.l-space-left-lg { padding-left: 223px; }

@media (max-width: 1439px) { .l-space-left-lg { padding-left: 0; } }

.l-space-right-md { padding-right: 187px; }

@media (max-width: 1439px) { .l-space-right-md { padding-right: 0; } }

.l-space-right-lg { padding-right: 223px; }

@media (max-width: 1439px) { .l-space-right-lg { padding-right: 0; } }

.l-space-top-md { margin-top: 100px; }

@media (max-width: 999px) { .l-space-top-md { margin-top: 50px; } }

.l-section-layout { display: flex; align-items: center; justify-content: space-between; }

@media (max-width: 999px) { .l-section-layout { flex-direction: column; } }

.l-footer-layout { display: flex; align-items: stretch; justify-content: space-between; }

@media (max-width: 999px) { .l-footer-layout { flex-direction: column; align-items: center; } }

.l-content-constraint { width: 33.4vw; }

@media (max-width: 1439px) { .l-content-constraint { width: 40vw; } }

@media (max-width: 999px) { .l-content-constraint { width: 60vw; margin-bottom: 50px; } }

@media (max-width: 768px) { .l-content-constraint { width: 100%; margin-bottom: 50px; } }

.l-flex { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; }

@media (min-width: 1000px) { .l-align-top { align-self: flex-start; } }

.l-shadow { filter: drop-shadow(0px -15px 40px rgba(0, 0, 0, 0.2)); }

@media (min-width: 1025px) { .l-pin-layout { min-height: 100vh; width: 100%; display: flex; align-items: center; justify-content: space-between; } .l-pin { width: 100vw !important; max-width: 100vw !important; height: 100% !important; } .pin-spacer { width: 100vw !important; height: 100% !important; } }

.menu { display: flex; align-items: center; justify-content: space-between; }

@media (max-width: 999px) { .menu { display: none; } }

.menu__link { display: inline-block; color: #ffffff; font-size: 1.25rem; font-weight: normal; font-style: normal; line-height: 23.32px; }

@media (min-width: 1600px) { .menu__link { font-size: 1.5625rem; } }

.menu__item:not(:last-child) { margin-right: 50px; }

.menu-mobile { display: none; }

@media (max-width: 999px) { .menu-mobile { display: flex; align-items: center; justify-content: space-between; position: fixed; top: 0; left: 0; background-color: #0047cc; height: 100vh; width: 100%; flex-direction: column; z-index: 100; padding: 60px 0; transform: translateY(-100vh); } }

.menu-mobile__item { overflow: hidden; }

.menu-mobile__link { display: inline-block; font-size: 1.5625rem; color: #ffffff; font-weight: normal; font-style: normal; line-height: 23.32px; transform: translateY(50px); }

.logo-inverse { width: 100px; }

.logo img { max-width: 100px; }

.menu-btn { position: absolute; top: 50px; right: 20px; height: 30px; width: 60px; background-color: transparent; color: var(--text-white); font-size: 1.25rem; font-weight: 700; overflow: hidden; cursor: pointer; z-index: 101; }

@media (min-width: 999px) { .menu-btn { display: none; } }

.menu-btn__open, .menu-btn__close { position: absolute; left: 0; }

.menu-btn__open { top: 0; }

.menu-btn__close { top: -100%; }

.main-heading { font-weight: bold; font-size: 8.125rem; line-height: 94.6%; text-align: center; letter-spacing: -0.06em; }

@media (max-width: 1440px) { .main-heading { font-size: calc(8vw + 20px); line-height: 110%; } }

@media (min-width: 1600px) { .main-heading { font-size: calc(8vw + 20px); line-height: 100%; } }

.section-heading { font-weight: 500; line-height: 101.1%; letter-spacing: -0.03em; }

.section-heading--about { font-size: 4.5rem; width: 40vw; }

@media (max-width: 999px) { .section-heading--about { width: 70vw; text-align: center; margin-left: auto; margin-right: auto; } }

@media (max-width: 768px) { .section-heading--about { font-size: 2.625rem; width: 100%; } }

@media (min-width: 1600px) { .section-heading--about { font-size: calc(4vw + 20px); } }

.section-heading--secondary { font-size: 4.25rem; }

@media (max-width: 768px) { .section-heading--secondary { font-size: 2rem; } }

@media (min-width: 1600px) { .section-heading--secondary { font-size: calc(4vw + 20px); } }

.section-heading--features { font-size: 4.5rem; font-weight: bold; line-height: 102.6%; margin-bottom: 32px; }

@media (max-width: 768px) { .section-heading--features { font-size: 2.625rem; } }

@media (min-width: 1600px) { .section-heading--features { font-size: calc(4vw + 20px); } }

.section-heading--top { margin-top: 40px; }

.section-heading--highlight { color: #0047cc; }

.section-heading--dark { color: #121212; }

.subscription-heading { font-size: 1.875rem; line-height: 150%; color: #121212; margin-bottom: 24px; }

.subscription-heading--normal { font-weight: normal; }

.subscription-heading--bold { font-weight: bold; }

.text { font-weight: normal; font-size: 1.25rem; line-height: 150%; opacity: 0.9; }

@media (min-width: 1601px) { .text { font-size: calc(1vw + 20px); } }

.text--hero { width: 39.7vw; margin: 40px auto 82px auto; }

@media (max-width: 999px) { .text--hero { width: 60vw; } }

@media (max-width: 600px) { .text--hero { width: 80vw; margin: 40px auto 52px auto; } }

@media (max-width: 500px) { .text--hero { width: 100%; } }

.text--opaque, .text--about { opacity: 0.6; }

.text--about { margin-top: 31px; width: 47vw; }

@media (max-width: 999px) { .text--about { width: 60vw; text-align: left; margin-left: auto; margin-right: auto; } }

@media (max-width: 768px) { .text--about { width: 100%; } }

.text--secondary { margin-top: 32px; }

.text--dark { color: #121212; }

.mobile-app--features { margin-top: 44px; }

@media (max-width: 600px) { .mobile-app img { width: 200px; } }

@media (max-width: 400px) { .mobile-app img { width: 150px; } }

.mobile-app__img-right { margin-left: 26px; }

@media (max-width: 600px) { .mobile-app__img-right { margin-left: 0; } }

@media (max-width: 893px) { .mobile-app__img-right--features { margin-left: 0; } }

.phone { position: relative; margin-top: 76px; width: 100%; height: 538px; overflow: hidden; }

@media (max-width: 840px) { .phone { height: 400px; } }

@media (max-width: 768px) { .phone { margin-top: 30px; } }

@media (max-width: 674px) { .phone { height: 300px; } }

@media (max-width: 520px) { .phone { height: 200px; margin-top: 20px; } }

.phone__image { position: absolute; max-width: 35.5vw; height: auto; }

.phone__image--left { left: 36%; transform: translate(-36%, 195px) rotate(-22.73deg); }

@media (max-width: 674px) { .phone__image--left { transform: translate(-36%, 130px) rotate(-22.73deg); } }

@media (max-width: 520px) { .phone__image--left { transform: translate(-36%, 50px) rotate(-22.73deg); } }

@media (max-width: 360px) { .phone__image--left { transform: translate(-36%, 90px) rotate(-22.73deg); } }

.phone__image--middle { left: 50%; transform: translateX(-50%); z-index: 3; }

@media (max-width: 999px) { .phone__image--middle { transform: translate(-50%, 70px); } }

@media (max-width: 520px) { .phone__image--middle { transform: translate(-50%, 5px); } }

@media (max-width: 360px) { .phone__image--middle { transform: translate(-50%, 35px); } }

.phone__image--right { right: 36%; transform: translate(36%, 195px) rotate(22.73deg); }

@media (max-width: 674px) { .phone__image--right { transform: translate(36%, 130px) rotate(22.73deg); } }

@media (max-width: 520px) { .phone__image--right { transform: translate(36%, 50px) rotate(22.73deg); } }

@media (max-width: 360px) { .phone__image--right { transform: translate(36%, 90px) rotate(22.73deg); } }

.about-image { position: absolute; bottom: 150px; right: 39px; z-index: 0; transform: rotate(11.99deg); }

@media (max-width: 999px) { .about-image { display: none; } }

.fans1-image { position: relative; width: 379px; height: 439px; }

.fans1-image img { position: absolute; top: 0; left: 0; }

.fans1-image__one { transform: rotate(-5.14deg); z-index: 5; }

.fans1-image__two { transform: rotate(6.24deg); z-index: 4; }

.fans1-image__three { transform: rotate(-2.36deg); z-index: 3; }

.fans1-image__four { transform: rotate(0deg); z-index: 2; }

@media (max-width: 600px) { .fans1-image { width: 300px; } }

@media (max-width: 400px) { .fans1-image { width: 200px; height: 280px; } }

.fans2-image { position: absolute; top: 0; right: 0; width: 50vw; height: 100%; }

@media (max-width: 1439px) { .fans2-image { width: 49vw; } }

@media (max-width: 999px) { .fans2-image { position: static; width: 100vw; } }

.fans2-image img { width: 100%; height: 100%; object-fit: cover; }

.influencer1-image { position: relative; width: 50%; min-height: 362px; display: flex; justify-content: center; overflow: hidden; }

@media (max-width: 999px) { .influencer1-image { width: 100%; } }

.influencer1-image img { max-width: 432px; }

@media (max-width: 999px) { .influencer1-image img { position: absolute; } }

@media (max-width: 720px) { .influencer1-image img { max-width: 270px; top: 50px; } }

.influencer2-image { width: 50vw; }

@media (max-width: 1439px) { .influencer2-image { width: 45vw; } }

@media (max-width: 999px) { .influencer2-image { margin-bottom: 60px; width: 100vw; margin-top: -94px; } }

@media (max-width: 425px) { .influencer2-image { margin-top: -60px; } }

.influencer2-image img { width: 100%; height: 100%; }

.features1-image { position: absolute; top: 275px; right: 158px; }

.features1-image__mobile { display: none; }

@media (max-width: 1439px) { .features1-image { right: 50px; } }

@media (max-width: 1200px) { .features1-image { right: 5px; } }

@media (max-width: 999px) { .features1-image { position: static; width: 100%; min-height: 362px; display: flex; justify-content: center; transform: translate(-30px, 100px); } .features1-image__mobile { display: block; max-width: 432px; } }

@media (max-width: 999px) and (max-width: 720px) { .features1-image__mobile { max-width: 270px; } }

@media (max-width: 999px) { .features1-image__desktop { display: none; } }

@media (max-width: 425px) { .features1-image { transform: translate(-19px, 100px); } }

@media (max-width: 1200px) { .features2-image { display: none; } }

.pill { display: inline-block; padding: 8px 33px; color: #000000; font-size: 1rem; line-height: 116.6%; letter-spacing: -0.03em; font-weight: 500; border-radius: 50px; }

.pill--fans { background-color: #ffbb62; }

.pill--influencer { background-color: #ff8c62; }

.features { margin-left: 81px; position: relative; }

@media (max-width: 1200px) { .features { margin-left: 31px; } }

@media (max-width: 999px) { .features { margin-left: 0; } }

.features__link { position: absolute; top: 0; left: -32px; }

@media (max-width: 999px) { .features__link { height: 90%; } }

.features__item { width: 33.4vw; padding-left: 32px; }

@media (max-width: 999px) { .features__item { width: 100%; padding-left: 10px; } }

.features__item:not(:first-child) { margin-top: 80px; }

.features__heading { font-weight: 500; font-size: 2.25rem; line-height: 116.6%; letter-spacing: -0.03em; color: #121212; }

.features__text { font-weight: normal; font-size: 1.25rem; line-height: 150%; color: #121212; opacity: 0.6; margin-top: 16px; }

.subscription__label { position: relative; display: block; min-height: 55px; }

.subscription__input { font-size: 1.25rem; line-height: 150%; font-weight: normal; color: rgba(0, 0, 0, 0.75); position: absolute; top: 0; left: 0; border: 1px solid rgba(18, 18, 18, 0.3); border-radius: 10px; width: 100%; padding: 13px 16px; }

@media (max-width: 600px) { .subscription__input { font-size: 1.125rem; } }

@media (max-width: 425px) { .subscription__input { font-size: 0.875rem; } }

.subscription__btn { font-family: "Neue Haas Grotesk Display Pro 65 Medium"; font-style: normal; font-weight: normal; font-size: 1rem; line-height: 100%; letter-spacing: 0.2em; text-transform: uppercase; position: absolute; top: 0; right: 0; padding: 21px 52px; color: #ffffff; background-color: #121212; border: 0; border-radius: 0px 10px 10px 0px; cursor: pointer; }

@media (max-width: 600px) { .subscription__btn { padding: 20px 32px; font-size: 0.875rem; } }

@media (max-width: 425px) { .subscription__btn { padding: 17px 22px; font-size: 0.875rem; } }

.socials { margin-top: 32px; }

.socials__item:not(:last-child) { margin-right: 24px; }

@media (max-width: 999px) { .socials__item:not(:last-child) { margin-right: 8px; } }

.footer-menu:not(:last-child) { margin-right: 132px; }

@media (max-width: 1439px) { .footer-menu:not(:last-child) { margin-right: 60px; } }

@media (max-width: 1200px) { .footer-menu:not(:last-child) { margin-right: 30px; } }

@media (max-width: 999px) { .footer-menu { margin-right: 0; margin-top: 50px; text-align: center; } }

.footer-menu__heading { font-style: normal; font-weight: 500; font-size: 1.5rem; line-height: 150%; color: #121212; margin-bottom: 32px; }

.footer-menu__item:not(:first-child) { margin-top: 24px; }

@media (max-width: 999px) { .footer-menu__item:not(:first-child) { margin-top: 16px; } }

.footer-menu__link { font-weight: normal; font-size: 1.125rem; line-height: 165.4%; letter-spacing: 0.02em; color: #121212; }

.footer-menu:not(:last-child) { margin-right: 132px; }

@media (max-width: 1439px) { .footer-menu:not(:last-child) { margin-right: 60px; } }

@media (max-width: 1200px) { .footer-menu:not(:last-child) { margin-right: 30px; } }

@media (max-width: 999px) { .footer-menu { margin-right: 0; margin-top: 50px; text-align: center; } }

.footer-menu__heading { font-style: normal; font-weight: 500; font-size: 1.5rem; line-height: 150%; color: #121212; margin-bottom: 32px; }

.footer-menu__item:not(:first-child) { margin-top: 24px; }

@media (max-width: 999px) { .footer-menu__item:not(:first-child) { margin-top: 16px; } }

.footer-menu__link { font-weight: normal; font-size: 1.125rem; line-height: 165.4%; letter-spacing: 0.02em; color: #121212; }

text { font-family: "DM Sans", sans-serif; font-style: normal; font-weight: normal; font-size: 20px; line-height: 150%; }

.fans2-svg { width: 100%; height: 100%; }

.fans2-svg text { font-weight: normal; font-size: 18px; line-height: 150%; fill: #000000; }

.chat-svg { transform: translateY(500px); }

/*# sourceMappingURL=main.css.map */