/* Sobat Transum brand identity only; map, route and trip UI are untouched. */
.brand-mark{background:transparent!important;box-shadow:none!important;border-radius:0!important;width:45px;height:45px;flex:none;display:block;font-size:0}
.brand-mark img{display:block;width:100%;height:100%;object-fit:contain}
.brand-name{color:#102052;line-height:1.12}
.brand-sub{color:#64738c!important;letter-spacing:0!important;text-transform:none!important;font-size:10px!important;font-weight:600!important;white-space:nowrap}
.mobile-brand .brand-mark{width:36px;height:36px}
.mobile-brand .brand-name{font-size:13px}
.mobile-brand .brand-sub{font-size:8px!important}
.brand-splash{position:fixed;inset:0;z-index:99999;display:grid;place-items:center;padding:24px;background:#fff;opacity:1;visibility:visible;transition:opacity .42s ease,visibility .42s ease}
.brand-splash.is-hidden{opacity:0;visibility:hidden;pointer-events:none}
.brand-splash-inner{display:grid;place-items:center;width:100%;text-align:center;transform:translateY(2px);animation:brand-arrive .6s cubic-bezier(.22,1,.36,1) both}
.brand-splash-motion{display:block;width:min(960px,96vw);height:auto;max-height:85dvh;object-fit:contain}
.brand-splash-icon{display:block;width:132px;height:132px;object-fit:contain;filter:drop-shadow(0 10px 16px #1020520b)}
.brand-splash-name{margin:10px 0 0;color:#102052;font-size:clamp(29px,6vw,39px);font-weight:850;letter-spacing:-1.4px;line-height:1.1}
.brand-splash-tagline{margin:9px 0 0;color:#687891;font-size:12px;font-weight:650;letter-spacing:.02em}
.brand-splash-route{position:relative;width:116px;height:4px;margin-top:32px;overflow:hidden;border-radius:999px;background:#e9eef8}
.brand-splash-route::after{content:"";position:absolute;inset:0;width:40%;border-radius:999px;background:linear-gradient(90deg,#148ff5,#24c9c4,#ff4b48);animation:brand-loading 1.2s ease-in-out infinite alternate}
@keyframes brand-arrive{from{opacity:0;transform:translateY(16px) scale(.96)}to{opacity:1;transform:translateY(2px) scale(1)}}
@keyframes brand-loading{from{transform:translateX(-20%)}to{transform:translateX(170%)}}
@media(prefers-reduced-motion:reduce){.brand-splash,.brand-splash-inner,.brand-splash-route::after{animation:none!important;transition:none!important}}