:root {
	/* added by fgp */
	--has-fgp: initial;
	--element-has-fgp: initial;
	--parent-has-fgp: initial;
}

.app-download-page {
  --download-ink: #704600;
  --download-muted: #82715a;
  color: var(--download-ink);
  background: #fff;
}

.app-download-page .container { max-width: 1160px; }
.app-download-hero { position: relative; isolation: isolate; padding: 154px 0 72px; background: #feac2b; overflow: hidden; }
.app-download-hero__arcs { position: absolute; top: 0; right: 0; bottom: 0; left: 0; inset: 0; z-index: 0; width: 100%; height: 100%; overflow: hidden; pointer-events: none; }
.app-download-hero__arcs path { fill: none; stroke: #fff3d5; stroke-width: 1.5px; vector-effect: non-scaling-stroke; opacity: 0.1; }
.app-download-hero__arcs .app-download-hero__arc--right { opacity: 0.15; }
.app-download-hero__layout { position: relative; z-index: 1; display: grid; grid-template-columns: 1.15fr 1fr; align-items: center; gap: 40px; }
.app-download-hero__copy { position: relative; z-index: 2; min-width: 0; }
.gameful-site .app-download-eyebrow { margin: 0 0 22px; color: #957135; font-size: 12px !important; font-weight: 800; letter-spacing: .13em; line-height: 1.6; }
.gameful-site .app-download-hero h1,
.gameful-site .app-download-hero h1 span { font-size: clamp(48px, 4.65vw, 68px) !important; }
.app-download-hero h1 { margin: 0 0 22px; color: #fff; font-weight: 650; letter-spacing: -.035em; line-height: 1.06; }
.app-download-hero h1 span { color: #fff; }
.gameful-site .app-download-hero .app-download-eyebrow { color: #fff; }
.gameful-site .app-download-subtitle { margin-bottom: 32px; color: #fff; font-size: 21px !important; font-weight: 650; line-height: 1.5; }
.app-download-options { display: grid; grid-template-columns: 192px minmax(0, 1fr); gap: 20px; align-items: center; width: 100%; max-width: 486px; scroll-margin-top: 120px; }
.app-download-qr { margin: 0; padding: 10px 10px 12px; border-radius: 20px; background: #fff; text-align: center; }
.app-download-qr img { display: block; width: 100%; height: auto; aspect-ratio: 1; }
.gameful-site .app-download-qr figcaption { margin-top: 6px; color: #82715a; font-size: 13px !important; font-weight: 500; }
.app-download-platforms { display: grid; gap: 9px; min-width: 0; }
.no-flex-gap .app-download-platform > * > * {
	/* added by fgp */
	--parent-has-fgp: initial;
	--fgp-parent-gap-row: initial;
	--fgp-parent-gap-column: initial;
}
.no-flex-gap .app-download-platform > * {
	/* added by fgp */
	--parent-has-fgp: !important;
	--element-has-fgp: initial;
	pointer-events: var(--parent-has-fgp) auto;
	--fgp-parent-gap-row: 12px;
	--fgp-margin-top: var(--parent-has-fgp) calc(var(--fgp-gap-row) + var(--orig-margin-top, 0px));
	margin-top: var(--fgp-margin-top);
	--fgp-parent-gap-column: 12px;
	--fgp-margin-left: var(--parent-has-fgp) calc(var(--fgp-gap-column) + var(--orig-margin-left, 0px));
	margin-left: var(--fgp-margin-left);
}
.no-flex-gap .app-download-platform {
	/* added by fgp */
	--fgp-min-height: var(--element-has-fgp) calc(62px + var(--fgp-gap-row, 0px));
	--fgp-width: var(--element-has-fgp) calc(100% + var(--fgp-gap-column, 0%));
	--has-fgp: ;
	--element-has-fgp: ;
	pointer-events: var(--has-fgp) none;
	--fgp-gap-row: 12px;
	--fgp-margin-top: var(--has-fgp) calc(var(--fgp-parent-gap-row, 0px) / (1 + var(--fgp--parent-gap-as-decimal, 0)) - var(--fgp-gap-row) + var(--orig-margin-top, 0px)) !important;
	--fgp-gap-column: 12px;
	--fgp-margin-left: var(--has-fgp) calc(var(--fgp-parent-gap-column, 0px) / (1 + var(--fgp--parent-gap-as-decimal, 0)) - var(--fgp-gap-column) + var(--orig-margin-left, 0px)) !important;
	margin-top: var(--fgp-margin-top, var(--orig-margin-top));
	margin-left: var(--fgp-margin-left, var(--orig-margin-left));
}
.app-download-platform {
	display: flex;
	align-items: center;
	--fgp-gap: var(--has-fgp, 12px);
	gap: var(--fgp-gap, 0px);
	min-height: var(--fgp-min-height, 62px);
	width: var(--fgp-width, 100%);
	padding: 10px 15px;
	color: #80590a;
	text-align: left;
	background: #fff;
	border: 0;
	border-radius: 13px;
	transition: transform 180ms ease; }
@media (hover: hover) and (pointer: fine) {
  .app-download-platform:hover { transform: translateX(4px); }
}
.app-download-platform:focus-visible { transform: translateX(4px); }
.app-download-platform > svg:first-child { flex: 0 0 26px; width: 26px; height: 26px; }
.app-download-platform > svg:last-child { flex: 0 0 16px; width: 16px; height: 16px; margin-left: auto; }
.app-download-platform span { display: grid; gap: 1px; }
.gameful-site .app-download-platform small { font-size: 10px !important; font-weight: 500; letter-spacing: .04em; }
.gameful-site .app-download-platform strong { font-family: var(--display); font-size: 19px !important; font-weight: 600; line-height: 1.1; white-space: nowrap; }
.app-download-hero .download-phone-visual::before { content: ""; position: absolute; z-index: 0; top: 50%; left: 50%; width: min(440px, 92%); aspect-ratio: 1; border-radius: 50%; border: 1.5px solid #fff3d5; background: transparent; opacity: 0.15; transform: translate(-50%, -50%); pointer-events: none; }
.app-download-hero .download-phone-device { padding: 0; border: 9px solid #fff9e8; background: #fff9e8; }
@media (min-width: 721px) {
  .app-download-hero .download-phone-visual { --phone-half-width: min(115px, calc(50% - 140px)); }
  .app-download-hero .download-phone-highlight--top-left { left: auto; right: calc(50% + var(--phone-half-width) - 16px); }
  .app-download-hero .download-phone-highlight--bottom-left { left: auto; right: calc(50% + var(--phone-half-width) - 34px); }
  .app-download-hero .download-phone-highlight--top-right { right: auto; left: calc(50% + var(--phone-half-width) - 21px); }
  .app-download-hero .download-phone-highlight--bottom-right { right: auto; left: calc(50% + var(--phone-half-width) - 15px); }
}
@media (min-width: 1200px) {
  .app-download-hero .download-phone-visual { --phone-half-width: 125px; }
  .app-download-hero .download-phone-highlight { width: clamp(180px, calc(12.5vw + 30px), 190px); }
}
.app-download-features { padding: 88px 0 76px; }
.app-download-features__heading { margin-bottom: 40px; text-align: center; }
.app-download-features__heading .app-download-eyebrow { margin-bottom: 14px; }
.gameful-site .app-download-features__heading h2 { margin: 0; font-size: 42px !important; font-weight: 600; letter-spacing: -.02em; line-height: 1.15; color: var(--download-ink); }
.app-download-feature-list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; margin: 0; padding: 0; list-style: none; }
.app-download-feature { --feature-gradient: linear-gradient(135deg, #ff953d, #ffba34); padding: 28px; border-radius: 24px; background: #faf9f6; }
.app-download-feature--blue { --feature-gradient: linear-gradient(180deg, #4ec6ff, #6cd0ff); }
.app-download-feature--mint { --feature-gradient: linear-gradient(135deg, #22ddcb, #69efdf); }
.app-download-feature--purple { --feature-gradient: linear-gradient(180deg, #9685ff, #ac9fff); }
.app-download-feature--coral { --feature-gradient: linear-gradient(135deg, #ff8870, #ffb098); }
.app-download-feature__top { display: flex; justify-content: space-between; align-items: center; margin-bottom: 23px; }
.app-download-feature__icon { display: grid; width: 48px; height: 48px; place-items: center; border-radius: 15px; color: #fff; background: var(--feature-gradient); transition: transform 200ms ease; }
.app-download-feature__icon svg { width: 24px; height: 24px; }
@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
  .app-download-feature:hover .app-download-feature__icon { transform: scale(1.12); }
}
.gameful-site .app-download-feature__number { color: #b4a58c; font-size: 13px !important; font-weight: 800; letter-spacing: .08em; }
.gameful-site .app-download-feature h3 { margin: 0; color: var(--download-ink); font-size: 23px !important; font-weight: 550; line-height: 1.2; letter-spacing: 0; }
.app-download-feature--featured { position: relative; grid-column: 1 / -1; display: grid; grid-template-columns: 1fr 1fr; gap: 50px; align-items: center; padding: 32px 40px; background: #fff2d8; }
.app-download-feature--featured .app-download-feature__copy { max-width: 470px; }
.app-download-feature--featured .app-download-feature__number { position: absolute; top: 32px; right: 40px; }
.app-download-feature--featured .app-download-feature__top { margin-bottom: 18px; }
.gameful-site .app-download-feature--featured h3 { font-size: 30px !important; }
.app-download-conversation { display: grid; grid-template-columns: 82px 1fr; align-items: center; gap: 10px 16px; max-width: 390px; width: 100%; justify-self: center; }
.app-download-conversation > img { grid-column: 1; grid-row: 1 / 3; width: 82px; height: 82px; object-fit: contain; border-radius: 20px; }
.app-download-conversation__bubble { display: grid; gap: 3px; width: fit-content; padding: 15px 24px; border-radius: 20px 20px 20px 4px; background: #fff; grid-column: 2; }
.app-download-conversation__bubble:last-child { margin-left: 30px; background: #ffdf94; border-radius: 20px 20px 4px 20px; }
.gameful-site .app-download-conversation__bubble span { font-family: var(--cjk); color: #704600; font-size: 22px !important; font-weight: 600; }
.gameful-site .app-download-conversation__bubble small { color: #92703c; font-size: 12px !important; }
.no-flex-gap .app-download-bottom > * > * {
	/* added by fgp */
	--parent-has-fgp: initial;
	--fgp-parent-gap-row: initial;
	--fgp-parent-gap-column: initial;
}
.no-flex-gap .app-download-bottom > * {
	/* added by fgp */
	--parent-has-fgp: !important;
	--element-has-fgp: initial;
	pointer-events: var(--parent-has-fgp) auto;
	--fgp-parent-gap-row: 24px;
	--fgp-margin-top: var(--parent-has-fgp) calc(var(--fgp-gap-row) + var(--orig-margin-top, 0px));
	margin-top: var(--fgp-margin-top);
	--fgp-parent-gap-column: 24px;
	--fgp-margin-left: var(--parent-has-fgp) calc(var(--fgp-gap-column) + var(--orig-margin-left, 0px));
	margin-left: var(--fgp-margin-left);
}
.app-download-bottom > * {
	/* added by fgp */
	--orig-margin-top: initial;
}
.no-flex-gap .app-download-bottom {
	/* added by fgp */
	--has-fgp: ;
	--element-has-fgp: ;
	pointer-events: var(--has-fgp) none;
	--fgp-gap-row: 24px;
	--fgp-margin-top: var(--has-fgp) calc(var(--fgp-parent-gap-row, 0px) / (1 + var(--fgp--parent-gap-as-decimal, 0)) - var(--fgp-gap-row) + var(--orig-margin-top, 0px)) !important;
	--fgp-gap-column: 24px;
	--fgp-margin-left: var(--has-fgp) calc(var(--fgp-parent-gap-column, 0px) / (1 + var(--fgp--parent-gap-as-decimal, 0)) - var(--fgp-gap-column) + var(--orig-margin-left, 0px)) !important;
	margin-top: var(--fgp-margin-top, var(--orig-margin-top));
	margin-left: var(--fgp-margin-left, var(--orig-margin-left));
}
.app-download-bottom {
	display: flex;
	justify-content: space-between;
	align-items: center;
	--fgp-gap: var(--has-fgp, 24px);
	gap: var(--fgp-gap, 0px);
	--fgp-margin-top: initial;
	--orig-margin-top: 66px;
	padding: 36px 0 0;
	border-top: 1px solid #efe9df; }
.gameful-site .app-download-bottom h2 { margin: 0 0 7px; font-size: 32px !important; letter-spacing: -.01em; line-height: 1.2; color: var(--download-ink); font-weight: 550; }
.app-download-bottom p { margin: 0; color: var(--download-muted); }
.no-flex-gap .app-download-bottom > a > * > * {
	/* added by fgp */
	--parent-has-fgp: initial;
	--fgp-parent-gap-row: initial;
	--fgp-parent-gap-column: initial;
}
.no-flex-gap .app-download-bottom > a > * {
	/* added by fgp */
	--parent-has-fgp: !important;
	--element-has-fgp: initial;
	pointer-events: var(--parent-has-fgp) auto;
	--fgp-parent-gap-row: 20px;
	--fgp-margin-top: var(--parent-has-fgp) calc(var(--fgp-gap-row) + var(--orig-margin-top, 0px));
	margin-top: var(--fgp-margin-top);
	--fgp-parent-gap-column: 20px;
	--fgp-margin-left: var(--parent-has-fgp) calc(var(--fgp-gap-column) + var(--orig-margin-left, 0px));
	margin-left: var(--fgp-margin-left);
}
.no-flex-gap .app-download-bottom > a {
	/* added by fgp */
	--has-fgp: ;
	--element-has-fgp: ;
	pointer-events: var(--has-fgp) none;
	--fgp-gap-row: 20px;
	--fgp-margin-top: var(--has-fgp) calc(var(--fgp-parent-gap-row, 0px) / (1 + var(--fgp--parent-gap-as-decimal, 0)) - var(--fgp-gap-row) + var(--orig-margin-top, 0px)) !important;
	--fgp-gap-column: 20px;
	--fgp-margin-left: var(--has-fgp) calc(var(--fgp-parent-gap-column, 0px) / (1 + var(--fgp--parent-gap-as-decimal, 0)) - var(--fgp-gap-column) + var(--orig-margin-left, 0px)) !important;
	margin-top: var(--fgp-margin-top, var(--orig-margin-top));
	margin-left: var(--fgp-margin-left, var(--orig-margin-left));
}
.app-download-bottom > a {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-shrink: 0;
	--fgp-gap: var(--has-fgp, 20px);
	gap: var(--fgp-gap, 0px);
	padding: 18px 25px;
	border-radius: 15px;
	background: #ffac23;
	color: #fff;
	font-weight: 800;
	transition: transform 180ms ease, background-color 180ms ease; }
.app-download-bottom > a svg { transition: transform 180ms ease; }
.app-download-bottom > a:hover { background: #ffbf53; }

@media (hover: hover) and (pointer: fine) {
  .app-download-bottom > a:hover { transform: translateY(-3px); }
  .app-download-bottom > a:hover svg { transform: translate(3px, -3px); }
}

.app-download-bottom > a:focus-visible { transform: translateY(-3px); }
.app-download-bottom > a:focus-visible svg { transform: translate(3px, -3px); }

@media (max-width: 1199px) {
  .app-download-hero { padding-top: 132px; }
  .app-download-hero__layout { gap: 24px; grid-template-columns: 1.2fr 1fr; }
  .gameful-site .app-download-hero h1,
  .gameful-site .app-download-hero h1 span { font-size: 52px !important; }
  .app-download-options { grid-template-columns: 170px minmax(0, 1fr); gap: 14px; }
  .app-download-feature { padding: 24px; }
}

@media (max-width: 850px) {
  .app-download-hero__layout { grid-template-columns: 1fr; }
  .app-download-hero__copy { text-align: center; }
  .app-download-options { margin-left: auto; margin-right: auto; margin-inline: auto; }
  .app-download-feature-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .app-download-feature--featured { gap: 20px; }
  .app-download-conversation { grid-template-columns: 1fr; }
  .app-download-conversation > img { display: none; }
  .app-download-conversation__bubble { grid-column: 1; }
}

@media (max-width: 720px) {
  .app-download-hero__arc--top { display: none; }
  .app-download-hero__arcs .app-download-hero__arc--right { opacity: 0.1; }
  .app-download-hero { padding: 104px 0 38px; }
  .gameful-site .app-download-hero h1,
  .gameful-site .app-download-hero h1 span { font-size: clamp(38px, 10.3vw, 52px) !important; }
  .app-download-hero h1 { margin-bottom: 18px; }
  .gameful-site .app-download-eyebrow { font-size: 10px !important; letter-spacing: .09em; margin-bottom: 16px; }
  .gameful-site .app-download-subtitle { font-size: 17px !important; margin-bottom: 24px; }
  .app-download-options { grid-template-columns: minmax(0, 145px) minmax(0, 1fr); gap: 10px; max-width: 390px; }
  .app-download-qr { padding: 6px 6px 12px; border-radius: 16px; }
  .gameful-site .app-download-qr figcaption { font-size: 11px !important; }
  .app-download-platforms { gap: 7px; }
  .app-download-platform { min-height: 55px; padding: 9px 10px; gap: 8px; border-radius: 12px; }
  .app-download-platform > svg:first-child { width: 20px; height: 20px; flex-basis: 20px; }
  .app-download-platform > svg:last-child { width: 14px; height: 14px; flex-basis: 14px; }
  .gameful-site .app-download-platform strong { font-size: 16px !important; }
  .gameful-site .app-download-platform small { font-size: 9px !important; }
  .app-download-hero .download-phone-visual::before { top: 28px; width: min(310px, 88%); transform: translateX(-50%); }
  .app-download-hero .download-phone-device { border-width: 7px; }
  .app-download-features { padding: 52px 0; }
  .app-download-features__heading { margin-bottom: 28px; }
  .gameful-site .app-download-features__heading h2 { font-size: 31px !important; }
  .app-download-feature-list { grid-template-columns: 1fr; gap: 14px; }
  .app-download-feature--featured { grid-template-columns: 1fr; padding: 25px; }
  .app-download-feature--featured .app-download-feature__number { top: 25px; right: 25px; }
  .app-download-conversation { display: none; }
  .app-download-feature__top { margin-bottom: 18px; }
  .gameful-site .app-download-feature h3,
  .gameful-site .app-download-feature--featured h3 { font-size: 23px !important; }
  .app-download-bottom { flex-direction: column; align-items: stretch; margin-top: 36px; padding-top: 28px; text-align: center; }
  .gameful-site .app-download-bottom h2 { font-size: 28px !important; }
}

@media (max-width: 359px) {
  .app-download-options { grid-template-columns: 120px minmax(0, 1fr); gap: 8px; }
  .app-download-platform { gap: 6px; padding-left: 8px; padding-right: 8px; padding-inline: 8px; }
  .app-download-platform > svg:last-child { display: none; }
}

@media (prefers-reduced-motion: reduce) {
  .app-download-feature__icon { transition: none; }
  .app-download-platform,
  .app-download-platform:hover,
  .app-download-platform:focus-visible,
  .app-download-bottom > a,
  .app-download-bottom > a:hover,
  .app-download-bottom > a:focus-visible,
  .app-download-bottom > a svg,
  .app-download-bottom > a:hover svg,
  .app-download-bottom > a:focus-visible svg {
    transition: none !important;
    transform: none !important;
  }
}