.gd-page {
  color: #1c1a1b;
  background-color: #1c1a1b;
  font-family: DM Sans, sans-serif;
  font-size: 17px;
  line-height: 1.5;
}

.gd-topbar {
  color: #f1ece4;
  justify-content: space-between;
  align-items: center;
  padding: 13px 5vw;
  font-size: 14px;
  line-height: 1.2;
  display: flex;
}

.gd-topbar-socials {
  gap: 8px 22px;
  display: flex;
}

.gd-topbar-links {
  gap: 8px 28px;
  display: flex;
}

.gd-topbar-link {
  color: #f1ece4;
  text-decoration: none;
  transition: color .2s;
}

.gd-topbar-link:hover {
  color: #eaf04b;
}

.gd-main {
  background-color: #f1ece4;
  border-top-left-radius: 24px;
  border-top-right-radius: 24px;
  position: relative;
}

.gd-nav-wrap {
  z-index: 20;
  padding-left: 5vw;
  padding-right: 5vw;
  position: relative;
}

.gd-nav {
  border-bottom: 2px solid #1c1a1b;
  grid-template-rows: auto;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  column-gap: 24px;
  padding-top: 26px;
  padding-bottom: 26px;
  display: grid;
}

.gd-nav-left {
  align-items: center;
  gap: 10px 34px;
  display: flex;
}

.gd-nav-right {
  justify-content: flex-end;
  align-items: center;
  gap: 10px 28px;
  display: flex;
}

.gd-nav-link {
  color: #1c1a1b;
  letter-spacing: .01em;
  text-transform: uppercase;
  font-family: Anton, sans-serif;
  font-size: 20px;
  line-height: 1;
  text-decoration: none;
  transition: color .2s;
}

.gd-nav-link:hover {
  color: #2b5cff;
}

.gd-logo {
  z-index: 3;
  flex-direction: column;
  align-items: center;
  margin-top: -14px;
  margin-bottom: -44px;
  text-decoration: none;
  transition: transform .3s;
  display: flex;
  position: relative;
  transform: rotate(-7deg);
}

.gd-logo:hover {
  transform: rotate(5deg)scale(1.06);
}

.gd-logo-word {
  z-index: 1;
  color: #fff;
  letter-spacing: .02em;
  text-transform: uppercase;
  background-color: #1c1a1b;
  border: 3px solid #2b5cff;
  border-radius: 10px;
  margin-right: 14px;
  padding: 3px 12px 5px;
  font-family: Anton, sans-serif;
  font-size: 36px;
  line-height: 1;
  position: relative;
}

.gd-logo-word.gd-logo-word-b {
  z-index: 2;
  margin-top: -6px;
  margin-left: 22px;
  margin-right: 0;
}

.gd-logo-tab {
  z-index: 4;
  color: #fff;
  background-color: #1c1a1b;
  border: 2px solid #2b5cff;
  border-radius: 8px;
  align-self: flex-start;
  margin-bottom: -7px;
  margin-left: -4px;
  padding: 1px 8px 2px;
  font-family: DM Sans, sans-serif;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.2;
  position: relative;
}

.gd-logo-tab.gd-logo-tab-b {
  align-self: flex-end;
  margin: -7px -4px 0 0;
}

.gd-btn {
  color: #1c1a1b;
  text-align: center;
  letter-spacing: .01em;
  text-transform: uppercase;
  background-color: #f1ece4;
  border: 2px solid #1c1a1b;
  border-radius: 999px;
  padding: 13px 24px 14px;
  font-family: Anton, sans-serif;
  font-size: 20px;
  line-height: 1;
  text-decoration: none;
  transition: transform .2s, box-shadow .2s, background-color .2s;
  display: inline-block;
}

.gd-btn:hover {
  transform: translate(-3px, -3px);
  box-shadow: 4px 4px #1c1a1b;
}

.gd-btn.gd-is-pink {
  background-color: #7fa7ff;
}

.gd-btn.gd-is-lime {
  background-color: #eaf04b;
}

.gd-btn.gd-is-ink {
  color: #f1ece4;
  background-color: #1c1a1b;
}

.gd-btn.gd-is-small {
  padding: 9px 16px 10px;
  font-size: 14px;
}

.gd-hero {
  padding: 5.4vw 5vw 6vw;
  position: relative;
}

.gd-hero-top {
  align-items: center;
  gap: 4vw 3vw;
  margin-bottom: 2.4vw;
  display: flex;
}

.gd-h1 {
  color: #1c1a1b;
  letter-spacing: -.005em;
  text-transform: uppercase;
  white-space: nowrap;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Anton, sans-serif;
  font-size: 12.6vw;
  font-weight: 400;
  line-height: .98;
}

.gd-h1.gd-h1-b {
  letter-spacing: -.005em;
}

.gd-hero-pill {
  cursor: pointer;
  background-color: #1c1a1b;
  border-radius: 1.4vw;
  flex: 0 auto;
  justify-content: space-between;
  align-items: center;
  column-gap: 2.6vw;
  min-width: 0;
  height: 10.4vw;
  margin-left: auto;
  padding-left: 3vw;
  padding-right: 1.4vw;
  transition: transform .25s;
  display: flex;
  transform: rotate(-3deg);
  box-shadow: .7vw .7vw #7fa7ff;
}

.gd-hero-pill:hover {
  transform: rotate(0)scale(1.03);
}

.gd-hero-pill-text {
  color: #eaf04b;
  letter-spacing: .04em;
  white-space: nowrap;
  font-family: Anton, sans-serif;
  font-size: 6vw;
  line-height: 1;
}

.gd-ball-badge {
  background-color: #7fa7ff;
  border-radius: 50%;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 7.6vw;
  height: 7.6vw;
  display: flex;
}

.gd-ball {
  background-color: #eaf04b;
  border-radius: 50%;
  width: 4.8vw;
  height: 4.8vw;
  position: relative;
}

.gd-ball-dot {
  background-color: #1c1a1b;
  border-radius: 50%;
  width: 13%;
  height: 13%;
  position: absolute;
}

.gd-ball-dot.gd-dot-1 {
  top: 18%;
  left: 28%;
}

.gd-ball-dot.gd-dot-2 {
  top: 22%;
  left: 62%;
}

.gd-ball-dot.gd-dot-3 {
  top: 44%;
  left: 42%;
}

.gd-ball-dot.gd-dot-4 {
  top: 66%;
  left: 22%;
}

.gd-ball-dot.gd-dot-5 {
  top: 64%;
  left: 64%;
}

.gd-hero-media {
  height: 39vw;
  position: relative;
}

.gd-hero-photo {
  background-color: #1c1a1b;
  border-radius: 3vw;
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.gd-cover {
  object-fit: cover;
  width: 100%;
  height: 100%;
  transition: transform .6s;
  display: block;
}

.gd-hero-notch {
  z-index: 2;
  background-color: #f1ece4;
  border-bottom-left-radius: 3vw;
  padding-bottom: 1.4vw;
  padding-left: 2.6vw;
  position: absolute;
  top: -1px;
  right: -1px;
}

.gd-notch-corner {
  border-top-right-radius: 3vw;
  width: 3vw;
  height: 3vw;
  position: absolute;
  box-shadow: 1.5vw -1.5vw #f1ece4;
}

.gd-notch-corner.gd-corner-a {
  top: 0;
  right: 100%;
}

.gd-notch-corner.gd-corner-b {
  top: 100%;
  right: 0;
}

.gd-burst {
  z-index: 5;
  cursor: grab;
  justify-content: center;
  align-items: center;
  width: 17vw;
  height: 17vw;
  display: flex;
  position: absolute;
  bottom: 8vw;
  left: -3.6vw;
  transform: rotate(-8deg);
}

.gd-burst-shape {
  background-color: #7fa7ff;
  border-radius: 10%;
  width: 80%;
  height: 80%;
  position: absolute;
  top: 10%;
  left: 10%;
}

.gd-burst-shape.gd-r1 {
  transform: rotate(22.5deg);
}

.gd-burst-shape.gd-r2 {
  transform: rotate(45deg);
}

.gd-burst-shape.gd-r3 {
  transform: rotate(67.5deg);
}

.gd-burst-text {
  z-index: 2;
  color: #1c1a1b;
  text-align: center;
  text-transform: uppercase;
  width: 12.4vw;
  font-family: Anton, sans-serif;
  font-size: 1.72vw;
  line-height: 1.04;
  position: relative;
}

.gd-toast {
  z-index: 6;
  background-color: #fbf8f3;
  border: 2px solid #1c1a1b;
  border-radius: 22px;
  align-items: center;
  gap: 12px 20px;
  max-width: 480px;
  padding: 16px 18px 16px 22px;
  transition: transform .4s, opacity .4s;
  display: flex;
  position: absolute;
  bottom: 3.4vw;
  right: -1.4vw;
}

.gd-toast-text {
  font-size: 15px;
  line-height: 1.35;
}

.gd-toast-actions {
  flex-shrink: 0;
  gap: 8px;
  display: flex;
}

.gd-marquee {
  background-color: #7fa7ff;
  border-top: 2px solid #1c1a1b;
  border-bottom: 2px solid #1c1a1b;
  padding-top: 14px;
  padding-bottom: 14px;
  display: flex;
  overflow: hidden;
}

.gd-marquee-group {
  flex-shrink: 0;
  align-items: center;
  column-gap: 30px;
  padding-right: 30px;
  display: flex;
}

.gd-marquee-item {
  text-transform: uppercase;
  white-space: nowrap;
  font-family: Anton, sans-serif;
  font-size: 30px;
  line-height: 1.1;
}

.gd-marquee-dot {
  background-color: #1c1a1b;
  border-radius: 50%;
  flex-shrink: 0;
  width: 14px;
  height: 14px;
}

.gd-section {
  padding: 120px 5vw;
  position: relative;
}

.gd-about {
  grid-template-rows: auto;
  grid-template-columns: .8fr 2fr;
  align-items: start;
  gap: 72px 5vw;
  display: grid;
}

.gd-about-side {
  flex-direction: column;
  align-items: flex-start;
  row-gap: 24px;
  display: flex;
}

.gd-label {
  letter-spacing: .08em;
  text-transform: uppercase;
  border: 2px solid #1c1a1b;
  border-radius: 999px;
  padding: 6px 14px;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.2;
  display: inline-block;
}

.gd-label.gd-is-light {
  color: #f1ece4;
  border-color: #f1ece4;
}

.gd-body {
  max-width: 480px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  line-height: 1.55;
}

.gd-statement {
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Anton, sans-serif;
  font-size: 5.6vw;
  font-weight: 400;
  line-height: 1.06;
}

.gd-word-pill {
  letter-spacing: 0;
  text-transform: none;
  background-color: #eaf04b;
  border-radius: 999px;
  padding: 0 .36em .08em .32em;
  font-family: Instrument Serif, sans-serif;
  font-size: .95em;
  font-style: italic;
  line-height: 1;
  display: inline-block;
  transform: rotate(-2deg);
}

.gd-word-pill.gd-is-pink {
  background-color: #7fa7ff;
  transform: rotate(2deg);
}

.gd-stats {
  grid-column: 1 / 3;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 32px 24px;
  display: grid;
}

.gd-stat {
  border-top: 2px solid #1c1a1b;
  padding-top: 18px;
}

.gd-stat-num {
  font-family: Anton, sans-serif;
  font-size: 6.4vw;
  line-height: 1;
}

.gd-stat-label {
  max-width: 220px;
  margin-top: 8px;
  font-size: 16px;
  line-height: 1.35;
}

.gd-play {
  padding-top: 20px;
}

.gd-head {
  justify-content: space-between;
  align-items: flex-end;
  gap: 20px 40px;
  margin-bottom: 56px;
  display: flex;
}

.gd-h2 {
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Anton, sans-serif;
  font-size: 8vw;
  font-weight: 400;
  line-height: .98;
}

.gd-h2.gd-is-mid {
  font-size: 6.6vw;
}

.gd-rows {
  border-bottom: 2px solid #1c1a1b;
}

.gd-row {
  color: #1c1a1b;
  border-top: 2px solid #1c1a1b;
  grid-template-rows: auto;
  grid-template-columns: 70px 1.3fr 1fr 60px;
  align-items: center;
  gap: 10px 24px;
  padding: 26px 18px;
  text-decoration: none;
  transition: background-color .25s, padding-left .25s;
  display: grid;
  position: relative;
}

.gd-row:hover {
  background-color: #eaf04b;
  padding-left: 36px;
}

.gd-row-num {
  font-family: Instrument Serif, sans-serif;
  font-size: 26px;
  font-style: italic;
  line-height: 1;
}

.gd-row-title {
  text-transform: uppercase;
  white-space: nowrap;
  font-family: Anton, sans-serif;
  font-size: 4.4vw;
  line-height: 1;
}

.gd-row-desc {
  max-width: 400px;
  font-size: 17px;
  line-height: 1.45;
}

.gd-row-arrow {
  background-color: #f1ece4;
  border: 2px solid #1c1a1b;
  border-radius: 50%;
  justify-content: center;
  justify-self: end;
  align-items: center;
  width: 56px;
  height: 56px;
  font-size: 24px;
  line-height: 1;
  display: flex;
}

.gd-row-img {
  z-index: 5;
  opacity: 0;
  pointer-events: none;
  object-fit: cover;
  border: 2px solid #1c1a1b;
  border-radius: 22px;
  width: 20vw;
  height: 14vw;
  transition: opacity .25s, transform .3s;
  position: absolute;
  top: 50%;
  right: 30%;
  transform: translate(0, -50%)rotate(-6deg)scale(.8);
}

.gd-gallery {
  padding-top: 20px;
}

.gd-bento {
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-rows: 21vw;
  grid-auto-flow: row dense;
  gap: 1.4vw;
  display: grid;
}

.gd-tile {
  background-color: #1c1a1b;
  border-radius: 2.4vw;
  height: 21vw;
  transition: transform .3s;
  position: relative;
  overflow: hidden;
}

.gd-tile:hover {
  transform: rotate(-1.5deg)scale(1.02);
}

.gd-tile.gd-span-2x2 {
  grid-row-start: span 2;
  grid-column-start: span 2;
  height: 43.4vw;
}

.gd-tile.gd-span-2x1 {
  grid-column-start: span 2;
}

.gd-tile.gd-tile-lime {
  background-color: #eaf04b;
  flex-direction: column;
  justify-content: space-between;
  padding: 1.8vw;
  display: flex;
}

.gd-tile.gd-tile-pink {
  background-color: #7fa7ff;
  flex-direction: column;
  justify-content: space-between;
  padding: 1.8vw;
  display: flex;
}

.gd-tile-big {
  font-family: Instrument Serif, sans-serif;
  font-size: 3.3vw;
  line-height: 1;
}

.gd-tile-small {
  letter-spacing: .06em;
  text-transform: uppercase;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.3;
}

.gd-tile-num {
  font-family: Anton, sans-serif;
  font-size: 5.2vw;
  line-height: 1;
}

.gd-join {
  padding-top: 100px;
  padding-left: 2.5vw;
  padding-right: 2.5vw;
  position: relative;
}

.gd-join-panel {
  background-color: #7fa7ff;
  border: 2px solid #1c1a1b;
  border-radius: 3.4vw;
  padding: 84px 2.5vw;
}

.gd-plans {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  align-items: stretch;
  gap: 28px 24px;
  display: grid;
}

.gd-plan {
  background-color: #fbf8f3;
  border: 2px solid #1c1a1b;
  border-radius: 28px;
  flex-direction: column;
  padding: 32px 30px 30px;
  transition: transform .25s, box-shadow .25s;
  display: flex;
  position: relative;
}

.gd-plan:hover {
  transform: translate(-5px, -5px);
  box-shadow: 9px 9px #1c1a1b;
}

.gd-plan.gd-is-featured {
  color: #f1ece4;
  background-color: #1c1a1b;
  transform: rotate(-2deg);
}

.gd-plan.gd-is-featured:hover {
  transform: rotate(0)translate(-5px, -5px);
  box-shadow: 9px 9px #eaf04b;
}

.gd-plan-flag {
  color: #1c1a1b;
  text-transform: uppercase;
  background-color: #eaf04b;
  border: 2px solid #1c1a1b;
  border-radius: 999px;
  padding: 7px 14px 8px;
  font-family: Anton, sans-serif;
  font-size: 16px;
  line-height: 1;
  position: absolute;
  top: -18px;
  right: 22px;
  transform: rotate(6deg);
}

.gd-plan-name {
  text-transform: uppercase;
  font-family: Anton, sans-serif;
  font-size: 32px;
  line-height: 1;
}

.gd-plan-note {
  margin-top: 6px;
  font-family: Instrument Serif, sans-serif;
  font-size: 21px;
  font-style: italic;
  line-height: 1.2;
}

.gd-plan-price {
  align-items: baseline;
  column-gap: 10px;
  margin-top: 30px;
  margin-bottom: 24px;
  display: flex;
}

.gd-plan-amount {
  font-family: Anton, sans-serif;
  font-size: 92px;
  line-height: .9;
}

.gd-plan-unit {
  font-family: Instrument Serif, sans-serif;
  font-size: 24px;
  line-height: 1;
}

.gd-plan-list {
  flex-direction: column;
  row-gap: 10px;
  margin-bottom: 34px;
  display: flex;
}

.gd-plan-item {
  align-items: flex-start;
  column-gap: 10px;
  font-size: 16px;
  line-height: 1.4;
  display: flex;
}

.gd-plan-tick {
  background-color: #eaf04b;
  border: 2px solid #1c1a1b;
  border-radius: 50%;
  flex-shrink: 0;
  width: 12px;
  height: 12px;
  margin-top: 5px;
}

.gd-plan-foot {
  margin-top: auto;
  display: flex;
}

.gd-quotes {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  align-items: start;
  gap: 30px 20px;
  display: grid;
}

.gd-quote {
  cursor: grab;
  background-color: #fbf8f3;
  border: 2px solid #1c1a1b;
  border-radius: 26px;
  padding: 26px 24px 22px;
  transition: box-shadow .2s;
  position: relative;
}

.gd-quote:hover {
  box-shadow: 7px 7px #1c1a1b;
}

.gd-quote.gd-q1 {
  background-color: #eaf04b;
  transform: rotate(-4deg);
}

.gd-quote.gd-q2 {
  margin-top: 36px;
  transform: rotate(2.5deg);
}

.gd-quote.gd-q3 {
  background-color: #7fa7ff;
  transform: rotate(-2deg);
}

.gd-quote.gd-q4 {
  color: #f1ece4;
  background-color: #1c1a1b;
  margin-top: 24px;
  transform: rotate(4deg);
}

.gd-quote-text {
  margin-top: 0;
  margin-bottom: 22px;
  font-family: Instrument Serif, sans-serif;
  font-size: 26px;
  line-height: 1.16;
}

.gd-quote-name {
  letter-spacing: .06em;
  text-transform: uppercase;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.3;
}

.gd-faq {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1.25fr;
  align-items: start;
  gap: 48px 5vw;
  padding-top: 40px;
  display: grid;
}

.gd-faq-side {
  flex-direction: column;
  align-items: flex-start;
  row-gap: 22px;
  display: flex;
  position: sticky;
  top: 40px;
}

.gd-faq-list {
  flex-direction: column;
  row-gap: 14px;
  display: flex;
}

.gd-faq-item {
  background-color: #fbf8f3;
  border: 2px solid #1c1a1b;
  border-radius: 24px;
  transition: background-color .25s;
  overflow: hidden;
}

.gd-faq-q {
  cursor: pointer;
  justify-content: space-between;
  align-items: center;
  column-gap: 20px;
  padding: 20px 20px 20px 26px;
  display: flex;
}

.gd-faq-q-text {
  text-transform: uppercase;
  font-family: Anton, sans-serif;
  font-size: 26px;
  line-height: 1.1;
}

.gd-faq-icon {
  background-color: #eaf04b;
  border: 2px solid #1c1a1b;
  border-radius: 50%;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 46px;
  height: 46px;
  font-family: Anton, sans-serif;
  font-size: 26px;
  line-height: 1;
  transition: transform .3s;
  display: flex;
}

.gd-faq-a {
  padding-left: 26px;
  padding-right: 26px;
}

.gd-faq-a-text {
  max-width: 560px;
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 24px;
  font-size: 17px;
  line-height: 1.55;
}

.gd-footer {
  color: #f1ece4;
  background-color: #1c1a1b;
  border-top-left-radius: 4vw;
  border-top-right-radius: 4vw;
  padding: 110px 5vw 28px;
  position: relative;
  overflow: hidden;
}

.gd-cta {
  text-align: center;
  flex-direction: column;
  align-items: center;
  row-gap: 22px;
  margin-bottom: 110px;
  display: flex;
}

.gd-cta-title {
  color: #eaf04b;
  text-transform: uppercase;
  white-space: nowrap;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Anton, sans-serif;
  font-size: 14vw;
  font-weight: 400;
  line-height: .96;
}

.gd-cta-sub {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Instrument Serif, sans-serif;
  font-size: 2.5vw;
  line-height: 1.2;
}

.gd-cta-actions {
  flex-wrap: wrap;
  justify-content: center;
  gap: 14px;
  margin-top: 10px;
  display: flex;
}

.gd-foot-grid {
  border-top: 2px solid #f1ece4;
  grid-template-rows: auto;
  grid-template-columns: 1.4fr 1fr 1fr 1fr;
  gap: 40px 32px;
  margin-bottom: 64px;
  padding-top: 40px;
  display: grid;
}

.gd-foot-blurb {
  max-width: 340px;
  font-family: Instrument Serif, sans-serif;
  font-size: 29px;
  line-height: 1.15;
}

.gd-foot-title {
  color: #eaf04b;
  text-transform: uppercase;
  margin-bottom: 14px;
  font-family: Anton, sans-serif;
  font-size: 20px;
  line-height: 1;
}

.gd-foot-text {
  font-size: 16px;
  line-height: 1.7;
}

.gd-foot-link {
  color: #f1ece4;
  font-size: 16px;
  line-height: 1.7;
  text-decoration: none;
  transition: color .2s;
  display: block;
}

.gd-foot-link:hover {
  color: #7fa7ff;
}

.gd-wordmark {
  color: #f1ece4;
  text-align: center;
  text-transform: uppercase;
  white-space: nowrap;
  margin-bottom: 26px;
  font-family: Anton, sans-serif;
  font-size: 13.4vw;
  line-height: .92;
}

.gd-foot-bottom {
  color: #b9b3aa;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 8px 20px;
  font-size: 14px;
  line-height: 1.4;
  display: flex;
}

.gd-book {
  width: 100%;
  max-width: 980px;
  margin-top: 14px;
}

.gd-book-form, .gd-book-form._w-form {
  background-color: #f1ece4;
  border-radius: 36px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr auto;
  align-items: stretch;
  gap: 10px;
  padding: 10px;
  display: grid;
}

.gd-field {
  color: #1c1a1b;
  background-color: #fbf8f3;
  border: 2px solid #1c1a1b;
  border-radius: 999px;
  height: 54px;
  margin-bottom: 0;
  padding: 8px 20px;
  font-size: 16px;
  line-height: 1.4;
}

.gd-field:focus {
  border-color: #19a15f;
}

.gd-field._w-select {
  color: #1c1a1b;
  background-color: #fbf8f3;
  border: 2px solid #1c1a1b;
  border-radius: 999px;
  height: 54px;
  margin-bottom: 0;
  padding: 8px 20px;
  font-size: 16px;
  line-height: 1.4;
}

.gd-field._w-select:focus {
  border-color: #19a15f;
}

.gd-field._w-input {
  color: #1c1a1b;
  background-color: #fbf8f3;
  border: 2px solid #1c1a1b;
  border-radius: 999px;
  height: 54px;
  margin-bottom: 0;
  padding: 8px 20px;
  font-size: 16px;
  line-height: 1.4;
}

.gd-field._w-input:focus {
  border-color: #19a15f;
}

.gd-book-submit {
  color: #1c1a1b;
  letter-spacing: .01em;
  text-transform: uppercase;
  cursor: pointer;
  background-color: #eaf04b;
  border: 2px solid #1c1a1b;
  border-radius: 999px;
  height: 54px;
  padding: 9px 26px 10px;
  font-family: Anton, sans-serif;
  font-size: 20px;
  line-height: 1;
  transition: background-color .2s, transform .2s;
}

.gd-book-submit:hover {
  background-color: #7fa7ff;
  transform: rotate(-2deg);
}

.gd-book-submit._w-button {
  color: #1c1a1b;
  letter-spacing: .01em;
  text-transform: uppercase;
  cursor: pointer;
  background-color: #eaf04b;
  border: 2px solid #1c1a1b;
  border-radius: 999px;
  height: 54px;
  padding: 9px 26px 10px;
  font-family: Anton, sans-serif;
  font-size: 20px;
  line-height: 1;
  transition: background-color .2s, transform .2s;
}

.gd-book-submit._w-button:hover {
  background-color: #7fa7ff;
  transform: rotate(-2deg);
}

.gd-live {
  z-index: 6;
  background-color: #fbf8f3;
  border: 2px solid #1c1a1b;
  border-radius: 22px;
  align-items: center;
  gap: 10px 16px;
  max-width: 470px;
  padding: 14px 16px 14px 20px;
  display: flex;
  position: absolute;
  bottom: 2vw;
  left: 2vw;
}

.gd-live-dot {
  background-color: #2b5cff;
  border-radius: 50%;
  flex-shrink: 0;
  width: 14px;
  height: 14px;
}

.gd-live-body {
  flex-direction: column;
  row-gap: 3px;
  display: flex;
}

.gd-live-title {
  text-transform: uppercase;
  font-family: Anton, sans-serif;
  font-size: 21px;
  line-height: 1.05;
}

.gd-live-sub {
  font-size: 14px;
  line-height: 1.35;
}

.gd-seal {
  z-index: 7;
  color: #1c1a1b;
  background-color: #7fa7ff;
  border: 2px solid #1c1a1b;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 15vw;
  height: 15vw;
  text-decoration: none;
  transition: transform .3s, background-color .3s;
  display: flex;
  position: absolute;
  bottom: -3.4vw;
  right: -2.4vw;
}

.gd-seal:hover {
  background-color: #eaf04b;
  transform: scale(1.08);
}

.gd-seal-ring {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.gd-seal-core {
  color: #f1ece4;
  background-color: #1c1a1b;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 38%;
  height: 38%;
  display: flex;
  position: relative;
}

.gd-seal-arrow {
  font-size: 2.6vw;
  line-height: 1;
}

.gd-book-wrap {
  width: 100%;
  margin-bottom: 0;
}

.gd-book-done {
  color: #1c1a1b;
  text-align: center;
  background-color: #eaf04b;
  border-radius: 32px;
  padding: 24px 28px;
  font-family: Instrument Serif, sans-serif;
  font-size: 28px;
  line-height: 1.2;
}

.gd-book-fail {
  color: #1c1a1b;
  text-align: center;
  background-color: #7fa7ff;
  border-radius: 24px;
  margin-top: 12px;
  padding: 14px 22px;
  font-size: 16px;
}

.gd-foot-credit {
  color: #b9b3aa;
}

.gd-foot-credit-link {
  color: #eaf04b;
  text-decoration: underline;
  transition: color .2s;
}

.gd-foot-credit-link:hover {
  color: #7fa7ff;
}

@media screen and (max-width: 991px) {
  .gd-nav {
    grid-template-rows: auto;
    grid-template-columns: auto 1fr;
  }

  .gd-nav-left {
    display: none;
  }

  .gd-logo {
    margin-left: 10px;
  }

  .gd-section.gd-faq {
    grid-template-columns: 1fr;
  }

  .gd-about {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  .gd-statement {
    font-size: 8vw;
  }

  .gd-stats {
    grid-column-end: 2;
  }

  .gd-head {
    flex-direction: column;
    align-items: flex-start;
  }

  .gd-h2, .gd-h2.gd-is-mid {
    font-size: 12vw;
  }

  .gd-row {
    grid-template-rows: auto;
    grid-template-columns: 44px 1fr 56px;
  }

  .gd-row-title {
    font-size: 7.4vw;
  }

  .gd-row-desc {
    grid-area: 2 / 2 / 3 / 4;
  }

  .gd-row-img {
    display: none;
  }

  .gd-join-panel {
    border-radius: 6vw;
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .gd-plans {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  .gd-plan.gd-is-featured {
    transform: rotate(-1deg);
  }

  .gd-quotes {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
  }

  .gd-faq {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  .gd-faq-side {
    position: static;
  }

  .gd-foot-grid {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
  }

  .gd-book-form, .gd-book-form._w-form {
    border-radius: 32px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
  }
}

@media screen and (max-width: 767px) {
  .gd-topbar {
    justify-content: center;
  }

  .gd-topbar-links {
    display: none;
  }

  .gd-hero {
    padding-top: 9vw;
    padding-bottom: 12vw;
  }

  .gd-hero-top {
    flex-direction: column;
    align-items: stretch;
    margin-bottom: 4vw;
  }

  .gd-h1 {
    font-size: 20.5vw;
  }

  .gd-h1.gd-h1-b {
    font-size: 16vw;
  }

  .gd-hero-pill {
    border-radius: 3vw;
    flex: none;
    align-self: flex-start;
    column-gap: 4vw;
    height: 19vw;
    margin-left: 0;
    padding-left: 5vw;
    padding-right: 2.4vw;
    box-shadow: 1.4vw 1.4vw #7fa7ff;
  }

  .gd-hero-pill-text {
    font-size: 12vw;
  }

  .gd-ball-badge {
    width: 14vw;
    height: 14vw;
  }

  .gd-ball {
    width: 8.8vw;
    height: 8.8vw;
  }

  .gd-hero-media {
    height: 112vw;
  }

  .gd-hero-photo {
    border-radius: 6vw;
  }

  .gd-hero-notch {
    border-bottom-left-radius: 6vw;
    padding-bottom: 2vw;
    padding-left: 4vw;
  }

  .gd-notch-corner {
    display: none;
  }

  .gd-burst {
    width: 34vw;
    height: 34vw;
    bottom: 44vw;
    left: -5vw;
  }

  .gd-burst-text {
    width: 25vw;
    font-size: 3.45vw;
  }

  .gd-toast {
    flex-direction: column;
    align-items: flex-start;
    max-width: none;
    bottom: 3vw;
    left: 3vw;
    right: 3vw;
  }

  .gd-marquee-item {
    font-size: 22px;
  }

  .gd-section {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .gd-statement {
    font-size: 10.4vw;
  }

  .gd-stats {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
  }

  .gd-stat-num {
    font-size: 15vw;
  }

  .gd-play, .gd-gallery {
    padding-top: 0;
  }

  .gd-bento {
    grid-template-columns: 1fr 1fr;
    grid-auto-rows: 44vw;
    gap: 3vw;
  }

  .gd-tile {
    border-radius: 5vw;
    height: 44vw;
  }

  .gd-tile.gd-span-2x2 {
    height: 91vw;
  }

  .gd-tile.gd-tile-lime, .gd-tile.gd-tile-pink {
    padding: 4vw;
  }

  .gd-tile-big {
    font-size: 7.4vw;
  }

  .gd-tile-small {
    font-size: 11px;
  }

  .gd-tile-num {
    font-size: 11.5vw;
  }

  .gd-join {
    padding-top: 60px;
  }

  .gd-plan-amount {
    font-size: 76px;
  }

  .gd-faq {
    padding-top: 0;
  }

  .gd-footer {
    border-top-left-radius: 7vw;
    border-top-right-radius: 7vw;
    padding-top: 80px;
  }

  .gd-cta {
    margin-bottom: 72px;
  }

  .gd-cta-sub {
    font-size: 6vw;
  }

  .gd-live {
    max-width: none;
    bottom: 3vw;
    left: 3vw;
    right: 3vw;
  }

  .gd-live-title {
    font-size: 18px;
  }

  .gd-seal {
    width: 30vw;
    height: 30vw;
    inset: 34vw auto auto -4vw;
  }

  .gd-seal-arrow {
    font-size: 5.4vw;
  }
}

@media screen and (max-width: 479px) {
  .gd-nav-right {
    column-gap: 14px;
  }

  .gd-nav-link {
    font-size: 17px;
  }

  .gd-logo-word {
    font-size: 28px;
  }

  .gd-btn {
    padding-left: 16px;
    padding-right: 16px;
    font-size: 17px;
  }

  .gd-row {
    grid-template-rows: auto;
    grid-template-columns: 30px 1fr 44px;
    column-gap: 12px;
    padding-left: 6px;
    padding-right: 6px;
  }

  .gd-row-num {
    font-size: 20px;
  }

  .gd-row-title {
    font-size: 8.6vw;
  }

  .gd-row-arrow {
    width: 42px;
    height: 42px;
    font-size: 18px;
  }

  .gd-quotes {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  .gd-quote.gd-q2, .gd-quote.gd-q4 {
    margin-top: 0;
  }

  .gd-faq-q {
    padding-left: 18px;
    padding-right: 14px;
  }

  .gd-faq-q-text {
    font-size: 21px;
  }

  .gd-faq-a {
    padding-left: 18px;
    padding-right: 18px;
  }

  .gd-foot-grid, .gd-book-form, .gd-book-form._w-form {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  .gd-live {
    flex-wrap: wrap;
  }

  .gd-live-body {
    flex: 80%;
  }
}