.krf-hero {
    position: relative;
    width: calc(100% - 44rem);
    height: 694rem;
    margin: 0 22rem;
    overflow: hidden;
    border-radius: 30rem;
    background: #eef1f5;
}
.krf-hero__media { position: absolute; inset: 0; z-index: 0; }
.krf-hero__image { width: 100%; height: 100%; max-width: none; object-fit: cover; object-position: center bottom; }
.krf-hero__content { position: absolute; z-index: 1; left: 214rem; top: 144.288rem; width: 737rem; }
.krf-hero__title { width: 682rem; margin: 0; color: #333; font-family: Montserrat, Arial, Helvetica, sans-serif; font-size: 48rem; line-height: 1.2; font-weight: 700; letter-spacing: 0; }
.krf-hero__features { width: 510rem; margin-top: 20rem; display: grid; gap: 12rem; }
.krf-hero__feature { min-height: 23rem; display: grid; grid-template-columns: 17rem minmax(0,1fr); column-gap: 20rem; align-items: start; }
.krf-hero__check { width: 17rem; height: 17rem; margin-top: 3rem; border-radius: 4rem; background: #fff; display: grid; place-items: center; }
.krf-hero__check img { width: 9rem; height: 7rem; }
.krf-hero__feature-text { color: #374151; font-family: Montserrat, Arial, Helvetica, sans-serif; font-size: 18rem; line-height: 22rem; font-weight: 400; }
.krf-hero__feature-text strong { font-weight: 700; }
.krf-hero__button { width: 335rem; height: 64.423rem; margin-top: 39rem; display: flex; align-items: center; justify-content: center; border-radius: 10.308rem; background: #2563eb; color: #fff; font-family: Montserrat, Arial, Helvetica, sans-serif; font-size: 20.615rem; line-height: 30.923rem; font-weight: 500; white-space: nowrap; transition: background .2s ease; }
.krf-hero__button:hover { background: #1e55d7; }
.krf-hero__button:focus-visible { outline: 3rem solid rgba(37,99,235,.35); outline-offset: 3rem; }

@media (max-width: 767px) {
    .krf-hero { width: 100%; height: 694rem; margin: 0; border-radius: 0; }
    .krf-hero__image { width: auto; min-width: 100%; height: 100%; max-width: none; object-fit: cover; object-position: 96% bottom; }
    .krf-hero__content { left: 20rem; top: 44.706rem; width: 440rem; }
    .krf-hero__title { width: 425rem; font-size: 28rem; line-height: 1.2; }
    .krf-hero__features { width: 420rem; margin-top: 20rem; gap: 12rem; }
    .krf-hero__feature { grid-template-columns: 17rem minmax(0,1fr); column-gap: 20rem; }
    .krf-hero__feature-text { font-size: 18rem; line-height: 22rem; }
    .krf-hero__button { width: 335rem; height: 64.423rem; margin-top: 38rem; font-size: 20.615rem; }
}