@font-face { font-family: Inter; font-style: normal; font-weight: 400; font-display: swap; src: url("assets/fonts/Inter-Regular.woff2") format("woff2"); }

@font-face { font-family: Inter; font-style: normal; font-weight: 600; font-display: swap; src: url("assets/fonts/Inter-SemiBold.woff2") format("woff2"); }

@font-face { font-family: Poppins; font-style: normal; font-weight: 600; font-display: swap; src: url("assets/fonts/Poppins-SemiBold.woff2") format("woff2"); }
:root { --color-content-primary: #121d27; --color-content-secondary: #304158; --color-content-tertiary: #596888; --color-content-primary-inverse: #ffffff; --color-content-secondary-inverse: #bbc0dc; --color-content-tertiary-inverse: #8b95b9; --color-content-accent: #00b7c6; --color-surface-primary: #ffffff; --color-surface-secondary: #f5f5f7; --color-surface-tertiary: #dbddef; --color-surface-primary-inverse: #131a38; --color-surface-secondary-inverse: #1a2756; --color-surface-tertiary-inverse: #283b8a; --color-surface-primary-hover-inverse: #151e44; --color-surface-secondary-hover-inverse: #1e2e6d; --color-surface-primary-hover: #f9f9ff; --color-surface-secondary-hover: #efeef5; --color-stroke-primary: #8b95b9; --color-stroke-secondary: #dbddef; --color-stroke-secondary-inverse: #dbddef; --color-stroke-primary-inverse: #ffffff; --color-ui-active: #3455db; --color-ui-success: #116c47; --color-ui-warn: #be7800; --color-ui-error: #b90f42; --color-ui-active-inverse: #748df3; --color-ui-success-inverse: #3cda93; --color-ui-warn-inverse: #ffac1e; --color-ui-error-inverse: #ff6f9f; --color-ui-disabled-inverse: #BBC0DC; --color-ui-active-hover-inverse: #5270e7; --color-ui-disabled: #bbc0dc; --color-ui-active-tonal: #dde4ff; --color-ui-skeleton: #f5f5f7; --color-ui-active-hover: #2f49b2; --color-ui-active-tonal-hover: #c6d1ff; --color-ui-focus-outer: #98acff; --color-ui-focus-inner: #2f49b2; --color-informational-surface: #dde4ff; --color-informational-decoration: #98acff; --color-informational-content: #3455db; --color-paused-surface: #ffd48b; --color-paused-decoration: #fda000; --color-paused-content: #7e5000; --color-success-surface: #cef6e4; --color-success-decoration: #1f9d65; --color-success-content: #116c47; --color-urgent-surface: #ffb7cf; --color-urgent-decoration: #e61252; --color-urgent-content: #8b0b31; --color-brand-primary: #03a4b7; --color-brand-secondary: #ff6200; --color-brand-tertiary: #004350; --color-highlight-surface: #fff0e5; --color-highlight-decoration: #FF6700; --color-highlight-content: #993d00; --color-highlight-secondary-surface: #eee8fa; --color-highlight-secondary-decoration: #7549d3; --color-highlight-secondary-content: #531BC8; --color-points-surface: #d4f8ff; --color-points-decoration: #00afd2; --color-points-content: #00687c; --color-supportive-space: #210b50; --color-supportive-lilac: #c7a1ff; --color-supportive-bloom: #eee3ff; --color-supportive-brick: #542200; --color-supportive-peach: #ffa366; --color-supportive-sand: #fff0e5; --color-supportive-comet: #2d2f3a; --color-supportive-cloud: #d9dbfd; --color-background-canvas-hub: #F2F3F7; --color-background-canvas-core: #FFFFFF; --color-background-canvas-management: #FFFFFF; --color-background-canvas-detail: #FFFFFF; --color-background-surface-informational: #DDE4FF; --color-background-surface-success: #D2FFBD; --color-background-surface-warning: #FFD48B; --color-background-surface-error: #FFB7CF; --color-background-surface-highlight: #EEE8FA; --color-background-surface-highlight-priority: #2D2F3A; --color-background-surface-rewards: #D4F8FF; --color-background-surface-primary-default: #FFFFFF; --color-background-surface-primary-pressed: #F7F8FA; --color-background-surface-primary-inverted: #002E4D; --color-background-surface-secondary-default: #F2F3F7; --color-background-surface-secondary-pressed: #E2E2E9; --color-background-surface-secondary-inverted: #004D80; --color-background-surface-tertiary-default: #DBDDEF; --color-background-surface-tertiary-pressed: #BEBEC6; --color-background-surface-tertiary-inverted: #006BB3; --color-background-surface-decorative-space: #210B50; --color-background-surface-decorative-lilac: #C7A1FF; --color-background-surface-decorative-bloom: #EEE3FF; --color-background-surface-decorative-brick: #542200; --color-background-surface-decorative-peach: #FFA366; --color-background-surface-decorative-sand: #FFF0E5; --color-background-surface-decorative-comet: #2D2F3A; --color-background-surface-decorative-cloud: #D9DBFD; --color-background-action-primary-default: #3455DB; --color-background-action-primary-pressed: #1A2756; --color-background-action-primary-hover: #283B8A; --color-background-action-primary-disabled: #BBC0DC; --color-background-action-primary-inverted: #FFFFFF; --color-background-action-primary-inverted-pressed: #E2E2E9; --color-background-action-primary-inverted-hover: #F2F3F7; --color-background-action-primary-inverted-disabled: #A7AFD1; --color-background-action-secondary-default: #FFFFFF; --color-background-action-secondary-pressed: #C6D1FF; --color-background-action-secondary-hover: #C6D1FF; --color-background-action-secondary-disabled: #DBDDEF; --color-background-action-subtle-default: #DDE4FF; --color-background-action-subtle-pressed: #C6D1FF; --color-background-action-subtle-hover: #C6D1FF; --color-background-action-subtle-disabled: #EFEFF0; --color-background-action-destructive-default: #E61252; --color-background-action-destructive-pressed: #B90F42; --color-background-action-destructive-hover: #D0114A; --color-background-action-destructive-disabled: #BBC0DC; --color-background-action-destructive-inverted: #FF3F7F; --color-background-action-destructive-inverted-pressed: #FF6F9F; --color-background-action-destructive-inverted-hover: #FF9FBF; --color-background-action-destructive-inverted-disabled: #A7AFD1; --color-background-indicator-notification: #E61252; --color-background-brand-rewards: #008BA7; --color-background-brand-spin-by-oxxo: #6424FD; --color-border-action-primary-default: #3455DB; --color-border-action-primary-pressed: #1A2756; --color-border-action-primary-hover: #283B8A; --color-border-action-primary-inverted: #FFFFFF; --color-border-action-primary-inverted-pressed: #E2E2E9; --color-border-action-primary-inverted-hover: #F2F3F7; --color-border-action-destructive-default: #E61252; --color-border-action-destructive-pressed: #B90F42; --color-border-action-destructive-hover: #8B0B31; --color-border-action-destructive-inverted: #FF6F9F; --color-border-action-destructive-inverted-pressed: #FF3F7F; --color-border-action-destructive-inverted-hover: #FF9FBF; --color-border-action-disabled-default: #BBC0DC; --color-border-action-disabled-inverted: #A7AFD1; --color-border-action-focus-inner: #3455DB; --color-border-action-focus-outer: #98ACFF; --color-border-action-success-default: #1F9D65; --color-border-action-success-pressed: #125542; --color-border-action-success-hover: #103E36; --color-border-action-success-inverted: #3CDA93; --color-border-action-success-inverted-pressed: #23B775; --color-border-action-success-inverted-hover: #85E8BB; --color-border-separator-default: #8B95B9; --color-border-separator-subtle: #DBDDEF; --color-border-separator-default-inverted: #EFEEF5; --color-border-separator-subtle-inverted: #707EA1; --color-content-plain-primary-default: #141418; --color-content-plain-primary-inverted: #FFFFFF; --color-content-plain-secondary-default: #33333D; --color-content-plain-secondary-inverted: #E2E2E9; --color-content-plain-tertiary-default: #71717F; --color-content-plain-tertiary-inverted: #A8A8B2; --color-content-placeholder-text: #71717F; --color-content-placeholder-skeleton: #000000; --color-content-brand-rewards: #00778F; --color-content-action-primary-default: #3455DB; --color-content-action-primary-pressed: #283B8A; --color-content-action-primary-hover: #283B8A; --color-content-action-primary-disabled: #BBC0DC; --color-content-action-primary-inverted: #FFFFFF; --color-content-action-primary-inverted-pressed: #E2E2E9; --color-content-action-primary-inverted-hover: #98ACFF; --color-content-action-primary-inverted-disabled: #A7AFD1; --color-content-action-destructive-default: #E61252; --color-content-action-destructive-pressed: #B90F42; --color-content-action-destructive-hover: #D0114A; --color-content-action-destructive-disabled: #BBC0DC; --color-content-action-destructive-inverted: #FF9FBF; --color-content-action-destructive-inverted-pressed: #FF6F9F; --color-content-action-destructive-inverted-hover: #FFB7CF; --color-content-action-destructive-inverted-disabled: #A7AFD1; --color-content-on-action-primary-default: #FFFFFF; --color-content-on-action-primary-disabled: #707EA1; --color-content-on-action-primary-inverted: #3455DB; --color-content-on-action-primary-inverted-disabled: #707EA1; --color-content-on-action-secondary-default: #3455DB; --color-content-on-action-secondary-inverted: #FFFFFF; --color-content-on-action-secondary-disabled: #707EA1; --color-content-on-action-subtle-default: #3455DB; --color-content-on-action-subtle-disabled: #707EA1; --color-content-on-action-destructive-default: #FFFFFF; --color-content-on-action-destructive-disabled: #707EA1; --color-content-on-action-destructive-inverted: #FFFFFF; --color-content-on-action-destructive-inverted-disabled: #707EA1; --color-content-on-surface-informational: #3455DB; --color-content-on-surface-success: #1C5600; --color-content-on-surface-warning: #7E5000; --color-content-on-surface-error: #8B0B31; --space-4xs: 0px; --space-3xs: 2px; --space-2xs: 4px; --space-xs: 8px; --space-sm: 12px; --space-md: 16px; --space-lg: 20px; --space-xl: 24px; --space-2xl: 32px; --space-3xl: 40px; --space-4xl: 44px; --space-5xl: 48px; --space-6xl: 56px; --space-7xl: 64px; --space-8xl: 76px; --space-9xl: 80px; --space-scale-space-025: 1px; --space-scale-space-050: 2px; --space-scale-space-100: 4px; --space-scale-space-200: 8px; --space-scale-space-300: 12px; --space-scale-space-400: 16px; --space-scale-space-500: 20px; --space-scale-space-600: 24px; --space-scale-space-800: 32px; --space-scale-space-1000: 40px; --space-scale-space-1100: 44px; --space-scale-space-1200: 48px; --space-scale-space-1600: 64px; --space-gap-horizontal-between-chips: 8px; --space-gap-horizontal-between-cards: 8px; --space-gap-vertical-button-group: 8px; --space-gap-vertical-between-list-items: 24px; --space-padding-global-container: 16px; --space-padding-horizontal-screen: 16px; --radius-4xs: 0px; --radius-3xs: 2px; --radius-2xs: 4px; --radius-xs: 6px; --radius-sm: 8px; --radius-md: 12px; --radius-lg: 16px; --radius-xl: 24px; --radius-2xl: 32px; --radius-3xl: 48px; --radius-4xl: 64px; --radius-5xl: 76px; --radius-container-default: 24px; --radius-container-reduced: 16px; --radius-container-subtle: 8px; --radius-container-minimal: 4px; --radius-container-concentric: 8px; --radius-container-pill: 999px; --radius-container-moderate: 12px; --radius-action-default: 52px; --radius-scale-radius-050: 2px; --radius-scale-radius-100: 4px; --radius-scale-radius-200: 8px; --radius-scale-radius-400: 16px; --radius-icon-button-md: 32px; --radius-button-md: 32px; --radius-button-sm: 24px; --radius-icon-button-sm: 24px; --radius-icon-button-xs: 16px; --radius-icon-button-lg: 48px; --radius-chip-lg: 24px; --radius-chip-sm: 16px; --radius-card-md: 12px; --radius-card: 12px; --radius-avatar-xl: 16px; --radius-avatar-lg: 12px; --radius-avatar-md: 8px; --radius-avatar-sm: 6px; --radius-avatar-xs: 4px; --radius-bottomsheet-md: 16px; --radius-stripe-border-radius: 12px; --border-width-sm: 1px; --border-width-md: 2px; --border-width-lg: 3px; --border-width-xl: 4px; --border-width-2xl: 6px; --border-width-selected: 2px; --border-width-container-default: 1px; --border-width-container-subtle: 0.5px; --border-width-container-strong: 2px; --border-width-container-prominent: 4px; --border-width-container-selected: 2px; --size-4xs: 0px; --size-3xs: 2px; --size-2xs: 4px; --size-xs: 8px; --size-sm: 12px; --size-md: 16px; --size-lg: 20px; --size-xl: 24px; --size-2xl: 32px; --size-5xl: 48px; --size-3xl: 40px; --size-4xl: 44px; --size-6xl: 56px; --size-7xl: 64px; --size-8xl: 76px; --size-9xl: 80px; --size-icon-small: 16px; --size-icon-medium: 20px; --size-icon-large: 24px; --size-icon-xlarge: 32px; --size-action-accessible: 44px; --size-scale-size-1000: 40px; --size-scale-size-1200: 48px; --size-scale-size-1400: 56px; --size-scale-size-1600: 64px; --gradient-spin-premia: linear-gradient(231deg, #27cad7, #00b7c6, #118089, #13646b); --shadow-card: 0 1px 2px rgba(139, 148, 158, 0.3); --shadow-card-elevated: 0 1px 3px rgba(139, 148, 158, 0.3); --font-family-base: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif; --font-family-display: 'Poppins', 'Inter', system-ui, sans-serif; }
.ds-text--title-small { font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; font-weight: 600; font-size: 14px; line-height: 18px; letter-spacing: 0px; }
.ds-text--body-default { font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; font-weight: 400; font-size: 16px; line-height: 20px; letter-spacing: -0.32px; }
.ds-text--body-medium { font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; font-weight: 400; font-size: 14px; line-height: 20px; letter-spacing: 0px; }
.ds-text--headline-large { font-family: Poppins, Inter, system-ui, sans-serif; font-weight: 600; font-size: 24px; line-height: 32px; letter-spacing: 0px; }
.ds-text--headline-small { font-family: Poppins, Inter, system-ui, sans-serif; font-weight: 600; font-size: 18px; line-height: 24px; letter-spacing: 0px; }
.ds-text--body-default-bold { font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; font-weight: 600; font-size: 16px; line-height: 20px; letter-spacing: -0.32px; }
.ds-text--body-small { font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; font-weight: 400; font-size: 14px; line-height: 20px; letter-spacing: -0.28px; }
.ds-text--body-extra-small { font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; font-weight: 400; font-size: 12px; line-height: 16px; letter-spacing: -0.24px; }
.ds-text--label-default-bold { font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; font-weight: 600; font-size: 16px; line-height: 16px; letter-spacing: -0.32px; }
.ds-text--label-small-bold { font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; font-weight: 600; font-size: 14px; line-height: 16px; letter-spacing: -0.28px; }
.ds-text { margin: 0px; }
.ds-icon { flex: 0 0 auto; }
.ds-pressable { cursor: pointer; transition: transform 120ms, filter 120ms; }
.ds-pressable:active { transform: scale(0.99); filter: brightness(0.98); }
.ds-pressable:focus-visible, .ds-button:focus-visible, .ds-carousel__dot:focus-visible, .ds-bottom-nav__item:focus-visible, .ds-header__back:focus-visible { outline: 2px solid var(--color-ui-focus-outer); outline-offset: 2px; }
.ds-store-button { display: inline-flex; align-items: center; justify-content: center; gap: var(--space-xs); min-width: 188px; height: 52px; padding: 0 var(--space-lg); border-radius: var(--radius-sm); background: var(--color-content-primary); color: var(--color-content-primary-inverse); text-decoration: none; }
.ds-store-button__logo { flex: 0 0 auto; width: 26px; height: 26px; }
.ds-store-button__text { display: flex; flex-direction: column; align-items: flex-start; line-height: 1.1; white-space: nowrap; }
.ds-store-button__caption { font-family: var(--font-family-base); font-size: 11px; }
.ds-store-button__name { font-family: var(--font-family-display); font-size: 18px; font-weight: 600; letter-spacing: -0.2px; }
.ds-store-button:focus-visible { outline: 2px solid var(--color-ui-focus-outer); outline-offset: 2px; }
:root { --layout-breakpoint-tablet: 600px; --layout-breakpoint-desktop: 1024px; --layout-breakpoint-panel: 1280px; --layout-breakpoint-wide: 1440px; --layout-rail-width: 72px; --layout-side-nav-width: 256px; --layout-aside-width: 360px; --layout-panel-width: 440px; --layout-content-phone: 480px; --layout-content-tablet: 840px; --layout-content-desktop: 1280px; --layout-auth-card-width: 440px; --layout-auth-card-height: 720px; --layout-columns: 12; --layout-gutter-tablet: var(--space-lg); --layout-gutter-desktop: var(--space-xl); --layout-column-gap: var(--space-md); --shadow-hover: 0 6px 18px rgba(19, 26, 56, 0.12); }
.landing { display: flex; flex-direction: column; min-height: 100dvh; background: var(--color-surface-primary); }
.landing__header { position: sticky; top: 0px; z-index: 2; border-bottom: 1px solid var(--color-stroke-secondary); background: var(--color-surface-primary); }
.landing__bar, .landing__main, .landing__footer { box-sizing: border-box; width: 100%; max-width: var(--layout-content-desktop); margin: 0px auto; padding-inline: var(--space-padding-horizontal-screen); }
.landing__bar { display: flex; align-items: center; justify-content: space-between; gap: var(--space-md); min-height: 56px; }
.landing__brand { display: inline-flex; align-items: center; gap: var(--space-xs); }
.landing__brand .frame__mark { width: 32px; height: 32px; font-size: 13px; }
.landing__main { display: flex; flex: 1 1 0%; flex-direction: column; gap: var(--space-5xl); padding-bottom: var(--space-5xl); }
.landing__hero { display: grid; gap: var(--space-xl); align-items: center; padding-top: var(--space-xl); }
.landing__hero-texts { display: flex; flex-direction: column; gap: var(--space-sm); }
.landing__eyebrow { text-transform: uppercase; letter-spacing: 0.06em; }
.landing__title { text-wrap: balance; }
.landing__cta { display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-xs); margin-top: var(--space-xs); }
.landing__hero-image { justify-self: center; width: min(100%, 280px); height: auto; border-radius: var(--radius-container-default) var(--radius-container-default) 0 0; }
.landing__section { display: flex; flex-direction: column; gap: var(--space-md); }
.landing__h2 { text-wrap: balance; }
.landing__grid { display: grid; grid-template-columns: 1fr; gap: var(--space-sm); margin: 0px; padding: 0px; list-style: none; }
.landing__card { display: flex; flex-direction: column; gap: var(--space-xs); padding: var(--space-md); border-radius: var(--radius-container-reduced); background: var(--color-surface-secondary); }
.landing__icon { display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; margin-bottom: var(--space-2xs); border-radius: var(--radius-container-moderate); background: var(--color-ui-active-tonal); }
.landing__icon--small { width: 40px; height: 40px; margin: 0px; }
.landing__step-number { display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; margin-bottom: var(--space-2xs); border-radius: var(--radius-container-pill); background: var(--color-brand-primary); color: var(--color-content-primary-inverse); font-family: var(--font-family-display); font-size: 16px; font-weight: 600; }
.landing__brands { display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: var(--space-sm); margin: 0px; padding: 0px; list-style: none; }
.landing__brand-tile { display: flex; align-items: center; gap: var(--space-sm); min-height: 64px; padding: var(--space-sm); border: 1px solid var(--color-stroke-secondary); border-radius: var(--radius-container-reduced); }
.landing__brand-logo { flex: 0 0 auto; width: 40px; height: 40px; border-radius: var(--radius-container-subtle); object-fit: contain; }
.landing__app { padding: var(--space-xl) var(--space-md); border: 1px solid var(--color-stroke-secondary); border-radius: var(--radius-container-default); background: var(--color-surface-primary); }
.landing__app-image { align-self: center; width: min(100%, 320px); height: auto; }
.landing__app-texts { display: flex; flex-direction: column; gap: var(--space-sm); }
.landing__checks { display: flex; flex-direction: column; gap: var(--space-xs); margin: 0px; padding: 0px; list-style: none; }
.landing__check { display: flex; align-items: center; gap: var(--space-xs); }
.landing__stores { display: flex; flex-wrap: wrap; gap: var(--space-sm); margin-top: var(--space-xs); }
.landing__closing { align-items: flex-start; padding: var(--space-2xl) var(--space-xl); border-radius: var(--radius-container-default); background: var(--color-surface-primary-inverse); }
.landing__footer { display: flex; flex-direction: column; gap: var(--space-sm); padding-block: var(--space-xl); border-top: 1px solid var(--color-stroke-secondary); }
.landing__contact { display: flex; flex-direction: column; gap: var(--space-xxs, 4px); }
.landing__legal { display: flex; flex-wrap: wrap; gap: var(--space-xs) var(--space-xl); margin: 0px; padding: 0px; list-style: none; }
.landing__link { color: var(--color-ui-active); font-size: 14px; font-weight: 600; text-decoration: none; border-radius: var(--radius-container-minimal); }
.landing__link:hover { text-decoration: underline; }
.landing__link:focus-visible { outline: 2px solid var(--color-ui-focus-outer); outline-offset: 2px; }
@media (min-width: 600px) {
  .landing__bar, .landing__main, .landing__footer { padding-inline: var(--layout-gutter-tablet); }
  .landing__main { gap: var(--space-7xl); }
  .landing__hero { grid-template-columns: minmax(0px, 1.1fr) minmax(0px, 1fr); gap: var(--space-2xl); padding-top: var(--space-2xl); }
  .landing__hero-image { width: min(100%, 360px); }
  .landing__grid--four { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
  .landing__grid--three { grid-template-columns: repeat(3, minmax(0px, 1fr)); }
  .landing__brands { grid-template-columns: repeat(4, minmax(0px, 1fr)); }
  .landing__app { display: grid; grid-template-columns: minmax(0px, 1fr) minmax(0px, 1.2fr); align-items: center; gap: var(--space-xl); padding: var(--space-2xl); }
  .landing__closing { padding: var(--space-3xl); }
}
@media (min-width: 1024px) {
  .landing__bar, .landing__main, .landing__footer { padding-inline: var(--layout-gutter-desktop); }
  .landing__bar { min-height: 64px; }
  .landing__hero { min-height: min(560px, 100dvh - 64px); gap: var(--space-5xl); padding-top: 0px; }
  .landing__title { font-size: 44px; line-height: 1.15; }
  .landing__hero-image { width: min(100%, 440px); }
  .landing__grid--four { grid-template-columns: repeat(4, minmax(0px, 1fr)); }
  .landing__card { padding: var(--space-xl); }
  .landing__app { padding: var(--space-3xl); }
  .landing__footer { flex-direction: row; align-items: center; justify-content: space-between; }
}
@media (prefers-reduced-motion: no-preference) {
  .landing__hero-image { animation: 360ms ease-out 0s 1 normal both running landing-in; }
  [object Object]
}
*, ::before, ::after { box-sizing: border-box; }
html, body { margin: 0px; min-height: 100%; background: var(--color-surface-secondary); font-family: var(--font-family-base); color: var(--color-content-primary); -webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: transparent; overscroll-behavior-y: contain; }
img { max-width: 100%; }
.md { display: contents; }
.frame__mark { display: inline-flex; flex: 0 0 auto; align-items: center; justify-content: center; width: 36px; height: 36px; border-radius: var(--radius-md); background: var(--color-brand-primary); color: var(--color-content-primary-inverse); font-family: var(--font-family-display); font-size: 14px; font-weight: 700; }
.host--framed .host__content .sdui-stack:has(> .sdui-list-cards, > .w-grid) { container: content / inline-size; }
@container content (min-width: 640px) {
  .host--desktop .host__content .sdui-list-cards, .host--desktop .host__content .w-grid:has(> .w-offer) { grid-template-columns: repeat(3, minmax(0px, 1fr)); }
}
@container content (min-width: 1000px) {
  .host--desktop .host__content .sdui-list-cards, .host--desktop .host__content .w-grid:has(> .w-offer) { grid-template-columns: repeat(4, minmax(0px, 1fr)); }
}
@container content (min-width: 640px) {
  .host--tablet .host__content .w-grid:has(> .w-offer) { grid-template-columns: repeat(3, minmax(0px, 1fr)); }
}
.host--with-breadcrumb .sdui-fixed > .ds-header .ds-header__back, .host--with-breadcrumb .sdui-fixed > .ds-header:not(:has(.ds-header__title, .ds-header__actions)) { display: none; }
.host--detail-columns .sdui-node--first > .w-group > :is(.ds-vertical-card, .w-amount):first-of-type { position: sticky; top: var(--space-lg); grid-area: 1 / 1 / span 30; }
.tc-content-primary { color: var(--color-content-primary); }
.tc-ui-active { color: var(--color-ui-active); }
.tc-content-secondary { color: var(--color-content-secondary); }
.tc-content-tertiary { color: var(--color-content-tertiary); }
.tc-content-primary-inverse { color: var(--color-content-primary-inverse); }
.tc-content-secondary-inverse { color: var(--color-content-secondary-inverse); }
.landing__soon { display: inline-flex; align-items: center; justify-content: center; align-self: flex-start; min-height: 40px; padding: 0 var(--space-md, 16px); box-sizing: border-box; border-radius: 999px; border: 1px solid var(--color-ui-active); background: var(--color-surface-primary); color: var(--color-ui-active); font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; font-weight: 600; font-size: 14px; line-height: 20px; letter-spacing: 0px; cursor: default; user-select: none; }
.landing__soon--inverse { border-color: var(--color-content-primary-inverse); background: transparent; color: var(--color-content-primary-inverse); }

/* Legal pages */
.landing__brand--link { color: inherit; text-decoration: none; border-radius: var(--radius-container-minimal); }
.landing__brand--link:focus-visible { outline: 2px solid var(--color-ui-focus-outer); outline-offset: 2px; }
.legal { gap: var(--space-xl); padding-top: var(--space-xl); }
.legal__doc { max-width: 880px; color: var(--color-content-secondary); font-family: var(--font-family-base); font-size: 14px; line-height: 22px; overflow-wrap: anywhere; }
.legal__title { margin: 0 0 var(--space-xl); color: var(--color-content-primary); font-family: var(--font-family-display); font-weight: 600; font-size: 24px; line-height: 32px; }
.legal__doc h2, .legal__doc h3 { margin: var(--space-xl) 0 var(--space-xs); color: var(--color-content-primary); font-family: var(--font-family-display); font-weight: 600; font-size: 18px; line-height: 24px; }
.legal__doc p { margin: 0 0 var(--space-sm); }
.legal__doc ol, .legal__doc ul { margin: 0 0 var(--space-sm); padding-left: var(--space-xl); }
.legal__doc li { margin-bottom: var(--space-2xs); }
.legal__doc li > p { margin-bottom: var(--space-2xs); }
.legal__doc strong, .legal__doc b, .legal__strong { color: var(--color-content-primary); font-weight: 600; }
.legal__doc a { color: var(--color-ui-active); font-weight: 600; text-decoration: none; }
.legal__doc a:hover { text-decoration: underline; }
.legal__indent-1 { padding-left: var(--space-xl); }
.legal__indent-2 { padding-left: var(--space-5xl); }
.legal__figure { max-width: 880px; margin: var(--space-sm) 0 var(--space-md); overflow-x: auto; -webkit-overflow-scrolling: touch; }
.legal__image { display: block; width: 100%; min-width: 720px; height: auto; }
@media (min-width: 840px) {
  .legal__image { min-width: 0; }
}
.legal__doc [id] { scroll-margin-top: 88px; }
.legal__table { max-width: 880px; margin: 0 0 var(--space-md); overflow-x: auto; -webkit-overflow-scrolling: touch; border: 1px solid var(--color-stroke-secondary); border-radius: var(--radius-container-subtle); }
.legal__table table { width: 100%; min-width: 560px; border-collapse: collapse; font-size: 13px; line-height: 18px; }
.legal__table th, .legal__table td { padding: var(--space-xs) var(--space-sm); border-bottom: 1px solid var(--color-stroke-secondary); text-align: left; vertical-align: top; }
.legal__table td:first-child { white-space: nowrap; }
.legal__table th { background: var(--color-surface-secondary); color: var(--color-content-primary); font-weight: 600; }
.legal__table tbody tr:last-child td { border-bottom: 0; }
.legal__back { margin: 0; }
@media (min-width: 600px) {
  .legal__title { font-size: 28px; line-height: 36px; }
}