.discover-body { background: #e5f6ff; color: #333; }
.discover-body .footer { margin-top: 0; }
.discover-body dialog { color: #333; }
.discover-symbols { position: absolute; width: 0; height: 0; overflow: hidden; }
.discover-visually-hidden { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.discover-icon { display: inline-block; width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; flex-shrink: 0; vertical-align: middle; }
.discover-page { --discover-blue: #192898; --discover-sky: #51a4eb; background: #e5f6ff url('../images/discover/pattern.png') center 500px / 1440px auto repeat-y; padding-bottom: 65px; }
.discover-page button, .discover-dialog button { cursor: pointer; }
.discover-page a:focus-visible, .discover-page button:focus-visible, .discover-dialog a:focus-visible, .discover-dialog button:focus-visible { outline: 3px solid #00b5ea; outline-offset: 4px; }
.discover-page section { overflow: visible; }
.discover-container { width: calc(100% - 48px); max-width: 1068px; margin-inline: auto; }
.discover-hero { position: relative; }
.discover-hero::after { content: ''; position: absolute; inset: auto 0 0; height: clamp(18px, 4vw, 60px); background: linear-gradient(to bottom, transparent, #e5f6ff); pointer-events: none; }
.discover-hero-image { display: block; width: 100%; height: auto; aspect-ratio: 1440 / 560; object-fit: cover; }
.discover-subnav { position: absolute; right: 0; top: 0; display: flex; align-items: center; gap: 24px; min-height: 74px; padding: 12px 24px; background: #fff; border-radius: 0 0 0 16px; }
.discover-subnav > a, .discover-subnav > button { color: #333; font-size: 14px; font-weight: 700; text-transform: uppercase; white-space: nowrap; }
.discover-subnav > a:hover, .discover-subnav > button:hover { color: var(--discover-blue); }
.discover-subnav .discover-home-link { color: var(--discover-blue); }
.discover-subnav .discover-join-button { color: #fff; padding: 13px 18px; border-radius: 8px; background: linear-gradient(110deg, #53b9e9, #192898); transition: filter .2s; }
.discover-subnav .discover-join-button:hover { color: #fff; filter: brightness(1.1); }
.discover-subnav .discover-join-button[aria-current] { color: #fff; }
.discover-milestones { padding-top: 46px; }
.discover-section-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 32px; }
.discover-heading { color: var(--discover-blue); font-size: clamp(36px, 4.1vw, 58px); font-weight: 700; font-style: italic; line-height: 1.08; text-transform: uppercase; margin: 0; letter-spacing: -.7px; }
.discover-heading > span { display: block; font-size: .64em; line-height: 1.25; letter-spacing: 0; margin-top: 4px; }
.discover-condition-wrap { position: relative; flex: 0 1 584px; padding-top: 9px; padding-bottom: 27px; }
.discover-conditions { color: #fff; background: var(--discover-sky); padding: 10px 18px 12px; border-radius: 5px; clip-path: polygon(0 0,100% 0,100% 43%,68% 43%,62% 100%,0 100%); }
.discover-conditions h3 { font-size: 18px; line-height: 1.3; font-style: italic; font-weight: 700; text-transform: uppercase; white-space: nowrap; margin-bottom: 5px; }
.discover-conditions ul { font-size: 14px; line-height: 1.5; list-style: disc; padding-left: 18px; }
.discover-condition-pin { position: absolute; width: 38px; height: 42px; bottom: 23px; right: 60px; color: var(--discover-blue); fill: var(--discover-blue); stroke: #e5f6ff; stroke-width: 1.5; }
.discover-milestone-grid { position: relative; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); align-items: end; gap: 20px; padding-top: 34px; }
.discover-route-line { position: absolute; left: 0; right: 35%; top: 0; display: flex; align-items: center; gap: 16px; }
.discover-route-line span, .discover-prize-route span { width: 90px; height: 22px; border-radius: 50%; background: var(--discover-blue); border: 3px double #e5f6ff; }
.discover-route-line i, .discover-prize-route i { flex: 1; border-top: 2px dashed var(--discover-blue); }
.discover-milestone { position: relative; display: flex; flex-direction: column; padding: 15px 10px 18px; border-radius: 9px; background: var(--discover-blue); color: #fff; overflow: hidden; min-width: 0; }
.discover-milestone--basic { padding-top: 15px; }
.discover-milestone--breakthrough { padding-top: 27px; }
.discover-milestone--conquer { padding-top: 57px; }
.discover-checkers { position: absolute; width: 112px; height: 66px; right: 10px; top: 10px; background: repeating-conic-gradient(#081b86 0% 25%,transparent 0% 50%) 0 0 / 34px 34px; opacity: .45; mask-image: linear-gradient(115deg, transparent 5%, #000); pointer-events: none; }
.discover-milestone h3 { position: relative; font-size: 22px; font-weight: 700; font-style: normal; text-transform: uppercase; line-height: 1.25; }
.discover-checkin { position: relative; margin: 3px 0 10px; font-size: 15px; text-transform: uppercase; line-height: 1.4; }
.discover-gift-image { display: grid; place-items: center; height: 212px; background: #e5f6ff url('../images/discover/pattern.png') center top / 650px; border-radius: 8px; clip-path: polygon(0 0,53% 0,66% 16%,100% 16%,100% 100%,0 100%); padding: 14px 8px 4px; }
.discover-gift-image img { display: block; object-fit: contain; width: 100%; height: 100%; min-height: 0; }
.discover-milestone--conquer .discover-gift-image { padding-inline: 3px; }
.discover-milestone-copy { padding-top: 12px; font-size: 15px; line-height: 1.36; min-height: 86px; }
.discover-gift-label { font-size: 15px; text-transform: uppercase; margin-bottom: 5px; }
.discover-milestone-copy { font-style: normal; }
.discover-detail-button { display: inline-flex; align-items: center; justify-content: center; gap: 3px; align-self: flex-start; color: var(--discover-blue); background: #fff; border: 1px solid #fff; border-radius: 4px; padding: 8px 10px; font-size: 13px; font-weight: 700; line-height: 1; text-transform: uppercase; transition: background .2s, transform .2s; }
.discover-detail-button .discover-icon { width: 15px; height: 17px; }
.discover-detail-button:hover { background: #dff6ff; transform: translateY(-2px); }
.discover-prizes { margin-top: 52px; }
.discover-prize-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 25px; }
.discover-finish-line { width: 44%; height: 46px; margin-top: 19px; background: repeating-conic-gradient(#fff 0% 25%,transparent 0% 50%) 0 0 / 46px 46px; }
.discover-prize-stage { position: relative; height: 478px; margin-top: -24px; isolation: isolate; }
.discover-prize-background { position: absolute; inset: 0 0 8px; border-radius: 30px; background: var(--discover-blue); clip-path: polygon(0 10%,39% 10%,43% 0,100% 0,100% 85%,55% 85%,47% 100%,0 100%); z-index: -1; }
.discover-prize-background .discover-checkers { width: 270px; height: 170px; top: auto; bottom: 72px; right: 20px; background-size: 98px 98px; opacity: .52; }
.discover-motorcycle { position: absolute; width: 47%; height: 100%; object-fit: contain; left: 29%; bottom: 2px; z-index: 1; pointer-events: none; }
.discover-motorcycle-prize { position: absolute; right: 20px; top: 20px; color: #fff; text-align: right; z-index: 2; }
.discover-motorcycle-prize h3, .discover-photo-prize h3 { display: inline-block; font-size: 18px; line-height: 1.25; font-weight: 700; background: var(--discover-sky); border-radius: 7px; padding: 10px 14px; text-transform: uppercase; }
.discover-motorcycle-prize p { text-transform: uppercase; font-size: 14px; line-height: 1.25; margin-top: 15px; }
.discover-motorcycle-prize strong { display: block; font-size: 22px; line-height: 1.3; font-weight: 700; text-transform: uppercase; margin-top: 3px; }
.discover-photo-prize { position: absolute; bottom: 23px; left: 20px; width: 275px; color: #fff; z-index: 2; }
.discover-photo-prize > img { display: block; width: 100%; height: auto; border-radius: 8px; }
.discover-photo-prize-label { display: flex; align-items: center; justify-content: space-between; margin: 12px 0 13px; }
.discover-photo-prize-label span { display: grid; place-items: center; background: #fff; color: var(--discover-blue); border-radius: 12px; width: 54px; height: 45px; font-size: 40px; line-height: 1; transform: rotate(-6deg); }
.discover-photo-prize p { font-size: 16px; text-transform: uppercase; font-style: italic; }
.discover-photo-prize strong { font-size: 22px; line-height: 1.25; display: block; text-transform: uppercase; font-style: italic; font-weight: 700; white-space: nowrap; }
.discover-prize-route { position: absolute; bottom: 27px; left: 54%; right: 0; display: flex; align-items: center; gap: 16px; }
.discover-stories { max-width: 1272px; width: calc(100% - 48px); margin: 48px auto 0; scroll-margin-top: 110px; }
.discover-stories > h2 { text-align: center; color: var(--discover-blue); font-size: 36px; line-height: 1.25; font-style: italic; font-weight: 700; text-transform: uppercase; margin-bottom: 32px; }
.discover-empty { column-span: all; text-align: center; padding: 60px 20px; }
.discover-empty .discover-icon { width: 50px; height: 50px; color: var(--discover-blue); margin-bottom: 20px; }
.discover-empty a { display: inline-block; margin-top: 15px; color: var(--discover-blue); text-decoration: underline; }
.discover-dialog { border: 0; border-radius: 20px; padding: 36px; width: min(580px,calc(100% - 32px)); max-height: calc(100dvh - 48px); overflow-y: auto; text-align: center; background: #f1faff; box-shadow: 0 24px 100px #09195940; }
.discover-dialog::backdrop { background: #08143aa6; backdrop-filter: blur(4px); }
.discover-dialog-close { position: absolute; right: 14px; top: 14px; width: 36px; height: 36px; display: grid; place-items: center; border-radius: 50%; background: #fff; color: #192898; z-index: 4; box-shadow: 0 2px 12px #11279c12; }
.discover-dialog-logo { width: 210px; height: auto; margin: 0 auto 24px; }
.discover-dialog h2 { color: #192898; font-size: 34px; line-height: 1.15; font-weight: 700; font-style: italic; text-transform: uppercase; margin-bottom: 15px; }
.discover-dialog h3 { color: #192898; font-size: 18px; text-transform: uppercase; font-weight: 700; margin-bottom: 8px; }
.discover-dialog p { font-size: 16px; line-height: 1.5; }
.discover-dialog p + p { margin-top: 10px; }
.discover-dialog-eyebrow { font-size: 13px !important; color: #5880b0; text-transform: uppercase; font-weight: 700; letter-spacing: 2px; margin-bottom: 8px; }
.discover-dialog-subtitle { color: #192898; text-transform: uppercase; }
.discover-dialog-gift { display: block; height: 220px; width: 100%; object-fit: contain; margin: 16px auto 22px; }
.discover-dialog-note { background: #e1f1ff; border-radius: 10px; text-align: left; padding: 20px; margin-block: 24px; font-size: 15px; line-height: 1.6; }
.discover-dialog-note ul { list-style: disc; padding-left: 20px; margin-top: 8px; }
.discover-dialog-note a { display: inline-block; color: #192898; font-weight: 700; text-decoration: underline; margin-top: 12px; }
.discover-primary-button { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 46px; color: #fff; background: linear-gradient(110deg,#50b6e8,#192898); border-radius: 8px; padding: 12px 24px; font-size: 15px; text-transform: uppercase; font-weight: 700; margin-top: 22px; }
.discover-primary-button:hover { filter: brightness(1.1); }
.discover-ranking-icon { display: block; width: 70px; height: 70px; color: #51a4eb; margin: 25px auto; stroke-width: 1.3; }
.discover-signup-link { font-size: 14px !important; margin-top: 18px; }
.discover-signup-link a { color: #192898; text-decoration: underline; }
@media (min-width: 1600px) {
  .discover-page { background-size: 100% auto; }
}
@media (max-width: 1100px) {
  .discover-hero { padding-top: 60px; }
  .discover-subnav { width: 100%; min-height: 60px; justify-content: flex-end; padding: 10px 20px; border-radius: 0; }
  .discover-heading { font-size: 45px; }
  .discover-conditions h3 { font-size: 15px; white-space: normal; }
  .discover-condition-wrap { flex-basis: 490px; }
  .discover-conditions ul { font-size: 13px; }
  .discover-gift-image { height: 190px; }
  .discover-milestone-copy { min-height: 105px; }
  .discover-photo-prize { width: 25%; }
  .discover-photo-prize strong { font-size: 18px; }
  .discover-motorcycle-prize strong { font-size: 20px; }
  .discover-motorcycle-prize h3 { font-size: 16px; }
}
@media (min-width: 768px) and (max-width: 950px) {
  .discover-section-heading { display: block; }
  .discover-condition-wrap { width: 100%; max-width: 584px; margin-left: auto; padding-top: 20px; }
}
@media (max-width: 767px) {
  .discover-container, .discover-stories { width: calc(100% - 40px); max-width: 500px; }
  .discover-page { --discover-blue: #11279c; --discover-sky: #51a4eb; background: #e5f6ff; padding-bottom: 38px; }
  .discover-hero { padding-top: 0; }
  .discover-hero-image { height: auto; min-height: 0; aspect-ratio: 375 / 497; object-fit: contain; }
  .discover-subnav { left: 20px; right: auto; top: 8px; width: 192px; min-height: 0; gap: 16px; flex-direction: column; align-items: flex-start; padding: 16px; border: 1px solid #e0e0e0; border-radius: 0; box-shadow: none; }
  .discover-subnav > a, .discover-subnav > button { font-size: 14px; line-height: 19px; }
  .discover-subnav .discover-join-button { padding: 12px 15px; border-radius: 10px; }
  .discover-subnav .discover-icon { width: 20px; height: 20px; }
  .discover-milestones { padding-top: 20px; }
  .discover-section-heading { display: block; }
  .discover-heading { font-size: clamp(39px, 12.8vw, 48px); line-height: 1.33; letter-spacing: 0; }
  .discover-heading > span { font-size: clamp(24px, 7.733vw, 29px); line-height: 1.33; margin-top: 0; }
  .discover-condition-wrap { padding-top: 19px; padding-bottom: 0; }
  .discover-conditions { min-height: 131px; padding: 8px 10px 27px; border-radius: 10px; clip-path: polygon(0 0,100% 0,100% 66%,82% 66%,73.5% 100%,0 100%); }
  .discover-conditions h3 { white-space: normal; font-size: clamp(16px, 5.333vw, 20px); line-height: 1.3; margin-bottom: 0; }
  .discover-conditions h3 span { display: block; }
  .discover-conditions ul { max-width: 100%; font-size: clamp(12px, 3.733vw, 14px); line-height: 22px; padding-left: 20px; }
  .discover-condition-pin { right: 0; bottom: 0; width: 30px; height: 40px; }
  .discover-milestone-grid { gap: 8px; grid-template-columns: 1fr; padding-top: 24px; }
  .discover-route-line { display: none; }
  .discover-milestone { display: flex; padding: 10px 9px 16px; border-radius: 8px; }
  .discover-milestone--breakthrough { padding-top: 20px; }
  .discover-milestone--conquer { padding-top: 43px; }
  .discover-milestone h3 { font-size: 20px; line-height: 27px; }
  .discover-checkin { font-size: 14px; line-height: 19px; margin: 0 0 10px; }
  .discover-gift-image { height: auto; min-height: 0; aspect-ratio: 317 / 202; padding: 8px 4px 0; background: #e5f6ff; clip-path: polygon(0 0,53% 0,66% 16%,100% 16%,100% 100%,0 100%); }
  .discover-gift-image img { min-height: 0; }
  .discover-milestone-copy { min-height: 0; padding: 12px 0 16px; font-size: 14px; line-height: 19px; }
  .discover-gift-label { font-size: 14px; margin-bottom: 5px; }
  .discover-detail-button { padding: 7px 10px; font-size: 12px; }
  .discover-checkers { width: 112px; height: 66px; background-size: 34px 34px; mask-image: none; }
  .discover-prizes { margin-top: 36px; container-type: inline-size; }
  .discover-prize-heading { display: block; text-align: center; }
  .discover-prize-heading .discover-heading { font-size: min(44px, 13.134cqw); line-height: 1.33; white-space: nowrap; }
  .discover-prize-heading .discover-heading > span { font-size: min(29px, 8.657cqw); }
  .discover-finish-line, .discover-prize-route, .discover-prize-background .discover-checkers { display: none; }
  .discover-prize-stage { display: flex; flex-direction: column; height: auto; margin-top: 16px; padding: 52px 24px 0 30px; }
  .discover-prize-background { border-radius: 20px; inset: 0 0 10px; clip-path: polygon(0 4%,28% 4%,39% 0,100% 0,100% 88%,62% 88%,44% 100%,0 100%); }
  .discover-photo-prize { position: relative; top: auto; left: auto; bottom: auto; order: 0; width: calc(100% - 6px); container-type: inline-size; }
  .discover-photo-prize > img { max-width: none; }
  .discover-photo-prize h3, .discover-motorcycle-prize h3 { background: #1b9efc; }
  .discover-photo-prize-label { margin: 14px 0 6px; gap: 8px; }
  .discover-photo-prize h3 { font-size: 16px; line-height: 22px; padding: 8px 12px; }
  .discover-photo-prize-label span { width: 58px; height: 54px; padding-bottom: 9px; font-size: 40px; border-radius: 0; transform: none; clip-path: polygon(24% 0,76% 0,91% 11%,100% 27%,100% 57%,84% 73%,65% 74%,50% 100%,34% 74%,16% 73%,0 57%,0 27%,9% 11%); }
  .discover-photo-prize p { font-size: 14px; line-height: 19px; }
  .discover-photo-prize strong { font-size: min(20px, 7.272cqw); line-height: 27px; white-space: nowrap; }
  .discover-motorcycle-prize { position: relative; top: auto; right: auto; left: auto; order: 1; margin-top: 34px; text-align: right; container-type: inline-size; }
  .discover-motorcycle-prize h3 { font-size: min(16px, 5.694cqw); line-height: 22px; padding: 8px 12px; white-space: nowrap; }
  .discover-motorcycle-prize p { font-size: 14px; line-height: 17px; margin-top: 14px; }
  .discover-motorcycle-prize strong { font-size: min(20px, 7.117cqw); line-height: 27px; white-space: nowrap; }
  .discover-motorcycle { position: relative; top: auto; bottom: auto; left: -40px; order: 2; width: calc(100% + 64px); max-width: none; height: auto; margin-top: 6px; }
  .discover-stories { margin-top: 24px; }
  .discover-stories > h2 { font-size: 24px; line-height: 33px; margin-bottom: 24px; }
  .discover-dialog { padding: 30px 22px; border-radius: 16px; }
  .discover-dialog h2 { font-size: 28px; }
  .discover-dialog-logo { width: 175px; }
  .discover-dialog-gift { height: 170px; }
  .discover-dialog-note { padding: 16px; font-size: 14px; }
  .discover-dialog p { font-size: 14px; }
}
@media (prefers-reduced-motion: reduce) {
  .discover-page *, .discover-dialog *, .discover-nav-link img { transition: none !important; }
}

/* Curated native social embeds. Each provider keeps its own player and attribution. */
.discover-stories > h2 { margin-bottom: 32px; }
.discover-social-grid { column-count: 3; column-gap: 24px; }
.discover-social-card { display: inline-block; vertical-align: top; width: 100%; margin-bottom: 24px; break-inside: avoid; min-width: 0; overflow: hidden; border: 1px solid #d8e5ec; border-radius: 16px; background: #fff; box-shadow: 0 8px 25px #193a7609; }
.discover-social-card-header { padding: 18px 18px 16px; }
.discover-social-badge { display: inline-block; border-radius: 5px; padding: 4px 8px; font: 700 11px/1.2 Arial,sans-serif; background: #e7f0ff; color: #1668da; margin-bottom: 10px; }
.discover-social-card--tiktok .discover-social-badge { color: #fff; background: #18202c; }
.discover-social-card--instagram .discover-social-badge { color: #ad227b; background: #fff0f7; }
.discover-social-card-header h3 { color: #192898; font-size: 18px; line-height: 1.3; font-weight: 700; }
.discover-social-card-header p { font: 12px/1.5 Arial,sans-serif; margin-top: 6px; color: #6b7685; overflow-wrap: anywhere; }
.discover-social-embed { width: 100%; overflow: hidden; background: #fff; }
.discover-social-embed iframe { display: block; border: 0; max-width: none; }
.discover-social-embed--facebook { --facebook-scale: 1; }
.discover-social-embed--facebook iframe { width: 500px; transform: scale(var(--facebook-scale)); transform-origin: top left; }
.discover-social-embed--tiktok { aspect-ratio: 9 / 16; background: #10141b; }
.discover-social-embed--tiktok iframe { width: 100%; height: 100%; }
.discover-social-embed--instagram .instagram-media { width: 100% !important; min-width: 0 !important; max-width: 100% !important; margin: 0 !important; box-shadow: none !important; border: 0 !important; }
.discover-social-embed--instagram blockquote { min-height: 400px; display: grid; place-items: center; padding: 24px; text-align: center; color: #192898; background: #f6f9fc; }
.discover-social-card-footer { padding: 15px 18px; border-top: 1px solid #e9eef3; }
.discover-social-card-footer a { display: flex; justify-content: space-between; align-items: center; min-height: 28px; color: #192898; font-size: 13px; font-weight: 700; }
.discover-social-card-footer a:hover { text-decoration: underline; }
.discover-social-card-footer p { font: 11px/1.5 Arial,sans-serif; color: #738195; margin-top: 5px; }
.discover-social-card[hidden] { display: none; }
@media (max-width: 1140px) {
  .discover-social-grid { column-count: 2; }
}
@media (max-width: 749px) {
  .discover-social-grid { column-count: 1; max-width: 500px; margin-inline: auto; }
  .discover-social-card { margin-bottom: 20px; }
  .discover-stories > h2 { margin-bottom: 24px; }
}

/* September QC: a persistent submenu shared by every Discover page. */
.discover-success-dialog { width: min(654px, calc(100% - 32px)); background: #fff; }
.discover-success-dialog h2 { font: italic 700 30px/1.3 'SFU Eurostile', Arial, sans-serif; }
.discover-success-dialog p { font-size: 16px; line-height: 1.5; }
.discover-success-dialog a { color: #20228d; text-decoration: underline; }
.discover-success-dialog .discover-primary-button { background: #20228d; }
.discover-subnav-space { height: 74px; }
.discover-subnav { --discover-blue: #11279c; position: fixed; top: 80px; left: 0; right: 0; width: 100%; height: 74px; min-height: 74px; justify-content: flex-end; flex-direction: row; align-items: center; padding: 12px max(24px, calc((100vw - 1280px) / 2)); gap: 24px; border: 0; border-radius: 0; box-shadow: 0 3px 12px #11279c0b; z-index: 40; }
.discover-subnav [aria-current="page"] { color: #11279c; }
.discover-subnav a:focus-visible, .discover-subnav button:focus-visible { outline: 3px solid #51a4eb; outline-offset: 4px; }
.discover-hero { padding-top: 0; }
.discover-hero-image { aspect-ratio: 16 / 9; object-fit: contain; }
/* QC row 28: complete transparent gift compositions exported from Figma. */
.discover-gift-image--figma { background: #fff; padding: 34px 8px 8px; }
.discover-milestone--conquer .discover-gift-image--figma { padding-inline: 8px; }
.discover-milestone-copy { padding-bottom: 12px; }
.discover-checkin, .discover-gift-label, .discover-motorcycle-prize p,
.discover-motorcycle-prize strong, .discover-photo-prize p, .discover-photo-prize strong { text-transform: none; }
.discover-conditions { clip-path: polygon(0 0,100% 0,100% 61%,91% 61%,84% 100%,0 100%); padding-right: 32px; }
.discover-conditions li { padding-right: 8px; }
.discover-condition-pin { right: 4px; }
.discover-motorcycle { width: 44.66%; height: auto; aspect-ratio: 948 / 900; left: 30.52%; bottom: 22px; overflow: hidden; filter: drop-shadow(0 10px 18px #07145d55); }
/* Fit the visible bike, excluding the source image's transparent margins. */
.discover-motorcycle > img { position: absolute; display: block; width: 136.7089%; max-width: none; height: auto; left: -18.3544%; top: -10.4444%; }
.discover-motorcycle-prize { top: 24px; right: 20px; }
.discover-prize-stage { margin-top: 6px; height: 496px; }
.discover-motorcycle-prize p { font-style: italic; }
.discover-motorcycle-prize strong { font-style: italic; }
.discover-milestone-dialog { width: min(612px, calc(100% - 32px)); padding: 24px 20px 20px; border-radius: 20px; background: #fff; }
.discover-milestone-dialog h2 { font-size: 32px; line-height: 1.3; padding-inline: 20px; margin: 0 0 24px; }
.discover-milestone-dialog .discover-dialog-close { right: 8px; top: 8px; box-shadow: none; }
.discover-dialog-section { background: #e8e9f4; border-radius: 20px; padding: 16px 24px; text-align: left; margin-top: 16px; }
.discover-dialog-section h3 { display: flex; align-items: center; gap: 6px; color: #333; font-size: 18px; line-height: 24px; margin-bottom: 8px; }
.discover-dialog-section p, .discover-dialog-section li { font-size: 15px; line-height: 1.3; font-style: italic; }
.discover-dialog-section ul { list-style: none; }
.discover-dialog-section li::before { content: '- '; }
.discover-locations-link { display: inline-flex; align-items: center; color: #11279c; font-size: 13px; font-weight: 700; text-transform: uppercase; margin-top: 8px; }
.discover-locations-link .discover-icon { width: 16px; height: 16px; }
.discover-checkin-guide { display: grid; grid-template-columns: minmax(0, 1fr) 116px; gap: 16px; align-items: center; }
.discover-checkin-example { width: 116px; height: 116px; border-radius: 12px; object-fit: cover; }
.discover-milestone-dialog .discover-primary-button { background: #11279c; margin-top: 24px; padding: 14px 30px; }
@media (max-width: 1100px) and (min-width: 768px) {
  .discover-prize-stage { height: auto; min-height: 420px; aspect-ratio: 1068 / 496; }
}
@media (max-width: 767px) {
  .discover-success-dialog h2 { font-size: 24px; }
  .discover-subnav-space { height: 64px; }
  .discover-subnav { top: 88px; height: 64px; min-height: 64px; gap: 16px; padding: 10px 20px; justify-content: center; }
  .discover-subnav > a, .discover-subnav > button { font-size: 12px; line-height: 18px; }
  .discover-subnav .discover-join-button { padding: 11px 12px; border-radius: 8px; }
  .discover-hero-image { aspect-ratio: 16 / 9; }
  .discover-conditions { min-height: 142px; padding: 10px 12px 25px; }
  .discover-conditions ul { max-width: 100%; }
  .discover-conditions h3 { margin-bottom: 5px; }
  .discover-condition-pin { bottom: 1px; right: 0; }
  .discover-checkin { font-size: 14px; }
  .discover-prize-stage { height: auto; margin-top: 16px; }
  .discover-motorcycle-prize { top: auto; right: auto; }
  .discover-motorcycle { width: calc(100% + 50px); height: auto; left: -32px; bottom: auto; margin-top: 20px; }
  .discover-milestone-dialog { padding: 24px 14px 20px; }
  .discover-milestone-dialog h2 { font-size: 24px; padding-inline: 12px; margin-bottom: 16px; }
  .discover-dialog-section { padding: 16px; border-radius: 16px; }
  .discover-dialog-section h3 { font-size: 16px; line-height: 22px; }
  .discover-dialog-section p, .discover-dialog-section li { font-size: 14px; }
  .discover-checkin-guide { grid-template-columns: minmax(0, 1fr) 86px; gap: 10px; }
  .discover-checkin-example { width: 86px; height: 100px; }
}
@media (max-width: 374px) {
  .discover-subnav { gap: 8px; padding-inline: 8px; }
  .discover-subnav > a, .discover-subnav > button { font-size: 10px; }
  .discover-subnav .discover-join-button { padding-inline: 8px; }
  .discover-subnav .discover-home-link .discover-icon { width: 18px; height: 18px; }
  .discover-checkin-guide { grid-template-columns: 1fr; }
  .discover-checkin-example { width: 100px; height: 100px; justify-self: center; }
}

.discover-social-embed--threads { min-height: 130px; display: grid; place-items: center; padding: 24px; text-align: center; }
.discover-motorcycle--custom { height: 90%; }
.discover-motorcycle--custom > img { position: static; width: 100%; height: 100%; object-fit: contain; }
.discover-gift-image--custom { display: grid; gap: 6px; background: #fff; padding: 34px 8px 8px; grid-template-columns: repeat(3,minmax(0,1fr)); grid-template-rows: none; grid-auto-rows: minmax(0,1fr); }
.discover-gift-image--custom img:last-child { grid-column: auto; grid-row: auto; object-fit: contain; }

.discover-gift-image--custom img { width: 100%; height: 100%; min-height: 0; object-fit: contain; }
.discover-gift-image--custom .discover-gift-original { grid-column: 1 / -1; }

/* Bug Challenge 1: refreshed artwork and consistently aligned milestones. */
.discover-hero-image { aspect-ratio: auto; object-fit: contain; }
.discover-milestone-grid { align-items: stretch; }
.discover-milestone--basic, .discover-milestone--breakthrough, .discover-milestone--conquer { padding-top: 18px; }
.discover-milestone-copy { flex: 1; }
.discover-prize-background .discover-checkers { opacity: .9; mask-image: none; }
.discover-photo-prize-label .discover-like-icon { width: 54px; height: 54px; color: #fff; }
.discover-checkin-example { object-fit: contain; background: #fff; }
@media (min-width: 768px) {
  /* Keep card bottoms aligned, with the same rise between successive milestones. */
  .discover-milestone-grid { --milestone-rise: 32px; }
  .discover-milestone--basic { margin-top: calc(2 * var(--milestone-rise)); }
  .discover-milestone--breakthrough { margin-top: var(--milestone-rise); }
  /* Fill the first screen below both navigation rows without stretching the art. */
  .discover-hero-image {
    height: calc(100vh - var(--discover-header-height, 60px) - var(--discover-subnav-height, 48px));
    height: calc(100svh - var(--discover-header-height, 60px) - var(--discover-subnav-height, 48px));
    object-fit: cover;
  }
}