html{scroll-behavior:smooth}.hero-text-card{position:relative;padding-top:100px;display:flex;flex-direction:column;gap:var(--spaceing-4);justify-content:start;overflow-x:hidden;align-items:center;height:max-content;min-height:100vh}.hero-text-card *{transition:.8s ease}@media(max-width:768px){.hero-text-card{padding-top:65px}}.hero-text-card .container{width:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:8px;z-index:9}.hero-text-card .subtitle{color:var(--color-accent-purple)}.hero-text-card .subtitle,.hero-text-card .title{font-style:normal;font-weight:500;line-height:normal}.hero-text-card .title{text-align:center;font-family:DM Sans,sans-serif;font-size:var(--font-9);background:linear-gradient(179deg,#272727 16.91%,#ffffff 340.35%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0)}.hero-text-card .mousepadTitle{font-family:Inter,sans-serif;background:linear-gradient(170.93deg,#272727 22.78%,#424242 67.12%,#8D8D8D 193.33%);background-clip:text;-webkit-background-clip:text;font-weight:500}.hero-text-card .cta-text.shimmer-text{--shimmer-color:#25b0cf;background:linear-gradient(270deg,var(--accent-color),color-mix(in srgb,var(--shimmer-color) 80%,white),color-mix(in srgb,var(--shimmer-color-2) 60%,white),color-mix(in srgb,var(--shimmer-color) 80%,white),var(--accent-color));background-size:300% 300%;animation:shimmer-flow 10s linear infinite,shimmer-pulse 8s ease-in-out infinite;-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text;color:rgba(0,0,0,0)}@keyframes shimmer-flow{0%{background-position:300% 50%}to{background-position:0 50%}}@keyframes shimmer-pulse{0%,to{filter:brightness(1)}50%{filter:brightness(1.25)}}.hero-text-card .left-image{width:38.6%;transform:rotate(89.096deg) scale(1.35);top:12%;left:-15%}.hero-text-card .left-image,.hero-text-card .right-image{height:auto;aspect-ratio:1;position:absolute;opacity:.925}.hero-text-card .right-image{width:42%;transform:rotate(40deg) scale(1.25);top:10%;right:-25%}@media screen and (max-width:768px){.hero-text-card .cta-text .icon{width:10px;height:10px}.hero-text-card .left-image,.hero-text-card .right-image{top:20%;opacity:1}}