.headerblock{align-items:center;display:flex;gap:0;isolation:isolate;min-width:0;padding-top:var(--so-group-spacing);position:relative;&:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='463' height='457' fill='none' viewBox='0 0 463 457'%3E%3Cpath stroke='%23da9100' stroke-width='128' d='M463 64c220.362 0 399 178.638 399 399S683.362 862 463 862 64 683.362 64 463 242.638 64 463 64Z' opacity='.3'/%3E%3C/svg%3E");background-position:100% 100%;background-repeat:no-repeat;background-size:min(463px,42vw) auto;bottom:0;content:"";height:457px;left:50%;margin-left:-50vw;pointer-events:none;position:absolute;width:100vw;z-index:0}.headerblock-primary{align-items:center;display:flex;flex:1 1 75%;gap:40px;min-width:0;position:relative;width:75%;z-index:1}.headerblock-intro{flex:1 1 auto;min-width:0;padding-top:40px;position:relative;z-index:1;& h1{font-size:var(--so-fontsize-h1);font-weight:700;letter-spacing:-.03em;line-height:1.1;margin:0 0 16px}& h1,& p{color:var(--so-color-text)}& p{font-size:var(--so-font-size-body-xl);font-weight:400;line-height:1.5;margin:0}}.headerblock-image{background-color:var(--so-color-secondary);border-radius:var(--so-border-radius-l);border-bottom-left-radius:0;border-bottom-right-radius:0;flex:0 0 525px;height:710px;margin:0;max-width:525px;overflow:hidden;position:relative;width:100%;& img{display:block;height:100%;object-fit:cover;object-position:center bottom;width:100%}& figcaption{background:var(--so-color-white);border-radius:var(--so-border-radius-s);bottom:30px;box-shadow:0 12px 24px rgba(0,0,0,.05);color:var(--so-color-text);font-size:17px;font-weight:500;left:0;line-height:1.2;min-width:170px;padding:24px 30px;position:absolute;transform:translateX(-40%);& span{background:var(--so-color-bg-light);border-radius:20px;display:block;font-size:11px;font-weight:500;line-height:1.2;margin-top:14px;padding:4px 18px;text-transform:uppercase;width:fit-content}}}.headerblock-usecases{flex:0 1 43%;margin-left:-10%;min-width:0;padding-bottom:24px;padding-top:24px;width:43%;z-index:1;ul{display:grid;gap:16px;grid-template-columns:1fr 1fr;list-style:none;margin:0;padding:0}}.headerblock-usecase{background:var(--so-color-white);border:1px solid var(--so-color-bg-light);border-radius:var(--so-border-radius-m);box-sizing:border-box;color:var(--so-color-text);display:flex;flex-direction:column;gap:24px;height:100%;justify-content:space-between;padding:24px;position:relative;text-decoration:none;transition:all var(--so-transition-speed) ease-in-out;width:100%;.headerblock-usecase-avatar{align-items:center;background:var(--so-color-primary);border:4px solid var(--so-color-secondary);border-radius:50%;display:flex;height:48px;justify-content:center;margin:0;overflow:hidden;width:48px;&.myb{background-color:var(--so-color-secondary);border-color:var(--so-color-primary)}img{height:100%;object-fit:cover;object-position:bottom center;width:100%}}&:last-child img{height:100%;max-height:48px;object-fit:contain;object-position:center left}& img{display:block;height:auto;max-width:100%;width:auto}& h2{color:var(--so-color-text);font-size:var(--so-fontsize-h5);font-weight:500;line-height:1.3;margin:0 0 16px}&>div:has(>.buttons-wrapper){container-type:normal}& .button:after{content:"";inset:0;position:absolute}&:hover{border-color:var(--so-color-primary)}}@media (max-width:1024px){align-items:stretch;flex-direction:column;padding-top:32px;padding-top:120px;.headerblock-image{border-radius:var(--so-border-radius-m)}.headerblock-primary{width:100%}.headerblock-usecases{margin-left:0;width:100%}}@media (max-width:768px){.headerblock-primary{align-items:stretch;flex-direction:column;gap:32px}.headerblock-intro{padding-top:0;& h1{margin-bottom:24px}}.headerblock-image{display:none}.headerblock-usecases ul{grid-template-columns:1fr;.headerblock-usecase{padding:16px}}}@media (max-width:576px){& .headerblock-intro{& h1{margin-bottom:16px}}}}