/* YUSUMA Pamoja public-site premium design system */:root{--yp-red:#d30920;--yp-ink:#111b25;--yp-radius:20px}html{scroll-padding-top:95px}a,button,select,input{transition:background-color .2s,border-color .2s,box-shadow .2s,transform .2s}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #ff6476;outline-offset:3px}header.nav,.nav{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.vehicle,.panel,.pathway-card,.inventory-state,.step,.category,.side,.state{border-radius:var(--yp-radius);overflow:hidden}.vehicle,.panel,.state{box-shadow:0 15px 40px #14202a0c}.button,.details-link,.help-strip a{border-radius:12px}.vehicle:hover{box-shadow:0 20px 45px #14202a20}.filters select,.toolbar select,.toolbar input,.field select{border-radius:12px}.yp-quick-contact{position:fixed;left:16px;bottom:16px;z-index:69;display:flex;align-items:center;gap:8px;background:rgba(17,27,37,.93);border:1px solid #ffffff55;box-shadow:0 14px 35px #0004;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-radius:16px;padding:9px;color:white;font:600 12px system-ui}.yp-quick-contact a{color:white;display:inline-flex;align-items:center;gap:7px;padding:9px 11px;border-radius:10px}.yp-quick-contact a:hover{background:#ffffff23}.yp-quick-contact svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.yp-footer-links{display:flex;justify-content:center;flex-wrap:wrap;gap:15px;margin:25px auto;font:600 12px system-ui}.yp-footer-links a:hover{color:#e12c41}@media(max-width:600px){.yp-quick-contact{left:10px;bottom:10px;max-width:calc(100vw - 20px);font-size:11px;padding:6px}.yp-quick-contact a{padding:8px}}@media(prefers-reduced-motion:no-preference){.yp-quick-contact{animation:yp-rise .6s ease both}@keyframes yp-rise{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:none}}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
/* Footer contact replaces the intrusive floating overlay on mobile and desktop */.yp-quick-contact{display:none!important}.yp-inline-contact{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px;margin:24px auto 10px;padding:0 15px;font:700 13px system-ui}.yp-inline-contact a{display:inline-flex;align-items:center;gap:9px;padding:12px 16px;background:#ffffff13;border:1px solid #ffffff30;border-radius:12px;color:inherit;text-decoration:none;transition:background .2s,transform .2s}.yp-inline-contact a:hover{background:#ffffff28;transform:translateY(-2px)}.yp-inline-contact svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}@media(max-width:600px){.yp-inline-contact{gap:8px}.yp-inline-contact a{font-size:12px;padding:11px 13px}}
/* Premium interactive form system — all public pages */
:root{--yp-focus:#d90b29;--yp-soft:#f8fafc}body{font-family:'DM Sans',system-ui,sans-serif}h1,h2,h3,.search-heading strong{font-family:'Manrope','DM Sans',sans-serif}input:not([type=range]):not([type=checkbox]):not([type=radio]),select,textarea{font-family:'DM Sans',system-ui,sans-serif;letter-spacing:-.015em;max-width:100%;min-width:0}form label,.field label,.filters label{font-family:'Manrope',system-ui,sans-serif;font-weight:800;letter-spacing:.045em}form select,form input:not([type=range]):not([type=checkbox]):not([type=radio]),form textarea,.field select,.filters select{border:1px solid #dbe1e8!important;background:linear-gradient(180deg,#fff,#f7f9fb)!important;color:#182534!important;border-radius:15px!important;min-height:52px;box-shadow:0 3px 10px #17233108,inset 0 1px #fff;transition:border-color .22s ease,box-shadow .22s ease,transform .22s ease,background .22s ease!important}form select,.field select,.filters select{cursor:pointer;padding:0 42px 0 17px!important;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%235a6777' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E"),linear-gradient(180deg,#fff,#f7f9fb)!important;background-repeat:no-repeat!important;background-position:right 15px center,center!important;background-size:18px,cover!important}form select:hover,form input:hover,form textarea:hover{border-color:#a9b5c2!important;box-shadow:0 6px 18px #17233110!important}form select:focus-visible,form input:focus-visible,form textarea:focus-visible{outline:none!important;border-color:var(--yp-focus)!important;box-shadow:0 0 0 4px #d90b2921,0 8px 24px #17233112!important;background-color:white!important}form select:disabled,form input:disabled{opacity:.55;cursor:not-allowed}form button[type=submit],form .button{font-family:'Manrope',system-ui,sans-serif;letter-spacing:.025em;border-radius:14px;box-shadow:0 12px 25px #d3092023}form button[type=submit]:hover,form .button:hover{transform:translateY(-2px);box-shadow:0 15px 30px #d3092035}@media(max-width:700px){form select,form input:not([type=range]),form textarea,.field select,.filters select{font-size:16px!important;min-height:54px}.search-wrap .shell{padding:23px 18px 28px}.search-form{gap:17px}.search-form .button{min-height:54px}.search-heading strong{font-size:21px;line-height:1.3}.field label{margin-bottom:8px}}@media(prefers-reduced-motion:reduce){form select,form input,form textarea,form button{transition:none!important;transform:none!important}}

/* Unified editorial footer */footer.yp-footer{background:#101923!important;color:#c4ced8!important;padding:65px max(24px,calc((100vw - 1190px)/2 + 24px)) 0!important;font-size:13px!important}footer.yp-footer .yp-footer-inner{display:grid;grid-template-columns:minmax(0,1.55fr) repeat(2,minmax(0,.85fr)) minmax(0,1.25fr);gap:clamp(22px,3vw,55px);align-items:start;padding-bottom:56px}footer.yp-footer .yp-footer-brand img{width:185px;max-width:100%;height:auto;background:#fff;border-radius:12px;padding:10px;box-shadow:0 8px 24px #0002;object-fit:contain;object-position:left}footer.yp-footer .yp-footer-brand>p{margin:12px 0;color:#f2f4f6;font-size:15px;font-weight:700}footer.yp-footer .yp-footer-brand .yp-footer-about{color:#91a0ad;font-size:13px;font-weight:400;line-height:1.75;max-width:285px}footer.yp-footer .yp-footer-col{display:flex;flex-direction:column;align-items:flex-start;gap:15px;min-width:0}footer.yp-footer .yp-footer-col h3{color:#fff;font-family:Manrope,system-ui,sans-serif;font-size:13px;letter-spacing:.01em;margin:4px 0 12px;font-weight:800}footer.yp-footer .yp-footer-col>a{display:inline-flex;gap:10px;align-items:center;color:#aebac6;font-size:13px;line-height:1.5;overflow-wrap:anywhere;transition:color .2s,transform .2s}footer.yp-footer .yp-footer-col>a:hover,footer.yp-footer .yp-footer-socials a:hover{color:#fff;transform:translateX(3px)}footer.yp-footer .yp-footer-col svg{width:16px;height:16px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}footer.yp-footer .yp-footer-socials{display:flex;flex-wrap:wrap;gap:12px}footer.yp-footer .yp-footer-socials a{color:#aebac6;font-size:12px;transition:color .2s}footer.yp-footer .yp-footer-bottom{border-top:1px solid #ffffff24;display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;padding:24px 0 28px;color:#82919f;font-size:11px;letter-spacing:.015em}footer.yp-footer .yp-footer-inner,footer.yp-footer .yp-footer-bottom{max-width:1190px;margin:auto}@media(max-width:900px){footer.yp-footer .yp-footer-inner{grid-template-columns:repeat(2,minmax(0,1fr));gap:38px 26px}}@media(max-width:560px){footer.yp-footer{padding:45px 23px 0!important}footer.yp-footer .yp-footer-inner{grid-template-columns:repeat(2,minmax(0,1fr));gap:34px 17px;padding-bottom:38px}footer.yp-footer .yp-footer-brand{grid-column:1/-1}footer.yp-footer .yp-footer-connect{grid-column:1/-1}footer.yp-footer .yp-footer-brand img{width:155px}footer.yp-footer .yp-footer-col{gap:13px}footer.yp-footer .yp-footer-col h3{margin-bottom:5px}footer.yp-footer .yp-footer-bottom{padding:20px 0 24px;flex-direction:column;gap:8px}}

/* Animated YUSUMA footer watermark; only plays while footer is visible. */
footer.yp-footer{position:relative!important;overflow:hidden;isolation:isolate}
footer.yp-footer .yp-footer-watermark{position:absolute;inset:0;z-index:-1;display:flex;align-items:center;justify-content:center;pointer-events:none;overflow:hidden}
footer.yp-footer .yp-footer-watermark img{width:clamp(220px,43vw,510px);max-width:80%;height:auto;object-fit:contain;opacity:0;filter:grayscale(1) brightness(2);transform:translateX(75px) scale(.9)}
footer.yp-footer.yp-footer-visible .yp-footer-watermark img{animation:yp-footer-float 10s ease-in-out infinite}
@keyframes yp-footer-float{0%,9%{opacity:0;transform:translateX(85px) scale(.9)}23%,48%{opacity:.105;transform:translateX(0) scale(1)}65%,100%{opacity:0;transform:translateX(-85px) scale(1.06)}}
footer.yp-footer .yp-footer-inner,footer.yp-footer .yp-footer-bottom{position:relative;z-index:1}
@media(prefers-reduced-motion:reduce){footer.yp-footer.yp-footer-visible .yp-footer-watermark img{animation:none;opacity:.07;transform:none}}

/* Stronger but still elegant footer watermark visibility. */
footer.yp-footer{background:linear-gradient(135deg,#182734 0%,#202f3d 52%,#172532 100%)!important}
footer.yp-footer .yp-footer-watermark{z-index:0!important}
footer.yp-footer .yp-footer-watermark img{width:clamp(290px,58vw,690px);max-width:94%;filter:grayscale(1) brightness(2.2) contrast(1.1)}
footer.yp-footer.yp-footer-visible .yp-footer-watermark img{animation:yp-footer-float-visible 9s ease-in-out infinite}
@keyframes yp-footer-float-visible{0%,7%{opacity:0;transform:translateX(95px) scale(.92)}24%,53%{opacity:.27;transform:translateX(0) scale(1)}72%,100%{opacity:0;transform:translateX(-95px) scale(1.06)}}
footer.yp-footer .yp-footer-inner,footer.yp-footer .yp-footer-bottom{z-index:1!important}
@media(prefers-reduced-motion:reduce){footer.yp-footer.yp-footer-visible .yp-footer-watermark img{animation:none;opacity:.2;transform:none}}

/* Full-colour footer watermark and gentle floating droplet brand animation. */
footer.yp-footer .yp-footer-watermark img{filter:none!important;mix-blend-mode:normal;opacity:0}
footer.yp-footer.yp-footer-visible .yp-footer-watermark img{animation:yp-footer-colour-logo 10s ease-in-out infinite}
@keyframes yp-footer-colour-logo{0%,9%{opacity:0;transform:translateX(90px) scale(.91)}25%,53%{opacity:.46;transform:translateX(0) scale(1)}73%,100%{opacity:0;transform:translateX(-90px) scale(1.05)}}
footer.yp-footer .yp-footer-brand img{transform-origin:center bottom;animation:yp-footer-droplet 3.8s cubic-bezier(.24,.7,.3,1) infinite;will-change:transform}
@keyframes yp-footer-droplet{0%,100%{transform:translateY(0) scale(1)}15%{transform:translateY(-9px) scale(.98,1.03)}32%{transform:translateY(0) scale(1.04,.96)}43%{transform:translateY(-3px) scale(.99,1.01)}56%{transform:translateY(0) scale(1)}}
@media(prefers-reduced-motion:reduce){footer.yp-footer .yp-footer-brand img{animation:none!important}footer.yp-footer.yp-footer-visible .yp-footer-watermark img{animation:none!important;opacity:.2!important;transform:none!important}}

/* Small foreground logo: water-drop lift, fall, splash and settle. */
footer.yp-footer .yp-footer-brand img{width:106px!important;max-width:45vw!important;height:auto!important;padding:5px!important;border-radius:9px!important;box-shadow:0 4px 13px #0002!important;transform-origin:center bottom;animation:yp-water-drop-logo 3.5s ease-in-out infinite!important}
@keyframes yp-water-drop-logo{0%,100%{transform:translateY(0) scale(1,1)}13%{transform:translateY(-12px) scale(.97,1.04)}28%{transform:translateY(0) scale(1.08,.88)}36%{transform:translateY(-4px) scale(.98,1.02)}45%{transform:translateY(0) scale(1.03,.96)}58%,88%{transform:translateY(0) scale(1)}}
@media(max-width:600px){footer.yp-footer .yp-footer-brand img{width:92px!important;padding:4px!important}footer.yp-footer .yp-footer-brand>p{margin:8px 0!important}}
@media(prefers-reduced-motion:reduce){footer.yp-footer .yp-footer-brand img{animation:none!important}}

/* Shared YUSUMA design language across public pages. */
header.nav .brand-art,header.nav .logo,header .logo{transition:width .25s ease,height .25s ease,max-width .25s ease}
header.nav.yp-nav-scrolled .brand-art{width:110px!important;height:42px!important}
header.nav.yp-nav-scrolled .logo,header.yp-nav-scrolled .logo{width:115px!important;max-width:115px!important}
header.nav.yp-nav-scrolled .nav-inner,header.yp-nav-scrolled .nav{min-height:56px!important}
@media(max-width:760px){header.nav .nav-inner{display:flex!important;align-items:center!important;flex-wrap:nowrap!important;gap:8px!important;min-height:56px!important}header.nav .brand-art{width:105px!important;height:42px!important}header.nav .nav-cta{font-size:10px!important;padding:9px!important;white-space:nowrap!important}header.nav .menu-toggle{margin-left:auto!important;flex-shrink:0!important;width:36px!important;height:36px!important}header.nav.yp-nav-scrolled .brand-art{width:83px!important;height:33px!important}header.nav.yp-nav-scrolled .nav-inner{min-height:46px!important}header.nav.yp-nav-scrolled .nav-cta{padding:7px!important}header.nav.yp-nav-scrolled .menu-toggle{width:32px!important;height:32px!important}header .logo{width:125px!important;max-width:30vw!important}header.yp-nav-scrolled .logo{width:95px!important;max-width:24vw!important}}
/* Glass surfaces and a consistent motion vocabulary. */
.pathway-card,.product-card,.cards>.card,.category,.step{backdrop-filter:blur(18px) saturate(145%);-webkit-backdrop-filter:blur(18px) saturate(145%);border:1px solid rgba(255,255,255,.66);box-shadow:0 12px 32px rgba(20,34,48,.09),inset 0 1px rgba(255,255,255,.48);transition:transform .28s ease,box-shadow .28s ease}
.pathway-card:hover,.product-card:hover,.cards>.card:hover,.category:hover,.step:hover{transform:translateY(-4px);box-shadow:0 20px 40px rgba(20,34,48,.14)}
@media(prefers-reduced-motion:no-preference){.yp-motion-enabled .yp-motion-item:not(.yp-in-view){opacity:.4;transform:translateY(20px)}.yp-motion-enabled .yp-motion-item{transition:opacity .65s ease,transform .65s cubic-bezier(.2,.8,.2,1)}.yp-motion-enabled .yp-motion-item.yp-in-view{opacity:1;transform:none}}
footer.yp-footer .yp-footer-brand{min-width:0}
footer.yp-footer .yp-footer-brand>p:first-child{font:800 clamp(16px,2vw,23px)/1.25 Manrope,sans-serif;color:#fff;letter-spacing:-.035em;margin:3px 0 12px}
footer.yp-footer .yp-footer-socials{gap:8px}
footer.yp-footer .yp-footer-socials a{border:1px solid #ffffff33;background:#ffffff10;padding:8px 10px;border-radius:10px;color:#f0f4f7;font-size:11px;line-height:1.2}
footer.yp-footer .yp-footer-socials a:hover{background:#ffffff22;transform:translateY(-2px)}
@media(max-width:600px){footer.yp-footer .yp-footer-socials a{padding:8px;font-size:10px}}
@media(prefers-reduced-motion:reduce){.yp-motion-item{opacity:1!important;transform:none!important;transition:none!important}}

/* Shared water-drop ripple from the exact tap/click position. */
.yp-ripple-host{position:relative!important;isolation:isolate;overflow:hidden!important}
.yp-click-ripple{position:absolute!important;z-index:10!important;pointer-events:none!important;border-radius:50%!important;transform:scale(0);opacity:.7;background:radial-gradient(circle,rgba(255,255,255,.65) 0%,rgba(167,212,233,.4) 27%,rgba(255,255,255,.16) 40%,transparent 65%);border:1px solid rgba(255,255,255,.4);animation:yp-water-ripple .72s cubic-bezier(.12,.65,.26,1) forwards!important}
@keyframes yp-water-ripple{0%{transform:scale(0);opacity:.75}55%{opacity:.48}100%{transform:scale(1);opacity:0}}
@media(prefers-reduced-motion:reduce){.yp-click-ripple{display:none!important}}

/* YUSUMA unified controls v1: consistent dimensions on public and staff pages. */
:root{--yp-control-h:40px;--yp-control-radius:10px;--yp-control-gap:10px;--yp-glass-surface:rgba(255,255,255,.82);--yp-control-border:#d8e0e7}
button,.button,a.button,input[type=button],input[type=submit],select,input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),textarea{box-sizing:border-box;max-width:100%;font-family:'DM Sans',system-ui,sans-serif}
select,input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),textarea{border-radius:var(--yp-control-radius)!important;border:1px solid var(--yp-control-border)!important;background-color:var(--yp-glass-surface);box-shadow:0 2px 9px rgba(22,38,51,.045)}
select,input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]){height:var(--yp-control-h);min-height:var(--yp-control-h);padding:7px 11px;line-height:1.25}
select{padding-right:28px!important;cursor:pointer}
textarea{min-height:76px;padding:10px 11px;line-height:1.45}
button,.button,a.button,input[type=button],input[type=submit]{border-radius:var(--yp-control-radius);min-height:36px;line-height:1.25;cursor:pointer}
button:disabled,input:disabled{cursor:not-allowed;opacity:.55}
.yp-ripple-host{position:relative!important;isolation:isolate;overflow:hidden!important}
.yp-click-ripple{position:absolute!important;z-index:10!important;pointer-events:none!important;border-radius:50%!important;transform:scale(0);opacity:.7;background:radial-gradient(circle,rgba(255,255,255,.65),rgba(171,218,240,.38) 30%,rgba(255,255,255,.12) 48%,transparent 70%);animation:yp-water-ripple .72s cubic-bezier(.12,.65,.26,1) forwards!important}
@keyframes yp-water-ripple{0%{transform:scale(0);opacity:.7}100%{transform:scale(1);opacity:0}}
@media(max-width:760px){:root{--yp-control-h:38px}select,input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),textarea{font-size:16px!important}button,.button,a.button,input[type=button],input[type=submit]{font-size:12px}label{line-height:1.3}}
@media(prefers-reduced-motion:reduce){.yp-click-ripple{display:none!important}}