#ix-loading[hidden]{display:none!important}#ix-loading{position:fixed;inset:0;z-index:99999;display:grid;place-items:center;background:rgba(255,255,255,.82);pointer-events:none;backdrop-filter:blur(2px)}.ix-loader-scene{text-align:center;max-width:270px;padding:20px}.ix-loader-scene svg{display:block;width:160px;height:120px;margin:0 auto}.ix-loader-scene span{display:block;margin-top:14px;font:500 12px/1.5 system-ui,sans-serif;letter-spacing:.02em;color:#55476b}.ix-parcel-float{animation:ixParcelFloat 1.4s ease-in-out infinite;transform-origin:80px 65px}.ix-parcel-shadow{animation:ixParcelShadow 1.4s ease-in-out infinite;transform-origin:80px 96px}.ix-loader-progress{animation:ixParcelTravel 1.4s ease-in-out infinite}@keyframes ixParcelFloat{0%,100%{transform:translateY(-7px) rotate(-2deg)}50%{transform:translateY(1px) rotate(2deg)}}@keyframes ixParcelShadow{0%,100%{transform:scaleX(.8);opacity:.08}50%{transform:scaleX(1.08);opacity:.16}}@keyframes ixParcelTravel{0%,100%{transform:translateX(-25px)}50%{transform:translateX(25px)}}@media(prefers-reduced-motion:reduce){.ix-parcel-float,.ix-parcel-shadow,.ix-loader-progress{animation:none}}@media(max-width:480px){.ix-loader-scene svg{width:140px;height:105px}}

.ix-loader-brand{display:none}
#ix-loading.ix-opening{background:radial-gradient(ellipse at 50% 55%,#f0e7ff,#fff 65%);pointer-events:auto;animation:ixLoaderExit 2.4s both}
.ix-opening .ix-loader-brand{display:block;width:140px;height:auto;margin:0 auto 12px;mix-blend-mode:multiply}
.ix-opening .ix-loader-scene{animation:ixLoaderIn .48s ease-out both}
.ix-opening .ix-loader-progress{transform-origin:61px 108px;animation:ixLoadProgress 2.15s ease-out both}
@keyframes ixLoaderIn{from{opacity:0;transform:translateY(12px) scale(.96)}}
@keyframes ixLoaderExit{0%,91%{opacity:1}100%{opacity:0}}
@keyframes ixLoadProgress{from{transform:translateX(-35px) scaleX(.12)}to{transform:translateX(-35px) scaleX(2.9)}}
@media(prefers-reduced-motion:reduce){#ix-loading.ix-opening,.ix-opening .ix-loader-scene,.ix-opening .ix-loader-progress{animation:none}}
.ix-dispatch{display:none}
#ix-loading.ix-opening{background:#f9f5ff;animation:none}
#ix-loading.ix-opening .ix-loader-scene{display:none}
.ix-opening .ix-dispatch{display:block;width:min(680px,calc(100% - 36px));color:#4d2879;font:600 13px/1.4 system-ui,sans-serif}
.ix-dispatch-top,.ix-dispatch-bottom{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 0}
.ix-dispatch-top img{width:126px;height:auto;mix-blend-mode:multiply}
.ix-dispatch-top span,.ix-dispatch-bottom span:last-child{font-size:10px;letter-spacing:.16em}
.ix-dispatch-scene{height:clamp(160px,35vw,250px);position:relative;overflow:hidden;border-radius:22px;background:linear-gradient(120deg,#472571,#6e43a3)}
.ix-dispatch-index{position:absolute;top:-.35em;left:.05em;color:#fff1;font-size:clamp(150px,30vw,260px);line-height:1.2}
.ix-dispatch-scene svg{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:#fff3;stroke-width:2}
.ix-dispatch-scene .ix-dispatch-line{stroke:#ff9c4a;stroke-dasharray:1;animation:ixDispatchTrace 2.1s ease-out both}
.ix-dispatch-scene img{position:absolute;width:72%;height:100%;object-fit:contain;left:13%;filter:drop-shadow(0 14px 10px #28144060);animation:ixDispatchTruck 1.55s cubic-bezier(.18,.78,.28,1) both}
.ix-dispatch-progress{height:3px;background:#e4d7f0;border-radius:4px;overflow:hidden}
.ix-dispatch-progress::after{content:"";display:block;height:100%;background:#fa852f;transform-origin:left;animation:ixDispatchProgress 2.35s linear both}
@keyframes ixDispatchTrace{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
@keyframes ixDispatchTruck{from{transform:translateX(-118%)}to{transform:translateX(0)}}
@keyframes ixDispatchProgress{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media(prefers-reduced-motion:reduce){.ix-dispatch-scene img,.ix-dispatch-scene .ix-dispatch-line,.ix-dispatch-progress::after{animation:none}}
/* The content is already mounted behind these two independent curtains. */
#ix-loading.ix-opening{background:transparent;backdrop-filter:none;overflow:hidden;isolation:isolate}
#ix-loading.ix-opening::before,#ix-loading.ix-opening::after{content:"";position:absolute;inset:0;pointer-events:none;will-change:transform}
#ix-loading.ix-opening::before{background:#ff994a;z-index:-2}
#ix-loading.ix-opening::after{background:radial-gradient(ellipse at 50% 40%,#fbf6ff 0%,#eee0fa 88%);z-index:-1}
.ix-opening .ix-dispatch{position:relative}
.ix-opening .ix-dispatch-scene{border:1px solid #b899d33f;box-shadow:0 22px 52px #3c1c5b38}
.ix-opening .ix-dispatch-scene img{animation-duration:1.25s}
.ix-opening .ix-dispatch-progress::after,.ix-opening .ix-dispatch-line{animation-duration:1.48s}
#ix-loading.ix-lifting::after,.ix-lifting .ix-dispatch{animation:ixCurtainLift .72s cubic-bezier(.76,0,.24,1) both}
#ix-loading.ix-lifting::before{animation:ixCurtainLift .74s .18s cubic-bezier(.76,0,.24,1) both}
@keyframes ixCurtainLift{to{transform:translate3d(0,-110vh,0)}}
@media(prefers-reduced-motion:reduce){.ix-opening .ix-dispatch-scene img,.ix-opening .ix-dispatch-progress::after,.ix-opening .ix-dispatch-line{animation:none}}
.ix-opening .ix-dispatch{width:min(172px,52vw);text-align:center}
.ix-loader-mark{display:block;width:100%;height:auto;margin-bottom:14px;mix-blend-mode:multiply}
.ix-opening .ix-dispatch>span{display:block;margin-top:10px;font-size:10px;font-weight:600;color:#6d5485}
#ix-loading.ix-opening::after{background:linear-gradient(145deg,#fdfaff,#f0e5fa)}
.ix-loader-window{overflow:hidden;margin-bottom:14px}
.ix-loader-window .ix-loader-mark{margin:0;animation:ixMarkRise .64s cubic-bezier(.22,1,.36,1) both}
.ix-opening .ix-dispatch-progress::after{animation-duration:1.02s}
#ix-loading.ix-lifting::after,.ix-lifting .ix-dispatch{animation-duration:.55s}
#ix-loading.ix-lifting::before{animation-duration:.56s;animation-delay:.12s}
@keyframes ixMarkRise{from{transform:translateY(104%)}to{transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.ix-loader-window .ix-loader-mark{animation:none}}
.ix-opening .ix-dispatch{width:min(246px,64vw)}
.ix-loader-assembly{display:flex;justify-content:center;align-items:center;overflow:hidden;margin:0 0 12px;font:950 clamp(42px,12vw,78px)/1 system-ui,sans-serif;letter-spacing:-.085em;color:#4e2978}
.ix-loader-assembly span{display:block;animation:ixAssemble .65s cubic-bezier(.18,.8,.24,1) both}
.ix-loader-assembly span:nth-child(even){--ix-assembly-y:115%}
.ix-loader-assembly span:nth-child(2){animation-delay:.08s}
.ix-loader-assembly span:nth-child(3){animation-delay:.16s}
.ix-loader-assembly span:nth-child(4){animation-delay:.24s;color:#b94c11}
.ix-loader-assembly span:nth-child(5){animation-delay:.32s;color:#b94c11}
.ix-opening .ix-dispatch-progress::after{animation-duration:1.24s}
@keyframes ixAssemble{from{transform:translateY(var(--ix-assembly-y,-115%))}to{transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.ix-loader-assembly span{animation:none}}

/* ---- Preloader upgrade: tagline, driving truck, live percentage. Curtain exit above is unchanged. ---- */
.ix-opening .ix-dispatch{width:min(300px,72vw)}
.ix-opening .ix-dispatch::before{content:"";position:absolute;left:50%;top:-36px;width:260px;height:260px;margin-left:-130px;border-radius:50%;background:radial-gradient(circle,#ff994a38 0%,#b461f21f 45%,transparent 70%);z-index:-1;animation:ixPlGlow 2.4s ease-in-out infinite alternate}
@keyframes ixPlGlow{from{transform:scale(.88);opacity:.7}to{transform:scale(1.08);opacity:1}}
.ix-pl-tag{font:700 8.5px/1 system-ui,sans-serif;letter-spacing:.34em;text-indent:.34em;color:#7a5a9c;margin:0 0 18px;animation:ixPlFade .6s .55s ease-out both}
@keyframes ixPlFade{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.ix-pl-track{position:relative;padding-top:20px}
.ix-pl-truck{position:absolute;left:0;top:0;width:34px;height:auto;margin-left:-17px;filter:drop-shadow(0 4px 4px #2a134933);animation:ixPlDrive 1.24s linear both}
@keyframes ixPlDrive{from{left:0}to{left:100%}}
.ix-pl-truck{animation-name:ixPlDrive,ixPlBounce;animation-duration:1.24s,.28s;animation-iteration-count:1,infinite;animation-timing-function:linear,ease-in-out}
@keyframes ixPlBounce{0%,100%{translate:0 0}50%{translate:0 -1.5px}}
.ix-dispatch-progress{height:4px}
.ix-pl-meta{display:flex;justify-content:space-between;align-items:center;margin-top:12px;font:600 10px/1 system-ui,sans-serif;color:#6d5485}
.ix-pl-msg{animation:ixPlFade .6s .8s ease-out both}
.ix-pl-pct{font-variant-numeric:tabular-nums;font-weight:700;color:#b94c11;letter-spacing:.06em}
.ix-opening .ix-dispatch>span{display:none}
@media(prefers-reduced-motion:reduce){.ix-opening .ix-dispatch::before,.ix-pl-tag,.ix-pl-msg,.ix-pl-truck{animation:none}.ix-pl-truck{left:100%}}

/* ======================= Kinetic-type preloader (motion graphics) =======================
   Sequence: SEND > SHIP > TRACK > DELIVER > orange iris > INDEX brand > existing curtain lift. */
.ix-kin{display:none}
.ix-opening .ix-kin{display:block;position:absolute;inset:0;overflow:hidden;font-family:system-ui,-apple-system,"Segoe UI",Arial,sans-serif;color:#fff}
.ix-opening .ix-dispatch,.ix-opening .ix-loader-scene{display:none!important}
#ix-loading.ix-opening::after{background:radial-gradient(ellipse at 50% 38%,#64329d 0%,#3a1c63 55%,#26103f 100%)}
.ix-lifting .ix-kin{animation:ixCurtainLift .55s cubic-bezier(.76,0,.24,1) both}
.kin-word.w1,.kin-pulse.w1,.kin-sweep.w1,.kin-seq b.w1{--b:.15s}
.kin-word.w2,.kin-pulse.w2,.kin-sweep.w2,.kin-seq b.w2{--b:.51s}
.kin-word.w3,.kin-pulse.w3,.kin-sweep.w3,.kin-seq b.w3{--b:.87s}
.kin-word.w4,.kin-pulse.w4,.kin-sweep.w4,.kin-seq b.w4{--b:1.23s}

.kin-mq{position:absolute;left:0;width:100%;overflow:hidden;white-space:nowrap;font-weight:900;font-size:clamp(40px,9vw,128px);line-height:1;letter-spacing:-.02em;color:transparent;-webkit-text-stroke:1px #ffffff29;animation:kinFade .5s ease-out both}
.kin-mq.top{top:9%}.kin-mq.bot{bottom:9%}
.kin-track{display:inline-block;animation:kinMq 7s linear infinite}
.kin-mq.bot .kin-track{animation-direction:reverse}
@keyframes kinMq{to{transform:translateX(-50%)}}
@keyframes kinFade{from{opacity:0}}

.kin-label{position:absolute;left:clamp(16px,3vw,40px);top:clamp(16px,3vh,32px);font-size:11px;font-weight:800;letter-spacing:.3em;color:#ffffffb3}
.kin-seq{position:absolute;right:clamp(16px,3vw,40px);top:clamp(16px,3vh,32px);font-size:13px;font-weight:800;letter-spacing:.14em;font-variant-numeric:tabular-nums;color:#ffffffb3;display:flex;gap:6px;align-items:baseline}
.kin-seq b{position:absolute;right:38px;color:#ff994a;opacity:0;animation:kinNum .36s ease-out var(--b) both}
.kin-seq span{margin-left:0;padding-left:0}
@keyframes kinNum{0%{opacity:0;transform:translateY(8px)}15%,80%{opacity:1;transform:none}100%{opacity:0;transform:translateY(-8px)}}
.kin-seq b.w4{animation-name:kinNumKeep}
@keyframes kinNumKeep{0%{opacity:0;transform:translateY(8px)}20%,100%{opacity:1;transform:none}}

.kin-word{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);white-space:nowrap;font-weight:900;font-size:clamp(58px,17vw,230px);line-height:.95;letter-spacing:-.055em;display:flex}
.kin-word .l{display:inline-block;overflow:hidden;padding:.06em .01em .1em;margin:-.06em -.01em -.1em}
.kin-word i,.kin-b i{display:block;font-style:normal;animation:kinRise .42s cubic-bezier(.2,.9,.25,1.08) calc(var(--b) + var(--j)*.035s) both,kinFall .22s cubic-bezier(.6,0,.9,.4) calc(var(--b) + .3s + var(--j)*.012s) forwards}
.kin-word.w4 i,.kin-b i{animation:kinRise .42s cubic-bezier(.2,.9,.25,1.08) calc(var(--b) + var(--j)*.035s) both}
.kin-word.w1 i{color:#fff}
.kin-word.w2 i{color:transparent;-webkit-text-stroke:max(2px,.025em) #fff}
.kin-word.w3 i{color:#ff994a}
.kin-word.w4 i{color:#fff}
@keyframes kinRise{from{transform:translateY(115%) rotate(8deg)}to{transform:none}}
@keyframes kinFall{to{transform:translateY(-115%) rotate(-6deg)}}
.kin-word::before{content:attr(data-t);position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(1.9);color:transparent;-webkit-text-stroke:1px #ffffff1f;opacity:0;animation:kinGhost .45s linear var(--b) both;pointer-events:none}
@keyframes kinGhost{0%{opacity:0;transform:translate(-50%,-50%) scale(2.2)}25%{opacity:1}100%{opacity:0;transform:translate(-50%,-50%) scale(1.6)}}
.kin-word.w4::after{content:"";position:absolute;left:0;right:.05em;bottom:-.02em;height:.065em;background:#ff994a;border-radius:99px;transform:scaleX(0);transform-origin:left;animation:kinUnder .45s cubic-bezier(.2,.8,.2,1) calc(var(--b) + .32s) forwards}
@keyframes kinUnder{to{transform:scaleX(1)}}

.kin-pulse{position:absolute;left:50%;top:50%;width:26vmin;height:26vmin;margin:-13vmin 0 0 -13vmin;border:2px solid #ff994a;border-radius:50%;opacity:0;animation:kinPulse .75s ease-out var(--b) both}
@keyframes kinPulse{0%{transform:scale(.3);opacity:.9}100%{transform:scale(2.6);opacity:0}}
.kin-sweep{position:absolute;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,#ff994a 50%,transparent);opacity:0;animation:kinSweep .55s cubic-bezier(.3,.7,.2,1) var(--b) both}
.kin-sweep.w1{top:34%}.kin-sweep.w2{top:64%}.kin-sweep.w3{top:42%}.kin-sweep.w4{top:70%}
@keyframes kinSweep{0%{transform:translateX(-100%);opacity:1}100%{transform:translateX(100%);opacity:0}}

.kin-iris{position:absolute;left:50%;top:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border-radius:50%;background:#ff994a;transform:scale(0);animation:kinIris .62s cubic-bezier(.75,0,.2,1) 1.78s forwards}
@keyframes kinIris{to{transform:scale(260)}}
.kin-brand{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(10px,2vw,22px);text-align:center}
.kin-b{display:flex;font-weight:950;font-size:clamp(70px,19vw,230px);line-height:1;letter-spacing:-.05em}
.kin-b .l{display:inline-block;overflow:hidden;padding:.06em .01em .1em;margin:-.06em -.01em -.1em}
.kin-b i{--b:2.15s;color:#fff}
.kin-b .l:nth-child(n+4) i{color:#2c1450}
.kin-tag{font-weight:800;font-size:clamp(10px,1.5vw,16px);letter-spacing:.42em;text-indent:.42em;color:#2c1450;opacity:0;animation:kinTag .5s ease-out 2.5s both}
@keyframes kinTag{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.kin-bar{position:absolute;left:0;bottom:0;height:4px;width:100%;background:linear-gradient(90deg,#ff994a,#fff);transform-origin:left;transform:scaleX(0);animation:kinBar 2.7s linear both}
@keyframes kinBar{to{transform:scaleX(1)}}
.kin-pct{position:absolute;right:clamp(16px,3vw,40px);bottom:clamp(14px,3vh,28px);font-size:12px;font-weight:800;letter-spacing:.12em;font-variant-numeric:tabular-nums;color:#fff}
@media (max-width:560px){.kin-seq b{right:34px}.kin-mq{font-size:44px}}
@media (prefers-reduced-motion:reduce){
 .ix-kin *,.ix-kin{animation:none!important}
 .kin-word,.kin-mq,.kin-pulse,.kin-sweep,.kin-label,.kin-seq{display:none}
 .kin-iris{transform:scale(260)}.kin-b i{transform:none}.kin-tag{opacity:1}.kin-bar{transform:scaleX(1)}
}