/* Generated by tools/extract_css.py from _mockup/mockup-final/index.html: do not edit by hand, re-run the script. */
.trust{--grey:var(--v2-mute);--line:var(--v2-line);--red:var(--v2-red);--red-soft:rgba(245,43,53,.14);--s-void:#070809;--v2-line:rgba(255,255,255,.10);--v2-line-strong:rgba(255,255,255,.20);--v2-mute:#9DA2AB;--v2-paper:#F5F3F1;--v2-raise:#101214;--v2-void:#070809}
.trust{position:relative;z-index:1;margin-top:56px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff}
.trust .wrap{display:flex;align-items:center;gap:28px;padding-top:26px;padding-bottom:26px}
.trust .lab{font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--grey);flex:none;max-width:150px;line-height:1.5;font-family:'Inter',sans-serif;margin:0}
.marquee{overflow:hidden;flex:1;min-width:0;-webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}
.marquee-track{display:flex;gap:56px;align-items:center;width:max-content;animation:marquee var(--marquee-duration,40s) linear infinite}
.marquee-track:not([data-ready="true"]){animation-play-state:paused}
.marquee:hover .marquee-track,
.marquee:focus-within .marquee-track,
.trust[data-paused="true"] .marquee-track{animation-play-state:paused}
.marquee-track img{height:38px;max-width:120px;width:auto;object-fit:contain;filter:grayscale(1);opacity:.72;transition:.25s}
.marquee-track img:hover{filter:none;opacity:1}
.marquee-toggle{flex:none;width:34px;height:34px;border-radius:50%;border:1px solid var(--line);
  background:#fff;color:var(--grey);display:grid;place-items:center;cursor:pointer;
  transition:.2s ease;padding:0;}
.marquee-toggle:hover{border-color:var(--red);color:var(--red);background:var(--red-soft)}
.marquee-toggle svg{width:12px;height:12px}
.marquee-toggle .ic-pause{display:block}
.marquee-toggle .ic-play{display:none}
.trust[data-paused="true"] .marquee-toggle .ic-pause{display:none}
.trust[data-paused="true"] .marquee-toggle .ic-play{display:block}
@media(prefers-reduced-motion:reduce){.marquee{overflow-x:auto;-webkit-mask-image:none;mask-image:none}}
@media(prefers-reduced-motion:reduce){.marquee-track{animation:none;padding-bottom:4px}}
@media(prefers-reduced-motion:reduce){.marquee-toggle{display:none}}
@media(max-width:760px){.trust .wrap{flex-wrap:wrap;gap:12px 14px}}
@media(max-width:760px){.trust .lab{flex:0 0 100%;max-width:none}}
@media(max-width:760px){.marquee{-webkit-mask-image:linear-gradient(90deg,#000 0,#000 90%,transparent);mask-image:linear-gradient(90deg,#000 0,#000 90%,transparent)}}
@media(max-width:760px){.marquee-track{gap:36px}}
@media(max-width:760px){.marquee-track img{height:32px;max-width:96px}}
.trust{background:var(--v2-void);border-color:var(--v2-line)}
.marquee-toggle{background:var(--v2-raise);border-color:var(--v2-line);color:var(--v2-mute)}
.marquee-toggle:hover{border-color:var(--v2-line-strong);color:var(--v2-paper)}
.marquee-track img{background:#fff;border-radius:8px;padding:8px 12px;
  box-shadow:0 2px 10px -4px rgba(0,0,0,.6);}
.hero-demo + .trust{background:#161B22;border-top:0;border-bottom:0;margin-top:0}
.trust{margin-top:0;
  background:var(--s-void,#070809);
  border-top:0;
  border-bottom:1px solid rgba(255,255,255,.1);}
.trust .wrap{max-width:none;width:100%;
  padding-left:var(--gutter,clamp(24px,5.2vw,100px));
  padding-right:var(--gutter,clamp(24px,5.2vw,100px));}
.trust .lab{max-width:none;white-space:nowrap;color:#9AA1AA}
.marquee-track img{filter:grayscale(1) invert(1) brightness(1.9) contrast(.9);opacity:.62}
.marquee-track img:hover{filter:none;opacity:1}
.marquee-toggle{border-color:rgba(255,255,255,.2);color:#9AA1AA;background:none}
.marquee-toggle:hover{border-color:var(--red);color:#fff;background:rgba(255,255,255,.06)}
@media(max-width:760px){.trust .wrap{padding-left:20px;padding-right:20px}}
@media(max-width:760px){.trust .lab{white-space:normal}}
.trust--paper{background:transparent;
  border:0;
  margin:0 0 clamp(44px,6vw,84px);
  padding:0;}
.trust--paper .wrap{max-width:1360px;
  margin:0 auto;
  padding:0 0 clamp(28px,3.6vw,48px);
  border-bottom:1px solid rgba(12,14,17,.12);
  display:flex;align-items:center;gap:32px;}
.trust--paper .lab{color:#636972;
  font-family:'Inter',sans-serif;
  font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;
  
  white-space:normal;
  flex:0 0 auto;width:168px;line-height:1.5;margin:0;}
.trust--paper .marquee{flex:1 1 auto;min-width:0}
.trust--paper .marquee-track img{filter:none;opacity:1}
.trust--paper .marquee-track img:hover{filter:none;opacity:1}
.trust--paper .marquee-toggle{background:#fff;border-color:rgba(12,14,17,.16);color:#6A7079;}
.trust--paper .marquee-toggle:hover{background:var(--o-red);border-color:var(--o-red);color:#fff;}
.trust--paper .marquee{-webkit-mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent);
  mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent);}
@media(max-width:760px){.trust--paper .wrap{flex-wrap:wrap;gap:14px}}
@media(max-width:760px){.trust--paper .lab{flex:0 0 100%;width:auto;max-width:none}}
@media(max-width:760px){.trust--paper .marquee-toggle{display:none}}
@media(max-width:760px){.trust--paper .marquee{-webkit-mask-image:linear-gradient(90deg,#000 0,#000 92%,transparent);
    mask-image:linear-gradient(90deg,#000 0,#000 92%,transparent);}}
@media(max-width:760px){.trust--paper .marquee-track{gap:36px}}
.trust--paper .marquee-track{min-height:80px;--partner-scale:1}
.trust--paper .marquee-track img.partner-logo{height:auto;max-width:none;width:calc(var(--partner-width) * var(--partner-scale));flex:0 0 auto;object-fit:contain;padding:0;background:transparent;border:0;border-radius:0;box-shadow:none}
.partner-logo--alstom{--partner-width:156px}
.partner-logo--apmm{--partner-width:77px}
.partner-logo--caam{--partner-width:112px}
.partner-logo--crrc{--partner-width:142px}
.partner-logo--galaxy-aerospace{--partner-width:172px}
.partner-logo--hyundai-rotem{--partner-width:152px}
.partner-logo--jkdm{--partner-width:89px}
.partner-logo--jpm{--partner-width:109px}
.partner-logo--kkm{--partner-width:108px}
.partner-logo--kkmm{--partner-width:95px}
.partner-logo--kpkt{--partner-width:87px}
.partner-logo--meiden{--partner-width:77px}
.partner-logo--mindef{--partner-width:77px}
.partner-logo--mrt-corp{--partner-width:125px}
.partner-logo--pgu{--partner-width:67px}
.partner-logo--prasarana{--partner-width:176px}
.partner-logo--siemens{--partner-width:178px}
.partner-logo--smh-rail{--partner-width:146px}
.partner-logo--truckquip{--partner-width:121px}
.partner-logo--unikl{--partner-width:117px}
.partner-logo--volvo{--partner-width:70px}
@media(min-width:761px) and (max-width:1100px){.trust--paper .marquee-track{--partner-scale:.84;min-height:68px}}
@media(max-width:760px){.trust--paper .marquee-track{--partner-scale:.68;min-height:56px}}
@keyframes marquee{from{transform:translateX(0)}to{transform:translateX(var(--marquee-shift,-50%))}}