.tool-hero{width:100%;padding-inline:16px;box-sizing:border-box;overflow:hidden}@media(min-width:768px){.tool-hero{padding-inline:24px}}.tool-hero .background{border-radius:24px;display:flex;background:radial-gradient(circle at right top,rgba(123,239,255,.6) 50%,#ffffff 60%,transparent),radial-gradient(circle at left bottom,#ead6ff 50%,#ffffff 90%) #fff;position:relative;padding:48px 24px;box-sizing:border-box;min-height:calc(100dvh - 104px);justify-content:center;align-items:center}@media(min-width:768px){.tool-hero .background{padding:72px 48px}}@media(min-width:1280px){.tool-hero .background{padding:96px 64px;background:radial-gradient(circle at left top,rgba(123,239,255,.6) 50%,#ffffff 60%,transparent),radial-gradient(circle at right bottom,rgba(209,165,255,.31) 50%,#ffffff 90%) #fff}}.tool-hero .graphism{display:none}@media(min-width:768px){.tool-hero .graphism{display:block;position:absolute;top:0;right:-28px}}.tool-hero .wrapper{width:100%;display:grid;grid-template-columns:1fr;gap:32px;box-sizing:border-box;overflow-y:clip;position:relative}.tool-hero .wrapper .content-wrapper{text-align:center;display:flex;flex-direction:column;gap:16px}.tool-hero .wrapper .content-wrapper .title{text-wrap:balance}.tool-hero .wrapper .content-wrapper .description{display:flex;flex-direction:column;gap:16px}@media(min-width:768px){.tool-hero .wrapper{position:relative}.tool-hero .wrapper .graphism{display:block;position:absolute;top:0;right:-28px}}@media(min-width:1280px){.tool-hero .wrapper{grid-template-columns:45% 1fr;gap:40px;max-width:1200px}.tool-hero .wrapper .content-wrapper{text-align:left}}