#hero-content-section[data-v-eab0cf73]{display:flex;flex-direction:column;width:100%}.hero-content[data-v-eab0cf73]{display:grid;gap:40px;grid-template-areas:"hero-titles code-svg";grid-template-columns:4fr 3fr;grid-template-rows:1fr;margin:0 auto;width:100%}.hero-titles[data-v-eab0cf73]{grid-area:hero-titles}.code-svg[data-v-eab0cf73]{grid-area:code-svg}.hero-titles[data-v-eab0cf73]{display:flex;flex-direction:column;gap:40px}.hero-titles .title[data-v-eab0cf73]{font-size:56px;font-weight:700;line-height:1.2em;text-wrap:balance}.hero-titles .sub-title[data-v-eab0cf73]{font-size:24px;line-height:1.5em;text-wrap:balance}.code-svg[data-v-eab0cf73]{perspective:525px;position:relative;transform-style:preserve-3d}.code-svg[data-v-eab0cf73] .code-editor{--rx:calc((.5 - var(--mouse-y, 50vh) / 100vh) * 40deg);--ry:calc((var(--mouse-x, 50vw) / 100vw - .5) * 40deg);transform:rotateX(var(--rx)) rotateY(var(--ry));transition:transform .2s ease}@media(max-width:1024px){.hero-content[data-v-eab0cf73]{padding:0 20px}}@media(max-width:768px){.hero-titles .title[data-v-eab0cf73]{font-size:32px}.hero-titles .sub-title[data-v-eab0cf73]{font-size:20px}#hero-content-section[data-v-eab0cf73]{margin-bottom:60px;margin-top:60px}.hero-content[data-v-eab0cf73]{grid-template-areas:"hero-titles" "code-svg";grid-template-columns:1fr;grid-template-rows:1fr auto}}