/* ============================================================
   17 — "מתחברים לאור": דף נחיתה + פופאפ + טופס הרשמה לעלון
   משותף לשלושה הקשרים: body.brz-jn-page (דף הנחיתה העצמאי),
   #brz-jn-pop (פופאפ שמוזרק לכל עמוד), .brz-jn-embed ([brz_join]).
   הכל תחת .brz-jn-scope — לא דולף לשאר האתר.
   ============================================================ */

.brz-jn-scope {
	--jn-navy: #142f6b;
	--jn-navy-deep: #0c1f4f;
	--jn-navy-soft: #2a4d9c;
	--jn-gold: #ffbf1a;
	--jn-gold-light: #ffe27a;
	--jn-gold-deep: #e09a00;
	--jn-red: #d3132f;
	--jn-ink: #1d2433;
	--jn-muted: #5d6679;
	--jn-line: #dbe2ee;
	--jn-ok: #17a05d;
	--jn-err: #e0383e;
	--jn-ease: cubic-bezier(.2, .9, .25, 1);
	--jn-spring: cubic-bezier(.3, 1.5, .5, 1);
	--jn-display: 'Rubik', 'Heebo', 'Segoe UI', Arial, sans-serif;
	--jn-body: 'Heebo', 'Rubik', 'Segoe UI', Arial, sans-serif;
}

.brz-jn-scope,
.brz-jn-scope *,
.brz-jn-scope *::before,
.brz-jn-scope *::after,
.brz-jn-scene,
.brz-jn-scene * {
	box-sizing: border-box;
}

/* ------------------------------------------------------------
   דף הנחיתה — בסיס
   ------------------------------------------------------------ */
html.brz-jn-html {
	-webkit-text-size-adjust: 100%;
	text-size-adjust: 100%;
	background: #fdf3dc;
}

body.brz-jn-page {
	margin: 0;
	min-height: 100vh;
	min-height: 100svh;
	color: var(--jn-ink);
	font-family: var(--jn-body);
	line-height: 1.5;
	overflow-x: hidden;
	background: #fdf3dc;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

body.brz-jn-page a {
	color: inherit;
}

/* ------------------------------------------------------------
   הסצנה החיה: תמונה + שמש נושמת + קרני אור + ציפורים + חלקיקי אור
   ------------------------------------------------------------ */
.brz-jn-scene {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	height: 100lvh;
	overflow: hidden;
	z-index: 0;
	pointer-events: none;
	background: #f6dca6;
}

/* מסגרת ביחס התמונה שמכסה את המסך — כך שכבות השמש נשארות בדיוק על השמש שבתמונה */
.brz-jn-photo {
	position: absolute;
	left: 50%;
	top: 50%;
	width: max(100vw, 150vh);
	width: max(100vw, 150lvh);
	aspect-ratio: 3 / 2;
	transform: translate(-50%, -50%);
}

/* התמונה עצמה עומדת במקום — רק השמש שבה זזה (שכבות .brz-jn-sun) */
.brz-jn-photo__inner {
	position: absolute;
	inset: 0;
}

.brz-jn-photo picture,
.brz-jn-photo img {
	display: block;
	width: 100%;
	height: 100%;
}

.brz-jn-photo img {
	object-fit: cover;
	filter: saturate(1.06) contrast(1.02);
}

.brz-jn-sun {
	position: absolute;
	left: 14.3%;
	top: 46.5%;
	width: 0;
	height: 0;
}

.brz-jn-sun > span {
	position: absolute;
	border-radius: 50%;
	pointer-events: none;
}

.brz-jn-sun__core {
	width: 9vmax;
	height: 9vmax;
	left: -4.5vmax;
	top: -4.5vmax;
	background: radial-gradient(circle, rgba(255, 255, 250, 1) 0%, rgba(255, 252, 226, .9) 22%, rgba(255, 236, 160, .45) 48%, rgba(255, 220, 120, 0) 72%);
	mix-blend-mode: screen;
	animation: brz-jn-breathe 5.5s ease-in-out infinite;
}

.brz-jn-sun__glow {
	width: 60vmax;
	height: 60vmax;
	left: -30vmax;
	top: -30vmax;
	background: radial-gradient(circle, rgba(255, 244, 205, .75) 0%, rgba(255, 215, 120, .38) 16%, rgba(255, 196, 92, .14) 36%, rgba(255, 190, 80, 0) 62%);
	mix-blend-mode: screen;
	animation: brz-jn-breathe 8s ease-in-out infinite reverse;
}

.brz-jn-sun__rays {
	width: 170vmax;
	height: 170vmax;
	left: -85vmax;
	top: -85vmax;
	background: repeating-conic-gradient(from 3deg, rgba(255, 246, 214, 0) 0deg 6deg, rgba(255, 246, 214, .5) 8deg, rgba(255, 246, 214, 0) 10.5deg 17deg);
	-webkit-mask-image: radial-gradient(circle, #000 0%, rgba(0, 0, 0, .55) 14%, rgba(0, 0, 0, .18) 32%, transparent 50%);
	mask-image: radial-gradient(circle, #000 0%, rgba(0, 0, 0, .55) 14%, rgba(0, 0, 0, .18) 32%, transparent 50%);
	mix-blend-mode: screen;
	opacity: .55;
	animation: brz-jn-spin 160s linear infinite;
}

.brz-jn-sun__ghost {
	background: radial-gradient(circle, rgba(255, 255, 255, 0) 38%, rgba(255, 240, 200, .32) 62%, rgba(255, 255, 255, 0) 72%);
	mix-blend-mode: screen;
	animation: brz-jn-ghost 9s ease-in-out infinite;
}

.brz-jn-sun__ghost--1 { width: 7vmax; height: 7vmax; left: 9vmax; top: 3.5vmax; }
.brz-jn-sun__ghost--2 { width: 3.4vmax; height: 3.4vmax; left: 19vmax; top: 9vmax; animation-delay: -3s; background: radial-gradient(circle, rgba(200, 235, 255, .35), rgba(255, 255, 255, 0) 70%); }
.brz-jn-sun__ghost--3 { width: 11vmax; height: 11vmax; left: 27vmax; top: 12vmax; animation-delay: -6s; }

.brz-jn-veil {
	position: absolute;
	inset: 0;
	background:
		radial-gradient(78% 42% at 50% 33%, rgba(255, 253, 244, .93) 0%, rgba(255, 251, 238, .82) 42%, rgba(255, 248, 230, .4) 78%, rgba(255, 246, 226, .06) 100%),
		radial-gradient(70% 26% at 50% 68%, rgba(255, 251, 238, .55) 0%, rgba(255, 251, 238, 0) 100%);
}

/* להקת ציפורים גדולה שחוצה את השמיים מימין לשמאל, עולה ויורדת בעדינות;
   כל ציפור מנפנפת בקצב משלה (SMIL בתוך ה-SVG, brz_bird_svg ב-header.php) */
.brz-jn-birds {
	position: absolute;
	top: 11%;
	left: 0;
	width: clamp(210px, 27vw, 460px);
	aspect-ratio: 2.4;
	opacity: 0;
	transform: translate3d(100vw, 0, 0);
	animation: brz-jn-fly 34s linear 2.5s infinite;
	will-change: transform;
}

.brz-jn-birds__bob {
	position: absolute;
	inset: 0;
	animation: brz-jn-bob 4.6s ease-in-out infinite alternate;
}

.brz-jn-bird {
	position: absolute;
	left: var(--x);
	top: var(--y);
	width: calc(27% * var(--s));
	line-height: 0;
}

.brz-jn-bird svg {
	display: block;
	width: 100%;
	height: auto;
	overflow: visible;
	fill: #283150;
	opacity: .74;
}

.brz-jn-motes {
	position: fixed;
	inset: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	pointer-events: none;
}

/* תמונת הפורטרט לטלפונים — השמש במקום אחר */
@media (max-aspect-ratio: 4/5) {
	.brz-jn-photo {
		width: max(100vw, 51.49vh);
		width: max(100vw, 51.49lvh);
		aspect-ratio: 900 / 1748;
	}
	.brz-jn-sun {
		left: 7.6%;
		top: 38.4%;
	}
	.brz-jn-birds {
		top: 6.5%;
		width: clamp(170px, 56vw, 290px);
	}
}

@media (min-aspect-ratio: 801/1000) {
	.brz-jn-veil {
		background:
			radial-gradient(40% 58% at 50% 40%, rgba(255, 253, 244, .93) 0%, rgba(255, 251, 238, .84) 46%, rgba(255, 249, 232, .5) 74%, rgba(255, 248, 230, 0) 100%),
			linear-gradient(180deg, rgba(255, 255, 255, .22) 0%, rgba(255, 255, 255, 0) 35%, rgba(255, 244, 214, 0) 70%, rgba(255, 238, 200, .35) 100%);
	}
}

/* ------------------------------------------------------------
   פריסת הדף
   ------------------------------------------------------------ */
.brz-jn {
	position: relative;
	z-index: 2;
	min-height: 100vh;
	min-height: 100svh;
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: max(14px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(18px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));
	text-align: center;
	/* ההילות המסתובבות רחבות מהמסך — חותכים כדי שלא תיווצר גלילה לצדדים */
	overflow-x: hidden;
	overflow-x: clip;
}

.brz-jn__brand {
	position: relative;
	z-index: 3;
	line-height: 0;
}

.brz-jn__brand-link {
	position: relative;
	display: inline-block;
	border-radius: 18px;
	outline-offset: 6px;
}

.brz-jn-logo,
.brz-jn-logo img {
	display: block;
	width: clamp(196px, 58vw, 270px);
	height: auto;
}

.brz-jn-logo {
	position: relative;
	z-index: 1;
	filter: drop-shadow(0 6px 14px rgba(255, 255, 255, .9)) drop-shadow(0 2px 3px rgba(20, 47, 107, .12));
}

/* הקרניים בלוגו "חיות": הילה מסתובבת מאחורי השמש שבלוגו + ברק שעובר על הלוגו */
.brz-jn__logo-burst {
	position: absolute;
	left: 53.2%;
	top: 37.6%;
	width: 210%;
	aspect-ratio: 1;
	transform: translate(-50%, -50%);
	border-radius: 50%;
	background:
		radial-gradient(circle, rgba(255, 246, 210, .95) 0%, rgba(255, 226, 140, .5) 12%, rgba(255, 210, 110, 0) 34%),
		repeating-conic-gradient(from 0deg, rgba(255, 205, 80, 0) 0deg 7deg, rgba(255, 205, 80, .32) 9deg, rgba(255, 205, 80, 0) 11deg 16deg);
	-webkit-mask-image: radial-gradient(circle, #000 0%, rgba(0, 0, 0, .6) 20%, transparent 50%);
	mask-image: radial-gradient(circle, #000 0%, rgba(0, 0, 0, .6) 20%, transparent 50%);
	animation: brz-jn-spin-c 90s linear infinite;
	z-index: 0;
	pointer-events: none;
}

.brz-jn-logo-shine {
	position: absolute;
	inset: 0;
	z-index: 2;
	pointer-events: none;
	background: linear-gradient(105deg, rgba(255, 255, 255, 0) 42%, rgba(255, 255, 255, .95) 50%, rgba(255, 255, 255, 0) 58%) no-repeat;
	background-size: 260% 100%;
	background-position: 140% 0;
	-webkit-mask: url('../images/join/logo.webp') center / 100% 100% no-repeat;
	mask: url('../images/join/logo.webp') center / 100% 100% no-repeat;
	animation: brz-jn-logo-shine 7s ease-in-out 2.4s infinite;
	mix-blend-mode: soft-light;
}

.brz-jn__hero {
	position: relative;
	width: min(100%, 980px);
	display: flex;
	flex-direction: column;
	align-items: center;
}

.brz-jn__foot {
	margin-top: auto;
	padding-top: 22px;
	display: flex;
	gap: 8px;
	justify-content: center;
	flex-wrap: wrap;
	font-size: 13px;
	color: rgba(29, 36, 51, .72);
	text-shadow: 0 0 8px rgba(255, 255, 255, .9);
}

.brz-jn__foot a {
	color: var(--jn-navy);
	font-weight: 700;
	text-decoration: none;
	border-bottom: 1px solid rgba(20, 47, 107, .3);
}

/* ------------------------------------------------------------
   תגית + כותרת מקושתת + הזמנה
   ------------------------------------------------------------ */
.brz-jn-scope .brz-jn-intro {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
}

.brz-jn-scope .brz-jn-tagline {
	margin: 6px 0 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 2px;
	font-family: var(--jn-display);
	font-weight: 700;
	font-size: clamp(16px, 4.5vw, 25px);
	line-height: 1.25;
	color: var(--jn-navy);
	letter-spacing: 0;
	text-shadow: 0 0 10px rgba(255, 255, 255, .95), 0 0 2px #fff;
}

.brz-jn-scope .brz-jn-orn {
	width: min(72%, 300px);
	height: auto;
	aspect-ratio: 320 / 18;
	color: var(--jn-gold);
	filter: drop-shadow(0 1px 1px rgba(224, 154, 0, .35));
	overflow: visible;
}

.brz-jn-scope .brz-jn-title {
	position: relative;
	isolation: isolate;
	margin: clamp(4px, 1.2vw, 10px) 0 0;
	padding: 0;
	font-family: var(--jn-display);
	font-weight: 900;
	font-size: clamp(44px, 13.2vw, 120px);
	line-height: 1.08;
	letter-spacing: -.012em;
	color: var(--jn-navy);
	white-space: nowrap;
	text-transform: none;
	text-shadow:
		0 .035em 0 #fff, 0 -.035em 0 #fff, .035em 0 0 #fff, -.035em 0 0 #fff,
		.025em .025em 0 #fff, -.025em .025em 0 #fff, .025em -.025em 0 #fff, -.025em -.025em 0 #fff,
		0 .09em .2em rgba(16, 42, 100, .28);
}

.brz-jn-scope .brz-jn-title__text {
	position: relative;
	display: inline-block;
	z-index: 1;
}

.brz-jn-scope .brz-jn-ch,
.brz-jn-scope .brz-jn-sp {
	display: inline-block;
	transform: translateY(var(--ty, 0px)) rotate(var(--rot, 0deg));
	transform-origin: 50% 70%;
}

.brz-jn-scope .brz-jn-sp {
	width: .24em;
}

/* "לאור" — האור עצמו מנצנץ בעדינות */
.brz-jn-scope .brz-jn-title__burst {
	position: absolute;
	left: 50%;
	top: 46%;
	width: 150%;
	aspect-ratio: 1;
	transform: translate(-50%, -50%);
	z-index: -1;
	border-radius: 50%;
	background:
		radial-gradient(circle, rgba(255, 252, 236, .95) 0%, rgba(255, 238, 180, .6) 20%, rgba(255, 228, 150, 0) 46%),
		repeating-conic-gradient(from 0deg, rgba(255, 200, 70, 0) 0deg 5deg, rgba(255, 200, 70, .4) 7deg, rgba(255, 200, 70, 0) 9deg 15deg);
	-webkit-mask-image: radial-gradient(circle, #000 0%, rgba(0, 0, 0, .5) 26%, transparent 50%);
	mask-image: radial-gradient(circle, #000 0%, rgba(0, 0, 0, .5) 26%, transparent 50%);
	animation: brz-jn-spin-c 120s linear infinite reverse;
	pointer-events: none;
}

.brz-jn-scope .brz-jn-swoosh {
	display: block;
	width: 92%;
	height: clamp(14px, 3.9vw, 34px);
	margin: calc(var(--arc-drop, 0px) * .32 - .1em) auto 0;
	filter: drop-shadow(0 2px 2px rgba(224, 154, 0, .35));
	overflow: visible;
}

.brz-jn-scope .brz-jn-lead {
	margin: clamp(6px, 1.6vw, 12px) 0 0;
	padding: 0;
	font-family: var(--jn-display);
	font-weight: 700;
	font-size: clamp(18px, 5.1vw, 34px);
	line-height: 1.28;
	color: var(--jn-red);
	text-shadow: 0 0 12px rgba(255, 255, 255, .95), 0 0 3px #fff, 0 0 1px #fff;
}

.brz-jn-scope .brz-jn-lead span {
	display: block;
}

.brz-jn-scope .brz-jn-lead strong {
	font-weight: 800;
}

/* ------------------------------------------------------------
   יתרונות — תגיות עגולות מבריקות
   ------------------------------------------------------------ */
.brz-jn-scope .brz-jn-perks {
	--bz: clamp(76px, 22vw, 112px);
	list-style: none;
	margin: clamp(14px, 3.4vw, 22px) 0 0;
	padding: 0;
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: clamp(6px, 3vw, 34px);
	width: min(100%, 640px);
}

.brz-jn-scope .brz-jn-perk {
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: clamp(6px, 1.6vw, 12px);
}

.brz-jn-scope .brz-jn-perk::before,
.brz-jn-scope .brz-jn-perk::marker {
	content: none;
}

.brz-jn-scope .brz-jn-badge {
	position: relative;
	display: grid;
	place-items: center;
	width: var(--bz);
	height: var(--bz);
	border-radius: 50%;
	background: var(--bz-bg);
	box-shadow: var(--bz-sh);
	animation: brz-jn-float 5.2s ease-in-out infinite;
	animation-delay: calc(var(--d, 0) * -1.7s);
	transition: box-shadow .4s ease;
}

.brz-jn-scope .brz-jn-badge::before {
	content: "";
	position: absolute;
	inset: 5% 15% 50% 15%;
	border-radius: 50%;
	background: linear-gradient(180deg, rgba(255, 255, 255, .95), rgba(255, 255, 255, 0));
	opacity: .7;
	z-index: 1;
	pointer-events: none;
}

.brz-jn-scope .brz-jn-badge::after {
	content: "";
	position: absolute;
	inset: 0;
	border-radius: 50%;
	box-shadow: inset 0 0 0 3px rgba(255, 255, 255, .9), inset 0 -10px 18px var(--bz-inner, rgba(0, 0, 0, .06));
	pointer-events: none;
}

.brz-jn-scope .brz-jn-badge__glow {
	position: absolute;
	inset: -2px;
	border-radius: 50%;
	border: 2px solid var(--bz-ring, rgba(255, 191, 26, .6));
	opacity: 0;
	animation: brz-jn-ripple 3.6s ease-out infinite;
	animation-delay: calc(var(--d, 0) * 1.2s + 1.6s);
}

.brz-jn-scope .brz-jn-art {
	position: relative;
	z-index: 2;
	width: 58%;
	height: 58%;
	overflow: visible;
	filter: drop-shadow(0 5px 6px var(--bz-art-sh, rgba(0, 0, 0, .15)));
}

.brz-jn-scope .brz-jn-perk:hover .brz-jn-badge {
	box-shadow: var(--bz-sh), 0 0 0 7px rgba(255, 255, 255, .6);
}

.brz-jn-scope .brz-jn-perk--joy {
	--bz-bg: radial-gradient(circle at 50% 34%, #fff8fb 0%, #ffe1eb 46%, #ffc0d4 100%);
	--bz-sh: 0 16px 30px -14px rgba(232, 40, 110, .6), 0 4px 10px -4px rgba(232, 40, 110, .28);
	--bz-inner: rgba(232, 40, 110, .12);
	--bz-ring: rgba(240, 51, 122, .45);
	--bz-art-sh: rgba(195, 16, 90, .35);
}

.brz-jn-scope .brz-jn-perk--torah {
	--bz-bg: radial-gradient(circle at 50% 34%, #fffef6 0%, #fff1c2 48%, #ffdc7d 100%);
	--bz-sh: 0 16px 30px -14px rgba(224, 154, 0, .62), 0 4px 10px -4px rgba(224, 154, 0, .3);
	--bz-inner: rgba(224, 154, 0, .14);
	--bz-ring: rgba(255, 183, 0, .55);
	--bz-art-sh: rgba(24, 60, 134, .22);
}

.brz-jn-scope .brz-jn-perk--mail {
	--bz-bg: radial-gradient(circle at 50% 34%, #f7fbff 0%, #d9ecff 48%, #b2d5ff 100%);
	--bz-sh: 0 16px 30px -14px rgba(42, 115, 234, .6), 0 4px 10px -4px rgba(42, 115, 234, .28);
	--bz-inner: rgba(42, 115, 234, .12);
	--bz-ring: rgba(42, 115, 234, .45);
	--bz-art-sh: rgba(21, 80, 196, .35);
}

.brz-jn-scope .brz-jn-art--heart {
	transform-origin: 50% 60%;
	animation: brz-jn-beat 2.4s ease-in-out infinite;
}

.brz-jn-scope .brz-jn-art__rays {
	transform-origin: 32px 30px;
	animation: brz-jn-twinkle 2.8s ease-in-out infinite;
}

.brz-jn-scope .brz-jn-art__letter {
	animation: brz-jn-peek 4.2s var(--jn-ease) infinite;
}

.brz-jn-scope .brz-jn-perk__label {
	font-family: var(--jn-display);
	font-weight: 700;
	font-size: clamp(14px, 3.9vw, 20px);
	line-height: 1.22;
	color: var(--jn-navy);
	text-shadow: 0 0 10px rgba(255, 255, 255, .95), 0 0 2px #fff;
}

/* ------------------------------------------------------------
   כרטיס הטופס
   ------------------------------------------------------------ */
.brz-jn-scope .brz-jn-card {
	position: relative;
	width: min(100%, 880px);
	margin: clamp(16px, 4vw, 26px) auto 0;
	padding: clamp(16px, 4.4vw, 28px);
	border-radius: 28px;
	border: 2px solid transparent;
	background:
		linear-gradient(rgba(255, 255, 255, .9), rgba(255, 255, 255, .86)) padding-box,
		linear-gradient(135deg, #ffe08a 0%, rgba(255, 255, 255, .95) 28%, #ffd35c 55%, rgba(255, 255, 255, .95) 80%, #ffe9a8 100%) border-box;
	box-shadow:
		0 1px 0 rgba(255, 255, 255, .9) inset,
		0 34px 70px -28px rgba(16, 40, 90, .5),
		0 12px 26px -14px rgba(16, 40, 90, .25);
	-webkit-backdrop-filter: blur(16px) saturate(1.35);
	backdrop-filter: blur(16px) saturate(1.35);
	text-align: right;
	scroll-margin-top: 16px;
}

.brz-jn-scope .brz-jn-form {
	margin: 0;
	padding: 0;
	border: 0;
	background: none;
}

.brz-jn-scope .brz-jn-form[hidden],
.brz-jn-scope .brz-jn-success[hidden],
.brz-jn-scope .brz-jn-alert[hidden] {
	display: none !important;
}

.brz-jn-scope .brz-jn-hp {
	position: absolute !important;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(0 0 0 0);
	clip-path: inset(50%);
	white-space: nowrap;
	top: 0;
	right: 0;
	opacity: 0;
	pointer-events: none;
}

.brz-jn-scope .brz-jn-fields {
	display: grid;
	gap: 12px;
}

.brz-jn-scope .brz-jn-field {
	position: relative;
	margin: 0;
}

.brz-jn-scope .brz-jn-input,
.brz-jn-scope .brz-jn-input[type="text"],
.brz-jn-scope .brz-jn-input[type="email"],
.brz-jn-scope .brz-jn-input[type="tel"] {
	display: block;
	width: 100%;
	height: 60px;
	margin: 0;
	padding: 23px 50px 5px 44px;
	border: 1.5px solid var(--jn-line);
	border-radius: 16px;
	background: #fff;
	box-shadow: inset 0 2px 3px rgba(20, 47, 107, .05), 0 1px 0 rgba(255, 255, 255, .9);
	font-family: var(--jn-body);
	font-size: 17px;
	font-weight: 500;
	line-height: 1.2;
	color: var(--jn-ink);
	text-align: right;
	outline: none;
	-webkit-appearance: none;
	appearance: none;
	transition: border-color .25s, box-shadow .25s, background-color .25s;
}

.brz-jn-scope .brz-jn-input:hover {
	border-color: #c4cfe2;
}

.brz-jn-scope .brz-jn-input:focus {
	border-color: var(--jn-gold);
	background: #fffefa;
	box-shadow: 0 0 0 4px rgba(255, 191, 26, .24), inset 0 2px 3px rgba(20, 47, 107, .04);
}

.brz-jn-scope .brz-jn-input:-webkit-autofill {
	-webkit-box-shadow: 0 0 0 40px #fffdf2 inset;
	-webkit-text-fill-color: var(--jn-ink);
}

.brz-jn-scope .brz-jn-label {
	position: absolute;
	right: 50px;
	left: 16px;
	top: 50%;
	display: block;
	margin: 0;
	padding: 0;
	transform: translateY(-50%);
	transform-origin: right center;
	font-family: var(--jn-body);
	font-size: 16.5px;
	font-weight: 500;
	line-height: 1.2;
	color: #7a8499;
	text-align: right;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	pointer-events: none;
	transition: top .22s var(--jn-ease), transform .22s var(--jn-ease), color .22s, font-weight .22s;
}

.brz-jn-scope .brz-jn-input:focus + .brz-jn-label,
.brz-jn-scope .brz-jn-input:not(:placeholder-shown) + .brz-jn-label {
	top: 17px;
	transform: translateY(-50%) scale(.76);
	color: var(--jn-navy);
	font-weight: 700;
}

.brz-jn-scope .brz-jn-field__icon,
.brz-jn-scope .brz-jn-field__ok {
	position: absolute;
	top: 30px;
	width: 22px;
	height: 22px;
	margin-top: -11px;
	line-height: 0;
	pointer-events: none;
}

.brz-jn-scope .brz-jn-field__icon {
	right: 16px;
	color: #9aa6bb;
	transition: color .25s, transform .35s var(--jn-spring);
}

.brz-jn-scope .brz-jn-field__ok {
	left: 14px;
	color: var(--jn-ok);
	opacity: 0;
	transform: scale(.4);
	transition: opacity .25s, transform .35s var(--jn-spring);
}

.brz-jn-scope .brz-jn-ic {
	display: block;
	width: 100%;
	height: 100%;
}

.brz-jn-scope .brz-jn-input:focus ~ .brz-jn-field__icon {
	color: var(--jn-gold-deep);
	transform: scale(1.12);
}

.brz-jn-scope .brz-jn-field.is-valid .brz-jn-field__ok {
	opacity: 1;
	transform: scale(1);
}

.brz-jn-scope .brz-jn-field.is-valid .brz-jn-field__icon {
	color: var(--jn-navy-soft);
}

.brz-jn-scope .brz-jn-field.is-invalid .brz-jn-input {
	border-color: var(--jn-err);
	box-shadow: 0 0 0 4px rgba(224, 56, 62, .13);
}

.brz-jn-scope .brz-jn-field.is-invalid .brz-jn-field__icon {
	color: var(--jn-err);
}

.brz-jn-scope .brz-jn-field.is-shake {
	animation: brz-jn-shake .42s ease-in-out;
}

.brz-jn-scope .brz-jn-field__err {
	display: block;
	min-height: 0;
	margin: 0;
	padding: 0 6px;
	font-size: 13.5px;
	font-weight: 500;
	line-height: 1.35;
	color: var(--jn-err);
	text-align: right;
}

.brz-jn-scope .brz-jn-field__err:not(:empty) {
	padding-top: 5px;
}

.brz-jn-scope .brz-jn-field__err button {
	all: unset;
	cursor: pointer;
	font-weight: 700;
	color: var(--jn-navy);
	text-decoration: underline;
	text-underline-offset: 2px;
}

.brz-jn-scope .brz-jn-alert {
	margin: 12px 0 0;
	padding: 10px 14px;
	border-radius: 12px;
	background: #fff0f0;
	border: 1px solid #f7c4c6;
	color: #b4232a;
	font-size: 14.5px;
	font-weight: 500;
	text-align: center;
}

/* כפתור הזהב */
.brz-jn-scope .brz-jn-btn,
.brz-jn-scope .brz-jn-btn:hover,
.brz-jn-scope .brz-jn-btn:focus {
	position: relative;
	isolation: isolate;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	min-height: 64px;
	margin: 14px 0 0;
	padding: 10px 22px 12px 68px;
	border: 0;
	border-radius: 999px;
	cursor: pointer;
	font-family: var(--jn-display);
	font-weight: 800;
	font-size: clamp(17px, 4.9vw, 26px);
	line-height: 1.15;
	letter-spacing: 0;
	text-transform: none;
	text-decoration: none;
	white-space: nowrap;
	color: var(--jn-navy-deep);
	background: linear-gradient(180deg, #fff38a 0%, #ffdd3d 30%, #ffc81a 62%, #f7b000 100%);
	box-shadow:
		inset 0 2px 0 rgba(255, 255, 255, .85),
		inset 0 -4px 0 rgba(200, 120, 0, .28),
		0 6px 0 #d48d00,
		0 18px 30px -10px rgba(212, 141, 0, .7);
	transform: translateY(0);
	transition: transform .2s var(--jn-ease), box-shadow .2s, filter .25s;
	-webkit-tap-highlight-color: transparent;
}

.brz-jn-scope .brz-jn-btn:hover {
	transform: translateY(-2px);
	filter: brightness(1.04) saturate(1.08);
	box-shadow:
		inset 0 2px 0 rgba(255, 255, 255, .85),
		inset 0 -4px 0 rgba(200, 120, 0, .28),
		0 8px 0 #d48d00,
		0 24px 36px -10px rgba(212, 141, 0, .75);
}

.brz-jn-scope .brz-jn-btn:active {
	transform: translateY(4px);
	box-shadow:
		inset 0 2px 0 rgba(255, 255, 255, .7),
		inset 0 -3px 0 rgba(200, 120, 0, .25),
		0 2px 0 #d48d00,
		0 8px 14px -8px rgba(212, 141, 0, .6);
}

.brz-jn-scope .brz-jn-btn:focus-visible {
	outline: 3px solid var(--jn-navy);
	outline-offset: 4px;
}

.brz-jn-scope .brz-jn-btn__text {
	position: relative;
	z-index: 2;
	text-shadow: 0 1px 0 rgba(255, 255, 255, .55);
}

.brz-jn-scope .brz-jn-btn__shine {
	position: absolute;
	inset: 0;
	z-index: 1;
	background: linear-gradient(105deg, rgba(255, 255, 255, 0) 30%, rgba(255, 255, 255, .85) 48%, rgba(255, 255, 255, 0) 64%);
	transform: translateX(110%);
	animation: brz-jn-btn-shine 4.8s ease-in-out 2.6s infinite;
	pointer-events: none;
}

.brz-jn-scope .brz-jn-btn__go {
	position: absolute;
	z-index: 2;
	left: 9px;
	top: 50%;
	width: 48px;
	height: 48px;
	margin-top: -24px;
	display: grid;
	place-items: center;
	border-radius: 50%;
	color: #fff;
	background: radial-gradient(circle at 36% 30%, #3a62bd 0%, #1a3a86 46%, #0d2259 100%);
	box-shadow: 0 4px 10px rgba(13, 34, 89, .45), inset 0 1px 0 rgba(255, 255, 255, .28);
	transition: transform .35s var(--jn-spring);
}

.brz-jn-scope .brz-jn-btn__go .brz-jn-ic {
	width: 26px;
	height: 26px;
	stroke-width: 3;
	animation: brz-jn-nudge 2.2s ease-in-out infinite;
}

.brz-jn-scope .brz-jn-btn:hover .brz-jn-btn__go {
	transform: translateX(-4px) scale(1.04);
}

.brz-jn-scope .brz-jn-spin {
	display: none;
	width: 24px;
	height: 24px;
	border-radius: 50%;
	border: 3px solid rgba(255, 255, 255, .3);
	border-top-color: #fff;
	animation: brz-jn-spin 0.8s linear infinite;
}

.brz-jn-scope .brz-jn-form.is-loading .brz-jn-btn {
	cursor: progress;
	filter: saturate(.85);
}

.brz-jn-scope .brz-jn-form.is-loading .brz-jn-btn__go .brz-jn-ic {
	display: none;
}

.brz-jn-scope .brz-jn-form.is-loading .brz-jn-spin {
	display: block;
}

.brz-jn-scope .brz-jn-note {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	margin: 16px 0 0;
	padding: 0;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.4;
	color: var(--jn-muted);
	text-align: center;
}

.brz-jn-scope .brz-jn-note .brz-jn-ic {
	width: 15px;
	height: 15px;
	flex: none;
	color: var(--jn-gold-deep);
}

/* ------------------------------------------------------------
   מסך הצלחה
   ------------------------------------------------------------ */
.brz-jn-scope .brz-jn-success {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 6px 4px 4px;
	text-align: center;
	outline: none;
}

.brz-jn-scope .brz-jn-success__icon {
	position: relative;
	width: 96px;
	height: 96px;
	display: grid;
	place-items: center;
}

.brz-jn-scope .brz-jn-success__rays {
	position: absolute;
	inset: -38px;
	border-radius: 50%;
	background:
		radial-gradient(circle, rgba(255, 236, 160, .9) 0%, rgba(255, 220, 110, 0) 46%),
		repeating-conic-gradient(rgba(255, 196, 40, 0) 0deg 9deg, rgba(255, 196, 40, .55) 12deg, rgba(255, 196, 40, 0) 15deg 24deg);
	-webkit-mask-image: radial-gradient(circle, #000 20%, transparent 70%);
	mask-image: radial-gradient(circle, #000 20%, transparent 70%);
	animation: brz-jn-spin 22s linear infinite;
}

.brz-jn-scope .brz-jn-success__icon svg {
	position: relative;
	width: 96px;
	height: 96px;
	border-radius: 50%;
	background: radial-gradient(circle at 36% 30%, #fff38a 0%, #ffcc1f 45%, #f2a600 100%);
	box-shadow: 0 14px 28px -10px rgba(212, 141, 0, .7), inset 0 2px 0 rgba(255, 255, 255, .8);
	overflow: visible;
}

.brz-jn-scope .brz-jn-success__ring {
	fill: none;
	stroke: rgba(255, 255, 255, .7);
	stroke-width: 3;
	stroke-dasharray: 214;
	stroke-dashoffset: 214;
}

.brz-jn-scope .brz-jn-success__tick {
	fill: none;
	stroke: var(--jn-navy-deep);
	stroke-width: 7;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-dasharray: 50;
	stroke-dashoffset: 50;
}

.brz-jn-scope .brz-jn-success.is-in .brz-jn-success__icon {
	animation: brz-jn-pop .7s var(--jn-spring) both;
}

.brz-jn-scope .brz-jn-success.is-in .brz-jn-success__ring {
	animation: brz-jn-draw .9s var(--jn-ease) .15s forwards;
}

.brz-jn-scope .brz-jn-success.is-in .brz-jn-success__tick {
	animation: brz-jn-draw .55s var(--jn-ease) .45s forwards;
}

.brz-jn-scope .brz-jn-formwrap.is-joined .brz-jn-success__ring,
.brz-jn-scope .brz-jn-formwrap.is-joined .brz-jn-success__tick {
	stroke-dashoffset: 0;
}

.brz-jn-scope .brz-jn-success__title {
	margin: 18px 0 0;
	padding: 0;
	font-family: var(--jn-display);
	font-weight: 900;
	font-size: clamp(26px, 6.6vw, 36px);
	line-height: 1.15;
	color: var(--jn-navy);
}

.brz-jn-scope .brz-jn-success__text {
	margin: 10px 0 0;
	padding: 0;
	max-width: 520px;
	font-size: clamp(16px, 4.2vw, 19px);
	line-height: 1.5;
	color: var(--jn-ink);
}

.brz-jn-scope .brz-jn-success__text b {
	display: inline-block;
	color: var(--jn-navy);
	direction: ltr;
	unicode-bidi: isolate;
	white-space: nowrap;
}

.brz-jn-scope .brz-jn-success__share-lead {
	margin: 18px 0 0;
	padding: 0;
	font-family: var(--jn-display);
	font-weight: 700;
	font-size: 16px;
	color: var(--jn-red);
}

.brz-jn-scope .brz-jn-success__actions {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 10px;
	margin-top: 10px;
}

.brz-jn-scope .brz-jn-share,
.brz-jn-scope .brz-jn-back,
.brz-jn-scope .brz-jn-back:hover,
.brz-jn-scope .brz-jn-back:focus {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	min-height: 50px;
	margin: 0;
	padding: 10px 22px;
	border-radius: 999px;
	font-family: var(--jn-display);
	font-weight: 700;
	font-size: 17px;
	line-height: 1.2;
	text-decoration: none;
	cursor: pointer;
	transition: transform .25s var(--jn-spring), box-shadow .25s, background-color .25s;
}

.brz-jn-scope .brz-jn-share {
	color: #fff;
	border: 0;
	background: linear-gradient(180deg, #3ee07f 0%, #1fbd5c 60%, #16a34d 100%);
	box-shadow: 0 4px 0 #128a41, 0 12px 22px -10px rgba(22, 163, 77, .7), inset 0 1px 0 rgba(255, 255, 255, .45);
}

.brz-jn-scope .brz-jn-share:hover {
	transform: translateY(-2px);
	color: #fff;
}

.brz-jn-scope .brz-jn-share .brz-jn-ic,
.brz-jn-scope .brz-jn-back .brz-jn-ic {
	width: 22px;
	height: 22px;
}

.brz-jn-scope .brz-jn-back,
.brz-jn-scope .brz-jn-back:hover,
.brz-jn-scope .brz-jn-back:focus {
	color: var(--jn-navy);
	border: 1.5px solid rgba(20, 47, 107, .2);
	background: rgba(255, 255, 255, .85);
	box-shadow: none;
}

.brz-jn-scope .brz-jn-back:hover {
	transform: translateY(-2px);
	background: #fff;
	border-color: rgba(20, 47, 107, .35);
}

.brz-jn-scope .brz-jn-field__err.is-hint {
	color: var(--jn-muted);
}

.brz-jn-scope .brz-jn-form {
	transition: opacity .3s ease, transform .3s ease;
}

.brz-jn-scope .brz-jn-form.is-leaving {
	opacity: 0;
	transform: translateY(-10px) scale(.98);
}

.brz-jn-scope .brz-jn-success.is-in .brz-jn-success__title { animation: brz-jn-rise .6s var(--jn-ease) .35s both; }
.brz-jn-scope .brz-jn-success.is-in .brz-jn-success__text { animation: brz-jn-rise .6s var(--jn-ease) .47s both; }
.brz-jn-scope .brz-jn-success.is-in .brz-jn-success__share-lead { animation: brz-jn-rise .6s var(--jn-ease) .6s both; }
.brz-jn-scope .brz-jn-success.is-in .brz-jn-success__actions { animation: brz-jn-rise .6s var(--jn-ease) .7s both; }

/* קונפטי זהב */
.brz-jn-confetti {
	position: fixed;
	inset: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	z-index: 2147483600;
}

/* ------------------------------------------------------------
   פופאפ
   ------------------------------------------------------------ */
#brz-jn-pop.brz-jn-pop {
	position: fixed;
	inset: 0;
	z-index: 2147483000;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 12px;
	direction: rtl;
	text-align: center;
	font-family: var(--jn-body);
	font-size: 16px;
	font-weight: 400;
	line-height: 1.5;
	letter-spacing: 0;
	color: var(--jn-ink);
	-webkit-font-smoothing: antialiased;
}

#brz-jn-pop .brz-jn-pop__overlay {
	position: absolute;
	inset: 0;
	background: radial-gradient(ellipse at 50% 42%, rgba(24, 46, 100, .42) 0%, rgba(8, 18, 46, .74) 100%);
	-webkit-backdrop-filter: blur(5px);
	backdrop-filter: blur(5px);
	opacity: 0;
	transition: opacity .45s ease;
	cursor: pointer;
}

#brz-jn-pop .brz-jn-pop__card {
	position: relative;
	display: flex;
	flex-direction: column;
	width: min(560px, 100%);
	max-height: calc(100vh - 24px);
	max-height: calc(100dvh - 24px);
	border-radius: 30px;
	border: 3px solid transparent;
	background:
		linear-gradient(#fffdf5, #fffdf5) padding-box,
		linear-gradient(140deg, #ffe58a 0%, #ffbf1f 32%, #fff3bf 58%, #ffb300 100%) border-box;
	box-shadow: 0 44px 100px -24px rgba(4, 14, 40, .7), 0 0 0 1px rgba(255, 255, 255, .35), 0 0 60px rgba(255, 210, 90, .35);
	opacity: 0;
	transform: translateY(30px) scale(.93);
	transition: transform .65s cubic-bezier(.16, 1.15, .3, 1), opacity .4s ease;
	outline: none;
	overflow: hidden;
}

#brz-jn-pop.is-open .brz-jn-pop__overlay {
	opacity: 1;
}

#brz-jn-pop.is-open .brz-jn-pop__card {
	opacity: 1;
	transform: none;
}

#brz-jn-pop.is-closing .brz-jn-pop__overlay {
	opacity: 0;
}

#brz-jn-pop.is-closing .brz-jn-pop__card {
	opacity: 0;
	transform: translateY(18px) scale(.96);
	transition-duration: .3s;
}

#brz-jn-pop .brz-jn-pop__bg {
	position: absolute;
	inset: 0;
	border-radius: inherit;
	background-image:
		radial-gradient(78% 50% at 50% 30%, rgba(255, 253, 244, .9) 0%, rgba(255, 252, 240, .74) 55%, rgba(255, 250, 236, .32) 100%),
		linear-gradient(180deg, rgba(255, 253, 245, .12) 0%, rgba(255, 252, 240, .5) 50%, rgba(255, 251, 238, .8) 100%),
		var(--jn-pop-img);
	background-size: cover;
	background-position: 22% 46%;
	pointer-events: none;
}

#brz-jn-pop .brz-jn-pop__bg::after {
	content: "";
	position: absolute;
	left: 18%;
	top: 30%;
	width: 70%;
	aspect-ratio: 1;
	transform: translate(-50%, -50%);
	border-radius: 50%;
	background: radial-gradient(circle, rgba(255, 250, 220, .9), rgba(255, 220, 120, .25) 35%, rgba(255, 220, 120, 0) 65%);
	mix-blend-mode: screen;
	animation: brz-jn-breathe 6s ease-in-out infinite;
}

#brz-jn-pop .brz-jn-pop__close,
#brz-jn-pop .brz-jn-pop__close:hover,
#brz-jn-pop .brz-jn-pop__close:focus {
	position: absolute;
	z-index: 5;
	top: 12px;
	right: 12px;
	width: 42px;
	height: 42px;
	margin: 0;
	padding: 9px;
	display: grid;
	place-items: center;
	border: 0;
	border-radius: 50%;
	background: rgba(255, 255, 255, .88);
	color: var(--jn-navy-deep);
	box-shadow: 0 4px 14px rgba(16, 40, 90, .18);
	cursor: pointer;
	transition: transform .35s var(--jn-spring), background-color .2s;
}

#brz-jn-pop .brz-jn-pop__close:hover {
	transform: rotate(90deg) scale(1.06);
	background: #fff;
}

#brz-jn-pop .brz-jn-pop__close:focus-visible {
	outline: 3px solid var(--jn-gold);
	outline-offset: 2px;
}

#brz-jn-pop .brz-jn-pop__close .brz-jn-ic {
	stroke-width: 2.6;
}

#brz-jn-pop .brz-jn-pop__body {
	position: relative;
	z-index: 2;
	flex: 1 1 auto;
	min-height: 0;
	overflow-y: auto;
	overscroll-behavior: contain;
	-webkit-overflow-scrolling: touch;
	padding: 22px clamp(16px, 5vw, 34px) 20px;
}

#brz-jn-pop .brz-jn-pop__sun {
	display: block;
	width: 96px;
	height: auto;
	margin: 0 auto -4px;
	overflow: visible;
	filter: drop-shadow(0 4px 10px rgba(255, 180, 0, .45));
}

#brz-jn-pop .brz-jn-pop__sun-rays {
	transform-origin: 60px 60px;
	animation: brz-jn-sunrays 5s ease-in-out infinite;
}

#brz-jn-pop .brz-jn-tagline {
	margin-top: 4px;
	font-size: clamp(15px, 4.2vw, 19px);
}

#brz-jn-pop .brz-jn-title {
	font-size: clamp(40px, 11.6vw, 74px);
}

#brz-jn-pop .brz-jn-lead {
	font-size: clamp(16px, 4.4vw, 21px);
	margin-top: 6px;
}

#brz-jn-pop .brz-jn-lead span {
	display: inline;
}

#brz-jn-pop .brz-jn-lead span:last-child {
	display: block;
}

@media (max-width: 480px) {
	#brz-jn-pop .brz-jn-lead span {
		display: block;
	}
}

#brz-jn-pop .brz-jn-perks {
	--bz: clamp(62px, 17vw, 84px);
	margin-top: 12px;
	gap: 8px;
	width: min(100%, 440px);
	margin-left: auto;
	margin-right: auto;
}

#brz-jn-pop .brz-jn-perk__label {
	font-size: clamp(13px, 3.6vw, 16px);
}

#brz-jn-pop .brz-jn-formwrap {
	margin-top: 16px;
	text-align: right;
}

#brz-jn-pop .brz-jn-fields {
	gap: 10px;
}

#brz-jn-pop .brz-jn-input {
	height: 56px;
}

#brz-jn-pop .brz-jn-field__icon,
#brz-jn-pop .brz-jn-field__ok {
	top: 28px;
}

#brz-jn-pop .brz-jn-btn {
	min-height: 60px;
	font-size: clamp(18px, 5vw, 23px);
}

#brz-jn-pop .brz-jn-note {
	margin-top: 12px;
	font-size: 13px;
}

/* כניסה מדורגת של התוכן בפופאפ */
#brz-jn-pop .brz-jn-pop__body > *,
#brz-jn-pop .brz-jn-intro > *,
#brz-jn-pop .brz-jn-perk {
	opacity: 0;
}

#brz-jn-pop.is-open .brz-jn-pop__sun { animation: brz-jn-rise .7s var(--jn-ease) .12s both; opacity: 1; }
#brz-jn-pop.is-open .brz-jn-intro { opacity: 1; }
#brz-jn-pop.is-open .brz-jn-tagline { animation: brz-jn-rise .7s var(--jn-ease) .2s both; }
#brz-jn-pop.is-open .brz-jn-title { opacity: 1; }
#brz-jn-pop.is-open .brz-jn-lead { animation: brz-jn-rise .7s var(--jn-ease) .62s both; }
#brz-jn-pop.is-open .brz-jn-perks { opacity: 1; }
#brz-jn-pop.is-open .brz-jn-perk { opacity: 1; animation: brz-jn-badge-in .8s var(--jn-spring) both; animation-delay: calc(.72s + var(--d) * .11s); }
#brz-jn-pop.is-open .brz-jn-formwrap { animation: brz-jn-rise .75s var(--jn-ease) .9s both; }
#brz-jn-pop.is-open .brz-jn-title .brz-jn-ch { animation: brz-jn-letter .8s var(--jn-spring) both; animation-delay: calc(.28s + var(--i) * 40ms); }
#brz-jn-pop.is-open .brz-jn-title .brz-jn-swoosh { animation: brz-jn-wipe .8s var(--jn-ease) .8s both; }

html.brz-jn-lock,
html.brz-jn-lock body {
	overflow: hidden !important;
}

/* ------------------------------------------------------------
   הטמעה ([brz_join])
   ------------------------------------------------------------ */
.brz-jn-embed.brz-jn-scope {
	max-width: 820px;
	margin: 0 auto;
	padding: 10px 0;
	direction: rtl;
	text-align: center;
	font-family: var(--jn-body);
	color: var(--jn-ink);
}

.brz-jn-embed .brz-jn-perks {
	margin-left: auto;
	margin-right: auto;
}

/* ------------------------------------------------------------
   דסקטופ — לפי ההדמיה: לוגו בפינה, שדות בשורה אחת
   ------------------------------------------------------------ */
@media (min-width: 900px) {
	.brz-jn {
		padding-top: clamp(18px, 3.2vh, 40px);
	}

	.brz-jn__brand {
		position: absolute;
		top: clamp(14px, 2.4vh, 30px);
		right: clamp(18px, 2.6vw, 48px);
	}

	.brz-jn-logo,
	.brz-jn-logo img {
		width: clamp(180px, 16vw, 300px);
	}

	.brz-jn__hero {
		padding-top: clamp(4px, 1.4vh, 18px);
	}

	.brz-jn-page .brz-jn-tagline {
		font-size: min(2.4vw, 4.2vh, 36px);
	}

	.brz-jn-page .brz-jn-title {
		font-size: min(8vw, 13.6vh, 140px);
	}

	.brz-jn-page .brz-jn-lead {
		font-size: min(2.3vw, 3.9vh, 36px);
		margin-top: min(1.4vh, 12px);
	}

	.brz-jn-page .brz-jn-perks {
		--bz: min(8.6vw, 14vh, 138px);
		margin-top: min(2.2vh, 24px);
		gap: min(4vw, 56px);
		width: min(100%, 720px);
	}

	.brz-jn-page .brz-jn-perk__label {
		font-size: min(1.45vw, 2.6vh, 22px);
	}

	.brz-jn-page .brz-jn-card {
		width: min(100%, 940px);
		margin-top: min(2.4vh, 26px);
		padding: min(2.8vh, 28px) 30px;
	}

	.brz-jn-page .brz-jn-label,
	.brz-jn-embed .brz-jn-label {
		font-size: 15.5px;
	}

	.brz-jn-page .brz-jn-fields,
	.brz-jn-embed .brz-jn-fields {
		grid-template-columns: repeat(3, minmax(0, 1fr));
		align-items: start;
		gap: 14px;
	}

	.brz-jn-page .brz-jn-btn {
		min-height: min(8.6vh, 68px);
		font-size: min(1.9vw, 3.5vh, 28px);
		margin-top: min(2vh, 18px);
	}

	.brz-jn-page .brz-jn-note {
		margin-top: min(1.8vh, 16px);
	}
}

/* מסך מחשב נמוך (עד 900px גובה — רוב הלפטופים): ההזמנה בשתי שורות כדי שהכל ייכנס במסך אחד */
@media (min-width: 900px) and (max-height: 900px) {
	.brz-jn-page .brz-jn-lead span {
		display: inline;
	}
	.brz-jn-page .brz-jn-lead span:last-child {
		display: block;
	}
	.brz-jn-page .brz-jn-input {
		height: 56px;
	}
	.brz-jn-page .brz-jn-field__icon,
	.brz-jn-page .brz-jn-field__ok {
		top: 28px;
	}
	.brz-jn__foot {
		padding-top: 12px;
	}
}

/* מחשב נמוך מאוד (לפטופ 1366×768 עם סרגלי דפדפן) — הכל עדיין במסך אחד */
@media (min-width: 900px) and (max-height: 760px) {
	.brz-jn {
		padding-top: 12px;
	}
	.brz-jn-page .brz-jn-tagline {
		font-size: min(2.2vw, 3.7vh, 30px);
	}
	.brz-jn-page .brz-jn-title {
		font-size: min(8vw, 12.2vh, 140px);
	}
	.brz-jn-page .brz-jn-lead {
		font-size: min(2.2vw, 3.5vh, 32px);
	}
	.brz-jn-page .brz-jn-perks {
		--bz: min(8.6vw, 11.6vh, 138px);
		margin-top: 1.4vh;
	}
	.brz-jn-page .brz-jn-perk {
		gap: 4px;
	}
	.brz-jn-page .brz-jn-perk__label {
		font-size: min(1.4vw, 2.4vh, 20px);
	}
	.brz-jn-page .brz-jn-card {
		margin-top: 1.8vh;
		padding: 2vh 26px 1.6vh;
	}
	.brz-jn-page .brz-jn-input {
		height: 52px;
		padding-top: 20px;
	}
	.brz-jn-page .brz-jn-field__icon,
	.brz-jn-page .brz-jn-field__ok {
		top: 26px;
	}
	.brz-jn-page .brz-jn-input:focus + .brz-jn-label,
	.brz-jn-page .brz-jn-input:not(:placeholder-shown) + .brz-jn-label {
		top: 15px;
	}
	.brz-jn-page .brz-jn-btn {
		min-height: 54px;
		margin-top: 1.6vh;
	}
	.brz-jn-page .brz-jn-note {
		margin-top: 1.2vh;
		font-size: 13px;
	}
}

/* טאבלט לאורך — אותה פריסה של הטלפון, בקנה מידה מאופק */
@media (min-width: 600px) and (max-width: 899px) {
	.brz-jn-logo,
	.brz-jn-logo img {
		width: 250px;
	}
	.brz-jn__hero {
		width: min(100%, 680px);
	}
	.brz-jn-page .brz-jn-tagline {
		font-size: 24px;
	}
	.brz-jn-page .brz-jn-title {
		font-size: min(11.2vw, 96px);
	}
	.brz-jn-page .brz-jn-lead {
		font-size: clamp(22px, 3.7vw, 30px);
	}
	.brz-jn-page .brz-jn-perks {
		--bz: clamp(92px, 14vw, 120px);
		width: min(100%, 560px);
	}
	.brz-jn-page .brz-jn-perk__label {
		font-size: 18px;
	}
	.brz-jn-page .brz-jn-card {
		width: min(100%, 600px);
		padding: 26px;
	}
	.brz-jn-page .brz-jn-btn {
		font-size: 23px;
	}
}

@media (max-width: 380px) {
	.brz-jn-scope .brz-jn-btn {
		padding-left: 62px;
		padding-right: 18px;
		font-size: 18px;
	}
	.brz-jn-scope .brz-jn-btn__go {
		width: 42px;
		height: 42px;
		margin-top: -21px;
	}
}

/* ------------------------------------------------------------
   כניסה מדורגת — דף הנחיתה (רק כשיש JS; גיבוי: הכל מופיע אחרי 3 שניות)
   ------------------------------------------------------------ */
.brz-jn-js .brz-jn-page:not(.is-anim) :is(.brz-jn__brand, .brz-jn-tagline, .brz-jn-ch, .brz-jn-swoosh, .brz-jn-lead, .brz-jn-perk, .brz-jn-card, .brz-jn__foot) {
	opacity: 0;
	animation: brz-jn-failsafe .4s ease 3s forwards;
}

.brz-jn-page.is-anim .brz-jn__brand { animation: brz-jn-drop 1s var(--jn-ease) both; }
.brz-jn-page.is-anim .brz-jn-tagline { animation: brz-jn-rise .8s var(--jn-ease) .18s both; }
.brz-jn-page.is-anim .brz-jn-title .brz-jn-ch { animation: brz-jn-letter .9s var(--jn-spring) both; animation-delay: calc(.32s + var(--i) * 48ms); }
.brz-jn-page.is-anim .brz-jn-swoosh { animation: brz-jn-wipe .9s var(--jn-ease) .95s both; }
.brz-jn-page.is-anim .brz-jn-lead { animation: brz-jn-rise .8s var(--jn-ease) 1s both; }
.brz-jn-page.is-anim .brz-jn-perk { animation: brz-jn-badge-in .85s var(--jn-spring) both; animation-delay: calc(1.15s + var(--d) * .13s); }
.brz-jn-page.is-anim .brz-jn-card { animation: brz-jn-card-in 1s var(--jn-ease) 1.35s both; }
.brz-jn-page.is-anim .brz-jn__foot { animation: brz-jn-fade .8s ease 1.8s both; }
.brz-jn-scope .brz-jn-ch.is-set { animation: none !important; opacity: 1; }

/* אחרי הכניסה: גל אור עדין שעובר על אותיות הכותרת כל כמה שניות */
@media (prefers-reduced-motion: no-preference) {
	.brz-jn-scope .brz-jn-title.is-wave .brz-jn-ch {
		animation: brz-jn-wave 7s ease-in-out infinite !important;
		animation-delay: calc(var(--i) * 75ms) !important;
	}
}

/* ------------------------------------------------------------
   Keyframes
   ------------------------------------------------------------ */
@keyframes brz-jn-breathe {
	0%, 100% { opacity: .82; transform: scale(1); }
	50% { opacity: 1; transform: scale(1.12); }
}
@keyframes brz-jn-spin {
	to { transform: rotate(360deg); }
}
@keyframes brz-jn-spin-c {
	from { transform: translate(-50%, -50%) rotate(0deg); }
	to { transform: translate(-50%, -50%) rotate(360deg); }
}
@keyframes brz-jn-ghost {
	0%, 100% { opacity: .35; transform: scale(1); }
	50% { opacity: .9; transform: scale(1.18); }
}
@keyframes brz-jn-fly {
	0% { opacity: 0; transform: translate3d(100vw, 5vh, 0) scale(1); }
	5% { opacity: 1; }
	62% { opacity: 1; transform: translate3d(-105%, -4vh, 0) scale(.82); }
	63%, 100% { opacity: 0; transform: translate3d(-105%, -4vh, 0) scale(.82); }
}
@keyframes brz-jn-bob {
	from { transform: translateY(-6%); }
	to { transform: translateY(10%); }
}
@keyframes brz-jn-float {
	0%, 100% { transform: translateY(0); }
	50% { transform: translateY(-6px); }
}
@keyframes brz-jn-ripple {
	0% { opacity: .75; transform: scale(1); }
	70%, 100% { opacity: 0; transform: scale(1.32); }
}
@keyframes brz-jn-beat {
	0%, 56%, 100% { transform: scale(1); }
	8% { transform: scale(1.16); }
	18% { transform: scale(.97); }
	28% { transform: scale(1.09); }
	40% { transform: scale(1); }
}
@keyframes brz-jn-twinkle {
	0%, 100% { opacity: .55; transform: scale(.92); }
	50% { opacity: 1; transform: scale(1.08); }
}
@keyframes brz-jn-peek {
	0%, 55%, 100% { transform: translateY(8px); }
	70%, 88% { transform: translateY(-2px); }
}
@keyframes brz-jn-nudge {
	0%, 60%, 100% { transform: translateX(0); }
	75% { transform: translateX(-5px); }
	88% { transform: translateX(1px); }
}
@keyframes brz-jn-btn-shine {
	0% { transform: translateX(110%); }
	38%, 100% { transform: translateX(-110%); }
}
@keyframes brz-jn-logo-shine {
	0% { background-position: 140% 0; }
	32%, 100% { background-position: -40% 0; }
}
@keyframes brz-jn-sunrays {
	0%, 100% { transform: scale(1) rotate(-3deg); opacity: .9; }
	50% { transform: scale(1.08) rotate(3deg); opacity: 1; }
}
@keyframes brz-jn-shake {
	0%, 100% { transform: translateX(0); }
	20% { transform: translateX(-7px); }
	40% { transform: translateX(6px); }
	60% { transform: translateX(-4px); }
	80% { transform: translateX(2px); }
}
@keyframes brz-jn-drop {
	from { opacity: 0; transform: translateY(-18px) scale(.94); filter: blur(4px); }
	to { opacity: 1; transform: none; filter: none; }
}
@keyframes brz-jn-rise {
	from { opacity: 0; transform: translateY(16px); }
	to { opacity: 1; transform: none; }
}
@keyframes brz-jn-fade {
	from { opacity: 0; }
	to { opacity: 1; }
}
@keyframes brz-jn-letter {
	from { opacity: 0; transform: translateY(calc(var(--ty, 0px) + .55em)) rotate(var(--rot, 0deg)) scale(.35); }
	to { opacity: 1; transform: translateY(var(--ty, 0px)) rotate(var(--rot, 0deg)) scale(1); }
}
@keyframes brz-jn-wipe {
	from { opacity: 1; clip-path: inset(0 0 0 100%); }
	to { opacity: 1; clip-path: inset(0 0 0 0); }
}
@keyframes brz-jn-badge-in {
	from { opacity: 0; transform: translateY(22px) scale(.6); }
	to { opacity: 1; transform: none; }
}
@keyframes brz-jn-card-in {
	from { opacity: 0; transform: translateY(34px) scale(.97); }
	to { opacity: 1; transform: none; }
}
@keyframes brz-jn-pop {
	0% { transform: scale(.3); opacity: 0; }
	60% { transform: scale(1.12); opacity: 1; }
	100% { transform: scale(1); }
}
@keyframes brz-jn-draw {
	to { stroke-dashoffset: 0; }
}
@keyframes brz-jn-wave {
	0%, 16%, 100% { transform: translateY(var(--ty, 0px)) rotate(var(--rot, 0deg)); color: var(--jn-navy); }
	6% { transform: translateY(calc(var(--ty, 0px) - .075em)) rotate(var(--rot, 0deg)); color: #2a5bd0; }
}
@keyframes brz-jn-failsafe {
	to { opacity: 1; }
}

/* ------------------------------------------------------------
   תנועה מופחתת — הכל סטטי ומיידי
   ------------------------------------------------------------ */
@media (prefers-reduced-motion: reduce) {
	.brz-jn-scene *,
	.brz-jn-scope *,
	.brz-jn-scope *::before,
	.brz-jn-scope *::after,
	#brz-jn-pop .brz-jn-pop__card,
	#brz-jn-pop .brz-jn-pop__overlay {
		animation-duration: .01ms !important;
		animation-delay: 0s !important;
		animation-iteration-count: 1 !important;
		transition-duration: .01ms !important;
	}
	.brz-jn-birds,
	.brz-jn-motes {
		display: none !important;
	}
}