@import url("/acquisition.css");
@font-face { font-family: Geist; font-style: normal; font-weight: 100 900; font-display: swap; src: url('/fonts/geist-latin.woff2') format('woff2'); }
@font-face { font-family: Geist; font-style: normal; font-weight: 100 900; font-display: swap; src: url('/fonts/geist-latin-ext.woff2') format('woff2'); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
.download-page { margin: 0; min-width: 320px; color: oklch(0.245 0.027 158); background: oklch(0.992 0.003 150); font: 16px/1.6 Geist, system-ui, sans-serif; font-synthesis: none; }
.download-page * { box-sizing: border-box; }
.download-page a { color: inherit; text-underline-offset: 4px; touch-action: manipulation; }
.download-page :is(a, summary):focus-visible, .download-options a:focus-visible { outline: 2px solid #447b62; outline-offset: 5px; }
.download-scene { position: relative; isolation: isolate; margin: 10px; border-radius: 26px; background: #edf4ed; padding: 14px 22px 64px; }
.download-atmosphere { position: absolute; inset: 0; z-index: -1; overflow: hidden; border-radius: inherit; pointer-events: none; background: linear-gradient(160deg, #e3eef0, #e9f1e3 60%, #cedfc5); }
.download-atmosphere img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center 65%; }
.download-atmosphere::after { content: ''; position: absolute; inset: 0; background: linear-gradient(180deg, #eaf3ee28 0%, #f4f8f124 38%, transparent 63%, #153d2610 100%); }
.download-header { position: relative; z-index: 2; display: flex; align-items: center; justify-content: space-between; gap: 24px; min-height: 66px; max-width: 1160px; margin: auto; padding: 8px 22px; border: 1px solid oklch(1 0 0 / .8); background: oklch(0.99 0.005 150 / .88); border-radius: 40px; box-shadow: 0 4px 24px #193e2410; }
.download-brand { display: inline-flex; gap: 7px; align-items: center; text-decoration: none; min-height: 44px; }
.download-brand img { width: 29px; height: 29px; object-fit: contain; }
.download-brand span { font-size: 28px; font-weight: 650; letter-spacing: -.04em; line-height: 1; }
.download-language { position: relative; font-size: 12px; }
.download-language summary { display: flex; align-items: center; gap: 12px; min-height: 44px; cursor: pointer; list-style: none; }
.download-language summary::-webkit-details-marker { display: none; }
.download-language summary::after { content: ''; width: 6px; height: 6px; border-right: 1px solid; border-bottom: 1px solid; transform: rotate(45deg); margin-top: -4px; }
.download-language nav { position: absolute; top: calc(100% + 18px); right: 0; width: 210px; padding: 12px 20px; border: 1px solid #d3dfd2; border-radius: 20px; background: #fcfdfb; box-shadow: 0 16px 48px #193e2420; }
.download-language nav a { display: flex; align-items: center; min-height: 44px; text-decoration: none; }
.download-language nav a[aria-current] { text-decoration: underline; font-weight: 650; }
.download-main { max-width: 850px; margin: 64px auto 0; }
.download-intro { text-align: center; text-shadow: 0 2px 18px #f7faf0b0; }
.download-eyebrow { display: inline-block; margin: 0; padding: 8px 12px; border: 1px solid #ffffffb0; border-radius: 99px; background: #f8fcf2b0; color: #37543f; font-size: 11px; font-weight: 500; }
.download-intro h1 { max-width: 780px; margin: 25px auto 23px; font-size: clamp(46px, 6.8vw, 84px); font-weight: 500; line-height: 1.04; letter-spacing: -.065em; text-wrap: balance; }
.download-description { max-width: 490px; margin: auto; font-size: 16px; line-height: 1.7; color: #3b5346; text-wrap: pretty; }
.download-free { margin: 24px 0 6px; font-size: 13px; font-weight: 550; color: #3b5346; }
.download-badges { display: flex; align-items: center; justify-content: center; gap: 10px; }
.btn-group > .download-action { flex-basis: 100%; min-width: 0; }
.download-badges a { display: inline-flex; flex: none; width: 208px; min-height: 44px; aspect-ratio: 646 / 250; align-items: center; justify-content: center; border-radius: 10px; }
.download-badges img { display: block; width: 100%; height: auto; }
.download-badges [data-store="ios"] img { width: 77%; }
.download-badges .preferred-store { outline: 2px solid #447b62; outline-offset: 3px; }
.download-browser { margin: 4px 0 0; font-size: 13px; }
.download-browser a, .download-invite a, .download-footer a { display: inline-flex; align-items: center; min-height: 44px; }
.download-support { display: grid; grid-template-columns: 208px minmax(0, 1fr); align-items: center; gap: 36px; max-width: 730px; margin: 40px auto 0; padding: 28px; border: 1px solid #ffffffd0; border-radius: 24px; background: #fcfdfbf2; box-shadow: 0 14px 45px #2c51311a; }
.download-qr { margin: 0; text-align: center; }
.download-qr img { display: block; width: 176px; max-width: 100%; height: auto; margin: auto; image-rendering: pixelated; }
.download-qr figcaption { font-size: 13px; font-weight: 550; margin-top: 12px; }
.download-qr a { display: block; overflow-wrap: anywhere; font-size: 11px; margin-top: 8px; }
.download-account { margin: 0; font-size: 15px; font-weight: 550; }
.download-compatibility { color: #526859; font-size: 12px; margin: 12px 0 0; }
.download-invite { margin-top: 20px; padding-top: 20px; border-top: 1px solid #d3dfd2; color: #496453; font-size: 13px; }
.download-invite p { margin: 0; }
.download-footer { display: flex; justify-content: space-between; align-items: center; gap: 20px; max-width: 1160px; margin: auto; padding: 18px 22px; color: #596b58; font-size: 12px; }
.download-store-links { display: flex; flex-wrap: wrap; gap: 12px; margin: 18px 0; }
.download-store-links a { display: inline-flex; align-items: center; justify-content: center; min-height: 48px; padding: 12px 20px; border: 1px solid #23533a; border-radius: 14px; background: #23533a; color: #f7faf6; font-size: 15px; font-weight: 650; text-align: center; text-decoration: none; }
.download-store-links a:hover { background: #193e2b; }
.download-store-links a.preferred-store { outline: 2px solid #4d8d65; outline-offset: 3px; }
.download-options { margin: 40px 0; padding: 24px 0; border-top: 1px solid var(--border, #d3dfd2); }
.download-options > a { display: inline-flex; min-height: 44px; align-items: center; }
@media print { .download-options { display: none !important; } }
@media (max-width: 600px) {
  .download-scene { margin: 6px; border-radius: 23px; padding: 10px 10px 32px; }
  .download-atmosphere img { object-position: 53% bottom; }
  .download-header { min-height: 59px; padding: 5px 15px; }
  .download-brand { min-width: 44px; }
  .download-brand img { width: 25px; height: 25px; }
  .download-brand span { display: none; }
  .download-main { margin-top: 50px; }
  .download-intro { padding-inline: 5px; }
  .download-intro h1 { font-size: clamp(46px, 11.6vw, 66px); letter-spacing: -.06em; line-height: 1.07; margin-bottom: 20px; }
  .download-description { font-size: 14px; line-height: 1.75; max-width: 340px; }
  .download-eyebrow { font-size: 10px; }
  .download-badges a { width: calc((100% - 10px) / 2); max-width: 190px; }
  .download-action .download-badges { flex-wrap: wrap; }
  .download-action .download-badges a { width: min(208px, 100%); max-width: 208px; }
  .download-browser { font-size: 12px; }
  .download-support { grid-template-columns: minmax(0, 1fr); gap: 24px; padding: 24px 20px; margin-top: 28px; }
  .download-qr { max-width: 230px; justify-self: center; }
  html[data-mobile-platform="ios"] .download-qr, html[data-mobile-platform="android"] .download-qr { display: none; }
}
@media (max-width: 760px) { .download-store-links { flex-direction: column; } }