:root {
  --greys--black: black;
  --labels--tertiary: #3c3c4399;
  --labels--primary: #131316;
  --labels--secondary: #26262be6;
  --labels--dm--secondary: #f7f7f8e6;
  --4dp: 4px;
  --colors--primaryaccent: #5061ff1a;
  --colors--primary: #5061ff;
  --networks--mastodonaccent: #6364fe1a;
  --networks--mastodon: #6364fe;
  --networks--dm--mastodonaccent: #6263fe1a;
  --networks--dm--mastodon: #6263fe;
  --networks--blueskyaccent: #1185fe1a;
  --networks--bluesky: #1185fe;
  --networks--dm--blueskyaccent: #258ffe1a;
  --networks--dm--bluesky: #258ffe;
  --networks--nostraccent: #800df21a;
  --networks--nostr: #800df2;
  --networks--dm--nostraccent: #b36ef71a;
  --networks--dm--nostr: #b36ef7;
  --networks--threadsaccent: #1515151a;
  --networks--threads: #151515;
  --networks--dm--threadsaccent: #dedede1a;
  --networks--dm--threads: #dedede;
  --colors--dm--primaryaccent: #6675ff1a;
  --colors--dm--primary: #6675ff;
  --12dp: 12px;
  --8dp: 8px;
  --separators--transparent: #b3b3c25c;
  --background--primary: #fcfcfd;
  --background--secondary: #f3f3f6;
  --labels--quaternary: #3c3c434d;
  --16dp: 16px;
  --80: 80px;
  --32p: 32px;
  --greys--white: white;
  --labels--dm--primary: #f9f9fb;
  --fills--quaternary: #6d6d8714;
  --fills--dm--quaternary: #6d6d872e;
  --labels--dm--tertiary: #ebebf599;
  --background--dm--primary: #1a1a20;
  --48dp: 48px;
  --separators--dm--opaque: #3a3a45;
  --separators--dm--transparent: #b9b9c61f;
  --labels--dm--quaternary: #ebebf54d;
  --24dp: 24px;
  --separators--opaque: #e0e0e6;
  --60dp: 60px;
  --background--tertiary: #fcfcfd;
  --background--dm--tertiary: #363640;
  --background--dm--secondary: #272730;
  --labels--quinary: #3c3c432e;
  --labels--dm--quinary: #ebebf52e;
}

.w-layout-vflex {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.w-layout-hflex {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.w-layout-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

@media screen and (max-width: 991px) {
  .w-layout-blockcontainer {
    max-width: 728px;
  }
}

@media screen and (max-width: 767px) {
  .w-layout-blockcontainer {
    max-width: none;
  }
}

body {
  background-color: var(--greys--black);
  color: #333;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

h1 {
  margin-top: 16px;
  margin-bottom: 4px;
  font-size: 34px;
  font-weight: 900;
  line-height: 44px;
}

h2 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 32px;
  font-weight: 900;
  line-height: 36px;
}

h3 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 900;
  line-height: 30px;
}

h4 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: 900;
  line-height: 24px;
}

h5 {
  margin-top: 32px;
  margin-bottom: 16px;
  font-size: 17px;
  font-weight: 800;
  line-height: 22px;
}

h6 {
  color: var(--labels--tertiary);
  margin-top: 8px;
  margin-bottom: 32px;
  font-size: 15px;
  font-weight: 400;
  line-height: 130%;
}

p {
  margin-bottom: 16px;
  font-size: 17px;
  line-height: 22px;
}

a {
  color: var(--labels--primary);
  text-decoration: underline;
}

li {
  font-size: 17px;
  line-height: 22px;
}

strong {
  font-size: 17px;
  font-weight: 700;
  line-height: 22px;
}

sub {
  color: var(--labels--tertiary);
  vertical-align: sub;
  font-size: 15px;
  line-height: 130%;
}

.body {
  color: var(--labels--secondary);
  height: 100%;
  font-family: Iawriterquattros, sans-serif;
  font-weight: 400;
}

.hero-sec {
  color: var(--labels--dm--secondary);
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 200vh;
  display: flex;
  position: relative;
}

.hero-explanation {
  grid-column-gap: var(--4dp);
  grid-row-gap: var(--4dp);
  text-align: center;
  align-items: center;
  width: 100%;
  max-width: 980px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 60px;
  position: absolute;
  inset: auto 0% 0%;
}

.text-block {
  line-height: 20px;
}

.networklabel {
  padding-right: var(--4dp);
  padding-left: var(--4dp);
  border-radius: var(--4dp);
  background-color: var(--colors--primaryaccent);
  color: var(--colors--primary);
  font-family: Nunito, sans-serif;
}

.networklabel.mastodon {
  background-color: var(--networks--mastodonaccent);
  color: var(--networks--mastodon);
}

.networklabel.mastodon.dark {
  background-color: var(--networks--dm--mastodonaccent);
  color: var(--networks--dm--mastodon);
}

.networklabel.bluesky {
  background-color: var(--networks--blueskyaccent);
  color: var(--networks--bluesky);
}

.networklabel.bluesky.dark {
  background-color: var(--networks--dm--blueskyaccent);
  color: var(--networks--dm--bluesky);
}

.networklabel.nostr {
  background-color: var(--networks--nostraccent);
  color: var(--networks--nostr);
}

.networklabel.nostr.dark {
  background-color: var(--networks--dm--nostraccent);
  color: var(--networks--dm--nostr);
}

.networklabel.threads {
  background-color: var(--networks--threadsaccent);
  color: var(--networks--threads);
}

.networklabel.threads.dark {
  background-color: var(--networks--dm--threadsaccent);
  color: var(--networks--dm--threads);
}

.networklabel.dark {
  background-color: var(--colors--dm--primaryaccent);
  color: var(--colors--dm--primary);
}

.networks-wrap {
  padding-top: var(--12dp);
  grid-column-gap: var(--8dp);
  grid-row-gap: var(--8dp);
}

.subpage-container {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-direction: column;
  align-items: center;
  max-width: 560px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.navigation {
  z-index: 5;
  border-bottom: 1px solid var(--separators--transparent);
  justify-content: space-between;
  align-items: center;
  width: 980px;
  height: 60px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: absolute;
}

.primary-large-title {
  letter-spacing: -.4px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Nunito, sans-serif;
  font-size: 34px;
  font-weight: 900;
  line-height: 120%;
}

.subheadlineregular {
  color: var(--labels--secondary);
  font-size: 15px;
  font-weight: 300;
}

.subheadlineregular.tertiary {
  color: var(--labels--tertiary);
}

.form {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  display: flex;
}

.form-block {
  width: 400px;
}

.form-block.footer {
  width: 100%;
}

.text-field {
  border-radius: var(--12dp);
  background-color: var(--background--primary);
  color: var(--colors--primary);
  border: 1px #000;
  height: 48px;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 16px;
  font-size: 17px;
  font-weight: 300;
  line-height: 22px;
}

.text-field.footer {
  background-color: var(--background--secondary);
}

.text-field.footer::placeholder {
  color: var(--labels--quaternary);
}

.footer-section {
  padding-bottom: var(--16dp);
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  background-color: var(--background--primary);
  color: var(--labels--tertiary);
  flex-direction: column;
  width: 100%;
  font-family: Nunito, sans-serif;
  font-weight: 300;
  display: flex;
}

.caption1regular {
  grid-column-gap: var(--80);
  grid-row-gap: var(--80);
  text-align: center;
  flex-direction: column;
  align-items: center;
  font-size: 12px;
  font-weight: 300;
  line-height: 16px;
  display: flex;
}

.footer-horizontal-wrap {
  padding-top: var(--32p);
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  border-top: 1px solid var(--separators--transparent);
  grid-template-rows: auto;
  grid-template-columns: 2fr 1fr 1fr 2fr;
  grid-auto-columns: 1fr;
  width: 100%;
  max-width: 980px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 0;
  display: grid;
}

.footer-company-div {
  grid-column-gap: var(--16dp);
  grid-row-gap: var(--16dp);
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.footer-expanded {
  grid-column-gap: var(--16dp);
  grid-row-gap: var(--16dp);
  flex-direction: column;
  flex: 1;
  display: flex;
}

.footer-subscribe-div {
  grid-column-gap: var(--16dp);
  grid-row-gap: var(--16dp);
  flex-direction: column;
  display: flex;
}

.div-block-6 {
  height: 24px;
}

.bodyregular {
  font-size: 17px;
  line-height: 134%;
  text-decoration: none;
}

.footer-wrap {
  grid-column-gap: var(--8dp);
  grid-row-gap: var(--8dp);
  flex-direction: column;
  display: flex;
}

.bodyunderlined {
  font-size: 17px;
  line-height: 134%;
  text-decoration: underline;
}

.bodyemphasized {
  font-size: 17px;
  font-weight: 700;
  line-height: 22px;
}

.bodyemphasized.labelsprimary {
  color: var(--labels--primary);
}

.success {
  background-color: var(--colors--primaryaccent);
  color: var(--colors--primary);
  border-radius: 12px;
  padding-top: 14px;
  padding-bottom: 14px;
  font-weight: 300;
}

.success.footer {
  color: var(--colors--dm--primary);
}

.error {
  border-radius: var(--12dp);
  color: var(--labels--primary);
  text-align: center;
}

.footer-link {
  color: var(--labels--tertiary);
  text-decoration: none;
  transition: opacity .1s ease-in-out;
}

.footer-link:hover {
  opacity: .75;
}

.text-container {
  padding-top: 60px;
  padding-bottom: 60px;
}

.subpage-section {
  padding: 76px var(--16dp);
  width: 100%;
}

.header {
  padding-top: var(--32p);
  padding-bottom: var(--16dp);
  grid-column-gap: var(--4dp);
  grid-row-gap: var(--4dp);
  flex-direction: column;
  width: 100%;
  display: flex;
}

.buttons-wrap {
  padding-top: var(--16dp);
  padding-bottom: var(--16dp);
  grid-column-gap: var(--8dp);
  grid-row-gap: var(--8dp);
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.bezeledicontextbuttonlargerounded {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  background-color: var(--colors--primaryaccent);
  color: var(--colors--primary);
  text-align: center;
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  height: 40px;
  padding: 0 16px 0 12px;
  font-size: 15px;
  text-decoration: none;
  transition: opacity .1s cubic-bezier(.645, .045, .355, 1);
  display: flex;
}

.bezeledicontextbuttonlargerounded:hover {
  opacity: .75;
}

.lightbox-link {
  text-decoration: none;
}

.filledicontextbuttonlargerounded {
  padding: 0px var(--16dp) 0px 12px;
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  background-color: var(--colors--primary);
  color: var(--greys--white);
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  height: 40px;
  font-size: 15px;
  transition: opacity .1s ease-in-out;
  display: flex;
}

.filledicontextbuttonlargerounded:hover {
  opacity: .75;
}

.borderlessbuttonsmallrounded {
  color: var(--labels--primary);
  text-align: center;
  background-color: #fff0;
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  height: 28px;
  padding: 0 10px;
  font-family: Nunito, sans-serif;
  font-size: 15px;
  font-weight: 300;
  line-height: 120%;
  transition: opacity .1s cubic-bezier(.645, .045, .355, 1);
  display: flex;
}

.borderlessbuttonsmallrounded:hover {
  opacity: .75;
}

.borderlessbuttonsmallrounded.dark {
  color: var(--labels--dm--primary);
}

.navigation-menu {
  grid-column-gap: var(--8dp);
  grid-row-gap: var(--8dp);
  flex-flow: row;
  flex: 1;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.bezeledgreybuttonsmallrounded {
  background-color: var(--fills--quaternary);
  color: var(--colors--primary);
  text-align: center;
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  height: 28px;
  padding: 0 10px;
  font-family: Nunito, sans-serif;
  font-size: 15px;
  font-weight: 300;
  transition: opacity .1s cubic-bezier(.645, .045, .355, 1);
  display: flex;
}

.bezeledgreybuttonsmallrounded:hover {
  opacity: .75;
}

.bezeledgreybuttonsmallrounded.dark {
  background-color: var(--fills--dm--quaternary);
  color: var(--colors--dm--primary);
}

.body-subpages {
  background-color: var(--background--primary);
  color: var(--labels--primary);
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  font-family: Nunito, sans-serif;
  display: flex;
}

.secondary-title-1-regular {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 28px;
  font-weight: 400;
  line-height: 134%;
}

.secondary-title-1-regular.labelstertiarydm {
  color: var(--labels--dm--tertiary);
}

.sticky-hero-dev {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 980px;
  height: 100vh;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: sticky;
  top: 0;
}

.social-media-sec {
  color: var(--labels--dm--secondary);
  text-align: left;
  overflow: hidden;
}

.overlay-div {
  z-index: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 980px;
  height: 100vh;
  display: flex;
  position: relative;
}

.mobile-div {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
  overflow: hidden;
}

.phone-frame {
  z-index: 2;
  position: relative;
}

.phone-background-div {
  background-color: var(--background--dm--primary);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 276px;
  height: 502px;
  display: flex;
  position: absolute;
  top: 56px;
  overflow: hidden;
}

.mobile-fade {
  z-index: 3;
  background-image: linear-gradient(0deg, #000, #0000 60%);
  position: absolute;
  inset: 0%;
}

.main-container {
  padding-bottom: var(--80);
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 980px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.main-container.min-height {
  min-height: 600px;
}

.main-container.centered {
  justify-content: flex-start;
  align-items: center;
}

.main-container.landscape {
  display: none;
}

.primary-display {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Nunito, sans-serif;
  font-size: 100px;
  font-weight: 900;
  line-height: 108%;
}

.primary-display.labelsprimarydm {
  color: var(--labels--dm--primary);
}

.primary-display.labelsprimary {
  color: var(--labels--primary);
}

.separator {
  background-color: var(--separators--transparent);
  width: 100%;
  height: 1px;
}

.separator.separatordm {
  background-color: var(--separators--dm--opaque);
}

.secondary-extra-large {
  margin-bottom: 0;
  font-size: 44px;
  line-height: 134%;
}

.track-horizontal-wrap {
  grid-column-gap: var(--12dp);
  grid-row-gap: var(--12dp);
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.carousel-card {
  padding: var(--16dp);
  grid-column-gap: var(--8dp);
  grid-row-gap: var(--8dp);
  aspect-ratio: 5 / 4;
  border: 1px solid var(--separators--dm--transparent);
  border-radius: var(--12dp);
  background-color: var(--background--dm--primary);
  color: var(--labels--dm--quaternary);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 314.667px;
  height: 251.727px;
  display: flex;
}

.carousel {
  padding-top: var(--32p);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 316px;
  display: flex;
  position: relative;
}

.html-embed {
  display: none;
}

.two-columns {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 2fr;
  width: 100%;
  display: grid;
}

.grid-div {
  grid-column-gap: var(--24dp);
  grid-row-gap: var(--24dp);
  text-align: left;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  height: 100vh;
  display: flex;
}

.column-sticky-wrap {
  width: 100%;
  height: 100%;
  position: relative;
}

.sticky-column-cell {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 100vh;
  position: sticky;
  top: 0;
}

.explanation-sec, .where-sec {
  color: var(--labels--dm--secondary);
}

.openvibe-container {
  grid-column-gap: 140px;
  grid-row-gap: 140px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 980px;
  height: 100vh;
  min-height: 1080px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.color-emphasized {
  color: var(--colors--primary);
}

.openvibe-sec {
  background-color: var(--background--primary);
}

.explanation-wrap {
  grid-column-gap: 44px;
  grid-row-gap: 44px;
  text-align: center;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  width: 610px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.newera-sec, .extras-sec {
  background-color: var(--background--primary);
}

.secondary-title-2-regular {
  margin-bottom: 0;
  font-size: 22px;
  line-height: 134%;
}

.secondary-title-2-regular.labelstertiary {
  color: var(--labels--tertiary);
}

.extras-wrap {
  grid-column-gap: var(--12dp);
  grid-row-gap: var(--12dp);
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
}

.row-div {
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
}

.download-sec {
  background-color: var(--background--primary);
  text-align: center;
  overflow: hidden;
}

.download-wrap {
  grid-column-gap: var(--16dp);
  grid-row-gap: var(--16dp);
  justify-content: flex-start;
  align-items: center;
  padding-top: 20px;
  padding-bottom: 32px;
}

.screens-wrap {
  justify-content: center;
  align-items: center;
  padding-top: 80px;
}

.bezeledextralargebutton {
  background-color: var(--colors--primaryaccent);
  color: var(--colors--primary);
  border-radius: 12px;
  padding: 0 18px;
  font-family: Nunito, sans-serif;
  font-size: 20px;
  font-weight: 300;
  line-height: 120%;
  transition: opacity .1s cubic-bezier(.645, .045, .355, 1);
}

.bezeledextralargebutton:hover {
  opacity: .75;
}

.text-span {
  color: var(--labels--primary);
}

.phone-container {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.phone-container.landscape {
  display: none;
}

.bluesky-bubble-div {
  border-radius: 80px;
  width: 32px;
  position: relative;
  top: 20px;
  left: -114px;
}

._7-bluesky-text {
  position: absolute;
  inset: 0%;
}

._7-bluesky-avatar {
  display: inline-block;
  position: absolute;
  inset: 0%;
}

.phone-wrap {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  min-height: 1080px;
  display: flex;
  position: sticky;
  top: 0;
}

.bubble-phone {
  height: 800px;
  position: relative;
  top: -14px;
}

.nostr-bubble-div {
  border-radius: 80px;
  width: 32px;
  position: relative;
  top: -87px;
  left: -114px;
}

._7-nostr-text {
  position: absolute;
  inset: 0%;
}

._7-nostr-avatar {
  display: inline-block;
  position: absolute;
  inset: 0%;
}

.mastodon-bubble-div {
  border-radius: 80px;
  width: 32px;
  position: relative;
  top: 104px;
  left: -114px;
}

.threads-bubble-div {
  border-radius: 80px;
  width: 32px;
  position: relative;
  top: -33px;
  left: -114px;
}

._7-threads-text {
  position: absolute;
  inset: 0%;
}

._7-threads-avatar {
  display: inline-block;
  position: absolute;
  inset: 0%;
}

._7-mastodon-text {
  position: absolute;
  inset: 0%;
}

._7-mastodon-avatar {
  display: inline-block;
  position: absolute;
  inset: 0%;
}

.networks-bubble {
  width: 100px;
}

.network-profiles-wrap {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

._5-bluesky {
  position: relative;
  top: -29px;
}

._5-threads {
  position: relative;
  top: 23px;
}

._5-mastodon {
  position: relative;
  top: -79px;
}

._5-nostr {
  position: relative;
  top: 5px;
}

.news-logo-wrap {
  flex-flow: column;
  flex: 1;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.secondary-caption1-regular {
  letter-spacing: -.4px;
  font-size: 12px;
  font-weight: 400;
  line-height: 120%;
}

.primary-title2-regular {
  font-family: Nunito, sans-serif;
  font-size: 22px;
  font-weight: 900;
  line-height: 134%;
}

.primary-title2-regular.labels-teritiary-dm {
  color: var(--labels--dm--tertiary);
}

.carousel-link-wrap {
  text-decoration: none;
  transition: opacity .1s ease-in-out;
}

.carousel-link-wrap:hover {
  opacity: .75;
}

.track-horizontal {
  grid-column-gap: var(--12dp);
  grid-row-gap: var(--12dp);
  display: flex;
}

.openvibe-absolute-wrap {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
}

.floating-animation-div {
  z-index: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  min-height: 1080px;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.phone-offset {
  height: 628px;
}

.bubble-pill-image {
  max-width: 80%;
}

.network-bubbles-wrap {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: center;
  align-items: center;
  position: absolute;
  inset: 0%;
}

.icon {
  width: 36px;
}

.dw {
  width: 84.5px;
}

.bbc {
  width: 168px;
}

.cybernews {
  width: 208.5px;
}

.verge {
  width: 208px;
}

.nbc {
  width: 64px;
}

.npr {
  width: 147.5px;
}

.newyorktimes {
  width: 208.5px;
}

.guardian {
  width: 146.5px;
}

.hill {
  width: 80.5px;
}

.image-2 {
  width: 208.5px;
}

.download-image {
  height: 52px;
}

.deck-thumbnail {
  border: 1px solid var(--separators--transparent);
  border-radius: 8px;
}

.galery-image {
  outline-color: var(--separators--transparent);
  outline-offset: -1px;
  border-radius: 8px;
  outline-width: 1px;
  outline-style: solid;
}

.column-16 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.text-group-wrap {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  padding-top: 16px;
  padding-bottom: 16px;
  display: flex;
}

.header-wrap {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-flow: column;
  padding-top: 16px;
  padding-bottom: 16px;
  display: flex;
}

.column-32 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.heading {
  margin-bottom: 32px;
}

.bezeledbuttonsmallrounded {
  background-color: var(--colors--dm--primaryaccent);
  color: var(--colors--primary);
  text-align: center;
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  height: 28px;
  padding: 0 10px;
  font-family: Nunito, sans-serif;
  font-size: 15px;
  font-weight: 300;
  transition: opacity .1s cubic-bezier(.645, .045, .355, 1);
  display: flex;
}

.bezeledbuttonsmallrounded:hover {
  opacity: .75;
}

.bezeledbuttonsmallrounded.dark {
  background-color: var(--fills--dm--quaternary);
  color: var(--colors--dm--primary);
}

.filledtextbuttonlargesquared {
  padding: 0px var(--16dp);
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  background-color: var(--colors--primary);
  color: var(--greys--white);
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  height: 40px;
  font-size: 15px;
  transition: opacity .1s ease-in-out;
  display: flex;
}

.filledtextbuttonlargesquared:hover {
  opacity: .75;
}

.column-8 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.column-0 {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.tablecontainer {
  border: 1px solid var(--separators--transparent);
  border-radius: 8px;
  width: 100%;
  padding-left: 24px;
}

.contributorrow {
  grid-column-gap: var(--16dp);
  grid-row-gap: var(--16dp);
  grid-template-rows: auto;
  grid-template-columns: auto 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: stretch;
  padding-top: 24px;
  padding-bottom: 24px;
  display: grid;
  position: relative;
}

.contributorrow.last {
  border-bottom-style: none;
}

.avatar52 {
  background-color: var(--fills--quaternary);
  outline-color: var(--separators--transparent);
  outline-offset: -1px;
  object-fit: contain;
  border-radius: 100px;
  outline-width: 1px;
  outline-style: solid;
  width: 52px;
  height: 52px;
}

.emoji44 {
  font-size: 44px;
  line-height: 100%;
}

.bottomborder {
  background-color: var(--separators--dm--transparent);
  width: 100%;
  height: 1.5px;
  position: absolute;
  inset: auto 0% 0;
}

.downloadsection {
  z-index: 10;
  border-top: 1px solid var(--separators--opaque);
  background-color: var(--background--secondary);
  display: none;
  position: fixed;
  inset: auto 0% 0%;
}

.download-floating-wrap {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: center;
  align-items: center;
  display: flex;
}

@media screen and (max-width: 991px) {
  .hero-sec {
    min-height: 800px;
  }

  .hero-explanation {
    padding-bottom: 0;
    position: relative;
  }

  .navigation {
    z-index: 1;
    width: 700px;
    height: 50px;
  }

  .primary-large-title {
    font-size: 28px;
  }

  .text-field.footer {
    height: 40px;
    padding-left: 12px;
    font-size: 15px;
  }

  .footer-horizontal-wrap {
    grid-template-columns: 2fr 1fr 1fr;
    max-width: 700px;
  }

  .bodyregular, .bodyunderlined, .bodyemphasized {
    font-size: 15px;
  }

  .secondary-title-1-regular {
    font-size: 20px;
  }

  .sticky-hero-dev {
    max-width: 700px;
    min-height: 400px;
  }

  .overlay-div {
    min-height: 400px;
  }

  .phone-frame {
    width: 50vh;
  }

  .phone-background-div {
    width: 44vh;
    height: 74vh;
    top: 8vh;
  }

  .main-container {
    max-width: 700px;
  }

  .primary-display {
    font-size: 78px;
  }

  .secondary-extra-large {
    font-size: 32px;
  }

  .carousel-card {
    width: 236px;
    height: auto;
  }

  .carousel {
    height: 220px;
  }

  .openvibe-container {
    min-height: 900px;
    padding-top: 0;
    padding-bottom: 0;
  }

  .secondary-title-2-regular {
    font-size: 18px;
  }

  .row-div {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .bezeledextralargebutton {
    padding-left: 14px;
    padding-right: 14px;
    font-size: 16px;
  }

  .phone-container {
    max-width: 700px;
  }

  .phone-wrap {
    min-height: 900px;
  }

  .networks-bubble {
    width: 80px;
  }

  ._5-bluesky {
    width: 60px;
    top: -53px;
  }

  ._5-threads {
    width: 60px;
    top: 52px;
  }

  ._5-mastodon {
    width: 60px;
    top: -110px;
  }

  ._5-nostr {
    width: 60px;
    top: 27px;
  }

  .secondary-caption1-regular {
    font-size: 11px;
  }

  .primary-title2-regular {
    font-size: 15px;
  }

  .floating-animation-div {
    min-height: 900px;
  }

  .openvibe-logo {
    max-width: 50vw;
  }

  .download-screens {
    width: 24vw;
  }

  .bubble-pill-image {
    max-width: 70%;
  }

  .icon {
    width: 32px;
  }

  .dw {
    width: 63.375px;
  }

  .bbc {
    width: 126px;
  }

  .cybernews {
    width: 156.375px;
  }

  .verge {
    width: 156px;
  }

  .nbc {
    width: 48px;
  }

  .npr {
    width: 110.625px;
  }

  .newyorktimes {
    width: 156.375px;
  }

  .guardian {
    width: 109.875px;
  }

  .hill {
    width: 60.375px;
  }

  .image-2 {
    width: 156.375px;
  }

  .download-image.bottom {
    height: 36px;
  }

  .downloadsection {
    padding-top: 8px;
    padding-bottom: 8px;
    display: block;
  }
}

@media screen and (max-width: 767px) {
  .hero-sec {
    min-height: 800px;
  }

  .hero-explanation {
    position: relative;
  }

  .text-block {
    font-size: 10px;
    line-height: 14px;
  }

  .navigation {
    padding-right: var(--12dp);
    padding-left: var(--12dp);
    width: 100%;
    height: 44px;
  }

  .primary-large-title {
    font-size: 20px;
  }

  .text-field.footer {
    height: 38px;
    font-size: 14px;
  }

  .footer-section {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
  }

  .footer-horizontal-wrap {
    flex-direction: column;
    max-width: 448px;
  }

  .footer-company-div, .footer-subscribe-div {
    width: 100%;
  }

  .bodyregular, .bodyunderlined, .bodyemphasized {
    font-size: 14px;
  }

  .borderlessbuttonsmallrounded {
    font-size: 13px;
  }

  .secondary-title-1-regular {
    font-size: 16px;
  }

  .sticky-hero-dev {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    max-width: 448px;
    min-height: 400px;
    position: relative;
  }

  .overlay-div {
    max-width: 448px;
    min-height: 400px;
  }

  .phone-frame {
    width: 200px;
  }

  .phone-background-div {
    width: 176px;
    height: 350px;
    top: 35px;
  }

  .main-container {
    padding-bottom: var(--48dp);
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    max-width: 448px;
  }

  .main-container.min-height {
    min-height: 400px;
  }

  .main-container.desktop-tablet {
    display: none;
  }

  .main-container.landscape {
    display: flex;
  }

  .primary-display {
    font-size: 48px;
  }

  .secondary-extra-large {
    font-size: 24px;
  }

  .carousel-card {
    width: 194px;
  }

  .carousel {
    height: 188px;
  }

  .openvibe-container {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    max-width: 448px;
    min-height: 520px;
  }

  .openvibe-sec {
    overflow: hidden;
  }

  .explanation-wrap {
    width: 100%;
  }

  .secondary-title-2-regular.labelstertiary {
    font-size: 14px;
  }

  .extras-wrap {
    grid-column-gap: var(--8dp);
    grid-row-gap: var(--8dp);
  }

  .bezeledextralargebutton {
    font-size: 14px;
  }

  .phone-container {
    display: none;
  }

  .phone-container.landscape {
    display: flex;
  }

  .bluesky-bubble-div {
    width: 16px;
    height: 16px;
    top: -53px;
    left: -58px;
  }

  ._7-bluesky-avatar {
    z-index: 1;
  }

  ._7-bluesky-background {
    position: absolute;
  }

  .phone-wrap {
    justify-content: flex-start;
    align-items: center;
    max-width: 448px;
    height: 380px;
    min-height: auto;
  }

  .bubble-phone {
    height: 400px;
    top: -8px;
  }

  .nostr-bubble-div {
    width: 16px;
    height: 16px;
    top: -109px;
    left: -58px;
  }

  ._7-nostr-avatar {
    z-index: 1;
  }

  ._7-nostr-background {
    position: absolute;
  }

  .mastodon-bubble-div {
    width: 16px;
    height: 16px;
    top: -15px;
    left: -58px;
  }

  .threads-bubble-div {
    width: 16px;
    height: 16px;
    top: -82px;
    left: -58px;
  }

  ._7-threads-avatar {
    z-index: 1;
  }

  ._7-threads-background {
    position: absolute;
  }

  ._7-mastodon-avatar {
    z-index: 1;
    width: 100%;
  }

  ._7-mastodon-background {
    position: absolute;
    inset: 0%;
  }

  .networks-bubble {
    width: 50px;
  }

  .network-profiles-wrap {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  ._5-bluesky {
    width: 40px;
    top: -24px;
  }

  ._5-threads {
    width: 40px;
    top: 20px;
  }

  ._5-mastodon {
    width: 40px;
    top: -10px;
  }

  ._5-nostr {
    width: 40px;
    top: 10px;
  }

  .secondary-caption1-regular {
    font-size: 10px;
  }

  .primary-title2-regular {
    font-size: 14px;
  }

  .primary-title2-regular.labels-teritiary-dm {
    font-size: 12px;
  }

  .floating-animation-div {
    height: 320px;
    min-height: auto;
    position: absolute;
    inset: auto 0% 0%;
    overflow: visible;
  }

  .phone-offset {
    height: 100%;
  }

  .network-bubbles-wrap {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
  }

  .image {
    width: 60px;
  }

  .icon {
    width: 26px;
  }

  .dw {
    width: 31.6875px;
  }

  .bbc {
    width: 63px;
  }

  .cybernews {
    width: 78.1875px;
  }

  .verge {
    width: 78px;
  }

  .nbc {
    width: 24px;
  }

  .npr {
    width: 55.3125px;
  }

  .newyorktimes {
    width: 78.1875px;
  }

  .guardian {
    width: 54.9375px;
  }

  .hill {
    width: 30.1875px;
  }

  .image-2 {
    width: 78.1875px;
  }

  .download-image {
    height: 38px;
  }
}

@media screen and (max-width: 479px) {
  .hero-sec {
    min-height: 1040px;
    padding-left: 8px;
    padding-right: 8px;
  }

  .primary-large-title {
    font-size: 18px;
  }

  .form-block {
    width: 100%;
  }

  .footer-section {
    padding-left: 8px;
    padding-right: 8px;
  }

  .footer-horizontal-wrap {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    justify-content: flex-start;
    align-items: stretch;
    max-width: 320px;
    display: flex;
  }

  .buttons-wrap {
    flex-direction: column;
    align-items: center;
  }

  .navigation-menu {
    grid-column-gap: var(--4dp);
    grid-row-gap: var(--4dp);
  }

  .secondary-title-1-regular.labelstertiarydm {
    font-size: 14px;
  }

  .sticky-hero-dev {
    max-width: 320px;
    min-height: 520px;
    position: sticky;
  }

  .social-media-sec {
    padding-left: 8px;
    padding-right: 8px;
  }

  .overlay-div {
    min-height: 520px;
  }

  .phone-frame {
    width: 260px;
  }

  .phone-background-div {
    width: 231px;
    height: 450px;
  }

  .main-container {
    max-width: 320px;
  }

  .main-container.centered {
    justify-content: flex-start;
    align-items: center;
  }

  .primary-display {
    font-size: 34px;
  }

  .secondary-extra-large {
    font-size: 20px;
  }

  .two-columns {
    grid-template-columns: 1fr;
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }

  .grid-div {
    justify-content: center;
    align-items: flex-start;
    padding-bottom: 40vh;
  }

  .column-sticky-wrap {
    height: 300vh;
    position: absolute;
  }

  .sticky-column-cell {
    z-index: 1;
  }

  .explanation-sec, .where-sec {
    padding-left: 8px;
    padding-right: 8px;
  }

  .openvibe-container {
    max-width: 320px;
    height: 100vh;
    min-height: 630px;
  }

  .openvibe-sec {
    overflow: visible;
  }

  .newera-sec, .extras-sec, .download-sec {
    padding-left: 8px;
    padding-right: 8px;
  }

  .screens-wrap {
    flex-flow: wrap;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    align-items: flex-start;
    width: 135vw;
    padding-top: 40px;
  }

  .phone-container {
    padding-left: 8px;
    padding-right: 8px;
    display: flex;
  }

  .phone-container.landscape {
    display: none;
  }

  .bluesky-bubble-div {
    width: 22px;
    height: 22px;
    top: 13px;
    left: -72px;
  }

  .phone-wrap {
    justify-content: center;
    align-items: center;
    height: 100vh;
    min-height: 630px;
  }

  .bubble-phone {
    height: 500px;
  }

  .nostr-bubble-div {
    width: 22px;
    height: 22px;
    top: -50px;
    left: -72px;
  }

  .mastodon-bubble-div {
    width: 22px;
    height: 22px;
    top: 64px;
    left: -72px;
  }

  .threads-bubble-div {
    width: 22px;
    height: 22px;
    top: -18px;
    left: -72px;
  }

  .networks-bubble {
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
    border-radius: 100px;
  }

  .network-profiles-wrap {
    padding-top: 40vh;
  }

  .floating-animation-div {
    height: 100vh;
    min-height: 630px;
    position: sticky;
    top: 0;
    overflow: hidden;
  }

  .phone-offset {
    height: 394px;
  }

  .openvibe-logo {
    max-width: 80%;
  }

  .download-screens {
    width: 33%;
  }

  .network-bubbles-wrap {
    padding-top: 40vh;
  }
}

#w-node-_115d51ed-de0c-88bf-870b-3027343f51be-29f9614d {
  grid-area: 1 / 2 / 4 / 3;
}

#w-node-_115d51ed-de0c-88bf-870b-3027343f51c6-29f9614d {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_115d51ed-de0c-88bf-870b-3027343f51b8-29f9614d {
  grid-area: 2 / 1 / 3 / 2;
}

#w-node-_115d51ed-de0c-88bf-870b-3027343f51c0-29f9614d {
  grid-area: 3 / 1 / 4 / 2;
}

#w-node-_4fcbdf74-44cb-2630-cf56-108edac7f2bd-29f9614d {
  grid-area: 1 / 2 / 4 / 3;
}

#w-node-_4fcbdf74-44cb-2630-cf56-108edac7f2df-29f9614d {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_4fcbdf74-44cb-2630-cf56-108edac7f2e5-29f9614d {
  grid-area: 2 / 1 / 3 / 2;
}

#w-node-_4fcbdf74-44cb-2630-cf56-108edac7f2eb-29f9614d {
  grid-area: 3 / 1 / 4 / 2;
}

@media screen and (max-width: 767px) {
  #w-node-bd684daa-dfee-d768-f247-78e2d504984a-d5049829 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }
}


@font-face {
  font-family: 'Iawriterquattros';
  src: url('../fonts/iAWriterQuattroS-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Iawriterquattros';
  src: url('../fonts/iAWriterQuattroS-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}