.gradient-hero{background:linear-gradient(#0f0f1a 0%,#1a1a2e 30%,#141424 70%,#1a1a2e 100%)}.hero-gradient{background:linear-gradient(#0c1a2e 0%,#192e4c 100%)}.gradient-primary-cta{background:linear-gradient(135deg,#f71963 0%,#ff6b35 100%)}.gradient-icon{background:linear-gradient(135deg,#f71963 0%,#9b59b6 100%)}.gradient-section{background:linear-gradient(#0f0f1a 0%,#1a1a2e 100%)}.gradient-text-pink{background:linear-gradient(90deg,#f71963,#ff6b35);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.glass-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #ffffff1a}.glow-pink{box-shadow:0 0 60px -12px #f719634d}.commerce-learn-more{color:#0f0f1a!important;background:#fff!important;border:none!important;transition:all .4s!important}.commerce-learn-more:hover{color:#fff!important;background:linear-gradient(135deg,#f79,#cba2ef)!important}.gradient-pink-cta{background:linear-gradient(135deg,#f71963 0%,#ff6b35 100%)}.section-light{color:#16171d;background:#fff}.font-heading{font-family:Inter,system-ui,sans-serif}@keyframes slate-float{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}@keyframes slate-float-reverse{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes mini-float-1{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes mini-float-2{0%,to{transform:translateY(0)}33%{transform:translateY(4px)}66%{transform:translateY(-3px)}}@keyframes mini-float-3{0%,to{transform:translateY(0)}25%{transform:translateY(-4px)}75%{transform:translateY(5px)}}@keyframes slate-float-horizontal-1{0%,to{transform:translate(0)translateY(0)}33%{transform:translate(4px)translateY(-3px)}66%{transform:translate(-2px)translateY(2px)}}@keyframes slate-float-horizontal-2{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes slate-float-horizontal-3{0%,to{transform:translate(0)translateY(0)}25%{transform:translate(-3px)translateY(-4px)}75%{transform:translate(4px)translateY(3px)}}@keyframes scrollBounce{0%,to{transform:translateY(0)}50%{transform:translateY(10px)}}@keyframes gradient-rotate{0%{--gradient-angle:0deg}to{--gradient-angle:360deg}}.animate-gradient-rotate{animation:3s linear infinite gradient-rotate}.text-link-hover{position:relative}.text-link-hover:after{content:"";transform-origin:0;background:#ffffffb3;height:.5px;transition:transform .2s;position:absolute;bottom:-2px;left:0;right:0;transform:scaleX(0)}.text-link-hover:hover:after{transform:scaleX(1)}@keyframes rgbFlow{0%{background-position:0%}to{background-position:300%}}@keyframes snakeBorder{0%{background-position:0%}to{background-position:300%}}@media (width<=1023px){.grid.grid-cols-1.lg\:grid-cols-3>:not(:first-child):not(:empty){margin-top:24px}.grid.grid-cols-1.lg\:grid-cols-3>div:first-child:empty,.grid.grid-cols-1.lg\:grid-cols-3>div:first-child:not([class*=col-span]):not([class*=flex]):not([class*=motion]){display:none}}.vtex-vision-page{max-width:100vw;overflow-x:clip}@media (width<=768px){.vtex-vision-page section{will-change:auto}.vtex-vision-page [style*=translateY]{transition-timing-function:ease}}@media (prefers-reduced-motion:reduce){.vtex-vision-page *{transition-duration:.01ms!important;animation-duration:.01ms!important}}details[open] summary svg,details.\[open\] summary svg{transform:rotate(180deg)}summary svg{transition:transform .3s}