/* TENDERDataLab welcome screen. Everything is scoped to .dlw so nothing leaks into the app. */
.dlw{--ink:#173b44;--muted:#5f7478;--teal:#01879d;--orange:#f46d1e;position:fixed;inset:0;z-index:2147483000;display:grid;grid-template-rows:auto 1fr auto;min-height:100svh;box-sizing:border-box;isolation:isolate;overflow:hidden;color:var(--ink);background:#f8faf8;font-family:Outfit,"IBM Plex Sans Arabic","Segoe UI",sans-serif;color-scheme:light}
.dlw *,.dlw *::before,.dlw *::after{box-sizing:border-box}
.dlw.is-leaving{opacity:0;transition:opacity .35s ease}
.dlw::before{content:"";position:absolute;z-index:-1;inset:0;background-image:radial-gradient(#6c979420 .8px,transparent .8px);background-size:26px 26px;mask-image:linear-gradient(transparent 15%,#000a 100%)}
.dlw::after{content:"";position:absolute;z-index:-1;width:520px;height:520px;inset-inline-end:-160px;inset-block-start:-180px;border-radius:50%;background:radial-gradient(#01879d1f,transparent 70%)}
.dlw button{font:inherit}
.dlw button:focus-visible{outline:3px solid #e58347;outline-offset:5px;border-radius:6px}
.dlw-top,.dlw-foot{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 40px}
.dlw-brand{display:flex;align-items:center;gap:11px;font-size:11px;font-weight:600;letter-spacing:.18em}
.dlw-brand i{width:7px;height:7px;border-radius:2px;background:var(--teal);box-shadow:3px -3px 0 #f6a46e}
.dlw-skip{display:inline-flex;align-items:center;gap:9px;padding:9px 4px;border:0;background:none;color:#4d6a6f;font-size:13px;cursor:pointer;transition:color .2s}
.dlw-skip:hover{color:#cc6527}
.dlw-skip svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.6}
[dir=rtl] .dlw-skip svg{transform:scaleX(-1)}
.dlw-center{display:flex;align-items:center;justify-content:center;padding:12px 24px 28px}
.dlw-stage{width:min(560px,100%);text-align:center}
.dlw-eyebrow{margin:0 0 18px;font-size:11px;font-weight:500;letter-spacing:.3em;color:#7b9091}
[dir=rtl] .dlw-eyebrow{letter-spacing:0;font-size:13px}
.dlw-mark{width:132px;height:132px;margin:0 auto 14px;filter:drop-shadow(0 14px 22px #01879d24)}
.dlw-icon{width:100%;height:100%;display:block;overflow:visible}
.dlw-bar{transform-box:fill-box;transform-origin:50% 100%}
.dlw-d{transform-box:fill-box;transform-origin:0% 50%}
.dlw-word{display:block;width:min(260px,70%);height:auto;margin:0 auto}
.dlw-divider{display:flex;justify-content:center;gap:5px;margin:20px 0 18px}
.dlw-divider i{height:3px;width:29px;border-radius:4px;background:#74a6a5}
.dlw-divider i+i{width:15px;background:#ef9d66}
.dlw-headline{margin:0;font-size:clamp(22px,3.2vw,30px);font-weight:500;letter-spacing:-.03em;line-height:1.25;color:#1f4750}
[dir=rtl] .dlw-headline{letter-spacing:0;line-height:1.5}
.dlw-note{margin:12px 0 0;font-size:14.5px;line-height:1.65;color:var(--muted)}
.dlw-load{width:min(300px,100%);margin:26px auto 0;min-height:40px}
.dlw-progress{height:2px;border-radius:10px;background:#dde7e5;overflow:hidden;transition:opacity .4s}
.dlw-fill{height:100%;width:100%;transform:scaleX(0);transform-origin:left;border-radius:10px;background:linear-gradient(90deg,#01879d 15%,#6fb5b2 60%,#f6a46e)}
[dir=rtl] .dlw-fill{transform-origin:right}
.dlw-meta{display:flex;align-items:center;justify-content:space-between;margin-top:13px;font-size:11.5px;letter-spacing:.04em;color:#6b8184;font-variant-numeric:tabular-nums}
.dlw.is-ready .dlw-meta{justify-content:center;color:#4c7478}
.dlw.is-ready .dlw-pct{display:none}
.dlw.is-ready .dlw-progress{opacity:0}
.dlw-foot{justify-content:center;font-size:10.5px;letter-spacing:.04em;color:#6d8386}
.dlw-foot p{margin:0}
.dlw-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
/* entrance (full welcome only) */
.dlw.is-loading:not(.is-quick) .dlw-eyebrow{animation:dlw-fade .7s .15s both}
.dlw.is-loading .dlw-b1{animation:dlw-rise .75s .25s cubic-bezier(.16,1,.3,1) both}
.dlw.is-loading .dlw-b2{animation:dlw-rise .75s .45s cubic-bezier(.16,1,.3,1) both}
.dlw.is-loading .dlw-b3{animation:dlw-rise .75s .65s cubic-bezier(.16,1,.3,1) both}
.dlw.is-loading .dlw-d{animation:dlw-sweep .9s .8s cubic-bezier(.16,1,.3,1) both}
.dlw.is-loading .dlw-word{animation:dlw-fade .8s 1.1s both}
.dlw.is-loading .dlw-divider{animation:dlw-fade .7s 1.4s both}
.dlw.is-loading .dlw-headline{animation:dlw-copy .8s 1.5s both}
.dlw.is-loading .dlw-note{animation:dlw-copy .8s 1.7s both}
.dlw.is-quick.is-loading .dlw-b1{animation-duration:.45s;animation-delay:.05s}
.dlw.is-quick.is-loading .dlw-b2{animation-duration:.45s;animation-delay:.15s}
.dlw.is-quick.is-loading .dlw-b3{animation-duration:.45s;animation-delay:.25s}
.dlw.is-quick.is-loading .dlw-d{animation-duration:.5s;animation-delay:.3s}
.dlw.is-quick.is-loading .dlw-word{animation-duration:.4s;animation-delay:.45s}
.dlw.is-quick.is-loading .dlw-divider,.dlw.is-quick.is-loading .dlw-headline,.dlw.is-quick.is-loading .dlw-note{animation-duration:.4s;animation-delay:.5s}
@keyframes dlw-rise{from{opacity:0;transform:scaleY(.05)}to{opacity:1;transform:scaleY(1)}}
@keyframes dlw-sweep{from{opacity:0;transform:translateX(60px) scaleX(.6)}to{opacity:1;transform:none}}
@keyframes dlw-fade{from{opacity:0}to{opacity:1}}
@keyframes dlw-copy{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media (max-width:640px){.dlw-top,.dlw-foot{padding:16px 20px}.dlw-mark{width:104px;height:104px}.dlw-note{font-size:13.5px}}
@media (prefers-reduced-motion:reduce){.dlw *{animation:none!important;transition:none!important}}

/* larger, main brand mark on the loading screen */
.dlw-mark{width:168px;height:168px}
.dlw-word{width:min(380px,82%)}
@media (max-width:640px){.dlw-mark{width:132px;height:132px}.dlw-word{width:min(300px,86%)}}