@font-face { font-family: 'Noto Sans Hebrew'; font-weight: 400; font-display: swap; src: url("../fonts/noto-sans-hebrew-400.woff2") format("woff2"), url("../fonts/noto-sans-hebrew-400.ttf") format("truetype"); }
@font-face { font-family: 'Noto Sans Hebrew'; font-weight: 700; font-display: swap; src: url("../fonts/noto-sans-hebrew-700.woff2") format("woff2"), url("../fonts/noto-sans-hebrew-700.ttf") format("truetype"); }
@font-face { font-family: 'Noto Sans Hebrew'; font-weight: 800; font-display: swap; src: url("../fonts/noto-sans-hebrew-800.woff2") format("woff2"), url("../fonts/noto-sans-hebrew-800.ttf") format("truetype"); }
/* generated by build.js */
:root {
  --bg: #f9fbff;
  --ink: #000919;
  --brand: #0058ff;
  --gutter: clamp(22px, 5.73vw, 110px);
  --fs-body: clamp(18px, 1.406vw, 27px);
  --fs-h2: clamp(24px, 2.344vw, 45px);
  --fs-h1: clamp(25px, 2.8125vw, 54px);
  --fs-btn: clamp(17px, 2.1vw, 40px);
  --sec-gap: clamp(40px, 5.73vw, 110px);
}
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body {
  margin: 0;
  background: var(--bg);
  color: var(--ink);
  font-family: 'Noto Sans Hebrew', Arial, sans-serif;
  font-size: var(--fs-body);
  line-height: 1.36;
  text-align: right;
}
:where(h1, h2, p, ul) { margin: 0; }
a:focus-visible { outline: 3px solid var(--brand); outline-offset: 4px; }

.top { padding-top: clamp(18px, 2.6vw, 50px); }
.back {
  display: flex; align-items: center; justify-content: center;
  width: clamp(210px, 24.5vw, 470px);
  height: clamp(50px, 5.7vw, 110px);
  margin: 0 auto;
  background: var(--brand);
  color: #fff;
  border-radius: 999px;
  font-size: var(--fs-btn);
  font-weight: 800;
  line-height: 1;
  white-space: nowrap;
  text-decoration: none;
  box-shadow: 0 6px 18px rgba(0, 88, 255, .28);
  transition: background .2s, color .2s, box-shadow .2s;
}
.back:hover { background: #fff; color: var(--brand); box-shadow: 0 6px 18px rgba(0, 88, 255, .28), inset 0 0 0 3px var(--brand); }
.rule { display: block; width: min(1500px, 78.125vw); max-width: calc(100% - 2 * var(--gutter)); min-width: 200px; height: 2px; margin: clamp(20px, 3.2vw, 62px) auto 0; }

.wrap { width: min(1700px, 100% - 2 * var(--gutter)); margin: 0 auto; padding-top: clamp(40px, 6.4vw, 123px); }
h1 {
  text-align: center;
  font-size: var(--fs-h1);
  font-weight: 700;
  line-height: 1.35;
  text-decoration: underline;
  text-decoration-skip-ink: auto;
  margin-bottom: clamp(32px, 4.2vw, 80px);
  text-wrap: balance;
}
.intro { margin-bottom: clamp(32px, 2.6vw, 50px); }
.block + .block { margin-top: var(--sec-gap); }
.intro + .block { margin-top: 0; }
h2 {
  font-size: var(--fs-h2);
  font-weight: 400;
  line-height: 1.36;
  text-decoration: underline;
  margin-bottom: clamp(8px, .625vw, 12px);
}
.block p + p, .block p + ul, .block ul + p { margin-top: 1.36em; }
.block ul { padding: 0; list-style: none; }
.block li { position: relative; padding-right: .9em; }
.block li::before { content: '•'; position: absolute; right: 0; }

.foot { margin-top: clamp(64px, 7.8vw, 150px); padding-bottom: clamp(28px, 3.5vw, 67px); }
.foot .rule { margin-top: 0; }
.foot-row {
  width: min(1666px, 100% - 2 * var(--gutter));
  margin: clamp(28px, 3.5vw, 67px) auto 0;
  display: grid;
  grid-template-columns: 1fr minmax(0, 400px) 1fr;
  align-items: center;
  gap: 24px;
}
/* RTL grid: first DOM item sits on the right. Design has links on the LEFT, business text on the RIGHT. */
.foot-links { grid-column: 3; grid-row: 1; display: flex; flex-direction: column; gap: clamp(8px, 1.1vw, 22px); text-align: center; }
.credit-link { padding-block: 8px; grid-column: 2; grid-row: 1; display: block; width: 100%; }
.credit { display: block; width: 100%; height: auto; mix-blend-mode: multiply; }
.foot-text { grid-column: 1; grid-row: 1; text-align: center; max-width: 345px; margin-inline: auto; }
.foot-links a { color: var(--ink); text-decoration: underline; padding-block: 4px; }
.foot-links a[aria-current] { font-weight: 700; }

@media (max-width: 900px) {
  .foot-row { grid-template-columns: 1fr; gap: 24px; justify-items: center; }
  .foot-links, .credit-link, .foot-text { grid-column: 1; grid-row: auto; }
  .foot-links { flex-direction: column; align-items: center; gap: 0; }
  .foot-links a { min-height: 44px; display: inline-flex; align-items: center; }
  .credit-link { width: min(100%, 220px); }
  .foot-text { max-width: 420px; }
}
@media (max-width: 480px) {
  .back { width: min(100% - 44px, 200px); height: 42px; font-size: 15px; }
  .top { padding-top: 20px; }
  .top .rule { margin-top: 20px; }
}
@media (prefers-reduced-motion: reduce) { .back { transition: none; } }


/* footer = section 127 of the section library (light) */
/* @u */
/* Figma Q16Yl3WiGtaFEcRgVodQZv node 46:17: 127 footer (gradient divider, three underlined links with separators, designer credit image). Frame 1920. Fonts: Noto Sans Hebrew. Links 27 to 20px. */
.c-ft { --u: calc(min(100vw, 1920px) / 1920); direction: rtl; font-family: "Noto Sans Hebrew", "Poppins", sans-serif; background: #f6f9ff; color: #000919; overflow-x: clip; display: flow-root; }
.c-ft :where(ul, li) { margin: 0; padding: 0; list-style: none; }
.c-ft__sec { position: relative; box-sizing: border-box; padding: 18px 16px 34px; text-align: center; }
.c-ft__line { display: block; width: min(100%, 560px); height: 2px; margin: 0 auto; object-fit: fill; }
.c-ft__links { display: flex; flex-wrap: nowrap; align-items: center; justify-content: center; gap: 10px 0; margin-top: 28px; }
.c-ft__links li { padding: 0 8px; border-inline-start: 1px solid #000; line-height: 1.2; }
.c-ft__links li:first-child { border-inline-start: 0; }
.c-ft__links a { display: inline-block; padding: 14px 4px 13px; border-bottom: 1px solid rgba(0, 9, 25, .88); font-size: 14px; white-space: nowrap; font-weight: 400; line-height: 1.2; color: #000919; text-decoration: none; }
.c-ft__links a:focus-visible { outline: 3px solid #1f6feb; outline-offset: 3px; }
.c-ft__credit { display: block; width: min(100%, 320px); height: auto; margin: 26px auto 0; }

@media (min-width: 1280px) {
  .c-ft__sec { width: 1920px; max-width: none; height: 345px; margin: 0 auto; padding: 0; }
  .c-ft__line { position: absolute; top: 14px; left: 0; width: 1920px; max-width: none; height: 2px; margin: 0; }
  .c-ft__links { position: absolute; top: 64px; left: 560px; width: 800px; margin: 0; gap: 0; flex-wrap: nowrap; }
  .c-ft__links li { padding: 0 24px; }
  .c-ft__links a { padding: 0 8px 4px; font-size: 24px; }
  .c-ft__credit { position: absolute; top: 140px; left: 650px; width: 620px; height: 154px; margin: 0; object-fit: cover; }
}
.c-ft__creditlink { display: block; } .c-ft__creditlink:focus-visible { outline: 3px solid currentColor; outline-offset: 4px; }

/* footer fixes (Session 104): centred content at every desktop width, air above the footer, smaller phone footer */
.c-ft { margin-top: clamp(56px, 6vw, 96px); }
@media (min-width: 1280px) {
  .c-ft__sec { width: auto; height: auto; margin: 0; padding: 14px 0 56px; }
  .c-ft__line { position: static; width: 100%; max-width: none; margin: 0; }
  .c-ft__links { position: static; width: auto; margin: 46px auto 0; }
  .c-ft__credit { position: static; width: 620px; height: auto; margin: 44px auto 0; object-fit: fill; }
}
@media (max-width: 600px) {
  .c-ft__links li { padding: 0 6px; }
  .c-ft__links a { padding: 6px 2px 2px; font-size: 12px; }
  .c-ft__credit { width: min(100%, 270px); }
}

/* footer sizes, round 2: narrower blue line, smaller links and credit */
.c-ft__line { width: 72%; max-width: 560px; margin-inline: auto; }
@media (min-width: 1280px) {
  .c-ft__line { position: static; width: 760px; max-width: 100%; margin: 0 auto; }
  .c-ft__links { margin-top: 40px; }
  .c-ft__links li { padding: 0 20px; }
  .c-ft__links a { font-size: 20px; padding: 0 6px 3px; }
  .c-ft__credit { width: 500px; margin-top: 38px; }
}


/* gap between the blue line and the links x1.5 (Liav, Session 106): 28 -> 42px, 40 -> 60px at 1280+ */
.c-ft__links { margin-top: 42px; }
@media (min-width: 1280px) { .c-ft__links { margin-top: 60px; } }

/* the blue line above the footer links fades out to nothing toward both sides (Liav, Session 106) */
.c-ft__line { height: 2px; -webkit-mask-image: linear-gradient(90deg, transparent 0, rgba(0,0,0,.55) 14%, #000 34%, #000 66%, rgba(0,0,0,.55) 86%, transparent 100%); mask-image: linear-gradient(90deg, transparent 0, rgba(0,0,0,.55) 14%, #000 34%, #000 66%, rgba(0,0,0,.55) 86%, transparent 100%); }