/* [project]/apps/web/app/landing.module.css [app-client] (css) */
.landing-module__scJOqG__landing {
  --cream: #fff8e9;
  --cream-deep: #f4ead2;
  --paper: #fffdf7;
  --white: #fff;
  --navy: #10283b;
  --navy-soft: #385063;
  --orange: #ff6b00;
  --orange-deep: #a04100;
  --yellow: #ffd600;
  --yellow-soft: #fff0a8;
  --cobalt: #2855e8;
  --cobalt-soft: #dfe6ff;
  --line: #ddcfb4;
  --shadow: #2c1f0f1a;
  --shadow-strong: #2c1f0f24;
  --white-glow: #ffffff8f;
  --space-1: .25rem;
  --space-2: .5rem;
  --space-3: .75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4rem;
  --space-9: 6rem;
  --space-10: 8rem;
  --radius-sm: .75rem;
  --radius-md: 1.5rem;
  --radius-lg: 2.25rem;
  --radius-xl: 3rem;
  --radius-full: 999rem;
  --container: 80rem;
  --header-height: 5.25rem;
  --type-shadow-offset: .125rem;
  --border: 1px solid var(--line);
  --font: Pretendard, "Noto Sans KR", sans-serif;
  --display: "Gmarket Sans", Pretendard, "Noto Sans KR", sans-serif;
  --ease: .18s ease;
  background: var(--cream);
  color: var(--navy);
  font-family: var(--font);
  overflow-wrap: break-word;
  word-break: keep-all;
  min-height: 100vh;
  overflow: clip;
}

.landing-module__scJOqG__landing *, .landing-module__scJOqG__landing :before, .landing-module__scJOqG__landing :after {
  box-sizing: border-box;
}

.landing-module__scJOqG__landing h1, .landing-module__scJOqG__landing h2, .landing-module__scJOqG__landing h3, .landing-module__scJOqG__landing p {
  margin: 0;
}

.landing-module__scJOqG__landing h1 {
  font: 900 clamp(2.8rem, 5vw, 4rem) / 1.02 var(--display);
  letter-spacing: -.075em;
}

.landing-module__scJOqG__landing h1 span, .landing-module__scJOqG__landing h1 em {
  white-space: nowrap;
  display: block;
}

.landing-module__scJOqG__landing h2 {
  font: 900 clamp(2rem, 4vw, 3.7rem) / 1.05 var(--display);
  letter-spacing: -.06em;
}

.landing-module__scJOqG__landing h3 {
  font: 850 clamp(1.25rem, 2vw, 1.65rem) / 1.18 var(--display);
  letter-spacing: -.04em;
}

.landing-module__scJOqG__header {
  align-items: center;
  gap: var(--space-6);
  height: var(--header-height);
  max-width: var(--container);
  padding: 0 var(--space-5);
  justify-content: space-between;
  margin: 0 auto;
  display: flex;
}

.landing-module__scJOqG__brand, .landing-module__scJOqG__footerBrand {
  align-items: center;
  gap: var(--space-3);
  display: inline-flex;
}

.landing-module__scJOqG__brandMark {
  background: var(--orange);
  border: 1px solid var(--navy);
  border-radius: var(--radius-sm);
  box-shadow: 0 var(--space-1) 0 var(--navy);
  color: var(--navy);
  font: 950 1.1rem/1 var(--display);
  justify-content: center;
  align-items: center;
  width: 2.65rem;
  height: 2.65rem;
  display: inline-flex;
  transform: rotate(-4deg);
}

.landing-module__scJOqG__brandName {
  font: 950 1.45rem/1 var(--display);
  letter-spacing: -.06em;
}

.landing-module__scJOqG__navigation {
  align-items: center;
  gap: var(--space-6);
  display: flex;
}

.landing-module__scJOqG__navigation a, .landing-module__scJOqG__headerCta {
  font-size: .9rem;
  font-weight: 800;
}

.landing-module__scJOqG__navigation a {
  color: var(--navy-soft);
  transition: color var(--ease);
}

.landing-module__scJOqG__navigation a:hover {
  color: var(--orange-deep);
}

.landing-module__scJOqG__headerCta, .landing-module__scJOqG__primaryCta {
  background: var(--navy);
  border-radius: var(--radius-full);
  box-shadow: 0 var(--space-1) 0 var(--orange);
  color: var(--white);
  align-items: center;
  gap: var(--space-3);
  padding: var(--space-3) var(--space-5);
  transition: transform var(--ease), box-shadow var(--ease);
  justify-content: center;
  font-weight: 900;
  display: inline-flex;
}

.landing-module__scJOqG__headerCta:hover, .landing-module__scJOqG__primaryCta:hover {
  box-shadow: 0 .125rem 0 var(--orange);
  transform: translateY(var(--space-1));
}

.landing-module__scJOqG__hero {
  align-items: center;
  gap: var(--space-7);
  max-width: var(--container);
  min-height: min(48rem, calc(100vh - var(--header-height)));
  padding: var(--space-7) var(--space-5) var(--space-8);
  grid-template-columns: minmax(0, 1fr) minmax(25rem, .9fr);
  margin: 0 auto;
  display: grid;
}

.landing-module__scJOqG__heroCopy {
  z-index: 2;
  max-width: 38rem;
  animation: .7s both landing-module__scJOqG__landingRise;
  position: relative;
}

.landing-module__scJOqG__eyebrow, .landing-module__scJOqG__sectionKicker, .landing-module__scJOqG__cardEyebrow, .landing-module__scJOqG__ctaKicker {
  font: 900 .8rem/1 var(--font);
  letter-spacing: .14em;
}

.landing-module__scJOqG__eyebrow {
  color: var(--orange-deep);
  align-items: center;
  gap: var(--space-2);
  display: flex;
  margin-bottom: var(--space-5) !important;
}

.landing-module__scJOqG__eyebrow span, .landing-module__scJOqG__launchNote i {
  background: var(--yellow);
  border: 1px solid var(--navy);
  border-radius: var(--radius-full);
  height: var(--space-3);
  width: var(--space-3);
  display: inline-block;
}

.landing-module__scJOqG__landing h1 em {
  color: var(--orange-deep);
  text-shadow: 0 var(--type-shadow-offset) 0 var(--yellow);
  font-style: normal;
}

.landing-module__scJOqG__heroDescription {
  color: var(--navy-soft);
  max-width: 34rem;
  font-size: clamp(1rem, 2vw, 1.2rem);
  font-weight: 650;
  line-height: 1.75;
  margin-top: var(--space-6) !important;
}

.landing-module__scJOqG__heroAction {
  align-items: center;
  gap: var(--space-5);
  margin-top: var(--space-6);
  flex-wrap: wrap;
  display: flex;
}

.landing-module__scJOqG__primaryCta {
  background: var(--orange);
  border: 1px solid var(--navy);
  box-shadow: 0 var(--space-1) 0 var(--navy);
  color: var(--navy);
  min-height: 3.5rem;
  padding-inline: var(--space-6);
}

.landing-module__scJOqG__launchNote {
  color: var(--navy-soft);
  align-items: center;
  gap: var(--space-2);
  font-size: .9rem;
  font-weight: 800;
  display: inline-flex;
}

.landing-module__scJOqG__launchNote i {
  background: var(--cobalt);
  height: var(--space-2);
  width: var(--space-2);
  border: 0;
}

.landing-module__scJOqG__heroVisual {
  perspective: 60rem;
  min-width: 0;
  animation: .9s .12s both landing-module__scJOqG__landingFloatIn;
  position: relative;
}

.landing-module__scJOqG__heroVisual:before {
  background: var(--yellow);
  border: 2px solid var(--navy);
  content: "";
  border-radius: 48% 52% 42% 58%;
  position: absolute;
  inset: 8% 2% 5% 5%;
  transform: rotate(5deg);
}

.landing-module__scJOqG__visualFrame {
  background: var(--paper);
  border: 2px solid var(--navy);
  border-radius: var(--radius-lg);
  box-shadow: var(--space-3) var(--space-3) 0 var(--navy), 0 var(--space-6) var(--space-7) var(--shadow-strong);
  z-index: 2;
  position: relative;
  overflow: hidden;
  transform: rotate(-3deg);
}

.landing-module__scJOqG__heroImage {
  width: 100%;
  height: auto;
  display: block;
}

.landing-module__scJOqG__floatChip {
  background: var(--cobalt);
  border: 2px solid var(--navy);
  border-radius: var(--radius-full);
  box-shadow: var(--space-1) var(--space-1) 0 var(--navy);
  color: var(--white);
  font: 950 .75rem/1 var(--display);
  padding: var(--space-3) var(--space-4);
  z-index: 4;
  position: absolute;
}

.landing-module__scJOqG__floatChipTop {
  top: 5%;
  right: -3%;
  transform: rotate(7deg);
}

.landing-module__scJOqG__floatChipBottom {
  background: var(--orange);
  color: var(--navy);
  bottom: 6%;
  left: -4%;
  transform: rotate(-7deg);
}

.landing-module__scJOqG__coin {
  background: var(--yellow);
  border: 2px solid var(--orange-deep);
  box-shadow: inset 0 0 0 var(--space-1) var(--white-glow), var(--space-1) var(--space-1) 0 var(--orange-deep);
  color: var(--orange-deep);
  z-index: 3;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 2.75rem;
  height: 2.75rem;
  font-size: .8rem;
  display: flex;
  position: absolute;
}

.landing-module__scJOqG__coinOne {
  top: -10%;
  left: -3%;
  transform: rotate(-14deg);
}

.landing-module__scJOqG__coinTwo {
  bottom: -12%;
  right: 12%;
  transform: rotate(18deg);
}

.landing-module__scJOqG__benefitsSection, .landing-module__scJOqG__stepsSection, .landing-module__scJOqG__highlightSection, .landing-module__scJOqG__finalCta, .landing-module__scJOqG__footer {
  max-width: var(--container);
  margin-inline: auto;
}

.landing-module__scJOqG__benefitsSection {
  padding: var(--space-10) var(--space-5);
}

.landing-module__scJOqG__sectionHeading {
  margin: 0 auto var(--space-7);
  text-align: center;
  max-width: 48rem;
}

.landing-module__scJOqG__sectionKicker, .landing-module__scJOqG__ctaKicker {
  color: var(--orange-deep);
  margin-bottom: var(--space-4) !important;
}

.landing-module__scJOqG__sectionHeading > p:last-child, .landing-module__scJOqG__stepsIntro > p:last-of-type {
  color: var(--navy-soft);
  margin-top: var(--space-4);
  font-weight: 650;
  line-height: 1.7;
}

.landing-module__scJOqG__benefitGrid {
  gap: var(--space-5);
  grid-template-columns: repeat(3, minmax(0, 1fr));
  display: grid;
}

.landing-module__scJOqG__benefitCard {
  background: var(--white);
  border: var(--border);
  border-radius: var(--radius-lg);
  box-shadow: 0 var(--space-4) var(--space-6) var(--shadow);
  min-height: 22rem;
  padding: var(--space-6);
  transition: transform var(--ease), box-shadow var(--ease);
}

.landing-module__scJOqG__benefitCard:nth-child(2) {
  background: var(--navy);
  color: var(--white);
  transform: translateY(var(--space-5));
}

.landing-module__scJOqG__benefitCard:nth-child(3) {
  background: var(--yellow-soft);
}

.landing-module__scJOqG__benefitCard:hover {
  box-shadow: 0 var(--space-5) var(--space-7) var(--shadow-strong);
  transform: translateY(calc(var(--space-2) * -1)) rotate(-1deg);
}

.landing-module__scJOqG__benefitCard:nth-child(2):hover {
  transform: translateY(var(--space-4)) rotate(1deg);
}

.landing-module__scJOqG__benefitTopline {
  justify-content: space-between;
  align-items: start;
  display: flex;
}

.landing-module__scJOqG__benefitIcon {
  background: var(--orange);
  border: 2px solid var(--navy);
  border-radius: var(--radius-md);
  box-shadow: var(--space-1) var(--space-1) 0 var(--yellow);
  color: var(--navy);
  font: 950 1.6rem/1 var(--display);
  justify-content: center;
  align-items: center;
  width: 4.5rem;
  height: 4.5rem;
  display: flex;
  transform: rotate(-5deg);
}

.landing-module__scJOqG__benefitCard:nth-child(2) .landing-module__scJOqG__benefitIcon {
  background: var(--yellow);
  color: var(--navy);
}

.landing-module__scJOqG__benefitCard:nth-child(3) .landing-module__scJOqG__benefitIcon {
  background: var(--cobalt);
  color: var(--white);
}

.landing-module__scJOqG__cardIndex {
  color: var(--line);
  font: 900 2.5rem/1 var(--display);
}

.landing-module__scJOqG__benefitCard:nth-child(2) .landing-module__scJOqG__cardIndex {
  color: var(--navy-soft);
}

.landing-module__scJOqG__cardEyebrow {
  color: var(--orange-deep);
  margin: var(--space-8) 0 var(--space-3) !important;
}

.landing-module__scJOqG__benefitCard:nth-child(2) .landing-module__scJOqG__cardEyebrow {
  color: var(--yellow);
}

.landing-module__scJOqG__benefitCard > p:last-child {
  color: var(--navy-soft);
  margin-top: var(--space-4);
  font-weight: 600;
  line-height: 1.7;
}

.landing-module__scJOqG__benefitCard:nth-child(2) > p:last-child {
  color: var(--cobalt-soft);
}

.landing-module__scJOqG__stepsSection {
  align-items: center;
  gap: var(--space-9);
  padding: var(--space-10) var(--space-5);
  grid-template-columns: minmax(0, .7fr) minmax(0, 1.3fr);
  display: grid;
}

.landing-module__scJOqG__stepsIntro {
  position: relative;
}

.landing-module__scJOqG__stamp {
  background: var(--orange);
  border: 2px solid var(--navy);
  box-shadow: var(--space-1) var(--space-1) 0 var(--yellow);
  color: var(--white);
  font: 950 2rem/.85 var(--display);
  height: 6.5rem;
  margin-top: var(--space-6);
  border-radius: 50%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 6.5rem;
  display: flex;
  transform: rotate(-8deg);
}

.landing-module__scJOqG__stamp small {
  letter-spacing: .1em;
  margin-top: var(--space-2);
  font-size: .55rem;
}

.landing-module__scJOqG__stepList {
  gap: var(--space-3);
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
}

.landing-module__scJOqG__stepList li {
  background: var(--paper);
  border: var(--border);
  border-radius: var(--radius-md);
  align-items: center;
  gap: var(--space-5);
  padding: var(--space-5);
  grid-template-columns: auto 1fr auto;
  display: grid;
}

.landing-module__scJOqG__stepList li:nth-child(2) {
  background: var(--yellow-soft);
  transform: translateX(calc(var(--space-5) * -1));
}

.landing-module__scJOqG__stepNumber {
  color: var(--orange);
  font: 950 2rem/1 var(--display);
}

.landing-module__scJOqG__stepList p {
  color: var(--navy-soft);
  margin-top: var(--space-2);
  font-size: .92rem;
  font-weight: 600;
  line-height: 1.6;
}

.landing-module__scJOqG__stepArrow {
  background: var(--navy);
  color: var(--white);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 2.75rem;
  height: 2.75rem;
  display: flex;
}

.landing-module__scJOqG__highlightSection {
  background: var(--cobalt);
  border: 2px solid var(--navy);
  border-radius: var(--radius-xl);
  box-shadow: var(--space-2) var(--space-2) 0 var(--navy);
  color: var(--white);
  align-items: center;
  gap: var(--space-8);
  padding: var(--space-8);
  grid-template-columns: minmax(0, 1fr) minmax(0, .95fr);
  display: grid;
}

.landing-module__scJOqG__highlightVisual {
  background: var(--paper);
  border: 2px solid var(--navy);
  border-radius: var(--radius-lg);
  box-shadow: var(--space-3) var(--space-3) 0 var(--navy);
  color: var(--navy);
  padding: var(--space-6);
  position: relative;
  transform: rotate(-3deg);
}

.landing-module__scJOqG__rewardLabel {
  color: var(--orange-deep);
  font: 900 .7rem/1 var(--font);
  letter-spacing: .12em;
}

.landing-module__scJOqG__highlightVisual > strong {
  font: 950 clamp(3.4rem, 7vw, 5.5rem) / 1 var(--display);
  letter-spacing: -.08em;
  margin: var(--space-6) 0;
  display: block;
}

.landing-module__scJOqG__highlightVisual > strong small {
  color: var(--orange);
  letter-spacing: 0;
  margin-left: var(--space-2);
  font-size: .35em;
}

.landing-module__scJOqG__progressTrack {
  background: var(--cream-deep);
  border-radius: var(--radius-full);
  height: var(--space-3);
  overflow: hidden;
}

.landing-module__scJOqG__progressTrack span {
  background: var(--orange);
  border-radius: inherit;
  width: 72%;
  height: 100%;
  display: block;
}

.landing-module__scJOqG__rewardRow {
  border-top: var(--border);
  margin-top: var(--space-5);
  padding-top: var(--space-5);
  justify-content: space-between;
  align-items: center;
  font-weight: 800;
  display: flex;
}

.landing-module__scJOqG__rewardRow b {
  color: var(--orange-deep);
}

.landing-module__scJOqG__giftBadge {
  background: var(--yellow);
  border: 2px solid var(--navy);
  border-radius: var(--radius-full);
  bottom: var(--space-5);
  box-shadow: var(--space-1) var(--space-1) 0 var(--navy);
  padding: var(--space-3) var(--space-4);
  right: calc(var(--space-5) * -1);
  font-size: .75rem;
  font-weight: 950;
  position: absolute;
  transform: rotate(8deg);
}

.landing-module__scJOqG__highlightCopy .landing-module__scJOqG__sectionKicker {
  color: var(--yellow);
}

.landing-module__scJOqG__highlightCopy > p:not(.landing-module__scJOqG__sectionKicker) {
  color: var(--cobalt-soft);
  margin-top: var(--space-5);
  font-weight: 650;
  line-height: 1.7;
}

.landing-module__scJOqG__highlightCopy ul {
  gap: var(--space-3);
  margin: var(--space-6) 0 0;
  padding: 0;
  list-style: none;
  display: grid;
}

.landing-module__scJOqG__highlightCopy li {
  align-items: center;
  gap: var(--space-3);
  font-weight: 800;
  display: flex;
}

.landing-module__scJOqG__highlightCopy li span {
  background: var(--yellow);
  color: var(--navy);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 1.6rem;
  height: 1.6rem;
  display: flex;
}

.landing-module__scJOqG__finalCta {
  background: var(--orange);
  border: 2px solid var(--navy);
  border-radius: var(--radius-xl);
  box-shadow: var(--space-2) var(--space-2) 0 var(--navy);
  color: var(--navy);
  margin-top: var(--space-10);
  padding: var(--space-9) var(--space-5);
  text-align: center;
  flex-direction: column;
  align-items: center;
  display: flex;
  position: relative;
  overflow: hidden;
}

.landing-module__scJOqG__ctaKicker {
  background: var(--yellow);
  border: 1px solid var(--navy);
  border-radius: var(--radius-full);
  color: var(--navy);
  padding: var(--space-2) var(--space-4);
}

.landing-module__scJOqG__finalCta > p:not(.landing-module__scJOqG__ctaKicker) {
  margin-top: var(--space-4);
  font-weight: 700;
  line-height: 1.7;
}

.landing-module__scJOqG__ctaCoinOne {
  top: 18%;
  left: 8%;
  transform: rotate(-12deg);
}

.landing-module__scJOqG__ctaCoinTwo {
  bottom: 14%;
  right: 8%;
  transform: rotate(15deg);
}

.landing-module__scJOqG__downloadArea {
  width: 100%;
}

.landing-module__scJOqG__downloadButtons {
  gap: var(--space-3);
  margin-top: var(--space-6);
  flex-wrap: wrap;
  justify-content: center;
  display: flex;
}

.landing-module__scJOqG__landing .landing-module__scJOqG__downloadButton {
  all: unset;
  background: var(--navy);
  border: 1px solid var(--white);
  border-radius: var(--radius-sm);
  box-shadow: 0 var(--space-1) 0 var(--yellow);
  color: var(--white);
  cursor: pointer;
  font-family: var(--font);
  align-items: center;
  gap: var(--space-3);
  min-width: 10rem;
  padding: var(--space-3) var(--space-4);
  text-align: left;
  transition: transform var(--ease), box-shadow var(--ease);
  text-decoration: none;
  display: inline-flex;
}

.landing-module__scJOqG__landing .landing-module__scJOqG__downloadButton:hover, .landing-module__scJOqG__landing .landing-module__scJOqG__downloadButton:focus-visible {
  box-shadow: 0 .125rem 0 var(--yellow);
  outline: 3px solid var(--cobalt-soft);
  outline-offset: var(--space-1);
  transform: translateY(var(--space-1));
}

.landing-module__scJOqG__downloadButton small, .landing-module__scJOqG__downloadButton strong {
  display: block;
}

.landing-module__scJOqG__downloadButton small {
  font-size: .62rem;
  line-height: 1;
}

.landing-module__scJOqG__downloadButton strong {
  font-size: 1rem;
  line-height: 1.25;
}

.landing-module__scJOqG__storeIcon, .landing-module__scJOqG__playIcon {
  color: var(--yellow);
  font-size: 1.35rem;
}

.landing-module__scJOqG__footer {
  gap: var(--space-5);
  padding: var(--space-8) var(--space-5);
  grid-template-columns: auto 1fr auto auto;
  display: grid;
}

.landing-module__scJOqG__footer p, .landing-module__scJOqG__footer small, .landing-module__scJOqG__footerLinks {
  color: var(--navy-soft);
  font-size: .8rem;
  font-weight: 700;
}

.landing-module__scJOqG__footer p, .landing-module__scJOqG__footer small {
  align-self: center;
}

.landing-module__scJOqG__footerLinks {
  align-items: center;
  gap: var(--space-4);
  display: flex;
}

.landing-module__scJOqG__footerLinks a {
  color: inherit;
  text-underline-offset: .2em;
  text-decoration: underline;
}

@keyframes landing-module__scJOqG__landingRise {
  from {
    opacity: 0;
    transform: translateY(var(--space-5));
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes landing-module__scJOqG__landingFloatIn {
  from {
    opacity: 0;
    transform: translateY(var(--space-6)) rotate(3deg);
  }

  to {
    opacity: 1;
    transform: translateY(0)rotate(0);
  }
}

@media (max-width: 860px) {
  .landing-module__scJOqG__navigation {
    display: none;
  }

  .landing-module__scJOqG__hero {
    min-height: auto;
    padding-top: var(--space-6);
    grid-template-columns: 1fr;
  }

  .landing-module__scJOqG__heroCopy {
    max-width: 44rem;
  }

  .landing-module__scJOqG__heroVisual {
    margin: var(--space-6) auto 0;
    width: 100%;
    max-width: 38rem;
  }

  .landing-module__scJOqG__benefitGrid {
    grid-template-columns: 1fr;
  }

  .landing-module__scJOqG__benefitCard {
    min-height: auto;
  }

  .landing-module__scJOqG__benefitCard:nth-child(2) {
    transform: none;
  }

  .landing-module__scJOqG__stepsSection {
    gap: var(--space-7);
    grid-template-columns: 1fr;
  }

  .landing-module__scJOqG__stepList li:nth-child(2) {
    transform: none;
  }

  .landing-module__scJOqG__highlightSection {
    margin-inline: var(--space-5);
    grid-template-columns: 1fr;
  }

  .landing-module__scJOqG__highlightVisual {
    max-width: 34rem;
  }

  .landing-module__scJOqG__finalCta {
    margin-inline: var(--space-5);
  }

  .landing-module__scJOqG__footer {
    grid-template-columns: 1fr 1fr;
  }

  .landing-module__scJOqG__footerLinks {
    justify-content: flex-end;
  }

  .landing-module__scJOqG__footer small {
    text-align: right;
  }
}

@media (max-width: 560px) {
  .landing-module__scJOqG__header {
    height: 4.75rem;
    padding-inline: var(--space-4);
  }

  .landing-module__scJOqG__brandMark {
    width: 2.35rem;
    height: 2.35rem;
  }

  .landing-module__scJOqG__headerCta {
    padding: var(--space-3) var(--space-4);
    font-size: .78rem;
  }

  .landing-module__scJOqG__hero, .landing-module__scJOqG__benefitsSection, .landing-module__scJOqG__stepsSection {
    padding-left: var(--space-4);
    padding-right: var(--space-4);
  }

  .landing-module__scJOqG__hero {
    padding-bottom: var(--space-8);
  }

  .landing-module__scJOqG__landing h1 span, .landing-module__scJOqG__landing h1 em {
    white-space: normal;
  }

  .landing-module__scJOqG__landing h1 {
    font-size: clamp(2.25rem, 10vw, 3.2rem);
    line-height: 1.04;
  }

  .landing-module__scJOqG__heroDescription {
    font-size: .96rem;
    line-height: 1.6;
  }

  .landing-module__scJOqG__heroAction {
    flex-direction: column;
    align-items: flex-start;
  }

  .landing-module__scJOqG__visualFrame {
    border-radius: var(--radius-md);
    box-shadow: var(--space-2) var(--space-2) 0 var(--navy);
  }

  .landing-module__scJOqG__heroVisual {
    width: calc(100% - var(--space-4));
  }

  .landing-module__scJOqG__floatChipTop {
    right: 2%;
  }

  .landing-module__scJOqG__floatChipBottom, .landing-module__scJOqG__coinOne {
    left: 2%;
  }

  .landing-module__scJOqG__benefitsSection, .landing-module__scJOqG__stepsSection {
    padding-block: var(--space-8);
  }

  .landing-module__scJOqG__sectionHeading {
    text-align: left;
  }

  .landing-module__scJOqG__benefitCard {
    padding: var(--space-5);
  }

  .landing-module__scJOqG__cardEyebrow {
    margin-top: var(--space-7) !important;
  }

  .landing-module__scJOqG__stepList li {
    gap: var(--space-3);
    grid-template-columns: auto 1fr;
  }

  .landing-module__scJOqG__stepArrow {
    display: none;
  }

  .landing-module__scJOqG__highlightSection {
    border-radius: var(--radius-lg);
    gap: var(--space-7);
    margin-inline: var(--space-4);
    padding: var(--space-5);
  }

  .landing-module__scJOqG__highlightVisual {
    padding: var(--space-5);
  }

  .landing-module__scJOqG__giftBadge {
    bottom: calc(var(--space-4) * -1);
    right: var(--space-4);
  }

  .landing-module__scJOqG__finalCta {
    border-radius: var(--radius-lg);
    margin-inline: var(--space-4);
    margin-top: var(--space-8);
    padding: var(--space-8) var(--space-4);
  }

  .landing-module__scJOqG__ctaCoinOne {
    top: 8%;
    left: -3%;
  }

  .landing-module__scJOqG__ctaCoinTwo {
    bottom: 5%;
    right: -3%;
  }

  .landing-module__scJOqG__downloadButtons {
    flex-direction: column;
    align-items: stretch;
  }

  .landing-module__scJOqG__landing .landing-module__scJOqG__downloadButton {
    min-width: 0;
  }

  .landing-module__scJOqG__footer {
    padding-inline: var(--space-4);
    grid-template-columns: 1fr;
  }

  .landing-module__scJOqG__footerLinks {
    flex-wrap: wrap;
    justify-content: flex-start;
  }

  .landing-module__scJOqG__footer small {
    text-align: left;
  }
}

@media (prefers-reduced-motion: reduce) {
  .landing-module__scJOqG__heroCopy, .landing-module__scJOqG__heroVisual {
    animation: none;
  }

  .landing-module__scJOqG__landing *, .landing-module__scJOqG__landing :before, .landing-module__scJOqG__landing :after {
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
  }
}

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