.sf-hero{align-items:stretch}.sf-hero__layout{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:space-between;align-items:stretch;min-height:calc(var(--sf-hero-height,520px) - var(--sf-pad-top,64px) - var(--sf-pad-bottom,64px));gap:32px}.sf-hero__content{width:min(100%,var(--sf-hero-panel-width,640px));padding:clamp(22px,3vw,40px);border:1px solid #ffffff99;border-radius:var(--r2s-card-radius,24px);background:var(--sf-hero-panel,#fff);background:color-mix(in srgb,var(--sf-hero-panel,#fff) var(--sf-hero-panel-opacity,92%),transparent);box-shadow:0 18px 48px #17203326;backdrop-filter:blur(8px);text-align:var(--sf-align,left)}.sf-hero__content--left{margin-right:auto}.sf-hero__content--center{margin-inline:auto}.sf-hero__content--right{margin-left:auto}.sf-hero__content h1{margin-bottom:12px}.sf-hero__description>*:last-child{margin-bottom:0}.sf-hero__actions{display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap;margin-top:auto;text-align:center}.sf-hero--image .sf-hero__actions .sf-btn--outline{background:var(--r2s-color-button);color:var(--r2s-color-button-text)!important;border-color:var(--r2s-color-button)}.sf-hero--image .sf-hero__actions .sf-btn--outline:hover{background:var(--r2s-color-button-hover);color:var(--r2s-color-button-text)!important}@media(max-width:749px){.sf-hero__layout{min-height:calc(var(--sf-hero-mobile-height,430px) - 56px);gap:24px}.sf-hero__content{padding:22px;margin-inline:auto}.sf-hero__actions{width:100%;margin-top:auto}.sf-hero__actions .sf-btn{flex:1 1 180px}}

.sf-hero:not(.sf-hero--image){background:radial-gradient(circle at 85% 18%,#f9d9c5 0 11%,transparent 33%),radial-gradient(circle at 72% 76%,#b8d8f7 0 11%,transparent 36%),linear-gradient(122deg,#edf6ff 0%,#f8fbff 48%,#fff6ee 100%)}.sf-hero:not(.sf-hero--image)::before{content:"";position:absolute;width:clamp(180px,22vw,340px);aspect-ratio:1;right:8%;top:18%;border:20px solid #ffffff85;border-radius:32%;transform:rotate(-18deg);box-shadow:0 24px 55px #17203312;pointer-events:none}.sf-hero:not(.sf-hero--image) .sf-hero__content{background:#ffffffd9}@media(max-width:749px){.sf-hero:not(.sf-hero--image)::before{width:130px;right:-45px;top:35%;opacity:.55}}