#how-uli-works #animation-wrapper{height:100%}#how-uli-works #animation-inner-content{border:#0000;justify-content:center;align-items:center;display:flex}#how-uli-works .hiw-step-card{gap:var(--nano);cursor:pointer;background-color:#0000;flex-direction:column;transition:border .2s;display:flex;overflow:hidden}#how-uli-works .hiw-step-card .hiw-step-heading{transition:font-weight .2s}#how-uli-works .hiw-step-card .hiw-step-text{opacity:0;grid-template-rows:0fr;transition:grid-template-rows .3s cubic-bezier(.4,0,.2,1),opacity .3s;display:grid}#how-uli-works .hiw-step-card .hiw-step-text>*{overflow:hidden}#how-uli-works .hiw-step-card.active{border:2px solid hsl(var(--neem))}#how-uli-works .hiw-step-card.active .hiw-step-heading{font-weight:700}#how-uli-works .hiw-step-card.active .hiw-step-text{opacity:1;grid-template-rows:1fr}
#uli-step1-animation{flex-direction:column;justify-content:center;align-items:center;display:flex}#uli-step1-animation #platform-card{z-index:20;flex-direction:column;align-items:center;gap:8px;min-height:180px;padding:16px 0;display:flex;position:relative;overflow:hidden;width:320px!important}#uli-step1-animation #platform-card .services-row{width:100%;height:56px;position:relative;overflow:hidden}#uli-step1-animation #platform-card .services-row .services-strip{gap:8px;display:flex;position:absolute}#uli-step1-animation #platform-card .services-card{aspect-ratio:1;border:1px solid var(--spring);flex-shrink:0;justify-content:center;align-items:center;width:56px;min-width:56px;display:flex}#uli-step1-animation #pipeline{background-color:hsla(var(--neem),.2);width:4px;height:80px;position:relative}#uli-step1-animation #pipeline:after{content:"";background:linear-gradient(to bottom,transparent,var(--green-light80),var(--green-light40),transparent);width:3px;height:16px;box-shadow:0 0 6px var(--green),0 0 20px var(--green-opacity20);z-index:10;animation:2s ease-in-out infinite greenGlowTravel;position:absolute;top:0;left:50%;transform:translate(-50%)}#uli-step1-animation #integration-card{aspect-ratio:1;z-index:20;justify-content:center;align-items:center;width:80px;display:flex}@keyframes greenGlowTravel{0%{opacity:0;top:80px}10%{opacity:1}90%{opacity:1}to{opacity:0;top:-10px}}
#uli-step2-animation{flex-direction:column;justify-content:center;align-items:center;display:flex}#uli-step2-animation #platform-card{z-index:20;flex-direction:column;align-items:center;gap:8px;min-height:180px;padding:16px 0;display:flex;position:relative;overflow:hidden;width:320px!important}#uli-step2-animation #platform-card .services-row{width:100%;height:56px;position:relative}#uli-step2-animation #platform-card .services-row .services-strip{gap:8px;display:flex;position:absolute}#uli-step2-animation #platform-card .services-card{aspect-ratio:1;border:1px solid var(--spring);flex-shrink:0;justify-content:center;align-items:center;width:56px;min-width:56px;transition:box-shadow .3s ease-in,border-color .3s ease-in;display:flex}#uli-step2-animation #platform-card .services-card.glowing{border-color:var(--blue);background-color:var(--blue-light70);box-shadow:0 0 6px var(--blue),0 0 12px var(--blue-opacity40),0 0 18px var(--blue-opacity20);animation:3s ease-out forwards glowFadeOut}#uli-step2-animation #pipeline{background-color:hsla(var(--neem),.2);width:4px;height:80px;position:relative}#uli-step2-animation #pipeline:after{content:"";background:linear-gradient(to bottom,transparent,var(--green-light80),var(--green-light40),transparent);width:3px;height:16px;box-shadow:0 0 6px var(--green),0 0 20px var(--green-opacity20);z-index:10;animation:2s ease-in-out infinite reverse greenGlowTravel;position:absolute;top:0;left:50%;transform:translate(-50%)}#uli-step2-animation #integration-card{aspect-ratio:1;z-index:20;justify-content:center;align-items:center;width:80px;display:flex}@keyframes greenGlowTravel{0%{opacity:0;top:-10px}10%{opacity:1}90%{opacity:1}to{opacity:0;top:80px}}
#uli-step3-animation{flex-direction:column;justify-content:center;align-items:center;min-height:400px;display:flex}#uli-step3-animation #platform-card{z-index:20;flex-direction:column;align-items:center;gap:8px;min-height:180px;padding:16px 0;display:flex;position:relative;overflow:hidden;width:320px!important}#uli-step3-animation #platform-card #document{justify-content:center;align-items:center;width:110px;height:110px;display:flex}#uli-step3-animation #pipeline{background-color:hsla(var(--neem),.6);width:4px;height:80px;position:relative}#uli-step3-animation #pipeline:after{content:"";background:linear-gradient(to bottom,transparent,var(--green-light80),var(--green-light40),transparent);width:3px;height:16px;box-shadow:0 0 6px var(--green),0 0 20px var(--green-opacity20);z-index:10;animation:2s ease-in-out infinite greenGlowTravel;position:absolute;top:0;left:50%;transform:translate(-50%)}#uli-step3-animation #integration-card{aspect-ratio:1;z-index:20;justify-content:center;align-items:center;width:80px;display:flex}@keyframes greenGlowTravel{0%{opacity:0;top:80px}10%{opacity:1}90%{opacity:1}to{opacity:0;top:-10px}}
#uli-step4-animation{justify-content:center;align-items:center;width:80%;min-height:400px;display:flex}#uli-step4-animation #analytics-wrapper{gap:var(--nano);grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(4,1fr);display:grid}#uli-step4-animation .analytics-card{justify-content:center;align-items:center;height:100px;display:flex}#uli-step4-animation .analytics-card.double-width{grid-column:span 2}#uli-step4-animation .line-chart{width:100%;height:100%;margin-top:12px}#uli-step4-animation .line-chart .chart-line{transition:all 1s ease-in-out}#uli-step4-animation .bar-chart{width:100%;height:100%;margin-top:12px}#uli-step4-animation .bar-chart .bar{transition:all 1s ease-in-out}#uli-step4-animation .radial-chart{width:100%;height:100%}#uli-step4-animation .radial-chart .radial-bar{transition:stroke-dashoffset 1s ease-in-out}#uli-step4-animation .bullet-chart{width:100%;height:100%}#uli-step4-animation .bullet-chart .bullet-bar{transition:width 1s ease-in-out}#uli-step4-animation .treemap-chart{width:60%;height:60%}#uli-step4-animation .treemap-chart .treemap-rect{transition:all 1s ease-in-out}