/* ==========================================================================
   Home — part B: slides night, scan (home-night.html), sos, results, logos, video,
   tech-1, tech-2, articles (home-b.html), the FAQ section (home-after.html) and the
   homepage CTA (home-cta.html). Every class is prefixed .homeb-.

   Slides are full-screen (100svh). Each one lays its content out on a "canvas" that
   reproduces the Figma frame (desktop 1920×950, mobile ≤900px 390×800) scaled by
   --k = the largest factor that fits both the slide width and height, so nothing
   can overflow or overlap on short or narrow screens. Text sizes have px floors for
   readability. The slide is a size container, so --k resolves against it.
   ========================================================================== */

/* ---------- Slide scaffolding ---------- */
.homeb-slide {
	position: relative; height: 100svh; overflow: hidden;
	container-type: size;
	--k: min(calc(100cqw / 1920), calc(100cqh / 950));
	--top: calc((100cqh - 950 * var(--k)) / 2);  /* canvas offset inside the slide */
	--side: calc((100cqw - 1920 * var(--k)) / 2);
}
.homeb-canvas {
	position: absolute; left: 50%; top: 50%;
	width: calc(1920 * var(--k)); height: calc(950 * var(--k));
	transform: translate(-50%, -50%);
}
@media (max-width: 900px) {
	.homeb-slide {
		--k: min(calc(100cqw / 390), calc(100cqh / 800), 1.5px);
		--top: calc((100cqh - 800 * var(--k)) / 2);
		--side: calc((100cqw - 390 * var(--k)) / 2);
	}
	.homeb-canvas { width: calc(390 * var(--k)); height: calc(800 * var(--k)); }
}

.homeb-light { background: var(--c-mint) url("../../img/global/page-bg.webp") center / cover no-repeat; }
.homeb-h2 { font-size: clamp(32px, 3.23vw, 62px); font-weight: 500; line-height: 1.19; }
.homeb-slide .homeb-h2 { font-size: max(26px, calc(62 * var(--k))); }
@media (max-width: 900px) { .homeb-slide .homeb-h2 { font-size: max(24px, calc(34 * var(--k))); } }

/* Buttons scale with the slide */
.homeb-slide .homeb-btn-lg {
	min-width: calc(425 * var(--k)); min-height: max(42px, calc(60 * var(--k)));
	padding-block: calc(12 * var(--k)); padding-inline: max(48px, calc(61.2 * var(--k))) max(16px, calc(26.8 * var(--k)));
	font-size: max(12px, calc(18 * var(--k)));
}
.homeb-slide .sv-btn__icon { width: max(28px, calc(36.7 * var(--k))); height: max(28px, calc(36.7 * var(--k))); margin-top: min(-14px, calc(-18.35 * var(--k))); inset-inline-start: max(7px, calc(9.26 * var(--k))); }
.homeb-slide .sv-btn__icon img { width: 55%; height: auto; }
.homeb-btn-ghost {
	min-height: max(36px, calc(47 * var(--k)));
	padding-block: 6px; padding-inline: max(14px, calc(20 * var(--k))) max(44px, calc(52 * var(--k)));
	font-size: max(13px, calc(16 * var(--k))); font-weight: 400;
	color: #fff; box-shadow: inset 0 0 0 1px #fff;
}
.homeb-slide .homeb-btn-ghost .sv-btn__icon { inset-inline-start: auto; inset-inline-end: max(5px, calc(7 * var(--k))); }
.homeb-btn-ghost:hover { background: rgba(255, 255, 255, .08); box-shadow: inset 0 0 0 1px #fff, 0 10px 24px rgba(0, 0, 0, .25); }

/* Green tick bullets (Figma "Vector 310", #6DEBA5) */
.homeb-checks li { display: flex; align-items: center; gap: max(6px, calc(10 * var(--k, 1px))); }
.homeb-checks li::before {
	content: ""; flex: none; width: max(11px, calc(15 * var(--k, 1px))); aspect-ratio: 15 / 10.6;
	background: url("../../img/home/b-check.svg") center / contain no-repeat;
}

/* Video cards (poster + play button → native video) */
[data-homeb-video] { position: relative; overflow: hidden; }
[data-homeb-video] video { display: block; width: 100%; height: 100%; object-fit: cover; background: #0b1a2e; }
.homeb-play { position: absolute; inset: 0; margin: auto; display: grid; place-items: center; border-radius: 50%; transition: transform .45s var(--ease-out), opacity .3s; }
.homeb-play img { width: 100%; height: 100%; }
.homeb-play:hover { transform: scale(1.08); }
.homeb-play--sm { width: max(40px, calc(54 * var(--k))); height: max(40px, calc(54 * var(--k))); }
.homeb-play--lg { width: max(56px, calc(94 * var(--k))); height: max(56px, calc(94 * var(--k))); }
[data-homeb-video].is-playing .homeb-play { opacity: 0; pointer-events: none; }
@media (max-width: 900px) {
	.homeb-play--sm, .homeb-play--lg { width: calc(80 * var(--k)); height: calc(80 * var(--k)); }
}

/* ==========================================================================
   night — navy, moon, "Night" word, text bottom-left, chips bottom-right.
   The centre column (≈330×680) stays empty for the shared phone.
   ========================================================================== */
.homeb-night { background: linear-gradient(to bottom, #05193d 0, #0a1940 32%, #121935 72%); color: #fff; }
.homeb-night__sky {
	position: absolute; inset: 0 0 auto; height: max(calc(296 * var(--k)), 15.42cqw); pointer-events: none;
	background: url("../../img/home/b-night-sky.webp") right top / auto 100% no-repeat; /* still of the Figma video fill's moon band */
	-webkit-mask-image: linear-gradient(to bottom, #000 55%, transparent);
	mask-image: linear-gradient(to bottom, #000 55%, transparent);
}
.homeb-night__word {
	inset: auto; left: calc(988 * var(--k)); top: calc(298 * var(--k));
	display: block; overflow: visible; direction: ltr;
}
.homeb-night__word .sv-bigword__text {
	font-size: calc(337.5 * var(--k)); line-height: 1;
	background-image: linear-gradient(to bottom, #fff, #121935 84.911%);
	opacity: 1;
}
.homeb-night__text { position: absolute; left: calc(100 * var(--k)); bottom: calc(90 * var(--k)); width: calc(560 * var(--k)); text-align: right; }
.homeb-night__title { font-size: max(26px, calc(62 * var(--k))); font-weight: 500; line-height: 1.19; }
.homeb-night__lead { margin-top: calc(22 * var(--k)); font-size: max(13px, calc(18 * var(--k))); line-height: 1.22; }
.homeb-night__text .homeb-btn-ghost { margin-top: calc(34 * var(--k)); }
.homeb-night__tags {
	position: absolute; right: calc(100 * var(--k)); bottom: calc(90 * var(--k)); width: calc(535 * var(--k));
	display: flex; flex-wrap: wrap; gap: calc(12 * var(--k));
}
.homeb-night__tags li {
	display: inline-flex; align-items: center; height: max(28px, calc(38 * var(--k))); padding-inline: max(10px, calc(18 * var(--k)));
	border-radius: 50px; background: #fff; color: var(--c-navy);
	font-size: max(12px, calc(16 * var(--k))); line-height: 1;
}
@media (max-width: 900px) {
	/* Figma mobile 320:46800: vertical word on the left, phone (≈220×470) at y≈112, text below */
	.homeb-night__word { left: calc(-30 * var(--k)); top: calc(106 * var(--k)); writing-mode: vertical-rl; transform: rotate(180deg); }
	.homeb-night__word .sv-bigword__text { font-size: calc(163 * var(--k)); background-image: linear-gradient(to left, #fff, #121935 84.911%); }
	.homeb-night__text { left: calc(20 * var(--k)); right: calc(20 * var(--k)); bottom: calc(28 * var(--k)); width: auto; text-align: center; }
	.homeb-night__title { font-size: max(24px, calc(34 * var(--k))); line-height: 1.15; }
	.homeb-night__lead { margin-top: calc(10 * var(--k)); font-size: max(13px, calc(15 * var(--k))); line-height: 1.3; }
	.homeb-night__text .homeb-btn-ghost { margin-top: calc(18 * var(--k)); }
	.homeb-night__tags { display: none; } /* not in the mobile design */
	.homeb-night__sky { height: calc(340 * var(--k)); background-position: 72% top; }
}

/* ==========================================================================
   scan — navy; the phone's bottom shows at the top (engine), title + button below
   ========================================================================== */
.homeb-scan { background: var(--c-navy); color: #fff; }
.homeb-scan__inner { display: flex; flex-direction: column; align-items: center; padding-top: calc(380 * var(--k)); gap: calc(39 * var(--k)); text-align: center; }
.homeb-scan__title { max-width: calc(1000 * var(--k)); font-size: max(26px, calc(62 * var(--k))); font-weight: 500; line-height: 1.19; }
@media (max-width: 900px) {
	.homeb-scan__inner { padding: calc(380 * var(--k)) calc(20 * var(--k)) 0; gap: calc(28 * var(--k)); }
	.homeb-scan__title { max-width: calc(330 * var(--k)); font-size: max(24px, calc(34 * var(--k))); }
	.homeb-slide .homeb-btn-lg { min-width: calc(265 * var(--k)); }
}

/* ==========================================================================
   sos — app tab bar with the SOS badge, title, text, three steps
   ========================================================================== */
.homeb-sos__inner { display: flex; flex-direction: column; align-items: center; text-align: center; padding-top: calc(231 * var(--k)); }
/* Tab bar built in em: 1em = 10 native px of the 357×80 component (Figma scales it to 580×130) */
.homeb-tabbar {
	position: relative; flex: none; direction: ltr;
	font-size: calc(16.245 * var(--k)); width: 35.7em; height: 8em;
	border-radius: 5em; background: #fff;
	filter: drop-shadow(0 .8em .8em rgba(19, 24, 53, .08));
}
.homeb-tabbar__notch { position: absolute; left: 50%; top: -2.024em; width: 10.4167em; height: 2.0567em; max-width: none; transform: translateX(-50%); }
.homeb-tabbar__item {
	position: absolute; top: .932em; width: 6em; height: 6.5em;
	display: flex; flex-direction: column; align-items: center; gap: .4em; padding-block: .4em;
	font-family: var(--f-ui); font-weight: 600; line-height: 1; color: var(--c-navy); opacity: .5;
}
.homeb-tabbar__item img { width: 3.6em; height: 3.6em; }
.homeb-tabbar__item span { font-size: 1.1em; }
.homeb-tabbar__item.is-active { opacity: 1; }
.homeb-tabbar__item--home { left: 1.716em; }
.homeb-tabbar__item--mind { left: 7.816em; }
.homeb-tabbar__item--spirit { left: 21.816em; }
.homeb-tabbar__item--body { left: 27.916em; }
.homeb-tabbar__badge {
	position: absolute; left: 50%; top: -1.6em; width: 8em; height: 8em; margin-left: -4em;
	border-radius: 50%; background: linear-gradient(to bottom, #237648, #075337 97.075%);
	box-shadow: 0 .8em 2em rgba(35, 118, 72, .25);
	animation: homeb-pulse 2.4s ease-in-out infinite;
}
.homeb-tabbar__badge img { position: absolute; left: 50%; top: calc(50% - .968em); width: 3.6em; height: 3.6em; transform: translate(-50%, -50%); }
.homeb-tabbar__badge span { position: absolute; left: 0; right: 0; top: calc(50% + 1.107em); font-family: var(--f-ui); font-weight: 600; font-size: 1.1em; line-height: 1; color: #fff; }
@keyframes homeb-pulse {
	0%, 100% { box-shadow: 0 .8em 2em rgba(35, 118, 72, .25), 0 0 0 0 rgba(35, 118, 72, .35); }
	50% { box-shadow: 0 .8em 2em rgba(35, 118, 72, .25), 0 0 0 .9em rgba(35, 118, 72, 0); }
}
.homeb-sos__title { margin-top: calc(79 * var(--k)); }
.homeb-sos__lead { margin-top: calc(35 * var(--k)); max-width: max(320px, calc(592 * var(--k))); font-size: max(14px, calc(20 * var(--k))); line-height: 1.25; }
.homeb-sos__steps {
	display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 8px calc(14 * var(--k));
	margin-top: calc(47 * var(--k)); font-size: max(14px, calc(20.37 * var(--k))); font-weight: 500; line-height: 1.2;
}
.homeb-sos__steps li { display: flex; align-items: center; gap: calc(14 * var(--k)); }
.homeb-sos__steps li + li::before { content: ""; width: max(7px, calc(9 * var(--k))); height: max(14px, calc(18 * var(--k))); flex: none; background: url("../../img/home/b-chevron-green.svg") center / contain no-repeat; }
@media (max-width: 900px) {
	.homeb-sos__inner { padding: calc(198 * var(--k)) calc(20 * var(--k)) 0; }
	.homeb-tabbar { font-size: calc(7.73 * var(--k)); }
	.homeb-sos__title { margin-top: calc(25 * var(--k)); }
	.homeb-sos__lead { margin-top: calc(27 * var(--k)); max-width: calc(300 * var(--k)); font-size: max(13px, calc(16 * var(--k))); }
	.homeb-sos__steps { flex-direction: column; gap: 0; margin-top: calc(36 * var(--k)); font-size: max(14px, calc(18 * var(--k))); }
	.homeb-sos__steps li { flex-direction: column; gap: calc(18 * var(--k)); }
	.homeb-sos__steps li + li { margin-top: calc(18 * var(--k)); }
	.homeb-sos__steps li + li::before { transform: rotate(-90deg); }
}

/* ==========================================================================
   results — text right, video cards from x=1238 bleeding off the left edge
   ========================================================================== */
.homeb-results__text { position: absolute; right: calc(100 * var(--k)); top: calc(234 * var(--k)); width: calc(460 * var(--k)); }
.homeb-results__list { margin-top: calc(29 * var(--k)); display: grid; row-gap: calc(37 * var(--k)); font-size: max(13px, calc(18 * var(--k))); line-height: 1.22; }
.homeb-results__cta { margin-top: calc(50 * var(--k)); }
.homeb-results__slider { position: absolute; top: calc(164 * var(--k)); right: calc(682 * var(--k)); left: calc(-1 * var(--side)); }
.homeb-results__track { gap: calc(44 * var(--k)); }
.homeb-story { width: calc(350 * var(--k)); aspect-ratio: 350 / 622; border-radius: calc(20 * var(--k)); background: #dfe9e4; }
.homeb-results__arrow {
	position: absolute; top: 50%; z-index: 2;
	width: max(30px, calc(35 * var(--k))); aspect-ratio: 1; transform: translateY(-50%); border-radius: 50%;
	display: grid; place-items: center; background: #fff; box-shadow: 0 7px 10px rgba(0, 0, 0, .1);
	transition: opacity .3s;
}
.homeb-results__arrow img { width: 6px; height: 11px; }
.homeb-results__arrow[disabled] { opacity: .4; cursor: default; }
.homeb-results__arrow--prev { right: max(-15px, calc(-17.5 * var(--k))); }
.homeb-results__arrow--prev img { transform: scaleX(-1); }
.homeb-results__arrow--next { left: calc(84 * var(--k)); }
@media (max-width: 900px) {
	/* Figma mobile 320:52350: title, cards 181×322, 2×2 ticks, full-width button */
	.homeb-results__text { position: static; }
	.homeb-results__title { position: absolute; top: calc(58 * var(--k)); left: calc(20 * var(--k)); right: calc(20 * var(--k)); text-align: center; }
	.homeb-results__slider { top: calc(144 * var(--k)); right: calc(-1 * var(--side)); }
	.homeb-results__track { gap: calc(24 * var(--k)); padding-inline: calc(20 * var(--k) + var(--side)); scroll-padding-inline: calc(20 * var(--k) + var(--side)); }
	.homeb-story { width: calc(181 * var(--k)); border-radius: calc(20 * var(--k)); }
	.homeb-results__arrow--prev { right: calc(20 * var(--k) + var(--side)); }
	.homeb-results__arrow--next { left: calc(20 * var(--k) + var(--side)); }
	.homeb-results__list {
		position: absolute; top: calc(497 * var(--k)); left: calc(15 * var(--k)); right: calc(20 * var(--k)); margin: 0;
		grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: calc(20 * var(--k)); row-gap: calc(22 * var(--k));
		font-size: max(12px, calc(16 * var(--k)));
	}
	.homeb-results__list li { align-items: flex-start; }
	.homeb-results__list li::before { margin-top: .3em; }
	.homeb-results__cta { position: absolute; top: calc(650 * var(--k)); left: calc(15 * var(--k)); right: calc(20 * var(--k)); margin: 0; }
	.homeb-results__cta .homeb-btn-lg { width: 100%; min-width: 0; min-height: calc(45 * var(--k)); }
}

/* ==========================================================================
   logos — title + two marquee rows (opposite directions, one set ≈ 10s)
   ========================================================================== */
.homeb-logos { --lk: var(--k); }
.homeb-logos__inner { text-align: center; padding-top: calc(190 * var(--k)); }
.homeb-logos__sub { margin-top: calc(6 * var(--k)); font-size: max(16px, calc(28 * var(--k))); font-weight: 500; line-height: 1.2; }
.homeb-logos__rows { position: absolute; left: 0; right: 0; top: calc(var(--top) + 366 * var(--k)); display: grid; row-gap: calc(20 * var(--lk)); }
.homeb-marquee {
	mix-blend-mode: multiply;
	-webkit-mask-image: linear-gradient(to right, transparent, #000 28%, #000 72%, transparent);
	mask-image: linear-gradient(to right, transparent, #000 28%, #000 72%, transparent);
}
.homeb-logo { flex: none; display: grid; place-items: center; width: calc(182 * var(--lk)); height: calc(182 * var(--lk)); margin-right: calc(20 * var(--lk)); }
.homeb-logo img { height: auto; mix-blend-mode: multiply; }
.homeb-logo--idf img { width: calc(122 * var(--lk)); }
.homeb-logo--zohar img { width: calc(134 * var(--lk)); }
.homeb-logo--motzkin img { width: calc(105 * var(--lk)); }
.homeb-logo--reut img { width: calc(98 * var(--lk)); }
.homeb-logo--electric img { width: calc(104 * var(--lk)); }
.homeb-logo--holon img { width: calc(85 * var(--lk)); }
.homeb-logo--batyam img { width: calc(60 * var(--lk)); }
.homeb-logo--iai img { width: calc(103 * var(--lk)); }
.homeb-logo--perrigo img { width: calc(122 * var(--lk)); }
.homeb-logo--ort img { width: calc(96 * var(--lk)); }
@media (max-width: 900px) {
	.homeb-logos { --lk: calc(var(--k) * .522); } /* mobile rows are 95px tall */
	.homeb-logos__inner { padding: calc(240 * var(--k)) calc(20 * var(--k)) 0; }
	.homeb-logos__rows { top: calc(var(--top) + 390 * var(--k)); row-gap: calc(10 * var(--k)); }
	.homeb-marquee { -webkit-mask-image: linear-gradient(to right, transparent, #000 12%, #000 88%, transparent); mask-image: linear-gradient(to right, transparent, #000 12%, #000 88%, transparent); }
}

/* ==========================================================================
   video — card 1110×557 (r50); .is-expanded (on the slide) grows it to full-bleed
   ========================================================================== */
.homeb-video__inner { text-align: center; padding-top: calc(123 * var(--k)); }
.homeb-video__list {
	position: absolute; left: 0; right: 0; top: calc(835 * var(--k));
	display: flex; flex-wrap: wrap; justify-content: center; gap: 8px calc(48 * var(--k));
	font-size: max(13px, calc(18 * var(--k))); font-weight: 500; line-height: 1.22;
}
.homeb-video__title, .homeb-video__list { transition: opacity .5s var(--ease-out); }
.homeb-video__player {
	position: absolute; z-index: 3;
	top: calc(var(--top) + 238 * var(--k)); left: calc(50% - 555 * var(--k));
	width: calc(1110 * var(--k)); height: calc(557 * var(--k));
	border-radius: calc(50 * var(--k));
	transition: top .8s var(--ease-in-out), left .8s var(--ease-in-out), width .8s var(--ease-in-out), height .8s var(--ease-in-out), border-radius .8s var(--ease-in-out);
}
.homeb-video.is-expanded .homeb-video__player, .homeb-video__player.is-expanded { top: 0; left: 0; width: 100%; height: 100%; border-radius: 0; }
.homeb-video.is-expanded .homeb-video__title, .homeb-video.is-expanded .homeb-video__list { opacity: 0; }
@media (max-width: 900px) {
	.homeb-video__inner { padding: calc(70 * var(--k)) calc(53 * var(--k)) 0; }
	.homeb-video__player { top: calc(var(--top) + 200 * var(--k)); left: calc(50% - 172 * var(--k)); width: calc(344 * var(--k)); height: calc(288 * var(--k)); border-radius: calc(20 * var(--k)); }
	.homeb-video__list { top: calc(530 * var(--k)); left: calc(23 * var(--k)); right: calc(23 * var(--k)); flex-direction: column; gap: calc(24 * var(--k)); font-size: max(13px, calc(16 * var(--k))); text-align: right; }
}

/* ==========================================================================
   tech-1 / tech-2 — cut-out photo bottom-left (anchored to the slide bottom), text right
   ========================================================================== */
.homeb-tech__art { position: absolute; bottom: 0; left: var(--side); z-index: 0; pointer-events: none; }
.homeb-tech__art img { width: 100%; }
.homeb-tech--woman .homeb-tech__art { width: calc(1391 * var(--k)); }
.homeb-tech--man .homeb-tech__art { width: calc(1394 * var(--k)); }
.homeb-tech .homeb-canvas { z-index: 1; }
.homeb-tech__text { position: absolute; right: calc(243 * var(--k)); text-align: right; }
.homeb-tech--woman .homeb-tech__text { top: calc(225 * var(--k)); width: calc(573 * var(--k)); }
.homeb-tech--man .homeb-tech__text { top: calc(256 * var(--k)); width: calc(619 * var(--k)); }
.homeb-tech__body { margin-top: calc(30 * var(--k)); font-size: max(13px, calc(20 * var(--k))); line-height: 1.2; }
.homeb-tech--woman .homeb-tech__body { width: calc(451 * var(--k)); }
.homeb-tech--man .homeb-tech__body { width: calc(499 * var(--k)); margin-top: calc(22 * var(--k)); }
.homeb-tech__body p + p { margin-top: 1.2em; }
.homeb-tech__list { margin-top: calc(28 * var(--k)); display: grid; row-gap: calc(19 * var(--k)); font-size: max(13px, calc(18 * var(--k))); line-height: 1.22; }
.homeb-tech__cta { margin-top: calc(47 * var(--k)); }
@media (max-width: 900px) {
	.homeb-tech__text, .homeb-tech--woman .homeb-tech__text, .homeb-tech--man .homeb-tech__text { left: calc(20 * var(--k)); right: calc(20 * var(--k)); width: auto; }
	.homeb-tech--woman .homeb-tech__text { top: calc(150 * var(--k)); }
	.homeb-tech--man .homeb-tech__text { top: calc(113 * var(--k)); }
	.homeb-tech--woman .homeb-h2 { font-size: max(24px, calc(36 * var(--k))); }
	.homeb-tech__body, .homeb-tech--woman .homeb-tech__body, .homeb-tech--man .homeb-tech__body { width: auto; margin-top: calc(14 * var(--k)); font-size: max(12px, calc(15 * var(--k))); }
	.homeb-tech__body p + p { margin-top: 0; }
	.homeb-tech__list { margin-top: calc(16 * var(--k)); row-gap: calc(16 * var(--k)); font-size: max(12px, calc(16 * var(--k))); }
	.homeb-tech__list li { align-items: flex-start; }
	.homeb-tech__list li::before { margin-top: .35em; }
	.homeb-tech__cta { display: none; } /* not in the mobile design */
	/* Text on top, photo fills the rest and is cropped from the top if space runs short (never under the text) */
	.homeb-tech { display: flex; flex-direction: column; }
	.homeb-tech .homeb-canvas { position: relative; left: auto; top: auto; transform: none; flex: none; height: auto; margin-inline: auto; padding-top: var(--top); }
	.homeb-tech__text, .homeb-tech--woman .homeb-tech__text, .homeb-tech--man .homeb-tech__text { position: relative; top: auto; left: auto; right: auto; padding-inline: calc(20 * var(--k)); }
	.homeb-tech--woman .homeb-tech__text { padding-top: calc(150 * var(--k)); }
	.homeb-tech--man .homeb-tech__text { padding-top: calc(113 * var(--k)); }
	.homeb-tech__art, .homeb-tech--woman .homeb-tech__art, .homeb-tech--man .homeb-tech__art {
		order: 2; position: relative; left: auto; bottom: auto; width: 100%;
		flex: 1 1 0; min-height: 0; margin-top: calc(12 * var(--k)); overflow: hidden;
	}
	.homeb-tech__art img { position: absolute; bottom: 0; max-width: none; }
	.homeb-tech--woman .homeb-tech__art img { width: calc(734 * var(--k)); left: calc(var(--side) - 158 * var(--k)); }
	.homeb-tech--man .homeb-tech__art img { width: calc(768 * var(--k)); left: calc(var(--side) - 192 * var(--k)); }
}

/* ==========================================================================
   articles — title, 4 visible cards, arrows + dots
   ========================================================================== */
.homeb-articles__title { position: absolute; top: calc(145 * var(--k)); right: calc(100 * var(--k)); }
.homeb-articles__all { position: absolute; top: calc(183 * var(--k)); left: calc(106 * var(--k)); font-size: max(13px, calc(20 * var(--k))); line-height: 1.2; text-decoration: underline; text-underline-offset: 4px; }
.homeb-articles__all:hover { color: var(--c-forest); }
.homeb-articles__track {
	position: absolute; top: calc(236 * var(--k)); left: calc(70 * var(--k)); right: calc(70 * var(--k));
	gap: calc(20 * var(--k)); padding: calc(30 * var(--k)) calc(30 * var(--k)) calc(40 * var(--k)); scroll-padding-inline: calc(30 * var(--k));
}
.homeb-art {
	position: relative; display: flex; flex-direction: column;
	width: calc(415 * var(--k)); padding: calc(19 * var(--k)) calc(18 * var(--k)) calc(33 * var(--k));
	border-radius: calc(20 * var(--k)); background: #fff; box-shadow: 0 4px 30px rgba(26, 107, 67, .1);
}
.homeb-art:hover { box-shadow: 0 18px 40px rgba(26, 107, 67, .16); }
.homeb-art__media { position: relative; aspect-ratio: 379 / 250; border-radius: calc(20 * var(--k)); overflow: hidden; }
.homeb-art__media > img { width: 100%; height: 100%; object-fit: cover; transition: transform .8s var(--ease-out); }
.homeb-art:hover .homeb-art__media > img { transform: scale(1.05); }
.homeb-art__time {
	position: absolute; right: calc(18 * var(--k)); bottom: calc(14 * var(--k));
	display: inline-flex; align-items: center; justify-content: center; gap: calc(6 * var(--k));
	min-width: calc(88 * var(--k)); height: max(20px, calc(28 * var(--k))); padding-inline: 6px; border-radius: 50px; background: #fff;
	font-size: max(11px, calc(16 * var(--k))); font-weight: 500; line-height: 1;
}
.homeb-art__time img { width: max(14px, calc(20 * var(--k))); height: auto; }
.homeb-art__head { display: flex; align-items: flex-start; justify-content: space-between; gap: calc(12 * var(--k)); margin-top: calc(20 * var(--k)); padding-inline-start: calc(9 * var(--k)); padding-bottom: calc(20 * var(--k)); border-bottom: 1px solid var(--c-line); }
.homeb-art__title { font-size: max(14px, calc(22 * var(--k))); font-weight: 500; line-height: 1.19; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.homeb-art__title a::after { content: ""; position: absolute; inset: 0; border-radius: inherit; } /* whole card clickable */
.homeb-art__go { flex: none; width: calc(39 * var(--k)); height: calc(39 * var(--k)); max-width: none; margin: calc(3 * var(--k)) calc(-7 * var(--k)) calc(-11 * var(--k)); }
.homeb-art__excerpt { margin-top: calc(20 * var(--k)); padding-inline-start: calc(9 * var(--k)); font-size: max(13px, calc(20 * var(--k))); line-height: 1.2; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; }
.homeb-articles__nav { position: absolute; left: 0; right: 0; top: calc(829 * var(--k)); display: flex; justify-content: center; align-items: center; gap: calc(19 * var(--k)); }
.homeb-articles__arrow { display: grid; place-items: center; width: max(36px, calc(47 * var(--k))); aspect-ratio: 1; border-radius: 50%; background: var(--c-forest); transition: transform .3s var(--ease-out), opacity .3s; }
.homeb-articles__arrow img { width: 40%; height: auto; }
.homeb-articles__arrow:hover { transform: scale(1.08); }
.homeb-articles__arrow[disabled] { opacity: .4; cursor: default; transform: none; }
.homeb-articles__dots:empty { display: none; }
@media (max-width: 900px) {
	/* Figma mobile 320:60310 */
	.homeb-articles__title { top: calc(120 * var(--k)); right: calc(20 * var(--k)); }
	.homeb-articles__track { top: calc(167 * var(--k)); left: calc(-1 * var(--side)); right: calc(-1 * var(--side)); gap: calc(19 * var(--k)); padding: calc(30 * var(--k)) calc(20 * var(--k) + var(--side)) calc(30 * var(--k)); scroll-padding-inline: calc(20 * var(--k) + var(--side)); }
	.homeb-art { width: calc(250 * var(--k)); padding: calc(13 * var(--k)) calc(12 * var(--k)) calc(26 * var(--k)); text-align: center; }
	.homeb-art__time { right: calc(10 * var(--k)); bottom: calc(10 * var(--k)); }
	.homeb-art__head { justify-content: center; margin-top: calc(16 * var(--k)); padding: 0; border: 0; }
	.homeb-art__title { font-size: max(14px, calc(20 * var(--k))); -webkit-line-clamp: 3; }
	.homeb-art__go { display: none; }
	.homeb-art__excerpt { margin-top: calc(10 * var(--k)); padding: 0; font-size: max(12px, calc(15 * var(--k))); -webkit-line-clamp: 5; }
	.homeb-articles__nav { top: calc(619 * var(--k)); left: auto; right: calc(20 * var(--k)); justify-content: flex-end; gap: calc(12 * var(--k)); }
	.homeb-articles__arrow { width: calc(35 * var(--k)); }
	.homeb-articles__all { top: calc(627 * var(--k)); left: calc(23 * var(--k)); font-size: max(13px, calc(16 * var(--k))); }
}

/* ==========================================================================
   FAQ (home-after.html — a normal section after the slides)
   ========================================================================== */
.homeb-faq__inner { padding-top: 98px; padding-bottom: 86px; }
.homeb-faq__head { text-align: center; }
.homeb-faq__kicker { font-size: clamp(20px, 1.67vw, 32px); font-weight: 500; line-height: 1.19; }
.homeb-faq__list { max-width: 1138px; margin: 44px auto 0; }
.homeb-faq__item { border-bottom: 1px solid rgba(20, 24, 52, .5); }
.homeb-faq__q { padding: 20px 0 26px; font-size: clamp(20px, 1.46vw, 28px); font-weight: 500; line-height: 1.2; }
.homeb-faq__q:hover { color: var(--c-forest); }
.homeb-faq__icon { width: 31px; height: 31px; margin-inline-end: 5px; border-radius: 50%; background: var(--c-forest); color: var(--c-mint-2); transition: transform .45s var(--ease-out); }
.homeb-faq__icon::before, .homeb-faq__icon::after { left: 7.75px; right: 7.75px; height: 1.55px; margin-top: -.775px; }
.homeb-faq__q:hover .homeb-faq__icon { transform: scale(1.08); }
.homeb-faq__a { max-width: 1000px; padding-bottom: 26px; font-size: clamp(16px, 1.04vw, 20px); line-height: 1.5; }
@media (max-width: 900px) {
	.homeb-faq__inner { padding-top: 70px; padding-bottom: 50px; }
	.homeb-faq__kicker { font-size: 18px; }
	.homeb-faq__head .homeb-h2 { font-size: 34px; }
	.homeb-faq__list { margin-top: 24px; }
	.homeb-faq__q { padding: 16px 0 18px; font-size: 18px; }
	.homeb-faq__icon { width: 26px; height: 26px; margin-inline-end: 0; }
	.homeb-faq__icon::before, .homeb-faq__icon::after { left: 6.5px; right: 6.5px; }
	.homeb-faq__a { padding-bottom: 18px; font-size: 16px; }
}

/* ==========================================================================
   Homepage CTA (home-cta.html) — minimal overrides on the shared .sv-cta
   ========================================================================== */
.homeb-cta .sv-cta__card { grid-template-columns: auto minmax(0, 23.7cqi) minmax(0, 28.7cqi); padding-inline: 4.93cqi 3.88cqi; }
/* 502×353 phone (as in Figma) overlapping the text/button columns with its transparent edges; pokes 68px above the card */
.homeb-cta .sv-cta__phone { width: 33.03cqi; margin: -4.47cqi -6.64cqi 0 -2.7cqi; margin-inline: -6.64cqi -2.7cqi; }
.homeb-cta .sv-cta__actions { gap: 22px; }
/* 436px button scaled with the card so the phone keeps its Figma share of the width */
.homeb-cta .sv-cta__actions .sv-btn { width: min(436px, 28.7cqi); max-width: none; font-size: min(18px, 1.19cqi); padding-inline: min(61.2px, 4.03cqi) min(26.8px, 1.76cqi); }
.homeb-cta__note { font-size: min(16px, 1.05cqi); line-height: 1.2; text-align: center; white-space: nowrap; }
@container sv-cta (max-width: 1079px) {
	.homeb-cta .sv-cta__card { grid-template-columns: minmax(0, 1fr) minmax(0, 42%); padding-inline: 48px 32px; }
	.homeb-cta .sv-cta__phone { width: auto; margin: -40px 0 0; }
	.homeb-cta .sv-cta__actions { align-items: flex-start; }
	.homeb-cta .sv-cta__actions .sv-btn { width: 436px; max-width: 100%; font-size: 18px; padding-inline: 61.2px 26.8px; }
	.homeb-cta__note { font-size: 16px; white-space: normal; }
}
@container sv-cta (max-width: 639px) {
	.homeb-cta .sv-cta__card { grid-template-columns: minmax(0, 1fr); padding: 36px 20px 27px; }
	.homeb-cta .sv-cta__phone { width: 340px; margin: 10px -15px 0; }
	.homeb-cta .sv-cta__actions { align-items: center; gap: 15px; }
	.homeb-cta .sv-cta__actions .sv-btn { width: 265px; }
	.homeb-cta__note { font-size: 13px; }
}

/* Mobile-only copy trimming (e.g. button label → "7 ימי ניסיון חינם") */
@media (max-width: 900px) {
	.homeb-hide-m { display: none; }
}

/* ---------- Engine on (assets/css/pages/home.css) ----------
   Light slides let the stage background show through; my entrance-from items rest fully opaque
   (the engine's .4 resting opacity is meant for the faint big words of home-a). */
.hs.hs-on .homeb-light { background: none; }
.hs.hs-on .homeb-slide.is-active [data-in-from] { opacity: 1; }