.hl{padding:100px 40px;background:#fff}.hl__container{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center;max-width:1400px;margin:0 auto}.hl--image-right .hl__media{order:2}.hl__media{position:relative;aspect-ratio:4 / 3;border-radius:25px;overflow:hidden;box-shadow:0 0 20px #0000001c}.hl__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hl__text{display:flex;flex-direction:column;align-items:flex-start;gap:24px}.hl__text h2{margin:0;font-size:44px;font-weight:500;letter-spacing:-.04em;line-height:1.1;color:#212121}.hl__rule{width:64px;height:3px;border-radius:2px;background:#212121}.hl__desc{display:flex;flex-direction:column;gap:18px}.hl__desc p{margin:0;font-size:17px;line-height:1.7;color:#606060}.hl__points{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px}.hl__points li{display:flex;align-items:center;gap:14px;font-size:16px;font-weight:500;line-height:1.4;color:#212121}.hl__icon{flex:none;display:grid;place-items:center;width:44px;height:44px;border-radius:999px;background:#f0f2f6;color:#212121}.hl__icon svg{width:22px;height:22px}.hl__btn{display:inline-flex;align-items:center;gap:10px;height:48px;margin-top:4px;padding:0 24px;border-radius:999px;background:#212121;color:#fff;font-size:14px;font-weight:600;letter-spacing:.06em;text-decoration:none;transition:transform .2s}.hl__btn svg{width:18px;height:18px;transition:transform .2s}.hl__btn:hover{transform:translateY(-1px)}.hl__btn:hover svg{transform:translate(3px)}.hl__desc ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px}.hl__desc li{position:relative;padding-left:22px;font-size:16px;font-weight:500;line-height:1.5;color:#212121}.hl__desc li:before{content:"";position:absolute;left:0;top:.65em;width:8px;height:8px;border-radius:999px;background:currentColor}.hl--dark{background:#212121}.hl--dark .hl__text h2{color:#fff}.hl--dark .hl__rule{background:#fff}.hl--dark .hl__desc p{color:#ffffffc7}.hl--dark .hl__desc li,.hl--dark .hl__points li{color:#fff}.hl--dark .hl__icon{background:#ffffff14;color:#fff}.hl--dark .hl__btn{background:#fff;color:#212121}.hl--dark .hl__media{box-shadow:none}@media(prefers-reduced-motion:reduce){.hl__btn,.hl__btn svg{transition:none}}@media(max-width:1199px){.hl__container{gap:40px}.hl__text h2{font-size:36px}}@media(max-width:809px){.hl{padding:64px 20px}.hl__container{grid-template-columns:1fr;gap:32px}.hl--image-right .hl__media{order:0}.hl__text h2{font-size:32px}}
