/* One readable, locally hosted workflow at a time. The artwork supplies its own motion. */
.lx-motion-suite {scroll-margin-top:calc(var(--lx-nav-height,80px) + 24px);}
.parking-solutions .lx-motion-suite {scroll-margin-top:calc(var(--lx-nav-height,80px) + 112px);}
.lx-motion-suite {width:100%;max-width:1120px;min-width:0;margin-inline:auto;overflow:hidden;border:1px solid #294253;border-radius:20px;background:radial-gradient(ellipse at 50% 45%,#102c3d 0%,#071b29 78%);color:#edf5fa;font-family:var(--lx-font-site);text-align:left;}
.lx-motion-suite [hidden] {display:none!important;}
.lx-motion-suite__tabs {display:flex;flex-wrap:wrap;gap:6px;padding:14px;border-bottom:1px solid #2a4252;background:#05162280;}
.lx-motion-suite__tabs button {flex:1 1 140px;min-width:0;min-height:48px;padding:11px 14px;border:1px solid transparent;border-radius:10px;background:transparent;color:#b9cbd5;font:600 14px/1.4 Arial,sans-serif;text-align:center;cursor:pointer;transition:background-color 160ms,color 160ms,border-color 160ms;}
.lx-motion-suite__tabs button[aria-selected=true] {color:#fff;background:#173b50;border-color:#48748b;}
.lx-motion-suite__tabs button:not(:disabled):hover {background:#143247;color:#fff;}
.lx-motion-suite__tabs button:disabled {cursor:default;}
.lx-motion-suite__media {position:relative;isolation:isolate;width:100%;aspect-ratio:3/2;overflow:hidden;}
.lx-motion-suite__media>img,.lx-motion-suite__media>[data-suite-player] {position:absolute!important;inset:0;display:block;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:contain!important;border:0!important;border-radius:0!important;transform:none!important;animation:none!important;}
.lx-motion-suite [data-suite-player] {visibility:hidden;}
.lx-motion-suite .is-media-ready [data-suite-player] {visibility:visible;}
.lx-motion-suite [data-suite-player]>video,.lx-motion-suite [data-suite-player]>svg {display:block;width:100%!important;height:100%!important;object-fit:contain;background:transparent;}
.lx-motion-suite button:focus-visible,.lx-motion-suite a:focus-visible {outline:2px solid #76dbea;outline-offset:3px;}
.lx-motion-suite--hero {border:0;border-radius:0;background:transparent;}
/* Scene 30: trim only transparent side margins (source x=200..1000).
   Keep all 800px of height for the phone/watch movement throughout the loop.
   The poster, WebM and Lottie fallback share this 1.5x framing. */
.lx-family--payments-transactions .lx-motion-suite--hero .lx-motion-suite__media {aspect-ratio:1;}
.lx-family--payments-transactions .lx-motion-suite--hero .lx-motion-suite__media > :is(img,[data-suite-player]) {inset:0 auto 0 -25%!important;width:150%!important;}
.lx-family-motion {padding:64px 0 80px;background:#f4f7f9;}
.lx-family-motion__heading {max-width:850px;margin:0 auto 32px;text-align:center;}
body.is-interior .lx-family .lx-family-motion__heading h2 {margin:0;font-size:clamp(28px,3vw,42px)!important;line-height:1.15!important;}
.lx-family-chapter--motion .lx-family-chapter__grid {display:flex;flex-direction:column;align-items:stretch;gap:36px;}
.lx-family-chapter--motion .lx-family-chapter__copy {width:100%;max-width:950px;margin-inline:auto;order:-1;}
.lx-family-chapter--motion .lx-family-chapter__copy h2 {max-width:30ch;}
.lx-family-chapter--motion .lx-family-chapter__copy p {max-width:78ch;}
.lx-family-chapter--motion .lx-family-checks {display:flex;flex-wrap:wrap;gap:14px 36px;}
.lx-family-chapter--motion .lx-family-checks li {margin:0;}
.lx-family-motion__evidence {display:flex;justify-content:center;margin-top:18px;}
.lx-family-motion__evidence a {color:#08758b;font-size:14px;}
.lx-family-chapter--dark .lx-family-motion__evidence a {color:#76dbea;}
.lx-boat-workflow .lx-motion-suite {margin:36px auto 48px;}
.lx-motion-steps {max-width:1120px;margin:24px auto 0;padding:20px 0;border-bottom:1px solid #ccd9df;color:#214253;}
.lx-motion-steps summary {cursor:pointer;font:600 15px/1.5 Arial,sans-serif;}
.lx-motion-steps ol {display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:28px;margin:28px 0 0;padding-left:22px;}
body.is-interior .lx-motion-steps p {margin:12px 0 0;font-size:15px;line-height:1.7;}
@media(max-width:760px) {
 .lx-motion-suite {border-radius:14px;}
 .lx-motion-suite__tabs {gap:5px;padding:10px;}
 .lx-motion-suite__tabs button {flex-basis:calc(50% - 5px);min-height:46px;padding:9px 8px;font-size:12px;}
 .lx-family-motion {padding:44px 0 52px;}
 .lx-family-motion__heading {margin-bottom:24px;text-align:left;}
 .lx-family-chapter--motion .lx-family-checks {display:block;}
 .lx-family-chapter--motion .lx-family-checks li {margin-bottom:12px;}
 .lx-motion-suite--hero {border-radius:0;}
}
@media(prefers-reduced-motion:reduce) {.lx-motion-suite * {transition:none!important;}}