body.new.ut-he {
    --he-ink: #111831;
    --he-muted: #43506a;
    --he-accent: #4534ba;
    --he-border: #dce2f1;
    margin: 0;
    padding: 0;
    color: var(--he-ink);
    background: #fff;
    font: 400 17px/1.65 Arial, "Noto Sans Hebrew", sans-serif;
    text-align: start;
}
.ut-he h1, .ut-he h2, .ut-he h3, .ut-he p {font-family: inherit; letter-spacing: normal}
.ut-he p {margin: 0; color: var(--he-muted)}
.ut-he a:focus-visible, .ut-he button:focus-visible, .ut-he summary:focus-visible {outline: 3px solid #6050df; outline-offset: 3px}
.ut-he-container {width: min(1200px, calc(100% - 48px)); margin-inline: auto}
.ut-he-skip {position: absolute; inset-inline-start: 16px; inset-block-start: -100px; z-index: 10002; padding: 10px; background: #fff}
.ut-he-skip:focus {inset-block-start: 8px}
.ut-he-header {position: relative; z-index: 20; border-block-end: 1px solid #e8ebf6; background: #fff}
.ut-he-bar {display: flex; align-items: center; justify-content: space-between; gap: 24px; min-height: 74px}
.ut-he-brand {display: inline-flex; align-items: center}
.ut-he-brand img {display: block; width: 148px; height: auto}
.ut-he-menu nav {display: flex; gap: clamp(12px, 2vw, 28px); align-items: center}
.ut-he-header a {color: var(--he-ink); font-size: 16px; font-weight: 600}
.ut-he-header nav a:hover {color: var(--he-accent); text-decoration: underline}
.ut-he-header summary {cursor: pointer; font-weight: 600; font-size: 16px}
@supports selector(details::details-content) {
    @media (min-width: 901px) {
        .ut-he-menu > summary {display: none}
        .ut-he-menu::details-content {content-visibility: visible}
    }
}
.ut-he-languages {position: relative}
.ut-he-language-list {position: absolute; inset-inline-end: 0; min-width: 146px; display: grid; background: #fff; border: 1px solid var(--he-border); border-radius: 12px; box-shadow: 0 10px 30px #27334b20; padding: 8px}
.ut-he-language-list a {padding: 6px 10px; border-radius: 6px}
.ut-he-language-list a:hover, .ut-he-language-list [aria-current] {background: #efedff}
.ut-he-hero {padding-block: clamp(48px, 7vw, 100px); background: linear-gradient(150deg,#f7f7ff 5%,#ebe7ff 55%,#d9e9ff)}
.ut-he-split {display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1.05fr); align-items: center; gap: clamp(20px, 4vw, 64px)}
.ut-he h1 {font-size: clamp(36px, 5vw, 68px); line-height: 1.12; font-weight: 750; margin: 14px 0 20px; color: var(--he-ink)}
.ut-he h2 {font-size: clamp(26px, 3.4vw, 40px); line-height: 1.2; margin: 0 0 16px; color: var(--he-ink)}
.ut-he h3 {font-size: 24px; line-height: 1.3; margin: 0 0 10px; color: var(--he-ink)}
.ut-he-kicker {display: inline-block; color: #392d9a; background: #ebe7ff; padding: 5px 13px; border-radius: 30px; font-size: 15px; font-weight: 700}
.ut-he-lead {font-size: clamp(17px, 2vw, 21px); max-width: 690px}
.ut-he-actions {display: flex; align-items: center; flex-wrap: wrap; gap: 12px; margin-block-start: 26px}
.ut-he-button {display: inline-flex; justify-content: center; align-items: center; min-height: 48px; padding: 8px 21px; font: inherit; font-weight: 700; border: 1px solid transparent; border-radius: 11px; background: linear-gradient(105deg,#4934c3,#086d99); color: #fff; cursor: pointer; text-align: center}
.ut-he-button:hover {filter: brightness(1.1)}
.ut-he-button.ut-he-secondary {border-color: #c9c5ea; color: #302385; background: #fff}
.ut-he-visual {margin: 0; min-width: 0}
.ut-he-visual img {width: 100%; height: auto; display: block}
.ut-he-visual figcaption {font-size: 13px; color: var(--he-muted); text-align: center}
.ut-he-section {padding-block: clamp(42px, 6vw, 80px)}
.ut-he-section.ut-he-tint {background: #f6f7fc}
.ut-he-grid {display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 18px}
.ut-he-card {min-width: 0; display: flex; flex-direction: column; align-items: start; padding: clamp(18px, 2.3vw, 28px); background: #fff; border: 1px solid var(--he-border); border-radius: 18px; box-shadow: 0 10px 35px #19204b08}
.ut-he-card p {margin-block-end: 16px}
.ut-he-card a, .ut-he-card button {margin-block-start: auto}
.ut-he-link {color: var(--he-accent); font-weight: 700; text-decoration: underline; text-underline-offset: 4px}
.ut-he-card .ut-he-visual {width: 100%; margin-block-end: 14px}
.ut-he-faq {max-width: 830px}
.ut-he-faq details {border-block-end: 1px solid var(--he-border); padding-block: 14px}
.ut-he-faq summary {font-weight: 700; cursor: pointer}
.ut-he-faq p {margin-block-start: 8px}
.ut-he-footer {background: #151933; padding-block: 42px 56px; color: #fff}
.ut-he-footer p {color: #dce0f3; margin-block-start: 12px}
.ut-he-footer-grid {display: grid; grid-template-columns: 1.5fr 1fr 1fr; gap: 26px}
.ut-he-footer nav {display: grid; align-content: start; gap: 6px}
.ut-he-footer a {color: #fff; text-underline-offset: 4px}
.ut-he-footer nav a:hover {text-decoration: underline}
.ut-he .popup-wr .popup {position: relative; text-align: start; width: min(580px, calc(100% - 24px)); padding: clamp(20px, 4vw, 34px); margin: 12px auto}
.ut-he .popup h2 {font-size: 30px; padding-inline-end: 40px}
.ut-he .popup-close {position: absolute; inset-inline-end: 10px; inset-inline-start: auto; inset-block-start: 8px}
.ut-he .ut-he-form {display: grid; gap: 14px; width: 100%; margin-block-start: 16px}
.ut-he-fields {display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px}
.ut-he-field {display: grid; align-content: start; min-width: 0; gap: 4px; font-weight: 700}
.ut-he-field span {font-size: 15px}
.ut-he-field input, .ut-he-field textarea, .ut-he-field select {
    width: 100%; min-width: 0; min-height: 45px; padding: 7px 12px; color: var(--he-ink); background: #fff;
    border: 1px solid #aeb7cf; border-radius: 8px; font: inherit; font-weight: 400;
}
.ut-he-field textarea {resize: vertical}
.ut-he-field .iti {display: block; direction: ltr; max-width: 100%}
.ut-he-field .iti__country-list {width: min(310px, 70vw); overflow-x: hidden}
.ut-he-privacy {display: flex; align-items: flex-start; gap: 8px; font-size: 14px; line-height: 1.55}
.ut-he .ut-he-privacy input {appearance: auto; margin-block-start: 3px; width: 17px; height: 17px; flex: 0 0 17px; accent-color: var(--he-accent)}
.ut-he .ut-cookie-settings {inset-inline-start: 12px; inset-inline-end: auto}
.ut-he bdi {unicode-bidi: isolate}
@media (max-width: 900px) {
    .ut-he-menu > summary {display: list-item}
    .ut-he-menu nav {position: absolute; inset-inline: 0; top: 100%; display: grid; gap: 0; padding: 12px 24px; background: #fff; border-bottom: 1px solid var(--he-border); box-shadow: 0 12px 20px #19204b15}
    .ut-he-menu nav a {padding: 9px 0}
    .ut-he-bar {justify-content: start}
    .ut-he-menu {margin-inline-start: auto}
}
@media (max-width: 680px) {
    .ut-he-container {width: calc(100% - 32px)}
    .ut-he-bar {min-height: 64px; gap: 13px}
    .ut-he-brand img {width: 120px}
    .ut-he-split, .ut-he-grid, .ut-he-footer-grid {grid-template-columns: 1fr}
    .ut-he-hero {padding-block: 38px}
}
@media (max-width: 480px) {
    .ut-he-field:has(input[type="email"], input[type="tel"]) {grid-column: 1 / -1}
}
@media (max-width: 380px) {
    .ut-he-fields {grid-template-columns: 1fr}
    .ut-he-bar {gap: 10px}
    .ut-he-brand img {width: 105px}
}