html{scroll-behavior:smooth}::selection{background:#E35657;color:#fff}body{overflow-x:hidden}
.hue-card{transition:transform .45s cubic-bezier(.2,.7,.2,1),box-shadow .45s ease,border-color .45s ease!important;will-change:transform}
.hue-card:hover{transform:translateY(-10px)!important;box-shadow:0 22px 60px rgba(227,86,87,.22)!important;border-color:rgba(227,86,87,.6)!important}
.hue-card:hover .elementor-icon{transform:scale(1.12) rotate(-4deg)}
.elementor-widget-icon-box .elementor-icon{transition:transform .4s ease}
.hue-vis img{border-radius:22px;transition:transform .55s ease,box-shadow .55s ease;box-shadow:0 30px 70px rgba(0,0,0,.28)}
.hue-vis:hover img{transform:translateY(-6px) scale(1.015)}
.hue-grad-text,.hue-grad-text *{background:linear-gradient(120deg,#FE8F4B,#E35657)!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;color:transparent!important}
@keyframes huefloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-18px)}}.hue-float img{animation:huefloat 6s ease-in-out infinite}
.hue-animgrad{background-size:220% 220%!important;animation:huegrad 14s ease infinite}@keyframes huegrad{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}
.elementor-button,.xpro-elementor-button{transition:transform .25s ease,box-shadow .25s ease!important}
.elementor-button:hover,.xpro-elementor-button:hover{transform:translateY(-3px);box-shadow:0 12px 30px rgba(227,86,87,.35)}
.elementor-icon-list-item{transition:transform .25s ease}.elementor-icon-list-item:hover{transform:translateX(6px)}
::-webkit-scrollbar{width:11px}::-webkit-scrollbar-track{background:#1A1A1C}::-webkit-scrollbar-thumb{background:linear-gradient(#FE8F4B,#E35657);border-radius:8px}
.hue-reveal{opacity:0;transform:translateY(34px);transition:opacity .8s ease,transform .8s ease}.hue-reveal.is-visible{opacity:1;transform:none}
.xpro-theme-builder-header{position:sticky;top:0;z-index:999;backdrop-filter:saturate(140%)}
@media(max-width:767px){.hue-vis img{margin-top:14px}}
.hue-marquee{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}
.hue-track{width:max-content!important;flex-wrap:nowrap!important;animation:huemarq 32s linear infinite}
.hue-marquee:hover .hue-track{animation-play-state:paused}
@keyframes huemarq{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.hue-chip{white-space:nowrap}

/* geometric layouts */
.hue-ring{aspect-ratio:1/1;border-radius:50%!important;border:2px solid rgba(227,86,87,.35)!important;background:radial-gradient(circle at 50% 32%,rgba(254,143,75,.16),rgba(255,243,233,0) 68%)!important;transition:transform .4s ease,border-color .4s ease}
.hue-ring:hover{transform:translateY(-8px);border-color:#E35657!important}
.hue-tile{transition:transform .45s cubic-bezier(.2,.7,.2,1),box-shadow .45s ease,border-color .45s ease!important}
.hue-tile:hover{transform:translateY(-10px)!important;box-shadow:0 24px 60px rgba(227,86,87,.22)!important;border-color:rgba(227,86,87,.6)!important}
.hue-tile:hover .elementor-icon{transform:scale(1.1) rotate(-4deg)}
.hue-timeline{position:relative}
.hue-timeline:before{content:'';position:absolute;top:34px;left:10%;right:10%;height:2px;background:linear-gradient(90deg,#FE8F4B,#E35657);opacity:.45;z-index:0}
.hue-step{position:relative;z-index:1}
@media(max-width:880px){.hue-timeline:before{display:none}}
.hue-soc a{transition:transform .3s ease!important}.hue-soc a:hover{transform:translateY(-4px)!important}
.hue-badge{box-shadow:0 10px 26px rgba(227,86,87,.35)}