.craft-ui-container{--article-width:0;--article-height:0;--article-padding:1rem;--article-radius:0.5rem;--article-transition:0.3s;--article-color:hsla(0,0%,100%,.1);--article-color-active:hsla(0,0%,100%,.2);--article-color-hover:hsla(0,0%,100%,.15);--article-shadow:0 4px 20px rgba(0,0,0,.2);--article-shadow-active:0 8px 30px rgba(0,0,0,.3);--kumi-primary:#4189dd;--kumi-secondary:#8cc153;--ubax-primary:#6441dd;--ubax-secondary:#dd41b4;--maamul-primary:#f90;--maamul-secondary:#ff5e00;--tano-primary:#0c9;--tano-secondary:#09c;--dailyupdate-primary:#f36;--dailyupdate-secondary:#f9c;width:100%;max-width:1200px;margin:0 auto;padding:2rem 1rem}.craft-ui-container h2.fluid{font-size:clamp(2rem,5vw,3.5rem);line-height:1.1;margin-bottom:1rem;text-align:center;font-weight:300;letter-spacing:-.02em}.craft-ui-container p{font-size:clamp(1rem,1.5vw,1.25rem);line-height:1.6;margin-bottom:2rem;text-align:center;max-width:800px;margin-left:auto;margin-right:auto}.solutions-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1rem;height:500px;list-style-type:none;padding:0;margin:0;overflow:hidden}.solutions-grid li{border-radius:var(--article-radius);transition:all var(--article-transition);overflow:hidden;position:relative;--overlay-opacity:0;transform:translateZ(0);will-change:transform,box-shadow}.solutions-grid li[data-active=true]{--overlay-opacity:0.6;transform:translateZ(0) scale(1.02);z-index:10}.solutions-grid article{height:100%;width:100%;padding:var(--article-padding);background-color:var(--article-color);border-radius:var(--article-radius);transition:all var(--article-transition);position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;box-shadow:var(--article-shadow);background-image:linear-gradient(rgba(0,0,0,.3),rgba(0,0,0,.2));background-size:cover}.solutions-grid li[data-active=true] article{background-color:var(--article-color-active);box-shadow:var(--article-shadow-active)}.solutions-grid li:hover article{background-color:var(--article-color-hover)}.solutions-grid article h3{font-size:1.5rem;margin-bottom:.5rem;font-weight:500}.solutions-grid article h3,.solutions-grid article p{position:relative;z-index:2;transition:all var(--article-transition);opacity:0;transform:translateY(20px)}.solutions-grid article p{font-size:.875rem;margin-bottom:1rem;text-align:left;transition-delay:.05s}.solutions-grid li[data-active=true] article h3,.solutions-grid li[data-active=true] article p{opacity:1;transform:translateY(0)}.icon-container{position:absolute;top:1rem;left:50%;transform:translateX(-50%);width:2rem;height:2rem;z-index:2;opacity:.7;transition:all var(--article-transition)}.solutions-grid li[data-active=true] .icon-container{opacity:1;width:3.5rem;height:3.5rem}.explore-link{position:relative;z-index:2;display:inline-flex;align-items:center;padding:.5rem 1rem;background-color:hsla(0,0%,100%,.1);border-radius:2rem;text-decoration:none;color:#fff;font-size:.875rem;font-weight:500;margin-top:auto;transition:all .2s;opacity:0;transform:translateY(20px);transition:all var(--article-transition);transition-delay:.1s;backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.1)}.solutions-grid li[data-active=true] .explore-link{opacity:1;transform:translateY(0)}.explore-link:hover{background-color:hsla(0,0%,100%,.2)}.image-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;opacity:.1;transition:opacity var(--article-transition)}.solutions-grid li[data-active=true] .image-container{opacity:.15}.gradient-overlay{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:var(--article-radius);z-index:1;mix-blend-mode:overlay;pointer-events:none}.kumi-card .gradient-overlay{background:linear-gradient(135deg,rgba(65,137,221,.3),rgba(140,193,83,.3),rgba(65,137,221,.3));background-size:200% 200%;animation:gradientShift 15s ease infinite}.ubax-card .gradient-overlay{background:linear-gradient(135deg,rgba(100,65,221,.3),rgba(221,65,180,.3),rgba(100,65,221,.3));background-size:200% 200%;animation:gradientShift 18s ease infinite}.maamul-card .gradient-overlay{background:linear-gradient(135deg,rgba(255,153,0,.3),rgba(255,94,0,.3),rgba(255,153,0,.3));background-size:200% 200%;animation:gradientShift 20s ease infinite}.tano-card .gradient-overlay{background:linear-gradient(135deg,rgba(0,204,153,.3),rgba(0,153,204,.3),rgba(0,204,153,.3));background-size:200% 200%;animation:gradientShift 17s ease infinite}.dailyupdate-card .gradient-overlay{background:linear-gradient(135deg,rgba(255,51,102,.3),rgba(255,153,204,.3),rgba(255,51,102,.3));background-size:200% 200%;animation:gradientShift 19s ease infinite}.pattern-overlay{position:absolute;top:0;left:0;width:100%;height:100%;opacity:.25;mix-blend-mode:overlay;z-index:1;pointer-events:none;background-repeat:repeat;background-size:300px 300px;transition:opacity var(--article-transition)}.solutions-grid li[data-active=true] .pattern-overlay{opacity:.35;animation:patternFloat 30s linear infinite}.solutions-grid li:hover .pattern-overlay{opacity:.3;transition:opacity var(--article-transition)}.kumi-pattern{background-image:radial-gradient(circle,var(--kumi-primary) 1px,transparent 1px);background-size:30px 30px}.ubax-pattern{background-image:linear-gradient(45deg,var(--ubax-primary) 25%,transparent 25%,transparent 75%,var(--ubax-primary) 75%,var(--ubax-primary)),linear-gradient(-45deg,var(--ubax-primary) 25%,transparent 25%,transparent 75%,var(--ubax-primary) 75%,var(--ubax-primary));background-size:60px 60px;background-position:0 0,30px 30px}.maamul-pattern{background-image:linear-gradient(var(--maamul-primary) 1px,transparent 1px),linear-gradient(to right,var(--maamul-primary) 1px,transparent 1px);background-size:20px 20px}.tano-pattern{background-image:radial-gradient(var(--tano-primary) 2px,transparent 2px),radial-gradient(var(--tano-secondary) 2px,transparent 2px);background-size:60px 60px;background-position:0 0,30px 30px}.dailyupdate-pattern{background-image:linear-gradient(45deg,var(--dailyupdate-primary) 25%,transparent 25%),linear-gradient(-45deg,var(--dailyupdate-primary) 25%,transparent 25%);background-size:20px 20px}.glass-morphism{position:relative;backdrop-filter:blur(10px);background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);box-shadow:0 8px 32px rgba(0,0,0,.1);overflow:hidden;transition:all .4s ease;height:100%;width:100%;padding:var(--article-padding);border-radius:var(--article-radius)}.content-wrapper{position:relative;z-index:4;height:100%;display:flex;flex-direction:column;justify-content:space-between}.solution-tag{display:inline-block;padding:.25rem .75rem;background-color:hsla(0,0%,100%,.1);border-radius:1rem;font-size:.75rem;font-weight:500;margin-bottom:1rem;backdrop-filter:blur(5px);opacity:0;transform:translateY(10px);transition:all var(--article-transition);transition-delay:0s}.solutions-grid li[data-active=true] .solution-tag{opacity:1;transform:translateY(0)}.kumi-card .solution-tag{background-color:rgba(65,137,221,.2);border:1px solid rgba(65,137,221,.3)}.ubax-card .solution-tag{background-color:rgba(100,65,221,.2);border:1px solid rgba(100,65,221,.3)}.maamul-card .solution-tag{background-color:rgba(255,153,0,.2);border:1px solid rgba(255,153,0,.3)}.tano-card .solution-tag{background-color:rgba(0,204,153,.2);border:1px solid rgba(0,204,153,.3)}.dailyupdate-card .solution-tag{background-color:rgba(255,51,102,.2);border:1px solid rgba(255,51,102,.3)}.solution-features{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem;opacity:0;transform:translateY(15px);transition:all var(--article-transition);transition-delay:75ms}.solutions-grid li[data-active=true] .solution-features{opacity:1;transform:translateY(0)}.solution-features span{font-size:.7rem;padding:.2rem .5rem;border-radius:.25rem;background-color:hsla(0,0%,100%,.1);backdrop-filter:blur(5px)}.kumi-card .solution-features span{background-color:rgba(65,137,221,.15)}.ubax-card .solution-features span{background-color:rgba(100,65,221,.15)}.maamul-card .solution-features span{background-color:rgba(255,153,0,.15)}.tano-card .solution-features span{background-color:rgba(0,204,153,.15)}.dailyupdate-card .solution-features span{background-color:rgba(255,51,102,.15)}.kumi-card .explore-link{background-color:rgba(65,137,221,.2);border:1px solid rgba(65,137,221,.3)}.kumi-card .explore-link:hover{background-color:rgba(65,137,221,.3)}.ubax-card .explore-link{background-color:rgba(100,65,221,.2);border:1px solid rgba(100,65,221,.3)}.ubax-card .explore-link:hover{background-color:rgba(100,65,221,.3)}.maamul-card .explore-link{background-color:rgba(255,153,0,.2);border:1px solid rgba(255,153,0,.3)}.maamul-card .explore-link:hover{background-color:rgba(255,153,0,.3)}.tano-card .explore-link{background-color:rgba(0,204,153,.2);border:1px solid rgba(0,204,153,.3)}.tano-card .explore-link:hover{background-color:rgba(0,204,153,.3)}.dailyupdate-card .explore-link{background-color:rgba(255,51,102,.2);border:1px solid rgba(255,51,102,.3)}.dailyupdate-card .explore-link:hover{background-color:rgba(255,51,102,.3)}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes patternFloat{0%{background-position:0 0}to{background-position:100px 100px}}@keyframes float{0%{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(-10px)}to{transform:translateX(-50%) translateY(0)}}@keyframes pulse-slow{0%{opacity:.8}50%{opacity:1}to{opacity:.8}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-up-delayed{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-up-delayed-more{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-up-delayed-most{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pop-in{0%{opacity:0;transform:scale(.8)}70%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.animate-float{animation:float 4s ease-in-out infinite}.animate-pulse-slow{animation:pulse-slow 3s ease-in-out infinite}.animate-fade-in{animation:fade-in .5s ease-out forwards}.animate-slide-up{animation:slide-up .5s ease-out forwards}.animate-slide-up-delayed{animation:slide-up-delayed .5s ease-out .1s forwards}.animate-slide-up-delayed-more{animation:slide-up-delayed-more .5s ease-out .2s forwards}.animate-slide-up-delayed-most{animation:slide-up-delayed-most .5s ease-out .3s forwards}.animate-pop-in{animation:pop-in .5s ease-out forwards}@media (max-width:768px){.solutions-grid{grid-template-columns:1fr;grid-template-rows:auto;height:auto;gap:1.5rem}.solutions-grid li{min-height:250px;transform:none!important;transition:transform .3s ease,box-shadow .3s ease;--overlay-opacity:0!important}.solutions-grid li[data-active=true]{transform:translateY(-5px)!important;box-shadow:0 15px 30px rgba(0,0,0,.15)}.solutions-grid article{padding:1.5rem}.solutions-grid article h3{font-size:2rem;opacity:1;transform:translateY(0)}.solutions-grid article p{font-size:1rem;margin-bottom:1.5rem;opacity:1;transform:translateY(0);max-width:85%}.solutions-grid .explore-link{opacity:1;transform:translateY(0);padding:.75rem 1.5rem;font-size:1rem}.solutions-grid .icon-container{top:1.5rem;right:1.5rem;width:2.5rem;height:2.5rem;opacity:1}.solutions-grid .image-container{opacity:.15}.gradient-overlay{opacity:.8}.solution-features,.solution-tag{opacity:1;transform:translateY(0)}.craft-ui-container{padding:1rem}.craft-ui-container h2.fluid{font-size:2.5rem;margin-bottom:1rem}.craft-ui-container>p{font-size:1rem;margin-bottom:2rem;padding:0 1rem}.solutions-grid li:active{transform:scale(.98)!important}}@media (max-width:480px){.solutions-grid li{min-height:200px}.solutions-grid article h3{font-size:1.75rem}.solutions-grid article p{font-size:.9rem;margin-bottom:1.25rem}.solution-features{margin-bottom:1rem}}