/* auto from BESO pay.beso.xyz fx11b */
.landing-cta .landing-btn:focus-visible, .landing-plan-card--dark .landing-btn:focus-visible { outline-color: var(--l-panel-ink); }

.landing-shot { display: block; width: 100%; height: auto; border-radius: 12px; background: var(--l-card); box-shadow: rgba(10, 10, 10, 0.16) 0px 24px 52px; }

.landing-mock-phone { position: absolute; left: 0px; bottom: -24px; width: 235px; height: 477px; margin: 0px; filter: drop-shadow(rgba(10, 10, 10, 0.32) 0px 26px 48px); z-index: 2; }

.landing-mock-phone .device { transform: scale(0.55); transform-origin: left top; }

.landing-mock-phone .device-screen { object-fit: cover; }

.landing-flow { display: grid; grid-template-columns: minmax(0px, 0.9fr) minmax(0px, 1.1fr); gap: clamp(40px, 6vw, 96px); align-items: center; }

.landing-flow-steps { display: flex; flex-direction: column; margin: 0px; padding: 0px; list-style: none; }

.landing-flow-step { display: grid; grid-template-columns: 40px 1fr; gap: 20px; padding: 22px 0px; border-top: 1px solid var(--l-panel-line); }

.landing-flow-step:last-child { border-bottom: 1px solid var(--l-panel-line); }

.landing-flow-glyph { display: flex; justify-content: center; padding-top: 2px; color: var(--l-panel-ink); }

.landing-flow-title { margin: 0px 0px 6px; font-size: 1.0625rem; font-weight: 600; letter-spacing: -0.01em; color: var(--l-panel-ink); }

.landing-flow-copy { max-width: 42ch; margin: 0px; color: var(--l-panel-muted); font-size: 0.9375rem; line-height: 1.55; text-wrap: pretty; }

.landing-specs { display: grid; grid-template-columns: 1fr 1fr; gap: 0px clamp(32px, 5vw, 72px); margin: 0px; }

.landing-dev { display: grid; grid-template-columns: minmax(0px, 0.8fr) minmax(0px, 1.2fr); gap: clamp(32px, 5vw, 64px); align-items: center; margin-top: 48px; padding: clamp(32px, 4vw, 48px); background: var(--l-panel); border-radius: 16px; color: var(--l-panel-ink); }

.landing-dev .landing-eyebrow { color: var(--l-panel-muted); }

.landing-dev .landing-eyebrow::before { background: var(--l-panel-ink); }

.landing-dev-title { margin: 0px 0px 28px; font-family: "PP Valve", Inter, sans-serif; font-size: clamp(1.75rem, 3vw, 2.5rem); font-weight: 600; letter-spacing: 0px; line-height: 0.95; text-wrap: balance; }

.landing-dev-title::after { content: ""; display: block; width: 56px; height: 2px; margin-top: 14px; background: linear-gradient(90deg, rgb(255, 229, 0), rgb(255, 58, 51)); }

.landing-dev-codebox { position: relative; min-width: 0px; }

.landing-dev-code { margin: 0px; padding: 24px; overflow-x: auto; border: 1px solid var(--l-panel-line); border-radius: 12px; background: rgb(0, 0, 0); color: var(--l-panel-ink); font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 0.8125rem; line-height: 1.6; tab-size: 2; }

.landing-dev-code code { display: inline-block; min-width: 100%; padding-right: 24px; }

.landing-integrations-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; margin: 0px; padding: 0px; list-style: none; border: 1px solid var(--l-line); background: var(--l-line); }
.landing-integrations-grid > .landing-integration-cell { grid-column: auto; }

.landing-methods { display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 48px; align-items: start; }

.landing-methods-head { display: flex; align-items: center; gap: 12px; margin: 0px 0px 16px; }

.landing-methods-heading { margin: 0px; font-family: "PP Valve", Inter, sans-serif; font-size: 1.25rem; font-weight: 600; letter-spacing: 0px; line-height: 0.95; }

.landing-methods-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 12rem), 1fr)); margin: 0px; padding: 0px; list-style: none; border-top: 1px solid var(--l-line); border-left: 1px solid var(--l-line); }

.landing-method { display: flex; align-items: center; gap: 14px; min-width: 0px; padding: 18px; border-right: 1px solid var(--l-line); border-bottom: 1px solid var(--l-line); background: var(--l-bg); }

.landing-method-mark { flex: 0 0 auto; display: grid; place-items: center; width: 40px; height: 40px; border-radius: 10px; overflow: hidden; }

.landing-method-mark--keyline { box-shadow: rgba(17, 17, 17, 0.16) 0px 0px 0px 1.5px inset; }

.landing-method-glyph { display: block; width: calc(100% * (1 - 2 * var(--mark-inset, 0))); height: calc(100% * (1 - 2 * var(--mark-inset, 0))); object-fit: contain; }

.landing-method-text { display: flex; flex-direction: column; gap: 5px; min-width: 0px; }

.landing-method-name { font-family: "PP Valve", Inter, sans-serif; font-size: 1rem; font-weight: 600; letter-spacing: 0px; line-height: 1; overflow-wrap: anywhere; }

.landing-method-caption { color: var(--l-muted); font-size: 0.75rem; font-weight: 500; line-height: 1.2; }

.landing-methods-grid--payouts { grid-template-columns: repeat(3, minmax(0px, 1fr)); }

.landing-methods-head--crypto { margin-top: 36px; }

@media (max-width: 1279px) {
  .landing-flow--cashouts { grid-template-columns: 1fr; gap: 40px; }

}

@media (min-width: 1280px) {
  .landing-methods-grid--payouts .landing-method { padding: 28px 24px; }

.landing-methods-grid--payouts .landing-method-mark, .landing-token-coin { width: 48px; height: 48px; }

.landing-token-coin + .landing-token-coin { margin-left: -14px; }

}

@media (max-width: 560px) {
  .landing-methods-grid--payouts { grid-template-columns: repeat(2, minmax(0px, 1fr)); }

.landing-token-coin { width: 36px; height: 36px; }

}

.landing-band .landing-methods-grid, .landing-band .landing-method { border-color: var(--l-panel-line); }

.landing-band .landing-method { background: transparent; }

.landing-band .landing-method-caption { color: var(--l-panel-muted); }

.landing-plans-grid { display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 24px; align-items: stretch; }

.landing-plan-card { display: flex; flex-direction: column; padding: clamp(32px, 3.2vw, 44px); background: var(--l-card); border: 1px solid var(--l-line); border-radius: 16px; }

.landing-plan-card--dark { background: var(--l-panel); border-color: var(--l-panel); color: var(--l-panel-ink); }

.landing-plan-title { margin: 0px; font-family: "PP Valve", Inter, sans-serif; font-size: clamp(1.75rem, 2.6vw, 2.25rem); font-weight: 600; letter-spacing: 0px; line-height: 0.95; }

.landing-plan-summary { max-width: 44ch; margin: 14px 0px 0px; font-size: 0.9375rem; line-height: 1.55; color: var(--l-muted); text-wrap: pretty; }

.landing-plan-card--dark .landing-plan-summary { color: var(--l-panel-muted); }

.landing-plan-cap { margin: 0px; font-size: 0.9375rem; font-weight: 500; line-height: 1.5; text-wrap: balance; }

.landing-plan-rate { margin: 0px; font-size: 0.875rem; font-weight: 500; line-height: 1; color: var(--l-muted); white-space: nowrap; }

.landing-plan-rate strong { margin-right: 3px; font-family: "PP Valve", Inter, sans-serif; font-size: 1.5rem; font-weight: 600; color: var(--l-ink); }

.landing-plan-list { margin: 16px 0px 0px; padding: 0px; list-style: none; }

.landing-plan-list li { padding: 10px 0px; border-top: 1px solid var(--l-line-soft); font-size: 0.875rem; line-height: 1.5; color: var(--l-muted); text-wrap: pretty; }

.landing-plan-list li:last-child { border-bottom: 1px solid var(--l-line-soft); }

.landing-plan-card--dark .landing-plan-list { margin: 40px 0px 32px; }

.landing-plan-card--dark .landing-plan-list li { padding: 20px 0px; border-color: var(--l-panel-line); color: var(--l-panel-muted); }

.landing-plan-card .landing-btn { width: 100%; margin-top: auto; }

.landing-plans-note { margin: 18px 2px 0px; font-size: 0.8125rem; line-height: 1.55; text-align: center; color: var(--l-muted); }

.landing-footer { padding: 96px 24px 48px; }

.landing-footer-wordmark { display: block; width: min(100%, 520px); max-width: 100%; height: auto; margin: 0 auto 72px; object-fit: contain; }

.landing-footer-grid { display: flex; align-items: flex-start; justify-content: space-between; gap: 32px; max-width: var(--l-container); margin: 0px auto; }

.landing-footer-cols { display: grid; grid-template-columns: repeat(4, minmax(0px, 1fr)); flex: 1 1 0%; gap: 48px; max-width: 1040px; }

.landing-footer-heading { margin: 0px 0px 10px; font-size: 0.6875rem; font-weight: 600; letter-spacing: 0.14em; text-transform: uppercase; color: var(--l-muted); }

.landing-footer-list { margin: 0px; padding: 0px; list-style: none; }

.landing-footer-list a { display: inline-block; min-width: 44px; color: var(--l-ink); text-decoration: none; font-size: 0.875rem; font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; line-height: 2; transition: color 0.2s; }

.landing-footer-list a:hover { color: var(--l-muted); }

.landing-footer-top { display: flex; padding: 8px; color: var(--l-ink); transition: opacity 0.2s; }

.landing-footer-top:hover { opacity: 0.6; }

.landing-footer-rule { height: 1px; max-width: var(--l-container); margin: 40px auto 28px; background: var(--l-line-soft); }

.landing-footer-bottom { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 16px; max-width: var(--l-container); margin: 0px auto; color: var(--l-ink); font-size: 0.875rem; font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; }

.landing-footer-legal { display: flex; flex-wrap: wrap; gap: 12px 32px; }

.landing-footer-legal a { color: var(--l-ink); text-decoration: none; transition: color 0.2s; }

.landing-footer-legal a:hover { color: var(--l-muted); }

.landing-footer-disclaimer { max-width: min(var(--l-container),92ch); margin: 28px max(calc((100% - var(--l-container)) / 2),0px) 0; color: var(--l-muted); font-size: 0.75rem; line-height: 1.6; }

.landing-footer-disclaimer a { color: inherit; text-decoration: underline; }

.landing-footer-disclaimer a:hover { color: var(--l-ink); }

@media (max-width: 1279px) {
  .landing-mock { padding: 0px 0px 48px 20px; }

.landing-mock-phone { width: 193px; height: 391px; bottom: -20px; }

.landing-mock-phone .device { transform: scale(0.45); }

}

@media (max-width: 1028px) {
  .landing-nav-inner { grid-template-columns: max-content 1fr max-content; }

.landing-nav-links { display: none; }

.landing:not(.terms) .landing-nav-actions { grid-column: 3; }

.landing-nav-menu-btn { display: flex; }

.landing-integrations-grid { grid-template-columns: repeat(3, 1fr); }
.landing-integrations-grid > .landing-integration-cell { grid-column: auto; }

.landing-methods { grid-template-columns: 1fr; gap: 40px; }

.landing-hero { padding: 96px 0px 8px; }

.landing-hero-grid { grid-template-columns: 1fr; gap: 40px; }

.landing-hero-visual { order: 2; max-width: 460px; width: 100%; justify-self: center; }

.landing-mock { display: flex; justify-content: center; padding: 0px; }

.landing-shot { display: none; }

.landing-mock-phone { position: static; width: 260px; height: 527px; }

.landing-mock-phone .device { transform: scale(0.6075); }

}

@media (max-width: 860px) {
  .landing-hero-grid { padding: 20px 0px; }

.landing-section-head { margin-bottom: 32px; }

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

.landing main { gap: 72px; }

.landing-flow { grid-template-columns: 1fr; gap: 40px; }

.landing-chain { display: none; }

.landing-chain--mobile { display: block; }

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

.landing-spec:nth-last-child(-n+2) { border-bottom: 0px; }

.landing-spec:last-child { border-bottom: 1px solid var(--l-line); }

.landing-dev { grid-template-columns: 1fr; margin-top: 72px; }

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

.landing-cta-actions { justify-content: flex-start; }

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

.landing-footer { padding: 64px 24px 40px; }

.landing-footer-list a { padding: 8px 0px; }

.landing-footer-wordmark { width: min(68vw, 520px); margin: 0px 0px 48px; }

.landing-footer-cols { grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 32px 48px; }

.landing-footer-bottom { flex-direction: column; align-items: flex-start; gap: 12px; }

}

@media (max-width: 560px) {
  .landing-hero-title { font-size: clamp(2rem, 10vw, 2.75rem); }

.landing-spec { grid-template-columns: 1fr; gap: 10px; padding: 22px 0px; }

.landing-dev-code { padding: 18px; font-size: 0.6875rem; }

.landing-dev-codebox::after { content: ""; position: absolute; top: 1px; right: 1px; bottom: 1px; width: 32px; border-radius: 0px 12px 12px 0px; background: linear-gradient(270deg, rgb(0, 0, 0) 8px, rgba(0, 0, 0, 0)); pointer-events: none; }

.landing-dev-title { font-size: 1.5rem; }

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

.landing-integrations-grid { grid-template-columns: minmax(0px, 1fr); }
.landing-integrations-grid > .landing-integration-cell { grid-column: auto; }

.landing-integration-cell { padding: 18px 16px; }

.landing-integration-mark { width: 22px; height: 22px; }

.landing-methods-grid { grid-template-columns: repeat(auto-fit, minmax(min(100%, 10rem), 1fr)); }

.landing-method { gap: 12px; padding: 14px; }

.landing-method-mark { width: 36px; height: 36px; border-radius: 9px; }

.landing-subhero { margin-top: 36px; padding-top: 24px; gap: 20px; }

.landing-subhero-value { font-size: 1.5rem; }

.landing-subhero-label { font-size: 0.75rem; }

.landing-cta-mail { align-self: center; }

.landing-integration-title { font-size: 1.0625rem; }

.landing-hero-ctas .landing-btn, .landing-cta .landing-btn { width: 100%; }

.landing-cta-actions { flex-direction: column; align-items: stretch; width: 100%; }

.landing-btn--small { padding: 12px 20px; min-height: 44px; }

.landing-plan-card { padding: 24px 20px; }

}

.terms .landing-footer { padding: 32px 24px; border-top: 1px solid var(--l-line-soft); }

.sol-ticket-marks .landing-method-mark { width: 30px; height: 30px; border-radius: 9px; box-shadow: 0 0 0 2px var(--l-card); }

.sol-ticket-marks .landing-method-mark--keyline { box-shadow: inset 0 0 0 1.5px #11111129,0 0 0 2px var(--l-card); }

.sol-ticket-marks .landing-method-mark + .landing-method-mark { margin-left: -6px; }

.sol-chip .landing-method-mark { width: 32px; height: 32px; border-radius: 9px; }

.landing-hero-title, .landing-btn, .landing-section-title, .landing-spec-value, .landing-subhero-value, .landing-dev-title, .landing-integration-title, .landing-methods-heading, .landing-method-name, .landing-plan-title, .landing-plan-rate strong, .landing-cta-title, .sol-menu-item-name, .sol-rail-heading, .terms-title, .terms-section-title { text-transform: uppercase; }

@media (min-width: 761px) { .landing-integrations-grid > .landing-integration-cell:nth-child(5):last-child { grid-column: span 2; } }