.gradient-hero{background:linear-gradient(180deg,#0f0f1a,#1a1a2e 30%,#141424 70%,#1a1a2e)}.hero-gradient{background:linear-gradient(180deg,#0c1a2e,#192e4c)}.gradient-primary-cta{background:linear-gradient(135deg,#f71963,#ff6b35)}.gradient-icon{background:linear-gradient(135deg,#f71963,#9b59b6)}.gradient-section{background:linear-gradient(180deg,#0f0f1a,#1a1a2e)}.gradient-text-pink{background:linear-gradient(90deg,#f71963,#ff6b35);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.glass-card{background:#ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1)}.glow-pink{box-shadow:0 0 60px -12px #f719634d}.commerce-learn-more{background:#fff!important;border:none!important;color:#0f0f1a!important;transition:all .4s ease!important}.commerce-learn-more:hover{background:linear-gradient(135deg,#f79,#cba2ef)!important;color:#fff!important}.gradient-pink-cta{background:linear-gradient(135deg,#f71963,#ff6b35)}.section-light{background:#fff;color:#16171d}.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:gradient-rotate 3s linear infinite}.text-link-hover{position:relative}.text-link-hover:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:.5px;background:#ffffffb3;transform:scaleX(0);transform-origin:left;transition:transform .2s ease}.text-link-hover:hover:after{transform:scaleX(1)}@keyframes rgbFlow{0%{background-position:0% 50%}to{background-position:300% 50%}}@keyframes snakeBorder{0%{background-position:0% 50%}to{background-position:300% 50%}}@media(max-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{overflow-x:clip;max-width:100vw}@media(max-width:768px){.vtex-vision-page section{will-change:auto}.vtex-vision-page [style*=translateY]{transition-timing-function:cubic-bezier(.25,.1,.25,1)}}@media(prefers-reduced-motion:reduce){.vtex-vision-page *{animation-duration:.01ms!important;transition-duration:.01ms!important}}details[open] summary svg,details.\[open\] summary svg{transform:rotate(180deg)}summary svg{transition:transform .3s ease}