.dnd-section:first-child .section-wrapper:has(.hero):first-of-type{margin-top:calc(var(--header-height)*-1);padding-top:calc(var(--section-padding-vertical) + var(--header-height))}html:has(.dnd-section:first-child .section-wrapper:first-of-type .hero) .header{background-color:transparent}html:has(.dnd-section:first-child .section-wrapper:first-of-type .hero) .header__wrapper{position:relative}.hero{display:flex;flex-direction:column;gap:calc(var(--section-padding-vertical)*.75) var(--spacing-96);isolation:isolate;position:relative;z-index:1}@media (min-width:768px){.hero,[data-flex-flow=row]{flex-direction:row}[data-flex-flow=row-reverse]{flex-direction:row-reverse}[data-flex-flow=column]{flex-direction:column}}[data-horizontal-align=left]{align-items:flex-start;text-align:left}[data-horizontal-align=center]{align-items:center;text-align:center}[data-horizontal-align=right]{align-items:flex-end;text-align:right}[data-vertical-align=top]{justify-content:flex-start}[data-vertical-align=middle]{justify-content:center}[data-vertical-align=bottom]{justify-content:flex-end}.hero__content,.hero__media{display:flex;flex-direction:column}.hero__content{--header-text-width:100%}.hero__content>*{max-width:var(--header-text-width)}.hero__headline{margin:0}.hero__kicker{font-size:var(--text-large);font-weight:var(--semibold)}*+.hero__headline{margin-top:var(--spacing-16)}*+.hero__description{margin-top:var(--spacing-24)}*+.hero__cta{margin-top:var(--spacing-64)}.hero__cta{align-items:center;display:inline-flex;flex-wrap:wrap;gap:var(--spacing-16)}.hero__media-footer{padding-top:var(--spacing-16)}.hero__media-description+.hero__cta{margin-top:var(--spacing-32)}[data-flex-flow=column] .hero__media-footer{padding-top:var(--spacing-48)}[data-media-style=photo]{border-radius:var(--radius-16)}[data-media-style=mockup]{border:solid var(--spacing-12) var(--color-primary-00);border-radius:var(--radius-24)}[data-media-style=form],[data-media-style=mockup]{background-color:var(--color-primary-00);box-shadow:var(--shadow-xl)}[data-media-style=form]{border-radius:var(--radius-8);padding:2.4rem}@media (min-width:768px){[data-media-style=form]{padding:6.4rem}}.hero__form-title{font-size:var(--text-large);font-weight:var(--text-bold)}.hero__media-container img{margin:auto}