@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-font-weight:initial;--tw-duration:initial}}}.hero{background-color:#f3f3f3;overflow:hidden}.hero__inner{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:56px;max-width:808px;min-height:clamp(500px,56.25vw,800px);margin-inline:auto;display:flex}.hero__logo img{width:auto;height:auto;max-height:clamp(50px,5.14vw,74px)}.hero__text{flex-direction:column;gap:40px;display:flex}.hero__subtitle{font-family:var(--font-body,"Roboto",system-ui,sans-serif);--tw-font-weight:var(--font-weight-normal,400);font-weight:var(--font-weight-normal,400);color:var(--color-black,#000);font-size:clamp(1.125rem,.787rem + 1.127vw,1.5rem);line-height:1.15}.hero__badge{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.2s;transition-duration:.2s;display:inline-block}@media(hover:hover){.hero__badge:hover{opacity:.8}}.hero__badge img{width:auto;height:auto;max-height:clamp(56px,5.42vw,78px)}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}